/* quanta-tokens.css — palette with hex + rgb tokens (generated) */
:root{
  --quanta-red-50: #ffe0dd;
  --quanta-red-50-rgb: 255 224 221;
  --quanta-red-100: #ffc5c0;
  --quanta-red-100-rgb: 255 197 192;
  --quanta-red-200: #ff9d94;
  --quanta-red-200-rgb: 255 157 148;
  --quanta-red-300: #ff6557;
  --quanta-red-300-rgb: 255 101 87;
  --quanta-red-400: #ff3623;
  --quanta-red-400-rgb: 255 54 35;
  --quanta-red-500: #ff0202;
  --quanta-red-500-rgb: 255 2 2;
  --quanta-red-600: #ff2814;
  --quanta-red-600-rgb: 255 40 20;
  --quanta-red-700: #d71200;
  --quanta-red-700-rgb: 215 18 0;
  --quanta-red-800: #92160a;
  --quanta-red-800-rgb: 146 22 10;
  --quanta-red-900: #500700;
  --quanta-red-900-rgb: 80 7 0;
  --quanta-orange-50: #fff0d4;
  --quanta-orange-50-rgb: 255 240 212;
  --quanta-orange-100: #ffdea8;
  --quanta-orange-100-rgb: 255 222 168;
  --quanta-orange-200: #ffc570;
  --quanta-orange-200-rgb: 255 197 112;
  --quanta-orange-300: #ff834d;
  --quanta-orange-300-rgb: 255 131 77;
  --quanta-orange-400: #ffa037;
  --quanta-orange-400-rgb: 255 160 55;
  --quanta-orange-500: #ff8614;
  --quanta-orange-500-rgb: 255 134 20;
  --quanta-orange-600: #f06806;
  --quanta-orange-600-rgb: 240 104 6;
  --quanta-orange-700: #c74d07;
  --quanta-orange-700-rgb: 199 77 7;
  --quanta-orange-800: #9e3d0e;
  --quanta-orange-800-rgb: 158 61 14;
  --quanta-orange-900: #451805;
  --quanta-orange-900-rgb: 69 24 5;
  --quanta-teal-50: #cffce9;
  --quanta-teal-50-rgb: 207 252 233;
  --quanta-teal-100: #a3f7d7;
  --quanta-teal-100-rgb: 163 247 215;
  --quanta-teal-200: #67eec3;
  --quanta-teal-200-rgb: 103 238 195;
  --quanta-teal-300: #2bdca9;
  --quanta-teal-300-rgb: 43 220 169;
  --quanta-teal-400: #07c595;
  --quanta-teal-400-rgb: 7 197 149;
  --quanta-teal-500: #009e78;
  --quanta-teal-500-rgb: 0 158 120;
  --quanta-teal-600: #007e64;
  --quanta-teal-600-rgb: 0 126 100;
  --quanta-teal-700: #016450;
  --quanta-teal-700-rgb: 1 100 80;
  --quanta-teal-800: #025243;
  --quanta-teal-800-rgb: 2 82 67;
  --quanta-teal-900: #002e27;
  --quanta-teal-900-rgb: 0 46 39;
  --quanta-purple-50: #fee5ff;
  --quanta-purple-50-rgb: 254 229 255;
  --quanta-purple-100: #fdcaff;
  --quanta-purple-100-rgb: 253 202 255;
  --quanta-purple-200: #ffa1fe;
  --quanta-purple-200-rgb: 255 161 254;
  --quanta-purple-300: #ff69fd;
  --quanta-purple-300-rgb: 255 105 253;
  --quanta-purple-400: #fb32ff;
  --quanta-purple-400-rgb: 251 50 255;
  --quanta-purple-500: #d710da;
  --quanta-purple-500-rgb: 215 16 218;
  --quanta-purple-600: #c10ac0;
  --quanta-purple-600-rgb: 193 10 192;
  --quanta-purple-700: #9d0b9a;
  --quanta-purple-700-rgb: 157 11 154;
  --quanta-purple-800: #800f7b;
  --quanta-purple-800-rgb: 128 15 123;
  --quanta-purple-900: #570054;
  --quanta-purple-900-rgb: 87 0 84;
  --quanta-indigo-50: #f3e7ff;
  --quanta-indigo-50-rgb: 243 231 255;
  --quanta-indigo-100: #ead3ff;
  --quanta-indigo-100-rgb: 234 211 255;
  --quanta-indigo-200: #d9b1ff;
  --quanta-indigo-200-rgb: 217 177 255;
  --quanta-indigo-300: #c27fff;
  --quanta-indigo-300-rgb: 194 127 255;
  --quanta-indigo-400: #aa4efe;
  --quanta-indigo-400-rgb: 170 78 254;
  --quanta-indigo-500: #962bf2;
  --quanta-indigo-500-rgb: 150 43 242;
  --quanta-indigo-600: #891ce3;
  --quanta-indigo-600-rgb: 137 28 227;
  --quanta-indigo-700: #6e1bae;
  --quanta-indigo-700-rgb: 110 27 174;
  --quanta-indigo-800: #5b178c;
  --quanta-indigo-800-rgb: 91 23 140;
  --quanta-indigo-900: #3c0368;
  --quanta-indigo-900-rgb: 60 3 104;
  --quanta-yellow-50: #f2ffc2;
  --quanta-yellow-50-rgb: 242 255 194;
  --quanta-yellow-100: #e9ff88;
  --quanta-yellow-100-rgb: 233 255 136;
  --quanta-yellow-200: #e4ff43;
  --quanta-yellow-200-rgb: 228 255 67;
  --quanta-yellow-300: #eaff10;
  --quanta-yellow-300-rgb: 234 255 16;
  --quanta-yellow-400: #e4ef03;
  --quanta-yellow-400-rgb: 228 239 3;
  --quanta-yellow-500: #d6cf00;
  --quanta-yellow-500-rgb: 214 207 0;
  --quanta-yellow-600: #a49104;
  --quanta-yellow-600-rgb: 164 145 4;
  --quanta-yellow-700: #87710c;
  --quanta-yellow-700-rgb: 135 113 12;
  --quanta-yellow-800: #735c10;
  --quanta-yellow-800-rgb: 115 92 16;
  --quanta-yellow-900: #433205;
  --quanta-yellow-900-rgb: 67 50 5;
  --quanta-pink-50: #fde6e9;
  --quanta-pink-50-rgb: 253 230 233;
  --quanta-pink-100: #fbd0d9;
  --quanta-pink-100-rgb: 251 208 217;
  --quanta-pink-200: #f7aab9;
  --quanta-pink-200-rgb: 247 170 185;
  --quanta-pink-300: #f27a93;
  --quanta-pink-300-rgb: 242 122 147;
  --quanta-pink-400: #e63f66;
  --quanta-pink-400-rgb: 230 63 102;
  --quanta-pink-500: #d42a5b;
  --quanta-pink-500-rgb: 212 42 91;
  --quanta-pink-600: #b21e4b;
  --quanta-pink-600-rgb: 178 30 75;
  --quanta-pink-700: #951c45;
  --quanta-pink-700-rgb: 149 28 69;
  --quanta-pink-800: #801b40;
  --quanta-pink-800-rgb: 128 27 64;
  --quanta-pink-900: #470a1f;
  --quanta-pink-900-rgb: 71 10 31;
  --quanta-grey-50: #f8f9fa;
  --quanta-grey-50-rgb: 248 249 250;
  --quanta-grey-100: #f1f3f5;
  --quanta-grey-100-rgb: 241 243 245;
  --quanta-grey-200: #e4e7ea;
  --quanta-grey-200-rgb: 228 231 234;
  --quanta-grey-300: #cfd4d9;
  --quanta-grey-300-rgb: 207 212 217;
  --quanta-grey-400: #9aa0a6;
  --quanta-grey-400-rgb: 154 160 166;
  --quanta-grey-500: #6b7280;
  --quanta-grey-500-rgb: 107 114 128;
  --quanta-grey-600: #4b5563;
  --quanta-grey-600-rgb: 75 85 99;
  --quanta-grey-700: #374151;
  --quanta-grey-700-rgb: 55 65 81;
  --quanta-grey-800: #23272f;
  --quanta-grey-800-rgb: 35 39 47;
  --quanta-grey-900: #12161d;
  --quanta-grey-900-rgb: 18 22 29;
  --quanta-zinc-50: #fafafa;
  --quanta-zinc-50-rgb: 250 250 250;
  --quanta-zinc-100: #f4f4f5;
  --quanta-zinc-100-rgb: 244 244 245;
  --quanta-zinc-200: #e4e4e7;
  --quanta-zinc-200-rgb: 228 228 231;
  --quanta-zinc-300: #d4d4d8;
  --quanta-zinc-300-rgb: 212 212 216;
  --quanta-zinc-400: #a1a1aa;
  --quanta-zinc-400-rgb: 161 161 170;
  --quanta-zinc-500: #71717a;
  --quanta-zinc-500-rgb: 113 113 122;
  --quanta-zinc-600: #52525b;
  --quanta-zinc-600-rgb: 82 82 91;
  --quanta-zinc-700: #3f3f46;
  --quanta-zinc-700-rgb: 63 63 70;
  --quanta-zinc-800: #27272a;
  --quanta-zinc-800-rgb: 39 39 42;
  --quanta-zinc-900: #18181b;
  --quanta-zinc-900-rgb: 24 24 27;
  --quanta-neutral-50: #fafafa;
  --quanta-neutral-50-rgb: 250 250 250;
  --quanta-neutral-100: #f5f5f5;
  --quanta-neutral-100-rgb: 245 245 245;
  --quanta-neutral-200: #e5e5e5;
  --quanta-neutral-200-rgb: 229 229 229;
  --quanta-neutral-300: #d4d4d4;
  --quanta-neutral-300-rgb: 212 212 212;
  --quanta-neutral-400: #a3a3a3;
  --quanta-neutral-400-rgb: 163 163 163;
  --quanta-neutral-500: #737373;
  --quanta-neutral-500-rgb: 115 115 115;
  --quanta-neutral-600: #525252;
  --quanta-neutral-600-rgb: 82 82 82;
  --quanta-neutral-700: #404040;
  --quanta-neutral-700-rgb: 64 64 64;
  --quanta-neutral-800: #262626;
  --quanta-neutral-800-rgb: 38 38 38;
  --quanta-neutral-900: #171717;
  --quanta-neutral-900-rgb: 23 23 23;
  --quanta-lime-50: #e7fec9;
  --quanta-lime-50-rgb: 231 254 201;
  --quanta-lime-100: #d0fc9a;
  --quanta-lime-100-rgb: 208 252 154;
  --quanta-lime-200: #aff75f;
  --quanta-lime-200-rgb: 175 247 95;
  --quanta-lime-300: #91ec2f;
  --quanta-lime-300-rgb: 145 236 47;
  --quanta-lime-400: #66be0e;
  --quanta-lime-400-rgb: 102 190 14;
  --quanta-lime-500: #55a808;
  --quanta-lime-500-rgb: 85 168 8;
  --quanta-lime-600: #42800b;
  --quanta-lime-600-rgb: 66 128 11;
  --quanta-lime-700: #36650f;
  --quanta-lime-700-rgb: 54 101 15;
  --quanta-lime-800: #2f5512;
  --quanta-lime-800-rgb: 47 85 18;
  --quanta-lime-900: #162f04;
  --quanta-lime-900-rgb: 22 47 4;
  --quanta-cyan-50: #cafdf8;
  --quanta-cyan-50-rgb: 202 253 248;
  --quanta-cyan-100: #96f9f3;
  --quanta-cyan-100-rgb: 150 249 243;
  --quanta-cyan-200: #59efeb;
  --quanta-cyan-200-rgb: 89 239 235;
  --quanta-cyan-300: #27d9da;
  --quanta-cyan-300-rgb: 39 217 218;
  --quanta-cyan-400: #0ebbbe;
  --quanta-cyan-400-rgb: 14 187 190;
  --quanta-cyan-500: #089499;
  --quanta-cyan-500-rgb: 8 148 153;
  --quanta-cyan-600: #0b757a;
  --quanta-cyan-600-rgb: 11 117 122;
  --quanta-cyan-700: #0e5c61;
  --quanta-cyan-700-rgb: 14 92 97;
  --quanta-cyan-800: #114c50;
  --quanta-cyan-800-rgb: 17 76 80;
  --quanta-cyan-900: #022c31;
  --quanta-cyan-900-rgb: 2 44 49;
  --quanta-sky-50: #dff0ff;
  --quanta-sky-50-rgb: 223 240 255;
  --quanta-sky-100: #b8e2ff;
  --quanta-sky-100-rgb: 184 226 255;
  --quanta-sky-200: #94d6ff;
  --quanta-sky-200-rgb: 148 214 255;
  --quanta-sky-300: #33b3fd;
  --quanta-sky-300-rgb: 51 179 253;
  --quanta-sky-400: #0999ee;
  --quanta-sky-400-rgb: 9 153 238;
  --quanta-sky-500: #0079cc;
  --quanta-sky-500-rgb: 0 121 204;
  --quanta-sky-600: #0060a5;
  --quanta-sky-600-rgb: 0 96 165;
  --quanta-sky-700: #045288;
  --quanta-sky-700-rgb: 4 82 136;
  --quanta-sky-800: #0a4570;
  --quanta-sky-800-rgb: 10 69 112;
  --quanta-sky-900: #062b4b;
  --quanta-sky-900-rgb: 6 43 75;
  --quanta-violet-50: #f4e8ff;
  --quanta-violet-50-rgb: 244 232 255;
  --quanta-violet-100: #ebd4ff;
  --quanta-violet-100-rgb: 235 212 255;
  --quanta-violet-200: #dbb3ff;
  --quanta-violet-200-rgb: 219 179 255;
  --quanta-violet-300: #c582fe;
  --quanta-violet-300-rgb: 197 130 254;
  --quanta-violet-400: #af52fa;
  --quanta-violet-400-rgb: 175 82 250;
  --quanta-violet-500: #992ced;
  --quanta-violet-500-rgb: 153 44 237;
  --quanta-violet-600: #851fd1;
  --quanta-violet-600-rgb: 133 31 209;
  --quanta-violet-700: #711faa;
  --quanta-violet-700-rgb: 113 31 170;
  --quanta-violet-800: #5c1a89;
  --quanta-violet-800-rgb: 92 26 137;
  --quanta-violet-900: #3f0566;
  --quanta-violet-900-rgb: 63 5 102;
  --quanta-rose-50: #ffe3f6;
  --quanta-rose-50-rgb: 255 227 246;
  --quanta-rose-100: #ffc6ec;
  --quanta-rose-100-rgb: 255 198 236;
  --quanta-rose-200: #ff98db;
  --quanta-rose-200-rgb: 255 152 219;
  --quanta-rose-300: #ff58c1;
  --quanta-rose-300-rgb: 255 88 193;
  --quanta-rose-400: #ff27a5;
  --quanta-rose-400-rgb: 255 39 165;
  --quanta-rose-500: #ff0a85;
  --quanta-rose-500-rgb: 255 10 133;
  --quanta-rose-600: #df0064;
  --quanta-rose-600-rgb: 223 0 100;
  --quanta-rose-700: #b80053;
  --quanta-rose-700-rgb: 184 0 83;
  --quanta-rose-800: #980348;
  --quanta-rose-800-rgb: 152 3 72;
  --quanta-rose-900: #5f0026;
  --quanta-rose-900-rgb: 95 0 38;
  --quanta-slate-50: #f8fafc;
  --quanta-slate-50-rgb: 248 250 252;
  --quanta-slate-100: #f1f5f9;
  --quanta-slate-100-rgb: 241 245 249;
  --quanta-slate-200: #e2e8f0;
  --quanta-slate-200-rgb: 226 232 240;
  --quanta-slate-300: #cbd5e1;
  --quanta-slate-300-rgb: 203 213 225;
  --quanta-slate-400: #94a3b8;
  --quanta-slate-400-rgb: 148 163 184;
  --quanta-slate-500: #64748b;
  --quanta-slate-500-rgb: 100 116 139;
  --quanta-slate-600: #475569;
  --quanta-slate-600-rgb: 71 85 105;
  --quanta-slate-700: #334155;
  --quanta-slate-700-rgb: 51 65 85;
  --quanta-slate-800: #1e293b;
  --quanta-slate-800-rgb: 30 41 59;
  --quanta-slate-900: #0f172a;
  --quanta-slate-900-rgb: 15 23 42;
  --quanta-blue-50: #d7eaff;
  --quanta-blue-50-rgb: 215 234 255;
  --quanta-blue-100: #b9dcff;
  --quanta-blue-100-rgb: 185 220 255;
  --quanta-blue-200: #88c7ff;
  --quanta-blue-200-rgb: 136 199 255;
  --quanta-blue-300: #50a7ff;
  --quanta-blue-300-rgb: 80 167 255;
  --quanta-blue-400: #2882ff;
  --quanta-blue-400-rgb: 40 130 255;
  --quanta-blue-500: #1463ff;
  --quanta-blue-500-rgb: 20 99 255;
  --quanta-blue-600: #0a4aeb;
  --quanta-blue-600-rgb: 10 74 235;
  --quanta-blue-700: #0f3cbe;
  --quanta-blue-700-rgb: 15 60 190;
  --quanta-blue-800: #133895;
  --quanta-blue-800-rgb: 19 56 149;
  --quanta-blue-900: #133895;
  --quanta-blue-900-rgb: 19 56 149;
  --quanta-green-50: #d8ffdf;
  --quanta-green-50-rgb: 216 255 223;
  --quanta-green-100: #b4fec2;
  --quanta-green-100-rgb: 180 254 194;
  --quanta-green-200: #7afb93;
  --quanta-green-200-rgb: 122 251 147;
  --quanta-green-300: #3aee5e;
  --quanta-green-300-rgb: 58 238 94;
  --quanta-green-400: #10d737;
  --quanta-green-400-rgb: 16 215 55;
  --quanta-green-500: #07c52d;
  --quanta-green-500-rgb: 7 197 45;
  --quanta-green-600: #098c24;
  --quanta-green-600-rgb: 9 140 36;
  --quanta-green-700: #0d6e22;
  --quanta-green-700-rgb: 13 110 34;
  --quanta-green-800: #0d5a1f;
  --quanta-green-800-rgb: 13 90 31;
  --quanta-green-900: #00330c;
  --quanta-green-900-rgb: 0 51 12;
  --black: #000;
  --black-rgb: 0 0 0;
  --white: #fff;
  --white-rgb: 255 255 255;
  --bg: var(--white);
  --text: var(--quanta-grey-800);
}

@import "../tokens/color-tokens.css";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Merriweather:ital,wght@0,400;0,700&family=Fira+Code:wght@400;500&display=swap');

:root {
  /* ─── Spacing Scale ───────────────────────────────────── */
  /* ─── Spacing Scale ───────────────────────────────────── */
  --quanta-space-0: 0rem;
  --quanta-space-1: 0.25rem;
  --quanta-space-2: 0.5rem;
  --quanta-space-3: 0.75rem;
  --quanta-space-4: 1rem;
  --quanta-space-5: 1.25rem;
  --quanta-space-6: 1.5rem;
  --quanta-space-8: 2rem;
  --quanta-space-10: 2.5rem;

  /* ─── Border Radius ───────────────────────────────────── */
  --quanta-rounded-sm: 0.125rem;
  --quanta-rounded: 0.25rem;
  --quanta-rounded-md: 0.375rem;
  --quanta-rounded-lg: 0.5rem;
  --quanta-rounded-xl: 0.75rem;
  --quanta-rounded-2xl: 1rem;
  --quanta-rounded-full: 9999px;

  /* ─── Fonts ───────────────────────────────────────────── */
  --quanta-font-inter: 'Inter', sans-serif;
  --quanta-font-primary: 'Inter', sans-serif;
  --quanta-font-secondary: 'Roboto', sans-serif;
  --quanta-font-roboto-serif: 'Roboto Serif', serif;
  --quanta-font-roboto-mono: 'Roboto Mono', monospace;

  /* ─── Breakpoints ─────────────────────────────────────── */
  --quanta-screen-sm: 640px;
  --quanta-screen-md: 768px;
  --quanta-screen-lg: 1024px;
  --quanta-screen-xl: 1280px;
  --quanta-screen-2xl: 1536px;

  /* ─── Transitions ─────────────────────────────────────── */
  --quanta-duration-fast: 150ms;
  --quanta-duration-normal: 300ms;
  --quanta-duration-slow: 500ms;
  --quanta-ease-default: cubic-bezier(0.4, 0, 0.2, 1);

  /* ─── Z-Index ─────────────────────────────────────────── */
  --quanta-z-xs: 10;
  --quanta-z-sm: 100;
  --quanta-z: 1000;
  --quanta-z-lg: 10000;
  --quanta-z-xl: 100000;

  /* ─── Shadows ─────────────────────────────────────────── */
  --quanta-shadow-color: rgba(0, 0, 0, 0.1);
  --quanta-shadow-sm: 0 1px 2px var(--quanta-shadow-color);
  --quanta-shadow: 0 1px 3px var(--quanta-shadow-color), 0 1px 2px var(--quanta-shadow-color);
  --quanta-shadow-md: 0 4px 6px -1px var(--quanta-shadow-color), 0 2px 4px -2px var(--quanta-shadow-color);
  --quanta-shadow-lg: 0 10px 15px -3px var(--quanta-shadow-color), 0 4px 6px -4px var(--quanta-shadow-color);
  --quanta-shadow-xl: 0 20px 25px -5px var(--quanta-shadow-color), 0 10px 10px -5px var(--quanta-shadow-color);
  --quanta-shadow-2xl: 0 25px 50px -12px var(--quanta-shadow-color);

  /* ─── Typography ──────────────────────────────────────── */
  --quanta-text-xs: 0.75rem;
  --quanta-text-sm: 0.875rem;
  --quanta-text-base: 1rem;
  --quanta-text-lg: 1.125rem;
  --quanta-text-xl: 1.25rem;
  --quanta-text-2xl: 1.5rem;
  --quanta-text-3xl: 1.875rem;
  --quanta-text-4xl: 2.25rem;
  --quanta-text-5xl: 3rem;

  --quanta-leading-none: 1;
  --quanta-leading-tight: 1.25;
  --quanta-leading-snug: 1.375;
  --quanta-leading-normal: 1.5;
  --quanta-leading-relaxed: 1.625;
  --quanta-leading-loose: 2;

  --quanta-heading-size: var(--quanta-text-xl);
  --quanta-subheading-size: var(--quanta-text-xl);
  --quanta-body-size: var(--quanta-text-base);
  --quanta-caption-size: var(--quanta-text-sm);

  /* ─── Component Defaults ──────────────────────────────── */
  --quanta-border-width: 1px;
  --quanta-ring-width: 2px;

  /* ─── Focus helper (keeps a single point to tweak ring) ── */
  --quanta-focus-rgb: 20 99 255; /* default, override in token file if you want */
  --quanta-ring: 0 0 0 3px rgba(var(--quanta-focus-rgb), 0.18);

  /* ─── Semantic Colors - Light ─────────────────────────── */
  --quanta-bg-default:        var(--quanta-grey-50);
  --quanta-text-default:      var(--quanta-grey-600);
  --quanta-border-color:      var(--quanta-grey-200);

  --quanta-primary:         #3B82F6;
  --quanta-primary-hover:   #2562c4;
  --quanta-text-primary:    #ffffff;
  --quanta-border-primary:  #3B82F6;


  --quanta-bg-secondary:      #8b5CF6;
  --quanta-text-secondary:    var(--white);
  --quanta-border-secondary:  #8b5CF6;
  --quanta-secondary-hover:   #6130d1;

  --quanta-bg-success:        #22C55E;
  --quanta-text-success:      var(--white);
  --quanta-border-success:    #22C55E;
  --quanta-success-hover:     #12873d;

  --quanta-bg-warning:        #E59E0B;
  --quanta-text-warning:      var(--white);
  --quanta-border-warning:    #E59E0B;
  --quanta-warning-hover:     #b27a08;

  --quanta-bg-danger:         #EF4444;
  --quanta-text-danger:       var(--white);
  --quanta-border-danger:     #EF4444;
  --quanta-danger-hover:      #c82b2b;

  --quanta-bg-info:           #0EA5E9;
  --quanta-text-info:         var(--white);
  --quanta-border-info:       #0EA5E9;
  --quanta-info-hover:        #0e8cc7;

  --quanta-bg-neutral:        #9CA3AF;
  --quanta-text-neutral:      var(--quanta-grey-800);
  --quanta-border-neutral:    #9CA3AF;
  --quanta-neutral-hover:     #7a7e86;

  --quanta-bg-accent:         #c522b8;
  --quanta-text-accent:       var(--white);
  --quanta-border-accent:     #c522b8;
  --quanta-accent-hover:      #c522b8;

  --quanta-bg-ghost:          transparent;
  --quanta-text-ghost:        var(--quanta-grey-600);
  --quanta-border-ghost:      transparent;
  --quanta-ghost-hover:       var(--quanta-grey-100);

  --quanta-text-link:         var(--quanta-blue-600);
  --quanta-link-hover:        var(--quanta-blue-700);
}

html[data-theme="dark"] {
  /* ─── Semantic Colors - Dark ───────────────────────────── */
  --quanta-bg-default:        var(--quanta-grey-900);
  --quanta-text-default:      var(--quanta-grey-100);
  --quanta-border-color:      var(--quanta-grey-700);

  --quanta-primary:         #3B82F6;
  --quanta-primary-hover:   #2562c4;
  --quanta-text-primary:    #ffffff;
  --quanta-border-primary:  #3B82F6;


  --quanta-bg-secondary:      #8b5CF6;
  --quanta-text-secondary:    var(--white);
  --quanta-border-secondary:  #8b5CF6;
  --quanta-secondary-hover:   #6130d1;

  --quanta-bg-success:        #22C55E;
  --quanta-text-success:      var(--white);
  --quanta-border-success:    #22C55E;
  --quanta-success-hover:     #12873d;

  --quanta-bg-warning:        #E59E0B;
  --quanta-text-warning:      var(--white);
  --quanta-border-warning:    #E59E0B;
  --quanta-warning-hover:     #b27a08;

  --quanta-bg-danger:         #EF4444;
  --quanta-text-danger:       var(--white);
  --quanta-border-danger:     #EF4444;
  --quanta-danger-hover:      #c82b2b;

  --quanta-bg-info:           #0EA5E9;
  --quanta-text-info:         var(--white);
  --quanta-border-info:       #0EA5E9;
  --quanta-info-hover:        #0e8cc7;

  --quanta-bg-neutral:        #9CA3AF;
  --quanta-text-neutral:      var(--quanta-grey-800);
  --quanta-border-neutral:    #9CA3AF;
  --quanta-neutral-hover:     #7a7e86;

  --quanta-bg-accent:         #c522b8;
  --quanta-text-accent:       var(--white);
  --quanta-border-accent:     #c522b8;
  --quanta-accent-hover:      #c522b8;

  --quanta-bg-ghost:          transparent;
  --quanta-text-ghost:        var(--quanta-grey-600);
  --quanta-border-ghost:      transparent;
  --quanta-ghost-hover:       var(--quanta-grey-100);

  --quanta-text-link:         var(--quanta-blue-600);
  --quanta-link-hover:        var(--quanta-blue-700);
}

/* quanta-reset.css — partial Preflight-style reset (clean, production-ready) */
:root{
  --quanta-ring: 0 0 0 3px rgba(var(--quanta-primary), .18);
  --quanta-border: rgba(0,0,0,.08);
  --quanta-scroll-track: var(--quanta-slate-100, #f3f4f6);
  --quanta-scroll-thumb: var(--quanta-slate-300, #d1d5db);
  color-scheme: light dark;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --quanta-focus-radius: .25rem;
}

@font-face {
  font-family: 'bricolage';
  src: url('../static/BricolageGrotesque-VariableFont_opsz\,wdth\,wght.ttf') format('truetype');
}

/* Box-sizing */
*, *::before, *::after{ box-sizing: border-box; }

/* Gentle base reset (low specificity) */
:where(
  html, body,
  h1, h2, h3, h4, h5, h6,
  p, blockquote, pre,
  ol, ul, li,
  dl, dt, dd,
  figure, figcaption,
  hr,
  fieldset, legend,
  input, button, select, textarea,
  table, th, td,
  img, picture, video, canvas, svg,
  iframe, form, label
){
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  font: inherit;
}

/* Semantic HTML elements */
:where(article, aside, footer, header, main, nav, section){ display: block; }

/* Lists & tables */
ol, ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }

/* Media responsiveness */
img, picture, video, canvas, svg{ max-width: 100%; height: auto; display: block; border-style: none; }

/* Forms — conservative normalization */
button, input, textarea, select{
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  resize: vertical;
  line-height: inherit;
}

/* Keep native listbox behavior unless restyled */
select{ -webkit-appearance: menulist; appearance: menulist; }

/* Firefox button inner fix */
button::-moz-focus-inner{ border: 0; padding: 0; }

/* Buttons & disabled state */
button{ cursor: pointer; }
button:disabled, [disabled]{ cursor: not-allowed; opacity: .6; }

/* Links */
a{ color: inherit; text-decoration: none; text-decoration-skip-ink: auto; }
a:hover, a:focus-visible{ text-decoration: underline; }
a:not([href]){ cursor: default; }

/* Scrollbar (WebKit only) */
::-webkit-scrollbar{ width: 8px; height: 8px; }
::-webkit-scrollbar-track{ background: var(--quanta-scroll-track); border-radius: 4px; }
::-webkit-scrollbar-thumb{ background: var(--quanta-scroll-thumb); border-radius: 4px; transition: background .18s; }
[data-theme='dark'] ::-webkit-scrollbar-track{ background: #111827; }
[data-theme='dark'] ::-webkit-scrollbar-thumb{ background: #4b5563; }
::-webkit-scrollbar-thumb:hover{ background: rgba(var(--quanta-primary), .85); }

/* Focus — keyboard-first, accessible */
:where(:focus){ outline: none; } /* safe because we define focus-visible below */
:where(:focus-visible){
  outline: none;
  box-shadow: var(--quanta-ring);
  border-radius: var(--quanta-focus-radius);
}

/* Scoped focus-within for components only */
.form-field:focus-within,
.card:focus-within{
  box-shadow: var(--quanta-ring);
  border-radius: var(--quanta-focus-radius);
}

/* Small component examples (use if you want consistent default focus styles) */
.btn:focus-visible,
.button:focus-visible{
  box-shadow: var(--quanta-ring);
  border-radius: var(--quanta-focus-radius);
  outline: none;
}
.input:focus-visible,
.input-field:focus-visible{
  box-shadow: var(--quanta-ring);
  border-radius: .125rem;
  outline: none;
}

/* Motion & accessibility preferences */

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* iOS text scaling and font smoothing */
:where(html){
  -webkit-text-size-adjust: 100%;
}
body{
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  font-family: var(--font-sans);
  line-height: 1.5;
  font-size: 100%;
}

/* Tiny niceties */
abbr[title]{ text-decoration: underline dotted; }

/* Print fallback */

@media print{
  :where(nav, .no-print){ display: none !important; }
  body{ background: #fff; color: #000; }
}

*{
  font-family: bricolage;
}

/* =============================================================================
   VARIABLES & COLORS
============================================================================= */

@import '../tokens/color-tokens.css';

@import 'variables.css';

/* Default thin scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--quanta-slate-300);
  border-radius: var(--quanta-rounded-md);
}

/* Hover effect */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--quanta-slate-500);
}

/* Firefox support */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--quanta-slate-400) transparent;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: var(--quanta-slate-600);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--quanta-slate-500);
}

html[data-theme="dark"] * {
  scrollbar-color: var(--quanta-slate-600) transparent;
}

.font-sans {
  font-family: var(--font-sans) !important;
}

.font-serif {
  font-family: var(--font-serif) !important;
}

.font-mono {
  font-family: var(--font-mono) !important;
}

/* -- Padding Utilities (p-) -- */
.p-auto { padding: auto; }
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }
.p-16 { padding: 4rem; }
.p-20 { padding: 5rem; }
.p-24 { padding: 6rem; }
.p-28 { padding: 7rem; }
.p-32 { padding: 8rem; }

/* -- Top Padding (pt-) -- */
.pt-auto { padding-top: auto; }
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
.pt-16 { padding-top: 4rem; }
.pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
.pt-28 { padding-top: 7rem; }
.pt-32 { padding-top: 8rem; }

/* -- Bottom Padding (pb-) -- */
.pb-auto { padding-bottom: auto; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
.pb-28 { padding-bottom: 7rem; }
.pb-32 { padding-bottom: 8rem; }

/* -- Left Padding (pl-) -- */
.pl-auto { padding-left: auto; }
.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
.pl-6 { padding-left: 1.5rem; }
.pl-8 { padding-left: 2rem; }
.pl-10 { padding-left: 2.5rem; }
.pl-12 { padding-left: 3rem; }
.pl-16 { padding-left: 4rem; }
.pl-20 { padding-left: 5rem; }
.pl-24 { padding-left: 6rem; }
.pl-28 { padding-left: 7rem; }
.pl-32 { padding-left: 8rem; }

/* -- Right Padding (pr-) -- */
.pr-auto { padding-right: auto; }
.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 0.75rem; }
.pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
.pr-6 { padding-right: 1.5rem; }
.pr-8 { padding-right: 2rem; }
.pr-10 { padding-right: 2.5rem; }
.pr-12 { padding-right: 3rem; }
.pr-16 { padding-right: 4rem; }
.pr-20 { padding-right: 5rem; }
.pr-24 { padding-right: 6rem; }
.pr-28 { padding-right: 7rem; }
.pr-32 { padding-right: 8rem; }

/* -- Horizontal Padding (px-) -- */
.px-auto { padding-left: auto; padding-right: auto; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
.px-28 { padding-left: 7rem; padding-right: 7rem; }
.px-32 { padding-left: 8rem; padding-right: 8rem; }

/* -- Vertical Padding (py-) -- */
.py-auto { padding-top: auto; padding-bottom: auto; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }

/* -- Margin Utilities (m-) -- */
.m-auto { margin: auto; }
.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }
.m-8 { margin: 2rem; }
.m-10 { margin: 2.5rem; }
.m-12 { margin: 3rem; }
.m-16 { margin: 4rem; }
.m-20 { margin: 5rem; }
.m-24 { margin: 6rem; }
.m-28 { margin: 7rem; }
.m-32 { margin: 8rem; }

/* -- Top Margin (mt-) -- */
.mt-auto { margin-top: auto; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
.mt-24 { margin-top: 6rem; }
.mt-28 { margin-top: 7rem; }
.mt-32 { margin-top: 8rem; }

/* -- Bottom Margin (mb-) -- */
.mb-auto { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-28 { margin-bottom: 7rem; }
.mb-32 { margin-bottom: 8rem; }

/* -- Left Margin (ml-) -- */
.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1rem; }
.ml-5 { margin-left: 1.25rem; }
.ml-6 { margin-left: 1.5rem; }
.ml-8 { margin-left: 2rem; }
.ml-10 { margin-left: 2.5rem; }
.ml-12 { margin-left: 3rem; }
.ml-16 { margin-left: 4rem; }
.ml-20 { margin-left: 5rem; }
.ml-24 { margin-left: 6rem; }
.ml-28 { margin-left: 7rem; }
.ml-32 { margin-left: 8rem; }

/* -- Right Margin (mr-) -- */
.mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.mr-5 { margin-right: 1.25rem; }
.mr-6 { margin-right: 1.5rem; }
.mr-8 { margin-right: 2rem; }
.mr-10 { margin-right: 2.5rem; }
.mr-12 { margin-right: 3rem; }
.mr-16 { margin-right: 4rem; }
.mr-20 { margin-right: 5rem; }
.mr-24 { margin-right: 6rem; }
.mr-28 { margin-right: 7rem; }
.mr-32 { margin-right: 8rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-8 { margin-left: 2rem; margin-right: 2rem; }
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.mx-12 { margin-left: 3rem; margin-right: 3rem; }
.mx-16 { margin-left: 4rem; margin-right: 4rem; }
.mx-20 { margin-left: 5rem; margin-right: 5rem; }
.mx-24 { margin-left: 6rem; margin-right: 6rem; }
.mx-28 { margin-left: 7rem; margin-right: 7rem; }
.mx-32 { margin-left: 8rem; margin-right: 8rem; }

/* -- Vertical margin (py-) -- */
.my-auto { margin-top: auto; margin-bottom: auto; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.my-16 { margin-top: 4rem; margin-bottom: 4rem; }
.my-20 { margin-top: 5rem; margin-bottom: 5rem; }
.my-24 { margin-top: 6rem; margin-bottom: 6rem; }
.my-28 { margin-top: 7rem; margin-bottom: 7rem; }
.my-32 { margin-top: 8rem; margin-bottom: 8rem; }

/* -- Horizontal Space (space-x-) -- */
.space-x-auto { --space-x: auto; }
.space-x-0 { --space-x: 0; }
.space-x-1 { --space-x: 0.25rem; }
.space-x-2 { --space-x: 0.5rem; }
.space-x-3 { --space-x: 0.75rem; }
.space-x-4 { --space-x: 1rem; }
.space-x-5 { --space-x: 1.25rem; }
.space-x-6 { --space-x: 1.5rem; }
.space-x-8 { --space-x: 2rem; }
.space-x-10 { --space-x: 2.5rem; }
.space-x-12 { --space-x: 3rem; }
.space-x-16 { --space-x: 4rem; }
.space-x-20 { --space-x: 5rem; }
.space-x-24 { --space-x: 6rem; }
.space-x-28 { --space-x: 7rem; }
.space-x-32 { --space-x: 8rem; }

/* -- Vertical Space (space-y-) -- */
.space-y-auto { --space-y: auto; }
.space-y-0 { --space-y: 0; }
.space-y-1 { --space-y: 0.25rem; }
.space-y-2 { --space-y: 0.5rem; }
.space-y-3 { --space-y: 0.75rem; }
.space-y-4 { --space-y: 1rem; }
.space-y-5 { --space-y: 1.25rem; }
.space-y-6 { --space-y: 1.5rem; }
.space-y-8 { --space-y: 2rem; }
.space-y-10 { --space-y: 2.5rem; }
.space-y-12 { --space-y: 3rem; }
.space-y-16 { --space-y: 4rem; }
.space-y-20 { --space-y: 5rem; }
.space-y-24 { --space-y: 6rem; }
.space-y-28 { --space-y: 7rem; }
.space-y-32 { --space-y: 8rem; }

/* -- Display Utilities (d-) -- */
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }
.d-none { display: none; }

/* -- Position Utilities (position-) -- */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

/* All sides */
.inset-0   { inset: 0; }       .-inset-0   { inset: 0; }
.inset-1   { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.inset-2   { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.inset-3   { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.inset-4   { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.inset-5   { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.inset-6   { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.inset-7   { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.inset-8   { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.inset-9   { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.inset-10  { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.inset-11  { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.inset-12  { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.inset-13  { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.inset-14  { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.inset-15  { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.inset-16  { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.inset-17  { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.inset-18  { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.inset-19  { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.inset-20  { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.inset-21  { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.inset-22  { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.inset-23  { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.inset-24  { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.inset-25  { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.inset-26  { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.inset-27  { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.inset-28  { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.inset-29  { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.inset-30  { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.inset-31  { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.inset-32  { inset: 8rem; }    .-inset-32  { inset: -8rem; }

/* Inline axis */
.inset-inline-0   { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.inset-inline-1   { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.inset-inline-2   { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.inset-inline-3   { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.inset-inline-4   { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.inset-inline-5   { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.inset-inline-6   { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.inset-inline-7   { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.inset-inline-8   { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.inset-inline-9   { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.inset-inline-10  { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.inset-inline-11  { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.inset-inline-12  { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.inset-inline-13  { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.inset-inline-14  { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.inset-inline-15  { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.inset-inline-16  { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.inset-inline-17  { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.inset-inline-18  { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.inset-inline-19  { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.inset-inline-20  { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.inset-inline-21  { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.inset-inline-22  { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.inset-inline-23  { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.inset-inline-24  { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.inset-inline-25  { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.inset-inline-26  { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.inset-inline-27  { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.inset-inline-28  { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.inset-inline-29  { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.inset-inline-30  { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.inset-inline-31  { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.inset-inline-32  { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }

/* Block axis */
.inset-block-0   { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.inset-block-1   { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.inset-block-2   { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.inset-block-3   { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.inset-block-4   { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.inset-block-5   { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.inset-block-6   { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.inset-block-7   { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.inset-block-8   { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.inset-block-9   { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.inset-block-10  { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.inset-block-11  { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.inset-block-12  { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.inset-block-13  { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.inset-block-14  { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.inset-block-15  { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.inset-block-16  { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.inset-block-17  { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.inset-block-18  { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.inset-block-19  { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.inset-block-20  { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.inset-block-21  { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.inset-block-22  { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.inset-block-23  { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.inset-block-24  { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.inset-block-25  { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem            }
/* ===========
   Top
   =========== */
.top-0   { top: 0; }      .-top-0   { top: 0; }
.top-1   { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.top-2   { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.top-3   { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.top-4   { top: 1rem; }     .-top-4   { top: -1rem; }
.top-5   { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.top-6   { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.top-7   { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.top-8   { top: 2rem; }     .-top-8   { top: -2rem; }
.top-9   { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.top-10  { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.top-11  { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.top-12  { top: 3rem; }     .-top-12  { top: -3rem; }
.top-13  { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.top-14  { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.top-15  { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.top-16  { top: 4rem; }     .-top-16  { top: -4rem; }
.top-17  { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.top-18  { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.top-19  { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.top-20  { top: 5rem; }     .-top-20  { top: -5rem; }
.top-21  { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.top-22  { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.top-23  { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.top-24  { top: 6rem; }     .-top-24  { top: -6rem; }
.top-25  { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.top-26  { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.top-27  { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.top-28  { top: 7rem; }     .-top-28  { top: -7rem; }
.top-29  { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.top-30  { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.top-31  { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.top-32  { top: 8rem; }     .-top-32  { top: -8rem; }

/* ===========
   Right
   =========== */
.right-0   { right: 0; }      .-right-0   { right: 0; }
.right-1   { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.right-2   { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.right-3   { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.right-4   { right: 1rem; }     .-right-4   { right: -1rem; }
.right-5   { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.right-6   { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.right-7   { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.right-8   { right: 2rem; }     .-right-8   { right: -2rem; }
.right-9   { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.right-10  { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.right-11  { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.right-12  { right: 3rem; }     .-right-12  { right: -3rem; }
.right-13  { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.right-14  { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.right-15  { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.right-16  { right: 4rem; }     .-right-16  { right: -4rem; }
.right-17  { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.right-18  { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.right-19  { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.right-20  { right: 5rem; }     .-right-20  { right: -5rem; }
.right-21  { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.right-22  { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.right-23  { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.right-24  { right: 6rem; }     .-right-24  { right: -6rem; }
.right-25  { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.right-26  { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.right-27  { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.right-28  { right: 7rem; }     .-rights-28 { right: -7rem; }
.right-29  { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.right-30  { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.right-31  { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.right-32  { right: 8rem; }     .-right-32  { right: -8rem; }

/* ===========
   Bottom
   =========== */
.bottom-0   { bottom: 0; }      .-bottom-0   { bottom: 0; }
.bottom-1   { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.bottom-2   { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.bottom-3   { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.bottom-4   { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.bottom-5   { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.bottom-6   { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.bottom-7   { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.bottom-8   { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.bottom-9   { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.bottom-10  { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.bottom-11  { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.bottom-12  { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.bottom-13  { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.bottom-14  { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.bottom-15  { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.bottom-16  { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.bottom-17  { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.bottom-18  { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.bottom-19  { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.bottom-20  { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.bottom-21  { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.bottom-22  { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.bottom-23  { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.bottom-24  { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.bottom-25  { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.bottom-26  { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.bottom-27  { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.bottom-28  { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.bottom-29  { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.bottom-30  { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.bottom-31  { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.bottom-32  { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }

/* ===========
   Left
   =========== */
.left-0   { left: 0; }      .-left-0   { left: 0; }
.left-1   { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.left-2   { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.left-3   { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.left-4   { left: 1rem; }     .-left-4   { left: -1rem; }
.left-5   { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.left-6   { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.left-7   { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.left-8   { left: 2rem; }     .-left-8   { left: -2rem; }
.left-9   { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.left-10  { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.left-11  { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.left-12  { left: 3rem; }     .-left-12  { left: -3rem; }
.left-13  { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.left-14  { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.left-15  { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.left-16  { left: 4rem; }     .-left-16  { left: -4rem; }
.left-17  { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.left-18  { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.left-19  { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.left-20  { left: 5rem; }     .-left-20  { left: -5rem; }
.left-21  { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.left-22  { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.left-23  { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.left-24  { left: 6rem; }     .-left-24  { left: -6rem; }
.left-25  { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.left-26  { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.left-27  { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.left-28  { left: 7rem; }     .-left-28  { left: -7rem; }
.left-29  { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.left-30  { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.left-31  { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.left-32  { left: 8rem; }     .-left-32  { left: -8rem; }

/* -- Grid Template Columns (grid-cols-) */
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.grid-cols-20 { grid-template-columns: repeat(20, 1fr); }

.grid-rows-1   { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.grid-rows-2   { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.grid-rows-3   { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.grid-rows-4   { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.grid-rows-5   { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.grid-rows-6   { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.grid-rows-7   { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.grid-rows-8   { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.grid-rows-9   { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.grid-rows-10  { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.grid-rows-11  { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.grid-rows-12  { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.grid-rows-13  { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.grid-rows-14  { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.grid-rows-15  { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.grid-rows-16  { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.grid-rows-18  { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.grid-rows-20  { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.grid-rows-24  { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.grid-rows-32  { grid-template-rows: repeat(32, minmax(0, 1fr)); }

/* -- Gap Utilities (gap-) */
/*
  Quanta CSS - Gap Utilities
  ---------------------------
  Classes for gap, row-gap, and column-gap
  Supports 0 → 8rem (steps: 0,1,2,3,4,5,6,7,8,9,10,12,14,16,20,24,28,32)
*/

/* General gap */
.gap-0   { gap: 0; }
.gap-1   { gap: 0.25rem; }
.gap-2   { gap: 0.5rem; }
.gap-3   { gap: 0.75rem; }
.gap-4   { gap: 1rem; }
.gap-5   { gap: 1.25rem; }
.gap-6   { gap: 1.5rem; }
.gap-7   { gap: 1.75rem; }
.gap-8   { gap: 2rem; }
.gap-9   { gap: 2.25rem; }
.gap-10  { gap: 2.5rem; }
.gap-12  { gap: 3rem; }
.gap-14  { gap: 3.5rem; }
.gap-16  { gap: 4rem; }
.gap-20  { gap: 5rem; }
.gap-24  { gap: 6rem; }
.gap-28  { gap: 7rem; }
.gap-32  { gap: 8rem; }

/* Row gap */
.row-gap-0   { row-gap: 0; }
.row-gap-1   { row-gap: 0.25rem; }
.row-gap-2   { row-gap: 0.5rem; }
.row-gap-3   { row-gap: 0.75rem; }
.row-gap-4   { row-gap: 1rem; }
.row-gap-5   { row-gap: 1.25rem; }
.row-gap-6   { row-gap: 1.5rem; }
.row-gap-7   { row-gap: 1.75rem; }
.row-gap-8   { row-gap: 2rem; }
.row-gap-9   { row-gap: 2.25rem; }
.row-gap-10  { row-gap: 2.5rem; }
.row-gap-12  { row-gap: 3rem; }
.row-gap-14  { row-gap: 3.5rem; }
.row-gap-16  { row-gap: 4rem; }
.row-gap-20  { row-gap: 5rem; }
.row-gap-24  { row-gap: 6rem; }
.row-gap-28  { row-gap: 7rem; }
.row-gap-32  { row-gap: 8rem; }

/* Column gap */
.column-gap-0   { column-gap: 0; }
.column-gap-1   { column-gap: 0.25rem; }
.column-gap-2   { column-gap: 0.5rem; }
.column-gap-3   { column-gap: 0.75rem; }
.column-gap-4   { column-gap: 1rem; }
.column-gap-5   { column-gap: 1.25rem; }
.column-gap-6   { column-gap: 1.5rem; }
.column-gap-7   { column-gap: 1.75rem; }
.column-gap-8   { column-gap: 2rem; }
.column-gap-9   { column-gap: 2.25rem; }
.column-gap-10  { column-gap: 2.5rem; }
.column-gap-12  { column-gap: 3rem; }
.column-gap-14  { column-gap: 3.5rem; }
.column-gap-16  { column-gap: 4rem; }
.column-gap-20  { column-gap: 5rem; }
.column-gap-24  { column-gap: 6rem; }
.column-gap-28  { column-gap: 7rem; }
.column-gap-32  { column-gap: 8rem; }


/* -- Flexbox Utilities (flex-) */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }

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

.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-initial { flex: initial; }
.flex-none { flex: none; }

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

.flex-basis-0    { flex-basis: 0; }
.flex-basis-auto { flex-basis: auto; }
.flex-basis-full { flex-basis: 100%; }
.flex-basis-half { flex-basis: 50%; }
.flex-basis-one-third { flex-basis: 33.3333%; }
.flex-basis-two-third { flex-basis: 66.6667%; }
.flex-basis-one-quarter { flex-basis: 25%; }
.flex-basis-three-quarter { flex-basis: 75%; }
.flex-basis-one-fifth { flex-basis: 20%; }
.flex-basis-two-fifth { flex-basis: 40%; }
.flex-basis-three-fifth { flex-basis: 60%; }
.flex-basis-four-fifth { flex-basis: 80%; }

/*----------------------------------------------------
  Order (0 → 12, first, last)
----------------------------------------------------*/
.order-first        { order: -1; }
.order-last         { order: 9999; }
.order-0            { order: 0; }
.order-1            { order: 1; }
.order-2            { order: 2; }
.order-3            { order: 3; }
.order-4            { order: 4; }
.order-5            { order: 5; }
.order-6            { order: 6; }
.order-7            { order: 7; }
.order-8            { order: 8; }
.order-9            { order: 9; }
.order-10           { order: 10; }
.order-11           { order: 11; }
.order-12           { order: 12; }

/*----------------------------------------------------
  Whitespace (normal, nowrap, pre, pre-line, pre-wrap)
----------------------------------------------------*/
.whitespace-normal    { white-space: normal; }
.whitespace-nowrap    { white-space: nowrap; }
.whitespace-pre       { white-space: pre; }
.whitespace-pre-line  { white-space: pre-line; }
.whitespace-pre-wrap  { white-space: pre-wrap; }

/* -- Overflow Utilities -- */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }

/* Overflow X & Y */
.overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-visible { overflow-x: visible; }
.overflow-x-scroll { overflow-x: scroll; }

.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-y-visible { overflow-y: visible; }
.overflow-y-scroll { overflow-y: scroll; }

/* -- Visibility Utilities -- */
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }

/* -- Clear Utilities -- */
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

/* -- Float Utilities -- */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }

/*
  Quanta CSS - Expanded Size Utilities
  -------------------------------------
  Width & Height utilities: rem scale, fractions, percentages, viewport, logical units
*/

/* ------------------------------
   Fixed rem scale (0 → 24rem by 0.25rem)
   ------------------------------ */
.w-0 { width: 0; }
.h-0 { height: 0; }
.min-w-0 { min-width: 0; }
.max-w-0 { max-width: 0; }
.min-h-0 { min-height: 0; }
.max-h-0 { max-height: 0; }
.w-1 { width: 0.25rem; }
.h-1 { height: 0.25rem; }
.min-w-1 { min-width: 0.25rem; }
.max-w-1 { max-width: 0.25rem; }
.min-h-1 { min-height: 0.25rem; }
.max-h-1 { max-height: 0.25rem; }
.w-2 { width: 0.5rem; }
.h-2 { height: 0.5rem; }
.min-w-2 { min-width: 0.5rem; }
.max-w-2 { max-width: 0.5rem; }
.min-h-2 { min-height: 0.5rem; }
.max-h-2 { max-height: 0.5rem; }
.w-3 { width: 0.75rem; }
.h-3 { height: 0.75rem; }
.min-w-3 { min-width: 0.75rem; }
.max-w-3 { max-width: 0.75rem; }
.min-h-3 { min-height: 0.75rem; }
.max-h-3 { max-height: 0.75rem; }
.w-4 { width: 1rem; }
.h-4 { height: 1rem; }
.min-w-4 { min-width: 1rem; }
.max-w-4 { max-width: 1rem; }
.min-h-4 { min-height: 1rem; }
.max-h-4 { max-height: 1rem; }
.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.min-w-5 { min-width: 1.25rem; }
.max-w-5 { max-width: 1.25rem; }
.min-h-5 { min-height: 1.25rem; }
.max-h-5 { max-height: 1.25rem; }
.w-6 { width: 1.5rem; }
.h-6 { height: 1.5rem; }
.min-w-6 { min-width: 1.5rem; }
.max-w-6 { max-width: 1.5rem; }
.min-h-6 { min-height: 1.5rem; }
.max-h-6 { max-height: 1.5rem; }
.w-7 { width: 1.75rem; }
.h-7 { height: 1.75rem; }
.min-w-7 { min-width: 1.75rem; }
.max-w-7 { max-width: 1.75rem; }
.min-h-7 { min-height: 1.75rem; }
.max-h-7 { max-height: 1.75rem; }
.w-8 { width: 2rem; }
.h-8 { height: 2rem; }
.min-w-8 { min-width: 2rem; }
.max-w-8 { max-width: 2rem; }
.min-h-8 { min-height: 2rem; }
.max-h-8 { max-height: 2rem; }
.w-9 { width: 2.25rem; }
.h-9 { height: 2.25rem; }
.min-w-9 { min-width: 2.25rem; }
.max-w-9 { max-width: 2.25rem; }
.min-h-9 { min-height: 2.25rem; }
.max-h-9 { max-height: 2.25rem; }
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.min-w-10 { min-width: 2.5rem; }
.max-w-10 { max-width: 2.5rem; }
.min-h-10 { min-height: 2.5rem; }
.max-h-10 { max-height: 2.5rem; }
.w-11 { width: 2.75rem; }
.h-11 { height: 2.75rem; }
.min-w-11 { min-width: 2.75rem; }
.max-w-11 { max-width: 2.75rem; }
.min-h-11 { min-height: 2.75rem; }
.max-h-11 { max-height: 2.75rem; }
.w-12 { width: 3rem; }
.h-12 { height: 3rem; }
.min-w-12 { min-width: 3rem; }
.max-w-12 { max-width: 3rem; }
.min-h-12 { min-height: 3rem; }
.max-h-12 { max-height: 3rem; }
.w-14 { width: 3.5rem; }
.h-14 { height: 3.5rem; }
.min-w-14 { min-width: 3.5rem; }
.max-w-14 { max-width: 3.5rem; }
.min-h-14 { min-height: 3.5rem; }
.max-h-14 { max-height: 3.5rem; }
.w-16 { width: 4rem; }
.h-16 { height: 4rem; }
.min-w-16 { min-width: 4rem; }
.max-w-16 { max-width: 4rem; }
.min-h-16 { min-height: 4rem; }
.max-h-16 { max-height: 4rem; }
.w-20 { width: 5rem; }
.h-20 { height: 5rem; }
.min-w-20 { min-width: 5rem; }
.max-w-20 { max-width: 5rem; }
.min-h-20 { min-height: 5rem; }
.max-h-20 { max-height: 5rem; }
.w-24 { width: 6rem; }
.h-24 { height: 6rem; }
.min-w-24 { min-width: 6rem; }
.max-w-24 { max-width: 6rem; }
.min-h-24 { min-height: 6rem; }
.max-h-24 { max-height: 6rem; }
.w-28 { width: 7rem; }
.h-28 { height: 7rem; }
.min-w-28 { min-width: 7rem; }
.max-w-28 { max-width: 7rem; }
.min-h-28 { min-height: 7rem; }
.max-h-28 { max-height: 7rem; }
.w-32 { width: 8rem; }
.h-32 { height: 8rem; }
.min-w-32 { min-width: 8rem; }
.max-w-32 { max-width: 8rem; }
.min-h-32 { min-height: 8rem; }
.max-h-32 { max-height: 8rem; }
.w-36 { width: 9rem; }
.h-36 { height: 9rem; }
.min-w-36 { min-width: 9rem; }
.max-w-36 { max-width: 9rem; }
.min-h-36 { min-height: 9rem; }
.max-h-36 { max-height: 9rem; }
.w-40 { width: 10rem; }
.h-40 { height: 10rem; }
.min-w-40 { min-width: 10rem; }
.max-w-40 { max-width: 10rem; }
.min-h-40 { min-height: 10rem; }
.max-h-40 { max-height: 10rem; }
.w-44 { width: 11rem; }
.h-44 { height: 11rem; }
.min-w-44 { min-width: 11rem; }
.max-w-44 { max-width: 11rem; }
.min-h-44 { min-height: 11rem; }
.max-h-44 { max-height: 11rem; }
.w-48 { width: 12rem; }
.h-48 { height: 12rem; }
.min-w-48 { min-width: 12rem; }
.max-w-48 { max-width: 12rem; }
.min-h-48 { min-height: 12rem; }
.max-h-48 { max-height: 12rem; }
.w-52 { width: 13rem; }
.h-52 { height: 13rem; }
.min-w-52 { min-width: 13rem; }
.max-w-52 { max-width: 13rem; }
.min-h-52 { min-height: 13rem; }
.max-h-52 { max-height: 13rem; }
.w-56 { width: 14rem; }
.h-56 { height: 14rem; }
.min-w-56 { min-width: 14rem; }
.max-w-56 { max-width: 14rem; }
.min-h-56 { min-height: 14rem; }
.max-h-56 { max-height: 14rem; }
.w-60 { width: 15rem; }
.h-60 { height: 15rem; }
.min-w-60 { min-width: 15rem; }
.max-w-60 { max-width: 15rem; }
.min-h-60 { min-height: 15rem; }
.max-h-60 { max-height: 15rem; }
.w-64 { width: 16rem; }
.h-64 { height: 16rem; }
.min-w-64 { min-width: 16rem; }
.max-w-64 { max-width: 16rem; }
.min-h-64 { min-height: 16rem; }
.max-h-64 { max-height: 16rem; }
.w-72 { width: 18rem; }
.h-72 { height: 18rem; }
.min-w-72 { min-width: 18rem; }
.max-w-72 { max-width: 18rem; }
.min-h-72 { min-height: 18rem; }
.max-h-72 { max-height: 18rem; }
.w-80 { width: 20rem; }
.h-80 { height: 20rem; }
.min-w-80 { min-width: 20rem; }
.max-w-80 { max-width: 20rem; }
.min-h-80 { min-height: 20rem; }
.max-h-80 { max-height: 20rem; }
.w-96 { width: 24rem; }
.h-96 { height: 24rem; }
.min-w-96 { min-width: 24rem; }
.max-w-96 { max-width: 24rem; }
.min-h-96 { min-height: 24rem; }
.max-h-96 { max-height: 24rem; }
.w-1\/2 { width: 50%; }
.h-1\/2 { height: 50%; }
.min-w-1\/2 { min-width: 50%; }
.max-w-1\/2 { max-width: 50%; }
.min-h-1\/2 { min-height: 50%; }
.max-h-1\/2 { max-height: 50%; }
.w-1\/3 { width: 33.3333%; }
.h-1\/3 { height: 33.3333%; }
.min-w-1\/3 { min-width: 33.3333%; }
.max-w-1\/3 { max-width: 33.3333%; }
.min-h-1\/3 { min-height: 33.3333%; }
.max-h-1\/3 { max-height: 33.3333%; }
.w-2\/3 { width: 66.6667%; }
.h-2\/3 { height: 66.6667%; }
.min-w-2\/3 { min-width: 66.6667%; }
.max-w-2\/3 { max-width: 66.6667%; }
.min-h-2\/3 { min-height: 66.6667%; }
.max-h-2\/3 { max-height: 66.6667%; }
.w-1\/4 { width: 25%; }
.h-1\/4 { height: 25%; }
.min-w-1\/4 { min-width: 25%; }
.max-w-1\/4 { max-width: 25%; }
.min-h-1\/4 { min-height: 25%; }
.max-h-1\/4 { max-height: 25%; }
.w-3\/4 { width: 75%; }
.h-3\/4 { height: 75%; }
.min-w-3\/4 { min-width: 75%; }
.max-w-3\/4 { max-width: 75%; }
.min-h-3\/4 { min-height: 75%; }
.max-h-3\/4 { max-height: 75%; }
.w-1\/5 { width: 20%; }
.h-1\/5 { height: 20%; }
.min-w-1\/5 { min-width: 20%; }
.max-w-1\/5 { max-width: 20%; }
.min-h-1\/5 { min-height: 20%; }
.max-h-1\/5 { max-height: 20%; }
.w-2\/5 { width: 40%; }
.h-2\/5 { height: 40%; }
.min-w-2\/5 { min-width: 40%; }
.max-w-2\/5 { max-width: 40%; }
.min-h-2\/5 { min-height: 40%; }
.max-h-2\/5 { max-height: 40%; }
.w-3\/5 { width: 60%; }
.h-3\/5 { height: 60%; }
.min-w-3\/5 { min-width: 60%; }
.max-w-3\/5 { max-width: 60%; }
.min-h-3\/5 { min-height: 60%; }
.max-h-3\/5 { max-height: 60%; }
.w-4\/5 { width: 80%; }
.h-4\/5 { height: 80%; }
.min-w-4\/5 { min-width: 80%; }
.max-w-4\/5 { max-width: 80%; }
.min-h-4\/5 { min-height: 80%; }
.max-h-4\/5 { max-height: 80%; }
.w-5p { width: 5%; }
.h-5p { height: 5%; }
.min-w-5p { min-width: 5%; }
.max-w-5p { max-width: 5%; }
.min-h-5p { min-height: 5%; }
.max-h-5p { max-height: 5%; }
.w-10p { width: 10%; }
.h-10p { height: 10%; }
.min-w-10p { min-width: 10%; }
.max-w-10p { max-width: 10%; }
.min-h-10p { min-height: 10%; }
.max-h-10p { max-height: 10%; }
.w-15p { width: 15%; }
.h-15p { height: 15%; }
.min-w-15p { min-width: 15%; }
.max-w-15p { max-width: 15%; }
.min-h-15p { min-height: 15%; }
.max-h-15p { max-height: 15%; }
.w-20p { width: 20%; }
.h-20p { height: 20%; }
.min-w-20p { min-width: 20%; }
.max-w-20p { max-width: 20%; }
.min-h-20p { min-height: 20%; }
.max-h-20p { max-height: 20%; }
.w-25p { width: 25%; }
.h-25p { height: 25%; }
.min-w-25p { min-width: 25%; }
.max-w-25p { max-width: 25%; }
.min-h-25p { min-height: 25%; }
.max-h-25p { max-height: 25%; }
.w-30p { width: 30%; }
.h-30p { height: 30%; }
.min-w-30p { min-width: 30%; }
.max-w-30p { max-width: 30%; }
.min-h-30p { min-height: 30%; }
.max-h-30p { max-height: 30%; }
.w-35p { width: 35%; }
.h-35p { height: 35%; }
.min-w-35p { min-width: 35%; }
.max-w-35p { max-width: 35%; }
.min-h-35p { min-height: 35%; }
.max-h-35p { max-height: 35%; }
.w-40p { width: 40%; }
.h-40p { height: 40%; }
.min-w-40p { min-width: 40%; }
.max-w-40p { max-width: 40%; }
.min-h-40p { min-height: 40%; }
.max-h-40p { max-height: 40%; }
.w-45p { width: 45%; }
.h-45p { height: 45%; }
.min-w-45p { min-width: 45%; }
.max-w-45p { max-width: 45%; }
.min-h-45p { min-height: 45%; }
.max-h-45p { max-height: 45%; }
.w-50p { width: 50%; }
.h-50p { height: 50%; }
.min-w-50p { min-width: 50%; }
.max-w-50p { max-width: 50%; }
.min-h-50p { min-height: 50%; }
.max-h-50p { max-height: 50%; }
.w-55p { width: 55%; }
.h-55p { height: 55%; }
.min-w-55p { min-width: 55%; }
.max-w-55p { max-width: 55%; }
.min-h-55p { min-height: 55%; }
.max-h-55p { max-height: 55%; }
.w-60p { width: 60%; }
.h-60p { height: 60%; }
.min-w-60p { min-width: 60%; }
.max-w-60p { max-width: 60%; }
.min-h-60p { min-height: 60%; }
.max-h-60p { max-height: 60%; }
.w-65p { width: 65%; }
.h-65p { height: 65%; }
.min-w-65p { min-width: 65%; }
.max-w-65p { max-width: 65%; }
.min-h-65p { min-height: 65%; }
.max-h-65p { max-height: 65%; }
.w-70p { width: 70%; }
.h-70p { height: 70%; }
.min-w-70p { min-width: 70%; }
.max-w-70p { max-width: 70%; }
.min-h-70p { min-height: 70%; }
.max-h-70p { max-height: 70%; }
.w-75p { width: 75%; }
.h-75p { height: 75%; }
.min-w-75p { min-width: 75%; }
.max-w-75p { max-width: 75%; }
.min-h-75p { min-height: 75%; }
.max-h-75p { max-height: 75%; }
.w-80p { width: 80%; }
.h-80p { height: 80%; }
.min-w-80p { min-width: 80%; }
.max-w-80p { max-width: 80%; }
.min-h-80p { min-height: 80%; }
.max-h-80p { max-height: 80%; }
.w-85p { width: 85%; }
.h-85p { height: 85%; }
.min-w-85p { min-width: 85%; }
.max-w-85p { max-width: 85%; }
.min-h-85p { min-height: 85%; }
.max-h-85p { max-height: 85%; }
.w-90p { width: 90%; }
.h-90p { height: 90%; }
.min-w-90p { min-width: 90%; }
.max-w-90p { max-width: 90%; }
.min-h-90p { min-height: 90%; }
.max-h-90p { max-height: 90%; }
.w-95p { width: 95%; }
.h-95p { height: 95%; }
.min-w-95p { min-width: 95%; }
.max-w-95p { max-width: 95%; }
.min-h-95p { min-height: 95%; }
.max-h-95p { max-height: 95%; }
.w-100p { width: 100%; }
.h-100p { height: 100%; }
.min-w-100p { min-width: 100%; }
.max-w-100p { max-width: 100%; }
.min-h-100p { min-height: 100%; }
.max-h-100p { max-height: 100%; }
.w-10vw { width: 10vw; }
.h-10vw { height: 10vw; }
.min-w-10vw { min-width: 10vw; }
.max-w-10vw { max-width: 10vw; }
.min-h-10vw { min-height: 10vw; }
.max-h-10vw { max-height: 10vw; }
.w-20vw { width: 20vw; }
.h-20vw { height: 20vw; }
.min-w-20vw { min-width: 20vw; }
.max-w-20vw { max-width: 20vw; }
.min-h-20vw { min-height: 20vw; }
.max-h-20vw { max-height: 20vw; }
.w-30vw { width: 30vw; }
.h-30vw { height: 30vw; }
.min-w-30vw { min-width: 30vw; }
.max-w-30vw { max-width: 30vw; }
.min-h-30vw { min-height: 30vw; }
.max-h-30vw { max-height: 30vw; }
.w-40vw { width: 40vw; }
.h-40vw { height: 40vw; }
.min-w-40vw { min-width: 40vw; }
.max-w-40vw { max-width: 40vw; }
.min-h-40vw { min-height: 40vw; }
.max-h-40vw { max-height: 40vw; }
.w-50vw { width: 50vw; }
.h-50vw { height: 50vw; }
.min-w-50vw { min-width: 50vw; }
.max-w-50vw { max-width: 50vw; }
.min-h-50vw { min-height: 50vw; }
.max-h-50vw { max-height: 50vw; }
.w-60vw { width: 60vw; }
.h-60vw { height: 60vw; }
.min-w-60vw { min-width: 60vw; }
.max-w-60vw { max-width: 60vw; }
.min-h-60vw { min-height: 60vw; }
.max-h-60vw { max-height: 60vw; }
.w-70vw { width: 70vw; }
.h-70vw { height: 70vw; }
.min-w-70vw { min-width: 70vw; }
.max-w-70vw { max-width: 70vw; }
.min-h-70vw { min-height: 70vw; }
.max-h-70vw { max-height: 70vw; }
.w-80vw { width: 80vw; }
.h-80vw { height: 80vw; }
.min-w-80vw { min-width: 80vw; }
.max-w-80vw { max-width: 80vw; }
.min-h-80vw { min-height: 80vw; }
.max-h-80vw { max-height: 80vw; }
.w-90vw { width: 90vw; }
.h-90vw { height: 90vw; }
.min-w-90vw { min-width: 90vw; }
.max-w-90vw { max-width: 90vw; }
.min-h-90vw { min-height: 90vw; }
.max-h-90vw { max-height: 90vw; }
.w-100vw { width: 100vw; }
.h-100vw { height: 100vw; }
.min-w-100vw { min-width: 100vw; }
.max-w-100vw { max-width: 100vw; }
.min-h-100vw { min-height: 100vw; }
.max-h-100vw { max-height: 100vw; }

.w-fit { width: fit-content; }
.w-max { width: max-content; }
.w-min { width: min-content; }
.w-minmax { width: minmax(0, 100%); }
.w-full { width: 100%; }
.w-screen { width: 100vw; }
.h-fit { height: fit-content; }
.h-max { height: max-content; }
.h-min { height: min-content; }
.h-minmax { height: minmax(0, 100%); }
.h-full { height: 100%; }
.h-screen { height: 100vh; }

.min-w-fit { min-width: fit-content; }
.min-w-max { min-width: max-content; }
.min-w-min { min-width: min-content; }
.min-w-minmax { min-width: minmax(0, 100%); }
.min-w-full { min-width: 100%; }
.min-w-screen { min-width: 100vw; }
.min-h-fit { min-height: fit-content; }
.min-h-max { min-height: max-content; }
.min-h-min { min-height: min-content; }
.min-h-minmax { min-height: minmax(0, 100%); }
.min-h-full { min-height: 100%; }
.min-h-screen { min-height: 100vh; }

.max-w-fit { max-width: fit-content; }
.max-w-max { max-width: max-content; }
.max-w-min { max-width: min-content; }
.max-w-minmax { max-width: minmax(0, 100%); }
.max-w-full { max-width: 100%; }
.max-w-screen { max-width: 100vw; }
.max-h-fit { max-height: fit-content; }
.max-h-max { max-height: max-content; }
.max-h-min { max-height: min-content; }
.max-h-minmax { max-height: minmax(0, 100%); }
.max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }

.size-0   { width: 0; height: 0; }
/* 1 unit = 0.25rem */
.size-1   { width: 0.25rem; height: 0.25rem; }
.size-2   { width: 0.5rem; height: 0.5rem;  }
.size-3   { width: 0.75rem; height: 0.75rem; }
.size-4   { width: 1rem; height: 1rem; }
.size-5   { width: 1.25rem; height: 1.25rem; }
.size-6   { width: 1.5rem; height: 1.5rem; }
.size-7   { width: 1.75rem; height: 1.75rem; }
.size-8   { width: 2rem; height: 2rem; }
.size-9   { width: 2.25rem; height: 2.25rem; }
.size-10  { width: 2.5rem; height: 2.5rem; }
.size-11  { width: 2.75rem; height: 2.75rem; }
.size-12  { width: 3rem; height: 3rem; }
.size-14  { width: 3.5rem; height: 3.5rem; }
.size-16  { width: 4rem; height: 4rem; }
.size-20  { width: 5rem; height: 5rem; }
.size-24  { width: 6rem; height: 6rem; }
.size-28  { width: 7rem; height: 7rem; }
.size-32  { width: 8rem; height: 8rem; }
.size-36  { width: 9rem; height: 9rem; }
.size-40  { width: 10rem; height: 10rem; }
.size-44  { width: 11rem; height: 11rem; }
.size-48  { width: 12rem; height: 12rem; }
.size-52  { width: 13rem; height: 13rem; }
.size-56  { width: 14rem; height: 14rem; }
.size-60  { width: 15rem; height: 15rem; }
.size-64  { width: 16rem; height: 16rem; }
.size-72  { width: 18rem; height: 18rem; }
.size-80  { width: 20rem; height: 20rem; }
.size-96  { width: 24rem; height: 24rem; }

/* -- Font Size (font-size-) -- */
.font-size-auto { font-size: auto; }
.font-size-0 { font-size: 0; }
.font-size-1 { font-size: 0.25rem; }
.font-size-2 { font-size: 0.5rem; }
.font-size-3 { font-size: 0.75rem; }
.font-size-4 { font-size: 1rem; }
.font-size-5 { font-size: 1.25rem; }
.font-size-6 { font-size: 1.5rem; }
.font-size-7 { font-size: 1.75rem; }
.font-size-8 { font-size: 2rem; }
.font-size-9 { font-size: 2.25rem; }
.font-size-10 { font-size: 2.5rem; }
.font-size-12 { font-size: 3rem; }
.font-size-14 { font-size: 3.5rem; }
.font-size-16 { font-size: 4rem; }
.font-size-18 { font-size: 4.5rem; }
.font-size-20 { font-size: 5rem; }
.font-size-24 { font-size: 6rem; }
.font-size-28 { font-size: 7rem; }
.font-size-32 { font-size: 8rem; }

.font-style-normal    { font-style: normal; }
.font-style-italic    { font-style: italic; }
.font-style-oblique   { font-style: oblique; }
.font-smoothing-antialiased     { -webkit-font-smoothing: antialiased; }
.font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }

/*----------------------------------------------------
  Font Weight (100 → 900)
----------------------------------------------------*/
.font-weight-thin { font-weight: 100; }
.font-weight-extralight { font-weight: 200; }
.font-weight-light { font-weight: 300; }
.font-weight-regular { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: 700; }
.font-weight-extrabold { font-weight: 800; }
.font-weight-ultrabold { font-weight: 900; }

/*----------------------------------------------------
  Font Stretch
----------------------------------------------------*/
.font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
.font-stretch-extra-condensed { font-stretch: extra-condensed; }
.font-stretch-condensed       { font-stretch: condensed; }
.font-stretch-semi-condensed  { font-stretch: semi-condensed; }
.font-stretch-normal          { font-stretch: normal; }
.font-stretch-semi-expanded   { font-stretch: semi-expanded; }
.font-stretch-expanded        { font-stretch: expanded; }
.font-stretch-extra-expanded  { font-stretch: extra-expanded; }
.font-stretch-ultra-expanded  { font-stretch: ultra-expanded; }

/*----------------------------------------------------
  Font Variant Numeric
----------------------------------------------------*/
.font-variant-numeric-normal          { font-variant-numeric: normal; }
.font-variant-numeric-lining-nums     { font-variant-numeric: lining-nums; }
.font-variant-numeric-oldstyle-nums   { font-variant-numeric: oldstyle-nums; }
.font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
.font-variant-numeric-tabular-nums    { font-variant-numeric: tabular-nums; }
.font-variant-numeric-diagonal-fractions  { font-variant-numeric: diagonal-fractions; }
.font-variant-numeric-stacked-fractions   { font-variant-numeric: stacked-fractions; }

/*----------------------------------------------------
  Letter Spacing (tracking)
----------------------------------------------------*/
.tracking-tighter  { letter-spacing: -0.05em; }
.tracking-tight    { letter-spacing: -0.025em; }
.tracking-normal   { letter-spacing: 0; }
.tracking-wide     { letter-spacing: 0.025em; }
.tracking-wider    { letter-spacing: 0.05em; }
.tracking-widest   { letter-spacing: 0.1em; }

.decoration-solid   { text-decoration-style: solid; }
.decoration-double  { text-decoration-style: double; }
.decoration-dotted  { text-decoration-style: dotted; }
.decoration-dashed  { text-decoration-style: dashed; }
.decoration-wavy    { text-decoration-style: wavy; }

.decoration-0       { text-decoration-thickness: 0; }
.decoration-1       { text-decoration-thickness: 1px; }
.decoration-2       { text-decoration-thickness: 2px; }
.decoration-4       { text-decoration-thickness: 4px; }
.decoration-8       { text-decoration-thickness: 8px; }

.underline-offset-0 { text-underline-offset: 0; }
.underline-offset-1 { text-underline-offset: 1px; }
.underline-offset-2 { text-underline-offset: 2px; }
.underline-offset-4 { text-underline-offset: 4px; }
.underline-offset-8 { text-underline-offset: 8px; }

/*----------------------------------------------------
  Text Overflow & Indent
----------------------------------------------------*/
.text-xs { font-size: 0.5rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 2rem; }
.text-2xl { font-size: 2.5rem; }
.text-3xl { font-size: 3rem; }

.text-ellipsis  { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.text-clip      { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.indent-0       { text-indent: 0; }
.indent-1       { text-indent: 0.25rem; }
.indent-2       { text-indent: 0.5rem; }
.indent-4       { text-indent: 1rem; }
.indent-8       { text-indent: 2rem; }

/*----------------------------------------------------
  Word Break, Overflow Wrap, Hyphens
----------------------------------------------------*/
.break-normal      { word-break: normal; }
.break-words       { word-break: break-word; }
.break-all         { word-break: break-all; }
.overflow-normal   { overflow-wrap: normal; }
.overflow-break    { overflow-wrap: break-word; }
.hyphens-none      { hyphens: none; }
.hyphens-manual    { hyphens: manual; }
.hyphens-auto      { hyphens: auto; }

/*----------------------------------------------------
  Word Break, Overflow Wrap, Hyphens
----------------------------------------------------*/
.break-normal      { word-break: normal; }
.break-words       { word-break: break-word; }
.break-all         { word-break: break-all; }
.overflow-normal   { overflow-wrap: normal; }
.overflow-break    { overflow-wrap: break-word; }
.hyphens-none      { hyphens: none; }
.hyphens-manual    { hyphens: manual; }
.hyphens-auto      { hyphens: auto; }

/*----------------------------------------------------
  Background Utilities
----------------------------------------------------*/
.bg-attachment-fixed    { background-attachment: fixed; }
.bg-attachment-local    { background-attachment: local; }
.bg-attachment-scroll   { background-attachment: scroll; }

.bg-clip-border         { background-clip: border-box; }
.bg-clip-padding        { background-clip: padding-box; }
.bg-clip-content        { background-clip: content-box; }

.bg-color-transparent  { background-color: transparent; }
.bg-color-black        { background-color: #000; }
.bg-color-white        { background-color: #fff; }

.bg-image-none         { background-image: none; }
.bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }

.bg-origin-border      { background-origin: border-box; }
.bg-origin-padding     { background-origin: padding-box; }
.bg-origin-content     { background-origin: content-box; }

.bg-position-center    { background-position: center; }
.bg-position-top       { background-position: top; }
.bg-position-bottom    { background-position: bottom; }
.bg-position-left      { background-position: left; }
.bg-position-right     { background-position: right; }
.bg-position-top-left     { background-position: top left; }
.bg-position-top-right    { background-position: top right; }
.bg-position-bottom-left  { background-position: bottom left; }
.bg-position-bottom-right { background-position: bottom right; }

.bg-repeat-none        { background-repeat: no-repeat; }
.bg-repeat-x           { background-repeat: repeat-x; }
.bg-repeat-y           { background-repeat: repeat-y; }
.bg-repeat             { background-repeat: repeat; }
.bg-repeat-round       { background-repeat: round; }
.bg-repeat-space       { background-repeat: space; }

.bg-size-auto          { background-size: auto; }
.bg-size-cover         { background-size: cover; }
.bg-size-contain       { background-size: contain; }

/*----------------------------------------------------
  SVG Fill & Stroke Utilities
----------------------------------------------------*/
.fill-current      { fill: currentColor; }
.fill-none         { fill: none; }

.stroke-current    { stroke: currentColor; }
.stroke-0          { stroke-width: 0; }
.stroke-1          { stroke-width: 1; }
.stroke-2          { stroke-width: 2; }
.stroke-4          { stroke-width: 4; }
.stroke-8          { stroke-width: 8; }

.line-height-1 { line-height: 1; }
.line-height-2 { line-height: 1.25; }
.line-height-3 { line-height: 1.375; }
.line-height-4 { line-height: 1.5; }
.line-height-5 { line-height: 1.625; }
.line-height-6 { line-height: 1.75; }
.line-height-7 { line-height: 2; }

/* ----------------------------------------
   Text Alignment
---------------------------------------- */
.text-left      { text-align: left; }
.text-center    { text-align: center; }
.text-right     { text-align: right; }
.text-justify   { text-align: justify; }

/* ─── Justify Content ──────────────────────────────────── */
.justify-start     { justify-content: flex-start; }
.justify-center    { justify-content: center; }
.justify-end       { justify-content: flex-end; }
.justify-between   { justify-content: space-between; }
.justify-around    { justify-content: space-around; }
.justify-evenly    { justify-content: space-evenly; }

/* ─── Align Items ─────────────────────────────────────── */
.items-start       { align-items: flex-start; }
.items-center      { align-items: center; }
.items-end         { align-items: flex-end; }
.items-baseline    { align-items: baseline; }
.items-stretch     { align-items: stretch; }

/* ─── Align Content (Grid) ───────────────────────────── */
.content-start     { align-content: flex-start; }
.content-center    { align-content: center; }
.content-end       { align-content: flex-end; }
.content-between   { align-content: space-between; }
.content-around    { align-content: space-around; }
.content-evenly    { align-content: space-evenly; }

/* ─── Align Self ──────────────────────────────────────── */
.self-auto         { align-self: auto; }
.self-start        { align-self: flex-start; }
.self-center       { align-self: center; }
.self-end          { align-self: flex-end; }
.self-stretch      { align-self: stretch; }

/* ─── Place Items (Grid shorthand) ───────────────────── */
.place-items-start   { place-items: start; }
.place-items-center  { place-items: center; }
.place-items-end     { place-items: end; }
.place-items-stretch { place-items: stretch; }

/* ─── Place Content (Grid shorthand) ─────────────────── */
.place-content-start     { place-content: start; }
.place-content-center    { place-content: center; }
.place-content-end       { place-content: end; }
.place-content-between   { place-content: space-between; }
.place-content-around    { place-content: space-around; }

/* ─── Place Self (Grid shorthand) ────────────────────── */
.place-self-auto      { place-self: auto; }
.place-self-start     { place-self: start; }
.place-self-center    { place-self: center; }
.place-self-end       { place-self: end; }

/* ----------------------------------------
   Text Transform
---------------------------------------- */
.text-uppercase   { text-transform: uppercase; }
.text-lowercase   { text-transform: lowercase; }
.text-capitalize  { text-transform: capitalize; }

/* ----------------------------------------
   Letter Spacing
---------------------------------------- */
.tracking-tight   { letter-spacing: -0.05em; }
.tracking-normal  { letter-spacing: 0; }
.tracking-wide    { letter-spacing: 0.05em; }

/* ----------------------------------------
   Text Decoration
---------------------------------------- */
.underline       { text-decoration: underline; }
.line-through    { text-decoration: line-through; }
.no-underline    { text-decoration: none; }

/* ----------------------------------------
   Text Colors (mapped to your CSS variables)
---------------------------------------- */
.text-black      { color: var(--black); }
.text-white      { color: var(--white); }

/* Red */
.text-red-50     { color: var(--quanta-red-50); }
.text-red-100    { color: var(--quanta-red-100); }
.text-red-200    { color: var(--quanta-red-200); }
.text-red-300    { color: var(--quanta-red-300); }
.text-red-400    { color: var(--quanta-red-400); }
.text-red-500    { color: var(--quanta-red-500); }
.text-red-600    { color: var(--quanta-red-600); }
.text-red-700    { color: var(--quanta-red-700); }
.text-red-800    { color: var(--quanta-red-800); }
.text-red-900    { color: var(--quanta-red-900); }

/* Orange */
.text-orange-50  { color: var(--quanta-orange-50); }
.text-orange-100 { color: var(--quanta-orange-100); }
.text-orange-200 { color: var(--quanta-orange-200); }
.text-orange-300 { color: var(--quanta-orange-300); }
.text-orange-400 { color: var(--quanta-orange-400); }
.text-orange-500 { color: var(--quanta-orange-500); }
.text-orange-600 { color: var(--quanta-orange-600); }
.text-orange-700 { color: var(--quanta-orange-700); }
.text-orange-800 { color: var(--quanta-orange-800); }
.text-orange-900 { color: var(--quanta-orange-900); }

/* Teal */
.text-teal-50    { color: var(--quanta-teal-50); }
.text-teal-100   { color: var(--quanta-teal-100); }
.text-teal-200   { color: var(--quanta-teal-200); }
.text-teal-300   { color: var(--quanta-teal-300); }
.text-teal-400   { color: var(--quanta-teal-400); }
.text-teal-500   { color: var(--quanta-teal-500); }
.text-teal-600   { color: var(--quanta-teal-600); }
.text-teal-700   { color: var(--quanta-teal-700); }
.text-teal-800   { color: var(--quanta-teal-800); }
.text-teal-900   { color: var(--quanta-teal-900); }

/* Purple */
.text-purple-50  { color: var(--quanta-purple-50); }
.text-purple-100 { color: var(--quanta-purple-100); }
.text-purple-200 { color: var(--quanta-purple-200); }
.text-purple-300 { color: var(--quanta-purple-300); }
.text-purple-400 { color: var(--quanta-purple-400); }
.text-purple-500 { color: var(--quanta-purple-500); }
.text-purple-600 { color: var(--quanta-purple-600); }
.text-purple-700 { color: var(--quanta-purple-700); }
.text-purple-800 { color: var(--quanta-purple-800); }
.text-purple-900 { color: var(--quanta-purple-900); }

/* Indigo */
.text-indigo-50  { color: var(--quanta-indigo-50); }
.text-indigo-100 { color: var(--quanta-indigo-100); }
.text-indigo-200 { color: var(--quanta-indigo-200); }
.text-indigo-300 { color: var(--quanta-indigo-300); }
.text-indigo-400 { color: var(--quanta-indigo-400); }
.text-indigo-500 { color: var(--quanta-indigo-500); }
.text-indigo-600 { color: var(--quanta-indigo-600); }
.text-indigo-700 { color: var(--quanta-indigo-700); }
.text-indigo-800 { color: var(--quanta-indigo-800); }
.text-indigo-900 { color: var(--quanta-indigo-900); }

/* Yellow */
.text-yellow-50  { color: var(--quanta-yellow-50); }
.text-yellow-100 { color: var(--quanta-yellow-100); }
.text-yellow-200 { color: var(--quanta-yellow-200); }
.text-yellow-300 { color: var(--quanta-yellow-300); }
.text-yellow-400 { color: var(--quanta-yellow-400); }
.text-yellow-500 { color: var(--quanta-yellow-500); }
.text-yellow-600 { color: var(--quanta-yellow-600); }
.text-yellow-700 { color: var(--quanta-yellow-700); }
.text-yellow-800 { color: var(--quanta-yellow-800); }
.text-yellow-900 { color: var(--quanta-yellow-900); }

/* Pink */
.text-pink-50    { color: var(--quanta-pink-50); }
.text-pink-100   { color: var(--quanta-pink-100); }
.text-pink-200   { color: var(--quanta-pink-200); }
.text-pink-300   { color: var(--quanta-pink-300); }
.text-pink-400   { color: var(--quanta-pink-400); }
.text-pink-500   { color: var(--quanta-pink-500); }
.text-pink-600   { color: var(--quanta-pink-600); }
.text-pink-700   { color: var(--quanta-pink-700); }
.text-pink-800   { color: var(--quanta-pink-800); }
.text-pink-900   { color: var(--quanta-pink-900); }

/* Grey */
.text-grey-50    { color: var(--quanta-grey-50); }
.text-grey-100   { color: var(--quanta-grey-100); }
.text-grey-200   { color: var(--quanta-grey-200); }
.text-grey-300   { color: var(--quanta-grey-300); }
.text-grey-400   { color: var(--quanta-grey-400); }
.text-grey-500   { color: var(--quanta-grey-500); }
.text-grey-600   { color: var(--quanta-grey-600); }
.text-grey-700   { color: var(--quanta-grey-700); }
.text-grey-800   { color: var(--quanta-grey-800); }
.text-grey-900   { color: var(--quanta-grey-900); }

.text-zinc-50    { color: var(--quanta-zinc-50); }
.text-zinc-100   { color: var(--quanta-zinc-100); }
.text-zinc-200   { color: var(--quanta-zinc-200); }
.text-zinc-300   { color: var(--quanta-zinc-300); }
.text-zinc-400   { color: var(--quanta-zinc-400); }
.text-zinc-500   { color: var(--quanta-zinc-500); }
.text-zinc-600   { color: var(--quanta-zinc-600); }
.text-zinc-700   { color: var(--quanta-zinc-700); }
.text-zinc-800   { color: var(--quanta-zinc-800); }
.text-zinc-900   { color: var(--quanta-zinc-900); }

.text-neutral-50    { color: var(--quanta-neutral-50); }
.text-neutral-100   { color: var(--quanta-neutral-100); }
.text-neutral-200   { color: var(--quanta-neutral-200); }
.text-neutral-300   { color: var(--quanta-neutral-300); }
.text-neutral-400   { color: var(--quanta-neutral-400); }
.text-neutral-500   { color: var(--quanta-neutral-500); }
.text-neutral-600   { color: var(--quanta-neutral-600); }
.text-neutral-700   { color: var(--quanta-neutral-700); }
.text-neutral-800   { color: var(--quanta-neutral-800); }
.text-neutral-900   { color: var(--quanta-neutral-900); }

/* Lime */
.text-lime-50    { color: var(--quanta-lime-50); }
.text-lime-100   { color: var(--quanta-lime-100); }
.text-lime-200   { color: var(--quanta-lime-200); }
.text-lime-300   { color: var(--quanta-lime-300); }
.text-lime-400   { color: var(--quanta-lime-400); }
.text-lime-500   { color: var(--quanta-lime-500); }
.text-lime-600   { color: var(--quanta-lime-600); }
.text-lime-700   { color: var(--quanta-lime-700); }
.text-lime-800   { color: var(--quanta-lime-800); }
.text-lime-900   { color: var(--quanta-lime-900); }

/* Cyan */
.text-cyan-50    { color: var(--quanta-cyan-50); }
.text-cyan-100   { color: var(--quanta-cyan-100); }
.text-cyan-200   { color: var(--quanta-cyan-200); }
.text-cyan-300   { color: var(--quanta-cyan-300); }
.text-cyan-400   { color: var(--quanta-cyan-400); }
.text-cyan-500   { color: var(--quanta-cyan-500); }
.text-cyan-600   { color: var(--quanta-cyan-600); }
.text-cyan-700   { color: var(--quanta-cyan-700); }
.text-cyan-800   { color: var(--quanta-cyan-800); }
.text-cyan-900   { color: var(--quanta-cyan-900); }

/* Sky */
.text-sky-50     { color: var(--quanta-sky-50); }
.text-sky-100    { color: var(--quanta-sky-100); }
.text-sky-200    { color: var(--quanta-sky-200); }
.text-sky-300    { color: var(--quanta-sky-300); }
.text-sky-400    { color: var(--quanta-sky-400); }
.text-sky-500    { color: var(--quanta-sky-500); }
.text-sky-600    { color: var(--quanta-sky-600); }
.text-sky-700    { color: var(--quanta-sky-700); }
.text-sky-800    { color: var(--quanta-sky-800); }
.text-sky-900    { color: var(--quanta-sky-900); }

/* Violet */
.text-violet-50  { color: var(--quanta-violet-50); }
.text-violet-100 { color: var(--quanta-violet-100); }
.text-violet-200 { color: var(--quanta-violet-200); }
.text-violet-300 { color: var(--quanta-violet-300); }
.text-violet-400 { color: var(--quanta-violet-400); }
.text-violet-500 { color: var(--quanta-violet-500); }
.text-violet-600 { color: var(--quanta-violet-600); }
.text-violet-700 { color: var(--quanta-violet-700); }
.text-violet-800 { color: var(--quanta-violet-800); }
.text-violet-900 { color: var(--quanta-violet-900); }

/* Rose */
.text-rose-50    { color: var(--quanta-rose-50); }
.text-rose-100   { color: var(--quanta-rose-100); }
.text-rose-200   { color: var(--quanta-rose-200); }
.text-rose-300   { color: var(--quanta-rose-300); }
.text-rose-400   { color: var(--quanta-rose-400); }
.text-rose-500   { color: var(--quanta-rose-500); }
.text-rose-600   { color: var(--quanta-rose-600); }
.text-rose-700   { color: var(--quanta-rose-700); }
.text-rose-800   { color: var(--quanta-rose-800); }
.text-rose-900   { color: var(--quanta-rose-900); }

/* Slate */
.text-slate-50   { color: var(--quanta-slate-50); }
.text-slate-100  { color: var(--quanta-slate-100); }
.text-slate-200  { color: var(--quanta-slate-200); }
.text-slate-300  { color: var(--quanta-slate-300); }
.text-slate-400  { color: var(--quanta-slate-400); }
.text-slate-500  { color: var(--quanta-slate-500); }
.text-slate-600  { color: var(--quanta-slate-600); }
.text-slate-700  { color: var(--quanta-slate-700); }
.text-slate-800  { color: var(--quanta-slate-800); }
.text-slate-900  { color: var(--quanta-slate-900); }

/* Blue */
.text-blue-50    { color: var(--quanta-blue-50); }
.text-blue-100   { color: var(--quanta-blue-100); }
.text-blue-200   { color: var(--quanta-blue-200); }
.text-blue-300   { color: var(--quanta-blue-300); }
.text-blue-400   { color: var(--quanta-blue-400); }
.text-blue-500   { color: var(--quanta-blue-500); }
.text-blue-600   { color: var(--quanta-blue-600); }
.text-blue-700   { color: var(--quanta-blue-700); }
.text-blue-800   { color: var(--quanta-blue-800); }
.text-blue-900   { color: var(--quanta-blue-900); }

/* Green */
.text-green-50   { color: var(--quanta-green-50); }
.text-green-100  { color: var(--quanta-green-100); }
.text-green-200  { color: var(--quanta-green-200); }
.text-green-300  { color: var(--quanta-green-300); }
.text-green-400  { color: var(--quanta-green-400); }
.text-green-500  { color: var(--quanta-green-500); }
.text-green-600  { color: var(--quanta-green-600); }
.text-green-700  { color: var(--quanta-green-700); }
.text-green-800  { color: var(--quanta-green-800); }
.text-green-900  { color: var(--quanta-green-900); }

/* ----------------------------------------
   Background Color Utilities
---------------------------------------- */
/* Red */
.bg-red-50  { background-color: var(--quanta-red-50); }
.bg-red-100 { background-color: var(--quanta-red-100); }
.bg-red-200 { background-color: var(--quanta-red-200); }
.bg-red-300 { background-color: var(--quanta-red-300); }
.bg-red-400 { background-color: var(--quanta-red-400); }
.bg-red-500 { background-color: var(--quanta-red-500); }
.bg-red-600 { background-color: var(--quanta-red-600); }
.bg-red-700 { background-color: var(--quanta-red-700); }
.bg-red-800 { background-color: var(--quanta-red-800); }
.bg-red-900 { background-color: var(--quanta-red-900); }

/* Orange */
.bg-orange-50  { background-color: var(--quanta-orange-50); }
.bg-orange-100 { background-color: var(--quanta-orange-100); }
.bg-orange-200 { background-color: var(--quanta-orange-200); }
.bg-orange-300 { background-color: var(--quanta-orange-300); }
.bg-orange-400 { background-color: var(--quanta-orange-400); }
.bg-orange-500 { background-color: var(--quanta-orange-500); }
.bg-orange-600 { background-color: var(--quanta-orange-600); }
.bg-orange-700 { background-color: var(--quanta-orange-700); }
.bg-orange-800 { background-color: var(--quanta-orange-800); }
.bg-orange-900 { background-color: var(--quanta-orange-900); }

/* Teal */
.bg-teal-50  { background-color: var(--quanta-teal-50); }
.bg-teal-100 { background-color: var(--quanta-teal-100); }
.bg-teal-200 { background-color: var(--quanta-teal-200); }
.bg-teal-300 { background-color: var(--quanta-teal-300); }
.bg-teal-400 { background-color: var(--quanta-teal-400); }
.bg-teal-500 { background-color: var(--quanta-teal-500); }
.bg-teal-600 { background-color: var(--quanta-teal-600); }
.bg-teal-700 { background-color: var(--quanta-teal-700); }
.bg-teal-800 { background-color: var(--quanta-teal-800); }
.bg-teal-900 { background-color: var(--quanta-teal-900); }

/* Purple */
.bg-purple-50  { background-color: var(--quanta-purple-50); }
.bg-purple-100 { background-color: var(--quanta-purple-100); }
.bg-purple-200 { background-color: var(--quanta-purple-200); }
.bg-purple-300 { background-color: var(--quanta-purple-300); }
.bg-purple-400 { background-color: var(--quanta-purple-400); }
.bg-purple-500 { background-color: var(--quanta-purple-500); }
.bg-purple-600 { background-color: var(--quanta-purple-600); }
.bg-purple-700 { background-color: var(--quanta-purple-700); }
.bg-purple-800 { background-color: var(--quanta-purple-800); }
.bg-purple-900 { background-color: var(--quanta-purple-900); }

/* Indigo */
.bg-indigo-50  { background-color: var(--quanta-indigo-50); }
.bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.bg-indigo-900 { background-color: var(--quanta-indigo-900); }

/* Yellow */
.bg-yellow-50  { background-color: var(--quanta-yellow-50); }
.bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.bg-yellow-900 { background-color: var(--quanta-yellow-900); }

/* Pink */
.bg-pink-50  { background-color: var(--quanta-pink-50); }
.bg-pink-100 { background-color: var(--quanta-pink-100); }
.bg-pink-200 { background-color: var(--quanta-pink-200); }
.bg-pink-300 { background-color: var(--quanta-pink-300); }
.bg-pink-400 { background-color: var(--quanta-pink-400); }
.bg-pink-500 { background-color: var(--quanta-pink-500); }
.bg-pink-600 { background-color: var(--quanta-pink-600); }
.bg-pink-700 { background-color: var(--quanta-pink-700); }
.bg-pink-800 { background-color: var(--quanta-pink-800); }
.bg-pink-900 { background-color: var(--quanta-pink-900); }

/* Grey */
.bg-grey-50  { background-color: var(--quanta-grey-50); }
.bg-grey-100 { background-color: var(--quanta-grey-100); }
.bg-grey-200 { background-color: var(--quanta-grey-200); }
.bg-grey-300 { background-color: var(--quanta-grey-300); }
.bg-grey-400 { background-color: var(--quanta-grey-400); }
.bg-grey-500 { background-color: var(--quanta-grey-500); }
.bg-grey-600 { background-color: var(--quanta-grey-600); }
.bg-grey-700 { background-color: var(--quanta-grey-700); }
.bg-grey-800 { background-color: var(--quanta-grey-800); }
.bg-grey-900 { background-color: var(--quanta-grey-900); }

.bg-zinc-50  { background-color: var(--quanta-zinc-50); }
.bg-zinc-100 { background-color: var(--quanta-zinc-100); }
.bg-zinc-200 { background-color: var(--quanta-zinc-200); }
.bg-zinc-300 { background-color: var(--quanta-zinc-300); }
.bg-zinc-400 { background-color: var(--quanta-zinc-400); }
.bg-zinc-500 { background-color: var(--quanta-zinc-500); }
.bg-zinc-600 { background-color: var(--quanta-zinc-600); }
.bg-zinc-700 { background-color: var(--quanta-zinc-700); }
.bg-zinc-800 { background-color: var(--quanta-zinc-800); }
.bg-zinc-900 { background-color: var(--quanta-zinc-900); }

.bg-neutral-50  { background-color: var(--quanta-neutral-50); }
.bg-neutral-100 { background-color: var(--quanta-neutral-100); }
.bg-neutral-200 { background-color: var(--quanta-neutral-200); }
.bg-neutral-300 { background-color: var(--quanta-neutral-300); }
.bg-neutral-400 { background-color: var(--quanta-neutral-400); }
.bg-neutral-500 { background-color: var(--quanta-neutral-500); }
.bg-neutral-600 { background-color: var(--quanta-neutral-600); }
.bg-neutral-700 { background-color: var(--quanta-neutral-700); }
.bg-neutral-800 { background-color: var(--quanta-neutral-800); }
.bg-neutral-900 { background-color: var(--quanta-neutral-900); }

/* Lime */
.bg-lime-50  { background-color: var(--quanta-lime-50); }
.bg-lime-100 { background-color: var(--quanta-lime-100); }
.bg-lime-200 { background-color: var(--quanta-lime-200); }
.bg-lime-300 { background-color: var(--quanta-lime-300); }
.bg-lime-400 { background-color: var(--quanta-lime-400); }
.bg-lime-500 { background-color: var(--quanta-lime-500); }
.bg-lime-600 { background-color: var(--quanta-lime-600); }
.bg-lime-700 { background-color: var(--quanta-lime-700); }
.bg-lime-800 { background-color: var(--quanta-lime-800); }
.bg-lime-900 { background-color: var(--quanta-lime-900); }

/* Cyan */
.bg-cyan-50  { background-color: var(--quanta-cyan-50); }
.bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.bg-cyan-900 { background-color: var(--quanta-cyan-900); }

/* Sky */
.bg-sky-50  { background-color: var(--quanta-sky-50); }
.bg-sky-100 { background-color: var(--quanta-sky-100); }
.bg-sky-200 { background-color: var(--quanta-sky-200); }
.bg-sky-300 { background-color: var(--quanta-sky-300); }
.bg-sky-400 { background-color: var(--quanta-sky-400); }
.bg-sky-500 { background-color: var(--quanta-sky-500); }
.bg-sky-600 { background-color: var(--quanta-sky-600); }
.bg-sky-700 { background-color: var(--quanta-sky-700); }
.bg-sky-800 { background-color: var(--quanta-sky-800); }
.bg-sky-900 { background-color: var(--quanta-sky-900); }

/* Violet */
.bg-violet-50  { background-color: var(--quanta-violet-50); }
.bg-violet-100 { background-color: var(--quanta-violet-100); }
.bg-violet-200 { background-color: var(--quanta-violet-200); }
.bg-violet-300 { background-color: var(--quanta-violet-300); }
.bg-violet-400 { background-color: var(--quanta-violet-400); }
.bg-violet-500 { background-color: var(--quanta-violet-500); }
.bg-violet-600 { background-color: var(--quanta-violet-600); }
.bg-violet-700 { background-color: var(--quanta-violet-700); }
.bg-violet-800 { background-color: var(--quanta-violet-800); }
.bg-violet-900 { background-color: var(--quanta-violet-900); }

/* Rose */
.bg-rose-50  { background-color: var(--quanta-rose-50); }
.bg-rose-100 { background-color: var(--quanta-rose-100); }
.bg-rose-200 { background-color: var(--quanta-rose-200); }
.bg-rose-300 { background-color: var(--quanta-rose-300); }
.bg-rose-400 { background-color: var(--quanta-rose-400); }
.bg-rose-500 { background-color: var(--quanta-rose-500); }
.bg-rose-600 { background-color: var(--quanta-rose-600); }
.bg-rose-700 { background-color: var(--quanta-rose-700); }
.bg-rose-800 { background-color: var(--quanta-rose-800); }
.bg-rose-900 { background-color: var(--quanta-rose-900); }

/* Slate */
.bg-slate-50  { background-color: var(--quanta-slate-50); }
.bg-slate-100 { background-color: var(--quanta-slate-100); }
.bg-slate-200 { background-color: var(--quanta-slate-200); }
.bg-slate-300 { background-color: var(--quanta-slate-300); }
.bg-slate-400 { background-color: var(--quanta-slate-400); }
.bg-slate-500 { background-color: var(--quanta-slate-500); }
.bg-slate-600 { background-color: var(--quanta-slate-600); }
.bg-slate-700 { background-color: var(--quanta-slate-700); }
.bg-slate-800 { background-color: var(--quanta-slate-800); }
.bg-slate-900 { background-color: var(--quanta-slate-900); }

/* Blue */
.bg-blue-50  { background-color: var(--quanta-blue-50); }
.bg-blue-100 { background-color: var(--quanta-blue-100); }
.bg-blue-200 { background-color: var(--quanta-blue-200); }
.bg-blue-300 { background-color: var(--quanta-blue-300); }
.bg-blue-400 { background-color: var(--quanta-blue-400); }
.bg-blue-500 { background-color: var(--quanta-blue-500); }
.bg-blue-600 { background-color: var(--quanta-blue-600); }
.bg-blue-700 { background-color: var(--quanta-blue-700); }
.bg-blue-800 { background-color: var(--quanta-blue-800); }
.bg-blue-900 { background-color: var(--quanta-blue-900); }

/* Green */
.bg-green-50  { background-color: var(--quanta-green-50); }
.bg-green-100 { background-color: var(--quanta-green-100); }
.bg-green-200 { background-color: var(--quanta-green-200); }
.bg-green-300 { background-color: var(--quanta-green-300); }
.bg-green-400 { background-color: var(--quanta-green-400); }
.bg-green-500 { background-color: var(--quanta-green-500); }
.bg-green-600 { background-color: var(--quanta-green-600); }
.bg-green-700 { background-color: var(--quanta-green-700); }
.bg-green-800 { background-color: var(--quanta-green-800); }
.bg-green-900 { background-color: var(--quanta-green-900); }

/* Black & White */
.bg-black    { background-color: var(--black); }
.bg-white    { background-color: var(--white); }

/* ----------------------------------------
   Border Color Utilities
---------------------------------------- */
/* ----------------------------------------
   Border Color Utilities
---------------------------------------- */
/* Red */
.border-red-50  { border-color: var(--quanta-red-50); }
.border-red-100 { border-color: var(--quanta-red-100); }
.border-red-200 { border-color: var(--quanta-red-200); }
.border-red-300 { border-color: var(--quanta-red-300); }
.border-red-400 { border-color: var(--quanta-red-400); }
.border-red-500 { border-color: var(--quanta-red-500); }
.border-red-600 { border-color: var(--quanta-red-600); }
.border-red-700 { border-color: var(--quanta-red-700); }
.border-red-800 { border-color: var(--quanta-red-800); }
.border-red-900 { border-color: var(--quanta-red-900); }

/* Orange */
.border-orange-50  { border-color: var(--quanta-orange-50); }
.border-orange-100 { border-color: var(--quanta-orange-100); }
.border-orange-200 { border-color: var(--quanta-orange-200); }
.border-orange-300 { border-color: var(--quanta-orange-300); }
.border-orange-400 { border-color: var(--quanta-orange-400); }
.border-orange-500 { border-color: var(--quanta-orange-500); }
.border-orange-600 { border-color: var(--quanta-orange-600); }
.border-orange-700 { border-color: var(--quanta-orange-700); }
.border-orange-800 { border-color: var(--quanta-orange-800); }
.border-orange-900 { border-color: var(--quanta-orange-900); }

/* Teal */
.border-teal-50  { border-color: var(--quanta-teal-50); }
.border-teal-100 { border-color: var(--quanta-teal-100); }
.border-teal-200 { border-color: var(--quanta-teal-200); }
.border-teal-300 { border-color: var(--quanta-teal-300); }
.border-teal-400 { border-color: var(--quanta-teal-400); }
.border-teal-500 { border-color: var(--quanta-teal-500); }
.border-teal-600 { border-color: var(--quanta-teal-600); }
.border-teal-700 { border-color: var(--quanta-teal-700); }
.border-teal-800 { border-color: var(--quanta-teal-800); }
.border-teal-900 { border-color: var(--quanta-teal-900); }

/* Purple */
.border-purple-50  { border-color: var(--quanta-purple-50); }
.border-purple-100 { border-color: var(--quanta-purple-100); }
.border-purple-200 { border-color: var(--quanta-purple-200); }
.border-purple-300 { border-color: var(--quanta-purple-300); }
.border-purple-400 { border-color: var(--quanta-purple-400); }
.border-purple-500 { border-color: var(--quanta-purple-500); }
.border-purple-600 { border-color: var(--quanta-purple-600); }
.border-purple-700 { border-color: var(--quanta-purple-700); }
.border-purple-800 { border-color: var(--quanta-purple-800); }
.border-purple-900 { border-color: var(--quanta-purple-900); }

/* Indigo */
.border-indigo-50  { border-color: var(--quanta-indigo-50); }
.border-indigo-100 { border-color: var(--quanta-indigo-100); }
.border-indigo-200 { border-color: var(--quanta-indigo-200); }
.border-indigo-300 { border-color: var(--quanta-indigo-300); }
.border-indigo-400 { border-color: var(--quanta-indigo-400); }
.border-indigo-500 { border-color: var(--quanta-indigo-500); }
.border-indigo-600 { border-color: var(--quanta-indigo-600); }
.border-indigo-700 { border-color: var(--quanta-indigo-700); }
.border-indigo-800 { border-color: var(--quanta-indigo-800); }
.border-indigo-900 { border-color: var(--quanta-indigo-900); }

/* Yellow */
.border-yellow-50  { border-color: var(--quanta-yellow-50); }
.border-yellow-100 { border-color: var(--quanta-yellow-100); }
.border-yellow-200 { border-color: var(--quanta-yellow-200); }
.border-yellow-300 { border-color: var(--quanta-yellow-300); }
.border-yellow-400 { border-color: var(--quanta-yellow-400); }
.border-yellow-500 { border-color: var(--quanta-yellow-500); }
.border-yellow-600 { border-color: var(--quanta-yellow-600); }
.border-yellow-700 { border-color: var(--quanta-yellow-700); }
.border-yellow-800 { border-color: var(--quanta-yellow-800); }
.border-yellow-900 { border-color: var(--quanta-yellow-900); }

/* Pink */
.border-pink-50  { border-color: var(--quanta-pink-50); }
.border-pink-100 { border-color: var(--quanta-pink-100); }
.border-pink-200 { border-color: var(--quanta-pink-200); }
.border-pink-300 { border-color: var(--quanta-pink-300); }
.border-pink-400 { border-color: var(--quanta-pink-400); }
.border-pink-500 { border-color: var(--quanta-pink-500); }
.border-pink-600 { border-color: var(--quanta-pink-600); }
.border-pink-700 { border-color: var(--quanta-pink-700); }
.border-pink-800 { border-color: var(--quanta-pink-800); }
.border-pink-900 { border-color: var(--quanta-pink-900); }

/* Grey */
.border-grey-50  { border-color: var(--quanta-grey-50); }
.border-grey-100 { border-color: var(--quanta-grey-100); }
.border-grey-200 { border-color: var(--quanta-grey-200); }
.border-grey-300 { border-color: var(--quanta-grey-300); }
.border-grey-400 { border-color: var(--quanta-grey-400); }
.border-grey-500 { border-color: var(--quanta-grey-500); }
.border-grey-600 { border-color: var(--quanta-grey-600); }
.border-grey-700 { border-color: var(--quanta-grey-700); }
.border-grey-800 { border-color: var(--quanta-grey-800); }
.border-grey-900 { border-color: var(--quanta-grey-900); }

.border-zinc-50  { border-color: var(--quanta-zinc-50); }
.border-zinc-100 { border-color: var(--quanta-zinc-100); }
.border-zinc-200 { border-color: var(--quanta-zinc-200); }
.border-zinc-300 { border-color: var(--quanta-zinc-300); }
.border-zinc-400 { border-color: var(--quanta-zinc-400); }
.border-zinc-500 { border-color: var(--quanta-zinc-500); }
.border-zinc-600 { border-color: var(--quanta-zinc-600); }
.border-zinc-700 { border-color: var(--quanta-zinc-700); }
.border-zinc-800 { border-color: var(--quanta-zinc-800); }
.border-zinc-900 { border-color: var(--quanta-zinc-900); }

.border-neutral-50  { border-color: var(--quanta-neutral-50); }
.border-neutral-100 { border-color: var(--quanta-neutral-100); }
.border-neutral-200 { border-color: var(--quanta-neutral-200); }
.border-neutral-300 { border-color: var(--quanta-neutral-300); }
.border-neutral-400 { border-color: var(--quanta-neutral-400); }
.border-neutral-500 { border-color: var(--quanta-neutral-500); }
.border-neutral-600 { border-color: var(--quanta-neutral-600); }
.border-neutral-700 { border-color: var(--quanta-neutral-700); }
.border-neutral-800 { border-color: var(--quanta-neutral-800); }
.border-neutral-900 { border-color: var(--quanta-neutral-900); }

/* Lime */
.border-lime-50  { border-color: var(--quanta-lime-50); }
.border-lime-100 { border-color: var(--quanta-lime-100); }
.border-lime-200 { border-color: var(--quanta-lime-200); }
.border-lime-300 { border-color: var(--quanta-lime-300); }
.border-lime-400 { border-color: var(--quanta-lime-400); }
.border-lime-500 { border-color: var(--quanta-lime-500); }
.border-lime-600 { border-color: var(--quanta-lime-600); }
.border-lime-700 { border-color: var(--quanta-lime-700); }
.border-lime-800 { border-color: var(--quanta-lime-800); }
.border-lime-900 { border-color: var(--quanta-lime-900); }

/* Cyan */
.border-cyan-50  { border-color: var(--quanta-cyan-50); }
.border-cyan-100 { border-color: var(--quanta-cyan-100); }
.border-cyan-200 { border-color: var(--quanta-cyan-200); }
.border-cyan-300 { border-color: var(--quanta-cyan-300); }
.border-cyan-400 { border-color: var(--quanta-cyan-400); }
.border-cyan-500 { border-color: var(--quanta-cyan-500); }
.border-cyan-600 { border-color: var(--quanta-cyan-600); }
.border-cyan-700 { border-color: var(--quanta-cyan-700); }
.border-cyan-800 { border-color: var(--quanta-cyan-800); }
.border-cyan-900 { border-color: var(--quanta-cyan-900); }

/* Sky */
.border-sky-50  { border-color: var(--quanta-sky-50); }
.border-sky-100 { border-color: var(--quanta-sky-100); }
.border-sky-200 { border-color: var(--quanta-sky-200); }
.border-sky-300 { border-color: var(--quanta-sky-300); }
.border-sky-400 { border-color: var(--quanta-sky-400); }
.border-sky-500 { border-color: var(--quanta-sky-500); }
.border-sky-600 { border-color: var(--quanta-sky-600); }
.border-sky-700 { border-color: var(--quanta-sky-700); }
.border-sky-800 { border-color: var(--quanta-sky-800); }
.border-sky-900 { border-color: var(--quanta-sky-900); }

/* Violet */
.border-violet-50  { border-color: var(--quanta-violet-50); }
.border-violet-100 { border-color: var(--quanta-violet-100); }
.border-violet-200 { border-color: var(--quanta-violet-200); }
.border-violet-300 { border-color: var(--quanta-violet-300); }
.border-violet-400 { border-color: var(--quanta-violet-400); }
.border-violet-500 { border-color: var(--quanta-violet-500); }
.border-violet-600 { border-color: var(--quanta-violet-600); }
.border-violet-700 { border-color: var(--quanta-violet-700); }
.border-violet-800 { border-color: var(--quanta-violet-800); }
.border-violet-900 { border-color: var(--quanta-violet-900); }

/* Rose */
.border-rose-50  { border-color: var(--quanta-rose-50); }
.border-rose-100 { border-color: var(--quanta-rose-100); }
.border-rose-200 { border-color: var(--quanta-rose-200); }
.border-rose-300 { border-color: var(--quanta-rose-300); }
.border-rose-400 { border-color: var(--quanta-rose-400); }
.border-rose-500 { border-color: var(--quanta-rose-500); }
.border-rose-600 { border-color: var(--quanta-rose-600); }
.border-rose-700 { border-color: var(--quanta-rose-700); }
.border-rose-800 { border-color: var(--quanta-rose-800); }
.border-rose-900 { border-color: var(--quanta-rose-900); }

/* Slate */
.border-slate-50  { border-color: var(--quanta-slate-50); }
.border-slate-100 { border-color: var(--quanta-slate-100); }
.border-slate-200 { border-color: var(--quanta-slate-200); }
.border-slate-300 { border-color: var(--quanta-slate-300); }
.border-slate-400 { border-color: var(--quanta-slate-400); }
.border-slate-500 { border-color: var(--quanta-slate-500); }
.border-slate-600 { border-color: var(--quanta-slate-600); }
.border-slate-700 { border-color: var(--quanta-slate-700); }
.border-slate-800 { border-color: var(--quanta-slate-800); }
.border-slate-900 { border-color: var(--quanta-slate-900); }

/* Blue */
.border-blue-50  { border-color: var(--quanta-blue-50); }
.border-blue-100 { border-color: var(--quanta-blue-100); }
.border-blue-200 { border-color: var(--quanta-blue-200); }
.border-blue-300 { border-color: var(--quanta-blue-300); }
.border-blue-400 { border-color: var(--quanta-blue-400); }
.border-blue-500 { border-color: var(--quanta-blue-500); }
.border-blue-600 { border-color: var(--quanta-blue-600); }
.border-blue-700 { border-color: var(--quanta-blue-700); }
.border-blue-800 { border-color: var(--quanta-blue-800); }
.border-blue-900 { border-color: var(--quanta-blue-900); }

/* Green */
.border-green-50  { border-color: var(--quanta-green-50); }
.border-green-100 { border-color: var(--quanta-green-100); }
.border-green-200 { border-color: var(--quanta-green-200); }
.border-green-300 { border-color: var(--quanta-green-300); }
.border-green-400 { border-color: var(--quanta-green-400); }
.border-green-500 { border-color: var(--quanta-green-500); }
.border-green-600 { border-color: var(--quanta-green-600); }
.border-green-700 { border-color: var(--quanta-green-700); }
.border-green-800 { border-color: var(--quanta-green-800); }
.border-green-900 { border-color: var(--quanta-green-900); }

/* Black & White */
.border-black { border-color: var(--black); }
.border-white { border-color: var(--white); }

/* ----------------------------------------
   Border Width Utilities (0–32px in rem)
---------------------------------------- */
.border-0 { border-width: 0.0rem; }
.border-0 { border-width: 0.0rem; }
.border-t-0 { border-top-width: 0.0rem; }
.border-r-0 { border-right-width: 0.0rem; }
.border-b-0 { border-bottom-width: 0.0rem; }
.border-l-0 { border-left-width: 0.0rem; }
.border-1 { border-width: 0.0625rem; }
.border-1 { border-width: 0.0625rem; }
.border-t-1 { border-top-width: 0.0625rem; }
.border-r-1 { border-right-width: 0.0625rem; }
.border-b-1 { border-bottom-width: 0.0625rem; }
.border-l-1 { border-left-width: 0.0625rem; }
.border-2 { border-width: 0.125rem; }
.border-2 { border-width: 0.125rem; }
.border-t-2 { border-top-width: 0.125rem; }
.border-r-2 { border-right-width: 0.125rem; }
.border-b-2 { border-bottom-width: 0.125rem; }
.border-l-2 { border-left-width: 0.125rem; }
.border-3 { border-width: 0.1875rem; }
.border-3 { border-width: 0.1875rem; }
.border-t-3 { border-top-width: 0.1875rem; }
.border-r-3 { border-right-width: 0.1875rem; }
.border-b-3 { border-bottom-width: 0.1875rem; }
.border-l-3 { border-left-width: 0.1875rem; }
.border-4 { border-width: 0.25rem; }
.border-4 { border-width: 0.25rem; }
.border-t-4 { border-top-width: 0.25rem; }
.border-r-4 { border-right-width: 0.25rem; }
.border-b-4 { border-bottom-width: 0.25rem; }
.border-l-4 { border-left-width: 0.25rem; }
.border-5 { border-width: 0.3125rem; }
.border-5 { border-width: 0.3125rem; }
.border-t-5 { border-top-width: 0.3125rem; }
.border-r-5 { border-right-width: 0.3125rem; }
.border-b-5 { border-bottom-width: 0.3125rem; }
.border-l-5 { border-left-width: 0.3125rem; }
.border-6 { border-width: 0.375rem; }
.border-6 { border-width: 0.375rem; }
.border-t-6 { border-top-width: 0.375rem; }
.border-r-6 { border-right-width: 0.375rem; }
.border-b-6 { border-bottom-width: 0.375rem; }
.border-l-6 { border-left-width: 0.375rem; }
.border-7 { border-width: 0.4375rem; }
.border-7 { border-width: 0.4375rem; }
.border-t-7 { border-top-width: 0.4375rem; }
.border-r-7 { border-right-width: 0.4375rem; }
.border-b-7 { border-bottom-width: 0.4375rem; }
.border-l-7 { border-left-width: 0.4375rem; }
.border-8 { border-width: 0.5rem; }
.border-8 { border-width: 0.5rem; }
.border-t-8 { border-top-width: 0.5rem; }
.border-r-8 { border-right-width: 0.5rem; }
.border-b-8 { border-bottom-width: 0.5rem; }
.border-l-8 { border-left-width: 0.5rem; }
.border-9 { border-width: 0.5625rem; }
.border-9 { border-width: 0.5625rem; }
.border-t-9 { border-top-width: 0.5625rem; }
.border-r-9 { border-right-width: 0.5625rem; }
.border-b-9 { border-bottom-width: 0.5625rem; }
.border-l-9 { border-left-width: 0.5625rem; }
.border-10 { border-width: 0.625rem; }
.border-10 { border-width: 0.625rem; }
.border-t-10 { border-top-width: 0.625rem; }
.border-r-10 { border-right-width: 0.625rem; }
.border-b-10 { border-bottom-width: 0.625rem; }
.border-l-10 { border-left-width: 0.625rem; }
.border-11 { border-width: 0.6875rem; }
.border-11 { border-width: 0.6875rem; }
.border-t-11 { border-top-width: 0.6875rem; }
.border-r-11 { border-right-width: 0.6875rem; }
.border-b-11 { border-bottom-width: 0.6875rem; }
.border-l-11 { border-left-width: 0.6875rem; }
.border-12 { border-width: 0.75rem; }
.border-12 { border-width: 0.75rem; }
.border-t-12 { border-top-width: 0.75rem; }
.border-r-12 { border-right-width: 0.75rem; }
.border-b-12 { border-bottom-width: 0.75rem; }
.border-l-12 { border-left-width: 0.75rem; }
.border-13 { border-width: 0.8125rem; }
.border-13 { border-width: 0.8125rem; }
.border-t-13 { border-top-width: 0.8125rem; }
.border-r-13 { border-right-width: 0.8125rem; }
.border-b-13 { border-bottom-width: 0.8125rem; }
.border-l-13 { border-left-width: 0.8125rem; }
.border-14 { border-width: 0.875rem; }
.border-14 { border-width: 0.875rem; }
.border-t-14 { border-top-width: 0.875rem; }
.border-r-14 { border-right-width: 0.875rem; }
.border-b-14 { border-bottom-width: 0.875rem; }
.border-l-14 { border-left-width: 0.875rem; }
.border-15 { border-width: 0.9375rem; }
.border-15 { border-width: 0.9375rem; }
.border-t-15 { border-top-width: 0.9375rem; }
.border-r-15 { border-right-width: 0.9375rem; }
.border-b-15 { border-bottom-width: 0.9375rem; }
.border-l-15 { border-left-width: 0.9375rem; }
.border-16 { border-width: 1.0rem; }
.border-16 { border-width: 1.0rem; }
.border-t-16 { border-top-width: 1.0rem; }
.border-r-16 { border-right-width: 1.0rem; }
.border-b-16 { border-bottom-width: 1.0rem; }
.border-l-16 { border-left-width: 1.0rem; }
.border-17 { border-width: 1.0625rem; }
.border-17 { border-width: 1.0625rem; }
.border-t-17 { border-top-width: 1.0625rem; }
.border-r-17 { border-right-width: 1.0625rem; }
.border-b-17 { border-bottom-width: 1.0625rem; }
.border-l-17 { border-left-width: 1.0625rem; }
.border-18 { border-width: 1.125rem; }
.border-18 { border-width: 1.125rem; }
.border-t-18 { border-top-width: 1.125rem; }
.border-r-18 { border-right-width: 1.125rem; }
.border-b-18 { border-bottom-width: 1.125rem; }
.border-l-18 { border-left-width: 1.125rem; }
.border-19 { border-width: 1.1875rem; }
.border-19 { border-width: 1.1875rem; }
.border-t-19 { border-top-width: 1.1875rem; }
.border-r-19 { border-right-width: 1.1875rem; }
.border-b-19 { border-bottom-width: 1.1875rem; }
.border-l-19 { border-left-width: 1.1875rem; }
.border-20 { border-width: 1.25rem; }
.border-20 { border-width: 1.25rem; }
.border-t-20 { border-top-width: 1.25rem; }
.border-r-20 { border-right-width: 1.25rem; }
.border-b-20 { border-bottom-width: 1.25rem; }
.border-l-20 { border-left-width: 1.25rem; }
.border-21 { border-width: 1.3125rem; }
.border-21 { border-width: 1.3125rem; }
.border-t-21 { border-top-width: 1.3125rem; }
.border-r-21 { border-right-width: 1.3125rem; }
.border-b-21 { border-bottom-width: 1.3125rem; }
.border-l-21 { border-left-width: 1.3125rem; }
.border-22 { border-width: 1.375rem; }
.border-22 { border-width: 1.375rem; }
.border-t-22 { border-top-width: 1.375rem; }
.border-r-22 { border-right-width: 1.375rem; }
.border-b-22 { border-bottom-width: 1.375rem; }
.border-l-22 { border-left-width: 1.375rem; }
.border-23 { border-width: 1.4375rem; }
.border-23 { border-width: 1.4375rem; }
.border-t-23 { border-top-width: 1.4375rem; }
.border-r-23 { border-right-width: 1.4375rem; }
.border-b-23 { border-bottom-width: 1.4375rem; }
.border-l-23 { border-left-width: 1.4375rem; }
.border-24 { border-width: 1.5rem; }
.border-24 { border-width: 1.5rem; }
.border-t-24 { border-top-width: 1.5rem; }
.border-r-24 { border-right-width: 1.5rem; }
.border-b-24 { border-bottom-width: 1.5rem; }
.border-l-24 { border-left-width: 1.5rem; }
.border-25 { border-width: 1.5625rem; }
.border-25 { border-width: 1.5625rem; }
.border-t-25 { border-top-width: 1.5625rem; }
.border-r-25 { border-right-width: 1.5625rem; }
.border-b-25 { border-bottom-width: 1.5625rem; }
.border-l-25 { border-left-width: 1.5625rem; }
.border-26 { border-width: 1.625rem; }
.border-26 { border-width: 1.625rem; }
.border-t-26 { border-top-width: 1.625rem; }
.border-r-26 { border-right-width: 1.625rem; }
.border-b-26 { border-bottom-width: 1.625rem; }
.border-l-26 { border-left-width: 1.625rem; }
.border-27 { border-width: 1.6875rem; }
.border-27 { border-width: 1.6875rem; }
.border-t-27 { border-top-width: 1.6875rem; }
.border-r-27 { border-right-width: 1.6875rem; }
.border-b-27 { border-bottom-width: 1.6875rem; }
.border-l-27 { border-left-width: 1.6875rem; }
.border-28 { border-width: 1.75rem; }
.border-28 { border-width: 1.75rem; }
.border-t-28 { border-top-width: 1.75rem; }
.border-r-28 { border-right-width: 1.75rem; }
.border-b-28 { border-bottom-width: 1.75rem; }
.border-l-28 { border-left-width: 1.75rem; }
.border-29 { border-width: 1.8125rem; }
.border-29 { border-width: 1.8125rem; }
.border-t-29 { border-top-width: 1.8125rem; }
.border-r-29 { border-right-width: 1.8125rem; }
.border-b-29 { border-bottom-width: 1.8125rem; }
.border-l-29 { border-left-width: 1.8125rem; }
.border-30 { border-width: 1.875rem; }
.border-30 { border-width: 1.875rem; }
.border-t-30 { border-top-width: 1.875rem; }
.border-r-30 { border-right-width: 1.875rem; }
.border-b-30 { border-bottom-width: 1.875rem; }
.border-l-30 { border-left-width: 1.875rem; }
.border-31 { border-width: 1.9375rem; }
.border-31 { border-width: 1.9375rem; }
.border-t-31 { border-top-width: 1.9375rem; }
.border-r-31 { border-right-width: 1.9375rem; }
.border-b-31 { border-bottom-width: 1.9375rem; }
.border-l-31 { border-left-width: 1.9375rem; }
.border-32 { border-width: 2.0rem; }
.border-32 { border-width: 2.0rem; }
.border-t-32 { border-top-width: 2.0rem; }
.border-r-32 { border-right-width: 2.0rem; }
.border-b-32 { border-bottom-width: 2.0rem; }
.border-l-32 { border-left-width: 2.0rem; }
.border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.border-transparent { border-color: transparent; }
.border-inherit { border-color: inherit; }
.bg-transparent { background-color: transparent; }
.bg-inherit { background-color: inherit; }
.text-transparent { color: transparent; }
.text-inherit { color: inherit; }

/* ----------------------------------------
   Border Style Utilities
---------------------------------------- */
.border-solid  { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.border-none   { border-style: none; }

.z-auto { z-index: auto; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-100 { z-index: 100; }
.z-9999 { z-index: 9999; }
.-z-10 { z-index: -10; }
.-z-20 { z-index: -20; }
.-z-40 { z-index: -40; }
.-z-50 { z-index: -50; }
.-z-100 { z-index: -100; }

/* ----------------------------------------
   Opacity Utilities
---------------------------------------- */
.opacity-0   { opacity: 0; }
.opacity-10  { opacity: 0.1; }
.opacity-20  { opacity: 0.2; }
.opacity-25  { opacity: 0.25; }
.opacity-30  { opacity: 0.3; }
.opacity-40  { opacity: 0.4; }
.opacity-50  { opacity: 0.5; }
.opacity-60  { opacity: 0.6; }
.opacity-70  { opacity: 0.7; }
.opacity-75  { opacity: 0.75; }
.opacity-80  { opacity: 0.8; }
.opacity-90  { opacity: 0.9; }
.opacity-100 { opacity: 1; }


/* ----------------------------------------
   Gradient Utilities (customizable)
---------------------------------------- */
.bg-gradient {
  background-image: linear-gradient(
    var(--quanta-gradient-direction, to right),
    var(--quanta-from-color, transparent),
    var(--quanta-to-color, transparent)
  );
}
.bg-gradient-l   { --quanta-gradient-direction: to left; }
.bg-gradient-r   { --quanta-gradient-direction: to right; }
.bg-gradient-t   { --quanta-gradient-direction: to top; }
.bg-gradient-b   { --quanta-gradient-direction: to bottom; }
.bg-gradient-tl  { --quanta-gradient-direction: to top left; }
.bg-gradient-tr  { --quanta-gradient-direction: to top right; }
.bg-gradient-bl  { --quanta-gradient-direction: to bottom left; }
.bg-gradient-br  { --quanta-gradient-direction: to bottom right; }

/* ----------------------------------------
   Border Radius – including pill shape
---------------------------------------- */
.rounded-0      { border-radius: 0; }
.rounded-xs     { border-radius: 0.125rem; }  /* 2px */
.rounded-sm     { border-radius: 0.25rem; }   /* 4px */
.rounded        { border-radius: 0.5rem; }    /* 8px */
.rounded-md     { border-radius: 0.75rem; }   /* 12px */
.rounded-lg     { border-radius: 1rem; }      /* 16px */
.rounded-xl     { border-radius: 1.5rem; }    /* 24px */
.rounded-2xl    { border-radius: 2rem; }      /* 32px */
.rounded-full   { border-radius: 9999px; }
.rounded-pill   { border-radius: 50px; }      /* pill shape */

/* Top Left */
.rounded-tl-0      { border-top-left-radius: 0; }
.rounded-tl-xs     { border-top-left-radius: 0.125rem; }
.rounded-tl-sm     { border-top-left-radius: 0.25rem; }
.rounded-tl        { border-top-left-radius: 0.5rem; }
.rounded-tl-md     { border-top-left-radius: 0.75rem; }
.rounded-tl-lg     { border-top-left-radius: 1rem; }
.rounded-tl-xl     { border-top-left-radius: 1.5rem; }
.rounded-tl-2xl    { border-top-left-radius: 2rem; }
.rounded-tl-full   { border-top-left-radius: 9999px; }
.rounded-tl-pill   { border-top-left-radius: 50px; }

/* Top Right */
.rounded-tr-0      { border-top-right-radius: 0; }
.rounded-tr-xs     { border-top-right-radius: 0.125rem; }
.rounded-tr-sm     { border-top-right-radius: 0.25rem; }
.rounded-tr        { border-top-right-radius: 0.5rem; }
.rounded-tr-md     { border-top-right-radius: 0.75rem; }
.rounded-tr-lg     { border-top-right-radius: 1rem; }
.rounded-tr-xl     { border-top-right-radius: 1.5rem; }
.rounded-tr-2xl    { border-top-right-radius: 2rem; }
.rounded-tr-full   { border-top-right-radius: 9999px; }
.rounded-tr-pill   { border-top-right-radius: 50px; }

/* Bottom Left */
.rounded-bl-0      { border-bottom-left-radius: 0; }
.rounded-bl-xs     { border-bottom-left-radius: 0.125rem; }
.rounded-bl-sm     { border-bottom-left-radius: 0.25rem; }
.rounded-bl        { border-bottom-left-radius: 0.5rem; }
.rounded-bl-md     { border-bottom-left-radius: 0.75rem; }
.rounded-bl-lg     { border-bottom-left-radius: 1rem; }
.rounded-bl-xl     { border-bottom-left-radius: 1.5rem; }
.rounded-bl-2xl    { border-bottom-left-radius: 2rem; }
.rounded-bl-full   { border-bottom-left-radius: 9999px; }
.rounded-bl-pill   { border-bottom-left-radius: 50px; }

/* Bottom Right */
.rounded-br-0      { border-bottom-right-radius: 0; }
.rounded-br-xs     { border-bottom-right-radius: 0.125rem; }
.rounded-br-sm     { border-bottom-right-radius: 0.25rem; }
.rounded-br        { border-bottom-right-radius: 0.5rem; }
.rounded-br-md     { border-bottom-right-radius: 0.75rem; }
.rounded-br-lg     { border-bottom-right-radius: 1rem; }
.rounded-br-xl     { border-bottom-right-radius: 1.5rem; }
.rounded-br-2xl    { border-bottom-right-radius: 2rem; }
.rounded-br-full   { border-bottom-right-radius: 9999px; }
.rounded-br-pill   { border-bottom-right-radius: 50px; }

/* ----------------------------------------
   Outline Utilities
---------------------------------------- */
/* basic outline styles */
.outline-none    { outline: none; }
.outline         { outline: 1px solid currentColor; }

/* outline-offsets */
.outline-offset-0  { outline-offset: 0rem; }
.outline-offset-1  { outline-offset: 0.25rem; }
.outline-offset-2  { outline-offset: 0.5rem; }
.outline-offset-3  { outline-offset: 0.75rem; }
.outline-offset-4  { outline-offset: 1rem; }
.outline-offset-8  { outline-offset: 2rem; }

/* outline-color (every shade + black/white) */
/* Red */
.outline-red-50  { outline-color: var(--quanta-red-50); }
.outline-red-100 { outline-color: var(--quanta-red-100); }
.outline-red-200 { outline-color: var(--quanta-red-200); }
.outline-red-300 { outline-color: var(--quanta-red-300); }
.outline-red-400 { outline-color: var(--quanta-red-400); }
.outline-red-500 { outline-color: var(--quanta-red-500); }
.outline-red-600 { outline-color: var(--quanta-red-600); }
.outline-red-700 { outline-color: var(--quanta-red-700); }
.outline-red-800 { outline-color: var(--quanta-red-800); }
.outline-red-900 { outline-color: var(--quanta-red-900); }
/* Orange */
.outline-orange-50  { outline-color: var(--quanta-orange-50); }
.outline-orange-100 { outline-color: var(--quanta-orange-100); }
.outline-orange-200 { outline-color: var(--quanta-orange-200); }
.outline-orange-300 { outline-color: var(--quanta-orange-300); }
.outline-orange-400 { outline-color: var(--quanta-orange-400); }
.outline-orange-500 { outline-color: var(--quanta-orange-500); }
.outline-orange-600 { outline-color: var(--quanta-orange-600); }
.outline-orange-700 { outline-color: var(--quanta-orange-700); }
.outline-orange-800 { outline-color: var(--quanta-orange-800); }
.outline-orange-900 { outline-color: var(--quanta-orange-900); }
/* Teal */
.outline-teal-50  { outline-color: var(--quanta-teal-50); }
.outline-teal-100 { outline-color: var(--quanta-teal-100); }
.outline-teal-200 { outline-color: var(--quanta-teal-200); }
.outline-teal-300 { outline-color: var(--quanta-teal-300); }
.outline-teal-400 { outline-color: var(--quanta-teal-400); }
.outline-teal-500 { outline-color: var(--quanta-teal-500); }
.outline-teal-600 { outline-color: var(--quanta-teal-600); }
.outline-teal-700 { outline-color: var(--quanta-teal-700); }
.outline-teal-800 { outline-color: var(--quanta-teal-800); }
.outline-teal-900 { outline-color: var(--quanta-teal-900); }
/* Purple */
.outline-purple-50  { outline-color: var(--quanta-purple-50); }
.outline-purple-100 { outline-color: var(--quanta-purple-100); }
.outline-purple-200 { outline-color: var(--quanta-purple-200); }
.outline-purple-300 { outline-color: var(--quanta-purple-300); }
.outline-purple-400 { outline-color: var(--quanta-purple-400); }
.outline-purple-500 { outline-color: var(--quanta-purple-500); }
.outline-purple-600 { outline-color: var(--quanta-purple-600); }
.outline-purple-700 { outline-color: var(--quanta-purple-700); }
.outline-purple-800 { outline-color: var(--quanta-purple-800); }
.outline-purple-900 { outline-color: var(--quanta-purple-900); }
/* Indigo */
.outline-indigo-50  { outline-color: var(--quanta-indigo-50); }
.outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
/* Yellow */
.outline-yellow-50  { outline-color: var(--quanta-yellow-50); }
.outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
/* Pink */
.outline-pink-50  { outline-color: var(--quanta-pink-50); }
.outline-pink-100 { outline-color: var(--quanta-pink-100); }
.outline-pink-200 { outline-color: var(--quanta-pink-200); }
.outline-pink-300 { outline-color: var(--quanta-pink-300); }
.outline-pink-400 { outline-color: var(--quanta-pink-400); }
.outline-pink-500 { outline-color: var(--quanta-pink-500); }
.outline-pink-600 { outline-color: var(--quanta-pink-600); }
.outline-pink-700 { outline-color: var(--quanta-pink-700); }
.outline-pink-800 { outline-color: var(--quanta-pink-800); }
.outline-pink-900 { outline-color: var(--quanta-pink-900); }
/* Grey */
.outline-grey-50  { outline-color: var(--quanta-grey-50); }
.outline-grey-100 { outline-color: var(--quanta-grey-100); }
.outline-grey-200 { outline-color: var(--quanta-grey-200); }
.outline-grey-300 { outline-color: var(--quanta-grey-300); }
.outline-grey-400 { outline-color: var(--quanta-grey-400); }
.outline-grey-500 { outline-color: var(--quanta-grey-500); }
.outline-grey-600 { outline-color: var(--quanta-grey-600); }
.outline-grey-700 { outline-color: var(--quanta-grey-700); }
.outline-grey-800 { outline-color: var(--quanta-grey-800); }
.outline-grey-900 { outline-color: var(--quanta-grey-900); }
/* Lime */
.outline-lime-50  { outline-color: var(--quanta-lime-50); }
.outline-lime-100 { outline-color: var(--quanta-lime-100); }
.outline-lime-200 { outline-color: var(--quanta-lime-200); }
.outline-lime-300 { outline-color: var(--quanta-lime-300); }
.outline-lime-400 { outline-color: var(--quanta-lime-400); }
.outline-lime-500 { outline-color: var(--quanta-lime-500); }
.outline-lime-600 { outline-color: var(--quanta-lime-600); }
.outline-lime-700 { outline-color: var(--quanta-lime-700); }
.outline-lime-800 { outline-color: var(--quanta-lime-800); }
.outline-lime-900 { outline-color: var(--quanta-lime-900); }
/* Cyan */
.outline-cyan-50  { outline-color: var(--quanta-cyan-50); }
.outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
/* Sky */
.outline-sky-50  { outline-color: var(--quanta-sky-50); }
.outline-sky-100 { outline-color: var(--quanta-sky-100); }
.outline-sky-200 { outline-color: var(--quanta-sky-200); }
.outline-sky-300 { outline-color: var(--quanta-sky-300); }
.outline-sky-400 { outline-color: var(--quanta-sky-400); }
.outline-sky-500 { outline-color: var(--quanta-sky-500); }
.outline-sky-600 { outline-color: var(--quanta-sky-600); }
.outline-sky-700 { outline-color: var(--quanta-sky-700); }
.outline-sky-800 { outline-color: var(--quanta-sky-800); }
.outline-sky-900 { outline-color: var(--quanta-sky-900); }
/* Violet */
.outline-violet-50  { outline-color: var(--quanta-violet-50); }
.outline-violet-100 { outline-color: var(--quanta-violet-100); }
.outline-violet-200 { outline-color: var(--quanta-violet-200); }
.outline-violet-300 { outline-color: var(--quanta-violet-300); }
.outline-violet-400 { outline-color: var(--quanta-violet-400); }
.outline-violet-500 { outline-color: var(--quanta-violet-500); }
.outline-violet-600 { outline-color: var(--quanta-violet-600); }
.outline-violet-700 { outline-color: var(--quanta-violet-700); }
.outline-violet-800 { outline-color: var(--quanta-violet-800); }
.outline-violet-900 { outline-color: var(--quanta-violet-900); }
/* Rose */
.outline-rose-50  { outline-color: var(--quanta-rose-50); }
.outline-rose-100 { outline-color: var(--quanta-rose-100); }
.outline-rose-200 { outline-color: var(--quanta-rose-200); }
.outline-rose-300 { outline-color: var(--quanta-rose-300); }
.outline-rose-400 { outline-color: var(--quanta-rose-400); }
.outline-rose-500 { outline-color: var(--quanta-rose-500); }
.outline-rose-600 { outline-color: var(--quanta-rose-600); }
.outline-rose-700 { outline-color: var(--quanta-rose-700); }
.outline-rose-800 { outline-color: var(--quanta-rose-800); }
.outline-rose-900 { outline-color: var(--quanta-rose-900); }
/* Slate */
.outline-slate-50  { outline-color: var(--quanta-slate-50); }
.outline-slate-100 { outline-color: var(--quanta-slate-100); }
.outline-slate-200 { outline-color: var(--quanta-slate-200); }
.outline-slate-300 { outline-color: var(--quanta-slate-300); }
.outline-slate-400 { outline-color: var(--quanta-slate-400); }
.outline-slate-500 { outline-color: var(--quanta-slate-500); }
.outline-slate-600 { outline-color: var(--quanta-slate-600); }
.outline-slate-700 { outline-color: var(--quanta-slate-700); }
.outline-slate-800 { outline-color: var(--quanta-slate-800); }
.outline-slate-900 { outline-color: var(--quanta-slate-900); }
/* Blue */
.outline-blue-50  { outline-color: var(--quanta-blue-50); }
.outline-blue-100 { outline-color: var(--quanta-blue-100); }
.outline-blue-200 { outline-color: var(--quanta-blue-200); }
.outline-blue-300 { outline-color: var(--quanta-blue-300); }
.outline-blue-400 { outline-color: var(--quanta-blue-400); }
.outline-blue-500 { outline-color: var(--quanta-blue-500); }
.outline-blue-600 { outline-color: var(--quanta-blue-600); }
.outline-blue-700 { outline-color: var(--quanta-blue-700); }
.outline-blue-800 { outline-color: var(--quanta-blue-800); }
.outline-blue-900 { outline-color: var(--quanta-blue-900); }
/* Green */
.outline-green-50  { outline-color: var(--quanta-green-50); }
.outline-green-100 { outline-color: var(--quanta-green-100); }
.outline-green-200 { outline-color: var(--quanta-green-200); }
.outline-green-300 { outline-color: var(--quanta-green-300); }
.outline-green-400 { outline-color: var(--quanta-green-400); }
.outline-green-500 { outline-color: var(--quanta-green-500); }
.outline-green-600 { outline-color: var(--quanta-green-600); }
.outline-green-700 { outline-color: var(--quanta-green-700); }
.outline-green-800 { outline-color: var(--quanta-green-800); }
.outline-green-900 { outline-color: var(--quanta-green-900); }
/* Black & White */
.outline-black { outline-color: var(--black); }
.outline-white { outline-color: var(--white); }

/* ----------------------------------------
   Ring Utilities (customizable via CSS vars)
---------------------------------------- */
.ring {
  --ring-width: 0.25rem;
  --ring-color: rgba(0,0,0,0.1);
  box-shadow: 0 0 0 var(--ring-width) var(--quanta-ring-color);
}
.ring-sm   { --ring-width: 0.125rem; }
.ring-md   { --ring-width: 0.5rem; }
.ring-lg   { --ring-width: 1rem; }
.ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
/* Ring (box-shadow based) */
.ring-0       { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.ring-1       { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.ring-2       { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }

.ring-red-50   { --quanta-ring-color: var(--quanta-red-50); }
.ring-red-100  { --quanta-ring-color: var(--quanta-red-100); }
.ring-red-200  { --quanta-ring-color: var(--quanta-red-200); }
.ring-red-300  { --quanta-ring-color: var(--quanta-red-300); }
.ring-red-400  { --quanta-ring-color: var(--quanta-red-400); }
.ring-red-500  { --quanta-ring-color: var(--quanta-red-500); }
.ring-red-600  { --quanta-ring-color: var(--quanta-red-600); }
.ring-red-700  { --quanta-ring-color: var(--quanta-red-700); }
.ring-red-800  { --quanta-ring-color: var(--quanta-red-800); }
.ring-red-900  { --quanta-ring-color: var(--quanta-red-900); }

.ring-orange-50  { --quanta-ring-color: var(--quanta-orange-50); }
.ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }

.ring-teal-50   { --quanta-ring-color: var(--quanta-teal-50); }
.ring-teal-100  { --quanta-ring-color: var(--quanta-teal-100); }
.ring-teal-200  { --quanta-ring-color: var(--quanta-teal-200); }
.ring-teal-300  { --quanta-ring-color: var(--quanta-teal-300); }
.ring-teal-400  { --quanta-ring-color: var(--quanta-teal-400); }
.ring-teal-500  { --quanta-ring-color: var(--quanta-teal-500); }
.ring-teal-600  { --quanta-ring-color: var(--quanta-teal-600); }
.ring-teal-700  { --quanta-ring-color: var(--quanta-teal-700); }
.ring-teal-800  { --quanta-ring-color: var(--quanta-teal-800); }
.ring-teal-900  { --quanta-ring-color: var(--quanta-teal-900); }

.ring-purple-50   { --quanta-ring-color: var(--quanta-purple-50); }
.ring-purple-100  { --quanta-ring-color: var(--quanta-purple-100); }
.ring-purple-200  { --quanta-ring-color: var(--quanta-purple-200); }
.ring-purple-300  { --quanta-ring-color: var(--quanta-purple-300); }
.ring-purple-400  { --quanta-ring-color: var(--quanta-purple-400); }
.ring-purple-500  { --quanta-ring-color: var(--quanta-purple-500); }
.ring-purple-600  { --quanta-ring-color: var(--quanta-purple-600); }
.ring-purple-700  { --quanta-ring-color: var(--quanta-purple-700); }
.ring-purple-800  { --quanta-ring-color: var(--quanta-purple-800); }
.ring-purple-900  { --quanta-ring-color: var(--quanta-purple-900); }

.ring-indigo-50   { --quanta-ring-color: var(--quanta-indigo-50); }
.ring-indigo-100  { --quanta-ring-color: var(--quanta-indigo-100); }
.ring-indigo-200  { --quanta-ring-color: var(--quanta-indigo-200); }
.ring-indigo-300  { --quanta-ring-color: var(--quanta-indigo-300); }
.ring-indigo-400  { --quanta-ring-color: var(--quanta-indigo-400); }
.ring-indigo-500  { --quanta-ring-color: var(--quanta-indigo-500); }
.ring-indigo-600  { --quanta-ring-color: var(--quanta-indigo-600); }
.ring-indigo-700  { --quanta-ring-color: var(--quanta-indigo-700); }
.ring-indigo-800  { --quanta-ring-color: var(--quanta-indigo-800); }
.ring-indigo-900  { --quanta-ring-color: var(--quanta-indigo-900); }

.ring-yellow-50   { --quanta-ring-color: var(--quanta-yellow-50); }
.ring-yellow-100  { --quanta-ring-color: var(--quanta-yellow-100); }
.ring-yellow-200  { --quanta-ring-color: var(--quanta-yellow-200); }
.ring-yellow-300  { --quanta-ring-color: var(--quanta-yellow-300); }
.ring-yellow-400  { --quanta-ring-color: var(--quanta-yellow-400); }
.ring-yellow-500  { --quanta-ring-color: var(--quanta-yellow-500); }
.ring-yellow-600  { --quanta-ring-color: var(--quanta-yellow-600); }
.ring-yellow-700  { --quanta-ring-color: var(--quanta-yellow-700); }
.ring-yellow-800  { --quanta-ring-color: var(--quanta-yellow-800); }
.ring-yellow-900  { --quanta-ring-color: var(--quanta-yellow-900); }

.ring-pink-50   { --quanta-ring-color: var(--quanta-pink-50); }
.ring-pink-100  { --quanta-ring-color: var(--quanta-pink-100); }
.ring-pink-200  { --quanta-ring-color: var(--quanta-pink-200); }
.ring-pink-300  { --quanta-ring-color: var(--quanta-pink-300); }
.ring-pink-400  { --quanta-ring-color: var(--quanta-pink-400); }
.ring-pink-500  { --quanta-ring-color: var(--quanta-pink-500); }
.ring-pink-600  { --quanta-ring-color: var(--quanta-pink-600); }
.ring-pink-700  { --quanta-ring-color: var(--quanta-pink-700); }
.ring-pink-800  { --quanta-ring-color: var(--quanta-pink-800); }
.ring-pink-900  { --quanta-ring-color: var(--quanta-pink-900); }

.ring-grey-50   { --quanta-ring-color: var(--quanta-grey-50); }
.ring-grey-100  { --quanta-ring-color: var(--quanta-grey-100); }
.ring-grey-200  { --quanta-ring-color: var(--quanta-grey-200); }
.ring-grey-300  { --quanta-ring-color: var(--quanta-grey-300); }
.ring-grey-400  { --quanta-ring-color: var(--quanta-grey-400); }
.ring-grey-500  { --quanta-ring-color: var(--quanta-grey-500); }
.ring-grey-600  { --quanta-ring-color: var(--quanta-grey-600); }
.ring-grey-700  { --quanta-ring-color: var(--quanta-grey-700); }
.ring-grey-800  { --quanta-ring-color: var(--quanta-grey-800); }
.ring-grey-900  { --quanta-ring-color: var(--quanta-grey-900); }

.ring-zinc-50   { --quanta-ring-color: var(--quanta-zinc-50); }
.ring-zinc-100  { --quanta-ring-color: var(--quanta-zinc-100); }
.ring-zinc-200  { --quanta-ring-color: var(--quanta-zinc-200); }
.ring-zinc-300  { --quanta-ring-color: var(--quanta-zinc-300); }
.ring-zinc-400  { --quanta-ring-color: var(--quanta-zinc-400); }
.ring-zinc-500  { --quanta-ring-color: var(--quanta-zinc-500); }
.ring-zinc-600  { --quanta-ring-color: var(--quanta-zinc-600); }
.ring-zinc-700  { --quanta-ring-color: var(--quanta-zinc-700); }
.ring-zinc-800  { --quanta-ring-color: var(--quanta-zinc-800); }
.ring-zinc-900  { --quanta-ring-color: var(--quanta-zinc-900); }

.ring-neutral-50   { --quanta-ring-color: var(--quanta-neutral-50); }
.ring-neutral-100  { --quanta-ring-color: var(--quanta-neutral-100); }
.ring-neutral-200  { --quanta-ring-color: var(--quanta-neutral-200); }
.ring-neutral-300  { --quanta-ring-color: var(--quanta-neutral-300); }
.ring-neutral-400  { --quanta-ring-color: var(--quanta-neutral-400); }
.ring-neutral-500  { --quanta-ring-color: var(--quanta-neutral-500); }
.ring-neutral-600  { --quanta-ring-color: var(--quanta-neutral-600); }
.ring-neutral-700  { --quanta-ring-color: var(--quanta-neutral-700); }
.ring-neutral-800  { --quanta-ring-color: var(--quanta-neutral-800); }
.ring-neutral-900  { --quanta-ring-color: var(--quanta-neutral-900); }

.ring-lime-50   { --quanta-ring-color: var(--quanta-lime-50); }
.ring-lime-100  { --quanta-ring-color: var(--quanta-lime-100); }
.ring-lime-200  { --quanta-ring-color: var(--quanta-lime-200); }
.ring-lime-300  { --quanta-ring-color: var(--quanta-lime-300); }
.ring-lime-400  { --quanta-ring-color: var(--quanta-lime-400); }
.ring-lime-500  { --quanta-ring-color: var(--quanta-lime-500); }
.ring-lime-600  { --quanta-ring-color: var(--quanta-lime-600); }
.ring-lime-700  { --quanta-ring-color: var(--quanta-lime-700); }
.ring-lime-800  { --quanta-ring-color: var(--quanta-lime-800); }
.ring-lime-900  { --quanta-ring-color: var(--quanta-lime-900); }

.ring-cyan-50   { --quanta-ring-color: var(--quanta-cyan-50); }
.ring-cyan-100  { --quanta-ring-color: var(--quanta-cyan-100); }
.ring-cyan-200  { --quanta-ring-color: var(--quanta-cyan-200); }
.ring-cyan-300  { --quanta-ring-color: var(--quanta-cyan-300); }
.ring-cyan-400  { --quanta-ring-color: var(--quanta-cyan-400); }
.ring-cyan-500  { --quanta-ring-color: var(--quanta-cyan-500); }
.ring-cyan-600  { --quanta-ring-color: var(--quanta-cyan-600); }
.ring-cyan-700  { --quanta-ring-color: var(--quanta-cyan-700); }
.ring-cyan-800  { --quanta-ring-color: var(--quanta-cyan-800); }
.ring-cyan-900  { --quanta-ring-color: var(--quanta-cyan-900); }

.ring-sky-50    { --quanta-ring-color: var(--quanta-sky-50); }
.ring-sky-100   { --quanta-ring-color: var(--quanta-sky-100); }
.ring-sky-200   { --quanta-ring-color: var(--quanta-sky-200); }
.ring-sky-300   { --quanta-ring-color: var(--quanta-sky-300); }
.ring-sky-400   { --quanta-ring-color: var(--quanta-sky-400); }
.ring-sky-500   { --quanta-ring-color: var(--quanta-sky-500); }
.ring-sky-600   { --quanta-ring-color: var(--quanta-sky-600); }
.ring-sky-700   { --quanta-ring-color: var(--quanta-sky-700); }
.ring-sky-800   { --quanta-ring-color: var(--quanta-sky-800); }
.ring-sky-900   { --quanta-ring-color: var(--quanta-sky-900); }

.ring-violet-50   { --quanta-ring-color: var(--quanta-violet-50); }
.ring-violet-100  { --quanta-ring-color: var(--quanta-violet-100); }
.ring-violet-200  { --quanta-ring-color: var(--quanta-violet-200); }
.ring-violet-300  { --quanta-ring-color: var(--quanta-violet-300); }
.ring-violet-400  { --quanta-ring-color: var(--quanta-violet-400); }
.ring-violet-500  { --quanta-ring-color: var(--quanta-violet-500); }
.ring-violet-600  { --quanta-ring-color: var(--quanta-violet-600); }
.ring-violet-700  { --quanta-ring-color: var(--quanta-violet-700); }
.ring-violet-800  { --quanta-ring-color: var(--quanta-violet-800); }
.ring-violet-900  { --quanta-ring-color: var(--quanta-violet-900); }

.ring-rose-50    { --quanta-ring-color: var(--quanta-rose-50); }
.ring-rose-100   { --quanta-ring-color: var(--quanta-rose-100); }
.ring-rose-200   { --quanta-ring-color: var(--quanta-rose-200); }
.ring-rose-300   { --quanta-ring-color: var(--quanta-rose-300); }
.ring-rose-400   { --quanta-ring-color: var(--quanta-rose-400); }
.ring-rose-500   { --quanta-ring-color: var(--quanta-rose-500); }
.ring-rose-600   { --quanta-ring-color: var(--quanta-rose-600); }
.ring-rose-700   { --quanta-ring-color: var(--quanta-rose-700); }
.ring-rose-800   { --quanta-ring-color: var(--quanta-rose-800); }
.ring-rose-900   { --quanta-ring-color: var(--quanta-rose-900); }

.ring-slate-50   { --quanta-ring-color: var(--quanta-slate-50); }
.ring-slate-100  { --quanta-ring-color: var(--quanta-slate-100); }
.ring-slate-200  { --quanta-ring-color: var(--quanta-slate-200); }
.ring-slate-300  { --quanta-ring-color: var(--quanta-slate-300); }
.ring-slate-400  { --quanta-ring-color: var(--quanta-slate-400); }
.ring-slate-500  { --quanta-ring-color: var(--quanta-slate-500); }
.ring-slate-600  { --quanta-ring-color: var(--quanta-slate-600); }
.ring-slate-700  { --quanta-ring-color: var(--quanta-slate-700); }
.ring-slate-800  { --quanta-ring-color: var(--quanta-slate-800); }
.ring-slate-900  { --quanta-ring-color: var(--quanta-slate-900); }

.ring-blue-50    { --quanta-ring-color: var(--quanta-blue-50); }
.ring-blue-100   { --quanta-ring-color: var(--quanta-blue-100); }
.ring-blue-200   { --quanta-ring-color: var(--quanta-blue-200); }
.ring-blue-300   { --quanta-ring-color: var(--quanta-blue-300); }
.ring-blue-400   { --quanta-ring-color: var(--quanta-blue-400); }
.ring-blue-500   { --quanta-ring-color: var(--quanta-blue-500); }
.ring-blue-600   { --quanta-ring-color: var(--quanta-blue-600); }
.ring-blue-700   { --quanta-ring-color: var(--quanta-blue-700); }
.ring-blue-800   { --quanta-ring-color: var(--quanta-blue-800); }
.ring-blue-900   { --quanta-ring-color: var(--quanta-blue-900); }

.ring-green-50   { --quanta-ring-color: var(--quanta-green-50); }
.ring-green-100  { --quanta-ring-color: var(--quanta-green-100); }
.ring-green-200  { --quanta-ring-color: var(--quanta-green-200); }
.ring-green-300  { --quanta-ring-color: var(--quanta-green-300); }
.ring-green-400  { --quanta-ring-color: var(--quanta-green-400); }
.ring-green-500  { --quanta-ring-color: var(--quanta-green-500); }
.ring-green-600  { --quanta-ring-color: var(--quanta-green-600); }
.ring-green-700  { --quanta-ring-color: var(--quanta-green-700); }
.ring-green-800  { --quanta-ring-color: var(--quanta-green-800); }
.ring-green-900  { --quanta-ring-color: var(--quanta-green-900); }

.ring-black      { --quanta-ring-color: var(--black); }
.ring-white      { --quanta-ring-color: var(--white); }

.ring-shadow-red-50   { --quanta-ring-shadow: var(--quanta-red-50); }
.ring-shadow-red-100  { --quanta-ring-shadow: var(--quanta-red-100); }
.ring-shadow-red-200  { --quanta-ring-shadow: var(--quanta-red-200); }
.ring-shadow-red-300  { --quanta-ring-shadow: var(--quanta-red-300); }
.ring-shadow-red-400  { --quanta-ring-shadow: var(--quanta-red-400); }
.ring-shadow-red-500  { --quanta-ring-shadow: var(--quanta-red-500); }
.ring-shadow-red-600  { --quanta-ring-shadow: var(--quanta-red-600); }
.ring-shadow-red-700  { --quanta-ring-shadow: var(--quanta-red-700); }
.ring-shadow-red-800  { --quanta-ring-shadow: var(--quanta-red-800); }
.ring-shadow-red-900  { --quanta-ring-shadow: var(--quanta-red-900); }

.ring-shadow-orange-50  { --quanta-ring-shadow: var(--quanta-orange-50); }
.ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
.ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
.ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
.ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
.ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
.ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
.ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
.ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
.ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }

.ring-shadow-teal-50   { --quanta-ring-shadow: var(--quanta-teal-50); }
.ring-shadow-teal-100  { --quanta-ring-shadow: var(--quanta-teal-100); }
.ring-shadow-teal-200  { --quanta-ring-shadow: var(--quanta-teal-200); }
.ring-shadow-teal-300  { --quanta-ring-shadow: var(--quanta-teal-300); }
.ring-shadow-teal-400  { --quanta-ring-shadow: var(--quanta-teal-400); }
.ring-shadow-teal-500  { --quanta-ring-shadow: var(--quanta-teal-500); }
.ring-shadow-teal-600  { --quanta-ring-shadow: var(--quanta-teal-600); }
.ring-shadow-teal-700  { --quanta-ring-shadow: var(--quanta-teal-700); }
.ring-shadow-teal-800  { --quanta-ring-shadow: var(--quanta-teal-800); }
.ring-shadow-teal-900  { --quanta-ring-shadow: var(--quanta-teal-900); }

.ring-shadow-purple-50   { --quanta-ring-shadow: var(--quanta-purple-50); }
.ring-shadow-purple-100  { --quanta-ring-shadow: var(--quanta-purple-100); }
.ring-shadow-purple-200  { --quanta-ring-shadow: var(--quanta-purple-200); }
.ring-shadow-purple-300  { --quanta-ring-shadow: var(--quanta-purple-300); }
.ring-shadow-purple-400  { --quanta-ring-shadow: var(--quanta-purple-400); }
.ring-shadow-purple-500  { --quanta-ring-shadow: var(--quanta-purple-500); }
.ring-shadow-purple-600  { --quanta-ring-shadow: var(--quanta-purple-600); }
.ring-shadow-purple-700  { --quanta-ring-shadow: var(--quanta-purple-700); }
.ring-shadow-purple-800  { --quanta-ring-shadow: var(--quanta-purple-800); }
.ring-shadow-purple-900  { --quanta-ring-shadow: var(--quanta-purple-900); }

.ring-shadow-indigo-50   { --quanta-ring-shadow: var(--quanta-indigo-50); }
.ring-shadow-indigo-100  { --quanta-ring-shadow: var(--quanta-indigo-100); }
.ring-shadow-indigo-200  { --quanta-ring-shadow: var(--quanta-indigo-200); }
.ring-shadow-indigo-300  { --quanta-ring-shadow: var(--quanta-indigo-300); }
.ring-shadow-indigo-400  { --quanta-ring-shadow: var(--quanta-indigo-400); }
.ring-shadow-indigo-500  { --quanta-ring-shadow: var(--quanta-indigo-500); }
.ring-shadow-indigo-600  { --quanta-ring-shadow: var(--quanta-indigo-600); }
.ring-shadow-indigo-700  { --quanta-ring-shadow: var(--quanta-indigo-700); }
.ring-shadow-indigo-800  { --quanta-ring-shadow: var(--quanta-indigo-800); }
.ring-shadow-indigo-900  { --quanta-ring-shadow: var(--quanta-indigo-900); }

.ring-shadow-yellow-50   { --quanta-ring-shadow: var(--quanta-yellow-50); }
.ring-shadow-yellow-100  { --quanta-ring-shadow: var(--quanta-yellow-100); }
.ring-shadow-yellow-200  { --quanta-ring-shadow: var(--quanta-yellow-200); }
.ring-shadow-yellow-300  { --quanta-ring-shadow: var(--quanta-yellow-300); }
.ring-shadow-yellow-400  { --quanta-ring-shadow: var(--quanta-yellow-400); }
.ring-shadow-yellow-500  { --quanta-ring-shadow: var(--quanta-yellow-500); }
.ring-shadow-yellow-600  { --quanta-ring-shadow: var(--quanta-yellow-600); }
.ring-shadow-yellow-700  { --quanta-ring-shadow: var(--quanta-yellow-700); }
.ring-shadow-yellow-800  { --quanta-ring-shadow: var(--quanta-yellow-800); }
.ring-shadow-yellow-900  { --quanta-ring-shadow: var(--quanta-yellow-900); }

.ring-shadow-pink-50   { --quanta-ring-shadow: var(--quanta-pink-50); }
.ring-shadow-pink-100  { --quanta-ring-shadow: var(--quanta-pink-100); }
.ring-shadow-pink-200  { --quanta-ring-shadow: var(--quanta-pink-200); }
.ring-shadow-pink-300  { --quanta-ring-shadow: var(--quanta-pink-300); }
.ring-shadow-pink-400  { --quanta-ring-shadow: var(--quanta-pink-400); }
.ring-shadow-pink-500  { --quanta-ring-shadow: var(--quanta-pink-500); }
.ring-shadow-pink-600  { --quanta-ring-shadow: var(--quanta-pink-600); }
.ring-shadow-pink-700  { --quanta-ring-shadow: var(--quanta-pink-700); }
.ring-shadow-pink-800  { --quanta-ring-shadow: var(--quanta-pink-800); }
.ring-shadow-pink-900  { --quanta-ring-shadow: var(--quanta-pink-900); }

.ring-shadow-grey-50   { --quanta-ring-shadow: var(--quanta-grey-50); }
.ring-shadow-grey-100  { --quanta-ring-shadow: var(--quanta-grey-100); }
.ring-shadow-grey-200  { --quanta-ring-shadow: var(--quanta-grey-200); }
.ring-shadow-grey-300  { --quanta-ring-shadow: var(--quanta-grey-300); }
.ring-shadow-grey-400  { --quanta-ring-shadow: var(--quanta-grey-400); }
.ring-shadow-grey-500  { --quanta-ring-shadow: var(--quanta-grey-500); }
.ring-shadow-grey-600  { --quanta-ring-shadow: var(--quanta-grey-600); }
.ring-shadow-grey-700  { --quanta-ring-shadow: var(--quanta-grey-700); }
.ring-shadow-grey-800  { --quanta-ring-shadow: var(--quanta-grey-800); }
.ring-shadow-grey-900  { --quanta-ring-shadow: var(--quanta-grey-900); }

.ring-shadow-zinc-50   { --quanta-ring-shadow: var(--quanta-zinc-50); }
.ring-shadow-zinc-100  { --quanta-ring-shadow: var(--quanta-zinc-100); }
.ring-shadow-zinc-200  { --quanta-ring-shadow: var(--quanta-zinc-200); }
.ring-shadow-zinc-300  { --quanta-ring-shadow: var(--quanta-zinc-300); }
.ring-shadow-zinc-400  { --quanta-ring-shadow: var(--quanta-zinc-400); }
.ring-shadow-zinc-500  { --quanta-ring-shadow: var(--quanta-zinc-500); }
.ring-shadow-zinc-600  { --quanta-ring-shadow: var(--quanta-zinc-600); }
.ring-shadow-zinc-700  { --quanta-ring-shadow: var(--quanta-zinc-700); }
.ring-shadow-zinc-800  { --quanta-ring-shadow: var(--quanta-zinc-800); }
.ring-shadow-zinc-900  { --quanta-ring-shadow: var(--quanta-zinc-900); }

.ring-shadow-neutral-50   { --quanta-ring-shadow: var(--quanta-neutral-50); }
.ring-shadow-neutral-100  { --quanta-ring-shadow: var(--quanta-neutral-100); }
.ring-shadow-neutral-200  { --quanta-ring-shadow: var(--quanta-neutral-200); }
.ring-shadow-neutral-300  { --quanta-ring-shadow: var(--quanta-neutral-300); }
.ring-shadow-neutral-400  { --quanta-ring-shadow: var(--quanta-neutral-400); }
.ring-shadow-neutral-500  { --quanta-ring-shadow: var(--quanta-neutral-500); }
.ring-shadow-neutral-600  { --quanta-ring-shadow: var(--quanta-neutral-600); }
.ring-shadow-neutral-700  { --quanta-ring-shadow: var(--quanta-neutral-700); }
.ring-shadow-neutral-800  { --quanta-ring-shadow: var(--quanta-neutral-800); }
.ring-shadow-neutral-900  { --quanta-ring-shadow: var(--quanta-neutral-900); }

.ring-shadow-lime-50   { --quanta-ring-shadow: var(--quanta-lime-50); }
.ring-shadow-lime-100  { --quanta-ring-shadow: var(--quanta-lime-100); }
.ring-shadow-lime-200  { --quanta-ring-shadow: var(--quanta-lime-200); }
.ring-shadow-lime-300  { --quanta-ring-shadow: var(--quanta-lime-300); }
.ring-shadow-lime-400  { --quanta-ring-shadow: var(--quanta-lime-400); }
.ring-shadow-lime-500  { --quanta-ring-shadow: var(--quanta-lime-500); }
.ring-shadow-lime-600  { --quanta-ring-shadow: var(--quanta-lime-600); }
.ring-shadow-lime-700  { --quanta-ring-shadow: var(--quanta-lime-700); }
.ring-shadow-lime-800  { --quanta-ring-shadow: var(--quanta-lime-800); }
.ring-shadow-lime-900  { --quanta-ring-shadow: var(--quanta-lime-900); }

.ring-shadow-cyan-50   { --quanta-ring-shadow: var(--quanta-cyan-50); }
.ring-shadow-cyan-100  { --quanta-ring-shadow: var(--quanta-cyan-100); }
.ring-shadow-cyan-200  { --quanta-ring-shadow: var(--quanta-cyan-200); }
.ring-shadow-cyan-300  { --quanta-ring-shadow: var(--quanta-cyan-300); }
.ring-shadow-cyan-400  { --quanta-ring-shadow: var(--quanta-cyan-400); }
.ring-shadow-cyan-500  { --quanta-ring-shadow: var(--quanta-cyan-500); }
.ring-shadow-cyan-600  { --quanta-ring-shadow: var(--quanta-cyan-600); }
.ring-shadow-cyan-700  { --quanta-ring-shadow: var(--quanta-cyan-700); }
.ring-shadow-cyan-800  { --quanta-ring-shadow: var(--quanta-cyan-800); }
.ring-shadow-cyan-900  { --quanta-ring-shadow: var(--quanta-cyan-900); }

.ring-shadow-sky-50    { --quanta-ring-shadow: var(--quanta-sky-50); }
.ring-shadow-sky-100   { --quanta-ring-shadow: var(--quanta-sky-100); }
.ring-shadow-sky-200   { --quanta-ring-shadow: var(--quanta-sky-200); }
.ring-shadow-sky-300   { --quanta-ring-shadow: var(--quanta-sky-300); }
.ring-shadow-sky-400   { --quanta-ring-shadow: var(--quanta-sky-400); }
.ring-shadow-sky-500   { --quanta-ring-shadow: var(--quanta-sky-500); }
.ring-shadow-sky-600   { --quanta-ring-shadow: var(--quanta-sky-600); }
.ring-shadow-sky-700   { --quanta-ring-shadow: var(--quanta-sky-700); }
.ring-shadow-sky-800   { --quanta-ring-shadow: var(--quanta-sky-800); }
.ring-shadow-sky-900   { --quanta-ring-shadow: var(--quanta-sky-900); }

.ring-shadow-violet-50   { --quanta-ring-shadow: var(--quanta-violet-50); }
.ring-shadow-violet-100  { --quanta-ring-shadow: var(--quanta-violet-100); }
.ring-shadow-violet-200  { --quanta-ring-shadow: var(--quanta-violet-200); }
.ring-shadow-violet-300  { --quanta-ring-shadow: var(--quanta-violet-300); }
.ring-shadow-violet-400  { --quanta-ring-shadow: var(--quanta-violet-400); }
.ring-shadow-violet-500  { --quanta-ring-shadow: var(--quanta-violet-500); }
.ring-shadow-violet-600  { --quanta-ring-shadow: var(--quanta-violet-600); }
.ring-shadow-violet-700  { --quanta-ring-shadow: var(--quanta-violet-700); }
.ring-shadow-violet-800  { --quanta-ring-shadow: var(--quanta-violet-800); }
.ring-shadow-violet-900  { --quanta-ring-shadow: var(--quanta-violet-900); }

.ring-shadow-rose-50    { --quanta-ring-shadow: var(--quanta-rose-50); }
.ring-shadow-rose-100   { --quanta-ring-shadow: var(--quanta-rose-100); }
.ring-shadow-rose-200   { --quanta-ring-shadow: var(--quanta-rose-200); }
.ring-shadow-rose-300   { --quanta-ring-shadow: var(--quanta-rose-300); }
.ring-shadow-rose-400   { --quanta-ring-shadow: var(--quanta-rose-400); }
.ring-shadow-rose-500   { --quanta-ring-shadow: var(--quanta-rose-500); }
.ring-shadow-rose-600   { --quanta-ring-shadow: var(--quanta-rose-600); }
.ring-shadow-rose-700   { --quanta-ring-shadow: var(--quanta-rose-700); }
.ring-shadow-rose-800   { --quanta-ring-shadow: var(--quanta-rose-800); }
.ring-shadow-rose-900   { --quanta-ring-shadow: var(--quanta-rose-900); }

.ring-shadow-slate-50   { --quanta-ring-shadow: var(--quanta-slate-50); }
.ring-shadow-slate-100  { --quanta-ring-shadow: var(--quanta-slate-100); }
.ring-shadow-slate-200  { --quanta-ring-shadow: var(--quanta-slate-200); }
.ring-shadow-slate-300  { --quanta-ring-shadow: var(--quanta-slate-300); }
.ring-shadow-slate-400  { --quanta-ring-shadow: var(--quanta-slate-400); }
.ring-shadow-slate-500  { --quanta-ring-shadow: var(--quanta-slate-500); }
.ring-shadow-slate-600  { --quanta-ring-shadow: var(--quanta-slate-600); }
.ring-shadow-slate-700  { --quanta-ring-shadow: var(--quanta-slate-700); }
.ring-shadow-slate-800  { --quanta-ring-shadow: var(--quanta-slate-800); }
.ring-shadow-slate-900  { --quanta-ring-shadow: var(--quanta-slate-900); }

.ring-shadow-blue-50    { --quanta-ring-shadow: var(--quanta-blue-50); }
.ring-shadow-blue-100   { --quanta-ring-shadow: var(--quanta-blue-100); }
.ring-shadow-blue-200   { --quanta-ring-shadow: var(--quanta-blue-200); }
.ring-shadow-blue-300   { --quanta-ring-shadow: var(--quanta-blue-300); }
.ring-shadow-blue-400   { --quanta-ring-shadow: var(--quanta-blue-400); }
.ring-shadow-blue-500   { --quanta-ring-shadow: var(--quanta-blue-500); }
.ring-shadow-blue-600   { --quanta-ring-shadow: var(--quanta-blue-600); }
.ring-shadow-blue-700   { --quanta-ring-shadow: var(--quanta-blue-700); }
.ring-shadow-blue-800   { --quanta-ring-shadow: var(--quanta-blue-800); }
.ring-shadow-blue-900   { --quanta-ring-shadow: var(--quanta-blue-900); }

.ring-shadow-green-50   { --quanta-ring-shadow: var(--quanta-green-50); }
.ring-shadow-green-100  { --quanta-ring-shadow: var(--quanta-green-100); }
.ring-shadow-green-200  { --quanta-ring-shadow: var(--quanta-green-200); }
.ring-shadow-green-300  { --quanta-ring-shadow: var(--quanta-green-300); }
.ring-shadow-green-400  { --quanta-ring-shadow: var(--quanta-green-400); }
.ring-shadow-green-500  { --quanta-ring-shadow: var(--quanta-green-500); }
.ring-shadow-green-600  { --quanta-ring-shadow: var(--quanta-green-600); }
.ring-shadow-green-700  { --quanta-ring-shadow: var(--quanta-green-700); }
.ring-shadow-green-800  { --quanta-ring-shadow: var(--quanta-green-800); }
.ring-shadow-green-900  { --quanta-ring-shadow: var(--quanta-green-900); }

.ring-shadow-black      { --quanta-ring-shadow: var(--black); }
.ring-shadow-white      { --quanta-ring-shadow: var(--white); }

/* ---------------------------
  QUANTA TRANSLUCENT UTILS
  Pure CSS (no Sass/JS). Usage:
    <div class="bg-tp-blue-500 bg-tp-20">...</div>
    <p class="text-tp-red-400 text-tp-50">...</p>
    <div class="border-tp-slate-300 border-tp-30" style="border-width:1px">...</div>

  NOTE: You must define RGB tokens for every color/shade you want to use:
    --quanta-blue-500-rgb: 59 130 246;

  The RGB token format is: three numbers separated by spaces: "R G B".
  --------------------------- */

/* Example :root rgb tokens (add the rest to your tokens file) */
:root {
  /* example tokens (tailwind-ish values) */
  --quanta-blue-50-rgb: 239 246 255;
  --quanta-blue-100-rgb: 219 234 254;
  --quanta-blue-200-rgb: 191 219 254;
  --quanta-blue-300-rgb: 147 197 253;
  --quanta-blue-400-rgb: 96 165 250;
  --quanta-blue-500-rgb: 59 130 246;
  --quanta-blue-600-rgb: 37 99 235;
  --quanta-blue-700-rgb: 29 78 216;
  --quanta-blue-800-rgb: 30 64 175;
  --quanta-blue-900-rgb: 30 58 138;

  --quanta-red-500-rgb: 239 68 68;
  --quanta-red-400-rgb: 248 113 113;

  --quanta-green-500-rgb: 34 197 94;
  --quanta-slate-300-rgb: 203 213 225;

  /* defaults for the consumer variables (safe fallbacks) */
  --bg-opacity: 1;
  --text-opacity: 1;
  --border-opacity: 1;
  --bg-rgb: 255 255 255;
  --text-rgb: 0 0 0;
  --border-rgb: 148 163 184;
}

/* ---------------------------
   Opacity utility classes (background, text, border)
   Use together with color classes above.
   --------------------------- */
/* Background opacity */
.bg-tp-05 { --bg-opacity: 0.05; }
.bg-tp-10 { --bg-opacity: 0.10; }
.bg-tp-15 { --bg-opacity: 0.15; }
.bg-tp-20 { --bg-opacity: 0.20; }
.bg-tp-25 { --bg-opacity: 0.25; }
.bg-tp-30 { --bg-opacity: 0.30; }
.bg-tp-35 { --bg-opacity: 0.35; }
.bg-tp-40 { --bg-opacity: 0.40; }
.bg-tp-45 { --bg-opacity: 0.45; }
.bg-tp-50 { --bg-opacity: 0.50; }
.bg-tp-55 { --bg-opacity: 0.55; }
.bg-tp-60 { --bg-opacity: 0.60; }
.bg-tp-65 { --bg-opacity: 0.65; }
.bg-tp-70 { --bg-opacity: 0.70; }
.bg-tp-75 { --bg-opacity: 0.75; }
.bg-tp-80 { --bg-opacity: 0.80; }
.bg-tp-85 { --bg-opacity: 0.85; }
.bg-tp-90 { --bg-opacity: 0.90; }
.bg-tp-95 { --bg-opacity: 0.95; }
.bg-tp-100{ --bg-opacity: 1; }

/* Text opacity */
.text-tp-05 { --text-opacity: 0.05; }
.text-tp-10 { --text-opacity: 0.10; }
.text-tp-15 { --text-opacity: 0.15; }
.text-tp-20 { --text-opacity: 0.20; }
.text-tp-25 { --text-opacity: 0.25; }
.text-tp-30 { --text-opacity: 0.30; }
.text-tp-35 { --text-opacity: 0.35; }
.text-tp-40 { --text-opacity: 0.40; }
.text-tp-45 { --text-opacity: 0.45; }
.text-tp-50 { --text-opacity: 0.50; }
.text-tp-55 { --text-opacity: 0.55; }
.text-tp-60 { --text-opacity: 0.60; }
.text-tp-65 { --text-opacity: 0.65; }
.text-tp-70 { --text-opacity: 0.70; }
.text-tp-75 { --text-opacity: 0.75; }
.text-tp-80 { --text-opacity: 0.80; }
.text-tp-85 { --text-opacity: 0.85; }
.text-tp-90 { --text-opacity: 0.90; }
.text-tp-95 { --text-opacity: 0.95; }
.text-tp-100{ --text-opacity: 1; }

/* Border opacity */
.border-tp-05 { --border-opacity: 0.05; }
.border-tp-10 { --border-opacity: 0.10; }
.border-tp-15 { --border-opacity: 0.15; }
.border-tp-20 { --border-opacity: 0.20; }
.border-tp-25 { --border-opacity: 0.25; }
.border-tp-30 { --border-opacity: 0.30; }
.border-tp-35 { --border-opacity: 0.35; }
.border-tp-40 { --border-opacity: 0.40; }
.border-tp-45 { --border-opacity: 0.45; }
.border-tp-50 { --border-opacity: 0.50; }
.border-tp-55 { --border-opacity: 0.55; }
.border-tp-60 { --border-opacity: 0.60; }
.border-tp-65 { --border-opacity: 0.65; }
.border-tp-70 { --border-opacity: 0.70; }
.border-tp-75 { --border-opacity: 0.75; }
.border-tp-80 { --border-opacity: 0.80; }
.border-tp-85 { --border-opacity: 0.85; }
.border-tp-90 { --border-opacity: 0.90; }
.border-tp-95 { --border-opacity: 0.95; }
.border-tp-100{ --border-opacity: 1; }

   --------------------------- */
.has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }

/* ---------------------------
   Color utilities (background / text / border)
   Creates: .bg-tp-<color>-<shade>, .text-tp-<color>-<shade>, .border-tp-<color>-<shade>
   These set the relevant --*-rgb variable and immediately apply color using the current
   opacity variable (--*-opacity).
   --------------------------- */

/* Colors covered: red, orange, yellow, green, lime, teal, cyan, sky, blue, indigo,
   violet, purple, pink, rose, grey, zinc, neutral, slate */

/* --- RED --- */
.bg-tp-red-50  { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-red-50  { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-red-50  { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- ORANGE --- */
.bg-tp-orange-50  { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-orange-50  { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-orange-50  { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- YELLOW --- */
.bg-tp-yellow-50  { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-yellow-50  { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-yellow-50  { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- GREEN --- */
.bg-tp-green-50  { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-green-50  { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-green-50  { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- LIME --- */
.bg-tp-lime-50  { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-lime-50  { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-lime-50  { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- TEAL --- */
.bg-tp-teal-50  { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-teal-50  { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-teal-50  { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- CYAN --- */
.bg-tp-cyan-50  { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-cyan-50  { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-cyan-50  { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- SKY --- */
.bg-tp-sky-50  { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-sky-50  { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-sky-50  { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- INDIGO --- */
.bg-tp-indigo-50  { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-indigo-50  { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-indigo-50  { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- PURPLE --- */
.bg-tp-purple-50  { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-purple-50  { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-purple-50  { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- PINK --- */
.bg-tp-pink-50  { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-pink-50  { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-pink-50  { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- GREY / ZINC / NEUTRAL / SLATE --- */
/* GREY */
.bg-tp-grey-50  { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-grey-50  { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-grey-50  { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- ZINC --- */
.bg-tp-zinc-50  { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-zinc-50  { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-zinc-50  { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- SLATE --- */
.bg-tp-slate-50  { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-slate-50  { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-slate-50  { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- VIOLET / ROSE / etc. --- */
.bg-tp-violet-50  { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-violet-50  { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-violet-50  { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- ROSE --- */
.bg-tp-rose-50  { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-rose-50  { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-rose-50  { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* --- BLUE (already shown at top as examples, but included for completeness) --- */
.bg-tp-blue-50  { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }

.text-tp-blue-50  { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }

.border-tp-blue-50  { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }

/* ---------------------------
  End of utilities
  --------------------------- */


/* ----------------------------------------
   Shadow Color Utilities
---------------------------------------- */
.shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
.shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
.shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
.shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
.shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
.shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
.shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
.shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
.shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
.shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
.shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
.shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
.shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
.shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
.shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
.shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
.shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
.shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
.shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
.shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
.shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.shadow-color-black { --shadow-color: var(--black); }
.shadow-color-white { --shadow-color: var(--white); }

/* ----------------------------------------
   Gradient From Color Utilities
---------------------------------------- */
.gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.gradient-from-black { --quanta-from-color: var(--black); }
.gradient-from-white { --quanta-from-color: var(--white); }

/* ----------------------------------------
   Gradient To Color Utilities
---------------------------------------- */
.gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.gradient-to-black { --quanta-to-color: var(--black); }
.gradient-to-white { --quanta-to-color: var(--white); }

.transition-all { transition-property: all; }
.transition-bg { transition-property: background-color; }
.transition-color { transition-property: color; }
.transition-opacity { transition-property: opacity; }
.transition-transform { transition-property: transform; }
.transition-shadow { transition-property: shadow; }
.transition-border { transition-property: border; }
.duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: ease-linear; }
.ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
.translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.translate-x-5 { transform: translateX(5rem); }
.translate-y-5 { transform: translateY(5rem); }
.translate-x-6 { transform: translateX(6rem); }
.translate-y-6 { transform: translateY(6rem); }
.translate-x-8 { transform: translateX(8rem); }
.translate-y-8 { transform: translateY(8rem); }
.translate-x-10 { transform: translateX(10rem); }
.translate-y-10 { transform: translateY(10rem); }
.translate-x-12 { transform: translateX(12rem); }
.translate-y-12 { transform: translateY(12rem); }
.translate-x-16 { transform: translateX(16rem); }
.translate-y-16 { transform: translateY(16rem); }
.translate-x-20 { transform: translateX(20rem); }
.translate-y-20 { transform: translateY(20rem); }
.translate-x-24 { transform: translateX(24rem); }
.translate-y-24 { transform: translateY(24rem); }
.translate-x-32 { transform: translateX(32rem); }
.translate-y-32 { transform: translateY(32rem); }
.scale-0 { transform: scale(0.0); }
.scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.rotate--180 { transform: rotate(-180deg); }
.rotate--90 { transform: rotate(-90deg); }
.rotate--45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.skew-x--45 { transform: skewX(-45deg); }
.skew-y--45 { transform: skewY(-45deg); }
.skew-x--30 { transform: skewX(-30deg); }
.skew-y--30 { transform: skewY(-30deg); }
.skew-x--15 { transform: skewX(-15deg); }
.skew-y--15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }

@keyframes quanta-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade {
    animation: quanta-fade 0.5s ease-in-out both;
}

@keyframes quanta-slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-up {
    animation: quanta-slide-up 0.5s ease-out both;
}

@keyframes quanta-slide-down {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-down {
    animation: quanta-slide-down 0.5s ease-out both;
}

@keyframes quanta-slide-left {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.animate-slide-left {
    animation: quanta-slide-left 0.5s ease-out both;
}

@keyframes quanta-slide-right {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.animate-slide-right {
    animation: quanta-slide-right 0.5s ease-out both;
}

@keyframes quanta-bounce {
    0%, 100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translateY(-25%);
        animation-timing-function: ease-out;
    }
}
.animate-bounce {
    animation: quanta-bounce 1s infinite;
}

/* New Quanta Animations */

@keyframes quanta-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: quanta-spin 1s linear infinite;
}

@keyframes quanta-pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}
.animate-pulse {
    animation: quanta-pulse 1.5s ease-in-out infinite;
}

@keyframes quanta-shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-10px); }
    40%, 80% { transform: translateX(10px); }
}
.animate-shake {
    animation: quanta-shake 0.8s ease-in-out both;
}

@keyframes quanta-wiggle {
    0%, 100% { transform: rotate(0deg); }
    15% { transform: rotate(5deg); }
    30% { transform: rotate(-5deg); }
    45% { transform: rotate(3deg); }
    60% { transform: rotate(-3deg); }
    75% { transform: rotate(2deg); }
}
.animate-wiggle {
    animation: quanta-wiggle 1s ease-in-out both;
}

@keyframes quanta-zoom-in {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.animate-zoom-in {
    animation: quanta-zoom-in 0.5s ease-out both;
}

@keyframes quanta-zoom-out {
    from { transform: scale(1.2); opacity: 1; }
    to { transform: scale(1); opacity: 0; }
}
.animate-zoom-out {
    animation: quanta-zoom-out 0.5s ease-in both;
}

@keyframes quanta-heartbeat {
    0%, 40%, 80%, 100% { transform: scale(1); }
    20%, 60% { transform: scale(1.2); }
}
.animate-heartbeat {
    animation: quanta-heartbeat 1.2s ease-in-out infinite;
}

@keyframes quanta-ping {
    0% { transform: scale(1); opacity: 1; }
    75% { transform: scale(2); opacity: 0; }
    100% { transform: scale(2); opacity: 0; }
}
.animate-ping {
    animation: quanta-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* Animation Duration Utilities (Quanta CSS) */
.duration-75   { animation-duration: 0.075s !important; }
.duration-100  { animation-duration: 0.1s   !important; }
.duration-150  { animation-duration: 0.15s  !important; }
.duration-200  { animation-duration: 0.2s   !important; }
.duration-300  { animation-duration: 0.3s   !important; }
.duration-500  { animation-duration: 0.5s   !important; }
.duration-700  { animation-duration: 0.7s   !important; }
.duration-1000 { animation-duration: 1s     !important; }
.duration-1500 { animation-duration: 1.5s   !important; }
.duration-2000 { animation-duration: 2s     !important; }

.blur-none     { filter: blur(0); }
.blur-sm       { filter: blur(2px); }
.blur          { filter: blur(4px); }
.blur-md       { filter: blur(8px); }
.blur-lg       { filter: blur(12px); }
.blur-xl       { filter: blur(20px); }

.brightness-0   { filter: brightness(0); }
.brightness-50  { filter: brightness(0.5); }
.brightness-75  { filter: brightness(0.75); }
.brightness-90  { filter: brightness(0.9); }
.brightness-100 { filter: brightness(1); }
.brightness-125 { filter: brightness(1.25); }
.brightness-150 { filter: brightness(1.5); }
.brightness-200 { filter: brightness(2); }

.contrast-0   { filter: contrast(0); }
.contrast-50  { filter: contrast(0.5); }
.contrast-75  { filter: contrast(0.75); }
.contrast-100 { filter: contrast(1); }
.contrast-125 { filter: contrast(1.25); }
.contrast-150 { filter: contrast(1.5); }
.contrast-200 { filter: contrast(2); }

.grayscale-0   { filter: grayscale(0); }
.grayscale-100 { filter: grayscale(1); }

.hue-rotate-0   { filter: hue-rotate(0deg); }
.hue-rotate-45  { filter: hue-rotate(45deg); }
.hue-rotate-90  { filter: hue-rotate(90deg); }
.hue-rotate-180 { filter: hue-rotate(180deg); }

.invert-0   { filter: invert(0); }
.invert-100 { filter: invert(1); }

.saturate-0   { filter: saturate(0); }
.saturate-50  { filter: saturate(0.5); }
.saturate-100 { filter: saturate(1); }
.saturate-150 { filter: saturate(1.5); }
.saturate-200 { filter: saturate(2); }

.sepia-0   { filter: sepia(0); }
.sepia-100 { filter: sepia(1); }

.drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }

.mix-normal     { mix-blend-mode: normal; }
.mix-multiply   { mix-blend-mode: multiply; }
.mix-screen     { mix-blend-mode: screen; }
.mix-overlay    { mix-blend-mode: overlay; }
.mix-darken     { mix-blend-mode: darken; }
.mix-lighten    { mix-blend-mode: lighten; }
.mix-color-dodge   { mix-blend-mode: color-dodge; }
.mix-color-burn    { mix-blend-mode: color-burn; }
.mix-hard-light    { mix-blend-mode: hard-light; }
.mix-soft-light    { mix-blend-mode: soft-light; }
.mix-difference    { mix-blend-mode: difference; }
.mix-exclusion     { mix-blend-mode: exclusion; }
.mix-hue           { mix-blend-mode: hue; }
.mix-saturation    { mix-blend-mode: saturation; }
.mix-color         { mix-blend-mode: color; }
.mix-luminosity    { mix-blend-mode: luminosity; }

.bg-blend-normal        { background-blend-mode: normal; }
.bg-blend-multiply      { background-blend-mode: multiply; }
.bg-blend-screen        { background-blend-mode: screen; }
.bg-blend-overlay       { background-blend-mode: overlay; }
.bg-blend-darken        { background-blend-mode: darken; }
.bg-blend-lighten       { background-blend-mode: lighten; }
.bg-blend-color-dodge   { background-blend-mode: color-dodge; }
.bg-blend-color-burn    { background-blend-mode: color-burn; }
.bg-blend-hard-light    { background-blend-mode: hard-light; }
.bg-blend-soft-light    { background-blend-mode: soft-light; }
.bg-blend-difference    { background-blend-mode: difference; }
.bg-blend-exclusion     { background-blend-mode: exclusion; }
.bg-blend-hue           { background-blend-mode: hue; }
.bg-blend-saturation    { background-blend-mode: saturation; }
.bg-blend-color         { background-blend-mode: color; }
.bg-blend-luminosity    { background-blend-mode: luminosity; }

.object-contain { object-fit: contain; }
.object-cover   { object-fit: cover; }
.object-fill    { object-fit: fill; }
.object-none    { object-fit: none; }
.object-scale-down { object-fit: scale-down; }

.object-top       { object-position: top; }
.object-bottom    { object-position: bottom; }
.object-center    { object-position: center; }
.object-left      { object-position: left; }
.object-right     { object-position: right; }
.object-left-top  { object-position: left top; }
.object-right-top { object-position: right top; }
.object-left-bottom  { object-position: left bottom; }
.object-right-bottom { object-position: right bottom; }

.box-decoration-slice {
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice; /* for Safari */
}

.box-decoration-clone {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone; /* for Safari */
}

.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }

.list-style-image-none { list-style-image: none; }
.list-style-position-inside { list-style-position: inside; }
.list-style-position-outside { list-style-position: outside; }
.list-style-type-none { list-style-type: none; }
.list-style-type-disc { list-style-type: disc; }
.list-style-type-circle { list-style-type: circle; }
.list-style-type-square { list-style-type: square; }
.list-style-type-decimal { list-style-type: decimal; }
.list-style-type-lower_roman { list-style-type: lower-roman; }
.list-style-type-upper_roman { list-style-type: upper-roman; }
.list-style-type-lower_alpha { list-style-type: lower-alpha; }
.list-style-type-upper_alpha { list-style-type: upper-alpha; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-justify { text-align: justify; }
.backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
.perspective-none { perspective: none; }
.perspective-100 { perspective: 100px; }
.perspective-500 { perspective: 500px; }
.perspective-1000 { perspective: 1000px; }
.perspective-1500 { perspective: 1500px; }
.perspective-2000 { perspective: 2000px; }
.perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
.perspective-origin-bottom { perspective-origin: bottom; }
.perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
.perspective-origin-top_left { perspective-origin: top left; }
.perspective-origin-top_right { perspective-origin: top right; }
.perspective-origin-bottom_left { perspective-origin: bottom left; }
.perspective-origin-bottom_right { perspective-origin: bottom right; }
.transform { transform: var(--quanta-transform, none); }
.transform-none { transform: none; }
.rotate-n180 { transform: rotate(-180deg); }
.rotate-n90 { transform: rotate(-90deg); }
.rotate-n45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.skew-x-n45 { transform: skewX(-45deg); }
.skew-y-n45 { transform: skewY(-45deg); }
.skew-x-n30 { transform: skewX(-30deg); }
.skew-y-n30 { transform: skewY(-30deg); }
.skew-x-n15 { transform: skewX(-15deg); }
.skew-y-n15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
.translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.translate-x-0_125 { transform: translateX(0.125rem); }
.translate-y-0_125 { transform: translateY(0.125rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-0_75 { transform: translateX(0.75rem); }
.translate-y-0_75 { transform: translateY(0.75rem); }
.translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
.origin-right { transform-origin: right; }
.origin-top_left { transform-origin: top left; }
.origin-top_right { transform-origin: top right; }
.origin-bottom_left { transform-origin: bottom left; }
.origin-bottom_right { transform-origin: bottom right; }
.transform-style-flat { transform-style: flat; }
.transform-style-preserve-3d { transform-style: preserve-3d; }
/* Accent Color Utilities */
.accent-auto { accent-color: auto; }
.accent-transparent { accent-color: transparent; }
.accent-red-50 { accent-color: var(--quanta-red-50); }
.accent-red-100 { accent-color: var(--quanta-red-100); }
.accent-red-200 { accent-color: var(--quanta-red-200); }
.accent-red-300 { accent-color: var(--quanta-red-300); }
.accent-red-400 { accent-color: var(--quanta-red-400); }
.accent-red-500 { accent-color: var(--quanta-red-500); }
.accent-red-600 { accent-color: var(--quanta-red-600); }
.accent-red-700 { accent-color: var(--quanta-red-700); }
.accent-red-800 { accent-color: var(--quanta-red-800); }
.accent-red-900 { accent-color: var(--quanta-red-900); }
.accent-orange-50 { accent-color: var(--quanta-orange-50); }
.accent-orange-100 { accent-color: var(--quanta-orange-100); }
.accent-orange-200 { accent-color: var(--quanta-orange-200); }
.accent-orange-300 { accent-color: var(--quanta-orange-300); }
.accent-orange-400 { accent-color: var(--quanta-orange-400); }
.accent-orange-500 { accent-color: var(--quanta-orange-500); }
.accent-orange-600 { accent-color: var(--quanta-orange-600); }
.accent-orange-700 { accent-color: var(--quanta-orange-700); }
.accent-orange-800 { accent-color: var(--quanta-orange-800); }
.accent-orange-900 { accent-color: var(--quanta-orange-900); }
.accent-teal-50 { accent-color: var(--quanta-teal-50); }
.accent-teal-100 { accent-color: var(--quanta-teal-100); }
.accent-teal-200 { accent-color: var(--quanta-teal-200); }
.accent-teal-300 { accent-color: var(--quanta-teal-300); }
.accent-teal-400 { accent-color: var(--quanta-teal-400); }
.accent-teal-500 { accent-color: var(--quanta-teal-500); }
.accent-teal-600 { accent-color: var(--quanta-teal-600); }
.accent-teal-700 { accent-color: var(--quanta-teal-700); }
.accent-teal-800 { accent-color: var(--quanta-teal-800); }
.accent-teal-900 { accent-color: var(--quanta-teal-900); }
.accent-purple-50 { accent-color: var(--quanta-purple-50); }
.accent-purple-100 { accent-color: var(--quanta-purple-100); }
.accent-purple-200 { accent-color: var(--quanta-purple-200); }
.accent-purple-300 { accent-color: var(--quanta-purple-300); }
.accent-purple-400 { accent-color: var(--quanta-purple-400); }
.accent-purple-500 { accent-color: var(--quanta-purple-500); }
.accent-purple-600 { accent-color: var(--quanta-purple-600); }
.accent-purple-700 { accent-color: var(--quanta-purple-700); }
.accent-purple-800 { accent-color: var(--quanta-purple-800); }
.accent-purple-900 { accent-color: var(--quanta-purple-900); }
.accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.accent-pink-50 { accent-color: var(--quanta-pink-50); }
.accent-pink-100 { accent-color: var(--quanta-pink-100); }
.accent-pink-200 { accent-color: var(--quanta-pink-200); }
.accent-pink-300 { accent-color: var(--quanta-pink-300); }
.accent-pink-400 { accent-color: var(--quanta-pink-400); }
.accent-pink-500 { accent-color: var(--quanta-pink-500); }
.accent-pink-600 { accent-color: var(--quanta-pink-600); }
.accent-pink-700 { accent-color: var(--quanta-pink-700); }
.accent-pink-800 { accent-color: var(--quanta-pink-800); }
.accent-pink-900 { accent-color: var(--quanta-pink-900); }
.accent-grey-50 { accent-color: var(--quanta-grey-50); }
.accent-grey-100 { accent-color: var(--quanta-grey-100); }
.accent-grey-200 { accent-color: var(--quanta-grey-200); }
.accent-grey-300 { accent-color: var(--quanta-grey-300); }
.accent-grey-400 { accent-color: var(--quanta-grey-400); }
.accent-grey-500 { accent-color: var(--quanta-grey-500); }
.accent-grey-600 { accent-color: var(--quanta-grey-600); }
.accent-grey-700 { accent-color: var(--quanta-grey-700); }
.accent-grey-800 { accent-color: var(--quanta-grey-800); }
.accent-grey-900 { accent-color: var(--quanta-grey-900); }
.accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
.accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
.accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
.accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
.accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
.accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
.accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
.accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
.accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
.accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
.accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
.accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
.accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
.accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
.accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
.accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
.accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
.accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
.accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
.accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
.accent-lime-50 { accent-color: var(--quanta-lime-50); }
.accent-lime-100 { accent-color: var(--quanta-lime-100); }
.accent-lime-200 { accent-color: var(--quanta-lime-200); }
.accent-lime-300 { accent-color: var(--quanta-lime-300); }
.accent-lime-400 { accent-color: var(--quanta-lime-400); }
.accent-lime-500 { accent-color: var(--quanta-lime-500); }
.accent-lime-600 { accent-color: var(--quanta-lime-600); }
.accent-lime-700 { accent-color: var(--quanta-lime-700); }
.accent-lime-800 { accent-color: var(--quanta-lime-800); }
.accent-lime-900 { accent-color: var(--quanta-lime-900); }
.accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.accent-sky-50 { accent-color: var(--quanta-sky-50); }
.accent-sky-100 { accent-color: var(--quanta-sky-100); }
.accent-sky-200 { accent-color: var(--quanta-sky-200); }
.accent-sky-300 { accent-color: var(--quanta-sky-300); }
.accent-sky-400 { accent-color: var(--quanta-sky-400); }
.accent-sky-500 { accent-color: var(--quanta-sky-500); }
.accent-sky-600 { accent-color: var(--quanta-sky-600); }
.accent-sky-700 { accent-color: var(--quanta-sky-700); }
.accent-sky-800 { accent-color: var(--quanta-sky-800); }
.accent-sky-900 { accent-color: var(--quanta-sky-900); }
.accent-violet-50 { accent-color: var(--quanta-violet-50); }
.accent-violet-100 { accent-color: var(--quanta-violet-100); }
.accent-violet-200 { accent-color: var(--quanta-violet-200); }
.accent-violet-300 { accent-color: var(--quanta-violet-300); }
.accent-violet-400 { accent-color: var(--quanta-violet-400); }
.accent-violet-500 { accent-color: var(--quanta-violet-500); }
.accent-violet-600 { accent-color: var(--quanta-violet-600); }
.accent-violet-700 { accent-color: var(--quanta-violet-700); }
.accent-violet-800 { accent-color: var(--quanta-violet-800); }
.accent-violet-900 { accent-color: var(--quanta-violet-900); }
.accent-rose-50 { accent-color: var(--quanta-rose-50); }
.accent-rose-100 { accent-color: var(--quanta-rose-100); }
.accent-rose-200 { accent-color: var(--quanta-rose-200); }
.accent-rose-300 { accent-color: var(--quanta-rose-300); }
.accent-rose-400 { accent-color: var(--quanta-rose-400); }
.accent-rose-500 { accent-color: var(--quanta-rose-500); }
.accent-rose-600 { accent-color: var(--quanta-rose-600); }
.accent-rose-700 { accent-color: var(--quanta-rose-700); }
.accent-rose-800 { accent-color: var(--quanta-rose-800); }
.accent-rose-900 { accent-color: var(--quanta-rose-900); }
.accent-slate-50 { accent-color: var(--quanta-slate-50); }
.accent-slate-100 { accent-color: var(--quanta-slate-100); }
.accent-slate-200 { accent-color: var(--quanta-slate-200); }
.accent-slate-300 { accent-color: var(--quanta-slate-300); }
.accent-slate-400 { accent-color: var(--quanta-slate-400); }
.accent-slate-500 { accent-color: var(--quanta-slate-500); }
.accent-slate-600 { accent-color: var(--quanta-slate-600); }
.accent-slate-700 { accent-color: var(--quanta-slate-700); }
.accent-slate-800 { accent-color: var(--quanta-slate-800); }
.accent-slate-900 { accent-color: var(--quanta-slate-900); }
.accent-blue-50 { accent-color: var(--quanta-blue-50); }
.accent-blue-100 { accent-color: var(--quanta-blue-100); }
.accent-blue-200 { accent-color: var(--quanta-blue-200); }
.accent-blue-300 { accent-color: var(--quanta-blue-300); }
.accent-blue-400 { accent-color: var(--quanta-blue-400); }
.accent-blue-500 { accent-color: var(--quanta-blue-500); }
.accent-blue-600 { accent-color: var(--quanta-blue-600); }
.accent-blue-700 { accent-color: var(--quanta-blue-700); }
.accent-blue-800 { accent-color: var(--quanta-blue-800); }
.accent-blue-900 { accent-color: var(--quanta-blue-900); }
.accent-green-50 { accent-color: var(--quanta-green-50); }
.accent-green-100 { accent-color: var(--quanta-green-100); }
.accent-green-200 { accent-color: var(--quanta-green-200); }
.accent-green-300 { accent-color: var(--quanta-green-300); }
.accent-green-400 { accent-color: var(--quanta-green-400); }
.accent-green-500 { accent-color: var(--quanta-green-500); }
.accent-green-600 { accent-color: var(--quanta-green-600); }
.accent-green-700 { accent-color: var(--quanta-green-700); }
.accent-green-800 { accent-color: var(--quanta-green-800); }
.accent-green-900 { accent-color: var(--quanta-green-900); }
.appearance-none { appearance: none; }
.appearance-auto { appearance: auto; }
/* Caret Color Utilities */
.caret-red-50 { caret-color: var(--quanta-red-50); }
.caret-red-100 { caret-color: var(--quanta-red-100); }
.caret-red-200 { caret-color: var(--quanta-red-200); }
.caret-red-300 { caret-color: var(--quanta-red-300); }
.caret-red-400 { caret-color: var(--quanta-red-400); }
.caret-red-500 { caret-color: var(--quanta-red-500); }
.caret-red-600 { caret-color: var(--quanta-red-600); }
.caret-red-700 { caret-color: var(--quanta-red-700); }
.caret-red-800 { caret-color: var(--quanta-red-800); }
.caret-red-900 { caret-color: var(--quanta-red-900); }
.caret-orange-50 { caret-color: var(--quanta-orange-50); }
.caret-orange-100 { caret-color: var(--quanta-orange-100); }
.caret-orange-200 { caret-color: var(--quanta-orange-200); }
.caret-orange-300 { caret-color: var(--quanta-orange-300); }
.caret-orange-400 { caret-color: var(--quanta-orange-400); }
.caret-orange-500 { caret-color: var(--quanta-orange-500); }
.caret-orange-600 { caret-color: var(--quanta-orange-600); }
.caret-orange-700 { caret-color: var(--quanta-orange-700); }
.caret-orange-800 { caret-color: var(--quanta-orange-800); }
.caret-orange-900 { caret-color: var(--quanta-orange-900); }
.caret-teal-50 { caret-color: var(--quanta-teal-50); }
.caret-teal-100 { caret-color: var(--quanta-teal-100); }
.caret-teal-200 { caret-color: var(--quanta-teal-200); }
.caret-teal-300 { caret-color: var(--quanta-teal-300); }
.caret-teal-400 { caret-color: var(--quanta-teal-400); }
.caret-teal-500 { caret-color: var(--quanta-teal-500); }
.caret-teal-600 { caret-color: var(--quanta-teal-600); }
.caret-teal-700 { caret-color: var(--quanta-teal-700); }
.caret-teal-800 { caret-color: var(--quanta-teal-800); }
.caret-teal-900 { caret-color: var(--quanta-teal-900); }
.caret-purple-50 { caret-color: var(--quanta-purple-50); }
.caret-purple-100 { caret-color: var(--quanta-purple-100); }
.caret-purple-200 { caret-color: var(--quanta-purple-200); }
.caret-purple-300 { caret-color: var(--quanta-purple-300); }
.caret-purple-400 { caret-color: var(--quanta-purple-400); }
.caret-purple-500 { caret-color: var(--quanta-purple-500); }
.caret-purple-600 { caret-color: var(--quanta-purple-600); }
.caret-purple-700 { caret-color: var(--quanta-purple-700); }
.caret-purple-800 { caret-color: var(--quanta-purple-800); }
.caret-purple-900 { caret-color: var(--quanta-purple-900); }
.caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.caret-pink-50 { caret-color: var(--quanta-pink-50); }
.caret-pink-100 { caret-color: var(--quanta-pink-100); }
.caret-pink-200 { caret-color: var(--quanta-pink-200); }
.caret-pink-300 { caret-color: var(--quanta-pink-300); }
.caret-pink-400 { caret-color: var(--quanta-pink-400); }
.caret-pink-500 { caret-color: var(--quanta-pink-500); }
.caret-pink-600 { caret-color: var(--quanta-pink-600); }
.caret-pink-700 { caret-color: var(--quanta-pink-700); }
.caret-pink-800 { caret-color: var(--quanta-pink-800); }
.caret-pink-900 { caret-color: var(--quanta-pink-900); }
.caret-grey-50 { caret-color: var(--quanta-grey-50); }
.caret-grey-100 { caret-color: var(--quanta-grey-100); }
.caret-grey-200 { caret-color: var(--quanta-grey-200); }
.caret-grey-300 { caret-color: var(--quanta-grey-300); }
.caret-grey-400 { caret-color: var(--quanta-grey-400); }
.caret-grey-500 { caret-color: var(--quanta-grey-500); }
.caret-grey-600 { caret-color: var(--quanta-grey-600); }
.caret-grey-700 { caret-color: var(--quanta-grey-700); }
.caret-grey-800 { caret-color: var(--quanta-grey-800); }
.caret-grey-900 { caret-color: var(--quanta-grey-900); }
.caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
.caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
.caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
.caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
.caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
.caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
.caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
.caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
.caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
.caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
.caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
.caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
.caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
.caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
.caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
.caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
.caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
.caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
.caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
.caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
.caret-lime-50 { caret-color: var(--quanta-lime-50); }
.caret-lime-100 { caret-color: var(--quanta-lime-100); }
.caret-lime-200 { caret-color: var(--quanta-lime-200); }
.caret-lime-300 { caret-color: var(--quanta-lime-300); }
.caret-lime-400 { caret-color: var(--quanta-lime-400); }
.caret-lime-500 { caret-color: var(--quanta-lime-500); }
.caret-lime-600 { caret-color: var(--quanta-lime-600); }
.caret-lime-700 { caret-color: var(--quanta-lime-700); }
.caret-lime-800 { caret-color: var(--quanta-lime-800); }
.caret-lime-900 { caret-color: var(--quanta-lime-900); }
.caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.caret-sky-50 { caret-color: var(--quanta-sky-50); }
.caret-sky-100 { caret-color: var(--quanta-sky-100); }
.caret-sky-200 { caret-color: var(--quanta-sky-200); }
.caret-sky-300 { caret-color: var(--quanta-sky-300); }
.caret-sky-400 { caret-color: var(--quanta-sky-400); }
.caret-sky-500 { caret-color: var(--quanta-sky-500); }
.caret-sky-600 { caret-color: var(--quanta-sky-600); }
.caret-sky-700 { caret-color: var(--quanta-sky-700); }
.caret-sky-800 { caret-color: var(--quanta-sky-800); }
.caret-sky-900 { caret-color: var(--quanta-sky-900); }
.caret-violet-50 { caret-color: var(--quanta-violet-50); }
.caret-violet-100 { caret-color: var(--quanta-violet-100); }
.caret-violet-200 { caret-color: var(--quanta-violet-200); }
.caret-violet-300 { caret-color: var(--quanta-violet-300); }
.caret-violet-400 { caret-color: var(--quanta-violet-400); }
.caret-violet-500 { caret-color: var(--quanta-violet-500); }
.caret-violet-600 { caret-color: var(--quanta-violet-600); }
.caret-violet-700 { caret-color: var(--quanta-violet-700); }
.caret-violet-800 { caret-color: var(--quanta-violet-800); }
.caret-violet-900 { caret-color: var(--quanta-violet-900); }
.caret-rose-50 { caret-color: var(--quanta-rose-50); }
.caret-rose-100 { caret-color: var(--quanta-rose-100); }
.caret-rose-200 { caret-color: var(--quanta-rose-200); }
.caret-rose-300 { caret-color: var(--quanta-rose-300); }
.caret-rose-400 { caret-color: var(--quanta-rose-400); }
.caret-rose-500 { caret-color: var(--quanta-rose-500); }
.caret-rose-600 { caret-color: var(--quanta-rose-600); }
.caret-rose-700 { caret-color: var(--quanta-rose-700); }
.caret-rose-800 { caret-color: var(--quanta-rose-800); }
.caret-rose-900 { caret-color: var(--quanta-rose-900); }
.caret-slate-50 { caret-color: var(--quanta-slate-50); }
.caret-slate-100 { caret-color: var(--quanta-slate-100); }
.caret-slate-200 { caret-color: var(--quanta-slate-200); }
.caret-slate-300 { caret-color: var(--quanta-slate-300); }
.caret-slate-400 { caret-color: var(--quanta-slate-400); }
.caret-slate-500 { caret-color: var(--quanta-slate-500); }
.caret-slate-600 { caret-color: var(--quanta-slate-600); }
.caret-slate-700 { caret-color: var(--quanta-slate-700); }
.caret-slate-800 { caret-color: var(--quanta-slate-800); }
.caret-slate-900 { caret-color: var(--quanta-slate-900); }
.caret-blue-50 { caret-color: var(--quanta-blue-50); }
.caret-blue-100 { caret-color: var(--quanta-blue-100); }
.caret-blue-200 { caret-color: var(--quanta-blue-200); }
.caret-blue-300 { caret-color: var(--quanta-blue-300); }
.caret-blue-400 { caret-color: var(--quanta-blue-400); }
.caret-blue-500 { caret-color: var(--quanta-blue-500); }
.caret-blue-600 { caret-color: var(--quanta-blue-600); }
.caret-blue-700 { caret-color: var(--quanta-blue-700); }
.caret-blue-800 { caret-color: var(--quanta-blue-800); }
.caret-blue-900 { caret-color: var(--quanta-blue-900); }
.caret-green-50 { caret-color: var(--quanta-green-50); }
.caret-green-100 { caret-color: var(--quanta-green-100); }
.caret-green-200 { caret-color: var(--quanta-green-200); }
.caret-green-300 { caret-color: var(--quanta-green-300); }
.caret-green-400 { caret-color: var(--quanta-green-400); }
.caret-green-500 { caret-color: var(--quanta-green-500); }
.caret-green-600 { caret-color: var(--quanta-green-600); }
.caret-green-700 { caret-color: var(--quanta-green-700); }
.caret-green-800 { caret-color: var(--quanta-green-800); }
.caret-green-900 { caret-color: var(--quanta-green-900); }
.caret-black { caret-color: var(--black); }
.caret-white { caret-color: var(--white); }
.color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
.resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
.resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0rem; }
.scroll-p-0 { scroll-padding: 0rem; }
.scroll-m-0_125 { scroll-margin: 0.125rem; }
.scroll-p-0_125 { scroll-padding: 0.125rem; }
.scroll-m-0_25 { scroll-margin: 0.25rem; }
.scroll-p-0_25 { scroll-padding: 0.25rem; }
.scroll-m-0_5 { scroll-margin: 0.5rem; }
.scroll-p-0_5 { scroll-padding: 0.5rem; }
.scroll-m-0_75 { scroll-margin: 0.75rem; }
.scroll-p-0_75 { scroll-padding: 0.75rem; }
.scroll-m-1 { scroll-margin: 1rem; }
.scroll-p-1 { scroll-padding: 1rem; }
.scroll-m-1_5 { scroll-margin: 1.5rem; }
.scroll-p-1_5 { scroll-padding: 1.5rem; }
.scroll-m-2 { scroll-margin: 2rem; }
.scroll-p-2 { scroll-padding: 2rem; }
.scroll-m-3 { scroll-margin: 3rem; }
.scroll-p-3 { scroll-padding: 3rem; }
.scroll-m-4 { scroll-margin: 4rem; }
.scroll-p-4 { scroll-padding: 4rem; }
.snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
.snap-align-end { scroll-snap-align: end; }
.snap-align-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.touch-pan_x { touch-action: pan-x; }
.touch-pan_y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
.select-none { user-select: none; }
.select-text { user-select: text; }
.select-all { user-select: all; }
.select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }

/* =============================================================================
   UI & INTERACTIVITY (Section 12)
============================================================================= */

/* =============================================================================
   12. UI & INTERACTIVITY
============================================================================= */

/* Color Scheme */
.color-scheme-light   { color-scheme: light; }
.color-scheme-dark    { color-scheme: dark; }
.color-scheme-normal  { color-scheme: normal; }

/* Cursors */
.cursor-auto          { cursor: auto; }
.cursor-default       { cursor: default; }
.cursor-pointer       { cursor: pointer; }
.cursor-wait          { cursor: wait; }
.cursor-text          { cursor: text; }
.cursor-move          { cursor: move; }
.cursor-not-allowed   { cursor: not-allowed; }
.cursor-none          { cursor: none; }

/* Pointer Events */
.pointer-events-none  { pointer-events: none; }
.pointer-events-auto  { pointer-events: auto; }

/* Resize */
.resize-none          { resize: none; }
.resize-x             { resize: horizontal; }
.resize-y             { resize: vertical; }
.resize               { resize: both; }

/* Scroll Behavior */
.scroll-auto          { scroll-behavior: auto; }
.scroll-smooth        { scroll-behavior: smooth; }

/* Scroll Margin & Padding */
.scroll-m-0           { scroll-margin: 0; }
.scroll-m-1           { scroll-margin: 0.25rem; }
.scroll-m-2           { scroll-margin: 0.5rem; }
.scroll-m-4           { scroll-margin: 1rem; }
.scroll-m-8           { scroll-margin: 2rem; }
/* ... add additional values as needed ... */

.scroll-p-0           { scroll-padding: 0; }
.scroll-p-1           { scroll-padding: 0.25rem; }
.scroll-p-2           { scroll-padding: 0.5rem; }
.scroll-p-4           { scroll-padding: 1rem; }
.scroll-p-8           { scroll-padding: 2rem; }
/* ... add additional values as needed ... */

/* Scroll Snap */
.snap-x               { scroll-snap-type: x mandatory; }
.snap-y               { scroll-snap-type: y mandatory; }
.snap-both            { scroll-snap-type: both mandatory; }
.snap-align-start     { scroll-snap-align: start; }
.snap-align-center    { scroll-snap-align: center; }
.snap-align-end       { scroll-snap-align: end; }
.snap-align-none      { scroll-snap-align: none; }
.snap-stop-normal     { scroll-snap-stop: normal; }
.snap-stop-always     { scroll-snap-stop: always; }

/* Touch Action */
.touch-auto           { touch-action: auto; }
.touch-none           { touch-action: none; }
.touch-pan-x          { touch-action: pan-x; }
.touch-pan-y          { touch-action: pan-y; }
.touch-manipulation   { touch-action: manipulation; }

/* User Select */
.select-auto          { user-select: auto; }
.select-none          { user-select: none; }
.select-text          { user-select: text; }
.select-all           { user-select: all; }
.select-contain       { user-select: contain; }

/* Will Change */
.will-change-auto     { will-change: auto; }
.will-change-scroll   { will-change: scroll; }
.will-change-transform{ will-change: transform; }
.will-change-opacity  { will-change: opacity; }
.will-change-contents { will-change: contents; }

/* Field Sizing */
.field-sizing-auto    { block-size: auto; inline-size: auto; }
.field-sizing-fill    { block-size: 100%; inline-size: 100%; }
.field-sizing-min     { block-size: min-content; inline-size: min-content; }
.field-sizing-max     { block-size: max-content; inline-size: max-content; }


/* =============================================================================
   2. ADVANCED LAYOUT UTILITIES
============================================================================= */

/* Aspect Ratio */
.aspect-auto       { aspect-ratio: auto; }
.aspect-square     { aspect-ratio: 1 / 1; }
.aspect-video      { aspect-ratio: 16 / 9; }
.aspect-ar_4_3     { aspect-ratio: 4 / 3; }

/* Isolation */
.isolation-auto    { isolation: auto; }
.isolation-isolate { isolation: isolate; }

/* Containment */
.contain-none      { contain: none; }
.contain-layout    { contain: layout; }
.contain-size      { contain: size; }
.contain-style     { contain: style; }
.contain-paint     { contain: paint; }
.contain-content   { contain: content; }

/* Content Visibility */
.content-auto      { content-visibility: auto; }
.content-hidden    { content-visibility: hidden; }
.content-visible   { content-visibility: visible; }

/* Box Sizing */
.box-border        { box-sizing: border-box; }
.box-content       { box-sizing: content-box; }

/* Clip Path */
.clip-none         { clip-path: none; }
.clip-circle       { clip-path: circle(50% at 50% 50%); }
.clip-ellipse      { clip-path: ellipse(50% 25% at 50% 50%); }
.clip-inset        { clip-path: inset(0); }
.clip-triangle     { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }

/* Logical Properties (example scale 1rem, 2rem) */
.margin-block-start-1 { margin-block-start: 1rem; }
.margin-block-end-1   { margin-block-end: 1rem; }
.margin-inline-start-1{ margin-inline-start: 1rem; }
.margin-inline-end-1  { margin-inline-end: 1rem; }
.padding-block-start-1{ padding-block-start: 1rem; }
.padding-block-end-1  { padding-block-end: 1rem; }
.padding-inline-start-1{ padding-inline-start: 1rem; }
.padding-inline-end-1  { padding-inline-end: 1rem; }

/* =============================================================================
   3. TRANSFORMS & TRANSITIONS (additional)
============================================================================= */

/* Transition Properties */
.transition-all      { transition-property: all; }
.transition-colors   { transition-property: color, background-color, border-color, fill, stroke; }
.transition-opacity  { transition-property: opacity; }
.transition-shadow   { transition-property: box-shadow; }
.transition-transform{ transition-property: transform; }

/* Transition Durations */
.duration-75  { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.duration-1000{ transition-duration: 1000ms; }

/* Timing Functions */
.ease-linear     { transition-timing-function: linear; }
.ease-in         { transition-timing-function: ease-in; }
.ease-out        { transition-timing-function: ease-out; }
.ease-in-out     { transition-timing-function: ease-in-out; }

/* =============================================================================
   5. FILTERS & EFFECTS
============================================================================= */

.filter-none      { filter: none; }
.blur-sm          { filter: blur(2px); }
.blur            { filter: blur(4px); }
.blur-md         { filter: blur(8px); }
.blur-lg         { filter: blur(12px); }
.blur-xl         { filter: blur(20px); }

.brightness-50    { filter: brightness(0.5); }
.brightness-100   { filter: brightness(1); }
.brightness-150   { filter: brightness(1.5); }
.contrast-50      { filter: contrast(0.5); }
.contrast-100     { filter: contrast(1); }

.grayscale        { filter: grayscale(1); }
.sepia            { filter: sepia(1); }
.saturate-150     { filter: saturate(1.5); }
.hue-rotate-90    { filter: hue-rotate(90deg); }

/* =============================================================================
   6. ACCESSIBILITY HELPERS
============================================================================= */

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

/* =============================================================================
   7. GRID EXTENSIONS
============================================================================= */

/* Grid Auto Flow */
.grid-flow-row         { grid-auto-flow: row; }
.grid-flow-col         { grid-auto-flow: column; }
.grid-flow-row-dense   { grid-auto-flow: row dense; }
.grid-flow-col-dense   { grid-auto-flow: column dense; }

/* Dynamic Columns via CSS Variable */
.grid-cols-auto        { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }

/* =============================================================================
   ADVANCED UTILITIES (Sections 12–18)
============================================================================= */

/* -----------------------------------------------------------------------------
   12. Transitions & Animation
----------------------------------------------------------------------------- */
/* Transition Property */
.transition-none      { transition-property: none; }
.transition-all       { transition-property: all; }
.transition-colors    { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.transition-opacity   { transition-property: opacity; }
.transition-shadow    { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }

/* Transition Duration */
.duration-75   { transition-duration: 75ms; }
.duration-150  { transition-duration: 150ms; }
.duration-300  { transition-duration: 300ms; }
.duration-500  { transition-duration: 500ms; }
.duration-700  { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }

/* Transition Timing Function */
.ease-linear      { transition-timing-function: linear; }
.ease-in          { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.ease-out         { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.ease-in-out      { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }

/* Keyframes + Animate */

@keyframes fade     { from { opacity: 0; } to { opacity: 1; } }

@keyframes slide-in { from { transform: translateY(10px); } to { transform: translateY(0); } }

@keyframes spin     { to { transform: rotate(360deg); } }

.animate-none       { animation: none; }
.animate-fade       { animation: fade 300ms ease-out both; }
.animate-slide-in   { animation: slide-in 500ms ease-out both; }
.animate-spin       { animation: spin 1s linear infinite; }


/* -----------------------------------------------------------------------------
   13. Transforms & Perspective
----------------------------------------------------------------------------- */
/* Base */
.transform          { transform: var(--quanta-transform, none); }
.transform-none     { transform: none; }

/* Scale */
.scale-50   { --quanta-transform: scale(0.5); }
.scale-75   { --quanta-transform: scale(0.75); }
.scale-90   { --quanta-transform: scale(0.9); }
.scale-100  { --quanta-transform: scale(1); }
.scale-105  { --quanta-transform: scale(1.05); }
.scale-110  { --quanta-transform: scale(1.1); }
.scale-125  { --quanta-transform: scale(1.25); }
.scale-150  { --quanta-transform: scale(1.5); }

/* Translate */
.translate-x-0   { --quanta-transform: translateX(0); }
.translate-x-1   { --quanta-transform: translateX(0.25rem); }
.translate-x-2   { --quanta-transform: translateX(0.5rem); }
.translate-x-4   { --quanta-transform: translateX(1rem); }
.translate-x-8   { --quanta-transform: translateX(2rem); }
.translate-y-0   { --quanta-transform: translateY(0); }
.translate-y-1   { --quanta-transform: translateY(0.25rem); }
.translate-y-2   { --quanta-transform: translateY(0.5rem); }
.translate-y-4   { --quanta-transform: translateY(1rem); }
.translate-y-8   { --quanta-transform: translateY(2rem); }

/* Rotate */
.rotate-0   { --quanta-transform: rotate(0deg); }
.rotate-45  { --quanta-transform: rotate(45deg); }
.rotate-90  { --quanta-transform: rotate(90deg); }
.rotate-180 { --quanta-transform: rotate(180deg); }

/* Skew */
.skew-x-0  { --quanta-transform: skewX(0); }
.skew-x-3  { --quanta-transform: skewX(3deg); }
.skew-x-6  { --quanta-transform: skewX(6deg); }
.skew-y-0  { --quanta-transform: skewY(0); }
.skew-y-3  { --quanta-transform: skewY(3deg); }
.skew-y-6  { --quanta-transform: skewY(6deg); }

/* Transform Origin */
.origin-center  { transform-origin: center; }
.origin-top     { transform-origin: top; }
.origin-right   { transform-origin: right; }
.origin-bottom  { transform-origin: bottom; }
.origin-left    { transform-origin: left; }

/* Perspective */
.perspective-none { perspective: none; }
.perspective-sm   { perspective: 400px; }
.perspective-md   { perspective: 800px; }
.perspective-lg   { perspective: 1200px; }
.perspective-xl   { perspective: 1600px; }

.perspective-origin-center { perspective-origin: center; }
.perspective-origin-top    { perspective-origin: top; }
.perspective-origin-left   { perspective-origin: left; }
.perspective-origin-right  { perspective-origin: right; }
.perspective-origin-bottom { perspective-origin: bottom; }

.backface-visible   { backface-visibility: visible; }
.backface-hidden    { backface-visibility: hidden; }
.transform-style-flat       { transform-style: flat; }
.transform-style-preserve   { transform-style: preserve-3d; }


/* -----------------------------------------------------------------------------
   14. Filters & Blend Modes
----------------------------------------------------------------------------- */
/* Filters */
.filter-none          { filter: none; }
.filter-grayscale     { filter: grayscale(100%); }
.filter-blur          { filter: blur(4px); }
.filter-brightness-50 { filter: brightness(0.5); }
.filter-contrast-125  { filter: contrast(1.25); }
.filter-saturate-150  { filter: saturate(1.5); }
.filter-sepia         { filter: sepia(100%); }
.filter-hue-rotate-90 { filter: hue-rotate(90deg); }

/* Backdrop Filters */
.backdrop-filter-none      { backdrop-filter: none; }
.backdrop-blur            { backdrop-filter: blur(4px); }

/* Blend Modes */
.bg-blend-normal    { background-blend-mode: normal; }
.bg-blend-multiply  { background-blend-mode: multiply; }
.bg-blend-screen    { background-blend-mode: screen; }
.bg-blend-overlay   { background-blend-mode: overlay; }
.bg-blend-darken    { background-blend-mode: darken; }
.bg-blend-lighten   { background-blend-mode: lighten; }
.mix-blend-normal   { mix-blend-mode: normal; }
.mix-blend-multiply { mix-blend-mode: multiply; }
.mix-blend-screen   { mix-blend-mode: screen; }
.mix-blend-overlay  { mix-blend-mode: overlay; }

/* -----------------------------------------------------------------------------
   15. Box-model Extras
----------------------------------------------------------------------------- */
/* Box Decoration Break */
.decoration-slice { box-decoration-break: slice; }
.decoration-clone { box-decoration-break: clone; }

/* Box Sizing */
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }

.break-after-auto      { break-after: auto; }
.break-after-avoid     { break-after: avoid; }
.break-after-all       { break-after: all; }
.break-after-avoid-page { break-after: avoid-page; }
.break-after-page      { break-after: page; }
.break-after-left      { break-after: left; }
.break-after-right     { break-after: right; }
.break-after-column    { break-after: column; }

.break-before-auto      { break-before: auto; }
.break-before-avoid     { break-before: avoid; }
.break-before-all       { break-before: all; }
.break-before-avoid-page { break-before: avoid-page; }
.break-before-page      { break-before: page; }
.break-before-left      { break-before: left; }
.break-before-right     { break-before: right; }
.break-before-column    { break-before: column; }

.break-inside-auto    { break-inside: auto; }
.break-inside-avoid   { break-inside: avoid; }
.break-inside-avoid-page { break-inside: avoid-page; }
.break-inside-avoid-column { break-inside: avoid-column; }

/* Clip Path */
.clip-none      { clip-path: none; }
.clip-circle    { clip-path: circle(50%); }
.clip-ellipse   { clip-path: ellipse(50% 75%); }
.clip-inset     { clip-path: inset(10%); }
.clip-polygon   { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }

/* Outline & Ring */
.outline-none   { outline: none; }
.outline-solid  { outline-style: solid; }
.outline-dashed { outline-style: dashed; }
.outline-offset-0 { outline-offset: 0; }
.outline-offset-2 { outline-offset: 2px; }
.outline-offset-4 { outline-offset: 4px; }

/* Box Shadows */
.shadow-none    { box-shadow: none; }
.shadow-sm      { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow         { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.shadow-md      { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.shadow-lg      { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.shadow-xl      { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.shadow-2xl     { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }

.shadow-sm-color      { box-shadow: 0 1px 2px var(--shadow-color); }
.shadow-color         { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.shadow-md-color     { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.shadow-lg-color      { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.shadow-xl-color      { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.shadow-2xl-color     { box-shadow: 0 25px 50px var(--shadow-color); }

/* Accent & Appearance */
.accent-auto      { accent-color: auto; }
.accent-current   { accent-color: currentColor; }
.appearance-none  { appearance: none; }

/* -----------------------------------------------------------------------------
   16. Accessibility & UX Helpers
----------------------------------------------------------------------------- */
/* Screen readers */
.sr-only         { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.not-sr-only     { position: static; width: auto; height: auto; overflow: visible; clip: auto; }

/* Cursor */
.cursor-auto       { cursor: auto; }
.cursor-pointer    { cursor: pointer; }
.cursor-default    { cursor: default; }
.cursor-wait       { cursor: wait; }
.cursor-text       { cursor: text; }
.cursor-move       { cursor: move; }
.cursor-not-allowed{ cursor: not-allowed; }

/* Pointer events */
.pointer-events-auto   { pointer-events: auto; }
.pointer-events-none   { pointer-events: none; }

/* -----------------------------------------------------------------------------
   17. Miscellaneous Utilities
----------------------------------------------------------------------------- */
/* Resize */
.resize-none   { resize: none; }
.resize-y      { resize: vertical; }
.resize-x      { resize: horizontal; }
.resize        { resize: both; }

/* Scroll behavior */
.scroll-auto    { scroll-behavior: auto; }
.scroll-smooth  { scroll-behavior: smooth; }

/* Scroll margin */
.scroll-m-0    { scroll-margin: 0; }
.scroll-m-1    { scroll-margin: 0.25rem; }
.scroll-m-2    { scroll-margin: 0.5rem; }
.scroll-m-4    { scroll-margin: 1rem; }
.scroll-m-8    { scroll-margin: 2rem; }
.scroll-p-0    { scroll-padding: 0; }
.scroll-p-1    { scroll-padding: 0.25rem; }
.scroll-p-2    { scroll-padding: 0.5rem; }
.scroll-p-4    { scroll-padding: 1rem; }
.scroll-p-8    { scroll-padding: 2rem; }

/* Global */
.overscroll-auto    { overscroll-behavior: auto; }
.overscroll-contain { overscroll-behavior: contain; }
.overscroll-none    { overscroll-behavior: none; }

/* X-axis only */
.overscroll-x-auto    { overscroll-behavior-x: auto; }
.overscroll-x-contain { overscroll-behavior-x: contain; }
.overscroll-x-none    { overscroll-behavior-x: none; }

/* Y-axis only */
.overscroll-y-auto    { overscroll-behavior-y: auto; }
.overscroll-y-contain { overscroll-behavior-y: contain; }
.overscroll-y-none    { overscroll-behavior-y: none; }


/* -----------------------------------------------------------------------------
   18. Utilities You Requested
----------------------------------------------------------------------------- */
/* Touch action */
.touch-auto       { touch-action: auto; }
.touch-none       { touch-action: none; }
.touch-pan-x      { touch-action: pan-x; }
.touch-pan-y      { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }

/* User select */
.select-none   { user-select: none; }
.select-text   { user-select: text; }
.select-all    { user-select: all; }
.select-auto   { user-select: auto; }

/* Will change */
.will-change-auto      { will-change: auto; }
.will-change-scroll    { will-change: scroll-position; }
.will-change-transform { will-change: transform; }
.will-change-opacity   { will-change: opacity; }

/* ─── Semantic Backgrounds ─────────────────────────── */
.bg-primary      { background-color: var(--quanta-primary); }
.bg-secondary    { background-color: var(--quanta-bg-secondary); }
.bg-success      { background-color: var(--quanta-bg-success); }
.bg-warning      { background-color: var(--quanta-bg-warning); }
.bg-danger       { background-color: var(--quanta-bg-danger); }
.bg-info         { background-color: var(--quanta-bg-info); }
.bg-neutral      { background-color: var(--quanta-bg-neutral); }
.bg-accent       { background-color: var(--quanta-bg-accent); }
.bg-ghost        { background-color: var(--quanta-bg-ghost); }
.bg-link         { background-color: var(--quanta-text-link); }

/* ─── Semantic Text Colors ─────────────────────────── */
.text-primary      { color: var(--quanta-primary); }
.text-secondary    { color: var(--quanta-text-secondary); }
.text-success      { color: var(--quanta-text-success); }
.text-warning      { color: var(--quanta-text-warning); }
.text-danger       { color: var(--quanta-text-danger); }
.text-info         { color: var(--quanta-text-info); }
.text-neutral      { color: var(--quanta-text-neutral); }
.text-accent       { color: var(--quanta-text-accent); }
.text-ghost        { color: var(--quanta-text-ghost); }
.text-link         { color: var(--quanta-text-link); }

/* ─── Semantic Border Colors ───────────────────────── */
.border-primary      { border-color: var(--quanta-border-primary); }
.border-secondary    { border-color: var(--quanta-border-secondary); }
.border-success      { border-color: var(--quanta-border-success); }
.border-warning      { border-color: var(--quanta-border-warning); }
.border-danger       { border-color: var(--quanta-border-danger); }
.border-info         { border-color: var(--quanta-border-info); }
.border-neutral      { border-color: var(--quanta-border-neutral); }
.border-accent       { border-color: var(--quanta-border-accent); }
.border-ghost        { border-color: var(--quanta-border-ghost); }
.border-link         { border-color: var(--quanta-text-link); }

/* Quanta CSS Variants - Auto Generated */
/* Base Classes */
.group { position: relative; }
.p-auto { padding: auto; }
html[data-theme="dark"] .dark-p-auto { padding: auto; }
.hover-p-auto:hover { padding: auto; }
html[data-theme="dark"] .dark-hover-p-auto:hover { padding: auto; }
.focus-p-auto:focus { padding: auto; }
html[data-theme="dark"] .dark-focus-p-auto:focus { padding: auto; }
.active-p-auto:active { padding: auto; }
html[data-theme="dark"] .dark-active-p-auto:active { padding: auto; }
.disabled-p-auto:disabled { padding: auto; }
html[data-theme="dark"] .dark-disabled-p-auto:disabled { padding: auto; }
.focus-visible-p-auto:focus-visible { padding: auto; }
html[data-theme="dark"] .dark-focus-visible-p-auto:focus-visible { padding: auto; }
.focus-within-p-auto:focus-within { padding: auto; }
html[data-theme="dark"] .dark-focus-within-p-auto:focus-within { padding: auto; }
.group:hover .group-hover-p-auto { padding: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-auto { padding: auto; }
.p-0 { padding: 0; }
html[data-theme="dark"] .dark-p-0 { padding: 0; }
.hover-p-0:hover { padding: 0; }
html[data-theme="dark"] .dark-hover-p-0:hover { padding: 0; }
.focus-p-0:focus { padding: 0; }
html[data-theme="dark"] .dark-focus-p-0:focus { padding: 0; }
.active-p-0:active { padding: 0; }
html[data-theme="dark"] .dark-active-p-0:active { padding: 0; }
.disabled-p-0:disabled { padding: 0; }
html[data-theme="dark"] .dark-disabled-p-0:disabled { padding: 0; }
.focus-visible-p-0:focus-visible { padding: 0; }
html[data-theme="dark"] .dark-focus-visible-p-0:focus-visible { padding: 0; }
.focus-within-p-0:focus-within { padding: 0; }
html[data-theme="dark"] .dark-focus-within-p-0:focus-within { padding: 0; }
.group:hover .group-hover-p-0 { padding: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
html[data-theme="dark"] .dark-p-1 { padding: 0.25rem; }
.hover-p-1:hover { padding: 0.25rem; }
html[data-theme="dark"] .dark-hover-p-1:hover { padding: 0.25rem; }
.focus-p-1:focus { padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-p-1:focus { padding: 0.25rem; }
.active-p-1:active { padding: 0.25rem; }
html[data-theme="dark"] .dark-active-p-1:active { padding: 0.25rem; }
.disabled-p-1:disabled { padding: 0.25rem; }
html[data-theme="dark"] .dark-disabled-p-1:disabled { padding: 0.25rem; }
.focus-visible-p-1:focus-visible { padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-p-1:focus-visible { padding: 0.25rem; }
.focus-within-p-1:focus-within { padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-p-1:focus-within { padding: 0.25rem; }
.group:hover .group-hover-p-1 { padding: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
html[data-theme="dark"] .dark-p-2 { padding: 0.5rem; }
.hover-p-2:hover { padding: 0.5rem; }
html[data-theme="dark"] .dark-hover-p-2:hover { padding: 0.5rem; }
.focus-p-2:focus { padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-p-2:focus { padding: 0.5rem; }
.active-p-2:active { padding: 0.5rem; }
html[data-theme="dark"] .dark-active-p-2:active { padding: 0.5rem; }
.disabled-p-2:disabled { padding: 0.5rem; }
html[data-theme="dark"] .dark-disabled-p-2:disabled { padding: 0.5rem; }
.focus-visible-p-2:focus-visible { padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-p-2:focus-visible { padding: 0.5rem; }
.focus-within-p-2:focus-within { padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-p-2:focus-within { padding: 0.5rem; }
.group:hover .group-hover-p-2 { padding: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
html[data-theme="dark"] .dark-p-3 { padding: 0.75rem; }
.hover-p-3:hover { padding: 0.75rem; }
html[data-theme="dark"] .dark-hover-p-3:hover { padding: 0.75rem; }
.focus-p-3:focus { padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-p-3:focus { padding: 0.75rem; }
.active-p-3:active { padding: 0.75rem; }
html[data-theme="dark"] .dark-active-p-3:active { padding: 0.75rem; }
.disabled-p-3:disabled { padding: 0.75rem; }
html[data-theme="dark"] .dark-disabled-p-3:disabled { padding: 0.75rem; }
.focus-visible-p-3:focus-visible { padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-p-3:focus-visible { padding: 0.75rem; }
.focus-within-p-3:focus-within { padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-p-3:focus-within { padding: 0.75rem; }
.group:hover .group-hover-p-3 { padding: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
html[data-theme="dark"] .dark-p-4 { padding: 1rem; }
.hover-p-4:hover { padding: 1rem; }
html[data-theme="dark"] .dark-hover-p-4:hover { padding: 1rem; }
.focus-p-4:focus { padding: 1rem; }
html[data-theme="dark"] .dark-focus-p-4:focus { padding: 1rem; }
.active-p-4:active { padding: 1rem; }
html[data-theme="dark"] .dark-active-p-4:active { padding: 1rem; }
.disabled-p-4:disabled { padding: 1rem; }
html[data-theme="dark"] .dark-disabled-p-4:disabled { padding: 1rem; }
.focus-visible-p-4:focus-visible { padding: 1rem; }
html[data-theme="dark"] .dark-focus-visible-p-4:focus-visible { padding: 1rem; }
.focus-within-p-4:focus-within { padding: 1rem; }
html[data-theme="dark"] .dark-focus-within-p-4:focus-within { padding: 1rem; }
.group:hover .group-hover-p-4 { padding: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
html[data-theme="dark"] .dark-p-5 { padding: 1.25rem; }
.hover-p-5:hover { padding: 1.25rem; }
html[data-theme="dark"] .dark-hover-p-5:hover { padding: 1.25rem; }
.focus-p-5:focus { padding: 1.25rem; }
html[data-theme="dark"] .dark-focus-p-5:focus { padding: 1.25rem; }
.active-p-5:active { padding: 1.25rem; }
html[data-theme="dark"] .dark-active-p-5:active { padding: 1.25rem; }
.disabled-p-5:disabled { padding: 1.25rem; }
html[data-theme="dark"] .dark-disabled-p-5:disabled { padding: 1.25rem; }
.focus-visible-p-5:focus-visible { padding: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-p-5:focus-visible { padding: 1.25rem; }
.focus-within-p-5:focus-within { padding: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-p-5:focus-within { padding: 1.25rem; }
.group:hover .group-hover-p-5 { padding: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
html[data-theme="dark"] .dark-p-6 { padding: 1.5rem; }
.hover-p-6:hover { padding: 1.5rem; }
html[data-theme="dark"] .dark-hover-p-6:hover { padding: 1.5rem; }
.focus-p-6:focus { padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-p-6:focus { padding: 1.5rem; }
.active-p-6:active { padding: 1.5rem; }
html[data-theme="dark"] .dark-active-p-6:active { padding: 1.5rem; }
.disabled-p-6:disabled { padding: 1.5rem; }
html[data-theme="dark"] .dark-disabled-p-6:disabled { padding: 1.5rem; }
.focus-visible-p-6:focus-visible { padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-p-6:focus-visible { padding: 1.5rem; }
.focus-within-p-6:focus-within { padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-p-6:focus-within { padding: 1.5rem; }
.group:hover .group-hover-p-6 { padding: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
html[data-theme="dark"] .dark-p-8 { padding: 2rem; }
.hover-p-8:hover { padding: 2rem; }
html[data-theme="dark"] .dark-hover-p-8:hover { padding: 2rem; }
.focus-p-8:focus { padding: 2rem; }
html[data-theme="dark"] .dark-focus-p-8:focus { padding: 2rem; }
.active-p-8:active { padding: 2rem; }
html[data-theme="dark"] .dark-active-p-8:active { padding: 2rem; }
.disabled-p-8:disabled { padding: 2rem; }
html[data-theme="dark"] .dark-disabled-p-8:disabled { padding: 2rem; }
.focus-visible-p-8:focus-visible { padding: 2rem; }
html[data-theme="dark"] .dark-focus-visible-p-8:focus-visible { padding: 2rem; }
.focus-within-p-8:focus-within { padding: 2rem; }
html[data-theme="dark"] .dark-focus-within-p-8:focus-within { padding: 2rem; }
.group:hover .group-hover-p-8 { padding: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
html[data-theme="dark"] .dark-p-10 { padding: 2.5rem; }
.hover-p-10:hover { padding: 2.5rem; }
html[data-theme="dark"] .dark-hover-p-10:hover { padding: 2.5rem; }
.focus-p-10:focus { padding: 2.5rem; }
html[data-theme="dark"] .dark-focus-p-10:focus { padding: 2.5rem; }
.active-p-10:active { padding: 2.5rem; }
html[data-theme="dark"] .dark-active-p-10:active { padding: 2.5rem; }
.disabled-p-10:disabled { padding: 2.5rem; }
html[data-theme="dark"] .dark-disabled-p-10:disabled { padding: 2.5rem; }
.focus-visible-p-10:focus-visible { padding: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-p-10:focus-visible { padding: 2.5rem; }
.focus-within-p-10:focus-within { padding: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-p-10:focus-within { padding: 2.5rem; }
.group:hover .group-hover-p-10 { padding: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }
html[data-theme="dark"] .dark-p-12 { padding: 3rem; }
.hover-p-12:hover { padding: 3rem; }
html[data-theme="dark"] .dark-hover-p-12:hover { padding: 3rem; }
.focus-p-12:focus { padding: 3rem; }
html[data-theme="dark"] .dark-focus-p-12:focus { padding: 3rem; }
.active-p-12:active { padding: 3rem; }
html[data-theme="dark"] .dark-active-p-12:active { padding: 3rem; }
.disabled-p-12:disabled { padding: 3rem; }
html[data-theme="dark"] .dark-disabled-p-12:disabled { padding: 3rem; }
.focus-visible-p-12:focus-visible { padding: 3rem; }
html[data-theme="dark"] .dark-focus-visible-p-12:focus-visible { padding: 3rem; }
.focus-within-p-12:focus-within { padding: 3rem; }
html[data-theme="dark"] .dark-focus-within-p-12:focus-within { padding: 3rem; }
.group:hover .group-hover-p-12 { padding: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-12 { padding: 3rem; }
.p-16 { padding: 4rem; }
html[data-theme="dark"] .dark-p-16 { padding: 4rem; }
.hover-p-16:hover { padding: 4rem; }
html[data-theme="dark"] .dark-hover-p-16:hover { padding: 4rem; }
.focus-p-16:focus { padding: 4rem; }
html[data-theme="dark"] .dark-focus-p-16:focus { padding: 4rem; }
.active-p-16:active { padding: 4rem; }
html[data-theme="dark"] .dark-active-p-16:active { padding: 4rem; }
.disabled-p-16:disabled { padding: 4rem; }
html[data-theme="dark"] .dark-disabled-p-16:disabled { padding: 4rem; }
.focus-visible-p-16:focus-visible { padding: 4rem; }
html[data-theme="dark"] .dark-focus-visible-p-16:focus-visible { padding: 4rem; }
.focus-within-p-16:focus-within { padding: 4rem; }
html[data-theme="dark"] .dark-focus-within-p-16:focus-within { padding: 4rem; }
.group:hover .group-hover-p-16 { padding: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-16 { padding: 4rem; }
.p-20 { padding: 5rem; }
html[data-theme="dark"] .dark-p-20 { padding: 5rem; }
.hover-p-20:hover { padding: 5rem; }
html[data-theme="dark"] .dark-hover-p-20:hover { padding: 5rem; }
.focus-p-20:focus { padding: 5rem; }
html[data-theme="dark"] .dark-focus-p-20:focus { padding: 5rem; }
.active-p-20:active { padding: 5rem; }
html[data-theme="dark"] .dark-active-p-20:active { padding: 5rem; }
.disabled-p-20:disabled { padding: 5rem; }
html[data-theme="dark"] .dark-disabled-p-20:disabled { padding: 5rem; }
.focus-visible-p-20:focus-visible { padding: 5rem; }
html[data-theme="dark"] .dark-focus-visible-p-20:focus-visible { padding: 5rem; }
.focus-within-p-20:focus-within { padding: 5rem; }
html[data-theme="dark"] .dark-focus-within-p-20:focus-within { padding: 5rem; }
.group:hover .group-hover-p-20 { padding: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-20 { padding: 5rem; }
.p-24 { padding: 6rem; }
html[data-theme="dark"] .dark-p-24 { padding: 6rem; }
.hover-p-24:hover { padding: 6rem; }
html[data-theme="dark"] .dark-hover-p-24:hover { padding: 6rem; }
.focus-p-24:focus { padding: 6rem; }
html[data-theme="dark"] .dark-focus-p-24:focus { padding: 6rem; }
.active-p-24:active { padding: 6rem; }
html[data-theme="dark"] .dark-active-p-24:active { padding: 6rem; }
.disabled-p-24:disabled { padding: 6rem; }
html[data-theme="dark"] .dark-disabled-p-24:disabled { padding: 6rem; }
.focus-visible-p-24:focus-visible { padding: 6rem; }
html[data-theme="dark"] .dark-focus-visible-p-24:focus-visible { padding: 6rem; }
.focus-within-p-24:focus-within { padding: 6rem; }
html[data-theme="dark"] .dark-focus-within-p-24:focus-within { padding: 6rem; }
.group:hover .group-hover-p-24 { padding: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-24 { padding: 6rem; }
.p-28 { padding: 7rem; }
html[data-theme="dark"] .dark-p-28 { padding: 7rem; }
.hover-p-28:hover { padding: 7rem; }
html[data-theme="dark"] .dark-hover-p-28:hover { padding: 7rem; }
.focus-p-28:focus { padding: 7rem; }
html[data-theme="dark"] .dark-focus-p-28:focus { padding: 7rem; }
.active-p-28:active { padding: 7rem; }
html[data-theme="dark"] .dark-active-p-28:active { padding: 7rem; }
.disabled-p-28:disabled { padding: 7rem; }
html[data-theme="dark"] .dark-disabled-p-28:disabled { padding: 7rem; }
.focus-visible-p-28:focus-visible { padding: 7rem; }
html[data-theme="dark"] .dark-focus-visible-p-28:focus-visible { padding: 7rem; }
.focus-within-p-28:focus-within { padding: 7rem; }
html[data-theme="dark"] .dark-focus-within-p-28:focus-within { padding: 7rem; }
.group:hover .group-hover-p-28 { padding: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-28 { padding: 7rem; }
.p-32 { padding: 8rem; }
html[data-theme="dark"] .dark-p-32 { padding: 8rem; }
.hover-p-32:hover { padding: 8rem; }
html[data-theme="dark"] .dark-hover-p-32:hover { padding: 8rem; }
.focus-p-32:focus { padding: 8rem; }
html[data-theme="dark"] .dark-focus-p-32:focus { padding: 8rem; }
.active-p-32:active { padding: 8rem; }
html[data-theme="dark"] .dark-active-p-32:active { padding: 8rem; }
.disabled-p-32:disabled { padding: 8rem; }
html[data-theme="dark"] .dark-disabled-p-32:disabled { padding: 8rem; }
.focus-visible-p-32:focus-visible { padding: 8rem; }
html[data-theme="dark"] .dark-focus-visible-p-32:focus-visible { padding: 8rem; }
.focus-within-p-32:focus-within { padding: 8rem; }
html[data-theme="dark"] .dark-focus-within-p-32:focus-within { padding: 8rem; }
.group:hover .group-hover-p-32 { padding: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-p-32 { padding: 8rem; }
.pt-auto { padding-top: auto; }
html[data-theme="dark"] .dark-pt-auto { padding-top: auto; }
.hover-pt-auto:hover { padding-top: auto; }
html[data-theme="dark"] .dark-hover-pt-auto:hover { padding-top: auto; }
.focus-pt-auto:focus { padding-top: auto; }
html[data-theme="dark"] .dark-focus-pt-auto:focus { padding-top: auto; }
.active-pt-auto:active { padding-top: auto; }
html[data-theme="dark"] .dark-active-pt-auto:active { padding-top: auto; }
.disabled-pt-auto:disabled { padding-top: auto; }
html[data-theme="dark"] .dark-disabled-pt-auto:disabled { padding-top: auto; }
.focus-visible-pt-auto:focus-visible { padding-top: auto; }
html[data-theme="dark"] .dark-focus-visible-pt-auto:focus-visible { padding-top: auto; }
.focus-within-pt-auto:focus-within { padding-top: auto; }
html[data-theme="dark"] .dark-focus-within-pt-auto:focus-within { padding-top: auto; }
.group:hover .group-hover-pt-auto { padding-top: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-auto { padding-top: auto; }
.pt-0 { padding-top: 0; }
html[data-theme="dark"] .dark-pt-0 { padding-top: 0; }
.hover-pt-0:hover { padding-top: 0; }
html[data-theme="dark"] .dark-hover-pt-0:hover { padding-top: 0; }
.focus-pt-0:focus { padding-top: 0; }
html[data-theme="dark"] .dark-focus-pt-0:focus { padding-top: 0; }
.active-pt-0:active { padding-top: 0; }
html[data-theme="dark"] .dark-active-pt-0:active { padding-top: 0; }
.disabled-pt-0:disabled { padding-top: 0; }
html[data-theme="dark"] .dark-disabled-pt-0:disabled { padding-top: 0; }
.focus-visible-pt-0:focus-visible { padding-top: 0; }
html[data-theme="dark"] .dark-focus-visible-pt-0:focus-visible { padding-top: 0; }
.focus-within-pt-0:focus-within { padding-top: 0; }
html[data-theme="dark"] .dark-focus-within-pt-0:focus-within { padding-top: 0; }
.group:hover .group-hover-pt-0 { padding-top: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-pt-1 { padding-top: 0.25rem; }
.hover-pt-1:hover { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-hover-pt-1:hover { padding-top: 0.25rem; }
.focus-pt-1:focus { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-pt-1:focus { padding-top: 0.25rem; }
.active-pt-1:active { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-active-pt-1:active { padding-top: 0.25rem; }
.disabled-pt-1:disabled { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-disabled-pt-1:disabled { padding-top: 0.25rem; }
.focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
.focus-within-pt-1:focus-within { padding-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
.group:hover .group-hover-pt-1 { padding-top: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-pt-2 { padding-top: 0.5rem; }
.hover-pt-2:hover { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-hover-pt-2:hover { padding-top: 0.5rem; }
.focus-pt-2:focus { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-pt-2:focus { padding-top: 0.5rem; }
.active-pt-2:active { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-active-pt-2:active { padding-top: 0.5rem; }
.disabled-pt-2:disabled { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-disabled-pt-2:disabled { padding-top: 0.5rem; }
.focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
.focus-within-pt-2:focus-within { padding-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
.group:hover .group-hover-pt-2 { padding-top: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-pt-3 { padding-top: 0.75rem; }
.hover-pt-3:hover { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-hover-pt-3:hover { padding-top: 0.75rem; }
.focus-pt-3:focus { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-pt-3:focus { padding-top: 0.75rem; }
.active-pt-3:active { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-active-pt-3:active { padding-top: 0.75rem; }
.disabled-pt-3:disabled { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-disabled-pt-3:disabled { padding-top: 0.75rem; }
.focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
.focus-within-pt-3:focus-within { padding-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
.group:hover .group-hover-pt-3 { padding-top: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1rem; }
html[data-theme="dark"] .dark-pt-4 { padding-top: 1rem; }
.hover-pt-4:hover { padding-top: 1rem; }
html[data-theme="dark"] .dark-hover-pt-4:hover { padding-top: 1rem; }
.focus-pt-4:focus { padding-top: 1rem; }
html[data-theme="dark"] .dark-focus-pt-4:focus { padding-top: 1rem; }
.active-pt-4:active { padding-top: 1rem; }
html[data-theme="dark"] .dark-active-pt-4:active { padding-top: 1rem; }
.disabled-pt-4:disabled { padding-top: 1rem; }
html[data-theme="dark"] .dark-disabled-pt-4:disabled { padding-top: 1rem; }
.focus-visible-pt-4:focus-visible { padding-top: 1rem; }
html[data-theme="dark"] .dark-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
.focus-within-pt-4:focus-within { padding-top: 1rem; }
html[data-theme="dark"] .dark-focus-within-pt-4:focus-within { padding-top: 1rem; }
.group:hover .group-hover-pt-4 { padding-top: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-pt-5 { padding-top: 1.25rem; }
.hover-pt-5:hover { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-hover-pt-5:hover { padding-top: 1.25rem; }
.focus-pt-5:focus { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-pt-5:focus { padding-top: 1.25rem; }
.active-pt-5:active { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-active-pt-5:active { padding-top: 1.25rem; }
.disabled-pt-5:disabled { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-disabled-pt-5:disabled { padding-top: 1.25rem; }
.focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
.focus-within-pt-5:focus-within { padding-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
.group:hover .group-hover-pt-5 { padding-top: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-5 { padding-top: 1.25rem; }
.pt-6 { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-pt-6 { padding-top: 1.5rem; }
.hover-pt-6:hover { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-hover-pt-6:hover { padding-top: 1.5rem; }
.focus-pt-6:focus { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-pt-6:focus { padding-top: 1.5rem; }
.active-pt-6:active { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-active-pt-6:active { padding-top: 1.5rem; }
.disabled-pt-6:disabled { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-disabled-pt-6:disabled { padding-top: 1.5rem; }
.focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
.focus-within-pt-6:focus-within { padding-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
.group:hover .group-hover-pt-6 { padding-top: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
html[data-theme="dark"] .dark-pt-8 { padding-top: 2rem; }
.hover-pt-8:hover { padding-top: 2rem; }
html[data-theme="dark"] .dark-hover-pt-8:hover { padding-top: 2rem; }
.focus-pt-8:focus { padding-top: 2rem; }
html[data-theme="dark"] .dark-focus-pt-8:focus { padding-top: 2rem; }
.active-pt-8:active { padding-top: 2rem; }
html[data-theme="dark"] .dark-active-pt-8:active { padding-top: 2rem; }
.disabled-pt-8:disabled { padding-top: 2rem; }
html[data-theme="dark"] .dark-disabled-pt-8:disabled { padding-top: 2rem; }
.focus-visible-pt-8:focus-visible { padding-top: 2rem; }
html[data-theme="dark"] .dark-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
.focus-within-pt-8:focus-within { padding-top: 2rem; }
html[data-theme="dark"] .dark-focus-within-pt-8:focus-within { padding-top: 2rem; }
.group:hover .group-hover-pt-8 { padding-top: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-8 { padding-top: 2rem; }
.pt-10 { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-pt-10 { padding-top: 2.5rem; }
.hover-pt-10:hover { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-hover-pt-10:hover { padding-top: 2.5rem; }
.focus-pt-10:focus { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-pt-10:focus { padding-top: 2.5rem; }
.active-pt-10:active { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-active-pt-10:active { padding-top: 2.5rem; }
.disabled-pt-10:disabled { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-disabled-pt-10:disabled { padding-top: 2.5rem; }
.focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
.focus-within-pt-10:focus-within { padding-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
.group:hover .group-hover-pt-10 { padding-top: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
html[data-theme="dark"] .dark-pt-12 { padding-top: 3rem; }
.hover-pt-12:hover { padding-top: 3rem; }
html[data-theme="dark"] .dark-hover-pt-12:hover { padding-top: 3rem; }
.focus-pt-12:focus { padding-top: 3rem; }
html[data-theme="dark"] .dark-focus-pt-12:focus { padding-top: 3rem; }
.active-pt-12:active { padding-top: 3rem; }
html[data-theme="dark"] .dark-active-pt-12:active { padding-top: 3rem; }
.disabled-pt-12:disabled { padding-top: 3rem; }
html[data-theme="dark"] .dark-disabled-pt-12:disabled { padding-top: 3rem; }
.focus-visible-pt-12:focus-visible { padding-top: 3rem; }
html[data-theme="dark"] .dark-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
.focus-within-pt-12:focus-within { padding-top: 3rem; }
html[data-theme="dark"] .dark-focus-within-pt-12:focus-within { padding-top: 3rem; }
.group:hover .group-hover-pt-12 { padding-top: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-12 { padding-top: 3rem; }
.pt-16 { padding-top: 4rem; }
html[data-theme="dark"] .dark-pt-16 { padding-top: 4rem; }
.hover-pt-16:hover { padding-top: 4rem; }
html[data-theme="dark"] .dark-hover-pt-16:hover { padding-top: 4rem; }
.focus-pt-16:focus { padding-top: 4rem; }
html[data-theme="dark"] .dark-focus-pt-16:focus { padding-top: 4rem; }
.active-pt-16:active { padding-top: 4rem; }
html[data-theme="dark"] .dark-active-pt-16:active { padding-top: 4rem; }
.disabled-pt-16:disabled { padding-top: 4rem; }
html[data-theme="dark"] .dark-disabled-pt-16:disabled { padding-top: 4rem; }
.focus-visible-pt-16:focus-visible { padding-top: 4rem; }
html[data-theme="dark"] .dark-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
.focus-within-pt-16:focus-within { padding-top: 4rem; }
html[data-theme="dark"] .dark-focus-within-pt-16:focus-within { padding-top: 4rem; }
.group:hover .group-hover-pt-16 { padding-top: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-16 { padding-top: 4rem; }
.pt-20 { padding-top: 5rem; }
html[data-theme="dark"] .dark-pt-20 { padding-top: 5rem; }
.hover-pt-20:hover { padding-top: 5rem; }
html[data-theme="dark"] .dark-hover-pt-20:hover { padding-top: 5rem; }
.focus-pt-20:focus { padding-top: 5rem; }
html[data-theme="dark"] .dark-focus-pt-20:focus { padding-top: 5rem; }
.active-pt-20:active { padding-top: 5rem; }
html[data-theme="dark"] .dark-active-pt-20:active { padding-top: 5rem; }
.disabled-pt-20:disabled { padding-top: 5rem; }
html[data-theme="dark"] .dark-disabled-pt-20:disabled { padding-top: 5rem; }
.focus-visible-pt-20:focus-visible { padding-top: 5rem; }
html[data-theme="dark"] .dark-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
.focus-within-pt-20:focus-within { padding-top: 5rem; }
html[data-theme="dark"] .dark-focus-within-pt-20:focus-within { padding-top: 5rem; }
.group:hover .group-hover-pt-20 { padding-top: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
html[data-theme="dark"] .dark-pt-24 { padding-top: 6rem; }
.hover-pt-24:hover { padding-top: 6rem; }
html[data-theme="dark"] .dark-hover-pt-24:hover { padding-top: 6rem; }
.focus-pt-24:focus { padding-top: 6rem; }
html[data-theme="dark"] .dark-focus-pt-24:focus { padding-top: 6rem; }
.active-pt-24:active { padding-top: 6rem; }
html[data-theme="dark"] .dark-active-pt-24:active { padding-top: 6rem; }
.disabled-pt-24:disabled { padding-top: 6rem; }
html[data-theme="dark"] .dark-disabled-pt-24:disabled { padding-top: 6rem; }
.focus-visible-pt-24:focus-visible { padding-top: 6rem; }
html[data-theme="dark"] .dark-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
.focus-within-pt-24:focus-within { padding-top: 6rem; }
html[data-theme="dark"] .dark-focus-within-pt-24:focus-within { padding-top: 6rem; }
.group:hover .group-hover-pt-24 { padding-top: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-24 { padding-top: 6rem; }
.pt-28 { padding-top: 7rem; }
html[data-theme="dark"] .dark-pt-28 { padding-top: 7rem; }
.hover-pt-28:hover { padding-top: 7rem; }
html[data-theme="dark"] .dark-hover-pt-28:hover { padding-top: 7rem; }
.focus-pt-28:focus { padding-top: 7rem; }
html[data-theme="dark"] .dark-focus-pt-28:focus { padding-top: 7rem; }
.active-pt-28:active { padding-top: 7rem; }
html[data-theme="dark"] .dark-active-pt-28:active { padding-top: 7rem; }
.disabled-pt-28:disabled { padding-top: 7rem; }
html[data-theme="dark"] .dark-disabled-pt-28:disabled { padding-top: 7rem; }
.focus-visible-pt-28:focus-visible { padding-top: 7rem; }
html[data-theme="dark"] .dark-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
.focus-within-pt-28:focus-within { padding-top: 7rem; }
html[data-theme="dark"] .dark-focus-within-pt-28:focus-within { padding-top: 7rem; }
.group:hover .group-hover-pt-28 { padding-top: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-28 { padding-top: 7rem; }
.pt-32 { padding-top: 8rem; }
html[data-theme="dark"] .dark-pt-32 { padding-top: 8rem; }
.hover-pt-32:hover { padding-top: 8rem; }
html[data-theme="dark"] .dark-hover-pt-32:hover { padding-top: 8rem; }
.focus-pt-32:focus { padding-top: 8rem; }
html[data-theme="dark"] .dark-focus-pt-32:focus { padding-top: 8rem; }
.active-pt-32:active { padding-top: 8rem; }
html[data-theme="dark"] .dark-active-pt-32:active { padding-top: 8rem; }
.disabled-pt-32:disabled { padding-top: 8rem; }
html[data-theme="dark"] .dark-disabled-pt-32:disabled { padding-top: 8rem; }
.focus-visible-pt-32:focus-visible { padding-top: 8rem; }
html[data-theme="dark"] .dark-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
.focus-within-pt-32:focus-within { padding-top: 8rem; }
html[data-theme="dark"] .dark-focus-within-pt-32:focus-within { padding-top: 8rem; }
.group:hover .group-hover-pt-32 { padding-top: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pt-32 { padding-top: 8rem; }
.pb-auto { padding-bottom: auto; }
html[data-theme="dark"] .dark-pb-auto { padding-bottom: auto; }
.hover-pb-auto:hover { padding-bottom: auto; }
html[data-theme="dark"] .dark-hover-pb-auto:hover { padding-bottom: auto; }
.focus-pb-auto:focus { padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-pb-auto:focus { padding-bottom: auto; }
.active-pb-auto:active { padding-bottom: auto; }
html[data-theme="dark"] .dark-active-pb-auto:active { padding-bottom: auto; }
.disabled-pb-auto:disabled { padding-bottom: auto; }
html[data-theme="dark"] .dark-disabled-pb-auto:disabled { padding-bottom: auto; }
.focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
.focus-within-pb-auto:focus-within { padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-within-pb-auto:focus-within { padding-bottom: auto; }
.group:hover .group-hover-pb-auto { padding-bottom: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-auto { padding-bottom: auto; }
.pb-0 { padding-bottom: 0; }
html[data-theme="dark"] .dark-pb-0 { padding-bottom: 0; }
.hover-pb-0:hover { padding-bottom: 0; }
html[data-theme="dark"] .dark-hover-pb-0:hover { padding-bottom: 0; }
.focus-pb-0:focus { padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-pb-0:focus { padding-bottom: 0; }
.active-pb-0:active { padding-bottom: 0; }
html[data-theme="dark"] .dark-active-pb-0:active { padding-bottom: 0; }
.disabled-pb-0:disabled { padding-bottom: 0; }
html[data-theme="dark"] .dark-disabled-pb-0:disabled { padding-bottom: 0; }
.focus-visible-pb-0:focus-visible { padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
.focus-within-pb-0:focus-within { padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-within-pb-0:focus-within { padding-bottom: 0; }
.group:hover .group-hover-pb-0 { padding-bottom: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-pb-1 { padding-bottom: 0.25rem; }
.hover-pb-1:hover { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-hover-pb-1:hover { padding-bottom: 0.25rem; }
.focus-pb-1:focus { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-pb-1:focus { padding-bottom: 0.25rem; }
.active-pb-1:active { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-active-pb-1:active { padding-bottom: 0.25rem; }
.disabled-pb-1:disabled { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
.focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
.group:hover .group-hover-pb-1 { padding-bottom: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-pb-2 { padding-bottom: 0.5rem; }
.hover-pb-2:hover { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-hover-pb-2:hover { padding-bottom: 0.5rem; }
.focus-pb-2:focus { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-pb-2:focus { padding-bottom: 0.5rem; }
.active-pb-2:active { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-active-pb-2:active { padding-bottom: 0.5rem; }
.disabled-pb-2:disabled { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
.focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
.group:hover .group-hover-pb-2 { padding-bottom: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-pb-3 { padding-bottom: 0.75rem; }
.hover-pb-3:hover { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-hover-pb-3:hover { padding-bottom: 0.75rem; }
.focus-pb-3:focus { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-pb-3:focus { padding-bottom: 0.75rem; }
.active-pb-3:active { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-active-pb-3:active { padding-bottom: 0.75rem; }
.disabled-pb-3:disabled { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
.focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
.group:hover .group-hover-pb-3 { padding-bottom: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-pb-4 { padding-bottom: 1rem; }
.hover-pb-4:hover { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-hover-pb-4:hover { padding-bottom: 1rem; }
.focus-pb-4:focus { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-pb-4:focus { padding-bottom: 1rem; }
.active-pb-4:active { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-active-pb-4:active { padding-bottom: 1rem; }
.disabled-pb-4:disabled { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-disabled-pb-4:disabled { padding-bottom: 1rem; }
.focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
.focus-within-pb-4:focus-within { padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
.group:hover .group-hover-pb-4 { padding-bottom: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-pb-5 { padding-bottom: 1.25rem; }
.hover-pb-5:hover { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-hover-pb-5:hover { padding-bottom: 1.25rem; }
.focus-pb-5:focus { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-pb-5:focus { padding-bottom: 1.25rem; }
.active-pb-5:active { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-active-pb-5:active { padding-bottom: 1.25rem; }
.disabled-pb-5:disabled { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
.focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
.group:hover .group-hover-pb-5 { padding-bottom: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-pb-6 { padding-bottom: 1.5rem; }
.hover-pb-6:hover { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-hover-pb-6:hover { padding-bottom: 1.5rem; }
.focus-pb-6:focus { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-pb-6:focus { padding-bottom: 1.5rem; }
.active-pb-6:active { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-active-pb-6:active { padding-bottom: 1.5rem; }
.disabled-pb-6:disabled { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
.focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
.group:hover .group-hover-pb-6 { padding-bottom: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-6 { padding-bottom: 1.5rem; }
.pb-8 { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-pb-8 { padding-bottom: 2rem; }
.hover-pb-8:hover { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-hover-pb-8:hover { padding-bottom: 2rem; }
.focus-pb-8:focus { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-pb-8:focus { padding-bottom: 2rem; }
.active-pb-8:active { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-active-pb-8:active { padding-bottom: 2rem; }
.disabled-pb-8:disabled { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-disabled-pb-8:disabled { padding-bottom: 2rem; }
.focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
.focus-within-pb-8:focus-within { padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
.group:hover .group-hover-pb-8 { padding-bottom: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-8 { padding-bottom: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-pb-10 { padding-bottom: 2.5rem; }
.hover-pb-10:hover { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-hover-pb-10:hover { padding-bottom: 2.5rem; }
.focus-pb-10:focus { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-pb-10:focus { padding-bottom: 2.5rem; }
.active-pb-10:active { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-active-pb-10:active { padding-bottom: 2.5rem; }
.disabled-pb-10:disabled { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
.focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
.group:hover .group-hover-pb-10 { padding-bottom: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-pb-12 { padding-bottom: 3rem; }
.hover-pb-12:hover { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-hover-pb-12:hover { padding-bottom: 3rem; }
.focus-pb-12:focus { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-pb-12:focus { padding-bottom: 3rem; }
.active-pb-12:active { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-active-pb-12:active { padding-bottom: 3rem; }
.disabled-pb-12:disabled { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-disabled-pb-12:disabled { padding-bottom: 3rem; }
.focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
.focus-within-pb-12:focus-within { padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
.group:hover .group-hover-pb-12 { padding-bottom: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-pb-16 { padding-bottom: 4rem; }
.hover-pb-16:hover { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-hover-pb-16:hover { padding-bottom: 4rem; }
.focus-pb-16:focus { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-pb-16:focus { padding-bottom: 4rem; }
.active-pb-16:active { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-active-pb-16:active { padding-bottom: 4rem; }
.disabled-pb-16:disabled { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-disabled-pb-16:disabled { padding-bottom: 4rem; }
.focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
.focus-within-pb-16:focus-within { padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
.group:hover .group-hover-pb-16 { padding-bottom: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-16 { padding-bottom: 4rem; }
.pb-20 { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-pb-20 { padding-bottom: 5rem; }
.hover-pb-20:hover { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-hover-pb-20:hover { padding-bottom: 5rem; }
.focus-pb-20:focus { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-pb-20:focus { padding-bottom: 5rem; }
.active-pb-20:active { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-active-pb-20:active { padding-bottom: 5rem; }
.disabled-pb-20:disabled { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-disabled-pb-20:disabled { padding-bottom: 5rem; }
.focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
.focus-within-pb-20:focus-within { padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
.group:hover .group-hover-pb-20 { padding-bottom: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-pb-24 { padding-bottom: 6rem; }
.hover-pb-24:hover { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-hover-pb-24:hover { padding-bottom: 6rem; }
.focus-pb-24:focus { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-pb-24:focus { padding-bottom: 6rem; }
.active-pb-24:active { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-active-pb-24:active { padding-bottom: 6rem; }
.disabled-pb-24:disabled { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-disabled-pb-24:disabled { padding-bottom: 6rem; }
.focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
.focus-within-pb-24:focus-within { padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
.group:hover .group-hover-pb-24 { padding-bottom: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-24 { padding-bottom: 6rem; }
.pb-28 { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-pb-28 { padding-bottom: 7rem; }
.hover-pb-28:hover { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-hover-pb-28:hover { padding-bottom: 7rem; }
.focus-pb-28:focus { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-pb-28:focus { padding-bottom: 7rem; }
.active-pb-28:active { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-active-pb-28:active { padding-bottom: 7rem; }
.disabled-pb-28:disabled { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-disabled-pb-28:disabled { padding-bottom: 7rem; }
.focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
.focus-within-pb-28:focus-within { padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
.group:hover .group-hover-pb-28 { padding-bottom: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-28 { padding-bottom: 7rem; }
.pb-32 { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-pb-32 { padding-bottom: 8rem; }
.hover-pb-32:hover { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-hover-pb-32:hover { padding-bottom: 8rem; }
.focus-pb-32:focus { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-pb-32:focus { padding-bottom: 8rem; }
.active-pb-32:active { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-active-pb-32:active { padding-bottom: 8rem; }
.disabled-pb-32:disabled { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-disabled-pb-32:disabled { padding-bottom: 8rem; }
.focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
.focus-within-pb-32:focus-within { padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
.group:hover .group-hover-pb-32 { padding-bottom: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pb-32 { padding-bottom: 8rem; }
.pl-auto { padding-left: auto; }
html[data-theme="dark"] .dark-pl-auto { padding-left: auto; }
.hover-pl-auto:hover { padding-left: auto; }
html[data-theme="dark"] .dark-hover-pl-auto:hover { padding-left: auto; }
.focus-pl-auto:focus { padding-left: auto; }
html[data-theme="dark"] .dark-focus-pl-auto:focus { padding-left: auto; }
.active-pl-auto:active { padding-left: auto; }
html[data-theme="dark"] .dark-active-pl-auto:active { padding-left: auto; }
.disabled-pl-auto:disabled { padding-left: auto; }
html[data-theme="dark"] .dark-disabled-pl-auto:disabled { padding-left: auto; }
.focus-visible-pl-auto:focus-visible { padding-left: auto; }
html[data-theme="dark"] .dark-focus-visible-pl-auto:focus-visible { padding-left: auto; }
.focus-within-pl-auto:focus-within { padding-left: auto; }
html[data-theme="dark"] .dark-focus-within-pl-auto:focus-within { padding-left: auto; }
.group:hover .group-hover-pl-auto { padding-left: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-auto { padding-left: auto; }
.pl-0 { padding-left: 0; }
html[data-theme="dark"] .dark-pl-0 { padding-left: 0; }
.hover-pl-0:hover { padding-left: 0; }
html[data-theme="dark"] .dark-hover-pl-0:hover { padding-left: 0; }
.focus-pl-0:focus { padding-left: 0; }
html[data-theme="dark"] .dark-focus-pl-0:focus { padding-left: 0; }
.active-pl-0:active { padding-left: 0; }
html[data-theme="dark"] .dark-active-pl-0:active { padding-left: 0; }
.disabled-pl-0:disabled { padding-left: 0; }
html[data-theme="dark"] .dark-disabled-pl-0:disabled { padding-left: 0; }
.focus-visible-pl-0:focus-visible { padding-left: 0; }
html[data-theme="dark"] .dark-focus-visible-pl-0:focus-visible { padding-left: 0; }
.focus-within-pl-0:focus-within { padding-left: 0; }
html[data-theme="dark"] .dark-focus-within-pl-0:focus-within { padding-left: 0; }
.group:hover .group-hover-pl-0 { padding-left: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-pl-1 { padding-left: 0.25rem; }
.hover-pl-1:hover { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-hover-pl-1:hover { padding-left: 0.25rem; }
.focus-pl-1:focus { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-pl-1:focus { padding-left: 0.25rem; }
.active-pl-1:active { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-active-pl-1:active { padding-left: 0.25rem; }
.disabled-pl-1:disabled { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-disabled-pl-1:disabled { padding-left: 0.25rem; }
.focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
.focus-within-pl-1:focus-within { padding-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
.group:hover .group-hover-pl-1 { padding-left: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-pl-2 { padding-left: 0.5rem; }
.hover-pl-2:hover { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-hover-pl-2:hover { padding-left: 0.5rem; }
.focus-pl-2:focus { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-pl-2:focus { padding-left: 0.5rem; }
.active-pl-2:active { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-active-pl-2:active { padding-left: 0.5rem; }
.disabled-pl-2:disabled { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-disabled-pl-2:disabled { padding-left: 0.5rem; }
.focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
.focus-within-pl-2:focus-within { padding-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
.group:hover .group-hover-pl-2 { padding-left: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-pl-3 { padding-left: 0.75rem; }
.hover-pl-3:hover { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-hover-pl-3:hover { padding-left: 0.75rem; }
.focus-pl-3:focus { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-pl-3:focus { padding-left: 0.75rem; }
.active-pl-3:active { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-active-pl-3:active { padding-left: 0.75rem; }
.disabled-pl-3:disabled { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-disabled-pl-3:disabled { padding-left: 0.75rem; }
.focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
.focus-within-pl-3:focus-within { padding-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
.group:hover .group-hover-pl-3 { padding-left: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
html[data-theme="dark"] .dark-pl-4 { padding-left: 1rem; }
.hover-pl-4:hover { padding-left: 1rem; }
html[data-theme="dark"] .dark-hover-pl-4:hover { padding-left: 1rem; }
.focus-pl-4:focus { padding-left: 1rem; }
html[data-theme="dark"] .dark-focus-pl-4:focus { padding-left: 1rem; }
.active-pl-4:active { padding-left: 1rem; }
html[data-theme="dark"] .dark-active-pl-4:active { padding-left: 1rem; }
.disabled-pl-4:disabled { padding-left: 1rem; }
html[data-theme="dark"] .dark-disabled-pl-4:disabled { padding-left: 1rem; }
.focus-visible-pl-4:focus-visible { padding-left: 1rem; }
html[data-theme="dark"] .dark-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
.focus-within-pl-4:focus-within { padding-left: 1rem; }
html[data-theme="dark"] .dark-focus-within-pl-4:focus-within { padding-left: 1rem; }
.group:hover .group-hover-pl-4 { padding-left: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-pl-5 { padding-left: 1.25rem; }
.hover-pl-5:hover { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-hover-pl-5:hover { padding-left: 1.25rem; }
.focus-pl-5:focus { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-pl-5:focus { padding-left: 1.25rem; }
.active-pl-5:active { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-active-pl-5:active { padding-left: 1.25rem; }
.disabled-pl-5:disabled { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-disabled-pl-5:disabled { padding-left: 1.25rem; }
.focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
.focus-within-pl-5:focus-within { padding-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
.group:hover .group-hover-pl-5 { padding-left: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-5 { padding-left: 1.25rem; }
.pl-6 { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-pl-6 { padding-left: 1.5rem; }
.hover-pl-6:hover { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-hover-pl-6:hover { padding-left: 1.5rem; }
.focus-pl-6:focus { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-pl-6:focus { padding-left: 1.5rem; }
.active-pl-6:active { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-active-pl-6:active { padding-left: 1.5rem; }
.disabled-pl-6:disabled { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-disabled-pl-6:disabled { padding-left: 1.5rem; }
.focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
.focus-within-pl-6:focus-within { padding-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
.group:hover .group-hover-pl-6 { padding-left: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-6 { padding-left: 1.5rem; }
.pl-8 { padding-left: 2rem; }
html[data-theme="dark"] .dark-pl-8 { padding-left: 2rem; }
.hover-pl-8:hover { padding-left: 2rem; }
html[data-theme="dark"] .dark-hover-pl-8:hover { padding-left: 2rem; }
.focus-pl-8:focus { padding-left: 2rem; }
html[data-theme="dark"] .dark-focus-pl-8:focus { padding-left: 2rem; }
.active-pl-8:active { padding-left: 2rem; }
html[data-theme="dark"] .dark-active-pl-8:active { padding-left: 2rem; }
.disabled-pl-8:disabled { padding-left: 2rem; }
html[data-theme="dark"] .dark-disabled-pl-8:disabled { padding-left: 2rem; }
.focus-visible-pl-8:focus-visible { padding-left: 2rem; }
html[data-theme="dark"] .dark-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
.focus-within-pl-8:focus-within { padding-left: 2rem; }
html[data-theme="dark"] .dark-focus-within-pl-8:focus-within { padding-left: 2rem; }
.group:hover .group-hover-pl-8 { padding-left: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-8 { padding-left: 2rem; }
.pl-10 { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-pl-10 { padding-left: 2.5rem; }
.hover-pl-10:hover { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-hover-pl-10:hover { padding-left: 2.5rem; }
.focus-pl-10:focus { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-pl-10:focus { padding-left: 2.5rem; }
.active-pl-10:active { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-active-pl-10:active { padding-left: 2.5rem; }
.disabled-pl-10:disabled { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-disabled-pl-10:disabled { padding-left: 2.5rem; }
.focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
.focus-within-pl-10:focus-within { padding-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
.group:hover .group-hover-pl-10 { padding-left: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-10 { padding-left: 2.5rem; }
.pl-12 { padding-left: 3rem; }
html[data-theme="dark"] .dark-pl-12 { padding-left: 3rem; }
.hover-pl-12:hover { padding-left: 3rem; }
html[data-theme="dark"] .dark-hover-pl-12:hover { padding-left: 3rem; }
.focus-pl-12:focus { padding-left: 3rem; }
html[data-theme="dark"] .dark-focus-pl-12:focus { padding-left: 3rem; }
.active-pl-12:active { padding-left: 3rem; }
html[data-theme="dark"] .dark-active-pl-12:active { padding-left: 3rem; }
.disabled-pl-12:disabled { padding-left: 3rem; }
html[data-theme="dark"] .dark-disabled-pl-12:disabled { padding-left: 3rem; }
.focus-visible-pl-12:focus-visible { padding-left: 3rem; }
html[data-theme="dark"] .dark-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
.focus-within-pl-12:focus-within { padding-left: 3rem; }
html[data-theme="dark"] .dark-focus-within-pl-12:focus-within { padding-left: 3rem; }
.group:hover .group-hover-pl-12 { padding-left: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-12 { padding-left: 3rem; }
.pl-16 { padding-left: 4rem; }
html[data-theme="dark"] .dark-pl-16 { padding-left: 4rem; }
.hover-pl-16:hover { padding-left: 4rem; }
html[data-theme="dark"] .dark-hover-pl-16:hover { padding-left: 4rem; }
.focus-pl-16:focus { padding-left: 4rem; }
html[data-theme="dark"] .dark-focus-pl-16:focus { padding-left: 4rem; }
.active-pl-16:active { padding-left: 4rem; }
html[data-theme="dark"] .dark-active-pl-16:active { padding-left: 4rem; }
.disabled-pl-16:disabled { padding-left: 4rem; }
html[data-theme="dark"] .dark-disabled-pl-16:disabled { padding-left: 4rem; }
.focus-visible-pl-16:focus-visible { padding-left: 4rem; }
html[data-theme="dark"] .dark-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
.focus-within-pl-16:focus-within { padding-left: 4rem; }
html[data-theme="dark"] .dark-focus-within-pl-16:focus-within { padding-left: 4rem; }
.group:hover .group-hover-pl-16 { padding-left: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-16 { padding-left: 4rem; }
.pl-20 { padding-left: 5rem; }
html[data-theme="dark"] .dark-pl-20 { padding-left: 5rem; }
.hover-pl-20:hover { padding-left: 5rem; }
html[data-theme="dark"] .dark-hover-pl-20:hover { padding-left: 5rem; }
.focus-pl-20:focus { padding-left: 5rem; }
html[data-theme="dark"] .dark-focus-pl-20:focus { padding-left: 5rem; }
.active-pl-20:active { padding-left: 5rem; }
html[data-theme="dark"] .dark-active-pl-20:active { padding-left: 5rem; }
.disabled-pl-20:disabled { padding-left: 5rem; }
html[data-theme="dark"] .dark-disabled-pl-20:disabled { padding-left: 5rem; }
.focus-visible-pl-20:focus-visible { padding-left: 5rem; }
html[data-theme="dark"] .dark-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
.focus-within-pl-20:focus-within { padding-left: 5rem; }
html[data-theme="dark"] .dark-focus-within-pl-20:focus-within { padding-left: 5rem; }
.group:hover .group-hover-pl-20 { padding-left: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-20 { padding-left: 5rem; }
.pl-24 { padding-left: 6rem; }
html[data-theme="dark"] .dark-pl-24 { padding-left: 6rem; }
.hover-pl-24:hover { padding-left: 6rem; }
html[data-theme="dark"] .dark-hover-pl-24:hover { padding-left: 6rem; }
.focus-pl-24:focus { padding-left: 6rem; }
html[data-theme="dark"] .dark-focus-pl-24:focus { padding-left: 6rem; }
.active-pl-24:active { padding-left: 6rem; }
html[data-theme="dark"] .dark-active-pl-24:active { padding-left: 6rem; }
.disabled-pl-24:disabled { padding-left: 6rem; }
html[data-theme="dark"] .dark-disabled-pl-24:disabled { padding-left: 6rem; }
.focus-visible-pl-24:focus-visible { padding-left: 6rem; }
html[data-theme="dark"] .dark-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
.focus-within-pl-24:focus-within { padding-left: 6rem; }
html[data-theme="dark"] .dark-focus-within-pl-24:focus-within { padding-left: 6rem; }
.group:hover .group-hover-pl-24 { padding-left: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-24 { padding-left: 6rem; }
.pl-28 { padding-left: 7rem; }
html[data-theme="dark"] .dark-pl-28 { padding-left: 7rem; }
.hover-pl-28:hover { padding-left: 7rem; }
html[data-theme="dark"] .dark-hover-pl-28:hover { padding-left: 7rem; }
.focus-pl-28:focus { padding-left: 7rem; }
html[data-theme="dark"] .dark-focus-pl-28:focus { padding-left: 7rem; }
.active-pl-28:active { padding-left: 7rem; }
html[data-theme="dark"] .dark-active-pl-28:active { padding-left: 7rem; }
.disabled-pl-28:disabled { padding-left: 7rem; }
html[data-theme="dark"] .dark-disabled-pl-28:disabled { padding-left: 7rem; }
.focus-visible-pl-28:focus-visible { padding-left: 7rem; }
html[data-theme="dark"] .dark-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
.focus-within-pl-28:focus-within { padding-left: 7rem; }
html[data-theme="dark"] .dark-focus-within-pl-28:focus-within { padding-left: 7rem; }
.group:hover .group-hover-pl-28 { padding-left: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-28 { padding-left: 7rem; }
.pl-32 { padding-left: 8rem; }
html[data-theme="dark"] .dark-pl-32 { padding-left: 8rem; }
.hover-pl-32:hover { padding-left: 8rem; }
html[data-theme="dark"] .dark-hover-pl-32:hover { padding-left: 8rem; }
.focus-pl-32:focus { padding-left: 8rem; }
html[data-theme="dark"] .dark-focus-pl-32:focus { padding-left: 8rem; }
.active-pl-32:active { padding-left: 8rem; }
html[data-theme="dark"] .dark-active-pl-32:active { padding-left: 8rem; }
.disabled-pl-32:disabled { padding-left: 8rem; }
html[data-theme="dark"] .dark-disabled-pl-32:disabled { padding-left: 8rem; }
.focus-visible-pl-32:focus-visible { padding-left: 8rem; }
html[data-theme="dark"] .dark-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
.focus-within-pl-32:focus-within { padding-left: 8rem; }
html[data-theme="dark"] .dark-focus-within-pl-32:focus-within { padding-left: 8rem; }
.group:hover .group-hover-pl-32 { padding-left: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pl-32 { padding-left: 8rem; }
.pr-auto { padding-right: auto; }
html[data-theme="dark"] .dark-pr-auto { padding-right: auto; }
.hover-pr-auto:hover { padding-right: auto; }
html[data-theme="dark"] .dark-hover-pr-auto:hover { padding-right: auto; }
.focus-pr-auto:focus { padding-right: auto; }
html[data-theme="dark"] .dark-focus-pr-auto:focus { padding-right: auto; }
.active-pr-auto:active { padding-right: auto; }
html[data-theme="dark"] .dark-active-pr-auto:active { padding-right: auto; }
.disabled-pr-auto:disabled { padding-right: auto; }
html[data-theme="dark"] .dark-disabled-pr-auto:disabled { padding-right: auto; }
.focus-visible-pr-auto:focus-visible { padding-right: auto; }
html[data-theme="dark"] .dark-focus-visible-pr-auto:focus-visible { padding-right: auto; }
.focus-within-pr-auto:focus-within { padding-right: auto; }
html[data-theme="dark"] .dark-focus-within-pr-auto:focus-within { padding-right: auto; }
.group:hover .group-hover-pr-auto { padding-right: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-auto { padding-right: auto; }
.pr-0 { padding-right: 0; }
html[data-theme="dark"] .dark-pr-0 { padding-right: 0; }
.hover-pr-0:hover { padding-right: 0; }
html[data-theme="dark"] .dark-hover-pr-0:hover { padding-right: 0; }
.focus-pr-0:focus { padding-right: 0; }
html[data-theme="dark"] .dark-focus-pr-0:focus { padding-right: 0; }
.active-pr-0:active { padding-right: 0; }
html[data-theme="dark"] .dark-active-pr-0:active { padding-right: 0; }
.disabled-pr-0:disabled { padding-right: 0; }
html[data-theme="dark"] .dark-disabled-pr-0:disabled { padding-right: 0; }
.focus-visible-pr-0:focus-visible { padding-right: 0; }
html[data-theme="dark"] .dark-focus-visible-pr-0:focus-visible { padding-right: 0; }
.focus-within-pr-0:focus-within { padding-right: 0; }
html[data-theme="dark"] .dark-focus-within-pr-0:focus-within { padding-right: 0; }
.group:hover .group-hover-pr-0 { padding-right: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-pr-1 { padding-right: 0.25rem; }
.hover-pr-1:hover { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-hover-pr-1:hover { padding-right: 0.25rem; }
.focus-pr-1:focus { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-pr-1:focus { padding-right: 0.25rem; }
.active-pr-1:active { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-active-pr-1:active { padding-right: 0.25rem; }
.disabled-pr-1:disabled { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-disabled-pr-1:disabled { padding-right: 0.25rem; }
.focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
.focus-within-pr-1:focus-within { padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
.group:hover .group-hover-pr-1 { padding-right: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-pr-2 { padding-right: 0.5rem; }
.hover-pr-2:hover { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-hover-pr-2:hover { padding-right: 0.5rem; }
.focus-pr-2:focus { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-pr-2:focus { padding-right: 0.5rem; }
.active-pr-2:active { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-active-pr-2:active { padding-right: 0.5rem; }
.disabled-pr-2:disabled { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-disabled-pr-2:disabled { padding-right: 0.5rem; }
.focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
.focus-within-pr-2:focus-within { padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
.group:hover .group-hover-pr-2 { padding-right: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-pr-3 { padding-right: 0.75rem; }
.hover-pr-3:hover { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-hover-pr-3:hover { padding-right: 0.75rem; }
.focus-pr-3:focus { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-pr-3:focus { padding-right: 0.75rem; }
.active-pr-3:active { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-active-pr-3:active { padding-right: 0.75rem; }
.disabled-pr-3:disabled { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-disabled-pr-3:disabled { padding-right: 0.75rem; }
.focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
.focus-within-pr-3:focus-within { padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
.group:hover .group-hover-pr-3 { padding-right: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-3 { padding-right: 0.75rem; }
.pr-4 { padding-right: 1rem; }
html[data-theme="dark"] .dark-pr-4 { padding-right: 1rem; }
.hover-pr-4:hover { padding-right: 1rem; }
html[data-theme="dark"] .dark-hover-pr-4:hover { padding-right: 1rem; }
.focus-pr-4:focus { padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-pr-4:focus { padding-right: 1rem; }
.active-pr-4:active { padding-right: 1rem; }
html[data-theme="dark"] .dark-active-pr-4:active { padding-right: 1rem; }
.disabled-pr-4:disabled { padding-right: 1rem; }
html[data-theme="dark"] .dark-disabled-pr-4:disabled { padding-right: 1rem; }
.focus-visible-pr-4:focus-visible { padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
.focus-within-pr-4:focus-within { padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-within-pr-4:focus-within { padding-right: 1rem; }
.group:hover .group-hover-pr-4 { padding-right: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-pr-5 { padding-right: 1.25rem; }
.hover-pr-5:hover { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-hover-pr-5:hover { padding-right: 1.25rem; }
.focus-pr-5:focus { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-pr-5:focus { padding-right: 1.25rem; }
.active-pr-5:active { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-active-pr-5:active { padding-right: 1.25rem; }
.disabled-pr-5:disabled { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-disabled-pr-5:disabled { padding-right: 1.25rem; }
.focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
.focus-within-pr-5:focus-within { padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
.group:hover .group-hover-pr-5 { padding-right: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-5 { padding-right: 1.25rem; }
.pr-6 { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-pr-6 { padding-right: 1.5rem; }
.hover-pr-6:hover { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-hover-pr-6:hover { padding-right: 1.5rem; }
.focus-pr-6:focus { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-pr-6:focus { padding-right: 1.5rem; }
.active-pr-6:active { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-active-pr-6:active { padding-right: 1.5rem; }
.disabled-pr-6:disabled { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-disabled-pr-6:disabled { padding-right: 1.5rem; }
.focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
.focus-within-pr-6:focus-within { padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
.group:hover .group-hover-pr-6 { padding-right: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-6 { padding-right: 1.5rem; }
.pr-8 { padding-right: 2rem; }
html[data-theme="dark"] .dark-pr-8 { padding-right: 2rem; }
.hover-pr-8:hover { padding-right: 2rem; }
html[data-theme="dark"] .dark-hover-pr-8:hover { padding-right: 2rem; }
.focus-pr-8:focus { padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-pr-8:focus { padding-right: 2rem; }
.active-pr-8:active { padding-right: 2rem; }
html[data-theme="dark"] .dark-active-pr-8:active { padding-right: 2rem; }
.disabled-pr-8:disabled { padding-right: 2rem; }
html[data-theme="dark"] .dark-disabled-pr-8:disabled { padding-right: 2rem; }
.focus-visible-pr-8:focus-visible { padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
.focus-within-pr-8:focus-within { padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-within-pr-8:focus-within { padding-right: 2rem; }
.group:hover .group-hover-pr-8 { padding-right: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-8 { padding-right: 2rem; }
.pr-10 { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-pr-10 { padding-right: 2.5rem; }
.hover-pr-10:hover { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-hover-pr-10:hover { padding-right: 2.5rem; }
.focus-pr-10:focus { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-pr-10:focus { padding-right: 2.5rem; }
.active-pr-10:active { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-active-pr-10:active { padding-right: 2.5rem; }
.disabled-pr-10:disabled { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-disabled-pr-10:disabled { padding-right: 2.5rem; }
.focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
.focus-within-pr-10:focus-within { padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
.group:hover .group-hover-pr-10 { padding-right: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-10 { padding-right: 2.5rem; }
.pr-12 { padding-right: 3rem; }
html[data-theme="dark"] .dark-pr-12 { padding-right: 3rem; }
.hover-pr-12:hover { padding-right: 3rem; }
html[data-theme="dark"] .dark-hover-pr-12:hover { padding-right: 3rem; }
.focus-pr-12:focus { padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-pr-12:focus { padding-right: 3rem; }
.active-pr-12:active { padding-right: 3rem; }
html[data-theme="dark"] .dark-active-pr-12:active { padding-right: 3rem; }
.disabled-pr-12:disabled { padding-right: 3rem; }
html[data-theme="dark"] .dark-disabled-pr-12:disabled { padding-right: 3rem; }
.focus-visible-pr-12:focus-visible { padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
.focus-within-pr-12:focus-within { padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-within-pr-12:focus-within { padding-right: 3rem; }
.group:hover .group-hover-pr-12 { padding-right: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-12 { padding-right: 3rem; }
.pr-16 { padding-right: 4rem; }
html[data-theme="dark"] .dark-pr-16 { padding-right: 4rem; }
.hover-pr-16:hover { padding-right: 4rem; }
html[data-theme="dark"] .dark-hover-pr-16:hover { padding-right: 4rem; }
.focus-pr-16:focus { padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-pr-16:focus { padding-right: 4rem; }
.active-pr-16:active { padding-right: 4rem; }
html[data-theme="dark"] .dark-active-pr-16:active { padding-right: 4rem; }
.disabled-pr-16:disabled { padding-right: 4rem; }
html[data-theme="dark"] .dark-disabled-pr-16:disabled { padding-right: 4rem; }
.focus-visible-pr-16:focus-visible { padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
.focus-within-pr-16:focus-within { padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-within-pr-16:focus-within { padding-right: 4rem; }
.group:hover .group-hover-pr-16 { padding-right: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-16 { padding-right: 4rem; }
.pr-20 { padding-right: 5rem; }
html[data-theme="dark"] .dark-pr-20 { padding-right: 5rem; }
.hover-pr-20:hover { padding-right: 5rem; }
html[data-theme="dark"] .dark-hover-pr-20:hover { padding-right: 5rem; }
.focus-pr-20:focus { padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-pr-20:focus { padding-right: 5rem; }
.active-pr-20:active { padding-right: 5rem; }
html[data-theme="dark"] .dark-active-pr-20:active { padding-right: 5rem; }
.disabled-pr-20:disabled { padding-right: 5rem; }
html[data-theme="dark"] .dark-disabled-pr-20:disabled { padding-right: 5rem; }
.focus-visible-pr-20:focus-visible { padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
.focus-within-pr-20:focus-within { padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-within-pr-20:focus-within { padding-right: 5rem; }
.group:hover .group-hover-pr-20 { padding-right: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-20 { padding-right: 5rem; }
.pr-24 { padding-right: 6rem; }
html[data-theme="dark"] .dark-pr-24 { padding-right: 6rem; }
.hover-pr-24:hover { padding-right: 6rem; }
html[data-theme="dark"] .dark-hover-pr-24:hover { padding-right: 6rem; }
.focus-pr-24:focus { padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-pr-24:focus { padding-right: 6rem; }
.active-pr-24:active { padding-right: 6rem; }
html[data-theme="dark"] .dark-active-pr-24:active { padding-right: 6rem; }
.disabled-pr-24:disabled { padding-right: 6rem; }
html[data-theme="dark"] .dark-disabled-pr-24:disabled { padding-right: 6rem; }
.focus-visible-pr-24:focus-visible { padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
.focus-within-pr-24:focus-within { padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-within-pr-24:focus-within { padding-right: 6rem; }
.group:hover .group-hover-pr-24 { padding-right: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-24 { padding-right: 6rem; }
.pr-28 { padding-right: 7rem; }
html[data-theme="dark"] .dark-pr-28 { padding-right: 7rem; }
.hover-pr-28:hover { padding-right: 7rem; }
html[data-theme="dark"] .dark-hover-pr-28:hover { padding-right: 7rem; }
.focus-pr-28:focus { padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-pr-28:focus { padding-right: 7rem; }
.active-pr-28:active { padding-right: 7rem; }
html[data-theme="dark"] .dark-active-pr-28:active { padding-right: 7rem; }
.disabled-pr-28:disabled { padding-right: 7rem; }
html[data-theme="dark"] .dark-disabled-pr-28:disabled { padding-right: 7rem; }
.focus-visible-pr-28:focus-visible { padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
.focus-within-pr-28:focus-within { padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-within-pr-28:focus-within { padding-right: 7rem; }
.group:hover .group-hover-pr-28 { padding-right: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-28 { padding-right: 7rem; }
.pr-32 { padding-right: 8rem; }
html[data-theme="dark"] .dark-pr-32 { padding-right: 8rem; }
.hover-pr-32:hover { padding-right: 8rem; }
html[data-theme="dark"] .dark-hover-pr-32:hover { padding-right: 8rem; }
.focus-pr-32:focus { padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-pr-32:focus { padding-right: 8rem; }
.active-pr-32:active { padding-right: 8rem; }
html[data-theme="dark"] .dark-active-pr-32:active { padding-right: 8rem; }
.disabled-pr-32:disabled { padding-right: 8rem; }
html[data-theme="dark"] .dark-disabled-pr-32:disabled { padding-right: 8rem; }
.focus-visible-pr-32:focus-visible { padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
.focus-within-pr-32:focus-within { padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-within-pr-32:focus-within { padding-right: 8rem; }
.group:hover .group-hover-pr-32 { padding-right: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-pr-32 { padding-right: 8rem; }
.px-auto { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-px-auto { padding-left: auto; padding-right: auto; }
.hover-px-auto:hover { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.focus-px-auto:focus { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.active-px-auto:active { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-active-px-auto:active { padding-left: auto; padding-right: auto; }
.disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
.focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .dark-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
.group:hover .group-hover-px-auto { padding-left: auto; padding-right: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-auto { padding-left: auto; padding-right: auto; }
.px-0 { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-px-0 { padding-left: 0; padding-right: 0; }
.hover-px-0:hover { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.focus-px-0:focus { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.active-px-0:active { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-active-px-0:active { padding-left: 0; padding-right: 0; }
.disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
.focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .dark-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
.group:hover .group-hover-px-0 { padding-left: 0; padding-right: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
.focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
.group:hover .group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
.focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
.group:hover .group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
.focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
.group:hover .group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-px-4 { padding-left: 1rem; padding-right: 1rem; }
.hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
.focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .dark-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
.group:hover .group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
.focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
.group:hover .group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
.focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
.group:hover .group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-px-8 { padding-left: 2rem; padding-right: 2rem; }
.hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
.focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .dark-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
.group:hover .group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
.focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
.group:hover .group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-px-12 { padding-left: 3rem; padding-right: 3rem; }
.hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
.focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .dark-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
.group:hover .group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-px-16 { padding-left: 4rem; padding-right: 4rem; }
.hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
.focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .dark-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
.group:hover .group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-px-20 { padding-left: 5rem; padding-right: 5rem; }
.hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
.focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .dark-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
.group:hover .group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-px-24 { padding-left: 6rem; padding-right: 6rem; }
.hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
.focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .dark-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
.group:hover .group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
.px-28 { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-px-28 { padding-left: 7rem; padding-right: 7rem; }
.hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
.focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .dark-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
.group:hover .group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
.px-32 { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-px-32 { padding-left: 8rem; padding-right: 8rem; }
.hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
.focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .dark-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
.group:hover .group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
.py-auto { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-py-auto { padding-top: auto; padding-bottom: auto; }
.hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.active-py-auto:active { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
.focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .dark-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
.group:hover .group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
.py-0 { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-py-0 { padding-top: 0; padding-bottom: 0; }
.hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.active-py-0:active { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
.focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .dark-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
.group:hover .group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.group:hover .group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.group:hover .group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.group:hover .group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
.focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
.group:hover .group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.group:hover .group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.group:hover .group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
.focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
.group:hover .group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.group:hover .group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
.focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
.group:hover .group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
.focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
.group:hover .group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
.focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
.group:hover .group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
.focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
.group:hover .group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
.focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
.group:hover .group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
.focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
.group:hover .group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.m-auto { margin: auto; }
html[data-theme="dark"] .dark-m-auto { margin: auto; }
.hover-m-auto:hover { margin: auto; }
html[data-theme="dark"] .dark-hover-m-auto:hover { margin: auto; }
.focus-m-auto:focus { margin: auto; }
html[data-theme="dark"] .dark-focus-m-auto:focus { margin: auto; }
.active-m-auto:active { margin: auto; }
html[data-theme="dark"] .dark-active-m-auto:active { margin: auto; }
.disabled-m-auto:disabled { margin: auto; }
html[data-theme="dark"] .dark-disabled-m-auto:disabled { margin: auto; }
.focus-visible-m-auto:focus-visible { margin: auto; }
html[data-theme="dark"] .dark-focus-visible-m-auto:focus-visible { margin: auto; }
.focus-within-m-auto:focus-within { margin: auto; }
html[data-theme="dark"] .dark-focus-within-m-auto:focus-within { margin: auto; }
.group:hover .group-hover-m-auto { margin: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-auto { margin: auto; }
.m-0 { margin: 0; }
html[data-theme="dark"] .dark-m-0 { margin: 0; }
.hover-m-0:hover { margin: 0; }
html[data-theme="dark"] .dark-hover-m-0:hover { margin: 0; }
.focus-m-0:focus { margin: 0; }
html[data-theme="dark"] .dark-focus-m-0:focus { margin: 0; }
.active-m-0:active { margin: 0; }
html[data-theme="dark"] .dark-active-m-0:active { margin: 0; }
.disabled-m-0:disabled { margin: 0; }
html[data-theme="dark"] .dark-disabled-m-0:disabled { margin: 0; }
.focus-visible-m-0:focus-visible { margin: 0; }
html[data-theme="dark"] .dark-focus-visible-m-0:focus-visible { margin: 0; }
.focus-within-m-0:focus-within { margin: 0; }
html[data-theme="dark"] .dark-focus-within-m-0:focus-within { margin: 0; }
.group:hover .group-hover-m-0 { margin: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
html[data-theme="dark"] .dark-m-1 { margin: 0.25rem; }
.hover-m-1:hover { margin: 0.25rem; }
html[data-theme="dark"] .dark-hover-m-1:hover { margin: 0.25rem; }
.focus-m-1:focus { margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-m-1:focus { margin: 0.25rem; }
.active-m-1:active { margin: 0.25rem; }
html[data-theme="dark"] .dark-active-m-1:active { margin: 0.25rem; }
.disabled-m-1:disabled { margin: 0.25rem; }
html[data-theme="dark"] .dark-disabled-m-1:disabled { margin: 0.25rem; }
.focus-visible-m-1:focus-visible { margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-m-1:focus-visible { margin: 0.25rem; }
.focus-within-m-1:focus-within { margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-m-1:focus-within { margin: 0.25rem; }
.group:hover .group-hover-m-1 { margin: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
html[data-theme="dark"] .dark-m-2 { margin: 0.5rem; }
.hover-m-2:hover { margin: 0.5rem; }
html[data-theme="dark"] .dark-hover-m-2:hover { margin: 0.5rem; }
.focus-m-2:focus { margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-m-2:focus { margin: 0.5rem; }
.active-m-2:active { margin: 0.5rem; }
html[data-theme="dark"] .dark-active-m-2:active { margin: 0.5rem; }
.disabled-m-2:disabled { margin: 0.5rem; }
html[data-theme="dark"] .dark-disabled-m-2:disabled { margin: 0.5rem; }
.focus-visible-m-2:focus-visible { margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-m-2:focus-visible { margin: 0.5rem; }
.focus-within-m-2:focus-within { margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-m-2:focus-within { margin: 0.5rem; }
.group:hover .group-hover-m-2 { margin: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
html[data-theme="dark"] .dark-m-3 { margin: 0.75rem; }
.hover-m-3:hover { margin: 0.75rem; }
html[data-theme="dark"] .dark-hover-m-3:hover { margin: 0.75rem; }
.focus-m-3:focus { margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-m-3:focus { margin: 0.75rem; }
.active-m-3:active { margin: 0.75rem; }
html[data-theme="dark"] .dark-active-m-3:active { margin: 0.75rem; }
.disabled-m-3:disabled { margin: 0.75rem; }
html[data-theme="dark"] .dark-disabled-m-3:disabled { margin: 0.75rem; }
.focus-visible-m-3:focus-visible { margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-m-3:focus-visible { margin: 0.75rem; }
.focus-within-m-3:focus-within { margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-m-3:focus-within { margin: 0.75rem; }
.group:hover .group-hover-m-3 { margin: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
html[data-theme="dark"] .dark-m-4 { margin: 1rem; }
.hover-m-4:hover { margin: 1rem; }
html[data-theme="dark"] .dark-hover-m-4:hover { margin: 1rem; }
.focus-m-4:focus { margin: 1rem; }
html[data-theme="dark"] .dark-focus-m-4:focus { margin: 1rem; }
.active-m-4:active { margin: 1rem; }
html[data-theme="dark"] .dark-active-m-4:active { margin: 1rem; }
.disabled-m-4:disabled { margin: 1rem; }
html[data-theme="dark"] .dark-disabled-m-4:disabled { margin: 1rem; }
.focus-visible-m-4:focus-visible { margin: 1rem; }
html[data-theme="dark"] .dark-focus-visible-m-4:focus-visible { margin: 1rem; }
.focus-within-m-4:focus-within { margin: 1rem; }
html[data-theme="dark"] .dark-focus-within-m-4:focus-within { margin: 1rem; }
.group:hover .group-hover-m-4 { margin: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
html[data-theme="dark"] .dark-m-5 { margin: 1.25rem; }
.hover-m-5:hover { margin: 1.25rem; }
html[data-theme="dark"] .dark-hover-m-5:hover { margin: 1.25rem; }
.focus-m-5:focus { margin: 1.25rem; }
html[data-theme="dark"] .dark-focus-m-5:focus { margin: 1.25rem; }
.active-m-5:active { margin: 1.25rem; }
html[data-theme="dark"] .dark-active-m-5:active { margin: 1.25rem; }
.disabled-m-5:disabled { margin: 1.25rem; }
html[data-theme="dark"] .dark-disabled-m-5:disabled { margin: 1.25rem; }
.focus-visible-m-5:focus-visible { margin: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-m-5:focus-visible { margin: 1.25rem; }
.focus-within-m-5:focus-within { margin: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-m-5:focus-within { margin: 1.25rem; }
.group:hover .group-hover-m-5 { margin: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }
html[data-theme="dark"] .dark-m-6 { margin: 1.5rem; }
.hover-m-6:hover { margin: 1.5rem; }
html[data-theme="dark"] .dark-hover-m-6:hover { margin: 1.5rem; }
.focus-m-6:focus { margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-m-6:focus { margin: 1.5rem; }
.active-m-6:active { margin: 1.5rem; }
html[data-theme="dark"] .dark-active-m-6:active { margin: 1.5rem; }
.disabled-m-6:disabled { margin: 1.5rem; }
html[data-theme="dark"] .dark-disabled-m-6:disabled { margin: 1.5rem; }
.focus-visible-m-6:focus-visible { margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-m-6:focus-visible { margin: 1.5rem; }
.focus-within-m-6:focus-within { margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-m-6:focus-within { margin: 1.5rem; }
.group:hover .group-hover-m-6 { margin: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-6 { margin: 1.5rem; }
.m-8 { margin: 2rem; }
html[data-theme="dark"] .dark-m-8 { margin: 2rem; }
.hover-m-8:hover { margin: 2rem; }
html[data-theme="dark"] .dark-hover-m-8:hover { margin: 2rem; }
.focus-m-8:focus { margin: 2rem; }
html[data-theme="dark"] .dark-focus-m-8:focus { margin: 2rem; }
.active-m-8:active { margin: 2rem; }
html[data-theme="dark"] .dark-active-m-8:active { margin: 2rem; }
.disabled-m-8:disabled { margin: 2rem; }
html[data-theme="dark"] .dark-disabled-m-8:disabled { margin: 2rem; }
.focus-visible-m-8:focus-visible { margin: 2rem; }
html[data-theme="dark"] .dark-focus-visible-m-8:focus-visible { margin: 2rem; }
.focus-within-m-8:focus-within { margin: 2rem; }
html[data-theme="dark"] .dark-focus-within-m-8:focus-within { margin: 2rem; }
.group:hover .group-hover-m-8 { margin: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-8 { margin: 2rem; }
.m-10 { margin: 2.5rem; }
html[data-theme="dark"] .dark-m-10 { margin: 2.5rem; }
.hover-m-10:hover { margin: 2.5rem; }
html[data-theme="dark"] .dark-hover-m-10:hover { margin: 2.5rem; }
.focus-m-10:focus { margin: 2.5rem; }
html[data-theme="dark"] .dark-focus-m-10:focus { margin: 2.5rem; }
.active-m-10:active { margin: 2.5rem; }
html[data-theme="dark"] .dark-active-m-10:active { margin: 2.5rem; }
.disabled-m-10:disabled { margin: 2.5rem; }
html[data-theme="dark"] .dark-disabled-m-10:disabled { margin: 2.5rem; }
.focus-visible-m-10:focus-visible { margin: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-m-10:focus-visible { margin: 2.5rem; }
.focus-within-m-10:focus-within { margin: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-m-10:focus-within { margin: 2.5rem; }
.group:hover .group-hover-m-10 { margin: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-10 { margin: 2.5rem; }
.m-12 { margin: 3rem; }
html[data-theme="dark"] .dark-m-12 { margin: 3rem; }
.hover-m-12:hover { margin: 3rem; }
html[data-theme="dark"] .dark-hover-m-12:hover { margin: 3rem; }
.focus-m-12:focus { margin: 3rem; }
html[data-theme="dark"] .dark-focus-m-12:focus { margin: 3rem; }
.active-m-12:active { margin: 3rem; }
html[data-theme="dark"] .dark-active-m-12:active { margin: 3rem; }
.disabled-m-12:disabled { margin: 3rem; }
html[data-theme="dark"] .dark-disabled-m-12:disabled { margin: 3rem; }
.focus-visible-m-12:focus-visible { margin: 3rem; }
html[data-theme="dark"] .dark-focus-visible-m-12:focus-visible { margin: 3rem; }
.focus-within-m-12:focus-within { margin: 3rem; }
html[data-theme="dark"] .dark-focus-within-m-12:focus-within { margin: 3rem; }
.group:hover .group-hover-m-12 { margin: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-12 { margin: 3rem; }
.m-16 { margin: 4rem; }
html[data-theme="dark"] .dark-m-16 { margin: 4rem; }
.hover-m-16:hover { margin: 4rem; }
html[data-theme="dark"] .dark-hover-m-16:hover { margin: 4rem; }
.focus-m-16:focus { margin: 4rem; }
html[data-theme="dark"] .dark-focus-m-16:focus { margin: 4rem; }
.active-m-16:active { margin: 4rem; }
html[data-theme="dark"] .dark-active-m-16:active { margin: 4rem; }
.disabled-m-16:disabled { margin: 4rem; }
html[data-theme="dark"] .dark-disabled-m-16:disabled { margin: 4rem; }
.focus-visible-m-16:focus-visible { margin: 4rem; }
html[data-theme="dark"] .dark-focus-visible-m-16:focus-visible { margin: 4rem; }
.focus-within-m-16:focus-within { margin: 4rem; }
html[data-theme="dark"] .dark-focus-within-m-16:focus-within { margin: 4rem; }
.group:hover .group-hover-m-16 { margin: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-16 { margin: 4rem; }
.m-20 { margin: 5rem; }
html[data-theme="dark"] .dark-m-20 { margin: 5rem; }
.hover-m-20:hover { margin: 5rem; }
html[data-theme="dark"] .dark-hover-m-20:hover { margin: 5rem; }
.focus-m-20:focus { margin: 5rem; }
html[data-theme="dark"] .dark-focus-m-20:focus { margin: 5rem; }
.active-m-20:active { margin: 5rem; }
html[data-theme="dark"] .dark-active-m-20:active { margin: 5rem; }
.disabled-m-20:disabled { margin: 5rem; }
html[data-theme="dark"] .dark-disabled-m-20:disabled { margin: 5rem; }
.focus-visible-m-20:focus-visible { margin: 5rem; }
html[data-theme="dark"] .dark-focus-visible-m-20:focus-visible { margin: 5rem; }
.focus-within-m-20:focus-within { margin: 5rem; }
html[data-theme="dark"] .dark-focus-within-m-20:focus-within { margin: 5rem; }
.group:hover .group-hover-m-20 { margin: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-20 { margin: 5rem; }
.m-24 { margin: 6rem; }
html[data-theme="dark"] .dark-m-24 { margin: 6rem; }
.hover-m-24:hover { margin: 6rem; }
html[data-theme="dark"] .dark-hover-m-24:hover { margin: 6rem; }
.focus-m-24:focus { margin: 6rem; }
html[data-theme="dark"] .dark-focus-m-24:focus { margin: 6rem; }
.active-m-24:active { margin: 6rem; }
html[data-theme="dark"] .dark-active-m-24:active { margin: 6rem; }
.disabled-m-24:disabled { margin: 6rem; }
html[data-theme="dark"] .dark-disabled-m-24:disabled { margin: 6rem; }
.focus-visible-m-24:focus-visible { margin: 6rem; }
html[data-theme="dark"] .dark-focus-visible-m-24:focus-visible { margin: 6rem; }
.focus-within-m-24:focus-within { margin: 6rem; }
html[data-theme="dark"] .dark-focus-within-m-24:focus-within { margin: 6rem; }
.group:hover .group-hover-m-24 { margin: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-24 { margin: 6rem; }
.m-28 { margin: 7rem; }
html[data-theme="dark"] .dark-m-28 { margin: 7rem; }
.hover-m-28:hover { margin: 7rem; }
html[data-theme="dark"] .dark-hover-m-28:hover { margin: 7rem; }
.focus-m-28:focus { margin: 7rem; }
html[data-theme="dark"] .dark-focus-m-28:focus { margin: 7rem; }
.active-m-28:active { margin: 7rem; }
html[data-theme="dark"] .dark-active-m-28:active { margin: 7rem; }
.disabled-m-28:disabled { margin: 7rem; }
html[data-theme="dark"] .dark-disabled-m-28:disabled { margin: 7rem; }
.focus-visible-m-28:focus-visible { margin: 7rem; }
html[data-theme="dark"] .dark-focus-visible-m-28:focus-visible { margin: 7rem; }
.focus-within-m-28:focus-within { margin: 7rem; }
html[data-theme="dark"] .dark-focus-within-m-28:focus-within { margin: 7rem; }
.group:hover .group-hover-m-28 { margin: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-28 { margin: 7rem; }
.m-32 { margin: 8rem; }
html[data-theme="dark"] .dark-m-32 { margin: 8rem; }
.hover-m-32:hover { margin: 8rem; }
html[data-theme="dark"] .dark-hover-m-32:hover { margin: 8rem; }
.focus-m-32:focus { margin: 8rem; }
html[data-theme="dark"] .dark-focus-m-32:focus { margin: 8rem; }
.active-m-32:active { margin: 8rem; }
html[data-theme="dark"] .dark-active-m-32:active { margin: 8rem; }
.disabled-m-32:disabled { margin: 8rem; }
html[data-theme="dark"] .dark-disabled-m-32:disabled { margin: 8rem; }
.focus-visible-m-32:focus-visible { margin: 8rem; }
html[data-theme="dark"] .dark-focus-visible-m-32:focus-visible { margin: 8rem; }
.focus-within-m-32:focus-within { margin: 8rem; }
html[data-theme="dark"] .dark-focus-within-m-32:focus-within { margin: 8rem; }
.group:hover .group-hover-m-32 { margin: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-m-32 { margin: 8rem; }
.mt-auto { margin-top: auto; }
html[data-theme="dark"] .dark-mt-auto { margin-top: auto; }
.hover-mt-auto:hover { margin-top: auto; }
html[data-theme="dark"] .dark-hover-mt-auto:hover { margin-top: auto; }
.focus-mt-auto:focus { margin-top: auto; }
html[data-theme="dark"] .dark-focus-mt-auto:focus { margin-top: auto; }
.active-mt-auto:active { margin-top: auto; }
html[data-theme="dark"] .dark-active-mt-auto:active { margin-top: auto; }
.disabled-mt-auto:disabled { margin-top: auto; }
html[data-theme="dark"] .dark-disabled-mt-auto:disabled { margin-top: auto; }
.focus-visible-mt-auto:focus-visible { margin-top: auto; }
html[data-theme="dark"] .dark-focus-visible-mt-auto:focus-visible { margin-top: auto; }
.focus-within-mt-auto:focus-within { margin-top: auto; }
html[data-theme="dark"] .dark-focus-within-mt-auto:focus-within { margin-top: auto; }
.group:hover .group-hover-mt-auto { margin-top: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-auto { margin-top: auto; }
.mt-0 { margin-top: 0; }
html[data-theme="dark"] .dark-mt-0 { margin-top: 0; }
.hover-mt-0:hover { margin-top: 0; }
html[data-theme="dark"] .dark-hover-mt-0:hover { margin-top: 0; }
.focus-mt-0:focus { margin-top: 0; }
html[data-theme="dark"] .dark-focus-mt-0:focus { margin-top: 0; }
.active-mt-0:active { margin-top: 0; }
html[data-theme="dark"] .dark-active-mt-0:active { margin-top: 0; }
.disabled-mt-0:disabled { margin-top: 0; }
html[data-theme="dark"] .dark-disabled-mt-0:disabled { margin-top: 0; }
.focus-visible-mt-0:focus-visible { margin-top: 0; }
html[data-theme="dark"] .dark-focus-visible-mt-0:focus-visible { margin-top: 0; }
.focus-within-mt-0:focus-within { margin-top: 0; }
html[data-theme="dark"] .dark-focus-within-mt-0:focus-within { margin-top: 0; }
.group:hover .group-hover-mt-0 { margin-top: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-mt-1 { margin-top: 0.25rem; }
.hover-mt-1:hover { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-hover-mt-1:hover { margin-top: 0.25rem; }
.focus-mt-1:focus { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-mt-1:focus { margin-top: 0.25rem; }
.active-mt-1:active { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-active-mt-1:active { margin-top: 0.25rem; }
.disabled-mt-1:disabled { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-disabled-mt-1:disabled { margin-top: 0.25rem; }
.focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
.focus-within-mt-1:focus-within { margin-top: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
.group:hover .group-hover-mt-1 { margin-top: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-mt-2 { margin-top: 0.5rem; }
.hover-mt-2:hover { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-hover-mt-2:hover { margin-top: 0.5rem; }
.focus-mt-2:focus { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-mt-2:focus { margin-top: 0.5rem; }
.active-mt-2:active { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-active-mt-2:active { margin-top: 0.5rem; }
.disabled-mt-2:disabled { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-disabled-mt-2:disabled { margin-top: 0.5rem; }
.focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
.focus-within-mt-2:focus-within { margin-top: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
.group:hover .group-hover-mt-2 { margin-top: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-mt-3 { margin-top: 0.75rem; }
.hover-mt-3:hover { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-hover-mt-3:hover { margin-top: 0.75rem; }
.focus-mt-3:focus { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-mt-3:focus { margin-top: 0.75rem; }
.active-mt-3:active { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-active-mt-3:active { margin-top: 0.75rem; }
.disabled-mt-3:disabled { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-disabled-mt-3:disabled { margin-top: 0.75rem; }
.focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
.focus-within-mt-3:focus-within { margin-top: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
.group:hover .group-hover-mt-3 { margin-top: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
html[data-theme="dark"] .dark-mt-4 { margin-top: 1rem; }
.hover-mt-4:hover { margin-top: 1rem; }
html[data-theme="dark"] .dark-hover-mt-4:hover { margin-top: 1rem; }
.focus-mt-4:focus { margin-top: 1rem; }
html[data-theme="dark"] .dark-focus-mt-4:focus { margin-top: 1rem; }
.active-mt-4:active { margin-top: 1rem; }
html[data-theme="dark"] .dark-active-mt-4:active { margin-top: 1rem; }
.disabled-mt-4:disabled { margin-top: 1rem; }
html[data-theme="dark"] .dark-disabled-mt-4:disabled { margin-top: 1rem; }
.focus-visible-mt-4:focus-visible { margin-top: 1rem; }
html[data-theme="dark"] .dark-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
.focus-within-mt-4:focus-within { margin-top: 1rem; }
html[data-theme="dark"] .dark-focus-within-mt-4:focus-within { margin-top: 1rem; }
.group:hover .group-hover-mt-4 { margin-top: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-mt-5 { margin-top: 1.25rem; }
.hover-mt-5:hover { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-hover-mt-5:hover { margin-top: 1.25rem; }
.focus-mt-5:focus { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-mt-5:focus { margin-top: 1.25rem; }
.active-mt-5:active { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-active-mt-5:active { margin-top: 1.25rem; }
.disabled-mt-5:disabled { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-disabled-mt-5:disabled { margin-top: 1.25rem; }
.focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
.focus-within-mt-5:focus-within { margin-top: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
.group:hover .group-hover-mt-5 { margin-top: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-mt-6 { margin-top: 1.5rem; }
.hover-mt-6:hover { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-hover-mt-6:hover { margin-top: 1.5rem; }
.focus-mt-6:focus { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-mt-6:focus { margin-top: 1.5rem; }
.active-mt-6:active { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-active-mt-6:active { margin-top: 1.5rem; }
.disabled-mt-6:disabled { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-disabled-mt-6:disabled { margin-top: 1.5rem; }
.focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
.focus-within-mt-6:focus-within { margin-top: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
.group:hover .group-hover-mt-6 { margin-top: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
html[data-theme="dark"] .dark-mt-8 { margin-top: 2rem; }
.hover-mt-8:hover { margin-top: 2rem; }
html[data-theme="dark"] .dark-hover-mt-8:hover { margin-top: 2rem; }
.focus-mt-8:focus { margin-top: 2rem; }
html[data-theme="dark"] .dark-focus-mt-8:focus { margin-top: 2rem; }
.active-mt-8:active { margin-top: 2rem; }
html[data-theme="dark"] .dark-active-mt-8:active { margin-top: 2rem; }
.disabled-mt-8:disabled { margin-top: 2rem; }
html[data-theme="dark"] .dark-disabled-mt-8:disabled { margin-top: 2rem; }
.focus-visible-mt-8:focus-visible { margin-top: 2rem; }
html[data-theme="dark"] .dark-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
.focus-within-mt-8:focus-within { margin-top: 2rem; }
html[data-theme="dark"] .dark-focus-within-mt-8:focus-within { margin-top: 2rem; }
.group:hover .group-hover-mt-8 { margin-top: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-mt-10 { margin-top: 2.5rem; }
.hover-mt-10:hover { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-hover-mt-10:hover { margin-top: 2.5rem; }
.focus-mt-10:focus { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-mt-10:focus { margin-top: 2.5rem; }
.active-mt-10:active { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-active-mt-10:active { margin-top: 2.5rem; }
.disabled-mt-10:disabled { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-disabled-mt-10:disabled { margin-top: 2.5rem; }
.focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
.focus-within-mt-10:focus-within { margin-top: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
.group:hover .group-hover-mt-10 { margin-top: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
html[data-theme="dark"] .dark-mt-12 { margin-top: 3rem; }
.hover-mt-12:hover { margin-top: 3rem; }
html[data-theme="dark"] .dark-hover-mt-12:hover { margin-top: 3rem; }
.focus-mt-12:focus { margin-top: 3rem; }
html[data-theme="dark"] .dark-focus-mt-12:focus { margin-top: 3rem; }
.active-mt-12:active { margin-top: 3rem; }
html[data-theme="dark"] .dark-active-mt-12:active { margin-top: 3rem; }
.disabled-mt-12:disabled { margin-top: 3rem; }
html[data-theme="dark"] .dark-disabled-mt-12:disabled { margin-top: 3rem; }
.focus-visible-mt-12:focus-visible { margin-top: 3rem; }
html[data-theme="dark"] .dark-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
.focus-within-mt-12:focus-within { margin-top: 3rem; }
html[data-theme="dark"] .dark-focus-within-mt-12:focus-within { margin-top: 3rem; }
.group:hover .group-hover-mt-12 { margin-top: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-12 { margin-top: 3rem; }
.mt-16 { margin-top: 4rem; }
html[data-theme="dark"] .dark-mt-16 { margin-top: 4rem; }
.hover-mt-16:hover { margin-top: 4rem; }
html[data-theme="dark"] .dark-hover-mt-16:hover { margin-top: 4rem; }
.focus-mt-16:focus { margin-top: 4rem; }
html[data-theme="dark"] .dark-focus-mt-16:focus { margin-top: 4rem; }
.active-mt-16:active { margin-top: 4rem; }
html[data-theme="dark"] .dark-active-mt-16:active { margin-top: 4rem; }
.disabled-mt-16:disabled { margin-top: 4rem; }
html[data-theme="dark"] .dark-disabled-mt-16:disabled { margin-top: 4rem; }
.focus-visible-mt-16:focus-visible { margin-top: 4rem; }
html[data-theme="dark"] .dark-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
.focus-within-mt-16:focus-within { margin-top: 4rem; }
html[data-theme="dark"] .dark-focus-within-mt-16:focus-within { margin-top: 4rem; }
.group:hover .group-hover-mt-16 { margin-top: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
html[data-theme="dark"] .dark-mt-20 { margin-top: 5rem; }
.hover-mt-20:hover { margin-top: 5rem; }
html[data-theme="dark"] .dark-hover-mt-20:hover { margin-top: 5rem; }
.focus-mt-20:focus { margin-top: 5rem; }
html[data-theme="dark"] .dark-focus-mt-20:focus { margin-top: 5rem; }
.active-mt-20:active { margin-top: 5rem; }
html[data-theme="dark"] .dark-active-mt-20:active { margin-top: 5rem; }
.disabled-mt-20:disabled { margin-top: 5rem; }
html[data-theme="dark"] .dark-disabled-mt-20:disabled { margin-top: 5rem; }
.focus-visible-mt-20:focus-visible { margin-top: 5rem; }
html[data-theme="dark"] .dark-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
.focus-within-mt-20:focus-within { margin-top: 5rem; }
html[data-theme="dark"] .dark-focus-within-mt-20:focus-within { margin-top: 5rem; }
.group:hover .group-hover-mt-20 { margin-top: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-20 { margin-top: 5rem; }
.mt-24 { margin-top: 6rem; }
html[data-theme="dark"] .dark-mt-24 { margin-top: 6rem; }
.hover-mt-24:hover { margin-top: 6rem; }
html[data-theme="dark"] .dark-hover-mt-24:hover { margin-top: 6rem; }
.focus-mt-24:focus { margin-top: 6rem; }
html[data-theme="dark"] .dark-focus-mt-24:focus { margin-top: 6rem; }
.active-mt-24:active { margin-top: 6rem; }
html[data-theme="dark"] .dark-active-mt-24:active { margin-top: 6rem; }
.disabled-mt-24:disabled { margin-top: 6rem; }
html[data-theme="dark"] .dark-disabled-mt-24:disabled { margin-top: 6rem; }
.focus-visible-mt-24:focus-visible { margin-top: 6rem; }
html[data-theme="dark"] .dark-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
.focus-within-mt-24:focus-within { margin-top: 6rem; }
html[data-theme="dark"] .dark-focus-within-mt-24:focus-within { margin-top: 6rem; }
.group:hover .group-hover-mt-24 { margin-top: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-24 { margin-top: 6rem; }
.mt-28 { margin-top: 7rem; }
html[data-theme="dark"] .dark-mt-28 { margin-top: 7rem; }
.hover-mt-28:hover { margin-top: 7rem; }
html[data-theme="dark"] .dark-hover-mt-28:hover { margin-top: 7rem; }
.focus-mt-28:focus { margin-top: 7rem; }
html[data-theme="dark"] .dark-focus-mt-28:focus { margin-top: 7rem; }
.active-mt-28:active { margin-top: 7rem; }
html[data-theme="dark"] .dark-active-mt-28:active { margin-top: 7rem; }
.disabled-mt-28:disabled { margin-top: 7rem; }
html[data-theme="dark"] .dark-disabled-mt-28:disabled { margin-top: 7rem; }
.focus-visible-mt-28:focus-visible { margin-top: 7rem; }
html[data-theme="dark"] .dark-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
.focus-within-mt-28:focus-within { margin-top: 7rem; }
html[data-theme="dark"] .dark-focus-within-mt-28:focus-within { margin-top: 7rem; }
.group:hover .group-hover-mt-28 { margin-top: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-28 { margin-top: 7rem; }
.mt-32 { margin-top: 8rem; }
html[data-theme="dark"] .dark-mt-32 { margin-top: 8rem; }
.hover-mt-32:hover { margin-top: 8rem; }
html[data-theme="dark"] .dark-hover-mt-32:hover { margin-top: 8rem; }
.focus-mt-32:focus { margin-top: 8rem; }
html[data-theme="dark"] .dark-focus-mt-32:focus { margin-top: 8rem; }
.active-mt-32:active { margin-top: 8rem; }
html[data-theme="dark"] .dark-active-mt-32:active { margin-top: 8rem; }
.disabled-mt-32:disabled { margin-top: 8rem; }
html[data-theme="dark"] .dark-disabled-mt-32:disabled { margin-top: 8rem; }
.focus-visible-mt-32:focus-visible { margin-top: 8rem; }
html[data-theme="dark"] .dark-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
.focus-within-mt-32:focus-within { margin-top: 8rem; }
html[data-theme="dark"] .dark-focus-within-mt-32:focus-within { margin-top: 8rem; }
.group:hover .group-hover-mt-32 { margin-top: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mt-32 { margin-top: 8rem; }
.mb-auto { margin-bottom: auto; }
html[data-theme="dark"] .dark-mb-auto { margin-bottom: auto; }
.hover-mb-auto:hover { margin-bottom: auto; }
html[data-theme="dark"] .dark-hover-mb-auto:hover { margin-bottom: auto; }
.focus-mb-auto:focus { margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-mb-auto:focus { margin-bottom: auto; }
.active-mb-auto:active { margin-bottom: auto; }
html[data-theme="dark"] .dark-active-mb-auto:active { margin-bottom: auto; }
.disabled-mb-auto:disabled { margin-bottom: auto; }
html[data-theme="dark"] .dark-disabled-mb-auto:disabled { margin-bottom: auto; }
.focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
.focus-within-mb-auto:focus-within { margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-within-mb-auto:focus-within { margin-bottom: auto; }
.group:hover .group-hover-mb-auto { margin-bottom: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-auto { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
html[data-theme="dark"] .dark-mb-0 { margin-bottom: 0; }
.hover-mb-0:hover { margin-bottom: 0; }
html[data-theme="dark"] .dark-hover-mb-0:hover { margin-bottom: 0; }
.focus-mb-0:focus { margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-mb-0:focus { margin-bottom: 0; }
.active-mb-0:active { margin-bottom: 0; }
html[data-theme="dark"] .dark-active-mb-0:active { margin-bottom: 0; }
.disabled-mb-0:disabled { margin-bottom: 0; }
html[data-theme="dark"] .dark-disabled-mb-0:disabled { margin-bottom: 0; }
.focus-visible-mb-0:focus-visible { margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
.focus-within-mb-0:focus-within { margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-within-mb-0:focus-within { margin-bottom: 0; }
.group:hover .group-hover-mb-0 { margin-bottom: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-mb-1 { margin-bottom: 0.25rem; }
.hover-mb-1:hover { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-hover-mb-1:hover { margin-bottom: 0.25rem; }
.focus-mb-1:focus { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-mb-1:focus { margin-bottom: 0.25rem; }
.active-mb-1:active { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-active-mb-1:active { margin-bottom: 0.25rem; }
.disabled-mb-1:disabled { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
.focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
.group:hover .group-hover-mb-1 { margin-bottom: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-mb-2 { margin-bottom: 0.5rem; }
.hover-mb-2:hover { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-hover-mb-2:hover { margin-bottom: 0.5rem; }
.focus-mb-2:focus { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-mb-2:focus { margin-bottom: 0.5rem; }
.active-mb-2:active { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-active-mb-2:active { margin-bottom: 0.5rem; }
.disabled-mb-2:disabled { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
.focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
.group:hover .group-hover-mb-2 { margin-bottom: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-mb-3 { margin-bottom: 0.75rem; }
.hover-mb-3:hover { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-hover-mb-3:hover { margin-bottom: 0.75rem; }
.focus-mb-3:focus { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-mb-3:focus { margin-bottom: 0.75rem; }
.active-mb-3:active { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-active-mb-3:active { margin-bottom: 0.75rem; }
.disabled-mb-3:disabled { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
.focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
.group:hover .group-hover-mb-3 { margin-bottom: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-mb-4 { margin-bottom: 1rem; }
.hover-mb-4:hover { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-hover-mb-4:hover { margin-bottom: 1rem; }
.focus-mb-4:focus { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-mb-4:focus { margin-bottom: 1rem; }
.active-mb-4:active { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-active-mb-4:active { margin-bottom: 1rem; }
.disabled-mb-4:disabled { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-disabled-mb-4:disabled { margin-bottom: 1rem; }
.focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
.focus-within-mb-4:focus-within { margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
.group:hover .group-hover-mb-4 { margin-bottom: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-mb-5 { margin-bottom: 1.25rem; }
.hover-mb-5:hover { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-hover-mb-5:hover { margin-bottom: 1.25rem; }
.focus-mb-5:focus { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-mb-5:focus { margin-bottom: 1.25rem; }
.active-mb-5:active { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-active-mb-5:active { margin-bottom: 1.25rem; }
.disabled-mb-5:disabled { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
.focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
.group:hover .group-hover-mb-5 { margin-bottom: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-mb-6 { margin-bottom: 1.5rem; }
.hover-mb-6:hover { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-hover-mb-6:hover { margin-bottom: 1.5rem; }
.focus-mb-6:focus { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-mb-6:focus { margin-bottom: 1.5rem; }
.active-mb-6:active { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-active-mb-6:active { margin-bottom: 1.5rem; }
.disabled-mb-6:disabled { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
.focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
.group:hover .group-hover-mb-6 { margin-bottom: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-mb-8 { margin-bottom: 2rem; }
.hover-mb-8:hover { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-hover-mb-8:hover { margin-bottom: 2rem; }
.focus-mb-8:focus { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-mb-8:focus { margin-bottom: 2rem; }
.active-mb-8:active { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-active-mb-8:active { margin-bottom: 2rem; }
.disabled-mb-8:disabled { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-disabled-mb-8:disabled { margin-bottom: 2rem; }
.focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
.focus-within-mb-8:focus-within { margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
.group:hover .group-hover-mb-8 { margin-bottom: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-mb-10 { margin-bottom: 2.5rem; }
.hover-mb-10:hover { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-hover-mb-10:hover { margin-bottom: 2.5rem; }
.focus-mb-10:focus { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-mb-10:focus { margin-bottom: 2.5rem; }
.active-mb-10:active { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-active-mb-10:active { margin-bottom: 2.5rem; }
.disabled-mb-10:disabled { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
.focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
.group:hover .group-hover-mb-10 { margin-bottom: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-mb-12 { margin-bottom: 3rem; }
.hover-mb-12:hover { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-hover-mb-12:hover { margin-bottom: 3rem; }
.focus-mb-12:focus { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-mb-12:focus { margin-bottom: 3rem; }
.active-mb-12:active { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-active-mb-12:active { margin-bottom: 3rem; }
.disabled-mb-12:disabled { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-disabled-mb-12:disabled { margin-bottom: 3rem; }
.focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
.focus-within-mb-12:focus-within { margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
.group:hover .group-hover-mb-12 { margin-bottom: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-mb-16 { margin-bottom: 4rem; }
.hover-mb-16:hover { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-hover-mb-16:hover { margin-bottom: 4rem; }
.focus-mb-16:focus { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-mb-16:focus { margin-bottom: 4rem; }
.active-mb-16:active { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-active-mb-16:active { margin-bottom: 4rem; }
.disabled-mb-16:disabled { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-disabled-mb-16:disabled { margin-bottom: 4rem; }
.focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
.focus-within-mb-16:focus-within { margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
.group:hover .group-hover-mb-16 { margin-bottom: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-16 { margin-bottom: 4rem; }
.mb-20 { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-mb-20 { margin-bottom: 5rem; }
.hover-mb-20:hover { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-hover-mb-20:hover { margin-bottom: 5rem; }
.focus-mb-20:focus { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-mb-20:focus { margin-bottom: 5rem; }
.active-mb-20:active { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-active-mb-20:active { margin-bottom: 5rem; }
.disabled-mb-20:disabled { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-disabled-mb-20:disabled { margin-bottom: 5rem; }
.focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
.focus-within-mb-20:focus-within { margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
.group:hover .group-hover-mb-20 { margin-bottom: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-mb-24 { margin-bottom: 6rem; }
.hover-mb-24:hover { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-hover-mb-24:hover { margin-bottom: 6rem; }
.focus-mb-24:focus { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-mb-24:focus { margin-bottom: 6rem; }
.active-mb-24:active { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-active-mb-24:active { margin-bottom: 6rem; }
.disabled-mb-24:disabled { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-disabled-mb-24:disabled { margin-bottom: 6rem; }
.focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
.focus-within-mb-24:focus-within { margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
.group:hover .group-hover-mb-24 { margin-bottom: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-24 { margin-bottom: 6rem; }
.mb-28 { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-mb-28 { margin-bottom: 7rem; }
.hover-mb-28:hover { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-hover-mb-28:hover { margin-bottom: 7rem; }
.focus-mb-28:focus { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-mb-28:focus { margin-bottom: 7rem; }
.active-mb-28:active { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-active-mb-28:active { margin-bottom: 7rem; }
.disabled-mb-28:disabled { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-disabled-mb-28:disabled { margin-bottom: 7rem; }
.focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
.focus-within-mb-28:focus-within { margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
.group:hover .group-hover-mb-28 { margin-bottom: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-28 { margin-bottom: 7rem; }
.mb-32 { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-mb-32 { margin-bottom: 8rem; }
.hover-mb-32:hover { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-hover-mb-32:hover { margin-bottom: 8rem; }
.focus-mb-32:focus { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-mb-32:focus { margin-bottom: 8rem; }
.active-mb-32:active { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-active-mb-32:active { margin-bottom: 8rem; }
.disabled-mb-32:disabled { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-disabled-mb-32:disabled { margin-bottom: 8rem; }
.focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
.focus-within-mb-32:focus-within { margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
.group:hover .group-hover-mb-32 { margin-bottom: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mb-32 { margin-bottom: 8rem; }
.ml-auto { margin-left: auto; }
html[data-theme="dark"] .dark-ml-auto { margin-left: auto; }
.hover-ml-auto:hover { margin-left: auto; }
html[data-theme="dark"] .dark-hover-ml-auto:hover { margin-left: auto; }
.focus-ml-auto:focus { margin-left: auto; }
html[data-theme="dark"] .dark-focus-ml-auto:focus { margin-left: auto; }
.active-ml-auto:active { margin-left: auto; }
html[data-theme="dark"] .dark-active-ml-auto:active { margin-left: auto; }
.disabled-ml-auto:disabled { margin-left: auto; }
html[data-theme="dark"] .dark-disabled-ml-auto:disabled { margin-left: auto; }
.focus-visible-ml-auto:focus-visible { margin-left: auto; }
html[data-theme="dark"] .dark-focus-visible-ml-auto:focus-visible { margin-left: auto; }
.focus-within-ml-auto:focus-within { margin-left: auto; }
html[data-theme="dark"] .dark-focus-within-ml-auto:focus-within { margin-left: auto; }
.group:hover .group-hover-ml-auto { margin-left: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0; }
html[data-theme="dark"] .dark-ml-0 { margin-left: 0; }
.hover-ml-0:hover { margin-left: 0; }
html[data-theme="dark"] .dark-hover-ml-0:hover { margin-left: 0; }
.focus-ml-0:focus { margin-left: 0; }
html[data-theme="dark"] .dark-focus-ml-0:focus { margin-left: 0; }
.active-ml-0:active { margin-left: 0; }
html[data-theme="dark"] .dark-active-ml-0:active { margin-left: 0; }
.disabled-ml-0:disabled { margin-left: 0; }
html[data-theme="dark"] .dark-disabled-ml-0:disabled { margin-left: 0; }
.focus-visible-ml-0:focus-visible { margin-left: 0; }
html[data-theme="dark"] .dark-focus-visible-ml-0:focus-visible { margin-left: 0; }
.focus-within-ml-0:focus-within { margin-left: 0; }
html[data-theme="dark"] .dark-focus-within-ml-0:focus-within { margin-left: 0; }
.group:hover .group-hover-ml-0 { margin-left: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-ml-1 { margin-left: 0.25rem; }
.hover-ml-1:hover { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-hover-ml-1:hover { margin-left: 0.25rem; }
.focus-ml-1:focus { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-ml-1:focus { margin-left: 0.25rem; }
.active-ml-1:active { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-active-ml-1:active { margin-left: 0.25rem; }
.disabled-ml-1:disabled { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-disabled-ml-1:disabled { margin-left: 0.25rem; }
.focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
.focus-within-ml-1:focus-within { margin-left: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
.group:hover .group-hover-ml-1 { margin-left: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-ml-2 { margin-left: 0.5rem; }
.hover-ml-2:hover { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-hover-ml-2:hover { margin-left: 0.5rem; }
.focus-ml-2:focus { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-ml-2:focus { margin-left: 0.5rem; }
.active-ml-2:active { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-active-ml-2:active { margin-left: 0.5rem; }
.disabled-ml-2:disabled { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-disabled-ml-2:disabled { margin-left: 0.5rem; }
.focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
.focus-within-ml-2:focus-within { margin-left: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
.group:hover .group-hover-ml-2 { margin-left: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-ml-3 { margin-left: 0.75rem; }
.hover-ml-3:hover { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-hover-ml-3:hover { margin-left: 0.75rem; }
.focus-ml-3:focus { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-ml-3:focus { margin-left: 0.75rem; }
.active-ml-3:active { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-active-ml-3:active { margin-left: 0.75rem; }
.disabled-ml-3:disabled { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-disabled-ml-3:disabled { margin-left: 0.75rem; }
.focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
.focus-within-ml-3:focus-within { margin-left: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
.group:hover .group-hover-ml-3 { margin-left: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1rem; }
html[data-theme="dark"] .dark-ml-4 { margin-left: 1rem; }
.hover-ml-4:hover { margin-left: 1rem; }
html[data-theme="dark"] .dark-hover-ml-4:hover { margin-left: 1rem; }
.focus-ml-4:focus { margin-left: 1rem; }
html[data-theme="dark"] .dark-focus-ml-4:focus { margin-left: 1rem; }
.active-ml-4:active { margin-left: 1rem; }
html[data-theme="dark"] .dark-active-ml-4:active { margin-left: 1rem; }
.disabled-ml-4:disabled { margin-left: 1rem; }
html[data-theme="dark"] .dark-disabled-ml-4:disabled { margin-left: 1rem; }
.focus-visible-ml-4:focus-visible { margin-left: 1rem; }
html[data-theme="dark"] .dark-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
.focus-within-ml-4:focus-within { margin-left: 1rem; }
html[data-theme="dark"] .dark-focus-within-ml-4:focus-within { margin-left: 1rem; }
.group:hover .group-hover-ml-4 { margin-left: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-4 { margin-left: 1rem; }
.ml-5 { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-ml-5 { margin-left: 1.25rem; }
.hover-ml-5:hover { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-hover-ml-5:hover { margin-left: 1.25rem; }
.focus-ml-5:focus { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-ml-5:focus { margin-left: 1.25rem; }
.active-ml-5:active { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-active-ml-5:active { margin-left: 1.25rem; }
.disabled-ml-5:disabled { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-disabled-ml-5:disabled { margin-left: 1.25rem; }
.focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
.focus-within-ml-5:focus-within { margin-left: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
.group:hover .group-hover-ml-5 { margin-left: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-5 { margin-left: 1.25rem; }
.ml-6 { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-ml-6 { margin-left: 1.5rem; }
.hover-ml-6:hover { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-hover-ml-6:hover { margin-left: 1.5rem; }
.focus-ml-6:focus { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-ml-6:focus { margin-left: 1.5rem; }
.active-ml-6:active { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-active-ml-6:active { margin-left: 1.5rem; }
.disabled-ml-6:disabled { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-disabled-ml-6:disabled { margin-left: 1.5rem; }
.focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
.focus-within-ml-6:focus-within { margin-left: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
.group:hover .group-hover-ml-6 { margin-left: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-6 { margin-left: 1.5rem; }
.ml-8 { margin-left: 2rem; }
html[data-theme="dark"] .dark-ml-8 { margin-left: 2rem; }
.hover-ml-8:hover { margin-left: 2rem; }
html[data-theme="dark"] .dark-hover-ml-8:hover { margin-left: 2rem; }
.focus-ml-8:focus { margin-left: 2rem; }
html[data-theme="dark"] .dark-focus-ml-8:focus { margin-left: 2rem; }
.active-ml-8:active { margin-left: 2rem; }
html[data-theme="dark"] .dark-active-ml-8:active { margin-left: 2rem; }
.disabled-ml-8:disabled { margin-left: 2rem; }
html[data-theme="dark"] .dark-disabled-ml-8:disabled { margin-left: 2rem; }
.focus-visible-ml-8:focus-visible { margin-left: 2rem; }
html[data-theme="dark"] .dark-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
.focus-within-ml-8:focus-within { margin-left: 2rem; }
html[data-theme="dark"] .dark-focus-within-ml-8:focus-within { margin-left: 2rem; }
.group:hover .group-hover-ml-8 { margin-left: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-8 { margin-left: 2rem; }
.ml-10 { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-ml-10 { margin-left: 2.5rem; }
.hover-ml-10:hover { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-hover-ml-10:hover { margin-left: 2.5rem; }
.focus-ml-10:focus { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-ml-10:focus { margin-left: 2.5rem; }
.active-ml-10:active { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-active-ml-10:active { margin-left: 2.5rem; }
.disabled-ml-10:disabled { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-disabled-ml-10:disabled { margin-left: 2.5rem; }
.focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
.focus-within-ml-10:focus-within { margin-left: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
.group:hover .group-hover-ml-10 { margin-left: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-10 { margin-left: 2.5rem; }
.ml-12 { margin-left: 3rem; }
html[data-theme="dark"] .dark-ml-12 { margin-left: 3rem; }
.hover-ml-12:hover { margin-left: 3rem; }
html[data-theme="dark"] .dark-hover-ml-12:hover { margin-left: 3rem; }
.focus-ml-12:focus { margin-left: 3rem; }
html[data-theme="dark"] .dark-focus-ml-12:focus { margin-left: 3rem; }
.active-ml-12:active { margin-left: 3rem; }
html[data-theme="dark"] .dark-active-ml-12:active { margin-left: 3rem; }
.disabled-ml-12:disabled { margin-left: 3rem; }
html[data-theme="dark"] .dark-disabled-ml-12:disabled { margin-left: 3rem; }
.focus-visible-ml-12:focus-visible { margin-left: 3rem; }
html[data-theme="dark"] .dark-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
.focus-within-ml-12:focus-within { margin-left: 3rem; }
html[data-theme="dark"] .dark-focus-within-ml-12:focus-within { margin-left: 3rem; }
.group:hover .group-hover-ml-12 { margin-left: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-12 { margin-left: 3rem; }
.ml-16 { margin-left: 4rem; }
html[data-theme="dark"] .dark-ml-16 { margin-left: 4rem; }
.hover-ml-16:hover { margin-left: 4rem; }
html[data-theme="dark"] .dark-hover-ml-16:hover { margin-left: 4rem; }
.focus-ml-16:focus { margin-left: 4rem; }
html[data-theme="dark"] .dark-focus-ml-16:focus { margin-left: 4rem; }
.active-ml-16:active { margin-left: 4rem; }
html[data-theme="dark"] .dark-active-ml-16:active { margin-left: 4rem; }
.disabled-ml-16:disabled { margin-left: 4rem; }
html[data-theme="dark"] .dark-disabled-ml-16:disabled { margin-left: 4rem; }
.focus-visible-ml-16:focus-visible { margin-left: 4rem; }
html[data-theme="dark"] .dark-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
.focus-within-ml-16:focus-within { margin-left: 4rem; }
html[data-theme="dark"] .dark-focus-within-ml-16:focus-within { margin-left: 4rem; }
.group:hover .group-hover-ml-16 { margin-left: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-16 { margin-left: 4rem; }
.ml-20 { margin-left: 5rem; }
html[data-theme="dark"] .dark-ml-20 { margin-left: 5rem; }
.hover-ml-20:hover { margin-left: 5rem; }
html[data-theme="dark"] .dark-hover-ml-20:hover { margin-left: 5rem; }
.focus-ml-20:focus { margin-left: 5rem; }
html[data-theme="dark"] .dark-focus-ml-20:focus { margin-left: 5rem; }
.active-ml-20:active { margin-left: 5rem; }
html[data-theme="dark"] .dark-active-ml-20:active { margin-left: 5rem; }
.disabled-ml-20:disabled { margin-left: 5rem; }
html[data-theme="dark"] .dark-disabled-ml-20:disabled { margin-left: 5rem; }
.focus-visible-ml-20:focus-visible { margin-left: 5rem; }
html[data-theme="dark"] .dark-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
.focus-within-ml-20:focus-within { margin-left: 5rem; }
html[data-theme="dark"] .dark-focus-within-ml-20:focus-within { margin-left: 5rem; }
.group:hover .group-hover-ml-20 { margin-left: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-20 { margin-left: 5rem; }
.ml-24 { margin-left: 6rem; }
html[data-theme="dark"] .dark-ml-24 { margin-left: 6rem; }
.hover-ml-24:hover { margin-left: 6rem; }
html[data-theme="dark"] .dark-hover-ml-24:hover { margin-left: 6rem; }
.focus-ml-24:focus { margin-left: 6rem; }
html[data-theme="dark"] .dark-focus-ml-24:focus { margin-left: 6rem; }
.active-ml-24:active { margin-left: 6rem; }
html[data-theme="dark"] .dark-active-ml-24:active { margin-left: 6rem; }
.disabled-ml-24:disabled { margin-left: 6rem; }
html[data-theme="dark"] .dark-disabled-ml-24:disabled { margin-left: 6rem; }
.focus-visible-ml-24:focus-visible { margin-left: 6rem; }
html[data-theme="dark"] .dark-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
.focus-within-ml-24:focus-within { margin-left: 6rem; }
html[data-theme="dark"] .dark-focus-within-ml-24:focus-within { margin-left: 6rem; }
.group:hover .group-hover-ml-24 { margin-left: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-24 { margin-left: 6rem; }
.ml-28 { margin-left: 7rem; }
html[data-theme="dark"] .dark-ml-28 { margin-left: 7rem; }
.hover-ml-28:hover { margin-left: 7rem; }
html[data-theme="dark"] .dark-hover-ml-28:hover { margin-left: 7rem; }
.focus-ml-28:focus { margin-left: 7rem; }
html[data-theme="dark"] .dark-focus-ml-28:focus { margin-left: 7rem; }
.active-ml-28:active { margin-left: 7rem; }
html[data-theme="dark"] .dark-active-ml-28:active { margin-left: 7rem; }
.disabled-ml-28:disabled { margin-left: 7rem; }
html[data-theme="dark"] .dark-disabled-ml-28:disabled { margin-left: 7rem; }
.focus-visible-ml-28:focus-visible { margin-left: 7rem; }
html[data-theme="dark"] .dark-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
.focus-within-ml-28:focus-within { margin-left: 7rem; }
html[data-theme="dark"] .dark-focus-within-ml-28:focus-within { margin-left: 7rem; }
.group:hover .group-hover-ml-28 { margin-left: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-28 { margin-left: 7rem; }
.ml-32 { margin-left: 8rem; }
html[data-theme="dark"] .dark-ml-32 { margin-left: 8rem; }
.hover-ml-32:hover { margin-left: 8rem; }
html[data-theme="dark"] .dark-hover-ml-32:hover { margin-left: 8rem; }
.focus-ml-32:focus { margin-left: 8rem; }
html[data-theme="dark"] .dark-focus-ml-32:focus { margin-left: 8rem; }
.active-ml-32:active { margin-left: 8rem; }
html[data-theme="dark"] .dark-active-ml-32:active { margin-left: 8rem; }
.disabled-ml-32:disabled { margin-left: 8rem; }
html[data-theme="dark"] .dark-disabled-ml-32:disabled { margin-left: 8rem; }
.focus-visible-ml-32:focus-visible { margin-left: 8rem; }
html[data-theme="dark"] .dark-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
.focus-within-ml-32:focus-within { margin-left: 8rem; }
html[data-theme="dark"] .dark-focus-within-ml-32:focus-within { margin-left: 8rem; }
.group:hover .group-hover-ml-32 { margin-left: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ml-32 { margin-left: 8rem; }
.mr-auto { margin-right: auto; }
html[data-theme="dark"] .dark-mr-auto { margin-right: auto; }
.hover-mr-auto:hover { margin-right: auto; }
html[data-theme="dark"] .dark-hover-mr-auto:hover { margin-right: auto; }
.focus-mr-auto:focus { margin-right: auto; }
html[data-theme="dark"] .dark-focus-mr-auto:focus { margin-right: auto; }
.active-mr-auto:active { margin-right: auto; }
html[data-theme="dark"] .dark-active-mr-auto:active { margin-right: auto; }
.disabled-mr-auto:disabled { margin-right: auto; }
html[data-theme="dark"] .dark-disabled-mr-auto:disabled { margin-right: auto; }
.focus-visible-mr-auto:focus-visible { margin-right: auto; }
html[data-theme="dark"] .dark-focus-visible-mr-auto:focus-visible { margin-right: auto; }
.focus-within-mr-auto:focus-within { margin-right: auto; }
html[data-theme="dark"] .dark-focus-within-mr-auto:focus-within { margin-right: auto; }
.group:hover .group-hover-mr-auto { margin-right: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0; }
html[data-theme="dark"] .dark-mr-0 { margin-right: 0; }
.hover-mr-0:hover { margin-right: 0; }
html[data-theme="dark"] .dark-hover-mr-0:hover { margin-right: 0; }
.focus-mr-0:focus { margin-right: 0; }
html[data-theme="dark"] .dark-focus-mr-0:focus { margin-right: 0; }
.active-mr-0:active { margin-right: 0; }
html[data-theme="dark"] .dark-active-mr-0:active { margin-right: 0; }
.disabled-mr-0:disabled { margin-right: 0; }
html[data-theme="dark"] .dark-disabled-mr-0:disabled { margin-right: 0; }
.focus-visible-mr-0:focus-visible { margin-right: 0; }
html[data-theme="dark"] .dark-focus-visible-mr-0:focus-visible { margin-right: 0; }
.focus-within-mr-0:focus-within { margin-right: 0; }
html[data-theme="dark"] .dark-focus-within-mr-0:focus-within { margin-right: 0; }
.group:hover .group-hover-mr-0 { margin-right: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-mr-1 { margin-right: 0.25rem; }
.hover-mr-1:hover { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-hover-mr-1:hover { margin-right: 0.25rem; }
.focus-mr-1:focus { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-mr-1:focus { margin-right: 0.25rem; }
.active-mr-1:active { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-active-mr-1:active { margin-right: 0.25rem; }
.disabled-mr-1:disabled { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-disabled-mr-1:disabled { margin-right: 0.25rem; }
.focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
.focus-within-mr-1:focus-within { margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
.group:hover .group-hover-mr-1 { margin-right: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-mr-2 { margin-right: 0.5rem; }
.hover-mr-2:hover { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-hover-mr-2:hover { margin-right: 0.5rem; }
.focus-mr-2:focus { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-mr-2:focus { margin-right: 0.5rem; }
.active-mr-2:active { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-active-mr-2:active { margin-right: 0.5rem; }
.disabled-mr-2:disabled { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-disabled-mr-2:disabled { margin-right: 0.5rem; }
.focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
.focus-within-mr-2:focus-within { margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
.group:hover .group-hover-mr-2 { margin-right: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-mr-3 { margin-right: 0.75rem; }
.hover-mr-3:hover { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-hover-mr-3:hover { margin-right: 0.75rem; }
.focus-mr-3:focus { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-mr-3:focus { margin-right: 0.75rem; }
.active-mr-3:active { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-active-mr-3:active { margin-right: 0.75rem; }
.disabled-mr-3:disabled { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-disabled-mr-3:disabled { margin-right: 0.75rem; }
.focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
.focus-within-mr-3:focus-within { margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
.group:hover .group-hover-mr-3 { margin-right: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
html[data-theme="dark"] .dark-mr-4 { margin-right: 1rem; }
.hover-mr-4:hover { margin-right: 1rem; }
html[data-theme="dark"] .dark-hover-mr-4:hover { margin-right: 1rem; }
.focus-mr-4:focus { margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-mr-4:focus { margin-right: 1rem; }
.active-mr-4:active { margin-right: 1rem; }
html[data-theme="dark"] .dark-active-mr-4:active { margin-right: 1rem; }
.disabled-mr-4:disabled { margin-right: 1rem; }
html[data-theme="dark"] .dark-disabled-mr-4:disabled { margin-right: 1rem; }
.focus-visible-mr-4:focus-visible { margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
.focus-within-mr-4:focus-within { margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-within-mr-4:focus-within { margin-right: 1rem; }
.group:hover .group-hover-mr-4 { margin-right: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-4 { margin-right: 1rem; }
.mr-5 { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-mr-5 { margin-right: 1.25rem; }
.hover-mr-5:hover { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-hover-mr-5:hover { margin-right: 1.25rem; }
.focus-mr-5:focus { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-mr-5:focus { margin-right: 1.25rem; }
.active-mr-5:active { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-active-mr-5:active { margin-right: 1.25rem; }
.disabled-mr-5:disabled { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-disabled-mr-5:disabled { margin-right: 1.25rem; }
.focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
.focus-within-mr-5:focus-within { margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
.group:hover .group-hover-mr-5 { margin-right: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-5 { margin-right: 1.25rem; }
.mr-6 { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-mr-6 { margin-right: 1.5rem; }
.hover-mr-6:hover { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-hover-mr-6:hover { margin-right: 1.5rem; }
.focus-mr-6:focus { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-mr-6:focus { margin-right: 1.5rem; }
.active-mr-6:active { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-active-mr-6:active { margin-right: 1.5rem; }
.disabled-mr-6:disabled { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-disabled-mr-6:disabled { margin-right: 1.5rem; }
.focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
.focus-within-mr-6:focus-within { margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
.group:hover .group-hover-mr-6 { margin-right: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-6 { margin-right: 1.5rem; }
.mr-8 { margin-right: 2rem; }
html[data-theme="dark"] .dark-mr-8 { margin-right: 2rem; }
.hover-mr-8:hover { margin-right: 2rem; }
html[data-theme="dark"] .dark-hover-mr-8:hover { margin-right: 2rem; }
.focus-mr-8:focus { margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-mr-8:focus { margin-right: 2rem; }
.active-mr-8:active { margin-right: 2rem; }
html[data-theme="dark"] .dark-active-mr-8:active { margin-right: 2rem; }
.disabled-mr-8:disabled { margin-right: 2rem; }
html[data-theme="dark"] .dark-disabled-mr-8:disabled { margin-right: 2rem; }
.focus-visible-mr-8:focus-visible { margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
.focus-within-mr-8:focus-within { margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-within-mr-8:focus-within { margin-right: 2rem; }
.group:hover .group-hover-mr-8 { margin-right: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-8 { margin-right: 2rem; }
.mr-10 { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-mr-10 { margin-right: 2.5rem; }
.hover-mr-10:hover { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-hover-mr-10:hover { margin-right: 2.5rem; }
.focus-mr-10:focus { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-mr-10:focus { margin-right: 2.5rem; }
.active-mr-10:active { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-active-mr-10:active { margin-right: 2.5rem; }
.disabled-mr-10:disabled { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-disabled-mr-10:disabled { margin-right: 2.5rem; }
.focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
.focus-within-mr-10:focus-within { margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
.group:hover .group-hover-mr-10 { margin-right: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-10 { margin-right: 2.5rem; }
.mr-12 { margin-right: 3rem; }
html[data-theme="dark"] .dark-mr-12 { margin-right: 3rem; }
.hover-mr-12:hover { margin-right: 3rem; }
html[data-theme="dark"] .dark-hover-mr-12:hover { margin-right: 3rem; }
.focus-mr-12:focus { margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-mr-12:focus { margin-right: 3rem; }
.active-mr-12:active { margin-right: 3rem; }
html[data-theme="dark"] .dark-active-mr-12:active { margin-right: 3rem; }
.disabled-mr-12:disabled { margin-right: 3rem; }
html[data-theme="dark"] .dark-disabled-mr-12:disabled { margin-right: 3rem; }
.focus-visible-mr-12:focus-visible { margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
.focus-within-mr-12:focus-within { margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-within-mr-12:focus-within { margin-right: 3rem; }
.group:hover .group-hover-mr-12 { margin-right: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-12 { margin-right: 3rem; }
.mr-16 { margin-right: 4rem; }
html[data-theme="dark"] .dark-mr-16 { margin-right: 4rem; }
.hover-mr-16:hover { margin-right: 4rem; }
html[data-theme="dark"] .dark-hover-mr-16:hover { margin-right: 4rem; }
.focus-mr-16:focus { margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-mr-16:focus { margin-right: 4rem; }
.active-mr-16:active { margin-right: 4rem; }
html[data-theme="dark"] .dark-active-mr-16:active { margin-right: 4rem; }
.disabled-mr-16:disabled { margin-right: 4rem; }
html[data-theme="dark"] .dark-disabled-mr-16:disabled { margin-right: 4rem; }
.focus-visible-mr-16:focus-visible { margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
.focus-within-mr-16:focus-within { margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-within-mr-16:focus-within { margin-right: 4rem; }
.group:hover .group-hover-mr-16 { margin-right: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-16 { margin-right: 4rem; }
.mr-20 { margin-right: 5rem; }
html[data-theme="dark"] .dark-mr-20 { margin-right: 5rem; }
.hover-mr-20:hover { margin-right: 5rem; }
html[data-theme="dark"] .dark-hover-mr-20:hover { margin-right: 5rem; }
.focus-mr-20:focus { margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-mr-20:focus { margin-right: 5rem; }
.active-mr-20:active { margin-right: 5rem; }
html[data-theme="dark"] .dark-active-mr-20:active { margin-right: 5rem; }
.disabled-mr-20:disabled { margin-right: 5rem; }
html[data-theme="dark"] .dark-disabled-mr-20:disabled { margin-right: 5rem; }
.focus-visible-mr-20:focus-visible { margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
.focus-within-mr-20:focus-within { margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-within-mr-20:focus-within { margin-right: 5rem; }
.group:hover .group-hover-mr-20 { margin-right: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-20 { margin-right: 5rem; }
.mr-24 { margin-right: 6rem; }
html[data-theme="dark"] .dark-mr-24 { margin-right: 6rem; }
.hover-mr-24:hover { margin-right: 6rem; }
html[data-theme="dark"] .dark-hover-mr-24:hover { margin-right: 6rem; }
.focus-mr-24:focus { margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-mr-24:focus { margin-right: 6rem; }
.active-mr-24:active { margin-right: 6rem; }
html[data-theme="dark"] .dark-active-mr-24:active { margin-right: 6rem; }
.disabled-mr-24:disabled { margin-right: 6rem; }
html[data-theme="dark"] .dark-disabled-mr-24:disabled { margin-right: 6rem; }
.focus-visible-mr-24:focus-visible { margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
.focus-within-mr-24:focus-within { margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-within-mr-24:focus-within { margin-right: 6rem; }
.group:hover .group-hover-mr-24 { margin-right: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-24 { margin-right: 6rem; }
.mr-28 { margin-right: 7rem; }
html[data-theme="dark"] .dark-mr-28 { margin-right: 7rem; }
.hover-mr-28:hover { margin-right: 7rem; }
html[data-theme="dark"] .dark-hover-mr-28:hover { margin-right: 7rem; }
.focus-mr-28:focus { margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-mr-28:focus { margin-right: 7rem; }
.active-mr-28:active { margin-right: 7rem; }
html[data-theme="dark"] .dark-active-mr-28:active { margin-right: 7rem; }
.disabled-mr-28:disabled { margin-right: 7rem; }
html[data-theme="dark"] .dark-disabled-mr-28:disabled { margin-right: 7rem; }
.focus-visible-mr-28:focus-visible { margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
.focus-within-mr-28:focus-within { margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-within-mr-28:focus-within { margin-right: 7rem; }
.group:hover .group-hover-mr-28 { margin-right: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-28 { margin-right: 7rem; }
.mr-32 { margin-right: 8rem; }
html[data-theme="dark"] .dark-mr-32 { margin-right: 8rem; }
.hover-mr-32:hover { margin-right: 8rem; }
html[data-theme="dark"] .dark-hover-mr-32:hover { margin-right: 8rem; }
.focus-mr-32:focus { margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-mr-32:focus { margin-right: 8rem; }
.active-mr-32:active { margin-right: 8rem; }
html[data-theme="dark"] .dark-active-mr-32:active { margin-right: 8rem; }
.disabled-mr-32:disabled { margin-right: 8rem; }
html[data-theme="dark"] .dark-disabled-mr-32:disabled { margin-right: 8rem; }
.focus-visible-mr-32:focus-visible { margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
.focus-within-mr-32:focus-within { margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-within-mr-32:focus-within { margin-right: 8rem; }
.group:hover .group-hover-mr-32 { margin-right: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mr-32 { margin-right: 8rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-mx-auto { margin-left: auto; margin-right: auto; }
.hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
.focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
.active-mx-auto:active { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-active-mx-auto:active { margin-left: auto; margin-right: auto; }
.disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
.focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
.focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .dark-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
.group:hover .group-hover-mx-auto { margin-left: auto; margin-right: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
.mx-0 { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-mx-0 { margin-left: 0; margin-right: 0; }
.hover-mx-0:hover { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
.focus-mx-0:focus { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
.active-mx-0:active { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-active-mx-0:active { margin-left: 0; margin-right: 0; }
.disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
.focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
.focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .dark-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
.group:hover .group-hover-mx-0 { margin-left: 0; margin-right: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
.focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
.active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
.disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
.focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
.focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
.group:hover .group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
.focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
.active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
.disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
.focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
.focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
.group:hover .group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
.focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
.active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
.disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
.focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
.focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
.group:hover .group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-mx-4 { margin-left: 1rem; margin-right: 1rem; }
.hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
.focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
.active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
.disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
.focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
.focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .dark-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
.group:hover .group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
.focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
.active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
.disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
.focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
.focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
.group:hover .group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
.focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
.active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
.disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
.focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
.focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
.group:hover .group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-8 { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-mx-8 { margin-left: 2rem; margin-right: 2rem; }
.hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
.focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
.active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
.disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
.focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
.focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .dark-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
.group:hover .group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
.focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
.active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
.disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
.focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
.focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
.group:hover .group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.mx-12 { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-mx-12 { margin-left: 3rem; margin-right: 3rem; }
.hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
.focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
.active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
.disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
.focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
.focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .dark-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
.group:hover .group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
.mx-16 { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-mx-16 { margin-left: 4rem; margin-right: 4rem; }
.hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
.focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
.active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
.disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
.focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
.focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .dark-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
.group:hover .group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
.mx-20 { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-mx-20 { margin-left: 5rem; margin-right: 5rem; }
.hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
.focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
.active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
.disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
.focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
.focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .dark-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
.group:hover .group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
.mx-24 { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-mx-24 { margin-left: 6rem; margin-right: 6rem; }
.hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
.focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
.active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
.disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
.focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
.focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .dark-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
.group:hover .group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
.mx-28 { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-mx-28 { margin-left: 7rem; margin-right: 7rem; }
.hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
.focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
.active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
.disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
.focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
.focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .dark-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
.group:hover .group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
.mx-32 { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-mx-32 { margin-left: 8rem; margin-right: 8rem; }
.hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
.focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
.active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
.disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
.focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
.focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .dark-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
.group:hover .group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
.my-auto { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-my-auto { margin-top: auto; margin-bottom: auto; }
.hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
.focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
.active-my-auto:active { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
.disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
.focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
.focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .dark-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
.group:hover .group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
.my-0 { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-my-0 { margin-top: 0; margin-bottom: 0; }
.hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
.focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
.active-my-0:active { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-active-my-0:active { margin-top: 0; margin-bottom: 0; }
.disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
.focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
.focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .dark-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
.group:hover .group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.group:hover .group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.group:hover .group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.group:hover .group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
.focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
.active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
.disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
.focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
.focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .dark-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
.group:hover .group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.group:hover .group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.group:hover .group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
.focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
.active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
.disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
.focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
.focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .dark-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
.group:hover .group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.group:hover .group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
.focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
.active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
.disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
.focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
.focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .dark-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
.group:hover .group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.my-16 { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
.hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
.focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
.active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
.disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
.focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
.focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .dark-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
.group:hover .group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
.my-20 { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
.hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
.focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
.active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
.disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
.focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
.focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .dark-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
.group:hover .group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
.my-24 { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
.hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
.focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
.active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
.disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
.focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
.focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .dark-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
.group:hover .group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
.my-28 { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
.hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
.focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
.active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
.disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
.focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
.focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .dark-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
.group:hover .group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
.my-32 { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
.hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
.focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
.active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
.disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
.focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
.focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .dark-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
.group:hover .group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
.space-x-auto { --space-x: auto; }
html[data-theme="dark"] .dark-space-x-auto { --space-x: auto; }
.hover-space-x-auto:hover { --space-x: auto; }
html[data-theme="dark"] .dark-hover-space-x-auto:hover { --space-x: auto; }
.focus-space-x-auto:focus { --space-x: auto; }
html[data-theme="dark"] .dark-focus-space-x-auto:focus { --space-x: auto; }
.active-space-x-auto:active { --space-x: auto; }
html[data-theme="dark"] .dark-active-space-x-auto:active { --space-x: auto; }
.disabled-space-x-auto:disabled { --space-x: auto; }
html[data-theme="dark"] .dark-disabled-space-x-auto:disabled { --space-x: auto; }
.focus-visible-space-x-auto:focus-visible { --space-x: auto; }
html[data-theme="dark"] .dark-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
.focus-within-space-x-auto:focus-within { --space-x: auto; }
html[data-theme="dark"] .dark-focus-within-space-x-auto:focus-within { --space-x: auto; }
.group:hover .group-hover-space-x-auto { --space-x: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-auto { --space-x: auto; }
.space-x-0 { --space-x: 0; }
html[data-theme="dark"] .dark-space-x-0 { --space-x: 0; }
.hover-space-x-0:hover { --space-x: 0; }
html[data-theme="dark"] .dark-hover-space-x-0:hover { --space-x: 0; }
.focus-space-x-0:focus { --space-x: 0; }
html[data-theme="dark"] .dark-focus-space-x-0:focus { --space-x: 0; }
.active-space-x-0:active { --space-x: 0; }
html[data-theme="dark"] .dark-active-space-x-0:active { --space-x: 0; }
.disabled-space-x-0:disabled { --space-x: 0; }
html[data-theme="dark"] .dark-disabled-space-x-0:disabled { --space-x: 0; }
.focus-visible-space-x-0:focus-visible { --space-x: 0; }
html[data-theme="dark"] .dark-focus-visible-space-x-0:focus-visible { --space-x: 0; }
.focus-within-space-x-0:focus-within { --space-x: 0; }
html[data-theme="dark"] .dark-focus-within-space-x-0:focus-within { --space-x: 0; }
.group:hover .group-hover-space-x-0 { --space-x: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-0 { --space-x: 0; }
.space-x-1 { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-space-x-1 { --space-x: 0.25rem; }
.hover-space-x-1:hover { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-hover-space-x-1:hover { --space-x: 0.25rem; }
.focus-space-x-1:focus { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-focus-space-x-1:focus { --space-x: 0.25rem; }
.active-space-x-1:active { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-active-space-x-1:active { --space-x: 0.25rem; }
.disabled-space-x-1:disabled { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
.focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
.group:hover .group-hover-space-x-1 { --space-x: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-1 { --space-x: 0.25rem; }
.space-x-2 { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-space-x-2 { --space-x: 0.5rem; }
.hover-space-x-2:hover { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-hover-space-x-2:hover { --space-x: 0.5rem; }
.focus-space-x-2:focus { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-focus-space-x-2:focus { --space-x: 0.5rem; }
.active-space-x-2:active { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-active-space-x-2:active { --space-x: 0.5rem; }
.disabled-space-x-2:disabled { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
.focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
.group:hover .group-hover-space-x-2 { --space-x: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-2 { --space-x: 0.5rem; }
.space-x-3 { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-space-x-3 { --space-x: 0.75rem; }
.hover-space-x-3:hover { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-hover-space-x-3:hover { --space-x: 0.75rem; }
.focus-space-x-3:focus { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-focus-space-x-3:focus { --space-x: 0.75rem; }
.active-space-x-3:active { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-active-space-x-3:active { --space-x: 0.75rem; }
.disabled-space-x-3:disabled { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
.focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
.group:hover .group-hover-space-x-3 { --space-x: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-3 { --space-x: 0.75rem; }
.space-x-4 { --space-x: 1rem; }
html[data-theme="dark"] .dark-space-x-4 { --space-x: 1rem; }
.hover-space-x-4:hover { --space-x: 1rem; }
html[data-theme="dark"] .dark-hover-space-x-4:hover { --space-x: 1rem; }
.focus-space-x-4:focus { --space-x: 1rem; }
html[data-theme="dark"] .dark-focus-space-x-4:focus { --space-x: 1rem; }
.active-space-x-4:active { --space-x: 1rem; }
html[data-theme="dark"] .dark-active-space-x-4:active { --space-x: 1rem; }
.disabled-space-x-4:disabled { --space-x: 1rem; }
html[data-theme="dark"] .dark-disabled-space-x-4:disabled { --space-x: 1rem; }
.focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
.focus-within-space-x-4:focus-within { --space-x: 1rem; }
html[data-theme="dark"] .dark-focus-within-space-x-4:focus-within { --space-x: 1rem; }
.group:hover .group-hover-space-x-4 { --space-x: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-4 { --space-x: 1rem; }
.space-x-5 { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-space-x-5 { --space-x: 1.25rem; }
.hover-space-x-5:hover { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-hover-space-x-5:hover { --space-x: 1.25rem; }
.focus-space-x-5:focus { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-focus-space-x-5:focus { --space-x: 1.25rem; }
.active-space-x-5:active { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-active-space-x-5:active { --space-x: 1.25rem; }
.disabled-space-x-5:disabled { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
.focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
.group:hover .group-hover-space-x-5 { --space-x: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-5 { --space-x: 1.25rem; }
.space-x-6 { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-space-x-6 { --space-x: 1.5rem; }
.hover-space-x-6:hover { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-hover-space-x-6:hover { --space-x: 1.5rem; }
.focus-space-x-6:focus { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-focus-space-x-6:focus { --space-x: 1.5rem; }
.active-space-x-6:active { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-active-space-x-6:active { --space-x: 1.5rem; }
.disabled-space-x-6:disabled { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
.focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
.group:hover .group-hover-space-x-6 { --space-x: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-6 { --space-x: 1.5rem; }
.space-x-8 { --space-x: 2rem; }
html[data-theme="dark"] .dark-space-x-8 { --space-x: 2rem; }
.hover-space-x-8:hover { --space-x: 2rem; }
html[data-theme="dark"] .dark-hover-space-x-8:hover { --space-x: 2rem; }
.focus-space-x-8:focus { --space-x: 2rem; }
html[data-theme="dark"] .dark-focus-space-x-8:focus { --space-x: 2rem; }
.active-space-x-8:active { --space-x: 2rem; }
html[data-theme="dark"] .dark-active-space-x-8:active { --space-x: 2rem; }
.disabled-space-x-8:disabled { --space-x: 2rem; }
html[data-theme="dark"] .dark-disabled-space-x-8:disabled { --space-x: 2rem; }
.focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
.focus-within-space-x-8:focus-within { --space-x: 2rem; }
html[data-theme="dark"] .dark-focus-within-space-x-8:focus-within { --space-x: 2rem; }
.group:hover .group-hover-space-x-8 { --space-x: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-8 { --space-x: 2rem; }
.space-x-10 { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-space-x-10 { --space-x: 2.5rem; }
.hover-space-x-10:hover { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-hover-space-x-10:hover { --space-x: 2.5rem; }
.focus-space-x-10:focus { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-focus-space-x-10:focus { --space-x: 2.5rem; }
.active-space-x-10:active { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-active-space-x-10:active { --space-x: 2.5rem; }
.disabled-space-x-10:disabled { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
.focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
.group:hover .group-hover-space-x-10 { --space-x: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-10 { --space-x: 2.5rem; }
.space-x-12 { --space-x: 3rem; }
html[data-theme="dark"] .dark-space-x-12 { --space-x: 3rem; }
.hover-space-x-12:hover { --space-x: 3rem; }
html[data-theme="dark"] .dark-hover-space-x-12:hover { --space-x: 3rem; }
.focus-space-x-12:focus { --space-x: 3rem; }
html[data-theme="dark"] .dark-focus-space-x-12:focus { --space-x: 3rem; }
.active-space-x-12:active { --space-x: 3rem; }
html[data-theme="dark"] .dark-active-space-x-12:active { --space-x: 3rem; }
.disabled-space-x-12:disabled { --space-x: 3rem; }
html[data-theme="dark"] .dark-disabled-space-x-12:disabled { --space-x: 3rem; }
.focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
.focus-within-space-x-12:focus-within { --space-x: 3rem; }
html[data-theme="dark"] .dark-focus-within-space-x-12:focus-within { --space-x: 3rem; }
.group:hover .group-hover-space-x-12 { --space-x: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-12 { --space-x: 3rem; }
.space-x-16 { --space-x: 4rem; }
html[data-theme="dark"] .dark-space-x-16 { --space-x: 4rem; }
.hover-space-x-16:hover { --space-x: 4rem; }
html[data-theme="dark"] .dark-hover-space-x-16:hover { --space-x: 4rem; }
.focus-space-x-16:focus { --space-x: 4rem; }
html[data-theme="dark"] .dark-focus-space-x-16:focus { --space-x: 4rem; }
.active-space-x-16:active { --space-x: 4rem; }
html[data-theme="dark"] .dark-active-space-x-16:active { --space-x: 4rem; }
.disabled-space-x-16:disabled { --space-x: 4rem; }
html[data-theme="dark"] .dark-disabled-space-x-16:disabled { --space-x: 4rem; }
.focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
.focus-within-space-x-16:focus-within { --space-x: 4rem; }
html[data-theme="dark"] .dark-focus-within-space-x-16:focus-within { --space-x: 4rem; }
.group:hover .group-hover-space-x-16 { --space-x: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-16 { --space-x: 4rem; }
.space-x-20 { --space-x: 5rem; }
html[data-theme="dark"] .dark-space-x-20 { --space-x: 5rem; }
.hover-space-x-20:hover { --space-x: 5rem; }
html[data-theme="dark"] .dark-hover-space-x-20:hover { --space-x: 5rem; }
.focus-space-x-20:focus { --space-x: 5rem; }
html[data-theme="dark"] .dark-focus-space-x-20:focus { --space-x: 5rem; }
.active-space-x-20:active { --space-x: 5rem; }
html[data-theme="dark"] .dark-active-space-x-20:active { --space-x: 5rem; }
.disabled-space-x-20:disabled { --space-x: 5rem; }
html[data-theme="dark"] .dark-disabled-space-x-20:disabled { --space-x: 5rem; }
.focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
.focus-within-space-x-20:focus-within { --space-x: 5rem; }
html[data-theme="dark"] .dark-focus-within-space-x-20:focus-within { --space-x: 5rem; }
.group:hover .group-hover-space-x-20 { --space-x: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-20 { --space-x: 5rem; }
.space-x-24 { --space-x: 6rem; }
html[data-theme="dark"] .dark-space-x-24 { --space-x: 6rem; }
.hover-space-x-24:hover { --space-x: 6rem; }
html[data-theme="dark"] .dark-hover-space-x-24:hover { --space-x: 6rem; }
.focus-space-x-24:focus { --space-x: 6rem; }
html[data-theme="dark"] .dark-focus-space-x-24:focus { --space-x: 6rem; }
.active-space-x-24:active { --space-x: 6rem; }
html[data-theme="dark"] .dark-active-space-x-24:active { --space-x: 6rem; }
.disabled-space-x-24:disabled { --space-x: 6rem; }
html[data-theme="dark"] .dark-disabled-space-x-24:disabled { --space-x: 6rem; }
.focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
.focus-within-space-x-24:focus-within { --space-x: 6rem; }
html[data-theme="dark"] .dark-focus-within-space-x-24:focus-within { --space-x: 6rem; }
.group:hover .group-hover-space-x-24 { --space-x: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-24 { --space-x: 6rem; }
.space-x-28 { --space-x: 7rem; }
html[data-theme="dark"] .dark-space-x-28 { --space-x: 7rem; }
.hover-space-x-28:hover { --space-x: 7rem; }
html[data-theme="dark"] .dark-hover-space-x-28:hover { --space-x: 7rem; }
.focus-space-x-28:focus { --space-x: 7rem; }
html[data-theme="dark"] .dark-focus-space-x-28:focus { --space-x: 7rem; }
.active-space-x-28:active { --space-x: 7rem; }
html[data-theme="dark"] .dark-active-space-x-28:active { --space-x: 7rem; }
.disabled-space-x-28:disabled { --space-x: 7rem; }
html[data-theme="dark"] .dark-disabled-space-x-28:disabled { --space-x: 7rem; }
.focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
.focus-within-space-x-28:focus-within { --space-x: 7rem; }
html[data-theme="dark"] .dark-focus-within-space-x-28:focus-within { --space-x: 7rem; }
.group:hover .group-hover-space-x-28 { --space-x: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-28 { --space-x: 7rem; }
.space-x-32 { --space-x: 8rem; }
html[data-theme="dark"] .dark-space-x-32 { --space-x: 8rem; }
.hover-space-x-32:hover { --space-x: 8rem; }
html[data-theme="dark"] .dark-hover-space-x-32:hover { --space-x: 8rem; }
.focus-space-x-32:focus { --space-x: 8rem; }
html[data-theme="dark"] .dark-focus-space-x-32:focus { --space-x: 8rem; }
.active-space-x-32:active { --space-x: 8rem; }
html[data-theme="dark"] .dark-active-space-x-32:active { --space-x: 8rem; }
.disabled-space-x-32:disabled { --space-x: 8rem; }
html[data-theme="dark"] .dark-disabled-space-x-32:disabled { --space-x: 8rem; }
.focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
html[data-theme="dark"] .dark-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
.focus-within-space-x-32:focus-within { --space-x: 8rem; }
html[data-theme="dark"] .dark-focus-within-space-x-32:focus-within { --space-x: 8rem; }
.group:hover .group-hover-space-x-32 { --space-x: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-x-32 { --space-x: 8rem; }
.space-y-auto { --space-y: auto; }
html[data-theme="dark"] .dark-space-y-auto { --space-y: auto; }
.hover-space-y-auto:hover { --space-y: auto; }
html[data-theme="dark"] .dark-hover-space-y-auto:hover { --space-y: auto; }
.focus-space-y-auto:focus { --space-y: auto; }
html[data-theme="dark"] .dark-focus-space-y-auto:focus { --space-y: auto; }
.active-space-y-auto:active { --space-y: auto; }
html[data-theme="dark"] .dark-active-space-y-auto:active { --space-y: auto; }
.disabled-space-y-auto:disabled { --space-y: auto; }
html[data-theme="dark"] .dark-disabled-space-y-auto:disabled { --space-y: auto; }
.focus-visible-space-y-auto:focus-visible { --space-y: auto; }
html[data-theme="dark"] .dark-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
.focus-within-space-y-auto:focus-within { --space-y: auto; }
html[data-theme="dark"] .dark-focus-within-space-y-auto:focus-within { --space-y: auto; }
.group:hover .group-hover-space-y-auto { --space-y: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-auto { --space-y: auto; }
.space-y-0 { --space-y: 0; }
html[data-theme="dark"] .dark-space-y-0 { --space-y: 0; }
.hover-space-y-0:hover { --space-y: 0; }
html[data-theme="dark"] .dark-hover-space-y-0:hover { --space-y: 0; }
.focus-space-y-0:focus { --space-y: 0; }
html[data-theme="dark"] .dark-focus-space-y-0:focus { --space-y: 0; }
.active-space-y-0:active { --space-y: 0; }
html[data-theme="dark"] .dark-active-space-y-0:active { --space-y: 0; }
.disabled-space-y-0:disabled { --space-y: 0; }
html[data-theme="dark"] .dark-disabled-space-y-0:disabled { --space-y: 0; }
.focus-visible-space-y-0:focus-visible { --space-y: 0; }
html[data-theme="dark"] .dark-focus-visible-space-y-0:focus-visible { --space-y: 0; }
.focus-within-space-y-0:focus-within { --space-y: 0; }
html[data-theme="dark"] .dark-focus-within-space-y-0:focus-within { --space-y: 0; }
.group:hover .group-hover-space-y-0 { --space-y: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-0 { --space-y: 0; }
.space-y-1 { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-space-y-1 { --space-y: 0.25rem; }
.hover-space-y-1:hover { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-hover-space-y-1:hover { --space-y: 0.25rem; }
.focus-space-y-1:focus { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-focus-space-y-1:focus { --space-y: 0.25rem; }
.active-space-y-1:active { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-active-space-y-1:active { --space-y: 0.25rem; }
.disabled-space-y-1:disabled { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
.focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
.group:hover .group-hover-space-y-1 { --space-y: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-1 { --space-y: 0.25rem; }
.space-y-2 { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-space-y-2 { --space-y: 0.5rem; }
.hover-space-y-2:hover { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-hover-space-y-2:hover { --space-y: 0.5rem; }
.focus-space-y-2:focus { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-focus-space-y-2:focus { --space-y: 0.5rem; }
.active-space-y-2:active { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-active-space-y-2:active { --space-y: 0.5rem; }
.disabled-space-y-2:disabled { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
.focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
.group:hover .group-hover-space-y-2 { --space-y: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-2 { --space-y: 0.5rem; }
.space-y-3 { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-space-y-3 { --space-y: 0.75rem; }
.hover-space-y-3:hover { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-hover-space-y-3:hover { --space-y: 0.75rem; }
.focus-space-y-3:focus { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-focus-space-y-3:focus { --space-y: 0.75rem; }
.active-space-y-3:active { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-active-space-y-3:active { --space-y: 0.75rem; }
.disabled-space-y-3:disabled { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
.focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
.group:hover .group-hover-space-y-3 { --space-y: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-3 { --space-y: 0.75rem; }
.space-y-4 { --space-y: 1rem; }
html[data-theme="dark"] .dark-space-y-4 { --space-y: 1rem; }
.hover-space-y-4:hover { --space-y: 1rem; }
html[data-theme="dark"] .dark-hover-space-y-4:hover { --space-y: 1rem; }
.focus-space-y-4:focus { --space-y: 1rem; }
html[data-theme="dark"] .dark-focus-space-y-4:focus { --space-y: 1rem; }
.active-space-y-4:active { --space-y: 1rem; }
html[data-theme="dark"] .dark-active-space-y-4:active { --space-y: 1rem; }
.disabled-space-y-4:disabled { --space-y: 1rem; }
html[data-theme="dark"] .dark-disabled-space-y-4:disabled { --space-y: 1rem; }
.focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
.focus-within-space-y-4:focus-within { --space-y: 1rem; }
html[data-theme="dark"] .dark-focus-within-space-y-4:focus-within { --space-y: 1rem; }
.group:hover .group-hover-space-y-4 { --space-y: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-4 { --space-y: 1rem; }
.space-y-5 { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-space-y-5 { --space-y: 1.25rem; }
.hover-space-y-5:hover { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-hover-space-y-5:hover { --space-y: 1.25rem; }
.focus-space-y-5:focus { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-focus-space-y-5:focus { --space-y: 1.25rem; }
.active-space-y-5:active { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-active-space-y-5:active { --space-y: 1.25rem; }
.disabled-space-y-5:disabled { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
.focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
.group:hover .group-hover-space-y-5 { --space-y: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-5 { --space-y: 1.25rem; }
.space-y-6 { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-space-y-6 { --space-y: 1.5rem; }
.hover-space-y-6:hover { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-hover-space-y-6:hover { --space-y: 1.5rem; }
.focus-space-y-6:focus { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-focus-space-y-6:focus { --space-y: 1.5rem; }
.active-space-y-6:active { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-active-space-y-6:active { --space-y: 1.5rem; }
.disabled-space-y-6:disabled { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
.focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
.group:hover .group-hover-space-y-6 { --space-y: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-6 { --space-y: 1.5rem; }
.space-y-8 { --space-y: 2rem; }
html[data-theme="dark"] .dark-space-y-8 { --space-y: 2rem; }
.hover-space-y-8:hover { --space-y: 2rem; }
html[data-theme="dark"] .dark-hover-space-y-8:hover { --space-y: 2rem; }
.focus-space-y-8:focus { --space-y: 2rem; }
html[data-theme="dark"] .dark-focus-space-y-8:focus { --space-y: 2rem; }
.active-space-y-8:active { --space-y: 2rem; }
html[data-theme="dark"] .dark-active-space-y-8:active { --space-y: 2rem; }
.disabled-space-y-8:disabled { --space-y: 2rem; }
html[data-theme="dark"] .dark-disabled-space-y-8:disabled { --space-y: 2rem; }
.focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
.focus-within-space-y-8:focus-within { --space-y: 2rem; }
html[data-theme="dark"] .dark-focus-within-space-y-8:focus-within { --space-y: 2rem; }
.group:hover .group-hover-space-y-8 { --space-y: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-8 { --space-y: 2rem; }
.space-y-10 { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-space-y-10 { --space-y: 2.5rem; }
.hover-space-y-10:hover { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-hover-space-y-10:hover { --space-y: 2.5rem; }
.focus-space-y-10:focus { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-focus-space-y-10:focus { --space-y: 2.5rem; }
.active-space-y-10:active { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-active-space-y-10:active { --space-y: 2.5rem; }
.disabled-space-y-10:disabled { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
.focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
.group:hover .group-hover-space-y-10 { --space-y: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-10 { --space-y: 2.5rem; }
.space-y-12 { --space-y: 3rem; }
html[data-theme="dark"] .dark-space-y-12 { --space-y: 3rem; }
.hover-space-y-12:hover { --space-y: 3rem; }
html[data-theme="dark"] .dark-hover-space-y-12:hover { --space-y: 3rem; }
.focus-space-y-12:focus { --space-y: 3rem; }
html[data-theme="dark"] .dark-focus-space-y-12:focus { --space-y: 3rem; }
.active-space-y-12:active { --space-y: 3rem; }
html[data-theme="dark"] .dark-active-space-y-12:active { --space-y: 3rem; }
.disabled-space-y-12:disabled { --space-y: 3rem; }
html[data-theme="dark"] .dark-disabled-space-y-12:disabled { --space-y: 3rem; }
.focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
.focus-within-space-y-12:focus-within { --space-y: 3rem; }
html[data-theme="dark"] .dark-focus-within-space-y-12:focus-within { --space-y: 3rem; }
.group:hover .group-hover-space-y-12 { --space-y: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-12 { --space-y: 3rem; }
.space-y-16 { --space-y: 4rem; }
html[data-theme="dark"] .dark-space-y-16 { --space-y: 4rem; }
.hover-space-y-16:hover { --space-y: 4rem; }
html[data-theme="dark"] .dark-hover-space-y-16:hover { --space-y: 4rem; }
.focus-space-y-16:focus { --space-y: 4rem; }
html[data-theme="dark"] .dark-focus-space-y-16:focus { --space-y: 4rem; }
.active-space-y-16:active { --space-y: 4rem; }
html[data-theme="dark"] .dark-active-space-y-16:active { --space-y: 4rem; }
.disabled-space-y-16:disabled { --space-y: 4rem; }
html[data-theme="dark"] .dark-disabled-space-y-16:disabled { --space-y: 4rem; }
.focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
.focus-within-space-y-16:focus-within { --space-y: 4rem; }
html[data-theme="dark"] .dark-focus-within-space-y-16:focus-within { --space-y: 4rem; }
.group:hover .group-hover-space-y-16 { --space-y: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-16 { --space-y: 4rem; }
.space-y-20 { --space-y: 5rem; }
html[data-theme="dark"] .dark-space-y-20 { --space-y: 5rem; }
.hover-space-y-20:hover { --space-y: 5rem; }
html[data-theme="dark"] .dark-hover-space-y-20:hover { --space-y: 5rem; }
.focus-space-y-20:focus { --space-y: 5rem; }
html[data-theme="dark"] .dark-focus-space-y-20:focus { --space-y: 5rem; }
.active-space-y-20:active { --space-y: 5rem; }
html[data-theme="dark"] .dark-active-space-y-20:active { --space-y: 5rem; }
.disabled-space-y-20:disabled { --space-y: 5rem; }
html[data-theme="dark"] .dark-disabled-space-y-20:disabled { --space-y: 5rem; }
.focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
.focus-within-space-y-20:focus-within { --space-y: 5rem; }
html[data-theme="dark"] .dark-focus-within-space-y-20:focus-within { --space-y: 5rem; }
.group:hover .group-hover-space-y-20 { --space-y: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-20 { --space-y: 5rem; }
.space-y-24 { --space-y: 6rem; }
html[data-theme="dark"] .dark-space-y-24 { --space-y: 6rem; }
.hover-space-y-24:hover { --space-y: 6rem; }
html[data-theme="dark"] .dark-hover-space-y-24:hover { --space-y: 6rem; }
.focus-space-y-24:focus { --space-y: 6rem; }
html[data-theme="dark"] .dark-focus-space-y-24:focus { --space-y: 6rem; }
.active-space-y-24:active { --space-y: 6rem; }
html[data-theme="dark"] .dark-active-space-y-24:active { --space-y: 6rem; }
.disabled-space-y-24:disabled { --space-y: 6rem; }
html[data-theme="dark"] .dark-disabled-space-y-24:disabled { --space-y: 6rem; }
.focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
.focus-within-space-y-24:focus-within { --space-y: 6rem; }
html[data-theme="dark"] .dark-focus-within-space-y-24:focus-within { --space-y: 6rem; }
.group:hover .group-hover-space-y-24 { --space-y: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-24 { --space-y: 6rem; }
.space-y-28 { --space-y: 7rem; }
html[data-theme="dark"] .dark-space-y-28 { --space-y: 7rem; }
.hover-space-y-28:hover { --space-y: 7rem; }
html[data-theme="dark"] .dark-hover-space-y-28:hover { --space-y: 7rem; }
.focus-space-y-28:focus { --space-y: 7rem; }
html[data-theme="dark"] .dark-focus-space-y-28:focus { --space-y: 7rem; }
.active-space-y-28:active { --space-y: 7rem; }
html[data-theme="dark"] .dark-active-space-y-28:active { --space-y: 7rem; }
.disabled-space-y-28:disabled { --space-y: 7rem; }
html[data-theme="dark"] .dark-disabled-space-y-28:disabled { --space-y: 7rem; }
.focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
.focus-within-space-y-28:focus-within { --space-y: 7rem; }
html[data-theme="dark"] .dark-focus-within-space-y-28:focus-within { --space-y: 7rem; }
.group:hover .group-hover-space-y-28 { --space-y: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-28 { --space-y: 7rem; }
.space-y-32 { --space-y: 8rem; }
html[data-theme="dark"] .dark-space-y-32 { --space-y: 8rem; }
.hover-space-y-32:hover { --space-y: 8rem; }
html[data-theme="dark"] .dark-hover-space-y-32:hover { --space-y: 8rem; }
.focus-space-y-32:focus { --space-y: 8rem; }
html[data-theme="dark"] .dark-focus-space-y-32:focus { --space-y: 8rem; }
.active-space-y-32:active { --space-y: 8rem; }
html[data-theme="dark"] .dark-active-space-y-32:active { --space-y: 8rem; }
.disabled-space-y-32:disabled { --space-y: 8rem; }
html[data-theme="dark"] .dark-disabled-space-y-32:disabled { --space-y: 8rem; }
.focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
html[data-theme="dark"] .dark-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
.focus-within-space-y-32:focus-within { --space-y: 8rem; }
html[data-theme="dark"] .dark-focus-within-space-y-32:focus-within { --space-y: 8rem; }
.group:hover .group-hover-space-y-32 { --space-y: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-space-y-32 { --space-y: 8rem; }
.d-block { display: block; }
html[data-theme="dark"] .dark-d-block { display: block; }
.hover-d-block:hover { display: block; }
html[data-theme="dark"] .dark-hover-d-block:hover { display: block; }
.focus-d-block:focus { display: block; }
html[data-theme="dark"] .dark-focus-d-block:focus { display: block; }
.active-d-block:active { display: block; }
html[data-theme="dark"] .dark-active-d-block:active { display: block; }
.disabled-d-block:disabled { display: block; }
html[data-theme="dark"] .dark-disabled-d-block:disabled { display: block; }
.focus-visible-d-block:focus-visible { display: block; }
html[data-theme="dark"] .dark-focus-visible-d-block:focus-visible { display: block; }
.focus-within-d-block:focus-within { display: block; }
html[data-theme="dark"] .dark-focus-within-d-block:focus-within { display: block; }
.group:hover .group-hover-d-block { display: block; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-block { display: block; }
.d-inline { display: inline; }
html[data-theme="dark"] .dark-d-inline { display: inline; }
.hover-d-inline:hover { display: inline; }
html[data-theme="dark"] .dark-hover-d-inline:hover { display: inline; }
.focus-d-inline:focus { display: inline; }
html[data-theme="dark"] .dark-focus-d-inline:focus { display: inline; }
.active-d-inline:active { display: inline; }
html[data-theme="dark"] .dark-active-d-inline:active { display: inline; }
.disabled-d-inline:disabled { display: inline; }
html[data-theme="dark"] .dark-disabled-d-inline:disabled { display: inline; }
.focus-visible-d-inline:focus-visible { display: inline; }
html[data-theme="dark"] .dark-focus-visible-d-inline:focus-visible { display: inline; }
.focus-within-d-inline:focus-within { display: inline; }
html[data-theme="dark"] .dark-focus-within-d-inline:focus-within { display: inline; }
.group:hover .group-hover-d-inline { display: inline; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-inline { display: inline; }
.d-inline-block { display: inline-block; }
html[data-theme="dark"] .dark-d-inline-block { display: inline-block; }
.hover-d-inline-block:hover { display: inline-block; }
html[data-theme="dark"] .dark-hover-d-inline-block:hover { display: inline-block; }
.focus-d-inline-block:focus { display: inline-block; }
html[data-theme="dark"] .dark-focus-d-inline-block:focus { display: inline-block; }
.active-d-inline-block:active { display: inline-block; }
html[data-theme="dark"] .dark-active-d-inline-block:active { display: inline-block; }
.disabled-d-inline-block:disabled { display: inline-block; }
html[data-theme="dark"] .dark-disabled-d-inline-block:disabled { display: inline-block; }
.focus-visible-d-inline-block:focus-visible { display: inline-block; }
html[data-theme="dark"] .dark-focus-visible-d-inline-block:focus-visible { display: inline-block; }
.focus-within-d-inline-block:focus-within { display: inline-block; }
html[data-theme="dark"] .dark-focus-within-d-inline-block:focus-within { display: inline-block; }
.group:hover .group-hover-d-inline-block { display: inline-block; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-inline-block { display: inline-block; }
.d-flex { display: flex; }
html[data-theme="dark"] .dark-d-flex { display: flex; }
.hover-d-flex:hover { display: flex; }
html[data-theme="dark"] .dark-hover-d-flex:hover { display: flex; }
.focus-d-flex:focus { display: flex; }
html[data-theme="dark"] .dark-focus-d-flex:focus { display: flex; }
.active-d-flex:active { display: flex; }
html[data-theme="dark"] .dark-active-d-flex:active { display: flex; }
.disabled-d-flex:disabled { display: flex; }
html[data-theme="dark"] .dark-disabled-d-flex:disabled { display: flex; }
.focus-visible-d-flex:focus-visible { display: flex; }
html[data-theme="dark"] .dark-focus-visible-d-flex:focus-visible { display: flex; }
.focus-within-d-flex:focus-within { display: flex; }
html[data-theme="dark"] .dark-focus-within-d-flex:focus-within { display: flex; }
.group:hover .group-hover-d-flex { display: flex; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
html[data-theme="dark"] .dark-d-inline-flex { display: inline-flex; }
.hover-d-inline-flex:hover { display: inline-flex; }
html[data-theme="dark"] .dark-hover-d-inline-flex:hover { display: inline-flex; }
.focus-d-inline-flex:focus { display: inline-flex; }
html[data-theme="dark"] .dark-focus-d-inline-flex:focus { display: inline-flex; }
.active-d-inline-flex:active { display: inline-flex; }
html[data-theme="dark"] .dark-active-d-inline-flex:active { display: inline-flex; }
.disabled-d-inline-flex:disabled { display: inline-flex; }
html[data-theme="dark"] .dark-disabled-d-inline-flex:disabled { display: inline-flex; }
.focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
html[data-theme="dark"] .dark-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
.focus-within-d-inline-flex:focus-within { display: inline-flex; }
html[data-theme="dark"] .dark-focus-within-d-inline-flex:focus-within { display: inline-flex; }
.group:hover .group-hover-d-inline-flex { display: inline-flex; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
html[data-theme="dark"] .dark-d-grid { display: grid; }
.hover-d-grid:hover { display: grid; }
html[data-theme="dark"] .dark-hover-d-grid:hover { display: grid; }
.focus-d-grid:focus { display: grid; }
html[data-theme="dark"] .dark-focus-d-grid:focus { display: grid; }
.active-d-grid:active { display: grid; }
html[data-theme="dark"] .dark-active-d-grid:active { display: grid; }
.disabled-d-grid:disabled { display: grid; }
html[data-theme="dark"] .dark-disabled-d-grid:disabled { display: grid; }
.focus-visible-d-grid:focus-visible { display: grid; }
html[data-theme="dark"] .dark-focus-visible-d-grid:focus-visible { display: grid; }
.focus-within-d-grid:focus-within { display: grid; }
html[data-theme="dark"] .dark-focus-within-d-grid:focus-within { display: grid; }
.group:hover .group-hover-d-grid { display: grid; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }
html[data-theme="dark"] .dark-d-inline-grid { display: inline-grid; }
.hover-d-inline-grid:hover { display: inline-grid; }
html[data-theme="dark"] .dark-hover-d-inline-grid:hover { display: inline-grid; }
.focus-d-inline-grid:focus { display: inline-grid; }
html[data-theme="dark"] .dark-focus-d-inline-grid:focus { display: inline-grid; }
.active-d-inline-grid:active { display: inline-grid; }
html[data-theme="dark"] .dark-active-d-inline-grid:active { display: inline-grid; }
.disabled-d-inline-grid:disabled { display: inline-grid; }
html[data-theme="dark"] .dark-disabled-d-inline-grid:disabled { display: inline-grid; }
.focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
html[data-theme="dark"] .dark-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
.focus-within-d-inline-grid:focus-within { display: inline-grid; }
html[data-theme="dark"] .dark-focus-within-d-inline-grid:focus-within { display: inline-grid; }
.group:hover .group-hover-d-inline-grid { display: inline-grid; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-inline-grid { display: inline-grid; }
.d-none { display: none; }
html[data-theme="dark"] .dark-d-none { display: none; }
.hover-d-none:hover { display: none; }
html[data-theme="dark"] .dark-hover-d-none:hover { display: none; }
.focus-d-none:focus { display: none; }
html[data-theme="dark"] .dark-focus-d-none:focus { display: none; }
.active-d-none:active { display: none; }
html[data-theme="dark"] .dark-active-d-none:active { display: none; }
.disabled-d-none:disabled { display: none; }
html[data-theme="dark"] .dark-disabled-d-none:disabled { display: none; }
.focus-visible-d-none:focus-visible { display: none; }
html[data-theme="dark"] .dark-focus-visible-d-none:focus-visible { display: none; }
.focus-within-d-none:focus-within { display: none; }
html[data-theme="dark"] .dark-focus-within-d-none:focus-within { display: none; }
.group:hover .group-hover-d-none { display: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-d-none { display: none; }
.static { position: static; }
html[data-theme="dark"] .dark-static { position: static; }
.hover-static:hover { position: static; }
html[data-theme="dark"] .dark-hover-static:hover { position: static; }
.focus-static:focus { position: static; }
html[data-theme="dark"] .dark-focus-static:focus { position: static; }
.active-static:active { position: static; }
html[data-theme="dark"] .dark-active-static:active { position: static; }
.disabled-static:disabled { position: static; }
html[data-theme="dark"] .dark-disabled-static:disabled { position: static; }
.focus-visible-static:focus-visible { position: static; }
html[data-theme="dark"] .dark-focus-visible-static:focus-visible { position: static; }
.focus-within-static:focus-within { position: static; }
html[data-theme="dark"] .dark-focus-within-static:focus-within { position: static; }
.group:hover .group-hover-static { position: static; }
html[data-theme="dark"] .group:hover .dark-group-hover-static { position: static; }
.relative { position: relative; }
html[data-theme="dark"] .dark-relative { position: relative; }
.hover-relative:hover { position: relative; }
html[data-theme="dark"] .dark-hover-relative:hover { position: relative; }
.focus-relative:focus { position: relative; }
html[data-theme="dark"] .dark-focus-relative:focus { position: relative; }
.active-relative:active { position: relative; }
html[data-theme="dark"] .dark-active-relative:active { position: relative; }
.disabled-relative:disabled { position: relative; }
html[data-theme="dark"] .dark-disabled-relative:disabled { position: relative; }
.focus-visible-relative:focus-visible { position: relative; }
html[data-theme="dark"] .dark-focus-visible-relative:focus-visible { position: relative; }
.focus-within-relative:focus-within { position: relative; }
html[data-theme="dark"] .dark-focus-within-relative:focus-within { position: relative; }
.group:hover .group-hover-relative { position: relative; }
html[data-theme="dark"] .group:hover .dark-group-hover-relative { position: relative; }
.absolute { position: absolute; }
html[data-theme="dark"] .dark-absolute { position: absolute; }
.hover-absolute:hover { position: absolute; }
html[data-theme="dark"] .dark-hover-absolute:hover { position: absolute; }
.focus-absolute:focus { position: absolute; }
html[data-theme="dark"] .dark-focus-absolute:focus { position: absolute; }
.active-absolute:active { position: absolute; }
html[data-theme="dark"] .dark-active-absolute:active { position: absolute; }
.disabled-absolute:disabled { position: absolute; }
html[data-theme="dark"] .dark-disabled-absolute:disabled { position: absolute; }
.focus-visible-absolute:focus-visible { position: absolute; }
html[data-theme="dark"] .dark-focus-visible-absolute:focus-visible { position: absolute; }
.focus-within-absolute:focus-within { position: absolute; }
html[data-theme="dark"] .dark-focus-within-absolute:focus-within { position: absolute; }
.group:hover .group-hover-absolute { position: absolute; }
html[data-theme="dark"] .group:hover .dark-group-hover-absolute { position: absolute; }
.fixed { position: fixed; }
html[data-theme="dark"] .dark-fixed { position: fixed; }
.hover-fixed:hover { position: fixed; }
html[data-theme="dark"] .dark-hover-fixed:hover { position: fixed; }
.focus-fixed:focus { position: fixed; }
html[data-theme="dark"] .dark-focus-fixed:focus { position: fixed; }
.active-fixed:active { position: fixed; }
html[data-theme="dark"] .dark-active-fixed:active { position: fixed; }
.disabled-fixed:disabled { position: fixed; }
html[data-theme="dark"] .dark-disabled-fixed:disabled { position: fixed; }
.focus-visible-fixed:focus-visible { position: fixed; }
html[data-theme="dark"] .dark-focus-visible-fixed:focus-visible { position: fixed; }
.focus-within-fixed:focus-within { position: fixed; }
html[data-theme="dark"] .dark-focus-within-fixed:focus-within { position: fixed; }
.group:hover .group-hover-fixed { position: fixed; }
html[data-theme="dark"] .group:hover .dark-group-hover-fixed { position: fixed; }
.sticky { position: sticky; }
html[data-theme="dark"] .dark-sticky { position: sticky; }
.hover-sticky:hover { position: sticky; }
html[data-theme="dark"] .dark-hover-sticky:hover { position: sticky; }
.focus-sticky:focus { position: sticky; }
html[data-theme="dark"] .dark-focus-sticky:focus { position: sticky; }
.active-sticky:active { position: sticky; }
html[data-theme="dark"] .dark-active-sticky:active { position: sticky; }
.disabled-sticky:disabled { position: sticky; }
html[data-theme="dark"] .dark-disabled-sticky:disabled { position: sticky; }
.focus-visible-sticky:focus-visible { position: sticky; }
html[data-theme="dark"] .dark-focus-visible-sticky:focus-visible { position: sticky; }
.focus-within-sticky:focus-within { position: sticky; }
html[data-theme="dark"] .dark-focus-within-sticky:focus-within { position: sticky; }
.group:hover .group-hover-sticky { position: sticky; }
html[data-theme="dark"] .group:hover .dark-group-hover-sticky { position: sticky; }
.inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
.hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
.focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
.active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
.disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
.focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
.focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .dark-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
.group:hover .group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
.inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.group:hover .group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
.inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.group:hover .group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
.inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.group:hover .group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
.inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .dark-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.group:hover .group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
.inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.group:hover .group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
.inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.group:hover .group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
.inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.group:hover .group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
.inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .dark-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.group:hover .group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
.inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.group:hover .group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
.inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.group:hover .group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
.inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.group:hover .group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
.inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .dark-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.group:hover .group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
.inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.group:hover .group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
.inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.group:hover .group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
.inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.group:hover .group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
.inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .dark-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.group:hover .group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
.inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.group:hover .group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
.inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.group:hover .group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
.inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.group:hover .group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
.inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .dark-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.group:hover .group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
.inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.group:hover .group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
.inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.group:hover .group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
.inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.group:hover .group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
.inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .dark-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.group:hover .group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
.inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.group:hover .group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
.inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.group:hover .group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
.inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.group:hover .group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
.inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .dark-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.group:hover .group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
.inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.group:hover .group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
.inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.group:hover .group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
.inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.group:hover .group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
.inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .dark-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.group:hover .group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
.inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .dark-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.group:hover .group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
.inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.group:hover .group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
.inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.group:hover .group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
.inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.group:hover .group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
.inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.group:hover .group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
.inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.group:hover .group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
.inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.group:hover .group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
.inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.group:hover .group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
.inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.group:hover .group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
.inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.group:hover .group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
.inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.group:hover .group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
.inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.group:hover .group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
.inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.group:hover .group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
.inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.group:hover .group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
.inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.group:hover .group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
.inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.group:hover .group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
.inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.group:hover .group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
.inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.group:hover .group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
.inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.group:hover .group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
.inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.group:hover .group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
.inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.group:hover .group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
.inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.group:hover .group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
.inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.group:hover .group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
.inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.group:hover .group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
.inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.group:hover .group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
.inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.group:hover .group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
.inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.group:hover .group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
.inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.group:hover .group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
.inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.group:hover .group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
.inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.group:hover .group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
.inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.group:hover .group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
.inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.group:hover .group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
.inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .dark-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.group:hover .group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
.inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .dark-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.group:hover .group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
.inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.group:hover .group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
.inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.group:hover .group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
.inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.group:hover .group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
.inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.group:hover .group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
.inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.group:hover .group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
.inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.group:hover .group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
.inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.group:hover .group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
.inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.group:hover .group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
.inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.group:hover .group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
.inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.group:hover .group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
.inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.group:hover .group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
.inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.group:hover .group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
.inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.group:hover .group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
.inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.group:hover .group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
.inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.group:hover .group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
.inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.group:hover .group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
.inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.group:hover .group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
.inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.group:hover .group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
.inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.group:hover .group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
.inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.group:hover .group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
.inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.group:hover .group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
.inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.group:hover .group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
.inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.group:hover .group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
.inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .dark-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.group:hover .group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
.inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .dark-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.group:hover .group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
html[data-theme="dark"] .group:hover .dark-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
.top-0 { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-top-0 { top: 0; }      .-top-0   { top: 0; }
.hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
.focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
.active-top-0:active { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
.disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
.focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
.focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .dark-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
.group:hover .group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
.top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.group:hover .group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
.top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.group:hover .group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
.top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.group:hover .group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
.top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
.hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
.focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
.active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
.disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
.focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
.focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .dark-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
.group:hover .group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
.top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.group:hover .group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
.top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.group:hover .group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
.top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.group:hover .group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
.top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
.hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
.focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
.active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
.disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
.focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
.focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .dark-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
.group:hover .group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
.top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.group:hover .group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
.top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.group:hover .group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
.top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.group:hover .group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
.top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
.hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
.focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
.active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
.disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
.focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
.focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .dark-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
.group:hover .group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
.top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.group:hover .group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
.top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.group:hover .group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
.top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.group:hover .group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
.top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
.hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
.focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
.active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
.disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
.focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
.focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .dark-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
.group:hover .group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
.top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.group:hover .group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
.top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.group:hover .group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
.top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.group:hover .group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
.top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
.hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
.focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
.active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
.disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
.focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
.focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .dark-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
.group:hover .group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
.top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.group:hover .group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
.top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.group:hover .group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
.top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.group:hover .group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
.top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
.hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
.focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
.active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
.disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
.focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
.focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .dark-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
.group:hover .group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
.top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.group:hover .group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
.top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.group:hover .group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
.top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.group:hover .group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
.top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
.hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
.focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
.active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
.disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
.focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
.focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .dark-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
.group:hover .group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
.top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.group:hover .group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
.top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.group:hover .group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
.top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.group:hover .group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
.top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
.hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
.focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
.active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
.disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
.focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
.focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .dark-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
.group:hover .group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
.right-0 { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-right-0 { right: 0; }      .-right-0   { right: 0; }
.hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
.focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
.active-right-0:active { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
.disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
.focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
.focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .dark-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
.group:hover .group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
.right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.group:hover .group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
.right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.group:hover .group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
.right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.group:hover .group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
.right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
.hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
.focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
.active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
.disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
.focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
.focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .dark-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
.group:hover .group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
.right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.group:hover .group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
.right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.group:hover .group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
.right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.group:hover .group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
.right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
.hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
.focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
.active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
.disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
.focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
.focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .dark-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
.group:hover .group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
.right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.group:hover .group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
.right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.group:hover .group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
.right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.group:hover .group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
.right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
.hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
.focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
.active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
.disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
.focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
.focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .dark-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
.group:hover .group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
.right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.group:hover .group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
.right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.group:hover .group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
.right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.group:hover .group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
.right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
.hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
.focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
.active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
.disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
.focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
.focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .dark-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
.group:hover .group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
.right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.group:hover .group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
.right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.group:hover .group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
.right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.group:hover .group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
.right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
.hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
.focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
.active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
.disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
.focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
.focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .dark-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
.group:hover .group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
.right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.group:hover .group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
.right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.group:hover .group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
.right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.group:hover .group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
.right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
.hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
.focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
.active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
.disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
.focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
.focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .dark-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
.group:hover .group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
.right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.group:hover .group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
.right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.group:hover .group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
.right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.group:hover .group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
.right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
.hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
.focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
.active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
.disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
.focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
.focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .dark-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
.group:hover .group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
.right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.group:hover .group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
.right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.group:hover .group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
.right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.group:hover .group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
.right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
.hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
.focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
.active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
.disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
.focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
.focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .dark-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
.group:hover .group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
.bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
.hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
.focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
.active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
.disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
.focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
.focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .dark-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
.group:hover .group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
.bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.group:hover .group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
.bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.group:hover .group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
.bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.group:hover .group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
.bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .dark-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.group:hover .group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
.bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.group:hover .group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
.bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.group:hover .group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
.bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.group:hover .group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
.bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .dark-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.group:hover .group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
.bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.group:hover .group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
.bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.group:hover .group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
.bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.group:hover .group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
.bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .dark-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.group:hover .group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
.bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.group:hover .group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
.bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.group:hover .group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
.bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.group:hover .group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
.bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .dark-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.group:hover .group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
.bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.group:hover .group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
.bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.group:hover .group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
.bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.group:hover .group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
.bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.group:hover .group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
.bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.group:hover .group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
.bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.group:hover .group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
.bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.group:hover .group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
.bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .dark-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.group:hover .group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
.bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.group:hover .group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
.bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.group:hover .group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
.bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.group:hover .group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
.bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .dark-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.group:hover .group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
.bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.group:hover .group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
.bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.group:hover .group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
.bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.group:hover .group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
.bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .dark-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.group:hover .group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
.left-0 { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-left-0 { left: 0; }      .-left-0   { left: 0; }
.hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
.focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
.active-left-0:active { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
.disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
.focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
.focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .dark-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
.group:hover .group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
.left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .dark-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.group:hover .group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
.left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .dark-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.group:hover .group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
.left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .dark-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.group:hover .group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
.left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
.hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
.focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
.active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
.disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
.focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
.focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .dark-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
.group:hover .group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
.left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .dark-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.group:hover .group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
.left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .dark-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.group:hover .group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
.left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .dark-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.group:hover .group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
.left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
.hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
.focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
.active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
.disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
.focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
.focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .dark-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
.group:hover .group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
.left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .dark-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.group:hover .group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
.left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .dark-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.group:hover .group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
.left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .dark-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.group:hover .group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
.left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
.hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
.focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
.active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
.disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
.focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
.focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .dark-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
.group:hover .group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
.left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .dark-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.group:hover .group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
.left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .dark-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.group:hover .group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
.left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .dark-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.group:hover .group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
.left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
.hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
.focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
.active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
.disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
.focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
.focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .dark-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
.group:hover .group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
.left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .dark-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.group:hover .group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
.left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .dark-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.group:hover .group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
.left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .dark-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.group:hover .group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
.left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
.hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
.focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
.active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
.disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
.focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
.focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .dark-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
.group:hover .group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
.left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .dark-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.group:hover .group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
.left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .dark-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.group:hover .group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
.left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .dark-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.group:hover .group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
.left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
.hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
.focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
.active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
.disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
.focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
.focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .dark-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
.group:hover .group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
.left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .dark-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.group:hover .group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
.left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .dark-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.group:hover .group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
.left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .dark-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.group:hover .group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
.left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
.hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
.focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
.active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
.disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
.focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
.focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .dark-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
.group:hover .group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
.left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .dark-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.group:hover .group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
.left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .dark-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.group:hover .group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
.left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .dark-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.group:hover .group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
.left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
.hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
.focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
.active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
.disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
.focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
.focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .dark-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
.group:hover .group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
.focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
.group:hover .group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
.focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
.group:hover .group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
.focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
.group:hover .group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
.focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
.group:hover .group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
.focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
.group:hover .group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
.focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
.group:hover .group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
.focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
.group:hover .group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
.focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
.group:hover .group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
.focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
.group:hover .group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
.focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
.group:hover .group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
.focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
.group:hover .group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
.focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
.group:hover .group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
.focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
.group:hover .group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
.focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
.group:hover .group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
.focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
.group:hover .group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
.focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
.group:hover .group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
.focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
.group:hover .group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
.focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
.group:hover .group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
.grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
.grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
.grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
.grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
.grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
.grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
.grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .dark-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.group:hover .group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
.gap-0 { gap: 0; }
html[data-theme="dark"] .dark-gap-0 { gap: 0; }
.hover-gap-0:hover { gap: 0; }
html[data-theme="dark"] .dark-hover-gap-0:hover { gap: 0; }
.focus-gap-0:focus { gap: 0; }
html[data-theme="dark"] .dark-focus-gap-0:focus { gap: 0; }
.active-gap-0:active { gap: 0; }
html[data-theme="dark"] .dark-active-gap-0:active { gap: 0; }
.disabled-gap-0:disabled { gap: 0; }
html[data-theme="dark"] .dark-disabled-gap-0:disabled { gap: 0; }
.focus-visible-gap-0:focus-visible { gap: 0; }
html[data-theme="dark"] .dark-focus-visible-gap-0:focus-visible { gap: 0; }
.focus-within-gap-0:focus-within { gap: 0; }
html[data-theme="dark"] .dark-focus-within-gap-0:focus-within { gap: 0; }
.group:hover .group-hover-gap-0 { gap: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
html[data-theme="dark"] .dark-gap-1 { gap: 0.25rem; }
.hover-gap-1:hover { gap: 0.25rem; }
html[data-theme="dark"] .dark-hover-gap-1:hover { gap: 0.25rem; }
.focus-gap-1:focus { gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-gap-1:focus { gap: 0.25rem; }
.active-gap-1:active { gap: 0.25rem; }
html[data-theme="dark"] .dark-active-gap-1:active { gap: 0.25rem; }
.disabled-gap-1:disabled { gap: 0.25rem; }
html[data-theme="dark"] .dark-disabled-gap-1:disabled { gap: 0.25rem; }
.focus-visible-gap-1:focus-visible { gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
.focus-within-gap-1:focus-within { gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-gap-1:focus-within { gap: 0.25rem; }
.group:hover .group-hover-gap-1 { gap: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
html[data-theme="dark"] .dark-gap-2 { gap: 0.5rem; }
.hover-gap-2:hover { gap: 0.5rem; }
html[data-theme="dark"] .dark-hover-gap-2:hover { gap: 0.5rem; }
.focus-gap-2:focus { gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-gap-2:focus { gap: 0.5rem; }
.active-gap-2:active { gap: 0.5rem; }
html[data-theme="dark"] .dark-active-gap-2:active { gap: 0.5rem; }
.disabled-gap-2:disabled { gap: 0.5rem; }
html[data-theme="dark"] .dark-disabled-gap-2:disabled { gap: 0.5rem; }
.focus-visible-gap-2:focus-visible { gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
.focus-within-gap-2:focus-within { gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-gap-2:focus-within { gap: 0.5rem; }
.group:hover .group-hover-gap-2 { gap: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
html[data-theme="dark"] .dark-gap-3 { gap: 0.75rem; }
.hover-gap-3:hover { gap: 0.75rem; }
html[data-theme="dark"] .dark-hover-gap-3:hover { gap: 0.75rem; }
.focus-gap-3:focus { gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-gap-3:focus { gap: 0.75rem; }
.active-gap-3:active { gap: 0.75rem; }
html[data-theme="dark"] .dark-active-gap-3:active { gap: 0.75rem; }
.disabled-gap-3:disabled { gap: 0.75rem; }
html[data-theme="dark"] .dark-disabled-gap-3:disabled { gap: 0.75rem; }
.focus-visible-gap-3:focus-visible { gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
.focus-within-gap-3:focus-within { gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-gap-3:focus-within { gap: 0.75rem; }
.group:hover .group-hover-gap-3 { gap: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
html[data-theme="dark"] .dark-gap-4 { gap: 1rem; }
.hover-gap-4:hover { gap: 1rem; }
html[data-theme="dark"] .dark-hover-gap-4:hover { gap: 1rem; }
.focus-gap-4:focus { gap: 1rem; }
html[data-theme="dark"] .dark-focus-gap-4:focus { gap: 1rem; }
.active-gap-4:active { gap: 1rem; }
html[data-theme="dark"] .dark-active-gap-4:active { gap: 1rem; }
.disabled-gap-4:disabled { gap: 1rem; }
html[data-theme="dark"] .dark-disabled-gap-4:disabled { gap: 1rem; }
.focus-visible-gap-4:focus-visible { gap: 1rem; }
html[data-theme="dark"] .dark-focus-visible-gap-4:focus-visible { gap: 1rem; }
.focus-within-gap-4:focus-within { gap: 1rem; }
html[data-theme="dark"] .dark-focus-within-gap-4:focus-within { gap: 1rem; }
.group:hover .group-hover-gap-4 { gap: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
html[data-theme="dark"] .dark-gap-5 { gap: 1.25rem; }
.hover-gap-5:hover { gap: 1.25rem; }
html[data-theme="dark"] .dark-hover-gap-5:hover { gap: 1.25rem; }
.focus-gap-5:focus { gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-gap-5:focus { gap: 1.25rem; }
.active-gap-5:active { gap: 1.25rem; }
html[data-theme="dark"] .dark-active-gap-5:active { gap: 1.25rem; }
.disabled-gap-5:disabled { gap: 1.25rem; }
html[data-theme="dark"] .dark-disabled-gap-5:disabled { gap: 1.25rem; }
.focus-visible-gap-5:focus-visible { gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
.focus-within-gap-5:focus-within { gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-gap-5:focus-within { gap: 1.25rem; }
.group:hover .group-hover-gap-5 { gap: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
html[data-theme="dark"] .dark-gap-6 { gap: 1.5rem; }
.hover-gap-6:hover { gap: 1.5rem; }
html[data-theme="dark"] .dark-hover-gap-6:hover { gap: 1.5rem; }
.focus-gap-6:focus { gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-gap-6:focus { gap: 1.5rem; }
.active-gap-6:active { gap: 1.5rem; }
html[data-theme="dark"] .dark-active-gap-6:active { gap: 1.5rem; }
.disabled-gap-6:disabled { gap: 1.5rem; }
html[data-theme="dark"] .dark-disabled-gap-6:disabled { gap: 1.5rem; }
.focus-visible-gap-6:focus-visible { gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
.focus-within-gap-6:focus-within { gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-gap-6:focus-within { gap: 1.5rem; }
.group:hover .group-hover-gap-6 { gap: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
html[data-theme="dark"] .dark-gap-7 { gap: 1.75rem; }
.hover-gap-7:hover { gap: 1.75rem; }
html[data-theme="dark"] .dark-hover-gap-7:hover { gap: 1.75rem; }
.focus-gap-7:focus { gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-gap-7:focus { gap: 1.75rem; }
.active-gap-7:active { gap: 1.75rem; }
html[data-theme="dark"] .dark-active-gap-7:active { gap: 1.75rem; }
.disabled-gap-7:disabled { gap: 1.75rem; }
html[data-theme="dark"] .dark-disabled-gap-7:disabled { gap: 1.75rem; }
.focus-visible-gap-7:focus-visible { gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
.focus-within-gap-7:focus-within { gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-gap-7:focus-within { gap: 1.75rem; }
.group:hover .group-hover-gap-7 { gap: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }
html[data-theme="dark"] .dark-gap-8 { gap: 2rem; }
.hover-gap-8:hover { gap: 2rem; }
html[data-theme="dark"] .dark-hover-gap-8:hover { gap: 2rem; }
.focus-gap-8:focus { gap: 2rem; }
html[data-theme="dark"] .dark-focus-gap-8:focus { gap: 2rem; }
.active-gap-8:active { gap: 2rem; }
html[data-theme="dark"] .dark-active-gap-8:active { gap: 2rem; }
.disabled-gap-8:disabled { gap: 2rem; }
html[data-theme="dark"] .dark-disabled-gap-8:disabled { gap: 2rem; }
.focus-visible-gap-8:focus-visible { gap: 2rem; }
html[data-theme="dark"] .dark-focus-visible-gap-8:focus-visible { gap: 2rem; }
.focus-within-gap-8:focus-within { gap: 2rem; }
html[data-theme="dark"] .dark-focus-within-gap-8:focus-within { gap: 2rem; }
.group:hover .group-hover-gap-8 { gap: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-8 { gap: 2rem; }
.gap-9 { gap: 2.25rem; }
html[data-theme="dark"] .dark-gap-9 { gap: 2.25rem; }
.hover-gap-9:hover { gap: 2.25rem; }
html[data-theme="dark"] .dark-hover-gap-9:hover { gap: 2.25rem; }
.focus-gap-9:focus { gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-gap-9:focus { gap: 2.25rem; }
.active-gap-9:active { gap: 2.25rem; }
html[data-theme="dark"] .dark-active-gap-9:active { gap: 2.25rem; }
.disabled-gap-9:disabled { gap: 2.25rem; }
html[data-theme="dark"] .dark-disabled-gap-9:disabled { gap: 2.25rem; }
.focus-visible-gap-9:focus-visible { gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
.focus-within-gap-9:focus-within { gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-gap-9:focus-within { gap: 2.25rem; }
.group:hover .group-hover-gap-9 { gap: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-9 { gap: 2.25rem; }
.gap-10 { gap: 2.5rem; }
html[data-theme="dark"] .dark-gap-10 { gap: 2.5rem; }
.hover-gap-10:hover { gap: 2.5rem; }
html[data-theme="dark"] .dark-hover-gap-10:hover { gap: 2.5rem; }
.focus-gap-10:focus { gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-gap-10:focus { gap: 2.5rem; }
.active-gap-10:active { gap: 2.5rem; }
html[data-theme="dark"] .dark-active-gap-10:active { gap: 2.5rem; }
.disabled-gap-10:disabled { gap: 2.5rem; }
html[data-theme="dark"] .dark-disabled-gap-10:disabled { gap: 2.5rem; }
.focus-visible-gap-10:focus-visible { gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
.focus-within-gap-10:focus-within { gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-gap-10:focus-within { gap: 2.5rem; }
.group:hover .group-hover-gap-10 { gap: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
html[data-theme="dark"] .dark-gap-12 { gap: 3rem; }
.hover-gap-12:hover { gap: 3rem; }
html[data-theme="dark"] .dark-hover-gap-12:hover { gap: 3rem; }
.focus-gap-12:focus { gap: 3rem; }
html[data-theme="dark"] .dark-focus-gap-12:focus { gap: 3rem; }
.active-gap-12:active { gap: 3rem; }
html[data-theme="dark"] .dark-active-gap-12:active { gap: 3rem; }
.disabled-gap-12:disabled { gap: 3rem; }
html[data-theme="dark"] .dark-disabled-gap-12:disabled { gap: 3rem; }
.focus-visible-gap-12:focus-visible { gap: 3rem; }
html[data-theme="dark"] .dark-focus-visible-gap-12:focus-visible { gap: 3rem; }
.focus-within-gap-12:focus-within { gap: 3rem; }
html[data-theme="dark"] .dark-focus-within-gap-12:focus-within { gap: 3rem; }
.group:hover .group-hover-gap-12 { gap: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-12 { gap: 3rem; }
.gap-14 { gap: 3.5rem; }
html[data-theme="dark"] .dark-gap-14 { gap: 3.5rem; }
.hover-gap-14:hover { gap: 3.5rem; }
html[data-theme="dark"] .dark-hover-gap-14:hover { gap: 3.5rem; }
.focus-gap-14:focus { gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-gap-14:focus { gap: 3.5rem; }
.active-gap-14:active { gap: 3.5rem; }
html[data-theme="dark"] .dark-active-gap-14:active { gap: 3.5rem; }
.disabled-gap-14:disabled { gap: 3.5rem; }
html[data-theme="dark"] .dark-disabled-gap-14:disabled { gap: 3.5rem; }
.focus-visible-gap-14:focus-visible { gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
.focus-within-gap-14:focus-within { gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-gap-14:focus-within { gap: 3.5rem; }
.group:hover .group-hover-gap-14 { gap: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-14 { gap: 3.5rem; }
.gap-16 { gap: 4rem; }
html[data-theme="dark"] .dark-gap-16 { gap: 4rem; }
.hover-gap-16:hover { gap: 4rem; }
html[data-theme="dark"] .dark-hover-gap-16:hover { gap: 4rem; }
.focus-gap-16:focus { gap: 4rem; }
html[data-theme="dark"] .dark-focus-gap-16:focus { gap: 4rem; }
.active-gap-16:active { gap: 4rem; }
html[data-theme="dark"] .dark-active-gap-16:active { gap: 4rem; }
.disabled-gap-16:disabled { gap: 4rem; }
html[data-theme="dark"] .dark-disabled-gap-16:disabled { gap: 4rem; }
.focus-visible-gap-16:focus-visible { gap: 4rem; }
html[data-theme="dark"] .dark-focus-visible-gap-16:focus-visible { gap: 4rem; }
.focus-within-gap-16:focus-within { gap: 4rem; }
html[data-theme="dark"] .dark-focus-within-gap-16:focus-within { gap: 4rem; }
.group:hover .group-hover-gap-16 { gap: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-16 { gap: 4rem; }
.gap-20 { gap: 5rem; }
html[data-theme="dark"] .dark-gap-20 { gap: 5rem; }
.hover-gap-20:hover { gap: 5rem; }
html[data-theme="dark"] .dark-hover-gap-20:hover { gap: 5rem; }
.focus-gap-20:focus { gap: 5rem; }
html[data-theme="dark"] .dark-focus-gap-20:focus { gap: 5rem; }
.active-gap-20:active { gap: 5rem; }
html[data-theme="dark"] .dark-active-gap-20:active { gap: 5rem; }
.disabled-gap-20:disabled { gap: 5rem; }
html[data-theme="dark"] .dark-disabled-gap-20:disabled { gap: 5rem; }
.focus-visible-gap-20:focus-visible { gap: 5rem; }
html[data-theme="dark"] .dark-focus-visible-gap-20:focus-visible { gap: 5rem; }
.focus-within-gap-20:focus-within { gap: 5rem; }
html[data-theme="dark"] .dark-focus-within-gap-20:focus-within { gap: 5rem; }
.group:hover .group-hover-gap-20 { gap: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-20 { gap: 5rem; }
.gap-24 { gap: 6rem; }
html[data-theme="dark"] .dark-gap-24 { gap: 6rem; }
.hover-gap-24:hover { gap: 6rem; }
html[data-theme="dark"] .dark-hover-gap-24:hover { gap: 6rem; }
.focus-gap-24:focus { gap: 6rem; }
html[data-theme="dark"] .dark-focus-gap-24:focus { gap: 6rem; }
.active-gap-24:active { gap: 6rem; }
html[data-theme="dark"] .dark-active-gap-24:active { gap: 6rem; }
.disabled-gap-24:disabled { gap: 6rem; }
html[data-theme="dark"] .dark-disabled-gap-24:disabled { gap: 6rem; }
.focus-visible-gap-24:focus-visible { gap: 6rem; }
html[data-theme="dark"] .dark-focus-visible-gap-24:focus-visible { gap: 6rem; }
.focus-within-gap-24:focus-within { gap: 6rem; }
html[data-theme="dark"] .dark-focus-within-gap-24:focus-within { gap: 6rem; }
.group:hover .group-hover-gap-24 { gap: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-24 { gap: 6rem; }
.gap-28 { gap: 7rem; }
html[data-theme="dark"] .dark-gap-28 { gap: 7rem; }
.hover-gap-28:hover { gap: 7rem; }
html[data-theme="dark"] .dark-hover-gap-28:hover { gap: 7rem; }
.focus-gap-28:focus { gap: 7rem; }
html[data-theme="dark"] .dark-focus-gap-28:focus { gap: 7rem; }
.active-gap-28:active { gap: 7rem; }
html[data-theme="dark"] .dark-active-gap-28:active { gap: 7rem; }
.disabled-gap-28:disabled { gap: 7rem; }
html[data-theme="dark"] .dark-disabled-gap-28:disabled { gap: 7rem; }
.focus-visible-gap-28:focus-visible { gap: 7rem; }
html[data-theme="dark"] .dark-focus-visible-gap-28:focus-visible { gap: 7rem; }
.focus-within-gap-28:focus-within { gap: 7rem; }
html[data-theme="dark"] .dark-focus-within-gap-28:focus-within { gap: 7rem; }
.group:hover .group-hover-gap-28 { gap: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-28 { gap: 7rem; }
.gap-32 { gap: 8rem; }
html[data-theme="dark"] .dark-gap-32 { gap: 8rem; }
.hover-gap-32:hover { gap: 8rem; }
html[data-theme="dark"] .dark-hover-gap-32:hover { gap: 8rem; }
.focus-gap-32:focus { gap: 8rem; }
html[data-theme="dark"] .dark-focus-gap-32:focus { gap: 8rem; }
.active-gap-32:active { gap: 8rem; }
html[data-theme="dark"] .dark-active-gap-32:active { gap: 8rem; }
.disabled-gap-32:disabled { gap: 8rem; }
html[data-theme="dark"] .dark-disabled-gap-32:disabled { gap: 8rem; }
.focus-visible-gap-32:focus-visible { gap: 8rem; }
html[data-theme="dark"] .dark-focus-visible-gap-32:focus-visible { gap: 8rem; }
.focus-within-gap-32:focus-within { gap: 8rem; }
html[data-theme="dark"] .dark-focus-within-gap-32:focus-within { gap: 8rem; }
.group:hover .group-hover-gap-32 { gap: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-gap-32 { gap: 8rem; }
.row-gap-0 { row-gap: 0; }
html[data-theme="dark"] .dark-row-gap-0 { row-gap: 0; }
.hover-row-gap-0:hover { row-gap: 0; }
html[data-theme="dark"] .dark-hover-row-gap-0:hover { row-gap: 0; }
.focus-row-gap-0:focus { row-gap: 0; }
html[data-theme="dark"] .dark-focus-row-gap-0:focus { row-gap: 0; }
.active-row-gap-0:active { row-gap: 0; }
html[data-theme="dark"] .dark-active-row-gap-0:active { row-gap: 0; }
.disabled-row-gap-0:disabled { row-gap: 0; }
html[data-theme="dark"] .dark-disabled-row-gap-0:disabled { row-gap: 0; }
.focus-visible-row-gap-0:focus-visible { row-gap: 0; }
html[data-theme="dark"] .dark-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
.focus-within-row-gap-0:focus-within { row-gap: 0; }
html[data-theme="dark"] .dark-focus-within-row-gap-0:focus-within { row-gap: 0; }
.group:hover .group-hover-row-gap-0 { row-gap: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-0 { row-gap: 0; }
.row-gap-1 { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-row-gap-1 { row-gap: 0.25rem; }
.hover-row-gap-1:hover { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-hover-row-gap-1:hover { row-gap: 0.25rem; }
.focus-row-gap-1:focus { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-row-gap-1:focus { row-gap: 0.25rem; }
.active-row-gap-1:active { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-active-row-gap-1:active { row-gap: 0.25rem; }
.disabled-row-gap-1:disabled { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
.focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
.focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
.group:hover .group-hover-row-gap-1 { row-gap: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-1 { row-gap: 0.25rem; }
.row-gap-2 { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-row-gap-2 { row-gap: 0.5rem; }
.hover-row-gap-2:hover { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-hover-row-gap-2:hover { row-gap: 0.5rem; }
.focus-row-gap-2:focus { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-row-gap-2:focus { row-gap: 0.5rem; }
.active-row-gap-2:active { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-active-row-gap-2:active { row-gap: 0.5rem; }
.disabled-row-gap-2:disabled { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
.focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
.focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
.group:hover .group-hover-row-gap-2 { row-gap: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-2 { row-gap: 0.5rem; }
.row-gap-3 { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-row-gap-3 { row-gap: 0.75rem; }
.hover-row-gap-3:hover { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-hover-row-gap-3:hover { row-gap: 0.75rem; }
.focus-row-gap-3:focus { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-row-gap-3:focus { row-gap: 0.75rem; }
.active-row-gap-3:active { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-active-row-gap-3:active { row-gap: 0.75rem; }
.disabled-row-gap-3:disabled { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
.focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
.focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
.group:hover .group-hover-row-gap-3 { row-gap: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-3 { row-gap: 0.75rem; }
.row-gap-4 { row-gap: 1rem; }
html[data-theme="dark"] .dark-row-gap-4 { row-gap: 1rem; }
.hover-row-gap-4:hover { row-gap: 1rem; }
html[data-theme="dark"] .dark-hover-row-gap-4:hover { row-gap: 1rem; }
.focus-row-gap-4:focus { row-gap: 1rem; }
html[data-theme="dark"] .dark-focus-row-gap-4:focus { row-gap: 1rem; }
.active-row-gap-4:active { row-gap: 1rem; }
html[data-theme="dark"] .dark-active-row-gap-4:active { row-gap: 1rem; }
.disabled-row-gap-4:disabled { row-gap: 1rem; }
html[data-theme="dark"] .dark-disabled-row-gap-4:disabled { row-gap: 1rem; }
.focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
.focus-within-row-gap-4:focus-within { row-gap: 1rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
.group:hover .group-hover-row-gap-4 { row-gap: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-4 { row-gap: 1rem; }
.row-gap-5 { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-row-gap-5 { row-gap: 1.25rem; }
.hover-row-gap-5:hover { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-hover-row-gap-5:hover { row-gap: 1.25rem; }
.focus-row-gap-5:focus { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-row-gap-5:focus { row-gap: 1.25rem; }
.active-row-gap-5:active { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-active-row-gap-5:active { row-gap: 1.25rem; }
.disabled-row-gap-5:disabled { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
.focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
.focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
.group:hover .group-hover-row-gap-5 { row-gap: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-5 { row-gap: 1.25rem; }
.row-gap-6 { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-row-gap-6 { row-gap: 1.5rem; }
.hover-row-gap-6:hover { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-hover-row-gap-6:hover { row-gap: 1.5rem; }
.focus-row-gap-6:focus { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-row-gap-6:focus { row-gap: 1.5rem; }
.active-row-gap-6:active { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-active-row-gap-6:active { row-gap: 1.5rem; }
.disabled-row-gap-6:disabled { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
.focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
.focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
.group:hover .group-hover-row-gap-6 { row-gap: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-6 { row-gap: 1.5rem; }
.row-gap-7 { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-row-gap-7 { row-gap: 1.75rem; }
.hover-row-gap-7:hover { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-hover-row-gap-7:hover { row-gap: 1.75rem; }
.focus-row-gap-7:focus { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-row-gap-7:focus { row-gap: 1.75rem; }
.active-row-gap-7:active { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-active-row-gap-7:active { row-gap: 1.75rem; }
.disabled-row-gap-7:disabled { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
.focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
.focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
.group:hover .group-hover-row-gap-7 { row-gap: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-7 { row-gap: 1.75rem; }
.row-gap-8 { row-gap: 2rem; }
html[data-theme="dark"] .dark-row-gap-8 { row-gap: 2rem; }
.hover-row-gap-8:hover { row-gap: 2rem; }
html[data-theme="dark"] .dark-hover-row-gap-8:hover { row-gap: 2rem; }
.focus-row-gap-8:focus { row-gap: 2rem; }
html[data-theme="dark"] .dark-focus-row-gap-8:focus { row-gap: 2rem; }
.active-row-gap-8:active { row-gap: 2rem; }
html[data-theme="dark"] .dark-active-row-gap-8:active { row-gap: 2rem; }
.disabled-row-gap-8:disabled { row-gap: 2rem; }
html[data-theme="dark"] .dark-disabled-row-gap-8:disabled { row-gap: 2rem; }
.focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
.focus-within-row-gap-8:focus-within { row-gap: 2rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
.group:hover .group-hover-row-gap-8 { row-gap: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-8 { row-gap: 2rem; }
.row-gap-9 { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-row-gap-9 { row-gap: 2.25rem; }
.hover-row-gap-9:hover { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-hover-row-gap-9:hover { row-gap: 2.25rem; }
.focus-row-gap-9:focus { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-row-gap-9:focus { row-gap: 2.25rem; }
.active-row-gap-9:active { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-active-row-gap-9:active { row-gap: 2.25rem; }
.disabled-row-gap-9:disabled { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
.focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
.focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
.group:hover .group-hover-row-gap-9 { row-gap: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-9 { row-gap: 2.25rem; }
.row-gap-10 { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-row-gap-10 { row-gap: 2.5rem; }
.hover-row-gap-10:hover { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-hover-row-gap-10:hover { row-gap: 2.5rem; }
.focus-row-gap-10:focus { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-row-gap-10:focus { row-gap: 2.5rem; }
.active-row-gap-10:active { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-active-row-gap-10:active { row-gap: 2.5rem; }
.disabled-row-gap-10:disabled { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
.focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
.focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
.group:hover .group-hover-row-gap-10 { row-gap: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-10 { row-gap: 2.5rem; }
.row-gap-12 { row-gap: 3rem; }
html[data-theme="dark"] .dark-row-gap-12 { row-gap: 3rem; }
.hover-row-gap-12:hover { row-gap: 3rem; }
html[data-theme="dark"] .dark-hover-row-gap-12:hover { row-gap: 3rem; }
.focus-row-gap-12:focus { row-gap: 3rem; }
html[data-theme="dark"] .dark-focus-row-gap-12:focus { row-gap: 3rem; }
.active-row-gap-12:active { row-gap: 3rem; }
html[data-theme="dark"] .dark-active-row-gap-12:active { row-gap: 3rem; }
.disabled-row-gap-12:disabled { row-gap: 3rem; }
html[data-theme="dark"] .dark-disabled-row-gap-12:disabled { row-gap: 3rem; }
.focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
.focus-within-row-gap-12:focus-within { row-gap: 3rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
.group:hover .group-hover-row-gap-12 { row-gap: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-12 { row-gap: 3rem; }
.row-gap-14 { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-row-gap-14 { row-gap: 3.5rem; }
.hover-row-gap-14:hover { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-hover-row-gap-14:hover { row-gap: 3.5rem; }
.focus-row-gap-14:focus { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-row-gap-14:focus { row-gap: 3.5rem; }
.active-row-gap-14:active { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-active-row-gap-14:active { row-gap: 3.5rem; }
.disabled-row-gap-14:disabled { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
.focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
.focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
.group:hover .group-hover-row-gap-14 { row-gap: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-14 { row-gap: 3.5rem; }
.row-gap-16 { row-gap: 4rem; }
html[data-theme="dark"] .dark-row-gap-16 { row-gap: 4rem; }
.hover-row-gap-16:hover { row-gap: 4rem; }
html[data-theme="dark"] .dark-hover-row-gap-16:hover { row-gap: 4rem; }
.focus-row-gap-16:focus { row-gap: 4rem; }
html[data-theme="dark"] .dark-focus-row-gap-16:focus { row-gap: 4rem; }
.active-row-gap-16:active { row-gap: 4rem; }
html[data-theme="dark"] .dark-active-row-gap-16:active { row-gap: 4rem; }
.disabled-row-gap-16:disabled { row-gap: 4rem; }
html[data-theme="dark"] .dark-disabled-row-gap-16:disabled { row-gap: 4rem; }
.focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
.focus-within-row-gap-16:focus-within { row-gap: 4rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
.group:hover .group-hover-row-gap-16 { row-gap: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-16 { row-gap: 4rem; }
.row-gap-20 { row-gap: 5rem; }
html[data-theme="dark"] .dark-row-gap-20 { row-gap: 5rem; }
.hover-row-gap-20:hover { row-gap: 5rem; }
html[data-theme="dark"] .dark-hover-row-gap-20:hover { row-gap: 5rem; }
.focus-row-gap-20:focus { row-gap: 5rem; }
html[data-theme="dark"] .dark-focus-row-gap-20:focus { row-gap: 5rem; }
.active-row-gap-20:active { row-gap: 5rem; }
html[data-theme="dark"] .dark-active-row-gap-20:active { row-gap: 5rem; }
.disabled-row-gap-20:disabled { row-gap: 5rem; }
html[data-theme="dark"] .dark-disabled-row-gap-20:disabled { row-gap: 5rem; }
.focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
.focus-within-row-gap-20:focus-within { row-gap: 5rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
.group:hover .group-hover-row-gap-20 { row-gap: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-20 { row-gap: 5rem; }
.row-gap-24 { row-gap: 6rem; }
html[data-theme="dark"] .dark-row-gap-24 { row-gap: 6rem; }
.hover-row-gap-24:hover { row-gap: 6rem; }
html[data-theme="dark"] .dark-hover-row-gap-24:hover { row-gap: 6rem; }
.focus-row-gap-24:focus { row-gap: 6rem; }
html[data-theme="dark"] .dark-focus-row-gap-24:focus { row-gap: 6rem; }
.active-row-gap-24:active { row-gap: 6rem; }
html[data-theme="dark"] .dark-active-row-gap-24:active { row-gap: 6rem; }
.disabled-row-gap-24:disabled { row-gap: 6rem; }
html[data-theme="dark"] .dark-disabled-row-gap-24:disabled { row-gap: 6rem; }
.focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
.focus-within-row-gap-24:focus-within { row-gap: 6rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
.group:hover .group-hover-row-gap-24 { row-gap: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-24 { row-gap: 6rem; }
.row-gap-28 { row-gap: 7rem; }
html[data-theme="dark"] .dark-row-gap-28 { row-gap: 7rem; }
.hover-row-gap-28:hover { row-gap: 7rem; }
html[data-theme="dark"] .dark-hover-row-gap-28:hover { row-gap: 7rem; }
.focus-row-gap-28:focus { row-gap: 7rem; }
html[data-theme="dark"] .dark-focus-row-gap-28:focus { row-gap: 7rem; }
.active-row-gap-28:active { row-gap: 7rem; }
html[data-theme="dark"] .dark-active-row-gap-28:active { row-gap: 7rem; }
.disabled-row-gap-28:disabled { row-gap: 7rem; }
html[data-theme="dark"] .dark-disabled-row-gap-28:disabled { row-gap: 7rem; }
.focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
.focus-within-row-gap-28:focus-within { row-gap: 7rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
.group:hover .group-hover-row-gap-28 { row-gap: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-28 { row-gap: 7rem; }
.row-gap-32 { row-gap: 8rem; }
html[data-theme="dark"] .dark-row-gap-32 { row-gap: 8rem; }
.hover-row-gap-32:hover { row-gap: 8rem; }
html[data-theme="dark"] .dark-hover-row-gap-32:hover { row-gap: 8rem; }
.focus-row-gap-32:focus { row-gap: 8rem; }
html[data-theme="dark"] .dark-focus-row-gap-32:focus { row-gap: 8rem; }
.active-row-gap-32:active { row-gap: 8rem; }
html[data-theme="dark"] .dark-active-row-gap-32:active { row-gap: 8rem; }
.disabled-row-gap-32:disabled { row-gap: 8rem; }
html[data-theme="dark"] .dark-disabled-row-gap-32:disabled { row-gap: 8rem; }
.focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
html[data-theme="dark"] .dark-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
.focus-within-row-gap-32:focus-within { row-gap: 8rem; }
html[data-theme="dark"] .dark-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
.group:hover .group-hover-row-gap-32 { row-gap: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-row-gap-32 { row-gap: 8rem; }
.column-gap-0 { column-gap: 0; }
html[data-theme="dark"] .dark-column-gap-0 { column-gap: 0; }
.hover-column-gap-0:hover { column-gap: 0; }
html[data-theme="dark"] .dark-hover-column-gap-0:hover { column-gap: 0; }
.focus-column-gap-0:focus { column-gap: 0; }
html[data-theme="dark"] .dark-focus-column-gap-0:focus { column-gap: 0; }
.active-column-gap-0:active { column-gap: 0; }
html[data-theme="dark"] .dark-active-column-gap-0:active { column-gap: 0; }
.disabled-column-gap-0:disabled { column-gap: 0; }
html[data-theme="dark"] .dark-disabled-column-gap-0:disabled { column-gap: 0; }
.focus-visible-column-gap-0:focus-visible { column-gap: 0; }
html[data-theme="dark"] .dark-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
.focus-within-column-gap-0:focus-within { column-gap: 0; }
html[data-theme="dark"] .dark-focus-within-column-gap-0:focus-within { column-gap: 0; }
.group:hover .group-hover-column-gap-0 { column-gap: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-0 { column-gap: 0; }
.column-gap-1 { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-column-gap-1 { column-gap: 0.25rem; }
.hover-column-gap-1:hover { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-hover-column-gap-1:hover { column-gap: 0.25rem; }
.focus-column-gap-1:focus { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-column-gap-1:focus { column-gap: 0.25rem; }
.active-column-gap-1:active { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-active-column-gap-1:active { column-gap: 0.25rem; }
.disabled-column-gap-1:disabled { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
.focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
.focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
.group:hover .group-hover-column-gap-1 { column-gap: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-1 { column-gap: 0.25rem; }
.column-gap-2 { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-column-gap-2 { column-gap: 0.5rem; }
.hover-column-gap-2:hover { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-hover-column-gap-2:hover { column-gap: 0.5rem; }
.focus-column-gap-2:focus { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-column-gap-2:focus { column-gap: 0.5rem; }
.active-column-gap-2:active { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-active-column-gap-2:active { column-gap: 0.5rem; }
.disabled-column-gap-2:disabled { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
.focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
.focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
.group:hover .group-hover-column-gap-2 { column-gap: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-2 { column-gap: 0.5rem; }
.column-gap-3 { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-column-gap-3 { column-gap: 0.75rem; }
.hover-column-gap-3:hover { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-hover-column-gap-3:hover { column-gap: 0.75rem; }
.focus-column-gap-3:focus { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-column-gap-3:focus { column-gap: 0.75rem; }
.active-column-gap-3:active { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-active-column-gap-3:active { column-gap: 0.75rem; }
.disabled-column-gap-3:disabled { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
.focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
.focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
.group:hover .group-hover-column-gap-3 { column-gap: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-3 { column-gap: 0.75rem; }
.column-gap-4 { column-gap: 1rem; }
html[data-theme="dark"] .dark-column-gap-4 { column-gap: 1rem; }
.hover-column-gap-4:hover { column-gap: 1rem; }
html[data-theme="dark"] .dark-hover-column-gap-4:hover { column-gap: 1rem; }
.focus-column-gap-4:focus { column-gap: 1rem; }
html[data-theme="dark"] .dark-focus-column-gap-4:focus { column-gap: 1rem; }
.active-column-gap-4:active { column-gap: 1rem; }
html[data-theme="dark"] .dark-active-column-gap-4:active { column-gap: 1rem; }
.disabled-column-gap-4:disabled { column-gap: 1rem; }
html[data-theme="dark"] .dark-disabled-column-gap-4:disabled { column-gap: 1rem; }
.focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
.focus-within-column-gap-4:focus-within { column-gap: 1rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
.group:hover .group-hover-column-gap-4 { column-gap: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-4 { column-gap: 1rem; }
.column-gap-5 { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-column-gap-5 { column-gap: 1.25rem; }
.hover-column-gap-5:hover { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-hover-column-gap-5:hover { column-gap: 1.25rem; }
.focus-column-gap-5:focus { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-column-gap-5:focus { column-gap: 1.25rem; }
.active-column-gap-5:active { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-active-column-gap-5:active { column-gap: 1.25rem; }
.disabled-column-gap-5:disabled { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
.focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
.focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
.group:hover .group-hover-column-gap-5 { column-gap: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-5 { column-gap: 1.25rem; }
.column-gap-6 { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-column-gap-6 { column-gap: 1.5rem; }
.hover-column-gap-6:hover { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-hover-column-gap-6:hover { column-gap: 1.5rem; }
.focus-column-gap-6:focus { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-column-gap-6:focus { column-gap: 1.5rem; }
.active-column-gap-6:active { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-active-column-gap-6:active { column-gap: 1.5rem; }
.disabled-column-gap-6:disabled { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
.focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
.focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
.group:hover .group-hover-column-gap-6 { column-gap: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-6 { column-gap: 1.5rem; }
.column-gap-7 { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-column-gap-7 { column-gap: 1.75rem; }
.hover-column-gap-7:hover { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-hover-column-gap-7:hover { column-gap: 1.75rem; }
.focus-column-gap-7:focus { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-column-gap-7:focus { column-gap: 1.75rem; }
.active-column-gap-7:active { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-active-column-gap-7:active { column-gap: 1.75rem; }
.disabled-column-gap-7:disabled { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
.focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
.focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
.group:hover .group-hover-column-gap-7 { column-gap: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-7 { column-gap: 1.75rem; }
.column-gap-8 { column-gap: 2rem; }
html[data-theme="dark"] .dark-column-gap-8 { column-gap: 2rem; }
.hover-column-gap-8:hover { column-gap: 2rem; }
html[data-theme="dark"] .dark-hover-column-gap-8:hover { column-gap: 2rem; }
.focus-column-gap-8:focus { column-gap: 2rem; }
html[data-theme="dark"] .dark-focus-column-gap-8:focus { column-gap: 2rem; }
.active-column-gap-8:active { column-gap: 2rem; }
html[data-theme="dark"] .dark-active-column-gap-8:active { column-gap: 2rem; }
.disabled-column-gap-8:disabled { column-gap: 2rem; }
html[data-theme="dark"] .dark-disabled-column-gap-8:disabled { column-gap: 2rem; }
.focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
.focus-within-column-gap-8:focus-within { column-gap: 2rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
.group:hover .group-hover-column-gap-8 { column-gap: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-8 { column-gap: 2rem; }
.column-gap-9 { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-column-gap-9 { column-gap: 2.25rem; }
.hover-column-gap-9:hover { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-hover-column-gap-9:hover { column-gap: 2.25rem; }
.focus-column-gap-9:focus { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-column-gap-9:focus { column-gap: 2.25rem; }
.active-column-gap-9:active { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-active-column-gap-9:active { column-gap: 2.25rem; }
.disabled-column-gap-9:disabled { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
.focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
.focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
.group:hover .group-hover-column-gap-9 { column-gap: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-9 { column-gap: 2.25rem; }
.column-gap-10 { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-column-gap-10 { column-gap: 2.5rem; }
.hover-column-gap-10:hover { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-hover-column-gap-10:hover { column-gap: 2.5rem; }
.focus-column-gap-10:focus { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-column-gap-10:focus { column-gap: 2.5rem; }
.active-column-gap-10:active { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-active-column-gap-10:active { column-gap: 2.5rem; }
.disabled-column-gap-10:disabled { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
.focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
.focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
.group:hover .group-hover-column-gap-10 { column-gap: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-10 { column-gap: 2.5rem; }
.column-gap-12 { column-gap: 3rem; }
html[data-theme="dark"] .dark-column-gap-12 { column-gap: 3rem; }
.hover-column-gap-12:hover { column-gap: 3rem; }
html[data-theme="dark"] .dark-hover-column-gap-12:hover { column-gap: 3rem; }
.focus-column-gap-12:focus { column-gap: 3rem; }
html[data-theme="dark"] .dark-focus-column-gap-12:focus { column-gap: 3rem; }
.active-column-gap-12:active { column-gap: 3rem; }
html[data-theme="dark"] .dark-active-column-gap-12:active { column-gap: 3rem; }
.disabled-column-gap-12:disabled { column-gap: 3rem; }
html[data-theme="dark"] .dark-disabled-column-gap-12:disabled { column-gap: 3rem; }
.focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
.focus-within-column-gap-12:focus-within { column-gap: 3rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
.group:hover .group-hover-column-gap-12 { column-gap: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-12 { column-gap: 3rem; }
.column-gap-14 { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-column-gap-14 { column-gap: 3.5rem; }
.hover-column-gap-14:hover { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-hover-column-gap-14:hover { column-gap: 3.5rem; }
.focus-column-gap-14:focus { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-column-gap-14:focus { column-gap: 3.5rem; }
.active-column-gap-14:active { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-active-column-gap-14:active { column-gap: 3.5rem; }
.disabled-column-gap-14:disabled { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
.focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
.focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
.group:hover .group-hover-column-gap-14 { column-gap: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-14 { column-gap: 3.5rem; }
.column-gap-16 { column-gap: 4rem; }
html[data-theme="dark"] .dark-column-gap-16 { column-gap: 4rem; }
.hover-column-gap-16:hover { column-gap: 4rem; }
html[data-theme="dark"] .dark-hover-column-gap-16:hover { column-gap: 4rem; }
.focus-column-gap-16:focus { column-gap: 4rem; }
html[data-theme="dark"] .dark-focus-column-gap-16:focus { column-gap: 4rem; }
.active-column-gap-16:active { column-gap: 4rem; }
html[data-theme="dark"] .dark-active-column-gap-16:active { column-gap: 4rem; }
.disabled-column-gap-16:disabled { column-gap: 4rem; }
html[data-theme="dark"] .dark-disabled-column-gap-16:disabled { column-gap: 4rem; }
.focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
.focus-within-column-gap-16:focus-within { column-gap: 4rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
.group:hover .group-hover-column-gap-16 { column-gap: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-16 { column-gap: 4rem; }
.column-gap-20 { column-gap: 5rem; }
html[data-theme="dark"] .dark-column-gap-20 { column-gap: 5rem; }
.hover-column-gap-20:hover { column-gap: 5rem; }
html[data-theme="dark"] .dark-hover-column-gap-20:hover { column-gap: 5rem; }
.focus-column-gap-20:focus { column-gap: 5rem; }
html[data-theme="dark"] .dark-focus-column-gap-20:focus { column-gap: 5rem; }
.active-column-gap-20:active { column-gap: 5rem; }
html[data-theme="dark"] .dark-active-column-gap-20:active { column-gap: 5rem; }
.disabled-column-gap-20:disabled { column-gap: 5rem; }
html[data-theme="dark"] .dark-disabled-column-gap-20:disabled { column-gap: 5rem; }
.focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
.focus-within-column-gap-20:focus-within { column-gap: 5rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
.group:hover .group-hover-column-gap-20 { column-gap: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-20 { column-gap: 5rem; }
.column-gap-24 { column-gap: 6rem; }
html[data-theme="dark"] .dark-column-gap-24 { column-gap: 6rem; }
.hover-column-gap-24:hover { column-gap: 6rem; }
html[data-theme="dark"] .dark-hover-column-gap-24:hover { column-gap: 6rem; }
.focus-column-gap-24:focus { column-gap: 6rem; }
html[data-theme="dark"] .dark-focus-column-gap-24:focus { column-gap: 6rem; }
.active-column-gap-24:active { column-gap: 6rem; }
html[data-theme="dark"] .dark-active-column-gap-24:active { column-gap: 6rem; }
.disabled-column-gap-24:disabled { column-gap: 6rem; }
html[data-theme="dark"] .dark-disabled-column-gap-24:disabled { column-gap: 6rem; }
.focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
.focus-within-column-gap-24:focus-within { column-gap: 6rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
.group:hover .group-hover-column-gap-24 { column-gap: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-24 { column-gap: 6rem; }
.column-gap-28 { column-gap: 7rem; }
html[data-theme="dark"] .dark-column-gap-28 { column-gap: 7rem; }
.hover-column-gap-28:hover { column-gap: 7rem; }
html[data-theme="dark"] .dark-hover-column-gap-28:hover { column-gap: 7rem; }
.focus-column-gap-28:focus { column-gap: 7rem; }
html[data-theme="dark"] .dark-focus-column-gap-28:focus { column-gap: 7rem; }
.active-column-gap-28:active { column-gap: 7rem; }
html[data-theme="dark"] .dark-active-column-gap-28:active { column-gap: 7rem; }
.disabled-column-gap-28:disabled { column-gap: 7rem; }
html[data-theme="dark"] .dark-disabled-column-gap-28:disabled { column-gap: 7rem; }
.focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
.focus-within-column-gap-28:focus-within { column-gap: 7rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
.group:hover .group-hover-column-gap-28 { column-gap: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-28 { column-gap: 7rem; }
.column-gap-32 { column-gap: 8rem; }
html[data-theme="dark"] .dark-column-gap-32 { column-gap: 8rem; }
.hover-column-gap-32:hover { column-gap: 8rem; }
html[data-theme="dark"] .dark-hover-column-gap-32:hover { column-gap: 8rem; }
.focus-column-gap-32:focus { column-gap: 8rem; }
html[data-theme="dark"] .dark-focus-column-gap-32:focus { column-gap: 8rem; }
.active-column-gap-32:active { column-gap: 8rem; }
html[data-theme="dark"] .dark-active-column-gap-32:active { column-gap: 8rem; }
.disabled-column-gap-32:disabled { column-gap: 8rem; }
html[data-theme="dark"] .dark-disabled-column-gap-32:disabled { column-gap: 8rem; }
.focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
html[data-theme="dark"] .dark-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
.focus-within-column-gap-32:focus-within { column-gap: 8rem; }
html[data-theme="dark"] .dark-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
.group:hover .group-hover-column-gap-32 { column-gap: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-column-gap-32 { column-gap: 8rem; }
.flex-row { flex-direction: row; }
html[data-theme="dark"] .dark-flex-row { flex-direction: row; }
.hover-flex-row:hover { flex-direction: row; }
html[data-theme="dark"] .dark-hover-flex-row:hover { flex-direction: row; }
.focus-flex-row:focus { flex-direction: row; }
html[data-theme="dark"] .dark-focus-flex-row:focus { flex-direction: row; }
.active-flex-row:active { flex-direction: row; }
html[data-theme="dark"] .dark-active-flex-row:active { flex-direction: row; }
.disabled-flex-row:disabled { flex-direction: row; }
html[data-theme="dark"] .dark-disabled-flex-row:disabled { flex-direction: row; }
.focus-visible-flex-row:focus-visible { flex-direction: row; }
html[data-theme="dark"] .dark-focus-visible-flex-row:focus-visible { flex-direction: row; }
.focus-within-flex-row:focus-within { flex-direction: row; }
html[data-theme="dark"] .dark-focus-within-flex-row:focus-within { flex-direction: row; }
.group:hover .group-hover-flex-row { flex-direction: row; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
html[data-theme="dark"] .dark-flex-col { flex-direction: column; }
.hover-flex-col:hover { flex-direction: column; }
html[data-theme="dark"] .dark-hover-flex-col:hover { flex-direction: column; }
.focus-flex-col:focus { flex-direction: column; }
html[data-theme="dark"] .dark-focus-flex-col:focus { flex-direction: column; }
.active-flex-col:active { flex-direction: column; }
html[data-theme="dark"] .dark-active-flex-col:active { flex-direction: column; }
.disabled-flex-col:disabled { flex-direction: column; }
html[data-theme="dark"] .dark-disabled-flex-col:disabled { flex-direction: column; }
.focus-visible-flex-col:focus-visible { flex-direction: column; }
html[data-theme="dark"] .dark-focus-visible-flex-col:focus-visible { flex-direction: column; }
.focus-within-flex-col:focus-within { flex-direction: column; }
html[data-theme="dark"] .dark-focus-within-flex-col:focus-within { flex-direction: column; }
.group:hover .group-hover-flex-col { flex-direction: column; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-flex-row-reverse { flex-direction: row-reverse; }
.hover-flex-row-reverse:hover { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.focus-flex-row-reverse:focus { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.active-flex-row-reverse:active { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-active-flex-row-reverse:active { flex-direction: row-reverse; }
.disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
.focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
html[data-theme="dark"] .dark-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
.group:hover .group-hover-flex-row-reverse { flex-direction: row-reverse; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-flex-col-reverse { flex-direction: column-reverse; }
.hover-flex-col-reverse:hover { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.focus-flex-col-reverse:focus { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.active-flex-col-reverse:active { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-active-flex-col-reverse:active { flex-direction: column-reverse; }
.disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
.focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
html[data-theme="dark"] .dark-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
.group:hover .group-hover-flex-col-reverse { flex-direction: column-reverse; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
html[data-theme="dark"] .dark-flex-wrap { flex-wrap: wrap; }
.hover-flex-wrap:hover { flex-wrap: wrap; }
html[data-theme="dark"] .dark-hover-flex-wrap:hover { flex-wrap: wrap; }
.focus-flex-wrap:focus { flex-wrap: wrap; }
html[data-theme="dark"] .dark-focus-flex-wrap:focus { flex-wrap: wrap; }
.active-flex-wrap:active { flex-wrap: wrap; }
html[data-theme="dark"] .dark-active-flex-wrap:active { flex-wrap: wrap; }
.disabled-flex-wrap:disabled { flex-wrap: wrap; }
html[data-theme="dark"] .dark-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
html[data-theme="dark"] .dark-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
.focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
html[data-theme="dark"] .dark-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
.group:hover .group-hover-flex-wrap { flex-wrap: wrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-flex-nowrap { flex-wrap: nowrap; }
.hover-flex-nowrap:hover { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.focus-flex-nowrap:focus { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.active-flex-nowrap:active { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-active-flex-nowrap:active { flex-wrap: nowrap; }
.disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
.focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
html[data-theme="dark"] .dark-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
.group:hover .group-hover-flex-nowrap { flex-wrap: nowrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
.focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .dark-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
.group:hover .group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-1 { flex: 1; }
html[data-theme="dark"] .dark-flex-1 { flex: 1; }
.hover-flex-1:hover { flex: 1; }
html[data-theme="dark"] .dark-hover-flex-1:hover { flex: 1; }
.focus-flex-1:focus { flex: 1; }
html[data-theme="dark"] .dark-focus-flex-1:focus { flex: 1; }
.active-flex-1:active { flex: 1; }
html[data-theme="dark"] .dark-active-flex-1:active { flex: 1; }
.disabled-flex-1:disabled { flex: 1; }
html[data-theme="dark"] .dark-disabled-flex-1:disabled { flex: 1; }
.focus-visible-flex-1:focus-visible { flex: 1; }
html[data-theme="dark"] .dark-focus-visible-flex-1:focus-visible { flex: 1; }
.focus-within-flex-1:focus-within { flex: 1; }
html[data-theme="dark"] .dark-focus-within-flex-1:focus-within { flex: 1; }
.group:hover .group-hover-flex-1 { flex: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-1 { flex: 1; }
.flex-auto { flex: auto; }
html[data-theme="dark"] .dark-flex-auto { flex: auto; }
.hover-flex-auto:hover { flex: auto; }
html[data-theme="dark"] .dark-hover-flex-auto:hover { flex: auto; }
.focus-flex-auto:focus { flex: auto; }
html[data-theme="dark"] .dark-focus-flex-auto:focus { flex: auto; }
.active-flex-auto:active { flex: auto; }
html[data-theme="dark"] .dark-active-flex-auto:active { flex: auto; }
.disabled-flex-auto:disabled { flex: auto; }
html[data-theme="dark"] .dark-disabled-flex-auto:disabled { flex: auto; }
.focus-visible-flex-auto:focus-visible { flex: auto; }
html[data-theme="dark"] .dark-focus-visible-flex-auto:focus-visible { flex: auto; }
.focus-within-flex-auto:focus-within { flex: auto; }
html[data-theme="dark"] .dark-focus-within-flex-auto:focus-within { flex: auto; }
.group:hover .group-hover-flex-auto { flex: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-auto { flex: auto; }
.flex-initial { flex: initial; }
html[data-theme="dark"] .dark-flex-initial { flex: initial; }
.hover-flex-initial:hover { flex: initial; }
html[data-theme="dark"] .dark-hover-flex-initial:hover { flex: initial; }
.focus-flex-initial:focus { flex: initial; }
html[data-theme="dark"] .dark-focus-flex-initial:focus { flex: initial; }
.active-flex-initial:active { flex: initial; }
html[data-theme="dark"] .dark-active-flex-initial:active { flex: initial; }
.disabled-flex-initial:disabled { flex: initial; }
html[data-theme="dark"] .dark-disabled-flex-initial:disabled { flex: initial; }
.focus-visible-flex-initial:focus-visible { flex: initial; }
html[data-theme="dark"] .dark-focus-visible-flex-initial:focus-visible { flex: initial; }
.focus-within-flex-initial:focus-within { flex: initial; }
html[data-theme="dark"] .dark-focus-within-flex-initial:focus-within { flex: initial; }
.group:hover .group-hover-flex-initial { flex: initial; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-initial { flex: initial; }
.flex-none { flex: none; }
html[data-theme="dark"] .dark-flex-none { flex: none; }
.hover-flex-none:hover { flex: none; }
html[data-theme="dark"] .dark-hover-flex-none:hover { flex: none; }
.focus-flex-none:focus { flex: none; }
html[data-theme="dark"] .dark-focus-flex-none:focus { flex: none; }
.active-flex-none:active { flex: none; }
html[data-theme="dark"] .dark-active-flex-none:active { flex: none; }
.disabled-flex-none:disabled { flex: none; }
html[data-theme="dark"] .dark-disabled-flex-none:disabled { flex: none; }
.focus-visible-flex-none:focus-visible { flex: none; }
html[data-theme="dark"] .dark-focus-visible-flex-none:focus-visible { flex: none; }
.focus-within-flex-none:focus-within { flex: none; }
html[data-theme="dark"] .dark-focus-within-flex-none:focus-within { flex: none; }
.group:hover .group-hover-flex-none { flex: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-none { flex: none; }
.flex-grow-0 { flex-grow: 0; }
html[data-theme="dark"] .dark-flex-grow-0 { flex-grow: 0; }
.hover-flex-grow-0:hover { flex-grow: 0; }
html[data-theme="dark"] .dark-hover-flex-grow-0:hover { flex-grow: 0; }
.focus-flex-grow-0:focus { flex-grow: 0; }
html[data-theme="dark"] .dark-focus-flex-grow-0:focus { flex-grow: 0; }
.active-flex-grow-0:active { flex-grow: 0; }
html[data-theme="dark"] .dark-active-flex-grow-0:active { flex-grow: 0; }
.disabled-flex-grow-0:disabled { flex-grow: 0; }
html[data-theme="dark"] .dark-disabled-flex-grow-0:disabled { flex-grow: 0; }
.focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
html[data-theme="dark"] .dark-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
.focus-within-flex-grow-0:focus-within { flex-grow: 0; }
html[data-theme="dark"] .dark-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
.group:hover .group-hover-flex-grow-0 { flex-grow: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
html[data-theme="dark"] .dark-flex-grow-1 { flex-grow: 1; }
.hover-flex-grow-1:hover { flex-grow: 1; }
html[data-theme="dark"] .dark-hover-flex-grow-1:hover { flex-grow: 1; }
.focus-flex-grow-1:focus { flex-grow: 1; }
html[data-theme="dark"] .dark-focus-flex-grow-1:focus { flex-grow: 1; }
.active-flex-grow-1:active { flex-grow: 1; }
html[data-theme="dark"] .dark-active-flex-grow-1:active { flex-grow: 1; }
.disabled-flex-grow-1:disabled { flex-grow: 1; }
html[data-theme="dark"] .dark-disabled-flex-grow-1:disabled { flex-grow: 1; }
.focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
html[data-theme="dark"] .dark-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
.focus-within-flex-grow-1:focus-within { flex-grow: 1; }
html[data-theme="dark"] .dark-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
.group:hover .group-hover-flex-grow-1 { flex-grow: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
html[data-theme="dark"] .dark-flex-shrink-0 { flex-shrink: 0; }
.hover-flex-shrink-0:hover { flex-shrink: 0; }
html[data-theme="dark"] .dark-hover-flex-shrink-0:hover { flex-shrink: 0; }
.focus-flex-shrink-0:focus { flex-shrink: 0; }
html[data-theme="dark"] .dark-focus-flex-shrink-0:focus { flex-shrink: 0; }
.active-flex-shrink-0:active { flex-shrink: 0; }
html[data-theme="dark"] .dark-active-flex-shrink-0:active { flex-shrink: 0; }
.disabled-flex-shrink-0:disabled { flex-shrink: 0; }
html[data-theme="dark"] .dark-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
html[data-theme="dark"] .dark-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
.focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
html[data-theme="dark"] .dark-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
.group:hover .group-hover-flex-shrink-0 { flex-shrink: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }
html[data-theme="dark"] .dark-flex-shrink-1 { flex-shrink: 1; }
.hover-flex-shrink-1:hover { flex-shrink: 1; }
html[data-theme="dark"] .dark-hover-flex-shrink-1:hover { flex-shrink: 1; }
.focus-flex-shrink-1:focus { flex-shrink: 1; }
html[data-theme="dark"] .dark-focus-flex-shrink-1:focus { flex-shrink: 1; }
.active-flex-shrink-1:active { flex-shrink: 1; }
html[data-theme="dark"] .dark-active-flex-shrink-1:active { flex-shrink: 1; }
.disabled-flex-shrink-1:disabled { flex-shrink: 1; }
html[data-theme="dark"] .dark-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
html[data-theme="dark"] .dark-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
.focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
html[data-theme="dark"] .dark-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
.group:hover .group-hover-flex-shrink-1 { flex-shrink: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-shrink-1 { flex-shrink: 1; }
.flex-basis-0 { flex-basis: 0; }
html[data-theme="dark"] .dark-flex-basis-0 { flex-basis: 0; }
.hover-flex-basis-0:hover { flex-basis: 0; }
html[data-theme="dark"] .dark-hover-flex-basis-0:hover { flex-basis: 0; }
.focus-flex-basis-0:focus { flex-basis: 0; }
html[data-theme="dark"] .dark-focus-flex-basis-0:focus { flex-basis: 0; }
.active-flex-basis-0:active { flex-basis: 0; }
html[data-theme="dark"] .dark-active-flex-basis-0:active { flex-basis: 0; }
.disabled-flex-basis-0:disabled { flex-basis: 0; }
html[data-theme="dark"] .dark-disabled-flex-basis-0:disabled { flex-basis: 0; }
.focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
.focus-within-flex-basis-0:focus-within { flex-basis: 0; }
html[data-theme="dark"] .dark-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
.group:hover .group-hover-flex-basis-0 { flex-basis: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-0 { flex-basis: 0; }
.flex-basis-auto { flex-basis: auto; }
html[data-theme="dark"] .dark-flex-basis-auto { flex-basis: auto; }
.hover-flex-basis-auto:hover { flex-basis: auto; }
html[data-theme="dark"] .dark-hover-flex-basis-auto:hover { flex-basis: auto; }
.focus-flex-basis-auto:focus { flex-basis: auto; }
html[data-theme="dark"] .dark-focus-flex-basis-auto:focus { flex-basis: auto; }
.active-flex-basis-auto:active { flex-basis: auto; }
html[data-theme="dark"] .dark-active-flex-basis-auto:active { flex-basis: auto; }
.disabled-flex-basis-auto:disabled { flex-basis: auto; }
html[data-theme="dark"] .dark-disabled-flex-basis-auto:disabled { flex-basis: auto; }
.focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
.focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
html[data-theme="dark"] .dark-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
.group:hover .group-hover-flex-basis-auto { flex-basis: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-auto { flex-basis: auto; }
.flex-basis-full { flex-basis: 100%; }
html[data-theme="dark"] .dark-flex-basis-full { flex-basis: 100%; }
.hover-flex-basis-full:hover { flex-basis: 100%; }
html[data-theme="dark"] .dark-hover-flex-basis-full:hover { flex-basis: 100%; }
.focus-flex-basis-full:focus { flex-basis: 100%; }
html[data-theme="dark"] .dark-focus-flex-basis-full:focus { flex-basis: 100%; }
.active-flex-basis-full:active { flex-basis: 100%; }
html[data-theme="dark"] .dark-active-flex-basis-full:active { flex-basis: 100%; }
.disabled-flex-basis-full:disabled { flex-basis: 100%; }
html[data-theme="dark"] .dark-disabled-flex-basis-full:disabled { flex-basis: 100%; }
.focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
.focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
.group:hover .group-hover-flex-basis-full { flex-basis: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-full { flex-basis: 100%; }
.flex-basis-half { flex-basis: 50%; }
html[data-theme="dark"] .dark-flex-basis-half { flex-basis: 50%; }
.hover-flex-basis-half:hover { flex-basis: 50%; }
html[data-theme="dark"] .dark-hover-flex-basis-half:hover { flex-basis: 50%; }
.focus-flex-basis-half:focus { flex-basis: 50%; }
html[data-theme="dark"] .dark-focus-flex-basis-half:focus { flex-basis: 50%; }
.active-flex-basis-half:active { flex-basis: 50%; }
html[data-theme="dark"] .dark-active-flex-basis-half:active { flex-basis: 50%; }
.disabled-flex-basis-half:disabled { flex-basis: 50%; }
html[data-theme="dark"] .dark-disabled-flex-basis-half:disabled { flex-basis: 50%; }
.focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
.focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
.group:hover .group-hover-flex-basis-half { flex-basis: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-half { flex-basis: 50%; }
.flex-basis-one-third { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-flex-basis-one-third { flex-basis: 33.3333%; }
.hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
.focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
.active-flex-basis-one-third:active { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
.disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
.focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
.focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
.group:hover .group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
.flex-basis-two-third { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-flex-basis-two-third { flex-basis: 66.6667%; }
.hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
.focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
.active-flex-basis-two-third:active { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
.disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
.focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
.focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
.group:hover .group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
.flex-basis-one-quarter { flex-basis: 25%; }
html[data-theme="dark"] .dark-flex-basis-one-quarter { flex-basis: 25%; }
.hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
html[data-theme="dark"] .dark-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
.focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
html[data-theme="dark"] .dark-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
.active-flex-basis-one-quarter:active { flex-basis: 25%; }
html[data-theme="dark"] .dark-active-flex-basis-one-quarter:active { flex-basis: 25%; }
.disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
html[data-theme="dark"] .dark-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
.focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
.focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
.group:hover .group-hover-flex-basis-one-quarter { flex-basis: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
.flex-basis-three-quarter { flex-basis: 75%; }
html[data-theme="dark"] .dark-flex-basis-three-quarter { flex-basis: 75%; }
.hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
html[data-theme="dark"] .dark-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
.focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
html[data-theme="dark"] .dark-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
.active-flex-basis-three-quarter:active { flex-basis: 75%; }
html[data-theme="dark"] .dark-active-flex-basis-three-quarter:active { flex-basis: 75%; }
.disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
html[data-theme="dark"] .dark-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
.focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
.focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
.group:hover .group-hover-flex-basis-three-quarter { flex-basis: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
.flex-basis-one-fifth { flex-basis: 20%; }
html[data-theme="dark"] .dark-flex-basis-one-fifth { flex-basis: 20%; }
.hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
html[data-theme="dark"] .dark-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
.focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
html[data-theme="dark"] .dark-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
.active-flex-basis-one-fifth:active { flex-basis: 20%; }
html[data-theme="dark"] .dark-active-flex-basis-one-fifth:active { flex-basis: 20%; }
.disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
html[data-theme="dark"] .dark-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
.focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
.focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
.group:hover .group-hover-flex-basis-one-fifth { flex-basis: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
.flex-basis-two-fifth { flex-basis: 40%; }
html[data-theme="dark"] .dark-flex-basis-two-fifth { flex-basis: 40%; }
.hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
html[data-theme="dark"] .dark-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
.focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
html[data-theme="dark"] .dark-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
.active-flex-basis-two-fifth:active { flex-basis: 40%; }
html[data-theme="dark"] .dark-active-flex-basis-two-fifth:active { flex-basis: 40%; }
.disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
html[data-theme="dark"] .dark-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
.focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
.focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
.group:hover .group-hover-flex-basis-two-fifth { flex-basis: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
.flex-basis-three-fifth { flex-basis: 60%; }
html[data-theme="dark"] .dark-flex-basis-three-fifth { flex-basis: 60%; }
.hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
html[data-theme="dark"] .dark-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
.focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
html[data-theme="dark"] .dark-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
.active-flex-basis-three-fifth:active { flex-basis: 60%; }
html[data-theme="dark"] .dark-active-flex-basis-three-fifth:active { flex-basis: 60%; }
.disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
html[data-theme="dark"] .dark-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
.focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
.focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
.group:hover .group-hover-flex-basis-three-fifth { flex-basis: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
.flex-basis-four-fifth { flex-basis: 80%; }
html[data-theme="dark"] .dark-flex-basis-four-fifth { flex-basis: 80%; }
.hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
html[data-theme="dark"] .dark-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
.focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
html[data-theme="dark"] .dark-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
.active-flex-basis-four-fifth:active { flex-basis: 80%; }
html[data-theme="dark"] .dark-active-flex-basis-four-fifth:active { flex-basis: 80%; }
.disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
html[data-theme="dark"] .dark-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
.focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
html[data-theme="dark"] .dark-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
.focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
html[data-theme="dark"] .dark-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
.group:hover .group-hover-flex-basis-four-fifth { flex-basis: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
.order-first { order: -1; }
html[data-theme="dark"] .dark-order-first { order: -1; }
.hover-order-first:hover { order: -1; }
html[data-theme="dark"] .dark-hover-order-first:hover { order: -1; }
.focus-order-first:focus { order: -1; }
html[data-theme="dark"] .dark-focus-order-first:focus { order: -1; }
.active-order-first:active { order: -1; }
html[data-theme="dark"] .dark-active-order-first:active { order: -1; }
.disabled-order-first:disabled { order: -1; }
html[data-theme="dark"] .dark-disabled-order-first:disabled { order: -1; }
.focus-visible-order-first:focus-visible { order: -1; }
html[data-theme="dark"] .dark-focus-visible-order-first:focus-visible { order: -1; }
.focus-within-order-first:focus-within { order: -1; }
html[data-theme="dark"] .dark-focus-within-order-first:focus-within { order: -1; }
.group:hover .group-hover-order-first { order: -1; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-first { order: -1; }
.order-last { order: 9999; }
html[data-theme="dark"] .dark-order-last { order: 9999; }
.hover-order-last:hover { order: 9999; }
html[data-theme="dark"] .dark-hover-order-last:hover { order: 9999; }
.focus-order-last:focus { order: 9999; }
html[data-theme="dark"] .dark-focus-order-last:focus { order: 9999; }
.active-order-last:active { order: 9999; }
html[data-theme="dark"] .dark-active-order-last:active { order: 9999; }
.disabled-order-last:disabled { order: 9999; }
html[data-theme="dark"] .dark-disabled-order-last:disabled { order: 9999; }
.focus-visible-order-last:focus-visible { order: 9999; }
html[data-theme="dark"] .dark-focus-visible-order-last:focus-visible { order: 9999; }
.focus-within-order-last:focus-within { order: 9999; }
html[data-theme="dark"] .dark-focus-within-order-last:focus-within { order: 9999; }
.group:hover .group-hover-order-last { order: 9999; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-last { order: 9999; }
.order-0 { order: 0; }
html[data-theme="dark"] .dark-order-0 { order: 0; }
.hover-order-0:hover { order: 0; }
html[data-theme="dark"] .dark-hover-order-0:hover { order: 0; }
.focus-order-0:focus { order: 0; }
html[data-theme="dark"] .dark-focus-order-0:focus { order: 0; }
.active-order-0:active { order: 0; }
html[data-theme="dark"] .dark-active-order-0:active { order: 0; }
.disabled-order-0:disabled { order: 0; }
html[data-theme="dark"] .dark-disabled-order-0:disabled { order: 0; }
.focus-visible-order-0:focus-visible { order: 0; }
html[data-theme="dark"] .dark-focus-visible-order-0:focus-visible { order: 0; }
.focus-within-order-0:focus-within { order: 0; }
html[data-theme="dark"] .dark-focus-within-order-0:focus-within { order: 0; }
.group:hover .group-hover-order-0 { order: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-0 { order: 0; }
.order-1 { order: 1; }
html[data-theme="dark"] .dark-order-1 { order: 1; }
.hover-order-1:hover { order: 1; }
html[data-theme="dark"] .dark-hover-order-1:hover { order: 1; }
.focus-order-1:focus { order: 1; }
html[data-theme="dark"] .dark-focus-order-1:focus { order: 1; }
.active-order-1:active { order: 1; }
html[data-theme="dark"] .dark-active-order-1:active { order: 1; }
.disabled-order-1:disabled { order: 1; }
html[data-theme="dark"] .dark-disabled-order-1:disabled { order: 1; }
.focus-visible-order-1:focus-visible { order: 1; }
html[data-theme="dark"] .dark-focus-visible-order-1:focus-visible { order: 1; }
.focus-within-order-1:focus-within { order: 1; }
html[data-theme="dark"] .dark-focus-within-order-1:focus-within { order: 1; }
.group:hover .group-hover-order-1 { order: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-1 { order: 1; }
.order-2 { order: 2; }
html[data-theme="dark"] .dark-order-2 { order: 2; }
.hover-order-2:hover { order: 2; }
html[data-theme="dark"] .dark-hover-order-2:hover { order: 2; }
.focus-order-2:focus { order: 2; }
html[data-theme="dark"] .dark-focus-order-2:focus { order: 2; }
.active-order-2:active { order: 2; }
html[data-theme="dark"] .dark-active-order-2:active { order: 2; }
.disabled-order-2:disabled { order: 2; }
html[data-theme="dark"] .dark-disabled-order-2:disabled { order: 2; }
.focus-visible-order-2:focus-visible { order: 2; }
html[data-theme="dark"] .dark-focus-visible-order-2:focus-visible { order: 2; }
.focus-within-order-2:focus-within { order: 2; }
html[data-theme="dark"] .dark-focus-within-order-2:focus-within { order: 2; }
.group:hover .group-hover-order-2 { order: 2; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-2 { order: 2; }
.order-3 { order: 3; }
html[data-theme="dark"] .dark-order-3 { order: 3; }
.hover-order-3:hover { order: 3; }
html[data-theme="dark"] .dark-hover-order-3:hover { order: 3; }
.focus-order-3:focus { order: 3; }
html[data-theme="dark"] .dark-focus-order-3:focus { order: 3; }
.active-order-3:active { order: 3; }
html[data-theme="dark"] .dark-active-order-3:active { order: 3; }
.disabled-order-3:disabled { order: 3; }
html[data-theme="dark"] .dark-disabled-order-3:disabled { order: 3; }
.focus-visible-order-3:focus-visible { order: 3; }
html[data-theme="dark"] .dark-focus-visible-order-3:focus-visible { order: 3; }
.focus-within-order-3:focus-within { order: 3; }
html[data-theme="dark"] .dark-focus-within-order-3:focus-within { order: 3; }
.group:hover .group-hover-order-3 { order: 3; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-3 { order: 3; }
.order-4 { order: 4; }
html[data-theme="dark"] .dark-order-4 { order: 4; }
.hover-order-4:hover { order: 4; }
html[data-theme="dark"] .dark-hover-order-4:hover { order: 4; }
.focus-order-4:focus { order: 4; }
html[data-theme="dark"] .dark-focus-order-4:focus { order: 4; }
.active-order-4:active { order: 4; }
html[data-theme="dark"] .dark-active-order-4:active { order: 4; }
.disabled-order-4:disabled { order: 4; }
html[data-theme="dark"] .dark-disabled-order-4:disabled { order: 4; }
.focus-visible-order-4:focus-visible { order: 4; }
html[data-theme="dark"] .dark-focus-visible-order-4:focus-visible { order: 4; }
.focus-within-order-4:focus-within { order: 4; }
html[data-theme="dark"] .dark-focus-within-order-4:focus-within { order: 4; }
.group:hover .group-hover-order-4 { order: 4; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-4 { order: 4; }
.order-5 { order: 5; }
html[data-theme="dark"] .dark-order-5 { order: 5; }
.hover-order-5:hover { order: 5; }
html[data-theme="dark"] .dark-hover-order-5:hover { order: 5; }
.focus-order-5:focus { order: 5; }
html[data-theme="dark"] .dark-focus-order-5:focus { order: 5; }
.active-order-5:active { order: 5; }
html[data-theme="dark"] .dark-active-order-5:active { order: 5; }
.disabled-order-5:disabled { order: 5; }
html[data-theme="dark"] .dark-disabled-order-5:disabled { order: 5; }
.focus-visible-order-5:focus-visible { order: 5; }
html[data-theme="dark"] .dark-focus-visible-order-5:focus-visible { order: 5; }
.focus-within-order-5:focus-within { order: 5; }
html[data-theme="dark"] .dark-focus-within-order-5:focus-within { order: 5; }
.group:hover .group-hover-order-5 { order: 5; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-5 { order: 5; }
.order-6 { order: 6; }
html[data-theme="dark"] .dark-order-6 { order: 6; }
.hover-order-6:hover { order: 6; }
html[data-theme="dark"] .dark-hover-order-6:hover { order: 6; }
.focus-order-6:focus { order: 6; }
html[data-theme="dark"] .dark-focus-order-6:focus { order: 6; }
.active-order-6:active { order: 6; }
html[data-theme="dark"] .dark-active-order-6:active { order: 6; }
.disabled-order-6:disabled { order: 6; }
html[data-theme="dark"] .dark-disabled-order-6:disabled { order: 6; }
.focus-visible-order-6:focus-visible { order: 6; }
html[data-theme="dark"] .dark-focus-visible-order-6:focus-visible { order: 6; }
.focus-within-order-6:focus-within { order: 6; }
html[data-theme="dark"] .dark-focus-within-order-6:focus-within { order: 6; }
.group:hover .group-hover-order-6 { order: 6; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-6 { order: 6; }
.order-7 { order: 7; }
html[data-theme="dark"] .dark-order-7 { order: 7; }
.hover-order-7:hover { order: 7; }
html[data-theme="dark"] .dark-hover-order-7:hover { order: 7; }
.focus-order-7:focus { order: 7; }
html[data-theme="dark"] .dark-focus-order-7:focus { order: 7; }
.active-order-7:active { order: 7; }
html[data-theme="dark"] .dark-active-order-7:active { order: 7; }
.disabled-order-7:disabled { order: 7; }
html[data-theme="dark"] .dark-disabled-order-7:disabled { order: 7; }
.focus-visible-order-7:focus-visible { order: 7; }
html[data-theme="dark"] .dark-focus-visible-order-7:focus-visible { order: 7; }
.focus-within-order-7:focus-within { order: 7; }
html[data-theme="dark"] .dark-focus-within-order-7:focus-within { order: 7; }
.group:hover .group-hover-order-7 { order: 7; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-7 { order: 7; }
.order-8 { order: 8; }
html[data-theme="dark"] .dark-order-8 { order: 8; }
.hover-order-8:hover { order: 8; }
html[data-theme="dark"] .dark-hover-order-8:hover { order: 8; }
.focus-order-8:focus { order: 8; }
html[data-theme="dark"] .dark-focus-order-8:focus { order: 8; }
.active-order-8:active { order: 8; }
html[data-theme="dark"] .dark-active-order-8:active { order: 8; }
.disabled-order-8:disabled { order: 8; }
html[data-theme="dark"] .dark-disabled-order-8:disabled { order: 8; }
.focus-visible-order-8:focus-visible { order: 8; }
html[data-theme="dark"] .dark-focus-visible-order-8:focus-visible { order: 8; }
.focus-within-order-8:focus-within { order: 8; }
html[data-theme="dark"] .dark-focus-within-order-8:focus-within { order: 8; }
.group:hover .group-hover-order-8 { order: 8; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-8 { order: 8; }
.order-9 { order: 9; }
html[data-theme="dark"] .dark-order-9 { order: 9; }
.hover-order-9:hover { order: 9; }
html[data-theme="dark"] .dark-hover-order-9:hover { order: 9; }
.focus-order-9:focus { order: 9; }
html[data-theme="dark"] .dark-focus-order-9:focus { order: 9; }
.active-order-9:active { order: 9; }
html[data-theme="dark"] .dark-active-order-9:active { order: 9; }
.disabled-order-9:disabled { order: 9; }
html[data-theme="dark"] .dark-disabled-order-9:disabled { order: 9; }
.focus-visible-order-9:focus-visible { order: 9; }
html[data-theme="dark"] .dark-focus-visible-order-9:focus-visible { order: 9; }
.focus-within-order-9:focus-within { order: 9; }
html[data-theme="dark"] .dark-focus-within-order-9:focus-within { order: 9; }
.group:hover .group-hover-order-9 { order: 9; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-9 { order: 9; }
.order-10 { order: 10; }
html[data-theme="dark"] .dark-order-10 { order: 10; }
.hover-order-10:hover { order: 10; }
html[data-theme="dark"] .dark-hover-order-10:hover { order: 10; }
.focus-order-10:focus { order: 10; }
html[data-theme="dark"] .dark-focus-order-10:focus { order: 10; }
.active-order-10:active { order: 10; }
html[data-theme="dark"] .dark-active-order-10:active { order: 10; }
.disabled-order-10:disabled { order: 10; }
html[data-theme="dark"] .dark-disabled-order-10:disabled { order: 10; }
.focus-visible-order-10:focus-visible { order: 10; }
html[data-theme="dark"] .dark-focus-visible-order-10:focus-visible { order: 10; }
.focus-within-order-10:focus-within { order: 10; }
html[data-theme="dark"] .dark-focus-within-order-10:focus-within { order: 10; }
.group:hover .group-hover-order-10 { order: 10; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-10 { order: 10; }
.order-11 { order: 11; }
html[data-theme="dark"] .dark-order-11 { order: 11; }
.hover-order-11:hover { order: 11; }
html[data-theme="dark"] .dark-hover-order-11:hover { order: 11; }
.focus-order-11:focus { order: 11; }
html[data-theme="dark"] .dark-focus-order-11:focus { order: 11; }
.active-order-11:active { order: 11; }
html[data-theme="dark"] .dark-active-order-11:active { order: 11; }
.disabled-order-11:disabled { order: 11; }
html[data-theme="dark"] .dark-disabled-order-11:disabled { order: 11; }
.focus-visible-order-11:focus-visible { order: 11; }
html[data-theme="dark"] .dark-focus-visible-order-11:focus-visible { order: 11; }
.focus-within-order-11:focus-within { order: 11; }
html[data-theme="dark"] .dark-focus-within-order-11:focus-within { order: 11; }
.group:hover .group-hover-order-11 { order: 11; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-11 { order: 11; }
.order-12 { order: 12; }
html[data-theme="dark"] .dark-order-12 { order: 12; }
.hover-order-12:hover { order: 12; }
html[data-theme="dark"] .dark-hover-order-12:hover { order: 12; }
.focus-order-12:focus { order: 12; }
html[data-theme="dark"] .dark-focus-order-12:focus { order: 12; }
.active-order-12:active { order: 12; }
html[data-theme="dark"] .dark-active-order-12:active { order: 12; }
.disabled-order-12:disabled { order: 12; }
html[data-theme="dark"] .dark-disabled-order-12:disabled { order: 12; }
.focus-visible-order-12:focus-visible { order: 12; }
html[data-theme="dark"] .dark-focus-visible-order-12:focus-visible { order: 12; }
.focus-within-order-12:focus-within { order: 12; }
html[data-theme="dark"] .dark-focus-within-order-12:focus-within { order: 12; }
.group:hover .group-hover-order-12 { order: 12; }
html[data-theme="dark"] .group:hover .dark-group-hover-order-12 { order: 12; }
.whitespace-normal { white-space: normal; }
html[data-theme="dark"] .dark-whitespace-normal { white-space: normal; }
.hover-whitespace-normal:hover { white-space: normal; }
html[data-theme="dark"] .dark-hover-whitespace-normal:hover { white-space: normal; }
.focus-whitespace-normal:focus { white-space: normal; }
html[data-theme="dark"] .dark-focus-whitespace-normal:focus { white-space: normal; }
.active-whitespace-normal:active { white-space: normal; }
html[data-theme="dark"] .dark-active-whitespace-normal:active { white-space: normal; }
.disabled-whitespace-normal:disabled { white-space: normal; }
html[data-theme="dark"] .dark-disabled-whitespace-normal:disabled { white-space: normal; }
.focus-visible-whitespace-normal:focus-visible { white-space: normal; }
html[data-theme="dark"] .dark-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
.focus-within-whitespace-normal:focus-within { white-space: normal; }
html[data-theme="dark"] .dark-focus-within-whitespace-normal:focus-within { white-space: normal; }
.group:hover .group-hover-whitespace-normal { white-space: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }
html[data-theme="dark"] .dark-whitespace-nowrap { white-space: nowrap; }
.hover-whitespace-nowrap:hover { white-space: nowrap; }
html[data-theme="dark"] .dark-hover-whitespace-nowrap:hover { white-space: nowrap; }
.focus-whitespace-nowrap:focus { white-space: nowrap; }
html[data-theme="dark"] .dark-focus-whitespace-nowrap:focus { white-space: nowrap; }
.active-whitespace-nowrap:active { white-space: nowrap; }
html[data-theme="dark"] .dark-active-whitespace-nowrap:active { white-space: nowrap; }
.disabled-whitespace-nowrap:disabled { white-space: nowrap; }
html[data-theme="dark"] .dark-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
.focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
html[data-theme="dark"] .dark-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
.focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
html[data-theme="dark"] .dark-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
.group:hover .group-hover-whitespace-nowrap { white-space: nowrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-whitespace-nowrap { white-space: nowrap; }
.whitespace-pre { white-space: pre; }
html[data-theme="dark"] .dark-whitespace-pre { white-space: pre; }
.hover-whitespace-pre:hover { white-space: pre; }
html[data-theme="dark"] .dark-hover-whitespace-pre:hover { white-space: pre; }
.focus-whitespace-pre:focus { white-space: pre; }
html[data-theme="dark"] .dark-focus-whitespace-pre:focus { white-space: pre; }
.active-whitespace-pre:active { white-space: pre; }
html[data-theme="dark"] .dark-active-whitespace-pre:active { white-space: pre; }
.disabled-whitespace-pre:disabled { white-space: pre; }
html[data-theme="dark"] .dark-disabled-whitespace-pre:disabled { white-space: pre; }
.focus-visible-whitespace-pre:focus-visible { white-space: pre; }
html[data-theme="dark"] .dark-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
.focus-within-whitespace-pre:focus-within { white-space: pre; }
html[data-theme="dark"] .dark-focus-within-whitespace-pre:focus-within { white-space: pre; }
.group:hover .group-hover-whitespace-pre { white-space: pre; }
html[data-theme="dark"] .group:hover .dark-group-hover-whitespace-pre { white-space: pre; }
.whitespace-pre-line { white-space: pre-line; }
html[data-theme="dark"] .dark-whitespace-pre-line { white-space: pre-line; }
.hover-whitespace-pre-line:hover { white-space: pre-line; }
html[data-theme="dark"] .dark-hover-whitespace-pre-line:hover { white-space: pre-line; }
.focus-whitespace-pre-line:focus { white-space: pre-line; }
html[data-theme="dark"] .dark-focus-whitespace-pre-line:focus { white-space: pre-line; }
.active-whitespace-pre-line:active { white-space: pre-line; }
html[data-theme="dark"] .dark-active-whitespace-pre-line:active { white-space: pre-line; }
.disabled-whitespace-pre-line:disabled { white-space: pre-line; }
html[data-theme="dark"] .dark-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
.focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
html[data-theme="dark"] .dark-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
.focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
html[data-theme="dark"] .dark-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
.group:hover .group-hover-whitespace-pre-line { white-space: pre-line; }
html[data-theme="dark"] .group:hover .dark-group-hover-whitespace-pre-line { white-space: pre-line; }
.whitespace-pre-wrap { white-space: pre-wrap; }
html[data-theme="dark"] .dark-whitespace-pre-wrap { white-space: pre-wrap; }
.hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
html[data-theme="dark"] .dark-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
.focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
html[data-theme="dark"] .dark-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
.active-whitespace-pre-wrap:active { white-space: pre-wrap; }
html[data-theme="dark"] .dark-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
.disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
html[data-theme="dark"] .dark-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
.focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
html[data-theme="dark"] .dark-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
.focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
html[data-theme="dark"] .dark-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
.group:hover .group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
.overflow-auto { overflow: auto; }
html[data-theme="dark"] .dark-overflow-auto { overflow: auto; }
.hover-overflow-auto:hover { overflow: auto; }
html[data-theme="dark"] .dark-hover-overflow-auto:hover { overflow: auto; }
.focus-overflow-auto:focus { overflow: auto; }
html[data-theme="dark"] .dark-focus-overflow-auto:focus { overflow: auto; }
.active-overflow-auto:active { overflow: auto; }
html[data-theme="dark"] .dark-active-overflow-auto:active { overflow: auto; }
.disabled-overflow-auto:disabled { overflow: auto; }
html[data-theme="dark"] .dark-disabled-overflow-auto:disabled { overflow: auto; }
.focus-visible-overflow-auto:focus-visible { overflow: auto; }
html[data-theme="dark"] .dark-focus-visible-overflow-auto:focus-visible { overflow: auto; }
.focus-within-overflow-auto:focus-within { overflow: auto; }
html[data-theme="dark"] .dark-focus-within-overflow-auto:focus-within { overflow: auto; }
.group:hover .group-hover-overflow-auto { overflow: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
html[data-theme="dark"] .dark-overflow-hidden { overflow: hidden; }
.hover-overflow-hidden:hover { overflow: hidden; }
html[data-theme="dark"] .dark-hover-overflow-hidden:hover { overflow: hidden; }
.focus-overflow-hidden:focus { overflow: hidden; }
html[data-theme="dark"] .dark-focus-overflow-hidden:focus { overflow: hidden; }
.active-overflow-hidden:active { overflow: hidden; }
html[data-theme="dark"] .dark-active-overflow-hidden:active { overflow: hidden; }
.disabled-overflow-hidden:disabled { overflow: hidden; }
html[data-theme="dark"] .dark-disabled-overflow-hidden:disabled { overflow: hidden; }
.focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
html[data-theme="dark"] .dark-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
.focus-within-overflow-hidden:focus-within { overflow: hidden; }
html[data-theme="dark"] .dark-focus-within-overflow-hidden:focus-within { overflow: hidden; }
.group:hover .group-hover-overflow-hidden { overflow: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
html[data-theme="dark"] .dark-overflow-visible { overflow: visible; }
.hover-overflow-visible:hover { overflow: visible; }
html[data-theme="dark"] .dark-hover-overflow-visible:hover { overflow: visible; }
.focus-overflow-visible:focus { overflow: visible; }
html[data-theme="dark"] .dark-focus-overflow-visible:focus { overflow: visible; }
.active-overflow-visible:active { overflow: visible; }
html[data-theme="dark"] .dark-active-overflow-visible:active { overflow: visible; }
.disabled-overflow-visible:disabled { overflow: visible; }
html[data-theme="dark"] .dark-disabled-overflow-visible:disabled { overflow: visible; }
.focus-visible-overflow-visible:focus-visible { overflow: visible; }
html[data-theme="dark"] .dark-focus-visible-overflow-visible:focus-visible { overflow: visible; }
.focus-within-overflow-visible:focus-within { overflow: visible; }
html[data-theme="dark"] .dark-focus-within-overflow-visible:focus-within { overflow: visible; }
.group:hover .group-hover-overflow-visible { overflow: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }
html[data-theme="dark"] .dark-overflow-scroll { overflow: scroll; }
.hover-overflow-scroll:hover { overflow: scroll; }
html[data-theme="dark"] .dark-hover-overflow-scroll:hover { overflow: scroll; }
.focus-overflow-scroll:focus { overflow: scroll; }
html[data-theme="dark"] .dark-focus-overflow-scroll:focus { overflow: scroll; }
.active-overflow-scroll:active { overflow: scroll; }
html[data-theme="dark"] .dark-active-overflow-scroll:active { overflow: scroll; }
.disabled-overflow-scroll:disabled { overflow: scroll; }
html[data-theme="dark"] .dark-disabled-overflow-scroll:disabled { overflow: scroll; }
.focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
html[data-theme="dark"] .dark-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
.focus-within-overflow-scroll:focus-within { overflow: scroll; }
html[data-theme="dark"] .dark-focus-within-overflow-scroll:focus-within { overflow: scroll; }
.group:hover .group-hover-overflow-scroll { overflow: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
html[data-theme="dark"] .dark-overflow-x-auto { overflow-x: auto; }
.hover-overflow-x-auto:hover { overflow-x: auto; }
html[data-theme="dark"] .dark-hover-overflow-x-auto:hover { overflow-x: auto; }
.focus-overflow-x-auto:focus { overflow-x: auto; }
html[data-theme="dark"] .dark-focus-overflow-x-auto:focus { overflow-x: auto; }
.active-overflow-x-auto:active { overflow-x: auto; }
html[data-theme="dark"] .dark-active-overflow-x-auto:active { overflow-x: auto; }
.disabled-overflow-x-auto:disabled { overflow-x: auto; }
html[data-theme="dark"] .dark-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
html[data-theme="dark"] .dark-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
.focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
html[data-theme="dark"] .dark-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
.group:hover .group-hover-overflow-x-auto { overflow-x: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
html[data-theme="dark"] .dark-overflow-x-hidden { overflow-x: hidden; }
.hover-overflow-x-hidden:hover { overflow-x: hidden; }
html[data-theme="dark"] .dark-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.focus-overflow-x-hidden:focus { overflow-x: hidden; }
html[data-theme="dark"] .dark-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.active-overflow-x-hidden:active { overflow-x: hidden; }
html[data-theme="dark"] .dark-active-overflow-x-hidden:active { overflow-x: hidden; }
.disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
html[data-theme="dark"] .dark-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
html[data-theme="dark"] .dark-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
.focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
html[data-theme="dark"] .dark-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
.group:hover .group-hover-overflow-x-hidden { overflow-x: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-x-hidden { overflow-x: hidden; }
.overflow-x-visible { overflow-x: visible; }
html[data-theme="dark"] .dark-overflow-x-visible { overflow-x: visible; }
.hover-overflow-x-visible:hover { overflow-x: visible; }
html[data-theme="dark"] .dark-hover-overflow-x-visible:hover { overflow-x: visible; }
.focus-overflow-x-visible:focus { overflow-x: visible; }
html[data-theme="dark"] .dark-focus-overflow-x-visible:focus { overflow-x: visible; }
.active-overflow-x-visible:active { overflow-x: visible; }
html[data-theme="dark"] .dark-active-overflow-x-visible:active { overflow-x: visible; }
.disabled-overflow-x-visible:disabled { overflow-x: visible; }
html[data-theme="dark"] .dark-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
html[data-theme="dark"] .dark-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
.focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
html[data-theme="dark"] .dark-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
.group:hover .group-hover-overflow-x-visible { overflow-x: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-x-visible { overflow-x: visible; }
.overflow-x-scroll { overflow-x: scroll; }
html[data-theme="dark"] .dark-overflow-x-scroll { overflow-x: scroll; }
.hover-overflow-x-scroll:hover { overflow-x: scroll; }
html[data-theme="dark"] .dark-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.focus-overflow-x-scroll:focus { overflow-x: scroll; }
html[data-theme="dark"] .dark-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.active-overflow-x-scroll:active { overflow-x: scroll; }
html[data-theme="dark"] .dark-active-overflow-x-scroll:active { overflow-x: scroll; }
.disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
html[data-theme="dark"] .dark-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
html[data-theme="dark"] .dark-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
.focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
html[data-theme="dark"] .dark-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
.group:hover .group-hover-overflow-x-scroll { overflow-x: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-x-scroll { overflow-x: scroll; }
.overflow-y-auto { overflow-y: auto; }
html[data-theme="dark"] .dark-overflow-y-auto { overflow-y: auto; }
.hover-overflow-y-auto:hover { overflow-y: auto; }
html[data-theme="dark"] .dark-hover-overflow-y-auto:hover { overflow-y: auto; }
.focus-overflow-y-auto:focus { overflow-y: auto; }
html[data-theme="dark"] .dark-focus-overflow-y-auto:focus { overflow-y: auto; }
.active-overflow-y-auto:active { overflow-y: auto; }
html[data-theme="dark"] .dark-active-overflow-y-auto:active { overflow-y: auto; }
.disabled-overflow-y-auto:disabled { overflow-y: auto; }
html[data-theme="dark"] .dark-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
html[data-theme="dark"] .dark-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
.focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
html[data-theme="dark"] .dark-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
.group:hover .group-hover-overflow-y-auto { overflow-y: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
html[data-theme="dark"] .dark-overflow-y-hidden { overflow-y: hidden; }
.hover-overflow-y-hidden:hover { overflow-y: hidden; }
html[data-theme="dark"] .dark-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.focus-overflow-y-hidden:focus { overflow-y: hidden; }
html[data-theme="dark"] .dark-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.active-overflow-y-hidden:active { overflow-y: hidden; }
html[data-theme="dark"] .dark-active-overflow-y-hidden:active { overflow-y: hidden; }
.disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
html[data-theme="dark"] .dark-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
html[data-theme="dark"] .dark-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
.focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
html[data-theme="dark"] .dark-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
.group:hover .group-hover-overflow-y-hidden { overflow-y: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-y-hidden { overflow-y: hidden; }
.overflow-y-visible { overflow-y: visible; }
html[data-theme="dark"] .dark-overflow-y-visible { overflow-y: visible; }
.hover-overflow-y-visible:hover { overflow-y: visible; }
html[data-theme="dark"] .dark-hover-overflow-y-visible:hover { overflow-y: visible; }
.focus-overflow-y-visible:focus { overflow-y: visible; }
html[data-theme="dark"] .dark-focus-overflow-y-visible:focus { overflow-y: visible; }
.active-overflow-y-visible:active { overflow-y: visible; }
html[data-theme="dark"] .dark-active-overflow-y-visible:active { overflow-y: visible; }
.disabled-overflow-y-visible:disabled { overflow-y: visible; }
html[data-theme="dark"] .dark-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
html[data-theme="dark"] .dark-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
.focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
html[data-theme="dark"] .dark-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
.group:hover .group-hover-overflow-y-visible { overflow-y: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-y-visible { overflow-y: visible; }
.overflow-y-scroll { overflow-y: scroll; }
html[data-theme="dark"] .dark-overflow-y-scroll { overflow-y: scroll; }
.hover-overflow-y-scroll:hover { overflow-y: scroll; }
html[data-theme="dark"] .dark-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.focus-overflow-y-scroll:focus { overflow-y: scroll; }
html[data-theme="dark"] .dark-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.active-overflow-y-scroll:active { overflow-y: scroll; }
html[data-theme="dark"] .dark-active-overflow-y-scroll:active { overflow-y: scroll; }
.disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
html[data-theme="dark"] .dark-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
html[data-theme="dark"] .dark-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
.focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
html[data-theme="dark"] .dark-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
.group:hover .group-hover-overflow-y-scroll { overflow-y: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-y-scroll { overflow-y: scroll; }
.visible { visibility: visible; }
html[data-theme="dark"] .dark-visible { visibility: visible; }
.hover-visible:hover { visibility: visible; }
html[data-theme="dark"] .dark-hover-visible:hover { visibility: visible; }
.focus-visible:focus { visibility: visible; }
html[data-theme="dark"] .dark-focus-visible:focus { visibility: visible; }
.active-visible:active { visibility: visible; }
html[data-theme="dark"] .dark-active-visible:active { visibility: visible; }
.disabled-visible:disabled { visibility: visible; }
html[data-theme="dark"] .dark-disabled-visible:disabled { visibility: visible; }
.focus-visible-visible:focus-visible { visibility: visible; }
html[data-theme="dark"] .dark-focus-visible-visible:focus-visible { visibility: visible; }
.focus-within-visible:focus-within { visibility: visible; }
html[data-theme="dark"] .dark-focus-within-visible:focus-within { visibility: visible; }
.group:hover .group-hover-visible { visibility: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-visible { visibility: visible; }
.hidden { visibility: hidden; }
html[data-theme="dark"] .dark-hidden { visibility: hidden; }
.hover-hidden:hover { visibility: hidden; }
html[data-theme="dark"] .dark-hover-hidden:hover { visibility: hidden; }
.focus-hidden:focus { visibility: hidden; }
html[data-theme="dark"] .dark-focus-hidden:focus { visibility: hidden; }
.active-hidden:active { visibility: hidden; }
html[data-theme="dark"] .dark-active-hidden:active { visibility: hidden; }
.disabled-hidden:disabled { visibility: hidden; }
html[data-theme="dark"] .dark-disabled-hidden:disabled { visibility: hidden; }
.focus-visible-hidden:focus-visible { visibility: hidden; }
html[data-theme="dark"] .dark-focus-visible-hidden:focus-visible { visibility: hidden; }
.focus-within-hidden:focus-within { visibility: hidden; }
html[data-theme="dark"] .dark-focus-within-hidden:focus-within { visibility: hidden; }
.group:hover .group-hover-hidden { visibility: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-hidden { visibility: hidden; }
.collapse { visibility: collapse; }
html[data-theme="dark"] .dark-collapse { visibility: collapse; }
.hover-collapse:hover { visibility: collapse; }
html[data-theme="dark"] .dark-hover-collapse:hover { visibility: collapse; }
.focus-collapse:focus { visibility: collapse; }
html[data-theme="dark"] .dark-focus-collapse:focus { visibility: collapse; }
.active-collapse:active { visibility: collapse; }
html[data-theme="dark"] .dark-active-collapse:active { visibility: collapse; }
.disabled-collapse:disabled { visibility: collapse; }
html[data-theme="dark"] .dark-disabled-collapse:disabled { visibility: collapse; }
.focus-visible-collapse:focus-visible { visibility: collapse; }
html[data-theme="dark"] .dark-focus-visible-collapse:focus-visible { visibility: collapse; }
.focus-within-collapse:focus-within { visibility: collapse; }
html[data-theme="dark"] .dark-focus-within-collapse:focus-within { visibility: collapse; }
.group:hover .group-hover-collapse { visibility: collapse; }
html[data-theme="dark"] .group:hover .dark-group-hover-collapse { visibility: collapse; }
.clear-left { clear: left; }
html[data-theme="dark"] .dark-clear-left { clear: left; }
.hover-clear-left:hover { clear: left; }
html[data-theme="dark"] .dark-hover-clear-left:hover { clear: left; }
.focus-clear-left:focus { clear: left; }
html[data-theme="dark"] .dark-focus-clear-left:focus { clear: left; }
.active-clear-left:active { clear: left; }
html[data-theme="dark"] .dark-active-clear-left:active { clear: left; }
.disabled-clear-left:disabled { clear: left; }
html[data-theme="dark"] .dark-disabled-clear-left:disabled { clear: left; }
.focus-visible-clear-left:focus-visible { clear: left; }
html[data-theme="dark"] .dark-focus-visible-clear-left:focus-visible { clear: left; }
.focus-within-clear-left:focus-within { clear: left; }
html[data-theme="dark"] .dark-focus-within-clear-left:focus-within { clear: left; }
.group:hover .group-hover-clear-left { clear: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-clear-left { clear: left; }
.clear-right { clear: right; }
html[data-theme="dark"] .dark-clear-right { clear: right; }
.hover-clear-right:hover { clear: right; }
html[data-theme="dark"] .dark-hover-clear-right:hover { clear: right; }
.focus-clear-right:focus { clear: right; }
html[data-theme="dark"] .dark-focus-clear-right:focus { clear: right; }
.active-clear-right:active { clear: right; }
html[data-theme="dark"] .dark-active-clear-right:active { clear: right; }
.disabled-clear-right:disabled { clear: right; }
html[data-theme="dark"] .dark-disabled-clear-right:disabled { clear: right; }
.focus-visible-clear-right:focus-visible { clear: right; }
html[data-theme="dark"] .dark-focus-visible-clear-right:focus-visible { clear: right; }
.focus-within-clear-right:focus-within { clear: right; }
html[data-theme="dark"] .dark-focus-within-clear-right:focus-within { clear: right; }
.group:hover .group-hover-clear-right { clear: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-clear-right { clear: right; }
.clear-both { clear: both; }
html[data-theme="dark"] .dark-clear-both { clear: both; }
.hover-clear-both:hover { clear: both; }
html[data-theme="dark"] .dark-hover-clear-both:hover { clear: both; }
.focus-clear-both:focus { clear: both; }
html[data-theme="dark"] .dark-focus-clear-both:focus { clear: both; }
.active-clear-both:active { clear: both; }
html[data-theme="dark"] .dark-active-clear-both:active { clear: both; }
.disabled-clear-both:disabled { clear: both; }
html[data-theme="dark"] .dark-disabled-clear-both:disabled { clear: both; }
.focus-visible-clear-both:focus-visible { clear: both; }
html[data-theme="dark"] .dark-focus-visible-clear-both:focus-visible { clear: both; }
.focus-within-clear-both:focus-within { clear: both; }
html[data-theme="dark"] .dark-focus-within-clear-both:focus-within { clear: both; }
.group:hover .group-hover-clear-both { clear: both; }
html[data-theme="dark"] .group:hover .dark-group-hover-clear-both { clear: both; }
.float-left { float: left; }
html[data-theme="dark"] .dark-float-left { float: left; }
.hover-float-left:hover { float: left; }
html[data-theme="dark"] .dark-hover-float-left:hover { float: left; }
.focus-float-left:focus { float: left; }
html[data-theme="dark"] .dark-focus-float-left:focus { float: left; }
.active-float-left:active { float: left; }
html[data-theme="dark"] .dark-active-float-left:active { float: left; }
.disabled-float-left:disabled { float: left; }
html[data-theme="dark"] .dark-disabled-float-left:disabled { float: left; }
.focus-visible-float-left:focus-visible { float: left; }
html[data-theme="dark"] .dark-focus-visible-float-left:focus-visible { float: left; }
.focus-within-float-left:focus-within { float: left; }
html[data-theme="dark"] .dark-focus-within-float-left:focus-within { float: left; }
.group:hover .group-hover-float-left { float: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-float-left { float: left; }
.float-right { float: right; }
html[data-theme="dark"] .dark-float-right { float: right; }
.hover-float-right:hover { float: right; }
html[data-theme="dark"] .dark-hover-float-right:hover { float: right; }
.focus-float-right:focus { float: right; }
html[data-theme="dark"] .dark-focus-float-right:focus { float: right; }
.active-float-right:active { float: right; }
html[data-theme="dark"] .dark-active-float-right:active { float: right; }
.disabled-float-right:disabled { float: right; }
html[data-theme="dark"] .dark-disabled-float-right:disabled { float: right; }
.focus-visible-float-right:focus-visible { float: right; }
html[data-theme="dark"] .dark-focus-visible-float-right:focus-visible { float: right; }
.focus-within-float-right:focus-within { float: right; }
html[data-theme="dark"] .dark-focus-within-float-right:focus-within { float: right; }
.group:hover .group-hover-float-right { float: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-float-right { float: right; }
.float-none { float: none; }
html[data-theme="dark"] .dark-float-none { float: none; }
.hover-float-none:hover { float: none; }
html[data-theme="dark"] .dark-hover-float-none:hover { float: none; }
.focus-float-none:focus { float: none; }
html[data-theme="dark"] .dark-focus-float-none:focus { float: none; }
.active-float-none:active { float: none; }
html[data-theme="dark"] .dark-active-float-none:active { float: none; }
.disabled-float-none:disabled { float: none; }
html[data-theme="dark"] .dark-disabled-float-none:disabled { float: none; }
.focus-visible-float-none:focus-visible { float: none; }
html[data-theme="dark"] .dark-focus-visible-float-none:focus-visible { float: none; }
.focus-within-float-none:focus-within { float: none; }
html[data-theme="dark"] .dark-focus-within-float-none:focus-within { float: none; }
.group:hover .group-hover-float-none { float: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-float-none { float: none; }
.w-0 { width: 0; }
html[data-theme="dark"] .dark-w-0 { width: 0; }
.hover-w-0:hover { width: 0; }
html[data-theme="dark"] .dark-hover-w-0:hover { width: 0; }
.focus-w-0:focus { width: 0; }
html[data-theme="dark"] .dark-focus-w-0:focus { width: 0; }
.active-w-0:active { width: 0; }
html[data-theme="dark"] .dark-active-w-0:active { width: 0; }
.disabled-w-0:disabled { width: 0; }
html[data-theme="dark"] .dark-disabled-w-0:disabled { width: 0; }
.focus-visible-w-0:focus-visible { width: 0; }
html[data-theme="dark"] .dark-focus-visible-w-0:focus-visible { width: 0; }
.focus-within-w-0:focus-within { width: 0; }
html[data-theme="dark"] .dark-focus-within-w-0:focus-within { width: 0; }
.group:hover .group-hover-w-0 { width: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-0 { width: 0; }
.h-0 { height: 0; }
html[data-theme="dark"] .dark-h-0 { height: 0; }
.hover-h-0:hover { height: 0; }
html[data-theme="dark"] .dark-hover-h-0:hover { height: 0; }
.focus-h-0:focus { height: 0; }
html[data-theme="dark"] .dark-focus-h-0:focus { height: 0; }
.active-h-0:active { height: 0; }
html[data-theme="dark"] .dark-active-h-0:active { height: 0; }
.disabled-h-0:disabled { height: 0; }
html[data-theme="dark"] .dark-disabled-h-0:disabled { height: 0; }
.focus-visible-h-0:focus-visible { height: 0; }
html[data-theme="dark"] .dark-focus-visible-h-0:focus-visible { height: 0; }
.focus-within-h-0:focus-within { height: 0; }
html[data-theme="dark"] .dark-focus-within-h-0:focus-within { height: 0; }
.group:hover .group-hover-h-0 { height: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-0 { height: 0; }
.min-w-0 { min-width: 0; }
html[data-theme="dark"] .dark-min-w-0 { min-width: 0; }
.hover-min-w-0:hover { min-width: 0; }
html[data-theme="dark"] .dark-hover-min-w-0:hover { min-width: 0; }
.focus-min-w-0:focus { min-width: 0; }
html[data-theme="dark"] .dark-focus-min-w-0:focus { min-width: 0; }
.active-min-w-0:active { min-width: 0; }
html[data-theme="dark"] .dark-active-min-w-0:active { min-width: 0; }
.disabled-min-w-0:disabled { min-width: 0; }
html[data-theme="dark"] .dark-disabled-min-w-0:disabled { min-width: 0; }
.focus-visible-min-w-0:focus-visible { min-width: 0; }
html[data-theme="dark"] .dark-focus-visible-min-w-0:focus-visible { min-width: 0; }
.focus-within-min-w-0:focus-within { min-width: 0; }
html[data-theme="dark"] .dark-focus-within-min-w-0:focus-within { min-width: 0; }
.group:hover .group-hover-min-w-0 { min-width: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-0 { min-width: 0; }
.max-w-0 { max-width: 0; }
html[data-theme="dark"] .dark-max-w-0 { max-width: 0; }
.hover-max-w-0:hover { max-width: 0; }
html[data-theme="dark"] .dark-hover-max-w-0:hover { max-width: 0; }
.focus-max-w-0:focus { max-width: 0; }
html[data-theme="dark"] .dark-focus-max-w-0:focus { max-width: 0; }
.active-max-w-0:active { max-width: 0; }
html[data-theme="dark"] .dark-active-max-w-0:active { max-width: 0; }
.disabled-max-w-0:disabled { max-width: 0; }
html[data-theme="dark"] .dark-disabled-max-w-0:disabled { max-width: 0; }
.focus-visible-max-w-0:focus-visible { max-width: 0; }
html[data-theme="dark"] .dark-focus-visible-max-w-0:focus-visible { max-width: 0; }
.focus-within-max-w-0:focus-within { max-width: 0; }
html[data-theme="dark"] .dark-focus-within-max-w-0:focus-within { max-width: 0; }
.group:hover .group-hover-max-w-0 { max-width: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-0 { max-width: 0; }
.min-h-0 { min-height: 0; }
html[data-theme="dark"] .dark-min-h-0 { min-height: 0; }
.hover-min-h-0:hover { min-height: 0; }
html[data-theme="dark"] .dark-hover-min-h-0:hover { min-height: 0; }
.focus-min-h-0:focus { min-height: 0; }
html[data-theme="dark"] .dark-focus-min-h-0:focus { min-height: 0; }
.active-min-h-0:active { min-height: 0; }
html[data-theme="dark"] .dark-active-min-h-0:active { min-height: 0; }
.disabled-min-h-0:disabled { min-height: 0; }
html[data-theme="dark"] .dark-disabled-min-h-0:disabled { min-height: 0; }
.focus-visible-min-h-0:focus-visible { min-height: 0; }
html[data-theme="dark"] .dark-focus-visible-min-h-0:focus-visible { min-height: 0; }
.focus-within-min-h-0:focus-within { min-height: 0; }
html[data-theme="dark"] .dark-focus-within-min-h-0:focus-within { min-height: 0; }
.group:hover .group-hover-min-h-0 { min-height: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-0 { min-height: 0; }
.max-h-0 { max-height: 0; }
html[data-theme="dark"] .dark-max-h-0 { max-height: 0; }
.hover-max-h-0:hover { max-height: 0; }
html[data-theme="dark"] .dark-hover-max-h-0:hover { max-height: 0; }
.focus-max-h-0:focus { max-height: 0; }
html[data-theme="dark"] .dark-focus-max-h-0:focus { max-height: 0; }
.active-max-h-0:active { max-height: 0; }
html[data-theme="dark"] .dark-active-max-h-0:active { max-height: 0; }
.disabled-max-h-0:disabled { max-height: 0; }
html[data-theme="dark"] .dark-disabled-max-h-0:disabled { max-height: 0; }
.focus-visible-max-h-0:focus-visible { max-height: 0; }
html[data-theme="dark"] .dark-focus-visible-max-h-0:focus-visible { max-height: 0; }
.focus-within-max-h-0:focus-within { max-height: 0; }
html[data-theme="dark"] .dark-focus-within-max-h-0:focus-within { max-height: 0; }
.group:hover .group-hover-max-h-0 { max-height: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-0 { max-height: 0; }
.w-1 { width: 0.25rem; }
html[data-theme="dark"] .dark-w-1 { width: 0.25rem; }
.hover-w-1:hover { width: 0.25rem; }
html[data-theme="dark"] .dark-hover-w-1:hover { width: 0.25rem; }
.focus-w-1:focus { width: 0.25rem; }
html[data-theme="dark"] .dark-focus-w-1:focus { width: 0.25rem; }
.active-w-1:active { width: 0.25rem; }
html[data-theme="dark"] .dark-active-w-1:active { width: 0.25rem; }
.disabled-w-1:disabled { width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-w-1:disabled { width: 0.25rem; }
.focus-visible-w-1:focus-visible { width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-w-1:focus-visible { width: 0.25rem; }
.focus-within-w-1:focus-within { width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-w-1:focus-within { width: 0.25rem; }
.group:hover .group-hover-w-1 { width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-1 { width: 0.25rem; }
.h-1 { height: 0.25rem; }
html[data-theme="dark"] .dark-h-1 { height: 0.25rem; }
.hover-h-1:hover { height: 0.25rem; }
html[data-theme="dark"] .dark-hover-h-1:hover { height: 0.25rem; }
.focus-h-1:focus { height: 0.25rem; }
html[data-theme="dark"] .dark-focus-h-1:focus { height: 0.25rem; }
.active-h-1:active { height: 0.25rem; }
html[data-theme="dark"] .dark-active-h-1:active { height: 0.25rem; }
.disabled-h-1:disabled { height: 0.25rem; }
html[data-theme="dark"] .dark-disabled-h-1:disabled { height: 0.25rem; }
.focus-visible-h-1:focus-visible { height: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-h-1:focus-visible { height: 0.25rem; }
.focus-within-h-1:focus-within { height: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-h-1:focus-within { height: 0.25rem; }
.group:hover .group-hover-h-1 { height: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-1 { height: 0.25rem; }
.min-w-1 { min-width: 0.25rem; }
html[data-theme="dark"] .dark-min-w-1 { min-width: 0.25rem; }
.hover-min-w-1:hover { min-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-min-w-1:hover { min-width: 0.25rem; }
.focus-min-w-1:focus { min-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-min-w-1:focus { min-width: 0.25rem; }
.active-min-w-1:active { min-width: 0.25rem; }
html[data-theme="dark"] .dark-active-min-w-1:active { min-width: 0.25rem; }
.disabled-min-w-1:disabled { min-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-min-w-1:disabled { min-width: 0.25rem; }
.focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
.focus-within-min-w-1:focus-within { min-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
.group:hover .group-hover-min-w-1 { min-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-1 { min-width: 0.25rem; }
.max-w-1 { max-width: 0.25rem; }
html[data-theme="dark"] .dark-max-w-1 { max-width: 0.25rem; }
.hover-max-w-1:hover { max-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-max-w-1:hover { max-width: 0.25rem; }
.focus-max-w-1:focus { max-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-max-w-1:focus { max-width: 0.25rem; }
.active-max-w-1:active { max-width: 0.25rem; }
html[data-theme="dark"] .dark-active-max-w-1:active { max-width: 0.25rem; }
.disabled-max-w-1:disabled { max-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-max-w-1:disabled { max-width: 0.25rem; }
.focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
.focus-within-max-w-1:focus-within { max-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
.group:hover .group-hover-max-w-1 { max-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-1 { max-width: 0.25rem; }
.min-h-1 { min-height: 0.25rem; }
html[data-theme="dark"] .dark-min-h-1 { min-height: 0.25rem; }
.hover-min-h-1:hover { min-height: 0.25rem; }
html[data-theme="dark"] .dark-hover-min-h-1:hover { min-height: 0.25rem; }
.focus-min-h-1:focus { min-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-min-h-1:focus { min-height: 0.25rem; }
.active-min-h-1:active { min-height: 0.25rem; }
html[data-theme="dark"] .dark-active-min-h-1:active { min-height: 0.25rem; }
.disabled-min-h-1:disabled { min-height: 0.25rem; }
html[data-theme="dark"] .dark-disabled-min-h-1:disabled { min-height: 0.25rem; }
.focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
.focus-within-min-h-1:focus-within { min-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
.group:hover .group-hover-min-h-1 { min-height: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-1 { min-height: 0.25rem; }
.max-h-1 { max-height: 0.25rem; }
html[data-theme="dark"] .dark-max-h-1 { max-height: 0.25rem; }
.hover-max-h-1:hover { max-height: 0.25rem; }
html[data-theme="dark"] .dark-hover-max-h-1:hover { max-height: 0.25rem; }
.focus-max-h-1:focus { max-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-max-h-1:focus { max-height: 0.25rem; }
.active-max-h-1:active { max-height: 0.25rem; }
html[data-theme="dark"] .dark-active-max-h-1:active { max-height: 0.25rem; }
.disabled-max-h-1:disabled { max-height: 0.25rem; }
html[data-theme="dark"] .dark-disabled-max-h-1:disabled { max-height: 0.25rem; }
.focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
.focus-within-max-h-1:focus-within { max-height: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
.group:hover .group-hover-max-h-1 { max-height: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-1 { max-height: 0.25rem; }
.w-2 { width: 0.5rem; }
html[data-theme="dark"] .dark-w-2 { width: 0.5rem; }
.hover-w-2:hover { width: 0.5rem; }
html[data-theme="dark"] .dark-hover-w-2:hover { width: 0.5rem; }
.focus-w-2:focus { width: 0.5rem; }
html[data-theme="dark"] .dark-focus-w-2:focus { width: 0.5rem; }
.active-w-2:active { width: 0.5rem; }
html[data-theme="dark"] .dark-active-w-2:active { width: 0.5rem; }
.disabled-w-2:disabled { width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-w-2:disabled { width: 0.5rem; }
.focus-visible-w-2:focus-visible { width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-w-2:focus-visible { width: 0.5rem; }
.focus-within-w-2:focus-within { width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-w-2:focus-within { width: 0.5rem; }
.group:hover .group-hover-w-2 { width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-2 { width: 0.5rem; }
.h-2 { height: 0.5rem; }
html[data-theme="dark"] .dark-h-2 { height: 0.5rem; }
.hover-h-2:hover { height: 0.5rem; }
html[data-theme="dark"] .dark-hover-h-2:hover { height: 0.5rem; }
.focus-h-2:focus { height: 0.5rem; }
html[data-theme="dark"] .dark-focus-h-2:focus { height: 0.5rem; }
.active-h-2:active { height: 0.5rem; }
html[data-theme="dark"] .dark-active-h-2:active { height: 0.5rem; }
.disabled-h-2:disabled { height: 0.5rem; }
html[data-theme="dark"] .dark-disabled-h-2:disabled { height: 0.5rem; }
.focus-visible-h-2:focus-visible { height: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-h-2:focus-visible { height: 0.5rem; }
.focus-within-h-2:focus-within { height: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-h-2:focus-within { height: 0.5rem; }
.group:hover .group-hover-h-2 { height: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-2 { height: 0.5rem; }
.min-w-2 { min-width: 0.5rem; }
html[data-theme="dark"] .dark-min-w-2 { min-width: 0.5rem; }
.hover-min-w-2:hover { min-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-min-w-2:hover { min-width: 0.5rem; }
.focus-min-w-2:focus { min-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-min-w-2:focus { min-width: 0.5rem; }
.active-min-w-2:active { min-width: 0.5rem; }
html[data-theme="dark"] .dark-active-min-w-2:active { min-width: 0.5rem; }
.disabled-min-w-2:disabled { min-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-min-w-2:disabled { min-width: 0.5rem; }
.focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
.focus-within-min-w-2:focus-within { min-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
.group:hover .group-hover-min-w-2 { min-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-2 { min-width: 0.5rem; }
.max-w-2 { max-width: 0.5rem; }
html[data-theme="dark"] .dark-max-w-2 { max-width: 0.5rem; }
.hover-max-w-2:hover { max-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-max-w-2:hover { max-width: 0.5rem; }
.focus-max-w-2:focus { max-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-max-w-2:focus { max-width: 0.5rem; }
.active-max-w-2:active { max-width: 0.5rem; }
html[data-theme="dark"] .dark-active-max-w-2:active { max-width: 0.5rem; }
.disabled-max-w-2:disabled { max-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-max-w-2:disabled { max-width: 0.5rem; }
.focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
.focus-within-max-w-2:focus-within { max-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
.group:hover .group-hover-max-w-2 { max-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-2 { max-width: 0.5rem; }
.min-h-2 { min-height: 0.5rem; }
html[data-theme="dark"] .dark-min-h-2 { min-height: 0.5rem; }
.hover-min-h-2:hover { min-height: 0.5rem; }
html[data-theme="dark"] .dark-hover-min-h-2:hover { min-height: 0.5rem; }
.focus-min-h-2:focus { min-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-min-h-2:focus { min-height: 0.5rem; }
.active-min-h-2:active { min-height: 0.5rem; }
html[data-theme="dark"] .dark-active-min-h-2:active { min-height: 0.5rem; }
.disabled-min-h-2:disabled { min-height: 0.5rem; }
html[data-theme="dark"] .dark-disabled-min-h-2:disabled { min-height: 0.5rem; }
.focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
.focus-within-min-h-2:focus-within { min-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
.group:hover .group-hover-min-h-2 { min-height: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-2 { min-height: 0.5rem; }
.max-h-2 { max-height: 0.5rem; }
html[data-theme="dark"] .dark-max-h-2 { max-height: 0.5rem; }
.hover-max-h-2:hover { max-height: 0.5rem; }
html[data-theme="dark"] .dark-hover-max-h-2:hover { max-height: 0.5rem; }
.focus-max-h-2:focus { max-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-max-h-2:focus { max-height: 0.5rem; }
.active-max-h-2:active { max-height: 0.5rem; }
html[data-theme="dark"] .dark-active-max-h-2:active { max-height: 0.5rem; }
.disabled-max-h-2:disabled { max-height: 0.5rem; }
html[data-theme="dark"] .dark-disabled-max-h-2:disabled { max-height: 0.5rem; }
.focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
.focus-within-max-h-2:focus-within { max-height: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
.group:hover .group-hover-max-h-2 { max-height: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-2 { max-height: 0.5rem; }
.w-3 { width: 0.75rem; }
html[data-theme="dark"] .dark-w-3 { width: 0.75rem; }
.hover-w-3:hover { width: 0.75rem; }
html[data-theme="dark"] .dark-hover-w-3:hover { width: 0.75rem; }
.focus-w-3:focus { width: 0.75rem; }
html[data-theme="dark"] .dark-focus-w-3:focus { width: 0.75rem; }
.active-w-3:active { width: 0.75rem; }
html[data-theme="dark"] .dark-active-w-3:active { width: 0.75rem; }
.disabled-w-3:disabled { width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-w-3:disabled { width: 0.75rem; }
.focus-visible-w-3:focus-visible { width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-w-3:focus-visible { width: 0.75rem; }
.focus-within-w-3:focus-within { width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-w-3:focus-within { width: 0.75rem; }
.group:hover .group-hover-w-3 { width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-3 { width: 0.75rem; }
.h-3 { height: 0.75rem; }
html[data-theme="dark"] .dark-h-3 { height: 0.75rem; }
.hover-h-3:hover { height: 0.75rem; }
html[data-theme="dark"] .dark-hover-h-3:hover { height: 0.75rem; }
.focus-h-3:focus { height: 0.75rem; }
html[data-theme="dark"] .dark-focus-h-3:focus { height: 0.75rem; }
.active-h-3:active { height: 0.75rem; }
html[data-theme="dark"] .dark-active-h-3:active { height: 0.75rem; }
.disabled-h-3:disabled { height: 0.75rem; }
html[data-theme="dark"] .dark-disabled-h-3:disabled { height: 0.75rem; }
.focus-visible-h-3:focus-visible { height: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-h-3:focus-visible { height: 0.75rem; }
.focus-within-h-3:focus-within { height: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-h-3:focus-within { height: 0.75rem; }
.group:hover .group-hover-h-3 { height: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-3 { height: 0.75rem; }
.min-w-3 { min-width: 0.75rem; }
html[data-theme="dark"] .dark-min-w-3 { min-width: 0.75rem; }
.hover-min-w-3:hover { min-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-min-w-3:hover { min-width: 0.75rem; }
.focus-min-w-3:focus { min-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-min-w-3:focus { min-width: 0.75rem; }
.active-min-w-3:active { min-width: 0.75rem; }
html[data-theme="dark"] .dark-active-min-w-3:active { min-width: 0.75rem; }
.disabled-min-w-3:disabled { min-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-min-w-3:disabled { min-width: 0.75rem; }
.focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
.focus-within-min-w-3:focus-within { min-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
.group:hover .group-hover-min-w-3 { min-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-3 { min-width: 0.75rem; }
.max-w-3 { max-width: 0.75rem; }
html[data-theme="dark"] .dark-max-w-3 { max-width: 0.75rem; }
.hover-max-w-3:hover { max-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-max-w-3:hover { max-width: 0.75rem; }
.focus-max-w-3:focus { max-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-max-w-3:focus { max-width: 0.75rem; }
.active-max-w-3:active { max-width: 0.75rem; }
html[data-theme="dark"] .dark-active-max-w-3:active { max-width: 0.75rem; }
.disabled-max-w-3:disabled { max-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-max-w-3:disabled { max-width: 0.75rem; }
.focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
.focus-within-max-w-3:focus-within { max-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
.group:hover .group-hover-max-w-3 { max-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-3 { max-width: 0.75rem; }
.min-h-3 { min-height: 0.75rem; }
html[data-theme="dark"] .dark-min-h-3 { min-height: 0.75rem; }
.hover-min-h-3:hover { min-height: 0.75rem; }
html[data-theme="dark"] .dark-hover-min-h-3:hover { min-height: 0.75rem; }
.focus-min-h-3:focus { min-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-min-h-3:focus { min-height: 0.75rem; }
.active-min-h-3:active { min-height: 0.75rem; }
html[data-theme="dark"] .dark-active-min-h-3:active { min-height: 0.75rem; }
.disabled-min-h-3:disabled { min-height: 0.75rem; }
html[data-theme="dark"] .dark-disabled-min-h-3:disabled { min-height: 0.75rem; }
.focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
.focus-within-min-h-3:focus-within { min-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
.group:hover .group-hover-min-h-3 { min-height: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-3 { min-height: 0.75rem; }
.max-h-3 { max-height: 0.75rem; }
html[data-theme="dark"] .dark-max-h-3 { max-height: 0.75rem; }
.hover-max-h-3:hover { max-height: 0.75rem; }
html[data-theme="dark"] .dark-hover-max-h-3:hover { max-height: 0.75rem; }
.focus-max-h-3:focus { max-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-max-h-3:focus { max-height: 0.75rem; }
.active-max-h-3:active { max-height: 0.75rem; }
html[data-theme="dark"] .dark-active-max-h-3:active { max-height: 0.75rem; }
.disabled-max-h-3:disabled { max-height: 0.75rem; }
html[data-theme="dark"] .dark-disabled-max-h-3:disabled { max-height: 0.75rem; }
.focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
.focus-within-max-h-3:focus-within { max-height: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
.group:hover .group-hover-max-h-3 { max-height: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-3 { max-height: 0.75rem; }
.w-4 { width: 1rem; }
html[data-theme="dark"] .dark-w-4 { width: 1rem; }
.hover-w-4:hover { width: 1rem; }
html[data-theme="dark"] .dark-hover-w-4:hover { width: 1rem; }
.focus-w-4:focus { width: 1rem; }
html[data-theme="dark"] .dark-focus-w-4:focus { width: 1rem; }
.active-w-4:active { width: 1rem; }
html[data-theme="dark"] .dark-active-w-4:active { width: 1rem; }
.disabled-w-4:disabled { width: 1rem; }
html[data-theme="dark"] .dark-disabled-w-4:disabled { width: 1rem; }
.focus-visible-w-4:focus-visible { width: 1rem; }
html[data-theme="dark"] .dark-focus-visible-w-4:focus-visible { width: 1rem; }
.focus-within-w-4:focus-within { width: 1rem; }
html[data-theme="dark"] .dark-focus-within-w-4:focus-within { width: 1rem; }
.group:hover .group-hover-w-4 { width: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-4 { width: 1rem; }
.h-4 { height: 1rem; }
html[data-theme="dark"] .dark-h-4 { height: 1rem; }
.hover-h-4:hover { height: 1rem; }
html[data-theme="dark"] .dark-hover-h-4:hover { height: 1rem; }
.focus-h-4:focus { height: 1rem; }
html[data-theme="dark"] .dark-focus-h-4:focus { height: 1rem; }
.active-h-4:active { height: 1rem; }
html[data-theme="dark"] .dark-active-h-4:active { height: 1rem; }
.disabled-h-4:disabled { height: 1rem; }
html[data-theme="dark"] .dark-disabled-h-4:disabled { height: 1rem; }
.focus-visible-h-4:focus-visible { height: 1rem; }
html[data-theme="dark"] .dark-focus-visible-h-4:focus-visible { height: 1rem; }
.focus-within-h-4:focus-within { height: 1rem; }
html[data-theme="dark"] .dark-focus-within-h-4:focus-within { height: 1rem; }
.group:hover .group-hover-h-4 { height: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-4 { height: 1rem; }
.min-w-4 { min-width: 1rem; }
html[data-theme="dark"] .dark-min-w-4 { min-width: 1rem; }
.hover-min-w-4:hover { min-width: 1rem; }
html[data-theme="dark"] .dark-hover-min-w-4:hover { min-width: 1rem; }
.focus-min-w-4:focus { min-width: 1rem; }
html[data-theme="dark"] .dark-focus-min-w-4:focus { min-width: 1rem; }
.active-min-w-4:active { min-width: 1rem; }
html[data-theme="dark"] .dark-active-min-w-4:active { min-width: 1rem; }
.disabled-min-w-4:disabled { min-width: 1rem; }
html[data-theme="dark"] .dark-disabled-min-w-4:disabled { min-width: 1rem; }
.focus-visible-min-w-4:focus-visible { min-width: 1rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
.focus-within-min-w-4:focus-within { min-width: 1rem; }
html[data-theme="dark"] .dark-focus-within-min-w-4:focus-within { min-width: 1rem; }
.group:hover .group-hover-min-w-4 { min-width: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-4 { min-width: 1rem; }
.max-w-4 { max-width: 1rem; }
html[data-theme="dark"] .dark-max-w-4 { max-width: 1rem; }
.hover-max-w-4:hover { max-width: 1rem; }
html[data-theme="dark"] .dark-hover-max-w-4:hover { max-width: 1rem; }
.focus-max-w-4:focus { max-width: 1rem; }
html[data-theme="dark"] .dark-focus-max-w-4:focus { max-width: 1rem; }
.active-max-w-4:active { max-width: 1rem; }
html[data-theme="dark"] .dark-active-max-w-4:active { max-width: 1rem; }
.disabled-max-w-4:disabled { max-width: 1rem; }
html[data-theme="dark"] .dark-disabled-max-w-4:disabled { max-width: 1rem; }
.focus-visible-max-w-4:focus-visible { max-width: 1rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
.focus-within-max-w-4:focus-within { max-width: 1rem; }
html[data-theme="dark"] .dark-focus-within-max-w-4:focus-within { max-width: 1rem; }
.group:hover .group-hover-max-w-4 { max-width: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-4 { max-width: 1rem; }
.min-h-4 { min-height: 1rem; }
html[data-theme="dark"] .dark-min-h-4 { min-height: 1rem; }
.hover-min-h-4:hover { min-height: 1rem; }
html[data-theme="dark"] .dark-hover-min-h-4:hover { min-height: 1rem; }
.focus-min-h-4:focus { min-height: 1rem; }
html[data-theme="dark"] .dark-focus-min-h-4:focus { min-height: 1rem; }
.active-min-h-4:active { min-height: 1rem; }
html[data-theme="dark"] .dark-active-min-h-4:active { min-height: 1rem; }
.disabled-min-h-4:disabled { min-height: 1rem; }
html[data-theme="dark"] .dark-disabled-min-h-4:disabled { min-height: 1rem; }
.focus-visible-min-h-4:focus-visible { min-height: 1rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
.focus-within-min-h-4:focus-within { min-height: 1rem; }
html[data-theme="dark"] .dark-focus-within-min-h-4:focus-within { min-height: 1rem; }
.group:hover .group-hover-min-h-4 { min-height: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-4 { min-height: 1rem; }
.max-h-4 { max-height: 1rem; }
html[data-theme="dark"] .dark-max-h-4 { max-height: 1rem; }
.hover-max-h-4:hover { max-height: 1rem; }
html[data-theme="dark"] .dark-hover-max-h-4:hover { max-height: 1rem; }
.focus-max-h-4:focus { max-height: 1rem; }
html[data-theme="dark"] .dark-focus-max-h-4:focus { max-height: 1rem; }
.active-max-h-4:active { max-height: 1rem; }
html[data-theme="dark"] .dark-active-max-h-4:active { max-height: 1rem; }
.disabled-max-h-4:disabled { max-height: 1rem; }
html[data-theme="dark"] .dark-disabled-max-h-4:disabled { max-height: 1rem; }
.focus-visible-max-h-4:focus-visible { max-height: 1rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
.focus-within-max-h-4:focus-within { max-height: 1rem; }
html[data-theme="dark"] .dark-focus-within-max-h-4:focus-within { max-height: 1rem; }
.group:hover .group-hover-max-h-4 { max-height: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-4 { max-height: 1rem; }
.w-5 { width: 1.25rem; }
html[data-theme="dark"] .dark-w-5 { width: 1.25rem; }
.hover-w-5:hover { width: 1.25rem; }
html[data-theme="dark"] .dark-hover-w-5:hover { width: 1.25rem; }
.focus-w-5:focus { width: 1.25rem; }
html[data-theme="dark"] .dark-focus-w-5:focus { width: 1.25rem; }
.active-w-5:active { width: 1.25rem; }
html[data-theme="dark"] .dark-active-w-5:active { width: 1.25rem; }
.disabled-w-5:disabled { width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-w-5:disabled { width: 1.25rem; }
.focus-visible-w-5:focus-visible { width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-w-5:focus-visible { width: 1.25rem; }
.focus-within-w-5:focus-within { width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-w-5:focus-within { width: 1.25rem; }
.group:hover .group-hover-w-5 { width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
html[data-theme="dark"] .dark-h-5 { height: 1.25rem; }
.hover-h-5:hover { height: 1.25rem; }
html[data-theme="dark"] .dark-hover-h-5:hover { height: 1.25rem; }
.focus-h-5:focus { height: 1.25rem; }
html[data-theme="dark"] .dark-focus-h-5:focus { height: 1.25rem; }
.active-h-5:active { height: 1.25rem; }
html[data-theme="dark"] .dark-active-h-5:active { height: 1.25rem; }
.disabled-h-5:disabled { height: 1.25rem; }
html[data-theme="dark"] .dark-disabled-h-5:disabled { height: 1.25rem; }
.focus-visible-h-5:focus-visible { height: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-h-5:focus-visible { height: 1.25rem; }
.focus-within-h-5:focus-within { height: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-h-5:focus-within { height: 1.25rem; }
.group:hover .group-hover-h-5 { height: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-5 { height: 1.25rem; }
.min-w-5 { min-width: 1.25rem; }
html[data-theme="dark"] .dark-min-w-5 { min-width: 1.25rem; }
.hover-min-w-5:hover { min-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-min-w-5:hover { min-width: 1.25rem; }
.focus-min-w-5:focus { min-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-min-w-5:focus { min-width: 1.25rem; }
.active-min-w-5:active { min-width: 1.25rem; }
html[data-theme="dark"] .dark-active-min-w-5:active { min-width: 1.25rem; }
.disabled-min-w-5:disabled { min-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-min-w-5:disabled { min-width: 1.25rem; }
.focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
.focus-within-min-w-5:focus-within { min-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
.group:hover .group-hover-min-w-5 { min-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-5 { min-width: 1.25rem; }
.max-w-5 { max-width: 1.25rem; }
html[data-theme="dark"] .dark-max-w-5 { max-width: 1.25rem; }
.hover-max-w-5:hover { max-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-max-w-5:hover { max-width: 1.25rem; }
.focus-max-w-5:focus { max-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-max-w-5:focus { max-width: 1.25rem; }
.active-max-w-5:active { max-width: 1.25rem; }
html[data-theme="dark"] .dark-active-max-w-5:active { max-width: 1.25rem; }
.disabled-max-w-5:disabled { max-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-max-w-5:disabled { max-width: 1.25rem; }
.focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
.focus-within-max-w-5:focus-within { max-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
.group:hover .group-hover-max-w-5 { max-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-5 { max-width: 1.25rem; }
.min-h-5 { min-height: 1.25rem; }
html[data-theme="dark"] .dark-min-h-5 { min-height: 1.25rem; }
.hover-min-h-5:hover { min-height: 1.25rem; }
html[data-theme="dark"] .dark-hover-min-h-5:hover { min-height: 1.25rem; }
.focus-min-h-5:focus { min-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-min-h-5:focus { min-height: 1.25rem; }
.active-min-h-5:active { min-height: 1.25rem; }
html[data-theme="dark"] .dark-active-min-h-5:active { min-height: 1.25rem; }
.disabled-min-h-5:disabled { min-height: 1.25rem; }
html[data-theme="dark"] .dark-disabled-min-h-5:disabled { min-height: 1.25rem; }
.focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
.focus-within-min-h-5:focus-within { min-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
.group:hover .group-hover-min-h-5 { min-height: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-5 { min-height: 1.25rem; }
.max-h-5 { max-height: 1.25rem; }
html[data-theme="dark"] .dark-max-h-5 { max-height: 1.25rem; }
.hover-max-h-5:hover { max-height: 1.25rem; }
html[data-theme="dark"] .dark-hover-max-h-5:hover { max-height: 1.25rem; }
.focus-max-h-5:focus { max-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-max-h-5:focus { max-height: 1.25rem; }
.active-max-h-5:active { max-height: 1.25rem; }
html[data-theme="dark"] .dark-active-max-h-5:active { max-height: 1.25rem; }
.disabled-max-h-5:disabled { max-height: 1.25rem; }
html[data-theme="dark"] .dark-disabled-max-h-5:disabled { max-height: 1.25rem; }
.focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
.focus-within-max-h-5:focus-within { max-height: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
.group:hover .group-hover-max-h-5 { max-height: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-5 { max-height: 1.25rem; }
.w-6 { width: 1.5rem; }
html[data-theme="dark"] .dark-w-6 { width: 1.5rem; }
.hover-w-6:hover { width: 1.5rem; }
html[data-theme="dark"] .dark-hover-w-6:hover { width: 1.5rem; }
.focus-w-6:focus { width: 1.5rem; }
html[data-theme="dark"] .dark-focus-w-6:focus { width: 1.5rem; }
.active-w-6:active { width: 1.5rem; }
html[data-theme="dark"] .dark-active-w-6:active { width: 1.5rem; }
.disabled-w-6:disabled { width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-w-6:disabled { width: 1.5rem; }
.focus-visible-w-6:focus-visible { width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-w-6:focus-visible { width: 1.5rem; }
.focus-within-w-6:focus-within { width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-w-6:focus-within { width: 1.5rem; }
.group:hover .group-hover-w-6 { width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-6 { width: 1.5rem; }
.h-6 { height: 1.5rem; }
html[data-theme="dark"] .dark-h-6 { height: 1.5rem; }
.hover-h-6:hover { height: 1.5rem; }
html[data-theme="dark"] .dark-hover-h-6:hover { height: 1.5rem; }
.focus-h-6:focus { height: 1.5rem; }
html[data-theme="dark"] .dark-focus-h-6:focus { height: 1.5rem; }
.active-h-6:active { height: 1.5rem; }
html[data-theme="dark"] .dark-active-h-6:active { height: 1.5rem; }
.disabled-h-6:disabled { height: 1.5rem; }
html[data-theme="dark"] .dark-disabled-h-6:disabled { height: 1.5rem; }
.focus-visible-h-6:focus-visible { height: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-h-6:focus-visible { height: 1.5rem; }
.focus-within-h-6:focus-within { height: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-h-6:focus-within { height: 1.5rem; }
.group:hover .group-hover-h-6 { height: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-6 { height: 1.5rem; }
.min-w-6 { min-width: 1.5rem; }
html[data-theme="dark"] .dark-min-w-6 { min-width: 1.5rem; }
.hover-min-w-6:hover { min-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-min-w-6:hover { min-width: 1.5rem; }
.focus-min-w-6:focus { min-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-min-w-6:focus { min-width: 1.5rem; }
.active-min-w-6:active { min-width: 1.5rem; }
html[data-theme="dark"] .dark-active-min-w-6:active { min-width: 1.5rem; }
.disabled-min-w-6:disabled { min-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-min-w-6:disabled { min-width: 1.5rem; }
.focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
.focus-within-min-w-6:focus-within { min-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
.group:hover .group-hover-min-w-6 { min-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-6 { min-width: 1.5rem; }
.max-w-6 { max-width: 1.5rem; }
html[data-theme="dark"] .dark-max-w-6 { max-width: 1.5rem; }
.hover-max-w-6:hover { max-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-max-w-6:hover { max-width: 1.5rem; }
.focus-max-w-6:focus { max-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-max-w-6:focus { max-width: 1.5rem; }
.active-max-w-6:active { max-width: 1.5rem; }
html[data-theme="dark"] .dark-active-max-w-6:active { max-width: 1.5rem; }
.disabled-max-w-6:disabled { max-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-max-w-6:disabled { max-width: 1.5rem; }
.focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
.focus-within-max-w-6:focus-within { max-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
.group:hover .group-hover-max-w-6 { max-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-6 { max-width: 1.5rem; }
.min-h-6 { min-height: 1.5rem; }
html[data-theme="dark"] .dark-min-h-6 { min-height: 1.5rem; }
.hover-min-h-6:hover { min-height: 1.5rem; }
html[data-theme="dark"] .dark-hover-min-h-6:hover { min-height: 1.5rem; }
.focus-min-h-6:focus { min-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-min-h-6:focus { min-height: 1.5rem; }
.active-min-h-6:active { min-height: 1.5rem; }
html[data-theme="dark"] .dark-active-min-h-6:active { min-height: 1.5rem; }
.disabled-min-h-6:disabled { min-height: 1.5rem; }
html[data-theme="dark"] .dark-disabled-min-h-6:disabled { min-height: 1.5rem; }
.focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
.focus-within-min-h-6:focus-within { min-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
.group:hover .group-hover-min-h-6 { min-height: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-6 { min-height: 1.5rem; }
.max-h-6 { max-height: 1.5rem; }
html[data-theme="dark"] .dark-max-h-6 { max-height: 1.5rem; }
.hover-max-h-6:hover { max-height: 1.5rem; }
html[data-theme="dark"] .dark-hover-max-h-6:hover { max-height: 1.5rem; }
.focus-max-h-6:focus { max-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-max-h-6:focus { max-height: 1.5rem; }
.active-max-h-6:active { max-height: 1.5rem; }
html[data-theme="dark"] .dark-active-max-h-6:active { max-height: 1.5rem; }
.disabled-max-h-6:disabled { max-height: 1.5rem; }
html[data-theme="dark"] .dark-disabled-max-h-6:disabled { max-height: 1.5rem; }
.focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
.focus-within-max-h-6:focus-within { max-height: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
.group:hover .group-hover-max-h-6 { max-height: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-6 { max-height: 1.5rem; }
.w-7 { width: 1.75rem; }
html[data-theme="dark"] .dark-w-7 { width: 1.75rem; }
.hover-w-7:hover { width: 1.75rem; }
html[data-theme="dark"] .dark-hover-w-7:hover { width: 1.75rem; }
.focus-w-7:focus { width: 1.75rem; }
html[data-theme="dark"] .dark-focus-w-7:focus { width: 1.75rem; }
.active-w-7:active { width: 1.75rem; }
html[data-theme="dark"] .dark-active-w-7:active { width: 1.75rem; }
.disabled-w-7:disabled { width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-w-7:disabled { width: 1.75rem; }
.focus-visible-w-7:focus-visible { width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-w-7:focus-visible { width: 1.75rem; }
.focus-within-w-7:focus-within { width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-w-7:focus-within { width: 1.75rem; }
.group:hover .group-hover-w-7 { width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-7 { width: 1.75rem; }
.h-7 { height: 1.75rem; }
html[data-theme="dark"] .dark-h-7 { height: 1.75rem; }
.hover-h-7:hover { height: 1.75rem; }
html[data-theme="dark"] .dark-hover-h-7:hover { height: 1.75rem; }
.focus-h-7:focus { height: 1.75rem; }
html[data-theme="dark"] .dark-focus-h-7:focus { height: 1.75rem; }
.active-h-7:active { height: 1.75rem; }
html[data-theme="dark"] .dark-active-h-7:active { height: 1.75rem; }
.disabled-h-7:disabled { height: 1.75rem; }
html[data-theme="dark"] .dark-disabled-h-7:disabled { height: 1.75rem; }
.focus-visible-h-7:focus-visible { height: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-h-7:focus-visible { height: 1.75rem; }
.focus-within-h-7:focus-within { height: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-h-7:focus-within { height: 1.75rem; }
.group:hover .group-hover-h-7 { height: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-7 { height: 1.75rem; }
.min-w-7 { min-width: 1.75rem; }
html[data-theme="dark"] .dark-min-w-7 { min-width: 1.75rem; }
.hover-min-w-7:hover { min-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-min-w-7:hover { min-width: 1.75rem; }
.focus-min-w-7:focus { min-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-min-w-7:focus { min-width: 1.75rem; }
.active-min-w-7:active { min-width: 1.75rem; }
html[data-theme="dark"] .dark-active-min-w-7:active { min-width: 1.75rem; }
.disabled-min-w-7:disabled { min-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-min-w-7:disabled { min-width: 1.75rem; }
.focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
.focus-within-min-w-7:focus-within { min-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
.group:hover .group-hover-min-w-7 { min-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-7 { min-width: 1.75rem; }
.max-w-7 { max-width: 1.75rem; }
html[data-theme="dark"] .dark-max-w-7 { max-width: 1.75rem; }
.hover-max-w-7:hover { max-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-max-w-7:hover { max-width: 1.75rem; }
.focus-max-w-7:focus { max-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-max-w-7:focus { max-width: 1.75rem; }
.active-max-w-7:active { max-width: 1.75rem; }
html[data-theme="dark"] .dark-active-max-w-7:active { max-width: 1.75rem; }
.disabled-max-w-7:disabled { max-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-max-w-7:disabled { max-width: 1.75rem; }
.focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
.focus-within-max-w-7:focus-within { max-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
.group:hover .group-hover-max-w-7 { max-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-7 { max-width: 1.75rem; }
.min-h-7 { min-height: 1.75rem; }
html[data-theme="dark"] .dark-min-h-7 { min-height: 1.75rem; }
.hover-min-h-7:hover { min-height: 1.75rem; }
html[data-theme="dark"] .dark-hover-min-h-7:hover { min-height: 1.75rem; }
.focus-min-h-7:focus { min-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-min-h-7:focus { min-height: 1.75rem; }
.active-min-h-7:active { min-height: 1.75rem; }
html[data-theme="dark"] .dark-active-min-h-7:active { min-height: 1.75rem; }
.disabled-min-h-7:disabled { min-height: 1.75rem; }
html[data-theme="dark"] .dark-disabled-min-h-7:disabled { min-height: 1.75rem; }
.focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
.focus-within-min-h-7:focus-within { min-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
.group:hover .group-hover-min-h-7 { min-height: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-7 { min-height: 1.75rem; }
.max-h-7 { max-height: 1.75rem; }
html[data-theme="dark"] .dark-max-h-7 { max-height: 1.75rem; }
.hover-max-h-7:hover { max-height: 1.75rem; }
html[data-theme="dark"] .dark-hover-max-h-7:hover { max-height: 1.75rem; }
.focus-max-h-7:focus { max-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-max-h-7:focus { max-height: 1.75rem; }
.active-max-h-7:active { max-height: 1.75rem; }
html[data-theme="dark"] .dark-active-max-h-7:active { max-height: 1.75rem; }
.disabled-max-h-7:disabled { max-height: 1.75rem; }
html[data-theme="dark"] .dark-disabled-max-h-7:disabled { max-height: 1.75rem; }
.focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
.focus-within-max-h-7:focus-within { max-height: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
.group:hover .group-hover-max-h-7 { max-height: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-7 { max-height: 1.75rem; }
.w-8 { width: 2rem; }
html[data-theme="dark"] .dark-w-8 { width: 2rem; }
.hover-w-8:hover { width: 2rem; }
html[data-theme="dark"] .dark-hover-w-8:hover { width: 2rem; }
.focus-w-8:focus { width: 2rem; }
html[data-theme="dark"] .dark-focus-w-8:focus { width: 2rem; }
.active-w-8:active { width: 2rem; }
html[data-theme="dark"] .dark-active-w-8:active { width: 2rem; }
.disabled-w-8:disabled { width: 2rem; }
html[data-theme="dark"] .dark-disabled-w-8:disabled { width: 2rem; }
.focus-visible-w-8:focus-visible { width: 2rem; }
html[data-theme="dark"] .dark-focus-visible-w-8:focus-visible { width: 2rem; }
.focus-within-w-8:focus-within { width: 2rem; }
html[data-theme="dark"] .dark-focus-within-w-8:focus-within { width: 2rem; }
.group:hover .group-hover-w-8 { width: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-8 { width: 2rem; }
.h-8 { height: 2rem; }
html[data-theme="dark"] .dark-h-8 { height: 2rem; }
.hover-h-8:hover { height: 2rem; }
html[data-theme="dark"] .dark-hover-h-8:hover { height: 2rem; }
.focus-h-8:focus { height: 2rem; }
html[data-theme="dark"] .dark-focus-h-8:focus { height: 2rem; }
.active-h-8:active { height: 2rem; }
html[data-theme="dark"] .dark-active-h-8:active { height: 2rem; }
.disabled-h-8:disabled { height: 2rem; }
html[data-theme="dark"] .dark-disabled-h-8:disabled { height: 2rem; }
.focus-visible-h-8:focus-visible { height: 2rem; }
html[data-theme="dark"] .dark-focus-visible-h-8:focus-visible { height: 2rem; }
.focus-within-h-8:focus-within { height: 2rem; }
html[data-theme="dark"] .dark-focus-within-h-8:focus-within { height: 2rem; }
.group:hover .group-hover-h-8 { height: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-8 { height: 2rem; }
.min-w-8 { min-width: 2rem; }
html[data-theme="dark"] .dark-min-w-8 { min-width: 2rem; }
.hover-min-w-8:hover { min-width: 2rem; }
html[data-theme="dark"] .dark-hover-min-w-8:hover { min-width: 2rem; }
.focus-min-w-8:focus { min-width: 2rem; }
html[data-theme="dark"] .dark-focus-min-w-8:focus { min-width: 2rem; }
.active-min-w-8:active { min-width: 2rem; }
html[data-theme="dark"] .dark-active-min-w-8:active { min-width: 2rem; }
.disabled-min-w-8:disabled { min-width: 2rem; }
html[data-theme="dark"] .dark-disabled-min-w-8:disabled { min-width: 2rem; }
.focus-visible-min-w-8:focus-visible { min-width: 2rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
.focus-within-min-w-8:focus-within { min-width: 2rem; }
html[data-theme="dark"] .dark-focus-within-min-w-8:focus-within { min-width: 2rem; }
.group:hover .group-hover-min-w-8 { min-width: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-8 { min-width: 2rem; }
.max-w-8 { max-width: 2rem; }
html[data-theme="dark"] .dark-max-w-8 { max-width: 2rem; }
.hover-max-w-8:hover { max-width: 2rem; }
html[data-theme="dark"] .dark-hover-max-w-8:hover { max-width: 2rem; }
.focus-max-w-8:focus { max-width: 2rem; }
html[data-theme="dark"] .dark-focus-max-w-8:focus { max-width: 2rem; }
.active-max-w-8:active { max-width: 2rem; }
html[data-theme="dark"] .dark-active-max-w-8:active { max-width: 2rem; }
.disabled-max-w-8:disabled { max-width: 2rem; }
html[data-theme="dark"] .dark-disabled-max-w-8:disabled { max-width: 2rem; }
.focus-visible-max-w-8:focus-visible { max-width: 2rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
.focus-within-max-w-8:focus-within { max-width: 2rem; }
html[data-theme="dark"] .dark-focus-within-max-w-8:focus-within { max-width: 2rem; }
.group:hover .group-hover-max-w-8 { max-width: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-8 { max-width: 2rem; }
.min-h-8 { min-height: 2rem; }
html[data-theme="dark"] .dark-min-h-8 { min-height: 2rem; }
.hover-min-h-8:hover { min-height: 2rem; }
html[data-theme="dark"] .dark-hover-min-h-8:hover { min-height: 2rem; }
.focus-min-h-8:focus { min-height: 2rem; }
html[data-theme="dark"] .dark-focus-min-h-8:focus { min-height: 2rem; }
.active-min-h-8:active { min-height: 2rem; }
html[data-theme="dark"] .dark-active-min-h-8:active { min-height: 2rem; }
.disabled-min-h-8:disabled { min-height: 2rem; }
html[data-theme="dark"] .dark-disabled-min-h-8:disabled { min-height: 2rem; }
.focus-visible-min-h-8:focus-visible { min-height: 2rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
.focus-within-min-h-8:focus-within { min-height: 2rem; }
html[data-theme="dark"] .dark-focus-within-min-h-8:focus-within { min-height: 2rem; }
.group:hover .group-hover-min-h-8 { min-height: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-8 { min-height: 2rem; }
.max-h-8 { max-height: 2rem; }
html[data-theme="dark"] .dark-max-h-8 { max-height: 2rem; }
.hover-max-h-8:hover { max-height: 2rem; }
html[data-theme="dark"] .dark-hover-max-h-8:hover { max-height: 2rem; }
.focus-max-h-8:focus { max-height: 2rem; }
html[data-theme="dark"] .dark-focus-max-h-8:focus { max-height: 2rem; }
.active-max-h-8:active { max-height: 2rem; }
html[data-theme="dark"] .dark-active-max-h-8:active { max-height: 2rem; }
.disabled-max-h-8:disabled { max-height: 2rem; }
html[data-theme="dark"] .dark-disabled-max-h-8:disabled { max-height: 2rem; }
.focus-visible-max-h-8:focus-visible { max-height: 2rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
.focus-within-max-h-8:focus-within { max-height: 2rem; }
html[data-theme="dark"] .dark-focus-within-max-h-8:focus-within { max-height: 2rem; }
.group:hover .group-hover-max-h-8 { max-height: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-8 { max-height: 2rem; }
.w-9 { width: 2.25rem; }
html[data-theme="dark"] .dark-w-9 { width: 2.25rem; }
.hover-w-9:hover { width: 2.25rem; }
html[data-theme="dark"] .dark-hover-w-9:hover { width: 2.25rem; }
.focus-w-9:focus { width: 2.25rem; }
html[data-theme="dark"] .dark-focus-w-9:focus { width: 2.25rem; }
.active-w-9:active { width: 2.25rem; }
html[data-theme="dark"] .dark-active-w-9:active { width: 2.25rem; }
.disabled-w-9:disabled { width: 2.25rem; }
html[data-theme="dark"] .dark-disabled-w-9:disabled { width: 2.25rem; }
.focus-visible-w-9:focus-visible { width: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-w-9:focus-visible { width: 2.25rem; }
.focus-within-w-9:focus-within { width: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-w-9:focus-within { width: 2.25rem; }
.group:hover .group-hover-w-9 { width: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-9 { width: 2.25rem; }
.h-9 { height: 2.25rem; }
html[data-theme="dark"] .dark-h-9 { height: 2.25rem; }
.hover-h-9:hover { height: 2.25rem; }
html[data-theme="dark"] .dark-hover-h-9:hover { height: 2.25rem; }
.focus-h-9:focus { height: 2.25rem; }
html[data-theme="dark"] .dark-focus-h-9:focus { height: 2.25rem; }
.active-h-9:active { height: 2.25rem; }
html[data-theme="dark"] .dark-active-h-9:active { height: 2.25rem; }
.disabled-h-9:disabled { height: 2.25rem; }
html[data-theme="dark"] .dark-disabled-h-9:disabled { height: 2.25rem; }
.focus-visible-h-9:focus-visible { height: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-h-9:focus-visible { height: 2.25rem; }
.focus-within-h-9:focus-within { height: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-h-9:focus-within { height: 2.25rem; }
.group:hover .group-hover-h-9 { height: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-9 { height: 2.25rem; }
.min-w-9 { min-width: 2.25rem; }
html[data-theme="dark"] .dark-min-w-9 { min-width: 2.25rem; }
.hover-min-w-9:hover { min-width: 2.25rem; }
html[data-theme="dark"] .dark-hover-min-w-9:hover { min-width: 2.25rem; }
.focus-min-w-9:focus { min-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-min-w-9:focus { min-width: 2.25rem; }
.active-min-w-9:active { min-width: 2.25rem; }
html[data-theme="dark"] .dark-active-min-w-9:active { min-width: 2.25rem; }
.disabled-min-w-9:disabled { min-width: 2.25rem; }
html[data-theme="dark"] .dark-disabled-min-w-9:disabled { min-width: 2.25rem; }
.focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
.focus-within-min-w-9:focus-within { min-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
.group:hover .group-hover-min-w-9 { min-width: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-9 { min-width: 2.25rem; }
.max-w-9 { max-width: 2.25rem; }
html[data-theme="dark"] .dark-max-w-9 { max-width: 2.25rem; }
.hover-max-w-9:hover { max-width: 2.25rem; }
html[data-theme="dark"] .dark-hover-max-w-9:hover { max-width: 2.25rem; }
.focus-max-w-9:focus { max-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-max-w-9:focus { max-width: 2.25rem; }
.active-max-w-9:active { max-width: 2.25rem; }
html[data-theme="dark"] .dark-active-max-w-9:active { max-width: 2.25rem; }
.disabled-max-w-9:disabled { max-width: 2.25rem; }
html[data-theme="dark"] .dark-disabled-max-w-9:disabled { max-width: 2.25rem; }
.focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
.focus-within-max-w-9:focus-within { max-width: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
.group:hover .group-hover-max-w-9 { max-width: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-9 { max-width: 2.25rem; }
.min-h-9 { min-height: 2.25rem; }
html[data-theme="dark"] .dark-min-h-9 { min-height: 2.25rem; }
.hover-min-h-9:hover { min-height: 2.25rem; }
html[data-theme="dark"] .dark-hover-min-h-9:hover { min-height: 2.25rem; }
.focus-min-h-9:focus { min-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-min-h-9:focus { min-height: 2.25rem; }
.active-min-h-9:active { min-height: 2.25rem; }
html[data-theme="dark"] .dark-active-min-h-9:active { min-height: 2.25rem; }
.disabled-min-h-9:disabled { min-height: 2.25rem; }
html[data-theme="dark"] .dark-disabled-min-h-9:disabled { min-height: 2.25rem; }
.focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
.focus-within-min-h-9:focus-within { min-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
.group:hover .group-hover-min-h-9 { min-height: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-9 { min-height: 2.25rem; }
.max-h-9 { max-height: 2.25rem; }
html[data-theme="dark"] .dark-max-h-9 { max-height: 2.25rem; }
.hover-max-h-9:hover { max-height: 2.25rem; }
html[data-theme="dark"] .dark-hover-max-h-9:hover { max-height: 2.25rem; }
.focus-max-h-9:focus { max-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-max-h-9:focus { max-height: 2.25rem; }
.active-max-h-9:active { max-height: 2.25rem; }
html[data-theme="dark"] .dark-active-max-h-9:active { max-height: 2.25rem; }
.disabled-max-h-9:disabled { max-height: 2.25rem; }
html[data-theme="dark"] .dark-disabled-max-h-9:disabled { max-height: 2.25rem; }
.focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
.focus-within-max-h-9:focus-within { max-height: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
.group:hover .group-hover-max-h-9 { max-height: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-9 { max-height: 2.25rem; }
.w-10 { width: 2.5rem; }
html[data-theme="dark"] .dark-w-10 { width: 2.5rem; }
.hover-w-10:hover { width: 2.5rem; }
html[data-theme="dark"] .dark-hover-w-10:hover { width: 2.5rem; }
.focus-w-10:focus { width: 2.5rem; }
html[data-theme="dark"] .dark-focus-w-10:focus { width: 2.5rem; }
.active-w-10:active { width: 2.5rem; }
html[data-theme="dark"] .dark-active-w-10:active { width: 2.5rem; }
.disabled-w-10:disabled { width: 2.5rem; }
html[data-theme="dark"] .dark-disabled-w-10:disabled { width: 2.5rem; }
.focus-visible-w-10:focus-visible { width: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-w-10:focus-visible { width: 2.5rem; }
.focus-within-w-10:focus-within { width: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-w-10:focus-within { width: 2.5rem; }
.group:hover .group-hover-w-10 { width: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
html[data-theme="dark"] .dark-h-10 { height: 2.5rem; }
.hover-h-10:hover { height: 2.5rem; }
html[data-theme="dark"] .dark-hover-h-10:hover { height: 2.5rem; }
.focus-h-10:focus { height: 2.5rem; }
html[data-theme="dark"] .dark-focus-h-10:focus { height: 2.5rem; }
.active-h-10:active { height: 2.5rem; }
html[data-theme="dark"] .dark-active-h-10:active { height: 2.5rem; }
.disabled-h-10:disabled { height: 2.5rem; }
html[data-theme="dark"] .dark-disabled-h-10:disabled { height: 2.5rem; }
.focus-visible-h-10:focus-visible { height: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-h-10:focus-visible { height: 2.5rem; }
.focus-within-h-10:focus-within { height: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-h-10:focus-within { height: 2.5rem; }
.group:hover .group-hover-h-10 { height: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-10 { height: 2.5rem; }
.min-w-10 { min-width: 2.5rem; }
html[data-theme="dark"] .dark-min-w-10 { min-width: 2.5rem; }
.hover-min-w-10:hover { min-width: 2.5rem; }
html[data-theme="dark"] .dark-hover-min-w-10:hover { min-width: 2.5rem; }
.focus-min-w-10:focus { min-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-min-w-10:focus { min-width: 2.5rem; }
.active-min-w-10:active { min-width: 2.5rem; }
html[data-theme="dark"] .dark-active-min-w-10:active { min-width: 2.5rem; }
.disabled-min-w-10:disabled { min-width: 2.5rem; }
html[data-theme="dark"] .dark-disabled-min-w-10:disabled { min-width: 2.5rem; }
.focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
.focus-within-min-w-10:focus-within { min-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
.group:hover .group-hover-min-w-10 { min-width: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-10 { min-width: 2.5rem; }
.max-w-10 { max-width: 2.5rem; }
html[data-theme="dark"] .dark-max-w-10 { max-width: 2.5rem; }
.hover-max-w-10:hover { max-width: 2.5rem; }
html[data-theme="dark"] .dark-hover-max-w-10:hover { max-width: 2.5rem; }
.focus-max-w-10:focus { max-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-max-w-10:focus { max-width: 2.5rem; }
.active-max-w-10:active { max-width: 2.5rem; }
html[data-theme="dark"] .dark-active-max-w-10:active { max-width: 2.5rem; }
.disabled-max-w-10:disabled { max-width: 2.5rem; }
html[data-theme="dark"] .dark-disabled-max-w-10:disabled { max-width: 2.5rem; }
.focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
.focus-within-max-w-10:focus-within { max-width: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
.group:hover .group-hover-max-w-10 { max-width: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-10 { max-width: 2.5rem; }
.min-h-10 { min-height: 2.5rem; }
html[data-theme="dark"] .dark-min-h-10 { min-height: 2.5rem; }
.hover-min-h-10:hover { min-height: 2.5rem; }
html[data-theme="dark"] .dark-hover-min-h-10:hover { min-height: 2.5rem; }
.focus-min-h-10:focus { min-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-min-h-10:focus { min-height: 2.5rem; }
.active-min-h-10:active { min-height: 2.5rem; }
html[data-theme="dark"] .dark-active-min-h-10:active { min-height: 2.5rem; }
.disabled-min-h-10:disabled { min-height: 2.5rem; }
html[data-theme="dark"] .dark-disabled-min-h-10:disabled { min-height: 2.5rem; }
.focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
.focus-within-min-h-10:focus-within { min-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
.group:hover .group-hover-min-h-10 { min-height: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-10 { min-height: 2.5rem; }
.max-h-10 { max-height: 2.5rem; }
html[data-theme="dark"] .dark-max-h-10 { max-height: 2.5rem; }
.hover-max-h-10:hover { max-height: 2.5rem; }
html[data-theme="dark"] .dark-hover-max-h-10:hover { max-height: 2.5rem; }
.focus-max-h-10:focus { max-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-max-h-10:focus { max-height: 2.5rem; }
.active-max-h-10:active { max-height: 2.5rem; }
html[data-theme="dark"] .dark-active-max-h-10:active { max-height: 2.5rem; }
.disabled-max-h-10:disabled { max-height: 2.5rem; }
html[data-theme="dark"] .dark-disabled-max-h-10:disabled { max-height: 2.5rem; }
.focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
.focus-within-max-h-10:focus-within { max-height: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
.group:hover .group-hover-max-h-10 { max-height: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-10 { max-height: 2.5rem; }
.w-11 { width: 2.75rem; }
html[data-theme="dark"] .dark-w-11 { width: 2.75rem; }
.hover-w-11:hover { width: 2.75rem; }
html[data-theme="dark"] .dark-hover-w-11:hover { width: 2.75rem; }
.focus-w-11:focus { width: 2.75rem; }
html[data-theme="dark"] .dark-focus-w-11:focus { width: 2.75rem; }
.active-w-11:active { width: 2.75rem; }
html[data-theme="dark"] .dark-active-w-11:active { width: 2.75rem; }
.disabled-w-11:disabled { width: 2.75rem; }
html[data-theme="dark"] .dark-disabled-w-11:disabled { width: 2.75rem; }
.focus-visible-w-11:focus-visible { width: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-w-11:focus-visible { width: 2.75rem; }
.focus-within-w-11:focus-within { width: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-w-11:focus-within { width: 2.75rem; }
.group:hover .group-hover-w-11 { width: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-11 { width: 2.75rem; }
.h-11 { height: 2.75rem; }
html[data-theme="dark"] .dark-h-11 { height: 2.75rem; }
.hover-h-11:hover { height: 2.75rem; }
html[data-theme="dark"] .dark-hover-h-11:hover { height: 2.75rem; }
.focus-h-11:focus { height: 2.75rem; }
html[data-theme="dark"] .dark-focus-h-11:focus { height: 2.75rem; }
.active-h-11:active { height: 2.75rem; }
html[data-theme="dark"] .dark-active-h-11:active { height: 2.75rem; }
.disabled-h-11:disabled { height: 2.75rem; }
html[data-theme="dark"] .dark-disabled-h-11:disabled { height: 2.75rem; }
.focus-visible-h-11:focus-visible { height: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-h-11:focus-visible { height: 2.75rem; }
.focus-within-h-11:focus-within { height: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-h-11:focus-within { height: 2.75rem; }
.group:hover .group-hover-h-11 { height: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-11 { height: 2.75rem; }
.min-w-11 { min-width: 2.75rem; }
html[data-theme="dark"] .dark-min-w-11 { min-width: 2.75rem; }
.hover-min-w-11:hover { min-width: 2.75rem; }
html[data-theme="dark"] .dark-hover-min-w-11:hover { min-width: 2.75rem; }
.focus-min-w-11:focus { min-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-min-w-11:focus { min-width: 2.75rem; }
.active-min-w-11:active { min-width: 2.75rem; }
html[data-theme="dark"] .dark-active-min-w-11:active { min-width: 2.75rem; }
.disabled-min-w-11:disabled { min-width: 2.75rem; }
html[data-theme="dark"] .dark-disabled-min-w-11:disabled { min-width: 2.75rem; }
.focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
.focus-within-min-w-11:focus-within { min-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
.group:hover .group-hover-min-w-11 { min-width: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-11 { min-width: 2.75rem; }
.max-w-11 { max-width: 2.75rem; }
html[data-theme="dark"] .dark-max-w-11 { max-width: 2.75rem; }
.hover-max-w-11:hover { max-width: 2.75rem; }
html[data-theme="dark"] .dark-hover-max-w-11:hover { max-width: 2.75rem; }
.focus-max-w-11:focus { max-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-max-w-11:focus { max-width: 2.75rem; }
.active-max-w-11:active { max-width: 2.75rem; }
html[data-theme="dark"] .dark-active-max-w-11:active { max-width: 2.75rem; }
.disabled-max-w-11:disabled { max-width: 2.75rem; }
html[data-theme="dark"] .dark-disabled-max-w-11:disabled { max-width: 2.75rem; }
.focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
.focus-within-max-w-11:focus-within { max-width: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
.group:hover .group-hover-max-w-11 { max-width: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-11 { max-width: 2.75rem; }
.min-h-11 { min-height: 2.75rem; }
html[data-theme="dark"] .dark-min-h-11 { min-height: 2.75rem; }
.hover-min-h-11:hover { min-height: 2.75rem; }
html[data-theme="dark"] .dark-hover-min-h-11:hover { min-height: 2.75rem; }
.focus-min-h-11:focus { min-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-min-h-11:focus { min-height: 2.75rem; }
.active-min-h-11:active { min-height: 2.75rem; }
html[data-theme="dark"] .dark-active-min-h-11:active { min-height: 2.75rem; }
.disabled-min-h-11:disabled { min-height: 2.75rem; }
html[data-theme="dark"] .dark-disabled-min-h-11:disabled { min-height: 2.75rem; }
.focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
.focus-within-min-h-11:focus-within { min-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
.group:hover .group-hover-min-h-11 { min-height: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-11 { min-height: 2.75rem; }
.max-h-11 { max-height: 2.75rem; }
html[data-theme="dark"] .dark-max-h-11 { max-height: 2.75rem; }
.hover-max-h-11:hover { max-height: 2.75rem; }
html[data-theme="dark"] .dark-hover-max-h-11:hover { max-height: 2.75rem; }
.focus-max-h-11:focus { max-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-max-h-11:focus { max-height: 2.75rem; }
.active-max-h-11:active { max-height: 2.75rem; }
html[data-theme="dark"] .dark-active-max-h-11:active { max-height: 2.75rem; }
.disabled-max-h-11:disabled { max-height: 2.75rem; }
html[data-theme="dark"] .dark-disabled-max-h-11:disabled { max-height: 2.75rem; }
.focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
.focus-within-max-h-11:focus-within { max-height: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
.group:hover .group-hover-max-h-11 { max-height: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-11 { max-height: 2.75rem; }
.w-12 { width: 3rem; }
html[data-theme="dark"] .dark-w-12 { width: 3rem; }
.hover-w-12:hover { width: 3rem; }
html[data-theme="dark"] .dark-hover-w-12:hover { width: 3rem; }
.focus-w-12:focus { width: 3rem; }
html[data-theme="dark"] .dark-focus-w-12:focus { width: 3rem; }
.active-w-12:active { width: 3rem; }
html[data-theme="dark"] .dark-active-w-12:active { width: 3rem; }
.disabled-w-12:disabled { width: 3rem; }
html[data-theme="dark"] .dark-disabled-w-12:disabled { width: 3rem; }
.focus-visible-w-12:focus-visible { width: 3rem; }
html[data-theme="dark"] .dark-focus-visible-w-12:focus-visible { width: 3rem; }
.focus-within-w-12:focus-within { width: 3rem; }
html[data-theme="dark"] .dark-focus-within-w-12:focus-within { width: 3rem; }
.group:hover .group-hover-w-12 { width: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-12 { width: 3rem; }
.h-12 { height: 3rem; }
html[data-theme="dark"] .dark-h-12 { height: 3rem; }
.hover-h-12:hover { height: 3rem; }
html[data-theme="dark"] .dark-hover-h-12:hover { height: 3rem; }
.focus-h-12:focus { height: 3rem; }
html[data-theme="dark"] .dark-focus-h-12:focus { height: 3rem; }
.active-h-12:active { height: 3rem; }
html[data-theme="dark"] .dark-active-h-12:active { height: 3rem; }
.disabled-h-12:disabled { height: 3rem; }
html[data-theme="dark"] .dark-disabled-h-12:disabled { height: 3rem; }
.focus-visible-h-12:focus-visible { height: 3rem; }
html[data-theme="dark"] .dark-focus-visible-h-12:focus-visible { height: 3rem; }
.focus-within-h-12:focus-within { height: 3rem; }
html[data-theme="dark"] .dark-focus-within-h-12:focus-within { height: 3rem; }
.group:hover .group-hover-h-12 { height: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-12 { height: 3rem; }
.min-w-12 { min-width: 3rem; }
html[data-theme="dark"] .dark-min-w-12 { min-width: 3rem; }
.hover-min-w-12:hover { min-width: 3rem; }
html[data-theme="dark"] .dark-hover-min-w-12:hover { min-width: 3rem; }
.focus-min-w-12:focus { min-width: 3rem; }
html[data-theme="dark"] .dark-focus-min-w-12:focus { min-width: 3rem; }
.active-min-w-12:active { min-width: 3rem; }
html[data-theme="dark"] .dark-active-min-w-12:active { min-width: 3rem; }
.disabled-min-w-12:disabled { min-width: 3rem; }
html[data-theme="dark"] .dark-disabled-min-w-12:disabled { min-width: 3rem; }
.focus-visible-min-w-12:focus-visible { min-width: 3rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
.focus-within-min-w-12:focus-within { min-width: 3rem; }
html[data-theme="dark"] .dark-focus-within-min-w-12:focus-within { min-width: 3rem; }
.group:hover .group-hover-min-w-12 { min-width: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-12 { min-width: 3rem; }
.max-w-12 { max-width: 3rem; }
html[data-theme="dark"] .dark-max-w-12 { max-width: 3rem; }
.hover-max-w-12:hover { max-width: 3rem; }
html[data-theme="dark"] .dark-hover-max-w-12:hover { max-width: 3rem; }
.focus-max-w-12:focus { max-width: 3rem; }
html[data-theme="dark"] .dark-focus-max-w-12:focus { max-width: 3rem; }
.active-max-w-12:active { max-width: 3rem; }
html[data-theme="dark"] .dark-active-max-w-12:active { max-width: 3rem; }
.disabled-max-w-12:disabled { max-width: 3rem; }
html[data-theme="dark"] .dark-disabled-max-w-12:disabled { max-width: 3rem; }
.focus-visible-max-w-12:focus-visible { max-width: 3rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
.focus-within-max-w-12:focus-within { max-width: 3rem; }
html[data-theme="dark"] .dark-focus-within-max-w-12:focus-within { max-width: 3rem; }
.group:hover .group-hover-max-w-12 { max-width: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-12 { max-width: 3rem; }
.min-h-12 { min-height: 3rem; }
html[data-theme="dark"] .dark-min-h-12 { min-height: 3rem; }
.hover-min-h-12:hover { min-height: 3rem; }
html[data-theme="dark"] .dark-hover-min-h-12:hover { min-height: 3rem; }
.focus-min-h-12:focus { min-height: 3rem; }
html[data-theme="dark"] .dark-focus-min-h-12:focus { min-height: 3rem; }
.active-min-h-12:active { min-height: 3rem; }
html[data-theme="dark"] .dark-active-min-h-12:active { min-height: 3rem; }
.disabled-min-h-12:disabled { min-height: 3rem; }
html[data-theme="dark"] .dark-disabled-min-h-12:disabled { min-height: 3rem; }
.focus-visible-min-h-12:focus-visible { min-height: 3rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
.focus-within-min-h-12:focus-within { min-height: 3rem; }
html[data-theme="dark"] .dark-focus-within-min-h-12:focus-within { min-height: 3rem; }
.group:hover .group-hover-min-h-12 { min-height: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-12 { min-height: 3rem; }
.max-h-12 { max-height: 3rem; }
html[data-theme="dark"] .dark-max-h-12 { max-height: 3rem; }
.hover-max-h-12:hover { max-height: 3rem; }
html[data-theme="dark"] .dark-hover-max-h-12:hover { max-height: 3rem; }
.focus-max-h-12:focus { max-height: 3rem; }
html[data-theme="dark"] .dark-focus-max-h-12:focus { max-height: 3rem; }
.active-max-h-12:active { max-height: 3rem; }
html[data-theme="dark"] .dark-active-max-h-12:active { max-height: 3rem; }
.disabled-max-h-12:disabled { max-height: 3rem; }
html[data-theme="dark"] .dark-disabled-max-h-12:disabled { max-height: 3rem; }
.focus-visible-max-h-12:focus-visible { max-height: 3rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
.focus-within-max-h-12:focus-within { max-height: 3rem; }
html[data-theme="dark"] .dark-focus-within-max-h-12:focus-within { max-height: 3rem; }
.group:hover .group-hover-max-h-12 { max-height: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-12 { max-height: 3rem; }
.w-14 { width: 3.5rem; }
html[data-theme="dark"] .dark-w-14 { width: 3.5rem; }
.hover-w-14:hover { width: 3.5rem; }
html[data-theme="dark"] .dark-hover-w-14:hover { width: 3.5rem; }
.focus-w-14:focus { width: 3.5rem; }
html[data-theme="dark"] .dark-focus-w-14:focus { width: 3.5rem; }
.active-w-14:active { width: 3.5rem; }
html[data-theme="dark"] .dark-active-w-14:active { width: 3.5rem; }
.disabled-w-14:disabled { width: 3.5rem; }
html[data-theme="dark"] .dark-disabled-w-14:disabled { width: 3.5rem; }
.focus-visible-w-14:focus-visible { width: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-w-14:focus-visible { width: 3.5rem; }
.focus-within-w-14:focus-within { width: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-w-14:focus-within { width: 3.5rem; }
.group:hover .group-hover-w-14 { width: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-14 { width: 3.5rem; }
.h-14 { height: 3.5rem; }
html[data-theme="dark"] .dark-h-14 { height: 3.5rem; }
.hover-h-14:hover { height: 3.5rem; }
html[data-theme="dark"] .dark-hover-h-14:hover { height: 3.5rem; }
.focus-h-14:focus { height: 3.5rem; }
html[data-theme="dark"] .dark-focus-h-14:focus { height: 3.5rem; }
.active-h-14:active { height: 3.5rem; }
html[data-theme="dark"] .dark-active-h-14:active { height: 3.5rem; }
.disabled-h-14:disabled { height: 3.5rem; }
html[data-theme="dark"] .dark-disabled-h-14:disabled { height: 3.5rem; }
.focus-visible-h-14:focus-visible { height: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-h-14:focus-visible { height: 3.5rem; }
.focus-within-h-14:focus-within { height: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-h-14:focus-within { height: 3.5rem; }
.group:hover .group-hover-h-14 { height: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-14 { height: 3.5rem; }
.min-w-14 { min-width: 3.5rem; }
html[data-theme="dark"] .dark-min-w-14 { min-width: 3.5rem; }
.hover-min-w-14:hover { min-width: 3.5rem; }
html[data-theme="dark"] .dark-hover-min-w-14:hover { min-width: 3.5rem; }
.focus-min-w-14:focus { min-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-min-w-14:focus { min-width: 3.5rem; }
.active-min-w-14:active { min-width: 3.5rem; }
html[data-theme="dark"] .dark-active-min-w-14:active { min-width: 3.5rem; }
.disabled-min-w-14:disabled { min-width: 3.5rem; }
html[data-theme="dark"] .dark-disabled-min-w-14:disabled { min-width: 3.5rem; }
.focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
.focus-within-min-w-14:focus-within { min-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
.group:hover .group-hover-min-w-14 { min-width: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-14 { min-width: 3.5rem; }
.max-w-14 { max-width: 3.5rem; }
html[data-theme="dark"] .dark-max-w-14 { max-width: 3.5rem; }
.hover-max-w-14:hover { max-width: 3.5rem; }
html[data-theme="dark"] .dark-hover-max-w-14:hover { max-width: 3.5rem; }
.focus-max-w-14:focus { max-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-max-w-14:focus { max-width: 3.5rem; }
.active-max-w-14:active { max-width: 3.5rem; }
html[data-theme="dark"] .dark-active-max-w-14:active { max-width: 3.5rem; }
.disabled-max-w-14:disabled { max-width: 3.5rem; }
html[data-theme="dark"] .dark-disabled-max-w-14:disabled { max-width: 3.5rem; }
.focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
.focus-within-max-w-14:focus-within { max-width: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
.group:hover .group-hover-max-w-14 { max-width: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-14 { max-width: 3.5rem; }
.min-h-14 { min-height: 3.5rem; }
html[data-theme="dark"] .dark-min-h-14 { min-height: 3.5rem; }
.hover-min-h-14:hover { min-height: 3.5rem; }
html[data-theme="dark"] .dark-hover-min-h-14:hover { min-height: 3.5rem; }
.focus-min-h-14:focus { min-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-min-h-14:focus { min-height: 3.5rem; }
.active-min-h-14:active { min-height: 3.5rem; }
html[data-theme="dark"] .dark-active-min-h-14:active { min-height: 3.5rem; }
.disabled-min-h-14:disabled { min-height: 3.5rem; }
html[data-theme="dark"] .dark-disabled-min-h-14:disabled { min-height: 3.5rem; }
.focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
.focus-within-min-h-14:focus-within { min-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
.group:hover .group-hover-min-h-14 { min-height: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-14 { min-height: 3.5rem; }
.max-h-14 { max-height: 3.5rem; }
html[data-theme="dark"] .dark-max-h-14 { max-height: 3.5rem; }
.hover-max-h-14:hover { max-height: 3.5rem; }
html[data-theme="dark"] .dark-hover-max-h-14:hover { max-height: 3.5rem; }
.focus-max-h-14:focus { max-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-max-h-14:focus { max-height: 3.5rem; }
.active-max-h-14:active { max-height: 3.5rem; }
html[data-theme="dark"] .dark-active-max-h-14:active { max-height: 3.5rem; }
.disabled-max-h-14:disabled { max-height: 3.5rem; }
html[data-theme="dark"] .dark-disabled-max-h-14:disabled { max-height: 3.5rem; }
.focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
.focus-within-max-h-14:focus-within { max-height: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
.group:hover .group-hover-max-h-14 { max-height: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-14 { max-height: 3.5rem; }
.w-16 { width: 4rem; }
html[data-theme="dark"] .dark-w-16 { width: 4rem; }
.hover-w-16:hover { width: 4rem; }
html[data-theme="dark"] .dark-hover-w-16:hover { width: 4rem; }
.focus-w-16:focus { width: 4rem; }
html[data-theme="dark"] .dark-focus-w-16:focus { width: 4rem; }
.active-w-16:active { width: 4rem; }
html[data-theme="dark"] .dark-active-w-16:active { width: 4rem; }
.disabled-w-16:disabled { width: 4rem; }
html[data-theme="dark"] .dark-disabled-w-16:disabled { width: 4rem; }
.focus-visible-w-16:focus-visible { width: 4rem; }
html[data-theme="dark"] .dark-focus-visible-w-16:focus-visible { width: 4rem; }
.focus-within-w-16:focus-within { width: 4rem; }
html[data-theme="dark"] .dark-focus-within-w-16:focus-within { width: 4rem; }
.group:hover .group-hover-w-16 { width: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-16 { width: 4rem; }
.h-16 { height: 4rem; }
html[data-theme="dark"] .dark-h-16 { height: 4rem; }
.hover-h-16:hover { height: 4rem; }
html[data-theme="dark"] .dark-hover-h-16:hover { height: 4rem; }
.focus-h-16:focus { height: 4rem; }
html[data-theme="dark"] .dark-focus-h-16:focus { height: 4rem; }
.active-h-16:active { height: 4rem; }
html[data-theme="dark"] .dark-active-h-16:active { height: 4rem; }
.disabled-h-16:disabled { height: 4rem; }
html[data-theme="dark"] .dark-disabled-h-16:disabled { height: 4rem; }
.focus-visible-h-16:focus-visible { height: 4rem; }
html[data-theme="dark"] .dark-focus-visible-h-16:focus-visible { height: 4rem; }
.focus-within-h-16:focus-within { height: 4rem; }
html[data-theme="dark"] .dark-focus-within-h-16:focus-within { height: 4rem; }
.group:hover .group-hover-h-16 { height: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-16 { height: 4rem; }
.min-w-16 { min-width: 4rem; }
html[data-theme="dark"] .dark-min-w-16 { min-width: 4rem; }
.hover-min-w-16:hover { min-width: 4rem; }
html[data-theme="dark"] .dark-hover-min-w-16:hover { min-width: 4rem; }
.focus-min-w-16:focus { min-width: 4rem; }
html[data-theme="dark"] .dark-focus-min-w-16:focus { min-width: 4rem; }
.active-min-w-16:active { min-width: 4rem; }
html[data-theme="dark"] .dark-active-min-w-16:active { min-width: 4rem; }
.disabled-min-w-16:disabled { min-width: 4rem; }
html[data-theme="dark"] .dark-disabled-min-w-16:disabled { min-width: 4rem; }
.focus-visible-min-w-16:focus-visible { min-width: 4rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
.focus-within-min-w-16:focus-within { min-width: 4rem; }
html[data-theme="dark"] .dark-focus-within-min-w-16:focus-within { min-width: 4rem; }
.group:hover .group-hover-min-w-16 { min-width: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-16 { min-width: 4rem; }
.max-w-16 { max-width: 4rem; }
html[data-theme="dark"] .dark-max-w-16 { max-width: 4rem; }
.hover-max-w-16:hover { max-width: 4rem; }
html[data-theme="dark"] .dark-hover-max-w-16:hover { max-width: 4rem; }
.focus-max-w-16:focus { max-width: 4rem; }
html[data-theme="dark"] .dark-focus-max-w-16:focus { max-width: 4rem; }
.active-max-w-16:active { max-width: 4rem; }
html[data-theme="dark"] .dark-active-max-w-16:active { max-width: 4rem; }
.disabled-max-w-16:disabled { max-width: 4rem; }
html[data-theme="dark"] .dark-disabled-max-w-16:disabled { max-width: 4rem; }
.focus-visible-max-w-16:focus-visible { max-width: 4rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
.focus-within-max-w-16:focus-within { max-width: 4rem; }
html[data-theme="dark"] .dark-focus-within-max-w-16:focus-within { max-width: 4rem; }
.group:hover .group-hover-max-w-16 { max-width: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-16 { max-width: 4rem; }
.min-h-16 { min-height: 4rem; }
html[data-theme="dark"] .dark-min-h-16 { min-height: 4rem; }
.hover-min-h-16:hover { min-height: 4rem; }
html[data-theme="dark"] .dark-hover-min-h-16:hover { min-height: 4rem; }
.focus-min-h-16:focus { min-height: 4rem; }
html[data-theme="dark"] .dark-focus-min-h-16:focus { min-height: 4rem; }
.active-min-h-16:active { min-height: 4rem; }
html[data-theme="dark"] .dark-active-min-h-16:active { min-height: 4rem; }
.disabled-min-h-16:disabled { min-height: 4rem; }
html[data-theme="dark"] .dark-disabled-min-h-16:disabled { min-height: 4rem; }
.focus-visible-min-h-16:focus-visible { min-height: 4rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
.focus-within-min-h-16:focus-within { min-height: 4rem; }
html[data-theme="dark"] .dark-focus-within-min-h-16:focus-within { min-height: 4rem; }
.group:hover .group-hover-min-h-16 { min-height: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-16 { min-height: 4rem; }
.max-h-16 { max-height: 4rem; }
html[data-theme="dark"] .dark-max-h-16 { max-height: 4rem; }
.hover-max-h-16:hover { max-height: 4rem; }
html[data-theme="dark"] .dark-hover-max-h-16:hover { max-height: 4rem; }
.focus-max-h-16:focus { max-height: 4rem; }
html[data-theme="dark"] .dark-focus-max-h-16:focus { max-height: 4rem; }
.active-max-h-16:active { max-height: 4rem; }
html[data-theme="dark"] .dark-active-max-h-16:active { max-height: 4rem; }
.disabled-max-h-16:disabled { max-height: 4rem; }
html[data-theme="dark"] .dark-disabled-max-h-16:disabled { max-height: 4rem; }
.focus-visible-max-h-16:focus-visible { max-height: 4rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
.focus-within-max-h-16:focus-within { max-height: 4rem; }
html[data-theme="dark"] .dark-focus-within-max-h-16:focus-within { max-height: 4rem; }
.group:hover .group-hover-max-h-16 { max-height: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-16 { max-height: 4rem; }
.w-20 { width: 5rem; }
html[data-theme="dark"] .dark-w-20 { width: 5rem; }
.hover-w-20:hover { width: 5rem; }
html[data-theme="dark"] .dark-hover-w-20:hover { width: 5rem; }
.focus-w-20:focus { width: 5rem; }
html[data-theme="dark"] .dark-focus-w-20:focus { width: 5rem; }
.active-w-20:active { width: 5rem; }
html[data-theme="dark"] .dark-active-w-20:active { width: 5rem; }
.disabled-w-20:disabled { width: 5rem; }
html[data-theme="dark"] .dark-disabled-w-20:disabled { width: 5rem; }
.focus-visible-w-20:focus-visible { width: 5rem; }
html[data-theme="dark"] .dark-focus-visible-w-20:focus-visible { width: 5rem; }
.focus-within-w-20:focus-within { width: 5rem; }
html[data-theme="dark"] .dark-focus-within-w-20:focus-within { width: 5rem; }
.group:hover .group-hover-w-20 { width: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-20 { width: 5rem; }
.h-20 { height: 5rem; }
html[data-theme="dark"] .dark-h-20 { height: 5rem; }
.hover-h-20:hover { height: 5rem; }
html[data-theme="dark"] .dark-hover-h-20:hover { height: 5rem; }
.focus-h-20:focus { height: 5rem; }
html[data-theme="dark"] .dark-focus-h-20:focus { height: 5rem; }
.active-h-20:active { height: 5rem; }
html[data-theme="dark"] .dark-active-h-20:active { height: 5rem; }
.disabled-h-20:disabled { height: 5rem; }
html[data-theme="dark"] .dark-disabled-h-20:disabled { height: 5rem; }
.focus-visible-h-20:focus-visible { height: 5rem; }
html[data-theme="dark"] .dark-focus-visible-h-20:focus-visible { height: 5rem; }
.focus-within-h-20:focus-within { height: 5rem; }
html[data-theme="dark"] .dark-focus-within-h-20:focus-within { height: 5rem; }
.group:hover .group-hover-h-20 { height: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-20 { height: 5rem; }
.min-w-20 { min-width: 5rem; }
html[data-theme="dark"] .dark-min-w-20 { min-width: 5rem; }
.hover-min-w-20:hover { min-width: 5rem; }
html[data-theme="dark"] .dark-hover-min-w-20:hover { min-width: 5rem; }
.focus-min-w-20:focus { min-width: 5rem; }
html[data-theme="dark"] .dark-focus-min-w-20:focus { min-width: 5rem; }
.active-min-w-20:active { min-width: 5rem; }
html[data-theme="dark"] .dark-active-min-w-20:active { min-width: 5rem; }
.disabled-min-w-20:disabled { min-width: 5rem; }
html[data-theme="dark"] .dark-disabled-min-w-20:disabled { min-width: 5rem; }
.focus-visible-min-w-20:focus-visible { min-width: 5rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
.focus-within-min-w-20:focus-within { min-width: 5rem; }
html[data-theme="dark"] .dark-focus-within-min-w-20:focus-within { min-width: 5rem; }
.group:hover .group-hover-min-w-20 { min-width: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-20 { min-width: 5rem; }
.max-w-20 { max-width: 5rem; }
html[data-theme="dark"] .dark-max-w-20 { max-width: 5rem; }
.hover-max-w-20:hover { max-width: 5rem; }
html[data-theme="dark"] .dark-hover-max-w-20:hover { max-width: 5rem; }
.focus-max-w-20:focus { max-width: 5rem; }
html[data-theme="dark"] .dark-focus-max-w-20:focus { max-width: 5rem; }
.active-max-w-20:active { max-width: 5rem; }
html[data-theme="dark"] .dark-active-max-w-20:active { max-width: 5rem; }
.disabled-max-w-20:disabled { max-width: 5rem; }
html[data-theme="dark"] .dark-disabled-max-w-20:disabled { max-width: 5rem; }
.focus-visible-max-w-20:focus-visible { max-width: 5rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
.focus-within-max-w-20:focus-within { max-width: 5rem; }
html[data-theme="dark"] .dark-focus-within-max-w-20:focus-within { max-width: 5rem; }
.group:hover .group-hover-max-w-20 { max-width: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-20 { max-width: 5rem; }
.min-h-20 { min-height: 5rem; }
html[data-theme="dark"] .dark-min-h-20 { min-height: 5rem; }
.hover-min-h-20:hover { min-height: 5rem; }
html[data-theme="dark"] .dark-hover-min-h-20:hover { min-height: 5rem; }
.focus-min-h-20:focus { min-height: 5rem; }
html[data-theme="dark"] .dark-focus-min-h-20:focus { min-height: 5rem; }
.active-min-h-20:active { min-height: 5rem; }
html[data-theme="dark"] .dark-active-min-h-20:active { min-height: 5rem; }
.disabled-min-h-20:disabled { min-height: 5rem; }
html[data-theme="dark"] .dark-disabled-min-h-20:disabled { min-height: 5rem; }
.focus-visible-min-h-20:focus-visible { min-height: 5rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
.focus-within-min-h-20:focus-within { min-height: 5rem; }
html[data-theme="dark"] .dark-focus-within-min-h-20:focus-within { min-height: 5rem; }
.group:hover .group-hover-min-h-20 { min-height: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-20 { min-height: 5rem; }
.max-h-20 { max-height: 5rem; }
html[data-theme="dark"] .dark-max-h-20 { max-height: 5rem; }
.hover-max-h-20:hover { max-height: 5rem; }
html[data-theme="dark"] .dark-hover-max-h-20:hover { max-height: 5rem; }
.focus-max-h-20:focus { max-height: 5rem; }
html[data-theme="dark"] .dark-focus-max-h-20:focus { max-height: 5rem; }
.active-max-h-20:active { max-height: 5rem; }
html[data-theme="dark"] .dark-active-max-h-20:active { max-height: 5rem; }
.disabled-max-h-20:disabled { max-height: 5rem; }
html[data-theme="dark"] .dark-disabled-max-h-20:disabled { max-height: 5rem; }
.focus-visible-max-h-20:focus-visible { max-height: 5rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
.focus-within-max-h-20:focus-within { max-height: 5rem; }
html[data-theme="dark"] .dark-focus-within-max-h-20:focus-within { max-height: 5rem; }
.group:hover .group-hover-max-h-20 { max-height: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-20 { max-height: 5rem; }
.w-24 { width: 6rem; }
html[data-theme="dark"] .dark-w-24 { width: 6rem; }
.hover-w-24:hover { width: 6rem; }
html[data-theme="dark"] .dark-hover-w-24:hover { width: 6rem; }
.focus-w-24:focus { width: 6rem; }
html[data-theme="dark"] .dark-focus-w-24:focus { width: 6rem; }
.active-w-24:active { width: 6rem; }
html[data-theme="dark"] .dark-active-w-24:active { width: 6rem; }
.disabled-w-24:disabled { width: 6rem; }
html[data-theme="dark"] .dark-disabled-w-24:disabled { width: 6rem; }
.focus-visible-w-24:focus-visible { width: 6rem; }
html[data-theme="dark"] .dark-focus-visible-w-24:focus-visible { width: 6rem; }
.focus-within-w-24:focus-within { width: 6rem; }
html[data-theme="dark"] .dark-focus-within-w-24:focus-within { width: 6rem; }
.group:hover .group-hover-w-24 { width: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-24 { width: 6rem; }
.h-24 { height: 6rem; }
html[data-theme="dark"] .dark-h-24 { height: 6rem; }
.hover-h-24:hover { height: 6rem; }
html[data-theme="dark"] .dark-hover-h-24:hover { height: 6rem; }
.focus-h-24:focus { height: 6rem; }
html[data-theme="dark"] .dark-focus-h-24:focus { height: 6rem; }
.active-h-24:active { height: 6rem; }
html[data-theme="dark"] .dark-active-h-24:active { height: 6rem; }
.disabled-h-24:disabled { height: 6rem; }
html[data-theme="dark"] .dark-disabled-h-24:disabled { height: 6rem; }
.focus-visible-h-24:focus-visible { height: 6rem; }
html[data-theme="dark"] .dark-focus-visible-h-24:focus-visible { height: 6rem; }
.focus-within-h-24:focus-within { height: 6rem; }
html[data-theme="dark"] .dark-focus-within-h-24:focus-within { height: 6rem; }
.group:hover .group-hover-h-24 { height: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-24 { height: 6rem; }
.min-w-24 { min-width: 6rem; }
html[data-theme="dark"] .dark-min-w-24 { min-width: 6rem; }
.hover-min-w-24:hover { min-width: 6rem; }
html[data-theme="dark"] .dark-hover-min-w-24:hover { min-width: 6rem; }
.focus-min-w-24:focus { min-width: 6rem; }
html[data-theme="dark"] .dark-focus-min-w-24:focus { min-width: 6rem; }
.active-min-w-24:active { min-width: 6rem; }
html[data-theme="dark"] .dark-active-min-w-24:active { min-width: 6rem; }
.disabled-min-w-24:disabled { min-width: 6rem; }
html[data-theme="dark"] .dark-disabled-min-w-24:disabled { min-width: 6rem; }
.focus-visible-min-w-24:focus-visible { min-width: 6rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
.focus-within-min-w-24:focus-within { min-width: 6rem; }
html[data-theme="dark"] .dark-focus-within-min-w-24:focus-within { min-width: 6rem; }
.group:hover .group-hover-min-w-24 { min-width: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-24 { min-width: 6rem; }
.max-w-24 { max-width: 6rem; }
html[data-theme="dark"] .dark-max-w-24 { max-width: 6rem; }
.hover-max-w-24:hover { max-width: 6rem; }
html[data-theme="dark"] .dark-hover-max-w-24:hover { max-width: 6rem; }
.focus-max-w-24:focus { max-width: 6rem; }
html[data-theme="dark"] .dark-focus-max-w-24:focus { max-width: 6rem; }
.active-max-w-24:active { max-width: 6rem; }
html[data-theme="dark"] .dark-active-max-w-24:active { max-width: 6rem; }
.disabled-max-w-24:disabled { max-width: 6rem; }
html[data-theme="dark"] .dark-disabled-max-w-24:disabled { max-width: 6rem; }
.focus-visible-max-w-24:focus-visible { max-width: 6rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
.focus-within-max-w-24:focus-within { max-width: 6rem; }
html[data-theme="dark"] .dark-focus-within-max-w-24:focus-within { max-width: 6rem; }
.group:hover .group-hover-max-w-24 { max-width: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-24 { max-width: 6rem; }
.min-h-24 { min-height: 6rem; }
html[data-theme="dark"] .dark-min-h-24 { min-height: 6rem; }
.hover-min-h-24:hover { min-height: 6rem; }
html[data-theme="dark"] .dark-hover-min-h-24:hover { min-height: 6rem; }
.focus-min-h-24:focus { min-height: 6rem; }
html[data-theme="dark"] .dark-focus-min-h-24:focus { min-height: 6rem; }
.active-min-h-24:active { min-height: 6rem; }
html[data-theme="dark"] .dark-active-min-h-24:active { min-height: 6rem; }
.disabled-min-h-24:disabled { min-height: 6rem; }
html[data-theme="dark"] .dark-disabled-min-h-24:disabled { min-height: 6rem; }
.focus-visible-min-h-24:focus-visible { min-height: 6rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
.focus-within-min-h-24:focus-within { min-height: 6rem; }
html[data-theme="dark"] .dark-focus-within-min-h-24:focus-within { min-height: 6rem; }
.group:hover .group-hover-min-h-24 { min-height: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-24 { min-height: 6rem; }
.max-h-24 { max-height: 6rem; }
html[data-theme="dark"] .dark-max-h-24 { max-height: 6rem; }
.hover-max-h-24:hover { max-height: 6rem; }
html[data-theme="dark"] .dark-hover-max-h-24:hover { max-height: 6rem; }
.focus-max-h-24:focus { max-height: 6rem; }
html[data-theme="dark"] .dark-focus-max-h-24:focus { max-height: 6rem; }
.active-max-h-24:active { max-height: 6rem; }
html[data-theme="dark"] .dark-active-max-h-24:active { max-height: 6rem; }
.disabled-max-h-24:disabled { max-height: 6rem; }
html[data-theme="dark"] .dark-disabled-max-h-24:disabled { max-height: 6rem; }
.focus-visible-max-h-24:focus-visible { max-height: 6rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
.focus-within-max-h-24:focus-within { max-height: 6rem; }
html[data-theme="dark"] .dark-focus-within-max-h-24:focus-within { max-height: 6rem; }
.group:hover .group-hover-max-h-24 { max-height: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-24 { max-height: 6rem; }
.w-28 { width: 7rem; }
html[data-theme="dark"] .dark-w-28 { width: 7rem; }
.hover-w-28:hover { width: 7rem; }
html[data-theme="dark"] .dark-hover-w-28:hover { width: 7rem; }
.focus-w-28:focus { width: 7rem; }
html[data-theme="dark"] .dark-focus-w-28:focus { width: 7rem; }
.active-w-28:active { width: 7rem; }
html[data-theme="dark"] .dark-active-w-28:active { width: 7rem; }
.disabled-w-28:disabled { width: 7rem; }
html[data-theme="dark"] .dark-disabled-w-28:disabled { width: 7rem; }
.focus-visible-w-28:focus-visible { width: 7rem; }
html[data-theme="dark"] .dark-focus-visible-w-28:focus-visible { width: 7rem; }
.focus-within-w-28:focus-within { width: 7rem; }
html[data-theme="dark"] .dark-focus-within-w-28:focus-within { width: 7rem; }
.group:hover .group-hover-w-28 { width: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-28 { width: 7rem; }
.h-28 { height: 7rem; }
html[data-theme="dark"] .dark-h-28 { height: 7rem; }
.hover-h-28:hover { height: 7rem; }
html[data-theme="dark"] .dark-hover-h-28:hover { height: 7rem; }
.focus-h-28:focus { height: 7rem; }
html[data-theme="dark"] .dark-focus-h-28:focus { height: 7rem; }
.active-h-28:active { height: 7rem; }
html[data-theme="dark"] .dark-active-h-28:active { height: 7rem; }
.disabled-h-28:disabled { height: 7rem; }
html[data-theme="dark"] .dark-disabled-h-28:disabled { height: 7rem; }
.focus-visible-h-28:focus-visible { height: 7rem; }
html[data-theme="dark"] .dark-focus-visible-h-28:focus-visible { height: 7rem; }
.focus-within-h-28:focus-within { height: 7rem; }
html[data-theme="dark"] .dark-focus-within-h-28:focus-within { height: 7rem; }
.group:hover .group-hover-h-28 { height: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-28 { height: 7rem; }
.min-w-28 { min-width: 7rem; }
html[data-theme="dark"] .dark-min-w-28 { min-width: 7rem; }
.hover-min-w-28:hover { min-width: 7rem; }
html[data-theme="dark"] .dark-hover-min-w-28:hover { min-width: 7rem; }
.focus-min-w-28:focus { min-width: 7rem; }
html[data-theme="dark"] .dark-focus-min-w-28:focus { min-width: 7rem; }
.active-min-w-28:active { min-width: 7rem; }
html[data-theme="dark"] .dark-active-min-w-28:active { min-width: 7rem; }
.disabled-min-w-28:disabled { min-width: 7rem; }
html[data-theme="dark"] .dark-disabled-min-w-28:disabled { min-width: 7rem; }
.focus-visible-min-w-28:focus-visible { min-width: 7rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
.focus-within-min-w-28:focus-within { min-width: 7rem; }
html[data-theme="dark"] .dark-focus-within-min-w-28:focus-within { min-width: 7rem; }
.group:hover .group-hover-min-w-28 { min-width: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-28 { min-width: 7rem; }
.max-w-28 { max-width: 7rem; }
html[data-theme="dark"] .dark-max-w-28 { max-width: 7rem; }
.hover-max-w-28:hover { max-width: 7rem; }
html[data-theme="dark"] .dark-hover-max-w-28:hover { max-width: 7rem; }
.focus-max-w-28:focus { max-width: 7rem; }
html[data-theme="dark"] .dark-focus-max-w-28:focus { max-width: 7rem; }
.active-max-w-28:active { max-width: 7rem; }
html[data-theme="dark"] .dark-active-max-w-28:active { max-width: 7rem; }
.disabled-max-w-28:disabled { max-width: 7rem; }
html[data-theme="dark"] .dark-disabled-max-w-28:disabled { max-width: 7rem; }
.focus-visible-max-w-28:focus-visible { max-width: 7rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
.focus-within-max-w-28:focus-within { max-width: 7rem; }
html[data-theme="dark"] .dark-focus-within-max-w-28:focus-within { max-width: 7rem; }
.group:hover .group-hover-max-w-28 { max-width: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-28 { max-width: 7rem; }
.min-h-28 { min-height: 7rem; }
html[data-theme="dark"] .dark-min-h-28 { min-height: 7rem; }
.hover-min-h-28:hover { min-height: 7rem; }
html[data-theme="dark"] .dark-hover-min-h-28:hover { min-height: 7rem; }
.focus-min-h-28:focus { min-height: 7rem; }
html[data-theme="dark"] .dark-focus-min-h-28:focus { min-height: 7rem; }
.active-min-h-28:active { min-height: 7rem; }
html[data-theme="dark"] .dark-active-min-h-28:active { min-height: 7rem; }
.disabled-min-h-28:disabled { min-height: 7rem; }
html[data-theme="dark"] .dark-disabled-min-h-28:disabled { min-height: 7rem; }
.focus-visible-min-h-28:focus-visible { min-height: 7rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
.focus-within-min-h-28:focus-within { min-height: 7rem; }
html[data-theme="dark"] .dark-focus-within-min-h-28:focus-within { min-height: 7rem; }
.group:hover .group-hover-min-h-28 { min-height: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-28 { min-height: 7rem; }
.max-h-28 { max-height: 7rem; }
html[data-theme="dark"] .dark-max-h-28 { max-height: 7rem; }
.hover-max-h-28:hover { max-height: 7rem; }
html[data-theme="dark"] .dark-hover-max-h-28:hover { max-height: 7rem; }
.focus-max-h-28:focus { max-height: 7rem; }
html[data-theme="dark"] .dark-focus-max-h-28:focus { max-height: 7rem; }
.active-max-h-28:active { max-height: 7rem; }
html[data-theme="dark"] .dark-active-max-h-28:active { max-height: 7rem; }
.disabled-max-h-28:disabled { max-height: 7rem; }
html[data-theme="dark"] .dark-disabled-max-h-28:disabled { max-height: 7rem; }
.focus-visible-max-h-28:focus-visible { max-height: 7rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
.focus-within-max-h-28:focus-within { max-height: 7rem; }
html[data-theme="dark"] .dark-focus-within-max-h-28:focus-within { max-height: 7rem; }
.group:hover .group-hover-max-h-28 { max-height: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-28 { max-height: 7rem; }
.w-32 { width: 8rem; }
html[data-theme="dark"] .dark-w-32 { width: 8rem; }
.hover-w-32:hover { width: 8rem; }
html[data-theme="dark"] .dark-hover-w-32:hover { width: 8rem; }
.focus-w-32:focus { width: 8rem; }
html[data-theme="dark"] .dark-focus-w-32:focus { width: 8rem; }
.active-w-32:active { width: 8rem; }
html[data-theme="dark"] .dark-active-w-32:active { width: 8rem; }
.disabled-w-32:disabled { width: 8rem; }
html[data-theme="dark"] .dark-disabled-w-32:disabled { width: 8rem; }
.focus-visible-w-32:focus-visible { width: 8rem; }
html[data-theme="dark"] .dark-focus-visible-w-32:focus-visible { width: 8rem; }
.focus-within-w-32:focus-within { width: 8rem; }
html[data-theme="dark"] .dark-focus-within-w-32:focus-within { width: 8rem; }
.group:hover .group-hover-w-32 { width: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-32 { width: 8rem; }
.h-32 { height: 8rem; }
html[data-theme="dark"] .dark-h-32 { height: 8rem; }
.hover-h-32:hover { height: 8rem; }
html[data-theme="dark"] .dark-hover-h-32:hover { height: 8rem; }
.focus-h-32:focus { height: 8rem; }
html[data-theme="dark"] .dark-focus-h-32:focus { height: 8rem; }
.active-h-32:active { height: 8rem; }
html[data-theme="dark"] .dark-active-h-32:active { height: 8rem; }
.disabled-h-32:disabled { height: 8rem; }
html[data-theme="dark"] .dark-disabled-h-32:disabled { height: 8rem; }
.focus-visible-h-32:focus-visible { height: 8rem; }
html[data-theme="dark"] .dark-focus-visible-h-32:focus-visible { height: 8rem; }
.focus-within-h-32:focus-within { height: 8rem; }
html[data-theme="dark"] .dark-focus-within-h-32:focus-within { height: 8rem; }
.group:hover .group-hover-h-32 { height: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-32 { height: 8rem; }
.min-w-32 { min-width: 8rem; }
html[data-theme="dark"] .dark-min-w-32 { min-width: 8rem; }
.hover-min-w-32:hover { min-width: 8rem; }
html[data-theme="dark"] .dark-hover-min-w-32:hover { min-width: 8rem; }
.focus-min-w-32:focus { min-width: 8rem; }
html[data-theme="dark"] .dark-focus-min-w-32:focus { min-width: 8rem; }
.active-min-w-32:active { min-width: 8rem; }
html[data-theme="dark"] .dark-active-min-w-32:active { min-width: 8rem; }
.disabled-min-w-32:disabled { min-width: 8rem; }
html[data-theme="dark"] .dark-disabled-min-w-32:disabled { min-width: 8rem; }
.focus-visible-min-w-32:focus-visible { min-width: 8rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
.focus-within-min-w-32:focus-within { min-width: 8rem; }
html[data-theme="dark"] .dark-focus-within-min-w-32:focus-within { min-width: 8rem; }
.group:hover .group-hover-min-w-32 { min-width: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-32 { min-width: 8rem; }
.max-w-32 { max-width: 8rem; }
html[data-theme="dark"] .dark-max-w-32 { max-width: 8rem; }
.hover-max-w-32:hover { max-width: 8rem; }
html[data-theme="dark"] .dark-hover-max-w-32:hover { max-width: 8rem; }
.focus-max-w-32:focus { max-width: 8rem; }
html[data-theme="dark"] .dark-focus-max-w-32:focus { max-width: 8rem; }
.active-max-w-32:active { max-width: 8rem; }
html[data-theme="dark"] .dark-active-max-w-32:active { max-width: 8rem; }
.disabled-max-w-32:disabled { max-width: 8rem; }
html[data-theme="dark"] .dark-disabled-max-w-32:disabled { max-width: 8rem; }
.focus-visible-max-w-32:focus-visible { max-width: 8rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
.focus-within-max-w-32:focus-within { max-width: 8rem; }
html[data-theme="dark"] .dark-focus-within-max-w-32:focus-within { max-width: 8rem; }
.group:hover .group-hover-max-w-32 { max-width: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-32 { max-width: 8rem; }
.min-h-32 { min-height: 8rem; }
html[data-theme="dark"] .dark-min-h-32 { min-height: 8rem; }
.hover-min-h-32:hover { min-height: 8rem; }
html[data-theme="dark"] .dark-hover-min-h-32:hover { min-height: 8rem; }
.focus-min-h-32:focus { min-height: 8rem; }
html[data-theme="dark"] .dark-focus-min-h-32:focus { min-height: 8rem; }
.active-min-h-32:active { min-height: 8rem; }
html[data-theme="dark"] .dark-active-min-h-32:active { min-height: 8rem; }
.disabled-min-h-32:disabled { min-height: 8rem; }
html[data-theme="dark"] .dark-disabled-min-h-32:disabled { min-height: 8rem; }
.focus-visible-min-h-32:focus-visible { min-height: 8rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
.focus-within-min-h-32:focus-within { min-height: 8rem; }
html[data-theme="dark"] .dark-focus-within-min-h-32:focus-within { min-height: 8rem; }
.group:hover .group-hover-min-h-32 { min-height: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-32 { min-height: 8rem; }
.max-h-32 { max-height: 8rem; }
html[data-theme="dark"] .dark-max-h-32 { max-height: 8rem; }
.hover-max-h-32:hover { max-height: 8rem; }
html[data-theme="dark"] .dark-hover-max-h-32:hover { max-height: 8rem; }
.focus-max-h-32:focus { max-height: 8rem; }
html[data-theme="dark"] .dark-focus-max-h-32:focus { max-height: 8rem; }
.active-max-h-32:active { max-height: 8rem; }
html[data-theme="dark"] .dark-active-max-h-32:active { max-height: 8rem; }
.disabled-max-h-32:disabled { max-height: 8rem; }
html[data-theme="dark"] .dark-disabled-max-h-32:disabled { max-height: 8rem; }
.focus-visible-max-h-32:focus-visible { max-height: 8rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
.focus-within-max-h-32:focus-within { max-height: 8rem; }
html[data-theme="dark"] .dark-focus-within-max-h-32:focus-within { max-height: 8rem; }
.group:hover .group-hover-max-h-32 { max-height: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-32 { max-height: 8rem; }
.w-36 { width: 9rem; }
html[data-theme="dark"] .dark-w-36 { width: 9rem; }
.hover-w-36:hover { width: 9rem; }
html[data-theme="dark"] .dark-hover-w-36:hover { width: 9rem; }
.focus-w-36:focus { width: 9rem; }
html[data-theme="dark"] .dark-focus-w-36:focus { width: 9rem; }
.active-w-36:active { width: 9rem; }
html[data-theme="dark"] .dark-active-w-36:active { width: 9rem; }
.disabled-w-36:disabled { width: 9rem; }
html[data-theme="dark"] .dark-disabled-w-36:disabled { width: 9rem; }
.focus-visible-w-36:focus-visible { width: 9rem; }
html[data-theme="dark"] .dark-focus-visible-w-36:focus-visible { width: 9rem; }
.focus-within-w-36:focus-within { width: 9rem; }
html[data-theme="dark"] .dark-focus-within-w-36:focus-within { width: 9rem; }
.group:hover .group-hover-w-36 { width: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-36 { width: 9rem; }
.h-36 { height: 9rem; }
html[data-theme="dark"] .dark-h-36 { height: 9rem; }
.hover-h-36:hover { height: 9rem; }
html[data-theme="dark"] .dark-hover-h-36:hover { height: 9rem; }
.focus-h-36:focus { height: 9rem; }
html[data-theme="dark"] .dark-focus-h-36:focus { height: 9rem; }
.active-h-36:active { height: 9rem; }
html[data-theme="dark"] .dark-active-h-36:active { height: 9rem; }
.disabled-h-36:disabled { height: 9rem; }
html[data-theme="dark"] .dark-disabled-h-36:disabled { height: 9rem; }
.focus-visible-h-36:focus-visible { height: 9rem; }
html[data-theme="dark"] .dark-focus-visible-h-36:focus-visible { height: 9rem; }
.focus-within-h-36:focus-within { height: 9rem; }
html[data-theme="dark"] .dark-focus-within-h-36:focus-within { height: 9rem; }
.group:hover .group-hover-h-36 { height: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-36 { height: 9rem; }
.min-w-36 { min-width: 9rem; }
html[data-theme="dark"] .dark-min-w-36 { min-width: 9rem; }
.hover-min-w-36:hover { min-width: 9rem; }
html[data-theme="dark"] .dark-hover-min-w-36:hover { min-width: 9rem; }
.focus-min-w-36:focus { min-width: 9rem; }
html[data-theme="dark"] .dark-focus-min-w-36:focus { min-width: 9rem; }
.active-min-w-36:active { min-width: 9rem; }
html[data-theme="dark"] .dark-active-min-w-36:active { min-width: 9rem; }
.disabled-min-w-36:disabled { min-width: 9rem; }
html[data-theme="dark"] .dark-disabled-min-w-36:disabled { min-width: 9rem; }
.focus-visible-min-w-36:focus-visible { min-width: 9rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
.focus-within-min-w-36:focus-within { min-width: 9rem; }
html[data-theme="dark"] .dark-focus-within-min-w-36:focus-within { min-width: 9rem; }
.group:hover .group-hover-min-w-36 { min-width: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-36 { min-width: 9rem; }
.max-w-36 { max-width: 9rem; }
html[data-theme="dark"] .dark-max-w-36 { max-width: 9rem; }
.hover-max-w-36:hover { max-width: 9rem; }
html[data-theme="dark"] .dark-hover-max-w-36:hover { max-width: 9rem; }
.focus-max-w-36:focus { max-width: 9rem; }
html[data-theme="dark"] .dark-focus-max-w-36:focus { max-width: 9rem; }
.active-max-w-36:active { max-width: 9rem; }
html[data-theme="dark"] .dark-active-max-w-36:active { max-width: 9rem; }
.disabled-max-w-36:disabled { max-width: 9rem; }
html[data-theme="dark"] .dark-disabled-max-w-36:disabled { max-width: 9rem; }
.focus-visible-max-w-36:focus-visible { max-width: 9rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
.focus-within-max-w-36:focus-within { max-width: 9rem; }
html[data-theme="dark"] .dark-focus-within-max-w-36:focus-within { max-width: 9rem; }
.group:hover .group-hover-max-w-36 { max-width: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-36 { max-width: 9rem; }
.min-h-36 { min-height: 9rem; }
html[data-theme="dark"] .dark-min-h-36 { min-height: 9rem; }
.hover-min-h-36:hover { min-height: 9rem; }
html[data-theme="dark"] .dark-hover-min-h-36:hover { min-height: 9rem; }
.focus-min-h-36:focus { min-height: 9rem; }
html[data-theme="dark"] .dark-focus-min-h-36:focus { min-height: 9rem; }
.active-min-h-36:active { min-height: 9rem; }
html[data-theme="dark"] .dark-active-min-h-36:active { min-height: 9rem; }
.disabled-min-h-36:disabled { min-height: 9rem; }
html[data-theme="dark"] .dark-disabled-min-h-36:disabled { min-height: 9rem; }
.focus-visible-min-h-36:focus-visible { min-height: 9rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
.focus-within-min-h-36:focus-within { min-height: 9rem; }
html[data-theme="dark"] .dark-focus-within-min-h-36:focus-within { min-height: 9rem; }
.group:hover .group-hover-min-h-36 { min-height: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-36 { min-height: 9rem; }
.max-h-36 { max-height: 9rem; }
html[data-theme="dark"] .dark-max-h-36 { max-height: 9rem; }
.hover-max-h-36:hover { max-height: 9rem; }
html[data-theme="dark"] .dark-hover-max-h-36:hover { max-height: 9rem; }
.focus-max-h-36:focus { max-height: 9rem; }
html[data-theme="dark"] .dark-focus-max-h-36:focus { max-height: 9rem; }
.active-max-h-36:active { max-height: 9rem; }
html[data-theme="dark"] .dark-active-max-h-36:active { max-height: 9rem; }
.disabled-max-h-36:disabled { max-height: 9rem; }
html[data-theme="dark"] .dark-disabled-max-h-36:disabled { max-height: 9rem; }
.focus-visible-max-h-36:focus-visible { max-height: 9rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
.focus-within-max-h-36:focus-within { max-height: 9rem; }
html[data-theme="dark"] .dark-focus-within-max-h-36:focus-within { max-height: 9rem; }
.group:hover .group-hover-max-h-36 { max-height: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-36 { max-height: 9rem; }
.w-40 { width: 10rem; }
html[data-theme="dark"] .dark-w-40 { width: 10rem; }
.hover-w-40:hover { width: 10rem; }
html[data-theme="dark"] .dark-hover-w-40:hover { width: 10rem; }
.focus-w-40:focus { width: 10rem; }
html[data-theme="dark"] .dark-focus-w-40:focus { width: 10rem; }
.active-w-40:active { width: 10rem; }
html[data-theme="dark"] .dark-active-w-40:active { width: 10rem; }
.disabled-w-40:disabled { width: 10rem; }
html[data-theme="dark"] .dark-disabled-w-40:disabled { width: 10rem; }
.focus-visible-w-40:focus-visible { width: 10rem; }
html[data-theme="dark"] .dark-focus-visible-w-40:focus-visible { width: 10rem; }
.focus-within-w-40:focus-within { width: 10rem; }
html[data-theme="dark"] .dark-focus-within-w-40:focus-within { width: 10rem; }
.group:hover .group-hover-w-40 { width: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-40 { width: 10rem; }
.h-40 { height: 10rem; }
html[data-theme="dark"] .dark-h-40 { height: 10rem; }
.hover-h-40:hover { height: 10rem; }
html[data-theme="dark"] .dark-hover-h-40:hover { height: 10rem; }
.focus-h-40:focus { height: 10rem; }
html[data-theme="dark"] .dark-focus-h-40:focus { height: 10rem; }
.active-h-40:active { height: 10rem; }
html[data-theme="dark"] .dark-active-h-40:active { height: 10rem; }
.disabled-h-40:disabled { height: 10rem; }
html[data-theme="dark"] .dark-disabled-h-40:disabled { height: 10rem; }
.focus-visible-h-40:focus-visible { height: 10rem; }
html[data-theme="dark"] .dark-focus-visible-h-40:focus-visible { height: 10rem; }
.focus-within-h-40:focus-within { height: 10rem; }
html[data-theme="dark"] .dark-focus-within-h-40:focus-within { height: 10rem; }
.group:hover .group-hover-h-40 { height: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-40 { height: 10rem; }
.min-w-40 { min-width: 10rem; }
html[data-theme="dark"] .dark-min-w-40 { min-width: 10rem; }
.hover-min-w-40:hover { min-width: 10rem; }
html[data-theme="dark"] .dark-hover-min-w-40:hover { min-width: 10rem; }
.focus-min-w-40:focus { min-width: 10rem; }
html[data-theme="dark"] .dark-focus-min-w-40:focus { min-width: 10rem; }
.active-min-w-40:active { min-width: 10rem; }
html[data-theme="dark"] .dark-active-min-w-40:active { min-width: 10rem; }
.disabled-min-w-40:disabled { min-width: 10rem; }
html[data-theme="dark"] .dark-disabled-min-w-40:disabled { min-width: 10rem; }
.focus-visible-min-w-40:focus-visible { min-width: 10rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
.focus-within-min-w-40:focus-within { min-width: 10rem; }
html[data-theme="dark"] .dark-focus-within-min-w-40:focus-within { min-width: 10rem; }
.group:hover .group-hover-min-w-40 { min-width: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-40 { min-width: 10rem; }
.max-w-40 { max-width: 10rem; }
html[data-theme="dark"] .dark-max-w-40 { max-width: 10rem; }
.hover-max-w-40:hover { max-width: 10rem; }
html[data-theme="dark"] .dark-hover-max-w-40:hover { max-width: 10rem; }
.focus-max-w-40:focus { max-width: 10rem; }
html[data-theme="dark"] .dark-focus-max-w-40:focus { max-width: 10rem; }
.active-max-w-40:active { max-width: 10rem; }
html[data-theme="dark"] .dark-active-max-w-40:active { max-width: 10rem; }
.disabled-max-w-40:disabled { max-width: 10rem; }
html[data-theme="dark"] .dark-disabled-max-w-40:disabled { max-width: 10rem; }
.focus-visible-max-w-40:focus-visible { max-width: 10rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
.focus-within-max-w-40:focus-within { max-width: 10rem; }
html[data-theme="dark"] .dark-focus-within-max-w-40:focus-within { max-width: 10rem; }
.group:hover .group-hover-max-w-40 { max-width: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-40 { max-width: 10rem; }
.min-h-40 { min-height: 10rem; }
html[data-theme="dark"] .dark-min-h-40 { min-height: 10rem; }
.hover-min-h-40:hover { min-height: 10rem; }
html[data-theme="dark"] .dark-hover-min-h-40:hover { min-height: 10rem; }
.focus-min-h-40:focus { min-height: 10rem; }
html[data-theme="dark"] .dark-focus-min-h-40:focus { min-height: 10rem; }
.active-min-h-40:active { min-height: 10rem; }
html[data-theme="dark"] .dark-active-min-h-40:active { min-height: 10rem; }
.disabled-min-h-40:disabled { min-height: 10rem; }
html[data-theme="dark"] .dark-disabled-min-h-40:disabled { min-height: 10rem; }
.focus-visible-min-h-40:focus-visible { min-height: 10rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
.focus-within-min-h-40:focus-within { min-height: 10rem; }
html[data-theme="dark"] .dark-focus-within-min-h-40:focus-within { min-height: 10rem; }
.group:hover .group-hover-min-h-40 { min-height: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-40 { min-height: 10rem; }
.max-h-40 { max-height: 10rem; }
html[data-theme="dark"] .dark-max-h-40 { max-height: 10rem; }
.hover-max-h-40:hover { max-height: 10rem; }
html[data-theme="dark"] .dark-hover-max-h-40:hover { max-height: 10rem; }
.focus-max-h-40:focus { max-height: 10rem; }
html[data-theme="dark"] .dark-focus-max-h-40:focus { max-height: 10rem; }
.active-max-h-40:active { max-height: 10rem; }
html[data-theme="dark"] .dark-active-max-h-40:active { max-height: 10rem; }
.disabled-max-h-40:disabled { max-height: 10rem; }
html[data-theme="dark"] .dark-disabled-max-h-40:disabled { max-height: 10rem; }
.focus-visible-max-h-40:focus-visible { max-height: 10rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
.focus-within-max-h-40:focus-within { max-height: 10rem; }
html[data-theme="dark"] .dark-focus-within-max-h-40:focus-within { max-height: 10rem; }
.group:hover .group-hover-max-h-40 { max-height: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-40 { max-height: 10rem; }
.w-44 { width: 11rem; }
html[data-theme="dark"] .dark-w-44 { width: 11rem; }
.hover-w-44:hover { width: 11rem; }
html[data-theme="dark"] .dark-hover-w-44:hover { width: 11rem; }
.focus-w-44:focus { width: 11rem; }
html[data-theme="dark"] .dark-focus-w-44:focus { width: 11rem; }
.active-w-44:active { width: 11rem; }
html[data-theme="dark"] .dark-active-w-44:active { width: 11rem; }
.disabled-w-44:disabled { width: 11rem; }
html[data-theme="dark"] .dark-disabled-w-44:disabled { width: 11rem; }
.focus-visible-w-44:focus-visible { width: 11rem; }
html[data-theme="dark"] .dark-focus-visible-w-44:focus-visible { width: 11rem; }
.focus-within-w-44:focus-within { width: 11rem; }
html[data-theme="dark"] .dark-focus-within-w-44:focus-within { width: 11rem; }
.group:hover .group-hover-w-44 { width: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-44 { width: 11rem; }
.h-44 { height: 11rem; }
html[data-theme="dark"] .dark-h-44 { height: 11rem; }
.hover-h-44:hover { height: 11rem; }
html[data-theme="dark"] .dark-hover-h-44:hover { height: 11rem; }
.focus-h-44:focus { height: 11rem; }
html[data-theme="dark"] .dark-focus-h-44:focus { height: 11rem; }
.active-h-44:active { height: 11rem; }
html[data-theme="dark"] .dark-active-h-44:active { height: 11rem; }
.disabled-h-44:disabled { height: 11rem; }
html[data-theme="dark"] .dark-disabled-h-44:disabled { height: 11rem; }
.focus-visible-h-44:focus-visible { height: 11rem; }
html[data-theme="dark"] .dark-focus-visible-h-44:focus-visible { height: 11rem; }
.focus-within-h-44:focus-within { height: 11rem; }
html[data-theme="dark"] .dark-focus-within-h-44:focus-within { height: 11rem; }
.group:hover .group-hover-h-44 { height: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-44 { height: 11rem; }
.min-w-44 { min-width: 11rem; }
html[data-theme="dark"] .dark-min-w-44 { min-width: 11rem; }
.hover-min-w-44:hover { min-width: 11rem; }
html[data-theme="dark"] .dark-hover-min-w-44:hover { min-width: 11rem; }
.focus-min-w-44:focus { min-width: 11rem; }
html[data-theme="dark"] .dark-focus-min-w-44:focus { min-width: 11rem; }
.active-min-w-44:active { min-width: 11rem; }
html[data-theme="dark"] .dark-active-min-w-44:active { min-width: 11rem; }
.disabled-min-w-44:disabled { min-width: 11rem; }
html[data-theme="dark"] .dark-disabled-min-w-44:disabled { min-width: 11rem; }
.focus-visible-min-w-44:focus-visible { min-width: 11rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
.focus-within-min-w-44:focus-within { min-width: 11rem; }
html[data-theme="dark"] .dark-focus-within-min-w-44:focus-within { min-width: 11rem; }
.group:hover .group-hover-min-w-44 { min-width: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-44 { min-width: 11rem; }
.max-w-44 { max-width: 11rem; }
html[data-theme="dark"] .dark-max-w-44 { max-width: 11rem; }
.hover-max-w-44:hover { max-width: 11rem; }
html[data-theme="dark"] .dark-hover-max-w-44:hover { max-width: 11rem; }
.focus-max-w-44:focus { max-width: 11rem; }
html[data-theme="dark"] .dark-focus-max-w-44:focus { max-width: 11rem; }
.active-max-w-44:active { max-width: 11rem; }
html[data-theme="dark"] .dark-active-max-w-44:active { max-width: 11rem; }
.disabled-max-w-44:disabled { max-width: 11rem; }
html[data-theme="dark"] .dark-disabled-max-w-44:disabled { max-width: 11rem; }
.focus-visible-max-w-44:focus-visible { max-width: 11rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
.focus-within-max-w-44:focus-within { max-width: 11rem; }
html[data-theme="dark"] .dark-focus-within-max-w-44:focus-within { max-width: 11rem; }
.group:hover .group-hover-max-w-44 { max-width: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-44 { max-width: 11rem; }
.min-h-44 { min-height: 11rem; }
html[data-theme="dark"] .dark-min-h-44 { min-height: 11rem; }
.hover-min-h-44:hover { min-height: 11rem; }
html[data-theme="dark"] .dark-hover-min-h-44:hover { min-height: 11rem; }
.focus-min-h-44:focus { min-height: 11rem; }
html[data-theme="dark"] .dark-focus-min-h-44:focus { min-height: 11rem; }
.active-min-h-44:active { min-height: 11rem; }
html[data-theme="dark"] .dark-active-min-h-44:active { min-height: 11rem; }
.disabled-min-h-44:disabled { min-height: 11rem; }
html[data-theme="dark"] .dark-disabled-min-h-44:disabled { min-height: 11rem; }
.focus-visible-min-h-44:focus-visible { min-height: 11rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
.focus-within-min-h-44:focus-within { min-height: 11rem; }
html[data-theme="dark"] .dark-focus-within-min-h-44:focus-within { min-height: 11rem; }
.group:hover .group-hover-min-h-44 { min-height: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-44 { min-height: 11rem; }
.max-h-44 { max-height: 11rem; }
html[data-theme="dark"] .dark-max-h-44 { max-height: 11rem; }
.hover-max-h-44:hover { max-height: 11rem; }
html[data-theme="dark"] .dark-hover-max-h-44:hover { max-height: 11rem; }
.focus-max-h-44:focus { max-height: 11rem; }
html[data-theme="dark"] .dark-focus-max-h-44:focus { max-height: 11rem; }
.active-max-h-44:active { max-height: 11rem; }
html[data-theme="dark"] .dark-active-max-h-44:active { max-height: 11rem; }
.disabled-max-h-44:disabled { max-height: 11rem; }
html[data-theme="dark"] .dark-disabled-max-h-44:disabled { max-height: 11rem; }
.focus-visible-max-h-44:focus-visible { max-height: 11rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
.focus-within-max-h-44:focus-within { max-height: 11rem; }
html[data-theme="dark"] .dark-focus-within-max-h-44:focus-within { max-height: 11rem; }
.group:hover .group-hover-max-h-44 { max-height: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-44 { max-height: 11rem; }
.w-48 { width: 12rem; }
html[data-theme="dark"] .dark-w-48 { width: 12rem; }
.hover-w-48:hover { width: 12rem; }
html[data-theme="dark"] .dark-hover-w-48:hover { width: 12rem; }
.focus-w-48:focus { width: 12rem; }
html[data-theme="dark"] .dark-focus-w-48:focus { width: 12rem; }
.active-w-48:active { width: 12rem; }
html[data-theme="dark"] .dark-active-w-48:active { width: 12rem; }
.disabled-w-48:disabled { width: 12rem; }
html[data-theme="dark"] .dark-disabled-w-48:disabled { width: 12rem; }
.focus-visible-w-48:focus-visible { width: 12rem; }
html[data-theme="dark"] .dark-focus-visible-w-48:focus-visible { width: 12rem; }
.focus-within-w-48:focus-within { width: 12rem; }
html[data-theme="dark"] .dark-focus-within-w-48:focus-within { width: 12rem; }
.group:hover .group-hover-w-48 { width: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-48 { width: 12rem; }
.h-48 { height: 12rem; }
html[data-theme="dark"] .dark-h-48 { height: 12rem; }
.hover-h-48:hover { height: 12rem; }
html[data-theme="dark"] .dark-hover-h-48:hover { height: 12rem; }
.focus-h-48:focus { height: 12rem; }
html[data-theme="dark"] .dark-focus-h-48:focus { height: 12rem; }
.active-h-48:active { height: 12rem; }
html[data-theme="dark"] .dark-active-h-48:active { height: 12rem; }
.disabled-h-48:disabled { height: 12rem; }
html[data-theme="dark"] .dark-disabled-h-48:disabled { height: 12rem; }
.focus-visible-h-48:focus-visible { height: 12rem; }
html[data-theme="dark"] .dark-focus-visible-h-48:focus-visible { height: 12rem; }
.focus-within-h-48:focus-within { height: 12rem; }
html[data-theme="dark"] .dark-focus-within-h-48:focus-within { height: 12rem; }
.group:hover .group-hover-h-48 { height: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-48 { height: 12rem; }
.min-w-48 { min-width: 12rem; }
html[data-theme="dark"] .dark-min-w-48 { min-width: 12rem; }
.hover-min-w-48:hover { min-width: 12rem; }
html[data-theme="dark"] .dark-hover-min-w-48:hover { min-width: 12rem; }
.focus-min-w-48:focus { min-width: 12rem; }
html[data-theme="dark"] .dark-focus-min-w-48:focus { min-width: 12rem; }
.active-min-w-48:active { min-width: 12rem; }
html[data-theme="dark"] .dark-active-min-w-48:active { min-width: 12rem; }
.disabled-min-w-48:disabled { min-width: 12rem; }
html[data-theme="dark"] .dark-disabled-min-w-48:disabled { min-width: 12rem; }
.focus-visible-min-w-48:focus-visible { min-width: 12rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
.focus-within-min-w-48:focus-within { min-width: 12rem; }
html[data-theme="dark"] .dark-focus-within-min-w-48:focus-within { min-width: 12rem; }
.group:hover .group-hover-min-w-48 { min-width: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-48 { min-width: 12rem; }
.max-w-48 { max-width: 12rem; }
html[data-theme="dark"] .dark-max-w-48 { max-width: 12rem; }
.hover-max-w-48:hover { max-width: 12rem; }
html[data-theme="dark"] .dark-hover-max-w-48:hover { max-width: 12rem; }
.focus-max-w-48:focus { max-width: 12rem; }
html[data-theme="dark"] .dark-focus-max-w-48:focus { max-width: 12rem; }
.active-max-w-48:active { max-width: 12rem; }
html[data-theme="dark"] .dark-active-max-w-48:active { max-width: 12rem; }
.disabled-max-w-48:disabled { max-width: 12rem; }
html[data-theme="dark"] .dark-disabled-max-w-48:disabled { max-width: 12rem; }
.focus-visible-max-w-48:focus-visible { max-width: 12rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
.focus-within-max-w-48:focus-within { max-width: 12rem; }
html[data-theme="dark"] .dark-focus-within-max-w-48:focus-within { max-width: 12rem; }
.group:hover .group-hover-max-w-48 { max-width: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-48 { max-width: 12rem; }
.min-h-48 { min-height: 12rem; }
html[data-theme="dark"] .dark-min-h-48 { min-height: 12rem; }
.hover-min-h-48:hover { min-height: 12rem; }
html[data-theme="dark"] .dark-hover-min-h-48:hover { min-height: 12rem; }
.focus-min-h-48:focus { min-height: 12rem; }
html[data-theme="dark"] .dark-focus-min-h-48:focus { min-height: 12rem; }
.active-min-h-48:active { min-height: 12rem; }
html[data-theme="dark"] .dark-active-min-h-48:active { min-height: 12rem; }
.disabled-min-h-48:disabled { min-height: 12rem; }
html[data-theme="dark"] .dark-disabled-min-h-48:disabled { min-height: 12rem; }
.focus-visible-min-h-48:focus-visible { min-height: 12rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
.focus-within-min-h-48:focus-within { min-height: 12rem; }
html[data-theme="dark"] .dark-focus-within-min-h-48:focus-within { min-height: 12rem; }
.group:hover .group-hover-min-h-48 { min-height: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-48 { min-height: 12rem; }
.max-h-48 { max-height: 12rem; }
html[data-theme="dark"] .dark-max-h-48 { max-height: 12rem; }
.hover-max-h-48:hover { max-height: 12rem; }
html[data-theme="dark"] .dark-hover-max-h-48:hover { max-height: 12rem; }
.focus-max-h-48:focus { max-height: 12rem; }
html[data-theme="dark"] .dark-focus-max-h-48:focus { max-height: 12rem; }
.active-max-h-48:active { max-height: 12rem; }
html[data-theme="dark"] .dark-active-max-h-48:active { max-height: 12rem; }
.disabled-max-h-48:disabled { max-height: 12rem; }
html[data-theme="dark"] .dark-disabled-max-h-48:disabled { max-height: 12rem; }
.focus-visible-max-h-48:focus-visible { max-height: 12rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
.focus-within-max-h-48:focus-within { max-height: 12rem; }
html[data-theme="dark"] .dark-focus-within-max-h-48:focus-within { max-height: 12rem; }
.group:hover .group-hover-max-h-48 { max-height: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-48 { max-height: 12rem; }
.w-52 { width: 13rem; }
html[data-theme="dark"] .dark-w-52 { width: 13rem; }
.hover-w-52:hover { width: 13rem; }
html[data-theme="dark"] .dark-hover-w-52:hover { width: 13rem; }
.focus-w-52:focus { width: 13rem; }
html[data-theme="dark"] .dark-focus-w-52:focus { width: 13rem; }
.active-w-52:active { width: 13rem; }
html[data-theme="dark"] .dark-active-w-52:active { width: 13rem; }
.disabled-w-52:disabled { width: 13rem; }
html[data-theme="dark"] .dark-disabled-w-52:disabled { width: 13rem; }
.focus-visible-w-52:focus-visible { width: 13rem; }
html[data-theme="dark"] .dark-focus-visible-w-52:focus-visible { width: 13rem; }
.focus-within-w-52:focus-within { width: 13rem; }
html[data-theme="dark"] .dark-focus-within-w-52:focus-within { width: 13rem; }
.group:hover .group-hover-w-52 { width: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-52 { width: 13rem; }
.h-52 { height: 13rem; }
html[data-theme="dark"] .dark-h-52 { height: 13rem; }
.hover-h-52:hover { height: 13rem; }
html[data-theme="dark"] .dark-hover-h-52:hover { height: 13rem; }
.focus-h-52:focus { height: 13rem; }
html[data-theme="dark"] .dark-focus-h-52:focus { height: 13rem; }
.active-h-52:active { height: 13rem; }
html[data-theme="dark"] .dark-active-h-52:active { height: 13rem; }
.disabled-h-52:disabled { height: 13rem; }
html[data-theme="dark"] .dark-disabled-h-52:disabled { height: 13rem; }
.focus-visible-h-52:focus-visible { height: 13rem; }
html[data-theme="dark"] .dark-focus-visible-h-52:focus-visible { height: 13rem; }
.focus-within-h-52:focus-within { height: 13rem; }
html[data-theme="dark"] .dark-focus-within-h-52:focus-within { height: 13rem; }
.group:hover .group-hover-h-52 { height: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-52 { height: 13rem; }
.min-w-52 { min-width: 13rem; }
html[data-theme="dark"] .dark-min-w-52 { min-width: 13rem; }
.hover-min-w-52:hover { min-width: 13rem; }
html[data-theme="dark"] .dark-hover-min-w-52:hover { min-width: 13rem; }
.focus-min-w-52:focus { min-width: 13rem; }
html[data-theme="dark"] .dark-focus-min-w-52:focus { min-width: 13rem; }
.active-min-w-52:active { min-width: 13rem; }
html[data-theme="dark"] .dark-active-min-w-52:active { min-width: 13rem; }
.disabled-min-w-52:disabled { min-width: 13rem; }
html[data-theme="dark"] .dark-disabled-min-w-52:disabled { min-width: 13rem; }
.focus-visible-min-w-52:focus-visible { min-width: 13rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
.focus-within-min-w-52:focus-within { min-width: 13rem; }
html[data-theme="dark"] .dark-focus-within-min-w-52:focus-within { min-width: 13rem; }
.group:hover .group-hover-min-w-52 { min-width: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-52 { min-width: 13rem; }
.max-w-52 { max-width: 13rem; }
html[data-theme="dark"] .dark-max-w-52 { max-width: 13rem; }
.hover-max-w-52:hover { max-width: 13rem; }
html[data-theme="dark"] .dark-hover-max-w-52:hover { max-width: 13rem; }
.focus-max-w-52:focus { max-width: 13rem; }
html[data-theme="dark"] .dark-focus-max-w-52:focus { max-width: 13rem; }
.active-max-w-52:active { max-width: 13rem; }
html[data-theme="dark"] .dark-active-max-w-52:active { max-width: 13rem; }
.disabled-max-w-52:disabled { max-width: 13rem; }
html[data-theme="dark"] .dark-disabled-max-w-52:disabled { max-width: 13rem; }
.focus-visible-max-w-52:focus-visible { max-width: 13rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
.focus-within-max-w-52:focus-within { max-width: 13rem; }
html[data-theme="dark"] .dark-focus-within-max-w-52:focus-within { max-width: 13rem; }
.group:hover .group-hover-max-w-52 { max-width: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-52 { max-width: 13rem; }
.min-h-52 { min-height: 13rem; }
html[data-theme="dark"] .dark-min-h-52 { min-height: 13rem; }
.hover-min-h-52:hover { min-height: 13rem; }
html[data-theme="dark"] .dark-hover-min-h-52:hover { min-height: 13rem; }
.focus-min-h-52:focus { min-height: 13rem; }
html[data-theme="dark"] .dark-focus-min-h-52:focus { min-height: 13rem; }
.active-min-h-52:active { min-height: 13rem; }
html[data-theme="dark"] .dark-active-min-h-52:active { min-height: 13rem; }
.disabled-min-h-52:disabled { min-height: 13rem; }
html[data-theme="dark"] .dark-disabled-min-h-52:disabled { min-height: 13rem; }
.focus-visible-min-h-52:focus-visible { min-height: 13rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
.focus-within-min-h-52:focus-within { min-height: 13rem; }
html[data-theme="dark"] .dark-focus-within-min-h-52:focus-within { min-height: 13rem; }
.group:hover .group-hover-min-h-52 { min-height: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-52 { min-height: 13rem; }
.max-h-52 { max-height: 13rem; }
html[data-theme="dark"] .dark-max-h-52 { max-height: 13rem; }
.hover-max-h-52:hover { max-height: 13rem; }
html[data-theme="dark"] .dark-hover-max-h-52:hover { max-height: 13rem; }
.focus-max-h-52:focus { max-height: 13rem; }
html[data-theme="dark"] .dark-focus-max-h-52:focus { max-height: 13rem; }
.active-max-h-52:active { max-height: 13rem; }
html[data-theme="dark"] .dark-active-max-h-52:active { max-height: 13rem; }
.disabled-max-h-52:disabled { max-height: 13rem; }
html[data-theme="dark"] .dark-disabled-max-h-52:disabled { max-height: 13rem; }
.focus-visible-max-h-52:focus-visible { max-height: 13rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
.focus-within-max-h-52:focus-within { max-height: 13rem; }
html[data-theme="dark"] .dark-focus-within-max-h-52:focus-within { max-height: 13rem; }
.group:hover .group-hover-max-h-52 { max-height: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-52 { max-height: 13rem; }
.w-56 { width: 14rem; }
html[data-theme="dark"] .dark-w-56 { width: 14rem; }
.hover-w-56:hover { width: 14rem; }
html[data-theme="dark"] .dark-hover-w-56:hover { width: 14rem; }
.focus-w-56:focus { width: 14rem; }
html[data-theme="dark"] .dark-focus-w-56:focus { width: 14rem; }
.active-w-56:active { width: 14rem; }
html[data-theme="dark"] .dark-active-w-56:active { width: 14rem; }
.disabled-w-56:disabled { width: 14rem; }
html[data-theme="dark"] .dark-disabled-w-56:disabled { width: 14rem; }
.focus-visible-w-56:focus-visible { width: 14rem; }
html[data-theme="dark"] .dark-focus-visible-w-56:focus-visible { width: 14rem; }
.focus-within-w-56:focus-within { width: 14rem; }
html[data-theme="dark"] .dark-focus-within-w-56:focus-within { width: 14rem; }
.group:hover .group-hover-w-56 { width: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-56 { width: 14rem; }
.h-56 { height: 14rem; }
html[data-theme="dark"] .dark-h-56 { height: 14rem; }
.hover-h-56:hover { height: 14rem; }
html[data-theme="dark"] .dark-hover-h-56:hover { height: 14rem; }
.focus-h-56:focus { height: 14rem; }
html[data-theme="dark"] .dark-focus-h-56:focus { height: 14rem; }
.active-h-56:active { height: 14rem; }
html[data-theme="dark"] .dark-active-h-56:active { height: 14rem; }
.disabled-h-56:disabled { height: 14rem; }
html[data-theme="dark"] .dark-disabled-h-56:disabled { height: 14rem; }
.focus-visible-h-56:focus-visible { height: 14rem; }
html[data-theme="dark"] .dark-focus-visible-h-56:focus-visible { height: 14rem; }
.focus-within-h-56:focus-within { height: 14rem; }
html[data-theme="dark"] .dark-focus-within-h-56:focus-within { height: 14rem; }
.group:hover .group-hover-h-56 { height: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-56 { height: 14rem; }
.min-w-56 { min-width: 14rem; }
html[data-theme="dark"] .dark-min-w-56 { min-width: 14rem; }
.hover-min-w-56:hover { min-width: 14rem; }
html[data-theme="dark"] .dark-hover-min-w-56:hover { min-width: 14rem; }
.focus-min-w-56:focus { min-width: 14rem; }
html[data-theme="dark"] .dark-focus-min-w-56:focus { min-width: 14rem; }
.active-min-w-56:active { min-width: 14rem; }
html[data-theme="dark"] .dark-active-min-w-56:active { min-width: 14rem; }
.disabled-min-w-56:disabled { min-width: 14rem; }
html[data-theme="dark"] .dark-disabled-min-w-56:disabled { min-width: 14rem; }
.focus-visible-min-w-56:focus-visible { min-width: 14rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
.focus-within-min-w-56:focus-within { min-width: 14rem; }
html[data-theme="dark"] .dark-focus-within-min-w-56:focus-within { min-width: 14rem; }
.group:hover .group-hover-min-w-56 { min-width: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-56 { min-width: 14rem; }
.max-w-56 { max-width: 14rem; }
html[data-theme="dark"] .dark-max-w-56 { max-width: 14rem; }
.hover-max-w-56:hover { max-width: 14rem; }
html[data-theme="dark"] .dark-hover-max-w-56:hover { max-width: 14rem; }
.focus-max-w-56:focus { max-width: 14rem; }
html[data-theme="dark"] .dark-focus-max-w-56:focus { max-width: 14rem; }
.active-max-w-56:active { max-width: 14rem; }
html[data-theme="dark"] .dark-active-max-w-56:active { max-width: 14rem; }
.disabled-max-w-56:disabled { max-width: 14rem; }
html[data-theme="dark"] .dark-disabled-max-w-56:disabled { max-width: 14rem; }
.focus-visible-max-w-56:focus-visible { max-width: 14rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
.focus-within-max-w-56:focus-within { max-width: 14rem; }
html[data-theme="dark"] .dark-focus-within-max-w-56:focus-within { max-width: 14rem; }
.group:hover .group-hover-max-w-56 { max-width: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-56 { max-width: 14rem; }
.min-h-56 { min-height: 14rem; }
html[data-theme="dark"] .dark-min-h-56 { min-height: 14rem; }
.hover-min-h-56:hover { min-height: 14rem; }
html[data-theme="dark"] .dark-hover-min-h-56:hover { min-height: 14rem; }
.focus-min-h-56:focus { min-height: 14rem; }
html[data-theme="dark"] .dark-focus-min-h-56:focus { min-height: 14rem; }
.active-min-h-56:active { min-height: 14rem; }
html[data-theme="dark"] .dark-active-min-h-56:active { min-height: 14rem; }
.disabled-min-h-56:disabled { min-height: 14rem; }
html[data-theme="dark"] .dark-disabled-min-h-56:disabled { min-height: 14rem; }
.focus-visible-min-h-56:focus-visible { min-height: 14rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
.focus-within-min-h-56:focus-within { min-height: 14rem; }
html[data-theme="dark"] .dark-focus-within-min-h-56:focus-within { min-height: 14rem; }
.group:hover .group-hover-min-h-56 { min-height: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-56 { min-height: 14rem; }
.max-h-56 { max-height: 14rem; }
html[data-theme="dark"] .dark-max-h-56 { max-height: 14rem; }
.hover-max-h-56:hover { max-height: 14rem; }
html[data-theme="dark"] .dark-hover-max-h-56:hover { max-height: 14rem; }
.focus-max-h-56:focus { max-height: 14rem; }
html[data-theme="dark"] .dark-focus-max-h-56:focus { max-height: 14rem; }
.active-max-h-56:active { max-height: 14rem; }
html[data-theme="dark"] .dark-active-max-h-56:active { max-height: 14rem; }
.disabled-max-h-56:disabled { max-height: 14rem; }
html[data-theme="dark"] .dark-disabled-max-h-56:disabled { max-height: 14rem; }
.focus-visible-max-h-56:focus-visible { max-height: 14rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
.focus-within-max-h-56:focus-within { max-height: 14rem; }
html[data-theme="dark"] .dark-focus-within-max-h-56:focus-within { max-height: 14rem; }
.group:hover .group-hover-max-h-56 { max-height: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-56 { max-height: 14rem; }
.w-60 { width: 15rem; }
html[data-theme="dark"] .dark-w-60 { width: 15rem; }
.hover-w-60:hover { width: 15rem; }
html[data-theme="dark"] .dark-hover-w-60:hover { width: 15rem; }
.focus-w-60:focus { width: 15rem; }
html[data-theme="dark"] .dark-focus-w-60:focus { width: 15rem; }
.active-w-60:active { width: 15rem; }
html[data-theme="dark"] .dark-active-w-60:active { width: 15rem; }
.disabled-w-60:disabled { width: 15rem; }
html[data-theme="dark"] .dark-disabled-w-60:disabled { width: 15rem; }
.focus-visible-w-60:focus-visible { width: 15rem; }
html[data-theme="dark"] .dark-focus-visible-w-60:focus-visible { width: 15rem; }
.focus-within-w-60:focus-within { width: 15rem; }
html[data-theme="dark"] .dark-focus-within-w-60:focus-within { width: 15rem; }
.group:hover .group-hover-w-60 { width: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-60 { width: 15rem; }
.h-60 { height: 15rem; }
html[data-theme="dark"] .dark-h-60 { height: 15rem; }
.hover-h-60:hover { height: 15rem; }
html[data-theme="dark"] .dark-hover-h-60:hover { height: 15rem; }
.focus-h-60:focus { height: 15rem; }
html[data-theme="dark"] .dark-focus-h-60:focus { height: 15rem; }
.active-h-60:active { height: 15rem; }
html[data-theme="dark"] .dark-active-h-60:active { height: 15rem; }
.disabled-h-60:disabled { height: 15rem; }
html[data-theme="dark"] .dark-disabled-h-60:disabled { height: 15rem; }
.focus-visible-h-60:focus-visible { height: 15rem; }
html[data-theme="dark"] .dark-focus-visible-h-60:focus-visible { height: 15rem; }
.focus-within-h-60:focus-within { height: 15rem; }
html[data-theme="dark"] .dark-focus-within-h-60:focus-within { height: 15rem; }
.group:hover .group-hover-h-60 { height: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-60 { height: 15rem; }
.min-w-60 { min-width: 15rem; }
html[data-theme="dark"] .dark-min-w-60 { min-width: 15rem; }
.hover-min-w-60:hover { min-width: 15rem; }
html[data-theme="dark"] .dark-hover-min-w-60:hover { min-width: 15rem; }
.focus-min-w-60:focus { min-width: 15rem; }
html[data-theme="dark"] .dark-focus-min-w-60:focus { min-width: 15rem; }
.active-min-w-60:active { min-width: 15rem; }
html[data-theme="dark"] .dark-active-min-w-60:active { min-width: 15rem; }
.disabled-min-w-60:disabled { min-width: 15rem; }
html[data-theme="dark"] .dark-disabled-min-w-60:disabled { min-width: 15rem; }
.focus-visible-min-w-60:focus-visible { min-width: 15rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
.focus-within-min-w-60:focus-within { min-width: 15rem; }
html[data-theme="dark"] .dark-focus-within-min-w-60:focus-within { min-width: 15rem; }
.group:hover .group-hover-min-w-60 { min-width: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-60 { min-width: 15rem; }
.max-w-60 { max-width: 15rem; }
html[data-theme="dark"] .dark-max-w-60 { max-width: 15rem; }
.hover-max-w-60:hover { max-width: 15rem; }
html[data-theme="dark"] .dark-hover-max-w-60:hover { max-width: 15rem; }
.focus-max-w-60:focus { max-width: 15rem; }
html[data-theme="dark"] .dark-focus-max-w-60:focus { max-width: 15rem; }
.active-max-w-60:active { max-width: 15rem; }
html[data-theme="dark"] .dark-active-max-w-60:active { max-width: 15rem; }
.disabled-max-w-60:disabled { max-width: 15rem; }
html[data-theme="dark"] .dark-disabled-max-w-60:disabled { max-width: 15rem; }
.focus-visible-max-w-60:focus-visible { max-width: 15rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
.focus-within-max-w-60:focus-within { max-width: 15rem; }
html[data-theme="dark"] .dark-focus-within-max-w-60:focus-within { max-width: 15rem; }
.group:hover .group-hover-max-w-60 { max-width: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-60 { max-width: 15rem; }
.min-h-60 { min-height: 15rem; }
html[data-theme="dark"] .dark-min-h-60 { min-height: 15rem; }
.hover-min-h-60:hover { min-height: 15rem; }
html[data-theme="dark"] .dark-hover-min-h-60:hover { min-height: 15rem; }
.focus-min-h-60:focus { min-height: 15rem; }
html[data-theme="dark"] .dark-focus-min-h-60:focus { min-height: 15rem; }
.active-min-h-60:active { min-height: 15rem; }
html[data-theme="dark"] .dark-active-min-h-60:active { min-height: 15rem; }
.disabled-min-h-60:disabled { min-height: 15rem; }
html[data-theme="dark"] .dark-disabled-min-h-60:disabled { min-height: 15rem; }
.focus-visible-min-h-60:focus-visible { min-height: 15rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
.focus-within-min-h-60:focus-within { min-height: 15rem; }
html[data-theme="dark"] .dark-focus-within-min-h-60:focus-within { min-height: 15rem; }
.group:hover .group-hover-min-h-60 { min-height: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-60 { min-height: 15rem; }
.max-h-60 { max-height: 15rem; }
html[data-theme="dark"] .dark-max-h-60 { max-height: 15rem; }
.hover-max-h-60:hover { max-height: 15rem; }
html[data-theme="dark"] .dark-hover-max-h-60:hover { max-height: 15rem; }
.focus-max-h-60:focus { max-height: 15rem; }
html[data-theme="dark"] .dark-focus-max-h-60:focus { max-height: 15rem; }
.active-max-h-60:active { max-height: 15rem; }
html[data-theme="dark"] .dark-active-max-h-60:active { max-height: 15rem; }
.disabled-max-h-60:disabled { max-height: 15rem; }
html[data-theme="dark"] .dark-disabled-max-h-60:disabled { max-height: 15rem; }
.focus-visible-max-h-60:focus-visible { max-height: 15rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
.focus-within-max-h-60:focus-within { max-height: 15rem; }
html[data-theme="dark"] .dark-focus-within-max-h-60:focus-within { max-height: 15rem; }
.group:hover .group-hover-max-h-60 { max-height: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-60 { max-height: 15rem; }
.w-64 { width: 16rem; }
html[data-theme="dark"] .dark-w-64 { width: 16rem; }
.hover-w-64:hover { width: 16rem; }
html[data-theme="dark"] .dark-hover-w-64:hover { width: 16rem; }
.focus-w-64:focus { width: 16rem; }
html[data-theme="dark"] .dark-focus-w-64:focus { width: 16rem; }
.active-w-64:active { width: 16rem; }
html[data-theme="dark"] .dark-active-w-64:active { width: 16rem; }
.disabled-w-64:disabled { width: 16rem; }
html[data-theme="dark"] .dark-disabled-w-64:disabled { width: 16rem; }
.focus-visible-w-64:focus-visible { width: 16rem; }
html[data-theme="dark"] .dark-focus-visible-w-64:focus-visible { width: 16rem; }
.focus-within-w-64:focus-within { width: 16rem; }
html[data-theme="dark"] .dark-focus-within-w-64:focus-within { width: 16rem; }
.group:hover .group-hover-w-64 { width: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-64 { width: 16rem; }
.h-64 { height: 16rem; }
html[data-theme="dark"] .dark-h-64 { height: 16rem; }
.hover-h-64:hover { height: 16rem; }
html[data-theme="dark"] .dark-hover-h-64:hover { height: 16rem; }
.focus-h-64:focus { height: 16rem; }
html[data-theme="dark"] .dark-focus-h-64:focus { height: 16rem; }
.active-h-64:active { height: 16rem; }
html[data-theme="dark"] .dark-active-h-64:active { height: 16rem; }
.disabled-h-64:disabled { height: 16rem; }
html[data-theme="dark"] .dark-disabled-h-64:disabled { height: 16rem; }
.focus-visible-h-64:focus-visible { height: 16rem; }
html[data-theme="dark"] .dark-focus-visible-h-64:focus-visible { height: 16rem; }
.focus-within-h-64:focus-within { height: 16rem; }
html[data-theme="dark"] .dark-focus-within-h-64:focus-within { height: 16rem; }
.group:hover .group-hover-h-64 { height: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-64 { height: 16rem; }
.min-w-64 { min-width: 16rem; }
html[data-theme="dark"] .dark-min-w-64 { min-width: 16rem; }
.hover-min-w-64:hover { min-width: 16rem; }
html[data-theme="dark"] .dark-hover-min-w-64:hover { min-width: 16rem; }
.focus-min-w-64:focus { min-width: 16rem; }
html[data-theme="dark"] .dark-focus-min-w-64:focus { min-width: 16rem; }
.active-min-w-64:active { min-width: 16rem; }
html[data-theme="dark"] .dark-active-min-w-64:active { min-width: 16rem; }
.disabled-min-w-64:disabled { min-width: 16rem; }
html[data-theme="dark"] .dark-disabled-min-w-64:disabled { min-width: 16rem; }
.focus-visible-min-w-64:focus-visible { min-width: 16rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
.focus-within-min-w-64:focus-within { min-width: 16rem; }
html[data-theme="dark"] .dark-focus-within-min-w-64:focus-within { min-width: 16rem; }
.group:hover .group-hover-min-w-64 { min-width: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-64 { min-width: 16rem; }
.max-w-64 { max-width: 16rem; }
html[data-theme="dark"] .dark-max-w-64 { max-width: 16rem; }
.hover-max-w-64:hover { max-width: 16rem; }
html[data-theme="dark"] .dark-hover-max-w-64:hover { max-width: 16rem; }
.focus-max-w-64:focus { max-width: 16rem; }
html[data-theme="dark"] .dark-focus-max-w-64:focus { max-width: 16rem; }
.active-max-w-64:active { max-width: 16rem; }
html[data-theme="dark"] .dark-active-max-w-64:active { max-width: 16rem; }
.disabled-max-w-64:disabled { max-width: 16rem; }
html[data-theme="dark"] .dark-disabled-max-w-64:disabled { max-width: 16rem; }
.focus-visible-max-w-64:focus-visible { max-width: 16rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
.focus-within-max-w-64:focus-within { max-width: 16rem; }
html[data-theme="dark"] .dark-focus-within-max-w-64:focus-within { max-width: 16rem; }
.group:hover .group-hover-max-w-64 { max-width: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-64 { max-width: 16rem; }
.min-h-64 { min-height: 16rem; }
html[data-theme="dark"] .dark-min-h-64 { min-height: 16rem; }
.hover-min-h-64:hover { min-height: 16rem; }
html[data-theme="dark"] .dark-hover-min-h-64:hover { min-height: 16rem; }
.focus-min-h-64:focus { min-height: 16rem; }
html[data-theme="dark"] .dark-focus-min-h-64:focus { min-height: 16rem; }
.active-min-h-64:active { min-height: 16rem; }
html[data-theme="dark"] .dark-active-min-h-64:active { min-height: 16rem; }
.disabled-min-h-64:disabled { min-height: 16rem; }
html[data-theme="dark"] .dark-disabled-min-h-64:disabled { min-height: 16rem; }
.focus-visible-min-h-64:focus-visible { min-height: 16rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
.focus-within-min-h-64:focus-within { min-height: 16rem; }
html[data-theme="dark"] .dark-focus-within-min-h-64:focus-within { min-height: 16rem; }
.group:hover .group-hover-min-h-64 { min-height: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-64 { min-height: 16rem; }
.max-h-64 { max-height: 16rem; }
html[data-theme="dark"] .dark-max-h-64 { max-height: 16rem; }
.hover-max-h-64:hover { max-height: 16rem; }
html[data-theme="dark"] .dark-hover-max-h-64:hover { max-height: 16rem; }
.focus-max-h-64:focus { max-height: 16rem; }
html[data-theme="dark"] .dark-focus-max-h-64:focus { max-height: 16rem; }
.active-max-h-64:active { max-height: 16rem; }
html[data-theme="dark"] .dark-active-max-h-64:active { max-height: 16rem; }
.disabled-max-h-64:disabled { max-height: 16rem; }
html[data-theme="dark"] .dark-disabled-max-h-64:disabled { max-height: 16rem; }
.focus-visible-max-h-64:focus-visible { max-height: 16rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
.focus-within-max-h-64:focus-within { max-height: 16rem; }
html[data-theme="dark"] .dark-focus-within-max-h-64:focus-within { max-height: 16rem; }
.group:hover .group-hover-max-h-64 { max-height: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-64 { max-height: 16rem; }
.w-72 { width: 18rem; }
html[data-theme="dark"] .dark-w-72 { width: 18rem; }
.hover-w-72:hover { width: 18rem; }
html[data-theme="dark"] .dark-hover-w-72:hover { width: 18rem; }
.focus-w-72:focus { width: 18rem; }
html[data-theme="dark"] .dark-focus-w-72:focus { width: 18rem; }
.active-w-72:active { width: 18rem; }
html[data-theme="dark"] .dark-active-w-72:active { width: 18rem; }
.disabled-w-72:disabled { width: 18rem; }
html[data-theme="dark"] .dark-disabled-w-72:disabled { width: 18rem; }
.focus-visible-w-72:focus-visible { width: 18rem; }
html[data-theme="dark"] .dark-focus-visible-w-72:focus-visible { width: 18rem; }
.focus-within-w-72:focus-within { width: 18rem; }
html[data-theme="dark"] .dark-focus-within-w-72:focus-within { width: 18rem; }
.group:hover .group-hover-w-72 { width: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-72 { width: 18rem; }
.h-72 { height: 18rem; }
html[data-theme="dark"] .dark-h-72 { height: 18rem; }
.hover-h-72:hover { height: 18rem; }
html[data-theme="dark"] .dark-hover-h-72:hover { height: 18rem; }
.focus-h-72:focus { height: 18rem; }
html[data-theme="dark"] .dark-focus-h-72:focus { height: 18rem; }
.active-h-72:active { height: 18rem; }
html[data-theme="dark"] .dark-active-h-72:active { height: 18rem; }
.disabled-h-72:disabled { height: 18rem; }
html[data-theme="dark"] .dark-disabled-h-72:disabled { height: 18rem; }
.focus-visible-h-72:focus-visible { height: 18rem; }
html[data-theme="dark"] .dark-focus-visible-h-72:focus-visible { height: 18rem; }
.focus-within-h-72:focus-within { height: 18rem; }
html[data-theme="dark"] .dark-focus-within-h-72:focus-within { height: 18rem; }
.group:hover .group-hover-h-72 { height: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-72 { height: 18rem; }
.min-w-72 { min-width: 18rem; }
html[data-theme="dark"] .dark-min-w-72 { min-width: 18rem; }
.hover-min-w-72:hover { min-width: 18rem; }
html[data-theme="dark"] .dark-hover-min-w-72:hover { min-width: 18rem; }
.focus-min-w-72:focus { min-width: 18rem; }
html[data-theme="dark"] .dark-focus-min-w-72:focus { min-width: 18rem; }
.active-min-w-72:active { min-width: 18rem; }
html[data-theme="dark"] .dark-active-min-w-72:active { min-width: 18rem; }
.disabled-min-w-72:disabled { min-width: 18rem; }
html[data-theme="dark"] .dark-disabled-min-w-72:disabled { min-width: 18rem; }
.focus-visible-min-w-72:focus-visible { min-width: 18rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
.focus-within-min-w-72:focus-within { min-width: 18rem; }
html[data-theme="dark"] .dark-focus-within-min-w-72:focus-within { min-width: 18rem; }
.group:hover .group-hover-min-w-72 { min-width: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-72 { min-width: 18rem; }
.max-w-72 { max-width: 18rem; }
html[data-theme="dark"] .dark-max-w-72 { max-width: 18rem; }
.hover-max-w-72:hover { max-width: 18rem; }
html[data-theme="dark"] .dark-hover-max-w-72:hover { max-width: 18rem; }
.focus-max-w-72:focus { max-width: 18rem; }
html[data-theme="dark"] .dark-focus-max-w-72:focus { max-width: 18rem; }
.active-max-w-72:active { max-width: 18rem; }
html[data-theme="dark"] .dark-active-max-w-72:active { max-width: 18rem; }
.disabled-max-w-72:disabled { max-width: 18rem; }
html[data-theme="dark"] .dark-disabled-max-w-72:disabled { max-width: 18rem; }
.focus-visible-max-w-72:focus-visible { max-width: 18rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
.focus-within-max-w-72:focus-within { max-width: 18rem; }
html[data-theme="dark"] .dark-focus-within-max-w-72:focus-within { max-width: 18rem; }
.group:hover .group-hover-max-w-72 { max-width: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-72 { max-width: 18rem; }
.min-h-72 { min-height: 18rem; }
html[data-theme="dark"] .dark-min-h-72 { min-height: 18rem; }
.hover-min-h-72:hover { min-height: 18rem; }
html[data-theme="dark"] .dark-hover-min-h-72:hover { min-height: 18rem; }
.focus-min-h-72:focus { min-height: 18rem; }
html[data-theme="dark"] .dark-focus-min-h-72:focus { min-height: 18rem; }
.active-min-h-72:active { min-height: 18rem; }
html[data-theme="dark"] .dark-active-min-h-72:active { min-height: 18rem; }
.disabled-min-h-72:disabled { min-height: 18rem; }
html[data-theme="dark"] .dark-disabled-min-h-72:disabled { min-height: 18rem; }
.focus-visible-min-h-72:focus-visible { min-height: 18rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
.focus-within-min-h-72:focus-within { min-height: 18rem; }
html[data-theme="dark"] .dark-focus-within-min-h-72:focus-within { min-height: 18rem; }
.group:hover .group-hover-min-h-72 { min-height: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-72 { min-height: 18rem; }
.max-h-72 { max-height: 18rem; }
html[data-theme="dark"] .dark-max-h-72 { max-height: 18rem; }
.hover-max-h-72:hover { max-height: 18rem; }
html[data-theme="dark"] .dark-hover-max-h-72:hover { max-height: 18rem; }
.focus-max-h-72:focus { max-height: 18rem; }
html[data-theme="dark"] .dark-focus-max-h-72:focus { max-height: 18rem; }
.active-max-h-72:active { max-height: 18rem; }
html[data-theme="dark"] .dark-active-max-h-72:active { max-height: 18rem; }
.disabled-max-h-72:disabled { max-height: 18rem; }
html[data-theme="dark"] .dark-disabled-max-h-72:disabled { max-height: 18rem; }
.focus-visible-max-h-72:focus-visible { max-height: 18rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
.focus-within-max-h-72:focus-within { max-height: 18rem; }
html[data-theme="dark"] .dark-focus-within-max-h-72:focus-within { max-height: 18rem; }
.group:hover .group-hover-max-h-72 { max-height: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-72 { max-height: 18rem; }
.w-80 { width: 20rem; }
html[data-theme="dark"] .dark-w-80 { width: 20rem; }
.hover-w-80:hover { width: 20rem; }
html[data-theme="dark"] .dark-hover-w-80:hover { width: 20rem; }
.focus-w-80:focus { width: 20rem; }
html[data-theme="dark"] .dark-focus-w-80:focus { width: 20rem; }
.active-w-80:active { width: 20rem; }
html[data-theme="dark"] .dark-active-w-80:active { width: 20rem; }
.disabled-w-80:disabled { width: 20rem; }
html[data-theme="dark"] .dark-disabled-w-80:disabled { width: 20rem; }
.focus-visible-w-80:focus-visible { width: 20rem; }
html[data-theme="dark"] .dark-focus-visible-w-80:focus-visible { width: 20rem; }
.focus-within-w-80:focus-within { width: 20rem; }
html[data-theme="dark"] .dark-focus-within-w-80:focus-within { width: 20rem; }
.group:hover .group-hover-w-80 { width: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-80 { width: 20rem; }
.h-80 { height: 20rem; }
html[data-theme="dark"] .dark-h-80 { height: 20rem; }
.hover-h-80:hover { height: 20rem; }
html[data-theme="dark"] .dark-hover-h-80:hover { height: 20rem; }
.focus-h-80:focus { height: 20rem; }
html[data-theme="dark"] .dark-focus-h-80:focus { height: 20rem; }
.active-h-80:active { height: 20rem; }
html[data-theme="dark"] .dark-active-h-80:active { height: 20rem; }
.disabled-h-80:disabled { height: 20rem; }
html[data-theme="dark"] .dark-disabled-h-80:disabled { height: 20rem; }
.focus-visible-h-80:focus-visible { height: 20rem; }
html[data-theme="dark"] .dark-focus-visible-h-80:focus-visible { height: 20rem; }
.focus-within-h-80:focus-within { height: 20rem; }
html[data-theme="dark"] .dark-focus-within-h-80:focus-within { height: 20rem; }
.group:hover .group-hover-h-80 { height: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-80 { height: 20rem; }
.min-w-80 { min-width: 20rem; }
html[data-theme="dark"] .dark-min-w-80 { min-width: 20rem; }
.hover-min-w-80:hover { min-width: 20rem; }
html[data-theme="dark"] .dark-hover-min-w-80:hover { min-width: 20rem; }
.focus-min-w-80:focus { min-width: 20rem; }
html[data-theme="dark"] .dark-focus-min-w-80:focus { min-width: 20rem; }
.active-min-w-80:active { min-width: 20rem; }
html[data-theme="dark"] .dark-active-min-w-80:active { min-width: 20rem; }
.disabled-min-w-80:disabled { min-width: 20rem; }
html[data-theme="dark"] .dark-disabled-min-w-80:disabled { min-width: 20rem; }
.focus-visible-min-w-80:focus-visible { min-width: 20rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
.focus-within-min-w-80:focus-within { min-width: 20rem; }
html[data-theme="dark"] .dark-focus-within-min-w-80:focus-within { min-width: 20rem; }
.group:hover .group-hover-min-w-80 { min-width: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-80 { min-width: 20rem; }
.max-w-80 { max-width: 20rem; }
html[data-theme="dark"] .dark-max-w-80 { max-width: 20rem; }
.hover-max-w-80:hover { max-width: 20rem; }
html[data-theme="dark"] .dark-hover-max-w-80:hover { max-width: 20rem; }
.focus-max-w-80:focus { max-width: 20rem; }
html[data-theme="dark"] .dark-focus-max-w-80:focus { max-width: 20rem; }
.active-max-w-80:active { max-width: 20rem; }
html[data-theme="dark"] .dark-active-max-w-80:active { max-width: 20rem; }
.disabled-max-w-80:disabled { max-width: 20rem; }
html[data-theme="dark"] .dark-disabled-max-w-80:disabled { max-width: 20rem; }
.focus-visible-max-w-80:focus-visible { max-width: 20rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
.focus-within-max-w-80:focus-within { max-width: 20rem; }
html[data-theme="dark"] .dark-focus-within-max-w-80:focus-within { max-width: 20rem; }
.group:hover .group-hover-max-w-80 { max-width: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-80 { max-width: 20rem; }
.min-h-80 { min-height: 20rem; }
html[data-theme="dark"] .dark-min-h-80 { min-height: 20rem; }
.hover-min-h-80:hover { min-height: 20rem; }
html[data-theme="dark"] .dark-hover-min-h-80:hover { min-height: 20rem; }
.focus-min-h-80:focus { min-height: 20rem; }
html[data-theme="dark"] .dark-focus-min-h-80:focus { min-height: 20rem; }
.active-min-h-80:active { min-height: 20rem; }
html[data-theme="dark"] .dark-active-min-h-80:active { min-height: 20rem; }
.disabled-min-h-80:disabled { min-height: 20rem; }
html[data-theme="dark"] .dark-disabled-min-h-80:disabled { min-height: 20rem; }
.focus-visible-min-h-80:focus-visible { min-height: 20rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
.focus-within-min-h-80:focus-within { min-height: 20rem; }
html[data-theme="dark"] .dark-focus-within-min-h-80:focus-within { min-height: 20rem; }
.group:hover .group-hover-min-h-80 { min-height: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-80 { min-height: 20rem; }
.max-h-80 { max-height: 20rem; }
html[data-theme="dark"] .dark-max-h-80 { max-height: 20rem; }
.hover-max-h-80:hover { max-height: 20rem; }
html[data-theme="dark"] .dark-hover-max-h-80:hover { max-height: 20rem; }
.focus-max-h-80:focus { max-height: 20rem; }
html[data-theme="dark"] .dark-focus-max-h-80:focus { max-height: 20rem; }
.active-max-h-80:active { max-height: 20rem; }
html[data-theme="dark"] .dark-active-max-h-80:active { max-height: 20rem; }
.disabled-max-h-80:disabled { max-height: 20rem; }
html[data-theme="dark"] .dark-disabled-max-h-80:disabled { max-height: 20rem; }
.focus-visible-max-h-80:focus-visible { max-height: 20rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
.focus-within-max-h-80:focus-within { max-height: 20rem; }
html[data-theme="dark"] .dark-focus-within-max-h-80:focus-within { max-height: 20rem; }
.group:hover .group-hover-max-h-80 { max-height: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-80 { max-height: 20rem; }
.w-96 { width: 24rem; }
html[data-theme="dark"] .dark-w-96 { width: 24rem; }
.hover-w-96:hover { width: 24rem; }
html[data-theme="dark"] .dark-hover-w-96:hover { width: 24rem; }
.focus-w-96:focus { width: 24rem; }
html[data-theme="dark"] .dark-focus-w-96:focus { width: 24rem; }
.active-w-96:active { width: 24rem; }
html[data-theme="dark"] .dark-active-w-96:active { width: 24rem; }
.disabled-w-96:disabled { width: 24rem; }
html[data-theme="dark"] .dark-disabled-w-96:disabled { width: 24rem; }
.focus-visible-w-96:focus-visible { width: 24rem; }
html[data-theme="dark"] .dark-focus-visible-w-96:focus-visible { width: 24rem; }
.focus-within-w-96:focus-within { width: 24rem; }
html[data-theme="dark"] .dark-focus-within-w-96:focus-within { width: 24rem; }
.group:hover .group-hover-w-96 { width: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-96 { width: 24rem; }
.h-96 { height: 24rem; }
html[data-theme="dark"] .dark-h-96 { height: 24rem; }
.hover-h-96:hover { height: 24rem; }
html[data-theme="dark"] .dark-hover-h-96:hover { height: 24rem; }
.focus-h-96:focus { height: 24rem; }
html[data-theme="dark"] .dark-focus-h-96:focus { height: 24rem; }
.active-h-96:active { height: 24rem; }
html[data-theme="dark"] .dark-active-h-96:active { height: 24rem; }
.disabled-h-96:disabled { height: 24rem; }
html[data-theme="dark"] .dark-disabled-h-96:disabled { height: 24rem; }
.focus-visible-h-96:focus-visible { height: 24rem; }
html[data-theme="dark"] .dark-focus-visible-h-96:focus-visible { height: 24rem; }
.focus-within-h-96:focus-within { height: 24rem; }
html[data-theme="dark"] .dark-focus-within-h-96:focus-within { height: 24rem; }
.group:hover .group-hover-h-96 { height: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-96 { height: 24rem; }
.min-w-96 { min-width: 24rem; }
html[data-theme="dark"] .dark-min-w-96 { min-width: 24rem; }
.hover-min-w-96:hover { min-width: 24rem; }
html[data-theme="dark"] .dark-hover-min-w-96:hover { min-width: 24rem; }
.focus-min-w-96:focus { min-width: 24rem; }
html[data-theme="dark"] .dark-focus-min-w-96:focus { min-width: 24rem; }
.active-min-w-96:active { min-width: 24rem; }
html[data-theme="dark"] .dark-active-min-w-96:active { min-width: 24rem; }
.disabled-min-w-96:disabled { min-width: 24rem; }
html[data-theme="dark"] .dark-disabled-min-w-96:disabled { min-width: 24rem; }
.focus-visible-min-w-96:focus-visible { min-width: 24rem; }
html[data-theme="dark"] .dark-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
.focus-within-min-w-96:focus-within { min-width: 24rem; }
html[data-theme="dark"] .dark-focus-within-min-w-96:focus-within { min-width: 24rem; }
.group:hover .group-hover-min-w-96 { min-width: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-96 { min-width: 24rem; }
.max-w-96 { max-width: 24rem; }
html[data-theme="dark"] .dark-max-w-96 { max-width: 24rem; }
.hover-max-w-96:hover { max-width: 24rem; }
html[data-theme="dark"] .dark-hover-max-w-96:hover { max-width: 24rem; }
.focus-max-w-96:focus { max-width: 24rem; }
html[data-theme="dark"] .dark-focus-max-w-96:focus { max-width: 24rem; }
.active-max-w-96:active { max-width: 24rem; }
html[data-theme="dark"] .dark-active-max-w-96:active { max-width: 24rem; }
.disabled-max-w-96:disabled { max-width: 24rem; }
html[data-theme="dark"] .dark-disabled-max-w-96:disabled { max-width: 24rem; }
.focus-visible-max-w-96:focus-visible { max-width: 24rem; }
html[data-theme="dark"] .dark-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
.focus-within-max-w-96:focus-within { max-width: 24rem; }
html[data-theme="dark"] .dark-focus-within-max-w-96:focus-within { max-width: 24rem; }
.group:hover .group-hover-max-w-96 { max-width: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-96 { max-width: 24rem; }
.min-h-96 { min-height: 24rem; }
html[data-theme="dark"] .dark-min-h-96 { min-height: 24rem; }
.hover-min-h-96:hover { min-height: 24rem; }
html[data-theme="dark"] .dark-hover-min-h-96:hover { min-height: 24rem; }
.focus-min-h-96:focus { min-height: 24rem; }
html[data-theme="dark"] .dark-focus-min-h-96:focus { min-height: 24rem; }
.active-min-h-96:active { min-height: 24rem; }
html[data-theme="dark"] .dark-active-min-h-96:active { min-height: 24rem; }
.disabled-min-h-96:disabled { min-height: 24rem; }
html[data-theme="dark"] .dark-disabled-min-h-96:disabled { min-height: 24rem; }
.focus-visible-min-h-96:focus-visible { min-height: 24rem; }
html[data-theme="dark"] .dark-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
.focus-within-min-h-96:focus-within { min-height: 24rem; }
html[data-theme="dark"] .dark-focus-within-min-h-96:focus-within { min-height: 24rem; }
.group:hover .group-hover-min-h-96 { min-height: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-96 { min-height: 24rem; }
.max-h-96 { max-height: 24rem; }
html[data-theme="dark"] .dark-max-h-96 { max-height: 24rem; }
.hover-max-h-96:hover { max-height: 24rem; }
html[data-theme="dark"] .dark-hover-max-h-96:hover { max-height: 24rem; }
.focus-max-h-96:focus { max-height: 24rem; }
html[data-theme="dark"] .dark-focus-max-h-96:focus { max-height: 24rem; }
.active-max-h-96:active { max-height: 24rem; }
html[data-theme="dark"] .dark-active-max-h-96:active { max-height: 24rem; }
.disabled-max-h-96:disabled { max-height: 24rem; }
html[data-theme="dark"] .dark-disabled-max-h-96:disabled { max-height: 24rem; }
.focus-visible-max-h-96:focus-visible { max-height: 24rem; }
html[data-theme="dark"] .dark-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
.focus-within-max-h-96:focus-within { max-height: 24rem; }
html[data-theme="dark"] .dark-focus-within-max-h-96:focus-within { max-height: 24rem; }
.group:hover .group-hover-max-h-96 { max-height: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-96 { max-height: 24rem; }
.w-1\/2 { width: 50%; }
html[data-theme="dark"] .dark-w-1\/2 { width: 50%; }
.hover-w-1\/2:hover { width: 50%; }
html[data-theme="dark"] .dark-hover-w-1\/2:hover { width: 50%; }
.focus-w-1\/2:focus { width: 50%; }
html[data-theme="dark"] .dark-focus-w-1\/2:focus { width: 50%; }
.active-w-1\/2:active { width: 50%; }
html[data-theme="dark"] .dark-active-w-1\/2:active { width: 50%; }
.disabled-w-1\/2:disabled { width: 50%; }
html[data-theme="dark"] .dark-disabled-w-1\/2:disabled { width: 50%; }
.focus-visible-w-1\/2:focus-visible { width: 50%; }
html[data-theme="dark"] .dark-focus-visible-w-1\/2:focus-visible { width: 50%; }
.focus-within-w-1\/2:focus-within { width: 50%; }
html[data-theme="dark"] .dark-focus-within-w-1\/2:focus-within { width: 50%; }
.group:hover .group-hover-w-1\/2 { width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-1\/2 { width: 50%; }
.h-1\/2 { height: 50%; }
html[data-theme="dark"] .dark-h-1\/2 { height: 50%; }
.hover-h-1\/2:hover { height: 50%; }
html[data-theme="dark"] .dark-hover-h-1\/2:hover { height: 50%; }
.focus-h-1\/2:focus { height: 50%; }
html[data-theme="dark"] .dark-focus-h-1\/2:focus { height: 50%; }
.active-h-1\/2:active { height: 50%; }
html[data-theme="dark"] .dark-active-h-1\/2:active { height: 50%; }
.disabled-h-1\/2:disabled { height: 50%; }
html[data-theme="dark"] .dark-disabled-h-1\/2:disabled { height: 50%; }
.focus-visible-h-1\/2:focus-visible { height: 50%; }
html[data-theme="dark"] .dark-focus-visible-h-1\/2:focus-visible { height: 50%; }
.focus-within-h-1\/2:focus-within { height: 50%; }
html[data-theme="dark"] .dark-focus-within-h-1\/2:focus-within { height: 50%; }
.group:hover .group-hover-h-1\/2 { height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-1\/2 { height: 50%; }
.min-w-1\/2 { min-width: 50%; }
html[data-theme="dark"] .dark-min-w-1\/2 { min-width: 50%; }
.hover-min-w-1\/2:hover { min-width: 50%; }
html[data-theme="dark"] .dark-hover-min-w-1\/2:hover { min-width: 50%; }
.focus-min-w-1\/2:focus { min-width: 50%; }
html[data-theme="dark"] .dark-focus-min-w-1\/2:focus { min-width: 50%; }
.active-min-w-1\/2:active { min-width: 50%; }
html[data-theme="dark"] .dark-active-min-w-1\/2:active { min-width: 50%; }
.disabled-min-w-1\/2:disabled { min-width: 50%; }
html[data-theme="dark"] .dark-disabled-min-w-1\/2:disabled { min-width: 50%; }
.focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
html[data-theme="dark"] .dark-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
.focus-within-min-w-1\/2:focus-within { min-width: 50%; }
html[data-theme="dark"] .dark-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
.group:hover .group-hover-min-w-1\/2 { min-width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-1\/2 { min-width: 50%; }
.max-w-1\/2 { max-width: 50%; }
html[data-theme="dark"] .dark-max-w-1\/2 { max-width: 50%; }
.hover-max-w-1\/2:hover { max-width: 50%; }
html[data-theme="dark"] .dark-hover-max-w-1\/2:hover { max-width: 50%; }
.focus-max-w-1\/2:focus { max-width: 50%; }
html[data-theme="dark"] .dark-focus-max-w-1\/2:focus { max-width: 50%; }
.active-max-w-1\/2:active { max-width: 50%; }
html[data-theme="dark"] .dark-active-max-w-1\/2:active { max-width: 50%; }
.disabled-max-w-1\/2:disabled { max-width: 50%; }
html[data-theme="dark"] .dark-disabled-max-w-1\/2:disabled { max-width: 50%; }
.focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
html[data-theme="dark"] .dark-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
.focus-within-max-w-1\/2:focus-within { max-width: 50%; }
html[data-theme="dark"] .dark-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
.group:hover .group-hover-max-w-1\/2 { max-width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-1\/2 { max-width: 50%; }
.min-h-1\/2 { min-height: 50%; }
html[data-theme="dark"] .dark-min-h-1\/2 { min-height: 50%; }
.hover-min-h-1\/2:hover { min-height: 50%; }
html[data-theme="dark"] .dark-hover-min-h-1\/2:hover { min-height: 50%; }
.focus-min-h-1\/2:focus { min-height: 50%; }
html[data-theme="dark"] .dark-focus-min-h-1\/2:focus { min-height: 50%; }
.active-min-h-1\/2:active { min-height: 50%; }
html[data-theme="dark"] .dark-active-min-h-1\/2:active { min-height: 50%; }
.disabled-min-h-1\/2:disabled { min-height: 50%; }
html[data-theme="dark"] .dark-disabled-min-h-1\/2:disabled { min-height: 50%; }
.focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
html[data-theme="dark"] .dark-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
.focus-within-min-h-1\/2:focus-within { min-height: 50%; }
html[data-theme="dark"] .dark-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
.group:hover .group-hover-min-h-1\/2 { min-height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-1\/2 { min-height: 50%; }
.max-h-1\/2 { max-height: 50%; }
html[data-theme="dark"] .dark-max-h-1\/2 { max-height: 50%; }
.hover-max-h-1\/2:hover { max-height: 50%; }
html[data-theme="dark"] .dark-hover-max-h-1\/2:hover { max-height: 50%; }
.focus-max-h-1\/2:focus { max-height: 50%; }
html[data-theme="dark"] .dark-focus-max-h-1\/2:focus { max-height: 50%; }
.active-max-h-1\/2:active { max-height: 50%; }
html[data-theme="dark"] .dark-active-max-h-1\/2:active { max-height: 50%; }
.disabled-max-h-1\/2:disabled { max-height: 50%; }
html[data-theme="dark"] .dark-disabled-max-h-1\/2:disabled { max-height: 50%; }
.focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
html[data-theme="dark"] .dark-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
.focus-within-max-h-1\/2:focus-within { max-height: 50%; }
html[data-theme="dark"] .dark-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
.group:hover .group-hover-max-h-1\/2 { max-height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-1\/2 { max-height: 50%; }
.w-1\/3 { width: 33.3333%; }
html[data-theme="dark"] .dark-w-1\/3 { width: 33.3333%; }
.hover-w-1\/3:hover { width: 33.3333%; }
html[data-theme="dark"] .dark-hover-w-1\/3:hover { width: 33.3333%; }
.focus-w-1\/3:focus { width: 33.3333%; }
html[data-theme="dark"] .dark-focus-w-1\/3:focus { width: 33.3333%; }
.active-w-1\/3:active { width: 33.3333%; }
html[data-theme="dark"] .dark-active-w-1\/3:active { width: 33.3333%; }
.disabled-w-1\/3:disabled { width: 33.3333%; }
html[data-theme="dark"] .dark-disabled-w-1\/3:disabled { width: 33.3333%; }
.focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
.focus-within-w-1\/3:focus-within { width: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-w-1\/3:focus-within { width: 33.3333%; }
.group:hover .group-hover-w-1\/3 { width: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-1\/3 { width: 33.3333%; }
.h-1\/3 { height: 33.3333%; }
html[data-theme="dark"] .dark-h-1\/3 { height: 33.3333%; }
.hover-h-1\/3:hover { height: 33.3333%; }
html[data-theme="dark"] .dark-hover-h-1\/3:hover { height: 33.3333%; }
.focus-h-1\/3:focus { height: 33.3333%; }
html[data-theme="dark"] .dark-focus-h-1\/3:focus { height: 33.3333%; }
.active-h-1\/3:active { height: 33.3333%; }
html[data-theme="dark"] .dark-active-h-1\/3:active { height: 33.3333%; }
.disabled-h-1\/3:disabled { height: 33.3333%; }
html[data-theme="dark"] .dark-disabled-h-1\/3:disabled { height: 33.3333%; }
.focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
.focus-within-h-1\/3:focus-within { height: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-h-1\/3:focus-within { height: 33.3333%; }
.group:hover .group-hover-h-1\/3 { height: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-1\/3 { height: 33.3333%; }
.min-w-1\/3 { min-width: 33.3333%; }
html[data-theme="dark"] .dark-min-w-1\/3 { min-width: 33.3333%; }
.hover-min-w-1\/3:hover { min-width: 33.3333%; }
html[data-theme="dark"] .dark-hover-min-w-1\/3:hover { min-width: 33.3333%; }
.focus-min-w-1\/3:focus { min-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-min-w-1\/3:focus { min-width: 33.3333%; }
.active-min-w-1\/3:active { min-width: 33.3333%; }
html[data-theme="dark"] .dark-active-min-w-1\/3:active { min-width: 33.3333%; }
.disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
html[data-theme="dark"] .dark-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
.focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
.focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
.group:hover .group-hover-min-w-1\/3 { min-width: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-1\/3 { min-width: 33.3333%; }
.max-w-1\/3 { max-width: 33.3333%; }
html[data-theme="dark"] .dark-max-w-1\/3 { max-width: 33.3333%; }
.hover-max-w-1\/3:hover { max-width: 33.3333%; }
html[data-theme="dark"] .dark-hover-max-w-1\/3:hover { max-width: 33.3333%; }
.focus-max-w-1\/3:focus { max-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-max-w-1\/3:focus { max-width: 33.3333%; }
.active-max-w-1\/3:active { max-width: 33.3333%; }
html[data-theme="dark"] .dark-active-max-w-1\/3:active { max-width: 33.3333%; }
.disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
html[data-theme="dark"] .dark-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
.focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
.focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
.group:hover .group-hover-max-w-1\/3 { max-width: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-1\/3 { max-width: 33.3333%; }
.min-h-1\/3 { min-height: 33.3333%; }
html[data-theme="dark"] .dark-min-h-1\/3 { min-height: 33.3333%; }
.hover-min-h-1\/3:hover { min-height: 33.3333%; }
html[data-theme="dark"] .dark-hover-min-h-1\/3:hover { min-height: 33.3333%; }
.focus-min-h-1\/3:focus { min-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-min-h-1\/3:focus { min-height: 33.3333%; }
.active-min-h-1\/3:active { min-height: 33.3333%; }
html[data-theme="dark"] .dark-active-min-h-1\/3:active { min-height: 33.3333%; }
.disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
html[data-theme="dark"] .dark-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
.focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
.focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
.group:hover .group-hover-min-h-1\/3 { min-height: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-1\/3 { min-height: 33.3333%; }
.max-h-1\/3 { max-height: 33.3333%; }
html[data-theme="dark"] .dark-max-h-1\/3 { max-height: 33.3333%; }
.hover-max-h-1\/3:hover { max-height: 33.3333%; }
html[data-theme="dark"] .dark-hover-max-h-1\/3:hover { max-height: 33.3333%; }
.focus-max-h-1\/3:focus { max-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-max-h-1\/3:focus { max-height: 33.3333%; }
.active-max-h-1\/3:active { max-height: 33.3333%; }
html[data-theme="dark"] .dark-active-max-h-1\/3:active { max-height: 33.3333%; }
.disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
html[data-theme="dark"] .dark-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
.focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
.focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
html[data-theme="dark"] .dark-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
.group:hover .group-hover-max-h-1\/3 { max-height: 33.3333%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-1\/3 { max-height: 33.3333%; }
.w-2\/3 { width: 66.6667%; }
html[data-theme="dark"] .dark-w-2\/3 { width: 66.6667%; }
.hover-w-2\/3:hover { width: 66.6667%; }
html[data-theme="dark"] .dark-hover-w-2\/3:hover { width: 66.6667%; }
.focus-w-2\/3:focus { width: 66.6667%; }
html[data-theme="dark"] .dark-focus-w-2\/3:focus { width: 66.6667%; }
.active-w-2\/3:active { width: 66.6667%; }
html[data-theme="dark"] .dark-active-w-2\/3:active { width: 66.6667%; }
.disabled-w-2\/3:disabled { width: 66.6667%; }
html[data-theme="dark"] .dark-disabled-w-2\/3:disabled { width: 66.6667%; }
.focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
.focus-within-w-2\/3:focus-within { width: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-w-2\/3:focus-within { width: 66.6667%; }
.group:hover .group-hover-w-2\/3 { width: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-2\/3 { width: 66.6667%; }
.h-2\/3 { height: 66.6667%; }
html[data-theme="dark"] .dark-h-2\/3 { height: 66.6667%; }
.hover-h-2\/3:hover { height: 66.6667%; }
html[data-theme="dark"] .dark-hover-h-2\/3:hover { height: 66.6667%; }
.focus-h-2\/3:focus { height: 66.6667%; }
html[data-theme="dark"] .dark-focus-h-2\/3:focus { height: 66.6667%; }
.active-h-2\/3:active { height: 66.6667%; }
html[data-theme="dark"] .dark-active-h-2\/3:active { height: 66.6667%; }
.disabled-h-2\/3:disabled { height: 66.6667%; }
html[data-theme="dark"] .dark-disabled-h-2\/3:disabled { height: 66.6667%; }
.focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
.focus-within-h-2\/3:focus-within { height: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-h-2\/3:focus-within { height: 66.6667%; }
.group:hover .group-hover-h-2\/3 { height: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-2\/3 { height: 66.6667%; }
.min-w-2\/3 { min-width: 66.6667%; }
html[data-theme="dark"] .dark-min-w-2\/3 { min-width: 66.6667%; }
.hover-min-w-2\/3:hover { min-width: 66.6667%; }
html[data-theme="dark"] .dark-hover-min-w-2\/3:hover { min-width: 66.6667%; }
.focus-min-w-2\/3:focus { min-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-min-w-2\/3:focus { min-width: 66.6667%; }
.active-min-w-2\/3:active { min-width: 66.6667%; }
html[data-theme="dark"] .dark-active-min-w-2\/3:active { min-width: 66.6667%; }
.disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
html[data-theme="dark"] .dark-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
.focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
.focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
.group:hover .group-hover-min-w-2\/3 { min-width: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-2\/3 { min-width: 66.6667%; }
.max-w-2\/3 { max-width: 66.6667%; }
html[data-theme="dark"] .dark-max-w-2\/3 { max-width: 66.6667%; }
.hover-max-w-2\/3:hover { max-width: 66.6667%; }
html[data-theme="dark"] .dark-hover-max-w-2\/3:hover { max-width: 66.6667%; }
.focus-max-w-2\/3:focus { max-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-max-w-2\/3:focus { max-width: 66.6667%; }
.active-max-w-2\/3:active { max-width: 66.6667%; }
html[data-theme="dark"] .dark-active-max-w-2\/3:active { max-width: 66.6667%; }
.disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
html[data-theme="dark"] .dark-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
.focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
.focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
.group:hover .group-hover-max-w-2\/3 { max-width: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-2\/3 { max-width: 66.6667%; }
.min-h-2\/3 { min-height: 66.6667%; }
html[data-theme="dark"] .dark-min-h-2\/3 { min-height: 66.6667%; }
.hover-min-h-2\/3:hover { min-height: 66.6667%; }
html[data-theme="dark"] .dark-hover-min-h-2\/3:hover { min-height: 66.6667%; }
.focus-min-h-2\/3:focus { min-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-min-h-2\/3:focus { min-height: 66.6667%; }
.active-min-h-2\/3:active { min-height: 66.6667%; }
html[data-theme="dark"] .dark-active-min-h-2\/3:active { min-height: 66.6667%; }
.disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
html[data-theme="dark"] .dark-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
.focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
.focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
.group:hover .group-hover-min-h-2\/3 { min-height: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-2\/3 { min-height: 66.6667%; }
.max-h-2\/3 { max-height: 66.6667%; }
html[data-theme="dark"] .dark-max-h-2\/3 { max-height: 66.6667%; }
.hover-max-h-2\/3:hover { max-height: 66.6667%; }
html[data-theme="dark"] .dark-hover-max-h-2\/3:hover { max-height: 66.6667%; }
.focus-max-h-2\/3:focus { max-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-max-h-2\/3:focus { max-height: 66.6667%; }
.active-max-h-2\/3:active { max-height: 66.6667%; }
html[data-theme="dark"] .dark-active-max-h-2\/3:active { max-height: 66.6667%; }
.disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
html[data-theme="dark"] .dark-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
.focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
.focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
html[data-theme="dark"] .dark-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
.group:hover .group-hover-max-h-2\/3 { max-height: 66.6667%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-2\/3 { max-height: 66.6667%; }
.w-1\/4 { width: 25%; }
html[data-theme="dark"] .dark-w-1\/4 { width: 25%; }
.hover-w-1\/4:hover { width: 25%; }
html[data-theme="dark"] .dark-hover-w-1\/4:hover { width: 25%; }
.focus-w-1\/4:focus { width: 25%; }
html[data-theme="dark"] .dark-focus-w-1\/4:focus { width: 25%; }
.active-w-1\/4:active { width: 25%; }
html[data-theme="dark"] .dark-active-w-1\/4:active { width: 25%; }
.disabled-w-1\/4:disabled { width: 25%; }
html[data-theme="dark"] .dark-disabled-w-1\/4:disabled { width: 25%; }
.focus-visible-w-1\/4:focus-visible { width: 25%; }
html[data-theme="dark"] .dark-focus-visible-w-1\/4:focus-visible { width: 25%; }
.focus-within-w-1\/4:focus-within { width: 25%; }
html[data-theme="dark"] .dark-focus-within-w-1\/4:focus-within { width: 25%; }
.group:hover .group-hover-w-1\/4 { width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-1\/4 { width: 25%; }
.h-1\/4 { height: 25%; }
html[data-theme="dark"] .dark-h-1\/4 { height: 25%; }
.hover-h-1\/4:hover { height: 25%; }
html[data-theme="dark"] .dark-hover-h-1\/4:hover { height: 25%; }
.focus-h-1\/4:focus { height: 25%; }
html[data-theme="dark"] .dark-focus-h-1\/4:focus { height: 25%; }
.active-h-1\/4:active { height: 25%; }
html[data-theme="dark"] .dark-active-h-1\/4:active { height: 25%; }
.disabled-h-1\/4:disabled { height: 25%; }
html[data-theme="dark"] .dark-disabled-h-1\/4:disabled { height: 25%; }
.focus-visible-h-1\/4:focus-visible { height: 25%; }
html[data-theme="dark"] .dark-focus-visible-h-1\/4:focus-visible { height: 25%; }
.focus-within-h-1\/4:focus-within { height: 25%; }
html[data-theme="dark"] .dark-focus-within-h-1\/4:focus-within { height: 25%; }
.group:hover .group-hover-h-1\/4 { height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-1\/4 { height: 25%; }
.min-w-1\/4 { min-width: 25%; }
html[data-theme="dark"] .dark-min-w-1\/4 { min-width: 25%; }
.hover-min-w-1\/4:hover { min-width: 25%; }
html[data-theme="dark"] .dark-hover-min-w-1\/4:hover { min-width: 25%; }
.focus-min-w-1\/4:focus { min-width: 25%; }
html[data-theme="dark"] .dark-focus-min-w-1\/4:focus { min-width: 25%; }
.active-min-w-1\/4:active { min-width: 25%; }
html[data-theme="dark"] .dark-active-min-w-1\/4:active { min-width: 25%; }
.disabled-min-w-1\/4:disabled { min-width: 25%; }
html[data-theme="dark"] .dark-disabled-min-w-1\/4:disabled { min-width: 25%; }
.focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
html[data-theme="dark"] .dark-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
.focus-within-min-w-1\/4:focus-within { min-width: 25%; }
html[data-theme="dark"] .dark-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
.group:hover .group-hover-min-w-1\/4 { min-width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-1\/4 { min-width: 25%; }
.max-w-1\/4 { max-width: 25%; }
html[data-theme="dark"] .dark-max-w-1\/4 { max-width: 25%; }
.hover-max-w-1\/4:hover { max-width: 25%; }
html[data-theme="dark"] .dark-hover-max-w-1\/4:hover { max-width: 25%; }
.focus-max-w-1\/4:focus { max-width: 25%; }
html[data-theme="dark"] .dark-focus-max-w-1\/4:focus { max-width: 25%; }
.active-max-w-1\/4:active { max-width: 25%; }
html[data-theme="dark"] .dark-active-max-w-1\/4:active { max-width: 25%; }
.disabled-max-w-1\/4:disabled { max-width: 25%; }
html[data-theme="dark"] .dark-disabled-max-w-1\/4:disabled { max-width: 25%; }
.focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
html[data-theme="dark"] .dark-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
.focus-within-max-w-1\/4:focus-within { max-width: 25%; }
html[data-theme="dark"] .dark-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
.group:hover .group-hover-max-w-1\/4 { max-width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-1\/4 { max-width: 25%; }
.min-h-1\/4 { min-height: 25%; }
html[data-theme="dark"] .dark-min-h-1\/4 { min-height: 25%; }
.hover-min-h-1\/4:hover { min-height: 25%; }
html[data-theme="dark"] .dark-hover-min-h-1\/4:hover { min-height: 25%; }
.focus-min-h-1\/4:focus { min-height: 25%; }
html[data-theme="dark"] .dark-focus-min-h-1\/4:focus { min-height: 25%; }
.active-min-h-1\/4:active { min-height: 25%; }
html[data-theme="dark"] .dark-active-min-h-1\/4:active { min-height: 25%; }
.disabled-min-h-1\/4:disabled { min-height: 25%; }
html[data-theme="dark"] .dark-disabled-min-h-1\/4:disabled { min-height: 25%; }
.focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
html[data-theme="dark"] .dark-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
.focus-within-min-h-1\/4:focus-within { min-height: 25%; }
html[data-theme="dark"] .dark-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
.group:hover .group-hover-min-h-1\/4 { min-height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-1\/4 { min-height: 25%; }
.max-h-1\/4 { max-height: 25%; }
html[data-theme="dark"] .dark-max-h-1\/4 { max-height: 25%; }
.hover-max-h-1\/4:hover { max-height: 25%; }
html[data-theme="dark"] .dark-hover-max-h-1\/4:hover { max-height: 25%; }
.focus-max-h-1\/4:focus { max-height: 25%; }
html[data-theme="dark"] .dark-focus-max-h-1\/4:focus { max-height: 25%; }
.active-max-h-1\/4:active { max-height: 25%; }
html[data-theme="dark"] .dark-active-max-h-1\/4:active { max-height: 25%; }
.disabled-max-h-1\/4:disabled { max-height: 25%; }
html[data-theme="dark"] .dark-disabled-max-h-1\/4:disabled { max-height: 25%; }
.focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
html[data-theme="dark"] .dark-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
.focus-within-max-h-1\/4:focus-within { max-height: 25%; }
html[data-theme="dark"] .dark-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
.group:hover .group-hover-max-h-1\/4 { max-height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-1\/4 { max-height: 25%; }
.w-3\/4 { width: 75%; }
html[data-theme="dark"] .dark-w-3\/4 { width: 75%; }
.hover-w-3\/4:hover { width: 75%; }
html[data-theme="dark"] .dark-hover-w-3\/4:hover { width: 75%; }
.focus-w-3\/4:focus { width: 75%; }
html[data-theme="dark"] .dark-focus-w-3\/4:focus { width: 75%; }
.active-w-3\/4:active { width: 75%; }
html[data-theme="dark"] .dark-active-w-3\/4:active { width: 75%; }
.disabled-w-3\/4:disabled { width: 75%; }
html[data-theme="dark"] .dark-disabled-w-3\/4:disabled { width: 75%; }
.focus-visible-w-3\/4:focus-visible { width: 75%; }
html[data-theme="dark"] .dark-focus-visible-w-3\/4:focus-visible { width: 75%; }
.focus-within-w-3\/4:focus-within { width: 75%; }
html[data-theme="dark"] .dark-focus-within-w-3\/4:focus-within { width: 75%; }
.group:hover .group-hover-w-3\/4 { width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-3\/4 { width: 75%; }
.h-3\/4 { height: 75%; }
html[data-theme="dark"] .dark-h-3\/4 { height: 75%; }
.hover-h-3\/4:hover { height: 75%; }
html[data-theme="dark"] .dark-hover-h-3\/4:hover { height: 75%; }
.focus-h-3\/4:focus { height: 75%; }
html[data-theme="dark"] .dark-focus-h-3\/4:focus { height: 75%; }
.active-h-3\/4:active { height: 75%; }
html[data-theme="dark"] .dark-active-h-3\/4:active { height: 75%; }
.disabled-h-3\/4:disabled { height: 75%; }
html[data-theme="dark"] .dark-disabled-h-3\/4:disabled { height: 75%; }
.focus-visible-h-3\/4:focus-visible { height: 75%; }
html[data-theme="dark"] .dark-focus-visible-h-3\/4:focus-visible { height: 75%; }
.focus-within-h-3\/4:focus-within { height: 75%; }
html[data-theme="dark"] .dark-focus-within-h-3\/4:focus-within { height: 75%; }
.group:hover .group-hover-h-3\/4 { height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-3\/4 { height: 75%; }
.min-w-3\/4 { min-width: 75%; }
html[data-theme="dark"] .dark-min-w-3\/4 { min-width: 75%; }
.hover-min-w-3\/4:hover { min-width: 75%; }
html[data-theme="dark"] .dark-hover-min-w-3\/4:hover { min-width: 75%; }
.focus-min-w-3\/4:focus { min-width: 75%; }
html[data-theme="dark"] .dark-focus-min-w-3\/4:focus { min-width: 75%; }
.active-min-w-3\/4:active { min-width: 75%; }
html[data-theme="dark"] .dark-active-min-w-3\/4:active { min-width: 75%; }
.disabled-min-w-3\/4:disabled { min-width: 75%; }
html[data-theme="dark"] .dark-disabled-min-w-3\/4:disabled { min-width: 75%; }
.focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
html[data-theme="dark"] .dark-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
.focus-within-min-w-3\/4:focus-within { min-width: 75%; }
html[data-theme="dark"] .dark-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
.group:hover .group-hover-min-w-3\/4 { min-width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-3\/4 { min-width: 75%; }
.max-w-3\/4 { max-width: 75%; }
html[data-theme="dark"] .dark-max-w-3\/4 { max-width: 75%; }
.hover-max-w-3\/4:hover { max-width: 75%; }
html[data-theme="dark"] .dark-hover-max-w-3\/4:hover { max-width: 75%; }
.focus-max-w-3\/4:focus { max-width: 75%; }
html[data-theme="dark"] .dark-focus-max-w-3\/4:focus { max-width: 75%; }
.active-max-w-3\/4:active { max-width: 75%; }
html[data-theme="dark"] .dark-active-max-w-3\/4:active { max-width: 75%; }
.disabled-max-w-3\/4:disabled { max-width: 75%; }
html[data-theme="dark"] .dark-disabled-max-w-3\/4:disabled { max-width: 75%; }
.focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
html[data-theme="dark"] .dark-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
.focus-within-max-w-3\/4:focus-within { max-width: 75%; }
html[data-theme="dark"] .dark-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
.group:hover .group-hover-max-w-3\/4 { max-width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-3\/4 { max-width: 75%; }
.min-h-3\/4 { min-height: 75%; }
html[data-theme="dark"] .dark-min-h-3\/4 { min-height: 75%; }
.hover-min-h-3\/4:hover { min-height: 75%; }
html[data-theme="dark"] .dark-hover-min-h-3\/4:hover { min-height: 75%; }
.focus-min-h-3\/4:focus { min-height: 75%; }
html[data-theme="dark"] .dark-focus-min-h-3\/4:focus { min-height: 75%; }
.active-min-h-3\/4:active { min-height: 75%; }
html[data-theme="dark"] .dark-active-min-h-3\/4:active { min-height: 75%; }
.disabled-min-h-3\/4:disabled { min-height: 75%; }
html[data-theme="dark"] .dark-disabled-min-h-3\/4:disabled { min-height: 75%; }
.focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
html[data-theme="dark"] .dark-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
.focus-within-min-h-3\/4:focus-within { min-height: 75%; }
html[data-theme="dark"] .dark-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
.group:hover .group-hover-min-h-3\/4 { min-height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-3\/4 { min-height: 75%; }
.max-h-3\/4 { max-height: 75%; }
html[data-theme="dark"] .dark-max-h-3\/4 { max-height: 75%; }
.hover-max-h-3\/4:hover { max-height: 75%; }
html[data-theme="dark"] .dark-hover-max-h-3\/4:hover { max-height: 75%; }
.focus-max-h-3\/4:focus { max-height: 75%; }
html[data-theme="dark"] .dark-focus-max-h-3\/4:focus { max-height: 75%; }
.active-max-h-3\/4:active { max-height: 75%; }
html[data-theme="dark"] .dark-active-max-h-3\/4:active { max-height: 75%; }
.disabled-max-h-3\/4:disabled { max-height: 75%; }
html[data-theme="dark"] .dark-disabled-max-h-3\/4:disabled { max-height: 75%; }
.focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
html[data-theme="dark"] .dark-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
.focus-within-max-h-3\/4:focus-within { max-height: 75%; }
html[data-theme="dark"] .dark-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
.group:hover .group-hover-max-h-3\/4 { max-height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-3\/4 { max-height: 75%; }
.w-1\/5 { width: 20%; }
html[data-theme="dark"] .dark-w-1\/5 { width: 20%; }
.hover-w-1\/5:hover { width: 20%; }
html[data-theme="dark"] .dark-hover-w-1\/5:hover { width: 20%; }
.focus-w-1\/5:focus { width: 20%; }
html[data-theme="dark"] .dark-focus-w-1\/5:focus { width: 20%; }
.active-w-1\/5:active { width: 20%; }
html[data-theme="dark"] .dark-active-w-1\/5:active { width: 20%; }
.disabled-w-1\/5:disabled { width: 20%; }
html[data-theme="dark"] .dark-disabled-w-1\/5:disabled { width: 20%; }
.focus-visible-w-1\/5:focus-visible { width: 20%; }
html[data-theme="dark"] .dark-focus-visible-w-1\/5:focus-visible { width: 20%; }
.focus-within-w-1\/5:focus-within { width: 20%; }
html[data-theme="dark"] .dark-focus-within-w-1\/5:focus-within { width: 20%; }
.group:hover .group-hover-w-1\/5 { width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-1\/5 { width: 20%; }
.h-1\/5 { height: 20%; }
html[data-theme="dark"] .dark-h-1\/5 { height: 20%; }
.hover-h-1\/5:hover { height: 20%; }
html[data-theme="dark"] .dark-hover-h-1\/5:hover { height: 20%; }
.focus-h-1\/5:focus { height: 20%; }
html[data-theme="dark"] .dark-focus-h-1\/5:focus { height: 20%; }
.active-h-1\/5:active { height: 20%; }
html[data-theme="dark"] .dark-active-h-1\/5:active { height: 20%; }
.disabled-h-1\/5:disabled { height: 20%; }
html[data-theme="dark"] .dark-disabled-h-1\/5:disabled { height: 20%; }
.focus-visible-h-1\/5:focus-visible { height: 20%; }
html[data-theme="dark"] .dark-focus-visible-h-1\/5:focus-visible { height: 20%; }
.focus-within-h-1\/5:focus-within { height: 20%; }
html[data-theme="dark"] .dark-focus-within-h-1\/5:focus-within { height: 20%; }
.group:hover .group-hover-h-1\/5 { height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-1\/5 { height: 20%; }
.min-w-1\/5 { min-width: 20%; }
html[data-theme="dark"] .dark-min-w-1\/5 { min-width: 20%; }
.hover-min-w-1\/5:hover { min-width: 20%; }
html[data-theme="dark"] .dark-hover-min-w-1\/5:hover { min-width: 20%; }
.focus-min-w-1\/5:focus { min-width: 20%; }
html[data-theme="dark"] .dark-focus-min-w-1\/5:focus { min-width: 20%; }
.active-min-w-1\/5:active { min-width: 20%; }
html[data-theme="dark"] .dark-active-min-w-1\/5:active { min-width: 20%; }
.disabled-min-w-1\/5:disabled { min-width: 20%; }
html[data-theme="dark"] .dark-disabled-min-w-1\/5:disabled { min-width: 20%; }
.focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
html[data-theme="dark"] .dark-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
.focus-within-min-w-1\/5:focus-within { min-width: 20%; }
html[data-theme="dark"] .dark-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
.group:hover .group-hover-min-w-1\/5 { min-width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-1\/5 { min-width: 20%; }
.max-w-1\/5 { max-width: 20%; }
html[data-theme="dark"] .dark-max-w-1\/5 { max-width: 20%; }
.hover-max-w-1\/5:hover { max-width: 20%; }
html[data-theme="dark"] .dark-hover-max-w-1\/5:hover { max-width: 20%; }
.focus-max-w-1\/5:focus { max-width: 20%; }
html[data-theme="dark"] .dark-focus-max-w-1\/5:focus { max-width: 20%; }
.active-max-w-1\/5:active { max-width: 20%; }
html[data-theme="dark"] .dark-active-max-w-1\/5:active { max-width: 20%; }
.disabled-max-w-1\/5:disabled { max-width: 20%; }
html[data-theme="dark"] .dark-disabled-max-w-1\/5:disabled { max-width: 20%; }
.focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
html[data-theme="dark"] .dark-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
.focus-within-max-w-1\/5:focus-within { max-width: 20%; }
html[data-theme="dark"] .dark-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
.group:hover .group-hover-max-w-1\/5 { max-width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-1\/5 { max-width: 20%; }
.min-h-1\/5 { min-height: 20%; }
html[data-theme="dark"] .dark-min-h-1\/5 { min-height: 20%; }
.hover-min-h-1\/5:hover { min-height: 20%; }
html[data-theme="dark"] .dark-hover-min-h-1\/5:hover { min-height: 20%; }
.focus-min-h-1\/5:focus { min-height: 20%; }
html[data-theme="dark"] .dark-focus-min-h-1\/5:focus { min-height: 20%; }
.active-min-h-1\/5:active { min-height: 20%; }
html[data-theme="dark"] .dark-active-min-h-1\/5:active { min-height: 20%; }
.disabled-min-h-1\/5:disabled { min-height: 20%; }
html[data-theme="dark"] .dark-disabled-min-h-1\/5:disabled { min-height: 20%; }
.focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
html[data-theme="dark"] .dark-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
.focus-within-min-h-1\/5:focus-within { min-height: 20%; }
html[data-theme="dark"] .dark-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
.group:hover .group-hover-min-h-1\/5 { min-height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-1\/5 { min-height: 20%; }
.max-h-1\/5 { max-height: 20%; }
html[data-theme="dark"] .dark-max-h-1\/5 { max-height: 20%; }
.hover-max-h-1\/5:hover { max-height: 20%; }
html[data-theme="dark"] .dark-hover-max-h-1\/5:hover { max-height: 20%; }
.focus-max-h-1\/5:focus { max-height: 20%; }
html[data-theme="dark"] .dark-focus-max-h-1\/5:focus { max-height: 20%; }
.active-max-h-1\/5:active { max-height: 20%; }
html[data-theme="dark"] .dark-active-max-h-1\/5:active { max-height: 20%; }
.disabled-max-h-1\/5:disabled { max-height: 20%; }
html[data-theme="dark"] .dark-disabled-max-h-1\/5:disabled { max-height: 20%; }
.focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
html[data-theme="dark"] .dark-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
.focus-within-max-h-1\/5:focus-within { max-height: 20%; }
html[data-theme="dark"] .dark-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
.group:hover .group-hover-max-h-1\/5 { max-height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-1\/5 { max-height: 20%; }
.w-2\/5 { width: 40%; }
html[data-theme="dark"] .dark-w-2\/5 { width: 40%; }
.hover-w-2\/5:hover { width: 40%; }
html[data-theme="dark"] .dark-hover-w-2\/5:hover { width: 40%; }
.focus-w-2\/5:focus { width: 40%; }
html[data-theme="dark"] .dark-focus-w-2\/5:focus { width: 40%; }
.active-w-2\/5:active { width: 40%; }
html[data-theme="dark"] .dark-active-w-2\/5:active { width: 40%; }
.disabled-w-2\/5:disabled { width: 40%; }
html[data-theme="dark"] .dark-disabled-w-2\/5:disabled { width: 40%; }
.focus-visible-w-2\/5:focus-visible { width: 40%; }
html[data-theme="dark"] .dark-focus-visible-w-2\/5:focus-visible { width: 40%; }
.focus-within-w-2\/5:focus-within { width: 40%; }
html[data-theme="dark"] .dark-focus-within-w-2\/5:focus-within { width: 40%; }
.group:hover .group-hover-w-2\/5 { width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-2\/5 { width: 40%; }
.h-2\/5 { height: 40%; }
html[data-theme="dark"] .dark-h-2\/5 { height: 40%; }
.hover-h-2\/5:hover { height: 40%; }
html[data-theme="dark"] .dark-hover-h-2\/5:hover { height: 40%; }
.focus-h-2\/5:focus { height: 40%; }
html[data-theme="dark"] .dark-focus-h-2\/5:focus { height: 40%; }
.active-h-2\/5:active { height: 40%; }
html[data-theme="dark"] .dark-active-h-2\/5:active { height: 40%; }
.disabled-h-2\/5:disabled { height: 40%; }
html[data-theme="dark"] .dark-disabled-h-2\/5:disabled { height: 40%; }
.focus-visible-h-2\/5:focus-visible { height: 40%; }
html[data-theme="dark"] .dark-focus-visible-h-2\/5:focus-visible { height: 40%; }
.focus-within-h-2\/5:focus-within { height: 40%; }
html[data-theme="dark"] .dark-focus-within-h-2\/5:focus-within { height: 40%; }
.group:hover .group-hover-h-2\/5 { height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-2\/5 { height: 40%; }
.min-w-2\/5 { min-width: 40%; }
html[data-theme="dark"] .dark-min-w-2\/5 { min-width: 40%; }
.hover-min-w-2\/5:hover { min-width: 40%; }
html[data-theme="dark"] .dark-hover-min-w-2\/5:hover { min-width: 40%; }
.focus-min-w-2\/5:focus { min-width: 40%; }
html[data-theme="dark"] .dark-focus-min-w-2\/5:focus { min-width: 40%; }
.active-min-w-2\/5:active { min-width: 40%; }
html[data-theme="dark"] .dark-active-min-w-2\/5:active { min-width: 40%; }
.disabled-min-w-2\/5:disabled { min-width: 40%; }
html[data-theme="dark"] .dark-disabled-min-w-2\/5:disabled { min-width: 40%; }
.focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
html[data-theme="dark"] .dark-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
.focus-within-min-w-2\/5:focus-within { min-width: 40%; }
html[data-theme="dark"] .dark-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
.group:hover .group-hover-min-w-2\/5 { min-width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-2\/5 { min-width: 40%; }
.max-w-2\/5 { max-width: 40%; }
html[data-theme="dark"] .dark-max-w-2\/5 { max-width: 40%; }
.hover-max-w-2\/5:hover { max-width: 40%; }
html[data-theme="dark"] .dark-hover-max-w-2\/5:hover { max-width: 40%; }
.focus-max-w-2\/5:focus { max-width: 40%; }
html[data-theme="dark"] .dark-focus-max-w-2\/5:focus { max-width: 40%; }
.active-max-w-2\/5:active { max-width: 40%; }
html[data-theme="dark"] .dark-active-max-w-2\/5:active { max-width: 40%; }
.disabled-max-w-2\/5:disabled { max-width: 40%; }
html[data-theme="dark"] .dark-disabled-max-w-2\/5:disabled { max-width: 40%; }
.focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
html[data-theme="dark"] .dark-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
.focus-within-max-w-2\/5:focus-within { max-width: 40%; }
html[data-theme="dark"] .dark-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
.group:hover .group-hover-max-w-2\/5 { max-width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-2\/5 { max-width: 40%; }
.min-h-2\/5 { min-height: 40%; }
html[data-theme="dark"] .dark-min-h-2\/5 { min-height: 40%; }
.hover-min-h-2\/5:hover { min-height: 40%; }
html[data-theme="dark"] .dark-hover-min-h-2\/5:hover { min-height: 40%; }
.focus-min-h-2\/5:focus { min-height: 40%; }
html[data-theme="dark"] .dark-focus-min-h-2\/5:focus { min-height: 40%; }
.active-min-h-2\/5:active { min-height: 40%; }
html[data-theme="dark"] .dark-active-min-h-2\/5:active { min-height: 40%; }
.disabled-min-h-2\/5:disabled { min-height: 40%; }
html[data-theme="dark"] .dark-disabled-min-h-2\/5:disabled { min-height: 40%; }
.focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
html[data-theme="dark"] .dark-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
.focus-within-min-h-2\/5:focus-within { min-height: 40%; }
html[data-theme="dark"] .dark-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
.group:hover .group-hover-min-h-2\/5 { min-height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-2\/5 { min-height: 40%; }
.max-h-2\/5 { max-height: 40%; }
html[data-theme="dark"] .dark-max-h-2\/5 { max-height: 40%; }
.hover-max-h-2\/5:hover { max-height: 40%; }
html[data-theme="dark"] .dark-hover-max-h-2\/5:hover { max-height: 40%; }
.focus-max-h-2\/5:focus { max-height: 40%; }
html[data-theme="dark"] .dark-focus-max-h-2\/5:focus { max-height: 40%; }
.active-max-h-2\/5:active { max-height: 40%; }
html[data-theme="dark"] .dark-active-max-h-2\/5:active { max-height: 40%; }
.disabled-max-h-2\/5:disabled { max-height: 40%; }
html[data-theme="dark"] .dark-disabled-max-h-2\/5:disabled { max-height: 40%; }
.focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
html[data-theme="dark"] .dark-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
.focus-within-max-h-2\/5:focus-within { max-height: 40%; }
html[data-theme="dark"] .dark-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
.group:hover .group-hover-max-h-2\/5 { max-height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-2\/5 { max-height: 40%; }
.w-3\/5 { width: 60%; }
html[data-theme="dark"] .dark-w-3\/5 { width: 60%; }
.hover-w-3\/5:hover { width: 60%; }
html[data-theme="dark"] .dark-hover-w-3\/5:hover { width: 60%; }
.focus-w-3\/5:focus { width: 60%; }
html[data-theme="dark"] .dark-focus-w-3\/5:focus { width: 60%; }
.active-w-3\/5:active { width: 60%; }
html[data-theme="dark"] .dark-active-w-3\/5:active { width: 60%; }
.disabled-w-3\/5:disabled { width: 60%; }
html[data-theme="dark"] .dark-disabled-w-3\/5:disabled { width: 60%; }
.focus-visible-w-3\/5:focus-visible { width: 60%; }
html[data-theme="dark"] .dark-focus-visible-w-3\/5:focus-visible { width: 60%; }
.focus-within-w-3\/5:focus-within { width: 60%; }
html[data-theme="dark"] .dark-focus-within-w-3\/5:focus-within { width: 60%; }
.group:hover .group-hover-w-3\/5 { width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-3\/5 { width: 60%; }
.h-3\/5 { height: 60%; }
html[data-theme="dark"] .dark-h-3\/5 { height: 60%; }
.hover-h-3\/5:hover { height: 60%; }
html[data-theme="dark"] .dark-hover-h-3\/5:hover { height: 60%; }
.focus-h-3\/5:focus { height: 60%; }
html[data-theme="dark"] .dark-focus-h-3\/5:focus { height: 60%; }
.active-h-3\/5:active { height: 60%; }
html[data-theme="dark"] .dark-active-h-3\/5:active { height: 60%; }
.disabled-h-3\/5:disabled { height: 60%; }
html[data-theme="dark"] .dark-disabled-h-3\/5:disabled { height: 60%; }
.focus-visible-h-3\/5:focus-visible { height: 60%; }
html[data-theme="dark"] .dark-focus-visible-h-3\/5:focus-visible { height: 60%; }
.focus-within-h-3\/5:focus-within { height: 60%; }
html[data-theme="dark"] .dark-focus-within-h-3\/5:focus-within { height: 60%; }
.group:hover .group-hover-h-3\/5 { height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-3\/5 { height: 60%; }
.min-w-3\/5 { min-width: 60%; }
html[data-theme="dark"] .dark-min-w-3\/5 { min-width: 60%; }
.hover-min-w-3\/5:hover { min-width: 60%; }
html[data-theme="dark"] .dark-hover-min-w-3\/5:hover { min-width: 60%; }
.focus-min-w-3\/5:focus { min-width: 60%; }
html[data-theme="dark"] .dark-focus-min-w-3\/5:focus { min-width: 60%; }
.active-min-w-3\/5:active { min-width: 60%; }
html[data-theme="dark"] .dark-active-min-w-3\/5:active { min-width: 60%; }
.disabled-min-w-3\/5:disabled { min-width: 60%; }
html[data-theme="dark"] .dark-disabled-min-w-3\/5:disabled { min-width: 60%; }
.focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
html[data-theme="dark"] .dark-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
.focus-within-min-w-3\/5:focus-within { min-width: 60%; }
html[data-theme="dark"] .dark-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
.group:hover .group-hover-min-w-3\/5 { min-width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-3\/5 { min-width: 60%; }
.max-w-3\/5 { max-width: 60%; }
html[data-theme="dark"] .dark-max-w-3\/5 { max-width: 60%; }
.hover-max-w-3\/5:hover { max-width: 60%; }
html[data-theme="dark"] .dark-hover-max-w-3\/5:hover { max-width: 60%; }
.focus-max-w-3\/5:focus { max-width: 60%; }
html[data-theme="dark"] .dark-focus-max-w-3\/5:focus { max-width: 60%; }
.active-max-w-3\/5:active { max-width: 60%; }
html[data-theme="dark"] .dark-active-max-w-3\/5:active { max-width: 60%; }
.disabled-max-w-3\/5:disabled { max-width: 60%; }
html[data-theme="dark"] .dark-disabled-max-w-3\/5:disabled { max-width: 60%; }
.focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
html[data-theme="dark"] .dark-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
.focus-within-max-w-3\/5:focus-within { max-width: 60%; }
html[data-theme="dark"] .dark-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
.group:hover .group-hover-max-w-3\/5 { max-width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-3\/5 { max-width: 60%; }
.min-h-3\/5 { min-height: 60%; }
html[data-theme="dark"] .dark-min-h-3\/5 { min-height: 60%; }
.hover-min-h-3\/5:hover { min-height: 60%; }
html[data-theme="dark"] .dark-hover-min-h-3\/5:hover { min-height: 60%; }
.focus-min-h-3\/5:focus { min-height: 60%; }
html[data-theme="dark"] .dark-focus-min-h-3\/5:focus { min-height: 60%; }
.active-min-h-3\/5:active { min-height: 60%; }
html[data-theme="dark"] .dark-active-min-h-3\/5:active { min-height: 60%; }
.disabled-min-h-3\/5:disabled { min-height: 60%; }
html[data-theme="dark"] .dark-disabled-min-h-3\/5:disabled { min-height: 60%; }
.focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
html[data-theme="dark"] .dark-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
.focus-within-min-h-3\/5:focus-within { min-height: 60%; }
html[data-theme="dark"] .dark-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
.group:hover .group-hover-min-h-3\/5 { min-height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-3\/5 { min-height: 60%; }
.max-h-3\/5 { max-height: 60%; }
html[data-theme="dark"] .dark-max-h-3\/5 { max-height: 60%; }
.hover-max-h-3\/5:hover { max-height: 60%; }
html[data-theme="dark"] .dark-hover-max-h-3\/5:hover { max-height: 60%; }
.focus-max-h-3\/5:focus { max-height: 60%; }
html[data-theme="dark"] .dark-focus-max-h-3\/5:focus { max-height: 60%; }
.active-max-h-3\/5:active { max-height: 60%; }
html[data-theme="dark"] .dark-active-max-h-3\/5:active { max-height: 60%; }
.disabled-max-h-3\/5:disabled { max-height: 60%; }
html[data-theme="dark"] .dark-disabled-max-h-3\/5:disabled { max-height: 60%; }
.focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
html[data-theme="dark"] .dark-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
.focus-within-max-h-3\/5:focus-within { max-height: 60%; }
html[data-theme="dark"] .dark-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
.group:hover .group-hover-max-h-3\/5 { max-height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-3\/5 { max-height: 60%; }
.w-4\/5 { width: 80%; }
html[data-theme="dark"] .dark-w-4\/5 { width: 80%; }
.hover-w-4\/5:hover { width: 80%; }
html[data-theme="dark"] .dark-hover-w-4\/5:hover { width: 80%; }
.focus-w-4\/5:focus { width: 80%; }
html[data-theme="dark"] .dark-focus-w-4\/5:focus { width: 80%; }
.active-w-4\/5:active { width: 80%; }
html[data-theme="dark"] .dark-active-w-4\/5:active { width: 80%; }
.disabled-w-4\/5:disabled { width: 80%; }
html[data-theme="dark"] .dark-disabled-w-4\/5:disabled { width: 80%; }
.focus-visible-w-4\/5:focus-visible { width: 80%; }
html[data-theme="dark"] .dark-focus-visible-w-4\/5:focus-visible { width: 80%; }
.focus-within-w-4\/5:focus-within { width: 80%; }
html[data-theme="dark"] .dark-focus-within-w-4\/5:focus-within { width: 80%; }
.group:hover .group-hover-w-4\/5 { width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-4\/5 { width: 80%; }
.h-4\/5 { height: 80%; }
html[data-theme="dark"] .dark-h-4\/5 { height: 80%; }
.hover-h-4\/5:hover { height: 80%; }
html[data-theme="dark"] .dark-hover-h-4\/5:hover { height: 80%; }
.focus-h-4\/5:focus { height: 80%; }
html[data-theme="dark"] .dark-focus-h-4\/5:focus { height: 80%; }
.active-h-4\/5:active { height: 80%; }
html[data-theme="dark"] .dark-active-h-4\/5:active { height: 80%; }
.disabled-h-4\/5:disabled { height: 80%; }
html[data-theme="dark"] .dark-disabled-h-4\/5:disabled { height: 80%; }
.focus-visible-h-4\/5:focus-visible { height: 80%; }
html[data-theme="dark"] .dark-focus-visible-h-4\/5:focus-visible { height: 80%; }
.focus-within-h-4\/5:focus-within { height: 80%; }
html[data-theme="dark"] .dark-focus-within-h-4\/5:focus-within { height: 80%; }
.group:hover .group-hover-h-4\/5 { height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-4\/5 { height: 80%; }
.min-w-4\/5 { min-width: 80%; }
html[data-theme="dark"] .dark-min-w-4\/5 { min-width: 80%; }
.hover-min-w-4\/5:hover { min-width: 80%; }
html[data-theme="dark"] .dark-hover-min-w-4\/5:hover { min-width: 80%; }
.focus-min-w-4\/5:focus { min-width: 80%; }
html[data-theme="dark"] .dark-focus-min-w-4\/5:focus { min-width: 80%; }
.active-min-w-4\/5:active { min-width: 80%; }
html[data-theme="dark"] .dark-active-min-w-4\/5:active { min-width: 80%; }
.disabled-min-w-4\/5:disabled { min-width: 80%; }
html[data-theme="dark"] .dark-disabled-min-w-4\/5:disabled { min-width: 80%; }
.focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
html[data-theme="dark"] .dark-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
.focus-within-min-w-4\/5:focus-within { min-width: 80%; }
html[data-theme="dark"] .dark-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
.group:hover .group-hover-min-w-4\/5 { min-width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-4\/5 { min-width: 80%; }
.max-w-4\/5 { max-width: 80%; }
html[data-theme="dark"] .dark-max-w-4\/5 { max-width: 80%; }
.hover-max-w-4\/5:hover { max-width: 80%; }
html[data-theme="dark"] .dark-hover-max-w-4\/5:hover { max-width: 80%; }
.focus-max-w-4\/5:focus { max-width: 80%; }
html[data-theme="dark"] .dark-focus-max-w-4\/5:focus { max-width: 80%; }
.active-max-w-4\/5:active { max-width: 80%; }
html[data-theme="dark"] .dark-active-max-w-4\/5:active { max-width: 80%; }
.disabled-max-w-4\/5:disabled { max-width: 80%; }
html[data-theme="dark"] .dark-disabled-max-w-4\/5:disabled { max-width: 80%; }
.focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
html[data-theme="dark"] .dark-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
.focus-within-max-w-4\/5:focus-within { max-width: 80%; }
html[data-theme="dark"] .dark-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
.group:hover .group-hover-max-w-4\/5 { max-width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-4\/5 { max-width: 80%; }
.min-h-4\/5 { min-height: 80%; }
html[data-theme="dark"] .dark-min-h-4\/5 { min-height: 80%; }
.hover-min-h-4\/5:hover { min-height: 80%; }
html[data-theme="dark"] .dark-hover-min-h-4\/5:hover { min-height: 80%; }
.focus-min-h-4\/5:focus { min-height: 80%; }
html[data-theme="dark"] .dark-focus-min-h-4\/5:focus { min-height: 80%; }
.active-min-h-4\/5:active { min-height: 80%; }
html[data-theme="dark"] .dark-active-min-h-4\/5:active { min-height: 80%; }
.disabled-min-h-4\/5:disabled { min-height: 80%; }
html[data-theme="dark"] .dark-disabled-min-h-4\/5:disabled { min-height: 80%; }
.focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
html[data-theme="dark"] .dark-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
.focus-within-min-h-4\/5:focus-within { min-height: 80%; }
html[data-theme="dark"] .dark-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
.group:hover .group-hover-min-h-4\/5 { min-height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-4\/5 { min-height: 80%; }
.max-h-4\/5 { max-height: 80%; }
html[data-theme="dark"] .dark-max-h-4\/5 { max-height: 80%; }
.hover-max-h-4\/5:hover { max-height: 80%; }
html[data-theme="dark"] .dark-hover-max-h-4\/5:hover { max-height: 80%; }
.focus-max-h-4\/5:focus { max-height: 80%; }
html[data-theme="dark"] .dark-focus-max-h-4\/5:focus { max-height: 80%; }
.active-max-h-4\/5:active { max-height: 80%; }
html[data-theme="dark"] .dark-active-max-h-4\/5:active { max-height: 80%; }
.disabled-max-h-4\/5:disabled { max-height: 80%; }
html[data-theme="dark"] .dark-disabled-max-h-4\/5:disabled { max-height: 80%; }
.focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
html[data-theme="dark"] .dark-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
.focus-within-max-h-4\/5:focus-within { max-height: 80%; }
html[data-theme="dark"] .dark-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
.group:hover .group-hover-max-h-4\/5 { max-height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-4\/5 { max-height: 80%; }
.w-5p { width: 5%; }
html[data-theme="dark"] .dark-w-5p { width: 5%; }
.hover-w-5p:hover { width: 5%; }
html[data-theme="dark"] .dark-hover-w-5p:hover { width: 5%; }
.focus-w-5p:focus { width: 5%; }
html[data-theme="dark"] .dark-focus-w-5p:focus { width: 5%; }
.active-w-5p:active { width: 5%; }
html[data-theme="dark"] .dark-active-w-5p:active { width: 5%; }
.disabled-w-5p:disabled { width: 5%; }
html[data-theme="dark"] .dark-disabled-w-5p:disabled { width: 5%; }
.focus-visible-w-5p:focus-visible { width: 5%; }
html[data-theme="dark"] .dark-focus-visible-w-5p:focus-visible { width: 5%; }
.focus-within-w-5p:focus-within { width: 5%; }
html[data-theme="dark"] .dark-focus-within-w-5p:focus-within { width: 5%; }
.group:hover .group-hover-w-5p { width: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-5p { width: 5%; }
.h-5p { height: 5%; }
html[data-theme="dark"] .dark-h-5p { height: 5%; }
.hover-h-5p:hover { height: 5%; }
html[data-theme="dark"] .dark-hover-h-5p:hover { height: 5%; }
.focus-h-5p:focus { height: 5%; }
html[data-theme="dark"] .dark-focus-h-5p:focus { height: 5%; }
.active-h-5p:active { height: 5%; }
html[data-theme="dark"] .dark-active-h-5p:active { height: 5%; }
.disabled-h-5p:disabled { height: 5%; }
html[data-theme="dark"] .dark-disabled-h-5p:disabled { height: 5%; }
.focus-visible-h-5p:focus-visible { height: 5%; }
html[data-theme="dark"] .dark-focus-visible-h-5p:focus-visible { height: 5%; }
.focus-within-h-5p:focus-within { height: 5%; }
html[data-theme="dark"] .dark-focus-within-h-5p:focus-within { height: 5%; }
.group:hover .group-hover-h-5p { height: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-5p { height: 5%; }
.min-w-5p { min-width: 5%; }
html[data-theme="dark"] .dark-min-w-5p { min-width: 5%; }
.hover-min-w-5p:hover { min-width: 5%; }
html[data-theme="dark"] .dark-hover-min-w-5p:hover { min-width: 5%; }
.focus-min-w-5p:focus { min-width: 5%; }
html[data-theme="dark"] .dark-focus-min-w-5p:focus { min-width: 5%; }
.active-min-w-5p:active { min-width: 5%; }
html[data-theme="dark"] .dark-active-min-w-5p:active { min-width: 5%; }
.disabled-min-w-5p:disabled { min-width: 5%; }
html[data-theme="dark"] .dark-disabled-min-w-5p:disabled { min-width: 5%; }
.focus-visible-min-w-5p:focus-visible { min-width: 5%; }
html[data-theme="dark"] .dark-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
.focus-within-min-w-5p:focus-within { min-width: 5%; }
html[data-theme="dark"] .dark-focus-within-min-w-5p:focus-within { min-width: 5%; }
.group:hover .group-hover-min-w-5p { min-width: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-5p { min-width: 5%; }
.max-w-5p { max-width: 5%; }
html[data-theme="dark"] .dark-max-w-5p { max-width: 5%; }
.hover-max-w-5p:hover { max-width: 5%; }
html[data-theme="dark"] .dark-hover-max-w-5p:hover { max-width: 5%; }
.focus-max-w-5p:focus { max-width: 5%; }
html[data-theme="dark"] .dark-focus-max-w-5p:focus { max-width: 5%; }
.active-max-w-5p:active { max-width: 5%; }
html[data-theme="dark"] .dark-active-max-w-5p:active { max-width: 5%; }
.disabled-max-w-5p:disabled { max-width: 5%; }
html[data-theme="dark"] .dark-disabled-max-w-5p:disabled { max-width: 5%; }
.focus-visible-max-w-5p:focus-visible { max-width: 5%; }
html[data-theme="dark"] .dark-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
.focus-within-max-w-5p:focus-within { max-width: 5%; }
html[data-theme="dark"] .dark-focus-within-max-w-5p:focus-within { max-width: 5%; }
.group:hover .group-hover-max-w-5p { max-width: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-5p { max-width: 5%; }
.min-h-5p { min-height: 5%; }
html[data-theme="dark"] .dark-min-h-5p { min-height: 5%; }
.hover-min-h-5p:hover { min-height: 5%; }
html[data-theme="dark"] .dark-hover-min-h-5p:hover { min-height: 5%; }
.focus-min-h-5p:focus { min-height: 5%; }
html[data-theme="dark"] .dark-focus-min-h-5p:focus { min-height: 5%; }
.active-min-h-5p:active { min-height: 5%; }
html[data-theme="dark"] .dark-active-min-h-5p:active { min-height: 5%; }
.disabled-min-h-5p:disabled { min-height: 5%; }
html[data-theme="dark"] .dark-disabled-min-h-5p:disabled { min-height: 5%; }
.focus-visible-min-h-5p:focus-visible { min-height: 5%; }
html[data-theme="dark"] .dark-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
.focus-within-min-h-5p:focus-within { min-height: 5%; }
html[data-theme="dark"] .dark-focus-within-min-h-5p:focus-within { min-height: 5%; }
.group:hover .group-hover-min-h-5p { min-height: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-5p { min-height: 5%; }
.max-h-5p { max-height: 5%; }
html[data-theme="dark"] .dark-max-h-5p { max-height: 5%; }
.hover-max-h-5p:hover { max-height: 5%; }
html[data-theme="dark"] .dark-hover-max-h-5p:hover { max-height: 5%; }
.focus-max-h-5p:focus { max-height: 5%; }
html[data-theme="dark"] .dark-focus-max-h-5p:focus { max-height: 5%; }
.active-max-h-5p:active { max-height: 5%; }
html[data-theme="dark"] .dark-active-max-h-5p:active { max-height: 5%; }
.disabled-max-h-5p:disabled { max-height: 5%; }
html[data-theme="dark"] .dark-disabled-max-h-5p:disabled { max-height: 5%; }
.focus-visible-max-h-5p:focus-visible { max-height: 5%; }
html[data-theme="dark"] .dark-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
.focus-within-max-h-5p:focus-within { max-height: 5%; }
html[data-theme="dark"] .dark-focus-within-max-h-5p:focus-within { max-height: 5%; }
.group:hover .group-hover-max-h-5p { max-height: 5%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-5p { max-height: 5%; }
.w-10p { width: 10%; }
html[data-theme="dark"] .dark-w-10p { width: 10%; }
.hover-w-10p:hover { width: 10%; }
html[data-theme="dark"] .dark-hover-w-10p:hover { width: 10%; }
.focus-w-10p:focus { width: 10%; }
html[data-theme="dark"] .dark-focus-w-10p:focus { width: 10%; }
.active-w-10p:active { width: 10%; }
html[data-theme="dark"] .dark-active-w-10p:active { width: 10%; }
.disabled-w-10p:disabled { width: 10%; }
html[data-theme="dark"] .dark-disabled-w-10p:disabled { width: 10%; }
.focus-visible-w-10p:focus-visible { width: 10%; }
html[data-theme="dark"] .dark-focus-visible-w-10p:focus-visible { width: 10%; }
.focus-within-w-10p:focus-within { width: 10%; }
html[data-theme="dark"] .dark-focus-within-w-10p:focus-within { width: 10%; }
.group:hover .group-hover-w-10p { width: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-10p { width: 10%; }
.h-10p { height: 10%; }
html[data-theme="dark"] .dark-h-10p { height: 10%; }
.hover-h-10p:hover { height: 10%; }
html[data-theme="dark"] .dark-hover-h-10p:hover { height: 10%; }
.focus-h-10p:focus { height: 10%; }
html[data-theme="dark"] .dark-focus-h-10p:focus { height: 10%; }
.active-h-10p:active { height: 10%; }
html[data-theme="dark"] .dark-active-h-10p:active { height: 10%; }
.disabled-h-10p:disabled { height: 10%; }
html[data-theme="dark"] .dark-disabled-h-10p:disabled { height: 10%; }
.focus-visible-h-10p:focus-visible { height: 10%; }
html[data-theme="dark"] .dark-focus-visible-h-10p:focus-visible { height: 10%; }
.focus-within-h-10p:focus-within { height: 10%; }
html[data-theme="dark"] .dark-focus-within-h-10p:focus-within { height: 10%; }
.group:hover .group-hover-h-10p { height: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-10p { height: 10%; }
.min-w-10p { min-width: 10%; }
html[data-theme="dark"] .dark-min-w-10p { min-width: 10%; }
.hover-min-w-10p:hover { min-width: 10%; }
html[data-theme="dark"] .dark-hover-min-w-10p:hover { min-width: 10%; }
.focus-min-w-10p:focus { min-width: 10%; }
html[data-theme="dark"] .dark-focus-min-w-10p:focus { min-width: 10%; }
.active-min-w-10p:active { min-width: 10%; }
html[data-theme="dark"] .dark-active-min-w-10p:active { min-width: 10%; }
.disabled-min-w-10p:disabled { min-width: 10%; }
html[data-theme="dark"] .dark-disabled-min-w-10p:disabled { min-width: 10%; }
.focus-visible-min-w-10p:focus-visible { min-width: 10%; }
html[data-theme="dark"] .dark-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
.focus-within-min-w-10p:focus-within { min-width: 10%; }
html[data-theme="dark"] .dark-focus-within-min-w-10p:focus-within { min-width: 10%; }
.group:hover .group-hover-min-w-10p { min-width: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-10p { min-width: 10%; }
.max-w-10p { max-width: 10%; }
html[data-theme="dark"] .dark-max-w-10p { max-width: 10%; }
.hover-max-w-10p:hover { max-width: 10%; }
html[data-theme="dark"] .dark-hover-max-w-10p:hover { max-width: 10%; }
.focus-max-w-10p:focus { max-width: 10%; }
html[data-theme="dark"] .dark-focus-max-w-10p:focus { max-width: 10%; }
.active-max-w-10p:active { max-width: 10%; }
html[data-theme="dark"] .dark-active-max-w-10p:active { max-width: 10%; }
.disabled-max-w-10p:disabled { max-width: 10%; }
html[data-theme="dark"] .dark-disabled-max-w-10p:disabled { max-width: 10%; }
.focus-visible-max-w-10p:focus-visible { max-width: 10%; }
html[data-theme="dark"] .dark-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
.focus-within-max-w-10p:focus-within { max-width: 10%; }
html[data-theme="dark"] .dark-focus-within-max-w-10p:focus-within { max-width: 10%; }
.group:hover .group-hover-max-w-10p { max-width: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-10p { max-width: 10%; }
.min-h-10p { min-height: 10%; }
html[data-theme="dark"] .dark-min-h-10p { min-height: 10%; }
.hover-min-h-10p:hover { min-height: 10%; }
html[data-theme="dark"] .dark-hover-min-h-10p:hover { min-height: 10%; }
.focus-min-h-10p:focus { min-height: 10%; }
html[data-theme="dark"] .dark-focus-min-h-10p:focus { min-height: 10%; }
.active-min-h-10p:active { min-height: 10%; }
html[data-theme="dark"] .dark-active-min-h-10p:active { min-height: 10%; }
.disabled-min-h-10p:disabled { min-height: 10%; }
html[data-theme="dark"] .dark-disabled-min-h-10p:disabled { min-height: 10%; }
.focus-visible-min-h-10p:focus-visible { min-height: 10%; }
html[data-theme="dark"] .dark-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
.focus-within-min-h-10p:focus-within { min-height: 10%; }
html[data-theme="dark"] .dark-focus-within-min-h-10p:focus-within { min-height: 10%; }
.group:hover .group-hover-min-h-10p { min-height: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-10p { min-height: 10%; }
.max-h-10p { max-height: 10%; }
html[data-theme="dark"] .dark-max-h-10p { max-height: 10%; }
.hover-max-h-10p:hover { max-height: 10%; }
html[data-theme="dark"] .dark-hover-max-h-10p:hover { max-height: 10%; }
.focus-max-h-10p:focus { max-height: 10%; }
html[data-theme="dark"] .dark-focus-max-h-10p:focus { max-height: 10%; }
.active-max-h-10p:active { max-height: 10%; }
html[data-theme="dark"] .dark-active-max-h-10p:active { max-height: 10%; }
.disabled-max-h-10p:disabled { max-height: 10%; }
html[data-theme="dark"] .dark-disabled-max-h-10p:disabled { max-height: 10%; }
.focus-visible-max-h-10p:focus-visible { max-height: 10%; }
html[data-theme="dark"] .dark-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
.focus-within-max-h-10p:focus-within { max-height: 10%; }
html[data-theme="dark"] .dark-focus-within-max-h-10p:focus-within { max-height: 10%; }
.group:hover .group-hover-max-h-10p { max-height: 10%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-10p { max-height: 10%; }
.w-15p { width: 15%; }
html[data-theme="dark"] .dark-w-15p { width: 15%; }
.hover-w-15p:hover { width: 15%; }
html[data-theme="dark"] .dark-hover-w-15p:hover { width: 15%; }
.focus-w-15p:focus { width: 15%; }
html[data-theme="dark"] .dark-focus-w-15p:focus { width: 15%; }
.active-w-15p:active { width: 15%; }
html[data-theme="dark"] .dark-active-w-15p:active { width: 15%; }
.disabled-w-15p:disabled { width: 15%; }
html[data-theme="dark"] .dark-disabled-w-15p:disabled { width: 15%; }
.focus-visible-w-15p:focus-visible { width: 15%; }
html[data-theme="dark"] .dark-focus-visible-w-15p:focus-visible { width: 15%; }
.focus-within-w-15p:focus-within { width: 15%; }
html[data-theme="dark"] .dark-focus-within-w-15p:focus-within { width: 15%; }
.group:hover .group-hover-w-15p { width: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-15p { width: 15%; }
.h-15p { height: 15%; }
html[data-theme="dark"] .dark-h-15p { height: 15%; }
.hover-h-15p:hover { height: 15%; }
html[data-theme="dark"] .dark-hover-h-15p:hover { height: 15%; }
.focus-h-15p:focus { height: 15%; }
html[data-theme="dark"] .dark-focus-h-15p:focus { height: 15%; }
.active-h-15p:active { height: 15%; }
html[data-theme="dark"] .dark-active-h-15p:active { height: 15%; }
.disabled-h-15p:disabled { height: 15%; }
html[data-theme="dark"] .dark-disabled-h-15p:disabled { height: 15%; }
.focus-visible-h-15p:focus-visible { height: 15%; }
html[data-theme="dark"] .dark-focus-visible-h-15p:focus-visible { height: 15%; }
.focus-within-h-15p:focus-within { height: 15%; }
html[data-theme="dark"] .dark-focus-within-h-15p:focus-within { height: 15%; }
.group:hover .group-hover-h-15p { height: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-15p { height: 15%; }
.min-w-15p { min-width: 15%; }
html[data-theme="dark"] .dark-min-w-15p { min-width: 15%; }
.hover-min-w-15p:hover { min-width: 15%; }
html[data-theme="dark"] .dark-hover-min-w-15p:hover { min-width: 15%; }
.focus-min-w-15p:focus { min-width: 15%; }
html[data-theme="dark"] .dark-focus-min-w-15p:focus { min-width: 15%; }
.active-min-w-15p:active { min-width: 15%; }
html[data-theme="dark"] .dark-active-min-w-15p:active { min-width: 15%; }
.disabled-min-w-15p:disabled { min-width: 15%; }
html[data-theme="dark"] .dark-disabled-min-w-15p:disabled { min-width: 15%; }
.focus-visible-min-w-15p:focus-visible { min-width: 15%; }
html[data-theme="dark"] .dark-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
.focus-within-min-w-15p:focus-within { min-width: 15%; }
html[data-theme="dark"] .dark-focus-within-min-w-15p:focus-within { min-width: 15%; }
.group:hover .group-hover-min-w-15p { min-width: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-15p { min-width: 15%; }
.max-w-15p { max-width: 15%; }
html[data-theme="dark"] .dark-max-w-15p { max-width: 15%; }
.hover-max-w-15p:hover { max-width: 15%; }
html[data-theme="dark"] .dark-hover-max-w-15p:hover { max-width: 15%; }
.focus-max-w-15p:focus { max-width: 15%; }
html[data-theme="dark"] .dark-focus-max-w-15p:focus { max-width: 15%; }
.active-max-w-15p:active { max-width: 15%; }
html[data-theme="dark"] .dark-active-max-w-15p:active { max-width: 15%; }
.disabled-max-w-15p:disabled { max-width: 15%; }
html[data-theme="dark"] .dark-disabled-max-w-15p:disabled { max-width: 15%; }
.focus-visible-max-w-15p:focus-visible { max-width: 15%; }
html[data-theme="dark"] .dark-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
.focus-within-max-w-15p:focus-within { max-width: 15%; }
html[data-theme="dark"] .dark-focus-within-max-w-15p:focus-within { max-width: 15%; }
.group:hover .group-hover-max-w-15p { max-width: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-15p { max-width: 15%; }
.min-h-15p { min-height: 15%; }
html[data-theme="dark"] .dark-min-h-15p { min-height: 15%; }
.hover-min-h-15p:hover { min-height: 15%; }
html[data-theme="dark"] .dark-hover-min-h-15p:hover { min-height: 15%; }
.focus-min-h-15p:focus { min-height: 15%; }
html[data-theme="dark"] .dark-focus-min-h-15p:focus { min-height: 15%; }
.active-min-h-15p:active { min-height: 15%; }
html[data-theme="dark"] .dark-active-min-h-15p:active { min-height: 15%; }
.disabled-min-h-15p:disabled { min-height: 15%; }
html[data-theme="dark"] .dark-disabled-min-h-15p:disabled { min-height: 15%; }
.focus-visible-min-h-15p:focus-visible { min-height: 15%; }
html[data-theme="dark"] .dark-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
.focus-within-min-h-15p:focus-within { min-height: 15%; }
html[data-theme="dark"] .dark-focus-within-min-h-15p:focus-within { min-height: 15%; }
.group:hover .group-hover-min-h-15p { min-height: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-15p { min-height: 15%; }
.max-h-15p { max-height: 15%; }
html[data-theme="dark"] .dark-max-h-15p { max-height: 15%; }
.hover-max-h-15p:hover { max-height: 15%; }
html[data-theme="dark"] .dark-hover-max-h-15p:hover { max-height: 15%; }
.focus-max-h-15p:focus { max-height: 15%; }
html[data-theme="dark"] .dark-focus-max-h-15p:focus { max-height: 15%; }
.active-max-h-15p:active { max-height: 15%; }
html[data-theme="dark"] .dark-active-max-h-15p:active { max-height: 15%; }
.disabled-max-h-15p:disabled { max-height: 15%; }
html[data-theme="dark"] .dark-disabled-max-h-15p:disabled { max-height: 15%; }
.focus-visible-max-h-15p:focus-visible { max-height: 15%; }
html[data-theme="dark"] .dark-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
.focus-within-max-h-15p:focus-within { max-height: 15%; }
html[data-theme="dark"] .dark-focus-within-max-h-15p:focus-within { max-height: 15%; }
.group:hover .group-hover-max-h-15p { max-height: 15%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-15p { max-height: 15%; }
.w-20p { width: 20%; }
html[data-theme="dark"] .dark-w-20p { width: 20%; }
.hover-w-20p:hover { width: 20%; }
html[data-theme="dark"] .dark-hover-w-20p:hover { width: 20%; }
.focus-w-20p:focus { width: 20%; }
html[data-theme="dark"] .dark-focus-w-20p:focus { width: 20%; }
.active-w-20p:active { width: 20%; }
html[data-theme="dark"] .dark-active-w-20p:active { width: 20%; }
.disabled-w-20p:disabled { width: 20%; }
html[data-theme="dark"] .dark-disabled-w-20p:disabled { width: 20%; }
.focus-visible-w-20p:focus-visible { width: 20%; }
html[data-theme="dark"] .dark-focus-visible-w-20p:focus-visible { width: 20%; }
.focus-within-w-20p:focus-within { width: 20%; }
html[data-theme="dark"] .dark-focus-within-w-20p:focus-within { width: 20%; }
.group:hover .group-hover-w-20p { width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-20p { width: 20%; }
.h-20p { height: 20%; }
html[data-theme="dark"] .dark-h-20p { height: 20%; }
.hover-h-20p:hover { height: 20%; }
html[data-theme="dark"] .dark-hover-h-20p:hover { height: 20%; }
.focus-h-20p:focus { height: 20%; }
html[data-theme="dark"] .dark-focus-h-20p:focus { height: 20%; }
.active-h-20p:active { height: 20%; }
html[data-theme="dark"] .dark-active-h-20p:active { height: 20%; }
.disabled-h-20p:disabled { height: 20%; }
html[data-theme="dark"] .dark-disabled-h-20p:disabled { height: 20%; }
.focus-visible-h-20p:focus-visible { height: 20%; }
html[data-theme="dark"] .dark-focus-visible-h-20p:focus-visible { height: 20%; }
.focus-within-h-20p:focus-within { height: 20%; }
html[data-theme="dark"] .dark-focus-within-h-20p:focus-within { height: 20%; }
.group:hover .group-hover-h-20p { height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-20p { height: 20%; }
.min-w-20p { min-width: 20%; }
html[data-theme="dark"] .dark-min-w-20p { min-width: 20%; }
.hover-min-w-20p:hover { min-width: 20%; }
html[data-theme="dark"] .dark-hover-min-w-20p:hover { min-width: 20%; }
.focus-min-w-20p:focus { min-width: 20%; }
html[data-theme="dark"] .dark-focus-min-w-20p:focus { min-width: 20%; }
.active-min-w-20p:active { min-width: 20%; }
html[data-theme="dark"] .dark-active-min-w-20p:active { min-width: 20%; }
.disabled-min-w-20p:disabled { min-width: 20%; }
html[data-theme="dark"] .dark-disabled-min-w-20p:disabled { min-width: 20%; }
.focus-visible-min-w-20p:focus-visible { min-width: 20%; }
html[data-theme="dark"] .dark-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
.focus-within-min-w-20p:focus-within { min-width: 20%; }
html[data-theme="dark"] .dark-focus-within-min-w-20p:focus-within { min-width: 20%; }
.group:hover .group-hover-min-w-20p { min-width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-20p { min-width: 20%; }
.max-w-20p { max-width: 20%; }
html[data-theme="dark"] .dark-max-w-20p { max-width: 20%; }
.hover-max-w-20p:hover { max-width: 20%; }
html[data-theme="dark"] .dark-hover-max-w-20p:hover { max-width: 20%; }
.focus-max-w-20p:focus { max-width: 20%; }
html[data-theme="dark"] .dark-focus-max-w-20p:focus { max-width: 20%; }
.active-max-w-20p:active { max-width: 20%; }
html[data-theme="dark"] .dark-active-max-w-20p:active { max-width: 20%; }
.disabled-max-w-20p:disabled { max-width: 20%; }
html[data-theme="dark"] .dark-disabled-max-w-20p:disabled { max-width: 20%; }
.focus-visible-max-w-20p:focus-visible { max-width: 20%; }
html[data-theme="dark"] .dark-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
.focus-within-max-w-20p:focus-within { max-width: 20%; }
html[data-theme="dark"] .dark-focus-within-max-w-20p:focus-within { max-width: 20%; }
.group:hover .group-hover-max-w-20p { max-width: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-20p { max-width: 20%; }
.min-h-20p { min-height: 20%; }
html[data-theme="dark"] .dark-min-h-20p { min-height: 20%; }
.hover-min-h-20p:hover { min-height: 20%; }
html[data-theme="dark"] .dark-hover-min-h-20p:hover { min-height: 20%; }
.focus-min-h-20p:focus { min-height: 20%; }
html[data-theme="dark"] .dark-focus-min-h-20p:focus { min-height: 20%; }
.active-min-h-20p:active { min-height: 20%; }
html[data-theme="dark"] .dark-active-min-h-20p:active { min-height: 20%; }
.disabled-min-h-20p:disabled { min-height: 20%; }
html[data-theme="dark"] .dark-disabled-min-h-20p:disabled { min-height: 20%; }
.focus-visible-min-h-20p:focus-visible { min-height: 20%; }
html[data-theme="dark"] .dark-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
.focus-within-min-h-20p:focus-within { min-height: 20%; }
html[data-theme="dark"] .dark-focus-within-min-h-20p:focus-within { min-height: 20%; }
.group:hover .group-hover-min-h-20p { min-height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-20p { min-height: 20%; }
.max-h-20p { max-height: 20%; }
html[data-theme="dark"] .dark-max-h-20p { max-height: 20%; }
.hover-max-h-20p:hover { max-height: 20%; }
html[data-theme="dark"] .dark-hover-max-h-20p:hover { max-height: 20%; }
.focus-max-h-20p:focus { max-height: 20%; }
html[data-theme="dark"] .dark-focus-max-h-20p:focus { max-height: 20%; }
.active-max-h-20p:active { max-height: 20%; }
html[data-theme="dark"] .dark-active-max-h-20p:active { max-height: 20%; }
.disabled-max-h-20p:disabled { max-height: 20%; }
html[data-theme="dark"] .dark-disabled-max-h-20p:disabled { max-height: 20%; }
.focus-visible-max-h-20p:focus-visible { max-height: 20%; }
html[data-theme="dark"] .dark-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
.focus-within-max-h-20p:focus-within { max-height: 20%; }
html[data-theme="dark"] .dark-focus-within-max-h-20p:focus-within { max-height: 20%; }
.group:hover .group-hover-max-h-20p { max-height: 20%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-20p { max-height: 20%; }
.w-25p { width: 25%; }
html[data-theme="dark"] .dark-w-25p { width: 25%; }
.hover-w-25p:hover { width: 25%; }
html[data-theme="dark"] .dark-hover-w-25p:hover { width: 25%; }
.focus-w-25p:focus { width: 25%; }
html[data-theme="dark"] .dark-focus-w-25p:focus { width: 25%; }
.active-w-25p:active { width: 25%; }
html[data-theme="dark"] .dark-active-w-25p:active { width: 25%; }
.disabled-w-25p:disabled { width: 25%; }
html[data-theme="dark"] .dark-disabled-w-25p:disabled { width: 25%; }
.focus-visible-w-25p:focus-visible { width: 25%; }
html[data-theme="dark"] .dark-focus-visible-w-25p:focus-visible { width: 25%; }
.focus-within-w-25p:focus-within { width: 25%; }
html[data-theme="dark"] .dark-focus-within-w-25p:focus-within { width: 25%; }
.group:hover .group-hover-w-25p { width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-25p { width: 25%; }
.h-25p { height: 25%; }
html[data-theme="dark"] .dark-h-25p { height: 25%; }
.hover-h-25p:hover { height: 25%; }
html[data-theme="dark"] .dark-hover-h-25p:hover { height: 25%; }
.focus-h-25p:focus { height: 25%; }
html[data-theme="dark"] .dark-focus-h-25p:focus { height: 25%; }
.active-h-25p:active { height: 25%; }
html[data-theme="dark"] .dark-active-h-25p:active { height: 25%; }
.disabled-h-25p:disabled { height: 25%; }
html[data-theme="dark"] .dark-disabled-h-25p:disabled { height: 25%; }
.focus-visible-h-25p:focus-visible { height: 25%; }
html[data-theme="dark"] .dark-focus-visible-h-25p:focus-visible { height: 25%; }
.focus-within-h-25p:focus-within { height: 25%; }
html[data-theme="dark"] .dark-focus-within-h-25p:focus-within { height: 25%; }
.group:hover .group-hover-h-25p { height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-25p { height: 25%; }
.min-w-25p { min-width: 25%; }
html[data-theme="dark"] .dark-min-w-25p { min-width: 25%; }
.hover-min-w-25p:hover { min-width: 25%; }
html[data-theme="dark"] .dark-hover-min-w-25p:hover { min-width: 25%; }
.focus-min-w-25p:focus { min-width: 25%; }
html[data-theme="dark"] .dark-focus-min-w-25p:focus { min-width: 25%; }
.active-min-w-25p:active { min-width: 25%; }
html[data-theme="dark"] .dark-active-min-w-25p:active { min-width: 25%; }
.disabled-min-w-25p:disabled { min-width: 25%; }
html[data-theme="dark"] .dark-disabled-min-w-25p:disabled { min-width: 25%; }
.focus-visible-min-w-25p:focus-visible { min-width: 25%; }
html[data-theme="dark"] .dark-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
.focus-within-min-w-25p:focus-within { min-width: 25%; }
html[data-theme="dark"] .dark-focus-within-min-w-25p:focus-within { min-width: 25%; }
.group:hover .group-hover-min-w-25p { min-width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-25p { min-width: 25%; }
.max-w-25p { max-width: 25%; }
html[data-theme="dark"] .dark-max-w-25p { max-width: 25%; }
.hover-max-w-25p:hover { max-width: 25%; }
html[data-theme="dark"] .dark-hover-max-w-25p:hover { max-width: 25%; }
.focus-max-w-25p:focus { max-width: 25%; }
html[data-theme="dark"] .dark-focus-max-w-25p:focus { max-width: 25%; }
.active-max-w-25p:active { max-width: 25%; }
html[data-theme="dark"] .dark-active-max-w-25p:active { max-width: 25%; }
.disabled-max-w-25p:disabled { max-width: 25%; }
html[data-theme="dark"] .dark-disabled-max-w-25p:disabled { max-width: 25%; }
.focus-visible-max-w-25p:focus-visible { max-width: 25%; }
html[data-theme="dark"] .dark-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
.focus-within-max-w-25p:focus-within { max-width: 25%; }
html[data-theme="dark"] .dark-focus-within-max-w-25p:focus-within { max-width: 25%; }
.group:hover .group-hover-max-w-25p { max-width: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-25p { max-width: 25%; }
.min-h-25p { min-height: 25%; }
html[data-theme="dark"] .dark-min-h-25p { min-height: 25%; }
.hover-min-h-25p:hover { min-height: 25%; }
html[data-theme="dark"] .dark-hover-min-h-25p:hover { min-height: 25%; }
.focus-min-h-25p:focus { min-height: 25%; }
html[data-theme="dark"] .dark-focus-min-h-25p:focus { min-height: 25%; }
.active-min-h-25p:active { min-height: 25%; }
html[data-theme="dark"] .dark-active-min-h-25p:active { min-height: 25%; }
.disabled-min-h-25p:disabled { min-height: 25%; }
html[data-theme="dark"] .dark-disabled-min-h-25p:disabled { min-height: 25%; }
.focus-visible-min-h-25p:focus-visible { min-height: 25%; }
html[data-theme="dark"] .dark-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
.focus-within-min-h-25p:focus-within { min-height: 25%; }
html[data-theme="dark"] .dark-focus-within-min-h-25p:focus-within { min-height: 25%; }
.group:hover .group-hover-min-h-25p { min-height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-25p { min-height: 25%; }
.max-h-25p { max-height: 25%; }
html[data-theme="dark"] .dark-max-h-25p { max-height: 25%; }
.hover-max-h-25p:hover { max-height: 25%; }
html[data-theme="dark"] .dark-hover-max-h-25p:hover { max-height: 25%; }
.focus-max-h-25p:focus { max-height: 25%; }
html[data-theme="dark"] .dark-focus-max-h-25p:focus { max-height: 25%; }
.active-max-h-25p:active { max-height: 25%; }
html[data-theme="dark"] .dark-active-max-h-25p:active { max-height: 25%; }
.disabled-max-h-25p:disabled { max-height: 25%; }
html[data-theme="dark"] .dark-disabled-max-h-25p:disabled { max-height: 25%; }
.focus-visible-max-h-25p:focus-visible { max-height: 25%; }
html[data-theme="dark"] .dark-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
.focus-within-max-h-25p:focus-within { max-height: 25%; }
html[data-theme="dark"] .dark-focus-within-max-h-25p:focus-within { max-height: 25%; }
.group:hover .group-hover-max-h-25p { max-height: 25%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-25p { max-height: 25%; }
.w-30p { width: 30%; }
html[data-theme="dark"] .dark-w-30p { width: 30%; }
.hover-w-30p:hover { width: 30%; }
html[data-theme="dark"] .dark-hover-w-30p:hover { width: 30%; }
.focus-w-30p:focus { width: 30%; }
html[data-theme="dark"] .dark-focus-w-30p:focus { width: 30%; }
.active-w-30p:active { width: 30%; }
html[data-theme="dark"] .dark-active-w-30p:active { width: 30%; }
.disabled-w-30p:disabled { width: 30%; }
html[data-theme="dark"] .dark-disabled-w-30p:disabled { width: 30%; }
.focus-visible-w-30p:focus-visible { width: 30%; }
html[data-theme="dark"] .dark-focus-visible-w-30p:focus-visible { width: 30%; }
.focus-within-w-30p:focus-within { width: 30%; }
html[data-theme="dark"] .dark-focus-within-w-30p:focus-within { width: 30%; }
.group:hover .group-hover-w-30p { width: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-30p { width: 30%; }
.h-30p { height: 30%; }
html[data-theme="dark"] .dark-h-30p { height: 30%; }
.hover-h-30p:hover { height: 30%; }
html[data-theme="dark"] .dark-hover-h-30p:hover { height: 30%; }
.focus-h-30p:focus { height: 30%; }
html[data-theme="dark"] .dark-focus-h-30p:focus { height: 30%; }
.active-h-30p:active { height: 30%; }
html[data-theme="dark"] .dark-active-h-30p:active { height: 30%; }
.disabled-h-30p:disabled { height: 30%; }
html[data-theme="dark"] .dark-disabled-h-30p:disabled { height: 30%; }
.focus-visible-h-30p:focus-visible { height: 30%; }
html[data-theme="dark"] .dark-focus-visible-h-30p:focus-visible { height: 30%; }
.focus-within-h-30p:focus-within { height: 30%; }
html[data-theme="dark"] .dark-focus-within-h-30p:focus-within { height: 30%; }
.group:hover .group-hover-h-30p { height: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-30p { height: 30%; }
.min-w-30p { min-width: 30%; }
html[data-theme="dark"] .dark-min-w-30p { min-width: 30%; }
.hover-min-w-30p:hover { min-width: 30%; }
html[data-theme="dark"] .dark-hover-min-w-30p:hover { min-width: 30%; }
.focus-min-w-30p:focus { min-width: 30%; }
html[data-theme="dark"] .dark-focus-min-w-30p:focus { min-width: 30%; }
.active-min-w-30p:active { min-width: 30%; }
html[data-theme="dark"] .dark-active-min-w-30p:active { min-width: 30%; }
.disabled-min-w-30p:disabled { min-width: 30%; }
html[data-theme="dark"] .dark-disabled-min-w-30p:disabled { min-width: 30%; }
.focus-visible-min-w-30p:focus-visible { min-width: 30%; }
html[data-theme="dark"] .dark-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
.focus-within-min-w-30p:focus-within { min-width: 30%; }
html[data-theme="dark"] .dark-focus-within-min-w-30p:focus-within { min-width: 30%; }
.group:hover .group-hover-min-w-30p { min-width: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-30p { min-width: 30%; }
.max-w-30p { max-width: 30%; }
html[data-theme="dark"] .dark-max-w-30p { max-width: 30%; }
.hover-max-w-30p:hover { max-width: 30%; }
html[data-theme="dark"] .dark-hover-max-w-30p:hover { max-width: 30%; }
.focus-max-w-30p:focus { max-width: 30%; }
html[data-theme="dark"] .dark-focus-max-w-30p:focus { max-width: 30%; }
.active-max-w-30p:active { max-width: 30%; }
html[data-theme="dark"] .dark-active-max-w-30p:active { max-width: 30%; }
.disabled-max-w-30p:disabled { max-width: 30%; }
html[data-theme="dark"] .dark-disabled-max-w-30p:disabled { max-width: 30%; }
.focus-visible-max-w-30p:focus-visible { max-width: 30%; }
html[data-theme="dark"] .dark-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
.focus-within-max-w-30p:focus-within { max-width: 30%; }
html[data-theme="dark"] .dark-focus-within-max-w-30p:focus-within { max-width: 30%; }
.group:hover .group-hover-max-w-30p { max-width: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-30p { max-width: 30%; }
.min-h-30p { min-height: 30%; }
html[data-theme="dark"] .dark-min-h-30p { min-height: 30%; }
.hover-min-h-30p:hover { min-height: 30%; }
html[data-theme="dark"] .dark-hover-min-h-30p:hover { min-height: 30%; }
.focus-min-h-30p:focus { min-height: 30%; }
html[data-theme="dark"] .dark-focus-min-h-30p:focus { min-height: 30%; }
.active-min-h-30p:active { min-height: 30%; }
html[data-theme="dark"] .dark-active-min-h-30p:active { min-height: 30%; }
.disabled-min-h-30p:disabled { min-height: 30%; }
html[data-theme="dark"] .dark-disabled-min-h-30p:disabled { min-height: 30%; }
.focus-visible-min-h-30p:focus-visible { min-height: 30%; }
html[data-theme="dark"] .dark-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
.focus-within-min-h-30p:focus-within { min-height: 30%; }
html[data-theme="dark"] .dark-focus-within-min-h-30p:focus-within { min-height: 30%; }
.group:hover .group-hover-min-h-30p { min-height: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-30p { min-height: 30%; }
.max-h-30p { max-height: 30%; }
html[data-theme="dark"] .dark-max-h-30p { max-height: 30%; }
.hover-max-h-30p:hover { max-height: 30%; }
html[data-theme="dark"] .dark-hover-max-h-30p:hover { max-height: 30%; }
.focus-max-h-30p:focus { max-height: 30%; }
html[data-theme="dark"] .dark-focus-max-h-30p:focus { max-height: 30%; }
.active-max-h-30p:active { max-height: 30%; }
html[data-theme="dark"] .dark-active-max-h-30p:active { max-height: 30%; }
.disabled-max-h-30p:disabled { max-height: 30%; }
html[data-theme="dark"] .dark-disabled-max-h-30p:disabled { max-height: 30%; }
.focus-visible-max-h-30p:focus-visible { max-height: 30%; }
html[data-theme="dark"] .dark-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
.focus-within-max-h-30p:focus-within { max-height: 30%; }
html[data-theme="dark"] .dark-focus-within-max-h-30p:focus-within { max-height: 30%; }
.group:hover .group-hover-max-h-30p { max-height: 30%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-30p { max-height: 30%; }
.w-35p { width: 35%; }
html[data-theme="dark"] .dark-w-35p { width: 35%; }
.hover-w-35p:hover { width: 35%; }
html[data-theme="dark"] .dark-hover-w-35p:hover { width: 35%; }
.focus-w-35p:focus { width: 35%; }
html[data-theme="dark"] .dark-focus-w-35p:focus { width: 35%; }
.active-w-35p:active { width: 35%; }
html[data-theme="dark"] .dark-active-w-35p:active { width: 35%; }
.disabled-w-35p:disabled { width: 35%; }
html[data-theme="dark"] .dark-disabled-w-35p:disabled { width: 35%; }
.focus-visible-w-35p:focus-visible { width: 35%; }
html[data-theme="dark"] .dark-focus-visible-w-35p:focus-visible { width: 35%; }
.focus-within-w-35p:focus-within { width: 35%; }
html[data-theme="dark"] .dark-focus-within-w-35p:focus-within { width: 35%; }
.group:hover .group-hover-w-35p { width: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-35p { width: 35%; }
.h-35p { height: 35%; }
html[data-theme="dark"] .dark-h-35p { height: 35%; }
.hover-h-35p:hover { height: 35%; }
html[data-theme="dark"] .dark-hover-h-35p:hover { height: 35%; }
.focus-h-35p:focus { height: 35%; }
html[data-theme="dark"] .dark-focus-h-35p:focus { height: 35%; }
.active-h-35p:active { height: 35%; }
html[data-theme="dark"] .dark-active-h-35p:active { height: 35%; }
.disabled-h-35p:disabled { height: 35%; }
html[data-theme="dark"] .dark-disabled-h-35p:disabled { height: 35%; }
.focus-visible-h-35p:focus-visible { height: 35%; }
html[data-theme="dark"] .dark-focus-visible-h-35p:focus-visible { height: 35%; }
.focus-within-h-35p:focus-within { height: 35%; }
html[data-theme="dark"] .dark-focus-within-h-35p:focus-within { height: 35%; }
.group:hover .group-hover-h-35p { height: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-35p { height: 35%; }
.min-w-35p { min-width: 35%; }
html[data-theme="dark"] .dark-min-w-35p { min-width: 35%; }
.hover-min-w-35p:hover { min-width: 35%; }
html[data-theme="dark"] .dark-hover-min-w-35p:hover { min-width: 35%; }
.focus-min-w-35p:focus { min-width: 35%; }
html[data-theme="dark"] .dark-focus-min-w-35p:focus { min-width: 35%; }
.active-min-w-35p:active { min-width: 35%; }
html[data-theme="dark"] .dark-active-min-w-35p:active { min-width: 35%; }
.disabled-min-w-35p:disabled { min-width: 35%; }
html[data-theme="dark"] .dark-disabled-min-w-35p:disabled { min-width: 35%; }
.focus-visible-min-w-35p:focus-visible { min-width: 35%; }
html[data-theme="dark"] .dark-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
.focus-within-min-w-35p:focus-within { min-width: 35%; }
html[data-theme="dark"] .dark-focus-within-min-w-35p:focus-within { min-width: 35%; }
.group:hover .group-hover-min-w-35p { min-width: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-35p { min-width: 35%; }
.max-w-35p { max-width: 35%; }
html[data-theme="dark"] .dark-max-w-35p { max-width: 35%; }
.hover-max-w-35p:hover { max-width: 35%; }
html[data-theme="dark"] .dark-hover-max-w-35p:hover { max-width: 35%; }
.focus-max-w-35p:focus { max-width: 35%; }
html[data-theme="dark"] .dark-focus-max-w-35p:focus { max-width: 35%; }
.active-max-w-35p:active { max-width: 35%; }
html[data-theme="dark"] .dark-active-max-w-35p:active { max-width: 35%; }
.disabled-max-w-35p:disabled { max-width: 35%; }
html[data-theme="dark"] .dark-disabled-max-w-35p:disabled { max-width: 35%; }
.focus-visible-max-w-35p:focus-visible { max-width: 35%; }
html[data-theme="dark"] .dark-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
.focus-within-max-w-35p:focus-within { max-width: 35%; }
html[data-theme="dark"] .dark-focus-within-max-w-35p:focus-within { max-width: 35%; }
.group:hover .group-hover-max-w-35p { max-width: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-35p { max-width: 35%; }
.min-h-35p { min-height: 35%; }
html[data-theme="dark"] .dark-min-h-35p { min-height: 35%; }
.hover-min-h-35p:hover { min-height: 35%; }
html[data-theme="dark"] .dark-hover-min-h-35p:hover { min-height: 35%; }
.focus-min-h-35p:focus { min-height: 35%; }
html[data-theme="dark"] .dark-focus-min-h-35p:focus { min-height: 35%; }
.active-min-h-35p:active { min-height: 35%; }
html[data-theme="dark"] .dark-active-min-h-35p:active { min-height: 35%; }
.disabled-min-h-35p:disabled { min-height: 35%; }
html[data-theme="dark"] .dark-disabled-min-h-35p:disabled { min-height: 35%; }
.focus-visible-min-h-35p:focus-visible { min-height: 35%; }
html[data-theme="dark"] .dark-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
.focus-within-min-h-35p:focus-within { min-height: 35%; }
html[data-theme="dark"] .dark-focus-within-min-h-35p:focus-within { min-height: 35%; }
.group:hover .group-hover-min-h-35p { min-height: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-35p { min-height: 35%; }
.max-h-35p { max-height: 35%; }
html[data-theme="dark"] .dark-max-h-35p { max-height: 35%; }
.hover-max-h-35p:hover { max-height: 35%; }
html[data-theme="dark"] .dark-hover-max-h-35p:hover { max-height: 35%; }
.focus-max-h-35p:focus { max-height: 35%; }
html[data-theme="dark"] .dark-focus-max-h-35p:focus { max-height: 35%; }
.active-max-h-35p:active { max-height: 35%; }
html[data-theme="dark"] .dark-active-max-h-35p:active { max-height: 35%; }
.disabled-max-h-35p:disabled { max-height: 35%; }
html[data-theme="dark"] .dark-disabled-max-h-35p:disabled { max-height: 35%; }
.focus-visible-max-h-35p:focus-visible { max-height: 35%; }
html[data-theme="dark"] .dark-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
.focus-within-max-h-35p:focus-within { max-height: 35%; }
html[data-theme="dark"] .dark-focus-within-max-h-35p:focus-within { max-height: 35%; }
.group:hover .group-hover-max-h-35p { max-height: 35%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-35p { max-height: 35%; }
.w-40p { width: 40%; }
html[data-theme="dark"] .dark-w-40p { width: 40%; }
.hover-w-40p:hover { width: 40%; }
html[data-theme="dark"] .dark-hover-w-40p:hover { width: 40%; }
.focus-w-40p:focus { width: 40%; }
html[data-theme="dark"] .dark-focus-w-40p:focus { width: 40%; }
.active-w-40p:active { width: 40%; }
html[data-theme="dark"] .dark-active-w-40p:active { width: 40%; }
.disabled-w-40p:disabled { width: 40%; }
html[data-theme="dark"] .dark-disabled-w-40p:disabled { width: 40%; }
.focus-visible-w-40p:focus-visible { width: 40%; }
html[data-theme="dark"] .dark-focus-visible-w-40p:focus-visible { width: 40%; }
.focus-within-w-40p:focus-within { width: 40%; }
html[data-theme="dark"] .dark-focus-within-w-40p:focus-within { width: 40%; }
.group:hover .group-hover-w-40p { width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-40p { width: 40%; }
.h-40p { height: 40%; }
html[data-theme="dark"] .dark-h-40p { height: 40%; }
.hover-h-40p:hover { height: 40%; }
html[data-theme="dark"] .dark-hover-h-40p:hover { height: 40%; }
.focus-h-40p:focus { height: 40%; }
html[data-theme="dark"] .dark-focus-h-40p:focus { height: 40%; }
.active-h-40p:active { height: 40%; }
html[data-theme="dark"] .dark-active-h-40p:active { height: 40%; }
.disabled-h-40p:disabled { height: 40%; }
html[data-theme="dark"] .dark-disabled-h-40p:disabled { height: 40%; }
.focus-visible-h-40p:focus-visible { height: 40%; }
html[data-theme="dark"] .dark-focus-visible-h-40p:focus-visible { height: 40%; }
.focus-within-h-40p:focus-within { height: 40%; }
html[data-theme="dark"] .dark-focus-within-h-40p:focus-within { height: 40%; }
.group:hover .group-hover-h-40p { height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-40p { height: 40%; }
.min-w-40p { min-width: 40%; }
html[data-theme="dark"] .dark-min-w-40p { min-width: 40%; }
.hover-min-w-40p:hover { min-width: 40%; }
html[data-theme="dark"] .dark-hover-min-w-40p:hover { min-width: 40%; }
.focus-min-w-40p:focus { min-width: 40%; }
html[data-theme="dark"] .dark-focus-min-w-40p:focus { min-width: 40%; }
.active-min-w-40p:active { min-width: 40%; }
html[data-theme="dark"] .dark-active-min-w-40p:active { min-width: 40%; }
.disabled-min-w-40p:disabled { min-width: 40%; }
html[data-theme="dark"] .dark-disabled-min-w-40p:disabled { min-width: 40%; }
.focus-visible-min-w-40p:focus-visible { min-width: 40%; }
html[data-theme="dark"] .dark-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
.focus-within-min-w-40p:focus-within { min-width: 40%; }
html[data-theme="dark"] .dark-focus-within-min-w-40p:focus-within { min-width: 40%; }
.group:hover .group-hover-min-w-40p { min-width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-40p { min-width: 40%; }
.max-w-40p { max-width: 40%; }
html[data-theme="dark"] .dark-max-w-40p { max-width: 40%; }
.hover-max-w-40p:hover { max-width: 40%; }
html[data-theme="dark"] .dark-hover-max-w-40p:hover { max-width: 40%; }
.focus-max-w-40p:focus { max-width: 40%; }
html[data-theme="dark"] .dark-focus-max-w-40p:focus { max-width: 40%; }
.active-max-w-40p:active { max-width: 40%; }
html[data-theme="dark"] .dark-active-max-w-40p:active { max-width: 40%; }
.disabled-max-w-40p:disabled { max-width: 40%; }
html[data-theme="dark"] .dark-disabled-max-w-40p:disabled { max-width: 40%; }
.focus-visible-max-w-40p:focus-visible { max-width: 40%; }
html[data-theme="dark"] .dark-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
.focus-within-max-w-40p:focus-within { max-width: 40%; }
html[data-theme="dark"] .dark-focus-within-max-w-40p:focus-within { max-width: 40%; }
.group:hover .group-hover-max-w-40p { max-width: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-40p { max-width: 40%; }
.min-h-40p { min-height: 40%; }
html[data-theme="dark"] .dark-min-h-40p { min-height: 40%; }
.hover-min-h-40p:hover { min-height: 40%; }
html[data-theme="dark"] .dark-hover-min-h-40p:hover { min-height: 40%; }
.focus-min-h-40p:focus { min-height: 40%; }
html[data-theme="dark"] .dark-focus-min-h-40p:focus { min-height: 40%; }
.active-min-h-40p:active { min-height: 40%; }
html[data-theme="dark"] .dark-active-min-h-40p:active { min-height: 40%; }
.disabled-min-h-40p:disabled { min-height: 40%; }
html[data-theme="dark"] .dark-disabled-min-h-40p:disabled { min-height: 40%; }
.focus-visible-min-h-40p:focus-visible { min-height: 40%; }
html[data-theme="dark"] .dark-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
.focus-within-min-h-40p:focus-within { min-height: 40%; }
html[data-theme="dark"] .dark-focus-within-min-h-40p:focus-within { min-height: 40%; }
.group:hover .group-hover-min-h-40p { min-height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-40p { min-height: 40%; }
.max-h-40p { max-height: 40%; }
html[data-theme="dark"] .dark-max-h-40p { max-height: 40%; }
.hover-max-h-40p:hover { max-height: 40%; }
html[data-theme="dark"] .dark-hover-max-h-40p:hover { max-height: 40%; }
.focus-max-h-40p:focus { max-height: 40%; }
html[data-theme="dark"] .dark-focus-max-h-40p:focus { max-height: 40%; }
.active-max-h-40p:active { max-height: 40%; }
html[data-theme="dark"] .dark-active-max-h-40p:active { max-height: 40%; }
.disabled-max-h-40p:disabled { max-height: 40%; }
html[data-theme="dark"] .dark-disabled-max-h-40p:disabled { max-height: 40%; }
.focus-visible-max-h-40p:focus-visible { max-height: 40%; }
html[data-theme="dark"] .dark-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
.focus-within-max-h-40p:focus-within { max-height: 40%; }
html[data-theme="dark"] .dark-focus-within-max-h-40p:focus-within { max-height: 40%; }
.group:hover .group-hover-max-h-40p { max-height: 40%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-40p { max-height: 40%; }
.w-45p { width: 45%; }
html[data-theme="dark"] .dark-w-45p { width: 45%; }
.hover-w-45p:hover { width: 45%; }
html[data-theme="dark"] .dark-hover-w-45p:hover { width: 45%; }
.focus-w-45p:focus { width: 45%; }
html[data-theme="dark"] .dark-focus-w-45p:focus { width: 45%; }
.active-w-45p:active { width: 45%; }
html[data-theme="dark"] .dark-active-w-45p:active { width: 45%; }
.disabled-w-45p:disabled { width: 45%; }
html[data-theme="dark"] .dark-disabled-w-45p:disabled { width: 45%; }
.focus-visible-w-45p:focus-visible { width: 45%; }
html[data-theme="dark"] .dark-focus-visible-w-45p:focus-visible { width: 45%; }
.focus-within-w-45p:focus-within { width: 45%; }
html[data-theme="dark"] .dark-focus-within-w-45p:focus-within { width: 45%; }
.group:hover .group-hover-w-45p { width: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-45p { width: 45%; }
.h-45p { height: 45%; }
html[data-theme="dark"] .dark-h-45p { height: 45%; }
.hover-h-45p:hover { height: 45%; }
html[data-theme="dark"] .dark-hover-h-45p:hover { height: 45%; }
.focus-h-45p:focus { height: 45%; }
html[data-theme="dark"] .dark-focus-h-45p:focus { height: 45%; }
.active-h-45p:active { height: 45%; }
html[data-theme="dark"] .dark-active-h-45p:active { height: 45%; }
.disabled-h-45p:disabled { height: 45%; }
html[data-theme="dark"] .dark-disabled-h-45p:disabled { height: 45%; }
.focus-visible-h-45p:focus-visible { height: 45%; }
html[data-theme="dark"] .dark-focus-visible-h-45p:focus-visible { height: 45%; }
.focus-within-h-45p:focus-within { height: 45%; }
html[data-theme="dark"] .dark-focus-within-h-45p:focus-within { height: 45%; }
.group:hover .group-hover-h-45p { height: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-45p { height: 45%; }
.min-w-45p { min-width: 45%; }
html[data-theme="dark"] .dark-min-w-45p { min-width: 45%; }
.hover-min-w-45p:hover { min-width: 45%; }
html[data-theme="dark"] .dark-hover-min-w-45p:hover { min-width: 45%; }
.focus-min-w-45p:focus { min-width: 45%; }
html[data-theme="dark"] .dark-focus-min-w-45p:focus { min-width: 45%; }
.active-min-w-45p:active { min-width: 45%; }
html[data-theme="dark"] .dark-active-min-w-45p:active { min-width: 45%; }
.disabled-min-w-45p:disabled { min-width: 45%; }
html[data-theme="dark"] .dark-disabled-min-w-45p:disabled { min-width: 45%; }
.focus-visible-min-w-45p:focus-visible { min-width: 45%; }
html[data-theme="dark"] .dark-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
.focus-within-min-w-45p:focus-within { min-width: 45%; }
html[data-theme="dark"] .dark-focus-within-min-w-45p:focus-within { min-width: 45%; }
.group:hover .group-hover-min-w-45p { min-width: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-45p { min-width: 45%; }
.max-w-45p { max-width: 45%; }
html[data-theme="dark"] .dark-max-w-45p { max-width: 45%; }
.hover-max-w-45p:hover { max-width: 45%; }
html[data-theme="dark"] .dark-hover-max-w-45p:hover { max-width: 45%; }
.focus-max-w-45p:focus { max-width: 45%; }
html[data-theme="dark"] .dark-focus-max-w-45p:focus { max-width: 45%; }
.active-max-w-45p:active { max-width: 45%; }
html[data-theme="dark"] .dark-active-max-w-45p:active { max-width: 45%; }
.disabled-max-w-45p:disabled { max-width: 45%; }
html[data-theme="dark"] .dark-disabled-max-w-45p:disabled { max-width: 45%; }
.focus-visible-max-w-45p:focus-visible { max-width: 45%; }
html[data-theme="dark"] .dark-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
.focus-within-max-w-45p:focus-within { max-width: 45%; }
html[data-theme="dark"] .dark-focus-within-max-w-45p:focus-within { max-width: 45%; }
.group:hover .group-hover-max-w-45p { max-width: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-45p { max-width: 45%; }
.min-h-45p { min-height: 45%; }
html[data-theme="dark"] .dark-min-h-45p { min-height: 45%; }
.hover-min-h-45p:hover { min-height: 45%; }
html[data-theme="dark"] .dark-hover-min-h-45p:hover { min-height: 45%; }
.focus-min-h-45p:focus { min-height: 45%; }
html[data-theme="dark"] .dark-focus-min-h-45p:focus { min-height: 45%; }
.active-min-h-45p:active { min-height: 45%; }
html[data-theme="dark"] .dark-active-min-h-45p:active { min-height: 45%; }
.disabled-min-h-45p:disabled { min-height: 45%; }
html[data-theme="dark"] .dark-disabled-min-h-45p:disabled { min-height: 45%; }
.focus-visible-min-h-45p:focus-visible { min-height: 45%; }
html[data-theme="dark"] .dark-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
.focus-within-min-h-45p:focus-within { min-height: 45%; }
html[data-theme="dark"] .dark-focus-within-min-h-45p:focus-within { min-height: 45%; }
.group:hover .group-hover-min-h-45p { min-height: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-45p { min-height: 45%; }
.max-h-45p { max-height: 45%; }
html[data-theme="dark"] .dark-max-h-45p { max-height: 45%; }
.hover-max-h-45p:hover { max-height: 45%; }
html[data-theme="dark"] .dark-hover-max-h-45p:hover { max-height: 45%; }
.focus-max-h-45p:focus { max-height: 45%; }
html[data-theme="dark"] .dark-focus-max-h-45p:focus { max-height: 45%; }
.active-max-h-45p:active { max-height: 45%; }
html[data-theme="dark"] .dark-active-max-h-45p:active { max-height: 45%; }
.disabled-max-h-45p:disabled { max-height: 45%; }
html[data-theme="dark"] .dark-disabled-max-h-45p:disabled { max-height: 45%; }
.focus-visible-max-h-45p:focus-visible { max-height: 45%; }
html[data-theme="dark"] .dark-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
.focus-within-max-h-45p:focus-within { max-height: 45%; }
html[data-theme="dark"] .dark-focus-within-max-h-45p:focus-within { max-height: 45%; }
.group:hover .group-hover-max-h-45p { max-height: 45%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-45p { max-height: 45%; }
.w-50p { width: 50%; }
html[data-theme="dark"] .dark-w-50p { width: 50%; }
.hover-w-50p:hover { width: 50%; }
html[data-theme="dark"] .dark-hover-w-50p:hover { width: 50%; }
.focus-w-50p:focus { width: 50%; }
html[data-theme="dark"] .dark-focus-w-50p:focus { width: 50%; }
.active-w-50p:active { width: 50%; }
html[data-theme="dark"] .dark-active-w-50p:active { width: 50%; }
.disabled-w-50p:disabled { width: 50%; }
html[data-theme="dark"] .dark-disabled-w-50p:disabled { width: 50%; }
.focus-visible-w-50p:focus-visible { width: 50%; }
html[data-theme="dark"] .dark-focus-visible-w-50p:focus-visible { width: 50%; }
.focus-within-w-50p:focus-within { width: 50%; }
html[data-theme="dark"] .dark-focus-within-w-50p:focus-within { width: 50%; }
.group:hover .group-hover-w-50p { width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-50p { width: 50%; }
.h-50p { height: 50%; }
html[data-theme="dark"] .dark-h-50p { height: 50%; }
.hover-h-50p:hover { height: 50%; }
html[data-theme="dark"] .dark-hover-h-50p:hover { height: 50%; }
.focus-h-50p:focus { height: 50%; }
html[data-theme="dark"] .dark-focus-h-50p:focus { height: 50%; }
.active-h-50p:active { height: 50%; }
html[data-theme="dark"] .dark-active-h-50p:active { height: 50%; }
.disabled-h-50p:disabled { height: 50%; }
html[data-theme="dark"] .dark-disabled-h-50p:disabled { height: 50%; }
.focus-visible-h-50p:focus-visible { height: 50%; }
html[data-theme="dark"] .dark-focus-visible-h-50p:focus-visible { height: 50%; }
.focus-within-h-50p:focus-within { height: 50%; }
html[data-theme="dark"] .dark-focus-within-h-50p:focus-within { height: 50%; }
.group:hover .group-hover-h-50p { height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-50p { height: 50%; }
.min-w-50p { min-width: 50%; }
html[data-theme="dark"] .dark-min-w-50p { min-width: 50%; }
.hover-min-w-50p:hover { min-width: 50%; }
html[data-theme="dark"] .dark-hover-min-w-50p:hover { min-width: 50%; }
.focus-min-w-50p:focus { min-width: 50%; }
html[data-theme="dark"] .dark-focus-min-w-50p:focus { min-width: 50%; }
.active-min-w-50p:active { min-width: 50%; }
html[data-theme="dark"] .dark-active-min-w-50p:active { min-width: 50%; }
.disabled-min-w-50p:disabled { min-width: 50%; }
html[data-theme="dark"] .dark-disabled-min-w-50p:disabled { min-width: 50%; }
.focus-visible-min-w-50p:focus-visible { min-width: 50%; }
html[data-theme="dark"] .dark-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
.focus-within-min-w-50p:focus-within { min-width: 50%; }
html[data-theme="dark"] .dark-focus-within-min-w-50p:focus-within { min-width: 50%; }
.group:hover .group-hover-min-w-50p { min-width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-50p { min-width: 50%; }
.max-w-50p { max-width: 50%; }
html[data-theme="dark"] .dark-max-w-50p { max-width: 50%; }
.hover-max-w-50p:hover { max-width: 50%; }
html[data-theme="dark"] .dark-hover-max-w-50p:hover { max-width: 50%; }
.focus-max-w-50p:focus { max-width: 50%; }
html[data-theme="dark"] .dark-focus-max-w-50p:focus { max-width: 50%; }
.active-max-w-50p:active { max-width: 50%; }
html[data-theme="dark"] .dark-active-max-w-50p:active { max-width: 50%; }
.disabled-max-w-50p:disabled { max-width: 50%; }
html[data-theme="dark"] .dark-disabled-max-w-50p:disabled { max-width: 50%; }
.focus-visible-max-w-50p:focus-visible { max-width: 50%; }
html[data-theme="dark"] .dark-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
.focus-within-max-w-50p:focus-within { max-width: 50%; }
html[data-theme="dark"] .dark-focus-within-max-w-50p:focus-within { max-width: 50%; }
.group:hover .group-hover-max-w-50p { max-width: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-50p { max-width: 50%; }
.min-h-50p { min-height: 50%; }
html[data-theme="dark"] .dark-min-h-50p { min-height: 50%; }
.hover-min-h-50p:hover { min-height: 50%; }
html[data-theme="dark"] .dark-hover-min-h-50p:hover { min-height: 50%; }
.focus-min-h-50p:focus { min-height: 50%; }
html[data-theme="dark"] .dark-focus-min-h-50p:focus { min-height: 50%; }
.active-min-h-50p:active { min-height: 50%; }
html[data-theme="dark"] .dark-active-min-h-50p:active { min-height: 50%; }
.disabled-min-h-50p:disabled { min-height: 50%; }
html[data-theme="dark"] .dark-disabled-min-h-50p:disabled { min-height: 50%; }
.focus-visible-min-h-50p:focus-visible { min-height: 50%; }
html[data-theme="dark"] .dark-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
.focus-within-min-h-50p:focus-within { min-height: 50%; }
html[data-theme="dark"] .dark-focus-within-min-h-50p:focus-within { min-height: 50%; }
.group:hover .group-hover-min-h-50p { min-height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-50p { min-height: 50%; }
.max-h-50p { max-height: 50%; }
html[data-theme="dark"] .dark-max-h-50p { max-height: 50%; }
.hover-max-h-50p:hover { max-height: 50%; }
html[data-theme="dark"] .dark-hover-max-h-50p:hover { max-height: 50%; }
.focus-max-h-50p:focus { max-height: 50%; }
html[data-theme="dark"] .dark-focus-max-h-50p:focus { max-height: 50%; }
.active-max-h-50p:active { max-height: 50%; }
html[data-theme="dark"] .dark-active-max-h-50p:active { max-height: 50%; }
.disabled-max-h-50p:disabled { max-height: 50%; }
html[data-theme="dark"] .dark-disabled-max-h-50p:disabled { max-height: 50%; }
.focus-visible-max-h-50p:focus-visible { max-height: 50%; }
html[data-theme="dark"] .dark-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
.focus-within-max-h-50p:focus-within { max-height: 50%; }
html[data-theme="dark"] .dark-focus-within-max-h-50p:focus-within { max-height: 50%; }
.group:hover .group-hover-max-h-50p { max-height: 50%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-50p { max-height: 50%; }
.w-55p { width: 55%; }
html[data-theme="dark"] .dark-w-55p { width: 55%; }
.hover-w-55p:hover { width: 55%; }
html[data-theme="dark"] .dark-hover-w-55p:hover { width: 55%; }
.focus-w-55p:focus { width: 55%; }
html[data-theme="dark"] .dark-focus-w-55p:focus { width: 55%; }
.active-w-55p:active { width: 55%; }
html[data-theme="dark"] .dark-active-w-55p:active { width: 55%; }
.disabled-w-55p:disabled { width: 55%; }
html[data-theme="dark"] .dark-disabled-w-55p:disabled { width: 55%; }
.focus-visible-w-55p:focus-visible { width: 55%; }
html[data-theme="dark"] .dark-focus-visible-w-55p:focus-visible { width: 55%; }
.focus-within-w-55p:focus-within { width: 55%; }
html[data-theme="dark"] .dark-focus-within-w-55p:focus-within { width: 55%; }
.group:hover .group-hover-w-55p { width: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-55p { width: 55%; }
.h-55p { height: 55%; }
html[data-theme="dark"] .dark-h-55p { height: 55%; }
.hover-h-55p:hover { height: 55%; }
html[data-theme="dark"] .dark-hover-h-55p:hover { height: 55%; }
.focus-h-55p:focus { height: 55%; }
html[data-theme="dark"] .dark-focus-h-55p:focus { height: 55%; }
.active-h-55p:active { height: 55%; }
html[data-theme="dark"] .dark-active-h-55p:active { height: 55%; }
.disabled-h-55p:disabled { height: 55%; }
html[data-theme="dark"] .dark-disabled-h-55p:disabled { height: 55%; }
.focus-visible-h-55p:focus-visible { height: 55%; }
html[data-theme="dark"] .dark-focus-visible-h-55p:focus-visible { height: 55%; }
.focus-within-h-55p:focus-within { height: 55%; }
html[data-theme="dark"] .dark-focus-within-h-55p:focus-within { height: 55%; }
.group:hover .group-hover-h-55p { height: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-55p { height: 55%; }
.min-w-55p { min-width: 55%; }
html[data-theme="dark"] .dark-min-w-55p { min-width: 55%; }
.hover-min-w-55p:hover { min-width: 55%; }
html[data-theme="dark"] .dark-hover-min-w-55p:hover { min-width: 55%; }
.focus-min-w-55p:focus { min-width: 55%; }
html[data-theme="dark"] .dark-focus-min-w-55p:focus { min-width: 55%; }
.active-min-w-55p:active { min-width: 55%; }
html[data-theme="dark"] .dark-active-min-w-55p:active { min-width: 55%; }
.disabled-min-w-55p:disabled { min-width: 55%; }
html[data-theme="dark"] .dark-disabled-min-w-55p:disabled { min-width: 55%; }
.focus-visible-min-w-55p:focus-visible { min-width: 55%; }
html[data-theme="dark"] .dark-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
.focus-within-min-w-55p:focus-within { min-width: 55%; }
html[data-theme="dark"] .dark-focus-within-min-w-55p:focus-within { min-width: 55%; }
.group:hover .group-hover-min-w-55p { min-width: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-55p { min-width: 55%; }
.max-w-55p { max-width: 55%; }
html[data-theme="dark"] .dark-max-w-55p { max-width: 55%; }
.hover-max-w-55p:hover { max-width: 55%; }
html[data-theme="dark"] .dark-hover-max-w-55p:hover { max-width: 55%; }
.focus-max-w-55p:focus { max-width: 55%; }
html[data-theme="dark"] .dark-focus-max-w-55p:focus { max-width: 55%; }
.active-max-w-55p:active { max-width: 55%; }
html[data-theme="dark"] .dark-active-max-w-55p:active { max-width: 55%; }
.disabled-max-w-55p:disabled { max-width: 55%; }
html[data-theme="dark"] .dark-disabled-max-w-55p:disabled { max-width: 55%; }
.focus-visible-max-w-55p:focus-visible { max-width: 55%; }
html[data-theme="dark"] .dark-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
.focus-within-max-w-55p:focus-within { max-width: 55%; }
html[data-theme="dark"] .dark-focus-within-max-w-55p:focus-within { max-width: 55%; }
.group:hover .group-hover-max-w-55p { max-width: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-55p { max-width: 55%; }
.min-h-55p { min-height: 55%; }
html[data-theme="dark"] .dark-min-h-55p { min-height: 55%; }
.hover-min-h-55p:hover { min-height: 55%; }
html[data-theme="dark"] .dark-hover-min-h-55p:hover { min-height: 55%; }
.focus-min-h-55p:focus { min-height: 55%; }
html[data-theme="dark"] .dark-focus-min-h-55p:focus { min-height: 55%; }
.active-min-h-55p:active { min-height: 55%; }
html[data-theme="dark"] .dark-active-min-h-55p:active { min-height: 55%; }
.disabled-min-h-55p:disabled { min-height: 55%; }
html[data-theme="dark"] .dark-disabled-min-h-55p:disabled { min-height: 55%; }
.focus-visible-min-h-55p:focus-visible { min-height: 55%; }
html[data-theme="dark"] .dark-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
.focus-within-min-h-55p:focus-within { min-height: 55%; }
html[data-theme="dark"] .dark-focus-within-min-h-55p:focus-within { min-height: 55%; }
.group:hover .group-hover-min-h-55p { min-height: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-55p { min-height: 55%; }
.max-h-55p { max-height: 55%; }
html[data-theme="dark"] .dark-max-h-55p { max-height: 55%; }
.hover-max-h-55p:hover { max-height: 55%; }
html[data-theme="dark"] .dark-hover-max-h-55p:hover { max-height: 55%; }
.focus-max-h-55p:focus { max-height: 55%; }
html[data-theme="dark"] .dark-focus-max-h-55p:focus { max-height: 55%; }
.active-max-h-55p:active { max-height: 55%; }
html[data-theme="dark"] .dark-active-max-h-55p:active { max-height: 55%; }
.disabled-max-h-55p:disabled { max-height: 55%; }
html[data-theme="dark"] .dark-disabled-max-h-55p:disabled { max-height: 55%; }
.focus-visible-max-h-55p:focus-visible { max-height: 55%; }
html[data-theme="dark"] .dark-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
.focus-within-max-h-55p:focus-within { max-height: 55%; }
html[data-theme="dark"] .dark-focus-within-max-h-55p:focus-within { max-height: 55%; }
.group:hover .group-hover-max-h-55p { max-height: 55%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-55p { max-height: 55%; }
.w-60p { width: 60%; }
html[data-theme="dark"] .dark-w-60p { width: 60%; }
.hover-w-60p:hover { width: 60%; }
html[data-theme="dark"] .dark-hover-w-60p:hover { width: 60%; }
.focus-w-60p:focus { width: 60%; }
html[data-theme="dark"] .dark-focus-w-60p:focus { width: 60%; }
.active-w-60p:active { width: 60%; }
html[data-theme="dark"] .dark-active-w-60p:active { width: 60%; }
.disabled-w-60p:disabled { width: 60%; }
html[data-theme="dark"] .dark-disabled-w-60p:disabled { width: 60%; }
.focus-visible-w-60p:focus-visible { width: 60%; }
html[data-theme="dark"] .dark-focus-visible-w-60p:focus-visible { width: 60%; }
.focus-within-w-60p:focus-within { width: 60%; }
html[data-theme="dark"] .dark-focus-within-w-60p:focus-within { width: 60%; }
.group:hover .group-hover-w-60p { width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-60p { width: 60%; }
.h-60p { height: 60%; }
html[data-theme="dark"] .dark-h-60p { height: 60%; }
.hover-h-60p:hover { height: 60%; }
html[data-theme="dark"] .dark-hover-h-60p:hover { height: 60%; }
.focus-h-60p:focus { height: 60%; }
html[data-theme="dark"] .dark-focus-h-60p:focus { height: 60%; }
.active-h-60p:active { height: 60%; }
html[data-theme="dark"] .dark-active-h-60p:active { height: 60%; }
.disabled-h-60p:disabled { height: 60%; }
html[data-theme="dark"] .dark-disabled-h-60p:disabled { height: 60%; }
.focus-visible-h-60p:focus-visible { height: 60%; }
html[data-theme="dark"] .dark-focus-visible-h-60p:focus-visible { height: 60%; }
.focus-within-h-60p:focus-within { height: 60%; }
html[data-theme="dark"] .dark-focus-within-h-60p:focus-within { height: 60%; }
.group:hover .group-hover-h-60p { height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-60p { height: 60%; }
.min-w-60p { min-width: 60%; }
html[data-theme="dark"] .dark-min-w-60p { min-width: 60%; }
.hover-min-w-60p:hover { min-width: 60%; }
html[data-theme="dark"] .dark-hover-min-w-60p:hover { min-width: 60%; }
.focus-min-w-60p:focus { min-width: 60%; }
html[data-theme="dark"] .dark-focus-min-w-60p:focus { min-width: 60%; }
.active-min-w-60p:active { min-width: 60%; }
html[data-theme="dark"] .dark-active-min-w-60p:active { min-width: 60%; }
.disabled-min-w-60p:disabled { min-width: 60%; }
html[data-theme="dark"] .dark-disabled-min-w-60p:disabled { min-width: 60%; }
.focus-visible-min-w-60p:focus-visible { min-width: 60%; }
html[data-theme="dark"] .dark-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
.focus-within-min-w-60p:focus-within { min-width: 60%; }
html[data-theme="dark"] .dark-focus-within-min-w-60p:focus-within { min-width: 60%; }
.group:hover .group-hover-min-w-60p { min-width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-60p { min-width: 60%; }
.max-w-60p { max-width: 60%; }
html[data-theme="dark"] .dark-max-w-60p { max-width: 60%; }
.hover-max-w-60p:hover { max-width: 60%; }
html[data-theme="dark"] .dark-hover-max-w-60p:hover { max-width: 60%; }
.focus-max-w-60p:focus { max-width: 60%; }
html[data-theme="dark"] .dark-focus-max-w-60p:focus { max-width: 60%; }
.active-max-w-60p:active { max-width: 60%; }
html[data-theme="dark"] .dark-active-max-w-60p:active { max-width: 60%; }
.disabled-max-w-60p:disabled { max-width: 60%; }
html[data-theme="dark"] .dark-disabled-max-w-60p:disabled { max-width: 60%; }
.focus-visible-max-w-60p:focus-visible { max-width: 60%; }
html[data-theme="dark"] .dark-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
.focus-within-max-w-60p:focus-within { max-width: 60%; }
html[data-theme="dark"] .dark-focus-within-max-w-60p:focus-within { max-width: 60%; }
.group:hover .group-hover-max-w-60p { max-width: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-60p { max-width: 60%; }
.min-h-60p { min-height: 60%; }
html[data-theme="dark"] .dark-min-h-60p { min-height: 60%; }
.hover-min-h-60p:hover { min-height: 60%; }
html[data-theme="dark"] .dark-hover-min-h-60p:hover { min-height: 60%; }
.focus-min-h-60p:focus { min-height: 60%; }
html[data-theme="dark"] .dark-focus-min-h-60p:focus { min-height: 60%; }
.active-min-h-60p:active { min-height: 60%; }
html[data-theme="dark"] .dark-active-min-h-60p:active { min-height: 60%; }
.disabled-min-h-60p:disabled { min-height: 60%; }
html[data-theme="dark"] .dark-disabled-min-h-60p:disabled { min-height: 60%; }
.focus-visible-min-h-60p:focus-visible { min-height: 60%; }
html[data-theme="dark"] .dark-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
.focus-within-min-h-60p:focus-within { min-height: 60%; }
html[data-theme="dark"] .dark-focus-within-min-h-60p:focus-within { min-height: 60%; }
.group:hover .group-hover-min-h-60p { min-height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-60p { min-height: 60%; }
.max-h-60p { max-height: 60%; }
html[data-theme="dark"] .dark-max-h-60p { max-height: 60%; }
.hover-max-h-60p:hover { max-height: 60%; }
html[data-theme="dark"] .dark-hover-max-h-60p:hover { max-height: 60%; }
.focus-max-h-60p:focus { max-height: 60%; }
html[data-theme="dark"] .dark-focus-max-h-60p:focus { max-height: 60%; }
.active-max-h-60p:active { max-height: 60%; }
html[data-theme="dark"] .dark-active-max-h-60p:active { max-height: 60%; }
.disabled-max-h-60p:disabled { max-height: 60%; }
html[data-theme="dark"] .dark-disabled-max-h-60p:disabled { max-height: 60%; }
.focus-visible-max-h-60p:focus-visible { max-height: 60%; }
html[data-theme="dark"] .dark-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
.focus-within-max-h-60p:focus-within { max-height: 60%; }
html[data-theme="dark"] .dark-focus-within-max-h-60p:focus-within { max-height: 60%; }
.group:hover .group-hover-max-h-60p { max-height: 60%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-60p { max-height: 60%; }
.w-65p { width: 65%; }
html[data-theme="dark"] .dark-w-65p { width: 65%; }
.hover-w-65p:hover { width: 65%; }
html[data-theme="dark"] .dark-hover-w-65p:hover { width: 65%; }
.focus-w-65p:focus { width: 65%; }
html[data-theme="dark"] .dark-focus-w-65p:focus { width: 65%; }
.active-w-65p:active { width: 65%; }
html[data-theme="dark"] .dark-active-w-65p:active { width: 65%; }
.disabled-w-65p:disabled { width: 65%; }
html[data-theme="dark"] .dark-disabled-w-65p:disabled { width: 65%; }
.focus-visible-w-65p:focus-visible { width: 65%; }
html[data-theme="dark"] .dark-focus-visible-w-65p:focus-visible { width: 65%; }
.focus-within-w-65p:focus-within { width: 65%; }
html[data-theme="dark"] .dark-focus-within-w-65p:focus-within { width: 65%; }
.group:hover .group-hover-w-65p { width: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-65p { width: 65%; }
.h-65p { height: 65%; }
html[data-theme="dark"] .dark-h-65p { height: 65%; }
.hover-h-65p:hover { height: 65%; }
html[data-theme="dark"] .dark-hover-h-65p:hover { height: 65%; }
.focus-h-65p:focus { height: 65%; }
html[data-theme="dark"] .dark-focus-h-65p:focus { height: 65%; }
.active-h-65p:active { height: 65%; }
html[data-theme="dark"] .dark-active-h-65p:active { height: 65%; }
.disabled-h-65p:disabled { height: 65%; }
html[data-theme="dark"] .dark-disabled-h-65p:disabled { height: 65%; }
.focus-visible-h-65p:focus-visible { height: 65%; }
html[data-theme="dark"] .dark-focus-visible-h-65p:focus-visible { height: 65%; }
.focus-within-h-65p:focus-within { height: 65%; }
html[data-theme="dark"] .dark-focus-within-h-65p:focus-within { height: 65%; }
.group:hover .group-hover-h-65p { height: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-65p { height: 65%; }
.min-w-65p { min-width: 65%; }
html[data-theme="dark"] .dark-min-w-65p { min-width: 65%; }
.hover-min-w-65p:hover { min-width: 65%; }
html[data-theme="dark"] .dark-hover-min-w-65p:hover { min-width: 65%; }
.focus-min-w-65p:focus { min-width: 65%; }
html[data-theme="dark"] .dark-focus-min-w-65p:focus { min-width: 65%; }
.active-min-w-65p:active { min-width: 65%; }
html[data-theme="dark"] .dark-active-min-w-65p:active { min-width: 65%; }
.disabled-min-w-65p:disabled { min-width: 65%; }
html[data-theme="dark"] .dark-disabled-min-w-65p:disabled { min-width: 65%; }
.focus-visible-min-w-65p:focus-visible { min-width: 65%; }
html[data-theme="dark"] .dark-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
.focus-within-min-w-65p:focus-within { min-width: 65%; }
html[data-theme="dark"] .dark-focus-within-min-w-65p:focus-within { min-width: 65%; }
.group:hover .group-hover-min-w-65p { min-width: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-65p { min-width: 65%; }
.max-w-65p { max-width: 65%; }
html[data-theme="dark"] .dark-max-w-65p { max-width: 65%; }
.hover-max-w-65p:hover { max-width: 65%; }
html[data-theme="dark"] .dark-hover-max-w-65p:hover { max-width: 65%; }
.focus-max-w-65p:focus { max-width: 65%; }
html[data-theme="dark"] .dark-focus-max-w-65p:focus { max-width: 65%; }
.active-max-w-65p:active { max-width: 65%; }
html[data-theme="dark"] .dark-active-max-w-65p:active { max-width: 65%; }
.disabled-max-w-65p:disabled { max-width: 65%; }
html[data-theme="dark"] .dark-disabled-max-w-65p:disabled { max-width: 65%; }
.focus-visible-max-w-65p:focus-visible { max-width: 65%; }
html[data-theme="dark"] .dark-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
.focus-within-max-w-65p:focus-within { max-width: 65%; }
html[data-theme="dark"] .dark-focus-within-max-w-65p:focus-within { max-width: 65%; }
.group:hover .group-hover-max-w-65p { max-width: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-65p { max-width: 65%; }
.min-h-65p { min-height: 65%; }
html[data-theme="dark"] .dark-min-h-65p { min-height: 65%; }
.hover-min-h-65p:hover { min-height: 65%; }
html[data-theme="dark"] .dark-hover-min-h-65p:hover { min-height: 65%; }
.focus-min-h-65p:focus { min-height: 65%; }
html[data-theme="dark"] .dark-focus-min-h-65p:focus { min-height: 65%; }
.active-min-h-65p:active { min-height: 65%; }
html[data-theme="dark"] .dark-active-min-h-65p:active { min-height: 65%; }
.disabled-min-h-65p:disabled { min-height: 65%; }
html[data-theme="dark"] .dark-disabled-min-h-65p:disabled { min-height: 65%; }
.focus-visible-min-h-65p:focus-visible { min-height: 65%; }
html[data-theme="dark"] .dark-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
.focus-within-min-h-65p:focus-within { min-height: 65%; }
html[data-theme="dark"] .dark-focus-within-min-h-65p:focus-within { min-height: 65%; }
.group:hover .group-hover-min-h-65p { min-height: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-65p { min-height: 65%; }
.max-h-65p { max-height: 65%; }
html[data-theme="dark"] .dark-max-h-65p { max-height: 65%; }
.hover-max-h-65p:hover { max-height: 65%; }
html[data-theme="dark"] .dark-hover-max-h-65p:hover { max-height: 65%; }
.focus-max-h-65p:focus { max-height: 65%; }
html[data-theme="dark"] .dark-focus-max-h-65p:focus { max-height: 65%; }
.active-max-h-65p:active { max-height: 65%; }
html[data-theme="dark"] .dark-active-max-h-65p:active { max-height: 65%; }
.disabled-max-h-65p:disabled { max-height: 65%; }
html[data-theme="dark"] .dark-disabled-max-h-65p:disabled { max-height: 65%; }
.focus-visible-max-h-65p:focus-visible { max-height: 65%; }
html[data-theme="dark"] .dark-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
.focus-within-max-h-65p:focus-within { max-height: 65%; }
html[data-theme="dark"] .dark-focus-within-max-h-65p:focus-within { max-height: 65%; }
.group:hover .group-hover-max-h-65p { max-height: 65%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-65p { max-height: 65%; }
.w-70p { width: 70%; }
html[data-theme="dark"] .dark-w-70p { width: 70%; }
.hover-w-70p:hover { width: 70%; }
html[data-theme="dark"] .dark-hover-w-70p:hover { width: 70%; }
.focus-w-70p:focus { width: 70%; }
html[data-theme="dark"] .dark-focus-w-70p:focus { width: 70%; }
.active-w-70p:active { width: 70%; }
html[data-theme="dark"] .dark-active-w-70p:active { width: 70%; }
.disabled-w-70p:disabled { width: 70%; }
html[data-theme="dark"] .dark-disabled-w-70p:disabled { width: 70%; }
.focus-visible-w-70p:focus-visible { width: 70%; }
html[data-theme="dark"] .dark-focus-visible-w-70p:focus-visible { width: 70%; }
.focus-within-w-70p:focus-within { width: 70%; }
html[data-theme="dark"] .dark-focus-within-w-70p:focus-within { width: 70%; }
.group:hover .group-hover-w-70p { width: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-70p { width: 70%; }
.h-70p { height: 70%; }
html[data-theme="dark"] .dark-h-70p { height: 70%; }
.hover-h-70p:hover { height: 70%; }
html[data-theme="dark"] .dark-hover-h-70p:hover { height: 70%; }
.focus-h-70p:focus { height: 70%; }
html[data-theme="dark"] .dark-focus-h-70p:focus { height: 70%; }
.active-h-70p:active { height: 70%; }
html[data-theme="dark"] .dark-active-h-70p:active { height: 70%; }
.disabled-h-70p:disabled { height: 70%; }
html[data-theme="dark"] .dark-disabled-h-70p:disabled { height: 70%; }
.focus-visible-h-70p:focus-visible { height: 70%; }
html[data-theme="dark"] .dark-focus-visible-h-70p:focus-visible { height: 70%; }
.focus-within-h-70p:focus-within { height: 70%; }
html[data-theme="dark"] .dark-focus-within-h-70p:focus-within { height: 70%; }
.group:hover .group-hover-h-70p { height: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-70p { height: 70%; }
.min-w-70p { min-width: 70%; }
html[data-theme="dark"] .dark-min-w-70p { min-width: 70%; }
.hover-min-w-70p:hover { min-width: 70%; }
html[data-theme="dark"] .dark-hover-min-w-70p:hover { min-width: 70%; }
.focus-min-w-70p:focus { min-width: 70%; }
html[data-theme="dark"] .dark-focus-min-w-70p:focus { min-width: 70%; }
.active-min-w-70p:active { min-width: 70%; }
html[data-theme="dark"] .dark-active-min-w-70p:active { min-width: 70%; }
.disabled-min-w-70p:disabled { min-width: 70%; }
html[data-theme="dark"] .dark-disabled-min-w-70p:disabled { min-width: 70%; }
.focus-visible-min-w-70p:focus-visible { min-width: 70%; }
html[data-theme="dark"] .dark-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
.focus-within-min-w-70p:focus-within { min-width: 70%; }
html[data-theme="dark"] .dark-focus-within-min-w-70p:focus-within { min-width: 70%; }
.group:hover .group-hover-min-w-70p { min-width: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-70p { min-width: 70%; }
.max-w-70p { max-width: 70%; }
html[data-theme="dark"] .dark-max-w-70p { max-width: 70%; }
.hover-max-w-70p:hover { max-width: 70%; }
html[data-theme="dark"] .dark-hover-max-w-70p:hover { max-width: 70%; }
.focus-max-w-70p:focus { max-width: 70%; }
html[data-theme="dark"] .dark-focus-max-w-70p:focus { max-width: 70%; }
.active-max-w-70p:active { max-width: 70%; }
html[data-theme="dark"] .dark-active-max-w-70p:active { max-width: 70%; }
.disabled-max-w-70p:disabled { max-width: 70%; }
html[data-theme="dark"] .dark-disabled-max-w-70p:disabled { max-width: 70%; }
.focus-visible-max-w-70p:focus-visible { max-width: 70%; }
html[data-theme="dark"] .dark-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
.focus-within-max-w-70p:focus-within { max-width: 70%; }
html[data-theme="dark"] .dark-focus-within-max-w-70p:focus-within { max-width: 70%; }
.group:hover .group-hover-max-w-70p { max-width: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-70p { max-width: 70%; }
.min-h-70p { min-height: 70%; }
html[data-theme="dark"] .dark-min-h-70p { min-height: 70%; }
.hover-min-h-70p:hover { min-height: 70%; }
html[data-theme="dark"] .dark-hover-min-h-70p:hover { min-height: 70%; }
.focus-min-h-70p:focus { min-height: 70%; }
html[data-theme="dark"] .dark-focus-min-h-70p:focus { min-height: 70%; }
.active-min-h-70p:active { min-height: 70%; }
html[data-theme="dark"] .dark-active-min-h-70p:active { min-height: 70%; }
.disabled-min-h-70p:disabled { min-height: 70%; }
html[data-theme="dark"] .dark-disabled-min-h-70p:disabled { min-height: 70%; }
.focus-visible-min-h-70p:focus-visible { min-height: 70%; }
html[data-theme="dark"] .dark-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
.focus-within-min-h-70p:focus-within { min-height: 70%; }
html[data-theme="dark"] .dark-focus-within-min-h-70p:focus-within { min-height: 70%; }
.group:hover .group-hover-min-h-70p { min-height: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-70p { min-height: 70%; }
.max-h-70p { max-height: 70%; }
html[data-theme="dark"] .dark-max-h-70p { max-height: 70%; }
.hover-max-h-70p:hover { max-height: 70%; }
html[data-theme="dark"] .dark-hover-max-h-70p:hover { max-height: 70%; }
.focus-max-h-70p:focus { max-height: 70%; }
html[data-theme="dark"] .dark-focus-max-h-70p:focus { max-height: 70%; }
.active-max-h-70p:active { max-height: 70%; }
html[data-theme="dark"] .dark-active-max-h-70p:active { max-height: 70%; }
.disabled-max-h-70p:disabled { max-height: 70%; }
html[data-theme="dark"] .dark-disabled-max-h-70p:disabled { max-height: 70%; }
.focus-visible-max-h-70p:focus-visible { max-height: 70%; }
html[data-theme="dark"] .dark-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
.focus-within-max-h-70p:focus-within { max-height: 70%; }
html[data-theme="dark"] .dark-focus-within-max-h-70p:focus-within { max-height: 70%; }
.group:hover .group-hover-max-h-70p { max-height: 70%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-70p { max-height: 70%; }
.w-75p { width: 75%; }
html[data-theme="dark"] .dark-w-75p { width: 75%; }
.hover-w-75p:hover { width: 75%; }
html[data-theme="dark"] .dark-hover-w-75p:hover { width: 75%; }
.focus-w-75p:focus { width: 75%; }
html[data-theme="dark"] .dark-focus-w-75p:focus { width: 75%; }
.active-w-75p:active { width: 75%; }
html[data-theme="dark"] .dark-active-w-75p:active { width: 75%; }
.disabled-w-75p:disabled { width: 75%; }
html[data-theme="dark"] .dark-disabled-w-75p:disabled { width: 75%; }
.focus-visible-w-75p:focus-visible { width: 75%; }
html[data-theme="dark"] .dark-focus-visible-w-75p:focus-visible { width: 75%; }
.focus-within-w-75p:focus-within { width: 75%; }
html[data-theme="dark"] .dark-focus-within-w-75p:focus-within { width: 75%; }
.group:hover .group-hover-w-75p { width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-75p { width: 75%; }
.h-75p { height: 75%; }
html[data-theme="dark"] .dark-h-75p { height: 75%; }
.hover-h-75p:hover { height: 75%; }
html[data-theme="dark"] .dark-hover-h-75p:hover { height: 75%; }
.focus-h-75p:focus { height: 75%; }
html[data-theme="dark"] .dark-focus-h-75p:focus { height: 75%; }
.active-h-75p:active { height: 75%; }
html[data-theme="dark"] .dark-active-h-75p:active { height: 75%; }
.disabled-h-75p:disabled { height: 75%; }
html[data-theme="dark"] .dark-disabled-h-75p:disabled { height: 75%; }
.focus-visible-h-75p:focus-visible { height: 75%; }
html[data-theme="dark"] .dark-focus-visible-h-75p:focus-visible { height: 75%; }
.focus-within-h-75p:focus-within { height: 75%; }
html[data-theme="dark"] .dark-focus-within-h-75p:focus-within { height: 75%; }
.group:hover .group-hover-h-75p { height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-75p { height: 75%; }
.min-w-75p { min-width: 75%; }
html[data-theme="dark"] .dark-min-w-75p { min-width: 75%; }
.hover-min-w-75p:hover { min-width: 75%; }
html[data-theme="dark"] .dark-hover-min-w-75p:hover { min-width: 75%; }
.focus-min-w-75p:focus { min-width: 75%; }
html[data-theme="dark"] .dark-focus-min-w-75p:focus { min-width: 75%; }
.active-min-w-75p:active { min-width: 75%; }
html[data-theme="dark"] .dark-active-min-w-75p:active { min-width: 75%; }
.disabled-min-w-75p:disabled { min-width: 75%; }
html[data-theme="dark"] .dark-disabled-min-w-75p:disabled { min-width: 75%; }
.focus-visible-min-w-75p:focus-visible { min-width: 75%; }
html[data-theme="dark"] .dark-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
.focus-within-min-w-75p:focus-within { min-width: 75%; }
html[data-theme="dark"] .dark-focus-within-min-w-75p:focus-within { min-width: 75%; }
.group:hover .group-hover-min-w-75p { min-width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-75p { min-width: 75%; }
.max-w-75p { max-width: 75%; }
html[data-theme="dark"] .dark-max-w-75p { max-width: 75%; }
.hover-max-w-75p:hover { max-width: 75%; }
html[data-theme="dark"] .dark-hover-max-w-75p:hover { max-width: 75%; }
.focus-max-w-75p:focus { max-width: 75%; }
html[data-theme="dark"] .dark-focus-max-w-75p:focus { max-width: 75%; }
.active-max-w-75p:active { max-width: 75%; }
html[data-theme="dark"] .dark-active-max-w-75p:active { max-width: 75%; }
.disabled-max-w-75p:disabled { max-width: 75%; }
html[data-theme="dark"] .dark-disabled-max-w-75p:disabled { max-width: 75%; }
.focus-visible-max-w-75p:focus-visible { max-width: 75%; }
html[data-theme="dark"] .dark-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
.focus-within-max-w-75p:focus-within { max-width: 75%; }
html[data-theme="dark"] .dark-focus-within-max-w-75p:focus-within { max-width: 75%; }
.group:hover .group-hover-max-w-75p { max-width: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-75p { max-width: 75%; }
.min-h-75p { min-height: 75%; }
html[data-theme="dark"] .dark-min-h-75p { min-height: 75%; }
.hover-min-h-75p:hover { min-height: 75%; }
html[data-theme="dark"] .dark-hover-min-h-75p:hover { min-height: 75%; }
.focus-min-h-75p:focus { min-height: 75%; }
html[data-theme="dark"] .dark-focus-min-h-75p:focus { min-height: 75%; }
.active-min-h-75p:active { min-height: 75%; }
html[data-theme="dark"] .dark-active-min-h-75p:active { min-height: 75%; }
.disabled-min-h-75p:disabled { min-height: 75%; }
html[data-theme="dark"] .dark-disabled-min-h-75p:disabled { min-height: 75%; }
.focus-visible-min-h-75p:focus-visible { min-height: 75%; }
html[data-theme="dark"] .dark-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
.focus-within-min-h-75p:focus-within { min-height: 75%; }
html[data-theme="dark"] .dark-focus-within-min-h-75p:focus-within { min-height: 75%; }
.group:hover .group-hover-min-h-75p { min-height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-75p { min-height: 75%; }
.max-h-75p { max-height: 75%; }
html[data-theme="dark"] .dark-max-h-75p { max-height: 75%; }
.hover-max-h-75p:hover { max-height: 75%; }
html[data-theme="dark"] .dark-hover-max-h-75p:hover { max-height: 75%; }
.focus-max-h-75p:focus { max-height: 75%; }
html[data-theme="dark"] .dark-focus-max-h-75p:focus { max-height: 75%; }
.active-max-h-75p:active { max-height: 75%; }
html[data-theme="dark"] .dark-active-max-h-75p:active { max-height: 75%; }
.disabled-max-h-75p:disabled { max-height: 75%; }
html[data-theme="dark"] .dark-disabled-max-h-75p:disabled { max-height: 75%; }
.focus-visible-max-h-75p:focus-visible { max-height: 75%; }
html[data-theme="dark"] .dark-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
.focus-within-max-h-75p:focus-within { max-height: 75%; }
html[data-theme="dark"] .dark-focus-within-max-h-75p:focus-within { max-height: 75%; }
.group:hover .group-hover-max-h-75p { max-height: 75%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-75p { max-height: 75%; }
.w-80p { width: 80%; }
html[data-theme="dark"] .dark-w-80p { width: 80%; }
.hover-w-80p:hover { width: 80%; }
html[data-theme="dark"] .dark-hover-w-80p:hover { width: 80%; }
.focus-w-80p:focus { width: 80%; }
html[data-theme="dark"] .dark-focus-w-80p:focus { width: 80%; }
.active-w-80p:active { width: 80%; }
html[data-theme="dark"] .dark-active-w-80p:active { width: 80%; }
.disabled-w-80p:disabled { width: 80%; }
html[data-theme="dark"] .dark-disabled-w-80p:disabled { width: 80%; }
.focus-visible-w-80p:focus-visible { width: 80%; }
html[data-theme="dark"] .dark-focus-visible-w-80p:focus-visible { width: 80%; }
.focus-within-w-80p:focus-within { width: 80%; }
html[data-theme="dark"] .dark-focus-within-w-80p:focus-within { width: 80%; }
.group:hover .group-hover-w-80p { width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-80p { width: 80%; }
.h-80p { height: 80%; }
html[data-theme="dark"] .dark-h-80p { height: 80%; }
.hover-h-80p:hover { height: 80%; }
html[data-theme="dark"] .dark-hover-h-80p:hover { height: 80%; }
.focus-h-80p:focus { height: 80%; }
html[data-theme="dark"] .dark-focus-h-80p:focus { height: 80%; }
.active-h-80p:active { height: 80%; }
html[data-theme="dark"] .dark-active-h-80p:active { height: 80%; }
.disabled-h-80p:disabled { height: 80%; }
html[data-theme="dark"] .dark-disabled-h-80p:disabled { height: 80%; }
.focus-visible-h-80p:focus-visible { height: 80%; }
html[data-theme="dark"] .dark-focus-visible-h-80p:focus-visible { height: 80%; }
.focus-within-h-80p:focus-within { height: 80%; }
html[data-theme="dark"] .dark-focus-within-h-80p:focus-within { height: 80%; }
.group:hover .group-hover-h-80p { height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-80p { height: 80%; }
.min-w-80p { min-width: 80%; }
html[data-theme="dark"] .dark-min-w-80p { min-width: 80%; }
.hover-min-w-80p:hover { min-width: 80%; }
html[data-theme="dark"] .dark-hover-min-w-80p:hover { min-width: 80%; }
.focus-min-w-80p:focus { min-width: 80%; }
html[data-theme="dark"] .dark-focus-min-w-80p:focus { min-width: 80%; }
.active-min-w-80p:active { min-width: 80%; }
html[data-theme="dark"] .dark-active-min-w-80p:active { min-width: 80%; }
.disabled-min-w-80p:disabled { min-width: 80%; }
html[data-theme="dark"] .dark-disabled-min-w-80p:disabled { min-width: 80%; }
.focus-visible-min-w-80p:focus-visible { min-width: 80%; }
html[data-theme="dark"] .dark-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
.focus-within-min-w-80p:focus-within { min-width: 80%; }
html[data-theme="dark"] .dark-focus-within-min-w-80p:focus-within { min-width: 80%; }
.group:hover .group-hover-min-w-80p { min-width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-80p { min-width: 80%; }
.max-w-80p { max-width: 80%; }
html[data-theme="dark"] .dark-max-w-80p { max-width: 80%; }
.hover-max-w-80p:hover { max-width: 80%; }
html[data-theme="dark"] .dark-hover-max-w-80p:hover { max-width: 80%; }
.focus-max-w-80p:focus { max-width: 80%; }
html[data-theme="dark"] .dark-focus-max-w-80p:focus { max-width: 80%; }
.active-max-w-80p:active { max-width: 80%; }
html[data-theme="dark"] .dark-active-max-w-80p:active { max-width: 80%; }
.disabled-max-w-80p:disabled { max-width: 80%; }
html[data-theme="dark"] .dark-disabled-max-w-80p:disabled { max-width: 80%; }
.focus-visible-max-w-80p:focus-visible { max-width: 80%; }
html[data-theme="dark"] .dark-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
.focus-within-max-w-80p:focus-within { max-width: 80%; }
html[data-theme="dark"] .dark-focus-within-max-w-80p:focus-within { max-width: 80%; }
.group:hover .group-hover-max-w-80p { max-width: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-80p { max-width: 80%; }
.min-h-80p { min-height: 80%; }
html[data-theme="dark"] .dark-min-h-80p { min-height: 80%; }
.hover-min-h-80p:hover { min-height: 80%; }
html[data-theme="dark"] .dark-hover-min-h-80p:hover { min-height: 80%; }
.focus-min-h-80p:focus { min-height: 80%; }
html[data-theme="dark"] .dark-focus-min-h-80p:focus { min-height: 80%; }
.active-min-h-80p:active { min-height: 80%; }
html[data-theme="dark"] .dark-active-min-h-80p:active { min-height: 80%; }
.disabled-min-h-80p:disabled { min-height: 80%; }
html[data-theme="dark"] .dark-disabled-min-h-80p:disabled { min-height: 80%; }
.focus-visible-min-h-80p:focus-visible { min-height: 80%; }
html[data-theme="dark"] .dark-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
.focus-within-min-h-80p:focus-within { min-height: 80%; }
html[data-theme="dark"] .dark-focus-within-min-h-80p:focus-within { min-height: 80%; }
.group:hover .group-hover-min-h-80p { min-height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-80p { min-height: 80%; }
.max-h-80p { max-height: 80%; }
html[data-theme="dark"] .dark-max-h-80p { max-height: 80%; }
.hover-max-h-80p:hover { max-height: 80%; }
html[data-theme="dark"] .dark-hover-max-h-80p:hover { max-height: 80%; }
.focus-max-h-80p:focus { max-height: 80%; }
html[data-theme="dark"] .dark-focus-max-h-80p:focus { max-height: 80%; }
.active-max-h-80p:active { max-height: 80%; }
html[data-theme="dark"] .dark-active-max-h-80p:active { max-height: 80%; }
.disabled-max-h-80p:disabled { max-height: 80%; }
html[data-theme="dark"] .dark-disabled-max-h-80p:disabled { max-height: 80%; }
.focus-visible-max-h-80p:focus-visible { max-height: 80%; }
html[data-theme="dark"] .dark-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
.focus-within-max-h-80p:focus-within { max-height: 80%; }
html[data-theme="dark"] .dark-focus-within-max-h-80p:focus-within { max-height: 80%; }
.group:hover .group-hover-max-h-80p { max-height: 80%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-80p { max-height: 80%; }
.w-85p { width: 85%; }
html[data-theme="dark"] .dark-w-85p { width: 85%; }
.hover-w-85p:hover { width: 85%; }
html[data-theme="dark"] .dark-hover-w-85p:hover { width: 85%; }
.focus-w-85p:focus { width: 85%; }
html[data-theme="dark"] .dark-focus-w-85p:focus { width: 85%; }
.active-w-85p:active { width: 85%; }
html[data-theme="dark"] .dark-active-w-85p:active { width: 85%; }
.disabled-w-85p:disabled { width: 85%; }
html[data-theme="dark"] .dark-disabled-w-85p:disabled { width: 85%; }
.focus-visible-w-85p:focus-visible { width: 85%; }
html[data-theme="dark"] .dark-focus-visible-w-85p:focus-visible { width: 85%; }
.focus-within-w-85p:focus-within { width: 85%; }
html[data-theme="dark"] .dark-focus-within-w-85p:focus-within { width: 85%; }
.group:hover .group-hover-w-85p { width: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-85p { width: 85%; }
.h-85p { height: 85%; }
html[data-theme="dark"] .dark-h-85p { height: 85%; }
.hover-h-85p:hover { height: 85%; }
html[data-theme="dark"] .dark-hover-h-85p:hover { height: 85%; }
.focus-h-85p:focus { height: 85%; }
html[data-theme="dark"] .dark-focus-h-85p:focus { height: 85%; }
.active-h-85p:active { height: 85%; }
html[data-theme="dark"] .dark-active-h-85p:active { height: 85%; }
.disabled-h-85p:disabled { height: 85%; }
html[data-theme="dark"] .dark-disabled-h-85p:disabled { height: 85%; }
.focus-visible-h-85p:focus-visible { height: 85%; }
html[data-theme="dark"] .dark-focus-visible-h-85p:focus-visible { height: 85%; }
.focus-within-h-85p:focus-within { height: 85%; }
html[data-theme="dark"] .dark-focus-within-h-85p:focus-within { height: 85%; }
.group:hover .group-hover-h-85p { height: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-85p { height: 85%; }
.min-w-85p { min-width: 85%; }
html[data-theme="dark"] .dark-min-w-85p { min-width: 85%; }
.hover-min-w-85p:hover { min-width: 85%; }
html[data-theme="dark"] .dark-hover-min-w-85p:hover { min-width: 85%; }
.focus-min-w-85p:focus { min-width: 85%; }
html[data-theme="dark"] .dark-focus-min-w-85p:focus { min-width: 85%; }
.active-min-w-85p:active { min-width: 85%; }
html[data-theme="dark"] .dark-active-min-w-85p:active { min-width: 85%; }
.disabled-min-w-85p:disabled { min-width: 85%; }
html[data-theme="dark"] .dark-disabled-min-w-85p:disabled { min-width: 85%; }
.focus-visible-min-w-85p:focus-visible { min-width: 85%; }
html[data-theme="dark"] .dark-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
.focus-within-min-w-85p:focus-within { min-width: 85%; }
html[data-theme="dark"] .dark-focus-within-min-w-85p:focus-within { min-width: 85%; }
.group:hover .group-hover-min-w-85p { min-width: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-85p { min-width: 85%; }
.max-w-85p { max-width: 85%; }
html[data-theme="dark"] .dark-max-w-85p { max-width: 85%; }
.hover-max-w-85p:hover { max-width: 85%; }
html[data-theme="dark"] .dark-hover-max-w-85p:hover { max-width: 85%; }
.focus-max-w-85p:focus { max-width: 85%; }
html[data-theme="dark"] .dark-focus-max-w-85p:focus { max-width: 85%; }
.active-max-w-85p:active { max-width: 85%; }
html[data-theme="dark"] .dark-active-max-w-85p:active { max-width: 85%; }
.disabled-max-w-85p:disabled { max-width: 85%; }
html[data-theme="dark"] .dark-disabled-max-w-85p:disabled { max-width: 85%; }
.focus-visible-max-w-85p:focus-visible { max-width: 85%; }
html[data-theme="dark"] .dark-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
.focus-within-max-w-85p:focus-within { max-width: 85%; }
html[data-theme="dark"] .dark-focus-within-max-w-85p:focus-within { max-width: 85%; }
.group:hover .group-hover-max-w-85p { max-width: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-85p { max-width: 85%; }
.min-h-85p { min-height: 85%; }
html[data-theme="dark"] .dark-min-h-85p { min-height: 85%; }
.hover-min-h-85p:hover { min-height: 85%; }
html[data-theme="dark"] .dark-hover-min-h-85p:hover { min-height: 85%; }
.focus-min-h-85p:focus { min-height: 85%; }
html[data-theme="dark"] .dark-focus-min-h-85p:focus { min-height: 85%; }
.active-min-h-85p:active { min-height: 85%; }
html[data-theme="dark"] .dark-active-min-h-85p:active { min-height: 85%; }
.disabled-min-h-85p:disabled { min-height: 85%; }
html[data-theme="dark"] .dark-disabled-min-h-85p:disabled { min-height: 85%; }
.focus-visible-min-h-85p:focus-visible { min-height: 85%; }
html[data-theme="dark"] .dark-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
.focus-within-min-h-85p:focus-within { min-height: 85%; }
html[data-theme="dark"] .dark-focus-within-min-h-85p:focus-within { min-height: 85%; }
.group:hover .group-hover-min-h-85p { min-height: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-85p { min-height: 85%; }
.max-h-85p { max-height: 85%; }
html[data-theme="dark"] .dark-max-h-85p { max-height: 85%; }
.hover-max-h-85p:hover { max-height: 85%; }
html[data-theme="dark"] .dark-hover-max-h-85p:hover { max-height: 85%; }
.focus-max-h-85p:focus { max-height: 85%; }
html[data-theme="dark"] .dark-focus-max-h-85p:focus { max-height: 85%; }
.active-max-h-85p:active { max-height: 85%; }
html[data-theme="dark"] .dark-active-max-h-85p:active { max-height: 85%; }
.disabled-max-h-85p:disabled { max-height: 85%; }
html[data-theme="dark"] .dark-disabled-max-h-85p:disabled { max-height: 85%; }
.focus-visible-max-h-85p:focus-visible { max-height: 85%; }
html[data-theme="dark"] .dark-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
.focus-within-max-h-85p:focus-within { max-height: 85%; }
html[data-theme="dark"] .dark-focus-within-max-h-85p:focus-within { max-height: 85%; }
.group:hover .group-hover-max-h-85p { max-height: 85%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-85p { max-height: 85%; }
.w-90p { width: 90%; }
html[data-theme="dark"] .dark-w-90p { width: 90%; }
.hover-w-90p:hover { width: 90%; }
html[data-theme="dark"] .dark-hover-w-90p:hover { width: 90%; }
.focus-w-90p:focus { width: 90%; }
html[data-theme="dark"] .dark-focus-w-90p:focus { width: 90%; }
.active-w-90p:active { width: 90%; }
html[data-theme="dark"] .dark-active-w-90p:active { width: 90%; }
.disabled-w-90p:disabled { width: 90%; }
html[data-theme="dark"] .dark-disabled-w-90p:disabled { width: 90%; }
.focus-visible-w-90p:focus-visible { width: 90%; }
html[data-theme="dark"] .dark-focus-visible-w-90p:focus-visible { width: 90%; }
.focus-within-w-90p:focus-within { width: 90%; }
html[data-theme="dark"] .dark-focus-within-w-90p:focus-within { width: 90%; }
.group:hover .group-hover-w-90p { width: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-90p { width: 90%; }
.h-90p { height: 90%; }
html[data-theme="dark"] .dark-h-90p { height: 90%; }
.hover-h-90p:hover { height: 90%; }
html[data-theme="dark"] .dark-hover-h-90p:hover { height: 90%; }
.focus-h-90p:focus { height: 90%; }
html[data-theme="dark"] .dark-focus-h-90p:focus { height: 90%; }
.active-h-90p:active { height: 90%; }
html[data-theme="dark"] .dark-active-h-90p:active { height: 90%; }
.disabled-h-90p:disabled { height: 90%; }
html[data-theme="dark"] .dark-disabled-h-90p:disabled { height: 90%; }
.focus-visible-h-90p:focus-visible { height: 90%; }
html[data-theme="dark"] .dark-focus-visible-h-90p:focus-visible { height: 90%; }
.focus-within-h-90p:focus-within { height: 90%; }
html[data-theme="dark"] .dark-focus-within-h-90p:focus-within { height: 90%; }
.group:hover .group-hover-h-90p { height: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-90p { height: 90%; }
.min-w-90p { min-width: 90%; }
html[data-theme="dark"] .dark-min-w-90p { min-width: 90%; }
.hover-min-w-90p:hover { min-width: 90%; }
html[data-theme="dark"] .dark-hover-min-w-90p:hover { min-width: 90%; }
.focus-min-w-90p:focus { min-width: 90%; }
html[data-theme="dark"] .dark-focus-min-w-90p:focus { min-width: 90%; }
.active-min-w-90p:active { min-width: 90%; }
html[data-theme="dark"] .dark-active-min-w-90p:active { min-width: 90%; }
.disabled-min-w-90p:disabled { min-width: 90%; }
html[data-theme="dark"] .dark-disabled-min-w-90p:disabled { min-width: 90%; }
.focus-visible-min-w-90p:focus-visible { min-width: 90%; }
html[data-theme="dark"] .dark-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
.focus-within-min-w-90p:focus-within { min-width: 90%; }
html[data-theme="dark"] .dark-focus-within-min-w-90p:focus-within { min-width: 90%; }
.group:hover .group-hover-min-w-90p { min-width: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-90p { min-width: 90%; }
.max-w-90p { max-width: 90%; }
html[data-theme="dark"] .dark-max-w-90p { max-width: 90%; }
.hover-max-w-90p:hover { max-width: 90%; }
html[data-theme="dark"] .dark-hover-max-w-90p:hover { max-width: 90%; }
.focus-max-w-90p:focus { max-width: 90%; }
html[data-theme="dark"] .dark-focus-max-w-90p:focus { max-width: 90%; }
.active-max-w-90p:active { max-width: 90%; }
html[data-theme="dark"] .dark-active-max-w-90p:active { max-width: 90%; }
.disabled-max-w-90p:disabled { max-width: 90%; }
html[data-theme="dark"] .dark-disabled-max-w-90p:disabled { max-width: 90%; }
.focus-visible-max-w-90p:focus-visible { max-width: 90%; }
html[data-theme="dark"] .dark-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
.focus-within-max-w-90p:focus-within { max-width: 90%; }
html[data-theme="dark"] .dark-focus-within-max-w-90p:focus-within { max-width: 90%; }
.group:hover .group-hover-max-w-90p { max-width: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-90p { max-width: 90%; }
.min-h-90p { min-height: 90%; }
html[data-theme="dark"] .dark-min-h-90p { min-height: 90%; }
.hover-min-h-90p:hover { min-height: 90%; }
html[data-theme="dark"] .dark-hover-min-h-90p:hover { min-height: 90%; }
.focus-min-h-90p:focus { min-height: 90%; }
html[data-theme="dark"] .dark-focus-min-h-90p:focus { min-height: 90%; }
.active-min-h-90p:active { min-height: 90%; }
html[data-theme="dark"] .dark-active-min-h-90p:active { min-height: 90%; }
.disabled-min-h-90p:disabled { min-height: 90%; }
html[data-theme="dark"] .dark-disabled-min-h-90p:disabled { min-height: 90%; }
.focus-visible-min-h-90p:focus-visible { min-height: 90%; }
html[data-theme="dark"] .dark-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
.focus-within-min-h-90p:focus-within { min-height: 90%; }
html[data-theme="dark"] .dark-focus-within-min-h-90p:focus-within { min-height: 90%; }
.group:hover .group-hover-min-h-90p { min-height: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-90p { min-height: 90%; }
.max-h-90p { max-height: 90%; }
html[data-theme="dark"] .dark-max-h-90p { max-height: 90%; }
.hover-max-h-90p:hover { max-height: 90%; }
html[data-theme="dark"] .dark-hover-max-h-90p:hover { max-height: 90%; }
.focus-max-h-90p:focus { max-height: 90%; }
html[data-theme="dark"] .dark-focus-max-h-90p:focus { max-height: 90%; }
.active-max-h-90p:active { max-height: 90%; }
html[data-theme="dark"] .dark-active-max-h-90p:active { max-height: 90%; }
.disabled-max-h-90p:disabled { max-height: 90%; }
html[data-theme="dark"] .dark-disabled-max-h-90p:disabled { max-height: 90%; }
.focus-visible-max-h-90p:focus-visible { max-height: 90%; }
html[data-theme="dark"] .dark-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
.focus-within-max-h-90p:focus-within { max-height: 90%; }
html[data-theme="dark"] .dark-focus-within-max-h-90p:focus-within { max-height: 90%; }
.group:hover .group-hover-max-h-90p { max-height: 90%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-90p { max-height: 90%; }
.w-95p { width: 95%; }
html[data-theme="dark"] .dark-w-95p { width: 95%; }
.hover-w-95p:hover { width: 95%; }
html[data-theme="dark"] .dark-hover-w-95p:hover { width: 95%; }
.focus-w-95p:focus { width: 95%; }
html[data-theme="dark"] .dark-focus-w-95p:focus { width: 95%; }
.active-w-95p:active { width: 95%; }
html[data-theme="dark"] .dark-active-w-95p:active { width: 95%; }
.disabled-w-95p:disabled { width: 95%; }
html[data-theme="dark"] .dark-disabled-w-95p:disabled { width: 95%; }
.focus-visible-w-95p:focus-visible { width: 95%; }
html[data-theme="dark"] .dark-focus-visible-w-95p:focus-visible { width: 95%; }
.focus-within-w-95p:focus-within { width: 95%; }
html[data-theme="dark"] .dark-focus-within-w-95p:focus-within { width: 95%; }
.group:hover .group-hover-w-95p { width: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-95p { width: 95%; }
.h-95p { height: 95%; }
html[data-theme="dark"] .dark-h-95p { height: 95%; }
.hover-h-95p:hover { height: 95%; }
html[data-theme="dark"] .dark-hover-h-95p:hover { height: 95%; }
.focus-h-95p:focus { height: 95%; }
html[data-theme="dark"] .dark-focus-h-95p:focus { height: 95%; }
.active-h-95p:active { height: 95%; }
html[data-theme="dark"] .dark-active-h-95p:active { height: 95%; }
.disabled-h-95p:disabled { height: 95%; }
html[data-theme="dark"] .dark-disabled-h-95p:disabled { height: 95%; }
.focus-visible-h-95p:focus-visible { height: 95%; }
html[data-theme="dark"] .dark-focus-visible-h-95p:focus-visible { height: 95%; }
.focus-within-h-95p:focus-within { height: 95%; }
html[data-theme="dark"] .dark-focus-within-h-95p:focus-within { height: 95%; }
.group:hover .group-hover-h-95p { height: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-95p { height: 95%; }
.min-w-95p { min-width: 95%; }
html[data-theme="dark"] .dark-min-w-95p { min-width: 95%; }
.hover-min-w-95p:hover { min-width: 95%; }
html[data-theme="dark"] .dark-hover-min-w-95p:hover { min-width: 95%; }
.focus-min-w-95p:focus { min-width: 95%; }
html[data-theme="dark"] .dark-focus-min-w-95p:focus { min-width: 95%; }
.active-min-w-95p:active { min-width: 95%; }
html[data-theme="dark"] .dark-active-min-w-95p:active { min-width: 95%; }
.disabled-min-w-95p:disabled { min-width: 95%; }
html[data-theme="dark"] .dark-disabled-min-w-95p:disabled { min-width: 95%; }
.focus-visible-min-w-95p:focus-visible { min-width: 95%; }
html[data-theme="dark"] .dark-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
.focus-within-min-w-95p:focus-within { min-width: 95%; }
html[data-theme="dark"] .dark-focus-within-min-w-95p:focus-within { min-width: 95%; }
.group:hover .group-hover-min-w-95p { min-width: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-95p { min-width: 95%; }
.max-w-95p { max-width: 95%; }
html[data-theme="dark"] .dark-max-w-95p { max-width: 95%; }
.hover-max-w-95p:hover { max-width: 95%; }
html[data-theme="dark"] .dark-hover-max-w-95p:hover { max-width: 95%; }
.focus-max-w-95p:focus { max-width: 95%; }
html[data-theme="dark"] .dark-focus-max-w-95p:focus { max-width: 95%; }
.active-max-w-95p:active { max-width: 95%; }
html[data-theme="dark"] .dark-active-max-w-95p:active { max-width: 95%; }
.disabled-max-w-95p:disabled { max-width: 95%; }
html[data-theme="dark"] .dark-disabled-max-w-95p:disabled { max-width: 95%; }
.focus-visible-max-w-95p:focus-visible { max-width: 95%; }
html[data-theme="dark"] .dark-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
.focus-within-max-w-95p:focus-within { max-width: 95%; }
html[data-theme="dark"] .dark-focus-within-max-w-95p:focus-within { max-width: 95%; }
.group:hover .group-hover-max-w-95p { max-width: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-95p { max-width: 95%; }
.min-h-95p { min-height: 95%; }
html[data-theme="dark"] .dark-min-h-95p { min-height: 95%; }
.hover-min-h-95p:hover { min-height: 95%; }
html[data-theme="dark"] .dark-hover-min-h-95p:hover { min-height: 95%; }
.focus-min-h-95p:focus { min-height: 95%; }
html[data-theme="dark"] .dark-focus-min-h-95p:focus { min-height: 95%; }
.active-min-h-95p:active { min-height: 95%; }
html[data-theme="dark"] .dark-active-min-h-95p:active { min-height: 95%; }
.disabled-min-h-95p:disabled { min-height: 95%; }
html[data-theme="dark"] .dark-disabled-min-h-95p:disabled { min-height: 95%; }
.focus-visible-min-h-95p:focus-visible { min-height: 95%; }
html[data-theme="dark"] .dark-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
.focus-within-min-h-95p:focus-within { min-height: 95%; }
html[data-theme="dark"] .dark-focus-within-min-h-95p:focus-within { min-height: 95%; }
.group:hover .group-hover-min-h-95p { min-height: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-95p { min-height: 95%; }
.max-h-95p { max-height: 95%; }
html[data-theme="dark"] .dark-max-h-95p { max-height: 95%; }
.hover-max-h-95p:hover { max-height: 95%; }
html[data-theme="dark"] .dark-hover-max-h-95p:hover { max-height: 95%; }
.focus-max-h-95p:focus { max-height: 95%; }
html[data-theme="dark"] .dark-focus-max-h-95p:focus { max-height: 95%; }
.active-max-h-95p:active { max-height: 95%; }
html[data-theme="dark"] .dark-active-max-h-95p:active { max-height: 95%; }
.disabled-max-h-95p:disabled { max-height: 95%; }
html[data-theme="dark"] .dark-disabled-max-h-95p:disabled { max-height: 95%; }
.focus-visible-max-h-95p:focus-visible { max-height: 95%; }
html[data-theme="dark"] .dark-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
.focus-within-max-h-95p:focus-within { max-height: 95%; }
html[data-theme="dark"] .dark-focus-within-max-h-95p:focus-within { max-height: 95%; }
.group:hover .group-hover-max-h-95p { max-height: 95%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-95p { max-height: 95%; }
.w-100p { width: 100%; }
html[data-theme="dark"] .dark-w-100p { width: 100%; }
.hover-w-100p:hover { width: 100%; }
html[data-theme="dark"] .dark-hover-w-100p:hover { width: 100%; }
.focus-w-100p:focus { width: 100%; }
html[data-theme="dark"] .dark-focus-w-100p:focus { width: 100%; }
.active-w-100p:active { width: 100%; }
html[data-theme="dark"] .dark-active-w-100p:active { width: 100%; }
.disabled-w-100p:disabled { width: 100%; }
html[data-theme="dark"] .dark-disabled-w-100p:disabled { width: 100%; }
.focus-visible-w-100p:focus-visible { width: 100%; }
html[data-theme="dark"] .dark-focus-visible-w-100p:focus-visible { width: 100%; }
.focus-within-w-100p:focus-within { width: 100%; }
html[data-theme="dark"] .dark-focus-within-w-100p:focus-within { width: 100%; }
.group:hover .group-hover-w-100p { width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-100p { width: 100%; }
.h-100p { height: 100%; }
html[data-theme="dark"] .dark-h-100p { height: 100%; }
.hover-h-100p:hover { height: 100%; }
html[data-theme="dark"] .dark-hover-h-100p:hover { height: 100%; }
.focus-h-100p:focus { height: 100%; }
html[data-theme="dark"] .dark-focus-h-100p:focus { height: 100%; }
.active-h-100p:active { height: 100%; }
html[data-theme="dark"] .dark-active-h-100p:active { height: 100%; }
.disabled-h-100p:disabled { height: 100%; }
html[data-theme="dark"] .dark-disabled-h-100p:disabled { height: 100%; }
.focus-visible-h-100p:focus-visible { height: 100%; }
html[data-theme="dark"] .dark-focus-visible-h-100p:focus-visible { height: 100%; }
.focus-within-h-100p:focus-within { height: 100%; }
html[data-theme="dark"] .dark-focus-within-h-100p:focus-within { height: 100%; }
.group:hover .group-hover-h-100p { height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-100p { height: 100%; }
.min-w-100p { min-width: 100%; }
html[data-theme="dark"] .dark-min-w-100p { min-width: 100%; }
.hover-min-w-100p:hover { min-width: 100%; }
html[data-theme="dark"] .dark-hover-min-w-100p:hover { min-width: 100%; }
.focus-min-w-100p:focus { min-width: 100%; }
html[data-theme="dark"] .dark-focus-min-w-100p:focus { min-width: 100%; }
.active-min-w-100p:active { min-width: 100%; }
html[data-theme="dark"] .dark-active-min-w-100p:active { min-width: 100%; }
.disabled-min-w-100p:disabled { min-width: 100%; }
html[data-theme="dark"] .dark-disabled-min-w-100p:disabled { min-width: 100%; }
.focus-visible-min-w-100p:focus-visible { min-width: 100%; }
html[data-theme="dark"] .dark-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
.focus-within-min-w-100p:focus-within { min-width: 100%; }
html[data-theme="dark"] .dark-focus-within-min-w-100p:focus-within { min-width: 100%; }
.group:hover .group-hover-min-w-100p { min-width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-100p { min-width: 100%; }
.max-w-100p { max-width: 100%; }
html[data-theme="dark"] .dark-max-w-100p { max-width: 100%; }
.hover-max-w-100p:hover { max-width: 100%; }
html[data-theme="dark"] .dark-hover-max-w-100p:hover { max-width: 100%; }
.focus-max-w-100p:focus { max-width: 100%; }
html[data-theme="dark"] .dark-focus-max-w-100p:focus { max-width: 100%; }
.active-max-w-100p:active { max-width: 100%; }
html[data-theme="dark"] .dark-active-max-w-100p:active { max-width: 100%; }
.disabled-max-w-100p:disabled { max-width: 100%; }
html[data-theme="dark"] .dark-disabled-max-w-100p:disabled { max-width: 100%; }
.focus-visible-max-w-100p:focus-visible { max-width: 100%; }
html[data-theme="dark"] .dark-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
.focus-within-max-w-100p:focus-within { max-width: 100%; }
html[data-theme="dark"] .dark-focus-within-max-w-100p:focus-within { max-width: 100%; }
.group:hover .group-hover-max-w-100p { max-width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-100p { max-width: 100%; }
.min-h-100p { min-height: 100%; }
html[data-theme="dark"] .dark-min-h-100p { min-height: 100%; }
.hover-min-h-100p:hover { min-height: 100%; }
html[data-theme="dark"] .dark-hover-min-h-100p:hover { min-height: 100%; }
.focus-min-h-100p:focus { min-height: 100%; }
html[data-theme="dark"] .dark-focus-min-h-100p:focus { min-height: 100%; }
.active-min-h-100p:active { min-height: 100%; }
html[data-theme="dark"] .dark-active-min-h-100p:active { min-height: 100%; }
.disabled-min-h-100p:disabled { min-height: 100%; }
html[data-theme="dark"] .dark-disabled-min-h-100p:disabled { min-height: 100%; }
.focus-visible-min-h-100p:focus-visible { min-height: 100%; }
html[data-theme="dark"] .dark-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
.focus-within-min-h-100p:focus-within { min-height: 100%; }
html[data-theme="dark"] .dark-focus-within-min-h-100p:focus-within { min-height: 100%; }
.group:hover .group-hover-min-h-100p { min-height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-100p { min-height: 100%; }
.max-h-100p { max-height: 100%; }
html[data-theme="dark"] .dark-max-h-100p { max-height: 100%; }
.hover-max-h-100p:hover { max-height: 100%; }
html[data-theme="dark"] .dark-hover-max-h-100p:hover { max-height: 100%; }
.focus-max-h-100p:focus { max-height: 100%; }
html[data-theme="dark"] .dark-focus-max-h-100p:focus { max-height: 100%; }
.active-max-h-100p:active { max-height: 100%; }
html[data-theme="dark"] .dark-active-max-h-100p:active { max-height: 100%; }
.disabled-max-h-100p:disabled { max-height: 100%; }
html[data-theme="dark"] .dark-disabled-max-h-100p:disabled { max-height: 100%; }
.focus-visible-max-h-100p:focus-visible { max-height: 100%; }
html[data-theme="dark"] .dark-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
.focus-within-max-h-100p:focus-within { max-height: 100%; }
html[data-theme="dark"] .dark-focus-within-max-h-100p:focus-within { max-height: 100%; }
.group:hover .group-hover-max-h-100p { max-height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-100p { max-height: 100%; }
.w-10vw { width: 10vw; }
html[data-theme="dark"] .dark-w-10vw { width: 10vw; }
.hover-w-10vw:hover { width: 10vw; }
html[data-theme="dark"] .dark-hover-w-10vw:hover { width: 10vw; }
.focus-w-10vw:focus { width: 10vw; }
html[data-theme="dark"] .dark-focus-w-10vw:focus { width: 10vw; }
.active-w-10vw:active { width: 10vw; }
html[data-theme="dark"] .dark-active-w-10vw:active { width: 10vw; }
.disabled-w-10vw:disabled { width: 10vw; }
html[data-theme="dark"] .dark-disabled-w-10vw:disabled { width: 10vw; }
.focus-visible-w-10vw:focus-visible { width: 10vw; }
html[data-theme="dark"] .dark-focus-visible-w-10vw:focus-visible { width: 10vw; }
.focus-within-w-10vw:focus-within { width: 10vw; }
html[data-theme="dark"] .dark-focus-within-w-10vw:focus-within { width: 10vw; }
.group:hover .group-hover-w-10vw { width: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-10vw { width: 10vw; }
.h-10vw { height: 10vw; }
html[data-theme="dark"] .dark-h-10vw { height: 10vw; }
.hover-h-10vw:hover { height: 10vw; }
html[data-theme="dark"] .dark-hover-h-10vw:hover { height: 10vw; }
.focus-h-10vw:focus { height: 10vw; }
html[data-theme="dark"] .dark-focus-h-10vw:focus { height: 10vw; }
.active-h-10vw:active { height: 10vw; }
html[data-theme="dark"] .dark-active-h-10vw:active { height: 10vw; }
.disabled-h-10vw:disabled { height: 10vw; }
html[data-theme="dark"] .dark-disabled-h-10vw:disabled { height: 10vw; }
.focus-visible-h-10vw:focus-visible { height: 10vw; }
html[data-theme="dark"] .dark-focus-visible-h-10vw:focus-visible { height: 10vw; }
.focus-within-h-10vw:focus-within { height: 10vw; }
html[data-theme="dark"] .dark-focus-within-h-10vw:focus-within { height: 10vw; }
.group:hover .group-hover-h-10vw { height: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-10vw { height: 10vw; }
.min-w-10vw { min-width: 10vw; }
html[data-theme="dark"] .dark-min-w-10vw { min-width: 10vw; }
.hover-min-w-10vw:hover { min-width: 10vw; }
html[data-theme="dark"] .dark-hover-min-w-10vw:hover { min-width: 10vw; }
.focus-min-w-10vw:focus { min-width: 10vw; }
html[data-theme="dark"] .dark-focus-min-w-10vw:focus { min-width: 10vw; }
.active-min-w-10vw:active { min-width: 10vw; }
html[data-theme="dark"] .dark-active-min-w-10vw:active { min-width: 10vw; }
.disabled-min-w-10vw:disabled { min-width: 10vw; }
html[data-theme="dark"] .dark-disabled-min-w-10vw:disabled { min-width: 10vw; }
.focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
.focus-within-min-w-10vw:focus-within { min-width: 10vw; }
html[data-theme="dark"] .dark-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
.group:hover .group-hover-min-w-10vw { min-width: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-10vw { min-width: 10vw; }
.max-w-10vw { max-width: 10vw; }
html[data-theme="dark"] .dark-max-w-10vw { max-width: 10vw; }
.hover-max-w-10vw:hover { max-width: 10vw; }
html[data-theme="dark"] .dark-hover-max-w-10vw:hover { max-width: 10vw; }
.focus-max-w-10vw:focus { max-width: 10vw; }
html[data-theme="dark"] .dark-focus-max-w-10vw:focus { max-width: 10vw; }
.active-max-w-10vw:active { max-width: 10vw; }
html[data-theme="dark"] .dark-active-max-w-10vw:active { max-width: 10vw; }
.disabled-max-w-10vw:disabled { max-width: 10vw; }
html[data-theme="dark"] .dark-disabled-max-w-10vw:disabled { max-width: 10vw; }
.focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
.focus-within-max-w-10vw:focus-within { max-width: 10vw; }
html[data-theme="dark"] .dark-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
.group:hover .group-hover-max-w-10vw { max-width: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-10vw { max-width: 10vw; }
.min-h-10vw { min-height: 10vw; }
html[data-theme="dark"] .dark-min-h-10vw { min-height: 10vw; }
.hover-min-h-10vw:hover { min-height: 10vw; }
html[data-theme="dark"] .dark-hover-min-h-10vw:hover { min-height: 10vw; }
.focus-min-h-10vw:focus { min-height: 10vw; }
html[data-theme="dark"] .dark-focus-min-h-10vw:focus { min-height: 10vw; }
.active-min-h-10vw:active { min-height: 10vw; }
html[data-theme="dark"] .dark-active-min-h-10vw:active { min-height: 10vw; }
.disabled-min-h-10vw:disabled { min-height: 10vw; }
html[data-theme="dark"] .dark-disabled-min-h-10vw:disabled { min-height: 10vw; }
.focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
.focus-within-min-h-10vw:focus-within { min-height: 10vw; }
html[data-theme="dark"] .dark-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
.group:hover .group-hover-min-h-10vw { min-height: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-10vw { min-height: 10vw; }
.max-h-10vw { max-height: 10vw; }
html[data-theme="dark"] .dark-max-h-10vw { max-height: 10vw; }
.hover-max-h-10vw:hover { max-height: 10vw; }
html[data-theme="dark"] .dark-hover-max-h-10vw:hover { max-height: 10vw; }
.focus-max-h-10vw:focus { max-height: 10vw; }
html[data-theme="dark"] .dark-focus-max-h-10vw:focus { max-height: 10vw; }
.active-max-h-10vw:active { max-height: 10vw; }
html[data-theme="dark"] .dark-active-max-h-10vw:active { max-height: 10vw; }
.disabled-max-h-10vw:disabled { max-height: 10vw; }
html[data-theme="dark"] .dark-disabled-max-h-10vw:disabled { max-height: 10vw; }
.focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
.focus-within-max-h-10vw:focus-within { max-height: 10vw; }
html[data-theme="dark"] .dark-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
.group:hover .group-hover-max-h-10vw { max-height: 10vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-10vw { max-height: 10vw; }
.w-20vw { width: 20vw; }
html[data-theme="dark"] .dark-w-20vw { width: 20vw; }
.hover-w-20vw:hover { width: 20vw; }
html[data-theme="dark"] .dark-hover-w-20vw:hover { width: 20vw; }
.focus-w-20vw:focus { width: 20vw; }
html[data-theme="dark"] .dark-focus-w-20vw:focus { width: 20vw; }
.active-w-20vw:active { width: 20vw; }
html[data-theme="dark"] .dark-active-w-20vw:active { width: 20vw; }
.disabled-w-20vw:disabled { width: 20vw; }
html[data-theme="dark"] .dark-disabled-w-20vw:disabled { width: 20vw; }
.focus-visible-w-20vw:focus-visible { width: 20vw; }
html[data-theme="dark"] .dark-focus-visible-w-20vw:focus-visible { width: 20vw; }
.focus-within-w-20vw:focus-within { width: 20vw; }
html[data-theme="dark"] .dark-focus-within-w-20vw:focus-within { width: 20vw; }
.group:hover .group-hover-w-20vw { width: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-20vw { width: 20vw; }
.h-20vw { height: 20vw; }
html[data-theme="dark"] .dark-h-20vw { height: 20vw; }
.hover-h-20vw:hover { height: 20vw; }
html[data-theme="dark"] .dark-hover-h-20vw:hover { height: 20vw; }
.focus-h-20vw:focus { height: 20vw; }
html[data-theme="dark"] .dark-focus-h-20vw:focus { height: 20vw; }
.active-h-20vw:active { height: 20vw; }
html[data-theme="dark"] .dark-active-h-20vw:active { height: 20vw; }
.disabled-h-20vw:disabled { height: 20vw; }
html[data-theme="dark"] .dark-disabled-h-20vw:disabled { height: 20vw; }
.focus-visible-h-20vw:focus-visible { height: 20vw; }
html[data-theme="dark"] .dark-focus-visible-h-20vw:focus-visible { height: 20vw; }
.focus-within-h-20vw:focus-within { height: 20vw; }
html[data-theme="dark"] .dark-focus-within-h-20vw:focus-within { height: 20vw; }
.group:hover .group-hover-h-20vw { height: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-20vw { height: 20vw; }
.min-w-20vw { min-width: 20vw; }
html[data-theme="dark"] .dark-min-w-20vw { min-width: 20vw; }
.hover-min-w-20vw:hover { min-width: 20vw; }
html[data-theme="dark"] .dark-hover-min-w-20vw:hover { min-width: 20vw; }
.focus-min-w-20vw:focus { min-width: 20vw; }
html[data-theme="dark"] .dark-focus-min-w-20vw:focus { min-width: 20vw; }
.active-min-w-20vw:active { min-width: 20vw; }
html[data-theme="dark"] .dark-active-min-w-20vw:active { min-width: 20vw; }
.disabled-min-w-20vw:disabled { min-width: 20vw; }
html[data-theme="dark"] .dark-disabled-min-w-20vw:disabled { min-width: 20vw; }
.focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
.focus-within-min-w-20vw:focus-within { min-width: 20vw; }
html[data-theme="dark"] .dark-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
.group:hover .group-hover-min-w-20vw { min-width: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-20vw { min-width: 20vw; }
.max-w-20vw { max-width: 20vw; }
html[data-theme="dark"] .dark-max-w-20vw { max-width: 20vw; }
.hover-max-w-20vw:hover { max-width: 20vw; }
html[data-theme="dark"] .dark-hover-max-w-20vw:hover { max-width: 20vw; }
.focus-max-w-20vw:focus { max-width: 20vw; }
html[data-theme="dark"] .dark-focus-max-w-20vw:focus { max-width: 20vw; }
.active-max-w-20vw:active { max-width: 20vw; }
html[data-theme="dark"] .dark-active-max-w-20vw:active { max-width: 20vw; }
.disabled-max-w-20vw:disabled { max-width: 20vw; }
html[data-theme="dark"] .dark-disabled-max-w-20vw:disabled { max-width: 20vw; }
.focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
.focus-within-max-w-20vw:focus-within { max-width: 20vw; }
html[data-theme="dark"] .dark-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
.group:hover .group-hover-max-w-20vw { max-width: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-20vw { max-width: 20vw; }
.min-h-20vw { min-height: 20vw; }
html[data-theme="dark"] .dark-min-h-20vw { min-height: 20vw; }
.hover-min-h-20vw:hover { min-height: 20vw; }
html[data-theme="dark"] .dark-hover-min-h-20vw:hover { min-height: 20vw; }
.focus-min-h-20vw:focus { min-height: 20vw; }
html[data-theme="dark"] .dark-focus-min-h-20vw:focus { min-height: 20vw; }
.active-min-h-20vw:active { min-height: 20vw; }
html[data-theme="dark"] .dark-active-min-h-20vw:active { min-height: 20vw; }
.disabled-min-h-20vw:disabled { min-height: 20vw; }
html[data-theme="dark"] .dark-disabled-min-h-20vw:disabled { min-height: 20vw; }
.focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
.focus-within-min-h-20vw:focus-within { min-height: 20vw; }
html[data-theme="dark"] .dark-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
.group:hover .group-hover-min-h-20vw { min-height: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-20vw { min-height: 20vw; }
.max-h-20vw { max-height: 20vw; }
html[data-theme="dark"] .dark-max-h-20vw { max-height: 20vw; }
.hover-max-h-20vw:hover { max-height: 20vw; }
html[data-theme="dark"] .dark-hover-max-h-20vw:hover { max-height: 20vw; }
.focus-max-h-20vw:focus { max-height: 20vw; }
html[data-theme="dark"] .dark-focus-max-h-20vw:focus { max-height: 20vw; }
.active-max-h-20vw:active { max-height: 20vw; }
html[data-theme="dark"] .dark-active-max-h-20vw:active { max-height: 20vw; }
.disabled-max-h-20vw:disabled { max-height: 20vw; }
html[data-theme="dark"] .dark-disabled-max-h-20vw:disabled { max-height: 20vw; }
.focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
.focus-within-max-h-20vw:focus-within { max-height: 20vw; }
html[data-theme="dark"] .dark-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
.group:hover .group-hover-max-h-20vw { max-height: 20vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-20vw { max-height: 20vw; }
.w-30vw { width: 30vw; }
html[data-theme="dark"] .dark-w-30vw { width: 30vw; }
.hover-w-30vw:hover { width: 30vw; }
html[data-theme="dark"] .dark-hover-w-30vw:hover { width: 30vw; }
.focus-w-30vw:focus { width: 30vw; }
html[data-theme="dark"] .dark-focus-w-30vw:focus { width: 30vw; }
.active-w-30vw:active { width: 30vw; }
html[data-theme="dark"] .dark-active-w-30vw:active { width: 30vw; }
.disabled-w-30vw:disabled { width: 30vw; }
html[data-theme="dark"] .dark-disabled-w-30vw:disabled { width: 30vw; }
.focus-visible-w-30vw:focus-visible { width: 30vw; }
html[data-theme="dark"] .dark-focus-visible-w-30vw:focus-visible { width: 30vw; }
.focus-within-w-30vw:focus-within { width: 30vw; }
html[data-theme="dark"] .dark-focus-within-w-30vw:focus-within { width: 30vw; }
.group:hover .group-hover-w-30vw { width: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-30vw { width: 30vw; }
.h-30vw { height: 30vw; }
html[data-theme="dark"] .dark-h-30vw { height: 30vw; }
.hover-h-30vw:hover { height: 30vw; }
html[data-theme="dark"] .dark-hover-h-30vw:hover { height: 30vw; }
.focus-h-30vw:focus { height: 30vw; }
html[data-theme="dark"] .dark-focus-h-30vw:focus { height: 30vw; }
.active-h-30vw:active { height: 30vw; }
html[data-theme="dark"] .dark-active-h-30vw:active { height: 30vw; }
.disabled-h-30vw:disabled { height: 30vw; }
html[data-theme="dark"] .dark-disabled-h-30vw:disabled { height: 30vw; }
.focus-visible-h-30vw:focus-visible { height: 30vw; }
html[data-theme="dark"] .dark-focus-visible-h-30vw:focus-visible { height: 30vw; }
.focus-within-h-30vw:focus-within { height: 30vw; }
html[data-theme="dark"] .dark-focus-within-h-30vw:focus-within { height: 30vw; }
.group:hover .group-hover-h-30vw { height: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-30vw { height: 30vw; }
.min-w-30vw { min-width: 30vw; }
html[data-theme="dark"] .dark-min-w-30vw { min-width: 30vw; }
.hover-min-w-30vw:hover { min-width: 30vw; }
html[data-theme="dark"] .dark-hover-min-w-30vw:hover { min-width: 30vw; }
.focus-min-w-30vw:focus { min-width: 30vw; }
html[data-theme="dark"] .dark-focus-min-w-30vw:focus { min-width: 30vw; }
.active-min-w-30vw:active { min-width: 30vw; }
html[data-theme="dark"] .dark-active-min-w-30vw:active { min-width: 30vw; }
.disabled-min-w-30vw:disabled { min-width: 30vw; }
html[data-theme="dark"] .dark-disabled-min-w-30vw:disabled { min-width: 30vw; }
.focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
.focus-within-min-w-30vw:focus-within { min-width: 30vw; }
html[data-theme="dark"] .dark-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
.group:hover .group-hover-min-w-30vw { min-width: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-30vw { min-width: 30vw; }
.max-w-30vw { max-width: 30vw; }
html[data-theme="dark"] .dark-max-w-30vw { max-width: 30vw; }
.hover-max-w-30vw:hover { max-width: 30vw; }
html[data-theme="dark"] .dark-hover-max-w-30vw:hover { max-width: 30vw; }
.focus-max-w-30vw:focus { max-width: 30vw; }
html[data-theme="dark"] .dark-focus-max-w-30vw:focus { max-width: 30vw; }
.active-max-w-30vw:active { max-width: 30vw; }
html[data-theme="dark"] .dark-active-max-w-30vw:active { max-width: 30vw; }
.disabled-max-w-30vw:disabled { max-width: 30vw; }
html[data-theme="dark"] .dark-disabled-max-w-30vw:disabled { max-width: 30vw; }
.focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
.focus-within-max-w-30vw:focus-within { max-width: 30vw; }
html[data-theme="dark"] .dark-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
.group:hover .group-hover-max-w-30vw { max-width: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-30vw { max-width: 30vw; }
.min-h-30vw { min-height: 30vw; }
html[data-theme="dark"] .dark-min-h-30vw { min-height: 30vw; }
.hover-min-h-30vw:hover { min-height: 30vw; }
html[data-theme="dark"] .dark-hover-min-h-30vw:hover { min-height: 30vw; }
.focus-min-h-30vw:focus { min-height: 30vw; }
html[data-theme="dark"] .dark-focus-min-h-30vw:focus { min-height: 30vw; }
.active-min-h-30vw:active { min-height: 30vw; }
html[data-theme="dark"] .dark-active-min-h-30vw:active { min-height: 30vw; }
.disabled-min-h-30vw:disabled { min-height: 30vw; }
html[data-theme="dark"] .dark-disabled-min-h-30vw:disabled { min-height: 30vw; }
.focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
.focus-within-min-h-30vw:focus-within { min-height: 30vw; }
html[data-theme="dark"] .dark-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
.group:hover .group-hover-min-h-30vw { min-height: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-30vw { min-height: 30vw; }
.max-h-30vw { max-height: 30vw; }
html[data-theme="dark"] .dark-max-h-30vw { max-height: 30vw; }
.hover-max-h-30vw:hover { max-height: 30vw; }
html[data-theme="dark"] .dark-hover-max-h-30vw:hover { max-height: 30vw; }
.focus-max-h-30vw:focus { max-height: 30vw; }
html[data-theme="dark"] .dark-focus-max-h-30vw:focus { max-height: 30vw; }
.active-max-h-30vw:active { max-height: 30vw; }
html[data-theme="dark"] .dark-active-max-h-30vw:active { max-height: 30vw; }
.disabled-max-h-30vw:disabled { max-height: 30vw; }
html[data-theme="dark"] .dark-disabled-max-h-30vw:disabled { max-height: 30vw; }
.focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
.focus-within-max-h-30vw:focus-within { max-height: 30vw; }
html[data-theme="dark"] .dark-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
.group:hover .group-hover-max-h-30vw { max-height: 30vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-30vw { max-height: 30vw; }
.w-40vw { width: 40vw; }
html[data-theme="dark"] .dark-w-40vw { width: 40vw; }
.hover-w-40vw:hover { width: 40vw; }
html[data-theme="dark"] .dark-hover-w-40vw:hover { width: 40vw; }
.focus-w-40vw:focus { width: 40vw; }
html[data-theme="dark"] .dark-focus-w-40vw:focus { width: 40vw; }
.active-w-40vw:active { width: 40vw; }
html[data-theme="dark"] .dark-active-w-40vw:active { width: 40vw; }
.disabled-w-40vw:disabled { width: 40vw; }
html[data-theme="dark"] .dark-disabled-w-40vw:disabled { width: 40vw; }
.focus-visible-w-40vw:focus-visible { width: 40vw; }
html[data-theme="dark"] .dark-focus-visible-w-40vw:focus-visible { width: 40vw; }
.focus-within-w-40vw:focus-within { width: 40vw; }
html[data-theme="dark"] .dark-focus-within-w-40vw:focus-within { width: 40vw; }
.group:hover .group-hover-w-40vw { width: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-40vw { width: 40vw; }
.h-40vw { height: 40vw; }
html[data-theme="dark"] .dark-h-40vw { height: 40vw; }
.hover-h-40vw:hover { height: 40vw; }
html[data-theme="dark"] .dark-hover-h-40vw:hover { height: 40vw; }
.focus-h-40vw:focus { height: 40vw; }
html[data-theme="dark"] .dark-focus-h-40vw:focus { height: 40vw; }
.active-h-40vw:active { height: 40vw; }
html[data-theme="dark"] .dark-active-h-40vw:active { height: 40vw; }
.disabled-h-40vw:disabled { height: 40vw; }
html[data-theme="dark"] .dark-disabled-h-40vw:disabled { height: 40vw; }
.focus-visible-h-40vw:focus-visible { height: 40vw; }
html[data-theme="dark"] .dark-focus-visible-h-40vw:focus-visible { height: 40vw; }
.focus-within-h-40vw:focus-within { height: 40vw; }
html[data-theme="dark"] .dark-focus-within-h-40vw:focus-within { height: 40vw; }
.group:hover .group-hover-h-40vw { height: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-40vw { height: 40vw; }
.min-w-40vw { min-width: 40vw; }
html[data-theme="dark"] .dark-min-w-40vw { min-width: 40vw; }
.hover-min-w-40vw:hover { min-width: 40vw; }
html[data-theme="dark"] .dark-hover-min-w-40vw:hover { min-width: 40vw; }
.focus-min-w-40vw:focus { min-width: 40vw; }
html[data-theme="dark"] .dark-focus-min-w-40vw:focus { min-width: 40vw; }
.active-min-w-40vw:active { min-width: 40vw; }
html[data-theme="dark"] .dark-active-min-w-40vw:active { min-width: 40vw; }
.disabled-min-w-40vw:disabled { min-width: 40vw; }
html[data-theme="dark"] .dark-disabled-min-w-40vw:disabled { min-width: 40vw; }
.focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
.focus-within-min-w-40vw:focus-within { min-width: 40vw; }
html[data-theme="dark"] .dark-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
.group:hover .group-hover-min-w-40vw { min-width: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-40vw { min-width: 40vw; }
.max-w-40vw { max-width: 40vw; }
html[data-theme="dark"] .dark-max-w-40vw { max-width: 40vw; }
.hover-max-w-40vw:hover { max-width: 40vw; }
html[data-theme="dark"] .dark-hover-max-w-40vw:hover { max-width: 40vw; }
.focus-max-w-40vw:focus { max-width: 40vw; }
html[data-theme="dark"] .dark-focus-max-w-40vw:focus { max-width: 40vw; }
.active-max-w-40vw:active { max-width: 40vw; }
html[data-theme="dark"] .dark-active-max-w-40vw:active { max-width: 40vw; }
.disabled-max-w-40vw:disabled { max-width: 40vw; }
html[data-theme="dark"] .dark-disabled-max-w-40vw:disabled { max-width: 40vw; }
.focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
.focus-within-max-w-40vw:focus-within { max-width: 40vw; }
html[data-theme="dark"] .dark-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
.group:hover .group-hover-max-w-40vw { max-width: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-40vw { max-width: 40vw; }
.min-h-40vw { min-height: 40vw; }
html[data-theme="dark"] .dark-min-h-40vw { min-height: 40vw; }
.hover-min-h-40vw:hover { min-height: 40vw; }
html[data-theme="dark"] .dark-hover-min-h-40vw:hover { min-height: 40vw; }
.focus-min-h-40vw:focus { min-height: 40vw; }
html[data-theme="dark"] .dark-focus-min-h-40vw:focus { min-height: 40vw; }
.active-min-h-40vw:active { min-height: 40vw; }
html[data-theme="dark"] .dark-active-min-h-40vw:active { min-height: 40vw; }
.disabled-min-h-40vw:disabled { min-height: 40vw; }
html[data-theme="dark"] .dark-disabled-min-h-40vw:disabled { min-height: 40vw; }
.focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
.focus-within-min-h-40vw:focus-within { min-height: 40vw; }
html[data-theme="dark"] .dark-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
.group:hover .group-hover-min-h-40vw { min-height: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-40vw { min-height: 40vw; }
.max-h-40vw { max-height: 40vw; }
html[data-theme="dark"] .dark-max-h-40vw { max-height: 40vw; }
.hover-max-h-40vw:hover { max-height: 40vw; }
html[data-theme="dark"] .dark-hover-max-h-40vw:hover { max-height: 40vw; }
.focus-max-h-40vw:focus { max-height: 40vw; }
html[data-theme="dark"] .dark-focus-max-h-40vw:focus { max-height: 40vw; }
.active-max-h-40vw:active { max-height: 40vw; }
html[data-theme="dark"] .dark-active-max-h-40vw:active { max-height: 40vw; }
.disabled-max-h-40vw:disabled { max-height: 40vw; }
html[data-theme="dark"] .dark-disabled-max-h-40vw:disabled { max-height: 40vw; }
.focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
.focus-within-max-h-40vw:focus-within { max-height: 40vw; }
html[data-theme="dark"] .dark-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
.group:hover .group-hover-max-h-40vw { max-height: 40vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-40vw { max-height: 40vw; }
.w-50vw { width: 50vw; }
html[data-theme="dark"] .dark-w-50vw { width: 50vw; }
.hover-w-50vw:hover { width: 50vw; }
html[data-theme="dark"] .dark-hover-w-50vw:hover { width: 50vw; }
.focus-w-50vw:focus { width: 50vw; }
html[data-theme="dark"] .dark-focus-w-50vw:focus { width: 50vw; }
.active-w-50vw:active { width: 50vw; }
html[data-theme="dark"] .dark-active-w-50vw:active { width: 50vw; }
.disabled-w-50vw:disabled { width: 50vw; }
html[data-theme="dark"] .dark-disabled-w-50vw:disabled { width: 50vw; }
.focus-visible-w-50vw:focus-visible { width: 50vw; }
html[data-theme="dark"] .dark-focus-visible-w-50vw:focus-visible { width: 50vw; }
.focus-within-w-50vw:focus-within { width: 50vw; }
html[data-theme="dark"] .dark-focus-within-w-50vw:focus-within { width: 50vw; }
.group:hover .group-hover-w-50vw { width: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-50vw { width: 50vw; }
.h-50vw { height: 50vw; }
html[data-theme="dark"] .dark-h-50vw { height: 50vw; }
.hover-h-50vw:hover { height: 50vw; }
html[data-theme="dark"] .dark-hover-h-50vw:hover { height: 50vw; }
.focus-h-50vw:focus { height: 50vw; }
html[data-theme="dark"] .dark-focus-h-50vw:focus { height: 50vw; }
.active-h-50vw:active { height: 50vw; }
html[data-theme="dark"] .dark-active-h-50vw:active { height: 50vw; }
.disabled-h-50vw:disabled { height: 50vw; }
html[data-theme="dark"] .dark-disabled-h-50vw:disabled { height: 50vw; }
.focus-visible-h-50vw:focus-visible { height: 50vw; }
html[data-theme="dark"] .dark-focus-visible-h-50vw:focus-visible { height: 50vw; }
.focus-within-h-50vw:focus-within { height: 50vw; }
html[data-theme="dark"] .dark-focus-within-h-50vw:focus-within { height: 50vw; }
.group:hover .group-hover-h-50vw { height: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-50vw { height: 50vw; }
.min-w-50vw { min-width: 50vw; }
html[data-theme="dark"] .dark-min-w-50vw { min-width: 50vw; }
.hover-min-w-50vw:hover { min-width: 50vw; }
html[data-theme="dark"] .dark-hover-min-w-50vw:hover { min-width: 50vw; }
.focus-min-w-50vw:focus { min-width: 50vw; }
html[data-theme="dark"] .dark-focus-min-w-50vw:focus { min-width: 50vw; }
.active-min-w-50vw:active { min-width: 50vw; }
html[data-theme="dark"] .dark-active-min-w-50vw:active { min-width: 50vw; }
.disabled-min-w-50vw:disabled { min-width: 50vw; }
html[data-theme="dark"] .dark-disabled-min-w-50vw:disabled { min-width: 50vw; }
.focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
.focus-within-min-w-50vw:focus-within { min-width: 50vw; }
html[data-theme="dark"] .dark-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
.group:hover .group-hover-min-w-50vw { min-width: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-50vw { min-width: 50vw; }
.max-w-50vw { max-width: 50vw; }
html[data-theme="dark"] .dark-max-w-50vw { max-width: 50vw; }
.hover-max-w-50vw:hover { max-width: 50vw; }
html[data-theme="dark"] .dark-hover-max-w-50vw:hover { max-width: 50vw; }
.focus-max-w-50vw:focus { max-width: 50vw; }
html[data-theme="dark"] .dark-focus-max-w-50vw:focus { max-width: 50vw; }
.active-max-w-50vw:active { max-width: 50vw; }
html[data-theme="dark"] .dark-active-max-w-50vw:active { max-width: 50vw; }
.disabled-max-w-50vw:disabled { max-width: 50vw; }
html[data-theme="dark"] .dark-disabled-max-w-50vw:disabled { max-width: 50vw; }
.focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
.focus-within-max-w-50vw:focus-within { max-width: 50vw; }
html[data-theme="dark"] .dark-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
.group:hover .group-hover-max-w-50vw { max-width: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-50vw { max-width: 50vw; }
.min-h-50vw { min-height: 50vw; }
html[data-theme="dark"] .dark-min-h-50vw { min-height: 50vw; }
.hover-min-h-50vw:hover { min-height: 50vw; }
html[data-theme="dark"] .dark-hover-min-h-50vw:hover { min-height: 50vw; }
.focus-min-h-50vw:focus { min-height: 50vw; }
html[data-theme="dark"] .dark-focus-min-h-50vw:focus { min-height: 50vw; }
.active-min-h-50vw:active { min-height: 50vw; }
html[data-theme="dark"] .dark-active-min-h-50vw:active { min-height: 50vw; }
.disabled-min-h-50vw:disabled { min-height: 50vw; }
html[data-theme="dark"] .dark-disabled-min-h-50vw:disabled { min-height: 50vw; }
.focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
.focus-within-min-h-50vw:focus-within { min-height: 50vw; }
html[data-theme="dark"] .dark-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
.group:hover .group-hover-min-h-50vw { min-height: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-50vw { min-height: 50vw; }
.max-h-50vw { max-height: 50vw; }
html[data-theme="dark"] .dark-max-h-50vw { max-height: 50vw; }
.hover-max-h-50vw:hover { max-height: 50vw; }
html[data-theme="dark"] .dark-hover-max-h-50vw:hover { max-height: 50vw; }
.focus-max-h-50vw:focus { max-height: 50vw; }
html[data-theme="dark"] .dark-focus-max-h-50vw:focus { max-height: 50vw; }
.active-max-h-50vw:active { max-height: 50vw; }
html[data-theme="dark"] .dark-active-max-h-50vw:active { max-height: 50vw; }
.disabled-max-h-50vw:disabled { max-height: 50vw; }
html[data-theme="dark"] .dark-disabled-max-h-50vw:disabled { max-height: 50vw; }
.focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
.focus-within-max-h-50vw:focus-within { max-height: 50vw; }
html[data-theme="dark"] .dark-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
.group:hover .group-hover-max-h-50vw { max-height: 50vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-50vw { max-height: 50vw; }
.w-60vw { width: 60vw; }
html[data-theme="dark"] .dark-w-60vw { width: 60vw; }
.hover-w-60vw:hover { width: 60vw; }
html[data-theme="dark"] .dark-hover-w-60vw:hover { width: 60vw; }
.focus-w-60vw:focus { width: 60vw; }
html[data-theme="dark"] .dark-focus-w-60vw:focus { width: 60vw; }
.active-w-60vw:active { width: 60vw; }
html[data-theme="dark"] .dark-active-w-60vw:active { width: 60vw; }
.disabled-w-60vw:disabled { width: 60vw; }
html[data-theme="dark"] .dark-disabled-w-60vw:disabled { width: 60vw; }
.focus-visible-w-60vw:focus-visible { width: 60vw; }
html[data-theme="dark"] .dark-focus-visible-w-60vw:focus-visible { width: 60vw; }
.focus-within-w-60vw:focus-within { width: 60vw; }
html[data-theme="dark"] .dark-focus-within-w-60vw:focus-within { width: 60vw; }
.group:hover .group-hover-w-60vw { width: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-60vw { width: 60vw; }
.h-60vw { height: 60vw; }
html[data-theme="dark"] .dark-h-60vw { height: 60vw; }
.hover-h-60vw:hover { height: 60vw; }
html[data-theme="dark"] .dark-hover-h-60vw:hover { height: 60vw; }
.focus-h-60vw:focus { height: 60vw; }
html[data-theme="dark"] .dark-focus-h-60vw:focus { height: 60vw; }
.active-h-60vw:active { height: 60vw; }
html[data-theme="dark"] .dark-active-h-60vw:active { height: 60vw; }
.disabled-h-60vw:disabled { height: 60vw; }
html[data-theme="dark"] .dark-disabled-h-60vw:disabled { height: 60vw; }
.focus-visible-h-60vw:focus-visible { height: 60vw; }
html[data-theme="dark"] .dark-focus-visible-h-60vw:focus-visible { height: 60vw; }
.focus-within-h-60vw:focus-within { height: 60vw; }
html[data-theme="dark"] .dark-focus-within-h-60vw:focus-within { height: 60vw; }
.group:hover .group-hover-h-60vw { height: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-60vw { height: 60vw; }
.min-w-60vw { min-width: 60vw; }
html[data-theme="dark"] .dark-min-w-60vw { min-width: 60vw; }
.hover-min-w-60vw:hover { min-width: 60vw; }
html[data-theme="dark"] .dark-hover-min-w-60vw:hover { min-width: 60vw; }
.focus-min-w-60vw:focus { min-width: 60vw; }
html[data-theme="dark"] .dark-focus-min-w-60vw:focus { min-width: 60vw; }
.active-min-w-60vw:active { min-width: 60vw; }
html[data-theme="dark"] .dark-active-min-w-60vw:active { min-width: 60vw; }
.disabled-min-w-60vw:disabled { min-width: 60vw; }
html[data-theme="dark"] .dark-disabled-min-w-60vw:disabled { min-width: 60vw; }
.focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
.focus-within-min-w-60vw:focus-within { min-width: 60vw; }
html[data-theme="dark"] .dark-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
.group:hover .group-hover-min-w-60vw { min-width: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-60vw { min-width: 60vw; }
.max-w-60vw { max-width: 60vw; }
html[data-theme="dark"] .dark-max-w-60vw { max-width: 60vw; }
.hover-max-w-60vw:hover { max-width: 60vw; }
html[data-theme="dark"] .dark-hover-max-w-60vw:hover { max-width: 60vw; }
.focus-max-w-60vw:focus { max-width: 60vw; }
html[data-theme="dark"] .dark-focus-max-w-60vw:focus { max-width: 60vw; }
.active-max-w-60vw:active { max-width: 60vw; }
html[data-theme="dark"] .dark-active-max-w-60vw:active { max-width: 60vw; }
.disabled-max-w-60vw:disabled { max-width: 60vw; }
html[data-theme="dark"] .dark-disabled-max-w-60vw:disabled { max-width: 60vw; }
.focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
.focus-within-max-w-60vw:focus-within { max-width: 60vw; }
html[data-theme="dark"] .dark-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
.group:hover .group-hover-max-w-60vw { max-width: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-60vw { max-width: 60vw; }
.min-h-60vw { min-height: 60vw; }
html[data-theme="dark"] .dark-min-h-60vw { min-height: 60vw; }
.hover-min-h-60vw:hover { min-height: 60vw; }
html[data-theme="dark"] .dark-hover-min-h-60vw:hover { min-height: 60vw; }
.focus-min-h-60vw:focus { min-height: 60vw; }
html[data-theme="dark"] .dark-focus-min-h-60vw:focus { min-height: 60vw; }
.active-min-h-60vw:active { min-height: 60vw; }
html[data-theme="dark"] .dark-active-min-h-60vw:active { min-height: 60vw; }
.disabled-min-h-60vw:disabled { min-height: 60vw; }
html[data-theme="dark"] .dark-disabled-min-h-60vw:disabled { min-height: 60vw; }
.focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
.focus-within-min-h-60vw:focus-within { min-height: 60vw; }
html[data-theme="dark"] .dark-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
.group:hover .group-hover-min-h-60vw { min-height: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-60vw { min-height: 60vw; }
.max-h-60vw { max-height: 60vw; }
html[data-theme="dark"] .dark-max-h-60vw { max-height: 60vw; }
.hover-max-h-60vw:hover { max-height: 60vw; }
html[data-theme="dark"] .dark-hover-max-h-60vw:hover { max-height: 60vw; }
.focus-max-h-60vw:focus { max-height: 60vw; }
html[data-theme="dark"] .dark-focus-max-h-60vw:focus { max-height: 60vw; }
.active-max-h-60vw:active { max-height: 60vw; }
html[data-theme="dark"] .dark-active-max-h-60vw:active { max-height: 60vw; }
.disabled-max-h-60vw:disabled { max-height: 60vw; }
html[data-theme="dark"] .dark-disabled-max-h-60vw:disabled { max-height: 60vw; }
.focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
.focus-within-max-h-60vw:focus-within { max-height: 60vw; }
html[data-theme="dark"] .dark-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
.group:hover .group-hover-max-h-60vw { max-height: 60vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-60vw { max-height: 60vw; }
.w-70vw { width: 70vw; }
html[data-theme="dark"] .dark-w-70vw { width: 70vw; }
.hover-w-70vw:hover { width: 70vw; }
html[data-theme="dark"] .dark-hover-w-70vw:hover { width: 70vw; }
.focus-w-70vw:focus { width: 70vw; }
html[data-theme="dark"] .dark-focus-w-70vw:focus { width: 70vw; }
.active-w-70vw:active { width: 70vw; }
html[data-theme="dark"] .dark-active-w-70vw:active { width: 70vw; }
.disabled-w-70vw:disabled { width: 70vw; }
html[data-theme="dark"] .dark-disabled-w-70vw:disabled { width: 70vw; }
.focus-visible-w-70vw:focus-visible { width: 70vw; }
html[data-theme="dark"] .dark-focus-visible-w-70vw:focus-visible { width: 70vw; }
.focus-within-w-70vw:focus-within { width: 70vw; }
html[data-theme="dark"] .dark-focus-within-w-70vw:focus-within { width: 70vw; }
.group:hover .group-hover-w-70vw { width: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-70vw { width: 70vw; }
.h-70vw { height: 70vw; }
html[data-theme="dark"] .dark-h-70vw { height: 70vw; }
.hover-h-70vw:hover { height: 70vw; }
html[data-theme="dark"] .dark-hover-h-70vw:hover { height: 70vw; }
.focus-h-70vw:focus { height: 70vw; }
html[data-theme="dark"] .dark-focus-h-70vw:focus { height: 70vw; }
.active-h-70vw:active { height: 70vw; }
html[data-theme="dark"] .dark-active-h-70vw:active { height: 70vw; }
.disabled-h-70vw:disabled { height: 70vw; }
html[data-theme="dark"] .dark-disabled-h-70vw:disabled { height: 70vw; }
.focus-visible-h-70vw:focus-visible { height: 70vw; }
html[data-theme="dark"] .dark-focus-visible-h-70vw:focus-visible { height: 70vw; }
.focus-within-h-70vw:focus-within { height: 70vw; }
html[data-theme="dark"] .dark-focus-within-h-70vw:focus-within { height: 70vw; }
.group:hover .group-hover-h-70vw { height: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-70vw { height: 70vw; }
.min-w-70vw { min-width: 70vw; }
html[data-theme="dark"] .dark-min-w-70vw { min-width: 70vw; }
.hover-min-w-70vw:hover { min-width: 70vw; }
html[data-theme="dark"] .dark-hover-min-w-70vw:hover { min-width: 70vw; }
.focus-min-w-70vw:focus { min-width: 70vw; }
html[data-theme="dark"] .dark-focus-min-w-70vw:focus { min-width: 70vw; }
.active-min-w-70vw:active { min-width: 70vw; }
html[data-theme="dark"] .dark-active-min-w-70vw:active { min-width: 70vw; }
.disabled-min-w-70vw:disabled { min-width: 70vw; }
html[data-theme="dark"] .dark-disabled-min-w-70vw:disabled { min-width: 70vw; }
.focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
.focus-within-min-w-70vw:focus-within { min-width: 70vw; }
html[data-theme="dark"] .dark-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
.group:hover .group-hover-min-w-70vw { min-width: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-70vw { min-width: 70vw; }
.max-w-70vw { max-width: 70vw; }
html[data-theme="dark"] .dark-max-w-70vw { max-width: 70vw; }
.hover-max-w-70vw:hover { max-width: 70vw; }
html[data-theme="dark"] .dark-hover-max-w-70vw:hover { max-width: 70vw; }
.focus-max-w-70vw:focus { max-width: 70vw; }
html[data-theme="dark"] .dark-focus-max-w-70vw:focus { max-width: 70vw; }
.active-max-w-70vw:active { max-width: 70vw; }
html[data-theme="dark"] .dark-active-max-w-70vw:active { max-width: 70vw; }
.disabled-max-w-70vw:disabled { max-width: 70vw; }
html[data-theme="dark"] .dark-disabled-max-w-70vw:disabled { max-width: 70vw; }
.focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
.focus-within-max-w-70vw:focus-within { max-width: 70vw; }
html[data-theme="dark"] .dark-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
.group:hover .group-hover-max-w-70vw { max-width: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-70vw { max-width: 70vw; }
.min-h-70vw { min-height: 70vw; }
html[data-theme="dark"] .dark-min-h-70vw { min-height: 70vw; }
.hover-min-h-70vw:hover { min-height: 70vw; }
html[data-theme="dark"] .dark-hover-min-h-70vw:hover { min-height: 70vw; }
.focus-min-h-70vw:focus { min-height: 70vw; }
html[data-theme="dark"] .dark-focus-min-h-70vw:focus { min-height: 70vw; }
.active-min-h-70vw:active { min-height: 70vw; }
html[data-theme="dark"] .dark-active-min-h-70vw:active { min-height: 70vw; }
.disabled-min-h-70vw:disabled { min-height: 70vw; }
html[data-theme="dark"] .dark-disabled-min-h-70vw:disabled { min-height: 70vw; }
.focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
.focus-within-min-h-70vw:focus-within { min-height: 70vw; }
html[data-theme="dark"] .dark-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
.group:hover .group-hover-min-h-70vw { min-height: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-70vw { min-height: 70vw; }
.max-h-70vw { max-height: 70vw; }
html[data-theme="dark"] .dark-max-h-70vw { max-height: 70vw; }
.hover-max-h-70vw:hover { max-height: 70vw; }
html[data-theme="dark"] .dark-hover-max-h-70vw:hover { max-height: 70vw; }
.focus-max-h-70vw:focus { max-height: 70vw; }
html[data-theme="dark"] .dark-focus-max-h-70vw:focus { max-height: 70vw; }
.active-max-h-70vw:active { max-height: 70vw; }
html[data-theme="dark"] .dark-active-max-h-70vw:active { max-height: 70vw; }
.disabled-max-h-70vw:disabled { max-height: 70vw; }
html[data-theme="dark"] .dark-disabled-max-h-70vw:disabled { max-height: 70vw; }
.focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
.focus-within-max-h-70vw:focus-within { max-height: 70vw; }
html[data-theme="dark"] .dark-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
.group:hover .group-hover-max-h-70vw { max-height: 70vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-70vw { max-height: 70vw; }
.w-80vw { width: 80vw; }
html[data-theme="dark"] .dark-w-80vw { width: 80vw; }
.hover-w-80vw:hover { width: 80vw; }
html[data-theme="dark"] .dark-hover-w-80vw:hover { width: 80vw; }
.focus-w-80vw:focus { width: 80vw; }
html[data-theme="dark"] .dark-focus-w-80vw:focus { width: 80vw; }
.active-w-80vw:active { width: 80vw; }
html[data-theme="dark"] .dark-active-w-80vw:active { width: 80vw; }
.disabled-w-80vw:disabled { width: 80vw; }
html[data-theme="dark"] .dark-disabled-w-80vw:disabled { width: 80vw; }
.focus-visible-w-80vw:focus-visible { width: 80vw; }
html[data-theme="dark"] .dark-focus-visible-w-80vw:focus-visible { width: 80vw; }
.focus-within-w-80vw:focus-within { width: 80vw; }
html[data-theme="dark"] .dark-focus-within-w-80vw:focus-within { width: 80vw; }
.group:hover .group-hover-w-80vw { width: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-80vw { width: 80vw; }
.h-80vw { height: 80vw; }
html[data-theme="dark"] .dark-h-80vw { height: 80vw; }
.hover-h-80vw:hover { height: 80vw; }
html[data-theme="dark"] .dark-hover-h-80vw:hover { height: 80vw; }
.focus-h-80vw:focus { height: 80vw; }
html[data-theme="dark"] .dark-focus-h-80vw:focus { height: 80vw; }
.active-h-80vw:active { height: 80vw; }
html[data-theme="dark"] .dark-active-h-80vw:active { height: 80vw; }
.disabled-h-80vw:disabled { height: 80vw; }
html[data-theme="dark"] .dark-disabled-h-80vw:disabled { height: 80vw; }
.focus-visible-h-80vw:focus-visible { height: 80vw; }
html[data-theme="dark"] .dark-focus-visible-h-80vw:focus-visible { height: 80vw; }
.focus-within-h-80vw:focus-within { height: 80vw; }
html[data-theme="dark"] .dark-focus-within-h-80vw:focus-within { height: 80vw; }
.group:hover .group-hover-h-80vw { height: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-80vw { height: 80vw; }
.min-w-80vw { min-width: 80vw; }
html[data-theme="dark"] .dark-min-w-80vw { min-width: 80vw; }
.hover-min-w-80vw:hover { min-width: 80vw; }
html[data-theme="dark"] .dark-hover-min-w-80vw:hover { min-width: 80vw; }
.focus-min-w-80vw:focus { min-width: 80vw; }
html[data-theme="dark"] .dark-focus-min-w-80vw:focus { min-width: 80vw; }
.active-min-w-80vw:active { min-width: 80vw; }
html[data-theme="dark"] .dark-active-min-w-80vw:active { min-width: 80vw; }
.disabled-min-w-80vw:disabled { min-width: 80vw; }
html[data-theme="dark"] .dark-disabled-min-w-80vw:disabled { min-width: 80vw; }
.focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
.focus-within-min-w-80vw:focus-within { min-width: 80vw; }
html[data-theme="dark"] .dark-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
.group:hover .group-hover-min-w-80vw { min-width: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-80vw { min-width: 80vw; }
.max-w-80vw { max-width: 80vw; }
html[data-theme="dark"] .dark-max-w-80vw { max-width: 80vw; }
.hover-max-w-80vw:hover { max-width: 80vw; }
html[data-theme="dark"] .dark-hover-max-w-80vw:hover { max-width: 80vw; }
.focus-max-w-80vw:focus { max-width: 80vw; }
html[data-theme="dark"] .dark-focus-max-w-80vw:focus { max-width: 80vw; }
.active-max-w-80vw:active { max-width: 80vw; }
html[data-theme="dark"] .dark-active-max-w-80vw:active { max-width: 80vw; }
.disabled-max-w-80vw:disabled { max-width: 80vw; }
html[data-theme="dark"] .dark-disabled-max-w-80vw:disabled { max-width: 80vw; }
.focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
.focus-within-max-w-80vw:focus-within { max-width: 80vw; }
html[data-theme="dark"] .dark-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
.group:hover .group-hover-max-w-80vw { max-width: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-80vw { max-width: 80vw; }
.min-h-80vw { min-height: 80vw; }
html[data-theme="dark"] .dark-min-h-80vw { min-height: 80vw; }
.hover-min-h-80vw:hover { min-height: 80vw; }
html[data-theme="dark"] .dark-hover-min-h-80vw:hover { min-height: 80vw; }
.focus-min-h-80vw:focus { min-height: 80vw; }
html[data-theme="dark"] .dark-focus-min-h-80vw:focus { min-height: 80vw; }
.active-min-h-80vw:active { min-height: 80vw; }
html[data-theme="dark"] .dark-active-min-h-80vw:active { min-height: 80vw; }
.disabled-min-h-80vw:disabled { min-height: 80vw; }
html[data-theme="dark"] .dark-disabled-min-h-80vw:disabled { min-height: 80vw; }
.focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
.focus-within-min-h-80vw:focus-within { min-height: 80vw; }
html[data-theme="dark"] .dark-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
.group:hover .group-hover-min-h-80vw { min-height: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-80vw { min-height: 80vw; }
.max-h-80vw { max-height: 80vw; }
html[data-theme="dark"] .dark-max-h-80vw { max-height: 80vw; }
.hover-max-h-80vw:hover { max-height: 80vw; }
html[data-theme="dark"] .dark-hover-max-h-80vw:hover { max-height: 80vw; }
.focus-max-h-80vw:focus { max-height: 80vw; }
html[data-theme="dark"] .dark-focus-max-h-80vw:focus { max-height: 80vw; }
.active-max-h-80vw:active { max-height: 80vw; }
html[data-theme="dark"] .dark-active-max-h-80vw:active { max-height: 80vw; }
.disabled-max-h-80vw:disabled { max-height: 80vw; }
html[data-theme="dark"] .dark-disabled-max-h-80vw:disabled { max-height: 80vw; }
.focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
.focus-within-max-h-80vw:focus-within { max-height: 80vw; }
html[data-theme="dark"] .dark-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
.group:hover .group-hover-max-h-80vw { max-height: 80vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-80vw { max-height: 80vw; }
.w-90vw { width: 90vw; }
html[data-theme="dark"] .dark-w-90vw { width: 90vw; }
.hover-w-90vw:hover { width: 90vw; }
html[data-theme="dark"] .dark-hover-w-90vw:hover { width: 90vw; }
.focus-w-90vw:focus { width: 90vw; }
html[data-theme="dark"] .dark-focus-w-90vw:focus { width: 90vw; }
.active-w-90vw:active { width: 90vw; }
html[data-theme="dark"] .dark-active-w-90vw:active { width: 90vw; }
.disabled-w-90vw:disabled { width: 90vw; }
html[data-theme="dark"] .dark-disabled-w-90vw:disabled { width: 90vw; }
.focus-visible-w-90vw:focus-visible { width: 90vw; }
html[data-theme="dark"] .dark-focus-visible-w-90vw:focus-visible { width: 90vw; }
.focus-within-w-90vw:focus-within { width: 90vw; }
html[data-theme="dark"] .dark-focus-within-w-90vw:focus-within { width: 90vw; }
.group:hover .group-hover-w-90vw { width: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-90vw { width: 90vw; }
.h-90vw { height: 90vw; }
html[data-theme="dark"] .dark-h-90vw { height: 90vw; }
.hover-h-90vw:hover { height: 90vw; }
html[data-theme="dark"] .dark-hover-h-90vw:hover { height: 90vw; }
.focus-h-90vw:focus { height: 90vw; }
html[data-theme="dark"] .dark-focus-h-90vw:focus { height: 90vw; }
.active-h-90vw:active { height: 90vw; }
html[data-theme="dark"] .dark-active-h-90vw:active { height: 90vw; }
.disabled-h-90vw:disabled { height: 90vw; }
html[data-theme="dark"] .dark-disabled-h-90vw:disabled { height: 90vw; }
.focus-visible-h-90vw:focus-visible { height: 90vw; }
html[data-theme="dark"] .dark-focus-visible-h-90vw:focus-visible { height: 90vw; }
.focus-within-h-90vw:focus-within { height: 90vw; }
html[data-theme="dark"] .dark-focus-within-h-90vw:focus-within { height: 90vw; }
.group:hover .group-hover-h-90vw { height: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-90vw { height: 90vw; }
.min-w-90vw { min-width: 90vw; }
html[data-theme="dark"] .dark-min-w-90vw { min-width: 90vw; }
.hover-min-w-90vw:hover { min-width: 90vw; }
html[data-theme="dark"] .dark-hover-min-w-90vw:hover { min-width: 90vw; }
.focus-min-w-90vw:focus { min-width: 90vw; }
html[data-theme="dark"] .dark-focus-min-w-90vw:focus { min-width: 90vw; }
.active-min-w-90vw:active { min-width: 90vw; }
html[data-theme="dark"] .dark-active-min-w-90vw:active { min-width: 90vw; }
.disabled-min-w-90vw:disabled { min-width: 90vw; }
html[data-theme="dark"] .dark-disabled-min-w-90vw:disabled { min-width: 90vw; }
.focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
.focus-within-min-w-90vw:focus-within { min-width: 90vw; }
html[data-theme="dark"] .dark-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
.group:hover .group-hover-min-w-90vw { min-width: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-90vw { min-width: 90vw; }
.max-w-90vw { max-width: 90vw; }
html[data-theme="dark"] .dark-max-w-90vw { max-width: 90vw; }
.hover-max-w-90vw:hover { max-width: 90vw; }
html[data-theme="dark"] .dark-hover-max-w-90vw:hover { max-width: 90vw; }
.focus-max-w-90vw:focus { max-width: 90vw; }
html[data-theme="dark"] .dark-focus-max-w-90vw:focus { max-width: 90vw; }
.active-max-w-90vw:active { max-width: 90vw; }
html[data-theme="dark"] .dark-active-max-w-90vw:active { max-width: 90vw; }
.disabled-max-w-90vw:disabled { max-width: 90vw; }
html[data-theme="dark"] .dark-disabled-max-w-90vw:disabled { max-width: 90vw; }
.focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
.focus-within-max-w-90vw:focus-within { max-width: 90vw; }
html[data-theme="dark"] .dark-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
.group:hover .group-hover-max-w-90vw { max-width: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-90vw { max-width: 90vw; }
.min-h-90vw { min-height: 90vw; }
html[data-theme="dark"] .dark-min-h-90vw { min-height: 90vw; }
.hover-min-h-90vw:hover { min-height: 90vw; }
html[data-theme="dark"] .dark-hover-min-h-90vw:hover { min-height: 90vw; }
.focus-min-h-90vw:focus { min-height: 90vw; }
html[data-theme="dark"] .dark-focus-min-h-90vw:focus { min-height: 90vw; }
.active-min-h-90vw:active { min-height: 90vw; }
html[data-theme="dark"] .dark-active-min-h-90vw:active { min-height: 90vw; }
.disabled-min-h-90vw:disabled { min-height: 90vw; }
html[data-theme="dark"] .dark-disabled-min-h-90vw:disabled { min-height: 90vw; }
.focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
.focus-within-min-h-90vw:focus-within { min-height: 90vw; }
html[data-theme="dark"] .dark-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
.group:hover .group-hover-min-h-90vw { min-height: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-90vw { min-height: 90vw; }
.max-h-90vw { max-height: 90vw; }
html[data-theme="dark"] .dark-max-h-90vw { max-height: 90vw; }
.hover-max-h-90vw:hover { max-height: 90vw; }
html[data-theme="dark"] .dark-hover-max-h-90vw:hover { max-height: 90vw; }
.focus-max-h-90vw:focus { max-height: 90vw; }
html[data-theme="dark"] .dark-focus-max-h-90vw:focus { max-height: 90vw; }
.active-max-h-90vw:active { max-height: 90vw; }
html[data-theme="dark"] .dark-active-max-h-90vw:active { max-height: 90vw; }
.disabled-max-h-90vw:disabled { max-height: 90vw; }
html[data-theme="dark"] .dark-disabled-max-h-90vw:disabled { max-height: 90vw; }
.focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
.focus-within-max-h-90vw:focus-within { max-height: 90vw; }
html[data-theme="dark"] .dark-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
.group:hover .group-hover-max-h-90vw { max-height: 90vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-90vw { max-height: 90vw; }
.w-100vw { width: 100vw; }
html[data-theme="dark"] .dark-w-100vw { width: 100vw; }
.hover-w-100vw:hover { width: 100vw; }
html[data-theme="dark"] .dark-hover-w-100vw:hover { width: 100vw; }
.focus-w-100vw:focus { width: 100vw; }
html[data-theme="dark"] .dark-focus-w-100vw:focus { width: 100vw; }
.active-w-100vw:active { width: 100vw; }
html[data-theme="dark"] .dark-active-w-100vw:active { width: 100vw; }
.disabled-w-100vw:disabled { width: 100vw; }
html[data-theme="dark"] .dark-disabled-w-100vw:disabled { width: 100vw; }
.focus-visible-w-100vw:focus-visible { width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-w-100vw:focus-visible { width: 100vw; }
.focus-within-w-100vw:focus-within { width: 100vw; }
html[data-theme="dark"] .dark-focus-within-w-100vw:focus-within { width: 100vw; }
.group:hover .group-hover-w-100vw { width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-100vw { width: 100vw; }
.h-100vw { height: 100vw; }
html[data-theme="dark"] .dark-h-100vw { height: 100vw; }
.hover-h-100vw:hover { height: 100vw; }
html[data-theme="dark"] .dark-hover-h-100vw:hover { height: 100vw; }
.focus-h-100vw:focus { height: 100vw; }
html[data-theme="dark"] .dark-focus-h-100vw:focus { height: 100vw; }
.active-h-100vw:active { height: 100vw; }
html[data-theme="dark"] .dark-active-h-100vw:active { height: 100vw; }
.disabled-h-100vw:disabled { height: 100vw; }
html[data-theme="dark"] .dark-disabled-h-100vw:disabled { height: 100vw; }
.focus-visible-h-100vw:focus-visible { height: 100vw; }
html[data-theme="dark"] .dark-focus-visible-h-100vw:focus-visible { height: 100vw; }
.focus-within-h-100vw:focus-within { height: 100vw; }
html[data-theme="dark"] .dark-focus-within-h-100vw:focus-within { height: 100vw; }
.group:hover .group-hover-h-100vw { height: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-100vw { height: 100vw; }
.min-w-100vw { min-width: 100vw; }
html[data-theme="dark"] .dark-min-w-100vw { min-width: 100vw; }
.hover-min-w-100vw:hover { min-width: 100vw; }
html[data-theme="dark"] .dark-hover-min-w-100vw:hover { min-width: 100vw; }
.focus-min-w-100vw:focus { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-min-w-100vw:focus { min-width: 100vw; }
.active-min-w-100vw:active { min-width: 100vw; }
html[data-theme="dark"] .dark-active-min-w-100vw:active { min-width: 100vw; }
.disabled-min-w-100vw:disabled { min-width: 100vw; }
html[data-theme="dark"] .dark-disabled-min-w-100vw:disabled { min-width: 100vw; }
.focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
.focus-within-min-w-100vw:focus-within { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
.group:hover .group-hover-min-w-100vw { min-width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-100vw { min-width: 100vw; }
.max-w-100vw { max-width: 100vw; }
html[data-theme="dark"] .dark-max-w-100vw { max-width: 100vw; }
.hover-max-w-100vw:hover { max-width: 100vw; }
html[data-theme="dark"] .dark-hover-max-w-100vw:hover { max-width: 100vw; }
.focus-max-w-100vw:focus { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-max-w-100vw:focus { max-width: 100vw; }
.active-max-w-100vw:active { max-width: 100vw; }
html[data-theme="dark"] .dark-active-max-w-100vw:active { max-width: 100vw; }
.disabled-max-w-100vw:disabled { max-width: 100vw; }
html[data-theme="dark"] .dark-disabled-max-w-100vw:disabled { max-width: 100vw; }
.focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
.focus-within-max-w-100vw:focus-within { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
.group:hover .group-hover-max-w-100vw { max-width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-100vw { max-width: 100vw; }
.min-h-100vw { min-height: 100vw; }
html[data-theme="dark"] .dark-min-h-100vw { min-height: 100vw; }
.hover-min-h-100vw:hover { min-height: 100vw; }
html[data-theme="dark"] .dark-hover-min-h-100vw:hover { min-height: 100vw; }
.focus-min-h-100vw:focus { min-height: 100vw; }
html[data-theme="dark"] .dark-focus-min-h-100vw:focus { min-height: 100vw; }
.active-min-h-100vw:active { min-height: 100vw; }
html[data-theme="dark"] .dark-active-min-h-100vw:active { min-height: 100vw; }
.disabled-min-h-100vw:disabled { min-height: 100vw; }
html[data-theme="dark"] .dark-disabled-min-h-100vw:disabled { min-height: 100vw; }
.focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
html[data-theme="dark"] .dark-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
.focus-within-min-h-100vw:focus-within { min-height: 100vw; }
html[data-theme="dark"] .dark-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
.group:hover .group-hover-min-h-100vw { min-height: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-100vw { min-height: 100vw; }
.max-h-100vw { max-height: 100vw; }
html[data-theme="dark"] .dark-max-h-100vw { max-height: 100vw; }
.hover-max-h-100vw:hover { max-height: 100vw; }
html[data-theme="dark"] .dark-hover-max-h-100vw:hover { max-height: 100vw; }
.focus-max-h-100vw:focus { max-height: 100vw; }
html[data-theme="dark"] .dark-focus-max-h-100vw:focus { max-height: 100vw; }
.active-max-h-100vw:active { max-height: 100vw; }
html[data-theme="dark"] .dark-active-max-h-100vw:active { max-height: 100vw; }
.disabled-max-h-100vw:disabled { max-height: 100vw; }
html[data-theme="dark"] .dark-disabled-max-h-100vw:disabled { max-height: 100vw; }
.focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
html[data-theme="dark"] .dark-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
.focus-within-max-h-100vw:focus-within { max-height: 100vw; }
html[data-theme="dark"] .dark-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
.group:hover .group-hover-max-h-100vw { max-height: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-100vw { max-height: 100vw; }
.w-fit { width: fit-content; }
html[data-theme="dark"] .dark-w-fit { width: fit-content; }
.hover-w-fit:hover { width: fit-content; }
html[data-theme="dark"] .dark-hover-w-fit:hover { width: fit-content; }
.focus-w-fit:focus { width: fit-content; }
html[data-theme="dark"] .dark-focus-w-fit:focus { width: fit-content; }
.active-w-fit:active { width: fit-content; }
html[data-theme="dark"] .dark-active-w-fit:active { width: fit-content; }
.disabled-w-fit:disabled { width: fit-content; }
html[data-theme="dark"] .dark-disabled-w-fit:disabled { width: fit-content; }
.focus-visible-w-fit:focus-visible { width: fit-content; }
html[data-theme="dark"] .dark-focus-visible-w-fit:focus-visible { width: fit-content; }
.focus-within-w-fit:focus-within { width: fit-content; }
html[data-theme="dark"] .dark-focus-within-w-fit:focus-within { width: fit-content; }
.group:hover .group-hover-w-fit { width: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-fit { width: fit-content; }
.w-max { width: max-content; }
html[data-theme="dark"] .dark-w-max { width: max-content; }
.hover-w-max:hover { width: max-content; }
html[data-theme="dark"] .dark-hover-w-max:hover { width: max-content; }
.focus-w-max:focus { width: max-content; }
html[data-theme="dark"] .dark-focus-w-max:focus { width: max-content; }
.active-w-max:active { width: max-content; }
html[data-theme="dark"] .dark-active-w-max:active { width: max-content; }
.disabled-w-max:disabled { width: max-content; }
html[data-theme="dark"] .dark-disabled-w-max:disabled { width: max-content; }
.focus-visible-w-max:focus-visible { width: max-content; }
html[data-theme="dark"] .dark-focus-visible-w-max:focus-visible { width: max-content; }
.focus-within-w-max:focus-within { width: max-content; }
html[data-theme="dark"] .dark-focus-within-w-max:focus-within { width: max-content; }
.group:hover .group-hover-w-max { width: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-max { width: max-content; }
.w-min { width: min-content; }
html[data-theme="dark"] .dark-w-min { width: min-content; }
.hover-w-min:hover { width: min-content; }
html[data-theme="dark"] .dark-hover-w-min:hover { width: min-content; }
.focus-w-min:focus { width: min-content; }
html[data-theme="dark"] .dark-focus-w-min:focus { width: min-content; }
.active-w-min:active { width: min-content; }
html[data-theme="dark"] .dark-active-w-min:active { width: min-content; }
.disabled-w-min:disabled { width: min-content; }
html[data-theme="dark"] .dark-disabled-w-min:disabled { width: min-content; }
.focus-visible-w-min:focus-visible { width: min-content; }
html[data-theme="dark"] .dark-focus-visible-w-min:focus-visible { width: min-content; }
.focus-within-w-min:focus-within { width: min-content; }
html[data-theme="dark"] .dark-focus-within-w-min:focus-within { width: min-content; }
.group:hover .group-hover-w-min { width: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-min { width: min-content; }
.w-minmax { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-w-minmax { width: minmax(0, 100%); }
.hover-w-minmax:hover { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-w-minmax:hover { width: minmax(0, 100%); }
.focus-w-minmax:focus { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-w-minmax:focus { width: minmax(0, 100%); }
.active-w-minmax:active { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-w-minmax:active { width: minmax(0, 100%); }
.disabled-w-minmax:disabled { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-w-minmax:disabled { width: minmax(0, 100%); }
.focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
.focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
.group:hover .group-hover-w-minmax { width: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-w-minmax { width: minmax(0, 100%); }
.w-full { width: 100%; }
html[data-theme="dark"] .dark-w-full { width: 100%; }
.hover-w-full:hover { width: 100%; }
html[data-theme="dark"] .dark-hover-w-full:hover { width: 100%; }
.focus-w-full:focus { width: 100%; }
html[data-theme="dark"] .dark-focus-w-full:focus { width: 100%; }
.active-w-full:active { width: 100%; }
html[data-theme="dark"] .dark-active-w-full:active { width: 100%; }
.disabled-w-full:disabled { width: 100%; }
html[data-theme="dark"] .dark-disabled-w-full:disabled { width: 100%; }
.focus-visible-w-full:focus-visible { width: 100%; }
html[data-theme="dark"] .dark-focus-visible-w-full:focus-visible { width: 100%; }
.focus-within-w-full:focus-within { width: 100%; }
html[data-theme="dark"] .dark-focus-within-w-full:focus-within { width: 100%; }
.group:hover .group-hover-w-full { width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-full { width: 100%; }
.w-screen { width: 100vw; }
html[data-theme="dark"] .dark-w-screen { width: 100vw; }
.hover-w-screen:hover { width: 100vw; }
html[data-theme="dark"] .dark-hover-w-screen:hover { width: 100vw; }
.focus-w-screen:focus { width: 100vw; }
html[data-theme="dark"] .dark-focus-w-screen:focus { width: 100vw; }
.active-w-screen:active { width: 100vw; }
html[data-theme="dark"] .dark-active-w-screen:active { width: 100vw; }
.disabled-w-screen:disabled { width: 100vw; }
html[data-theme="dark"] .dark-disabled-w-screen:disabled { width: 100vw; }
.focus-visible-w-screen:focus-visible { width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-w-screen:focus-visible { width: 100vw; }
.focus-within-w-screen:focus-within { width: 100vw; }
html[data-theme="dark"] .dark-focus-within-w-screen:focus-within { width: 100vw; }
.group:hover .group-hover-w-screen { width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-w-screen { width: 100vw; }
.h-fit { height: fit-content; }
html[data-theme="dark"] .dark-h-fit { height: fit-content; }
.hover-h-fit:hover { height: fit-content; }
html[data-theme="dark"] .dark-hover-h-fit:hover { height: fit-content; }
.focus-h-fit:focus { height: fit-content; }
html[data-theme="dark"] .dark-focus-h-fit:focus { height: fit-content; }
.active-h-fit:active { height: fit-content; }
html[data-theme="dark"] .dark-active-h-fit:active { height: fit-content; }
.disabled-h-fit:disabled { height: fit-content; }
html[data-theme="dark"] .dark-disabled-h-fit:disabled { height: fit-content; }
.focus-visible-h-fit:focus-visible { height: fit-content; }
html[data-theme="dark"] .dark-focus-visible-h-fit:focus-visible { height: fit-content; }
.focus-within-h-fit:focus-within { height: fit-content; }
html[data-theme="dark"] .dark-focus-within-h-fit:focus-within { height: fit-content; }
.group:hover .group-hover-h-fit { height: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-fit { height: fit-content; }
.h-max { height: max-content; }
html[data-theme="dark"] .dark-h-max { height: max-content; }
.hover-h-max:hover { height: max-content; }
html[data-theme="dark"] .dark-hover-h-max:hover { height: max-content; }
.focus-h-max:focus { height: max-content; }
html[data-theme="dark"] .dark-focus-h-max:focus { height: max-content; }
.active-h-max:active { height: max-content; }
html[data-theme="dark"] .dark-active-h-max:active { height: max-content; }
.disabled-h-max:disabled { height: max-content; }
html[data-theme="dark"] .dark-disabled-h-max:disabled { height: max-content; }
.focus-visible-h-max:focus-visible { height: max-content; }
html[data-theme="dark"] .dark-focus-visible-h-max:focus-visible { height: max-content; }
.focus-within-h-max:focus-within { height: max-content; }
html[data-theme="dark"] .dark-focus-within-h-max:focus-within { height: max-content; }
.group:hover .group-hover-h-max { height: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-max { height: max-content; }
.h-min { height: min-content; }
html[data-theme="dark"] .dark-h-min { height: min-content; }
.hover-h-min:hover { height: min-content; }
html[data-theme="dark"] .dark-hover-h-min:hover { height: min-content; }
.focus-h-min:focus { height: min-content; }
html[data-theme="dark"] .dark-focus-h-min:focus { height: min-content; }
.active-h-min:active { height: min-content; }
html[data-theme="dark"] .dark-active-h-min:active { height: min-content; }
.disabled-h-min:disabled { height: min-content; }
html[data-theme="dark"] .dark-disabled-h-min:disabled { height: min-content; }
.focus-visible-h-min:focus-visible { height: min-content; }
html[data-theme="dark"] .dark-focus-visible-h-min:focus-visible { height: min-content; }
.focus-within-h-min:focus-within { height: min-content; }
html[data-theme="dark"] .dark-focus-within-h-min:focus-within { height: min-content; }
.group:hover .group-hover-h-min { height: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-min { height: min-content; }
.h-minmax { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-h-minmax { height: minmax(0, 100%); }
.hover-h-minmax:hover { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-h-minmax:hover { height: minmax(0, 100%); }
.focus-h-minmax:focus { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-h-minmax:focus { height: minmax(0, 100%); }
.active-h-minmax:active { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-h-minmax:active { height: minmax(0, 100%); }
.disabled-h-minmax:disabled { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-h-minmax:disabled { height: minmax(0, 100%); }
.focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
.focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
.group:hover .group-hover-h-minmax { height: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-h-minmax { height: minmax(0, 100%); }
.h-full { height: 100%; }
html[data-theme="dark"] .dark-h-full { height: 100%; }
.hover-h-full:hover { height: 100%; }
html[data-theme="dark"] .dark-hover-h-full:hover { height: 100%; }
.focus-h-full:focus { height: 100%; }
html[data-theme="dark"] .dark-focus-h-full:focus { height: 100%; }
.active-h-full:active { height: 100%; }
html[data-theme="dark"] .dark-active-h-full:active { height: 100%; }
.disabled-h-full:disabled { height: 100%; }
html[data-theme="dark"] .dark-disabled-h-full:disabled { height: 100%; }
.focus-visible-h-full:focus-visible { height: 100%; }
html[data-theme="dark"] .dark-focus-visible-h-full:focus-visible { height: 100%; }
.focus-within-h-full:focus-within { height: 100%; }
html[data-theme="dark"] .dark-focus-within-h-full:focus-within { height: 100%; }
.group:hover .group-hover-h-full { height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-full { height: 100%; }
.h-screen { height: 100vh; }
html[data-theme="dark"] .dark-h-screen { height: 100vh; }
.hover-h-screen:hover { height: 100vh; }
html[data-theme="dark"] .dark-hover-h-screen:hover { height: 100vh; }
.focus-h-screen:focus { height: 100vh; }
html[data-theme="dark"] .dark-focus-h-screen:focus { height: 100vh; }
.active-h-screen:active { height: 100vh; }
html[data-theme="dark"] .dark-active-h-screen:active { height: 100vh; }
.disabled-h-screen:disabled { height: 100vh; }
html[data-theme="dark"] .dark-disabled-h-screen:disabled { height: 100vh; }
.focus-visible-h-screen:focus-visible { height: 100vh; }
html[data-theme="dark"] .dark-focus-visible-h-screen:focus-visible { height: 100vh; }
.focus-within-h-screen:focus-within { height: 100vh; }
html[data-theme="dark"] .dark-focus-within-h-screen:focus-within { height: 100vh; }
.group:hover .group-hover-h-screen { height: 100vh; }
html[data-theme="dark"] .group:hover .dark-group-hover-h-screen { height: 100vh; }
.min-w-fit { min-width: fit-content; }
html[data-theme="dark"] .dark-min-w-fit { min-width: fit-content; }
.hover-min-w-fit:hover { min-width: fit-content; }
html[data-theme="dark"] .dark-hover-min-w-fit:hover { min-width: fit-content; }
.focus-min-w-fit:focus { min-width: fit-content; }
html[data-theme="dark"] .dark-focus-min-w-fit:focus { min-width: fit-content; }
.active-min-w-fit:active { min-width: fit-content; }
html[data-theme="dark"] .dark-active-min-w-fit:active { min-width: fit-content; }
.disabled-min-w-fit:disabled { min-width: fit-content; }
html[data-theme="dark"] .dark-disabled-min-w-fit:disabled { min-width: fit-content; }
.focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
html[data-theme="dark"] .dark-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
.focus-within-min-w-fit:focus-within { min-width: fit-content; }
html[data-theme="dark"] .dark-focus-within-min-w-fit:focus-within { min-width: fit-content; }
.group:hover .group-hover-min-w-fit { min-width: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-fit { min-width: fit-content; }
.min-w-max { min-width: max-content; }
html[data-theme="dark"] .dark-min-w-max { min-width: max-content; }
.hover-min-w-max:hover { min-width: max-content; }
html[data-theme="dark"] .dark-hover-min-w-max:hover { min-width: max-content; }
.focus-min-w-max:focus { min-width: max-content; }
html[data-theme="dark"] .dark-focus-min-w-max:focus { min-width: max-content; }
.active-min-w-max:active { min-width: max-content; }
html[data-theme="dark"] .dark-active-min-w-max:active { min-width: max-content; }
.disabled-min-w-max:disabled { min-width: max-content; }
html[data-theme="dark"] .dark-disabled-min-w-max:disabled { min-width: max-content; }
.focus-visible-min-w-max:focus-visible { min-width: max-content; }
html[data-theme="dark"] .dark-focus-visible-min-w-max:focus-visible { min-width: max-content; }
.focus-within-min-w-max:focus-within { min-width: max-content; }
html[data-theme="dark"] .dark-focus-within-min-w-max:focus-within { min-width: max-content; }
.group:hover .group-hover-min-w-max { min-width: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-max { min-width: max-content; }
.min-w-min { min-width: min-content; }
html[data-theme="dark"] .dark-min-w-min { min-width: min-content; }
.hover-min-w-min:hover { min-width: min-content; }
html[data-theme="dark"] .dark-hover-min-w-min:hover { min-width: min-content; }
.focus-min-w-min:focus { min-width: min-content; }
html[data-theme="dark"] .dark-focus-min-w-min:focus { min-width: min-content; }
.active-min-w-min:active { min-width: min-content; }
html[data-theme="dark"] .dark-active-min-w-min:active { min-width: min-content; }
.disabled-min-w-min:disabled { min-width: min-content; }
html[data-theme="dark"] .dark-disabled-min-w-min:disabled { min-width: min-content; }
.focus-visible-min-w-min:focus-visible { min-width: min-content; }
html[data-theme="dark"] .dark-focus-visible-min-w-min:focus-visible { min-width: min-content; }
.focus-within-min-w-min:focus-within { min-width: min-content; }
html[data-theme="dark"] .dark-focus-within-min-w-min:focus-within { min-width: min-content; }
.group:hover .group-hover-min-w-min { min-width: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-min { min-width: min-content; }
.min-w-minmax { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-min-w-minmax { min-width: minmax(0, 100%); }
.hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
.focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
.active-min-w-minmax:active { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-min-w-minmax:active { min-width: minmax(0, 100%); }
.disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
.focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
.focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
.group:hover .group-hover-min-w-minmax { min-width: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
.min-w-full { min-width: 100%; }
html[data-theme="dark"] .dark-min-w-full { min-width: 100%; }
.hover-min-w-full:hover { min-width: 100%; }
html[data-theme="dark"] .dark-hover-min-w-full:hover { min-width: 100%; }
.focus-min-w-full:focus { min-width: 100%; }
html[data-theme="dark"] .dark-focus-min-w-full:focus { min-width: 100%; }
.active-min-w-full:active { min-width: 100%; }
html[data-theme="dark"] .dark-active-min-w-full:active { min-width: 100%; }
.disabled-min-w-full:disabled { min-width: 100%; }
html[data-theme="dark"] .dark-disabled-min-w-full:disabled { min-width: 100%; }
.focus-visible-min-w-full:focus-visible { min-width: 100%; }
html[data-theme="dark"] .dark-focus-visible-min-w-full:focus-visible { min-width: 100%; }
.focus-within-min-w-full:focus-within { min-width: 100%; }
html[data-theme="dark"] .dark-focus-within-min-w-full:focus-within { min-width: 100%; }
.group:hover .group-hover-min-w-full { min-width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-full { min-width: 100%; }
.min-w-screen { min-width: 100vw; }
html[data-theme="dark"] .dark-min-w-screen { min-width: 100vw; }
.hover-min-w-screen:hover { min-width: 100vw; }
html[data-theme="dark"] .dark-hover-min-w-screen:hover { min-width: 100vw; }
.focus-min-w-screen:focus { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-min-w-screen:focus { min-width: 100vw; }
.active-min-w-screen:active { min-width: 100vw; }
html[data-theme="dark"] .dark-active-min-w-screen:active { min-width: 100vw; }
.disabled-min-w-screen:disabled { min-width: 100vw; }
html[data-theme="dark"] .dark-disabled-min-w-screen:disabled { min-width: 100vw; }
.focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
.focus-within-min-w-screen:focus-within { min-width: 100vw; }
html[data-theme="dark"] .dark-focus-within-min-w-screen:focus-within { min-width: 100vw; }
.group:hover .group-hover-min-w-screen { min-width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-w-screen { min-width: 100vw; }
.min-h-fit { min-height: fit-content; }
html[data-theme="dark"] .dark-min-h-fit { min-height: fit-content; }
.hover-min-h-fit:hover { min-height: fit-content; }
html[data-theme="dark"] .dark-hover-min-h-fit:hover { min-height: fit-content; }
.focus-min-h-fit:focus { min-height: fit-content; }
html[data-theme="dark"] .dark-focus-min-h-fit:focus { min-height: fit-content; }
.active-min-h-fit:active { min-height: fit-content; }
html[data-theme="dark"] .dark-active-min-h-fit:active { min-height: fit-content; }
.disabled-min-h-fit:disabled { min-height: fit-content; }
html[data-theme="dark"] .dark-disabled-min-h-fit:disabled { min-height: fit-content; }
.focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
html[data-theme="dark"] .dark-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
.focus-within-min-h-fit:focus-within { min-height: fit-content; }
html[data-theme="dark"] .dark-focus-within-min-h-fit:focus-within { min-height: fit-content; }
.group:hover .group-hover-min-h-fit { min-height: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-fit { min-height: fit-content; }
.min-h-max { min-height: max-content; }
html[data-theme="dark"] .dark-min-h-max { min-height: max-content; }
.hover-min-h-max:hover { min-height: max-content; }
html[data-theme="dark"] .dark-hover-min-h-max:hover { min-height: max-content; }
.focus-min-h-max:focus { min-height: max-content; }
html[data-theme="dark"] .dark-focus-min-h-max:focus { min-height: max-content; }
.active-min-h-max:active { min-height: max-content; }
html[data-theme="dark"] .dark-active-min-h-max:active { min-height: max-content; }
.disabled-min-h-max:disabled { min-height: max-content; }
html[data-theme="dark"] .dark-disabled-min-h-max:disabled { min-height: max-content; }
.focus-visible-min-h-max:focus-visible { min-height: max-content; }
html[data-theme="dark"] .dark-focus-visible-min-h-max:focus-visible { min-height: max-content; }
.focus-within-min-h-max:focus-within { min-height: max-content; }
html[data-theme="dark"] .dark-focus-within-min-h-max:focus-within { min-height: max-content; }
.group:hover .group-hover-min-h-max { min-height: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-max { min-height: max-content; }
.min-h-min { min-height: min-content; }
html[data-theme="dark"] .dark-min-h-min { min-height: min-content; }
.hover-min-h-min:hover { min-height: min-content; }
html[data-theme="dark"] .dark-hover-min-h-min:hover { min-height: min-content; }
.focus-min-h-min:focus { min-height: min-content; }
html[data-theme="dark"] .dark-focus-min-h-min:focus { min-height: min-content; }
.active-min-h-min:active { min-height: min-content; }
html[data-theme="dark"] .dark-active-min-h-min:active { min-height: min-content; }
.disabled-min-h-min:disabled { min-height: min-content; }
html[data-theme="dark"] .dark-disabled-min-h-min:disabled { min-height: min-content; }
.focus-visible-min-h-min:focus-visible { min-height: min-content; }
html[data-theme="dark"] .dark-focus-visible-min-h-min:focus-visible { min-height: min-content; }
.focus-within-min-h-min:focus-within { min-height: min-content; }
html[data-theme="dark"] .dark-focus-within-min-h-min:focus-within { min-height: min-content; }
.group:hover .group-hover-min-h-min { min-height: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-min { min-height: min-content; }
.min-h-minmax { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-min-h-minmax { min-height: minmax(0, 100%); }
.hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
.focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
.active-min-h-minmax:active { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-min-h-minmax:active { min-height: minmax(0, 100%); }
.disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
.focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
.focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
.group:hover .group-hover-min-h-minmax { min-height: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
.min-h-full { min-height: 100%; }
html[data-theme="dark"] .dark-min-h-full { min-height: 100%; }
.hover-min-h-full:hover { min-height: 100%; }
html[data-theme="dark"] .dark-hover-min-h-full:hover { min-height: 100%; }
.focus-min-h-full:focus { min-height: 100%; }
html[data-theme="dark"] .dark-focus-min-h-full:focus { min-height: 100%; }
.active-min-h-full:active { min-height: 100%; }
html[data-theme="dark"] .dark-active-min-h-full:active { min-height: 100%; }
.disabled-min-h-full:disabled { min-height: 100%; }
html[data-theme="dark"] .dark-disabled-min-h-full:disabled { min-height: 100%; }
.focus-visible-min-h-full:focus-visible { min-height: 100%; }
html[data-theme="dark"] .dark-focus-visible-min-h-full:focus-visible { min-height: 100%; }
.focus-within-min-h-full:focus-within { min-height: 100%; }
html[data-theme="dark"] .dark-focus-within-min-h-full:focus-within { min-height: 100%; }
.group:hover .group-hover-min-h-full { min-height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-full { min-height: 100%; }
.min-h-screen { min-height: 100vh; }
html[data-theme="dark"] .dark-min-h-screen { min-height: 100vh; }
.hover-min-h-screen:hover { min-height: 100vh; }
html[data-theme="dark"] .dark-hover-min-h-screen:hover { min-height: 100vh; }
.focus-min-h-screen:focus { min-height: 100vh; }
html[data-theme="dark"] .dark-focus-min-h-screen:focus { min-height: 100vh; }
.active-min-h-screen:active { min-height: 100vh; }
html[data-theme="dark"] .dark-active-min-h-screen:active { min-height: 100vh; }
.disabled-min-h-screen:disabled { min-height: 100vh; }
html[data-theme="dark"] .dark-disabled-min-h-screen:disabled { min-height: 100vh; }
.focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
html[data-theme="dark"] .dark-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
.focus-within-min-h-screen:focus-within { min-height: 100vh; }
html[data-theme="dark"] .dark-focus-within-min-h-screen:focus-within { min-height: 100vh; }
.group:hover .group-hover-min-h-screen { min-height: 100vh; }
html[data-theme="dark"] .group:hover .dark-group-hover-min-h-screen { min-height: 100vh; }
.max-w-fit { max-width: fit-content; }
html[data-theme="dark"] .dark-max-w-fit { max-width: fit-content; }
.hover-max-w-fit:hover { max-width: fit-content; }
html[data-theme="dark"] .dark-hover-max-w-fit:hover { max-width: fit-content; }
.focus-max-w-fit:focus { max-width: fit-content; }
html[data-theme="dark"] .dark-focus-max-w-fit:focus { max-width: fit-content; }
.active-max-w-fit:active { max-width: fit-content; }
html[data-theme="dark"] .dark-active-max-w-fit:active { max-width: fit-content; }
.disabled-max-w-fit:disabled { max-width: fit-content; }
html[data-theme="dark"] .dark-disabled-max-w-fit:disabled { max-width: fit-content; }
.focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
html[data-theme="dark"] .dark-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
.focus-within-max-w-fit:focus-within { max-width: fit-content; }
html[data-theme="dark"] .dark-focus-within-max-w-fit:focus-within { max-width: fit-content; }
.group:hover .group-hover-max-w-fit { max-width: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-fit { max-width: fit-content; }
.max-w-max { max-width: max-content; }
html[data-theme="dark"] .dark-max-w-max { max-width: max-content; }
.hover-max-w-max:hover { max-width: max-content; }
html[data-theme="dark"] .dark-hover-max-w-max:hover { max-width: max-content; }
.focus-max-w-max:focus { max-width: max-content; }
html[data-theme="dark"] .dark-focus-max-w-max:focus { max-width: max-content; }
.active-max-w-max:active { max-width: max-content; }
html[data-theme="dark"] .dark-active-max-w-max:active { max-width: max-content; }
.disabled-max-w-max:disabled { max-width: max-content; }
html[data-theme="dark"] .dark-disabled-max-w-max:disabled { max-width: max-content; }
.focus-visible-max-w-max:focus-visible { max-width: max-content; }
html[data-theme="dark"] .dark-focus-visible-max-w-max:focus-visible { max-width: max-content; }
.focus-within-max-w-max:focus-within { max-width: max-content; }
html[data-theme="dark"] .dark-focus-within-max-w-max:focus-within { max-width: max-content; }
.group:hover .group-hover-max-w-max { max-width: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-max { max-width: max-content; }
.max-w-min { max-width: min-content; }
html[data-theme="dark"] .dark-max-w-min { max-width: min-content; }
.hover-max-w-min:hover { max-width: min-content; }
html[data-theme="dark"] .dark-hover-max-w-min:hover { max-width: min-content; }
.focus-max-w-min:focus { max-width: min-content; }
html[data-theme="dark"] .dark-focus-max-w-min:focus { max-width: min-content; }
.active-max-w-min:active { max-width: min-content; }
html[data-theme="dark"] .dark-active-max-w-min:active { max-width: min-content; }
.disabled-max-w-min:disabled { max-width: min-content; }
html[data-theme="dark"] .dark-disabled-max-w-min:disabled { max-width: min-content; }
.focus-visible-max-w-min:focus-visible { max-width: min-content; }
html[data-theme="dark"] .dark-focus-visible-max-w-min:focus-visible { max-width: min-content; }
.focus-within-max-w-min:focus-within { max-width: min-content; }
html[data-theme="dark"] .dark-focus-within-max-w-min:focus-within { max-width: min-content; }
.group:hover .group-hover-max-w-min { max-width: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-min { max-width: min-content; }
.max-w-minmax { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-max-w-minmax { max-width: minmax(0, 100%); }
.hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
.focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
.active-max-w-minmax:active { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-max-w-minmax:active { max-width: minmax(0, 100%); }
.disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
.focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
.focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
.group:hover .group-hover-max-w-minmax { max-width: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
.max-w-full { max-width: 100%; }
html[data-theme="dark"] .dark-max-w-full { max-width: 100%; }
.hover-max-w-full:hover { max-width: 100%; }
html[data-theme="dark"] .dark-hover-max-w-full:hover { max-width: 100%; }
.focus-max-w-full:focus { max-width: 100%; }
html[data-theme="dark"] .dark-focus-max-w-full:focus { max-width: 100%; }
.active-max-w-full:active { max-width: 100%; }
html[data-theme="dark"] .dark-active-max-w-full:active { max-width: 100%; }
.disabled-max-w-full:disabled { max-width: 100%; }
html[data-theme="dark"] .dark-disabled-max-w-full:disabled { max-width: 100%; }
.focus-visible-max-w-full:focus-visible { max-width: 100%; }
html[data-theme="dark"] .dark-focus-visible-max-w-full:focus-visible { max-width: 100%; }
.focus-within-max-w-full:focus-within { max-width: 100%; }
html[data-theme="dark"] .dark-focus-within-max-w-full:focus-within { max-width: 100%; }
.group:hover .group-hover-max-w-full { max-width: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-full { max-width: 100%; }
.max-w-screen { max-width: 100vw; }
html[data-theme="dark"] .dark-max-w-screen { max-width: 100vw; }
.hover-max-w-screen:hover { max-width: 100vw; }
html[data-theme="dark"] .dark-hover-max-w-screen:hover { max-width: 100vw; }
.focus-max-w-screen:focus { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-max-w-screen:focus { max-width: 100vw; }
.active-max-w-screen:active { max-width: 100vw; }
html[data-theme="dark"] .dark-active-max-w-screen:active { max-width: 100vw; }
.disabled-max-w-screen:disabled { max-width: 100vw; }
html[data-theme="dark"] .dark-disabled-max-w-screen:disabled { max-width: 100vw; }
.focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
.focus-within-max-w-screen:focus-within { max-width: 100vw; }
html[data-theme="dark"] .dark-focus-within-max-w-screen:focus-within { max-width: 100vw; }
.group:hover .group-hover-max-w-screen { max-width: 100vw; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-w-screen { max-width: 100vw; }
.max-h-fit { max-height: fit-content; }
html[data-theme="dark"] .dark-max-h-fit { max-height: fit-content; }
.hover-max-h-fit:hover { max-height: fit-content; }
html[data-theme="dark"] .dark-hover-max-h-fit:hover { max-height: fit-content; }
.focus-max-h-fit:focus { max-height: fit-content; }
html[data-theme="dark"] .dark-focus-max-h-fit:focus { max-height: fit-content; }
.active-max-h-fit:active { max-height: fit-content; }
html[data-theme="dark"] .dark-active-max-h-fit:active { max-height: fit-content; }
.disabled-max-h-fit:disabled { max-height: fit-content; }
html[data-theme="dark"] .dark-disabled-max-h-fit:disabled { max-height: fit-content; }
.focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
html[data-theme="dark"] .dark-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
.focus-within-max-h-fit:focus-within { max-height: fit-content; }
html[data-theme="dark"] .dark-focus-within-max-h-fit:focus-within { max-height: fit-content; }
.group:hover .group-hover-max-h-fit { max-height: fit-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-fit { max-height: fit-content; }
.max-h-max { max-height: max-content; }
html[data-theme="dark"] .dark-max-h-max { max-height: max-content; }
.hover-max-h-max:hover { max-height: max-content; }
html[data-theme="dark"] .dark-hover-max-h-max:hover { max-height: max-content; }
.focus-max-h-max:focus { max-height: max-content; }
html[data-theme="dark"] .dark-focus-max-h-max:focus { max-height: max-content; }
.active-max-h-max:active { max-height: max-content; }
html[data-theme="dark"] .dark-active-max-h-max:active { max-height: max-content; }
.disabled-max-h-max:disabled { max-height: max-content; }
html[data-theme="dark"] .dark-disabled-max-h-max:disabled { max-height: max-content; }
.focus-visible-max-h-max:focus-visible { max-height: max-content; }
html[data-theme="dark"] .dark-focus-visible-max-h-max:focus-visible { max-height: max-content; }
.focus-within-max-h-max:focus-within { max-height: max-content; }
html[data-theme="dark"] .dark-focus-within-max-h-max:focus-within { max-height: max-content; }
.group:hover .group-hover-max-h-max { max-height: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-max { max-height: max-content; }
.max-h-min { max-height: min-content; }
html[data-theme="dark"] .dark-max-h-min { max-height: min-content; }
.hover-max-h-min:hover { max-height: min-content; }
html[data-theme="dark"] .dark-hover-max-h-min:hover { max-height: min-content; }
.focus-max-h-min:focus { max-height: min-content; }
html[data-theme="dark"] .dark-focus-max-h-min:focus { max-height: min-content; }
.active-max-h-min:active { max-height: min-content; }
html[data-theme="dark"] .dark-active-max-h-min:active { max-height: min-content; }
.disabled-max-h-min:disabled { max-height: min-content; }
html[data-theme="dark"] .dark-disabled-max-h-min:disabled { max-height: min-content; }
.focus-visible-max-h-min:focus-visible { max-height: min-content; }
html[data-theme="dark"] .dark-focus-visible-max-h-min:focus-visible { max-height: min-content; }
.focus-within-max-h-min:focus-within { max-height: min-content; }
html[data-theme="dark"] .dark-focus-within-max-h-min:focus-within { max-height: min-content; }
.group:hover .group-hover-max-h-min { max-height: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-min { max-height: min-content; }
.max-h-minmax { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-max-h-minmax { max-height: minmax(0, 100%); }
.hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
.focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
.active-max-h-minmax:active { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-active-max-h-minmax:active { max-height: minmax(0, 100%); }
.disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
.focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
.focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
html[data-theme="dark"] .dark-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
.group:hover .group-hover-max-h-minmax { max-height: minmax(0, 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
.max-h-full { max-height: 100%; }
html[data-theme="dark"] .dark-max-h-full { max-height: 100%; }
.hover-max-h-full:hover { max-height: 100%; }
html[data-theme="dark"] .dark-hover-max-h-full:hover { max-height: 100%; }
.focus-max-h-full:focus { max-height: 100%; }
html[data-theme="dark"] .dark-focus-max-h-full:focus { max-height: 100%; }
.active-max-h-full:active { max-height: 100%; }
html[data-theme="dark"] .dark-active-max-h-full:active { max-height: 100%; }
.disabled-max-h-full:disabled { max-height: 100%; }
html[data-theme="dark"] .dark-disabled-max-h-full:disabled { max-height: 100%; }
.focus-visible-max-h-full:focus-visible { max-height: 100%; }
html[data-theme="dark"] .dark-focus-visible-max-h-full:focus-visible { max-height: 100%; }
.focus-within-max-h-full:focus-within { max-height: 100%; }
html[data-theme="dark"] .dark-focus-within-max-h-full:focus-within { max-height: 100%; }
.group:hover .group-hover-max-h-full { max-height: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }
html[data-theme="dark"] .dark-max-h-screen { max-height: 100vh; }
.hover-max-h-screen:hover { max-height: 100vh; }
html[data-theme="dark"] .dark-hover-max-h-screen:hover { max-height: 100vh; }
.focus-max-h-screen:focus { max-height: 100vh; }
html[data-theme="dark"] .dark-focus-max-h-screen:focus { max-height: 100vh; }
.active-max-h-screen:active { max-height: 100vh; }
html[data-theme="dark"] .dark-active-max-h-screen:active { max-height: 100vh; }
.disabled-max-h-screen:disabled { max-height: 100vh; }
html[data-theme="dark"] .dark-disabled-max-h-screen:disabled { max-height: 100vh; }
.focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
html[data-theme="dark"] .dark-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
.focus-within-max-h-screen:focus-within { max-height: 100vh; }
html[data-theme="dark"] .dark-focus-within-max-h-screen:focus-within { max-height: 100vh; }
.group:hover .group-hover-max-h-screen { max-height: 100vh; }
html[data-theme="dark"] .group:hover .dark-group-hover-max-h-screen { max-height: 100vh; }
.size-0 { width: 0; height: 0; }
html[data-theme="dark"] .dark-size-0 { width: 0; height: 0; }
.hover-size-0:hover { width: 0; height: 0; }
html[data-theme="dark"] .dark-hover-size-0:hover { width: 0; height: 0; }
.focus-size-0:focus { width: 0; height: 0; }
html[data-theme="dark"] .dark-focus-size-0:focus { width: 0; height: 0; }
.active-size-0:active { width: 0; height: 0; }
html[data-theme="dark"] .dark-active-size-0:active { width: 0; height: 0; }
.disabled-size-0:disabled { width: 0; height: 0; }
html[data-theme="dark"] .dark-disabled-size-0:disabled { width: 0; height: 0; }
.focus-visible-size-0:focus-visible { width: 0; height: 0; }
html[data-theme="dark"] .dark-focus-visible-size-0:focus-visible { width: 0; height: 0; }
.focus-within-size-0:focus-within { width: 0; height: 0; }
html[data-theme="dark"] .dark-focus-within-size-0:focus-within { width: 0; height: 0; }
.group:hover .group-hover-size-0 { width: 0; height: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-0 { width: 0; height: 0; }
.size-1 { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-size-1 { width: 0.25rem; height: 0.25rem; }
.hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
.focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
.active-size-1:active { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-active-size-1:active { width: 0.25rem; height: 0.25rem; }
.disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
.focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
.focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
.group:hover .group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
.size-2 { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-size-2 { width: 0.5rem; height: 0.5rem; }
.hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
.focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
.active-size-2:active { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-active-size-2:active { width: 0.5rem; height: 0.5rem; }
.disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
.focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
.focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
.group:hover .group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
.size-3 { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-size-3 { width: 0.75rem; height: 0.75rem; }
.hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
.focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
.active-size-3:active { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-active-size-3:active { width: 0.75rem; height: 0.75rem; }
.disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
.focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
.focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
.group:hover .group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
.size-4 { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-size-4 { width: 1rem; height: 1rem; }
.hover-size-4:hover { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-hover-size-4:hover { width: 1rem; height: 1rem; }
.focus-size-4:focus { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-focus-size-4:focus { width: 1rem; height: 1rem; }
.active-size-4:active { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-active-size-4:active { width: 1rem; height: 1rem; }
.disabled-size-4:disabled { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-disabled-size-4:disabled { width: 1rem; height: 1rem; }
.focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
.focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
html[data-theme="dark"] .dark-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
.group:hover .group-hover-size-4 { width: 1rem; height: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-4 { width: 1rem; height: 1rem; }
.size-5 { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-size-5 { width: 1.25rem; height: 1.25rem; }
.hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
.focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
.active-size-5:active { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-active-size-5:active { width: 1.25rem; height: 1.25rem; }
.disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
.focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
.focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
.group:hover .group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
.size-6 { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-size-6 { width: 1.5rem; height: 1.5rem; }
.hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
.focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
.active-size-6:active { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-active-size-6:active { width: 1.5rem; height: 1.5rem; }
.disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
.focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
.focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
.group:hover .group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
.size-7 { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-size-7 { width: 1.75rem; height: 1.75rem; }
.hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
.focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
.active-size-7:active { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-active-size-7:active { width: 1.75rem; height: 1.75rem; }
.disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
.focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
.focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
.group:hover .group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
.size-8 { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-size-8 { width: 2rem; height: 2rem; }
.hover-size-8:hover { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-hover-size-8:hover { width: 2rem; height: 2rem; }
.focus-size-8:focus { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-focus-size-8:focus { width: 2rem; height: 2rem; }
.active-size-8:active { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-active-size-8:active { width: 2rem; height: 2rem; }
.disabled-size-8:disabled { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-disabled-size-8:disabled { width: 2rem; height: 2rem; }
.focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
.focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
html[data-theme="dark"] .dark-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
.group:hover .group-hover-size-8 { width: 2rem; height: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-8 { width: 2rem; height: 2rem; }
.size-9 { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-size-9 { width: 2.25rem; height: 2.25rem; }
.hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
.focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
.active-size-9:active { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-active-size-9:active { width: 2.25rem; height: 2.25rem; }
.disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
.focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
.focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
.group:hover .group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
.size-10 { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-size-10 { width: 2.5rem; height: 2.5rem; }
.hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
.focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
.active-size-10:active { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-active-size-10:active { width: 2.5rem; height: 2.5rem; }
.disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
.focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
.focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
.group:hover .group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
.size-11 { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-size-11 { width: 2.75rem; height: 2.75rem; }
.hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
.focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
.active-size-11:active { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-active-size-11:active { width: 2.75rem; height: 2.75rem; }
.disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
.focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
.focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .dark-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
.group:hover .group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
.size-12 { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-size-12 { width: 3rem; height: 3rem; }
.hover-size-12:hover { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-hover-size-12:hover { width: 3rem; height: 3rem; }
.focus-size-12:focus { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-focus-size-12:focus { width: 3rem; height: 3rem; }
.active-size-12:active { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-active-size-12:active { width: 3rem; height: 3rem; }
.disabled-size-12:disabled { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-disabled-size-12:disabled { width: 3rem; height: 3rem; }
.focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
.focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
html[data-theme="dark"] .dark-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
.group:hover .group-hover-size-12 { width: 3rem; height: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-12 { width: 3rem; height: 3rem; }
.size-14 { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-size-14 { width: 3.5rem; height: 3.5rem; }
.hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
.focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
.active-size-14:active { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-active-size-14:active { width: 3.5rem; height: 3.5rem; }
.disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
.focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
.focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
.group:hover .group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
.size-16 { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-size-16 { width: 4rem; height: 4rem; }
.hover-size-16:hover { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-hover-size-16:hover { width: 4rem; height: 4rem; }
.focus-size-16:focus { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-focus-size-16:focus { width: 4rem; height: 4rem; }
.active-size-16:active { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-active-size-16:active { width: 4rem; height: 4rem; }
.disabled-size-16:disabled { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-disabled-size-16:disabled { width: 4rem; height: 4rem; }
.focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
.focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
html[data-theme="dark"] .dark-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
.group:hover .group-hover-size-16 { width: 4rem; height: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-16 { width: 4rem; height: 4rem; }
.size-20 { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-size-20 { width: 5rem; height: 5rem; }
.hover-size-20:hover { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-hover-size-20:hover { width: 5rem; height: 5rem; }
.focus-size-20:focus { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-focus-size-20:focus { width: 5rem; height: 5rem; }
.active-size-20:active { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-active-size-20:active { width: 5rem; height: 5rem; }
.disabled-size-20:disabled { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-disabled-size-20:disabled { width: 5rem; height: 5rem; }
.focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
.focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
html[data-theme="dark"] .dark-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
.group:hover .group-hover-size-20 { width: 5rem; height: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-20 { width: 5rem; height: 5rem; }
.size-24 { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-size-24 { width: 6rem; height: 6rem; }
.hover-size-24:hover { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-hover-size-24:hover { width: 6rem; height: 6rem; }
.focus-size-24:focus { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-focus-size-24:focus { width: 6rem; height: 6rem; }
.active-size-24:active { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-active-size-24:active { width: 6rem; height: 6rem; }
.disabled-size-24:disabled { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-disabled-size-24:disabled { width: 6rem; height: 6rem; }
.focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
.focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
html[data-theme="dark"] .dark-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
.group:hover .group-hover-size-24 { width: 6rem; height: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-24 { width: 6rem; height: 6rem; }
.size-28 { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-size-28 { width: 7rem; height: 7rem; }
.hover-size-28:hover { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-hover-size-28:hover { width: 7rem; height: 7rem; }
.focus-size-28:focus { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-focus-size-28:focus { width: 7rem; height: 7rem; }
.active-size-28:active { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-active-size-28:active { width: 7rem; height: 7rem; }
.disabled-size-28:disabled { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-disabled-size-28:disabled { width: 7rem; height: 7rem; }
.focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
.focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
html[data-theme="dark"] .dark-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
.group:hover .group-hover-size-28 { width: 7rem; height: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-28 { width: 7rem; height: 7rem; }
.size-32 { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-size-32 { width: 8rem; height: 8rem; }
.hover-size-32:hover { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-hover-size-32:hover { width: 8rem; height: 8rem; }
.focus-size-32:focus { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-focus-size-32:focus { width: 8rem; height: 8rem; }
.active-size-32:active { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-active-size-32:active { width: 8rem; height: 8rem; }
.disabled-size-32:disabled { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-disabled-size-32:disabled { width: 8rem; height: 8rem; }
.focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
.focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
html[data-theme="dark"] .dark-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
.group:hover .group-hover-size-32 { width: 8rem; height: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-32 { width: 8rem; height: 8rem; }
.size-36 { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-size-36 { width: 9rem; height: 9rem; }
.hover-size-36:hover { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-hover-size-36:hover { width: 9rem; height: 9rem; }
.focus-size-36:focus { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-focus-size-36:focus { width: 9rem; height: 9rem; }
.active-size-36:active { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-active-size-36:active { width: 9rem; height: 9rem; }
.disabled-size-36:disabled { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-disabled-size-36:disabled { width: 9rem; height: 9rem; }
.focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
.focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
html[data-theme="dark"] .dark-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
.group:hover .group-hover-size-36 { width: 9rem; height: 9rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-36 { width: 9rem; height: 9rem; }
.size-40 { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-size-40 { width: 10rem; height: 10rem; }
.hover-size-40:hover { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-hover-size-40:hover { width: 10rem; height: 10rem; }
.focus-size-40:focus { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-focus-size-40:focus { width: 10rem; height: 10rem; }
.active-size-40:active { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-active-size-40:active { width: 10rem; height: 10rem; }
.disabled-size-40:disabled { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-disabled-size-40:disabled { width: 10rem; height: 10rem; }
.focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
.focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
html[data-theme="dark"] .dark-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
.group:hover .group-hover-size-40 { width: 10rem; height: 10rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-40 { width: 10rem; height: 10rem; }
.size-44 { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-size-44 { width: 11rem; height: 11rem; }
.hover-size-44:hover { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-hover-size-44:hover { width: 11rem; height: 11rem; }
.focus-size-44:focus { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-focus-size-44:focus { width: 11rem; height: 11rem; }
.active-size-44:active { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-active-size-44:active { width: 11rem; height: 11rem; }
.disabled-size-44:disabled { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-disabled-size-44:disabled { width: 11rem; height: 11rem; }
.focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
.focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
html[data-theme="dark"] .dark-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
.group:hover .group-hover-size-44 { width: 11rem; height: 11rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-44 { width: 11rem; height: 11rem; }
.size-48 { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-size-48 { width: 12rem; height: 12rem; }
.hover-size-48:hover { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-hover-size-48:hover { width: 12rem; height: 12rem; }
.focus-size-48:focus { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-focus-size-48:focus { width: 12rem; height: 12rem; }
.active-size-48:active { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-active-size-48:active { width: 12rem; height: 12rem; }
.disabled-size-48:disabled { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-disabled-size-48:disabled { width: 12rem; height: 12rem; }
.focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
.focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
html[data-theme="dark"] .dark-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
.group:hover .group-hover-size-48 { width: 12rem; height: 12rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-48 { width: 12rem; height: 12rem; }
.size-52 { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-size-52 { width: 13rem; height: 13rem; }
.hover-size-52:hover { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-hover-size-52:hover { width: 13rem; height: 13rem; }
.focus-size-52:focus { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-focus-size-52:focus { width: 13rem; height: 13rem; }
.active-size-52:active { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-active-size-52:active { width: 13rem; height: 13rem; }
.disabled-size-52:disabled { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-disabled-size-52:disabled { width: 13rem; height: 13rem; }
.focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
.focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
html[data-theme="dark"] .dark-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
.group:hover .group-hover-size-52 { width: 13rem; height: 13rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-52 { width: 13rem; height: 13rem; }
.size-56 { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-size-56 { width: 14rem; height: 14rem; }
.hover-size-56:hover { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-hover-size-56:hover { width: 14rem; height: 14rem; }
.focus-size-56:focus { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-focus-size-56:focus { width: 14rem; height: 14rem; }
.active-size-56:active { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-active-size-56:active { width: 14rem; height: 14rem; }
.disabled-size-56:disabled { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-disabled-size-56:disabled { width: 14rem; height: 14rem; }
.focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
.focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
html[data-theme="dark"] .dark-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
.group:hover .group-hover-size-56 { width: 14rem; height: 14rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-56 { width: 14rem; height: 14rem; }
.size-60 { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-size-60 { width: 15rem; height: 15rem; }
.hover-size-60:hover { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-hover-size-60:hover { width: 15rem; height: 15rem; }
.focus-size-60:focus { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-focus-size-60:focus { width: 15rem; height: 15rem; }
.active-size-60:active { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-active-size-60:active { width: 15rem; height: 15rem; }
.disabled-size-60:disabled { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-disabled-size-60:disabled { width: 15rem; height: 15rem; }
.focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
.focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
html[data-theme="dark"] .dark-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
.group:hover .group-hover-size-60 { width: 15rem; height: 15rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-60 { width: 15rem; height: 15rem; }
.size-64 { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-size-64 { width: 16rem; height: 16rem; }
.hover-size-64:hover { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-hover-size-64:hover { width: 16rem; height: 16rem; }
.focus-size-64:focus { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-focus-size-64:focus { width: 16rem; height: 16rem; }
.active-size-64:active { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-active-size-64:active { width: 16rem; height: 16rem; }
.disabled-size-64:disabled { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-disabled-size-64:disabled { width: 16rem; height: 16rem; }
.focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
.focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
html[data-theme="dark"] .dark-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
.group:hover .group-hover-size-64 { width: 16rem; height: 16rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-64 { width: 16rem; height: 16rem; }
.size-72 { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-size-72 { width: 18rem; height: 18rem; }
.hover-size-72:hover { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-hover-size-72:hover { width: 18rem; height: 18rem; }
.focus-size-72:focus { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-focus-size-72:focus { width: 18rem; height: 18rem; }
.active-size-72:active { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-active-size-72:active { width: 18rem; height: 18rem; }
.disabled-size-72:disabled { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-disabled-size-72:disabled { width: 18rem; height: 18rem; }
.focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
.focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
html[data-theme="dark"] .dark-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
.group:hover .group-hover-size-72 { width: 18rem; height: 18rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-72 { width: 18rem; height: 18rem; }
.size-80 { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-size-80 { width: 20rem; height: 20rem; }
.hover-size-80:hover { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-hover-size-80:hover { width: 20rem; height: 20rem; }
.focus-size-80:focus { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-focus-size-80:focus { width: 20rem; height: 20rem; }
.active-size-80:active { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-active-size-80:active { width: 20rem; height: 20rem; }
.disabled-size-80:disabled { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-disabled-size-80:disabled { width: 20rem; height: 20rem; }
.focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
.focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
html[data-theme="dark"] .dark-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
.group:hover .group-hover-size-80 { width: 20rem; height: 20rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-80 { width: 20rem; height: 20rem; }
.size-96 { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-size-96 { width: 24rem; height: 24rem; }
.hover-size-96:hover { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-hover-size-96:hover { width: 24rem; height: 24rem; }
.focus-size-96:focus { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-focus-size-96:focus { width: 24rem; height: 24rem; }
.active-size-96:active { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-active-size-96:active { width: 24rem; height: 24rem; }
.disabled-size-96:disabled { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-disabled-size-96:disabled { width: 24rem; height: 24rem; }
.focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
.focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
html[data-theme="dark"] .dark-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
.group:hover .group-hover-size-96 { width: 24rem; height: 24rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-size-96 { width: 24rem; height: 24rem; }
.font-size-auto { font-size: auto; }
html[data-theme="dark"] .dark-font-size-auto { font-size: auto; }
.hover-font-size-auto:hover { font-size: auto; }
html[data-theme="dark"] .dark-hover-font-size-auto:hover { font-size: auto; }
.focus-font-size-auto:focus { font-size: auto; }
html[data-theme="dark"] .dark-focus-font-size-auto:focus { font-size: auto; }
.active-font-size-auto:active { font-size: auto; }
html[data-theme="dark"] .dark-active-font-size-auto:active { font-size: auto; }
.disabled-font-size-auto:disabled { font-size: auto; }
html[data-theme="dark"] .dark-disabled-font-size-auto:disabled { font-size: auto; }
.focus-visible-font-size-auto:focus-visible { font-size: auto; }
html[data-theme="dark"] .dark-focus-visible-font-size-auto:focus-visible { font-size: auto; }
.focus-within-font-size-auto:focus-within { font-size: auto; }
html[data-theme="dark"] .dark-focus-within-font-size-auto:focus-within { font-size: auto; }
.group:hover .group-hover-font-size-auto { font-size: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-auto { font-size: auto; }
.font-size-0 { font-size: 0; }
html[data-theme="dark"] .dark-font-size-0 { font-size: 0; }
.hover-font-size-0:hover { font-size: 0; }
html[data-theme="dark"] .dark-hover-font-size-0:hover { font-size: 0; }
.focus-font-size-0:focus { font-size: 0; }
html[data-theme="dark"] .dark-focus-font-size-0:focus { font-size: 0; }
.active-font-size-0:active { font-size: 0; }
html[data-theme="dark"] .dark-active-font-size-0:active { font-size: 0; }
.disabled-font-size-0:disabled { font-size: 0; }
html[data-theme="dark"] .dark-disabled-font-size-0:disabled { font-size: 0; }
.focus-visible-font-size-0:focus-visible { font-size: 0; }
html[data-theme="dark"] .dark-focus-visible-font-size-0:focus-visible { font-size: 0; }
.focus-within-font-size-0:focus-within { font-size: 0; }
html[data-theme="dark"] .dark-focus-within-font-size-0:focus-within { font-size: 0; }
.group:hover .group-hover-font-size-0 { font-size: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-0 { font-size: 0; }
.font-size-1 { font-size: 0.25rem; }
html[data-theme="dark"] .dark-font-size-1 { font-size: 0.25rem; }
.hover-font-size-1:hover { font-size: 0.25rem; }
html[data-theme="dark"] .dark-hover-font-size-1:hover { font-size: 0.25rem; }
.focus-font-size-1:focus { font-size: 0.25rem; }
html[data-theme="dark"] .dark-focus-font-size-1:focus { font-size: 0.25rem; }
.active-font-size-1:active { font-size: 0.25rem; }
html[data-theme="dark"] .dark-active-font-size-1:active { font-size: 0.25rem; }
.disabled-font-size-1:disabled { font-size: 0.25rem; }
html[data-theme="dark"] .dark-disabled-font-size-1:disabled { font-size: 0.25rem; }
.focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
.focus-within-font-size-1:focus-within { font-size: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
.group:hover .group-hover-font-size-1 { font-size: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-1 { font-size: 0.25rem; }
.font-size-2 { font-size: 0.5rem; }
html[data-theme="dark"] .dark-font-size-2 { font-size: 0.5rem; }
.hover-font-size-2:hover { font-size: 0.5rem; }
html[data-theme="dark"] .dark-hover-font-size-2:hover { font-size: 0.5rem; }
.focus-font-size-2:focus { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-font-size-2:focus { font-size: 0.5rem; }
.active-font-size-2:active { font-size: 0.5rem; }
html[data-theme="dark"] .dark-active-font-size-2:active { font-size: 0.5rem; }
.disabled-font-size-2:disabled { font-size: 0.5rem; }
html[data-theme="dark"] .dark-disabled-font-size-2:disabled { font-size: 0.5rem; }
.focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
.focus-within-font-size-2:focus-within { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
.group:hover .group-hover-font-size-2 { font-size: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-2 { font-size: 0.5rem; }
.font-size-3 { font-size: 0.75rem; }
html[data-theme="dark"] .dark-font-size-3 { font-size: 0.75rem; }
.hover-font-size-3:hover { font-size: 0.75rem; }
html[data-theme="dark"] .dark-hover-font-size-3:hover { font-size: 0.75rem; }
.focus-font-size-3:focus { font-size: 0.75rem; }
html[data-theme="dark"] .dark-focus-font-size-3:focus { font-size: 0.75rem; }
.active-font-size-3:active { font-size: 0.75rem; }
html[data-theme="dark"] .dark-active-font-size-3:active { font-size: 0.75rem; }
.disabled-font-size-3:disabled { font-size: 0.75rem; }
html[data-theme="dark"] .dark-disabled-font-size-3:disabled { font-size: 0.75rem; }
.focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
.focus-within-font-size-3:focus-within { font-size: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
.group:hover .group-hover-font-size-3 { font-size: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-3 { font-size: 0.75rem; }
.font-size-4 { font-size: 1rem; }
html[data-theme="dark"] .dark-font-size-4 { font-size: 1rem; }
.hover-font-size-4:hover { font-size: 1rem; }
html[data-theme="dark"] .dark-hover-font-size-4:hover { font-size: 1rem; }
.focus-font-size-4:focus { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-font-size-4:focus { font-size: 1rem; }
.active-font-size-4:active { font-size: 1rem; }
html[data-theme="dark"] .dark-active-font-size-4:active { font-size: 1rem; }
.disabled-font-size-4:disabled { font-size: 1rem; }
html[data-theme="dark"] .dark-disabled-font-size-4:disabled { font-size: 1rem; }
.focus-visible-font-size-4:focus-visible { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
.focus-within-font-size-4:focus-within { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-within-font-size-4:focus-within { font-size: 1rem; }
.group:hover .group-hover-font-size-4 { font-size: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-4 { font-size: 1rem; }
.font-size-5 { font-size: 1.25rem; }
html[data-theme="dark"] .dark-font-size-5 { font-size: 1.25rem; }
.hover-font-size-5:hover { font-size: 1.25rem; }
html[data-theme="dark"] .dark-hover-font-size-5:hover { font-size: 1.25rem; }
.focus-font-size-5:focus { font-size: 1.25rem; }
html[data-theme="dark"] .dark-focus-font-size-5:focus { font-size: 1.25rem; }
.active-font-size-5:active { font-size: 1.25rem; }
html[data-theme="dark"] .dark-active-font-size-5:active { font-size: 1.25rem; }
.disabled-font-size-5:disabled { font-size: 1.25rem; }
html[data-theme="dark"] .dark-disabled-font-size-5:disabled { font-size: 1.25rem; }
.focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
.focus-within-font-size-5:focus-within { font-size: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
.group:hover .group-hover-font-size-5 { font-size: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-5 { font-size: 1.25rem; }
.font-size-6 { font-size: 1.5rem; }
html[data-theme="dark"] .dark-font-size-6 { font-size: 1.5rem; }
.hover-font-size-6:hover { font-size: 1.5rem; }
html[data-theme="dark"] .dark-hover-font-size-6:hover { font-size: 1.5rem; }
.focus-font-size-6:focus { font-size: 1.5rem; }
html[data-theme="dark"] .dark-focus-font-size-6:focus { font-size: 1.5rem; }
.active-font-size-6:active { font-size: 1.5rem; }
html[data-theme="dark"] .dark-active-font-size-6:active { font-size: 1.5rem; }
.disabled-font-size-6:disabled { font-size: 1.5rem; }
html[data-theme="dark"] .dark-disabled-font-size-6:disabled { font-size: 1.5rem; }
.focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
.focus-within-font-size-6:focus-within { font-size: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
.group:hover .group-hover-font-size-6 { font-size: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-6 { font-size: 1.5rem; }
.font-size-7 { font-size: 1.75rem; }
html[data-theme="dark"] .dark-font-size-7 { font-size: 1.75rem; }
.hover-font-size-7:hover { font-size: 1.75rem; }
html[data-theme="dark"] .dark-hover-font-size-7:hover { font-size: 1.75rem; }
.focus-font-size-7:focus { font-size: 1.75rem; }
html[data-theme="dark"] .dark-focus-font-size-7:focus { font-size: 1.75rem; }
.active-font-size-7:active { font-size: 1.75rem; }
html[data-theme="dark"] .dark-active-font-size-7:active { font-size: 1.75rem; }
.disabled-font-size-7:disabled { font-size: 1.75rem; }
html[data-theme="dark"] .dark-disabled-font-size-7:disabled { font-size: 1.75rem; }
.focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
.focus-within-font-size-7:focus-within { font-size: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
.group:hover .group-hover-font-size-7 { font-size: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-7 { font-size: 1.75rem; }
.font-size-8 { font-size: 2rem; }
html[data-theme="dark"] .dark-font-size-8 { font-size: 2rem; }
.hover-font-size-8:hover { font-size: 2rem; }
html[data-theme="dark"] .dark-hover-font-size-8:hover { font-size: 2rem; }
.focus-font-size-8:focus { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-font-size-8:focus { font-size: 2rem; }
.active-font-size-8:active { font-size: 2rem; }
html[data-theme="dark"] .dark-active-font-size-8:active { font-size: 2rem; }
.disabled-font-size-8:disabled { font-size: 2rem; }
html[data-theme="dark"] .dark-disabled-font-size-8:disabled { font-size: 2rem; }
.focus-visible-font-size-8:focus-visible { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
.focus-within-font-size-8:focus-within { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-within-font-size-8:focus-within { font-size: 2rem; }
.group:hover .group-hover-font-size-8 { font-size: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-8 { font-size: 2rem; }
.font-size-9 { font-size: 2.25rem; }
html[data-theme="dark"] .dark-font-size-9 { font-size: 2.25rem; }
.hover-font-size-9:hover { font-size: 2.25rem; }
html[data-theme="dark"] .dark-hover-font-size-9:hover { font-size: 2.25rem; }
.focus-font-size-9:focus { font-size: 2.25rem; }
html[data-theme="dark"] .dark-focus-font-size-9:focus { font-size: 2.25rem; }
.active-font-size-9:active { font-size: 2.25rem; }
html[data-theme="dark"] .dark-active-font-size-9:active { font-size: 2.25rem; }
.disabled-font-size-9:disabled { font-size: 2.25rem; }
html[data-theme="dark"] .dark-disabled-font-size-9:disabled { font-size: 2.25rem; }
.focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
.focus-within-font-size-9:focus-within { font-size: 2.25rem; }
html[data-theme="dark"] .dark-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
.group:hover .group-hover-font-size-9 { font-size: 2.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-9 { font-size: 2.25rem; }
.font-size-10 { font-size: 2.5rem; }
html[data-theme="dark"] .dark-font-size-10 { font-size: 2.5rem; }
.hover-font-size-10:hover { font-size: 2.5rem; }
html[data-theme="dark"] .dark-hover-font-size-10:hover { font-size: 2.5rem; }
.focus-font-size-10:focus { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-font-size-10:focus { font-size: 2.5rem; }
.active-font-size-10:active { font-size: 2.5rem; }
html[data-theme="dark"] .dark-active-font-size-10:active { font-size: 2.5rem; }
.disabled-font-size-10:disabled { font-size: 2.5rem; }
html[data-theme="dark"] .dark-disabled-font-size-10:disabled { font-size: 2.5rem; }
.focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
.focus-within-font-size-10:focus-within { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
.group:hover .group-hover-font-size-10 { font-size: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-10 { font-size: 2.5rem; }
.font-size-12 { font-size: 3rem; }
html[data-theme="dark"] .dark-font-size-12 { font-size: 3rem; }
.hover-font-size-12:hover { font-size: 3rem; }
html[data-theme="dark"] .dark-hover-font-size-12:hover { font-size: 3rem; }
.focus-font-size-12:focus { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-font-size-12:focus { font-size: 3rem; }
.active-font-size-12:active { font-size: 3rem; }
html[data-theme="dark"] .dark-active-font-size-12:active { font-size: 3rem; }
.disabled-font-size-12:disabled { font-size: 3rem; }
html[data-theme="dark"] .dark-disabled-font-size-12:disabled { font-size: 3rem; }
.focus-visible-font-size-12:focus-visible { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
.focus-within-font-size-12:focus-within { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-within-font-size-12:focus-within { font-size: 3rem; }
.group:hover .group-hover-font-size-12 { font-size: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-12 { font-size: 3rem; }
.font-size-14 { font-size: 3.5rem; }
html[data-theme="dark"] .dark-font-size-14 { font-size: 3.5rem; }
.hover-font-size-14:hover { font-size: 3.5rem; }
html[data-theme="dark"] .dark-hover-font-size-14:hover { font-size: 3.5rem; }
.focus-font-size-14:focus { font-size: 3.5rem; }
html[data-theme="dark"] .dark-focus-font-size-14:focus { font-size: 3.5rem; }
.active-font-size-14:active { font-size: 3.5rem; }
html[data-theme="dark"] .dark-active-font-size-14:active { font-size: 3.5rem; }
.disabled-font-size-14:disabled { font-size: 3.5rem; }
html[data-theme="dark"] .dark-disabled-font-size-14:disabled { font-size: 3.5rem; }
.focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
.focus-within-font-size-14:focus-within { font-size: 3.5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
.group:hover .group-hover-font-size-14 { font-size: 3.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-14 { font-size: 3.5rem; }
.font-size-16 { font-size: 4rem; }
html[data-theme="dark"] .dark-font-size-16 { font-size: 4rem; }
.hover-font-size-16:hover { font-size: 4rem; }
html[data-theme="dark"] .dark-hover-font-size-16:hover { font-size: 4rem; }
.focus-font-size-16:focus { font-size: 4rem; }
html[data-theme="dark"] .dark-focus-font-size-16:focus { font-size: 4rem; }
.active-font-size-16:active { font-size: 4rem; }
html[data-theme="dark"] .dark-active-font-size-16:active { font-size: 4rem; }
.disabled-font-size-16:disabled { font-size: 4rem; }
html[data-theme="dark"] .dark-disabled-font-size-16:disabled { font-size: 4rem; }
.focus-visible-font-size-16:focus-visible { font-size: 4rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
.focus-within-font-size-16:focus-within { font-size: 4rem; }
html[data-theme="dark"] .dark-focus-within-font-size-16:focus-within { font-size: 4rem; }
.group:hover .group-hover-font-size-16 { font-size: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-16 { font-size: 4rem; }
.font-size-18 { font-size: 4.5rem; }
html[data-theme="dark"] .dark-font-size-18 { font-size: 4.5rem; }
.hover-font-size-18:hover { font-size: 4.5rem; }
html[data-theme="dark"] .dark-hover-font-size-18:hover { font-size: 4.5rem; }
.focus-font-size-18:focus { font-size: 4.5rem; }
html[data-theme="dark"] .dark-focus-font-size-18:focus { font-size: 4.5rem; }
.active-font-size-18:active { font-size: 4.5rem; }
html[data-theme="dark"] .dark-active-font-size-18:active { font-size: 4.5rem; }
.disabled-font-size-18:disabled { font-size: 4.5rem; }
html[data-theme="dark"] .dark-disabled-font-size-18:disabled { font-size: 4.5rem; }
.focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
.focus-within-font-size-18:focus-within { font-size: 4.5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
.group:hover .group-hover-font-size-18 { font-size: 4.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-18 { font-size: 4.5rem; }
.font-size-20 { font-size: 5rem; }
html[data-theme="dark"] .dark-font-size-20 { font-size: 5rem; }
.hover-font-size-20:hover { font-size: 5rem; }
html[data-theme="dark"] .dark-hover-font-size-20:hover { font-size: 5rem; }
.focus-font-size-20:focus { font-size: 5rem; }
html[data-theme="dark"] .dark-focus-font-size-20:focus { font-size: 5rem; }
.active-font-size-20:active { font-size: 5rem; }
html[data-theme="dark"] .dark-active-font-size-20:active { font-size: 5rem; }
.disabled-font-size-20:disabled { font-size: 5rem; }
html[data-theme="dark"] .dark-disabled-font-size-20:disabled { font-size: 5rem; }
.focus-visible-font-size-20:focus-visible { font-size: 5rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
.focus-within-font-size-20:focus-within { font-size: 5rem; }
html[data-theme="dark"] .dark-focus-within-font-size-20:focus-within { font-size: 5rem; }
.group:hover .group-hover-font-size-20 { font-size: 5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-20 { font-size: 5rem; }
.font-size-24 { font-size: 6rem; }
html[data-theme="dark"] .dark-font-size-24 { font-size: 6rem; }
.hover-font-size-24:hover { font-size: 6rem; }
html[data-theme="dark"] .dark-hover-font-size-24:hover { font-size: 6rem; }
.focus-font-size-24:focus { font-size: 6rem; }
html[data-theme="dark"] .dark-focus-font-size-24:focus { font-size: 6rem; }
.active-font-size-24:active { font-size: 6rem; }
html[data-theme="dark"] .dark-active-font-size-24:active { font-size: 6rem; }
.disabled-font-size-24:disabled { font-size: 6rem; }
html[data-theme="dark"] .dark-disabled-font-size-24:disabled { font-size: 6rem; }
.focus-visible-font-size-24:focus-visible { font-size: 6rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
.focus-within-font-size-24:focus-within { font-size: 6rem; }
html[data-theme="dark"] .dark-focus-within-font-size-24:focus-within { font-size: 6rem; }
.group:hover .group-hover-font-size-24 { font-size: 6rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-24 { font-size: 6rem; }
.font-size-28 { font-size: 7rem; }
html[data-theme="dark"] .dark-font-size-28 { font-size: 7rem; }
.hover-font-size-28:hover { font-size: 7rem; }
html[data-theme="dark"] .dark-hover-font-size-28:hover { font-size: 7rem; }
.focus-font-size-28:focus { font-size: 7rem; }
html[data-theme="dark"] .dark-focus-font-size-28:focus { font-size: 7rem; }
.active-font-size-28:active { font-size: 7rem; }
html[data-theme="dark"] .dark-active-font-size-28:active { font-size: 7rem; }
.disabled-font-size-28:disabled { font-size: 7rem; }
html[data-theme="dark"] .dark-disabled-font-size-28:disabled { font-size: 7rem; }
.focus-visible-font-size-28:focus-visible { font-size: 7rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
.focus-within-font-size-28:focus-within { font-size: 7rem; }
html[data-theme="dark"] .dark-focus-within-font-size-28:focus-within { font-size: 7rem; }
.group:hover .group-hover-font-size-28 { font-size: 7rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-28 { font-size: 7rem; }
.font-size-32 { font-size: 8rem; }
html[data-theme="dark"] .dark-font-size-32 { font-size: 8rem; }
.hover-font-size-32:hover { font-size: 8rem; }
html[data-theme="dark"] .dark-hover-font-size-32:hover { font-size: 8rem; }
.focus-font-size-32:focus { font-size: 8rem; }
html[data-theme="dark"] .dark-focus-font-size-32:focus { font-size: 8rem; }
.active-font-size-32:active { font-size: 8rem; }
html[data-theme="dark"] .dark-active-font-size-32:active { font-size: 8rem; }
.disabled-font-size-32:disabled { font-size: 8rem; }
html[data-theme="dark"] .dark-disabled-font-size-32:disabled { font-size: 8rem; }
.focus-visible-font-size-32:focus-visible { font-size: 8rem; }
html[data-theme="dark"] .dark-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
.focus-within-font-size-32:focus-within { font-size: 8rem; }
html[data-theme="dark"] .dark-focus-within-font-size-32:focus-within { font-size: 8rem; }
.group:hover .group-hover-font-size-32 { font-size: 8rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-size-32 { font-size: 8rem; }
.font-style-normal { font-style: normal; }
html[data-theme="dark"] .dark-font-style-normal { font-style: normal; }
.hover-font-style-normal:hover { font-style: normal; }
html[data-theme="dark"] .dark-hover-font-style-normal:hover { font-style: normal; }
.focus-font-style-normal:focus { font-style: normal; }
html[data-theme="dark"] .dark-focus-font-style-normal:focus { font-style: normal; }
.active-font-style-normal:active { font-style: normal; }
html[data-theme="dark"] .dark-active-font-style-normal:active { font-style: normal; }
.disabled-font-style-normal:disabled { font-style: normal; }
html[data-theme="dark"] .dark-disabled-font-style-normal:disabled { font-style: normal; }
.focus-visible-font-style-normal:focus-visible { font-style: normal; }
html[data-theme="dark"] .dark-focus-visible-font-style-normal:focus-visible { font-style: normal; }
.focus-within-font-style-normal:focus-within { font-style: normal; }
html[data-theme="dark"] .dark-focus-within-font-style-normal:focus-within { font-style: normal; }
.group:hover .group-hover-font-style-normal { font-style: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-style-normal { font-style: normal; }
.font-style-italic { font-style: italic; }
html[data-theme="dark"] .dark-font-style-italic { font-style: italic; }
.hover-font-style-italic:hover { font-style: italic; }
html[data-theme="dark"] .dark-hover-font-style-italic:hover { font-style: italic; }
.focus-font-style-italic:focus { font-style: italic; }
html[data-theme="dark"] .dark-focus-font-style-italic:focus { font-style: italic; }
.active-font-style-italic:active { font-style: italic; }
html[data-theme="dark"] .dark-active-font-style-italic:active { font-style: italic; }
.disabled-font-style-italic:disabled { font-style: italic; }
html[data-theme="dark"] .dark-disabled-font-style-italic:disabled { font-style: italic; }
.focus-visible-font-style-italic:focus-visible { font-style: italic; }
html[data-theme="dark"] .dark-focus-visible-font-style-italic:focus-visible { font-style: italic; }
.focus-within-font-style-italic:focus-within { font-style: italic; }
html[data-theme="dark"] .dark-focus-within-font-style-italic:focus-within { font-style: italic; }
.group:hover .group-hover-font-style-italic { font-style: italic; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-style-italic { font-style: italic; }
.font-style-oblique { font-style: oblique; }
html[data-theme="dark"] .dark-font-style-oblique { font-style: oblique; }
.hover-font-style-oblique:hover { font-style: oblique; }
html[data-theme="dark"] .dark-hover-font-style-oblique:hover { font-style: oblique; }
.focus-font-style-oblique:focus { font-style: oblique; }
html[data-theme="dark"] .dark-focus-font-style-oblique:focus { font-style: oblique; }
.active-font-style-oblique:active { font-style: oblique; }
html[data-theme="dark"] .dark-active-font-style-oblique:active { font-style: oblique; }
.disabled-font-style-oblique:disabled { font-style: oblique; }
html[data-theme="dark"] .dark-disabled-font-style-oblique:disabled { font-style: oblique; }
.focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
html[data-theme="dark"] .dark-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
.focus-within-font-style-oblique:focus-within { font-style: oblique; }
html[data-theme="dark"] .dark-focus-within-font-style-oblique:focus-within { font-style: oblique; }
.group:hover .group-hover-font-style-oblique { font-style: oblique; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-style-oblique { font-style: oblique; }
.font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
.hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
.focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
.active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
.disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
.focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
.focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .dark-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
.group:hover .group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
.font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
.hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
.focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
.active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
.disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
.focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
.focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .dark-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
.group:hover .group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
.font-weight-thin { font-weight: 100; }
html[data-theme="dark"] .dark-font-weight-thin { font-weight: 100; }
.hover-font-weight-thin:hover { font-weight: 100; }
html[data-theme="dark"] .dark-hover-font-weight-thin:hover { font-weight: 100; }
.focus-font-weight-thin:focus { font-weight: 100; }
html[data-theme="dark"] .dark-focus-font-weight-thin:focus { font-weight: 100; }
.active-font-weight-thin:active { font-weight: 100; }
html[data-theme="dark"] .dark-active-font-weight-thin:active { font-weight: 100; }
.disabled-font-weight-thin:disabled { font-weight: 100; }
html[data-theme="dark"] .dark-disabled-font-weight-thin:disabled { font-weight: 100; }
.focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
html[data-theme="dark"] .dark-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
.focus-within-font-weight-thin:focus-within { font-weight: 100; }
html[data-theme="dark"] .dark-focus-within-font-weight-thin:focus-within { font-weight: 100; }
.group:hover .group-hover-font-weight-thin { font-weight: 100; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-thin { font-weight: 100; }
.font-weight-extralight { font-weight: 200; }
html[data-theme="dark"] .dark-font-weight-extralight { font-weight: 200; }
.hover-font-weight-extralight:hover { font-weight: 200; }
html[data-theme="dark"] .dark-hover-font-weight-extralight:hover { font-weight: 200; }
.focus-font-weight-extralight:focus { font-weight: 200; }
html[data-theme="dark"] .dark-focus-font-weight-extralight:focus { font-weight: 200; }
.active-font-weight-extralight:active { font-weight: 200; }
html[data-theme="dark"] .dark-active-font-weight-extralight:active { font-weight: 200; }
.disabled-font-weight-extralight:disabled { font-weight: 200; }
html[data-theme="dark"] .dark-disabled-font-weight-extralight:disabled { font-weight: 200; }
.focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
html[data-theme="dark"] .dark-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
.focus-within-font-weight-extralight:focus-within { font-weight: 200; }
html[data-theme="dark"] .dark-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
.group:hover .group-hover-font-weight-extralight { font-weight: 200; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-extralight { font-weight: 200; }
.font-weight-light { font-weight: 300; }
html[data-theme="dark"] .dark-font-weight-light { font-weight: 300; }
.hover-font-weight-light:hover { font-weight: 300; }
html[data-theme="dark"] .dark-hover-font-weight-light:hover { font-weight: 300; }
.focus-font-weight-light:focus { font-weight: 300; }
html[data-theme="dark"] .dark-focus-font-weight-light:focus { font-weight: 300; }
.active-font-weight-light:active { font-weight: 300; }
html[data-theme="dark"] .dark-active-font-weight-light:active { font-weight: 300; }
.disabled-font-weight-light:disabled { font-weight: 300; }
html[data-theme="dark"] .dark-disabled-font-weight-light:disabled { font-weight: 300; }
.focus-visible-font-weight-light:focus-visible { font-weight: 300; }
html[data-theme="dark"] .dark-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
.focus-within-font-weight-light:focus-within { font-weight: 300; }
html[data-theme="dark"] .dark-focus-within-font-weight-light:focus-within { font-weight: 300; }
.group:hover .group-hover-font-weight-light { font-weight: 300; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-light { font-weight: 300; }
.font-weight-regular { font-weight: 400; }
html[data-theme="dark"] .dark-font-weight-regular { font-weight: 400; }
.hover-font-weight-regular:hover { font-weight: 400; }
html[data-theme="dark"] .dark-hover-font-weight-regular:hover { font-weight: 400; }
.focus-font-weight-regular:focus { font-weight: 400; }
html[data-theme="dark"] .dark-focus-font-weight-regular:focus { font-weight: 400; }
.active-font-weight-regular:active { font-weight: 400; }
html[data-theme="dark"] .dark-active-font-weight-regular:active { font-weight: 400; }
.disabled-font-weight-regular:disabled { font-weight: 400; }
html[data-theme="dark"] .dark-disabled-font-weight-regular:disabled { font-weight: 400; }
.focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
html[data-theme="dark"] .dark-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
.focus-within-font-weight-regular:focus-within { font-weight: 400; }
html[data-theme="dark"] .dark-focus-within-font-weight-regular:focus-within { font-weight: 400; }
.group:hover .group-hover-font-weight-regular { font-weight: 400; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-regular { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
html[data-theme="dark"] .dark-font-weight-medium { font-weight: 500; }
.hover-font-weight-medium:hover { font-weight: 500; }
html[data-theme="dark"] .dark-hover-font-weight-medium:hover { font-weight: 500; }
.focus-font-weight-medium:focus { font-weight: 500; }
html[data-theme="dark"] .dark-focus-font-weight-medium:focus { font-weight: 500; }
.active-font-weight-medium:active { font-weight: 500; }
html[data-theme="dark"] .dark-active-font-weight-medium:active { font-weight: 500; }
.disabled-font-weight-medium:disabled { font-weight: 500; }
html[data-theme="dark"] .dark-disabled-font-weight-medium:disabled { font-weight: 500; }
.focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
html[data-theme="dark"] .dark-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
.focus-within-font-weight-medium:focus-within { font-weight: 500; }
html[data-theme="dark"] .dark-focus-within-font-weight-medium:focus-within { font-weight: 500; }
.group:hover .group-hover-font-weight-medium { font-weight: 500; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
html[data-theme="dark"] .dark-font-weight-semibold { font-weight: 600; }
.hover-font-weight-semibold:hover { font-weight: 600; }
html[data-theme="dark"] .dark-hover-font-weight-semibold:hover { font-weight: 600; }
.focus-font-weight-semibold:focus { font-weight: 600; }
html[data-theme="dark"] .dark-focus-font-weight-semibold:focus { font-weight: 600; }
.active-font-weight-semibold:active { font-weight: 600; }
html[data-theme="dark"] .dark-active-font-weight-semibold:active { font-weight: 600; }
.disabled-font-weight-semibold:disabled { font-weight: 600; }
html[data-theme="dark"] .dark-disabled-font-weight-semibold:disabled { font-weight: 600; }
.focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
html[data-theme="dark"] .dark-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
.focus-within-font-weight-semibold:focus-within { font-weight: 600; }
html[data-theme="dark"] .dark-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
.group:hover .group-hover-font-weight-semibold { font-weight: 600; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: 700; }
html[data-theme="dark"] .dark-font-weight-bold { font-weight: 700; }
.hover-font-weight-bold:hover { font-weight: 700; }
html[data-theme="dark"] .dark-hover-font-weight-bold:hover { font-weight: 700; }
.focus-font-weight-bold:focus { font-weight: 700; }
html[data-theme="dark"] .dark-focus-font-weight-bold:focus { font-weight: 700; }
.active-font-weight-bold:active { font-weight: 700; }
html[data-theme="dark"] .dark-active-font-weight-bold:active { font-weight: 700; }
.disabled-font-weight-bold:disabled { font-weight: 700; }
html[data-theme="dark"] .dark-disabled-font-weight-bold:disabled { font-weight: 700; }
.focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
html[data-theme="dark"] .dark-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
.focus-within-font-weight-bold:focus-within { font-weight: 700; }
html[data-theme="dark"] .dark-focus-within-font-weight-bold:focus-within { font-weight: 700; }
.group:hover .group-hover-font-weight-bold { font-weight: 700; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-bold { font-weight: 700; }
.font-weight-extrabold { font-weight: 800; }
html[data-theme="dark"] .dark-font-weight-extrabold { font-weight: 800; }
.hover-font-weight-extrabold:hover { font-weight: 800; }
html[data-theme="dark"] .dark-hover-font-weight-extrabold:hover { font-weight: 800; }
.focus-font-weight-extrabold:focus { font-weight: 800; }
html[data-theme="dark"] .dark-focus-font-weight-extrabold:focus { font-weight: 800; }
.active-font-weight-extrabold:active { font-weight: 800; }
html[data-theme="dark"] .dark-active-font-weight-extrabold:active { font-weight: 800; }
.disabled-font-weight-extrabold:disabled { font-weight: 800; }
html[data-theme="dark"] .dark-disabled-font-weight-extrabold:disabled { font-weight: 800; }
.focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
html[data-theme="dark"] .dark-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
.focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
html[data-theme="dark"] .dark-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
.group:hover .group-hover-font-weight-extrabold { font-weight: 800; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-extrabold { font-weight: 800; }
.font-weight-ultrabold { font-weight: 900; }
html[data-theme="dark"] .dark-font-weight-ultrabold { font-weight: 900; }
.hover-font-weight-ultrabold:hover { font-weight: 900; }
html[data-theme="dark"] .dark-hover-font-weight-ultrabold:hover { font-weight: 900; }
.focus-font-weight-ultrabold:focus { font-weight: 900; }
html[data-theme="dark"] .dark-focus-font-weight-ultrabold:focus { font-weight: 900; }
.active-font-weight-ultrabold:active { font-weight: 900; }
html[data-theme="dark"] .dark-active-font-weight-ultrabold:active { font-weight: 900; }
.disabled-font-weight-ultrabold:disabled { font-weight: 900; }
html[data-theme="dark"] .dark-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
.focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
html[data-theme="dark"] .dark-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
.focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
html[data-theme="dark"] .dark-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
.group:hover .group-hover-font-weight-ultrabold { font-weight: 900; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-weight-ultrabold { font-weight: 900; }
.font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
.hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
.focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
.active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
.disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
.focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
.focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
html[data-theme="dark"] .dark-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
.group:hover .group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
.font-stretch-extra-condensed { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-font-stretch-extra-condensed { font-stretch: extra-condensed; }
.hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
.focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
.active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
.disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
.focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
.focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
html[data-theme="dark"] .dark-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
.group:hover .group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
.font-stretch-condensed { font-stretch: condensed; }
html[data-theme="dark"] .dark-font-stretch-condensed { font-stretch: condensed; }
.hover-font-stretch-condensed:hover { font-stretch: condensed; }
html[data-theme="dark"] .dark-hover-font-stretch-condensed:hover { font-stretch: condensed; }
.focus-font-stretch-condensed:focus { font-stretch: condensed; }
html[data-theme="dark"] .dark-focus-font-stretch-condensed:focus { font-stretch: condensed; }
.active-font-stretch-condensed:active { font-stretch: condensed; }
html[data-theme="dark"] .dark-active-font-stretch-condensed:active { font-stretch: condensed; }
.disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
html[data-theme="dark"] .dark-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
.focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
.focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
html[data-theme="dark"] .dark-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
.group:hover .group-hover-font-stretch-condensed { font-stretch: condensed; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-condensed { font-stretch: condensed; }
.font-stretch-semi-condensed { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-font-stretch-semi-condensed { font-stretch: semi-condensed; }
.hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
.focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
.active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
.disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
.focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
.focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
html[data-theme="dark"] .dark-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
.group:hover .group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
.font-stretch-normal { font-stretch: normal; }
html[data-theme="dark"] .dark-font-stretch-normal { font-stretch: normal; }
.hover-font-stretch-normal:hover { font-stretch: normal; }
html[data-theme="dark"] .dark-hover-font-stretch-normal:hover { font-stretch: normal; }
.focus-font-stretch-normal:focus { font-stretch: normal; }
html[data-theme="dark"] .dark-focus-font-stretch-normal:focus { font-stretch: normal; }
.active-font-stretch-normal:active { font-stretch: normal; }
html[data-theme="dark"] .dark-active-font-stretch-normal:active { font-stretch: normal; }
.disabled-font-stretch-normal:disabled { font-stretch: normal; }
html[data-theme="dark"] .dark-disabled-font-stretch-normal:disabled { font-stretch: normal; }
.focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
.focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
html[data-theme="dark"] .dark-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
.group:hover .group-hover-font-stretch-normal { font-stretch: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-normal { font-stretch: normal; }
.font-stretch-semi-expanded { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-font-stretch-semi-expanded { font-stretch: semi-expanded; }
.hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
.focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
.active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
.disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
.focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
.focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
html[data-theme="dark"] .dark-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
.group:hover .group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
.font-stretch-expanded { font-stretch: expanded; }
html[data-theme="dark"] .dark-font-stretch-expanded { font-stretch: expanded; }
.hover-font-stretch-expanded:hover { font-stretch: expanded; }
html[data-theme="dark"] .dark-hover-font-stretch-expanded:hover { font-stretch: expanded; }
.focus-font-stretch-expanded:focus { font-stretch: expanded; }
html[data-theme="dark"] .dark-focus-font-stretch-expanded:focus { font-stretch: expanded; }
.active-font-stretch-expanded:active { font-stretch: expanded; }
html[data-theme="dark"] .dark-active-font-stretch-expanded:active { font-stretch: expanded; }
.disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
html[data-theme="dark"] .dark-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
.focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
.focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
html[data-theme="dark"] .dark-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
.group:hover .group-hover-font-stretch-expanded { font-stretch: expanded; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-expanded { font-stretch: expanded; }
.font-stretch-extra-expanded { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-font-stretch-extra-expanded { font-stretch: extra-expanded; }
.hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
.focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
.active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
.disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
.focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
.focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
html[data-theme="dark"] .dark-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
.group:hover .group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
.font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
.hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
.focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
.active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
.disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
.focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
.focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
html[data-theme="dark"] .dark-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
.group:hover .group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
.font-variant-numeric-normal { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-font-variant-numeric-normal { font-variant-numeric: normal; }
.hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
.focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
.active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
.disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
.focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
.focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
.group:hover .group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
.font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
.hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
.focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
.active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
.disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
.focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
.focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
.group:hover .group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
.font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
.hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
.focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
.active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
.disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
.focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
.focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
.group:hover .group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
.font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
.hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
.focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
.active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
.disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
.focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
.focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
.group:hover .group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
.font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
.hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
.focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
.active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
.disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
.focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
.focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
.group:hover .group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
.font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
.hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
.focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
.active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
.disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
.focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
.focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
.group:hover .group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
.font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
.hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
.focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
.active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
.disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
.focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
.focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .dark-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
.group:hover .group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
html[data-theme="dark"] .group:hover .dark-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
.tracking-tighter { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-tracking-tighter { letter-spacing: -0.05em; }
.hover-tracking-tighter:hover { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
.focus-tracking-tighter:focus { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
.active-tracking-tighter:active { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-active-tracking-tighter:active { letter-spacing: -0.05em; }
.disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
.focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
.focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
.group:hover .group-hover-tracking-tighter { letter-spacing: -0.05em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-tighter { letter-spacing: -0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-tracking-tight { letter-spacing: -0.025em; }
.hover-tracking-tight:hover { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-hover-tracking-tight:hover { letter-spacing: -0.025em; }
.focus-tracking-tight:focus { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-focus-tracking-tight:focus { letter-spacing: -0.025em; }
.active-tracking-tight:active { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-active-tracking-tight:active { letter-spacing: -0.025em; }
.disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
.focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
.focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
html[data-theme="dark"] .dark-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
.group:hover .group-hover-tracking-tight { letter-spacing: -0.025em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-tight { letter-spacing: -0.025em; }
.tracking-normal { letter-spacing: 0; }
html[data-theme="dark"] .dark-tracking-normal { letter-spacing: 0; }
.hover-tracking-normal:hover { letter-spacing: 0; }
html[data-theme="dark"] .dark-hover-tracking-normal:hover { letter-spacing: 0; }
.focus-tracking-normal:focus { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-tracking-normal:focus { letter-spacing: 0; }
.active-tracking-normal:active { letter-spacing: 0; }
html[data-theme="dark"] .dark-active-tracking-normal:active { letter-spacing: 0; }
.disabled-tracking-normal:disabled { letter-spacing: 0; }
html[data-theme="dark"] .dark-disabled-tracking-normal:disabled { letter-spacing: 0; }
.focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
.focus-within-tracking-normal:focus-within { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
.group:hover .group-hover-tracking-normal { letter-spacing: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-tracking-wide { letter-spacing: 0.025em; }
.hover-tracking-wide:hover { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-hover-tracking-wide:hover { letter-spacing: 0.025em; }
.focus-tracking-wide:focus { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-focus-tracking-wide:focus { letter-spacing: 0.025em; }
.active-tracking-wide:active { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-active-tracking-wide:active { letter-spacing: 0.025em; }
.disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
.focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
.focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
html[data-theme="dark"] .dark-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
.group:hover .group-hover-tracking-wide { letter-spacing: 0.025em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-tracking-wider { letter-spacing: 0.05em; }
.hover-tracking-wider:hover { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-hover-tracking-wider:hover { letter-spacing: 0.05em; }
.focus-tracking-wider:focus { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-tracking-wider:focus { letter-spacing: 0.05em; }
.active-tracking-wider:active { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-active-tracking-wider:active { letter-spacing: 0.05em; }
.disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
.focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
.focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
.group:hover .group-hover-tracking-wider { letter-spacing: 0.05em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-tracking-widest { letter-spacing: 0.1em; }
.hover-tracking-widest:hover { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-hover-tracking-widest:hover { letter-spacing: 0.1em; }
.focus-tracking-widest:focus { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-focus-tracking-widest:focus { letter-spacing: 0.1em; }
.active-tracking-widest:active { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-active-tracking-widest:active { letter-spacing: 0.1em; }
.disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
.focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
.focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
html[data-theme="dark"] .dark-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
.group:hover .group-hover-tracking-widest { letter-spacing: 0.1em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-widest { letter-spacing: 0.1em; }
.decoration-solid { text-decoration-style: solid; }
html[data-theme="dark"] .dark-decoration-solid { text-decoration-style: solid; }
.hover-decoration-solid:hover { text-decoration-style: solid; }
html[data-theme="dark"] .dark-hover-decoration-solid:hover { text-decoration-style: solid; }
.focus-decoration-solid:focus { text-decoration-style: solid; }
html[data-theme="dark"] .dark-focus-decoration-solid:focus { text-decoration-style: solid; }
.active-decoration-solid:active { text-decoration-style: solid; }
html[data-theme="dark"] .dark-active-decoration-solid:active { text-decoration-style: solid; }
.disabled-decoration-solid:disabled { text-decoration-style: solid; }
html[data-theme="dark"] .dark-disabled-decoration-solid:disabled { text-decoration-style: solid; }
.focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
html[data-theme="dark"] .dark-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
.focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
html[data-theme="dark"] .dark-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
.group:hover .group-hover-decoration-solid { text-decoration-style: solid; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-solid { text-decoration-style: solid; }
.decoration-double { text-decoration-style: double; }
html[data-theme="dark"] .dark-decoration-double { text-decoration-style: double; }
.hover-decoration-double:hover { text-decoration-style: double; }
html[data-theme="dark"] .dark-hover-decoration-double:hover { text-decoration-style: double; }
.focus-decoration-double:focus { text-decoration-style: double; }
html[data-theme="dark"] .dark-focus-decoration-double:focus { text-decoration-style: double; }
.active-decoration-double:active { text-decoration-style: double; }
html[data-theme="dark"] .dark-active-decoration-double:active { text-decoration-style: double; }
.disabled-decoration-double:disabled { text-decoration-style: double; }
html[data-theme="dark"] .dark-disabled-decoration-double:disabled { text-decoration-style: double; }
.focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
html[data-theme="dark"] .dark-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
.focus-within-decoration-double:focus-within { text-decoration-style: double; }
html[data-theme="dark"] .dark-focus-within-decoration-double:focus-within { text-decoration-style: double; }
.group:hover .group-hover-decoration-double { text-decoration-style: double; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-double { text-decoration-style: double; }
.decoration-dotted { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-decoration-dotted { text-decoration-style: dotted; }
.hover-decoration-dotted:hover { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-hover-decoration-dotted:hover { text-decoration-style: dotted; }
.focus-decoration-dotted:focus { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-focus-decoration-dotted:focus { text-decoration-style: dotted; }
.active-decoration-dotted:active { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-active-decoration-dotted:active { text-decoration-style: dotted; }
.disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
.focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
.focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
html[data-theme="dark"] .dark-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
.group:hover .group-hover-decoration-dotted { text-decoration-style: dotted; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-dotted { text-decoration-style: dotted; }
.decoration-dashed { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-decoration-dashed { text-decoration-style: dashed; }
.hover-decoration-dashed:hover { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-hover-decoration-dashed:hover { text-decoration-style: dashed; }
.focus-decoration-dashed:focus { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-focus-decoration-dashed:focus { text-decoration-style: dashed; }
.active-decoration-dashed:active { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-active-decoration-dashed:active { text-decoration-style: dashed; }
.disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
.focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
.focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
html[data-theme="dark"] .dark-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
.group:hover .group-hover-decoration-dashed { text-decoration-style: dashed; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-dashed { text-decoration-style: dashed; }
.decoration-wavy { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-decoration-wavy { text-decoration-style: wavy; }
.hover-decoration-wavy:hover { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-hover-decoration-wavy:hover { text-decoration-style: wavy; }
.focus-decoration-wavy:focus { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-focus-decoration-wavy:focus { text-decoration-style: wavy; }
.active-decoration-wavy:active { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-active-decoration-wavy:active { text-decoration-style: wavy; }
.disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
.focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
.focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
html[data-theme="dark"] .dark-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
.group:hover .group-hover-decoration-wavy { text-decoration-style: wavy; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-wavy { text-decoration-style: wavy; }
.decoration-0 { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-decoration-0 { text-decoration-thickness: 0; }
.hover-decoration-0:hover { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-hover-decoration-0:hover { text-decoration-thickness: 0; }
.focus-decoration-0:focus { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-focus-decoration-0:focus { text-decoration-thickness: 0; }
.active-decoration-0:active { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-active-decoration-0:active { text-decoration-thickness: 0; }
.disabled-decoration-0:disabled { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
.focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
.focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
html[data-theme="dark"] .dark-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
.group:hover .group-hover-decoration-0 { text-decoration-thickness: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-0 { text-decoration-thickness: 0; }
.decoration-1 { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-decoration-1 { text-decoration-thickness: 1px; }
.hover-decoration-1:hover { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-hover-decoration-1:hover { text-decoration-thickness: 1px; }
.focus-decoration-1:focus { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-focus-decoration-1:focus { text-decoration-thickness: 1px; }
.active-decoration-1:active { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-active-decoration-1:active { text-decoration-thickness: 1px; }
.disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
.focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
.focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
html[data-theme="dark"] .dark-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
.group:hover .group-hover-decoration-1 { text-decoration-thickness: 1px; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-1 { text-decoration-thickness: 1px; }
.decoration-2 { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-decoration-2 { text-decoration-thickness: 2px; }
.hover-decoration-2:hover { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-hover-decoration-2:hover { text-decoration-thickness: 2px; }
.focus-decoration-2:focus { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-focus-decoration-2:focus { text-decoration-thickness: 2px; }
.active-decoration-2:active { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-active-decoration-2:active { text-decoration-thickness: 2px; }
.disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
.focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
.focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
html[data-theme="dark"] .dark-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
.group:hover .group-hover-decoration-2 { text-decoration-thickness: 2px; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-2 { text-decoration-thickness: 2px; }
.decoration-4 { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-decoration-4 { text-decoration-thickness: 4px; }
.hover-decoration-4:hover { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-hover-decoration-4:hover { text-decoration-thickness: 4px; }
.focus-decoration-4:focus { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-focus-decoration-4:focus { text-decoration-thickness: 4px; }
.active-decoration-4:active { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-active-decoration-4:active { text-decoration-thickness: 4px; }
.disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
.focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
.focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
html[data-theme="dark"] .dark-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
.group:hover .group-hover-decoration-4 { text-decoration-thickness: 4px; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-4 { text-decoration-thickness: 4px; }
.decoration-8 { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-decoration-8 { text-decoration-thickness: 8px; }
.hover-decoration-8:hover { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-hover-decoration-8:hover { text-decoration-thickness: 8px; }
.focus-decoration-8:focus { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-focus-decoration-8:focus { text-decoration-thickness: 8px; }
.active-decoration-8:active { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-active-decoration-8:active { text-decoration-thickness: 8px; }
.disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
.focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
.focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
html[data-theme="dark"] .dark-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
.group:hover .group-hover-decoration-8 { text-decoration-thickness: 8px; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-8 { text-decoration-thickness: 8px; }
.underline-offset-0 { text-underline-offset: 0; }
html[data-theme="dark"] .dark-underline-offset-0 { text-underline-offset: 0; }
.hover-underline-offset-0:hover { text-underline-offset: 0; }
html[data-theme="dark"] .dark-hover-underline-offset-0:hover { text-underline-offset: 0; }
.focus-underline-offset-0:focus { text-underline-offset: 0; }
html[data-theme="dark"] .dark-focus-underline-offset-0:focus { text-underline-offset: 0; }
.active-underline-offset-0:active { text-underline-offset: 0; }
html[data-theme="dark"] .dark-active-underline-offset-0:active { text-underline-offset: 0; }
.disabled-underline-offset-0:disabled { text-underline-offset: 0; }
html[data-theme="dark"] .dark-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
.focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
html[data-theme="dark"] .dark-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
.focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
html[data-theme="dark"] .dark-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
.group:hover .group-hover-underline-offset-0 { text-underline-offset: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline-offset-0 { text-underline-offset: 0; }
.underline-offset-1 { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-underline-offset-1 { text-underline-offset: 1px; }
.hover-underline-offset-1:hover { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-hover-underline-offset-1:hover { text-underline-offset: 1px; }
.focus-underline-offset-1:focus { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-focus-underline-offset-1:focus { text-underline-offset: 1px; }
.active-underline-offset-1:active { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-active-underline-offset-1:active { text-underline-offset: 1px; }
.disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
.focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
.focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
html[data-theme="dark"] .dark-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
.group:hover .group-hover-underline-offset-1 { text-underline-offset: 1px; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline-offset-1 { text-underline-offset: 1px; }
.underline-offset-2 { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-underline-offset-2 { text-underline-offset: 2px; }
.hover-underline-offset-2:hover { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-hover-underline-offset-2:hover { text-underline-offset: 2px; }
.focus-underline-offset-2:focus { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-focus-underline-offset-2:focus { text-underline-offset: 2px; }
.active-underline-offset-2:active { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-active-underline-offset-2:active { text-underline-offset: 2px; }
.disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
.focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
.focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
html[data-theme="dark"] .dark-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
.group:hover .group-hover-underline-offset-2 { text-underline-offset: 2px; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline-offset-2 { text-underline-offset: 2px; }
.underline-offset-4 { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-underline-offset-4 { text-underline-offset: 4px; }
.hover-underline-offset-4:hover { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-hover-underline-offset-4:hover { text-underline-offset: 4px; }
.focus-underline-offset-4:focus { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-focus-underline-offset-4:focus { text-underline-offset: 4px; }
.active-underline-offset-4:active { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-active-underline-offset-4:active { text-underline-offset: 4px; }
.disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
.focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
.focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
html[data-theme="dark"] .dark-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
.group:hover .group-hover-underline-offset-4 { text-underline-offset: 4px; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline-offset-4 { text-underline-offset: 4px; }
.underline-offset-8 { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-underline-offset-8 { text-underline-offset: 8px; }
.hover-underline-offset-8:hover { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-hover-underline-offset-8:hover { text-underline-offset: 8px; }
.focus-underline-offset-8:focus { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-focus-underline-offset-8:focus { text-underline-offset: 8px; }
.active-underline-offset-8:active { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-active-underline-offset-8:active { text-underline-offset: 8px; }
.disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
.focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
.focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
html[data-theme="dark"] .dark-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
.group:hover .group-hover-underline-offset-8 { text-underline-offset: 8px; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline-offset-8 { text-underline-offset: 8px; }
.text-xs { font-size: 0.5rem; }
html[data-theme="dark"] .dark-text-xs { font-size: 0.5rem; }
.hover-text-xs:hover { font-size: 0.5rem; }
html[data-theme="dark"] .dark-hover-text-xs:hover { font-size: 0.5rem; }
.focus-text-xs:focus { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-text-xs:focus { font-size: 0.5rem; }
.active-text-xs:active { font-size: 0.5rem; }
html[data-theme="dark"] .dark-active-text-xs:active { font-size: 0.5rem; }
.disabled-text-xs:disabled { font-size: 0.5rem; }
html[data-theme="dark"] .dark-disabled-text-xs:disabled { font-size: 0.5rem; }
.focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
.focus-within-text-xs:focus-within { font-size: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-text-xs:focus-within { font-size: 0.5rem; }
.group:hover .group-hover-text-xs { font-size: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-xs { font-size: 0.5rem; }
.text-sm { font-size: 0.875rem; }
html[data-theme="dark"] .dark-text-sm { font-size: 0.875rem; }
.hover-text-sm:hover { font-size: 0.875rem; }
html[data-theme="dark"] .dark-hover-text-sm:hover { font-size: 0.875rem; }
.focus-text-sm:focus { font-size: 0.875rem; }
html[data-theme="dark"] .dark-focus-text-sm:focus { font-size: 0.875rem; }
.active-text-sm:active { font-size: 0.875rem; }
html[data-theme="dark"] .dark-active-text-sm:active { font-size: 0.875rem; }
.disabled-text-sm:disabled { font-size: 0.875rem; }
html[data-theme="dark"] .dark-disabled-text-sm:disabled { font-size: 0.875rem; }
.focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
.focus-within-text-sm:focus-within { font-size: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-text-sm:focus-within { font-size: 0.875rem; }
.group:hover .group-hover-text-sm { font-size: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
html[data-theme="dark"] .dark-text-base { font-size: 1rem; }
.hover-text-base:hover { font-size: 1rem; }
html[data-theme="dark"] .dark-hover-text-base:hover { font-size: 1rem; }
.focus-text-base:focus { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-text-base:focus { font-size: 1rem; }
.active-text-base:active { font-size: 1rem; }
html[data-theme="dark"] .dark-active-text-base:active { font-size: 1rem; }
.disabled-text-base:disabled { font-size: 1rem; }
html[data-theme="dark"] .dark-disabled-text-base:disabled { font-size: 1rem; }
.focus-visible-text-base:focus-visible { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-visible-text-base:focus-visible { font-size: 1rem; }
.focus-within-text-base:focus-within { font-size: 1rem; }
html[data-theme="dark"] .dark-focus-within-text-base:focus-within { font-size: 1rem; }
.group:hover .group-hover-text-base { font-size: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
html[data-theme="dark"] .dark-text-lg { font-size: 1.125rem; }
.hover-text-lg:hover { font-size: 1.125rem; }
html[data-theme="dark"] .dark-hover-text-lg:hover { font-size: 1.125rem; }
.focus-text-lg:focus { font-size: 1.125rem; }
html[data-theme="dark"] .dark-focus-text-lg:focus { font-size: 1.125rem; }
.active-text-lg:active { font-size: 1.125rem; }
html[data-theme="dark"] .dark-active-text-lg:active { font-size: 1.125rem; }
.disabled-text-lg:disabled { font-size: 1.125rem; }
html[data-theme="dark"] .dark-disabled-text-lg:disabled { font-size: 1.125rem; }
.focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
.focus-within-text-lg:focus-within { font-size: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-text-lg:focus-within { font-size: 1.125rem; }
.group:hover .group-hover-text-lg { font-size: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lg { font-size: 1.125rem; }
.text-xl { font-size: 2rem; }
html[data-theme="dark"] .dark-text-xl { font-size: 2rem; }
.hover-text-xl:hover { font-size: 2rem; }
html[data-theme="dark"] .dark-hover-text-xl:hover { font-size: 2rem; }
.focus-text-xl:focus { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-text-xl:focus { font-size: 2rem; }
.active-text-xl:active { font-size: 2rem; }
html[data-theme="dark"] .dark-active-text-xl:active { font-size: 2rem; }
.disabled-text-xl:disabled { font-size: 2rem; }
html[data-theme="dark"] .dark-disabled-text-xl:disabled { font-size: 2rem; }
.focus-visible-text-xl:focus-visible { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-visible-text-xl:focus-visible { font-size: 2rem; }
.focus-within-text-xl:focus-within { font-size: 2rem; }
html[data-theme="dark"] .dark-focus-within-text-xl:focus-within { font-size: 2rem; }
.group:hover .group-hover-text-xl { font-size: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-xl { font-size: 2rem; }
.text-2xl { font-size: 2.5rem; }
html[data-theme="dark"] .dark-text-2xl { font-size: 2.5rem; }
.hover-text-2xl:hover { font-size: 2.5rem; }
html[data-theme="dark"] .dark-hover-text-2xl:hover { font-size: 2.5rem; }
.focus-text-2xl:focus { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-text-2xl:focus { font-size: 2.5rem; }
.active-text-2xl:active { font-size: 2.5rem; }
html[data-theme="dark"] .dark-active-text-2xl:active { font-size: 2.5rem; }
.disabled-text-2xl:disabled { font-size: 2.5rem; }
html[data-theme="dark"] .dark-disabled-text-2xl:disabled { font-size: 2.5rem; }
.focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
.focus-within-text-2xl:focus-within { font-size: 2.5rem; }
html[data-theme="dark"] .dark-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
.group:hover .group-hover-text-2xl { font-size: 2.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-2xl { font-size: 2.5rem; }
.text-3xl { font-size: 3rem; }
html[data-theme="dark"] .dark-text-3xl { font-size: 3rem; }
.hover-text-3xl:hover { font-size: 3rem; }
html[data-theme="dark"] .dark-hover-text-3xl:hover { font-size: 3rem; }
.focus-text-3xl:focus { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-text-3xl:focus { font-size: 3rem; }
.active-text-3xl:active { font-size: 3rem; }
html[data-theme="dark"] .dark-active-text-3xl:active { font-size: 3rem; }
.disabled-text-3xl:disabled { font-size: 3rem; }
html[data-theme="dark"] .dark-disabled-text-3xl:disabled { font-size: 3rem; }
.focus-visible-text-3xl:focus-visible { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
.focus-within-text-3xl:focus-within { font-size: 3rem; }
html[data-theme="dark"] .dark-focus-within-text-3xl:focus-within { font-size: 3rem; }
.group:hover .group-hover-text-3xl { font-size: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-3xl { font-size: 3rem; }
.text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.group:hover .group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .dark-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.group:hover .group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
.indent-0 { text-indent: 0; }
html[data-theme="dark"] .dark-indent-0 { text-indent: 0; }
.hover-indent-0:hover { text-indent: 0; }
html[data-theme="dark"] .dark-hover-indent-0:hover { text-indent: 0; }
.focus-indent-0:focus { text-indent: 0; }
html[data-theme="dark"] .dark-focus-indent-0:focus { text-indent: 0; }
.active-indent-0:active { text-indent: 0; }
html[data-theme="dark"] .dark-active-indent-0:active { text-indent: 0; }
.disabled-indent-0:disabled { text-indent: 0; }
html[data-theme="dark"] .dark-disabled-indent-0:disabled { text-indent: 0; }
.focus-visible-indent-0:focus-visible { text-indent: 0; }
html[data-theme="dark"] .dark-focus-visible-indent-0:focus-visible { text-indent: 0; }
.focus-within-indent-0:focus-within { text-indent: 0; }
html[data-theme="dark"] .dark-focus-within-indent-0:focus-within { text-indent: 0; }
.group:hover .group-hover-indent-0 { text-indent: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-indent-0 { text-indent: 0; }
.indent-1 { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-indent-1 { text-indent: 0.25rem; }
.hover-indent-1:hover { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-hover-indent-1:hover { text-indent: 0.25rem; }
.focus-indent-1:focus { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-focus-indent-1:focus { text-indent: 0.25rem; }
.active-indent-1:active { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-active-indent-1:active { text-indent: 0.25rem; }
.disabled-indent-1:disabled { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-disabled-indent-1:disabled { text-indent: 0.25rem; }
.focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
.focus-within-indent-1:focus-within { text-indent: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
.group:hover .group-hover-indent-1 { text-indent: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-indent-1 { text-indent: 0.25rem; }
.indent-2 { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-indent-2 { text-indent: 0.5rem; }
.hover-indent-2:hover { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-hover-indent-2:hover { text-indent: 0.5rem; }
.focus-indent-2:focus { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-focus-indent-2:focus { text-indent: 0.5rem; }
.active-indent-2:active { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-active-indent-2:active { text-indent: 0.5rem; }
.disabled-indent-2:disabled { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-disabled-indent-2:disabled { text-indent: 0.5rem; }
.focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
.focus-within-indent-2:focus-within { text-indent: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
.group:hover .group-hover-indent-2 { text-indent: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-indent-2 { text-indent: 0.5rem; }
.indent-4 { text-indent: 1rem; }
html[data-theme="dark"] .dark-indent-4 { text-indent: 1rem; }
.hover-indent-4:hover { text-indent: 1rem; }
html[data-theme="dark"] .dark-hover-indent-4:hover { text-indent: 1rem; }
.focus-indent-4:focus { text-indent: 1rem; }
html[data-theme="dark"] .dark-focus-indent-4:focus { text-indent: 1rem; }
.active-indent-4:active { text-indent: 1rem; }
html[data-theme="dark"] .dark-active-indent-4:active { text-indent: 1rem; }
.disabled-indent-4:disabled { text-indent: 1rem; }
html[data-theme="dark"] .dark-disabled-indent-4:disabled { text-indent: 1rem; }
.focus-visible-indent-4:focus-visible { text-indent: 1rem; }
html[data-theme="dark"] .dark-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
.focus-within-indent-4:focus-within { text-indent: 1rem; }
html[data-theme="dark"] .dark-focus-within-indent-4:focus-within { text-indent: 1rem; }
.group:hover .group-hover-indent-4 { text-indent: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-indent-4 { text-indent: 1rem; }
.indent-8 { text-indent: 2rem; }
html[data-theme="dark"] .dark-indent-8 { text-indent: 2rem; }
.hover-indent-8:hover { text-indent: 2rem; }
html[data-theme="dark"] .dark-hover-indent-8:hover { text-indent: 2rem; }
.focus-indent-8:focus { text-indent: 2rem; }
html[data-theme="dark"] .dark-focus-indent-8:focus { text-indent: 2rem; }
.active-indent-8:active { text-indent: 2rem; }
html[data-theme="dark"] .dark-active-indent-8:active { text-indent: 2rem; }
.disabled-indent-8:disabled { text-indent: 2rem; }
html[data-theme="dark"] .dark-disabled-indent-8:disabled { text-indent: 2rem; }
.focus-visible-indent-8:focus-visible { text-indent: 2rem; }
html[data-theme="dark"] .dark-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
.focus-within-indent-8:focus-within { text-indent: 2rem; }
html[data-theme="dark"] .dark-focus-within-indent-8:focus-within { text-indent: 2rem; }
.group:hover .group-hover-indent-8 { text-indent: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-indent-8 { text-indent: 2rem; }
.break-normal { word-break: normal; }
html[data-theme="dark"] .dark-break-normal { word-break: normal; }
.hover-break-normal:hover { word-break: normal; }
html[data-theme="dark"] .dark-hover-break-normal:hover { word-break: normal; }
.focus-break-normal:focus { word-break: normal; }
html[data-theme="dark"] .dark-focus-break-normal:focus { word-break: normal; }
.active-break-normal:active { word-break: normal; }
html[data-theme="dark"] .dark-active-break-normal:active { word-break: normal; }
.disabled-break-normal:disabled { word-break: normal; }
html[data-theme="dark"] .dark-disabled-break-normal:disabled { word-break: normal; }
.focus-visible-break-normal:focus-visible { word-break: normal; }
html[data-theme="dark"] .dark-focus-visible-break-normal:focus-visible { word-break: normal; }
.focus-within-break-normal:focus-within { word-break: normal; }
html[data-theme="dark"] .dark-focus-within-break-normal:focus-within { word-break: normal; }
.group:hover .group-hover-break-normal { word-break: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-normal { word-break: normal; }
.break-words { word-break: break-word; }
html[data-theme="dark"] .dark-break-words { word-break: break-word; }
.hover-break-words:hover { word-break: break-word; }
html[data-theme="dark"] .dark-hover-break-words:hover { word-break: break-word; }
.focus-break-words:focus { word-break: break-word; }
html[data-theme="dark"] .dark-focus-break-words:focus { word-break: break-word; }
.active-break-words:active { word-break: break-word; }
html[data-theme="dark"] .dark-active-break-words:active { word-break: break-word; }
.disabled-break-words:disabled { word-break: break-word; }
html[data-theme="dark"] .dark-disabled-break-words:disabled { word-break: break-word; }
.focus-visible-break-words:focus-visible { word-break: break-word; }
html[data-theme="dark"] .dark-focus-visible-break-words:focus-visible { word-break: break-word; }
.focus-within-break-words:focus-within { word-break: break-word; }
html[data-theme="dark"] .dark-focus-within-break-words:focus-within { word-break: break-word; }
.group:hover .group-hover-break-words { word-break: break-word; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-words { word-break: break-word; }
.break-all { word-break: break-all; }
html[data-theme="dark"] .dark-break-all { word-break: break-all; }
.hover-break-all:hover { word-break: break-all; }
html[data-theme="dark"] .dark-hover-break-all:hover { word-break: break-all; }
.focus-break-all:focus { word-break: break-all; }
html[data-theme="dark"] .dark-focus-break-all:focus { word-break: break-all; }
.active-break-all:active { word-break: break-all; }
html[data-theme="dark"] .dark-active-break-all:active { word-break: break-all; }
.disabled-break-all:disabled { word-break: break-all; }
html[data-theme="dark"] .dark-disabled-break-all:disabled { word-break: break-all; }
.focus-visible-break-all:focus-visible { word-break: break-all; }
html[data-theme="dark"] .dark-focus-visible-break-all:focus-visible { word-break: break-all; }
.focus-within-break-all:focus-within { word-break: break-all; }
html[data-theme="dark"] .dark-focus-within-break-all:focus-within { word-break: break-all; }
.group:hover .group-hover-break-all { word-break: break-all; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-all { word-break: break-all; }
.overflow-normal { overflow-wrap: normal; }
html[data-theme="dark"] .dark-overflow-normal { overflow-wrap: normal; }
.hover-overflow-normal:hover { overflow-wrap: normal; }
html[data-theme="dark"] .dark-hover-overflow-normal:hover { overflow-wrap: normal; }
.focus-overflow-normal:focus { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-overflow-normal:focus { overflow-wrap: normal; }
.active-overflow-normal:active { overflow-wrap: normal; }
html[data-theme="dark"] .dark-active-overflow-normal:active { overflow-wrap: normal; }
.disabled-overflow-normal:disabled { overflow-wrap: normal; }
html[data-theme="dark"] .dark-disabled-overflow-normal:disabled { overflow-wrap: normal; }
.focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
.focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
.group:hover .group-hover-overflow-normal { overflow-wrap: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-normal { overflow-wrap: normal; }
.overflow-break { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-overflow-break { overflow-wrap: break-word; }
.hover-overflow-break:hover { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-hover-overflow-break:hover { overflow-wrap: break-word; }
.focus-overflow-break:focus { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-overflow-break:focus { overflow-wrap: break-word; }
.active-overflow-break:active { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-active-overflow-break:active { overflow-wrap: break-word; }
.disabled-overflow-break:disabled { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-disabled-overflow-break:disabled { overflow-wrap: break-word; }
.focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
.focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
.group:hover .group-hover-overflow-break { overflow-wrap: break-word; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-break { overflow-wrap: break-word; }
.hyphens-none { hyphens: none; }
html[data-theme="dark"] .dark-hyphens-none { hyphens: none; }
.hover-hyphens-none:hover { hyphens: none; }
html[data-theme="dark"] .dark-hover-hyphens-none:hover { hyphens: none; }
.focus-hyphens-none:focus { hyphens: none; }
html[data-theme="dark"] .dark-focus-hyphens-none:focus { hyphens: none; }
.active-hyphens-none:active { hyphens: none; }
html[data-theme="dark"] .dark-active-hyphens-none:active { hyphens: none; }
.disabled-hyphens-none:disabled { hyphens: none; }
html[data-theme="dark"] .dark-disabled-hyphens-none:disabled { hyphens: none; }
.focus-visible-hyphens-none:focus-visible { hyphens: none; }
html[data-theme="dark"] .dark-focus-visible-hyphens-none:focus-visible { hyphens: none; }
.focus-within-hyphens-none:focus-within { hyphens: none; }
html[data-theme="dark"] .dark-focus-within-hyphens-none:focus-within { hyphens: none; }
.group:hover .group-hover-hyphens-none { hyphens: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-none { hyphens: none; }
.hyphens-manual { hyphens: manual; }
html[data-theme="dark"] .dark-hyphens-manual { hyphens: manual; }
.hover-hyphens-manual:hover { hyphens: manual; }
html[data-theme="dark"] .dark-hover-hyphens-manual:hover { hyphens: manual; }
.focus-hyphens-manual:focus { hyphens: manual; }
html[data-theme="dark"] .dark-focus-hyphens-manual:focus { hyphens: manual; }
.active-hyphens-manual:active { hyphens: manual; }
html[data-theme="dark"] .dark-active-hyphens-manual:active { hyphens: manual; }
.disabled-hyphens-manual:disabled { hyphens: manual; }
html[data-theme="dark"] .dark-disabled-hyphens-manual:disabled { hyphens: manual; }
.focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
html[data-theme="dark"] .dark-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
.focus-within-hyphens-manual:focus-within { hyphens: manual; }
html[data-theme="dark"] .dark-focus-within-hyphens-manual:focus-within { hyphens: manual; }
.group:hover .group-hover-hyphens-manual { hyphens: manual; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-manual { hyphens: manual; }
.hyphens-auto { hyphens: auto; }
html[data-theme="dark"] .dark-hyphens-auto { hyphens: auto; }
.hover-hyphens-auto:hover { hyphens: auto; }
html[data-theme="dark"] .dark-hover-hyphens-auto:hover { hyphens: auto; }
.focus-hyphens-auto:focus { hyphens: auto; }
html[data-theme="dark"] .dark-focus-hyphens-auto:focus { hyphens: auto; }
.active-hyphens-auto:active { hyphens: auto; }
html[data-theme="dark"] .dark-active-hyphens-auto:active { hyphens: auto; }
.disabled-hyphens-auto:disabled { hyphens: auto; }
html[data-theme="dark"] .dark-disabled-hyphens-auto:disabled { hyphens: auto; }
.focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
html[data-theme="dark"] .dark-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
.focus-within-hyphens-auto:focus-within { hyphens: auto; }
html[data-theme="dark"] .dark-focus-within-hyphens-auto:focus-within { hyphens: auto; }
.group:hover .group-hover-hyphens-auto { hyphens: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-auto { hyphens: auto; }
.break-normal { word-break: normal; }
html[data-theme="dark"] .dark-break-normal { word-break: normal; }
.hover-break-normal:hover { word-break: normal; }
html[data-theme="dark"] .dark-hover-break-normal:hover { word-break: normal; }
.focus-break-normal:focus { word-break: normal; }
html[data-theme="dark"] .dark-focus-break-normal:focus { word-break: normal; }
.active-break-normal:active { word-break: normal; }
html[data-theme="dark"] .dark-active-break-normal:active { word-break: normal; }
.disabled-break-normal:disabled { word-break: normal; }
html[data-theme="dark"] .dark-disabled-break-normal:disabled { word-break: normal; }
.focus-visible-break-normal:focus-visible { word-break: normal; }
html[data-theme="dark"] .dark-focus-visible-break-normal:focus-visible { word-break: normal; }
.focus-within-break-normal:focus-within { word-break: normal; }
html[data-theme="dark"] .dark-focus-within-break-normal:focus-within { word-break: normal; }
.group:hover .group-hover-break-normal { word-break: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-normal { word-break: normal; }
.break-words { word-break: break-word; }
html[data-theme="dark"] .dark-break-words { word-break: break-word; }
.hover-break-words:hover { word-break: break-word; }
html[data-theme="dark"] .dark-hover-break-words:hover { word-break: break-word; }
.focus-break-words:focus { word-break: break-word; }
html[data-theme="dark"] .dark-focus-break-words:focus { word-break: break-word; }
.active-break-words:active { word-break: break-word; }
html[data-theme="dark"] .dark-active-break-words:active { word-break: break-word; }
.disabled-break-words:disabled { word-break: break-word; }
html[data-theme="dark"] .dark-disabled-break-words:disabled { word-break: break-word; }
.focus-visible-break-words:focus-visible { word-break: break-word; }
html[data-theme="dark"] .dark-focus-visible-break-words:focus-visible { word-break: break-word; }
.focus-within-break-words:focus-within { word-break: break-word; }
html[data-theme="dark"] .dark-focus-within-break-words:focus-within { word-break: break-word; }
.group:hover .group-hover-break-words { word-break: break-word; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-words { word-break: break-word; }
.break-all { word-break: break-all; }
html[data-theme="dark"] .dark-break-all { word-break: break-all; }
.hover-break-all:hover { word-break: break-all; }
html[data-theme="dark"] .dark-hover-break-all:hover { word-break: break-all; }
.focus-break-all:focus { word-break: break-all; }
html[data-theme="dark"] .dark-focus-break-all:focus { word-break: break-all; }
.active-break-all:active { word-break: break-all; }
html[data-theme="dark"] .dark-active-break-all:active { word-break: break-all; }
.disabled-break-all:disabled { word-break: break-all; }
html[data-theme="dark"] .dark-disabled-break-all:disabled { word-break: break-all; }
.focus-visible-break-all:focus-visible { word-break: break-all; }
html[data-theme="dark"] .dark-focus-visible-break-all:focus-visible { word-break: break-all; }
.focus-within-break-all:focus-within { word-break: break-all; }
html[data-theme="dark"] .dark-focus-within-break-all:focus-within { word-break: break-all; }
.group:hover .group-hover-break-all { word-break: break-all; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-all { word-break: break-all; }
.overflow-normal { overflow-wrap: normal; }
html[data-theme="dark"] .dark-overflow-normal { overflow-wrap: normal; }
.hover-overflow-normal:hover { overflow-wrap: normal; }
html[data-theme="dark"] .dark-hover-overflow-normal:hover { overflow-wrap: normal; }
.focus-overflow-normal:focus { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-overflow-normal:focus { overflow-wrap: normal; }
.active-overflow-normal:active { overflow-wrap: normal; }
html[data-theme="dark"] .dark-active-overflow-normal:active { overflow-wrap: normal; }
.disabled-overflow-normal:disabled { overflow-wrap: normal; }
html[data-theme="dark"] .dark-disabled-overflow-normal:disabled { overflow-wrap: normal; }
.focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
.focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
html[data-theme="dark"] .dark-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
.group:hover .group-hover-overflow-normal { overflow-wrap: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-normal { overflow-wrap: normal; }
.overflow-break { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-overflow-break { overflow-wrap: break-word; }
.hover-overflow-break:hover { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-hover-overflow-break:hover { overflow-wrap: break-word; }
.focus-overflow-break:focus { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-overflow-break:focus { overflow-wrap: break-word; }
.active-overflow-break:active { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-active-overflow-break:active { overflow-wrap: break-word; }
.disabled-overflow-break:disabled { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-disabled-overflow-break:disabled { overflow-wrap: break-word; }
.focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
.focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
html[data-theme="dark"] .dark-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
.group:hover .group-hover-overflow-break { overflow-wrap: break-word; }
html[data-theme="dark"] .group:hover .dark-group-hover-overflow-break { overflow-wrap: break-word; }
.hyphens-none { hyphens: none; }
html[data-theme="dark"] .dark-hyphens-none { hyphens: none; }
.hover-hyphens-none:hover { hyphens: none; }
html[data-theme="dark"] .dark-hover-hyphens-none:hover { hyphens: none; }
.focus-hyphens-none:focus { hyphens: none; }
html[data-theme="dark"] .dark-focus-hyphens-none:focus { hyphens: none; }
.active-hyphens-none:active { hyphens: none; }
html[data-theme="dark"] .dark-active-hyphens-none:active { hyphens: none; }
.disabled-hyphens-none:disabled { hyphens: none; }
html[data-theme="dark"] .dark-disabled-hyphens-none:disabled { hyphens: none; }
.focus-visible-hyphens-none:focus-visible { hyphens: none; }
html[data-theme="dark"] .dark-focus-visible-hyphens-none:focus-visible { hyphens: none; }
.focus-within-hyphens-none:focus-within { hyphens: none; }
html[data-theme="dark"] .dark-focus-within-hyphens-none:focus-within { hyphens: none; }
.group:hover .group-hover-hyphens-none { hyphens: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-none { hyphens: none; }
.hyphens-manual { hyphens: manual; }
html[data-theme="dark"] .dark-hyphens-manual { hyphens: manual; }
.hover-hyphens-manual:hover { hyphens: manual; }
html[data-theme="dark"] .dark-hover-hyphens-manual:hover { hyphens: manual; }
.focus-hyphens-manual:focus { hyphens: manual; }
html[data-theme="dark"] .dark-focus-hyphens-manual:focus { hyphens: manual; }
.active-hyphens-manual:active { hyphens: manual; }
html[data-theme="dark"] .dark-active-hyphens-manual:active { hyphens: manual; }
.disabled-hyphens-manual:disabled { hyphens: manual; }
html[data-theme="dark"] .dark-disabled-hyphens-manual:disabled { hyphens: manual; }
.focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
html[data-theme="dark"] .dark-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
.focus-within-hyphens-manual:focus-within { hyphens: manual; }
html[data-theme="dark"] .dark-focus-within-hyphens-manual:focus-within { hyphens: manual; }
.group:hover .group-hover-hyphens-manual { hyphens: manual; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-manual { hyphens: manual; }
.hyphens-auto { hyphens: auto; }
html[data-theme="dark"] .dark-hyphens-auto { hyphens: auto; }
.hover-hyphens-auto:hover { hyphens: auto; }
html[data-theme="dark"] .dark-hover-hyphens-auto:hover { hyphens: auto; }
.focus-hyphens-auto:focus { hyphens: auto; }
html[data-theme="dark"] .dark-focus-hyphens-auto:focus { hyphens: auto; }
.active-hyphens-auto:active { hyphens: auto; }
html[data-theme="dark"] .dark-active-hyphens-auto:active { hyphens: auto; }
.disabled-hyphens-auto:disabled { hyphens: auto; }
html[data-theme="dark"] .dark-disabled-hyphens-auto:disabled { hyphens: auto; }
.focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
html[data-theme="dark"] .dark-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
.focus-within-hyphens-auto:focus-within { hyphens: auto; }
html[data-theme="dark"] .dark-focus-within-hyphens-auto:focus-within { hyphens: auto; }
.group:hover .group-hover-hyphens-auto { hyphens: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-hyphens-auto { hyphens: auto; }
.bg-attachment-fixed { background-attachment: fixed; }
html[data-theme="dark"] .dark-bg-attachment-fixed { background-attachment: fixed; }
.hover-bg-attachment-fixed:hover { background-attachment: fixed; }
html[data-theme="dark"] .dark-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
.focus-bg-attachment-fixed:focus { background-attachment: fixed; }
html[data-theme="dark"] .dark-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
.active-bg-attachment-fixed:active { background-attachment: fixed; }
html[data-theme="dark"] .dark-active-bg-attachment-fixed:active { background-attachment: fixed; }
.disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
html[data-theme="dark"] .dark-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
.focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
html[data-theme="dark"] .dark-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
.focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
html[data-theme="dark"] .dark-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
.group:hover .group-hover-bg-attachment-fixed { background-attachment: fixed; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-attachment-fixed { background-attachment: fixed; }
.bg-attachment-local { background-attachment: local; }
html[data-theme="dark"] .dark-bg-attachment-local { background-attachment: local; }
.hover-bg-attachment-local:hover { background-attachment: local; }
html[data-theme="dark"] .dark-hover-bg-attachment-local:hover { background-attachment: local; }
.focus-bg-attachment-local:focus { background-attachment: local; }
html[data-theme="dark"] .dark-focus-bg-attachment-local:focus { background-attachment: local; }
.active-bg-attachment-local:active { background-attachment: local; }
html[data-theme="dark"] .dark-active-bg-attachment-local:active { background-attachment: local; }
.disabled-bg-attachment-local:disabled { background-attachment: local; }
html[data-theme="dark"] .dark-disabled-bg-attachment-local:disabled { background-attachment: local; }
.focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
html[data-theme="dark"] .dark-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
.focus-within-bg-attachment-local:focus-within { background-attachment: local; }
html[data-theme="dark"] .dark-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
.group:hover .group-hover-bg-attachment-local { background-attachment: local; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-attachment-local { background-attachment: local; }
.bg-attachment-scroll { background-attachment: scroll; }
html[data-theme="dark"] .dark-bg-attachment-scroll { background-attachment: scroll; }
.hover-bg-attachment-scroll:hover { background-attachment: scroll; }
html[data-theme="dark"] .dark-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
.focus-bg-attachment-scroll:focus { background-attachment: scroll; }
html[data-theme="dark"] .dark-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
.active-bg-attachment-scroll:active { background-attachment: scroll; }
html[data-theme="dark"] .dark-active-bg-attachment-scroll:active { background-attachment: scroll; }
.disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
html[data-theme="dark"] .dark-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
.focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
html[data-theme="dark"] .dark-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
.focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
html[data-theme="dark"] .dark-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
.group:hover .group-hover-bg-attachment-scroll { background-attachment: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-attachment-scroll { background-attachment: scroll; }
.bg-clip-border { background-clip: border-box; }
html[data-theme="dark"] .dark-bg-clip-border { background-clip: border-box; }
.hover-bg-clip-border:hover { background-clip: border-box; }
html[data-theme="dark"] .dark-hover-bg-clip-border:hover { background-clip: border-box; }
.focus-bg-clip-border:focus { background-clip: border-box; }
html[data-theme="dark"] .dark-focus-bg-clip-border:focus { background-clip: border-box; }
.active-bg-clip-border:active { background-clip: border-box; }
html[data-theme="dark"] .dark-active-bg-clip-border:active { background-clip: border-box; }
.disabled-bg-clip-border:disabled { background-clip: border-box; }
html[data-theme="dark"] .dark-disabled-bg-clip-border:disabled { background-clip: border-box; }
.focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
html[data-theme="dark"] .dark-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
.focus-within-bg-clip-border:focus-within { background-clip: border-box; }
html[data-theme="dark"] .dark-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
.group:hover .group-hover-bg-clip-border { background-clip: border-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-clip-border { background-clip: border-box; }
.bg-clip-padding { background-clip: padding-box; }
html[data-theme="dark"] .dark-bg-clip-padding { background-clip: padding-box; }
.hover-bg-clip-padding:hover { background-clip: padding-box; }
html[data-theme="dark"] .dark-hover-bg-clip-padding:hover { background-clip: padding-box; }
.focus-bg-clip-padding:focus { background-clip: padding-box; }
html[data-theme="dark"] .dark-focus-bg-clip-padding:focus { background-clip: padding-box; }
.active-bg-clip-padding:active { background-clip: padding-box; }
html[data-theme="dark"] .dark-active-bg-clip-padding:active { background-clip: padding-box; }
.disabled-bg-clip-padding:disabled { background-clip: padding-box; }
html[data-theme="dark"] .dark-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
.focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
html[data-theme="dark"] .dark-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
.focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
html[data-theme="dark"] .dark-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
.group:hover .group-hover-bg-clip-padding { background-clip: padding-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-clip-padding { background-clip: padding-box; }
.bg-clip-content { background-clip: content-box; }
html[data-theme="dark"] .dark-bg-clip-content { background-clip: content-box; }
.hover-bg-clip-content:hover { background-clip: content-box; }
html[data-theme="dark"] .dark-hover-bg-clip-content:hover { background-clip: content-box; }
.focus-bg-clip-content:focus { background-clip: content-box; }
html[data-theme="dark"] .dark-focus-bg-clip-content:focus { background-clip: content-box; }
.active-bg-clip-content:active { background-clip: content-box; }
html[data-theme="dark"] .dark-active-bg-clip-content:active { background-clip: content-box; }
.disabled-bg-clip-content:disabled { background-clip: content-box; }
html[data-theme="dark"] .dark-disabled-bg-clip-content:disabled { background-clip: content-box; }
.focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
html[data-theme="dark"] .dark-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
.focus-within-bg-clip-content:focus-within { background-clip: content-box; }
html[data-theme="dark"] .dark-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
.group:hover .group-hover-bg-clip-content { background-clip: content-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-clip-content { background-clip: content-box; }
.bg-color-transparent { background-color: transparent; }
html[data-theme="dark"] .dark-bg-color-transparent { background-color: transparent; }
.hover-bg-color-transparent:hover { background-color: transparent; }
html[data-theme="dark"] .dark-hover-bg-color-transparent:hover { background-color: transparent; }
.focus-bg-color-transparent:focus { background-color: transparent; }
html[data-theme="dark"] .dark-focus-bg-color-transparent:focus { background-color: transparent; }
.active-bg-color-transparent:active { background-color: transparent; }
html[data-theme="dark"] .dark-active-bg-color-transparent:active { background-color: transparent; }
.disabled-bg-color-transparent:disabled { background-color: transparent; }
html[data-theme="dark"] .dark-disabled-bg-color-transparent:disabled { background-color: transparent; }
.focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
html[data-theme="dark"] .dark-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
.focus-within-bg-color-transparent:focus-within { background-color: transparent; }
html[data-theme="dark"] .dark-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
.group:hover .group-hover-bg-color-transparent { background-color: transparent; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-color-transparent { background-color: transparent; }
.bg-color-black { background-color: #000; }
html[data-theme="dark"] .dark-bg-color-black { background-color: #000; }
.hover-bg-color-black:hover { background-color: #000; }
html[data-theme="dark"] .dark-hover-bg-color-black:hover { background-color: #000; }
.focus-bg-color-black:focus { background-color: #000; }
html[data-theme="dark"] .dark-focus-bg-color-black:focus { background-color: #000; }
.active-bg-color-black:active { background-color: #000; }
html[data-theme="dark"] .dark-active-bg-color-black:active { background-color: #000; }
.disabled-bg-color-black:disabled { background-color: #000; }
html[data-theme="dark"] .dark-disabled-bg-color-black:disabled { background-color: #000; }
.focus-visible-bg-color-black:focus-visible { background-color: #000; }
html[data-theme="dark"] .dark-focus-visible-bg-color-black:focus-visible { background-color: #000; }
.focus-within-bg-color-black:focus-within { background-color: #000; }
html[data-theme="dark"] .dark-focus-within-bg-color-black:focus-within { background-color: #000; }
.group:hover .group-hover-bg-color-black { background-color: #000; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-color-black { background-color: #000; }
.bg-color-white { background-color: #fff; }
html[data-theme="dark"] .dark-bg-color-white { background-color: #fff; }
.hover-bg-color-white:hover { background-color: #fff; }
html[data-theme="dark"] .dark-hover-bg-color-white:hover { background-color: #fff; }
.focus-bg-color-white:focus { background-color: #fff; }
html[data-theme="dark"] .dark-focus-bg-color-white:focus { background-color: #fff; }
.active-bg-color-white:active { background-color: #fff; }
html[data-theme="dark"] .dark-active-bg-color-white:active { background-color: #fff; }
.disabled-bg-color-white:disabled { background-color: #fff; }
html[data-theme="dark"] .dark-disabled-bg-color-white:disabled { background-color: #fff; }
.focus-visible-bg-color-white:focus-visible { background-color: #fff; }
html[data-theme="dark"] .dark-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
.focus-within-bg-color-white:focus-within { background-color: #fff; }
html[data-theme="dark"] .dark-focus-within-bg-color-white:focus-within { background-color: #fff; }
.group:hover .group-hover-bg-color-white { background-color: #fff; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-color-white { background-color: #fff; }
.bg-image-none { background-image: none; }
html[data-theme="dark"] .dark-bg-image-none { background-image: none; }
.hover-bg-image-none:hover { background-image: none; }
html[data-theme="dark"] .dark-hover-bg-image-none:hover { background-image: none; }
.focus-bg-image-none:focus { background-image: none; }
html[data-theme="dark"] .dark-focus-bg-image-none:focus { background-image: none; }
.active-bg-image-none:active { background-image: none; }
html[data-theme="dark"] .dark-active-bg-image-none:active { background-image: none; }
.disabled-bg-image-none:disabled { background-image: none; }
html[data-theme="dark"] .dark-disabled-bg-image-none:disabled { background-image: none; }
.focus-visible-bg-image-none:focus-visible { background-image: none; }
html[data-theme="dark"] .dark-focus-visible-bg-image-none:focus-visible { background-image: none; }
.focus-within-bg-image-none:focus-within { background-image: none; }
html[data-theme="dark"] .dark-focus-within-bg-image-none:focus-within { background-image: none; }
.group:hover .group-hover-bg-image-none { background-image: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-image-none { background-image: none; }
.bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .dark-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.group:hover .group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
.bg-origin-border { background-origin: border-box; }
html[data-theme="dark"] .dark-bg-origin-border { background-origin: border-box; }
.hover-bg-origin-border:hover { background-origin: border-box; }
html[data-theme="dark"] .dark-hover-bg-origin-border:hover { background-origin: border-box; }
.focus-bg-origin-border:focus { background-origin: border-box; }
html[data-theme="dark"] .dark-focus-bg-origin-border:focus { background-origin: border-box; }
.active-bg-origin-border:active { background-origin: border-box; }
html[data-theme="dark"] .dark-active-bg-origin-border:active { background-origin: border-box; }
.disabled-bg-origin-border:disabled { background-origin: border-box; }
html[data-theme="dark"] .dark-disabled-bg-origin-border:disabled { background-origin: border-box; }
.focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
html[data-theme="dark"] .dark-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
.focus-within-bg-origin-border:focus-within { background-origin: border-box; }
html[data-theme="dark"] .dark-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
.group:hover .group-hover-bg-origin-border { background-origin: border-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-origin-border { background-origin: border-box; }
.bg-origin-padding { background-origin: padding-box; }
html[data-theme="dark"] .dark-bg-origin-padding { background-origin: padding-box; }
.hover-bg-origin-padding:hover { background-origin: padding-box; }
html[data-theme="dark"] .dark-hover-bg-origin-padding:hover { background-origin: padding-box; }
.focus-bg-origin-padding:focus { background-origin: padding-box; }
html[data-theme="dark"] .dark-focus-bg-origin-padding:focus { background-origin: padding-box; }
.active-bg-origin-padding:active { background-origin: padding-box; }
html[data-theme="dark"] .dark-active-bg-origin-padding:active { background-origin: padding-box; }
.disabled-bg-origin-padding:disabled { background-origin: padding-box; }
html[data-theme="dark"] .dark-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
.focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
html[data-theme="dark"] .dark-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
.focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
html[data-theme="dark"] .dark-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
.group:hover .group-hover-bg-origin-padding { background-origin: padding-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-origin-padding { background-origin: padding-box; }
.bg-origin-content { background-origin: content-box; }
html[data-theme="dark"] .dark-bg-origin-content { background-origin: content-box; }
.hover-bg-origin-content:hover { background-origin: content-box; }
html[data-theme="dark"] .dark-hover-bg-origin-content:hover { background-origin: content-box; }
.focus-bg-origin-content:focus { background-origin: content-box; }
html[data-theme="dark"] .dark-focus-bg-origin-content:focus { background-origin: content-box; }
.active-bg-origin-content:active { background-origin: content-box; }
html[data-theme="dark"] .dark-active-bg-origin-content:active { background-origin: content-box; }
.disabled-bg-origin-content:disabled { background-origin: content-box; }
html[data-theme="dark"] .dark-disabled-bg-origin-content:disabled { background-origin: content-box; }
.focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
html[data-theme="dark"] .dark-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
.focus-within-bg-origin-content:focus-within { background-origin: content-box; }
html[data-theme="dark"] .dark-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
.group:hover .group-hover-bg-origin-content { background-origin: content-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-origin-content { background-origin: content-box; }
.bg-position-center { background-position: center; }
html[data-theme="dark"] .dark-bg-position-center { background-position: center; }
.hover-bg-position-center:hover { background-position: center; }
html[data-theme="dark"] .dark-hover-bg-position-center:hover { background-position: center; }
.focus-bg-position-center:focus { background-position: center; }
html[data-theme="dark"] .dark-focus-bg-position-center:focus { background-position: center; }
.active-bg-position-center:active { background-position: center; }
html[data-theme="dark"] .dark-active-bg-position-center:active { background-position: center; }
.disabled-bg-position-center:disabled { background-position: center; }
html[data-theme="dark"] .dark-disabled-bg-position-center:disabled { background-position: center; }
.focus-visible-bg-position-center:focus-visible { background-position: center; }
html[data-theme="dark"] .dark-focus-visible-bg-position-center:focus-visible { background-position: center; }
.focus-within-bg-position-center:focus-within { background-position: center; }
html[data-theme="dark"] .dark-focus-within-bg-position-center:focus-within { background-position: center; }
.group:hover .group-hover-bg-position-center { background-position: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-center { background-position: center; }
.bg-position-top { background-position: top; }
html[data-theme="dark"] .dark-bg-position-top { background-position: top; }
.hover-bg-position-top:hover { background-position: top; }
html[data-theme="dark"] .dark-hover-bg-position-top:hover { background-position: top; }
.focus-bg-position-top:focus { background-position: top; }
html[data-theme="dark"] .dark-focus-bg-position-top:focus { background-position: top; }
.active-bg-position-top:active { background-position: top; }
html[data-theme="dark"] .dark-active-bg-position-top:active { background-position: top; }
.disabled-bg-position-top:disabled { background-position: top; }
html[data-theme="dark"] .dark-disabled-bg-position-top:disabled { background-position: top; }
.focus-visible-bg-position-top:focus-visible { background-position: top; }
html[data-theme="dark"] .dark-focus-visible-bg-position-top:focus-visible { background-position: top; }
.focus-within-bg-position-top:focus-within { background-position: top; }
html[data-theme="dark"] .dark-focus-within-bg-position-top:focus-within { background-position: top; }
.group:hover .group-hover-bg-position-top { background-position: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-top { background-position: top; }
.bg-position-bottom { background-position: bottom; }
html[data-theme="dark"] .dark-bg-position-bottom { background-position: bottom; }
.hover-bg-position-bottom:hover { background-position: bottom; }
html[data-theme="dark"] .dark-hover-bg-position-bottom:hover { background-position: bottom; }
.focus-bg-position-bottom:focus { background-position: bottom; }
html[data-theme="dark"] .dark-focus-bg-position-bottom:focus { background-position: bottom; }
.active-bg-position-bottom:active { background-position: bottom; }
html[data-theme="dark"] .dark-active-bg-position-bottom:active { background-position: bottom; }
.disabled-bg-position-bottom:disabled { background-position: bottom; }
html[data-theme="dark"] .dark-disabled-bg-position-bottom:disabled { background-position: bottom; }
.focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
html[data-theme="dark"] .dark-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
.focus-within-bg-position-bottom:focus-within { background-position: bottom; }
html[data-theme="dark"] .dark-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
.group:hover .group-hover-bg-position-bottom { background-position: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-bottom { background-position: bottom; }
.bg-position-left { background-position: left; }
html[data-theme="dark"] .dark-bg-position-left { background-position: left; }
.hover-bg-position-left:hover { background-position: left; }
html[data-theme="dark"] .dark-hover-bg-position-left:hover { background-position: left; }
.focus-bg-position-left:focus { background-position: left; }
html[data-theme="dark"] .dark-focus-bg-position-left:focus { background-position: left; }
.active-bg-position-left:active { background-position: left; }
html[data-theme="dark"] .dark-active-bg-position-left:active { background-position: left; }
.disabled-bg-position-left:disabled { background-position: left; }
html[data-theme="dark"] .dark-disabled-bg-position-left:disabled { background-position: left; }
.focus-visible-bg-position-left:focus-visible { background-position: left; }
html[data-theme="dark"] .dark-focus-visible-bg-position-left:focus-visible { background-position: left; }
.focus-within-bg-position-left:focus-within { background-position: left; }
html[data-theme="dark"] .dark-focus-within-bg-position-left:focus-within { background-position: left; }
.group:hover .group-hover-bg-position-left { background-position: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-left { background-position: left; }
.bg-position-right { background-position: right; }
html[data-theme="dark"] .dark-bg-position-right { background-position: right; }
.hover-bg-position-right:hover { background-position: right; }
html[data-theme="dark"] .dark-hover-bg-position-right:hover { background-position: right; }
.focus-bg-position-right:focus { background-position: right; }
html[data-theme="dark"] .dark-focus-bg-position-right:focus { background-position: right; }
.active-bg-position-right:active { background-position: right; }
html[data-theme="dark"] .dark-active-bg-position-right:active { background-position: right; }
.disabled-bg-position-right:disabled { background-position: right; }
html[data-theme="dark"] .dark-disabled-bg-position-right:disabled { background-position: right; }
.focus-visible-bg-position-right:focus-visible { background-position: right; }
html[data-theme="dark"] .dark-focus-visible-bg-position-right:focus-visible { background-position: right; }
.focus-within-bg-position-right:focus-within { background-position: right; }
html[data-theme="dark"] .dark-focus-within-bg-position-right:focus-within { background-position: right; }
.group:hover .group-hover-bg-position-right { background-position: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-right { background-position: right; }
.bg-position-top-left { background-position: top left; }
html[data-theme="dark"] .dark-bg-position-top-left { background-position: top left; }
.hover-bg-position-top-left:hover { background-position: top left; }
html[data-theme="dark"] .dark-hover-bg-position-top-left:hover { background-position: top left; }
.focus-bg-position-top-left:focus { background-position: top left; }
html[data-theme="dark"] .dark-focus-bg-position-top-left:focus { background-position: top left; }
.active-bg-position-top-left:active { background-position: top left; }
html[data-theme="dark"] .dark-active-bg-position-top-left:active { background-position: top left; }
.disabled-bg-position-top-left:disabled { background-position: top left; }
html[data-theme="dark"] .dark-disabled-bg-position-top-left:disabled { background-position: top left; }
.focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
html[data-theme="dark"] .dark-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
.focus-within-bg-position-top-left:focus-within { background-position: top left; }
html[data-theme="dark"] .dark-focus-within-bg-position-top-left:focus-within { background-position: top left; }
.group:hover .group-hover-bg-position-top-left { background-position: top left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-top-left { background-position: top left; }
.bg-position-top-right { background-position: top right; }
html[data-theme="dark"] .dark-bg-position-top-right { background-position: top right; }
.hover-bg-position-top-right:hover { background-position: top right; }
html[data-theme="dark"] .dark-hover-bg-position-top-right:hover { background-position: top right; }
.focus-bg-position-top-right:focus { background-position: top right; }
html[data-theme="dark"] .dark-focus-bg-position-top-right:focus { background-position: top right; }
.active-bg-position-top-right:active { background-position: top right; }
html[data-theme="dark"] .dark-active-bg-position-top-right:active { background-position: top right; }
.disabled-bg-position-top-right:disabled { background-position: top right; }
html[data-theme="dark"] .dark-disabled-bg-position-top-right:disabled { background-position: top right; }
.focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
html[data-theme="dark"] .dark-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
.focus-within-bg-position-top-right:focus-within { background-position: top right; }
html[data-theme="dark"] .dark-focus-within-bg-position-top-right:focus-within { background-position: top right; }
.group:hover .group-hover-bg-position-top-right { background-position: top right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-top-right { background-position: top right; }
.bg-position-bottom-left { background-position: bottom left; }
html[data-theme="dark"] .dark-bg-position-bottom-left { background-position: bottom left; }
.hover-bg-position-bottom-left:hover { background-position: bottom left; }
html[data-theme="dark"] .dark-hover-bg-position-bottom-left:hover { background-position: bottom left; }
.focus-bg-position-bottom-left:focus { background-position: bottom left; }
html[data-theme="dark"] .dark-focus-bg-position-bottom-left:focus { background-position: bottom left; }
.active-bg-position-bottom-left:active { background-position: bottom left; }
html[data-theme="dark"] .dark-active-bg-position-bottom-left:active { background-position: bottom left; }
.disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
html[data-theme="dark"] .dark-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
.focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
html[data-theme="dark"] .dark-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
.focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
html[data-theme="dark"] .dark-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
.group:hover .group-hover-bg-position-bottom-left { background-position: bottom left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-bottom-left { background-position: bottom left; }
.bg-position-bottom-right { background-position: bottom right; }
html[data-theme="dark"] .dark-bg-position-bottom-right { background-position: bottom right; }
.hover-bg-position-bottom-right:hover { background-position: bottom right; }
html[data-theme="dark"] .dark-hover-bg-position-bottom-right:hover { background-position: bottom right; }
.focus-bg-position-bottom-right:focus { background-position: bottom right; }
html[data-theme="dark"] .dark-focus-bg-position-bottom-right:focus { background-position: bottom right; }
.active-bg-position-bottom-right:active { background-position: bottom right; }
html[data-theme="dark"] .dark-active-bg-position-bottom-right:active { background-position: bottom right; }
.disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
html[data-theme="dark"] .dark-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
.focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
html[data-theme="dark"] .dark-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
.focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
html[data-theme="dark"] .dark-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
.group:hover .group-hover-bg-position-bottom-right { background-position: bottom right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-position-bottom-right { background-position: bottom right; }
.bg-repeat-none { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-bg-repeat-none { background-repeat: no-repeat; }
.hover-bg-repeat-none:hover { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
.focus-bg-repeat-none:focus { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
.active-bg-repeat-none:active { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-active-bg-repeat-none:active { background-repeat: no-repeat; }
.disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
.focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
.focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
html[data-theme="dark"] .dark-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
.group:hover .group-hover-bg-repeat-none { background-repeat: no-repeat; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat-none { background-repeat: no-repeat; }
.bg-repeat-x { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-bg-repeat-x { background-repeat: repeat-x; }
.hover-bg-repeat-x:hover { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
.focus-bg-repeat-x:focus { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
.active-bg-repeat-x:active { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-active-bg-repeat-x:active { background-repeat: repeat-x; }
.disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
.focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
.focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
html[data-theme="dark"] .dark-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
.group:hover .group-hover-bg-repeat-x { background-repeat: repeat-x; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat-x { background-repeat: repeat-x; }
.bg-repeat-y { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-bg-repeat-y { background-repeat: repeat-y; }
.hover-bg-repeat-y:hover { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
.focus-bg-repeat-y:focus { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
.active-bg-repeat-y:active { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-active-bg-repeat-y:active { background-repeat: repeat-y; }
.disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
.focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
.focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
html[data-theme="dark"] .dark-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
.group:hover .group-hover-bg-repeat-y { background-repeat: repeat-y; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat-y { background-repeat: repeat-y; }
.bg-repeat { background-repeat: repeat; }
html[data-theme="dark"] .dark-bg-repeat { background-repeat: repeat; }
.hover-bg-repeat:hover { background-repeat: repeat; }
html[data-theme="dark"] .dark-hover-bg-repeat:hover { background-repeat: repeat; }
.focus-bg-repeat:focus { background-repeat: repeat; }
html[data-theme="dark"] .dark-focus-bg-repeat:focus { background-repeat: repeat; }
.active-bg-repeat:active { background-repeat: repeat; }
html[data-theme="dark"] .dark-active-bg-repeat:active { background-repeat: repeat; }
.disabled-bg-repeat:disabled { background-repeat: repeat; }
html[data-theme="dark"] .dark-disabled-bg-repeat:disabled { background-repeat: repeat; }
.focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
.focus-within-bg-repeat:focus-within { background-repeat: repeat; }
html[data-theme="dark"] .dark-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
.group:hover .group-hover-bg-repeat { background-repeat: repeat; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat { background-repeat: repeat; }
.bg-repeat-round { background-repeat: round; }
html[data-theme="dark"] .dark-bg-repeat-round { background-repeat: round; }
.hover-bg-repeat-round:hover { background-repeat: round; }
html[data-theme="dark"] .dark-hover-bg-repeat-round:hover { background-repeat: round; }
.focus-bg-repeat-round:focus { background-repeat: round; }
html[data-theme="dark"] .dark-focus-bg-repeat-round:focus { background-repeat: round; }
.active-bg-repeat-round:active { background-repeat: round; }
html[data-theme="dark"] .dark-active-bg-repeat-round:active { background-repeat: round; }
.disabled-bg-repeat-round:disabled { background-repeat: round; }
html[data-theme="dark"] .dark-disabled-bg-repeat-round:disabled { background-repeat: round; }
.focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
.focus-within-bg-repeat-round:focus-within { background-repeat: round; }
html[data-theme="dark"] .dark-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
.group:hover .group-hover-bg-repeat-round { background-repeat: round; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat-round { background-repeat: round; }
.bg-repeat-space { background-repeat: space; }
html[data-theme="dark"] .dark-bg-repeat-space { background-repeat: space; }
.hover-bg-repeat-space:hover { background-repeat: space; }
html[data-theme="dark"] .dark-hover-bg-repeat-space:hover { background-repeat: space; }
.focus-bg-repeat-space:focus { background-repeat: space; }
html[data-theme="dark"] .dark-focus-bg-repeat-space:focus { background-repeat: space; }
.active-bg-repeat-space:active { background-repeat: space; }
html[data-theme="dark"] .dark-active-bg-repeat-space:active { background-repeat: space; }
.disabled-bg-repeat-space:disabled { background-repeat: space; }
html[data-theme="dark"] .dark-disabled-bg-repeat-space:disabled { background-repeat: space; }
.focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
html[data-theme="dark"] .dark-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
.focus-within-bg-repeat-space:focus-within { background-repeat: space; }
html[data-theme="dark"] .dark-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
.group:hover .group-hover-bg-repeat-space { background-repeat: space; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-repeat-space { background-repeat: space; }
.bg-size-auto { background-size: auto; }
html[data-theme="dark"] .dark-bg-size-auto { background-size: auto; }
.hover-bg-size-auto:hover { background-size: auto; }
html[data-theme="dark"] .dark-hover-bg-size-auto:hover { background-size: auto; }
.focus-bg-size-auto:focus { background-size: auto; }
html[data-theme="dark"] .dark-focus-bg-size-auto:focus { background-size: auto; }
.active-bg-size-auto:active { background-size: auto; }
html[data-theme="dark"] .dark-active-bg-size-auto:active { background-size: auto; }
.disabled-bg-size-auto:disabled { background-size: auto; }
html[data-theme="dark"] .dark-disabled-bg-size-auto:disabled { background-size: auto; }
.focus-visible-bg-size-auto:focus-visible { background-size: auto; }
html[data-theme="dark"] .dark-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
.focus-within-bg-size-auto:focus-within { background-size: auto; }
html[data-theme="dark"] .dark-focus-within-bg-size-auto:focus-within { background-size: auto; }
.group:hover .group-hover-bg-size-auto { background-size: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-size-auto { background-size: auto; }
.bg-size-cover { background-size: cover; }
html[data-theme="dark"] .dark-bg-size-cover { background-size: cover; }
.hover-bg-size-cover:hover { background-size: cover; }
html[data-theme="dark"] .dark-hover-bg-size-cover:hover { background-size: cover; }
.focus-bg-size-cover:focus { background-size: cover; }
html[data-theme="dark"] .dark-focus-bg-size-cover:focus { background-size: cover; }
.active-bg-size-cover:active { background-size: cover; }
html[data-theme="dark"] .dark-active-bg-size-cover:active { background-size: cover; }
.disabled-bg-size-cover:disabled { background-size: cover; }
html[data-theme="dark"] .dark-disabled-bg-size-cover:disabled { background-size: cover; }
.focus-visible-bg-size-cover:focus-visible { background-size: cover; }
html[data-theme="dark"] .dark-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
.focus-within-bg-size-cover:focus-within { background-size: cover; }
html[data-theme="dark"] .dark-focus-within-bg-size-cover:focus-within { background-size: cover; }
.group:hover .group-hover-bg-size-cover { background-size: cover; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-size-cover { background-size: cover; }
.bg-size-contain { background-size: contain; }
html[data-theme="dark"] .dark-bg-size-contain { background-size: contain; }
.hover-bg-size-contain:hover { background-size: contain; }
html[data-theme="dark"] .dark-hover-bg-size-contain:hover { background-size: contain; }
.focus-bg-size-contain:focus { background-size: contain; }
html[data-theme="dark"] .dark-focus-bg-size-contain:focus { background-size: contain; }
.active-bg-size-contain:active { background-size: contain; }
html[data-theme="dark"] .dark-active-bg-size-contain:active { background-size: contain; }
.disabled-bg-size-contain:disabled { background-size: contain; }
html[data-theme="dark"] .dark-disabled-bg-size-contain:disabled { background-size: contain; }
.focus-visible-bg-size-contain:focus-visible { background-size: contain; }
html[data-theme="dark"] .dark-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
.focus-within-bg-size-contain:focus-within { background-size: contain; }
html[data-theme="dark"] .dark-focus-within-bg-size-contain:focus-within { background-size: contain; }
.group:hover .group-hover-bg-size-contain { background-size: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-size-contain { background-size: contain; }
.fill-current { fill: currentColor; }
html[data-theme="dark"] .dark-fill-current { fill: currentColor; }
.hover-fill-current:hover { fill: currentColor; }
html[data-theme="dark"] .dark-hover-fill-current:hover { fill: currentColor; }
.focus-fill-current:focus { fill: currentColor; }
html[data-theme="dark"] .dark-focus-fill-current:focus { fill: currentColor; }
.active-fill-current:active { fill: currentColor; }
html[data-theme="dark"] .dark-active-fill-current:active { fill: currentColor; }
.disabled-fill-current:disabled { fill: currentColor; }
html[data-theme="dark"] .dark-disabled-fill-current:disabled { fill: currentColor; }
.focus-visible-fill-current:focus-visible { fill: currentColor; }
html[data-theme="dark"] .dark-focus-visible-fill-current:focus-visible { fill: currentColor; }
.focus-within-fill-current:focus-within { fill: currentColor; }
html[data-theme="dark"] .dark-focus-within-fill-current:focus-within { fill: currentColor; }
.group:hover .group-hover-fill-current { fill: currentColor; }
html[data-theme="dark"] .group:hover .dark-group-hover-fill-current { fill: currentColor; }
.fill-none { fill: none; }
html[data-theme="dark"] .dark-fill-none { fill: none; }
.hover-fill-none:hover { fill: none; }
html[data-theme="dark"] .dark-hover-fill-none:hover { fill: none; }
.focus-fill-none:focus { fill: none; }
html[data-theme="dark"] .dark-focus-fill-none:focus { fill: none; }
.active-fill-none:active { fill: none; }
html[data-theme="dark"] .dark-active-fill-none:active { fill: none; }
.disabled-fill-none:disabled { fill: none; }
html[data-theme="dark"] .dark-disabled-fill-none:disabled { fill: none; }
.focus-visible-fill-none:focus-visible { fill: none; }
html[data-theme="dark"] .dark-focus-visible-fill-none:focus-visible { fill: none; }
.focus-within-fill-none:focus-within { fill: none; }
html[data-theme="dark"] .dark-focus-within-fill-none:focus-within { fill: none; }
.group:hover .group-hover-fill-none { fill: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-fill-none { fill: none; }
.stroke-current { stroke: currentColor; }
html[data-theme="dark"] .dark-stroke-current { stroke: currentColor; }
.hover-stroke-current:hover { stroke: currentColor; }
html[data-theme="dark"] .dark-hover-stroke-current:hover { stroke: currentColor; }
.focus-stroke-current:focus { stroke: currentColor; }
html[data-theme="dark"] .dark-focus-stroke-current:focus { stroke: currentColor; }
.active-stroke-current:active { stroke: currentColor; }
html[data-theme="dark"] .dark-active-stroke-current:active { stroke: currentColor; }
.disabled-stroke-current:disabled { stroke: currentColor; }
html[data-theme="dark"] .dark-disabled-stroke-current:disabled { stroke: currentColor; }
.focus-visible-stroke-current:focus-visible { stroke: currentColor; }
html[data-theme="dark"] .dark-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
.focus-within-stroke-current:focus-within { stroke: currentColor; }
html[data-theme="dark"] .dark-focus-within-stroke-current:focus-within { stroke: currentColor; }
.group:hover .group-hover-stroke-current { stroke: currentColor; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-current { stroke: currentColor; }
.stroke-0 { stroke-width: 0; }
html[data-theme="dark"] .dark-stroke-0 { stroke-width: 0; }
.hover-stroke-0:hover { stroke-width: 0; }
html[data-theme="dark"] .dark-hover-stroke-0:hover { stroke-width: 0; }
.focus-stroke-0:focus { stroke-width: 0; }
html[data-theme="dark"] .dark-focus-stroke-0:focus { stroke-width: 0; }
.active-stroke-0:active { stroke-width: 0; }
html[data-theme="dark"] .dark-active-stroke-0:active { stroke-width: 0; }
.disabled-stroke-0:disabled { stroke-width: 0; }
html[data-theme="dark"] .dark-disabled-stroke-0:disabled { stroke-width: 0; }
.focus-visible-stroke-0:focus-visible { stroke-width: 0; }
html[data-theme="dark"] .dark-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
.focus-within-stroke-0:focus-within { stroke-width: 0; }
html[data-theme="dark"] .dark-focus-within-stroke-0:focus-within { stroke-width: 0; }
.group:hover .group-hover-stroke-0 { stroke-width: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-0 { stroke-width: 0; }
.stroke-1 { stroke-width: 1; }
html[data-theme="dark"] .dark-stroke-1 { stroke-width: 1; }
.hover-stroke-1:hover { stroke-width: 1; }
html[data-theme="dark"] .dark-hover-stroke-1:hover { stroke-width: 1; }
.focus-stroke-1:focus { stroke-width: 1; }
html[data-theme="dark"] .dark-focus-stroke-1:focus { stroke-width: 1; }
.active-stroke-1:active { stroke-width: 1; }
html[data-theme="dark"] .dark-active-stroke-1:active { stroke-width: 1; }
.disabled-stroke-1:disabled { stroke-width: 1; }
html[data-theme="dark"] .dark-disabled-stroke-1:disabled { stroke-width: 1; }
.focus-visible-stroke-1:focus-visible { stroke-width: 1; }
html[data-theme="dark"] .dark-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
.focus-within-stroke-1:focus-within { stroke-width: 1; }
html[data-theme="dark"] .dark-focus-within-stroke-1:focus-within { stroke-width: 1; }
.group:hover .group-hover-stroke-1 { stroke-width: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-1 { stroke-width: 1; }
.stroke-2 { stroke-width: 2; }
html[data-theme="dark"] .dark-stroke-2 { stroke-width: 2; }
.hover-stroke-2:hover { stroke-width: 2; }
html[data-theme="dark"] .dark-hover-stroke-2:hover { stroke-width: 2; }
.focus-stroke-2:focus { stroke-width: 2; }
html[data-theme="dark"] .dark-focus-stroke-2:focus { stroke-width: 2; }
.active-stroke-2:active { stroke-width: 2; }
html[data-theme="dark"] .dark-active-stroke-2:active { stroke-width: 2; }
.disabled-stroke-2:disabled { stroke-width: 2; }
html[data-theme="dark"] .dark-disabled-stroke-2:disabled { stroke-width: 2; }
.focus-visible-stroke-2:focus-visible { stroke-width: 2; }
html[data-theme="dark"] .dark-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
.focus-within-stroke-2:focus-within { stroke-width: 2; }
html[data-theme="dark"] .dark-focus-within-stroke-2:focus-within { stroke-width: 2; }
.group:hover .group-hover-stroke-2 { stroke-width: 2; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-2 { stroke-width: 2; }
.stroke-4 { stroke-width: 4; }
html[data-theme="dark"] .dark-stroke-4 { stroke-width: 4; }
.hover-stroke-4:hover { stroke-width: 4; }
html[data-theme="dark"] .dark-hover-stroke-4:hover { stroke-width: 4; }
.focus-stroke-4:focus { stroke-width: 4; }
html[data-theme="dark"] .dark-focus-stroke-4:focus { stroke-width: 4; }
.active-stroke-4:active { stroke-width: 4; }
html[data-theme="dark"] .dark-active-stroke-4:active { stroke-width: 4; }
.disabled-stroke-4:disabled { stroke-width: 4; }
html[data-theme="dark"] .dark-disabled-stroke-4:disabled { stroke-width: 4; }
.focus-visible-stroke-4:focus-visible { stroke-width: 4; }
html[data-theme="dark"] .dark-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
.focus-within-stroke-4:focus-within { stroke-width: 4; }
html[data-theme="dark"] .dark-focus-within-stroke-4:focus-within { stroke-width: 4; }
.group:hover .group-hover-stroke-4 { stroke-width: 4; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-4 { stroke-width: 4; }
.stroke-8 { stroke-width: 8; }
html[data-theme="dark"] .dark-stroke-8 { stroke-width: 8; }
.hover-stroke-8:hover { stroke-width: 8; }
html[data-theme="dark"] .dark-hover-stroke-8:hover { stroke-width: 8; }
.focus-stroke-8:focus { stroke-width: 8; }
html[data-theme="dark"] .dark-focus-stroke-8:focus { stroke-width: 8; }
.active-stroke-8:active { stroke-width: 8; }
html[data-theme="dark"] .dark-active-stroke-8:active { stroke-width: 8; }
.disabled-stroke-8:disabled { stroke-width: 8; }
html[data-theme="dark"] .dark-disabled-stroke-8:disabled { stroke-width: 8; }
.focus-visible-stroke-8:focus-visible { stroke-width: 8; }
html[data-theme="dark"] .dark-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
.focus-within-stroke-8:focus-within { stroke-width: 8; }
html[data-theme="dark"] .dark-focus-within-stroke-8:focus-within { stroke-width: 8; }
.group:hover .group-hover-stroke-8 { stroke-width: 8; }
html[data-theme="dark"] .group:hover .dark-group-hover-stroke-8 { stroke-width: 8; }
.line-height-1 { line-height: 1; }
html[data-theme="dark"] .dark-line-height-1 { line-height: 1; }
.hover-line-height-1:hover { line-height: 1; }
html[data-theme="dark"] .dark-hover-line-height-1:hover { line-height: 1; }
.focus-line-height-1:focus { line-height: 1; }
html[data-theme="dark"] .dark-focus-line-height-1:focus { line-height: 1; }
.active-line-height-1:active { line-height: 1; }
html[data-theme="dark"] .dark-active-line-height-1:active { line-height: 1; }
.disabled-line-height-1:disabled { line-height: 1; }
html[data-theme="dark"] .dark-disabled-line-height-1:disabled { line-height: 1; }
.focus-visible-line-height-1:focus-visible { line-height: 1; }
html[data-theme="dark"] .dark-focus-visible-line-height-1:focus-visible { line-height: 1; }
.focus-within-line-height-1:focus-within { line-height: 1; }
html[data-theme="dark"] .dark-focus-within-line-height-1:focus-within { line-height: 1; }
.group:hover .group-hover-line-height-1 { line-height: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-1 { line-height: 1; }
.line-height-2 { line-height: 1.25; }
html[data-theme="dark"] .dark-line-height-2 { line-height: 1.25; }
.hover-line-height-2:hover { line-height: 1.25; }
html[data-theme="dark"] .dark-hover-line-height-2:hover { line-height: 1.25; }
.focus-line-height-2:focus { line-height: 1.25; }
html[data-theme="dark"] .dark-focus-line-height-2:focus { line-height: 1.25; }
.active-line-height-2:active { line-height: 1.25; }
html[data-theme="dark"] .dark-active-line-height-2:active { line-height: 1.25; }
.disabled-line-height-2:disabled { line-height: 1.25; }
html[data-theme="dark"] .dark-disabled-line-height-2:disabled { line-height: 1.25; }
.focus-visible-line-height-2:focus-visible { line-height: 1.25; }
html[data-theme="dark"] .dark-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
.focus-within-line-height-2:focus-within { line-height: 1.25; }
html[data-theme="dark"] .dark-focus-within-line-height-2:focus-within { line-height: 1.25; }
.group:hover .group-hover-line-height-2 { line-height: 1.25; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-2 { line-height: 1.25; }
.line-height-3 { line-height: 1.375; }
html[data-theme="dark"] .dark-line-height-3 { line-height: 1.375; }
.hover-line-height-3:hover { line-height: 1.375; }
html[data-theme="dark"] .dark-hover-line-height-3:hover { line-height: 1.375; }
.focus-line-height-3:focus { line-height: 1.375; }
html[data-theme="dark"] .dark-focus-line-height-3:focus { line-height: 1.375; }
.active-line-height-3:active { line-height: 1.375; }
html[data-theme="dark"] .dark-active-line-height-3:active { line-height: 1.375; }
.disabled-line-height-3:disabled { line-height: 1.375; }
html[data-theme="dark"] .dark-disabled-line-height-3:disabled { line-height: 1.375; }
.focus-visible-line-height-3:focus-visible { line-height: 1.375; }
html[data-theme="dark"] .dark-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
.focus-within-line-height-3:focus-within { line-height: 1.375; }
html[data-theme="dark"] .dark-focus-within-line-height-3:focus-within { line-height: 1.375; }
.group:hover .group-hover-line-height-3 { line-height: 1.375; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-3 { line-height: 1.375; }
.line-height-4 { line-height: 1.5; }
html[data-theme="dark"] .dark-line-height-4 { line-height: 1.5; }
.hover-line-height-4:hover { line-height: 1.5; }
html[data-theme="dark"] .dark-hover-line-height-4:hover { line-height: 1.5; }
.focus-line-height-4:focus { line-height: 1.5; }
html[data-theme="dark"] .dark-focus-line-height-4:focus { line-height: 1.5; }
.active-line-height-4:active { line-height: 1.5; }
html[data-theme="dark"] .dark-active-line-height-4:active { line-height: 1.5; }
.disabled-line-height-4:disabled { line-height: 1.5; }
html[data-theme="dark"] .dark-disabled-line-height-4:disabled { line-height: 1.5; }
.focus-visible-line-height-4:focus-visible { line-height: 1.5; }
html[data-theme="dark"] .dark-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
.focus-within-line-height-4:focus-within { line-height: 1.5; }
html[data-theme="dark"] .dark-focus-within-line-height-4:focus-within { line-height: 1.5; }
.group:hover .group-hover-line-height-4 { line-height: 1.5; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-4 { line-height: 1.5; }
.line-height-5 { line-height: 1.625; }
html[data-theme="dark"] .dark-line-height-5 { line-height: 1.625; }
.hover-line-height-5:hover { line-height: 1.625; }
html[data-theme="dark"] .dark-hover-line-height-5:hover { line-height: 1.625; }
.focus-line-height-5:focus { line-height: 1.625; }
html[data-theme="dark"] .dark-focus-line-height-5:focus { line-height: 1.625; }
.active-line-height-5:active { line-height: 1.625; }
html[data-theme="dark"] .dark-active-line-height-5:active { line-height: 1.625; }
.disabled-line-height-5:disabled { line-height: 1.625; }
html[data-theme="dark"] .dark-disabled-line-height-5:disabled { line-height: 1.625; }
.focus-visible-line-height-5:focus-visible { line-height: 1.625; }
html[data-theme="dark"] .dark-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
.focus-within-line-height-5:focus-within { line-height: 1.625; }
html[data-theme="dark"] .dark-focus-within-line-height-5:focus-within { line-height: 1.625; }
.group:hover .group-hover-line-height-5 { line-height: 1.625; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-5 { line-height: 1.625; }
.line-height-6 { line-height: 1.75; }
html[data-theme="dark"] .dark-line-height-6 { line-height: 1.75; }
.hover-line-height-6:hover { line-height: 1.75; }
html[data-theme="dark"] .dark-hover-line-height-6:hover { line-height: 1.75; }
.focus-line-height-6:focus { line-height: 1.75; }
html[data-theme="dark"] .dark-focus-line-height-6:focus { line-height: 1.75; }
.active-line-height-6:active { line-height: 1.75; }
html[data-theme="dark"] .dark-active-line-height-6:active { line-height: 1.75; }
.disabled-line-height-6:disabled { line-height: 1.75; }
html[data-theme="dark"] .dark-disabled-line-height-6:disabled { line-height: 1.75; }
.focus-visible-line-height-6:focus-visible { line-height: 1.75; }
html[data-theme="dark"] .dark-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
.focus-within-line-height-6:focus-within { line-height: 1.75; }
html[data-theme="dark"] .dark-focus-within-line-height-6:focus-within { line-height: 1.75; }
.group:hover .group-hover-line-height-6 { line-height: 1.75; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-6 { line-height: 1.75; }
.line-height-7 { line-height: 2; }
html[data-theme="dark"] .dark-line-height-7 { line-height: 2; }
.hover-line-height-7:hover { line-height: 2; }
html[data-theme="dark"] .dark-hover-line-height-7:hover { line-height: 2; }
.focus-line-height-7:focus { line-height: 2; }
html[data-theme="dark"] .dark-focus-line-height-7:focus { line-height: 2; }
.active-line-height-7:active { line-height: 2; }
html[data-theme="dark"] .dark-active-line-height-7:active { line-height: 2; }
.disabled-line-height-7:disabled { line-height: 2; }
html[data-theme="dark"] .dark-disabled-line-height-7:disabled { line-height: 2; }
.focus-visible-line-height-7:focus-visible { line-height: 2; }
html[data-theme="dark"] .dark-focus-visible-line-height-7:focus-visible { line-height: 2; }
.focus-within-line-height-7:focus-within { line-height: 2; }
html[data-theme="dark"] .dark-focus-within-line-height-7:focus-within { line-height: 2; }
.group:hover .group-hover-line-height-7 { line-height: 2; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-height-7 { line-height: 2; }
.text-left { text-align: left; }
html[data-theme="dark"] .dark-text-left { text-align: left; }
.hover-text-left:hover { text-align: left; }
html[data-theme="dark"] .dark-hover-text-left:hover { text-align: left; }
.focus-text-left:focus { text-align: left; }
html[data-theme="dark"] .dark-focus-text-left:focus { text-align: left; }
.active-text-left:active { text-align: left; }
html[data-theme="dark"] .dark-active-text-left:active { text-align: left; }
.disabled-text-left:disabled { text-align: left; }
html[data-theme="dark"] .dark-disabled-text-left:disabled { text-align: left; }
.focus-visible-text-left:focus-visible { text-align: left; }
html[data-theme="dark"] .dark-focus-visible-text-left:focus-visible { text-align: left; }
.focus-within-text-left:focus-within { text-align: left; }
html[data-theme="dark"] .dark-focus-within-text-left:focus-within { text-align: left; }
.group:hover .group-hover-text-left { text-align: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-left { text-align: left; }
.text-center { text-align: center; }
html[data-theme="dark"] .dark-text-center { text-align: center; }
.hover-text-center:hover { text-align: center; }
html[data-theme="dark"] .dark-hover-text-center:hover { text-align: center; }
.focus-text-center:focus { text-align: center; }
html[data-theme="dark"] .dark-focus-text-center:focus { text-align: center; }
.active-text-center:active { text-align: center; }
html[data-theme="dark"] .dark-active-text-center:active { text-align: center; }
.disabled-text-center:disabled { text-align: center; }
html[data-theme="dark"] .dark-disabled-text-center:disabled { text-align: center; }
.focus-visible-text-center:focus-visible { text-align: center; }
html[data-theme="dark"] .dark-focus-visible-text-center:focus-visible { text-align: center; }
.focus-within-text-center:focus-within { text-align: center; }
html[data-theme="dark"] .dark-focus-within-text-center:focus-within { text-align: center; }
.group:hover .group-hover-text-center { text-align: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-center { text-align: center; }
.text-right { text-align: right; }
html[data-theme="dark"] .dark-text-right { text-align: right; }
.hover-text-right:hover { text-align: right; }
html[data-theme="dark"] .dark-hover-text-right:hover { text-align: right; }
.focus-text-right:focus { text-align: right; }
html[data-theme="dark"] .dark-focus-text-right:focus { text-align: right; }
.active-text-right:active { text-align: right; }
html[data-theme="dark"] .dark-active-text-right:active { text-align: right; }
.disabled-text-right:disabled { text-align: right; }
html[data-theme="dark"] .dark-disabled-text-right:disabled { text-align: right; }
.focus-visible-text-right:focus-visible { text-align: right; }
html[data-theme="dark"] .dark-focus-visible-text-right:focus-visible { text-align: right; }
.focus-within-text-right:focus-within { text-align: right; }
html[data-theme="dark"] .dark-focus-within-text-right:focus-within { text-align: right; }
.group:hover .group-hover-text-right { text-align: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-right { text-align: right; }
.text-justify { text-align: justify; }
html[data-theme="dark"] .dark-text-justify { text-align: justify; }
.hover-text-justify:hover { text-align: justify; }
html[data-theme="dark"] .dark-hover-text-justify:hover { text-align: justify; }
.focus-text-justify:focus { text-align: justify; }
html[data-theme="dark"] .dark-focus-text-justify:focus { text-align: justify; }
.active-text-justify:active { text-align: justify; }
html[data-theme="dark"] .dark-active-text-justify:active { text-align: justify; }
.disabled-text-justify:disabled { text-align: justify; }
html[data-theme="dark"] .dark-disabled-text-justify:disabled { text-align: justify; }
.focus-visible-text-justify:focus-visible { text-align: justify; }
html[data-theme="dark"] .dark-focus-visible-text-justify:focus-visible { text-align: justify; }
.focus-within-text-justify:focus-within { text-align: justify; }
html[data-theme="dark"] .dark-focus-within-text-justify:focus-within { text-align: justify; }
.group:hover .group-hover-text-justify { text-align: justify; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-justify { text-align: justify; }
.justify-start { justify-content: flex-start; }
html[data-theme="dark"] .dark-justify-start { justify-content: flex-start; }
.hover-justify-start:hover { justify-content: flex-start; }
html[data-theme="dark"] .dark-hover-justify-start:hover { justify-content: flex-start; }
.focus-justify-start:focus { justify-content: flex-start; }
html[data-theme="dark"] .dark-focus-justify-start:focus { justify-content: flex-start; }
.active-justify-start:active { justify-content: flex-start; }
html[data-theme="dark"] .dark-active-justify-start:active { justify-content: flex-start; }
.disabled-justify-start:disabled { justify-content: flex-start; }
html[data-theme="dark"] .dark-disabled-justify-start:disabled { justify-content: flex-start; }
.focus-visible-justify-start:focus-visible { justify-content: flex-start; }
html[data-theme="dark"] .dark-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
.focus-within-justify-start:focus-within { justify-content: flex-start; }
html[data-theme="dark"] .dark-focus-within-justify-start:focus-within { justify-content: flex-start; }
.group:hover .group-hover-justify-start { justify-content: flex-start; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
html[data-theme="dark"] .dark-justify-center { justify-content: center; }
.hover-justify-center:hover { justify-content: center; }
html[data-theme="dark"] .dark-hover-justify-center:hover { justify-content: center; }
.focus-justify-center:focus { justify-content: center; }
html[data-theme="dark"] .dark-focus-justify-center:focus { justify-content: center; }
.active-justify-center:active { justify-content: center; }
html[data-theme="dark"] .dark-active-justify-center:active { justify-content: center; }
.disabled-justify-center:disabled { justify-content: center; }
html[data-theme="dark"] .dark-disabled-justify-center:disabled { justify-content: center; }
.focus-visible-justify-center:focus-visible { justify-content: center; }
html[data-theme="dark"] .dark-focus-visible-justify-center:focus-visible { justify-content: center; }
.focus-within-justify-center:focus-within { justify-content: center; }
html[data-theme="dark"] .dark-focus-within-justify-center:focus-within { justify-content: center; }
.group:hover .group-hover-justify-center { justify-content: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
html[data-theme="dark"] .dark-justify-end { justify-content: flex-end; }
.hover-justify-end:hover { justify-content: flex-end; }
html[data-theme="dark"] .dark-hover-justify-end:hover { justify-content: flex-end; }
.focus-justify-end:focus { justify-content: flex-end; }
html[data-theme="dark"] .dark-focus-justify-end:focus { justify-content: flex-end; }
.active-justify-end:active { justify-content: flex-end; }
html[data-theme="dark"] .dark-active-justify-end:active { justify-content: flex-end; }
.disabled-justify-end:disabled { justify-content: flex-end; }
html[data-theme="dark"] .dark-disabled-justify-end:disabled { justify-content: flex-end; }
.focus-visible-justify-end:focus-visible { justify-content: flex-end; }
html[data-theme="dark"] .dark-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
.focus-within-justify-end:focus-within { justify-content: flex-end; }
html[data-theme="dark"] .dark-focus-within-justify-end:focus-within { justify-content: flex-end; }
.group:hover .group-hover-justify-end { justify-content: flex-end; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
html[data-theme="dark"] .dark-justify-between { justify-content: space-between; }
.hover-justify-between:hover { justify-content: space-between; }
html[data-theme="dark"] .dark-hover-justify-between:hover { justify-content: space-between; }
.focus-justify-between:focus { justify-content: space-between; }
html[data-theme="dark"] .dark-focus-justify-between:focus { justify-content: space-between; }
.active-justify-between:active { justify-content: space-between; }
html[data-theme="dark"] .dark-active-justify-between:active { justify-content: space-between; }
.disabled-justify-between:disabled { justify-content: space-between; }
html[data-theme="dark"] .dark-disabled-justify-between:disabled { justify-content: space-between; }
.focus-visible-justify-between:focus-visible { justify-content: space-between; }
html[data-theme="dark"] .dark-focus-visible-justify-between:focus-visible { justify-content: space-between; }
.focus-within-justify-between:focus-within { justify-content: space-between; }
html[data-theme="dark"] .dark-focus-within-justify-between:focus-within { justify-content: space-between; }
.group:hover .group-hover-justify-between { justify-content: space-between; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
html[data-theme="dark"] .dark-justify-around { justify-content: space-around; }
.hover-justify-around:hover { justify-content: space-around; }
html[data-theme="dark"] .dark-hover-justify-around:hover { justify-content: space-around; }
.focus-justify-around:focus { justify-content: space-around; }
html[data-theme="dark"] .dark-focus-justify-around:focus { justify-content: space-around; }
.active-justify-around:active { justify-content: space-around; }
html[data-theme="dark"] .dark-active-justify-around:active { justify-content: space-around; }
.disabled-justify-around:disabled { justify-content: space-around; }
html[data-theme="dark"] .dark-disabled-justify-around:disabled { justify-content: space-around; }
.focus-visible-justify-around:focus-visible { justify-content: space-around; }
html[data-theme="dark"] .dark-focus-visible-justify-around:focus-visible { justify-content: space-around; }
.focus-within-justify-around:focus-within { justify-content: space-around; }
html[data-theme="dark"] .dark-focus-within-justify-around:focus-within { justify-content: space-around; }
.group:hover .group-hover-justify-around { justify-content: space-around; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
html[data-theme="dark"] .dark-justify-evenly { justify-content: space-evenly; }
.hover-justify-evenly:hover { justify-content: space-evenly; }
html[data-theme="dark"] .dark-hover-justify-evenly:hover { justify-content: space-evenly; }
.focus-justify-evenly:focus { justify-content: space-evenly; }
html[data-theme="dark"] .dark-focus-justify-evenly:focus { justify-content: space-evenly; }
.active-justify-evenly:active { justify-content: space-evenly; }
html[data-theme="dark"] .dark-active-justify-evenly:active { justify-content: space-evenly; }
.disabled-justify-evenly:disabled { justify-content: space-evenly; }
html[data-theme="dark"] .dark-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
html[data-theme="dark"] .dark-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
.focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
html[data-theme="dark"] .dark-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
.group:hover .group-hover-justify-evenly { justify-content: space-evenly; }
html[data-theme="dark"] .group:hover .dark-group-hover-justify-evenly { justify-content: space-evenly; }
.items-start { align-items: flex-start; }
html[data-theme="dark"] .dark-items-start { align-items: flex-start; }
.hover-items-start:hover { align-items: flex-start; }
html[data-theme="dark"] .dark-hover-items-start:hover { align-items: flex-start; }
.focus-items-start:focus { align-items: flex-start; }
html[data-theme="dark"] .dark-focus-items-start:focus { align-items: flex-start; }
.active-items-start:active { align-items: flex-start; }
html[data-theme="dark"] .dark-active-items-start:active { align-items: flex-start; }
.disabled-items-start:disabled { align-items: flex-start; }
html[data-theme="dark"] .dark-disabled-items-start:disabled { align-items: flex-start; }
.focus-visible-items-start:focus-visible { align-items: flex-start; }
html[data-theme="dark"] .dark-focus-visible-items-start:focus-visible { align-items: flex-start; }
.focus-within-items-start:focus-within { align-items: flex-start; }
html[data-theme="dark"] .dark-focus-within-items-start:focus-within { align-items: flex-start; }
.group:hover .group-hover-items-start { align-items: flex-start; }
html[data-theme="dark"] .group:hover .dark-group-hover-items-start { align-items: flex-start; }
.items-center { align-items: center; }
html[data-theme="dark"] .dark-items-center { align-items: center; }
.hover-items-center:hover { align-items: center; }
html[data-theme="dark"] .dark-hover-items-center:hover { align-items: center; }
.focus-items-center:focus { align-items: center; }
html[data-theme="dark"] .dark-focus-items-center:focus { align-items: center; }
.active-items-center:active { align-items: center; }
html[data-theme="dark"] .dark-active-items-center:active { align-items: center; }
.disabled-items-center:disabled { align-items: center; }
html[data-theme="dark"] .dark-disabled-items-center:disabled { align-items: center; }
.focus-visible-items-center:focus-visible { align-items: center; }
html[data-theme="dark"] .dark-focus-visible-items-center:focus-visible { align-items: center; }
.focus-within-items-center:focus-within { align-items: center; }
html[data-theme="dark"] .dark-focus-within-items-center:focus-within { align-items: center; }
.group:hover .group-hover-items-center { align-items: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-items-center { align-items: center; }
.items-end { align-items: flex-end; }
html[data-theme="dark"] .dark-items-end { align-items: flex-end; }
.hover-items-end:hover { align-items: flex-end; }
html[data-theme="dark"] .dark-hover-items-end:hover { align-items: flex-end; }
.focus-items-end:focus { align-items: flex-end; }
html[data-theme="dark"] .dark-focus-items-end:focus { align-items: flex-end; }
.active-items-end:active { align-items: flex-end; }
html[data-theme="dark"] .dark-active-items-end:active { align-items: flex-end; }
.disabled-items-end:disabled { align-items: flex-end; }
html[data-theme="dark"] .dark-disabled-items-end:disabled { align-items: flex-end; }
.focus-visible-items-end:focus-visible { align-items: flex-end; }
html[data-theme="dark"] .dark-focus-visible-items-end:focus-visible { align-items: flex-end; }
.focus-within-items-end:focus-within { align-items: flex-end; }
html[data-theme="dark"] .dark-focus-within-items-end:focus-within { align-items: flex-end; }
.group:hover .group-hover-items-end { align-items: flex-end; }
html[data-theme="dark"] .group:hover .dark-group-hover-items-end { align-items: flex-end; }
.items-baseline { align-items: baseline; }
html[data-theme="dark"] .dark-items-baseline { align-items: baseline; }
.hover-items-baseline:hover { align-items: baseline; }
html[data-theme="dark"] .dark-hover-items-baseline:hover { align-items: baseline; }
.focus-items-baseline:focus { align-items: baseline; }
html[data-theme="dark"] .dark-focus-items-baseline:focus { align-items: baseline; }
.active-items-baseline:active { align-items: baseline; }
html[data-theme="dark"] .dark-active-items-baseline:active { align-items: baseline; }
.disabled-items-baseline:disabled { align-items: baseline; }
html[data-theme="dark"] .dark-disabled-items-baseline:disabled { align-items: baseline; }
.focus-visible-items-baseline:focus-visible { align-items: baseline; }
html[data-theme="dark"] .dark-focus-visible-items-baseline:focus-visible { align-items: baseline; }
.focus-within-items-baseline:focus-within { align-items: baseline; }
html[data-theme="dark"] .dark-focus-within-items-baseline:focus-within { align-items: baseline; }
.group:hover .group-hover-items-baseline { align-items: baseline; }
html[data-theme="dark"] .group:hover .dark-group-hover-items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
html[data-theme="dark"] .dark-items-stretch { align-items: stretch; }
.hover-items-stretch:hover { align-items: stretch; }
html[data-theme="dark"] .dark-hover-items-stretch:hover { align-items: stretch; }
.focus-items-stretch:focus { align-items: stretch; }
html[data-theme="dark"] .dark-focus-items-stretch:focus { align-items: stretch; }
.active-items-stretch:active { align-items: stretch; }
html[data-theme="dark"] .dark-active-items-stretch:active { align-items: stretch; }
.disabled-items-stretch:disabled { align-items: stretch; }
html[data-theme="dark"] .dark-disabled-items-stretch:disabled { align-items: stretch; }
.focus-visible-items-stretch:focus-visible { align-items: stretch; }
html[data-theme="dark"] .dark-focus-visible-items-stretch:focus-visible { align-items: stretch; }
.focus-within-items-stretch:focus-within { align-items: stretch; }
html[data-theme="dark"] .dark-focus-within-items-stretch:focus-within { align-items: stretch; }
.group:hover .group-hover-items-stretch { align-items: stretch; }
html[data-theme="dark"] .group:hover .dark-group-hover-items-stretch { align-items: stretch; }
.content-start { align-content: flex-start; }
html[data-theme="dark"] .dark-content-start { align-content: flex-start; }
.hover-content-start:hover { align-content: flex-start; }
html[data-theme="dark"] .dark-hover-content-start:hover { align-content: flex-start; }
.focus-content-start:focus { align-content: flex-start; }
html[data-theme="dark"] .dark-focus-content-start:focus { align-content: flex-start; }
.active-content-start:active { align-content: flex-start; }
html[data-theme="dark"] .dark-active-content-start:active { align-content: flex-start; }
.disabled-content-start:disabled { align-content: flex-start; }
html[data-theme="dark"] .dark-disabled-content-start:disabled { align-content: flex-start; }
.focus-visible-content-start:focus-visible { align-content: flex-start; }
html[data-theme="dark"] .dark-focus-visible-content-start:focus-visible { align-content: flex-start; }
.focus-within-content-start:focus-within { align-content: flex-start; }
html[data-theme="dark"] .dark-focus-within-content-start:focus-within { align-content: flex-start; }
.group:hover .group-hover-content-start { align-content: flex-start; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-start { align-content: flex-start; }
.content-center { align-content: center; }
html[data-theme="dark"] .dark-content-center { align-content: center; }
.hover-content-center:hover { align-content: center; }
html[data-theme="dark"] .dark-hover-content-center:hover { align-content: center; }
.focus-content-center:focus { align-content: center; }
html[data-theme="dark"] .dark-focus-content-center:focus { align-content: center; }
.active-content-center:active { align-content: center; }
html[data-theme="dark"] .dark-active-content-center:active { align-content: center; }
.disabled-content-center:disabled { align-content: center; }
html[data-theme="dark"] .dark-disabled-content-center:disabled { align-content: center; }
.focus-visible-content-center:focus-visible { align-content: center; }
html[data-theme="dark"] .dark-focus-visible-content-center:focus-visible { align-content: center; }
.focus-within-content-center:focus-within { align-content: center; }
html[data-theme="dark"] .dark-focus-within-content-center:focus-within { align-content: center; }
.group:hover .group-hover-content-center { align-content: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-center { align-content: center; }
.content-end { align-content: flex-end; }
html[data-theme="dark"] .dark-content-end { align-content: flex-end; }
.hover-content-end:hover { align-content: flex-end; }
html[data-theme="dark"] .dark-hover-content-end:hover { align-content: flex-end; }
.focus-content-end:focus { align-content: flex-end; }
html[data-theme="dark"] .dark-focus-content-end:focus { align-content: flex-end; }
.active-content-end:active { align-content: flex-end; }
html[data-theme="dark"] .dark-active-content-end:active { align-content: flex-end; }
.disabled-content-end:disabled { align-content: flex-end; }
html[data-theme="dark"] .dark-disabled-content-end:disabled { align-content: flex-end; }
.focus-visible-content-end:focus-visible { align-content: flex-end; }
html[data-theme="dark"] .dark-focus-visible-content-end:focus-visible { align-content: flex-end; }
.focus-within-content-end:focus-within { align-content: flex-end; }
html[data-theme="dark"] .dark-focus-within-content-end:focus-within { align-content: flex-end; }
.group:hover .group-hover-content-end { align-content: flex-end; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-end { align-content: flex-end; }
.content-between { align-content: space-between; }
html[data-theme="dark"] .dark-content-between { align-content: space-between; }
.hover-content-between:hover { align-content: space-between; }
html[data-theme="dark"] .dark-hover-content-between:hover { align-content: space-between; }
.focus-content-between:focus { align-content: space-between; }
html[data-theme="dark"] .dark-focus-content-between:focus { align-content: space-between; }
.active-content-between:active { align-content: space-between; }
html[data-theme="dark"] .dark-active-content-between:active { align-content: space-between; }
.disabled-content-between:disabled { align-content: space-between; }
html[data-theme="dark"] .dark-disabled-content-between:disabled { align-content: space-between; }
.focus-visible-content-between:focus-visible { align-content: space-between; }
html[data-theme="dark"] .dark-focus-visible-content-between:focus-visible { align-content: space-between; }
.focus-within-content-between:focus-within { align-content: space-between; }
html[data-theme="dark"] .dark-focus-within-content-between:focus-within { align-content: space-between; }
.group:hover .group-hover-content-between { align-content: space-between; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-between { align-content: space-between; }
.content-around { align-content: space-around; }
html[data-theme="dark"] .dark-content-around { align-content: space-around; }
.hover-content-around:hover { align-content: space-around; }
html[data-theme="dark"] .dark-hover-content-around:hover { align-content: space-around; }
.focus-content-around:focus { align-content: space-around; }
html[data-theme="dark"] .dark-focus-content-around:focus { align-content: space-around; }
.active-content-around:active { align-content: space-around; }
html[data-theme="dark"] .dark-active-content-around:active { align-content: space-around; }
.disabled-content-around:disabled { align-content: space-around; }
html[data-theme="dark"] .dark-disabled-content-around:disabled { align-content: space-around; }
.focus-visible-content-around:focus-visible { align-content: space-around; }
html[data-theme="dark"] .dark-focus-visible-content-around:focus-visible { align-content: space-around; }
.focus-within-content-around:focus-within { align-content: space-around; }
html[data-theme="dark"] .dark-focus-within-content-around:focus-within { align-content: space-around; }
.group:hover .group-hover-content-around { align-content: space-around; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }
html[data-theme="dark"] .dark-content-evenly { align-content: space-evenly; }
.hover-content-evenly:hover { align-content: space-evenly; }
html[data-theme="dark"] .dark-hover-content-evenly:hover { align-content: space-evenly; }
.focus-content-evenly:focus { align-content: space-evenly; }
html[data-theme="dark"] .dark-focus-content-evenly:focus { align-content: space-evenly; }
.active-content-evenly:active { align-content: space-evenly; }
html[data-theme="dark"] .dark-active-content-evenly:active { align-content: space-evenly; }
.disabled-content-evenly:disabled { align-content: space-evenly; }
html[data-theme="dark"] .dark-disabled-content-evenly:disabled { align-content: space-evenly; }
.focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
html[data-theme="dark"] .dark-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
.focus-within-content-evenly:focus-within { align-content: space-evenly; }
html[data-theme="dark"] .dark-focus-within-content-evenly:focus-within { align-content: space-evenly; }
.group:hover .group-hover-content-evenly { align-content: space-evenly; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-evenly { align-content: space-evenly; }
.self-auto { align-self: auto; }
html[data-theme="dark"] .dark-self-auto { align-self: auto; }
.hover-self-auto:hover { align-self: auto; }
html[data-theme="dark"] .dark-hover-self-auto:hover { align-self: auto; }
.focus-self-auto:focus { align-self: auto; }
html[data-theme="dark"] .dark-focus-self-auto:focus { align-self: auto; }
.active-self-auto:active { align-self: auto; }
html[data-theme="dark"] .dark-active-self-auto:active { align-self: auto; }
.disabled-self-auto:disabled { align-self: auto; }
html[data-theme="dark"] .dark-disabled-self-auto:disabled { align-self: auto; }
.focus-visible-self-auto:focus-visible { align-self: auto; }
html[data-theme="dark"] .dark-focus-visible-self-auto:focus-visible { align-self: auto; }
.focus-within-self-auto:focus-within { align-self: auto; }
html[data-theme="dark"] .dark-focus-within-self-auto:focus-within { align-self: auto; }
.group:hover .group-hover-self-auto { align-self: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
html[data-theme="dark"] .dark-self-start { align-self: flex-start; }
.hover-self-start:hover { align-self: flex-start; }
html[data-theme="dark"] .dark-hover-self-start:hover { align-self: flex-start; }
.focus-self-start:focus { align-self: flex-start; }
html[data-theme="dark"] .dark-focus-self-start:focus { align-self: flex-start; }
.active-self-start:active { align-self: flex-start; }
html[data-theme="dark"] .dark-active-self-start:active { align-self: flex-start; }
.disabled-self-start:disabled { align-self: flex-start; }
html[data-theme="dark"] .dark-disabled-self-start:disabled { align-self: flex-start; }
.focus-visible-self-start:focus-visible { align-self: flex-start; }
html[data-theme="dark"] .dark-focus-visible-self-start:focus-visible { align-self: flex-start; }
.focus-within-self-start:focus-within { align-self: flex-start; }
html[data-theme="dark"] .dark-focus-within-self-start:focus-within { align-self: flex-start; }
.group:hover .group-hover-self-start { align-self: flex-start; }
html[data-theme="dark"] .group:hover .dark-group-hover-self-start { align-self: flex-start; }
.self-center { align-self: center; }
html[data-theme="dark"] .dark-self-center { align-self: center; }
.hover-self-center:hover { align-self: center; }
html[data-theme="dark"] .dark-hover-self-center:hover { align-self: center; }
.focus-self-center:focus { align-self: center; }
html[data-theme="dark"] .dark-focus-self-center:focus { align-self: center; }
.active-self-center:active { align-self: center; }
html[data-theme="dark"] .dark-active-self-center:active { align-self: center; }
.disabled-self-center:disabled { align-self: center; }
html[data-theme="dark"] .dark-disabled-self-center:disabled { align-self: center; }
.focus-visible-self-center:focus-visible { align-self: center; }
html[data-theme="dark"] .dark-focus-visible-self-center:focus-visible { align-self: center; }
.focus-within-self-center:focus-within { align-self: center; }
html[data-theme="dark"] .dark-focus-within-self-center:focus-within { align-self: center; }
.group:hover .group-hover-self-center { align-self: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-self-center { align-self: center; }
.self-end { align-self: flex-end; }
html[data-theme="dark"] .dark-self-end { align-self: flex-end; }
.hover-self-end:hover { align-self: flex-end; }
html[data-theme="dark"] .dark-hover-self-end:hover { align-self: flex-end; }
.focus-self-end:focus { align-self: flex-end; }
html[data-theme="dark"] .dark-focus-self-end:focus { align-self: flex-end; }
.active-self-end:active { align-self: flex-end; }
html[data-theme="dark"] .dark-active-self-end:active { align-self: flex-end; }
.disabled-self-end:disabled { align-self: flex-end; }
html[data-theme="dark"] .dark-disabled-self-end:disabled { align-self: flex-end; }
.focus-visible-self-end:focus-visible { align-self: flex-end; }
html[data-theme="dark"] .dark-focus-visible-self-end:focus-visible { align-self: flex-end; }
.focus-within-self-end:focus-within { align-self: flex-end; }
html[data-theme="dark"] .dark-focus-within-self-end:focus-within { align-self: flex-end; }
.group:hover .group-hover-self-end { align-self: flex-end; }
html[data-theme="dark"] .group:hover .dark-group-hover-self-end { align-self: flex-end; }
.self-stretch { align-self: stretch; }
html[data-theme="dark"] .dark-self-stretch { align-self: stretch; }
.hover-self-stretch:hover { align-self: stretch; }
html[data-theme="dark"] .dark-hover-self-stretch:hover { align-self: stretch; }
.focus-self-stretch:focus { align-self: stretch; }
html[data-theme="dark"] .dark-focus-self-stretch:focus { align-self: stretch; }
.active-self-stretch:active { align-self: stretch; }
html[data-theme="dark"] .dark-active-self-stretch:active { align-self: stretch; }
.disabled-self-stretch:disabled { align-self: stretch; }
html[data-theme="dark"] .dark-disabled-self-stretch:disabled { align-self: stretch; }
.focus-visible-self-stretch:focus-visible { align-self: stretch; }
html[data-theme="dark"] .dark-focus-visible-self-stretch:focus-visible { align-self: stretch; }
.focus-within-self-stretch:focus-within { align-self: stretch; }
html[data-theme="dark"] .dark-focus-within-self-stretch:focus-within { align-self: stretch; }
.group:hover .group-hover-self-stretch { align-self: stretch; }
html[data-theme="dark"] .group:hover .dark-group-hover-self-stretch { align-self: stretch; }
.place-items-start { place-items: start; }
html[data-theme="dark"] .dark-place-items-start { place-items: start; }
.hover-place-items-start:hover { place-items: start; }
html[data-theme="dark"] .dark-hover-place-items-start:hover { place-items: start; }
.focus-place-items-start:focus { place-items: start; }
html[data-theme="dark"] .dark-focus-place-items-start:focus { place-items: start; }
.active-place-items-start:active { place-items: start; }
html[data-theme="dark"] .dark-active-place-items-start:active { place-items: start; }
.disabled-place-items-start:disabled { place-items: start; }
html[data-theme="dark"] .dark-disabled-place-items-start:disabled { place-items: start; }
.focus-visible-place-items-start:focus-visible { place-items: start; }
html[data-theme="dark"] .dark-focus-visible-place-items-start:focus-visible { place-items: start; }
.focus-within-place-items-start:focus-within { place-items: start; }
html[data-theme="dark"] .dark-focus-within-place-items-start:focus-within { place-items: start; }
.group:hover .group-hover-place-items-start { place-items: start; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-items-start { place-items: start; }
.place-items-center { place-items: center; }
html[data-theme="dark"] .dark-place-items-center { place-items: center; }
.hover-place-items-center:hover { place-items: center; }
html[data-theme="dark"] .dark-hover-place-items-center:hover { place-items: center; }
.focus-place-items-center:focus { place-items: center; }
html[data-theme="dark"] .dark-focus-place-items-center:focus { place-items: center; }
.active-place-items-center:active { place-items: center; }
html[data-theme="dark"] .dark-active-place-items-center:active { place-items: center; }
.disabled-place-items-center:disabled { place-items: center; }
html[data-theme="dark"] .dark-disabled-place-items-center:disabled { place-items: center; }
.focus-visible-place-items-center:focus-visible { place-items: center; }
html[data-theme="dark"] .dark-focus-visible-place-items-center:focus-visible { place-items: center; }
.focus-within-place-items-center:focus-within { place-items: center; }
html[data-theme="dark"] .dark-focus-within-place-items-center:focus-within { place-items: center; }
.group:hover .group-hover-place-items-center { place-items: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-items-center { place-items: center; }
.place-items-end { place-items: end; }
html[data-theme="dark"] .dark-place-items-end { place-items: end; }
.hover-place-items-end:hover { place-items: end; }
html[data-theme="dark"] .dark-hover-place-items-end:hover { place-items: end; }
.focus-place-items-end:focus { place-items: end; }
html[data-theme="dark"] .dark-focus-place-items-end:focus { place-items: end; }
.active-place-items-end:active { place-items: end; }
html[data-theme="dark"] .dark-active-place-items-end:active { place-items: end; }
.disabled-place-items-end:disabled { place-items: end; }
html[data-theme="dark"] .dark-disabled-place-items-end:disabled { place-items: end; }
.focus-visible-place-items-end:focus-visible { place-items: end; }
html[data-theme="dark"] .dark-focus-visible-place-items-end:focus-visible { place-items: end; }
.focus-within-place-items-end:focus-within { place-items: end; }
html[data-theme="dark"] .dark-focus-within-place-items-end:focus-within { place-items: end; }
.group:hover .group-hover-place-items-end { place-items: end; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-items-end { place-items: end; }
.place-items-stretch { place-items: stretch; }
html[data-theme="dark"] .dark-place-items-stretch { place-items: stretch; }
.hover-place-items-stretch:hover { place-items: stretch; }
html[data-theme="dark"] .dark-hover-place-items-stretch:hover { place-items: stretch; }
.focus-place-items-stretch:focus { place-items: stretch; }
html[data-theme="dark"] .dark-focus-place-items-stretch:focus { place-items: stretch; }
.active-place-items-stretch:active { place-items: stretch; }
html[data-theme="dark"] .dark-active-place-items-stretch:active { place-items: stretch; }
.disabled-place-items-stretch:disabled { place-items: stretch; }
html[data-theme="dark"] .dark-disabled-place-items-stretch:disabled { place-items: stretch; }
.focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
html[data-theme="dark"] .dark-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
.focus-within-place-items-stretch:focus-within { place-items: stretch; }
html[data-theme="dark"] .dark-focus-within-place-items-stretch:focus-within { place-items: stretch; }
.group:hover .group-hover-place-items-stretch { place-items: stretch; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-items-stretch { place-items: stretch; }
.place-content-start { place-content: start; }
html[data-theme="dark"] .dark-place-content-start { place-content: start; }
.hover-place-content-start:hover { place-content: start; }
html[data-theme="dark"] .dark-hover-place-content-start:hover { place-content: start; }
.focus-place-content-start:focus { place-content: start; }
html[data-theme="dark"] .dark-focus-place-content-start:focus { place-content: start; }
.active-place-content-start:active { place-content: start; }
html[data-theme="dark"] .dark-active-place-content-start:active { place-content: start; }
.disabled-place-content-start:disabled { place-content: start; }
html[data-theme="dark"] .dark-disabled-place-content-start:disabled { place-content: start; }
.focus-visible-place-content-start:focus-visible { place-content: start; }
html[data-theme="dark"] .dark-focus-visible-place-content-start:focus-visible { place-content: start; }
.focus-within-place-content-start:focus-within { place-content: start; }
html[data-theme="dark"] .dark-focus-within-place-content-start:focus-within { place-content: start; }
.group:hover .group-hover-place-content-start { place-content: start; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-content-start { place-content: start; }
.place-content-center { place-content: center; }
html[data-theme="dark"] .dark-place-content-center { place-content: center; }
.hover-place-content-center:hover { place-content: center; }
html[data-theme="dark"] .dark-hover-place-content-center:hover { place-content: center; }
.focus-place-content-center:focus { place-content: center; }
html[data-theme="dark"] .dark-focus-place-content-center:focus { place-content: center; }
.active-place-content-center:active { place-content: center; }
html[data-theme="dark"] .dark-active-place-content-center:active { place-content: center; }
.disabled-place-content-center:disabled { place-content: center; }
html[data-theme="dark"] .dark-disabled-place-content-center:disabled { place-content: center; }
.focus-visible-place-content-center:focus-visible { place-content: center; }
html[data-theme="dark"] .dark-focus-visible-place-content-center:focus-visible { place-content: center; }
.focus-within-place-content-center:focus-within { place-content: center; }
html[data-theme="dark"] .dark-focus-within-place-content-center:focus-within { place-content: center; }
.group:hover .group-hover-place-content-center { place-content: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-content-center { place-content: center; }
.place-content-end { place-content: end; }
html[data-theme="dark"] .dark-place-content-end { place-content: end; }
.hover-place-content-end:hover { place-content: end; }
html[data-theme="dark"] .dark-hover-place-content-end:hover { place-content: end; }
.focus-place-content-end:focus { place-content: end; }
html[data-theme="dark"] .dark-focus-place-content-end:focus { place-content: end; }
.active-place-content-end:active { place-content: end; }
html[data-theme="dark"] .dark-active-place-content-end:active { place-content: end; }
.disabled-place-content-end:disabled { place-content: end; }
html[data-theme="dark"] .dark-disabled-place-content-end:disabled { place-content: end; }
.focus-visible-place-content-end:focus-visible { place-content: end; }
html[data-theme="dark"] .dark-focus-visible-place-content-end:focus-visible { place-content: end; }
.focus-within-place-content-end:focus-within { place-content: end; }
html[data-theme="dark"] .dark-focus-within-place-content-end:focus-within { place-content: end; }
.group:hover .group-hover-place-content-end { place-content: end; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-content-end { place-content: end; }
.place-content-between { place-content: space-between; }
html[data-theme="dark"] .dark-place-content-between { place-content: space-between; }
.hover-place-content-between:hover { place-content: space-between; }
html[data-theme="dark"] .dark-hover-place-content-between:hover { place-content: space-between; }
.focus-place-content-between:focus { place-content: space-between; }
html[data-theme="dark"] .dark-focus-place-content-between:focus { place-content: space-between; }
.active-place-content-between:active { place-content: space-between; }
html[data-theme="dark"] .dark-active-place-content-between:active { place-content: space-between; }
.disabled-place-content-between:disabled { place-content: space-between; }
html[data-theme="dark"] .dark-disabled-place-content-between:disabled { place-content: space-between; }
.focus-visible-place-content-between:focus-visible { place-content: space-between; }
html[data-theme="dark"] .dark-focus-visible-place-content-between:focus-visible { place-content: space-between; }
.focus-within-place-content-between:focus-within { place-content: space-between; }
html[data-theme="dark"] .dark-focus-within-place-content-between:focus-within { place-content: space-between; }
.group:hover .group-hover-place-content-between { place-content: space-between; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
html[data-theme="dark"] .dark-place-content-around { place-content: space-around; }
.hover-place-content-around:hover { place-content: space-around; }
html[data-theme="dark"] .dark-hover-place-content-around:hover { place-content: space-around; }
.focus-place-content-around:focus { place-content: space-around; }
html[data-theme="dark"] .dark-focus-place-content-around:focus { place-content: space-around; }
.active-place-content-around:active { place-content: space-around; }
html[data-theme="dark"] .dark-active-place-content-around:active { place-content: space-around; }
.disabled-place-content-around:disabled { place-content: space-around; }
html[data-theme="dark"] .dark-disabled-place-content-around:disabled { place-content: space-around; }
.focus-visible-place-content-around:focus-visible { place-content: space-around; }
html[data-theme="dark"] .dark-focus-visible-place-content-around:focus-visible { place-content: space-around; }
.focus-within-place-content-around:focus-within { place-content: space-around; }
html[data-theme="dark"] .dark-focus-within-place-content-around:focus-within { place-content: space-around; }
.group:hover .group-hover-place-content-around { place-content: space-around; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-content-around { place-content: space-around; }
.place-self-auto { place-self: auto; }
html[data-theme="dark"] .dark-place-self-auto { place-self: auto; }
.hover-place-self-auto:hover { place-self: auto; }
html[data-theme="dark"] .dark-hover-place-self-auto:hover { place-self: auto; }
.focus-place-self-auto:focus { place-self: auto; }
html[data-theme="dark"] .dark-focus-place-self-auto:focus { place-self: auto; }
.active-place-self-auto:active { place-self: auto; }
html[data-theme="dark"] .dark-active-place-self-auto:active { place-self: auto; }
.disabled-place-self-auto:disabled { place-self: auto; }
html[data-theme="dark"] .dark-disabled-place-self-auto:disabled { place-self: auto; }
.focus-visible-place-self-auto:focus-visible { place-self: auto; }
html[data-theme="dark"] .dark-focus-visible-place-self-auto:focus-visible { place-self: auto; }
.focus-within-place-self-auto:focus-within { place-self: auto; }
html[data-theme="dark"] .dark-focus-within-place-self-auto:focus-within { place-self: auto; }
.group:hover .group-hover-place-self-auto { place-self: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-self-auto { place-self: auto; }
.place-self-start { place-self: start; }
html[data-theme="dark"] .dark-place-self-start { place-self: start; }
.hover-place-self-start:hover { place-self: start; }
html[data-theme="dark"] .dark-hover-place-self-start:hover { place-self: start; }
.focus-place-self-start:focus { place-self: start; }
html[data-theme="dark"] .dark-focus-place-self-start:focus { place-self: start; }
.active-place-self-start:active { place-self: start; }
html[data-theme="dark"] .dark-active-place-self-start:active { place-self: start; }
.disabled-place-self-start:disabled { place-self: start; }
html[data-theme="dark"] .dark-disabled-place-self-start:disabled { place-self: start; }
.focus-visible-place-self-start:focus-visible { place-self: start; }
html[data-theme="dark"] .dark-focus-visible-place-self-start:focus-visible { place-self: start; }
.focus-within-place-self-start:focus-within { place-self: start; }
html[data-theme="dark"] .dark-focus-within-place-self-start:focus-within { place-self: start; }
.group:hover .group-hover-place-self-start { place-self: start; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-self-start { place-self: start; }
.place-self-center { place-self: center; }
html[data-theme="dark"] .dark-place-self-center { place-self: center; }
.hover-place-self-center:hover { place-self: center; }
html[data-theme="dark"] .dark-hover-place-self-center:hover { place-self: center; }
.focus-place-self-center:focus { place-self: center; }
html[data-theme="dark"] .dark-focus-place-self-center:focus { place-self: center; }
.active-place-self-center:active { place-self: center; }
html[data-theme="dark"] .dark-active-place-self-center:active { place-self: center; }
.disabled-place-self-center:disabled { place-self: center; }
html[data-theme="dark"] .dark-disabled-place-self-center:disabled { place-self: center; }
.focus-visible-place-self-center:focus-visible { place-self: center; }
html[data-theme="dark"] .dark-focus-visible-place-self-center:focus-visible { place-self: center; }
.focus-within-place-self-center:focus-within { place-self: center; }
html[data-theme="dark"] .dark-focus-within-place-self-center:focus-within { place-self: center; }
.group:hover .group-hover-place-self-center { place-self: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-self-center { place-self: center; }
.place-self-end { place-self: end; }
html[data-theme="dark"] .dark-place-self-end { place-self: end; }
.hover-place-self-end:hover { place-self: end; }
html[data-theme="dark"] .dark-hover-place-self-end:hover { place-self: end; }
.focus-place-self-end:focus { place-self: end; }
html[data-theme="dark"] .dark-focus-place-self-end:focus { place-self: end; }
.active-place-self-end:active { place-self: end; }
html[data-theme="dark"] .dark-active-place-self-end:active { place-self: end; }
.disabled-place-self-end:disabled { place-self: end; }
html[data-theme="dark"] .dark-disabled-place-self-end:disabled { place-self: end; }
.focus-visible-place-self-end:focus-visible { place-self: end; }
html[data-theme="dark"] .dark-focus-visible-place-self-end:focus-visible { place-self: end; }
.focus-within-place-self-end:focus-within { place-self: end; }
html[data-theme="dark"] .dark-focus-within-place-self-end:focus-within { place-self: end; }
.group:hover .group-hover-place-self-end { place-self: end; }
html[data-theme="dark"] .group:hover .dark-group-hover-place-self-end { place-self: end; }
.text-uppercase { text-transform: uppercase; }
html[data-theme="dark"] .dark-text-uppercase { text-transform: uppercase; }
.hover-text-uppercase:hover { text-transform: uppercase; }
html[data-theme="dark"] .dark-hover-text-uppercase:hover { text-transform: uppercase; }
.focus-text-uppercase:focus { text-transform: uppercase; }
html[data-theme="dark"] .dark-focus-text-uppercase:focus { text-transform: uppercase; }
.active-text-uppercase:active { text-transform: uppercase; }
html[data-theme="dark"] .dark-active-text-uppercase:active { text-transform: uppercase; }
.disabled-text-uppercase:disabled { text-transform: uppercase; }
html[data-theme="dark"] .dark-disabled-text-uppercase:disabled { text-transform: uppercase; }
.focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
html[data-theme="dark"] .dark-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
.focus-within-text-uppercase:focus-within { text-transform: uppercase; }
html[data-theme="dark"] .dark-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
.group:hover .group-hover-text-uppercase { text-transform: uppercase; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
html[data-theme="dark"] .dark-text-lowercase { text-transform: lowercase; }
.hover-text-lowercase:hover { text-transform: lowercase; }
html[data-theme="dark"] .dark-hover-text-lowercase:hover { text-transform: lowercase; }
.focus-text-lowercase:focus { text-transform: lowercase; }
html[data-theme="dark"] .dark-focus-text-lowercase:focus { text-transform: lowercase; }
.active-text-lowercase:active { text-transform: lowercase; }
html[data-theme="dark"] .dark-active-text-lowercase:active { text-transform: lowercase; }
.disabled-text-lowercase:disabled { text-transform: lowercase; }
html[data-theme="dark"] .dark-disabled-text-lowercase:disabled { text-transform: lowercase; }
.focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
html[data-theme="dark"] .dark-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
.focus-within-text-lowercase:focus-within { text-transform: lowercase; }
html[data-theme="dark"] .dark-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
.group:hover .group-hover-text-lowercase { text-transform: lowercase; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }
html[data-theme="dark"] .dark-text-capitalize { text-transform: capitalize; }
.hover-text-capitalize:hover { text-transform: capitalize; }
html[data-theme="dark"] .dark-hover-text-capitalize:hover { text-transform: capitalize; }
.focus-text-capitalize:focus { text-transform: capitalize; }
html[data-theme="dark"] .dark-focus-text-capitalize:focus { text-transform: capitalize; }
.active-text-capitalize:active { text-transform: capitalize; }
html[data-theme="dark"] .dark-active-text-capitalize:active { text-transform: capitalize; }
.disabled-text-capitalize:disabled { text-transform: capitalize; }
html[data-theme="dark"] .dark-disabled-text-capitalize:disabled { text-transform: capitalize; }
.focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
html[data-theme="dark"] .dark-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
.focus-within-text-capitalize:focus-within { text-transform: capitalize; }
html[data-theme="dark"] .dark-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
.group:hover .group-hover-text-capitalize { text-transform: capitalize; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-capitalize { text-transform: capitalize; }
.tracking-tight { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-tracking-tight { letter-spacing: -0.05em; }
.hover-tracking-tight:hover { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.focus-tracking-tight:focus { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.active-tracking-tight:active { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-active-tracking-tight:active { letter-spacing: -0.05em; }
.disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
.focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
html[data-theme="dark"] .dark-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
.group:hover .group-hover-tracking-tight { letter-spacing: -0.05em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-tight { letter-spacing: -0.05em; }
.tracking-normal { letter-spacing: 0; }
html[data-theme="dark"] .dark-tracking-normal { letter-spacing: 0; }
.hover-tracking-normal:hover { letter-spacing: 0; }
html[data-theme="dark"] .dark-hover-tracking-normal:hover { letter-spacing: 0; }
.focus-tracking-normal:focus { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-tracking-normal:focus { letter-spacing: 0; }
.active-tracking-normal:active { letter-spacing: 0; }
html[data-theme="dark"] .dark-active-tracking-normal:active { letter-spacing: 0; }
.disabled-tracking-normal:disabled { letter-spacing: 0; }
html[data-theme="dark"] .dark-disabled-tracking-normal:disabled { letter-spacing: 0; }
.focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
.focus-within-tracking-normal:focus-within { letter-spacing: 0; }
html[data-theme="dark"] .dark-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
.group:hover .group-hover-tracking-normal { letter-spacing: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-tracking-wide { letter-spacing: 0.05em; }
.hover-tracking-wide:hover { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.focus-tracking-wide:focus { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.active-tracking-wide:active { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-active-tracking-wide:active { letter-spacing: 0.05em; }
.disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
.focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
html[data-theme="dark"] .dark-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
.group:hover .group-hover-tracking-wide { letter-spacing: 0.05em; }
html[data-theme="dark"] .group:hover .dark-group-hover-tracking-wide { letter-spacing: 0.05em; }
.underline { text-decoration: underline; }
html[data-theme="dark"] .dark-underline { text-decoration: underline; }
.hover-underline:hover { text-decoration: underline; }
html[data-theme="dark"] .dark-hover-underline:hover { text-decoration: underline; }
.focus-underline:focus { text-decoration: underline; }
html[data-theme="dark"] .dark-focus-underline:focus { text-decoration: underline; }
.active-underline:active { text-decoration: underline; }
html[data-theme="dark"] .dark-active-underline:active { text-decoration: underline; }
.disabled-underline:disabled { text-decoration: underline; }
html[data-theme="dark"] .dark-disabled-underline:disabled { text-decoration: underline; }
.focus-visible-underline:focus-visible { text-decoration: underline; }
html[data-theme="dark"] .dark-focus-visible-underline:focus-visible { text-decoration: underline; }
.focus-within-underline:focus-within { text-decoration: underline; }
html[data-theme="dark"] .dark-focus-within-underline:focus-within { text-decoration: underline; }
.group:hover .group-hover-underline { text-decoration: underline; }
html[data-theme="dark"] .group:hover .dark-group-hover-underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }
html[data-theme="dark"] .dark-line-through { text-decoration: line-through; }
.hover-line-through:hover { text-decoration: line-through; }
html[data-theme="dark"] .dark-hover-line-through:hover { text-decoration: line-through; }
.focus-line-through:focus { text-decoration: line-through; }
html[data-theme="dark"] .dark-focus-line-through:focus { text-decoration: line-through; }
.active-line-through:active { text-decoration: line-through; }
html[data-theme="dark"] .dark-active-line-through:active { text-decoration: line-through; }
.disabled-line-through:disabled { text-decoration: line-through; }
html[data-theme="dark"] .dark-disabled-line-through:disabled { text-decoration: line-through; }
.focus-visible-line-through:focus-visible { text-decoration: line-through; }
html[data-theme="dark"] .dark-focus-visible-line-through:focus-visible { text-decoration: line-through; }
.focus-within-line-through:focus-within { text-decoration: line-through; }
html[data-theme="dark"] .dark-focus-within-line-through:focus-within { text-decoration: line-through; }
.group:hover .group-hover-line-through { text-decoration: line-through; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-through { text-decoration: line-through; }
.no-underline { text-decoration: none; }
html[data-theme="dark"] .dark-no-underline { text-decoration: none; }
.hover-no-underline:hover { text-decoration: none; }
html[data-theme="dark"] .dark-hover-no-underline:hover { text-decoration: none; }
.focus-no-underline:focus { text-decoration: none; }
html[data-theme="dark"] .dark-focus-no-underline:focus { text-decoration: none; }
.active-no-underline:active { text-decoration: none; }
html[data-theme="dark"] .dark-active-no-underline:active { text-decoration: none; }
.disabled-no-underline:disabled { text-decoration: none; }
html[data-theme="dark"] .dark-disabled-no-underline:disabled { text-decoration: none; }
.focus-visible-no-underline:focus-visible { text-decoration: none; }
html[data-theme="dark"] .dark-focus-visible-no-underline:focus-visible { text-decoration: none; }
.focus-within-no-underline:focus-within { text-decoration: none; }
html[data-theme="dark"] .dark-focus-within-no-underline:focus-within { text-decoration: none; }
.group:hover .group-hover-no-underline { text-decoration: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-no-underline { text-decoration: none; }
.text-black { color: var(--black); }
html[data-theme="dark"] .dark-text-black { color: var(--black); }
.hover-text-black:hover { color: var(--black); }
html[data-theme="dark"] .dark-hover-text-black:hover { color: var(--black); }
.focus-text-black:focus { color: var(--black); }
html[data-theme="dark"] .dark-focus-text-black:focus { color: var(--black); }
.active-text-black:active { color: var(--black); }
html[data-theme="dark"] .dark-active-text-black:active { color: var(--black); }
.disabled-text-black:disabled { color: var(--black); }
html[data-theme="dark"] .dark-disabled-text-black:disabled { color: var(--black); }
.focus-visible-text-black:focus-visible { color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-text-black:focus-visible { color: var(--black); }
.focus-within-text-black:focus-within { color: var(--black); }
html[data-theme="dark"] .dark-focus-within-text-black:focus-within { color: var(--black); }
.group:hover .group-hover-text-black { color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-black { color: var(--black); }
.text-white { color: var(--white); }
html[data-theme="dark"] .dark-text-white { color: var(--white); }
.hover-text-white:hover { color: var(--white); }
html[data-theme="dark"] .dark-hover-text-white:hover { color: var(--white); }
.focus-text-white:focus { color: var(--white); }
html[data-theme="dark"] .dark-focus-text-white:focus { color: var(--white); }
.active-text-white:active { color: var(--white); }
html[data-theme="dark"] .dark-active-text-white:active { color: var(--white); }
.disabled-text-white:disabled { color: var(--white); }
html[data-theme="dark"] .dark-disabled-text-white:disabled { color: var(--white); }
.focus-visible-text-white:focus-visible { color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-text-white:focus-visible { color: var(--white); }
.focus-within-text-white:focus-within { color: var(--white); }
html[data-theme="dark"] .dark-focus-within-text-white:focus-within { color: var(--white); }
.group:hover .group-hover-text-white { color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-white { color: var(--white); }
.text-red-50 { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-text-red-50 { color: var(--quanta-red-50); }
.hover-text-red-50:hover { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-text-red-50:hover { color: var(--quanta-red-50); }
.focus-text-red-50:focus { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-text-red-50:focus { color: var(--quanta-red-50); }
.active-text-red-50:active { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-text-red-50:active { color: var(--quanta-red-50); }
.disabled-text-red-50:disabled { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
.focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
.group:hover .group-hover-text-red-50 { color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-50 { color: var(--quanta-red-50); }
.text-red-100 { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-text-red-100 { color: var(--quanta-red-100); }
.hover-text-red-100:hover { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-text-red-100:hover { color: var(--quanta-red-100); }
.focus-text-red-100:focus { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-text-red-100:focus { color: var(--quanta-red-100); }
.active-text-red-100:active { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-text-red-100:active { color: var(--quanta-red-100); }
.disabled-text-red-100:disabled { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
.focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
.group:hover .group-hover-text-red-100 { color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-100 { color: var(--quanta-red-100); }
.text-red-200 { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-text-red-200 { color: var(--quanta-red-200); }
.hover-text-red-200:hover { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-text-red-200:hover { color: var(--quanta-red-200); }
.focus-text-red-200:focus { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-text-red-200:focus { color: var(--quanta-red-200); }
.active-text-red-200:active { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-text-red-200:active { color: var(--quanta-red-200); }
.disabled-text-red-200:disabled { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
.focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
.group:hover .group-hover-text-red-200 { color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-200 { color: var(--quanta-red-200); }
.text-red-300 { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-text-red-300 { color: var(--quanta-red-300); }
.hover-text-red-300:hover { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-text-red-300:hover { color: var(--quanta-red-300); }
.focus-text-red-300:focus { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-text-red-300:focus { color: var(--quanta-red-300); }
.active-text-red-300:active { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-text-red-300:active { color: var(--quanta-red-300); }
.disabled-text-red-300:disabled { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
.focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
.group:hover .group-hover-text-red-300 { color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-300 { color: var(--quanta-red-300); }
.text-red-400 { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-text-red-400 { color: var(--quanta-red-400); }
.hover-text-red-400:hover { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-text-red-400:hover { color: var(--quanta-red-400); }
.focus-text-red-400:focus { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-text-red-400:focus { color: var(--quanta-red-400); }
.active-text-red-400:active { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-text-red-400:active { color: var(--quanta-red-400); }
.disabled-text-red-400:disabled { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
.focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
.group:hover .group-hover-text-red-400 { color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-400 { color: var(--quanta-red-400); }
.text-red-500 { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-text-red-500 { color: var(--quanta-red-500); }
.hover-text-red-500:hover { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-text-red-500:hover { color: var(--quanta-red-500); }
.focus-text-red-500:focus { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-text-red-500:focus { color: var(--quanta-red-500); }
.active-text-red-500:active { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-text-red-500:active { color: var(--quanta-red-500); }
.disabled-text-red-500:disabled { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
.focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
.group:hover .group-hover-text-red-500 { color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-500 { color: var(--quanta-red-500); }
.text-red-600 { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-text-red-600 { color: var(--quanta-red-600); }
.hover-text-red-600:hover { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-text-red-600:hover { color: var(--quanta-red-600); }
.focus-text-red-600:focus { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-text-red-600:focus { color: var(--quanta-red-600); }
.active-text-red-600:active { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-text-red-600:active { color: var(--quanta-red-600); }
.disabled-text-red-600:disabled { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
.focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
.group:hover .group-hover-text-red-600 { color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-600 { color: var(--quanta-red-600); }
.text-red-700 { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-text-red-700 { color: var(--quanta-red-700); }
.hover-text-red-700:hover { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-text-red-700:hover { color: var(--quanta-red-700); }
.focus-text-red-700:focus { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-text-red-700:focus { color: var(--quanta-red-700); }
.active-text-red-700:active { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-text-red-700:active { color: var(--quanta-red-700); }
.disabled-text-red-700:disabled { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
.focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
.group:hover .group-hover-text-red-700 { color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-700 { color: var(--quanta-red-700); }
.text-red-800 { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-text-red-800 { color: var(--quanta-red-800); }
.hover-text-red-800:hover { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-text-red-800:hover { color: var(--quanta-red-800); }
.focus-text-red-800:focus { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-text-red-800:focus { color: var(--quanta-red-800); }
.active-text-red-800:active { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-text-red-800:active { color: var(--quanta-red-800); }
.disabled-text-red-800:disabled { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
.focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
.group:hover .group-hover-text-red-800 { color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-800 { color: var(--quanta-red-800); }
.text-red-900 { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-text-red-900 { color: var(--quanta-red-900); }
.hover-text-red-900:hover { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-text-red-900:hover { color: var(--quanta-red-900); }
.focus-text-red-900:focus { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-text-red-900:focus { color: var(--quanta-red-900); }
.active-text-red-900:active { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-text-red-900:active { color: var(--quanta-red-900); }
.disabled-text-red-900:disabled { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
.focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
.group:hover .group-hover-text-red-900 { color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-red-900 { color: var(--quanta-red-900); }
.text-orange-50 { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-text-orange-50 { color: var(--quanta-orange-50); }
.hover-text-orange-50:hover { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.focus-text-orange-50:focus { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.active-text-orange-50:active { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-text-orange-50:active { color: var(--quanta-orange-50); }
.disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
.focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
.group:hover .group-hover-text-orange-50 { color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
.text-orange-100 { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-text-orange-100 { color: var(--quanta-orange-100); }
.hover-text-orange-100:hover { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.focus-text-orange-100:focus { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.active-text-orange-100:active { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-text-orange-100:active { color: var(--quanta-orange-100); }
.disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
.focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
.group:hover .group-hover-text-orange-100 { color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
.text-orange-200 { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-text-orange-200 { color: var(--quanta-orange-200); }
.hover-text-orange-200:hover { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.focus-text-orange-200:focus { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.active-text-orange-200:active { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-text-orange-200:active { color: var(--quanta-orange-200); }
.disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
.focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
.group:hover .group-hover-text-orange-200 { color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
.text-orange-300 { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-text-orange-300 { color: var(--quanta-orange-300); }
.hover-text-orange-300:hover { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.focus-text-orange-300:focus { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.active-text-orange-300:active { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-text-orange-300:active { color: var(--quanta-orange-300); }
.disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
.focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
.group:hover .group-hover-text-orange-300 { color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
.text-orange-400 { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-text-orange-400 { color: var(--quanta-orange-400); }
.hover-text-orange-400:hover { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.focus-text-orange-400:focus { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.active-text-orange-400:active { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-text-orange-400:active { color: var(--quanta-orange-400); }
.disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
.focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
.group:hover .group-hover-text-orange-400 { color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
.text-orange-500 { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-text-orange-500 { color: var(--quanta-orange-500); }
.hover-text-orange-500:hover { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.focus-text-orange-500:focus { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.active-text-orange-500:active { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-text-orange-500:active { color: var(--quanta-orange-500); }
.disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
.focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
.group:hover .group-hover-text-orange-500 { color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
.text-orange-600 { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-text-orange-600 { color: var(--quanta-orange-600); }
.hover-text-orange-600:hover { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.focus-text-orange-600:focus { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.active-text-orange-600:active { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-text-orange-600:active { color: var(--quanta-orange-600); }
.disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
.focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
.group:hover .group-hover-text-orange-600 { color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
.text-orange-700 { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-text-orange-700 { color: var(--quanta-orange-700); }
.hover-text-orange-700:hover { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.focus-text-orange-700:focus { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.active-text-orange-700:active { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-text-orange-700:active { color: var(--quanta-orange-700); }
.disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
.focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
.group:hover .group-hover-text-orange-700 { color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
.text-orange-800 { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-text-orange-800 { color: var(--quanta-orange-800); }
.hover-text-orange-800:hover { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.focus-text-orange-800:focus { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.active-text-orange-800:active { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-text-orange-800:active { color: var(--quanta-orange-800); }
.disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
.focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
.group:hover .group-hover-text-orange-800 { color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
.text-orange-900 { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-text-orange-900 { color: var(--quanta-orange-900); }
.hover-text-orange-900:hover { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.focus-text-orange-900:focus { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.active-text-orange-900:active { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-text-orange-900:active { color: var(--quanta-orange-900); }
.disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
.focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
.group:hover .group-hover-text-orange-900 { color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
.text-teal-50 { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-text-teal-50 { color: var(--quanta-teal-50); }
.hover-text-teal-50:hover { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.focus-text-teal-50:focus { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.active-text-teal-50:active { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-text-teal-50:active { color: var(--quanta-teal-50); }
.disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
.focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
.group:hover .group-hover-text-teal-50 { color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
.text-teal-100 { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-text-teal-100 { color: var(--quanta-teal-100); }
.hover-text-teal-100:hover { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.focus-text-teal-100:focus { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.active-text-teal-100:active { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-text-teal-100:active { color: var(--quanta-teal-100); }
.disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
.focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
.group:hover .group-hover-text-teal-100 { color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
.text-teal-200 { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-text-teal-200 { color: var(--quanta-teal-200); }
.hover-text-teal-200:hover { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.focus-text-teal-200:focus { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.active-text-teal-200:active { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-text-teal-200:active { color: var(--quanta-teal-200); }
.disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
.focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
.group:hover .group-hover-text-teal-200 { color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
.text-teal-300 { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-text-teal-300 { color: var(--quanta-teal-300); }
.hover-text-teal-300:hover { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.focus-text-teal-300:focus { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.active-text-teal-300:active { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-text-teal-300:active { color: var(--quanta-teal-300); }
.disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
.focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
.group:hover .group-hover-text-teal-300 { color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
.text-teal-400 { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-text-teal-400 { color: var(--quanta-teal-400); }
.hover-text-teal-400:hover { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.focus-text-teal-400:focus { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.active-text-teal-400:active { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-text-teal-400:active { color: var(--quanta-teal-400); }
.disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
.focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
.group:hover .group-hover-text-teal-400 { color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
.text-teal-500 { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-text-teal-500 { color: var(--quanta-teal-500); }
.hover-text-teal-500:hover { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.focus-text-teal-500:focus { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.active-text-teal-500:active { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-text-teal-500:active { color: var(--quanta-teal-500); }
.disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
.focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
.group:hover .group-hover-text-teal-500 { color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
.text-teal-600 { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-text-teal-600 { color: var(--quanta-teal-600); }
.hover-text-teal-600:hover { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.focus-text-teal-600:focus { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.active-text-teal-600:active { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-text-teal-600:active { color: var(--quanta-teal-600); }
.disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
.focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
.group:hover .group-hover-text-teal-600 { color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
.text-teal-700 { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-text-teal-700 { color: var(--quanta-teal-700); }
.hover-text-teal-700:hover { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.focus-text-teal-700:focus { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.active-text-teal-700:active { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-text-teal-700:active { color: var(--quanta-teal-700); }
.disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
.focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
.group:hover .group-hover-text-teal-700 { color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
.text-teal-800 { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-text-teal-800 { color: var(--quanta-teal-800); }
.hover-text-teal-800:hover { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.focus-text-teal-800:focus { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.active-text-teal-800:active { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-text-teal-800:active { color: var(--quanta-teal-800); }
.disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
.focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
.group:hover .group-hover-text-teal-800 { color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
.text-teal-900 { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-text-teal-900 { color: var(--quanta-teal-900); }
.hover-text-teal-900:hover { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.focus-text-teal-900:focus { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.active-text-teal-900:active { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-text-teal-900:active { color: var(--quanta-teal-900); }
.disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
.focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
.group:hover .group-hover-text-teal-900 { color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
.text-purple-50 { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-text-purple-50 { color: var(--quanta-purple-50); }
.hover-text-purple-50:hover { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.focus-text-purple-50:focus { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.active-text-purple-50:active { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-text-purple-50:active { color: var(--quanta-purple-50); }
.disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
.focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
.group:hover .group-hover-text-purple-50 { color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
.text-purple-100 { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-text-purple-100 { color: var(--quanta-purple-100); }
.hover-text-purple-100:hover { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.focus-text-purple-100:focus { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.active-text-purple-100:active { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-text-purple-100:active { color: var(--quanta-purple-100); }
.disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
.focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
.group:hover .group-hover-text-purple-100 { color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
.text-purple-200 { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-text-purple-200 { color: var(--quanta-purple-200); }
.hover-text-purple-200:hover { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.focus-text-purple-200:focus { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.active-text-purple-200:active { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-text-purple-200:active { color: var(--quanta-purple-200); }
.disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
.focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
.group:hover .group-hover-text-purple-200 { color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
.text-purple-300 { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-text-purple-300 { color: var(--quanta-purple-300); }
.hover-text-purple-300:hover { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.focus-text-purple-300:focus { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.active-text-purple-300:active { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-text-purple-300:active { color: var(--quanta-purple-300); }
.disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
.focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
.group:hover .group-hover-text-purple-300 { color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
.text-purple-400 { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-text-purple-400 { color: var(--quanta-purple-400); }
.hover-text-purple-400:hover { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.focus-text-purple-400:focus { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.active-text-purple-400:active { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-text-purple-400:active { color: var(--quanta-purple-400); }
.disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
.focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
.group:hover .group-hover-text-purple-400 { color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
.text-purple-500 { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-text-purple-500 { color: var(--quanta-purple-500); }
.hover-text-purple-500:hover { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.focus-text-purple-500:focus { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.active-text-purple-500:active { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-text-purple-500:active { color: var(--quanta-purple-500); }
.disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
.focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
.group:hover .group-hover-text-purple-500 { color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
.text-purple-600 { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-text-purple-600 { color: var(--quanta-purple-600); }
.hover-text-purple-600:hover { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.focus-text-purple-600:focus { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.active-text-purple-600:active { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-text-purple-600:active { color: var(--quanta-purple-600); }
.disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
.focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
.group:hover .group-hover-text-purple-600 { color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
.text-purple-700 { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-text-purple-700 { color: var(--quanta-purple-700); }
.hover-text-purple-700:hover { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.focus-text-purple-700:focus { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.active-text-purple-700:active { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-text-purple-700:active { color: var(--quanta-purple-700); }
.disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
.focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
.group:hover .group-hover-text-purple-700 { color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
.text-purple-800 { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-text-purple-800 { color: var(--quanta-purple-800); }
.hover-text-purple-800:hover { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.focus-text-purple-800:focus { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.active-text-purple-800:active { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-text-purple-800:active { color: var(--quanta-purple-800); }
.disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
.focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
.group:hover .group-hover-text-purple-800 { color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
.text-purple-900 { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-text-purple-900 { color: var(--quanta-purple-900); }
.hover-text-purple-900:hover { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.focus-text-purple-900:focus { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.active-text-purple-900:active { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-text-purple-900:active { color: var(--quanta-purple-900); }
.disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
.focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
.group:hover .group-hover-text-purple-900 { color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
.text-indigo-50 { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-text-indigo-50 { color: var(--quanta-indigo-50); }
.hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.active-text-indigo-50:active { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
.focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
.group:hover .group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
.text-indigo-100 { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-text-indigo-100 { color: var(--quanta-indigo-100); }
.hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.active-text-indigo-100:active { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
.focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
.group:hover .group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
.text-indigo-200 { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-text-indigo-200 { color: var(--quanta-indigo-200); }
.hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.active-text-indigo-200:active { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
.focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
.group:hover .group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
.text-indigo-300 { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-text-indigo-300 { color: var(--quanta-indigo-300); }
.hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.active-text-indigo-300:active { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
.focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
.group:hover .group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
.text-indigo-400 { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-text-indigo-400 { color: var(--quanta-indigo-400); }
.hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.active-text-indigo-400:active { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
.focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
.group:hover .group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
.text-indigo-500 { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-text-indigo-500 { color: var(--quanta-indigo-500); }
.hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.active-text-indigo-500:active { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
.focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
.group:hover .group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
.text-indigo-600 { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-text-indigo-600 { color: var(--quanta-indigo-600); }
.hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.active-text-indigo-600:active { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
.focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
.group:hover .group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
.text-indigo-700 { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-text-indigo-700 { color: var(--quanta-indigo-700); }
.hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.active-text-indigo-700:active { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
.focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
.group:hover .group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
.text-indigo-800 { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-text-indigo-800 { color: var(--quanta-indigo-800); }
.hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.active-text-indigo-800:active { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
.focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
.group:hover .group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
.text-indigo-900 { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-text-indigo-900 { color: var(--quanta-indigo-900); }
.hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.active-text-indigo-900:active { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
.focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
.group:hover .group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
.text-yellow-50 { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-text-yellow-50 { color: var(--quanta-yellow-50); }
.hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.active-text-yellow-50:active { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
.focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
.group:hover .group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
.text-yellow-100 { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-text-yellow-100 { color: var(--quanta-yellow-100); }
.hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.active-text-yellow-100:active { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
.focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
.group:hover .group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
.text-yellow-200 { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-text-yellow-200 { color: var(--quanta-yellow-200); }
.hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.active-text-yellow-200:active { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
.focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
.group:hover .group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
.text-yellow-300 { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-text-yellow-300 { color: var(--quanta-yellow-300); }
.hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.active-text-yellow-300:active { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
.focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
.group:hover .group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
.text-yellow-400 { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-text-yellow-400 { color: var(--quanta-yellow-400); }
.hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.active-text-yellow-400:active { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
.focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
.group:hover .group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
.text-yellow-500 { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-text-yellow-500 { color: var(--quanta-yellow-500); }
.hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.active-text-yellow-500:active { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
.focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
.group:hover .group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
.text-yellow-600 { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-text-yellow-600 { color: var(--quanta-yellow-600); }
.hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.active-text-yellow-600:active { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
.focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
.group:hover .group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
.text-yellow-700 { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-text-yellow-700 { color: var(--quanta-yellow-700); }
.hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.active-text-yellow-700:active { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
.focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
.group:hover .group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
.text-yellow-800 { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-text-yellow-800 { color: var(--quanta-yellow-800); }
.hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.active-text-yellow-800:active { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
.focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
.group:hover .group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
.text-yellow-900 { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-text-yellow-900 { color: var(--quanta-yellow-900); }
.hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.active-text-yellow-900:active { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
.focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
.group:hover .group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
.text-pink-50 { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-text-pink-50 { color: var(--quanta-pink-50); }
.hover-text-pink-50:hover { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.focus-text-pink-50:focus { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.active-text-pink-50:active { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-text-pink-50:active { color: var(--quanta-pink-50); }
.disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
.focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
.group:hover .group-hover-text-pink-50 { color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
.text-pink-100 { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-text-pink-100 { color: var(--quanta-pink-100); }
.hover-text-pink-100:hover { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.focus-text-pink-100:focus { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.active-text-pink-100:active { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-text-pink-100:active { color: var(--quanta-pink-100); }
.disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
.focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
.group:hover .group-hover-text-pink-100 { color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
.text-pink-200 { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-text-pink-200 { color: var(--quanta-pink-200); }
.hover-text-pink-200:hover { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.focus-text-pink-200:focus { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.active-text-pink-200:active { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-text-pink-200:active { color: var(--quanta-pink-200); }
.disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
.focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
.group:hover .group-hover-text-pink-200 { color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
.text-pink-300 { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-text-pink-300 { color: var(--quanta-pink-300); }
.hover-text-pink-300:hover { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.focus-text-pink-300:focus { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.active-text-pink-300:active { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-text-pink-300:active { color: var(--quanta-pink-300); }
.disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
.focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
.group:hover .group-hover-text-pink-300 { color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
.text-pink-400 { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-text-pink-400 { color: var(--quanta-pink-400); }
.hover-text-pink-400:hover { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.focus-text-pink-400:focus { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.active-text-pink-400:active { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-text-pink-400:active { color: var(--quanta-pink-400); }
.disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
.focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
.group:hover .group-hover-text-pink-400 { color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
.text-pink-500 { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-text-pink-500 { color: var(--quanta-pink-500); }
.hover-text-pink-500:hover { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.focus-text-pink-500:focus { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.active-text-pink-500:active { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-text-pink-500:active { color: var(--quanta-pink-500); }
.disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
.focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
.group:hover .group-hover-text-pink-500 { color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
.text-pink-600 { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-text-pink-600 { color: var(--quanta-pink-600); }
.hover-text-pink-600:hover { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.focus-text-pink-600:focus { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.active-text-pink-600:active { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-text-pink-600:active { color: var(--quanta-pink-600); }
.disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
.focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
.group:hover .group-hover-text-pink-600 { color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
.text-pink-700 { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-text-pink-700 { color: var(--quanta-pink-700); }
.hover-text-pink-700:hover { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.focus-text-pink-700:focus { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.active-text-pink-700:active { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-text-pink-700:active { color: var(--quanta-pink-700); }
.disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
.focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
.group:hover .group-hover-text-pink-700 { color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
.text-pink-800 { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-text-pink-800 { color: var(--quanta-pink-800); }
.hover-text-pink-800:hover { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.focus-text-pink-800:focus { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.active-text-pink-800:active { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-text-pink-800:active { color: var(--quanta-pink-800); }
.disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
.focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
.group:hover .group-hover-text-pink-800 { color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
.text-pink-900 { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-text-pink-900 { color: var(--quanta-pink-900); }
.hover-text-pink-900:hover { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.focus-text-pink-900:focus { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.active-text-pink-900:active { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-text-pink-900:active { color: var(--quanta-pink-900); }
.disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
.focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
.group:hover .group-hover-text-pink-900 { color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
.text-grey-50 { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-text-grey-50 { color: var(--quanta-grey-50); }
.hover-text-grey-50:hover { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.focus-text-grey-50:focus { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.active-text-grey-50:active { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-text-grey-50:active { color: var(--quanta-grey-50); }
.disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
.focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
.group:hover .group-hover-text-grey-50 { color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
.text-grey-100 { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-text-grey-100 { color: var(--quanta-grey-100); }
.hover-text-grey-100:hover { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.focus-text-grey-100:focus { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.active-text-grey-100:active { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-text-grey-100:active { color: var(--quanta-grey-100); }
.disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
.focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
.group:hover .group-hover-text-grey-100 { color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
.text-grey-200 { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-text-grey-200 { color: var(--quanta-grey-200); }
.hover-text-grey-200:hover { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.focus-text-grey-200:focus { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.active-text-grey-200:active { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-text-grey-200:active { color: var(--quanta-grey-200); }
.disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
.focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
.group:hover .group-hover-text-grey-200 { color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
.text-grey-300 { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-text-grey-300 { color: var(--quanta-grey-300); }
.hover-text-grey-300:hover { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.focus-text-grey-300:focus { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.active-text-grey-300:active { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-text-grey-300:active { color: var(--quanta-grey-300); }
.disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
.focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
.group:hover .group-hover-text-grey-300 { color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
.text-grey-400 { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-text-grey-400 { color: var(--quanta-grey-400); }
.hover-text-grey-400:hover { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.focus-text-grey-400:focus { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.active-text-grey-400:active { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-text-grey-400:active { color: var(--quanta-grey-400); }
.disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
.focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
.group:hover .group-hover-text-grey-400 { color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
.text-grey-500 { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-text-grey-500 { color: var(--quanta-grey-500); }
.hover-text-grey-500:hover { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.focus-text-grey-500:focus { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.active-text-grey-500:active { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-text-grey-500:active { color: var(--quanta-grey-500); }
.disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
.focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
.group:hover .group-hover-text-grey-500 { color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
.text-grey-600 { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-text-grey-600 { color: var(--quanta-grey-600); }
.hover-text-grey-600:hover { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.focus-text-grey-600:focus { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.active-text-grey-600:active { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-text-grey-600:active { color: var(--quanta-grey-600); }
.disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
.focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
.group:hover .group-hover-text-grey-600 { color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
.text-grey-700 { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-text-grey-700 { color: var(--quanta-grey-700); }
.hover-text-grey-700:hover { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.focus-text-grey-700:focus { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.active-text-grey-700:active { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-text-grey-700:active { color: var(--quanta-grey-700); }
.disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
.focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
.group:hover .group-hover-text-grey-700 { color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
.text-grey-800 { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-text-grey-800 { color: var(--quanta-grey-800); }
.hover-text-grey-800:hover { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.focus-text-grey-800:focus { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.active-text-grey-800:active { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-text-grey-800:active { color: var(--quanta-grey-800); }
.disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
.focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
.group:hover .group-hover-text-grey-800 { color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
.text-grey-900 { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-text-grey-900 { color: var(--quanta-grey-900); }
.hover-text-grey-900:hover { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.focus-text-grey-900:focus { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.active-text-grey-900:active { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-text-grey-900:active { color: var(--quanta-grey-900); }
.disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
.focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
.group:hover .group-hover-text-grey-900 { color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
.text-zinc-50 { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-text-zinc-50 { color: var(--quanta-zinc-50); }
.hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
.focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
.active-text-zinc-50:active { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
.disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
.focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
.focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
.group:hover .group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
.text-zinc-100 { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-text-zinc-100 { color: var(--quanta-zinc-100); }
.hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
.focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
.active-text-zinc-100:active { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
.disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
.focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
.focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
.group:hover .group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
.text-zinc-200 { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-text-zinc-200 { color: var(--quanta-zinc-200); }
.hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
.focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
.active-text-zinc-200:active { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
.disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
.focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
.focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
.group:hover .group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
.text-zinc-300 { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-text-zinc-300 { color: var(--quanta-zinc-300); }
.hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
.focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
.active-text-zinc-300:active { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
.disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
.focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
.focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
.group:hover .group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
.text-zinc-400 { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-text-zinc-400 { color: var(--quanta-zinc-400); }
.hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
.focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
.active-text-zinc-400:active { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
.disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
.focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
.focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
.group:hover .group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
.text-zinc-500 { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-text-zinc-500 { color: var(--quanta-zinc-500); }
.hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
.focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
.active-text-zinc-500:active { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
.disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
.focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
.focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
.group:hover .group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
.text-zinc-600 { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-text-zinc-600 { color: var(--quanta-zinc-600); }
.hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
.focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
.active-text-zinc-600:active { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
.disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
.focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
.focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
.group:hover .group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
.text-zinc-700 { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-text-zinc-700 { color: var(--quanta-zinc-700); }
.hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
.focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
.active-text-zinc-700:active { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
.disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
.focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
.focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
.group:hover .group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
.text-zinc-800 { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-text-zinc-800 { color: var(--quanta-zinc-800); }
.hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
.focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
.active-text-zinc-800:active { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
.disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
.focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
.focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
.group:hover .group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
.text-zinc-900 { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-text-zinc-900 { color: var(--quanta-zinc-900); }
.hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
.focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
.active-text-zinc-900:active { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
.disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
.focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
.focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
.group:hover .group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
.text-neutral-50 { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-text-neutral-50 { color: var(--quanta-neutral-50); }
.hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
.focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
.active-text-neutral-50:active { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
.disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
.focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
.focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
.group:hover .group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
.text-neutral-100 { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-text-neutral-100 { color: var(--quanta-neutral-100); }
.hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
.focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
.active-text-neutral-100:active { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
.disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
.focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
.focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
.group:hover .group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
.text-neutral-200 { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-text-neutral-200 { color: var(--quanta-neutral-200); }
.hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
.focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
.active-text-neutral-200:active { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
.disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
.focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
.focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
.group:hover .group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
.text-neutral-300 { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-text-neutral-300 { color: var(--quanta-neutral-300); }
.hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
.focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
.active-text-neutral-300:active { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
.disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
.focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
.focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
.group:hover .group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
.text-neutral-400 { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-text-neutral-400 { color: var(--quanta-neutral-400); }
.hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
.focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
.active-text-neutral-400:active { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
.disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
.focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
.focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
.group:hover .group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
.text-neutral-500 { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-text-neutral-500 { color: var(--quanta-neutral-500); }
.hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
.focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
.active-text-neutral-500:active { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
.disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
.focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
.focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
.group:hover .group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
.text-neutral-600 { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-text-neutral-600 { color: var(--quanta-neutral-600); }
.hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
.focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
.active-text-neutral-600:active { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
.disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
.focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
.focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
.group:hover .group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
.text-neutral-700 { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-text-neutral-700 { color: var(--quanta-neutral-700); }
.hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
.focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
.active-text-neutral-700:active { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
.disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
.focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
.focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
.group:hover .group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
.text-neutral-800 { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-text-neutral-800 { color: var(--quanta-neutral-800); }
.hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
.focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
.active-text-neutral-800:active { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
.disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
.focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
.focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
.group:hover .group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
.text-neutral-900 { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-text-neutral-900 { color: var(--quanta-neutral-900); }
.hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
.focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
.active-text-neutral-900:active { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
.disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
.focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
.focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
.group:hover .group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
.text-lime-50 { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-text-lime-50 { color: var(--quanta-lime-50); }
.hover-text-lime-50:hover { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.focus-text-lime-50:focus { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.active-text-lime-50:active { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-text-lime-50:active { color: var(--quanta-lime-50); }
.disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
.focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
.group:hover .group-hover-text-lime-50 { color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
.text-lime-100 { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-text-lime-100 { color: var(--quanta-lime-100); }
.hover-text-lime-100:hover { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.focus-text-lime-100:focus { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.active-text-lime-100:active { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-text-lime-100:active { color: var(--quanta-lime-100); }
.disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
.focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
.group:hover .group-hover-text-lime-100 { color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
.text-lime-200 { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-text-lime-200 { color: var(--quanta-lime-200); }
.hover-text-lime-200:hover { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.focus-text-lime-200:focus { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.active-text-lime-200:active { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-text-lime-200:active { color: var(--quanta-lime-200); }
.disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
.focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
.group:hover .group-hover-text-lime-200 { color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
.text-lime-300 { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-text-lime-300 { color: var(--quanta-lime-300); }
.hover-text-lime-300:hover { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.focus-text-lime-300:focus { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.active-text-lime-300:active { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-text-lime-300:active { color: var(--quanta-lime-300); }
.disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
.focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
.group:hover .group-hover-text-lime-300 { color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
.text-lime-400 { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-text-lime-400 { color: var(--quanta-lime-400); }
.hover-text-lime-400:hover { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.focus-text-lime-400:focus { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.active-text-lime-400:active { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-text-lime-400:active { color: var(--quanta-lime-400); }
.disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
.focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
.group:hover .group-hover-text-lime-400 { color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
.text-lime-500 { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-text-lime-500 { color: var(--quanta-lime-500); }
.hover-text-lime-500:hover { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.focus-text-lime-500:focus { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.active-text-lime-500:active { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-text-lime-500:active { color: var(--quanta-lime-500); }
.disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
.focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
.group:hover .group-hover-text-lime-500 { color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
.text-lime-600 { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-text-lime-600 { color: var(--quanta-lime-600); }
.hover-text-lime-600:hover { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.focus-text-lime-600:focus { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.active-text-lime-600:active { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-text-lime-600:active { color: var(--quanta-lime-600); }
.disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
.focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
.group:hover .group-hover-text-lime-600 { color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
.text-lime-700 { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-text-lime-700 { color: var(--quanta-lime-700); }
.hover-text-lime-700:hover { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.focus-text-lime-700:focus { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.active-text-lime-700:active { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-text-lime-700:active { color: var(--quanta-lime-700); }
.disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
.focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
.group:hover .group-hover-text-lime-700 { color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
.text-lime-800 { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-text-lime-800 { color: var(--quanta-lime-800); }
.hover-text-lime-800:hover { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.focus-text-lime-800:focus { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.active-text-lime-800:active { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-text-lime-800:active { color: var(--quanta-lime-800); }
.disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
.focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
.group:hover .group-hover-text-lime-800 { color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
.text-lime-900 { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-text-lime-900 { color: var(--quanta-lime-900); }
.hover-text-lime-900:hover { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.focus-text-lime-900:focus { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.active-text-lime-900:active { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-text-lime-900:active { color: var(--quanta-lime-900); }
.disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
.focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
.group:hover .group-hover-text-lime-900 { color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
.text-cyan-50 { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-text-cyan-50 { color: var(--quanta-cyan-50); }
.hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.active-text-cyan-50:active { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
.focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
.group:hover .group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
.text-cyan-100 { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-text-cyan-100 { color: var(--quanta-cyan-100); }
.hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.active-text-cyan-100:active { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
.focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
.group:hover .group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
.text-cyan-200 { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-text-cyan-200 { color: var(--quanta-cyan-200); }
.hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.active-text-cyan-200:active { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
.focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
.group:hover .group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
.text-cyan-300 { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-text-cyan-300 { color: var(--quanta-cyan-300); }
.hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.active-text-cyan-300:active { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
.focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
.group:hover .group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
.text-cyan-400 { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-text-cyan-400 { color: var(--quanta-cyan-400); }
.hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.active-text-cyan-400:active { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
.focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
.group:hover .group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
.text-cyan-500 { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-text-cyan-500 { color: var(--quanta-cyan-500); }
.hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.active-text-cyan-500:active { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
.focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
.group:hover .group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
.text-cyan-600 { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-text-cyan-600 { color: var(--quanta-cyan-600); }
.hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.active-text-cyan-600:active { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
.focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
.group:hover .group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
.text-cyan-700 { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-text-cyan-700 { color: var(--quanta-cyan-700); }
.hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.active-text-cyan-700:active { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
.focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
.group:hover .group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
.text-cyan-800 { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-text-cyan-800 { color: var(--quanta-cyan-800); }
.hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.active-text-cyan-800:active { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
.focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
.group:hover .group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
.text-cyan-900 { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-text-cyan-900 { color: var(--quanta-cyan-900); }
.hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.active-text-cyan-900:active { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
.focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
.group:hover .group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
.text-sky-50 { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-text-sky-50 { color: var(--quanta-sky-50); }
.hover-text-sky-50:hover { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.focus-text-sky-50:focus { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.active-text-sky-50:active { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-text-sky-50:active { color: var(--quanta-sky-50); }
.disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
.focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
.group:hover .group-hover-text-sky-50 { color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
.text-sky-100 { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-text-sky-100 { color: var(--quanta-sky-100); }
.hover-text-sky-100:hover { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.focus-text-sky-100:focus { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.active-text-sky-100:active { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-text-sky-100:active { color: var(--quanta-sky-100); }
.disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
.focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
.group:hover .group-hover-text-sky-100 { color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
.text-sky-200 { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-text-sky-200 { color: var(--quanta-sky-200); }
.hover-text-sky-200:hover { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.focus-text-sky-200:focus { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.active-text-sky-200:active { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-text-sky-200:active { color: var(--quanta-sky-200); }
.disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
.focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
.group:hover .group-hover-text-sky-200 { color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
.text-sky-300 { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-text-sky-300 { color: var(--quanta-sky-300); }
.hover-text-sky-300:hover { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.focus-text-sky-300:focus { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.active-text-sky-300:active { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-text-sky-300:active { color: var(--quanta-sky-300); }
.disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
.focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
.group:hover .group-hover-text-sky-300 { color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
.text-sky-400 { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-text-sky-400 { color: var(--quanta-sky-400); }
.hover-text-sky-400:hover { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.focus-text-sky-400:focus { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.active-text-sky-400:active { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-text-sky-400:active { color: var(--quanta-sky-400); }
.disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
.focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
.group:hover .group-hover-text-sky-400 { color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
.text-sky-500 { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-text-sky-500 { color: var(--quanta-sky-500); }
.hover-text-sky-500:hover { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.focus-text-sky-500:focus { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.active-text-sky-500:active { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-text-sky-500:active { color: var(--quanta-sky-500); }
.disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
.focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
.group:hover .group-hover-text-sky-500 { color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
.text-sky-600 { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-text-sky-600 { color: var(--quanta-sky-600); }
.hover-text-sky-600:hover { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.focus-text-sky-600:focus { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.active-text-sky-600:active { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-text-sky-600:active { color: var(--quanta-sky-600); }
.disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
.focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
.group:hover .group-hover-text-sky-600 { color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
.text-sky-700 { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-text-sky-700 { color: var(--quanta-sky-700); }
.hover-text-sky-700:hover { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.focus-text-sky-700:focus { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.active-text-sky-700:active { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-text-sky-700:active { color: var(--quanta-sky-700); }
.disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
.focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
.group:hover .group-hover-text-sky-700 { color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
.text-sky-800 { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-text-sky-800 { color: var(--quanta-sky-800); }
.hover-text-sky-800:hover { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.focus-text-sky-800:focus { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.active-text-sky-800:active { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-text-sky-800:active { color: var(--quanta-sky-800); }
.disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
.focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
.group:hover .group-hover-text-sky-800 { color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
.text-sky-900 { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-text-sky-900 { color: var(--quanta-sky-900); }
.hover-text-sky-900:hover { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.focus-text-sky-900:focus { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.active-text-sky-900:active { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-text-sky-900:active { color: var(--quanta-sky-900); }
.disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
.focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
.group:hover .group-hover-text-sky-900 { color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
.text-violet-50 { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-text-violet-50 { color: var(--quanta-violet-50); }
.hover-text-violet-50:hover { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.focus-text-violet-50:focus { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.active-text-violet-50:active { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-text-violet-50:active { color: var(--quanta-violet-50); }
.disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
.focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
.group:hover .group-hover-text-violet-50 { color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
.text-violet-100 { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-text-violet-100 { color: var(--quanta-violet-100); }
.hover-text-violet-100:hover { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.focus-text-violet-100:focus { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.active-text-violet-100:active { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-text-violet-100:active { color: var(--quanta-violet-100); }
.disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
.focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
.group:hover .group-hover-text-violet-100 { color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
.text-violet-200 { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-text-violet-200 { color: var(--quanta-violet-200); }
.hover-text-violet-200:hover { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.focus-text-violet-200:focus { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.active-text-violet-200:active { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-text-violet-200:active { color: var(--quanta-violet-200); }
.disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
.focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
.group:hover .group-hover-text-violet-200 { color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
.text-violet-300 { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-text-violet-300 { color: var(--quanta-violet-300); }
.hover-text-violet-300:hover { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.focus-text-violet-300:focus { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.active-text-violet-300:active { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-text-violet-300:active { color: var(--quanta-violet-300); }
.disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
.focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
.group:hover .group-hover-text-violet-300 { color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
.text-violet-400 { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-text-violet-400 { color: var(--quanta-violet-400); }
.hover-text-violet-400:hover { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.focus-text-violet-400:focus { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.active-text-violet-400:active { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-text-violet-400:active { color: var(--quanta-violet-400); }
.disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
.focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
.group:hover .group-hover-text-violet-400 { color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
.text-violet-500 { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-text-violet-500 { color: var(--quanta-violet-500); }
.hover-text-violet-500:hover { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.focus-text-violet-500:focus { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.active-text-violet-500:active { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-text-violet-500:active { color: var(--quanta-violet-500); }
.disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
.focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
.group:hover .group-hover-text-violet-500 { color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
.text-violet-600 { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-text-violet-600 { color: var(--quanta-violet-600); }
.hover-text-violet-600:hover { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.focus-text-violet-600:focus { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.active-text-violet-600:active { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-text-violet-600:active { color: var(--quanta-violet-600); }
.disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
.focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
.group:hover .group-hover-text-violet-600 { color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
.text-violet-700 { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-text-violet-700 { color: var(--quanta-violet-700); }
.hover-text-violet-700:hover { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.focus-text-violet-700:focus { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.active-text-violet-700:active { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-text-violet-700:active { color: var(--quanta-violet-700); }
.disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
.focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
.group:hover .group-hover-text-violet-700 { color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
.text-violet-800 { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-text-violet-800 { color: var(--quanta-violet-800); }
.hover-text-violet-800:hover { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.focus-text-violet-800:focus { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.active-text-violet-800:active { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-text-violet-800:active { color: var(--quanta-violet-800); }
.disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
.focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
.group:hover .group-hover-text-violet-800 { color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
.text-violet-900 { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-text-violet-900 { color: var(--quanta-violet-900); }
.hover-text-violet-900:hover { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.focus-text-violet-900:focus { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.active-text-violet-900:active { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-text-violet-900:active { color: var(--quanta-violet-900); }
.disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
.focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
.group:hover .group-hover-text-violet-900 { color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
.text-rose-50 { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-text-rose-50 { color: var(--quanta-rose-50); }
.hover-text-rose-50:hover { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.focus-text-rose-50:focus { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.active-text-rose-50:active { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-text-rose-50:active { color: var(--quanta-rose-50); }
.disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
.focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
.group:hover .group-hover-text-rose-50 { color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
.text-rose-100 { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-text-rose-100 { color: var(--quanta-rose-100); }
.hover-text-rose-100:hover { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.focus-text-rose-100:focus { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.active-text-rose-100:active { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-text-rose-100:active { color: var(--quanta-rose-100); }
.disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
.focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
.group:hover .group-hover-text-rose-100 { color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
.text-rose-200 { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-text-rose-200 { color: var(--quanta-rose-200); }
.hover-text-rose-200:hover { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.focus-text-rose-200:focus { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.active-text-rose-200:active { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-text-rose-200:active { color: var(--quanta-rose-200); }
.disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
.focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
.group:hover .group-hover-text-rose-200 { color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
.text-rose-300 { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-text-rose-300 { color: var(--quanta-rose-300); }
.hover-text-rose-300:hover { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.focus-text-rose-300:focus { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.active-text-rose-300:active { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-text-rose-300:active { color: var(--quanta-rose-300); }
.disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
.focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
.group:hover .group-hover-text-rose-300 { color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
.text-rose-400 { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-text-rose-400 { color: var(--quanta-rose-400); }
.hover-text-rose-400:hover { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.focus-text-rose-400:focus { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.active-text-rose-400:active { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-text-rose-400:active { color: var(--quanta-rose-400); }
.disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
.focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
.group:hover .group-hover-text-rose-400 { color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
.text-rose-500 { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-text-rose-500 { color: var(--quanta-rose-500); }
.hover-text-rose-500:hover { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.focus-text-rose-500:focus { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.active-text-rose-500:active { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-text-rose-500:active { color: var(--quanta-rose-500); }
.disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
.focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
.group:hover .group-hover-text-rose-500 { color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
.text-rose-600 { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-text-rose-600 { color: var(--quanta-rose-600); }
.hover-text-rose-600:hover { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.focus-text-rose-600:focus { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.active-text-rose-600:active { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-text-rose-600:active { color: var(--quanta-rose-600); }
.disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
.focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
.group:hover .group-hover-text-rose-600 { color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
.text-rose-700 { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-text-rose-700 { color: var(--quanta-rose-700); }
.hover-text-rose-700:hover { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.focus-text-rose-700:focus { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.active-text-rose-700:active { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-text-rose-700:active { color: var(--quanta-rose-700); }
.disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
.focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
.group:hover .group-hover-text-rose-700 { color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
.text-rose-800 { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-text-rose-800 { color: var(--quanta-rose-800); }
.hover-text-rose-800:hover { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.focus-text-rose-800:focus { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.active-text-rose-800:active { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-text-rose-800:active { color: var(--quanta-rose-800); }
.disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
.focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
.group:hover .group-hover-text-rose-800 { color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
.text-rose-900 { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-text-rose-900 { color: var(--quanta-rose-900); }
.hover-text-rose-900:hover { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.focus-text-rose-900:focus { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.active-text-rose-900:active { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-text-rose-900:active { color: var(--quanta-rose-900); }
.disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
.focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
.group:hover .group-hover-text-rose-900 { color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
.text-slate-50 { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-text-slate-50 { color: var(--quanta-slate-50); }
.hover-text-slate-50:hover { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.focus-text-slate-50:focus { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.active-text-slate-50:active { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-text-slate-50:active { color: var(--quanta-slate-50); }
.disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
.focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
.group:hover .group-hover-text-slate-50 { color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
.text-slate-100 { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-text-slate-100 { color: var(--quanta-slate-100); }
.hover-text-slate-100:hover { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.focus-text-slate-100:focus { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.active-text-slate-100:active { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-text-slate-100:active { color: var(--quanta-slate-100); }
.disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
.focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
.group:hover .group-hover-text-slate-100 { color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
.text-slate-200 { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-text-slate-200 { color: var(--quanta-slate-200); }
.hover-text-slate-200:hover { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.focus-text-slate-200:focus { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.active-text-slate-200:active { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-text-slate-200:active { color: var(--quanta-slate-200); }
.disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
.focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
.group:hover .group-hover-text-slate-200 { color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
.text-slate-300 { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-text-slate-300 { color: var(--quanta-slate-300); }
.hover-text-slate-300:hover { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.focus-text-slate-300:focus { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.active-text-slate-300:active { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-text-slate-300:active { color: var(--quanta-slate-300); }
.disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
.focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
.group:hover .group-hover-text-slate-300 { color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
.text-slate-400 { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-text-slate-400 { color: var(--quanta-slate-400); }
.hover-text-slate-400:hover { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.focus-text-slate-400:focus { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.active-text-slate-400:active { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-text-slate-400:active { color: var(--quanta-slate-400); }
.disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
.focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
.group:hover .group-hover-text-slate-400 { color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
.text-slate-500 { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-text-slate-500 { color: var(--quanta-slate-500); }
.hover-text-slate-500:hover { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.focus-text-slate-500:focus { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.active-text-slate-500:active { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-text-slate-500:active { color: var(--quanta-slate-500); }
.disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
.focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
.group:hover .group-hover-text-slate-500 { color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
.text-slate-600 { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-text-slate-600 { color: var(--quanta-slate-600); }
.hover-text-slate-600:hover { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.focus-text-slate-600:focus { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.active-text-slate-600:active { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-text-slate-600:active { color: var(--quanta-slate-600); }
.disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
.focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
.group:hover .group-hover-text-slate-600 { color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
.text-slate-700 { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-text-slate-700 { color: var(--quanta-slate-700); }
.hover-text-slate-700:hover { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.focus-text-slate-700:focus { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.active-text-slate-700:active { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-text-slate-700:active { color: var(--quanta-slate-700); }
.disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
.focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
.group:hover .group-hover-text-slate-700 { color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
.text-slate-800 { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-text-slate-800 { color: var(--quanta-slate-800); }
.hover-text-slate-800:hover { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.focus-text-slate-800:focus { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.active-text-slate-800:active { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-text-slate-800:active { color: var(--quanta-slate-800); }
.disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
.focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
.group:hover .group-hover-text-slate-800 { color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
.text-slate-900 { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-text-slate-900 { color: var(--quanta-slate-900); }
.hover-text-slate-900:hover { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.focus-text-slate-900:focus { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.active-text-slate-900:active { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-text-slate-900:active { color: var(--quanta-slate-900); }
.disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
.focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
.group:hover .group-hover-text-slate-900 { color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
.text-blue-50 { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-text-blue-50 { color: var(--quanta-blue-50); }
.hover-text-blue-50:hover { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.focus-text-blue-50:focus { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.active-text-blue-50:active { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-text-blue-50:active { color: var(--quanta-blue-50); }
.disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
.focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
.group:hover .group-hover-text-blue-50 { color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
.text-blue-100 { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-text-blue-100 { color: var(--quanta-blue-100); }
.hover-text-blue-100:hover { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.focus-text-blue-100:focus { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.active-text-blue-100:active { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-text-blue-100:active { color: var(--quanta-blue-100); }
.disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
.focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
.group:hover .group-hover-text-blue-100 { color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
.text-blue-200 { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-text-blue-200 { color: var(--quanta-blue-200); }
.hover-text-blue-200:hover { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.focus-text-blue-200:focus { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.active-text-blue-200:active { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-text-blue-200:active { color: var(--quanta-blue-200); }
.disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
.focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
.group:hover .group-hover-text-blue-200 { color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
.text-blue-300 { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-text-blue-300 { color: var(--quanta-blue-300); }
.hover-text-blue-300:hover { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.focus-text-blue-300:focus { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.active-text-blue-300:active { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-text-blue-300:active { color: var(--quanta-blue-300); }
.disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
.focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
.group:hover .group-hover-text-blue-300 { color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
.text-blue-400 { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-text-blue-400 { color: var(--quanta-blue-400); }
.hover-text-blue-400:hover { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.focus-text-blue-400:focus { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.active-text-blue-400:active { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-text-blue-400:active { color: var(--quanta-blue-400); }
.disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
.focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
.group:hover .group-hover-text-blue-400 { color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
.text-blue-500 { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-text-blue-500 { color: var(--quanta-blue-500); }
.hover-text-blue-500:hover { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.focus-text-blue-500:focus { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.active-text-blue-500:active { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-text-blue-500:active { color: var(--quanta-blue-500); }
.disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
.focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
.group:hover .group-hover-text-blue-500 { color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
.text-blue-600 { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-text-blue-600 { color: var(--quanta-blue-600); }
.hover-text-blue-600:hover { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.focus-text-blue-600:focus { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.active-text-blue-600:active { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-text-blue-600:active { color: var(--quanta-blue-600); }
.disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
.focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
.group:hover .group-hover-text-blue-600 { color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
.text-blue-700 { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-text-blue-700 { color: var(--quanta-blue-700); }
.hover-text-blue-700:hover { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.focus-text-blue-700:focus { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.active-text-blue-700:active { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-text-blue-700:active { color: var(--quanta-blue-700); }
.disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
.focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
.group:hover .group-hover-text-blue-700 { color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
.text-blue-800 { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-text-blue-800 { color: var(--quanta-blue-800); }
.hover-text-blue-800:hover { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.focus-text-blue-800:focus { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.active-text-blue-800:active { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-text-blue-800:active { color: var(--quanta-blue-800); }
.disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
.focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
.group:hover .group-hover-text-blue-800 { color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
.text-blue-900 { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-text-blue-900 { color: var(--quanta-blue-900); }
.hover-text-blue-900:hover { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.focus-text-blue-900:focus { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.active-text-blue-900:active { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-text-blue-900:active { color: var(--quanta-blue-900); }
.disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
.focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
.group:hover .group-hover-text-blue-900 { color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
.text-green-50 { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-text-green-50 { color: var(--quanta-green-50); }
.hover-text-green-50:hover { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-text-green-50:hover { color: var(--quanta-green-50); }
.focus-text-green-50:focus { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-text-green-50:focus { color: var(--quanta-green-50); }
.active-text-green-50:active { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-text-green-50:active { color: var(--quanta-green-50); }
.disabled-text-green-50:disabled { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
.focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
.group:hover .group-hover-text-green-50 { color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-50 { color: var(--quanta-green-50); }
.text-green-100 { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-text-green-100 { color: var(--quanta-green-100); }
.hover-text-green-100:hover { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-text-green-100:hover { color: var(--quanta-green-100); }
.focus-text-green-100:focus { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-text-green-100:focus { color: var(--quanta-green-100); }
.active-text-green-100:active { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-text-green-100:active { color: var(--quanta-green-100); }
.disabled-text-green-100:disabled { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
.focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
.group:hover .group-hover-text-green-100 { color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-100 { color: var(--quanta-green-100); }
.text-green-200 { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-text-green-200 { color: var(--quanta-green-200); }
.hover-text-green-200:hover { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-text-green-200:hover { color: var(--quanta-green-200); }
.focus-text-green-200:focus { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-text-green-200:focus { color: var(--quanta-green-200); }
.active-text-green-200:active { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-text-green-200:active { color: var(--quanta-green-200); }
.disabled-text-green-200:disabled { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
.focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
.group:hover .group-hover-text-green-200 { color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-200 { color: var(--quanta-green-200); }
.text-green-300 { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-text-green-300 { color: var(--quanta-green-300); }
.hover-text-green-300:hover { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-text-green-300:hover { color: var(--quanta-green-300); }
.focus-text-green-300:focus { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-text-green-300:focus { color: var(--quanta-green-300); }
.active-text-green-300:active { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-text-green-300:active { color: var(--quanta-green-300); }
.disabled-text-green-300:disabled { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
.focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
.group:hover .group-hover-text-green-300 { color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-300 { color: var(--quanta-green-300); }
.text-green-400 { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-text-green-400 { color: var(--quanta-green-400); }
.hover-text-green-400:hover { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-text-green-400:hover { color: var(--quanta-green-400); }
.focus-text-green-400:focus { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-text-green-400:focus { color: var(--quanta-green-400); }
.active-text-green-400:active { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-text-green-400:active { color: var(--quanta-green-400); }
.disabled-text-green-400:disabled { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
.focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
.group:hover .group-hover-text-green-400 { color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-400 { color: var(--quanta-green-400); }
.text-green-500 { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-text-green-500 { color: var(--quanta-green-500); }
.hover-text-green-500:hover { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-text-green-500:hover { color: var(--quanta-green-500); }
.focus-text-green-500:focus { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-text-green-500:focus { color: var(--quanta-green-500); }
.active-text-green-500:active { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-text-green-500:active { color: var(--quanta-green-500); }
.disabled-text-green-500:disabled { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
.focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
.group:hover .group-hover-text-green-500 { color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-500 { color: var(--quanta-green-500); }
.text-green-600 { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-text-green-600 { color: var(--quanta-green-600); }
.hover-text-green-600:hover { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-text-green-600:hover { color: var(--quanta-green-600); }
.focus-text-green-600:focus { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-text-green-600:focus { color: var(--quanta-green-600); }
.active-text-green-600:active { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-text-green-600:active { color: var(--quanta-green-600); }
.disabled-text-green-600:disabled { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
.focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
.group:hover .group-hover-text-green-600 { color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-600 { color: var(--quanta-green-600); }
.text-green-700 { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-text-green-700 { color: var(--quanta-green-700); }
.hover-text-green-700:hover { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-text-green-700:hover { color: var(--quanta-green-700); }
.focus-text-green-700:focus { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-text-green-700:focus { color: var(--quanta-green-700); }
.active-text-green-700:active { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-text-green-700:active { color: var(--quanta-green-700); }
.disabled-text-green-700:disabled { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
.focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
.group:hover .group-hover-text-green-700 { color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-700 { color: var(--quanta-green-700); }
.text-green-800 { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-text-green-800 { color: var(--quanta-green-800); }
.hover-text-green-800:hover { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-text-green-800:hover { color: var(--quanta-green-800); }
.focus-text-green-800:focus { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-text-green-800:focus { color: var(--quanta-green-800); }
.active-text-green-800:active { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-text-green-800:active { color: var(--quanta-green-800); }
.disabled-text-green-800:disabled { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
.focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
.group:hover .group-hover-text-green-800 { color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-800 { color: var(--quanta-green-800); }
.text-green-900 { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-text-green-900 { color: var(--quanta-green-900); }
.hover-text-green-900:hover { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-text-green-900:hover { color: var(--quanta-green-900); }
.focus-text-green-900:focus { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-text-green-900:focus { color: var(--quanta-green-900); }
.active-text-green-900:active { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-text-green-900:active { color: var(--quanta-green-900); }
.disabled-text-green-900:disabled { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
.focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
.group:hover .group-hover-text-green-900 { color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-green-900 { color: var(--quanta-green-900); }
.bg-red-50 { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-bg-red-50 { background-color: var(--quanta-red-50); }
.hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.active-bg-red-50:active { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
.focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
.group:hover .group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
.bg-red-100 { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-bg-red-100 { background-color: var(--quanta-red-100); }
.hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.active-bg-red-100:active { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
.focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
.group:hover .group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
.bg-red-200 { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-bg-red-200 { background-color: var(--quanta-red-200); }
.hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.active-bg-red-200:active { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
.focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
.group:hover .group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
.bg-red-300 { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-bg-red-300 { background-color: var(--quanta-red-300); }
.hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.active-bg-red-300:active { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
.focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
.group:hover .group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
.bg-red-400 { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-bg-red-400 { background-color: var(--quanta-red-400); }
.hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.active-bg-red-400:active { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
.focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
.group:hover .group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
.bg-red-500 { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-bg-red-500 { background-color: var(--quanta-red-500); }
.hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.active-bg-red-500:active { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
.focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
.group:hover .group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
.bg-red-600 { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-bg-red-600 { background-color: var(--quanta-red-600); }
.hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.active-bg-red-600:active { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
.focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
.group:hover .group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
.bg-red-700 { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-bg-red-700 { background-color: var(--quanta-red-700); }
.hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.active-bg-red-700:active { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
.focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
.group:hover .group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
.bg-red-800 { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-bg-red-800 { background-color: var(--quanta-red-800); }
.hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.active-bg-red-800:active { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
.focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
.group:hover .group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
.bg-red-900 { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-bg-red-900 { background-color: var(--quanta-red-900); }
.hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.active-bg-red-900:active { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
.focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
.group:hover .group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
.bg-orange-50 { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-bg-orange-50 { background-color: var(--quanta-orange-50); }
.hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
.focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
.group:hover .group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
.bg-orange-100 { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-bg-orange-100 { background-color: var(--quanta-orange-100); }
.hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
.focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
.group:hover .group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
.bg-orange-200 { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-bg-orange-200 { background-color: var(--quanta-orange-200); }
.hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
.focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
.group:hover .group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
.bg-orange-300 { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-bg-orange-300 { background-color: var(--quanta-orange-300); }
.hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
.focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
.group:hover .group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
.bg-orange-400 { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-bg-orange-400 { background-color: var(--quanta-orange-400); }
.hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
.focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
.group:hover .group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
.bg-orange-500 { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-bg-orange-500 { background-color: var(--quanta-orange-500); }
.hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
.focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
.group:hover .group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
.bg-orange-600 { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-bg-orange-600 { background-color: var(--quanta-orange-600); }
.hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
.focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
.group:hover .group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
.bg-orange-700 { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-bg-orange-700 { background-color: var(--quanta-orange-700); }
.hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
.focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
.group:hover .group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
.bg-orange-800 { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-bg-orange-800 { background-color: var(--quanta-orange-800); }
.hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
.focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
.group:hover .group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
.bg-orange-900 { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-bg-orange-900 { background-color: var(--quanta-orange-900); }
.hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
.focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
.group:hover .group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
.bg-teal-50 { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-bg-teal-50 { background-color: var(--quanta-teal-50); }
.hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
.focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
.group:hover .group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
.bg-teal-100 { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-bg-teal-100 { background-color: var(--quanta-teal-100); }
.hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
.focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
.group:hover .group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
.bg-teal-200 { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-bg-teal-200 { background-color: var(--quanta-teal-200); }
.hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
.focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
.group:hover .group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
.bg-teal-300 { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-bg-teal-300 { background-color: var(--quanta-teal-300); }
.hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
.focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
.group:hover .group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
.bg-teal-400 { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-bg-teal-400 { background-color: var(--quanta-teal-400); }
.hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
.focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
.group:hover .group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
.bg-teal-500 { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-bg-teal-500 { background-color: var(--quanta-teal-500); }
.hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
.focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
.group:hover .group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
.bg-teal-600 { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-bg-teal-600 { background-color: var(--quanta-teal-600); }
.hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
.focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
.group:hover .group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
.bg-teal-700 { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-bg-teal-700 { background-color: var(--quanta-teal-700); }
.hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
.focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
.group:hover .group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
.bg-teal-800 { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-bg-teal-800 { background-color: var(--quanta-teal-800); }
.hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
.focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
.group:hover .group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
.bg-teal-900 { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-bg-teal-900 { background-color: var(--quanta-teal-900); }
.hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
.focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
.group:hover .group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
.bg-purple-50 { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-bg-purple-50 { background-color: var(--quanta-purple-50); }
.hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
.focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
.group:hover .group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
.bg-purple-100 { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-bg-purple-100 { background-color: var(--quanta-purple-100); }
.hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
.focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
.group:hover .group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
.bg-purple-200 { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-bg-purple-200 { background-color: var(--quanta-purple-200); }
.hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
.focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
.group:hover .group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
.bg-purple-300 { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-bg-purple-300 { background-color: var(--quanta-purple-300); }
.hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
.focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
.group:hover .group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
.bg-purple-400 { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-bg-purple-400 { background-color: var(--quanta-purple-400); }
.hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
.focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
.group:hover .group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
.bg-purple-500 { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-bg-purple-500 { background-color: var(--quanta-purple-500); }
.hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
.focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
.group:hover .group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
.bg-purple-600 { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-bg-purple-600 { background-color: var(--quanta-purple-600); }
.hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
.focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
.group:hover .group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
.bg-purple-700 { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-bg-purple-700 { background-color: var(--quanta-purple-700); }
.hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
.focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
.group:hover .group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
.bg-purple-800 { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-bg-purple-800 { background-color: var(--quanta-purple-800); }
.hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
.focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
.group:hover .group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
.bg-purple-900 { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-bg-purple-900 { background-color: var(--quanta-purple-900); }
.hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
.focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
.group:hover .group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
.bg-indigo-50 { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
.focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
.group:hover .group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.bg-indigo-100 { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
.focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
.group:hover .group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.bg-indigo-200 { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
.focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
.group:hover .group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.bg-indigo-300 { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
.focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
.group:hover .group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.bg-indigo-400 { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
.focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
.group:hover .group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.bg-indigo-500 { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
.focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
.group:hover .group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.bg-indigo-600 { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
.focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
.group:hover .group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.bg-indigo-700 { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
.focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
.group:hover .group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.bg-indigo-800 { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
.focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
.group:hover .group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.bg-indigo-900 { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
.focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
.group:hover .group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.bg-yellow-50 { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
.focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
.group:hover .group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.bg-yellow-100 { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
.focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
.group:hover .group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.bg-yellow-200 { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
.focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
.group:hover .group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.bg-yellow-300 { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
.focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
.group:hover .group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.bg-yellow-400 { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
.focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
.group:hover .group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.bg-yellow-500 { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
.focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
.group:hover .group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.bg-yellow-600 { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
.focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
.group:hover .group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.bg-yellow-700 { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
.focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
.group:hover .group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.bg-yellow-800 { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
.focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
.group:hover .group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.bg-yellow-900 { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
.focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
.group:hover .group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.bg-pink-50 { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-bg-pink-50 { background-color: var(--quanta-pink-50); }
.hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
.focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
.group:hover .group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
.bg-pink-100 { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-bg-pink-100 { background-color: var(--quanta-pink-100); }
.hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
.focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
.group:hover .group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
.bg-pink-200 { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-bg-pink-200 { background-color: var(--quanta-pink-200); }
.hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
.focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
.group:hover .group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
.bg-pink-300 { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-bg-pink-300 { background-color: var(--quanta-pink-300); }
.hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
.focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
.group:hover .group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
.bg-pink-400 { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-bg-pink-400 { background-color: var(--quanta-pink-400); }
.hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
.focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
.group:hover .group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
.bg-pink-500 { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-bg-pink-500 { background-color: var(--quanta-pink-500); }
.hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
.focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
.group:hover .group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
.bg-pink-600 { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-bg-pink-600 { background-color: var(--quanta-pink-600); }
.hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
.focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
.group:hover .group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
.bg-pink-700 { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-bg-pink-700 { background-color: var(--quanta-pink-700); }
.hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
.focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
.group:hover .group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
.bg-pink-800 { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-bg-pink-800 { background-color: var(--quanta-pink-800); }
.hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
.focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
.group:hover .group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
.bg-pink-900 { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-bg-pink-900 { background-color: var(--quanta-pink-900); }
.hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
.focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
.group:hover .group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
.bg-grey-50 { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-bg-grey-50 { background-color: var(--quanta-grey-50); }
.hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
.focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
.group:hover .group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
.bg-grey-100 { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-bg-grey-100 { background-color: var(--quanta-grey-100); }
.hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
.focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
.group:hover .group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
.bg-grey-200 { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-bg-grey-200 { background-color: var(--quanta-grey-200); }
.hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
.focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
.group:hover .group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
.bg-grey-300 { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-bg-grey-300 { background-color: var(--quanta-grey-300); }
.hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
.focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
.group:hover .group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
.bg-grey-400 { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-bg-grey-400 { background-color: var(--quanta-grey-400); }
.hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
.focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
.group:hover .group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
.bg-grey-500 { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-bg-grey-500 { background-color: var(--quanta-grey-500); }
.hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
.focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
.group:hover .group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
.bg-grey-600 { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-bg-grey-600 { background-color: var(--quanta-grey-600); }
.hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
.focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
.group:hover .group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
.bg-grey-700 { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-bg-grey-700 { background-color: var(--quanta-grey-700); }
.hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
.focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
.group:hover .group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
.bg-grey-800 { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-bg-grey-800 { background-color: var(--quanta-grey-800); }
.hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
.focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
.group:hover .group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
.bg-grey-900 { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-bg-grey-900 { background-color: var(--quanta-grey-900); }
.hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
.focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
.group:hover .group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
.bg-zinc-50 { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
.hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
.focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
.active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
.disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
.focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
.focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
.group:hover .group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
.bg-zinc-100 { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
.hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
.focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
.active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
.disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
.focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
.focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
.group:hover .group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
.bg-zinc-200 { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
.hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
.focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
.active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
.disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
.focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
.focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
.group:hover .group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
.bg-zinc-300 { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
.hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
.focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
.active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
.disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
.focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
.focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
.group:hover .group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
.bg-zinc-400 { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
.hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
.focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
.active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
.disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
.focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
.focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
.group:hover .group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
.bg-zinc-500 { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
.hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
.focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
.active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
.disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
.focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
.focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
.group:hover .group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
.bg-zinc-600 { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
.hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
.focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
.active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
.disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
.focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
.focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
.group:hover .group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
.bg-zinc-700 { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
.hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
.focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
.active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
.disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
.focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
.focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
.group:hover .group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
.bg-zinc-800 { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
.hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
.focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
.active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
.disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
.focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
.focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
.group:hover .group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
.bg-zinc-900 { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
.hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
.focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
.active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
.disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
.focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
.focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
.group:hover .group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
.bg-neutral-50 { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
.hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
.focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
.active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
.disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
.focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
.focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
.group:hover .group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
.bg-neutral-100 { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
.hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
.focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
.active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
.disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
.focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
.focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
.group:hover .group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
.bg-neutral-200 { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
.hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
.focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
.active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
.disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
.focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
.focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
.group:hover .group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
.bg-neutral-300 { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
.hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
.focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
.active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
.disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
.focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
.focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
.group:hover .group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
.bg-neutral-400 { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
.hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
.focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
.active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
.disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
.focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
.focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
.group:hover .group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
.bg-neutral-500 { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
.hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
.focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
.active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
.disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
.focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
.focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
.group:hover .group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
.bg-neutral-600 { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
.hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
.focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
.active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
.disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
.focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
.focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
.group:hover .group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
.bg-neutral-700 { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
.hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
.focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
.active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
.disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
.focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
.focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
.group:hover .group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
.bg-neutral-800 { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
.hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
.focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
.active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
.disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
.focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
.focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
.group:hover .group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
.bg-neutral-900 { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
.hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
.focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
.active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
.disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
.focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
.focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
.group:hover .group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
.bg-lime-50 { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-bg-lime-50 { background-color: var(--quanta-lime-50); }
.hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
.focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
.group:hover .group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
.bg-lime-100 { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-bg-lime-100 { background-color: var(--quanta-lime-100); }
.hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
.focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
.group:hover .group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
.bg-lime-200 { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-bg-lime-200 { background-color: var(--quanta-lime-200); }
.hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
.focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
.group:hover .group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
.bg-lime-300 { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-bg-lime-300 { background-color: var(--quanta-lime-300); }
.hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
.focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
.group:hover .group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
.bg-lime-400 { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-bg-lime-400 { background-color: var(--quanta-lime-400); }
.hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
.focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
.group:hover .group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
.bg-lime-500 { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-bg-lime-500 { background-color: var(--quanta-lime-500); }
.hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
.focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
.group:hover .group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
.bg-lime-600 { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-bg-lime-600 { background-color: var(--quanta-lime-600); }
.hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
.focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
.group:hover .group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
.bg-lime-700 { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-bg-lime-700 { background-color: var(--quanta-lime-700); }
.hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
.focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
.group:hover .group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
.bg-lime-800 { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-bg-lime-800 { background-color: var(--quanta-lime-800); }
.hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
.focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
.group:hover .group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
.bg-lime-900 { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-bg-lime-900 { background-color: var(--quanta-lime-900); }
.hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
.focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
.group:hover .group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
.bg-cyan-50 { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
.focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
.group:hover .group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.bg-cyan-100 { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
.focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
.group:hover .group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.bg-cyan-200 { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
.focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
.group:hover .group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.bg-cyan-300 { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
.focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
.group:hover .group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.bg-cyan-400 { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
.focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
.group:hover .group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.bg-cyan-500 { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
.focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
.group:hover .group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.bg-cyan-600 { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
.focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
.group:hover .group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.bg-cyan-700 { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
.focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
.group:hover .group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.bg-cyan-800 { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
.focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
.group:hover .group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.bg-cyan-900 { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
.focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
.group:hover .group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.bg-sky-50 { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-bg-sky-50 { background-color: var(--quanta-sky-50); }
.hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
.focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
.group:hover .group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
.bg-sky-100 { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-bg-sky-100 { background-color: var(--quanta-sky-100); }
.hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
.focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
.group:hover .group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
.bg-sky-200 { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-bg-sky-200 { background-color: var(--quanta-sky-200); }
.hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
.focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
.group:hover .group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
.bg-sky-300 { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-bg-sky-300 { background-color: var(--quanta-sky-300); }
.hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
.focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
.group:hover .group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
.bg-sky-400 { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-bg-sky-400 { background-color: var(--quanta-sky-400); }
.hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
.focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
.group:hover .group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
.bg-sky-500 { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-bg-sky-500 { background-color: var(--quanta-sky-500); }
.hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
.focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
.group:hover .group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
.bg-sky-600 { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-bg-sky-600 { background-color: var(--quanta-sky-600); }
.hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
.focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
.group:hover .group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
.bg-sky-700 { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-bg-sky-700 { background-color: var(--quanta-sky-700); }
.hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
.focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
.group:hover .group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
.bg-sky-800 { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-bg-sky-800 { background-color: var(--quanta-sky-800); }
.hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
.focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
.group:hover .group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
.bg-sky-900 { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-bg-sky-900 { background-color: var(--quanta-sky-900); }
.hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
.focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
.group:hover .group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
.bg-violet-50 { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-bg-violet-50 { background-color: var(--quanta-violet-50); }
.hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
.focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
.group:hover .group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
.bg-violet-100 { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-bg-violet-100 { background-color: var(--quanta-violet-100); }
.hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
.focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
.group:hover .group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
.bg-violet-200 { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-bg-violet-200 { background-color: var(--quanta-violet-200); }
.hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
.focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
.group:hover .group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
.bg-violet-300 { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-bg-violet-300 { background-color: var(--quanta-violet-300); }
.hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
.focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
.group:hover .group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
.bg-violet-400 { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-bg-violet-400 { background-color: var(--quanta-violet-400); }
.hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
.focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
.group:hover .group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
.bg-violet-500 { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-bg-violet-500 { background-color: var(--quanta-violet-500); }
.hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
.focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
.group:hover .group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
.bg-violet-600 { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-bg-violet-600 { background-color: var(--quanta-violet-600); }
.hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
.focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
.group:hover .group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
.bg-violet-700 { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-bg-violet-700 { background-color: var(--quanta-violet-700); }
.hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
.focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
.group:hover .group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
.bg-violet-800 { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-bg-violet-800 { background-color: var(--quanta-violet-800); }
.hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
.focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
.group:hover .group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
.bg-violet-900 { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-bg-violet-900 { background-color: var(--quanta-violet-900); }
.hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
.focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
.group:hover .group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
.bg-rose-50 { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-bg-rose-50 { background-color: var(--quanta-rose-50); }
.hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
.focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
.group:hover .group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
.bg-rose-100 { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-bg-rose-100 { background-color: var(--quanta-rose-100); }
.hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
.focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
.group:hover .group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
.bg-rose-200 { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-bg-rose-200 { background-color: var(--quanta-rose-200); }
.hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
.focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
.group:hover .group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
.bg-rose-300 { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-bg-rose-300 { background-color: var(--quanta-rose-300); }
.hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
.focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
.group:hover .group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
.bg-rose-400 { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-bg-rose-400 { background-color: var(--quanta-rose-400); }
.hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
.focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
.group:hover .group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
.bg-rose-500 { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-bg-rose-500 { background-color: var(--quanta-rose-500); }
.hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
.focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
.group:hover .group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
.bg-rose-600 { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-bg-rose-600 { background-color: var(--quanta-rose-600); }
.hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
.focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
.group:hover .group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
.bg-rose-700 { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-bg-rose-700 { background-color: var(--quanta-rose-700); }
.hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
.focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
.group:hover .group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
.bg-rose-800 { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-bg-rose-800 { background-color: var(--quanta-rose-800); }
.hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
.focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
.group:hover .group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
.bg-rose-900 { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-bg-rose-900 { background-color: var(--quanta-rose-900); }
.hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
.focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
.group:hover .group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
.bg-slate-50 { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-bg-slate-50 { background-color: var(--quanta-slate-50); }
.hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
.focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
.group:hover .group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
.bg-slate-100 { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-bg-slate-100 { background-color: var(--quanta-slate-100); }
.hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
.focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
.group:hover .group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
.bg-slate-200 { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-bg-slate-200 { background-color: var(--quanta-slate-200); }
.hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
.focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
.group:hover .group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
.bg-slate-300 { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-bg-slate-300 { background-color: var(--quanta-slate-300); }
.hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
.focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
.group:hover .group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
.bg-slate-400 { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-bg-slate-400 { background-color: var(--quanta-slate-400); }
.hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
.focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
.group:hover .group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
.bg-slate-500 { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-bg-slate-500 { background-color: var(--quanta-slate-500); }
.hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
.focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
.group:hover .group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
.bg-slate-600 { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-bg-slate-600 { background-color: var(--quanta-slate-600); }
.hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
.focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
.group:hover .group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
.bg-slate-700 { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-bg-slate-700 { background-color: var(--quanta-slate-700); }
.hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
.focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
.group:hover .group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
.bg-slate-800 { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-bg-slate-800 { background-color: var(--quanta-slate-800); }
.hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
.focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
.group:hover .group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
.bg-slate-900 { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-bg-slate-900 { background-color: var(--quanta-slate-900); }
.hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
.focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
.group:hover .group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
.bg-blue-50 { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-bg-blue-50 { background-color: var(--quanta-blue-50); }
.hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
.focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
.group:hover .group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
.bg-blue-100 { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-bg-blue-100 { background-color: var(--quanta-blue-100); }
.hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
.focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
.group:hover .group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
.bg-blue-200 { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-bg-blue-200 { background-color: var(--quanta-blue-200); }
.hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
.focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
.group:hover .group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
.bg-blue-300 { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-bg-blue-300 { background-color: var(--quanta-blue-300); }
.hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
.focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
.group:hover .group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
.bg-blue-400 { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-bg-blue-400 { background-color: var(--quanta-blue-400); }
.hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
.focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
.group:hover .group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
.bg-blue-500 { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-bg-blue-500 { background-color: var(--quanta-blue-500); }
.hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
.focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
.group:hover .group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
.bg-blue-600 { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-bg-blue-600 { background-color: var(--quanta-blue-600); }
.hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
.focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
.group:hover .group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
.bg-blue-700 { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-bg-blue-700 { background-color: var(--quanta-blue-700); }
.hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
.focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
.group:hover .group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
.bg-blue-800 { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-bg-blue-800 { background-color: var(--quanta-blue-800); }
.hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
.focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
.group:hover .group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
.bg-blue-900 { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-bg-blue-900 { background-color: var(--quanta-blue-900); }
.hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
.focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
.group:hover .group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
.bg-green-50 { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-bg-green-50 { background-color: var(--quanta-green-50); }
.hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.active-bg-green-50:active { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
.focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
.group:hover .group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
.bg-green-100 { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-bg-green-100 { background-color: var(--quanta-green-100); }
.hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.active-bg-green-100:active { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
.focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
.group:hover .group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
.bg-green-200 { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-bg-green-200 { background-color: var(--quanta-green-200); }
.hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.active-bg-green-200:active { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
.focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
.group:hover .group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
.bg-green-300 { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-bg-green-300 { background-color: var(--quanta-green-300); }
.hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.active-bg-green-300:active { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
.focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
.group:hover .group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
.bg-green-400 { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-bg-green-400 { background-color: var(--quanta-green-400); }
.hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.active-bg-green-400:active { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
.focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
.group:hover .group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
.bg-green-500 { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-bg-green-500 { background-color: var(--quanta-green-500); }
.hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.active-bg-green-500:active { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
.focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
.group:hover .group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
.bg-green-600 { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-bg-green-600 { background-color: var(--quanta-green-600); }
.hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.active-bg-green-600:active { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
.focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
.group:hover .group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
.bg-green-700 { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-bg-green-700 { background-color: var(--quanta-green-700); }
.hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.active-bg-green-700:active { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
.focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
.group:hover .group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
.bg-green-800 { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-bg-green-800 { background-color: var(--quanta-green-800); }
.hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.active-bg-green-800:active { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
.focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
.group:hover .group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
.bg-green-900 { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-bg-green-900 { background-color: var(--quanta-green-900); }
.hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.active-bg-green-900:active { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
.focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
.group:hover .group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
.bg-black { background-color: var(--black); }
html[data-theme="dark"] .dark-bg-black { background-color: var(--black); }
.hover-bg-black:hover { background-color: var(--black); }
html[data-theme="dark"] .dark-hover-bg-black:hover { background-color: var(--black); }
.focus-bg-black:focus { background-color: var(--black); }
html[data-theme="dark"] .dark-focus-bg-black:focus { background-color: var(--black); }
.active-bg-black:active { background-color: var(--black); }
html[data-theme="dark"] .dark-active-bg-black:active { background-color: var(--black); }
.disabled-bg-black:disabled { background-color: var(--black); }
html[data-theme="dark"] .dark-disabled-bg-black:disabled { background-color: var(--black); }
.focus-visible-bg-black:focus-visible { background-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-bg-black:focus-visible { background-color: var(--black); }
.focus-within-bg-black:focus-within { background-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-bg-black:focus-within { background-color: var(--black); }
.group:hover .group-hover-bg-black { background-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-black { background-color: var(--black); }
.bg-white { background-color: var(--white); }
html[data-theme="dark"] .dark-bg-white { background-color: var(--white); }
.hover-bg-white:hover { background-color: var(--white); }
html[data-theme="dark"] .dark-hover-bg-white:hover { background-color: var(--white); }
.focus-bg-white:focus { background-color: var(--white); }
html[data-theme="dark"] .dark-focus-bg-white:focus { background-color: var(--white); }
.active-bg-white:active { background-color: var(--white); }
html[data-theme="dark"] .dark-active-bg-white:active { background-color: var(--white); }
.disabled-bg-white:disabled { background-color: var(--white); }
html[data-theme="dark"] .dark-disabled-bg-white:disabled { background-color: var(--white); }
.focus-visible-bg-white:focus-visible { background-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-bg-white:focus-visible { background-color: var(--white); }
.focus-within-bg-white:focus-within { background-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-bg-white:focus-within { background-color: var(--white); }
.group:hover .group-hover-bg-white { background-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-white { background-color: var(--white); }
.border-red-50 { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-border-red-50 { border-color: var(--quanta-red-50); }
.hover-border-red-50:hover { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.focus-border-red-50:focus { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.active-border-red-50:active { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-border-red-50:active { border-color: var(--quanta-red-50); }
.disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
.focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
.group:hover .group-hover-border-red-50 { border-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
.border-red-100 { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-border-red-100 { border-color: var(--quanta-red-100); }
.hover-border-red-100:hover { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.focus-border-red-100:focus { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.active-border-red-100:active { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-border-red-100:active { border-color: var(--quanta-red-100); }
.disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
.focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
.group:hover .group-hover-border-red-100 { border-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
.border-red-200 { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-border-red-200 { border-color: var(--quanta-red-200); }
.hover-border-red-200:hover { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.focus-border-red-200:focus { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.active-border-red-200:active { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-border-red-200:active { border-color: var(--quanta-red-200); }
.disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
.focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
.group:hover .group-hover-border-red-200 { border-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
.border-red-300 { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-border-red-300 { border-color: var(--quanta-red-300); }
.hover-border-red-300:hover { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.focus-border-red-300:focus { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.active-border-red-300:active { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-border-red-300:active { border-color: var(--quanta-red-300); }
.disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
.focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
.group:hover .group-hover-border-red-300 { border-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
.border-red-400 { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-border-red-400 { border-color: var(--quanta-red-400); }
.hover-border-red-400:hover { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.focus-border-red-400:focus { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.active-border-red-400:active { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-border-red-400:active { border-color: var(--quanta-red-400); }
.disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
.focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
.group:hover .group-hover-border-red-400 { border-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
.border-red-500 { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-border-red-500 { border-color: var(--quanta-red-500); }
.hover-border-red-500:hover { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.focus-border-red-500:focus { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.active-border-red-500:active { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-border-red-500:active { border-color: var(--quanta-red-500); }
.disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
.focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
.group:hover .group-hover-border-red-500 { border-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
.border-red-600 { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-border-red-600 { border-color: var(--quanta-red-600); }
.hover-border-red-600:hover { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.focus-border-red-600:focus { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.active-border-red-600:active { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-border-red-600:active { border-color: var(--quanta-red-600); }
.disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
.focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
.group:hover .group-hover-border-red-600 { border-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
.border-red-700 { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-border-red-700 { border-color: var(--quanta-red-700); }
.hover-border-red-700:hover { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.focus-border-red-700:focus { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.active-border-red-700:active { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-border-red-700:active { border-color: var(--quanta-red-700); }
.disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
.focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
.group:hover .group-hover-border-red-700 { border-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
.border-red-800 { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-border-red-800 { border-color: var(--quanta-red-800); }
.hover-border-red-800:hover { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.focus-border-red-800:focus { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.active-border-red-800:active { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-border-red-800:active { border-color: var(--quanta-red-800); }
.disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
.focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
.group:hover .group-hover-border-red-800 { border-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
.border-red-900 { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-border-red-900 { border-color: var(--quanta-red-900); }
.hover-border-red-900:hover { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.focus-border-red-900:focus { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.active-border-red-900:active { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-border-red-900:active { border-color: var(--quanta-red-900); }
.disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
.focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
.group:hover .group-hover-border-red-900 { border-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
.border-orange-50 { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-border-orange-50 { border-color: var(--quanta-orange-50); }
.hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.active-border-orange-50:active { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
.focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
.group:hover .group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
.border-orange-100 { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-border-orange-100 { border-color: var(--quanta-orange-100); }
.hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.active-border-orange-100:active { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
.focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
.group:hover .group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
.border-orange-200 { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-border-orange-200 { border-color: var(--quanta-orange-200); }
.hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.active-border-orange-200:active { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
.focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
.group:hover .group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
.border-orange-300 { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-border-orange-300 { border-color: var(--quanta-orange-300); }
.hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.active-border-orange-300:active { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
.focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
.group:hover .group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
.border-orange-400 { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-border-orange-400 { border-color: var(--quanta-orange-400); }
.hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.active-border-orange-400:active { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
.focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
.group:hover .group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
.border-orange-500 { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-border-orange-500 { border-color: var(--quanta-orange-500); }
.hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.active-border-orange-500:active { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
.focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
.group:hover .group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
.border-orange-600 { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-border-orange-600 { border-color: var(--quanta-orange-600); }
.hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.active-border-orange-600:active { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
.focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
.group:hover .group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
.border-orange-700 { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-border-orange-700 { border-color: var(--quanta-orange-700); }
.hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.active-border-orange-700:active { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
.focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
.group:hover .group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
.border-orange-800 { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-border-orange-800 { border-color: var(--quanta-orange-800); }
.hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.active-border-orange-800:active { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
.focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
.group:hover .group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
.border-orange-900 { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-border-orange-900 { border-color: var(--quanta-orange-900); }
.hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.active-border-orange-900:active { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
.focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
.group:hover .group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
.border-teal-50 { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-border-teal-50 { border-color: var(--quanta-teal-50); }
.hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.active-border-teal-50:active { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
.focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
.group:hover .group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
.border-teal-100 { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-border-teal-100 { border-color: var(--quanta-teal-100); }
.hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.active-border-teal-100:active { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
.focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
.group:hover .group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
.border-teal-200 { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-border-teal-200 { border-color: var(--quanta-teal-200); }
.hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.active-border-teal-200:active { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
.focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
.group:hover .group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
.border-teal-300 { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-border-teal-300 { border-color: var(--quanta-teal-300); }
.hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.active-border-teal-300:active { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
.focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
.group:hover .group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
.border-teal-400 { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-border-teal-400 { border-color: var(--quanta-teal-400); }
.hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.active-border-teal-400:active { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
.focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
.group:hover .group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
.border-teal-500 { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-border-teal-500 { border-color: var(--quanta-teal-500); }
.hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.active-border-teal-500:active { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
.focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
.group:hover .group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
.border-teal-600 { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-border-teal-600 { border-color: var(--quanta-teal-600); }
.hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.active-border-teal-600:active { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
.focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
.group:hover .group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
.border-teal-700 { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-border-teal-700 { border-color: var(--quanta-teal-700); }
.hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.active-border-teal-700:active { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
.focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
.group:hover .group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
.border-teal-800 { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-border-teal-800 { border-color: var(--quanta-teal-800); }
.hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.active-border-teal-800:active { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
.focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
.group:hover .group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
.border-teal-900 { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-border-teal-900 { border-color: var(--quanta-teal-900); }
.hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.active-border-teal-900:active { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
.focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
.group:hover .group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
.border-purple-50 { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-border-purple-50 { border-color: var(--quanta-purple-50); }
.hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.active-border-purple-50:active { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
.focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
.group:hover .group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
.border-purple-100 { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-border-purple-100 { border-color: var(--quanta-purple-100); }
.hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.active-border-purple-100:active { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
.focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
.group:hover .group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
.border-purple-200 { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-border-purple-200 { border-color: var(--quanta-purple-200); }
.hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.active-border-purple-200:active { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
.focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
.group:hover .group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
.border-purple-300 { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-border-purple-300 { border-color: var(--quanta-purple-300); }
.hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.active-border-purple-300:active { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
.focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
.group:hover .group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
.border-purple-400 { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-border-purple-400 { border-color: var(--quanta-purple-400); }
.hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.active-border-purple-400:active { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
.focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
.group:hover .group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
.border-purple-500 { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-border-purple-500 { border-color: var(--quanta-purple-500); }
.hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.active-border-purple-500:active { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
.focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
.group:hover .group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
.border-purple-600 { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-border-purple-600 { border-color: var(--quanta-purple-600); }
.hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.active-border-purple-600:active { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
.focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
.group:hover .group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
.border-purple-700 { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-border-purple-700 { border-color: var(--quanta-purple-700); }
.hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.active-border-purple-700:active { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
.focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
.group:hover .group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
.border-purple-800 { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-border-purple-800 { border-color: var(--quanta-purple-800); }
.hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.active-border-purple-800:active { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
.focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
.group:hover .group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
.border-purple-900 { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-border-purple-900 { border-color: var(--quanta-purple-900); }
.hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.active-border-purple-900:active { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
.focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
.group:hover .group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
.border-indigo-50 { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
.focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
.group:hover .group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.border-indigo-100 { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
.focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
.group:hover .group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.border-indigo-200 { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
.focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
.group:hover .group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.border-indigo-300 { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
.focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
.group:hover .group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.border-indigo-400 { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
.focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
.group:hover .group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.border-indigo-500 { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
.focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
.group:hover .group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.border-indigo-600 { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
.focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
.group:hover .group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.border-indigo-700 { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
.focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
.group:hover .group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.border-indigo-800 { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
.focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
.group:hover .group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.border-indigo-900 { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
.focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
.group:hover .group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.border-yellow-50 { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
.focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
.group:hover .group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.border-yellow-100 { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
.focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
.group:hover .group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.border-yellow-200 { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
.focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
.group:hover .group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.border-yellow-300 { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
.focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
.group:hover .group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.border-yellow-400 { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
.focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
.group:hover .group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.border-yellow-500 { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
.focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
.group:hover .group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.border-yellow-600 { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
.focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
.group:hover .group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.border-yellow-700 { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
.focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
.group:hover .group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.border-yellow-800 { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
.focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
.group:hover .group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.border-yellow-900 { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
.focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
.group:hover .group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.border-pink-50 { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-border-pink-50 { border-color: var(--quanta-pink-50); }
.hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.active-border-pink-50:active { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
.focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
.group:hover .group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
.border-pink-100 { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-border-pink-100 { border-color: var(--quanta-pink-100); }
.hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.active-border-pink-100:active { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
.focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
.group:hover .group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
.border-pink-200 { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-border-pink-200 { border-color: var(--quanta-pink-200); }
.hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.active-border-pink-200:active { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
.focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
.group:hover .group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
.border-pink-300 { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-border-pink-300 { border-color: var(--quanta-pink-300); }
.hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.active-border-pink-300:active { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
.focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
.group:hover .group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
.border-pink-400 { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-border-pink-400 { border-color: var(--quanta-pink-400); }
.hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.active-border-pink-400:active { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
.focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
.group:hover .group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
.border-pink-500 { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-border-pink-500 { border-color: var(--quanta-pink-500); }
.hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.active-border-pink-500:active { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
.focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
.group:hover .group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
.border-pink-600 { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-border-pink-600 { border-color: var(--quanta-pink-600); }
.hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.active-border-pink-600:active { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
.focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
.group:hover .group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
.border-pink-700 { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-border-pink-700 { border-color: var(--quanta-pink-700); }
.hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.active-border-pink-700:active { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
.focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
.group:hover .group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
.border-pink-800 { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-border-pink-800 { border-color: var(--quanta-pink-800); }
.hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.active-border-pink-800:active { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
.focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
.group:hover .group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
.border-pink-900 { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-border-pink-900 { border-color: var(--quanta-pink-900); }
.hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.active-border-pink-900:active { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
.focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
.group:hover .group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
.border-grey-50 { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-border-grey-50 { border-color: var(--quanta-grey-50); }
.hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.active-border-grey-50:active { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
.focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
.group:hover .group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
.border-grey-100 { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-border-grey-100 { border-color: var(--quanta-grey-100); }
.hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.active-border-grey-100:active { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
.focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
.group:hover .group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
.border-grey-200 { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-border-grey-200 { border-color: var(--quanta-grey-200); }
.hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.active-border-grey-200:active { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
.focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
.group:hover .group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
.border-grey-300 { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-border-grey-300 { border-color: var(--quanta-grey-300); }
.hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.active-border-grey-300:active { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
.focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
.group:hover .group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
.border-grey-400 { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-border-grey-400 { border-color: var(--quanta-grey-400); }
.hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.active-border-grey-400:active { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
.focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
.group:hover .group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
.border-grey-500 { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-border-grey-500 { border-color: var(--quanta-grey-500); }
.hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.active-border-grey-500:active { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
.focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
.group:hover .group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
.border-grey-600 { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-border-grey-600 { border-color: var(--quanta-grey-600); }
.hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.active-border-grey-600:active { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
.focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
.group:hover .group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
.border-grey-700 { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-border-grey-700 { border-color: var(--quanta-grey-700); }
.hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.active-border-grey-700:active { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
.focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
.group:hover .group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
.border-grey-800 { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-border-grey-800 { border-color: var(--quanta-grey-800); }
.hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.active-border-grey-800:active { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
.focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
.group:hover .group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
.border-grey-900 { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-border-grey-900 { border-color: var(--quanta-grey-900); }
.hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.active-border-grey-900:active { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
.focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
.group:hover .group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
.border-zinc-50 { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-border-zinc-50 { border-color: var(--quanta-zinc-50); }
.hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
.focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
.active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
.disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
.focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
.focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
.group:hover .group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
.border-zinc-100 { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-border-zinc-100 { border-color: var(--quanta-zinc-100); }
.hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
.focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
.active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
.disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
.focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
.focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
.group:hover .group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
.border-zinc-200 { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-border-zinc-200 { border-color: var(--quanta-zinc-200); }
.hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
.focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
.active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
.disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
.focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
.focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
.group:hover .group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
.border-zinc-300 { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-border-zinc-300 { border-color: var(--quanta-zinc-300); }
.hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
.focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
.active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
.disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
.focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
.focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
.group:hover .group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
.border-zinc-400 { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-border-zinc-400 { border-color: var(--quanta-zinc-400); }
.hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
.focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
.active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
.disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
.focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
.focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
.group:hover .group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
.border-zinc-500 { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-border-zinc-500 { border-color: var(--quanta-zinc-500); }
.hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
.focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
.active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
.disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
.focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
.focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
.group:hover .group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
.border-zinc-600 { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-border-zinc-600 { border-color: var(--quanta-zinc-600); }
.hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
.focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
.active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
.disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
.focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
.focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
.group:hover .group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
.border-zinc-700 { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-border-zinc-700 { border-color: var(--quanta-zinc-700); }
.hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
.focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
.active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
.disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
.focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
.focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
.group:hover .group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
.border-zinc-800 { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-border-zinc-800 { border-color: var(--quanta-zinc-800); }
.hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
.focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
.active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
.disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
.focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
.focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
.group:hover .group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
.border-zinc-900 { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-border-zinc-900 { border-color: var(--quanta-zinc-900); }
.hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
.focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
.active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
.disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
.focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
.focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
.group:hover .group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
.border-neutral-50 { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-border-neutral-50 { border-color: var(--quanta-neutral-50); }
.hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
.focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
.active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
.disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
.focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
.focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
.group:hover .group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
.border-neutral-100 { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-border-neutral-100 { border-color: var(--quanta-neutral-100); }
.hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
.focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
.active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
.disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
.focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
.focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
.group:hover .group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
.border-neutral-200 { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-border-neutral-200 { border-color: var(--quanta-neutral-200); }
.hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
.focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
.active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
.disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
.focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
.focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
.group:hover .group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
.border-neutral-300 { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-border-neutral-300 { border-color: var(--quanta-neutral-300); }
.hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
.focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
.active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
.disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
.focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
.focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
.group:hover .group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
.border-neutral-400 { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-border-neutral-400 { border-color: var(--quanta-neutral-400); }
.hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
.focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
.active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
.disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
.focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
.focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
.group:hover .group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
.border-neutral-500 { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-border-neutral-500 { border-color: var(--quanta-neutral-500); }
.hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
.focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
.active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
.disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
.focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
.focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
.group:hover .group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
.border-neutral-600 { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-border-neutral-600 { border-color: var(--quanta-neutral-600); }
.hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
.focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
.active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
.disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
.focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
.focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
.group:hover .group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
.border-neutral-700 { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-border-neutral-700 { border-color: var(--quanta-neutral-700); }
.hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
.focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
.active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
.disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
.focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
.focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
.group:hover .group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
.border-neutral-800 { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-border-neutral-800 { border-color: var(--quanta-neutral-800); }
.hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
.focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
.active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
.disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
.focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
.focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
.group:hover .group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
.border-neutral-900 { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-border-neutral-900 { border-color: var(--quanta-neutral-900); }
.hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
.focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
.active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
.disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
.focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
.focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
.group:hover .group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
.border-lime-50 { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-border-lime-50 { border-color: var(--quanta-lime-50); }
.hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.active-border-lime-50:active { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
.focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
.group:hover .group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
.border-lime-100 { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-border-lime-100 { border-color: var(--quanta-lime-100); }
.hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.active-border-lime-100:active { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
.focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
.group:hover .group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
.border-lime-200 { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-border-lime-200 { border-color: var(--quanta-lime-200); }
.hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.active-border-lime-200:active { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
.focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
.group:hover .group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
.border-lime-300 { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-border-lime-300 { border-color: var(--quanta-lime-300); }
.hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.active-border-lime-300:active { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
.focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
.group:hover .group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
.border-lime-400 { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-border-lime-400 { border-color: var(--quanta-lime-400); }
.hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.active-border-lime-400:active { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
.focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
.group:hover .group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
.border-lime-500 { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-border-lime-500 { border-color: var(--quanta-lime-500); }
.hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.active-border-lime-500:active { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
.focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
.group:hover .group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
.border-lime-600 { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-border-lime-600 { border-color: var(--quanta-lime-600); }
.hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.active-border-lime-600:active { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
.focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
.group:hover .group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
.border-lime-700 { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-border-lime-700 { border-color: var(--quanta-lime-700); }
.hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.active-border-lime-700:active { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
.focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
.group:hover .group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
.border-lime-800 { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-border-lime-800 { border-color: var(--quanta-lime-800); }
.hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.active-border-lime-800:active { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
.focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
.group:hover .group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
.border-lime-900 { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-border-lime-900 { border-color: var(--quanta-lime-900); }
.hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.active-border-lime-900:active { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
.focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
.group:hover .group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
.border-cyan-50 { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
.focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
.group:hover .group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.border-cyan-100 { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
.focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
.group:hover .group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.border-cyan-200 { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
.focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
.group:hover .group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.border-cyan-300 { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
.focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
.group:hover .group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.border-cyan-400 { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
.focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
.group:hover .group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.border-cyan-500 { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
.focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
.group:hover .group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.border-cyan-600 { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
.focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
.group:hover .group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.border-cyan-700 { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
.focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
.group:hover .group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.border-cyan-800 { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
.focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
.group:hover .group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.border-cyan-900 { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
.focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
.group:hover .group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.border-sky-50 { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-border-sky-50 { border-color: var(--quanta-sky-50); }
.hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.active-border-sky-50:active { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
.focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
.group:hover .group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
.border-sky-100 { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-border-sky-100 { border-color: var(--quanta-sky-100); }
.hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.active-border-sky-100:active { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
.focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
.group:hover .group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
.border-sky-200 { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-border-sky-200 { border-color: var(--quanta-sky-200); }
.hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.active-border-sky-200:active { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
.focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
.group:hover .group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
.border-sky-300 { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-border-sky-300 { border-color: var(--quanta-sky-300); }
.hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.active-border-sky-300:active { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
.focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
.group:hover .group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
.border-sky-400 { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-border-sky-400 { border-color: var(--quanta-sky-400); }
.hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.active-border-sky-400:active { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
.focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
.group:hover .group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
.border-sky-500 { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-border-sky-500 { border-color: var(--quanta-sky-500); }
.hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.active-border-sky-500:active { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
.focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
.group:hover .group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
.border-sky-600 { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-border-sky-600 { border-color: var(--quanta-sky-600); }
.hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.active-border-sky-600:active { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
.focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
.group:hover .group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
.border-sky-700 { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-border-sky-700 { border-color: var(--quanta-sky-700); }
.hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.active-border-sky-700:active { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
.focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
.group:hover .group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
.border-sky-800 { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-border-sky-800 { border-color: var(--quanta-sky-800); }
.hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.active-border-sky-800:active { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
.focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
.group:hover .group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
.border-sky-900 { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-border-sky-900 { border-color: var(--quanta-sky-900); }
.hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.active-border-sky-900:active { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
.focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
.group:hover .group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
.border-violet-50 { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-border-violet-50 { border-color: var(--quanta-violet-50); }
.hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.active-border-violet-50:active { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
.focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
.group:hover .group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
.border-violet-100 { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-border-violet-100 { border-color: var(--quanta-violet-100); }
.hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.active-border-violet-100:active { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
.focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
.group:hover .group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
.border-violet-200 { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-border-violet-200 { border-color: var(--quanta-violet-200); }
.hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.active-border-violet-200:active { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
.focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
.group:hover .group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
.border-violet-300 { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-border-violet-300 { border-color: var(--quanta-violet-300); }
.hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.active-border-violet-300:active { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
.focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
.group:hover .group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
.border-violet-400 { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-border-violet-400 { border-color: var(--quanta-violet-400); }
.hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.active-border-violet-400:active { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
.focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
.group:hover .group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
.border-violet-500 { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-border-violet-500 { border-color: var(--quanta-violet-500); }
.hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.active-border-violet-500:active { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
.focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
.group:hover .group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
.border-violet-600 { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-border-violet-600 { border-color: var(--quanta-violet-600); }
.hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.active-border-violet-600:active { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
.focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
.group:hover .group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
.border-violet-700 { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-border-violet-700 { border-color: var(--quanta-violet-700); }
.hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.active-border-violet-700:active { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
.focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
.group:hover .group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
.border-violet-800 { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-border-violet-800 { border-color: var(--quanta-violet-800); }
.hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.active-border-violet-800:active { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
.focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
.group:hover .group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
.border-violet-900 { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-border-violet-900 { border-color: var(--quanta-violet-900); }
.hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.active-border-violet-900:active { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
.focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
.group:hover .group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
.border-rose-50 { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-border-rose-50 { border-color: var(--quanta-rose-50); }
.hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.active-border-rose-50:active { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
.focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
.group:hover .group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
.border-rose-100 { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-border-rose-100 { border-color: var(--quanta-rose-100); }
.hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.active-border-rose-100:active { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
.focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
.group:hover .group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
.border-rose-200 { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-border-rose-200 { border-color: var(--quanta-rose-200); }
.hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.active-border-rose-200:active { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
.focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
.group:hover .group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
.border-rose-300 { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-border-rose-300 { border-color: var(--quanta-rose-300); }
.hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.active-border-rose-300:active { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
.focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
.group:hover .group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
.border-rose-400 { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-border-rose-400 { border-color: var(--quanta-rose-400); }
.hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.active-border-rose-400:active { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
.focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
.group:hover .group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
.border-rose-500 { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-border-rose-500 { border-color: var(--quanta-rose-500); }
.hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.active-border-rose-500:active { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
.focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
.group:hover .group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
.border-rose-600 { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-border-rose-600 { border-color: var(--quanta-rose-600); }
.hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.active-border-rose-600:active { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
.focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
.group:hover .group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
.border-rose-700 { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-border-rose-700 { border-color: var(--quanta-rose-700); }
.hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.active-border-rose-700:active { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
.focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
.group:hover .group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
.border-rose-800 { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-border-rose-800 { border-color: var(--quanta-rose-800); }
.hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.active-border-rose-800:active { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
.focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
.group:hover .group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
.border-rose-900 { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-border-rose-900 { border-color: var(--quanta-rose-900); }
.hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.active-border-rose-900:active { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
.focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
.group:hover .group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
.border-slate-50 { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-border-slate-50 { border-color: var(--quanta-slate-50); }
.hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.active-border-slate-50:active { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
.focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
.group:hover .group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
.border-slate-100 { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-border-slate-100 { border-color: var(--quanta-slate-100); }
.hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.active-border-slate-100:active { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
.focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
.group:hover .group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
.border-slate-200 { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-border-slate-200 { border-color: var(--quanta-slate-200); }
.hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.active-border-slate-200:active { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
.focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
.group:hover .group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
.border-slate-300 { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-border-slate-300 { border-color: var(--quanta-slate-300); }
.hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.active-border-slate-300:active { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
.focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
.group:hover .group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
.border-slate-400 { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-border-slate-400 { border-color: var(--quanta-slate-400); }
.hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.active-border-slate-400:active { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
.focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
.group:hover .group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
.border-slate-500 { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-border-slate-500 { border-color: var(--quanta-slate-500); }
.hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.active-border-slate-500:active { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
.focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
.group:hover .group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
.border-slate-600 { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-border-slate-600 { border-color: var(--quanta-slate-600); }
.hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.active-border-slate-600:active { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
.focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
.group:hover .group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
.border-slate-700 { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-border-slate-700 { border-color: var(--quanta-slate-700); }
.hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.active-border-slate-700:active { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
.focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
.group:hover .group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
.border-slate-800 { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-border-slate-800 { border-color: var(--quanta-slate-800); }
.hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.active-border-slate-800:active { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
.focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
.group:hover .group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
.border-slate-900 { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-border-slate-900 { border-color: var(--quanta-slate-900); }
.hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.active-border-slate-900:active { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
.focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
.group:hover .group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
.border-blue-50 { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-border-blue-50 { border-color: var(--quanta-blue-50); }
.hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.active-border-blue-50:active { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
.focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
.group:hover .group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
.border-blue-100 { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-border-blue-100 { border-color: var(--quanta-blue-100); }
.hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.active-border-blue-100:active { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
.focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
.group:hover .group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
.border-blue-200 { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-border-blue-200 { border-color: var(--quanta-blue-200); }
.hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.active-border-blue-200:active { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
.focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
.group:hover .group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
.border-blue-300 { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-border-blue-300 { border-color: var(--quanta-blue-300); }
.hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.active-border-blue-300:active { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
.focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
.group:hover .group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
.border-blue-400 { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-border-blue-400 { border-color: var(--quanta-blue-400); }
.hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.active-border-blue-400:active { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
.focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
.group:hover .group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
.border-blue-500 { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-border-blue-500 { border-color: var(--quanta-blue-500); }
.hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.active-border-blue-500:active { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
.focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
.group:hover .group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
.border-blue-600 { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-border-blue-600 { border-color: var(--quanta-blue-600); }
.hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.active-border-blue-600:active { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
.focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
.group:hover .group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
.border-blue-700 { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-border-blue-700 { border-color: var(--quanta-blue-700); }
.hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.active-border-blue-700:active { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
.focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
.group:hover .group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
.border-blue-800 { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-border-blue-800 { border-color: var(--quanta-blue-800); }
.hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.active-border-blue-800:active { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
.focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
.group:hover .group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
.border-blue-900 { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-border-blue-900 { border-color: var(--quanta-blue-900); }
.hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.active-border-blue-900:active { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
.focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
.group:hover .group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
.border-green-50 { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-border-green-50 { border-color: var(--quanta-green-50); }
.hover-border-green-50:hover { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.focus-border-green-50:focus { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.active-border-green-50:active { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-border-green-50:active { border-color: var(--quanta-green-50); }
.disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
.focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
.group:hover .group-hover-border-green-50 { border-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
.border-green-100 { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-border-green-100 { border-color: var(--quanta-green-100); }
.hover-border-green-100:hover { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.focus-border-green-100:focus { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.active-border-green-100:active { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-border-green-100:active { border-color: var(--quanta-green-100); }
.disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
.focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
.group:hover .group-hover-border-green-100 { border-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
.border-green-200 { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-border-green-200 { border-color: var(--quanta-green-200); }
.hover-border-green-200:hover { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.focus-border-green-200:focus { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.active-border-green-200:active { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-border-green-200:active { border-color: var(--quanta-green-200); }
.disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
.focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
.group:hover .group-hover-border-green-200 { border-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
.border-green-300 { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-border-green-300 { border-color: var(--quanta-green-300); }
.hover-border-green-300:hover { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.focus-border-green-300:focus { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.active-border-green-300:active { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-border-green-300:active { border-color: var(--quanta-green-300); }
.disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
.focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
.group:hover .group-hover-border-green-300 { border-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
.border-green-400 { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-border-green-400 { border-color: var(--quanta-green-400); }
.hover-border-green-400:hover { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.focus-border-green-400:focus { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.active-border-green-400:active { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-border-green-400:active { border-color: var(--quanta-green-400); }
.disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
.focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
.group:hover .group-hover-border-green-400 { border-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
.border-green-500 { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-border-green-500 { border-color: var(--quanta-green-500); }
.hover-border-green-500:hover { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.focus-border-green-500:focus { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.active-border-green-500:active { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-border-green-500:active { border-color: var(--quanta-green-500); }
.disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
.focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
.group:hover .group-hover-border-green-500 { border-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
.border-green-600 { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-border-green-600 { border-color: var(--quanta-green-600); }
.hover-border-green-600:hover { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.focus-border-green-600:focus { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.active-border-green-600:active { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-border-green-600:active { border-color: var(--quanta-green-600); }
.disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
.focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
.group:hover .group-hover-border-green-600 { border-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
.border-green-700 { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-border-green-700 { border-color: var(--quanta-green-700); }
.hover-border-green-700:hover { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.focus-border-green-700:focus { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.active-border-green-700:active { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-border-green-700:active { border-color: var(--quanta-green-700); }
.disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
.focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
.group:hover .group-hover-border-green-700 { border-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
.border-green-800 { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-border-green-800 { border-color: var(--quanta-green-800); }
.hover-border-green-800:hover { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.focus-border-green-800:focus { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.active-border-green-800:active { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-border-green-800:active { border-color: var(--quanta-green-800); }
.disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
.focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
.group:hover .group-hover-border-green-800 { border-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
.border-green-900 { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-border-green-900 { border-color: var(--quanta-green-900); }
.hover-border-green-900:hover { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.focus-border-green-900:focus { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.active-border-green-900:active { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-border-green-900:active { border-color: var(--quanta-green-900); }
.disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
.focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
.group:hover .group-hover-border-green-900 { border-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
.border-black { border-color: var(--black); }
html[data-theme="dark"] .dark-border-black { border-color: var(--black); }
.hover-border-black:hover { border-color: var(--black); }
html[data-theme="dark"] .dark-hover-border-black:hover { border-color: var(--black); }
.focus-border-black:focus { border-color: var(--black); }
html[data-theme="dark"] .dark-focus-border-black:focus { border-color: var(--black); }
.active-border-black:active { border-color: var(--black); }
html[data-theme="dark"] .dark-active-border-black:active { border-color: var(--black); }
.disabled-border-black:disabled { border-color: var(--black); }
html[data-theme="dark"] .dark-disabled-border-black:disabled { border-color: var(--black); }
.focus-visible-border-black:focus-visible { border-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-border-black:focus-visible { border-color: var(--black); }
.focus-within-border-black:focus-within { border-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-border-black:focus-within { border-color: var(--black); }
.group:hover .group-hover-border-black { border-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-black { border-color: var(--black); }
.border-white { border-color: var(--white); }
html[data-theme="dark"] .dark-border-white { border-color: var(--white); }
.hover-border-white:hover { border-color: var(--white); }
html[data-theme="dark"] .dark-hover-border-white:hover { border-color: var(--white); }
.focus-border-white:focus { border-color: var(--white); }
html[data-theme="dark"] .dark-focus-border-white:focus { border-color: var(--white); }
.active-border-white:active { border-color: var(--white); }
html[data-theme="dark"] .dark-active-border-white:active { border-color: var(--white); }
.disabled-border-white:disabled { border-color: var(--white); }
html[data-theme="dark"] .dark-disabled-border-white:disabled { border-color: var(--white); }
.focus-visible-border-white:focus-visible { border-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-border-white:focus-visible { border-color: var(--white); }
.focus-within-border-white:focus-within { border-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-border-white:focus-within { border-color: var(--white); }
.group:hover .group-hover-border-white { border-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-white { border-color: var(--white); }
.border-0 { border-width: 0.0rem; }
html[data-theme="dark"] .dark-border-0 { border-width: 0.0rem; }
.hover-border-0:hover { border-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-0:hover { border-width: 0.0rem; }
.focus-border-0:focus { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-0:focus { border-width: 0.0rem; }
.active-border-0:active { border-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-0:active { border-width: 0.0rem; }
.disabled-border-0:disabled { border-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-0:disabled { border-width: 0.0rem; }
.focus-visible-border-0:focus-visible { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
.focus-within-border-0:focus-within { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-0:focus-within { border-width: 0.0rem; }
.group:hover .group-hover-border-0 { border-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-0 { border-width: 0.0rem; }
.border-0 { border-width: 0.0rem; }
html[data-theme="dark"] .dark-border-0 { border-width: 0.0rem; }
.hover-border-0:hover { border-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-0:hover { border-width: 0.0rem; }
.focus-border-0:focus { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-0:focus { border-width: 0.0rem; }
.active-border-0:active { border-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-0:active { border-width: 0.0rem; }
.disabled-border-0:disabled { border-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-0:disabled { border-width: 0.0rem; }
.focus-visible-border-0:focus-visible { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
.focus-within-border-0:focus-within { border-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-0:focus-within { border-width: 0.0rem; }
.group:hover .group-hover-border-0 { border-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-0 { border-width: 0.0rem; }
.border-t-0 { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-border-t-0 { border-top-width: 0.0rem; }
.hover-border-t-0:hover { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-t-0:hover { border-top-width: 0.0rem; }
.focus-border-t-0:focus { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-t-0:focus { border-top-width: 0.0rem; }
.active-border-t-0:active { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-t-0:active { border-top-width: 0.0rem; }
.disabled-border-t-0:disabled { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
.focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
.group:hover .group-hover-border-t-0 { border-top-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-0 { border-top-width: 0.0rem; }
.border-r-0 { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-border-r-0 { border-right-width: 0.0rem; }
.hover-border-r-0:hover { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-r-0:hover { border-right-width: 0.0rem; }
.focus-border-r-0:focus { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-r-0:focus { border-right-width: 0.0rem; }
.active-border-r-0:active { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-r-0:active { border-right-width: 0.0rem; }
.disabled-border-r-0:disabled { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
.focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
.group:hover .group-hover-border-r-0 { border-right-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-0 { border-right-width: 0.0rem; }
.border-b-0 { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-border-b-0 { border-bottom-width: 0.0rem; }
.hover-border-b-0:hover { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.focus-border-b-0:focus { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.active-border-b-0:active { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-b-0:active { border-bottom-width: 0.0rem; }
.disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
.focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
.group:hover .group-hover-border-b-0 { border-bottom-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
.border-l-0 { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-border-l-0 { border-left-width: 0.0rem; }
.hover-border-l-0:hover { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-l-0:hover { border-left-width: 0.0rem; }
.focus-border-l-0:focus { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-l-0:focus { border-left-width: 0.0rem; }
.active-border-l-0:active { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-l-0:active { border-left-width: 0.0rem; }
.disabled-border-l-0:disabled { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
.focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
.group:hover .group-hover-border-l-0 { border-left-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-0 { border-left-width: 0.0rem; }
.border-1 { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-1 { border-width: 0.0625rem; }
.hover-border-1:hover { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-1:hover { border-width: 0.0625rem; }
.focus-border-1:focus { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-1:focus { border-width: 0.0625rem; }
.active-border-1:active { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-1:active { border-width: 0.0625rem; }
.disabled-border-1:disabled { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-1:disabled { border-width: 0.0625rem; }
.focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
.focus-within-border-1:focus-within { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-1:focus-within { border-width: 0.0625rem; }
.group:hover .group-hover-border-1 { border-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-1 { border-width: 0.0625rem; }
.border-1 { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-1 { border-width: 0.0625rem; }
.hover-border-1:hover { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-1:hover { border-width: 0.0625rem; }
.focus-border-1:focus { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-1:focus { border-width: 0.0625rem; }
.active-border-1:active { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-1:active { border-width: 0.0625rem; }
.disabled-border-1:disabled { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-1:disabled { border-width: 0.0625rem; }
.focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
.focus-within-border-1:focus-within { border-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-1:focus-within { border-width: 0.0625rem; }
.group:hover .group-hover-border-1 { border-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-1 { border-width: 0.0625rem; }
.border-t-1 { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-t-1 { border-top-width: 0.0625rem; }
.hover-border-t-1:hover { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.focus-border-t-1:focus { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.active-border-t-1:active { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-t-1:active { border-top-width: 0.0625rem; }
.disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
.focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
.group:hover .group-hover-border-t-1 { border-top-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-1 { border-top-width: 0.0625rem; }
.border-r-1 { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-r-1 { border-right-width: 0.0625rem; }
.hover-border-r-1:hover { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.focus-border-r-1:focus { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.active-border-r-1:active { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-r-1:active { border-right-width: 0.0625rem; }
.disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
.focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
.group:hover .group-hover-border-r-1 { border-right-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-1 { border-right-width: 0.0625rem; }
.border-b-1 { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-b-1 { border-bottom-width: 0.0625rem; }
.hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.active-border-b-1:active { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
.focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
.group:hover .group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
.border-l-1 { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-l-1 { border-left-width: 0.0625rem; }
.hover-border-l-1:hover { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.focus-border-l-1:focus { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.active-border-l-1:active { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-l-1:active { border-left-width: 0.0625rem; }
.disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
.focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
.group:hover .group-hover-border-l-1 { border-left-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-1 { border-left-width: 0.0625rem; }
.border-2 { border-width: 0.125rem; }
html[data-theme="dark"] .dark-border-2 { border-width: 0.125rem; }
.hover-border-2:hover { border-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-2:hover { border-width: 0.125rem; }
.focus-border-2:focus { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-2:focus { border-width: 0.125rem; }
.active-border-2:active { border-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-2:active { border-width: 0.125rem; }
.disabled-border-2:disabled { border-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-2:disabled { border-width: 0.125rem; }
.focus-visible-border-2:focus-visible { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
.focus-within-border-2:focus-within { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-2:focus-within { border-width: 0.125rem; }
.group:hover .group-hover-border-2 { border-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-2 { border-width: 0.125rem; }
.border-2 { border-width: 0.125rem; }
html[data-theme="dark"] .dark-border-2 { border-width: 0.125rem; }
.hover-border-2:hover { border-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-2:hover { border-width: 0.125rem; }
.focus-border-2:focus { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-2:focus { border-width: 0.125rem; }
.active-border-2:active { border-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-2:active { border-width: 0.125rem; }
.disabled-border-2:disabled { border-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-2:disabled { border-width: 0.125rem; }
.focus-visible-border-2:focus-visible { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
.focus-within-border-2:focus-within { border-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-2:focus-within { border-width: 0.125rem; }
.group:hover .group-hover-border-2 { border-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-2 { border-width: 0.125rem; }
.border-t-2 { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-border-t-2 { border-top-width: 0.125rem; }
.hover-border-t-2:hover { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-t-2:hover { border-top-width: 0.125rem; }
.focus-border-t-2:focus { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-t-2:focus { border-top-width: 0.125rem; }
.active-border-t-2:active { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-t-2:active { border-top-width: 0.125rem; }
.disabled-border-t-2:disabled { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
.focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
.group:hover .group-hover-border-t-2 { border-top-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-2 { border-top-width: 0.125rem; }
.border-r-2 { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-border-r-2 { border-right-width: 0.125rem; }
.hover-border-r-2:hover { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-r-2:hover { border-right-width: 0.125rem; }
.focus-border-r-2:focus { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-r-2:focus { border-right-width: 0.125rem; }
.active-border-r-2:active { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-r-2:active { border-right-width: 0.125rem; }
.disabled-border-r-2:disabled { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
.focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
.group:hover .group-hover-border-r-2 { border-right-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-2 { border-right-width: 0.125rem; }
.border-b-2 { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-border-b-2 { border-bottom-width: 0.125rem; }
.hover-border-b-2:hover { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.focus-border-b-2:focus { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.active-border-b-2:active { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-b-2:active { border-bottom-width: 0.125rem; }
.disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
.focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
.group:hover .group-hover-border-b-2 { border-bottom-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
.border-l-2 { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-border-l-2 { border-left-width: 0.125rem; }
.hover-border-l-2:hover { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-l-2:hover { border-left-width: 0.125rem; }
.focus-border-l-2:focus { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-l-2:focus { border-left-width: 0.125rem; }
.active-border-l-2:active { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-l-2:active { border-left-width: 0.125rem; }
.disabled-border-l-2:disabled { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
.focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
.group:hover .group-hover-border-l-2 { border-left-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-2 { border-left-width: 0.125rem; }
.border-3 { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-3 { border-width: 0.1875rem; }
.hover-border-3:hover { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-3:hover { border-width: 0.1875rem; }
.focus-border-3:focus { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-3:focus { border-width: 0.1875rem; }
.active-border-3:active { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-3:active { border-width: 0.1875rem; }
.disabled-border-3:disabled { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-3:disabled { border-width: 0.1875rem; }
.focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
.focus-within-border-3:focus-within { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-3:focus-within { border-width: 0.1875rem; }
.group:hover .group-hover-border-3 { border-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-3 { border-width: 0.1875rem; }
.border-3 { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-3 { border-width: 0.1875rem; }
.hover-border-3:hover { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-3:hover { border-width: 0.1875rem; }
.focus-border-3:focus { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-3:focus { border-width: 0.1875rem; }
.active-border-3:active { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-3:active { border-width: 0.1875rem; }
.disabled-border-3:disabled { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-3:disabled { border-width: 0.1875rem; }
.focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
.focus-within-border-3:focus-within { border-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-3:focus-within { border-width: 0.1875rem; }
.group:hover .group-hover-border-3 { border-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-3 { border-width: 0.1875rem; }
.border-t-3 { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-t-3 { border-top-width: 0.1875rem; }
.hover-border-t-3:hover { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.focus-border-t-3:focus { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.active-border-t-3:active { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-t-3:active { border-top-width: 0.1875rem; }
.disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
.focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
.group:hover .group-hover-border-t-3 { border-top-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-3 { border-top-width: 0.1875rem; }
.border-r-3 { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-r-3 { border-right-width: 0.1875rem; }
.hover-border-r-3:hover { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.focus-border-r-3:focus { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.active-border-r-3:active { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-r-3:active { border-right-width: 0.1875rem; }
.disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
.focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
.group:hover .group-hover-border-r-3 { border-right-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-3 { border-right-width: 0.1875rem; }
.border-b-3 { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-b-3 { border-bottom-width: 0.1875rem; }
.hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.active-border-b-3:active { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
.focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
.group:hover .group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
.border-l-3 { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-l-3 { border-left-width: 0.1875rem; }
.hover-border-l-3:hover { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.focus-border-l-3:focus { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.active-border-l-3:active { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-l-3:active { border-left-width: 0.1875rem; }
.disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
.focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
.group:hover .group-hover-border-l-3 { border-left-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-3 { border-left-width: 0.1875rem; }
.border-4 { border-width: 0.25rem; }
html[data-theme="dark"] .dark-border-4 { border-width: 0.25rem; }
.hover-border-4:hover { border-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-4:hover { border-width: 0.25rem; }
.focus-border-4:focus { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-4:focus { border-width: 0.25rem; }
.active-border-4:active { border-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-4:active { border-width: 0.25rem; }
.disabled-border-4:disabled { border-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-4:disabled { border-width: 0.25rem; }
.focus-visible-border-4:focus-visible { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
.focus-within-border-4:focus-within { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-4:focus-within { border-width: 0.25rem; }
.group:hover .group-hover-border-4 { border-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-4 { border-width: 0.25rem; }
.border-4 { border-width: 0.25rem; }
html[data-theme="dark"] .dark-border-4 { border-width: 0.25rem; }
.hover-border-4:hover { border-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-4:hover { border-width: 0.25rem; }
.focus-border-4:focus { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-4:focus { border-width: 0.25rem; }
.active-border-4:active { border-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-4:active { border-width: 0.25rem; }
.disabled-border-4:disabled { border-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-4:disabled { border-width: 0.25rem; }
.focus-visible-border-4:focus-visible { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
.focus-within-border-4:focus-within { border-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-4:focus-within { border-width: 0.25rem; }
.group:hover .group-hover-border-4 { border-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-4 { border-width: 0.25rem; }
.border-t-4 { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-border-t-4 { border-top-width: 0.25rem; }
.hover-border-t-4:hover { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-t-4:hover { border-top-width: 0.25rem; }
.focus-border-t-4:focus { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-t-4:focus { border-top-width: 0.25rem; }
.active-border-t-4:active { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-t-4:active { border-top-width: 0.25rem; }
.disabled-border-t-4:disabled { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
.focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
.group:hover .group-hover-border-t-4 { border-top-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-4 { border-top-width: 0.25rem; }
.border-r-4 { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-border-r-4 { border-right-width: 0.25rem; }
.hover-border-r-4:hover { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-r-4:hover { border-right-width: 0.25rem; }
.focus-border-r-4:focus { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-r-4:focus { border-right-width: 0.25rem; }
.active-border-r-4:active { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-r-4:active { border-right-width: 0.25rem; }
.disabled-border-r-4:disabled { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
.focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
.group:hover .group-hover-border-r-4 { border-right-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-4 { border-right-width: 0.25rem; }
.border-b-4 { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-border-b-4 { border-bottom-width: 0.25rem; }
.hover-border-b-4:hover { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.focus-border-b-4:focus { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.active-border-b-4:active { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-b-4:active { border-bottom-width: 0.25rem; }
.disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
.focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
.group:hover .group-hover-border-b-4 { border-bottom-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
.border-l-4 { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-border-l-4 { border-left-width: 0.25rem; }
.hover-border-l-4:hover { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-l-4:hover { border-left-width: 0.25rem; }
.focus-border-l-4:focus { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-l-4:focus { border-left-width: 0.25rem; }
.active-border-l-4:active { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-l-4:active { border-left-width: 0.25rem; }
.disabled-border-l-4:disabled { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
.focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
.group:hover .group-hover-border-l-4 { border-left-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-4 { border-left-width: 0.25rem; }
.border-5 { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-5 { border-width: 0.3125rem; }
.hover-border-5:hover { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-5:hover { border-width: 0.3125rem; }
.focus-border-5:focus { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-5:focus { border-width: 0.3125rem; }
.active-border-5:active { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-5:active { border-width: 0.3125rem; }
.disabled-border-5:disabled { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-5:disabled { border-width: 0.3125rem; }
.focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
.focus-within-border-5:focus-within { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-5:focus-within { border-width: 0.3125rem; }
.group:hover .group-hover-border-5 { border-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-5 { border-width: 0.3125rem; }
.border-5 { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-5 { border-width: 0.3125rem; }
.hover-border-5:hover { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-5:hover { border-width: 0.3125rem; }
.focus-border-5:focus { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-5:focus { border-width: 0.3125rem; }
.active-border-5:active { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-5:active { border-width: 0.3125rem; }
.disabled-border-5:disabled { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-5:disabled { border-width: 0.3125rem; }
.focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
.focus-within-border-5:focus-within { border-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-5:focus-within { border-width: 0.3125rem; }
.group:hover .group-hover-border-5 { border-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-5 { border-width: 0.3125rem; }
.border-t-5 { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-t-5 { border-top-width: 0.3125rem; }
.hover-border-t-5:hover { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.focus-border-t-5:focus { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.active-border-t-5:active { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-t-5:active { border-top-width: 0.3125rem; }
.disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
.focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
.group:hover .group-hover-border-t-5 { border-top-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-5 { border-top-width: 0.3125rem; }
.border-r-5 { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-r-5 { border-right-width: 0.3125rem; }
.hover-border-r-5:hover { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.focus-border-r-5:focus { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.active-border-r-5:active { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-r-5:active { border-right-width: 0.3125rem; }
.disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
.focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
.group:hover .group-hover-border-r-5 { border-right-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-5 { border-right-width: 0.3125rem; }
.border-b-5 { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-b-5 { border-bottom-width: 0.3125rem; }
.hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.active-border-b-5:active { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
.focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
.group:hover .group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
.border-l-5 { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-l-5 { border-left-width: 0.3125rem; }
.hover-border-l-5:hover { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.focus-border-l-5:focus { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.active-border-l-5:active { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-l-5:active { border-left-width: 0.3125rem; }
.disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
.focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
.group:hover .group-hover-border-l-5 { border-left-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-5 { border-left-width: 0.3125rem; }
.border-6 { border-width: 0.375rem; }
html[data-theme="dark"] .dark-border-6 { border-width: 0.375rem; }
.hover-border-6:hover { border-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-6:hover { border-width: 0.375rem; }
.focus-border-6:focus { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-6:focus { border-width: 0.375rem; }
.active-border-6:active { border-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-6:active { border-width: 0.375rem; }
.disabled-border-6:disabled { border-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-6:disabled { border-width: 0.375rem; }
.focus-visible-border-6:focus-visible { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
.focus-within-border-6:focus-within { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-6:focus-within { border-width: 0.375rem; }
.group:hover .group-hover-border-6 { border-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-6 { border-width: 0.375rem; }
.border-6 { border-width: 0.375rem; }
html[data-theme="dark"] .dark-border-6 { border-width: 0.375rem; }
.hover-border-6:hover { border-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-6:hover { border-width: 0.375rem; }
.focus-border-6:focus { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-6:focus { border-width: 0.375rem; }
.active-border-6:active { border-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-6:active { border-width: 0.375rem; }
.disabled-border-6:disabled { border-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-6:disabled { border-width: 0.375rem; }
.focus-visible-border-6:focus-visible { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
.focus-within-border-6:focus-within { border-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-6:focus-within { border-width: 0.375rem; }
.group:hover .group-hover-border-6 { border-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-6 { border-width: 0.375rem; }
.border-t-6 { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-border-t-6 { border-top-width: 0.375rem; }
.hover-border-t-6:hover { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-t-6:hover { border-top-width: 0.375rem; }
.focus-border-t-6:focus { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-t-6:focus { border-top-width: 0.375rem; }
.active-border-t-6:active { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-t-6:active { border-top-width: 0.375rem; }
.disabled-border-t-6:disabled { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
.focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
.group:hover .group-hover-border-t-6 { border-top-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-6 { border-top-width: 0.375rem; }
.border-r-6 { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-border-r-6 { border-right-width: 0.375rem; }
.hover-border-r-6:hover { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-r-6:hover { border-right-width: 0.375rem; }
.focus-border-r-6:focus { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-r-6:focus { border-right-width: 0.375rem; }
.active-border-r-6:active { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-r-6:active { border-right-width: 0.375rem; }
.disabled-border-r-6:disabled { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
.focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
.group:hover .group-hover-border-r-6 { border-right-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-6 { border-right-width: 0.375rem; }
.border-b-6 { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-border-b-6 { border-bottom-width: 0.375rem; }
.hover-border-b-6:hover { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.focus-border-b-6:focus { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.active-border-b-6:active { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-b-6:active { border-bottom-width: 0.375rem; }
.disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
.focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
.group:hover .group-hover-border-b-6 { border-bottom-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
.border-l-6 { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-border-l-6 { border-left-width: 0.375rem; }
.hover-border-l-6:hover { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-l-6:hover { border-left-width: 0.375rem; }
.focus-border-l-6:focus { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-l-6:focus { border-left-width: 0.375rem; }
.active-border-l-6:active { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-l-6:active { border-left-width: 0.375rem; }
.disabled-border-l-6:disabled { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
.focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
.group:hover .group-hover-border-l-6 { border-left-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-6 { border-left-width: 0.375rem; }
.border-7 { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-7 { border-width: 0.4375rem; }
.hover-border-7:hover { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-7:hover { border-width: 0.4375rem; }
.focus-border-7:focus { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-7:focus { border-width: 0.4375rem; }
.active-border-7:active { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-7:active { border-width: 0.4375rem; }
.disabled-border-7:disabled { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-7:disabled { border-width: 0.4375rem; }
.focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
.focus-within-border-7:focus-within { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-7:focus-within { border-width: 0.4375rem; }
.group:hover .group-hover-border-7 { border-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-7 { border-width: 0.4375rem; }
.border-7 { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-7 { border-width: 0.4375rem; }
.hover-border-7:hover { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-7:hover { border-width: 0.4375rem; }
.focus-border-7:focus { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-7:focus { border-width: 0.4375rem; }
.active-border-7:active { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-7:active { border-width: 0.4375rem; }
.disabled-border-7:disabled { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-7:disabled { border-width: 0.4375rem; }
.focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
.focus-within-border-7:focus-within { border-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-7:focus-within { border-width: 0.4375rem; }
.group:hover .group-hover-border-7 { border-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-7 { border-width: 0.4375rem; }
.border-t-7 { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-t-7 { border-top-width: 0.4375rem; }
.hover-border-t-7:hover { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.focus-border-t-7:focus { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.active-border-t-7:active { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-t-7:active { border-top-width: 0.4375rem; }
.disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
.focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
.group:hover .group-hover-border-t-7 { border-top-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-7 { border-top-width: 0.4375rem; }
.border-r-7 { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-r-7 { border-right-width: 0.4375rem; }
.hover-border-r-7:hover { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.focus-border-r-7:focus { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.active-border-r-7:active { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-r-7:active { border-right-width: 0.4375rem; }
.disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
.focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
.group:hover .group-hover-border-r-7 { border-right-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-7 { border-right-width: 0.4375rem; }
.border-b-7 { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-b-7 { border-bottom-width: 0.4375rem; }
.hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.active-border-b-7:active { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
.focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
.group:hover .group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
.border-l-7 { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-l-7 { border-left-width: 0.4375rem; }
.hover-border-l-7:hover { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.focus-border-l-7:focus { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.active-border-l-7:active { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-l-7:active { border-left-width: 0.4375rem; }
.disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
.focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
.group:hover .group-hover-border-l-7 { border-left-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-7 { border-left-width: 0.4375rem; }
.border-8 { border-width: 0.5rem; }
html[data-theme="dark"] .dark-border-8 { border-width: 0.5rem; }
.hover-border-8:hover { border-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-8:hover { border-width: 0.5rem; }
.focus-border-8:focus { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-8:focus { border-width: 0.5rem; }
.active-border-8:active { border-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-8:active { border-width: 0.5rem; }
.disabled-border-8:disabled { border-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-8:disabled { border-width: 0.5rem; }
.focus-visible-border-8:focus-visible { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
.focus-within-border-8:focus-within { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-8:focus-within { border-width: 0.5rem; }
.group:hover .group-hover-border-8 { border-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-8 { border-width: 0.5rem; }
.border-8 { border-width: 0.5rem; }
html[data-theme="dark"] .dark-border-8 { border-width: 0.5rem; }
.hover-border-8:hover { border-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-8:hover { border-width: 0.5rem; }
.focus-border-8:focus { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-8:focus { border-width: 0.5rem; }
.active-border-8:active { border-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-8:active { border-width: 0.5rem; }
.disabled-border-8:disabled { border-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-8:disabled { border-width: 0.5rem; }
.focus-visible-border-8:focus-visible { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
.focus-within-border-8:focus-within { border-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-8:focus-within { border-width: 0.5rem; }
.group:hover .group-hover-border-8 { border-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-8 { border-width: 0.5rem; }
.border-t-8 { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-border-t-8 { border-top-width: 0.5rem; }
.hover-border-t-8:hover { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-t-8:hover { border-top-width: 0.5rem; }
.focus-border-t-8:focus { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-t-8:focus { border-top-width: 0.5rem; }
.active-border-t-8:active { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-t-8:active { border-top-width: 0.5rem; }
.disabled-border-t-8:disabled { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
.focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
.group:hover .group-hover-border-t-8 { border-top-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-8 { border-top-width: 0.5rem; }
.border-r-8 { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-border-r-8 { border-right-width: 0.5rem; }
.hover-border-r-8:hover { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-r-8:hover { border-right-width: 0.5rem; }
.focus-border-r-8:focus { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-r-8:focus { border-right-width: 0.5rem; }
.active-border-r-8:active { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-r-8:active { border-right-width: 0.5rem; }
.disabled-border-r-8:disabled { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
.focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
.group:hover .group-hover-border-r-8 { border-right-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-8 { border-right-width: 0.5rem; }
.border-b-8 { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-border-b-8 { border-bottom-width: 0.5rem; }
.hover-border-b-8:hover { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.focus-border-b-8:focus { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.active-border-b-8:active { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-b-8:active { border-bottom-width: 0.5rem; }
.disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
.focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
.group:hover .group-hover-border-b-8 { border-bottom-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
.border-l-8 { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-border-l-8 { border-left-width: 0.5rem; }
.hover-border-l-8:hover { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-l-8:hover { border-left-width: 0.5rem; }
.focus-border-l-8:focus { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-l-8:focus { border-left-width: 0.5rem; }
.active-border-l-8:active { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-l-8:active { border-left-width: 0.5rem; }
.disabled-border-l-8:disabled { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
.focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
.group:hover .group-hover-border-l-8 { border-left-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-8 { border-left-width: 0.5rem; }
.border-9 { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-9 { border-width: 0.5625rem; }
.hover-border-9:hover { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-9:hover { border-width: 0.5625rem; }
.focus-border-9:focus { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-9:focus { border-width: 0.5625rem; }
.active-border-9:active { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-9:active { border-width: 0.5625rem; }
.disabled-border-9:disabled { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-9:disabled { border-width: 0.5625rem; }
.focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
.focus-within-border-9:focus-within { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-9:focus-within { border-width: 0.5625rem; }
.group:hover .group-hover-border-9 { border-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-9 { border-width: 0.5625rem; }
.border-9 { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-9 { border-width: 0.5625rem; }
.hover-border-9:hover { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-9:hover { border-width: 0.5625rem; }
.focus-border-9:focus { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-9:focus { border-width: 0.5625rem; }
.active-border-9:active { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-9:active { border-width: 0.5625rem; }
.disabled-border-9:disabled { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-9:disabled { border-width: 0.5625rem; }
.focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
.focus-within-border-9:focus-within { border-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-9:focus-within { border-width: 0.5625rem; }
.group:hover .group-hover-border-9 { border-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-9 { border-width: 0.5625rem; }
.border-t-9 { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-t-9 { border-top-width: 0.5625rem; }
.hover-border-t-9:hover { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.focus-border-t-9:focus { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.active-border-t-9:active { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-t-9:active { border-top-width: 0.5625rem; }
.disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
.focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
.group:hover .group-hover-border-t-9 { border-top-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-9 { border-top-width: 0.5625rem; }
.border-r-9 { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-r-9 { border-right-width: 0.5625rem; }
.hover-border-r-9:hover { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.focus-border-r-9:focus { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.active-border-r-9:active { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-r-9:active { border-right-width: 0.5625rem; }
.disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
.focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
.group:hover .group-hover-border-r-9 { border-right-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-9 { border-right-width: 0.5625rem; }
.border-b-9 { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-b-9 { border-bottom-width: 0.5625rem; }
.hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.active-border-b-9:active { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
.focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
.group:hover .group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
.border-l-9 { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-l-9 { border-left-width: 0.5625rem; }
.hover-border-l-9:hover { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.focus-border-l-9:focus { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.active-border-l-9:active { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-l-9:active { border-left-width: 0.5625rem; }
.disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
.focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
.group:hover .group-hover-border-l-9 { border-left-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-9 { border-left-width: 0.5625rem; }
.border-10 { border-width: 0.625rem; }
html[data-theme="dark"] .dark-border-10 { border-width: 0.625rem; }
.hover-border-10:hover { border-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-10:hover { border-width: 0.625rem; }
.focus-border-10:focus { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-10:focus { border-width: 0.625rem; }
.active-border-10:active { border-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-10:active { border-width: 0.625rem; }
.disabled-border-10:disabled { border-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-10:disabled { border-width: 0.625rem; }
.focus-visible-border-10:focus-visible { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
.focus-within-border-10:focus-within { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-10:focus-within { border-width: 0.625rem; }
.group:hover .group-hover-border-10 { border-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-10 { border-width: 0.625rem; }
.border-10 { border-width: 0.625rem; }
html[data-theme="dark"] .dark-border-10 { border-width: 0.625rem; }
.hover-border-10:hover { border-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-10:hover { border-width: 0.625rem; }
.focus-border-10:focus { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-10:focus { border-width: 0.625rem; }
.active-border-10:active { border-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-10:active { border-width: 0.625rem; }
.disabled-border-10:disabled { border-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-10:disabled { border-width: 0.625rem; }
.focus-visible-border-10:focus-visible { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
.focus-within-border-10:focus-within { border-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-10:focus-within { border-width: 0.625rem; }
.group:hover .group-hover-border-10 { border-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-10 { border-width: 0.625rem; }
.border-t-10 { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-border-t-10 { border-top-width: 0.625rem; }
.hover-border-t-10:hover { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-t-10:hover { border-top-width: 0.625rem; }
.focus-border-t-10:focus { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-t-10:focus { border-top-width: 0.625rem; }
.active-border-t-10:active { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-t-10:active { border-top-width: 0.625rem; }
.disabled-border-t-10:disabled { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
.focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
.group:hover .group-hover-border-t-10 { border-top-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-10 { border-top-width: 0.625rem; }
.border-r-10 { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-border-r-10 { border-right-width: 0.625rem; }
.hover-border-r-10:hover { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-r-10:hover { border-right-width: 0.625rem; }
.focus-border-r-10:focus { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-r-10:focus { border-right-width: 0.625rem; }
.active-border-r-10:active { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-r-10:active { border-right-width: 0.625rem; }
.disabled-border-r-10:disabled { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
.focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
.group:hover .group-hover-border-r-10 { border-right-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-10 { border-right-width: 0.625rem; }
.border-b-10 { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-border-b-10 { border-bottom-width: 0.625rem; }
.hover-border-b-10:hover { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.focus-border-b-10:focus { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.active-border-b-10:active { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-b-10:active { border-bottom-width: 0.625rem; }
.disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
.focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
.group:hover .group-hover-border-b-10 { border-bottom-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
.border-l-10 { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-border-l-10 { border-left-width: 0.625rem; }
.hover-border-l-10:hover { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-l-10:hover { border-left-width: 0.625rem; }
.focus-border-l-10:focus { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-l-10:focus { border-left-width: 0.625rem; }
.active-border-l-10:active { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-l-10:active { border-left-width: 0.625rem; }
.disabled-border-l-10:disabled { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
.focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
.group:hover .group-hover-border-l-10 { border-left-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-10 { border-left-width: 0.625rem; }
.border-11 { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-11 { border-width: 0.6875rem; }
.hover-border-11:hover { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-11:hover { border-width: 0.6875rem; }
.focus-border-11:focus { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-11:focus { border-width: 0.6875rem; }
.active-border-11:active { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-11:active { border-width: 0.6875rem; }
.disabled-border-11:disabled { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-11:disabled { border-width: 0.6875rem; }
.focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
.focus-within-border-11:focus-within { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-11:focus-within { border-width: 0.6875rem; }
.group:hover .group-hover-border-11 { border-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-11 { border-width: 0.6875rem; }
.border-11 { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-11 { border-width: 0.6875rem; }
.hover-border-11:hover { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-11:hover { border-width: 0.6875rem; }
.focus-border-11:focus { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-11:focus { border-width: 0.6875rem; }
.active-border-11:active { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-11:active { border-width: 0.6875rem; }
.disabled-border-11:disabled { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-11:disabled { border-width: 0.6875rem; }
.focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
.focus-within-border-11:focus-within { border-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-11:focus-within { border-width: 0.6875rem; }
.group:hover .group-hover-border-11 { border-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-11 { border-width: 0.6875rem; }
.border-t-11 { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-t-11 { border-top-width: 0.6875rem; }
.hover-border-t-11:hover { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.focus-border-t-11:focus { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.active-border-t-11:active { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-t-11:active { border-top-width: 0.6875rem; }
.disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
.focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
.group:hover .group-hover-border-t-11 { border-top-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-11 { border-top-width: 0.6875rem; }
.border-r-11 { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-r-11 { border-right-width: 0.6875rem; }
.hover-border-r-11:hover { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.focus-border-r-11:focus { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.active-border-r-11:active { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-r-11:active { border-right-width: 0.6875rem; }
.disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
.focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
.group:hover .group-hover-border-r-11 { border-right-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-11 { border-right-width: 0.6875rem; }
.border-b-11 { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-b-11 { border-bottom-width: 0.6875rem; }
.hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.active-border-b-11:active { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
.focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
.group:hover .group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
.border-l-11 { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-l-11 { border-left-width: 0.6875rem; }
.hover-border-l-11:hover { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.focus-border-l-11:focus { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.active-border-l-11:active { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-l-11:active { border-left-width: 0.6875rem; }
.disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
.focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
.group:hover .group-hover-border-l-11 { border-left-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-11 { border-left-width: 0.6875rem; }
.border-12 { border-width: 0.75rem; }
html[data-theme="dark"] .dark-border-12 { border-width: 0.75rem; }
.hover-border-12:hover { border-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-12:hover { border-width: 0.75rem; }
.focus-border-12:focus { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-12:focus { border-width: 0.75rem; }
.active-border-12:active { border-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-12:active { border-width: 0.75rem; }
.disabled-border-12:disabled { border-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-12:disabled { border-width: 0.75rem; }
.focus-visible-border-12:focus-visible { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
.focus-within-border-12:focus-within { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-12:focus-within { border-width: 0.75rem; }
.group:hover .group-hover-border-12 { border-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-12 { border-width: 0.75rem; }
.border-12 { border-width: 0.75rem; }
html[data-theme="dark"] .dark-border-12 { border-width: 0.75rem; }
.hover-border-12:hover { border-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-12:hover { border-width: 0.75rem; }
.focus-border-12:focus { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-12:focus { border-width: 0.75rem; }
.active-border-12:active { border-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-12:active { border-width: 0.75rem; }
.disabled-border-12:disabled { border-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-12:disabled { border-width: 0.75rem; }
.focus-visible-border-12:focus-visible { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
.focus-within-border-12:focus-within { border-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-12:focus-within { border-width: 0.75rem; }
.group:hover .group-hover-border-12 { border-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-12 { border-width: 0.75rem; }
.border-t-12 { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-border-t-12 { border-top-width: 0.75rem; }
.hover-border-t-12:hover { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-t-12:hover { border-top-width: 0.75rem; }
.focus-border-t-12:focus { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-t-12:focus { border-top-width: 0.75rem; }
.active-border-t-12:active { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-t-12:active { border-top-width: 0.75rem; }
.disabled-border-t-12:disabled { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
.focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
.group:hover .group-hover-border-t-12 { border-top-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-12 { border-top-width: 0.75rem; }
.border-r-12 { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-border-r-12 { border-right-width: 0.75rem; }
.hover-border-r-12:hover { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-r-12:hover { border-right-width: 0.75rem; }
.focus-border-r-12:focus { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-r-12:focus { border-right-width: 0.75rem; }
.active-border-r-12:active { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-r-12:active { border-right-width: 0.75rem; }
.disabled-border-r-12:disabled { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
.focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
.group:hover .group-hover-border-r-12 { border-right-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-12 { border-right-width: 0.75rem; }
.border-b-12 { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-border-b-12 { border-bottom-width: 0.75rem; }
.hover-border-b-12:hover { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.focus-border-b-12:focus { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.active-border-b-12:active { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-b-12:active { border-bottom-width: 0.75rem; }
.disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
.focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
.group:hover .group-hover-border-b-12 { border-bottom-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
.border-l-12 { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-border-l-12 { border-left-width: 0.75rem; }
.hover-border-l-12:hover { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-l-12:hover { border-left-width: 0.75rem; }
.focus-border-l-12:focus { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-l-12:focus { border-left-width: 0.75rem; }
.active-border-l-12:active { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-l-12:active { border-left-width: 0.75rem; }
.disabled-border-l-12:disabled { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
.focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
.group:hover .group-hover-border-l-12 { border-left-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-12 { border-left-width: 0.75rem; }
.border-13 { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-13 { border-width: 0.8125rem; }
.hover-border-13:hover { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-13:hover { border-width: 0.8125rem; }
.focus-border-13:focus { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-13:focus { border-width: 0.8125rem; }
.active-border-13:active { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-13:active { border-width: 0.8125rem; }
.disabled-border-13:disabled { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-13:disabled { border-width: 0.8125rem; }
.focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
.focus-within-border-13:focus-within { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-13:focus-within { border-width: 0.8125rem; }
.group:hover .group-hover-border-13 { border-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-13 { border-width: 0.8125rem; }
.border-13 { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-13 { border-width: 0.8125rem; }
.hover-border-13:hover { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-13:hover { border-width: 0.8125rem; }
.focus-border-13:focus { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-13:focus { border-width: 0.8125rem; }
.active-border-13:active { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-13:active { border-width: 0.8125rem; }
.disabled-border-13:disabled { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-13:disabled { border-width: 0.8125rem; }
.focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
.focus-within-border-13:focus-within { border-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-13:focus-within { border-width: 0.8125rem; }
.group:hover .group-hover-border-13 { border-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-13 { border-width: 0.8125rem; }
.border-t-13 { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-t-13 { border-top-width: 0.8125rem; }
.hover-border-t-13:hover { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.focus-border-t-13:focus { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.active-border-t-13:active { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-t-13:active { border-top-width: 0.8125rem; }
.disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
.focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
.group:hover .group-hover-border-t-13 { border-top-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-13 { border-top-width: 0.8125rem; }
.border-r-13 { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-r-13 { border-right-width: 0.8125rem; }
.hover-border-r-13:hover { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.focus-border-r-13:focus { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.active-border-r-13:active { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-r-13:active { border-right-width: 0.8125rem; }
.disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
.focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
.group:hover .group-hover-border-r-13 { border-right-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-13 { border-right-width: 0.8125rem; }
.border-b-13 { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-b-13 { border-bottom-width: 0.8125rem; }
.hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.active-border-b-13:active { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
.focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
.group:hover .group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
.border-l-13 { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-l-13 { border-left-width: 0.8125rem; }
.hover-border-l-13:hover { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.focus-border-l-13:focus { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.active-border-l-13:active { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-l-13:active { border-left-width: 0.8125rem; }
.disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
.focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
.group:hover .group-hover-border-l-13 { border-left-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-13 { border-left-width: 0.8125rem; }
.border-14 { border-width: 0.875rem; }
html[data-theme="dark"] .dark-border-14 { border-width: 0.875rem; }
.hover-border-14:hover { border-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-14:hover { border-width: 0.875rem; }
.focus-border-14:focus { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-14:focus { border-width: 0.875rem; }
.active-border-14:active { border-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-14:active { border-width: 0.875rem; }
.disabled-border-14:disabled { border-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-14:disabled { border-width: 0.875rem; }
.focus-visible-border-14:focus-visible { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
.focus-within-border-14:focus-within { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-14:focus-within { border-width: 0.875rem; }
.group:hover .group-hover-border-14 { border-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-14 { border-width: 0.875rem; }
.border-14 { border-width: 0.875rem; }
html[data-theme="dark"] .dark-border-14 { border-width: 0.875rem; }
.hover-border-14:hover { border-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-14:hover { border-width: 0.875rem; }
.focus-border-14:focus { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-14:focus { border-width: 0.875rem; }
.active-border-14:active { border-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-14:active { border-width: 0.875rem; }
.disabled-border-14:disabled { border-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-14:disabled { border-width: 0.875rem; }
.focus-visible-border-14:focus-visible { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
.focus-within-border-14:focus-within { border-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-14:focus-within { border-width: 0.875rem; }
.group:hover .group-hover-border-14 { border-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-14 { border-width: 0.875rem; }
.border-t-14 { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-border-t-14 { border-top-width: 0.875rem; }
.hover-border-t-14:hover { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-t-14:hover { border-top-width: 0.875rem; }
.focus-border-t-14:focus { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-t-14:focus { border-top-width: 0.875rem; }
.active-border-t-14:active { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-t-14:active { border-top-width: 0.875rem; }
.disabled-border-t-14:disabled { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
.focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
.group:hover .group-hover-border-t-14 { border-top-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-14 { border-top-width: 0.875rem; }
.border-r-14 { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-border-r-14 { border-right-width: 0.875rem; }
.hover-border-r-14:hover { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-r-14:hover { border-right-width: 0.875rem; }
.focus-border-r-14:focus { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-r-14:focus { border-right-width: 0.875rem; }
.active-border-r-14:active { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-r-14:active { border-right-width: 0.875rem; }
.disabled-border-r-14:disabled { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
.focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
.group:hover .group-hover-border-r-14 { border-right-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-14 { border-right-width: 0.875rem; }
.border-b-14 { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-border-b-14 { border-bottom-width: 0.875rem; }
.hover-border-b-14:hover { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.focus-border-b-14:focus { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.active-border-b-14:active { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-b-14:active { border-bottom-width: 0.875rem; }
.disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
.focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
.group:hover .group-hover-border-b-14 { border-bottom-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
.border-l-14 { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-border-l-14 { border-left-width: 0.875rem; }
.hover-border-l-14:hover { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-l-14:hover { border-left-width: 0.875rem; }
.focus-border-l-14:focus { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-l-14:focus { border-left-width: 0.875rem; }
.active-border-l-14:active { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-l-14:active { border-left-width: 0.875rem; }
.disabled-border-l-14:disabled { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
.focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
.group:hover .group-hover-border-l-14 { border-left-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-14 { border-left-width: 0.875rem; }
.border-15 { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-15 { border-width: 0.9375rem; }
.hover-border-15:hover { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-15:hover { border-width: 0.9375rem; }
.focus-border-15:focus { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-15:focus { border-width: 0.9375rem; }
.active-border-15:active { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-15:active { border-width: 0.9375rem; }
.disabled-border-15:disabled { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-15:disabled { border-width: 0.9375rem; }
.focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
.focus-within-border-15:focus-within { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-15:focus-within { border-width: 0.9375rem; }
.group:hover .group-hover-border-15 { border-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-15 { border-width: 0.9375rem; }
.border-15 { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-15 { border-width: 0.9375rem; }
.hover-border-15:hover { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-15:hover { border-width: 0.9375rem; }
.focus-border-15:focus { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-15:focus { border-width: 0.9375rem; }
.active-border-15:active { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-15:active { border-width: 0.9375rem; }
.disabled-border-15:disabled { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-15:disabled { border-width: 0.9375rem; }
.focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
.focus-within-border-15:focus-within { border-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-15:focus-within { border-width: 0.9375rem; }
.group:hover .group-hover-border-15 { border-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-15 { border-width: 0.9375rem; }
.border-t-15 { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-t-15 { border-top-width: 0.9375rem; }
.hover-border-t-15:hover { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.focus-border-t-15:focus { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.active-border-t-15:active { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-t-15:active { border-top-width: 0.9375rem; }
.disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
.focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
.group:hover .group-hover-border-t-15 { border-top-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-15 { border-top-width: 0.9375rem; }
.border-r-15 { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-r-15 { border-right-width: 0.9375rem; }
.hover-border-r-15:hover { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.focus-border-r-15:focus { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.active-border-r-15:active { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-r-15:active { border-right-width: 0.9375rem; }
.disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
.focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
.group:hover .group-hover-border-r-15 { border-right-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-15 { border-right-width: 0.9375rem; }
.border-b-15 { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-b-15 { border-bottom-width: 0.9375rem; }
.hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.active-border-b-15:active { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
.focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
.group:hover .group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
.border-l-15 { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-l-15 { border-left-width: 0.9375rem; }
.hover-border-l-15:hover { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.focus-border-l-15:focus { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.active-border-l-15:active { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-l-15:active { border-left-width: 0.9375rem; }
.disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
.focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
.group:hover .group-hover-border-l-15 { border-left-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-15 { border-left-width: 0.9375rem; }
.border-16 { border-width: 1.0rem; }
html[data-theme="dark"] .dark-border-16 { border-width: 1.0rem; }
.hover-border-16:hover { border-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-16:hover { border-width: 1.0rem; }
.focus-border-16:focus { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-16:focus { border-width: 1.0rem; }
.active-border-16:active { border-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-16:active { border-width: 1.0rem; }
.disabled-border-16:disabled { border-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-16:disabled { border-width: 1.0rem; }
.focus-visible-border-16:focus-visible { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
.focus-within-border-16:focus-within { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-16:focus-within { border-width: 1.0rem; }
.group:hover .group-hover-border-16 { border-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-16 { border-width: 1.0rem; }
.border-16 { border-width: 1.0rem; }
html[data-theme="dark"] .dark-border-16 { border-width: 1.0rem; }
.hover-border-16:hover { border-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-16:hover { border-width: 1.0rem; }
.focus-border-16:focus { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-16:focus { border-width: 1.0rem; }
.active-border-16:active { border-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-16:active { border-width: 1.0rem; }
.disabled-border-16:disabled { border-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-16:disabled { border-width: 1.0rem; }
.focus-visible-border-16:focus-visible { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
.focus-within-border-16:focus-within { border-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-16:focus-within { border-width: 1.0rem; }
.group:hover .group-hover-border-16 { border-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-16 { border-width: 1.0rem; }
.border-t-16 { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-border-t-16 { border-top-width: 1.0rem; }
.hover-border-t-16:hover { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-t-16:hover { border-top-width: 1.0rem; }
.focus-border-t-16:focus { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-t-16:focus { border-top-width: 1.0rem; }
.active-border-t-16:active { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-t-16:active { border-top-width: 1.0rem; }
.disabled-border-t-16:disabled { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
.focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
.group:hover .group-hover-border-t-16 { border-top-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-16 { border-top-width: 1.0rem; }
.border-r-16 { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-border-r-16 { border-right-width: 1.0rem; }
.hover-border-r-16:hover { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-r-16:hover { border-right-width: 1.0rem; }
.focus-border-r-16:focus { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-r-16:focus { border-right-width: 1.0rem; }
.active-border-r-16:active { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-r-16:active { border-right-width: 1.0rem; }
.disabled-border-r-16:disabled { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
.focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
.group:hover .group-hover-border-r-16 { border-right-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-16 { border-right-width: 1.0rem; }
.border-b-16 { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-border-b-16 { border-bottom-width: 1.0rem; }
.hover-border-b-16:hover { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.focus-border-b-16:focus { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.active-border-b-16:active { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-b-16:active { border-bottom-width: 1.0rem; }
.disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
.focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
.group:hover .group-hover-border-b-16 { border-bottom-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
.border-l-16 { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-border-l-16 { border-left-width: 1.0rem; }
.hover-border-l-16:hover { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-l-16:hover { border-left-width: 1.0rem; }
.focus-border-l-16:focus { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-l-16:focus { border-left-width: 1.0rem; }
.active-border-l-16:active { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-l-16:active { border-left-width: 1.0rem; }
.disabled-border-l-16:disabled { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
.focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
.group:hover .group-hover-border-l-16 { border-left-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-16 { border-left-width: 1.0rem; }
.border-17 { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-17 { border-width: 1.0625rem; }
.hover-border-17:hover { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-17:hover { border-width: 1.0625rem; }
.focus-border-17:focus { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-17:focus { border-width: 1.0625rem; }
.active-border-17:active { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-17:active { border-width: 1.0625rem; }
.disabled-border-17:disabled { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-17:disabled { border-width: 1.0625rem; }
.focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
.focus-within-border-17:focus-within { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-17:focus-within { border-width: 1.0625rem; }
.group:hover .group-hover-border-17 { border-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-17 { border-width: 1.0625rem; }
.border-17 { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-17 { border-width: 1.0625rem; }
.hover-border-17:hover { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-17:hover { border-width: 1.0625rem; }
.focus-border-17:focus { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-17:focus { border-width: 1.0625rem; }
.active-border-17:active { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-17:active { border-width: 1.0625rem; }
.disabled-border-17:disabled { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-17:disabled { border-width: 1.0625rem; }
.focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
.focus-within-border-17:focus-within { border-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-17:focus-within { border-width: 1.0625rem; }
.group:hover .group-hover-border-17 { border-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-17 { border-width: 1.0625rem; }
.border-t-17 { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-t-17 { border-top-width: 1.0625rem; }
.hover-border-t-17:hover { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.focus-border-t-17:focus { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.active-border-t-17:active { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-t-17:active { border-top-width: 1.0625rem; }
.disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
.focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
.group:hover .group-hover-border-t-17 { border-top-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-17 { border-top-width: 1.0625rem; }
.border-r-17 { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-r-17 { border-right-width: 1.0625rem; }
.hover-border-r-17:hover { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.focus-border-r-17:focus { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.active-border-r-17:active { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-r-17:active { border-right-width: 1.0625rem; }
.disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
.focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
.group:hover .group-hover-border-r-17 { border-right-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-17 { border-right-width: 1.0625rem; }
.border-b-17 { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-b-17 { border-bottom-width: 1.0625rem; }
.hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.active-border-b-17:active { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
.focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
.group:hover .group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
.border-l-17 { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-l-17 { border-left-width: 1.0625rem; }
.hover-border-l-17:hover { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.focus-border-l-17:focus { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.active-border-l-17:active { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-l-17:active { border-left-width: 1.0625rem; }
.disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
.focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
.group:hover .group-hover-border-l-17 { border-left-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-17 { border-left-width: 1.0625rem; }
.border-18 { border-width: 1.125rem; }
html[data-theme="dark"] .dark-border-18 { border-width: 1.125rem; }
.hover-border-18:hover { border-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-18:hover { border-width: 1.125rem; }
.focus-border-18:focus { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-18:focus { border-width: 1.125rem; }
.active-border-18:active { border-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-18:active { border-width: 1.125rem; }
.disabled-border-18:disabled { border-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-18:disabled { border-width: 1.125rem; }
.focus-visible-border-18:focus-visible { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
.focus-within-border-18:focus-within { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-18:focus-within { border-width: 1.125rem; }
.group:hover .group-hover-border-18 { border-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-18 { border-width: 1.125rem; }
.border-18 { border-width: 1.125rem; }
html[data-theme="dark"] .dark-border-18 { border-width: 1.125rem; }
.hover-border-18:hover { border-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-18:hover { border-width: 1.125rem; }
.focus-border-18:focus { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-18:focus { border-width: 1.125rem; }
.active-border-18:active { border-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-18:active { border-width: 1.125rem; }
.disabled-border-18:disabled { border-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-18:disabled { border-width: 1.125rem; }
.focus-visible-border-18:focus-visible { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
.focus-within-border-18:focus-within { border-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-18:focus-within { border-width: 1.125rem; }
.group:hover .group-hover-border-18 { border-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-18 { border-width: 1.125rem; }
.border-t-18 { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-border-t-18 { border-top-width: 1.125rem; }
.hover-border-t-18:hover { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-t-18:hover { border-top-width: 1.125rem; }
.focus-border-t-18:focus { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-t-18:focus { border-top-width: 1.125rem; }
.active-border-t-18:active { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-t-18:active { border-top-width: 1.125rem; }
.disabled-border-t-18:disabled { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
.focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
.group:hover .group-hover-border-t-18 { border-top-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-18 { border-top-width: 1.125rem; }
.border-r-18 { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-border-r-18 { border-right-width: 1.125rem; }
.hover-border-r-18:hover { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-r-18:hover { border-right-width: 1.125rem; }
.focus-border-r-18:focus { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-r-18:focus { border-right-width: 1.125rem; }
.active-border-r-18:active { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-r-18:active { border-right-width: 1.125rem; }
.disabled-border-r-18:disabled { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
.focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
.group:hover .group-hover-border-r-18 { border-right-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-18 { border-right-width: 1.125rem; }
.border-b-18 { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-border-b-18 { border-bottom-width: 1.125rem; }
.hover-border-b-18:hover { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.focus-border-b-18:focus { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.active-border-b-18:active { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-b-18:active { border-bottom-width: 1.125rem; }
.disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
.focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
.group:hover .group-hover-border-b-18 { border-bottom-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
.border-l-18 { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-border-l-18 { border-left-width: 1.125rem; }
.hover-border-l-18:hover { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-l-18:hover { border-left-width: 1.125rem; }
.focus-border-l-18:focus { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-l-18:focus { border-left-width: 1.125rem; }
.active-border-l-18:active { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-l-18:active { border-left-width: 1.125rem; }
.disabled-border-l-18:disabled { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
.focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
.group:hover .group-hover-border-l-18 { border-left-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-18 { border-left-width: 1.125rem; }
.border-19 { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-19 { border-width: 1.1875rem; }
.hover-border-19:hover { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-19:hover { border-width: 1.1875rem; }
.focus-border-19:focus { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-19:focus { border-width: 1.1875rem; }
.active-border-19:active { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-19:active { border-width: 1.1875rem; }
.disabled-border-19:disabled { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-19:disabled { border-width: 1.1875rem; }
.focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
.focus-within-border-19:focus-within { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-19:focus-within { border-width: 1.1875rem; }
.group:hover .group-hover-border-19 { border-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-19 { border-width: 1.1875rem; }
.border-19 { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-19 { border-width: 1.1875rem; }
.hover-border-19:hover { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-19:hover { border-width: 1.1875rem; }
.focus-border-19:focus { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-19:focus { border-width: 1.1875rem; }
.active-border-19:active { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-19:active { border-width: 1.1875rem; }
.disabled-border-19:disabled { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-19:disabled { border-width: 1.1875rem; }
.focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
.focus-within-border-19:focus-within { border-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-19:focus-within { border-width: 1.1875rem; }
.group:hover .group-hover-border-19 { border-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-19 { border-width: 1.1875rem; }
.border-t-19 { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-t-19 { border-top-width: 1.1875rem; }
.hover-border-t-19:hover { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.focus-border-t-19:focus { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.active-border-t-19:active { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-t-19:active { border-top-width: 1.1875rem; }
.disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
.focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
.group:hover .group-hover-border-t-19 { border-top-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-19 { border-top-width: 1.1875rem; }
.border-r-19 { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-r-19 { border-right-width: 1.1875rem; }
.hover-border-r-19:hover { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.focus-border-r-19:focus { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.active-border-r-19:active { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-r-19:active { border-right-width: 1.1875rem; }
.disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
.focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
.group:hover .group-hover-border-r-19 { border-right-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-19 { border-right-width: 1.1875rem; }
.border-b-19 { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-b-19 { border-bottom-width: 1.1875rem; }
.hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.active-border-b-19:active { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
.focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
.group:hover .group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
.border-l-19 { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-l-19 { border-left-width: 1.1875rem; }
.hover-border-l-19:hover { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.focus-border-l-19:focus { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.active-border-l-19:active { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-l-19:active { border-left-width: 1.1875rem; }
.disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
.focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
.group:hover .group-hover-border-l-19 { border-left-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-19 { border-left-width: 1.1875rem; }
.border-20 { border-width: 1.25rem; }
html[data-theme="dark"] .dark-border-20 { border-width: 1.25rem; }
.hover-border-20:hover { border-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-20:hover { border-width: 1.25rem; }
.focus-border-20:focus { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-20:focus { border-width: 1.25rem; }
.active-border-20:active { border-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-20:active { border-width: 1.25rem; }
.disabled-border-20:disabled { border-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-20:disabled { border-width: 1.25rem; }
.focus-visible-border-20:focus-visible { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
.focus-within-border-20:focus-within { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-20:focus-within { border-width: 1.25rem; }
.group:hover .group-hover-border-20 { border-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-20 { border-width: 1.25rem; }
.border-20 { border-width: 1.25rem; }
html[data-theme="dark"] .dark-border-20 { border-width: 1.25rem; }
.hover-border-20:hover { border-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-20:hover { border-width: 1.25rem; }
.focus-border-20:focus { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-20:focus { border-width: 1.25rem; }
.active-border-20:active { border-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-20:active { border-width: 1.25rem; }
.disabled-border-20:disabled { border-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-20:disabled { border-width: 1.25rem; }
.focus-visible-border-20:focus-visible { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
.focus-within-border-20:focus-within { border-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-20:focus-within { border-width: 1.25rem; }
.group:hover .group-hover-border-20 { border-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-20 { border-width: 1.25rem; }
.border-t-20 { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-border-t-20 { border-top-width: 1.25rem; }
.hover-border-t-20:hover { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-t-20:hover { border-top-width: 1.25rem; }
.focus-border-t-20:focus { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-t-20:focus { border-top-width: 1.25rem; }
.active-border-t-20:active { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-t-20:active { border-top-width: 1.25rem; }
.disabled-border-t-20:disabled { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
.focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
.group:hover .group-hover-border-t-20 { border-top-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-20 { border-top-width: 1.25rem; }
.border-r-20 { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-border-r-20 { border-right-width: 1.25rem; }
.hover-border-r-20:hover { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-r-20:hover { border-right-width: 1.25rem; }
.focus-border-r-20:focus { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-r-20:focus { border-right-width: 1.25rem; }
.active-border-r-20:active { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-r-20:active { border-right-width: 1.25rem; }
.disabled-border-r-20:disabled { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
.focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
.group:hover .group-hover-border-r-20 { border-right-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-20 { border-right-width: 1.25rem; }
.border-b-20 { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-border-b-20 { border-bottom-width: 1.25rem; }
.hover-border-b-20:hover { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.focus-border-b-20:focus { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.active-border-b-20:active { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-b-20:active { border-bottom-width: 1.25rem; }
.disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
.focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
.group:hover .group-hover-border-b-20 { border-bottom-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
.border-l-20 { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-border-l-20 { border-left-width: 1.25rem; }
.hover-border-l-20:hover { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-l-20:hover { border-left-width: 1.25rem; }
.focus-border-l-20:focus { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-l-20:focus { border-left-width: 1.25rem; }
.active-border-l-20:active { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-l-20:active { border-left-width: 1.25rem; }
.disabled-border-l-20:disabled { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
.focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
.group:hover .group-hover-border-l-20 { border-left-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-20 { border-left-width: 1.25rem; }
.border-21 { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-21 { border-width: 1.3125rem; }
.hover-border-21:hover { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-21:hover { border-width: 1.3125rem; }
.focus-border-21:focus { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-21:focus { border-width: 1.3125rem; }
.active-border-21:active { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-21:active { border-width: 1.3125rem; }
.disabled-border-21:disabled { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-21:disabled { border-width: 1.3125rem; }
.focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
.focus-within-border-21:focus-within { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-21:focus-within { border-width: 1.3125rem; }
.group:hover .group-hover-border-21 { border-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-21 { border-width: 1.3125rem; }
.border-21 { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-21 { border-width: 1.3125rem; }
.hover-border-21:hover { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-21:hover { border-width: 1.3125rem; }
.focus-border-21:focus { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-21:focus { border-width: 1.3125rem; }
.active-border-21:active { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-21:active { border-width: 1.3125rem; }
.disabled-border-21:disabled { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-21:disabled { border-width: 1.3125rem; }
.focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
.focus-within-border-21:focus-within { border-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-21:focus-within { border-width: 1.3125rem; }
.group:hover .group-hover-border-21 { border-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-21 { border-width: 1.3125rem; }
.border-t-21 { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-t-21 { border-top-width: 1.3125rem; }
.hover-border-t-21:hover { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.focus-border-t-21:focus { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.active-border-t-21:active { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-t-21:active { border-top-width: 1.3125rem; }
.disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
.focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
.group:hover .group-hover-border-t-21 { border-top-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-21 { border-top-width: 1.3125rem; }
.border-r-21 { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-r-21 { border-right-width: 1.3125rem; }
.hover-border-r-21:hover { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.focus-border-r-21:focus { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.active-border-r-21:active { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-r-21:active { border-right-width: 1.3125rem; }
.disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
.focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
.group:hover .group-hover-border-r-21 { border-right-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-21 { border-right-width: 1.3125rem; }
.border-b-21 { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-b-21 { border-bottom-width: 1.3125rem; }
.hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.active-border-b-21:active { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
.focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
.group:hover .group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
.border-l-21 { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-l-21 { border-left-width: 1.3125rem; }
.hover-border-l-21:hover { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.focus-border-l-21:focus { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.active-border-l-21:active { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-l-21:active { border-left-width: 1.3125rem; }
.disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
.focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
.group:hover .group-hover-border-l-21 { border-left-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-21 { border-left-width: 1.3125rem; }
.border-22 { border-width: 1.375rem; }
html[data-theme="dark"] .dark-border-22 { border-width: 1.375rem; }
.hover-border-22:hover { border-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-22:hover { border-width: 1.375rem; }
.focus-border-22:focus { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-22:focus { border-width: 1.375rem; }
.active-border-22:active { border-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-22:active { border-width: 1.375rem; }
.disabled-border-22:disabled { border-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-22:disabled { border-width: 1.375rem; }
.focus-visible-border-22:focus-visible { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
.focus-within-border-22:focus-within { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-22:focus-within { border-width: 1.375rem; }
.group:hover .group-hover-border-22 { border-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-22 { border-width: 1.375rem; }
.border-22 { border-width: 1.375rem; }
html[data-theme="dark"] .dark-border-22 { border-width: 1.375rem; }
.hover-border-22:hover { border-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-22:hover { border-width: 1.375rem; }
.focus-border-22:focus { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-22:focus { border-width: 1.375rem; }
.active-border-22:active { border-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-22:active { border-width: 1.375rem; }
.disabled-border-22:disabled { border-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-22:disabled { border-width: 1.375rem; }
.focus-visible-border-22:focus-visible { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
.focus-within-border-22:focus-within { border-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-22:focus-within { border-width: 1.375rem; }
.group:hover .group-hover-border-22 { border-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-22 { border-width: 1.375rem; }
.border-t-22 { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-border-t-22 { border-top-width: 1.375rem; }
.hover-border-t-22:hover { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-t-22:hover { border-top-width: 1.375rem; }
.focus-border-t-22:focus { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-t-22:focus { border-top-width: 1.375rem; }
.active-border-t-22:active { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-t-22:active { border-top-width: 1.375rem; }
.disabled-border-t-22:disabled { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
.focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
.group:hover .group-hover-border-t-22 { border-top-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-22 { border-top-width: 1.375rem; }
.border-r-22 { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-border-r-22 { border-right-width: 1.375rem; }
.hover-border-r-22:hover { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-r-22:hover { border-right-width: 1.375rem; }
.focus-border-r-22:focus { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-r-22:focus { border-right-width: 1.375rem; }
.active-border-r-22:active { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-r-22:active { border-right-width: 1.375rem; }
.disabled-border-r-22:disabled { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
.focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
.group:hover .group-hover-border-r-22 { border-right-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-22 { border-right-width: 1.375rem; }
.border-b-22 { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-border-b-22 { border-bottom-width: 1.375rem; }
.hover-border-b-22:hover { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.focus-border-b-22:focus { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.active-border-b-22:active { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-b-22:active { border-bottom-width: 1.375rem; }
.disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
.focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
.group:hover .group-hover-border-b-22 { border-bottom-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
.border-l-22 { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-border-l-22 { border-left-width: 1.375rem; }
.hover-border-l-22:hover { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-l-22:hover { border-left-width: 1.375rem; }
.focus-border-l-22:focus { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-l-22:focus { border-left-width: 1.375rem; }
.active-border-l-22:active { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-l-22:active { border-left-width: 1.375rem; }
.disabled-border-l-22:disabled { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
.focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
.group:hover .group-hover-border-l-22 { border-left-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-22 { border-left-width: 1.375rem; }
.border-23 { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-23 { border-width: 1.4375rem; }
.hover-border-23:hover { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-23:hover { border-width: 1.4375rem; }
.focus-border-23:focus { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-23:focus { border-width: 1.4375rem; }
.active-border-23:active { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-23:active { border-width: 1.4375rem; }
.disabled-border-23:disabled { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-23:disabled { border-width: 1.4375rem; }
.focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
.focus-within-border-23:focus-within { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-23:focus-within { border-width: 1.4375rem; }
.group:hover .group-hover-border-23 { border-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-23 { border-width: 1.4375rem; }
.border-23 { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-23 { border-width: 1.4375rem; }
.hover-border-23:hover { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-23:hover { border-width: 1.4375rem; }
.focus-border-23:focus { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-23:focus { border-width: 1.4375rem; }
.active-border-23:active { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-23:active { border-width: 1.4375rem; }
.disabled-border-23:disabled { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-23:disabled { border-width: 1.4375rem; }
.focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
.focus-within-border-23:focus-within { border-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-23:focus-within { border-width: 1.4375rem; }
.group:hover .group-hover-border-23 { border-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-23 { border-width: 1.4375rem; }
.border-t-23 { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-t-23 { border-top-width: 1.4375rem; }
.hover-border-t-23:hover { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.focus-border-t-23:focus { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.active-border-t-23:active { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-t-23:active { border-top-width: 1.4375rem; }
.disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
.focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
.group:hover .group-hover-border-t-23 { border-top-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-23 { border-top-width: 1.4375rem; }
.border-r-23 { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-r-23 { border-right-width: 1.4375rem; }
.hover-border-r-23:hover { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.focus-border-r-23:focus { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.active-border-r-23:active { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-r-23:active { border-right-width: 1.4375rem; }
.disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
.focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
.group:hover .group-hover-border-r-23 { border-right-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-23 { border-right-width: 1.4375rem; }
.border-b-23 { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-b-23 { border-bottom-width: 1.4375rem; }
.hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.active-border-b-23:active { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
.focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
.group:hover .group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
.border-l-23 { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-l-23 { border-left-width: 1.4375rem; }
.hover-border-l-23:hover { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.focus-border-l-23:focus { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.active-border-l-23:active { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-l-23:active { border-left-width: 1.4375rem; }
.disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
.focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
.group:hover .group-hover-border-l-23 { border-left-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-23 { border-left-width: 1.4375rem; }
.border-24 { border-width: 1.5rem; }
html[data-theme="dark"] .dark-border-24 { border-width: 1.5rem; }
.hover-border-24:hover { border-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-24:hover { border-width: 1.5rem; }
.focus-border-24:focus { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-24:focus { border-width: 1.5rem; }
.active-border-24:active { border-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-24:active { border-width: 1.5rem; }
.disabled-border-24:disabled { border-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-24:disabled { border-width: 1.5rem; }
.focus-visible-border-24:focus-visible { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
.focus-within-border-24:focus-within { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-24:focus-within { border-width: 1.5rem; }
.group:hover .group-hover-border-24 { border-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-24 { border-width: 1.5rem; }
.border-24 { border-width: 1.5rem; }
html[data-theme="dark"] .dark-border-24 { border-width: 1.5rem; }
.hover-border-24:hover { border-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-24:hover { border-width: 1.5rem; }
.focus-border-24:focus { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-24:focus { border-width: 1.5rem; }
.active-border-24:active { border-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-24:active { border-width: 1.5rem; }
.disabled-border-24:disabled { border-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-24:disabled { border-width: 1.5rem; }
.focus-visible-border-24:focus-visible { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
.focus-within-border-24:focus-within { border-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-24:focus-within { border-width: 1.5rem; }
.group:hover .group-hover-border-24 { border-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-24 { border-width: 1.5rem; }
.border-t-24 { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-border-t-24 { border-top-width: 1.5rem; }
.hover-border-t-24:hover { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-t-24:hover { border-top-width: 1.5rem; }
.focus-border-t-24:focus { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-t-24:focus { border-top-width: 1.5rem; }
.active-border-t-24:active { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-t-24:active { border-top-width: 1.5rem; }
.disabled-border-t-24:disabled { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
.focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
.group:hover .group-hover-border-t-24 { border-top-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-24 { border-top-width: 1.5rem; }
.border-r-24 { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-border-r-24 { border-right-width: 1.5rem; }
.hover-border-r-24:hover { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-r-24:hover { border-right-width: 1.5rem; }
.focus-border-r-24:focus { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-r-24:focus { border-right-width: 1.5rem; }
.active-border-r-24:active { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-r-24:active { border-right-width: 1.5rem; }
.disabled-border-r-24:disabled { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
.focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
.group:hover .group-hover-border-r-24 { border-right-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-24 { border-right-width: 1.5rem; }
.border-b-24 { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-border-b-24 { border-bottom-width: 1.5rem; }
.hover-border-b-24:hover { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.focus-border-b-24:focus { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.active-border-b-24:active { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-b-24:active { border-bottom-width: 1.5rem; }
.disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
.focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
.group:hover .group-hover-border-b-24 { border-bottom-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
.border-l-24 { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-border-l-24 { border-left-width: 1.5rem; }
.hover-border-l-24:hover { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-l-24:hover { border-left-width: 1.5rem; }
.focus-border-l-24:focus { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-l-24:focus { border-left-width: 1.5rem; }
.active-border-l-24:active { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-l-24:active { border-left-width: 1.5rem; }
.disabled-border-l-24:disabled { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
.focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
.group:hover .group-hover-border-l-24 { border-left-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-24 { border-left-width: 1.5rem; }
.border-25 { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-25 { border-width: 1.5625rem; }
.hover-border-25:hover { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-25:hover { border-width: 1.5625rem; }
.focus-border-25:focus { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-25:focus { border-width: 1.5625rem; }
.active-border-25:active { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-25:active { border-width: 1.5625rem; }
.disabled-border-25:disabled { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-25:disabled { border-width: 1.5625rem; }
.focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
.focus-within-border-25:focus-within { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-25:focus-within { border-width: 1.5625rem; }
.group:hover .group-hover-border-25 { border-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-25 { border-width: 1.5625rem; }
.border-25 { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-25 { border-width: 1.5625rem; }
.hover-border-25:hover { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-25:hover { border-width: 1.5625rem; }
.focus-border-25:focus { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-25:focus { border-width: 1.5625rem; }
.active-border-25:active { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-25:active { border-width: 1.5625rem; }
.disabled-border-25:disabled { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-25:disabled { border-width: 1.5625rem; }
.focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
.focus-within-border-25:focus-within { border-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-25:focus-within { border-width: 1.5625rem; }
.group:hover .group-hover-border-25 { border-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-25 { border-width: 1.5625rem; }
.border-t-25 { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-t-25 { border-top-width: 1.5625rem; }
.hover-border-t-25:hover { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.focus-border-t-25:focus { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.active-border-t-25:active { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-t-25:active { border-top-width: 1.5625rem; }
.disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
.focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
.group:hover .group-hover-border-t-25 { border-top-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-25 { border-top-width: 1.5625rem; }
.border-r-25 { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-r-25 { border-right-width: 1.5625rem; }
.hover-border-r-25:hover { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.focus-border-r-25:focus { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.active-border-r-25:active { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-r-25:active { border-right-width: 1.5625rem; }
.disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
.focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
.group:hover .group-hover-border-r-25 { border-right-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-25 { border-right-width: 1.5625rem; }
.border-b-25 { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-b-25 { border-bottom-width: 1.5625rem; }
.hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.active-border-b-25:active { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
.focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
.group:hover .group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
.border-l-25 { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-l-25 { border-left-width: 1.5625rem; }
.hover-border-l-25:hover { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.focus-border-l-25:focus { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.active-border-l-25:active { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-l-25:active { border-left-width: 1.5625rem; }
.disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
.focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
.group:hover .group-hover-border-l-25 { border-left-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-25 { border-left-width: 1.5625rem; }
.border-26 { border-width: 1.625rem; }
html[data-theme="dark"] .dark-border-26 { border-width: 1.625rem; }
.hover-border-26:hover { border-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-26:hover { border-width: 1.625rem; }
.focus-border-26:focus { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-26:focus { border-width: 1.625rem; }
.active-border-26:active { border-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-26:active { border-width: 1.625rem; }
.disabled-border-26:disabled { border-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-26:disabled { border-width: 1.625rem; }
.focus-visible-border-26:focus-visible { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
.focus-within-border-26:focus-within { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-26:focus-within { border-width: 1.625rem; }
.group:hover .group-hover-border-26 { border-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-26 { border-width: 1.625rem; }
.border-26 { border-width: 1.625rem; }
html[data-theme="dark"] .dark-border-26 { border-width: 1.625rem; }
.hover-border-26:hover { border-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-26:hover { border-width: 1.625rem; }
.focus-border-26:focus { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-26:focus { border-width: 1.625rem; }
.active-border-26:active { border-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-26:active { border-width: 1.625rem; }
.disabled-border-26:disabled { border-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-26:disabled { border-width: 1.625rem; }
.focus-visible-border-26:focus-visible { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
.focus-within-border-26:focus-within { border-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-26:focus-within { border-width: 1.625rem; }
.group:hover .group-hover-border-26 { border-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-26 { border-width: 1.625rem; }
.border-t-26 { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-border-t-26 { border-top-width: 1.625rem; }
.hover-border-t-26:hover { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-t-26:hover { border-top-width: 1.625rem; }
.focus-border-t-26:focus { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-t-26:focus { border-top-width: 1.625rem; }
.active-border-t-26:active { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-t-26:active { border-top-width: 1.625rem; }
.disabled-border-t-26:disabled { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
.focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
.group:hover .group-hover-border-t-26 { border-top-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-26 { border-top-width: 1.625rem; }
.border-r-26 { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-border-r-26 { border-right-width: 1.625rem; }
.hover-border-r-26:hover { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-r-26:hover { border-right-width: 1.625rem; }
.focus-border-r-26:focus { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-r-26:focus { border-right-width: 1.625rem; }
.active-border-r-26:active { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-r-26:active { border-right-width: 1.625rem; }
.disabled-border-r-26:disabled { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
.focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
.group:hover .group-hover-border-r-26 { border-right-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-26 { border-right-width: 1.625rem; }
.border-b-26 { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-border-b-26 { border-bottom-width: 1.625rem; }
.hover-border-b-26:hover { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.focus-border-b-26:focus { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.active-border-b-26:active { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-b-26:active { border-bottom-width: 1.625rem; }
.disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
.focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
.group:hover .group-hover-border-b-26 { border-bottom-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
.border-l-26 { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-border-l-26 { border-left-width: 1.625rem; }
.hover-border-l-26:hover { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-l-26:hover { border-left-width: 1.625rem; }
.focus-border-l-26:focus { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-l-26:focus { border-left-width: 1.625rem; }
.active-border-l-26:active { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-l-26:active { border-left-width: 1.625rem; }
.disabled-border-l-26:disabled { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
.focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
.group:hover .group-hover-border-l-26 { border-left-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-26 { border-left-width: 1.625rem; }
.border-27 { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-27 { border-width: 1.6875rem; }
.hover-border-27:hover { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-27:hover { border-width: 1.6875rem; }
.focus-border-27:focus { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-27:focus { border-width: 1.6875rem; }
.active-border-27:active { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-27:active { border-width: 1.6875rem; }
.disabled-border-27:disabled { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-27:disabled { border-width: 1.6875rem; }
.focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
.focus-within-border-27:focus-within { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-27:focus-within { border-width: 1.6875rem; }
.group:hover .group-hover-border-27 { border-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-27 { border-width: 1.6875rem; }
.border-27 { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-27 { border-width: 1.6875rem; }
.hover-border-27:hover { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-27:hover { border-width: 1.6875rem; }
.focus-border-27:focus { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-27:focus { border-width: 1.6875rem; }
.active-border-27:active { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-27:active { border-width: 1.6875rem; }
.disabled-border-27:disabled { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-27:disabled { border-width: 1.6875rem; }
.focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
.focus-within-border-27:focus-within { border-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-27:focus-within { border-width: 1.6875rem; }
.group:hover .group-hover-border-27 { border-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-27 { border-width: 1.6875rem; }
.border-t-27 { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-t-27 { border-top-width: 1.6875rem; }
.hover-border-t-27:hover { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.focus-border-t-27:focus { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.active-border-t-27:active { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-t-27:active { border-top-width: 1.6875rem; }
.disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
.focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
.group:hover .group-hover-border-t-27 { border-top-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-27 { border-top-width: 1.6875rem; }
.border-r-27 { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-r-27 { border-right-width: 1.6875rem; }
.hover-border-r-27:hover { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.focus-border-r-27:focus { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.active-border-r-27:active { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-r-27:active { border-right-width: 1.6875rem; }
.disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
.focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
.group:hover .group-hover-border-r-27 { border-right-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-27 { border-right-width: 1.6875rem; }
.border-b-27 { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-b-27 { border-bottom-width: 1.6875rem; }
.hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.active-border-b-27:active { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
.focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
.group:hover .group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
.border-l-27 { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-l-27 { border-left-width: 1.6875rem; }
.hover-border-l-27:hover { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.focus-border-l-27:focus { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.active-border-l-27:active { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-l-27:active { border-left-width: 1.6875rem; }
.disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
.focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
.group:hover .group-hover-border-l-27 { border-left-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-27 { border-left-width: 1.6875rem; }
.border-28 { border-width: 1.75rem; }
html[data-theme="dark"] .dark-border-28 { border-width: 1.75rem; }
.hover-border-28:hover { border-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-28:hover { border-width: 1.75rem; }
.focus-border-28:focus { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-28:focus { border-width: 1.75rem; }
.active-border-28:active { border-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-28:active { border-width: 1.75rem; }
.disabled-border-28:disabled { border-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-28:disabled { border-width: 1.75rem; }
.focus-visible-border-28:focus-visible { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
.focus-within-border-28:focus-within { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-28:focus-within { border-width: 1.75rem; }
.group:hover .group-hover-border-28 { border-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-28 { border-width: 1.75rem; }
.border-28 { border-width: 1.75rem; }
html[data-theme="dark"] .dark-border-28 { border-width: 1.75rem; }
.hover-border-28:hover { border-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-28:hover { border-width: 1.75rem; }
.focus-border-28:focus { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-28:focus { border-width: 1.75rem; }
.active-border-28:active { border-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-28:active { border-width: 1.75rem; }
.disabled-border-28:disabled { border-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-28:disabled { border-width: 1.75rem; }
.focus-visible-border-28:focus-visible { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
.focus-within-border-28:focus-within { border-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-28:focus-within { border-width: 1.75rem; }
.group:hover .group-hover-border-28 { border-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-28 { border-width: 1.75rem; }
.border-t-28 { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-border-t-28 { border-top-width: 1.75rem; }
.hover-border-t-28:hover { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-t-28:hover { border-top-width: 1.75rem; }
.focus-border-t-28:focus { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-t-28:focus { border-top-width: 1.75rem; }
.active-border-t-28:active { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-t-28:active { border-top-width: 1.75rem; }
.disabled-border-t-28:disabled { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
.focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
.group:hover .group-hover-border-t-28 { border-top-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-28 { border-top-width: 1.75rem; }
.border-r-28 { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-border-r-28 { border-right-width: 1.75rem; }
.hover-border-r-28:hover { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-r-28:hover { border-right-width: 1.75rem; }
.focus-border-r-28:focus { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-r-28:focus { border-right-width: 1.75rem; }
.active-border-r-28:active { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-r-28:active { border-right-width: 1.75rem; }
.disabled-border-r-28:disabled { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
.focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
.group:hover .group-hover-border-r-28 { border-right-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-28 { border-right-width: 1.75rem; }
.border-b-28 { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-border-b-28 { border-bottom-width: 1.75rem; }
.hover-border-b-28:hover { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.focus-border-b-28:focus { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.active-border-b-28:active { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-b-28:active { border-bottom-width: 1.75rem; }
.disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
.focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
.group:hover .group-hover-border-b-28 { border-bottom-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
.border-l-28 { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-border-l-28 { border-left-width: 1.75rem; }
.hover-border-l-28:hover { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-l-28:hover { border-left-width: 1.75rem; }
.focus-border-l-28:focus { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-l-28:focus { border-left-width: 1.75rem; }
.active-border-l-28:active { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-l-28:active { border-left-width: 1.75rem; }
.disabled-border-l-28:disabled { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
.focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
.group:hover .group-hover-border-l-28 { border-left-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-28 { border-left-width: 1.75rem; }
.border-29 { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-29 { border-width: 1.8125rem; }
.hover-border-29:hover { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-29:hover { border-width: 1.8125rem; }
.focus-border-29:focus { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-29:focus { border-width: 1.8125rem; }
.active-border-29:active { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-29:active { border-width: 1.8125rem; }
.disabled-border-29:disabled { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-29:disabled { border-width: 1.8125rem; }
.focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
.focus-within-border-29:focus-within { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-29:focus-within { border-width: 1.8125rem; }
.group:hover .group-hover-border-29 { border-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-29 { border-width: 1.8125rem; }
.border-29 { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-29 { border-width: 1.8125rem; }
.hover-border-29:hover { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-29:hover { border-width: 1.8125rem; }
.focus-border-29:focus { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-29:focus { border-width: 1.8125rem; }
.active-border-29:active { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-29:active { border-width: 1.8125rem; }
.disabled-border-29:disabled { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-29:disabled { border-width: 1.8125rem; }
.focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
.focus-within-border-29:focus-within { border-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-29:focus-within { border-width: 1.8125rem; }
.group:hover .group-hover-border-29 { border-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-29 { border-width: 1.8125rem; }
.border-t-29 { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-t-29 { border-top-width: 1.8125rem; }
.hover-border-t-29:hover { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.focus-border-t-29:focus { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.active-border-t-29:active { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-t-29:active { border-top-width: 1.8125rem; }
.disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
.focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
.group:hover .group-hover-border-t-29 { border-top-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-29 { border-top-width: 1.8125rem; }
.border-r-29 { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-r-29 { border-right-width: 1.8125rem; }
.hover-border-r-29:hover { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.focus-border-r-29:focus { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.active-border-r-29:active { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-r-29:active { border-right-width: 1.8125rem; }
.disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
.focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
.group:hover .group-hover-border-r-29 { border-right-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-29 { border-right-width: 1.8125rem; }
.border-b-29 { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-b-29 { border-bottom-width: 1.8125rem; }
.hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.active-border-b-29:active { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
.focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
.group:hover .group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
.border-l-29 { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-l-29 { border-left-width: 1.8125rem; }
.hover-border-l-29:hover { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.focus-border-l-29:focus { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.active-border-l-29:active { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-l-29:active { border-left-width: 1.8125rem; }
.disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
.focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
.group:hover .group-hover-border-l-29 { border-left-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-29 { border-left-width: 1.8125rem; }
.border-30 { border-width: 1.875rem; }
html[data-theme="dark"] .dark-border-30 { border-width: 1.875rem; }
.hover-border-30:hover { border-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-30:hover { border-width: 1.875rem; }
.focus-border-30:focus { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-30:focus { border-width: 1.875rem; }
.active-border-30:active { border-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-30:active { border-width: 1.875rem; }
.disabled-border-30:disabled { border-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-30:disabled { border-width: 1.875rem; }
.focus-visible-border-30:focus-visible { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
.focus-within-border-30:focus-within { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-30:focus-within { border-width: 1.875rem; }
.group:hover .group-hover-border-30 { border-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-30 { border-width: 1.875rem; }
.border-30 { border-width: 1.875rem; }
html[data-theme="dark"] .dark-border-30 { border-width: 1.875rem; }
.hover-border-30:hover { border-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-30:hover { border-width: 1.875rem; }
.focus-border-30:focus { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-30:focus { border-width: 1.875rem; }
.active-border-30:active { border-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-30:active { border-width: 1.875rem; }
.disabled-border-30:disabled { border-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-30:disabled { border-width: 1.875rem; }
.focus-visible-border-30:focus-visible { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
.focus-within-border-30:focus-within { border-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-30:focus-within { border-width: 1.875rem; }
.group:hover .group-hover-border-30 { border-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-30 { border-width: 1.875rem; }
.border-t-30 { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-border-t-30 { border-top-width: 1.875rem; }
.hover-border-t-30:hover { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-t-30:hover { border-top-width: 1.875rem; }
.focus-border-t-30:focus { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-t-30:focus { border-top-width: 1.875rem; }
.active-border-t-30:active { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-t-30:active { border-top-width: 1.875rem; }
.disabled-border-t-30:disabled { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
.focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
.group:hover .group-hover-border-t-30 { border-top-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-30 { border-top-width: 1.875rem; }
.border-r-30 { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-border-r-30 { border-right-width: 1.875rem; }
.hover-border-r-30:hover { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-r-30:hover { border-right-width: 1.875rem; }
.focus-border-r-30:focus { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-r-30:focus { border-right-width: 1.875rem; }
.active-border-r-30:active { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-r-30:active { border-right-width: 1.875rem; }
.disabled-border-r-30:disabled { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
.focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
.group:hover .group-hover-border-r-30 { border-right-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-30 { border-right-width: 1.875rem; }
.border-b-30 { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-border-b-30 { border-bottom-width: 1.875rem; }
.hover-border-b-30:hover { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.focus-border-b-30:focus { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.active-border-b-30:active { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-b-30:active { border-bottom-width: 1.875rem; }
.disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
.focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
.group:hover .group-hover-border-b-30 { border-bottom-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
.border-l-30 { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-border-l-30 { border-left-width: 1.875rem; }
.hover-border-l-30:hover { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-l-30:hover { border-left-width: 1.875rem; }
.focus-border-l-30:focus { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-l-30:focus { border-left-width: 1.875rem; }
.active-border-l-30:active { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-l-30:active { border-left-width: 1.875rem; }
.disabled-border-l-30:disabled { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
.focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
.group:hover .group-hover-border-l-30 { border-left-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-30 { border-left-width: 1.875rem; }
.border-31 { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-31 { border-width: 1.9375rem; }
.hover-border-31:hover { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-31:hover { border-width: 1.9375rem; }
.focus-border-31:focus { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-31:focus { border-width: 1.9375rem; }
.active-border-31:active { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-31:active { border-width: 1.9375rem; }
.disabled-border-31:disabled { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-31:disabled { border-width: 1.9375rem; }
.focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
.focus-within-border-31:focus-within { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-31:focus-within { border-width: 1.9375rem; }
.group:hover .group-hover-border-31 { border-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-31 { border-width: 1.9375rem; }
.border-31 { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-31 { border-width: 1.9375rem; }
.hover-border-31:hover { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-31:hover { border-width: 1.9375rem; }
.focus-border-31:focus { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-31:focus { border-width: 1.9375rem; }
.active-border-31:active { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-31:active { border-width: 1.9375rem; }
.disabled-border-31:disabled { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-31:disabled { border-width: 1.9375rem; }
.focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
.focus-within-border-31:focus-within { border-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-31:focus-within { border-width: 1.9375rem; }
.group:hover .group-hover-border-31 { border-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-31 { border-width: 1.9375rem; }
.border-t-31 { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-t-31 { border-top-width: 1.9375rem; }
.hover-border-t-31:hover { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.focus-border-t-31:focus { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.active-border-t-31:active { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-t-31:active { border-top-width: 1.9375rem; }
.disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
.focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
.group:hover .group-hover-border-t-31 { border-top-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-31 { border-top-width: 1.9375rem; }
.border-r-31 { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-r-31 { border-right-width: 1.9375rem; }
.hover-border-r-31:hover { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.focus-border-r-31:focus { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.active-border-r-31:active { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-r-31:active { border-right-width: 1.9375rem; }
.disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
.focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
.group:hover .group-hover-border-r-31 { border-right-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-31 { border-right-width: 1.9375rem; }
.border-b-31 { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-b-31 { border-bottom-width: 1.9375rem; }
.hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.active-border-b-31:active { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
.focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
.group:hover .group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
.border-l-31 { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-l-31 { border-left-width: 1.9375rem; }
.hover-border-l-31:hover { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.focus-border-l-31:focus { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.active-border-l-31:active { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-l-31:active { border-left-width: 1.9375rem; }
.disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
.focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
.group:hover .group-hover-border-l-31 { border-left-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-31 { border-left-width: 1.9375rem; }
.border-32 { border-width: 2.0rem; }
html[data-theme="dark"] .dark-border-32 { border-width: 2.0rem; }
.hover-border-32:hover { border-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-32:hover { border-width: 2.0rem; }
.focus-border-32:focus { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-32:focus { border-width: 2.0rem; }
.active-border-32:active { border-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-32:active { border-width: 2.0rem; }
.disabled-border-32:disabled { border-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-32:disabled { border-width: 2.0rem; }
.focus-visible-border-32:focus-visible { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
.focus-within-border-32:focus-within { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-32:focus-within { border-width: 2.0rem; }
.group:hover .group-hover-border-32 { border-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-32 { border-width: 2.0rem; }
.border-32 { border-width: 2.0rem; }
html[data-theme="dark"] .dark-border-32 { border-width: 2.0rem; }
.hover-border-32:hover { border-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-32:hover { border-width: 2.0rem; }
.focus-border-32:focus { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-32:focus { border-width: 2.0rem; }
.active-border-32:active { border-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-32:active { border-width: 2.0rem; }
.disabled-border-32:disabled { border-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-32:disabled { border-width: 2.0rem; }
.focus-visible-border-32:focus-visible { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
.focus-within-border-32:focus-within { border-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-32:focus-within { border-width: 2.0rem; }
.group:hover .group-hover-border-32 { border-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-32 { border-width: 2.0rem; }
.border-t-32 { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-border-t-32 { border-top-width: 2.0rem; }
.hover-border-t-32:hover { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-t-32:hover { border-top-width: 2.0rem; }
.focus-border-t-32:focus { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-t-32:focus { border-top-width: 2.0rem; }
.active-border-t-32:active { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-t-32:active { border-top-width: 2.0rem; }
.disabled-border-t-32:disabled { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
.focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
.group:hover .group-hover-border-t-32 { border-top-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-t-32 { border-top-width: 2.0rem; }
.border-r-32 { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-border-r-32 { border-right-width: 2.0rem; }
.hover-border-r-32:hover { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-r-32:hover { border-right-width: 2.0rem; }
.focus-border-r-32:focus { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-r-32:focus { border-right-width: 2.0rem; }
.active-border-r-32:active { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-r-32:active { border-right-width: 2.0rem; }
.disabled-border-r-32:disabled { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
.focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
.group:hover .group-hover-border-r-32 { border-right-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-r-32 { border-right-width: 2.0rem; }
.border-b-32 { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-border-b-32 { border-bottom-width: 2.0rem; }
.hover-border-b-32:hover { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.focus-border-b-32:focus { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.active-border-b-32:active { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-b-32:active { border-bottom-width: 2.0rem; }
.disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
.focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
.group:hover .group-hover-border-b-32 { border-bottom-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
.border-l-32 { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-border-l-32 { border-left-width: 2.0rem; }
.hover-border-l-32:hover { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-l-32:hover { border-left-width: 2.0rem; }
.focus-border-l-32:focus { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-l-32:focus { border-left-width: 2.0rem; }
.active-border-l-32:active { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-l-32:active { border-left-width: 2.0rem; }
.disabled-border-l-32:disabled { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
.focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
.group:hover .group-hover-border-l-32 { border-left-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-l-32 { border-left-width: 2.0rem; }
.border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.group:hover .group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .dark-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.group:hover .group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.group:hover .group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.group:hover .group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.group:hover .group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.group:hover .group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.group:hover .group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.group:hover .group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.group:hover .group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.group:hover .group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.group:hover .group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.group:hover .group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.group:hover .group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.group:hover .group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.group:hover .group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.group:hover .group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.group:hover .group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.group:hover .group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.group:hover .group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.group:hover .group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.group:hover .group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.group:hover .group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.group:hover .group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.group:hover .group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.group:hover .group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.group:hover .group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.group:hover .group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.group:hover .group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.group:hover .group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.group:hover .group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.group:hover .group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.group:hover .group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.group:hover .group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .dark-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.group:hover .group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.group:hover .group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.group:hover .group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.group:hover .group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.group:hover .group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.group:hover .group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.group:hover .group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.group:hover .group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .dark-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.group:hover .group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.group:hover .group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.group:hover .group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.group:hover .group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.group:hover .group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.group:hover .group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.group:hover .group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.group:hover .group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.group:hover .group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.group:hover .group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.group:hover .group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.group:hover .group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .dark-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.group:hover .group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.group:hover .group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.group:hover .group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.group:hover .group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .dark-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.group:hover .group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.group:hover .group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .dark-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.group:hover .group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.group:hover .group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .dark-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.group:hover .group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.group:hover .group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .dark-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.group:hover .group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.group:hover .group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .dark-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.group:hover .group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.border-transparent { border-color: transparent; }
html[data-theme="dark"] .dark-border-transparent { border-color: transparent; }
.hover-border-transparent:hover { border-color: transparent; }
html[data-theme="dark"] .dark-hover-border-transparent:hover { border-color: transparent; }
.focus-border-transparent:focus { border-color: transparent; }
html[data-theme="dark"] .dark-focus-border-transparent:focus { border-color: transparent; }
.active-border-transparent:active { border-color: transparent; }
html[data-theme="dark"] .dark-active-border-transparent:active { border-color: transparent; }
.disabled-border-transparent:disabled { border-color: transparent; }
html[data-theme="dark"] .dark-disabled-border-transparent:disabled { border-color: transparent; }
.focus-visible-border-transparent:focus-visible { border-color: transparent; }
html[data-theme="dark"] .dark-focus-visible-border-transparent:focus-visible { border-color: transparent; }
.focus-within-border-transparent:focus-within { border-color: transparent; }
html[data-theme="dark"] .dark-focus-within-border-transparent:focus-within { border-color: transparent; }
.group:hover .group-hover-border-transparent { border-color: transparent; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-transparent { border-color: transparent; }
.border-inherit { border-color: inherit; }
html[data-theme="dark"] .dark-border-inherit { border-color: inherit; }
.hover-border-inherit:hover { border-color: inherit; }
html[data-theme="dark"] .dark-hover-border-inherit:hover { border-color: inherit; }
.focus-border-inherit:focus { border-color: inherit; }
html[data-theme="dark"] .dark-focus-border-inherit:focus { border-color: inherit; }
.active-border-inherit:active { border-color: inherit; }
html[data-theme="dark"] .dark-active-border-inherit:active { border-color: inherit; }
.disabled-border-inherit:disabled { border-color: inherit; }
html[data-theme="dark"] .dark-disabled-border-inherit:disabled { border-color: inherit; }
.focus-visible-border-inherit:focus-visible { border-color: inherit; }
html[data-theme="dark"] .dark-focus-visible-border-inherit:focus-visible { border-color: inherit; }
.focus-within-border-inherit:focus-within { border-color: inherit; }
html[data-theme="dark"] .dark-focus-within-border-inherit:focus-within { border-color: inherit; }
.group:hover .group-hover-border-inherit { border-color: inherit; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-inherit { border-color: inherit; }
.bg-transparent { background-color: transparent; }
html[data-theme="dark"] .dark-bg-transparent { background-color: transparent; }
.hover-bg-transparent:hover { background-color: transparent; }
html[data-theme="dark"] .dark-hover-bg-transparent:hover { background-color: transparent; }
.focus-bg-transparent:focus { background-color: transparent; }
html[data-theme="dark"] .dark-focus-bg-transparent:focus { background-color: transparent; }
.active-bg-transparent:active { background-color: transparent; }
html[data-theme="dark"] .dark-active-bg-transparent:active { background-color: transparent; }
.disabled-bg-transparent:disabled { background-color: transparent; }
html[data-theme="dark"] .dark-disabled-bg-transparent:disabled { background-color: transparent; }
.focus-visible-bg-transparent:focus-visible { background-color: transparent; }
html[data-theme="dark"] .dark-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
.focus-within-bg-transparent:focus-within { background-color: transparent; }
html[data-theme="dark"] .dark-focus-within-bg-transparent:focus-within { background-color: transparent; }
.group:hover .group-hover-bg-transparent { background-color: transparent; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-transparent { background-color: transparent; }
.bg-inherit { background-color: inherit; }
html[data-theme="dark"] .dark-bg-inherit { background-color: inherit; }
.hover-bg-inherit:hover { background-color: inherit; }
html[data-theme="dark"] .dark-hover-bg-inherit:hover { background-color: inherit; }
.focus-bg-inherit:focus { background-color: inherit; }
html[data-theme="dark"] .dark-focus-bg-inherit:focus { background-color: inherit; }
.active-bg-inherit:active { background-color: inherit; }
html[data-theme="dark"] .dark-active-bg-inherit:active { background-color: inherit; }
.disabled-bg-inherit:disabled { background-color: inherit; }
html[data-theme="dark"] .dark-disabled-bg-inherit:disabled { background-color: inherit; }
.focus-visible-bg-inherit:focus-visible { background-color: inherit; }
html[data-theme="dark"] .dark-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
.focus-within-bg-inherit:focus-within { background-color: inherit; }
html[data-theme="dark"] .dark-focus-within-bg-inherit:focus-within { background-color: inherit; }
.group:hover .group-hover-bg-inherit { background-color: inherit; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-inherit { background-color: inherit; }
.text-transparent { color: transparent; }
html[data-theme="dark"] .dark-text-transparent { color: transparent; }
.hover-text-transparent:hover { color: transparent; }
html[data-theme="dark"] .dark-hover-text-transparent:hover { color: transparent; }
.focus-text-transparent:focus { color: transparent; }
html[data-theme="dark"] .dark-focus-text-transparent:focus { color: transparent; }
.active-text-transparent:active { color: transparent; }
html[data-theme="dark"] .dark-active-text-transparent:active { color: transparent; }
.disabled-text-transparent:disabled { color: transparent; }
html[data-theme="dark"] .dark-disabled-text-transparent:disabled { color: transparent; }
.focus-visible-text-transparent:focus-visible { color: transparent; }
html[data-theme="dark"] .dark-focus-visible-text-transparent:focus-visible { color: transparent; }
.focus-within-text-transparent:focus-within { color: transparent; }
html[data-theme="dark"] .dark-focus-within-text-transparent:focus-within { color: transparent; }
.group:hover .group-hover-text-transparent { color: transparent; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-transparent { color: transparent; }
.text-inherit { color: inherit; }
html[data-theme="dark"] .dark-text-inherit { color: inherit; }
.hover-text-inherit:hover { color: inherit; }
html[data-theme="dark"] .dark-hover-text-inherit:hover { color: inherit; }
.focus-text-inherit:focus { color: inherit; }
html[data-theme="dark"] .dark-focus-text-inherit:focus { color: inherit; }
.active-text-inherit:active { color: inherit; }
html[data-theme="dark"] .dark-active-text-inherit:active { color: inherit; }
.disabled-text-inherit:disabled { color: inherit; }
html[data-theme="dark"] .dark-disabled-text-inherit:disabled { color: inherit; }
.focus-visible-text-inherit:focus-visible { color: inherit; }
html[data-theme="dark"] .dark-focus-visible-text-inherit:focus-visible { color: inherit; }
.focus-within-text-inherit:focus-within { color: inherit; }
html[data-theme="dark"] .dark-focus-within-text-inherit:focus-within { color: inherit; }
.group:hover .group-hover-text-inherit { color: inherit; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-inherit { color: inherit; }
.border-solid { border-style: solid; }
html[data-theme="dark"] .dark-border-solid { border-style: solid; }
.hover-border-solid:hover { border-style: solid; }
html[data-theme="dark"] .dark-hover-border-solid:hover { border-style: solid; }
.focus-border-solid:focus { border-style: solid; }
html[data-theme="dark"] .dark-focus-border-solid:focus { border-style: solid; }
.active-border-solid:active { border-style: solid; }
html[data-theme="dark"] .dark-active-border-solid:active { border-style: solid; }
.disabled-border-solid:disabled { border-style: solid; }
html[data-theme="dark"] .dark-disabled-border-solid:disabled { border-style: solid; }
.focus-visible-border-solid:focus-visible { border-style: solid; }
html[data-theme="dark"] .dark-focus-visible-border-solid:focus-visible { border-style: solid; }
.focus-within-border-solid:focus-within { border-style: solid; }
html[data-theme="dark"] .dark-focus-within-border-solid:focus-within { border-style: solid; }
.group:hover .group-hover-border-solid { border-style: solid; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
html[data-theme="dark"] .dark-border-dashed { border-style: dashed; }
.hover-border-dashed:hover { border-style: dashed; }
html[data-theme="dark"] .dark-hover-border-dashed:hover { border-style: dashed; }
.focus-border-dashed:focus { border-style: dashed; }
html[data-theme="dark"] .dark-focus-border-dashed:focus { border-style: dashed; }
.active-border-dashed:active { border-style: dashed; }
html[data-theme="dark"] .dark-active-border-dashed:active { border-style: dashed; }
.disabled-border-dashed:disabled { border-style: dashed; }
html[data-theme="dark"] .dark-disabled-border-dashed:disabled { border-style: dashed; }
.focus-visible-border-dashed:focus-visible { border-style: dashed; }
html[data-theme="dark"] .dark-focus-visible-border-dashed:focus-visible { border-style: dashed; }
.focus-within-border-dashed:focus-within { border-style: dashed; }
html[data-theme="dark"] .dark-focus-within-border-dashed:focus-within { border-style: dashed; }
.group:hover .group-hover-border-dashed { border-style: dashed; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
html[data-theme="dark"] .dark-border-dotted { border-style: dotted; }
.hover-border-dotted:hover { border-style: dotted; }
html[data-theme="dark"] .dark-hover-border-dotted:hover { border-style: dotted; }
.focus-border-dotted:focus { border-style: dotted; }
html[data-theme="dark"] .dark-focus-border-dotted:focus { border-style: dotted; }
.active-border-dotted:active { border-style: dotted; }
html[data-theme="dark"] .dark-active-border-dotted:active { border-style: dotted; }
.disabled-border-dotted:disabled { border-style: dotted; }
html[data-theme="dark"] .dark-disabled-border-dotted:disabled { border-style: dotted; }
.focus-visible-border-dotted:focus-visible { border-style: dotted; }
html[data-theme="dark"] .dark-focus-visible-border-dotted:focus-visible { border-style: dotted; }
.focus-within-border-dotted:focus-within { border-style: dotted; }
html[data-theme="dark"] .dark-focus-within-border-dotted:focus-within { border-style: dotted; }
.group:hover .group-hover-border-dotted { border-style: dotted; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-dotted { border-style: dotted; }
.border-double { border-style: double; }
html[data-theme="dark"] .dark-border-double { border-style: double; }
.hover-border-double:hover { border-style: double; }
html[data-theme="dark"] .dark-hover-border-double:hover { border-style: double; }
.focus-border-double:focus { border-style: double; }
html[data-theme="dark"] .dark-focus-border-double:focus { border-style: double; }
.active-border-double:active { border-style: double; }
html[data-theme="dark"] .dark-active-border-double:active { border-style: double; }
.disabled-border-double:disabled { border-style: double; }
html[data-theme="dark"] .dark-disabled-border-double:disabled { border-style: double; }
.focus-visible-border-double:focus-visible { border-style: double; }
html[data-theme="dark"] .dark-focus-visible-border-double:focus-visible { border-style: double; }
.focus-within-border-double:focus-within { border-style: double; }
html[data-theme="dark"] .dark-focus-within-border-double:focus-within { border-style: double; }
.group:hover .group-hover-border-double { border-style: double; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-double { border-style: double; }
.border-none { border-style: none; }
html[data-theme="dark"] .dark-border-none { border-style: none; }
.hover-border-none:hover { border-style: none; }
html[data-theme="dark"] .dark-hover-border-none:hover { border-style: none; }
.focus-border-none:focus { border-style: none; }
html[data-theme="dark"] .dark-focus-border-none:focus { border-style: none; }
.active-border-none:active { border-style: none; }
html[data-theme="dark"] .dark-active-border-none:active { border-style: none; }
.disabled-border-none:disabled { border-style: none; }
html[data-theme="dark"] .dark-disabled-border-none:disabled { border-style: none; }
.focus-visible-border-none:focus-visible { border-style: none; }
html[data-theme="dark"] .dark-focus-visible-border-none:focus-visible { border-style: none; }
.focus-within-border-none:focus-within { border-style: none; }
html[data-theme="dark"] .dark-focus-within-border-none:focus-within { border-style: none; }
.group:hover .group-hover-border-none { border-style: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-none { border-style: none; }
.z-auto { z-index: auto; }
html[data-theme="dark"] .dark-z-auto { z-index: auto; }
.hover-z-auto:hover { z-index: auto; }
html[data-theme="dark"] .dark-hover-z-auto:hover { z-index: auto; }
.focus-z-auto:focus { z-index: auto; }
html[data-theme="dark"] .dark-focus-z-auto:focus { z-index: auto; }
.active-z-auto:active { z-index: auto; }
html[data-theme="dark"] .dark-active-z-auto:active { z-index: auto; }
.disabled-z-auto:disabled { z-index: auto; }
html[data-theme="dark"] .dark-disabled-z-auto:disabled { z-index: auto; }
.focus-visible-z-auto:focus-visible { z-index: auto; }
html[data-theme="dark"] .dark-focus-visible-z-auto:focus-visible { z-index: auto; }
.focus-within-z-auto:focus-within { z-index: auto; }
html[data-theme="dark"] .dark-focus-within-z-auto:focus-within { z-index: auto; }
.group:hover .group-hover-z-auto { z-index: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-auto { z-index: auto; }
.z-0 { z-index: 0; }
html[data-theme="dark"] .dark-z-0 { z-index: 0; }
.hover-z-0:hover { z-index: 0; }
html[data-theme="dark"] .dark-hover-z-0:hover { z-index: 0; }
.focus-z-0:focus { z-index: 0; }
html[data-theme="dark"] .dark-focus-z-0:focus { z-index: 0; }
.active-z-0:active { z-index: 0; }
html[data-theme="dark"] .dark-active-z-0:active { z-index: 0; }
.disabled-z-0:disabled { z-index: 0; }
html[data-theme="dark"] .dark-disabled-z-0:disabled { z-index: 0; }
.focus-visible-z-0:focus-visible { z-index: 0; }
html[data-theme="dark"] .dark-focus-visible-z-0:focus-visible { z-index: 0; }
.focus-within-z-0:focus-within { z-index: 0; }
html[data-theme="dark"] .dark-focus-within-z-0:focus-within { z-index: 0; }
.group:hover .group-hover-z-0 { z-index: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-0 { z-index: 0; }
.z-10 { z-index: 10; }
html[data-theme="dark"] .dark-z-10 { z-index: 10; }
.hover-z-10:hover { z-index: 10; }
html[data-theme="dark"] .dark-hover-z-10:hover { z-index: 10; }
.focus-z-10:focus { z-index: 10; }
html[data-theme="dark"] .dark-focus-z-10:focus { z-index: 10; }
.active-z-10:active { z-index: 10; }
html[data-theme="dark"] .dark-active-z-10:active { z-index: 10; }
.disabled-z-10:disabled { z-index: 10; }
html[data-theme="dark"] .dark-disabled-z-10:disabled { z-index: 10; }
.focus-visible-z-10:focus-visible { z-index: 10; }
html[data-theme="dark"] .dark-focus-visible-z-10:focus-visible { z-index: 10; }
.focus-within-z-10:focus-within { z-index: 10; }
html[data-theme="dark"] .dark-focus-within-z-10:focus-within { z-index: 10; }
.group:hover .group-hover-z-10 { z-index: 10; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-10 { z-index: 10; }
.z-20 { z-index: 20; }
html[data-theme="dark"] .dark-z-20 { z-index: 20; }
.hover-z-20:hover { z-index: 20; }
html[data-theme="dark"] .dark-hover-z-20:hover { z-index: 20; }
.focus-z-20:focus { z-index: 20; }
html[data-theme="dark"] .dark-focus-z-20:focus { z-index: 20; }
.active-z-20:active { z-index: 20; }
html[data-theme="dark"] .dark-active-z-20:active { z-index: 20; }
.disabled-z-20:disabled { z-index: 20; }
html[data-theme="dark"] .dark-disabled-z-20:disabled { z-index: 20; }
.focus-visible-z-20:focus-visible { z-index: 20; }
html[data-theme="dark"] .dark-focus-visible-z-20:focus-visible { z-index: 20; }
.focus-within-z-20:focus-within { z-index: 20; }
html[data-theme="dark"] .dark-focus-within-z-20:focus-within { z-index: 20; }
.group:hover .group-hover-z-20 { z-index: 20; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-20 { z-index: 20; }
.z-30 { z-index: 30; }
html[data-theme="dark"] .dark-z-30 { z-index: 30; }
.hover-z-30:hover { z-index: 30; }
html[data-theme="dark"] .dark-hover-z-30:hover { z-index: 30; }
.focus-z-30:focus { z-index: 30; }
html[data-theme="dark"] .dark-focus-z-30:focus { z-index: 30; }
.active-z-30:active { z-index: 30; }
html[data-theme="dark"] .dark-active-z-30:active { z-index: 30; }
.disabled-z-30:disabled { z-index: 30; }
html[data-theme="dark"] .dark-disabled-z-30:disabled { z-index: 30; }
.focus-visible-z-30:focus-visible { z-index: 30; }
html[data-theme="dark"] .dark-focus-visible-z-30:focus-visible { z-index: 30; }
.focus-within-z-30:focus-within { z-index: 30; }
html[data-theme="dark"] .dark-focus-within-z-30:focus-within { z-index: 30; }
.group:hover .group-hover-z-30 { z-index: 30; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-30 { z-index: 30; }
.z-40 { z-index: 40; }
html[data-theme="dark"] .dark-z-40 { z-index: 40; }
.hover-z-40:hover { z-index: 40; }
html[data-theme="dark"] .dark-hover-z-40:hover { z-index: 40; }
.focus-z-40:focus { z-index: 40; }
html[data-theme="dark"] .dark-focus-z-40:focus { z-index: 40; }
.active-z-40:active { z-index: 40; }
html[data-theme="dark"] .dark-active-z-40:active { z-index: 40; }
.disabled-z-40:disabled { z-index: 40; }
html[data-theme="dark"] .dark-disabled-z-40:disabled { z-index: 40; }
.focus-visible-z-40:focus-visible { z-index: 40; }
html[data-theme="dark"] .dark-focus-visible-z-40:focus-visible { z-index: 40; }
.focus-within-z-40:focus-within { z-index: 40; }
html[data-theme="dark"] .dark-focus-within-z-40:focus-within { z-index: 40; }
.group:hover .group-hover-z-40 { z-index: 40; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-40 { z-index: 40; }
.z-50 { z-index: 50; }
html[data-theme="dark"] .dark-z-50 { z-index: 50; }
.hover-z-50:hover { z-index: 50; }
html[data-theme="dark"] .dark-hover-z-50:hover { z-index: 50; }
.focus-z-50:focus { z-index: 50; }
html[data-theme="dark"] .dark-focus-z-50:focus { z-index: 50; }
.active-z-50:active { z-index: 50; }
html[data-theme="dark"] .dark-active-z-50:active { z-index: 50; }
.disabled-z-50:disabled { z-index: 50; }
html[data-theme="dark"] .dark-disabled-z-50:disabled { z-index: 50; }
.focus-visible-z-50:focus-visible { z-index: 50; }
html[data-theme="dark"] .dark-focus-visible-z-50:focus-visible { z-index: 50; }
.focus-within-z-50:focus-within { z-index: 50; }
html[data-theme="dark"] .dark-focus-within-z-50:focus-within { z-index: 50; }
.group:hover .group-hover-z-50 { z-index: 50; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-50 { z-index: 50; }
.z-100 { z-index: 100; }
html[data-theme="dark"] .dark-z-100 { z-index: 100; }
.hover-z-100:hover { z-index: 100; }
html[data-theme="dark"] .dark-hover-z-100:hover { z-index: 100; }
.focus-z-100:focus { z-index: 100; }
html[data-theme="dark"] .dark-focus-z-100:focus { z-index: 100; }
.active-z-100:active { z-index: 100; }
html[data-theme="dark"] .dark-active-z-100:active { z-index: 100; }
.disabled-z-100:disabled { z-index: 100; }
html[data-theme="dark"] .dark-disabled-z-100:disabled { z-index: 100; }
.focus-visible-z-100:focus-visible { z-index: 100; }
html[data-theme="dark"] .dark-focus-visible-z-100:focus-visible { z-index: 100; }
.focus-within-z-100:focus-within { z-index: 100; }
html[data-theme="dark"] .dark-focus-within-z-100:focus-within { z-index: 100; }
.group:hover .group-hover-z-100 { z-index: 100; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-100 { z-index: 100; }
.z-9999 { z-index: 9999; }
html[data-theme="dark"] .dark-z-9999 { z-index: 9999; }
.hover-z-9999:hover { z-index: 9999; }
html[data-theme="dark"] .dark-hover-z-9999:hover { z-index: 9999; }
.focus-z-9999:focus { z-index: 9999; }
html[data-theme="dark"] .dark-focus-z-9999:focus { z-index: 9999; }
.active-z-9999:active { z-index: 9999; }
html[data-theme="dark"] .dark-active-z-9999:active { z-index: 9999; }
.disabled-z-9999:disabled { z-index: 9999; }
html[data-theme="dark"] .dark-disabled-z-9999:disabled { z-index: 9999; }
.focus-visible-z-9999:focus-visible { z-index: 9999; }
html[data-theme="dark"] .dark-focus-visible-z-9999:focus-visible { z-index: 9999; }
.focus-within-z-9999:focus-within { z-index: 9999; }
html[data-theme="dark"] .dark-focus-within-z-9999:focus-within { z-index: 9999; }
.group:hover .group-hover-z-9999 { z-index: 9999; }
html[data-theme="dark"] .group:hover .dark-group-hover-z-9999 { z-index: 9999; }
.-z-10 { z-index: -10; }
html[data-theme="dark"] .dark--z-10 { z-index: -10; }
.hover--z-10:hover { z-index: -10; }
html[data-theme="dark"] .dark-hover--z-10:hover { z-index: -10; }
.focus--z-10:focus { z-index: -10; }
html[data-theme="dark"] .dark-focus--z-10:focus { z-index: -10; }
.active--z-10:active { z-index: -10; }
html[data-theme="dark"] .dark-active--z-10:active { z-index: -10; }
.disabled--z-10:disabled { z-index: -10; }
html[data-theme="dark"] .dark-disabled--z-10:disabled { z-index: -10; }
.focus-visible--z-10:focus-visible { z-index: -10; }
html[data-theme="dark"] .dark-focus-visible--z-10:focus-visible { z-index: -10; }
.focus-within--z-10:focus-within { z-index: -10; }
html[data-theme="dark"] .dark-focus-within--z-10:focus-within { z-index: -10; }
.group:hover .group-hover--z-10 { z-index: -10; }
html[data-theme="dark"] .group:hover .dark-group-hover--z-10 { z-index: -10; }
.-z-20 { z-index: -20; }
html[data-theme="dark"] .dark--z-20 { z-index: -20; }
.hover--z-20:hover { z-index: -20; }
html[data-theme="dark"] .dark-hover--z-20:hover { z-index: -20; }
.focus--z-20:focus { z-index: -20; }
html[data-theme="dark"] .dark-focus--z-20:focus { z-index: -20; }
.active--z-20:active { z-index: -20; }
html[data-theme="dark"] .dark-active--z-20:active { z-index: -20; }
.disabled--z-20:disabled { z-index: -20; }
html[data-theme="dark"] .dark-disabled--z-20:disabled { z-index: -20; }
.focus-visible--z-20:focus-visible { z-index: -20; }
html[data-theme="dark"] .dark-focus-visible--z-20:focus-visible { z-index: -20; }
.focus-within--z-20:focus-within { z-index: -20; }
html[data-theme="dark"] .dark-focus-within--z-20:focus-within { z-index: -20; }
.group:hover .group-hover--z-20 { z-index: -20; }
html[data-theme="dark"] .group:hover .dark-group-hover--z-20 { z-index: -20; }
.-z-40 { z-index: -40; }
html[data-theme="dark"] .dark--z-40 { z-index: -40; }
.hover--z-40:hover { z-index: -40; }
html[data-theme="dark"] .dark-hover--z-40:hover { z-index: -40; }
.focus--z-40:focus { z-index: -40; }
html[data-theme="dark"] .dark-focus--z-40:focus { z-index: -40; }
.active--z-40:active { z-index: -40; }
html[data-theme="dark"] .dark-active--z-40:active { z-index: -40; }
.disabled--z-40:disabled { z-index: -40; }
html[data-theme="dark"] .dark-disabled--z-40:disabled { z-index: -40; }
.focus-visible--z-40:focus-visible { z-index: -40; }
html[data-theme="dark"] .dark-focus-visible--z-40:focus-visible { z-index: -40; }
.focus-within--z-40:focus-within { z-index: -40; }
html[data-theme="dark"] .dark-focus-within--z-40:focus-within { z-index: -40; }
.group:hover .group-hover--z-40 { z-index: -40; }
html[data-theme="dark"] .group:hover .dark-group-hover--z-40 { z-index: -40; }
.-z-50 { z-index: -50; }
html[data-theme="dark"] .dark--z-50 { z-index: -50; }
.hover--z-50:hover { z-index: -50; }
html[data-theme="dark"] .dark-hover--z-50:hover { z-index: -50; }
.focus--z-50:focus { z-index: -50; }
html[data-theme="dark"] .dark-focus--z-50:focus { z-index: -50; }
.active--z-50:active { z-index: -50; }
html[data-theme="dark"] .dark-active--z-50:active { z-index: -50; }
.disabled--z-50:disabled { z-index: -50; }
html[data-theme="dark"] .dark-disabled--z-50:disabled { z-index: -50; }
.focus-visible--z-50:focus-visible { z-index: -50; }
html[data-theme="dark"] .dark-focus-visible--z-50:focus-visible { z-index: -50; }
.focus-within--z-50:focus-within { z-index: -50; }
html[data-theme="dark"] .dark-focus-within--z-50:focus-within { z-index: -50; }
.group:hover .group-hover--z-50 { z-index: -50; }
html[data-theme="dark"] .group:hover .dark-group-hover--z-50 { z-index: -50; }
.-z-100 { z-index: -100; }
html[data-theme="dark"] .dark--z-100 { z-index: -100; }
.hover--z-100:hover { z-index: -100; }
html[data-theme="dark"] .dark-hover--z-100:hover { z-index: -100; }
.focus--z-100:focus { z-index: -100; }
html[data-theme="dark"] .dark-focus--z-100:focus { z-index: -100; }
.active--z-100:active { z-index: -100; }
html[data-theme="dark"] .dark-active--z-100:active { z-index: -100; }
.disabled--z-100:disabled { z-index: -100; }
html[data-theme="dark"] .dark-disabled--z-100:disabled { z-index: -100; }
.focus-visible--z-100:focus-visible { z-index: -100; }
html[data-theme="dark"] .dark-focus-visible--z-100:focus-visible { z-index: -100; }
.focus-within--z-100:focus-within { z-index: -100; }
html[data-theme="dark"] .dark-focus-within--z-100:focus-within { z-index: -100; }
.group:hover .group-hover--z-100 { z-index: -100; }
html[data-theme="dark"] .group:hover .dark-group-hover--z-100 { z-index: -100; }
.opacity-0 { opacity: 0; }
html[data-theme="dark"] .dark-opacity-0 { opacity: 0; }
.hover-opacity-0:hover { opacity: 0; }
html[data-theme="dark"] .dark-hover-opacity-0:hover { opacity: 0; }
.focus-opacity-0:focus { opacity: 0; }
html[data-theme="dark"] .dark-focus-opacity-0:focus { opacity: 0; }
.active-opacity-0:active { opacity: 0; }
html[data-theme="dark"] .dark-active-opacity-0:active { opacity: 0; }
.disabled-opacity-0:disabled { opacity: 0; }
html[data-theme="dark"] .dark-disabled-opacity-0:disabled { opacity: 0; }
.focus-visible-opacity-0:focus-visible { opacity: 0; }
html[data-theme="dark"] .dark-focus-visible-opacity-0:focus-visible { opacity: 0; }
.focus-within-opacity-0:focus-within { opacity: 0; }
html[data-theme="dark"] .dark-focus-within-opacity-0:focus-within { opacity: 0; }
.group:hover .group-hover-opacity-0 { opacity: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
html[data-theme="dark"] .dark-opacity-10 { opacity: 0.1; }
.hover-opacity-10:hover { opacity: 0.1; }
html[data-theme="dark"] .dark-hover-opacity-10:hover { opacity: 0.1; }
.focus-opacity-10:focus { opacity: 0.1; }
html[data-theme="dark"] .dark-focus-opacity-10:focus { opacity: 0.1; }
.active-opacity-10:active { opacity: 0.1; }
html[data-theme="dark"] .dark-active-opacity-10:active { opacity: 0.1; }
.disabled-opacity-10:disabled { opacity: 0.1; }
html[data-theme="dark"] .dark-disabled-opacity-10:disabled { opacity: 0.1; }
.focus-visible-opacity-10:focus-visible { opacity: 0.1; }
html[data-theme="dark"] .dark-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
.focus-within-opacity-10:focus-within { opacity: 0.1; }
html[data-theme="dark"] .dark-focus-within-opacity-10:focus-within { opacity: 0.1; }
.group:hover .group-hover-opacity-10 { opacity: 0.1; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
html[data-theme="dark"] .dark-opacity-20 { opacity: 0.2; }
.hover-opacity-20:hover { opacity: 0.2; }
html[data-theme="dark"] .dark-hover-opacity-20:hover { opacity: 0.2; }
.focus-opacity-20:focus { opacity: 0.2; }
html[data-theme="dark"] .dark-focus-opacity-20:focus { opacity: 0.2; }
.active-opacity-20:active { opacity: 0.2; }
html[data-theme="dark"] .dark-active-opacity-20:active { opacity: 0.2; }
.disabled-opacity-20:disabled { opacity: 0.2; }
html[data-theme="dark"] .dark-disabled-opacity-20:disabled { opacity: 0.2; }
.focus-visible-opacity-20:focus-visible { opacity: 0.2; }
html[data-theme="dark"] .dark-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
.focus-within-opacity-20:focus-within { opacity: 0.2; }
html[data-theme="dark"] .dark-focus-within-opacity-20:focus-within { opacity: 0.2; }
.group:hover .group-hover-opacity-20 { opacity: 0.2; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-20 { opacity: 0.2; }
.opacity-25 { opacity: 0.25; }
html[data-theme="dark"] .dark-opacity-25 { opacity: 0.25; }
.hover-opacity-25:hover { opacity: 0.25; }
html[data-theme="dark"] .dark-hover-opacity-25:hover { opacity: 0.25; }
.focus-opacity-25:focus { opacity: 0.25; }
html[data-theme="dark"] .dark-focus-opacity-25:focus { opacity: 0.25; }
.active-opacity-25:active { opacity: 0.25; }
html[data-theme="dark"] .dark-active-opacity-25:active { opacity: 0.25; }
.disabled-opacity-25:disabled { opacity: 0.25; }
html[data-theme="dark"] .dark-disabled-opacity-25:disabled { opacity: 0.25; }
.focus-visible-opacity-25:focus-visible { opacity: 0.25; }
html[data-theme="dark"] .dark-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
.focus-within-opacity-25:focus-within { opacity: 0.25; }
html[data-theme="dark"] .dark-focus-within-opacity-25:focus-within { opacity: 0.25; }
.group:hover .group-hover-opacity-25 { opacity: 0.25; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-25 { opacity: 0.25; }
.opacity-30 { opacity: 0.3; }
html[data-theme="dark"] .dark-opacity-30 { opacity: 0.3; }
.hover-opacity-30:hover { opacity: 0.3; }
html[data-theme="dark"] .dark-hover-opacity-30:hover { opacity: 0.3; }
.focus-opacity-30:focus { opacity: 0.3; }
html[data-theme="dark"] .dark-focus-opacity-30:focus { opacity: 0.3; }
.active-opacity-30:active { opacity: 0.3; }
html[data-theme="dark"] .dark-active-opacity-30:active { opacity: 0.3; }
.disabled-opacity-30:disabled { opacity: 0.3; }
html[data-theme="dark"] .dark-disabled-opacity-30:disabled { opacity: 0.3; }
.focus-visible-opacity-30:focus-visible { opacity: 0.3; }
html[data-theme="dark"] .dark-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
.focus-within-opacity-30:focus-within { opacity: 0.3; }
html[data-theme="dark"] .dark-focus-within-opacity-30:focus-within { opacity: 0.3; }
.group:hover .group-hover-opacity-30 { opacity: 0.3; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
html[data-theme="dark"] .dark-opacity-40 { opacity: 0.4; }
.hover-opacity-40:hover { opacity: 0.4; }
html[data-theme="dark"] .dark-hover-opacity-40:hover { opacity: 0.4; }
.focus-opacity-40:focus { opacity: 0.4; }
html[data-theme="dark"] .dark-focus-opacity-40:focus { opacity: 0.4; }
.active-opacity-40:active { opacity: 0.4; }
html[data-theme="dark"] .dark-active-opacity-40:active { opacity: 0.4; }
.disabled-opacity-40:disabled { opacity: 0.4; }
html[data-theme="dark"] .dark-disabled-opacity-40:disabled { opacity: 0.4; }
.focus-visible-opacity-40:focus-visible { opacity: 0.4; }
html[data-theme="dark"] .dark-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
.focus-within-opacity-40:focus-within { opacity: 0.4; }
html[data-theme="dark"] .dark-focus-within-opacity-40:focus-within { opacity: 0.4; }
.group:hover .group-hover-opacity-40 { opacity: 0.4; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
html[data-theme="dark"] .dark-opacity-50 { opacity: 0.5; }
.hover-opacity-50:hover { opacity: 0.5; }
html[data-theme="dark"] .dark-hover-opacity-50:hover { opacity: 0.5; }
.focus-opacity-50:focus { opacity: 0.5; }
html[data-theme="dark"] .dark-focus-opacity-50:focus { opacity: 0.5; }
.active-opacity-50:active { opacity: 0.5; }
html[data-theme="dark"] .dark-active-opacity-50:active { opacity: 0.5; }
.disabled-opacity-50:disabled { opacity: 0.5; }
html[data-theme="dark"] .dark-disabled-opacity-50:disabled { opacity: 0.5; }
.focus-visible-opacity-50:focus-visible { opacity: 0.5; }
html[data-theme="dark"] .dark-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
.focus-within-opacity-50:focus-within { opacity: 0.5; }
html[data-theme="dark"] .dark-focus-within-opacity-50:focus-within { opacity: 0.5; }
.group:hover .group-hover-opacity-50 { opacity: 0.5; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
html[data-theme="dark"] .dark-opacity-60 { opacity: 0.6; }
.hover-opacity-60:hover { opacity: 0.6; }
html[data-theme="dark"] .dark-hover-opacity-60:hover { opacity: 0.6; }
.focus-opacity-60:focus { opacity: 0.6; }
html[data-theme="dark"] .dark-focus-opacity-60:focus { opacity: 0.6; }
.active-opacity-60:active { opacity: 0.6; }
html[data-theme="dark"] .dark-active-opacity-60:active { opacity: 0.6; }
.disabled-opacity-60:disabled { opacity: 0.6; }
html[data-theme="dark"] .dark-disabled-opacity-60:disabled { opacity: 0.6; }
.focus-visible-opacity-60:focus-visible { opacity: 0.6; }
html[data-theme="dark"] .dark-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
.focus-within-opacity-60:focus-within { opacity: 0.6; }
html[data-theme="dark"] .dark-focus-within-opacity-60:focus-within { opacity: 0.6; }
.group:hover .group-hover-opacity-60 { opacity: 0.6; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
html[data-theme="dark"] .dark-opacity-70 { opacity: 0.7; }
.hover-opacity-70:hover { opacity: 0.7; }
html[data-theme="dark"] .dark-hover-opacity-70:hover { opacity: 0.7; }
.focus-opacity-70:focus { opacity: 0.7; }
html[data-theme="dark"] .dark-focus-opacity-70:focus { opacity: 0.7; }
.active-opacity-70:active { opacity: 0.7; }
html[data-theme="dark"] .dark-active-opacity-70:active { opacity: 0.7; }
.disabled-opacity-70:disabled { opacity: 0.7; }
html[data-theme="dark"] .dark-disabled-opacity-70:disabled { opacity: 0.7; }
.focus-visible-opacity-70:focus-visible { opacity: 0.7; }
html[data-theme="dark"] .dark-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
.focus-within-opacity-70:focus-within { opacity: 0.7; }
html[data-theme="dark"] .dark-focus-within-opacity-70:focus-within { opacity: 0.7; }
.group:hover .group-hover-opacity-70 { opacity: 0.7; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
html[data-theme="dark"] .dark-opacity-75 { opacity: 0.75; }
.hover-opacity-75:hover { opacity: 0.75; }
html[data-theme="dark"] .dark-hover-opacity-75:hover { opacity: 0.75; }
.focus-opacity-75:focus { opacity: 0.75; }
html[data-theme="dark"] .dark-focus-opacity-75:focus { opacity: 0.75; }
.active-opacity-75:active { opacity: 0.75; }
html[data-theme="dark"] .dark-active-opacity-75:active { opacity: 0.75; }
.disabled-opacity-75:disabled { opacity: 0.75; }
html[data-theme="dark"] .dark-disabled-opacity-75:disabled { opacity: 0.75; }
.focus-visible-opacity-75:focus-visible { opacity: 0.75; }
html[data-theme="dark"] .dark-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
.focus-within-opacity-75:focus-within { opacity: 0.75; }
html[data-theme="dark"] .dark-focus-within-opacity-75:focus-within { opacity: 0.75; }
.group:hover .group-hover-opacity-75 { opacity: 0.75; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-75 { opacity: 0.75; }
.opacity-80 { opacity: 0.8; }
html[data-theme="dark"] .dark-opacity-80 { opacity: 0.8; }
.hover-opacity-80:hover { opacity: 0.8; }
html[data-theme="dark"] .dark-hover-opacity-80:hover { opacity: 0.8; }
.focus-opacity-80:focus { opacity: 0.8; }
html[data-theme="dark"] .dark-focus-opacity-80:focus { opacity: 0.8; }
.active-opacity-80:active { opacity: 0.8; }
html[data-theme="dark"] .dark-active-opacity-80:active { opacity: 0.8; }
.disabled-opacity-80:disabled { opacity: 0.8; }
html[data-theme="dark"] .dark-disabled-opacity-80:disabled { opacity: 0.8; }
.focus-visible-opacity-80:focus-visible { opacity: 0.8; }
html[data-theme="dark"] .dark-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
.focus-within-opacity-80:focus-within { opacity: 0.8; }
html[data-theme="dark"] .dark-focus-within-opacity-80:focus-within { opacity: 0.8; }
.group:hover .group-hover-opacity-80 { opacity: 0.8; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
html[data-theme="dark"] .dark-opacity-90 { opacity: 0.9; }
.hover-opacity-90:hover { opacity: 0.9; }
html[data-theme="dark"] .dark-hover-opacity-90:hover { opacity: 0.9; }
.focus-opacity-90:focus { opacity: 0.9; }
html[data-theme="dark"] .dark-focus-opacity-90:focus { opacity: 0.9; }
.active-opacity-90:active { opacity: 0.9; }
html[data-theme="dark"] .dark-active-opacity-90:active { opacity: 0.9; }
.disabled-opacity-90:disabled { opacity: 0.9; }
html[data-theme="dark"] .dark-disabled-opacity-90:disabled { opacity: 0.9; }
.focus-visible-opacity-90:focus-visible { opacity: 0.9; }
html[data-theme="dark"] .dark-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
.focus-within-opacity-90:focus-within { opacity: 0.9; }
html[data-theme="dark"] .dark-focus-within-opacity-90:focus-within { opacity: 0.9; }
.group:hover .group-hover-opacity-90 { opacity: 0.9; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }
html[data-theme="dark"] .dark-opacity-100 { opacity: 1; }
.hover-opacity-100:hover { opacity: 1; }
html[data-theme="dark"] .dark-hover-opacity-100:hover { opacity: 1; }
.focus-opacity-100:focus { opacity: 1; }
html[data-theme="dark"] .dark-focus-opacity-100:focus { opacity: 1; }
.active-opacity-100:active { opacity: 1; }
html[data-theme="dark"] .dark-active-opacity-100:active { opacity: 1; }
.disabled-opacity-100:disabled { opacity: 1; }
html[data-theme="dark"] .dark-disabled-opacity-100:disabled { opacity: 1; }
.focus-visible-opacity-100:focus-visible { opacity: 1; }
html[data-theme="dark"] .dark-focus-visible-opacity-100:focus-visible { opacity: 1; }
.focus-within-opacity-100:focus-within { opacity: 1; }
html[data-theme="dark"] .dark-focus-within-opacity-100:focus-within { opacity: 1; }
.group:hover .group-hover-opacity-100 { opacity: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-opacity-100 { opacity: 1; }
.bg-gradient-l { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-bg-gradient-l { --quanta-gradient-direction: to left; }
.hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
.focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
.group:hover .group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
.bg-gradient-r { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-bg-gradient-r { --quanta-gradient-direction: to right; }
.hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
.focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
.group:hover .group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
.bg-gradient-t { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-bg-gradient-t { --quanta-gradient-direction: to top; }
.hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
.focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
.group:hover .group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
.bg-gradient-b { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
.focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
.group:hover .group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.bg-gradient-tl { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
.focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
.group:hover .group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.bg-gradient-tr { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
.focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
.group:hover .group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
.focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
.group:hover .group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.bg-gradient-br { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
.focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .dark-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
.group:hover .group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.rounded-0 { border-radius: 0; }
html[data-theme="dark"] .dark-rounded-0 { border-radius: 0; }
.hover-rounded-0:hover { border-radius: 0; }
html[data-theme="dark"] .dark-hover-rounded-0:hover { border-radius: 0; }
.focus-rounded-0:focus { border-radius: 0; }
html[data-theme="dark"] .dark-focus-rounded-0:focus { border-radius: 0; }
.active-rounded-0:active { border-radius: 0; }
html[data-theme="dark"] .dark-active-rounded-0:active { border-radius: 0; }
.disabled-rounded-0:disabled { border-radius: 0; }
html[data-theme="dark"] .dark-disabled-rounded-0:disabled { border-radius: 0; }
.focus-visible-rounded-0:focus-visible { border-radius: 0; }
html[data-theme="dark"] .dark-focus-visible-rounded-0:focus-visible { border-radius: 0; }
.focus-within-rounded-0:focus-within { border-radius: 0; }
html[data-theme="dark"] .dark-focus-within-rounded-0:focus-within { border-radius: 0; }
.group:hover .group-hover-rounded-0 { border-radius: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-0 { border-radius: 0; }
.rounded-xs { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-rounded-xs { border-radius: 0.125rem; }
.hover-rounded-xs:hover { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-hover-rounded-xs:hover { border-radius: 0.125rem; }
.focus-rounded-xs:focus { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-rounded-xs:focus { border-radius: 0.125rem; }
.active-rounded-xs:active { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-active-rounded-xs:active { border-radius: 0.125rem; }
.disabled-rounded-xs:disabled { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
.focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
.group:hover .group-hover-rounded-xs { border-radius: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-xs { border-radius: 0.125rem; }
.rounded-sm { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-rounded-sm { border-radius: 0.25rem; }
.hover-rounded-sm:hover { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-hover-rounded-sm:hover { border-radius: 0.25rem; }
.focus-rounded-sm:focus { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-rounded-sm:focus { border-radius: 0.25rem; }
.active-rounded-sm:active { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-active-rounded-sm:active { border-radius: 0.25rem; }
.disabled-rounded-sm:disabled { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
.focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
.group:hover .group-hover-rounded-sm { border-radius: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-sm { border-radius: 0.25rem; }
.rounded { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-rounded { border-radius: 0.5rem; }
.hover-rounded:hover { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-hover-rounded:hover { border-radius: 0.5rem; }
.focus-rounded:focus { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-rounded:focus { border-radius: 0.5rem; }
.active-rounded:active { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-active-rounded:active { border-radius: 0.5rem; }
.disabled-rounded:disabled { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-disabled-rounded:disabled { border-radius: 0.5rem; }
.focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
.focus-within-rounded:focus-within { border-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded:focus-within { border-radius: 0.5rem; }
.group:hover .group-hover-rounded { border-radius: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-rounded-md { border-radius: 0.75rem; }
.hover-rounded-md:hover { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-hover-rounded-md:hover { border-radius: 0.75rem; }
.focus-rounded-md:focus { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-rounded-md:focus { border-radius: 0.75rem; }
.active-rounded-md:active { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-active-rounded-md:active { border-radius: 0.75rem; }
.disabled-rounded-md:disabled { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
.focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
.group:hover .group-hover-rounded-md { border-radius: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-md { border-radius: 0.75rem; }
.rounded-lg { border-radius: 1rem; }
html[data-theme="dark"] .dark-rounded-lg { border-radius: 1rem; }
.hover-rounded-lg:hover { border-radius: 1rem; }
html[data-theme="dark"] .dark-hover-rounded-lg:hover { border-radius: 1rem; }
.focus-rounded-lg:focus { border-radius: 1rem; }
html[data-theme="dark"] .dark-focus-rounded-lg:focus { border-radius: 1rem; }
.active-rounded-lg:active { border-radius: 1rem; }
html[data-theme="dark"] .dark-active-rounded-lg:active { border-radius: 1rem; }
.disabled-rounded-lg:disabled { border-radius: 1rem; }
html[data-theme="dark"] .dark-disabled-rounded-lg:disabled { border-radius: 1rem; }
.focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
.focus-within-rounded-lg:focus-within { border-radius: 1rem; }
html[data-theme="dark"] .dark-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
.group:hover .group-hover-rounded-lg { border-radius: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-lg { border-radius: 1rem; }
.rounded-xl { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-rounded-xl { border-radius: 1.5rem; }
.hover-rounded-xl:hover { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-hover-rounded-xl:hover { border-radius: 1.5rem; }
.focus-rounded-xl:focus { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-rounded-xl:focus { border-radius: 1.5rem; }
.active-rounded-xl:active { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-active-rounded-xl:active { border-radius: 1.5rem; }
.disabled-rounded-xl:disabled { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
.focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
.group:hover .group-hover-rounded-xl { border-radius: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-xl { border-radius: 1.5rem; }
.rounded-2xl { border-radius: 2rem; }
html[data-theme="dark"] .dark-rounded-2xl { border-radius: 2rem; }
.hover-rounded-2xl:hover { border-radius: 2rem; }
html[data-theme="dark"] .dark-hover-rounded-2xl:hover { border-radius: 2rem; }
.focus-rounded-2xl:focus { border-radius: 2rem; }
html[data-theme="dark"] .dark-focus-rounded-2xl:focus { border-radius: 2rem; }
.active-rounded-2xl:active { border-radius: 2rem; }
html[data-theme="dark"] .dark-active-rounded-2xl:active { border-radius: 2rem; }
.disabled-rounded-2xl:disabled { border-radius: 2rem; }
html[data-theme="dark"] .dark-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
.focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
html[data-theme="dark"] .dark-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
.group:hover .group-hover-rounded-2xl { border-radius: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-2xl { border-radius: 2rem; }
.rounded-full { border-radius: 9999px; }
html[data-theme="dark"] .dark-rounded-full { border-radius: 9999px; }
.hover-rounded-full:hover { border-radius: 9999px; }
html[data-theme="dark"] .dark-hover-rounded-full:hover { border-radius: 9999px; }
.focus-rounded-full:focus { border-radius: 9999px; }
html[data-theme="dark"] .dark-focus-rounded-full:focus { border-radius: 9999px; }
.active-rounded-full:active { border-radius: 9999px; }
html[data-theme="dark"] .dark-active-rounded-full:active { border-radius: 9999px; }
.disabled-rounded-full:disabled { border-radius: 9999px; }
html[data-theme="dark"] .dark-disabled-rounded-full:disabled { border-radius: 9999px; }
.focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
html[data-theme="dark"] .dark-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
.focus-within-rounded-full:focus-within { border-radius: 9999px; }
html[data-theme="dark"] .dark-focus-within-rounded-full:focus-within { border-radius: 9999px; }
.group:hover .group-hover-rounded-full { border-radius: 9999px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-full { border-radius: 9999px; }
.rounded-pill { border-radius: 50px; }
html[data-theme="dark"] .dark-rounded-pill { border-radius: 50px; }
.hover-rounded-pill:hover { border-radius: 50px; }
html[data-theme="dark"] .dark-hover-rounded-pill:hover { border-radius: 50px; }
.focus-rounded-pill:focus { border-radius: 50px; }
html[data-theme="dark"] .dark-focus-rounded-pill:focus { border-radius: 50px; }
.active-rounded-pill:active { border-radius: 50px; }
html[data-theme="dark"] .dark-active-rounded-pill:active { border-radius: 50px; }
.disabled-rounded-pill:disabled { border-radius: 50px; }
html[data-theme="dark"] .dark-disabled-rounded-pill:disabled { border-radius: 50px; }
.focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
html[data-theme="dark"] .dark-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
.focus-within-rounded-pill:focus-within { border-radius: 50px; }
html[data-theme="dark"] .dark-focus-within-rounded-pill:focus-within { border-radius: 50px; }
.group:hover .group-hover-rounded-pill { border-radius: 50px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-pill { border-radius: 50px; }
.rounded-tl-0 { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-rounded-tl-0 { border-top-left-radius: 0; }
.hover-rounded-tl-0:hover { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
.focus-rounded-tl-0:focus { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
.active-rounded-tl-0:active { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-active-rounded-tl-0:active { border-top-left-radius: 0; }
.disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
.focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
.focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
.group:hover .group-hover-rounded-tl-0 { border-top-left-radius: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
.rounded-tl-xs { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-rounded-tl-xs { border-top-left-radius: 0.125rem; }
.hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
.focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
.active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
.disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
.focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
.focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
.group:hover .group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
.rounded-tl-sm { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-rounded-tl-sm { border-top-left-radius: 0.25rem; }
.hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
.focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
.active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
.disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
.focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
.focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
.group:hover .group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
.rounded-tl { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-rounded-tl { border-top-left-radius: 0.5rem; }
.hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
.focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
.active-rounded-tl:active { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
.disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
.focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
.focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
.group:hover .group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
.rounded-tl-md { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-rounded-tl-md { border-top-left-radius: 0.75rem; }
.hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
.focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
.active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
.disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
.focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
.focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
.group:hover .group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
.rounded-tl-lg { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-rounded-tl-lg { border-top-left-radius: 1rem; }
.hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
.focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
.active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
.disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
.focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
.focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
.group:hover .group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
.rounded-tl-xl { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-rounded-tl-xl { border-top-left-radius: 1.5rem; }
.hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
.focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
.active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
.disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
.focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
.focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
.group:hover .group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
.rounded-tl-2xl { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-rounded-tl-2xl { border-top-left-radius: 2rem; }
.hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
.focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
.active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
.disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
.focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
.focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
.group:hover .group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
.rounded-tl-full { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-rounded-tl-full { border-top-left-radius: 9999px; }
.hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
.focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
.active-rounded-tl-full:active { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
.disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
.focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
.focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
.group:hover .group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
.rounded-tl-pill { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-rounded-tl-pill { border-top-left-radius: 50px; }
.hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
.focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
.active-rounded-tl-pill:active { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
.disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
.focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
.focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
.group:hover .group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
.rounded-tr-0 { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-rounded-tr-0 { border-top-right-radius: 0; }
.hover-rounded-tr-0:hover { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
.focus-rounded-tr-0:focus { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
.active-rounded-tr-0:active { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-active-rounded-tr-0:active { border-top-right-radius: 0; }
.disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
.focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
.focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
.group:hover .group-hover-rounded-tr-0 { border-top-right-radius: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
.rounded-tr-xs { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-rounded-tr-xs { border-top-right-radius: 0.125rem; }
.hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
.focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
.active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
.disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
.focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
.focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
.group:hover .group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
.rounded-tr-sm { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-rounded-tr-sm { border-top-right-radius: 0.25rem; }
.hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
.focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
.active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
.disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
.focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
.focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
.group:hover .group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
.rounded-tr { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-rounded-tr { border-top-right-radius: 0.5rem; }
.hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
.focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
.active-rounded-tr:active { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
.disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
.focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
.focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
.group:hover .group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
.rounded-tr-md { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-rounded-tr-md { border-top-right-radius: 0.75rem; }
.hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
.focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
.active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
.disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
.focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
.focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
.group:hover .group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
.rounded-tr-lg { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-rounded-tr-lg { border-top-right-radius: 1rem; }
.hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
.focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
.active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
.disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
.focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
.focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
.group:hover .group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
.rounded-tr-xl { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-rounded-tr-xl { border-top-right-radius: 1.5rem; }
.hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
.focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
.active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
.disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
.focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
.focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
.group:hover .group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
.rounded-tr-2xl { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-rounded-tr-2xl { border-top-right-radius: 2rem; }
.hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
.focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
.active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
.disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
.focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
.focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
.group:hover .group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
.rounded-tr-full { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-rounded-tr-full { border-top-right-radius: 9999px; }
.hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
.focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
.active-rounded-tr-full:active { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
.disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
.focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
.focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
.group:hover .group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
.rounded-tr-pill { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-rounded-tr-pill { border-top-right-radius: 50px; }
.hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
.focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
.active-rounded-tr-pill:active { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
.disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
.focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
.focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
.group:hover .group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
.rounded-bl-0 { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-rounded-bl-0 { border-bottom-left-radius: 0; }
.hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
.focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
.active-rounded-bl-0:active { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
.disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
.focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
.focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
.group:hover .group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
.rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
.hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
.focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
.active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
.disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
.focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
.focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
.group:hover .group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
.rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
.hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
.focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
.active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
.disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
.focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
.focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
.group:hover .group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
.rounded-bl { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-rounded-bl { border-bottom-left-radius: 0.5rem; }
.hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
.focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
.active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
.disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
.focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
.focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
.group:hover .group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
.rounded-bl-md { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
.hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
.focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
.active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
.disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
.focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
.focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
.group:hover .group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
.rounded-bl-lg { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-rounded-bl-lg { border-bottom-left-radius: 1rem; }
.hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
.focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
.active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
.disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
.focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
.focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
.group:hover .group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
.rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
.hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
.focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
.active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
.disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
.focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
.focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
.group:hover .group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
.rounded-bl-2xl { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
.hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
.focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
.active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
.disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
.focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
.focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
.group:hover .group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
.rounded-bl-full { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-rounded-bl-full { border-bottom-left-radius: 9999px; }
.hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
.focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
.active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
.disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
.focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
.focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
.group:hover .group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
.rounded-bl-pill { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-rounded-bl-pill { border-bottom-left-radius: 50px; }
.hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
.focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
.active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
.disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
.focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
.focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .dark-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
.group:hover .group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
.rounded-br-0 { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-rounded-br-0 { border-bottom-right-radius: 0; }
.hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
.focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
.active-rounded-br-0:active { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-active-rounded-br-0:active { border-bottom-right-radius: 0; }
.disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
.focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
.focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
html[data-theme="dark"] .dark-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
.group:hover .group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
.rounded-br-xs { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
.hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
.focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
.active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
.disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
.focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
.focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
.group:hover .group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
.rounded-br-sm { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
.hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
.focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
.active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
.disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
.focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
.focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
.group:hover .group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
.rounded-br { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-rounded-br { border-bottom-right-radius: 0.5rem; }
.hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
.focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
.active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
.disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
.focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
.focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
.group:hover .group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
.rounded-br-md { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-rounded-br-md { border-bottom-right-radius: 0.75rem; }
.hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
.focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
.active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
.disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
.focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
.focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
.group:hover .group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
.rounded-br-lg { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-rounded-br-lg { border-bottom-right-radius: 1rem; }
.hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
.focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
.active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
.disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
.focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
.focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
.group:hover .group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
.rounded-br-xl { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
.hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
.focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
.active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
.disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
.focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
.focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
.group:hover .group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
.rounded-br-2xl { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-rounded-br-2xl { border-bottom-right-radius: 2rem; }
.hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
.focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
.active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
.disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
.focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
.focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .dark-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
.group:hover .group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
.rounded-br-full { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-rounded-br-full { border-bottom-right-radius: 9999px; }
.hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
.focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
.active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
.disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
.focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
.focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .dark-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
.group:hover .group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
.rounded-br-pill { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-rounded-br-pill { border-bottom-right-radius: 50px; }
.hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
.focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
.active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
.disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
.focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
.focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .dark-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
.group:hover .group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
html[data-theme="dark"] .group:hover .dark-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
.outline-none { outline: none; }
html[data-theme="dark"] .dark-outline-none { outline: none; }
.hover-outline-none:hover { outline: none; }
html[data-theme="dark"] .dark-hover-outline-none:hover { outline: none; }
.focus-outline-none:focus { outline: none; }
html[data-theme="dark"] .dark-focus-outline-none:focus { outline: none; }
.active-outline-none:active { outline: none; }
html[data-theme="dark"] .dark-active-outline-none:active { outline: none; }
.disabled-outline-none:disabled { outline: none; }
html[data-theme="dark"] .dark-disabled-outline-none:disabled { outline: none; }
.focus-visible-outline-none:focus-visible { outline: none; }
html[data-theme="dark"] .dark-focus-visible-outline-none:focus-visible { outline: none; }
.focus-within-outline-none:focus-within { outline: none; }
html[data-theme="dark"] .dark-focus-within-outline-none:focus-within { outline: none; }
.group:hover .group-hover-outline-none { outline: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-none { outline: none; }
.outline { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-outline { outline: 1px solid currentColor; }
.hover-outline:hover { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-hover-outline:hover { outline: 1px solid currentColor; }
.focus-outline:focus { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-focus-outline:focus { outline: 1px solid currentColor; }
.active-outline:active { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-active-outline:active { outline: 1px solid currentColor; }
.disabled-outline:disabled { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-disabled-outline:disabled { outline: 1px solid currentColor; }
.focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
.focus-within-outline:focus-within { outline: 1px solid currentColor; }
html[data-theme="dark"] .dark-focus-within-outline:focus-within { outline: 1px solid currentColor; }
.group:hover .group-hover-outline { outline: 1px solid currentColor; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline { outline: 1px solid currentColor; }
.outline-offset-0 { outline-offset: 0rem; }
html[data-theme="dark"] .dark-outline-offset-0 { outline-offset: 0rem; }
.hover-outline-offset-0:hover { outline-offset: 0rem; }
html[data-theme="dark"] .dark-hover-outline-offset-0:hover { outline-offset: 0rem; }
.focus-outline-offset-0:focus { outline-offset: 0rem; }
html[data-theme="dark"] .dark-focus-outline-offset-0:focus { outline-offset: 0rem; }
.active-outline-offset-0:active { outline-offset: 0rem; }
html[data-theme="dark"] .dark-active-outline-offset-0:active { outline-offset: 0rem; }
.disabled-outline-offset-0:disabled { outline-offset: 0rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
.focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
.group:hover .group-hover-outline-offset-0 { outline-offset: 0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-0 { outline-offset: 0rem; }
.outline-offset-1 { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-outline-offset-1 { outline-offset: 0.25rem; }
.hover-outline-offset-1:hover { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.focus-outline-offset-1:focus { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.active-outline-offset-1:active { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-active-outline-offset-1:active { outline-offset: 0.25rem; }
.disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
.focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
.group:hover .group-hover-outline-offset-1 { outline-offset: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
.outline-offset-2 { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-outline-offset-2 { outline-offset: 0.5rem; }
.hover-outline-offset-2:hover { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.focus-outline-offset-2:focus { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.active-outline-offset-2:active { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-active-outline-offset-2:active { outline-offset: 0.5rem; }
.disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
.focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
.group:hover .group-hover-outline-offset-2 { outline-offset: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
.outline-offset-3 { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-outline-offset-3 { outline-offset: 0.75rem; }
.hover-outline-offset-3:hover { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.focus-outline-offset-3:focus { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.active-outline-offset-3:active { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-active-outline-offset-3:active { outline-offset: 0.75rem; }
.disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
.focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
.group:hover .group-hover-outline-offset-3 { outline-offset: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
.outline-offset-4 { outline-offset: 1rem; }
html[data-theme="dark"] .dark-outline-offset-4 { outline-offset: 1rem; }
.hover-outline-offset-4:hover { outline-offset: 1rem; }
html[data-theme="dark"] .dark-hover-outline-offset-4:hover { outline-offset: 1rem; }
.focus-outline-offset-4:focus { outline-offset: 1rem; }
html[data-theme="dark"] .dark-focus-outline-offset-4:focus { outline-offset: 1rem; }
.active-outline-offset-4:active { outline-offset: 1rem; }
html[data-theme="dark"] .dark-active-outline-offset-4:active { outline-offset: 1rem; }
.disabled-outline-offset-4:disabled { outline-offset: 1rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
.focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
.group:hover .group-hover-outline-offset-4 { outline-offset: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-4 { outline-offset: 1rem; }
.outline-offset-8 { outline-offset: 2rem; }
html[data-theme="dark"] .dark-outline-offset-8 { outline-offset: 2rem; }
.hover-outline-offset-8:hover { outline-offset: 2rem; }
html[data-theme="dark"] .dark-hover-outline-offset-8:hover { outline-offset: 2rem; }
.focus-outline-offset-8:focus { outline-offset: 2rem; }
html[data-theme="dark"] .dark-focus-outline-offset-8:focus { outline-offset: 2rem; }
.active-outline-offset-8:active { outline-offset: 2rem; }
html[data-theme="dark"] .dark-active-outline-offset-8:active { outline-offset: 2rem; }
.disabled-outline-offset-8:disabled { outline-offset: 2rem; }
html[data-theme="dark"] .dark-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
.focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
html[data-theme="dark"] .dark-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
.group:hover .group-hover-outline-offset-8 { outline-offset: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-8 { outline-offset: 2rem; }
.outline-red-50 { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-outline-red-50 { outline-color: var(--quanta-red-50); }
.hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.active-outline-red-50:active { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
.focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
.group:hover .group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
.outline-red-100 { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-outline-red-100 { outline-color: var(--quanta-red-100); }
.hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.active-outline-red-100:active { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
.focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
.group:hover .group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
.outline-red-200 { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-outline-red-200 { outline-color: var(--quanta-red-200); }
.hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.active-outline-red-200:active { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
.focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
.group:hover .group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
.outline-red-300 { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-outline-red-300 { outline-color: var(--quanta-red-300); }
.hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.active-outline-red-300:active { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
.focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
.group:hover .group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
.outline-red-400 { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-outline-red-400 { outline-color: var(--quanta-red-400); }
.hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.active-outline-red-400:active { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
.focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
.group:hover .group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
.outline-red-500 { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-outline-red-500 { outline-color: var(--quanta-red-500); }
.hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.active-outline-red-500:active { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
.focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
.group:hover .group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
.outline-red-600 { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-outline-red-600 { outline-color: var(--quanta-red-600); }
.hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.active-outline-red-600:active { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
.focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
.group:hover .group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
.outline-red-700 { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-outline-red-700 { outline-color: var(--quanta-red-700); }
.hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.active-outline-red-700:active { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
.focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
.group:hover .group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
.outline-red-800 { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-outline-red-800 { outline-color: var(--quanta-red-800); }
.hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.active-outline-red-800:active { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
.focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
.group:hover .group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
.outline-red-900 { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-outline-red-900 { outline-color: var(--quanta-red-900); }
.hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.active-outline-red-900:active { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
.focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
.group:hover .group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
.outline-orange-50 { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
.focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
.group:hover .group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.outline-orange-100 { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
.focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
.group:hover .group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.outline-orange-200 { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
.focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
.group:hover .group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.outline-orange-300 { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
.focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
.group:hover .group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.outline-orange-400 { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
.focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
.group:hover .group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.outline-orange-500 { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
.focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
.group:hover .group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.outline-orange-600 { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
.focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
.group:hover .group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.outline-orange-700 { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
.focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
.group:hover .group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.outline-orange-800 { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
.focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
.group:hover .group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.outline-orange-900 { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
.focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
.group:hover .group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.outline-teal-50 { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
.focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
.group:hover .group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.outline-teal-100 { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
.focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
.group:hover .group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.outline-teal-200 { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
.focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
.group:hover .group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.outline-teal-300 { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
.focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
.group:hover .group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.outline-teal-400 { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
.focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
.group:hover .group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.outline-teal-500 { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
.focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
.group:hover .group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.outline-teal-600 { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
.focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
.group:hover .group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.outline-teal-700 { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
.focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
.group:hover .group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.outline-teal-800 { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
.focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
.group:hover .group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.outline-teal-900 { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
.focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
.group:hover .group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.outline-purple-50 { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
.focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
.group:hover .group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.outline-purple-100 { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
.focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
.group:hover .group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.outline-purple-200 { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
.focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
.group:hover .group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.outline-purple-300 { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
.focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
.group:hover .group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.outline-purple-400 { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
.focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
.group:hover .group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.outline-purple-500 { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
.focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
.group:hover .group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.outline-purple-600 { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
.focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
.group:hover .group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.outline-purple-700 { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
.focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
.group:hover .group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.outline-purple-800 { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
.focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
.group:hover .group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.outline-purple-900 { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
.focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
.group:hover .group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
.focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
.group:hover .group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
.focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
.group:hover .group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
.focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
.group:hover .group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
.focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
.group:hover .group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
.focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
.group:hover .group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
.focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
.group:hover .group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
.focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
.group:hover .group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
.focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
.group:hover .group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
.focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
.group:hover .group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
.focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
.group:hover .group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
.focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
.group:hover .group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
.focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
.group:hover .group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
.focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
.group:hover .group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
.focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
.group:hover .group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
.focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
.group:hover .group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
.focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
.group:hover .group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
.focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
.group:hover .group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
.focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
.group:hover .group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
.focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
.group:hover .group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
.focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
.group:hover .group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.outline-pink-50 { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
.focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
.group:hover .group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.outline-pink-100 { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
.focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
.group:hover .group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.outline-pink-200 { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
.focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
.group:hover .group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.outline-pink-300 { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
.focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
.group:hover .group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.outline-pink-400 { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
.focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
.group:hover .group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.outline-pink-500 { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
.focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
.group:hover .group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.outline-pink-600 { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
.focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
.group:hover .group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.outline-pink-700 { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
.focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
.group:hover .group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.outline-pink-800 { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
.focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
.group:hover .group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.outline-pink-900 { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
.focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
.group:hover .group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.outline-grey-50 { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
.focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
.group:hover .group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.outline-grey-100 { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
.focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
.group:hover .group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.outline-grey-200 { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
.focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
.group:hover .group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.outline-grey-300 { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
.focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
.group:hover .group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.outline-grey-400 { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
.focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
.group:hover .group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.outline-grey-500 { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
.focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
.group:hover .group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.outline-grey-600 { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
.focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
.group:hover .group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.outline-grey-700 { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
.focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
.group:hover .group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.outline-grey-800 { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
.focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
.group:hover .group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.outline-grey-900 { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
.focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
.group:hover .group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.outline-lime-50 { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
.focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
.group:hover .group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.outline-lime-100 { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
.focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
.group:hover .group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.outline-lime-200 { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
.focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
.group:hover .group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.outline-lime-300 { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
.focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
.group:hover .group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.outline-lime-400 { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
.focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
.group:hover .group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.outline-lime-500 { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
.focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
.group:hover .group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.outline-lime-600 { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
.focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
.group:hover .group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.outline-lime-700 { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
.focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
.group:hover .group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.outline-lime-800 { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
.focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
.group:hover .group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.outline-lime-900 { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
.focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
.group:hover .group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
.focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
.group:hover .group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
.focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
.group:hover .group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
.focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
.group:hover .group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
.focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
.group:hover .group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
.focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
.group:hover .group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
.focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
.group:hover .group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
.focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
.group:hover .group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
.focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
.group:hover .group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
.focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
.group:hover .group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
.focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
.group:hover .group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.outline-sky-50 { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
.focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
.group:hover .group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.outline-sky-100 { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
.focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
.group:hover .group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.outline-sky-200 { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
.focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
.group:hover .group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.outline-sky-300 { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
.focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
.group:hover .group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.outline-sky-400 { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
.focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
.group:hover .group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.outline-sky-500 { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
.focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
.group:hover .group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.outline-sky-600 { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
.focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
.group:hover .group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.outline-sky-700 { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
.focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
.group:hover .group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.outline-sky-800 { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
.focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
.group:hover .group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.outline-sky-900 { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
.focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
.group:hover .group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.outline-violet-50 { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
.focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
.group:hover .group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.outline-violet-100 { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
.focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
.group:hover .group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.outline-violet-200 { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
.focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
.group:hover .group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.outline-violet-300 { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
.focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
.group:hover .group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.outline-violet-400 { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
.focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
.group:hover .group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.outline-violet-500 { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
.focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
.group:hover .group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.outline-violet-600 { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
.focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
.group:hover .group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.outline-violet-700 { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
.focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
.group:hover .group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.outline-violet-800 { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
.focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
.group:hover .group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.outline-violet-900 { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
.focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
.group:hover .group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.outline-rose-50 { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
.focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
.group:hover .group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.outline-rose-100 { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
.focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
.group:hover .group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.outline-rose-200 { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
.focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
.group:hover .group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.outline-rose-300 { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
.focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
.group:hover .group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.outline-rose-400 { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
.focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
.group:hover .group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.outline-rose-500 { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
.focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
.group:hover .group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.outline-rose-600 { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
.focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
.group:hover .group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.outline-rose-700 { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
.focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
.group:hover .group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.outline-rose-800 { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
.focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
.group:hover .group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.outline-rose-900 { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
.focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
.group:hover .group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.outline-slate-50 { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
.focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
.group:hover .group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.outline-slate-100 { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
.focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
.group:hover .group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.outline-slate-200 { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
.focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
.group:hover .group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.outline-slate-300 { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
.focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
.group:hover .group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.outline-slate-400 { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
.focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
.group:hover .group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.outline-slate-500 { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
.focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
.group:hover .group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.outline-slate-600 { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
.focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
.group:hover .group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.outline-slate-700 { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
.focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
.group:hover .group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.outline-slate-800 { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
.focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
.group:hover .group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.outline-slate-900 { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
.focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
.group:hover .group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.outline-blue-50 { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
.focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
.group:hover .group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.outline-blue-100 { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
.focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
.group:hover .group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.outline-blue-200 { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
.focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
.group:hover .group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.outline-blue-300 { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
.focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
.group:hover .group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.outline-blue-400 { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
.focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
.group:hover .group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.outline-blue-500 { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
.focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
.group:hover .group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.outline-blue-600 { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
.focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
.group:hover .group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.outline-blue-700 { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
.focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
.group:hover .group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.outline-blue-800 { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
.focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
.group:hover .group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.outline-blue-900 { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
.focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
.group:hover .group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.outline-green-50 { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-outline-green-50 { outline-color: var(--quanta-green-50); }
.hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.active-outline-green-50:active { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
.focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
.group:hover .group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
.outline-green-100 { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-outline-green-100 { outline-color: var(--quanta-green-100); }
.hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.active-outline-green-100:active { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
.focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
.group:hover .group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
.outline-green-200 { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-outline-green-200 { outline-color: var(--quanta-green-200); }
.hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.active-outline-green-200:active { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
.focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
.group:hover .group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
.outline-green-300 { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-outline-green-300 { outline-color: var(--quanta-green-300); }
.hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.active-outline-green-300:active { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
.focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
.group:hover .group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
.outline-green-400 { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-outline-green-400 { outline-color: var(--quanta-green-400); }
.hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.active-outline-green-400:active { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
.focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
.group:hover .group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
.outline-green-500 { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-outline-green-500 { outline-color: var(--quanta-green-500); }
.hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.active-outline-green-500:active { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
.focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
.group:hover .group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
.outline-green-600 { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-outline-green-600 { outline-color: var(--quanta-green-600); }
.hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.active-outline-green-600:active { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
.focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
.group:hover .group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
.outline-green-700 { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-outline-green-700 { outline-color: var(--quanta-green-700); }
.hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.active-outline-green-700:active { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
.focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
.group:hover .group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
.outline-green-800 { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-outline-green-800 { outline-color: var(--quanta-green-800); }
.hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.active-outline-green-800:active { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
.focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
.group:hover .group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
.outline-green-900 { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-outline-green-900 { outline-color: var(--quanta-green-900); }
.hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.active-outline-green-900:active { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
.focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
.group:hover .group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
.outline-black { outline-color: var(--black); }
html[data-theme="dark"] .dark-outline-black { outline-color: var(--black); }
.hover-outline-black:hover { outline-color: var(--black); }
html[data-theme="dark"] .dark-hover-outline-black:hover { outline-color: var(--black); }
.focus-outline-black:focus { outline-color: var(--black); }
html[data-theme="dark"] .dark-focus-outline-black:focus { outline-color: var(--black); }
.active-outline-black:active { outline-color: var(--black); }
html[data-theme="dark"] .dark-active-outline-black:active { outline-color: var(--black); }
.disabled-outline-black:disabled { outline-color: var(--black); }
html[data-theme="dark"] .dark-disabled-outline-black:disabled { outline-color: var(--black); }
.focus-visible-outline-black:focus-visible { outline-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
.focus-within-outline-black:focus-within { outline-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-outline-black:focus-within { outline-color: var(--black); }
.group:hover .group-hover-outline-black { outline-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-black { outline-color: var(--black); }
.outline-white { outline-color: var(--white); }
html[data-theme="dark"] .dark-outline-white { outline-color: var(--white); }
.hover-outline-white:hover { outline-color: var(--white); }
html[data-theme="dark"] .dark-hover-outline-white:hover { outline-color: var(--white); }
.focus-outline-white:focus { outline-color: var(--white); }
html[data-theme="dark"] .dark-focus-outline-white:focus { outline-color: var(--white); }
.active-outline-white:active { outline-color: var(--white); }
html[data-theme="dark"] .dark-active-outline-white:active { outline-color: var(--white); }
.disabled-outline-white:disabled { outline-color: var(--white); }
html[data-theme="dark"] .dark-disabled-outline-white:disabled { outline-color: var(--white); }
.focus-visible-outline-white:focus-visible { outline-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
.focus-within-outline-white:focus-within { outline-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-outline-white:focus-within { outline-color: var(--white); }
.group:hover .group-hover-outline-white { outline-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-white { outline-color: var(--white); }
.ring-sm { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-ring-sm { --ring-width: 0.125rem; }
.hover-ring-sm:hover { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-hover-ring-sm:hover { --ring-width: 0.125rem; }
.focus-ring-sm:focus { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-ring-sm:focus { --ring-width: 0.125rem; }
.active-ring-sm:active { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-active-ring-sm:active { --ring-width: 0.125rem; }
.disabled-ring-sm:disabled { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
.focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
.group:hover .group-hover-ring-sm { --ring-width: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sm { --ring-width: 0.125rem; }
.ring-md { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-ring-md { --ring-width: 0.5rem; }
.hover-ring-md:hover { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-hover-ring-md:hover { --ring-width: 0.5rem; }
.focus-ring-md:focus { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-ring-md:focus { --ring-width: 0.5rem; }
.active-ring-md:active { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-active-ring-md:active { --ring-width: 0.5rem; }
.disabled-ring-md:disabled { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
.focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
.group:hover .group-hover-ring-md { --ring-width: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-md { --ring-width: 0.5rem; }
.ring-lg { --ring-width: 1rem; }
html[data-theme="dark"] .dark-ring-lg { --ring-width: 1rem; }
.hover-ring-lg:hover { --ring-width: 1rem; }
html[data-theme="dark"] .dark-hover-ring-lg:hover { --ring-width: 1rem; }
.focus-ring-lg:focus { --ring-width: 1rem; }
html[data-theme="dark"] .dark-focus-ring-lg:focus { --ring-width: 1rem; }
.active-ring-lg:active { --ring-width: 1rem; }
html[data-theme="dark"] .dark-active-ring-lg:active { --ring-width: 1rem; }
.disabled-ring-lg:disabled { --ring-width: 1rem; }
html[data-theme="dark"] .dark-disabled-ring-lg:disabled { --ring-width: 1rem; }
.focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
html[data-theme="dark"] .dark-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
.focus-within-ring-lg:focus-within { --ring-width: 1rem; }
html[data-theme="dark"] .dark-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
.group:hover .group-hover-ring-lg { --ring-width: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lg { --ring-width: 1rem; }
.ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .dark-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.group:hover .group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
.ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.group:hover .group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
.ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .dark-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.group:hover .group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
.ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.group:hover .group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .dark-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.group:hover .group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
.ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .dark-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.group:hover .group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
.ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
.focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
.group:hover .group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
.focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
.group:hover .group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
.focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
.group:hover .group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
.focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
.group:hover .group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
.focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
.group:hover .group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
.focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
.group:hover .group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
.focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
.group:hover .group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
.focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
.group:hover .group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
.focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
.group:hover .group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
.focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
.group:hover .group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
.focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
.group:hover .group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
.focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
.group:hover .group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
.focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
.group:hover .group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
.focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
.group:hover .group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
.focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
.group:hover .group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
.focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
.group:hover .group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
.focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
.group:hover .group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
.focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
.group:hover .group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
.focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
.group:hover .group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
.focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
.group:hover .group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
.focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
.group:hover .group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
.focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
.group:hover .group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
.focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
.group:hover .group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
.focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
.group:hover .group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
.focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
.group:hover .group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
.focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
.group:hover .group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
.focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
.group:hover .group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
.focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
.group:hover .group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
.focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
.group:hover .group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
.focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
.group:hover .group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
.focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
.group:hover .group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
.focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
.group:hover .group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
.focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
.group:hover .group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
.focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
.group:hover .group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
.focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
.group:hover .group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
.focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
.group:hover .group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
.focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
.group:hover .group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
.focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
.group:hover .group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
.focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
.group:hover .group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
.focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
.group:hover .group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
.focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
.group:hover .group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
.focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
.group:hover .group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
.focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
.group:hover .group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
.focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
.group:hover .group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
.focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
.group:hover .group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
.focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
.group:hover .group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
.focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
.group:hover .group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
.focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
.group:hover .group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
.focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
.group:hover .group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
.focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
.group:hover .group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
.focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
.group:hover .group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
.focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
.group:hover .group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
.focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
.group:hover .group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
.focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
.group:hover .group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
.focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
.group:hover .group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
.focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
.group:hover .group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
.focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
.group:hover .group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
.focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
.group:hover .group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
.focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
.group:hover .group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
.focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
.group:hover .group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
.focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
.group:hover .group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
.focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
.group:hover .group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
.focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
.group:hover .group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
.focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
.group:hover .group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
.focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
.group:hover .group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
.focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
.group:hover .group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
.focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
.group:hover .group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
.focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
.group:hover .group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
.focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
.group:hover .group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
.focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
.group:hover .group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
.focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
.group:hover .group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
.focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
.group:hover .group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
.focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
.group:hover .group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
.focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
.group:hover .group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
.focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
.group:hover .group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
.focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
.group:hover .group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
.focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
.group:hover .group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
.focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
.group:hover .group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
.focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
.group:hover .group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
.focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
.group:hover .group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
.hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
.focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
.active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
.disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
.focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
.focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
.group:hover .group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
.ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
.hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
.focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
.active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
.disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
.focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
.focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
.group:hover .group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
.ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
.hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
.focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
.active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
.disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
.focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
.focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
.group:hover .group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
.ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
.hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
.focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
.active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
.disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
.focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
.focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
.group:hover .group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
.ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
.hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
.focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
.active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
.disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
.focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
.focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
.group:hover .group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
.ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
.hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
.focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
.active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
.disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
.focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
.focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
.group:hover .group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
.ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
.hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
.focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
.active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
.disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
.focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
.focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
.group:hover .group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
.ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
.hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
.focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
.active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
.disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
.focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
.focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
.group:hover .group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
.ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
.hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
.focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
.active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
.disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
.focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
.focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
.group:hover .group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
.ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
.hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
.focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
.active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
.disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
.focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
.focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
.group:hover .group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
.ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
.hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
.focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
.active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
.disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
.focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
.focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
.group:hover .group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
.ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
.hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
.focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
.active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
.disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
.focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
.focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
.group:hover .group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
.ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
.hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
.focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
.active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
.disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
.focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
.focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
.group:hover .group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
.ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
.hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
.focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
.active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
.disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
.focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
.focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
.group:hover .group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
.ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
.hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
.focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
.active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
.disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
.focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
.focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
.group:hover .group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
.ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
.hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
.focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
.active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
.disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
.focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
.focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
.group:hover .group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
.ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
.hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
.focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
.active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
.disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
.focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
.focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
.group:hover .group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
.ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
.hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
.focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
.active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
.disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
.focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
.focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
.group:hover .group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
.ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
.hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
.focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
.active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
.disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
.focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
.focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
.group:hover .group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
.ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
.hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
.focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
.active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
.disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
.focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
.focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
.group:hover .group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
.ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
.focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
.group:hover .group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
.focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
.group:hover .group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
.focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
.group:hover .group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
.focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
.group:hover .group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
.focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
.group:hover .group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
.focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
.group:hover .group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
.focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
.group:hover .group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
.focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
.group:hover .group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
.focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
.group:hover .group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
.focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
.group:hover .group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
.focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
.group:hover .group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
.focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
.group:hover .group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
.focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
.group:hover .group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
.focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
.group:hover .group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
.focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
.group:hover .group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
.focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
.group:hover .group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
.focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
.group:hover .group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
.focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
.group:hover .group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
.focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
.group:hover .group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
.focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
.group:hover .group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
.focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
.group:hover .group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
.focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
.group:hover .group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
.focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
.group:hover .group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
.focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
.group:hover .group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
.focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
.group:hover .group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
.focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
.group:hover .group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
.focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
.group:hover .group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
.focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
.group:hover .group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
.focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
.group:hover .group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
.focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
.group:hover .group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
.focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
.group:hover .group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
.focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
.group:hover .group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
.focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
.group:hover .group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
.focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
.group:hover .group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
.focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
.group:hover .group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
.focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
.group:hover .group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
.focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
.group:hover .group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
.focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
.group:hover .group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
.focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
.group:hover .group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
.focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
.group:hover .group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
.focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
.group:hover .group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
.focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
.group:hover .group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
.focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
.group:hover .group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
.focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
.group:hover .group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
.focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
.group:hover .group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
.focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
.group:hover .group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
.focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
.group:hover .group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
.focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
.group:hover .group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
.focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
.group:hover .group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
.focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
.group:hover .group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
.focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
.group:hover .group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
.focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
.group:hover .group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
.focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
.group:hover .group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
.focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
.group:hover .group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
.focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
.group:hover .group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
.focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
.group:hover .group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
.focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
.group:hover .group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
.focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
.group:hover .group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
.focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
.group:hover .group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
.focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
.group:hover .group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
.focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
.group:hover .group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
.focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
.group:hover .group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
.focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
.group:hover .group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
.focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
.group:hover .group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
.focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
.group:hover .group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
.focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
.group:hover .group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
.focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
.group:hover .group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
.focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
.group:hover .group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
.focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
.group:hover .group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
.focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
.group:hover .group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
.focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
.group:hover .group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
.focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
.group:hover .group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
.focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
.group:hover .group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
.focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
.group:hover .group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
.focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
.group:hover .group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
.focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
.group:hover .group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
.focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
.group:hover .group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
.focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
.group:hover .group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
.focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
.group:hover .group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
.focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
.group:hover .group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.ring-black { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-ring-black { --quanta-ring-color: var(--black); }
.hover-ring-black:hover { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.focus-ring-black:focus { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.active-ring-black:active { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-active-ring-black:active { --quanta-ring-color: var(--black); }
.disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
.focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
.group:hover .group-hover-ring-black { --quanta-ring-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-black { --quanta-ring-color: var(--black); }
.ring-white { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-ring-white { --quanta-ring-color: var(--white); }
.hover-ring-white:hover { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.focus-ring-white:focus { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.active-ring-white:active { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-active-ring-white:active { --quanta-ring-color: var(--white); }
.disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
.focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
.group:hover .group-hover-ring-white { --quanta-ring-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-white { --quanta-ring-color: var(--white); }
.ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
.hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
.focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
.active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
.disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
.focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
.focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
.group:hover .group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
.ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
.hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
.focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
.active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
.disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
.focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
.focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
.group:hover .group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
.ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
.hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
.focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
.active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
.disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
.focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
.focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
.group:hover .group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
.ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
.hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
.focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
.active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
.disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
.focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
.focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
.group:hover .group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
.ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
.hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
.focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
.active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
.disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
.focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
.focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
.group:hover .group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
.ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
.hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
.focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
.active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
.disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
.focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
.focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
.group:hover .group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
.ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
.hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
.focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
.active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
.disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
.focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
.focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
.group:hover .group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
.ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
.hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
.focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
.active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
.disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
.focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
.focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
.group:hover .group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
.ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
.hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
.focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
.active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
.disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
.focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
.focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
.group:hover .group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
.ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
.hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
.focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
.active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
.disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
.focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
.focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
.group:hover .group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
.ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
.hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
.focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
.active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
.disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
.focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
.focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
.group:hover .group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
.ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
.hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
.focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
.active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
.disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
.focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
.focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
.group:hover .group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
.ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
.hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
.focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
.active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
.disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
.focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
.focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
.group:hover .group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
.ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
.hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
.focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
.active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
.disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
.focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
.focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
.group:hover .group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
.ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
.hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
.focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
.active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
.disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
.focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
.focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
.group:hover .group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
.ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
.hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
.focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
.active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
.disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
.focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
.focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
.group:hover .group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
.ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
.hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
.focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
.active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
.disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
.focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
.focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
.group:hover .group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
.ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
.hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
.focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
.active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
.disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
.focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
.focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
.group:hover .group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
.ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
.hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
.focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
.active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
.disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
.focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
.focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
.group:hover .group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
.ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
.hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
.focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
.active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
.disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
.focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
.focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
.group:hover .group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
.ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
.hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
.focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
.active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
.disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
.focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
.focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
.group:hover .group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
.ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
.hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
.focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
.active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
.disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
.focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
.focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
.group:hover .group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
.ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
.hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
.focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
.active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
.disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
.focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
.focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
.group:hover .group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
.ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
.hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
.focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
.active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
.disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
.focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
.focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
.group:hover .group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
.ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
.hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
.focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
.active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
.disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
.focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
.focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
.group:hover .group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
.ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
.hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
.focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
.active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
.disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
.focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
.focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
.group:hover .group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
.ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
.hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
.focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
.active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
.disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
.focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
.focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
.group:hover .group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
.ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
.hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
.focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
.active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
.disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
.focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
.focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
.group:hover .group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
.ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
.hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
.focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
.active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
.disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
.focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
.focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
.group:hover .group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
.ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
.hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
.focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
.active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
.disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
.focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
.focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
.group:hover .group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
.ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
.hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
.focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
.active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
.disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
.focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
.focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
.group:hover .group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
.ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
.hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
.focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
.active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
.disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
.focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
.focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
.group:hover .group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
.ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
.hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
.focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
.active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
.disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
.focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
.focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
.group:hover .group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
.ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
.hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
.focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
.active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
.disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
.focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
.focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
.group:hover .group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
.ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
.hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
.focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
.active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
.disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
.focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
.focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
.group:hover .group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
.ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
.hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
.focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
.active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
.disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
.focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
.focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
.group:hover .group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
.ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
.hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
.focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
.active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
.disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
.focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
.focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
.group:hover .group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
.ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
.hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
.focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
.active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
.disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
.focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
.focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
.group:hover .group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
.ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
.hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
.focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
.active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
.disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
.focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
.focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
.group:hover .group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
.ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
.hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
.focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
.active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
.disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
.focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
.focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
.group:hover .group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
.ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
.hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
.focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
.active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
.disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
.focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
.focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
.group:hover .group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
.ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
.hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
.focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
.active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
.disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
.focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
.focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
.group:hover .group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
.ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
.hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
.focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
.active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
.disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
.focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
.focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
.group:hover .group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
.ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
.hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
.focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
.active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
.disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
.focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
.focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
.group:hover .group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
.ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
.hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
.focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
.active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
.disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
.focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
.focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
.group:hover .group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
.ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
.hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
.focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
.active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
.disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
.focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
.focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
.group:hover .group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
.ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
.hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
.focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
.active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
.disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
.focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
.focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
.group:hover .group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
.ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
.hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
.focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
.active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
.disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
.focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
.focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
.group:hover .group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
.ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
.hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
.focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
.active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
.disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
.focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
.focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
.group:hover .group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
.ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
.hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
.focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
.active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
.disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
.focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
.focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
.group:hover .group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
.ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
.hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
.focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
.active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
.disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
.focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
.focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
.group:hover .group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
.ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
.hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
.focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
.active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
.disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
.focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
.focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
.group:hover .group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
.ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
.hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
.focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
.active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
.disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
.focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
.focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
.group:hover .group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
.ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
.hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
.focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
.active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
.disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
.focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
.focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
.group:hover .group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
.ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
.hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
.focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
.active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
.disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
.focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
.focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
.group:hover .group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
.ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
.hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
.focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
.active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
.disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
.focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
.focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
.group:hover .group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
.ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
.hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
.focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
.active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
.disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
.focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
.focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
.group:hover .group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
.ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
.hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
.focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
.active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
.disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
.focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
.focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
.group:hover .group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
.ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
.hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
.focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
.active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
.disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
.focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
.focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
.group:hover .group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
.ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
.hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
.focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
.active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
.disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
.focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
.focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
.group:hover .group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
.ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
.hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
.focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
.active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
.disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
.focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
.focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
.group:hover .group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
.ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
.hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
.focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
.active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
.disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
.focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
.focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
.group:hover .group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
.ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
.hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
.focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
.active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
.disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
.focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
.focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
.group:hover .group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
.ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
.hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
.focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
.active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
.disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
.focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
.focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
.group:hover .group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
.ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
.hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
.focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
.active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
.disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
.focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
.focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
.group:hover .group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
.ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
.hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
.focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
.active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
.disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
.focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
.focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
.group:hover .group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
.ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
.hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
.focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
.active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
.disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
.focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
.focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
.group:hover .group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
.ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
.hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
.focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
.active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
.disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
.focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
.focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
.group:hover .group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
.ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
.hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
.focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
.active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
.disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
.focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
.focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
.group:hover .group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
.ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
.hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
.focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
.active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
.disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
.focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
.focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
.group:hover .group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
.ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
.hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
.focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
.active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
.disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
.focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
.focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
.group:hover .group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
.ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
.hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
.focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
.active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
.disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
.focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
.focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
.group:hover .group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
.ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
.hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
.focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
.active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
.disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
.focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
.focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
.group:hover .group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
.ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
.hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
.focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
.active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
.disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
.focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
.focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
.group:hover .group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
.ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
.hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
.focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
.active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
.disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
.focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
.focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
.group:hover .group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
.ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
.hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
.focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
.active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
.disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
.focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
.focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
.group:hover .group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
.ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
.hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
.focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
.active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
.disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
.focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
.focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
.group:hover .group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
.ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
.hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
.focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
.active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
.disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
.focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
.focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
.group:hover .group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
.ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
.hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
.focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
.active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
.disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
.focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
.focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
.group:hover .group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
.ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
.hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
.focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
.active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
.disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
.focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
.focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
.group:hover .group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
.ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
.hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
.focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
.active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
.disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
.focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
.focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
.group:hover .group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
.ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
.hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
.focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
.active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
.disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
.focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
.focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
.group:hover .group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
.ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
.hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
.focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
.active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
.disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
.focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
.focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
.group:hover .group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
.ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
.hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
.focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
.active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
.disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
.focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
.focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
.group:hover .group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
.ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
.hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
.focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
.active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
.disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
.focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
.focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
.group:hover .group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
.ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
.hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
.focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
.active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
.disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
.focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
.focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
.group:hover .group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
.ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
.hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
.focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
.active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
.disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
.focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
.focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
.group:hover .group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
.ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
.hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
.focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
.active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
.disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
.focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
.focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
.group:hover .group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
.ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
.hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
.focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
.active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
.disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
.focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
.focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
.group:hover .group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
.ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
.hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
.focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
.active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
.disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
.focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
.focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
.group:hover .group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
.ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
.hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
.focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
.active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
.disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
.focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
.focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
.group:hover .group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
.ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
.hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
.focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
.active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
.disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
.focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
.focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
.group:hover .group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
.ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
.hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
.focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
.active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
.disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
.focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
.focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
.group:hover .group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
.ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
.hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
.focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
.active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
.disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
.focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
.focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
.group:hover .group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
.ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
.hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
.focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
.active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
.disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
.focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
.focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
.group:hover .group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
.ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
.hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
.focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
.active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
.disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
.focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
.focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
.group:hover .group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
.ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
.hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
.focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
.active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
.disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
.focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
.focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
.group:hover .group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
.ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
.hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
.focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
.active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
.disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
.focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
.focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
.group:hover .group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
.ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
.hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
.focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
.active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
.disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
.focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
.focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
.group:hover .group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
.ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
.hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
.focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
.active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
.disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
.focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
.focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
.group:hover .group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
.ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
.hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
.focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
.active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
.disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
.focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
.focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
.group:hover .group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
.ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
.hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
.focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
.active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
.disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
.focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
.focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
.group:hover .group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
.ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
.hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
.focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
.active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
.disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
.focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
.focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
.group:hover .group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
.ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
.hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
.focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
.active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
.disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
.focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
.focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
.group:hover .group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
.ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
.hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
.focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
.active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
.disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
.focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
.focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
.group:hover .group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
.ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
.hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
.focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
.active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
.disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
.focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
.focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
.group:hover .group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
.ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
.hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
.focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
.active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
.disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
.focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
.focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
.group:hover .group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
.ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
.hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
.focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
.active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
.disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
.focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
.focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
.group:hover .group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
.ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
.hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
.focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
.active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
.disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
.focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
.focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
.group:hover .group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
.ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
.hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
.focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
.active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
.disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
.focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
.focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
.group:hover .group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
.ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
.hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
.focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
.active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
.disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
.focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
.focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
.group:hover .group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
.ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
.hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
.focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
.active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
.disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
.focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
.focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
.group:hover .group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
.ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
.hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
.focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
.active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
.disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
.focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
.focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
.group:hover .group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
.ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
.hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
.focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
.active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
.disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
.focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
.focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
.group:hover .group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
.ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
.hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
.focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
.active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
.disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
.focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
.focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
.group:hover .group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
.ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
.hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
.focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
.active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
.disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
.focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
.focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
.group:hover .group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
.ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
.hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
.focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
.active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
.disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
.focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
.focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
.group:hover .group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
.ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
.hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
.focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
.active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
.disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
.focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
.focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
.group:hover .group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
.ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
.hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
.focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
.active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
.disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
.focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
.focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
.group:hover .group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
.ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
.hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
.focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
.active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
.disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
.focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
.focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
.group:hover .group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
.ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
.hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
.focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
.active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
.disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
.focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
.focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
.group:hover .group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
.ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
.hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
.focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
.active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
.disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
.focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
.focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
.group:hover .group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
.ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
.hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
.focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
.active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
.disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
.focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
.focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
.group:hover .group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
.ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
.hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
.focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
.active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
.disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
.focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
.focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
.group:hover .group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
.ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
.hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
.focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
.active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
.disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
.focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
.focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
.group:hover .group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
.ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
.hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
.focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
.active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
.disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
.focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
.focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
.group:hover .group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
.ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
.hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
.focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
.active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
.disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
.focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
.focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
.group:hover .group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
.ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
.hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
.focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
.active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
.disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
.focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
.focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
.group:hover .group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
.ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
.hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
.focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
.active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
.disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
.focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
.focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
.group:hover .group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
.ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
.hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
.focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
.active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
.disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
.focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
.focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
.group:hover .group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
.ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
.hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
.focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
.active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
.disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
.focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
.focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
.group:hover .group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
.ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
.hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
.focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
.active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
.disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
.focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
.focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
.group:hover .group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
.ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
.hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
.focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
.active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
.disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
.focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
.focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
.group:hover .group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
.ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
.hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
.focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
.active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
.disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
.focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
.focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
.group:hover .group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
.ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
.hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
.focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
.active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
.disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
.focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
.focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
.group:hover .group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
.ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
.hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
.focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
.active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
.disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
.focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
.focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
.group:hover .group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
.ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
.hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
.focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
.active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
.disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
.focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
.focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
.group:hover .group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
.ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
.hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
.focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
.active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
.disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
.focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
.focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
.group:hover .group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
.ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
.hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
.focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
.active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
.disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
.focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
.focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
.group:hover .group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
.ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
.hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
.focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
.active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
.disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
.focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
.focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
.group:hover .group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
.ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
.hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
.focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
.active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
.disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
.focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
.focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
.group:hover .group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
.ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
.hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
.focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
.active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
.disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
.focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
.focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
.group:hover .group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
.ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
.hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
.focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
.active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
.disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
.focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
.focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
.group:hover .group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
.ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
.hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
.focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
.active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
.disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
.focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
.focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
.group:hover .group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
.ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
.hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
.focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
.active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
.disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
.focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
.focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
.group:hover .group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
.ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
.hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
.focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
.active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
.disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
.focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
.focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
.group:hover .group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
.ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
.hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
.focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
.active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
.disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
.focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
.focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
.group:hover .group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
.ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
.hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
.focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
.active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
.disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
.focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
.focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
.group:hover .group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
.ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
.hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
.focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
.active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
.disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
.focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
.focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
.group:hover .group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
.ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
.hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
.focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
.active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
.disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
.focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
.focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
.group:hover .group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
.ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
.hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
.focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
.active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
.disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
.focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
.focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
.group:hover .group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
.ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
.hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
.focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
.active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
.disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
.focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
.focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
.group:hover .group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
.ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
.hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
.focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
.active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
.disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
.focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
.focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
.group:hover .group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
.ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
.hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
.focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
.active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
.disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
.focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
.focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
.group:hover .group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
.ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
.hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
.focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
.active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
.disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
.focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
.focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
.group:hover .group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
.ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
.hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
.focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
.active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
.disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
.focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
.focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
.group:hover .group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
.ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
.hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
.focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
.active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
.disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
.focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
.focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
.group:hover .group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
.ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
.hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
.focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
.active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
.disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
.focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
.focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
.group:hover .group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
.ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
.hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
.focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
.active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
.disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
.focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
.focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
.group:hover .group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
.ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
.hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
.focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
.active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
.disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
.focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
.focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
.group:hover .group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
.ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
.hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
.focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
.active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
.disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
.focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
.focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
.group:hover .group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
.ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
.hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
.focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
.active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
.disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
.focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
.focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
.group:hover .group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
.ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
.hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
.focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
.active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
.disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
.focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
.focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
.group:hover .group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
.ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
.hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
.focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
.active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
.disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
.focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
.focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
.group:hover .group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
.ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
.hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
.focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
.active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
.disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
.focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
.focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
.group:hover .group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
.ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
.hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
.focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
.active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
.disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
.focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
.focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
.group:hover .group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
.ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
.hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
.focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
.active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
.disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
.focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
.focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
.group:hover .group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
.ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
.hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
.focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
.active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
.disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
.focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
.focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
.group:hover .group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
.ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
.hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
.focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
.active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
.disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
.focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
.focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
.group:hover .group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
.ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
.hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
.focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
.active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
.disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
.focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
.focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
.group:hover .group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
.ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
.hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
.focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
.active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
.disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
.focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
.focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
.group:hover .group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
.ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
.hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
.focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
.active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
.disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
.focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
.focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
.group:hover .group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
.ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
.hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
.focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
.active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
.disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
.focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
.focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
.group:hover .group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
.ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
.hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
.focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
.active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
.disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
.focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
.focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
.group:hover .group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
.ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
.hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
.focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
.active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
.disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
.focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
.focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
.group:hover .group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
.ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
.hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
.focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
.active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
.disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
.focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
.focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
.group:hover .group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
.ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
.hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
.focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
.active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
.disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
.focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
.focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
.group:hover .group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
.ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
.hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
.focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
.active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
.disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
.focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
.focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
.group:hover .group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
.ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
.hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
.focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
.active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
.disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
.focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
.focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
.group:hover .group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
.ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
.hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
.focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
.active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
.disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
.focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
.focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
.group:hover .group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
.ring-shadow-black { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-ring-shadow-black { --quanta-ring-shadow: var(--black); }
.hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
.focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
.active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
.disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
.focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
.focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
.group:hover .group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
.ring-shadow-white { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-ring-shadow-white { --quanta-ring-shadow: var(--white); }
.hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
.focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
.active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
.disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
.focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
.focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .dark-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
.group:hover .group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
.bg-tp-05 { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-bg-tp-05 { --bg-opacity: 0.05; }
.hover-bg-tp-05:hover { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
.focus-bg-tp-05:focus { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
.active-bg-tp-05:active { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-active-bg-tp-05:active { --bg-opacity: 0.05; }
.disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
.focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
.focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
.group:hover .group-hover-bg-tp-05 { --bg-opacity: 0.05; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
.bg-tp-10 { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-bg-tp-10 { --bg-opacity: 0.10; }
.hover-bg-tp-10:hover { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
.focus-bg-tp-10:focus { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
.active-bg-tp-10:active { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-active-bg-tp-10:active { --bg-opacity: 0.10; }
.disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
.focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
.focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
.group:hover .group-hover-bg-tp-10 { --bg-opacity: 0.10; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
.bg-tp-15 { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-bg-tp-15 { --bg-opacity: 0.15; }
.hover-bg-tp-15:hover { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
.focus-bg-tp-15:focus { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
.active-bg-tp-15:active { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-active-bg-tp-15:active { --bg-opacity: 0.15; }
.disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
.focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
.focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
.group:hover .group-hover-bg-tp-15 { --bg-opacity: 0.15; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
.bg-tp-20 { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-bg-tp-20 { --bg-opacity: 0.20; }
.hover-bg-tp-20:hover { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
.focus-bg-tp-20:focus { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
.active-bg-tp-20:active { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-active-bg-tp-20:active { --bg-opacity: 0.20; }
.disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
.focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
.focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
.group:hover .group-hover-bg-tp-20 { --bg-opacity: 0.20; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
.bg-tp-25 { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-bg-tp-25 { --bg-opacity: 0.25; }
.hover-bg-tp-25:hover { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
.focus-bg-tp-25:focus { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
.active-bg-tp-25:active { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-active-bg-tp-25:active { --bg-opacity: 0.25; }
.disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
.focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
.focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
.group:hover .group-hover-bg-tp-25 { --bg-opacity: 0.25; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
.bg-tp-30 { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-bg-tp-30 { --bg-opacity: 0.30; }
.hover-bg-tp-30:hover { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
.focus-bg-tp-30:focus { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
.active-bg-tp-30:active { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-active-bg-tp-30:active { --bg-opacity: 0.30; }
.disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
.focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
.focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
.group:hover .group-hover-bg-tp-30 { --bg-opacity: 0.30; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
.bg-tp-35 { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-bg-tp-35 { --bg-opacity: 0.35; }
.hover-bg-tp-35:hover { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
.focus-bg-tp-35:focus { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
.active-bg-tp-35:active { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-active-bg-tp-35:active { --bg-opacity: 0.35; }
.disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
.focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
.focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
.group:hover .group-hover-bg-tp-35 { --bg-opacity: 0.35; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
.bg-tp-40 { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-bg-tp-40 { --bg-opacity: 0.40; }
.hover-bg-tp-40:hover { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
.focus-bg-tp-40:focus { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
.active-bg-tp-40:active { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-active-bg-tp-40:active { --bg-opacity: 0.40; }
.disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
.focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
.focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
.group:hover .group-hover-bg-tp-40 { --bg-opacity: 0.40; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
.bg-tp-45 { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-bg-tp-45 { --bg-opacity: 0.45; }
.hover-bg-tp-45:hover { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
.focus-bg-tp-45:focus { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
.active-bg-tp-45:active { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-active-bg-tp-45:active { --bg-opacity: 0.45; }
.disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
.focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
.focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
.group:hover .group-hover-bg-tp-45 { --bg-opacity: 0.45; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
.bg-tp-50 { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-bg-tp-50 { --bg-opacity: 0.50; }
.hover-bg-tp-50:hover { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
.focus-bg-tp-50:focus { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
.active-bg-tp-50:active { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-active-bg-tp-50:active { --bg-opacity: 0.50; }
.disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
.focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
.focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
.group:hover .group-hover-bg-tp-50 { --bg-opacity: 0.50; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
.bg-tp-55 { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-bg-tp-55 { --bg-opacity: 0.55; }
.hover-bg-tp-55:hover { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
.focus-bg-tp-55:focus { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
.active-bg-tp-55:active { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-active-bg-tp-55:active { --bg-opacity: 0.55; }
.disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
.focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
.focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
.group:hover .group-hover-bg-tp-55 { --bg-opacity: 0.55; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
.bg-tp-60 { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-bg-tp-60 { --bg-opacity: 0.60; }
.hover-bg-tp-60:hover { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
.focus-bg-tp-60:focus { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
.active-bg-tp-60:active { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-active-bg-tp-60:active { --bg-opacity: 0.60; }
.disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
.focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
.focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
.group:hover .group-hover-bg-tp-60 { --bg-opacity: 0.60; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
.bg-tp-65 { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-bg-tp-65 { --bg-opacity: 0.65; }
.hover-bg-tp-65:hover { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
.focus-bg-tp-65:focus { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
.active-bg-tp-65:active { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-active-bg-tp-65:active { --bg-opacity: 0.65; }
.disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
.focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
.focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
.group:hover .group-hover-bg-tp-65 { --bg-opacity: 0.65; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
.bg-tp-70 { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-bg-tp-70 { --bg-opacity: 0.70; }
.hover-bg-tp-70:hover { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
.focus-bg-tp-70:focus { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
.active-bg-tp-70:active { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-active-bg-tp-70:active { --bg-opacity: 0.70; }
.disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
.focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
.focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
.group:hover .group-hover-bg-tp-70 { --bg-opacity: 0.70; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
.bg-tp-75 { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-bg-tp-75 { --bg-opacity: 0.75; }
.hover-bg-tp-75:hover { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
.focus-bg-tp-75:focus { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
.active-bg-tp-75:active { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-active-bg-tp-75:active { --bg-opacity: 0.75; }
.disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
.focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
.focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
.group:hover .group-hover-bg-tp-75 { --bg-opacity: 0.75; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
.bg-tp-80 { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-bg-tp-80 { --bg-opacity: 0.80; }
.hover-bg-tp-80:hover { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
.focus-bg-tp-80:focus { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
.active-bg-tp-80:active { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-active-bg-tp-80:active { --bg-opacity: 0.80; }
.disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
.focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
.focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
.group:hover .group-hover-bg-tp-80 { --bg-opacity: 0.80; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
.bg-tp-85 { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-bg-tp-85 { --bg-opacity: 0.85; }
.hover-bg-tp-85:hover { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
.focus-bg-tp-85:focus { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
.active-bg-tp-85:active { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-active-bg-tp-85:active { --bg-opacity: 0.85; }
.disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
.focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
.focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
.group:hover .group-hover-bg-tp-85 { --bg-opacity: 0.85; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
.bg-tp-90 { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-bg-tp-90 { --bg-opacity: 0.90; }
.hover-bg-tp-90:hover { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
.focus-bg-tp-90:focus { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
.active-bg-tp-90:active { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-active-bg-tp-90:active { --bg-opacity: 0.90; }
.disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
.focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
.focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
.group:hover .group-hover-bg-tp-90 { --bg-opacity: 0.90; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
.bg-tp-95 { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-bg-tp-95 { --bg-opacity: 0.95; }
.hover-bg-tp-95:hover { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
.focus-bg-tp-95:focus { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
.active-bg-tp-95:active { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-active-bg-tp-95:active { --bg-opacity: 0.95; }
.disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
.focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
.focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
.group:hover .group-hover-bg-tp-95 { --bg-opacity: 0.95; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
.bg-tp-100 { --bg-opacity: 1; }
html[data-theme="dark"] .dark-bg-tp-100 { --bg-opacity: 1; }
.hover-bg-tp-100:hover { --bg-opacity: 1; }
html[data-theme="dark"] .dark-hover-bg-tp-100:hover { --bg-opacity: 1; }
.focus-bg-tp-100:focus { --bg-opacity: 1; }
html[data-theme="dark"] .dark-focus-bg-tp-100:focus { --bg-opacity: 1; }
.active-bg-tp-100:active { --bg-opacity: 1; }
html[data-theme="dark"] .dark-active-bg-tp-100:active { --bg-opacity: 1; }
.disabled-bg-tp-100:disabled { --bg-opacity: 1; }
html[data-theme="dark"] .dark-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
.focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
html[data-theme="dark"] .dark-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
.focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
html[data-theme="dark"] .dark-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
.group:hover .group-hover-bg-tp-100 { --bg-opacity: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-100 { --bg-opacity: 1; }
.text-tp-05 { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-text-tp-05 { --text-opacity: 0.05; }
.hover-text-tp-05:hover { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-hover-text-tp-05:hover { --text-opacity: 0.05; }
.focus-text-tp-05:focus { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-text-tp-05:focus { --text-opacity: 0.05; }
.active-text-tp-05:active { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-active-text-tp-05:active { --text-opacity: 0.05; }
.disabled-text-tp-05:disabled { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
.focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
.focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
.group:hover .group-hover-text-tp-05 { --text-opacity: 0.05; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-05 { --text-opacity: 0.05; }
.text-tp-10 { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-text-tp-10 { --text-opacity: 0.10; }
.hover-text-tp-10:hover { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-hover-text-tp-10:hover { --text-opacity: 0.10; }
.focus-text-tp-10:focus { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-text-tp-10:focus { --text-opacity: 0.10; }
.active-text-tp-10:active { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-active-text-tp-10:active { --text-opacity: 0.10; }
.disabled-text-tp-10:disabled { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
.focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
.focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
.group:hover .group-hover-text-tp-10 { --text-opacity: 0.10; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-10 { --text-opacity: 0.10; }
.text-tp-15 { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-text-tp-15 { --text-opacity: 0.15; }
.hover-text-tp-15:hover { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-hover-text-tp-15:hover { --text-opacity: 0.15; }
.focus-text-tp-15:focus { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-text-tp-15:focus { --text-opacity: 0.15; }
.active-text-tp-15:active { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-active-text-tp-15:active { --text-opacity: 0.15; }
.disabled-text-tp-15:disabled { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
.focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
.focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
.group:hover .group-hover-text-tp-15 { --text-opacity: 0.15; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-15 { --text-opacity: 0.15; }
.text-tp-20 { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-text-tp-20 { --text-opacity: 0.20; }
.hover-text-tp-20:hover { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-hover-text-tp-20:hover { --text-opacity: 0.20; }
.focus-text-tp-20:focus { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-text-tp-20:focus { --text-opacity: 0.20; }
.active-text-tp-20:active { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-active-text-tp-20:active { --text-opacity: 0.20; }
.disabled-text-tp-20:disabled { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
.focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
.focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
.group:hover .group-hover-text-tp-20 { --text-opacity: 0.20; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-20 { --text-opacity: 0.20; }
.text-tp-25 { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-text-tp-25 { --text-opacity: 0.25; }
.hover-text-tp-25:hover { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-hover-text-tp-25:hover { --text-opacity: 0.25; }
.focus-text-tp-25:focus { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-text-tp-25:focus { --text-opacity: 0.25; }
.active-text-tp-25:active { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-active-text-tp-25:active { --text-opacity: 0.25; }
.disabled-text-tp-25:disabled { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
.focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
.focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
.group:hover .group-hover-text-tp-25 { --text-opacity: 0.25; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-25 { --text-opacity: 0.25; }
.text-tp-30 { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-text-tp-30 { --text-opacity: 0.30; }
.hover-text-tp-30:hover { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-hover-text-tp-30:hover { --text-opacity: 0.30; }
.focus-text-tp-30:focus { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-text-tp-30:focus { --text-opacity: 0.30; }
.active-text-tp-30:active { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-active-text-tp-30:active { --text-opacity: 0.30; }
.disabled-text-tp-30:disabled { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
.focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
.focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
.group:hover .group-hover-text-tp-30 { --text-opacity: 0.30; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-30 { --text-opacity: 0.30; }
.text-tp-35 { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-text-tp-35 { --text-opacity: 0.35; }
.hover-text-tp-35:hover { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-hover-text-tp-35:hover { --text-opacity: 0.35; }
.focus-text-tp-35:focus { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-text-tp-35:focus { --text-opacity: 0.35; }
.active-text-tp-35:active { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-active-text-tp-35:active { --text-opacity: 0.35; }
.disabled-text-tp-35:disabled { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
.focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
.focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
.group:hover .group-hover-text-tp-35 { --text-opacity: 0.35; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-35 { --text-opacity: 0.35; }
.text-tp-40 { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-text-tp-40 { --text-opacity: 0.40; }
.hover-text-tp-40:hover { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-hover-text-tp-40:hover { --text-opacity: 0.40; }
.focus-text-tp-40:focus { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-text-tp-40:focus { --text-opacity: 0.40; }
.active-text-tp-40:active { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-active-text-tp-40:active { --text-opacity: 0.40; }
.disabled-text-tp-40:disabled { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
.focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
.focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
.group:hover .group-hover-text-tp-40 { --text-opacity: 0.40; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-40 { --text-opacity: 0.40; }
.text-tp-45 { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-text-tp-45 { --text-opacity: 0.45; }
.hover-text-tp-45:hover { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-hover-text-tp-45:hover { --text-opacity: 0.45; }
.focus-text-tp-45:focus { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-text-tp-45:focus { --text-opacity: 0.45; }
.active-text-tp-45:active { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-active-text-tp-45:active { --text-opacity: 0.45; }
.disabled-text-tp-45:disabled { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
.focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
.focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
.group:hover .group-hover-text-tp-45 { --text-opacity: 0.45; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-45 { --text-opacity: 0.45; }
.text-tp-50 { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-text-tp-50 { --text-opacity: 0.50; }
.hover-text-tp-50:hover { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-hover-text-tp-50:hover { --text-opacity: 0.50; }
.focus-text-tp-50:focus { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-text-tp-50:focus { --text-opacity: 0.50; }
.active-text-tp-50:active { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-active-text-tp-50:active { --text-opacity: 0.50; }
.disabled-text-tp-50:disabled { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
.focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
.focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
.group:hover .group-hover-text-tp-50 { --text-opacity: 0.50; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-50 { --text-opacity: 0.50; }
.text-tp-55 { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-text-tp-55 { --text-opacity: 0.55; }
.hover-text-tp-55:hover { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-hover-text-tp-55:hover { --text-opacity: 0.55; }
.focus-text-tp-55:focus { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-text-tp-55:focus { --text-opacity: 0.55; }
.active-text-tp-55:active { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-active-text-tp-55:active { --text-opacity: 0.55; }
.disabled-text-tp-55:disabled { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
.focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
.focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
.group:hover .group-hover-text-tp-55 { --text-opacity: 0.55; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-55 { --text-opacity: 0.55; }
.text-tp-60 { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-text-tp-60 { --text-opacity: 0.60; }
.hover-text-tp-60:hover { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-hover-text-tp-60:hover { --text-opacity: 0.60; }
.focus-text-tp-60:focus { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-text-tp-60:focus { --text-opacity: 0.60; }
.active-text-tp-60:active { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-active-text-tp-60:active { --text-opacity: 0.60; }
.disabled-text-tp-60:disabled { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
.focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
.focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
.group:hover .group-hover-text-tp-60 { --text-opacity: 0.60; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-60 { --text-opacity: 0.60; }
.text-tp-65 { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-text-tp-65 { --text-opacity: 0.65; }
.hover-text-tp-65:hover { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-hover-text-tp-65:hover { --text-opacity: 0.65; }
.focus-text-tp-65:focus { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-text-tp-65:focus { --text-opacity: 0.65; }
.active-text-tp-65:active { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-active-text-tp-65:active { --text-opacity: 0.65; }
.disabled-text-tp-65:disabled { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
.focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
.focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
.group:hover .group-hover-text-tp-65 { --text-opacity: 0.65; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-65 { --text-opacity: 0.65; }
.text-tp-70 { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-text-tp-70 { --text-opacity: 0.70; }
.hover-text-tp-70:hover { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-hover-text-tp-70:hover { --text-opacity: 0.70; }
.focus-text-tp-70:focus { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-text-tp-70:focus { --text-opacity: 0.70; }
.active-text-tp-70:active { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-active-text-tp-70:active { --text-opacity: 0.70; }
.disabled-text-tp-70:disabled { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
.focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
.focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
.group:hover .group-hover-text-tp-70 { --text-opacity: 0.70; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-70 { --text-opacity: 0.70; }
.text-tp-75 { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-text-tp-75 { --text-opacity: 0.75; }
.hover-text-tp-75:hover { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-hover-text-tp-75:hover { --text-opacity: 0.75; }
.focus-text-tp-75:focus { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-text-tp-75:focus { --text-opacity: 0.75; }
.active-text-tp-75:active { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-active-text-tp-75:active { --text-opacity: 0.75; }
.disabled-text-tp-75:disabled { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
.focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
.focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
.group:hover .group-hover-text-tp-75 { --text-opacity: 0.75; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-75 { --text-opacity: 0.75; }
.text-tp-80 { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-text-tp-80 { --text-opacity: 0.80; }
.hover-text-tp-80:hover { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-hover-text-tp-80:hover { --text-opacity: 0.80; }
.focus-text-tp-80:focus { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-text-tp-80:focus { --text-opacity: 0.80; }
.active-text-tp-80:active { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-active-text-tp-80:active { --text-opacity: 0.80; }
.disabled-text-tp-80:disabled { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
.focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
.focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
.group:hover .group-hover-text-tp-80 { --text-opacity: 0.80; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-80 { --text-opacity: 0.80; }
.text-tp-85 { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-text-tp-85 { --text-opacity: 0.85; }
.hover-text-tp-85:hover { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-hover-text-tp-85:hover { --text-opacity: 0.85; }
.focus-text-tp-85:focus { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-text-tp-85:focus { --text-opacity: 0.85; }
.active-text-tp-85:active { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-active-text-tp-85:active { --text-opacity: 0.85; }
.disabled-text-tp-85:disabled { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
.focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
.focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
.group:hover .group-hover-text-tp-85 { --text-opacity: 0.85; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-85 { --text-opacity: 0.85; }
.text-tp-90 { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-text-tp-90 { --text-opacity: 0.90; }
.hover-text-tp-90:hover { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-hover-text-tp-90:hover { --text-opacity: 0.90; }
.focus-text-tp-90:focus { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-text-tp-90:focus { --text-opacity: 0.90; }
.active-text-tp-90:active { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-active-text-tp-90:active { --text-opacity: 0.90; }
.disabled-text-tp-90:disabled { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
.focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
.focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
.group:hover .group-hover-text-tp-90 { --text-opacity: 0.90; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-90 { --text-opacity: 0.90; }
.text-tp-95 { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-text-tp-95 { --text-opacity: 0.95; }
.hover-text-tp-95:hover { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-hover-text-tp-95:hover { --text-opacity: 0.95; }
.focus-text-tp-95:focus { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-text-tp-95:focus { --text-opacity: 0.95; }
.active-text-tp-95:active { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-active-text-tp-95:active { --text-opacity: 0.95; }
.disabled-text-tp-95:disabled { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
.focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
.focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
.group:hover .group-hover-text-tp-95 { --text-opacity: 0.95; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-95 { --text-opacity: 0.95; }
.text-tp-100 { --text-opacity: 1; }
html[data-theme="dark"] .dark-text-tp-100 { --text-opacity: 1; }
.hover-text-tp-100:hover { --text-opacity: 1; }
html[data-theme="dark"] .dark-hover-text-tp-100:hover { --text-opacity: 1; }
.focus-text-tp-100:focus { --text-opacity: 1; }
html[data-theme="dark"] .dark-focus-text-tp-100:focus { --text-opacity: 1; }
.active-text-tp-100:active { --text-opacity: 1; }
html[data-theme="dark"] .dark-active-text-tp-100:active { --text-opacity: 1; }
.disabled-text-tp-100:disabled { --text-opacity: 1; }
html[data-theme="dark"] .dark-disabled-text-tp-100:disabled { --text-opacity: 1; }
.focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
html[data-theme="dark"] .dark-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
.focus-within-text-tp-100:focus-within { --text-opacity: 1; }
html[data-theme="dark"] .dark-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
.group:hover .group-hover-text-tp-100 { --text-opacity: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-100 { --text-opacity: 1; }
.border-tp-05 { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-border-tp-05 { --border-opacity: 0.05; }
.hover-border-tp-05:hover { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-hover-border-tp-05:hover { --border-opacity: 0.05; }
.focus-border-tp-05:focus { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-border-tp-05:focus { --border-opacity: 0.05; }
.active-border-tp-05:active { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-active-border-tp-05:active { --border-opacity: 0.05; }
.disabled-border-tp-05:disabled { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
.focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
.focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
html[data-theme="dark"] .dark-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
.group:hover .group-hover-border-tp-05 { --border-opacity: 0.05; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-05 { --border-opacity: 0.05; }
.border-tp-10 { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-border-tp-10 { --border-opacity: 0.10; }
.hover-border-tp-10:hover { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-hover-border-tp-10:hover { --border-opacity: 0.10; }
.focus-border-tp-10:focus { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-border-tp-10:focus { --border-opacity: 0.10; }
.active-border-tp-10:active { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-active-border-tp-10:active { --border-opacity: 0.10; }
.disabled-border-tp-10:disabled { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
.focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
.focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
html[data-theme="dark"] .dark-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
.group:hover .group-hover-border-tp-10 { --border-opacity: 0.10; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-10 { --border-opacity: 0.10; }
.border-tp-15 { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-border-tp-15 { --border-opacity: 0.15; }
.hover-border-tp-15:hover { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-hover-border-tp-15:hover { --border-opacity: 0.15; }
.focus-border-tp-15:focus { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-border-tp-15:focus { --border-opacity: 0.15; }
.active-border-tp-15:active { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-active-border-tp-15:active { --border-opacity: 0.15; }
.disabled-border-tp-15:disabled { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
.focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
.focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
html[data-theme="dark"] .dark-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
.group:hover .group-hover-border-tp-15 { --border-opacity: 0.15; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-15 { --border-opacity: 0.15; }
.border-tp-20 { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-border-tp-20 { --border-opacity: 0.20; }
.hover-border-tp-20:hover { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-hover-border-tp-20:hover { --border-opacity: 0.20; }
.focus-border-tp-20:focus { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-border-tp-20:focus { --border-opacity: 0.20; }
.active-border-tp-20:active { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-active-border-tp-20:active { --border-opacity: 0.20; }
.disabled-border-tp-20:disabled { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
.focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
.focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
html[data-theme="dark"] .dark-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
.group:hover .group-hover-border-tp-20 { --border-opacity: 0.20; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-20 { --border-opacity: 0.20; }
.border-tp-25 { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-border-tp-25 { --border-opacity: 0.25; }
.hover-border-tp-25:hover { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-hover-border-tp-25:hover { --border-opacity: 0.25; }
.focus-border-tp-25:focus { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-border-tp-25:focus { --border-opacity: 0.25; }
.active-border-tp-25:active { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-active-border-tp-25:active { --border-opacity: 0.25; }
.disabled-border-tp-25:disabled { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
.focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
.focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
html[data-theme="dark"] .dark-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
.group:hover .group-hover-border-tp-25 { --border-opacity: 0.25; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-25 { --border-opacity: 0.25; }
.border-tp-30 { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-border-tp-30 { --border-opacity: 0.30; }
.hover-border-tp-30:hover { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-hover-border-tp-30:hover { --border-opacity: 0.30; }
.focus-border-tp-30:focus { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-border-tp-30:focus { --border-opacity: 0.30; }
.active-border-tp-30:active { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-active-border-tp-30:active { --border-opacity: 0.30; }
.disabled-border-tp-30:disabled { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
.focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
.focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
html[data-theme="dark"] .dark-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
.group:hover .group-hover-border-tp-30 { --border-opacity: 0.30; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-30 { --border-opacity: 0.30; }
.border-tp-35 { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-border-tp-35 { --border-opacity: 0.35; }
.hover-border-tp-35:hover { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-hover-border-tp-35:hover { --border-opacity: 0.35; }
.focus-border-tp-35:focus { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-border-tp-35:focus { --border-opacity: 0.35; }
.active-border-tp-35:active { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-active-border-tp-35:active { --border-opacity: 0.35; }
.disabled-border-tp-35:disabled { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
.focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
.focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
html[data-theme="dark"] .dark-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
.group:hover .group-hover-border-tp-35 { --border-opacity: 0.35; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-35 { --border-opacity: 0.35; }
.border-tp-40 { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-border-tp-40 { --border-opacity: 0.40; }
.hover-border-tp-40:hover { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-hover-border-tp-40:hover { --border-opacity: 0.40; }
.focus-border-tp-40:focus { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-border-tp-40:focus { --border-opacity: 0.40; }
.active-border-tp-40:active { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-active-border-tp-40:active { --border-opacity: 0.40; }
.disabled-border-tp-40:disabled { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
.focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
.focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
html[data-theme="dark"] .dark-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
.group:hover .group-hover-border-tp-40 { --border-opacity: 0.40; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-40 { --border-opacity: 0.40; }
.border-tp-45 { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-border-tp-45 { --border-opacity: 0.45; }
.hover-border-tp-45:hover { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-hover-border-tp-45:hover { --border-opacity: 0.45; }
.focus-border-tp-45:focus { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-border-tp-45:focus { --border-opacity: 0.45; }
.active-border-tp-45:active { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-active-border-tp-45:active { --border-opacity: 0.45; }
.disabled-border-tp-45:disabled { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
.focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
.focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
html[data-theme="dark"] .dark-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
.group:hover .group-hover-border-tp-45 { --border-opacity: 0.45; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-45 { --border-opacity: 0.45; }
.border-tp-50 { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-border-tp-50 { --border-opacity: 0.50; }
.hover-border-tp-50:hover { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-hover-border-tp-50:hover { --border-opacity: 0.50; }
.focus-border-tp-50:focus { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-border-tp-50:focus { --border-opacity: 0.50; }
.active-border-tp-50:active { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-active-border-tp-50:active { --border-opacity: 0.50; }
.disabled-border-tp-50:disabled { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
.focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
.focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
html[data-theme="dark"] .dark-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
.group:hover .group-hover-border-tp-50 { --border-opacity: 0.50; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-50 { --border-opacity: 0.50; }
.border-tp-55 { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-border-tp-55 { --border-opacity: 0.55; }
.hover-border-tp-55:hover { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-hover-border-tp-55:hover { --border-opacity: 0.55; }
.focus-border-tp-55:focus { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-border-tp-55:focus { --border-opacity: 0.55; }
.active-border-tp-55:active { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-active-border-tp-55:active { --border-opacity: 0.55; }
.disabled-border-tp-55:disabled { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
.focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
.focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
html[data-theme="dark"] .dark-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
.group:hover .group-hover-border-tp-55 { --border-opacity: 0.55; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-55 { --border-opacity: 0.55; }
.border-tp-60 { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-border-tp-60 { --border-opacity: 0.60; }
.hover-border-tp-60:hover { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-hover-border-tp-60:hover { --border-opacity: 0.60; }
.focus-border-tp-60:focus { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-border-tp-60:focus { --border-opacity: 0.60; }
.active-border-tp-60:active { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-active-border-tp-60:active { --border-opacity: 0.60; }
.disabled-border-tp-60:disabled { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
.focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
.focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
html[data-theme="dark"] .dark-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
.group:hover .group-hover-border-tp-60 { --border-opacity: 0.60; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-60 { --border-opacity: 0.60; }
.border-tp-65 { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-border-tp-65 { --border-opacity: 0.65; }
.hover-border-tp-65:hover { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-hover-border-tp-65:hover { --border-opacity: 0.65; }
.focus-border-tp-65:focus { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-border-tp-65:focus { --border-opacity: 0.65; }
.active-border-tp-65:active { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-active-border-tp-65:active { --border-opacity: 0.65; }
.disabled-border-tp-65:disabled { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
.focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
.focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
html[data-theme="dark"] .dark-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
.group:hover .group-hover-border-tp-65 { --border-opacity: 0.65; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-65 { --border-opacity: 0.65; }
.border-tp-70 { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-border-tp-70 { --border-opacity: 0.70; }
.hover-border-tp-70:hover { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-hover-border-tp-70:hover { --border-opacity: 0.70; }
.focus-border-tp-70:focus { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-border-tp-70:focus { --border-opacity: 0.70; }
.active-border-tp-70:active { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-active-border-tp-70:active { --border-opacity: 0.70; }
.disabled-border-tp-70:disabled { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
.focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
.focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
html[data-theme="dark"] .dark-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
.group:hover .group-hover-border-tp-70 { --border-opacity: 0.70; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-70 { --border-opacity: 0.70; }
.border-tp-75 { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-border-tp-75 { --border-opacity: 0.75; }
.hover-border-tp-75:hover { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-hover-border-tp-75:hover { --border-opacity: 0.75; }
.focus-border-tp-75:focus { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-border-tp-75:focus { --border-opacity: 0.75; }
.active-border-tp-75:active { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-active-border-tp-75:active { --border-opacity: 0.75; }
.disabled-border-tp-75:disabled { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
.focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
.focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
html[data-theme="dark"] .dark-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
.group:hover .group-hover-border-tp-75 { --border-opacity: 0.75; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-75 { --border-opacity: 0.75; }
.border-tp-80 { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-border-tp-80 { --border-opacity: 0.80; }
.hover-border-tp-80:hover { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-hover-border-tp-80:hover { --border-opacity: 0.80; }
.focus-border-tp-80:focus { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-border-tp-80:focus { --border-opacity: 0.80; }
.active-border-tp-80:active { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-active-border-tp-80:active { --border-opacity: 0.80; }
.disabled-border-tp-80:disabled { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
.focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
.focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
html[data-theme="dark"] .dark-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
.group:hover .group-hover-border-tp-80 { --border-opacity: 0.80; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-80 { --border-opacity: 0.80; }
.border-tp-85 { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-border-tp-85 { --border-opacity: 0.85; }
.hover-border-tp-85:hover { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-hover-border-tp-85:hover { --border-opacity: 0.85; }
.focus-border-tp-85:focus { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-border-tp-85:focus { --border-opacity: 0.85; }
.active-border-tp-85:active { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-active-border-tp-85:active { --border-opacity: 0.85; }
.disabled-border-tp-85:disabled { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
.focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
.focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
html[data-theme="dark"] .dark-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
.group:hover .group-hover-border-tp-85 { --border-opacity: 0.85; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-85 { --border-opacity: 0.85; }
.border-tp-90 { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-border-tp-90 { --border-opacity: 0.90; }
.hover-border-tp-90:hover { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-hover-border-tp-90:hover { --border-opacity: 0.90; }
.focus-border-tp-90:focus { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-border-tp-90:focus { --border-opacity: 0.90; }
.active-border-tp-90:active { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-active-border-tp-90:active { --border-opacity: 0.90; }
.disabled-border-tp-90:disabled { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
.focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
.focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
html[data-theme="dark"] .dark-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
.group:hover .group-hover-border-tp-90 { --border-opacity: 0.90; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-90 { --border-opacity: 0.90; }
.border-tp-95 { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-border-tp-95 { --border-opacity: 0.95; }
.hover-border-tp-95:hover { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-hover-border-tp-95:hover { --border-opacity: 0.95; }
.focus-border-tp-95:focus { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-border-tp-95:focus { --border-opacity: 0.95; }
.active-border-tp-95:active { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-active-border-tp-95:active { --border-opacity: 0.95; }
.disabled-border-tp-95:disabled { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
.focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
.focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
html[data-theme="dark"] .dark-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
.group:hover .group-hover-border-tp-95 { --border-opacity: 0.95; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-95 { --border-opacity: 0.95; }
.border-tp-100 { --border-opacity: 1; }
html[data-theme="dark"] .dark-border-tp-100 { --border-opacity: 1; }
.hover-border-tp-100:hover { --border-opacity: 1; }
html[data-theme="dark"] .dark-hover-border-tp-100:hover { --border-opacity: 1; }
.focus-border-tp-100:focus { --border-opacity: 1; }
html[data-theme="dark"] .dark-focus-border-tp-100:focus { --border-opacity: 1; }
.active-border-tp-100:active { --border-opacity: 1; }
html[data-theme="dark"] .dark-active-border-tp-100:active { --border-opacity: 1; }
.disabled-border-tp-100:disabled { --border-opacity: 1; }
html[data-theme="dark"] .dark-disabled-border-tp-100:disabled { --border-opacity: 1; }
.focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
html[data-theme="dark"] .dark-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
.focus-within-border-tp-100:focus-within { --border-opacity: 1; }
html[data-theme="dark"] .dark-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
.group:hover .group-hover-border-tp-100 { --border-opacity: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-100 { --border-opacity: 1; }
.has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .dark-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.group:hover .group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
html[data-theme="dark"] .group:hover .dark-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
.has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .dark-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.group:hover .group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
html[data-theme="dark"] .group:hover .dark-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
.has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .dark-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.group:hover .group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
html[data-theme="dark"] .group:hover .dark-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
.bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .dark-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.group:hover .group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
.text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .dark-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.group:hover .group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
.border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .dark-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.group:hover .group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
.shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
.focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
.group:hover .group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
.focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
.group:hover .group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
.focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
.group:hover .group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
.focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
.group:hover .group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
.focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
.group:hover .group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
.focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
.group:hover .group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
.focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
.group:hover .group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
.focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
.group:hover .group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
.focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
.group:hover .group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
.focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
.group:hover .group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
.focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
.group:hover .group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
.focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
.group:hover .group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
.focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
.group:hover .group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
.focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
.group:hover .group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
.focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
.group:hover .group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
.focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
.group:hover .group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
.focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
.group:hover .group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
.focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
.group:hover .group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
.focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
.group:hover .group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
.focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
.group:hover .group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
.focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
.group:hover .group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
.focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
.group:hover .group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
.focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
.group:hover .group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
.focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
.group:hover .group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
.focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
.group:hover .group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
.focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
.group:hover .group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
.focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
.group:hover .group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
.focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
.group:hover .group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
.focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
.group:hover .group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
.focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
.group:hover .group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
.focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
.group:hover .group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
.focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
.group:hover .group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
.focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
.group:hover .group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
.focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
.group:hover .group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
.focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
.group:hover .group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
.focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
.group:hover .group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
.focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
.group:hover .group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
.focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
.group:hover .group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
.focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
.group:hover .group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
.focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
.group:hover .group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
.focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
.group:hover .group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
.focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
.group:hover .group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
.focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
.group:hover .group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
.focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
.group:hover .group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
.focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
.group:hover .group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
.focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
.group:hover .group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
.focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
.group:hover .group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
.focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
.group:hover .group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
.focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
.group:hover .group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
.focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
.group:hover .group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
.focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
.group:hover .group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
.focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
.group:hover .group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
.focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
.group:hover .group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
.focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
.group:hover .group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
.focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
.group:hover .group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
.focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
.group:hover .group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
.focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
.group:hover .group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
.focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
.group:hover .group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
.focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
.group:hover .group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
.focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
.group:hover .group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
.focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
.group:hover .group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
.focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
.group:hover .group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
.focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
.group:hover .group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
.focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
.group:hover .group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
.focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
.group:hover .group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
.focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
.group:hover .group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
.focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
.group:hover .group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
.focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
.group:hover .group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
.focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
.group:hover .group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
.focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
.group:hover .group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
.focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
.group:hover .group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
.focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
.group:hover .group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
.focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
.group:hover .group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
.focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
.group:hover .group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
.focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
.group:hover .group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
.focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
.group:hover .group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
.focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
.group:hover .group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
.focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
.group:hover .group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
.focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
.group:hover .group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
.focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
.group:hover .group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
.hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
.focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
.active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
.disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
.focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
.focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
.group:hover .group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
.shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
.hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
.focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
.active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
.disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
.focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
.focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
.group:hover .group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
.shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
.hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
.focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
.active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
.disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
.focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
.focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
.group:hover .group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
.shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
.hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
.focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
.active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
.disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
.focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
.focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
.group:hover .group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
.shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
.hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
.focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
.active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
.disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
.focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
.focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
.group:hover .group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
.shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
.hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
.focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
.active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
.disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
.focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
.focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
.group:hover .group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
.shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
.hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
.focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
.active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
.disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
.focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
.focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
.group:hover .group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
.shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
.hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
.focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
.active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
.disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
.focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
.focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
.group:hover .group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
.shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
.hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
.focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
.active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
.disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
.focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
.focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
.group:hover .group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
.shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
.hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
.focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
.active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
.disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
.focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
.focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
.group:hover .group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
.shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
.hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
.focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
.active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
.disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
.focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
.focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
.group:hover .group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
.shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
.hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
.focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
.active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
.disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
.focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
.focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
.group:hover .group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
.shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
.hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
.focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
.active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
.disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
.focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
.focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
.group:hover .group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
.shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
.hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
.focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
.active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
.disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
.focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
.focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
.group:hover .group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
.shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
.hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
.focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
.active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
.disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
.focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
.focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
.group:hover .group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
.shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
.hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
.focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
.active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
.disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
.focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
.focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
.group:hover .group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
.shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
.hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
.focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
.active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
.disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
.focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
.focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
.group:hover .group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
.shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
.hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
.focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
.active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
.disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
.focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
.focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
.group:hover .group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
.shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
.hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
.focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
.active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
.disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
.focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
.focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
.group:hover .group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
.shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
.hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
.focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
.active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
.disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
.focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
.focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
.group:hover .group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
.shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
.focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
.group:hover .group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
.focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
.group:hover .group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
.focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
.group:hover .group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
.focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
.group:hover .group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
.focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
.group:hover .group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
.focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
.group:hover .group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
.focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
.group:hover .group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
.focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
.group:hover .group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
.focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
.group:hover .group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
.focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
.group:hover .group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
.focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
.group:hover .group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
.focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
.group:hover .group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
.focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
.group:hover .group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
.focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
.group:hover .group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
.focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
.group:hover .group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
.focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
.group:hover .group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
.focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
.group:hover .group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
.focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
.group:hover .group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
.focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
.group:hover .group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
.focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
.group:hover .group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
.focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
.group:hover .group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
.focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
.group:hover .group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
.focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
.group:hover .group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
.focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
.group:hover .group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
.focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
.group:hover .group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
.focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
.group:hover .group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
.focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
.group:hover .group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
.focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
.group:hover .group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
.focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
.group:hover .group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
.focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
.group:hover .group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
.focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
.group:hover .group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
.focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
.group:hover .group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
.focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
.group:hover .group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
.focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
.group:hover .group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
.focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
.group:hover .group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
.focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
.group:hover .group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
.focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
.group:hover .group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
.focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
.group:hover .group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
.focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
.group:hover .group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
.focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
.group:hover .group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
.focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
.group:hover .group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
.focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
.group:hover .group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
.focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
.group:hover .group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
.focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
.group:hover .group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
.focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
.group:hover .group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
.focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
.group:hover .group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
.focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
.group:hover .group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
.focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
.group:hover .group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
.focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
.group:hover .group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
.focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
.group:hover .group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
.focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
.group:hover .group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
.focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
.group:hover .group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
.focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
.group:hover .group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
.focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
.group:hover .group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
.focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
.group:hover .group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
.focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
.group:hover .group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
.focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
.group:hover .group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
.focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
.group:hover .group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
.focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
.group:hover .group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
.focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
.group:hover .group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
.focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
.group:hover .group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
.focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
.group:hover .group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
.focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
.group:hover .group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
.focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
.group:hover .group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
.focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
.group:hover .group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
.focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
.group:hover .group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
.focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
.group:hover .group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
.focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
.group:hover .group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
.focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
.group:hover .group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
.focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
.group:hover .group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
.focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
.group:hover .group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
.focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
.group:hover .group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
.focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
.group:hover .group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
.focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
.group:hover .group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
.focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
.group:hover .group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
.focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
.group:hover .group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
.focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
.group:hover .group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
.focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
.group:hover .group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
.focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
.group:hover .group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
.focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
.group:hover .group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.shadow-color-black { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-shadow-color-black { --shadow-color: var(--black); }
.hover-shadow-color-black:hover { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.focus-shadow-color-black:focus { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.active-shadow-color-black:active { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-active-shadow-color-black:active { --shadow-color: var(--black); }
.disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
.focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
.group:hover .group-hover-shadow-color-black { --shadow-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-black { --shadow-color: var(--black); }
.shadow-color-white { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-shadow-color-white { --shadow-color: var(--white); }
.hover-shadow-color-white:hover { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.focus-shadow-color-white:focus { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.active-shadow-color-white:active { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-active-shadow-color-white:active { --shadow-color: var(--white); }
.disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
.focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
.group:hover .group-hover-shadow-color-white { --shadow-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color-white { --shadow-color: var(--white); }
.gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
.focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
.group:hover .group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
.focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
.group:hover .group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
.focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
.group:hover .group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
.focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
.group:hover .group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
.focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
.group:hover .group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
.focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
.group:hover .group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
.focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
.group:hover .group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
.focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
.group:hover .group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
.focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
.group:hover .group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
.focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
.group:hover .group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
.focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
.group:hover .group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
.focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
.group:hover .group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
.focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
.group:hover .group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
.focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
.group:hover .group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
.focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
.group:hover .group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
.focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
.group:hover .group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
.focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
.group:hover .group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
.focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
.group:hover .group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
.focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
.group:hover .group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
.focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
.group:hover .group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
.focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
.group:hover .group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
.focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
.group:hover .group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
.focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
.group:hover .group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
.focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
.group:hover .group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
.focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
.group:hover .group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
.focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
.group:hover .group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
.focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
.group:hover .group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
.focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
.group:hover .group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
.focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
.group:hover .group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
.focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
.group:hover .group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
.focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
.group:hover .group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
.focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
.group:hover .group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
.focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
.group:hover .group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
.focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
.group:hover .group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
.focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
.group:hover .group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
.focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
.group:hover .group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
.focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
.group:hover .group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
.focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
.group:hover .group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
.focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
.group:hover .group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
.focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
.group:hover .group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
.focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
.group:hover .group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
.focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
.group:hover .group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
.focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
.group:hover .group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
.focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
.group:hover .group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
.focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
.group:hover .group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
.focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
.group:hover .group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
.focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
.group:hover .group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
.focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
.group:hover .group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
.focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
.group:hover .group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
.focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
.group:hover .group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
.focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
.group:hover .group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
.focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
.group:hover .group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
.focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
.group:hover .group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
.focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
.group:hover .group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
.focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
.group:hover .group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
.focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
.group:hover .group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
.focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
.group:hover .group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
.focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
.group:hover .group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
.focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
.group:hover .group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
.focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
.group:hover .group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
.focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
.group:hover .group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
.focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
.group:hover .group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
.focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
.group:hover .group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
.focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
.group:hover .group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
.focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
.group:hover .group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
.focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
.group:hover .group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
.focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
.group:hover .group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
.focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
.group:hover .group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
.focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
.group:hover .group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
.focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
.group:hover .group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
.focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
.group:hover .group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
.focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
.group:hover .group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
.focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
.group:hover .group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
.focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
.group:hover .group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
.focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
.group:hover .group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
.focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
.group:hover .group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
.focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
.group:hover .group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
.focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
.group:hover .group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
.focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
.group:hover .group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
.focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
.group:hover .group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
.focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
.group:hover .group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
.focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
.group:hover .group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
.focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
.group:hover .group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
.focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
.group:hover .group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
.focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
.group:hover .group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
.focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
.group:hover .group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
.focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
.group:hover .group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
.focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
.group:hover .group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
.focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
.group:hover .group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
.focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
.group:hover .group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
.focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
.group:hover .group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
.focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
.group:hover .group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
.focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
.group:hover .group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
.focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
.group:hover .group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
.focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
.group:hover .group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
.focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
.group:hover .group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
.focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
.group:hover .group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
.focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
.group:hover .group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
.focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
.group:hover .group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
.focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
.group:hover .group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
.focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
.group:hover .group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
.focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
.group:hover .group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
.focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
.group:hover .group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
.focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
.group:hover .group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
.focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
.group:hover .group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
.focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
.group:hover .group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
.focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
.group:hover .group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
.focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
.group:hover .group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
.focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
.group:hover .group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
.focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
.group:hover .group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
.focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
.group:hover .group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
.focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
.group:hover .group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
.focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
.group:hover .group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
.focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
.group:hover .group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
.focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
.group:hover .group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
.focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
.group:hover .group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
.focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
.group:hover .group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
.focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
.group:hover .group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
.focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
.group:hover .group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
.focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
.group:hover .group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
.focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
.group:hover .group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
.focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
.group:hover .group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
.focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
.group:hover .group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
.focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
.group:hover .group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
.focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
.group:hover .group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
.focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
.group:hover .group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
.focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
.group:hover .group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
.focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
.group:hover .group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
.focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
.group:hover .group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
.focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
.group:hover .group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
.focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
.group:hover .group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
.focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
.group:hover .group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
.focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
.group:hover .group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
.focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
.group:hover .group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
.focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
.group:hover .group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
.focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
.group:hover .group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
.focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
.group:hover .group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
.focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
.group:hover .group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
.focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
.group:hover .group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
.focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
.group:hover .group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
.focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
.group:hover .group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
.focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
.group:hover .group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
.focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
.group:hover .group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
.focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
.group:hover .group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
.focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
.group:hover .group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
.focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
.group:hover .group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
.focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
.group:hover .group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
.focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
.group:hover .group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
.focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
.group:hover .group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
.focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
.group:hover .group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
.focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
.group:hover .group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
.focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
.group:hover .group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
.focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
.group:hover .group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
.focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
.group:hover .group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
.focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
.group:hover .group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
.focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
.group:hover .group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
.focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
.group:hover .group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
.focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
.group:hover .group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
.focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
.group:hover .group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
.focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
.group:hover .group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.gradient-from-black { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-gradient-from-black { --quanta-from-color: var(--black); }
.hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.active-gradient-from-black:active { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
.focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
.group:hover .group-hover-gradient-from-black { --quanta-from-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
.gradient-from-white { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-gradient-from-white { --quanta-from-color: var(--white); }
.hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.active-gradient-from-white:active { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
.focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
.group:hover .group-hover-gradient-from-white { --quanta-from-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
.gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
.focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
.group:hover .group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
.focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
.group:hover .group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
.focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
.group:hover .group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
.focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
.group:hover .group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
.focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
.group:hover .group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
.focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
.group:hover .group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
.focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
.group:hover .group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
.focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
.group:hover .group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
.focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
.group:hover .group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
.focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
.group:hover .group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
.focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
.group:hover .group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
.focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
.group:hover .group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
.focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
.group:hover .group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
.focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
.group:hover .group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
.focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
.group:hover .group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
.focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
.group:hover .group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
.focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
.group:hover .group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
.focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
.group:hover .group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
.focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
.group:hover .group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
.focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
.group:hover .group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
.focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
.group:hover .group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
.focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
.group:hover .group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
.focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
.group:hover .group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
.focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
.group:hover .group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
.focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
.group:hover .group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
.focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
.group:hover .group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
.focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
.group:hover .group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
.focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
.group:hover .group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
.focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
.group:hover .group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
.focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
.group:hover .group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
.focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
.group:hover .group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
.focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
.group:hover .group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
.focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
.group:hover .group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
.focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
.group:hover .group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
.focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
.group:hover .group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
.focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
.group:hover .group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
.focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
.group:hover .group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
.focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
.group:hover .group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
.focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
.group:hover .group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
.focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
.group:hover .group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
.focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
.group:hover .group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
.focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
.group:hover .group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
.focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
.group:hover .group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
.focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
.group:hover .group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
.focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
.group:hover .group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
.focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
.group:hover .group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
.focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
.group:hover .group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
.focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
.group:hover .group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
.focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
.group:hover .group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
.focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
.group:hover .group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
.focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
.group:hover .group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
.focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
.group:hover .group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
.focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
.group:hover .group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
.focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
.group:hover .group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
.focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
.group:hover .group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
.focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
.group:hover .group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
.focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
.group:hover .group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
.focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
.group:hover .group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
.focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
.group:hover .group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
.focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
.group:hover .group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
.focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
.group:hover .group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
.focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
.group:hover .group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
.focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
.group:hover .group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
.focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
.group:hover .group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
.focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
.group:hover .group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
.focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
.group:hover .group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
.focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
.group:hover .group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
.focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
.group:hover .group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
.focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
.group:hover .group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
.focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
.group:hover .group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
.focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
.group:hover .group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
.focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
.group:hover .group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
.focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
.group:hover .group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
.focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
.group:hover .group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
.focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
.group:hover .group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
.focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
.group:hover .group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
.focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
.group:hover .group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
.focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
.group:hover .group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
.focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
.group:hover .group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
.focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
.group:hover .group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
.focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
.group:hover .group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
.focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
.group:hover .group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
.focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
.group:hover .group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
.focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
.group:hover .group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
.focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
.group:hover .group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
.focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
.group:hover .group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
.focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
.group:hover .group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
.focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
.group:hover .group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
.focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
.group:hover .group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
.focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
.group:hover .group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
.focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
.group:hover .group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
.focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
.group:hover .group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
.focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
.group:hover .group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
.focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
.group:hover .group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
.focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
.group:hover .group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
.focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
.group:hover .group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
.focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
.group:hover .group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
.focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
.group:hover .group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
.focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
.group:hover .group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
.focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
.group:hover .group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
.focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
.group:hover .group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
.focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
.group:hover .group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
.focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
.group:hover .group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
.focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
.group:hover .group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
.focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
.group:hover .group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
.focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
.group:hover .group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
.focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
.group:hover .group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
.focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
.group:hover .group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
.focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
.group:hover .group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
.focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
.group:hover .group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
.focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
.group:hover .group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
.focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
.group:hover .group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
.focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
.group:hover .group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
.focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
.group:hover .group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
.focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
.group:hover .group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
.focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
.group:hover .group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
.focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
.group:hover .group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
.focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
.group:hover .group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
.focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
.group:hover .group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
.focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
.group:hover .group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
.focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
.group:hover .group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
.focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
.group:hover .group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
.focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
.group:hover .group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
.focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
.group:hover .group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
.focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
.group:hover .group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
.focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
.group:hover .group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
.focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
.group:hover .group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
.focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
.group:hover .group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
.focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
.group:hover .group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
.focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
.group:hover .group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
.focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
.group:hover .group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
.focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
.group:hover .group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
.focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
.group:hover .group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
.focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
.group:hover .group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
.focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
.group:hover .group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
.focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
.group:hover .group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
.focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
.group:hover .group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
.focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
.group:hover .group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
.focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
.group:hover .group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
.focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
.group:hover .group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
.focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
.group:hover .group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
.focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
.group:hover .group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
.focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
.group:hover .group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
.focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
.group:hover .group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
.focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
.group:hover .group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
.focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
.group:hover .group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
.focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
.group:hover .group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
.focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
.group:hover .group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
.focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
.group:hover .group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
.focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
.group:hover .group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
.focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
.group:hover .group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
.focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
.group:hover .group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
.focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
.group:hover .group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
.focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
.group:hover .group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
.focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
.group:hover .group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
.focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
.group:hover .group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
.focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
.group:hover .group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
.focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
.group:hover .group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
.focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
.group:hover .group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
.focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
.group:hover .group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.gradient-to-black { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-gradient-to-black { --quanta-to-color: var(--black); }
.hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.active-gradient-to-black:active { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
.focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
.group:hover .group-hover-gradient-to-black { --quanta-to-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
.gradient-to-white { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-gradient-to-white { --quanta-to-color: var(--white); }
.hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.active-gradient-to-white:active { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
.focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
.group:hover .group-hover-gradient-to-white { --quanta-to-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
.transition-all { transition-property: all; }
html[data-theme="dark"] .dark-transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
html[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
html[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
html[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
html[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
.focus-visible-transition-all:focus-visible { transition-property: all; }
html[data-theme="dark"] .dark-focus-visible-transition-all:focus-visible { transition-property: all; }
.focus-within-transition-all:focus-within { transition-property: all; }
html[data-theme="dark"] .dark-focus-within-transition-all:focus-within { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-all { transition-property: all; }
.transition-bg { transition-property: background-color; }
html[data-theme="dark"] .dark-transition-bg { transition-property: background-color; }
.hover-transition-bg:hover { transition-property: background-color; }
html[data-theme="dark"] .dark-hover-transition-bg:hover { transition-property: background-color; }
.focus-transition-bg:focus { transition-property: background-color; }
html[data-theme="dark"] .dark-focus-transition-bg:focus { transition-property: background-color; }
.active-transition-bg:active { transition-property: background-color; }
html[data-theme="dark"] .dark-active-transition-bg:active { transition-property: background-color; }
.disabled-transition-bg:disabled { transition-property: background-color; }
html[data-theme="dark"] .dark-disabled-transition-bg:disabled { transition-property: background-color; }
.focus-visible-transition-bg:focus-visible { transition-property: background-color; }
html[data-theme="dark"] .dark-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
.focus-within-transition-bg:focus-within { transition-property: background-color; }
html[data-theme="dark"] .dark-focus-within-transition-bg:focus-within { transition-property: background-color; }
.group:hover .group-hover-transition-bg { transition-property: background-color; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-bg { transition-property: background-color; }
.transition-color { transition-property: color; }
html[data-theme="dark"] .dark-transition-color { transition-property: color; }
.hover-transition-color:hover { transition-property: color; }
html[data-theme="dark"] .dark-hover-transition-color:hover { transition-property: color; }
.focus-transition-color:focus { transition-property: color; }
html[data-theme="dark"] .dark-focus-transition-color:focus { transition-property: color; }
.active-transition-color:active { transition-property: color; }
html[data-theme="dark"] .dark-active-transition-color:active { transition-property: color; }
.disabled-transition-color:disabled { transition-property: color; }
html[data-theme="dark"] .dark-disabled-transition-color:disabled { transition-property: color; }
.focus-visible-transition-color:focus-visible { transition-property: color; }
html[data-theme="dark"] .dark-focus-visible-transition-color:focus-visible { transition-property: color; }
.focus-within-transition-color:focus-within { transition-property: color; }
html[data-theme="dark"] .dark-focus-within-transition-color:focus-within { transition-property: color; }
.group:hover .group-hover-transition-color { transition-property: color; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-color { transition-property: color; }
.transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
html[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
html[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
html[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
.focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
.focus-within-transition-opacity:focus-within { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-within-transition-opacity:focus-within { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-opacity { transition-property: opacity; }
.transition-transform { transition-property: transform; }
html[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
html[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
html[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
html[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
html[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
.focus-visible-transition-transform:focus-visible { transition-property: transform; }
html[data-theme="dark"] .dark-focus-visible-transition-transform:focus-visible { transition-property: transform; }
.focus-within-transition-transform:focus-within { transition-property: transform; }
html[data-theme="dark"] .dark-focus-within-transition-transform:focus-within { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-transform { transition-property: transform; }
.transition-shadow { transition-property: shadow; }
html[data-theme="dark"] .dark-transition-shadow { transition-property: shadow; }
.hover-transition-shadow:hover { transition-property: shadow; }
html[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: shadow; }
.focus-transition-shadow:focus { transition-property: shadow; }
html[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: shadow; }
.active-transition-shadow:active { transition-property: shadow; }
html[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: shadow; }
.disabled-transition-shadow:disabled { transition-property: shadow; }
html[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: shadow; }
.focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
html[data-theme="dark"] .dark-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
.focus-within-transition-shadow:focus-within { transition-property: shadow; }
html[data-theme="dark"] .dark-focus-within-transition-shadow:focus-within { transition-property: shadow; }
.group:hover .group-hover-transition-shadow { transition-property: shadow; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-shadow { transition-property: shadow; }
.transition-border { transition-property: border; }
html[data-theme="dark"] .dark-transition-border { transition-property: border; }
.hover-transition-border:hover { transition-property: border; }
html[data-theme="dark"] .dark-hover-transition-border:hover { transition-property: border; }
.focus-transition-border:focus { transition-property: border; }
html[data-theme="dark"] .dark-focus-transition-border:focus { transition-property: border; }
.active-transition-border:active { transition-property: border; }
html[data-theme="dark"] .dark-active-transition-border:active { transition-property: border; }
.disabled-transition-border:disabled { transition-property: border; }
html[data-theme="dark"] .dark-disabled-transition-border:disabled { transition-property: border; }
.focus-visible-transition-border:focus-visible { transition-property: border; }
html[data-theme="dark"] .dark-focus-visible-transition-border:focus-visible { transition-property: border; }
.focus-within-transition-border:focus-within { transition-property: border; }
html[data-theme="dark"] .dark-focus-within-transition-border:focus-within { transition-property: border; }
.group:hover .group-hover-transition-border { transition-property: border; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-border { transition-property: border; }
.duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
html[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
html[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
html[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
.focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
.focus-within-duration-75:focus-within { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-within-duration-75:focus-within { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
html[data-theme="dark"] .dark-duration-100 { transition-duration: 100ms; }
.hover-duration-100:hover { transition-duration: 100ms; }
html[data-theme="dark"] .dark-hover-duration-100:hover { transition-duration: 100ms; }
.focus-duration-100:focus { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-duration-100:focus { transition-duration: 100ms; }
.active-duration-100:active { transition-duration: 100ms; }
html[data-theme="dark"] .dark-active-duration-100:active { transition-duration: 100ms; }
.disabled-duration-100:disabled { transition-duration: 100ms; }
html[data-theme="dark"] .dark-disabled-duration-100:disabled { transition-duration: 100ms; }
.focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
.focus-within-duration-100:focus-within { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-within-duration-100:focus-within { transition-duration: 100ms; }
.group:hover .group-hover-duration-100 { transition-duration: 100ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
html[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
html[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
html[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
.focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
.focus-within-duration-150:focus-within { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-within-duration-150:focus-within { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
html[data-theme="dark"] .dark-duration-200 { transition-duration: 200ms; }
.hover-duration-200:hover { transition-duration: 200ms; }
html[data-theme="dark"] .dark-hover-duration-200:hover { transition-duration: 200ms; }
.focus-duration-200:focus { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-duration-200:focus { transition-duration: 200ms; }
.active-duration-200:active { transition-duration: 200ms; }
html[data-theme="dark"] .dark-active-duration-200:active { transition-duration: 200ms; }
.disabled-duration-200:disabled { transition-duration: 200ms; }
html[data-theme="dark"] .dark-disabled-duration-200:disabled { transition-duration: 200ms; }
.focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
.focus-within-duration-200:focus-within { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-within-duration-200:focus-within { transition-duration: 200ms; }
.group:hover .group-hover-duration-200 { transition-duration: 200ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
html[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
html[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
html[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
.focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
.focus-within-duration-300:focus-within { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-within-duration-300:focus-within { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
html[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
html[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
html[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
.focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
.focus-within-duration-500:focus-within { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-within-duration-500:focus-within { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
html[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
html[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
html[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
.focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
.focus-within-duration-700:focus-within { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-within-duration-700:focus-within { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
.focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-ease-linear { transition-timing-function: ease-linear; }
.hover-ease-linear:hover { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.focus-ease-linear:focus { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.active-ease-linear:active { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: ease-linear; }
.disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
.focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
html[data-theme="dark"] .dark-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: ease-linear; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-linear { transition-timing-function: ease-linear; }
.ease-in { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-ease-in { transition-timing-function: ease-in; }
.hover-ease-in:hover { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: ease-in; }
.focus-ease-in:focus { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: ease-in; }
.active-ease-in:active { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: ease-in; }
.disabled-ease-in:disabled { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
.focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
.group:hover .group-hover-ease-in { transition-timing-function: ease-in; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-ease-out { transition-timing-function: ease-out; }
.hover-ease-out:hover { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: ease-out; }
.focus-ease-out:focus { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: ease-out; }
.active-ease-out:active { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: ease-out; }
.disabled-ease-out:disabled { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
.focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
.group:hover .group-hover-ease-out { transition-timing-function: ease-out; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-ease-in-out { transition-timing-function: ease-in-out; }
.hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.active-ease-in-out:active { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
.focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
.group:hover .group-hover-ease-in-out { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
.translate-x-0 { transform: translateX(0rem); }
html[data-theme="dark"] .dark-translate-x-0 { transform: translateX(0rem); }
.hover-translate-x-0:hover { transform: translateX(0rem); }
html[data-theme="dark"] .dark-hover-translate-x-0:hover { transform: translateX(0rem); }
.focus-translate-x-0:focus { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-translate-x-0:focus { transform: translateX(0rem); }
.active-translate-x-0:active { transform: translateX(0rem); }
html[data-theme="dark"] .dark-active-translate-x-0:active { transform: translateX(0rem); }
.disabled-translate-x-0:disabled { transform: translateX(0rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
.focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
.group:hover .group-hover-translate-x-0 { transform: translateX(0rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
html[data-theme="dark"] .dark-translate-y-0 { transform: translateY(0rem); }
.hover-translate-y-0:hover { transform: translateY(0rem); }
html[data-theme="dark"] .dark-hover-translate-y-0:hover { transform: translateY(0rem); }
.focus-translate-y-0:focus { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-translate-y-0:focus { transform: translateY(0rem); }
.active-translate-y-0:active { transform: translateY(0rem); }
html[data-theme="dark"] .dark-active-translate-y-0:active { transform: translateY(0rem); }
.disabled-translate-y-0:disabled { transform: translateY(0rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
.focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
.group:hover .group-hover-translate-y-0 { transform: translateY(0rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0 { transform: translateY(0rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-translate-x-0_25 { transform: translateX(0.25rem); }
.hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.active-translate-x-0_25:active { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
.focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-translate-y-0_25 { transform: translateY(0.25rem); }
.hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.active-translate-y-0_25:active { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
.focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-translate-x-0_5 { transform: translateX(0.5rem); }
.hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.active-translate-x-0_5:active { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
.focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-translate-y-0_5 { transform: translateY(0.5rem); }
.hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.active-translate-y-0_5:active { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
.focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-1 { transform: translateX(1rem); }
html[data-theme="dark"] .dark-translate-x-1 { transform: translateX(1rem); }
.hover-translate-x-1:hover { transform: translateX(1rem); }
html[data-theme="dark"] .dark-hover-translate-x-1:hover { transform: translateX(1rem); }
.focus-translate-x-1:focus { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-translate-x-1:focus { transform: translateX(1rem); }
.active-translate-x-1:active { transform: translateX(1rem); }
html[data-theme="dark"] .dark-active-translate-x-1:active { transform: translateX(1rem); }
.disabled-translate-x-1:disabled { transform: translateX(1rem); }
html[data-theme="dark"] .dark-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
.focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
.group:hover .group-hover-translate-x-1 { transform: translateX(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
html[data-theme="dark"] .dark-translate-y-1 { transform: translateY(1rem); }
.hover-translate-y-1:hover { transform: translateY(1rem); }
html[data-theme="dark"] .dark-hover-translate-y-1:hover { transform: translateY(1rem); }
.focus-translate-y-1:focus { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-translate-y-1:focus { transform: translateY(1rem); }
.active-translate-y-1:active { transform: translateY(1rem); }
html[data-theme="dark"] .dark-active-translate-y-1:active { transform: translateY(1rem); }
.disabled-translate-y-1:disabled { transform: translateY(1rem); }
html[data-theme="dark"] .dark-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
.focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
.group:hover .group-hover-translate-y-1 { transform: translateY(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-translate-x-1_5 { transform: translateX(1.5rem); }
.hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.active-translate-x-1_5:active { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
.focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
.group:hover .group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-translate-y-1_5 { transform: translateY(1.5rem); }
.hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.active-translate-y-1_5:active { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
.focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
.group:hover .group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
html[data-theme="dark"] .dark-translate-x-2 { transform: translateX(2rem); }
.hover-translate-x-2:hover { transform: translateX(2rem); }
html[data-theme="dark"] .dark-hover-translate-x-2:hover { transform: translateX(2rem); }
.focus-translate-x-2:focus { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-translate-x-2:focus { transform: translateX(2rem); }
.active-translate-x-2:active { transform: translateX(2rem); }
html[data-theme="dark"] .dark-active-translate-x-2:active { transform: translateX(2rem); }
.disabled-translate-x-2:disabled { transform: translateX(2rem); }
html[data-theme="dark"] .dark-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
.focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
.group:hover .group-hover-translate-x-2 { transform: translateX(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
html[data-theme="dark"] .dark-translate-y-2 { transform: translateY(2rem); }
.hover-translate-y-2:hover { transform: translateY(2rem); }
html[data-theme="dark"] .dark-hover-translate-y-2:hover { transform: translateY(2rem); }
.focus-translate-y-2:focus { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-translate-y-2:focus { transform: translateY(2rem); }
.active-translate-y-2:active { transform: translateY(2rem); }
html[data-theme="dark"] .dark-active-translate-y-2:active { transform: translateY(2rem); }
.disabled-translate-y-2:disabled { transform: translateY(2rem); }
html[data-theme="dark"] .dark-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
.focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
.group:hover .group-hover-translate-y-2 { transform: translateY(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
html[data-theme="dark"] .dark-translate-x-3 { transform: translateX(3rem); }
.hover-translate-x-3:hover { transform: translateX(3rem); }
html[data-theme="dark"] .dark-hover-translate-x-3:hover { transform: translateX(3rem); }
.focus-translate-x-3:focus { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-translate-x-3:focus { transform: translateX(3rem); }
.active-translate-x-3:active { transform: translateX(3rem); }
html[data-theme="dark"] .dark-active-translate-x-3:active { transform: translateX(3rem); }
.disabled-translate-x-3:disabled { transform: translateX(3rem); }
html[data-theme="dark"] .dark-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
.focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
.group:hover .group-hover-translate-x-3 { transform: translateX(3rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
html[data-theme="dark"] .dark-translate-y-3 { transform: translateY(3rem); }
.hover-translate-y-3:hover { transform: translateY(3rem); }
html[data-theme="dark"] .dark-hover-translate-y-3:hover { transform: translateY(3rem); }
.focus-translate-y-3:focus { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-translate-y-3:focus { transform: translateY(3rem); }
.active-translate-y-3:active { transform: translateY(3rem); }
html[data-theme="dark"] .dark-active-translate-y-3:active { transform: translateY(3rem); }
.disabled-translate-y-3:disabled { transform: translateY(3rem); }
html[data-theme="dark"] .dark-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
.focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
.group:hover .group-hover-translate-y-3 { transform: translateY(3rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
html[data-theme="dark"] .dark-translate-x-4 { transform: translateX(4rem); }
.hover-translate-x-4:hover { transform: translateX(4rem); }
html[data-theme="dark"] .dark-hover-translate-x-4:hover { transform: translateX(4rem); }
.focus-translate-x-4:focus { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-translate-x-4:focus { transform: translateX(4rem); }
.active-translate-x-4:active { transform: translateX(4rem); }
html[data-theme="dark"] .dark-active-translate-x-4:active { transform: translateX(4rem); }
.disabled-translate-x-4:disabled { transform: translateX(4rem); }
html[data-theme="dark"] .dark-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
.focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
.group:hover .group-hover-translate-x-4 { transform: translateX(4rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
html[data-theme="dark"] .dark-translate-y-4 { transform: translateY(4rem); }
.hover-translate-y-4:hover { transform: translateY(4rem); }
html[data-theme="dark"] .dark-hover-translate-y-4:hover { transform: translateY(4rem); }
.focus-translate-y-4:focus { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-translate-y-4:focus { transform: translateY(4rem); }
.active-translate-y-4:active { transform: translateY(4rem); }
html[data-theme="dark"] .dark-active-translate-y-4:active { transform: translateY(4rem); }
.disabled-translate-y-4:disabled { transform: translateY(4rem); }
html[data-theme="dark"] .dark-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
.focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
.group:hover .group-hover-translate-y-4 { transform: translateY(4rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-4 { transform: translateY(4rem); }
.translate-x-5 { transform: translateX(5rem); }
html[data-theme="dark"] .dark-translate-x-5 { transform: translateX(5rem); }
.hover-translate-x-5:hover { transform: translateX(5rem); }
html[data-theme="dark"] .dark-hover-translate-x-5:hover { transform: translateX(5rem); }
.focus-translate-x-5:focus { transform: translateX(5rem); }
html[data-theme="dark"] .dark-focus-translate-x-5:focus { transform: translateX(5rem); }
.active-translate-x-5:active { transform: translateX(5rem); }
html[data-theme="dark"] .dark-active-translate-x-5:active { transform: translateX(5rem); }
.disabled-translate-x-5:disabled { transform: translateX(5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
.focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
.group:hover .group-hover-translate-x-5 { transform: translateX(5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-5 { transform: translateX(5rem); }
.translate-y-5 { transform: translateY(5rem); }
html[data-theme="dark"] .dark-translate-y-5 { transform: translateY(5rem); }
.hover-translate-y-5:hover { transform: translateY(5rem); }
html[data-theme="dark"] .dark-hover-translate-y-5:hover { transform: translateY(5rem); }
.focus-translate-y-5:focus { transform: translateY(5rem); }
html[data-theme="dark"] .dark-focus-translate-y-5:focus { transform: translateY(5rem); }
.active-translate-y-5:active { transform: translateY(5rem); }
html[data-theme="dark"] .dark-active-translate-y-5:active { transform: translateY(5rem); }
.disabled-translate-y-5:disabled { transform: translateY(5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
.focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
.group:hover .group-hover-translate-y-5 { transform: translateY(5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-5 { transform: translateY(5rem); }
.translate-x-6 { transform: translateX(6rem); }
html[data-theme="dark"] .dark-translate-x-6 { transform: translateX(6rem); }
.hover-translate-x-6:hover { transform: translateX(6rem); }
html[data-theme="dark"] .dark-hover-translate-x-6:hover { transform: translateX(6rem); }
.focus-translate-x-6:focus { transform: translateX(6rem); }
html[data-theme="dark"] .dark-focus-translate-x-6:focus { transform: translateX(6rem); }
.active-translate-x-6:active { transform: translateX(6rem); }
html[data-theme="dark"] .dark-active-translate-x-6:active { transform: translateX(6rem); }
.disabled-translate-x-6:disabled { transform: translateX(6rem); }
html[data-theme="dark"] .dark-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
.focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
.group:hover .group-hover-translate-x-6 { transform: translateX(6rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-6 { transform: translateX(6rem); }
.translate-y-6 { transform: translateY(6rem); }
html[data-theme="dark"] .dark-translate-y-6 { transform: translateY(6rem); }
.hover-translate-y-6:hover { transform: translateY(6rem); }
html[data-theme="dark"] .dark-hover-translate-y-6:hover { transform: translateY(6rem); }
.focus-translate-y-6:focus { transform: translateY(6rem); }
html[data-theme="dark"] .dark-focus-translate-y-6:focus { transform: translateY(6rem); }
.active-translate-y-6:active { transform: translateY(6rem); }
html[data-theme="dark"] .dark-active-translate-y-6:active { transform: translateY(6rem); }
.disabled-translate-y-6:disabled { transform: translateY(6rem); }
html[data-theme="dark"] .dark-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
.focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
.group:hover .group-hover-translate-y-6 { transform: translateY(6rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-6 { transform: translateY(6rem); }
.translate-x-8 { transform: translateX(8rem); }
html[data-theme="dark"] .dark-translate-x-8 { transform: translateX(8rem); }
.hover-translate-x-8:hover { transform: translateX(8rem); }
html[data-theme="dark"] .dark-hover-translate-x-8:hover { transform: translateX(8rem); }
.focus-translate-x-8:focus { transform: translateX(8rem); }
html[data-theme="dark"] .dark-focus-translate-x-8:focus { transform: translateX(8rem); }
.active-translate-x-8:active { transform: translateX(8rem); }
html[data-theme="dark"] .dark-active-translate-x-8:active { transform: translateX(8rem); }
.disabled-translate-x-8:disabled { transform: translateX(8rem); }
html[data-theme="dark"] .dark-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
.focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
.group:hover .group-hover-translate-x-8 { transform: translateX(8rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-8 { transform: translateX(8rem); }
.translate-y-8 { transform: translateY(8rem); }
html[data-theme="dark"] .dark-translate-y-8 { transform: translateY(8rem); }
.hover-translate-y-8:hover { transform: translateY(8rem); }
html[data-theme="dark"] .dark-hover-translate-y-8:hover { transform: translateY(8rem); }
.focus-translate-y-8:focus { transform: translateY(8rem); }
html[data-theme="dark"] .dark-focus-translate-y-8:focus { transform: translateY(8rem); }
.active-translate-y-8:active { transform: translateY(8rem); }
html[data-theme="dark"] .dark-active-translate-y-8:active { transform: translateY(8rem); }
.disabled-translate-y-8:disabled { transform: translateY(8rem); }
html[data-theme="dark"] .dark-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
.focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
.group:hover .group-hover-translate-y-8 { transform: translateY(8rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-8 { transform: translateY(8rem); }
.translate-x-10 { transform: translateX(10rem); }
html[data-theme="dark"] .dark-translate-x-10 { transform: translateX(10rem); }
.hover-translate-x-10:hover { transform: translateX(10rem); }
html[data-theme="dark"] .dark-hover-translate-x-10:hover { transform: translateX(10rem); }
.focus-translate-x-10:focus { transform: translateX(10rem); }
html[data-theme="dark"] .dark-focus-translate-x-10:focus { transform: translateX(10rem); }
.active-translate-x-10:active { transform: translateX(10rem); }
html[data-theme="dark"] .dark-active-translate-x-10:active { transform: translateX(10rem); }
.disabled-translate-x-10:disabled { transform: translateX(10rem); }
html[data-theme="dark"] .dark-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
.focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
.group:hover .group-hover-translate-x-10 { transform: translateX(10rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-10 { transform: translateX(10rem); }
.translate-y-10 { transform: translateY(10rem); }
html[data-theme="dark"] .dark-translate-y-10 { transform: translateY(10rem); }
.hover-translate-y-10:hover { transform: translateY(10rem); }
html[data-theme="dark"] .dark-hover-translate-y-10:hover { transform: translateY(10rem); }
.focus-translate-y-10:focus { transform: translateY(10rem); }
html[data-theme="dark"] .dark-focus-translate-y-10:focus { transform: translateY(10rem); }
.active-translate-y-10:active { transform: translateY(10rem); }
html[data-theme="dark"] .dark-active-translate-y-10:active { transform: translateY(10rem); }
.disabled-translate-y-10:disabled { transform: translateY(10rem); }
html[data-theme="dark"] .dark-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
.focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
.group:hover .group-hover-translate-y-10 { transform: translateY(10rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-10 { transform: translateY(10rem); }
.translate-x-12 { transform: translateX(12rem); }
html[data-theme="dark"] .dark-translate-x-12 { transform: translateX(12rem); }
.hover-translate-x-12:hover { transform: translateX(12rem); }
html[data-theme="dark"] .dark-hover-translate-x-12:hover { transform: translateX(12rem); }
.focus-translate-x-12:focus { transform: translateX(12rem); }
html[data-theme="dark"] .dark-focus-translate-x-12:focus { transform: translateX(12rem); }
.active-translate-x-12:active { transform: translateX(12rem); }
html[data-theme="dark"] .dark-active-translate-x-12:active { transform: translateX(12rem); }
.disabled-translate-x-12:disabled { transform: translateX(12rem); }
html[data-theme="dark"] .dark-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
.focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
.group:hover .group-hover-translate-x-12 { transform: translateX(12rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-12 { transform: translateX(12rem); }
.translate-y-12 { transform: translateY(12rem); }
html[data-theme="dark"] .dark-translate-y-12 { transform: translateY(12rem); }
.hover-translate-y-12:hover { transform: translateY(12rem); }
html[data-theme="dark"] .dark-hover-translate-y-12:hover { transform: translateY(12rem); }
.focus-translate-y-12:focus { transform: translateY(12rem); }
html[data-theme="dark"] .dark-focus-translate-y-12:focus { transform: translateY(12rem); }
.active-translate-y-12:active { transform: translateY(12rem); }
html[data-theme="dark"] .dark-active-translate-y-12:active { transform: translateY(12rem); }
.disabled-translate-y-12:disabled { transform: translateY(12rem); }
html[data-theme="dark"] .dark-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
.focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
.group:hover .group-hover-translate-y-12 { transform: translateY(12rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-12 { transform: translateY(12rem); }
.translate-x-16 { transform: translateX(16rem); }
html[data-theme="dark"] .dark-translate-x-16 { transform: translateX(16rem); }
.hover-translate-x-16:hover { transform: translateX(16rem); }
html[data-theme="dark"] .dark-hover-translate-x-16:hover { transform: translateX(16rem); }
.focus-translate-x-16:focus { transform: translateX(16rem); }
html[data-theme="dark"] .dark-focus-translate-x-16:focus { transform: translateX(16rem); }
.active-translate-x-16:active { transform: translateX(16rem); }
html[data-theme="dark"] .dark-active-translate-x-16:active { transform: translateX(16rem); }
.disabled-translate-x-16:disabled { transform: translateX(16rem); }
html[data-theme="dark"] .dark-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
.focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
.group:hover .group-hover-translate-x-16 { transform: translateX(16rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-16 { transform: translateX(16rem); }
.translate-y-16 { transform: translateY(16rem); }
html[data-theme="dark"] .dark-translate-y-16 { transform: translateY(16rem); }
.hover-translate-y-16:hover { transform: translateY(16rem); }
html[data-theme="dark"] .dark-hover-translate-y-16:hover { transform: translateY(16rem); }
.focus-translate-y-16:focus { transform: translateY(16rem); }
html[data-theme="dark"] .dark-focus-translate-y-16:focus { transform: translateY(16rem); }
.active-translate-y-16:active { transform: translateY(16rem); }
html[data-theme="dark"] .dark-active-translate-y-16:active { transform: translateY(16rem); }
.disabled-translate-y-16:disabled { transform: translateY(16rem); }
html[data-theme="dark"] .dark-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
.focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
.group:hover .group-hover-translate-y-16 { transform: translateY(16rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-16 { transform: translateY(16rem); }
.translate-x-20 { transform: translateX(20rem); }
html[data-theme="dark"] .dark-translate-x-20 { transform: translateX(20rem); }
.hover-translate-x-20:hover { transform: translateX(20rem); }
html[data-theme="dark"] .dark-hover-translate-x-20:hover { transform: translateX(20rem); }
.focus-translate-x-20:focus { transform: translateX(20rem); }
html[data-theme="dark"] .dark-focus-translate-x-20:focus { transform: translateX(20rem); }
.active-translate-x-20:active { transform: translateX(20rem); }
html[data-theme="dark"] .dark-active-translate-x-20:active { transform: translateX(20rem); }
.disabled-translate-x-20:disabled { transform: translateX(20rem); }
html[data-theme="dark"] .dark-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
.focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
.group:hover .group-hover-translate-x-20 { transform: translateX(20rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-20 { transform: translateX(20rem); }
.translate-y-20 { transform: translateY(20rem); }
html[data-theme="dark"] .dark-translate-y-20 { transform: translateY(20rem); }
.hover-translate-y-20:hover { transform: translateY(20rem); }
html[data-theme="dark"] .dark-hover-translate-y-20:hover { transform: translateY(20rem); }
.focus-translate-y-20:focus { transform: translateY(20rem); }
html[data-theme="dark"] .dark-focus-translate-y-20:focus { transform: translateY(20rem); }
.active-translate-y-20:active { transform: translateY(20rem); }
html[data-theme="dark"] .dark-active-translate-y-20:active { transform: translateY(20rem); }
.disabled-translate-y-20:disabled { transform: translateY(20rem); }
html[data-theme="dark"] .dark-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
.focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
.group:hover .group-hover-translate-y-20 { transform: translateY(20rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-20 { transform: translateY(20rem); }
.translate-x-24 { transform: translateX(24rem); }
html[data-theme="dark"] .dark-translate-x-24 { transform: translateX(24rem); }
.hover-translate-x-24:hover { transform: translateX(24rem); }
html[data-theme="dark"] .dark-hover-translate-x-24:hover { transform: translateX(24rem); }
.focus-translate-x-24:focus { transform: translateX(24rem); }
html[data-theme="dark"] .dark-focus-translate-x-24:focus { transform: translateX(24rem); }
.active-translate-x-24:active { transform: translateX(24rem); }
html[data-theme="dark"] .dark-active-translate-x-24:active { transform: translateX(24rem); }
.disabled-translate-x-24:disabled { transform: translateX(24rem); }
html[data-theme="dark"] .dark-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
.focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
.group:hover .group-hover-translate-x-24 { transform: translateX(24rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-24 { transform: translateX(24rem); }
.translate-y-24 { transform: translateY(24rem); }
html[data-theme="dark"] .dark-translate-y-24 { transform: translateY(24rem); }
.hover-translate-y-24:hover { transform: translateY(24rem); }
html[data-theme="dark"] .dark-hover-translate-y-24:hover { transform: translateY(24rem); }
.focus-translate-y-24:focus { transform: translateY(24rem); }
html[data-theme="dark"] .dark-focus-translate-y-24:focus { transform: translateY(24rem); }
.active-translate-y-24:active { transform: translateY(24rem); }
html[data-theme="dark"] .dark-active-translate-y-24:active { transform: translateY(24rem); }
.disabled-translate-y-24:disabled { transform: translateY(24rem); }
html[data-theme="dark"] .dark-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
.focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
.group:hover .group-hover-translate-y-24 { transform: translateY(24rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-24 { transform: translateY(24rem); }
.translate-x-32 { transform: translateX(32rem); }
html[data-theme="dark"] .dark-translate-x-32 { transform: translateX(32rem); }
.hover-translate-x-32:hover { transform: translateX(32rem); }
html[data-theme="dark"] .dark-hover-translate-x-32:hover { transform: translateX(32rem); }
.focus-translate-x-32:focus { transform: translateX(32rem); }
html[data-theme="dark"] .dark-focus-translate-x-32:focus { transform: translateX(32rem); }
.active-translate-x-32:active { transform: translateX(32rem); }
html[data-theme="dark"] .dark-active-translate-x-32:active { transform: translateX(32rem); }
.disabled-translate-x-32:disabled { transform: translateX(32rem); }
html[data-theme="dark"] .dark-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
.focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
.group:hover .group-hover-translate-x-32 { transform: translateX(32rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-32 { transform: translateX(32rem); }
.translate-y-32 { transform: translateY(32rem); }
html[data-theme="dark"] .dark-translate-y-32 { transform: translateY(32rem); }
.hover-translate-y-32:hover { transform: translateY(32rem); }
html[data-theme="dark"] .dark-hover-translate-y-32:hover { transform: translateY(32rem); }
.focus-translate-y-32:focus { transform: translateY(32rem); }
html[data-theme="dark"] .dark-focus-translate-y-32:focus { transform: translateY(32rem); }
.active-translate-y-32:active { transform: translateY(32rem); }
html[data-theme="dark"] .dark-active-translate-y-32:active { transform: translateY(32rem); }
.disabled-translate-y-32:disabled { transform: translateY(32rem); }
html[data-theme="dark"] .dark-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
.focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
.group:hover .group-hover-translate-y-32 { transform: translateY(32rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-32 { transform: translateY(32rem); }
.scale-0 { transform: scale(0.0); }
html[data-theme="dark"] .dark-scale-0 { transform: scale(0.0); }
.hover-scale-0:hover { transform: scale(0.0); }
html[data-theme="dark"] .dark-hover-scale-0:hover { transform: scale(0.0); }
.focus-scale-0:focus { transform: scale(0.0); }
html[data-theme="dark"] .dark-focus-scale-0:focus { transform: scale(0.0); }
.active-scale-0:active { transform: scale(0.0); }
html[data-theme="dark"] .dark-active-scale-0:active { transform: scale(0.0); }
.disabled-scale-0:disabled { transform: scale(0.0); }
html[data-theme="dark"] .dark-disabled-scale-0:disabled { transform: scale(0.0); }
.focus-visible-scale-0:focus-visible { transform: scale(0.0); }
html[data-theme="dark"] .dark-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
.focus-within-scale-0:focus-within { transform: scale(0.0); }
html[data-theme="dark"] .dark-focus-within-scale-0:focus-within { transform: scale(0.0); }
.group:hover .group-hover-scale-0 { transform: scale(0.0); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-0 { transform: scale(0.0); }
.scale-50 { transform: scale(0.5); }
html[data-theme="dark"] .dark-scale-50 { transform: scale(0.5); }
.hover-scale-50:hover { transform: scale(0.5); }
html[data-theme="dark"] .dark-hover-scale-50:hover { transform: scale(0.5); }
.focus-scale-50:focus { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-scale-50:focus { transform: scale(0.5); }
.active-scale-50:active { transform: scale(0.5); }
html[data-theme="dark"] .dark-active-scale-50:active { transform: scale(0.5); }
.disabled-scale-50:disabled { transform: scale(0.5); }
html[data-theme="dark"] .dark-disabled-scale-50:disabled { transform: scale(0.5); }
.focus-visible-scale-50:focus-visible { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
.focus-within-scale-50:focus-within { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-within-scale-50:focus-within { transform: scale(0.5); }
.group:hover .group-hover-scale-50 { transform: scale(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
html[data-theme="dark"] .dark-scale-75 { transform: scale(0.75); }
.hover-scale-75:hover { transform: scale(0.75); }
html[data-theme="dark"] .dark-hover-scale-75:hover { transform: scale(0.75); }
.focus-scale-75:focus { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-scale-75:focus { transform: scale(0.75); }
.active-scale-75:active { transform: scale(0.75); }
html[data-theme="dark"] .dark-active-scale-75:active { transform: scale(0.75); }
.disabled-scale-75:disabled { transform: scale(0.75); }
html[data-theme="dark"] .dark-disabled-scale-75:disabled { transform: scale(0.75); }
.focus-visible-scale-75:focus-visible { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
.focus-within-scale-75:focus-within { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-within-scale-75:focus-within { transform: scale(0.75); }
.group:hover .group-hover-scale-75 { transform: scale(0.75); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
html[data-theme="dark"] .dark-scale-90 { transform: scale(0.9); }
.hover-scale-90:hover { transform: scale(0.9); }
html[data-theme="dark"] .dark-hover-scale-90:hover { transform: scale(0.9); }
.focus-scale-90:focus { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-scale-90:focus { transform: scale(0.9); }
.active-scale-90:active { transform: scale(0.9); }
html[data-theme="dark"] .dark-active-scale-90:active { transform: scale(0.9); }
.disabled-scale-90:disabled { transform: scale(0.9); }
html[data-theme="dark"] .dark-disabled-scale-90:disabled { transform: scale(0.9); }
.focus-visible-scale-90:focus-visible { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
.focus-within-scale-90:focus-within { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-within-scale-90:focus-within { transform: scale(0.9); }
.group:hover .group-hover-scale-90 { transform: scale(0.9); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
html[data-theme="dark"] .dark-scale-95 { transform: scale(0.95); }
.hover-scale-95:hover { transform: scale(0.95); }
html[data-theme="dark"] .dark-hover-scale-95:hover { transform: scale(0.95); }
.focus-scale-95:focus { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-scale-95:focus { transform: scale(0.95); }
.active-scale-95:active { transform: scale(0.95); }
html[data-theme="dark"] .dark-active-scale-95:active { transform: scale(0.95); }
.disabled-scale-95:disabled { transform: scale(0.95); }
html[data-theme="dark"] .dark-disabled-scale-95:disabled { transform: scale(0.95); }
.focus-visible-scale-95:focus-visible { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
.focus-within-scale-95:focus-within { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-within-scale-95:focus-within { transform: scale(0.95); }
.group:hover .group-hover-scale-95 { transform: scale(0.95); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
html[data-theme="dark"] .dark-scale-100 { transform: scale(1.0); }
.hover-scale-100:hover { transform: scale(1.0); }
html[data-theme="dark"] .dark-hover-scale-100:hover { transform: scale(1.0); }
.focus-scale-100:focus { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-scale-100:focus { transform: scale(1.0); }
.active-scale-100:active { transform: scale(1.0); }
html[data-theme="dark"] .dark-active-scale-100:active { transform: scale(1.0); }
.disabled-scale-100:disabled { transform: scale(1.0); }
html[data-theme="dark"] .dark-disabled-scale-100:disabled { transform: scale(1.0); }
.focus-visible-scale-100:focus-visible { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
.focus-within-scale-100:focus-within { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-within-scale-100:focus-within { transform: scale(1.0); }
.group:hover .group-hover-scale-100 { transform: scale(1.0); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
html[data-theme="dark"] .dark-scale-105 { transform: scale(1.05); }
.hover-scale-105:hover { transform: scale(1.05); }
html[data-theme="dark"] .dark-hover-scale-105:hover { transform: scale(1.05); }
.focus-scale-105:focus { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-scale-105:focus { transform: scale(1.05); }
.active-scale-105:active { transform: scale(1.05); }
html[data-theme="dark"] .dark-active-scale-105:active { transform: scale(1.05); }
.disabled-scale-105:disabled { transform: scale(1.05); }
html[data-theme="dark"] .dark-disabled-scale-105:disabled { transform: scale(1.05); }
.focus-visible-scale-105:focus-visible { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
.focus-within-scale-105:focus-within { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-within-scale-105:focus-within { transform: scale(1.05); }
.group:hover .group-hover-scale-105 { transform: scale(1.05); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
html[data-theme="dark"] .dark-scale-110 { transform: scale(1.1); }
.hover-scale-110:hover { transform: scale(1.1); }
html[data-theme="dark"] .dark-hover-scale-110:hover { transform: scale(1.1); }
.focus-scale-110:focus { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-scale-110:focus { transform: scale(1.1); }
.active-scale-110:active { transform: scale(1.1); }
html[data-theme="dark"] .dark-active-scale-110:active { transform: scale(1.1); }
.disabled-scale-110:disabled { transform: scale(1.1); }
html[data-theme="dark"] .dark-disabled-scale-110:disabled { transform: scale(1.1); }
.focus-visible-scale-110:focus-visible { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
.focus-within-scale-110:focus-within { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-within-scale-110:focus-within { transform: scale(1.1); }
.group:hover .group-hover-scale-110 { transform: scale(1.1); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
html[data-theme="dark"] .dark-scale-125 { transform: scale(1.25); }
.hover-scale-125:hover { transform: scale(1.25); }
html[data-theme="dark"] .dark-hover-scale-125:hover { transform: scale(1.25); }
.focus-scale-125:focus { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-scale-125:focus { transform: scale(1.25); }
.active-scale-125:active { transform: scale(1.25); }
html[data-theme="dark"] .dark-active-scale-125:active { transform: scale(1.25); }
.disabled-scale-125:disabled { transform: scale(1.25); }
html[data-theme="dark"] .dark-disabled-scale-125:disabled { transform: scale(1.25); }
.focus-visible-scale-125:focus-visible { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
.focus-within-scale-125:focus-within { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-within-scale-125:focus-within { transform: scale(1.25); }
.group:hover .group-hover-scale-125 { transform: scale(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
html[data-theme="dark"] .dark-scale-150 { transform: scale(1.5); }
.hover-scale-150:hover { transform: scale(1.5); }
html[data-theme="dark"] .dark-hover-scale-150:hover { transform: scale(1.5); }
.focus-scale-150:focus { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-scale-150:focus { transform: scale(1.5); }
.active-scale-150:active { transform: scale(1.5); }
html[data-theme="dark"] .dark-active-scale-150:active { transform: scale(1.5); }
.disabled-scale-150:disabled { transform: scale(1.5); }
html[data-theme="dark"] .dark-disabled-scale-150:disabled { transform: scale(1.5); }
.focus-visible-scale-150:focus-visible { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
.focus-within-scale-150:focus-within { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-within-scale-150:focus-within { transform: scale(1.5); }
.group:hover .group-hover-scale-150 { transform: scale(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-150 { transform: scale(1.5); }
.rotate--180 { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-rotate--180 { transform: rotate(-180deg); }
.hover-rotate--180:hover { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-hover-rotate--180:hover { transform: rotate(-180deg); }
.focus-rotate--180:focus { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-rotate--180:focus { transform: rotate(-180deg); }
.active-rotate--180:active { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-active-rotate--180:active { transform: rotate(-180deg); }
.disabled-rotate--180:disabled { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
.focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
.group:hover .group-hover-rotate--180 { transform: rotate(-180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate--180 { transform: rotate(-180deg); }
.rotate--90 { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-rotate--90 { transform: rotate(-90deg); }
.hover-rotate--90:hover { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-hover-rotate--90:hover { transform: rotate(-90deg); }
.focus-rotate--90:focus { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-rotate--90:focus { transform: rotate(-90deg); }
.active-rotate--90:active { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-active-rotate--90:active { transform: rotate(-90deg); }
.disabled-rotate--90:disabled { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
.focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
.group:hover .group-hover-rotate--90 { transform: rotate(-90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate--90 { transform: rotate(-90deg); }
.rotate--45 { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-rotate--45 { transform: rotate(-45deg); }
.hover-rotate--45:hover { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-hover-rotate--45:hover { transform: rotate(-45deg); }
.focus-rotate--45:focus { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-rotate--45:focus { transform: rotate(-45deg); }
.active-rotate--45:active { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-active-rotate--45:active { transform: rotate(-45deg); }
.disabled-rotate--45:disabled { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
.focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
.group:hover .group-hover-rotate--45 { transform: rotate(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate--45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
html[data-theme="dark"] .dark-rotate-0 { transform: rotate(0deg); }
.hover-rotate-0:hover { transform: rotate(0deg); }
html[data-theme="dark"] .dark-hover-rotate-0:hover { transform: rotate(0deg); }
.focus-rotate-0:focus { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-rotate-0:focus { transform: rotate(0deg); }
.active-rotate-0:active { transform: rotate(0deg); }
html[data-theme="dark"] .dark-active-rotate-0:active { transform: rotate(0deg); }
.disabled-rotate-0:disabled { transform: rotate(0deg); }
html[data-theme="dark"] .dark-disabled-rotate-0:disabled { transform: rotate(0deg); }
.focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
.focus-within-rotate-0:focus-within { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { transform: rotate(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
html[data-theme="dark"] .dark-rotate-45 { transform: rotate(45deg); }
.hover-rotate-45:hover { transform: rotate(45deg); }
html[data-theme="dark"] .dark-hover-rotate-45:hover { transform: rotate(45deg); }
.focus-rotate-45:focus { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-rotate-45:focus { transform: rotate(45deg); }
.active-rotate-45:active { transform: rotate(45deg); }
html[data-theme="dark"] .dark-active-rotate-45:active { transform: rotate(45deg); }
.disabled-rotate-45:disabled { transform: rotate(45deg); }
html[data-theme="dark"] .dark-disabled-rotate-45:disabled { transform: rotate(45deg); }
.focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
.focus-within-rotate-45:focus-within { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { transform: rotate(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
html[data-theme="dark"] .dark-rotate-90 { transform: rotate(90deg); }
.hover-rotate-90:hover { transform: rotate(90deg); }
html[data-theme="dark"] .dark-hover-rotate-90:hover { transform: rotate(90deg); }
.focus-rotate-90:focus { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-rotate-90:focus { transform: rotate(90deg); }
.active-rotate-90:active { transform: rotate(90deg); }
html[data-theme="dark"] .dark-active-rotate-90:active { transform: rotate(90deg); }
.disabled-rotate-90:disabled { transform: rotate(90deg); }
html[data-theme="dark"] .dark-disabled-rotate-90:disabled { transform: rotate(90deg); }
.focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
.focus-within-rotate-90:focus-within { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { transform: rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
html[data-theme="dark"] .dark-rotate-180 { transform: rotate(180deg); }
.hover-rotate-180:hover { transform: rotate(180deg); }
html[data-theme="dark"] .dark-hover-rotate-180:hover { transform: rotate(180deg); }
.focus-rotate-180:focus { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-rotate-180:focus { transform: rotate(180deg); }
.active-rotate-180:active { transform: rotate(180deg); }
html[data-theme="dark"] .dark-active-rotate-180:active { transform: rotate(180deg); }
.disabled-rotate-180:disabled { transform: rotate(180deg); }
html[data-theme="dark"] .dark-disabled-rotate-180:disabled { transform: rotate(180deg); }
.focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
.focus-within-rotate-180:focus-within { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { transform: rotate(180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-180 { transform: rotate(180deg); }
.skew-x--45 { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-skew-x--45 { transform: skewX(-45deg); }
.hover-skew-x--45:hover { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-hover-skew-x--45:hover { transform: skewX(-45deg); }
.focus-skew-x--45:focus { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-skew-x--45:focus { transform: skewX(-45deg); }
.active-skew-x--45:active { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-active-skew-x--45:active { transform: skewX(-45deg); }
.disabled-skew-x--45:disabled { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
.focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
.group:hover .group-hover-skew-x--45 { transform: skewX(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x--45 { transform: skewX(-45deg); }
.skew-y--45 { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-skew-y--45 { transform: skewY(-45deg); }
.hover-skew-y--45:hover { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-hover-skew-y--45:hover { transform: skewY(-45deg); }
.focus-skew-y--45:focus { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-skew-y--45:focus { transform: skewY(-45deg); }
.active-skew-y--45:active { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-active-skew-y--45:active { transform: skewY(-45deg); }
.disabled-skew-y--45:disabled { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
.focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
.group:hover .group-hover-skew-y--45 { transform: skewY(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y--45 { transform: skewY(-45deg); }
.skew-x--30 { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-skew-x--30 { transform: skewX(-30deg); }
.hover-skew-x--30:hover { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-hover-skew-x--30:hover { transform: skewX(-30deg); }
.focus-skew-x--30:focus { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-skew-x--30:focus { transform: skewX(-30deg); }
.active-skew-x--30:active { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-active-skew-x--30:active { transform: skewX(-30deg); }
.disabled-skew-x--30:disabled { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
.focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
.group:hover .group-hover-skew-x--30 { transform: skewX(-30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x--30 { transform: skewX(-30deg); }
.skew-y--30 { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-skew-y--30 { transform: skewY(-30deg); }
.hover-skew-y--30:hover { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-hover-skew-y--30:hover { transform: skewY(-30deg); }
.focus-skew-y--30:focus { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-skew-y--30:focus { transform: skewY(-30deg); }
.active-skew-y--30:active { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-active-skew-y--30:active { transform: skewY(-30deg); }
.disabled-skew-y--30:disabled { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
.focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
.group:hover .group-hover-skew-y--30 { transform: skewY(-30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y--30 { transform: skewY(-30deg); }
.skew-x--15 { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-skew-x--15 { transform: skewX(-15deg); }
.hover-skew-x--15:hover { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-hover-skew-x--15:hover { transform: skewX(-15deg); }
.focus-skew-x--15:focus { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-skew-x--15:focus { transform: skewX(-15deg); }
.active-skew-x--15:active { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-active-skew-x--15:active { transform: skewX(-15deg); }
.disabled-skew-x--15:disabled { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
.focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
.group:hover .group-hover-skew-x--15 { transform: skewX(-15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x--15 { transform: skewX(-15deg); }
.skew-y--15 { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-skew-y--15 { transform: skewY(-15deg); }
.hover-skew-y--15:hover { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-hover-skew-y--15:hover { transform: skewY(-15deg); }
.focus-skew-y--15:focus { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-skew-y--15:focus { transform: skewY(-15deg); }
.active-skew-y--15:active { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-active-skew-y--15:active { transform: skewY(-15deg); }
.disabled-skew-y--15:disabled { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
.focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
.group:hover .group-hover-skew-y--15 { transform: skewY(-15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y--15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
html[data-theme="dark"] .dark-skew-x-0 { transform: skewX(0deg); }
.hover-skew-x-0:hover { transform: skewX(0deg); }
html[data-theme="dark"] .dark-hover-skew-x-0:hover { transform: skewX(0deg); }
.focus-skew-x-0:focus { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-skew-x-0:focus { transform: skewX(0deg); }
.active-skew-x-0:active { transform: skewX(0deg); }
html[data-theme="dark"] .dark-active-skew-x-0:active { transform: skewX(0deg); }
.disabled-skew-x-0:disabled { transform: skewX(0deg); }
html[data-theme="dark"] .dark-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
.focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
.group:hover .group-hover-skew-x-0 { transform: skewX(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
html[data-theme="dark"] .dark-skew-y-0 { transform: skewY(0deg); }
.hover-skew-y-0:hover { transform: skewY(0deg); }
html[data-theme="dark"] .dark-hover-skew-y-0:hover { transform: skewY(0deg); }
.focus-skew-y-0:focus { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-skew-y-0:focus { transform: skewY(0deg); }
.active-skew-y-0:active { transform: skewY(0deg); }
html[data-theme="dark"] .dark-active-skew-y-0:active { transform: skewY(0deg); }
.disabled-skew-y-0:disabled { transform: skewY(0deg); }
html[data-theme="dark"] .dark-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
.focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
.group:hover .group-hover-skew-y-0 { transform: skewY(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
html[data-theme="dark"] .dark-skew-x-15 { transform: skewX(15deg); }
.hover-skew-x-15:hover { transform: skewX(15deg); }
html[data-theme="dark"] .dark-hover-skew-x-15:hover { transform: skewX(15deg); }
.focus-skew-x-15:focus { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-skew-x-15:focus { transform: skewX(15deg); }
.active-skew-x-15:active { transform: skewX(15deg); }
html[data-theme="dark"] .dark-active-skew-x-15:active { transform: skewX(15deg); }
.disabled-skew-x-15:disabled { transform: skewX(15deg); }
html[data-theme="dark"] .dark-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
.focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
.group:hover .group-hover-skew-x-15 { transform: skewX(15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
html[data-theme="dark"] .dark-skew-y-15 { transform: skewY(15deg); }
.hover-skew-y-15:hover { transform: skewY(15deg); }
html[data-theme="dark"] .dark-hover-skew-y-15:hover { transform: skewY(15deg); }
.focus-skew-y-15:focus { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-skew-y-15:focus { transform: skewY(15deg); }
.active-skew-y-15:active { transform: skewY(15deg); }
html[data-theme="dark"] .dark-active-skew-y-15:active { transform: skewY(15deg); }
.disabled-skew-y-15:disabled { transform: skewY(15deg); }
html[data-theme="dark"] .dark-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
.focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
.group:hover .group-hover-skew-y-15 { transform: skewY(15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
html[data-theme="dark"] .dark-skew-x-30 { transform: skewX(30deg); }
.hover-skew-x-30:hover { transform: skewX(30deg); }
html[data-theme="dark"] .dark-hover-skew-x-30:hover { transform: skewX(30deg); }
.focus-skew-x-30:focus { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-skew-x-30:focus { transform: skewX(30deg); }
.active-skew-x-30:active { transform: skewX(30deg); }
html[data-theme="dark"] .dark-active-skew-x-30:active { transform: skewX(30deg); }
.disabled-skew-x-30:disabled { transform: skewX(30deg); }
html[data-theme="dark"] .dark-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
.focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
.group:hover .group-hover-skew-x-30 { transform: skewX(30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
html[data-theme="dark"] .dark-skew-y-30 { transform: skewY(30deg); }
.hover-skew-y-30:hover { transform: skewY(30deg); }
html[data-theme="dark"] .dark-hover-skew-y-30:hover { transform: skewY(30deg); }
.focus-skew-y-30:focus { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-skew-y-30:focus { transform: skewY(30deg); }
.active-skew-y-30:active { transform: skewY(30deg); }
html[data-theme="dark"] .dark-active-skew-y-30:active { transform: skewY(30deg); }
.disabled-skew-y-30:disabled { transform: skewY(30deg); }
html[data-theme="dark"] .dark-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
.focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
.group:hover .group-hover-skew-y-30 { transform: skewY(30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
html[data-theme="dark"] .dark-skew-x-45 { transform: skewX(45deg); }
.hover-skew-x-45:hover { transform: skewX(45deg); }
html[data-theme="dark"] .dark-hover-skew-x-45:hover { transform: skewX(45deg); }
.focus-skew-x-45:focus { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-skew-x-45:focus { transform: skewX(45deg); }
.active-skew-x-45:active { transform: skewX(45deg); }
html[data-theme="dark"] .dark-active-skew-x-45:active { transform: skewX(45deg); }
.disabled-skew-x-45:disabled { transform: skewX(45deg); }
html[data-theme="dark"] .dark-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
.focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
.group:hover .group-hover-skew-x-45 { transform: skewX(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
html[data-theme="dark"] .dark-skew-y-45 { transform: skewY(45deg); }
.hover-skew-y-45:hover { transform: skewY(45deg); }
html[data-theme="dark"] .dark-hover-skew-y-45:hover { transform: skewY(45deg); }
.focus-skew-y-45:focus { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-skew-y-45:focus { transform: skewY(45deg); }
.active-skew-y-45:active { transform: skewY(45deg); }
html[data-theme="dark"] .dark-active-skew-y-45:active { transform: skewY(45deg); }
.disabled-skew-y-45:disabled { transform: skewY(45deg); }
html[data-theme="dark"] .dark-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
.focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
.group:hover .group-hover-skew-y-45 { transform: skewY(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-45 { transform: skewY(45deg); }
.duration-75 { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-duration-75 { animation-duration: 0.075s !important; }
.hover-duration-75:hover { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-hover-duration-75:hover { animation-duration: 0.075s !important; }
.focus-duration-75:focus { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-focus-duration-75:focus { animation-duration: 0.075s !important; }
.active-duration-75:active { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-active-duration-75:active { animation-duration: 0.075s !important; }
.disabled-duration-75:disabled { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
.focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
.focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
html[data-theme="dark"] .dark-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
.group:hover .group-hover-duration-75 { animation-duration: 0.075s !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-75 { animation-duration: 0.075s !important; }
.duration-100 { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-duration-100 { animation-duration: 0.1s   !important; }
.hover-duration-100:hover { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-hover-duration-100:hover { animation-duration: 0.1s   !important; }
.focus-duration-100:focus { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-focus-duration-100:focus { animation-duration: 0.1s   !important; }
.active-duration-100:active { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-active-duration-100:active { animation-duration: 0.1s   !important; }
.disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
.focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
.focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
.group:hover .group-hover-duration-100 { animation-duration: 0.1s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-100 { animation-duration: 0.1s   !important; }
.duration-150 { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-duration-150 { animation-duration: 0.15s  !important; }
.hover-duration-150:hover { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-hover-duration-150:hover { animation-duration: 0.15s  !important; }
.focus-duration-150:focus { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-focus-duration-150:focus { animation-duration: 0.15s  !important; }
.active-duration-150:active { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-active-duration-150:active { animation-duration: 0.15s  !important; }
.disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
.focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
.focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .dark-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
.group:hover .group-hover-duration-150 { animation-duration: 0.15s  !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-150 { animation-duration: 0.15s  !important; }
.duration-200 { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-duration-200 { animation-duration: 0.2s   !important; }
.hover-duration-200:hover { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-hover-duration-200:hover { animation-duration: 0.2s   !important; }
.focus-duration-200:focus { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-focus-duration-200:focus { animation-duration: 0.2s   !important; }
.active-duration-200:active { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-active-duration-200:active { animation-duration: 0.2s   !important; }
.disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
.focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
.focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
.group:hover .group-hover-duration-200 { animation-duration: 0.2s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-200 { animation-duration: 0.2s   !important; }
.duration-300 { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-duration-300 { animation-duration: 0.3s   !important; }
.hover-duration-300:hover { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-hover-duration-300:hover { animation-duration: 0.3s   !important; }
.focus-duration-300:focus { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-focus-duration-300:focus { animation-duration: 0.3s   !important; }
.active-duration-300:active { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-active-duration-300:active { animation-duration: 0.3s   !important; }
.disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
.focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
.focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
.group:hover .group-hover-duration-300 { animation-duration: 0.3s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-300 { animation-duration: 0.3s   !important; }
.duration-500 { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-duration-500 { animation-duration: 0.5s   !important; }
.hover-duration-500:hover { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-hover-duration-500:hover { animation-duration: 0.5s   !important; }
.focus-duration-500:focus { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-focus-duration-500:focus { animation-duration: 0.5s   !important; }
.active-duration-500:active { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-active-duration-500:active { animation-duration: 0.5s   !important; }
.disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
.focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
.focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
.group:hover .group-hover-duration-500 { animation-duration: 0.5s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-500 { animation-duration: 0.5s   !important; }
.duration-700 { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-duration-700 { animation-duration: 0.7s   !important; }
.hover-duration-700:hover { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-hover-duration-700:hover { animation-duration: 0.7s   !important; }
.focus-duration-700:focus { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-focus-duration-700:focus { animation-duration: 0.7s   !important; }
.active-duration-700:active { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-active-duration-700:active { animation-duration: 0.7s   !important; }
.disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
.focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
.focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
.group:hover .group-hover-duration-700 { animation-duration: 0.7s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-700 { animation-duration: 0.7s   !important; }
.duration-1000 { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-duration-1000 { animation-duration: 1s     !important; }
.hover-duration-1000:hover { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-hover-duration-1000:hover { animation-duration: 1s     !important; }
.focus-duration-1000:focus { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-focus-duration-1000:focus { animation-duration: 1s     !important; }
.active-duration-1000:active { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-active-duration-1000:active { animation-duration: 1s     !important; }
.disabled-duration-1000:disabled { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
.focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
.focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
html[data-theme="dark"] .dark-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
.group:hover .group-hover-duration-1000 { animation-duration: 1s     !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-1000 { animation-duration: 1s     !important; }
.duration-1500 { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-duration-1500 { animation-duration: 1.5s   !important; }
.hover-duration-1500:hover { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
.focus-duration-1500:focus { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
.active-duration-1500:active { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-active-duration-1500:active { animation-duration: 1.5s   !important; }
.disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
.focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
.focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .dark-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
.group:hover .group-hover-duration-1500 { animation-duration: 1.5s   !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
.duration-2000 { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-duration-2000 { animation-duration: 2s     !important; }
.hover-duration-2000:hover { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-hover-duration-2000:hover { animation-duration: 2s     !important; }
.focus-duration-2000:focus { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-focus-duration-2000:focus { animation-duration: 2s     !important; }
.active-duration-2000:active { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-active-duration-2000:active { animation-duration: 2s     !important; }
.disabled-duration-2000:disabled { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
.focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
.focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
html[data-theme="dark"] .dark-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
.group:hover .group-hover-duration-2000 { animation-duration: 2s     !important; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-2000 { animation-duration: 2s     !important; }
.blur-none { filter: blur(0); }
html[data-theme="dark"] .dark-blur-none { filter: blur(0); }
.hover-blur-none:hover { filter: blur(0); }
html[data-theme="dark"] .dark-hover-blur-none:hover { filter: blur(0); }
.focus-blur-none:focus { filter: blur(0); }
html[data-theme="dark"] .dark-focus-blur-none:focus { filter: blur(0); }
.active-blur-none:active { filter: blur(0); }
html[data-theme="dark"] .dark-active-blur-none:active { filter: blur(0); }
.disabled-blur-none:disabled { filter: blur(0); }
html[data-theme="dark"] .dark-disabled-blur-none:disabled { filter: blur(0); }
.focus-visible-blur-none:focus-visible { filter: blur(0); }
html[data-theme="dark"] .dark-focus-visible-blur-none:focus-visible { filter: blur(0); }
.focus-within-blur-none:focus-within { filter: blur(0); }
html[data-theme="dark"] .dark-focus-within-blur-none:focus-within { filter: blur(0); }
.group:hover .group-hover-blur-none { filter: blur(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-none { filter: blur(0); }
.blur-sm { filter: blur(2px); }
html[data-theme="dark"] .dark-blur-sm { filter: blur(2px); }
.hover-blur-sm:hover { filter: blur(2px); }
html[data-theme="dark"] .dark-hover-blur-sm:hover { filter: blur(2px); }
.focus-blur-sm:focus { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-blur-sm:focus { filter: blur(2px); }
.active-blur-sm:active { filter: blur(2px); }
html[data-theme="dark"] .dark-active-blur-sm:active { filter: blur(2px); }
.disabled-blur-sm:disabled { filter: blur(2px); }
html[data-theme="dark"] .dark-disabled-blur-sm:disabled { filter: blur(2px); }
.focus-visible-blur-sm:focus-visible { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
.focus-within-blur-sm:focus-within { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-within-blur-sm:focus-within { filter: blur(2px); }
.group:hover .group-hover-blur-sm { filter: blur(2px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-sm { filter: blur(2px); }
.blur { filter: blur(4px); }
html[data-theme="dark"] .dark-blur { filter: blur(4px); }
.hover-blur:hover { filter: blur(4px); }
html[data-theme="dark"] .dark-hover-blur:hover { filter: blur(4px); }
.focus-blur:focus { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-blur:focus { filter: blur(4px); }
.active-blur:active { filter: blur(4px); }
html[data-theme="dark"] .dark-active-blur:active { filter: blur(4px); }
.disabled-blur:disabled { filter: blur(4px); }
html[data-theme="dark"] .dark-disabled-blur:disabled { filter: blur(4px); }
.focus-visible-blur:focus-visible { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-visible-blur:focus-visible { filter: blur(4px); }
.focus-within-blur:focus-within { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-within-blur:focus-within { filter: blur(4px); }
.group:hover .group-hover-blur { filter: blur(4px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur { filter: blur(4px); }
.blur-md { filter: blur(8px); }
html[data-theme="dark"] .dark-blur-md { filter: blur(8px); }
.hover-blur-md:hover { filter: blur(8px); }
html[data-theme="dark"] .dark-hover-blur-md:hover { filter: blur(8px); }
.focus-blur-md:focus { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-blur-md:focus { filter: blur(8px); }
.active-blur-md:active { filter: blur(8px); }
html[data-theme="dark"] .dark-active-blur-md:active { filter: blur(8px); }
.disabled-blur-md:disabled { filter: blur(8px); }
html[data-theme="dark"] .dark-disabled-blur-md:disabled { filter: blur(8px); }
.focus-visible-blur-md:focus-visible { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-visible-blur-md:focus-visible { filter: blur(8px); }
.focus-within-blur-md:focus-within { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-within-blur-md:focus-within { filter: blur(8px); }
.group:hover .group-hover-blur-md { filter: blur(8px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-md { filter: blur(8px); }
.blur-lg { filter: blur(12px); }
html[data-theme="dark"] .dark-blur-lg { filter: blur(12px); }
.hover-blur-lg:hover { filter: blur(12px); }
html[data-theme="dark"] .dark-hover-blur-lg:hover { filter: blur(12px); }
.focus-blur-lg:focus { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-blur-lg:focus { filter: blur(12px); }
.active-blur-lg:active { filter: blur(12px); }
html[data-theme="dark"] .dark-active-blur-lg:active { filter: blur(12px); }
.disabled-blur-lg:disabled { filter: blur(12px); }
html[data-theme="dark"] .dark-disabled-blur-lg:disabled { filter: blur(12px); }
.focus-visible-blur-lg:focus-visible { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
.focus-within-blur-lg:focus-within { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-within-blur-lg:focus-within { filter: blur(12px); }
.group:hover .group-hover-blur-lg { filter: blur(12px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-lg { filter: blur(12px); }
.blur-xl { filter: blur(20px); }
html[data-theme="dark"] .dark-blur-xl { filter: blur(20px); }
.hover-blur-xl:hover { filter: blur(20px); }
html[data-theme="dark"] .dark-hover-blur-xl:hover { filter: blur(20px); }
.focus-blur-xl:focus { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-blur-xl:focus { filter: blur(20px); }
.active-blur-xl:active { filter: blur(20px); }
html[data-theme="dark"] .dark-active-blur-xl:active { filter: blur(20px); }
.disabled-blur-xl:disabled { filter: blur(20px); }
html[data-theme="dark"] .dark-disabled-blur-xl:disabled { filter: blur(20px); }
.focus-visible-blur-xl:focus-visible { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
.focus-within-blur-xl:focus-within { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-within-blur-xl:focus-within { filter: blur(20px); }
.group:hover .group-hover-blur-xl { filter: blur(20px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-xl { filter: blur(20px); }
.brightness-0 { filter: brightness(0); }
html[data-theme="dark"] .dark-brightness-0 { filter: brightness(0); }
.hover-brightness-0:hover { filter: brightness(0); }
html[data-theme="dark"] .dark-hover-brightness-0:hover { filter: brightness(0); }
.focus-brightness-0:focus { filter: brightness(0); }
html[data-theme="dark"] .dark-focus-brightness-0:focus { filter: brightness(0); }
.active-brightness-0:active { filter: brightness(0); }
html[data-theme="dark"] .dark-active-brightness-0:active { filter: brightness(0); }
.disabled-brightness-0:disabled { filter: brightness(0); }
html[data-theme="dark"] .dark-disabled-brightness-0:disabled { filter: brightness(0); }
.focus-visible-brightness-0:focus-visible { filter: brightness(0); }
html[data-theme="dark"] .dark-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
.focus-within-brightness-0:focus-within { filter: brightness(0); }
html[data-theme="dark"] .dark-focus-within-brightness-0:focus-within { filter: brightness(0); }
.group:hover .group-hover-brightness-0 { filter: brightness(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-0 { filter: brightness(0); }
.brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .dark-brightness-50 { filter: brightness(0.5); }
.hover-brightness-50:hover { filter: brightness(0.5); }
html[data-theme="dark"] .dark-hover-brightness-50:hover { filter: brightness(0.5); }
.focus-brightness-50:focus { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-brightness-50:focus { filter: brightness(0.5); }
.active-brightness-50:active { filter: brightness(0.5); }
html[data-theme="dark"] .dark-active-brightness-50:active { filter: brightness(0.5); }
.disabled-brightness-50:disabled { filter: brightness(0.5); }
html[data-theme="dark"] .dark-disabled-brightness-50:disabled { filter: brightness(0.5); }
.focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
.focus-within-brightness-50:focus-within { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
.group:hover .group-hover-brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-50 { filter: brightness(0.5); }
.brightness-75 { filter: brightness(0.75); }
html[data-theme="dark"] .dark-brightness-75 { filter: brightness(0.75); }
.hover-brightness-75:hover { filter: brightness(0.75); }
html[data-theme="dark"] .dark-hover-brightness-75:hover { filter: brightness(0.75); }
.focus-brightness-75:focus { filter: brightness(0.75); }
html[data-theme="dark"] .dark-focus-brightness-75:focus { filter: brightness(0.75); }
.active-brightness-75:active { filter: brightness(0.75); }
html[data-theme="dark"] .dark-active-brightness-75:active { filter: brightness(0.75); }
.disabled-brightness-75:disabled { filter: brightness(0.75); }
html[data-theme="dark"] .dark-disabled-brightness-75:disabled { filter: brightness(0.75); }
.focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
html[data-theme="dark"] .dark-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
.focus-within-brightness-75:focus-within { filter: brightness(0.75); }
html[data-theme="dark"] .dark-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
.group:hover .group-hover-brightness-75 { filter: brightness(0.75); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-75 { filter: brightness(0.75); }
.brightness-90 { filter: brightness(0.9); }
html[data-theme="dark"] .dark-brightness-90 { filter: brightness(0.9); }
.hover-brightness-90:hover { filter: brightness(0.9); }
html[data-theme="dark"] .dark-hover-brightness-90:hover { filter: brightness(0.9); }
.focus-brightness-90:focus { filter: brightness(0.9); }
html[data-theme="dark"] .dark-focus-brightness-90:focus { filter: brightness(0.9); }
.active-brightness-90:active { filter: brightness(0.9); }
html[data-theme="dark"] .dark-active-brightness-90:active { filter: brightness(0.9); }
.disabled-brightness-90:disabled { filter: brightness(0.9); }
html[data-theme="dark"] .dark-disabled-brightness-90:disabled { filter: brightness(0.9); }
.focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
html[data-theme="dark"] .dark-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
.focus-within-brightness-90:focus-within { filter: brightness(0.9); }
html[data-theme="dark"] .dark-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
.group:hover .group-hover-brightness-90 { filter: brightness(0.9); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-90 { filter: brightness(0.9); }
.brightness-100 { filter: brightness(1); }
html[data-theme="dark"] .dark-brightness-100 { filter: brightness(1); }
.hover-brightness-100:hover { filter: brightness(1); }
html[data-theme="dark"] .dark-hover-brightness-100:hover { filter: brightness(1); }
.focus-brightness-100:focus { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-brightness-100:focus { filter: brightness(1); }
.active-brightness-100:active { filter: brightness(1); }
html[data-theme="dark"] .dark-active-brightness-100:active { filter: brightness(1); }
.disabled-brightness-100:disabled { filter: brightness(1); }
html[data-theme="dark"] .dark-disabled-brightness-100:disabled { filter: brightness(1); }
.focus-visible-brightness-100:focus-visible { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
.focus-within-brightness-100:focus-within { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-within-brightness-100:focus-within { filter: brightness(1); }
.group:hover .group-hover-brightness-100 { filter: brightness(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-100 { filter: brightness(1); }
.brightness-125 { filter: brightness(1.25); }
html[data-theme="dark"] .dark-brightness-125 { filter: brightness(1.25); }
.hover-brightness-125:hover { filter: brightness(1.25); }
html[data-theme="dark"] .dark-hover-brightness-125:hover { filter: brightness(1.25); }
.focus-brightness-125:focus { filter: brightness(1.25); }
html[data-theme="dark"] .dark-focus-brightness-125:focus { filter: brightness(1.25); }
.active-brightness-125:active { filter: brightness(1.25); }
html[data-theme="dark"] .dark-active-brightness-125:active { filter: brightness(1.25); }
.disabled-brightness-125:disabled { filter: brightness(1.25); }
html[data-theme="dark"] .dark-disabled-brightness-125:disabled { filter: brightness(1.25); }
.focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
html[data-theme="dark"] .dark-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
.focus-within-brightness-125:focus-within { filter: brightness(1.25); }
html[data-theme="dark"] .dark-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
.group:hover .group-hover-brightness-125 { filter: brightness(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-125 { filter: brightness(1.25); }
.brightness-150 { filter: brightness(1.5); }
html[data-theme="dark"] .dark-brightness-150 { filter: brightness(1.5); }
.hover-brightness-150:hover { filter: brightness(1.5); }
html[data-theme="dark"] .dark-hover-brightness-150:hover { filter: brightness(1.5); }
.focus-brightness-150:focus { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-brightness-150:focus { filter: brightness(1.5); }
.active-brightness-150:active { filter: brightness(1.5); }
html[data-theme="dark"] .dark-active-brightness-150:active { filter: brightness(1.5); }
.disabled-brightness-150:disabled { filter: brightness(1.5); }
html[data-theme="dark"] .dark-disabled-brightness-150:disabled { filter: brightness(1.5); }
.focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
.focus-within-brightness-150:focus-within { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
.group:hover .group-hover-brightness-150 { filter: brightness(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-150 { filter: brightness(1.5); }
.brightness-200 { filter: brightness(2); }
html[data-theme="dark"] .dark-brightness-200 { filter: brightness(2); }
.hover-brightness-200:hover { filter: brightness(2); }
html[data-theme="dark"] .dark-hover-brightness-200:hover { filter: brightness(2); }
.focus-brightness-200:focus { filter: brightness(2); }
html[data-theme="dark"] .dark-focus-brightness-200:focus { filter: brightness(2); }
.active-brightness-200:active { filter: brightness(2); }
html[data-theme="dark"] .dark-active-brightness-200:active { filter: brightness(2); }
.disabled-brightness-200:disabled { filter: brightness(2); }
html[data-theme="dark"] .dark-disabled-brightness-200:disabled { filter: brightness(2); }
.focus-visible-brightness-200:focus-visible { filter: brightness(2); }
html[data-theme="dark"] .dark-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
.focus-within-brightness-200:focus-within { filter: brightness(2); }
html[data-theme="dark"] .dark-focus-within-brightness-200:focus-within { filter: brightness(2); }
.group:hover .group-hover-brightness-200 { filter: brightness(2); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-200 { filter: brightness(2); }
.contrast-0 { filter: contrast(0); }
html[data-theme="dark"] .dark-contrast-0 { filter: contrast(0); }
.hover-contrast-0:hover { filter: contrast(0); }
html[data-theme="dark"] .dark-hover-contrast-0:hover { filter: contrast(0); }
.focus-contrast-0:focus { filter: contrast(0); }
html[data-theme="dark"] .dark-focus-contrast-0:focus { filter: contrast(0); }
.active-contrast-0:active { filter: contrast(0); }
html[data-theme="dark"] .dark-active-contrast-0:active { filter: contrast(0); }
.disabled-contrast-0:disabled { filter: contrast(0); }
html[data-theme="dark"] .dark-disabled-contrast-0:disabled { filter: contrast(0); }
.focus-visible-contrast-0:focus-visible { filter: contrast(0); }
html[data-theme="dark"] .dark-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
.focus-within-contrast-0:focus-within { filter: contrast(0); }
html[data-theme="dark"] .dark-focus-within-contrast-0:focus-within { filter: contrast(0); }
.group:hover .group-hover-contrast-0 { filter: contrast(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-0 { filter: contrast(0); }
.contrast-50 { filter: contrast(0.5); }
html[data-theme="dark"] .dark-contrast-50 { filter: contrast(0.5); }
.hover-contrast-50:hover { filter: contrast(0.5); }
html[data-theme="dark"] .dark-hover-contrast-50:hover { filter: contrast(0.5); }
.focus-contrast-50:focus { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-contrast-50:focus { filter: contrast(0.5); }
.active-contrast-50:active { filter: contrast(0.5); }
html[data-theme="dark"] .dark-active-contrast-50:active { filter: contrast(0.5); }
.disabled-contrast-50:disabled { filter: contrast(0.5); }
html[data-theme="dark"] .dark-disabled-contrast-50:disabled { filter: contrast(0.5); }
.focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
.focus-within-contrast-50:focus-within { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
.group:hover .group-hover-contrast-50 { filter: contrast(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-50 { filter: contrast(0.5); }
.contrast-75 { filter: contrast(0.75); }
html[data-theme="dark"] .dark-contrast-75 { filter: contrast(0.75); }
.hover-contrast-75:hover { filter: contrast(0.75); }
html[data-theme="dark"] .dark-hover-contrast-75:hover { filter: contrast(0.75); }
.focus-contrast-75:focus { filter: contrast(0.75); }
html[data-theme="dark"] .dark-focus-contrast-75:focus { filter: contrast(0.75); }
.active-contrast-75:active { filter: contrast(0.75); }
html[data-theme="dark"] .dark-active-contrast-75:active { filter: contrast(0.75); }
.disabled-contrast-75:disabled { filter: contrast(0.75); }
html[data-theme="dark"] .dark-disabled-contrast-75:disabled { filter: contrast(0.75); }
.focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
html[data-theme="dark"] .dark-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
.focus-within-contrast-75:focus-within { filter: contrast(0.75); }
html[data-theme="dark"] .dark-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
.group:hover .group-hover-contrast-75 { filter: contrast(0.75); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-75 { filter: contrast(0.75); }
.contrast-100 { filter: contrast(1); }
html[data-theme="dark"] .dark-contrast-100 { filter: contrast(1); }
.hover-contrast-100:hover { filter: contrast(1); }
html[data-theme="dark"] .dark-hover-contrast-100:hover { filter: contrast(1); }
.focus-contrast-100:focus { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-contrast-100:focus { filter: contrast(1); }
.active-contrast-100:active { filter: contrast(1); }
html[data-theme="dark"] .dark-active-contrast-100:active { filter: contrast(1); }
.disabled-contrast-100:disabled { filter: contrast(1); }
html[data-theme="dark"] .dark-disabled-contrast-100:disabled { filter: contrast(1); }
.focus-visible-contrast-100:focus-visible { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
.focus-within-contrast-100:focus-within { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-within-contrast-100:focus-within { filter: contrast(1); }
.group:hover .group-hover-contrast-100 { filter: contrast(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-100 { filter: contrast(1); }
.contrast-125 { filter: contrast(1.25); }
html[data-theme="dark"] .dark-contrast-125 { filter: contrast(1.25); }
.hover-contrast-125:hover { filter: contrast(1.25); }
html[data-theme="dark"] .dark-hover-contrast-125:hover { filter: contrast(1.25); }
.focus-contrast-125:focus { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-contrast-125:focus { filter: contrast(1.25); }
.active-contrast-125:active { filter: contrast(1.25); }
html[data-theme="dark"] .dark-active-contrast-125:active { filter: contrast(1.25); }
.disabled-contrast-125:disabled { filter: contrast(1.25); }
html[data-theme="dark"] .dark-disabled-contrast-125:disabled { filter: contrast(1.25); }
.focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
.focus-within-contrast-125:focus-within { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
.group:hover .group-hover-contrast-125 { filter: contrast(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-125 { filter: contrast(1.25); }
.contrast-150 { filter: contrast(1.5); }
html[data-theme="dark"] .dark-contrast-150 { filter: contrast(1.5); }
.hover-contrast-150:hover { filter: contrast(1.5); }
html[data-theme="dark"] .dark-hover-contrast-150:hover { filter: contrast(1.5); }
.focus-contrast-150:focus { filter: contrast(1.5); }
html[data-theme="dark"] .dark-focus-contrast-150:focus { filter: contrast(1.5); }
.active-contrast-150:active { filter: contrast(1.5); }
html[data-theme="dark"] .dark-active-contrast-150:active { filter: contrast(1.5); }
.disabled-contrast-150:disabled { filter: contrast(1.5); }
html[data-theme="dark"] .dark-disabled-contrast-150:disabled { filter: contrast(1.5); }
.focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
html[data-theme="dark"] .dark-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
.focus-within-contrast-150:focus-within { filter: contrast(1.5); }
html[data-theme="dark"] .dark-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
.group:hover .group-hover-contrast-150 { filter: contrast(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-150 { filter: contrast(1.5); }
.contrast-200 { filter: contrast(2); }
html[data-theme="dark"] .dark-contrast-200 { filter: contrast(2); }
.hover-contrast-200:hover { filter: contrast(2); }
html[data-theme="dark"] .dark-hover-contrast-200:hover { filter: contrast(2); }
.focus-contrast-200:focus { filter: contrast(2); }
html[data-theme="dark"] .dark-focus-contrast-200:focus { filter: contrast(2); }
.active-contrast-200:active { filter: contrast(2); }
html[data-theme="dark"] .dark-active-contrast-200:active { filter: contrast(2); }
.disabled-contrast-200:disabled { filter: contrast(2); }
html[data-theme="dark"] .dark-disabled-contrast-200:disabled { filter: contrast(2); }
.focus-visible-contrast-200:focus-visible { filter: contrast(2); }
html[data-theme="dark"] .dark-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
.focus-within-contrast-200:focus-within { filter: contrast(2); }
html[data-theme="dark"] .dark-focus-within-contrast-200:focus-within { filter: contrast(2); }
.group:hover .group-hover-contrast-200 { filter: contrast(2); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-200 { filter: contrast(2); }
.grayscale-0 { filter: grayscale(0); }
html[data-theme="dark"] .dark-grayscale-0 { filter: grayscale(0); }
.hover-grayscale-0:hover { filter: grayscale(0); }
html[data-theme="dark"] .dark-hover-grayscale-0:hover { filter: grayscale(0); }
.focus-grayscale-0:focus { filter: grayscale(0); }
html[data-theme="dark"] .dark-focus-grayscale-0:focus { filter: grayscale(0); }
.active-grayscale-0:active { filter: grayscale(0); }
html[data-theme="dark"] .dark-active-grayscale-0:active { filter: grayscale(0); }
.disabled-grayscale-0:disabled { filter: grayscale(0); }
html[data-theme="dark"] .dark-disabled-grayscale-0:disabled { filter: grayscale(0); }
.focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
html[data-theme="dark"] .dark-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
.focus-within-grayscale-0:focus-within { filter: grayscale(0); }
html[data-theme="dark"] .dark-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
.group:hover .group-hover-grayscale-0 { filter: grayscale(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-grayscale-0 { filter: grayscale(0); }
.grayscale-100 { filter: grayscale(1); }
html[data-theme="dark"] .dark-grayscale-100 { filter: grayscale(1); }
.hover-grayscale-100:hover { filter: grayscale(1); }
html[data-theme="dark"] .dark-hover-grayscale-100:hover { filter: grayscale(1); }
.focus-grayscale-100:focus { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-grayscale-100:focus { filter: grayscale(1); }
.active-grayscale-100:active { filter: grayscale(1); }
html[data-theme="dark"] .dark-active-grayscale-100:active { filter: grayscale(1); }
.disabled-grayscale-100:disabled { filter: grayscale(1); }
html[data-theme="dark"] .dark-disabled-grayscale-100:disabled { filter: grayscale(1); }
.focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
.focus-within-grayscale-100:focus-within { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
.group:hover .group-hover-grayscale-100 { filter: grayscale(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-grayscale-100 { filter: grayscale(1); }
.hue-rotate-0 { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-hue-rotate-0 { filter: hue-rotate(0deg); }
.hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.active-hue-rotate-0:active { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
.focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
html[data-theme="dark"] .dark-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
.group:hover .group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
.hue-rotate-45 { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-hue-rotate-45 { filter: hue-rotate(45deg); }
.hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.active-hue-rotate-45:active { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
.focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
html[data-theme="dark"] .dark-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
.group:hover .group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
.hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-hue-rotate-90:active { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
.focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
.group:hover .group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
.hue-rotate-180 { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-hue-rotate-180 { filter: hue-rotate(180deg); }
.hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.active-hue-rotate-180:active { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
.focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
html[data-theme="dark"] .dark-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
.group:hover .group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
.invert-0 { filter: invert(0); }
html[data-theme="dark"] .dark-invert-0 { filter: invert(0); }
.hover-invert-0:hover { filter: invert(0); }
html[data-theme="dark"] .dark-hover-invert-0:hover { filter: invert(0); }
.focus-invert-0:focus { filter: invert(0); }
html[data-theme="dark"] .dark-focus-invert-0:focus { filter: invert(0); }
.active-invert-0:active { filter: invert(0); }
html[data-theme="dark"] .dark-active-invert-0:active { filter: invert(0); }
.disabled-invert-0:disabled { filter: invert(0); }
html[data-theme="dark"] .dark-disabled-invert-0:disabled { filter: invert(0); }
.focus-visible-invert-0:focus-visible { filter: invert(0); }
html[data-theme="dark"] .dark-focus-visible-invert-0:focus-visible { filter: invert(0); }
.focus-within-invert-0:focus-within { filter: invert(0); }
html[data-theme="dark"] .dark-focus-within-invert-0:focus-within { filter: invert(0); }
.group:hover .group-hover-invert-0 { filter: invert(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-invert-0 { filter: invert(0); }
.invert-100 { filter: invert(1); }
html[data-theme="dark"] .dark-invert-100 { filter: invert(1); }
.hover-invert-100:hover { filter: invert(1); }
html[data-theme="dark"] .dark-hover-invert-100:hover { filter: invert(1); }
.focus-invert-100:focus { filter: invert(1); }
html[data-theme="dark"] .dark-focus-invert-100:focus { filter: invert(1); }
.active-invert-100:active { filter: invert(1); }
html[data-theme="dark"] .dark-active-invert-100:active { filter: invert(1); }
.disabled-invert-100:disabled { filter: invert(1); }
html[data-theme="dark"] .dark-disabled-invert-100:disabled { filter: invert(1); }
.focus-visible-invert-100:focus-visible { filter: invert(1); }
html[data-theme="dark"] .dark-focus-visible-invert-100:focus-visible { filter: invert(1); }
.focus-within-invert-100:focus-within { filter: invert(1); }
html[data-theme="dark"] .dark-focus-within-invert-100:focus-within { filter: invert(1); }
.group:hover .group-hover-invert-100 { filter: invert(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-invert-100 { filter: invert(1); }
.saturate-0 { filter: saturate(0); }
html[data-theme="dark"] .dark-saturate-0 { filter: saturate(0); }
.hover-saturate-0:hover { filter: saturate(0); }
html[data-theme="dark"] .dark-hover-saturate-0:hover { filter: saturate(0); }
.focus-saturate-0:focus { filter: saturate(0); }
html[data-theme="dark"] .dark-focus-saturate-0:focus { filter: saturate(0); }
.active-saturate-0:active { filter: saturate(0); }
html[data-theme="dark"] .dark-active-saturate-0:active { filter: saturate(0); }
.disabled-saturate-0:disabled { filter: saturate(0); }
html[data-theme="dark"] .dark-disabled-saturate-0:disabled { filter: saturate(0); }
.focus-visible-saturate-0:focus-visible { filter: saturate(0); }
html[data-theme="dark"] .dark-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
.focus-within-saturate-0:focus-within { filter: saturate(0); }
html[data-theme="dark"] .dark-focus-within-saturate-0:focus-within { filter: saturate(0); }
.group:hover .group-hover-saturate-0 { filter: saturate(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-0 { filter: saturate(0); }
.saturate-50 { filter: saturate(0.5); }
html[data-theme="dark"] .dark-saturate-50 { filter: saturate(0.5); }
.hover-saturate-50:hover { filter: saturate(0.5); }
html[data-theme="dark"] .dark-hover-saturate-50:hover { filter: saturate(0.5); }
.focus-saturate-50:focus { filter: saturate(0.5); }
html[data-theme="dark"] .dark-focus-saturate-50:focus { filter: saturate(0.5); }
.active-saturate-50:active { filter: saturate(0.5); }
html[data-theme="dark"] .dark-active-saturate-50:active { filter: saturate(0.5); }
.disabled-saturate-50:disabled { filter: saturate(0.5); }
html[data-theme="dark"] .dark-disabled-saturate-50:disabled { filter: saturate(0.5); }
.focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
html[data-theme="dark"] .dark-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
.focus-within-saturate-50:focus-within { filter: saturate(0.5); }
html[data-theme="dark"] .dark-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
.group:hover .group-hover-saturate-50 { filter: saturate(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-50 { filter: saturate(0.5); }
.saturate-100 { filter: saturate(1); }
html[data-theme="dark"] .dark-saturate-100 { filter: saturate(1); }
.hover-saturate-100:hover { filter: saturate(1); }
html[data-theme="dark"] .dark-hover-saturate-100:hover { filter: saturate(1); }
.focus-saturate-100:focus { filter: saturate(1); }
html[data-theme="dark"] .dark-focus-saturate-100:focus { filter: saturate(1); }
.active-saturate-100:active { filter: saturate(1); }
html[data-theme="dark"] .dark-active-saturate-100:active { filter: saturate(1); }
.disabled-saturate-100:disabled { filter: saturate(1); }
html[data-theme="dark"] .dark-disabled-saturate-100:disabled { filter: saturate(1); }
.focus-visible-saturate-100:focus-visible { filter: saturate(1); }
html[data-theme="dark"] .dark-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
.focus-within-saturate-100:focus-within { filter: saturate(1); }
html[data-theme="dark"] .dark-focus-within-saturate-100:focus-within { filter: saturate(1); }
.group:hover .group-hover-saturate-100 { filter: saturate(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-100 { filter: saturate(1); }
.saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .dark-saturate-150 { filter: saturate(1.5); }
.hover-saturate-150:hover { filter: saturate(1.5); }
html[data-theme="dark"] .dark-hover-saturate-150:hover { filter: saturate(1.5); }
.focus-saturate-150:focus { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-saturate-150:focus { filter: saturate(1.5); }
.active-saturate-150:active { filter: saturate(1.5); }
html[data-theme="dark"] .dark-active-saturate-150:active { filter: saturate(1.5); }
.disabled-saturate-150:disabled { filter: saturate(1.5); }
html[data-theme="dark"] .dark-disabled-saturate-150:disabled { filter: saturate(1.5); }
.focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
.focus-within-saturate-150:focus-within { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
.group:hover .group-hover-saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-150 { filter: saturate(1.5); }
.saturate-200 { filter: saturate(2); }
html[data-theme="dark"] .dark-saturate-200 { filter: saturate(2); }
.hover-saturate-200:hover { filter: saturate(2); }
html[data-theme="dark"] .dark-hover-saturate-200:hover { filter: saturate(2); }
.focus-saturate-200:focus { filter: saturate(2); }
html[data-theme="dark"] .dark-focus-saturate-200:focus { filter: saturate(2); }
.active-saturate-200:active { filter: saturate(2); }
html[data-theme="dark"] .dark-active-saturate-200:active { filter: saturate(2); }
.disabled-saturate-200:disabled { filter: saturate(2); }
html[data-theme="dark"] .dark-disabled-saturate-200:disabled { filter: saturate(2); }
.focus-visible-saturate-200:focus-visible { filter: saturate(2); }
html[data-theme="dark"] .dark-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
.focus-within-saturate-200:focus-within { filter: saturate(2); }
html[data-theme="dark"] .dark-focus-within-saturate-200:focus-within { filter: saturate(2); }
.group:hover .group-hover-saturate-200 { filter: saturate(2); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-200 { filter: saturate(2); }
.sepia-0 { filter: sepia(0); }
html[data-theme="dark"] .dark-sepia-0 { filter: sepia(0); }
.hover-sepia-0:hover { filter: sepia(0); }
html[data-theme="dark"] .dark-hover-sepia-0:hover { filter: sepia(0); }
.focus-sepia-0:focus { filter: sepia(0); }
html[data-theme="dark"] .dark-focus-sepia-0:focus { filter: sepia(0); }
.active-sepia-0:active { filter: sepia(0); }
html[data-theme="dark"] .dark-active-sepia-0:active { filter: sepia(0); }
.disabled-sepia-0:disabled { filter: sepia(0); }
html[data-theme="dark"] .dark-disabled-sepia-0:disabled { filter: sepia(0); }
.focus-visible-sepia-0:focus-visible { filter: sepia(0); }
html[data-theme="dark"] .dark-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
.focus-within-sepia-0:focus-within { filter: sepia(0); }
html[data-theme="dark"] .dark-focus-within-sepia-0:focus-within { filter: sepia(0); }
.group:hover .group-hover-sepia-0 { filter: sepia(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-sepia-0 { filter: sepia(0); }
.sepia-100 { filter: sepia(1); }
html[data-theme="dark"] .dark-sepia-100 { filter: sepia(1); }
.hover-sepia-100:hover { filter: sepia(1); }
html[data-theme="dark"] .dark-hover-sepia-100:hover { filter: sepia(1); }
.focus-sepia-100:focus { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-sepia-100:focus { filter: sepia(1); }
.active-sepia-100:active { filter: sepia(1); }
html[data-theme="dark"] .dark-active-sepia-100:active { filter: sepia(1); }
.disabled-sepia-100:disabled { filter: sepia(1); }
html[data-theme="dark"] .dark-disabled-sepia-100:disabled { filter: sepia(1); }
.focus-visible-sepia-100:focus-visible { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
.focus-within-sepia-100:focus-within { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-within-sepia-100:focus-within { filter: sepia(1); }
.group:hover .group-hover-sepia-100 { filter: sepia(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-sepia-100 { filter: sepia(1); }
.drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .dark-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.group:hover .group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
html[data-theme="dark"] .group:hover .dark-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .dark-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.group:hover .group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
html[data-theme="dark"] .group:hover .dark-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .dark-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.group:hover .group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
html[data-theme="dark"] .group:hover .dark-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.mix-normal { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-mix-normal { mix-blend-mode: normal; }
.hover-mix-normal:hover { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-hover-mix-normal:hover { mix-blend-mode: normal; }
.focus-mix-normal:focus { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-mix-normal:focus { mix-blend-mode: normal; }
.active-mix-normal:active { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-active-mix-normal:active { mix-blend-mode: normal; }
.disabled-mix-normal:disabled { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
.focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
.group:hover .group-hover-mix-normal { mix-blend-mode: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-normal { mix-blend-mode: normal; }
.mix-multiply { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-mix-multiply { mix-blend-mode: multiply; }
.hover-mix-multiply:hover { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.focus-mix-multiply:focus { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.active-mix-multiply:active { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-active-mix-multiply:active { mix-blend-mode: multiply; }
.disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
.focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
.group:hover .group-hover-mix-multiply { mix-blend-mode: multiply; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-multiply { mix-blend-mode: multiply; }
.mix-screen { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-mix-screen { mix-blend-mode: screen; }
.hover-mix-screen:hover { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-hover-mix-screen:hover { mix-blend-mode: screen; }
.focus-mix-screen:focus { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-mix-screen:focus { mix-blend-mode: screen; }
.active-mix-screen:active { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-active-mix-screen:active { mix-blend-mode: screen; }
.disabled-mix-screen:disabled { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
.focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
.group:hover .group-hover-mix-screen { mix-blend-mode: screen; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-screen { mix-blend-mode: screen; }
.mix-overlay { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-mix-overlay { mix-blend-mode: overlay; }
.hover-mix-overlay:hover { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.focus-mix-overlay:focus { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.active-mix-overlay:active { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-active-mix-overlay:active { mix-blend-mode: overlay; }
.disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
.focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
.group:hover .group-hover-mix-overlay { mix-blend-mode: overlay; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-overlay { mix-blend-mode: overlay; }
.mix-darken { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-mix-darken { mix-blend-mode: darken; }
.hover-mix-darken:hover { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-hover-mix-darken:hover { mix-blend-mode: darken; }
.focus-mix-darken:focus { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-mix-darken:focus { mix-blend-mode: darken; }
.active-mix-darken:active { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-active-mix-darken:active { mix-blend-mode: darken; }
.disabled-mix-darken:disabled { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
.focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
.group:hover .group-hover-mix-darken { mix-blend-mode: darken; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-darken { mix-blend-mode: darken; }
.mix-lighten { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-mix-lighten { mix-blend-mode: lighten; }
.hover-mix-lighten:hover { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.focus-mix-lighten:focus { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.active-mix-lighten:active { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-active-mix-lighten:active { mix-blend-mode: lighten; }
.disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
.focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
.group:hover .group-hover-mix-lighten { mix-blend-mode: lighten; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-lighten { mix-blend-mode: lighten; }
.mix-color-dodge { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-mix-color-dodge { mix-blend-mode: color-dodge; }
.hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
.focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
.group:hover .group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
.mix-color-burn { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-mix-color-burn { mix-blend-mode: color-burn; }
.hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.active-mix-color-burn:active { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
.focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
.group:hover .group-hover-mix-color-burn { mix-blend-mode: color-burn; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
.mix-hard-light { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-mix-hard-light { mix-blend-mode: hard-light; }
.hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.active-mix-hard-light:active { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
.focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
.group:hover .group-hover-mix-hard-light { mix-blend-mode: hard-light; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
.mix-soft-light { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-mix-soft-light { mix-blend-mode: soft-light; }
.hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.active-mix-soft-light:active { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
.focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
.group:hover .group-hover-mix-soft-light { mix-blend-mode: soft-light; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
.mix-difference { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-mix-difference { mix-blend-mode: difference; }
.hover-mix-difference:hover { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-hover-mix-difference:hover { mix-blend-mode: difference; }
.focus-mix-difference:focus { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-mix-difference:focus { mix-blend-mode: difference; }
.active-mix-difference:active { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-active-mix-difference:active { mix-blend-mode: difference; }
.disabled-mix-difference:disabled { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
.focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
.group:hover .group-hover-mix-difference { mix-blend-mode: difference; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-difference { mix-blend-mode: difference; }
.mix-exclusion { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-mix-exclusion { mix-blend-mode: exclusion; }
.hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.active-mix-exclusion:active { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
.focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
.group:hover .group-hover-mix-exclusion { mix-blend-mode: exclusion; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
.mix-hue { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-mix-hue { mix-blend-mode: hue; }
.hover-mix-hue:hover { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-hover-mix-hue:hover { mix-blend-mode: hue; }
.focus-mix-hue:focus { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-mix-hue:focus { mix-blend-mode: hue; }
.active-mix-hue:active { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-active-mix-hue:active { mix-blend-mode: hue; }
.disabled-mix-hue:disabled { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
.focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
.group:hover .group-hover-mix-hue { mix-blend-mode: hue; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-hue { mix-blend-mode: hue; }
.mix-saturation { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-mix-saturation { mix-blend-mode: saturation; }
.hover-mix-saturation:hover { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.focus-mix-saturation:focus { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.active-mix-saturation:active { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-active-mix-saturation:active { mix-blend-mode: saturation; }
.disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
.focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
.group:hover .group-hover-mix-saturation { mix-blend-mode: saturation; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-saturation { mix-blend-mode: saturation; }
.mix-color { mix-blend-mode: color; }
html[data-theme="dark"] .dark-mix-color { mix-blend-mode: color; }
.hover-mix-color:hover { mix-blend-mode: color; }
html[data-theme="dark"] .dark-hover-mix-color:hover { mix-blend-mode: color; }
.focus-mix-color:focus { mix-blend-mode: color; }
html[data-theme="dark"] .dark-focus-mix-color:focus { mix-blend-mode: color; }
.active-mix-color:active { mix-blend-mode: color; }
html[data-theme="dark"] .dark-active-mix-color:active { mix-blend-mode: color; }
.disabled-mix-color:disabled { mix-blend-mode: color; }
html[data-theme="dark"] .dark-disabled-mix-color:disabled { mix-blend-mode: color; }
.focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
html[data-theme="dark"] .dark-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
.focus-within-mix-color:focus-within { mix-blend-mode: color; }
html[data-theme="dark"] .dark-focus-within-mix-color:focus-within { mix-blend-mode: color; }
.group:hover .group-hover-mix-color { mix-blend-mode: color; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-color { mix-blend-mode: color; }
.mix-luminosity { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-mix-luminosity { mix-blend-mode: luminosity; }
.hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.active-mix-luminosity:active { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
.focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
.group:hover .group-hover-mix-luminosity { mix-blend-mode: luminosity; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
.bg-blend-normal { background-blend-mode: normal; }
html[data-theme="dark"] .dark-bg-blend-normal { background-blend-mode: normal; }
.hover-bg-blend-normal:hover { background-blend-mode: normal; }
html[data-theme="dark"] .dark-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.focus-bg-blend-normal:focus { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.active-bg-blend-normal:active { background-blend-mode: normal; }
html[data-theme="dark"] .dark-active-bg-blend-normal:active { background-blend-mode: normal; }
.disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
html[data-theme="dark"] .dark-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
.focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
.group:hover .group-hover-bg-blend-normal { background-blend-mode: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-normal { background-blend-mode: normal; }
.bg-blend-multiply { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-bg-blend-multiply { background-blend-mode: multiply; }
.hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.active-bg-blend-multiply:active { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
.focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
.group:hover .group-hover-bg-blend-multiply { background-blend-mode: multiply; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
.bg-blend-screen { background-blend-mode: screen; }
html[data-theme="dark"] .dark-bg-blend-screen { background-blend-mode: screen; }
.hover-bg-blend-screen:hover { background-blend-mode: screen; }
html[data-theme="dark"] .dark-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.focus-bg-blend-screen:focus { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.active-bg-blend-screen:active { background-blend-mode: screen; }
html[data-theme="dark"] .dark-active-bg-blend-screen:active { background-blend-mode: screen; }
.disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
html[data-theme="dark"] .dark-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
.focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
.group:hover .group-hover-bg-blend-screen { background-blend-mode: screen; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-screen { background-blend-mode: screen; }
.bg-blend-overlay { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-bg-blend-overlay { background-blend-mode: overlay; }
.hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.active-bg-blend-overlay:active { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
.focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
.group:hover .group-hover-bg-blend-overlay { background-blend-mode: overlay; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
.bg-blend-darken { background-blend-mode: darken; }
html[data-theme="dark"] .dark-bg-blend-darken { background-blend-mode: darken; }
.hover-bg-blend-darken:hover { background-blend-mode: darken; }
html[data-theme="dark"] .dark-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.focus-bg-blend-darken:focus { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.active-bg-blend-darken:active { background-blend-mode: darken; }
html[data-theme="dark"] .dark-active-bg-blend-darken:active { background-blend-mode: darken; }
.disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
html[data-theme="dark"] .dark-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
.focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
.group:hover .group-hover-bg-blend-darken { background-blend-mode: darken; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-darken { background-blend-mode: darken; }
.bg-blend-lighten { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-bg-blend-lighten { background-blend-mode: lighten; }
.hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.active-bg-blend-lighten:active { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
.focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
.group:hover .group-hover-bg-blend-lighten { background-blend-mode: lighten; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
.bg-blend-color-dodge { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
.focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
html[data-theme="dark"] .dark-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
.group:hover .group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.bg-blend-color-burn { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-bg-blend-color-burn { background-blend-mode: color-burn; }
.hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
.focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
html[data-theme="dark"] .dark-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
.group:hover .group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
.bg-blend-hard-light { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-bg-blend-hard-light { background-blend-mode: hard-light; }
.hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
.focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
html[data-theme="dark"] .dark-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
.group:hover .group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
.bg-blend-soft-light { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-bg-blend-soft-light { background-blend-mode: soft-light; }
.hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
.focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
html[data-theme="dark"] .dark-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
.group:hover .group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
.bg-blend-difference { background-blend-mode: difference; }
html[data-theme="dark"] .dark-bg-blend-difference { background-blend-mode: difference; }
.hover-bg-blend-difference:hover { background-blend-mode: difference; }
html[data-theme="dark"] .dark-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.focus-bg-blend-difference:focus { background-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.active-bg-blend-difference:active { background-blend-mode: difference; }
html[data-theme="dark"] .dark-active-bg-blend-difference:active { background-blend-mode: difference; }
.disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
html[data-theme="dark"] .dark-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
.focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
html[data-theme="dark"] .dark-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
.group:hover .group-hover-bg-blend-difference { background-blend-mode: difference; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-difference { background-blend-mode: difference; }
.bg-blend-exclusion { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-bg-blend-exclusion { background-blend-mode: exclusion; }
.hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
.focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
html[data-theme="dark"] .dark-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
.group:hover .group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
.bg-blend-hue { background-blend-mode: hue; }
html[data-theme="dark"] .dark-bg-blend-hue { background-blend-mode: hue; }
.hover-bg-blend-hue:hover { background-blend-mode: hue; }
html[data-theme="dark"] .dark-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.focus-bg-blend-hue:focus { background-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.active-bg-blend-hue:active { background-blend-mode: hue; }
html[data-theme="dark"] .dark-active-bg-blend-hue:active { background-blend-mode: hue; }
.disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
html[data-theme="dark"] .dark-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
.focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
html[data-theme="dark"] .dark-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
.group:hover .group-hover-bg-blend-hue { background-blend-mode: hue; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-hue { background-blend-mode: hue; }
.bg-blend-saturation { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-bg-blend-saturation { background-blend-mode: saturation; }
.hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.active-bg-blend-saturation:active { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
.focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
html[data-theme="dark"] .dark-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
.group:hover .group-hover-bg-blend-saturation { background-blend-mode: saturation; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
.bg-blend-color { background-blend-mode: color; }
html[data-theme="dark"] .dark-bg-blend-color { background-blend-mode: color; }
.hover-bg-blend-color:hover { background-blend-mode: color; }
html[data-theme="dark"] .dark-hover-bg-blend-color:hover { background-blend-mode: color; }
.focus-bg-blend-color:focus { background-blend-mode: color; }
html[data-theme="dark"] .dark-focus-bg-blend-color:focus { background-blend-mode: color; }
.active-bg-blend-color:active { background-blend-mode: color; }
html[data-theme="dark"] .dark-active-bg-blend-color:active { background-blend-mode: color; }
.disabled-bg-blend-color:disabled { background-blend-mode: color; }
html[data-theme="dark"] .dark-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
.focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
html[data-theme="dark"] .dark-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
.group:hover .group-hover-bg-blend-color { background-blend-mode: color; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-color { background-blend-mode: color; }
.bg-blend-luminosity { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-bg-blend-luminosity { background-blend-mode: luminosity; }
.hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
.focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
html[data-theme="dark"] .dark-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
.group:hover .group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
.object-contain { object-fit: contain; }
html[data-theme="dark"] .dark-object-contain { object-fit: contain; }
.hover-object-contain:hover { object-fit: contain; }
html[data-theme="dark"] .dark-hover-object-contain:hover { object-fit: contain; }
.focus-object-contain:focus { object-fit: contain; }
html[data-theme="dark"] .dark-focus-object-contain:focus { object-fit: contain; }
.active-object-contain:active { object-fit: contain; }
html[data-theme="dark"] .dark-active-object-contain:active { object-fit: contain; }
.disabled-object-contain:disabled { object-fit: contain; }
html[data-theme="dark"] .dark-disabled-object-contain:disabled { object-fit: contain; }
.focus-visible-object-contain:focus-visible { object-fit: contain; }
html[data-theme="dark"] .dark-focus-visible-object-contain:focus-visible { object-fit: contain; }
.focus-within-object-contain:focus-within { object-fit: contain; }
html[data-theme="dark"] .dark-focus-within-object-contain:focus-within { object-fit: contain; }
.group:hover .group-hover-object-contain { object-fit: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
html[data-theme="dark"] .dark-object-cover { object-fit: cover; }
.hover-object-cover:hover { object-fit: cover; }
html[data-theme="dark"] .dark-hover-object-cover:hover { object-fit: cover; }
.focus-object-cover:focus { object-fit: cover; }
html[data-theme="dark"] .dark-focus-object-cover:focus { object-fit: cover; }
.active-object-cover:active { object-fit: cover; }
html[data-theme="dark"] .dark-active-object-cover:active { object-fit: cover; }
.disabled-object-cover:disabled { object-fit: cover; }
html[data-theme="dark"] .dark-disabled-object-cover:disabled { object-fit: cover; }
.focus-visible-object-cover:focus-visible { object-fit: cover; }
html[data-theme="dark"] .dark-focus-visible-object-cover:focus-visible { object-fit: cover; }
.focus-within-object-cover:focus-within { object-fit: cover; }
html[data-theme="dark"] .dark-focus-within-object-cover:focus-within { object-fit: cover; }
.group:hover .group-hover-object-cover { object-fit: cover; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-cover { object-fit: cover; }
.object-fill { object-fit: fill; }
html[data-theme="dark"] .dark-object-fill { object-fit: fill; }
.hover-object-fill:hover { object-fit: fill; }
html[data-theme="dark"] .dark-hover-object-fill:hover { object-fit: fill; }
.focus-object-fill:focus { object-fit: fill; }
html[data-theme="dark"] .dark-focus-object-fill:focus { object-fit: fill; }
.active-object-fill:active { object-fit: fill; }
html[data-theme="dark"] .dark-active-object-fill:active { object-fit: fill; }
.disabled-object-fill:disabled { object-fit: fill; }
html[data-theme="dark"] .dark-disabled-object-fill:disabled { object-fit: fill; }
.focus-visible-object-fill:focus-visible { object-fit: fill; }
html[data-theme="dark"] .dark-focus-visible-object-fill:focus-visible { object-fit: fill; }
.focus-within-object-fill:focus-within { object-fit: fill; }
html[data-theme="dark"] .dark-focus-within-object-fill:focus-within { object-fit: fill; }
.group:hover .group-hover-object-fill { object-fit: fill; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-fill { object-fit: fill; }
.object-none { object-fit: none; }
html[data-theme="dark"] .dark-object-none { object-fit: none; }
.hover-object-none:hover { object-fit: none; }
html[data-theme="dark"] .dark-hover-object-none:hover { object-fit: none; }
.focus-object-none:focus { object-fit: none; }
html[data-theme="dark"] .dark-focus-object-none:focus { object-fit: none; }
.active-object-none:active { object-fit: none; }
html[data-theme="dark"] .dark-active-object-none:active { object-fit: none; }
.disabled-object-none:disabled { object-fit: none; }
html[data-theme="dark"] .dark-disabled-object-none:disabled { object-fit: none; }
.focus-visible-object-none:focus-visible { object-fit: none; }
html[data-theme="dark"] .dark-focus-visible-object-none:focus-visible { object-fit: none; }
.focus-within-object-none:focus-within { object-fit: none; }
html[data-theme="dark"] .dark-focus-within-object-none:focus-within { object-fit: none; }
.group:hover .group-hover-object-none { object-fit: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }
html[data-theme="dark"] .dark-object-scale-down { object-fit: scale-down; }
.hover-object-scale-down:hover { object-fit: scale-down; }
html[data-theme="dark"] .dark-hover-object-scale-down:hover { object-fit: scale-down; }
.focus-object-scale-down:focus { object-fit: scale-down; }
html[data-theme="dark"] .dark-focus-object-scale-down:focus { object-fit: scale-down; }
.active-object-scale-down:active { object-fit: scale-down; }
html[data-theme="dark"] .dark-active-object-scale-down:active { object-fit: scale-down; }
.disabled-object-scale-down:disabled { object-fit: scale-down; }
html[data-theme="dark"] .dark-disabled-object-scale-down:disabled { object-fit: scale-down; }
.focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
html[data-theme="dark"] .dark-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
.focus-within-object-scale-down:focus-within { object-fit: scale-down; }
html[data-theme="dark"] .dark-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
.group:hover .group-hover-object-scale-down { object-fit: scale-down; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-scale-down { object-fit: scale-down; }
.object-top { object-position: top; }
html[data-theme="dark"] .dark-object-top { object-position: top; }
.hover-object-top:hover { object-position: top; }
html[data-theme="dark"] .dark-hover-object-top:hover { object-position: top; }
.focus-object-top:focus { object-position: top; }
html[data-theme="dark"] .dark-focus-object-top:focus { object-position: top; }
.active-object-top:active { object-position: top; }
html[data-theme="dark"] .dark-active-object-top:active { object-position: top; }
.disabled-object-top:disabled { object-position: top; }
html[data-theme="dark"] .dark-disabled-object-top:disabled { object-position: top; }
.focus-visible-object-top:focus-visible { object-position: top; }
html[data-theme="dark"] .dark-focus-visible-object-top:focus-visible { object-position: top; }
.focus-within-object-top:focus-within { object-position: top; }
html[data-theme="dark"] .dark-focus-within-object-top:focus-within { object-position: top; }
.group:hover .group-hover-object-top { object-position: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-top { object-position: top; }
.object-bottom { object-position: bottom; }
html[data-theme="dark"] .dark-object-bottom { object-position: bottom; }
.hover-object-bottom:hover { object-position: bottom; }
html[data-theme="dark"] .dark-hover-object-bottom:hover { object-position: bottom; }
.focus-object-bottom:focus { object-position: bottom; }
html[data-theme="dark"] .dark-focus-object-bottom:focus { object-position: bottom; }
.active-object-bottom:active { object-position: bottom; }
html[data-theme="dark"] .dark-active-object-bottom:active { object-position: bottom; }
.disabled-object-bottom:disabled { object-position: bottom; }
html[data-theme="dark"] .dark-disabled-object-bottom:disabled { object-position: bottom; }
.focus-visible-object-bottom:focus-visible { object-position: bottom; }
html[data-theme="dark"] .dark-focus-visible-object-bottom:focus-visible { object-position: bottom; }
.focus-within-object-bottom:focus-within { object-position: bottom; }
html[data-theme="dark"] .dark-focus-within-object-bottom:focus-within { object-position: bottom; }
.group:hover .group-hover-object-bottom { object-position: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-bottom { object-position: bottom; }
.object-center { object-position: center; }
html[data-theme="dark"] .dark-object-center { object-position: center; }
.hover-object-center:hover { object-position: center; }
html[data-theme="dark"] .dark-hover-object-center:hover { object-position: center; }
.focus-object-center:focus { object-position: center; }
html[data-theme="dark"] .dark-focus-object-center:focus { object-position: center; }
.active-object-center:active { object-position: center; }
html[data-theme="dark"] .dark-active-object-center:active { object-position: center; }
.disabled-object-center:disabled { object-position: center; }
html[data-theme="dark"] .dark-disabled-object-center:disabled { object-position: center; }
.focus-visible-object-center:focus-visible { object-position: center; }
html[data-theme="dark"] .dark-focus-visible-object-center:focus-visible { object-position: center; }
.focus-within-object-center:focus-within { object-position: center; }
html[data-theme="dark"] .dark-focus-within-object-center:focus-within { object-position: center; }
.group:hover .group-hover-object-center { object-position: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-center { object-position: center; }
.object-left { object-position: left; }
html[data-theme="dark"] .dark-object-left { object-position: left; }
.hover-object-left:hover { object-position: left; }
html[data-theme="dark"] .dark-hover-object-left:hover { object-position: left; }
.focus-object-left:focus { object-position: left; }
html[data-theme="dark"] .dark-focus-object-left:focus { object-position: left; }
.active-object-left:active { object-position: left; }
html[data-theme="dark"] .dark-active-object-left:active { object-position: left; }
.disabled-object-left:disabled { object-position: left; }
html[data-theme="dark"] .dark-disabled-object-left:disabled { object-position: left; }
.focus-visible-object-left:focus-visible { object-position: left; }
html[data-theme="dark"] .dark-focus-visible-object-left:focus-visible { object-position: left; }
.focus-within-object-left:focus-within { object-position: left; }
html[data-theme="dark"] .dark-focus-within-object-left:focus-within { object-position: left; }
.group:hover .group-hover-object-left { object-position: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-left { object-position: left; }
.object-right { object-position: right; }
html[data-theme="dark"] .dark-object-right { object-position: right; }
.hover-object-right:hover { object-position: right; }
html[data-theme="dark"] .dark-hover-object-right:hover { object-position: right; }
.focus-object-right:focus { object-position: right; }
html[data-theme="dark"] .dark-focus-object-right:focus { object-position: right; }
.active-object-right:active { object-position: right; }
html[data-theme="dark"] .dark-active-object-right:active { object-position: right; }
.disabled-object-right:disabled { object-position: right; }
html[data-theme="dark"] .dark-disabled-object-right:disabled { object-position: right; }
.focus-visible-object-right:focus-visible { object-position: right; }
html[data-theme="dark"] .dark-focus-visible-object-right:focus-visible { object-position: right; }
.focus-within-object-right:focus-within { object-position: right; }
html[data-theme="dark"] .dark-focus-within-object-right:focus-within { object-position: right; }
.group:hover .group-hover-object-right { object-position: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-right { object-position: right; }
.object-left-top { object-position: left top; }
html[data-theme="dark"] .dark-object-left-top { object-position: left top; }
.hover-object-left-top:hover { object-position: left top; }
html[data-theme="dark"] .dark-hover-object-left-top:hover { object-position: left top; }
.focus-object-left-top:focus { object-position: left top; }
html[data-theme="dark"] .dark-focus-object-left-top:focus { object-position: left top; }
.active-object-left-top:active { object-position: left top; }
html[data-theme="dark"] .dark-active-object-left-top:active { object-position: left top; }
.disabled-object-left-top:disabled { object-position: left top; }
html[data-theme="dark"] .dark-disabled-object-left-top:disabled { object-position: left top; }
.focus-visible-object-left-top:focus-visible { object-position: left top; }
html[data-theme="dark"] .dark-focus-visible-object-left-top:focus-visible { object-position: left top; }
.focus-within-object-left-top:focus-within { object-position: left top; }
html[data-theme="dark"] .dark-focus-within-object-left-top:focus-within { object-position: left top; }
.group:hover .group-hover-object-left-top { object-position: left top; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-left-top { object-position: left top; }
.object-right-top { object-position: right top; }
html[data-theme="dark"] .dark-object-right-top { object-position: right top; }
.hover-object-right-top:hover { object-position: right top; }
html[data-theme="dark"] .dark-hover-object-right-top:hover { object-position: right top; }
.focus-object-right-top:focus { object-position: right top; }
html[data-theme="dark"] .dark-focus-object-right-top:focus { object-position: right top; }
.active-object-right-top:active { object-position: right top; }
html[data-theme="dark"] .dark-active-object-right-top:active { object-position: right top; }
.disabled-object-right-top:disabled { object-position: right top; }
html[data-theme="dark"] .dark-disabled-object-right-top:disabled { object-position: right top; }
.focus-visible-object-right-top:focus-visible { object-position: right top; }
html[data-theme="dark"] .dark-focus-visible-object-right-top:focus-visible { object-position: right top; }
.focus-within-object-right-top:focus-within { object-position: right top; }
html[data-theme="dark"] .dark-focus-within-object-right-top:focus-within { object-position: right top; }
.group:hover .group-hover-object-right-top { object-position: right top; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-right-top { object-position: right top; }
.object-left-bottom { object-position: left bottom; }
html[data-theme="dark"] .dark-object-left-bottom { object-position: left bottom; }
.hover-object-left-bottom:hover { object-position: left bottom; }
html[data-theme="dark"] .dark-hover-object-left-bottom:hover { object-position: left bottom; }
.focus-object-left-bottom:focus { object-position: left bottom; }
html[data-theme="dark"] .dark-focus-object-left-bottom:focus { object-position: left bottom; }
.active-object-left-bottom:active { object-position: left bottom; }
html[data-theme="dark"] .dark-active-object-left-bottom:active { object-position: left bottom; }
.disabled-object-left-bottom:disabled { object-position: left bottom; }
html[data-theme="dark"] .dark-disabled-object-left-bottom:disabled { object-position: left bottom; }
.focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
html[data-theme="dark"] .dark-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
.focus-within-object-left-bottom:focus-within { object-position: left bottom; }
html[data-theme="dark"] .dark-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
.group:hover .group-hover-object-left-bottom { object-position: left bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-left-bottom { object-position: left bottom; }
.object-right-bottom { object-position: right bottom; }
html[data-theme="dark"] .dark-object-right-bottom { object-position: right bottom; }
.hover-object-right-bottom:hover { object-position: right bottom; }
html[data-theme="dark"] .dark-hover-object-right-bottom:hover { object-position: right bottom; }
.focus-object-right-bottom:focus { object-position: right bottom; }
html[data-theme="dark"] .dark-focus-object-right-bottom:focus { object-position: right bottom; }
.active-object-right-bottom:active { object-position: right bottom; }
html[data-theme="dark"] .dark-active-object-right-bottom:active { object-position: right bottom; }
.disabled-object-right-bottom:disabled { object-position: right bottom; }
html[data-theme="dark"] .dark-disabled-object-right-bottom:disabled { object-position: right bottom; }
.focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
html[data-theme="dark"] .dark-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
.focus-within-object-right-bottom:focus-within { object-position: right bottom; }
html[data-theme="dark"] .dark-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
.group:hover .group-hover-object-right-bottom { object-position: right bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-object-right-bottom { object-position: right bottom; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .dark-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.group:hover .group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-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; }
html[data-theme="dark"] .dark-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .dark-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.group:hover .group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-theme="dark"] .group:hover .dark-group-hover-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; }
html[data-theme="dark"] .dark-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .dark-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.group:hover .group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
html[data-theme="dark"] .group:hover .dark-group-hover-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; }
html[data-theme="dark"] .dark-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .dark-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.group:hover .group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .dark-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.group:hover .group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .dark-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.group:hover .group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
html[data-theme="dark"] .group:hover .dark-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.list-style-image-none { list-style-image: none; }
html[data-theme="dark"] .dark-list-style-image-none { list-style-image: none; }
.hover-list-style-image-none:hover { list-style-image: none; }
html[data-theme="dark"] .dark-hover-list-style-image-none:hover { list-style-image: none; }
.focus-list-style-image-none:focus { list-style-image: none; }
html[data-theme="dark"] .dark-focus-list-style-image-none:focus { list-style-image: none; }
.active-list-style-image-none:active { list-style-image: none; }
html[data-theme="dark"] .dark-active-list-style-image-none:active { list-style-image: none; }
.disabled-list-style-image-none:disabled { list-style-image: none; }
html[data-theme="dark"] .dark-disabled-list-style-image-none:disabled { list-style-image: none; }
.focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
html[data-theme="dark"] .dark-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
.focus-within-list-style-image-none:focus-within { list-style-image: none; }
html[data-theme="dark"] .dark-focus-within-list-style-image-none:focus-within { list-style-image: none; }
.group:hover .group-hover-list-style-image-none { list-style-image: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-image-none { list-style-image: none; }
.list-style-position-inside { list-style-position: inside; }
html[data-theme="dark"] .dark-list-style-position-inside { list-style-position: inside; }
.hover-list-style-position-inside:hover { list-style-position: inside; }
html[data-theme="dark"] .dark-hover-list-style-position-inside:hover { list-style-position: inside; }
.focus-list-style-position-inside:focus { list-style-position: inside; }
html[data-theme="dark"] .dark-focus-list-style-position-inside:focus { list-style-position: inside; }
.active-list-style-position-inside:active { list-style-position: inside; }
html[data-theme="dark"] .dark-active-list-style-position-inside:active { list-style-position: inside; }
.disabled-list-style-position-inside:disabled { list-style-position: inside; }
html[data-theme="dark"] .dark-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
html[data-theme="dark"] .dark-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
.focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
html[data-theme="dark"] .dark-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
.group:hover .group-hover-list-style-position-inside { list-style-position: inside; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-position-inside { list-style-position: inside; }
.list-style-position-outside { list-style-position: outside; }
html[data-theme="dark"] .dark-list-style-position-outside { list-style-position: outside; }
.hover-list-style-position-outside:hover { list-style-position: outside; }
html[data-theme="dark"] .dark-hover-list-style-position-outside:hover { list-style-position: outside; }
.focus-list-style-position-outside:focus { list-style-position: outside; }
html[data-theme="dark"] .dark-focus-list-style-position-outside:focus { list-style-position: outside; }
.active-list-style-position-outside:active { list-style-position: outside; }
html[data-theme="dark"] .dark-active-list-style-position-outside:active { list-style-position: outside; }
.disabled-list-style-position-outside:disabled { list-style-position: outside; }
html[data-theme="dark"] .dark-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
html[data-theme="dark"] .dark-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
.focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
html[data-theme="dark"] .dark-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
.group:hover .group-hover-list-style-position-outside { list-style-position: outside; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-position-outside { list-style-position: outside; }
.list-style-type-none { list-style-type: none; }
html[data-theme="dark"] .dark-list-style-type-none { list-style-type: none; }
.hover-list-style-type-none:hover { list-style-type: none; }
html[data-theme="dark"] .dark-hover-list-style-type-none:hover { list-style-type: none; }
.focus-list-style-type-none:focus { list-style-type: none; }
html[data-theme="dark"] .dark-focus-list-style-type-none:focus { list-style-type: none; }
.active-list-style-type-none:active { list-style-type: none; }
html[data-theme="dark"] .dark-active-list-style-type-none:active { list-style-type: none; }
.disabled-list-style-type-none:disabled { list-style-type: none; }
html[data-theme="dark"] .dark-disabled-list-style-type-none:disabled { list-style-type: none; }
.focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
.focus-within-list-style-type-none:focus-within { list-style-type: none; }
html[data-theme="dark"] .dark-focus-within-list-style-type-none:focus-within { list-style-type: none; }
.group:hover .group-hover-list-style-type-none { list-style-type: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-none { list-style-type: none; }
.list-style-type-disc { list-style-type: disc; }
html[data-theme="dark"] .dark-list-style-type-disc { list-style-type: disc; }
.hover-list-style-type-disc:hover { list-style-type: disc; }
html[data-theme="dark"] .dark-hover-list-style-type-disc:hover { list-style-type: disc; }
.focus-list-style-type-disc:focus { list-style-type: disc; }
html[data-theme="dark"] .dark-focus-list-style-type-disc:focus { list-style-type: disc; }
.active-list-style-type-disc:active { list-style-type: disc; }
html[data-theme="dark"] .dark-active-list-style-type-disc:active { list-style-type: disc; }
.disabled-list-style-type-disc:disabled { list-style-type: disc; }
html[data-theme="dark"] .dark-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
.focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
html[data-theme="dark"] .dark-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
.group:hover .group-hover-list-style-type-disc { list-style-type: disc; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-disc { list-style-type: disc; }
.list-style-type-circle { list-style-type: circle; }
html[data-theme="dark"] .dark-list-style-type-circle { list-style-type: circle; }
.hover-list-style-type-circle:hover { list-style-type: circle; }
html[data-theme="dark"] .dark-hover-list-style-type-circle:hover { list-style-type: circle; }
.focus-list-style-type-circle:focus { list-style-type: circle; }
html[data-theme="dark"] .dark-focus-list-style-type-circle:focus { list-style-type: circle; }
.active-list-style-type-circle:active { list-style-type: circle; }
html[data-theme="dark"] .dark-active-list-style-type-circle:active { list-style-type: circle; }
.disabled-list-style-type-circle:disabled { list-style-type: circle; }
html[data-theme="dark"] .dark-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
.focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
html[data-theme="dark"] .dark-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
.group:hover .group-hover-list-style-type-circle { list-style-type: circle; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-circle { list-style-type: circle; }
.list-style-type-square { list-style-type: square; }
html[data-theme="dark"] .dark-list-style-type-square { list-style-type: square; }
.hover-list-style-type-square:hover { list-style-type: square; }
html[data-theme="dark"] .dark-hover-list-style-type-square:hover { list-style-type: square; }
.focus-list-style-type-square:focus { list-style-type: square; }
html[data-theme="dark"] .dark-focus-list-style-type-square:focus { list-style-type: square; }
.active-list-style-type-square:active { list-style-type: square; }
html[data-theme="dark"] .dark-active-list-style-type-square:active { list-style-type: square; }
.disabled-list-style-type-square:disabled { list-style-type: square; }
html[data-theme="dark"] .dark-disabled-list-style-type-square:disabled { list-style-type: square; }
.focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
.focus-within-list-style-type-square:focus-within { list-style-type: square; }
html[data-theme="dark"] .dark-focus-within-list-style-type-square:focus-within { list-style-type: square; }
.group:hover .group-hover-list-style-type-square { list-style-type: square; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-square { list-style-type: square; }
.list-style-type-decimal { list-style-type: decimal; }
html[data-theme="dark"] .dark-list-style-type-decimal { list-style-type: decimal; }
.hover-list-style-type-decimal:hover { list-style-type: decimal; }
html[data-theme="dark"] .dark-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.focus-list-style-type-decimal:focus { list-style-type: decimal; }
html[data-theme="dark"] .dark-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.active-list-style-type-decimal:active { list-style-type: decimal; }
html[data-theme="dark"] .dark-active-list-style-type-decimal:active { list-style-type: decimal; }
.disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
html[data-theme="dark"] .dark-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
.focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
html[data-theme="dark"] .dark-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
.group:hover .group-hover-list-style-type-decimal { list-style-type: decimal; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-decimal { list-style-type: decimal; }
.list-style-type-lower_roman { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-list-style-type-lower_roman { list-style-type: lower-roman; }
.hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
.focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
html[data-theme="dark"] .dark-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
.group:hover .group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
.list-style-type-upper_roman { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-list-style-type-upper_roman { list-style-type: upper-roman; }
.hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
.focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
html[data-theme="dark"] .dark-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
.group:hover .group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
.list-style-type-lower_alpha { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
.focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
html[data-theme="dark"] .dark-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
.group:hover .group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.list-style-type-upper_alpha { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
.focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
html[data-theme="dark"] .dark-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
.group:hover .group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
html[data-theme="dark"] .group:hover .dark-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.text-align-left { text-align: left; }
html[data-theme="dark"] .dark-text-align-left { text-align: left; }
.hover-text-align-left:hover { text-align: left; }
html[data-theme="dark"] .dark-hover-text-align-left:hover { text-align: left; }
.focus-text-align-left:focus { text-align: left; }
html[data-theme="dark"] .dark-focus-text-align-left:focus { text-align: left; }
.active-text-align-left:active { text-align: left; }
html[data-theme="dark"] .dark-active-text-align-left:active { text-align: left; }
.disabled-text-align-left:disabled { text-align: left; }
html[data-theme="dark"] .dark-disabled-text-align-left:disabled { text-align: left; }
.focus-visible-text-align-left:focus-visible { text-align: left; }
html[data-theme="dark"] .dark-focus-visible-text-align-left:focus-visible { text-align: left; }
.focus-within-text-align-left:focus-within { text-align: left; }
html[data-theme="dark"] .dark-focus-within-text-align-left:focus-within { text-align: left; }
.group:hover .group-hover-text-align-left { text-align: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-align-left { text-align: left; }
.text-align-center { text-align: center; }
html[data-theme="dark"] .dark-text-align-center { text-align: center; }
.hover-text-align-center:hover { text-align: center; }
html[data-theme="dark"] .dark-hover-text-align-center:hover { text-align: center; }
.focus-text-align-center:focus { text-align: center; }
html[data-theme="dark"] .dark-focus-text-align-center:focus { text-align: center; }
.active-text-align-center:active { text-align: center; }
html[data-theme="dark"] .dark-active-text-align-center:active { text-align: center; }
.disabled-text-align-center:disabled { text-align: center; }
html[data-theme="dark"] .dark-disabled-text-align-center:disabled { text-align: center; }
.focus-visible-text-align-center:focus-visible { text-align: center; }
html[data-theme="dark"] .dark-focus-visible-text-align-center:focus-visible { text-align: center; }
.focus-within-text-align-center:focus-within { text-align: center; }
html[data-theme="dark"] .dark-focus-within-text-align-center:focus-within { text-align: center; }
.group:hover .group-hover-text-align-center { text-align: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-align-center { text-align: center; }
.text-align-right { text-align: right; }
html[data-theme="dark"] .dark-text-align-right { text-align: right; }
.hover-text-align-right:hover { text-align: right; }
html[data-theme="dark"] .dark-hover-text-align-right:hover { text-align: right; }
.focus-text-align-right:focus { text-align: right; }
html[data-theme="dark"] .dark-focus-text-align-right:focus { text-align: right; }
.active-text-align-right:active { text-align: right; }
html[data-theme="dark"] .dark-active-text-align-right:active { text-align: right; }
.disabled-text-align-right:disabled { text-align: right; }
html[data-theme="dark"] .dark-disabled-text-align-right:disabled { text-align: right; }
.focus-visible-text-align-right:focus-visible { text-align: right; }
html[data-theme="dark"] .dark-focus-visible-text-align-right:focus-visible { text-align: right; }
.focus-within-text-align-right:focus-within { text-align: right; }
html[data-theme="dark"] .dark-focus-within-text-align-right:focus-within { text-align: right; }
.group:hover .group-hover-text-align-right { text-align: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-align-right { text-align: right; }
.text-align-justify { text-align: justify; }
html[data-theme="dark"] .dark-text-align-justify { text-align: justify; }
.hover-text-align-justify:hover { text-align: justify; }
html[data-theme="dark"] .dark-hover-text-align-justify:hover { text-align: justify; }
.focus-text-align-justify:focus { text-align: justify; }
html[data-theme="dark"] .dark-focus-text-align-justify:focus { text-align: justify; }
.active-text-align-justify:active { text-align: justify; }
html[data-theme="dark"] .dark-active-text-align-justify:active { text-align: justify; }
.disabled-text-align-justify:disabled { text-align: justify; }
html[data-theme="dark"] .dark-disabled-text-align-justify:disabled { text-align: justify; }
.focus-visible-text-align-justify:focus-visible { text-align: justify; }
html[data-theme="dark"] .dark-focus-visible-text-align-justify:focus-visible { text-align: justify; }
.focus-within-text-align-justify:focus-within { text-align: justify; }
html[data-theme="dark"] .dark-focus-within-text-align-justify:focus-within { text-align: justify; }
.group:hover .group-hover-text-align-justify { text-align: justify; }
html[data-theme="dark"] .group:hover .dark-group-hover-text-align-justify { text-align: justify; }
.backface-visible { backface-visibility: visible; }
html[data-theme="dark"] .dark-backface-visible { backface-visibility: visible; }
.hover-backface-visible:hover { backface-visibility: visible; }
html[data-theme="dark"] .dark-hover-backface-visible:hover { backface-visibility: visible; }
.focus-backface-visible:focus { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-backface-visible:focus { backface-visibility: visible; }
.active-backface-visible:active { backface-visibility: visible; }
html[data-theme="dark"] .dark-active-backface-visible:active { backface-visibility: visible; }
.disabled-backface-visible:disabled { backface-visibility: visible; }
html[data-theme="dark"] .dark-disabled-backface-visible:disabled { backface-visibility: visible; }
.focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
.focus-within-backface-visible:focus-within { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-within-backface-visible:focus-within { backface-visibility: visible; }
.group:hover .group-hover-backface-visible { backface-visibility: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
html[data-theme="dark"] .dark-backface-hidden { backface-visibility: hidden; }
.hover-backface-hidden:hover { backface-visibility: hidden; }
html[data-theme="dark"] .dark-hover-backface-hidden:hover { backface-visibility: hidden; }
.focus-backface-hidden:focus { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-backface-hidden:focus { backface-visibility: hidden; }
.active-backface-hidden:active { backface-visibility: hidden; }
html[data-theme="dark"] .dark-active-backface-hidden:active { backface-visibility: hidden; }
.disabled-backface-hidden:disabled { backface-visibility: hidden; }
html[data-theme="dark"] .dark-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
.focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
.group:hover .group-hover-backface-hidden { backface-visibility: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-backface-hidden { backface-visibility: hidden; }
.perspective-none { perspective: none; }
html[data-theme="dark"] .dark-perspective-none { perspective: none; }
.hover-perspective-none:hover { perspective: none; }
html[data-theme="dark"] .dark-hover-perspective-none:hover { perspective: none; }
.focus-perspective-none:focus { perspective: none; }
html[data-theme="dark"] .dark-focus-perspective-none:focus { perspective: none; }
.active-perspective-none:active { perspective: none; }
html[data-theme="dark"] .dark-active-perspective-none:active { perspective: none; }
.disabled-perspective-none:disabled { perspective: none; }
html[data-theme="dark"] .dark-disabled-perspective-none:disabled { perspective: none; }
.focus-visible-perspective-none:focus-visible { perspective: none; }
html[data-theme="dark"] .dark-focus-visible-perspective-none:focus-visible { perspective: none; }
.focus-within-perspective-none:focus-within { perspective: none; }
html[data-theme="dark"] .dark-focus-within-perspective-none:focus-within { perspective: none; }
.group:hover .group-hover-perspective-none { perspective: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-none { perspective: none; }
.perspective-100 { perspective: 100px; }
html[data-theme="dark"] .dark-perspective-100 { perspective: 100px; }
.hover-perspective-100:hover { perspective: 100px; }
html[data-theme="dark"] .dark-hover-perspective-100:hover { perspective: 100px; }
.focus-perspective-100:focus { perspective: 100px; }
html[data-theme="dark"] .dark-focus-perspective-100:focus { perspective: 100px; }
.active-perspective-100:active { perspective: 100px; }
html[data-theme="dark"] .dark-active-perspective-100:active { perspective: 100px; }
.disabled-perspective-100:disabled { perspective: 100px; }
html[data-theme="dark"] .dark-disabled-perspective-100:disabled { perspective: 100px; }
.focus-visible-perspective-100:focus-visible { perspective: 100px; }
html[data-theme="dark"] .dark-focus-visible-perspective-100:focus-visible { perspective: 100px; }
.focus-within-perspective-100:focus-within { perspective: 100px; }
html[data-theme="dark"] .dark-focus-within-perspective-100:focus-within { perspective: 100px; }
.group:hover .group-hover-perspective-100 { perspective: 100px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-100 { perspective: 100px; }
.perspective-500 { perspective: 500px; }
html[data-theme="dark"] .dark-perspective-500 { perspective: 500px; }
.hover-perspective-500:hover { perspective: 500px; }
html[data-theme="dark"] .dark-hover-perspective-500:hover { perspective: 500px; }
.focus-perspective-500:focus { perspective: 500px; }
html[data-theme="dark"] .dark-focus-perspective-500:focus { perspective: 500px; }
.active-perspective-500:active { perspective: 500px; }
html[data-theme="dark"] .dark-active-perspective-500:active { perspective: 500px; }
.disabled-perspective-500:disabled { perspective: 500px; }
html[data-theme="dark"] .dark-disabled-perspective-500:disabled { perspective: 500px; }
.focus-visible-perspective-500:focus-visible { perspective: 500px; }
html[data-theme="dark"] .dark-focus-visible-perspective-500:focus-visible { perspective: 500px; }
.focus-within-perspective-500:focus-within { perspective: 500px; }
html[data-theme="dark"] .dark-focus-within-perspective-500:focus-within { perspective: 500px; }
.group:hover .group-hover-perspective-500 { perspective: 500px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-500 { perspective: 500px; }
.perspective-1000 { perspective: 1000px; }
html[data-theme="dark"] .dark-perspective-1000 { perspective: 1000px; }
.hover-perspective-1000:hover { perspective: 1000px; }
html[data-theme="dark"] .dark-hover-perspective-1000:hover { perspective: 1000px; }
.focus-perspective-1000:focus { perspective: 1000px; }
html[data-theme="dark"] .dark-focus-perspective-1000:focus { perspective: 1000px; }
.active-perspective-1000:active { perspective: 1000px; }
html[data-theme="dark"] .dark-active-perspective-1000:active { perspective: 1000px; }
.disabled-perspective-1000:disabled { perspective: 1000px; }
html[data-theme="dark"] .dark-disabled-perspective-1000:disabled { perspective: 1000px; }
.focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
html[data-theme="dark"] .dark-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
.focus-within-perspective-1000:focus-within { perspective: 1000px; }
html[data-theme="dark"] .dark-focus-within-perspective-1000:focus-within { perspective: 1000px; }
.group:hover .group-hover-perspective-1000 { perspective: 1000px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-1000 { perspective: 1000px; }
.perspective-1500 { perspective: 1500px; }
html[data-theme="dark"] .dark-perspective-1500 { perspective: 1500px; }
.hover-perspective-1500:hover { perspective: 1500px; }
html[data-theme="dark"] .dark-hover-perspective-1500:hover { perspective: 1500px; }
.focus-perspective-1500:focus { perspective: 1500px; }
html[data-theme="dark"] .dark-focus-perspective-1500:focus { perspective: 1500px; }
.active-perspective-1500:active { perspective: 1500px; }
html[data-theme="dark"] .dark-active-perspective-1500:active { perspective: 1500px; }
.disabled-perspective-1500:disabled { perspective: 1500px; }
html[data-theme="dark"] .dark-disabled-perspective-1500:disabled { perspective: 1500px; }
.focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
html[data-theme="dark"] .dark-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
.focus-within-perspective-1500:focus-within { perspective: 1500px; }
html[data-theme="dark"] .dark-focus-within-perspective-1500:focus-within { perspective: 1500px; }
.group:hover .group-hover-perspective-1500 { perspective: 1500px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-1500 { perspective: 1500px; }
.perspective-2000 { perspective: 2000px; }
html[data-theme="dark"] .dark-perspective-2000 { perspective: 2000px; }
.hover-perspective-2000:hover { perspective: 2000px; }
html[data-theme="dark"] .dark-hover-perspective-2000:hover { perspective: 2000px; }
.focus-perspective-2000:focus { perspective: 2000px; }
html[data-theme="dark"] .dark-focus-perspective-2000:focus { perspective: 2000px; }
.active-perspective-2000:active { perspective: 2000px; }
html[data-theme="dark"] .dark-active-perspective-2000:active { perspective: 2000px; }
.disabled-perspective-2000:disabled { perspective: 2000px; }
html[data-theme="dark"] .dark-disabled-perspective-2000:disabled { perspective: 2000px; }
.focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
html[data-theme="dark"] .dark-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
.focus-within-perspective-2000:focus-within { perspective: 2000px; }
html[data-theme="dark"] .dark-focus-within-perspective-2000:focus-within { perspective: 2000px; }
.group:hover .group-hover-perspective-2000 { perspective: 2000px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-2000 { perspective: 2000px; }
.perspective-origin-center { perspective-origin: center; }
html[data-theme="dark"] .dark-perspective-origin-center { perspective-origin: center; }
.hover-perspective-origin-center:hover { perspective-origin: center; }
html[data-theme="dark"] .dark-hover-perspective-origin-center:hover { perspective-origin: center; }
.focus-perspective-origin-center:focus { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-perspective-origin-center:focus { perspective-origin: center; }
.active-perspective-origin-center:active { perspective-origin: center; }
html[data-theme="dark"] .dark-active-perspective-origin-center:active { perspective-origin: center; }
.disabled-perspective-origin-center:disabled { perspective-origin: center; }
html[data-theme="dark"] .dark-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
.focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
.group:hover .group-hover-perspective-origin-center { perspective-origin: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
html[data-theme="dark"] .dark-perspective-origin-top { perspective-origin: top; }
.hover-perspective-origin-top:hover { perspective-origin: top; }
html[data-theme="dark"] .dark-hover-perspective-origin-top:hover { perspective-origin: top; }
.focus-perspective-origin-top:focus { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-perspective-origin-top:focus { perspective-origin: top; }
.active-perspective-origin-top:active { perspective-origin: top; }
html[data-theme="dark"] .dark-active-perspective-origin-top:active { perspective-origin: top; }
.disabled-perspective-origin-top:disabled { perspective-origin: top; }
html[data-theme="dark"] .dark-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
.focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
.group:hover .group-hover-perspective-origin-top { perspective-origin: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-top { perspective-origin: top; }
.perspective-origin-bottom { perspective-origin: bottom; }
html[data-theme="dark"] .dark-perspective-origin-bottom { perspective-origin: bottom; }
.hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
html[data-theme="dark"] .dark-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.active-perspective-origin-bottom:active { perspective-origin: bottom; }
html[data-theme="dark"] .dark-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
html[data-theme="dark"] .dark-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
.focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
.group:hover .group-hover-perspective-origin-bottom { perspective-origin: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
.perspective-origin-left { perspective-origin: left; }
html[data-theme="dark"] .dark-perspective-origin-left { perspective-origin: left; }
.hover-perspective-origin-left:hover { perspective-origin: left; }
html[data-theme="dark"] .dark-hover-perspective-origin-left:hover { perspective-origin: left; }
.focus-perspective-origin-left:focus { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-perspective-origin-left:focus { perspective-origin: left; }
.active-perspective-origin-left:active { perspective-origin: left; }
html[data-theme="dark"] .dark-active-perspective-origin-left:active { perspective-origin: left; }
.disabled-perspective-origin-left:disabled { perspective-origin: left; }
html[data-theme="dark"] .dark-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
.focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
.group:hover .group-hover-perspective-origin-left { perspective-origin: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
html[data-theme="dark"] .dark-perspective-origin-right { perspective-origin: right; }
.hover-perspective-origin-right:hover { perspective-origin: right; }
html[data-theme="dark"] .dark-hover-perspective-origin-right:hover { perspective-origin: right; }
.focus-perspective-origin-right:focus { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-perspective-origin-right:focus { perspective-origin: right; }
.active-perspective-origin-right:active { perspective-origin: right; }
html[data-theme="dark"] .dark-active-perspective-origin-right:active { perspective-origin: right; }
.disabled-perspective-origin-right:disabled { perspective-origin: right; }
html[data-theme="dark"] .dark-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
.focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
.group:hover .group-hover-perspective-origin-right { perspective-origin: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-right { perspective-origin: right; }
.perspective-origin-top_left { perspective-origin: top left; }
html[data-theme="dark"] .dark-perspective-origin-top_left { perspective-origin: top left; }
.hover-perspective-origin-top_left:hover { perspective-origin: top left; }
html[data-theme="dark"] .dark-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.focus-perspective-origin-top_left:focus { perspective-origin: top left; }
html[data-theme="dark"] .dark-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.active-perspective-origin-top_left:active { perspective-origin: top left; }
html[data-theme="dark"] .dark-active-perspective-origin-top_left:active { perspective-origin: top left; }
.disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
html[data-theme="dark"] .dark-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
.focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
.group:hover .group-hover-perspective-origin-top_left { perspective-origin: top left; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-top_left { perspective-origin: top left; }
.perspective-origin-top_right { perspective-origin: top right; }
html[data-theme="dark"] .dark-perspective-origin-top_right { perspective-origin: top right; }
.hover-perspective-origin-top_right:hover { perspective-origin: top right; }
html[data-theme="dark"] .dark-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.focus-perspective-origin-top_right:focus { perspective-origin: top right; }
html[data-theme="dark"] .dark-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.active-perspective-origin-top_right:active { perspective-origin: top right; }
html[data-theme="dark"] .dark-active-perspective-origin-top_right:active { perspective-origin: top right; }
.disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
html[data-theme="dark"] .dark-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
.focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
.group:hover .group-hover-perspective-origin-top_right { perspective-origin: top right; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-top_right { perspective-origin: top right; }
.perspective-origin-bottom_left { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-perspective-origin-bottom_left { perspective-origin: bottom left; }
.hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
.focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
.group:hover .group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
.perspective-origin-bottom_right { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-perspective-origin-bottom_right { perspective-origin: bottom right; }
.hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
.focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
.group:hover .group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
.transform { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-transform { transform: var(--quanta-transform, none); }
.hover-transform:hover { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-hover-transform:hover { transform: var(--quanta-transform, none); }
.focus-transform:focus { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-transform:focus { transform: var(--quanta-transform, none); }
.active-transform:active { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-active-transform:active { transform: var(--quanta-transform, none); }
.disabled-transform:disabled { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
.focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
.group:hover .group-hover-transform { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .group:hover .dark-group-hover-transform { transform: var(--quanta-transform, none); }
.transform-none { transform: none; }
html[data-theme="dark"] .dark-transform-none { transform: none; }
.hover-transform-none:hover { transform: none; }
html[data-theme="dark"] .dark-hover-transform-none:hover { transform: none; }
.focus-transform-none:focus { transform: none; }
html[data-theme="dark"] .dark-focus-transform-none:focus { transform: none; }
.active-transform-none:active { transform: none; }
html[data-theme="dark"] .dark-active-transform-none:active { transform: none; }
.disabled-transform-none:disabled { transform: none; }
html[data-theme="dark"] .dark-disabled-transform-none:disabled { transform: none; }
.focus-visible-transform-none:focus-visible { transform: none; }
html[data-theme="dark"] .dark-focus-visible-transform-none:focus-visible { transform: none; }
.focus-within-transform-none:focus-within { transform: none; }
html[data-theme="dark"] .dark-focus-within-transform-none:focus-within { transform: none; }
.group:hover .group-hover-transform-none { transform: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-none { transform: none; }
.rotate-n180 { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-rotate-n180 { transform: rotate(-180deg); }
.hover-rotate-n180:hover { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-hover-rotate-n180:hover { transform: rotate(-180deg); }
.focus-rotate-n180:focus { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-rotate-n180:focus { transform: rotate(-180deg); }
.active-rotate-n180:active { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-active-rotate-n180:active { transform: rotate(-180deg); }
.disabled-rotate-n180:disabled { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
.focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
html[data-theme="dark"] .dark-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
.group:hover .group-hover-rotate-n180 { transform: rotate(-180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-n180 { transform: rotate(-180deg); }
.rotate-n90 { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-rotate-n90 { transform: rotate(-90deg); }
.hover-rotate-n90:hover { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-hover-rotate-n90:hover { transform: rotate(-90deg); }
.focus-rotate-n90:focus { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-rotate-n90:focus { transform: rotate(-90deg); }
.active-rotate-n90:active { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-active-rotate-n90:active { transform: rotate(-90deg); }
.disabled-rotate-n90:disabled { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
.focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
html[data-theme="dark"] .dark-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
.group:hover .group-hover-rotate-n90 { transform: rotate(-90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-n90 { transform: rotate(-90deg); }
.rotate-n45 { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-rotate-n45 { transform: rotate(-45deg); }
.hover-rotate-n45:hover { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-hover-rotate-n45:hover { transform: rotate(-45deg); }
.focus-rotate-n45:focus { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-rotate-n45:focus { transform: rotate(-45deg); }
.active-rotate-n45:active { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-active-rotate-n45:active { transform: rotate(-45deg); }
.disabled-rotate-n45:disabled { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
.focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
html[data-theme="dark"] .dark-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
.group:hover .group-hover-rotate-n45 { transform: rotate(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-n45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
html[data-theme="dark"] .dark-rotate-0 { transform: rotate(0deg); }
.hover-rotate-0:hover { transform: rotate(0deg); }
html[data-theme="dark"] .dark-hover-rotate-0:hover { transform: rotate(0deg); }
.focus-rotate-0:focus { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-rotate-0:focus { transform: rotate(0deg); }
.active-rotate-0:active { transform: rotate(0deg); }
html[data-theme="dark"] .dark-active-rotate-0:active { transform: rotate(0deg); }
.disabled-rotate-0:disabled { transform: rotate(0deg); }
html[data-theme="dark"] .dark-disabled-rotate-0:disabled { transform: rotate(0deg); }
.focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
.focus-within-rotate-0:focus-within { transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { transform: rotate(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
html[data-theme="dark"] .dark-rotate-45 { transform: rotate(45deg); }
.hover-rotate-45:hover { transform: rotate(45deg); }
html[data-theme="dark"] .dark-hover-rotate-45:hover { transform: rotate(45deg); }
.focus-rotate-45:focus { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-rotate-45:focus { transform: rotate(45deg); }
.active-rotate-45:active { transform: rotate(45deg); }
html[data-theme="dark"] .dark-active-rotate-45:active { transform: rotate(45deg); }
.disabled-rotate-45:disabled { transform: rotate(45deg); }
html[data-theme="dark"] .dark-disabled-rotate-45:disabled { transform: rotate(45deg); }
.focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
.focus-within-rotate-45:focus-within { transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { transform: rotate(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
html[data-theme="dark"] .dark-rotate-90 { transform: rotate(90deg); }
.hover-rotate-90:hover { transform: rotate(90deg); }
html[data-theme="dark"] .dark-hover-rotate-90:hover { transform: rotate(90deg); }
.focus-rotate-90:focus { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-rotate-90:focus { transform: rotate(90deg); }
.active-rotate-90:active { transform: rotate(90deg); }
html[data-theme="dark"] .dark-active-rotate-90:active { transform: rotate(90deg); }
.disabled-rotate-90:disabled { transform: rotate(90deg); }
html[data-theme="dark"] .dark-disabled-rotate-90:disabled { transform: rotate(90deg); }
.focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
.focus-within-rotate-90:focus-within { transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { transform: rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
html[data-theme="dark"] .dark-rotate-180 { transform: rotate(180deg); }
.hover-rotate-180:hover { transform: rotate(180deg); }
html[data-theme="dark"] .dark-hover-rotate-180:hover { transform: rotate(180deg); }
.focus-rotate-180:focus { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-rotate-180:focus { transform: rotate(180deg); }
.active-rotate-180:active { transform: rotate(180deg); }
html[data-theme="dark"] .dark-active-rotate-180:active { transform: rotate(180deg); }
.disabled-rotate-180:disabled { transform: rotate(180deg); }
html[data-theme="dark"] .dark-disabled-rotate-180:disabled { transform: rotate(180deg); }
.focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
.focus-within-rotate-180:focus-within { transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { transform: rotate(180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-180 { transform: rotate(180deg); }
.scale-50 { transform: scale(0.5); }
html[data-theme="dark"] .dark-scale-50 { transform: scale(0.5); }
.hover-scale-50:hover { transform: scale(0.5); }
html[data-theme="dark"] .dark-hover-scale-50:hover { transform: scale(0.5); }
.focus-scale-50:focus { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-scale-50:focus { transform: scale(0.5); }
.active-scale-50:active { transform: scale(0.5); }
html[data-theme="dark"] .dark-active-scale-50:active { transform: scale(0.5); }
.disabled-scale-50:disabled { transform: scale(0.5); }
html[data-theme="dark"] .dark-disabled-scale-50:disabled { transform: scale(0.5); }
.focus-visible-scale-50:focus-visible { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
.focus-within-scale-50:focus-within { transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-within-scale-50:focus-within { transform: scale(0.5); }
.group:hover .group-hover-scale-50 { transform: scale(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
html[data-theme="dark"] .dark-scale-75 { transform: scale(0.75); }
.hover-scale-75:hover { transform: scale(0.75); }
html[data-theme="dark"] .dark-hover-scale-75:hover { transform: scale(0.75); }
.focus-scale-75:focus { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-scale-75:focus { transform: scale(0.75); }
.active-scale-75:active { transform: scale(0.75); }
html[data-theme="dark"] .dark-active-scale-75:active { transform: scale(0.75); }
.disabled-scale-75:disabled { transform: scale(0.75); }
html[data-theme="dark"] .dark-disabled-scale-75:disabled { transform: scale(0.75); }
.focus-visible-scale-75:focus-visible { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
.focus-within-scale-75:focus-within { transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-within-scale-75:focus-within { transform: scale(0.75); }
.group:hover .group-hover-scale-75 { transform: scale(0.75); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
html[data-theme="dark"] .dark-scale-90 { transform: scale(0.9); }
.hover-scale-90:hover { transform: scale(0.9); }
html[data-theme="dark"] .dark-hover-scale-90:hover { transform: scale(0.9); }
.focus-scale-90:focus { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-scale-90:focus { transform: scale(0.9); }
.active-scale-90:active { transform: scale(0.9); }
html[data-theme="dark"] .dark-active-scale-90:active { transform: scale(0.9); }
.disabled-scale-90:disabled { transform: scale(0.9); }
html[data-theme="dark"] .dark-disabled-scale-90:disabled { transform: scale(0.9); }
.focus-visible-scale-90:focus-visible { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
.focus-within-scale-90:focus-within { transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-within-scale-90:focus-within { transform: scale(0.9); }
.group:hover .group-hover-scale-90 { transform: scale(0.9); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
html[data-theme="dark"] .dark-scale-95 { transform: scale(0.95); }
.hover-scale-95:hover { transform: scale(0.95); }
html[data-theme="dark"] .dark-hover-scale-95:hover { transform: scale(0.95); }
.focus-scale-95:focus { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-scale-95:focus { transform: scale(0.95); }
.active-scale-95:active { transform: scale(0.95); }
html[data-theme="dark"] .dark-active-scale-95:active { transform: scale(0.95); }
.disabled-scale-95:disabled { transform: scale(0.95); }
html[data-theme="dark"] .dark-disabled-scale-95:disabled { transform: scale(0.95); }
.focus-visible-scale-95:focus-visible { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
.focus-within-scale-95:focus-within { transform: scale(0.95); }
html[data-theme="dark"] .dark-focus-within-scale-95:focus-within { transform: scale(0.95); }
.group:hover .group-hover-scale-95 { transform: scale(0.95); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
html[data-theme="dark"] .dark-scale-100 { transform: scale(1.0); }
.hover-scale-100:hover { transform: scale(1.0); }
html[data-theme="dark"] .dark-hover-scale-100:hover { transform: scale(1.0); }
.focus-scale-100:focus { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-scale-100:focus { transform: scale(1.0); }
.active-scale-100:active { transform: scale(1.0); }
html[data-theme="dark"] .dark-active-scale-100:active { transform: scale(1.0); }
.disabled-scale-100:disabled { transform: scale(1.0); }
html[data-theme="dark"] .dark-disabled-scale-100:disabled { transform: scale(1.0); }
.focus-visible-scale-100:focus-visible { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
.focus-within-scale-100:focus-within { transform: scale(1.0); }
html[data-theme="dark"] .dark-focus-within-scale-100:focus-within { transform: scale(1.0); }
.group:hover .group-hover-scale-100 { transform: scale(1.0); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
html[data-theme="dark"] .dark-scale-105 { transform: scale(1.05); }
.hover-scale-105:hover { transform: scale(1.05); }
html[data-theme="dark"] .dark-hover-scale-105:hover { transform: scale(1.05); }
.focus-scale-105:focus { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-scale-105:focus { transform: scale(1.05); }
.active-scale-105:active { transform: scale(1.05); }
html[data-theme="dark"] .dark-active-scale-105:active { transform: scale(1.05); }
.disabled-scale-105:disabled { transform: scale(1.05); }
html[data-theme="dark"] .dark-disabled-scale-105:disabled { transform: scale(1.05); }
.focus-visible-scale-105:focus-visible { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
.focus-within-scale-105:focus-within { transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-within-scale-105:focus-within { transform: scale(1.05); }
.group:hover .group-hover-scale-105 { transform: scale(1.05); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
html[data-theme="dark"] .dark-scale-110 { transform: scale(1.1); }
.hover-scale-110:hover { transform: scale(1.1); }
html[data-theme="dark"] .dark-hover-scale-110:hover { transform: scale(1.1); }
.focus-scale-110:focus { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-scale-110:focus { transform: scale(1.1); }
.active-scale-110:active { transform: scale(1.1); }
html[data-theme="dark"] .dark-active-scale-110:active { transform: scale(1.1); }
.disabled-scale-110:disabled { transform: scale(1.1); }
html[data-theme="dark"] .dark-disabled-scale-110:disabled { transform: scale(1.1); }
.focus-visible-scale-110:focus-visible { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
.focus-within-scale-110:focus-within { transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-within-scale-110:focus-within { transform: scale(1.1); }
.group:hover .group-hover-scale-110 { transform: scale(1.1); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
html[data-theme="dark"] .dark-scale-125 { transform: scale(1.25); }
.hover-scale-125:hover { transform: scale(1.25); }
html[data-theme="dark"] .dark-hover-scale-125:hover { transform: scale(1.25); }
.focus-scale-125:focus { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-scale-125:focus { transform: scale(1.25); }
.active-scale-125:active { transform: scale(1.25); }
html[data-theme="dark"] .dark-active-scale-125:active { transform: scale(1.25); }
.disabled-scale-125:disabled { transform: scale(1.25); }
html[data-theme="dark"] .dark-disabled-scale-125:disabled { transform: scale(1.25); }
.focus-visible-scale-125:focus-visible { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
.focus-within-scale-125:focus-within { transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-within-scale-125:focus-within { transform: scale(1.25); }
.group:hover .group-hover-scale-125 { transform: scale(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
html[data-theme="dark"] .dark-scale-150 { transform: scale(1.5); }
.hover-scale-150:hover { transform: scale(1.5); }
html[data-theme="dark"] .dark-hover-scale-150:hover { transform: scale(1.5); }
.focus-scale-150:focus { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-scale-150:focus { transform: scale(1.5); }
.active-scale-150:active { transform: scale(1.5); }
html[data-theme="dark"] .dark-active-scale-150:active { transform: scale(1.5); }
.disabled-scale-150:disabled { transform: scale(1.5); }
html[data-theme="dark"] .dark-disabled-scale-150:disabled { transform: scale(1.5); }
.focus-visible-scale-150:focus-visible { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
.focus-within-scale-150:focus-within { transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-within-scale-150:focus-within { transform: scale(1.5); }
.group:hover .group-hover-scale-150 { transform: scale(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-150 { transform: scale(1.5); }
.skew-x-n45 { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-skew-x-n45 { transform: skewX(-45deg); }
.hover-skew-x-n45:hover { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.focus-skew-x-n45:focus { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.active-skew-x-n45:active { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-active-skew-x-n45:active { transform: skewX(-45deg); }
.disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
.focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
.group:hover .group-hover-skew-x-n45 { transform: skewX(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-n45 { transform: skewX(-45deg); }
.skew-y-n45 { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-skew-y-n45 { transform: skewY(-45deg); }
.hover-skew-y-n45:hover { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.focus-skew-y-n45:focus { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.active-skew-y-n45:active { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-active-skew-y-n45:active { transform: skewY(-45deg); }
.disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
.focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
.group:hover .group-hover-skew-y-n45 { transform: skewY(-45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-n45 { transform: skewY(-45deg); }
.skew-x-n30 { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-skew-x-n30 { transform: skewX(-30deg); }
.hover-skew-x-n30:hover { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.focus-skew-x-n30:focus { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.active-skew-x-n30:active { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-active-skew-x-n30:active { transform: skewX(-30deg); }
.disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
.focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
.group:hover .group-hover-skew-x-n30 { transform: skewX(-30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-n30 { transform: skewX(-30deg); }
.skew-y-n30 { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-skew-y-n30 { transform: skewY(-30deg); }
.hover-skew-y-n30:hover { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.focus-skew-y-n30:focus { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.active-skew-y-n30:active { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-active-skew-y-n30:active { transform: skewY(-30deg); }
.disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
.focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
.group:hover .group-hover-skew-y-n30 { transform: skewY(-30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-n30 { transform: skewY(-30deg); }
.skew-x-n15 { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-skew-x-n15 { transform: skewX(-15deg); }
.hover-skew-x-n15:hover { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.focus-skew-x-n15:focus { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.active-skew-x-n15:active { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-active-skew-x-n15:active { transform: skewX(-15deg); }
.disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
.focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
.group:hover .group-hover-skew-x-n15 { transform: skewX(-15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-n15 { transform: skewX(-15deg); }
.skew-y-n15 { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-skew-y-n15 { transform: skewY(-15deg); }
.hover-skew-y-n15:hover { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.focus-skew-y-n15:focus { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.active-skew-y-n15:active { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-active-skew-y-n15:active { transform: skewY(-15deg); }
.disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
.focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
.group:hover .group-hover-skew-y-n15 { transform: skewY(-15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-n15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
html[data-theme="dark"] .dark-skew-x-0 { transform: skewX(0deg); }
.hover-skew-x-0:hover { transform: skewX(0deg); }
html[data-theme="dark"] .dark-hover-skew-x-0:hover { transform: skewX(0deg); }
.focus-skew-x-0:focus { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-skew-x-0:focus { transform: skewX(0deg); }
.active-skew-x-0:active { transform: skewX(0deg); }
html[data-theme="dark"] .dark-active-skew-x-0:active { transform: skewX(0deg); }
.disabled-skew-x-0:disabled { transform: skewX(0deg); }
html[data-theme="dark"] .dark-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
.focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
.group:hover .group-hover-skew-x-0 { transform: skewX(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
html[data-theme="dark"] .dark-skew-y-0 { transform: skewY(0deg); }
.hover-skew-y-0:hover { transform: skewY(0deg); }
html[data-theme="dark"] .dark-hover-skew-y-0:hover { transform: skewY(0deg); }
.focus-skew-y-0:focus { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-skew-y-0:focus { transform: skewY(0deg); }
.active-skew-y-0:active { transform: skewY(0deg); }
html[data-theme="dark"] .dark-active-skew-y-0:active { transform: skewY(0deg); }
.disabled-skew-y-0:disabled { transform: skewY(0deg); }
html[data-theme="dark"] .dark-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
.focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
.group:hover .group-hover-skew-y-0 { transform: skewY(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
html[data-theme="dark"] .dark-skew-x-15 { transform: skewX(15deg); }
.hover-skew-x-15:hover { transform: skewX(15deg); }
html[data-theme="dark"] .dark-hover-skew-x-15:hover { transform: skewX(15deg); }
.focus-skew-x-15:focus { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-skew-x-15:focus { transform: skewX(15deg); }
.active-skew-x-15:active { transform: skewX(15deg); }
html[data-theme="dark"] .dark-active-skew-x-15:active { transform: skewX(15deg); }
.disabled-skew-x-15:disabled { transform: skewX(15deg); }
html[data-theme="dark"] .dark-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
.focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
.group:hover .group-hover-skew-x-15 { transform: skewX(15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
html[data-theme="dark"] .dark-skew-y-15 { transform: skewY(15deg); }
.hover-skew-y-15:hover { transform: skewY(15deg); }
html[data-theme="dark"] .dark-hover-skew-y-15:hover { transform: skewY(15deg); }
.focus-skew-y-15:focus { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-skew-y-15:focus { transform: skewY(15deg); }
.active-skew-y-15:active { transform: skewY(15deg); }
html[data-theme="dark"] .dark-active-skew-y-15:active { transform: skewY(15deg); }
.disabled-skew-y-15:disabled { transform: skewY(15deg); }
html[data-theme="dark"] .dark-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
.focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
.group:hover .group-hover-skew-y-15 { transform: skewY(15deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
html[data-theme="dark"] .dark-skew-x-30 { transform: skewX(30deg); }
.hover-skew-x-30:hover { transform: skewX(30deg); }
html[data-theme="dark"] .dark-hover-skew-x-30:hover { transform: skewX(30deg); }
.focus-skew-x-30:focus { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-skew-x-30:focus { transform: skewX(30deg); }
.active-skew-x-30:active { transform: skewX(30deg); }
html[data-theme="dark"] .dark-active-skew-x-30:active { transform: skewX(30deg); }
.disabled-skew-x-30:disabled { transform: skewX(30deg); }
html[data-theme="dark"] .dark-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
.focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
.group:hover .group-hover-skew-x-30 { transform: skewX(30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
html[data-theme="dark"] .dark-skew-y-30 { transform: skewY(30deg); }
.hover-skew-y-30:hover { transform: skewY(30deg); }
html[data-theme="dark"] .dark-hover-skew-y-30:hover { transform: skewY(30deg); }
.focus-skew-y-30:focus { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-skew-y-30:focus { transform: skewY(30deg); }
.active-skew-y-30:active { transform: skewY(30deg); }
html[data-theme="dark"] .dark-active-skew-y-30:active { transform: skewY(30deg); }
.disabled-skew-y-30:disabled { transform: skewY(30deg); }
html[data-theme="dark"] .dark-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
.focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
.group:hover .group-hover-skew-y-30 { transform: skewY(30deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
html[data-theme="dark"] .dark-skew-x-45 { transform: skewX(45deg); }
.hover-skew-x-45:hover { transform: skewX(45deg); }
html[data-theme="dark"] .dark-hover-skew-x-45:hover { transform: skewX(45deg); }
.focus-skew-x-45:focus { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-skew-x-45:focus { transform: skewX(45deg); }
.active-skew-x-45:active { transform: skewX(45deg); }
html[data-theme="dark"] .dark-active-skew-x-45:active { transform: skewX(45deg); }
.disabled-skew-x-45:disabled { transform: skewX(45deg); }
html[data-theme="dark"] .dark-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
.focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
.group:hover .group-hover-skew-x-45 { transform: skewX(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
html[data-theme="dark"] .dark-skew-y-45 { transform: skewY(45deg); }
.hover-skew-y-45:hover { transform: skewY(45deg); }
html[data-theme="dark"] .dark-hover-skew-y-45:hover { transform: skewY(45deg); }
.focus-skew-y-45:focus { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-skew-y-45:focus { transform: skewY(45deg); }
.active-skew-y-45:active { transform: skewY(45deg); }
html[data-theme="dark"] .dark-active-skew-y-45:active { transform: skewY(45deg); }
.disabled-skew-y-45:disabled { transform: skewY(45deg); }
html[data-theme="dark"] .dark-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
.focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
.group:hover .group-hover-skew-y-45 { transform: skewY(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-45 { transform: skewY(45deg); }
.translate-x-0 { transform: translateX(0rem); }
html[data-theme="dark"] .dark-translate-x-0 { transform: translateX(0rem); }
.hover-translate-x-0:hover { transform: translateX(0rem); }
html[data-theme="dark"] .dark-hover-translate-x-0:hover { transform: translateX(0rem); }
.focus-translate-x-0:focus { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-translate-x-0:focus { transform: translateX(0rem); }
.active-translate-x-0:active { transform: translateX(0rem); }
html[data-theme="dark"] .dark-active-translate-x-0:active { transform: translateX(0rem); }
.disabled-translate-x-0:disabled { transform: translateX(0rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
.focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
.group:hover .group-hover-translate-x-0 { transform: translateX(0rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
html[data-theme="dark"] .dark-translate-y-0 { transform: translateY(0rem); }
.hover-translate-y-0:hover { transform: translateY(0rem); }
html[data-theme="dark"] .dark-hover-translate-y-0:hover { transform: translateY(0rem); }
.focus-translate-y-0:focus { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-translate-y-0:focus { transform: translateY(0rem); }
.active-translate-y-0:active { transform: translateY(0rem); }
html[data-theme="dark"] .dark-active-translate-y-0:active { transform: translateY(0rem); }
.disabled-translate-y-0:disabled { transform: translateY(0rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
.focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
.group:hover .group-hover-translate-y-0 { transform: translateY(0rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0 { transform: translateY(0rem); }
.translate-x-0_125 { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-translate-x-0_125 { transform: translateX(0.125rem); }
.hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.active-translate-x-0_125:active { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
.focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
.group:hover .group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
.translate-y-0_125 { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-translate-y-0_125 { transform: translateY(0.125rem); }
.hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.active-translate-y-0_125:active { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
.focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
.group:hover .group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-translate-x-0_25 { transform: translateX(0.25rem); }
.hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.active-translate-x-0_25:active { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
.focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-translate-y-0_25 { transform: translateY(0.25rem); }
.hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.active-translate-y-0_25:active { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
.focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-translate-x-0_5 { transform: translateX(0.5rem); }
.hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.active-translate-x-0_5:active { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
.focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-translate-y-0_5 { transform: translateY(0.5rem); }
.hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.active-translate-y-0_5:active { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
.focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-0_75 { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-translate-x-0_75 { transform: translateX(0.75rem); }
.hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.active-translate-x-0_75:active { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
.focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
.group:hover .group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
.translate-y-0_75 { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-translate-y-0_75 { transform: translateY(0.75rem); }
.hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.active-translate-y-0_75:active { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
.focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
.group:hover .group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
.translate-x-1 { transform: translateX(1rem); }
html[data-theme="dark"] .dark-translate-x-1 { transform: translateX(1rem); }
.hover-translate-x-1:hover { transform: translateX(1rem); }
html[data-theme="dark"] .dark-hover-translate-x-1:hover { transform: translateX(1rem); }
.focus-translate-x-1:focus { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-translate-x-1:focus { transform: translateX(1rem); }
.active-translate-x-1:active { transform: translateX(1rem); }
html[data-theme="dark"] .dark-active-translate-x-1:active { transform: translateX(1rem); }
.disabled-translate-x-1:disabled { transform: translateX(1rem); }
html[data-theme="dark"] .dark-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
.focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
.group:hover .group-hover-translate-x-1 { transform: translateX(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
html[data-theme="dark"] .dark-translate-y-1 { transform: translateY(1rem); }
.hover-translate-y-1:hover { transform: translateY(1rem); }
html[data-theme="dark"] .dark-hover-translate-y-1:hover { transform: translateY(1rem); }
.focus-translate-y-1:focus { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-translate-y-1:focus { transform: translateY(1rem); }
.active-translate-y-1:active { transform: translateY(1rem); }
html[data-theme="dark"] .dark-active-translate-y-1:active { transform: translateY(1rem); }
.disabled-translate-y-1:disabled { transform: translateY(1rem); }
html[data-theme="dark"] .dark-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
.focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
.group:hover .group-hover-translate-y-1 { transform: translateY(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-translate-x-1_5 { transform: translateX(1.5rem); }
.hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.active-translate-x-1_5:active { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
.focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
.group:hover .group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-translate-y-1_5 { transform: translateY(1.5rem); }
.hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.active-translate-y-1_5:active { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
.focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
.group:hover .group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
html[data-theme="dark"] .dark-translate-x-2 { transform: translateX(2rem); }
.hover-translate-x-2:hover { transform: translateX(2rem); }
html[data-theme="dark"] .dark-hover-translate-x-2:hover { transform: translateX(2rem); }
.focus-translate-x-2:focus { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-translate-x-2:focus { transform: translateX(2rem); }
.active-translate-x-2:active { transform: translateX(2rem); }
html[data-theme="dark"] .dark-active-translate-x-2:active { transform: translateX(2rem); }
.disabled-translate-x-2:disabled { transform: translateX(2rem); }
html[data-theme="dark"] .dark-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
.focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
.group:hover .group-hover-translate-x-2 { transform: translateX(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
html[data-theme="dark"] .dark-translate-y-2 { transform: translateY(2rem); }
.hover-translate-y-2:hover { transform: translateY(2rem); }
html[data-theme="dark"] .dark-hover-translate-y-2:hover { transform: translateY(2rem); }
.focus-translate-y-2:focus { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-translate-y-2:focus { transform: translateY(2rem); }
.active-translate-y-2:active { transform: translateY(2rem); }
html[data-theme="dark"] .dark-active-translate-y-2:active { transform: translateY(2rem); }
.disabled-translate-y-2:disabled { transform: translateY(2rem); }
html[data-theme="dark"] .dark-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
.focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
.group:hover .group-hover-translate-y-2 { transform: translateY(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
html[data-theme="dark"] .dark-translate-x-3 { transform: translateX(3rem); }
.hover-translate-x-3:hover { transform: translateX(3rem); }
html[data-theme="dark"] .dark-hover-translate-x-3:hover { transform: translateX(3rem); }
.focus-translate-x-3:focus { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-translate-x-3:focus { transform: translateX(3rem); }
.active-translate-x-3:active { transform: translateX(3rem); }
html[data-theme="dark"] .dark-active-translate-x-3:active { transform: translateX(3rem); }
.disabled-translate-x-3:disabled { transform: translateX(3rem); }
html[data-theme="dark"] .dark-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
.focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
.group:hover .group-hover-translate-x-3 { transform: translateX(3rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
html[data-theme="dark"] .dark-translate-y-3 { transform: translateY(3rem); }
.hover-translate-y-3:hover { transform: translateY(3rem); }
html[data-theme="dark"] .dark-hover-translate-y-3:hover { transform: translateY(3rem); }
.focus-translate-y-3:focus { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-translate-y-3:focus { transform: translateY(3rem); }
.active-translate-y-3:active { transform: translateY(3rem); }
html[data-theme="dark"] .dark-active-translate-y-3:active { transform: translateY(3rem); }
.disabled-translate-y-3:disabled { transform: translateY(3rem); }
html[data-theme="dark"] .dark-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
.focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
.group:hover .group-hover-translate-y-3 { transform: translateY(3rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
html[data-theme="dark"] .dark-translate-x-4 { transform: translateX(4rem); }
.hover-translate-x-4:hover { transform: translateX(4rem); }
html[data-theme="dark"] .dark-hover-translate-x-4:hover { transform: translateX(4rem); }
.focus-translate-x-4:focus { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-translate-x-4:focus { transform: translateX(4rem); }
.active-translate-x-4:active { transform: translateX(4rem); }
html[data-theme="dark"] .dark-active-translate-x-4:active { transform: translateX(4rem); }
.disabled-translate-x-4:disabled { transform: translateX(4rem); }
html[data-theme="dark"] .dark-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
.focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
.group:hover .group-hover-translate-x-4 { transform: translateX(4rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
html[data-theme="dark"] .dark-translate-y-4 { transform: translateY(4rem); }
.hover-translate-y-4:hover { transform: translateY(4rem); }
html[data-theme="dark"] .dark-hover-translate-y-4:hover { transform: translateY(4rem); }
.focus-translate-y-4:focus { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-translate-y-4:focus { transform: translateY(4rem); }
.active-translate-y-4:active { transform: translateY(4rem); }
html[data-theme="dark"] .dark-active-translate-y-4:active { transform: translateY(4rem); }
.disabled-translate-y-4:disabled { transform: translateY(4rem); }
html[data-theme="dark"] .dark-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
.focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
.group:hover .group-hover-translate-y-4 { transform: translateY(4rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-4 { transform: translateY(4rem); }
.origin-center { transform-origin: center; }
html[data-theme="dark"] .dark-origin-center { transform-origin: center; }
.hover-origin-center:hover { transform-origin: center; }
html[data-theme="dark"] .dark-hover-origin-center:hover { transform-origin: center; }
.focus-origin-center:focus { transform-origin: center; }
html[data-theme="dark"] .dark-focus-origin-center:focus { transform-origin: center; }
.active-origin-center:active { transform-origin: center; }
html[data-theme="dark"] .dark-active-origin-center:active { transform-origin: center; }
.disabled-origin-center:disabled { transform-origin: center; }
html[data-theme="dark"] .dark-disabled-origin-center:disabled { transform-origin: center; }
.focus-visible-origin-center:focus-visible { transform-origin: center; }
html[data-theme="dark"] .dark-focus-visible-origin-center:focus-visible { transform-origin: center; }
.focus-within-origin-center:focus-within { transform-origin: center; }
html[data-theme="dark"] .dark-focus-within-origin-center:focus-within { transform-origin: center; }
.group:hover .group-hover-origin-center { transform-origin: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
html[data-theme="dark"] .dark-origin-top { transform-origin: top; }
.hover-origin-top:hover { transform-origin: top; }
html[data-theme="dark"] .dark-hover-origin-top:hover { transform-origin: top; }
.focus-origin-top:focus { transform-origin: top; }
html[data-theme="dark"] .dark-focus-origin-top:focus { transform-origin: top; }
.active-origin-top:active { transform-origin: top; }
html[data-theme="dark"] .dark-active-origin-top:active { transform-origin: top; }
.disabled-origin-top:disabled { transform-origin: top; }
html[data-theme="dark"] .dark-disabled-origin-top:disabled { transform-origin: top; }
.focus-visible-origin-top:focus-visible { transform-origin: top; }
html[data-theme="dark"] .dark-focus-visible-origin-top:focus-visible { transform-origin: top; }
.focus-within-origin-top:focus-within { transform-origin: top; }
html[data-theme="dark"] .dark-focus-within-origin-top:focus-within { transform-origin: top; }
.group:hover .group-hover-origin-top { transform-origin: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-top { transform-origin: top; }
.origin-bottom { transform-origin: bottom; }
html[data-theme="dark"] .dark-origin-bottom { transform-origin: bottom; }
.hover-origin-bottom:hover { transform-origin: bottom; }
html[data-theme="dark"] .dark-hover-origin-bottom:hover { transform-origin: bottom; }
.focus-origin-bottom:focus { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-origin-bottom:focus { transform-origin: bottom; }
.active-origin-bottom:active { transform-origin: bottom; }
html[data-theme="dark"] .dark-active-origin-bottom:active { transform-origin: bottom; }
.disabled-origin-bottom:disabled { transform-origin: bottom; }
html[data-theme="dark"] .dark-disabled-origin-bottom:disabled { transform-origin: bottom; }
.focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
.focus-within-origin-bottom:focus-within { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
.group:hover .group-hover-origin-bottom { transform-origin: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
html[data-theme="dark"] .dark-origin-left { transform-origin: left; }
.hover-origin-left:hover { transform-origin: left; }
html[data-theme="dark"] .dark-hover-origin-left:hover { transform-origin: left; }
.focus-origin-left:focus { transform-origin: left; }
html[data-theme="dark"] .dark-focus-origin-left:focus { transform-origin: left; }
.active-origin-left:active { transform-origin: left; }
html[data-theme="dark"] .dark-active-origin-left:active { transform-origin: left; }
.disabled-origin-left:disabled { transform-origin: left; }
html[data-theme="dark"] .dark-disabled-origin-left:disabled { transform-origin: left; }
.focus-visible-origin-left:focus-visible { transform-origin: left; }
html[data-theme="dark"] .dark-focus-visible-origin-left:focus-visible { transform-origin: left; }
.focus-within-origin-left:focus-within { transform-origin: left; }
html[data-theme="dark"] .dark-focus-within-origin-left:focus-within { transform-origin: left; }
.group:hover .group-hover-origin-left { transform-origin: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-left { transform-origin: left; }
.origin-right { transform-origin: right; }
html[data-theme="dark"] .dark-origin-right { transform-origin: right; }
.hover-origin-right:hover { transform-origin: right; }
html[data-theme="dark"] .dark-hover-origin-right:hover { transform-origin: right; }
.focus-origin-right:focus { transform-origin: right; }
html[data-theme="dark"] .dark-focus-origin-right:focus { transform-origin: right; }
.active-origin-right:active { transform-origin: right; }
html[data-theme="dark"] .dark-active-origin-right:active { transform-origin: right; }
.disabled-origin-right:disabled { transform-origin: right; }
html[data-theme="dark"] .dark-disabled-origin-right:disabled { transform-origin: right; }
.focus-visible-origin-right:focus-visible { transform-origin: right; }
html[data-theme="dark"] .dark-focus-visible-origin-right:focus-visible { transform-origin: right; }
.focus-within-origin-right:focus-within { transform-origin: right; }
html[data-theme="dark"] .dark-focus-within-origin-right:focus-within { transform-origin: right; }
.group:hover .group-hover-origin-right { transform-origin: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-right { transform-origin: right; }
.origin-top_left { transform-origin: top left; }
html[data-theme="dark"] .dark-origin-top_left { transform-origin: top left; }
.hover-origin-top_left:hover { transform-origin: top left; }
html[data-theme="dark"] .dark-hover-origin-top_left:hover { transform-origin: top left; }
.focus-origin-top_left:focus { transform-origin: top left; }
html[data-theme="dark"] .dark-focus-origin-top_left:focus { transform-origin: top left; }
.active-origin-top_left:active { transform-origin: top left; }
html[data-theme="dark"] .dark-active-origin-top_left:active { transform-origin: top left; }
.disabled-origin-top_left:disabled { transform-origin: top left; }
html[data-theme="dark"] .dark-disabled-origin-top_left:disabled { transform-origin: top left; }
.focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
html[data-theme="dark"] .dark-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
.focus-within-origin-top_left:focus-within { transform-origin: top left; }
html[data-theme="dark"] .dark-focus-within-origin-top_left:focus-within { transform-origin: top left; }
.group:hover .group-hover-origin-top_left { transform-origin: top left; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-top_left { transform-origin: top left; }
.origin-top_right { transform-origin: top right; }
html[data-theme="dark"] .dark-origin-top_right { transform-origin: top right; }
.hover-origin-top_right:hover { transform-origin: top right; }
html[data-theme="dark"] .dark-hover-origin-top_right:hover { transform-origin: top right; }
.focus-origin-top_right:focus { transform-origin: top right; }
html[data-theme="dark"] .dark-focus-origin-top_right:focus { transform-origin: top right; }
.active-origin-top_right:active { transform-origin: top right; }
html[data-theme="dark"] .dark-active-origin-top_right:active { transform-origin: top right; }
.disabled-origin-top_right:disabled { transform-origin: top right; }
html[data-theme="dark"] .dark-disabled-origin-top_right:disabled { transform-origin: top right; }
.focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
html[data-theme="dark"] .dark-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
.focus-within-origin-top_right:focus-within { transform-origin: top right; }
html[data-theme="dark"] .dark-focus-within-origin-top_right:focus-within { transform-origin: top right; }
.group:hover .group-hover-origin-top_right { transform-origin: top right; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-top_right { transform-origin: top right; }
.origin-bottom_left { transform-origin: bottom left; }
html[data-theme="dark"] .dark-origin-bottom_left { transform-origin: bottom left; }
.hover-origin-bottom_left:hover { transform-origin: bottom left; }
html[data-theme="dark"] .dark-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.focus-origin-bottom_left:focus { transform-origin: bottom left; }
html[data-theme="dark"] .dark-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.active-origin-bottom_left:active { transform-origin: bottom left; }
html[data-theme="dark"] .dark-active-origin-bottom_left:active { transform-origin: bottom left; }
.disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
html[data-theme="dark"] .dark-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
html[data-theme="dark"] .dark-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
.focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
html[data-theme="dark"] .dark-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
.group:hover .group-hover-origin-bottom_left { transform-origin: bottom left; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-bottom_left { transform-origin: bottom left; }
.origin-bottom_right { transform-origin: bottom right; }
html[data-theme="dark"] .dark-origin-bottom_right { transform-origin: bottom right; }
.hover-origin-bottom_right:hover { transform-origin: bottom right; }
html[data-theme="dark"] .dark-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.focus-origin-bottom_right:focus { transform-origin: bottom right; }
html[data-theme="dark"] .dark-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.active-origin-bottom_right:active { transform-origin: bottom right; }
html[data-theme="dark"] .dark-active-origin-bottom_right:active { transform-origin: bottom right; }
.disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
html[data-theme="dark"] .dark-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
html[data-theme="dark"] .dark-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
.focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
html[data-theme="dark"] .dark-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
.group:hover .group-hover-origin-bottom_right { transform-origin: bottom right; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-bottom_right { transform-origin: bottom right; }
.transform-style-flat { transform-style: flat; }
html[data-theme="dark"] .dark-transform-style-flat { transform-style: flat; }
.hover-transform-style-flat:hover { transform-style: flat; }
html[data-theme="dark"] .dark-hover-transform-style-flat:hover { transform-style: flat; }
.focus-transform-style-flat:focus { transform-style: flat; }
html[data-theme="dark"] .dark-focus-transform-style-flat:focus { transform-style: flat; }
.active-transform-style-flat:active { transform-style: flat; }
html[data-theme="dark"] .dark-active-transform-style-flat:active { transform-style: flat; }
.disabled-transform-style-flat:disabled { transform-style: flat; }
html[data-theme="dark"] .dark-disabled-transform-style-flat:disabled { transform-style: flat; }
.focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
html[data-theme="dark"] .dark-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
.focus-within-transform-style-flat:focus-within { transform-style: flat; }
html[data-theme="dark"] .dark-focus-within-transform-style-flat:focus-within { transform-style: flat; }
.group:hover .group-hover-transform-style-flat { transform-style: flat; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-style-flat { transform-style: flat; }
.transform-style-preserve-3d { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-transform-style-preserve-3d { transform-style: preserve-3d; }
.hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
.focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
.group:hover .group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
.accent-auto { accent-color: auto; }
html[data-theme="dark"] .dark-accent-auto { accent-color: auto; }
.hover-accent-auto:hover { accent-color: auto; }
html[data-theme="dark"] .dark-hover-accent-auto:hover { accent-color: auto; }
.focus-accent-auto:focus { accent-color: auto; }
html[data-theme="dark"] .dark-focus-accent-auto:focus { accent-color: auto; }
.active-accent-auto:active { accent-color: auto; }
html[data-theme="dark"] .dark-active-accent-auto:active { accent-color: auto; }
.disabled-accent-auto:disabled { accent-color: auto; }
html[data-theme="dark"] .dark-disabled-accent-auto:disabled { accent-color: auto; }
.focus-visible-accent-auto:focus-visible { accent-color: auto; }
html[data-theme="dark"] .dark-focus-visible-accent-auto:focus-visible { accent-color: auto; }
.focus-within-accent-auto:focus-within { accent-color: auto; }
html[data-theme="dark"] .dark-focus-within-accent-auto:focus-within { accent-color: auto; }
.group:hover .group-hover-accent-auto { accent-color: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-auto { accent-color: auto; }
.accent-transparent { accent-color: transparent; }
html[data-theme="dark"] .dark-accent-transparent { accent-color: transparent; }
.hover-accent-transparent:hover { accent-color: transparent; }
html[data-theme="dark"] .dark-hover-accent-transparent:hover { accent-color: transparent; }
.focus-accent-transparent:focus { accent-color: transparent; }
html[data-theme="dark"] .dark-focus-accent-transparent:focus { accent-color: transparent; }
.active-accent-transparent:active { accent-color: transparent; }
html[data-theme="dark"] .dark-active-accent-transparent:active { accent-color: transparent; }
.disabled-accent-transparent:disabled { accent-color: transparent; }
html[data-theme="dark"] .dark-disabled-accent-transparent:disabled { accent-color: transparent; }
.focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
html[data-theme="dark"] .dark-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
.focus-within-accent-transparent:focus-within { accent-color: transparent; }
html[data-theme="dark"] .dark-focus-within-accent-transparent:focus-within { accent-color: transparent; }
.group:hover .group-hover-accent-transparent { accent-color: transparent; }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-transparent { accent-color: transparent; }
.accent-red-50 { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-accent-red-50 { accent-color: var(--quanta-red-50); }
.hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.active-accent-red-50:active { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
.focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
.group:hover .group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
.accent-red-100 { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-accent-red-100 { accent-color: var(--quanta-red-100); }
.hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.active-accent-red-100:active { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
.focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
.group:hover .group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
.accent-red-200 { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-accent-red-200 { accent-color: var(--quanta-red-200); }
.hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.active-accent-red-200:active { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
.focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
.group:hover .group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
.accent-red-300 { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-accent-red-300 { accent-color: var(--quanta-red-300); }
.hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.active-accent-red-300:active { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
.focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
.group:hover .group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
.accent-red-400 { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-accent-red-400 { accent-color: var(--quanta-red-400); }
.hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.active-accent-red-400:active { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
.focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
.group:hover .group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
.accent-red-500 { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-accent-red-500 { accent-color: var(--quanta-red-500); }
.hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.active-accent-red-500:active { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
.focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
.group:hover .group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
.accent-red-600 { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-accent-red-600 { accent-color: var(--quanta-red-600); }
.hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.active-accent-red-600:active { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
.focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
.group:hover .group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
.accent-red-700 { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-accent-red-700 { accent-color: var(--quanta-red-700); }
.hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.active-accent-red-700:active { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
.focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
.group:hover .group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
.accent-red-800 { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-accent-red-800 { accent-color: var(--quanta-red-800); }
.hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.active-accent-red-800:active { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
.focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
.group:hover .group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
.accent-red-900 { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-accent-red-900 { accent-color: var(--quanta-red-900); }
.hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.active-accent-red-900:active { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
.focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
.group:hover .group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
.accent-orange-50 { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
.focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
.group:hover .group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.accent-orange-100 { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
.focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
.group:hover .group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.accent-orange-200 { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
.focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
.group:hover .group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.accent-orange-300 { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
.focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
.group:hover .group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.accent-orange-400 { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
.focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
.group:hover .group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.accent-orange-500 { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
.focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
.group:hover .group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.accent-orange-600 { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
.focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
.group:hover .group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.accent-orange-700 { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
.focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
.group:hover .group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.accent-orange-800 { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
.focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
.group:hover .group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.accent-orange-900 { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
.focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
.group:hover .group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.accent-teal-50 { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
.focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
.group:hover .group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.accent-teal-100 { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
.focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
.group:hover .group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.accent-teal-200 { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
.focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
.group:hover .group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.accent-teal-300 { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
.focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
.group:hover .group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.accent-teal-400 { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
.focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
.group:hover .group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.accent-teal-500 { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
.focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
.group:hover .group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.accent-teal-600 { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
.focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
.group:hover .group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.accent-teal-700 { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
.focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
.group:hover .group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.accent-teal-800 { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
.focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
.group:hover .group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.accent-teal-900 { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
.focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
.group:hover .group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.accent-purple-50 { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
.focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
.group:hover .group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.accent-purple-100 { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
.focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
.group:hover .group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.accent-purple-200 { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
.focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
.group:hover .group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.accent-purple-300 { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
.focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
.group:hover .group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.accent-purple-400 { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
.focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
.group:hover .group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.accent-purple-500 { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
.focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
.group:hover .group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.accent-purple-600 { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
.focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
.group:hover .group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.accent-purple-700 { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
.focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
.group:hover .group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.accent-purple-800 { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
.focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
.group:hover .group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.accent-purple-900 { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
.focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
.group:hover .group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
.focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
.group:hover .group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
.focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
.group:hover .group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
.focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
.group:hover .group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
.focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
.group:hover .group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
.focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
.group:hover .group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
.focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
.group:hover .group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
.focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
.group:hover .group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
.focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
.group:hover .group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
.focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
.group:hover .group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
.focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
.group:hover .group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
.focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
.group:hover .group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
.focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
.group:hover .group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
.focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
.group:hover .group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
.focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
.group:hover .group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
.focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
.group:hover .group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
.focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
.group:hover .group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
.focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
.group:hover .group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
.focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
.group:hover .group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
.focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
.group:hover .group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
.focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
.group:hover .group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.accent-pink-50 { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
.focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
.group:hover .group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.accent-pink-100 { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
.focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
.group:hover .group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.accent-pink-200 { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
.focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
.group:hover .group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.accent-pink-300 { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
.focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
.group:hover .group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.accent-pink-400 { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
.focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
.group:hover .group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.accent-pink-500 { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
.focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
.group:hover .group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.accent-pink-600 { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
.focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
.group:hover .group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.accent-pink-700 { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
.focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
.group:hover .group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.accent-pink-800 { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
.focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
.group:hover .group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.accent-pink-900 { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
.focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
.group:hover .group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.accent-grey-50 { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
.focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
.group:hover .group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.accent-grey-100 { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
.focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
.group:hover .group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.accent-grey-200 { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
.focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
.group:hover .group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.accent-grey-300 { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
.focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
.group:hover .group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.accent-grey-400 { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
.focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
.group:hover .group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.accent-grey-500 { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
.focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
.group:hover .group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.accent-grey-600 { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
.focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
.group:hover .group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.accent-grey-700 { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
.focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
.group:hover .group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.accent-grey-800 { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
.focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
.group:hover .group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.accent-grey-900 { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
.focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
.group:hover .group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
.hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
.focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
.active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
.disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
.focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
.focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
.group:hover .group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
.accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
.hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
.focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
.active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
.disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
.focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
.focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
.group:hover .group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
.accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
.hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
.focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
.active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
.disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
.focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
.focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
.group:hover .group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
.accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
.hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
.focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
.active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
.disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
.focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
.focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
.group:hover .group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
.accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
.hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
.focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
.active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
.disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
.focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
.focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
.group:hover .group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
.accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
.hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
.focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
.active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
.disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
.focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
.focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
.group:hover .group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
.accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
.hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
.focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
.active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
.disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
.focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
.focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
.group:hover .group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
.accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
.hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
.focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
.active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
.disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
.focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
.focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
.group:hover .group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
.accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
.hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
.focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
.active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
.disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
.focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
.focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
.group:hover .group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
.accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
.hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
.focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
.active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
.disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
.focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
.focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
.group:hover .group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
.accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
.hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
.focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
.active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
.disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
.focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
.focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
.group:hover .group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
.accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
.hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
.focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
.active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
.disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
.focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
.focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
.group:hover .group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
.accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
.hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
.focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
.active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
.disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
.focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
.focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
.group:hover .group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
.accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
.hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
.focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
.active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
.disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
.focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
.focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
.group:hover .group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
.accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
.hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
.focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
.active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
.disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
.focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
.focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
.group:hover .group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
.accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
.hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
.focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
.active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
.disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
.focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
.focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
.group:hover .group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
.accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
.hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
.focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
.active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
.disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
.focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
.focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
.group:hover .group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
.accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
.hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
.focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
.active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
.disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
.focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
.focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
.group:hover .group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
.accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
.hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
.focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
.active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
.disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
.focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
.focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
.group:hover .group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
.accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
.hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
.focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
.active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
.disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
.focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
.focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
.group:hover .group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
.accent-lime-50 { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
.focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
.group:hover .group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.accent-lime-100 { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
.focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
.group:hover .group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.accent-lime-200 { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
.focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
.group:hover .group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.accent-lime-300 { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
.focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
.group:hover .group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.accent-lime-400 { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
.focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
.group:hover .group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.accent-lime-500 { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
.focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
.group:hover .group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.accent-lime-600 { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
.focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
.group:hover .group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.accent-lime-700 { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
.focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
.group:hover .group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.accent-lime-800 { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
.focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
.group:hover .group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.accent-lime-900 { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
.focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
.group:hover .group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
.focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
.group:hover .group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
.focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
.group:hover .group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
.focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
.group:hover .group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
.focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
.group:hover .group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
.focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
.group:hover .group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
.focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
.group:hover .group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
.focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
.group:hover .group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
.focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
.group:hover .group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
.focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
.group:hover .group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
.focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
.group:hover .group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.accent-sky-50 { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
.focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
.group:hover .group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.accent-sky-100 { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
.focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
.group:hover .group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.accent-sky-200 { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
.focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
.group:hover .group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.accent-sky-300 { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
.focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
.group:hover .group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.accent-sky-400 { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
.focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
.group:hover .group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.accent-sky-500 { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
.focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
.group:hover .group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.accent-sky-600 { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
.focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
.group:hover .group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.accent-sky-700 { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
.focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
.group:hover .group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.accent-sky-800 { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
.focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
.group:hover .group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.accent-sky-900 { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
.focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
.group:hover .group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.accent-violet-50 { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
.focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
.group:hover .group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.accent-violet-100 { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
.focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
.group:hover .group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.accent-violet-200 { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
.focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
.group:hover .group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.accent-violet-300 { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
.focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
.group:hover .group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.accent-violet-400 { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
.focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
.group:hover .group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.accent-violet-500 { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
.focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
.group:hover .group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.accent-violet-600 { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
.focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
.group:hover .group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.accent-violet-700 { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
.focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
.group:hover .group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.accent-violet-800 { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
.focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
.group:hover .group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.accent-violet-900 { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
.focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
.group:hover .group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.accent-rose-50 { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
.focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
.group:hover .group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.accent-rose-100 { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
.focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
.group:hover .group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.accent-rose-200 { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
.focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
.group:hover .group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.accent-rose-300 { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
.focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
.group:hover .group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.accent-rose-400 { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
.focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
.group:hover .group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.accent-rose-500 { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
.focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
.group:hover .group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.accent-rose-600 { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
.focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
.group:hover .group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.accent-rose-700 { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
.focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
.group:hover .group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.accent-rose-800 { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
.focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
.group:hover .group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.accent-rose-900 { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
.focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
.group:hover .group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.accent-slate-50 { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
.focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
.group:hover .group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.accent-slate-100 { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
.focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
.group:hover .group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.accent-slate-200 { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
.focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
.group:hover .group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.accent-slate-300 { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
.focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
.group:hover .group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.accent-slate-400 { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
.focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
.group:hover .group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.accent-slate-500 { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
.focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
.group:hover .group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.accent-slate-600 { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
.focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
.group:hover .group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.accent-slate-700 { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
.focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
.group:hover .group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.accent-slate-800 { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
.focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
.group:hover .group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.accent-slate-900 { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
.focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
.group:hover .group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.accent-blue-50 { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
.focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
.group:hover .group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.accent-blue-100 { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
.focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
.group:hover .group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.accent-blue-200 { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
.focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
.group:hover .group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.accent-blue-300 { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
.focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
.group:hover .group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.accent-blue-400 { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
.focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
.group:hover .group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.accent-blue-500 { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
.focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
.group:hover .group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.accent-blue-600 { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
.focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
.group:hover .group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.accent-blue-700 { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
.focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
.group:hover .group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.accent-blue-800 { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
.focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
.group:hover .group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.accent-blue-900 { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
.focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
.group:hover .group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.accent-green-50 { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-accent-green-50 { accent-color: var(--quanta-green-50); }
.hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.active-accent-green-50:active { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
.focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
.group:hover .group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
.accent-green-100 { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-accent-green-100 { accent-color: var(--quanta-green-100); }
.hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.active-accent-green-100:active { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
.focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
.group:hover .group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
.accent-green-200 { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-accent-green-200 { accent-color: var(--quanta-green-200); }
.hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.active-accent-green-200:active { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
.focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
.group:hover .group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
.accent-green-300 { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-accent-green-300 { accent-color: var(--quanta-green-300); }
.hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.active-accent-green-300:active { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
.focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
.group:hover .group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
.accent-green-400 { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-accent-green-400 { accent-color: var(--quanta-green-400); }
.hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.active-accent-green-400:active { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
.focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
.group:hover .group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
.accent-green-500 { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-accent-green-500 { accent-color: var(--quanta-green-500); }
.hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.active-accent-green-500:active { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
.focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
.group:hover .group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
.accent-green-600 { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-accent-green-600 { accent-color: var(--quanta-green-600); }
.hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.active-accent-green-600:active { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
.focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
.group:hover .group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
.accent-green-700 { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-accent-green-700 { accent-color: var(--quanta-green-700); }
.hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.active-accent-green-700:active { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
.focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
.group:hover .group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
.accent-green-800 { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-accent-green-800 { accent-color: var(--quanta-green-800); }
.hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.active-accent-green-800:active { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
.focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
.group:hover .group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
.accent-green-900 { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-accent-green-900 { accent-color: var(--quanta-green-900); }
.hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.active-accent-green-900:active { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
.focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
.group:hover .group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
.appearance-none { appearance: none; }
html[data-theme="dark"] .dark-appearance-none { appearance: none; }
.hover-appearance-none:hover { appearance: none; }
html[data-theme="dark"] .dark-hover-appearance-none:hover { appearance: none; }
.focus-appearance-none:focus { appearance: none; }
html[data-theme="dark"] .dark-focus-appearance-none:focus { appearance: none; }
.active-appearance-none:active { appearance: none; }
html[data-theme="dark"] .dark-active-appearance-none:active { appearance: none; }
.disabled-appearance-none:disabled { appearance: none; }
html[data-theme="dark"] .dark-disabled-appearance-none:disabled { appearance: none; }
.focus-visible-appearance-none:focus-visible { appearance: none; }
html[data-theme="dark"] .dark-focus-visible-appearance-none:focus-visible { appearance: none; }
.focus-within-appearance-none:focus-within { appearance: none; }
html[data-theme="dark"] .dark-focus-within-appearance-none:focus-within { appearance: none; }
.group:hover .group-hover-appearance-none { appearance: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-appearance-none { appearance: none; }
.appearance-auto { appearance: auto; }
html[data-theme="dark"] .dark-appearance-auto { appearance: auto; }
.hover-appearance-auto:hover { appearance: auto; }
html[data-theme="dark"] .dark-hover-appearance-auto:hover { appearance: auto; }
.focus-appearance-auto:focus { appearance: auto; }
html[data-theme="dark"] .dark-focus-appearance-auto:focus { appearance: auto; }
.active-appearance-auto:active { appearance: auto; }
html[data-theme="dark"] .dark-active-appearance-auto:active { appearance: auto; }
.disabled-appearance-auto:disabled { appearance: auto; }
html[data-theme="dark"] .dark-disabled-appearance-auto:disabled { appearance: auto; }
.focus-visible-appearance-auto:focus-visible { appearance: auto; }
html[data-theme="dark"] .dark-focus-visible-appearance-auto:focus-visible { appearance: auto; }
.focus-within-appearance-auto:focus-within { appearance: auto; }
html[data-theme="dark"] .dark-focus-within-appearance-auto:focus-within { appearance: auto; }
.group:hover .group-hover-appearance-auto { appearance: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-appearance-auto { appearance: auto; }
.caret-red-50 { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-caret-red-50 { caret-color: var(--quanta-red-50); }
.hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.active-caret-red-50:active { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
.focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .dark-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
.group:hover .group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
.caret-red-100 { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-caret-red-100 { caret-color: var(--quanta-red-100); }
.hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.active-caret-red-100:active { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
.focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .dark-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
.group:hover .group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
.caret-red-200 { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-caret-red-200 { caret-color: var(--quanta-red-200); }
.hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.active-caret-red-200:active { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
.focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .dark-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
.group:hover .group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
.caret-red-300 { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-caret-red-300 { caret-color: var(--quanta-red-300); }
.hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.active-caret-red-300:active { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
.focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .dark-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
.group:hover .group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
.caret-red-400 { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-caret-red-400 { caret-color: var(--quanta-red-400); }
.hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.active-caret-red-400:active { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
.focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .dark-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
.group:hover .group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
.caret-red-500 { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-caret-red-500 { caret-color: var(--quanta-red-500); }
.hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.active-caret-red-500:active { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
.focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .dark-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
.group:hover .group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
.caret-red-600 { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-caret-red-600 { caret-color: var(--quanta-red-600); }
.hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.active-caret-red-600:active { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
.focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .dark-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
.group:hover .group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
.caret-red-700 { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-caret-red-700 { caret-color: var(--quanta-red-700); }
.hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.active-caret-red-700:active { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
.focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .dark-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
.group:hover .group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
.caret-red-800 { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-caret-red-800 { caret-color: var(--quanta-red-800); }
.hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.active-caret-red-800:active { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
.focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .dark-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
.group:hover .group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
.caret-red-900 { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-caret-red-900 { caret-color: var(--quanta-red-900); }
.hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.active-caret-red-900:active { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
.focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .dark-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
.group:hover .group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
.caret-orange-50 { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
.focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .dark-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
.group:hover .group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.caret-orange-100 { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
.focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .dark-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
.group:hover .group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.caret-orange-200 { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
.focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .dark-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
.group:hover .group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.caret-orange-300 { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
.focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .dark-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
.group:hover .group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.caret-orange-400 { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
.focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .dark-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
.group:hover .group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.caret-orange-500 { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
.focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .dark-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
.group:hover .group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.caret-orange-600 { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
.focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .dark-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
.group:hover .group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.caret-orange-700 { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
.focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .dark-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
.group:hover .group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.caret-orange-800 { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
.focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .dark-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
.group:hover .group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.caret-orange-900 { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
.focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .dark-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
.group:hover .group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.caret-teal-50 { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
.focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .dark-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
.group:hover .group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.caret-teal-100 { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
.focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .dark-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
.group:hover .group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.caret-teal-200 { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
.focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .dark-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
.group:hover .group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.caret-teal-300 { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
.focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .dark-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
.group:hover .group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.caret-teal-400 { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
.focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .dark-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
.group:hover .group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.caret-teal-500 { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
.focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .dark-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
.group:hover .group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.caret-teal-600 { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
.focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .dark-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
.group:hover .group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.caret-teal-700 { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
.focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .dark-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
.group:hover .group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.caret-teal-800 { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
.focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .dark-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
.group:hover .group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.caret-teal-900 { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
.focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .dark-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
.group:hover .group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.caret-purple-50 { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
.focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .dark-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
.group:hover .group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.caret-purple-100 { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
.focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .dark-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
.group:hover .group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.caret-purple-200 { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
.focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .dark-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
.group:hover .group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.caret-purple-300 { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
.focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .dark-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
.group:hover .group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.caret-purple-400 { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
.focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .dark-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
.group:hover .group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.caret-purple-500 { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
.focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .dark-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
.group:hover .group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.caret-purple-600 { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
.focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .dark-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
.group:hover .group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.caret-purple-700 { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
.focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .dark-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
.group:hover .group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.caret-purple-800 { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
.focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .dark-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
.group:hover .group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.caret-purple-900 { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
.focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .dark-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
.group:hover .group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
.focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
.group:hover .group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
.focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
.group:hover .group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
.focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
.group:hover .group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
.focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
.group:hover .group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
.focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
.group:hover .group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
.focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
.group:hover .group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
.focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
.group:hover .group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
.focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
.group:hover .group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
.focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
.group:hover .group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
.focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .dark-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
.group:hover .group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
.focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
.group:hover .group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
.focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
.group:hover .group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
.focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
.group:hover .group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
.focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
.group:hover .group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
.focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
.group:hover .group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
.focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
.group:hover .group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
.focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
.group:hover .group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
.focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
.group:hover .group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
.focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
.group:hover .group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
.focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .dark-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
.group:hover .group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.caret-pink-50 { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
.focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .dark-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
.group:hover .group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.caret-pink-100 { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
.focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .dark-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
.group:hover .group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.caret-pink-200 { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
.focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .dark-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
.group:hover .group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.caret-pink-300 { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
.focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .dark-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
.group:hover .group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.caret-pink-400 { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
.focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .dark-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
.group:hover .group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.caret-pink-500 { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
.focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .dark-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
.group:hover .group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.caret-pink-600 { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
.focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .dark-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
.group:hover .group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.caret-pink-700 { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
.focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .dark-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
.group:hover .group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.caret-pink-800 { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
.focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .dark-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
.group:hover .group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.caret-pink-900 { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
.focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .dark-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
.group:hover .group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.caret-grey-50 { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
.focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .dark-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
.group:hover .group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.caret-grey-100 { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
.focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .dark-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
.group:hover .group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.caret-grey-200 { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
.focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .dark-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
.group:hover .group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.caret-grey-300 { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
.focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .dark-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
.group:hover .group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.caret-grey-400 { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
.focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .dark-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
.group:hover .group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.caret-grey-500 { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
.focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .dark-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
.group:hover .group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.caret-grey-600 { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
.focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .dark-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
.group:hover .group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.caret-grey-700 { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
.focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .dark-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
.group:hover .group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.caret-grey-800 { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
.focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .dark-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
.group:hover .group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.caret-grey-900 { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
.focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .dark-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
.group:hover .group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
.hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
.focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
.active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
.disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
.focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
.focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
.group:hover .group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
.caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
.hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
.focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
.active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
.disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
.focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
.focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
.group:hover .group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
.caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
.hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
.focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
.active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
.disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
.focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
.focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
.group:hover .group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
.caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
.hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
.focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
.active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
.disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
.focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
.focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
.group:hover .group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
.caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
.hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
.focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
.active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
.disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
.focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
.focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
.group:hover .group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
.caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
.hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
.focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
.active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
.disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
.focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
.focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
.group:hover .group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
.caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
.hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
.focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
.active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
.disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
.focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
.focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
.group:hover .group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
.caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
.hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
.focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
.active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
.disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
.focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
.focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
.group:hover .group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
.caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
.hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
.focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
.active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
.disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
.focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
.focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
.group:hover .group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
.caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
.hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
.focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
.active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
.disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
.focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
.focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .dark-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
.group:hover .group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
.caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
.hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
.focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
.active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
.disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
.focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
.focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
.group:hover .group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
.caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
.hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
.focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
.active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
.disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
.focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
.focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
.group:hover .group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
.caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
.hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
.focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
.active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
.disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
.focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
.focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
.group:hover .group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
.caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
.hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
.focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
.active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
.disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
.focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
.focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
.group:hover .group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
.caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
.hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
.focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
.active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
.disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
.focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
.focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
.group:hover .group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
.caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
.hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
.focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
.active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
.disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
.focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
.focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
.group:hover .group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
.caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
.hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
.focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
.active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
.disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
.focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
.focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
.group:hover .group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
.caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
.hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
.focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
.active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
.disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
.focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
.focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
.group:hover .group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
.caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
.hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
.focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
.active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
.disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
.focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
.focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
.group:hover .group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
.caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
.hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
.focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
.active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
.disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
.focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
.focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .dark-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
.group:hover .group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
.caret-lime-50 { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
.focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .dark-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
.group:hover .group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.caret-lime-100 { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
.focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .dark-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
.group:hover .group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.caret-lime-200 { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
.focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .dark-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
.group:hover .group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.caret-lime-300 { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
.focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .dark-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
.group:hover .group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.caret-lime-400 { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
.focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .dark-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
.group:hover .group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.caret-lime-500 { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
.focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .dark-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
.group:hover .group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.caret-lime-600 { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
.focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .dark-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
.group:hover .group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.caret-lime-700 { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
.focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .dark-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
.group:hover .group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.caret-lime-800 { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
.focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .dark-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
.group:hover .group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.caret-lime-900 { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
.focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .dark-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
.group:hover .group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
.focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
.group:hover .group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
.focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
.group:hover .group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
.focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
.group:hover .group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
.focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
.group:hover .group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
.focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
.group:hover .group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
.focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
.group:hover .group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
.focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
.group:hover .group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
.focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
.group:hover .group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
.focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
.group:hover .group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
.focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .dark-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
.group:hover .group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.caret-sky-50 { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
.focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .dark-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
.group:hover .group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.caret-sky-100 { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
.focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .dark-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
.group:hover .group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.caret-sky-200 { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
.focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .dark-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
.group:hover .group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.caret-sky-300 { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
.focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .dark-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
.group:hover .group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.caret-sky-400 { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
.focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .dark-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
.group:hover .group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.caret-sky-500 { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
.focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .dark-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
.group:hover .group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.caret-sky-600 { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
.focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .dark-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
.group:hover .group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.caret-sky-700 { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
.focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .dark-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
.group:hover .group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.caret-sky-800 { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
.focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .dark-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
.group:hover .group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.caret-sky-900 { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
.focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .dark-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
.group:hover .group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.caret-violet-50 { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
.focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .dark-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
.group:hover .group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.caret-violet-100 { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
.focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .dark-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
.group:hover .group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.caret-violet-200 { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
.focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .dark-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
.group:hover .group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.caret-violet-300 { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
.focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .dark-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
.group:hover .group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.caret-violet-400 { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
.focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .dark-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
.group:hover .group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.caret-violet-500 { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
.focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .dark-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
.group:hover .group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.caret-violet-600 { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
.focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .dark-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
.group:hover .group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.caret-violet-700 { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
.focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .dark-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
.group:hover .group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.caret-violet-800 { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
.focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .dark-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
.group:hover .group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.caret-violet-900 { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
.focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .dark-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
.group:hover .group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.caret-rose-50 { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
.focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .dark-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
.group:hover .group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.caret-rose-100 { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
.focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .dark-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
.group:hover .group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.caret-rose-200 { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
.focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .dark-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
.group:hover .group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.caret-rose-300 { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
.focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .dark-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
.group:hover .group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.caret-rose-400 { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
.focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .dark-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
.group:hover .group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.caret-rose-500 { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
.focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .dark-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
.group:hover .group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.caret-rose-600 { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
.focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .dark-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
.group:hover .group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.caret-rose-700 { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
.focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .dark-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
.group:hover .group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.caret-rose-800 { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
.focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .dark-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
.group:hover .group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.caret-rose-900 { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
.focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .dark-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
.group:hover .group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.caret-slate-50 { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
.focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .dark-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
.group:hover .group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.caret-slate-100 { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
.focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .dark-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
.group:hover .group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.caret-slate-200 { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
.focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .dark-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
.group:hover .group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.caret-slate-300 { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
.focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .dark-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
.group:hover .group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.caret-slate-400 { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
.focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .dark-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
.group:hover .group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.caret-slate-500 { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
.focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .dark-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
.group:hover .group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.caret-slate-600 { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
.focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .dark-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
.group:hover .group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.caret-slate-700 { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
.focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .dark-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
.group:hover .group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.caret-slate-800 { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
.focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .dark-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
.group:hover .group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.caret-slate-900 { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
.focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .dark-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
.group:hover .group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.caret-blue-50 { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
.focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .dark-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
.group:hover .group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.caret-blue-100 { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
.focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .dark-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
.group:hover .group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.caret-blue-200 { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
.focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .dark-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
.group:hover .group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.caret-blue-300 { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
.focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .dark-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
.group:hover .group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.caret-blue-400 { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
.focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .dark-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
.group:hover .group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.caret-blue-500 { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
.focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .dark-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
.group:hover .group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.caret-blue-600 { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
.focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .dark-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
.group:hover .group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.caret-blue-700 { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
.focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .dark-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
.group:hover .group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.caret-blue-800 { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
.focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .dark-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
.group:hover .group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.caret-blue-900 { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
.focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .dark-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
.group:hover .group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.caret-green-50 { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-caret-green-50 { caret-color: var(--quanta-green-50); }
.hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.active-caret-green-50:active { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
.focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .dark-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
.group:hover .group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
.caret-green-100 { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-caret-green-100 { caret-color: var(--quanta-green-100); }
.hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.active-caret-green-100:active { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
.focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .dark-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
.group:hover .group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
.caret-green-200 { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-caret-green-200 { caret-color: var(--quanta-green-200); }
.hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.active-caret-green-200:active { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
.focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .dark-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
.group:hover .group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
.caret-green-300 { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-caret-green-300 { caret-color: var(--quanta-green-300); }
.hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.active-caret-green-300:active { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
.focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .dark-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
.group:hover .group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
.caret-green-400 { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-caret-green-400 { caret-color: var(--quanta-green-400); }
.hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.active-caret-green-400:active { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
.focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .dark-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
.group:hover .group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
.caret-green-500 { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-caret-green-500 { caret-color: var(--quanta-green-500); }
.hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.active-caret-green-500:active { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
.focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .dark-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
.group:hover .group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
.caret-green-600 { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-caret-green-600 { caret-color: var(--quanta-green-600); }
.hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.active-caret-green-600:active { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
.focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .dark-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
.group:hover .group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
.caret-green-700 { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-caret-green-700 { caret-color: var(--quanta-green-700); }
.hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.active-caret-green-700:active { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
.focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .dark-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
.group:hover .group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
.caret-green-800 { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-caret-green-800 { caret-color: var(--quanta-green-800); }
.hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.active-caret-green-800:active { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
.focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .dark-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
.group:hover .group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
.caret-green-900 { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-caret-green-900 { caret-color: var(--quanta-green-900); }
.hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.active-caret-green-900:active { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
.focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .dark-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
.group:hover .group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
.caret-black { caret-color: var(--black); }
html[data-theme="dark"] .dark-caret-black { caret-color: var(--black); }
.hover-caret-black:hover { caret-color: var(--black); }
html[data-theme="dark"] .dark-hover-caret-black:hover { caret-color: var(--black); }
.focus-caret-black:focus { caret-color: var(--black); }
html[data-theme="dark"] .dark-focus-caret-black:focus { caret-color: var(--black); }
.active-caret-black:active { caret-color: var(--black); }
html[data-theme="dark"] .dark-active-caret-black:active { caret-color: var(--black); }
.disabled-caret-black:disabled { caret-color: var(--black); }
html[data-theme="dark"] .dark-disabled-caret-black:disabled { caret-color: var(--black); }
.focus-visible-caret-black:focus-visible { caret-color: var(--black); }
html[data-theme="dark"] .dark-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
.focus-within-caret-black:focus-within { caret-color: var(--black); }
html[data-theme="dark"] .dark-focus-within-caret-black:focus-within { caret-color: var(--black); }
.group:hover .group-hover-caret-black { caret-color: var(--black); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-black { caret-color: var(--black); }
.caret-white { caret-color: var(--white); }
html[data-theme="dark"] .dark-caret-white { caret-color: var(--white); }
.hover-caret-white:hover { caret-color: var(--white); }
html[data-theme="dark"] .dark-hover-caret-white:hover { caret-color: var(--white); }
.focus-caret-white:focus { caret-color: var(--white); }
html[data-theme="dark"] .dark-focus-caret-white:focus { caret-color: var(--white); }
.active-caret-white:active { caret-color: var(--white); }
html[data-theme="dark"] .dark-active-caret-white:active { caret-color: var(--white); }
.disabled-caret-white:disabled { caret-color: var(--white); }
html[data-theme="dark"] .dark-disabled-caret-white:disabled { caret-color: var(--white); }
.focus-visible-caret-white:focus-visible { caret-color: var(--white); }
html[data-theme="dark"] .dark-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
.focus-within-caret-white:focus-within { caret-color: var(--white); }
html[data-theme="dark"] .dark-focus-within-caret-white:focus-within { caret-color: var(--white); }
.group:hover .group-hover-caret-white { caret-color: var(--white); }
html[data-theme="dark"] .group:hover .dark-group-hover-caret-white { caret-color: var(--white); }
.color-scheme-light { color-scheme: light; }
html[data-theme="dark"] .dark-color-scheme-light { color-scheme: light; }
.hover-color-scheme-light:hover { color-scheme: light; }
html[data-theme="dark"] .dark-hover-color-scheme-light:hover { color-scheme: light; }
.focus-color-scheme-light:focus { color-scheme: light; }
html[data-theme="dark"] .dark-focus-color-scheme-light:focus { color-scheme: light; }
.active-color-scheme-light:active { color-scheme: light; }
html[data-theme="dark"] .dark-active-color-scheme-light:active { color-scheme: light; }
.disabled-color-scheme-light:disabled { color-scheme: light; }
html[data-theme="dark"] .dark-disabled-color-scheme-light:disabled { color-scheme: light; }
.focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
.focus-within-color-scheme-light:focus-within { color-scheme: light; }
html[data-theme="dark"] .dark-focus-within-color-scheme-light:focus-within { color-scheme: light; }
.group:hover .group-hover-color-scheme-light { color-scheme: light; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
html[data-theme="dark"] .dark-color-scheme-dark { color-scheme: dark; }
.hover-color-scheme-dark:hover { color-scheme: dark; }
html[data-theme="dark"] .dark-hover-color-scheme-dark:hover { color-scheme: dark; }
.focus-color-scheme-dark:focus { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-color-scheme-dark:focus { color-scheme: dark; }
.active-color-scheme-dark:active { color-scheme: dark; }
html[data-theme="dark"] .dark-active-color-scheme-dark:active { color-scheme: dark; }
.disabled-color-scheme-dark:disabled { color-scheme: dark; }
html[data-theme="dark"] .dark-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
.focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
.group:hover .group-hover-color-scheme-dark { color-scheme: dark; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
html[data-theme="dark"] .dark-color-scheme-normal { color-scheme: normal; }
.hover-color-scheme-normal:hover { color-scheme: normal; }
html[data-theme="dark"] .dark-hover-color-scheme-normal:hover { color-scheme: normal; }
.focus-color-scheme-normal:focus { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-color-scheme-normal:focus { color-scheme: normal; }
.active-color-scheme-normal:active { color-scheme: normal; }
html[data-theme="dark"] .dark-active-color-scheme-normal:active { color-scheme: normal; }
.disabled-color-scheme-normal:disabled { color-scheme: normal; }
html[data-theme="dark"] .dark-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
.focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
.group:hover .group-hover-color-scheme-normal { color-scheme: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
html[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
html[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
html[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
html[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
html[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
.focus-visible-cursor-auto:focus-visible { cursor: auto; }
html[data-theme="dark"] .dark-focus-visible-cursor-auto:focus-visible { cursor: auto; }
.focus-within-cursor-auto:focus-within { cursor: auto; }
html[data-theme="dark"] .dark-focus-within-cursor-auto:focus-within { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
html[data-theme="dark"] .dark-cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
html[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
html[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
html[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
html[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
.focus-visible-cursor-default:focus-visible { cursor: default; }
html[data-theme="dark"] .dark-focus-visible-cursor-default:focus-visible { cursor: default; }
.focus-within-cursor-default:focus-within { cursor: default; }
html[data-theme="dark"] .dark-focus-within-cursor-default:focus-within { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
html[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
html[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
html[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
html[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
.focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
html[data-theme="dark"] .dark-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
.focus-within-cursor-pointer:focus-within { cursor: pointer; }
html[data-theme="dark"] .dark-focus-within-cursor-pointer:focus-within { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
html[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
html[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
html[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
html[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
html[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
.focus-visible-cursor-wait:focus-visible { cursor: wait; }
html[data-theme="dark"] .dark-focus-visible-cursor-wait:focus-visible { cursor: wait; }
.focus-within-cursor-wait:focus-within { cursor: wait; }
html[data-theme="dark"] .dark-focus-within-cursor-wait:focus-within { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
html[data-theme="dark"] .dark-cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
html[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
html[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
html[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
html[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
.focus-visible-cursor-text:focus-visible { cursor: text; }
html[data-theme="dark"] .dark-focus-visible-cursor-text:focus-visible { cursor: text; }
.focus-within-cursor-text:focus-within { cursor: text; }
html[data-theme="dark"] .dark-focus-within-cursor-text:focus-within { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
html[data-theme="dark"] .dark-cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
html[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
html[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
html[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
html[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
.focus-visible-cursor-move:focus-visible { cursor: move; }
html[data-theme="dark"] .dark-focus-visible-cursor-move:focus-visible { cursor: move; }
.focus-within-cursor-move:focus-within { cursor: move; }
html[data-theme="dark"] .dark-focus-within-cursor-move:focus-within { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
html[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
html[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
html[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
.focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
html[data-theme="dark"] .dark-cursor-none { cursor: none; }
.hover-cursor-none:hover { cursor: none; }
html[data-theme="dark"] .dark-hover-cursor-none:hover { cursor: none; }
.focus-cursor-none:focus { cursor: none; }
html[data-theme="dark"] .dark-focus-cursor-none:focus { cursor: none; }
.active-cursor-none:active { cursor: none; }
html[data-theme="dark"] .dark-active-cursor-none:active { cursor: none; }
.disabled-cursor-none:disabled { cursor: none; }
html[data-theme="dark"] .dark-disabled-cursor-none:disabled { cursor: none; }
.focus-visible-cursor-none:focus-visible { cursor: none; }
html[data-theme="dark"] .dark-focus-visible-cursor-none:focus-visible { cursor: none; }
.focus-within-cursor-none:focus-within { cursor: none; }
html[data-theme="dark"] .dark-focus-within-cursor-none:focus-within { cursor: none; }
.group:hover .group-hover-cursor-none { cursor: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
html[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
html[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
html[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
html[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
.focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
.focus-within-pointer-events-none:focus-within { pointer-events: none; }
html[data-theme="dark"] .dark-focus-within-pointer-events-none:focus-within { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
html[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
html[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
html[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
.focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
html[data-theme="dark"] .dark-resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
html[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
html[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
html[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
html[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
.focus-visible-resize-none:focus-visible { resize: none; }
html[data-theme="dark"] .dark-focus-visible-resize-none:focus-visible { resize: none; }
.focus-within-resize-none:focus-within { resize: none; }
html[data-theme="dark"] .dark-focus-within-resize-none:focus-within { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-none { resize: none; }
.resize-x { resize: horizontal; }
html[data-theme="dark"] .dark-resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
html[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
html[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
html[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
html[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
.focus-visible-resize-x:focus-visible { resize: horizontal; }
html[data-theme="dark"] .dark-focus-visible-resize-x:focus-visible { resize: horizontal; }
.focus-within-resize-x:focus-within { resize: horizontal; }
html[data-theme="dark"] .dark-focus-within-resize-x:focus-within { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
html[data-theme="dark"] .dark-resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
html[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
html[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
html[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
html[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
.focus-visible-resize-y:focus-visible { resize: vertical; }
html[data-theme="dark"] .dark-focus-visible-resize-y:focus-visible { resize: vertical; }
.focus-within-resize-y:focus-within { resize: vertical; }
html[data-theme="dark"] .dark-focus-within-resize-y:focus-within { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-y { resize: vertical; }
.resize { resize: both; }
html[data-theme="dark"] .dark-resize { resize: both; }
.hover-resize:hover { resize: both; }
html[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
html[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
html[data-theme="dark"] .dark-active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
html[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
.focus-visible-resize:focus-visible { resize: both; }
html[data-theme="dark"] .dark-focus-visible-resize:focus-visible { resize: both; }
.focus-within-resize:focus-within { resize: both; }
html[data-theme="dark"] .dark-focus-within-resize:focus-within { resize: both; }
.group:hover .group-hover-resize { resize: both; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
html[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
html[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
html[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
.focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
.focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0rem; }
.hover-scroll-m-0:hover { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.focus-scroll-m-0:focus { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.active-scroll-m-0:active { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0rem; }
.disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
.focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0 { scroll-margin: 0rem; }
.scroll-p-0 { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0rem; }
.hover-scroll-p-0:hover { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.focus-scroll-p-0:focus { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.active-scroll-p-0:active { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0rem; }
.disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
.focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0 { scroll-padding: 0rem; }
.scroll-m-0_125 { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-scroll-m-0_125 { scroll-margin: 0.125rem; }
.hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
.focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
.group:hover .group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
.scroll-p-0_125 { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-scroll-p-0_125 { scroll-padding: 0.125rem; }
.hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
.focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
.group:hover .group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
.scroll-m-0_25 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-scroll-m-0_25 { scroll-margin: 0.25rem; }
.hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
.focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
.scroll-p-0_25 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-scroll-p-0_25 { scroll-padding: 0.25rem; }
.hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
.focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
.scroll-m-0_5 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-scroll-m-0_5 { scroll-margin: 0.5rem; }
.hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
.focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
.scroll-p-0_5 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-scroll-p-0_5 { scroll-padding: 0.5rem; }
.hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
.focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
.scroll-m-0_75 { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-scroll-m-0_75 { scroll-margin: 0.75rem; }
.hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
.focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
.group:hover .group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
.scroll-p-0_75 { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-scroll-p-0_75 { scroll-padding: 0.75rem; }
.hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
.focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
.group:hover .group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
.scroll-m-1 { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 1rem; }
.hover-scroll-m-1:hover { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.focus-scroll-m-1:focus { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.active-scroll-m-1:active { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 1rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
.focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-1 { scroll-margin: 1rem; }
.scroll-p-1 { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 1rem; }
.hover-scroll-p-1:hover { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.focus-scroll-p-1:focus { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.active-scroll-p-1:active { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 1rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
.focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-1 { scroll-padding: 1rem; }
.scroll-m-1_5 { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-scroll-m-1_5 { scroll-margin: 1.5rem; }
.hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
.focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
.group:hover .group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
.scroll-p-1_5 { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-scroll-p-1_5 { scroll-padding: 1.5rem; }
.hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
.focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
.group:hover .group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
.scroll-m-2 { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 2rem; }
.hover-scroll-m-2:hover { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.focus-scroll-m-2:focus { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.active-scroll-m-2:active { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 2rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
.focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-2 { scroll-margin: 2rem; }
.scroll-p-2 { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 2rem; }
.hover-scroll-p-2:hover { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.focus-scroll-p-2:focus { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.active-scroll-p-2:active { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 2rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
.focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-2 { scroll-padding: 2rem; }
.scroll-m-3 { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-scroll-m-3 { scroll-margin: 3rem; }
.hover-scroll-m-3:hover { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.focus-scroll-m-3:focus { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.active-scroll-m-3:active { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-active-scroll-m-3:active { scroll-margin: 3rem; }
.disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
.focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
.group:hover .group-hover-scroll-m-3 { scroll-margin: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-3 { scroll-margin: 3rem; }
.scroll-p-3 { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-scroll-p-3 { scroll-padding: 3rem; }
.hover-scroll-p-3:hover { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.focus-scroll-p-3:focus { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.active-scroll-p-3:active { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-active-scroll-p-3:active { scroll-padding: 3rem; }
.disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
.focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
.group:hover .group-hover-scroll-p-3 { scroll-padding: 3rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-3 { scroll-padding: 3rem; }
.scroll-m-4 { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 4rem; }
.hover-scroll-m-4:hover { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.focus-scroll-m-4:focus { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.active-scroll-m-4:active { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 4rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
.focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-4 { scroll-margin: 4rem; }
.scroll-p-4 { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 4rem; }
.hover-scroll-p-4:hover { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.focus-scroll-p-4:focus { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.active-scroll-p-4:active { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 4rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
.focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 4rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-4 { scroll-padding: 4rem; }
.snap-x { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-snap-x { scroll-snap-type: x mandatory; }
.hover-snap-x:hover { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.focus-snap-x:focus { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.active-snap-x:active { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-active-snap-x:active { scroll-snap-type: x mandatory; }
.disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
.focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
.group:hover .group-hover-snap-x { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-snap-y { scroll-snap-type: y mandatory; }
.hover-snap-y:hover { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.focus-snap-y:focus { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.active-snap-y:active { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-active-snap-y:active { scroll-snap-type: y mandatory; }
.disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
.focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
.group:hover .group-hover-snap-y { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-snap-both { scroll-snap-type: both mandatory; }
.hover-snap-both:hover { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.focus-snap-both:focus { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.active-snap-both:active { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-active-snap-both:active { scroll-snap-type: both mandatory; }
.disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
.focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
.group:hover .group-hover-snap-both { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
html[data-theme="dark"] .dark-snap-align-start { scroll-snap-align: start; }
.hover-snap-align-start:hover { scroll-snap-align: start; }
html[data-theme="dark"] .dark-hover-snap-align-start:hover { scroll-snap-align: start; }
.focus-snap-align-start:focus { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-snap-align-start:focus { scroll-snap-align: start; }
.active-snap-align-start:active { scroll-snap-align: start; }
html[data-theme="dark"] .dark-active-snap-align-start:active { scroll-snap-align: start; }
.disabled-snap-align-start:disabled { scroll-snap-align: start; }
html[data-theme="dark"] .dark-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
.focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
.group:hover .group-hover-snap-align-start { scroll-snap-align: start; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-start { scroll-snap-align: start; }
.snap-align-end { scroll-snap-align: end; }
html[data-theme="dark"] .dark-snap-align-end { scroll-snap-align: end; }
.hover-snap-align-end:hover { scroll-snap-align: end; }
html[data-theme="dark"] .dark-hover-snap-align-end:hover { scroll-snap-align: end; }
.focus-snap-align-end:focus { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-snap-align-end:focus { scroll-snap-align: end; }
.active-snap-align-end:active { scroll-snap-align: end; }
html[data-theme="dark"] .dark-active-snap-align-end:active { scroll-snap-align: end; }
.disabled-snap-align-end:disabled { scroll-snap-align: end; }
html[data-theme="dark"] .dark-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
.focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
.group:hover .group-hover-snap-align-end { scroll-snap-align: end; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-end { scroll-snap-align: end; }
.snap-align-center { scroll-snap-align: center; }
html[data-theme="dark"] .dark-snap-align-center { scroll-snap-align: center; }
.hover-snap-align-center:hover { scroll-snap-align: center; }
html[data-theme="dark"] .dark-hover-snap-align-center:hover { scroll-snap-align: center; }
.focus-snap-align-center:focus { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-snap-align-center:focus { scroll-snap-align: center; }
.active-snap-align-center:active { scroll-snap-align: center; }
html[data-theme="dark"] .dark-active-snap-align-center:active { scroll-snap-align: center; }
.disabled-snap-align-center:disabled { scroll-snap-align: center; }
html[data-theme="dark"] .dark-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
.focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
.group:hover .group-hover-snap-align-center { scroll-snap-align: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
html[data-theme="dark"] .dark-snap-align-none { scroll-snap-align: none; }
.hover-snap-align-none:hover { scroll-snap-align: none; }
html[data-theme="dark"] .dark-hover-snap-align-none:hover { scroll-snap-align: none; }
.focus-snap-align-none:focus { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-snap-align-none:focus { scroll-snap-align: none; }
.active-snap-align-none:active { scroll-snap-align: none; }
html[data-theme="dark"] .dark-active-snap-align-none:active { scroll-snap-align: none; }
.disabled-snap-align-none:disabled { scroll-snap-align: none; }
html[data-theme="dark"] .dark-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
.focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
.group:hover .group-hover-snap-align-none { scroll-snap-align: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-snap-stop-normal { scroll-snap-stop: normal; }
.hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.active-snap-stop-normal:active { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
.focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
.group:hover .group-hover-snap-stop-normal { scroll-snap-stop: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-snap-stop-always { scroll-snap-stop: always; }
.hover-snap-stop-always:hover { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.focus-snap-stop-always:focus { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.active-snap-stop-always:active { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-active-snap-stop-always:active { scroll-snap-stop: always; }
.disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
.focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
.group:hover .group-hover-snap-stop-always { scroll-snap-stop: always; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
html[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
html[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
html[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
html[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
html[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
.focus-visible-touch-auto:focus-visible { touch-action: auto; }
html[data-theme="dark"] .dark-focus-visible-touch-auto:focus-visible { touch-action: auto; }
.focus-within-touch-auto:focus-within { touch-action: auto; }
html[data-theme="dark"] .dark-focus-within-touch-auto:focus-within { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
html[data-theme="dark"] .dark-touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
html[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
html[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
html[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
html[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
.focus-visible-touch-none:focus-visible { touch-action: none; }
html[data-theme="dark"] .dark-focus-visible-touch-none:focus-visible { touch-action: none; }
.focus-within-touch-none:focus-within { touch-action: none; }
html[data-theme="dark"] .dark-focus-within-touch-none:focus-within { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-none { touch-action: none; }
.touch-pan_x { touch-action: pan-x; }
html[data-theme="dark"] .dark-touch-pan_x { touch-action: pan-x; }
.hover-touch-pan_x:hover { touch-action: pan-x; }
html[data-theme="dark"] .dark-hover-touch-pan_x:hover { touch-action: pan-x; }
.focus-touch-pan_x:focus { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-touch-pan_x:focus { touch-action: pan-x; }
.active-touch-pan_x:active { touch-action: pan-x; }
html[data-theme="dark"] .dark-active-touch-pan_x:active { touch-action: pan-x; }
.disabled-touch-pan_x:disabled { touch-action: pan-x; }
html[data-theme="dark"] .dark-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
.focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
.group:hover .group-hover-touch-pan_x { touch-action: pan-x; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan_x { touch-action: pan-x; }
.touch-pan_y { touch-action: pan-y; }
html[data-theme="dark"] .dark-touch-pan_y { touch-action: pan-y; }
.hover-touch-pan_y:hover { touch-action: pan-y; }
html[data-theme="dark"] .dark-hover-touch-pan_y:hover { touch-action: pan-y; }
.focus-touch-pan_y:focus { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-touch-pan_y:focus { touch-action: pan-y; }
.active-touch-pan_y:active { touch-action: pan-y; }
html[data-theme="dark"] .dark-active-touch-pan_y:active { touch-action: pan-y; }
.disabled-touch-pan_y:disabled { touch-action: pan-y; }
html[data-theme="dark"] .dark-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
.focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
.group:hover .group-hover-touch-pan_y { touch-action: pan-y; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan_y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
html[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
html[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
html[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
.focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
html[data-theme="dark"] .dark-select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
html[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
html[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
html[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
html[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
.focus-visible-select-auto:focus-visible { user-select: auto; }
html[data-theme="dark"] .dark-focus-visible-select-auto:focus-visible { user-select: auto; }
.focus-within-select-auto:focus-within { user-select: auto; }
html[data-theme="dark"] .dark-focus-within-select-auto:focus-within { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-auto { user-select: auto; }
.select-none { user-select: none; }
html[data-theme="dark"] .dark-select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
html[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
html[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
html[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
html[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
.focus-visible-select-none:focus-visible { user-select: none; }
html[data-theme="dark"] .dark-focus-visible-select-none:focus-visible { user-select: none; }
.focus-within-select-none:focus-within { user-select: none; }
html[data-theme="dark"] .dark-focus-within-select-none:focus-within { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
html[data-theme="dark"] .dark-select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
html[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
html[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
html[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
html[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
.focus-visible-select-text:focus-visible { user-select: text; }
html[data-theme="dark"] .dark-focus-visible-select-text:focus-visible { user-select: text; }
.focus-within-select-text:focus-within { user-select: text; }
html[data-theme="dark"] .dark-focus-within-select-text:focus-within { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
html[data-theme="dark"] .dark-select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
html[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
html[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
html[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
html[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
.focus-visible-select-all:focus-visible { user-select: all; }
html[data-theme="dark"] .dark-focus-visible-select-all:focus-visible { user-select: all; }
.focus-within-select-all:focus-within { user-select: all; }
html[data-theme="dark"] .dark-focus-within-select-all:focus-within { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-all { user-select: all; }
.select-contain { user-select: contain; }
html[data-theme="dark"] .dark-select-contain { user-select: contain; }
.hover-select-contain:hover { user-select: contain; }
html[data-theme="dark"] .dark-hover-select-contain:hover { user-select: contain; }
.focus-select-contain:focus { user-select: contain; }
html[data-theme="dark"] .dark-focus-select-contain:focus { user-select: contain; }
.active-select-contain:active { user-select: contain; }
html[data-theme="dark"] .dark-active-select-contain:active { user-select: contain; }
.disabled-select-contain:disabled { user-select: contain; }
html[data-theme="dark"] .dark-disabled-select-contain:disabled { user-select: contain; }
.focus-visible-select-contain:focus-visible { user-select: contain; }
html[data-theme="dark"] .dark-focus-visible-select-contain:focus-visible { user-select: contain; }
.focus-within-select-contain:focus-within { user-select: contain; }
html[data-theme="dark"] .dark-focus-within-select-contain:focus-within { user-select: contain; }
.group:hover .group-hover-select-contain { user-select: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
html[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
html[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
html[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
html[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
html[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
.focus-visible-will-change-auto:focus-visible { will-change: auto; }
html[data-theme="dark"] .dark-focus-visible-will-change-auto:focus-visible { will-change: auto; }
.focus-within-will-change-auto:focus-within { will-change: auto; }
html[data-theme="dark"] .dark-focus-within-will-change-auto:focus-within { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
html[data-theme="dark"] .dark-will-change-scroll { will-change: scroll; }
.hover-will-change-scroll:hover { will-change: scroll; }
html[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll; }
.focus-will-change-scroll:focus { will-change: scroll; }
html[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll; }
.active-will-change-scroll:active { will-change: scroll; }
html[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll; }
.disabled-will-change-scroll:disabled { will-change: scroll; }
html[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll; }
.focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
html[data-theme="dark"] .dark-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
.focus-within-will-change-scroll:focus-within { will-change: scroll; }
html[data-theme="dark"] .dark-focus-within-will-change-scroll:focus-within { will-change: scroll; }
.group:hover .group-hover-will-change-scroll { will-change: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
html[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
html[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
html[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
html[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
html[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
.focus-visible-will-change-transform:focus-visible { will-change: transform; }
html[data-theme="dark"] .dark-focus-visible-will-change-transform:focus-visible { will-change: transform; }
.focus-within-will-change-transform:focus-within { will-change: transform; }
html[data-theme="dark"] .dark-focus-within-will-change-transform:focus-within { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
html[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
html[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
html[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
html[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
.focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
html[data-theme="dark"] .dark-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
.focus-within-will-change-opacity:focus-within { will-change: opacity; }
html[data-theme="dark"] .dark-focus-within-will-change-opacity:focus-within { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }
html[data-theme="dark"] .dark-will-change-contents { will-change: contents; }
.hover-will-change-contents:hover { will-change: contents; }
html[data-theme="dark"] .dark-hover-will-change-contents:hover { will-change: contents; }
.focus-will-change-contents:focus { will-change: contents; }
html[data-theme="dark"] .dark-focus-will-change-contents:focus { will-change: contents; }
.active-will-change-contents:active { will-change: contents; }
html[data-theme="dark"] .dark-active-will-change-contents:active { will-change: contents; }
.disabled-will-change-contents:disabled { will-change: contents; }
html[data-theme="dark"] .dark-disabled-will-change-contents:disabled { will-change: contents; }
.focus-visible-will-change-contents:focus-visible { will-change: contents; }
html[data-theme="dark"] .dark-focus-visible-will-change-contents:focus-visible { will-change: contents; }
.focus-within-will-change-contents:focus-within { will-change: contents; }
html[data-theme="dark"] .dark-focus-within-will-change-contents:focus-within { will-change: contents; }
.group:hover .group-hover-will-change-contents { will-change: contents; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-contents { will-change: contents; }
.color-scheme-light { color-scheme: light; }
html[data-theme="dark"] .dark-color-scheme-light { color-scheme: light; }
.hover-color-scheme-light:hover { color-scheme: light; }
html[data-theme="dark"] .dark-hover-color-scheme-light:hover { color-scheme: light; }
.focus-color-scheme-light:focus { color-scheme: light; }
html[data-theme="dark"] .dark-focus-color-scheme-light:focus { color-scheme: light; }
.active-color-scheme-light:active { color-scheme: light; }
html[data-theme="dark"] .dark-active-color-scheme-light:active { color-scheme: light; }
.disabled-color-scheme-light:disabled { color-scheme: light; }
html[data-theme="dark"] .dark-disabled-color-scheme-light:disabled { color-scheme: light; }
.focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
.focus-within-color-scheme-light:focus-within { color-scheme: light; }
html[data-theme="dark"] .dark-focus-within-color-scheme-light:focus-within { color-scheme: light; }
.group:hover .group-hover-color-scheme-light { color-scheme: light; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
html[data-theme="dark"] .dark-color-scheme-dark { color-scheme: dark; }
.hover-color-scheme-dark:hover { color-scheme: dark; }
html[data-theme="dark"] .dark-hover-color-scheme-dark:hover { color-scheme: dark; }
.focus-color-scheme-dark:focus { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-color-scheme-dark:focus { color-scheme: dark; }
.active-color-scheme-dark:active { color-scheme: dark; }
html[data-theme="dark"] .dark-active-color-scheme-dark:active { color-scheme: dark; }
.disabled-color-scheme-dark:disabled { color-scheme: dark; }
html[data-theme="dark"] .dark-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
.focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
html[data-theme="dark"] .dark-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
.group:hover .group-hover-color-scheme-dark { color-scheme: dark; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
html[data-theme="dark"] .dark-color-scheme-normal { color-scheme: normal; }
.hover-color-scheme-normal:hover { color-scheme: normal; }
html[data-theme="dark"] .dark-hover-color-scheme-normal:hover { color-scheme: normal; }
.focus-color-scheme-normal:focus { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-color-scheme-normal:focus { color-scheme: normal; }
.active-color-scheme-normal:active { color-scheme: normal; }
html[data-theme="dark"] .dark-active-color-scheme-normal:active { color-scheme: normal; }
.disabled-color-scheme-normal:disabled { color-scheme: normal; }
html[data-theme="dark"] .dark-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
.focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
html[data-theme="dark"] .dark-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
.group:hover .group-hover-color-scheme-normal { color-scheme: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
html[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
html[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
html[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
html[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
html[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
.focus-visible-cursor-auto:focus-visible { cursor: auto; }
html[data-theme="dark"] .dark-focus-visible-cursor-auto:focus-visible { cursor: auto; }
.focus-within-cursor-auto:focus-within { cursor: auto; }
html[data-theme="dark"] .dark-focus-within-cursor-auto:focus-within { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
html[data-theme="dark"] .dark-cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
html[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
html[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
html[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
html[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
.focus-visible-cursor-default:focus-visible { cursor: default; }
html[data-theme="dark"] .dark-focus-visible-cursor-default:focus-visible { cursor: default; }
.focus-within-cursor-default:focus-within { cursor: default; }
html[data-theme="dark"] .dark-focus-within-cursor-default:focus-within { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
html[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
html[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
html[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
html[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
.focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
html[data-theme="dark"] .dark-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
.focus-within-cursor-pointer:focus-within { cursor: pointer; }
html[data-theme="dark"] .dark-focus-within-cursor-pointer:focus-within { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
html[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
html[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
html[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
html[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
html[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
.focus-visible-cursor-wait:focus-visible { cursor: wait; }
html[data-theme="dark"] .dark-focus-visible-cursor-wait:focus-visible { cursor: wait; }
.focus-within-cursor-wait:focus-within { cursor: wait; }
html[data-theme="dark"] .dark-focus-within-cursor-wait:focus-within { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
html[data-theme="dark"] .dark-cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
html[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
html[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
html[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
html[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
.focus-visible-cursor-text:focus-visible { cursor: text; }
html[data-theme="dark"] .dark-focus-visible-cursor-text:focus-visible { cursor: text; }
.focus-within-cursor-text:focus-within { cursor: text; }
html[data-theme="dark"] .dark-focus-within-cursor-text:focus-within { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
html[data-theme="dark"] .dark-cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
html[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
html[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
html[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
html[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
.focus-visible-cursor-move:focus-visible { cursor: move; }
html[data-theme="dark"] .dark-focus-visible-cursor-move:focus-visible { cursor: move; }
.focus-within-cursor-move:focus-within { cursor: move; }
html[data-theme="dark"] .dark-focus-within-cursor-move:focus-within { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
html[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
html[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
html[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
.focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
html[data-theme="dark"] .dark-cursor-none { cursor: none; }
.hover-cursor-none:hover { cursor: none; }
html[data-theme="dark"] .dark-hover-cursor-none:hover { cursor: none; }
.focus-cursor-none:focus { cursor: none; }
html[data-theme="dark"] .dark-focus-cursor-none:focus { cursor: none; }
.active-cursor-none:active { cursor: none; }
html[data-theme="dark"] .dark-active-cursor-none:active { cursor: none; }
.disabled-cursor-none:disabled { cursor: none; }
html[data-theme="dark"] .dark-disabled-cursor-none:disabled { cursor: none; }
.focus-visible-cursor-none:focus-visible { cursor: none; }
html[data-theme="dark"] .dark-focus-visible-cursor-none:focus-visible { cursor: none; }
.focus-within-cursor-none:focus-within { cursor: none; }
html[data-theme="dark"] .dark-focus-within-cursor-none:focus-within { cursor: none; }
.group:hover .group-hover-cursor-none { cursor: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
html[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
html[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
html[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
html[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
.focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
.focus-within-pointer-events-none:focus-within { pointer-events: none; }
html[data-theme="dark"] .dark-focus-within-pointer-events-none:focus-within { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
html[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
html[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
html[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
.focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
html[data-theme="dark"] .dark-resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
html[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
html[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
html[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
html[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
.focus-visible-resize-none:focus-visible { resize: none; }
html[data-theme="dark"] .dark-focus-visible-resize-none:focus-visible { resize: none; }
.focus-within-resize-none:focus-within { resize: none; }
html[data-theme="dark"] .dark-focus-within-resize-none:focus-within { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-none { resize: none; }
.resize-x { resize: horizontal; }
html[data-theme="dark"] .dark-resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
html[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
html[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
html[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
html[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
.focus-visible-resize-x:focus-visible { resize: horizontal; }
html[data-theme="dark"] .dark-focus-visible-resize-x:focus-visible { resize: horizontal; }
.focus-within-resize-x:focus-within { resize: horizontal; }
html[data-theme="dark"] .dark-focus-within-resize-x:focus-within { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
html[data-theme="dark"] .dark-resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
html[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
html[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
html[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
html[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
.focus-visible-resize-y:focus-visible { resize: vertical; }
html[data-theme="dark"] .dark-focus-visible-resize-y:focus-visible { resize: vertical; }
.focus-within-resize-y:focus-within { resize: vertical; }
html[data-theme="dark"] .dark-focus-within-resize-y:focus-within { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-y { resize: vertical; }
.resize { resize: both; }
html[data-theme="dark"] .dark-resize { resize: both; }
.hover-resize:hover { resize: both; }
html[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
html[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
html[data-theme="dark"] .dark-active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
html[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
.focus-visible-resize:focus-visible { resize: both; }
html[data-theme="dark"] .dark-focus-visible-resize:focus-visible { resize: both; }
.focus-within-resize:focus-within { resize: both; }
html[data-theme="dark"] .dark-focus-within-resize:focus-within { resize: both; }
.group:hover .group-hover-resize { resize: both; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
html[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
html[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
html[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
.focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
.focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0; }
html[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0; }
.hover-scroll-m-0:hover { scroll-margin: 0; }
html[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0; }
.focus-scroll-m-0:focus { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0; }
.active-scroll-m-0:active { scroll-margin: 0; }
html[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0; }
.disabled-scroll-m-0:disabled { scroll-margin: 0; }
html[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
.focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0 { scroll-margin: 0; }
.scroll-m-1 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 0.25rem; }
.hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.active-scroll-m-1:active { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
.focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
.scroll-m-2 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 0.5rem; }
.hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.active-scroll-m-2:active { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
.focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
.scroll-m-4 { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 1rem; }
.hover-scroll-m-4:hover { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.focus-scroll-m-4:focus { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.active-scroll-m-4:active { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 1rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
.focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-4 { scroll-margin: 1rem; }
.scroll-m-8 { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-scroll-m-8 { scroll-margin: 2rem; }
.hover-scroll-m-8:hover { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.focus-scroll-m-8:focus { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.active-scroll-m-8:active { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-active-scroll-m-8:active { scroll-margin: 2rem; }
.disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
.focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-8 { scroll-margin: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-8 { scroll-margin: 2rem; }
.scroll-p-0 { scroll-padding: 0; }
html[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0; }
.hover-scroll-p-0:hover { scroll-padding: 0; }
html[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0; }
.focus-scroll-p-0:focus { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0; }
.active-scroll-p-0:active { scroll-padding: 0; }
html[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0; }
.disabled-scroll-p-0:disabled { scroll-padding: 0; }
html[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
.focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0 { scroll-padding: 0; }
.scroll-p-1 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 0.25rem; }
.hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.active-scroll-p-1:active { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
.focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
.scroll-p-2 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 0.5rem; }
.hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.active-scroll-p-2:active { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
.focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
.scroll-p-4 { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 1rem; }
.hover-scroll-p-4:hover { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.focus-scroll-p-4:focus { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.active-scroll-p-4:active { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 1rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
.focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-4 { scroll-padding: 1rem; }
.scroll-p-8 { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-scroll-p-8 { scroll-padding: 2rem; }
.hover-scroll-p-8:hover { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.focus-scroll-p-8:focus { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.active-scroll-p-8:active { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-active-scroll-p-8:active { scroll-padding: 2rem; }
.disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
.focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-8 { scroll-padding: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-8 { scroll-padding: 2rem; }
.snap-x { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-snap-x { scroll-snap-type: x mandatory; }
.hover-snap-x:hover { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.focus-snap-x:focus { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.active-snap-x:active { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-active-snap-x:active { scroll-snap-type: x mandatory; }
.disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
.focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
.group:hover .group-hover-snap-x { scroll-snap-type: x mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-snap-y { scroll-snap-type: y mandatory; }
.hover-snap-y:hover { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.focus-snap-y:focus { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.active-snap-y:active { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-active-snap-y:active { scroll-snap-type: y mandatory; }
.disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
.focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
.group:hover .group-hover-snap-y { scroll-snap-type: y mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-snap-both { scroll-snap-type: both mandatory; }
.hover-snap-both:hover { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.focus-snap-both:focus { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.active-snap-both:active { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-active-snap-both:active { scroll-snap-type: both mandatory; }
.disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
.focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .dark-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
.group:hover .group-hover-snap-both { scroll-snap-type: both mandatory; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
html[data-theme="dark"] .dark-snap-align-start { scroll-snap-align: start; }
.hover-snap-align-start:hover { scroll-snap-align: start; }
html[data-theme="dark"] .dark-hover-snap-align-start:hover { scroll-snap-align: start; }
.focus-snap-align-start:focus { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-snap-align-start:focus { scroll-snap-align: start; }
.active-snap-align-start:active { scroll-snap-align: start; }
html[data-theme="dark"] .dark-active-snap-align-start:active { scroll-snap-align: start; }
.disabled-snap-align-start:disabled { scroll-snap-align: start; }
html[data-theme="dark"] .dark-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
.focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
html[data-theme="dark"] .dark-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
.group:hover .group-hover-snap-align-start { scroll-snap-align: start; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-start { scroll-snap-align: start; }
.snap-align-center { scroll-snap-align: center; }
html[data-theme="dark"] .dark-snap-align-center { scroll-snap-align: center; }
.hover-snap-align-center:hover { scroll-snap-align: center; }
html[data-theme="dark"] .dark-hover-snap-align-center:hover { scroll-snap-align: center; }
.focus-snap-align-center:focus { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-snap-align-center:focus { scroll-snap-align: center; }
.active-snap-align-center:active { scroll-snap-align: center; }
html[data-theme="dark"] .dark-active-snap-align-center:active { scroll-snap-align: center; }
.disabled-snap-align-center:disabled { scroll-snap-align: center; }
html[data-theme="dark"] .dark-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
.focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
html[data-theme="dark"] .dark-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
.group:hover .group-hover-snap-align-center { scroll-snap-align: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-center { scroll-snap-align: center; }
.snap-align-end { scroll-snap-align: end; }
html[data-theme="dark"] .dark-snap-align-end { scroll-snap-align: end; }
.hover-snap-align-end:hover { scroll-snap-align: end; }
html[data-theme="dark"] .dark-hover-snap-align-end:hover { scroll-snap-align: end; }
.focus-snap-align-end:focus { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-snap-align-end:focus { scroll-snap-align: end; }
.active-snap-align-end:active { scroll-snap-align: end; }
html[data-theme="dark"] .dark-active-snap-align-end:active { scroll-snap-align: end; }
.disabled-snap-align-end:disabled { scroll-snap-align: end; }
html[data-theme="dark"] .dark-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
.focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
html[data-theme="dark"] .dark-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
.group:hover .group-hover-snap-align-end { scroll-snap-align: end; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-end { scroll-snap-align: end; }
.snap-align-none { scroll-snap-align: none; }
html[data-theme="dark"] .dark-snap-align-none { scroll-snap-align: none; }
.hover-snap-align-none:hover { scroll-snap-align: none; }
html[data-theme="dark"] .dark-hover-snap-align-none:hover { scroll-snap-align: none; }
.focus-snap-align-none:focus { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-snap-align-none:focus { scroll-snap-align: none; }
.active-snap-align-none:active { scroll-snap-align: none; }
html[data-theme="dark"] .dark-active-snap-align-none:active { scroll-snap-align: none; }
.disabled-snap-align-none:disabled { scroll-snap-align: none; }
html[data-theme="dark"] .dark-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
.focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
html[data-theme="dark"] .dark-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
.group:hover .group-hover-snap-align-none { scroll-snap-align: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-snap-stop-normal { scroll-snap-stop: normal; }
.hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.active-snap-stop-normal:active { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
.focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
html[data-theme="dark"] .dark-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
.group:hover .group-hover-snap-stop-normal { scroll-snap-stop: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-snap-stop-always { scroll-snap-stop: always; }
.hover-snap-stop-always:hover { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.focus-snap-stop-always:focus { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.active-snap-stop-always:active { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-active-snap-stop-always:active { scroll-snap-stop: always; }
.disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
.focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
html[data-theme="dark"] .dark-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
.group:hover .group-hover-snap-stop-always { scroll-snap-stop: always; }
html[data-theme="dark"] .group:hover .dark-group-hover-snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
html[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
html[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
html[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
html[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
html[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
.focus-visible-touch-auto:focus-visible { touch-action: auto; }
html[data-theme="dark"] .dark-focus-visible-touch-auto:focus-visible { touch-action: auto; }
.focus-within-touch-auto:focus-within { touch-action: auto; }
html[data-theme="dark"] .dark-focus-within-touch-auto:focus-within { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
html[data-theme="dark"] .dark-touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
html[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
html[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
html[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
html[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
.focus-visible-touch-none:focus-visible { touch-action: none; }
html[data-theme="dark"] .dark-focus-visible-touch-none:focus-visible { touch-action: none; }
.focus-within-touch-none:focus-within { touch-action: none; }
html[data-theme="dark"] .dark-focus-within-touch-none:focus-within { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-none { touch-action: none; }
.touch-pan-x { touch-action: pan-x; }
html[data-theme="dark"] .dark-touch-pan-x { touch-action: pan-x; }
.hover-touch-pan-x:hover { touch-action: pan-x; }
html[data-theme="dark"] .dark-hover-touch-pan-x:hover { touch-action: pan-x; }
.focus-touch-pan-x:focus { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-touch-pan-x:focus { touch-action: pan-x; }
.active-touch-pan-x:active { touch-action: pan-x; }
html[data-theme="dark"] .dark-active-touch-pan-x:active { touch-action: pan-x; }
.disabled-touch-pan-x:disabled { touch-action: pan-x; }
html[data-theme="dark"] .dark-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
.focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
.group:hover .group-hover-touch-pan-x { touch-action: pan-x; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan-x { touch-action: pan-x; }
.touch-pan-y { touch-action: pan-y; }
html[data-theme="dark"] .dark-touch-pan-y { touch-action: pan-y; }
.hover-touch-pan-y:hover { touch-action: pan-y; }
html[data-theme="dark"] .dark-hover-touch-pan-y:hover { touch-action: pan-y; }
.focus-touch-pan-y:focus { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-touch-pan-y:focus { touch-action: pan-y; }
.active-touch-pan-y:active { touch-action: pan-y; }
html[data-theme="dark"] .dark-active-touch-pan-y:active { touch-action: pan-y; }
.disabled-touch-pan-y:disabled { touch-action: pan-y; }
html[data-theme="dark"] .dark-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
.focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
.group:hover .group-hover-touch-pan-y { touch-action: pan-y; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan-y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
html[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
html[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
html[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
.focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
html[data-theme="dark"] .dark-select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
html[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
html[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
html[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
html[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
.focus-visible-select-auto:focus-visible { user-select: auto; }
html[data-theme="dark"] .dark-focus-visible-select-auto:focus-visible { user-select: auto; }
.focus-within-select-auto:focus-within { user-select: auto; }
html[data-theme="dark"] .dark-focus-within-select-auto:focus-within { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-auto { user-select: auto; }
.select-none { user-select: none; }
html[data-theme="dark"] .dark-select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
html[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
html[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
html[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
html[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
.focus-visible-select-none:focus-visible { user-select: none; }
html[data-theme="dark"] .dark-focus-visible-select-none:focus-visible { user-select: none; }
.focus-within-select-none:focus-within { user-select: none; }
html[data-theme="dark"] .dark-focus-within-select-none:focus-within { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
html[data-theme="dark"] .dark-select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
html[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
html[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
html[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
html[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
.focus-visible-select-text:focus-visible { user-select: text; }
html[data-theme="dark"] .dark-focus-visible-select-text:focus-visible { user-select: text; }
.focus-within-select-text:focus-within { user-select: text; }
html[data-theme="dark"] .dark-focus-within-select-text:focus-within { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
html[data-theme="dark"] .dark-select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
html[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
html[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
html[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
html[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
.focus-visible-select-all:focus-visible { user-select: all; }
html[data-theme="dark"] .dark-focus-visible-select-all:focus-visible { user-select: all; }
.focus-within-select-all:focus-within { user-select: all; }
html[data-theme="dark"] .dark-focus-within-select-all:focus-within { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-all { user-select: all; }
.select-contain { user-select: contain; }
html[data-theme="dark"] .dark-select-contain { user-select: contain; }
.hover-select-contain:hover { user-select: contain; }
html[data-theme="dark"] .dark-hover-select-contain:hover { user-select: contain; }
.focus-select-contain:focus { user-select: contain; }
html[data-theme="dark"] .dark-focus-select-contain:focus { user-select: contain; }
.active-select-contain:active { user-select: contain; }
html[data-theme="dark"] .dark-active-select-contain:active { user-select: contain; }
.disabled-select-contain:disabled { user-select: contain; }
html[data-theme="dark"] .dark-disabled-select-contain:disabled { user-select: contain; }
.focus-visible-select-contain:focus-visible { user-select: contain; }
html[data-theme="dark"] .dark-focus-visible-select-contain:focus-visible { user-select: contain; }
.focus-within-select-contain:focus-within { user-select: contain; }
html[data-theme="dark"] .dark-focus-within-select-contain:focus-within { user-select: contain; }
.group:hover .group-hover-select-contain { user-select: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
html[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
html[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
html[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
html[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
html[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
.focus-visible-will-change-auto:focus-visible { will-change: auto; }
html[data-theme="dark"] .dark-focus-visible-will-change-auto:focus-visible { will-change: auto; }
.focus-within-will-change-auto:focus-within { will-change: auto; }
html[data-theme="dark"] .dark-focus-within-will-change-auto:focus-within { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
html[data-theme="dark"] .dark-will-change-scroll { will-change: scroll; }
.hover-will-change-scroll:hover { will-change: scroll; }
html[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll; }
.focus-will-change-scroll:focus { will-change: scroll; }
html[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll; }
.active-will-change-scroll:active { will-change: scroll; }
html[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll; }
.disabled-will-change-scroll:disabled { will-change: scroll; }
html[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll; }
.focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
html[data-theme="dark"] .dark-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
.focus-within-will-change-scroll:focus-within { will-change: scroll; }
html[data-theme="dark"] .dark-focus-within-will-change-scroll:focus-within { will-change: scroll; }
.group:hover .group-hover-will-change-scroll { will-change: scroll; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
html[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
html[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
html[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
html[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
html[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
.focus-visible-will-change-transform:focus-visible { will-change: transform; }
html[data-theme="dark"] .dark-focus-visible-will-change-transform:focus-visible { will-change: transform; }
.focus-within-will-change-transform:focus-within { will-change: transform; }
html[data-theme="dark"] .dark-focus-within-will-change-transform:focus-within { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
html[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
html[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
html[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
html[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
.focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
html[data-theme="dark"] .dark-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
.focus-within-will-change-opacity:focus-within { will-change: opacity; }
html[data-theme="dark"] .dark-focus-within-will-change-opacity:focus-within { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }
html[data-theme="dark"] .dark-will-change-contents { will-change: contents; }
.hover-will-change-contents:hover { will-change: contents; }
html[data-theme="dark"] .dark-hover-will-change-contents:hover { will-change: contents; }
.focus-will-change-contents:focus { will-change: contents; }
html[data-theme="dark"] .dark-focus-will-change-contents:focus { will-change: contents; }
.active-will-change-contents:active { will-change: contents; }
html[data-theme="dark"] .dark-active-will-change-contents:active { will-change: contents; }
.disabled-will-change-contents:disabled { will-change: contents; }
html[data-theme="dark"] .dark-disabled-will-change-contents:disabled { will-change: contents; }
.focus-visible-will-change-contents:focus-visible { will-change: contents; }
html[data-theme="dark"] .dark-focus-visible-will-change-contents:focus-visible { will-change: contents; }
.focus-within-will-change-contents:focus-within { will-change: contents; }
html[data-theme="dark"] .dark-focus-within-will-change-contents:focus-within { will-change: contents; }
.group:hover .group-hover-will-change-contents { will-change: contents; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-contents { will-change: contents; }
.field-sizing-auto { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-field-sizing-auto { block-size: auto; inline-size: auto; }
.hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
.focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .dark-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
.group:hover .group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
.field-sizing-fill { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
.focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .dark-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
.group:hover .group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
html[data-theme="dark"] .group:hover .dark-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.field-sizing-min { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-field-sizing-min { block-size: min-content; inline-size: min-content; }
.hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
.focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .dark-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
.group:hover .group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
.field-sizing-max { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-field-sizing-max { block-size: max-content; inline-size: max-content; }
.hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
.focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .dark-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
.group:hover .group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
html[data-theme="dark"] .group:hover .dark-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
.aspect-auto { aspect-ratio: auto; }
html[data-theme="dark"] .dark-aspect-auto { aspect-ratio: auto; }
.hover-aspect-auto:hover { aspect-ratio: auto; }
html[data-theme="dark"] .dark-hover-aspect-auto:hover { aspect-ratio: auto; }
.focus-aspect-auto:focus { aspect-ratio: auto; }
html[data-theme="dark"] .dark-focus-aspect-auto:focus { aspect-ratio: auto; }
.active-aspect-auto:active { aspect-ratio: auto; }
html[data-theme="dark"] .dark-active-aspect-auto:active { aspect-ratio: auto; }
.disabled-aspect-auto:disabled { aspect-ratio: auto; }
html[data-theme="dark"] .dark-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
html[data-theme="dark"] .dark-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
.focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
html[data-theme="dark"] .dark-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
.group:hover .group-hover-aspect-auto { aspect-ratio: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-aspect-auto { aspect-ratio: auto; }
.aspect-square { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-aspect-square { aspect-ratio: 1 / 1; }
.hover-aspect-square:hover { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.focus-aspect-square:focus { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.active-aspect-square:active { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-active-aspect-square:active { aspect-ratio: 1 / 1; }
.disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
.focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .dark-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
.group:hover .group-hover-aspect-square { aspect-ratio: 1 / 1; }
html[data-theme="dark"] .group:hover .dark-group-hover-aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-aspect-video { aspect-ratio: 16 / 9; }
.hover-aspect-video:hover { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.focus-aspect-video:focus { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.active-aspect-video:active { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-active-aspect-video:active { aspect-ratio: 16 / 9; }
.disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
.focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .dark-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
.group:hover .group-hover-aspect-video { aspect-ratio: 16 / 9; }
html[data-theme="dark"] .group:hover .dark-group-hover-aspect-video { aspect-ratio: 16 / 9; }
.aspect-ar_4_3 { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
.focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .dark-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
.group:hover .group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
html[data-theme="dark"] .group:hover .dark-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.isolation-auto { isolation: auto; }
html[data-theme="dark"] .dark-isolation-auto { isolation: auto; }
.hover-isolation-auto:hover { isolation: auto; }
html[data-theme="dark"] .dark-hover-isolation-auto:hover { isolation: auto; }
.focus-isolation-auto:focus { isolation: auto; }
html[data-theme="dark"] .dark-focus-isolation-auto:focus { isolation: auto; }
.active-isolation-auto:active { isolation: auto; }
html[data-theme="dark"] .dark-active-isolation-auto:active { isolation: auto; }
.disabled-isolation-auto:disabled { isolation: auto; }
html[data-theme="dark"] .dark-disabled-isolation-auto:disabled { isolation: auto; }
.focus-visible-isolation-auto:focus-visible { isolation: auto; }
html[data-theme="dark"] .dark-focus-visible-isolation-auto:focus-visible { isolation: auto; }
.focus-within-isolation-auto:focus-within { isolation: auto; }
html[data-theme="dark"] .dark-focus-within-isolation-auto:focus-within { isolation: auto; }
.group:hover .group-hover-isolation-auto { isolation: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-isolation-auto { isolation: auto; }
.isolation-isolate { isolation: isolate; }
html[data-theme="dark"] .dark-isolation-isolate { isolation: isolate; }
.hover-isolation-isolate:hover { isolation: isolate; }
html[data-theme="dark"] .dark-hover-isolation-isolate:hover { isolation: isolate; }
.focus-isolation-isolate:focus { isolation: isolate; }
html[data-theme="dark"] .dark-focus-isolation-isolate:focus { isolation: isolate; }
.active-isolation-isolate:active { isolation: isolate; }
html[data-theme="dark"] .dark-active-isolation-isolate:active { isolation: isolate; }
.disabled-isolation-isolate:disabled { isolation: isolate; }
html[data-theme="dark"] .dark-disabled-isolation-isolate:disabled { isolation: isolate; }
.focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
html[data-theme="dark"] .dark-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
.focus-within-isolation-isolate:focus-within { isolation: isolate; }
html[data-theme="dark"] .dark-focus-within-isolation-isolate:focus-within { isolation: isolate; }
.group:hover .group-hover-isolation-isolate { isolation: isolate; }
html[data-theme="dark"] .group:hover .dark-group-hover-isolation-isolate { isolation: isolate; }
.contain-none { contain: none; }
html[data-theme="dark"] .dark-contain-none { contain: none; }
.hover-contain-none:hover { contain: none; }
html[data-theme="dark"] .dark-hover-contain-none:hover { contain: none; }
.focus-contain-none:focus { contain: none; }
html[data-theme="dark"] .dark-focus-contain-none:focus { contain: none; }
.active-contain-none:active { contain: none; }
html[data-theme="dark"] .dark-active-contain-none:active { contain: none; }
.disabled-contain-none:disabled { contain: none; }
html[data-theme="dark"] .dark-disabled-contain-none:disabled { contain: none; }
.focus-visible-contain-none:focus-visible { contain: none; }
html[data-theme="dark"] .dark-focus-visible-contain-none:focus-visible { contain: none; }
.focus-within-contain-none:focus-within { contain: none; }
html[data-theme="dark"] .dark-focus-within-contain-none:focus-within { contain: none; }
.group:hover .group-hover-contain-none { contain: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-none { contain: none; }
.contain-layout { contain: layout; }
html[data-theme="dark"] .dark-contain-layout { contain: layout; }
.hover-contain-layout:hover { contain: layout; }
html[data-theme="dark"] .dark-hover-contain-layout:hover { contain: layout; }
.focus-contain-layout:focus { contain: layout; }
html[data-theme="dark"] .dark-focus-contain-layout:focus { contain: layout; }
.active-contain-layout:active { contain: layout; }
html[data-theme="dark"] .dark-active-contain-layout:active { contain: layout; }
.disabled-contain-layout:disabled { contain: layout; }
html[data-theme="dark"] .dark-disabled-contain-layout:disabled { contain: layout; }
.focus-visible-contain-layout:focus-visible { contain: layout; }
html[data-theme="dark"] .dark-focus-visible-contain-layout:focus-visible { contain: layout; }
.focus-within-contain-layout:focus-within { contain: layout; }
html[data-theme="dark"] .dark-focus-within-contain-layout:focus-within { contain: layout; }
.group:hover .group-hover-contain-layout { contain: layout; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-layout { contain: layout; }
.contain-size { contain: size; }
html[data-theme="dark"] .dark-contain-size { contain: size; }
.hover-contain-size:hover { contain: size; }
html[data-theme="dark"] .dark-hover-contain-size:hover { contain: size; }
.focus-contain-size:focus { contain: size; }
html[data-theme="dark"] .dark-focus-contain-size:focus { contain: size; }
.active-contain-size:active { contain: size; }
html[data-theme="dark"] .dark-active-contain-size:active { contain: size; }
.disabled-contain-size:disabled { contain: size; }
html[data-theme="dark"] .dark-disabled-contain-size:disabled { contain: size; }
.focus-visible-contain-size:focus-visible { contain: size; }
html[data-theme="dark"] .dark-focus-visible-contain-size:focus-visible { contain: size; }
.focus-within-contain-size:focus-within { contain: size; }
html[data-theme="dark"] .dark-focus-within-contain-size:focus-within { contain: size; }
.group:hover .group-hover-contain-size { contain: size; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-size { contain: size; }
.contain-style { contain: style; }
html[data-theme="dark"] .dark-contain-style { contain: style; }
.hover-contain-style:hover { contain: style; }
html[data-theme="dark"] .dark-hover-contain-style:hover { contain: style; }
.focus-contain-style:focus { contain: style; }
html[data-theme="dark"] .dark-focus-contain-style:focus { contain: style; }
.active-contain-style:active { contain: style; }
html[data-theme="dark"] .dark-active-contain-style:active { contain: style; }
.disabled-contain-style:disabled { contain: style; }
html[data-theme="dark"] .dark-disabled-contain-style:disabled { contain: style; }
.focus-visible-contain-style:focus-visible { contain: style; }
html[data-theme="dark"] .dark-focus-visible-contain-style:focus-visible { contain: style; }
.focus-within-contain-style:focus-within { contain: style; }
html[data-theme="dark"] .dark-focus-within-contain-style:focus-within { contain: style; }
.group:hover .group-hover-contain-style { contain: style; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-style { contain: style; }
.contain-paint { contain: paint; }
html[data-theme="dark"] .dark-contain-paint { contain: paint; }
.hover-contain-paint:hover { contain: paint; }
html[data-theme="dark"] .dark-hover-contain-paint:hover { contain: paint; }
.focus-contain-paint:focus { contain: paint; }
html[data-theme="dark"] .dark-focus-contain-paint:focus { contain: paint; }
.active-contain-paint:active { contain: paint; }
html[data-theme="dark"] .dark-active-contain-paint:active { contain: paint; }
.disabled-contain-paint:disabled { contain: paint; }
html[data-theme="dark"] .dark-disabled-contain-paint:disabled { contain: paint; }
.focus-visible-contain-paint:focus-visible { contain: paint; }
html[data-theme="dark"] .dark-focus-visible-contain-paint:focus-visible { contain: paint; }
.focus-within-contain-paint:focus-within { contain: paint; }
html[data-theme="dark"] .dark-focus-within-contain-paint:focus-within { contain: paint; }
.group:hover .group-hover-contain-paint { contain: paint; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-paint { contain: paint; }
.contain-content { contain: content; }
html[data-theme="dark"] .dark-contain-content { contain: content; }
.hover-contain-content:hover { contain: content; }
html[data-theme="dark"] .dark-hover-contain-content:hover { contain: content; }
.focus-contain-content:focus { contain: content; }
html[data-theme="dark"] .dark-focus-contain-content:focus { contain: content; }
.active-contain-content:active { contain: content; }
html[data-theme="dark"] .dark-active-contain-content:active { contain: content; }
.disabled-contain-content:disabled { contain: content; }
html[data-theme="dark"] .dark-disabled-contain-content:disabled { contain: content; }
.focus-visible-contain-content:focus-visible { contain: content; }
html[data-theme="dark"] .dark-focus-visible-contain-content:focus-visible { contain: content; }
.focus-within-contain-content:focus-within { contain: content; }
html[data-theme="dark"] .dark-focus-within-contain-content:focus-within { contain: content; }
.group:hover .group-hover-contain-content { contain: content; }
html[data-theme="dark"] .group:hover .dark-group-hover-contain-content { contain: content; }
.content-auto { content-visibility: auto; }
html[data-theme="dark"] .dark-content-auto { content-visibility: auto; }
.hover-content-auto:hover { content-visibility: auto; }
html[data-theme="dark"] .dark-hover-content-auto:hover { content-visibility: auto; }
.focus-content-auto:focus { content-visibility: auto; }
html[data-theme="dark"] .dark-focus-content-auto:focus { content-visibility: auto; }
.active-content-auto:active { content-visibility: auto; }
html[data-theme="dark"] .dark-active-content-auto:active { content-visibility: auto; }
.disabled-content-auto:disabled { content-visibility: auto; }
html[data-theme="dark"] .dark-disabled-content-auto:disabled { content-visibility: auto; }
.focus-visible-content-auto:focus-visible { content-visibility: auto; }
html[data-theme="dark"] .dark-focus-visible-content-auto:focus-visible { content-visibility: auto; }
.focus-within-content-auto:focus-within { content-visibility: auto; }
html[data-theme="dark"] .dark-focus-within-content-auto:focus-within { content-visibility: auto; }
.group:hover .group-hover-content-auto { content-visibility: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-auto { content-visibility: auto; }
.content-hidden { content-visibility: hidden; }
html[data-theme="dark"] .dark-content-hidden { content-visibility: hidden; }
.hover-content-hidden:hover { content-visibility: hidden; }
html[data-theme="dark"] .dark-hover-content-hidden:hover { content-visibility: hidden; }
.focus-content-hidden:focus { content-visibility: hidden; }
html[data-theme="dark"] .dark-focus-content-hidden:focus { content-visibility: hidden; }
.active-content-hidden:active { content-visibility: hidden; }
html[data-theme="dark"] .dark-active-content-hidden:active { content-visibility: hidden; }
.disabled-content-hidden:disabled { content-visibility: hidden; }
html[data-theme="dark"] .dark-disabled-content-hidden:disabled { content-visibility: hidden; }
.focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
html[data-theme="dark"] .dark-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
.focus-within-content-hidden:focus-within { content-visibility: hidden; }
html[data-theme="dark"] .dark-focus-within-content-hidden:focus-within { content-visibility: hidden; }
.group:hover .group-hover-content-hidden { content-visibility: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-hidden { content-visibility: hidden; }
.content-visible { content-visibility: visible; }
html[data-theme="dark"] .dark-content-visible { content-visibility: visible; }
.hover-content-visible:hover { content-visibility: visible; }
html[data-theme="dark"] .dark-hover-content-visible:hover { content-visibility: visible; }
.focus-content-visible:focus { content-visibility: visible; }
html[data-theme="dark"] .dark-focus-content-visible:focus { content-visibility: visible; }
.active-content-visible:active { content-visibility: visible; }
html[data-theme="dark"] .dark-active-content-visible:active { content-visibility: visible; }
.disabled-content-visible:disabled { content-visibility: visible; }
html[data-theme="dark"] .dark-disabled-content-visible:disabled { content-visibility: visible; }
.focus-visible-content-visible:focus-visible { content-visibility: visible; }
html[data-theme="dark"] .dark-focus-visible-content-visible:focus-visible { content-visibility: visible; }
.focus-within-content-visible:focus-within { content-visibility: visible; }
html[data-theme="dark"] .dark-focus-within-content-visible:focus-within { content-visibility: visible; }
.group:hover .group-hover-content-visible { content-visibility: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-content-visible { content-visibility: visible; }
.box-border { box-sizing: border-box; }
html[data-theme="dark"] .dark-box-border { box-sizing: border-box; }
.hover-box-border:hover { box-sizing: border-box; }
html[data-theme="dark"] .dark-hover-box-border:hover { box-sizing: border-box; }
.focus-box-border:focus { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-box-border:focus { box-sizing: border-box; }
.active-box-border:active { box-sizing: border-box; }
html[data-theme="dark"] .dark-active-box-border:active { box-sizing: border-box; }
.disabled-box-border:disabled { box-sizing: border-box; }
html[data-theme="dark"] .dark-disabled-box-border:disabled { box-sizing: border-box; }
.focus-visible-box-border:focus-visible { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-visible-box-border:focus-visible { box-sizing: border-box; }
.focus-within-box-border:focus-within { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-within-box-border:focus-within { box-sizing: border-box; }
.group:hover .group-hover-box-border { box-sizing: border-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
html[data-theme="dark"] .dark-box-content { box-sizing: content-box; }
.hover-box-content:hover { box-sizing: content-box; }
html[data-theme="dark"] .dark-hover-box-content:hover { box-sizing: content-box; }
.focus-box-content:focus { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-box-content:focus { box-sizing: content-box; }
.active-box-content:active { box-sizing: content-box; }
html[data-theme="dark"] .dark-active-box-content:active { box-sizing: content-box; }
.disabled-box-content:disabled { box-sizing: content-box; }
html[data-theme="dark"] .dark-disabled-box-content:disabled { box-sizing: content-box; }
.focus-visible-box-content:focus-visible { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-visible-box-content:focus-visible { box-sizing: content-box; }
.focus-within-box-content:focus-within { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-within-box-content:focus-within { box-sizing: content-box; }
.group:hover .group-hover-box-content { box-sizing: content-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-box-content { box-sizing: content-box; }
.clip-none { clip-path: none; }
html[data-theme="dark"] .dark-clip-none { clip-path: none; }
.hover-clip-none:hover { clip-path: none; }
html[data-theme="dark"] .dark-hover-clip-none:hover { clip-path: none; }
.focus-clip-none:focus { clip-path: none; }
html[data-theme="dark"] .dark-focus-clip-none:focus { clip-path: none; }
.active-clip-none:active { clip-path: none; }
html[data-theme="dark"] .dark-active-clip-none:active { clip-path: none; }
.disabled-clip-none:disabled { clip-path: none; }
html[data-theme="dark"] .dark-disabled-clip-none:disabled { clip-path: none; }
.focus-visible-clip-none:focus-visible { clip-path: none; }
html[data-theme="dark"] .dark-focus-visible-clip-none:focus-visible { clip-path: none; }
.focus-within-clip-none:focus-within { clip-path: none; }
html[data-theme="dark"] .dark-focus-within-clip-none:focus-within { clip-path: none; }
.group:hover .group-hover-clip-none { clip-path: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-none { clip-path: none; }
.clip-circle { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-clip-circle { clip-path: circle(50% at 50% 50%); }
.hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
.focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .dark-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
.group:hover .group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
.clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
.focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .dark-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
.group:hover .group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.clip-inset { clip-path: inset(0); }
html[data-theme="dark"] .dark-clip-inset { clip-path: inset(0); }
.hover-clip-inset:hover { clip-path: inset(0); }
html[data-theme="dark"] .dark-hover-clip-inset:hover { clip-path: inset(0); }
.focus-clip-inset:focus { clip-path: inset(0); }
html[data-theme="dark"] .dark-focus-clip-inset:focus { clip-path: inset(0); }
.active-clip-inset:active { clip-path: inset(0); }
html[data-theme="dark"] .dark-active-clip-inset:active { clip-path: inset(0); }
.disabled-clip-inset:disabled { clip-path: inset(0); }
html[data-theme="dark"] .dark-disabled-clip-inset:disabled { clip-path: inset(0); }
.focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
html[data-theme="dark"] .dark-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
.focus-within-clip-inset:focus-within { clip-path: inset(0); }
html[data-theme="dark"] .dark-focus-within-clip-inset:focus-within { clip-path: inset(0); }
.group:hover .group-hover-clip-inset { clip-path: inset(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-inset { clip-path: inset(0); }
.clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .dark-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.group:hover .group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.margin-block-start-1 { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-margin-block-start-1 { margin-block-start: 1rem; }
.hover-margin-block-start-1:hover { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.focus-margin-block-start-1:focus { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.active-margin-block-start-1:active { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-active-margin-block-start-1:active { margin-block-start: 1rem; }
.disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
.focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
.group:hover .group-hover-margin-block-start-1 { margin-block-start: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
.margin-block-end-1 { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-margin-block-end-1 { margin-block-end: 1rem; }
.hover-margin-block-end-1:hover { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.focus-margin-block-end-1:focus { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.active-margin-block-end-1:active { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-active-margin-block-end-1:active { margin-block-end: 1rem; }
.disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
.focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
.group:hover .group-hover-margin-block-end-1 { margin-block-end: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
.margin-inline-start-1 { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-margin-inline-start-1 { margin-inline-start: 1rem; }
.hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.active-margin-inline-start-1:active { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
.focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
.group:hover .group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
.margin-inline-end-1 { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-margin-inline-end-1 { margin-inline-end: 1rem; }
.hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.active-margin-inline-end-1:active { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
.focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
.group:hover .group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
.padding-block-start-1 { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-padding-block-start-1 { padding-block-start: 1rem; }
.hover-padding-block-start-1:hover { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.focus-padding-block-start-1:focus { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.active-padding-block-start-1:active { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-active-padding-block-start-1:active { padding-block-start: 1rem; }
.disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
.focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
html[data-theme="dark"] .dark-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
.group:hover .group-hover-padding-block-start-1 { padding-block-start: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
.padding-block-end-1 { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-padding-block-end-1 { padding-block-end: 1rem; }
.hover-padding-block-end-1:hover { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.focus-padding-block-end-1:focus { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.active-padding-block-end-1:active { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-active-padding-block-end-1:active { padding-block-end: 1rem; }
.disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
.focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
html[data-theme="dark"] .dark-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
.group:hover .group-hover-padding-block-end-1 { padding-block-end: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
.padding-inline-start-1 { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-padding-inline-start-1 { padding-inline-start: 1rem; }
.hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.active-padding-inline-start-1:active { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
.focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
html[data-theme="dark"] .dark-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
.group:hover .group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
.padding-inline-end-1 { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-padding-inline-end-1 { padding-inline-end: 1rem; }
.hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.active-padding-inline-end-1:active { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
.focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
html[data-theme="dark"] .dark-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
.group:hover .group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
.transition-all { transition-property: all; }
html[data-theme="dark"] .dark-transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
html[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
html[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
html[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
html[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
.focus-visible-transition-all:focus-visible { transition-property: all; }
html[data-theme="dark"] .dark-focus-visible-transition-all:focus-visible { transition-property: all; }
.focus-within-transition-all:focus-within { transition-property: all; }
html[data-theme="dark"] .dark-focus-within-transition-all:focus-within { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-all { transition-property: all; }
.transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
.focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
.group:hover .group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
html[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
html[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
html[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
.focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
.focus-within-transition-opacity:focus-within { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-within-transition-opacity:focus-within { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-opacity { transition-property: opacity; }
.transition-shadow { transition-property: box-shadow; }
html[data-theme="dark"] .dark-transition-shadow { transition-property: box-shadow; }
.hover-transition-shadow:hover { transition-property: box-shadow; }
html[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: box-shadow; }
.focus-transition-shadow:focus { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: box-shadow; }
.active-transition-shadow:active { transition-property: box-shadow; }
html[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: box-shadow; }
.disabled-transition-shadow:disabled { transition-property: box-shadow; }
html[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
.focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
.group:hover .group-hover-transition-shadow { transition-property: box-shadow; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-shadow { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }
html[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
html[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
html[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
html[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
html[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
.focus-visible-transition-transform:focus-visible { transition-property: transform; }
html[data-theme="dark"] .dark-focus-visible-transition-transform:focus-visible { transition-property: transform; }
.focus-within-transition-transform:focus-within { transition-property: transform; }
html[data-theme="dark"] .dark-focus-within-transition-transform:focus-within { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-transform { transition-property: transform; }
.duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
html[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
html[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
html[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
.focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
.focus-within-duration-75:focus-within { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-within-duration-75:focus-within { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
html[data-theme="dark"] .dark-duration-100 { transition-duration: 100ms; }
.hover-duration-100:hover { transition-duration: 100ms; }
html[data-theme="dark"] .dark-hover-duration-100:hover { transition-duration: 100ms; }
.focus-duration-100:focus { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-duration-100:focus { transition-duration: 100ms; }
.active-duration-100:active { transition-duration: 100ms; }
html[data-theme="dark"] .dark-active-duration-100:active { transition-duration: 100ms; }
.disabled-duration-100:disabled { transition-duration: 100ms; }
html[data-theme="dark"] .dark-disabled-duration-100:disabled { transition-duration: 100ms; }
.focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
.focus-within-duration-100:focus-within { transition-duration: 100ms; }
html[data-theme="dark"] .dark-focus-within-duration-100:focus-within { transition-duration: 100ms; }
.group:hover .group-hover-duration-100 { transition-duration: 100ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
html[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
html[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
html[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
.focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
.focus-within-duration-150:focus-within { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-within-duration-150:focus-within { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
html[data-theme="dark"] .dark-duration-200 { transition-duration: 200ms; }
.hover-duration-200:hover { transition-duration: 200ms; }
html[data-theme="dark"] .dark-hover-duration-200:hover { transition-duration: 200ms; }
.focus-duration-200:focus { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-duration-200:focus { transition-duration: 200ms; }
.active-duration-200:active { transition-duration: 200ms; }
html[data-theme="dark"] .dark-active-duration-200:active { transition-duration: 200ms; }
.disabled-duration-200:disabled { transition-duration: 200ms; }
html[data-theme="dark"] .dark-disabled-duration-200:disabled { transition-duration: 200ms; }
.focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
.focus-within-duration-200:focus-within { transition-duration: 200ms; }
html[data-theme="dark"] .dark-focus-within-duration-200:focus-within { transition-duration: 200ms; }
.group:hover .group-hover-duration-200 { transition-duration: 200ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
html[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
html[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
html[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
.focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
.focus-within-duration-300:focus-within { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-within-duration-300:focus-within { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
html[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
html[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
html[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
.focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
.focus-within-duration-500:focus-within { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-within-duration-500:focus-within { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
html[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
html[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
html[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
.focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
.focus-within-duration-700:focus-within { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-within-duration-700:focus-within { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
.focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: linear; }
html[data-theme="dark"] .dark-ease-linear { transition-timing-function: linear; }
.hover-ease-linear:hover { transition-timing-function: linear; }
html[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: linear; }
.focus-ease-linear:focus { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: linear; }
.active-ease-linear:active { transition-timing-function: linear; }
html[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: linear; }
.disabled-ease-linear:disabled { transition-timing-function: linear; }
html[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: linear; }
.focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
.focus-within-ease-linear:focus-within { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: linear; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-linear { transition-timing-function: linear; }
.ease-in { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-ease-in { transition-timing-function: ease-in; }
.hover-ease-in:hover { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: ease-in; }
.focus-ease-in:focus { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: ease-in; }
.active-ease-in:active { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: ease-in; }
.disabled-ease-in:disabled { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
.focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
html[data-theme="dark"] .dark-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
.group:hover .group-hover-ease-in { transition-timing-function: ease-in; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-ease-out { transition-timing-function: ease-out; }
.hover-ease-out:hover { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: ease-out; }
.focus-ease-out:focus { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: ease-out; }
.active-ease-out:active { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: ease-out; }
.disabled-ease-out:disabled { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
.focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
html[data-theme="dark"] .dark-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
.group:hover .group-hover-ease-out { transition-timing-function: ease-out; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-ease-in-out { transition-timing-function: ease-in-out; }
.hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.active-ease-in-out:active { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
.focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .dark-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
.group:hover .group-hover-ease-in-out { transition-timing-function: ease-in-out; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
.filter-none { filter: none; }
html[data-theme="dark"] .dark-filter-none { filter: none; }
.hover-filter-none:hover { filter: none; }
html[data-theme="dark"] .dark-hover-filter-none:hover { filter: none; }
.focus-filter-none:focus { filter: none; }
html[data-theme="dark"] .dark-focus-filter-none:focus { filter: none; }
.active-filter-none:active { filter: none; }
html[data-theme="dark"] .dark-active-filter-none:active { filter: none; }
.disabled-filter-none:disabled { filter: none; }
html[data-theme="dark"] .dark-disabled-filter-none:disabled { filter: none; }
.focus-visible-filter-none:focus-visible { filter: none; }
html[data-theme="dark"] .dark-focus-visible-filter-none:focus-visible { filter: none; }
.focus-within-filter-none:focus-within { filter: none; }
html[data-theme="dark"] .dark-focus-within-filter-none:focus-within { filter: none; }
.group:hover .group-hover-filter-none { filter: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-none { filter: none; }
.blur-sm { filter: blur(2px); }
html[data-theme="dark"] .dark-blur-sm { filter: blur(2px); }
.hover-blur-sm:hover { filter: blur(2px); }
html[data-theme="dark"] .dark-hover-blur-sm:hover { filter: blur(2px); }
.focus-blur-sm:focus { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-blur-sm:focus { filter: blur(2px); }
.active-blur-sm:active { filter: blur(2px); }
html[data-theme="dark"] .dark-active-blur-sm:active { filter: blur(2px); }
.disabled-blur-sm:disabled { filter: blur(2px); }
html[data-theme="dark"] .dark-disabled-blur-sm:disabled { filter: blur(2px); }
.focus-visible-blur-sm:focus-visible { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
.focus-within-blur-sm:focus-within { filter: blur(2px); }
html[data-theme="dark"] .dark-focus-within-blur-sm:focus-within { filter: blur(2px); }
.group:hover .group-hover-blur-sm { filter: blur(2px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-sm { filter: blur(2px); }
.blur { filter: blur(4px); }
html[data-theme="dark"] .dark-blur { filter: blur(4px); }
.hover-blur:hover { filter: blur(4px); }
html[data-theme="dark"] .dark-hover-blur:hover { filter: blur(4px); }
.focus-blur:focus { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-blur:focus { filter: blur(4px); }
.active-blur:active { filter: blur(4px); }
html[data-theme="dark"] .dark-active-blur:active { filter: blur(4px); }
.disabled-blur:disabled { filter: blur(4px); }
html[data-theme="dark"] .dark-disabled-blur:disabled { filter: blur(4px); }
.focus-visible-blur:focus-visible { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-visible-blur:focus-visible { filter: blur(4px); }
.focus-within-blur:focus-within { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-within-blur:focus-within { filter: blur(4px); }
.group:hover .group-hover-blur { filter: blur(4px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur { filter: blur(4px); }
.blur-md { filter: blur(8px); }
html[data-theme="dark"] .dark-blur-md { filter: blur(8px); }
.hover-blur-md:hover { filter: blur(8px); }
html[data-theme="dark"] .dark-hover-blur-md:hover { filter: blur(8px); }
.focus-blur-md:focus { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-blur-md:focus { filter: blur(8px); }
.active-blur-md:active { filter: blur(8px); }
html[data-theme="dark"] .dark-active-blur-md:active { filter: blur(8px); }
.disabled-blur-md:disabled { filter: blur(8px); }
html[data-theme="dark"] .dark-disabled-blur-md:disabled { filter: blur(8px); }
.focus-visible-blur-md:focus-visible { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-visible-blur-md:focus-visible { filter: blur(8px); }
.focus-within-blur-md:focus-within { filter: blur(8px); }
html[data-theme="dark"] .dark-focus-within-blur-md:focus-within { filter: blur(8px); }
.group:hover .group-hover-blur-md { filter: blur(8px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-md { filter: blur(8px); }
.blur-lg { filter: blur(12px); }
html[data-theme="dark"] .dark-blur-lg { filter: blur(12px); }
.hover-blur-lg:hover { filter: blur(12px); }
html[data-theme="dark"] .dark-hover-blur-lg:hover { filter: blur(12px); }
.focus-blur-lg:focus { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-blur-lg:focus { filter: blur(12px); }
.active-blur-lg:active { filter: blur(12px); }
html[data-theme="dark"] .dark-active-blur-lg:active { filter: blur(12px); }
.disabled-blur-lg:disabled { filter: blur(12px); }
html[data-theme="dark"] .dark-disabled-blur-lg:disabled { filter: blur(12px); }
.focus-visible-blur-lg:focus-visible { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
.focus-within-blur-lg:focus-within { filter: blur(12px); }
html[data-theme="dark"] .dark-focus-within-blur-lg:focus-within { filter: blur(12px); }
.group:hover .group-hover-blur-lg { filter: blur(12px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-lg { filter: blur(12px); }
.blur-xl { filter: blur(20px); }
html[data-theme="dark"] .dark-blur-xl { filter: blur(20px); }
.hover-blur-xl:hover { filter: blur(20px); }
html[data-theme="dark"] .dark-hover-blur-xl:hover { filter: blur(20px); }
.focus-blur-xl:focus { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-blur-xl:focus { filter: blur(20px); }
.active-blur-xl:active { filter: blur(20px); }
html[data-theme="dark"] .dark-active-blur-xl:active { filter: blur(20px); }
.disabled-blur-xl:disabled { filter: blur(20px); }
html[data-theme="dark"] .dark-disabled-blur-xl:disabled { filter: blur(20px); }
.focus-visible-blur-xl:focus-visible { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
.focus-within-blur-xl:focus-within { filter: blur(20px); }
html[data-theme="dark"] .dark-focus-within-blur-xl:focus-within { filter: blur(20px); }
.group:hover .group-hover-blur-xl { filter: blur(20px); }
html[data-theme="dark"] .group:hover .dark-group-hover-blur-xl { filter: blur(20px); }
.brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .dark-brightness-50 { filter: brightness(0.5); }
.hover-brightness-50:hover { filter: brightness(0.5); }
html[data-theme="dark"] .dark-hover-brightness-50:hover { filter: brightness(0.5); }
.focus-brightness-50:focus { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-brightness-50:focus { filter: brightness(0.5); }
.active-brightness-50:active { filter: brightness(0.5); }
html[data-theme="dark"] .dark-active-brightness-50:active { filter: brightness(0.5); }
.disabled-brightness-50:disabled { filter: brightness(0.5); }
html[data-theme="dark"] .dark-disabled-brightness-50:disabled { filter: brightness(0.5); }
.focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
.focus-within-brightness-50:focus-within { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
.group:hover .group-hover-brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-50 { filter: brightness(0.5); }
.brightness-100 { filter: brightness(1); }
html[data-theme="dark"] .dark-brightness-100 { filter: brightness(1); }
.hover-brightness-100:hover { filter: brightness(1); }
html[data-theme="dark"] .dark-hover-brightness-100:hover { filter: brightness(1); }
.focus-brightness-100:focus { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-brightness-100:focus { filter: brightness(1); }
.active-brightness-100:active { filter: brightness(1); }
html[data-theme="dark"] .dark-active-brightness-100:active { filter: brightness(1); }
.disabled-brightness-100:disabled { filter: brightness(1); }
html[data-theme="dark"] .dark-disabled-brightness-100:disabled { filter: brightness(1); }
.focus-visible-brightness-100:focus-visible { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
.focus-within-brightness-100:focus-within { filter: brightness(1); }
html[data-theme="dark"] .dark-focus-within-brightness-100:focus-within { filter: brightness(1); }
.group:hover .group-hover-brightness-100 { filter: brightness(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-100 { filter: brightness(1); }
.brightness-150 { filter: brightness(1.5); }
html[data-theme="dark"] .dark-brightness-150 { filter: brightness(1.5); }
.hover-brightness-150:hover { filter: brightness(1.5); }
html[data-theme="dark"] .dark-hover-brightness-150:hover { filter: brightness(1.5); }
.focus-brightness-150:focus { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-brightness-150:focus { filter: brightness(1.5); }
.active-brightness-150:active { filter: brightness(1.5); }
html[data-theme="dark"] .dark-active-brightness-150:active { filter: brightness(1.5); }
.disabled-brightness-150:disabled { filter: brightness(1.5); }
html[data-theme="dark"] .dark-disabled-brightness-150:disabled { filter: brightness(1.5); }
.focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
.focus-within-brightness-150:focus-within { filter: brightness(1.5); }
html[data-theme="dark"] .dark-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
.group:hover .group-hover-brightness-150 { filter: brightness(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-brightness-150 { filter: brightness(1.5); }
.contrast-50 { filter: contrast(0.5); }
html[data-theme="dark"] .dark-contrast-50 { filter: contrast(0.5); }
.hover-contrast-50:hover { filter: contrast(0.5); }
html[data-theme="dark"] .dark-hover-contrast-50:hover { filter: contrast(0.5); }
.focus-contrast-50:focus { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-contrast-50:focus { filter: contrast(0.5); }
.active-contrast-50:active { filter: contrast(0.5); }
html[data-theme="dark"] .dark-active-contrast-50:active { filter: contrast(0.5); }
.disabled-contrast-50:disabled { filter: contrast(0.5); }
html[data-theme="dark"] .dark-disabled-contrast-50:disabled { filter: contrast(0.5); }
.focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
.focus-within-contrast-50:focus-within { filter: contrast(0.5); }
html[data-theme="dark"] .dark-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
.group:hover .group-hover-contrast-50 { filter: contrast(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-50 { filter: contrast(0.5); }
.contrast-100 { filter: contrast(1); }
html[data-theme="dark"] .dark-contrast-100 { filter: contrast(1); }
.hover-contrast-100:hover { filter: contrast(1); }
html[data-theme="dark"] .dark-hover-contrast-100:hover { filter: contrast(1); }
.focus-contrast-100:focus { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-contrast-100:focus { filter: contrast(1); }
.active-contrast-100:active { filter: contrast(1); }
html[data-theme="dark"] .dark-active-contrast-100:active { filter: contrast(1); }
.disabled-contrast-100:disabled { filter: contrast(1); }
html[data-theme="dark"] .dark-disabled-contrast-100:disabled { filter: contrast(1); }
.focus-visible-contrast-100:focus-visible { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
.focus-within-contrast-100:focus-within { filter: contrast(1); }
html[data-theme="dark"] .dark-focus-within-contrast-100:focus-within { filter: contrast(1); }
.group:hover .group-hover-contrast-100 { filter: contrast(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-contrast-100 { filter: contrast(1); }
.grayscale { filter: grayscale(1); }
html[data-theme="dark"] .dark-grayscale { filter: grayscale(1); }
.hover-grayscale:hover { filter: grayscale(1); }
html[data-theme="dark"] .dark-hover-grayscale:hover { filter: grayscale(1); }
.focus-grayscale:focus { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-grayscale:focus { filter: grayscale(1); }
.active-grayscale:active { filter: grayscale(1); }
html[data-theme="dark"] .dark-active-grayscale:active { filter: grayscale(1); }
.disabled-grayscale:disabled { filter: grayscale(1); }
html[data-theme="dark"] .dark-disabled-grayscale:disabled { filter: grayscale(1); }
.focus-visible-grayscale:focus-visible { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
.focus-within-grayscale:focus-within { filter: grayscale(1); }
html[data-theme="dark"] .dark-focus-within-grayscale:focus-within { filter: grayscale(1); }
.group:hover .group-hover-grayscale { filter: grayscale(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-grayscale { filter: grayscale(1); }
.sepia { filter: sepia(1); }
html[data-theme="dark"] .dark-sepia { filter: sepia(1); }
.hover-sepia:hover { filter: sepia(1); }
html[data-theme="dark"] .dark-hover-sepia:hover { filter: sepia(1); }
.focus-sepia:focus { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-sepia:focus { filter: sepia(1); }
.active-sepia:active { filter: sepia(1); }
html[data-theme="dark"] .dark-active-sepia:active { filter: sepia(1); }
.disabled-sepia:disabled { filter: sepia(1); }
html[data-theme="dark"] .dark-disabled-sepia:disabled { filter: sepia(1); }
.focus-visible-sepia:focus-visible { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-visible-sepia:focus-visible { filter: sepia(1); }
.focus-within-sepia:focus-within { filter: sepia(1); }
html[data-theme="dark"] .dark-focus-within-sepia:focus-within { filter: sepia(1); }
.group:hover .group-hover-sepia { filter: sepia(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-sepia { filter: sepia(1); }
.saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .dark-saturate-150 { filter: saturate(1.5); }
.hover-saturate-150:hover { filter: saturate(1.5); }
html[data-theme="dark"] .dark-hover-saturate-150:hover { filter: saturate(1.5); }
.focus-saturate-150:focus { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-saturate-150:focus { filter: saturate(1.5); }
.active-saturate-150:active { filter: saturate(1.5); }
html[data-theme="dark"] .dark-active-saturate-150:active { filter: saturate(1.5); }
.disabled-saturate-150:disabled { filter: saturate(1.5); }
html[data-theme="dark"] .dark-disabled-saturate-150:disabled { filter: saturate(1.5); }
.focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
.focus-within-saturate-150:focus-within { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
.group:hover .group-hover-saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-saturate-150 { filter: saturate(1.5); }
.hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-hue-rotate-90:active { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
.focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
.group:hover .group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .dark-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.group:hover .group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
html[data-theme="dark"] .group:hover .dark-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
.not-sr-only { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
.hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
.focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
.active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
.disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
.focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
.focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .dark-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
.group:hover .group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
html[data-theme="dark"] .group:hover .dark-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
.grid-flow-row { grid-auto-flow: row; }
html[data-theme="dark"] .dark-grid-flow-row { grid-auto-flow: row; }
.hover-grid-flow-row:hover { grid-auto-flow: row; }
html[data-theme="dark"] .dark-hover-grid-flow-row:hover { grid-auto-flow: row; }
.focus-grid-flow-row:focus { grid-auto-flow: row; }
html[data-theme="dark"] .dark-focus-grid-flow-row:focus { grid-auto-flow: row; }
.active-grid-flow-row:active { grid-auto-flow: row; }
html[data-theme="dark"] .dark-active-grid-flow-row:active { grid-auto-flow: row; }
.disabled-grid-flow-row:disabled { grid-auto-flow: row; }
html[data-theme="dark"] .dark-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
html[data-theme="dark"] .dark-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
.focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
html[data-theme="dark"] .dark-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
.group:hover .group-hover-grid-flow-row { grid-auto-flow: row; }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
html[data-theme="dark"] .dark-grid-flow-col { grid-auto-flow: column; }
.hover-grid-flow-col:hover { grid-auto-flow: column; }
html[data-theme="dark"] .dark-hover-grid-flow-col:hover { grid-auto-flow: column; }
.focus-grid-flow-col:focus { grid-auto-flow: column; }
html[data-theme="dark"] .dark-focus-grid-flow-col:focus { grid-auto-flow: column; }
.active-grid-flow-col:active { grid-auto-flow: column; }
html[data-theme="dark"] .dark-active-grid-flow-col:active { grid-auto-flow: column; }
.disabled-grid-flow-col:disabled { grid-auto-flow: column; }
html[data-theme="dark"] .dark-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
html[data-theme="dark"] .dark-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
.focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
html[data-theme="dark"] .dark-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
.group:hover .group-hover-grid-flow-col { grid-auto-flow: column; }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-flow-col { grid-auto-flow: column; }
.grid-flow-row-dense { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-grid-flow-row-dense { grid-auto-flow: row dense; }
.hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
.focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
html[data-theme="dark"] .dark-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
.group:hover .group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
.grid-flow-col-dense { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-grid-flow-col-dense { grid-auto-flow: column dense; }
.hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
.focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
html[data-theme="dark"] .dark-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
.group:hover .group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
.grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .dark-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.group:hover .group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
html[data-theme="dark"] .group:hover .dark-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.transition-none { transition-property: none; }
html[data-theme="dark"] .dark-transition-none { transition-property: none; }
.hover-transition-none:hover { transition-property: none; }
html[data-theme="dark"] .dark-hover-transition-none:hover { transition-property: none; }
.focus-transition-none:focus { transition-property: none; }
html[data-theme="dark"] .dark-focus-transition-none:focus { transition-property: none; }
.active-transition-none:active { transition-property: none; }
html[data-theme="dark"] .dark-active-transition-none:active { transition-property: none; }
.disabled-transition-none:disabled { transition-property: none; }
html[data-theme="dark"] .dark-disabled-transition-none:disabled { transition-property: none; }
.focus-visible-transition-none:focus-visible { transition-property: none; }
html[data-theme="dark"] .dark-focus-visible-transition-none:focus-visible { transition-property: none; }
.focus-within-transition-none:focus-within { transition-property: none; }
html[data-theme="dark"] .dark-focus-within-transition-none:focus-within { transition-property: none; }
.group:hover .group-hover-transition-none { transition-property: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-none { transition-property: none; }
.transition-all { transition-property: all; }
html[data-theme="dark"] .dark-transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
html[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
html[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
html[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
html[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
.focus-visible-transition-all:focus-visible { transition-property: all; }
html[data-theme="dark"] .dark-focus-visible-transition-all:focus-visible { transition-property: all; }
.focus-within-transition-all:focus-within { transition-property: all; }
html[data-theme="dark"] .dark-focus-within-transition-all:focus-within { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-all { transition-property: all; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .dark-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.group:hover .group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
html[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
html[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
html[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
.focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
.focus-within-transition-opacity:focus-within { transition-property: opacity; }
html[data-theme="dark"] .dark-focus-within-transition-opacity:focus-within { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-opacity { transition-property: opacity; }
.transition-shadow { transition-property: box-shadow; }
html[data-theme="dark"] .dark-transition-shadow { transition-property: box-shadow; }
.hover-transition-shadow:hover { transition-property: box-shadow; }
html[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: box-shadow; }
.focus-transition-shadow:focus { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: box-shadow; }
.active-transition-shadow:active { transition-property: box-shadow; }
html[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: box-shadow; }
.disabled-transition-shadow:disabled { transition-property: box-shadow; }
html[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
.focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
html[data-theme="dark"] .dark-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
.group:hover .group-hover-transition-shadow { transition-property: box-shadow; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-shadow { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }
html[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
html[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
html[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
html[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
html[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
.focus-visible-transition-transform:focus-visible { transition-property: transform; }
html[data-theme="dark"] .dark-focus-visible-transition-transform:focus-visible { transition-property: transform; }
.focus-within-transition-transform:focus-within { transition-property: transform; }
html[data-theme="dark"] .dark-focus-within-transition-transform:focus-within { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-transition-transform { transition-property: transform; }
.duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
html[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
html[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
html[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
.focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
.focus-within-duration-75:focus-within { transition-duration: 75ms; }
html[data-theme="dark"] .dark-focus-within-duration-75:focus-within { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-75 { transition-duration: 75ms; }
.duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
html[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
html[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
html[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
.focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
.focus-within-duration-150:focus-within { transition-duration: 150ms; }
html[data-theme="dark"] .dark-focus-within-duration-150:focus-within { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-150 { transition-duration: 150ms; }
.duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
html[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
html[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
html[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
.focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
.focus-within-duration-300:focus-within { transition-duration: 300ms; }
html[data-theme="dark"] .dark-focus-within-duration-300:focus-within { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
html[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
html[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
html[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
.focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
.focus-within-duration-500:focus-within { transition-duration: 500ms; }
html[data-theme="dark"] .dark-focus-within-duration-500:focus-within { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
html[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
html[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
html[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
.focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
.focus-within-duration-700:focus-within { transition-duration: 700ms; }
html[data-theme="dark"] .dark-focus-within-duration-700:focus-within { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
.focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
html[data-theme="dark"] .dark-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
html[data-theme="dark"] .group:hover .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: linear; }
html[data-theme="dark"] .dark-ease-linear { transition-timing-function: linear; }
.hover-ease-linear:hover { transition-timing-function: linear; }
html[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: linear; }
.focus-ease-linear:focus { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: linear; }
.active-ease-linear:active { transition-timing-function: linear; }
html[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: linear; }
.disabled-ease-linear:disabled { transition-timing-function: linear; }
html[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: linear; }
.focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
.focus-within-ease-linear:focus-within { transition-timing-function: linear; }
html[data-theme="dark"] .dark-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: linear; }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-linear { transition-timing-function: linear; }
.ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .dark-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.group:hover .group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .dark-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.group:hover .group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .dark-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.group:hover .group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
html[data-theme="dark"] .group:hover .dark-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.animate-none { animation: none; }
html[data-theme="dark"] .dark-animate-none { animation: none; }
.hover-animate-none:hover { animation: none; }
html[data-theme="dark"] .dark-hover-animate-none:hover { animation: none; }
.focus-animate-none:focus { animation: none; }
html[data-theme="dark"] .dark-focus-animate-none:focus { animation: none; }
.active-animate-none:active { animation: none; }
html[data-theme="dark"] .dark-active-animate-none:active { animation: none; }
.disabled-animate-none:disabled { animation: none; }
html[data-theme="dark"] .dark-disabled-animate-none:disabled { animation: none; }
.focus-visible-animate-none:focus-visible { animation: none; }
html[data-theme="dark"] .dark-focus-visible-animate-none:focus-visible { animation: none; }
.focus-within-animate-none:focus-within { animation: none; }
html[data-theme="dark"] .dark-focus-within-animate-none:focus-within { animation: none; }
.group:hover .group-hover-animate-none { animation: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-animate-none { animation: none; }
.animate-fade { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-animate-fade { animation: fade 300ms ease-out both; }
.hover-animate-fade:hover { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.focus-animate-fade:focus { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.active-animate-fade:active { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-active-animate-fade:active { animation: fade 300ms ease-out both; }
.disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
.focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .dark-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
.group:hover .group-hover-animate-fade { animation: fade 300ms ease-out both; }
html[data-theme="dark"] .group:hover .dark-group-hover-animate-fade { animation: fade 300ms ease-out both; }
.animate-slide-in { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-animate-slide-in { animation: slide-in 500ms ease-out both; }
.hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
.focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .dark-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
.group:hover .group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
html[data-theme="dark"] .group:hover .dark-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
.animate-spin { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-animate-spin { animation: spin 1s linear infinite; }
.hover-animate-spin:hover { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.focus-animate-spin:focus { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.active-animate-spin:active { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-active-animate-spin:active { animation: spin 1s linear infinite; }
.disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
.focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
html[data-theme="dark"] .dark-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
.group:hover .group-hover-animate-spin { animation: spin 1s linear infinite; }
html[data-theme="dark"] .group:hover .dark-group-hover-animate-spin { animation: spin 1s linear infinite; }
.transform { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-transform { transform: var(--quanta-transform, none); }
.hover-transform:hover { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-hover-transform:hover { transform: var(--quanta-transform, none); }
.focus-transform:focus { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-transform:focus { transform: var(--quanta-transform, none); }
.active-transform:active { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-active-transform:active { transform: var(--quanta-transform, none); }
.disabled-transform:disabled { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
.focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .dark-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
.group:hover .group-hover-transform { transform: var(--quanta-transform, none); }
html[data-theme="dark"] .group:hover .dark-group-hover-transform { transform: var(--quanta-transform, none); }
.transform-none { transform: none; }
html[data-theme="dark"] .dark-transform-none { transform: none; }
.hover-transform-none:hover { transform: none; }
html[data-theme="dark"] .dark-hover-transform-none:hover { transform: none; }
.focus-transform-none:focus { transform: none; }
html[data-theme="dark"] .dark-focus-transform-none:focus { transform: none; }
.active-transform-none:active { transform: none; }
html[data-theme="dark"] .dark-active-transform-none:active { transform: none; }
.disabled-transform-none:disabled { transform: none; }
html[data-theme="dark"] .dark-disabled-transform-none:disabled { transform: none; }
.focus-visible-transform-none:focus-visible { transform: none; }
html[data-theme="dark"] .dark-focus-visible-transform-none:focus-visible { transform: none; }
.focus-within-transform-none:focus-within { transform: none; }
html[data-theme="dark"] .dark-focus-within-transform-none:focus-within { transform: none; }
.group:hover .group-hover-transform-none { transform: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-none { transform: none; }
.scale-50 { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-scale-50 { --quanta-transform: scale(0.5); }
.hover-scale-50:hover { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-hover-scale-50:hover { --quanta-transform: scale(0.5); }
.focus-scale-50:focus { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-scale-50:focus { --quanta-transform: scale(0.5); }
.active-scale-50:active { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-active-scale-50:active { --quanta-transform: scale(0.5); }
.disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
.focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
.focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .dark-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
.group:hover .group-hover-scale-50 { --quanta-transform: scale(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-50 { --quanta-transform: scale(0.5); }
.scale-75 { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-scale-75 { --quanta-transform: scale(0.75); }
.hover-scale-75:hover { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-hover-scale-75:hover { --quanta-transform: scale(0.75); }
.focus-scale-75:focus { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-scale-75:focus { --quanta-transform: scale(0.75); }
.active-scale-75:active { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-active-scale-75:active { --quanta-transform: scale(0.75); }
.disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
.focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
.focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .dark-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
.group:hover .group-hover-scale-75 { --quanta-transform: scale(0.75); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-75 { --quanta-transform: scale(0.75); }
.scale-90 { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-scale-90 { --quanta-transform: scale(0.9); }
.hover-scale-90:hover { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-hover-scale-90:hover { --quanta-transform: scale(0.9); }
.focus-scale-90:focus { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-scale-90:focus { --quanta-transform: scale(0.9); }
.active-scale-90:active { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-active-scale-90:active { --quanta-transform: scale(0.9); }
.disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
.focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
.focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .dark-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
.group:hover .group-hover-scale-90 { --quanta-transform: scale(0.9); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-90 { --quanta-transform: scale(0.9); }
.scale-100 { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-scale-100 { --quanta-transform: scale(1); }
.hover-scale-100:hover { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-hover-scale-100:hover { --quanta-transform: scale(1); }
.focus-scale-100:focus { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-focus-scale-100:focus { --quanta-transform: scale(1); }
.active-scale-100:active { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-active-scale-100:active { --quanta-transform: scale(1); }
.disabled-scale-100:disabled { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-disabled-scale-100:disabled { --quanta-transform: scale(1); }
.focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
.focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
html[data-theme="dark"] .dark-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
.group:hover .group-hover-scale-100 { --quanta-transform: scale(1); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-100 { --quanta-transform: scale(1); }
.scale-105 { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-scale-105 { --quanta-transform: scale(1.05); }
.hover-scale-105:hover { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-hover-scale-105:hover { --quanta-transform: scale(1.05); }
.focus-scale-105:focus { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-scale-105:focus { --quanta-transform: scale(1.05); }
.active-scale-105:active { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-active-scale-105:active { --quanta-transform: scale(1.05); }
.disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
.focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
.focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .dark-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
.group:hover .group-hover-scale-105 { --quanta-transform: scale(1.05); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-105 { --quanta-transform: scale(1.05); }
.scale-110 { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-scale-110 { --quanta-transform: scale(1.1); }
.hover-scale-110:hover { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-hover-scale-110:hover { --quanta-transform: scale(1.1); }
.focus-scale-110:focus { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-scale-110:focus { --quanta-transform: scale(1.1); }
.active-scale-110:active { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-active-scale-110:active { --quanta-transform: scale(1.1); }
.disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
.focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
.focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .dark-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
.group:hover .group-hover-scale-110 { --quanta-transform: scale(1.1); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-110 { --quanta-transform: scale(1.1); }
.scale-125 { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-scale-125 { --quanta-transform: scale(1.25); }
.hover-scale-125:hover { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-hover-scale-125:hover { --quanta-transform: scale(1.25); }
.focus-scale-125:focus { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-scale-125:focus { --quanta-transform: scale(1.25); }
.active-scale-125:active { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-active-scale-125:active { --quanta-transform: scale(1.25); }
.disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
.focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
.focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .dark-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
.group:hover .group-hover-scale-125 { --quanta-transform: scale(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-125 { --quanta-transform: scale(1.25); }
.scale-150 { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-scale-150 { --quanta-transform: scale(1.5); }
.hover-scale-150:hover { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-hover-scale-150:hover { --quanta-transform: scale(1.5); }
.focus-scale-150:focus { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-scale-150:focus { --quanta-transform: scale(1.5); }
.active-scale-150:active { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-active-scale-150:active { --quanta-transform: scale(1.5); }
.disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
.focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
.focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .dark-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
.group:hover .group-hover-scale-150 { --quanta-transform: scale(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-scale-150 { --quanta-transform: scale(1.5); }
.translate-x-0 { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-translate-x-0 { --quanta-transform: translateX(0); }
.hover-translate-x-0:hover { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
.focus-translate-x-0:focus { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
.active-translate-x-0:active { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-active-translate-x-0:active { --quanta-transform: translateX(0); }
.disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
.focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
.focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
html[data-theme="dark"] .dark-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
.group:hover .group-hover-translate-x-0 { --quanta-transform: translateX(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
.translate-x-1 { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-translate-x-1 { --quanta-transform: translateX(0.25rem); }
.hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
.focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
.active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
.disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
.focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
.focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
.translate-x-2 { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-translate-x-2 { --quanta-transform: translateX(0.5rem); }
.hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
.focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
.active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
.disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
.focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
.focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
.translate-x-4 { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-translate-x-4 { --quanta-transform: translateX(1rem); }
.hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
.focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
.active-translate-x-4:active { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
.disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
.focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
.focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
.group:hover .group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
.translate-x-8 { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-translate-x-8 { --quanta-transform: translateX(2rem); }
.hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
.focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
.active-translate-x-8:active { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
.disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
.focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
.focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
.group:hover .group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
.translate-y-0 { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-translate-y-0 { --quanta-transform: translateY(0); }
.hover-translate-y-0:hover { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
.focus-translate-y-0:focus { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
.active-translate-y-0:active { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-active-translate-y-0:active { --quanta-transform: translateY(0); }
.disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
.focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
.focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
html[data-theme="dark"] .dark-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
.group:hover .group-hover-translate-y-0 { --quanta-transform: translateY(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
.translate-y-1 { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-translate-y-1 { --quanta-transform: translateY(0.25rem); }
.hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
.focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
.active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
.disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
.focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
.focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
.translate-y-2 { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-translate-y-2 { --quanta-transform: translateY(0.5rem); }
.hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
.focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
.active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
.disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
.focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
.focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
.translate-y-4 { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-translate-y-4 { --quanta-transform: translateY(1rem); }
.hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
.focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
.active-translate-y-4:active { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
.disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
.focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
.focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
.group:hover .group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
.translate-y-8 { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-translate-y-8 { --quanta-transform: translateY(2rem); }
.hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
.focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
.active-translate-y-8:active { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
.disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
.focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
.focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .dark-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
.group:hover .group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
html[data-theme="dark"] .group:hover .dark-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
.rotate-0 { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-rotate-0 { --quanta-transform: rotate(0deg); }
.hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
.focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
.active-rotate-0:active { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-active-rotate-0:active { --quanta-transform: rotate(0deg); }
.disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
.focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
.focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .dark-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
.rotate-45 { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-rotate-45 { --quanta-transform: rotate(45deg); }
.hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
.focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
.active-rotate-45:active { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-active-rotate-45:active { --quanta-transform: rotate(45deg); }
.disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
.focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
.focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .dark-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
.rotate-90 { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-rotate-90 { --quanta-transform: rotate(90deg); }
.hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
.focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
.active-rotate-90:active { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-active-rotate-90:active { --quanta-transform: rotate(90deg); }
.disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
.focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
.focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
.rotate-180 { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-rotate-180 { --quanta-transform: rotate(180deg); }
.hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
.focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
.active-rotate-180:active { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-active-rotate-180:active { --quanta-transform: rotate(180deg); }
.disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
.focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
.focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .dark-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
.skew-x-0 { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-skew-x-0 { --quanta-transform: skewX(0); }
.hover-skew-x-0:hover { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
.focus-skew-x-0:focus { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
.active-skew-x-0:active { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-active-skew-x-0:active { --quanta-transform: skewX(0); }
.disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
.focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
.focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
html[data-theme="dark"] .dark-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
.group:hover .group-hover-skew-x-0 { --quanta-transform: skewX(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
.skew-x-3 { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-skew-x-3 { --quanta-transform: skewX(3deg); }
.hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
.focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
.active-skew-x-3:active { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
.disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
.focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
.focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
.group:hover .group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
.skew-x-6 { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-skew-x-6 { --quanta-transform: skewX(6deg); }
.hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
.focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
.active-skew-x-6:active { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
.disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
.focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
.focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .dark-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
.group:hover .group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
.skew-y-0 { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-skew-y-0 { --quanta-transform: skewY(0); }
.hover-skew-y-0:hover { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
.focus-skew-y-0:focus { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
.active-skew-y-0:active { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-active-skew-y-0:active { --quanta-transform: skewY(0); }
.disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
.focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
.focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
html[data-theme="dark"] .dark-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
.group:hover .group-hover-skew-y-0 { --quanta-transform: skewY(0); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
.skew-y-3 { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-skew-y-3 { --quanta-transform: skewY(3deg); }
.hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
.focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
.active-skew-y-3:active { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
.disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
.focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
.focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
.group:hover .group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
.skew-y-6 { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-skew-y-6 { --quanta-transform: skewY(6deg); }
.hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
.focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
.active-skew-y-6:active { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
.disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
.focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
.focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .dark-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
.group:hover .group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
.origin-center { transform-origin: center; }
html[data-theme="dark"] .dark-origin-center { transform-origin: center; }
.hover-origin-center:hover { transform-origin: center; }
html[data-theme="dark"] .dark-hover-origin-center:hover { transform-origin: center; }
.focus-origin-center:focus { transform-origin: center; }
html[data-theme="dark"] .dark-focus-origin-center:focus { transform-origin: center; }
.active-origin-center:active { transform-origin: center; }
html[data-theme="dark"] .dark-active-origin-center:active { transform-origin: center; }
.disabled-origin-center:disabled { transform-origin: center; }
html[data-theme="dark"] .dark-disabled-origin-center:disabled { transform-origin: center; }
.focus-visible-origin-center:focus-visible { transform-origin: center; }
html[data-theme="dark"] .dark-focus-visible-origin-center:focus-visible { transform-origin: center; }
.focus-within-origin-center:focus-within { transform-origin: center; }
html[data-theme="dark"] .dark-focus-within-origin-center:focus-within { transform-origin: center; }
.group:hover .group-hover-origin-center { transform-origin: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
html[data-theme="dark"] .dark-origin-top { transform-origin: top; }
.hover-origin-top:hover { transform-origin: top; }
html[data-theme="dark"] .dark-hover-origin-top:hover { transform-origin: top; }
.focus-origin-top:focus { transform-origin: top; }
html[data-theme="dark"] .dark-focus-origin-top:focus { transform-origin: top; }
.active-origin-top:active { transform-origin: top; }
html[data-theme="dark"] .dark-active-origin-top:active { transform-origin: top; }
.disabled-origin-top:disabled { transform-origin: top; }
html[data-theme="dark"] .dark-disabled-origin-top:disabled { transform-origin: top; }
.focus-visible-origin-top:focus-visible { transform-origin: top; }
html[data-theme="dark"] .dark-focus-visible-origin-top:focus-visible { transform-origin: top; }
.focus-within-origin-top:focus-within { transform-origin: top; }
html[data-theme="dark"] .dark-focus-within-origin-top:focus-within { transform-origin: top; }
.group:hover .group-hover-origin-top { transform-origin: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-top { transform-origin: top; }
.origin-right { transform-origin: right; }
html[data-theme="dark"] .dark-origin-right { transform-origin: right; }
.hover-origin-right:hover { transform-origin: right; }
html[data-theme="dark"] .dark-hover-origin-right:hover { transform-origin: right; }
.focus-origin-right:focus { transform-origin: right; }
html[data-theme="dark"] .dark-focus-origin-right:focus { transform-origin: right; }
.active-origin-right:active { transform-origin: right; }
html[data-theme="dark"] .dark-active-origin-right:active { transform-origin: right; }
.disabled-origin-right:disabled { transform-origin: right; }
html[data-theme="dark"] .dark-disabled-origin-right:disabled { transform-origin: right; }
.focus-visible-origin-right:focus-visible { transform-origin: right; }
html[data-theme="dark"] .dark-focus-visible-origin-right:focus-visible { transform-origin: right; }
.focus-within-origin-right:focus-within { transform-origin: right; }
html[data-theme="dark"] .dark-focus-within-origin-right:focus-within { transform-origin: right; }
.group:hover .group-hover-origin-right { transform-origin: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-right { transform-origin: right; }
.origin-bottom { transform-origin: bottom; }
html[data-theme="dark"] .dark-origin-bottom { transform-origin: bottom; }
.hover-origin-bottom:hover { transform-origin: bottom; }
html[data-theme="dark"] .dark-hover-origin-bottom:hover { transform-origin: bottom; }
.focus-origin-bottom:focus { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-origin-bottom:focus { transform-origin: bottom; }
.active-origin-bottom:active { transform-origin: bottom; }
html[data-theme="dark"] .dark-active-origin-bottom:active { transform-origin: bottom; }
.disabled-origin-bottom:disabled { transform-origin: bottom; }
html[data-theme="dark"] .dark-disabled-origin-bottom:disabled { transform-origin: bottom; }
.focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
.focus-within-origin-bottom:focus-within { transform-origin: bottom; }
html[data-theme="dark"] .dark-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
.group:hover .group-hover-origin-bottom { transform-origin: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
html[data-theme="dark"] .dark-origin-left { transform-origin: left; }
.hover-origin-left:hover { transform-origin: left; }
html[data-theme="dark"] .dark-hover-origin-left:hover { transform-origin: left; }
.focus-origin-left:focus { transform-origin: left; }
html[data-theme="dark"] .dark-focus-origin-left:focus { transform-origin: left; }
.active-origin-left:active { transform-origin: left; }
html[data-theme="dark"] .dark-active-origin-left:active { transform-origin: left; }
.disabled-origin-left:disabled { transform-origin: left; }
html[data-theme="dark"] .dark-disabled-origin-left:disabled { transform-origin: left; }
.focus-visible-origin-left:focus-visible { transform-origin: left; }
html[data-theme="dark"] .dark-focus-visible-origin-left:focus-visible { transform-origin: left; }
.focus-within-origin-left:focus-within { transform-origin: left; }
html[data-theme="dark"] .dark-focus-within-origin-left:focus-within { transform-origin: left; }
.group:hover .group-hover-origin-left { transform-origin: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-origin-left { transform-origin: left; }
.perspective-none { perspective: none; }
html[data-theme="dark"] .dark-perspective-none { perspective: none; }
.hover-perspective-none:hover { perspective: none; }
html[data-theme="dark"] .dark-hover-perspective-none:hover { perspective: none; }
.focus-perspective-none:focus { perspective: none; }
html[data-theme="dark"] .dark-focus-perspective-none:focus { perspective: none; }
.active-perspective-none:active { perspective: none; }
html[data-theme="dark"] .dark-active-perspective-none:active { perspective: none; }
.disabled-perspective-none:disabled { perspective: none; }
html[data-theme="dark"] .dark-disabled-perspective-none:disabled { perspective: none; }
.focus-visible-perspective-none:focus-visible { perspective: none; }
html[data-theme="dark"] .dark-focus-visible-perspective-none:focus-visible { perspective: none; }
.focus-within-perspective-none:focus-within { perspective: none; }
html[data-theme="dark"] .dark-focus-within-perspective-none:focus-within { perspective: none; }
.group:hover .group-hover-perspective-none { perspective: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-none { perspective: none; }
.perspective-sm { perspective: 400px; }
html[data-theme="dark"] .dark-perspective-sm { perspective: 400px; }
.hover-perspective-sm:hover { perspective: 400px; }
html[data-theme="dark"] .dark-hover-perspective-sm:hover { perspective: 400px; }
.focus-perspective-sm:focus { perspective: 400px; }
html[data-theme="dark"] .dark-focus-perspective-sm:focus { perspective: 400px; }
.active-perspective-sm:active { perspective: 400px; }
html[data-theme="dark"] .dark-active-perspective-sm:active { perspective: 400px; }
.disabled-perspective-sm:disabled { perspective: 400px; }
html[data-theme="dark"] .dark-disabled-perspective-sm:disabled { perspective: 400px; }
.focus-visible-perspective-sm:focus-visible { perspective: 400px; }
html[data-theme="dark"] .dark-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
.focus-within-perspective-sm:focus-within { perspective: 400px; }
html[data-theme="dark"] .dark-focus-within-perspective-sm:focus-within { perspective: 400px; }
.group:hover .group-hover-perspective-sm { perspective: 400px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-sm { perspective: 400px; }
.perspective-md { perspective: 800px; }
html[data-theme="dark"] .dark-perspective-md { perspective: 800px; }
.hover-perspective-md:hover { perspective: 800px; }
html[data-theme="dark"] .dark-hover-perspective-md:hover { perspective: 800px; }
.focus-perspective-md:focus { perspective: 800px; }
html[data-theme="dark"] .dark-focus-perspective-md:focus { perspective: 800px; }
.active-perspective-md:active { perspective: 800px; }
html[data-theme="dark"] .dark-active-perspective-md:active { perspective: 800px; }
.disabled-perspective-md:disabled { perspective: 800px; }
html[data-theme="dark"] .dark-disabled-perspective-md:disabled { perspective: 800px; }
.focus-visible-perspective-md:focus-visible { perspective: 800px; }
html[data-theme="dark"] .dark-focus-visible-perspective-md:focus-visible { perspective: 800px; }
.focus-within-perspective-md:focus-within { perspective: 800px; }
html[data-theme="dark"] .dark-focus-within-perspective-md:focus-within { perspective: 800px; }
.group:hover .group-hover-perspective-md { perspective: 800px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-md { perspective: 800px; }
.perspective-lg { perspective: 1200px; }
html[data-theme="dark"] .dark-perspective-lg { perspective: 1200px; }
.hover-perspective-lg:hover { perspective: 1200px; }
html[data-theme="dark"] .dark-hover-perspective-lg:hover { perspective: 1200px; }
.focus-perspective-lg:focus { perspective: 1200px; }
html[data-theme="dark"] .dark-focus-perspective-lg:focus { perspective: 1200px; }
.active-perspective-lg:active { perspective: 1200px; }
html[data-theme="dark"] .dark-active-perspective-lg:active { perspective: 1200px; }
.disabled-perspective-lg:disabled { perspective: 1200px; }
html[data-theme="dark"] .dark-disabled-perspective-lg:disabled { perspective: 1200px; }
.focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
html[data-theme="dark"] .dark-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
.focus-within-perspective-lg:focus-within { perspective: 1200px; }
html[data-theme="dark"] .dark-focus-within-perspective-lg:focus-within { perspective: 1200px; }
.group:hover .group-hover-perspective-lg { perspective: 1200px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-lg { perspective: 1200px; }
.perspective-xl { perspective: 1600px; }
html[data-theme="dark"] .dark-perspective-xl { perspective: 1600px; }
.hover-perspective-xl:hover { perspective: 1600px; }
html[data-theme="dark"] .dark-hover-perspective-xl:hover { perspective: 1600px; }
.focus-perspective-xl:focus { perspective: 1600px; }
html[data-theme="dark"] .dark-focus-perspective-xl:focus { perspective: 1600px; }
.active-perspective-xl:active { perspective: 1600px; }
html[data-theme="dark"] .dark-active-perspective-xl:active { perspective: 1600px; }
.disabled-perspective-xl:disabled { perspective: 1600px; }
html[data-theme="dark"] .dark-disabled-perspective-xl:disabled { perspective: 1600px; }
.focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
html[data-theme="dark"] .dark-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
.focus-within-perspective-xl:focus-within { perspective: 1600px; }
html[data-theme="dark"] .dark-focus-within-perspective-xl:focus-within { perspective: 1600px; }
.group:hover .group-hover-perspective-xl { perspective: 1600px; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-xl { perspective: 1600px; }
.perspective-origin-center { perspective-origin: center; }
html[data-theme="dark"] .dark-perspective-origin-center { perspective-origin: center; }
.hover-perspective-origin-center:hover { perspective-origin: center; }
html[data-theme="dark"] .dark-hover-perspective-origin-center:hover { perspective-origin: center; }
.focus-perspective-origin-center:focus { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-perspective-origin-center:focus { perspective-origin: center; }
.active-perspective-origin-center:active { perspective-origin: center; }
html[data-theme="dark"] .dark-active-perspective-origin-center:active { perspective-origin: center; }
.disabled-perspective-origin-center:disabled { perspective-origin: center; }
html[data-theme="dark"] .dark-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
.focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
.group:hover .group-hover-perspective-origin-center { perspective-origin: center; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
html[data-theme="dark"] .dark-perspective-origin-top { perspective-origin: top; }
.hover-perspective-origin-top:hover { perspective-origin: top; }
html[data-theme="dark"] .dark-hover-perspective-origin-top:hover { perspective-origin: top; }
.focus-perspective-origin-top:focus { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-perspective-origin-top:focus { perspective-origin: top; }
.active-perspective-origin-top:active { perspective-origin: top; }
html[data-theme="dark"] .dark-active-perspective-origin-top:active { perspective-origin: top; }
.disabled-perspective-origin-top:disabled { perspective-origin: top; }
html[data-theme="dark"] .dark-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
.focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
.group:hover .group-hover-perspective-origin-top { perspective-origin: top; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-top { perspective-origin: top; }
.perspective-origin-left { perspective-origin: left; }
html[data-theme="dark"] .dark-perspective-origin-left { perspective-origin: left; }
.hover-perspective-origin-left:hover { perspective-origin: left; }
html[data-theme="dark"] .dark-hover-perspective-origin-left:hover { perspective-origin: left; }
.focus-perspective-origin-left:focus { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-perspective-origin-left:focus { perspective-origin: left; }
.active-perspective-origin-left:active { perspective-origin: left; }
html[data-theme="dark"] .dark-active-perspective-origin-left:active { perspective-origin: left; }
.disabled-perspective-origin-left:disabled { perspective-origin: left; }
html[data-theme="dark"] .dark-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
.focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
.group:hover .group-hover-perspective-origin-left { perspective-origin: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
html[data-theme="dark"] .dark-perspective-origin-right { perspective-origin: right; }
.hover-perspective-origin-right:hover { perspective-origin: right; }
html[data-theme="dark"] .dark-hover-perspective-origin-right:hover { perspective-origin: right; }
.focus-perspective-origin-right:focus { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-perspective-origin-right:focus { perspective-origin: right; }
.active-perspective-origin-right:active { perspective-origin: right; }
html[data-theme="dark"] .dark-active-perspective-origin-right:active { perspective-origin: right; }
.disabled-perspective-origin-right:disabled { perspective-origin: right; }
html[data-theme="dark"] .dark-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
.focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
.group:hover .group-hover-perspective-origin-right { perspective-origin: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-right { perspective-origin: right; }
.perspective-origin-bottom { perspective-origin: bottom; }
html[data-theme="dark"] .dark-perspective-origin-bottom { perspective-origin: bottom; }
.hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
html[data-theme="dark"] .dark-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.active-perspective-origin-bottom:active { perspective-origin: bottom; }
html[data-theme="dark"] .dark-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
html[data-theme="dark"] .dark-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
.focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
html[data-theme="dark"] .dark-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
.group:hover .group-hover-perspective-origin-bottom { perspective-origin: bottom; }
html[data-theme="dark"] .group:hover .dark-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
.backface-visible { backface-visibility: visible; }
html[data-theme="dark"] .dark-backface-visible { backface-visibility: visible; }
.hover-backface-visible:hover { backface-visibility: visible; }
html[data-theme="dark"] .dark-hover-backface-visible:hover { backface-visibility: visible; }
.focus-backface-visible:focus { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-backface-visible:focus { backface-visibility: visible; }
.active-backface-visible:active { backface-visibility: visible; }
html[data-theme="dark"] .dark-active-backface-visible:active { backface-visibility: visible; }
.disabled-backface-visible:disabled { backface-visibility: visible; }
html[data-theme="dark"] .dark-disabled-backface-visible:disabled { backface-visibility: visible; }
.focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
.focus-within-backface-visible:focus-within { backface-visibility: visible; }
html[data-theme="dark"] .dark-focus-within-backface-visible:focus-within { backface-visibility: visible; }
.group:hover .group-hover-backface-visible { backface-visibility: visible; }
html[data-theme="dark"] .group:hover .dark-group-hover-backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
html[data-theme="dark"] .dark-backface-hidden { backface-visibility: hidden; }
.hover-backface-hidden:hover { backface-visibility: hidden; }
html[data-theme="dark"] .dark-hover-backface-hidden:hover { backface-visibility: hidden; }
.focus-backface-hidden:focus { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-backface-hidden:focus { backface-visibility: hidden; }
.active-backface-hidden:active { backface-visibility: hidden; }
html[data-theme="dark"] .dark-active-backface-hidden:active { backface-visibility: hidden; }
.disabled-backface-hidden:disabled { backface-visibility: hidden; }
html[data-theme="dark"] .dark-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
.focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
html[data-theme="dark"] .dark-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
.group:hover .group-hover-backface-hidden { backface-visibility: hidden; }
html[data-theme="dark"] .group:hover .dark-group-hover-backface-hidden { backface-visibility: hidden; }
.transform-style-flat { transform-style: flat; }
html[data-theme="dark"] .dark-transform-style-flat { transform-style: flat; }
.hover-transform-style-flat:hover { transform-style: flat; }
html[data-theme="dark"] .dark-hover-transform-style-flat:hover { transform-style: flat; }
.focus-transform-style-flat:focus { transform-style: flat; }
html[data-theme="dark"] .dark-focus-transform-style-flat:focus { transform-style: flat; }
.active-transform-style-flat:active { transform-style: flat; }
html[data-theme="dark"] .dark-active-transform-style-flat:active { transform-style: flat; }
.disabled-transform-style-flat:disabled { transform-style: flat; }
html[data-theme="dark"] .dark-disabled-transform-style-flat:disabled { transform-style: flat; }
.focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
html[data-theme="dark"] .dark-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
.focus-within-transform-style-flat:focus-within { transform-style: flat; }
html[data-theme="dark"] .dark-focus-within-transform-style-flat:focus-within { transform-style: flat; }
.group:hover .group-hover-transform-style-flat { transform-style: flat; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-style-flat { transform-style: flat; }
.transform-style-preserve { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-transform-style-preserve { transform-style: preserve-3d; }
.hover-transform-style-preserve:hover { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.focus-transform-style-preserve:focus { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.active-transform-style-preserve:active { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-active-transform-style-preserve:active { transform-style: preserve-3d; }
.disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
.focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
html[data-theme="dark"] .dark-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
.group:hover .group-hover-transform-style-preserve { transform-style: preserve-3d; }
html[data-theme="dark"] .group:hover .dark-group-hover-transform-style-preserve { transform-style: preserve-3d; }
.filter-none { filter: none; }
html[data-theme="dark"] .dark-filter-none { filter: none; }
.hover-filter-none:hover { filter: none; }
html[data-theme="dark"] .dark-hover-filter-none:hover { filter: none; }
.focus-filter-none:focus { filter: none; }
html[data-theme="dark"] .dark-focus-filter-none:focus { filter: none; }
.active-filter-none:active { filter: none; }
html[data-theme="dark"] .dark-active-filter-none:active { filter: none; }
.disabled-filter-none:disabled { filter: none; }
html[data-theme="dark"] .dark-disabled-filter-none:disabled { filter: none; }
.focus-visible-filter-none:focus-visible { filter: none; }
html[data-theme="dark"] .dark-focus-visible-filter-none:focus-visible { filter: none; }
.focus-within-filter-none:focus-within { filter: none; }
html[data-theme="dark"] .dark-focus-within-filter-none:focus-within { filter: none; }
.group:hover .group-hover-filter-none { filter: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-none { filter: none; }
.filter-grayscale { filter: grayscale(100%); }
html[data-theme="dark"] .dark-filter-grayscale { filter: grayscale(100%); }
.hover-filter-grayscale:hover { filter: grayscale(100%); }
html[data-theme="dark"] .dark-hover-filter-grayscale:hover { filter: grayscale(100%); }
.focus-filter-grayscale:focus { filter: grayscale(100%); }
html[data-theme="dark"] .dark-focus-filter-grayscale:focus { filter: grayscale(100%); }
.active-filter-grayscale:active { filter: grayscale(100%); }
html[data-theme="dark"] .dark-active-filter-grayscale:active { filter: grayscale(100%); }
.disabled-filter-grayscale:disabled { filter: grayscale(100%); }
html[data-theme="dark"] .dark-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
html[data-theme="dark"] .dark-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
.focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
html[data-theme="dark"] .dark-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
.group:hover .group-hover-filter-grayscale { filter: grayscale(100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-grayscale { filter: grayscale(100%); }
.filter-blur { filter: blur(4px); }
html[data-theme="dark"] .dark-filter-blur { filter: blur(4px); }
.hover-filter-blur:hover { filter: blur(4px); }
html[data-theme="dark"] .dark-hover-filter-blur:hover { filter: blur(4px); }
.focus-filter-blur:focus { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-filter-blur:focus { filter: blur(4px); }
.active-filter-blur:active { filter: blur(4px); }
html[data-theme="dark"] .dark-active-filter-blur:active { filter: blur(4px); }
.disabled-filter-blur:disabled { filter: blur(4px); }
html[data-theme="dark"] .dark-disabled-filter-blur:disabled { filter: blur(4px); }
.focus-visible-filter-blur:focus-visible { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
.focus-within-filter-blur:focus-within { filter: blur(4px); }
html[data-theme="dark"] .dark-focus-within-filter-blur:focus-within { filter: blur(4px); }
.group:hover .group-hover-filter-blur { filter: blur(4px); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-blur { filter: blur(4px); }
.filter-brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .dark-filter-brightness-50 { filter: brightness(0.5); }
.hover-filter-brightness-50:hover { filter: brightness(0.5); }
html[data-theme="dark"] .dark-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.focus-filter-brightness-50:focus { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.active-filter-brightness-50:active { filter: brightness(0.5); }
html[data-theme="dark"] .dark-active-filter-brightness-50:active { filter: brightness(0.5); }
.disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
html[data-theme="dark"] .dark-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
.focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
html[data-theme="dark"] .dark-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
.group:hover .group-hover-filter-brightness-50 { filter: brightness(0.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-brightness-50 { filter: brightness(0.5); }
.filter-contrast-125 { filter: contrast(1.25); }
html[data-theme="dark"] .dark-filter-contrast-125 { filter: contrast(1.25); }
.hover-filter-contrast-125:hover { filter: contrast(1.25); }
html[data-theme="dark"] .dark-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.focus-filter-contrast-125:focus { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.active-filter-contrast-125:active { filter: contrast(1.25); }
html[data-theme="dark"] .dark-active-filter-contrast-125:active { filter: contrast(1.25); }
.disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
html[data-theme="dark"] .dark-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
.focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
html[data-theme="dark"] .dark-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
.group:hover .group-hover-filter-contrast-125 { filter: contrast(1.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-contrast-125 { filter: contrast(1.25); }
.filter-saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .dark-filter-saturate-150 { filter: saturate(1.5); }
.hover-filter-saturate-150:hover { filter: saturate(1.5); }
html[data-theme="dark"] .dark-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.focus-filter-saturate-150:focus { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.active-filter-saturate-150:active { filter: saturate(1.5); }
html[data-theme="dark"] .dark-active-filter-saturate-150:active { filter: saturate(1.5); }
.disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
html[data-theme="dark"] .dark-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
.focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
html[data-theme="dark"] .dark-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
.group:hover .group-hover-filter-saturate-150 { filter: saturate(1.5); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-saturate-150 { filter: saturate(1.5); }
.filter-sepia { filter: sepia(100%); }
html[data-theme="dark"] .dark-filter-sepia { filter: sepia(100%); }
.hover-filter-sepia:hover { filter: sepia(100%); }
html[data-theme="dark"] .dark-hover-filter-sepia:hover { filter: sepia(100%); }
.focus-filter-sepia:focus { filter: sepia(100%); }
html[data-theme="dark"] .dark-focus-filter-sepia:focus { filter: sepia(100%); }
.active-filter-sepia:active { filter: sepia(100%); }
html[data-theme="dark"] .dark-active-filter-sepia:active { filter: sepia(100%); }
.disabled-filter-sepia:disabled { filter: sepia(100%); }
html[data-theme="dark"] .dark-disabled-filter-sepia:disabled { filter: sepia(100%); }
.focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
html[data-theme="dark"] .dark-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
.focus-within-filter-sepia:focus-within { filter: sepia(100%); }
html[data-theme="dark"] .dark-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
.group:hover .group-hover-filter-sepia { filter: sepia(100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-sepia { filter: sepia(100%); }
.filter-hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
.focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
html[data-theme="dark"] .dark-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
.group:hover .group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
html[data-theme="dark"] .group:hover .dark-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.backdrop-filter-none { backdrop-filter: none; }
html[data-theme="dark"] .dark-backdrop-filter-none { backdrop-filter: none; }
.hover-backdrop-filter-none:hover { backdrop-filter: none; }
html[data-theme="dark"] .dark-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.focus-backdrop-filter-none:focus { backdrop-filter: none; }
html[data-theme="dark"] .dark-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.active-backdrop-filter-none:active { backdrop-filter: none; }
html[data-theme="dark"] .dark-active-backdrop-filter-none:active { backdrop-filter: none; }
.disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
html[data-theme="dark"] .dark-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
html[data-theme="dark"] .dark-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
.focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
html[data-theme="dark"] .dark-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
.group:hover .group-hover-backdrop-filter-none { backdrop-filter: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-backdrop-filter-none { backdrop-filter: none; }
.backdrop-blur { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-backdrop-blur { backdrop-filter: blur(4px); }
.hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.active-backdrop-blur:active { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
.focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
html[data-theme="dark"] .dark-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
.group:hover .group-hover-backdrop-blur { backdrop-filter: blur(4px); }
html[data-theme="dark"] .group:hover .dark-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
.bg-blend-normal { background-blend-mode: normal; }
html[data-theme="dark"] .dark-bg-blend-normal { background-blend-mode: normal; }
.hover-bg-blend-normal:hover { background-blend-mode: normal; }
html[data-theme="dark"] .dark-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.focus-bg-blend-normal:focus { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.active-bg-blend-normal:active { background-blend-mode: normal; }
html[data-theme="dark"] .dark-active-bg-blend-normal:active { background-blend-mode: normal; }
.disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
html[data-theme="dark"] .dark-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
.focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
.group:hover .group-hover-bg-blend-normal { background-blend-mode: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-normal { background-blend-mode: normal; }
.bg-blend-multiply { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-bg-blend-multiply { background-blend-mode: multiply; }
.hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.active-bg-blend-multiply:active { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
.focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
.group:hover .group-hover-bg-blend-multiply { background-blend-mode: multiply; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
.bg-blend-screen { background-blend-mode: screen; }
html[data-theme="dark"] .dark-bg-blend-screen { background-blend-mode: screen; }
.hover-bg-blend-screen:hover { background-blend-mode: screen; }
html[data-theme="dark"] .dark-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.focus-bg-blend-screen:focus { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.active-bg-blend-screen:active { background-blend-mode: screen; }
html[data-theme="dark"] .dark-active-bg-blend-screen:active { background-blend-mode: screen; }
.disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
html[data-theme="dark"] .dark-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
.focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
.group:hover .group-hover-bg-blend-screen { background-blend-mode: screen; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-screen { background-blend-mode: screen; }
.bg-blend-overlay { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-bg-blend-overlay { background-blend-mode: overlay; }
.hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.active-bg-blend-overlay:active { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
.focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
.group:hover .group-hover-bg-blend-overlay { background-blend-mode: overlay; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
.bg-blend-darken { background-blend-mode: darken; }
html[data-theme="dark"] .dark-bg-blend-darken { background-blend-mode: darken; }
.hover-bg-blend-darken:hover { background-blend-mode: darken; }
html[data-theme="dark"] .dark-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.focus-bg-blend-darken:focus { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.active-bg-blend-darken:active { background-blend-mode: darken; }
html[data-theme="dark"] .dark-active-bg-blend-darken:active { background-blend-mode: darken; }
.disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
html[data-theme="dark"] .dark-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
.focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
html[data-theme="dark"] .dark-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
.group:hover .group-hover-bg-blend-darken { background-blend-mode: darken; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-darken { background-blend-mode: darken; }
.bg-blend-lighten { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-bg-blend-lighten { background-blend-mode: lighten; }
.hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.active-bg-blend-lighten:active { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
.focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
html[data-theme="dark"] .dark-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
.group:hover .group-hover-bg-blend-lighten { background-blend-mode: lighten; }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
.mix-blend-normal { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-mix-blend-normal { mix-blend-mode: normal; }
.hover-mix-blend-normal:hover { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.focus-mix-blend-normal:focus { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.active-mix-blend-normal:active { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-active-mix-blend-normal:active { mix-blend-mode: normal; }
.disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
.focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
html[data-theme="dark"] .dark-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
.group:hover .group-hover-mix-blend-normal { mix-blend-mode: normal; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-blend-normal { mix-blend-mode: normal; }
.mix-blend-multiply { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-mix-blend-multiply { mix-blend-mode: multiply; }
.hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.active-mix-blend-multiply:active { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
.focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
html[data-theme="dark"] .dark-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
.group:hover .group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
.mix-blend-screen { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-mix-blend-screen { mix-blend-mode: screen; }
.hover-mix-blend-screen:hover { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.focus-mix-blend-screen:focus { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.active-mix-blend-screen:active { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-active-mix-blend-screen:active { mix-blend-mode: screen; }
.disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
.focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
html[data-theme="dark"] .dark-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
.group:hover .group-hover-mix-blend-screen { mix-blend-mode: screen; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-blend-screen { mix-blend-mode: screen; }
.mix-blend-overlay { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-mix-blend-overlay { mix-blend-mode: overlay; }
.hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.active-mix-blend-overlay:active { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
.focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
html[data-theme="dark"] .dark-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
.group:hover .group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
html[data-theme="dark"] .group:hover .dark-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
.decoration-slice { box-decoration-break: slice; }
html[data-theme="dark"] .dark-decoration-slice { box-decoration-break: slice; }
.hover-decoration-slice:hover { box-decoration-break: slice; }
html[data-theme="dark"] .dark-hover-decoration-slice:hover { box-decoration-break: slice; }
.focus-decoration-slice:focus { box-decoration-break: slice; }
html[data-theme="dark"] .dark-focus-decoration-slice:focus { box-decoration-break: slice; }
.active-decoration-slice:active { box-decoration-break: slice; }
html[data-theme="dark"] .dark-active-decoration-slice:active { box-decoration-break: slice; }
.disabled-decoration-slice:disabled { box-decoration-break: slice; }
html[data-theme="dark"] .dark-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
html[data-theme="dark"] .dark-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
.focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
html[data-theme="dark"] .dark-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
.group:hover .group-hover-decoration-slice { box-decoration-break: slice; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-slice { box-decoration-break: slice; }
.decoration-clone { box-decoration-break: clone; }
html[data-theme="dark"] .dark-decoration-clone { box-decoration-break: clone; }
.hover-decoration-clone:hover { box-decoration-break: clone; }
html[data-theme="dark"] .dark-hover-decoration-clone:hover { box-decoration-break: clone; }
.focus-decoration-clone:focus { box-decoration-break: clone; }
html[data-theme="dark"] .dark-focus-decoration-clone:focus { box-decoration-break: clone; }
.active-decoration-clone:active { box-decoration-break: clone; }
html[data-theme="dark"] .dark-active-decoration-clone:active { box-decoration-break: clone; }
.disabled-decoration-clone:disabled { box-decoration-break: clone; }
html[data-theme="dark"] .dark-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
html[data-theme="dark"] .dark-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
.focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
html[data-theme="dark"] .dark-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
.group:hover .group-hover-decoration-clone { box-decoration-break: clone; }
html[data-theme="dark"] .group:hover .dark-group-hover-decoration-clone { box-decoration-break: clone; }
.box-border { box-sizing: border-box; }
html[data-theme="dark"] .dark-box-border { box-sizing: border-box; }
.hover-box-border:hover { box-sizing: border-box; }
html[data-theme="dark"] .dark-hover-box-border:hover { box-sizing: border-box; }
.focus-box-border:focus { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-box-border:focus { box-sizing: border-box; }
.active-box-border:active { box-sizing: border-box; }
html[data-theme="dark"] .dark-active-box-border:active { box-sizing: border-box; }
.disabled-box-border:disabled { box-sizing: border-box; }
html[data-theme="dark"] .dark-disabled-box-border:disabled { box-sizing: border-box; }
.focus-visible-box-border:focus-visible { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-visible-box-border:focus-visible { box-sizing: border-box; }
.focus-within-box-border:focus-within { box-sizing: border-box; }
html[data-theme="dark"] .dark-focus-within-box-border:focus-within { box-sizing: border-box; }
.group:hover .group-hover-box-border { box-sizing: border-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
html[data-theme="dark"] .dark-box-content { box-sizing: content-box; }
.hover-box-content:hover { box-sizing: content-box; }
html[data-theme="dark"] .dark-hover-box-content:hover { box-sizing: content-box; }
.focus-box-content:focus { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-box-content:focus { box-sizing: content-box; }
.active-box-content:active { box-sizing: content-box; }
html[data-theme="dark"] .dark-active-box-content:active { box-sizing: content-box; }
.disabled-box-content:disabled { box-sizing: content-box; }
html[data-theme="dark"] .dark-disabled-box-content:disabled { box-sizing: content-box; }
.focus-visible-box-content:focus-visible { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-visible-box-content:focus-visible { box-sizing: content-box; }
.focus-within-box-content:focus-within { box-sizing: content-box; }
html[data-theme="dark"] .dark-focus-within-box-content:focus-within { box-sizing: content-box; }
.group:hover .group-hover-box-content { box-sizing: content-box; }
html[data-theme="dark"] .group:hover .dark-group-hover-box-content { box-sizing: content-box; }
.break-after-auto { break-after: auto; }
html[data-theme="dark"] .dark-break-after-auto { break-after: auto; }
.hover-break-after-auto:hover { break-after: auto; }
html[data-theme="dark"] .dark-hover-break-after-auto:hover { break-after: auto; }
.focus-break-after-auto:focus { break-after: auto; }
html[data-theme="dark"] .dark-focus-break-after-auto:focus { break-after: auto; }
.active-break-after-auto:active { break-after: auto; }
html[data-theme="dark"] .dark-active-break-after-auto:active { break-after: auto; }
.disabled-break-after-auto:disabled { break-after: auto; }
html[data-theme="dark"] .dark-disabled-break-after-auto:disabled { break-after: auto; }
.focus-visible-break-after-auto:focus-visible { break-after: auto; }
html[data-theme="dark"] .dark-focus-visible-break-after-auto:focus-visible { break-after: auto; }
.focus-within-break-after-auto:focus-within { break-after: auto; }
html[data-theme="dark"] .dark-focus-within-break-after-auto:focus-within { break-after: auto; }
.group:hover .group-hover-break-after-auto { break-after: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-auto { break-after: auto; }
.break-after-avoid { break-after: avoid; }
html[data-theme="dark"] .dark-break-after-avoid { break-after: avoid; }
.hover-break-after-avoid:hover { break-after: avoid; }
html[data-theme="dark"] .dark-hover-break-after-avoid:hover { break-after: avoid; }
.focus-break-after-avoid:focus { break-after: avoid; }
html[data-theme="dark"] .dark-focus-break-after-avoid:focus { break-after: avoid; }
.active-break-after-avoid:active { break-after: avoid; }
html[data-theme="dark"] .dark-active-break-after-avoid:active { break-after: avoid; }
.disabled-break-after-avoid:disabled { break-after: avoid; }
html[data-theme="dark"] .dark-disabled-break-after-avoid:disabled { break-after: avoid; }
.focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
html[data-theme="dark"] .dark-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
.focus-within-break-after-avoid:focus-within { break-after: avoid; }
html[data-theme="dark"] .dark-focus-within-break-after-avoid:focus-within { break-after: avoid; }
.group:hover .group-hover-break-after-avoid { break-after: avoid; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-avoid { break-after: avoid; }
.break-after-all { break-after: all; }
html[data-theme="dark"] .dark-break-after-all { break-after: all; }
.hover-break-after-all:hover { break-after: all; }
html[data-theme="dark"] .dark-hover-break-after-all:hover { break-after: all; }
.focus-break-after-all:focus { break-after: all; }
html[data-theme="dark"] .dark-focus-break-after-all:focus { break-after: all; }
.active-break-after-all:active { break-after: all; }
html[data-theme="dark"] .dark-active-break-after-all:active { break-after: all; }
.disabled-break-after-all:disabled { break-after: all; }
html[data-theme="dark"] .dark-disabled-break-after-all:disabled { break-after: all; }
.focus-visible-break-after-all:focus-visible { break-after: all; }
html[data-theme="dark"] .dark-focus-visible-break-after-all:focus-visible { break-after: all; }
.focus-within-break-after-all:focus-within { break-after: all; }
html[data-theme="dark"] .dark-focus-within-break-after-all:focus-within { break-after: all; }
.group:hover .group-hover-break-after-all { break-after: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-all { break-after: all; }
.break-after-avoid-page { break-after: avoid-page; }
html[data-theme="dark"] .dark-break-after-avoid-page { break-after: avoid-page; }
.hover-break-after-avoid-page:hover { break-after: avoid-page; }
html[data-theme="dark"] .dark-hover-break-after-avoid-page:hover { break-after: avoid-page; }
.focus-break-after-avoid-page:focus { break-after: avoid-page; }
html[data-theme="dark"] .dark-focus-break-after-avoid-page:focus { break-after: avoid-page; }
.active-break-after-avoid-page:active { break-after: avoid-page; }
html[data-theme="dark"] .dark-active-break-after-avoid-page:active { break-after: avoid-page; }
.disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
html[data-theme="dark"] .dark-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
.focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
html[data-theme="dark"] .dark-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
.focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
html[data-theme="dark"] .dark-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
.group:hover .group-hover-break-after-avoid-page { break-after: avoid-page; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-avoid-page { break-after: avoid-page; }
.break-after-page { break-after: page; }
html[data-theme="dark"] .dark-break-after-page { break-after: page; }
.hover-break-after-page:hover { break-after: page; }
html[data-theme="dark"] .dark-hover-break-after-page:hover { break-after: page; }
.focus-break-after-page:focus { break-after: page; }
html[data-theme="dark"] .dark-focus-break-after-page:focus { break-after: page; }
.active-break-after-page:active { break-after: page; }
html[data-theme="dark"] .dark-active-break-after-page:active { break-after: page; }
.disabled-break-after-page:disabled { break-after: page; }
html[data-theme="dark"] .dark-disabled-break-after-page:disabled { break-after: page; }
.focus-visible-break-after-page:focus-visible { break-after: page; }
html[data-theme="dark"] .dark-focus-visible-break-after-page:focus-visible { break-after: page; }
.focus-within-break-after-page:focus-within { break-after: page; }
html[data-theme="dark"] .dark-focus-within-break-after-page:focus-within { break-after: page; }
.group:hover .group-hover-break-after-page { break-after: page; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-page { break-after: page; }
.break-after-left { break-after: left; }
html[data-theme="dark"] .dark-break-after-left { break-after: left; }
.hover-break-after-left:hover { break-after: left; }
html[data-theme="dark"] .dark-hover-break-after-left:hover { break-after: left; }
.focus-break-after-left:focus { break-after: left; }
html[data-theme="dark"] .dark-focus-break-after-left:focus { break-after: left; }
.active-break-after-left:active { break-after: left; }
html[data-theme="dark"] .dark-active-break-after-left:active { break-after: left; }
.disabled-break-after-left:disabled { break-after: left; }
html[data-theme="dark"] .dark-disabled-break-after-left:disabled { break-after: left; }
.focus-visible-break-after-left:focus-visible { break-after: left; }
html[data-theme="dark"] .dark-focus-visible-break-after-left:focus-visible { break-after: left; }
.focus-within-break-after-left:focus-within { break-after: left; }
html[data-theme="dark"] .dark-focus-within-break-after-left:focus-within { break-after: left; }
.group:hover .group-hover-break-after-left { break-after: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-left { break-after: left; }
.break-after-right { break-after: right; }
html[data-theme="dark"] .dark-break-after-right { break-after: right; }
.hover-break-after-right:hover { break-after: right; }
html[data-theme="dark"] .dark-hover-break-after-right:hover { break-after: right; }
.focus-break-after-right:focus { break-after: right; }
html[data-theme="dark"] .dark-focus-break-after-right:focus { break-after: right; }
.active-break-after-right:active { break-after: right; }
html[data-theme="dark"] .dark-active-break-after-right:active { break-after: right; }
.disabled-break-after-right:disabled { break-after: right; }
html[data-theme="dark"] .dark-disabled-break-after-right:disabled { break-after: right; }
.focus-visible-break-after-right:focus-visible { break-after: right; }
html[data-theme="dark"] .dark-focus-visible-break-after-right:focus-visible { break-after: right; }
.focus-within-break-after-right:focus-within { break-after: right; }
html[data-theme="dark"] .dark-focus-within-break-after-right:focus-within { break-after: right; }
.group:hover .group-hover-break-after-right { break-after: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-right { break-after: right; }
.break-after-column { break-after: column; }
html[data-theme="dark"] .dark-break-after-column { break-after: column; }
.hover-break-after-column:hover { break-after: column; }
html[data-theme="dark"] .dark-hover-break-after-column:hover { break-after: column; }
.focus-break-after-column:focus { break-after: column; }
html[data-theme="dark"] .dark-focus-break-after-column:focus { break-after: column; }
.active-break-after-column:active { break-after: column; }
html[data-theme="dark"] .dark-active-break-after-column:active { break-after: column; }
.disabled-break-after-column:disabled { break-after: column; }
html[data-theme="dark"] .dark-disabled-break-after-column:disabled { break-after: column; }
.focus-visible-break-after-column:focus-visible { break-after: column; }
html[data-theme="dark"] .dark-focus-visible-break-after-column:focus-visible { break-after: column; }
.focus-within-break-after-column:focus-within { break-after: column; }
html[data-theme="dark"] .dark-focus-within-break-after-column:focus-within { break-after: column; }
.group:hover .group-hover-break-after-column { break-after: column; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-after-column { break-after: column; }
.break-before-auto { break-before: auto; }
html[data-theme="dark"] .dark-break-before-auto { break-before: auto; }
.hover-break-before-auto:hover { break-before: auto; }
html[data-theme="dark"] .dark-hover-break-before-auto:hover { break-before: auto; }
.focus-break-before-auto:focus { break-before: auto; }
html[data-theme="dark"] .dark-focus-break-before-auto:focus { break-before: auto; }
.active-break-before-auto:active { break-before: auto; }
html[data-theme="dark"] .dark-active-break-before-auto:active { break-before: auto; }
.disabled-break-before-auto:disabled { break-before: auto; }
html[data-theme="dark"] .dark-disabled-break-before-auto:disabled { break-before: auto; }
.focus-visible-break-before-auto:focus-visible { break-before: auto; }
html[data-theme="dark"] .dark-focus-visible-break-before-auto:focus-visible { break-before: auto; }
.focus-within-break-before-auto:focus-within { break-before: auto; }
html[data-theme="dark"] .dark-focus-within-break-before-auto:focus-within { break-before: auto; }
.group:hover .group-hover-break-before-auto { break-before: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-auto { break-before: auto; }
.break-before-avoid { break-before: avoid; }
html[data-theme="dark"] .dark-break-before-avoid { break-before: avoid; }
.hover-break-before-avoid:hover { break-before: avoid; }
html[data-theme="dark"] .dark-hover-break-before-avoid:hover { break-before: avoid; }
.focus-break-before-avoid:focus { break-before: avoid; }
html[data-theme="dark"] .dark-focus-break-before-avoid:focus { break-before: avoid; }
.active-break-before-avoid:active { break-before: avoid; }
html[data-theme="dark"] .dark-active-break-before-avoid:active { break-before: avoid; }
.disabled-break-before-avoid:disabled { break-before: avoid; }
html[data-theme="dark"] .dark-disabled-break-before-avoid:disabled { break-before: avoid; }
.focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
html[data-theme="dark"] .dark-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
.focus-within-break-before-avoid:focus-within { break-before: avoid; }
html[data-theme="dark"] .dark-focus-within-break-before-avoid:focus-within { break-before: avoid; }
.group:hover .group-hover-break-before-avoid { break-before: avoid; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-avoid { break-before: avoid; }
.break-before-all { break-before: all; }
html[data-theme="dark"] .dark-break-before-all { break-before: all; }
.hover-break-before-all:hover { break-before: all; }
html[data-theme="dark"] .dark-hover-break-before-all:hover { break-before: all; }
.focus-break-before-all:focus { break-before: all; }
html[data-theme="dark"] .dark-focus-break-before-all:focus { break-before: all; }
.active-break-before-all:active { break-before: all; }
html[data-theme="dark"] .dark-active-break-before-all:active { break-before: all; }
.disabled-break-before-all:disabled { break-before: all; }
html[data-theme="dark"] .dark-disabled-break-before-all:disabled { break-before: all; }
.focus-visible-break-before-all:focus-visible { break-before: all; }
html[data-theme="dark"] .dark-focus-visible-break-before-all:focus-visible { break-before: all; }
.focus-within-break-before-all:focus-within { break-before: all; }
html[data-theme="dark"] .dark-focus-within-break-before-all:focus-within { break-before: all; }
.group:hover .group-hover-break-before-all { break-before: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-all { break-before: all; }
.break-before-avoid-page { break-before: avoid-page; }
html[data-theme="dark"] .dark-break-before-avoid-page { break-before: avoid-page; }
.hover-break-before-avoid-page:hover { break-before: avoid-page; }
html[data-theme="dark"] .dark-hover-break-before-avoid-page:hover { break-before: avoid-page; }
.focus-break-before-avoid-page:focus { break-before: avoid-page; }
html[data-theme="dark"] .dark-focus-break-before-avoid-page:focus { break-before: avoid-page; }
.active-break-before-avoid-page:active { break-before: avoid-page; }
html[data-theme="dark"] .dark-active-break-before-avoid-page:active { break-before: avoid-page; }
.disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
html[data-theme="dark"] .dark-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
.focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
html[data-theme="dark"] .dark-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
.focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
html[data-theme="dark"] .dark-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
.group:hover .group-hover-break-before-avoid-page { break-before: avoid-page; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-avoid-page { break-before: avoid-page; }
.break-before-page { break-before: page; }
html[data-theme="dark"] .dark-break-before-page { break-before: page; }
.hover-break-before-page:hover { break-before: page; }
html[data-theme="dark"] .dark-hover-break-before-page:hover { break-before: page; }
.focus-break-before-page:focus { break-before: page; }
html[data-theme="dark"] .dark-focus-break-before-page:focus { break-before: page; }
.active-break-before-page:active { break-before: page; }
html[data-theme="dark"] .dark-active-break-before-page:active { break-before: page; }
.disabled-break-before-page:disabled { break-before: page; }
html[data-theme="dark"] .dark-disabled-break-before-page:disabled { break-before: page; }
.focus-visible-break-before-page:focus-visible { break-before: page; }
html[data-theme="dark"] .dark-focus-visible-break-before-page:focus-visible { break-before: page; }
.focus-within-break-before-page:focus-within { break-before: page; }
html[data-theme="dark"] .dark-focus-within-break-before-page:focus-within { break-before: page; }
.group:hover .group-hover-break-before-page { break-before: page; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-page { break-before: page; }
.break-before-left { break-before: left; }
html[data-theme="dark"] .dark-break-before-left { break-before: left; }
.hover-break-before-left:hover { break-before: left; }
html[data-theme="dark"] .dark-hover-break-before-left:hover { break-before: left; }
.focus-break-before-left:focus { break-before: left; }
html[data-theme="dark"] .dark-focus-break-before-left:focus { break-before: left; }
.active-break-before-left:active { break-before: left; }
html[data-theme="dark"] .dark-active-break-before-left:active { break-before: left; }
.disabled-break-before-left:disabled { break-before: left; }
html[data-theme="dark"] .dark-disabled-break-before-left:disabled { break-before: left; }
.focus-visible-break-before-left:focus-visible { break-before: left; }
html[data-theme="dark"] .dark-focus-visible-break-before-left:focus-visible { break-before: left; }
.focus-within-break-before-left:focus-within { break-before: left; }
html[data-theme="dark"] .dark-focus-within-break-before-left:focus-within { break-before: left; }
.group:hover .group-hover-break-before-left { break-before: left; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-left { break-before: left; }
.break-before-right { break-before: right; }
html[data-theme="dark"] .dark-break-before-right { break-before: right; }
.hover-break-before-right:hover { break-before: right; }
html[data-theme="dark"] .dark-hover-break-before-right:hover { break-before: right; }
.focus-break-before-right:focus { break-before: right; }
html[data-theme="dark"] .dark-focus-break-before-right:focus { break-before: right; }
.active-break-before-right:active { break-before: right; }
html[data-theme="dark"] .dark-active-break-before-right:active { break-before: right; }
.disabled-break-before-right:disabled { break-before: right; }
html[data-theme="dark"] .dark-disabled-break-before-right:disabled { break-before: right; }
.focus-visible-break-before-right:focus-visible { break-before: right; }
html[data-theme="dark"] .dark-focus-visible-break-before-right:focus-visible { break-before: right; }
.focus-within-break-before-right:focus-within { break-before: right; }
html[data-theme="dark"] .dark-focus-within-break-before-right:focus-within { break-before: right; }
.group:hover .group-hover-break-before-right { break-before: right; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-right { break-before: right; }
.break-before-column { break-before: column; }
html[data-theme="dark"] .dark-break-before-column { break-before: column; }
.hover-break-before-column:hover { break-before: column; }
html[data-theme="dark"] .dark-hover-break-before-column:hover { break-before: column; }
.focus-break-before-column:focus { break-before: column; }
html[data-theme="dark"] .dark-focus-break-before-column:focus { break-before: column; }
.active-break-before-column:active { break-before: column; }
html[data-theme="dark"] .dark-active-break-before-column:active { break-before: column; }
.disabled-break-before-column:disabled { break-before: column; }
html[data-theme="dark"] .dark-disabled-break-before-column:disabled { break-before: column; }
.focus-visible-break-before-column:focus-visible { break-before: column; }
html[data-theme="dark"] .dark-focus-visible-break-before-column:focus-visible { break-before: column; }
.focus-within-break-before-column:focus-within { break-before: column; }
html[data-theme="dark"] .dark-focus-within-break-before-column:focus-within { break-before: column; }
.group:hover .group-hover-break-before-column { break-before: column; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-before-column { break-before: column; }
.break-inside-auto { break-inside: auto; }
html[data-theme="dark"] .dark-break-inside-auto { break-inside: auto; }
.hover-break-inside-auto:hover { break-inside: auto; }
html[data-theme="dark"] .dark-hover-break-inside-auto:hover { break-inside: auto; }
.focus-break-inside-auto:focus { break-inside: auto; }
html[data-theme="dark"] .dark-focus-break-inside-auto:focus { break-inside: auto; }
.active-break-inside-auto:active { break-inside: auto; }
html[data-theme="dark"] .dark-active-break-inside-auto:active { break-inside: auto; }
.disabled-break-inside-auto:disabled { break-inside: auto; }
html[data-theme="dark"] .dark-disabled-break-inside-auto:disabled { break-inside: auto; }
.focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
html[data-theme="dark"] .dark-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
.focus-within-break-inside-auto:focus-within { break-inside: auto; }
html[data-theme="dark"] .dark-focus-within-break-inside-auto:focus-within { break-inside: auto; }
.group:hover .group-hover-break-inside-auto { break-inside: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-inside-auto { break-inside: auto; }
.break-inside-avoid { break-inside: avoid; }
html[data-theme="dark"] .dark-break-inside-avoid { break-inside: avoid; }
.hover-break-inside-avoid:hover { break-inside: avoid; }
html[data-theme="dark"] .dark-hover-break-inside-avoid:hover { break-inside: avoid; }
.focus-break-inside-avoid:focus { break-inside: avoid; }
html[data-theme="dark"] .dark-focus-break-inside-avoid:focus { break-inside: avoid; }
.active-break-inside-avoid:active { break-inside: avoid; }
html[data-theme="dark"] .dark-active-break-inside-avoid:active { break-inside: avoid; }
.disabled-break-inside-avoid:disabled { break-inside: avoid; }
html[data-theme="dark"] .dark-disabled-break-inside-avoid:disabled { break-inside: avoid; }
.focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
html[data-theme="dark"] .dark-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
.focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
html[data-theme="dark"] .dark-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
.group:hover .group-hover-break-inside-avoid { break-inside: avoid; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-inside-avoid { break-inside: avoid; }
.break-inside-avoid-page { break-inside: avoid-page; }
html[data-theme="dark"] .dark-break-inside-avoid-page { break-inside: avoid-page; }
.hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
html[data-theme="dark"] .dark-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
.focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
html[data-theme="dark"] .dark-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
.active-break-inside-avoid-page:active { break-inside: avoid-page; }
html[data-theme="dark"] .dark-active-break-inside-avoid-page:active { break-inside: avoid-page; }
.disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
html[data-theme="dark"] .dark-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
.focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
html[data-theme="dark"] .dark-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
.focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
html[data-theme="dark"] .dark-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
.group:hover .group-hover-break-inside-avoid-page { break-inside: avoid-page; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
.break-inside-avoid-column { break-inside: avoid-column; }
html[data-theme="dark"] .dark-break-inside-avoid-column { break-inside: avoid-column; }
.hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
html[data-theme="dark"] .dark-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
.focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
html[data-theme="dark"] .dark-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
.active-break-inside-avoid-column:active { break-inside: avoid-column; }
html[data-theme="dark"] .dark-active-break-inside-avoid-column:active { break-inside: avoid-column; }
.disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
html[data-theme="dark"] .dark-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
.focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
html[data-theme="dark"] .dark-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
.focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
html[data-theme="dark"] .dark-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
.group:hover .group-hover-break-inside-avoid-column { break-inside: avoid-column; }
html[data-theme="dark"] .group:hover .dark-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
.clip-none { clip-path: none; }
html[data-theme="dark"] .dark-clip-none { clip-path: none; }
.hover-clip-none:hover { clip-path: none; }
html[data-theme="dark"] .dark-hover-clip-none:hover { clip-path: none; }
.focus-clip-none:focus { clip-path: none; }
html[data-theme="dark"] .dark-focus-clip-none:focus { clip-path: none; }
.active-clip-none:active { clip-path: none; }
html[data-theme="dark"] .dark-active-clip-none:active { clip-path: none; }
.disabled-clip-none:disabled { clip-path: none; }
html[data-theme="dark"] .dark-disabled-clip-none:disabled { clip-path: none; }
.focus-visible-clip-none:focus-visible { clip-path: none; }
html[data-theme="dark"] .dark-focus-visible-clip-none:focus-visible { clip-path: none; }
.focus-within-clip-none:focus-within { clip-path: none; }
html[data-theme="dark"] .dark-focus-within-clip-none:focus-within { clip-path: none; }
.group:hover .group-hover-clip-none { clip-path: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-none { clip-path: none; }
.clip-circle { clip-path: circle(50%); }
html[data-theme="dark"] .dark-clip-circle { clip-path: circle(50%); }
.hover-clip-circle:hover { clip-path: circle(50%); }
html[data-theme="dark"] .dark-hover-clip-circle:hover { clip-path: circle(50%); }
.focus-clip-circle:focus { clip-path: circle(50%); }
html[data-theme="dark"] .dark-focus-clip-circle:focus { clip-path: circle(50%); }
.active-clip-circle:active { clip-path: circle(50%); }
html[data-theme="dark"] .dark-active-clip-circle:active { clip-path: circle(50%); }
.disabled-clip-circle:disabled { clip-path: circle(50%); }
html[data-theme="dark"] .dark-disabled-clip-circle:disabled { clip-path: circle(50%); }
.focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
html[data-theme="dark"] .dark-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
.focus-within-clip-circle:focus-within { clip-path: circle(50%); }
html[data-theme="dark"] .dark-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
.group:hover .group-hover-clip-circle { clip-path: circle(50%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-circle { clip-path: circle(50%); }
.clip-ellipse { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-clip-ellipse { clip-path: ellipse(50% 75%); }
.hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
.focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .dark-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
.group:hover .group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
.clip-inset { clip-path: inset(10%); }
html[data-theme="dark"] .dark-clip-inset { clip-path: inset(10%); }
.hover-clip-inset:hover { clip-path: inset(10%); }
html[data-theme="dark"] .dark-hover-clip-inset:hover { clip-path: inset(10%); }
.focus-clip-inset:focus { clip-path: inset(10%); }
html[data-theme="dark"] .dark-focus-clip-inset:focus { clip-path: inset(10%); }
.active-clip-inset:active { clip-path: inset(10%); }
html[data-theme="dark"] .dark-active-clip-inset:active { clip-path: inset(10%); }
.disabled-clip-inset:disabled { clip-path: inset(10%); }
html[data-theme="dark"] .dark-disabled-clip-inset:disabled { clip-path: inset(10%); }
.focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
html[data-theme="dark"] .dark-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
.focus-within-clip-inset:focus-within { clip-path: inset(10%); }
html[data-theme="dark"] .dark-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
.group:hover .group-hover-clip-inset { clip-path: inset(10%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-inset { clip-path: inset(10%); }
.clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .dark-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.group:hover .group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
html[data-theme="dark"] .group:hover .dark-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.outline-none { outline: none; }
html[data-theme="dark"] .dark-outline-none { outline: none; }
.hover-outline-none:hover { outline: none; }
html[data-theme="dark"] .dark-hover-outline-none:hover { outline: none; }
.focus-outline-none:focus { outline: none; }
html[data-theme="dark"] .dark-focus-outline-none:focus { outline: none; }
.active-outline-none:active { outline: none; }
html[data-theme="dark"] .dark-active-outline-none:active { outline: none; }
.disabled-outline-none:disabled { outline: none; }
html[data-theme="dark"] .dark-disabled-outline-none:disabled { outline: none; }
.focus-visible-outline-none:focus-visible { outline: none; }
html[data-theme="dark"] .dark-focus-visible-outline-none:focus-visible { outline: none; }
.focus-within-outline-none:focus-within { outline: none; }
html[data-theme="dark"] .dark-focus-within-outline-none:focus-within { outline: none; }
.group:hover .group-hover-outline-none { outline: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-none { outline: none; }
.outline-solid { outline-style: solid; }
html[data-theme="dark"] .dark-outline-solid { outline-style: solid; }
.hover-outline-solid:hover { outline-style: solid; }
html[data-theme="dark"] .dark-hover-outline-solid:hover { outline-style: solid; }
.focus-outline-solid:focus { outline-style: solid; }
html[data-theme="dark"] .dark-focus-outline-solid:focus { outline-style: solid; }
.active-outline-solid:active { outline-style: solid; }
html[data-theme="dark"] .dark-active-outline-solid:active { outline-style: solid; }
.disabled-outline-solid:disabled { outline-style: solid; }
html[data-theme="dark"] .dark-disabled-outline-solid:disabled { outline-style: solid; }
.focus-visible-outline-solid:focus-visible { outline-style: solid; }
html[data-theme="dark"] .dark-focus-visible-outline-solid:focus-visible { outline-style: solid; }
.focus-within-outline-solid:focus-within { outline-style: solid; }
html[data-theme="dark"] .dark-focus-within-outline-solid:focus-within { outline-style: solid; }
.group:hover .group-hover-outline-solid { outline-style: solid; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-solid { outline-style: solid; }
.outline-dashed { outline-style: dashed; }
html[data-theme="dark"] .dark-outline-dashed { outline-style: dashed; }
.hover-outline-dashed:hover { outline-style: dashed; }
html[data-theme="dark"] .dark-hover-outline-dashed:hover { outline-style: dashed; }
.focus-outline-dashed:focus { outline-style: dashed; }
html[data-theme="dark"] .dark-focus-outline-dashed:focus { outline-style: dashed; }
.active-outline-dashed:active { outline-style: dashed; }
html[data-theme="dark"] .dark-active-outline-dashed:active { outline-style: dashed; }
.disabled-outline-dashed:disabled { outline-style: dashed; }
html[data-theme="dark"] .dark-disabled-outline-dashed:disabled { outline-style: dashed; }
.focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
html[data-theme="dark"] .dark-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
.focus-within-outline-dashed:focus-within { outline-style: dashed; }
html[data-theme="dark"] .dark-focus-within-outline-dashed:focus-within { outline-style: dashed; }
.group:hover .group-hover-outline-dashed { outline-style: dashed; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-dashed { outline-style: dashed; }
.outline-offset-0 { outline-offset: 0; }
html[data-theme="dark"] .dark-outline-offset-0 { outline-offset: 0; }
.hover-outline-offset-0:hover { outline-offset: 0; }
html[data-theme="dark"] .dark-hover-outline-offset-0:hover { outline-offset: 0; }
.focus-outline-offset-0:focus { outline-offset: 0; }
html[data-theme="dark"] .dark-focus-outline-offset-0:focus { outline-offset: 0; }
.active-outline-offset-0:active { outline-offset: 0; }
html[data-theme="dark"] .dark-active-outline-offset-0:active { outline-offset: 0; }
.disabled-outline-offset-0:disabled { outline-offset: 0; }
html[data-theme="dark"] .dark-disabled-outline-offset-0:disabled { outline-offset: 0; }
.focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
.focus-within-outline-offset-0:focus-within { outline-offset: 0; }
html[data-theme="dark"] .dark-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
.group:hover .group-hover-outline-offset-0 { outline-offset: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-0 { outline-offset: 0; }
.outline-offset-2 { outline-offset: 2px; }
html[data-theme="dark"] .dark-outline-offset-2 { outline-offset: 2px; }
.hover-outline-offset-2:hover { outline-offset: 2px; }
html[data-theme="dark"] .dark-hover-outline-offset-2:hover { outline-offset: 2px; }
.focus-outline-offset-2:focus { outline-offset: 2px; }
html[data-theme="dark"] .dark-focus-outline-offset-2:focus { outline-offset: 2px; }
.active-outline-offset-2:active { outline-offset: 2px; }
html[data-theme="dark"] .dark-active-outline-offset-2:active { outline-offset: 2px; }
.disabled-outline-offset-2:disabled { outline-offset: 2px; }
html[data-theme="dark"] .dark-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
.focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
html[data-theme="dark"] .dark-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
.group:hover .group-hover-outline-offset-2 { outline-offset: 2px; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-2 { outline-offset: 2px; }
.outline-offset-4 { outline-offset: 4px; }
html[data-theme="dark"] .dark-outline-offset-4 { outline-offset: 4px; }
.hover-outline-offset-4:hover { outline-offset: 4px; }
html[data-theme="dark"] .dark-hover-outline-offset-4:hover { outline-offset: 4px; }
.focus-outline-offset-4:focus { outline-offset: 4px; }
html[data-theme="dark"] .dark-focus-outline-offset-4:focus { outline-offset: 4px; }
.active-outline-offset-4:active { outline-offset: 4px; }
html[data-theme="dark"] .dark-active-outline-offset-4:active { outline-offset: 4px; }
.disabled-outline-offset-4:disabled { outline-offset: 4px; }
html[data-theme="dark"] .dark-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
html[data-theme="dark"] .dark-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
.focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
html[data-theme="dark"] .dark-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
.group:hover .group-hover-outline-offset-4 { outline-offset: 4px; }
html[data-theme="dark"] .group:hover .dark-group-hover-outline-offset-4 { outline-offset: 4px; }
.shadow-none { box-shadow: none; }
html[data-theme="dark"] .dark-shadow-none { box-shadow: none; }
.hover-shadow-none:hover { box-shadow: none; }
html[data-theme="dark"] .dark-hover-shadow-none:hover { box-shadow: none; }
.focus-shadow-none:focus { box-shadow: none; }
html[data-theme="dark"] .dark-focus-shadow-none:focus { box-shadow: none; }
.active-shadow-none:active { box-shadow: none; }
html[data-theme="dark"] .dark-active-shadow-none:active { box-shadow: none; }
.disabled-shadow-none:disabled { box-shadow: none; }
html[data-theme="dark"] .dark-disabled-shadow-none:disabled { box-shadow: none; }
.focus-visible-shadow-none:focus-visible { box-shadow: none; }
html[data-theme="dark"] .dark-focus-visible-shadow-none:focus-visible { box-shadow: none; }
.focus-within-shadow-none:focus-within { box-shadow: none; }
html[data-theme="dark"] .dark-focus-within-shadow-none:focus-within { box-shadow: none; }
.group:hover .group-hover-shadow-none { box-shadow: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-none { box-shadow: none; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.group:hover .group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.group:hover .group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .dark-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.group:hover .group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .dark-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.group:hover .group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .dark-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.group:hover .group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .dark-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.group:hover .group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
.hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
.focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
.active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
.disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
.focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
.focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
.group:hover .group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
.shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.group:hover .group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
.shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.group:hover .group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
.shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.group:hover .group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
.shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.group:hover .group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
.shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
.hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
.focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
.active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
.disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
.focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
.focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .dark-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
.group:hover .group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
html[data-theme="dark"] .group:hover .dark-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
.accent-auto { accent-color: auto; }
html[data-theme="dark"] .dark-accent-auto { accent-color: auto; }
.hover-accent-auto:hover { accent-color: auto; }
html[data-theme="dark"] .dark-hover-accent-auto:hover { accent-color: auto; }
.focus-accent-auto:focus { accent-color: auto; }
html[data-theme="dark"] .dark-focus-accent-auto:focus { accent-color: auto; }
.active-accent-auto:active { accent-color: auto; }
html[data-theme="dark"] .dark-active-accent-auto:active { accent-color: auto; }
.disabled-accent-auto:disabled { accent-color: auto; }
html[data-theme="dark"] .dark-disabled-accent-auto:disabled { accent-color: auto; }
.focus-visible-accent-auto:focus-visible { accent-color: auto; }
html[data-theme="dark"] .dark-focus-visible-accent-auto:focus-visible { accent-color: auto; }
.focus-within-accent-auto:focus-within { accent-color: auto; }
html[data-theme="dark"] .dark-focus-within-accent-auto:focus-within { accent-color: auto; }
.group:hover .group-hover-accent-auto { accent-color: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-auto { accent-color: auto; }
.accent-current { accent-color: currentColor; }
html[data-theme="dark"] .dark-accent-current { accent-color: currentColor; }
.hover-accent-current:hover { accent-color: currentColor; }
html[data-theme="dark"] .dark-hover-accent-current:hover { accent-color: currentColor; }
.focus-accent-current:focus { accent-color: currentColor; }
html[data-theme="dark"] .dark-focus-accent-current:focus { accent-color: currentColor; }
.active-accent-current:active { accent-color: currentColor; }
html[data-theme="dark"] .dark-active-accent-current:active { accent-color: currentColor; }
.disabled-accent-current:disabled { accent-color: currentColor; }
html[data-theme="dark"] .dark-disabled-accent-current:disabled { accent-color: currentColor; }
.focus-visible-accent-current:focus-visible { accent-color: currentColor; }
html[data-theme="dark"] .dark-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
.focus-within-accent-current:focus-within { accent-color: currentColor; }
html[data-theme="dark"] .dark-focus-within-accent-current:focus-within { accent-color: currentColor; }
.group:hover .group-hover-accent-current { accent-color: currentColor; }
html[data-theme="dark"] .group:hover .dark-group-hover-accent-current { accent-color: currentColor; }
.appearance-none { appearance: none; }
html[data-theme="dark"] .dark-appearance-none { appearance: none; }
.hover-appearance-none:hover { appearance: none; }
html[data-theme="dark"] .dark-hover-appearance-none:hover { appearance: none; }
.focus-appearance-none:focus { appearance: none; }
html[data-theme="dark"] .dark-focus-appearance-none:focus { appearance: none; }
.active-appearance-none:active { appearance: none; }
html[data-theme="dark"] .dark-active-appearance-none:active { appearance: none; }
.disabled-appearance-none:disabled { appearance: none; }
html[data-theme="dark"] .dark-disabled-appearance-none:disabled { appearance: none; }
.focus-visible-appearance-none:focus-visible { appearance: none; }
html[data-theme="dark"] .dark-focus-visible-appearance-none:focus-visible { appearance: none; }
.focus-within-appearance-none:focus-within { appearance: none; }
html[data-theme="dark"] .dark-focus-within-appearance-none:focus-within { appearance: none; }
.group:hover .group-hover-appearance-none { appearance: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-appearance-none { appearance: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .dark-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.group:hover .group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
html[data-theme="dark"] .group:hover .dark-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .dark-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.group:hover .group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.cursor-auto { cursor: auto; }
html[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
html[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
html[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
html[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
html[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
.focus-visible-cursor-auto:focus-visible { cursor: auto; }
html[data-theme="dark"] .dark-focus-visible-cursor-auto:focus-visible { cursor: auto; }
.focus-within-cursor-auto:focus-within { cursor: auto; }
html[data-theme="dark"] .dark-focus-within-cursor-auto:focus-within { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-auto { cursor: auto; }
.cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
html[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
html[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
html[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
html[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
.focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
html[data-theme="dark"] .dark-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
.focus-within-cursor-pointer:focus-within { cursor: pointer; }
html[data-theme="dark"] .dark-focus-within-cursor-pointer:focus-within { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
html[data-theme="dark"] .dark-cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
html[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
html[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
html[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
html[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
.focus-visible-cursor-default:focus-visible { cursor: default; }
html[data-theme="dark"] .dark-focus-visible-cursor-default:focus-visible { cursor: default; }
.focus-within-cursor-default:focus-within { cursor: default; }
html[data-theme="dark"] .dark-focus-within-cursor-default:focus-within { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-default { cursor: default; }
.cursor-wait { cursor: wait; }
html[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
html[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
html[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
html[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
html[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
.focus-visible-cursor-wait:focus-visible { cursor: wait; }
html[data-theme="dark"] .dark-focus-visible-cursor-wait:focus-visible { cursor: wait; }
.focus-within-cursor-wait:focus-within { cursor: wait; }
html[data-theme="dark"] .dark-focus-within-cursor-wait:focus-within { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
html[data-theme="dark"] .dark-cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
html[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
html[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
html[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
html[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
.focus-visible-cursor-text:focus-visible { cursor: text; }
html[data-theme="dark"] .dark-focus-visible-cursor-text:focus-visible { cursor: text; }
.focus-within-cursor-text:focus-within { cursor: text; }
html[data-theme="dark"] .dark-focus-within-cursor-text:focus-within { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
html[data-theme="dark"] .dark-cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
html[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
html[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
html[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
html[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
.focus-visible-cursor-move:focus-visible { cursor: move; }
html[data-theme="dark"] .dark-focus-visible-cursor-move:focus-visible { cursor: move; }
.focus-within-cursor-move:focus-within { cursor: move; }
html[data-theme="dark"] .dark-focus-within-cursor-move:focus-within { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
html[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
html[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
html[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
.focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
html[data-theme="dark"] .dark-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
html[data-theme="dark"] .group:hover .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
.pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
html[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
html[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
html[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
.focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
html[data-theme="dark"] .dark-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-auto { pointer-events: auto; }
.pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
html[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
html[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
html[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
html[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
.focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
html[data-theme="dark"] .dark-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
.focus-within-pointer-events-none:focus-within { pointer-events: none; }
html[data-theme="dark"] .dark-focus-within-pointer-events-none:focus-within { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-pointer-events-none { pointer-events: none; }
.resize-none { resize: none; }
html[data-theme="dark"] .dark-resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
html[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
html[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
html[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
html[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
.focus-visible-resize-none:focus-visible { resize: none; }
html[data-theme="dark"] .dark-focus-visible-resize-none:focus-visible { resize: none; }
.focus-within-resize-none:focus-within { resize: none; }
html[data-theme="dark"] .dark-focus-within-resize-none:focus-within { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-none { resize: none; }
.resize-y { resize: vertical; }
html[data-theme="dark"] .dark-resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
html[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
html[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
html[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
html[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
.focus-visible-resize-y:focus-visible { resize: vertical; }
html[data-theme="dark"] .dark-focus-visible-resize-y:focus-visible { resize: vertical; }
.focus-within-resize-y:focus-within { resize: vertical; }
html[data-theme="dark"] .dark-focus-within-resize-y:focus-within { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-y { resize: vertical; }
.resize-x { resize: horizontal; }
html[data-theme="dark"] .dark-resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
html[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
html[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
html[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
html[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
.focus-visible-resize-x:focus-visible { resize: horizontal; }
html[data-theme="dark"] .dark-focus-visible-resize-x:focus-visible { resize: horizontal; }
.focus-within-resize-x:focus-within { resize: horizontal; }
html[data-theme="dark"] .dark-focus-within-resize-x:focus-within { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize-x { resize: horizontal; }
.resize { resize: both; }
html[data-theme="dark"] .dark-resize { resize: both; }
.hover-resize:hover { resize: both; }
html[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
html[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
html[data-theme="dark"] .dark-active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
html[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
.focus-visible-resize:focus-visible { resize: both; }
html[data-theme="dark"] .dark-focus-visible-resize:focus-visible { resize: both; }
.focus-within-resize:focus-within { resize: both; }
html[data-theme="dark"] .dark-focus-within-resize:focus-within { resize: both; }
.group:hover .group-hover-resize { resize: both; }
html[data-theme="dark"] .group:hover .dark-group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
html[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
html[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
html[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
.focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
.focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
html[data-theme="dark"] .dark-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0; }
html[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0; }
.hover-scroll-m-0:hover { scroll-margin: 0; }
html[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0; }
.focus-scroll-m-0:focus { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0; }
.active-scroll-m-0:active { scroll-margin: 0; }
html[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0; }
.disabled-scroll-m-0:disabled { scroll-margin: 0; }
html[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
.focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
html[data-theme="dark"] .dark-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-0 { scroll-margin: 0; }
.scroll-m-1 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 0.25rem; }
.hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.active-scroll-m-1:active { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
.focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
.scroll-m-2 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 0.5rem; }
.hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.active-scroll-m-2:active { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
.focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
.scroll-m-4 { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 1rem; }
.hover-scroll-m-4:hover { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.focus-scroll-m-4:focus { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.active-scroll-m-4:active { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 1rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
.focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-4 { scroll-margin: 1rem; }
.scroll-m-8 { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-scroll-m-8 { scroll-margin: 2rem; }
.hover-scroll-m-8:hover { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.focus-scroll-m-8:focus { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.active-scroll-m-8:active { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-active-scroll-m-8:active { scroll-margin: 2rem; }
.disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
.focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-8 { scroll-margin: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-m-8 { scroll-margin: 2rem; }
.scroll-p-0 { scroll-padding: 0; }
html[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0; }
.hover-scroll-p-0:hover { scroll-padding: 0; }
html[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0; }
.focus-scroll-p-0:focus { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0; }
.active-scroll-p-0:active { scroll-padding: 0; }
html[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0; }
.disabled-scroll-p-0:disabled { scroll-padding: 0; }
html[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
.focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
html[data-theme="dark"] .dark-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-0 { scroll-padding: 0; }
.scroll-p-1 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 0.25rem; }
.hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.active-scroll-p-1:active { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
.focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
.scroll-p-2 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 0.5rem; }
.hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.active-scroll-p-2:active { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
.focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
.scroll-p-4 { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 1rem; }
.hover-scroll-p-4:hover { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.focus-scroll-p-4:focus { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.active-scroll-p-4:active { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 1rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
.focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 1rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-4 { scroll-padding: 1rem; }
.scroll-p-8 { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-scroll-p-8 { scroll-padding: 2rem; }
.hover-scroll-p-8:hover { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.focus-scroll-p-8:focus { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.active-scroll-p-8:active { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-active-scroll-p-8:active { scroll-padding: 2rem; }
.disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
.focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
html[data-theme="dark"] .dark-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-8 { scroll-padding: 2rem; }
html[data-theme="dark"] .group:hover .dark-group-hover-scroll-p-8 { scroll-padding: 2rem; }
.overscroll-auto { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-overscroll-auto { overscroll-behavior: auto; }
.hover-overscroll-auto:hover { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-hover-overscroll-auto:hover { overscroll-behavior: auto; }
.focus-overscroll-auto:focus { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-overscroll-auto:focus { overscroll-behavior: auto; }
.active-overscroll-auto:active { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-active-overscroll-auto:active { overscroll-behavior: auto; }
.disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
.focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
.focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
html[data-theme="dark"] .dark-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
.group:hover .group-hover-overscroll-auto { overscroll-behavior: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-auto { overscroll-behavior: auto; }
.overscroll-contain { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-overscroll-contain { overscroll-behavior: contain; }
.hover-overscroll-contain:hover { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-hover-overscroll-contain:hover { overscroll-behavior: contain; }
.focus-overscroll-contain:focus { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-focus-overscroll-contain:focus { overscroll-behavior: contain; }
.active-overscroll-contain:active { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-active-overscroll-contain:active { overscroll-behavior: contain; }
.disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
.focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
.focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
html[data-theme="dark"] .dark-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
.group:hover .group-hover-overscroll-contain { overscroll-behavior: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-contain { overscroll-behavior: contain; }
.overscroll-none { overscroll-behavior: none; }
html[data-theme="dark"] .dark-overscroll-none { overscroll-behavior: none; }
.hover-overscroll-none:hover { overscroll-behavior: none; }
html[data-theme="dark"] .dark-hover-overscroll-none:hover { overscroll-behavior: none; }
.focus-overscroll-none:focus { overscroll-behavior: none; }
html[data-theme="dark"] .dark-focus-overscroll-none:focus { overscroll-behavior: none; }
.active-overscroll-none:active { overscroll-behavior: none; }
html[data-theme="dark"] .dark-active-overscroll-none:active { overscroll-behavior: none; }
.disabled-overscroll-none:disabled { overscroll-behavior: none; }
html[data-theme="dark"] .dark-disabled-overscroll-none:disabled { overscroll-behavior: none; }
.focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
html[data-theme="dark"] .dark-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
.focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
html[data-theme="dark"] .dark-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
.group:hover .group-hover-overscroll-none { overscroll-behavior: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-none { overscroll-behavior: none; }
.overscroll-x-auto { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-overscroll-x-auto { overscroll-behavior-x: auto; }
.hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
.focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
.active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
.disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
.focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
.focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
html[data-theme="dark"] .dark-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
.group:hover .group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
.overscroll-x-contain { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-overscroll-x-contain { overscroll-behavior-x: contain; }
.hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
.focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
.active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
.disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
.focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
.focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
html[data-theme="dark"] .dark-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
.group:hover .group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
.overscroll-x-none { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-overscroll-x-none { overscroll-behavior-x: none; }
.hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
.focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
.active-overscroll-x-none:active { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-active-overscroll-x-none:active { overscroll-behavior-x: none; }
.disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
.focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
.focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
html[data-theme="dark"] .dark-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
.group:hover .group-hover-overscroll-x-none { overscroll-behavior-x: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
.overscroll-y-auto { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-overscroll-y-auto { overscroll-behavior-y: auto; }
.hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
.focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
.active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
.disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
.focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
.focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
html[data-theme="dark"] .dark-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
.group:hover .group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
.overscroll-y-contain { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-overscroll-y-contain { overscroll-behavior-y: contain; }
.hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
.focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
.active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
.disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
.focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
.focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
html[data-theme="dark"] .dark-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
.group:hover .group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
.overscroll-y-none { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-overscroll-y-none { overscroll-behavior-y: none; }
.hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
.focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
.active-overscroll-y-none:active { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-active-overscroll-y-none:active { overscroll-behavior-y: none; }
.disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
.focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
.focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
html[data-theme="dark"] .dark-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
.group:hover .group-hover-overscroll-y-none { overscroll-behavior-y: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
.touch-auto { touch-action: auto; }
html[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
html[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
html[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
html[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
html[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
.focus-visible-touch-auto:focus-visible { touch-action: auto; }
html[data-theme="dark"] .dark-focus-visible-touch-auto:focus-visible { touch-action: auto; }
.focus-within-touch-auto:focus-within { touch-action: auto; }
html[data-theme="dark"] .dark-focus-within-touch-auto:focus-within { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
html[data-theme="dark"] .dark-touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
html[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
html[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
html[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
html[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
.focus-visible-touch-none:focus-visible { touch-action: none; }
html[data-theme="dark"] .dark-focus-visible-touch-none:focus-visible { touch-action: none; }
.focus-within-touch-none:focus-within { touch-action: none; }
html[data-theme="dark"] .dark-focus-within-touch-none:focus-within { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-none { touch-action: none; }
.touch-pan-x { touch-action: pan-x; }
html[data-theme="dark"] .dark-touch-pan-x { touch-action: pan-x; }
.hover-touch-pan-x:hover { touch-action: pan-x; }
html[data-theme="dark"] .dark-hover-touch-pan-x:hover { touch-action: pan-x; }
.focus-touch-pan-x:focus { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-touch-pan-x:focus { touch-action: pan-x; }
.active-touch-pan-x:active { touch-action: pan-x; }
html[data-theme="dark"] .dark-active-touch-pan-x:active { touch-action: pan-x; }
.disabled-touch-pan-x:disabled { touch-action: pan-x; }
html[data-theme="dark"] .dark-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
.focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
html[data-theme="dark"] .dark-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
.group:hover .group-hover-touch-pan-x { touch-action: pan-x; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan-x { touch-action: pan-x; }
.touch-pan-y { touch-action: pan-y; }
html[data-theme="dark"] .dark-touch-pan-y { touch-action: pan-y; }
.hover-touch-pan-y:hover { touch-action: pan-y; }
html[data-theme="dark"] .dark-hover-touch-pan-y:hover { touch-action: pan-y; }
.focus-touch-pan-y:focus { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-touch-pan-y:focus { touch-action: pan-y; }
.active-touch-pan-y:active { touch-action: pan-y; }
html[data-theme="dark"] .dark-active-touch-pan-y:active { touch-action: pan-y; }
.disabled-touch-pan-y:disabled { touch-action: pan-y; }
html[data-theme="dark"] .dark-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
.focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
html[data-theme="dark"] .dark-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
.group:hover .group-hover-touch-pan-y { touch-action: pan-y; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-pan-y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
html[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
html[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
html[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
.focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
html[data-theme="dark"] .dark-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
html[data-theme="dark"] .group:hover .dark-group-hover-touch-manipulation { touch-action: manipulation; }
.select-none { user-select: none; }
html[data-theme="dark"] .dark-select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
html[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
html[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
html[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
html[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
.focus-visible-select-none:focus-visible { user-select: none; }
html[data-theme="dark"] .dark-focus-visible-select-none:focus-visible { user-select: none; }
.focus-within-select-none:focus-within { user-select: none; }
html[data-theme="dark"] .dark-focus-within-select-none:focus-within { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
html[data-theme="dark"] .dark-select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
html[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
html[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
html[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
html[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
.focus-visible-select-text:focus-visible { user-select: text; }
html[data-theme="dark"] .dark-focus-visible-select-text:focus-visible { user-select: text; }
.focus-within-select-text:focus-within { user-select: text; }
html[data-theme="dark"] .dark-focus-within-select-text:focus-within { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
html[data-theme="dark"] .dark-select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
html[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
html[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
html[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
html[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
.focus-visible-select-all:focus-visible { user-select: all; }
html[data-theme="dark"] .dark-focus-visible-select-all:focus-visible { user-select: all; }
.focus-within-select-all:focus-within { user-select: all; }
html[data-theme="dark"] .dark-focus-within-select-all:focus-within { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-all { user-select: all; }
.select-auto { user-select: auto; }
html[data-theme="dark"] .dark-select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
html[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
html[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
html[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
html[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
.focus-visible-select-auto:focus-visible { user-select: auto; }
html[data-theme="dark"] .dark-focus-visible-select-auto:focus-visible { user-select: auto; }
.focus-within-select-auto:focus-within { user-select: auto; }
html[data-theme="dark"] .dark-focus-within-select-auto:focus-within { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-select-auto { user-select: auto; }
.will-change-auto { will-change: auto; }
html[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
html[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
html[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
html[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
html[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
.focus-visible-will-change-auto:focus-visible { will-change: auto; }
html[data-theme="dark"] .dark-focus-visible-will-change-auto:focus-visible { will-change: auto; }
.focus-within-will-change-auto:focus-within { will-change: auto; }
html[data-theme="dark"] .dark-focus-within-will-change-auto:focus-within { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll-position; }
html[data-theme="dark"] .dark-will-change-scroll { will-change: scroll-position; }
.hover-will-change-scroll:hover { will-change: scroll-position; }
html[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll-position; }
.focus-will-change-scroll:focus { will-change: scroll-position; }
html[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll-position; }
.active-will-change-scroll:active { will-change: scroll-position; }
html[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll-position; }
.disabled-will-change-scroll:disabled { will-change: scroll-position; }
html[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
html[data-theme="dark"] .dark-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
.focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
html[data-theme="dark"] .dark-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
.group:hover .group-hover-will-change-scroll { will-change: scroll-position; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-scroll { will-change: scroll-position; }
.will-change-transform { will-change: transform; }
html[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
html[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
html[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
html[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
html[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
.focus-visible-will-change-transform:focus-visible { will-change: transform; }
html[data-theme="dark"] .dark-focus-visible-will-change-transform:focus-visible { will-change: transform; }
.focus-within-will-change-transform:focus-within { will-change: transform; }
html[data-theme="dark"] .dark-focus-within-will-change-transform:focus-within { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
html[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
html[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
html[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
html[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
.focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
html[data-theme="dark"] .dark-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
.focus-within-will-change-opacity:focus-within { will-change: opacity; }
html[data-theme="dark"] .dark-focus-within-will-change-opacity:focus-within { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
html[data-theme="dark"] .group:hover .dark-group-hover-will-change-opacity { will-change: opacity; }
.bg-primary { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-bg-primary { background-color: var(--quanta-primary); }
.hover-bg-primary:hover { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.focus-bg-primary:focus { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.active-bg-primary:active { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-active-bg-primary:active { background-color: var(--quanta-primary); }
.disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
.focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
.group:hover .group-hover-bg-primary { background-color: var(--quanta-primary); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-primary { background-color: var(--quanta-primary); }
.bg-secondary { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-bg-secondary { background-color: var(--quanta-bg-secondary); }
.hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
.focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .dark-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
.group:hover .group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
.bg-success { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-bg-success { background-color: var(--quanta-bg-success); }
.hover-bg-success:hover { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.focus-bg-success:focus { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.active-bg-success:active { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-active-bg-success:active { background-color: var(--quanta-bg-success); }
.disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
.focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .dark-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
.group:hover .group-hover-bg-success { background-color: var(--quanta-bg-success); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-success { background-color: var(--quanta-bg-success); }
.bg-warning { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-bg-warning { background-color: var(--quanta-bg-warning); }
.hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.active-bg-warning:active { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
.focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .dark-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
.group:hover .group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
.bg-danger { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-bg-danger { background-color: var(--quanta-bg-danger); }
.hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.active-bg-danger:active { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
.focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .dark-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
.group:hover .group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
.bg-info { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-bg-info { background-color: var(--quanta-bg-info); }
.hover-bg-info:hover { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.focus-bg-info:focus { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.active-bg-info:active { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-active-bg-info:active { background-color: var(--quanta-bg-info); }
.disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
.focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .dark-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
.group:hover .group-hover-bg-info { background-color: var(--quanta-bg-info); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-info { background-color: var(--quanta-bg-info); }
.bg-neutral { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-bg-neutral { background-color: var(--quanta-bg-neutral); }
.hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
.focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
.active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
.disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
.focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
.focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .dark-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
.group:hover .group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
.bg-accent { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-bg-accent { background-color: var(--quanta-bg-accent); }
.hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
.focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
.active-bg-accent:active { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
.disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
.focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
.focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .dark-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
.group:hover .group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
.bg-ghost { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-bg-ghost { background-color: var(--quanta-bg-ghost); }
.hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
.focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
.active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
.disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
.focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
.focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .dark-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
.group:hover .group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
.bg-link { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-bg-link { background-color: var(--quanta-text-link); }
.hover-bg-link:hover { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-hover-bg-link:hover { background-color: var(--quanta-text-link); }
.focus-bg-link:focus { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-bg-link:focus { background-color: var(--quanta-text-link); }
.active-bg-link:active { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-active-bg-link:active { background-color: var(--quanta-text-link); }
.disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
.focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
.focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
.group:hover .group-hover-bg-link { background-color: var(--quanta-text-link); }
html[data-theme="dark"] .group:hover .dark-group-hover-bg-link { background-color: var(--quanta-text-link); }
.text-primary { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-text-primary { color: var(--quanta-primary); }
.hover-text-primary:hover { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-hover-text-primary:hover { color: var(--quanta-primary); }
.focus-text-primary:focus { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-text-primary:focus { color: var(--quanta-primary); }
.active-text-primary:active { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-active-text-primary:active { color: var(--quanta-primary); }
.disabled-text-primary:disabled { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-disabled-text-primary:disabled { color: var(--quanta-primary); }
.focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
.focus-within-text-primary:focus-within { color: var(--quanta-primary); }
html[data-theme="dark"] .dark-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
.group:hover .group-hover-text-primary { color: var(--quanta-primary); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-primary { color: var(--quanta-primary); }
.text-secondary { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-text-secondary { color: var(--quanta-text-secondary); }
.hover-text-secondary:hover { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.focus-text-secondary:focus { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.active-text-secondary:active { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-active-text-secondary:active { color: var(--quanta-text-secondary); }
.disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
.focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .dark-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
.group:hover .group-hover-text-secondary { color: var(--quanta-text-secondary); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-secondary { color: var(--quanta-text-secondary); }
.text-success { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-text-success { color: var(--quanta-text-success); }
.hover-text-success:hover { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-hover-text-success:hover { color: var(--quanta-text-success); }
.focus-text-success:focus { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-focus-text-success:focus { color: var(--quanta-text-success); }
.active-text-success:active { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-active-text-success:active { color: var(--quanta-text-success); }
.disabled-text-success:disabled { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-disabled-text-success:disabled { color: var(--quanta-text-success); }
.focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
.focus-within-text-success:focus-within { color: var(--quanta-text-success); }
html[data-theme="dark"] .dark-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
.group:hover .group-hover-text-success { color: var(--quanta-text-success); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-success { color: var(--quanta-text-success); }
.text-warning { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-text-warning { color: var(--quanta-text-warning); }
.hover-text-warning:hover { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-hover-text-warning:hover { color: var(--quanta-text-warning); }
.focus-text-warning:focus { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-focus-text-warning:focus { color: var(--quanta-text-warning); }
.active-text-warning:active { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-active-text-warning:active { color: var(--quanta-text-warning); }
.disabled-text-warning:disabled { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
.focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
html[data-theme="dark"] .dark-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
.group:hover .group-hover-text-warning { color: var(--quanta-text-warning); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-warning { color: var(--quanta-text-warning); }
.text-danger { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-text-danger { color: var(--quanta-text-danger); }
.hover-text-danger:hover { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-hover-text-danger:hover { color: var(--quanta-text-danger); }
.focus-text-danger:focus { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-focus-text-danger:focus { color: var(--quanta-text-danger); }
.active-text-danger:active { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-active-text-danger:active { color: var(--quanta-text-danger); }
.disabled-text-danger:disabled { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
.focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
html[data-theme="dark"] .dark-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
.group:hover .group-hover-text-danger { color: var(--quanta-text-danger); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-danger { color: var(--quanta-text-danger); }
.text-info { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-text-info { color: var(--quanta-text-info); }
.hover-text-info:hover { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-hover-text-info:hover { color: var(--quanta-text-info); }
.focus-text-info:focus { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-focus-text-info:focus { color: var(--quanta-text-info); }
.active-text-info:active { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-active-text-info:active { color: var(--quanta-text-info); }
.disabled-text-info:disabled { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-disabled-text-info:disabled { color: var(--quanta-text-info); }
.focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
.focus-within-text-info:focus-within { color: var(--quanta-text-info); }
html[data-theme="dark"] .dark-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
.group:hover .group-hover-text-info { color: var(--quanta-text-info); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-info { color: var(--quanta-text-info); }
.text-neutral { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-text-neutral { color: var(--quanta-text-neutral); }
.hover-text-neutral:hover { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
.focus-text-neutral:focus { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
.active-text-neutral:active { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-active-text-neutral:active { color: var(--quanta-text-neutral); }
.disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
.focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
.focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .dark-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
.group:hover .group-hover-text-neutral { color: var(--quanta-text-neutral); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-neutral { color: var(--quanta-text-neutral); }
.text-accent { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-text-accent { color: var(--quanta-text-accent); }
.hover-text-accent:hover { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-hover-text-accent:hover { color: var(--quanta-text-accent); }
.focus-text-accent:focus { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-focus-text-accent:focus { color: var(--quanta-text-accent); }
.active-text-accent:active { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-active-text-accent:active { color: var(--quanta-text-accent); }
.disabled-text-accent:disabled { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
.focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
.focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
html[data-theme="dark"] .dark-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
.group:hover .group-hover-text-accent { color: var(--quanta-text-accent); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-accent { color: var(--quanta-text-accent); }
.text-ghost { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-text-ghost { color: var(--quanta-text-ghost); }
.hover-text-ghost:hover { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
.focus-text-ghost:focus { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
.active-text-ghost:active { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-active-text-ghost:active { color: var(--quanta-text-ghost); }
.disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
.focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
.focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .dark-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
.group:hover .group-hover-text-ghost { color: var(--quanta-text-ghost); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-ghost { color: var(--quanta-text-ghost); }
.text-link { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-text-link { color: var(--quanta-text-link); }
.hover-text-link:hover { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-hover-text-link:hover { color: var(--quanta-text-link); }
.focus-text-link:focus { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-text-link:focus { color: var(--quanta-text-link); }
.active-text-link:active { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-active-text-link:active { color: var(--quanta-text-link); }
.disabled-text-link:disabled { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-disabled-text-link:disabled { color: var(--quanta-text-link); }
.focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
.focus-within-text-link:focus-within { color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
.group:hover .group-hover-text-link { color: var(--quanta-text-link); }
html[data-theme="dark"] .group:hover .dark-group-hover-text-link { color: var(--quanta-text-link); }
.border-primary { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-border-primary { border-color: var(--quanta-border-primary); }
.hover-border-primary:hover { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
.focus-border-primary:focus { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
.active-border-primary:active { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-active-border-primary:active { border-color: var(--quanta-border-primary); }
.disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
.focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
.focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .dark-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
.group:hover .group-hover-border-primary { border-color: var(--quanta-border-primary); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-primary { border-color: var(--quanta-border-primary); }
.border-secondary { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-border-secondary { border-color: var(--quanta-border-secondary); }
.hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.active-border-secondary:active { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
.focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .dark-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
.group:hover .group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
.border-success { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-border-success { border-color: var(--quanta-border-success); }
.hover-border-success:hover { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-hover-border-success:hover { border-color: var(--quanta-border-success); }
.focus-border-success:focus { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-focus-border-success:focus { border-color: var(--quanta-border-success); }
.active-border-success:active { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-active-border-success:active { border-color: var(--quanta-border-success); }
.disabled-border-success:disabled { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
.focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .dark-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
.group:hover .group-hover-border-success { border-color: var(--quanta-border-success); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-success { border-color: var(--quanta-border-success); }
.border-warning { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-border-warning { border-color: var(--quanta-border-warning); }
.hover-border-warning:hover { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.focus-border-warning:focus { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.active-border-warning:active { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-active-border-warning:active { border-color: var(--quanta-border-warning); }
.disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
.focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .dark-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
.group:hover .group-hover-border-warning { border-color: var(--quanta-border-warning); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-warning { border-color: var(--quanta-border-warning); }
.border-danger { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-border-danger { border-color: var(--quanta-border-danger); }
.hover-border-danger:hover { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.focus-border-danger:focus { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.active-border-danger:active { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-active-border-danger:active { border-color: var(--quanta-border-danger); }
.disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
.focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .dark-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
.group:hover .group-hover-border-danger { border-color: var(--quanta-border-danger); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-danger { border-color: var(--quanta-border-danger); }
.border-info { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-border-info { border-color: var(--quanta-border-info); }
.hover-border-info:hover { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-hover-border-info:hover { border-color: var(--quanta-border-info); }
.focus-border-info:focus { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-focus-border-info:focus { border-color: var(--quanta-border-info); }
.active-border-info:active { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-active-border-info:active { border-color: var(--quanta-border-info); }
.disabled-border-info:disabled { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
.focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
.focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .dark-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
.group:hover .group-hover-border-info { border-color: var(--quanta-border-info); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-info { border-color: var(--quanta-border-info); }
.border-neutral { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-border-neutral { border-color: var(--quanta-border-neutral); }
.hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
.focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
.active-border-neutral:active { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
.disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
.focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
.focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .dark-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
.group:hover .group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
.border-accent { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-border-accent { border-color: var(--quanta-border-accent); }
.hover-border-accent:hover { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
.focus-border-accent:focus { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
.active-border-accent:active { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-active-border-accent:active { border-color: var(--quanta-border-accent); }
.disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
.focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
.focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .dark-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
.group:hover .group-hover-border-accent { border-color: var(--quanta-border-accent); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-accent { border-color: var(--quanta-border-accent); }
.border-ghost { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-border-ghost { border-color: var(--quanta-border-ghost); }
.hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
.focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
.active-border-ghost:active { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
.disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
.focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
.focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .dark-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
.group:hover .group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
.border-link { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-border-link { border-color: var(--quanta-text-link); }
.hover-border-link:hover { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-hover-border-link:hover { border-color: var(--quanta-text-link); }
.focus-border-link:focus { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-border-link:focus { border-color: var(--quanta-text-link); }
.active-border-link:active { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-active-border-link:active { border-color: var(--quanta-text-link); }
.disabled-border-link:disabled { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
.focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
.focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .dark-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
.group:hover .group-hover-border-link { border-color: var(--quanta-text-link); }
html[data-theme="dark"] .group:hover .dark-group-hover-border-link { border-color: var(--quanta-text-link); }

/* Responsive Variants */

@media (min-width: 480px) {
  .sm-p-auto { padding: auto; }
  .sm-hover-p-auto:hover { padding: auto; }
  .sm-focus-p-auto:focus { padding: auto; }
  .sm-active-p-auto:active { padding: auto; }
  .sm-disabled-p-auto:disabled { padding: auto; }
  .sm-focus-visible-p-auto:focus-visible { padding: auto; }
  .sm-focus-within-p-auto:focus-within { padding: auto; }
  .sm-group:hover .sm-group-hover-p-auto { padding: auto; }
  .sm-p-0 { padding: 0; }
  .sm-hover-p-0:hover { padding: 0; }
  .sm-focus-p-0:focus { padding: 0; }
  .sm-active-p-0:active { padding: 0; }
  .sm-disabled-p-0:disabled { padding: 0; }
  .sm-focus-visible-p-0:focus-visible { padding: 0; }
  .sm-focus-within-p-0:focus-within { padding: 0; }
  .sm-group:hover .sm-group-hover-p-0 { padding: 0; }
  .sm-p-1 { padding: 0.25rem; }
  .sm-hover-p-1:hover { padding: 0.25rem; }
  .sm-focus-p-1:focus { padding: 0.25rem; }
  .sm-active-p-1:active { padding: 0.25rem; }
  .sm-disabled-p-1:disabled { padding: 0.25rem; }
  .sm-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  .sm-focus-within-p-1:focus-within { padding: 0.25rem; }
  .sm-group:hover .sm-group-hover-p-1 { padding: 0.25rem; }
  .sm-p-2 { padding: 0.5rem; }
  .sm-hover-p-2:hover { padding: 0.5rem; }
  .sm-focus-p-2:focus { padding: 0.5rem; }
  .sm-active-p-2:active { padding: 0.5rem; }
  .sm-disabled-p-2:disabled { padding: 0.5rem; }
  .sm-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  .sm-focus-within-p-2:focus-within { padding: 0.5rem; }
  .sm-group:hover .sm-group-hover-p-2 { padding: 0.5rem; }
  .sm-p-3 { padding: 0.75rem; }
  .sm-hover-p-3:hover { padding: 0.75rem; }
  .sm-focus-p-3:focus { padding: 0.75rem; }
  .sm-active-p-3:active { padding: 0.75rem; }
  .sm-disabled-p-3:disabled { padding: 0.75rem; }
  .sm-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  .sm-focus-within-p-3:focus-within { padding: 0.75rem; }
  .sm-group:hover .sm-group-hover-p-3 { padding: 0.75rem; }
  .sm-p-4 { padding: 1rem; }
  .sm-hover-p-4:hover { padding: 1rem; }
  .sm-focus-p-4:focus { padding: 1rem; }
  .sm-active-p-4:active { padding: 1rem; }
  .sm-disabled-p-4:disabled { padding: 1rem; }
  .sm-focus-visible-p-4:focus-visible { padding: 1rem; }
  .sm-focus-within-p-4:focus-within { padding: 1rem; }
  .sm-group:hover .sm-group-hover-p-4 { padding: 1rem; }
  .sm-p-5 { padding: 1.25rem; }
  .sm-hover-p-5:hover { padding: 1.25rem; }
  .sm-focus-p-5:focus { padding: 1.25rem; }
  .sm-active-p-5:active { padding: 1.25rem; }
  .sm-disabled-p-5:disabled { padding: 1.25rem; }
  .sm-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  .sm-focus-within-p-5:focus-within { padding: 1.25rem; }
  .sm-group:hover .sm-group-hover-p-5 { padding: 1.25rem; }
  .sm-p-6 { padding: 1.5rem; }
  .sm-hover-p-6:hover { padding: 1.5rem; }
  .sm-focus-p-6:focus { padding: 1.5rem; }
  .sm-active-p-6:active { padding: 1.5rem; }
  .sm-disabled-p-6:disabled { padding: 1.5rem; }
  .sm-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  .sm-focus-within-p-6:focus-within { padding: 1.5rem; }
  .sm-group:hover .sm-group-hover-p-6 { padding: 1.5rem; }
  .sm-p-8 { padding: 2rem; }
  .sm-hover-p-8:hover { padding: 2rem; }
  .sm-focus-p-8:focus { padding: 2rem; }
  .sm-active-p-8:active { padding: 2rem; }
  .sm-disabled-p-8:disabled { padding: 2rem; }
  .sm-focus-visible-p-8:focus-visible { padding: 2rem; }
  .sm-focus-within-p-8:focus-within { padding: 2rem; }
  .sm-group:hover .sm-group-hover-p-8 { padding: 2rem; }
  .sm-p-10 { padding: 2.5rem; }
  .sm-hover-p-10:hover { padding: 2.5rem; }
  .sm-focus-p-10:focus { padding: 2.5rem; }
  .sm-active-p-10:active { padding: 2.5rem; }
  .sm-disabled-p-10:disabled { padding: 2.5rem; }
  .sm-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  .sm-focus-within-p-10:focus-within { padding: 2.5rem; }
  .sm-group:hover .sm-group-hover-p-10 { padding: 2.5rem; }
  .sm-p-12 { padding: 3rem; }
  .sm-hover-p-12:hover { padding: 3rem; }
  .sm-focus-p-12:focus { padding: 3rem; }
  .sm-active-p-12:active { padding: 3rem; }
  .sm-disabled-p-12:disabled { padding: 3rem; }
  .sm-focus-visible-p-12:focus-visible { padding: 3rem; }
  .sm-focus-within-p-12:focus-within { padding: 3rem; }
  .sm-group:hover .sm-group-hover-p-12 { padding: 3rem; }
  .sm-p-16 { padding: 4rem; }
  .sm-hover-p-16:hover { padding: 4rem; }
  .sm-focus-p-16:focus { padding: 4rem; }
  .sm-active-p-16:active { padding: 4rem; }
  .sm-disabled-p-16:disabled { padding: 4rem; }
  .sm-focus-visible-p-16:focus-visible { padding: 4rem; }
  .sm-focus-within-p-16:focus-within { padding: 4rem; }
  .sm-group:hover .sm-group-hover-p-16 { padding: 4rem; }
  .sm-p-20 { padding: 5rem; }
  .sm-hover-p-20:hover { padding: 5rem; }
  .sm-focus-p-20:focus { padding: 5rem; }
  .sm-active-p-20:active { padding: 5rem; }
  .sm-disabled-p-20:disabled { padding: 5rem; }
  .sm-focus-visible-p-20:focus-visible { padding: 5rem; }
  .sm-focus-within-p-20:focus-within { padding: 5rem; }
  .sm-group:hover .sm-group-hover-p-20 { padding: 5rem; }
  .sm-p-24 { padding: 6rem; }
  .sm-hover-p-24:hover { padding: 6rem; }
  .sm-focus-p-24:focus { padding: 6rem; }
  .sm-active-p-24:active { padding: 6rem; }
  .sm-disabled-p-24:disabled { padding: 6rem; }
  .sm-focus-visible-p-24:focus-visible { padding: 6rem; }
  .sm-focus-within-p-24:focus-within { padding: 6rem; }
  .sm-group:hover .sm-group-hover-p-24 { padding: 6rem; }
  .sm-p-28 { padding: 7rem; }
  .sm-hover-p-28:hover { padding: 7rem; }
  .sm-focus-p-28:focus { padding: 7rem; }
  .sm-active-p-28:active { padding: 7rem; }
  .sm-disabled-p-28:disabled { padding: 7rem; }
  .sm-focus-visible-p-28:focus-visible { padding: 7rem; }
  .sm-focus-within-p-28:focus-within { padding: 7rem; }
  .sm-group:hover .sm-group-hover-p-28 { padding: 7rem; }
  .sm-p-32 { padding: 8rem; }
  .sm-hover-p-32:hover { padding: 8rem; }
  .sm-focus-p-32:focus { padding: 8rem; }
  .sm-active-p-32:active { padding: 8rem; }
  .sm-disabled-p-32:disabled { padding: 8rem; }
  .sm-focus-visible-p-32:focus-visible { padding: 8rem; }
  .sm-focus-within-p-32:focus-within { padding: 8rem; }
  .sm-group:hover .sm-group-hover-p-32 { padding: 8rem; }
  .sm-pt-auto { padding-top: auto; }
  .sm-hover-pt-auto:hover { padding-top: auto; }
  .sm-focus-pt-auto:focus { padding-top: auto; }
  .sm-active-pt-auto:active { padding-top: auto; }
  .sm-disabled-pt-auto:disabled { padding-top: auto; }
  .sm-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  .sm-focus-within-pt-auto:focus-within { padding-top: auto; }
  .sm-group:hover .sm-group-hover-pt-auto { padding-top: auto; }
  .sm-pt-0 { padding-top: 0; }
  .sm-hover-pt-0:hover { padding-top: 0; }
  .sm-focus-pt-0:focus { padding-top: 0; }
  .sm-active-pt-0:active { padding-top: 0; }
  .sm-disabled-pt-0:disabled { padding-top: 0; }
  .sm-focus-visible-pt-0:focus-visible { padding-top: 0; }
  .sm-focus-within-pt-0:focus-within { padding-top: 0; }
  .sm-group:hover .sm-group-hover-pt-0 { padding-top: 0; }
  .sm-pt-1 { padding-top: 0.25rem; }
  .sm-hover-pt-1:hover { padding-top: 0.25rem; }
  .sm-focus-pt-1:focus { padding-top: 0.25rem; }
  .sm-active-pt-1:active { padding-top: 0.25rem; }
  .sm-disabled-pt-1:disabled { padding-top: 0.25rem; }
  .sm-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  .sm-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  .sm-group:hover .sm-group-hover-pt-1 { padding-top: 0.25rem; }
  .sm-pt-2 { padding-top: 0.5rem; }
  .sm-hover-pt-2:hover { padding-top: 0.5rem; }
  .sm-focus-pt-2:focus { padding-top: 0.5rem; }
  .sm-active-pt-2:active { padding-top: 0.5rem; }
  .sm-disabled-pt-2:disabled { padding-top: 0.5rem; }
  .sm-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  .sm-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  .sm-group:hover .sm-group-hover-pt-2 { padding-top: 0.5rem; }
  .sm-pt-3 { padding-top: 0.75rem; }
  .sm-hover-pt-3:hover { padding-top: 0.75rem; }
  .sm-focus-pt-3:focus { padding-top: 0.75rem; }
  .sm-active-pt-3:active { padding-top: 0.75rem; }
  .sm-disabled-pt-3:disabled { padding-top: 0.75rem; }
  .sm-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  .sm-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  .sm-group:hover .sm-group-hover-pt-3 { padding-top: 0.75rem; }
  .sm-pt-4 { padding-top: 1rem; }
  .sm-hover-pt-4:hover { padding-top: 1rem; }
  .sm-focus-pt-4:focus { padding-top: 1rem; }
  .sm-active-pt-4:active { padding-top: 1rem; }
  .sm-disabled-pt-4:disabled { padding-top: 1rem; }
  .sm-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  .sm-focus-within-pt-4:focus-within { padding-top: 1rem; }
  .sm-group:hover .sm-group-hover-pt-4 { padding-top: 1rem; }
  .sm-pt-5 { padding-top: 1.25rem; }
  .sm-hover-pt-5:hover { padding-top: 1.25rem; }
  .sm-focus-pt-5:focus { padding-top: 1.25rem; }
  .sm-active-pt-5:active { padding-top: 1.25rem; }
  .sm-disabled-pt-5:disabled { padding-top: 1.25rem; }
  .sm-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  .sm-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  .sm-group:hover .sm-group-hover-pt-5 { padding-top: 1.25rem; }
  .sm-pt-6 { padding-top: 1.5rem; }
  .sm-hover-pt-6:hover { padding-top: 1.5rem; }
  .sm-focus-pt-6:focus { padding-top: 1.5rem; }
  .sm-active-pt-6:active { padding-top: 1.5rem; }
  .sm-disabled-pt-6:disabled { padding-top: 1.5rem; }
  .sm-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  .sm-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  .sm-group:hover .sm-group-hover-pt-6 { padding-top: 1.5rem; }
  .sm-pt-8 { padding-top: 2rem; }
  .sm-hover-pt-8:hover { padding-top: 2rem; }
  .sm-focus-pt-8:focus { padding-top: 2rem; }
  .sm-active-pt-8:active { padding-top: 2rem; }
  .sm-disabled-pt-8:disabled { padding-top: 2rem; }
  .sm-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  .sm-focus-within-pt-8:focus-within { padding-top: 2rem; }
  .sm-group:hover .sm-group-hover-pt-8 { padding-top: 2rem; }
  .sm-pt-10 { padding-top: 2.5rem; }
  .sm-hover-pt-10:hover { padding-top: 2.5rem; }
  .sm-focus-pt-10:focus { padding-top: 2.5rem; }
  .sm-active-pt-10:active { padding-top: 2.5rem; }
  .sm-disabled-pt-10:disabled { padding-top: 2.5rem; }
  .sm-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  .sm-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  .sm-group:hover .sm-group-hover-pt-10 { padding-top: 2.5rem; }
  .sm-pt-12 { padding-top: 3rem; }
  .sm-hover-pt-12:hover { padding-top: 3rem; }
  .sm-focus-pt-12:focus { padding-top: 3rem; }
  .sm-active-pt-12:active { padding-top: 3rem; }
  .sm-disabled-pt-12:disabled { padding-top: 3rem; }
  .sm-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  .sm-focus-within-pt-12:focus-within { padding-top: 3rem; }
  .sm-group:hover .sm-group-hover-pt-12 { padding-top: 3rem; }
  .sm-pt-16 { padding-top: 4rem; }
  .sm-hover-pt-16:hover { padding-top: 4rem; }
  .sm-focus-pt-16:focus { padding-top: 4rem; }
  .sm-active-pt-16:active { padding-top: 4rem; }
  .sm-disabled-pt-16:disabled { padding-top: 4rem; }
  .sm-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  .sm-focus-within-pt-16:focus-within { padding-top: 4rem; }
  .sm-group:hover .sm-group-hover-pt-16 { padding-top: 4rem; }
  .sm-pt-20 { padding-top: 5rem; }
  .sm-hover-pt-20:hover { padding-top: 5rem; }
  .sm-focus-pt-20:focus { padding-top: 5rem; }
  .sm-active-pt-20:active { padding-top: 5rem; }
  .sm-disabled-pt-20:disabled { padding-top: 5rem; }
  .sm-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  .sm-focus-within-pt-20:focus-within { padding-top: 5rem; }
  .sm-group:hover .sm-group-hover-pt-20 { padding-top: 5rem; }
  .sm-pt-24 { padding-top: 6rem; }
  .sm-hover-pt-24:hover { padding-top: 6rem; }
  .sm-focus-pt-24:focus { padding-top: 6rem; }
  .sm-active-pt-24:active { padding-top: 6rem; }
  .sm-disabled-pt-24:disabled { padding-top: 6rem; }
  .sm-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  .sm-focus-within-pt-24:focus-within { padding-top: 6rem; }
  .sm-group:hover .sm-group-hover-pt-24 { padding-top: 6rem; }
  .sm-pt-28 { padding-top: 7rem; }
  .sm-hover-pt-28:hover { padding-top: 7rem; }
  .sm-focus-pt-28:focus { padding-top: 7rem; }
  .sm-active-pt-28:active { padding-top: 7rem; }
  .sm-disabled-pt-28:disabled { padding-top: 7rem; }
  .sm-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  .sm-focus-within-pt-28:focus-within { padding-top: 7rem; }
  .sm-group:hover .sm-group-hover-pt-28 { padding-top: 7rem; }
  .sm-pt-32 { padding-top: 8rem; }
  .sm-hover-pt-32:hover { padding-top: 8rem; }
  .sm-focus-pt-32:focus { padding-top: 8rem; }
  .sm-active-pt-32:active { padding-top: 8rem; }
  .sm-disabled-pt-32:disabled { padding-top: 8rem; }
  .sm-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  .sm-focus-within-pt-32:focus-within { padding-top: 8rem; }
  .sm-group:hover .sm-group-hover-pt-32 { padding-top: 8rem; }
  .sm-pb-auto { padding-bottom: auto; }
  .sm-hover-pb-auto:hover { padding-bottom: auto; }
  .sm-focus-pb-auto:focus { padding-bottom: auto; }
  .sm-active-pb-auto:active { padding-bottom: auto; }
  .sm-disabled-pb-auto:disabled { padding-bottom: auto; }
  .sm-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  .sm-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  .sm-group:hover .sm-group-hover-pb-auto { padding-bottom: auto; }
  .sm-pb-0 { padding-bottom: 0; }
  .sm-hover-pb-0:hover { padding-bottom: 0; }
  .sm-focus-pb-0:focus { padding-bottom: 0; }
  .sm-active-pb-0:active { padding-bottom: 0; }
  .sm-disabled-pb-0:disabled { padding-bottom: 0; }
  .sm-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  .sm-focus-within-pb-0:focus-within { padding-bottom: 0; }
  .sm-group:hover .sm-group-hover-pb-0 { padding-bottom: 0; }
  .sm-pb-1 { padding-bottom: 0.25rem; }
  .sm-hover-pb-1:hover { padding-bottom: 0.25rem; }
  .sm-focus-pb-1:focus { padding-bottom: 0.25rem; }
  .sm-active-pb-1:active { padding-bottom: 0.25rem; }
  .sm-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  .sm-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  .sm-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  .sm-group:hover .sm-group-hover-pb-1 { padding-bottom: 0.25rem; }
  .sm-pb-2 { padding-bottom: 0.5rem; }
  .sm-hover-pb-2:hover { padding-bottom: 0.5rem; }
  .sm-focus-pb-2:focus { padding-bottom: 0.5rem; }
  .sm-active-pb-2:active { padding-bottom: 0.5rem; }
  .sm-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  .sm-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  .sm-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  .sm-group:hover .sm-group-hover-pb-2 { padding-bottom: 0.5rem; }
  .sm-pb-3 { padding-bottom: 0.75rem; }
  .sm-hover-pb-3:hover { padding-bottom: 0.75rem; }
  .sm-focus-pb-3:focus { padding-bottom: 0.75rem; }
  .sm-active-pb-3:active { padding-bottom: 0.75rem; }
  .sm-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  .sm-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  .sm-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  .sm-group:hover .sm-group-hover-pb-3 { padding-bottom: 0.75rem; }
  .sm-pb-4 { padding-bottom: 1rem; }
  .sm-hover-pb-4:hover { padding-bottom: 1rem; }
  .sm-focus-pb-4:focus { padding-bottom: 1rem; }
  .sm-active-pb-4:active { padding-bottom: 1rem; }
  .sm-disabled-pb-4:disabled { padding-bottom: 1rem; }
  .sm-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  .sm-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  .sm-group:hover .sm-group-hover-pb-4 { padding-bottom: 1rem; }
  .sm-pb-5 { padding-bottom: 1.25rem; }
  .sm-hover-pb-5:hover { padding-bottom: 1.25rem; }
  .sm-focus-pb-5:focus { padding-bottom: 1.25rem; }
  .sm-active-pb-5:active { padding-bottom: 1.25rem; }
  .sm-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  .sm-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  .sm-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  .sm-group:hover .sm-group-hover-pb-5 { padding-bottom: 1.25rem; }
  .sm-pb-6 { padding-bottom: 1.5rem; }
  .sm-hover-pb-6:hover { padding-bottom: 1.5rem; }
  .sm-focus-pb-6:focus { padding-bottom: 1.5rem; }
  .sm-active-pb-6:active { padding-bottom: 1.5rem; }
  .sm-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  .sm-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  .sm-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  .sm-group:hover .sm-group-hover-pb-6 { padding-bottom: 1.5rem; }
  .sm-pb-8 { padding-bottom: 2rem; }
  .sm-hover-pb-8:hover { padding-bottom: 2rem; }
  .sm-focus-pb-8:focus { padding-bottom: 2rem; }
  .sm-active-pb-8:active { padding-bottom: 2rem; }
  .sm-disabled-pb-8:disabled { padding-bottom: 2rem; }
  .sm-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  .sm-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  .sm-group:hover .sm-group-hover-pb-8 { padding-bottom: 2rem; }
  .sm-pb-10 { padding-bottom: 2.5rem; }
  .sm-hover-pb-10:hover { padding-bottom: 2.5rem; }
  .sm-focus-pb-10:focus { padding-bottom: 2.5rem; }
  .sm-active-pb-10:active { padding-bottom: 2.5rem; }
  .sm-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  .sm-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  .sm-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  .sm-group:hover .sm-group-hover-pb-10 { padding-bottom: 2.5rem; }
  .sm-pb-12 { padding-bottom: 3rem; }
  .sm-hover-pb-12:hover { padding-bottom: 3rem; }
  .sm-focus-pb-12:focus { padding-bottom: 3rem; }
  .sm-active-pb-12:active { padding-bottom: 3rem; }
  .sm-disabled-pb-12:disabled { padding-bottom: 3rem; }
  .sm-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  .sm-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  .sm-group:hover .sm-group-hover-pb-12 { padding-bottom: 3rem; }
  .sm-pb-16 { padding-bottom: 4rem; }
  .sm-hover-pb-16:hover { padding-bottom: 4rem; }
  .sm-focus-pb-16:focus { padding-bottom: 4rem; }
  .sm-active-pb-16:active { padding-bottom: 4rem; }
  .sm-disabled-pb-16:disabled { padding-bottom: 4rem; }
  .sm-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  .sm-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  .sm-group:hover .sm-group-hover-pb-16 { padding-bottom: 4rem; }
  .sm-pb-20 { padding-bottom: 5rem; }
  .sm-hover-pb-20:hover { padding-bottom: 5rem; }
  .sm-focus-pb-20:focus { padding-bottom: 5rem; }
  .sm-active-pb-20:active { padding-bottom: 5rem; }
  .sm-disabled-pb-20:disabled { padding-bottom: 5rem; }
  .sm-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  .sm-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  .sm-group:hover .sm-group-hover-pb-20 { padding-bottom: 5rem; }
  .sm-pb-24 { padding-bottom: 6rem; }
  .sm-hover-pb-24:hover { padding-bottom: 6rem; }
  .sm-focus-pb-24:focus { padding-bottom: 6rem; }
  .sm-active-pb-24:active { padding-bottom: 6rem; }
  .sm-disabled-pb-24:disabled { padding-bottom: 6rem; }
  .sm-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  .sm-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  .sm-group:hover .sm-group-hover-pb-24 { padding-bottom: 6rem; }
  .sm-pb-28 { padding-bottom: 7rem; }
  .sm-hover-pb-28:hover { padding-bottom: 7rem; }
  .sm-focus-pb-28:focus { padding-bottom: 7rem; }
  .sm-active-pb-28:active { padding-bottom: 7rem; }
  .sm-disabled-pb-28:disabled { padding-bottom: 7rem; }
  .sm-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  .sm-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  .sm-group:hover .sm-group-hover-pb-28 { padding-bottom: 7rem; }
  .sm-pb-32 { padding-bottom: 8rem; }
  .sm-hover-pb-32:hover { padding-bottom: 8rem; }
  .sm-focus-pb-32:focus { padding-bottom: 8rem; }
  .sm-active-pb-32:active { padding-bottom: 8rem; }
  .sm-disabled-pb-32:disabled { padding-bottom: 8rem; }
  .sm-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  .sm-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  .sm-group:hover .sm-group-hover-pb-32 { padding-bottom: 8rem; }
  .sm-pl-auto { padding-left: auto; }
  .sm-hover-pl-auto:hover { padding-left: auto; }
  .sm-focus-pl-auto:focus { padding-left: auto; }
  .sm-active-pl-auto:active { padding-left: auto; }
  .sm-disabled-pl-auto:disabled { padding-left: auto; }
  .sm-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  .sm-focus-within-pl-auto:focus-within { padding-left: auto; }
  .sm-group:hover .sm-group-hover-pl-auto { padding-left: auto; }
  .sm-pl-0 { padding-left: 0; }
  .sm-hover-pl-0:hover { padding-left: 0; }
  .sm-focus-pl-0:focus { padding-left: 0; }
  .sm-active-pl-0:active { padding-left: 0; }
  .sm-disabled-pl-0:disabled { padding-left: 0; }
  .sm-focus-visible-pl-0:focus-visible { padding-left: 0; }
  .sm-focus-within-pl-0:focus-within { padding-left: 0; }
  .sm-group:hover .sm-group-hover-pl-0 { padding-left: 0; }
  .sm-pl-1 { padding-left: 0.25rem; }
  .sm-hover-pl-1:hover { padding-left: 0.25rem; }
  .sm-focus-pl-1:focus { padding-left: 0.25rem; }
  .sm-active-pl-1:active { padding-left: 0.25rem; }
  .sm-disabled-pl-1:disabled { padding-left: 0.25rem; }
  .sm-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  .sm-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  .sm-group:hover .sm-group-hover-pl-1 { padding-left: 0.25rem; }
  .sm-pl-2 { padding-left: 0.5rem; }
  .sm-hover-pl-2:hover { padding-left: 0.5rem; }
  .sm-focus-pl-2:focus { padding-left: 0.5rem; }
  .sm-active-pl-2:active { padding-left: 0.5rem; }
  .sm-disabled-pl-2:disabled { padding-left: 0.5rem; }
  .sm-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  .sm-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  .sm-group:hover .sm-group-hover-pl-2 { padding-left: 0.5rem; }
  .sm-pl-3 { padding-left: 0.75rem; }
  .sm-hover-pl-3:hover { padding-left: 0.75rem; }
  .sm-focus-pl-3:focus { padding-left: 0.75rem; }
  .sm-active-pl-3:active { padding-left: 0.75rem; }
  .sm-disabled-pl-3:disabled { padding-left: 0.75rem; }
  .sm-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  .sm-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  .sm-group:hover .sm-group-hover-pl-3 { padding-left: 0.75rem; }
  .sm-pl-4 { padding-left: 1rem; }
  .sm-hover-pl-4:hover { padding-left: 1rem; }
  .sm-focus-pl-4:focus { padding-left: 1rem; }
  .sm-active-pl-4:active { padding-left: 1rem; }
  .sm-disabled-pl-4:disabled { padding-left: 1rem; }
  .sm-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  .sm-focus-within-pl-4:focus-within { padding-left: 1rem; }
  .sm-group:hover .sm-group-hover-pl-4 { padding-left: 1rem; }
  .sm-pl-5 { padding-left: 1.25rem; }
  .sm-hover-pl-5:hover { padding-left: 1.25rem; }
  .sm-focus-pl-5:focus { padding-left: 1.25rem; }
  .sm-active-pl-5:active { padding-left: 1.25rem; }
  .sm-disabled-pl-5:disabled { padding-left: 1.25rem; }
  .sm-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  .sm-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  .sm-group:hover .sm-group-hover-pl-5 { padding-left: 1.25rem; }
  .sm-pl-6 { padding-left: 1.5rem; }
  .sm-hover-pl-6:hover { padding-left: 1.5rem; }
  .sm-focus-pl-6:focus { padding-left: 1.5rem; }
  .sm-active-pl-6:active { padding-left: 1.5rem; }
  .sm-disabled-pl-6:disabled { padding-left: 1.5rem; }
  .sm-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  .sm-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  .sm-group:hover .sm-group-hover-pl-6 { padding-left: 1.5rem; }
  .sm-pl-8 { padding-left: 2rem; }
  .sm-hover-pl-8:hover { padding-left: 2rem; }
  .sm-focus-pl-8:focus { padding-left: 2rem; }
  .sm-active-pl-8:active { padding-left: 2rem; }
  .sm-disabled-pl-8:disabled { padding-left: 2rem; }
  .sm-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  .sm-focus-within-pl-8:focus-within { padding-left: 2rem; }
  .sm-group:hover .sm-group-hover-pl-8 { padding-left: 2rem; }
  .sm-pl-10 { padding-left: 2.5rem; }
  .sm-hover-pl-10:hover { padding-left: 2.5rem; }
  .sm-focus-pl-10:focus { padding-left: 2.5rem; }
  .sm-active-pl-10:active { padding-left: 2.5rem; }
  .sm-disabled-pl-10:disabled { padding-left: 2.5rem; }
  .sm-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  .sm-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  .sm-group:hover .sm-group-hover-pl-10 { padding-left: 2.5rem; }
  .sm-pl-12 { padding-left: 3rem; }
  .sm-hover-pl-12:hover { padding-left: 3rem; }
  .sm-focus-pl-12:focus { padding-left: 3rem; }
  .sm-active-pl-12:active { padding-left: 3rem; }
  .sm-disabled-pl-12:disabled { padding-left: 3rem; }
  .sm-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  .sm-focus-within-pl-12:focus-within { padding-left: 3rem; }
  .sm-group:hover .sm-group-hover-pl-12 { padding-left: 3rem; }
  .sm-pl-16 { padding-left: 4rem; }
  .sm-hover-pl-16:hover { padding-left: 4rem; }
  .sm-focus-pl-16:focus { padding-left: 4rem; }
  .sm-active-pl-16:active { padding-left: 4rem; }
  .sm-disabled-pl-16:disabled { padding-left: 4rem; }
  .sm-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  .sm-focus-within-pl-16:focus-within { padding-left: 4rem; }
  .sm-group:hover .sm-group-hover-pl-16 { padding-left: 4rem; }
  .sm-pl-20 { padding-left: 5rem; }
  .sm-hover-pl-20:hover { padding-left: 5rem; }
  .sm-focus-pl-20:focus { padding-left: 5rem; }
  .sm-active-pl-20:active { padding-left: 5rem; }
  .sm-disabled-pl-20:disabled { padding-left: 5rem; }
  .sm-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  .sm-focus-within-pl-20:focus-within { padding-left: 5rem; }
  .sm-group:hover .sm-group-hover-pl-20 { padding-left: 5rem; }
  .sm-pl-24 { padding-left: 6rem; }
  .sm-hover-pl-24:hover { padding-left: 6rem; }
  .sm-focus-pl-24:focus { padding-left: 6rem; }
  .sm-active-pl-24:active { padding-left: 6rem; }
  .sm-disabled-pl-24:disabled { padding-left: 6rem; }
  .sm-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  .sm-focus-within-pl-24:focus-within { padding-left: 6rem; }
  .sm-group:hover .sm-group-hover-pl-24 { padding-left: 6rem; }
  .sm-pl-28 { padding-left: 7rem; }
  .sm-hover-pl-28:hover { padding-left: 7rem; }
  .sm-focus-pl-28:focus { padding-left: 7rem; }
  .sm-active-pl-28:active { padding-left: 7rem; }
  .sm-disabled-pl-28:disabled { padding-left: 7rem; }
  .sm-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  .sm-focus-within-pl-28:focus-within { padding-left: 7rem; }
  .sm-group:hover .sm-group-hover-pl-28 { padding-left: 7rem; }
  .sm-pl-32 { padding-left: 8rem; }
  .sm-hover-pl-32:hover { padding-left: 8rem; }
  .sm-focus-pl-32:focus { padding-left: 8rem; }
  .sm-active-pl-32:active { padding-left: 8rem; }
  .sm-disabled-pl-32:disabled { padding-left: 8rem; }
  .sm-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  .sm-focus-within-pl-32:focus-within { padding-left: 8rem; }
  .sm-group:hover .sm-group-hover-pl-32 { padding-left: 8rem; }
  .sm-pr-auto { padding-right: auto; }
  .sm-hover-pr-auto:hover { padding-right: auto; }
  .sm-focus-pr-auto:focus { padding-right: auto; }
  .sm-active-pr-auto:active { padding-right: auto; }
  .sm-disabled-pr-auto:disabled { padding-right: auto; }
  .sm-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  .sm-focus-within-pr-auto:focus-within { padding-right: auto; }
  .sm-group:hover .sm-group-hover-pr-auto { padding-right: auto; }
  .sm-pr-0 { padding-right: 0; }
  .sm-hover-pr-0:hover { padding-right: 0; }
  .sm-focus-pr-0:focus { padding-right: 0; }
  .sm-active-pr-0:active { padding-right: 0; }
  .sm-disabled-pr-0:disabled { padding-right: 0; }
  .sm-focus-visible-pr-0:focus-visible { padding-right: 0; }
  .sm-focus-within-pr-0:focus-within { padding-right: 0; }
  .sm-group:hover .sm-group-hover-pr-0 { padding-right: 0; }
  .sm-pr-1 { padding-right: 0.25rem; }
  .sm-hover-pr-1:hover { padding-right: 0.25rem; }
  .sm-focus-pr-1:focus { padding-right: 0.25rem; }
  .sm-active-pr-1:active { padding-right: 0.25rem; }
  .sm-disabled-pr-1:disabled { padding-right: 0.25rem; }
  .sm-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  .sm-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  .sm-group:hover .sm-group-hover-pr-1 { padding-right: 0.25rem; }
  .sm-pr-2 { padding-right: 0.5rem; }
  .sm-hover-pr-2:hover { padding-right: 0.5rem; }
  .sm-focus-pr-2:focus { padding-right: 0.5rem; }
  .sm-active-pr-2:active { padding-right: 0.5rem; }
  .sm-disabled-pr-2:disabled { padding-right: 0.5rem; }
  .sm-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  .sm-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  .sm-group:hover .sm-group-hover-pr-2 { padding-right: 0.5rem; }
  .sm-pr-3 { padding-right: 0.75rem; }
  .sm-hover-pr-3:hover { padding-right: 0.75rem; }
  .sm-focus-pr-3:focus { padding-right: 0.75rem; }
  .sm-active-pr-3:active { padding-right: 0.75rem; }
  .sm-disabled-pr-3:disabled { padding-right: 0.75rem; }
  .sm-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  .sm-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  .sm-group:hover .sm-group-hover-pr-3 { padding-right: 0.75rem; }
  .sm-pr-4 { padding-right: 1rem; }
  .sm-hover-pr-4:hover { padding-right: 1rem; }
  .sm-focus-pr-4:focus { padding-right: 1rem; }
  .sm-active-pr-4:active { padding-right: 1rem; }
  .sm-disabled-pr-4:disabled { padding-right: 1rem; }
  .sm-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  .sm-focus-within-pr-4:focus-within { padding-right: 1rem; }
  .sm-group:hover .sm-group-hover-pr-4 { padding-right: 1rem; }
  .sm-pr-5 { padding-right: 1.25rem; }
  .sm-hover-pr-5:hover { padding-right: 1.25rem; }
  .sm-focus-pr-5:focus { padding-right: 1.25rem; }
  .sm-active-pr-5:active { padding-right: 1.25rem; }
  .sm-disabled-pr-5:disabled { padding-right: 1.25rem; }
  .sm-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  .sm-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  .sm-group:hover .sm-group-hover-pr-5 { padding-right: 1.25rem; }
  .sm-pr-6 { padding-right: 1.5rem; }
  .sm-hover-pr-6:hover { padding-right: 1.5rem; }
  .sm-focus-pr-6:focus { padding-right: 1.5rem; }
  .sm-active-pr-6:active { padding-right: 1.5rem; }
  .sm-disabled-pr-6:disabled { padding-right: 1.5rem; }
  .sm-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  .sm-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  .sm-group:hover .sm-group-hover-pr-6 { padding-right: 1.5rem; }
  .sm-pr-8 { padding-right: 2rem; }
  .sm-hover-pr-8:hover { padding-right: 2rem; }
  .sm-focus-pr-8:focus { padding-right: 2rem; }
  .sm-active-pr-8:active { padding-right: 2rem; }
  .sm-disabled-pr-8:disabled { padding-right: 2rem; }
  .sm-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  .sm-focus-within-pr-8:focus-within { padding-right: 2rem; }
  .sm-group:hover .sm-group-hover-pr-8 { padding-right: 2rem; }
  .sm-pr-10 { padding-right: 2.5rem; }
  .sm-hover-pr-10:hover { padding-right: 2.5rem; }
  .sm-focus-pr-10:focus { padding-right: 2.5rem; }
  .sm-active-pr-10:active { padding-right: 2.5rem; }
  .sm-disabled-pr-10:disabled { padding-right: 2.5rem; }
  .sm-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  .sm-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  .sm-group:hover .sm-group-hover-pr-10 { padding-right: 2.5rem; }
  .sm-pr-12 { padding-right: 3rem; }
  .sm-hover-pr-12:hover { padding-right: 3rem; }
  .sm-focus-pr-12:focus { padding-right: 3rem; }
  .sm-active-pr-12:active { padding-right: 3rem; }
  .sm-disabled-pr-12:disabled { padding-right: 3rem; }
  .sm-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  .sm-focus-within-pr-12:focus-within { padding-right: 3rem; }
  .sm-group:hover .sm-group-hover-pr-12 { padding-right: 3rem; }
  .sm-pr-16 { padding-right: 4rem; }
  .sm-hover-pr-16:hover { padding-right: 4rem; }
  .sm-focus-pr-16:focus { padding-right: 4rem; }
  .sm-active-pr-16:active { padding-right: 4rem; }
  .sm-disabled-pr-16:disabled { padding-right: 4rem; }
  .sm-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  .sm-focus-within-pr-16:focus-within { padding-right: 4rem; }
  .sm-group:hover .sm-group-hover-pr-16 { padding-right: 4rem; }
  .sm-pr-20 { padding-right: 5rem; }
  .sm-hover-pr-20:hover { padding-right: 5rem; }
  .sm-focus-pr-20:focus { padding-right: 5rem; }
  .sm-active-pr-20:active { padding-right: 5rem; }
  .sm-disabled-pr-20:disabled { padding-right: 5rem; }
  .sm-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  .sm-focus-within-pr-20:focus-within { padding-right: 5rem; }
  .sm-group:hover .sm-group-hover-pr-20 { padding-right: 5rem; }
  .sm-pr-24 { padding-right: 6rem; }
  .sm-hover-pr-24:hover { padding-right: 6rem; }
  .sm-focus-pr-24:focus { padding-right: 6rem; }
  .sm-active-pr-24:active { padding-right: 6rem; }
  .sm-disabled-pr-24:disabled { padding-right: 6rem; }
  .sm-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  .sm-focus-within-pr-24:focus-within { padding-right: 6rem; }
  .sm-group:hover .sm-group-hover-pr-24 { padding-right: 6rem; }
  .sm-pr-28 { padding-right: 7rem; }
  .sm-hover-pr-28:hover { padding-right: 7rem; }
  .sm-focus-pr-28:focus { padding-right: 7rem; }
  .sm-active-pr-28:active { padding-right: 7rem; }
  .sm-disabled-pr-28:disabled { padding-right: 7rem; }
  .sm-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  .sm-focus-within-pr-28:focus-within { padding-right: 7rem; }
  .sm-group:hover .sm-group-hover-pr-28 { padding-right: 7rem; }
  .sm-pr-32 { padding-right: 8rem; }
  .sm-hover-pr-32:hover { padding-right: 8rem; }
  .sm-focus-pr-32:focus { padding-right: 8rem; }
  .sm-active-pr-32:active { padding-right: 8rem; }
  .sm-disabled-pr-32:disabled { padding-right: 8rem; }
  .sm-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  .sm-focus-within-pr-32:focus-within { padding-right: 8rem; }
  .sm-group:hover .sm-group-hover-pr-32 { padding-right: 8rem; }
  .sm-px-auto { padding-left: auto; padding-right: auto; }
  .sm-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  .sm-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  .sm-active-px-auto:active { padding-left: auto; padding-right: auto; }
  .sm-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  .sm-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  .sm-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  .sm-group:hover .sm-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  .sm-px-0 { padding-left: 0; padding-right: 0; }
  .sm-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  .sm-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  .sm-active-px-0:active { padding-left: 0; padding-right: 0; }
  .sm-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  .sm-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  .sm-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  .sm-group:hover .sm-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  .sm-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-group:hover .sm-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-group:hover .sm-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-group:hover .sm-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  .sm-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  .sm-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  .sm-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  .sm-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  .sm-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  .sm-group:hover .sm-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-group:hover .sm-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-group:hover .sm-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .sm-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  .sm-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  .sm-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  .sm-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  .sm-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  .sm-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  .sm-group:hover .sm-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .sm-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-group:hover .sm-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .sm-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  .sm-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  .sm-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  .sm-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  .sm-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  .sm-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  .sm-group:hover .sm-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .sm-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .sm-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  .sm-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  .sm-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  .sm-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  .sm-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  .sm-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  .sm-group:hover .sm-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .sm-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .sm-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  .sm-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  .sm-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  .sm-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  .sm-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  .sm-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  .sm-group:hover .sm-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .sm-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .sm-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  .sm-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  .sm-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  .sm-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  .sm-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  .sm-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  .sm-group:hover .sm-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .sm-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .sm-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  .sm-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  .sm-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  .sm-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  .sm-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  .sm-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  .sm-group:hover .sm-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .sm-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .sm-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  .sm-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  .sm-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  .sm-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  .sm-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  .sm-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  .sm-group:hover .sm-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .sm-py-auto { padding-top: auto; padding-bottom: auto; }
  .sm-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  .sm-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  .sm-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  .sm-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  .sm-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  .sm-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  .sm-group:hover .sm-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  .sm-py-0 { padding-top: 0; padding-bottom: 0; }
  .sm-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  .sm-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  .sm-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  .sm-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  .sm-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  .sm-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  .sm-group:hover .sm-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  .sm-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-group:hover .sm-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-group:hover .sm-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-group:hover .sm-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-group:hover .sm-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-group:hover .sm-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-group:hover .sm-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-group:hover .sm-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .sm-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-group:hover .sm-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-group:hover .sm-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-group:hover .sm-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .sm-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-group:hover .sm-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .sm-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-group:hover .sm-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .sm-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-group:hover .sm-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .sm-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-group:hover .sm-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .sm-m-auto { margin: auto; }
  .sm-hover-m-auto:hover { margin: auto; }
  .sm-focus-m-auto:focus { margin: auto; }
  .sm-active-m-auto:active { margin: auto; }
  .sm-disabled-m-auto:disabled { margin: auto; }
  .sm-focus-visible-m-auto:focus-visible { margin: auto; }
  .sm-focus-within-m-auto:focus-within { margin: auto; }
  .sm-group:hover .sm-group-hover-m-auto { margin: auto; }
  .sm-m-0 { margin: 0; }
  .sm-hover-m-0:hover { margin: 0; }
  .sm-focus-m-0:focus { margin: 0; }
  .sm-active-m-0:active { margin: 0; }
  .sm-disabled-m-0:disabled { margin: 0; }
  .sm-focus-visible-m-0:focus-visible { margin: 0; }
  .sm-focus-within-m-0:focus-within { margin: 0; }
  .sm-group:hover .sm-group-hover-m-0 { margin: 0; }
  .sm-m-1 { margin: 0.25rem; }
  .sm-hover-m-1:hover { margin: 0.25rem; }
  .sm-focus-m-1:focus { margin: 0.25rem; }
  .sm-active-m-1:active { margin: 0.25rem; }
  .sm-disabled-m-1:disabled { margin: 0.25rem; }
  .sm-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  .sm-focus-within-m-1:focus-within { margin: 0.25rem; }
  .sm-group:hover .sm-group-hover-m-1 { margin: 0.25rem; }
  .sm-m-2 { margin: 0.5rem; }
  .sm-hover-m-2:hover { margin: 0.5rem; }
  .sm-focus-m-2:focus { margin: 0.5rem; }
  .sm-active-m-2:active { margin: 0.5rem; }
  .sm-disabled-m-2:disabled { margin: 0.5rem; }
  .sm-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  .sm-focus-within-m-2:focus-within { margin: 0.5rem; }
  .sm-group:hover .sm-group-hover-m-2 { margin: 0.5rem; }
  .sm-m-3 { margin: 0.75rem; }
  .sm-hover-m-3:hover { margin: 0.75rem; }
  .sm-focus-m-3:focus { margin: 0.75rem; }
  .sm-active-m-3:active { margin: 0.75rem; }
  .sm-disabled-m-3:disabled { margin: 0.75rem; }
  .sm-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  .sm-focus-within-m-3:focus-within { margin: 0.75rem; }
  .sm-group:hover .sm-group-hover-m-3 { margin: 0.75rem; }
  .sm-m-4 { margin: 1rem; }
  .sm-hover-m-4:hover { margin: 1rem; }
  .sm-focus-m-4:focus { margin: 1rem; }
  .sm-active-m-4:active { margin: 1rem; }
  .sm-disabled-m-4:disabled { margin: 1rem; }
  .sm-focus-visible-m-4:focus-visible { margin: 1rem; }
  .sm-focus-within-m-4:focus-within { margin: 1rem; }
  .sm-group:hover .sm-group-hover-m-4 { margin: 1rem; }
  .sm-m-5 { margin: 1.25rem; }
  .sm-hover-m-5:hover { margin: 1.25rem; }
  .sm-focus-m-5:focus { margin: 1.25rem; }
  .sm-active-m-5:active { margin: 1.25rem; }
  .sm-disabled-m-5:disabled { margin: 1.25rem; }
  .sm-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  .sm-focus-within-m-5:focus-within { margin: 1.25rem; }
  .sm-group:hover .sm-group-hover-m-5 { margin: 1.25rem; }
  .sm-m-6 { margin: 1.5rem; }
  .sm-hover-m-6:hover { margin: 1.5rem; }
  .sm-focus-m-6:focus { margin: 1.5rem; }
  .sm-active-m-6:active { margin: 1.5rem; }
  .sm-disabled-m-6:disabled { margin: 1.5rem; }
  .sm-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  .sm-focus-within-m-6:focus-within { margin: 1.5rem; }
  .sm-group:hover .sm-group-hover-m-6 { margin: 1.5rem; }
  .sm-m-8 { margin: 2rem; }
  .sm-hover-m-8:hover { margin: 2rem; }
  .sm-focus-m-8:focus { margin: 2rem; }
  .sm-active-m-8:active { margin: 2rem; }
  .sm-disabled-m-8:disabled { margin: 2rem; }
  .sm-focus-visible-m-8:focus-visible { margin: 2rem; }
  .sm-focus-within-m-8:focus-within { margin: 2rem; }
  .sm-group:hover .sm-group-hover-m-8 { margin: 2rem; }
  .sm-m-10 { margin: 2.5rem; }
  .sm-hover-m-10:hover { margin: 2.5rem; }
  .sm-focus-m-10:focus { margin: 2.5rem; }
  .sm-active-m-10:active { margin: 2.5rem; }
  .sm-disabled-m-10:disabled { margin: 2.5rem; }
  .sm-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  .sm-focus-within-m-10:focus-within { margin: 2.5rem; }
  .sm-group:hover .sm-group-hover-m-10 { margin: 2.5rem; }
  .sm-m-12 { margin: 3rem; }
  .sm-hover-m-12:hover { margin: 3rem; }
  .sm-focus-m-12:focus { margin: 3rem; }
  .sm-active-m-12:active { margin: 3rem; }
  .sm-disabled-m-12:disabled { margin: 3rem; }
  .sm-focus-visible-m-12:focus-visible { margin: 3rem; }
  .sm-focus-within-m-12:focus-within { margin: 3rem; }
  .sm-group:hover .sm-group-hover-m-12 { margin: 3rem; }
  .sm-m-16 { margin: 4rem; }
  .sm-hover-m-16:hover { margin: 4rem; }
  .sm-focus-m-16:focus { margin: 4rem; }
  .sm-active-m-16:active { margin: 4rem; }
  .sm-disabled-m-16:disabled { margin: 4rem; }
  .sm-focus-visible-m-16:focus-visible { margin: 4rem; }
  .sm-focus-within-m-16:focus-within { margin: 4rem; }
  .sm-group:hover .sm-group-hover-m-16 { margin: 4rem; }
  .sm-m-20 { margin: 5rem; }
  .sm-hover-m-20:hover { margin: 5rem; }
  .sm-focus-m-20:focus { margin: 5rem; }
  .sm-active-m-20:active { margin: 5rem; }
  .sm-disabled-m-20:disabled { margin: 5rem; }
  .sm-focus-visible-m-20:focus-visible { margin: 5rem; }
  .sm-focus-within-m-20:focus-within { margin: 5rem; }
  .sm-group:hover .sm-group-hover-m-20 { margin: 5rem; }
  .sm-m-24 { margin: 6rem; }
  .sm-hover-m-24:hover { margin: 6rem; }
  .sm-focus-m-24:focus { margin: 6rem; }
  .sm-active-m-24:active { margin: 6rem; }
  .sm-disabled-m-24:disabled { margin: 6rem; }
  .sm-focus-visible-m-24:focus-visible { margin: 6rem; }
  .sm-focus-within-m-24:focus-within { margin: 6rem; }
  .sm-group:hover .sm-group-hover-m-24 { margin: 6rem; }
  .sm-m-28 { margin: 7rem; }
  .sm-hover-m-28:hover { margin: 7rem; }
  .sm-focus-m-28:focus { margin: 7rem; }
  .sm-active-m-28:active { margin: 7rem; }
  .sm-disabled-m-28:disabled { margin: 7rem; }
  .sm-focus-visible-m-28:focus-visible { margin: 7rem; }
  .sm-focus-within-m-28:focus-within { margin: 7rem; }
  .sm-group:hover .sm-group-hover-m-28 { margin: 7rem; }
  .sm-m-32 { margin: 8rem; }
  .sm-hover-m-32:hover { margin: 8rem; }
  .sm-focus-m-32:focus { margin: 8rem; }
  .sm-active-m-32:active { margin: 8rem; }
  .sm-disabled-m-32:disabled { margin: 8rem; }
  .sm-focus-visible-m-32:focus-visible { margin: 8rem; }
  .sm-focus-within-m-32:focus-within { margin: 8rem; }
  .sm-group:hover .sm-group-hover-m-32 { margin: 8rem; }
  .sm-mt-auto { margin-top: auto; }
  .sm-hover-mt-auto:hover { margin-top: auto; }
  .sm-focus-mt-auto:focus { margin-top: auto; }
  .sm-active-mt-auto:active { margin-top: auto; }
  .sm-disabled-mt-auto:disabled { margin-top: auto; }
  .sm-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  .sm-focus-within-mt-auto:focus-within { margin-top: auto; }
  .sm-group:hover .sm-group-hover-mt-auto { margin-top: auto; }
  .sm-mt-0 { margin-top: 0; }
  .sm-hover-mt-0:hover { margin-top: 0; }
  .sm-focus-mt-0:focus { margin-top: 0; }
  .sm-active-mt-0:active { margin-top: 0; }
  .sm-disabled-mt-0:disabled { margin-top: 0; }
  .sm-focus-visible-mt-0:focus-visible { margin-top: 0; }
  .sm-focus-within-mt-0:focus-within { margin-top: 0; }
  .sm-group:hover .sm-group-hover-mt-0 { margin-top: 0; }
  .sm-mt-1 { margin-top: 0.25rem; }
  .sm-hover-mt-1:hover { margin-top: 0.25rem; }
  .sm-focus-mt-1:focus { margin-top: 0.25rem; }
  .sm-active-mt-1:active { margin-top: 0.25rem; }
  .sm-disabled-mt-1:disabled { margin-top: 0.25rem; }
  .sm-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  .sm-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  .sm-group:hover .sm-group-hover-mt-1 { margin-top: 0.25rem; }
  .sm-mt-2 { margin-top: 0.5rem; }
  .sm-hover-mt-2:hover { margin-top: 0.5rem; }
  .sm-focus-mt-2:focus { margin-top: 0.5rem; }
  .sm-active-mt-2:active { margin-top: 0.5rem; }
  .sm-disabled-mt-2:disabled { margin-top: 0.5rem; }
  .sm-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  .sm-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  .sm-group:hover .sm-group-hover-mt-2 { margin-top: 0.5rem; }
  .sm-mt-3 { margin-top: 0.75rem; }
  .sm-hover-mt-3:hover { margin-top: 0.75rem; }
  .sm-focus-mt-3:focus { margin-top: 0.75rem; }
  .sm-active-mt-3:active { margin-top: 0.75rem; }
  .sm-disabled-mt-3:disabled { margin-top: 0.75rem; }
  .sm-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  .sm-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  .sm-group:hover .sm-group-hover-mt-3 { margin-top: 0.75rem; }
  .sm-mt-4 { margin-top: 1rem; }
  .sm-hover-mt-4:hover { margin-top: 1rem; }
  .sm-focus-mt-4:focus { margin-top: 1rem; }
  .sm-active-mt-4:active { margin-top: 1rem; }
  .sm-disabled-mt-4:disabled { margin-top: 1rem; }
  .sm-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  .sm-focus-within-mt-4:focus-within { margin-top: 1rem; }
  .sm-group:hover .sm-group-hover-mt-4 { margin-top: 1rem; }
  .sm-mt-5 { margin-top: 1.25rem; }
  .sm-hover-mt-5:hover { margin-top: 1.25rem; }
  .sm-focus-mt-5:focus { margin-top: 1.25rem; }
  .sm-active-mt-5:active { margin-top: 1.25rem; }
  .sm-disabled-mt-5:disabled { margin-top: 1.25rem; }
  .sm-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  .sm-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  .sm-group:hover .sm-group-hover-mt-5 { margin-top: 1.25rem; }
  .sm-mt-6 { margin-top: 1.5rem; }
  .sm-hover-mt-6:hover { margin-top: 1.5rem; }
  .sm-focus-mt-6:focus { margin-top: 1.5rem; }
  .sm-active-mt-6:active { margin-top: 1.5rem; }
  .sm-disabled-mt-6:disabled { margin-top: 1.5rem; }
  .sm-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  .sm-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  .sm-group:hover .sm-group-hover-mt-6 { margin-top: 1.5rem; }
  .sm-mt-8 { margin-top: 2rem; }
  .sm-hover-mt-8:hover { margin-top: 2rem; }
  .sm-focus-mt-8:focus { margin-top: 2rem; }
  .sm-active-mt-8:active { margin-top: 2rem; }
  .sm-disabled-mt-8:disabled { margin-top: 2rem; }
  .sm-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  .sm-focus-within-mt-8:focus-within { margin-top: 2rem; }
  .sm-group:hover .sm-group-hover-mt-8 { margin-top: 2rem; }
  .sm-mt-10 { margin-top: 2.5rem; }
  .sm-hover-mt-10:hover { margin-top: 2.5rem; }
  .sm-focus-mt-10:focus { margin-top: 2.5rem; }
  .sm-active-mt-10:active { margin-top: 2.5rem; }
  .sm-disabled-mt-10:disabled { margin-top: 2.5rem; }
  .sm-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  .sm-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  .sm-group:hover .sm-group-hover-mt-10 { margin-top: 2.5rem; }
  .sm-mt-12 { margin-top: 3rem; }
  .sm-hover-mt-12:hover { margin-top: 3rem; }
  .sm-focus-mt-12:focus { margin-top: 3rem; }
  .sm-active-mt-12:active { margin-top: 3rem; }
  .sm-disabled-mt-12:disabled { margin-top: 3rem; }
  .sm-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  .sm-focus-within-mt-12:focus-within { margin-top: 3rem; }
  .sm-group:hover .sm-group-hover-mt-12 { margin-top: 3rem; }
  .sm-mt-16 { margin-top: 4rem; }
  .sm-hover-mt-16:hover { margin-top: 4rem; }
  .sm-focus-mt-16:focus { margin-top: 4rem; }
  .sm-active-mt-16:active { margin-top: 4rem; }
  .sm-disabled-mt-16:disabled { margin-top: 4rem; }
  .sm-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  .sm-focus-within-mt-16:focus-within { margin-top: 4rem; }
  .sm-group:hover .sm-group-hover-mt-16 { margin-top: 4rem; }
  .sm-mt-20 { margin-top: 5rem; }
  .sm-hover-mt-20:hover { margin-top: 5rem; }
  .sm-focus-mt-20:focus { margin-top: 5rem; }
  .sm-active-mt-20:active { margin-top: 5rem; }
  .sm-disabled-mt-20:disabled { margin-top: 5rem; }
  .sm-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  .sm-focus-within-mt-20:focus-within { margin-top: 5rem; }
  .sm-group:hover .sm-group-hover-mt-20 { margin-top: 5rem; }
  .sm-mt-24 { margin-top: 6rem; }
  .sm-hover-mt-24:hover { margin-top: 6rem; }
  .sm-focus-mt-24:focus { margin-top: 6rem; }
  .sm-active-mt-24:active { margin-top: 6rem; }
  .sm-disabled-mt-24:disabled { margin-top: 6rem; }
  .sm-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  .sm-focus-within-mt-24:focus-within { margin-top: 6rem; }
  .sm-group:hover .sm-group-hover-mt-24 { margin-top: 6rem; }
  .sm-mt-28 { margin-top: 7rem; }
  .sm-hover-mt-28:hover { margin-top: 7rem; }
  .sm-focus-mt-28:focus { margin-top: 7rem; }
  .sm-active-mt-28:active { margin-top: 7rem; }
  .sm-disabled-mt-28:disabled { margin-top: 7rem; }
  .sm-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  .sm-focus-within-mt-28:focus-within { margin-top: 7rem; }
  .sm-group:hover .sm-group-hover-mt-28 { margin-top: 7rem; }
  .sm-mt-32 { margin-top: 8rem; }
  .sm-hover-mt-32:hover { margin-top: 8rem; }
  .sm-focus-mt-32:focus { margin-top: 8rem; }
  .sm-active-mt-32:active { margin-top: 8rem; }
  .sm-disabled-mt-32:disabled { margin-top: 8rem; }
  .sm-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  .sm-focus-within-mt-32:focus-within { margin-top: 8rem; }
  .sm-group:hover .sm-group-hover-mt-32 { margin-top: 8rem; }
  .sm-mb-auto { margin-bottom: auto; }
  .sm-hover-mb-auto:hover { margin-bottom: auto; }
  .sm-focus-mb-auto:focus { margin-bottom: auto; }
  .sm-active-mb-auto:active { margin-bottom: auto; }
  .sm-disabled-mb-auto:disabled { margin-bottom: auto; }
  .sm-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  .sm-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  .sm-group:hover .sm-group-hover-mb-auto { margin-bottom: auto; }
  .sm-mb-0 { margin-bottom: 0; }
  .sm-hover-mb-0:hover { margin-bottom: 0; }
  .sm-focus-mb-0:focus { margin-bottom: 0; }
  .sm-active-mb-0:active { margin-bottom: 0; }
  .sm-disabled-mb-0:disabled { margin-bottom: 0; }
  .sm-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  .sm-focus-within-mb-0:focus-within { margin-bottom: 0; }
  .sm-group:hover .sm-group-hover-mb-0 { margin-bottom: 0; }
  .sm-mb-1 { margin-bottom: 0.25rem; }
  .sm-hover-mb-1:hover { margin-bottom: 0.25rem; }
  .sm-focus-mb-1:focus { margin-bottom: 0.25rem; }
  .sm-active-mb-1:active { margin-bottom: 0.25rem; }
  .sm-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  .sm-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  .sm-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  .sm-group:hover .sm-group-hover-mb-1 { margin-bottom: 0.25rem; }
  .sm-mb-2 { margin-bottom: 0.5rem; }
  .sm-hover-mb-2:hover { margin-bottom: 0.5rem; }
  .sm-focus-mb-2:focus { margin-bottom: 0.5rem; }
  .sm-active-mb-2:active { margin-bottom: 0.5rem; }
  .sm-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  .sm-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  .sm-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  .sm-group:hover .sm-group-hover-mb-2 { margin-bottom: 0.5rem; }
  .sm-mb-3 { margin-bottom: 0.75rem; }
  .sm-hover-mb-3:hover { margin-bottom: 0.75rem; }
  .sm-focus-mb-3:focus { margin-bottom: 0.75rem; }
  .sm-active-mb-3:active { margin-bottom: 0.75rem; }
  .sm-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  .sm-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  .sm-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  .sm-group:hover .sm-group-hover-mb-3 { margin-bottom: 0.75rem; }
  .sm-mb-4 { margin-bottom: 1rem; }
  .sm-hover-mb-4:hover { margin-bottom: 1rem; }
  .sm-focus-mb-4:focus { margin-bottom: 1rem; }
  .sm-active-mb-4:active { margin-bottom: 1rem; }
  .sm-disabled-mb-4:disabled { margin-bottom: 1rem; }
  .sm-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  .sm-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  .sm-group:hover .sm-group-hover-mb-4 { margin-bottom: 1rem; }
  .sm-mb-5 { margin-bottom: 1.25rem; }
  .sm-hover-mb-5:hover { margin-bottom: 1.25rem; }
  .sm-focus-mb-5:focus { margin-bottom: 1.25rem; }
  .sm-active-mb-5:active { margin-bottom: 1.25rem; }
  .sm-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  .sm-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  .sm-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  .sm-group:hover .sm-group-hover-mb-5 { margin-bottom: 1.25rem; }
  .sm-mb-6 { margin-bottom: 1.5rem; }
  .sm-hover-mb-6:hover { margin-bottom: 1.5rem; }
  .sm-focus-mb-6:focus { margin-bottom: 1.5rem; }
  .sm-active-mb-6:active { margin-bottom: 1.5rem; }
  .sm-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  .sm-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  .sm-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  .sm-group:hover .sm-group-hover-mb-6 { margin-bottom: 1.5rem; }
  .sm-mb-8 { margin-bottom: 2rem; }
  .sm-hover-mb-8:hover { margin-bottom: 2rem; }
  .sm-focus-mb-8:focus { margin-bottom: 2rem; }
  .sm-active-mb-8:active { margin-bottom: 2rem; }
  .sm-disabled-mb-8:disabled { margin-bottom: 2rem; }
  .sm-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  .sm-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  .sm-group:hover .sm-group-hover-mb-8 { margin-bottom: 2rem; }
  .sm-mb-10 { margin-bottom: 2.5rem; }
  .sm-hover-mb-10:hover { margin-bottom: 2.5rem; }
  .sm-focus-mb-10:focus { margin-bottom: 2.5rem; }
  .sm-active-mb-10:active { margin-bottom: 2.5rem; }
  .sm-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  .sm-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  .sm-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  .sm-group:hover .sm-group-hover-mb-10 { margin-bottom: 2.5rem; }
  .sm-mb-12 { margin-bottom: 3rem; }
  .sm-hover-mb-12:hover { margin-bottom: 3rem; }
  .sm-focus-mb-12:focus { margin-bottom: 3rem; }
  .sm-active-mb-12:active { margin-bottom: 3rem; }
  .sm-disabled-mb-12:disabled { margin-bottom: 3rem; }
  .sm-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  .sm-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  .sm-group:hover .sm-group-hover-mb-12 { margin-bottom: 3rem; }
  .sm-mb-16 { margin-bottom: 4rem; }
  .sm-hover-mb-16:hover { margin-bottom: 4rem; }
  .sm-focus-mb-16:focus { margin-bottom: 4rem; }
  .sm-active-mb-16:active { margin-bottom: 4rem; }
  .sm-disabled-mb-16:disabled { margin-bottom: 4rem; }
  .sm-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  .sm-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  .sm-group:hover .sm-group-hover-mb-16 { margin-bottom: 4rem; }
  .sm-mb-20 { margin-bottom: 5rem; }
  .sm-hover-mb-20:hover { margin-bottom: 5rem; }
  .sm-focus-mb-20:focus { margin-bottom: 5rem; }
  .sm-active-mb-20:active { margin-bottom: 5rem; }
  .sm-disabled-mb-20:disabled { margin-bottom: 5rem; }
  .sm-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  .sm-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  .sm-group:hover .sm-group-hover-mb-20 { margin-bottom: 5rem; }
  .sm-mb-24 { margin-bottom: 6rem; }
  .sm-hover-mb-24:hover { margin-bottom: 6rem; }
  .sm-focus-mb-24:focus { margin-bottom: 6rem; }
  .sm-active-mb-24:active { margin-bottom: 6rem; }
  .sm-disabled-mb-24:disabled { margin-bottom: 6rem; }
  .sm-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  .sm-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  .sm-group:hover .sm-group-hover-mb-24 { margin-bottom: 6rem; }
  .sm-mb-28 { margin-bottom: 7rem; }
  .sm-hover-mb-28:hover { margin-bottom: 7rem; }
  .sm-focus-mb-28:focus { margin-bottom: 7rem; }
  .sm-active-mb-28:active { margin-bottom: 7rem; }
  .sm-disabled-mb-28:disabled { margin-bottom: 7rem; }
  .sm-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  .sm-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  .sm-group:hover .sm-group-hover-mb-28 { margin-bottom: 7rem; }
  .sm-mb-32 { margin-bottom: 8rem; }
  .sm-hover-mb-32:hover { margin-bottom: 8rem; }
  .sm-focus-mb-32:focus { margin-bottom: 8rem; }
  .sm-active-mb-32:active { margin-bottom: 8rem; }
  .sm-disabled-mb-32:disabled { margin-bottom: 8rem; }
  .sm-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  .sm-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  .sm-group:hover .sm-group-hover-mb-32 { margin-bottom: 8rem; }
  .sm-ml-auto { margin-left: auto; }
  .sm-hover-ml-auto:hover { margin-left: auto; }
  .sm-focus-ml-auto:focus { margin-left: auto; }
  .sm-active-ml-auto:active { margin-left: auto; }
  .sm-disabled-ml-auto:disabled { margin-left: auto; }
  .sm-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  .sm-focus-within-ml-auto:focus-within { margin-left: auto; }
  .sm-group:hover .sm-group-hover-ml-auto { margin-left: auto; }
  .sm-ml-0 { margin-left: 0; }
  .sm-hover-ml-0:hover { margin-left: 0; }
  .sm-focus-ml-0:focus { margin-left: 0; }
  .sm-active-ml-0:active { margin-left: 0; }
  .sm-disabled-ml-0:disabled { margin-left: 0; }
  .sm-focus-visible-ml-0:focus-visible { margin-left: 0; }
  .sm-focus-within-ml-0:focus-within { margin-left: 0; }
  .sm-group:hover .sm-group-hover-ml-0 { margin-left: 0; }
  .sm-ml-1 { margin-left: 0.25rem; }
  .sm-hover-ml-1:hover { margin-left: 0.25rem; }
  .sm-focus-ml-1:focus { margin-left: 0.25rem; }
  .sm-active-ml-1:active { margin-left: 0.25rem; }
  .sm-disabled-ml-1:disabled { margin-left: 0.25rem; }
  .sm-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  .sm-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  .sm-group:hover .sm-group-hover-ml-1 { margin-left: 0.25rem; }
  .sm-ml-2 { margin-left: 0.5rem; }
  .sm-hover-ml-2:hover { margin-left: 0.5rem; }
  .sm-focus-ml-2:focus { margin-left: 0.5rem; }
  .sm-active-ml-2:active { margin-left: 0.5rem; }
  .sm-disabled-ml-2:disabled { margin-left: 0.5rem; }
  .sm-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  .sm-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  .sm-group:hover .sm-group-hover-ml-2 { margin-left: 0.5rem; }
  .sm-ml-3 { margin-left: 0.75rem; }
  .sm-hover-ml-3:hover { margin-left: 0.75rem; }
  .sm-focus-ml-3:focus { margin-left: 0.75rem; }
  .sm-active-ml-3:active { margin-left: 0.75rem; }
  .sm-disabled-ml-3:disabled { margin-left: 0.75rem; }
  .sm-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  .sm-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  .sm-group:hover .sm-group-hover-ml-3 { margin-left: 0.75rem; }
  .sm-ml-4 { margin-left: 1rem; }
  .sm-hover-ml-4:hover { margin-left: 1rem; }
  .sm-focus-ml-4:focus { margin-left: 1rem; }
  .sm-active-ml-4:active { margin-left: 1rem; }
  .sm-disabled-ml-4:disabled { margin-left: 1rem; }
  .sm-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  .sm-focus-within-ml-4:focus-within { margin-left: 1rem; }
  .sm-group:hover .sm-group-hover-ml-4 { margin-left: 1rem; }
  .sm-ml-5 { margin-left: 1.25rem; }
  .sm-hover-ml-5:hover { margin-left: 1.25rem; }
  .sm-focus-ml-5:focus { margin-left: 1.25rem; }
  .sm-active-ml-5:active { margin-left: 1.25rem; }
  .sm-disabled-ml-5:disabled { margin-left: 1.25rem; }
  .sm-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  .sm-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  .sm-group:hover .sm-group-hover-ml-5 { margin-left: 1.25rem; }
  .sm-ml-6 { margin-left: 1.5rem; }
  .sm-hover-ml-6:hover { margin-left: 1.5rem; }
  .sm-focus-ml-6:focus { margin-left: 1.5rem; }
  .sm-active-ml-6:active { margin-left: 1.5rem; }
  .sm-disabled-ml-6:disabled { margin-left: 1.5rem; }
  .sm-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  .sm-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  .sm-group:hover .sm-group-hover-ml-6 { margin-left: 1.5rem; }
  .sm-ml-8 { margin-left: 2rem; }
  .sm-hover-ml-8:hover { margin-left: 2rem; }
  .sm-focus-ml-8:focus { margin-left: 2rem; }
  .sm-active-ml-8:active { margin-left: 2rem; }
  .sm-disabled-ml-8:disabled { margin-left: 2rem; }
  .sm-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  .sm-focus-within-ml-8:focus-within { margin-left: 2rem; }
  .sm-group:hover .sm-group-hover-ml-8 { margin-left: 2rem; }
  .sm-ml-10 { margin-left: 2.5rem; }
  .sm-hover-ml-10:hover { margin-left: 2.5rem; }
  .sm-focus-ml-10:focus { margin-left: 2.5rem; }
  .sm-active-ml-10:active { margin-left: 2.5rem; }
  .sm-disabled-ml-10:disabled { margin-left: 2.5rem; }
  .sm-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  .sm-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  .sm-group:hover .sm-group-hover-ml-10 { margin-left: 2.5rem; }
  .sm-ml-12 { margin-left: 3rem; }
  .sm-hover-ml-12:hover { margin-left: 3rem; }
  .sm-focus-ml-12:focus { margin-left: 3rem; }
  .sm-active-ml-12:active { margin-left: 3rem; }
  .sm-disabled-ml-12:disabled { margin-left: 3rem; }
  .sm-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  .sm-focus-within-ml-12:focus-within { margin-left: 3rem; }
  .sm-group:hover .sm-group-hover-ml-12 { margin-left: 3rem; }
  .sm-ml-16 { margin-left: 4rem; }
  .sm-hover-ml-16:hover { margin-left: 4rem; }
  .sm-focus-ml-16:focus { margin-left: 4rem; }
  .sm-active-ml-16:active { margin-left: 4rem; }
  .sm-disabled-ml-16:disabled { margin-left: 4rem; }
  .sm-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  .sm-focus-within-ml-16:focus-within { margin-left: 4rem; }
  .sm-group:hover .sm-group-hover-ml-16 { margin-left: 4rem; }
  .sm-ml-20 { margin-left: 5rem; }
  .sm-hover-ml-20:hover { margin-left: 5rem; }
  .sm-focus-ml-20:focus { margin-left: 5rem; }
  .sm-active-ml-20:active { margin-left: 5rem; }
  .sm-disabled-ml-20:disabled { margin-left: 5rem; }
  .sm-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  .sm-focus-within-ml-20:focus-within { margin-left: 5rem; }
  .sm-group:hover .sm-group-hover-ml-20 { margin-left: 5rem; }
  .sm-ml-24 { margin-left: 6rem; }
  .sm-hover-ml-24:hover { margin-left: 6rem; }
  .sm-focus-ml-24:focus { margin-left: 6rem; }
  .sm-active-ml-24:active { margin-left: 6rem; }
  .sm-disabled-ml-24:disabled { margin-left: 6rem; }
  .sm-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  .sm-focus-within-ml-24:focus-within { margin-left: 6rem; }
  .sm-group:hover .sm-group-hover-ml-24 { margin-left: 6rem; }
  .sm-ml-28 { margin-left: 7rem; }
  .sm-hover-ml-28:hover { margin-left: 7rem; }
  .sm-focus-ml-28:focus { margin-left: 7rem; }
  .sm-active-ml-28:active { margin-left: 7rem; }
  .sm-disabled-ml-28:disabled { margin-left: 7rem; }
  .sm-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  .sm-focus-within-ml-28:focus-within { margin-left: 7rem; }
  .sm-group:hover .sm-group-hover-ml-28 { margin-left: 7rem; }
  .sm-ml-32 { margin-left: 8rem; }
  .sm-hover-ml-32:hover { margin-left: 8rem; }
  .sm-focus-ml-32:focus { margin-left: 8rem; }
  .sm-active-ml-32:active { margin-left: 8rem; }
  .sm-disabled-ml-32:disabled { margin-left: 8rem; }
  .sm-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  .sm-focus-within-ml-32:focus-within { margin-left: 8rem; }
  .sm-group:hover .sm-group-hover-ml-32 { margin-left: 8rem; }
  .sm-mr-auto { margin-right: auto; }
  .sm-hover-mr-auto:hover { margin-right: auto; }
  .sm-focus-mr-auto:focus { margin-right: auto; }
  .sm-active-mr-auto:active { margin-right: auto; }
  .sm-disabled-mr-auto:disabled { margin-right: auto; }
  .sm-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  .sm-focus-within-mr-auto:focus-within { margin-right: auto; }
  .sm-group:hover .sm-group-hover-mr-auto { margin-right: auto; }
  .sm-mr-0 { margin-right: 0; }
  .sm-hover-mr-0:hover { margin-right: 0; }
  .sm-focus-mr-0:focus { margin-right: 0; }
  .sm-active-mr-0:active { margin-right: 0; }
  .sm-disabled-mr-0:disabled { margin-right: 0; }
  .sm-focus-visible-mr-0:focus-visible { margin-right: 0; }
  .sm-focus-within-mr-0:focus-within { margin-right: 0; }
  .sm-group:hover .sm-group-hover-mr-0 { margin-right: 0; }
  .sm-mr-1 { margin-right: 0.25rem; }
  .sm-hover-mr-1:hover { margin-right: 0.25rem; }
  .sm-focus-mr-1:focus { margin-right: 0.25rem; }
  .sm-active-mr-1:active { margin-right: 0.25rem; }
  .sm-disabled-mr-1:disabled { margin-right: 0.25rem; }
  .sm-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  .sm-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  .sm-group:hover .sm-group-hover-mr-1 { margin-right: 0.25rem; }
  .sm-mr-2 { margin-right: 0.5rem; }
  .sm-hover-mr-2:hover { margin-right: 0.5rem; }
  .sm-focus-mr-2:focus { margin-right: 0.5rem; }
  .sm-active-mr-2:active { margin-right: 0.5rem; }
  .sm-disabled-mr-2:disabled { margin-right: 0.5rem; }
  .sm-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  .sm-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  .sm-group:hover .sm-group-hover-mr-2 { margin-right: 0.5rem; }
  .sm-mr-3 { margin-right: 0.75rem; }
  .sm-hover-mr-3:hover { margin-right: 0.75rem; }
  .sm-focus-mr-3:focus { margin-right: 0.75rem; }
  .sm-active-mr-3:active { margin-right: 0.75rem; }
  .sm-disabled-mr-3:disabled { margin-right: 0.75rem; }
  .sm-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  .sm-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  .sm-group:hover .sm-group-hover-mr-3 { margin-right: 0.75rem; }
  .sm-mr-4 { margin-right: 1rem; }
  .sm-hover-mr-4:hover { margin-right: 1rem; }
  .sm-focus-mr-4:focus { margin-right: 1rem; }
  .sm-active-mr-4:active { margin-right: 1rem; }
  .sm-disabled-mr-4:disabled { margin-right: 1rem; }
  .sm-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  .sm-focus-within-mr-4:focus-within { margin-right: 1rem; }
  .sm-group:hover .sm-group-hover-mr-4 { margin-right: 1rem; }
  .sm-mr-5 { margin-right: 1.25rem; }
  .sm-hover-mr-5:hover { margin-right: 1.25rem; }
  .sm-focus-mr-5:focus { margin-right: 1.25rem; }
  .sm-active-mr-5:active { margin-right: 1.25rem; }
  .sm-disabled-mr-5:disabled { margin-right: 1.25rem; }
  .sm-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  .sm-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  .sm-group:hover .sm-group-hover-mr-5 { margin-right: 1.25rem; }
  .sm-mr-6 { margin-right: 1.5rem; }
  .sm-hover-mr-6:hover { margin-right: 1.5rem; }
  .sm-focus-mr-6:focus { margin-right: 1.5rem; }
  .sm-active-mr-6:active { margin-right: 1.5rem; }
  .sm-disabled-mr-6:disabled { margin-right: 1.5rem; }
  .sm-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  .sm-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  .sm-group:hover .sm-group-hover-mr-6 { margin-right: 1.5rem; }
  .sm-mr-8 { margin-right: 2rem; }
  .sm-hover-mr-8:hover { margin-right: 2rem; }
  .sm-focus-mr-8:focus { margin-right: 2rem; }
  .sm-active-mr-8:active { margin-right: 2rem; }
  .sm-disabled-mr-8:disabled { margin-right: 2rem; }
  .sm-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  .sm-focus-within-mr-8:focus-within { margin-right: 2rem; }
  .sm-group:hover .sm-group-hover-mr-8 { margin-right: 2rem; }
  .sm-mr-10 { margin-right: 2.5rem; }
  .sm-hover-mr-10:hover { margin-right: 2.5rem; }
  .sm-focus-mr-10:focus { margin-right: 2.5rem; }
  .sm-active-mr-10:active { margin-right: 2.5rem; }
  .sm-disabled-mr-10:disabled { margin-right: 2.5rem; }
  .sm-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  .sm-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  .sm-group:hover .sm-group-hover-mr-10 { margin-right: 2.5rem; }
  .sm-mr-12 { margin-right: 3rem; }
  .sm-hover-mr-12:hover { margin-right: 3rem; }
  .sm-focus-mr-12:focus { margin-right: 3rem; }
  .sm-active-mr-12:active { margin-right: 3rem; }
  .sm-disabled-mr-12:disabled { margin-right: 3rem; }
  .sm-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  .sm-focus-within-mr-12:focus-within { margin-right: 3rem; }
  .sm-group:hover .sm-group-hover-mr-12 { margin-right: 3rem; }
  .sm-mr-16 { margin-right: 4rem; }
  .sm-hover-mr-16:hover { margin-right: 4rem; }
  .sm-focus-mr-16:focus { margin-right: 4rem; }
  .sm-active-mr-16:active { margin-right: 4rem; }
  .sm-disabled-mr-16:disabled { margin-right: 4rem; }
  .sm-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  .sm-focus-within-mr-16:focus-within { margin-right: 4rem; }
  .sm-group:hover .sm-group-hover-mr-16 { margin-right: 4rem; }
  .sm-mr-20 { margin-right: 5rem; }
  .sm-hover-mr-20:hover { margin-right: 5rem; }
  .sm-focus-mr-20:focus { margin-right: 5rem; }
  .sm-active-mr-20:active { margin-right: 5rem; }
  .sm-disabled-mr-20:disabled { margin-right: 5rem; }
  .sm-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  .sm-focus-within-mr-20:focus-within { margin-right: 5rem; }
  .sm-group:hover .sm-group-hover-mr-20 { margin-right: 5rem; }
  .sm-mr-24 { margin-right: 6rem; }
  .sm-hover-mr-24:hover { margin-right: 6rem; }
  .sm-focus-mr-24:focus { margin-right: 6rem; }
  .sm-active-mr-24:active { margin-right: 6rem; }
  .sm-disabled-mr-24:disabled { margin-right: 6rem; }
  .sm-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  .sm-focus-within-mr-24:focus-within { margin-right: 6rem; }
  .sm-group:hover .sm-group-hover-mr-24 { margin-right: 6rem; }
  .sm-mr-28 { margin-right: 7rem; }
  .sm-hover-mr-28:hover { margin-right: 7rem; }
  .sm-focus-mr-28:focus { margin-right: 7rem; }
  .sm-active-mr-28:active { margin-right: 7rem; }
  .sm-disabled-mr-28:disabled { margin-right: 7rem; }
  .sm-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  .sm-focus-within-mr-28:focus-within { margin-right: 7rem; }
  .sm-group:hover .sm-group-hover-mr-28 { margin-right: 7rem; }
  .sm-mr-32 { margin-right: 8rem; }
  .sm-hover-mr-32:hover { margin-right: 8rem; }
  .sm-focus-mr-32:focus { margin-right: 8rem; }
  .sm-active-mr-32:active { margin-right: 8rem; }
  .sm-disabled-mr-32:disabled { margin-right: 8rem; }
  .sm-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  .sm-focus-within-mr-32:focus-within { margin-right: 8rem; }
  .sm-group:hover .sm-group-hover-mr-32 { margin-right: 8rem; }
  .sm-mx-auto { margin-left: auto; margin-right: auto; }
  .sm-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  .sm-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  .sm-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  .sm-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  .sm-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  .sm-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  .sm-group:hover .sm-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  .sm-mx-0 { margin-left: 0; margin-right: 0; }
  .sm-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  .sm-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  .sm-active-mx-0:active { margin-left: 0; margin-right: 0; }
  .sm-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  .sm-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  .sm-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  .sm-group:hover .sm-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  .sm-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-group:hover .sm-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .sm-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-group:hover .sm-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-group:hover .sm-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .sm-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  .sm-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  .sm-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  .sm-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  .sm-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  .sm-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  .sm-group:hover .sm-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .sm-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-group:hover .sm-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-group:hover .sm-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .sm-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  .sm-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  .sm-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  .sm-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  .sm-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  .sm-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  .sm-group:hover .sm-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .sm-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-group:hover .sm-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .sm-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  .sm-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  .sm-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  .sm-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  .sm-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  .sm-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  .sm-group:hover .sm-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .sm-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .sm-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  .sm-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  .sm-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  .sm-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  .sm-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  .sm-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  .sm-group:hover .sm-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .sm-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .sm-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  .sm-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  .sm-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  .sm-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  .sm-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  .sm-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  .sm-group:hover .sm-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .sm-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .sm-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  .sm-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  .sm-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  .sm-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  .sm-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  .sm-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  .sm-group:hover .sm-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .sm-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .sm-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  .sm-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  .sm-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  .sm-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  .sm-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  .sm-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  .sm-group:hover .sm-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .sm-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .sm-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  .sm-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  .sm-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  .sm-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  .sm-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  .sm-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  .sm-group:hover .sm-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .sm-my-auto { margin-top: auto; margin-bottom: auto; }
  .sm-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  .sm-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  .sm-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  .sm-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  .sm-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  .sm-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  .sm-group:hover .sm-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  .sm-my-0 { margin-top: 0; margin-bottom: 0; }
  .sm-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  .sm-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  .sm-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  .sm-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  .sm-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  .sm-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  .sm-group:hover .sm-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  .sm-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-group:hover .sm-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .sm-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-group:hover .sm-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-group:hover .sm-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-group:hover .sm-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .sm-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-group:hover .sm-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-group:hover .sm-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-group:hover .sm-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .sm-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-group:hover .sm-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .sm-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-group:hover .sm-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .sm-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-group:hover .sm-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .sm-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-group:hover .sm-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .sm-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-group:hover .sm-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .sm-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-group:hover .sm-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .sm-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-group:hover .sm-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .sm-space-x-auto { --space-x: auto; }
  .sm-hover-space-x-auto:hover { --space-x: auto; }
  .sm-focus-space-x-auto:focus { --space-x: auto; }
  .sm-active-space-x-auto:active { --space-x: auto; }
  .sm-disabled-space-x-auto:disabled { --space-x: auto; }
  .sm-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  .sm-focus-within-space-x-auto:focus-within { --space-x: auto; }
  .sm-group:hover .sm-group-hover-space-x-auto { --space-x: auto; }
  .sm-space-x-0 { --space-x: 0; }
  .sm-hover-space-x-0:hover { --space-x: 0; }
  .sm-focus-space-x-0:focus { --space-x: 0; }
  .sm-active-space-x-0:active { --space-x: 0; }
  .sm-disabled-space-x-0:disabled { --space-x: 0; }
  .sm-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  .sm-focus-within-space-x-0:focus-within { --space-x: 0; }
  .sm-group:hover .sm-group-hover-space-x-0 { --space-x: 0; }
  .sm-space-x-1 { --space-x: 0.25rem; }
  .sm-hover-space-x-1:hover { --space-x: 0.25rem; }
  .sm-focus-space-x-1:focus { --space-x: 0.25rem; }
  .sm-active-space-x-1:active { --space-x: 0.25rem; }
  .sm-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  .sm-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  .sm-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  .sm-group:hover .sm-group-hover-space-x-1 { --space-x: 0.25rem; }
  .sm-space-x-2 { --space-x: 0.5rem; }
  .sm-hover-space-x-2:hover { --space-x: 0.5rem; }
  .sm-focus-space-x-2:focus { --space-x: 0.5rem; }
  .sm-active-space-x-2:active { --space-x: 0.5rem; }
  .sm-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  .sm-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  .sm-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  .sm-group:hover .sm-group-hover-space-x-2 { --space-x: 0.5rem; }
  .sm-space-x-3 { --space-x: 0.75rem; }
  .sm-hover-space-x-3:hover { --space-x: 0.75rem; }
  .sm-focus-space-x-3:focus { --space-x: 0.75rem; }
  .sm-active-space-x-3:active { --space-x: 0.75rem; }
  .sm-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  .sm-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  .sm-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  .sm-group:hover .sm-group-hover-space-x-3 { --space-x: 0.75rem; }
  .sm-space-x-4 { --space-x: 1rem; }
  .sm-hover-space-x-4:hover { --space-x: 1rem; }
  .sm-focus-space-x-4:focus { --space-x: 1rem; }
  .sm-active-space-x-4:active { --space-x: 1rem; }
  .sm-disabled-space-x-4:disabled { --space-x: 1rem; }
  .sm-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  .sm-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  .sm-group:hover .sm-group-hover-space-x-4 { --space-x: 1rem; }
  .sm-space-x-5 { --space-x: 1.25rem; }
  .sm-hover-space-x-5:hover { --space-x: 1.25rem; }
  .sm-focus-space-x-5:focus { --space-x: 1.25rem; }
  .sm-active-space-x-5:active { --space-x: 1.25rem; }
  .sm-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  .sm-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  .sm-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  .sm-group:hover .sm-group-hover-space-x-5 { --space-x: 1.25rem; }
  .sm-space-x-6 { --space-x: 1.5rem; }
  .sm-hover-space-x-6:hover { --space-x: 1.5rem; }
  .sm-focus-space-x-6:focus { --space-x: 1.5rem; }
  .sm-active-space-x-6:active { --space-x: 1.5rem; }
  .sm-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  .sm-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  .sm-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  .sm-group:hover .sm-group-hover-space-x-6 { --space-x: 1.5rem; }
  .sm-space-x-8 { --space-x: 2rem; }
  .sm-hover-space-x-8:hover { --space-x: 2rem; }
  .sm-focus-space-x-8:focus { --space-x: 2rem; }
  .sm-active-space-x-8:active { --space-x: 2rem; }
  .sm-disabled-space-x-8:disabled { --space-x: 2rem; }
  .sm-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  .sm-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  .sm-group:hover .sm-group-hover-space-x-8 { --space-x: 2rem; }
  .sm-space-x-10 { --space-x: 2.5rem; }
  .sm-hover-space-x-10:hover { --space-x: 2.5rem; }
  .sm-focus-space-x-10:focus { --space-x: 2.5rem; }
  .sm-active-space-x-10:active { --space-x: 2.5rem; }
  .sm-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  .sm-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  .sm-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  .sm-group:hover .sm-group-hover-space-x-10 { --space-x: 2.5rem; }
  .sm-space-x-12 { --space-x: 3rem; }
  .sm-hover-space-x-12:hover { --space-x: 3rem; }
  .sm-focus-space-x-12:focus { --space-x: 3rem; }
  .sm-active-space-x-12:active { --space-x: 3rem; }
  .sm-disabled-space-x-12:disabled { --space-x: 3rem; }
  .sm-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  .sm-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  .sm-group:hover .sm-group-hover-space-x-12 { --space-x: 3rem; }
  .sm-space-x-16 { --space-x: 4rem; }
  .sm-hover-space-x-16:hover { --space-x: 4rem; }
  .sm-focus-space-x-16:focus { --space-x: 4rem; }
  .sm-active-space-x-16:active { --space-x: 4rem; }
  .sm-disabled-space-x-16:disabled { --space-x: 4rem; }
  .sm-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  .sm-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  .sm-group:hover .sm-group-hover-space-x-16 { --space-x: 4rem; }
  .sm-space-x-20 { --space-x: 5rem; }
  .sm-hover-space-x-20:hover { --space-x: 5rem; }
  .sm-focus-space-x-20:focus { --space-x: 5rem; }
  .sm-active-space-x-20:active { --space-x: 5rem; }
  .sm-disabled-space-x-20:disabled { --space-x: 5rem; }
  .sm-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  .sm-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  .sm-group:hover .sm-group-hover-space-x-20 { --space-x: 5rem; }
  .sm-space-x-24 { --space-x: 6rem; }
  .sm-hover-space-x-24:hover { --space-x: 6rem; }
  .sm-focus-space-x-24:focus { --space-x: 6rem; }
  .sm-active-space-x-24:active { --space-x: 6rem; }
  .sm-disabled-space-x-24:disabled { --space-x: 6rem; }
  .sm-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  .sm-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  .sm-group:hover .sm-group-hover-space-x-24 { --space-x: 6rem; }
  .sm-space-x-28 { --space-x: 7rem; }
  .sm-hover-space-x-28:hover { --space-x: 7rem; }
  .sm-focus-space-x-28:focus { --space-x: 7rem; }
  .sm-active-space-x-28:active { --space-x: 7rem; }
  .sm-disabled-space-x-28:disabled { --space-x: 7rem; }
  .sm-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  .sm-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  .sm-group:hover .sm-group-hover-space-x-28 { --space-x: 7rem; }
  .sm-space-x-32 { --space-x: 8rem; }
  .sm-hover-space-x-32:hover { --space-x: 8rem; }
  .sm-focus-space-x-32:focus { --space-x: 8rem; }
  .sm-active-space-x-32:active { --space-x: 8rem; }
  .sm-disabled-space-x-32:disabled { --space-x: 8rem; }
  .sm-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  .sm-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  .sm-group:hover .sm-group-hover-space-x-32 { --space-x: 8rem; }
  .sm-space-y-auto { --space-y: auto; }
  .sm-hover-space-y-auto:hover { --space-y: auto; }
  .sm-focus-space-y-auto:focus { --space-y: auto; }
  .sm-active-space-y-auto:active { --space-y: auto; }
  .sm-disabled-space-y-auto:disabled { --space-y: auto; }
  .sm-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  .sm-focus-within-space-y-auto:focus-within { --space-y: auto; }
  .sm-group:hover .sm-group-hover-space-y-auto { --space-y: auto; }
  .sm-space-y-0 { --space-y: 0; }
  .sm-hover-space-y-0:hover { --space-y: 0; }
  .sm-focus-space-y-0:focus { --space-y: 0; }
  .sm-active-space-y-0:active { --space-y: 0; }
  .sm-disabled-space-y-0:disabled { --space-y: 0; }
  .sm-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  .sm-focus-within-space-y-0:focus-within { --space-y: 0; }
  .sm-group:hover .sm-group-hover-space-y-0 { --space-y: 0; }
  .sm-space-y-1 { --space-y: 0.25rem; }
  .sm-hover-space-y-1:hover { --space-y: 0.25rem; }
  .sm-focus-space-y-1:focus { --space-y: 0.25rem; }
  .sm-active-space-y-1:active { --space-y: 0.25rem; }
  .sm-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  .sm-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  .sm-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  .sm-group:hover .sm-group-hover-space-y-1 { --space-y: 0.25rem; }
  .sm-space-y-2 { --space-y: 0.5rem; }
  .sm-hover-space-y-2:hover { --space-y: 0.5rem; }
  .sm-focus-space-y-2:focus { --space-y: 0.5rem; }
  .sm-active-space-y-2:active { --space-y: 0.5rem; }
  .sm-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  .sm-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  .sm-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  .sm-group:hover .sm-group-hover-space-y-2 { --space-y: 0.5rem; }
  .sm-space-y-3 { --space-y: 0.75rem; }
  .sm-hover-space-y-3:hover { --space-y: 0.75rem; }
  .sm-focus-space-y-3:focus { --space-y: 0.75rem; }
  .sm-active-space-y-3:active { --space-y: 0.75rem; }
  .sm-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  .sm-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  .sm-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  .sm-group:hover .sm-group-hover-space-y-3 { --space-y: 0.75rem; }
  .sm-space-y-4 { --space-y: 1rem; }
  .sm-hover-space-y-4:hover { --space-y: 1rem; }
  .sm-focus-space-y-4:focus { --space-y: 1rem; }
  .sm-active-space-y-4:active { --space-y: 1rem; }
  .sm-disabled-space-y-4:disabled { --space-y: 1rem; }
  .sm-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  .sm-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  .sm-group:hover .sm-group-hover-space-y-4 { --space-y: 1rem; }
  .sm-space-y-5 { --space-y: 1.25rem; }
  .sm-hover-space-y-5:hover { --space-y: 1.25rem; }
  .sm-focus-space-y-5:focus { --space-y: 1.25rem; }
  .sm-active-space-y-5:active { --space-y: 1.25rem; }
  .sm-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  .sm-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  .sm-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  .sm-group:hover .sm-group-hover-space-y-5 { --space-y: 1.25rem; }
  .sm-space-y-6 { --space-y: 1.5rem; }
  .sm-hover-space-y-6:hover { --space-y: 1.5rem; }
  .sm-focus-space-y-6:focus { --space-y: 1.5rem; }
  .sm-active-space-y-6:active { --space-y: 1.5rem; }
  .sm-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  .sm-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  .sm-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  .sm-group:hover .sm-group-hover-space-y-6 { --space-y: 1.5rem; }
  .sm-space-y-8 { --space-y: 2rem; }
  .sm-hover-space-y-8:hover { --space-y: 2rem; }
  .sm-focus-space-y-8:focus { --space-y: 2rem; }
  .sm-active-space-y-8:active { --space-y: 2rem; }
  .sm-disabled-space-y-8:disabled { --space-y: 2rem; }
  .sm-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  .sm-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  .sm-group:hover .sm-group-hover-space-y-8 { --space-y: 2rem; }
  .sm-space-y-10 { --space-y: 2.5rem; }
  .sm-hover-space-y-10:hover { --space-y: 2.5rem; }
  .sm-focus-space-y-10:focus { --space-y: 2.5rem; }
  .sm-active-space-y-10:active { --space-y: 2.5rem; }
  .sm-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  .sm-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  .sm-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  .sm-group:hover .sm-group-hover-space-y-10 { --space-y: 2.5rem; }
  .sm-space-y-12 { --space-y: 3rem; }
  .sm-hover-space-y-12:hover { --space-y: 3rem; }
  .sm-focus-space-y-12:focus { --space-y: 3rem; }
  .sm-active-space-y-12:active { --space-y: 3rem; }
  .sm-disabled-space-y-12:disabled { --space-y: 3rem; }
  .sm-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  .sm-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  .sm-group:hover .sm-group-hover-space-y-12 { --space-y: 3rem; }
  .sm-space-y-16 { --space-y: 4rem; }
  .sm-hover-space-y-16:hover { --space-y: 4rem; }
  .sm-focus-space-y-16:focus { --space-y: 4rem; }
  .sm-active-space-y-16:active { --space-y: 4rem; }
  .sm-disabled-space-y-16:disabled { --space-y: 4rem; }
  .sm-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  .sm-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  .sm-group:hover .sm-group-hover-space-y-16 { --space-y: 4rem; }
  .sm-space-y-20 { --space-y: 5rem; }
  .sm-hover-space-y-20:hover { --space-y: 5rem; }
  .sm-focus-space-y-20:focus { --space-y: 5rem; }
  .sm-active-space-y-20:active { --space-y: 5rem; }
  .sm-disabled-space-y-20:disabled { --space-y: 5rem; }
  .sm-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  .sm-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  .sm-group:hover .sm-group-hover-space-y-20 { --space-y: 5rem; }
  .sm-space-y-24 { --space-y: 6rem; }
  .sm-hover-space-y-24:hover { --space-y: 6rem; }
  .sm-focus-space-y-24:focus { --space-y: 6rem; }
  .sm-active-space-y-24:active { --space-y: 6rem; }
  .sm-disabled-space-y-24:disabled { --space-y: 6rem; }
  .sm-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  .sm-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  .sm-group:hover .sm-group-hover-space-y-24 { --space-y: 6rem; }
  .sm-space-y-28 { --space-y: 7rem; }
  .sm-hover-space-y-28:hover { --space-y: 7rem; }
  .sm-focus-space-y-28:focus { --space-y: 7rem; }
  .sm-active-space-y-28:active { --space-y: 7rem; }
  .sm-disabled-space-y-28:disabled { --space-y: 7rem; }
  .sm-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  .sm-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  .sm-group:hover .sm-group-hover-space-y-28 { --space-y: 7rem; }
  .sm-space-y-32 { --space-y: 8rem; }
  .sm-hover-space-y-32:hover { --space-y: 8rem; }
  .sm-focus-space-y-32:focus { --space-y: 8rem; }
  .sm-active-space-y-32:active { --space-y: 8rem; }
  .sm-disabled-space-y-32:disabled { --space-y: 8rem; }
  .sm-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  .sm-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  .sm-group:hover .sm-group-hover-space-y-32 { --space-y: 8rem; }
  .sm-d-block { display: block; }
  .sm-hover-d-block:hover { display: block; }
  .sm-focus-d-block:focus { display: block; }
  .sm-active-d-block:active { display: block; }
  .sm-disabled-d-block:disabled { display: block; }
  .sm-focus-visible-d-block:focus-visible { display: block; }
  .sm-focus-within-d-block:focus-within { display: block; }
  .sm-group:hover .sm-group-hover-d-block { display: block; }
  .sm-d-inline { display: inline; }
  .sm-hover-d-inline:hover { display: inline; }
  .sm-focus-d-inline:focus { display: inline; }
  .sm-active-d-inline:active { display: inline; }
  .sm-disabled-d-inline:disabled { display: inline; }
  .sm-focus-visible-d-inline:focus-visible { display: inline; }
  .sm-focus-within-d-inline:focus-within { display: inline; }
  .sm-group:hover .sm-group-hover-d-inline { display: inline; }
  .sm-d-inline-block { display: inline-block; }
  .sm-hover-d-inline-block:hover { display: inline-block; }
  .sm-focus-d-inline-block:focus { display: inline-block; }
  .sm-active-d-inline-block:active { display: inline-block; }
  .sm-disabled-d-inline-block:disabled { display: inline-block; }
  .sm-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  .sm-focus-within-d-inline-block:focus-within { display: inline-block; }
  .sm-group:hover .sm-group-hover-d-inline-block { display: inline-block; }
  .sm-d-flex { display: flex; }
  .sm-hover-d-flex:hover { display: flex; }
  .sm-focus-d-flex:focus { display: flex; }
  .sm-active-d-flex:active { display: flex; }
  .sm-disabled-d-flex:disabled { display: flex; }
  .sm-focus-visible-d-flex:focus-visible { display: flex; }
  .sm-focus-within-d-flex:focus-within { display: flex; }
  .sm-group:hover .sm-group-hover-d-flex { display: flex; }
  .sm-d-inline-flex { display: inline-flex; }
  .sm-hover-d-inline-flex:hover { display: inline-flex; }
  .sm-focus-d-inline-flex:focus { display: inline-flex; }
  .sm-active-d-inline-flex:active { display: inline-flex; }
  .sm-disabled-d-inline-flex:disabled { display: inline-flex; }
  .sm-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  .sm-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  .sm-group:hover .sm-group-hover-d-inline-flex { display: inline-flex; }
  .sm-d-grid { display: grid; }
  .sm-hover-d-grid:hover { display: grid; }
  .sm-focus-d-grid:focus { display: grid; }
  .sm-active-d-grid:active { display: grid; }
  .sm-disabled-d-grid:disabled { display: grid; }
  .sm-focus-visible-d-grid:focus-visible { display: grid; }
  .sm-focus-within-d-grid:focus-within { display: grid; }
  .sm-group:hover .sm-group-hover-d-grid { display: grid; }
  .sm-d-inline-grid { display: inline-grid; }
  .sm-hover-d-inline-grid:hover { display: inline-grid; }
  .sm-focus-d-inline-grid:focus { display: inline-grid; }
  .sm-active-d-inline-grid:active { display: inline-grid; }
  .sm-disabled-d-inline-grid:disabled { display: inline-grid; }
  .sm-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  .sm-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  .sm-group:hover .sm-group-hover-d-inline-grid { display: inline-grid; }
  .sm-d-none { display: none; }
  .sm-hover-d-none:hover { display: none; }
  .sm-focus-d-none:focus { display: none; }
  .sm-active-d-none:active { display: none; }
  .sm-disabled-d-none:disabled { display: none; }
  .sm-focus-visible-d-none:focus-visible { display: none; }
  .sm-focus-within-d-none:focus-within { display: none; }
  .sm-group:hover .sm-group-hover-d-none { display: none; }
  .sm-static { position: static; }
  .sm-hover-static:hover { position: static; }
  .sm-focus-static:focus { position: static; }
  .sm-active-static:active { position: static; }
  .sm-disabled-static:disabled { position: static; }
  .sm-focus-visible-static:focus-visible { position: static; }
  .sm-focus-within-static:focus-within { position: static; }
  .sm-group:hover .sm-group-hover-static { position: static; }
  .sm-relative { position: relative; }
  .sm-hover-relative:hover { position: relative; }
  .sm-focus-relative:focus { position: relative; }
  .sm-active-relative:active { position: relative; }
  .sm-disabled-relative:disabled { position: relative; }
  .sm-focus-visible-relative:focus-visible { position: relative; }
  .sm-focus-within-relative:focus-within { position: relative; }
  .sm-group:hover .sm-group-hover-relative { position: relative; }
  .sm-absolute { position: absolute; }
  .sm-hover-absolute:hover { position: absolute; }
  .sm-focus-absolute:focus { position: absolute; }
  .sm-active-absolute:active { position: absolute; }
  .sm-disabled-absolute:disabled { position: absolute; }
  .sm-focus-visible-absolute:focus-visible { position: absolute; }
  .sm-focus-within-absolute:focus-within { position: absolute; }
  .sm-group:hover .sm-group-hover-absolute { position: absolute; }
  .sm-fixed { position: fixed; }
  .sm-hover-fixed:hover { position: fixed; }
  .sm-focus-fixed:focus { position: fixed; }
  .sm-active-fixed:active { position: fixed; }
  .sm-disabled-fixed:disabled { position: fixed; }
  .sm-focus-visible-fixed:focus-visible { position: fixed; }
  .sm-focus-within-fixed:focus-within { position: fixed; }
  .sm-group:hover .sm-group-hover-fixed { position: fixed; }
  .sm-sticky { position: sticky; }
  .sm-hover-sticky:hover { position: sticky; }
  .sm-focus-sticky:focus { position: sticky; }
  .sm-active-sticky:active { position: sticky; }
  .sm-disabled-sticky:disabled { position: sticky; }
  .sm-focus-visible-sticky:focus-visible { position: sticky; }
  .sm-focus-within-sticky:focus-within { position: sticky; }
  .sm-group:hover .sm-group-hover-sticky { position: sticky; }
  .sm-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-group:hover .sm-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .sm-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-group:hover .sm-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .sm-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-group:hover .sm-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .sm-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-group:hover .sm-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .sm-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-group:hover .sm-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .sm-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-group:hover .sm-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .sm-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-group:hover .sm-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .sm-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-group:hover .sm-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .sm-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-group:hover .sm-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .sm-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-group:hover .sm-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .sm-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-group:hover .sm-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .sm-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-group:hover .sm-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .sm-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-group:hover .sm-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .sm-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-group:hover .sm-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .sm-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-group:hover .sm-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .sm-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-group:hover .sm-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .sm-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-group:hover .sm-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .sm-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-group:hover .sm-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .sm-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-group:hover .sm-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .sm-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-group:hover .sm-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .sm-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-group:hover .sm-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .sm-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-group:hover .sm-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .sm-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-group:hover .sm-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .sm-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-group:hover .sm-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .sm-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-group:hover .sm-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .sm-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-group:hover .sm-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .sm-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-group:hover .sm-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .sm-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-group:hover .sm-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .sm-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-group:hover .sm-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .sm-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-group:hover .sm-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .sm-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-group:hover .sm-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .sm-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-group:hover .sm-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .sm-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-group:hover .sm-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .sm-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-group:hover .sm-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .sm-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .sm-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .sm-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .sm-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-group:hover .sm-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .sm-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .sm-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .sm-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .sm-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-group:hover .sm-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .sm-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .sm-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .sm-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .sm-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-group:hover .sm-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .sm-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .sm-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .sm-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .sm-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-group:hover .sm-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .sm-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .sm-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .sm-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .sm-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .sm-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .sm-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .sm-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .sm-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-group:hover .sm-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .sm-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .sm-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .sm-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .sm-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-group:hover .sm-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .sm-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-group:hover .sm-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .sm-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-group:hover .sm-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .sm-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-group:hover .sm-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .sm-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-group:hover .sm-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .sm-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-group:hover .sm-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .sm-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .sm-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .sm-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .sm-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-group:hover .sm-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .sm-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .sm-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .sm-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .sm-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-group:hover .sm-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .sm-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .sm-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .sm-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .sm-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-group:hover .sm-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .sm-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .sm-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .sm-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .sm-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-group:hover .sm-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .sm-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .sm-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .sm-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .sm-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-group:hover .sm-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .sm-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-group:hover .sm-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .sm-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-group:hover .sm-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .sm-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-group:hover .sm-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .sm-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-group:hover .sm-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .sm-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-group:hover .sm-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .sm-top-0 { top: 0; }      .-top-0   { top: 0; }
  .sm-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  .sm-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  .sm-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  .sm-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  .sm-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  .sm-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  .sm-group:hover .sm-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  .sm-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-group:hover .sm-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .sm-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-group:hover .sm-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .sm-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-group:hover .sm-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .sm-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-group:hover .sm-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .sm-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-group:hover .sm-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .sm-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-group:hover .sm-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .sm-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-group:hover .sm-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .sm-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-group:hover .sm-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .sm-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-group:hover .sm-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .sm-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-group:hover .sm-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .sm-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-group:hover .sm-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .sm-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-group:hover .sm-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .sm-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-group:hover .sm-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .sm-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-group:hover .sm-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .sm-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-group:hover .sm-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .sm-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-group:hover .sm-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .sm-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-group:hover .sm-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .sm-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-group:hover .sm-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .sm-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-group:hover .sm-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .sm-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-group:hover .sm-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .sm-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-group:hover .sm-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .sm-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-group:hover .sm-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .sm-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-group:hover .sm-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .sm-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-group:hover .sm-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .sm-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-group:hover .sm-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .sm-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-group:hover .sm-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .sm-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-group:hover .sm-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .sm-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-group:hover .sm-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .sm-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-group:hover .sm-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .sm-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-group:hover .sm-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .sm-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-group:hover .sm-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .sm-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-group:hover .sm-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .sm-right-0 { right: 0; }      .-right-0   { right: 0; }
  .sm-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  .sm-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  .sm-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  .sm-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  .sm-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  .sm-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  .sm-group:hover .sm-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  .sm-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-group:hover .sm-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .sm-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-group:hover .sm-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .sm-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-group:hover .sm-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .sm-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-group:hover .sm-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .sm-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-group:hover .sm-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .sm-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-group:hover .sm-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .sm-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-group:hover .sm-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .sm-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-group:hover .sm-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .sm-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-group:hover .sm-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .sm-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-group:hover .sm-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .sm-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-group:hover .sm-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .sm-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-group:hover .sm-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .sm-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-group:hover .sm-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .sm-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-group:hover .sm-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .sm-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-group:hover .sm-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .sm-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-group:hover .sm-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .sm-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-group:hover .sm-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .sm-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-group:hover .sm-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .sm-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-group:hover .sm-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .sm-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-group:hover .sm-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .sm-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-group:hover .sm-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .sm-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-group:hover .sm-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .sm-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-group:hover .sm-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .sm-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-group:hover .sm-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .sm-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-group:hover .sm-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .sm-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-group:hover .sm-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .sm-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-group:hover .sm-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .sm-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-group:hover .sm-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .sm-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-group:hover .sm-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .sm-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-group:hover .sm-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .sm-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-group:hover .sm-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .sm-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-group:hover .sm-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .sm-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-group:hover .sm-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .sm-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-group:hover .sm-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .sm-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-group:hover .sm-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .sm-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-group:hover .sm-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .sm-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-group:hover .sm-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .sm-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-group:hover .sm-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .sm-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-group:hover .sm-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .sm-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-group:hover .sm-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .sm-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-group:hover .sm-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .sm-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-group:hover .sm-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .sm-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-group:hover .sm-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .sm-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-group:hover .sm-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .sm-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-group:hover .sm-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .sm-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-group:hover .sm-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .sm-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-group:hover .sm-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .sm-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-group:hover .sm-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .sm-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-group:hover .sm-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .sm-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-group:hover .sm-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .sm-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-group:hover .sm-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .sm-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-group:hover .sm-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .sm-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-group:hover .sm-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .sm-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-group:hover .sm-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .sm-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-group:hover .sm-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .sm-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-group:hover .sm-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .sm-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-group:hover .sm-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .sm-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-group:hover .sm-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .sm-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-group:hover .sm-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .sm-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-group:hover .sm-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .sm-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-group:hover .sm-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .sm-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-group:hover .sm-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .sm-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-group:hover .sm-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .sm-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-group:hover .sm-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .sm-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-group:hover .sm-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .sm-left-0 { left: 0; }      .-left-0   { left: 0; }
  .sm-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  .sm-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  .sm-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  .sm-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  .sm-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  .sm-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  .sm-group:hover .sm-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  .sm-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-group:hover .sm-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .sm-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-group:hover .sm-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .sm-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-group:hover .sm-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .sm-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-group:hover .sm-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .sm-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-group:hover .sm-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .sm-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-group:hover .sm-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .sm-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-group:hover .sm-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .sm-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-group:hover .sm-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .sm-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-group:hover .sm-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .sm-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-group:hover .sm-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .sm-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-group:hover .sm-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .sm-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-group:hover .sm-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .sm-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-group:hover .sm-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .sm-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-group:hover .sm-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .sm-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-group:hover .sm-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .sm-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-group:hover .sm-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .sm-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-group:hover .sm-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .sm-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-group:hover .sm-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .sm-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-group:hover .sm-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .sm-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-group:hover .sm-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .sm-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-group:hover .sm-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .sm-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-group:hover .sm-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .sm-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-group:hover .sm-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .sm-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-group:hover .sm-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .sm-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-group:hover .sm-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .sm-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-group:hover .sm-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .sm-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-group:hover .sm-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .sm-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-group:hover .sm-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .sm-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-group:hover .sm-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .sm-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-group:hover .sm-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .sm-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-group:hover .sm-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .sm-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-group:hover .sm-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .sm-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .sm-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  .sm-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  .sm-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  .sm-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  .sm-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  .sm-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .sm-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .sm-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  .sm-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  .sm-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  .sm-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  .sm-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  .sm-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .sm-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .sm-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  .sm-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  .sm-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  .sm-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  .sm-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  .sm-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .sm-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .sm-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  .sm-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  .sm-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  .sm-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  .sm-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  .sm-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .sm-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .sm-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  .sm-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  .sm-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  .sm-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  .sm-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  .sm-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .sm-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .sm-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  .sm-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  .sm-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  .sm-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  .sm-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  .sm-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .sm-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .sm-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  .sm-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  .sm-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  .sm-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  .sm-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  .sm-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .sm-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .sm-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  .sm-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  .sm-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  .sm-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  .sm-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  .sm-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .sm-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .sm-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  .sm-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  .sm-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  .sm-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  .sm-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  .sm-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .sm-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .sm-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  .sm-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  .sm-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  .sm-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  .sm-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  .sm-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .sm-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .sm-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  .sm-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  .sm-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  .sm-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  .sm-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  .sm-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .sm-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .sm-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  .sm-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  .sm-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  .sm-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  .sm-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  .sm-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .sm-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .sm-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  .sm-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  .sm-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  .sm-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  .sm-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  .sm-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .sm-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .sm-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  .sm-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  .sm-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  .sm-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  .sm-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  .sm-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .sm-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .sm-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  .sm-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  .sm-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  .sm-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  .sm-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  .sm-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .sm-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .sm-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  .sm-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  .sm-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  .sm-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  .sm-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  .sm-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .sm-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .sm-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  .sm-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  .sm-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  .sm-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  .sm-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  .sm-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .sm-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .sm-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  .sm-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  .sm-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  .sm-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  .sm-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  .sm-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .sm-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .sm-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .sm-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .sm-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .sm-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .sm-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .sm-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .sm-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-group:hover .sm-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .sm-gap-0 { gap: 0; }
  .sm-hover-gap-0:hover { gap: 0; }
  .sm-focus-gap-0:focus { gap: 0; }
  .sm-active-gap-0:active { gap: 0; }
  .sm-disabled-gap-0:disabled { gap: 0; }
  .sm-focus-visible-gap-0:focus-visible { gap: 0; }
  .sm-focus-within-gap-0:focus-within { gap: 0; }
  .sm-group:hover .sm-group-hover-gap-0 { gap: 0; }
  .sm-gap-1 { gap: 0.25rem; }
  .sm-hover-gap-1:hover { gap: 0.25rem; }
  .sm-focus-gap-1:focus { gap: 0.25rem; }
  .sm-active-gap-1:active { gap: 0.25rem; }
  .sm-disabled-gap-1:disabled { gap: 0.25rem; }
  .sm-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  .sm-focus-within-gap-1:focus-within { gap: 0.25rem; }
  .sm-group:hover .sm-group-hover-gap-1 { gap: 0.25rem; }
  .sm-gap-2 { gap: 0.5rem; }
  .sm-hover-gap-2:hover { gap: 0.5rem; }
  .sm-focus-gap-2:focus { gap: 0.5rem; }
  .sm-active-gap-2:active { gap: 0.5rem; }
  .sm-disabled-gap-2:disabled { gap: 0.5rem; }
  .sm-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  .sm-focus-within-gap-2:focus-within { gap: 0.5rem; }
  .sm-group:hover .sm-group-hover-gap-2 { gap: 0.5rem; }
  .sm-gap-3 { gap: 0.75rem; }
  .sm-hover-gap-3:hover { gap: 0.75rem; }
  .sm-focus-gap-3:focus { gap: 0.75rem; }
  .sm-active-gap-3:active { gap: 0.75rem; }
  .sm-disabled-gap-3:disabled { gap: 0.75rem; }
  .sm-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  .sm-focus-within-gap-3:focus-within { gap: 0.75rem; }
  .sm-group:hover .sm-group-hover-gap-3 { gap: 0.75rem; }
  .sm-gap-4 { gap: 1rem; }
  .sm-hover-gap-4:hover { gap: 1rem; }
  .sm-focus-gap-4:focus { gap: 1rem; }
  .sm-active-gap-4:active { gap: 1rem; }
  .sm-disabled-gap-4:disabled { gap: 1rem; }
  .sm-focus-visible-gap-4:focus-visible { gap: 1rem; }
  .sm-focus-within-gap-4:focus-within { gap: 1rem; }
  .sm-group:hover .sm-group-hover-gap-4 { gap: 1rem; }
  .sm-gap-5 { gap: 1.25rem; }
  .sm-hover-gap-5:hover { gap: 1.25rem; }
  .sm-focus-gap-5:focus { gap: 1.25rem; }
  .sm-active-gap-5:active { gap: 1.25rem; }
  .sm-disabled-gap-5:disabled { gap: 1.25rem; }
  .sm-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  .sm-focus-within-gap-5:focus-within { gap: 1.25rem; }
  .sm-group:hover .sm-group-hover-gap-5 { gap: 1.25rem; }
  .sm-gap-6 { gap: 1.5rem; }
  .sm-hover-gap-6:hover { gap: 1.5rem; }
  .sm-focus-gap-6:focus { gap: 1.5rem; }
  .sm-active-gap-6:active { gap: 1.5rem; }
  .sm-disabled-gap-6:disabled { gap: 1.5rem; }
  .sm-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  .sm-focus-within-gap-6:focus-within { gap: 1.5rem; }
  .sm-group:hover .sm-group-hover-gap-6 { gap: 1.5rem; }
  .sm-gap-7 { gap: 1.75rem; }
  .sm-hover-gap-7:hover { gap: 1.75rem; }
  .sm-focus-gap-7:focus { gap: 1.75rem; }
  .sm-active-gap-7:active { gap: 1.75rem; }
  .sm-disabled-gap-7:disabled { gap: 1.75rem; }
  .sm-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  .sm-focus-within-gap-7:focus-within { gap: 1.75rem; }
  .sm-group:hover .sm-group-hover-gap-7 { gap: 1.75rem; }
  .sm-gap-8 { gap: 2rem; }
  .sm-hover-gap-8:hover { gap: 2rem; }
  .sm-focus-gap-8:focus { gap: 2rem; }
  .sm-active-gap-8:active { gap: 2rem; }
  .sm-disabled-gap-8:disabled { gap: 2rem; }
  .sm-focus-visible-gap-8:focus-visible { gap: 2rem; }
  .sm-focus-within-gap-8:focus-within { gap: 2rem; }
  .sm-group:hover .sm-group-hover-gap-8 { gap: 2rem; }
  .sm-gap-9 { gap: 2.25rem; }
  .sm-hover-gap-9:hover { gap: 2.25rem; }
  .sm-focus-gap-9:focus { gap: 2.25rem; }
  .sm-active-gap-9:active { gap: 2.25rem; }
  .sm-disabled-gap-9:disabled { gap: 2.25rem; }
  .sm-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  .sm-focus-within-gap-9:focus-within { gap: 2.25rem; }
  .sm-group:hover .sm-group-hover-gap-9 { gap: 2.25rem; }
  .sm-gap-10 { gap: 2.5rem; }
  .sm-hover-gap-10:hover { gap: 2.5rem; }
  .sm-focus-gap-10:focus { gap: 2.5rem; }
  .sm-active-gap-10:active { gap: 2.5rem; }
  .sm-disabled-gap-10:disabled { gap: 2.5rem; }
  .sm-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  .sm-focus-within-gap-10:focus-within { gap: 2.5rem; }
  .sm-group:hover .sm-group-hover-gap-10 { gap: 2.5rem; }
  .sm-gap-12 { gap: 3rem; }
  .sm-hover-gap-12:hover { gap: 3rem; }
  .sm-focus-gap-12:focus { gap: 3rem; }
  .sm-active-gap-12:active { gap: 3rem; }
  .sm-disabled-gap-12:disabled { gap: 3rem; }
  .sm-focus-visible-gap-12:focus-visible { gap: 3rem; }
  .sm-focus-within-gap-12:focus-within { gap: 3rem; }
  .sm-group:hover .sm-group-hover-gap-12 { gap: 3rem; }
  .sm-gap-14 { gap: 3.5rem; }
  .sm-hover-gap-14:hover { gap: 3.5rem; }
  .sm-focus-gap-14:focus { gap: 3.5rem; }
  .sm-active-gap-14:active { gap: 3.5rem; }
  .sm-disabled-gap-14:disabled { gap: 3.5rem; }
  .sm-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  .sm-focus-within-gap-14:focus-within { gap: 3.5rem; }
  .sm-group:hover .sm-group-hover-gap-14 { gap: 3.5rem; }
  .sm-gap-16 { gap: 4rem; }
  .sm-hover-gap-16:hover { gap: 4rem; }
  .sm-focus-gap-16:focus { gap: 4rem; }
  .sm-active-gap-16:active { gap: 4rem; }
  .sm-disabled-gap-16:disabled { gap: 4rem; }
  .sm-focus-visible-gap-16:focus-visible { gap: 4rem; }
  .sm-focus-within-gap-16:focus-within { gap: 4rem; }
  .sm-group:hover .sm-group-hover-gap-16 { gap: 4rem; }
  .sm-gap-20 { gap: 5rem; }
  .sm-hover-gap-20:hover { gap: 5rem; }
  .sm-focus-gap-20:focus { gap: 5rem; }
  .sm-active-gap-20:active { gap: 5rem; }
  .sm-disabled-gap-20:disabled { gap: 5rem; }
  .sm-focus-visible-gap-20:focus-visible { gap: 5rem; }
  .sm-focus-within-gap-20:focus-within { gap: 5rem; }
  .sm-group:hover .sm-group-hover-gap-20 { gap: 5rem; }
  .sm-gap-24 { gap: 6rem; }
  .sm-hover-gap-24:hover { gap: 6rem; }
  .sm-focus-gap-24:focus { gap: 6rem; }
  .sm-active-gap-24:active { gap: 6rem; }
  .sm-disabled-gap-24:disabled { gap: 6rem; }
  .sm-focus-visible-gap-24:focus-visible { gap: 6rem; }
  .sm-focus-within-gap-24:focus-within { gap: 6rem; }
  .sm-group:hover .sm-group-hover-gap-24 { gap: 6rem; }
  .sm-gap-28 { gap: 7rem; }
  .sm-hover-gap-28:hover { gap: 7rem; }
  .sm-focus-gap-28:focus { gap: 7rem; }
  .sm-active-gap-28:active { gap: 7rem; }
  .sm-disabled-gap-28:disabled { gap: 7rem; }
  .sm-focus-visible-gap-28:focus-visible { gap: 7rem; }
  .sm-focus-within-gap-28:focus-within { gap: 7rem; }
  .sm-group:hover .sm-group-hover-gap-28 { gap: 7rem; }
  .sm-gap-32 { gap: 8rem; }
  .sm-hover-gap-32:hover { gap: 8rem; }
  .sm-focus-gap-32:focus { gap: 8rem; }
  .sm-active-gap-32:active { gap: 8rem; }
  .sm-disabled-gap-32:disabled { gap: 8rem; }
  .sm-focus-visible-gap-32:focus-visible { gap: 8rem; }
  .sm-focus-within-gap-32:focus-within { gap: 8rem; }
  .sm-group:hover .sm-group-hover-gap-32 { gap: 8rem; }
  .sm-row-gap-0 { row-gap: 0; }
  .sm-hover-row-gap-0:hover { row-gap: 0; }
  .sm-focus-row-gap-0:focus { row-gap: 0; }
  .sm-active-row-gap-0:active { row-gap: 0; }
  .sm-disabled-row-gap-0:disabled { row-gap: 0; }
  .sm-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  .sm-focus-within-row-gap-0:focus-within { row-gap: 0; }
  .sm-group:hover .sm-group-hover-row-gap-0 { row-gap: 0; }
  .sm-row-gap-1 { row-gap: 0.25rem; }
  .sm-hover-row-gap-1:hover { row-gap: 0.25rem; }
  .sm-focus-row-gap-1:focus { row-gap: 0.25rem; }
  .sm-active-row-gap-1:active { row-gap: 0.25rem; }
  .sm-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  .sm-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  .sm-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  .sm-group:hover .sm-group-hover-row-gap-1 { row-gap: 0.25rem; }
  .sm-row-gap-2 { row-gap: 0.5rem; }
  .sm-hover-row-gap-2:hover { row-gap: 0.5rem; }
  .sm-focus-row-gap-2:focus { row-gap: 0.5rem; }
  .sm-active-row-gap-2:active { row-gap: 0.5rem; }
  .sm-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  .sm-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  .sm-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  .sm-group:hover .sm-group-hover-row-gap-2 { row-gap: 0.5rem; }
  .sm-row-gap-3 { row-gap: 0.75rem; }
  .sm-hover-row-gap-3:hover { row-gap: 0.75rem; }
  .sm-focus-row-gap-3:focus { row-gap: 0.75rem; }
  .sm-active-row-gap-3:active { row-gap: 0.75rem; }
  .sm-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  .sm-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  .sm-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  .sm-group:hover .sm-group-hover-row-gap-3 { row-gap: 0.75rem; }
  .sm-row-gap-4 { row-gap: 1rem; }
  .sm-hover-row-gap-4:hover { row-gap: 1rem; }
  .sm-focus-row-gap-4:focus { row-gap: 1rem; }
  .sm-active-row-gap-4:active { row-gap: 1rem; }
  .sm-disabled-row-gap-4:disabled { row-gap: 1rem; }
  .sm-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  .sm-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  .sm-group:hover .sm-group-hover-row-gap-4 { row-gap: 1rem; }
  .sm-row-gap-5 { row-gap: 1.25rem; }
  .sm-hover-row-gap-5:hover { row-gap: 1.25rem; }
  .sm-focus-row-gap-5:focus { row-gap: 1.25rem; }
  .sm-active-row-gap-5:active { row-gap: 1.25rem; }
  .sm-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  .sm-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  .sm-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  .sm-group:hover .sm-group-hover-row-gap-5 { row-gap: 1.25rem; }
  .sm-row-gap-6 { row-gap: 1.5rem; }
  .sm-hover-row-gap-6:hover { row-gap: 1.5rem; }
  .sm-focus-row-gap-6:focus { row-gap: 1.5rem; }
  .sm-active-row-gap-6:active { row-gap: 1.5rem; }
  .sm-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  .sm-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  .sm-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  .sm-group:hover .sm-group-hover-row-gap-6 { row-gap: 1.5rem; }
  .sm-row-gap-7 { row-gap: 1.75rem; }
  .sm-hover-row-gap-7:hover { row-gap: 1.75rem; }
  .sm-focus-row-gap-7:focus { row-gap: 1.75rem; }
  .sm-active-row-gap-7:active { row-gap: 1.75rem; }
  .sm-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  .sm-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  .sm-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  .sm-group:hover .sm-group-hover-row-gap-7 { row-gap: 1.75rem; }
  .sm-row-gap-8 { row-gap: 2rem; }
  .sm-hover-row-gap-8:hover { row-gap: 2rem; }
  .sm-focus-row-gap-8:focus { row-gap: 2rem; }
  .sm-active-row-gap-8:active { row-gap: 2rem; }
  .sm-disabled-row-gap-8:disabled { row-gap: 2rem; }
  .sm-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  .sm-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  .sm-group:hover .sm-group-hover-row-gap-8 { row-gap: 2rem; }
  .sm-row-gap-9 { row-gap: 2.25rem; }
  .sm-hover-row-gap-9:hover { row-gap: 2.25rem; }
  .sm-focus-row-gap-9:focus { row-gap: 2.25rem; }
  .sm-active-row-gap-9:active { row-gap: 2.25rem; }
  .sm-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  .sm-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  .sm-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  .sm-group:hover .sm-group-hover-row-gap-9 { row-gap: 2.25rem; }
  .sm-row-gap-10 { row-gap: 2.5rem; }
  .sm-hover-row-gap-10:hover { row-gap: 2.5rem; }
  .sm-focus-row-gap-10:focus { row-gap: 2.5rem; }
  .sm-active-row-gap-10:active { row-gap: 2.5rem; }
  .sm-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  .sm-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  .sm-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  .sm-group:hover .sm-group-hover-row-gap-10 { row-gap: 2.5rem; }
  .sm-row-gap-12 { row-gap: 3rem; }
  .sm-hover-row-gap-12:hover { row-gap: 3rem; }
  .sm-focus-row-gap-12:focus { row-gap: 3rem; }
  .sm-active-row-gap-12:active { row-gap: 3rem; }
  .sm-disabled-row-gap-12:disabled { row-gap: 3rem; }
  .sm-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  .sm-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  .sm-group:hover .sm-group-hover-row-gap-12 { row-gap: 3rem; }
  .sm-row-gap-14 { row-gap: 3.5rem; }
  .sm-hover-row-gap-14:hover { row-gap: 3.5rem; }
  .sm-focus-row-gap-14:focus { row-gap: 3.5rem; }
  .sm-active-row-gap-14:active { row-gap: 3.5rem; }
  .sm-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  .sm-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  .sm-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  .sm-group:hover .sm-group-hover-row-gap-14 { row-gap: 3.5rem; }
  .sm-row-gap-16 { row-gap: 4rem; }
  .sm-hover-row-gap-16:hover { row-gap: 4rem; }
  .sm-focus-row-gap-16:focus { row-gap: 4rem; }
  .sm-active-row-gap-16:active { row-gap: 4rem; }
  .sm-disabled-row-gap-16:disabled { row-gap: 4rem; }
  .sm-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  .sm-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  .sm-group:hover .sm-group-hover-row-gap-16 { row-gap: 4rem; }
  .sm-row-gap-20 { row-gap: 5rem; }
  .sm-hover-row-gap-20:hover { row-gap: 5rem; }
  .sm-focus-row-gap-20:focus { row-gap: 5rem; }
  .sm-active-row-gap-20:active { row-gap: 5rem; }
  .sm-disabled-row-gap-20:disabled { row-gap: 5rem; }
  .sm-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  .sm-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  .sm-group:hover .sm-group-hover-row-gap-20 { row-gap: 5rem; }
  .sm-row-gap-24 { row-gap: 6rem; }
  .sm-hover-row-gap-24:hover { row-gap: 6rem; }
  .sm-focus-row-gap-24:focus { row-gap: 6rem; }
  .sm-active-row-gap-24:active { row-gap: 6rem; }
  .sm-disabled-row-gap-24:disabled { row-gap: 6rem; }
  .sm-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  .sm-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  .sm-group:hover .sm-group-hover-row-gap-24 { row-gap: 6rem; }
  .sm-row-gap-28 { row-gap: 7rem; }
  .sm-hover-row-gap-28:hover { row-gap: 7rem; }
  .sm-focus-row-gap-28:focus { row-gap: 7rem; }
  .sm-active-row-gap-28:active { row-gap: 7rem; }
  .sm-disabled-row-gap-28:disabled { row-gap: 7rem; }
  .sm-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  .sm-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  .sm-group:hover .sm-group-hover-row-gap-28 { row-gap: 7rem; }
  .sm-row-gap-32 { row-gap: 8rem; }
  .sm-hover-row-gap-32:hover { row-gap: 8rem; }
  .sm-focus-row-gap-32:focus { row-gap: 8rem; }
  .sm-active-row-gap-32:active { row-gap: 8rem; }
  .sm-disabled-row-gap-32:disabled { row-gap: 8rem; }
  .sm-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  .sm-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  .sm-group:hover .sm-group-hover-row-gap-32 { row-gap: 8rem; }
  .sm-column-gap-0 { column-gap: 0; }
  .sm-hover-column-gap-0:hover { column-gap: 0; }
  .sm-focus-column-gap-0:focus { column-gap: 0; }
  .sm-active-column-gap-0:active { column-gap: 0; }
  .sm-disabled-column-gap-0:disabled { column-gap: 0; }
  .sm-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  .sm-focus-within-column-gap-0:focus-within { column-gap: 0; }
  .sm-group:hover .sm-group-hover-column-gap-0 { column-gap: 0; }
  .sm-column-gap-1 { column-gap: 0.25rem; }
  .sm-hover-column-gap-1:hover { column-gap: 0.25rem; }
  .sm-focus-column-gap-1:focus { column-gap: 0.25rem; }
  .sm-active-column-gap-1:active { column-gap: 0.25rem; }
  .sm-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  .sm-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  .sm-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  .sm-group:hover .sm-group-hover-column-gap-1 { column-gap: 0.25rem; }
  .sm-column-gap-2 { column-gap: 0.5rem; }
  .sm-hover-column-gap-2:hover { column-gap: 0.5rem; }
  .sm-focus-column-gap-2:focus { column-gap: 0.5rem; }
  .sm-active-column-gap-2:active { column-gap: 0.5rem; }
  .sm-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  .sm-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  .sm-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  .sm-group:hover .sm-group-hover-column-gap-2 { column-gap: 0.5rem; }
  .sm-column-gap-3 { column-gap: 0.75rem; }
  .sm-hover-column-gap-3:hover { column-gap: 0.75rem; }
  .sm-focus-column-gap-3:focus { column-gap: 0.75rem; }
  .sm-active-column-gap-3:active { column-gap: 0.75rem; }
  .sm-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  .sm-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  .sm-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  .sm-group:hover .sm-group-hover-column-gap-3 { column-gap: 0.75rem; }
  .sm-column-gap-4 { column-gap: 1rem; }
  .sm-hover-column-gap-4:hover { column-gap: 1rem; }
  .sm-focus-column-gap-4:focus { column-gap: 1rem; }
  .sm-active-column-gap-4:active { column-gap: 1rem; }
  .sm-disabled-column-gap-4:disabled { column-gap: 1rem; }
  .sm-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  .sm-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  .sm-group:hover .sm-group-hover-column-gap-4 { column-gap: 1rem; }
  .sm-column-gap-5 { column-gap: 1.25rem; }
  .sm-hover-column-gap-5:hover { column-gap: 1.25rem; }
  .sm-focus-column-gap-5:focus { column-gap: 1.25rem; }
  .sm-active-column-gap-5:active { column-gap: 1.25rem; }
  .sm-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  .sm-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  .sm-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  .sm-group:hover .sm-group-hover-column-gap-5 { column-gap: 1.25rem; }
  .sm-column-gap-6 { column-gap: 1.5rem; }
  .sm-hover-column-gap-6:hover { column-gap: 1.5rem; }
  .sm-focus-column-gap-6:focus { column-gap: 1.5rem; }
  .sm-active-column-gap-6:active { column-gap: 1.5rem; }
  .sm-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  .sm-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  .sm-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  .sm-group:hover .sm-group-hover-column-gap-6 { column-gap: 1.5rem; }
  .sm-column-gap-7 { column-gap: 1.75rem; }
  .sm-hover-column-gap-7:hover { column-gap: 1.75rem; }
  .sm-focus-column-gap-7:focus { column-gap: 1.75rem; }
  .sm-active-column-gap-7:active { column-gap: 1.75rem; }
  .sm-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  .sm-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  .sm-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  .sm-group:hover .sm-group-hover-column-gap-7 { column-gap: 1.75rem; }
  .sm-column-gap-8 { column-gap: 2rem; }
  .sm-hover-column-gap-8:hover { column-gap: 2rem; }
  .sm-focus-column-gap-8:focus { column-gap: 2rem; }
  .sm-active-column-gap-8:active { column-gap: 2rem; }
  .sm-disabled-column-gap-8:disabled { column-gap: 2rem; }
  .sm-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  .sm-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  .sm-group:hover .sm-group-hover-column-gap-8 { column-gap: 2rem; }
  .sm-column-gap-9 { column-gap: 2.25rem; }
  .sm-hover-column-gap-9:hover { column-gap: 2.25rem; }
  .sm-focus-column-gap-9:focus { column-gap: 2.25rem; }
  .sm-active-column-gap-9:active { column-gap: 2.25rem; }
  .sm-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  .sm-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  .sm-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  .sm-group:hover .sm-group-hover-column-gap-9 { column-gap: 2.25rem; }
  .sm-column-gap-10 { column-gap: 2.5rem; }
  .sm-hover-column-gap-10:hover { column-gap: 2.5rem; }
  .sm-focus-column-gap-10:focus { column-gap: 2.5rem; }
  .sm-active-column-gap-10:active { column-gap: 2.5rem; }
  .sm-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  .sm-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  .sm-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  .sm-group:hover .sm-group-hover-column-gap-10 { column-gap: 2.5rem; }
  .sm-column-gap-12 { column-gap: 3rem; }
  .sm-hover-column-gap-12:hover { column-gap: 3rem; }
  .sm-focus-column-gap-12:focus { column-gap: 3rem; }
  .sm-active-column-gap-12:active { column-gap: 3rem; }
  .sm-disabled-column-gap-12:disabled { column-gap: 3rem; }
  .sm-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  .sm-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  .sm-group:hover .sm-group-hover-column-gap-12 { column-gap: 3rem; }
  .sm-column-gap-14 { column-gap: 3.5rem; }
  .sm-hover-column-gap-14:hover { column-gap: 3.5rem; }
  .sm-focus-column-gap-14:focus { column-gap: 3.5rem; }
  .sm-active-column-gap-14:active { column-gap: 3.5rem; }
  .sm-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  .sm-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  .sm-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  .sm-group:hover .sm-group-hover-column-gap-14 { column-gap: 3.5rem; }
  .sm-column-gap-16 { column-gap: 4rem; }
  .sm-hover-column-gap-16:hover { column-gap: 4rem; }
  .sm-focus-column-gap-16:focus { column-gap: 4rem; }
  .sm-active-column-gap-16:active { column-gap: 4rem; }
  .sm-disabled-column-gap-16:disabled { column-gap: 4rem; }
  .sm-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  .sm-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  .sm-group:hover .sm-group-hover-column-gap-16 { column-gap: 4rem; }
  .sm-column-gap-20 { column-gap: 5rem; }
  .sm-hover-column-gap-20:hover { column-gap: 5rem; }
  .sm-focus-column-gap-20:focus { column-gap: 5rem; }
  .sm-active-column-gap-20:active { column-gap: 5rem; }
  .sm-disabled-column-gap-20:disabled { column-gap: 5rem; }
  .sm-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  .sm-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  .sm-group:hover .sm-group-hover-column-gap-20 { column-gap: 5rem; }
  .sm-column-gap-24 { column-gap: 6rem; }
  .sm-hover-column-gap-24:hover { column-gap: 6rem; }
  .sm-focus-column-gap-24:focus { column-gap: 6rem; }
  .sm-active-column-gap-24:active { column-gap: 6rem; }
  .sm-disabled-column-gap-24:disabled { column-gap: 6rem; }
  .sm-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  .sm-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  .sm-group:hover .sm-group-hover-column-gap-24 { column-gap: 6rem; }
  .sm-column-gap-28 { column-gap: 7rem; }
  .sm-hover-column-gap-28:hover { column-gap: 7rem; }
  .sm-focus-column-gap-28:focus { column-gap: 7rem; }
  .sm-active-column-gap-28:active { column-gap: 7rem; }
  .sm-disabled-column-gap-28:disabled { column-gap: 7rem; }
  .sm-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  .sm-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  .sm-group:hover .sm-group-hover-column-gap-28 { column-gap: 7rem; }
  .sm-column-gap-32 { column-gap: 8rem; }
  .sm-hover-column-gap-32:hover { column-gap: 8rem; }
  .sm-focus-column-gap-32:focus { column-gap: 8rem; }
  .sm-active-column-gap-32:active { column-gap: 8rem; }
  .sm-disabled-column-gap-32:disabled { column-gap: 8rem; }
  .sm-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  .sm-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  .sm-group:hover .sm-group-hover-column-gap-32 { column-gap: 8rem; }
  .sm-flex-row { flex-direction: row; }
  .sm-hover-flex-row:hover { flex-direction: row; }
  .sm-focus-flex-row:focus { flex-direction: row; }
  .sm-active-flex-row:active { flex-direction: row; }
  .sm-disabled-flex-row:disabled { flex-direction: row; }
  .sm-focus-visible-flex-row:focus-visible { flex-direction: row; }
  .sm-focus-within-flex-row:focus-within { flex-direction: row; }
  .sm-group:hover .sm-group-hover-flex-row { flex-direction: row; }
  .sm-flex-col { flex-direction: column; }
  .sm-hover-flex-col:hover { flex-direction: column; }
  .sm-focus-flex-col:focus { flex-direction: column; }
  .sm-active-flex-col:active { flex-direction: column; }
  .sm-disabled-flex-col:disabled { flex-direction: column; }
  .sm-focus-visible-flex-col:focus-visible { flex-direction: column; }
  .sm-focus-within-flex-col:focus-within { flex-direction: column; }
  .sm-group:hover .sm-group-hover-flex-col { flex-direction: column; }
  .sm-flex-row-reverse { flex-direction: row-reverse; }
  .sm-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  .sm-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  .sm-active-flex-row-reverse:active { flex-direction: row-reverse; }
  .sm-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  .sm-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  .sm-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  .sm-group:hover .sm-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  .sm-flex-col-reverse { flex-direction: column-reverse; }
  .sm-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  .sm-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  .sm-active-flex-col-reverse:active { flex-direction: column-reverse; }
  .sm-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  .sm-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  .sm-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  .sm-group:hover .sm-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  .sm-flex-wrap { flex-wrap: wrap; }
  .sm-hover-flex-wrap:hover { flex-wrap: wrap; }
  .sm-focus-flex-wrap:focus { flex-wrap: wrap; }
  .sm-active-flex-wrap:active { flex-wrap: wrap; }
  .sm-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  .sm-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  .sm-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  .sm-group:hover .sm-group-hover-flex-wrap { flex-wrap: wrap; }
  .sm-flex-nowrap { flex-wrap: nowrap; }
  .sm-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  .sm-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  .sm-active-flex-nowrap:active { flex-wrap: nowrap; }
  .sm-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  .sm-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  .sm-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  .sm-group:hover .sm-group-hover-flex-nowrap { flex-wrap: nowrap; }
  .sm-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .sm-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  .sm-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  .sm-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  .sm-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  .sm-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  .sm-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  .sm-group:hover .sm-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .sm-flex-1 { flex: 1; }
  .sm-hover-flex-1:hover { flex: 1; }
  .sm-focus-flex-1:focus { flex: 1; }
  .sm-active-flex-1:active { flex: 1; }
  .sm-disabled-flex-1:disabled { flex: 1; }
  .sm-focus-visible-flex-1:focus-visible { flex: 1; }
  .sm-focus-within-flex-1:focus-within { flex: 1; }
  .sm-group:hover .sm-group-hover-flex-1 { flex: 1; }
  .sm-flex-auto { flex: auto; }
  .sm-hover-flex-auto:hover { flex: auto; }
  .sm-focus-flex-auto:focus { flex: auto; }
  .sm-active-flex-auto:active { flex: auto; }
  .sm-disabled-flex-auto:disabled { flex: auto; }
  .sm-focus-visible-flex-auto:focus-visible { flex: auto; }
  .sm-focus-within-flex-auto:focus-within { flex: auto; }
  .sm-group:hover .sm-group-hover-flex-auto { flex: auto; }
  .sm-flex-initial { flex: initial; }
  .sm-hover-flex-initial:hover { flex: initial; }
  .sm-focus-flex-initial:focus { flex: initial; }
  .sm-active-flex-initial:active { flex: initial; }
  .sm-disabled-flex-initial:disabled { flex: initial; }
  .sm-focus-visible-flex-initial:focus-visible { flex: initial; }
  .sm-focus-within-flex-initial:focus-within { flex: initial; }
  .sm-group:hover .sm-group-hover-flex-initial { flex: initial; }
  .sm-flex-none { flex: none; }
  .sm-hover-flex-none:hover { flex: none; }
  .sm-focus-flex-none:focus { flex: none; }
  .sm-active-flex-none:active { flex: none; }
  .sm-disabled-flex-none:disabled { flex: none; }
  .sm-focus-visible-flex-none:focus-visible { flex: none; }
  .sm-focus-within-flex-none:focus-within { flex: none; }
  .sm-group:hover .sm-group-hover-flex-none { flex: none; }
  .sm-flex-grow-0 { flex-grow: 0; }
  .sm-hover-flex-grow-0:hover { flex-grow: 0; }
  .sm-focus-flex-grow-0:focus { flex-grow: 0; }
  .sm-active-flex-grow-0:active { flex-grow: 0; }
  .sm-disabled-flex-grow-0:disabled { flex-grow: 0; }
  .sm-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  .sm-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  .sm-group:hover .sm-group-hover-flex-grow-0 { flex-grow: 0; }
  .sm-flex-grow-1 { flex-grow: 1; }
  .sm-hover-flex-grow-1:hover { flex-grow: 1; }
  .sm-focus-flex-grow-1:focus { flex-grow: 1; }
  .sm-active-flex-grow-1:active { flex-grow: 1; }
  .sm-disabled-flex-grow-1:disabled { flex-grow: 1; }
  .sm-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  .sm-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  .sm-group:hover .sm-group-hover-flex-grow-1 { flex-grow: 1; }
  .sm-flex-shrink-0 { flex-shrink: 0; }
  .sm-hover-flex-shrink-0:hover { flex-shrink: 0; }
  .sm-focus-flex-shrink-0:focus { flex-shrink: 0; }
  .sm-active-flex-shrink-0:active { flex-shrink: 0; }
  .sm-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  .sm-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  .sm-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  .sm-group:hover .sm-group-hover-flex-shrink-0 { flex-shrink: 0; }
  .sm-flex-shrink-1 { flex-shrink: 1; }
  .sm-hover-flex-shrink-1:hover { flex-shrink: 1; }
  .sm-focus-flex-shrink-1:focus { flex-shrink: 1; }
  .sm-active-flex-shrink-1:active { flex-shrink: 1; }
  .sm-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  .sm-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  .sm-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  .sm-group:hover .sm-group-hover-flex-shrink-1 { flex-shrink: 1; }
  .sm-flex-basis-0 { flex-basis: 0; }
  .sm-hover-flex-basis-0:hover { flex-basis: 0; }
  .sm-focus-flex-basis-0:focus { flex-basis: 0; }
  .sm-active-flex-basis-0:active { flex-basis: 0; }
  .sm-disabled-flex-basis-0:disabled { flex-basis: 0; }
  .sm-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  .sm-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  .sm-group:hover .sm-group-hover-flex-basis-0 { flex-basis: 0; }
  .sm-flex-basis-auto { flex-basis: auto; }
  .sm-hover-flex-basis-auto:hover { flex-basis: auto; }
  .sm-focus-flex-basis-auto:focus { flex-basis: auto; }
  .sm-active-flex-basis-auto:active { flex-basis: auto; }
  .sm-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  .sm-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  .sm-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  .sm-group:hover .sm-group-hover-flex-basis-auto { flex-basis: auto; }
  .sm-flex-basis-full { flex-basis: 100%; }
  .sm-hover-flex-basis-full:hover { flex-basis: 100%; }
  .sm-focus-flex-basis-full:focus { flex-basis: 100%; }
  .sm-active-flex-basis-full:active { flex-basis: 100%; }
  .sm-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  .sm-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  .sm-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  .sm-group:hover .sm-group-hover-flex-basis-full { flex-basis: 100%; }
  .sm-flex-basis-half { flex-basis: 50%; }
  .sm-hover-flex-basis-half:hover { flex-basis: 50%; }
  .sm-focus-flex-basis-half:focus { flex-basis: 50%; }
  .sm-active-flex-basis-half:active { flex-basis: 50%; }
  .sm-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  .sm-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  .sm-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  .sm-group:hover .sm-group-hover-flex-basis-half { flex-basis: 50%; }
  .sm-flex-basis-one-third { flex-basis: 33.3333%; }
  .sm-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  .sm-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  .sm-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  .sm-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  .sm-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  .sm-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  .sm-group:hover .sm-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  .sm-flex-basis-two-third { flex-basis: 66.6667%; }
  .sm-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  .sm-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  .sm-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  .sm-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  .sm-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  .sm-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  .sm-group:hover .sm-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  .sm-flex-basis-one-quarter { flex-basis: 25%; }
  .sm-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  .sm-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  .sm-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  .sm-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  .sm-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  .sm-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  .sm-group:hover .sm-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  .sm-flex-basis-three-quarter { flex-basis: 75%; }
  .sm-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  .sm-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  .sm-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  .sm-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  .sm-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  .sm-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  .sm-group:hover .sm-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  .sm-flex-basis-one-fifth { flex-basis: 20%; }
  .sm-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  .sm-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  .sm-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  .sm-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  .sm-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  .sm-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  .sm-group:hover .sm-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  .sm-flex-basis-two-fifth { flex-basis: 40%; }
  .sm-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  .sm-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  .sm-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  .sm-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  .sm-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  .sm-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  .sm-group:hover .sm-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  .sm-flex-basis-three-fifth { flex-basis: 60%; }
  .sm-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  .sm-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  .sm-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  .sm-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  .sm-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  .sm-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  .sm-group:hover .sm-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  .sm-flex-basis-four-fifth { flex-basis: 80%; }
  .sm-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  .sm-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  .sm-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  .sm-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  .sm-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  .sm-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  .sm-group:hover .sm-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  .sm-order-first { order: -1; }
  .sm-hover-order-first:hover { order: -1; }
  .sm-focus-order-first:focus { order: -1; }
  .sm-active-order-first:active { order: -1; }
  .sm-disabled-order-first:disabled { order: -1; }
  .sm-focus-visible-order-first:focus-visible { order: -1; }
  .sm-focus-within-order-first:focus-within { order: -1; }
  .sm-group:hover .sm-group-hover-order-first { order: -1; }
  .sm-order-last { order: 9999; }
  .sm-hover-order-last:hover { order: 9999; }
  .sm-focus-order-last:focus { order: 9999; }
  .sm-active-order-last:active { order: 9999; }
  .sm-disabled-order-last:disabled { order: 9999; }
  .sm-focus-visible-order-last:focus-visible { order: 9999; }
  .sm-focus-within-order-last:focus-within { order: 9999; }
  .sm-group:hover .sm-group-hover-order-last { order: 9999; }
  .sm-order-0 { order: 0; }
  .sm-hover-order-0:hover { order: 0; }
  .sm-focus-order-0:focus { order: 0; }
  .sm-active-order-0:active { order: 0; }
  .sm-disabled-order-0:disabled { order: 0; }
  .sm-focus-visible-order-0:focus-visible { order: 0; }
  .sm-focus-within-order-0:focus-within { order: 0; }
  .sm-group:hover .sm-group-hover-order-0 { order: 0; }
  .sm-order-1 { order: 1; }
  .sm-hover-order-1:hover { order: 1; }
  .sm-focus-order-1:focus { order: 1; }
  .sm-active-order-1:active { order: 1; }
  .sm-disabled-order-1:disabled { order: 1; }
  .sm-focus-visible-order-1:focus-visible { order: 1; }
  .sm-focus-within-order-1:focus-within { order: 1; }
  .sm-group:hover .sm-group-hover-order-1 { order: 1; }
  .sm-order-2 { order: 2; }
  .sm-hover-order-2:hover { order: 2; }
  .sm-focus-order-2:focus { order: 2; }
  .sm-active-order-2:active { order: 2; }
  .sm-disabled-order-2:disabled { order: 2; }
  .sm-focus-visible-order-2:focus-visible { order: 2; }
  .sm-focus-within-order-2:focus-within { order: 2; }
  .sm-group:hover .sm-group-hover-order-2 { order: 2; }
  .sm-order-3 { order: 3; }
  .sm-hover-order-3:hover { order: 3; }
  .sm-focus-order-3:focus { order: 3; }
  .sm-active-order-3:active { order: 3; }
  .sm-disabled-order-3:disabled { order: 3; }
  .sm-focus-visible-order-3:focus-visible { order: 3; }
  .sm-focus-within-order-3:focus-within { order: 3; }
  .sm-group:hover .sm-group-hover-order-3 { order: 3; }
  .sm-order-4 { order: 4; }
  .sm-hover-order-4:hover { order: 4; }
  .sm-focus-order-4:focus { order: 4; }
  .sm-active-order-4:active { order: 4; }
  .sm-disabled-order-4:disabled { order: 4; }
  .sm-focus-visible-order-4:focus-visible { order: 4; }
  .sm-focus-within-order-4:focus-within { order: 4; }
  .sm-group:hover .sm-group-hover-order-4 { order: 4; }
  .sm-order-5 { order: 5; }
  .sm-hover-order-5:hover { order: 5; }
  .sm-focus-order-5:focus { order: 5; }
  .sm-active-order-5:active { order: 5; }
  .sm-disabled-order-5:disabled { order: 5; }
  .sm-focus-visible-order-5:focus-visible { order: 5; }
  .sm-focus-within-order-5:focus-within { order: 5; }
  .sm-group:hover .sm-group-hover-order-5 { order: 5; }
  .sm-order-6 { order: 6; }
  .sm-hover-order-6:hover { order: 6; }
  .sm-focus-order-6:focus { order: 6; }
  .sm-active-order-6:active { order: 6; }
  .sm-disabled-order-6:disabled { order: 6; }
  .sm-focus-visible-order-6:focus-visible { order: 6; }
  .sm-focus-within-order-6:focus-within { order: 6; }
  .sm-group:hover .sm-group-hover-order-6 { order: 6; }
  .sm-order-7 { order: 7; }
  .sm-hover-order-7:hover { order: 7; }
  .sm-focus-order-7:focus { order: 7; }
  .sm-active-order-7:active { order: 7; }
  .sm-disabled-order-7:disabled { order: 7; }
  .sm-focus-visible-order-7:focus-visible { order: 7; }
  .sm-focus-within-order-7:focus-within { order: 7; }
  .sm-group:hover .sm-group-hover-order-7 { order: 7; }
  .sm-order-8 { order: 8; }
  .sm-hover-order-8:hover { order: 8; }
  .sm-focus-order-8:focus { order: 8; }
  .sm-active-order-8:active { order: 8; }
  .sm-disabled-order-8:disabled { order: 8; }
  .sm-focus-visible-order-8:focus-visible { order: 8; }
  .sm-focus-within-order-8:focus-within { order: 8; }
  .sm-group:hover .sm-group-hover-order-8 { order: 8; }
  .sm-order-9 { order: 9; }
  .sm-hover-order-9:hover { order: 9; }
  .sm-focus-order-9:focus { order: 9; }
  .sm-active-order-9:active { order: 9; }
  .sm-disabled-order-9:disabled { order: 9; }
  .sm-focus-visible-order-9:focus-visible { order: 9; }
  .sm-focus-within-order-9:focus-within { order: 9; }
  .sm-group:hover .sm-group-hover-order-9 { order: 9; }
  .sm-order-10 { order: 10; }
  .sm-hover-order-10:hover { order: 10; }
  .sm-focus-order-10:focus { order: 10; }
  .sm-active-order-10:active { order: 10; }
  .sm-disabled-order-10:disabled { order: 10; }
  .sm-focus-visible-order-10:focus-visible { order: 10; }
  .sm-focus-within-order-10:focus-within { order: 10; }
  .sm-group:hover .sm-group-hover-order-10 { order: 10; }
  .sm-order-11 { order: 11; }
  .sm-hover-order-11:hover { order: 11; }
  .sm-focus-order-11:focus { order: 11; }
  .sm-active-order-11:active { order: 11; }
  .sm-disabled-order-11:disabled { order: 11; }
  .sm-focus-visible-order-11:focus-visible { order: 11; }
  .sm-focus-within-order-11:focus-within { order: 11; }
  .sm-group:hover .sm-group-hover-order-11 { order: 11; }
  .sm-order-12 { order: 12; }
  .sm-hover-order-12:hover { order: 12; }
  .sm-focus-order-12:focus { order: 12; }
  .sm-active-order-12:active { order: 12; }
  .sm-disabled-order-12:disabled { order: 12; }
  .sm-focus-visible-order-12:focus-visible { order: 12; }
  .sm-focus-within-order-12:focus-within { order: 12; }
  .sm-group:hover .sm-group-hover-order-12 { order: 12; }
  .sm-whitespace-normal { white-space: normal; }
  .sm-hover-whitespace-normal:hover { white-space: normal; }
  .sm-focus-whitespace-normal:focus { white-space: normal; }
  .sm-active-whitespace-normal:active { white-space: normal; }
  .sm-disabled-whitespace-normal:disabled { white-space: normal; }
  .sm-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  .sm-focus-within-whitespace-normal:focus-within { white-space: normal; }
  .sm-group:hover .sm-group-hover-whitespace-normal { white-space: normal; }
  .sm-whitespace-nowrap { white-space: nowrap; }
  .sm-hover-whitespace-nowrap:hover { white-space: nowrap; }
  .sm-focus-whitespace-nowrap:focus { white-space: nowrap; }
  .sm-active-whitespace-nowrap:active { white-space: nowrap; }
  .sm-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  .sm-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  .sm-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  .sm-group:hover .sm-group-hover-whitespace-nowrap { white-space: nowrap; }
  .sm-whitespace-pre { white-space: pre; }
  .sm-hover-whitespace-pre:hover { white-space: pre; }
  .sm-focus-whitespace-pre:focus { white-space: pre; }
  .sm-active-whitespace-pre:active { white-space: pre; }
  .sm-disabled-whitespace-pre:disabled { white-space: pre; }
  .sm-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  .sm-focus-within-whitespace-pre:focus-within { white-space: pre; }
  .sm-group:hover .sm-group-hover-whitespace-pre { white-space: pre; }
  .sm-whitespace-pre-line { white-space: pre-line; }
  .sm-hover-whitespace-pre-line:hover { white-space: pre-line; }
  .sm-focus-whitespace-pre-line:focus { white-space: pre-line; }
  .sm-active-whitespace-pre-line:active { white-space: pre-line; }
  .sm-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  .sm-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  .sm-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  .sm-group:hover .sm-group-hover-whitespace-pre-line { white-space: pre-line; }
  .sm-whitespace-pre-wrap { white-space: pre-wrap; }
  .sm-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  .sm-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  .sm-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  .sm-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  .sm-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  .sm-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  .sm-group:hover .sm-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  .sm-overflow-auto { overflow: auto; }
  .sm-hover-overflow-auto:hover { overflow: auto; }
  .sm-focus-overflow-auto:focus { overflow: auto; }
  .sm-active-overflow-auto:active { overflow: auto; }
  .sm-disabled-overflow-auto:disabled { overflow: auto; }
  .sm-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  .sm-focus-within-overflow-auto:focus-within { overflow: auto; }
  .sm-group:hover .sm-group-hover-overflow-auto { overflow: auto; }
  .sm-overflow-hidden { overflow: hidden; }
  .sm-hover-overflow-hidden:hover { overflow: hidden; }
  .sm-focus-overflow-hidden:focus { overflow: hidden; }
  .sm-active-overflow-hidden:active { overflow: hidden; }
  .sm-disabled-overflow-hidden:disabled { overflow: hidden; }
  .sm-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  .sm-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  .sm-group:hover .sm-group-hover-overflow-hidden { overflow: hidden; }
  .sm-overflow-visible { overflow: visible; }
  .sm-hover-overflow-visible:hover { overflow: visible; }
  .sm-focus-overflow-visible:focus { overflow: visible; }
  .sm-active-overflow-visible:active { overflow: visible; }
  .sm-disabled-overflow-visible:disabled { overflow: visible; }
  .sm-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  .sm-focus-within-overflow-visible:focus-within { overflow: visible; }
  .sm-group:hover .sm-group-hover-overflow-visible { overflow: visible; }
  .sm-overflow-scroll { overflow: scroll; }
  .sm-hover-overflow-scroll:hover { overflow: scroll; }
  .sm-focus-overflow-scroll:focus { overflow: scroll; }
  .sm-active-overflow-scroll:active { overflow: scroll; }
  .sm-disabled-overflow-scroll:disabled { overflow: scroll; }
  .sm-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  .sm-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  .sm-group:hover .sm-group-hover-overflow-scroll { overflow: scroll; }
  .sm-overflow-x-auto { overflow-x: auto; }
  .sm-hover-overflow-x-auto:hover { overflow-x: auto; }
  .sm-focus-overflow-x-auto:focus { overflow-x: auto; }
  .sm-active-overflow-x-auto:active { overflow-x: auto; }
  .sm-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  .sm-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  .sm-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  .sm-group:hover .sm-group-hover-overflow-x-auto { overflow-x: auto; }
  .sm-overflow-x-hidden { overflow-x: hidden; }
  .sm-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  .sm-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  .sm-active-overflow-x-hidden:active { overflow-x: hidden; }
  .sm-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  .sm-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  .sm-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  .sm-group:hover .sm-group-hover-overflow-x-hidden { overflow-x: hidden; }
  .sm-overflow-x-visible { overflow-x: visible; }
  .sm-hover-overflow-x-visible:hover { overflow-x: visible; }
  .sm-focus-overflow-x-visible:focus { overflow-x: visible; }
  .sm-active-overflow-x-visible:active { overflow-x: visible; }
  .sm-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  .sm-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  .sm-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  .sm-group:hover .sm-group-hover-overflow-x-visible { overflow-x: visible; }
  .sm-overflow-x-scroll { overflow-x: scroll; }
  .sm-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  .sm-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  .sm-active-overflow-x-scroll:active { overflow-x: scroll; }
  .sm-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  .sm-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  .sm-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  .sm-group:hover .sm-group-hover-overflow-x-scroll { overflow-x: scroll; }
  .sm-overflow-y-auto { overflow-y: auto; }
  .sm-hover-overflow-y-auto:hover { overflow-y: auto; }
  .sm-focus-overflow-y-auto:focus { overflow-y: auto; }
  .sm-active-overflow-y-auto:active { overflow-y: auto; }
  .sm-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  .sm-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  .sm-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  .sm-group:hover .sm-group-hover-overflow-y-auto { overflow-y: auto; }
  .sm-overflow-y-hidden { overflow-y: hidden; }
  .sm-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  .sm-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  .sm-active-overflow-y-hidden:active { overflow-y: hidden; }
  .sm-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  .sm-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  .sm-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  .sm-group:hover .sm-group-hover-overflow-y-hidden { overflow-y: hidden; }
  .sm-overflow-y-visible { overflow-y: visible; }
  .sm-hover-overflow-y-visible:hover { overflow-y: visible; }
  .sm-focus-overflow-y-visible:focus { overflow-y: visible; }
  .sm-active-overflow-y-visible:active { overflow-y: visible; }
  .sm-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  .sm-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  .sm-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  .sm-group:hover .sm-group-hover-overflow-y-visible { overflow-y: visible; }
  .sm-overflow-y-scroll { overflow-y: scroll; }
  .sm-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  .sm-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  .sm-active-overflow-y-scroll:active { overflow-y: scroll; }
  .sm-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  .sm-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  .sm-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  .sm-group:hover .sm-group-hover-overflow-y-scroll { overflow-y: scroll; }
  .sm-visible { visibility: visible; }
  .sm-hover-visible:hover { visibility: visible; }
  .sm-focus-visible:focus { visibility: visible; }
  .sm-active-visible:active { visibility: visible; }
  .sm-disabled-visible:disabled { visibility: visible; }
  .sm-focus-visible-visible:focus-visible { visibility: visible; }
  .sm-focus-within-visible:focus-within { visibility: visible; }
  .sm-group:hover .sm-group-hover-visible { visibility: visible; }
  .sm-hidden { visibility: hidden; }
  .sm-hover-hidden:hover { visibility: hidden; }
  .sm-focus-hidden:focus { visibility: hidden; }
  .sm-active-hidden:active { visibility: hidden; }
  .sm-disabled-hidden:disabled { visibility: hidden; }
  .sm-focus-visible-hidden:focus-visible { visibility: hidden; }
  .sm-focus-within-hidden:focus-within { visibility: hidden; }
  .sm-group:hover .sm-group-hover-hidden { visibility: hidden; }
  .sm-collapse { visibility: collapse; }
  .sm-hover-collapse:hover { visibility: collapse; }
  .sm-focus-collapse:focus { visibility: collapse; }
  .sm-active-collapse:active { visibility: collapse; }
  .sm-disabled-collapse:disabled { visibility: collapse; }
  .sm-focus-visible-collapse:focus-visible { visibility: collapse; }
  .sm-focus-within-collapse:focus-within { visibility: collapse; }
  .sm-group:hover .sm-group-hover-collapse { visibility: collapse; }
  .sm-clear-left { clear: left; }
  .sm-hover-clear-left:hover { clear: left; }
  .sm-focus-clear-left:focus { clear: left; }
  .sm-active-clear-left:active { clear: left; }
  .sm-disabled-clear-left:disabled { clear: left; }
  .sm-focus-visible-clear-left:focus-visible { clear: left; }
  .sm-focus-within-clear-left:focus-within { clear: left; }
  .sm-group:hover .sm-group-hover-clear-left { clear: left; }
  .sm-clear-right { clear: right; }
  .sm-hover-clear-right:hover { clear: right; }
  .sm-focus-clear-right:focus { clear: right; }
  .sm-active-clear-right:active { clear: right; }
  .sm-disabled-clear-right:disabled { clear: right; }
  .sm-focus-visible-clear-right:focus-visible { clear: right; }
  .sm-focus-within-clear-right:focus-within { clear: right; }
  .sm-group:hover .sm-group-hover-clear-right { clear: right; }
  .sm-clear-both { clear: both; }
  .sm-hover-clear-both:hover { clear: both; }
  .sm-focus-clear-both:focus { clear: both; }
  .sm-active-clear-both:active { clear: both; }
  .sm-disabled-clear-both:disabled { clear: both; }
  .sm-focus-visible-clear-both:focus-visible { clear: both; }
  .sm-focus-within-clear-both:focus-within { clear: both; }
  .sm-group:hover .sm-group-hover-clear-both { clear: both; }
  .sm-float-left { float: left; }
  .sm-hover-float-left:hover { float: left; }
  .sm-focus-float-left:focus { float: left; }
  .sm-active-float-left:active { float: left; }
  .sm-disabled-float-left:disabled { float: left; }
  .sm-focus-visible-float-left:focus-visible { float: left; }
  .sm-focus-within-float-left:focus-within { float: left; }
  .sm-group:hover .sm-group-hover-float-left { float: left; }
  .sm-float-right { float: right; }
  .sm-hover-float-right:hover { float: right; }
  .sm-focus-float-right:focus { float: right; }
  .sm-active-float-right:active { float: right; }
  .sm-disabled-float-right:disabled { float: right; }
  .sm-focus-visible-float-right:focus-visible { float: right; }
  .sm-focus-within-float-right:focus-within { float: right; }
  .sm-group:hover .sm-group-hover-float-right { float: right; }
  .sm-float-none { float: none; }
  .sm-hover-float-none:hover { float: none; }
  .sm-focus-float-none:focus { float: none; }
  .sm-active-float-none:active { float: none; }
  .sm-disabled-float-none:disabled { float: none; }
  .sm-focus-visible-float-none:focus-visible { float: none; }
  .sm-focus-within-float-none:focus-within { float: none; }
  .sm-group:hover .sm-group-hover-float-none { float: none; }
  .sm-w-0 { width: 0; }
  .sm-hover-w-0:hover { width: 0; }
  .sm-focus-w-0:focus { width: 0; }
  .sm-active-w-0:active { width: 0; }
  .sm-disabled-w-0:disabled { width: 0; }
  .sm-focus-visible-w-0:focus-visible { width: 0; }
  .sm-focus-within-w-0:focus-within { width: 0; }
  .sm-group:hover .sm-group-hover-w-0 { width: 0; }
  .sm-h-0 { height: 0; }
  .sm-hover-h-0:hover { height: 0; }
  .sm-focus-h-0:focus { height: 0; }
  .sm-active-h-0:active { height: 0; }
  .sm-disabled-h-0:disabled { height: 0; }
  .sm-focus-visible-h-0:focus-visible { height: 0; }
  .sm-focus-within-h-0:focus-within { height: 0; }
  .sm-group:hover .sm-group-hover-h-0 { height: 0; }
  .sm-min-w-0 { min-width: 0; }
  .sm-hover-min-w-0:hover { min-width: 0; }
  .sm-focus-min-w-0:focus { min-width: 0; }
  .sm-active-min-w-0:active { min-width: 0; }
  .sm-disabled-min-w-0:disabled { min-width: 0; }
  .sm-focus-visible-min-w-0:focus-visible { min-width: 0; }
  .sm-focus-within-min-w-0:focus-within { min-width: 0; }
  .sm-group:hover .sm-group-hover-min-w-0 { min-width: 0; }
  .sm-max-w-0 { max-width: 0; }
  .sm-hover-max-w-0:hover { max-width: 0; }
  .sm-focus-max-w-0:focus { max-width: 0; }
  .sm-active-max-w-0:active { max-width: 0; }
  .sm-disabled-max-w-0:disabled { max-width: 0; }
  .sm-focus-visible-max-w-0:focus-visible { max-width: 0; }
  .sm-focus-within-max-w-0:focus-within { max-width: 0; }
  .sm-group:hover .sm-group-hover-max-w-0 { max-width: 0; }
  .sm-min-h-0 { min-height: 0; }
  .sm-hover-min-h-0:hover { min-height: 0; }
  .sm-focus-min-h-0:focus { min-height: 0; }
  .sm-active-min-h-0:active { min-height: 0; }
  .sm-disabled-min-h-0:disabled { min-height: 0; }
  .sm-focus-visible-min-h-0:focus-visible { min-height: 0; }
  .sm-focus-within-min-h-0:focus-within { min-height: 0; }
  .sm-group:hover .sm-group-hover-min-h-0 { min-height: 0; }
  .sm-max-h-0 { max-height: 0; }
  .sm-hover-max-h-0:hover { max-height: 0; }
  .sm-focus-max-h-0:focus { max-height: 0; }
  .sm-active-max-h-0:active { max-height: 0; }
  .sm-disabled-max-h-0:disabled { max-height: 0; }
  .sm-focus-visible-max-h-0:focus-visible { max-height: 0; }
  .sm-focus-within-max-h-0:focus-within { max-height: 0; }
  .sm-group:hover .sm-group-hover-max-h-0 { max-height: 0; }
  .sm-w-1 { width: 0.25rem; }
  .sm-hover-w-1:hover { width: 0.25rem; }
  .sm-focus-w-1:focus { width: 0.25rem; }
  .sm-active-w-1:active { width: 0.25rem; }
  .sm-disabled-w-1:disabled { width: 0.25rem; }
  .sm-focus-visible-w-1:focus-visible { width: 0.25rem; }
  .sm-focus-within-w-1:focus-within { width: 0.25rem; }
  .sm-group:hover .sm-group-hover-w-1 { width: 0.25rem; }
  .sm-h-1 { height: 0.25rem; }
  .sm-hover-h-1:hover { height: 0.25rem; }
  .sm-focus-h-1:focus { height: 0.25rem; }
  .sm-active-h-1:active { height: 0.25rem; }
  .sm-disabled-h-1:disabled { height: 0.25rem; }
  .sm-focus-visible-h-1:focus-visible { height: 0.25rem; }
  .sm-focus-within-h-1:focus-within { height: 0.25rem; }
  .sm-group:hover .sm-group-hover-h-1 { height: 0.25rem; }
  .sm-min-w-1 { min-width: 0.25rem; }
  .sm-hover-min-w-1:hover { min-width: 0.25rem; }
  .sm-focus-min-w-1:focus { min-width: 0.25rem; }
  .sm-active-min-w-1:active { min-width: 0.25rem; }
  .sm-disabled-min-w-1:disabled { min-width: 0.25rem; }
  .sm-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  .sm-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-min-w-1 { min-width: 0.25rem; }
  .sm-max-w-1 { max-width: 0.25rem; }
  .sm-hover-max-w-1:hover { max-width: 0.25rem; }
  .sm-focus-max-w-1:focus { max-width: 0.25rem; }
  .sm-active-max-w-1:active { max-width: 0.25rem; }
  .sm-disabled-max-w-1:disabled { max-width: 0.25rem; }
  .sm-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  .sm-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-max-w-1 { max-width: 0.25rem; }
  .sm-min-h-1 { min-height: 0.25rem; }
  .sm-hover-min-h-1:hover { min-height: 0.25rem; }
  .sm-focus-min-h-1:focus { min-height: 0.25rem; }
  .sm-active-min-h-1:active { min-height: 0.25rem; }
  .sm-disabled-min-h-1:disabled { min-height: 0.25rem; }
  .sm-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  .sm-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  .sm-group:hover .sm-group-hover-min-h-1 { min-height: 0.25rem; }
  .sm-max-h-1 { max-height: 0.25rem; }
  .sm-hover-max-h-1:hover { max-height: 0.25rem; }
  .sm-focus-max-h-1:focus { max-height: 0.25rem; }
  .sm-active-max-h-1:active { max-height: 0.25rem; }
  .sm-disabled-max-h-1:disabled { max-height: 0.25rem; }
  .sm-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  .sm-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  .sm-group:hover .sm-group-hover-max-h-1 { max-height: 0.25rem; }
  .sm-w-2 { width: 0.5rem; }
  .sm-hover-w-2:hover { width: 0.5rem; }
  .sm-focus-w-2:focus { width: 0.5rem; }
  .sm-active-w-2:active { width: 0.5rem; }
  .sm-disabled-w-2:disabled { width: 0.5rem; }
  .sm-focus-visible-w-2:focus-visible { width: 0.5rem; }
  .sm-focus-within-w-2:focus-within { width: 0.5rem; }
  .sm-group:hover .sm-group-hover-w-2 { width: 0.5rem; }
  .sm-h-2 { height: 0.5rem; }
  .sm-hover-h-2:hover { height: 0.5rem; }
  .sm-focus-h-2:focus { height: 0.5rem; }
  .sm-active-h-2:active { height: 0.5rem; }
  .sm-disabled-h-2:disabled { height: 0.5rem; }
  .sm-focus-visible-h-2:focus-visible { height: 0.5rem; }
  .sm-focus-within-h-2:focus-within { height: 0.5rem; }
  .sm-group:hover .sm-group-hover-h-2 { height: 0.5rem; }
  .sm-min-w-2 { min-width: 0.5rem; }
  .sm-hover-min-w-2:hover { min-width: 0.5rem; }
  .sm-focus-min-w-2:focus { min-width: 0.5rem; }
  .sm-active-min-w-2:active { min-width: 0.5rem; }
  .sm-disabled-min-w-2:disabled { min-width: 0.5rem; }
  .sm-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  .sm-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-min-w-2 { min-width: 0.5rem; }
  .sm-max-w-2 { max-width: 0.5rem; }
  .sm-hover-max-w-2:hover { max-width: 0.5rem; }
  .sm-focus-max-w-2:focus { max-width: 0.5rem; }
  .sm-active-max-w-2:active { max-width: 0.5rem; }
  .sm-disabled-max-w-2:disabled { max-width: 0.5rem; }
  .sm-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  .sm-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-max-w-2 { max-width: 0.5rem; }
  .sm-min-h-2 { min-height: 0.5rem; }
  .sm-hover-min-h-2:hover { min-height: 0.5rem; }
  .sm-focus-min-h-2:focus { min-height: 0.5rem; }
  .sm-active-min-h-2:active { min-height: 0.5rem; }
  .sm-disabled-min-h-2:disabled { min-height: 0.5rem; }
  .sm-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  .sm-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  .sm-group:hover .sm-group-hover-min-h-2 { min-height: 0.5rem; }
  .sm-max-h-2 { max-height: 0.5rem; }
  .sm-hover-max-h-2:hover { max-height: 0.5rem; }
  .sm-focus-max-h-2:focus { max-height: 0.5rem; }
  .sm-active-max-h-2:active { max-height: 0.5rem; }
  .sm-disabled-max-h-2:disabled { max-height: 0.5rem; }
  .sm-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  .sm-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  .sm-group:hover .sm-group-hover-max-h-2 { max-height: 0.5rem; }
  .sm-w-3 { width: 0.75rem; }
  .sm-hover-w-3:hover { width: 0.75rem; }
  .sm-focus-w-3:focus { width: 0.75rem; }
  .sm-active-w-3:active { width: 0.75rem; }
  .sm-disabled-w-3:disabled { width: 0.75rem; }
  .sm-focus-visible-w-3:focus-visible { width: 0.75rem; }
  .sm-focus-within-w-3:focus-within { width: 0.75rem; }
  .sm-group:hover .sm-group-hover-w-3 { width: 0.75rem; }
  .sm-h-3 { height: 0.75rem; }
  .sm-hover-h-3:hover { height: 0.75rem; }
  .sm-focus-h-3:focus { height: 0.75rem; }
  .sm-active-h-3:active { height: 0.75rem; }
  .sm-disabled-h-3:disabled { height: 0.75rem; }
  .sm-focus-visible-h-3:focus-visible { height: 0.75rem; }
  .sm-focus-within-h-3:focus-within { height: 0.75rem; }
  .sm-group:hover .sm-group-hover-h-3 { height: 0.75rem; }
  .sm-min-w-3 { min-width: 0.75rem; }
  .sm-hover-min-w-3:hover { min-width: 0.75rem; }
  .sm-focus-min-w-3:focus { min-width: 0.75rem; }
  .sm-active-min-w-3:active { min-width: 0.75rem; }
  .sm-disabled-min-w-3:disabled { min-width: 0.75rem; }
  .sm-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  .sm-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-min-w-3 { min-width: 0.75rem; }
  .sm-max-w-3 { max-width: 0.75rem; }
  .sm-hover-max-w-3:hover { max-width: 0.75rem; }
  .sm-focus-max-w-3:focus { max-width: 0.75rem; }
  .sm-active-max-w-3:active { max-width: 0.75rem; }
  .sm-disabled-max-w-3:disabled { max-width: 0.75rem; }
  .sm-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  .sm-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-max-w-3 { max-width: 0.75rem; }
  .sm-min-h-3 { min-height: 0.75rem; }
  .sm-hover-min-h-3:hover { min-height: 0.75rem; }
  .sm-focus-min-h-3:focus { min-height: 0.75rem; }
  .sm-active-min-h-3:active { min-height: 0.75rem; }
  .sm-disabled-min-h-3:disabled { min-height: 0.75rem; }
  .sm-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  .sm-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  .sm-group:hover .sm-group-hover-min-h-3 { min-height: 0.75rem; }
  .sm-max-h-3 { max-height: 0.75rem; }
  .sm-hover-max-h-3:hover { max-height: 0.75rem; }
  .sm-focus-max-h-3:focus { max-height: 0.75rem; }
  .sm-active-max-h-3:active { max-height: 0.75rem; }
  .sm-disabled-max-h-3:disabled { max-height: 0.75rem; }
  .sm-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  .sm-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  .sm-group:hover .sm-group-hover-max-h-3 { max-height: 0.75rem; }
  .sm-w-4 { width: 1rem; }
  .sm-hover-w-4:hover { width: 1rem; }
  .sm-focus-w-4:focus { width: 1rem; }
  .sm-active-w-4:active { width: 1rem; }
  .sm-disabled-w-4:disabled { width: 1rem; }
  .sm-focus-visible-w-4:focus-visible { width: 1rem; }
  .sm-focus-within-w-4:focus-within { width: 1rem; }
  .sm-group:hover .sm-group-hover-w-4 { width: 1rem; }
  .sm-h-4 { height: 1rem; }
  .sm-hover-h-4:hover { height: 1rem; }
  .sm-focus-h-4:focus { height: 1rem; }
  .sm-active-h-4:active { height: 1rem; }
  .sm-disabled-h-4:disabled { height: 1rem; }
  .sm-focus-visible-h-4:focus-visible { height: 1rem; }
  .sm-focus-within-h-4:focus-within { height: 1rem; }
  .sm-group:hover .sm-group-hover-h-4 { height: 1rem; }
  .sm-min-w-4 { min-width: 1rem; }
  .sm-hover-min-w-4:hover { min-width: 1rem; }
  .sm-focus-min-w-4:focus { min-width: 1rem; }
  .sm-active-min-w-4:active { min-width: 1rem; }
  .sm-disabled-min-w-4:disabled { min-width: 1rem; }
  .sm-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  .sm-focus-within-min-w-4:focus-within { min-width: 1rem; }
  .sm-group:hover .sm-group-hover-min-w-4 { min-width: 1rem; }
  .sm-max-w-4 { max-width: 1rem; }
  .sm-hover-max-w-4:hover { max-width: 1rem; }
  .sm-focus-max-w-4:focus { max-width: 1rem; }
  .sm-active-max-w-4:active { max-width: 1rem; }
  .sm-disabled-max-w-4:disabled { max-width: 1rem; }
  .sm-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  .sm-focus-within-max-w-4:focus-within { max-width: 1rem; }
  .sm-group:hover .sm-group-hover-max-w-4 { max-width: 1rem; }
  .sm-min-h-4 { min-height: 1rem; }
  .sm-hover-min-h-4:hover { min-height: 1rem; }
  .sm-focus-min-h-4:focus { min-height: 1rem; }
  .sm-active-min-h-4:active { min-height: 1rem; }
  .sm-disabled-min-h-4:disabled { min-height: 1rem; }
  .sm-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  .sm-focus-within-min-h-4:focus-within { min-height: 1rem; }
  .sm-group:hover .sm-group-hover-min-h-4 { min-height: 1rem; }
  .sm-max-h-4 { max-height: 1rem; }
  .sm-hover-max-h-4:hover { max-height: 1rem; }
  .sm-focus-max-h-4:focus { max-height: 1rem; }
  .sm-active-max-h-4:active { max-height: 1rem; }
  .sm-disabled-max-h-4:disabled { max-height: 1rem; }
  .sm-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  .sm-focus-within-max-h-4:focus-within { max-height: 1rem; }
  .sm-group:hover .sm-group-hover-max-h-4 { max-height: 1rem; }
  .sm-w-5 { width: 1.25rem; }
  .sm-hover-w-5:hover { width: 1.25rem; }
  .sm-focus-w-5:focus { width: 1.25rem; }
  .sm-active-w-5:active { width: 1.25rem; }
  .sm-disabled-w-5:disabled { width: 1.25rem; }
  .sm-focus-visible-w-5:focus-visible { width: 1.25rem; }
  .sm-focus-within-w-5:focus-within { width: 1.25rem; }
  .sm-group:hover .sm-group-hover-w-5 { width: 1.25rem; }
  .sm-h-5 { height: 1.25rem; }
  .sm-hover-h-5:hover { height: 1.25rem; }
  .sm-focus-h-5:focus { height: 1.25rem; }
  .sm-active-h-5:active { height: 1.25rem; }
  .sm-disabled-h-5:disabled { height: 1.25rem; }
  .sm-focus-visible-h-5:focus-visible { height: 1.25rem; }
  .sm-focus-within-h-5:focus-within { height: 1.25rem; }
  .sm-group:hover .sm-group-hover-h-5 { height: 1.25rem; }
  .sm-min-w-5 { min-width: 1.25rem; }
  .sm-hover-min-w-5:hover { min-width: 1.25rem; }
  .sm-focus-min-w-5:focus { min-width: 1.25rem; }
  .sm-active-min-w-5:active { min-width: 1.25rem; }
  .sm-disabled-min-w-5:disabled { min-width: 1.25rem; }
  .sm-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  .sm-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-min-w-5 { min-width: 1.25rem; }
  .sm-max-w-5 { max-width: 1.25rem; }
  .sm-hover-max-w-5:hover { max-width: 1.25rem; }
  .sm-focus-max-w-5:focus { max-width: 1.25rem; }
  .sm-active-max-w-5:active { max-width: 1.25rem; }
  .sm-disabled-max-w-5:disabled { max-width: 1.25rem; }
  .sm-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  .sm-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-max-w-5 { max-width: 1.25rem; }
  .sm-min-h-5 { min-height: 1.25rem; }
  .sm-hover-min-h-5:hover { min-height: 1.25rem; }
  .sm-focus-min-h-5:focus { min-height: 1.25rem; }
  .sm-active-min-h-5:active { min-height: 1.25rem; }
  .sm-disabled-min-h-5:disabled { min-height: 1.25rem; }
  .sm-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  .sm-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  .sm-group:hover .sm-group-hover-min-h-5 { min-height: 1.25rem; }
  .sm-max-h-5 { max-height: 1.25rem; }
  .sm-hover-max-h-5:hover { max-height: 1.25rem; }
  .sm-focus-max-h-5:focus { max-height: 1.25rem; }
  .sm-active-max-h-5:active { max-height: 1.25rem; }
  .sm-disabled-max-h-5:disabled { max-height: 1.25rem; }
  .sm-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  .sm-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  .sm-group:hover .sm-group-hover-max-h-5 { max-height: 1.25rem; }
  .sm-w-6 { width: 1.5rem; }
  .sm-hover-w-6:hover { width: 1.5rem; }
  .sm-focus-w-6:focus { width: 1.5rem; }
  .sm-active-w-6:active { width: 1.5rem; }
  .sm-disabled-w-6:disabled { width: 1.5rem; }
  .sm-focus-visible-w-6:focus-visible { width: 1.5rem; }
  .sm-focus-within-w-6:focus-within { width: 1.5rem; }
  .sm-group:hover .sm-group-hover-w-6 { width: 1.5rem; }
  .sm-h-6 { height: 1.5rem; }
  .sm-hover-h-6:hover { height: 1.5rem; }
  .sm-focus-h-6:focus { height: 1.5rem; }
  .sm-active-h-6:active { height: 1.5rem; }
  .sm-disabled-h-6:disabled { height: 1.5rem; }
  .sm-focus-visible-h-6:focus-visible { height: 1.5rem; }
  .sm-focus-within-h-6:focus-within { height: 1.5rem; }
  .sm-group:hover .sm-group-hover-h-6 { height: 1.5rem; }
  .sm-min-w-6 { min-width: 1.5rem; }
  .sm-hover-min-w-6:hover { min-width: 1.5rem; }
  .sm-focus-min-w-6:focus { min-width: 1.5rem; }
  .sm-active-min-w-6:active { min-width: 1.5rem; }
  .sm-disabled-min-w-6:disabled { min-width: 1.5rem; }
  .sm-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  .sm-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-min-w-6 { min-width: 1.5rem; }
  .sm-max-w-6 { max-width: 1.5rem; }
  .sm-hover-max-w-6:hover { max-width: 1.5rem; }
  .sm-focus-max-w-6:focus { max-width: 1.5rem; }
  .sm-active-max-w-6:active { max-width: 1.5rem; }
  .sm-disabled-max-w-6:disabled { max-width: 1.5rem; }
  .sm-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  .sm-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-max-w-6 { max-width: 1.5rem; }
  .sm-min-h-6 { min-height: 1.5rem; }
  .sm-hover-min-h-6:hover { min-height: 1.5rem; }
  .sm-focus-min-h-6:focus { min-height: 1.5rem; }
  .sm-active-min-h-6:active { min-height: 1.5rem; }
  .sm-disabled-min-h-6:disabled { min-height: 1.5rem; }
  .sm-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  .sm-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  .sm-group:hover .sm-group-hover-min-h-6 { min-height: 1.5rem; }
  .sm-max-h-6 { max-height: 1.5rem; }
  .sm-hover-max-h-6:hover { max-height: 1.5rem; }
  .sm-focus-max-h-6:focus { max-height: 1.5rem; }
  .sm-active-max-h-6:active { max-height: 1.5rem; }
  .sm-disabled-max-h-6:disabled { max-height: 1.5rem; }
  .sm-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  .sm-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  .sm-group:hover .sm-group-hover-max-h-6 { max-height: 1.5rem; }
  .sm-w-7 { width: 1.75rem; }
  .sm-hover-w-7:hover { width: 1.75rem; }
  .sm-focus-w-7:focus { width: 1.75rem; }
  .sm-active-w-7:active { width: 1.75rem; }
  .sm-disabled-w-7:disabled { width: 1.75rem; }
  .sm-focus-visible-w-7:focus-visible { width: 1.75rem; }
  .sm-focus-within-w-7:focus-within { width: 1.75rem; }
  .sm-group:hover .sm-group-hover-w-7 { width: 1.75rem; }
  .sm-h-7 { height: 1.75rem; }
  .sm-hover-h-7:hover { height: 1.75rem; }
  .sm-focus-h-7:focus { height: 1.75rem; }
  .sm-active-h-7:active { height: 1.75rem; }
  .sm-disabled-h-7:disabled { height: 1.75rem; }
  .sm-focus-visible-h-7:focus-visible { height: 1.75rem; }
  .sm-focus-within-h-7:focus-within { height: 1.75rem; }
  .sm-group:hover .sm-group-hover-h-7 { height: 1.75rem; }
  .sm-min-w-7 { min-width: 1.75rem; }
  .sm-hover-min-w-7:hover { min-width: 1.75rem; }
  .sm-focus-min-w-7:focus { min-width: 1.75rem; }
  .sm-active-min-w-7:active { min-width: 1.75rem; }
  .sm-disabled-min-w-7:disabled { min-width: 1.75rem; }
  .sm-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  .sm-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-min-w-7 { min-width: 1.75rem; }
  .sm-max-w-7 { max-width: 1.75rem; }
  .sm-hover-max-w-7:hover { max-width: 1.75rem; }
  .sm-focus-max-w-7:focus { max-width: 1.75rem; }
  .sm-active-max-w-7:active { max-width: 1.75rem; }
  .sm-disabled-max-w-7:disabled { max-width: 1.75rem; }
  .sm-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  .sm-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-max-w-7 { max-width: 1.75rem; }
  .sm-min-h-7 { min-height: 1.75rem; }
  .sm-hover-min-h-7:hover { min-height: 1.75rem; }
  .sm-focus-min-h-7:focus { min-height: 1.75rem; }
  .sm-active-min-h-7:active { min-height: 1.75rem; }
  .sm-disabled-min-h-7:disabled { min-height: 1.75rem; }
  .sm-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  .sm-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  .sm-group:hover .sm-group-hover-min-h-7 { min-height: 1.75rem; }
  .sm-max-h-7 { max-height: 1.75rem; }
  .sm-hover-max-h-7:hover { max-height: 1.75rem; }
  .sm-focus-max-h-7:focus { max-height: 1.75rem; }
  .sm-active-max-h-7:active { max-height: 1.75rem; }
  .sm-disabled-max-h-7:disabled { max-height: 1.75rem; }
  .sm-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  .sm-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  .sm-group:hover .sm-group-hover-max-h-7 { max-height: 1.75rem; }
  .sm-w-8 { width: 2rem; }
  .sm-hover-w-8:hover { width: 2rem; }
  .sm-focus-w-8:focus { width: 2rem; }
  .sm-active-w-8:active { width: 2rem; }
  .sm-disabled-w-8:disabled { width: 2rem; }
  .sm-focus-visible-w-8:focus-visible { width: 2rem; }
  .sm-focus-within-w-8:focus-within { width: 2rem; }
  .sm-group:hover .sm-group-hover-w-8 { width: 2rem; }
  .sm-h-8 { height: 2rem; }
  .sm-hover-h-8:hover { height: 2rem; }
  .sm-focus-h-8:focus { height: 2rem; }
  .sm-active-h-8:active { height: 2rem; }
  .sm-disabled-h-8:disabled { height: 2rem; }
  .sm-focus-visible-h-8:focus-visible { height: 2rem; }
  .sm-focus-within-h-8:focus-within { height: 2rem; }
  .sm-group:hover .sm-group-hover-h-8 { height: 2rem; }
  .sm-min-w-8 { min-width: 2rem; }
  .sm-hover-min-w-8:hover { min-width: 2rem; }
  .sm-focus-min-w-8:focus { min-width: 2rem; }
  .sm-active-min-w-8:active { min-width: 2rem; }
  .sm-disabled-min-w-8:disabled { min-width: 2rem; }
  .sm-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  .sm-focus-within-min-w-8:focus-within { min-width: 2rem; }
  .sm-group:hover .sm-group-hover-min-w-8 { min-width: 2rem; }
  .sm-max-w-8 { max-width: 2rem; }
  .sm-hover-max-w-8:hover { max-width: 2rem; }
  .sm-focus-max-w-8:focus { max-width: 2rem; }
  .sm-active-max-w-8:active { max-width: 2rem; }
  .sm-disabled-max-w-8:disabled { max-width: 2rem; }
  .sm-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  .sm-focus-within-max-w-8:focus-within { max-width: 2rem; }
  .sm-group:hover .sm-group-hover-max-w-8 { max-width: 2rem; }
  .sm-min-h-8 { min-height: 2rem; }
  .sm-hover-min-h-8:hover { min-height: 2rem; }
  .sm-focus-min-h-8:focus { min-height: 2rem; }
  .sm-active-min-h-8:active { min-height: 2rem; }
  .sm-disabled-min-h-8:disabled { min-height: 2rem; }
  .sm-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  .sm-focus-within-min-h-8:focus-within { min-height: 2rem; }
  .sm-group:hover .sm-group-hover-min-h-8 { min-height: 2rem; }
  .sm-max-h-8 { max-height: 2rem; }
  .sm-hover-max-h-8:hover { max-height: 2rem; }
  .sm-focus-max-h-8:focus { max-height: 2rem; }
  .sm-active-max-h-8:active { max-height: 2rem; }
  .sm-disabled-max-h-8:disabled { max-height: 2rem; }
  .sm-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  .sm-focus-within-max-h-8:focus-within { max-height: 2rem; }
  .sm-group:hover .sm-group-hover-max-h-8 { max-height: 2rem; }
  .sm-w-9 { width: 2.25rem; }
  .sm-hover-w-9:hover { width: 2.25rem; }
  .sm-focus-w-9:focus { width: 2.25rem; }
  .sm-active-w-9:active { width: 2.25rem; }
  .sm-disabled-w-9:disabled { width: 2.25rem; }
  .sm-focus-visible-w-9:focus-visible { width: 2.25rem; }
  .sm-focus-within-w-9:focus-within { width: 2.25rem; }
  .sm-group:hover .sm-group-hover-w-9 { width: 2.25rem; }
  .sm-h-9 { height: 2.25rem; }
  .sm-hover-h-9:hover { height: 2.25rem; }
  .sm-focus-h-9:focus { height: 2.25rem; }
  .sm-active-h-9:active { height: 2.25rem; }
  .sm-disabled-h-9:disabled { height: 2.25rem; }
  .sm-focus-visible-h-9:focus-visible { height: 2.25rem; }
  .sm-focus-within-h-9:focus-within { height: 2.25rem; }
  .sm-group:hover .sm-group-hover-h-9 { height: 2.25rem; }
  .sm-min-w-9 { min-width: 2.25rem; }
  .sm-hover-min-w-9:hover { min-width: 2.25rem; }
  .sm-focus-min-w-9:focus { min-width: 2.25rem; }
  .sm-active-min-w-9:active { min-width: 2.25rem; }
  .sm-disabled-min-w-9:disabled { min-width: 2.25rem; }
  .sm-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  .sm-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  .sm-group:hover .sm-group-hover-min-w-9 { min-width: 2.25rem; }
  .sm-max-w-9 { max-width: 2.25rem; }
  .sm-hover-max-w-9:hover { max-width: 2.25rem; }
  .sm-focus-max-w-9:focus { max-width: 2.25rem; }
  .sm-active-max-w-9:active { max-width: 2.25rem; }
  .sm-disabled-max-w-9:disabled { max-width: 2.25rem; }
  .sm-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  .sm-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  .sm-group:hover .sm-group-hover-max-w-9 { max-width: 2.25rem; }
  .sm-min-h-9 { min-height: 2.25rem; }
  .sm-hover-min-h-9:hover { min-height: 2.25rem; }
  .sm-focus-min-h-9:focus { min-height: 2.25rem; }
  .sm-active-min-h-9:active { min-height: 2.25rem; }
  .sm-disabled-min-h-9:disabled { min-height: 2.25rem; }
  .sm-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  .sm-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  .sm-group:hover .sm-group-hover-min-h-9 { min-height: 2.25rem; }
  .sm-max-h-9 { max-height: 2.25rem; }
  .sm-hover-max-h-9:hover { max-height: 2.25rem; }
  .sm-focus-max-h-9:focus { max-height: 2.25rem; }
  .sm-active-max-h-9:active { max-height: 2.25rem; }
  .sm-disabled-max-h-9:disabled { max-height: 2.25rem; }
  .sm-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  .sm-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  .sm-group:hover .sm-group-hover-max-h-9 { max-height: 2.25rem; }
  .sm-w-10 { width: 2.5rem; }
  .sm-hover-w-10:hover { width: 2.5rem; }
  .sm-focus-w-10:focus { width: 2.5rem; }
  .sm-active-w-10:active { width: 2.5rem; }
  .sm-disabled-w-10:disabled { width: 2.5rem; }
  .sm-focus-visible-w-10:focus-visible { width: 2.5rem; }
  .sm-focus-within-w-10:focus-within { width: 2.5rem; }
  .sm-group:hover .sm-group-hover-w-10 { width: 2.5rem; }
  .sm-h-10 { height: 2.5rem; }
  .sm-hover-h-10:hover { height: 2.5rem; }
  .sm-focus-h-10:focus { height: 2.5rem; }
  .sm-active-h-10:active { height: 2.5rem; }
  .sm-disabled-h-10:disabled { height: 2.5rem; }
  .sm-focus-visible-h-10:focus-visible { height: 2.5rem; }
  .sm-focus-within-h-10:focus-within { height: 2.5rem; }
  .sm-group:hover .sm-group-hover-h-10 { height: 2.5rem; }
  .sm-min-w-10 { min-width: 2.5rem; }
  .sm-hover-min-w-10:hover { min-width: 2.5rem; }
  .sm-focus-min-w-10:focus { min-width: 2.5rem; }
  .sm-active-min-w-10:active { min-width: 2.5rem; }
  .sm-disabled-min-w-10:disabled { min-width: 2.5rem; }
  .sm-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  .sm-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  .sm-group:hover .sm-group-hover-min-w-10 { min-width: 2.5rem; }
  .sm-max-w-10 { max-width: 2.5rem; }
  .sm-hover-max-w-10:hover { max-width: 2.5rem; }
  .sm-focus-max-w-10:focus { max-width: 2.5rem; }
  .sm-active-max-w-10:active { max-width: 2.5rem; }
  .sm-disabled-max-w-10:disabled { max-width: 2.5rem; }
  .sm-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  .sm-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  .sm-group:hover .sm-group-hover-max-w-10 { max-width: 2.5rem; }
  .sm-min-h-10 { min-height: 2.5rem; }
  .sm-hover-min-h-10:hover { min-height: 2.5rem; }
  .sm-focus-min-h-10:focus { min-height: 2.5rem; }
  .sm-active-min-h-10:active { min-height: 2.5rem; }
  .sm-disabled-min-h-10:disabled { min-height: 2.5rem; }
  .sm-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  .sm-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  .sm-group:hover .sm-group-hover-min-h-10 { min-height: 2.5rem; }
  .sm-max-h-10 { max-height: 2.5rem; }
  .sm-hover-max-h-10:hover { max-height: 2.5rem; }
  .sm-focus-max-h-10:focus { max-height: 2.5rem; }
  .sm-active-max-h-10:active { max-height: 2.5rem; }
  .sm-disabled-max-h-10:disabled { max-height: 2.5rem; }
  .sm-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  .sm-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  .sm-group:hover .sm-group-hover-max-h-10 { max-height: 2.5rem; }
  .sm-w-11 { width: 2.75rem; }
  .sm-hover-w-11:hover { width: 2.75rem; }
  .sm-focus-w-11:focus { width: 2.75rem; }
  .sm-active-w-11:active { width: 2.75rem; }
  .sm-disabled-w-11:disabled { width: 2.75rem; }
  .sm-focus-visible-w-11:focus-visible { width: 2.75rem; }
  .sm-focus-within-w-11:focus-within { width: 2.75rem; }
  .sm-group:hover .sm-group-hover-w-11 { width: 2.75rem; }
  .sm-h-11 { height: 2.75rem; }
  .sm-hover-h-11:hover { height: 2.75rem; }
  .sm-focus-h-11:focus { height: 2.75rem; }
  .sm-active-h-11:active { height: 2.75rem; }
  .sm-disabled-h-11:disabled { height: 2.75rem; }
  .sm-focus-visible-h-11:focus-visible { height: 2.75rem; }
  .sm-focus-within-h-11:focus-within { height: 2.75rem; }
  .sm-group:hover .sm-group-hover-h-11 { height: 2.75rem; }
  .sm-min-w-11 { min-width: 2.75rem; }
  .sm-hover-min-w-11:hover { min-width: 2.75rem; }
  .sm-focus-min-w-11:focus { min-width: 2.75rem; }
  .sm-active-min-w-11:active { min-width: 2.75rem; }
  .sm-disabled-min-w-11:disabled { min-width: 2.75rem; }
  .sm-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  .sm-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  .sm-group:hover .sm-group-hover-min-w-11 { min-width: 2.75rem; }
  .sm-max-w-11 { max-width: 2.75rem; }
  .sm-hover-max-w-11:hover { max-width: 2.75rem; }
  .sm-focus-max-w-11:focus { max-width: 2.75rem; }
  .sm-active-max-w-11:active { max-width: 2.75rem; }
  .sm-disabled-max-w-11:disabled { max-width: 2.75rem; }
  .sm-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  .sm-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  .sm-group:hover .sm-group-hover-max-w-11 { max-width: 2.75rem; }
  .sm-min-h-11 { min-height: 2.75rem; }
  .sm-hover-min-h-11:hover { min-height: 2.75rem; }
  .sm-focus-min-h-11:focus { min-height: 2.75rem; }
  .sm-active-min-h-11:active { min-height: 2.75rem; }
  .sm-disabled-min-h-11:disabled { min-height: 2.75rem; }
  .sm-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  .sm-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  .sm-group:hover .sm-group-hover-min-h-11 { min-height: 2.75rem; }
  .sm-max-h-11 { max-height: 2.75rem; }
  .sm-hover-max-h-11:hover { max-height: 2.75rem; }
  .sm-focus-max-h-11:focus { max-height: 2.75rem; }
  .sm-active-max-h-11:active { max-height: 2.75rem; }
  .sm-disabled-max-h-11:disabled { max-height: 2.75rem; }
  .sm-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  .sm-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  .sm-group:hover .sm-group-hover-max-h-11 { max-height: 2.75rem; }
  .sm-w-12 { width: 3rem; }
  .sm-hover-w-12:hover { width: 3rem; }
  .sm-focus-w-12:focus { width: 3rem; }
  .sm-active-w-12:active { width: 3rem; }
  .sm-disabled-w-12:disabled { width: 3rem; }
  .sm-focus-visible-w-12:focus-visible { width: 3rem; }
  .sm-focus-within-w-12:focus-within { width: 3rem; }
  .sm-group:hover .sm-group-hover-w-12 { width: 3rem; }
  .sm-h-12 { height: 3rem; }
  .sm-hover-h-12:hover { height: 3rem; }
  .sm-focus-h-12:focus { height: 3rem; }
  .sm-active-h-12:active { height: 3rem; }
  .sm-disabled-h-12:disabled { height: 3rem; }
  .sm-focus-visible-h-12:focus-visible { height: 3rem; }
  .sm-focus-within-h-12:focus-within { height: 3rem; }
  .sm-group:hover .sm-group-hover-h-12 { height: 3rem; }
  .sm-min-w-12 { min-width: 3rem; }
  .sm-hover-min-w-12:hover { min-width: 3rem; }
  .sm-focus-min-w-12:focus { min-width: 3rem; }
  .sm-active-min-w-12:active { min-width: 3rem; }
  .sm-disabled-min-w-12:disabled { min-width: 3rem; }
  .sm-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  .sm-focus-within-min-w-12:focus-within { min-width: 3rem; }
  .sm-group:hover .sm-group-hover-min-w-12 { min-width: 3rem; }
  .sm-max-w-12 { max-width: 3rem; }
  .sm-hover-max-w-12:hover { max-width: 3rem; }
  .sm-focus-max-w-12:focus { max-width: 3rem; }
  .sm-active-max-w-12:active { max-width: 3rem; }
  .sm-disabled-max-w-12:disabled { max-width: 3rem; }
  .sm-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  .sm-focus-within-max-w-12:focus-within { max-width: 3rem; }
  .sm-group:hover .sm-group-hover-max-w-12 { max-width: 3rem; }
  .sm-min-h-12 { min-height: 3rem; }
  .sm-hover-min-h-12:hover { min-height: 3rem; }
  .sm-focus-min-h-12:focus { min-height: 3rem; }
  .sm-active-min-h-12:active { min-height: 3rem; }
  .sm-disabled-min-h-12:disabled { min-height: 3rem; }
  .sm-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  .sm-focus-within-min-h-12:focus-within { min-height: 3rem; }
  .sm-group:hover .sm-group-hover-min-h-12 { min-height: 3rem; }
  .sm-max-h-12 { max-height: 3rem; }
  .sm-hover-max-h-12:hover { max-height: 3rem; }
  .sm-focus-max-h-12:focus { max-height: 3rem; }
  .sm-active-max-h-12:active { max-height: 3rem; }
  .sm-disabled-max-h-12:disabled { max-height: 3rem; }
  .sm-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  .sm-focus-within-max-h-12:focus-within { max-height: 3rem; }
  .sm-group:hover .sm-group-hover-max-h-12 { max-height: 3rem; }
  .sm-w-14 { width: 3.5rem; }
  .sm-hover-w-14:hover { width: 3.5rem; }
  .sm-focus-w-14:focus { width: 3.5rem; }
  .sm-active-w-14:active { width: 3.5rem; }
  .sm-disabled-w-14:disabled { width: 3.5rem; }
  .sm-focus-visible-w-14:focus-visible { width: 3.5rem; }
  .sm-focus-within-w-14:focus-within { width: 3.5rem; }
  .sm-group:hover .sm-group-hover-w-14 { width: 3.5rem; }
  .sm-h-14 { height: 3.5rem; }
  .sm-hover-h-14:hover { height: 3.5rem; }
  .sm-focus-h-14:focus { height: 3.5rem; }
  .sm-active-h-14:active { height: 3.5rem; }
  .sm-disabled-h-14:disabled { height: 3.5rem; }
  .sm-focus-visible-h-14:focus-visible { height: 3.5rem; }
  .sm-focus-within-h-14:focus-within { height: 3.5rem; }
  .sm-group:hover .sm-group-hover-h-14 { height: 3.5rem; }
  .sm-min-w-14 { min-width: 3.5rem; }
  .sm-hover-min-w-14:hover { min-width: 3.5rem; }
  .sm-focus-min-w-14:focus { min-width: 3.5rem; }
  .sm-active-min-w-14:active { min-width: 3.5rem; }
  .sm-disabled-min-w-14:disabled { min-width: 3.5rem; }
  .sm-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  .sm-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  .sm-group:hover .sm-group-hover-min-w-14 { min-width: 3.5rem; }
  .sm-max-w-14 { max-width: 3.5rem; }
  .sm-hover-max-w-14:hover { max-width: 3.5rem; }
  .sm-focus-max-w-14:focus { max-width: 3.5rem; }
  .sm-active-max-w-14:active { max-width: 3.5rem; }
  .sm-disabled-max-w-14:disabled { max-width: 3.5rem; }
  .sm-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  .sm-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  .sm-group:hover .sm-group-hover-max-w-14 { max-width: 3.5rem; }
  .sm-min-h-14 { min-height: 3.5rem; }
  .sm-hover-min-h-14:hover { min-height: 3.5rem; }
  .sm-focus-min-h-14:focus { min-height: 3.5rem; }
  .sm-active-min-h-14:active { min-height: 3.5rem; }
  .sm-disabled-min-h-14:disabled { min-height: 3.5rem; }
  .sm-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  .sm-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  .sm-group:hover .sm-group-hover-min-h-14 { min-height: 3.5rem; }
  .sm-max-h-14 { max-height: 3.5rem; }
  .sm-hover-max-h-14:hover { max-height: 3.5rem; }
  .sm-focus-max-h-14:focus { max-height: 3.5rem; }
  .sm-active-max-h-14:active { max-height: 3.5rem; }
  .sm-disabled-max-h-14:disabled { max-height: 3.5rem; }
  .sm-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  .sm-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  .sm-group:hover .sm-group-hover-max-h-14 { max-height: 3.5rem; }
  .sm-w-16 { width: 4rem; }
  .sm-hover-w-16:hover { width: 4rem; }
  .sm-focus-w-16:focus { width: 4rem; }
  .sm-active-w-16:active { width: 4rem; }
  .sm-disabled-w-16:disabled { width: 4rem; }
  .sm-focus-visible-w-16:focus-visible { width: 4rem; }
  .sm-focus-within-w-16:focus-within { width: 4rem; }
  .sm-group:hover .sm-group-hover-w-16 { width: 4rem; }
  .sm-h-16 { height: 4rem; }
  .sm-hover-h-16:hover { height: 4rem; }
  .sm-focus-h-16:focus { height: 4rem; }
  .sm-active-h-16:active { height: 4rem; }
  .sm-disabled-h-16:disabled { height: 4rem; }
  .sm-focus-visible-h-16:focus-visible { height: 4rem; }
  .sm-focus-within-h-16:focus-within { height: 4rem; }
  .sm-group:hover .sm-group-hover-h-16 { height: 4rem; }
  .sm-min-w-16 { min-width: 4rem; }
  .sm-hover-min-w-16:hover { min-width: 4rem; }
  .sm-focus-min-w-16:focus { min-width: 4rem; }
  .sm-active-min-w-16:active { min-width: 4rem; }
  .sm-disabled-min-w-16:disabled { min-width: 4rem; }
  .sm-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  .sm-focus-within-min-w-16:focus-within { min-width: 4rem; }
  .sm-group:hover .sm-group-hover-min-w-16 { min-width: 4rem; }
  .sm-max-w-16 { max-width: 4rem; }
  .sm-hover-max-w-16:hover { max-width: 4rem; }
  .sm-focus-max-w-16:focus { max-width: 4rem; }
  .sm-active-max-w-16:active { max-width: 4rem; }
  .sm-disabled-max-w-16:disabled { max-width: 4rem; }
  .sm-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  .sm-focus-within-max-w-16:focus-within { max-width: 4rem; }
  .sm-group:hover .sm-group-hover-max-w-16 { max-width: 4rem; }
  .sm-min-h-16 { min-height: 4rem; }
  .sm-hover-min-h-16:hover { min-height: 4rem; }
  .sm-focus-min-h-16:focus { min-height: 4rem; }
  .sm-active-min-h-16:active { min-height: 4rem; }
  .sm-disabled-min-h-16:disabled { min-height: 4rem; }
  .sm-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  .sm-focus-within-min-h-16:focus-within { min-height: 4rem; }
  .sm-group:hover .sm-group-hover-min-h-16 { min-height: 4rem; }
  .sm-max-h-16 { max-height: 4rem; }
  .sm-hover-max-h-16:hover { max-height: 4rem; }
  .sm-focus-max-h-16:focus { max-height: 4rem; }
  .sm-active-max-h-16:active { max-height: 4rem; }
  .sm-disabled-max-h-16:disabled { max-height: 4rem; }
  .sm-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  .sm-focus-within-max-h-16:focus-within { max-height: 4rem; }
  .sm-group:hover .sm-group-hover-max-h-16 { max-height: 4rem; }
  .sm-w-20 { width: 5rem; }
  .sm-hover-w-20:hover { width: 5rem; }
  .sm-focus-w-20:focus { width: 5rem; }
  .sm-active-w-20:active { width: 5rem; }
  .sm-disabled-w-20:disabled { width: 5rem; }
  .sm-focus-visible-w-20:focus-visible { width: 5rem; }
  .sm-focus-within-w-20:focus-within { width: 5rem; }
  .sm-group:hover .sm-group-hover-w-20 { width: 5rem; }
  .sm-h-20 { height: 5rem; }
  .sm-hover-h-20:hover { height: 5rem; }
  .sm-focus-h-20:focus { height: 5rem; }
  .sm-active-h-20:active { height: 5rem; }
  .sm-disabled-h-20:disabled { height: 5rem; }
  .sm-focus-visible-h-20:focus-visible { height: 5rem; }
  .sm-focus-within-h-20:focus-within { height: 5rem; }
  .sm-group:hover .sm-group-hover-h-20 { height: 5rem; }
  .sm-min-w-20 { min-width: 5rem; }
  .sm-hover-min-w-20:hover { min-width: 5rem; }
  .sm-focus-min-w-20:focus { min-width: 5rem; }
  .sm-active-min-w-20:active { min-width: 5rem; }
  .sm-disabled-min-w-20:disabled { min-width: 5rem; }
  .sm-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  .sm-focus-within-min-w-20:focus-within { min-width: 5rem; }
  .sm-group:hover .sm-group-hover-min-w-20 { min-width: 5rem; }
  .sm-max-w-20 { max-width: 5rem; }
  .sm-hover-max-w-20:hover { max-width: 5rem; }
  .sm-focus-max-w-20:focus { max-width: 5rem; }
  .sm-active-max-w-20:active { max-width: 5rem; }
  .sm-disabled-max-w-20:disabled { max-width: 5rem; }
  .sm-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  .sm-focus-within-max-w-20:focus-within { max-width: 5rem; }
  .sm-group:hover .sm-group-hover-max-w-20 { max-width: 5rem; }
  .sm-min-h-20 { min-height: 5rem; }
  .sm-hover-min-h-20:hover { min-height: 5rem; }
  .sm-focus-min-h-20:focus { min-height: 5rem; }
  .sm-active-min-h-20:active { min-height: 5rem; }
  .sm-disabled-min-h-20:disabled { min-height: 5rem; }
  .sm-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  .sm-focus-within-min-h-20:focus-within { min-height: 5rem; }
  .sm-group:hover .sm-group-hover-min-h-20 { min-height: 5rem; }
  .sm-max-h-20 { max-height: 5rem; }
  .sm-hover-max-h-20:hover { max-height: 5rem; }
  .sm-focus-max-h-20:focus { max-height: 5rem; }
  .sm-active-max-h-20:active { max-height: 5rem; }
  .sm-disabled-max-h-20:disabled { max-height: 5rem; }
  .sm-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  .sm-focus-within-max-h-20:focus-within { max-height: 5rem; }
  .sm-group:hover .sm-group-hover-max-h-20 { max-height: 5rem; }
  .sm-w-24 { width: 6rem; }
  .sm-hover-w-24:hover { width: 6rem; }
  .sm-focus-w-24:focus { width: 6rem; }
  .sm-active-w-24:active { width: 6rem; }
  .sm-disabled-w-24:disabled { width: 6rem; }
  .sm-focus-visible-w-24:focus-visible { width: 6rem; }
  .sm-focus-within-w-24:focus-within { width: 6rem; }
  .sm-group:hover .sm-group-hover-w-24 { width: 6rem; }
  .sm-h-24 { height: 6rem; }
  .sm-hover-h-24:hover { height: 6rem; }
  .sm-focus-h-24:focus { height: 6rem; }
  .sm-active-h-24:active { height: 6rem; }
  .sm-disabled-h-24:disabled { height: 6rem; }
  .sm-focus-visible-h-24:focus-visible { height: 6rem; }
  .sm-focus-within-h-24:focus-within { height: 6rem; }
  .sm-group:hover .sm-group-hover-h-24 { height: 6rem; }
  .sm-min-w-24 { min-width: 6rem; }
  .sm-hover-min-w-24:hover { min-width: 6rem; }
  .sm-focus-min-w-24:focus { min-width: 6rem; }
  .sm-active-min-w-24:active { min-width: 6rem; }
  .sm-disabled-min-w-24:disabled { min-width: 6rem; }
  .sm-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  .sm-focus-within-min-w-24:focus-within { min-width: 6rem; }
  .sm-group:hover .sm-group-hover-min-w-24 { min-width: 6rem; }
  .sm-max-w-24 { max-width: 6rem; }
  .sm-hover-max-w-24:hover { max-width: 6rem; }
  .sm-focus-max-w-24:focus { max-width: 6rem; }
  .sm-active-max-w-24:active { max-width: 6rem; }
  .sm-disabled-max-w-24:disabled { max-width: 6rem; }
  .sm-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  .sm-focus-within-max-w-24:focus-within { max-width: 6rem; }
  .sm-group:hover .sm-group-hover-max-w-24 { max-width: 6rem; }
  .sm-min-h-24 { min-height: 6rem; }
  .sm-hover-min-h-24:hover { min-height: 6rem; }
  .sm-focus-min-h-24:focus { min-height: 6rem; }
  .sm-active-min-h-24:active { min-height: 6rem; }
  .sm-disabled-min-h-24:disabled { min-height: 6rem; }
  .sm-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  .sm-focus-within-min-h-24:focus-within { min-height: 6rem; }
  .sm-group:hover .sm-group-hover-min-h-24 { min-height: 6rem; }
  .sm-max-h-24 { max-height: 6rem; }
  .sm-hover-max-h-24:hover { max-height: 6rem; }
  .sm-focus-max-h-24:focus { max-height: 6rem; }
  .sm-active-max-h-24:active { max-height: 6rem; }
  .sm-disabled-max-h-24:disabled { max-height: 6rem; }
  .sm-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  .sm-focus-within-max-h-24:focus-within { max-height: 6rem; }
  .sm-group:hover .sm-group-hover-max-h-24 { max-height: 6rem; }
  .sm-w-28 { width: 7rem; }
  .sm-hover-w-28:hover { width: 7rem; }
  .sm-focus-w-28:focus { width: 7rem; }
  .sm-active-w-28:active { width: 7rem; }
  .sm-disabled-w-28:disabled { width: 7rem; }
  .sm-focus-visible-w-28:focus-visible { width: 7rem; }
  .sm-focus-within-w-28:focus-within { width: 7rem; }
  .sm-group:hover .sm-group-hover-w-28 { width: 7rem; }
  .sm-h-28 { height: 7rem; }
  .sm-hover-h-28:hover { height: 7rem; }
  .sm-focus-h-28:focus { height: 7rem; }
  .sm-active-h-28:active { height: 7rem; }
  .sm-disabled-h-28:disabled { height: 7rem; }
  .sm-focus-visible-h-28:focus-visible { height: 7rem; }
  .sm-focus-within-h-28:focus-within { height: 7rem; }
  .sm-group:hover .sm-group-hover-h-28 { height: 7rem; }
  .sm-min-w-28 { min-width: 7rem; }
  .sm-hover-min-w-28:hover { min-width: 7rem; }
  .sm-focus-min-w-28:focus { min-width: 7rem; }
  .sm-active-min-w-28:active { min-width: 7rem; }
  .sm-disabled-min-w-28:disabled { min-width: 7rem; }
  .sm-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  .sm-focus-within-min-w-28:focus-within { min-width: 7rem; }
  .sm-group:hover .sm-group-hover-min-w-28 { min-width: 7rem; }
  .sm-max-w-28 { max-width: 7rem; }
  .sm-hover-max-w-28:hover { max-width: 7rem; }
  .sm-focus-max-w-28:focus { max-width: 7rem; }
  .sm-active-max-w-28:active { max-width: 7rem; }
  .sm-disabled-max-w-28:disabled { max-width: 7rem; }
  .sm-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  .sm-focus-within-max-w-28:focus-within { max-width: 7rem; }
  .sm-group:hover .sm-group-hover-max-w-28 { max-width: 7rem; }
  .sm-min-h-28 { min-height: 7rem; }
  .sm-hover-min-h-28:hover { min-height: 7rem; }
  .sm-focus-min-h-28:focus { min-height: 7rem; }
  .sm-active-min-h-28:active { min-height: 7rem; }
  .sm-disabled-min-h-28:disabled { min-height: 7rem; }
  .sm-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  .sm-focus-within-min-h-28:focus-within { min-height: 7rem; }
  .sm-group:hover .sm-group-hover-min-h-28 { min-height: 7rem; }
  .sm-max-h-28 { max-height: 7rem; }
  .sm-hover-max-h-28:hover { max-height: 7rem; }
  .sm-focus-max-h-28:focus { max-height: 7rem; }
  .sm-active-max-h-28:active { max-height: 7rem; }
  .sm-disabled-max-h-28:disabled { max-height: 7rem; }
  .sm-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  .sm-focus-within-max-h-28:focus-within { max-height: 7rem; }
  .sm-group:hover .sm-group-hover-max-h-28 { max-height: 7rem; }
  .sm-w-32 { width: 8rem; }
  .sm-hover-w-32:hover { width: 8rem; }
  .sm-focus-w-32:focus { width: 8rem; }
  .sm-active-w-32:active { width: 8rem; }
  .sm-disabled-w-32:disabled { width: 8rem; }
  .sm-focus-visible-w-32:focus-visible { width: 8rem; }
  .sm-focus-within-w-32:focus-within { width: 8rem; }
  .sm-group:hover .sm-group-hover-w-32 { width: 8rem; }
  .sm-h-32 { height: 8rem; }
  .sm-hover-h-32:hover { height: 8rem; }
  .sm-focus-h-32:focus { height: 8rem; }
  .sm-active-h-32:active { height: 8rem; }
  .sm-disabled-h-32:disabled { height: 8rem; }
  .sm-focus-visible-h-32:focus-visible { height: 8rem; }
  .sm-focus-within-h-32:focus-within { height: 8rem; }
  .sm-group:hover .sm-group-hover-h-32 { height: 8rem; }
  .sm-min-w-32 { min-width: 8rem; }
  .sm-hover-min-w-32:hover { min-width: 8rem; }
  .sm-focus-min-w-32:focus { min-width: 8rem; }
  .sm-active-min-w-32:active { min-width: 8rem; }
  .sm-disabled-min-w-32:disabled { min-width: 8rem; }
  .sm-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  .sm-focus-within-min-w-32:focus-within { min-width: 8rem; }
  .sm-group:hover .sm-group-hover-min-w-32 { min-width: 8rem; }
  .sm-max-w-32 { max-width: 8rem; }
  .sm-hover-max-w-32:hover { max-width: 8rem; }
  .sm-focus-max-w-32:focus { max-width: 8rem; }
  .sm-active-max-w-32:active { max-width: 8rem; }
  .sm-disabled-max-w-32:disabled { max-width: 8rem; }
  .sm-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  .sm-focus-within-max-w-32:focus-within { max-width: 8rem; }
  .sm-group:hover .sm-group-hover-max-w-32 { max-width: 8rem; }
  .sm-min-h-32 { min-height: 8rem; }
  .sm-hover-min-h-32:hover { min-height: 8rem; }
  .sm-focus-min-h-32:focus { min-height: 8rem; }
  .sm-active-min-h-32:active { min-height: 8rem; }
  .sm-disabled-min-h-32:disabled { min-height: 8rem; }
  .sm-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  .sm-focus-within-min-h-32:focus-within { min-height: 8rem; }
  .sm-group:hover .sm-group-hover-min-h-32 { min-height: 8rem; }
  .sm-max-h-32 { max-height: 8rem; }
  .sm-hover-max-h-32:hover { max-height: 8rem; }
  .sm-focus-max-h-32:focus { max-height: 8rem; }
  .sm-active-max-h-32:active { max-height: 8rem; }
  .sm-disabled-max-h-32:disabled { max-height: 8rem; }
  .sm-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  .sm-focus-within-max-h-32:focus-within { max-height: 8rem; }
  .sm-group:hover .sm-group-hover-max-h-32 { max-height: 8rem; }
  .sm-w-36 { width: 9rem; }
  .sm-hover-w-36:hover { width: 9rem; }
  .sm-focus-w-36:focus { width: 9rem; }
  .sm-active-w-36:active { width: 9rem; }
  .sm-disabled-w-36:disabled { width: 9rem; }
  .sm-focus-visible-w-36:focus-visible { width: 9rem; }
  .sm-focus-within-w-36:focus-within { width: 9rem; }
  .sm-group:hover .sm-group-hover-w-36 { width: 9rem; }
  .sm-h-36 { height: 9rem; }
  .sm-hover-h-36:hover { height: 9rem; }
  .sm-focus-h-36:focus { height: 9rem; }
  .sm-active-h-36:active { height: 9rem; }
  .sm-disabled-h-36:disabled { height: 9rem; }
  .sm-focus-visible-h-36:focus-visible { height: 9rem; }
  .sm-focus-within-h-36:focus-within { height: 9rem; }
  .sm-group:hover .sm-group-hover-h-36 { height: 9rem; }
  .sm-min-w-36 { min-width: 9rem; }
  .sm-hover-min-w-36:hover { min-width: 9rem; }
  .sm-focus-min-w-36:focus { min-width: 9rem; }
  .sm-active-min-w-36:active { min-width: 9rem; }
  .sm-disabled-min-w-36:disabled { min-width: 9rem; }
  .sm-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  .sm-focus-within-min-w-36:focus-within { min-width: 9rem; }
  .sm-group:hover .sm-group-hover-min-w-36 { min-width: 9rem; }
  .sm-max-w-36 { max-width: 9rem; }
  .sm-hover-max-w-36:hover { max-width: 9rem; }
  .sm-focus-max-w-36:focus { max-width: 9rem; }
  .sm-active-max-w-36:active { max-width: 9rem; }
  .sm-disabled-max-w-36:disabled { max-width: 9rem; }
  .sm-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  .sm-focus-within-max-w-36:focus-within { max-width: 9rem; }
  .sm-group:hover .sm-group-hover-max-w-36 { max-width: 9rem; }
  .sm-min-h-36 { min-height: 9rem; }
  .sm-hover-min-h-36:hover { min-height: 9rem; }
  .sm-focus-min-h-36:focus { min-height: 9rem; }
  .sm-active-min-h-36:active { min-height: 9rem; }
  .sm-disabled-min-h-36:disabled { min-height: 9rem; }
  .sm-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  .sm-focus-within-min-h-36:focus-within { min-height: 9rem; }
  .sm-group:hover .sm-group-hover-min-h-36 { min-height: 9rem; }
  .sm-max-h-36 { max-height: 9rem; }
  .sm-hover-max-h-36:hover { max-height: 9rem; }
  .sm-focus-max-h-36:focus { max-height: 9rem; }
  .sm-active-max-h-36:active { max-height: 9rem; }
  .sm-disabled-max-h-36:disabled { max-height: 9rem; }
  .sm-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  .sm-focus-within-max-h-36:focus-within { max-height: 9rem; }
  .sm-group:hover .sm-group-hover-max-h-36 { max-height: 9rem; }
  .sm-w-40 { width: 10rem; }
  .sm-hover-w-40:hover { width: 10rem; }
  .sm-focus-w-40:focus { width: 10rem; }
  .sm-active-w-40:active { width: 10rem; }
  .sm-disabled-w-40:disabled { width: 10rem; }
  .sm-focus-visible-w-40:focus-visible { width: 10rem; }
  .sm-focus-within-w-40:focus-within { width: 10rem; }
  .sm-group:hover .sm-group-hover-w-40 { width: 10rem; }
  .sm-h-40 { height: 10rem; }
  .sm-hover-h-40:hover { height: 10rem; }
  .sm-focus-h-40:focus { height: 10rem; }
  .sm-active-h-40:active { height: 10rem; }
  .sm-disabled-h-40:disabled { height: 10rem; }
  .sm-focus-visible-h-40:focus-visible { height: 10rem; }
  .sm-focus-within-h-40:focus-within { height: 10rem; }
  .sm-group:hover .sm-group-hover-h-40 { height: 10rem; }
  .sm-min-w-40 { min-width: 10rem; }
  .sm-hover-min-w-40:hover { min-width: 10rem; }
  .sm-focus-min-w-40:focus { min-width: 10rem; }
  .sm-active-min-w-40:active { min-width: 10rem; }
  .sm-disabled-min-w-40:disabled { min-width: 10rem; }
  .sm-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  .sm-focus-within-min-w-40:focus-within { min-width: 10rem; }
  .sm-group:hover .sm-group-hover-min-w-40 { min-width: 10rem; }
  .sm-max-w-40 { max-width: 10rem; }
  .sm-hover-max-w-40:hover { max-width: 10rem; }
  .sm-focus-max-w-40:focus { max-width: 10rem; }
  .sm-active-max-w-40:active { max-width: 10rem; }
  .sm-disabled-max-w-40:disabled { max-width: 10rem; }
  .sm-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  .sm-focus-within-max-w-40:focus-within { max-width: 10rem; }
  .sm-group:hover .sm-group-hover-max-w-40 { max-width: 10rem; }
  .sm-min-h-40 { min-height: 10rem; }
  .sm-hover-min-h-40:hover { min-height: 10rem; }
  .sm-focus-min-h-40:focus { min-height: 10rem; }
  .sm-active-min-h-40:active { min-height: 10rem; }
  .sm-disabled-min-h-40:disabled { min-height: 10rem; }
  .sm-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  .sm-focus-within-min-h-40:focus-within { min-height: 10rem; }
  .sm-group:hover .sm-group-hover-min-h-40 { min-height: 10rem; }
  .sm-max-h-40 { max-height: 10rem; }
  .sm-hover-max-h-40:hover { max-height: 10rem; }
  .sm-focus-max-h-40:focus { max-height: 10rem; }
  .sm-active-max-h-40:active { max-height: 10rem; }
  .sm-disabled-max-h-40:disabled { max-height: 10rem; }
  .sm-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  .sm-focus-within-max-h-40:focus-within { max-height: 10rem; }
  .sm-group:hover .sm-group-hover-max-h-40 { max-height: 10rem; }
  .sm-w-44 { width: 11rem; }
  .sm-hover-w-44:hover { width: 11rem; }
  .sm-focus-w-44:focus { width: 11rem; }
  .sm-active-w-44:active { width: 11rem; }
  .sm-disabled-w-44:disabled { width: 11rem; }
  .sm-focus-visible-w-44:focus-visible { width: 11rem; }
  .sm-focus-within-w-44:focus-within { width: 11rem; }
  .sm-group:hover .sm-group-hover-w-44 { width: 11rem; }
  .sm-h-44 { height: 11rem; }
  .sm-hover-h-44:hover { height: 11rem; }
  .sm-focus-h-44:focus { height: 11rem; }
  .sm-active-h-44:active { height: 11rem; }
  .sm-disabled-h-44:disabled { height: 11rem; }
  .sm-focus-visible-h-44:focus-visible { height: 11rem; }
  .sm-focus-within-h-44:focus-within { height: 11rem; }
  .sm-group:hover .sm-group-hover-h-44 { height: 11rem; }
  .sm-min-w-44 { min-width: 11rem; }
  .sm-hover-min-w-44:hover { min-width: 11rem; }
  .sm-focus-min-w-44:focus { min-width: 11rem; }
  .sm-active-min-w-44:active { min-width: 11rem; }
  .sm-disabled-min-w-44:disabled { min-width: 11rem; }
  .sm-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  .sm-focus-within-min-w-44:focus-within { min-width: 11rem; }
  .sm-group:hover .sm-group-hover-min-w-44 { min-width: 11rem; }
  .sm-max-w-44 { max-width: 11rem; }
  .sm-hover-max-w-44:hover { max-width: 11rem; }
  .sm-focus-max-w-44:focus { max-width: 11rem; }
  .sm-active-max-w-44:active { max-width: 11rem; }
  .sm-disabled-max-w-44:disabled { max-width: 11rem; }
  .sm-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  .sm-focus-within-max-w-44:focus-within { max-width: 11rem; }
  .sm-group:hover .sm-group-hover-max-w-44 { max-width: 11rem; }
  .sm-min-h-44 { min-height: 11rem; }
  .sm-hover-min-h-44:hover { min-height: 11rem; }
  .sm-focus-min-h-44:focus { min-height: 11rem; }
  .sm-active-min-h-44:active { min-height: 11rem; }
  .sm-disabled-min-h-44:disabled { min-height: 11rem; }
  .sm-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  .sm-focus-within-min-h-44:focus-within { min-height: 11rem; }
  .sm-group:hover .sm-group-hover-min-h-44 { min-height: 11rem; }
  .sm-max-h-44 { max-height: 11rem; }
  .sm-hover-max-h-44:hover { max-height: 11rem; }
  .sm-focus-max-h-44:focus { max-height: 11rem; }
  .sm-active-max-h-44:active { max-height: 11rem; }
  .sm-disabled-max-h-44:disabled { max-height: 11rem; }
  .sm-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  .sm-focus-within-max-h-44:focus-within { max-height: 11rem; }
  .sm-group:hover .sm-group-hover-max-h-44 { max-height: 11rem; }
  .sm-w-48 { width: 12rem; }
  .sm-hover-w-48:hover { width: 12rem; }
  .sm-focus-w-48:focus { width: 12rem; }
  .sm-active-w-48:active { width: 12rem; }
  .sm-disabled-w-48:disabled { width: 12rem; }
  .sm-focus-visible-w-48:focus-visible { width: 12rem; }
  .sm-focus-within-w-48:focus-within { width: 12rem; }
  .sm-group:hover .sm-group-hover-w-48 { width: 12rem; }
  .sm-h-48 { height: 12rem; }
  .sm-hover-h-48:hover { height: 12rem; }
  .sm-focus-h-48:focus { height: 12rem; }
  .sm-active-h-48:active { height: 12rem; }
  .sm-disabled-h-48:disabled { height: 12rem; }
  .sm-focus-visible-h-48:focus-visible { height: 12rem; }
  .sm-focus-within-h-48:focus-within { height: 12rem; }
  .sm-group:hover .sm-group-hover-h-48 { height: 12rem; }
  .sm-min-w-48 { min-width: 12rem; }
  .sm-hover-min-w-48:hover { min-width: 12rem; }
  .sm-focus-min-w-48:focus { min-width: 12rem; }
  .sm-active-min-w-48:active { min-width: 12rem; }
  .sm-disabled-min-w-48:disabled { min-width: 12rem; }
  .sm-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  .sm-focus-within-min-w-48:focus-within { min-width: 12rem; }
  .sm-group:hover .sm-group-hover-min-w-48 { min-width: 12rem; }
  .sm-max-w-48 { max-width: 12rem; }
  .sm-hover-max-w-48:hover { max-width: 12rem; }
  .sm-focus-max-w-48:focus { max-width: 12rem; }
  .sm-active-max-w-48:active { max-width: 12rem; }
  .sm-disabled-max-w-48:disabled { max-width: 12rem; }
  .sm-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  .sm-focus-within-max-w-48:focus-within { max-width: 12rem; }
  .sm-group:hover .sm-group-hover-max-w-48 { max-width: 12rem; }
  .sm-min-h-48 { min-height: 12rem; }
  .sm-hover-min-h-48:hover { min-height: 12rem; }
  .sm-focus-min-h-48:focus { min-height: 12rem; }
  .sm-active-min-h-48:active { min-height: 12rem; }
  .sm-disabled-min-h-48:disabled { min-height: 12rem; }
  .sm-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  .sm-focus-within-min-h-48:focus-within { min-height: 12rem; }
  .sm-group:hover .sm-group-hover-min-h-48 { min-height: 12rem; }
  .sm-max-h-48 { max-height: 12rem; }
  .sm-hover-max-h-48:hover { max-height: 12rem; }
  .sm-focus-max-h-48:focus { max-height: 12rem; }
  .sm-active-max-h-48:active { max-height: 12rem; }
  .sm-disabled-max-h-48:disabled { max-height: 12rem; }
  .sm-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  .sm-focus-within-max-h-48:focus-within { max-height: 12rem; }
  .sm-group:hover .sm-group-hover-max-h-48 { max-height: 12rem; }
  .sm-w-52 { width: 13rem; }
  .sm-hover-w-52:hover { width: 13rem; }
  .sm-focus-w-52:focus { width: 13rem; }
  .sm-active-w-52:active { width: 13rem; }
  .sm-disabled-w-52:disabled { width: 13rem; }
  .sm-focus-visible-w-52:focus-visible { width: 13rem; }
  .sm-focus-within-w-52:focus-within { width: 13rem; }
  .sm-group:hover .sm-group-hover-w-52 { width: 13rem; }
  .sm-h-52 { height: 13rem; }
  .sm-hover-h-52:hover { height: 13rem; }
  .sm-focus-h-52:focus { height: 13rem; }
  .sm-active-h-52:active { height: 13rem; }
  .sm-disabled-h-52:disabled { height: 13rem; }
  .sm-focus-visible-h-52:focus-visible { height: 13rem; }
  .sm-focus-within-h-52:focus-within { height: 13rem; }
  .sm-group:hover .sm-group-hover-h-52 { height: 13rem; }
  .sm-min-w-52 { min-width: 13rem; }
  .sm-hover-min-w-52:hover { min-width: 13rem; }
  .sm-focus-min-w-52:focus { min-width: 13rem; }
  .sm-active-min-w-52:active { min-width: 13rem; }
  .sm-disabled-min-w-52:disabled { min-width: 13rem; }
  .sm-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  .sm-focus-within-min-w-52:focus-within { min-width: 13rem; }
  .sm-group:hover .sm-group-hover-min-w-52 { min-width: 13rem; }
  .sm-max-w-52 { max-width: 13rem; }
  .sm-hover-max-w-52:hover { max-width: 13rem; }
  .sm-focus-max-w-52:focus { max-width: 13rem; }
  .sm-active-max-w-52:active { max-width: 13rem; }
  .sm-disabled-max-w-52:disabled { max-width: 13rem; }
  .sm-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  .sm-focus-within-max-w-52:focus-within { max-width: 13rem; }
  .sm-group:hover .sm-group-hover-max-w-52 { max-width: 13rem; }
  .sm-min-h-52 { min-height: 13rem; }
  .sm-hover-min-h-52:hover { min-height: 13rem; }
  .sm-focus-min-h-52:focus { min-height: 13rem; }
  .sm-active-min-h-52:active { min-height: 13rem; }
  .sm-disabled-min-h-52:disabled { min-height: 13rem; }
  .sm-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  .sm-focus-within-min-h-52:focus-within { min-height: 13rem; }
  .sm-group:hover .sm-group-hover-min-h-52 { min-height: 13rem; }
  .sm-max-h-52 { max-height: 13rem; }
  .sm-hover-max-h-52:hover { max-height: 13rem; }
  .sm-focus-max-h-52:focus { max-height: 13rem; }
  .sm-active-max-h-52:active { max-height: 13rem; }
  .sm-disabled-max-h-52:disabled { max-height: 13rem; }
  .sm-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  .sm-focus-within-max-h-52:focus-within { max-height: 13rem; }
  .sm-group:hover .sm-group-hover-max-h-52 { max-height: 13rem; }
  .sm-w-56 { width: 14rem; }
  .sm-hover-w-56:hover { width: 14rem; }
  .sm-focus-w-56:focus { width: 14rem; }
  .sm-active-w-56:active { width: 14rem; }
  .sm-disabled-w-56:disabled { width: 14rem; }
  .sm-focus-visible-w-56:focus-visible { width: 14rem; }
  .sm-focus-within-w-56:focus-within { width: 14rem; }
  .sm-group:hover .sm-group-hover-w-56 { width: 14rem; }
  .sm-h-56 { height: 14rem; }
  .sm-hover-h-56:hover { height: 14rem; }
  .sm-focus-h-56:focus { height: 14rem; }
  .sm-active-h-56:active { height: 14rem; }
  .sm-disabled-h-56:disabled { height: 14rem; }
  .sm-focus-visible-h-56:focus-visible { height: 14rem; }
  .sm-focus-within-h-56:focus-within { height: 14rem; }
  .sm-group:hover .sm-group-hover-h-56 { height: 14rem; }
  .sm-min-w-56 { min-width: 14rem; }
  .sm-hover-min-w-56:hover { min-width: 14rem; }
  .sm-focus-min-w-56:focus { min-width: 14rem; }
  .sm-active-min-w-56:active { min-width: 14rem; }
  .sm-disabled-min-w-56:disabled { min-width: 14rem; }
  .sm-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  .sm-focus-within-min-w-56:focus-within { min-width: 14rem; }
  .sm-group:hover .sm-group-hover-min-w-56 { min-width: 14rem; }
  .sm-max-w-56 { max-width: 14rem; }
  .sm-hover-max-w-56:hover { max-width: 14rem; }
  .sm-focus-max-w-56:focus { max-width: 14rem; }
  .sm-active-max-w-56:active { max-width: 14rem; }
  .sm-disabled-max-w-56:disabled { max-width: 14rem; }
  .sm-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  .sm-focus-within-max-w-56:focus-within { max-width: 14rem; }
  .sm-group:hover .sm-group-hover-max-w-56 { max-width: 14rem; }
  .sm-min-h-56 { min-height: 14rem; }
  .sm-hover-min-h-56:hover { min-height: 14rem; }
  .sm-focus-min-h-56:focus { min-height: 14rem; }
  .sm-active-min-h-56:active { min-height: 14rem; }
  .sm-disabled-min-h-56:disabled { min-height: 14rem; }
  .sm-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  .sm-focus-within-min-h-56:focus-within { min-height: 14rem; }
  .sm-group:hover .sm-group-hover-min-h-56 { min-height: 14rem; }
  .sm-max-h-56 { max-height: 14rem; }
  .sm-hover-max-h-56:hover { max-height: 14rem; }
  .sm-focus-max-h-56:focus { max-height: 14rem; }
  .sm-active-max-h-56:active { max-height: 14rem; }
  .sm-disabled-max-h-56:disabled { max-height: 14rem; }
  .sm-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  .sm-focus-within-max-h-56:focus-within { max-height: 14rem; }
  .sm-group:hover .sm-group-hover-max-h-56 { max-height: 14rem; }
  .sm-w-60 { width: 15rem; }
  .sm-hover-w-60:hover { width: 15rem; }
  .sm-focus-w-60:focus { width: 15rem; }
  .sm-active-w-60:active { width: 15rem; }
  .sm-disabled-w-60:disabled { width: 15rem; }
  .sm-focus-visible-w-60:focus-visible { width: 15rem; }
  .sm-focus-within-w-60:focus-within { width: 15rem; }
  .sm-group:hover .sm-group-hover-w-60 { width: 15rem; }
  .sm-h-60 { height: 15rem; }
  .sm-hover-h-60:hover { height: 15rem; }
  .sm-focus-h-60:focus { height: 15rem; }
  .sm-active-h-60:active { height: 15rem; }
  .sm-disabled-h-60:disabled { height: 15rem; }
  .sm-focus-visible-h-60:focus-visible { height: 15rem; }
  .sm-focus-within-h-60:focus-within { height: 15rem; }
  .sm-group:hover .sm-group-hover-h-60 { height: 15rem; }
  .sm-min-w-60 { min-width: 15rem; }
  .sm-hover-min-w-60:hover { min-width: 15rem; }
  .sm-focus-min-w-60:focus { min-width: 15rem; }
  .sm-active-min-w-60:active { min-width: 15rem; }
  .sm-disabled-min-w-60:disabled { min-width: 15rem; }
  .sm-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  .sm-focus-within-min-w-60:focus-within { min-width: 15rem; }
  .sm-group:hover .sm-group-hover-min-w-60 { min-width: 15rem; }
  .sm-max-w-60 { max-width: 15rem; }
  .sm-hover-max-w-60:hover { max-width: 15rem; }
  .sm-focus-max-w-60:focus { max-width: 15rem; }
  .sm-active-max-w-60:active { max-width: 15rem; }
  .sm-disabled-max-w-60:disabled { max-width: 15rem; }
  .sm-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  .sm-focus-within-max-w-60:focus-within { max-width: 15rem; }
  .sm-group:hover .sm-group-hover-max-w-60 { max-width: 15rem; }
  .sm-min-h-60 { min-height: 15rem; }
  .sm-hover-min-h-60:hover { min-height: 15rem; }
  .sm-focus-min-h-60:focus { min-height: 15rem; }
  .sm-active-min-h-60:active { min-height: 15rem; }
  .sm-disabled-min-h-60:disabled { min-height: 15rem; }
  .sm-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  .sm-focus-within-min-h-60:focus-within { min-height: 15rem; }
  .sm-group:hover .sm-group-hover-min-h-60 { min-height: 15rem; }
  .sm-max-h-60 { max-height: 15rem; }
  .sm-hover-max-h-60:hover { max-height: 15rem; }
  .sm-focus-max-h-60:focus { max-height: 15rem; }
  .sm-active-max-h-60:active { max-height: 15rem; }
  .sm-disabled-max-h-60:disabled { max-height: 15rem; }
  .sm-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  .sm-focus-within-max-h-60:focus-within { max-height: 15rem; }
  .sm-group:hover .sm-group-hover-max-h-60 { max-height: 15rem; }
  .sm-w-64 { width: 16rem; }
  .sm-hover-w-64:hover { width: 16rem; }
  .sm-focus-w-64:focus { width: 16rem; }
  .sm-active-w-64:active { width: 16rem; }
  .sm-disabled-w-64:disabled { width: 16rem; }
  .sm-focus-visible-w-64:focus-visible { width: 16rem; }
  .sm-focus-within-w-64:focus-within { width: 16rem; }
  .sm-group:hover .sm-group-hover-w-64 { width: 16rem; }
  .sm-h-64 { height: 16rem; }
  .sm-hover-h-64:hover { height: 16rem; }
  .sm-focus-h-64:focus { height: 16rem; }
  .sm-active-h-64:active { height: 16rem; }
  .sm-disabled-h-64:disabled { height: 16rem; }
  .sm-focus-visible-h-64:focus-visible { height: 16rem; }
  .sm-focus-within-h-64:focus-within { height: 16rem; }
  .sm-group:hover .sm-group-hover-h-64 { height: 16rem; }
  .sm-min-w-64 { min-width: 16rem; }
  .sm-hover-min-w-64:hover { min-width: 16rem; }
  .sm-focus-min-w-64:focus { min-width: 16rem; }
  .sm-active-min-w-64:active { min-width: 16rem; }
  .sm-disabled-min-w-64:disabled { min-width: 16rem; }
  .sm-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  .sm-focus-within-min-w-64:focus-within { min-width: 16rem; }
  .sm-group:hover .sm-group-hover-min-w-64 { min-width: 16rem; }
  .sm-max-w-64 { max-width: 16rem; }
  .sm-hover-max-w-64:hover { max-width: 16rem; }
  .sm-focus-max-w-64:focus { max-width: 16rem; }
  .sm-active-max-w-64:active { max-width: 16rem; }
  .sm-disabled-max-w-64:disabled { max-width: 16rem; }
  .sm-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  .sm-focus-within-max-w-64:focus-within { max-width: 16rem; }
  .sm-group:hover .sm-group-hover-max-w-64 { max-width: 16rem; }
  .sm-min-h-64 { min-height: 16rem; }
  .sm-hover-min-h-64:hover { min-height: 16rem; }
  .sm-focus-min-h-64:focus { min-height: 16rem; }
  .sm-active-min-h-64:active { min-height: 16rem; }
  .sm-disabled-min-h-64:disabled { min-height: 16rem; }
  .sm-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  .sm-focus-within-min-h-64:focus-within { min-height: 16rem; }
  .sm-group:hover .sm-group-hover-min-h-64 { min-height: 16rem; }
  .sm-max-h-64 { max-height: 16rem; }
  .sm-hover-max-h-64:hover { max-height: 16rem; }
  .sm-focus-max-h-64:focus { max-height: 16rem; }
  .sm-active-max-h-64:active { max-height: 16rem; }
  .sm-disabled-max-h-64:disabled { max-height: 16rem; }
  .sm-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  .sm-focus-within-max-h-64:focus-within { max-height: 16rem; }
  .sm-group:hover .sm-group-hover-max-h-64 { max-height: 16rem; }
  .sm-w-72 { width: 18rem; }
  .sm-hover-w-72:hover { width: 18rem; }
  .sm-focus-w-72:focus { width: 18rem; }
  .sm-active-w-72:active { width: 18rem; }
  .sm-disabled-w-72:disabled { width: 18rem; }
  .sm-focus-visible-w-72:focus-visible { width: 18rem; }
  .sm-focus-within-w-72:focus-within { width: 18rem; }
  .sm-group:hover .sm-group-hover-w-72 { width: 18rem; }
  .sm-h-72 { height: 18rem; }
  .sm-hover-h-72:hover { height: 18rem; }
  .sm-focus-h-72:focus { height: 18rem; }
  .sm-active-h-72:active { height: 18rem; }
  .sm-disabled-h-72:disabled { height: 18rem; }
  .sm-focus-visible-h-72:focus-visible { height: 18rem; }
  .sm-focus-within-h-72:focus-within { height: 18rem; }
  .sm-group:hover .sm-group-hover-h-72 { height: 18rem; }
  .sm-min-w-72 { min-width: 18rem; }
  .sm-hover-min-w-72:hover { min-width: 18rem; }
  .sm-focus-min-w-72:focus { min-width: 18rem; }
  .sm-active-min-w-72:active { min-width: 18rem; }
  .sm-disabled-min-w-72:disabled { min-width: 18rem; }
  .sm-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  .sm-focus-within-min-w-72:focus-within { min-width: 18rem; }
  .sm-group:hover .sm-group-hover-min-w-72 { min-width: 18rem; }
  .sm-max-w-72 { max-width: 18rem; }
  .sm-hover-max-w-72:hover { max-width: 18rem; }
  .sm-focus-max-w-72:focus { max-width: 18rem; }
  .sm-active-max-w-72:active { max-width: 18rem; }
  .sm-disabled-max-w-72:disabled { max-width: 18rem; }
  .sm-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  .sm-focus-within-max-w-72:focus-within { max-width: 18rem; }
  .sm-group:hover .sm-group-hover-max-w-72 { max-width: 18rem; }
  .sm-min-h-72 { min-height: 18rem; }
  .sm-hover-min-h-72:hover { min-height: 18rem; }
  .sm-focus-min-h-72:focus { min-height: 18rem; }
  .sm-active-min-h-72:active { min-height: 18rem; }
  .sm-disabled-min-h-72:disabled { min-height: 18rem; }
  .sm-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  .sm-focus-within-min-h-72:focus-within { min-height: 18rem; }
  .sm-group:hover .sm-group-hover-min-h-72 { min-height: 18rem; }
  .sm-max-h-72 { max-height: 18rem; }
  .sm-hover-max-h-72:hover { max-height: 18rem; }
  .sm-focus-max-h-72:focus { max-height: 18rem; }
  .sm-active-max-h-72:active { max-height: 18rem; }
  .sm-disabled-max-h-72:disabled { max-height: 18rem; }
  .sm-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  .sm-focus-within-max-h-72:focus-within { max-height: 18rem; }
  .sm-group:hover .sm-group-hover-max-h-72 { max-height: 18rem; }
  .sm-w-80 { width: 20rem; }
  .sm-hover-w-80:hover { width: 20rem; }
  .sm-focus-w-80:focus { width: 20rem; }
  .sm-active-w-80:active { width: 20rem; }
  .sm-disabled-w-80:disabled { width: 20rem; }
  .sm-focus-visible-w-80:focus-visible { width: 20rem; }
  .sm-focus-within-w-80:focus-within { width: 20rem; }
  .sm-group:hover .sm-group-hover-w-80 { width: 20rem; }
  .sm-h-80 { height: 20rem; }
  .sm-hover-h-80:hover { height: 20rem; }
  .sm-focus-h-80:focus { height: 20rem; }
  .sm-active-h-80:active { height: 20rem; }
  .sm-disabled-h-80:disabled { height: 20rem; }
  .sm-focus-visible-h-80:focus-visible { height: 20rem; }
  .sm-focus-within-h-80:focus-within { height: 20rem; }
  .sm-group:hover .sm-group-hover-h-80 { height: 20rem; }
  .sm-min-w-80 { min-width: 20rem; }
  .sm-hover-min-w-80:hover { min-width: 20rem; }
  .sm-focus-min-w-80:focus { min-width: 20rem; }
  .sm-active-min-w-80:active { min-width: 20rem; }
  .sm-disabled-min-w-80:disabled { min-width: 20rem; }
  .sm-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  .sm-focus-within-min-w-80:focus-within { min-width: 20rem; }
  .sm-group:hover .sm-group-hover-min-w-80 { min-width: 20rem; }
  .sm-max-w-80 { max-width: 20rem; }
  .sm-hover-max-w-80:hover { max-width: 20rem; }
  .sm-focus-max-w-80:focus { max-width: 20rem; }
  .sm-active-max-w-80:active { max-width: 20rem; }
  .sm-disabled-max-w-80:disabled { max-width: 20rem; }
  .sm-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  .sm-focus-within-max-w-80:focus-within { max-width: 20rem; }
  .sm-group:hover .sm-group-hover-max-w-80 { max-width: 20rem; }
  .sm-min-h-80 { min-height: 20rem; }
  .sm-hover-min-h-80:hover { min-height: 20rem; }
  .sm-focus-min-h-80:focus { min-height: 20rem; }
  .sm-active-min-h-80:active { min-height: 20rem; }
  .sm-disabled-min-h-80:disabled { min-height: 20rem; }
  .sm-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  .sm-focus-within-min-h-80:focus-within { min-height: 20rem; }
  .sm-group:hover .sm-group-hover-min-h-80 { min-height: 20rem; }
  .sm-max-h-80 { max-height: 20rem; }
  .sm-hover-max-h-80:hover { max-height: 20rem; }
  .sm-focus-max-h-80:focus { max-height: 20rem; }
  .sm-active-max-h-80:active { max-height: 20rem; }
  .sm-disabled-max-h-80:disabled { max-height: 20rem; }
  .sm-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  .sm-focus-within-max-h-80:focus-within { max-height: 20rem; }
  .sm-group:hover .sm-group-hover-max-h-80 { max-height: 20rem; }
  .sm-w-96 { width: 24rem; }
  .sm-hover-w-96:hover { width: 24rem; }
  .sm-focus-w-96:focus { width: 24rem; }
  .sm-active-w-96:active { width: 24rem; }
  .sm-disabled-w-96:disabled { width: 24rem; }
  .sm-focus-visible-w-96:focus-visible { width: 24rem; }
  .sm-focus-within-w-96:focus-within { width: 24rem; }
  .sm-group:hover .sm-group-hover-w-96 { width: 24rem; }
  .sm-h-96 { height: 24rem; }
  .sm-hover-h-96:hover { height: 24rem; }
  .sm-focus-h-96:focus { height: 24rem; }
  .sm-active-h-96:active { height: 24rem; }
  .sm-disabled-h-96:disabled { height: 24rem; }
  .sm-focus-visible-h-96:focus-visible { height: 24rem; }
  .sm-focus-within-h-96:focus-within { height: 24rem; }
  .sm-group:hover .sm-group-hover-h-96 { height: 24rem; }
  .sm-min-w-96 { min-width: 24rem; }
  .sm-hover-min-w-96:hover { min-width: 24rem; }
  .sm-focus-min-w-96:focus { min-width: 24rem; }
  .sm-active-min-w-96:active { min-width: 24rem; }
  .sm-disabled-min-w-96:disabled { min-width: 24rem; }
  .sm-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  .sm-focus-within-min-w-96:focus-within { min-width: 24rem; }
  .sm-group:hover .sm-group-hover-min-w-96 { min-width: 24rem; }
  .sm-max-w-96 { max-width: 24rem; }
  .sm-hover-max-w-96:hover { max-width: 24rem; }
  .sm-focus-max-w-96:focus { max-width: 24rem; }
  .sm-active-max-w-96:active { max-width: 24rem; }
  .sm-disabled-max-w-96:disabled { max-width: 24rem; }
  .sm-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  .sm-focus-within-max-w-96:focus-within { max-width: 24rem; }
  .sm-group:hover .sm-group-hover-max-w-96 { max-width: 24rem; }
  .sm-min-h-96 { min-height: 24rem; }
  .sm-hover-min-h-96:hover { min-height: 24rem; }
  .sm-focus-min-h-96:focus { min-height: 24rem; }
  .sm-active-min-h-96:active { min-height: 24rem; }
  .sm-disabled-min-h-96:disabled { min-height: 24rem; }
  .sm-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  .sm-focus-within-min-h-96:focus-within { min-height: 24rem; }
  .sm-group:hover .sm-group-hover-min-h-96 { min-height: 24rem; }
  .sm-max-h-96 { max-height: 24rem; }
  .sm-hover-max-h-96:hover { max-height: 24rem; }
  .sm-focus-max-h-96:focus { max-height: 24rem; }
  .sm-active-max-h-96:active { max-height: 24rem; }
  .sm-disabled-max-h-96:disabled { max-height: 24rem; }
  .sm-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  .sm-focus-within-max-h-96:focus-within { max-height: 24rem; }
  .sm-group:hover .sm-group-hover-max-h-96 { max-height: 24rem; }
  .sm-w-1\/2 { width: 50%; }
  .sm-hover-w-1\/2:hover { width: 50%; }
  .sm-focus-w-1\/2:focus { width: 50%; }
  .sm-active-w-1\/2:active { width: 50%; }
  .sm-disabled-w-1\/2:disabled { width: 50%; }
  .sm-focus-visible-w-1\/2:focus-visible { width: 50%; }
  .sm-focus-within-w-1\/2:focus-within { width: 50%; }
  .sm-group:hover .sm-group-hover-w-1\/2 { width: 50%; }
  .sm-h-1\/2 { height: 50%; }
  .sm-hover-h-1\/2:hover { height: 50%; }
  .sm-focus-h-1\/2:focus { height: 50%; }
  .sm-active-h-1\/2:active { height: 50%; }
  .sm-disabled-h-1\/2:disabled { height: 50%; }
  .sm-focus-visible-h-1\/2:focus-visible { height: 50%; }
  .sm-focus-within-h-1\/2:focus-within { height: 50%; }
  .sm-group:hover .sm-group-hover-h-1\/2 { height: 50%; }
  .sm-min-w-1\/2 { min-width: 50%; }
  .sm-hover-min-w-1\/2:hover { min-width: 50%; }
  .sm-focus-min-w-1\/2:focus { min-width: 50%; }
  .sm-active-min-w-1\/2:active { min-width: 50%; }
  .sm-disabled-min-w-1\/2:disabled { min-width: 50%; }
  .sm-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  .sm-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  .sm-group:hover .sm-group-hover-min-w-1\/2 { min-width: 50%; }
  .sm-max-w-1\/2 { max-width: 50%; }
  .sm-hover-max-w-1\/2:hover { max-width: 50%; }
  .sm-focus-max-w-1\/2:focus { max-width: 50%; }
  .sm-active-max-w-1\/2:active { max-width: 50%; }
  .sm-disabled-max-w-1\/2:disabled { max-width: 50%; }
  .sm-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  .sm-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  .sm-group:hover .sm-group-hover-max-w-1\/2 { max-width: 50%; }
  .sm-min-h-1\/2 { min-height: 50%; }
  .sm-hover-min-h-1\/2:hover { min-height: 50%; }
  .sm-focus-min-h-1\/2:focus { min-height: 50%; }
  .sm-active-min-h-1\/2:active { min-height: 50%; }
  .sm-disabled-min-h-1\/2:disabled { min-height: 50%; }
  .sm-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  .sm-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  .sm-group:hover .sm-group-hover-min-h-1\/2 { min-height: 50%; }
  .sm-max-h-1\/2 { max-height: 50%; }
  .sm-hover-max-h-1\/2:hover { max-height: 50%; }
  .sm-focus-max-h-1\/2:focus { max-height: 50%; }
  .sm-active-max-h-1\/2:active { max-height: 50%; }
  .sm-disabled-max-h-1\/2:disabled { max-height: 50%; }
  .sm-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  .sm-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  .sm-group:hover .sm-group-hover-max-h-1\/2 { max-height: 50%; }
  .sm-w-1\/3 { width: 33.3333%; }
  .sm-hover-w-1\/3:hover { width: 33.3333%; }
  .sm-focus-w-1\/3:focus { width: 33.3333%; }
  .sm-active-w-1\/3:active { width: 33.3333%; }
  .sm-disabled-w-1\/3:disabled { width: 33.3333%; }
  .sm-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  .sm-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  .sm-group:hover .sm-group-hover-w-1\/3 { width: 33.3333%; }
  .sm-h-1\/3 { height: 33.3333%; }
  .sm-hover-h-1\/3:hover { height: 33.3333%; }
  .sm-focus-h-1\/3:focus { height: 33.3333%; }
  .sm-active-h-1\/3:active { height: 33.3333%; }
  .sm-disabled-h-1\/3:disabled { height: 33.3333%; }
  .sm-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  .sm-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  .sm-group:hover .sm-group-hover-h-1\/3 { height: 33.3333%; }
  .sm-min-w-1\/3 { min-width: 33.3333%; }
  .sm-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  .sm-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  .sm-active-min-w-1\/3:active { min-width: 33.3333%; }
  .sm-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  .sm-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  .sm-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  .sm-group:hover .sm-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  .sm-max-w-1\/3 { max-width: 33.3333%; }
  .sm-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  .sm-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  .sm-active-max-w-1\/3:active { max-width: 33.3333%; }
  .sm-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  .sm-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  .sm-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  .sm-group:hover .sm-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  .sm-min-h-1\/3 { min-height: 33.3333%; }
  .sm-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  .sm-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  .sm-active-min-h-1\/3:active { min-height: 33.3333%; }
  .sm-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  .sm-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  .sm-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  .sm-group:hover .sm-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  .sm-max-h-1\/3 { max-height: 33.3333%; }
  .sm-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  .sm-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  .sm-active-max-h-1\/3:active { max-height: 33.3333%; }
  .sm-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  .sm-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  .sm-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  .sm-group:hover .sm-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  .sm-w-2\/3 { width: 66.6667%; }
  .sm-hover-w-2\/3:hover { width: 66.6667%; }
  .sm-focus-w-2\/3:focus { width: 66.6667%; }
  .sm-active-w-2\/3:active { width: 66.6667%; }
  .sm-disabled-w-2\/3:disabled { width: 66.6667%; }
  .sm-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  .sm-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  .sm-group:hover .sm-group-hover-w-2\/3 { width: 66.6667%; }
  .sm-h-2\/3 { height: 66.6667%; }
  .sm-hover-h-2\/3:hover { height: 66.6667%; }
  .sm-focus-h-2\/3:focus { height: 66.6667%; }
  .sm-active-h-2\/3:active { height: 66.6667%; }
  .sm-disabled-h-2\/3:disabled { height: 66.6667%; }
  .sm-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  .sm-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  .sm-group:hover .sm-group-hover-h-2\/3 { height: 66.6667%; }
  .sm-min-w-2\/3 { min-width: 66.6667%; }
  .sm-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  .sm-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  .sm-active-min-w-2\/3:active { min-width: 66.6667%; }
  .sm-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  .sm-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  .sm-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  .sm-group:hover .sm-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  .sm-max-w-2\/3 { max-width: 66.6667%; }
  .sm-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  .sm-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  .sm-active-max-w-2\/3:active { max-width: 66.6667%; }
  .sm-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  .sm-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  .sm-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  .sm-group:hover .sm-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  .sm-min-h-2\/3 { min-height: 66.6667%; }
  .sm-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  .sm-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  .sm-active-min-h-2\/3:active { min-height: 66.6667%; }
  .sm-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  .sm-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  .sm-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  .sm-group:hover .sm-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  .sm-max-h-2\/3 { max-height: 66.6667%; }
  .sm-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  .sm-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  .sm-active-max-h-2\/3:active { max-height: 66.6667%; }
  .sm-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  .sm-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  .sm-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  .sm-group:hover .sm-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  .sm-w-1\/4 { width: 25%; }
  .sm-hover-w-1\/4:hover { width: 25%; }
  .sm-focus-w-1\/4:focus { width: 25%; }
  .sm-active-w-1\/4:active { width: 25%; }
  .sm-disabled-w-1\/4:disabled { width: 25%; }
  .sm-focus-visible-w-1\/4:focus-visible { width: 25%; }
  .sm-focus-within-w-1\/4:focus-within { width: 25%; }
  .sm-group:hover .sm-group-hover-w-1\/4 { width: 25%; }
  .sm-h-1\/4 { height: 25%; }
  .sm-hover-h-1\/4:hover { height: 25%; }
  .sm-focus-h-1\/4:focus { height: 25%; }
  .sm-active-h-1\/4:active { height: 25%; }
  .sm-disabled-h-1\/4:disabled { height: 25%; }
  .sm-focus-visible-h-1\/4:focus-visible { height: 25%; }
  .sm-focus-within-h-1\/4:focus-within { height: 25%; }
  .sm-group:hover .sm-group-hover-h-1\/4 { height: 25%; }
  .sm-min-w-1\/4 { min-width: 25%; }
  .sm-hover-min-w-1\/4:hover { min-width: 25%; }
  .sm-focus-min-w-1\/4:focus { min-width: 25%; }
  .sm-active-min-w-1\/4:active { min-width: 25%; }
  .sm-disabled-min-w-1\/4:disabled { min-width: 25%; }
  .sm-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  .sm-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  .sm-group:hover .sm-group-hover-min-w-1\/4 { min-width: 25%; }
  .sm-max-w-1\/4 { max-width: 25%; }
  .sm-hover-max-w-1\/4:hover { max-width: 25%; }
  .sm-focus-max-w-1\/4:focus { max-width: 25%; }
  .sm-active-max-w-1\/4:active { max-width: 25%; }
  .sm-disabled-max-w-1\/4:disabled { max-width: 25%; }
  .sm-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  .sm-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  .sm-group:hover .sm-group-hover-max-w-1\/4 { max-width: 25%; }
  .sm-min-h-1\/4 { min-height: 25%; }
  .sm-hover-min-h-1\/4:hover { min-height: 25%; }
  .sm-focus-min-h-1\/4:focus { min-height: 25%; }
  .sm-active-min-h-1\/4:active { min-height: 25%; }
  .sm-disabled-min-h-1\/4:disabled { min-height: 25%; }
  .sm-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  .sm-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  .sm-group:hover .sm-group-hover-min-h-1\/4 { min-height: 25%; }
  .sm-max-h-1\/4 { max-height: 25%; }
  .sm-hover-max-h-1\/4:hover { max-height: 25%; }
  .sm-focus-max-h-1\/4:focus { max-height: 25%; }
  .sm-active-max-h-1\/4:active { max-height: 25%; }
  .sm-disabled-max-h-1\/4:disabled { max-height: 25%; }
  .sm-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  .sm-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  .sm-group:hover .sm-group-hover-max-h-1\/4 { max-height: 25%; }
  .sm-w-3\/4 { width: 75%; }
  .sm-hover-w-3\/4:hover { width: 75%; }
  .sm-focus-w-3\/4:focus { width: 75%; }
  .sm-active-w-3\/4:active { width: 75%; }
  .sm-disabled-w-3\/4:disabled { width: 75%; }
  .sm-focus-visible-w-3\/4:focus-visible { width: 75%; }
  .sm-focus-within-w-3\/4:focus-within { width: 75%; }
  .sm-group:hover .sm-group-hover-w-3\/4 { width: 75%; }
  .sm-h-3\/4 { height: 75%; }
  .sm-hover-h-3\/4:hover { height: 75%; }
  .sm-focus-h-3\/4:focus { height: 75%; }
  .sm-active-h-3\/4:active { height: 75%; }
  .sm-disabled-h-3\/4:disabled { height: 75%; }
  .sm-focus-visible-h-3\/4:focus-visible { height: 75%; }
  .sm-focus-within-h-3\/4:focus-within { height: 75%; }
  .sm-group:hover .sm-group-hover-h-3\/4 { height: 75%; }
  .sm-min-w-3\/4 { min-width: 75%; }
  .sm-hover-min-w-3\/4:hover { min-width: 75%; }
  .sm-focus-min-w-3\/4:focus { min-width: 75%; }
  .sm-active-min-w-3\/4:active { min-width: 75%; }
  .sm-disabled-min-w-3\/4:disabled { min-width: 75%; }
  .sm-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  .sm-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  .sm-group:hover .sm-group-hover-min-w-3\/4 { min-width: 75%; }
  .sm-max-w-3\/4 { max-width: 75%; }
  .sm-hover-max-w-3\/4:hover { max-width: 75%; }
  .sm-focus-max-w-3\/4:focus { max-width: 75%; }
  .sm-active-max-w-3\/4:active { max-width: 75%; }
  .sm-disabled-max-w-3\/4:disabled { max-width: 75%; }
  .sm-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  .sm-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  .sm-group:hover .sm-group-hover-max-w-3\/4 { max-width: 75%; }
  .sm-min-h-3\/4 { min-height: 75%; }
  .sm-hover-min-h-3\/4:hover { min-height: 75%; }
  .sm-focus-min-h-3\/4:focus { min-height: 75%; }
  .sm-active-min-h-3\/4:active { min-height: 75%; }
  .sm-disabled-min-h-3\/4:disabled { min-height: 75%; }
  .sm-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  .sm-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  .sm-group:hover .sm-group-hover-min-h-3\/4 { min-height: 75%; }
  .sm-max-h-3\/4 { max-height: 75%; }
  .sm-hover-max-h-3\/4:hover { max-height: 75%; }
  .sm-focus-max-h-3\/4:focus { max-height: 75%; }
  .sm-active-max-h-3\/4:active { max-height: 75%; }
  .sm-disabled-max-h-3\/4:disabled { max-height: 75%; }
  .sm-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  .sm-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  .sm-group:hover .sm-group-hover-max-h-3\/4 { max-height: 75%; }
  .sm-w-1\/5 { width: 20%; }
  .sm-hover-w-1\/5:hover { width: 20%; }
  .sm-focus-w-1\/5:focus { width: 20%; }
  .sm-active-w-1\/5:active { width: 20%; }
  .sm-disabled-w-1\/5:disabled { width: 20%; }
  .sm-focus-visible-w-1\/5:focus-visible { width: 20%; }
  .sm-focus-within-w-1\/5:focus-within { width: 20%; }
  .sm-group:hover .sm-group-hover-w-1\/5 { width: 20%; }
  .sm-h-1\/5 { height: 20%; }
  .sm-hover-h-1\/5:hover { height: 20%; }
  .sm-focus-h-1\/5:focus { height: 20%; }
  .sm-active-h-1\/5:active { height: 20%; }
  .sm-disabled-h-1\/5:disabled { height: 20%; }
  .sm-focus-visible-h-1\/5:focus-visible { height: 20%; }
  .sm-focus-within-h-1\/5:focus-within { height: 20%; }
  .sm-group:hover .sm-group-hover-h-1\/5 { height: 20%; }
  .sm-min-w-1\/5 { min-width: 20%; }
  .sm-hover-min-w-1\/5:hover { min-width: 20%; }
  .sm-focus-min-w-1\/5:focus { min-width: 20%; }
  .sm-active-min-w-1\/5:active { min-width: 20%; }
  .sm-disabled-min-w-1\/5:disabled { min-width: 20%; }
  .sm-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  .sm-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  .sm-group:hover .sm-group-hover-min-w-1\/5 { min-width: 20%; }
  .sm-max-w-1\/5 { max-width: 20%; }
  .sm-hover-max-w-1\/5:hover { max-width: 20%; }
  .sm-focus-max-w-1\/5:focus { max-width: 20%; }
  .sm-active-max-w-1\/5:active { max-width: 20%; }
  .sm-disabled-max-w-1\/5:disabled { max-width: 20%; }
  .sm-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  .sm-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  .sm-group:hover .sm-group-hover-max-w-1\/5 { max-width: 20%; }
  .sm-min-h-1\/5 { min-height: 20%; }
  .sm-hover-min-h-1\/5:hover { min-height: 20%; }
  .sm-focus-min-h-1\/5:focus { min-height: 20%; }
  .sm-active-min-h-1\/5:active { min-height: 20%; }
  .sm-disabled-min-h-1\/5:disabled { min-height: 20%; }
  .sm-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  .sm-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  .sm-group:hover .sm-group-hover-min-h-1\/5 { min-height: 20%; }
  .sm-max-h-1\/5 { max-height: 20%; }
  .sm-hover-max-h-1\/5:hover { max-height: 20%; }
  .sm-focus-max-h-1\/5:focus { max-height: 20%; }
  .sm-active-max-h-1\/5:active { max-height: 20%; }
  .sm-disabled-max-h-1\/5:disabled { max-height: 20%; }
  .sm-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  .sm-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  .sm-group:hover .sm-group-hover-max-h-1\/5 { max-height: 20%; }
  .sm-w-2\/5 { width: 40%; }
  .sm-hover-w-2\/5:hover { width: 40%; }
  .sm-focus-w-2\/5:focus { width: 40%; }
  .sm-active-w-2\/5:active { width: 40%; }
  .sm-disabled-w-2\/5:disabled { width: 40%; }
  .sm-focus-visible-w-2\/5:focus-visible { width: 40%; }
  .sm-focus-within-w-2\/5:focus-within { width: 40%; }
  .sm-group:hover .sm-group-hover-w-2\/5 { width: 40%; }
  .sm-h-2\/5 { height: 40%; }
  .sm-hover-h-2\/5:hover { height: 40%; }
  .sm-focus-h-2\/5:focus { height: 40%; }
  .sm-active-h-2\/5:active { height: 40%; }
  .sm-disabled-h-2\/5:disabled { height: 40%; }
  .sm-focus-visible-h-2\/5:focus-visible { height: 40%; }
  .sm-focus-within-h-2\/5:focus-within { height: 40%; }
  .sm-group:hover .sm-group-hover-h-2\/5 { height: 40%; }
  .sm-min-w-2\/5 { min-width: 40%; }
  .sm-hover-min-w-2\/5:hover { min-width: 40%; }
  .sm-focus-min-w-2\/5:focus { min-width: 40%; }
  .sm-active-min-w-2\/5:active { min-width: 40%; }
  .sm-disabled-min-w-2\/5:disabled { min-width: 40%; }
  .sm-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  .sm-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  .sm-group:hover .sm-group-hover-min-w-2\/5 { min-width: 40%; }
  .sm-max-w-2\/5 { max-width: 40%; }
  .sm-hover-max-w-2\/5:hover { max-width: 40%; }
  .sm-focus-max-w-2\/5:focus { max-width: 40%; }
  .sm-active-max-w-2\/5:active { max-width: 40%; }
  .sm-disabled-max-w-2\/5:disabled { max-width: 40%; }
  .sm-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  .sm-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  .sm-group:hover .sm-group-hover-max-w-2\/5 { max-width: 40%; }
  .sm-min-h-2\/5 { min-height: 40%; }
  .sm-hover-min-h-2\/5:hover { min-height: 40%; }
  .sm-focus-min-h-2\/5:focus { min-height: 40%; }
  .sm-active-min-h-2\/5:active { min-height: 40%; }
  .sm-disabled-min-h-2\/5:disabled { min-height: 40%; }
  .sm-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  .sm-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  .sm-group:hover .sm-group-hover-min-h-2\/5 { min-height: 40%; }
  .sm-max-h-2\/5 { max-height: 40%; }
  .sm-hover-max-h-2\/5:hover { max-height: 40%; }
  .sm-focus-max-h-2\/5:focus { max-height: 40%; }
  .sm-active-max-h-2\/5:active { max-height: 40%; }
  .sm-disabled-max-h-2\/5:disabled { max-height: 40%; }
  .sm-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  .sm-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  .sm-group:hover .sm-group-hover-max-h-2\/5 { max-height: 40%; }
  .sm-w-3\/5 { width: 60%; }
  .sm-hover-w-3\/5:hover { width: 60%; }
  .sm-focus-w-3\/5:focus { width: 60%; }
  .sm-active-w-3\/5:active { width: 60%; }
  .sm-disabled-w-3\/5:disabled { width: 60%; }
  .sm-focus-visible-w-3\/5:focus-visible { width: 60%; }
  .sm-focus-within-w-3\/5:focus-within { width: 60%; }
  .sm-group:hover .sm-group-hover-w-3\/5 { width: 60%; }
  .sm-h-3\/5 { height: 60%; }
  .sm-hover-h-3\/5:hover { height: 60%; }
  .sm-focus-h-3\/5:focus { height: 60%; }
  .sm-active-h-3\/5:active { height: 60%; }
  .sm-disabled-h-3\/5:disabled { height: 60%; }
  .sm-focus-visible-h-3\/5:focus-visible { height: 60%; }
  .sm-focus-within-h-3\/5:focus-within { height: 60%; }
  .sm-group:hover .sm-group-hover-h-3\/5 { height: 60%; }
  .sm-min-w-3\/5 { min-width: 60%; }
  .sm-hover-min-w-3\/5:hover { min-width: 60%; }
  .sm-focus-min-w-3\/5:focus { min-width: 60%; }
  .sm-active-min-w-3\/5:active { min-width: 60%; }
  .sm-disabled-min-w-3\/5:disabled { min-width: 60%; }
  .sm-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  .sm-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  .sm-group:hover .sm-group-hover-min-w-3\/5 { min-width: 60%; }
  .sm-max-w-3\/5 { max-width: 60%; }
  .sm-hover-max-w-3\/5:hover { max-width: 60%; }
  .sm-focus-max-w-3\/5:focus { max-width: 60%; }
  .sm-active-max-w-3\/5:active { max-width: 60%; }
  .sm-disabled-max-w-3\/5:disabled { max-width: 60%; }
  .sm-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  .sm-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  .sm-group:hover .sm-group-hover-max-w-3\/5 { max-width: 60%; }
  .sm-min-h-3\/5 { min-height: 60%; }
  .sm-hover-min-h-3\/5:hover { min-height: 60%; }
  .sm-focus-min-h-3\/5:focus { min-height: 60%; }
  .sm-active-min-h-3\/5:active { min-height: 60%; }
  .sm-disabled-min-h-3\/5:disabled { min-height: 60%; }
  .sm-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  .sm-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  .sm-group:hover .sm-group-hover-min-h-3\/5 { min-height: 60%; }
  .sm-max-h-3\/5 { max-height: 60%; }
  .sm-hover-max-h-3\/5:hover { max-height: 60%; }
  .sm-focus-max-h-3\/5:focus { max-height: 60%; }
  .sm-active-max-h-3\/5:active { max-height: 60%; }
  .sm-disabled-max-h-3\/5:disabled { max-height: 60%; }
  .sm-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  .sm-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  .sm-group:hover .sm-group-hover-max-h-3\/5 { max-height: 60%; }
  .sm-w-4\/5 { width: 80%; }
  .sm-hover-w-4\/5:hover { width: 80%; }
  .sm-focus-w-4\/5:focus { width: 80%; }
  .sm-active-w-4\/5:active { width: 80%; }
  .sm-disabled-w-4\/5:disabled { width: 80%; }
  .sm-focus-visible-w-4\/5:focus-visible { width: 80%; }
  .sm-focus-within-w-4\/5:focus-within { width: 80%; }
  .sm-group:hover .sm-group-hover-w-4\/5 { width: 80%; }
  .sm-h-4\/5 { height: 80%; }
  .sm-hover-h-4\/5:hover { height: 80%; }
  .sm-focus-h-4\/5:focus { height: 80%; }
  .sm-active-h-4\/5:active { height: 80%; }
  .sm-disabled-h-4\/5:disabled { height: 80%; }
  .sm-focus-visible-h-4\/5:focus-visible { height: 80%; }
  .sm-focus-within-h-4\/5:focus-within { height: 80%; }
  .sm-group:hover .sm-group-hover-h-4\/5 { height: 80%; }
  .sm-min-w-4\/5 { min-width: 80%; }
  .sm-hover-min-w-4\/5:hover { min-width: 80%; }
  .sm-focus-min-w-4\/5:focus { min-width: 80%; }
  .sm-active-min-w-4\/5:active { min-width: 80%; }
  .sm-disabled-min-w-4\/5:disabled { min-width: 80%; }
  .sm-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  .sm-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  .sm-group:hover .sm-group-hover-min-w-4\/5 { min-width: 80%; }
  .sm-max-w-4\/5 { max-width: 80%; }
  .sm-hover-max-w-4\/5:hover { max-width: 80%; }
  .sm-focus-max-w-4\/5:focus { max-width: 80%; }
  .sm-active-max-w-4\/5:active { max-width: 80%; }
  .sm-disabled-max-w-4\/5:disabled { max-width: 80%; }
  .sm-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  .sm-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  .sm-group:hover .sm-group-hover-max-w-4\/5 { max-width: 80%; }
  .sm-min-h-4\/5 { min-height: 80%; }
  .sm-hover-min-h-4\/5:hover { min-height: 80%; }
  .sm-focus-min-h-4\/5:focus { min-height: 80%; }
  .sm-active-min-h-4\/5:active { min-height: 80%; }
  .sm-disabled-min-h-4\/5:disabled { min-height: 80%; }
  .sm-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  .sm-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  .sm-group:hover .sm-group-hover-min-h-4\/5 { min-height: 80%; }
  .sm-max-h-4\/5 { max-height: 80%; }
  .sm-hover-max-h-4\/5:hover { max-height: 80%; }
  .sm-focus-max-h-4\/5:focus { max-height: 80%; }
  .sm-active-max-h-4\/5:active { max-height: 80%; }
  .sm-disabled-max-h-4\/5:disabled { max-height: 80%; }
  .sm-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  .sm-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  .sm-group:hover .sm-group-hover-max-h-4\/5 { max-height: 80%; }
  .sm-w-5p { width: 5%; }
  .sm-hover-w-5p:hover { width: 5%; }
  .sm-focus-w-5p:focus { width: 5%; }
  .sm-active-w-5p:active { width: 5%; }
  .sm-disabled-w-5p:disabled { width: 5%; }
  .sm-focus-visible-w-5p:focus-visible { width: 5%; }
  .sm-focus-within-w-5p:focus-within { width: 5%; }
  .sm-group:hover .sm-group-hover-w-5p { width: 5%; }
  .sm-h-5p { height: 5%; }
  .sm-hover-h-5p:hover { height: 5%; }
  .sm-focus-h-5p:focus { height: 5%; }
  .sm-active-h-5p:active { height: 5%; }
  .sm-disabled-h-5p:disabled { height: 5%; }
  .sm-focus-visible-h-5p:focus-visible { height: 5%; }
  .sm-focus-within-h-5p:focus-within { height: 5%; }
  .sm-group:hover .sm-group-hover-h-5p { height: 5%; }
  .sm-min-w-5p { min-width: 5%; }
  .sm-hover-min-w-5p:hover { min-width: 5%; }
  .sm-focus-min-w-5p:focus { min-width: 5%; }
  .sm-active-min-w-5p:active { min-width: 5%; }
  .sm-disabled-min-w-5p:disabled { min-width: 5%; }
  .sm-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  .sm-focus-within-min-w-5p:focus-within { min-width: 5%; }
  .sm-group:hover .sm-group-hover-min-w-5p { min-width: 5%; }
  .sm-max-w-5p { max-width: 5%; }
  .sm-hover-max-w-5p:hover { max-width: 5%; }
  .sm-focus-max-w-5p:focus { max-width: 5%; }
  .sm-active-max-w-5p:active { max-width: 5%; }
  .sm-disabled-max-w-5p:disabled { max-width: 5%; }
  .sm-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  .sm-focus-within-max-w-5p:focus-within { max-width: 5%; }
  .sm-group:hover .sm-group-hover-max-w-5p { max-width: 5%; }
  .sm-min-h-5p { min-height: 5%; }
  .sm-hover-min-h-5p:hover { min-height: 5%; }
  .sm-focus-min-h-5p:focus { min-height: 5%; }
  .sm-active-min-h-5p:active { min-height: 5%; }
  .sm-disabled-min-h-5p:disabled { min-height: 5%; }
  .sm-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  .sm-focus-within-min-h-5p:focus-within { min-height: 5%; }
  .sm-group:hover .sm-group-hover-min-h-5p { min-height: 5%; }
  .sm-max-h-5p { max-height: 5%; }
  .sm-hover-max-h-5p:hover { max-height: 5%; }
  .sm-focus-max-h-5p:focus { max-height: 5%; }
  .sm-active-max-h-5p:active { max-height: 5%; }
  .sm-disabled-max-h-5p:disabled { max-height: 5%; }
  .sm-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  .sm-focus-within-max-h-5p:focus-within { max-height: 5%; }
  .sm-group:hover .sm-group-hover-max-h-5p { max-height: 5%; }
  .sm-w-10p { width: 10%; }
  .sm-hover-w-10p:hover { width: 10%; }
  .sm-focus-w-10p:focus { width: 10%; }
  .sm-active-w-10p:active { width: 10%; }
  .sm-disabled-w-10p:disabled { width: 10%; }
  .sm-focus-visible-w-10p:focus-visible { width: 10%; }
  .sm-focus-within-w-10p:focus-within { width: 10%; }
  .sm-group:hover .sm-group-hover-w-10p { width: 10%; }
  .sm-h-10p { height: 10%; }
  .sm-hover-h-10p:hover { height: 10%; }
  .sm-focus-h-10p:focus { height: 10%; }
  .sm-active-h-10p:active { height: 10%; }
  .sm-disabled-h-10p:disabled { height: 10%; }
  .sm-focus-visible-h-10p:focus-visible { height: 10%; }
  .sm-focus-within-h-10p:focus-within { height: 10%; }
  .sm-group:hover .sm-group-hover-h-10p { height: 10%; }
  .sm-min-w-10p { min-width: 10%; }
  .sm-hover-min-w-10p:hover { min-width: 10%; }
  .sm-focus-min-w-10p:focus { min-width: 10%; }
  .sm-active-min-w-10p:active { min-width: 10%; }
  .sm-disabled-min-w-10p:disabled { min-width: 10%; }
  .sm-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  .sm-focus-within-min-w-10p:focus-within { min-width: 10%; }
  .sm-group:hover .sm-group-hover-min-w-10p { min-width: 10%; }
  .sm-max-w-10p { max-width: 10%; }
  .sm-hover-max-w-10p:hover { max-width: 10%; }
  .sm-focus-max-w-10p:focus { max-width: 10%; }
  .sm-active-max-w-10p:active { max-width: 10%; }
  .sm-disabled-max-w-10p:disabled { max-width: 10%; }
  .sm-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  .sm-focus-within-max-w-10p:focus-within { max-width: 10%; }
  .sm-group:hover .sm-group-hover-max-w-10p { max-width: 10%; }
  .sm-min-h-10p { min-height: 10%; }
  .sm-hover-min-h-10p:hover { min-height: 10%; }
  .sm-focus-min-h-10p:focus { min-height: 10%; }
  .sm-active-min-h-10p:active { min-height: 10%; }
  .sm-disabled-min-h-10p:disabled { min-height: 10%; }
  .sm-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  .sm-focus-within-min-h-10p:focus-within { min-height: 10%; }
  .sm-group:hover .sm-group-hover-min-h-10p { min-height: 10%; }
  .sm-max-h-10p { max-height: 10%; }
  .sm-hover-max-h-10p:hover { max-height: 10%; }
  .sm-focus-max-h-10p:focus { max-height: 10%; }
  .sm-active-max-h-10p:active { max-height: 10%; }
  .sm-disabled-max-h-10p:disabled { max-height: 10%; }
  .sm-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  .sm-focus-within-max-h-10p:focus-within { max-height: 10%; }
  .sm-group:hover .sm-group-hover-max-h-10p { max-height: 10%; }
  .sm-w-15p { width: 15%; }
  .sm-hover-w-15p:hover { width: 15%; }
  .sm-focus-w-15p:focus { width: 15%; }
  .sm-active-w-15p:active { width: 15%; }
  .sm-disabled-w-15p:disabled { width: 15%; }
  .sm-focus-visible-w-15p:focus-visible { width: 15%; }
  .sm-focus-within-w-15p:focus-within { width: 15%; }
  .sm-group:hover .sm-group-hover-w-15p { width: 15%; }
  .sm-h-15p { height: 15%; }
  .sm-hover-h-15p:hover { height: 15%; }
  .sm-focus-h-15p:focus { height: 15%; }
  .sm-active-h-15p:active { height: 15%; }
  .sm-disabled-h-15p:disabled { height: 15%; }
  .sm-focus-visible-h-15p:focus-visible { height: 15%; }
  .sm-focus-within-h-15p:focus-within { height: 15%; }
  .sm-group:hover .sm-group-hover-h-15p { height: 15%; }
  .sm-min-w-15p { min-width: 15%; }
  .sm-hover-min-w-15p:hover { min-width: 15%; }
  .sm-focus-min-w-15p:focus { min-width: 15%; }
  .sm-active-min-w-15p:active { min-width: 15%; }
  .sm-disabled-min-w-15p:disabled { min-width: 15%; }
  .sm-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  .sm-focus-within-min-w-15p:focus-within { min-width: 15%; }
  .sm-group:hover .sm-group-hover-min-w-15p { min-width: 15%; }
  .sm-max-w-15p { max-width: 15%; }
  .sm-hover-max-w-15p:hover { max-width: 15%; }
  .sm-focus-max-w-15p:focus { max-width: 15%; }
  .sm-active-max-w-15p:active { max-width: 15%; }
  .sm-disabled-max-w-15p:disabled { max-width: 15%; }
  .sm-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  .sm-focus-within-max-w-15p:focus-within { max-width: 15%; }
  .sm-group:hover .sm-group-hover-max-w-15p { max-width: 15%; }
  .sm-min-h-15p { min-height: 15%; }
  .sm-hover-min-h-15p:hover { min-height: 15%; }
  .sm-focus-min-h-15p:focus { min-height: 15%; }
  .sm-active-min-h-15p:active { min-height: 15%; }
  .sm-disabled-min-h-15p:disabled { min-height: 15%; }
  .sm-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  .sm-focus-within-min-h-15p:focus-within { min-height: 15%; }
  .sm-group:hover .sm-group-hover-min-h-15p { min-height: 15%; }
  .sm-max-h-15p { max-height: 15%; }
  .sm-hover-max-h-15p:hover { max-height: 15%; }
  .sm-focus-max-h-15p:focus { max-height: 15%; }
  .sm-active-max-h-15p:active { max-height: 15%; }
  .sm-disabled-max-h-15p:disabled { max-height: 15%; }
  .sm-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  .sm-focus-within-max-h-15p:focus-within { max-height: 15%; }
  .sm-group:hover .sm-group-hover-max-h-15p { max-height: 15%; }
  .sm-w-20p { width: 20%; }
  .sm-hover-w-20p:hover { width: 20%; }
  .sm-focus-w-20p:focus { width: 20%; }
  .sm-active-w-20p:active { width: 20%; }
  .sm-disabled-w-20p:disabled { width: 20%; }
  .sm-focus-visible-w-20p:focus-visible { width: 20%; }
  .sm-focus-within-w-20p:focus-within { width: 20%; }
  .sm-group:hover .sm-group-hover-w-20p { width: 20%; }
  .sm-h-20p { height: 20%; }
  .sm-hover-h-20p:hover { height: 20%; }
  .sm-focus-h-20p:focus { height: 20%; }
  .sm-active-h-20p:active { height: 20%; }
  .sm-disabled-h-20p:disabled { height: 20%; }
  .sm-focus-visible-h-20p:focus-visible { height: 20%; }
  .sm-focus-within-h-20p:focus-within { height: 20%; }
  .sm-group:hover .sm-group-hover-h-20p { height: 20%; }
  .sm-min-w-20p { min-width: 20%; }
  .sm-hover-min-w-20p:hover { min-width: 20%; }
  .sm-focus-min-w-20p:focus { min-width: 20%; }
  .sm-active-min-w-20p:active { min-width: 20%; }
  .sm-disabled-min-w-20p:disabled { min-width: 20%; }
  .sm-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  .sm-focus-within-min-w-20p:focus-within { min-width: 20%; }
  .sm-group:hover .sm-group-hover-min-w-20p { min-width: 20%; }
  .sm-max-w-20p { max-width: 20%; }
  .sm-hover-max-w-20p:hover { max-width: 20%; }
  .sm-focus-max-w-20p:focus { max-width: 20%; }
  .sm-active-max-w-20p:active { max-width: 20%; }
  .sm-disabled-max-w-20p:disabled { max-width: 20%; }
  .sm-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  .sm-focus-within-max-w-20p:focus-within { max-width: 20%; }
  .sm-group:hover .sm-group-hover-max-w-20p { max-width: 20%; }
  .sm-min-h-20p { min-height: 20%; }
  .sm-hover-min-h-20p:hover { min-height: 20%; }
  .sm-focus-min-h-20p:focus { min-height: 20%; }
  .sm-active-min-h-20p:active { min-height: 20%; }
  .sm-disabled-min-h-20p:disabled { min-height: 20%; }
  .sm-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  .sm-focus-within-min-h-20p:focus-within { min-height: 20%; }
  .sm-group:hover .sm-group-hover-min-h-20p { min-height: 20%; }
  .sm-max-h-20p { max-height: 20%; }
  .sm-hover-max-h-20p:hover { max-height: 20%; }
  .sm-focus-max-h-20p:focus { max-height: 20%; }
  .sm-active-max-h-20p:active { max-height: 20%; }
  .sm-disabled-max-h-20p:disabled { max-height: 20%; }
  .sm-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  .sm-focus-within-max-h-20p:focus-within { max-height: 20%; }
  .sm-group:hover .sm-group-hover-max-h-20p { max-height: 20%; }
  .sm-w-25p { width: 25%; }
  .sm-hover-w-25p:hover { width: 25%; }
  .sm-focus-w-25p:focus { width: 25%; }
  .sm-active-w-25p:active { width: 25%; }
  .sm-disabled-w-25p:disabled { width: 25%; }
  .sm-focus-visible-w-25p:focus-visible { width: 25%; }
  .sm-focus-within-w-25p:focus-within { width: 25%; }
  .sm-group:hover .sm-group-hover-w-25p { width: 25%; }
  .sm-h-25p { height: 25%; }
  .sm-hover-h-25p:hover { height: 25%; }
  .sm-focus-h-25p:focus { height: 25%; }
  .sm-active-h-25p:active { height: 25%; }
  .sm-disabled-h-25p:disabled { height: 25%; }
  .sm-focus-visible-h-25p:focus-visible { height: 25%; }
  .sm-focus-within-h-25p:focus-within { height: 25%; }
  .sm-group:hover .sm-group-hover-h-25p { height: 25%; }
  .sm-min-w-25p { min-width: 25%; }
  .sm-hover-min-w-25p:hover { min-width: 25%; }
  .sm-focus-min-w-25p:focus { min-width: 25%; }
  .sm-active-min-w-25p:active { min-width: 25%; }
  .sm-disabled-min-w-25p:disabled { min-width: 25%; }
  .sm-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  .sm-focus-within-min-w-25p:focus-within { min-width: 25%; }
  .sm-group:hover .sm-group-hover-min-w-25p { min-width: 25%; }
  .sm-max-w-25p { max-width: 25%; }
  .sm-hover-max-w-25p:hover { max-width: 25%; }
  .sm-focus-max-w-25p:focus { max-width: 25%; }
  .sm-active-max-w-25p:active { max-width: 25%; }
  .sm-disabled-max-w-25p:disabled { max-width: 25%; }
  .sm-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  .sm-focus-within-max-w-25p:focus-within { max-width: 25%; }
  .sm-group:hover .sm-group-hover-max-w-25p { max-width: 25%; }
  .sm-min-h-25p { min-height: 25%; }
  .sm-hover-min-h-25p:hover { min-height: 25%; }
  .sm-focus-min-h-25p:focus { min-height: 25%; }
  .sm-active-min-h-25p:active { min-height: 25%; }
  .sm-disabled-min-h-25p:disabled { min-height: 25%; }
  .sm-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  .sm-focus-within-min-h-25p:focus-within { min-height: 25%; }
  .sm-group:hover .sm-group-hover-min-h-25p { min-height: 25%; }
  .sm-max-h-25p { max-height: 25%; }
  .sm-hover-max-h-25p:hover { max-height: 25%; }
  .sm-focus-max-h-25p:focus { max-height: 25%; }
  .sm-active-max-h-25p:active { max-height: 25%; }
  .sm-disabled-max-h-25p:disabled { max-height: 25%; }
  .sm-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  .sm-focus-within-max-h-25p:focus-within { max-height: 25%; }
  .sm-group:hover .sm-group-hover-max-h-25p { max-height: 25%; }
  .sm-w-30p { width: 30%; }
  .sm-hover-w-30p:hover { width: 30%; }
  .sm-focus-w-30p:focus { width: 30%; }
  .sm-active-w-30p:active { width: 30%; }
  .sm-disabled-w-30p:disabled { width: 30%; }
  .sm-focus-visible-w-30p:focus-visible { width: 30%; }
  .sm-focus-within-w-30p:focus-within { width: 30%; }
  .sm-group:hover .sm-group-hover-w-30p { width: 30%; }
  .sm-h-30p { height: 30%; }
  .sm-hover-h-30p:hover { height: 30%; }
  .sm-focus-h-30p:focus { height: 30%; }
  .sm-active-h-30p:active { height: 30%; }
  .sm-disabled-h-30p:disabled { height: 30%; }
  .sm-focus-visible-h-30p:focus-visible { height: 30%; }
  .sm-focus-within-h-30p:focus-within { height: 30%; }
  .sm-group:hover .sm-group-hover-h-30p { height: 30%; }
  .sm-min-w-30p { min-width: 30%; }
  .sm-hover-min-w-30p:hover { min-width: 30%; }
  .sm-focus-min-w-30p:focus { min-width: 30%; }
  .sm-active-min-w-30p:active { min-width: 30%; }
  .sm-disabled-min-w-30p:disabled { min-width: 30%; }
  .sm-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  .sm-focus-within-min-w-30p:focus-within { min-width: 30%; }
  .sm-group:hover .sm-group-hover-min-w-30p { min-width: 30%; }
  .sm-max-w-30p { max-width: 30%; }
  .sm-hover-max-w-30p:hover { max-width: 30%; }
  .sm-focus-max-w-30p:focus { max-width: 30%; }
  .sm-active-max-w-30p:active { max-width: 30%; }
  .sm-disabled-max-w-30p:disabled { max-width: 30%; }
  .sm-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  .sm-focus-within-max-w-30p:focus-within { max-width: 30%; }
  .sm-group:hover .sm-group-hover-max-w-30p { max-width: 30%; }
  .sm-min-h-30p { min-height: 30%; }
  .sm-hover-min-h-30p:hover { min-height: 30%; }
  .sm-focus-min-h-30p:focus { min-height: 30%; }
  .sm-active-min-h-30p:active { min-height: 30%; }
  .sm-disabled-min-h-30p:disabled { min-height: 30%; }
  .sm-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  .sm-focus-within-min-h-30p:focus-within { min-height: 30%; }
  .sm-group:hover .sm-group-hover-min-h-30p { min-height: 30%; }
  .sm-max-h-30p { max-height: 30%; }
  .sm-hover-max-h-30p:hover { max-height: 30%; }
  .sm-focus-max-h-30p:focus { max-height: 30%; }
  .sm-active-max-h-30p:active { max-height: 30%; }
  .sm-disabled-max-h-30p:disabled { max-height: 30%; }
  .sm-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  .sm-focus-within-max-h-30p:focus-within { max-height: 30%; }
  .sm-group:hover .sm-group-hover-max-h-30p { max-height: 30%; }
  .sm-w-35p { width: 35%; }
  .sm-hover-w-35p:hover { width: 35%; }
  .sm-focus-w-35p:focus { width: 35%; }
  .sm-active-w-35p:active { width: 35%; }
  .sm-disabled-w-35p:disabled { width: 35%; }
  .sm-focus-visible-w-35p:focus-visible { width: 35%; }
  .sm-focus-within-w-35p:focus-within { width: 35%; }
  .sm-group:hover .sm-group-hover-w-35p { width: 35%; }
  .sm-h-35p { height: 35%; }
  .sm-hover-h-35p:hover { height: 35%; }
  .sm-focus-h-35p:focus { height: 35%; }
  .sm-active-h-35p:active { height: 35%; }
  .sm-disabled-h-35p:disabled { height: 35%; }
  .sm-focus-visible-h-35p:focus-visible { height: 35%; }
  .sm-focus-within-h-35p:focus-within { height: 35%; }
  .sm-group:hover .sm-group-hover-h-35p { height: 35%; }
  .sm-min-w-35p { min-width: 35%; }
  .sm-hover-min-w-35p:hover { min-width: 35%; }
  .sm-focus-min-w-35p:focus { min-width: 35%; }
  .sm-active-min-w-35p:active { min-width: 35%; }
  .sm-disabled-min-w-35p:disabled { min-width: 35%; }
  .sm-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  .sm-focus-within-min-w-35p:focus-within { min-width: 35%; }
  .sm-group:hover .sm-group-hover-min-w-35p { min-width: 35%; }
  .sm-max-w-35p { max-width: 35%; }
  .sm-hover-max-w-35p:hover { max-width: 35%; }
  .sm-focus-max-w-35p:focus { max-width: 35%; }
  .sm-active-max-w-35p:active { max-width: 35%; }
  .sm-disabled-max-w-35p:disabled { max-width: 35%; }
  .sm-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  .sm-focus-within-max-w-35p:focus-within { max-width: 35%; }
  .sm-group:hover .sm-group-hover-max-w-35p { max-width: 35%; }
  .sm-min-h-35p { min-height: 35%; }
  .sm-hover-min-h-35p:hover { min-height: 35%; }
  .sm-focus-min-h-35p:focus { min-height: 35%; }
  .sm-active-min-h-35p:active { min-height: 35%; }
  .sm-disabled-min-h-35p:disabled { min-height: 35%; }
  .sm-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  .sm-focus-within-min-h-35p:focus-within { min-height: 35%; }
  .sm-group:hover .sm-group-hover-min-h-35p { min-height: 35%; }
  .sm-max-h-35p { max-height: 35%; }
  .sm-hover-max-h-35p:hover { max-height: 35%; }
  .sm-focus-max-h-35p:focus { max-height: 35%; }
  .sm-active-max-h-35p:active { max-height: 35%; }
  .sm-disabled-max-h-35p:disabled { max-height: 35%; }
  .sm-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  .sm-focus-within-max-h-35p:focus-within { max-height: 35%; }
  .sm-group:hover .sm-group-hover-max-h-35p { max-height: 35%; }
  .sm-w-40p { width: 40%; }
  .sm-hover-w-40p:hover { width: 40%; }
  .sm-focus-w-40p:focus { width: 40%; }
  .sm-active-w-40p:active { width: 40%; }
  .sm-disabled-w-40p:disabled { width: 40%; }
  .sm-focus-visible-w-40p:focus-visible { width: 40%; }
  .sm-focus-within-w-40p:focus-within { width: 40%; }
  .sm-group:hover .sm-group-hover-w-40p { width: 40%; }
  .sm-h-40p { height: 40%; }
  .sm-hover-h-40p:hover { height: 40%; }
  .sm-focus-h-40p:focus { height: 40%; }
  .sm-active-h-40p:active { height: 40%; }
  .sm-disabled-h-40p:disabled { height: 40%; }
  .sm-focus-visible-h-40p:focus-visible { height: 40%; }
  .sm-focus-within-h-40p:focus-within { height: 40%; }
  .sm-group:hover .sm-group-hover-h-40p { height: 40%; }
  .sm-min-w-40p { min-width: 40%; }
  .sm-hover-min-w-40p:hover { min-width: 40%; }
  .sm-focus-min-w-40p:focus { min-width: 40%; }
  .sm-active-min-w-40p:active { min-width: 40%; }
  .sm-disabled-min-w-40p:disabled { min-width: 40%; }
  .sm-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  .sm-focus-within-min-w-40p:focus-within { min-width: 40%; }
  .sm-group:hover .sm-group-hover-min-w-40p { min-width: 40%; }
  .sm-max-w-40p { max-width: 40%; }
  .sm-hover-max-w-40p:hover { max-width: 40%; }
  .sm-focus-max-w-40p:focus { max-width: 40%; }
  .sm-active-max-w-40p:active { max-width: 40%; }
  .sm-disabled-max-w-40p:disabled { max-width: 40%; }
  .sm-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  .sm-focus-within-max-w-40p:focus-within { max-width: 40%; }
  .sm-group:hover .sm-group-hover-max-w-40p { max-width: 40%; }
  .sm-min-h-40p { min-height: 40%; }
  .sm-hover-min-h-40p:hover { min-height: 40%; }
  .sm-focus-min-h-40p:focus { min-height: 40%; }
  .sm-active-min-h-40p:active { min-height: 40%; }
  .sm-disabled-min-h-40p:disabled { min-height: 40%; }
  .sm-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  .sm-focus-within-min-h-40p:focus-within { min-height: 40%; }
  .sm-group:hover .sm-group-hover-min-h-40p { min-height: 40%; }
  .sm-max-h-40p { max-height: 40%; }
  .sm-hover-max-h-40p:hover { max-height: 40%; }
  .sm-focus-max-h-40p:focus { max-height: 40%; }
  .sm-active-max-h-40p:active { max-height: 40%; }
  .sm-disabled-max-h-40p:disabled { max-height: 40%; }
  .sm-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  .sm-focus-within-max-h-40p:focus-within { max-height: 40%; }
  .sm-group:hover .sm-group-hover-max-h-40p { max-height: 40%; }
  .sm-w-45p { width: 45%; }
  .sm-hover-w-45p:hover { width: 45%; }
  .sm-focus-w-45p:focus { width: 45%; }
  .sm-active-w-45p:active { width: 45%; }
  .sm-disabled-w-45p:disabled { width: 45%; }
  .sm-focus-visible-w-45p:focus-visible { width: 45%; }
  .sm-focus-within-w-45p:focus-within { width: 45%; }
  .sm-group:hover .sm-group-hover-w-45p { width: 45%; }
  .sm-h-45p { height: 45%; }
  .sm-hover-h-45p:hover { height: 45%; }
  .sm-focus-h-45p:focus { height: 45%; }
  .sm-active-h-45p:active { height: 45%; }
  .sm-disabled-h-45p:disabled { height: 45%; }
  .sm-focus-visible-h-45p:focus-visible { height: 45%; }
  .sm-focus-within-h-45p:focus-within { height: 45%; }
  .sm-group:hover .sm-group-hover-h-45p { height: 45%; }
  .sm-min-w-45p { min-width: 45%; }
  .sm-hover-min-w-45p:hover { min-width: 45%; }
  .sm-focus-min-w-45p:focus { min-width: 45%; }
  .sm-active-min-w-45p:active { min-width: 45%; }
  .sm-disabled-min-w-45p:disabled { min-width: 45%; }
  .sm-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  .sm-focus-within-min-w-45p:focus-within { min-width: 45%; }
  .sm-group:hover .sm-group-hover-min-w-45p { min-width: 45%; }
  .sm-max-w-45p { max-width: 45%; }
  .sm-hover-max-w-45p:hover { max-width: 45%; }
  .sm-focus-max-w-45p:focus { max-width: 45%; }
  .sm-active-max-w-45p:active { max-width: 45%; }
  .sm-disabled-max-w-45p:disabled { max-width: 45%; }
  .sm-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  .sm-focus-within-max-w-45p:focus-within { max-width: 45%; }
  .sm-group:hover .sm-group-hover-max-w-45p { max-width: 45%; }
  .sm-min-h-45p { min-height: 45%; }
  .sm-hover-min-h-45p:hover { min-height: 45%; }
  .sm-focus-min-h-45p:focus { min-height: 45%; }
  .sm-active-min-h-45p:active { min-height: 45%; }
  .sm-disabled-min-h-45p:disabled { min-height: 45%; }
  .sm-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  .sm-focus-within-min-h-45p:focus-within { min-height: 45%; }
  .sm-group:hover .sm-group-hover-min-h-45p { min-height: 45%; }
  .sm-max-h-45p { max-height: 45%; }
  .sm-hover-max-h-45p:hover { max-height: 45%; }
  .sm-focus-max-h-45p:focus { max-height: 45%; }
  .sm-active-max-h-45p:active { max-height: 45%; }
  .sm-disabled-max-h-45p:disabled { max-height: 45%; }
  .sm-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  .sm-focus-within-max-h-45p:focus-within { max-height: 45%; }
  .sm-group:hover .sm-group-hover-max-h-45p { max-height: 45%; }
  .sm-w-50p { width: 50%; }
  .sm-hover-w-50p:hover { width: 50%; }
  .sm-focus-w-50p:focus { width: 50%; }
  .sm-active-w-50p:active { width: 50%; }
  .sm-disabled-w-50p:disabled { width: 50%; }
  .sm-focus-visible-w-50p:focus-visible { width: 50%; }
  .sm-focus-within-w-50p:focus-within { width: 50%; }
  .sm-group:hover .sm-group-hover-w-50p { width: 50%; }
  .sm-h-50p { height: 50%; }
  .sm-hover-h-50p:hover { height: 50%; }
  .sm-focus-h-50p:focus { height: 50%; }
  .sm-active-h-50p:active { height: 50%; }
  .sm-disabled-h-50p:disabled { height: 50%; }
  .sm-focus-visible-h-50p:focus-visible { height: 50%; }
  .sm-focus-within-h-50p:focus-within { height: 50%; }
  .sm-group:hover .sm-group-hover-h-50p { height: 50%; }
  .sm-min-w-50p { min-width: 50%; }
  .sm-hover-min-w-50p:hover { min-width: 50%; }
  .sm-focus-min-w-50p:focus { min-width: 50%; }
  .sm-active-min-w-50p:active { min-width: 50%; }
  .sm-disabled-min-w-50p:disabled { min-width: 50%; }
  .sm-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  .sm-focus-within-min-w-50p:focus-within { min-width: 50%; }
  .sm-group:hover .sm-group-hover-min-w-50p { min-width: 50%; }
  .sm-max-w-50p { max-width: 50%; }
  .sm-hover-max-w-50p:hover { max-width: 50%; }
  .sm-focus-max-w-50p:focus { max-width: 50%; }
  .sm-active-max-w-50p:active { max-width: 50%; }
  .sm-disabled-max-w-50p:disabled { max-width: 50%; }
  .sm-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  .sm-focus-within-max-w-50p:focus-within { max-width: 50%; }
  .sm-group:hover .sm-group-hover-max-w-50p { max-width: 50%; }
  .sm-min-h-50p { min-height: 50%; }
  .sm-hover-min-h-50p:hover { min-height: 50%; }
  .sm-focus-min-h-50p:focus { min-height: 50%; }
  .sm-active-min-h-50p:active { min-height: 50%; }
  .sm-disabled-min-h-50p:disabled { min-height: 50%; }
  .sm-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  .sm-focus-within-min-h-50p:focus-within { min-height: 50%; }
  .sm-group:hover .sm-group-hover-min-h-50p { min-height: 50%; }
  .sm-max-h-50p { max-height: 50%; }
  .sm-hover-max-h-50p:hover { max-height: 50%; }
  .sm-focus-max-h-50p:focus { max-height: 50%; }
  .sm-active-max-h-50p:active { max-height: 50%; }
  .sm-disabled-max-h-50p:disabled { max-height: 50%; }
  .sm-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  .sm-focus-within-max-h-50p:focus-within { max-height: 50%; }
  .sm-group:hover .sm-group-hover-max-h-50p { max-height: 50%; }
  .sm-w-55p { width: 55%; }
  .sm-hover-w-55p:hover { width: 55%; }
  .sm-focus-w-55p:focus { width: 55%; }
  .sm-active-w-55p:active { width: 55%; }
  .sm-disabled-w-55p:disabled { width: 55%; }
  .sm-focus-visible-w-55p:focus-visible { width: 55%; }
  .sm-focus-within-w-55p:focus-within { width: 55%; }
  .sm-group:hover .sm-group-hover-w-55p { width: 55%; }
  .sm-h-55p { height: 55%; }
  .sm-hover-h-55p:hover { height: 55%; }
  .sm-focus-h-55p:focus { height: 55%; }
  .sm-active-h-55p:active { height: 55%; }
  .sm-disabled-h-55p:disabled { height: 55%; }
  .sm-focus-visible-h-55p:focus-visible { height: 55%; }
  .sm-focus-within-h-55p:focus-within { height: 55%; }
  .sm-group:hover .sm-group-hover-h-55p { height: 55%; }
  .sm-min-w-55p { min-width: 55%; }
  .sm-hover-min-w-55p:hover { min-width: 55%; }
  .sm-focus-min-w-55p:focus { min-width: 55%; }
  .sm-active-min-w-55p:active { min-width: 55%; }
  .sm-disabled-min-w-55p:disabled { min-width: 55%; }
  .sm-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  .sm-focus-within-min-w-55p:focus-within { min-width: 55%; }
  .sm-group:hover .sm-group-hover-min-w-55p { min-width: 55%; }
  .sm-max-w-55p { max-width: 55%; }
  .sm-hover-max-w-55p:hover { max-width: 55%; }
  .sm-focus-max-w-55p:focus { max-width: 55%; }
  .sm-active-max-w-55p:active { max-width: 55%; }
  .sm-disabled-max-w-55p:disabled { max-width: 55%; }
  .sm-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  .sm-focus-within-max-w-55p:focus-within { max-width: 55%; }
  .sm-group:hover .sm-group-hover-max-w-55p { max-width: 55%; }
  .sm-min-h-55p { min-height: 55%; }
  .sm-hover-min-h-55p:hover { min-height: 55%; }
  .sm-focus-min-h-55p:focus { min-height: 55%; }
  .sm-active-min-h-55p:active { min-height: 55%; }
  .sm-disabled-min-h-55p:disabled { min-height: 55%; }
  .sm-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  .sm-focus-within-min-h-55p:focus-within { min-height: 55%; }
  .sm-group:hover .sm-group-hover-min-h-55p { min-height: 55%; }
  .sm-max-h-55p { max-height: 55%; }
  .sm-hover-max-h-55p:hover { max-height: 55%; }
  .sm-focus-max-h-55p:focus { max-height: 55%; }
  .sm-active-max-h-55p:active { max-height: 55%; }
  .sm-disabled-max-h-55p:disabled { max-height: 55%; }
  .sm-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  .sm-focus-within-max-h-55p:focus-within { max-height: 55%; }
  .sm-group:hover .sm-group-hover-max-h-55p { max-height: 55%; }
  .sm-w-60p { width: 60%; }
  .sm-hover-w-60p:hover { width: 60%; }
  .sm-focus-w-60p:focus { width: 60%; }
  .sm-active-w-60p:active { width: 60%; }
  .sm-disabled-w-60p:disabled { width: 60%; }
  .sm-focus-visible-w-60p:focus-visible { width: 60%; }
  .sm-focus-within-w-60p:focus-within { width: 60%; }
  .sm-group:hover .sm-group-hover-w-60p { width: 60%; }
  .sm-h-60p { height: 60%; }
  .sm-hover-h-60p:hover { height: 60%; }
  .sm-focus-h-60p:focus { height: 60%; }
  .sm-active-h-60p:active { height: 60%; }
  .sm-disabled-h-60p:disabled { height: 60%; }
  .sm-focus-visible-h-60p:focus-visible { height: 60%; }
  .sm-focus-within-h-60p:focus-within { height: 60%; }
  .sm-group:hover .sm-group-hover-h-60p { height: 60%; }
  .sm-min-w-60p { min-width: 60%; }
  .sm-hover-min-w-60p:hover { min-width: 60%; }
  .sm-focus-min-w-60p:focus { min-width: 60%; }
  .sm-active-min-w-60p:active { min-width: 60%; }
  .sm-disabled-min-w-60p:disabled { min-width: 60%; }
  .sm-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  .sm-focus-within-min-w-60p:focus-within { min-width: 60%; }
  .sm-group:hover .sm-group-hover-min-w-60p { min-width: 60%; }
  .sm-max-w-60p { max-width: 60%; }
  .sm-hover-max-w-60p:hover { max-width: 60%; }
  .sm-focus-max-w-60p:focus { max-width: 60%; }
  .sm-active-max-w-60p:active { max-width: 60%; }
  .sm-disabled-max-w-60p:disabled { max-width: 60%; }
  .sm-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  .sm-focus-within-max-w-60p:focus-within { max-width: 60%; }
  .sm-group:hover .sm-group-hover-max-w-60p { max-width: 60%; }
  .sm-min-h-60p { min-height: 60%; }
  .sm-hover-min-h-60p:hover { min-height: 60%; }
  .sm-focus-min-h-60p:focus { min-height: 60%; }
  .sm-active-min-h-60p:active { min-height: 60%; }
  .sm-disabled-min-h-60p:disabled { min-height: 60%; }
  .sm-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  .sm-focus-within-min-h-60p:focus-within { min-height: 60%; }
  .sm-group:hover .sm-group-hover-min-h-60p { min-height: 60%; }
  .sm-max-h-60p { max-height: 60%; }
  .sm-hover-max-h-60p:hover { max-height: 60%; }
  .sm-focus-max-h-60p:focus { max-height: 60%; }
  .sm-active-max-h-60p:active { max-height: 60%; }
  .sm-disabled-max-h-60p:disabled { max-height: 60%; }
  .sm-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  .sm-focus-within-max-h-60p:focus-within { max-height: 60%; }
  .sm-group:hover .sm-group-hover-max-h-60p { max-height: 60%; }
  .sm-w-65p { width: 65%; }
  .sm-hover-w-65p:hover { width: 65%; }
  .sm-focus-w-65p:focus { width: 65%; }
  .sm-active-w-65p:active { width: 65%; }
  .sm-disabled-w-65p:disabled { width: 65%; }
  .sm-focus-visible-w-65p:focus-visible { width: 65%; }
  .sm-focus-within-w-65p:focus-within { width: 65%; }
  .sm-group:hover .sm-group-hover-w-65p { width: 65%; }
  .sm-h-65p { height: 65%; }
  .sm-hover-h-65p:hover { height: 65%; }
  .sm-focus-h-65p:focus { height: 65%; }
  .sm-active-h-65p:active { height: 65%; }
  .sm-disabled-h-65p:disabled { height: 65%; }
  .sm-focus-visible-h-65p:focus-visible { height: 65%; }
  .sm-focus-within-h-65p:focus-within { height: 65%; }
  .sm-group:hover .sm-group-hover-h-65p { height: 65%; }
  .sm-min-w-65p { min-width: 65%; }
  .sm-hover-min-w-65p:hover { min-width: 65%; }
  .sm-focus-min-w-65p:focus { min-width: 65%; }
  .sm-active-min-w-65p:active { min-width: 65%; }
  .sm-disabled-min-w-65p:disabled { min-width: 65%; }
  .sm-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  .sm-focus-within-min-w-65p:focus-within { min-width: 65%; }
  .sm-group:hover .sm-group-hover-min-w-65p { min-width: 65%; }
  .sm-max-w-65p { max-width: 65%; }
  .sm-hover-max-w-65p:hover { max-width: 65%; }
  .sm-focus-max-w-65p:focus { max-width: 65%; }
  .sm-active-max-w-65p:active { max-width: 65%; }
  .sm-disabled-max-w-65p:disabled { max-width: 65%; }
  .sm-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  .sm-focus-within-max-w-65p:focus-within { max-width: 65%; }
  .sm-group:hover .sm-group-hover-max-w-65p { max-width: 65%; }
  .sm-min-h-65p { min-height: 65%; }
  .sm-hover-min-h-65p:hover { min-height: 65%; }
  .sm-focus-min-h-65p:focus { min-height: 65%; }
  .sm-active-min-h-65p:active { min-height: 65%; }
  .sm-disabled-min-h-65p:disabled { min-height: 65%; }
  .sm-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  .sm-focus-within-min-h-65p:focus-within { min-height: 65%; }
  .sm-group:hover .sm-group-hover-min-h-65p { min-height: 65%; }
  .sm-max-h-65p { max-height: 65%; }
  .sm-hover-max-h-65p:hover { max-height: 65%; }
  .sm-focus-max-h-65p:focus { max-height: 65%; }
  .sm-active-max-h-65p:active { max-height: 65%; }
  .sm-disabled-max-h-65p:disabled { max-height: 65%; }
  .sm-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  .sm-focus-within-max-h-65p:focus-within { max-height: 65%; }
  .sm-group:hover .sm-group-hover-max-h-65p { max-height: 65%; }
  .sm-w-70p { width: 70%; }
  .sm-hover-w-70p:hover { width: 70%; }
  .sm-focus-w-70p:focus { width: 70%; }
  .sm-active-w-70p:active { width: 70%; }
  .sm-disabled-w-70p:disabled { width: 70%; }
  .sm-focus-visible-w-70p:focus-visible { width: 70%; }
  .sm-focus-within-w-70p:focus-within { width: 70%; }
  .sm-group:hover .sm-group-hover-w-70p { width: 70%; }
  .sm-h-70p { height: 70%; }
  .sm-hover-h-70p:hover { height: 70%; }
  .sm-focus-h-70p:focus { height: 70%; }
  .sm-active-h-70p:active { height: 70%; }
  .sm-disabled-h-70p:disabled { height: 70%; }
  .sm-focus-visible-h-70p:focus-visible { height: 70%; }
  .sm-focus-within-h-70p:focus-within { height: 70%; }
  .sm-group:hover .sm-group-hover-h-70p { height: 70%; }
  .sm-min-w-70p { min-width: 70%; }
  .sm-hover-min-w-70p:hover { min-width: 70%; }
  .sm-focus-min-w-70p:focus { min-width: 70%; }
  .sm-active-min-w-70p:active { min-width: 70%; }
  .sm-disabled-min-w-70p:disabled { min-width: 70%; }
  .sm-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  .sm-focus-within-min-w-70p:focus-within { min-width: 70%; }
  .sm-group:hover .sm-group-hover-min-w-70p { min-width: 70%; }
  .sm-max-w-70p { max-width: 70%; }
  .sm-hover-max-w-70p:hover { max-width: 70%; }
  .sm-focus-max-w-70p:focus { max-width: 70%; }
  .sm-active-max-w-70p:active { max-width: 70%; }
  .sm-disabled-max-w-70p:disabled { max-width: 70%; }
  .sm-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  .sm-focus-within-max-w-70p:focus-within { max-width: 70%; }
  .sm-group:hover .sm-group-hover-max-w-70p { max-width: 70%; }
  .sm-min-h-70p { min-height: 70%; }
  .sm-hover-min-h-70p:hover { min-height: 70%; }
  .sm-focus-min-h-70p:focus { min-height: 70%; }
  .sm-active-min-h-70p:active { min-height: 70%; }
  .sm-disabled-min-h-70p:disabled { min-height: 70%; }
  .sm-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  .sm-focus-within-min-h-70p:focus-within { min-height: 70%; }
  .sm-group:hover .sm-group-hover-min-h-70p { min-height: 70%; }
  .sm-max-h-70p { max-height: 70%; }
  .sm-hover-max-h-70p:hover { max-height: 70%; }
  .sm-focus-max-h-70p:focus { max-height: 70%; }
  .sm-active-max-h-70p:active { max-height: 70%; }
  .sm-disabled-max-h-70p:disabled { max-height: 70%; }
  .sm-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  .sm-focus-within-max-h-70p:focus-within { max-height: 70%; }
  .sm-group:hover .sm-group-hover-max-h-70p { max-height: 70%; }
  .sm-w-75p { width: 75%; }
  .sm-hover-w-75p:hover { width: 75%; }
  .sm-focus-w-75p:focus { width: 75%; }
  .sm-active-w-75p:active { width: 75%; }
  .sm-disabled-w-75p:disabled { width: 75%; }
  .sm-focus-visible-w-75p:focus-visible { width: 75%; }
  .sm-focus-within-w-75p:focus-within { width: 75%; }
  .sm-group:hover .sm-group-hover-w-75p { width: 75%; }
  .sm-h-75p { height: 75%; }
  .sm-hover-h-75p:hover { height: 75%; }
  .sm-focus-h-75p:focus { height: 75%; }
  .sm-active-h-75p:active { height: 75%; }
  .sm-disabled-h-75p:disabled { height: 75%; }
  .sm-focus-visible-h-75p:focus-visible { height: 75%; }
  .sm-focus-within-h-75p:focus-within { height: 75%; }
  .sm-group:hover .sm-group-hover-h-75p { height: 75%; }
  .sm-min-w-75p { min-width: 75%; }
  .sm-hover-min-w-75p:hover { min-width: 75%; }
  .sm-focus-min-w-75p:focus { min-width: 75%; }
  .sm-active-min-w-75p:active { min-width: 75%; }
  .sm-disabled-min-w-75p:disabled { min-width: 75%; }
  .sm-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  .sm-focus-within-min-w-75p:focus-within { min-width: 75%; }
  .sm-group:hover .sm-group-hover-min-w-75p { min-width: 75%; }
  .sm-max-w-75p { max-width: 75%; }
  .sm-hover-max-w-75p:hover { max-width: 75%; }
  .sm-focus-max-w-75p:focus { max-width: 75%; }
  .sm-active-max-w-75p:active { max-width: 75%; }
  .sm-disabled-max-w-75p:disabled { max-width: 75%; }
  .sm-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  .sm-focus-within-max-w-75p:focus-within { max-width: 75%; }
  .sm-group:hover .sm-group-hover-max-w-75p { max-width: 75%; }
  .sm-min-h-75p { min-height: 75%; }
  .sm-hover-min-h-75p:hover { min-height: 75%; }
  .sm-focus-min-h-75p:focus { min-height: 75%; }
  .sm-active-min-h-75p:active { min-height: 75%; }
  .sm-disabled-min-h-75p:disabled { min-height: 75%; }
  .sm-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  .sm-focus-within-min-h-75p:focus-within { min-height: 75%; }
  .sm-group:hover .sm-group-hover-min-h-75p { min-height: 75%; }
  .sm-max-h-75p { max-height: 75%; }
  .sm-hover-max-h-75p:hover { max-height: 75%; }
  .sm-focus-max-h-75p:focus { max-height: 75%; }
  .sm-active-max-h-75p:active { max-height: 75%; }
  .sm-disabled-max-h-75p:disabled { max-height: 75%; }
  .sm-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  .sm-focus-within-max-h-75p:focus-within { max-height: 75%; }
  .sm-group:hover .sm-group-hover-max-h-75p { max-height: 75%; }
  .sm-w-80p { width: 80%; }
  .sm-hover-w-80p:hover { width: 80%; }
  .sm-focus-w-80p:focus { width: 80%; }
  .sm-active-w-80p:active { width: 80%; }
  .sm-disabled-w-80p:disabled { width: 80%; }
  .sm-focus-visible-w-80p:focus-visible { width: 80%; }
  .sm-focus-within-w-80p:focus-within { width: 80%; }
  .sm-group:hover .sm-group-hover-w-80p { width: 80%; }
  .sm-h-80p { height: 80%; }
  .sm-hover-h-80p:hover { height: 80%; }
  .sm-focus-h-80p:focus { height: 80%; }
  .sm-active-h-80p:active { height: 80%; }
  .sm-disabled-h-80p:disabled { height: 80%; }
  .sm-focus-visible-h-80p:focus-visible { height: 80%; }
  .sm-focus-within-h-80p:focus-within { height: 80%; }
  .sm-group:hover .sm-group-hover-h-80p { height: 80%; }
  .sm-min-w-80p { min-width: 80%; }
  .sm-hover-min-w-80p:hover { min-width: 80%; }
  .sm-focus-min-w-80p:focus { min-width: 80%; }
  .sm-active-min-w-80p:active { min-width: 80%; }
  .sm-disabled-min-w-80p:disabled { min-width: 80%; }
  .sm-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  .sm-focus-within-min-w-80p:focus-within { min-width: 80%; }
  .sm-group:hover .sm-group-hover-min-w-80p { min-width: 80%; }
  .sm-max-w-80p { max-width: 80%; }
  .sm-hover-max-w-80p:hover { max-width: 80%; }
  .sm-focus-max-w-80p:focus { max-width: 80%; }
  .sm-active-max-w-80p:active { max-width: 80%; }
  .sm-disabled-max-w-80p:disabled { max-width: 80%; }
  .sm-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  .sm-focus-within-max-w-80p:focus-within { max-width: 80%; }
  .sm-group:hover .sm-group-hover-max-w-80p { max-width: 80%; }
  .sm-min-h-80p { min-height: 80%; }
  .sm-hover-min-h-80p:hover { min-height: 80%; }
  .sm-focus-min-h-80p:focus { min-height: 80%; }
  .sm-active-min-h-80p:active { min-height: 80%; }
  .sm-disabled-min-h-80p:disabled { min-height: 80%; }
  .sm-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  .sm-focus-within-min-h-80p:focus-within { min-height: 80%; }
  .sm-group:hover .sm-group-hover-min-h-80p { min-height: 80%; }
  .sm-max-h-80p { max-height: 80%; }
  .sm-hover-max-h-80p:hover { max-height: 80%; }
  .sm-focus-max-h-80p:focus { max-height: 80%; }
  .sm-active-max-h-80p:active { max-height: 80%; }
  .sm-disabled-max-h-80p:disabled { max-height: 80%; }
  .sm-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  .sm-focus-within-max-h-80p:focus-within { max-height: 80%; }
  .sm-group:hover .sm-group-hover-max-h-80p { max-height: 80%; }
  .sm-w-85p { width: 85%; }
  .sm-hover-w-85p:hover { width: 85%; }
  .sm-focus-w-85p:focus { width: 85%; }
  .sm-active-w-85p:active { width: 85%; }
  .sm-disabled-w-85p:disabled { width: 85%; }
  .sm-focus-visible-w-85p:focus-visible { width: 85%; }
  .sm-focus-within-w-85p:focus-within { width: 85%; }
  .sm-group:hover .sm-group-hover-w-85p { width: 85%; }
  .sm-h-85p { height: 85%; }
  .sm-hover-h-85p:hover { height: 85%; }
  .sm-focus-h-85p:focus { height: 85%; }
  .sm-active-h-85p:active { height: 85%; }
  .sm-disabled-h-85p:disabled { height: 85%; }
  .sm-focus-visible-h-85p:focus-visible { height: 85%; }
  .sm-focus-within-h-85p:focus-within { height: 85%; }
  .sm-group:hover .sm-group-hover-h-85p { height: 85%; }
  .sm-min-w-85p { min-width: 85%; }
  .sm-hover-min-w-85p:hover { min-width: 85%; }
  .sm-focus-min-w-85p:focus { min-width: 85%; }
  .sm-active-min-w-85p:active { min-width: 85%; }
  .sm-disabled-min-w-85p:disabled { min-width: 85%; }
  .sm-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  .sm-focus-within-min-w-85p:focus-within { min-width: 85%; }
  .sm-group:hover .sm-group-hover-min-w-85p { min-width: 85%; }
  .sm-max-w-85p { max-width: 85%; }
  .sm-hover-max-w-85p:hover { max-width: 85%; }
  .sm-focus-max-w-85p:focus { max-width: 85%; }
  .sm-active-max-w-85p:active { max-width: 85%; }
  .sm-disabled-max-w-85p:disabled { max-width: 85%; }
  .sm-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  .sm-focus-within-max-w-85p:focus-within { max-width: 85%; }
  .sm-group:hover .sm-group-hover-max-w-85p { max-width: 85%; }
  .sm-min-h-85p { min-height: 85%; }
  .sm-hover-min-h-85p:hover { min-height: 85%; }
  .sm-focus-min-h-85p:focus { min-height: 85%; }
  .sm-active-min-h-85p:active { min-height: 85%; }
  .sm-disabled-min-h-85p:disabled { min-height: 85%; }
  .sm-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  .sm-focus-within-min-h-85p:focus-within { min-height: 85%; }
  .sm-group:hover .sm-group-hover-min-h-85p { min-height: 85%; }
  .sm-max-h-85p { max-height: 85%; }
  .sm-hover-max-h-85p:hover { max-height: 85%; }
  .sm-focus-max-h-85p:focus { max-height: 85%; }
  .sm-active-max-h-85p:active { max-height: 85%; }
  .sm-disabled-max-h-85p:disabled { max-height: 85%; }
  .sm-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  .sm-focus-within-max-h-85p:focus-within { max-height: 85%; }
  .sm-group:hover .sm-group-hover-max-h-85p { max-height: 85%; }
  .sm-w-90p { width: 90%; }
  .sm-hover-w-90p:hover { width: 90%; }
  .sm-focus-w-90p:focus { width: 90%; }
  .sm-active-w-90p:active { width: 90%; }
  .sm-disabled-w-90p:disabled { width: 90%; }
  .sm-focus-visible-w-90p:focus-visible { width: 90%; }
  .sm-focus-within-w-90p:focus-within { width: 90%; }
  .sm-group:hover .sm-group-hover-w-90p { width: 90%; }
  .sm-h-90p { height: 90%; }
  .sm-hover-h-90p:hover { height: 90%; }
  .sm-focus-h-90p:focus { height: 90%; }
  .sm-active-h-90p:active { height: 90%; }
  .sm-disabled-h-90p:disabled { height: 90%; }
  .sm-focus-visible-h-90p:focus-visible { height: 90%; }
  .sm-focus-within-h-90p:focus-within { height: 90%; }
  .sm-group:hover .sm-group-hover-h-90p { height: 90%; }
  .sm-min-w-90p { min-width: 90%; }
  .sm-hover-min-w-90p:hover { min-width: 90%; }
  .sm-focus-min-w-90p:focus { min-width: 90%; }
  .sm-active-min-w-90p:active { min-width: 90%; }
  .sm-disabled-min-w-90p:disabled { min-width: 90%; }
  .sm-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  .sm-focus-within-min-w-90p:focus-within { min-width: 90%; }
  .sm-group:hover .sm-group-hover-min-w-90p { min-width: 90%; }
  .sm-max-w-90p { max-width: 90%; }
  .sm-hover-max-w-90p:hover { max-width: 90%; }
  .sm-focus-max-w-90p:focus { max-width: 90%; }
  .sm-active-max-w-90p:active { max-width: 90%; }
  .sm-disabled-max-w-90p:disabled { max-width: 90%; }
  .sm-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  .sm-focus-within-max-w-90p:focus-within { max-width: 90%; }
  .sm-group:hover .sm-group-hover-max-w-90p { max-width: 90%; }
  .sm-min-h-90p { min-height: 90%; }
  .sm-hover-min-h-90p:hover { min-height: 90%; }
  .sm-focus-min-h-90p:focus { min-height: 90%; }
  .sm-active-min-h-90p:active { min-height: 90%; }
  .sm-disabled-min-h-90p:disabled { min-height: 90%; }
  .sm-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  .sm-focus-within-min-h-90p:focus-within { min-height: 90%; }
  .sm-group:hover .sm-group-hover-min-h-90p { min-height: 90%; }
  .sm-max-h-90p { max-height: 90%; }
  .sm-hover-max-h-90p:hover { max-height: 90%; }
  .sm-focus-max-h-90p:focus { max-height: 90%; }
  .sm-active-max-h-90p:active { max-height: 90%; }
  .sm-disabled-max-h-90p:disabled { max-height: 90%; }
  .sm-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  .sm-focus-within-max-h-90p:focus-within { max-height: 90%; }
  .sm-group:hover .sm-group-hover-max-h-90p { max-height: 90%; }
  .sm-w-95p { width: 95%; }
  .sm-hover-w-95p:hover { width: 95%; }
  .sm-focus-w-95p:focus { width: 95%; }
  .sm-active-w-95p:active { width: 95%; }
  .sm-disabled-w-95p:disabled { width: 95%; }
  .sm-focus-visible-w-95p:focus-visible { width: 95%; }
  .sm-focus-within-w-95p:focus-within { width: 95%; }
  .sm-group:hover .sm-group-hover-w-95p { width: 95%; }
  .sm-h-95p { height: 95%; }
  .sm-hover-h-95p:hover { height: 95%; }
  .sm-focus-h-95p:focus { height: 95%; }
  .sm-active-h-95p:active { height: 95%; }
  .sm-disabled-h-95p:disabled { height: 95%; }
  .sm-focus-visible-h-95p:focus-visible { height: 95%; }
  .sm-focus-within-h-95p:focus-within { height: 95%; }
  .sm-group:hover .sm-group-hover-h-95p { height: 95%; }
  .sm-min-w-95p { min-width: 95%; }
  .sm-hover-min-w-95p:hover { min-width: 95%; }
  .sm-focus-min-w-95p:focus { min-width: 95%; }
  .sm-active-min-w-95p:active { min-width: 95%; }
  .sm-disabled-min-w-95p:disabled { min-width: 95%; }
  .sm-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  .sm-focus-within-min-w-95p:focus-within { min-width: 95%; }
  .sm-group:hover .sm-group-hover-min-w-95p { min-width: 95%; }
  .sm-max-w-95p { max-width: 95%; }
  .sm-hover-max-w-95p:hover { max-width: 95%; }
  .sm-focus-max-w-95p:focus { max-width: 95%; }
  .sm-active-max-w-95p:active { max-width: 95%; }
  .sm-disabled-max-w-95p:disabled { max-width: 95%; }
  .sm-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  .sm-focus-within-max-w-95p:focus-within { max-width: 95%; }
  .sm-group:hover .sm-group-hover-max-w-95p { max-width: 95%; }
  .sm-min-h-95p { min-height: 95%; }
  .sm-hover-min-h-95p:hover { min-height: 95%; }
  .sm-focus-min-h-95p:focus { min-height: 95%; }
  .sm-active-min-h-95p:active { min-height: 95%; }
  .sm-disabled-min-h-95p:disabled { min-height: 95%; }
  .sm-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  .sm-focus-within-min-h-95p:focus-within { min-height: 95%; }
  .sm-group:hover .sm-group-hover-min-h-95p { min-height: 95%; }
  .sm-max-h-95p { max-height: 95%; }
  .sm-hover-max-h-95p:hover { max-height: 95%; }
  .sm-focus-max-h-95p:focus { max-height: 95%; }
  .sm-active-max-h-95p:active { max-height: 95%; }
  .sm-disabled-max-h-95p:disabled { max-height: 95%; }
  .sm-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  .sm-focus-within-max-h-95p:focus-within { max-height: 95%; }
  .sm-group:hover .sm-group-hover-max-h-95p { max-height: 95%; }
  .sm-w-100p { width: 100%; }
  .sm-hover-w-100p:hover { width: 100%; }
  .sm-focus-w-100p:focus { width: 100%; }
  .sm-active-w-100p:active { width: 100%; }
  .sm-disabled-w-100p:disabled { width: 100%; }
  .sm-focus-visible-w-100p:focus-visible { width: 100%; }
  .sm-focus-within-w-100p:focus-within { width: 100%; }
  .sm-group:hover .sm-group-hover-w-100p { width: 100%; }
  .sm-h-100p { height: 100%; }
  .sm-hover-h-100p:hover { height: 100%; }
  .sm-focus-h-100p:focus { height: 100%; }
  .sm-active-h-100p:active { height: 100%; }
  .sm-disabled-h-100p:disabled { height: 100%; }
  .sm-focus-visible-h-100p:focus-visible { height: 100%; }
  .sm-focus-within-h-100p:focus-within { height: 100%; }
  .sm-group:hover .sm-group-hover-h-100p { height: 100%; }
  .sm-min-w-100p { min-width: 100%; }
  .sm-hover-min-w-100p:hover { min-width: 100%; }
  .sm-focus-min-w-100p:focus { min-width: 100%; }
  .sm-active-min-w-100p:active { min-width: 100%; }
  .sm-disabled-min-w-100p:disabled { min-width: 100%; }
  .sm-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  .sm-focus-within-min-w-100p:focus-within { min-width: 100%; }
  .sm-group:hover .sm-group-hover-min-w-100p { min-width: 100%; }
  .sm-max-w-100p { max-width: 100%; }
  .sm-hover-max-w-100p:hover { max-width: 100%; }
  .sm-focus-max-w-100p:focus { max-width: 100%; }
  .sm-active-max-w-100p:active { max-width: 100%; }
  .sm-disabled-max-w-100p:disabled { max-width: 100%; }
  .sm-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  .sm-focus-within-max-w-100p:focus-within { max-width: 100%; }
  .sm-group:hover .sm-group-hover-max-w-100p { max-width: 100%; }
  .sm-min-h-100p { min-height: 100%; }
  .sm-hover-min-h-100p:hover { min-height: 100%; }
  .sm-focus-min-h-100p:focus { min-height: 100%; }
  .sm-active-min-h-100p:active { min-height: 100%; }
  .sm-disabled-min-h-100p:disabled { min-height: 100%; }
  .sm-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  .sm-focus-within-min-h-100p:focus-within { min-height: 100%; }
  .sm-group:hover .sm-group-hover-min-h-100p { min-height: 100%; }
  .sm-max-h-100p { max-height: 100%; }
  .sm-hover-max-h-100p:hover { max-height: 100%; }
  .sm-focus-max-h-100p:focus { max-height: 100%; }
  .sm-active-max-h-100p:active { max-height: 100%; }
  .sm-disabled-max-h-100p:disabled { max-height: 100%; }
  .sm-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  .sm-focus-within-max-h-100p:focus-within { max-height: 100%; }
  .sm-group:hover .sm-group-hover-max-h-100p { max-height: 100%; }
  .sm-w-10vw { width: 10vw; }
  .sm-hover-w-10vw:hover { width: 10vw; }
  .sm-focus-w-10vw:focus { width: 10vw; }
  .sm-active-w-10vw:active { width: 10vw; }
  .sm-disabled-w-10vw:disabled { width: 10vw; }
  .sm-focus-visible-w-10vw:focus-visible { width: 10vw; }
  .sm-focus-within-w-10vw:focus-within { width: 10vw; }
  .sm-group:hover .sm-group-hover-w-10vw { width: 10vw; }
  .sm-h-10vw { height: 10vw; }
  .sm-hover-h-10vw:hover { height: 10vw; }
  .sm-focus-h-10vw:focus { height: 10vw; }
  .sm-active-h-10vw:active { height: 10vw; }
  .sm-disabled-h-10vw:disabled { height: 10vw; }
  .sm-focus-visible-h-10vw:focus-visible { height: 10vw; }
  .sm-focus-within-h-10vw:focus-within { height: 10vw; }
  .sm-group:hover .sm-group-hover-h-10vw { height: 10vw; }
  .sm-min-w-10vw { min-width: 10vw; }
  .sm-hover-min-w-10vw:hover { min-width: 10vw; }
  .sm-focus-min-w-10vw:focus { min-width: 10vw; }
  .sm-active-min-w-10vw:active { min-width: 10vw; }
  .sm-disabled-min-w-10vw:disabled { min-width: 10vw; }
  .sm-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  .sm-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  .sm-group:hover .sm-group-hover-min-w-10vw { min-width: 10vw; }
  .sm-max-w-10vw { max-width: 10vw; }
  .sm-hover-max-w-10vw:hover { max-width: 10vw; }
  .sm-focus-max-w-10vw:focus { max-width: 10vw; }
  .sm-active-max-w-10vw:active { max-width: 10vw; }
  .sm-disabled-max-w-10vw:disabled { max-width: 10vw; }
  .sm-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  .sm-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  .sm-group:hover .sm-group-hover-max-w-10vw { max-width: 10vw; }
  .sm-min-h-10vw { min-height: 10vw; }
  .sm-hover-min-h-10vw:hover { min-height: 10vw; }
  .sm-focus-min-h-10vw:focus { min-height: 10vw; }
  .sm-active-min-h-10vw:active { min-height: 10vw; }
  .sm-disabled-min-h-10vw:disabled { min-height: 10vw; }
  .sm-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  .sm-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  .sm-group:hover .sm-group-hover-min-h-10vw { min-height: 10vw; }
  .sm-max-h-10vw { max-height: 10vw; }
  .sm-hover-max-h-10vw:hover { max-height: 10vw; }
  .sm-focus-max-h-10vw:focus { max-height: 10vw; }
  .sm-active-max-h-10vw:active { max-height: 10vw; }
  .sm-disabled-max-h-10vw:disabled { max-height: 10vw; }
  .sm-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  .sm-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  .sm-group:hover .sm-group-hover-max-h-10vw { max-height: 10vw; }
  .sm-w-20vw { width: 20vw; }
  .sm-hover-w-20vw:hover { width: 20vw; }
  .sm-focus-w-20vw:focus { width: 20vw; }
  .sm-active-w-20vw:active { width: 20vw; }
  .sm-disabled-w-20vw:disabled { width: 20vw; }
  .sm-focus-visible-w-20vw:focus-visible { width: 20vw; }
  .sm-focus-within-w-20vw:focus-within { width: 20vw; }
  .sm-group:hover .sm-group-hover-w-20vw { width: 20vw; }
  .sm-h-20vw { height: 20vw; }
  .sm-hover-h-20vw:hover { height: 20vw; }
  .sm-focus-h-20vw:focus { height: 20vw; }
  .sm-active-h-20vw:active { height: 20vw; }
  .sm-disabled-h-20vw:disabled { height: 20vw; }
  .sm-focus-visible-h-20vw:focus-visible { height: 20vw; }
  .sm-focus-within-h-20vw:focus-within { height: 20vw; }
  .sm-group:hover .sm-group-hover-h-20vw { height: 20vw; }
  .sm-min-w-20vw { min-width: 20vw; }
  .sm-hover-min-w-20vw:hover { min-width: 20vw; }
  .sm-focus-min-w-20vw:focus { min-width: 20vw; }
  .sm-active-min-w-20vw:active { min-width: 20vw; }
  .sm-disabled-min-w-20vw:disabled { min-width: 20vw; }
  .sm-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  .sm-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  .sm-group:hover .sm-group-hover-min-w-20vw { min-width: 20vw; }
  .sm-max-w-20vw { max-width: 20vw; }
  .sm-hover-max-w-20vw:hover { max-width: 20vw; }
  .sm-focus-max-w-20vw:focus { max-width: 20vw; }
  .sm-active-max-w-20vw:active { max-width: 20vw; }
  .sm-disabled-max-w-20vw:disabled { max-width: 20vw; }
  .sm-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  .sm-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  .sm-group:hover .sm-group-hover-max-w-20vw { max-width: 20vw; }
  .sm-min-h-20vw { min-height: 20vw; }
  .sm-hover-min-h-20vw:hover { min-height: 20vw; }
  .sm-focus-min-h-20vw:focus { min-height: 20vw; }
  .sm-active-min-h-20vw:active { min-height: 20vw; }
  .sm-disabled-min-h-20vw:disabled { min-height: 20vw; }
  .sm-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  .sm-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  .sm-group:hover .sm-group-hover-min-h-20vw { min-height: 20vw; }
  .sm-max-h-20vw { max-height: 20vw; }
  .sm-hover-max-h-20vw:hover { max-height: 20vw; }
  .sm-focus-max-h-20vw:focus { max-height: 20vw; }
  .sm-active-max-h-20vw:active { max-height: 20vw; }
  .sm-disabled-max-h-20vw:disabled { max-height: 20vw; }
  .sm-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  .sm-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  .sm-group:hover .sm-group-hover-max-h-20vw { max-height: 20vw; }
  .sm-w-30vw { width: 30vw; }
  .sm-hover-w-30vw:hover { width: 30vw; }
  .sm-focus-w-30vw:focus { width: 30vw; }
  .sm-active-w-30vw:active { width: 30vw; }
  .sm-disabled-w-30vw:disabled { width: 30vw; }
  .sm-focus-visible-w-30vw:focus-visible { width: 30vw; }
  .sm-focus-within-w-30vw:focus-within { width: 30vw; }
  .sm-group:hover .sm-group-hover-w-30vw { width: 30vw; }
  .sm-h-30vw { height: 30vw; }
  .sm-hover-h-30vw:hover { height: 30vw; }
  .sm-focus-h-30vw:focus { height: 30vw; }
  .sm-active-h-30vw:active { height: 30vw; }
  .sm-disabled-h-30vw:disabled { height: 30vw; }
  .sm-focus-visible-h-30vw:focus-visible { height: 30vw; }
  .sm-focus-within-h-30vw:focus-within { height: 30vw; }
  .sm-group:hover .sm-group-hover-h-30vw { height: 30vw; }
  .sm-min-w-30vw { min-width: 30vw; }
  .sm-hover-min-w-30vw:hover { min-width: 30vw; }
  .sm-focus-min-w-30vw:focus { min-width: 30vw; }
  .sm-active-min-w-30vw:active { min-width: 30vw; }
  .sm-disabled-min-w-30vw:disabled { min-width: 30vw; }
  .sm-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  .sm-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  .sm-group:hover .sm-group-hover-min-w-30vw { min-width: 30vw; }
  .sm-max-w-30vw { max-width: 30vw; }
  .sm-hover-max-w-30vw:hover { max-width: 30vw; }
  .sm-focus-max-w-30vw:focus { max-width: 30vw; }
  .sm-active-max-w-30vw:active { max-width: 30vw; }
  .sm-disabled-max-w-30vw:disabled { max-width: 30vw; }
  .sm-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  .sm-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  .sm-group:hover .sm-group-hover-max-w-30vw { max-width: 30vw; }
  .sm-min-h-30vw { min-height: 30vw; }
  .sm-hover-min-h-30vw:hover { min-height: 30vw; }
  .sm-focus-min-h-30vw:focus { min-height: 30vw; }
  .sm-active-min-h-30vw:active { min-height: 30vw; }
  .sm-disabled-min-h-30vw:disabled { min-height: 30vw; }
  .sm-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  .sm-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  .sm-group:hover .sm-group-hover-min-h-30vw { min-height: 30vw; }
  .sm-max-h-30vw { max-height: 30vw; }
  .sm-hover-max-h-30vw:hover { max-height: 30vw; }
  .sm-focus-max-h-30vw:focus { max-height: 30vw; }
  .sm-active-max-h-30vw:active { max-height: 30vw; }
  .sm-disabled-max-h-30vw:disabled { max-height: 30vw; }
  .sm-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  .sm-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  .sm-group:hover .sm-group-hover-max-h-30vw { max-height: 30vw; }
  .sm-w-40vw { width: 40vw; }
  .sm-hover-w-40vw:hover { width: 40vw; }
  .sm-focus-w-40vw:focus { width: 40vw; }
  .sm-active-w-40vw:active { width: 40vw; }
  .sm-disabled-w-40vw:disabled { width: 40vw; }
  .sm-focus-visible-w-40vw:focus-visible { width: 40vw; }
  .sm-focus-within-w-40vw:focus-within { width: 40vw; }
  .sm-group:hover .sm-group-hover-w-40vw { width: 40vw; }
  .sm-h-40vw { height: 40vw; }
  .sm-hover-h-40vw:hover { height: 40vw; }
  .sm-focus-h-40vw:focus { height: 40vw; }
  .sm-active-h-40vw:active { height: 40vw; }
  .sm-disabled-h-40vw:disabled { height: 40vw; }
  .sm-focus-visible-h-40vw:focus-visible { height: 40vw; }
  .sm-focus-within-h-40vw:focus-within { height: 40vw; }
  .sm-group:hover .sm-group-hover-h-40vw { height: 40vw; }
  .sm-min-w-40vw { min-width: 40vw; }
  .sm-hover-min-w-40vw:hover { min-width: 40vw; }
  .sm-focus-min-w-40vw:focus { min-width: 40vw; }
  .sm-active-min-w-40vw:active { min-width: 40vw; }
  .sm-disabled-min-w-40vw:disabled { min-width: 40vw; }
  .sm-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  .sm-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  .sm-group:hover .sm-group-hover-min-w-40vw { min-width: 40vw; }
  .sm-max-w-40vw { max-width: 40vw; }
  .sm-hover-max-w-40vw:hover { max-width: 40vw; }
  .sm-focus-max-w-40vw:focus { max-width: 40vw; }
  .sm-active-max-w-40vw:active { max-width: 40vw; }
  .sm-disabled-max-w-40vw:disabled { max-width: 40vw; }
  .sm-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  .sm-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  .sm-group:hover .sm-group-hover-max-w-40vw { max-width: 40vw; }
  .sm-min-h-40vw { min-height: 40vw; }
  .sm-hover-min-h-40vw:hover { min-height: 40vw; }
  .sm-focus-min-h-40vw:focus { min-height: 40vw; }
  .sm-active-min-h-40vw:active { min-height: 40vw; }
  .sm-disabled-min-h-40vw:disabled { min-height: 40vw; }
  .sm-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  .sm-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  .sm-group:hover .sm-group-hover-min-h-40vw { min-height: 40vw; }
  .sm-max-h-40vw { max-height: 40vw; }
  .sm-hover-max-h-40vw:hover { max-height: 40vw; }
  .sm-focus-max-h-40vw:focus { max-height: 40vw; }
  .sm-active-max-h-40vw:active { max-height: 40vw; }
  .sm-disabled-max-h-40vw:disabled { max-height: 40vw; }
  .sm-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  .sm-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  .sm-group:hover .sm-group-hover-max-h-40vw { max-height: 40vw; }
  .sm-w-50vw { width: 50vw; }
  .sm-hover-w-50vw:hover { width: 50vw; }
  .sm-focus-w-50vw:focus { width: 50vw; }
  .sm-active-w-50vw:active { width: 50vw; }
  .sm-disabled-w-50vw:disabled { width: 50vw; }
  .sm-focus-visible-w-50vw:focus-visible { width: 50vw; }
  .sm-focus-within-w-50vw:focus-within { width: 50vw; }
  .sm-group:hover .sm-group-hover-w-50vw { width: 50vw; }
  .sm-h-50vw { height: 50vw; }
  .sm-hover-h-50vw:hover { height: 50vw; }
  .sm-focus-h-50vw:focus { height: 50vw; }
  .sm-active-h-50vw:active { height: 50vw; }
  .sm-disabled-h-50vw:disabled { height: 50vw; }
  .sm-focus-visible-h-50vw:focus-visible { height: 50vw; }
  .sm-focus-within-h-50vw:focus-within { height: 50vw; }
  .sm-group:hover .sm-group-hover-h-50vw { height: 50vw; }
  .sm-min-w-50vw { min-width: 50vw; }
  .sm-hover-min-w-50vw:hover { min-width: 50vw; }
  .sm-focus-min-w-50vw:focus { min-width: 50vw; }
  .sm-active-min-w-50vw:active { min-width: 50vw; }
  .sm-disabled-min-w-50vw:disabled { min-width: 50vw; }
  .sm-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  .sm-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  .sm-group:hover .sm-group-hover-min-w-50vw { min-width: 50vw; }
  .sm-max-w-50vw { max-width: 50vw; }
  .sm-hover-max-w-50vw:hover { max-width: 50vw; }
  .sm-focus-max-w-50vw:focus { max-width: 50vw; }
  .sm-active-max-w-50vw:active { max-width: 50vw; }
  .sm-disabled-max-w-50vw:disabled { max-width: 50vw; }
  .sm-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  .sm-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  .sm-group:hover .sm-group-hover-max-w-50vw { max-width: 50vw; }
  .sm-min-h-50vw { min-height: 50vw; }
  .sm-hover-min-h-50vw:hover { min-height: 50vw; }
  .sm-focus-min-h-50vw:focus { min-height: 50vw; }
  .sm-active-min-h-50vw:active { min-height: 50vw; }
  .sm-disabled-min-h-50vw:disabled { min-height: 50vw; }
  .sm-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  .sm-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  .sm-group:hover .sm-group-hover-min-h-50vw { min-height: 50vw; }
  .sm-max-h-50vw { max-height: 50vw; }
  .sm-hover-max-h-50vw:hover { max-height: 50vw; }
  .sm-focus-max-h-50vw:focus { max-height: 50vw; }
  .sm-active-max-h-50vw:active { max-height: 50vw; }
  .sm-disabled-max-h-50vw:disabled { max-height: 50vw; }
  .sm-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  .sm-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  .sm-group:hover .sm-group-hover-max-h-50vw { max-height: 50vw; }
  .sm-w-60vw { width: 60vw; }
  .sm-hover-w-60vw:hover { width: 60vw; }
  .sm-focus-w-60vw:focus { width: 60vw; }
  .sm-active-w-60vw:active { width: 60vw; }
  .sm-disabled-w-60vw:disabled { width: 60vw; }
  .sm-focus-visible-w-60vw:focus-visible { width: 60vw; }
  .sm-focus-within-w-60vw:focus-within { width: 60vw; }
  .sm-group:hover .sm-group-hover-w-60vw { width: 60vw; }
  .sm-h-60vw { height: 60vw; }
  .sm-hover-h-60vw:hover { height: 60vw; }
  .sm-focus-h-60vw:focus { height: 60vw; }
  .sm-active-h-60vw:active { height: 60vw; }
  .sm-disabled-h-60vw:disabled { height: 60vw; }
  .sm-focus-visible-h-60vw:focus-visible { height: 60vw; }
  .sm-focus-within-h-60vw:focus-within { height: 60vw; }
  .sm-group:hover .sm-group-hover-h-60vw { height: 60vw; }
  .sm-min-w-60vw { min-width: 60vw; }
  .sm-hover-min-w-60vw:hover { min-width: 60vw; }
  .sm-focus-min-w-60vw:focus { min-width: 60vw; }
  .sm-active-min-w-60vw:active { min-width: 60vw; }
  .sm-disabled-min-w-60vw:disabled { min-width: 60vw; }
  .sm-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  .sm-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  .sm-group:hover .sm-group-hover-min-w-60vw { min-width: 60vw; }
  .sm-max-w-60vw { max-width: 60vw; }
  .sm-hover-max-w-60vw:hover { max-width: 60vw; }
  .sm-focus-max-w-60vw:focus { max-width: 60vw; }
  .sm-active-max-w-60vw:active { max-width: 60vw; }
  .sm-disabled-max-w-60vw:disabled { max-width: 60vw; }
  .sm-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  .sm-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  .sm-group:hover .sm-group-hover-max-w-60vw { max-width: 60vw; }
  .sm-min-h-60vw { min-height: 60vw; }
  .sm-hover-min-h-60vw:hover { min-height: 60vw; }
  .sm-focus-min-h-60vw:focus { min-height: 60vw; }
  .sm-active-min-h-60vw:active { min-height: 60vw; }
  .sm-disabled-min-h-60vw:disabled { min-height: 60vw; }
  .sm-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  .sm-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  .sm-group:hover .sm-group-hover-min-h-60vw { min-height: 60vw; }
  .sm-max-h-60vw { max-height: 60vw; }
  .sm-hover-max-h-60vw:hover { max-height: 60vw; }
  .sm-focus-max-h-60vw:focus { max-height: 60vw; }
  .sm-active-max-h-60vw:active { max-height: 60vw; }
  .sm-disabled-max-h-60vw:disabled { max-height: 60vw; }
  .sm-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  .sm-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  .sm-group:hover .sm-group-hover-max-h-60vw { max-height: 60vw; }
  .sm-w-70vw { width: 70vw; }
  .sm-hover-w-70vw:hover { width: 70vw; }
  .sm-focus-w-70vw:focus { width: 70vw; }
  .sm-active-w-70vw:active { width: 70vw; }
  .sm-disabled-w-70vw:disabled { width: 70vw; }
  .sm-focus-visible-w-70vw:focus-visible { width: 70vw; }
  .sm-focus-within-w-70vw:focus-within { width: 70vw; }
  .sm-group:hover .sm-group-hover-w-70vw { width: 70vw; }
  .sm-h-70vw { height: 70vw; }
  .sm-hover-h-70vw:hover { height: 70vw; }
  .sm-focus-h-70vw:focus { height: 70vw; }
  .sm-active-h-70vw:active { height: 70vw; }
  .sm-disabled-h-70vw:disabled { height: 70vw; }
  .sm-focus-visible-h-70vw:focus-visible { height: 70vw; }
  .sm-focus-within-h-70vw:focus-within { height: 70vw; }
  .sm-group:hover .sm-group-hover-h-70vw { height: 70vw; }
  .sm-min-w-70vw { min-width: 70vw; }
  .sm-hover-min-w-70vw:hover { min-width: 70vw; }
  .sm-focus-min-w-70vw:focus { min-width: 70vw; }
  .sm-active-min-w-70vw:active { min-width: 70vw; }
  .sm-disabled-min-w-70vw:disabled { min-width: 70vw; }
  .sm-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  .sm-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  .sm-group:hover .sm-group-hover-min-w-70vw { min-width: 70vw; }
  .sm-max-w-70vw { max-width: 70vw; }
  .sm-hover-max-w-70vw:hover { max-width: 70vw; }
  .sm-focus-max-w-70vw:focus { max-width: 70vw; }
  .sm-active-max-w-70vw:active { max-width: 70vw; }
  .sm-disabled-max-w-70vw:disabled { max-width: 70vw; }
  .sm-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  .sm-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  .sm-group:hover .sm-group-hover-max-w-70vw { max-width: 70vw; }
  .sm-min-h-70vw { min-height: 70vw; }
  .sm-hover-min-h-70vw:hover { min-height: 70vw; }
  .sm-focus-min-h-70vw:focus { min-height: 70vw; }
  .sm-active-min-h-70vw:active { min-height: 70vw; }
  .sm-disabled-min-h-70vw:disabled { min-height: 70vw; }
  .sm-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  .sm-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  .sm-group:hover .sm-group-hover-min-h-70vw { min-height: 70vw; }
  .sm-max-h-70vw { max-height: 70vw; }
  .sm-hover-max-h-70vw:hover { max-height: 70vw; }
  .sm-focus-max-h-70vw:focus { max-height: 70vw; }
  .sm-active-max-h-70vw:active { max-height: 70vw; }
  .sm-disabled-max-h-70vw:disabled { max-height: 70vw; }
  .sm-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  .sm-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  .sm-group:hover .sm-group-hover-max-h-70vw { max-height: 70vw; }
  .sm-w-80vw { width: 80vw; }
  .sm-hover-w-80vw:hover { width: 80vw; }
  .sm-focus-w-80vw:focus { width: 80vw; }
  .sm-active-w-80vw:active { width: 80vw; }
  .sm-disabled-w-80vw:disabled { width: 80vw; }
  .sm-focus-visible-w-80vw:focus-visible { width: 80vw; }
  .sm-focus-within-w-80vw:focus-within { width: 80vw; }
  .sm-group:hover .sm-group-hover-w-80vw { width: 80vw; }
  .sm-h-80vw { height: 80vw; }
  .sm-hover-h-80vw:hover { height: 80vw; }
  .sm-focus-h-80vw:focus { height: 80vw; }
  .sm-active-h-80vw:active { height: 80vw; }
  .sm-disabled-h-80vw:disabled { height: 80vw; }
  .sm-focus-visible-h-80vw:focus-visible { height: 80vw; }
  .sm-focus-within-h-80vw:focus-within { height: 80vw; }
  .sm-group:hover .sm-group-hover-h-80vw { height: 80vw; }
  .sm-min-w-80vw { min-width: 80vw; }
  .sm-hover-min-w-80vw:hover { min-width: 80vw; }
  .sm-focus-min-w-80vw:focus { min-width: 80vw; }
  .sm-active-min-w-80vw:active { min-width: 80vw; }
  .sm-disabled-min-w-80vw:disabled { min-width: 80vw; }
  .sm-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  .sm-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  .sm-group:hover .sm-group-hover-min-w-80vw { min-width: 80vw; }
  .sm-max-w-80vw { max-width: 80vw; }
  .sm-hover-max-w-80vw:hover { max-width: 80vw; }
  .sm-focus-max-w-80vw:focus { max-width: 80vw; }
  .sm-active-max-w-80vw:active { max-width: 80vw; }
  .sm-disabled-max-w-80vw:disabled { max-width: 80vw; }
  .sm-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  .sm-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  .sm-group:hover .sm-group-hover-max-w-80vw { max-width: 80vw; }
  .sm-min-h-80vw { min-height: 80vw; }
  .sm-hover-min-h-80vw:hover { min-height: 80vw; }
  .sm-focus-min-h-80vw:focus { min-height: 80vw; }
  .sm-active-min-h-80vw:active { min-height: 80vw; }
  .sm-disabled-min-h-80vw:disabled { min-height: 80vw; }
  .sm-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  .sm-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  .sm-group:hover .sm-group-hover-min-h-80vw { min-height: 80vw; }
  .sm-max-h-80vw { max-height: 80vw; }
  .sm-hover-max-h-80vw:hover { max-height: 80vw; }
  .sm-focus-max-h-80vw:focus { max-height: 80vw; }
  .sm-active-max-h-80vw:active { max-height: 80vw; }
  .sm-disabled-max-h-80vw:disabled { max-height: 80vw; }
  .sm-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  .sm-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  .sm-group:hover .sm-group-hover-max-h-80vw { max-height: 80vw; }
  .sm-w-90vw { width: 90vw; }
  .sm-hover-w-90vw:hover { width: 90vw; }
  .sm-focus-w-90vw:focus { width: 90vw; }
  .sm-active-w-90vw:active { width: 90vw; }
  .sm-disabled-w-90vw:disabled { width: 90vw; }
  .sm-focus-visible-w-90vw:focus-visible { width: 90vw; }
  .sm-focus-within-w-90vw:focus-within { width: 90vw; }
  .sm-group:hover .sm-group-hover-w-90vw { width: 90vw; }
  .sm-h-90vw { height: 90vw; }
  .sm-hover-h-90vw:hover { height: 90vw; }
  .sm-focus-h-90vw:focus { height: 90vw; }
  .sm-active-h-90vw:active { height: 90vw; }
  .sm-disabled-h-90vw:disabled { height: 90vw; }
  .sm-focus-visible-h-90vw:focus-visible { height: 90vw; }
  .sm-focus-within-h-90vw:focus-within { height: 90vw; }
  .sm-group:hover .sm-group-hover-h-90vw { height: 90vw; }
  .sm-min-w-90vw { min-width: 90vw; }
  .sm-hover-min-w-90vw:hover { min-width: 90vw; }
  .sm-focus-min-w-90vw:focus { min-width: 90vw; }
  .sm-active-min-w-90vw:active { min-width: 90vw; }
  .sm-disabled-min-w-90vw:disabled { min-width: 90vw; }
  .sm-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  .sm-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  .sm-group:hover .sm-group-hover-min-w-90vw { min-width: 90vw; }
  .sm-max-w-90vw { max-width: 90vw; }
  .sm-hover-max-w-90vw:hover { max-width: 90vw; }
  .sm-focus-max-w-90vw:focus { max-width: 90vw; }
  .sm-active-max-w-90vw:active { max-width: 90vw; }
  .sm-disabled-max-w-90vw:disabled { max-width: 90vw; }
  .sm-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  .sm-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  .sm-group:hover .sm-group-hover-max-w-90vw { max-width: 90vw; }
  .sm-min-h-90vw { min-height: 90vw; }
  .sm-hover-min-h-90vw:hover { min-height: 90vw; }
  .sm-focus-min-h-90vw:focus { min-height: 90vw; }
  .sm-active-min-h-90vw:active { min-height: 90vw; }
  .sm-disabled-min-h-90vw:disabled { min-height: 90vw; }
  .sm-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  .sm-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  .sm-group:hover .sm-group-hover-min-h-90vw { min-height: 90vw; }
  .sm-max-h-90vw { max-height: 90vw; }
  .sm-hover-max-h-90vw:hover { max-height: 90vw; }
  .sm-focus-max-h-90vw:focus { max-height: 90vw; }
  .sm-active-max-h-90vw:active { max-height: 90vw; }
  .sm-disabled-max-h-90vw:disabled { max-height: 90vw; }
  .sm-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  .sm-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  .sm-group:hover .sm-group-hover-max-h-90vw { max-height: 90vw; }
  .sm-w-100vw { width: 100vw; }
  .sm-hover-w-100vw:hover { width: 100vw; }
  .sm-focus-w-100vw:focus { width: 100vw; }
  .sm-active-w-100vw:active { width: 100vw; }
  .sm-disabled-w-100vw:disabled { width: 100vw; }
  .sm-focus-visible-w-100vw:focus-visible { width: 100vw; }
  .sm-focus-within-w-100vw:focus-within { width: 100vw; }
  .sm-group:hover .sm-group-hover-w-100vw { width: 100vw; }
  .sm-h-100vw { height: 100vw; }
  .sm-hover-h-100vw:hover { height: 100vw; }
  .sm-focus-h-100vw:focus { height: 100vw; }
  .sm-active-h-100vw:active { height: 100vw; }
  .sm-disabled-h-100vw:disabled { height: 100vw; }
  .sm-focus-visible-h-100vw:focus-visible { height: 100vw; }
  .sm-focus-within-h-100vw:focus-within { height: 100vw; }
  .sm-group:hover .sm-group-hover-h-100vw { height: 100vw; }
  .sm-min-w-100vw { min-width: 100vw; }
  .sm-hover-min-w-100vw:hover { min-width: 100vw; }
  .sm-focus-min-w-100vw:focus { min-width: 100vw; }
  .sm-active-min-w-100vw:active { min-width: 100vw; }
  .sm-disabled-min-w-100vw:disabled { min-width: 100vw; }
  .sm-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  .sm-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  .sm-group:hover .sm-group-hover-min-w-100vw { min-width: 100vw; }
  .sm-max-w-100vw { max-width: 100vw; }
  .sm-hover-max-w-100vw:hover { max-width: 100vw; }
  .sm-focus-max-w-100vw:focus { max-width: 100vw; }
  .sm-active-max-w-100vw:active { max-width: 100vw; }
  .sm-disabled-max-w-100vw:disabled { max-width: 100vw; }
  .sm-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  .sm-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  .sm-group:hover .sm-group-hover-max-w-100vw { max-width: 100vw; }
  .sm-min-h-100vw { min-height: 100vw; }
  .sm-hover-min-h-100vw:hover { min-height: 100vw; }
  .sm-focus-min-h-100vw:focus { min-height: 100vw; }
  .sm-active-min-h-100vw:active { min-height: 100vw; }
  .sm-disabled-min-h-100vw:disabled { min-height: 100vw; }
  .sm-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  .sm-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  .sm-group:hover .sm-group-hover-min-h-100vw { min-height: 100vw; }
  .sm-max-h-100vw { max-height: 100vw; }
  .sm-hover-max-h-100vw:hover { max-height: 100vw; }
  .sm-focus-max-h-100vw:focus { max-height: 100vw; }
  .sm-active-max-h-100vw:active { max-height: 100vw; }
  .sm-disabled-max-h-100vw:disabled { max-height: 100vw; }
  .sm-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  .sm-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  .sm-group:hover .sm-group-hover-max-h-100vw { max-height: 100vw; }
  .sm-w-fit { width: fit-content; }
  .sm-hover-w-fit:hover { width: fit-content; }
  .sm-focus-w-fit:focus { width: fit-content; }
  .sm-active-w-fit:active { width: fit-content; }
  .sm-disabled-w-fit:disabled { width: fit-content; }
  .sm-focus-visible-w-fit:focus-visible { width: fit-content; }
  .sm-focus-within-w-fit:focus-within { width: fit-content; }
  .sm-group:hover .sm-group-hover-w-fit { width: fit-content; }
  .sm-w-max { width: max-content; }
  .sm-hover-w-max:hover { width: max-content; }
  .sm-focus-w-max:focus { width: max-content; }
  .sm-active-w-max:active { width: max-content; }
  .sm-disabled-w-max:disabled { width: max-content; }
  .sm-focus-visible-w-max:focus-visible { width: max-content; }
  .sm-focus-within-w-max:focus-within { width: max-content; }
  .sm-group:hover .sm-group-hover-w-max { width: max-content; }
  .sm-w-min { width: min-content; }
  .sm-hover-w-min:hover { width: min-content; }
  .sm-focus-w-min:focus { width: min-content; }
  .sm-active-w-min:active { width: min-content; }
  .sm-disabled-w-min:disabled { width: min-content; }
  .sm-focus-visible-w-min:focus-visible { width: min-content; }
  .sm-focus-within-w-min:focus-within { width: min-content; }
  .sm-group:hover .sm-group-hover-w-min { width: min-content; }
  .sm-w-minmax { width: minmax(0, 100%); }
  .sm-hover-w-minmax:hover { width: minmax(0, 100%); }
  .sm-focus-w-minmax:focus { width: minmax(0, 100%); }
  .sm-active-w-minmax:active { width: minmax(0, 100%); }
  .sm-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  .sm-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  .sm-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-w-minmax { width: minmax(0, 100%); }
  .sm-w-full { width: 100%; }
  .sm-hover-w-full:hover { width: 100%; }
  .sm-focus-w-full:focus { width: 100%; }
  .sm-active-w-full:active { width: 100%; }
  .sm-disabled-w-full:disabled { width: 100%; }
  .sm-focus-visible-w-full:focus-visible { width: 100%; }
  .sm-focus-within-w-full:focus-within { width: 100%; }
  .sm-group:hover .sm-group-hover-w-full { width: 100%; }
  .sm-w-screen { width: 100vw; }
  .sm-hover-w-screen:hover { width: 100vw; }
  .sm-focus-w-screen:focus { width: 100vw; }
  .sm-active-w-screen:active { width: 100vw; }
  .sm-disabled-w-screen:disabled { width: 100vw; }
  .sm-focus-visible-w-screen:focus-visible { width: 100vw; }
  .sm-focus-within-w-screen:focus-within { width: 100vw; }
  .sm-group:hover .sm-group-hover-w-screen { width: 100vw; }
  .sm-h-fit { height: fit-content; }
  .sm-hover-h-fit:hover { height: fit-content; }
  .sm-focus-h-fit:focus { height: fit-content; }
  .sm-active-h-fit:active { height: fit-content; }
  .sm-disabled-h-fit:disabled { height: fit-content; }
  .sm-focus-visible-h-fit:focus-visible { height: fit-content; }
  .sm-focus-within-h-fit:focus-within { height: fit-content; }
  .sm-group:hover .sm-group-hover-h-fit { height: fit-content; }
  .sm-h-max { height: max-content; }
  .sm-hover-h-max:hover { height: max-content; }
  .sm-focus-h-max:focus { height: max-content; }
  .sm-active-h-max:active { height: max-content; }
  .sm-disabled-h-max:disabled { height: max-content; }
  .sm-focus-visible-h-max:focus-visible { height: max-content; }
  .sm-focus-within-h-max:focus-within { height: max-content; }
  .sm-group:hover .sm-group-hover-h-max { height: max-content; }
  .sm-h-min { height: min-content; }
  .sm-hover-h-min:hover { height: min-content; }
  .sm-focus-h-min:focus { height: min-content; }
  .sm-active-h-min:active { height: min-content; }
  .sm-disabled-h-min:disabled { height: min-content; }
  .sm-focus-visible-h-min:focus-visible { height: min-content; }
  .sm-focus-within-h-min:focus-within { height: min-content; }
  .sm-group:hover .sm-group-hover-h-min { height: min-content; }
  .sm-h-minmax { height: minmax(0, 100%); }
  .sm-hover-h-minmax:hover { height: minmax(0, 100%); }
  .sm-focus-h-minmax:focus { height: minmax(0, 100%); }
  .sm-active-h-minmax:active { height: minmax(0, 100%); }
  .sm-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  .sm-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  .sm-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-h-minmax { height: minmax(0, 100%); }
  .sm-h-full { height: 100%; }
  .sm-hover-h-full:hover { height: 100%; }
  .sm-focus-h-full:focus { height: 100%; }
  .sm-active-h-full:active { height: 100%; }
  .sm-disabled-h-full:disabled { height: 100%; }
  .sm-focus-visible-h-full:focus-visible { height: 100%; }
  .sm-focus-within-h-full:focus-within { height: 100%; }
  .sm-group:hover .sm-group-hover-h-full { height: 100%; }
  .sm-h-screen { height: 100vh; }
  .sm-hover-h-screen:hover { height: 100vh; }
  .sm-focus-h-screen:focus { height: 100vh; }
  .sm-active-h-screen:active { height: 100vh; }
  .sm-disabled-h-screen:disabled { height: 100vh; }
  .sm-focus-visible-h-screen:focus-visible { height: 100vh; }
  .sm-focus-within-h-screen:focus-within { height: 100vh; }
  .sm-group:hover .sm-group-hover-h-screen { height: 100vh; }
  .sm-min-w-fit { min-width: fit-content; }
  .sm-hover-min-w-fit:hover { min-width: fit-content; }
  .sm-focus-min-w-fit:focus { min-width: fit-content; }
  .sm-active-min-w-fit:active { min-width: fit-content; }
  .sm-disabled-min-w-fit:disabled { min-width: fit-content; }
  .sm-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  .sm-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  .sm-group:hover .sm-group-hover-min-w-fit { min-width: fit-content; }
  .sm-min-w-max { min-width: max-content; }
  .sm-hover-min-w-max:hover { min-width: max-content; }
  .sm-focus-min-w-max:focus { min-width: max-content; }
  .sm-active-min-w-max:active { min-width: max-content; }
  .sm-disabled-min-w-max:disabled { min-width: max-content; }
  .sm-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  .sm-focus-within-min-w-max:focus-within { min-width: max-content; }
  .sm-group:hover .sm-group-hover-min-w-max { min-width: max-content; }
  .sm-min-w-min { min-width: min-content; }
  .sm-hover-min-w-min:hover { min-width: min-content; }
  .sm-focus-min-w-min:focus { min-width: min-content; }
  .sm-active-min-w-min:active { min-width: min-content; }
  .sm-disabled-min-w-min:disabled { min-width: min-content; }
  .sm-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  .sm-focus-within-min-w-min:focus-within { min-width: min-content; }
  .sm-group:hover .sm-group-hover-min-w-min { min-width: min-content; }
  .sm-min-w-minmax { min-width: minmax(0, 100%); }
  .sm-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  .sm-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  .sm-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  .sm-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  .sm-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  .sm-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  .sm-min-w-full { min-width: 100%; }
  .sm-hover-min-w-full:hover { min-width: 100%; }
  .sm-focus-min-w-full:focus { min-width: 100%; }
  .sm-active-min-w-full:active { min-width: 100%; }
  .sm-disabled-min-w-full:disabled { min-width: 100%; }
  .sm-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  .sm-focus-within-min-w-full:focus-within { min-width: 100%; }
  .sm-group:hover .sm-group-hover-min-w-full { min-width: 100%; }
  .sm-min-w-screen { min-width: 100vw; }
  .sm-hover-min-w-screen:hover { min-width: 100vw; }
  .sm-focus-min-w-screen:focus { min-width: 100vw; }
  .sm-active-min-w-screen:active { min-width: 100vw; }
  .sm-disabled-min-w-screen:disabled { min-width: 100vw; }
  .sm-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  .sm-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  .sm-group:hover .sm-group-hover-min-w-screen { min-width: 100vw; }
  .sm-min-h-fit { min-height: fit-content; }
  .sm-hover-min-h-fit:hover { min-height: fit-content; }
  .sm-focus-min-h-fit:focus { min-height: fit-content; }
  .sm-active-min-h-fit:active { min-height: fit-content; }
  .sm-disabled-min-h-fit:disabled { min-height: fit-content; }
  .sm-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  .sm-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  .sm-group:hover .sm-group-hover-min-h-fit { min-height: fit-content; }
  .sm-min-h-max { min-height: max-content; }
  .sm-hover-min-h-max:hover { min-height: max-content; }
  .sm-focus-min-h-max:focus { min-height: max-content; }
  .sm-active-min-h-max:active { min-height: max-content; }
  .sm-disabled-min-h-max:disabled { min-height: max-content; }
  .sm-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  .sm-focus-within-min-h-max:focus-within { min-height: max-content; }
  .sm-group:hover .sm-group-hover-min-h-max { min-height: max-content; }
  .sm-min-h-min { min-height: min-content; }
  .sm-hover-min-h-min:hover { min-height: min-content; }
  .sm-focus-min-h-min:focus { min-height: min-content; }
  .sm-active-min-h-min:active { min-height: min-content; }
  .sm-disabled-min-h-min:disabled { min-height: min-content; }
  .sm-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  .sm-focus-within-min-h-min:focus-within { min-height: min-content; }
  .sm-group:hover .sm-group-hover-min-h-min { min-height: min-content; }
  .sm-min-h-minmax { min-height: minmax(0, 100%); }
  .sm-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  .sm-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  .sm-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  .sm-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  .sm-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  .sm-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  .sm-min-h-full { min-height: 100%; }
  .sm-hover-min-h-full:hover { min-height: 100%; }
  .sm-focus-min-h-full:focus { min-height: 100%; }
  .sm-active-min-h-full:active { min-height: 100%; }
  .sm-disabled-min-h-full:disabled { min-height: 100%; }
  .sm-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  .sm-focus-within-min-h-full:focus-within { min-height: 100%; }
  .sm-group:hover .sm-group-hover-min-h-full { min-height: 100%; }
  .sm-min-h-screen { min-height: 100vh; }
  .sm-hover-min-h-screen:hover { min-height: 100vh; }
  .sm-focus-min-h-screen:focus { min-height: 100vh; }
  .sm-active-min-h-screen:active { min-height: 100vh; }
  .sm-disabled-min-h-screen:disabled { min-height: 100vh; }
  .sm-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  .sm-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  .sm-group:hover .sm-group-hover-min-h-screen { min-height: 100vh; }
  .sm-max-w-fit { max-width: fit-content; }
  .sm-hover-max-w-fit:hover { max-width: fit-content; }
  .sm-focus-max-w-fit:focus { max-width: fit-content; }
  .sm-active-max-w-fit:active { max-width: fit-content; }
  .sm-disabled-max-w-fit:disabled { max-width: fit-content; }
  .sm-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  .sm-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  .sm-group:hover .sm-group-hover-max-w-fit { max-width: fit-content; }
  .sm-max-w-max { max-width: max-content; }
  .sm-hover-max-w-max:hover { max-width: max-content; }
  .sm-focus-max-w-max:focus { max-width: max-content; }
  .sm-active-max-w-max:active { max-width: max-content; }
  .sm-disabled-max-w-max:disabled { max-width: max-content; }
  .sm-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  .sm-focus-within-max-w-max:focus-within { max-width: max-content; }
  .sm-group:hover .sm-group-hover-max-w-max { max-width: max-content; }
  .sm-max-w-min { max-width: min-content; }
  .sm-hover-max-w-min:hover { max-width: min-content; }
  .sm-focus-max-w-min:focus { max-width: min-content; }
  .sm-active-max-w-min:active { max-width: min-content; }
  .sm-disabled-max-w-min:disabled { max-width: min-content; }
  .sm-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  .sm-focus-within-max-w-min:focus-within { max-width: min-content; }
  .sm-group:hover .sm-group-hover-max-w-min { max-width: min-content; }
  .sm-max-w-minmax { max-width: minmax(0, 100%); }
  .sm-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  .sm-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  .sm-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  .sm-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  .sm-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  .sm-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  .sm-max-w-full { max-width: 100%; }
  .sm-hover-max-w-full:hover { max-width: 100%; }
  .sm-focus-max-w-full:focus { max-width: 100%; }
  .sm-active-max-w-full:active { max-width: 100%; }
  .sm-disabled-max-w-full:disabled { max-width: 100%; }
  .sm-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  .sm-focus-within-max-w-full:focus-within { max-width: 100%; }
  .sm-group:hover .sm-group-hover-max-w-full { max-width: 100%; }
  .sm-max-w-screen { max-width: 100vw; }
  .sm-hover-max-w-screen:hover { max-width: 100vw; }
  .sm-focus-max-w-screen:focus { max-width: 100vw; }
  .sm-active-max-w-screen:active { max-width: 100vw; }
  .sm-disabled-max-w-screen:disabled { max-width: 100vw; }
  .sm-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  .sm-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  .sm-group:hover .sm-group-hover-max-w-screen { max-width: 100vw; }
  .sm-max-h-fit { max-height: fit-content; }
  .sm-hover-max-h-fit:hover { max-height: fit-content; }
  .sm-focus-max-h-fit:focus { max-height: fit-content; }
  .sm-active-max-h-fit:active { max-height: fit-content; }
  .sm-disabled-max-h-fit:disabled { max-height: fit-content; }
  .sm-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  .sm-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  .sm-group:hover .sm-group-hover-max-h-fit { max-height: fit-content; }
  .sm-max-h-max { max-height: max-content; }
  .sm-hover-max-h-max:hover { max-height: max-content; }
  .sm-focus-max-h-max:focus { max-height: max-content; }
  .sm-active-max-h-max:active { max-height: max-content; }
  .sm-disabled-max-h-max:disabled { max-height: max-content; }
  .sm-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  .sm-focus-within-max-h-max:focus-within { max-height: max-content; }
  .sm-group:hover .sm-group-hover-max-h-max { max-height: max-content; }
  .sm-max-h-min { max-height: min-content; }
  .sm-hover-max-h-min:hover { max-height: min-content; }
  .sm-focus-max-h-min:focus { max-height: min-content; }
  .sm-active-max-h-min:active { max-height: min-content; }
  .sm-disabled-max-h-min:disabled { max-height: min-content; }
  .sm-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  .sm-focus-within-max-h-min:focus-within { max-height: min-content; }
  .sm-group:hover .sm-group-hover-max-h-min { max-height: min-content; }
  .sm-max-h-minmax { max-height: minmax(0, 100%); }
  .sm-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  .sm-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  .sm-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  .sm-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  .sm-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  .sm-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  .sm-group:hover .sm-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  .sm-max-h-full { max-height: 100%; }
  .sm-hover-max-h-full:hover { max-height: 100%; }
  .sm-focus-max-h-full:focus { max-height: 100%; }
  .sm-active-max-h-full:active { max-height: 100%; }
  .sm-disabled-max-h-full:disabled { max-height: 100%; }
  .sm-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  .sm-focus-within-max-h-full:focus-within { max-height: 100%; }
  .sm-group:hover .sm-group-hover-max-h-full { max-height: 100%; }
  .sm-max-h-screen { max-height: 100vh; }
  .sm-hover-max-h-screen:hover { max-height: 100vh; }
  .sm-focus-max-h-screen:focus { max-height: 100vh; }
  .sm-active-max-h-screen:active { max-height: 100vh; }
  .sm-disabled-max-h-screen:disabled { max-height: 100vh; }
  .sm-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  .sm-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  .sm-group:hover .sm-group-hover-max-h-screen { max-height: 100vh; }
  .sm-size-0 { width: 0; height: 0; }
  .sm-hover-size-0:hover { width: 0; height: 0; }
  .sm-focus-size-0:focus { width: 0; height: 0; }
  .sm-active-size-0:active { width: 0; height: 0; }
  .sm-disabled-size-0:disabled { width: 0; height: 0; }
  .sm-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  .sm-focus-within-size-0:focus-within { width: 0; height: 0; }
  .sm-group:hover .sm-group-hover-size-0 { width: 0; height: 0; }
  .sm-size-1 { width: 0.25rem; height: 0.25rem; }
  .sm-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  .sm-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  .sm-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  .sm-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  .sm-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  .sm-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  .sm-group:hover .sm-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  .sm-size-2 { width: 0.5rem; height: 0.5rem; }
  .sm-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  .sm-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  .sm-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  .sm-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  .sm-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  .sm-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  .sm-group:hover .sm-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  .sm-size-3 { width: 0.75rem; height: 0.75rem; }
  .sm-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  .sm-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  .sm-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  .sm-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  .sm-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  .sm-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  .sm-group:hover .sm-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  .sm-size-4 { width: 1rem; height: 1rem; }
  .sm-hover-size-4:hover { width: 1rem; height: 1rem; }
  .sm-focus-size-4:focus { width: 1rem; height: 1rem; }
  .sm-active-size-4:active { width: 1rem; height: 1rem; }
  .sm-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  .sm-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  .sm-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  .sm-group:hover .sm-group-hover-size-4 { width: 1rem; height: 1rem; }
  .sm-size-5 { width: 1.25rem; height: 1.25rem; }
  .sm-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  .sm-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  .sm-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  .sm-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  .sm-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  .sm-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  .sm-group:hover .sm-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  .sm-size-6 { width: 1.5rem; height: 1.5rem; }
  .sm-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  .sm-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  .sm-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  .sm-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  .sm-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  .sm-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  .sm-group:hover .sm-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  .sm-size-7 { width: 1.75rem; height: 1.75rem; }
  .sm-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  .sm-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  .sm-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  .sm-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  .sm-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  .sm-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  .sm-group:hover .sm-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  .sm-size-8 { width: 2rem; height: 2rem; }
  .sm-hover-size-8:hover { width: 2rem; height: 2rem; }
  .sm-focus-size-8:focus { width: 2rem; height: 2rem; }
  .sm-active-size-8:active { width: 2rem; height: 2rem; }
  .sm-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  .sm-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  .sm-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  .sm-group:hover .sm-group-hover-size-8 { width: 2rem; height: 2rem; }
  .sm-size-9 { width: 2.25rem; height: 2.25rem; }
  .sm-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  .sm-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  .sm-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  .sm-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  .sm-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  .sm-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  .sm-group:hover .sm-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  .sm-size-10 { width: 2.5rem; height: 2.5rem; }
  .sm-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  .sm-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  .sm-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  .sm-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  .sm-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  .sm-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  .sm-group:hover .sm-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  .sm-size-11 { width: 2.75rem; height: 2.75rem; }
  .sm-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  .sm-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  .sm-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  .sm-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  .sm-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  .sm-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  .sm-group:hover .sm-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  .sm-size-12 { width: 3rem; height: 3rem; }
  .sm-hover-size-12:hover { width: 3rem; height: 3rem; }
  .sm-focus-size-12:focus { width: 3rem; height: 3rem; }
  .sm-active-size-12:active { width: 3rem; height: 3rem; }
  .sm-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  .sm-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  .sm-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  .sm-group:hover .sm-group-hover-size-12 { width: 3rem; height: 3rem; }
  .sm-size-14 { width: 3.5rem; height: 3.5rem; }
  .sm-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  .sm-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  .sm-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  .sm-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  .sm-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  .sm-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  .sm-group:hover .sm-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  .sm-size-16 { width: 4rem; height: 4rem; }
  .sm-hover-size-16:hover { width: 4rem; height: 4rem; }
  .sm-focus-size-16:focus { width: 4rem; height: 4rem; }
  .sm-active-size-16:active { width: 4rem; height: 4rem; }
  .sm-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  .sm-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  .sm-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  .sm-group:hover .sm-group-hover-size-16 { width: 4rem; height: 4rem; }
  .sm-size-20 { width: 5rem; height: 5rem; }
  .sm-hover-size-20:hover { width: 5rem; height: 5rem; }
  .sm-focus-size-20:focus { width: 5rem; height: 5rem; }
  .sm-active-size-20:active { width: 5rem; height: 5rem; }
  .sm-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  .sm-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  .sm-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  .sm-group:hover .sm-group-hover-size-20 { width: 5rem; height: 5rem; }
  .sm-size-24 { width: 6rem; height: 6rem; }
  .sm-hover-size-24:hover { width: 6rem; height: 6rem; }
  .sm-focus-size-24:focus { width: 6rem; height: 6rem; }
  .sm-active-size-24:active { width: 6rem; height: 6rem; }
  .sm-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  .sm-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  .sm-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  .sm-group:hover .sm-group-hover-size-24 { width: 6rem; height: 6rem; }
  .sm-size-28 { width: 7rem; height: 7rem; }
  .sm-hover-size-28:hover { width: 7rem; height: 7rem; }
  .sm-focus-size-28:focus { width: 7rem; height: 7rem; }
  .sm-active-size-28:active { width: 7rem; height: 7rem; }
  .sm-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  .sm-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  .sm-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  .sm-group:hover .sm-group-hover-size-28 { width: 7rem; height: 7rem; }
  .sm-size-32 { width: 8rem; height: 8rem; }
  .sm-hover-size-32:hover { width: 8rem; height: 8rem; }
  .sm-focus-size-32:focus { width: 8rem; height: 8rem; }
  .sm-active-size-32:active { width: 8rem; height: 8rem; }
  .sm-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  .sm-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  .sm-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  .sm-group:hover .sm-group-hover-size-32 { width: 8rem; height: 8rem; }
  .sm-size-36 { width: 9rem; height: 9rem; }
  .sm-hover-size-36:hover { width: 9rem; height: 9rem; }
  .sm-focus-size-36:focus { width: 9rem; height: 9rem; }
  .sm-active-size-36:active { width: 9rem; height: 9rem; }
  .sm-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  .sm-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  .sm-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  .sm-group:hover .sm-group-hover-size-36 { width: 9rem; height: 9rem; }
  .sm-size-40 { width: 10rem; height: 10rem; }
  .sm-hover-size-40:hover { width: 10rem; height: 10rem; }
  .sm-focus-size-40:focus { width: 10rem; height: 10rem; }
  .sm-active-size-40:active { width: 10rem; height: 10rem; }
  .sm-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  .sm-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  .sm-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  .sm-group:hover .sm-group-hover-size-40 { width: 10rem; height: 10rem; }
  .sm-size-44 { width: 11rem; height: 11rem; }
  .sm-hover-size-44:hover { width: 11rem; height: 11rem; }
  .sm-focus-size-44:focus { width: 11rem; height: 11rem; }
  .sm-active-size-44:active { width: 11rem; height: 11rem; }
  .sm-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  .sm-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  .sm-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  .sm-group:hover .sm-group-hover-size-44 { width: 11rem; height: 11rem; }
  .sm-size-48 { width: 12rem; height: 12rem; }
  .sm-hover-size-48:hover { width: 12rem; height: 12rem; }
  .sm-focus-size-48:focus { width: 12rem; height: 12rem; }
  .sm-active-size-48:active { width: 12rem; height: 12rem; }
  .sm-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  .sm-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  .sm-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  .sm-group:hover .sm-group-hover-size-48 { width: 12rem; height: 12rem; }
  .sm-size-52 { width: 13rem; height: 13rem; }
  .sm-hover-size-52:hover { width: 13rem; height: 13rem; }
  .sm-focus-size-52:focus { width: 13rem; height: 13rem; }
  .sm-active-size-52:active { width: 13rem; height: 13rem; }
  .sm-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  .sm-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  .sm-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  .sm-group:hover .sm-group-hover-size-52 { width: 13rem; height: 13rem; }
  .sm-size-56 { width: 14rem; height: 14rem; }
  .sm-hover-size-56:hover { width: 14rem; height: 14rem; }
  .sm-focus-size-56:focus { width: 14rem; height: 14rem; }
  .sm-active-size-56:active { width: 14rem; height: 14rem; }
  .sm-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  .sm-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  .sm-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  .sm-group:hover .sm-group-hover-size-56 { width: 14rem; height: 14rem; }
  .sm-size-60 { width: 15rem; height: 15rem; }
  .sm-hover-size-60:hover { width: 15rem; height: 15rem; }
  .sm-focus-size-60:focus { width: 15rem; height: 15rem; }
  .sm-active-size-60:active { width: 15rem; height: 15rem; }
  .sm-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  .sm-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  .sm-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  .sm-group:hover .sm-group-hover-size-60 { width: 15rem; height: 15rem; }
  .sm-size-64 { width: 16rem; height: 16rem; }
  .sm-hover-size-64:hover { width: 16rem; height: 16rem; }
  .sm-focus-size-64:focus { width: 16rem; height: 16rem; }
  .sm-active-size-64:active { width: 16rem; height: 16rem; }
  .sm-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  .sm-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  .sm-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  .sm-group:hover .sm-group-hover-size-64 { width: 16rem; height: 16rem; }
  .sm-size-72 { width: 18rem; height: 18rem; }
  .sm-hover-size-72:hover { width: 18rem; height: 18rem; }
  .sm-focus-size-72:focus { width: 18rem; height: 18rem; }
  .sm-active-size-72:active { width: 18rem; height: 18rem; }
  .sm-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  .sm-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  .sm-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  .sm-group:hover .sm-group-hover-size-72 { width: 18rem; height: 18rem; }
  .sm-size-80 { width: 20rem; height: 20rem; }
  .sm-hover-size-80:hover { width: 20rem; height: 20rem; }
  .sm-focus-size-80:focus { width: 20rem; height: 20rem; }
  .sm-active-size-80:active { width: 20rem; height: 20rem; }
  .sm-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  .sm-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  .sm-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  .sm-group:hover .sm-group-hover-size-80 { width: 20rem; height: 20rem; }
  .sm-size-96 { width: 24rem; height: 24rem; }
  .sm-hover-size-96:hover { width: 24rem; height: 24rem; }
  .sm-focus-size-96:focus { width: 24rem; height: 24rem; }
  .sm-active-size-96:active { width: 24rem; height: 24rem; }
  .sm-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  .sm-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  .sm-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  .sm-group:hover .sm-group-hover-size-96 { width: 24rem; height: 24rem; }
  .sm-font-size-auto { font-size: auto; }
  .sm-hover-font-size-auto:hover { font-size: auto; }
  .sm-focus-font-size-auto:focus { font-size: auto; }
  .sm-active-font-size-auto:active { font-size: auto; }
  .sm-disabled-font-size-auto:disabled { font-size: auto; }
  .sm-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  .sm-focus-within-font-size-auto:focus-within { font-size: auto; }
  .sm-group:hover .sm-group-hover-font-size-auto { font-size: auto; }
  .sm-font-size-0 { font-size: 0; }
  .sm-hover-font-size-0:hover { font-size: 0; }
  .sm-focus-font-size-0:focus { font-size: 0; }
  .sm-active-font-size-0:active { font-size: 0; }
  .sm-disabled-font-size-0:disabled { font-size: 0; }
  .sm-focus-visible-font-size-0:focus-visible { font-size: 0; }
  .sm-focus-within-font-size-0:focus-within { font-size: 0; }
  .sm-group:hover .sm-group-hover-font-size-0 { font-size: 0; }
  .sm-font-size-1 { font-size: 0.25rem; }
  .sm-hover-font-size-1:hover { font-size: 0.25rem; }
  .sm-focus-font-size-1:focus { font-size: 0.25rem; }
  .sm-active-font-size-1:active { font-size: 0.25rem; }
  .sm-disabled-font-size-1:disabled { font-size: 0.25rem; }
  .sm-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  .sm-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  .sm-group:hover .sm-group-hover-font-size-1 { font-size: 0.25rem; }
  .sm-font-size-2 { font-size: 0.5rem; }
  .sm-hover-font-size-2:hover { font-size: 0.5rem; }
  .sm-focus-font-size-2:focus { font-size: 0.5rem; }
  .sm-active-font-size-2:active { font-size: 0.5rem; }
  .sm-disabled-font-size-2:disabled { font-size: 0.5rem; }
  .sm-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  .sm-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  .sm-group:hover .sm-group-hover-font-size-2 { font-size: 0.5rem; }
  .sm-font-size-3 { font-size: 0.75rem; }
  .sm-hover-font-size-3:hover { font-size: 0.75rem; }
  .sm-focus-font-size-3:focus { font-size: 0.75rem; }
  .sm-active-font-size-3:active { font-size: 0.75rem; }
  .sm-disabled-font-size-3:disabled { font-size: 0.75rem; }
  .sm-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  .sm-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  .sm-group:hover .sm-group-hover-font-size-3 { font-size: 0.75rem; }
  .sm-font-size-4 { font-size: 1rem; }
  .sm-hover-font-size-4:hover { font-size: 1rem; }
  .sm-focus-font-size-4:focus { font-size: 1rem; }
  .sm-active-font-size-4:active { font-size: 1rem; }
  .sm-disabled-font-size-4:disabled { font-size: 1rem; }
  .sm-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  .sm-focus-within-font-size-4:focus-within { font-size: 1rem; }
  .sm-group:hover .sm-group-hover-font-size-4 { font-size: 1rem; }
  .sm-font-size-5 { font-size: 1.25rem; }
  .sm-hover-font-size-5:hover { font-size: 1.25rem; }
  .sm-focus-font-size-5:focus { font-size: 1.25rem; }
  .sm-active-font-size-5:active { font-size: 1.25rem; }
  .sm-disabled-font-size-5:disabled { font-size: 1.25rem; }
  .sm-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  .sm-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  .sm-group:hover .sm-group-hover-font-size-5 { font-size: 1.25rem; }
  .sm-font-size-6 { font-size: 1.5rem; }
  .sm-hover-font-size-6:hover { font-size: 1.5rem; }
  .sm-focus-font-size-6:focus { font-size: 1.5rem; }
  .sm-active-font-size-6:active { font-size: 1.5rem; }
  .sm-disabled-font-size-6:disabled { font-size: 1.5rem; }
  .sm-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  .sm-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  .sm-group:hover .sm-group-hover-font-size-6 { font-size: 1.5rem; }
  .sm-font-size-7 { font-size: 1.75rem; }
  .sm-hover-font-size-7:hover { font-size: 1.75rem; }
  .sm-focus-font-size-7:focus { font-size: 1.75rem; }
  .sm-active-font-size-7:active { font-size: 1.75rem; }
  .sm-disabled-font-size-7:disabled { font-size: 1.75rem; }
  .sm-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  .sm-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  .sm-group:hover .sm-group-hover-font-size-7 { font-size: 1.75rem; }
  .sm-font-size-8 { font-size: 2rem; }
  .sm-hover-font-size-8:hover { font-size: 2rem; }
  .sm-focus-font-size-8:focus { font-size: 2rem; }
  .sm-active-font-size-8:active { font-size: 2rem; }
  .sm-disabled-font-size-8:disabled { font-size: 2rem; }
  .sm-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  .sm-focus-within-font-size-8:focus-within { font-size: 2rem; }
  .sm-group:hover .sm-group-hover-font-size-8 { font-size: 2rem; }
  .sm-font-size-9 { font-size: 2.25rem; }
  .sm-hover-font-size-9:hover { font-size: 2.25rem; }
  .sm-focus-font-size-9:focus { font-size: 2.25rem; }
  .sm-active-font-size-9:active { font-size: 2.25rem; }
  .sm-disabled-font-size-9:disabled { font-size: 2.25rem; }
  .sm-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  .sm-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  .sm-group:hover .sm-group-hover-font-size-9 { font-size: 2.25rem; }
  .sm-font-size-10 { font-size: 2.5rem; }
  .sm-hover-font-size-10:hover { font-size: 2.5rem; }
  .sm-focus-font-size-10:focus { font-size: 2.5rem; }
  .sm-active-font-size-10:active { font-size: 2.5rem; }
  .sm-disabled-font-size-10:disabled { font-size: 2.5rem; }
  .sm-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  .sm-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  .sm-group:hover .sm-group-hover-font-size-10 { font-size: 2.5rem; }
  .sm-font-size-12 { font-size: 3rem; }
  .sm-hover-font-size-12:hover { font-size: 3rem; }
  .sm-focus-font-size-12:focus { font-size: 3rem; }
  .sm-active-font-size-12:active { font-size: 3rem; }
  .sm-disabled-font-size-12:disabled { font-size: 3rem; }
  .sm-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  .sm-focus-within-font-size-12:focus-within { font-size: 3rem; }
  .sm-group:hover .sm-group-hover-font-size-12 { font-size: 3rem; }
  .sm-font-size-14 { font-size: 3.5rem; }
  .sm-hover-font-size-14:hover { font-size: 3.5rem; }
  .sm-focus-font-size-14:focus { font-size: 3.5rem; }
  .sm-active-font-size-14:active { font-size: 3.5rem; }
  .sm-disabled-font-size-14:disabled { font-size: 3.5rem; }
  .sm-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  .sm-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  .sm-group:hover .sm-group-hover-font-size-14 { font-size: 3.5rem; }
  .sm-font-size-16 { font-size: 4rem; }
  .sm-hover-font-size-16:hover { font-size: 4rem; }
  .sm-focus-font-size-16:focus { font-size: 4rem; }
  .sm-active-font-size-16:active { font-size: 4rem; }
  .sm-disabled-font-size-16:disabled { font-size: 4rem; }
  .sm-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  .sm-focus-within-font-size-16:focus-within { font-size: 4rem; }
  .sm-group:hover .sm-group-hover-font-size-16 { font-size: 4rem; }
  .sm-font-size-18 { font-size: 4.5rem; }
  .sm-hover-font-size-18:hover { font-size: 4.5rem; }
  .sm-focus-font-size-18:focus { font-size: 4.5rem; }
  .sm-active-font-size-18:active { font-size: 4.5rem; }
  .sm-disabled-font-size-18:disabled { font-size: 4.5rem; }
  .sm-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  .sm-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  .sm-group:hover .sm-group-hover-font-size-18 { font-size: 4.5rem; }
  .sm-font-size-20 { font-size: 5rem; }
  .sm-hover-font-size-20:hover { font-size: 5rem; }
  .sm-focus-font-size-20:focus { font-size: 5rem; }
  .sm-active-font-size-20:active { font-size: 5rem; }
  .sm-disabled-font-size-20:disabled { font-size: 5rem; }
  .sm-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  .sm-focus-within-font-size-20:focus-within { font-size: 5rem; }
  .sm-group:hover .sm-group-hover-font-size-20 { font-size: 5rem; }
  .sm-font-size-24 { font-size: 6rem; }
  .sm-hover-font-size-24:hover { font-size: 6rem; }
  .sm-focus-font-size-24:focus { font-size: 6rem; }
  .sm-active-font-size-24:active { font-size: 6rem; }
  .sm-disabled-font-size-24:disabled { font-size: 6rem; }
  .sm-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  .sm-focus-within-font-size-24:focus-within { font-size: 6rem; }
  .sm-group:hover .sm-group-hover-font-size-24 { font-size: 6rem; }
  .sm-font-size-28 { font-size: 7rem; }
  .sm-hover-font-size-28:hover { font-size: 7rem; }
  .sm-focus-font-size-28:focus { font-size: 7rem; }
  .sm-active-font-size-28:active { font-size: 7rem; }
  .sm-disabled-font-size-28:disabled { font-size: 7rem; }
  .sm-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  .sm-focus-within-font-size-28:focus-within { font-size: 7rem; }
  .sm-group:hover .sm-group-hover-font-size-28 { font-size: 7rem; }
  .sm-font-size-32 { font-size: 8rem; }
  .sm-hover-font-size-32:hover { font-size: 8rem; }
  .sm-focus-font-size-32:focus { font-size: 8rem; }
  .sm-active-font-size-32:active { font-size: 8rem; }
  .sm-disabled-font-size-32:disabled { font-size: 8rem; }
  .sm-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  .sm-focus-within-font-size-32:focus-within { font-size: 8rem; }
  .sm-group:hover .sm-group-hover-font-size-32 { font-size: 8rem; }
  .sm-font-style-normal { font-style: normal; }
  .sm-hover-font-style-normal:hover { font-style: normal; }
  .sm-focus-font-style-normal:focus { font-style: normal; }
  .sm-active-font-style-normal:active { font-style: normal; }
  .sm-disabled-font-style-normal:disabled { font-style: normal; }
  .sm-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  .sm-focus-within-font-style-normal:focus-within { font-style: normal; }
  .sm-group:hover .sm-group-hover-font-style-normal { font-style: normal; }
  .sm-font-style-italic { font-style: italic; }
  .sm-hover-font-style-italic:hover { font-style: italic; }
  .sm-focus-font-style-italic:focus { font-style: italic; }
  .sm-active-font-style-italic:active { font-style: italic; }
  .sm-disabled-font-style-italic:disabled { font-style: italic; }
  .sm-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  .sm-focus-within-font-style-italic:focus-within { font-style: italic; }
  .sm-group:hover .sm-group-hover-font-style-italic { font-style: italic; }
  .sm-font-style-oblique { font-style: oblique; }
  .sm-hover-font-style-oblique:hover { font-style: oblique; }
  .sm-focus-font-style-oblique:focus { font-style: oblique; }
  .sm-active-font-style-oblique:active { font-style: oblique; }
  .sm-disabled-font-style-oblique:disabled { font-style: oblique; }
  .sm-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  .sm-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  .sm-group:hover .sm-group-hover-font-style-oblique { font-style: oblique; }
  .sm-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .sm-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  .sm-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  .sm-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  .sm-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  .sm-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  .sm-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  .sm-group:hover .sm-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .sm-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-group:hover .sm-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .sm-font-weight-thin { font-weight: 100; }
  .sm-hover-font-weight-thin:hover { font-weight: 100; }
  .sm-focus-font-weight-thin:focus { font-weight: 100; }
  .sm-active-font-weight-thin:active { font-weight: 100; }
  .sm-disabled-font-weight-thin:disabled { font-weight: 100; }
  .sm-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  .sm-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  .sm-group:hover .sm-group-hover-font-weight-thin { font-weight: 100; }
  .sm-font-weight-extralight { font-weight: 200; }
  .sm-hover-font-weight-extralight:hover { font-weight: 200; }
  .sm-focus-font-weight-extralight:focus { font-weight: 200; }
  .sm-active-font-weight-extralight:active { font-weight: 200; }
  .sm-disabled-font-weight-extralight:disabled { font-weight: 200; }
  .sm-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  .sm-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  .sm-group:hover .sm-group-hover-font-weight-extralight { font-weight: 200; }
  .sm-font-weight-light { font-weight: 300; }
  .sm-hover-font-weight-light:hover { font-weight: 300; }
  .sm-focus-font-weight-light:focus { font-weight: 300; }
  .sm-active-font-weight-light:active { font-weight: 300; }
  .sm-disabled-font-weight-light:disabled { font-weight: 300; }
  .sm-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  .sm-focus-within-font-weight-light:focus-within { font-weight: 300; }
  .sm-group:hover .sm-group-hover-font-weight-light { font-weight: 300; }
  .sm-font-weight-regular { font-weight: 400; }
  .sm-hover-font-weight-regular:hover { font-weight: 400; }
  .sm-focus-font-weight-regular:focus { font-weight: 400; }
  .sm-active-font-weight-regular:active { font-weight: 400; }
  .sm-disabled-font-weight-regular:disabled { font-weight: 400; }
  .sm-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  .sm-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  .sm-group:hover .sm-group-hover-font-weight-regular { font-weight: 400; }
  .sm-font-weight-medium { font-weight: 500; }
  .sm-hover-font-weight-medium:hover { font-weight: 500; }
  .sm-focus-font-weight-medium:focus { font-weight: 500; }
  .sm-active-font-weight-medium:active { font-weight: 500; }
  .sm-disabled-font-weight-medium:disabled { font-weight: 500; }
  .sm-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  .sm-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  .sm-group:hover .sm-group-hover-font-weight-medium { font-weight: 500; }
  .sm-font-weight-semibold { font-weight: 600; }
  .sm-hover-font-weight-semibold:hover { font-weight: 600; }
  .sm-focus-font-weight-semibold:focus { font-weight: 600; }
  .sm-active-font-weight-semibold:active { font-weight: 600; }
  .sm-disabled-font-weight-semibold:disabled { font-weight: 600; }
  .sm-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  .sm-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  .sm-group:hover .sm-group-hover-font-weight-semibold { font-weight: 600; }
  .sm-font-weight-bold { font-weight: 700; }
  .sm-hover-font-weight-bold:hover { font-weight: 700; }
  .sm-focus-font-weight-bold:focus { font-weight: 700; }
  .sm-active-font-weight-bold:active { font-weight: 700; }
  .sm-disabled-font-weight-bold:disabled { font-weight: 700; }
  .sm-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  .sm-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  .sm-group:hover .sm-group-hover-font-weight-bold { font-weight: 700; }
  .sm-font-weight-extrabold { font-weight: 800; }
  .sm-hover-font-weight-extrabold:hover { font-weight: 800; }
  .sm-focus-font-weight-extrabold:focus { font-weight: 800; }
  .sm-active-font-weight-extrabold:active { font-weight: 800; }
  .sm-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  .sm-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  .sm-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  .sm-group:hover .sm-group-hover-font-weight-extrabold { font-weight: 800; }
  .sm-font-weight-ultrabold { font-weight: 900; }
  .sm-hover-font-weight-ultrabold:hover { font-weight: 900; }
  .sm-focus-font-weight-ultrabold:focus { font-weight: 900; }
  .sm-active-font-weight-ultrabold:active { font-weight: 900; }
  .sm-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  .sm-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  .sm-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  .sm-group:hover .sm-group-hover-font-weight-ultrabold { font-weight: 900; }
  .sm-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .sm-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  .sm-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  .sm-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  .sm-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  .sm-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  .sm-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  .sm-group:hover .sm-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .sm-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .sm-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  .sm-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  .sm-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  .sm-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  .sm-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  .sm-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  .sm-group:hover .sm-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .sm-font-stretch-condensed { font-stretch: condensed; }
  .sm-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  .sm-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  .sm-active-font-stretch-condensed:active { font-stretch: condensed; }
  .sm-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  .sm-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  .sm-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  .sm-group:hover .sm-group-hover-font-stretch-condensed { font-stretch: condensed; }
  .sm-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .sm-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  .sm-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  .sm-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  .sm-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  .sm-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  .sm-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  .sm-group:hover .sm-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .sm-font-stretch-normal { font-stretch: normal; }
  .sm-hover-font-stretch-normal:hover { font-stretch: normal; }
  .sm-focus-font-stretch-normal:focus { font-stretch: normal; }
  .sm-active-font-stretch-normal:active { font-stretch: normal; }
  .sm-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  .sm-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  .sm-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  .sm-group:hover .sm-group-hover-font-stretch-normal { font-stretch: normal; }
  .sm-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .sm-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  .sm-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  .sm-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  .sm-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  .sm-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  .sm-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  .sm-group:hover .sm-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .sm-font-stretch-expanded { font-stretch: expanded; }
  .sm-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  .sm-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  .sm-active-font-stretch-expanded:active { font-stretch: expanded; }
  .sm-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  .sm-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  .sm-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  .sm-group:hover .sm-group-hover-font-stretch-expanded { font-stretch: expanded; }
  .sm-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .sm-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  .sm-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  .sm-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  .sm-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  .sm-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  .sm-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  .sm-group:hover .sm-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .sm-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .sm-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  .sm-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  .sm-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  .sm-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  .sm-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  .sm-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  .sm-group:hover .sm-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .sm-font-variant-numeric-normal { font-variant-numeric: normal; }
  .sm-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  .sm-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  .sm-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  .sm-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  .sm-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  .sm-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  .sm-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .sm-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  .sm-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  .sm-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  .sm-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  .sm-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  .sm-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .sm-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .sm-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  .sm-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  .sm-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  .sm-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  .sm-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  .sm-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .sm-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .sm-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  .sm-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  .sm-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  .sm-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  .sm-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  .sm-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .sm-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .sm-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  .sm-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  .sm-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  .sm-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  .sm-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  .sm-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .sm-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .sm-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  .sm-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  .sm-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  .sm-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  .sm-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  .sm-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .sm-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .sm-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  .sm-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  .sm-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  .sm-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  .sm-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  .sm-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  .sm-group:hover .sm-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .sm-tracking-tighter { letter-spacing: -0.05em; }
  .sm-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  .sm-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  .sm-active-tracking-tighter:active { letter-spacing: -0.05em; }
  .sm-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  .sm-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  .sm-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  .sm-group:hover .sm-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  .sm-tracking-tight { letter-spacing: -0.025em; }
  .sm-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  .sm-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  .sm-active-tracking-tight:active { letter-spacing: -0.025em; }
  .sm-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  .sm-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  .sm-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  .sm-group:hover .sm-group-hover-tracking-tight { letter-spacing: -0.025em; }
  .sm-tracking-normal { letter-spacing: 0; }
  .sm-hover-tracking-normal:hover { letter-spacing: 0; }
  .sm-focus-tracking-normal:focus { letter-spacing: 0; }
  .sm-active-tracking-normal:active { letter-spacing: 0; }
  .sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .sm-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .sm-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .sm-group:hover .sm-group-hover-tracking-normal { letter-spacing: 0; }
  .sm-tracking-wide { letter-spacing: 0.025em; }
  .sm-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  .sm-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  .sm-active-tracking-wide:active { letter-spacing: 0.025em; }
  .sm-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  .sm-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  .sm-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  .sm-group:hover .sm-group-hover-tracking-wide { letter-spacing: 0.025em; }
  .sm-tracking-wider { letter-spacing: 0.05em; }
  .sm-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  .sm-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  .sm-active-tracking-wider:active { letter-spacing: 0.05em; }
  .sm-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  .sm-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  .sm-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  .sm-group:hover .sm-group-hover-tracking-wider { letter-spacing: 0.05em; }
  .sm-tracking-widest { letter-spacing: 0.1em; }
  .sm-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  .sm-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  .sm-active-tracking-widest:active { letter-spacing: 0.1em; }
  .sm-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  .sm-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  .sm-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  .sm-group:hover .sm-group-hover-tracking-widest { letter-spacing: 0.1em; }
  .sm-decoration-solid { text-decoration-style: solid; }
  .sm-hover-decoration-solid:hover { text-decoration-style: solid; }
  .sm-focus-decoration-solid:focus { text-decoration-style: solid; }
  .sm-active-decoration-solid:active { text-decoration-style: solid; }
  .sm-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  .sm-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  .sm-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  .sm-group:hover .sm-group-hover-decoration-solid { text-decoration-style: solid; }
  .sm-decoration-double { text-decoration-style: double; }
  .sm-hover-decoration-double:hover { text-decoration-style: double; }
  .sm-focus-decoration-double:focus { text-decoration-style: double; }
  .sm-active-decoration-double:active { text-decoration-style: double; }
  .sm-disabled-decoration-double:disabled { text-decoration-style: double; }
  .sm-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  .sm-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  .sm-group:hover .sm-group-hover-decoration-double { text-decoration-style: double; }
  .sm-decoration-dotted { text-decoration-style: dotted; }
  .sm-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  .sm-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  .sm-active-decoration-dotted:active { text-decoration-style: dotted; }
  .sm-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  .sm-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  .sm-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  .sm-group:hover .sm-group-hover-decoration-dotted { text-decoration-style: dotted; }
  .sm-decoration-dashed { text-decoration-style: dashed; }
  .sm-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  .sm-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  .sm-active-decoration-dashed:active { text-decoration-style: dashed; }
  .sm-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  .sm-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  .sm-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  .sm-group:hover .sm-group-hover-decoration-dashed { text-decoration-style: dashed; }
  .sm-decoration-wavy { text-decoration-style: wavy; }
  .sm-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  .sm-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  .sm-active-decoration-wavy:active { text-decoration-style: wavy; }
  .sm-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  .sm-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  .sm-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  .sm-group:hover .sm-group-hover-decoration-wavy { text-decoration-style: wavy; }
  .sm-decoration-0 { text-decoration-thickness: 0; }
  .sm-hover-decoration-0:hover { text-decoration-thickness: 0; }
  .sm-focus-decoration-0:focus { text-decoration-thickness: 0; }
  .sm-active-decoration-0:active { text-decoration-thickness: 0; }
  .sm-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  .sm-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  .sm-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  .sm-group:hover .sm-group-hover-decoration-0 { text-decoration-thickness: 0; }
  .sm-decoration-1 { text-decoration-thickness: 1px; }
  .sm-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  .sm-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  .sm-active-decoration-1:active { text-decoration-thickness: 1px; }
  .sm-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  .sm-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  .sm-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  .sm-group:hover .sm-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  .sm-decoration-2 { text-decoration-thickness: 2px; }
  .sm-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  .sm-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  .sm-active-decoration-2:active { text-decoration-thickness: 2px; }
  .sm-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  .sm-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  .sm-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  .sm-group:hover .sm-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  .sm-decoration-4 { text-decoration-thickness: 4px; }
  .sm-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  .sm-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  .sm-active-decoration-4:active { text-decoration-thickness: 4px; }
  .sm-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  .sm-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  .sm-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  .sm-group:hover .sm-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  .sm-decoration-8 { text-decoration-thickness: 8px; }
  .sm-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  .sm-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  .sm-active-decoration-8:active { text-decoration-thickness: 8px; }
  .sm-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  .sm-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  .sm-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  .sm-group:hover .sm-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  .sm-underline-offset-0 { text-underline-offset: 0; }
  .sm-hover-underline-offset-0:hover { text-underline-offset: 0; }
  .sm-focus-underline-offset-0:focus { text-underline-offset: 0; }
  .sm-active-underline-offset-0:active { text-underline-offset: 0; }
  .sm-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  .sm-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  .sm-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  .sm-group:hover .sm-group-hover-underline-offset-0 { text-underline-offset: 0; }
  .sm-underline-offset-1 { text-underline-offset: 1px; }
  .sm-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  .sm-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  .sm-active-underline-offset-1:active { text-underline-offset: 1px; }
  .sm-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  .sm-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  .sm-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  .sm-group:hover .sm-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  .sm-underline-offset-2 { text-underline-offset: 2px; }
  .sm-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  .sm-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  .sm-active-underline-offset-2:active { text-underline-offset: 2px; }
  .sm-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  .sm-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  .sm-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  .sm-group:hover .sm-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  .sm-underline-offset-4 { text-underline-offset: 4px; }
  .sm-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  .sm-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  .sm-active-underline-offset-4:active { text-underline-offset: 4px; }
  .sm-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  .sm-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  .sm-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  .sm-group:hover .sm-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  .sm-underline-offset-8 { text-underline-offset: 8px; }
  .sm-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  .sm-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  .sm-active-underline-offset-8:active { text-underline-offset: 8px; }
  .sm-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  .sm-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  .sm-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  .sm-group:hover .sm-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  .sm-text-xs { font-size: 0.5rem; }
  .sm-hover-text-xs:hover { font-size: 0.5rem; }
  .sm-focus-text-xs:focus { font-size: 0.5rem; }
  .sm-active-text-xs:active { font-size: 0.5rem; }
  .sm-disabled-text-xs:disabled { font-size: 0.5rem; }
  .sm-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  .sm-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  .sm-group:hover .sm-group-hover-text-xs { font-size: 0.5rem; }
  .sm-text-sm { font-size: 0.875rem; }
  .sm-hover-text-sm:hover { font-size: 0.875rem; }
  .sm-focus-text-sm:focus { font-size: 0.875rem; }
  .sm-active-text-sm:active { font-size: 0.875rem; }
  .sm-disabled-text-sm:disabled { font-size: 0.875rem; }
  .sm-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  .sm-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  .sm-group:hover .sm-group-hover-text-sm { font-size: 0.875rem; }
  .sm-text-base { font-size: 1rem; }
  .sm-hover-text-base:hover { font-size: 1rem; }
  .sm-focus-text-base:focus { font-size: 1rem; }
  .sm-active-text-base:active { font-size: 1rem; }
  .sm-disabled-text-base:disabled { font-size: 1rem; }
  .sm-focus-visible-text-base:focus-visible { font-size: 1rem; }
  .sm-focus-within-text-base:focus-within { font-size: 1rem; }
  .sm-group:hover .sm-group-hover-text-base { font-size: 1rem; }
  .sm-text-lg { font-size: 1.125rem; }
  .sm-hover-text-lg:hover { font-size: 1.125rem; }
  .sm-focus-text-lg:focus { font-size: 1.125rem; }
  .sm-active-text-lg:active { font-size: 1.125rem; }
  .sm-disabled-text-lg:disabled { font-size: 1.125rem; }
  .sm-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  .sm-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  .sm-group:hover .sm-group-hover-text-lg { font-size: 1.125rem; }
  .sm-text-xl { font-size: 2rem; }
  .sm-hover-text-xl:hover { font-size: 2rem; }
  .sm-focus-text-xl:focus { font-size: 2rem; }
  .sm-active-text-xl:active { font-size: 2rem; }
  .sm-disabled-text-xl:disabled { font-size: 2rem; }
  .sm-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  .sm-focus-within-text-xl:focus-within { font-size: 2rem; }
  .sm-group:hover .sm-group-hover-text-xl { font-size: 2rem; }
  .sm-text-2xl { font-size: 2.5rem; }
  .sm-hover-text-2xl:hover { font-size: 2.5rem; }
  .sm-focus-text-2xl:focus { font-size: 2.5rem; }
  .sm-active-text-2xl:active { font-size: 2.5rem; }
  .sm-disabled-text-2xl:disabled { font-size: 2.5rem; }
  .sm-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  .sm-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  .sm-group:hover .sm-group-hover-text-2xl { font-size: 2.5rem; }
  .sm-text-3xl { font-size: 3rem; }
  .sm-hover-text-3xl:hover { font-size: 3rem; }
  .sm-focus-text-3xl:focus { font-size: 3rem; }
  .sm-active-text-3xl:active { font-size: 3rem; }
  .sm-disabled-text-3xl:disabled { font-size: 3rem; }
  .sm-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  .sm-focus-within-text-3xl:focus-within { font-size: 3rem; }
  .sm-group:hover .sm-group-hover-text-3xl { font-size: 3rem; }
  .sm-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-group:hover .sm-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .sm-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-group:hover .sm-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .sm-indent-0 { text-indent: 0; }
  .sm-hover-indent-0:hover { text-indent: 0; }
  .sm-focus-indent-0:focus { text-indent: 0; }
  .sm-active-indent-0:active { text-indent: 0; }
  .sm-disabled-indent-0:disabled { text-indent: 0; }
  .sm-focus-visible-indent-0:focus-visible { text-indent: 0; }
  .sm-focus-within-indent-0:focus-within { text-indent: 0; }
  .sm-group:hover .sm-group-hover-indent-0 { text-indent: 0; }
  .sm-indent-1 { text-indent: 0.25rem; }
  .sm-hover-indent-1:hover { text-indent: 0.25rem; }
  .sm-focus-indent-1:focus { text-indent: 0.25rem; }
  .sm-active-indent-1:active { text-indent: 0.25rem; }
  .sm-disabled-indent-1:disabled { text-indent: 0.25rem; }
  .sm-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  .sm-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  .sm-group:hover .sm-group-hover-indent-1 { text-indent: 0.25rem; }
  .sm-indent-2 { text-indent: 0.5rem; }
  .sm-hover-indent-2:hover { text-indent: 0.5rem; }
  .sm-focus-indent-2:focus { text-indent: 0.5rem; }
  .sm-active-indent-2:active { text-indent: 0.5rem; }
  .sm-disabled-indent-2:disabled { text-indent: 0.5rem; }
  .sm-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  .sm-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  .sm-group:hover .sm-group-hover-indent-2 { text-indent: 0.5rem; }
  .sm-indent-4 { text-indent: 1rem; }
  .sm-hover-indent-4:hover { text-indent: 1rem; }
  .sm-focus-indent-4:focus { text-indent: 1rem; }
  .sm-active-indent-4:active { text-indent: 1rem; }
  .sm-disabled-indent-4:disabled { text-indent: 1rem; }
  .sm-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  .sm-focus-within-indent-4:focus-within { text-indent: 1rem; }
  .sm-group:hover .sm-group-hover-indent-4 { text-indent: 1rem; }
  .sm-indent-8 { text-indent: 2rem; }
  .sm-hover-indent-8:hover { text-indent: 2rem; }
  .sm-focus-indent-8:focus { text-indent: 2rem; }
  .sm-active-indent-8:active { text-indent: 2rem; }
  .sm-disabled-indent-8:disabled { text-indent: 2rem; }
  .sm-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  .sm-focus-within-indent-8:focus-within { text-indent: 2rem; }
  .sm-group:hover .sm-group-hover-indent-8 { text-indent: 2rem; }
  .sm-break-normal { word-break: normal; }
  .sm-hover-break-normal:hover { word-break: normal; }
  .sm-focus-break-normal:focus { word-break: normal; }
  .sm-active-break-normal:active { word-break: normal; }
  .sm-disabled-break-normal:disabled { word-break: normal; }
  .sm-focus-visible-break-normal:focus-visible { word-break: normal; }
  .sm-focus-within-break-normal:focus-within { word-break: normal; }
  .sm-group:hover .sm-group-hover-break-normal { word-break: normal; }
  .sm-break-words { word-break: break-word; }
  .sm-hover-break-words:hover { word-break: break-word; }
  .sm-focus-break-words:focus { word-break: break-word; }
  .sm-active-break-words:active { word-break: break-word; }
  .sm-disabled-break-words:disabled { word-break: break-word; }
  .sm-focus-visible-break-words:focus-visible { word-break: break-word; }
  .sm-focus-within-break-words:focus-within { word-break: break-word; }
  .sm-group:hover .sm-group-hover-break-words { word-break: break-word; }
  .sm-break-all { word-break: break-all; }
  .sm-hover-break-all:hover { word-break: break-all; }
  .sm-focus-break-all:focus { word-break: break-all; }
  .sm-active-break-all:active { word-break: break-all; }
  .sm-disabled-break-all:disabled { word-break: break-all; }
  .sm-focus-visible-break-all:focus-visible { word-break: break-all; }
  .sm-focus-within-break-all:focus-within { word-break: break-all; }
  .sm-group:hover .sm-group-hover-break-all { word-break: break-all; }
  .sm-overflow-normal { overflow-wrap: normal; }
  .sm-hover-overflow-normal:hover { overflow-wrap: normal; }
  .sm-focus-overflow-normal:focus { overflow-wrap: normal; }
  .sm-active-overflow-normal:active { overflow-wrap: normal; }
  .sm-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .sm-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .sm-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .sm-group:hover .sm-group-hover-overflow-normal { overflow-wrap: normal; }
  .sm-overflow-break { overflow-wrap: break-word; }
  .sm-hover-overflow-break:hover { overflow-wrap: break-word; }
  .sm-focus-overflow-break:focus { overflow-wrap: break-word; }
  .sm-active-overflow-break:active { overflow-wrap: break-word; }
  .sm-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .sm-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .sm-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .sm-group:hover .sm-group-hover-overflow-break { overflow-wrap: break-word; }
  .sm-hyphens-none { hyphens: none; }
  .sm-hover-hyphens-none:hover { hyphens: none; }
  .sm-focus-hyphens-none:focus { hyphens: none; }
  .sm-active-hyphens-none:active { hyphens: none; }
  .sm-disabled-hyphens-none:disabled { hyphens: none; }
  .sm-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .sm-focus-within-hyphens-none:focus-within { hyphens: none; }
  .sm-group:hover .sm-group-hover-hyphens-none { hyphens: none; }
  .sm-hyphens-manual { hyphens: manual; }
  .sm-hover-hyphens-manual:hover { hyphens: manual; }
  .sm-focus-hyphens-manual:focus { hyphens: manual; }
  .sm-active-hyphens-manual:active { hyphens: manual; }
  .sm-disabled-hyphens-manual:disabled { hyphens: manual; }
  .sm-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .sm-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .sm-group:hover .sm-group-hover-hyphens-manual { hyphens: manual; }
  .sm-hyphens-auto { hyphens: auto; }
  .sm-hover-hyphens-auto:hover { hyphens: auto; }
  .sm-focus-hyphens-auto:focus { hyphens: auto; }
  .sm-active-hyphens-auto:active { hyphens: auto; }
  .sm-disabled-hyphens-auto:disabled { hyphens: auto; }
  .sm-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .sm-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .sm-group:hover .sm-group-hover-hyphens-auto { hyphens: auto; }
  .sm-break-normal { word-break: normal; }
  .sm-hover-break-normal:hover { word-break: normal; }
  .sm-focus-break-normal:focus { word-break: normal; }
  .sm-active-break-normal:active { word-break: normal; }
  .sm-disabled-break-normal:disabled { word-break: normal; }
  .sm-focus-visible-break-normal:focus-visible { word-break: normal; }
  .sm-focus-within-break-normal:focus-within { word-break: normal; }
  .sm-group:hover .sm-group-hover-break-normal { word-break: normal; }
  .sm-break-words { word-break: break-word; }
  .sm-hover-break-words:hover { word-break: break-word; }
  .sm-focus-break-words:focus { word-break: break-word; }
  .sm-active-break-words:active { word-break: break-word; }
  .sm-disabled-break-words:disabled { word-break: break-word; }
  .sm-focus-visible-break-words:focus-visible { word-break: break-word; }
  .sm-focus-within-break-words:focus-within { word-break: break-word; }
  .sm-group:hover .sm-group-hover-break-words { word-break: break-word; }
  .sm-break-all { word-break: break-all; }
  .sm-hover-break-all:hover { word-break: break-all; }
  .sm-focus-break-all:focus { word-break: break-all; }
  .sm-active-break-all:active { word-break: break-all; }
  .sm-disabled-break-all:disabled { word-break: break-all; }
  .sm-focus-visible-break-all:focus-visible { word-break: break-all; }
  .sm-focus-within-break-all:focus-within { word-break: break-all; }
  .sm-group:hover .sm-group-hover-break-all { word-break: break-all; }
  .sm-overflow-normal { overflow-wrap: normal; }
  .sm-hover-overflow-normal:hover { overflow-wrap: normal; }
  .sm-focus-overflow-normal:focus { overflow-wrap: normal; }
  .sm-active-overflow-normal:active { overflow-wrap: normal; }
  .sm-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .sm-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .sm-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .sm-group:hover .sm-group-hover-overflow-normal { overflow-wrap: normal; }
  .sm-overflow-break { overflow-wrap: break-word; }
  .sm-hover-overflow-break:hover { overflow-wrap: break-word; }
  .sm-focus-overflow-break:focus { overflow-wrap: break-word; }
  .sm-active-overflow-break:active { overflow-wrap: break-word; }
  .sm-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .sm-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .sm-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .sm-group:hover .sm-group-hover-overflow-break { overflow-wrap: break-word; }
  .sm-hyphens-none { hyphens: none; }
  .sm-hover-hyphens-none:hover { hyphens: none; }
  .sm-focus-hyphens-none:focus { hyphens: none; }
  .sm-active-hyphens-none:active { hyphens: none; }
  .sm-disabled-hyphens-none:disabled { hyphens: none; }
  .sm-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .sm-focus-within-hyphens-none:focus-within { hyphens: none; }
  .sm-group:hover .sm-group-hover-hyphens-none { hyphens: none; }
  .sm-hyphens-manual { hyphens: manual; }
  .sm-hover-hyphens-manual:hover { hyphens: manual; }
  .sm-focus-hyphens-manual:focus { hyphens: manual; }
  .sm-active-hyphens-manual:active { hyphens: manual; }
  .sm-disabled-hyphens-manual:disabled { hyphens: manual; }
  .sm-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .sm-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .sm-group:hover .sm-group-hover-hyphens-manual { hyphens: manual; }
  .sm-hyphens-auto { hyphens: auto; }
  .sm-hover-hyphens-auto:hover { hyphens: auto; }
  .sm-focus-hyphens-auto:focus { hyphens: auto; }
  .sm-active-hyphens-auto:active { hyphens: auto; }
  .sm-disabled-hyphens-auto:disabled { hyphens: auto; }
  .sm-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .sm-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .sm-group:hover .sm-group-hover-hyphens-auto { hyphens: auto; }
  .sm-bg-attachment-fixed { background-attachment: fixed; }
  .sm-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  .sm-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  .sm-active-bg-attachment-fixed:active { background-attachment: fixed; }
  .sm-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  .sm-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  .sm-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  .sm-group:hover .sm-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  .sm-bg-attachment-local { background-attachment: local; }
  .sm-hover-bg-attachment-local:hover { background-attachment: local; }
  .sm-focus-bg-attachment-local:focus { background-attachment: local; }
  .sm-active-bg-attachment-local:active { background-attachment: local; }
  .sm-disabled-bg-attachment-local:disabled { background-attachment: local; }
  .sm-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  .sm-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  .sm-group:hover .sm-group-hover-bg-attachment-local { background-attachment: local; }
  .sm-bg-attachment-scroll { background-attachment: scroll; }
  .sm-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  .sm-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  .sm-active-bg-attachment-scroll:active { background-attachment: scroll; }
  .sm-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  .sm-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  .sm-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  .sm-group:hover .sm-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  .sm-bg-clip-border { background-clip: border-box; }
  .sm-hover-bg-clip-border:hover { background-clip: border-box; }
  .sm-focus-bg-clip-border:focus { background-clip: border-box; }
  .sm-active-bg-clip-border:active { background-clip: border-box; }
  .sm-disabled-bg-clip-border:disabled { background-clip: border-box; }
  .sm-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  .sm-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  .sm-group:hover .sm-group-hover-bg-clip-border { background-clip: border-box; }
  .sm-bg-clip-padding { background-clip: padding-box; }
  .sm-hover-bg-clip-padding:hover { background-clip: padding-box; }
  .sm-focus-bg-clip-padding:focus { background-clip: padding-box; }
  .sm-active-bg-clip-padding:active { background-clip: padding-box; }
  .sm-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  .sm-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  .sm-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  .sm-group:hover .sm-group-hover-bg-clip-padding { background-clip: padding-box; }
  .sm-bg-clip-content { background-clip: content-box; }
  .sm-hover-bg-clip-content:hover { background-clip: content-box; }
  .sm-focus-bg-clip-content:focus { background-clip: content-box; }
  .sm-active-bg-clip-content:active { background-clip: content-box; }
  .sm-disabled-bg-clip-content:disabled { background-clip: content-box; }
  .sm-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  .sm-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  .sm-group:hover .sm-group-hover-bg-clip-content { background-clip: content-box; }
  .sm-bg-color-transparent { background-color: transparent; }
  .sm-hover-bg-color-transparent:hover { background-color: transparent; }
  .sm-focus-bg-color-transparent:focus { background-color: transparent; }
  .sm-active-bg-color-transparent:active { background-color: transparent; }
  .sm-disabled-bg-color-transparent:disabled { background-color: transparent; }
  .sm-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  .sm-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  .sm-group:hover .sm-group-hover-bg-color-transparent { background-color: transparent; }
  .sm-bg-color-black { background-color: #000; }
  .sm-hover-bg-color-black:hover { background-color: #000; }
  .sm-focus-bg-color-black:focus { background-color: #000; }
  .sm-active-bg-color-black:active { background-color: #000; }
  .sm-disabled-bg-color-black:disabled { background-color: #000; }
  .sm-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  .sm-focus-within-bg-color-black:focus-within { background-color: #000; }
  .sm-group:hover .sm-group-hover-bg-color-black { background-color: #000; }
  .sm-bg-color-white { background-color: #fff; }
  .sm-hover-bg-color-white:hover { background-color: #fff; }
  .sm-focus-bg-color-white:focus { background-color: #fff; }
  .sm-active-bg-color-white:active { background-color: #fff; }
  .sm-disabled-bg-color-white:disabled { background-color: #fff; }
  .sm-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  .sm-focus-within-bg-color-white:focus-within { background-color: #fff; }
  .sm-group:hover .sm-group-hover-bg-color-white { background-color: #fff; }
  .sm-bg-image-none { background-image: none; }
  .sm-hover-bg-image-none:hover { background-image: none; }
  .sm-focus-bg-image-none:focus { background-image: none; }
  .sm-active-bg-image-none:active { background-image: none; }
  .sm-disabled-bg-image-none:disabled { background-image: none; }
  .sm-focus-visible-bg-image-none:focus-visible { background-image: none; }
  .sm-focus-within-bg-image-none:focus-within { background-image: none; }
  .sm-group:hover .sm-group-hover-bg-image-none { background-image: none; }
  .sm-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-group:hover .sm-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .sm-bg-origin-border { background-origin: border-box; }
  .sm-hover-bg-origin-border:hover { background-origin: border-box; }
  .sm-focus-bg-origin-border:focus { background-origin: border-box; }
  .sm-active-bg-origin-border:active { background-origin: border-box; }
  .sm-disabled-bg-origin-border:disabled { background-origin: border-box; }
  .sm-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  .sm-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  .sm-group:hover .sm-group-hover-bg-origin-border { background-origin: border-box; }
  .sm-bg-origin-padding { background-origin: padding-box; }
  .sm-hover-bg-origin-padding:hover { background-origin: padding-box; }
  .sm-focus-bg-origin-padding:focus { background-origin: padding-box; }
  .sm-active-bg-origin-padding:active { background-origin: padding-box; }
  .sm-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  .sm-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  .sm-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  .sm-group:hover .sm-group-hover-bg-origin-padding { background-origin: padding-box; }
  .sm-bg-origin-content { background-origin: content-box; }
  .sm-hover-bg-origin-content:hover { background-origin: content-box; }
  .sm-focus-bg-origin-content:focus { background-origin: content-box; }
  .sm-active-bg-origin-content:active { background-origin: content-box; }
  .sm-disabled-bg-origin-content:disabled { background-origin: content-box; }
  .sm-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  .sm-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  .sm-group:hover .sm-group-hover-bg-origin-content { background-origin: content-box; }
  .sm-bg-position-center { background-position: center; }
  .sm-hover-bg-position-center:hover { background-position: center; }
  .sm-focus-bg-position-center:focus { background-position: center; }
  .sm-active-bg-position-center:active { background-position: center; }
  .sm-disabled-bg-position-center:disabled { background-position: center; }
  .sm-focus-visible-bg-position-center:focus-visible { background-position: center; }
  .sm-focus-within-bg-position-center:focus-within { background-position: center; }
  .sm-group:hover .sm-group-hover-bg-position-center { background-position: center; }
  .sm-bg-position-top { background-position: top; }
  .sm-hover-bg-position-top:hover { background-position: top; }
  .sm-focus-bg-position-top:focus { background-position: top; }
  .sm-active-bg-position-top:active { background-position: top; }
  .sm-disabled-bg-position-top:disabled { background-position: top; }
  .sm-focus-visible-bg-position-top:focus-visible { background-position: top; }
  .sm-focus-within-bg-position-top:focus-within { background-position: top; }
  .sm-group:hover .sm-group-hover-bg-position-top { background-position: top; }
  .sm-bg-position-bottom { background-position: bottom; }
  .sm-hover-bg-position-bottom:hover { background-position: bottom; }
  .sm-focus-bg-position-bottom:focus { background-position: bottom; }
  .sm-active-bg-position-bottom:active { background-position: bottom; }
  .sm-disabled-bg-position-bottom:disabled { background-position: bottom; }
  .sm-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  .sm-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  .sm-group:hover .sm-group-hover-bg-position-bottom { background-position: bottom; }
  .sm-bg-position-left { background-position: left; }
  .sm-hover-bg-position-left:hover { background-position: left; }
  .sm-focus-bg-position-left:focus { background-position: left; }
  .sm-active-bg-position-left:active { background-position: left; }
  .sm-disabled-bg-position-left:disabled { background-position: left; }
  .sm-focus-visible-bg-position-left:focus-visible { background-position: left; }
  .sm-focus-within-bg-position-left:focus-within { background-position: left; }
  .sm-group:hover .sm-group-hover-bg-position-left { background-position: left; }
  .sm-bg-position-right { background-position: right; }
  .sm-hover-bg-position-right:hover { background-position: right; }
  .sm-focus-bg-position-right:focus { background-position: right; }
  .sm-active-bg-position-right:active { background-position: right; }
  .sm-disabled-bg-position-right:disabled { background-position: right; }
  .sm-focus-visible-bg-position-right:focus-visible { background-position: right; }
  .sm-focus-within-bg-position-right:focus-within { background-position: right; }
  .sm-group:hover .sm-group-hover-bg-position-right { background-position: right; }
  .sm-bg-position-top-left { background-position: top left; }
  .sm-hover-bg-position-top-left:hover { background-position: top left; }
  .sm-focus-bg-position-top-left:focus { background-position: top left; }
  .sm-active-bg-position-top-left:active { background-position: top left; }
  .sm-disabled-bg-position-top-left:disabled { background-position: top left; }
  .sm-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  .sm-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  .sm-group:hover .sm-group-hover-bg-position-top-left { background-position: top left; }
  .sm-bg-position-top-right { background-position: top right; }
  .sm-hover-bg-position-top-right:hover { background-position: top right; }
  .sm-focus-bg-position-top-right:focus { background-position: top right; }
  .sm-active-bg-position-top-right:active { background-position: top right; }
  .sm-disabled-bg-position-top-right:disabled { background-position: top right; }
  .sm-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  .sm-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  .sm-group:hover .sm-group-hover-bg-position-top-right { background-position: top right; }
  .sm-bg-position-bottom-left { background-position: bottom left; }
  .sm-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  .sm-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  .sm-active-bg-position-bottom-left:active { background-position: bottom left; }
  .sm-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  .sm-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  .sm-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  .sm-group:hover .sm-group-hover-bg-position-bottom-left { background-position: bottom left; }
  .sm-bg-position-bottom-right { background-position: bottom right; }
  .sm-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  .sm-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  .sm-active-bg-position-bottom-right:active { background-position: bottom right; }
  .sm-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  .sm-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  .sm-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  .sm-group:hover .sm-group-hover-bg-position-bottom-right { background-position: bottom right; }
  .sm-bg-repeat-none { background-repeat: no-repeat; }
  .sm-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  .sm-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  .sm-active-bg-repeat-none:active { background-repeat: no-repeat; }
  .sm-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  .sm-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  .sm-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  .sm-group:hover .sm-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  .sm-bg-repeat-x { background-repeat: repeat-x; }
  .sm-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  .sm-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  .sm-active-bg-repeat-x:active { background-repeat: repeat-x; }
  .sm-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  .sm-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  .sm-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  .sm-group:hover .sm-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  .sm-bg-repeat-y { background-repeat: repeat-y; }
  .sm-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  .sm-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  .sm-active-bg-repeat-y:active { background-repeat: repeat-y; }
  .sm-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  .sm-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  .sm-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  .sm-group:hover .sm-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  .sm-bg-repeat { background-repeat: repeat; }
  .sm-hover-bg-repeat:hover { background-repeat: repeat; }
  .sm-focus-bg-repeat:focus { background-repeat: repeat; }
  .sm-active-bg-repeat:active { background-repeat: repeat; }
  .sm-disabled-bg-repeat:disabled { background-repeat: repeat; }
  .sm-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  .sm-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  .sm-group:hover .sm-group-hover-bg-repeat { background-repeat: repeat; }
  .sm-bg-repeat-round { background-repeat: round; }
  .sm-hover-bg-repeat-round:hover { background-repeat: round; }
  .sm-focus-bg-repeat-round:focus { background-repeat: round; }
  .sm-active-bg-repeat-round:active { background-repeat: round; }
  .sm-disabled-bg-repeat-round:disabled { background-repeat: round; }
  .sm-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  .sm-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  .sm-group:hover .sm-group-hover-bg-repeat-round { background-repeat: round; }
  .sm-bg-repeat-space { background-repeat: space; }
  .sm-hover-bg-repeat-space:hover { background-repeat: space; }
  .sm-focus-bg-repeat-space:focus { background-repeat: space; }
  .sm-active-bg-repeat-space:active { background-repeat: space; }
  .sm-disabled-bg-repeat-space:disabled { background-repeat: space; }
  .sm-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  .sm-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  .sm-group:hover .sm-group-hover-bg-repeat-space { background-repeat: space; }
  .sm-bg-size-auto { background-size: auto; }
  .sm-hover-bg-size-auto:hover { background-size: auto; }
  .sm-focus-bg-size-auto:focus { background-size: auto; }
  .sm-active-bg-size-auto:active { background-size: auto; }
  .sm-disabled-bg-size-auto:disabled { background-size: auto; }
  .sm-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  .sm-focus-within-bg-size-auto:focus-within { background-size: auto; }
  .sm-group:hover .sm-group-hover-bg-size-auto { background-size: auto; }
  .sm-bg-size-cover { background-size: cover; }
  .sm-hover-bg-size-cover:hover { background-size: cover; }
  .sm-focus-bg-size-cover:focus { background-size: cover; }
  .sm-active-bg-size-cover:active { background-size: cover; }
  .sm-disabled-bg-size-cover:disabled { background-size: cover; }
  .sm-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  .sm-focus-within-bg-size-cover:focus-within { background-size: cover; }
  .sm-group:hover .sm-group-hover-bg-size-cover { background-size: cover; }
  .sm-bg-size-contain { background-size: contain; }
  .sm-hover-bg-size-contain:hover { background-size: contain; }
  .sm-focus-bg-size-contain:focus { background-size: contain; }
  .sm-active-bg-size-contain:active { background-size: contain; }
  .sm-disabled-bg-size-contain:disabled { background-size: contain; }
  .sm-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  .sm-focus-within-bg-size-contain:focus-within { background-size: contain; }
  .sm-group:hover .sm-group-hover-bg-size-contain { background-size: contain; }
  .sm-fill-current { fill: currentColor; }
  .sm-hover-fill-current:hover { fill: currentColor; }
  .sm-focus-fill-current:focus { fill: currentColor; }
  .sm-active-fill-current:active { fill: currentColor; }
  .sm-disabled-fill-current:disabled { fill: currentColor; }
  .sm-focus-visible-fill-current:focus-visible { fill: currentColor; }
  .sm-focus-within-fill-current:focus-within { fill: currentColor; }
  .sm-group:hover .sm-group-hover-fill-current { fill: currentColor; }
  .sm-fill-none { fill: none; }
  .sm-hover-fill-none:hover { fill: none; }
  .sm-focus-fill-none:focus { fill: none; }
  .sm-active-fill-none:active { fill: none; }
  .sm-disabled-fill-none:disabled { fill: none; }
  .sm-focus-visible-fill-none:focus-visible { fill: none; }
  .sm-focus-within-fill-none:focus-within { fill: none; }
  .sm-group:hover .sm-group-hover-fill-none { fill: none; }
  .sm-stroke-current { stroke: currentColor; }
  .sm-hover-stroke-current:hover { stroke: currentColor; }
  .sm-focus-stroke-current:focus { stroke: currentColor; }
  .sm-active-stroke-current:active { stroke: currentColor; }
  .sm-disabled-stroke-current:disabled { stroke: currentColor; }
  .sm-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  .sm-focus-within-stroke-current:focus-within { stroke: currentColor; }
  .sm-group:hover .sm-group-hover-stroke-current { stroke: currentColor; }
  .sm-stroke-0 { stroke-width: 0; }
  .sm-hover-stroke-0:hover { stroke-width: 0; }
  .sm-focus-stroke-0:focus { stroke-width: 0; }
  .sm-active-stroke-0:active { stroke-width: 0; }
  .sm-disabled-stroke-0:disabled { stroke-width: 0; }
  .sm-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  .sm-focus-within-stroke-0:focus-within { stroke-width: 0; }
  .sm-group:hover .sm-group-hover-stroke-0 { stroke-width: 0; }
  .sm-stroke-1 { stroke-width: 1; }
  .sm-hover-stroke-1:hover { stroke-width: 1; }
  .sm-focus-stroke-1:focus { stroke-width: 1; }
  .sm-active-stroke-1:active { stroke-width: 1; }
  .sm-disabled-stroke-1:disabled { stroke-width: 1; }
  .sm-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  .sm-focus-within-stroke-1:focus-within { stroke-width: 1; }
  .sm-group:hover .sm-group-hover-stroke-1 { stroke-width: 1; }
  .sm-stroke-2 { stroke-width: 2; }
  .sm-hover-stroke-2:hover { stroke-width: 2; }
  .sm-focus-stroke-2:focus { stroke-width: 2; }
  .sm-active-stroke-2:active { stroke-width: 2; }
  .sm-disabled-stroke-2:disabled { stroke-width: 2; }
  .sm-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  .sm-focus-within-stroke-2:focus-within { stroke-width: 2; }
  .sm-group:hover .sm-group-hover-stroke-2 { stroke-width: 2; }
  .sm-stroke-4 { stroke-width: 4; }
  .sm-hover-stroke-4:hover { stroke-width: 4; }
  .sm-focus-stroke-4:focus { stroke-width: 4; }
  .sm-active-stroke-4:active { stroke-width: 4; }
  .sm-disabled-stroke-4:disabled { stroke-width: 4; }
  .sm-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  .sm-focus-within-stroke-4:focus-within { stroke-width: 4; }
  .sm-group:hover .sm-group-hover-stroke-4 { stroke-width: 4; }
  .sm-stroke-8 { stroke-width: 8; }
  .sm-hover-stroke-8:hover { stroke-width: 8; }
  .sm-focus-stroke-8:focus { stroke-width: 8; }
  .sm-active-stroke-8:active { stroke-width: 8; }
  .sm-disabled-stroke-8:disabled { stroke-width: 8; }
  .sm-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  .sm-focus-within-stroke-8:focus-within { stroke-width: 8; }
  .sm-group:hover .sm-group-hover-stroke-8 { stroke-width: 8; }
  .sm-line-height-1 { line-height: 1; }
  .sm-hover-line-height-1:hover { line-height: 1; }
  .sm-focus-line-height-1:focus { line-height: 1; }
  .sm-active-line-height-1:active { line-height: 1; }
  .sm-disabled-line-height-1:disabled { line-height: 1; }
  .sm-focus-visible-line-height-1:focus-visible { line-height: 1; }
  .sm-focus-within-line-height-1:focus-within { line-height: 1; }
  .sm-group:hover .sm-group-hover-line-height-1 { line-height: 1; }
  .sm-line-height-2 { line-height: 1.25; }
  .sm-hover-line-height-2:hover { line-height: 1.25; }
  .sm-focus-line-height-2:focus { line-height: 1.25; }
  .sm-active-line-height-2:active { line-height: 1.25; }
  .sm-disabled-line-height-2:disabled { line-height: 1.25; }
  .sm-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  .sm-focus-within-line-height-2:focus-within { line-height: 1.25; }
  .sm-group:hover .sm-group-hover-line-height-2 { line-height: 1.25; }
  .sm-line-height-3 { line-height: 1.375; }
  .sm-hover-line-height-3:hover { line-height: 1.375; }
  .sm-focus-line-height-3:focus { line-height: 1.375; }
  .sm-active-line-height-3:active { line-height: 1.375; }
  .sm-disabled-line-height-3:disabled { line-height: 1.375; }
  .sm-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  .sm-focus-within-line-height-3:focus-within { line-height: 1.375; }
  .sm-group:hover .sm-group-hover-line-height-3 { line-height: 1.375; }
  .sm-line-height-4 { line-height: 1.5; }
  .sm-hover-line-height-4:hover { line-height: 1.5; }
  .sm-focus-line-height-4:focus { line-height: 1.5; }
  .sm-active-line-height-4:active { line-height: 1.5; }
  .sm-disabled-line-height-4:disabled { line-height: 1.5; }
  .sm-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  .sm-focus-within-line-height-4:focus-within { line-height: 1.5; }
  .sm-group:hover .sm-group-hover-line-height-4 { line-height: 1.5; }
  .sm-line-height-5 { line-height: 1.625; }
  .sm-hover-line-height-5:hover { line-height: 1.625; }
  .sm-focus-line-height-5:focus { line-height: 1.625; }
  .sm-active-line-height-5:active { line-height: 1.625; }
  .sm-disabled-line-height-5:disabled { line-height: 1.625; }
  .sm-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  .sm-focus-within-line-height-5:focus-within { line-height: 1.625; }
  .sm-group:hover .sm-group-hover-line-height-5 { line-height: 1.625; }
  .sm-line-height-6 { line-height: 1.75; }
  .sm-hover-line-height-6:hover { line-height: 1.75; }
  .sm-focus-line-height-6:focus { line-height: 1.75; }
  .sm-active-line-height-6:active { line-height: 1.75; }
  .sm-disabled-line-height-6:disabled { line-height: 1.75; }
  .sm-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  .sm-focus-within-line-height-6:focus-within { line-height: 1.75; }
  .sm-group:hover .sm-group-hover-line-height-6 { line-height: 1.75; }
  .sm-line-height-7 { line-height: 2; }
  .sm-hover-line-height-7:hover { line-height: 2; }
  .sm-focus-line-height-7:focus { line-height: 2; }
  .sm-active-line-height-7:active { line-height: 2; }
  .sm-disabled-line-height-7:disabled { line-height: 2; }
  .sm-focus-visible-line-height-7:focus-visible { line-height: 2; }
  .sm-focus-within-line-height-7:focus-within { line-height: 2; }
  .sm-group:hover .sm-group-hover-line-height-7 { line-height: 2; }
  .sm-text-left { text-align: left; }
  .sm-hover-text-left:hover { text-align: left; }
  .sm-focus-text-left:focus { text-align: left; }
  .sm-active-text-left:active { text-align: left; }
  .sm-disabled-text-left:disabled { text-align: left; }
  .sm-focus-visible-text-left:focus-visible { text-align: left; }
  .sm-focus-within-text-left:focus-within { text-align: left; }
  .sm-group:hover .sm-group-hover-text-left { text-align: left; }
  .sm-text-center { text-align: center; }
  .sm-hover-text-center:hover { text-align: center; }
  .sm-focus-text-center:focus { text-align: center; }
  .sm-active-text-center:active { text-align: center; }
  .sm-disabled-text-center:disabled { text-align: center; }
  .sm-focus-visible-text-center:focus-visible { text-align: center; }
  .sm-focus-within-text-center:focus-within { text-align: center; }
  .sm-group:hover .sm-group-hover-text-center { text-align: center; }
  .sm-text-right { text-align: right; }
  .sm-hover-text-right:hover { text-align: right; }
  .sm-focus-text-right:focus { text-align: right; }
  .sm-active-text-right:active { text-align: right; }
  .sm-disabled-text-right:disabled { text-align: right; }
  .sm-focus-visible-text-right:focus-visible { text-align: right; }
  .sm-focus-within-text-right:focus-within { text-align: right; }
  .sm-group:hover .sm-group-hover-text-right { text-align: right; }
  .sm-text-justify { text-align: justify; }
  .sm-hover-text-justify:hover { text-align: justify; }
  .sm-focus-text-justify:focus { text-align: justify; }
  .sm-active-text-justify:active { text-align: justify; }
  .sm-disabled-text-justify:disabled { text-align: justify; }
  .sm-focus-visible-text-justify:focus-visible { text-align: justify; }
  .sm-focus-within-text-justify:focus-within { text-align: justify; }
  .sm-group:hover .sm-group-hover-text-justify { text-align: justify; }
  .sm-justify-start { justify-content: flex-start; }
  .sm-hover-justify-start:hover { justify-content: flex-start; }
  .sm-focus-justify-start:focus { justify-content: flex-start; }
  .sm-active-justify-start:active { justify-content: flex-start; }
  .sm-disabled-justify-start:disabled { justify-content: flex-start; }
  .sm-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  .sm-focus-within-justify-start:focus-within { justify-content: flex-start; }
  .sm-group:hover .sm-group-hover-justify-start { justify-content: flex-start; }
  .sm-justify-center { justify-content: center; }
  .sm-hover-justify-center:hover { justify-content: center; }
  .sm-focus-justify-center:focus { justify-content: center; }
  .sm-active-justify-center:active { justify-content: center; }
  .sm-disabled-justify-center:disabled { justify-content: center; }
  .sm-focus-visible-justify-center:focus-visible { justify-content: center; }
  .sm-focus-within-justify-center:focus-within { justify-content: center; }
  .sm-group:hover .sm-group-hover-justify-center { justify-content: center; }
  .sm-justify-end { justify-content: flex-end; }
  .sm-hover-justify-end:hover { justify-content: flex-end; }
  .sm-focus-justify-end:focus { justify-content: flex-end; }
  .sm-active-justify-end:active { justify-content: flex-end; }
  .sm-disabled-justify-end:disabled { justify-content: flex-end; }
  .sm-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  .sm-focus-within-justify-end:focus-within { justify-content: flex-end; }
  .sm-group:hover .sm-group-hover-justify-end { justify-content: flex-end; }
  .sm-justify-between { justify-content: space-between; }
  .sm-hover-justify-between:hover { justify-content: space-between; }
  .sm-focus-justify-between:focus { justify-content: space-between; }
  .sm-active-justify-between:active { justify-content: space-between; }
  .sm-disabled-justify-between:disabled { justify-content: space-between; }
  .sm-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  .sm-focus-within-justify-between:focus-within { justify-content: space-between; }
  .sm-group:hover .sm-group-hover-justify-between { justify-content: space-between; }
  .sm-justify-around { justify-content: space-around; }
  .sm-hover-justify-around:hover { justify-content: space-around; }
  .sm-focus-justify-around:focus { justify-content: space-around; }
  .sm-active-justify-around:active { justify-content: space-around; }
  .sm-disabled-justify-around:disabled { justify-content: space-around; }
  .sm-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  .sm-focus-within-justify-around:focus-within { justify-content: space-around; }
  .sm-group:hover .sm-group-hover-justify-around { justify-content: space-around; }
  .sm-justify-evenly { justify-content: space-evenly; }
  .sm-hover-justify-evenly:hover { justify-content: space-evenly; }
  .sm-focus-justify-evenly:focus { justify-content: space-evenly; }
  .sm-active-justify-evenly:active { justify-content: space-evenly; }
  .sm-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  .sm-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  .sm-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  .sm-group:hover .sm-group-hover-justify-evenly { justify-content: space-evenly; }
  .sm-items-start { align-items: flex-start; }
  .sm-hover-items-start:hover { align-items: flex-start; }
  .sm-focus-items-start:focus { align-items: flex-start; }
  .sm-active-items-start:active { align-items: flex-start; }
  .sm-disabled-items-start:disabled { align-items: flex-start; }
  .sm-focus-visible-items-start:focus-visible { align-items: flex-start; }
  .sm-focus-within-items-start:focus-within { align-items: flex-start; }
  .sm-group:hover .sm-group-hover-items-start { align-items: flex-start; }
  .sm-items-center { align-items: center; }
  .sm-hover-items-center:hover { align-items: center; }
  .sm-focus-items-center:focus { align-items: center; }
  .sm-active-items-center:active { align-items: center; }
  .sm-disabled-items-center:disabled { align-items: center; }
  .sm-focus-visible-items-center:focus-visible { align-items: center; }
  .sm-focus-within-items-center:focus-within { align-items: center; }
  .sm-group:hover .sm-group-hover-items-center { align-items: center; }
  .sm-items-end { align-items: flex-end; }
  .sm-hover-items-end:hover { align-items: flex-end; }
  .sm-focus-items-end:focus { align-items: flex-end; }
  .sm-active-items-end:active { align-items: flex-end; }
  .sm-disabled-items-end:disabled { align-items: flex-end; }
  .sm-focus-visible-items-end:focus-visible { align-items: flex-end; }
  .sm-focus-within-items-end:focus-within { align-items: flex-end; }
  .sm-group:hover .sm-group-hover-items-end { align-items: flex-end; }
  .sm-items-baseline { align-items: baseline; }
  .sm-hover-items-baseline:hover { align-items: baseline; }
  .sm-focus-items-baseline:focus { align-items: baseline; }
  .sm-active-items-baseline:active { align-items: baseline; }
  .sm-disabled-items-baseline:disabled { align-items: baseline; }
  .sm-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  .sm-focus-within-items-baseline:focus-within { align-items: baseline; }
  .sm-group:hover .sm-group-hover-items-baseline { align-items: baseline; }
  .sm-items-stretch { align-items: stretch; }
  .sm-hover-items-stretch:hover { align-items: stretch; }
  .sm-focus-items-stretch:focus { align-items: stretch; }
  .sm-active-items-stretch:active { align-items: stretch; }
  .sm-disabled-items-stretch:disabled { align-items: stretch; }
  .sm-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  .sm-focus-within-items-stretch:focus-within { align-items: stretch; }
  .sm-group:hover .sm-group-hover-items-stretch { align-items: stretch; }
  .sm-content-start { align-content: flex-start; }
  .sm-hover-content-start:hover { align-content: flex-start; }
  .sm-focus-content-start:focus { align-content: flex-start; }
  .sm-active-content-start:active { align-content: flex-start; }
  .sm-disabled-content-start:disabled { align-content: flex-start; }
  .sm-focus-visible-content-start:focus-visible { align-content: flex-start; }
  .sm-focus-within-content-start:focus-within { align-content: flex-start; }
  .sm-group:hover .sm-group-hover-content-start { align-content: flex-start; }
  .sm-content-center { align-content: center; }
  .sm-hover-content-center:hover { align-content: center; }
  .sm-focus-content-center:focus { align-content: center; }
  .sm-active-content-center:active { align-content: center; }
  .sm-disabled-content-center:disabled { align-content: center; }
  .sm-focus-visible-content-center:focus-visible { align-content: center; }
  .sm-focus-within-content-center:focus-within { align-content: center; }
  .sm-group:hover .sm-group-hover-content-center { align-content: center; }
  .sm-content-end { align-content: flex-end; }
  .sm-hover-content-end:hover { align-content: flex-end; }
  .sm-focus-content-end:focus { align-content: flex-end; }
  .sm-active-content-end:active { align-content: flex-end; }
  .sm-disabled-content-end:disabled { align-content: flex-end; }
  .sm-focus-visible-content-end:focus-visible { align-content: flex-end; }
  .sm-focus-within-content-end:focus-within { align-content: flex-end; }
  .sm-group:hover .sm-group-hover-content-end { align-content: flex-end; }
  .sm-content-between { align-content: space-between; }
  .sm-hover-content-between:hover { align-content: space-between; }
  .sm-focus-content-between:focus { align-content: space-between; }
  .sm-active-content-between:active { align-content: space-between; }
  .sm-disabled-content-between:disabled { align-content: space-between; }
  .sm-focus-visible-content-between:focus-visible { align-content: space-between; }
  .sm-focus-within-content-between:focus-within { align-content: space-between; }
  .sm-group:hover .sm-group-hover-content-between { align-content: space-between; }
  .sm-content-around { align-content: space-around; }
  .sm-hover-content-around:hover { align-content: space-around; }
  .sm-focus-content-around:focus { align-content: space-around; }
  .sm-active-content-around:active { align-content: space-around; }
  .sm-disabled-content-around:disabled { align-content: space-around; }
  .sm-focus-visible-content-around:focus-visible { align-content: space-around; }
  .sm-focus-within-content-around:focus-within { align-content: space-around; }
  .sm-group:hover .sm-group-hover-content-around { align-content: space-around; }
  .sm-content-evenly { align-content: space-evenly; }
  .sm-hover-content-evenly:hover { align-content: space-evenly; }
  .sm-focus-content-evenly:focus { align-content: space-evenly; }
  .sm-active-content-evenly:active { align-content: space-evenly; }
  .sm-disabled-content-evenly:disabled { align-content: space-evenly; }
  .sm-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  .sm-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  .sm-group:hover .sm-group-hover-content-evenly { align-content: space-evenly; }
  .sm-self-auto { align-self: auto; }
  .sm-hover-self-auto:hover { align-self: auto; }
  .sm-focus-self-auto:focus { align-self: auto; }
  .sm-active-self-auto:active { align-self: auto; }
  .sm-disabled-self-auto:disabled { align-self: auto; }
  .sm-focus-visible-self-auto:focus-visible { align-self: auto; }
  .sm-focus-within-self-auto:focus-within { align-self: auto; }
  .sm-group:hover .sm-group-hover-self-auto { align-self: auto; }
  .sm-self-start { align-self: flex-start; }
  .sm-hover-self-start:hover { align-self: flex-start; }
  .sm-focus-self-start:focus { align-self: flex-start; }
  .sm-active-self-start:active { align-self: flex-start; }
  .sm-disabled-self-start:disabled { align-self: flex-start; }
  .sm-focus-visible-self-start:focus-visible { align-self: flex-start; }
  .sm-focus-within-self-start:focus-within { align-self: flex-start; }
  .sm-group:hover .sm-group-hover-self-start { align-self: flex-start; }
  .sm-self-center { align-self: center; }
  .sm-hover-self-center:hover { align-self: center; }
  .sm-focus-self-center:focus { align-self: center; }
  .sm-active-self-center:active { align-self: center; }
  .sm-disabled-self-center:disabled { align-self: center; }
  .sm-focus-visible-self-center:focus-visible { align-self: center; }
  .sm-focus-within-self-center:focus-within { align-self: center; }
  .sm-group:hover .sm-group-hover-self-center { align-self: center; }
  .sm-self-end { align-self: flex-end; }
  .sm-hover-self-end:hover { align-self: flex-end; }
  .sm-focus-self-end:focus { align-self: flex-end; }
  .sm-active-self-end:active { align-self: flex-end; }
  .sm-disabled-self-end:disabled { align-self: flex-end; }
  .sm-focus-visible-self-end:focus-visible { align-self: flex-end; }
  .sm-focus-within-self-end:focus-within { align-self: flex-end; }
  .sm-group:hover .sm-group-hover-self-end { align-self: flex-end; }
  .sm-self-stretch { align-self: stretch; }
  .sm-hover-self-stretch:hover { align-self: stretch; }
  .sm-focus-self-stretch:focus { align-self: stretch; }
  .sm-active-self-stretch:active { align-self: stretch; }
  .sm-disabled-self-stretch:disabled { align-self: stretch; }
  .sm-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  .sm-focus-within-self-stretch:focus-within { align-self: stretch; }
  .sm-group:hover .sm-group-hover-self-stretch { align-self: stretch; }
  .sm-place-items-start { place-items: start; }
  .sm-hover-place-items-start:hover { place-items: start; }
  .sm-focus-place-items-start:focus { place-items: start; }
  .sm-active-place-items-start:active { place-items: start; }
  .sm-disabled-place-items-start:disabled { place-items: start; }
  .sm-focus-visible-place-items-start:focus-visible { place-items: start; }
  .sm-focus-within-place-items-start:focus-within { place-items: start; }
  .sm-group:hover .sm-group-hover-place-items-start { place-items: start; }
  .sm-place-items-center { place-items: center; }
  .sm-hover-place-items-center:hover { place-items: center; }
  .sm-focus-place-items-center:focus { place-items: center; }
  .sm-active-place-items-center:active { place-items: center; }
  .sm-disabled-place-items-center:disabled { place-items: center; }
  .sm-focus-visible-place-items-center:focus-visible { place-items: center; }
  .sm-focus-within-place-items-center:focus-within { place-items: center; }
  .sm-group:hover .sm-group-hover-place-items-center { place-items: center; }
  .sm-place-items-end { place-items: end; }
  .sm-hover-place-items-end:hover { place-items: end; }
  .sm-focus-place-items-end:focus { place-items: end; }
  .sm-active-place-items-end:active { place-items: end; }
  .sm-disabled-place-items-end:disabled { place-items: end; }
  .sm-focus-visible-place-items-end:focus-visible { place-items: end; }
  .sm-focus-within-place-items-end:focus-within { place-items: end; }
  .sm-group:hover .sm-group-hover-place-items-end { place-items: end; }
  .sm-place-items-stretch { place-items: stretch; }
  .sm-hover-place-items-stretch:hover { place-items: stretch; }
  .sm-focus-place-items-stretch:focus { place-items: stretch; }
  .sm-active-place-items-stretch:active { place-items: stretch; }
  .sm-disabled-place-items-stretch:disabled { place-items: stretch; }
  .sm-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  .sm-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  .sm-group:hover .sm-group-hover-place-items-stretch { place-items: stretch; }
  .sm-place-content-start { place-content: start; }
  .sm-hover-place-content-start:hover { place-content: start; }
  .sm-focus-place-content-start:focus { place-content: start; }
  .sm-active-place-content-start:active { place-content: start; }
  .sm-disabled-place-content-start:disabled { place-content: start; }
  .sm-focus-visible-place-content-start:focus-visible { place-content: start; }
  .sm-focus-within-place-content-start:focus-within { place-content: start; }
  .sm-group:hover .sm-group-hover-place-content-start { place-content: start; }
  .sm-place-content-center { place-content: center; }
  .sm-hover-place-content-center:hover { place-content: center; }
  .sm-focus-place-content-center:focus { place-content: center; }
  .sm-active-place-content-center:active { place-content: center; }
  .sm-disabled-place-content-center:disabled { place-content: center; }
  .sm-focus-visible-place-content-center:focus-visible { place-content: center; }
  .sm-focus-within-place-content-center:focus-within { place-content: center; }
  .sm-group:hover .sm-group-hover-place-content-center { place-content: center; }
  .sm-place-content-end { place-content: end; }
  .sm-hover-place-content-end:hover { place-content: end; }
  .sm-focus-place-content-end:focus { place-content: end; }
  .sm-active-place-content-end:active { place-content: end; }
  .sm-disabled-place-content-end:disabled { place-content: end; }
  .sm-focus-visible-place-content-end:focus-visible { place-content: end; }
  .sm-focus-within-place-content-end:focus-within { place-content: end; }
  .sm-group:hover .sm-group-hover-place-content-end { place-content: end; }
  .sm-place-content-between { place-content: space-between; }
  .sm-hover-place-content-between:hover { place-content: space-between; }
  .sm-focus-place-content-between:focus { place-content: space-between; }
  .sm-active-place-content-between:active { place-content: space-between; }
  .sm-disabled-place-content-between:disabled { place-content: space-between; }
  .sm-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  .sm-focus-within-place-content-between:focus-within { place-content: space-between; }
  .sm-group:hover .sm-group-hover-place-content-between { place-content: space-between; }
  .sm-place-content-around { place-content: space-around; }
  .sm-hover-place-content-around:hover { place-content: space-around; }
  .sm-focus-place-content-around:focus { place-content: space-around; }
  .sm-active-place-content-around:active { place-content: space-around; }
  .sm-disabled-place-content-around:disabled { place-content: space-around; }
  .sm-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  .sm-focus-within-place-content-around:focus-within { place-content: space-around; }
  .sm-group:hover .sm-group-hover-place-content-around { place-content: space-around; }
  .sm-place-self-auto { place-self: auto; }
  .sm-hover-place-self-auto:hover { place-self: auto; }
  .sm-focus-place-self-auto:focus { place-self: auto; }
  .sm-active-place-self-auto:active { place-self: auto; }
  .sm-disabled-place-self-auto:disabled { place-self: auto; }
  .sm-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  .sm-focus-within-place-self-auto:focus-within { place-self: auto; }
  .sm-group:hover .sm-group-hover-place-self-auto { place-self: auto; }
  .sm-place-self-start { place-self: start; }
  .sm-hover-place-self-start:hover { place-self: start; }
  .sm-focus-place-self-start:focus { place-self: start; }
  .sm-active-place-self-start:active { place-self: start; }
  .sm-disabled-place-self-start:disabled { place-self: start; }
  .sm-focus-visible-place-self-start:focus-visible { place-self: start; }
  .sm-focus-within-place-self-start:focus-within { place-self: start; }
  .sm-group:hover .sm-group-hover-place-self-start { place-self: start; }
  .sm-place-self-center { place-self: center; }
  .sm-hover-place-self-center:hover { place-self: center; }
  .sm-focus-place-self-center:focus { place-self: center; }
  .sm-active-place-self-center:active { place-self: center; }
  .sm-disabled-place-self-center:disabled { place-self: center; }
  .sm-focus-visible-place-self-center:focus-visible { place-self: center; }
  .sm-focus-within-place-self-center:focus-within { place-self: center; }
  .sm-group:hover .sm-group-hover-place-self-center { place-self: center; }
  .sm-place-self-end { place-self: end; }
  .sm-hover-place-self-end:hover { place-self: end; }
  .sm-focus-place-self-end:focus { place-self: end; }
  .sm-active-place-self-end:active { place-self: end; }
  .sm-disabled-place-self-end:disabled { place-self: end; }
  .sm-focus-visible-place-self-end:focus-visible { place-self: end; }
  .sm-focus-within-place-self-end:focus-within { place-self: end; }
  .sm-group:hover .sm-group-hover-place-self-end { place-self: end; }
  .sm-text-uppercase { text-transform: uppercase; }
  .sm-hover-text-uppercase:hover { text-transform: uppercase; }
  .sm-focus-text-uppercase:focus { text-transform: uppercase; }
  .sm-active-text-uppercase:active { text-transform: uppercase; }
  .sm-disabled-text-uppercase:disabled { text-transform: uppercase; }
  .sm-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  .sm-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  .sm-group:hover .sm-group-hover-text-uppercase { text-transform: uppercase; }
  .sm-text-lowercase { text-transform: lowercase; }
  .sm-hover-text-lowercase:hover { text-transform: lowercase; }
  .sm-focus-text-lowercase:focus { text-transform: lowercase; }
  .sm-active-text-lowercase:active { text-transform: lowercase; }
  .sm-disabled-text-lowercase:disabled { text-transform: lowercase; }
  .sm-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  .sm-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  .sm-group:hover .sm-group-hover-text-lowercase { text-transform: lowercase; }
  .sm-text-capitalize { text-transform: capitalize; }
  .sm-hover-text-capitalize:hover { text-transform: capitalize; }
  .sm-focus-text-capitalize:focus { text-transform: capitalize; }
  .sm-active-text-capitalize:active { text-transform: capitalize; }
  .sm-disabled-text-capitalize:disabled { text-transform: capitalize; }
  .sm-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  .sm-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  .sm-group:hover .sm-group-hover-text-capitalize { text-transform: capitalize; }
  .sm-tracking-tight { letter-spacing: -0.05em; }
  .sm-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  .sm-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  .sm-active-tracking-tight:active { letter-spacing: -0.05em; }
  .sm-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  .sm-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  .sm-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  .sm-group:hover .sm-group-hover-tracking-tight { letter-spacing: -0.05em; }
  .sm-tracking-normal { letter-spacing: 0; }
  .sm-hover-tracking-normal:hover { letter-spacing: 0; }
  .sm-focus-tracking-normal:focus { letter-spacing: 0; }
  .sm-active-tracking-normal:active { letter-spacing: 0; }
  .sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .sm-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .sm-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .sm-group:hover .sm-group-hover-tracking-normal { letter-spacing: 0; }
  .sm-tracking-wide { letter-spacing: 0.05em; }
  .sm-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  .sm-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  .sm-active-tracking-wide:active { letter-spacing: 0.05em; }
  .sm-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  .sm-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  .sm-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  .sm-group:hover .sm-group-hover-tracking-wide { letter-spacing: 0.05em; }
  .sm-underline { text-decoration: underline; }
  .sm-hover-underline:hover { text-decoration: underline; }
  .sm-focus-underline:focus { text-decoration: underline; }
  .sm-active-underline:active { text-decoration: underline; }
  .sm-disabled-underline:disabled { text-decoration: underline; }
  .sm-focus-visible-underline:focus-visible { text-decoration: underline; }
  .sm-focus-within-underline:focus-within { text-decoration: underline; }
  .sm-group:hover .sm-group-hover-underline { text-decoration: underline; }
  .sm-line-through { text-decoration: line-through; }
  .sm-hover-line-through:hover { text-decoration: line-through; }
  .sm-focus-line-through:focus { text-decoration: line-through; }
  .sm-active-line-through:active { text-decoration: line-through; }
  .sm-disabled-line-through:disabled { text-decoration: line-through; }
  .sm-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  .sm-focus-within-line-through:focus-within { text-decoration: line-through; }
  .sm-group:hover .sm-group-hover-line-through { text-decoration: line-through; }
  .sm-no-underline { text-decoration: none; }
  .sm-hover-no-underline:hover { text-decoration: none; }
  .sm-focus-no-underline:focus { text-decoration: none; }
  .sm-active-no-underline:active { text-decoration: none; }
  .sm-disabled-no-underline:disabled { text-decoration: none; }
  .sm-focus-visible-no-underline:focus-visible { text-decoration: none; }
  .sm-focus-within-no-underline:focus-within { text-decoration: none; }
  .sm-group:hover .sm-group-hover-no-underline { text-decoration: none; }
  .sm-text-black { color: var(--black); }
  .sm-hover-text-black:hover { color: var(--black); }
  .sm-focus-text-black:focus { color: var(--black); }
  .sm-active-text-black:active { color: var(--black); }
  .sm-disabled-text-black:disabled { color: var(--black); }
  .sm-focus-visible-text-black:focus-visible { color: var(--black); }
  .sm-focus-within-text-black:focus-within { color: var(--black); }
  .sm-group:hover .sm-group-hover-text-black { color: var(--black); }
  .sm-text-white { color: var(--white); }
  .sm-hover-text-white:hover { color: var(--white); }
  .sm-focus-text-white:focus { color: var(--white); }
  .sm-active-text-white:active { color: var(--white); }
  .sm-disabled-text-white:disabled { color: var(--white); }
  .sm-focus-visible-text-white:focus-visible { color: var(--white); }
  .sm-focus-within-text-white:focus-within { color: var(--white); }
  .sm-group:hover .sm-group-hover-text-white { color: var(--white); }
  .sm-text-red-50 { color: var(--quanta-red-50); }
  .sm-hover-text-red-50:hover { color: var(--quanta-red-50); }
  .sm-focus-text-red-50:focus { color: var(--quanta-red-50); }
  .sm-active-text-red-50:active { color: var(--quanta-red-50); }
  .sm-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  .sm-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  .sm-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-text-red-50 { color: var(--quanta-red-50); }
  .sm-text-red-100 { color: var(--quanta-red-100); }
  .sm-hover-text-red-100:hover { color: var(--quanta-red-100); }
  .sm-focus-text-red-100:focus { color: var(--quanta-red-100); }
  .sm-active-text-red-100:active { color: var(--quanta-red-100); }
  .sm-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  .sm-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  .sm-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-text-red-100 { color: var(--quanta-red-100); }
  .sm-text-red-200 { color: var(--quanta-red-200); }
  .sm-hover-text-red-200:hover { color: var(--quanta-red-200); }
  .sm-focus-text-red-200:focus { color: var(--quanta-red-200); }
  .sm-active-text-red-200:active { color: var(--quanta-red-200); }
  .sm-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  .sm-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  .sm-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-text-red-200 { color: var(--quanta-red-200); }
  .sm-text-red-300 { color: var(--quanta-red-300); }
  .sm-hover-text-red-300:hover { color: var(--quanta-red-300); }
  .sm-focus-text-red-300:focus { color: var(--quanta-red-300); }
  .sm-active-text-red-300:active { color: var(--quanta-red-300); }
  .sm-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  .sm-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  .sm-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-text-red-300 { color: var(--quanta-red-300); }
  .sm-text-red-400 { color: var(--quanta-red-400); }
  .sm-hover-text-red-400:hover { color: var(--quanta-red-400); }
  .sm-focus-text-red-400:focus { color: var(--quanta-red-400); }
  .sm-active-text-red-400:active { color: var(--quanta-red-400); }
  .sm-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  .sm-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  .sm-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-text-red-400 { color: var(--quanta-red-400); }
  .sm-text-red-500 { color: var(--quanta-red-500); }
  .sm-hover-text-red-500:hover { color: var(--quanta-red-500); }
  .sm-focus-text-red-500:focus { color: var(--quanta-red-500); }
  .sm-active-text-red-500:active { color: var(--quanta-red-500); }
  .sm-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  .sm-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  .sm-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-text-red-500 { color: var(--quanta-red-500); }
  .sm-text-red-600 { color: var(--quanta-red-600); }
  .sm-hover-text-red-600:hover { color: var(--quanta-red-600); }
  .sm-focus-text-red-600:focus { color: var(--quanta-red-600); }
  .sm-active-text-red-600:active { color: var(--quanta-red-600); }
  .sm-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  .sm-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  .sm-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-text-red-600 { color: var(--quanta-red-600); }
  .sm-text-red-700 { color: var(--quanta-red-700); }
  .sm-hover-text-red-700:hover { color: var(--quanta-red-700); }
  .sm-focus-text-red-700:focus { color: var(--quanta-red-700); }
  .sm-active-text-red-700:active { color: var(--quanta-red-700); }
  .sm-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  .sm-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  .sm-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-text-red-700 { color: var(--quanta-red-700); }
  .sm-text-red-800 { color: var(--quanta-red-800); }
  .sm-hover-text-red-800:hover { color: var(--quanta-red-800); }
  .sm-focus-text-red-800:focus { color: var(--quanta-red-800); }
  .sm-active-text-red-800:active { color: var(--quanta-red-800); }
  .sm-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  .sm-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  .sm-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-text-red-800 { color: var(--quanta-red-800); }
  .sm-text-red-900 { color: var(--quanta-red-900); }
  .sm-hover-text-red-900:hover { color: var(--quanta-red-900); }
  .sm-focus-text-red-900:focus { color: var(--quanta-red-900); }
  .sm-active-text-red-900:active { color: var(--quanta-red-900); }
  .sm-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  .sm-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  .sm-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-text-red-900 { color: var(--quanta-red-900); }
  .sm-text-orange-50 { color: var(--quanta-orange-50); }
  .sm-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  .sm-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  .sm-active-text-orange-50:active { color: var(--quanta-orange-50); }
  .sm-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  .sm-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  .sm-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  .sm-text-orange-100 { color: var(--quanta-orange-100); }
  .sm-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  .sm-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  .sm-active-text-orange-100:active { color: var(--quanta-orange-100); }
  .sm-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  .sm-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  .sm-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  .sm-text-orange-200 { color: var(--quanta-orange-200); }
  .sm-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  .sm-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  .sm-active-text-orange-200:active { color: var(--quanta-orange-200); }
  .sm-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  .sm-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  .sm-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  .sm-text-orange-300 { color: var(--quanta-orange-300); }
  .sm-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  .sm-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  .sm-active-text-orange-300:active { color: var(--quanta-orange-300); }
  .sm-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  .sm-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  .sm-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  .sm-text-orange-400 { color: var(--quanta-orange-400); }
  .sm-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  .sm-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  .sm-active-text-orange-400:active { color: var(--quanta-orange-400); }
  .sm-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  .sm-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  .sm-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  .sm-text-orange-500 { color: var(--quanta-orange-500); }
  .sm-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  .sm-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  .sm-active-text-orange-500:active { color: var(--quanta-orange-500); }
  .sm-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  .sm-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  .sm-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  .sm-text-orange-600 { color: var(--quanta-orange-600); }
  .sm-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  .sm-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  .sm-active-text-orange-600:active { color: var(--quanta-orange-600); }
  .sm-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  .sm-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  .sm-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  .sm-text-orange-700 { color: var(--quanta-orange-700); }
  .sm-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  .sm-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  .sm-active-text-orange-700:active { color: var(--quanta-orange-700); }
  .sm-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  .sm-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  .sm-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  .sm-text-orange-800 { color: var(--quanta-orange-800); }
  .sm-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  .sm-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  .sm-active-text-orange-800:active { color: var(--quanta-orange-800); }
  .sm-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  .sm-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  .sm-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  .sm-text-orange-900 { color: var(--quanta-orange-900); }
  .sm-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  .sm-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  .sm-active-text-orange-900:active { color: var(--quanta-orange-900); }
  .sm-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  .sm-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  .sm-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  .sm-text-teal-50 { color: var(--quanta-teal-50); }
  .sm-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  .sm-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  .sm-active-text-teal-50:active { color: var(--quanta-teal-50); }
  .sm-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  .sm-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  .sm-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  .sm-text-teal-100 { color: var(--quanta-teal-100); }
  .sm-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  .sm-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  .sm-active-text-teal-100:active { color: var(--quanta-teal-100); }
  .sm-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  .sm-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  .sm-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  .sm-text-teal-200 { color: var(--quanta-teal-200); }
  .sm-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  .sm-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  .sm-active-text-teal-200:active { color: var(--quanta-teal-200); }
  .sm-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  .sm-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  .sm-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  .sm-text-teal-300 { color: var(--quanta-teal-300); }
  .sm-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  .sm-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  .sm-active-text-teal-300:active { color: var(--quanta-teal-300); }
  .sm-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  .sm-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  .sm-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  .sm-text-teal-400 { color: var(--quanta-teal-400); }
  .sm-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  .sm-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  .sm-active-text-teal-400:active { color: var(--quanta-teal-400); }
  .sm-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  .sm-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  .sm-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  .sm-text-teal-500 { color: var(--quanta-teal-500); }
  .sm-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  .sm-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  .sm-active-text-teal-500:active { color: var(--quanta-teal-500); }
  .sm-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  .sm-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  .sm-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  .sm-text-teal-600 { color: var(--quanta-teal-600); }
  .sm-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  .sm-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  .sm-active-text-teal-600:active { color: var(--quanta-teal-600); }
  .sm-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  .sm-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  .sm-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  .sm-text-teal-700 { color: var(--quanta-teal-700); }
  .sm-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  .sm-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  .sm-active-text-teal-700:active { color: var(--quanta-teal-700); }
  .sm-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  .sm-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  .sm-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  .sm-text-teal-800 { color: var(--quanta-teal-800); }
  .sm-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  .sm-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  .sm-active-text-teal-800:active { color: var(--quanta-teal-800); }
  .sm-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  .sm-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  .sm-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  .sm-text-teal-900 { color: var(--quanta-teal-900); }
  .sm-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  .sm-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  .sm-active-text-teal-900:active { color: var(--quanta-teal-900); }
  .sm-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  .sm-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  .sm-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  .sm-text-purple-50 { color: var(--quanta-purple-50); }
  .sm-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  .sm-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  .sm-active-text-purple-50:active { color: var(--quanta-purple-50); }
  .sm-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  .sm-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  .sm-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  .sm-text-purple-100 { color: var(--quanta-purple-100); }
  .sm-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  .sm-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  .sm-active-text-purple-100:active { color: var(--quanta-purple-100); }
  .sm-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  .sm-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  .sm-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  .sm-text-purple-200 { color: var(--quanta-purple-200); }
  .sm-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  .sm-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  .sm-active-text-purple-200:active { color: var(--quanta-purple-200); }
  .sm-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  .sm-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  .sm-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  .sm-text-purple-300 { color: var(--quanta-purple-300); }
  .sm-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  .sm-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  .sm-active-text-purple-300:active { color: var(--quanta-purple-300); }
  .sm-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  .sm-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  .sm-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  .sm-text-purple-400 { color: var(--quanta-purple-400); }
  .sm-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  .sm-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  .sm-active-text-purple-400:active { color: var(--quanta-purple-400); }
  .sm-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  .sm-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  .sm-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  .sm-text-purple-500 { color: var(--quanta-purple-500); }
  .sm-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  .sm-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  .sm-active-text-purple-500:active { color: var(--quanta-purple-500); }
  .sm-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  .sm-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  .sm-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  .sm-text-purple-600 { color: var(--quanta-purple-600); }
  .sm-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  .sm-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  .sm-active-text-purple-600:active { color: var(--quanta-purple-600); }
  .sm-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  .sm-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  .sm-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  .sm-text-purple-700 { color: var(--quanta-purple-700); }
  .sm-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  .sm-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  .sm-active-text-purple-700:active { color: var(--quanta-purple-700); }
  .sm-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  .sm-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  .sm-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  .sm-text-purple-800 { color: var(--quanta-purple-800); }
  .sm-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  .sm-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  .sm-active-text-purple-800:active { color: var(--quanta-purple-800); }
  .sm-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  .sm-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  .sm-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  .sm-text-purple-900 { color: var(--quanta-purple-900); }
  .sm-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  .sm-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  .sm-active-text-purple-900:active { color: var(--quanta-purple-900); }
  .sm-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  .sm-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  .sm-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  .sm-text-indigo-50 { color: var(--quanta-indigo-50); }
  .sm-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  .sm-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  .sm-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  .sm-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  .sm-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  .sm-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  .sm-text-indigo-100 { color: var(--quanta-indigo-100); }
  .sm-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  .sm-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  .sm-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  .sm-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  .sm-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  .sm-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  .sm-text-indigo-200 { color: var(--quanta-indigo-200); }
  .sm-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  .sm-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  .sm-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  .sm-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  .sm-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  .sm-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  .sm-text-indigo-300 { color: var(--quanta-indigo-300); }
  .sm-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  .sm-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  .sm-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  .sm-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  .sm-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  .sm-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  .sm-text-indigo-400 { color: var(--quanta-indigo-400); }
  .sm-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  .sm-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  .sm-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  .sm-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  .sm-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  .sm-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  .sm-text-indigo-500 { color: var(--quanta-indigo-500); }
  .sm-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  .sm-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  .sm-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  .sm-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  .sm-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  .sm-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  .sm-text-indigo-600 { color: var(--quanta-indigo-600); }
  .sm-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  .sm-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  .sm-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  .sm-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  .sm-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  .sm-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  .sm-text-indigo-700 { color: var(--quanta-indigo-700); }
  .sm-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  .sm-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  .sm-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  .sm-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  .sm-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  .sm-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  .sm-text-indigo-800 { color: var(--quanta-indigo-800); }
  .sm-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  .sm-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  .sm-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  .sm-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  .sm-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  .sm-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  .sm-text-indigo-900 { color: var(--quanta-indigo-900); }
  .sm-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  .sm-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  .sm-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  .sm-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  .sm-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  .sm-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  .sm-text-yellow-50 { color: var(--quanta-yellow-50); }
  .sm-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  .sm-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  .sm-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  .sm-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  .sm-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  .sm-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  .sm-text-yellow-100 { color: var(--quanta-yellow-100); }
  .sm-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  .sm-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  .sm-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  .sm-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  .sm-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  .sm-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  .sm-text-yellow-200 { color: var(--quanta-yellow-200); }
  .sm-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  .sm-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  .sm-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  .sm-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  .sm-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  .sm-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  .sm-text-yellow-300 { color: var(--quanta-yellow-300); }
  .sm-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  .sm-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  .sm-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  .sm-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  .sm-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  .sm-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  .sm-text-yellow-400 { color: var(--quanta-yellow-400); }
  .sm-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  .sm-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  .sm-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  .sm-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  .sm-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  .sm-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  .sm-text-yellow-500 { color: var(--quanta-yellow-500); }
  .sm-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  .sm-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  .sm-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  .sm-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  .sm-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  .sm-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  .sm-text-yellow-600 { color: var(--quanta-yellow-600); }
  .sm-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  .sm-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  .sm-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  .sm-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  .sm-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  .sm-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  .sm-text-yellow-700 { color: var(--quanta-yellow-700); }
  .sm-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  .sm-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  .sm-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  .sm-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  .sm-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  .sm-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  .sm-text-yellow-800 { color: var(--quanta-yellow-800); }
  .sm-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  .sm-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  .sm-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  .sm-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  .sm-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  .sm-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  .sm-text-yellow-900 { color: var(--quanta-yellow-900); }
  .sm-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  .sm-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  .sm-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  .sm-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  .sm-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  .sm-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  .sm-text-pink-50 { color: var(--quanta-pink-50); }
  .sm-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  .sm-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  .sm-active-text-pink-50:active { color: var(--quanta-pink-50); }
  .sm-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  .sm-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  .sm-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  .sm-text-pink-100 { color: var(--quanta-pink-100); }
  .sm-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  .sm-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  .sm-active-text-pink-100:active { color: var(--quanta-pink-100); }
  .sm-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  .sm-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  .sm-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  .sm-text-pink-200 { color: var(--quanta-pink-200); }
  .sm-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  .sm-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  .sm-active-text-pink-200:active { color: var(--quanta-pink-200); }
  .sm-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  .sm-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  .sm-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  .sm-text-pink-300 { color: var(--quanta-pink-300); }
  .sm-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  .sm-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  .sm-active-text-pink-300:active { color: var(--quanta-pink-300); }
  .sm-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  .sm-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  .sm-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  .sm-text-pink-400 { color: var(--quanta-pink-400); }
  .sm-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  .sm-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  .sm-active-text-pink-400:active { color: var(--quanta-pink-400); }
  .sm-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  .sm-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  .sm-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  .sm-text-pink-500 { color: var(--quanta-pink-500); }
  .sm-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  .sm-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  .sm-active-text-pink-500:active { color: var(--quanta-pink-500); }
  .sm-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  .sm-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  .sm-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  .sm-text-pink-600 { color: var(--quanta-pink-600); }
  .sm-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  .sm-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  .sm-active-text-pink-600:active { color: var(--quanta-pink-600); }
  .sm-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  .sm-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  .sm-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  .sm-text-pink-700 { color: var(--quanta-pink-700); }
  .sm-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  .sm-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  .sm-active-text-pink-700:active { color: var(--quanta-pink-700); }
  .sm-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  .sm-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  .sm-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  .sm-text-pink-800 { color: var(--quanta-pink-800); }
  .sm-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  .sm-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  .sm-active-text-pink-800:active { color: var(--quanta-pink-800); }
  .sm-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  .sm-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  .sm-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  .sm-text-pink-900 { color: var(--quanta-pink-900); }
  .sm-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  .sm-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  .sm-active-text-pink-900:active { color: var(--quanta-pink-900); }
  .sm-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  .sm-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  .sm-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  .sm-text-grey-50 { color: var(--quanta-grey-50); }
  .sm-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  .sm-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  .sm-active-text-grey-50:active { color: var(--quanta-grey-50); }
  .sm-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  .sm-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  .sm-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  .sm-text-grey-100 { color: var(--quanta-grey-100); }
  .sm-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  .sm-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  .sm-active-text-grey-100:active { color: var(--quanta-grey-100); }
  .sm-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  .sm-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  .sm-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  .sm-text-grey-200 { color: var(--quanta-grey-200); }
  .sm-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  .sm-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  .sm-active-text-grey-200:active { color: var(--quanta-grey-200); }
  .sm-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  .sm-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  .sm-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  .sm-text-grey-300 { color: var(--quanta-grey-300); }
  .sm-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  .sm-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  .sm-active-text-grey-300:active { color: var(--quanta-grey-300); }
  .sm-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  .sm-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  .sm-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  .sm-text-grey-400 { color: var(--quanta-grey-400); }
  .sm-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  .sm-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  .sm-active-text-grey-400:active { color: var(--quanta-grey-400); }
  .sm-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  .sm-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  .sm-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  .sm-text-grey-500 { color: var(--quanta-grey-500); }
  .sm-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  .sm-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  .sm-active-text-grey-500:active { color: var(--quanta-grey-500); }
  .sm-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  .sm-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  .sm-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  .sm-text-grey-600 { color: var(--quanta-grey-600); }
  .sm-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  .sm-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  .sm-active-text-grey-600:active { color: var(--quanta-grey-600); }
  .sm-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  .sm-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  .sm-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  .sm-text-grey-700 { color: var(--quanta-grey-700); }
  .sm-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  .sm-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  .sm-active-text-grey-700:active { color: var(--quanta-grey-700); }
  .sm-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  .sm-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  .sm-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  .sm-text-grey-800 { color: var(--quanta-grey-800); }
  .sm-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  .sm-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  .sm-active-text-grey-800:active { color: var(--quanta-grey-800); }
  .sm-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  .sm-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  .sm-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  .sm-text-grey-900 { color: var(--quanta-grey-900); }
  .sm-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  .sm-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  .sm-active-text-grey-900:active { color: var(--quanta-grey-900); }
  .sm-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  .sm-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  .sm-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  .sm-text-zinc-50 { color: var(--quanta-zinc-50); }
  .sm-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  .sm-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  .sm-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  .sm-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  .sm-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  .sm-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  .sm-text-zinc-100 { color: var(--quanta-zinc-100); }
  .sm-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  .sm-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  .sm-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  .sm-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  .sm-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  .sm-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  .sm-text-zinc-200 { color: var(--quanta-zinc-200); }
  .sm-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  .sm-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  .sm-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  .sm-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  .sm-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  .sm-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  .sm-text-zinc-300 { color: var(--quanta-zinc-300); }
  .sm-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  .sm-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  .sm-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  .sm-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  .sm-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  .sm-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  .sm-text-zinc-400 { color: var(--quanta-zinc-400); }
  .sm-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  .sm-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  .sm-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  .sm-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  .sm-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  .sm-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  .sm-text-zinc-500 { color: var(--quanta-zinc-500); }
  .sm-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  .sm-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  .sm-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  .sm-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  .sm-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  .sm-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  .sm-text-zinc-600 { color: var(--quanta-zinc-600); }
  .sm-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  .sm-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  .sm-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  .sm-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  .sm-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  .sm-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  .sm-text-zinc-700 { color: var(--quanta-zinc-700); }
  .sm-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  .sm-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  .sm-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  .sm-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  .sm-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  .sm-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  .sm-text-zinc-800 { color: var(--quanta-zinc-800); }
  .sm-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  .sm-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  .sm-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  .sm-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  .sm-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  .sm-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  .sm-text-zinc-900 { color: var(--quanta-zinc-900); }
  .sm-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  .sm-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  .sm-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  .sm-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  .sm-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  .sm-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  .sm-text-neutral-50 { color: var(--quanta-neutral-50); }
  .sm-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  .sm-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  .sm-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  .sm-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  .sm-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  .sm-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  .sm-text-neutral-100 { color: var(--quanta-neutral-100); }
  .sm-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  .sm-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  .sm-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  .sm-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  .sm-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  .sm-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  .sm-text-neutral-200 { color: var(--quanta-neutral-200); }
  .sm-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  .sm-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  .sm-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  .sm-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  .sm-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  .sm-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  .sm-text-neutral-300 { color: var(--quanta-neutral-300); }
  .sm-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  .sm-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  .sm-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  .sm-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  .sm-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  .sm-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  .sm-text-neutral-400 { color: var(--quanta-neutral-400); }
  .sm-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  .sm-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  .sm-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  .sm-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  .sm-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  .sm-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  .sm-text-neutral-500 { color: var(--quanta-neutral-500); }
  .sm-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  .sm-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  .sm-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  .sm-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  .sm-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  .sm-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  .sm-text-neutral-600 { color: var(--quanta-neutral-600); }
  .sm-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  .sm-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  .sm-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  .sm-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  .sm-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  .sm-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  .sm-text-neutral-700 { color: var(--quanta-neutral-700); }
  .sm-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  .sm-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  .sm-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  .sm-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  .sm-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  .sm-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  .sm-text-neutral-800 { color: var(--quanta-neutral-800); }
  .sm-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  .sm-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  .sm-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  .sm-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  .sm-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  .sm-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  .sm-text-neutral-900 { color: var(--quanta-neutral-900); }
  .sm-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  .sm-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  .sm-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  .sm-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  .sm-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  .sm-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  .sm-text-lime-50 { color: var(--quanta-lime-50); }
  .sm-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  .sm-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  .sm-active-text-lime-50:active { color: var(--quanta-lime-50); }
  .sm-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  .sm-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  .sm-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  .sm-text-lime-100 { color: var(--quanta-lime-100); }
  .sm-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  .sm-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  .sm-active-text-lime-100:active { color: var(--quanta-lime-100); }
  .sm-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  .sm-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  .sm-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  .sm-text-lime-200 { color: var(--quanta-lime-200); }
  .sm-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  .sm-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  .sm-active-text-lime-200:active { color: var(--quanta-lime-200); }
  .sm-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  .sm-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  .sm-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  .sm-text-lime-300 { color: var(--quanta-lime-300); }
  .sm-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  .sm-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  .sm-active-text-lime-300:active { color: var(--quanta-lime-300); }
  .sm-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  .sm-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  .sm-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  .sm-text-lime-400 { color: var(--quanta-lime-400); }
  .sm-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  .sm-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  .sm-active-text-lime-400:active { color: var(--quanta-lime-400); }
  .sm-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  .sm-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  .sm-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  .sm-text-lime-500 { color: var(--quanta-lime-500); }
  .sm-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  .sm-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  .sm-active-text-lime-500:active { color: var(--quanta-lime-500); }
  .sm-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  .sm-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  .sm-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  .sm-text-lime-600 { color: var(--quanta-lime-600); }
  .sm-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  .sm-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  .sm-active-text-lime-600:active { color: var(--quanta-lime-600); }
  .sm-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  .sm-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  .sm-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  .sm-text-lime-700 { color: var(--quanta-lime-700); }
  .sm-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  .sm-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  .sm-active-text-lime-700:active { color: var(--quanta-lime-700); }
  .sm-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  .sm-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  .sm-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  .sm-text-lime-800 { color: var(--quanta-lime-800); }
  .sm-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  .sm-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  .sm-active-text-lime-800:active { color: var(--quanta-lime-800); }
  .sm-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  .sm-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  .sm-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  .sm-text-lime-900 { color: var(--quanta-lime-900); }
  .sm-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  .sm-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  .sm-active-text-lime-900:active { color: var(--quanta-lime-900); }
  .sm-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  .sm-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  .sm-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  .sm-text-cyan-50 { color: var(--quanta-cyan-50); }
  .sm-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  .sm-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  .sm-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  .sm-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  .sm-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  .sm-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  .sm-text-cyan-100 { color: var(--quanta-cyan-100); }
  .sm-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  .sm-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  .sm-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  .sm-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  .sm-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  .sm-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  .sm-text-cyan-200 { color: var(--quanta-cyan-200); }
  .sm-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  .sm-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  .sm-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  .sm-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  .sm-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  .sm-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  .sm-text-cyan-300 { color: var(--quanta-cyan-300); }
  .sm-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  .sm-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  .sm-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  .sm-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  .sm-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  .sm-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  .sm-text-cyan-400 { color: var(--quanta-cyan-400); }
  .sm-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  .sm-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  .sm-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  .sm-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  .sm-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  .sm-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  .sm-text-cyan-500 { color: var(--quanta-cyan-500); }
  .sm-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  .sm-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  .sm-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  .sm-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  .sm-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  .sm-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  .sm-text-cyan-600 { color: var(--quanta-cyan-600); }
  .sm-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  .sm-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  .sm-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  .sm-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  .sm-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  .sm-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  .sm-text-cyan-700 { color: var(--quanta-cyan-700); }
  .sm-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  .sm-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  .sm-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  .sm-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  .sm-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  .sm-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  .sm-text-cyan-800 { color: var(--quanta-cyan-800); }
  .sm-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  .sm-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  .sm-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  .sm-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  .sm-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  .sm-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  .sm-text-cyan-900 { color: var(--quanta-cyan-900); }
  .sm-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  .sm-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  .sm-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  .sm-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  .sm-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  .sm-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  .sm-text-sky-50 { color: var(--quanta-sky-50); }
  .sm-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  .sm-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  .sm-active-text-sky-50:active { color: var(--quanta-sky-50); }
  .sm-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  .sm-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  .sm-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  .sm-text-sky-100 { color: var(--quanta-sky-100); }
  .sm-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  .sm-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  .sm-active-text-sky-100:active { color: var(--quanta-sky-100); }
  .sm-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  .sm-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  .sm-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  .sm-text-sky-200 { color: var(--quanta-sky-200); }
  .sm-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  .sm-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  .sm-active-text-sky-200:active { color: var(--quanta-sky-200); }
  .sm-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  .sm-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  .sm-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  .sm-text-sky-300 { color: var(--quanta-sky-300); }
  .sm-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  .sm-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  .sm-active-text-sky-300:active { color: var(--quanta-sky-300); }
  .sm-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  .sm-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  .sm-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  .sm-text-sky-400 { color: var(--quanta-sky-400); }
  .sm-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  .sm-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  .sm-active-text-sky-400:active { color: var(--quanta-sky-400); }
  .sm-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  .sm-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  .sm-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  .sm-text-sky-500 { color: var(--quanta-sky-500); }
  .sm-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  .sm-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  .sm-active-text-sky-500:active { color: var(--quanta-sky-500); }
  .sm-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  .sm-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  .sm-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  .sm-text-sky-600 { color: var(--quanta-sky-600); }
  .sm-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  .sm-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  .sm-active-text-sky-600:active { color: var(--quanta-sky-600); }
  .sm-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  .sm-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  .sm-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  .sm-text-sky-700 { color: var(--quanta-sky-700); }
  .sm-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  .sm-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  .sm-active-text-sky-700:active { color: var(--quanta-sky-700); }
  .sm-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  .sm-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  .sm-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  .sm-text-sky-800 { color: var(--quanta-sky-800); }
  .sm-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  .sm-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  .sm-active-text-sky-800:active { color: var(--quanta-sky-800); }
  .sm-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  .sm-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  .sm-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  .sm-text-sky-900 { color: var(--quanta-sky-900); }
  .sm-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  .sm-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  .sm-active-text-sky-900:active { color: var(--quanta-sky-900); }
  .sm-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  .sm-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  .sm-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  .sm-text-violet-50 { color: var(--quanta-violet-50); }
  .sm-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  .sm-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  .sm-active-text-violet-50:active { color: var(--quanta-violet-50); }
  .sm-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  .sm-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  .sm-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  .sm-text-violet-100 { color: var(--quanta-violet-100); }
  .sm-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  .sm-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  .sm-active-text-violet-100:active { color: var(--quanta-violet-100); }
  .sm-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  .sm-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  .sm-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  .sm-text-violet-200 { color: var(--quanta-violet-200); }
  .sm-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  .sm-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  .sm-active-text-violet-200:active { color: var(--quanta-violet-200); }
  .sm-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  .sm-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  .sm-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  .sm-text-violet-300 { color: var(--quanta-violet-300); }
  .sm-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  .sm-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  .sm-active-text-violet-300:active { color: var(--quanta-violet-300); }
  .sm-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  .sm-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  .sm-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  .sm-text-violet-400 { color: var(--quanta-violet-400); }
  .sm-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  .sm-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  .sm-active-text-violet-400:active { color: var(--quanta-violet-400); }
  .sm-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  .sm-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  .sm-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  .sm-text-violet-500 { color: var(--quanta-violet-500); }
  .sm-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  .sm-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  .sm-active-text-violet-500:active { color: var(--quanta-violet-500); }
  .sm-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  .sm-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  .sm-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  .sm-text-violet-600 { color: var(--quanta-violet-600); }
  .sm-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  .sm-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  .sm-active-text-violet-600:active { color: var(--quanta-violet-600); }
  .sm-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  .sm-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  .sm-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  .sm-text-violet-700 { color: var(--quanta-violet-700); }
  .sm-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  .sm-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  .sm-active-text-violet-700:active { color: var(--quanta-violet-700); }
  .sm-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  .sm-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  .sm-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  .sm-text-violet-800 { color: var(--quanta-violet-800); }
  .sm-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  .sm-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  .sm-active-text-violet-800:active { color: var(--quanta-violet-800); }
  .sm-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  .sm-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  .sm-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  .sm-text-violet-900 { color: var(--quanta-violet-900); }
  .sm-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  .sm-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  .sm-active-text-violet-900:active { color: var(--quanta-violet-900); }
  .sm-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  .sm-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  .sm-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  .sm-text-rose-50 { color: var(--quanta-rose-50); }
  .sm-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  .sm-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  .sm-active-text-rose-50:active { color: var(--quanta-rose-50); }
  .sm-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  .sm-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  .sm-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  .sm-text-rose-100 { color: var(--quanta-rose-100); }
  .sm-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  .sm-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  .sm-active-text-rose-100:active { color: var(--quanta-rose-100); }
  .sm-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  .sm-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  .sm-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  .sm-text-rose-200 { color: var(--quanta-rose-200); }
  .sm-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  .sm-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  .sm-active-text-rose-200:active { color: var(--quanta-rose-200); }
  .sm-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  .sm-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  .sm-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  .sm-text-rose-300 { color: var(--quanta-rose-300); }
  .sm-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  .sm-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  .sm-active-text-rose-300:active { color: var(--quanta-rose-300); }
  .sm-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  .sm-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  .sm-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  .sm-text-rose-400 { color: var(--quanta-rose-400); }
  .sm-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  .sm-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  .sm-active-text-rose-400:active { color: var(--quanta-rose-400); }
  .sm-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  .sm-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  .sm-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  .sm-text-rose-500 { color: var(--quanta-rose-500); }
  .sm-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  .sm-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  .sm-active-text-rose-500:active { color: var(--quanta-rose-500); }
  .sm-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  .sm-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  .sm-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  .sm-text-rose-600 { color: var(--quanta-rose-600); }
  .sm-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  .sm-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  .sm-active-text-rose-600:active { color: var(--quanta-rose-600); }
  .sm-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  .sm-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  .sm-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  .sm-text-rose-700 { color: var(--quanta-rose-700); }
  .sm-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  .sm-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  .sm-active-text-rose-700:active { color: var(--quanta-rose-700); }
  .sm-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  .sm-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  .sm-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  .sm-text-rose-800 { color: var(--quanta-rose-800); }
  .sm-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  .sm-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  .sm-active-text-rose-800:active { color: var(--quanta-rose-800); }
  .sm-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  .sm-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  .sm-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  .sm-text-rose-900 { color: var(--quanta-rose-900); }
  .sm-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  .sm-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  .sm-active-text-rose-900:active { color: var(--quanta-rose-900); }
  .sm-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  .sm-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  .sm-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  .sm-text-slate-50 { color: var(--quanta-slate-50); }
  .sm-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  .sm-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  .sm-active-text-slate-50:active { color: var(--quanta-slate-50); }
  .sm-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  .sm-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  .sm-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  .sm-text-slate-100 { color: var(--quanta-slate-100); }
  .sm-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  .sm-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  .sm-active-text-slate-100:active { color: var(--quanta-slate-100); }
  .sm-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  .sm-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  .sm-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  .sm-text-slate-200 { color: var(--quanta-slate-200); }
  .sm-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  .sm-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  .sm-active-text-slate-200:active { color: var(--quanta-slate-200); }
  .sm-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  .sm-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  .sm-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  .sm-text-slate-300 { color: var(--quanta-slate-300); }
  .sm-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  .sm-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  .sm-active-text-slate-300:active { color: var(--quanta-slate-300); }
  .sm-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  .sm-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  .sm-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  .sm-text-slate-400 { color: var(--quanta-slate-400); }
  .sm-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  .sm-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  .sm-active-text-slate-400:active { color: var(--quanta-slate-400); }
  .sm-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  .sm-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  .sm-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  .sm-text-slate-500 { color: var(--quanta-slate-500); }
  .sm-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  .sm-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  .sm-active-text-slate-500:active { color: var(--quanta-slate-500); }
  .sm-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  .sm-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  .sm-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  .sm-text-slate-600 { color: var(--quanta-slate-600); }
  .sm-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  .sm-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  .sm-active-text-slate-600:active { color: var(--quanta-slate-600); }
  .sm-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  .sm-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  .sm-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  .sm-text-slate-700 { color: var(--quanta-slate-700); }
  .sm-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  .sm-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  .sm-active-text-slate-700:active { color: var(--quanta-slate-700); }
  .sm-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  .sm-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  .sm-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  .sm-text-slate-800 { color: var(--quanta-slate-800); }
  .sm-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  .sm-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  .sm-active-text-slate-800:active { color: var(--quanta-slate-800); }
  .sm-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  .sm-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  .sm-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  .sm-text-slate-900 { color: var(--quanta-slate-900); }
  .sm-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  .sm-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  .sm-active-text-slate-900:active { color: var(--quanta-slate-900); }
  .sm-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  .sm-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  .sm-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  .sm-text-blue-50 { color: var(--quanta-blue-50); }
  .sm-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  .sm-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  .sm-active-text-blue-50:active { color: var(--quanta-blue-50); }
  .sm-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  .sm-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  .sm-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  .sm-text-blue-100 { color: var(--quanta-blue-100); }
  .sm-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  .sm-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  .sm-active-text-blue-100:active { color: var(--quanta-blue-100); }
  .sm-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  .sm-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  .sm-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  .sm-text-blue-200 { color: var(--quanta-blue-200); }
  .sm-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  .sm-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  .sm-active-text-blue-200:active { color: var(--quanta-blue-200); }
  .sm-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  .sm-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  .sm-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  .sm-text-blue-300 { color: var(--quanta-blue-300); }
  .sm-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  .sm-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  .sm-active-text-blue-300:active { color: var(--quanta-blue-300); }
  .sm-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  .sm-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  .sm-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  .sm-text-blue-400 { color: var(--quanta-blue-400); }
  .sm-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  .sm-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  .sm-active-text-blue-400:active { color: var(--quanta-blue-400); }
  .sm-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  .sm-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  .sm-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  .sm-text-blue-500 { color: var(--quanta-blue-500); }
  .sm-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  .sm-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  .sm-active-text-blue-500:active { color: var(--quanta-blue-500); }
  .sm-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  .sm-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  .sm-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  .sm-text-blue-600 { color: var(--quanta-blue-600); }
  .sm-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  .sm-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  .sm-active-text-blue-600:active { color: var(--quanta-blue-600); }
  .sm-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  .sm-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  .sm-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  .sm-text-blue-700 { color: var(--quanta-blue-700); }
  .sm-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  .sm-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  .sm-active-text-blue-700:active { color: var(--quanta-blue-700); }
  .sm-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  .sm-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  .sm-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  .sm-text-blue-800 { color: var(--quanta-blue-800); }
  .sm-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  .sm-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  .sm-active-text-blue-800:active { color: var(--quanta-blue-800); }
  .sm-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  .sm-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  .sm-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  .sm-text-blue-900 { color: var(--quanta-blue-900); }
  .sm-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  .sm-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  .sm-active-text-blue-900:active { color: var(--quanta-blue-900); }
  .sm-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  .sm-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  .sm-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  .sm-text-green-50 { color: var(--quanta-green-50); }
  .sm-hover-text-green-50:hover { color: var(--quanta-green-50); }
  .sm-focus-text-green-50:focus { color: var(--quanta-green-50); }
  .sm-active-text-green-50:active { color: var(--quanta-green-50); }
  .sm-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  .sm-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  .sm-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-text-green-50 { color: var(--quanta-green-50); }
  .sm-text-green-100 { color: var(--quanta-green-100); }
  .sm-hover-text-green-100:hover { color: var(--quanta-green-100); }
  .sm-focus-text-green-100:focus { color: var(--quanta-green-100); }
  .sm-active-text-green-100:active { color: var(--quanta-green-100); }
  .sm-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  .sm-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  .sm-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-text-green-100 { color: var(--quanta-green-100); }
  .sm-text-green-200 { color: var(--quanta-green-200); }
  .sm-hover-text-green-200:hover { color: var(--quanta-green-200); }
  .sm-focus-text-green-200:focus { color: var(--quanta-green-200); }
  .sm-active-text-green-200:active { color: var(--quanta-green-200); }
  .sm-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  .sm-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  .sm-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-text-green-200 { color: var(--quanta-green-200); }
  .sm-text-green-300 { color: var(--quanta-green-300); }
  .sm-hover-text-green-300:hover { color: var(--quanta-green-300); }
  .sm-focus-text-green-300:focus { color: var(--quanta-green-300); }
  .sm-active-text-green-300:active { color: var(--quanta-green-300); }
  .sm-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  .sm-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  .sm-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-text-green-300 { color: var(--quanta-green-300); }
  .sm-text-green-400 { color: var(--quanta-green-400); }
  .sm-hover-text-green-400:hover { color: var(--quanta-green-400); }
  .sm-focus-text-green-400:focus { color: var(--quanta-green-400); }
  .sm-active-text-green-400:active { color: var(--quanta-green-400); }
  .sm-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  .sm-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  .sm-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-text-green-400 { color: var(--quanta-green-400); }
  .sm-text-green-500 { color: var(--quanta-green-500); }
  .sm-hover-text-green-500:hover { color: var(--quanta-green-500); }
  .sm-focus-text-green-500:focus { color: var(--quanta-green-500); }
  .sm-active-text-green-500:active { color: var(--quanta-green-500); }
  .sm-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  .sm-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  .sm-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-text-green-500 { color: var(--quanta-green-500); }
  .sm-text-green-600 { color: var(--quanta-green-600); }
  .sm-hover-text-green-600:hover { color: var(--quanta-green-600); }
  .sm-focus-text-green-600:focus { color: var(--quanta-green-600); }
  .sm-active-text-green-600:active { color: var(--quanta-green-600); }
  .sm-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  .sm-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  .sm-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-text-green-600 { color: var(--quanta-green-600); }
  .sm-text-green-700 { color: var(--quanta-green-700); }
  .sm-hover-text-green-700:hover { color: var(--quanta-green-700); }
  .sm-focus-text-green-700:focus { color: var(--quanta-green-700); }
  .sm-active-text-green-700:active { color: var(--quanta-green-700); }
  .sm-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  .sm-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  .sm-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-text-green-700 { color: var(--quanta-green-700); }
  .sm-text-green-800 { color: var(--quanta-green-800); }
  .sm-hover-text-green-800:hover { color: var(--quanta-green-800); }
  .sm-focus-text-green-800:focus { color: var(--quanta-green-800); }
  .sm-active-text-green-800:active { color: var(--quanta-green-800); }
  .sm-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  .sm-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  .sm-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-text-green-800 { color: var(--quanta-green-800); }
  .sm-text-green-900 { color: var(--quanta-green-900); }
  .sm-hover-text-green-900:hover { color: var(--quanta-green-900); }
  .sm-focus-text-green-900:focus { color: var(--quanta-green-900); }
  .sm-active-text-green-900:active { color: var(--quanta-green-900); }
  .sm-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  .sm-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  .sm-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-text-green-900 { color: var(--quanta-green-900); }
  .sm-bg-red-50 { background-color: var(--quanta-red-50); }
  .sm-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  .sm-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  .sm-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  .sm-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  .sm-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  .sm-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  .sm-bg-red-100 { background-color: var(--quanta-red-100); }
  .sm-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  .sm-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  .sm-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  .sm-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  .sm-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  .sm-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  .sm-bg-red-200 { background-color: var(--quanta-red-200); }
  .sm-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  .sm-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  .sm-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  .sm-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  .sm-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  .sm-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  .sm-bg-red-300 { background-color: var(--quanta-red-300); }
  .sm-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  .sm-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  .sm-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  .sm-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  .sm-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  .sm-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  .sm-bg-red-400 { background-color: var(--quanta-red-400); }
  .sm-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  .sm-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  .sm-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  .sm-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  .sm-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  .sm-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  .sm-bg-red-500 { background-color: var(--quanta-red-500); }
  .sm-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  .sm-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  .sm-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  .sm-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  .sm-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  .sm-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  .sm-bg-red-600 { background-color: var(--quanta-red-600); }
  .sm-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  .sm-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  .sm-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  .sm-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  .sm-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  .sm-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  .sm-bg-red-700 { background-color: var(--quanta-red-700); }
  .sm-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  .sm-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  .sm-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  .sm-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  .sm-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  .sm-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  .sm-bg-red-800 { background-color: var(--quanta-red-800); }
  .sm-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  .sm-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  .sm-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  .sm-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  .sm-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  .sm-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  .sm-bg-red-900 { background-color: var(--quanta-red-900); }
  .sm-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  .sm-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  .sm-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  .sm-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  .sm-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  .sm-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  .sm-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .sm-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  .sm-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  .sm-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  .sm-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  .sm-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  .sm-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .sm-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .sm-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  .sm-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  .sm-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  .sm-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  .sm-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  .sm-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .sm-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .sm-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  .sm-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  .sm-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  .sm-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  .sm-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  .sm-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .sm-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .sm-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  .sm-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  .sm-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  .sm-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  .sm-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  .sm-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .sm-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .sm-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  .sm-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  .sm-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  .sm-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  .sm-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  .sm-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .sm-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .sm-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  .sm-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  .sm-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  .sm-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  .sm-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  .sm-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .sm-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .sm-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  .sm-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  .sm-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  .sm-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  .sm-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  .sm-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .sm-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .sm-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  .sm-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  .sm-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  .sm-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  .sm-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  .sm-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .sm-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .sm-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  .sm-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  .sm-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  .sm-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  .sm-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  .sm-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .sm-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .sm-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  .sm-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  .sm-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  .sm-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  .sm-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  .sm-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .sm-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .sm-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  .sm-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  .sm-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  .sm-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  .sm-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  .sm-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .sm-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .sm-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  .sm-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  .sm-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  .sm-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  .sm-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  .sm-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .sm-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .sm-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  .sm-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  .sm-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  .sm-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  .sm-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  .sm-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .sm-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .sm-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  .sm-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  .sm-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  .sm-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  .sm-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  .sm-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .sm-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .sm-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  .sm-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  .sm-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  .sm-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  .sm-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  .sm-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .sm-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .sm-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  .sm-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  .sm-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  .sm-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  .sm-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  .sm-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .sm-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .sm-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  .sm-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  .sm-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  .sm-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  .sm-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  .sm-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .sm-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .sm-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  .sm-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  .sm-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  .sm-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  .sm-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  .sm-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .sm-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .sm-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  .sm-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  .sm-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  .sm-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  .sm-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  .sm-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .sm-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .sm-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  .sm-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  .sm-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  .sm-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  .sm-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  .sm-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .sm-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .sm-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  .sm-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  .sm-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  .sm-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  .sm-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  .sm-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .sm-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .sm-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  .sm-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  .sm-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  .sm-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  .sm-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  .sm-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .sm-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .sm-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  .sm-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  .sm-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  .sm-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  .sm-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  .sm-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .sm-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .sm-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  .sm-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  .sm-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  .sm-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  .sm-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  .sm-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .sm-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .sm-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  .sm-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  .sm-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  .sm-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  .sm-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  .sm-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .sm-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .sm-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  .sm-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  .sm-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  .sm-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  .sm-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  .sm-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .sm-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .sm-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  .sm-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  .sm-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  .sm-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  .sm-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  .sm-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .sm-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .sm-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  .sm-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  .sm-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  .sm-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  .sm-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  .sm-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .sm-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .sm-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  .sm-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  .sm-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  .sm-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  .sm-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  .sm-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .sm-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .sm-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  .sm-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  .sm-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  .sm-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  .sm-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  .sm-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .sm-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .sm-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  .sm-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  .sm-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  .sm-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  .sm-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  .sm-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .sm-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .sm-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  .sm-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  .sm-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  .sm-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  .sm-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  .sm-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .sm-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .sm-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  .sm-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  .sm-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  .sm-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  .sm-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  .sm-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .sm-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .sm-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  .sm-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  .sm-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  .sm-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  .sm-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  .sm-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .sm-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .sm-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  .sm-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  .sm-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  .sm-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  .sm-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  .sm-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .sm-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .sm-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  .sm-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  .sm-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  .sm-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  .sm-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  .sm-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .sm-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .sm-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  .sm-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  .sm-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  .sm-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  .sm-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  .sm-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .sm-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .sm-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  .sm-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  .sm-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  .sm-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  .sm-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  .sm-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .sm-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .sm-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  .sm-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  .sm-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  .sm-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  .sm-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  .sm-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .sm-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .sm-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  .sm-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  .sm-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  .sm-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  .sm-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  .sm-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .sm-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .sm-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  .sm-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  .sm-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  .sm-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  .sm-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  .sm-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .sm-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .sm-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  .sm-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  .sm-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  .sm-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  .sm-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  .sm-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .sm-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .sm-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  .sm-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  .sm-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  .sm-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  .sm-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  .sm-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .sm-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .sm-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  .sm-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  .sm-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  .sm-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  .sm-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  .sm-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .sm-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .sm-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  .sm-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  .sm-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  .sm-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  .sm-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  .sm-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .sm-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .sm-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  .sm-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  .sm-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  .sm-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  .sm-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  .sm-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .sm-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .sm-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  .sm-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  .sm-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  .sm-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  .sm-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  .sm-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .sm-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .sm-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  .sm-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  .sm-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  .sm-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  .sm-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  .sm-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .sm-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .sm-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  .sm-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  .sm-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  .sm-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  .sm-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  .sm-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .sm-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .sm-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  .sm-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  .sm-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  .sm-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  .sm-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  .sm-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .sm-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .sm-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  .sm-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  .sm-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  .sm-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  .sm-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  .sm-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .sm-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .sm-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  .sm-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  .sm-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  .sm-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  .sm-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  .sm-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .sm-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .sm-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  .sm-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  .sm-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  .sm-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  .sm-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  .sm-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .sm-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .sm-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  .sm-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  .sm-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  .sm-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  .sm-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  .sm-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .sm-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .sm-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  .sm-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  .sm-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  .sm-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  .sm-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  .sm-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .sm-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .sm-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  .sm-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  .sm-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  .sm-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  .sm-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  .sm-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .sm-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .sm-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  .sm-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  .sm-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  .sm-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  .sm-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  .sm-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .sm-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .sm-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  .sm-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  .sm-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  .sm-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  .sm-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  .sm-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .sm-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .sm-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  .sm-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  .sm-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  .sm-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  .sm-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  .sm-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .sm-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .sm-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  .sm-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  .sm-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  .sm-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  .sm-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  .sm-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .sm-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .sm-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  .sm-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  .sm-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  .sm-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  .sm-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  .sm-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .sm-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .sm-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  .sm-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  .sm-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  .sm-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  .sm-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  .sm-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .sm-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .sm-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  .sm-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  .sm-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  .sm-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  .sm-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  .sm-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .sm-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .sm-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  .sm-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  .sm-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  .sm-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  .sm-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  .sm-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .sm-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .sm-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  .sm-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  .sm-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  .sm-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  .sm-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  .sm-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .sm-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .sm-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  .sm-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  .sm-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  .sm-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  .sm-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  .sm-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .sm-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .sm-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  .sm-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  .sm-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  .sm-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  .sm-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  .sm-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .sm-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .sm-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  .sm-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  .sm-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  .sm-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  .sm-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  .sm-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .sm-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .sm-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  .sm-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  .sm-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  .sm-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  .sm-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  .sm-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .sm-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .sm-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  .sm-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  .sm-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  .sm-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  .sm-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  .sm-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .sm-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .sm-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  .sm-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  .sm-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  .sm-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  .sm-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  .sm-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .sm-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .sm-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  .sm-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  .sm-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  .sm-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  .sm-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  .sm-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .sm-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .sm-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  .sm-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  .sm-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  .sm-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  .sm-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  .sm-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .sm-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .sm-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  .sm-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  .sm-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  .sm-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  .sm-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  .sm-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .sm-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .sm-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  .sm-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  .sm-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  .sm-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  .sm-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  .sm-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .sm-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .sm-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  .sm-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  .sm-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  .sm-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  .sm-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  .sm-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .sm-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .sm-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  .sm-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  .sm-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  .sm-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  .sm-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  .sm-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .sm-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .sm-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  .sm-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  .sm-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  .sm-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  .sm-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  .sm-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .sm-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .sm-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  .sm-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  .sm-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  .sm-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  .sm-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  .sm-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .sm-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .sm-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  .sm-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  .sm-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  .sm-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  .sm-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  .sm-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .sm-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .sm-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  .sm-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  .sm-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  .sm-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  .sm-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  .sm-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .sm-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .sm-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  .sm-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  .sm-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  .sm-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  .sm-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  .sm-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .sm-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .sm-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  .sm-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  .sm-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  .sm-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  .sm-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  .sm-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .sm-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .sm-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  .sm-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  .sm-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  .sm-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  .sm-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  .sm-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .sm-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .sm-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  .sm-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  .sm-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  .sm-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  .sm-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  .sm-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .sm-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .sm-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  .sm-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  .sm-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  .sm-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  .sm-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  .sm-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .sm-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .sm-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  .sm-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  .sm-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  .sm-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  .sm-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  .sm-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .sm-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .sm-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  .sm-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  .sm-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  .sm-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  .sm-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  .sm-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .sm-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .sm-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  .sm-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  .sm-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  .sm-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  .sm-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  .sm-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .sm-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .sm-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  .sm-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  .sm-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  .sm-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  .sm-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  .sm-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .sm-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .sm-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  .sm-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  .sm-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  .sm-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  .sm-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  .sm-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .sm-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .sm-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  .sm-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  .sm-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  .sm-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  .sm-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  .sm-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .sm-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .sm-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  .sm-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  .sm-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  .sm-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  .sm-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  .sm-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .sm-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .sm-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  .sm-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  .sm-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  .sm-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  .sm-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  .sm-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .sm-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .sm-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  .sm-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  .sm-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  .sm-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  .sm-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  .sm-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .sm-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .sm-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  .sm-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  .sm-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  .sm-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  .sm-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  .sm-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .sm-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .sm-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  .sm-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  .sm-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  .sm-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  .sm-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  .sm-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .sm-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .sm-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  .sm-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  .sm-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  .sm-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  .sm-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  .sm-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .sm-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .sm-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  .sm-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  .sm-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  .sm-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  .sm-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  .sm-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .sm-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .sm-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  .sm-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  .sm-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  .sm-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  .sm-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  .sm-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .sm-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .sm-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  .sm-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  .sm-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  .sm-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  .sm-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  .sm-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .sm-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .sm-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  .sm-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  .sm-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  .sm-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  .sm-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  .sm-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .sm-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .sm-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  .sm-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  .sm-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  .sm-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  .sm-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  .sm-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .sm-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .sm-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  .sm-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  .sm-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  .sm-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  .sm-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  .sm-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .sm-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .sm-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  .sm-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  .sm-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  .sm-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  .sm-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  .sm-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .sm-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .sm-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  .sm-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  .sm-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  .sm-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  .sm-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  .sm-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .sm-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .sm-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  .sm-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  .sm-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  .sm-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  .sm-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  .sm-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .sm-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .sm-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  .sm-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  .sm-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  .sm-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  .sm-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  .sm-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .sm-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .sm-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  .sm-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  .sm-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  .sm-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  .sm-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  .sm-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .sm-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .sm-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  .sm-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  .sm-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  .sm-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  .sm-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  .sm-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .sm-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .sm-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  .sm-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  .sm-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  .sm-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  .sm-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  .sm-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .sm-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .sm-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  .sm-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  .sm-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  .sm-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  .sm-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  .sm-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .sm-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .sm-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  .sm-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  .sm-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  .sm-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  .sm-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  .sm-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .sm-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .sm-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  .sm-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  .sm-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  .sm-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  .sm-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  .sm-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .sm-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .sm-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  .sm-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  .sm-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  .sm-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  .sm-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  .sm-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .sm-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .sm-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  .sm-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  .sm-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  .sm-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  .sm-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  .sm-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .sm-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .sm-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  .sm-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  .sm-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  .sm-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  .sm-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  .sm-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .sm-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .sm-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  .sm-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  .sm-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  .sm-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  .sm-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  .sm-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .sm-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .sm-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  .sm-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  .sm-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  .sm-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  .sm-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  .sm-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .sm-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .sm-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  .sm-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  .sm-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  .sm-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  .sm-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  .sm-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .sm-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .sm-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  .sm-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  .sm-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  .sm-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  .sm-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  .sm-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .sm-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .sm-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  .sm-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  .sm-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  .sm-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  .sm-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  .sm-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .sm-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .sm-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  .sm-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  .sm-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  .sm-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  .sm-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  .sm-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .sm-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .sm-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  .sm-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  .sm-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  .sm-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  .sm-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  .sm-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .sm-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .sm-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  .sm-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  .sm-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  .sm-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  .sm-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  .sm-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .sm-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .sm-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  .sm-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  .sm-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  .sm-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  .sm-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  .sm-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .sm-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .sm-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  .sm-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  .sm-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  .sm-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  .sm-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  .sm-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .sm-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .sm-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  .sm-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  .sm-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  .sm-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  .sm-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  .sm-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .sm-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .sm-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  .sm-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  .sm-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  .sm-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  .sm-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  .sm-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .sm-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .sm-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  .sm-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  .sm-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  .sm-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  .sm-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  .sm-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .sm-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .sm-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  .sm-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  .sm-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  .sm-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  .sm-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  .sm-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .sm-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .sm-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  .sm-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  .sm-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  .sm-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  .sm-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  .sm-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .sm-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .sm-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  .sm-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  .sm-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  .sm-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  .sm-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  .sm-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .sm-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .sm-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  .sm-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  .sm-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  .sm-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  .sm-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  .sm-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .sm-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .sm-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  .sm-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  .sm-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  .sm-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  .sm-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  .sm-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .sm-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .sm-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  .sm-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  .sm-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  .sm-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  .sm-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  .sm-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .sm-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .sm-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  .sm-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  .sm-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  .sm-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  .sm-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  .sm-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .sm-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .sm-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  .sm-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  .sm-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  .sm-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  .sm-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  .sm-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .sm-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .sm-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  .sm-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  .sm-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  .sm-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  .sm-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  .sm-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .sm-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .sm-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  .sm-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  .sm-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  .sm-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  .sm-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  .sm-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .sm-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .sm-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  .sm-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  .sm-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  .sm-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  .sm-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  .sm-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .sm-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .sm-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  .sm-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  .sm-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  .sm-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  .sm-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  .sm-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .sm-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .sm-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  .sm-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  .sm-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  .sm-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  .sm-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  .sm-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .sm-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .sm-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  .sm-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  .sm-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  .sm-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  .sm-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  .sm-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .sm-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .sm-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  .sm-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  .sm-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  .sm-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  .sm-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  .sm-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .sm-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .sm-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  .sm-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  .sm-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  .sm-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  .sm-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  .sm-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .sm-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .sm-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  .sm-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  .sm-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  .sm-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  .sm-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  .sm-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .sm-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .sm-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  .sm-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  .sm-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  .sm-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  .sm-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  .sm-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .sm-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .sm-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  .sm-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  .sm-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  .sm-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  .sm-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  .sm-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .sm-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .sm-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  .sm-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  .sm-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  .sm-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  .sm-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  .sm-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .sm-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .sm-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  .sm-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  .sm-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  .sm-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  .sm-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  .sm-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .sm-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .sm-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  .sm-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  .sm-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  .sm-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  .sm-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  .sm-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .sm-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .sm-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  .sm-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  .sm-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  .sm-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  .sm-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  .sm-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .sm-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .sm-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  .sm-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  .sm-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  .sm-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  .sm-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  .sm-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .sm-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .sm-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  .sm-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  .sm-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  .sm-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  .sm-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  .sm-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .sm-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .sm-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  .sm-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  .sm-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  .sm-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  .sm-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  .sm-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .sm-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .sm-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  .sm-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  .sm-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  .sm-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  .sm-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  .sm-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .sm-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .sm-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  .sm-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  .sm-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  .sm-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  .sm-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  .sm-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .sm-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .sm-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  .sm-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  .sm-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  .sm-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  .sm-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  .sm-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .sm-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .sm-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  .sm-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  .sm-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  .sm-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  .sm-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  .sm-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .sm-bg-green-50 { background-color: var(--quanta-green-50); }
  .sm-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  .sm-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  .sm-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  .sm-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  .sm-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  .sm-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  .sm-bg-green-100 { background-color: var(--quanta-green-100); }
  .sm-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  .sm-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  .sm-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  .sm-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  .sm-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  .sm-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  .sm-bg-green-200 { background-color: var(--quanta-green-200); }
  .sm-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  .sm-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  .sm-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  .sm-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  .sm-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  .sm-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  .sm-bg-green-300 { background-color: var(--quanta-green-300); }
  .sm-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  .sm-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  .sm-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  .sm-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  .sm-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  .sm-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  .sm-bg-green-400 { background-color: var(--quanta-green-400); }
  .sm-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  .sm-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  .sm-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  .sm-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  .sm-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  .sm-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  .sm-bg-green-500 { background-color: var(--quanta-green-500); }
  .sm-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  .sm-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  .sm-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  .sm-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  .sm-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  .sm-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  .sm-bg-green-600 { background-color: var(--quanta-green-600); }
  .sm-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  .sm-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  .sm-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  .sm-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  .sm-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  .sm-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  .sm-bg-green-700 { background-color: var(--quanta-green-700); }
  .sm-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  .sm-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  .sm-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  .sm-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  .sm-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  .sm-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  .sm-bg-green-800 { background-color: var(--quanta-green-800); }
  .sm-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  .sm-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  .sm-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  .sm-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  .sm-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  .sm-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  .sm-bg-green-900 { background-color: var(--quanta-green-900); }
  .sm-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  .sm-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  .sm-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  .sm-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  .sm-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  .sm-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  .sm-bg-black { background-color: var(--black); }
  .sm-hover-bg-black:hover { background-color: var(--black); }
  .sm-focus-bg-black:focus { background-color: var(--black); }
  .sm-active-bg-black:active { background-color: var(--black); }
  .sm-disabled-bg-black:disabled { background-color: var(--black); }
  .sm-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  .sm-focus-within-bg-black:focus-within { background-color: var(--black); }
  .sm-group:hover .sm-group-hover-bg-black { background-color: var(--black); }
  .sm-bg-white { background-color: var(--white); }
  .sm-hover-bg-white:hover { background-color: var(--white); }
  .sm-focus-bg-white:focus { background-color: var(--white); }
  .sm-active-bg-white:active { background-color: var(--white); }
  .sm-disabled-bg-white:disabled { background-color: var(--white); }
  .sm-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  .sm-focus-within-bg-white:focus-within { background-color: var(--white); }
  .sm-group:hover .sm-group-hover-bg-white { background-color: var(--white); }
  .sm-border-red-50 { border-color: var(--quanta-red-50); }
  .sm-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  .sm-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  .sm-active-border-red-50:active { border-color: var(--quanta-red-50); }
  .sm-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  .sm-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  .sm-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  .sm-border-red-100 { border-color: var(--quanta-red-100); }
  .sm-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  .sm-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  .sm-active-border-red-100:active { border-color: var(--quanta-red-100); }
  .sm-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  .sm-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  .sm-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  .sm-border-red-200 { border-color: var(--quanta-red-200); }
  .sm-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  .sm-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  .sm-active-border-red-200:active { border-color: var(--quanta-red-200); }
  .sm-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  .sm-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  .sm-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  .sm-border-red-300 { border-color: var(--quanta-red-300); }
  .sm-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  .sm-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  .sm-active-border-red-300:active { border-color: var(--quanta-red-300); }
  .sm-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  .sm-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  .sm-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  .sm-border-red-400 { border-color: var(--quanta-red-400); }
  .sm-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  .sm-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  .sm-active-border-red-400:active { border-color: var(--quanta-red-400); }
  .sm-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  .sm-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  .sm-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  .sm-border-red-500 { border-color: var(--quanta-red-500); }
  .sm-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  .sm-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  .sm-active-border-red-500:active { border-color: var(--quanta-red-500); }
  .sm-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  .sm-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  .sm-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  .sm-border-red-600 { border-color: var(--quanta-red-600); }
  .sm-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  .sm-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  .sm-active-border-red-600:active { border-color: var(--quanta-red-600); }
  .sm-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  .sm-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  .sm-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  .sm-border-red-700 { border-color: var(--quanta-red-700); }
  .sm-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  .sm-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  .sm-active-border-red-700:active { border-color: var(--quanta-red-700); }
  .sm-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  .sm-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  .sm-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  .sm-border-red-800 { border-color: var(--quanta-red-800); }
  .sm-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  .sm-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  .sm-active-border-red-800:active { border-color: var(--quanta-red-800); }
  .sm-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  .sm-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  .sm-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  .sm-border-red-900 { border-color: var(--quanta-red-900); }
  .sm-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  .sm-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  .sm-active-border-red-900:active { border-color: var(--quanta-red-900); }
  .sm-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  .sm-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  .sm-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  .sm-border-orange-50 { border-color: var(--quanta-orange-50); }
  .sm-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  .sm-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  .sm-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  .sm-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  .sm-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  .sm-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  .sm-border-orange-100 { border-color: var(--quanta-orange-100); }
  .sm-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  .sm-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  .sm-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  .sm-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  .sm-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  .sm-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  .sm-border-orange-200 { border-color: var(--quanta-orange-200); }
  .sm-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  .sm-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  .sm-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  .sm-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  .sm-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  .sm-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  .sm-border-orange-300 { border-color: var(--quanta-orange-300); }
  .sm-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  .sm-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  .sm-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  .sm-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  .sm-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  .sm-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  .sm-border-orange-400 { border-color: var(--quanta-orange-400); }
  .sm-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  .sm-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  .sm-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  .sm-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  .sm-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  .sm-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  .sm-border-orange-500 { border-color: var(--quanta-orange-500); }
  .sm-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  .sm-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  .sm-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  .sm-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  .sm-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  .sm-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  .sm-border-orange-600 { border-color: var(--quanta-orange-600); }
  .sm-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  .sm-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  .sm-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  .sm-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  .sm-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  .sm-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  .sm-border-orange-700 { border-color: var(--quanta-orange-700); }
  .sm-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  .sm-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  .sm-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  .sm-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  .sm-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  .sm-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  .sm-border-orange-800 { border-color: var(--quanta-orange-800); }
  .sm-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  .sm-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  .sm-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  .sm-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  .sm-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  .sm-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  .sm-border-orange-900 { border-color: var(--quanta-orange-900); }
  .sm-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  .sm-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  .sm-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  .sm-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  .sm-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  .sm-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  .sm-border-teal-50 { border-color: var(--quanta-teal-50); }
  .sm-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  .sm-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  .sm-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  .sm-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  .sm-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  .sm-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  .sm-border-teal-100 { border-color: var(--quanta-teal-100); }
  .sm-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  .sm-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  .sm-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  .sm-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  .sm-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  .sm-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  .sm-border-teal-200 { border-color: var(--quanta-teal-200); }
  .sm-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  .sm-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  .sm-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  .sm-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  .sm-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  .sm-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  .sm-border-teal-300 { border-color: var(--quanta-teal-300); }
  .sm-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  .sm-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  .sm-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  .sm-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  .sm-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  .sm-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  .sm-border-teal-400 { border-color: var(--quanta-teal-400); }
  .sm-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  .sm-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  .sm-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  .sm-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  .sm-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  .sm-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  .sm-border-teal-500 { border-color: var(--quanta-teal-500); }
  .sm-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  .sm-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  .sm-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  .sm-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  .sm-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  .sm-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  .sm-border-teal-600 { border-color: var(--quanta-teal-600); }
  .sm-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  .sm-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  .sm-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  .sm-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  .sm-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  .sm-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  .sm-border-teal-700 { border-color: var(--quanta-teal-700); }
  .sm-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  .sm-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  .sm-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  .sm-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  .sm-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  .sm-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  .sm-border-teal-800 { border-color: var(--quanta-teal-800); }
  .sm-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  .sm-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  .sm-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  .sm-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  .sm-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  .sm-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  .sm-border-teal-900 { border-color: var(--quanta-teal-900); }
  .sm-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  .sm-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  .sm-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  .sm-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  .sm-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  .sm-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  .sm-border-purple-50 { border-color: var(--quanta-purple-50); }
  .sm-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  .sm-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  .sm-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  .sm-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  .sm-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  .sm-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  .sm-border-purple-100 { border-color: var(--quanta-purple-100); }
  .sm-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  .sm-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  .sm-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  .sm-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  .sm-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  .sm-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  .sm-border-purple-200 { border-color: var(--quanta-purple-200); }
  .sm-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  .sm-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  .sm-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  .sm-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  .sm-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  .sm-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  .sm-border-purple-300 { border-color: var(--quanta-purple-300); }
  .sm-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  .sm-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  .sm-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  .sm-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  .sm-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  .sm-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  .sm-border-purple-400 { border-color: var(--quanta-purple-400); }
  .sm-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  .sm-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  .sm-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  .sm-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  .sm-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  .sm-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  .sm-border-purple-500 { border-color: var(--quanta-purple-500); }
  .sm-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  .sm-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  .sm-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  .sm-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  .sm-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  .sm-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  .sm-border-purple-600 { border-color: var(--quanta-purple-600); }
  .sm-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  .sm-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  .sm-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  .sm-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  .sm-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  .sm-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  .sm-border-purple-700 { border-color: var(--quanta-purple-700); }
  .sm-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  .sm-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  .sm-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  .sm-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  .sm-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  .sm-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  .sm-border-purple-800 { border-color: var(--quanta-purple-800); }
  .sm-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  .sm-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  .sm-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  .sm-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  .sm-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  .sm-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  .sm-border-purple-900 { border-color: var(--quanta-purple-900); }
  .sm-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  .sm-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  .sm-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  .sm-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  .sm-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  .sm-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  .sm-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .sm-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  .sm-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  .sm-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  .sm-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  .sm-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  .sm-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .sm-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .sm-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  .sm-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  .sm-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  .sm-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  .sm-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  .sm-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .sm-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .sm-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  .sm-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  .sm-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  .sm-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  .sm-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  .sm-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .sm-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .sm-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  .sm-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  .sm-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  .sm-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  .sm-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  .sm-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .sm-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .sm-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  .sm-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  .sm-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  .sm-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  .sm-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  .sm-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .sm-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .sm-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  .sm-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  .sm-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  .sm-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  .sm-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  .sm-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .sm-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .sm-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  .sm-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  .sm-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  .sm-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  .sm-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  .sm-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .sm-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .sm-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  .sm-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  .sm-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  .sm-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  .sm-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  .sm-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .sm-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .sm-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  .sm-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  .sm-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  .sm-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  .sm-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  .sm-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .sm-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .sm-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  .sm-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  .sm-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  .sm-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  .sm-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  .sm-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .sm-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .sm-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  .sm-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  .sm-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  .sm-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  .sm-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  .sm-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .sm-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .sm-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  .sm-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  .sm-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  .sm-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  .sm-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  .sm-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .sm-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .sm-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  .sm-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  .sm-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  .sm-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  .sm-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  .sm-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .sm-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .sm-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  .sm-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  .sm-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  .sm-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  .sm-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  .sm-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .sm-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .sm-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  .sm-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  .sm-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  .sm-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  .sm-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  .sm-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .sm-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .sm-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  .sm-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  .sm-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  .sm-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  .sm-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  .sm-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .sm-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .sm-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  .sm-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  .sm-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  .sm-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  .sm-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  .sm-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .sm-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .sm-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  .sm-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  .sm-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  .sm-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  .sm-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  .sm-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .sm-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .sm-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  .sm-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  .sm-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  .sm-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  .sm-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  .sm-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .sm-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .sm-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  .sm-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  .sm-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  .sm-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  .sm-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  .sm-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .sm-border-pink-50 { border-color: var(--quanta-pink-50); }
  .sm-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  .sm-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  .sm-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  .sm-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  .sm-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  .sm-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  .sm-border-pink-100 { border-color: var(--quanta-pink-100); }
  .sm-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  .sm-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  .sm-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  .sm-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  .sm-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  .sm-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  .sm-border-pink-200 { border-color: var(--quanta-pink-200); }
  .sm-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  .sm-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  .sm-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  .sm-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  .sm-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  .sm-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  .sm-border-pink-300 { border-color: var(--quanta-pink-300); }
  .sm-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  .sm-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  .sm-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  .sm-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  .sm-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  .sm-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  .sm-border-pink-400 { border-color: var(--quanta-pink-400); }
  .sm-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  .sm-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  .sm-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  .sm-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  .sm-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  .sm-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  .sm-border-pink-500 { border-color: var(--quanta-pink-500); }
  .sm-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  .sm-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  .sm-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  .sm-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  .sm-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  .sm-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  .sm-border-pink-600 { border-color: var(--quanta-pink-600); }
  .sm-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  .sm-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  .sm-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  .sm-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  .sm-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  .sm-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  .sm-border-pink-700 { border-color: var(--quanta-pink-700); }
  .sm-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  .sm-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  .sm-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  .sm-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  .sm-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  .sm-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  .sm-border-pink-800 { border-color: var(--quanta-pink-800); }
  .sm-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  .sm-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  .sm-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  .sm-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  .sm-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  .sm-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  .sm-border-pink-900 { border-color: var(--quanta-pink-900); }
  .sm-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  .sm-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  .sm-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  .sm-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  .sm-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  .sm-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  .sm-border-grey-50 { border-color: var(--quanta-grey-50); }
  .sm-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  .sm-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  .sm-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  .sm-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  .sm-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  .sm-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  .sm-border-grey-100 { border-color: var(--quanta-grey-100); }
  .sm-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  .sm-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  .sm-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  .sm-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  .sm-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  .sm-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  .sm-border-grey-200 { border-color: var(--quanta-grey-200); }
  .sm-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  .sm-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  .sm-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  .sm-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  .sm-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  .sm-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  .sm-border-grey-300 { border-color: var(--quanta-grey-300); }
  .sm-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  .sm-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  .sm-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  .sm-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  .sm-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  .sm-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  .sm-border-grey-400 { border-color: var(--quanta-grey-400); }
  .sm-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  .sm-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  .sm-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  .sm-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  .sm-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  .sm-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  .sm-border-grey-500 { border-color: var(--quanta-grey-500); }
  .sm-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  .sm-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  .sm-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  .sm-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  .sm-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  .sm-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  .sm-border-grey-600 { border-color: var(--quanta-grey-600); }
  .sm-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  .sm-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  .sm-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  .sm-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  .sm-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  .sm-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  .sm-border-grey-700 { border-color: var(--quanta-grey-700); }
  .sm-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  .sm-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  .sm-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  .sm-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  .sm-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  .sm-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  .sm-border-grey-800 { border-color: var(--quanta-grey-800); }
  .sm-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  .sm-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  .sm-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  .sm-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  .sm-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  .sm-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  .sm-border-grey-900 { border-color: var(--quanta-grey-900); }
  .sm-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  .sm-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  .sm-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  .sm-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  .sm-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  .sm-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  .sm-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .sm-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  .sm-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  .sm-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  .sm-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  .sm-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  .sm-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .sm-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .sm-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  .sm-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  .sm-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  .sm-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  .sm-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  .sm-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .sm-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .sm-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  .sm-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  .sm-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  .sm-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  .sm-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  .sm-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .sm-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .sm-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  .sm-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  .sm-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  .sm-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  .sm-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  .sm-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .sm-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .sm-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  .sm-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  .sm-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  .sm-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  .sm-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  .sm-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .sm-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .sm-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  .sm-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  .sm-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  .sm-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  .sm-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  .sm-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .sm-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .sm-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  .sm-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  .sm-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  .sm-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  .sm-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  .sm-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .sm-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .sm-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  .sm-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  .sm-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  .sm-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  .sm-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  .sm-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .sm-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .sm-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  .sm-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  .sm-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  .sm-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  .sm-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  .sm-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .sm-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .sm-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  .sm-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  .sm-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  .sm-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  .sm-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  .sm-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .sm-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .sm-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  .sm-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  .sm-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  .sm-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  .sm-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  .sm-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .sm-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .sm-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  .sm-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  .sm-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  .sm-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  .sm-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  .sm-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .sm-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .sm-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  .sm-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  .sm-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  .sm-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  .sm-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  .sm-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .sm-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .sm-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  .sm-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  .sm-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  .sm-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  .sm-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  .sm-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .sm-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .sm-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  .sm-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  .sm-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  .sm-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  .sm-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  .sm-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .sm-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .sm-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  .sm-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  .sm-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  .sm-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  .sm-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  .sm-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .sm-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .sm-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  .sm-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  .sm-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  .sm-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  .sm-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  .sm-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .sm-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .sm-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  .sm-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  .sm-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  .sm-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  .sm-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  .sm-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .sm-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .sm-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  .sm-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  .sm-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  .sm-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  .sm-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  .sm-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .sm-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .sm-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  .sm-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  .sm-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  .sm-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  .sm-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  .sm-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .sm-border-lime-50 { border-color: var(--quanta-lime-50); }
  .sm-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  .sm-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  .sm-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  .sm-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  .sm-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  .sm-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  .sm-border-lime-100 { border-color: var(--quanta-lime-100); }
  .sm-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  .sm-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  .sm-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  .sm-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  .sm-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  .sm-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  .sm-border-lime-200 { border-color: var(--quanta-lime-200); }
  .sm-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  .sm-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  .sm-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  .sm-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  .sm-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  .sm-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  .sm-border-lime-300 { border-color: var(--quanta-lime-300); }
  .sm-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  .sm-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  .sm-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  .sm-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  .sm-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  .sm-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  .sm-border-lime-400 { border-color: var(--quanta-lime-400); }
  .sm-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  .sm-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  .sm-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  .sm-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  .sm-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  .sm-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  .sm-border-lime-500 { border-color: var(--quanta-lime-500); }
  .sm-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  .sm-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  .sm-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  .sm-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  .sm-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  .sm-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  .sm-border-lime-600 { border-color: var(--quanta-lime-600); }
  .sm-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  .sm-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  .sm-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  .sm-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  .sm-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  .sm-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  .sm-border-lime-700 { border-color: var(--quanta-lime-700); }
  .sm-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  .sm-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  .sm-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  .sm-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  .sm-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  .sm-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  .sm-border-lime-800 { border-color: var(--quanta-lime-800); }
  .sm-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  .sm-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  .sm-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  .sm-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  .sm-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  .sm-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  .sm-border-lime-900 { border-color: var(--quanta-lime-900); }
  .sm-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  .sm-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  .sm-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  .sm-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  .sm-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  .sm-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  .sm-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .sm-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  .sm-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  .sm-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  .sm-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  .sm-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  .sm-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .sm-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .sm-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  .sm-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  .sm-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  .sm-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  .sm-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  .sm-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .sm-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .sm-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  .sm-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  .sm-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  .sm-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  .sm-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  .sm-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .sm-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .sm-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  .sm-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  .sm-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  .sm-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  .sm-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  .sm-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .sm-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .sm-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  .sm-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  .sm-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  .sm-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  .sm-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  .sm-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .sm-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .sm-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  .sm-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  .sm-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  .sm-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  .sm-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  .sm-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .sm-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .sm-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  .sm-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  .sm-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  .sm-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  .sm-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  .sm-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .sm-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .sm-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  .sm-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  .sm-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  .sm-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  .sm-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  .sm-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .sm-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .sm-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  .sm-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  .sm-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  .sm-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  .sm-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  .sm-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .sm-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .sm-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  .sm-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  .sm-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  .sm-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  .sm-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  .sm-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .sm-border-sky-50 { border-color: var(--quanta-sky-50); }
  .sm-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  .sm-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  .sm-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  .sm-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  .sm-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  .sm-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  .sm-border-sky-100 { border-color: var(--quanta-sky-100); }
  .sm-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  .sm-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  .sm-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  .sm-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  .sm-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  .sm-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  .sm-border-sky-200 { border-color: var(--quanta-sky-200); }
  .sm-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  .sm-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  .sm-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  .sm-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  .sm-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  .sm-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  .sm-border-sky-300 { border-color: var(--quanta-sky-300); }
  .sm-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  .sm-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  .sm-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  .sm-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  .sm-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  .sm-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  .sm-border-sky-400 { border-color: var(--quanta-sky-400); }
  .sm-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  .sm-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  .sm-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  .sm-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  .sm-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  .sm-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  .sm-border-sky-500 { border-color: var(--quanta-sky-500); }
  .sm-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  .sm-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  .sm-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  .sm-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  .sm-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  .sm-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  .sm-border-sky-600 { border-color: var(--quanta-sky-600); }
  .sm-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  .sm-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  .sm-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  .sm-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  .sm-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  .sm-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  .sm-border-sky-700 { border-color: var(--quanta-sky-700); }
  .sm-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  .sm-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  .sm-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  .sm-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  .sm-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  .sm-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  .sm-border-sky-800 { border-color: var(--quanta-sky-800); }
  .sm-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  .sm-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  .sm-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  .sm-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  .sm-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  .sm-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  .sm-border-sky-900 { border-color: var(--quanta-sky-900); }
  .sm-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  .sm-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  .sm-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  .sm-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  .sm-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  .sm-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  .sm-border-violet-50 { border-color: var(--quanta-violet-50); }
  .sm-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  .sm-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  .sm-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  .sm-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  .sm-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  .sm-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  .sm-border-violet-100 { border-color: var(--quanta-violet-100); }
  .sm-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  .sm-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  .sm-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  .sm-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  .sm-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  .sm-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  .sm-border-violet-200 { border-color: var(--quanta-violet-200); }
  .sm-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  .sm-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  .sm-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  .sm-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  .sm-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  .sm-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  .sm-border-violet-300 { border-color: var(--quanta-violet-300); }
  .sm-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  .sm-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  .sm-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  .sm-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  .sm-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  .sm-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  .sm-border-violet-400 { border-color: var(--quanta-violet-400); }
  .sm-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  .sm-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  .sm-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  .sm-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  .sm-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  .sm-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  .sm-border-violet-500 { border-color: var(--quanta-violet-500); }
  .sm-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  .sm-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  .sm-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  .sm-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  .sm-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  .sm-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  .sm-border-violet-600 { border-color: var(--quanta-violet-600); }
  .sm-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  .sm-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  .sm-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  .sm-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  .sm-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  .sm-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  .sm-border-violet-700 { border-color: var(--quanta-violet-700); }
  .sm-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  .sm-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  .sm-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  .sm-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  .sm-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  .sm-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  .sm-border-violet-800 { border-color: var(--quanta-violet-800); }
  .sm-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  .sm-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  .sm-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  .sm-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  .sm-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  .sm-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  .sm-border-violet-900 { border-color: var(--quanta-violet-900); }
  .sm-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  .sm-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  .sm-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  .sm-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  .sm-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  .sm-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  .sm-border-rose-50 { border-color: var(--quanta-rose-50); }
  .sm-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  .sm-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  .sm-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  .sm-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  .sm-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  .sm-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  .sm-border-rose-100 { border-color: var(--quanta-rose-100); }
  .sm-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  .sm-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  .sm-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  .sm-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  .sm-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  .sm-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  .sm-border-rose-200 { border-color: var(--quanta-rose-200); }
  .sm-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  .sm-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  .sm-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  .sm-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  .sm-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  .sm-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  .sm-border-rose-300 { border-color: var(--quanta-rose-300); }
  .sm-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  .sm-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  .sm-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  .sm-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  .sm-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  .sm-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  .sm-border-rose-400 { border-color: var(--quanta-rose-400); }
  .sm-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  .sm-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  .sm-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  .sm-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  .sm-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  .sm-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  .sm-border-rose-500 { border-color: var(--quanta-rose-500); }
  .sm-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  .sm-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  .sm-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  .sm-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  .sm-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  .sm-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  .sm-border-rose-600 { border-color: var(--quanta-rose-600); }
  .sm-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  .sm-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  .sm-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  .sm-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  .sm-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  .sm-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  .sm-border-rose-700 { border-color: var(--quanta-rose-700); }
  .sm-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  .sm-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  .sm-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  .sm-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  .sm-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  .sm-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  .sm-border-rose-800 { border-color: var(--quanta-rose-800); }
  .sm-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  .sm-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  .sm-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  .sm-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  .sm-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  .sm-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  .sm-border-rose-900 { border-color: var(--quanta-rose-900); }
  .sm-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  .sm-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  .sm-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  .sm-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  .sm-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  .sm-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  .sm-border-slate-50 { border-color: var(--quanta-slate-50); }
  .sm-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  .sm-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  .sm-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  .sm-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  .sm-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  .sm-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  .sm-border-slate-100 { border-color: var(--quanta-slate-100); }
  .sm-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  .sm-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  .sm-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  .sm-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  .sm-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  .sm-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  .sm-border-slate-200 { border-color: var(--quanta-slate-200); }
  .sm-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  .sm-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  .sm-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  .sm-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  .sm-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  .sm-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  .sm-border-slate-300 { border-color: var(--quanta-slate-300); }
  .sm-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  .sm-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  .sm-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  .sm-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  .sm-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  .sm-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  .sm-border-slate-400 { border-color: var(--quanta-slate-400); }
  .sm-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  .sm-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  .sm-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  .sm-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  .sm-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  .sm-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  .sm-border-slate-500 { border-color: var(--quanta-slate-500); }
  .sm-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  .sm-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  .sm-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  .sm-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  .sm-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  .sm-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  .sm-border-slate-600 { border-color: var(--quanta-slate-600); }
  .sm-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  .sm-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  .sm-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  .sm-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  .sm-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  .sm-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  .sm-border-slate-700 { border-color: var(--quanta-slate-700); }
  .sm-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  .sm-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  .sm-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  .sm-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  .sm-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  .sm-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  .sm-border-slate-800 { border-color: var(--quanta-slate-800); }
  .sm-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  .sm-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  .sm-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  .sm-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  .sm-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  .sm-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  .sm-border-slate-900 { border-color: var(--quanta-slate-900); }
  .sm-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  .sm-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  .sm-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  .sm-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  .sm-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  .sm-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  .sm-border-blue-50 { border-color: var(--quanta-blue-50); }
  .sm-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  .sm-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  .sm-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  .sm-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  .sm-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  .sm-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  .sm-border-blue-100 { border-color: var(--quanta-blue-100); }
  .sm-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  .sm-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  .sm-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  .sm-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  .sm-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  .sm-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  .sm-border-blue-200 { border-color: var(--quanta-blue-200); }
  .sm-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  .sm-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  .sm-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  .sm-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  .sm-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  .sm-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  .sm-border-blue-300 { border-color: var(--quanta-blue-300); }
  .sm-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  .sm-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  .sm-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  .sm-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  .sm-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  .sm-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  .sm-border-blue-400 { border-color: var(--quanta-blue-400); }
  .sm-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  .sm-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  .sm-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  .sm-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  .sm-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  .sm-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  .sm-border-blue-500 { border-color: var(--quanta-blue-500); }
  .sm-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  .sm-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  .sm-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  .sm-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  .sm-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  .sm-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  .sm-border-blue-600 { border-color: var(--quanta-blue-600); }
  .sm-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  .sm-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  .sm-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  .sm-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  .sm-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  .sm-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  .sm-border-blue-700 { border-color: var(--quanta-blue-700); }
  .sm-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  .sm-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  .sm-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  .sm-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  .sm-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  .sm-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  .sm-border-blue-800 { border-color: var(--quanta-blue-800); }
  .sm-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  .sm-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  .sm-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  .sm-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  .sm-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  .sm-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  .sm-border-blue-900 { border-color: var(--quanta-blue-900); }
  .sm-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  .sm-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  .sm-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  .sm-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  .sm-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  .sm-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  .sm-border-green-50 { border-color: var(--quanta-green-50); }
  .sm-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  .sm-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  .sm-active-border-green-50:active { border-color: var(--quanta-green-50); }
  .sm-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  .sm-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  .sm-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  .sm-border-green-100 { border-color: var(--quanta-green-100); }
  .sm-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  .sm-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  .sm-active-border-green-100:active { border-color: var(--quanta-green-100); }
  .sm-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  .sm-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  .sm-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  .sm-border-green-200 { border-color: var(--quanta-green-200); }
  .sm-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  .sm-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  .sm-active-border-green-200:active { border-color: var(--quanta-green-200); }
  .sm-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  .sm-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  .sm-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  .sm-border-green-300 { border-color: var(--quanta-green-300); }
  .sm-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  .sm-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  .sm-active-border-green-300:active { border-color: var(--quanta-green-300); }
  .sm-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  .sm-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  .sm-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  .sm-border-green-400 { border-color: var(--quanta-green-400); }
  .sm-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  .sm-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  .sm-active-border-green-400:active { border-color: var(--quanta-green-400); }
  .sm-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  .sm-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  .sm-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  .sm-border-green-500 { border-color: var(--quanta-green-500); }
  .sm-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  .sm-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  .sm-active-border-green-500:active { border-color: var(--quanta-green-500); }
  .sm-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  .sm-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  .sm-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  .sm-border-green-600 { border-color: var(--quanta-green-600); }
  .sm-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  .sm-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  .sm-active-border-green-600:active { border-color: var(--quanta-green-600); }
  .sm-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  .sm-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  .sm-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  .sm-border-green-700 { border-color: var(--quanta-green-700); }
  .sm-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  .sm-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  .sm-active-border-green-700:active { border-color: var(--quanta-green-700); }
  .sm-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  .sm-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  .sm-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  .sm-border-green-800 { border-color: var(--quanta-green-800); }
  .sm-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  .sm-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  .sm-active-border-green-800:active { border-color: var(--quanta-green-800); }
  .sm-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  .sm-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  .sm-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  .sm-border-green-900 { border-color: var(--quanta-green-900); }
  .sm-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  .sm-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  .sm-active-border-green-900:active { border-color: var(--quanta-green-900); }
  .sm-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  .sm-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  .sm-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  .sm-border-black { border-color: var(--black); }
  .sm-hover-border-black:hover { border-color: var(--black); }
  .sm-focus-border-black:focus { border-color: var(--black); }
  .sm-active-border-black:active { border-color: var(--black); }
  .sm-disabled-border-black:disabled { border-color: var(--black); }
  .sm-focus-visible-border-black:focus-visible { border-color: var(--black); }
  .sm-focus-within-border-black:focus-within { border-color: var(--black); }
  .sm-group:hover .sm-group-hover-border-black { border-color: var(--black); }
  .sm-border-white { border-color: var(--white); }
  .sm-hover-border-white:hover { border-color: var(--white); }
  .sm-focus-border-white:focus { border-color: var(--white); }
  .sm-active-border-white:active { border-color: var(--white); }
  .sm-disabled-border-white:disabled { border-color: var(--white); }
  .sm-focus-visible-border-white:focus-visible { border-color: var(--white); }
  .sm-focus-within-border-white:focus-within { border-color: var(--white); }
  .sm-group:hover .sm-group-hover-border-white { border-color: var(--white); }
  .sm-border-0 { border-width: 0.0rem; }
  .sm-hover-border-0:hover { border-width: 0.0rem; }
  .sm-focus-border-0:focus { border-width: 0.0rem; }
  .sm-active-border-0:active { border-width: 0.0rem; }
  .sm-disabled-border-0:disabled { border-width: 0.0rem; }
  .sm-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .sm-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-0 { border-width: 0.0rem; }
  .sm-border-0 { border-width: 0.0rem; }
  .sm-hover-border-0:hover { border-width: 0.0rem; }
  .sm-focus-border-0:focus { border-width: 0.0rem; }
  .sm-active-border-0:active { border-width: 0.0rem; }
  .sm-disabled-border-0:disabled { border-width: 0.0rem; }
  .sm-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .sm-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-0 { border-width: 0.0rem; }
  .sm-border-t-0 { border-top-width: 0.0rem; }
  .sm-hover-border-t-0:hover { border-top-width: 0.0rem; }
  .sm-focus-border-t-0:focus { border-top-width: 0.0rem; }
  .sm-active-border-t-0:active { border-top-width: 0.0rem; }
  .sm-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  .sm-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  .sm-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-t-0 { border-top-width: 0.0rem; }
  .sm-border-r-0 { border-right-width: 0.0rem; }
  .sm-hover-border-r-0:hover { border-right-width: 0.0rem; }
  .sm-focus-border-r-0:focus { border-right-width: 0.0rem; }
  .sm-active-border-r-0:active { border-right-width: 0.0rem; }
  .sm-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  .sm-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  .sm-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-r-0 { border-right-width: 0.0rem; }
  .sm-border-b-0 { border-bottom-width: 0.0rem; }
  .sm-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  .sm-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  .sm-active-border-b-0:active { border-bottom-width: 0.0rem; }
  .sm-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  .sm-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  .sm-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  .sm-border-l-0 { border-left-width: 0.0rem; }
  .sm-hover-border-l-0:hover { border-left-width: 0.0rem; }
  .sm-focus-border-l-0:focus { border-left-width: 0.0rem; }
  .sm-active-border-l-0:active { border-left-width: 0.0rem; }
  .sm-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  .sm-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  .sm-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-l-0 { border-left-width: 0.0rem; }
  .sm-border-1 { border-width: 0.0625rem; }
  .sm-hover-border-1:hover { border-width: 0.0625rem; }
  .sm-focus-border-1:focus { border-width: 0.0625rem; }
  .sm-active-border-1:active { border-width: 0.0625rem; }
  .sm-disabled-border-1:disabled { border-width: 0.0625rem; }
  .sm-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .sm-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-1 { border-width: 0.0625rem; }
  .sm-border-1 { border-width: 0.0625rem; }
  .sm-hover-border-1:hover { border-width: 0.0625rem; }
  .sm-focus-border-1:focus { border-width: 0.0625rem; }
  .sm-active-border-1:active { border-width: 0.0625rem; }
  .sm-disabled-border-1:disabled { border-width: 0.0625rem; }
  .sm-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .sm-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-1 { border-width: 0.0625rem; }
  .sm-border-t-1 { border-top-width: 0.0625rem; }
  .sm-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  .sm-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  .sm-active-border-t-1:active { border-top-width: 0.0625rem; }
  .sm-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  .sm-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  .sm-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  .sm-border-r-1 { border-right-width: 0.0625rem; }
  .sm-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  .sm-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  .sm-active-border-r-1:active { border-right-width: 0.0625rem; }
  .sm-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  .sm-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  .sm-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  .sm-border-b-1 { border-bottom-width: 0.0625rem; }
  .sm-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  .sm-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  .sm-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  .sm-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  .sm-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  .sm-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  .sm-border-l-1 { border-left-width: 0.0625rem; }
  .sm-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  .sm-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  .sm-active-border-l-1:active { border-left-width: 0.0625rem; }
  .sm-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  .sm-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  .sm-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  .sm-border-2 { border-width: 0.125rem; }
  .sm-hover-border-2:hover { border-width: 0.125rem; }
  .sm-focus-border-2:focus { border-width: 0.125rem; }
  .sm-active-border-2:active { border-width: 0.125rem; }
  .sm-disabled-border-2:disabled { border-width: 0.125rem; }
  .sm-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .sm-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-2 { border-width: 0.125rem; }
  .sm-border-2 { border-width: 0.125rem; }
  .sm-hover-border-2:hover { border-width: 0.125rem; }
  .sm-focus-border-2:focus { border-width: 0.125rem; }
  .sm-active-border-2:active { border-width: 0.125rem; }
  .sm-disabled-border-2:disabled { border-width: 0.125rem; }
  .sm-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .sm-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-2 { border-width: 0.125rem; }
  .sm-border-t-2 { border-top-width: 0.125rem; }
  .sm-hover-border-t-2:hover { border-top-width: 0.125rem; }
  .sm-focus-border-t-2:focus { border-top-width: 0.125rem; }
  .sm-active-border-t-2:active { border-top-width: 0.125rem; }
  .sm-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  .sm-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  .sm-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-t-2 { border-top-width: 0.125rem; }
  .sm-border-r-2 { border-right-width: 0.125rem; }
  .sm-hover-border-r-2:hover { border-right-width: 0.125rem; }
  .sm-focus-border-r-2:focus { border-right-width: 0.125rem; }
  .sm-active-border-r-2:active { border-right-width: 0.125rem; }
  .sm-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  .sm-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  .sm-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-r-2 { border-right-width: 0.125rem; }
  .sm-border-b-2 { border-bottom-width: 0.125rem; }
  .sm-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  .sm-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  .sm-active-border-b-2:active { border-bottom-width: 0.125rem; }
  .sm-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  .sm-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  .sm-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  .sm-border-l-2 { border-left-width: 0.125rem; }
  .sm-hover-border-l-2:hover { border-left-width: 0.125rem; }
  .sm-focus-border-l-2:focus { border-left-width: 0.125rem; }
  .sm-active-border-l-2:active { border-left-width: 0.125rem; }
  .sm-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  .sm-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  .sm-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-l-2 { border-left-width: 0.125rem; }
  .sm-border-3 { border-width: 0.1875rem; }
  .sm-hover-border-3:hover { border-width: 0.1875rem; }
  .sm-focus-border-3:focus { border-width: 0.1875rem; }
  .sm-active-border-3:active { border-width: 0.1875rem; }
  .sm-disabled-border-3:disabled { border-width: 0.1875rem; }
  .sm-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .sm-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-3 { border-width: 0.1875rem; }
  .sm-border-3 { border-width: 0.1875rem; }
  .sm-hover-border-3:hover { border-width: 0.1875rem; }
  .sm-focus-border-3:focus { border-width: 0.1875rem; }
  .sm-active-border-3:active { border-width: 0.1875rem; }
  .sm-disabled-border-3:disabled { border-width: 0.1875rem; }
  .sm-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .sm-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-3 { border-width: 0.1875rem; }
  .sm-border-t-3 { border-top-width: 0.1875rem; }
  .sm-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  .sm-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  .sm-active-border-t-3:active { border-top-width: 0.1875rem; }
  .sm-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  .sm-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  .sm-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  .sm-border-r-3 { border-right-width: 0.1875rem; }
  .sm-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  .sm-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  .sm-active-border-r-3:active { border-right-width: 0.1875rem; }
  .sm-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  .sm-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  .sm-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  .sm-border-b-3 { border-bottom-width: 0.1875rem; }
  .sm-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  .sm-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  .sm-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  .sm-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  .sm-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  .sm-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  .sm-border-l-3 { border-left-width: 0.1875rem; }
  .sm-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  .sm-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  .sm-active-border-l-3:active { border-left-width: 0.1875rem; }
  .sm-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  .sm-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  .sm-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  .sm-border-4 { border-width: 0.25rem; }
  .sm-hover-border-4:hover { border-width: 0.25rem; }
  .sm-focus-border-4:focus { border-width: 0.25rem; }
  .sm-active-border-4:active { border-width: 0.25rem; }
  .sm-disabled-border-4:disabled { border-width: 0.25rem; }
  .sm-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .sm-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-4 { border-width: 0.25rem; }
  .sm-border-4 { border-width: 0.25rem; }
  .sm-hover-border-4:hover { border-width: 0.25rem; }
  .sm-focus-border-4:focus { border-width: 0.25rem; }
  .sm-active-border-4:active { border-width: 0.25rem; }
  .sm-disabled-border-4:disabled { border-width: 0.25rem; }
  .sm-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .sm-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-4 { border-width: 0.25rem; }
  .sm-border-t-4 { border-top-width: 0.25rem; }
  .sm-hover-border-t-4:hover { border-top-width: 0.25rem; }
  .sm-focus-border-t-4:focus { border-top-width: 0.25rem; }
  .sm-active-border-t-4:active { border-top-width: 0.25rem; }
  .sm-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  .sm-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  .sm-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-t-4 { border-top-width: 0.25rem; }
  .sm-border-r-4 { border-right-width: 0.25rem; }
  .sm-hover-border-r-4:hover { border-right-width: 0.25rem; }
  .sm-focus-border-r-4:focus { border-right-width: 0.25rem; }
  .sm-active-border-r-4:active { border-right-width: 0.25rem; }
  .sm-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  .sm-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  .sm-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-r-4 { border-right-width: 0.25rem; }
  .sm-border-b-4 { border-bottom-width: 0.25rem; }
  .sm-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  .sm-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  .sm-active-border-b-4:active { border-bottom-width: 0.25rem; }
  .sm-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  .sm-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  .sm-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  .sm-border-l-4 { border-left-width: 0.25rem; }
  .sm-hover-border-l-4:hover { border-left-width: 0.25rem; }
  .sm-focus-border-l-4:focus { border-left-width: 0.25rem; }
  .sm-active-border-l-4:active { border-left-width: 0.25rem; }
  .sm-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  .sm-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  .sm-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-l-4 { border-left-width: 0.25rem; }
  .sm-border-5 { border-width: 0.3125rem; }
  .sm-hover-border-5:hover { border-width: 0.3125rem; }
  .sm-focus-border-5:focus { border-width: 0.3125rem; }
  .sm-active-border-5:active { border-width: 0.3125rem; }
  .sm-disabled-border-5:disabled { border-width: 0.3125rem; }
  .sm-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .sm-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-5 { border-width: 0.3125rem; }
  .sm-border-5 { border-width: 0.3125rem; }
  .sm-hover-border-5:hover { border-width: 0.3125rem; }
  .sm-focus-border-5:focus { border-width: 0.3125rem; }
  .sm-active-border-5:active { border-width: 0.3125rem; }
  .sm-disabled-border-5:disabled { border-width: 0.3125rem; }
  .sm-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .sm-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-5 { border-width: 0.3125rem; }
  .sm-border-t-5 { border-top-width: 0.3125rem; }
  .sm-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  .sm-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  .sm-active-border-t-5:active { border-top-width: 0.3125rem; }
  .sm-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  .sm-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  .sm-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  .sm-border-r-5 { border-right-width: 0.3125rem; }
  .sm-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  .sm-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  .sm-active-border-r-5:active { border-right-width: 0.3125rem; }
  .sm-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  .sm-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  .sm-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  .sm-border-b-5 { border-bottom-width: 0.3125rem; }
  .sm-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  .sm-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  .sm-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  .sm-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  .sm-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  .sm-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  .sm-border-l-5 { border-left-width: 0.3125rem; }
  .sm-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  .sm-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  .sm-active-border-l-5:active { border-left-width: 0.3125rem; }
  .sm-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  .sm-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  .sm-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  .sm-border-6 { border-width: 0.375rem; }
  .sm-hover-border-6:hover { border-width: 0.375rem; }
  .sm-focus-border-6:focus { border-width: 0.375rem; }
  .sm-active-border-6:active { border-width: 0.375rem; }
  .sm-disabled-border-6:disabled { border-width: 0.375rem; }
  .sm-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .sm-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-6 { border-width: 0.375rem; }
  .sm-border-6 { border-width: 0.375rem; }
  .sm-hover-border-6:hover { border-width: 0.375rem; }
  .sm-focus-border-6:focus { border-width: 0.375rem; }
  .sm-active-border-6:active { border-width: 0.375rem; }
  .sm-disabled-border-6:disabled { border-width: 0.375rem; }
  .sm-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .sm-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-6 { border-width: 0.375rem; }
  .sm-border-t-6 { border-top-width: 0.375rem; }
  .sm-hover-border-t-6:hover { border-top-width: 0.375rem; }
  .sm-focus-border-t-6:focus { border-top-width: 0.375rem; }
  .sm-active-border-t-6:active { border-top-width: 0.375rem; }
  .sm-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  .sm-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  .sm-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-t-6 { border-top-width: 0.375rem; }
  .sm-border-r-6 { border-right-width: 0.375rem; }
  .sm-hover-border-r-6:hover { border-right-width: 0.375rem; }
  .sm-focus-border-r-6:focus { border-right-width: 0.375rem; }
  .sm-active-border-r-6:active { border-right-width: 0.375rem; }
  .sm-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  .sm-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  .sm-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-r-6 { border-right-width: 0.375rem; }
  .sm-border-b-6 { border-bottom-width: 0.375rem; }
  .sm-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  .sm-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  .sm-active-border-b-6:active { border-bottom-width: 0.375rem; }
  .sm-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  .sm-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  .sm-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  .sm-border-l-6 { border-left-width: 0.375rem; }
  .sm-hover-border-l-6:hover { border-left-width: 0.375rem; }
  .sm-focus-border-l-6:focus { border-left-width: 0.375rem; }
  .sm-active-border-l-6:active { border-left-width: 0.375rem; }
  .sm-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  .sm-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  .sm-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-l-6 { border-left-width: 0.375rem; }
  .sm-border-7 { border-width: 0.4375rem; }
  .sm-hover-border-7:hover { border-width: 0.4375rem; }
  .sm-focus-border-7:focus { border-width: 0.4375rem; }
  .sm-active-border-7:active { border-width: 0.4375rem; }
  .sm-disabled-border-7:disabled { border-width: 0.4375rem; }
  .sm-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .sm-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-7 { border-width: 0.4375rem; }
  .sm-border-7 { border-width: 0.4375rem; }
  .sm-hover-border-7:hover { border-width: 0.4375rem; }
  .sm-focus-border-7:focus { border-width: 0.4375rem; }
  .sm-active-border-7:active { border-width: 0.4375rem; }
  .sm-disabled-border-7:disabled { border-width: 0.4375rem; }
  .sm-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .sm-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-7 { border-width: 0.4375rem; }
  .sm-border-t-7 { border-top-width: 0.4375rem; }
  .sm-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  .sm-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  .sm-active-border-t-7:active { border-top-width: 0.4375rem; }
  .sm-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  .sm-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  .sm-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  .sm-border-r-7 { border-right-width: 0.4375rem; }
  .sm-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  .sm-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  .sm-active-border-r-7:active { border-right-width: 0.4375rem; }
  .sm-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  .sm-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  .sm-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  .sm-border-b-7 { border-bottom-width: 0.4375rem; }
  .sm-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  .sm-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  .sm-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  .sm-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  .sm-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  .sm-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  .sm-border-l-7 { border-left-width: 0.4375rem; }
  .sm-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  .sm-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  .sm-active-border-l-7:active { border-left-width: 0.4375rem; }
  .sm-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  .sm-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  .sm-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  .sm-border-8 { border-width: 0.5rem; }
  .sm-hover-border-8:hover { border-width: 0.5rem; }
  .sm-focus-border-8:focus { border-width: 0.5rem; }
  .sm-active-border-8:active { border-width: 0.5rem; }
  .sm-disabled-border-8:disabled { border-width: 0.5rem; }
  .sm-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .sm-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-8 { border-width: 0.5rem; }
  .sm-border-8 { border-width: 0.5rem; }
  .sm-hover-border-8:hover { border-width: 0.5rem; }
  .sm-focus-border-8:focus { border-width: 0.5rem; }
  .sm-active-border-8:active { border-width: 0.5rem; }
  .sm-disabled-border-8:disabled { border-width: 0.5rem; }
  .sm-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .sm-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-8 { border-width: 0.5rem; }
  .sm-border-t-8 { border-top-width: 0.5rem; }
  .sm-hover-border-t-8:hover { border-top-width: 0.5rem; }
  .sm-focus-border-t-8:focus { border-top-width: 0.5rem; }
  .sm-active-border-t-8:active { border-top-width: 0.5rem; }
  .sm-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  .sm-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  .sm-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-t-8 { border-top-width: 0.5rem; }
  .sm-border-r-8 { border-right-width: 0.5rem; }
  .sm-hover-border-r-8:hover { border-right-width: 0.5rem; }
  .sm-focus-border-r-8:focus { border-right-width: 0.5rem; }
  .sm-active-border-r-8:active { border-right-width: 0.5rem; }
  .sm-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  .sm-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  .sm-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-r-8 { border-right-width: 0.5rem; }
  .sm-border-b-8 { border-bottom-width: 0.5rem; }
  .sm-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  .sm-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  .sm-active-border-b-8:active { border-bottom-width: 0.5rem; }
  .sm-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  .sm-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  .sm-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  .sm-border-l-8 { border-left-width: 0.5rem; }
  .sm-hover-border-l-8:hover { border-left-width: 0.5rem; }
  .sm-focus-border-l-8:focus { border-left-width: 0.5rem; }
  .sm-active-border-l-8:active { border-left-width: 0.5rem; }
  .sm-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  .sm-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  .sm-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-l-8 { border-left-width: 0.5rem; }
  .sm-border-9 { border-width: 0.5625rem; }
  .sm-hover-border-9:hover { border-width: 0.5625rem; }
  .sm-focus-border-9:focus { border-width: 0.5625rem; }
  .sm-active-border-9:active { border-width: 0.5625rem; }
  .sm-disabled-border-9:disabled { border-width: 0.5625rem; }
  .sm-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .sm-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-9 { border-width: 0.5625rem; }
  .sm-border-9 { border-width: 0.5625rem; }
  .sm-hover-border-9:hover { border-width: 0.5625rem; }
  .sm-focus-border-9:focus { border-width: 0.5625rem; }
  .sm-active-border-9:active { border-width: 0.5625rem; }
  .sm-disabled-border-9:disabled { border-width: 0.5625rem; }
  .sm-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .sm-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-9 { border-width: 0.5625rem; }
  .sm-border-t-9 { border-top-width: 0.5625rem; }
  .sm-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  .sm-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  .sm-active-border-t-9:active { border-top-width: 0.5625rem; }
  .sm-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  .sm-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  .sm-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  .sm-border-r-9 { border-right-width: 0.5625rem; }
  .sm-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  .sm-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  .sm-active-border-r-9:active { border-right-width: 0.5625rem; }
  .sm-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  .sm-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  .sm-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  .sm-border-b-9 { border-bottom-width: 0.5625rem; }
  .sm-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  .sm-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  .sm-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  .sm-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  .sm-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  .sm-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  .sm-border-l-9 { border-left-width: 0.5625rem; }
  .sm-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  .sm-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  .sm-active-border-l-9:active { border-left-width: 0.5625rem; }
  .sm-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  .sm-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  .sm-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  .sm-border-10 { border-width: 0.625rem; }
  .sm-hover-border-10:hover { border-width: 0.625rem; }
  .sm-focus-border-10:focus { border-width: 0.625rem; }
  .sm-active-border-10:active { border-width: 0.625rem; }
  .sm-disabled-border-10:disabled { border-width: 0.625rem; }
  .sm-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .sm-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-10 { border-width: 0.625rem; }
  .sm-border-10 { border-width: 0.625rem; }
  .sm-hover-border-10:hover { border-width: 0.625rem; }
  .sm-focus-border-10:focus { border-width: 0.625rem; }
  .sm-active-border-10:active { border-width: 0.625rem; }
  .sm-disabled-border-10:disabled { border-width: 0.625rem; }
  .sm-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .sm-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-10 { border-width: 0.625rem; }
  .sm-border-t-10 { border-top-width: 0.625rem; }
  .sm-hover-border-t-10:hover { border-top-width: 0.625rem; }
  .sm-focus-border-t-10:focus { border-top-width: 0.625rem; }
  .sm-active-border-t-10:active { border-top-width: 0.625rem; }
  .sm-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  .sm-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  .sm-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-t-10 { border-top-width: 0.625rem; }
  .sm-border-r-10 { border-right-width: 0.625rem; }
  .sm-hover-border-r-10:hover { border-right-width: 0.625rem; }
  .sm-focus-border-r-10:focus { border-right-width: 0.625rem; }
  .sm-active-border-r-10:active { border-right-width: 0.625rem; }
  .sm-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  .sm-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  .sm-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-r-10 { border-right-width: 0.625rem; }
  .sm-border-b-10 { border-bottom-width: 0.625rem; }
  .sm-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  .sm-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  .sm-active-border-b-10:active { border-bottom-width: 0.625rem; }
  .sm-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  .sm-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  .sm-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  .sm-border-l-10 { border-left-width: 0.625rem; }
  .sm-hover-border-l-10:hover { border-left-width: 0.625rem; }
  .sm-focus-border-l-10:focus { border-left-width: 0.625rem; }
  .sm-active-border-l-10:active { border-left-width: 0.625rem; }
  .sm-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  .sm-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  .sm-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-l-10 { border-left-width: 0.625rem; }
  .sm-border-11 { border-width: 0.6875rem; }
  .sm-hover-border-11:hover { border-width: 0.6875rem; }
  .sm-focus-border-11:focus { border-width: 0.6875rem; }
  .sm-active-border-11:active { border-width: 0.6875rem; }
  .sm-disabled-border-11:disabled { border-width: 0.6875rem; }
  .sm-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .sm-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-11 { border-width: 0.6875rem; }
  .sm-border-11 { border-width: 0.6875rem; }
  .sm-hover-border-11:hover { border-width: 0.6875rem; }
  .sm-focus-border-11:focus { border-width: 0.6875rem; }
  .sm-active-border-11:active { border-width: 0.6875rem; }
  .sm-disabled-border-11:disabled { border-width: 0.6875rem; }
  .sm-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .sm-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-11 { border-width: 0.6875rem; }
  .sm-border-t-11 { border-top-width: 0.6875rem; }
  .sm-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  .sm-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  .sm-active-border-t-11:active { border-top-width: 0.6875rem; }
  .sm-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  .sm-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  .sm-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  .sm-border-r-11 { border-right-width: 0.6875rem; }
  .sm-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  .sm-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  .sm-active-border-r-11:active { border-right-width: 0.6875rem; }
  .sm-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  .sm-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  .sm-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  .sm-border-b-11 { border-bottom-width: 0.6875rem; }
  .sm-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  .sm-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  .sm-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  .sm-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  .sm-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  .sm-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  .sm-border-l-11 { border-left-width: 0.6875rem; }
  .sm-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  .sm-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  .sm-active-border-l-11:active { border-left-width: 0.6875rem; }
  .sm-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  .sm-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  .sm-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  .sm-border-12 { border-width: 0.75rem; }
  .sm-hover-border-12:hover { border-width: 0.75rem; }
  .sm-focus-border-12:focus { border-width: 0.75rem; }
  .sm-active-border-12:active { border-width: 0.75rem; }
  .sm-disabled-border-12:disabled { border-width: 0.75rem; }
  .sm-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .sm-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-12 { border-width: 0.75rem; }
  .sm-border-12 { border-width: 0.75rem; }
  .sm-hover-border-12:hover { border-width: 0.75rem; }
  .sm-focus-border-12:focus { border-width: 0.75rem; }
  .sm-active-border-12:active { border-width: 0.75rem; }
  .sm-disabled-border-12:disabled { border-width: 0.75rem; }
  .sm-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .sm-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-12 { border-width: 0.75rem; }
  .sm-border-t-12 { border-top-width: 0.75rem; }
  .sm-hover-border-t-12:hover { border-top-width: 0.75rem; }
  .sm-focus-border-t-12:focus { border-top-width: 0.75rem; }
  .sm-active-border-t-12:active { border-top-width: 0.75rem; }
  .sm-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  .sm-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  .sm-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-t-12 { border-top-width: 0.75rem; }
  .sm-border-r-12 { border-right-width: 0.75rem; }
  .sm-hover-border-r-12:hover { border-right-width: 0.75rem; }
  .sm-focus-border-r-12:focus { border-right-width: 0.75rem; }
  .sm-active-border-r-12:active { border-right-width: 0.75rem; }
  .sm-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  .sm-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  .sm-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-r-12 { border-right-width: 0.75rem; }
  .sm-border-b-12 { border-bottom-width: 0.75rem; }
  .sm-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  .sm-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  .sm-active-border-b-12:active { border-bottom-width: 0.75rem; }
  .sm-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  .sm-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  .sm-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  .sm-border-l-12 { border-left-width: 0.75rem; }
  .sm-hover-border-l-12:hover { border-left-width: 0.75rem; }
  .sm-focus-border-l-12:focus { border-left-width: 0.75rem; }
  .sm-active-border-l-12:active { border-left-width: 0.75rem; }
  .sm-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  .sm-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  .sm-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-l-12 { border-left-width: 0.75rem; }
  .sm-border-13 { border-width: 0.8125rem; }
  .sm-hover-border-13:hover { border-width: 0.8125rem; }
  .sm-focus-border-13:focus { border-width: 0.8125rem; }
  .sm-active-border-13:active { border-width: 0.8125rem; }
  .sm-disabled-border-13:disabled { border-width: 0.8125rem; }
  .sm-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .sm-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-13 { border-width: 0.8125rem; }
  .sm-border-13 { border-width: 0.8125rem; }
  .sm-hover-border-13:hover { border-width: 0.8125rem; }
  .sm-focus-border-13:focus { border-width: 0.8125rem; }
  .sm-active-border-13:active { border-width: 0.8125rem; }
  .sm-disabled-border-13:disabled { border-width: 0.8125rem; }
  .sm-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .sm-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-13 { border-width: 0.8125rem; }
  .sm-border-t-13 { border-top-width: 0.8125rem; }
  .sm-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  .sm-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  .sm-active-border-t-13:active { border-top-width: 0.8125rem; }
  .sm-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  .sm-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  .sm-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  .sm-border-r-13 { border-right-width: 0.8125rem; }
  .sm-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  .sm-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  .sm-active-border-r-13:active { border-right-width: 0.8125rem; }
  .sm-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  .sm-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  .sm-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  .sm-border-b-13 { border-bottom-width: 0.8125rem; }
  .sm-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  .sm-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  .sm-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  .sm-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  .sm-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  .sm-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  .sm-border-l-13 { border-left-width: 0.8125rem; }
  .sm-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  .sm-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  .sm-active-border-l-13:active { border-left-width: 0.8125rem; }
  .sm-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  .sm-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  .sm-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  .sm-border-14 { border-width: 0.875rem; }
  .sm-hover-border-14:hover { border-width: 0.875rem; }
  .sm-focus-border-14:focus { border-width: 0.875rem; }
  .sm-active-border-14:active { border-width: 0.875rem; }
  .sm-disabled-border-14:disabled { border-width: 0.875rem; }
  .sm-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .sm-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-14 { border-width: 0.875rem; }
  .sm-border-14 { border-width: 0.875rem; }
  .sm-hover-border-14:hover { border-width: 0.875rem; }
  .sm-focus-border-14:focus { border-width: 0.875rem; }
  .sm-active-border-14:active { border-width: 0.875rem; }
  .sm-disabled-border-14:disabled { border-width: 0.875rem; }
  .sm-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .sm-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-14 { border-width: 0.875rem; }
  .sm-border-t-14 { border-top-width: 0.875rem; }
  .sm-hover-border-t-14:hover { border-top-width: 0.875rem; }
  .sm-focus-border-t-14:focus { border-top-width: 0.875rem; }
  .sm-active-border-t-14:active { border-top-width: 0.875rem; }
  .sm-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  .sm-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  .sm-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-t-14 { border-top-width: 0.875rem; }
  .sm-border-r-14 { border-right-width: 0.875rem; }
  .sm-hover-border-r-14:hover { border-right-width: 0.875rem; }
  .sm-focus-border-r-14:focus { border-right-width: 0.875rem; }
  .sm-active-border-r-14:active { border-right-width: 0.875rem; }
  .sm-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  .sm-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  .sm-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-r-14 { border-right-width: 0.875rem; }
  .sm-border-b-14 { border-bottom-width: 0.875rem; }
  .sm-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  .sm-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  .sm-active-border-b-14:active { border-bottom-width: 0.875rem; }
  .sm-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  .sm-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  .sm-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  .sm-border-l-14 { border-left-width: 0.875rem; }
  .sm-hover-border-l-14:hover { border-left-width: 0.875rem; }
  .sm-focus-border-l-14:focus { border-left-width: 0.875rem; }
  .sm-active-border-l-14:active { border-left-width: 0.875rem; }
  .sm-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  .sm-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  .sm-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-l-14 { border-left-width: 0.875rem; }
  .sm-border-15 { border-width: 0.9375rem; }
  .sm-hover-border-15:hover { border-width: 0.9375rem; }
  .sm-focus-border-15:focus { border-width: 0.9375rem; }
  .sm-active-border-15:active { border-width: 0.9375rem; }
  .sm-disabled-border-15:disabled { border-width: 0.9375rem; }
  .sm-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .sm-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-15 { border-width: 0.9375rem; }
  .sm-border-15 { border-width: 0.9375rem; }
  .sm-hover-border-15:hover { border-width: 0.9375rem; }
  .sm-focus-border-15:focus { border-width: 0.9375rem; }
  .sm-active-border-15:active { border-width: 0.9375rem; }
  .sm-disabled-border-15:disabled { border-width: 0.9375rem; }
  .sm-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .sm-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-15 { border-width: 0.9375rem; }
  .sm-border-t-15 { border-top-width: 0.9375rem; }
  .sm-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  .sm-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  .sm-active-border-t-15:active { border-top-width: 0.9375rem; }
  .sm-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  .sm-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  .sm-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  .sm-border-r-15 { border-right-width: 0.9375rem; }
  .sm-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  .sm-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  .sm-active-border-r-15:active { border-right-width: 0.9375rem; }
  .sm-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  .sm-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  .sm-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  .sm-border-b-15 { border-bottom-width: 0.9375rem; }
  .sm-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  .sm-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  .sm-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  .sm-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  .sm-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  .sm-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  .sm-border-l-15 { border-left-width: 0.9375rem; }
  .sm-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  .sm-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  .sm-active-border-l-15:active { border-left-width: 0.9375rem; }
  .sm-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  .sm-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  .sm-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  .sm-border-16 { border-width: 1.0rem; }
  .sm-hover-border-16:hover { border-width: 1.0rem; }
  .sm-focus-border-16:focus { border-width: 1.0rem; }
  .sm-active-border-16:active { border-width: 1.0rem; }
  .sm-disabled-border-16:disabled { border-width: 1.0rem; }
  .sm-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .sm-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-16 { border-width: 1.0rem; }
  .sm-border-16 { border-width: 1.0rem; }
  .sm-hover-border-16:hover { border-width: 1.0rem; }
  .sm-focus-border-16:focus { border-width: 1.0rem; }
  .sm-active-border-16:active { border-width: 1.0rem; }
  .sm-disabled-border-16:disabled { border-width: 1.0rem; }
  .sm-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .sm-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-16 { border-width: 1.0rem; }
  .sm-border-t-16 { border-top-width: 1.0rem; }
  .sm-hover-border-t-16:hover { border-top-width: 1.0rem; }
  .sm-focus-border-t-16:focus { border-top-width: 1.0rem; }
  .sm-active-border-t-16:active { border-top-width: 1.0rem; }
  .sm-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  .sm-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  .sm-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-t-16 { border-top-width: 1.0rem; }
  .sm-border-r-16 { border-right-width: 1.0rem; }
  .sm-hover-border-r-16:hover { border-right-width: 1.0rem; }
  .sm-focus-border-r-16:focus { border-right-width: 1.0rem; }
  .sm-active-border-r-16:active { border-right-width: 1.0rem; }
  .sm-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  .sm-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  .sm-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-r-16 { border-right-width: 1.0rem; }
  .sm-border-b-16 { border-bottom-width: 1.0rem; }
  .sm-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  .sm-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  .sm-active-border-b-16:active { border-bottom-width: 1.0rem; }
  .sm-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  .sm-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  .sm-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  .sm-border-l-16 { border-left-width: 1.0rem; }
  .sm-hover-border-l-16:hover { border-left-width: 1.0rem; }
  .sm-focus-border-l-16:focus { border-left-width: 1.0rem; }
  .sm-active-border-l-16:active { border-left-width: 1.0rem; }
  .sm-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  .sm-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  .sm-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-l-16 { border-left-width: 1.0rem; }
  .sm-border-17 { border-width: 1.0625rem; }
  .sm-hover-border-17:hover { border-width: 1.0625rem; }
  .sm-focus-border-17:focus { border-width: 1.0625rem; }
  .sm-active-border-17:active { border-width: 1.0625rem; }
  .sm-disabled-border-17:disabled { border-width: 1.0625rem; }
  .sm-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .sm-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-17 { border-width: 1.0625rem; }
  .sm-border-17 { border-width: 1.0625rem; }
  .sm-hover-border-17:hover { border-width: 1.0625rem; }
  .sm-focus-border-17:focus { border-width: 1.0625rem; }
  .sm-active-border-17:active { border-width: 1.0625rem; }
  .sm-disabled-border-17:disabled { border-width: 1.0625rem; }
  .sm-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .sm-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-17 { border-width: 1.0625rem; }
  .sm-border-t-17 { border-top-width: 1.0625rem; }
  .sm-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  .sm-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  .sm-active-border-t-17:active { border-top-width: 1.0625rem; }
  .sm-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  .sm-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  .sm-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  .sm-border-r-17 { border-right-width: 1.0625rem; }
  .sm-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  .sm-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  .sm-active-border-r-17:active { border-right-width: 1.0625rem; }
  .sm-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  .sm-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  .sm-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  .sm-border-b-17 { border-bottom-width: 1.0625rem; }
  .sm-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  .sm-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  .sm-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  .sm-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  .sm-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  .sm-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  .sm-border-l-17 { border-left-width: 1.0625rem; }
  .sm-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  .sm-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  .sm-active-border-l-17:active { border-left-width: 1.0625rem; }
  .sm-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  .sm-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  .sm-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  .sm-border-18 { border-width: 1.125rem; }
  .sm-hover-border-18:hover { border-width: 1.125rem; }
  .sm-focus-border-18:focus { border-width: 1.125rem; }
  .sm-active-border-18:active { border-width: 1.125rem; }
  .sm-disabled-border-18:disabled { border-width: 1.125rem; }
  .sm-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .sm-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-18 { border-width: 1.125rem; }
  .sm-border-18 { border-width: 1.125rem; }
  .sm-hover-border-18:hover { border-width: 1.125rem; }
  .sm-focus-border-18:focus { border-width: 1.125rem; }
  .sm-active-border-18:active { border-width: 1.125rem; }
  .sm-disabled-border-18:disabled { border-width: 1.125rem; }
  .sm-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .sm-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-18 { border-width: 1.125rem; }
  .sm-border-t-18 { border-top-width: 1.125rem; }
  .sm-hover-border-t-18:hover { border-top-width: 1.125rem; }
  .sm-focus-border-t-18:focus { border-top-width: 1.125rem; }
  .sm-active-border-t-18:active { border-top-width: 1.125rem; }
  .sm-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  .sm-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  .sm-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-t-18 { border-top-width: 1.125rem; }
  .sm-border-r-18 { border-right-width: 1.125rem; }
  .sm-hover-border-r-18:hover { border-right-width: 1.125rem; }
  .sm-focus-border-r-18:focus { border-right-width: 1.125rem; }
  .sm-active-border-r-18:active { border-right-width: 1.125rem; }
  .sm-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  .sm-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  .sm-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-r-18 { border-right-width: 1.125rem; }
  .sm-border-b-18 { border-bottom-width: 1.125rem; }
  .sm-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  .sm-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  .sm-active-border-b-18:active { border-bottom-width: 1.125rem; }
  .sm-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  .sm-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  .sm-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  .sm-border-l-18 { border-left-width: 1.125rem; }
  .sm-hover-border-l-18:hover { border-left-width: 1.125rem; }
  .sm-focus-border-l-18:focus { border-left-width: 1.125rem; }
  .sm-active-border-l-18:active { border-left-width: 1.125rem; }
  .sm-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  .sm-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  .sm-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-l-18 { border-left-width: 1.125rem; }
  .sm-border-19 { border-width: 1.1875rem; }
  .sm-hover-border-19:hover { border-width: 1.1875rem; }
  .sm-focus-border-19:focus { border-width: 1.1875rem; }
  .sm-active-border-19:active { border-width: 1.1875rem; }
  .sm-disabled-border-19:disabled { border-width: 1.1875rem; }
  .sm-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .sm-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-19 { border-width: 1.1875rem; }
  .sm-border-19 { border-width: 1.1875rem; }
  .sm-hover-border-19:hover { border-width: 1.1875rem; }
  .sm-focus-border-19:focus { border-width: 1.1875rem; }
  .sm-active-border-19:active { border-width: 1.1875rem; }
  .sm-disabled-border-19:disabled { border-width: 1.1875rem; }
  .sm-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .sm-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-19 { border-width: 1.1875rem; }
  .sm-border-t-19 { border-top-width: 1.1875rem; }
  .sm-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  .sm-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  .sm-active-border-t-19:active { border-top-width: 1.1875rem; }
  .sm-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  .sm-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  .sm-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  .sm-border-r-19 { border-right-width: 1.1875rem; }
  .sm-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  .sm-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  .sm-active-border-r-19:active { border-right-width: 1.1875rem; }
  .sm-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  .sm-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  .sm-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  .sm-border-b-19 { border-bottom-width: 1.1875rem; }
  .sm-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  .sm-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  .sm-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  .sm-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  .sm-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  .sm-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  .sm-border-l-19 { border-left-width: 1.1875rem; }
  .sm-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  .sm-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  .sm-active-border-l-19:active { border-left-width: 1.1875rem; }
  .sm-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  .sm-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  .sm-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  .sm-border-20 { border-width: 1.25rem; }
  .sm-hover-border-20:hover { border-width: 1.25rem; }
  .sm-focus-border-20:focus { border-width: 1.25rem; }
  .sm-active-border-20:active { border-width: 1.25rem; }
  .sm-disabled-border-20:disabled { border-width: 1.25rem; }
  .sm-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .sm-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-20 { border-width: 1.25rem; }
  .sm-border-20 { border-width: 1.25rem; }
  .sm-hover-border-20:hover { border-width: 1.25rem; }
  .sm-focus-border-20:focus { border-width: 1.25rem; }
  .sm-active-border-20:active { border-width: 1.25rem; }
  .sm-disabled-border-20:disabled { border-width: 1.25rem; }
  .sm-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .sm-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-20 { border-width: 1.25rem; }
  .sm-border-t-20 { border-top-width: 1.25rem; }
  .sm-hover-border-t-20:hover { border-top-width: 1.25rem; }
  .sm-focus-border-t-20:focus { border-top-width: 1.25rem; }
  .sm-active-border-t-20:active { border-top-width: 1.25rem; }
  .sm-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  .sm-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  .sm-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-t-20 { border-top-width: 1.25rem; }
  .sm-border-r-20 { border-right-width: 1.25rem; }
  .sm-hover-border-r-20:hover { border-right-width: 1.25rem; }
  .sm-focus-border-r-20:focus { border-right-width: 1.25rem; }
  .sm-active-border-r-20:active { border-right-width: 1.25rem; }
  .sm-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  .sm-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  .sm-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-r-20 { border-right-width: 1.25rem; }
  .sm-border-b-20 { border-bottom-width: 1.25rem; }
  .sm-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  .sm-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  .sm-active-border-b-20:active { border-bottom-width: 1.25rem; }
  .sm-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  .sm-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  .sm-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  .sm-border-l-20 { border-left-width: 1.25rem; }
  .sm-hover-border-l-20:hover { border-left-width: 1.25rem; }
  .sm-focus-border-l-20:focus { border-left-width: 1.25rem; }
  .sm-active-border-l-20:active { border-left-width: 1.25rem; }
  .sm-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  .sm-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  .sm-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-l-20 { border-left-width: 1.25rem; }
  .sm-border-21 { border-width: 1.3125rem; }
  .sm-hover-border-21:hover { border-width: 1.3125rem; }
  .sm-focus-border-21:focus { border-width: 1.3125rem; }
  .sm-active-border-21:active { border-width: 1.3125rem; }
  .sm-disabled-border-21:disabled { border-width: 1.3125rem; }
  .sm-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .sm-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-21 { border-width: 1.3125rem; }
  .sm-border-21 { border-width: 1.3125rem; }
  .sm-hover-border-21:hover { border-width: 1.3125rem; }
  .sm-focus-border-21:focus { border-width: 1.3125rem; }
  .sm-active-border-21:active { border-width: 1.3125rem; }
  .sm-disabled-border-21:disabled { border-width: 1.3125rem; }
  .sm-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .sm-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-21 { border-width: 1.3125rem; }
  .sm-border-t-21 { border-top-width: 1.3125rem; }
  .sm-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  .sm-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  .sm-active-border-t-21:active { border-top-width: 1.3125rem; }
  .sm-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  .sm-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  .sm-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  .sm-border-r-21 { border-right-width: 1.3125rem; }
  .sm-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  .sm-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  .sm-active-border-r-21:active { border-right-width: 1.3125rem; }
  .sm-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  .sm-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  .sm-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  .sm-border-b-21 { border-bottom-width: 1.3125rem; }
  .sm-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  .sm-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  .sm-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  .sm-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  .sm-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  .sm-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  .sm-border-l-21 { border-left-width: 1.3125rem; }
  .sm-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  .sm-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  .sm-active-border-l-21:active { border-left-width: 1.3125rem; }
  .sm-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  .sm-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  .sm-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  .sm-border-22 { border-width: 1.375rem; }
  .sm-hover-border-22:hover { border-width: 1.375rem; }
  .sm-focus-border-22:focus { border-width: 1.375rem; }
  .sm-active-border-22:active { border-width: 1.375rem; }
  .sm-disabled-border-22:disabled { border-width: 1.375rem; }
  .sm-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .sm-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-22 { border-width: 1.375rem; }
  .sm-border-22 { border-width: 1.375rem; }
  .sm-hover-border-22:hover { border-width: 1.375rem; }
  .sm-focus-border-22:focus { border-width: 1.375rem; }
  .sm-active-border-22:active { border-width: 1.375rem; }
  .sm-disabled-border-22:disabled { border-width: 1.375rem; }
  .sm-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .sm-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-22 { border-width: 1.375rem; }
  .sm-border-t-22 { border-top-width: 1.375rem; }
  .sm-hover-border-t-22:hover { border-top-width: 1.375rem; }
  .sm-focus-border-t-22:focus { border-top-width: 1.375rem; }
  .sm-active-border-t-22:active { border-top-width: 1.375rem; }
  .sm-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  .sm-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  .sm-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-t-22 { border-top-width: 1.375rem; }
  .sm-border-r-22 { border-right-width: 1.375rem; }
  .sm-hover-border-r-22:hover { border-right-width: 1.375rem; }
  .sm-focus-border-r-22:focus { border-right-width: 1.375rem; }
  .sm-active-border-r-22:active { border-right-width: 1.375rem; }
  .sm-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  .sm-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  .sm-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-r-22 { border-right-width: 1.375rem; }
  .sm-border-b-22 { border-bottom-width: 1.375rem; }
  .sm-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  .sm-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  .sm-active-border-b-22:active { border-bottom-width: 1.375rem; }
  .sm-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  .sm-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  .sm-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  .sm-border-l-22 { border-left-width: 1.375rem; }
  .sm-hover-border-l-22:hover { border-left-width: 1.375rem; }
  .sm-focus-border-l-22:focus { border-left-width: 1.375rem; }
  .sm-active-border-l-22:active { border-left-width: 1.375rem; }
  .sm-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  .sm-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  .sm-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-l-22 { border-left-width: 1.375rem; }
  .sm-border-23 { border-width: 1.4375rem; }
  .sm-hover-border-23:hover { border-width: 1.4375rem; }
  .sm-focus-border-23:focus { border-width: 1.4375rem; }
  .sm-active-border-23:active { border-width: 1.4375rem; }
  .sm-disabled-border-23:disabled { border-width: 1.4375rem; }
  .sm-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .sm-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-23 { border-width: 1.4375rem; }
  .sm-border-23 { border-width: 1.4375rem; }
  .sm-hover-border-23:hover { border-width: 1.4375rem; }
  .sm-focus-border-23:focus { border-width: 1.4375rem; }
  .sm-active-border-23:active { border-width: 1.4375rem; }
  .sm-disabled-border-23:disabled { border-width: 1.4375rem; }
  .sm-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .sm-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-23 { border-width: 1.4375rem; }
  .sm-border-t-23 { border-top-width: 1.4375rem; }
  .sm-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  .sm-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  .sm-active-border-t-23:active { border-top-width: 1.4375rem; }
  .sm-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  .sm-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  .sm-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  .sm-border-r-23 { border-right-width: 1.4375rem; }
  .sm-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  .sm-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  .sm-active-border-r-23:active { border-right-width: 1.4375rem; }
  .sm-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  .sm-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  .sm-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  .sm-border-b-23 { border-bottom-width: 1.4375rem; }
  .sm-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  .sm-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  .sm-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  .sm-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  .sm-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  .sm-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  .sm-border-l-23 { border-left-width: 1.4375rem; }
  .sm-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  .sm-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  .sm-active-border-l-23:active { border-left-width: 1.4375rem; }
  .sm-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  .sm-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  .sm-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  .sm-border-24 { border-width: 1.5rem; }
  .sm-hover-border-24:hover { border-width: 1.5rem; }
  .sm-focus-border-24:focus { border-width: 1.5rem; }
  .sm-active-border-24:active { border-width: 1.5rem; }
  .sm-disabled-border-24:disabled { border-width: 1.5rem; }
  .sm-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .sm-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-24 { border-width: 1.5rem; }
  .sm-border-24 { border-width: 1.5rem; }
  .sm-hover-border-24:hover { border-width: 1.5rem; }
  .sm-focus-border-24:focus { border-width: 1.5rem; }
  .sm-active-border-24:active { border-width: 1.5rem; }
  .sm-disabled-border-24:disabled { border-width: 1.5rem; }
  .sm-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .sm-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-24 { border-width: 1.5rem; }
  .sm-border-t-24 { border-top-width: 1.5rem; }
  .sm-hover-border-t-24:hover { border-top-width: 1.5rem; }
  .sm-focus-border-t-24:focus { border-top-width: 1.5rem; }
  .sm-active-border-t-24:active { border-top-width: 1.5rem; }
  .sm-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  .sm-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  .sm-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-t-24 { border-top-width: 1.5rem; }
  .sm-border-r-24 { border-right-width: 1.5rem; }
  .sm-hover-border-r-24:hover { border-right-width: 1.5rem; }
  .sm-focus-border-r-24:focus { border-right-width: 1.5rem; }
  .sm-active-border-r-24:active { border-right-width: 1.5rem; }
  .sm-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  .sm-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  .sm-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-r-24 { border-right-width: 1.5rem; }
  .sm-border-b-24 { border-bottom-width: 1.5rem; }
  .sm-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  .sm-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  .sm-active-border-b-24:active { border-bottom-width: 1.5rem; }
  .sm-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  .sm-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  .sm-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  .sm-border-l-24 { border-left-width: 1.5rem; }
  .sm-hover-border-l-24:hover { border-left-width: 1.5rem; }
  .sm-focus-border-l-24:focus { border-left-width: 1.5rem; }
  .sm-active-border-l-24:active { border-left-width: 1.5rem; }
  .sm-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  .sm-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  .sm-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-l-24 { border-left-width: 1.5rem; }
  .sm-border-25 { border-width: 1.5625rem; }
  .sm-hover-border-25:hover { border-width: 1.5625rem; }
  .sm-focus-border-25:focus { border-width: 1.5625rem; }
  .sm-active-border-25:active { border-width: 1.5625rem; }
  .sm-disabled-border-25:disabled { border-width: 1.5625rem; }
  .sm-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .sm-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-25 { border-width: 1.5625rem; }
  .sm-border-25 { border-width: 1.5625rem; }
  .sm-hover-border-25:hover { border-width: 1.5625rem; }
  .sm-focus-border-25:focus { border-width: 1.5625rem; }
  .sm-active-border-25:active { border-width: 1.5625rem; }
  .sm-disabled-border-25:disabled { border-width: 1.5625rem; }
  .sm-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .sm-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-25 { border-width: 1.5625rem; }
  .sm-border-t-25 { border-top-width: 1.5625rem; }
  .sm-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  .sm-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  .sm-active-border-t-25:active { border-top-width: 1.5625rem; }
  .sm-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  .sm-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  .sm-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  .sm-border-r-25 { border-right-width: 1.5625rem; }
  .sm-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  .sm-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  .sm-active-border-r-25:active { border-right-width: 1.5625rem; }
  .sm-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  .sm-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  .sm-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  .sm-border-b-25 { border-bottom-width: 1.5625rem; }
  .sm-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  .sm-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  .sm-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  .sm-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  .sm-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  .sm-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  .sm-border-l-25 { border-left-width: 1.5625rem; }
  .sm-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  .sm-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  .sm-active-border-l-25:active { border-left-width: 1.5625rem; }
  .sm-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  .sm-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  .sm-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  .sm-border-26 { border-width: 1.625rem; }
  .sm-hover-border-26:hover { border-width: 1.625rem; }
  .sm-focus-border-26:focus { border-width: 1.625rem; }
  .sm-active-border-26:active { border-width: 1.625rem; }
  .sm-disabled-border-26:disabled { border-width: 1.625rem; }
  .sm-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .sm-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-26 { border-width: 1.625rem; }
  .sm-border-26 { border-width: 1.625rem; }
  .sm-hover-border-26:hover { border-width: 1.625rem; }
  .sm-focus-border-26:focus { border-width: 1.625rem; }
  .sm-active-border-26:active { border-width: 1.625rem; }
  .sm-disabled-border-26:disabled { border-width: 1.625rem; }
  .sm-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .sm-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-26 { border-width: 1.625rem; }
  .sm-border-t-26 { border-top-width: 1.625rem; }
  .sm-hover-border-t-26:hover { border-top-width: 1.625rem; }
  .sm-focus-border-t-26:focus { border-top-width: 1.625rem; }
  .sm-active-border-t-26:active { border-top-width: 1.625rem; }
  .sm-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  .sm-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  .sm-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-t-26 { border-top-width: 1.625rem; }
  .sm-border-r-26 { border-right-width: 1.625rem; }
  .sm-hover-border-r-26:hover { border-right-width: 1.625rem; }
  .sm-focus-border-r-26:focus { border-right-width: 1.625rem; }
  .sm-active-border-r-26:active { border-right-width: 1.625rem; }
  .sm-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  .sm-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  .sm-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-r-26 { border-right-width: 1.625rem; }
  .sm-border-b-26 { border-bottom-width: 1.625rem; }
  .sm-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  .sm-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  .sm-active-border-b-26:active { border-bottom-width: 1.625rem; }
  .sm-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  .sm-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  .sm-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  .sm-border-l-26 { border-left-width: 1.625rem; }
  .sm-hover-border-l-26:hover { border-left-width: 1.625rem; }
  .sm-focus-border-l-26:focus { border-left-width: 1.625rem; }
  .sm-active-border-l-26:active { border-left-width: 1.625rem; }
  .sm-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  .sm-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  .sm-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-l-26 { border-left-width: 1.625rem; }
  .sm-border-27 { border-width: 1.6875rem; }
  .sm-hover-border-27:hover { border-width: 1.6875rem; }
  .sm-focus-border-27:focus { border-width: 1.6875rem; }
  .sm-active-border-27:active { border-width: 1.6875rem; }
  .sm-disabled-border-27:disabled { border-width: 1.6875rem; }
  .sm-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .sm-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-27 { border-width: 1.6875rem; }
  .sm-border-27 { border-width: 1.6875rem; }
  .sm-hover-border-27:hover { border-width: 1.6875rem; }
  .sm-focus-border-27:focus { border-width: 1.6875rem; }
  .sm-active-border-27:active { border-width: 1.6875rem; }
  .sm-disabled-border-27:disabled { border-width: 1.6875rem; }
  .sm-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .sm-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-27 { border-width: 1.6875rem; }
  .sm-border-t-27 { border-top-width: 1.6875rem; }
  .sm-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  .sm-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  .sm-active-border-t-27:active { border-top-width: 1.6875rem; }
  .sm-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  .sm-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  .sm-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  .sm-border-r-27 { border-right-width: 1.6875rem; }
  .sm-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  .sm-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  .sm-active-border-r-27:active { border-right-width: 1.6875rem; }
  .sm-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  .sm-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  .sm-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  .sm-border-b-27 { border-bottom-width: 1.6875rem; }
  .sm-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  .sm-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  .sm-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  .sm-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  .sm-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  .sm-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  .sm-border-l-27 { border-left-width: 1.6875rem; }
  .sm-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  .sm-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  .sm-active-border-l-27:active { border-left-width: 1.6875rem; }
  .sm-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  .sm-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  .sm-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  .sm-border-28 { border-width: 1.75rem; }
  .sm-hover-border-28:hover { border-width: 1.75rem; }
  .sm-focus-border-28:focus { border-width: 1.75rem; }
  .sm-active-border-28:active { border-width: 1.75rem; }
  .sm-disabled-border-28:disabled { border-width: 1.75rem; }
  .sm-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .sm-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-28 { border-width: 1.75rem; }
  .sm-border-28 { border-width: 1.75rem; }
  .sm-hover-border-28:hover { border-width: 1.75rem; }
  .sm-focus-border-28:focus { border-width: 1.75rem; }
  .sm-active-border-28:active { border-width: 1.75rem; }
  .sm-disabled-border-28:disabled { border-width: 1.75rem; }
  .sm-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .sm-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-28 { border-width: 1.75rem; }
  .sm-border-t-28 { border-top-width: 1.75rem; }
  .sm-hover-border-t-28:hover { border-top-width: 1.75rem; }
  .sm-focus-border-t-28:focus { border-top-width: 1.75rem; }
  .sm-active-border-t-28:active { border-top-width: 1.75rem; }
  .sm-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  .sm-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  .sm-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-t-28 { border-top-width: 1.75rem; }
  .sm-border-r-28 { border-right-width: 1.75rem; }
  .sm-hover-border-r-28:hover { border-right-width: 1.75rem; }
  .sm-focus-border-r-28:focus { border-right-width: 1.75rem; }
  .sm-active-border-r-28:active { border-right-width: 1.75rem; }
  .sm-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  .sm-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  .sm-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-r-28 { border-right-width: 1.75rem; }
  .sm-border-b-28 { border-bottom-width: 1.75rem; }
  .sm-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  .sm-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  .sm-active-border-b-28:active { border-bottom-width: 1.75rem; }
  .sm-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  .sm-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  .sm-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  .sm-border-l-28 { border-left-width: 1.75rem; }
  .sm-hover-border-l-28:hover { border-left-width: 1.75rem; }
  .sm-focus-border-l-28:focus { border-left-width: 1.75rem; }
  .sm-active-border-l-28:active { border-left-width: 1.75rem; }
  .sm-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  .sm-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  .sm-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-l-28 { border-left-width: 1.75rem; }
  .sm-border-29 { border-width: 1.8125rem; }
  .sm-hover-border-29:hover { border-width: 1.8125rem; }
  .sm-focus-border-29:focus { border-width: 1.8125rem; }
  .sm-active-border-29:active { border-width: 1.8125rem; }
  .sm-disabled-border-29:disabled { border-width: 1.8125rem; }
  .sm-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .sm-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-29 { border-width: 1.8125rem; }
  .sm-border-29 { border-width: 1.8125rem; }
  .sm-hover-border-29:hover { border-width: 1.8125rem; }
  .sm-focus-border-29:focus { border-width: 1.8125rem; }
  .sm-active-border-29:active { border-width: 1.8125rem; }
  .sm-disabled-border-29:disabled { border-width: 1.8125rem; }
  .sm-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .sm-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-29 { border-width: 1.8125rem; }
  .sm-border-t-29 { border-top-width: 1.8125rem; }
  .sm-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  .sm-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  .sm-active-border-t-29:active { border-top-width: 1.8125rem; }
  .sm-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  .sm-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  .sm-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  .sm-border-r-29 { border-right-width: 1.8125rem; }
  .sm-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  .sm-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  .sm-active-border-r-29:active { border-right-width: 1.8125rem; }
  .sm-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  .sm-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  .sm-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  .sm-border-b-29 { border-bottom-width: 1.8125rem; }
  .sm-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  .sm-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  .sm-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  .sm-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  .sm-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  .sm-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  .sm-border-l-29 { border-left-width: 1.8125rem; }
  .sm-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  .sm-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  .sm-active-border-l-29:active { border-left-width: 1.8125rem; }
  .sm-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  .sm-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  .sm-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  .sm-border-30 { border-width: 1.875rem; }
  .sm-hover-border-30:hover { border-width: 1.875rem; }
  .sm-focus-border-30:focus { border-width: 1.875rem; }
  .sm-active-border-30:active { border-width: 1.875rem; }
  .sm-disabled-border-30:disabled { border-width: 1.875rem; }
  .sm-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .sm-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-30 { border-width: 1.875rem; }
  .sm-border-30 { border-width: 1.875rem; }
  .sm-hover-border-30:hover { border-width: 1.875rem; }
  .sm-focus-border-30:focus { border-width: 1.875rem; }
  .sm-active-border-30:active { border-width: 1.875rem; }
  .sm-disabled-border-30:disabled { border-width: 1.875rem; }
  .sm-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .sm-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-30 { border-width: 1.875rem; }
  .sm-border-t-30 { border-top-width: 1.875rem; }
  .sm-hover-border-t-30:hover { border-top-width: 1.875rem; }
  .sm-focus-border-t-30:focus { border-top-width: 1.875rem; }
  .sm-active-border-t-30:active { border-top-width: 1.875rem; }
  .sm-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  .sm-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  .sm-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-t-30 { border-top-width: 1.875rem; }
  .sm-border-r-30 { border-right-width: 1.875rem; }
  .sm-hover-border-r-30:hover { border-right-width: 1.875rem; }
  .sm-focus-border-r-30:focus { border-right-width: 1.875rem; }
  .sm-active-border-r-30:active { border-right-width: 1.875rem; }
  .sm-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  .sm-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  .sm-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-r-30 { border-right-width: 1.875rem; }
  .sm-border-b-30 { border-bottom-width: 1.875rem; }
  .sm-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  .sm-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  .sm-active-border-b-30:active { border-bottom-width: 1.875rem; }
  .sm-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  .sm-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  .sm-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  .sm-border-l-30 { border-left-width: 1.875rem; }
  .sm-hover-border-l-30:hover { border-left-width: 1.875rem; }
  .sm-focus-border-l-30:focus { border-left-width: 1.875rem; }
  .sm-active-border-l-30:active { border-left-width: 1.875rem; }
  .sm-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  .sm-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  .sm-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-l-30 { border-left-width: 1.875rem; }
  .sm-border-31 { border-width: 1.9375rem; }
  .sm-hover-border-31:hover { border-width: 1.9375rem; }
  .sm-focus-border-31:focus { border-width: 1.9375rem; }
  .sm-active-border-31:active { border-width: 1.9375rem; }
  .sm-disabled-border-31:disabled { border-width: 1.9375rem; }
  .sm-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .sm-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-31 { border-width: 1.9375rem; }
  .sm-border-31 { border-width: 1.9375rem; }
  .sm-hover-border-31:hover { border-width: 1.9375rem; }
  .sm-focus-border-31:focus { border-width: 1.9375rem; }
  .sm-active-border-31:active { border-width: 1.9375rem; }
  .sm-disabled-border-31:disabled { border-width: 1.9375rem; }
  .sm-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .sm-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-31 { border-width: 1.9375rem; }
  .sm-border-t-31 { border-top-width: 1.9375rem; }
  .sm-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  .sm-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  .sm-active-border-t-31:active { border-top-width: 1.9375rem; }
  .sm-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  .sm-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  .sm-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  .sm-border-r-31 { border-right-width: 1.9375rem; }
  .sm-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  .sm-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  .sm-active-border-r-31:active { border-right-width: 1.9375rem; }
  .sm-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  .sm-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  .sm-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  .sm-border-b-31 { border-bottom-width: 1.9375rem; }
  .sm-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  .sm-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  .sm-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  .sm-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  .sm-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  .sm-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  .sm-border-l-31 { border-left-width: 1.9375rem; }
  .sm-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  .sm-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  .sm-active-border-l-31:active { border-left-width: 1.9375rem; }
  .sm-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  .sm-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  .sm-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  .sm-border-32 { border-width: 2.0rem; }
  .sm-hover-border-32:hover { border-width: 2.0rem; }
  .sm-focus-border-32:focus { border-width: 2.0rem; }
  .sm-active-border-32:active { border-width: 2.0rem; }
  .sm-disabled-border-32:disabled { border-width: 2.0rem; }
  .sm-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .sm-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-32 { border-width: 2.0rem; }
  .sm-border-32 { border-width: 2.0rem; }
  .sm-hover-border-32:hover { border-width: 2.0rem; }
  .sm-focus-border-32:focus { border-width: 2.0rem; }
  .sm-active-border-32:active { border-width: 2.0rem; }
  .sm-disabled-border-32:disabled { border-width: 2.0rem; }
  .sm-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .sm-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-32 { border-width: 2.0rem; }
  .sm-border-t-32 { border-top-width: 2.0rem; }
  .sm-hover-border-t-32:hover { border-top-width: 2.0rem; }
  .sm-focus-border-t-32:focus { border-top-width: 2.0rem; }
  .sm-active-border-t-32:active { border-top-width: 2.0rem; }
  .sm-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  .sm-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  .sm-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-t-32 { border-top-width: 2.0rem; }
  .sm-border-r-32 { border-right-width: 2.0rem; }
  .sm-hover-border-r-32:hover { border-right-width: 2.0rem; }
  .sm-focus-border-r-32:focus { border-right-width: 2.0rem; }
  .sm-active-border-r-32:active { border-right-width: 2.0rem; }
  .sm-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  .sm-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  .sm-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-r-32 { border-right-width: 2.0rem; }
  .sm-border-b-32 { border-bottom-width: 2.0rem; }
  .sm-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  .sm-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  .sm-active-border-b-32:active { border-bottom-width: 2.0rem; }
  .sm-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  .sm-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  .sm-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  .sm-border-l-32 { border-left-width: 2.0rem; }
  .sm-hover-border-l-32:hover { border-left-width: 2.0rem; }
  .sm-focus-border-l-32:focus { border-left-width: 2.0rem; }
  .sm-active-border-l-32:active { border-left-width: 2.0rem; }
  .sm-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  .sm-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  .sm-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-l-32 { border-left-width: 2.0rem; }
  .sm-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .sm-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-group:hover .sm-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .sm-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .sm-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-group:hover .sm-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .sm-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .sm-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .sm-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .sm-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-group:hover .sm-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .sm-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .sm-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-group:hover .sm-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .sm-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .sm-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-group:hover .sm-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .sm-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .sm-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-group:hover .sm-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .sm-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .sm-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-group:hover .sm-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .sm-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .sm-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .sm-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .sm-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-group:hover .sm-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .sm-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .sm-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-group:hover .sm-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .sm-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .sm-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-group:hover .sm-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .sm-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .sm-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-group:hover .sm-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .sm-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .sm-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-group:hover .sm-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .sm-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .sm-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-group:hover .sm-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .sm-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .sm-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-group:hover .sm-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .sm-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .sm-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-group:hover .sm-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .sm-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .sm-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-group:hover .sm-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .sm-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .sm-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-group:hover .sm-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .sm-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .sm-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-group:hover .sm-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .sm-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .sm-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-group:hover .sm-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .sm-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .sm-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-group:hover .sm-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .sm-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .sm-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-group:hover .sm-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .sm-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .sm-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-group:hover .sm-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .sm-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .sm-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-group:hover .sm-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .sm-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .sm-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-group:hover .sm-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .sm-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .sm-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-group:hover .sm-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .sm-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .sm-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-group:hover .sm-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .sm-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .sm-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-group:hover .sm-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .sm-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .sm-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-group:hover .sm-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .sm-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .sm-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-group:hover .sm-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .sm-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .sm-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-group:hover .sm-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .sm-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .sm-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-group:hover .sm-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .sm-border-transparent { border-color: transparent; }
  .sm-hover-border-transparent:hover { border-color: transparent; }
  .sm-focus-border-transparent:focus { border-color: transparent; }
  .sm-active-border-transparent:active { border-color: transparent; }
  .sm-disabled-border-transparent:disabled { border-color: transparent; }
  .sm-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  .sm-focus-within-border-transparent:focus-within { border-color: transparent; }
  .sm-group:hover .sm-group-hover-border-transparent { border-color: transparent; }
  .sm-border-inherit { border-color: inherit; }
  .sm-hover-border-inherit:hover { border-color: inherit; }
  .sm-focus-border-inherit:focus { border-color: inherit; }
  .sm-active-border-inherit:active { border-color: inherit; }
  .sm-disabled-border-inherit:disabled { border-color: inherit; }
  .sm-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  .sm-focus-within-border-inherit:focus-within { border-color: inherit; }
  .sm-group:hover .sm-group-hover-border-inherit { border-color: inherit; }
  .sm-bg-transparent { background-color: transparent; }
  .sm-hover-bg-transparent:hover { background-color: transparent; }
  .sm-focus-bg-transparent:focus { background-color: transparent; }
  .sm-active-bg-transparent:active { background-color: transparent; }
  .sm-disabled-bg-transparent:disabled { background-color: transparent; }
  .sm-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  .sm-focus-within-bg-transparent:focus-within { background-color: transparent; }
  .sm-group:hover .sm-group-hover-bg-transparent { background-color: transparent; }
  .sm-bg-inherit { background-color: inherit; }
  .sm-hover-bg-inherit:hover { background-color: inherit; }
  .sm-focus-bg-inherit:focus { background-color: inherit; }
  .sm-active-bg-inherit:active { background-color: inherit; }
  .sm-disabled-bg-inherit:disabled { background-color: inherit; }
  .sm-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  .sm-focus-within-bg-inherit:focus-within { background-color: inherit; }
  .sm-group:hover .sm-group-hover-bg-inherit { background-color: inherit; }
  .sm-text-transparent { color: transparent; }
  .sm-hover-text-transparent:hover { color: transparent; }
  .sm-focus-text-transparent:focus { color: transparent; }
  .sm-active-text-transparent:active { color: transparent; }
  .sm-disabled-text-transparent:disabled { color: transparent; }
  .sm-focus-visible-text-transparent:focus-visible { color: transparent; }
  .sm-focus-within-text-transparent:focus-within { color: transparent; }
  .sm-group:hover .sm-group-hover-text-transparent { color: transparent; }
  .sm-text-inherit { color: inherit; }
  .sm-hover-text-inherit:hover { color: inherit; }
  .sm-focus-text-inherit:focus { color: inherit; }
  .sm-active-text-inherit:active { color: inherit; }
  .sm-disabled-text-inherit:disabled { color: inherit; }
  .sm-focus-visible-text-inherit:focus-visible { color: inherit; }
  .sm-focus-within-text-inherit:focus-within { color: inherit; }
  .sm-group:hover .sm-group-hover-text-inherit { color: inherit; }
  .sm-border-solid { border-style: solid; }
  .sm-hover-border-solid:hover { border-style: solid; }
  .sm-focus-border-solid:focus { border-style: solid; }
  .sm-active-border-solid:active { border-style: solid; }
  .sm-disabled-border-solid:disabled { border-style: solid; }
  .sm-focus-visible-border-solid:focus-visible { border-style: solid; }
  .sm-focus-within-border-solid:focus-within { border-style: solid; }
  .sm-group:hover .sm-group-hover-border-solid { border-style: solid; }
  .sm-border-dashed { border-style: dashed; }
  .sm-hover-border-dashed:hover { border-style: dashed; }
  .sm-focus-border-dashed:focus { border-style: dashed; }
  .sm-active-border-dashed:active { border-style: dashed; }
  .sm-disabled-border-dashed:disabled { border-style: dashed; }
  .sm-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  .sm-focus-within-border-dashed:focus-within { border-style: dashed; }
  .sm-group:hover .sm-group-hover-border-dashed { border-style: dashed; }
  .sm-border-dotted { border-style: dotted; }
  .sm-hover-border-dotted:hover { border-style: dotted; }
  .sm-focus-border-dotted:focus { border-style: dotted; }
  .sm-active-border-dotted:active { border-style: dotted; }
  .sm-disabled-border-dotted:disabled { border-style: dotted; }
  .sm-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  .sm-focus-within-border-dotted:focus-within { border-style: dotted; }
  .sm-group:hover .sm-group-hover-border-dotted { border-style: dotted; }
  .sm-border-double { border-style: double; }
  .sm-hover-border-double:hover { border-style: double; }
  .sm-focus-border-double:focus { border-style: double; }
  .sm-active-border-double:active { border-style: double; }
  .sm-disabled-border-double:disabled { border-style: double; }
  .sm-focus-visible-border-double:focus-visible { border-style: double; }
  .sm-focus-within-border-double:focus-within { border-style: double; }
  .sm-group:hover .sm-group-hover-border-double { border-style: double; }
  .sm-border-none { border-style: none; }
  .sm-hover-border-none:hover { border-style: none; }
  .sm-focus-border-none:focus { border-style: none; }
  .sm-active-border-none:active { border-style: none; }
  .sm-disabled-border-none:disabled { border-style: none; }
  .sm-focus-visible-border-none:focus-visible { border-style: none; }
  .sm-focus-within-border-none:focus-within { border-style: none; }
  .sm-group:hover .sm-group-hover-border-none { border-style: none; }
  .sm-z-auto { z-index: auto; }
  .sm-hover-z-auto:hover { z-index: auto; }
  .sm-focus-z-auto:focus { z-index: auto; }
  .sm-active-z-auto:active { z-index: auto; }
  .sm-disabled-z-auto:disabled { z-index: auto; }
  .sm-focus-visible-z-auto:focus-visible { z-index: auto; }
  .sm-focus-within-z-auto:focus-within { z-index: auto; }
  .sm-group:hover .sm-group-hover-z-auto { z-index: auto; }
  .sm-z-0 { z-index: 0; }
  .sm-hover-z-0:hover { z-index: 0; }
  .sm-focus-z-0:focus { z-index: 0; }
  .sm-active-z-0:active { z-index: 0; }
  .sm-disabled-z-0:disabled { z-index: 0; }
  .sm-focus-visible-z-0:focus-visible { z-index: 0; }
  .sm-focus-within-z-0:focus-within { z-index: 0; }
  .sm-group:hover .sm-group-hover-z-0 { z-index: 0; }
  .sm-z-10 { z-index: 10; }
  .sm-hover-z-10:hover { z-index: 10; }
  .sm-focus-z-10:focus { z-index: 10; }
  .sm-active-z-10:active { z-index: 10; }
  .sm-disabled-z-10:disabled { z-index: 10; }
  .sm-focus-visible-z-10:focus-visible { z-index: 10; }
  .sm-focus-within-z-10:focus-within { z-index: 10; }
  .sm-group:hover .sm-group-hover-z-10 { z-index: 10; }
  .sm-z-20 { z-index: 20; }
  .sm-hover-z-20:hover { z-index: 20; }
  .sm-focus-z-20:focus { z-index: 20; }
  .sm-active-z-20:active { z-index: 20; }
  .sm-disabled-z-20:disabled { z-index: 20; }
  .sm-focus-visible-z-20:focus-visible { z-index: 20; }
  .sm-focus-within-z-20:focus-within { z-index: 20; }
  .sm-group:hover .sm-group-hover-z-20 { z-index: 20; }
  .sm-z-30 { z-index: 30; }
  .sm-hover-z-30:hover { z-index: 30; }
  .sm-focus-z-30:focus { z-index: 30; }
  .sm-active-z-30:active { z-index: 30; }
  .sm-disabled-z-30:disabled { z-index: 30; }
  .sm-focus-visible-z-30:focus-visible { z-index: 30; }
  .sm-focus-within-z-30:focus-within { z-index: 30; }
  .sm-group:hover .sm-group-hover-z-30 { z-index: 30; }
  .sm-z-40 { z-index: 40; }
  .sm-hover-z-40:hover { z-index: 40; }
  .sm-focus-z-40:focus { z-index: 40; }
  .sm-active-z-40:active { z-index: 40; }
  .sm-disabled-z-40:disabled { z-index: 40; }
  .sm-focus-visible-z-40:focus-visible { z-index: 40; }
  .sm-focus-within-z-40:focus-within { z-index: 40; }
  .sm-group:hover .sm-group-hover-z-40 { z-index: 40; }
  .sm-z-50 { z-index: 50; }
  .sm-hover-z-50:hover { z-index: 50; }
  .sm-focus-z-50:focus { z-index: 50; }
  .sm-active-z-50:active { z-index: 50; }
  .sm-disabled-z-50:disabled { z-index: 50; }
  .sm-focus-visible-z-50:focus-visible { z-index: 50; }
  .sm-focus-within-z-50:focus-within { z-index: 50; }
  .sm-group:hover .sm-group-hover-z-50 { z-index: 50; }
  .sm-z-100 { z-index: 100; }
  .sm-hover-z-100:hover { z-index: 100; }
  .sm-focus-z-100:focus { z-index: 100; }
  .sm-active-z-100:active { z-index: 100; }
  .sm-disabled-z-100:disabled { z-index: 100; }
  .sm-focus-visible-z-100:focus-visible { z-index: 100; }
  .sm-focus-within-z-100:focus-within { z-index: 100; }
  .sm-group:hover .sm-group-hover-z-100 { z-index: 100; }
  .sm-z-9999 { z-index: 9999; }
  .sm-hover-z-9999:hover { z-index: 9999; }
  .sm-focus-z-9999:focus { z-index: 9999; }
  .sm-active-z-9999:active { z-index: 9999; }
  .sm-disabled-z-9999:disabled { z-index: 9999; }
  .sm-focus-visible-z-9999:focus-visible { z-index: 9999; }
  .sm-focus-within-z-9999:focus-within { z-index: 9999; }
  .sm-group:hover .sm-group-hover-z-9999 { z-index: 9999; }
  .sm--z-10 { z-index: -10; }
  .sm-hover--z-10:hover { z-index: -10; }
  .sm-focus--z-10:focus { z-index: -10; }
  .sm-active--z-10:active { z-index: -10; }
  .sm-disabled--z-10:disabled { z-index: -10; }
  .sm-focus-visible--z-10:focus-visible { z-index: -10; }
  .sm-focus-within--z-10:focus-within { z-index: -10; }
  .sm-group:hover .sm-group-hover--z-10 { z-index: -10; }
  .sm--z-20 { z-index: -20; }
  .sm-hover--z-20:hover { z-index: -20; }
  .sm-focus--z-20:focus { z-index: -20; }
  .sm-active--z-20:active { z-index: -20; }
  .sm-disabled--z-20:disabled { z-index: -20; }
  .sm-focus-visible--z-20:focus-visible { z-index: -20; }
  .sm-focus-within--z-20:focus-within { z-index: -20; }
  .sm-group:hover .sm-group-hover--z-20 { z-index: -20; }
  .sm--z-40 { z-index: -40; }
  .sm-hover--z-40:hover { z-index: -40; }
  .sm-focus--z-40:focus { z-index: -40; }
  .sm-active--z-40:active { z-index: -40; }
  .sm-disabled--z-40:disabled { z-index: -40; }
  .sm-focus-visible--z-40:focus-visible { z-index: -40; }
  .sm-focus-within--z-40:focus-within { z-index: -40; }
  .sm-group:hover .sm-group-hover--z-40 { z-index: -40; }
  .sm--z-50 { z-index: -50; }
  .sm-hover--z-50:hover { z-index: -50; }
  .sm-focus--z-50:focus { z-index: -50; }
  .sm-active--z-50:active { z-index: -50; }
  .sm-disabled--z-50:disabled { z-index: -50; }
  .sm-focus-visible--z-50:focus-visible { z-index: -50; }
  .sm-focus-within--z-50:focus-within { z-index: -50; }
  .sm-group:hover .sm-group-hover--z-50 { z-index: -50; }
  .sm--z-100 { z-index: -100; }
  .sm-hover--z-100:hover { z-index: -100; }
  .sm-focus--z-100:focus { z-index: -100; }
  .sm-active--z-100:active { z-index: -100; }
  .sm-disabled--z-100:disabled { z-index: -100; }
  .sm-focus-visible--z-100:focus-visible { z-index: -100; }
  .sm-focus-within--z-100:focus-within { z-index: -100; }
  .sm-group:hover .sm-group-hover--z-100 { z-index: -100; }
  .sm-opacity-0 { opacity: 0; }
  .sm-hover-opacity-0:hover { opacity: 0; }
  .sm-focus-opacity-0:focus { opacity: 0; }
  .sm-active-opacity-0:active { opacity: 0; }
  .sm-disabled-opacity-0:disabled { opacity: 0; }
  .sm-focus-visible-opacity-0:focus-visible { opacity: 0; }
  .sm-focus-within-opacity-0:focus-within { opacity: 0; }
  .sm-group:hover .sm-group-hover-opacity-0 { opacity: 0; }
  .sm-opacity-10 { opacity: 0.1; }
  .sm-hover-opacity-10:hover { opacity: 0.1; }
  .sm-focus-opacity-10:focus { opacity: 0.1; }
  .sm-active-opacity-10:active { opacity: 0.1; }
  .sm-disabled-opacity-10:disabled { opacity: 0.1; }
  .sm-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  .sm-focus-within-opacity-10:focus-within { opacity: 0.1; }
  .sm-group:hover .sm-group-hover-opacity-10 { opacity: 0.1; }
  .sm-opacity-20 { opacity: 0.2; }
  .sm-hover-opacity-20:hover { opacity: 0.2; }
  .sm-focus-opacity-20:focus { opacity: 0.2; }
  .sm-active-opacity-20:active { opacity: 0.2; }
  .sm-disabled-opacity-20:disabled { opacity: 0.2; }
  .sm-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  .sm-focus-within-opacity-20:focus-within { opacity: 0.2; }
  .sm-group:hover .sm-group-hover-opacity-20 { opacity: 0.2; }
  .sm-opacity-25 { opacity: 0.25; }
  .sm-hover-opacity-25:hover { opacity: 0.25; }
  .sm-focus-opacity-25:focus { opacity: 0.25; }
  .sm-active-opacity-25:active { opacity: 0.25; }
  .sm-disabled-opacity-25:disabled { opacity: 0.25; }
  .sm-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  .sm-focus-within-opacity-25:focus-within { opacity: 0.25; }
  .sm-group:hover .sm-group-hover-opacity-25 { opacity: 0.25; }
  .sm-opacity-30 { opacity: 0.3; }
  .sm-hover-opacity-30:hover { opacity: 0.3; }
  .sm-focus-opacity-30:focus { opacity: 0.3; }
  .sm-active-opacity-30:active { opacity: 0.3; }
  .sm-disabled-opacity-30:disabled { opacity: 0.3; }
  .sm-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  .sm-focus-within-opacity-30:focus-within { opacity: 0.3; }
  .sm-group:hover .sm-group-hover-opacity-30 { opacity: 0.3; }
  .sm-opacity-40 { opacity: 0.4; }
  .sm-hover-opacity-40:hover { opacity: 0.4; }
  .sm-focus-opacity-40:focus { opacity: 0.4; }
  .sm-active-opacity-40:active { opacity: 0.4; }
  .sm-disabled-opacity-40:disabled { opacity: 0.4; }
  .sm-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  .sm-focus-within-opacity-40:focus-within { opacity: 0.4; }
  .sm-group:hover .sm-group-hover-opacity-40 { opacity: 0.4; }
  .sm-opacity-50 { opacity: 0.5; }
  .sm-hover-opacity-50:hover { opacity: 0.5; }
  .sm-focus-opacity-50:focus { opacity: 0.5; }
  .sm-active-opacity-50:active { opacity: 0.5; }
  .sm-disabled-opacity-50:disabled { opacity: 0.5; }
  .sm-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  .sm-focus-within-opacity-50:focus-within { opacity: 0.5; }
  .sm-group:hover .sm-group-hover-opacity-50 { opacity: 0.5; }
  .sm-opacity-60 { opacity: 0.6; }
  .sm-hover-opacity-60:hover { opacity: 0.6; }
  .sm-focus-opacity-60:focus { opacity: 0.6; }
  .sm-active-opacity-60:active { opacity: 0.6; }
  .sm-disabled-opacity-60:disabled { opacity: 0.6; }
  .sm-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  .sm-focus-within-opacity-60:focus-within { opacity: 0.6; }
  .sm-group:hover .sm-group-hover-opacity-60 { opacity: 0.6; }
  .sm-opacity-70 { opacity: 0.7; }
  .sm-hover-opacity-70:hover { opacity: 0.7; }
  .sm-focus-opacity-70:focus { opacity: 0.7; }
  .sm-active-opacity-70:active { opacity: 0.7; }
  .sm-disabled-opacity-70:disabled { opacity: 0.7; }
  .sm-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  .sm-focus-within-opacity-70:focus-within { opacity: 0.7; }
  .sm-group:hover .sm-group-hover-opacity-70 { opacity: 0.7; }
  .sm-opacity-75 { opacity: 0.75; }
  .sm-hover-opacity-75:hover { opacity: 0.75; }
  .sm-focus-opacity-75:focus { opacity: 0.75; }
  .sm-active-opacity-75:active { opacity: 0.75; }
  .sm-disabled-opacity-75:disabled { opacity: 0.75; }
  .sm-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  .sm-focus-within-opacity-75:focus-within { opacity: 0.75; }
  .sm-group:hover .sm-group-hover-opacity-75 { opacity: 0.75; }
  .sm-opacity-80 { opacity: 0.8; }
  .sm-hover-opacity-80:hover { opacity: 0.8; }
  .sm-focus-opacity-80:focus { opacity: 0.8; }
  .sm-active-opacity-80:active { opacity: 0.8; }
  .sm-disabled-opacity-80:disabled { opacity: 0.8; }
  .sm-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  .sm-focus-within-opacity-80:focus-within { opacity: 0.8; }
  .sm-group:hover .sm-group-hover-opacity-80 { opacity: 0.8; }
  .sm-opacity-90 { opacity: 0.9; }
  .sm-hover-opacity-90:hover { opacity: 0.9; }
  .sm-focus-opacity-90:focus { opacity: 0.9; }
  .sm-active-opacity-90:active { opacity: 0.9; }
  .sm-disabled-opacity-90:disabled { opacity: 0.9; }
  .sm-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  .sm-focus-within-opacity-90:focus-within { opacity: 0.9; }
  .sm-group:hover .sm-group-hover-opacity-90 { opacity: 0.9; }
  .sm-opacity-100 { opacity: 1; }
  .sm-hover-opacity-100:hover { opacity: 1; }
  .sm-focus-opacity-100:focus { opacity: 1; }
  .sm-active-opacity-100:active { opacity: 1; }
  .sm-disabled-opacity-100:disabled { opacity: 1; }
  .sm-focus-visible-opacity-100:focus-visible { opacity: 1; }
  .sm-focus-within-opacity-100:focus-within { opacity: 1; }
  .sm-group:hover .sm-group-hover-opacity-100 { opacity: 1; }
  .sm-bg-gradient-l { --quanta-gradient-direction: to left; }
  .sm-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  .sm-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  .sm-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  .sm-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  .sm-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  .sm-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  .sm-group:hover .sm-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  .sm-bg-gradient-r { --quanta-gradient-direction: to right; }
  .sm-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  .sm-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  .sm-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  .sm-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  .sm-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  .sm-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  .sm-group:hover .sm-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  .sm-bg-gradient-t { --quanta-gradient-direction: to top; }
  .sm-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  .sm-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  .sm-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  .sm-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  .sm-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  .sm-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  .sm-group:hover .sm-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  .sm-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .sm-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  .sm-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  .sm-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  .sm-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  .sm-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  .sm-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  .sm-group:hover .sm-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .sm-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .sm-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  .sm-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  .sm-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  .sm-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  .sm-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  .sm-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  .sm-group:hover .sm-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .sm-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .sm-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  .sm-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  .sm-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  .sm-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  .sm-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  .sm-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  .sm-group:hover .sm-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .sm-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .sm-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  .sm-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  .sm-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  .sm-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  .sm-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  .sm-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  .sm-group:hover .sm-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .sm-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .sm-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  .sm-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  .sm-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  .sm-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  .sm-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  .sm-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  .sm-group:hover .sm-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .sm-rounded-0 { border-radius: 0; }
  .sm-hover-rounded-0:hover { border-radius: 0; }
  .sm-focus-rounded-0:focus { border-radius: 0; }
  .sm-active-rounded-0:active { border-radius: 0; }
  .sm-disabled-rounded-0:disabled { border-radius: 0; }
  .sm-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  .sm-focus-within-rounded-0:focus-within { border-radius: 0; }
  .sm-group:hover .sm-group-hover-rounded-0 { border-radius: 0; }
  .sm-rounded-xs { border-radius: 0.125rem; }
  .sm-hover-rounded-xs:hover { border-radius: 0.125rem; }
  .sm-focus-rounded-xs:focus { border-radius: 0.125rem; }
  .sm-active-rounded-xs:active { border-radius: 0.125rem; }
  .sm-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  .sm-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  .sm-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  .sm-group:hover .sm-group-hover-rounded-xs { border-radius: 0.125rem; }
  .sm-rounded-sm { border-radius: 0.25rem; }
  .sm-hover-rounded-sm:hover { border-radius: 0.25rem; }
  .sm-focus-rounded-sm:focus { border-radius: 0.25rem; }
  .sm-active-rounded-sm:active { border-radius: 0.25rem; }
  .sm-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  .sm-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  .sm-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  .sm-group:hover .sm-group-hover-rounded-sm { border-radius: 0.25rem; }
  .sm-rounded { border-radius: 0.5rem; }
  .sm-hover-rounded:hover { border-radius: 0.5rem; }
  .sm-focus-rounded:focus { border-radius: 0.5rem; }
  .sm-active-rounded:active { border-radius: 0.5rem; }
  .sm-disabled-rounded:disabled { border-radius: 0.5rem; }
  .sm-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  .sm-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  .sm-group:hover .sm-group-hover-rounded { border-radius: 0.5rem; }
  .sm-rounded-md { border-radius: 0.75rem; }
  .sm-hover-rounded-md:hover { border-radius: 0.75rem; }
  .sm-focus-rounded-md:focus { border-radius: 0.75rem; }
  .sm-active-rounded-md:active { border-radius: 0.75rem; }
  .sm-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  .sm-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  .sm-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  .sm-group:hover .sm-group-hover-rounded-md { border-radius: 0.75rem; }
  .sm-rounded-lg { border-radius: 1rem; }
  .sm-hover-rounded-lg:hover { border-radius: 1rem; }
  .sm-focus-rounded-lg:focus { border-radius: 1rem; }
  .sm-active-rounded-lg:active { border-radius: 1rem; }
  .sm-disabled-rounded-lg:disabled { border-radius: 1rem; }
  .sm-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  .sm-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  .sm-group:hover .sm-group-hover-rounded-lg { border-radius: 1rem; }
  .sm-rounded-xl { border-radius: 1.5rem; }
  .sm-hover-rounded-xl:hover { border-radius: 1.5rem; }
  .sm-focus-rounded-xl:focus { border-radius: 1.5rem; }
  .sm-active-rounded-xl:active { border-radius: 1.5rem; }
  .sm-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  .sm-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  .sm-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  .sm-group:hover .sm-group-hover-rounded-xl { border-radius: 1.5rem; }
  .sm-rounded-2xl { border-radius: 2rem; }
  .sm-hover-rounded-2xl:hover { border-radius: 2rem; }
  .sm-focus-rounded-2xl:focus { border-radius: 2rem; }
  .sm-active-rounded-2xl:active { border-radius: 2rem; }
  .sm-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  .sm-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  .sm-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  .sm-group:hover .sm-group-hover-rounded-2xl { border-radius: 2rem; }
  .sm-rounded-full { border-radius: 9999px; }
  .sm-hover-rounded-full:hover { border-radius: 9999px; }
  .sm-focus-rounded-full:focus { border-radius: 9999px; }
  .sm-active-rounded-full:active { border-radius: 9999px; }
  .sm-disabled-rounded-full:disabled { border-radius: 9999px; }
  .sm-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  .sm-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  .sm-group:hover .sm-group-hover-rounded-full { border-radius: 9999px; }
  .sm-rounded-pill { border-radius: 50px; }
  .sm-hover-rounded-pill:hover { border-radius: 50px; }
  .sm-focus-rounded-pill:focus { border-radius: 50px; }
  .sm-active-rounded-pill:active { border-radius: 50px; }
  .sm-disabled-rounded-pill:disabled { border-radius: 50px; }
  .sm-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  .sm-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  .sm-group:hover .sm-group-hover-rounded-pill { border-radius: 50px; }
  .sm-rounded-tl-0 { border-top-left-radius: 0; }
  .sm-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  .sm-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  .sm-active-rounded-tl-0:active { border-top-left-radius: 0; }
  .sm-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  .sm-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  .sm-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  .sm-group:hover .sm-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  .sm-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .sm-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  .sm-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  .sm-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  .sm-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  .sm-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  .sm-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .sm-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .sm-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  .sm-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  .sm-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  .sm-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  .sm-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  .sm-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .sm-rounded-tl { border-top-left-radius: 0.5rem; }
  .sm-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  .sm-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  .sm-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  .sm-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  .sm-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  .sm-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  .sm-group:hover .sm-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  .sm-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .sm-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  .sm-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  .sm-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  .sm-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  .sm-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  .sm-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .sm-rounded-tl-lg { border-top-left-radius: 1rem; }
  .sm-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  .sm-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  .sm-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  .sm-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  .sm-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  .sm-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  .sm-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .sm-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  .sm-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  .sm-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  .sm-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  .sm-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  .sm-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .sm-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .sm-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  .sm-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  .sm-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  .sm-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  .sm-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  .sm-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  .sm-group:hover .sm-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .sm-rounded-tl-full { border-top-left-radius: 9999px; }
  .sm-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  .sm-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  .sm-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  .sm-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  .sm-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  .sm-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  .sm-group:hover .sm-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  .sm-rounded-tl-pill { border-top-left-radius: 50px; }
  .sm-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  .sm-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  .sm-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  .sm-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  .sm-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  .sm-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  .sm-group:hover .sm-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  .sm-rounded-tr-0 { border-top-right-radius: 0; }
  .sm-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  .sm-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  .sm-active-rounded-tr-0:active { border-top-right-radius: 0; }
  .sm-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  .sm-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  .sm-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  .sm-group:hover .sm-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  .sm-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .sm-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  .sm-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  .sm-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  .sm-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  .sm-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  .sm-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .sm-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .sm-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  .sm-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  .sm-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  .sm-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  .sm-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  .sm-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .sm-rounded-tr { border-top-right-radius: 0.5rem; }
  .sm-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  .sm-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  .sm-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  .sm-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  .sm-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  .sm-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  .sm-group:hover .sm-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  .sm-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .sm-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  .sm-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  .sm-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  .sm-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  .sm-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  .sm-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .sm-rounded-tr-lg { border-top-right-radius: 1rem; }
  .sm-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  .sm-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  .sm-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  .sm-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  .sm-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  .sm-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  .sm-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .sm-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  .sm-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  .sm-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  .sm-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  .sm-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  .sm-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .sm-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .sm-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  .sm-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  .sm-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  .sm-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  .sm-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  .sm-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  .sm-group:hover .sm-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .sm-rounded-tr-full { border-top-right-radius: 9999px; }
  .sm-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  .sm-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  .sm-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  .sm-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  .sm-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  .sm-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  .sm-group:hover .sm-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  .sm-rounded-tr-pill { border-top-right-radius: 50px; }
  .sm-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  .sm-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  .sm-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  .sm-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  .sm-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  .sm-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  .sm-group:hover .sm-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  .sm-rounded-bl-0 { border-bottom-left-radius: 0; }
  .sm-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  .sm-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  .sm-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  .sm-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  .sm-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  .sm-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  .sm-group:hover .sm-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  .sm-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .sm-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  .sm-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  .sm-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  .sm-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  .sm-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  .sm-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .sm-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .sm-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  .sm-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  .sm-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  .sm-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  .sm-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  .sm-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .sm-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .sm-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  .sm-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  .sm-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  .sm-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  .sm-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  .sm-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  .sm-group:hover .sm-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .sm-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .sm-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  .sm-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  .sm-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  .sm-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  .sm-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  .sm-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .sm-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .sm-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  .sm-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  .sm-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  .sm-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  .sm-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  .sm-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .sm-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .sm-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  .sm-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  .sm-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  .sm-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  .sm-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  .sm-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .sm-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .sm-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  .sm-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  .sm-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  .sm-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  .sm-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  .sm-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  .sm-group:hover .sm-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .sm-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .sm-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  .sm-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  .sm-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  .sm-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  .sm-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  .sm-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  .sm-group:hover .sm-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .sm-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .sm-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  .sm-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  .sm-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  .sm-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  .sm-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  .sm-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  .sm-group:hover .sm-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .sm-rounded-br-0 { border-bottom-right-radius: 0; }
  .sm-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  .sm-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  .sm-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  .sm-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  .sm-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  .sm-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  .sm-group:hover .sm-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  .sm-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .sm-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  .sm-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  .sm-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  .sm-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  .sm-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  .sm-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  .sm-group:hover .sm-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .sm-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .sm-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  .sm-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  .sm-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  .sm-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  .sm-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  .sm-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  .sm-group:hover .sm-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .sm-rounded-br { border-bottom-right-radius: 0.5rem; }
  .sm-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  .sm-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  .sm-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  .sm-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  .sm-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  .sm-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  .sm-group:hover .sm-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  .sm-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .sm-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  .sm-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  .sm-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  .sm-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  .sm-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  .sm-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  .sm-group:hover .sm-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .sm-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .sm-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  .sm-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  .sm-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  .sm-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  .sm-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  .sm-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  .sm-group:hover .sm-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .sm-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .sm-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  .sm-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  .sm-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  .sm-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  .sm-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  .sm-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  .sm-group:hover .sm-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .sm-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .sm-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  .sm-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  .sm-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  .sm-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  .sm-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  .sm-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  .sm-group:hover .sm-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .sm-rounded-br-full { border-bottom-right-radius: 9999px; }
  .sm-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  .sm-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  .sm-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  .sm-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  .sm-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  .sm-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  .sm-group:hover .sm-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  .sm-rounded-br-pill { border-bottom-right-radius: 50px; }
  .sm-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  .sm-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  .sm-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  .sm-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  .sm-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  .sm-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  .sm-group:hover .sm-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  .sm-outline-none { outline: none; }
  .sm-hover-outline-none:hover { outline: none; }
  .sm-focus-outline-none:focus { outline: none; }
  .sm-active-outline-none:active { outline: none; }
  .sm-disabled-outline-none:disabled { outline: none; }
  .sm-focus-visible-outline-none:focus-visible { outline: none; }
  .sm-focus-within-outline-none:focus-within { outline: none; }
  .sm-group:hover .sm-group-hover-outline-none { outline: none; }
  .sm-outline { outline: 1px solid currentColor; }
  .sm-hover-outline:hover { outline: 1px solid currentColor; }
  .sm-focus-outline:focus { outline: 1px solid currentColor; }
  .sm-active-outline:active { outline: 1px solid currentColor; }
  .sm-disabled-outline:disabled { outline: 1px solid currentColor; }
  .sm-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  .sm-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  .sm-group:hover .sm-group-hover-outline { outline: 1px solid currentColor; }
  .sm-outline-offset-0 { outline-offset: 0rem; }
  .sm-hover-outline-offset-0:hover { outline-offset: 0rem; }
  .sm-focus-outline-offset-0:focus { outline-offset: 0rem; }
  .sm-active-outline-offset-0:active { outline-offset: 0rem; }
  .sm-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  .sm-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  .sm-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  .sm-group:hover .sm-group-hover-outline-offset-0 { outline-offset: 0rem; }
  .sm-outline-offset-1 { outline-offset: 0.25rem; }
  .sm-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  .sm-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  .sm-active-outline-offset-1:active { outline-offset: 0.25rem; }
  .sm-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  .sm-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  .sm-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  .sm-group:hover .sm-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  .sm-outline-offset-2 { outline-offset: 0.5rem; }
  .sm-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  .sm-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  .sm-active-outline-offset-2:active { outline-offset: 0.5rem; }
  .sm-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  .sm-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  .sm-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  .sm-group:hover .sm-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  .sm-outline-offset-3 { outline-offset: 0.75rem; }
  .sm-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  .sm-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  .sm-active-outline-offset-3:active { outline-offset: 0.75rem; }
  .sm-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  .sm-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  .sm-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  .sm-group:hover .sm-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  .sm-outline-offset-4 { outline-offset: 1rem; }
  .sm-hover-outline-offset-4:hover { outline-offset: 1rem; }
  .sm-focus-outline-offset-4:focus { outline-offset: 1rem; }
  .sm-active-outline-offset-4:active { outline-offset: 1rem; }
  .sm-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  .sm-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  .sm-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  .sm-group:hover .sm-group-hover-outline-offset-4 { outline-offset: 1rem; }
  .sm-outline-offset-8 { outline-offset: 2rem; }
  .sm-hover-outline-offset-8:hover { outline-offset: 2rem; }
  .sm-focus-outline-offset-8:focus { outline-offset: 2rem; }
  .sm-active-outline-offset-8:active { outline-offset: 2rem; }
  .sm-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  .sm-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  .sm-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  .sm-group:hover .sm-group-hover-outline-offset-8 { outline-offset: 2rem; }
  .sm-outline-red-50 { outline-color: var(--quanta-red-50); }
  .sm-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  .sm-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  .sm-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  .sm-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  .sm-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  .sm-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  .sm-outline-red-100 { outline-color: var(--quanta-red-100); }
  .sm-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  .sm-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  .sm-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  .sm-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  .sm-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  .sm-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  .sm-outline-red-200 { outline-color: var(--quanta-red-200); }
  .sm-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  .sm-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  .sm-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  .sm-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  .sm-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  .sm-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  .sm-outline-red-300 { outline-color: var(--quanta-red-300); }
  .sm-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  .sm-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  .sm-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  .sm-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  .sm-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  .sm-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  .sm-outline-red-400 { outline-color: var(--quanta-red-400); }
  .sm-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  .sm-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  .sm-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  .sm-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  .sm-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  .sm-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  .sm-outline-red-500 { outline-color: var(--quanta-red-500); }
  .sm-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  .sm-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  .sm-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  .sm-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  .sm-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  .sm-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  .sm-outline-red-600 { outline-color: var(--quanta-red-600); }
  .sm-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  .sm-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  .sm-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  .sm-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  .sm-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  .sm-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  .sm-outline-red-700 { outline-color: var(--quanta-red-700); }
  .sm-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  .sm-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  .sm-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  .sm-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  .sm-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  .sm-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  .sm-outline-red-800 { outline-color: var(--quanta-red-800); }
  .sm-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  .sm-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  .sm-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  .sm-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  .sm-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  .sm-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  .sm-outline-red-900 { outline-color: var(--quanta-red-900); }
  .sm-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  .sm-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  .sm-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  .sm-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  .sm-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  .sm-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  .sm-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .sm-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  .sm-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  .sm-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  .sm-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  .sm-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  .sm-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .sm-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .sm-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  .sm-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  .sm-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  .sm-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  .sm-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  .sm-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .sm-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .sm-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  .sm-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  .sm-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  .sm-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  .sm-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  .sm-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .sm-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .sm-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  .sm-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  .sm-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  .sm-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  .sm-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  .sm-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .sm-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .sm-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  .sm-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  .sm-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  .sm-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  .sm-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  .sm-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .sm-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .sm-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  .sm-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  .sm-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  .sm-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  .sm-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  .sm-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .sm-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .sm-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  .sm-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  .sm-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  .sm-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  .sm-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  .sm-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .sm-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .sm-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  .sm-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  .sm-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  .sm-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  .sm-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  .sm-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .sm-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .sm-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  .sm-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  .sm-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  .sm-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  .sm-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  .sm-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .sm-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .sm-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  .sm-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  .sm-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  .sm-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  .sm-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  .sm-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .sm-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .sm-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  .sm-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  .sm-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  .sm-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  .sm-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  .sm-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .sm-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .sm-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  .sm-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  .sm-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  .sm-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  .sm-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  .sm-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .sm-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .sm-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  .sm-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  .sm-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  .sm-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  .sm-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  .sm-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .sm-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .sm-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  .sm-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  .sm-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  .sm-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  .sm-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  .sm-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .sm-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .sm-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  .sm-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  .sm-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  .sm-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  .sm-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  .sm-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .sm-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .sm-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  .sm-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  .sm-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  .sm-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  .sm-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  .sm-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .sm-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .sm-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  .sm-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  .sm-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  .sm-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  .sm-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  .sm-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .sm-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .sm-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  .sm-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  .sm-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  .sm-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  .sm-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  .sm-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .sm-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .sm-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  .sm-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  .sm-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  .sm-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  .sm-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  .sm-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .sm-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .sm-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  .sm-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  .sm-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  .sm-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  .sm-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  .sm-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .sm-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .sm-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  .sm-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  .sm-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  .sm-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  .sm-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  .sm-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .sm-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .sm-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  .sm-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  .sm-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  .sm-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  .sm-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  .sm-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .sm-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .sm-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  .sm-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  .sm-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  .sm-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  .sm-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  .sm-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .sm-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .sm-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  .sm-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  .sm-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  .sm-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  .sm-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  .sm-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .sm-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .sm-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  .sm-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  .sm-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  .sm-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  .sm-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  .sm-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .sm-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .sm-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  .sm-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  .sm-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  .sm-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  .sm-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  .sm-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .sm-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .sm-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  .sm-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  .sm-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  .sm-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  .sm-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  .sm-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .sm-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .sm-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  .sm-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  .sm-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  .sm-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  .sm-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  .sm-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .sm-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .sm-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  .sm-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  .sm-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  .sm-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  .sm-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  .sm-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .sm-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .sm-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  .sm-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  .sm-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  .sm-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  .sm-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  .sm-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .sm-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .sm-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  .sm-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  .sm-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  .sm-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  .sm-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  .sm-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .sm-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .sm-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  .sm-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  .sm-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  .sm-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  .sm-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  .sm-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .sm-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .sm-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  .sm-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  .sm-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  .sm-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  .sm-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  .sm-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .sm-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .sm-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  .sm-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  .sm-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  .sm-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  .sm-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  .sm-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .sm-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .sm-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  .sm-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  .sm-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  .sm-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  .sm-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  .sm-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .sm-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .sm-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  .sm-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  .sm-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  .sm-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  .sm-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  .sm-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .sm-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .sm-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  .sm-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  .sm-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  .sm-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  .sm-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  .sm-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .sm-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .sm-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  .sm-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  .sm-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  .sm-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  .sm-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  .sm-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .sm-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .sm-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  .sm-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  .sm-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  .sm-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  .sm-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  .sm-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .sm-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .sm-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  .sm-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  .sm-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  .sm-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  .sm-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  .sm-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .sm-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .sm-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  .sm-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  .sm-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  .sm-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  .sm-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  .sm-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .sm-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .sm-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  .sm-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  .sm-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  .sm-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  .sm-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  .sm-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .sm-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .sm-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  .sm-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  .sm-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  .sm-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  .sm-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  .sm-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .sm-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .sm-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  .sm-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  .sm-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  .sm-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  .sm-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  .sm-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .sm-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .sm-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  .sm-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  .sm-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  .sm-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  .sm-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  .sm-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .sm-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .sm-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  .sm-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  .sm-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  .sm-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  .sm-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  .sm-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .sm-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .sm-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  .sm-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  .sm-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  .sm-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  .sm-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  .sm-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .sm-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .sm-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  .sm-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  .sm-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  .sm-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  .sm-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  .sm-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .sm-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .sm-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  .sm-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  .sm-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  .sm-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  .sm-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  .sm-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .sm-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .sm-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  .sm-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  .sm-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  .sm-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  .sm-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  .sm-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .sm-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .sm-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  .sm-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  .sm-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  .sm-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  .sm-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  .sm-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .sm-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .sm-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  .sm-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  .sm-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  .sm-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  .sm-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  .sm-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .sm-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .sm-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  .sm-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  .sm-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  .sm-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  .sm-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  .sm-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .sm-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .sm-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  .sm-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  .sm-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  .sm-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  .sm-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  .sm-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .sm-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .sm-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  .sm-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  .sm-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  .sm-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  .sm-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  .sm-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .sm-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .sm-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  .sm-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  .sm-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  .sm-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  .sm-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  .sm-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .sm-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .sm-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  .sm-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  .sm-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  .sm-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  .sm-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  .sm-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .sm-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .sm-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  .sm-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  .sm-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  .sm-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  .sm-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  .sm-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .sm-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .sm-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  .sm-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  .sm-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  .sm-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  .sm-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  .sm-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .sm-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .sm-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  .sm-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  .sm-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  .sm-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  .sm-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  .sm-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .sm-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .sm-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  .sm-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  .sm-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  .sm-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  .sm-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  .sm-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .sm-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .sm-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  .sm-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  .sm-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  .sm-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  .sm-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  .sm-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .sm-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .sm-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  .sm-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  .sm-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  .sm-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  .sm-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  .sm-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .sm-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .sm-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  .sm-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  .sm-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  .sm-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  .sm-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  .sm-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .sm-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .sm-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  .sm-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  .sm-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  .sm-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  .sm-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  .sm-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .sm-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .sm-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  .sm-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  .sm-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  .sm-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  .sm-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  .sm-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .sm-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .sm-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  .sm-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  .sm-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  .sm-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  .sm-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  .sm-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .sm-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .sm-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  .sm-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  .sm-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  .sm-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  .sm-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  .sm-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .sm-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .sm-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  .sm-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  .sm-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  .sm-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  .sm-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  .sm-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .sm-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .sm-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  .sm-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  .sm-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  .sm-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  .sm-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  .sm-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .sm-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .sm-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  .sm-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  .sm-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  .sm-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  .sm-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  .sm-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .sm-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .sm-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  .sm-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  .sm-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  .sm-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  .sm-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  .sm-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .sm-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .sm-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  .sm-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  .sm-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  .sm-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  .sm-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  .sm-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .sm-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .sm-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  .sm-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  .sm-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  .sm-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  .sm-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  .sm-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .sm-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .sm-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  .sm-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  .sm-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  .sm-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  .sm-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  .sm-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .sm-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .sm-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  .sm-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  .sm-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  .sm-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  .sm-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  .sm-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .sm-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .sm-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  .sm-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  .sm-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  .sm-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  .sm-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  .sm-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .sm-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .sm-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  .sm-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  .sm-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  .sm-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  .sm-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  .sm-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .sm-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .sm-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  .sm-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  .sm-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  .sm-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  .sm-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  .sm-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .sm-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .sm-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  .sm-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  .sm-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  .sm-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  .sm-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  .sm-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .sm-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .sm-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  .sm-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  .sm-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  .sm-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  .sm-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  .sm-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .sm-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .sm-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  .sm-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  .sm-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  .sm-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  .sm-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  .sm-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .sm-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .sm-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  .sm-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  .sm-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  .sm-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  .sm-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  .sm-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .sm-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .sm-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  .sm-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  .sm-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  .sm-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  .sm-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  .sm-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .sm-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .sm-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  .sm-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  .sm-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  .sm-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  .sm-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  .sm-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .sm-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .sm-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  .sm-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  .sm-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  .sm-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  .sm-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  .sm-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .sm-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .sm-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  .sm-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  .sm-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  .sm-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  .sm-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  .sm-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .sm-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .sm-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  .sm-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  .sm-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  .sm-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  .sm-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  .sm-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .sm-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .sm-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  .sm-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  .sm-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  .sm-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  .sm-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  .sm-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .sm-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .sm-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  .sm-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  .sm-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  .sm-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  .sm-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  .sm-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .sm-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .sm-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  .sm-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  .sm-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  .sm-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  .sm-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  .sm-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .sm-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .sm-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  .sm-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  .sm-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  .sm-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  .sm-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  .sm-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .sm-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .sm-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  .sm-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  .sm-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  .sm-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  .sm-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  .sm-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .sm-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .sm-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  .sm-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  .sm-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  .sm-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  .sm-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  .sm-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .sm-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .sm-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  .sm-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  .sm-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  .sm-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  .sm-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  .sm-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .sm-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .sm-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  .sm-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  .sm-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  .sm-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  .sm-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  .sm-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .sm-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .sm-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  .sm-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  .sm-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  .sm-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  .sm-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  .sm-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .sm-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .sm-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  .sm-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  .sm-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  .sm-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  .sm-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  .sm-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .sm-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .sm-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  .sm-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  .sm-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  .sm-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  .sm-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  .sm-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .sm-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .sm-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  .sm-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  .sm-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  .sm-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  .sm-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  .sm-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .sm-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .sm-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  .sm-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  .sm-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  .sm-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  .sm-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  .sm-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .sm-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .sm-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  .sm-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  .sm-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  .sm-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  .sm-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  .sm-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .sm-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .sm-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  .sm-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  .sm-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  .sm-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  .sm-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  .sm-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .sm-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .sm-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  .sm-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  .sm-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  .sm-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  .sm-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  .sm-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .sm-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .sm-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  .sm-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  .sm-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  .sm-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  .sm-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  .sm-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .sm-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .sm-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  .sm-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  .sm-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  .sm-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  .sm-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  .sm-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .sm-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .sm-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  .sm-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  .sm-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  .sm-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  .sm-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  .sm-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .sm-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .sm-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  .sm-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  .sm-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  .sm-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  .sm-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  .sm-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .sm-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .sm-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  .sm-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  .sm-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  .sm-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  .sm-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  .sm-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .sm-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .sm-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  .sm-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  .sm-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  .sm-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  .sm-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  .sm-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .sm-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .sm-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  .sm-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  .sm-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  .sm-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  .sm-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  .sm-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .sm-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .sm-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  .sm-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  .sm-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  .sm-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  .sm-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  .sm-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .sm-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .sm-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  .sm-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  .sm-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  .sm-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  .sm-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  .sm-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .sm-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .sm-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  .sm-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  .sm-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  .sm-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  .sm-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  .sm-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .sm-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .sm-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  .sm-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  .sm-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  .sm-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  .sm-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  .sm-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .sm-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .sm-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  .sm-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  .sm-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  .sm-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  .sm-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  .sm-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .sm-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .sm-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  .sm-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  .sm-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  .sm-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  .sm-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  .sm-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .sm-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .sm-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  .sm-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  .sm-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  .sm-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  .sm-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  .sm-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .sm-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .sm-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  .sm-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  .sm-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  .sm-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  .sm-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  .sm-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .sm-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .sm-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  .sm-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  .sm-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  .sm-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  .sm-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  .sm-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .sm-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .sm-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  .sm-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  .sm-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  .sm-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  .sm-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  .sm-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .sm-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .sm-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  .sm-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  .sm-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  .sm-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  .sm-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  .sm-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .sm-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .sm-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  .sm-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  .sm-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  .sm-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  .sm-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  .sm-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .sm-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .sm-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  .sm-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  .sm-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  .sm-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  .sm-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  .sm-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .sm-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .sm-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  .sm-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  .sm-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  .sm-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  .sm-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  .sm-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .sm-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .sm-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  .sm-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  .sm-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  .sm-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  .sm-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  .sm-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .sm-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .sm-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  .sm-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  .sm-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  .sm-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  .sm-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  .sm-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .sm-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .sm-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  .sm-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  .sm-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  .sm-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  .sm-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  .sm-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .sm-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .sm-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  .sm-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  .sm-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  .sm-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  .sm-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  .sm-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .sm-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .sm-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  .sm-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  .sm-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  .sm-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  .sm-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  .sm-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .sm-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .sm-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  .sm-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  .sm-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  .sm-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  .sm-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  .sm-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .sm-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .sm-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  .sm-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  .sm-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  .sm-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  .sm-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  .sm-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .sm-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .sm-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  .sm-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  .sm-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  .sm-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  .sm-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  .sm-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .sm-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .sm-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  .sm-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  .sm-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  .sm-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  .sm-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  .sm-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .sm-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .sm-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  .sm-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  .sm-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  .sm-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  .sm-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  .sm-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .sm-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .sm-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  .sm-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  .sm-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  .sm-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  .sm-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  .sm-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .sm-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .sm-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  .sm-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  .sm-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  .sm-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  .sm-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  .sm-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .sm-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .sm-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  .sm-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  .sm-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  .sm-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  .sm-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  .sm-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .sm-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .sm-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  .sm-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  .sm-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  .sm-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  .sm-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  .sm-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .sm-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .sm-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  .sm-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  .sm-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  .sm-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  .sm-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  .sm-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .sm-outline-green-50 { outline-color: var(--quanta-green-50); }
  .sm-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  .sm-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  .sm-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  .sm-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  .sm-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  .sm-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  .sm-outline-green-100 { outline-color: var(--quanta-green-100); }
  .sm-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  .sm-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  .sm-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  .sm-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  .sm-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  .sm-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  .sm-outline-green-200 { outline-color: var(--quanta-green-200); }
  .sm-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  .sm-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  .sm-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  .sm-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  .sm-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  .sm-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  .sm-outline-green-300 { outline-color: var(--quanta-green-300); }
  .sm-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  .sm-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  .sm-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  .sm-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  .sm-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  .sm-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  .sm-outline-green-400 { outline-color: var(--quanta-green-400); }
  .sm-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  .sm-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  .sm-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  .sm-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  .sm-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  .sm-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  .sm-outline-green-500 { outline-color: var(--quanta-green-500); }
  .sm-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  .sm-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  .sm-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  .sm-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  .sm-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  .sm-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  .sm-outline-green-600 { outline-color: var(--quanta-green-600); }
  .sm-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  .sm-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  .sm-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  .sm-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  .sm-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  .sm-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  .sm-outline-green-700 { outline-color: var(--quanta-green-700); }
  .sm-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  .sm-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  .sm-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  .sm-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  .sm-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  .sm-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  .sm-outline-green-800 { outline-color: var(--quanta-green-800); }
  .sm-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  .sm-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  .sm-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  .sm-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  .sm-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  .sm-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  .sm-outline-green-900 { outline-color: var(--quanta-green-900); }
  .sm-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  .sm-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  .sm-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  .sm-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  .sm-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  .sm-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  .sm-outline-black { outline-color: var(--black); }
  .sm-hover-outline-black:hover { outline-color: var(--black); }
  .sm-focus-outline-black:focus { outline-color: var(--black); }
  .sm-active-outline-black:active { outline-color: var(--black); }
  .sm-disabled-outline-black:disabled { outline-color: var(--black); }
  .sm-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  .sm-focus-within-outline-black:focus-within { outline-color: var(--black); }
  .sm-group:hover .sm-group-hover-outline-black { outline-color: var(--black); }
  .sm-outline-white { outline-color: var(--white); }
  .sm-hover-outline-white:hover { outline-color: var(--white); }
  .sm-focus-outline-white:focus { outline-color: var(--white); }
  .sm-active-outline-white:active { outline-color: var(--white); }
  .sm-disabled-outline-white:disabled { outline-color: var(--white); }
  .sm-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  .sm-focus-within-outline-white:focus-within { outline-color: var(--white); }
  .sm-group:hover .sm-group-hover-outline-white { outline-color: var(--white); }
  .sm-ring-sm { --ring-width: 0.125rem; }
  .sm-hover-ring-sm:hover { --ring-width: 0.125rem; }
  .sm-focus-ring-sm:focus { --ring-width: 0.125rem; }
  .sm-active-ring-sm:active { --ring-width: 0.125rem; }
  .sm-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  .sm-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  .sm-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  .sm-group:hover .sm-group-hover-ring-sm { --ring-width: 0.125rem; }
  .sm-ring-md { --ring-width: 0.5rem; }
  .sm-hover-ring-md:hover { --ring-width: 0.5rem; }
  .sm-focus-ring-md:focus { --ring-width: 0.5rem; }
  .sm-active-ring-md:active { --ring-width: 0.5rem; }
  .sm-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  .sm-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  .sm-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  .sm-group:hover .sm-group-hover-ring-md { --ring-width: 0.5rem; }
  .sm-ring-lg { --ring-width: 1rem; }
  .sm-hover-ring-lg:hover { --ring-width: 1rem; }
  .sm-focus-ring-lg:focus { --ring-width: 1rem; }
  .sm-active-ring-lg:active { --ring-width: 1rem; }
  .sm-disabled-ring-lg:disabled { --ring-width: 1rem; }
  .sm-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  .sm-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  .sm-group:hover .sm-group-hover-ring-lg { --ring-width: 1rem; }
  .sm-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-group:hover .sm-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .sm-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-group:hover .sm-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .sm-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-group:hover .sm-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .sm-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .sm-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-group:hover .sm-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .sm-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-group:hover .sm-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .sm-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .sm-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  .sm-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  .sm-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  .sm-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  .sm-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  .sm-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .sm-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .sm-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  .sm-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  .sm-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  .sm-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  .sm-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  .sm-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .sm-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .sm-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  .sm-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  .sm-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  .sm-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  .sm-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  .sm-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .sm-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .sm-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  .sm-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  .sm-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  .sm-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  .sm-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  .sm-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .sm-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .sm-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  .sm-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  .sm-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  .sm-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  .sm-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  .sm-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .sm-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .sm-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  .sm-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  .sm-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  .sm-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  .sm-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  .sm-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .sm-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .sm-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  .sm-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  .sm-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  .sm-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  .sm-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  .sm-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .sm-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .sm-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  .sm-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  .sm-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  .sm-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  .sm-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  .sm-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .sm-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .sm-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  .sm-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  .sm-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  .sm-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  .sm-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  .sm-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .sm-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .sm-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  .sm-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  .sm-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  .sm-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  .sm-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  .sm-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .sm-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .sm-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .sm-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .sm-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .sm-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .sm-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .sm-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .sm-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .sm-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .sm-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .sm-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .sm-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .sm-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .sm-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .sm-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .sm-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .sm-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .sm-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .sm-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .sm-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .sm-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .sm-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .sm-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .sm-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .sm-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .sm-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .sm-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .sm-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .sm-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .sm-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .sm-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .sm-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .sm-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .sm-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .sm-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .sm-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .sm-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .sm-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .sm-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .sm-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .sm-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .sm-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .sm-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .sm-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .sm-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .sm-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .sm-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .sm-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .sm-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .sm-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .sm-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .sm-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .sm-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .sm-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .sm-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .sm-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .sm-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .sm-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .sm-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .sm-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .sm-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .sm-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .sm-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .sm-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .sm-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .sm-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .sm-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .sm-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .sm-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .sm-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .sm-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .sm-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .sm-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .sm-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .sm-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .sm-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .sm-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .sm-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .sm-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .sm-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .sm-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .sm-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .sm-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .sm-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .sm-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .sm-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .sm-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .sm-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .sm-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .sm-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .sm-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .sm-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .sm-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .sm-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .sm-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .sm-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .sm-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .sm-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .sm-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .sm-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .sm-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .sm-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .sm-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .sm-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .sm-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .sm-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .sm-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .sm-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .sm-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .sm-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .sm-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .sm-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .sm-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .sm-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .sm-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .sm-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .sm-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .sm-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .sm-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .sm-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .sm-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .sm-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .sm-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .sm-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .sm-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .sm-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .sm-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .sm-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .sm-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .sm-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .sm-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .sm-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .sm-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .sm-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .sm-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .sm-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .sm-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .sm-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .sm-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .sm-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .sm-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .sm-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .sm-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .sm-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .sm-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .sm-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .sm-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .sm-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .sm-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .sm-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .sm-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .sm-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .sm-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .sm-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .sm-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .sm-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .sm-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .sm-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .sm-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .sm-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .sm-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .sm-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  .sm-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  .sm-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  .sm-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  .sm-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  .sm-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .sm-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .sm-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  .sm-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  .sm-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  .sm-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  .sm-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  .sm-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .sm-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .sm-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  .sm-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  .sm-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  .sm-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  .sm-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  .sm-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .sm-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .sm-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  .sm-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  .sm-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  .sm-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  .sm-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  .sm-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .sm-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .sm-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  .sm-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  .sm-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  .sm-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  .sm-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  .sm-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .sm-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .sm-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  .sm-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  .sm-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  .sm-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  .sm-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  .sm-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .sm-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .sm-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  .sm-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  .sm-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  .sm-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  .sm-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  .sm-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .sm-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .sm-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  .sm-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  .sm-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  .sm-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  .sm-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  .sm-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .sm-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .sm-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  .sm-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  .sm-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  .sm-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  .sm-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  .sm-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .sm-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .sm-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  .sm-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  .sm-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  .sm-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  .sm-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  .sm-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .sm-ring-black { --quanta-ring-color: var(--black); }
  .sm-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  .sm-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  .sm-active-ring-black:active { --quanta-ring-color: var(--black); }
  .sm-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  .sm-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  .sm-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  .sm-group:hover .sm-group-hover-ring-black { --quanta-ring-color: var(--black); }
  .sm-ring-white { --quanta-ring-color: var(--white); }
  .sm-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  .sm-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  .sm-active-ring-white:active { --quanta-ring-color: var(--white); }
  .sm-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  .sm-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  .sm-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  .sm-group:hover .sm-group-hover-ring-white { --quanta-ring-color: var(--white); }
  .sm-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .sm-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .sm-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .sm-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .sm-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .sm-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .sm-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .sm-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .sm-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .sm-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .sm-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .sm-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .sm-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .sm-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .sm-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .sm-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .sm-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .sm-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .sm-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .sm-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .sm-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .sm-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .sm-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .sm-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .sm-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .sm-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .sm-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .sm-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .sm-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .sm-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .sm-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .sm-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .sm-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .sm-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .sm-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .sm-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .sm-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .sm-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .sm-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .sm-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .sm-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .sm-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .sm-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .sm-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .sm-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .sm-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .sm-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .sm-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .sm-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .sm-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .sm-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .sm-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .sm-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .sm-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .sm-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .sm-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .sm-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .sm-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .sm-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .sm-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .sm-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .sm-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .sm-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .sm-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .sm-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .sm-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .sm-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .sm-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .sm-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .sm-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .sm-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .sm-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .sm-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .sm-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .sm-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .sm-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .sm-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .sm-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .sm-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .sm-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .sm-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .sm-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .sm-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .sm-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .sm-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .sm-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .sm-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .sm-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .sm-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .sm-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .sm-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .sm-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .sm-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .sm-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .sm-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .sm-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .sm-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .sm-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .sm-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .sm-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .sm-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .sm-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .sm-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .sm-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .sm-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .sm-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .sm-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .sm-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .sm-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .sm-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .sm-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .sm-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .sm-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .sm-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .sm-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .sm-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .sm-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .sm-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .sm-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .sm-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .sm-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .sm-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .sm-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .sm-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .sm-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .sm-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .sm-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .sm-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .sm-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .sm-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .sm-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .sm-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .sm-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .sm-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .sm-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .sm-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .sm-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .sm-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .sm-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .sm-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .sm-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .sm-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .sm-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .sm-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .sm-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .sm-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .sm-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .sm-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .sm-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .sm-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .sm-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .sm-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .sm-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .sm-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .sm-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .sm-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .sm-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .sm-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .sm-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .sm-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .sm-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .sm-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .sm-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .sm-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .sm-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .sm-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .sm-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .sm-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .sm-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .sm-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .sm-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .sm-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .sm-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .sm-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .sm-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .sm-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .sm-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .sm-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .sm-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .sm-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .sm-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .sm-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  .sm-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  .sm-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  .sm-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  .sm-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  .sm-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  .sm-group:hover .sm-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .sm-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .sm-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  .sm-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  .sm-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  .sm-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  .sm-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  .sm-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  .sm-group:hover .sm-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .sm-bg-tp-05 { --bg-opacity: 0.05; }
  .sm-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  .sm-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  .sm-active-bg-tp-05:active { --bg-opacity: 0.05; }
  .sm-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  .sm-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  .sm-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  .sm-group:hover .sm-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  .sm-bg-tp-10 { --bg-opacity: 0.10; }
  .sm-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  .sm-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  .sm-active-bg-tp-10:active { --bg-opacity: 0.10; }
  .sm-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  .sm-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  .sm-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  .sm-group:hover .sm-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  .sm-bg-tp-15 { --bg-opacity: 0.15; }
  .sm-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  .sm-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  .sm-active-bg-tp-15:active { --bg-opacity: 0.15; }
  .sm-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  .sm-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  .sm-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  .sm-group:hover .sm-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  .sm-bg-tp-20 { --bg-opacity: 0.20; }
  .sm-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  .sm-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  .sm-active-bg-tp-20:active { --bg-opacity: 0.20; }
  .sm-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  .sm-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  .sm-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  .sm-group:hover .sm-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  .sm-bg-tp-25 { --bg-opacity: 0.25; }
  .sm-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  .sm-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  .sm-active-bg-tp-25:active { --bg-opacity: 0.25; }
  .sm-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  .sm-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  .sm-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  .sm-group:hover .sm-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  .sm-bg-tp-30 { --bg-opacity: 0.30; }
  .sm-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  .sm-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  .sm-active-bg-tp-30:active { --bg-opacity: 0.30; }
  .sm-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  .sm-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  .sm-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  .sm-group:hover .sm-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  .sm-bg-tp-35 { --bg-opacity: 0.35; }
  .sm-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  .sm-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  .sm-active-bg-tp-35:active { --bg-opacity: 0.35; }
  .sm-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  .sm-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  .sm-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  .sm-group:hover .sm-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  .sm-bg-tp-40 { --bg-opacity: 0.40; }
  .sm-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  .sm-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  .sm-active-bg-tp-40:active { --bg-opacity: 0.40; }
  .sm-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  .sm-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  .sm-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  .sm-group:hover .sm-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  .sm-bg-tp-45 { --bg-opacity: 0.45; }
  .sm-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  .sm-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  .sm-active-bg-tp-45:active { --bg-opacity: 0.45; }
  .sm-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  .sm-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  .sm-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  .sm-group:hover .sm-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  .sm-bg-tp-50 { --bg-opacity: 0.50; }
  .sm-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  .sm-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  .sm-active-bg-tp-50:active { --bg-opacity: 0.50; }
  .sm-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  .sm-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  .sm-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  .sm-group:hover .sm-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  .sm-bg-tp-55 { --bg-opacity: 0.55; }
  .sm-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  .sm-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  .sm-active-bg-tp-55:active { --bg-opacity: 0.55; }
  .sm-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  .sm-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  .sm-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  .sm-group:hover .sm-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  .sm-bg-tp-60 { --bg-opacity: 0.60; }
  .sm-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  .sm-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  .sm-active-bg-tp-60:active { --bg-opacity: 0.60; }
  .sm-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  .sm-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  .sm-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  .sm-group:hover .sm-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  .sm-bg-tp-65 { --bg-opacity: 0.65; }
  .sm-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  .sm-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  .sm-active-bg-tp-65:active { --bg-opacity: 0.65; }
  .sm-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  .sm-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  .sm-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  .sm-group:hover .sm-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  .sm-bg-tp-70 { --bg-opacity: 0.70; }
  .sm-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  .sm-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  .sm-active-bg-tp-70:active { --bg-opacity: 0.70; }
  .sm-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  .sm-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  .sm-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  .sm-group:hover .sm-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  .sm-bg-tp-75 { --bg-opacity: 0.75; }
  .sm-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  .sm-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  .sm-active-bg-tp-75:active { --bg-opacity: 0.75; }
  .sm-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  .sm-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  .sm-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  .sm-group:hover .sm-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  .sm-bg-tp-80 { --bg-opacity: 0.80; }
  .sm-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  .sm-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  .sm-active-bg-tp-80:active { --bg-opacity: 0.80; }
  .sm-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  .sm-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  .sm-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  .sm-group:hover .sm-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  .sm-bg-tp-85 { --bg-opacity: 0.85; }
  .sm-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  .sm-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  .sm-active-bg-tp-85:active { --bg-opacity: 0.85; }
  .sm-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  .sm-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  .sm-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  .sm-group:hover .sm-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  .sm-bg-tp-90 { --bg-opacity: 0.90; }
  .sm-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  .sm-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  .sm-active-bg-tp-90:active { --bg-opacity: 0.90; }
  .sm-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  .sm-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  .sm-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  .sm-group:hover .sm-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  .sm-bg-tp-95 { --bg-opacity: 0.95; }
  .sm-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  .sm-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  .sm-active-bg-tp-95:active { --bg-opacity: 0.95; }
  .sm-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  .sm-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  .sm-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  .sm-group:hover .sm-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  .sm-bg-tp-100 { --bg-opacity: 1; }
  .sm-hover-bg-tp-100:hover { --bg-opacity: 1; }
  .sm-focus-bg-tp-100:focus { --bg-opacity: 1; }
  .sm-active-bg-tp-100:active { --bg-opacity: 1; }
  .sm-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  .sm-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  .sm-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  .sm-group:hover .sm-group-hover-bg-tp-100 { --bg-opacity: 1; }
  .sm-text-tp-05 { --text-opacity: 0.05; }
  .sm-hover-text-tp-05:hover { --text-opacity: 0.05; }
  .sm-focus-text-tp-05:focus { --text-opacity: 0.05; }
  .sm-active-text-tp-05:active { --text-opacity: 0.05; }
  .sm-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  .sm-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  .sm-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  .sm-group:hover .sm-group-hover-text-tp-05 { --text-opacity: 0.05; }
  .sm-text-tp-10 { --text-opacity: 0.10; }
  .sm-hover-text-tp-10:hover { --text-opacity: 0.10; }
  .sm-focus-text-tp-10:focus { --text-opacity: 0.10; }
  .sm-active-text-tp-10:active { --text-opacity: 0.10; }
  .sm-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  .sm-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  .sm-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  .sm-group:hover .sm-group-hover-text-tp-10 { --text-opacity: 0.10; }
  .sm-text-tp-15 { --text-opacity: 0.15; }
  .sm-hover-text-tp-15:hover { --text-opacity: 0.15; }
  .sm-focus-text-tp-15:focus { --text-opacity: 0.15; }
  .sm-active-text-tp-15:active { --text-opacity: 0.15; }
  .sm-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  .sm-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  .sm-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  .sm-group:hover .sm-group-hover-text-tp-15 { --text-opacity: 0.15; }
  .sm-text-tp-20 { --text-opacity: 0.20; }
  .sm-hover-text-tp-20:hover { --text-opacity: 0.20; }
  .sm-focus-text-tp-20:focus { --text-opacity: 0.20; }
  .sm-active-text-tp-20:active { --text-opacity: 0.20; }
  .sm-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  .sm-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  .sm-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  .sm-group:hover .sm-group-hover-text-tp-20 { --text-opacity: 0.20; }
  .sm-text-tp-25 { --text-opacity: 0.25; }
  .sm-hover-text-tp-25:hover { --text-opacity: 0.25; }
  .sm-focus-text-tp-25:focus { --text-opacity: 0.25; }
  .sm-active-text-tp-25:active { --text-opacity: 0.25; }
  .sm-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  .sm-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  .sm-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  .sm-group:hover .sm-group-hover-text-tp-25 { --text-opacity: 0.25; }
  .sm-text-tp-30 { --text-opacity: 0.30; }
  .sm-hover-text-tp-30:hover { --text-opacity: 0.30; }
  .sm-focus-text-tp-30:focus { --text-opacity: 0.30; }
  .sm-active-text-tp-30:active { --text-opacity: 0.30; }
  .sm-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  .sm-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  .sm-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  .sm-group:hover .sm-group-hover-text-tp-30 { --text-opacity: 0.30; }
  .sm-text-tp-35 { --text-opacity: 0.35; }
  .sm-hover-text-tp-35:hover { --text-opacity: 0.35; }
  .sm-focus-text-tp-35:focus { --text-opacity: 0.35; }
  .sm-active-text-tp-35:active { --text-opacity: 0.35; }
  .sm-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  .sm-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  .sm-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  .sm-group:hover .sm-group-hover-text-tp-35 { --text-opacity: 0.35; }
  .sm-text-tp-40 { --text-opacity: 0.40; }
  .sm-hover-text-tp-40:hover { --text-opacity: 0.40; }
  .sm-focus-text-tp-40:focus { --text-opacity: 0.40; }
  .sm-active-text-tp-40:active { --text-opacity: 0.40; }
  .sm-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  .sm-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  .sm-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  .sm-group:hover .sm-group-hover-text-tp-40 { --text-opacity: 0.40; }
  .sm-text-tp-45 { --text-opacity: 0.45; }
  .sm-hover-text-tp-45:hover { --text-opacity: 0.45; }
  .sm-focus-text-tp-45:focus { --text-opacity: 0.45; }
  .sm-active-text-tp-45:active { --text-opacity: 0.45; }
  .sm-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  .sm-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  .sm-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  .sm-group:hover .sm-group-hover-text-tp-45 { --text-opacity: 0.45; }
  .sm-text-tp-50 { --text-opacity: 0.50; }
  .sm-hover-text-tp-50:hover { --text-opacity: 0.50; }
  .sm-focus-text-tp-50:focus { --text-opacity: 0.50; }
  .sm-active-text-tp-50:active { --text-opacity: 0.50; }
  .sm-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  .sm-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  .sm-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  .sm-group:hover .sm-group-hover-text-tp-50 { --text-opacity: 0.50; }
  .sm-text-tp-55 { --text-opacity: 0.55; }
  .sm-hover-text-tp-55:hover { --text-opacity: 0.55; }
  .sm-focus-text-tp-55:focus { --text-opacity: 0.55; }
  .sm-active-text-tp-55:active { --text-opacity: 0.55; }
  .sm-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  .sm-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  .sm-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  .sm-group:hover .sm-group-hover-text-tp-55 { --text-opacity: 0.55; }
  .sm-text-tp-60 { --text-opacity: 0.60; }
  .sm-hover-text-tp-60:hover { --text-opacity: 0.60; }
  .sm-focus-text-tp-60:focus { --text-opacity: 0.60; }
  .sm-active-text-tp-60:active { --text-opacity: 0.60; }
  .sm-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  .sm-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  .sm-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  .sm-group:hover .sm-group-hover-text-tp-60 { --text-opacity: 0.60; }
  .sm-text-tp-65 { --text-opacity: 0.65; }
  .sm-hover-text-tp-65:hover { --text-opacity: 0.65; }
  .sm-focus-text-tp-65:focus { --text-opacity: 0.65; }
  .sm-active-text-tp-65:active { --text-opacity: 0.65; }
  .sm-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  .sm-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  .sm-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  .sm-group:hover .sm-group-hover-text-tp-65 { --text-opacity: 0.65; }
  .sm-text-tp-70 { --text-opacity: 0.70; }
  .sm-hover-text-tp-70:hover { --text-opacity: 0.70; }
  .sm-focus-text-tp-70:focus { --text-opacity: 0.70; }
  .sm-active-text-tp-70:active { --text-opacity: 0.70; }
  .sm-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  .sm-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  .sm-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  .sm-group:hover .sm-group-hover-text-tp-70 { --text-opacity: 0.70; }
  .sm-text-tp-75 { --text-opacity: 0.75; }
  .sm-hover-text-tp-75:hover { --text-opacity: 0.75; }
  .sm-focus-text-tp-75:focus { --text-opacity: 0.75; }
  .sm-active-text-tp-75:active { --text-opacity: 0.75; }
  .sm-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  .sm-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  .sm-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  .sm-group:hover .sm-group-hover-text-tp-75 { --text-opacity: 0.75; }
  .sm-text-tp-80 { --text-opacity: 0.80; }
  .sm-hover-text-tp-80:hover { --text-opacity: 0.80; }
  .sm-focus-text-tp-80:focus { --text-opacity: 0.80; }
  .sm-active-text-tp-80:active { --text-opacity: 0.80; }
  .sm-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  .sm-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  .sm-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  .sm-group:hover .sm-group-hover-text-tp-80 { --text-opacity: 0.80; }
  .sm-text-tp-85 { --text-opacity: 0.85; }
  .sm-hover-text-tp-85:hover { --text-opacity: 0.85; }
  .sm-focus-text-tp-85:focus { --text-opacity: 0.85; }
  .sm-active-text-tp-85:active { --text-opacity: 0.85; }
  .sm-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  .sm-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  .sm-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  .sm-group:hover .sm-group-hover-text-tp-85 { --text-opacity: 0.85; }
  .sm-text-tp-90 { --text-opacity: 0.90; }
  .sm-hover-text-tp-90:hover { --text-opacity: 0.90; }
  .sm-focus-text-tp-90:focus { --text-opacity: 0.90; }
  .sm-active-text-tp-90:active { --text-opacity: 0.90; }
  .sm-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  .sm-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  .sm-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  .sm-group:hover .sm-group-hover-text-tp-90 { --text-opacity: 0.90; }
  .sm-text-tp-95 { --text-opacity: 0.95; }
  .sm-hover-text-tp-95:hover { --text-opacity: 0.95; }
  .sm-focus-text-tp-95:focus { --text-opacity: 0.95; }
  .sm-active-text-tp-95:active { --text-opacity: 0.95; }
  .sm-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  .sm-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  .sm-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  .sm-group:hover .sm-group-hover-text-tp-95 { --text-opacity: 0.95; }
  .sm-text-tp-100 { --text-opacity: 1; }
  .sm-hover-text-tp-100:hover { --text-opacity: 1; }
  .sm-focus-text-tp-100:focus { --text-opacity: 1; }
  .sm-active-text-tp-100:active { --text-opacity: 1; }
  .sm-disabled-text-tp-100:disabled { --text-opacity: 1; }
  .sm-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  .sm-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  .sm-group:hover .sm-group-hover-text-tp-100 { --text-opacity: 1; }
  .sm-border-tp-05 { --border-opacity: 0.05; }
  .sm-hover-border-tp-05:hover { --border-opacity: 0.05; }
  .sm-focus-border-tp-05:focus { --border-opacity: 0.05; }
  .sm-active-border-tp-05:active { --border-opacity: 0.05; }
  .sm-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  .sm-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  .sm-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  .sm-group:hover .sm-group-hover-border-tp-05 { --border-opacity: 0.05; }
  .sm-border-tp-10 { --border-opacity: 0.10; }
  .sm-hover-border-tp-10:hover { --border-opacity: 0.10; }
  .sm-focus-border-tp-10:focus { --border-opacity: 0.10; }
  .sm-active-border-tp-10:active { --border-opacity: 0.10; }
  .sm-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  .sm-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  .sm-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  .sm-group:hover .sm-group-hover-border-tp-10 { --border-opacity: 0.10; }
  .sm-border-tp-15 { --border-opacity: 0.15; }
  .sm-hover-border-tp-15:hover { --border-opacity: 0.15; }
  .sm-focus-border-tp-15:focus { --border-opacity: 0.15; }
  .sm-active-border-tp-15:active { --border-opacity: 0.15; }
  .sm-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  .sm-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  .sm-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  .sm-group:hover .sm-group-hover-border-tp-15 { --border-opacity: 0.15; }
  .sm-border-tp-20 { --border-opacity: 0.20; }
  .sm-hover-border-tp-20:hover { --border-opacity: 0.20; }
  .sm-focus-border-tp-20:focus { --border-opacity: 0.20; }
  .sm-active-border-tp-20:active { --border-opacity: 0.20; }
  .sm-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  .sm-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  .sm-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  .sm-group:hover .sm-group-hover-border-tp-20 { --border-opacity: 0.20; }
  .sm-border-tp-25 { --border-opacity: 0.25; }
  .sm-hover-border-tp-25:hover { --border-opacity: 0.25; }
  .sm-focus-border-tp-25:focus { --border-opacity: 0.25; }
  .sm-active-border-tp-25:active { --border-opacity: 0.25; }
  .sm-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  .sm-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  .sm-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  .sm-group:hover .sm-group-hover-border-tp-25 { --border-opacity: 0.25; }
  .sm-border-tp-30 { --border-opacity: 0.30; }
  .sm-hover-border-tp-30:hover { --border-opacity: 0.30; }
  .sm-focus-border-tp-30:focus { --border-opacity: 0.30; }
  .sm-active-border-tp-30:active { --border-opacity: 0.30; }
  .sm-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  .sm-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  .sm-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  .sm-group:hover .sm-group-hover-border-tp-30 { --border-opacity: 0.30; }
  .sm-border-tp-35 { --border-opacity: 0.35; }
  .sm-hover-border-tp-35:hover { --border-opacity: 0.35; }
  .sm-focus-border-tp-35:focus { --border-opacity: 0.35; }
  .sm-active-border-tp-35:active { --border-opacity: 0.35; }
  .sm-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  .sm-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  .sm-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  .sm-group:hover .sm-group-hover-border-tp-35 { --border-opacity: 0.35; }
  .sm-border-tp-40 { --border-opacity: 0.40; }
  .sm-hover-border-tp-40:hover { --border-opacity: 0.40; }
  .sm-focus-border-tp-40:focus { --border-opacity: 0.40; }
  .sm-active-border-tp-40:active { --border-opacity: 0.40; }
  .sm-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  .sm-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  .sm-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  .sm-group:hover .sm-group-hover-border-tp-40 { --border-opacity: 0.40; }
  .sm-border-tp-45 { --border-opacity: 0.45; }
  .sm-hover-border-tp-45:hover { --border-opacity: 0.45; }
  .sm-focus-border-tp-45:focus { --border-opacity: 0.45; }
  .sm-active-border-tp-45:active { --border-opacity: 0.45; }
  .sm-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  .sm-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  .sm-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  .sm-group:hover .sm-group-hover-border-tp-45 { --border-opacity: 0.45; }
  .sm-border-tp-50 { --border-opacity: 0.50; }
  .sm-hover-border-tp-50:hover { --border-opacity: 0.50; }
  .sm-focus-border-tp-50:focus { --border-opacity: 0.50; }
  .sm-active-border-tp-50:active { --border-opacity: 0.50; }
  .sm-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  .sm-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  .sm-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  .sm-group:hover .sm-group-hover-border-tp-50 { --border-opacity: 0.50; }
  .sm-border-tp-55 { --border-opacity: 0.55; }
  .sm-hover-border-tp-55:hover { --border-opacity: 0.55; }
  .sm-focus-border-tp-55:focus { --border-opacity: 0.55; }
  .sm-active-border-tp-55:active { --border-opacity: 0.55; }
  .sm-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  .sm-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  .sm-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  .sm-group:hover .sm-group-hover-border-tp-55 { --border-opacity: 0.55; }
  .sm-border-tp-60 { --border-opacity: 0.60; }
  .sm-hover-border-tp-60:hover { --border-opacity: 0.60; }
  .sm-focus-border-tp-60:focus { --border-opacity: 0.60; }
  .sm-active-border-tp-60:active { --border-opacity: 0.60; }
  .sm-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  .sm-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  .sm-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  .sm-group:hover .sm-group-hover-border-tp-60 { --border-opacity: 0.60; }
  .sm-border-tp-65 { --border-opacity: 0.65; }
  .sm-hover-border-tp-65:hover { --border-opacity: 0.65; }
  .sm-focus-border-tp-65:focus { --border-opacity: 0.65; }
  .sm-active-border-tp-65:active { --border-opacity: 0.65; }
  .sm-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  .sm-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  .sm-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  .sm-group:hover .sm-group-hover-border-tp-65 { --border-opacity: 0.65; }
  .sm-border-tp-70 { --border-opacity: 0.70; }
  .sm-hover-border-tp-70:hover { --border-opacity: 0.70; }
  .sm-focus-border-tp-70:focus { --border-opacity: 0.70; }
  .sm-active-border-tp-70:active { --border-opacity: 0.70; }
  .sm-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  .sm-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  .sm-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  .sm-group:hover .sm-group-hover-border-tp-70 { --border-opacity: 0.70; }
  .sm-border-tp-75 { --border-opacity: 0.75; }
  .sm-hover-border-tp-75:hover { --border-opacity: 0.75; }
  .sm-focus-border-tp-75:focus { --border-opacity: 0.75; }
  .sm-active-border-tp-75:active { --border-opacity: 0.75; }
  .sm-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  .sm-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  .sm-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  .sm-group:hover .sm-group-hover-border-tp-75 { --border-opacity: 0.75; }
  .sm-border-tp-80 { --border-opacity: 0.80; }
  .sm-hover-border-tp-80:hover { --border-opacity: 0.80; }
  .sm-focus-border-tp-80:focus { --border-opacity: 0.80; }
  .sm-active-border-tp-80:active { --border-opacity: 0.80; }
  .sm-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  .sm-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  .sm-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  .sm-group:hover .sm-group-hover-border-tp-80 { --border-opacity: 0.80; }
  .sm-border-tp-85 { --border-opacity: 0.85; }
  .sm-hover-border-tp-85:hover { --border-opacity: 0.85; }
  .sm-focus-border-tp-85:focus { --border-opacity: 0.85; }
  .sm-active-border-tp-85:active { --border-opacity: 0.85; }
  .sm-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  .sm-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  .sm-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  .sm-group:hover .sm-group-hover-border-tp-85 { --border-opacity: 0.85; }
  .sm-border-tp-90 { --border-opacity: 0.90; }
  .sm-hover-border-tp-90:hover { --border-opacity: 0.90; }
  .sm-focus-border-tp-90:focus { --border-opacity: 0.90; }
  .sm-active-border-tp-90:active { --border-opacity: 0.90; }
  .sm-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  .sm-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  .sm-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  .sm-group:hover .sm-group-hover-border-tp-90 { --border-opacity: 0.90; }
  .sm-border-tp-95 { --border-opacity: 0.95; }
  .sm-hover-border-tp-95:hover { --border-opacity: 0.95; }
  .sm-focus-border-tp-95:focus { --border-opacity: 0.95; }
  .sm-active-border-tp-95:active { --border-opacity: 0.95; }
  .sm-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  .sm-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  .sm-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  .sm-group:hover .sm-group-hover-border-tp-95 { --border-opacity: 0.95; }
  .sm-border-tp-100 { --border-opacity: 1; }
  .sm-hover-border-tp-100:hover { --border-opacity: 1; }
  .sm-focus-border-tp-100:focus { --border-opacity: 1; }
  .sm-active-border-tp-100:active { --border-opacity: 1; }
  .sm-disabled-border-tp-100:disabled { --border-opacity: 1; }
  .sm-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  .sm-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  .sm-group:hover .sm-group-hover-border-tp-100 { --border-opacity: 1; }
  .sm-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-group:hover .sm-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .sm-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-group:hover .sm-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .sm-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-group:hover .sm-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .sm-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-group:hover .sm-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .sm-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-group:hover .sm-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .sm-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-group:hover .sm-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .sm-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .sm-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  .sm-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  .sm-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  .sm-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  .sm-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  .sm-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .sm-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .sm-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  .sm-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  .sm-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  .sm-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  .sm-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  .sm-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .sm-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .sm-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  .sm-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  .sm-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  .sm-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  .sm-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  .sm-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .sm-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .sm-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  .sm-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  .sm-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  .sm-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  .sm-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  .sm-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .sm-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .sm-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  .sm-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  .sm-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  .sm-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  .sm-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  .sm-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .sm-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .sm-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  .sm-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  .sm-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  .sm-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  .sm-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  .sm-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .sm-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .sm-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  .sm-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  .sm-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  .sm-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  .sm-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  .sm-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .sm-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .sm-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  .sm-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  .sm-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  .sm-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  .sm-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  .sm-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .sm-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .sm-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  .sm-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  .sm-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  .sm-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  .sm-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  .sm-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .sm-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .sm-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  .sm-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  .sm-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  .sm-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  .sm-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  .sm-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .sm-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .sm-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  .sm-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  .sm-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  .sm-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  .sm-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  .sm-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .sm-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .sm-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  .sm-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  .sm-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  .sm-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  .sm-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  .sm-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .sm-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .sm-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  .sm-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  .sm-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  .sm-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  .sm-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  .sm-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .sm-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .sm-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  .sm-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  .sm-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  .sm-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  .sm-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  .sm-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .sm-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .sm-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  .sm-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  .sm-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  .sm-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  .sm-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  .sm-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .sm-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .sm-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  .sm-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  .sm-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  .sm-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  .sm-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  .sm-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .sm-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .sm-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  .sm-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  .sm-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  .sm-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  .sm-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  .sm-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .sm-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .sm-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  .sm-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  .sm-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  .sm-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  .sm-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  .sm-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .sm-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .sm-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  .sm-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  .sm-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  .sm-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  .sm-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  .sm-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .sm-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .sm-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  .sm-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  .sm-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  .sm-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  .sm-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  .sm-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .sm-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .sm-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  .sm-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  .sm-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  .sm-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  .sm-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  .sm-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .sm-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .sm-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  .sm-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  .sm-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  .sm-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  .sm-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  .sm-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .sm-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .sm-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  .sm-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  .sm-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  .sm-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  .sm-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  .sm-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .sm-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .sm-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  .sm-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  .sm-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  .sm-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  .sm-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  .sm-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .sm-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .sm-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  .sm-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  .sm-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  .sm-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  .sm-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  .sm-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .sm-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .sm-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  .sm-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  .sm-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  .sm-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  .sm-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  .sm-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .sm-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .sm-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  .sm-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  .sm-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  .sm-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  .sm-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  .sm-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .sm-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .sm-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  .sm-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  .sm-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  .sm-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  .sm-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  .sm-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .sm-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .sm-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  .sm-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  .sm-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  .sm-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  .sm-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  .sm-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .sm-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .sm-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  .sm-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  .sm-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  .sm-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  .sm-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  .sm-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .sm-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .sm-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  .sm-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  .sm-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  .sm-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  .sm-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  .sm-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .sm-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .sm-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  .sm-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  .sm-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  .sm-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  .sm-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  .sm-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .sm-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .sm-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  .sm-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  .sm-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  .sm-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  .sm-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  .sm-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .sm-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .sm-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  .sm-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  .sm-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  .sm-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  .sm-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  .sm-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .sm-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .sm-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  .sm-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  .sm-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  .sm-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  .sm-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  .sm-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .sm-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .sm-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  .sm-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  .sm-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  .sm-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  .sm-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  .sm-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .sm-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .sm-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  .sm-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  .sm-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  .sm-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  .sm-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  .sm-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .sm-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .sm-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  .sm-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  .sm-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  .sm-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  .sm-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  .sm-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .sm-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .sm-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  .sm-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  .sm-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  .sm-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  .sm-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  .sm-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .sm-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .sm-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  .sm-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  .sm-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  .sm-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  .sm-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  .sm-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .sm-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .sm-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  .sm-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  .sm-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  .sm-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  .sm-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  .sm-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .sm-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .sm-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  .sm-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  .sm-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  .sm-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  .sm-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  .sm-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .sm-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .sm-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  .sm-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  .sm-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  .sm-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  .sm-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  .sm-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .sm-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .sm-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  .sm-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  .sm-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  .sm-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  .sm-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  .sm-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .sm-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .sm-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  .sm-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  .sm-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  .sm-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  .sm-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  .sm-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .sm-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .sm-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  .sm-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  .sm-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  .sm-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  .sm-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  .sm-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .sm-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .sm-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  .sm-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  .sm-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  .sm-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  .sm-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  .sm-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .sm-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .sm-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  .sm-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  .sm-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  .sm-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  .sm-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  .sm-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .sm-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .sm-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  .sm-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  .sm-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  .sm-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  .sm-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  .sm-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .sm-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .sm-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  .sm-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  .sm-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  .sm-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  .sm-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  .sm-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .sm-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .sm-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  .sm-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  .sm-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  .sm-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  .sm-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  .sm-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .sm-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .sm-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  .sm-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  .sm-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  .sm-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  .sm-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  .sm-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .sm-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .sm-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  .sm-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  .sm-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  .sm-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  .sm-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  .sm-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .sm-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .sm-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  .sm-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  .sm-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  .sm-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  .sm-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  .sm-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .sm-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .sm-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  .sm-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  .sm-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  .sm-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  .sm-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  .sm-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .sm-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .sm-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  .sm-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  .sm-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  .sm-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  .sm-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  .sm-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .sm-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .sm-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  .sm-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  .sm-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  .sm-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  .sm-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  .sm-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .sm-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .sm-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  .sm-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  .sm-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  .sm-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  .sm-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  .sm-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .sm-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .sm-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  .sm-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  .sm-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  .sm-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  .sm-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  .sm-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .sm-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .sm-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  .sm-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  .sm-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  .sm-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  .sm-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  .sm-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .sm-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .sm-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  .sm-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  .sm-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  .sm-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  .sm-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  .sm-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .sm-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .sm-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  .sm-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  .sm-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  .sm-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  .sm-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  .sm-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .sm-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .sm-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  .sm-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  .sm-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  .sm-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  .sm-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  .sm-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .sm-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .sm-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  .sm-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  .sm-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  .sm-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  .sm-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  .sm-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .sm-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .sm-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  .sm-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  .sm-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  .sm-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  .sm-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  .sm-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .sm-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .sm-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  .sm-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  .sm-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  .sm-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  .sm-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  .sm-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .sm-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .sm-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  .sm-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  .sm-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  .sm-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  .sm-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  .sm-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .sm-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .sm-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  .sm-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  .sm-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  .sm-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  .sm-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  .sm-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .sm-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .sm-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  .sm-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  .sm-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  .sm-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  .sm-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  .sm-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .sm-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .sm-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  .sm-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  .sm-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  .sm-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  .sm-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  .sm-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .sm-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .sm-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  .sm-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  .sm-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  .sm-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  .sm-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  .sm-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .sm-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .sm-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  .sm-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  .sm-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  .sm-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  .sm-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  .sm-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .sm-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .sm-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  .sm-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  .sm-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  .sm-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  .sm-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  .sm-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .sm-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .sm-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  .sm-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  .sm-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  .sm-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  .sm-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  .sm-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .sm-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .sm-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  .sm-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  .sm-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  .sm-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  .sm-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  .sm-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .sm-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .sm-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  .sm-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  .sm-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  .sm-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  .sm-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  .sm-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .sm-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .sm-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  .sm-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  .sm-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  .sm-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  .sm-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  .sm-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .sm-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .sm-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  .sm-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  .sm-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  .sm-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  .sm-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  .sm-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .sm-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .sm-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  .sm-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  .sm-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  .sm-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  .sm-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  .sm-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .sm-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .sm-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  .sm-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  .sm-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  .sm-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  .sm-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  .sm-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .sm-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .sm-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  .sm-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  .sm-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  .sm-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  .sm-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  .sm-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .sm-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .sm-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  .sm-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  .sm-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  .sm-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  .sm-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  .sm-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .sm-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .sm-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  .sm-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  .sm-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  .sm-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  .sm-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  .sm-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .sm-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .sm-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  .sm-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  .sm-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  .sm-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  .sm-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  .sm-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .sm-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .sm-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  .sm-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  .sm-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  .sm-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  .sm-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  .sm-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .sm-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .sm-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  .sm-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  .sm-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  .sm-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  .sm-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  .sm-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .sm-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .sm-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  .sm-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  .sm-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  .sm-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  .sm-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  .sm-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .sm-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .sm-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  .sm-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  .sm-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  .sm-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  .sm-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  .sm-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .sm-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .sm-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  .sm-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  .sm-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  .sm-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  .sm-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  .sm-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .sm-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .sm-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  .sm-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  .sm-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  .sm-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  .sm-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  .sm-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .sm-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .sm-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  .sm-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  .sm-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  .sm-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  .sm-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  .sm-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .sm-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .sm-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  .sm-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  .sm-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  .sm-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  .sm-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  .sm-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .sm-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .sm-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  .sm-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  .sm-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  .sm-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  .sm-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  .sm-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .sm-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .sm-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  .sm-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  .sm-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  .sm-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  .sm-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  .sm-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .sm-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .sm-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  .sm-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  .sm-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  .sm-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  .sm-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  .sm-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .sm-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .sm-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  .sm-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  .sm-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  .sm-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  .sm-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  .sm-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .sm-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .sm-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  .sm-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  .sm-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  .sm-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  .sm-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  .sm-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .sm-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .sm-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  .sm-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  .sm-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  .sm-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  .sm-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  .sm-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .sm-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .sm-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  .sm-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  .sm-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  .sm-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  .sm-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  .sm-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .sm-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .sm-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  .sm-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  .sm-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  .sm-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  .sm-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  .sm-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .sm-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .sm-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  .sm-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  .sm-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  .sm-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  .sm-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  .sm-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .sm-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .sm-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  .sm-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  .sm-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  .sm-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  .sm-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  .sm-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .sm-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .sm-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  .sm-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  .sm-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  .sm-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  .sm-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  .sm-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .sm-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .sm-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  .sm-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  .sm-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  .sm-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  .sm-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  .sm-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .sm-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .sm-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  .sm-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  .sm-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  .sm-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  .sm-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  .sm-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .sm-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .sm-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  .sm-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  .sm-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  .sm-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  .sm-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  .sm-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .sm-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .sm-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  .sm-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  .sm-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  .sm-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  .sm-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  .sm-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .sm-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .sm-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  .sm-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  .sm-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  .sm-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  .sm-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  .sm-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .sm-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .sm-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  .sm-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  .sm-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  .sm-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  .sm-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  .sm-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .sm-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .sm-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  .sm-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  .sm-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  .sm-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  .sm-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  .sm-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .sm-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .sm-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  .sm-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  .sm-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  .sm-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  .sm-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  .sm-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .sm-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .sm-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  .sm-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  .sm-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  .sm-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  .sm-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  .sm-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .sm-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .sm-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  .sm-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  .sm-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  .sm-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  .sm-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  .sm-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .sm-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .sm-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  .sm-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  .sm-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  .sm-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  .sm-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  .sm-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .sm-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .sm-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  .sm-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  .sm-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  .sm-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  .sm-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  .sm-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .sm-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .sm-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  .sm-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  .sm-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  .sm-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  .sm-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  .sm-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .sm-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .sm-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  .sm-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  .sm-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  .sm-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  .sm-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  .sm-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .sm-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .sm-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  .sm-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  .sm-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  .sm-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  .sm-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  .sm-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .sm-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .sm-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  .sm-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  .sm-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  .sm-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  .sm-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  .sm-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .sm-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .sm-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  .sm-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  .sm-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  .sm-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  .sm-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  .sm-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .sm-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .sm-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  .sm-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  .sm-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  .sm-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  .sm-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  .sm-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .sm-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .sm-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  .sm-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  .sm-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  .sm-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  .sm-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  .sm-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .sm-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .sm-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  .sm-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  .sm-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  .sm-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  .sm-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  .sm-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .sm-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .sm-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  .sm-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  .sm-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  .sm-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  .sm-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  .sm-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .sm-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .sm-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  .sm-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  .sm-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  .sm-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  .sm-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  .sm-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .sm-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .sm-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  .sm-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  .sm-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  .sm-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  .sm-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  .sm-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .sm-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .sm-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  .sm-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  .sm-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  .sm-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  .sm-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  .sm-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .sm-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .sm-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  .sm-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  .sm-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  .sm-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  .sm-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  .sm-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .sm-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .sm-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  .sm-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  .sm-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  .sm-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  .sm-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  .sm-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .sm-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .sm-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  .sm-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  .sm-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  .sm-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  .sm-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  .sm-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .sm-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .sm-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  .sm-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  .sm-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  .sm-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  .sm-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  .sm-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .sm-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .sm-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  .sm-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  .sm-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  .sm-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  .sm-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  .sm-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .sm-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .sm-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  .sm-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  .sm-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  .sm-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  .sm-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  .sm-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .sm-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .sm-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  .sm-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  .sm-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  .sm-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  .sm-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  .sm-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .sm-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .sm-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  .sm-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  .sm-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  .sm-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  .sm-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  .sm-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .sm-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .sm-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  .sm-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  .sm-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  .sm-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  .sm-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  .sm-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .sm-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .sm-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  .sm-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  .sm-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  .sm-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  .sm-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  .sm-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .sm-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .sm-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  .sm-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  .sm-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  .sm-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  .sm-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  .sm-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .sm-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .sm-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  .sm-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  .sm-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  .sm-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  .sm-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  .sm-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .sm-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .sm-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  .sm-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  .sm-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  .sm-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  .sm-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  .sm-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .sm-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .sm-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  .sm-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  .sm-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  .sm-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  .sm-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  .sm-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .sm-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .sm-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  .sm-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  .sm-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  .sm-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  .sm-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  .sm-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .sm-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .sm-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  .sm-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  .sm-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  .sm-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  .sm-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  .sm-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .sm-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .sm-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  .sm-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  .sm-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  .sm-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  .sm-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  .sm-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .sm-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .sm-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  .sm-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  .sm-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  .sm-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  .sm-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  .sm-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .sm-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .sm-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  .sm-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  .sm-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  .sm-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  .sm-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  .sm-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .sm-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .sm-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  .sm-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  .sm-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  .sm-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  .sm-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  .sm-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .sm-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .sm-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  .sm-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  .sm-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  .sm-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  .sm-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  .sm-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .sm-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .sm-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  .sm-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  .sm-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  .sm-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  .sm-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  .sm-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .sm-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .sm-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  .sm-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  .sm-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  .sm-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  .sm-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  .sm-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .sm-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .sm-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  .sm-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  .sm-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  .sm-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  .sm-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  .sm-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .sm-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .sm-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  .sm-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  .sm-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  .sm-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  .sm-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  .sm-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .sm-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .sm-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  .sm-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  .sm-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  .sm-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  .sm-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  .sm-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .sm-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .sm-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  .sm-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  .sm-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  .sm-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  .sm-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  .sm-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .sm-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .sm-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  .sm-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  .sm-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  .sm-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  .sm-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  .sm-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .sm-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .sm-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  .sm-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  .sm-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  .sm-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  .sm-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  .sm-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .sm-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .sm-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  .sm-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  .sm-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  .sm-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  .sm-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  .sm-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .sm-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .sm-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  .sm-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  .sm-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  .sm-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  .sm-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  .sm-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .sm-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .sm-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  .sm-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  .sm-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  .sm-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  .sm-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  .sm-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .sm-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .sm-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  .sm-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  .sm-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  .sm-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  .sm-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  .sm-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .sm-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .sm-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  .sm-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  .sm-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  .sm-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  .sm-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  .sm-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .sm-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .sm-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  .sm-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  .sm-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  .sm-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  .sm-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  .sm-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .sm-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .sm-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  .sm-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  .sm-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  .sm-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  .sm-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  .sm-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .sm-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .sm-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  .sm-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  .sm-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  .sm-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  .sm-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  .sm-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .sm-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .sm-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  .sm-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  .sm-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  .sm-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  .sm-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  .sm-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .sm-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .sm-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  .sm-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  .sm-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  .sm-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  .sm-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  .sm-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .sm-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .sm-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  .sm-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  .sm-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  .sm-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  .sm-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  .sm-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .sm-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .sm-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  .sm-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  .sm-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  .sm-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  .sm-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  .sm-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .sm-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .sm-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  .sm-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  .sm-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  .sm-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  .sm-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  .sm-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .sm-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .sm-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  .sm-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  .sm-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  .sm-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  .sm-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  .sm-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .sm-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .sm-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  .sm-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  .sm-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  .sm-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  .sm-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  .sm-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .sm-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .sm-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  .sm-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  .sm-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  .sm-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  .sm-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  .sm-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .sm-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .sm-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  .sm-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  .sm-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  .sm-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  .sm-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  .sm-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .sm-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .sm-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  .sm-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  .sm-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  .sm-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  .sm-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  .sm-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .sm-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .sm-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  .sm-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  .sm-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  .sm-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  .sm-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  .sm-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .sm-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .sm-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  .sm-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  .sm-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  .sm-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  .sm-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  .sm-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .sm-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .sm-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  .sm-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  .sm-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  .sm-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  .sm-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  .sm-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .sm-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .sm-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  .sm-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  .sm-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  .sm-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  .sm-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  .sm-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .sm-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .sm-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  .sm-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  .sm-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  .sm-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  .sm-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  .sm-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .sm-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .sm-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  .sm-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  .sm-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  .sm-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  .sm-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  .sm-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .sm-shadow-color-black { --shadow-color: var(--black); }
  .sm-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  .sm-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  .sm-active-shadow-color-black:active { --shadow-color: var(--black); }
  .sm-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  .sm-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  .sm-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  .sm-group:hover .sm-group-hover-shadow-color-black { --shadow-color: var(--black); }
  .sm-shadow-color-white { --shadow-color: var(--white); }
  .sm-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  .sm-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  .sm-active-shadow-color-white:active { --shadow-color: var(--white); }
  .sm-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  .sm-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  .sm-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  .sm-group:hover .sm-group-hover-shadow-color-white { --shadow-color: var(--white); }
  .sm-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .sm-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  .sm-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  .sm-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  .sm-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  .sm-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  .sm-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .sm-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .sm-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  .sm-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  .sm-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  .sm-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  .sm-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  .sm-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .sm-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .sm-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  .sm-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  .sm-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  .sm-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  .sm-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  .sm-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .sm-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .sm-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  .sm-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  .sm-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  .sm-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  .sm-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  .sm-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .sm-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .sm-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  .sm-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  .sm-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  .sm-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  .sm-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  .sm-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .sm-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .sm-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  .sm-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  .sm-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  .sm-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  .sm-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  .sm-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .sm-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .sm-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  .sm-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  .sm-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  .sm-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  .sm-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  .sm-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .sm-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .sm-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  .sm-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  .sm-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  .sm-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  .sm-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  .sm-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .sm-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .sm-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  .sm-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  .sm-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  .sm-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  .sm-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  .sm-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .sm-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .sm-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  .sm-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  .sm-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  .sm-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  .sm-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  .sm-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .sm-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .sm-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  .sm-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  .sm-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  .sm-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  .sm-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  .sm-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .sm-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .sm-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  .sm-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  .sm-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  .sm-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  .sm-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  .sm-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .sm-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .sm-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  .sm-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  .sm-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  .sm-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  .sm-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  .sm-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .sm-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .sm-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  .sm-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  .sm-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  .sm-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  .sm-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  .sm-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .sm-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .sm-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  .sm-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  .sm-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  .sm-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  .sm-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  .sm-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .sm-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .sm-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  .sm-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  .sm-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  .sm-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  .sm-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  .sm-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .sm-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .sm-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  .sm-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  .sm-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  .sm-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  .sm-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  .sm-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .sm-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .sm-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  .sm-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  .sm-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  .sm-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  .sm-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  .sm-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .sm-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .sm-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  .sm-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  .sm-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  .sm-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  .sm-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  .sm-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .sm-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .sm-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  .sm-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  .sm-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  .sm-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  .sm-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  .sm-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .sm-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .sm-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  .sm-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  .sm-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  .sm-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  .sm-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  .sm-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .sm-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .sm-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  .sm-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  .sm-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  .sm-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  .sm-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  .sm-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .sm-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .sm-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  .sm-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  .sm-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  .sm-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  .sm-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  .sm-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .sm-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .sm-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  .sm-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  .sm-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  .sm-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  .sm-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  .sm-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .sm-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .sm-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  .sm-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  .sm-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  .sm-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  .sm-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  .sm-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .sm-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .sm-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  .sm-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  .sm-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  .sm-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  .sm-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  .sm-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .sm-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .sm-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  .sm-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  .sm-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  .sm-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  .sm-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  .sm-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .sm-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .sm-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  .sm-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  .sm-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  .sm-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  .sm-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  .sm-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .sm-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .sm-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  .sm-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  .sm-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  .sm-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  .sm-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  .sm-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .sm-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .sm-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  .sm-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  .sm-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  .sm-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  .sm-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  .sm-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .sm-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .sm-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  .sm-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  .sm-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  .sm-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  .sm-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  .sm-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .sm-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .sm-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  .sm-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  .sm-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  .sm-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  .sm-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  .sm-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .sm-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .sm-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  .sm-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  .sm-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  .sm-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  .sm-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  .sm-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .sm-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .sm-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  .sm-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  .sm-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  .sm-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  .sm-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  .sm-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .sm-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .sm-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  .sm-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  .sm-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  .sm-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  .sm-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  .sm-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .sm-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .sm-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  .sm-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  .sm-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  .sm-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  .sm-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  .sm-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .sm-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .sm-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  .sm-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  .sm-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  .sm-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  .sm-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  .sm-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .sm-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .sm-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  .sm-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  .sm-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  .sm-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  .sm-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  .sm-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .sm-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .sm-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  .sm-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  .sm-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  .sm-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  .sm-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  .sm-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .sm-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .sm-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  .sm-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  .sm-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  .sm-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  .sm-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  .sm-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .sm-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .sm-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .sm-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .sm-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .sm-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .sm-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .sm-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .sm-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .sm-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .sm-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .sm-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .sm-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .sm-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .sm-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .sm-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .sm-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .sm-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .sm-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .sm-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .sm-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .sm-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .sm-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  .sm-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  .sm-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  .sm-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  .sm-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  .sm-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .sm-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .sm-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  .sm-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  .sm-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  .sm-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  .sm-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  .sm-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .sm-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .sm-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  .sm-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  .sm-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  .sm-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  .sm-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  .sm-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .sm-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .sm-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  .sm-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  .sm-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  .sm-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  .sm-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  .sm-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .sm-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .sm-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  .sm-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  .sm-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  .sm-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  .sm-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  .sm-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .sm-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .sm-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  .sm-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  .sm-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  .sm-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  .sm-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  .sm-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .sm-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .sm-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  .sm-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  .sm-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  .sm-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  .sm-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  .sm-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .sm-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .sm-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  .sm-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  .sm-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  .sm-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  .sm-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  .sm-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .sm-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .sm-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  .sm-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  .sm-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  .sm-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  .sm-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  .sm-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .sm-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .sm-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  .sm-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  .sm-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  .sm-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  .sm-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  .sm-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .sm-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .sm-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  .sm-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  .sm-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  .sm-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  .sm-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  .sm-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .sm-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .sm-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  .sm-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  .sm-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  .sm-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  .sm-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  .sm-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .sm-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .sm-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  .sm-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  .sm-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  .sm-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  .sm-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  .sm-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .sm-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .sm-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  .sm-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  .sm-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  .sm-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  .sm-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  .sm-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .sm-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .sm-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  .sm-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  .sm-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  .sm-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  .sm-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  .sm-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .sm-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .sm-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  .sm-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  .sm-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  .sm-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  .sm-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  .sm-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .sm-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .sm-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  .sm-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  .sm-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  .sm-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  .sm-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  .sm-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .sm-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .sm-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  .sm-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  .sm-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  .sm-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  .sm-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  .sm-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .sm-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .sm-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  .sm-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  .sm-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  .sm-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  .sm-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  .sm-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .sm-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .sm-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  .sm-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  .sm-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  .sm-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  .sm-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  .sm-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .sm-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .sm-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  .sm-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  .sm-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  .sm-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  .sm-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  .sm-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .sm-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .sm-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  .sm-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  .sm-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  .sm-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  .sm-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  .sm-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .sm-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .sm-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  .sm-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  .sm-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  .sm-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  .sm-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  .sm-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .sm-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .sm-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  .sm-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  .sm-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  .sm-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  .sm-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  .sm-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .sm-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .sm-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  .sm-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  .sm-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  .sm-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  .sm-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  .sm-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .sm-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .sm-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  .sm-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  .sm-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  .sm-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  .sm-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  .sm-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .sm-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .sm-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  .sm-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  .sm-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  .sm-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  .sm-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  .sm-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .sm-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .sm-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  .sm-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  .sm-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  .sm-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  .sm-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  .sm-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .sm-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .sm-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  .sm-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  .sm-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  .sm-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  .sm-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  .sm-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .sm-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .sm-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  .sm-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  .sm-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  .sm-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  .sm-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  .sm-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .sm-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .sm-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .sm-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .sm-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .sm-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .sm-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .sm-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .sm-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .sm-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .sm-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .sm-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .sm-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  .sm-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  .sm-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  .sm-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  .sm-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  .sm-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .sm-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .sm-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  .sm-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  .sm-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  .sm-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  .sm-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  .sm-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .sm-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .sm-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  .sm-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  .sm-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  .sm-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  .sm-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  .sm-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .sm-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .sm-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  .sm-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  .sm-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  .sm-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  .sm-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  .sm-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .sm-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .sm-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  .sm-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  .sm-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  .sm-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  .sm-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  .sm-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .sm-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .sm-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  .sm-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  .sm-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  .sm-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  .sm-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  .sm-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .sm-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .sm-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  .sm-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  .sm-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  .sm-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  .sm-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  .sm-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .sm-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .sm-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  .sm-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  .sm-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  .sm-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  .sm-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  .sm-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .sm-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .sm-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  .sm-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  .sm-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  .sm-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  .sm-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  .sm-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .sm-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .sm-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  .sm-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  .sm-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  .sm-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  .sm-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  .sm-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .sm-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .sm-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  .sm-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  .sm-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  .sm-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  .sm-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  .sm-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .sm-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .sm-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  .sm-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  .sm-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  .sm-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  .sm-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  .sm-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .sm-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .sm-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  .sm-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  .sm-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  .sm-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  .sm-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  .sm-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .sm-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .sm-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  .sm-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  .sm-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  .sm-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  .sm-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  .sm-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .sm-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .sm-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  .sm-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  .sm-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  .sm-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  .sm-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  .sm-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .sm-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .sm-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  .sm-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  .sm-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  .sm-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  .sm-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  .sm-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .sm-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .sm-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  .sm-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  .sm-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  .sm-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  .sm-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  .sm-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .sm-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .sm-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  .sm-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  .sm-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  .sm-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  .sm-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  .sm-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .sm-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .sm-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  .sm-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  .sm-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  .sm-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  .sm-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  .sm-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .sm-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .sm-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  .sm-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  .sm-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  .sm-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  .sm-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  .sm-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .sm-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .sm-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  .sm-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  .sm-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  .sm-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  .sm-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  .sm-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .sm-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .sm-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  .sm-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  .sm-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  .sm-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  .sm-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  .sm-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .sm-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .sm-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  .sm-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  .sm-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  .sm-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  .sm-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  .sm-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .sm-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .sm-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  .sm-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  .sm-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  .sm-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  .sm-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  .sm-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .sm-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .sm-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  .sm-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  .sm-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  .sm-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  .sm-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  .sm-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .sm-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .sm-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  .sm-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  .sm-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  .sm-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  .sm-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  .sm-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .sm-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .sm-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  .sm-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  .sm-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  .sm-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  .sm-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  .sm-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .sm-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .sm-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  .sm-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  .sm-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  .sm-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  .sm-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  .sm-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .sm-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .sm-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  .sm-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  .sm-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  .sm-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  .sm-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  .sm-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .sm-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .sm-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  .sm-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  .sm-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  .sm-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  .sm-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  .sm-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .sm-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .sm-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  .sm-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  .sm-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  .sm-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  .sm-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  .sm-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .sm-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .sm-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  .sm-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  .sm-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  .sm-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  .sm-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  .sm-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .sm-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .sm-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  .sm-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  .sm-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  .sm-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  .sm-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  .sm-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .sm-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .sm-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  .sm-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  .sm-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  .sm-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  .sm-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  .sm-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .sm-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .sm-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  .sm-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  .sm-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  .sm-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  .sm-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  .sm-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .sm-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .sm-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  .sm-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  .sm-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  .sm-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  .sm-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  .sm-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .sm-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .sm-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  .sm-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  .sm-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  .sm-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  .sm-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  .sm-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .sm-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .sm-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  .sm-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  .sm-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  .sm-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  .sm-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  .sm-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .sm-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .sm-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  .sm-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  .sm-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  .sm-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  .sm-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  .sm-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .sm-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .sm-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  .sm-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  .sm-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  .sm-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  .sm-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  .sm-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .sm-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .sm-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  .sm-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  .sm-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  .sm-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  .sm-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  .sm-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .sm-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .sm-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  .sm-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  .sm-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  .sm-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  .sm-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  .sm-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .sm-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .sm-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  .sm-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  .sm-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  .sm-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  .sm-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  .sm-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .sm-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .sm-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  .sm-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  .sm-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  .sm-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  .sm-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  .sm-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .sm-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .sm-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  .sm-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  .sm-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  .sm-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  .sm-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  .sm-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .sm-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .sm-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  .sm-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  .sm-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  .sm-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  .sm-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  .sm-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .sm-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .sm-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  .sm-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  .sm-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  .sm-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  .sm-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  .sm-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .sm-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .sm-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  .sm-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  .sm-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  .sm-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  .sm-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  .sm-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .sm-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .sm-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  .sm-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  .sm-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  .sm-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  .sm-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  .sm-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .sm-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .sm-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  .sm-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  .sm-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  .sm-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  .sm-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  .sm-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .sm-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .sm-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  .sm-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  .sm-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  .sm-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  .sm-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  .sm-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .sm-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .sm-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  .sm-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  .sm-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  .sm-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  .sm-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  .sm-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .sm-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .sm-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  .sm-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  .sm-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  .sm-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  .sm-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  .sm-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .sm-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .sm-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  .sm-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  .sm-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  .sm-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  .sm-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  .sm-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .sm-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .sm-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  .sm-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  .sm-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  .sm-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  .sm-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  .sm-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .sm-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .sm-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  .sm-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  .sm-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  .sm-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  .sm-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  .sm-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .sm-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .sm-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  .sm-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  .sm-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  .sm-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  .sm-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  .sm-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .sm-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .sm-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  .sm-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  .sm-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  .sm-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  .sm-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  .sm-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .sm-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .sm-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  .sm-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  .sm-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  .sm-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  .sm-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  .sm-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .sm-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .sm-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  .sm-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  .sm-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  .sm-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  .sm-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  .sm-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .sm-gradient-from-black { --quanta-from-color: var(--black); }
  .sm-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  .sm-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  .sm-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  .sm-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  .sm-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  .sm-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  .sm-group:hover .sm-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  .sm-gradient-from-white { --quanta-from-color: var(--white); }
  .sm-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  .sm-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  .sm-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  .sm-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  .sm-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  .sm-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  .sm-group:hover .sm-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  .sm-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .sm-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  .sm-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  .sm-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  .sm-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  .sm-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  .sm-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .sm-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .sm-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  .sm-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  .sm-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  .sm-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  .sm-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  .sm-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .sm-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .sm-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  .sm-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  .sm-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  .sm-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  .sm-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  .sm-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .sm-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .sm-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  .sm-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  .sm-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  .sm-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  .sm-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  .sm-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .sm-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .sm-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  .sm-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  .sm-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  .sm-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  .sm-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  .sm-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .sm-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .sm-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  .sm-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  .sm-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  .sm-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  .sm-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  .sm-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .sm-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .sm-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  .sm-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  .sm-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  .sm-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  .sm-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  .sm-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .sm-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .sm-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  .sm-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  .sm-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  .sm-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  .sm-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  .sm-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .sm-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .sm-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  .sm-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  .sm-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  .sm-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  .sm-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  .sm-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .sm-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .sm-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  .sm-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  .sm-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  .sm-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  .sm-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  .sm-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .sm-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .sm-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  .sm-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  .sm-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  .sm-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  .sm-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  .sm-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .sm-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .sm-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  .sm-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  .sm-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  .sm-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  .sm-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  .sm-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .sm-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .sm-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  .sm-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  .sm-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  .sm-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  .sm-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  .sm-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .sm-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .sm-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  .sm-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  .sm-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  .sm-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  .sm-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  .sm-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .sm-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .sm-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  .sm-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  .sm-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  .sm-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  .sm-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  .sm-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .sm-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .sm-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  .sm-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  .sm-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  .sm-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  .sm-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  .sm-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .sm-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .sm-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  .sm-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  .sm-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  .sm-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  .sm-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  .sm-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .sm-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .sm-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  .sm-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  .sm-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  .sm-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  .sm-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  .sm-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .sm-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .sm-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  .sm-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  .sm-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  .sm-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  .sm-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  .sm-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .sm-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .sm-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  .sm-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  .sm-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  .sm-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  .sm-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  .sm-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .sm-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .sm-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  .sm-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  .sm-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  .sm-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  .sm-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  .sm-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .sm-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .sm-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  .sm-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  .sm-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  .sm-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  .sm-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  .sm-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .sm-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .sm-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  .sm-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  .sm-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  .sm-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  .sm-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  .sm-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .sm-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .sm-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  .sm-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  .sm-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  .sm-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  .sm-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  .sm-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .sm-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .sm-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  .sm-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  .sm-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  .sm-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  .sm-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  .sm-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .sm-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .sm-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  .sm-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  .sm-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  .sm-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  .sm-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  .sm-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .sm-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .sm-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  .sm-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  .sm-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  .sm-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  .sm-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  .sm-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .sm-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .sm-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  .sm-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  .sm-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  .sm-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  .sm-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  .sm-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .sm-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .sm-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  .sm-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  .sm-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  .sm-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  .sm-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  .sm-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .sm-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .sm-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  .sm-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  .sm-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  .sm-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  .sm-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  .sm-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .sm-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .sm-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  .sm-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  .sm-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  .sm-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  .sm-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  .sm-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .sm-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .sm-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  .sm-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  .sm-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  .sm-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  .sm-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  .sm-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .sm-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .sm-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  .sm-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  .sm-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  .sm-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  .sm-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  .sm-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .sm-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .sm-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  .sm-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  .sm-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  .sm-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  .sm-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  .sm-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .sm-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .sm-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  .sm-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  .sm-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  .sm-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  .sm-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  .sm-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .sm-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .sm-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  .sm-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  .sm-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  .sm-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  .sm-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  .sm-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .sm-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .sm-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  .sm-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  .sm-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  .sm-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  .sm-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  .sm-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .sm-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .sm-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  .sm-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  .sm-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  .sm-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  .sm-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  .sm-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .sm-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .sm-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  .sm-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  .sm-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  .sm-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  .sm-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  .sm-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .sm-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .sm-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  .sm-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  .sm-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  .sm-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  .sm-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  .sm-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .sm-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .sm-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .sm-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .sm-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .sm-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .sm-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .sm-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .sm-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .sm-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .sm-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .sm-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .sm-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .sm-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .sm-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .sm-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .sm-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .sm-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .sm-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .sm-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .sm-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .sm-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .sm-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  .sm-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  .sm-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  .sm-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  .sm-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  .sm-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .sm-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .sm-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  .sm-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  .sm-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  .sm-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  .sm-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  .sm-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .sm-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .sm-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  .sm-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  .sm-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  .sm-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  .sm-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  .sm-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .sm-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .sm-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  .sm-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  .sm-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  .sm-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  .sm-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  .sm-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .sm-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .sm-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  .sm-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  .sm-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  .sm-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  .sm-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  .sm-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .sm-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .sm-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  .sm-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  .sm-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  .sm-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  .sm-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  .sm-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .sm-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .sm-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  .sm-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  .sm-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  .sm-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  .sm-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  .sm-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .sm-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .sm-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  .sm-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  .sm-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  .sm-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  .sm-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  .sm-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .sm-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .sm-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  .sm-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  .sm-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  .sm-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  .sm-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  .sm-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .sm-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .sm-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  .sm-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  .sm-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  .sm-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  .sm-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  .sm-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .sm-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .sm-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  .sm-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  .sm-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  .sm-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  .sm-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  .sm-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .sm-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .sm-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  .sm-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  .sm-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  .sm-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  .sm-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  .sm-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .sm-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .sm-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  .sm-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  .sm-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  .sm-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  .sm-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  .sm-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .sm-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .sm-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  .sm-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  .sm-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  .sm-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  .sm-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  .sm-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .sm-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .sm-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  .sm-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  .sm-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  .sm-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  .sm-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  .sm-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .sm-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .sm-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  .sm-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  .sm-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  .sm-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  .sm-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  .sm-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .sm-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .sm-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  .sm-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  .sm-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  .sm-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  .sm-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  .sm-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .sm-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .sm-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  .sm-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  .sm-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  .sm-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  .sm-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  .sm-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .sm-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .sm-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  .sm-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  .sm-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  .sm-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  .sm-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  .sm-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .sm-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .sm-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  .sm-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  .sm-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  .sm-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  .sm-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  .sm-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .sm-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .sm-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  .sm-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  .sm-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  .sm-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  .sm-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  .sm-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .sm-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .sm-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  .sm-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  .sm-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  .sm-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  .sm-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  .sm-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .sm-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .sm-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  .sm-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  .sm-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  .sm-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  .sm-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  .sm-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .sm-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .sm-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  .sm-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  .sm-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  .sm-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  .sm-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  .sm-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .sm-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .sm-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  .sm-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  .sm-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  .sm-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  .sm-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  .sm-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .sm-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .sm-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  .sm-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  .sm-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  .sm-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  .sm-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  .sm-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .sm-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .sm-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  .sm-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  .sm-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  .sm-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  .sm-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  .sm-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .sm-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .sm-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  .sm-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  .sm-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  .sm-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  .sm-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  .sm-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .sm-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .sm-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  .sm-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  .sm-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  .sm-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  .sm-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  .sm-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .sm-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .sm-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  .sm-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  .sm-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  .sm-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  .sm-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  .sm-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .sm-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .sm-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .sm-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .sm-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .sm-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .sm-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .sm-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .sm-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .sm-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .sm-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .sm-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .sm-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  .sm-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  .sm-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  .sm-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  .sm-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  .sm-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .sm-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .sm-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  .sm-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  .sm-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  .sm-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  .sm-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  .sm-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .sm-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .sm-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  .sm-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  .sm-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  .sm-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  .sm-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  .sm-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .sm-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .sm-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  .sm-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  .sm-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  .sm-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  .sm-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  .sm-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .sm-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .sm-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  .sm-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  .sm-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  .sm-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  .sm-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  .sm-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .sm-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .sm-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  .sm-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  .sm-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  .sm-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  .sm-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  .sm-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .sm-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .sm-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  .sm-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  .sm-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  .sm-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  .sm-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  .sm-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .sm-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .sm-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  .sm-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  .sm-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  .sm-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  .sm-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  .sm-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .sm-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .sm-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  .sm-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  .sm-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  .sm-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  .sm-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  .sm-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .sm-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .sm-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  .sm-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  .sm-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  .sm-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  .sm-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  .sm-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .sm-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .sm-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  .sm-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  .sm-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  .sm-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  .sm-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  .sm-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .sm-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .sm-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  .sm-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  .sm-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  .sm-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  .sm-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  .sm-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .sm-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .sm-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  .sm-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  .sm-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  .sm-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  .sm-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  .sm-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .sm-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .sm-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  .sm-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  .sm-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  .sm-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  .sm-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  .sm-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .sm-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .sm-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  .sm-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  .sm-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  .sm-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  .sm-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  .sm-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .sm-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .sm-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  .sm-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  .sm-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  .sm-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  .sm-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  .sm-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .sm-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .sm-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  .sm-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  .sm-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  .sm-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  .sm-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  .sm-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .sm-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .sm-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  .sm-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  .sm-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  .sm-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  .sm-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  .sm-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .sm-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .sm-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  .sm-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  .sm-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  .sm-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  .sm-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  .sm-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .sm-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .sm-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  .sm-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  .sm-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  .sm-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  .sm-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  .sm-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .sm-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .sm-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  .sm-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  .sm-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  .sm-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  .sm-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  .sm-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .sm-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .sm-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  .sm-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  .sm-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  .sm-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  .sm-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  .sm-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .sm-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .sm-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  .sm-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  .sm-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  .sm-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  .sm-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  .sm-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .sm-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .sm-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  .sm-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  .sm-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  .sm-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  .sm-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  .sm-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .sm-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .sm-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  .sm-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  .sm-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  .sm-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  .sm-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  .sm-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .sm-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .sm-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  .sm-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  .sm-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  .sm-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  .sm-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  .sm-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .sm-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .sm-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  .sm-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  .sm-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  .sm-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  .sm-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  .sm-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .sm-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .sm-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  .sm-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  .sm-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  .sm-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  .sm-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  .sm-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .sm-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .sm-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  .sm-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  .sm-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  .sm-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  .sm-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  .sm-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .sm-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .sm-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  .sm-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  .sm-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  .sm-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  .sm-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  .sm-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .sm-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .sm-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  .sm-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  .sm-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  .sm-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  .sm-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  .sm-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .sm-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .sm-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  .sm-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  .sm-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  .sm-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  .sm-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  .sm-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .sm-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .sm-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  .sm-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  .sm-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  .sm-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  .sm-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  .sm-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .sm-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .sm-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  .sm-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  .sm-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  .sm-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  .sm-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  .sm-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .sm-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .sm-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  .sm-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  .sm-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  .sm-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  .sm-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  .sm-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .sm-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .sm-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  .sm-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  .sm-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  .sm-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  .sm-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  .sm-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .sm-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .sm-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  .sm-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  .sm-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  .sm-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  .sm-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  .sm-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .sm-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .sm-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  .sm-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  .sm-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  .sm-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  .sm-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  .sm-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .sm-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .sm-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  .sm-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  .sm-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  .sm-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  .sm-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  .sm-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .sm-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .sm-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  .sm-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  .sm-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  .sm-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  .sm-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  .sm-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .sm-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .sm-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  .sm-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  .sm-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  .sm-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  .sm-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  .sm-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .sm-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .sm-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  .sm-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  .sm-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  .sm-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  .sm-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  .sm-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .sm-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .sm-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  .sm-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  .sm-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  .sm-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  .sm-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  .sm-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .sm-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .sm-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  .sm-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  .sm-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  .sm-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  .sm-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  .sm-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .sm-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .sm-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  .sm-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  .sm-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  .sm-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  .sm-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  .sm-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .sm-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .sm-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  .sm-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  .sm-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  .sm-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  .sm-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  .sm-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .sm-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .sm-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  .sm-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  .sm-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  .sm-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  .sm-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  .sm-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .sm-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .sm-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  .sm-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  .sm-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  .sm-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  .sm-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  .sm-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .sm-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .sm-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  .sm-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  .sm-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  .sm-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  .sm-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  .sm-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .sm-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .sm-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  .sm-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  .sm-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  .sm-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  .sm-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  .sm-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .sm-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .sm-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  .sm-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  .sm-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  .sm-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  .sm-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  .sm-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .sm-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .sm-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  .sm-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  .sm-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  .sm-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  .sm-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  .sm-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .sm-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .sm-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  .sm-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  .sm-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  .sm-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  .sm-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  .sm-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .sm-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .sm-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  .sm-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  .sm-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  .sm-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  .sm-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  .sm-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .sm-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .sm-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  .sm-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  .sm-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  .sm-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  .sm-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  .sm-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .sm-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .sm-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  .sm-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  .sm-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  .sm-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  .sm-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  .sm-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .sm-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .sm-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  .sm-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  .sm-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  .sm-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  .sm-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  .sm-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .sm-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .sm-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  .sm-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  .sm-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  .sm-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  .sm-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  .sm-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .sm-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .sm-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  .sm-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  .sm-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  .sm-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  .sm-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  .sm-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .sm-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .sm-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  .sm-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  .sm-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  .sm-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  .sm-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  .sm-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .sm-gradient-to-black { --quanta-to-color: var(--black); }
  .sm-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  .sm-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  .sm-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  .sm-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  .sm-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  .sm-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  .sm-group:hover .sm-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  .sm-gradient-to-white { --quanta-to-color: var(--white); }
  .sm-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  .sm-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  .sm-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  .sm-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  .sm-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  .sm-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  .sm-group:hover .sm-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  .sm-transition-all { transition-property: all; }
  .sm-hover-transition-all:hover { transition-property: all; }
  .sm-focus-transition-all:focus { transition-property: all; }
  .sm-active-transition-all:active { transition-property: all; }
  .sm-disabled-transition-all:disabled { transition-property: all; }
  .sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  .sm-focus-within-transition-all:focus-within { transition-property: all; }
  .sm-group:hover .sm-group-hover-transition-all { transition-property: all; }
  .sm-transition-bg { transition-property: background-color; }
  .sm-hover-transition-bg:hover { transition-property: background-color; }
  .sm-focus-transition-bg:focus { transition-property: background-color; }
  .sm-active-transition-bg:active { transition-property: background-color; }
  .sm-disabled-transition-bg:disabled { transition-property: background-color; }
  .sm-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  .sm-focus-within-transition-bg:focus-within { transition-property: background-color; }
  .sm-group:hover .sm-group-hover-transition-bg { transition-property: background-color; }
  .sm-transition-color { transition-property: color; }
  .sm-hover-transition-color:hover { transition-property: color; }
  .sm-focus-transition-color:focus { transition-property: color; }
  .sm-active-transition-color:active { transition-property: color; }
  .sm-disabled-transition-color:disabled { transition-property: color; }
  .sm-focus-visible-transition-color:focus-visible { transition-property: color; }
  .sm-focus-within-transition-color:focus-within { transition-property: color; }
  .sm-group:hover .sm-group-hover-transition-color { transition-property: color; }
  .sm-transition-opacity { transition-property: opacity; }
  .sm-hover-transition-opacity:hover { transition-property: opacity; }
  .sm-focus-transition-opacity:focus { transition-property: opacity; }
  .sm-active-transition-opacity:active { transition-property: opacity; }
  .sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  .sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .sm-group:hover .sm-group-hover-transition-opacity { transition-property: opacity; }
  .sm-transition-transform { transition-property: transform; }
  .sm-hover-transition-transform:hover { transition-property: transform; }
  .sm-focus-transition-transform:focus { transition-property: transform; }
  .sm-active-transition-transform:active { transition-property: transform; }
  .sm-disabled-transition-transform:disabled { transition-property: transform; }
  .sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  .sm-group:hover .sm-group-hover-transition-transform { transition-property: transform; }
  .sm-transition-shadow { transition-property: shadow; }
  .sm-hover-transition-shadow:hover { transition-property: shadow; }
  .sm-focus-transition-shadow:focus { transition-property: shadow; }
  .sm-active-transition-shadow:active { transition-property: shadow; }
  .sm-disabled-transition-shadow:disabled { transition-property: shadow; }
  .sm-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  .sm-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  .sm-group:hover .sm-group-hover-transition-shadow { transition-property: shadow; }
  .sm-transition-border { transition-property: border; }
  .sm-hover-transition-border:hover { transition-property: border; }
  .sm-focus-transition-border:focus { transition-property: border; }
  .sm-active-transition-border:active { transition-property: border; }
  .sm-disabled-transition-border:disabled { transition-property: border; }
  .sm-focus-visible-transition-border:focus-visible { transition-property: border; }
  .sm-focus-within-transition-border:focus-within { transition-property: border; }
  .sm-group:hover .sm-group-hover-transition-border { transition-property: border; }
  .sm-duration-75 { transition-duration: 75ms; }
  .sm-hover-duration-75:hover { transition-duration: 75ms; }
  .sm-focus-duration-75:focus { transition-duration: 75ms; }
  .sm-active-duration-75:active { transition-duration: 75ms; }
  .sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  .sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .sm-group:hover .sm-group-hover-duration-75 { transition-duration: 75ms; }
  .sm-duration-100 { transition-duration: 100ms; }
  .sm-hover-duration-100:hover { transition-duration: 100ms; }
  .sm-focus-duration-100:focus { transition-duration: 100ms; }
  .sm-active-duration-100:active { transition-duration: 100ms; }
  .sm-disabled-duration-100:disabled { transition-duration: 100ms; }
  .sm-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .sm-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .sm-group:hover .sm-group-hover-duration-100 { transition-duration: 100ms; }
  .sm-duration-150 { transition-duration: 150ms; }
  .sm-hover-duration-150:hover { transition-duration: 150ms; }
  .sm-focus-duration-150:focus { transition-duration: 150ms; }
  .sm-active-duration-150:active { transition-duration: 150ms; }
  .sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  .sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .sm-group:hover .sm-group-hover-duration-150 { transition-duration: 150ms; }
  .sm-duration-200 { transition-duration: 200ms; }
  .sm-hover-duration-200:hover { transition-duration: 200ms; }
  .sm-focus-duration-200:focus { transition-duration: 200ms; }
  .sm-active-duration-200:active { transition-duration: 200ms; }
  .sm-disabled-duration-200:disabled { transition-duration: 200ms; }
  .sm-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .sm-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .sm-group:hover .sm-group-hover-duration-200 { transition-duration: 200ms; }
  .sm-duration-300 { transition-duration: 300ms; }
  .sm-hover-duration-300:hover { transition-duration: 300ms; }
  .sm-focus-duration-300:focus { transition-duration: 300ms; }
  .sm-active-duration-300:active { transition-duration: 300ms; }
  .sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  .sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .sm-group:hover .sm-group-hover-duration-300 { transition-duration: 300ms; }
  .sm-duration-500 { transition-duration: 500ms; }
  .sm-hover-duration-500:hover { transition-duration: 500ms; }
  .sm-focus-duration-500:focus { transition-duration: 500ms; }
  .sm-active-duration-500:active { transition-duration: 500ms; }
  .sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  .sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .sm-group:hover .sm-group-hover-duration-500 { transition-duration: 500ms; }
  .sm-duration-700 { transition-duration: 700ms; }
  .sm-hover-duration-700:hover { transition-duration: 700ms; }
  .sm-focus-duration-700:focus { transition-duration: 700ms; }
  .sm-active-duration-700:active { transition-duration: 700ms; }
  .sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  .sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .sm-group:hover .sm-group-hover-duration-700 { transition-duration: 700ms; }
  .sm-duration-1000 { transition-duration: 1000ms; }
  .sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  .sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  .sm-active-duration-1000:active { transition-duration: 1000ms; }
  .sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .sm-group:hover .sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  .sm-ease-linear { transition-timing-function: ease-linear; }
  .sm-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  .sm-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  .sm-active-ease-linear:active { transition-timing-function: ease-linear; }
  .sm-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  .sm-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  .sm-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  .sm-group:hover .sm-group-hover-ease-linear { transition-timing-function: ease-linear; }
  .sm-ease-in { transition-timing-function: ease-in; }
  .sm-hover-ease-in:hover { transition-timing-function: ease-in; }
  .sm-focus-ease-in:focus { transition-timing-function: ease-in; }
  .sm-active-ease-in:active { transition-timing-function: ease-in; }
  .sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .sm-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .sm-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .sm-group:hover .sm-group-hover-ease-in { transition-timing-function: ease-in; }
  .sm-ease-out { transition-timing-function: ease-out; }
  .sm-hover-ease-out:hover { transition-timing-function: ease-out; }
  .sm-focus-ease-out:focus { transition-timing-function: ease-out; }
  .sm-active-ease-out:active { transition-timing-function: ease-out; }
  .sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .sm-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .sm-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .sm-group:hover .sm-group-hover-ease-out { transition-timing-function: ease-out; }
  .sm-ease-in-out { transition-timing-function: ease-in-out; }
  .sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .sm-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .sm-group:hover .sm-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .sm-translate-x-0 { transform: translateX(0rem); }
  .sm-hover-translate-x-0:hover { transform: translateX(0rem); }
  .sm-focus-translate-x-0:focus { transform: translateX(0rem); }
  .sm-active-translate-x-0:active { transform: translateX(0rem); }
  .sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .sm-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .sm-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .sm-group:hover .sm-group-hover-translate-x-0 { transform: translateX(0rem); }
  .sm-translate-y-0 { transform: translateY(0rem); }
  .sm-hover-translate-y-0:hover { transform: translateY(0rem); }
  .sm-focus-translate-y-0:focus { transform: translateY(0rem); }
  .sm-active-translate-y-0:active { transform: translateY(0rem); }
  .sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .sm-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .sm-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .sm-group:hover .sm-group-hover-translate-y-0 { transform: translateY(0rem); }
  .sm-translate-x-0_25 { transform: translateX(0.25rem); }
  .sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .sm-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .sm-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .sm-translate-y-0_25 { transform: translateY(0.25rem); }
  .sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .sm-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .sm-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .sm-translate-x-0_5 { transform: translateX(0.5rem); }
  .sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .sm-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .sm-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .sm-translate-y-0_5 { transform: translateY(0.5rem); }
  .sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .sm-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .sm-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .sm-translate-x-1 { transform: translateX(1rem); }
  .sm-hover-translate-x-1:hover { transform: translateX(1rem); }
  .sm-focus-translate-x-1:focus { transform: translateX(1rem); }
  .sm-active-translate-x-1:active { transform: translateX(1rem); }
  .sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .sm-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .sm-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .sm-group:hover .sm-group-hover-translate-x-1 { transform: translateX(1rem); }
  .sm-translate-y-1 { transform: translateY(1rem); }
  .sm-hover-translate-y-1:hover { transform: translateY(1rem); }
  .sm-focus-translate-y-1:focus { transform: translateY(1rem); }
  .sm-active-translate-y-1:active { transform: translateY(1rem); }
  .sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .sm-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .sm-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .sm-group:hover .sm-group-hover-translate-y-1 { transform: translateY(1rem); }
  .sm-translate-x-1_5 { transform: translateX(1.5rem); }
  .sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .sm-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .sm-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .sm-group:hover .sm-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .sm-translate-y-1_5 { transform: translateY(1.5rem); }
  .sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .sm-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .sm-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .sm-group:hover .sm-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .sm-translate-x-2 { transform: translateX(2rem); }
  .sm-hover-translate-x-2:hover { transform: translateX(2rem); }
  .sm-focus-translate-x-2:focus { transform: translateX(2rem); }
  .sm-active-translate-x-2:active { transform: translateX(2rem); }
  .sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .sm-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .sm-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .sm-group:hover .sm-group-hover-translate-x-2 { transform: translateX(2rem); }
  .sm-translate-y-2 { transform: translateY(2rem); }
  .sm-hover-translate-y-2:hover { transform: translateY(2rem); }
  .sm-focus-translate-y-2:focus { transform: translateY(2rem); }
  .sm-active-translate-y-2:active { transform: translateY(2rem); }
  .sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .sm-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .sm-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .sm-group:hover .sm-group-hover-translate-y-2 { transform: translateY(2rem); }
  .sm-translate-x-3 { transform: translateX(3rem); }
  .sm-hover-translate-x-3:hover { transform: translateX(3rem); }
  .sm-focus-translate-x-3:focus { transform: translateX(3rem); }
  .sm-active-translate-x-3:active { transform: translateX(3rem); }
  .sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .sm-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .sm-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .sm-group:hover .sm-group-hover-translate-x-3 { transform: translateX(3rem); }
  .sm-translate-y-3 { transform: translateY(3rem); }
  .sm-hover-translate-y-3:hover { transform: translateY(3rem); }
  .sm-focus-translate-y-3:focus { transform: translateY(3rem); }
  .sm-active-translate-y-3:active { transform: translateY(3rem); }
  .sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .sm-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .sm-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .sm-group:hover .sm-group-hover-translate-y-3 { transform: translateY(3rem); }
  .sm-translate-x-4 { transform: translateX(4rem); }
  .sm-hover-translate-x-4:hover { transform: translateX(4rem); }
  .sm-focus-translate-x-4:focus { transform: translateX(4rem); }
  .sm-active-translate-x-4:active { transform: translateX(4rem); }
  .sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .sm-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .sm-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .sm-group:hover .sm-group-hover-translate-x-4 { transform: translateX(4rem); }
  .sm-translate-y-4 { transform: translateY(4rem); }
  .sm-hover-translate-y-4:hover { transform: translateY(4rem); }
  .sm-focus-translate-y-4:focus { transform: translateY(4rem); }
  .sm-active-translate-y-4:active { transform: translateY(4rem); }
  .sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .sm-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .sm-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .sm-group:hover .sm-group-hover-translate-y-4 { transform: translateY(4rem); }
  .sm-translate-x-5 { transform: translateX(5rem); }
  .sm-hover-translate-x-5:hover { transform: translateX(5rem); }
  .sm-focus-translate-x-5:focus { transform: translateX(5rem); }
  .sm-active-translate-x-5:active { transform: translateX(5rem); }
  .sm-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  .sm-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  .sm-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  .sm-group:hover .sm-group-hover-translate-x-5 { transform: translateX(5rem); }
  .sm-translate-y-5 { transform: translateY(5rem); }
  .sm-hover-translate-y-5:hover { transform: translateY(5rem); }
  .sm-focus-translate-y-5:focus { transform: translateY(5rem); }
  .sm-active-translate-y-5:active { transform: translateY(5rem); }
  .sm-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  .sm-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  .sm-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  .sm-group:hover .sm-group-hover-translate-y-5 { transform: translateY(5rem); }
  .sm-translate-x-6 { transform: translateX(6rem); }
  .sm-hover-translate-x-6:hover { transform: translateX(6rem); }
  .sm-focus-translate-x-6:focus { transform: translateX(6rem); }
  .sm-active-translate-x-6:active { transform: translateX(6rem); }
  .sm-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  .sm-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  .sm-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  .sm-group:hover .sm-group-hover-translate-x-6 { transform: translateX(6rem); }
  .sm-translate-y-6 { transform: translateY(6rem); }
  .sm-hover-translate-y-6:hover { transform: translateY(6rem); }
  .sm-focus-translate-y-6:focus { transform: translateY(6rem); }
  .sm-active-translate-y-6:active { transform: translateY(6rem); }
  .sm-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  .sm-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  .sm-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  .sm-group:hover .sm-group-hover-translate-y-6 { transform: translateY(6rem); }
  .sm-translate-x-8 { transform: translateX(8rem); }
  .sm-hover-translate-x-8:hover { transform: translateX(8rem); }
  .sm-focus-translate-x-8:focus { transform: translateX(8rem); }
  .sm-active-translate-x-8:active { transform: translateX(8rem); }
  .sm-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  .sm-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  .sm-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  .sm-group:hover .sm-group-hover-translate-x-8 { transform: translateX(8rem); }
  .sm-translate-y-8 { transform: translateY(8rem); }
  .sm-hover-translate-y-8:hover { transform: translateY(8rem); }
  .sm-focus-translate-y-8:focus { transform: translateY(8rem); }
  .sm-active-translate-y-8:active { transform: translateY(8rem); }
  .sm-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  .sm-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  .sm-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  .sm-group:hover .sm-group-hover-translate-y-8 { transform: translateY(8rem); }
  .sm-translate-x-10 { transform: translateX(10rem); }
  .sm-hover-translate-x-10:hover { transform: translateX(10rem); }
  .sm-focus-translate-x-10:focus { transform: translateX(10rem); }
  .sm-active-translate-x-10:active { transform: translateX(10rem); }
  .sm-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  .sm-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  .sm-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  .sm-group:hover .sm-group-hover-translate-x-10 { transform: translateX(10rem); }
  .sm-translate-y-10 { transform: translateY(10rem); }
  .sm-hover-translate-y-10:hover { transform: translateY(10rem); }
  .sm-focus-translate-y-10:focus { transform: translateY(10rem); }
  .sm-active-translate-y-10:active { transform: translateY(10rem); }
  .sm-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  .sm-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  .sm-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  .sm-group:hover .sm-group-hover-translate-y-10 { transform: translateY(10rem); }
  .sm-translate-x-12 { transform: translateX(12rem); }
  .sm-hover-translate-x-12:hover { transform: translateX(12rem); }
  .sm-focus-translate-x-12:focus { transform: translateX(12rem); }
  .sm-active-translate-x-12:active { transform: translateX(12rem); }
  .sm-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  .sm-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  .sm-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  .sm-group:hover .sm-group-hover-translate-x-12 { transform: translateX(12rem); }
  .sm-translate-y-12 { transform: translateY(12rem); }
  .sm-hover-translate-y-12:hover { transform: translateY(12rem); }
  .sm-focus-translate-y-12:focus { transform: translateY(12rem); }
  .sm-active-translate-y-12:active { transform: translateY(12rem); }
  .sm-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  .sm-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  .sm-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  .sm-group:hover .sm-group-hover-translate-y-12 { transform: translateY(12rem); }
  .sm-translate-x-16 { transform: translateX(16rem); }
  .sm-hover-translate-x-16:hover { transform: translateX(16rem); }
  .sm-focus-translate-x-16:focus { transform: translateX(16rem); }
  .sm-active-translate-x-16:active { transform: translateX(16rem); }
  .sm-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  .sm-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  .sm-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  .sm-group:hover .sm-group-hover-translate-x-16 { transform: translateX(16rem); }
  .sm-translate-y-16 { transform: translateY(16rem); }
  .sm-hover-translate-y-16:hover { transform: translateY(16rem); }
  .sm-focus-translate-y-16:focus { transform: translateY(16rem); }
  .sm-active-translate-y-16:active { transform: translateY(16rem); }
  .sm-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  .sm-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  .sm-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  .sm-group:hover .sm-group-hover-translate-y-16 { transform: translateY(16rem); }
  .sm-translate-x-20 { transform: translateX(20rem); }
  .sm-hover-translate-x-20:hover { transform: translateX(20rem); }
  .sm-focus-translate-x-20:focus { transform: translateX(20rem); }
  .sm-active-translate-x-20:active { transform: translateX(20rem); }
  .sm-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  .sm-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  .sm-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  .sm-group:hover .sm-group-hover-translate-x-20 { transform: translateX(20rem); }
  .sm-translate-y-20 { transform: translateY(20rem); }
  .sm-hover-translate-y-20:hover { transform: translateY(20rem); }
  .sm-focus-translate-y-20:focus { transform: translateY(20rem); }
  .sm-active-translate-y-20:active { transform: translateY(20rem); }
  .sm-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  .sm-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  .sm-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  .sm-group:hover .sm-group-hover-translate-y-20 { transform: translateY(20rem); }
  .sm-translate-x-24 { transform: translateX(24rem); }
  .sm-hover-translate-x-24:hover { transform: translateX(24rem); }
  .sm-focus-translate-x-24:focus { transform: translateX(24rem); }
  .sm-active-translate-x-24:active { transform: translateX(24rem); }
  .sm-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  .sm-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  .sm-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  .sm-group:hover .sm-group-hover-translate-x-24 { transform: translateX(24rem); }
  .sm-translate-y-24 { transform: translateY(24rem); }
  .sm-hover-translate-y-24:hover { transform: translateY(24rem); }
  .sm-focus-translate-y-24:focus { transform: translateY(24rem); }
  .sm-active-translate-y-24:active { transform: translateY(24rem); }
  .sm-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  .sm-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  .sm-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  .sm-group:hover .sm-group-hover-translate-y-24 { transform: translateY(24rem); }
  .sm-translate-x-32 { transform: translateX(32rem); }
  .sm-hover-translate-x-32:hover { transform: translateX(32rem); }
  .sm-focus-translate-x-32:focus { transform: translateX(32rem); }
  .sm-active-translate-x-32:active { transform: translateX(32rem); }
  .sm-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  .sm-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  .sm-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  .sm-group:hover .sm-group-hover-translate-x-32 { transform: translateX(32rem); }
  .sm-translate-y-32 { transform: translateY(32rem); }
  .sm-hover-translate-y-32:hover { transform: translateY(32rem); }
  .sm-focus-translate-y-32:focus { transform: translateY(32rem); }
  .sm-active-translate-y-32:active { transform: translateY(32rem); }
  .sm-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  .sm-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  .sm-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  .sm-group:hover .sm-group-hover-translate-y-32 { transform: translateY(32rem); }
  .sm-scale-0 { transform: scale(0.0); }
  .sm-hover-scale-0:hover { transform: scale(0.0); }
  .sm-focus-scale-0:focus { transform: scale(0.0); }
  .sm-active-scale-0:active { transform: scale(0.0); }
  .sm-disabled-scale-0:disabled { transform: scale(0.0); }
  .sm-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  .sm-focus-within-scale-0:focus-within { transform: scale(0.0); }
  .sm-group:hover .sm-group-hover-scale-0 { transform: scale(0.0); }
  .sm-scale-50 { transform: scale(0.5); }
  .sm-hover-scale-50:hover { transform: scale(0.5); }
  .sm-focus-scale-50:focus { transform: scale(0.5); }
  .sm-active-scale-50:active { transform: scale(0.5); }
  .sm-disabled-scale-50:disabled { transform: scale(0.5); }
  .sm-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .sm-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .sm-group:hover .sm-group-hover-scale-50 { transform: scale(0.5); }
  .sm-scale-75 { transform: scale(0.75); }
  .sm-hover-scale-75:hover { transform: scale(0.75); }
  .sm-focus-scale-75:focus { transform: scale(0.75); }
  .sm-active-scale-75:active { transform: scale(0.75); }
  .sm-disabled-scale-75:disabled { transform: scale(0.75); }
  .sm-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .sm-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .sm-group:hover .sm-group-hover-scale-75 { transform: scale(0.75); }
  .sm-scale-90 { transform: scale(0.9); }
  .sm-hover-scale-90:hover { transform: scale(0.9); }
  .sm-focus-scale-90:focus { transform: scale(0.9); }
  .sm-active-scale-90:active { transform: scale(0.9); }
  .sm-disabled-scale-90:disabled { transform: scale(0.9); }
  .sm-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .sm-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .sm-group:hover .sm-group-hover-scale-90 { transform: scale(0.9); }
  .sm-scale-95 { transform: scale(0.95); }
  .sm-hover-scale-95:hover { transform: scale(0.95); }
  .sm-focus-scale-95:focus { transform: scale(0.95); }
  .sm-active-scale-95:active { transform: scale(0.95); }
  .sm-disabled-scale-95:disabled { transform: scale(0.95); }
  .sm-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .sm-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .sm-group:hover .sm-group-hover-scale-95 { transform: scale(0.95); }
  .sm-scale-100 { transform: scale(1.0); }
  .sm-hover-scale-100:hover { transform: scale(1.0); }
  .sm-focus-scale-100:focus { transform: scale(1.0); }
  .sm-active-scale-100:active { transform: scale(1.0); }
  .sm-disabled-scale-100:disabled { transform: scale(1.0); }
  .sm-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .sm-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .sm-group:hover .sm-group-hover-scale-100 { transform: scale(1.0); }
  .sm-scale-105 { transform: scale(1.05); }
  .sm-hover-scale-105:hover { transform: scale(1.05); }
  .sm-focus-scale-105:focus { transform: scale(1.05); }
  .sm-active-scale-105:active { transform: scale(1.05); }
  .sm-disabled-scale-105:disabled { transform: scale(1.05); }
  .sm-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .sm-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .sm-group:hover .sm-group-hover-scale-105 { transform: scale(1.05); }
  .sm-scale-110 { transform: scale(1.1); }
  .sm-hover-scale-110:hover { transform: scale(1.1); }
  .sm-focus-scale-110:focus { transform: scale(1.1); }
  .sm-active-scale-110:active { transform: scale(1.1); }
  .sm-disabled-scale-110:disabled { transform: scale(1.1); }
  .sm-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .sm-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .sm-group:hover .sm-group-hover-scale-110 { transform: scale(1.1); }
  .sm-scale-125 { transform: scale(1.25); }
  .sm-hover-scale-125:hover { transform: scale(1.25); }
  .sm-focus-scale-125:focus { transform: scale(1.25); }
  .sm-active-scale-125:active { transform: scale(1.25); }
  .sm-disabled-scale-125:disabled { transform: scale(1.25); }
  .sm-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .sm-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .sm-group:hover .sm-group-hover-scale-125 { transform: scale(1.25); }
  .sm-scale-150 { transform: scale(1.5); }
  .sm-hover-scale-150:hover { transform: scale(1.5); }
  .sm-focus-scale-150:focus { transform: scale(1.5); }
  .sm-active-scale-150:active { transform: scale(1.5); }
  .sm-disabled-scale-150:disabled { transform: scale(1.5); }
  .sm-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .sm-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .sm-group:hover .sm-group-hover-scale-150 { transform: scale(1.5); }
  .sm-rotate--180 { transform: rotate(-180deg); }
  .sm-hover-rotate--180:hover { transform: rotate(-180deg); }
  .sm-focus-rotate--180:focus { transform: rotate(-180deg); }
  .sm-active-rotate--180:active { transform: rotate(-180deg); }
  .sm-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  .sm-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  .sm-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  .sm-group:hover .sm-group-hover-rotate--180 { transform: rotate(-180deg); }
  .sm-rotate--90 { transform: rotate(-90deg); }
  .sm-hover-rotate--90:hover { transform: rotate(-90deg); }
  .sm-focus-rotate--90:focus { transform: rotate(-90deg); }
  .sm-active-rotate--90:active { transform: rotate(-90deg); }
  .sm-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  .sm-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  .sm-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  .sm-group:hover .sm-group-hover-rotate--90 { transform: rotate(-90deg); }
  .sm-rotate--45 { transform: rotate(-45deg); }
  .sm-hover-rotate--45:hover { transform: rotate(-45deg); }
  .sm-focus-rotate--45:focus { transform: rotate(-45deg); }
  .sm-active-rotate--45:active { transform: rotate(-45deg); }
  .sm-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  .sm-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  .sm-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  .sm-group:hover .sm-group-hover-rotate--45 { transform: rotate(-45deg); }
  .sm-rotate-0 { transform: rotate(0deg); }
  .sm-hover-rotate-0:hover { transform: rotate(0deg); }
  .sm-focus-rotate-0:focus { transform: rotate(0deg); }
  .sm-active-rotate-0:active { transform: rotate(0deg); }
  .sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .sm-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .sm-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .sm-group:hover .sm-group-hover-rotate-0 { transform: rotate(0deg); }
  .sm-rotate-45 { transform: rotate(45deg); }
  .sm-hover-rotate-45:hover { transform: rotate(45deg); }
  .sm-focus-rotate-45:focus { transform: rotate(45deg); }
  .sm-active-rotate-45:active { transform: rotate(45deg); }
  .sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .sm-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .sm-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .sm-group:hover .sm-group-hover-rotate-45 { transform: rotate(45deg); }
  .sm-rotate-90 { transform: rotate(90deg); }
  .sm-hover-rotate-90:hover { transform: rotate(90deg); }
  .sm-focus-rotate-90:focus { transform: rotate(90deg); }
  .sm-active-rotate-90:active { transform: rotate(90deg); }
  .sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .sm-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .sm-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .sm-group:hover .sm-group-hover-rotate-90 { transform: rotate(90deg); }
  .sm-rotate-180 { transform: rotate(180deg); }
  .sm-hover-rotate-180:hover { transform: rotate(180deg); }
  .sm-focus-rotate-180:focus { transform: rotate(180deg); }
  .sm-active-rotate-180:active { transform: rotate(180deg); }
  .sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .sm-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .sm-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .sm-group:hover .sm-group-hover-rotate-180 { transform: rotate(180deg); }
  .sm-skew-x--45 { transform: skewX(-45deg); }
  .sm-hover-skew-x--45:hover { transform: skewX(-45deg); }
  .sm-focus-skew-x--45:focus { transform: skewX(-45deg); }
  .sm-active-skew-x--45:active { transform: skewX(-45deg); }
  .sm-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  .sm-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  .sm-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  .sm-group:hover .sm-group-hover-skew-x--45 { transform: skewX(-45deg); }
  .sm-skew-y--45 { transform: skewY(-45deg); }
  .sm-hover-skew-y--45:hover { transform: skewY(-45deg); }
  .sm-focus-skew-y--45:focus { transform: skewY(-45deg); }
  .sm-active-skew-y--45:active { transform: skewY(-45deg); }
  .sm-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  .sm-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  .sm-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  .sm-group:hover .sm-group-hover-skew-y--45 { transform: skewY(-45deg); }
  .sm-skew-x--30 { transform: skewX(-30deg); }
  .sm-hover-skew-x--30:hover { transform: skewX(-30deg); }
  .sm-focus-skew-x--30:focus { transform: skewX(-30deg); }
  .sm-active-skew-x--30:active { transform: skewX(-30deg); }
  .sm-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  .sm-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  .sm-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  .sm-group:hover .sm-group-hover-skew-x--30 { transform: skewX(-30deg); }
  .sm-skew-y--30 { transform: skewY(-30deg); }
  .sm-hover-skew-y--30:hover { transform: skewY(-30deg); }
  .sm-focus-skew-y--30:focus { transform: skewY(-30deg); }
  .sm-active-skew-y--30:active { transform: skewY(-30deg); }
  .sm-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  .sm-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  .sm-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  .sm-group:hover .sm-group-hover-skew-y--30 { transform: skewY(-30deg); }
  .sm-skew-x--15 { transform: skewX(-15deg); }
  .sm-hover-skew-x--15:hover { transform: skewX(-15deg); }
  .sm-focus-skew-x--15:focus { transform: skewX(-15deg); }
  .sm-active-skew-x--15:active { transform: skewX(-15deg); }
  .sm-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  .sm-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  .sm-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  .sm-group:hover .sm-group-hover-skew-x--15 { transform: skewX(-15deg); }
  .sm-skew-y--15 { transform: skewY(-15deg); }
  .sm-hover-skew-y--15:hover { transform: skewY(-15deg); }
  .sm-focus-skew-y--15:focus { transform: skewY(-15deg); }
  .sm-active-skew-y--15:active { transform: skewY(-15deg); }
  .sm-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  .sm-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  .sm-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  .sm-group:hover .sm-group-hover-skew-y--15 { transform: skewY(-15deg); }
  .sm-skew-x-0 { transform: skewX(0deg); }
  .sm-hover-skew-x-0:hover { transform: skewX(0deg); }
  .sm-focus-skew-x-0:focus { transform: skewX(0deg); }
  .sm-active-skew-x-0:active { transform: skewX(0deg); }
  .sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .sm-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .sm-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .sm-group:hover .sm-group-hover-skew-x-0 { transform: skewX(0deg); }
  .sm-skew-y-0 { transform: skewY(0deg); }
  .sm-hover-skew-y-0:hover { transform: skewY(0deg); }
  .sm-focus-skew-y-0:focus { transform: skewY(0deg); }
  .sm-active-skew-y-0:active { transform: skewY(0deg); }
  .sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .sm-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .sm-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .sm-group:hover .sm-group-hover-skew-y-0 { transform: skewY(0deg); }
  .sm-skew-x-15 { transform: skewX(15deg); }
  .sm-hover-skew-x-15:hover { transform: skewX(15deg); }
  .sm-focus-skew-x-15:focus { transform: skewX(15deg); }
  .sm-active-skew-x-15:active { transform: skewX(15deg); }
  .sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .sm-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .sm-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .sm-group:hover .sm-group-hover-skew-x-15 { transform: skewX(15deg); }
  .sm-skew-y-15 { transform: skewY(15deg); }
  .sm-hover-skew-y-15:hover { transform: skewY(15deg); }
  .sm-focus-skew-y-15:focus { transform: skewY(15deg); }
  .sm-active-skew-y-15:active { transform: skewY(15deg); }
  .sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .sm-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .sm-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .sm-group:hover .sm-group-hover-skew-y-15 { transform: skewY(15deg); }
  .sm-skew-x-30 { transform: skewX(30deg); }
  .sm-hover-skew-x-30:hover { transform: skewX(30deg); }
  .sm-focus-skew-x-30:focus { transform: skewX(30deg); }
  .sm-active-skew-x-30:active { transform: skewX(30deg); }
  .sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .sm-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .sm-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .sm-group:hover .sm-group-hover-skew-x-30 { transform: skewX(30deg); }
  .sm-skew-y-30 { transform: skewY(30deg); }
  .sm-hover-skew-y-30:hover { transform: skewY(30deg); }
  .sm-focus-skew-y-30:focus { transform: skewY(30deg); }
  .sm-active-skew-y-30:active { transform: skewY(30deg); }
  .sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .sm-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .sm-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .sm-group:hover .sm-group-hover-skew-y-30 { transform: skewY(30deg); }
  .sm-skew-x-45 { transform: skewX(45deg); }
  .sm-hover-skew-x-45:hover { transform: skewX(45deg); }
  .sm-focus-skew-x-45:focus { transform: skewX(45deg); }
  .sm-active-skew-x-45:active { transform: skewX(45deg); }
  .sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .sm-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .sm-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .sm-group:hover .sm-group-hover-skew-x-45 { transform: skewX(45deg); }
  .sm-skew-y-45 { transform: skewY(45deg); }
  .sm-hover-skew-y-45:hover { transform: skewY(45deg); }
  .sm-focus-skew-y-45:focus { transform: skewY(45deg); }
  .sm-active-skew-y-45:active { transform: skewY(45deg); }
  .sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .sm-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .sm-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .sm-group:hover .sm-group-hover-skew-y-45 { transform: skewY(45deg); }
  .sm-duration-75 { animation-duration: 0.075s !important; }
  .sm-hover-duration-75:hover { animation-duration: 0.075s !important; }
  .sm-focus-duration-75:focus { animation-duration: 0.075s !important; }
  .sm-active-duration-75:active { animation-duration: 0.075s !important; }
  .sm-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  .sm-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  .sm-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  .sm-group:hover .sm-group-hover-duration-75 { animation-duration: 0.075s !important; }
  .sm-duration-100 { animation-duration: 0.1s   !important; }
  .sm-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  .sm-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  .sm-active-duration-100:active { animation-duration: 0.1s   !important; }
  .sm-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  .sm-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  .sm-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  .sm-group:hover .sm-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  .sm-duration-150 { animation-duration: 0.15s  !important; }
  .sm-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  .sm-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  .sm-active-duration-150:active { animation-duration: 0.15s  !important; }
  .sm-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  .sm-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  .sm-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  .sm-group:hover .sm-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  .sm-duration-200 { animation-duration: 0.2s   !important; }
  .sm-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  .sm-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  .sm-active-duration-200:active { animation-duration: 0.2s   !important; }
  .sm-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  .sm-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  .sm-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  .sm-group:hover .sm-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  .sm-duration-300 { animation-duration: 0.3s   !important; }
  .sm-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  .sm-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  .sm-active-duration-300:active { animation-duration: 0.3s   !important; }
  .sm-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  .sm-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  .sm-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  .sm-group:hover .sm-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  .sm-duration-500 { animation-duration: 0.5s   !important; }
  .sm-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  .sm-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  .sm-active-duration-500:active { animation-duration: 0.5s   !important; }
  .sm-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  .sm-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  .sm-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  .sm-group:hover .sm-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  .sm-duration-700 { animation-duration: 0.7s   !important; }
  .sm-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  .sm-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  .sm-active-duration-700:active { animation-duration: 0.7s   !important; }
  .sm-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  .sm-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  .sm-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  .sm-group:hover .sm-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  .sm-duration-1000 { animation-duration: 1s     !important; }
  .sm-hover-duration-1000:hover { animation-duration: 1s     !important; }
  .sm-focus-duration-1000:focus { animation-duration: 1s     !important; }
  .sm-active-duration-1000:active { animation-duration: 1s     !important; }
  .sm-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  .sm-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  .sm-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  .sm-group:hover .sm-group-hover-duration-1000 { animation-duration: 1s     !important; }
  .sm-duration-1500 { animation-duration: 1.5s   !important; }
  .sm-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  .sm-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  .sm-active-duration-1500:active { animation-duration: 1.5s   !important; }
  .sm-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  .sm-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  .sm-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  .sm-group:hover .sm-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  .sm-duration-2000 { animation-duration: 2s     !important; }
  .sm-hover-duration-2000:hover { animation-duration: 2s     !important; }
  .sm-focus-duration-2000:focus { animation-duration: 2s     !important; }
  .sm-active-duration-2000:active { animation-duration: 2s     !important; }
  .sm-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  .sm-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  .sm-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  .sm-group:hover .sm-group-hover-duration-2000 { animation-duration: 2s     !important; }
  .sm-blur-none { filter: blur(0); }
  .sm-hover-blur-none:hover { filter: blur(0); }
  .sm-focus-blur-none:focus { filter: blur(0); }
  .sm-active-blur-none:active { filter: blur(0); }
  .sm-disabled-blur-none:disabled { filter: blur(0); }
  .sm-focus-visible-blur-none:focus-visible { filter: blur(0); }
  .sm-focus-within-blur-none:focus-within { filter: blur(0); }
  .sm-group:hover .sm-group-hover-blur-none { filter: blur(0); }
  .sm-blur-sm { filter: blur(2px); }
  .sm-hover-blur-sm:hover { filter: blur(2px); }
  .sm-focus-blur-sm:focus { filter: blur(2px); }
  .sm-active-blur-sm:active { filter: blur(2px); }
  .sm-disabled-blur-sm:disabled { filter: blur(2px); }
  .sm-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .sm-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .sm-group:hover .sm-group-hover-blur-sm { filter: blur(2px); }
  .sm-blur { filter: blur(4px); }
  .sm-hover-blur:hover { filter: blur(4px); }
  .sm-focus-blur:focus { filter: blur(4px); }
  .sm-active-blur:active { filter: blur(4px); }
  .sm-disabled-blur:disabled { filter: blur(4px); }
  .sm-focus-visible-blur:focus-visible { filter: blur(4px); }
  .sm-focus-within-blur:focus-within { filter: blur(4px); }
  .sm-group:hover .sm-group-hover-blur { filter: blur(4px); }
  .sm-blur-md { filter: blur(8px); }
  .sm-hover-blur-md:hover { filter: blur(8px); }
  .sm-focus-blur-md:focus { filter: blur(8px); }
  .sm-active-blur-md:active { filter: blur(8px); }
  .sm-disabled-blur-md:disabled { filter: blur(8px); }
  .sm-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .sm-focus-within-blur-md:focus-within { filter: blur(8px); }
  .sm-group:hover .sm-group-hover-blur-md { filter: blur(8px); }
  .sm-blur-lg { filter: blur(12px); }
  .sm-hover-blur-lg:hover { filter: blur(12px); }
  .sm-focus-blur-lg:focus { filter: blur(12px); }
  .sm-active-blur-lg:active { filter: blur(12px); }
  .sm-disabled-blur-lg:disabled { filter: blur(12px); }
  .sm-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .sm-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .sm-group:hover .sm-group-hover-blur-lg { filter: blur(12px); }
  .sm-blur-xl { filter: blur(20px); }
  .sm-hover-blur-xl:hover { filter: blur(20px); }
  .sm-focus-blur-xl:focus { filter: blur(20px); }
  .sm-active-blur-xl:active { filter: blur(20px); }
  .sm-disabled-blur-xl:disabled { filter: blur(20px); }
  .sm-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .sm-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .sm-group:hover .sm-group-hover-blur-xl { filter: blur(20px); }
  .sm-brightness-0 { filter: brightness(0); }
  .sm-hover-brightness-0:hover { filter: brightness(0); }
  .sm-focus-brightness-0:focus { filter: brightness(0); }
  .sm-active-brightness-0:active { filter: brightness(0); }
  .sm-disabled-brightness-0:disabled { filter: brightness(0); }
  .sm-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  .sm-focus-within-brightness-0:focus-within { filter: brightness(0); }
  .sm-group:hover .sm-group-hover-brightness-0 { filter: brightness(0); }
  .sm-brightness-50 { filter: brightness(0.5); }
  .sm-hover-brightness-50:hover { filter: brightness(0.5); }
  .sm-focus-brightness-50:focus { filter: brightness(0.5); }
  .sm-active-brightness-50:active { filter: brightness(0.5); }
  .sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .sm-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .sm-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .sm-group:hover .sm-group-hover-brightness-50 { filter: brightness(0.5); }
  .sm-brightness-75 { filter: brightness(0.75); }
  .sm-hover-brightness-75:hover { filter: brightness(0.75); }
  .sm-focus-brightness-75:focus { filter: brightness(0.75); }
  .sm-active-brightness-75:active { filter: brightness(0.75); }
  .sm-disabled-brightness-75:disabled { filter: brightness(0.75); }
  .sm-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  .sm-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  .sm-group:hover .sm-group-hover-brightness-75 { filter: brightness(0.75); }
  .sm-brightness-90 { filter: brightness(0.9); }
  .sm-hover-brightness-90:hover { filter: brightness(0.9); }
  .sm-focus-brightness-90:focus { filter: brightness(0.9); }
  .sm-active-brightness-90:active { filter: brightness(0.9); }
  .sm-disabled-brightness-90:disabled { filter: brightness(0.9); }
  .sm-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  .sm-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  .sm-group:hover .sm-group-hover-brightness-90 { filter: brightness(0.9); }
  .sm-brightness-100 { filter: brightness(1); }
  .sm-hover-brightness-100:hover { filter: brightness(1); }
  .sm-focus-brightness-100:focus { filter: brightness(1); }
  .sm-active-brightness-100:active { filter: brightness(1); }
  .sm-disabled-brightness-100:disabled { filter: brightness(1); }
  .sm-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .sm-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .sm-group:hover .sm-group-hover-brightness-100 { filter: brightness(1); }
  .sm-brightness-125 { filter: brightness(1.25); }
  .sm-hover-brightness-125:hover { filter: brightness(1.25); }
  .sm-focus-brightness-125:focus { filter: brightness(1.25); }
  .sm-active-brightness-125:active { filter: brightness(1.25); }
  .sm-disabled-brightness-125:disabled { filter: brightness(1.25); }
  .sm-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  .sm-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  .sm-group:hover .sm-group-hover-brightness-125 { filter: brightness(1.25); }
  .sm-brightness-150 { filter: brightness(1.5); }
  .sm-hover-brightness-150:hover { filter: brightness(1.5); }
  .sm-focus-brightness-150:focus { filter: brightness(1.5); }
  .sm-active-brightness-150:active { filter: brightness(1.5); }
  .sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .sm-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .sm-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .sm-group:hover .sm-group-hover-brightness-150 { filter: brightness(1.5); }
  .sm-brightness-200 { filter: brightness(2); }
  .sm-hover-brightness-200:hover { filter: brightness(2); }
  .sm-focus-brightness-200:focus { filter: brightness(2); }
  .sm-active-brightness-200:active { filter: brightness(2); }
  .sm-disabled-brightness-200:disabled { filter: brightness(2); }
  .sm-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  .sm-focus-within-brightness-200:focus-within { filter: brightness(2); }
  .sm-group:hover .sm-group-hover-brightness-200 { filter: brightness(2); }
  .sm-contrast-0 { filter: contrast(0); }
  .sm-hover-contrast-0:hover { filter: contrast(0); }
  .sm-focus-contrast-0:focus { filter: contrast(0); }
  .sm-active-contrast-0:active { filter: contrast(0); }
  .sm-disabled-contrast-0:disabled { filter: contrast(0); }
  .sm-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  .sm-focus-within-contrast-0:focus-within { filter: contrast(0); }
  .sm-group:hover .sm-group-hover-contrast-0 { filter: contrast(0); }
  .sm-contrast-50 { filter: contrast(0.5); }
  .sm-hover-contrast-50:hover { filter: contrast(0.5); }
  .sm-focus-contrast-50:focus { filter: contrast(0.5); }
  .sm-active-contrast-50:active { filter: contrast(0.5); }
  .sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .sm-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .sm-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .sm-group:hover .sm-group-hover-contrast-50 { filter: contrast(0.5); }
  .sm-contrast-75 { filter: contrast(0.75); }
  .sm-hover-contrast-75:hover { filter: contrast(0.75); }
  .sm-focus-contrast-75:focus { filter: contrast(0.75); }
  .sm-active-contrast-75:active { filter: contrast(0.75); }
  .sm-disabled-contrast-75:disabled { filter: contrast(0.75); }
  .sm-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  .sm-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  .sm-group:hover .sm-group-hover-contrast-75 { filter: contrast(0.75); }
  .sm-contrast-100 { filter: contrast(1); }
  .sm-hover-contrast-100:hover { filter: contrast(1); }
  .sm-focus-contrast-100:focus { filter: contrast(1); }
  .sm-active-contrast-100:active { filter: contrast(1); }
  .sm-disabled-contrast-100:disabled { filter: contrast(1); }
  .sm-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .sm-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .sm-group:hover .sm-group-hover-contrast-100 { filter: contrast(1); }
  .sm-contrast-125 { filter: contrast(1.25); }
  .sm-hover-contrast-125:hover { filter: contrast(1.25); }
  .sm-focus-contrast-125:focus { filter: contrast(1.25); }
  .sm-active-contrast-125:active { filter: contrast(1.25); }
  .sm-disabled-contrast-125:disabled { filter: contrast(1.25); }
  .sm-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  .sm-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  .sm-group:hover .sm-group-hover-contrast-125 { filter: contrast(1.25); }
  .sm-contrast-150 { filter: contrast(1.5); }
  .sm-hover-contrast-150:hover { filter: contrast(1.5); }
  .sm-focus-contrast-150:focus { filter: contrast(1.5); }
  .sm-active-contrast-150:active { filter: contrast(1.5); }
  .sm-disabled-contrast-150:disabled { filter: contrast(1.5); }
  .sm-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  .sm-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  .sm-group:hover .sm-group-hover-contrast-150 { filter: contrast(1.5); }
  .sm-contrast-200 { filter: contrast(2); }
  .sm-hover-contrast-200:hover { filter: contrast(2); }
  .sm-focus-contrast-200:focus { filter: contrast(2); }
  .sm-active-contrast-200:active { filter: contrast(2); }
  .sm-disabled-contrast-200:disabled { filter: contrast(2); }
  .sm-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  .sm-focus-within-contrast-200:focus-within { filter: contrast(2); }
  .sm-group:hover .sm-group-hover-contrast-200 { filter: contrast(2); }
  .sm-grayscale-0 { filter: grayscale(0); }
  .sm-hover-grayscale-0:hover { filter: grayscale(0); }
  .sm-focus-grayscale-0:focus { filter: grayscale(0); }
  .sm-active-grayscale-0:active { filter: grayscale(0); }
  .sm-disabled-grayscale-0:disabled { filter: grayscale(0); }
  .sm-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  .sm-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  .sm-group:hover .sm-group-hover-grayscale-0 { filter: grayscale(0); }
  .sm-grayscale-100 { filter: grayscale(1); }
  .sm-hover-grayscale-100:hover { filter: grayscale(1); }
  .sm-focus-grayscale-100:focus { filter: grayscale(1); }
  .sm-active-grayscale-100:active { filter: grayscale(1); }
  .sm-disabled-grayscale-100:disabled { filter: grayscale(1); }
  .sm-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  .sm-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  .sm-group:hover .sm-group-hover-grayscale-100 { filter: grayscale(1); }
  .sm-hue-rotate-0 { filter: hue-rotate(0deg); }
  .sm-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  .sm-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  .sm-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  .sm-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  .sm-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  .sm-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  .sm-group:hover .sm-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  .sm-hue-rotate-45 { filter: hue-rotate(45deg); }
  .sm-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  .sm-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  .sm-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  .sm-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  .sm-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  .sm-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  .sm-group:hover .sm-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  .sm-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .sm-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .sm-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .sm-group:hover .sm-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-hue-rotate-180 { filter: hue-rotate(180deg); }
  .sm-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  .sm-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  .sm-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  .sm-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  .sm-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  .sm-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  .sm-group:hover .sm-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  .sm-invert-0 { filter: invert(0); }
  .sm-hover-invert-0:hover { filter: invert(0); }
  .sm-focus-invert-0:focus { filter: invert(0); }
  .sm-active-invert-0:active { filter: invert(0); }
  .sm-disabled-invert-0:disabled { filter: invert(0); }
  .sm-focus-visible-invert-0:focus-visible { filter: invert(0); }
  .sm-focus-within-invert-0:focus-within { filter: invert(0); }
  .sm-group:hover .sm-group-hover-invert-0 { filter: invert(0); }
  .sm-invert-100 { filter: invert(1); }
  .sm-hover-invert-100:hover { filter: invert(1); }
  .sm-focus-invert-100:focus { filter: invert(1); }
  .sm-active-invert-100:active { filter: invert(1); }
  .sm-disabled-invert-100:disabled { filter: invert(1); }
  .sm-focus-visible-invert-100:focus-visible { filter: invert(1); }
  .sm-focus-within-invert-100:focus-within { filter: invert(1); }
  .sm-group:hover .sm-group-hover-invert-100 { filter: invert(1); }
  .sm-saturate-0 { filter: saturate(0); }
  .sm-hover-saturate-0:hover { filter: saturate(0); }
  .sm-focus-saturate-0:focus { filter: saturate(0); }
  .sm-active-saturate-0:active { filter: saturate(0); }
  .sm-disabled-saturate-0:disabled { filter: saturate(0); }
  .sm-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  .sm-focus-within-saturate-0:focus-within { filter: saturate(0); }
  .sm-group:hover .sm-group-hover-saturate-0 { filter: saturate(0); }
  .sm-saturate-50 { filter: saturate(0.5); }
  .sm-hover-saturate-50:hover { filter: saturate(0.5); }
  .sm-focus-saturate-50:focus { filter: saturate(0.5); }
  .sm-active-saturate-50:active { filter: saturate(0.5); }
  .sm-disabled-saturate-50:disabled { filter: saturate(0.5); }
  .sm-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  .sm-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  .sm-group:hover .sm-group-hover-saturate-50 { filter: saturate(0.5); }
  .sm-saturate-100 { filter: saturate(1); }
  .sm-hover-saturate-100:hover { filter: saturate(1); }
  .sm-focus-saturate-100:focus { filter: saturate(1); }
  .sm-active-saturate-100:active { filter: saturate(1); }
  .sm-disabled-saturate-100:disabled { filter: saturate(1); }
  .sm-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  .sm-focus-within-saturate-100:focus-within { filter: saturate(1); }
  .sm-group:hover .sm-group-hover-saturate-100 { filter: saturate(1); }
  .sm-saturate-150 { filter: saturate(1.5); }
  .sm-hover-saturate-150:hover { filter: saturate(1.5); }
  .sm-focus-saturate-150:focus { filter: saturate(1.5); }
  .sm-active-saturate-150:active { filter: saturate(1.5); }
  .sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .sm-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .sm-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .sm-group:hover .sm-group-hover-saturate-150 { filter: saturate(1.5); }
  .sm-saturate-200 { filter: saturate(2); }
  .sm-hover-saturate-200:hover { filter: saturate(2); }
  .sm-focus-saturate-200:focus { filter: saturate(2); }
  .sm-active-saturate-200:active { filter: saturate(2); }
  .sm-disabled-saturate-200:disabled { filter: saturate(2); }
  .sm-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  .sm-focus-within-saturate-200:focus-within { filter: saturate(2); }
  .sm-group:hover .sm-group-hover-saturate-200 { filter: saturate(2); }
  .sm-sepia-0 { filter: sepia(0); }
  .sm-hover-sepia-0:hover { filter: sepia(0); }
  .sm-focus-sepia-0:focus { filter: sepia(0); }
  .sm-active-sepia-0:active { filter: sepia(0); }
  .sm-disabled-sepia-0:disabled { filter: sepia(0); }
  .sm-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  .sm-focus-within-sepia-0:focus-within { filter: sepia(0); }
  .sm-group:hover .sm-group-hover-sepia-0 { filter: sepia(0); }
  .sm-sepia-100 { filter: sepia(1); }
  .sm-hover-sepia-100:hover { filter: sepia(1); }
  .sm-focus-sepia-100:focus { filter: sepia(1); }
  .sm-active-sepia-100:active { filter: sepia(1); }
  .sm-disabled-sepia-100:disabled { filter: sepia(1); }
  .sm-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  .sm-focus-within-sepia-100:focus-within { filter: sepia(1); }
  .sm-group:hover .sm-group-hover-sepia-100 { filter: sepia(1); }
  .sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-group:hover .sm-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .sm-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-group:hover .sm-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-group:hover .sm-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .sm-mix-normal { mix-blend-mode: normal; }
  .sm-hover-mix-normal:hover { mix-blend-mode: normal; }
  .sm-focus-mix-normal:focus { mix-blend-mode: normal; }
  .sm-active-mix-normal:active { mix-blend-mode: normal; }
  .sm-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  .sm-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  .sm-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  .sm-group:hover .sm-group-hover-mix-normal { mix-blend-mode: normal; }
  .sm-mix-multiply { mix-blend-mode: multiply; }
  .sm-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  .sm-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  .sm-active-mix-multiply:active { mix-blend-mode: multiply; }
  .sm-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  .sm-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  .sm-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  .sm-group:hover .sm-group-hover-mix-multiply { mix-blend-mode: multiply; }
  .sm-mix-screen { mix-blend-mode: screen; }
  .sm-hover-mix-screen:hover { mix-blend-mode: screen; }
  .sm-focus-mix-screen:focus { mix-blend-mode: screen; }
  .sm-active-mix-screen:active { mix-blend-mode: screen; }
  .sm-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  .sm-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  .sm-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  .sm-group:hover .sm-group-hover-mix-screen { mix-blend-mode: screen; }
  .sm-mix-overlay { mix-blend-mode: overlay; }
  .sm-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  .sm-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  .sm-active-mix-overlay:active { mix-blend-mode: overlay; }
  .sm-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  .sm-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  .sm-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  .sm-group:hover .sm-group-hover-mix-overlay { mix-blend-mode: overlay; }
  .sm-mix-darken { mix-blend-mode: darken; }
  .sm-hover-mix-darken:hover { mix-blend-mode: darken; }
  .sm-focus-mix-darken:focus { mix-blend-mode: darken; }
  .sm-active-mix-darken:active { mix-blend-mode: darken; }
  .sm-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  .sm-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  .sm-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  .sm-group:hover .sm-group-hover-mix-darken { mix-blend-mode: darken; }
  .sm-mix-lighten { mix-blend-mode: lighten; }
  .sm-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  .sm-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  .sm-active-mix-lighten:active { mix-blend-mode: lighten; }
  .sm-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  .sm-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  .sm-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  .sm-group:hover .sm-group-hover-mix-lighten { mix-blend-mode: lighten; }
  .sm-mix-color-dodge { mix-blend-mode: color-dodge; }
  .sm-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  .sm-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  .sm-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  .sm-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  .sm-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  .sm-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  .sm-group:hover .sm-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  .sm-mix-color-burn { mix-blend-mode: color-burn; }
  .sm-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  .sm-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  .sm-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  .sm-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  .sm-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  .sm-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  .sm-group:hover .sm-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  .sm-mix-hard-light { mix-blend-mode: hard-light; }
  .sm-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  .sm-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  .sm-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  .sm-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  .sm-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  .sm-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  .sm-group:hover .sm-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  .sm-mix-soft-light { mix-blend-mode: soft-light; }
  .sm-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  .sm-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  .sm-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  .sm-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  .sm-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  .sm-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  .sm-group:hover .sm-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  .sm-mix-difference { mix-blend-mode: difference; }
  .sm-hover-mix-difference:hover { mix-blend-mode: difference; }
  .sm-focus-mix-difference:focus { mix-blend-mode: difference; }
  .sm-active-mix-difference:active { mix-blend-mode: difference; }
  .sm-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  .sm-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  .sm-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  .sm-group:hover .sm-group-hover-mix-difference { mix-blend-mode: difference; }
  .sm-mix-exclusion { mix-blend-mode: exclusion; }
  .sm-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  .sm-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  .sm-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  .sm-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  .sm-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  .sm-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  .sm-group:hover .sm-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  .sm-mix-hue { mix-blend-mode: hue; }
  .sm-hover-mix-hue:hover { mix-blend-mode: hue; }
  .sm-focus-mix-hue:focus { mix-blend-mode: hue; }
  .sm-active-mix-hue:active { mix-blend-mode: hue; }
  .sm-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  .sm-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  .sm-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  .sm-group:hover .sm-group-hover-mix-hue { mix-blend-mode: hue; }
  .sm-mix-saturation { mix-blend-mode: saturation; }
  .sm-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  .sm-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  .sm-active-mix-saturation:active { mix-blend-mode: saturation; }
  .sm-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  .sm-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  .sm-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  .sm-group:hover .sm-group-hover-mix-saturation { mix-blend-mode: saturation; }
  .sm-mix-color { mix-blend-mode: color; }
  .sm-hover-mix-color:hover { mix-blend-mode: color; }
  .sm-focus-mix-color:focus { mix-blend-mode: color; }
  .sm-active-mix-color:active { mix-blend-mode: color; }
  .sm-disabled-mix-color:disabled { mix-blend-mode: color; }
  .sm-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  .sm-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  .sm-group:hover .sm-group-hover-mix-color { mix-blend-mode: color; }
  .sm-mix-luminosity { mix-blend-mode: luminosity; }
  .sm-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  .sm-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  .sm-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  .sm-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  .sm-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  .sm-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  .sm-group:hover .sm-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  .sm-bg-blend-normal { background-blend-mode: normal; }
  .sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .sm-active-bg-blend-normal:active { background-blend-mode: normal; }
  .sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .sm-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .sm-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .sm-group:hover .sm-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .sm-bg-blend-multiply { background-blend-mode: multiply; }
  .sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .sm-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .sm-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .sm-group:hover .sm-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .sm-bg-blend-screen { background-blend-mode: screen; }
  .sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .sm-active-bg-blend-screen:active { background-blend-mode: screen; }
  .sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .sm-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .sm-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .sm-group:hover .sm-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .sm-bg-blend-overlay { background-blend-mode: overlay; }
  .sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .sm-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .sm-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .sm-group:hover .sm-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .sm-bg-blend-darken { background-blend-mode: darken; }
  .sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .sm-active-bg-blend-darken:active { background-blend-mode: darken; }
  .sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .sm-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .sm-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .sm-group:hover .sm-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .sm-bg-blend-lighten { background-blend-mode: lighten; }
  .sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .sm-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .sm-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .sm-group:hover .sm-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .sm-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .sm-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  .sm-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  .sm-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  .sm-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  .sm-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  .sm-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  .sm-group:hover .sm-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .sm-bg-blend-color-burn { background-blend-mode: color-burn; }
  .sm-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  .sm-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  .sm-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  .sm-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  .sm-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  .sm-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  .sm-group:hover .sm-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  .sm-bg-blend-hard-light { background-blend-mode: hard-light; }
  .sm-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  .sm-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  .sm-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  .sm-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  .sm-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  .sm-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  .sm-group:hover .sm-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  .sm-bg-blend-soft-light { background-blend-mode: soft-light; }
  .sm-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  .sm-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  .sm-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  .sm-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  .sm-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  .sm-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  .sm-group:hover .sm-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  .sm-bg-blend-difference { background-blend-mode: difference; }
  .sm-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  .sm-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  .sm-active-bg-blend-difference:active { background-blend-mode: difference; }
  .sm-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  .sm-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  .sm-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  .sm-group:hover .sm-group-hover-bg-blend-difference { background-blend-mode: difference; }
  .sm-bg-blend-exclusion { background-blend-mode: exclusion; }
  .sm-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  .sm-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  .sm-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  .sm-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  .sm-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  .sm-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  .sm-group:hover .sm-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  .sm-bg-blend-hue { background-blend-mode: hue; }
  .sm-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  .sm-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  .sm-active-bg-blend-hue:active { background-blend-mode: hue; }
  .sm-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  .sm-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  .sm-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  .sm-group:hover .sm-group-hover-bg-blend-hue { background-blend-mode: hue; }
  .sm-bg-blend-saturation { background-blend-mode: saturation; }
  .sm-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  .sm-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  .sm-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  .sm-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  .sm-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  .sm-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  .sm-group:hover .sm-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  .sm-bg-blend-color { background-blend-mode: color; }
  .sm-hover-bg-blend-color:hover { background-blend-mode: color; }
  .sm-focus-bg-blend-color:focus { background-blend-mode: color; }
  .sm-active-bg-blend-color:active { background-blend-mode: color; }
  .sm-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  .sm-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  .sm-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  .sm-group:hover .sm-group-hover-bg-blend-color { background-blend-mode: color; }
  .sm-bg-blend-luminosity { background-blend-mode: luminosity; }
  .sm-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  .sm-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  .sm-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  .sm-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  .sm-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  .sm-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  .sm-group:hover .sm-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  .sm-object-contain { object-fit: contain; }
  .sm-hover-object-contain:hover { object-fit: contain; }
  .sm-focus-object-contain:focus { object-fit: contain; }
  .sm-active-object-contain:active { object-fit: contain; }
  .sm-disabled-object-contain:disabled { object-fit: contain; }
  .sm-focus-visible-object-contain:focus-visible { object-fit: contain; }
  .sm-focus-within-object-contain:focus-within { object-fit: contain; }
  .sm-group:hover .sm-group-hover-object-contain { object-fit: contain; }
  .sm-object-cover { object-fit: cover; }
  .sm-hover-object-cover:hover { object-fit: cover; }
  .sm-focus-object-cover:focus { object-fit: cover; }
  .sm-active-object-cover:active { object-fit: cover; }
  .sm-disabled-object-cover:disabled { object-fit: cover; }
  .sm-focus-visible-object-cover:focus-visible { object-fit: cover; }
  .sm-focus-within-object-cover:focus-within { object-fit: cover; }
  .sm-group:hover .sm-group-hover-object-cover { object-fit: cover; }
  .sm-object-fill { object-fit: fill; }
  .sm-hover-object-fill:hover { object-fit: fill; }
  .sm-focus-object-fill:focus { object-fit: fill; }
  .sm-active-object-fill:active { object-fit: fill; }
  .sm-disabled-object-fill:disabled { object-fit: fill; }
  .sm-focus-visible-object-fill:focus-visible { object-fit: fill; }
  .sm-focus-within-object-fill:focus-within { object-fit: fill; }
  .sm-group:hover .sm-group-hover-object-fill { object-fit: fill; }
  .sm-object-none { object-fit: none; }
  .sm-hover-object-none:hover { object-fit: none; }
  .sm-focus-object-none:focus { object-fit: none; }
  .sm-active-object-none:active { object-fit: none; }
  .sm-disabled-object-none:disabled { object-fit: none; }
  .sm-focus-visible-object-none:focus-visible { object-fit: none; }
  .sm-focus-within-object-none:focus-within { object-fit: none; }
  .sm-group:hover .sm-group-hover-object-none { object-fit: none; }
  .sm-object-scale-down { object-fit: scale-down; }
  .sm-hover-object-scale-down:hover { object-fit: scale-down; }
  .sm-focus-object-scale-down:focus { object-fit: scale-down; }
  .sm-active-object-scale-down:active { object-fit: scale-down; }
  .sm-disabled-object-scale-down:disabled { object-fit: scale-down; }
  .sm-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  .sm-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  .sm-group:hover .sm-group-hover-object-scale-down { object-fit: scale-down; }
  .sm-object-top { object-position: top; }
  .sm-hover-object-top:hover { object-position: top; }
  .sm-focus-object-top:focus { object-position: top; }
  .sm-active-object-top:active { object-position: top; }
  .sm-disabled-object-top:disabled { object-position: top; }
  .sm-focus-visible-object-top:focus-visible { object-position: top; }
  .sm-focus-within-object-top:focus-within { object-position: top; }
  .sm-group:hover .sm-group-hover-object-top { object-position: top; }
  .sm-object-bottom { object-position: bottom; }
  .sm-hover-object-bottom:hover { object-position: bottom; }
  .sm-focus-object-bottom:focus { object-position: bottom; }
  .sm-active-object-bottom:active { object-position: bottom; }
  .sm-disabled-object-bottom:disabled { object-position: bottom; }
  .sm-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  .sm-focus-within-object-bottom:focus-within { object-position: bottom; }
  .sm-group:hover .sm-group-hover-object-bottom { object-position: bottom; }
  .sm-object-center { object-position: center; }
  .sm-hover-object-center:hover { object-position: center; }
  .sm-focus-object-center:focus { object-position: center; }
  .sm-active-object-center:active { object-position: center; }
  .sm-disabled-object-center:disabled { object-position: center; }
  .sm-focus-visible-object-center:focus-visible { object-position: center; }
  .sm-focus-within-object-center:focus-within { object-position: center; }
  .sm-group:hover .sm-group-hover-object-center { object-position: center; }
  .sm-object-left { object-position: left; }
  .sm-hover-object-left:hover { object-position: left; }
  .sm-focus-object-left:focus { object-position: left; }
  .sm-active-object-left:active { object-position: left; }
  .sm-disabled-object-left:disabled { object-position: left; }
  .sm-focus-visible-object-left:focus-visible { object-position: left; }
  .sm-focus-within-object-left:focus-within { object-position: left; }
  .sm-group:hover .sm-group-hover-object-left { object-position: left; }
  .sm-object-right { object-position: right; }
  .sm-hover-object-right:hover { object-position: right; }
  .sm-focus-object-right:focus { object-position: right; }
  .sm-active-object-right:active { object-position: right; }
  .sm-disabled-object-right:disabled { object-position: right; }
  .sm-focus-visible-object-right:focus-visible { object-position: right; }
  .sm-focus-within-object-right:focus-within { object-position: right; }
  .sm-group:hover .sm-group-hover-object-right { object-position: right; }
  .sm-object-left-top { object-position: left top; }
  .sm-hover-object-left-top:hover { object-position: left top; }
  .sm-focus-object-left-top:focus { object-position: left top; }
  .sm-active-object-left-top:active { object-position: left top; }
  .sm-disabled-object-left-top:disabled { object-position: left top; }
  .sm-focus-visible-object-left-top:focus-visible { object-position: left top; }
  .sm-focus-within-object-left-top:focus-within { object-position: left top; }
  .sm-group:hover .sm-group-hover-object-left-top { object-position: left top; }
  .sm-object-right-top { object-position: right top; }
  .sm-hover-object-right-top:hover { object-position: right top; }
  .sm-focus-object-right-top:focus { object-position: right top; }
  .sm-active-object-right-top:active { object-position: right top; }
  .sm-disabled-object-right-top:disabled { object-position: right top; }
  .sm-focus-visible-object-right-top:focus-visible { object-position: right top; }
  .sm-focus-within-object-right-top:focus-within { object-position: right top; }
  .sm-group:hover .sm-group-hover-object-right-top { object-position: right top; }
  .sm-object-left-bottom { object-position: left bottom; }
  .sm-hover-object-left-bottom:hover { object-position: left bottom; }
  .sm-focus-object-left-bottom:focus { object-position: left bottom; }
  .sm-active-object-left-bottom:active { object-position: left bottom; }
  .sm-disabled-object-left-bottom:disabled { object-position: left bottom; }
  .sm-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  .sm-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  .sm-group:hover .sm-group-hover-object-left-bottom { object-position: left bottom; }
  .sm-object-right-bottom { object-position: right bottom; }
  .sm-hover-object-right-bottom:hover { object-position: right bottom; }
  .sm-focus-object-right-bottom:focus { object-position: right bottom; }
  .sm-active-object-right-bottom:active { object-position: right bottom; }
  .sm-disabled-object-right-bottom:disabled { object-position: right bottom; }
  .sm-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  .sm-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  .sm-group:hover .sm-group-hover-object-right-bottom { object-position: right bottom; }
  .sm-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-group:hover .sm-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .sm-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-group:hover .sm-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .sm-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-group:hover .sm-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .sm-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-group:hover .sm-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .sm-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-group:hover .sm-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .sm-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-group:hover .sm-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .sm-list-style-image-none { list-style-image: none; }
  .sm-hover-list-style-image-none:hover { list-style-image: none; }
  .sm-focus-list-style-image-none:focus { list-style-image: none; }
  .sm-active-list-style-image-none:active { list-style-image: none; }
  .sm-disabled-list-style-image-none:disabled { list-style-image: none; }
  .sm-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  .sm-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  .sm-group:hover .sm-group-hover-list-style-image-none { list-style-image: none; }
  .sm-list-style-position-inside { list-style-position: inside; }
  .sm-hover-list-style-position-inside:hover { list-style-position: inside; }
  .sm-focus-list-style-position-inside:focus { list-style-position: inside; }
  .sm-active-list-style-position-inside:active { list-style-position: inside; }
  .sm-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  .sm-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  .sm-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  .sm-group:hover .sm-group-hover-list-style-position-inside { list-style-position: inside; }
  .sm-list-style-position-outside { list-style-position: outside; }
  .sm-hover-list-style-position-outside:hover { list-style-position: outside; }
  .sm-focus-list-style-position-outside:focus { list-style-position: outside; }
  .sm-active-list-style-position-outside:active { list-style-position: outside; }
  .sm-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  .sm-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  .sm-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  .sm-group:hover .sm-group-hover-list-style-position-outside { list-style-position: outside; }
  .sm-list-style-type-none { list-style-type: none; }
  .sm-hover-list-style-type-none:hover { list-style-type: none; }
  .sm-focus-list-style-type-none:focus { list-style-type: none; }
  .sm-active-list-style-type-none:active { list-style-type: none; }
  .sm-disabled-list-style-type-none:disabled { list-style-type: none; }
  .sm-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  .sm-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  .sm-group:hover .sm-group-hover-list-style-type-none { list-style-type: none; }
  .sm-list-style-type-disc { list-style-type: disc; }
  .sm-hover-list-style-type-disc:hover { list-style-type: disc; }
  .sm-focus-list-style-type-disc:focus { list-style-type: disc; }
  .sm-active-list-style-type-disc:active { list-style-type: disc; }
  .sm-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  .sm-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  .sm-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  .sm-group:hover .sm-group-hover-list-style-type-disc { list-style-type: disc; }
  .sm-list-style-type-circle { list-style-type: circle; }
  .sm-hover-list-style-type-circle:hover { list-style-type: circle; }
  .sm-focus-list-style-type-circle:focus { list-style-type: circle; }
  .sm-active-list-style-type-circle:active { list-style-type: circle; }
  .sm-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  .sm-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  .sm-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  .sm-group:hover .sm-group-hover-list-style-type-circle { list-style-type: circle; }
  .sm-list-style-type-square { list-style-type: square; }
  .sm-hover-list-style-type-square:hover { list-style-type: square; }
  .sm-focus-list-style-type-square:focus { list-style-type: square; }
  .sm-active-list-style-type-square:active { list-style-type: square; }
  .sm-disabled-list-style-type-square:disabled { list-style-type: square; }
  .sm-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  .sm-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  .sm-group:hover .sm-group-hover-list-style-type-square { list-style-type: square; }
  .sm-list-style-type-decimal { list-style-type: decimal; }
  .sm-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  .sm-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  .sm-active-list-style-type-decimal:active { list-style-type: decimal; }
  .sm-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  .sm-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  .sm-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  .sm-group:hover .sm-group-hover-list-style-type-decimal { list-style-type: decimal; }
  .sm-list-style-type-lower_roman { list-style-type: lower-roman; }
  .sm-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  .sm-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  .sm-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  .sm-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  .sm-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  .sm-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  .sm-group:hover .sm-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  .sm-list-style-type-upper_roman { list-style-type: upper-roman; }
  .sm-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  .sm-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  .sm-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  .sm-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  .sm-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  .sm-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  .sm-group:hover .sm-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  .sm-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .sm-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  .sm-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  .sm-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  .sm-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  .sm-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  .sm-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  .sm-group:hover .sm-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .sm-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .sm-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  .sm-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  .sm-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  .sm-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  .sm-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  .sm-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  .sm-group:hover .sm-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .sm-text-align-left { text-align: left; }
  .sm-hover-text-align-left:hover { text-align: left; }
  .sm-focus-text-align-left:focus { text-align: left; }
  .sm-active-text-align-left:active { text-align: left; }
  .sm-disabled-text-align-left:disabled { text-align: left; }
  .sm-focus-visible-text-align-left:focus-visible { text-align: left; }
  .sm-focus-within-text-align-left:focus-within { text-align: left; }
  .sm-group:hover .sm-group-hover-text-align-left { text-align: left; }
  .sm-text-align-center { text-align: center; }
  .sm-hover-text-align-center:hover { text-align: center; }
  .sm-focus-text-align-center:focus { text-align: center; }
  .sm-active-text-align-center:active { text-align: center; }
  .sm-disabled-text-align-center:disabled { text-align: center; }
  .sm-focus-visible-text-align-center:focus-visible { text-align: center; }
  .sm-focus-within-text-align-center:focus-within { text-align: center; }
  .sm-group:hover .sm-group-hover-text-align-center { text-align: center; }
  .sm-text-align-right { text-align: right; }
  .sm-hover-text-align-right:hover { text-align: right; }
  .sm-focus-text-align-right:focus { text-align: right; }
  .sm-active-text-align-right:active { text-align: right; }
  .sm-disabled-text-align-right:disabled { text-align: right; }
  .sm-focus-visible-text-align-right:focus-visible { text-align: right; }
  .sm-focus-within-text-align-right:focus-within { text-align: right; }
  .sm-group:hover .sm-group-hover-text-align-right { text-align: right; }
  .sm-text-align-justify { text-align: justify; }
  .sm-hover-text-align-justify:hover { text-align: justify; }
  .sm-focus-text-align-justify:focus { text-align: justify; }
  .sm-active-text-align-justify:active { text-align: justify; }
  .sm-disabled-text-align-justify:disabled { text-align: justify; }
  .sm-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  .sm-focus-within-text-align-justify:focus-within { text-align: justify; }
  .sm-group:hover .sm-group-hover-text-align-justify { text-align: justify; }
  .sm-backface-visible { backface-visibility: visible; }
  .sm-hover-backface-visible:hover { backface-visibility: visible; }
  .sm-focus-backface-visible:focus { backface-visibility: visible; }
  .sm-active-backface-visible:active { backface-visibility: visible; }
  .sm-disabled-backface-visible:disabled { backface-visibility: visible; }
  .sm-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .sm-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .sm-group:hover .sm-group-hover-backface-visible { backface-visibility: visible; }
  .sm-backface-hidden { backface-visibility: hidden; }
  .sm-hover-backface-hidden:hover { backface-visibility: hidden; }
  .sm-focus-backface-hidden:focus { backface-visibility: hidden; }
  .sm-active-backface-hidden:active { backface-visibility: hidden; }
  .sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .sm-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .sm-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .sm-group:hover .sm-group-hover-backface-hidden { backface-visibility: hidden; }
  .sm-perspective-none { perspective: none; }
  .sm-hover-perspective-none:hover { perspective: none; }
  .sm-focus-perspective-none:focus { perspective: none; }
  .sm-active-perspective-none:active { perspective: none; }
  .sm-disabled-perspective-none:disabled { perspective: none; }
  .sm-focus-visible-perspective-none:focus-visible { perspective: none; }
  .sm-focus-within-perspective-none:focus-within { perspective: none; }
  .sm-group:hover .sm-group-hover-perspective-none { perspective: none; }
  .sm-perspective-100 { perspective: 100px; }
  .sm-hover-perspective-100:hover { perspective: 100px; }
  .sm-focus-perspective-100:focus { perspective: 100px; }
  .sm-active-perspective-100:active { perspective: 100px; }
  .sm-disabled-perspective-100:disabled { perspective: 100px; }
  .sm-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  .sm-focus-within-perspective-100:focus-within { perspective: 100px; }
  .sm-group:hover .sm-group-hover-perspective-100 { perspective: 100px; }
  .sm-perspective-500 { perspective: 500px; }
  .sm-hover-perspective-500:hover { perspective: 500px; }
  .sm-focus-perspective-500:focus { perspective: 500px; }
  .sm-active-perspective-500:active { perspective: 500px; }
  .sm-disabled-perspective-500:disabled { perspective: 500px; }
  .sm-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  .sm-focus-within-perspective-500:focus-within { perspective: 500px; }
  .sm-group:hover .sm-group-hover-perspective-500 { perspective: 500px; }
  .sm-perspective-1000 { perspective: 1000px; }
  .sm-hover-perspective-1000:hover { perspective: 1000px; }
  .sm-focus-perspective-1000:focus { perspective: 1000px; }
  .sm-active-perspective-1000:active { perspective: 1000px; }
  .sm-disabled-perspective-1000:disabled { perspective: 1000px; }
  .sm-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  .sm-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  .sm-group:hover .sm-group-hover-perspective-1000 { perspective: 1000px; }
  .sm-perspective-1500 { perspective: 1500px; }
  .sm-hover-perspective-1500:hover { perspective: 1500px; }
  .sm-focus-perspective-1500:focus { perspective: 1500px; }
  .sm-active-perspective-1500:active { perspective: 1500px; }
  .sm-disabled-perspective-1500:disabled { perspective: 1500px; }
  .sm-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  .sm-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  .sm-group:hover .sm-group-hover-perspective-1500 { perspective: 1500px; }
  .sm-perspective-2000 { perspective: 2000px; }
  .sm-hover-perspective-2000:hover { perspective: 2000px; }
  .sm-focus-perspective-2000:focus { perspective: 2000px; }
  .sm-active-perspective-2000:active { perspective: 2000px; }
  .sm-disabled-perspective-2000:disabled { perspective: 2000px; }
  .sm-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  .sm-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  .sm-group:hover .sm-group-hover-perspective-2000 { perspective: 2000px; }
  .sm-perspective-origin-center { perspective-origin: center; }
  .sm-hover-perspective-origin-center:hover { perspective-origin: center; }
  .sm-focus-perspective-origin-center:focus { perspective-origin: center; }
  .sm-active-perspective-origin-center:active { perspective-origin: center; }
  .sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .sm-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .sm-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .sm-group:hover .sm-group-hover-perspective-origin-center { perspective-origin: center; }
  .sm-perspective-origin-top { perspective-origin: top; }
  .sm-hover-perspective-origin-top:hover { perspective-origin: top; }
  .sm-focus-perspective-origin-top:focus { perspective-origin: top; }
  .sm-active-perspective-origin-top:active { perspective-origin: top; }
  .sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .sm-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .sm-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .sm-group:hover .sm-group-hover-perspective-origin-top { perspective-origin: top; }
  .sm-perspective-origin-bottom { perspective-origin: bottom; }
  .sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .sm-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .sm-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .sm-group:hover .sm-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .sm-perspective-origin-left { perspective-origin: left; }
  .sm-hover-perspective-origin-left:hover { perspective-origin: left; }
  .sm-focus-perspective-origin-left:focus { perspective-origin: left; }
  .sm-active-perspective-origin-left:active { perspective-origin: left; }
  .sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .sm-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .sm-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .sm-group:hover .sm-group-hover-perspective-origin-left { perspective-origin: left; }
  .sm-perspective-origin-right { perspective-origin: right; }
  .sm-hover-perspective-origin-right:hover { perspective-origin: right; }
  .sm-focus-perspective-origin-right:focus { perspective-origin: right; }
  .sm-active-perspective-origin-right:active { perspective-origin: right; }
  .sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .sm-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .sm-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .sm-group:hover .sm-group-hover-perspective-origin-right { perspective-origin: right; }
  .sm-perspective-origin-top_left { perspective-origin: top left; }
  .sm-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  .sm-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  .sm-active-perspective-origin-top_left:active { perspective-origin: top left; }
  .sm-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  .sm-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  .sm-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  .sm-group:hover .sm-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  .sm-perspective-origin-top_right { perspective-origin: top right; }
  .sm-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  .sm-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  .sm-active-perspective-origin-top_right:active { perspective-origin: top right; }
  .sm-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  .sm-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  .sm-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  .sm-group:hover .sm-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  .sm-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .sm-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  .sm-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  .sm-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  .sm-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  .sm-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  .sm-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  .sm-group:hover .sm-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .sm-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .sm-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  .sm-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  .sm-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  .sm-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  .sm-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  .sm-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  .sm-group:hover .sm-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .sm-transform { transform: var(--quanta-transform, none); }
  .sm-hover-transform:hover { transform: var(--quanta-transform, none); }
  .sm-focus-transform:focus { transform: var(--quanta-transform, none); }
  .sm-active-transform:active { transform: var(--quanta-transform, none); }
  .sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .sm-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .sm-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .sm-group:hover .sm-group-hover-transform { transform: var(--quanta-transform, none); }
  .sm-transform-none { transform: none; }
  .sm-hover-transform-none:hover { transform: none; }
  .sm-focus-transform-none:focus { transform: none; }
  .sm-active-transform-none:active { transform: none; }
  .sm-disabled-transform-none:disabled { transform: none; }
  .sm-focus-visible-transform-none:focus-visible { transform: none; }
  .sm-focus-within-transform-none:focus-within { transform: none; }
  .sm-group:hover .sm-group-hover-transform-none { transform: none; }
  .sm-rotate-n180 { transform: rotate(-180deg); }
  .sm-hover-rotate-n180:hover { transform: rotate(-180deg); }
  .sm-focus-rotate-n180:focus { transform: rotate(-180deg); }
  .sm-active-rotate-n180:active { transform: rotate(-180deg); }
  .sm-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  .sm-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  .sm-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  .sm-group:hover .sm-group-hover-rotate-n180 { transform: rotate(-180deg); }
  .sm-rotate-n90 { transform: rotate(-90deg); }
  .sm-hover-rotate-n90:hover { transform: rotate(-90deg); }
  .sm-focus-rotate-n90:focus { transform: rotate(-90deg); }
  .sm-active-rotate-n90:active { transform: rotate(-90deg); }
  .sm-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  .sm-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  .sm-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  .sm-group:hover .sm-group-hover-rotate-n90 { transform: rotate(-90deg); }
  .sm-rotate-n45 { transform: rotate(-45deg); }
  .sm-hover-rotate-n45:hover { transform: rotate(-45deg); }
  .sm-focus-rotate-n45:focus { transform: rotate(-45deg); }
  .sm-active-rotate-n45:active { transform: rotate(-45deg); }
  .sm-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  .sm-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  .sm-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  .sm-group:hover .sm-group-hover-rotate-n45 { transform: rotate(-45deg); }
  .sm-rotate-0 { transform: rotate(0deg); }
  .sm-hover-rotate-0:hover { transform: rotate(0deg); }
  .sm-focus-rotate-0:focus { transform: rotate(0deg); }
  .sm-active-rotate-0:active { transform: rotate(0deg); }
  .sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .sm-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .sm-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .sm-group:hover .sm-group-hover-rotate-0 { transform: rotate(0deg); }
  .sm-rotate-45 { transform: rotate(45deg); }
  .sm-hover-rotate-45:hover { transform: rotate(45deg); }
  .sm-focus-rotate-45:focus { transform: rotate(45deg); }
  .sm-active-rotate-45:active { transform: rotate(45deg); }
  .sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .sm-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .sm-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .sm-group:hover .sm-group-hover-rotate-45 { transform: rotate(45deg); }
  .sm-rotate-90 { transform: rotate(90deg); }
  .sm-hover-rotate-90:hover { transform: rotate(90deg); }
  .sm-focus-rotate-90:focus { transform: rotate(90deg); }
  .sm-active-rotate-90:active { transform: rotate(90deg); }
  .sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .sm-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .sm-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .sm-group:hover .sm-group-hover-rotate-90 { transform: rotate(90deg); }
  .sm-rotate-180 { transform: rotate(180deg); }
  .sm-hover-rotate-180:hover { transform: rotate(180deg); }
  .sm-focus-rotate-180:focus { transform: rotate(180deg); }
  .sm-active-rotate-180:active { transform: rotate(180deg); }
  .sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .sm-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .sm-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .sm-group:hover .sm-group-hover-rotate-180 { transform: rotate(180deg); }
  .sm-scale-50 { transform: scale(0.5); }
  .sm-hover-scale-50:hover { transform: scale(0.5); }
  .sm-focus-scale-50:focus { transform: scale(0.5); }
  .sm-active-scale-50:active { transform: scale(0.5); }
  .sm-disabled-scale-50:disabled { transform: scale(0.5); }
  .sm-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .sm-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .sm-group:hover .sm-group-hover-scale-50 { transform: scale(0.5); }
  .sm-scale-75 { transform: scale(0.75); }
  .sm-hover-scale-75:hover { transform: scale(0.75); }
  .sm-focus-scale-75:focus { transform: scale(0.75); }
  .sm-active-scale-75:active { transform: scale(0.75); }
  .sm-disabled-scale-75:disabled { transform: scale(0.75); }
  .sm-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .sm-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .sm-group:hover .sm-group-hover-scale-75 { transform: scale(0.75); }
  .sm-scale-90 { transform: scale(0.9); }
  .sm-hover-scale-90:hover { transform: scale(0.9); }
  .sm-focus-scale-90:focus { transform: scale(0.9); }
  .sm-active-scale-90:active { transform: scale(0.9); }
  .sm-disabled-scale-90:disabled { transform: scale(0.9); }
  .sm-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .sm-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .sm-group:hover .sm-group-hover-scale-90 { transform: scale(0.9); }
  .sm-scale-95 { transform: scale(0.95); }
  .sm-hover-scale-95:hover { transform: scale(0.95); }
  .sm-focus-scale-95:focus { transform: scale(0.95); }
  .sm-active-scale-95:active { transform: scale(0.95); }
  .sm-disabled-scale-95:disabled { transform: scale(0.95); }
  .sm-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .sm-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .sm-group:hover .sm-group-hover-scale-95 { transform: scale(0.95); }
  .sm-scale-100 { transform: scale(1.0); }
  .sm-hover-scale-100:hover { transform: scale(1.0); }
  .sm-focus-scale-100:focus { transform: scale(1.0); }
  .sm-active-scale-100:active { transform: scale(1.0); }
  .sm-disabled-scale-100:disabled { transform: scale(1.0); }
  .sm-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .sm-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .sm-group:hover .sm-group-hover-scale-100 { transform: scale(1.0); }
  .sm-scale-105 { transform: scale(1.05); }
  .sm-hover-scale-105:hover { transform: scale(1.05); }
  .sm-focus-scale-105:focus { transform: scale(1.05); }
  .sm-active-scale-105:active { transform: scale(1.05); }
  .sm-disabled-scale-105:disabled { transform: scale(1.05); }
  .sm-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .sm-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .sm-group:hover .sm-group-hover-scale-105 { transform: scale(1.05); }
  .sm-scale-110 { transform: scale(1.1); }
  .sm-hover-scale-110:hover { transform: scale(1.1); }
  .sm-focus-scale-110:focus { transform: scale(1.1); }
  .sm-active-scale-110:active { transform: scale(1.1); }
  .sm-disabled-scale-110:disabled { transform: scale(1.1); }
  .sm-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .sm-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .sm-group:hover .sm-group-hover-scale-110 { transform: scale(1.1); }
  .sm-scale-125 { transform: scale(1.25); }
  .sm-hover-scale-125:hover { transform: scale(1.25); }
  .sm-focus-scale-125:focus { transform: scale(1.25); }
  .sm-active-scale-125:active { transform: scale(1.25); }
  .sm-disabled-scale-125:disabled { transform: scale(1.25); }
  .sm-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .sm-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .sm-group:hover .sm-group-hover-scale-125 { transform: scale(1.25); }
  .sm-scale-150 { transform: scale(1.5); }
  .sm-hover-scale-150:hover { transform: scale(1.5); }
  .sm-focus-scale-150:focus { transform: scale(1.5); }
  .sm-active-scale-150:active { transform: scale(1.5); }
  .sm-disabled-scale-150:disabled { transform: scale(1.5); }
  .sm-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .sm-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .sm-group:hover .sm-group-hover-scale-150 { transform: scale(1.5); }
  .sm-skew-x-n45 { transform: skewX(-45deg); }
  .sm-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  .sm-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  .sm-active-skew-x-n45:active { transform: skewX(-45deg); }
  .sm-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  .sm-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  .sm-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  .sm-group:hover .sm-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  .sm-skew-y-n45 { transform: skewY(-45deg); }
  .sm-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  .sm-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  .sm-active-skew-y-n45:active { transform: skewY(-45deg); }
  .sm-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  .sm-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  .sm-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  .sm-group:hover .sm-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  .sm-skew-x-n30 { transform: skewX(-30deg); }
  .sm-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  .sm-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  .sm-active-skew-x-n30:active { transform: skewX(-30deg); }
  .sm-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  .sm-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  .sm-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  .sm-group:hover .sm-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  .sm-skew-y-n30 { transform: skewY(-30deg); }
  .sm-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  .sm-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  .sm-active-skew-y-n30:active { transform: skewY(-30deg); }
  .sm-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  .sm-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  .sm-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  .sm-group:hover .sm-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  .sm-skew-x-n15 { transform: skewX(-15deg); }
  .sm-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  .sm-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  .sm-active-skew-x-n15:active { transform: skewX(-15deg); }
  .sm-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  .sm-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  .sm-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  .sm-group:hover .sm-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  .sm-skew-y-n15 { transform: skewY(-15deg); }
  .sm-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  .sm-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  .sm-active-skew-y-n15:active { transform: skewY(-15deg); }
  .sm-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  .sm-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  .sm-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  .sm-group:hover .sm-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  .sm-skew-x-0 { transform: skewX(0deg); }
  .sm-hover-skew-x-0:hover { transform: skewX(0deg); }
  .sm-focus-skew-x-0:focus { transform: skewX(0deg); }
  .sm-active-skew-x-0:active { transform: skewX(0deg); }
  .sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .sm-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .sm-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .sm-group:hover .sm-group-hover-skew-x-0 { transform: skewX(0deg); }
  .sm-skew-y-0 { transform: skewY(0deg); }
  .sm-hover-skew-y-0:hover { transform: skewY(0deg); }
  .sm-focus-skew-y-0:focus { transform: skewY(0deg); }
  .sm-active-skew-y-0:active { transform: skewY(0deg); }
  .sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .sm-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .sm-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .sm-group:hover .sm-group-hover-skew-y-0 { transform: skewY(0deg); }
  .sm-skew-x-15 { transform: skewX(15deg); }
  .sm-hover-skew-x-15:hover { transform: skewX(15deg); }
  .sm-focus-skew-x-15:focus { transform: skewX(15deg); }
  .sm-active-skew-x-15:active { transform: skewX(15deg); }
  .sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .sm-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .sm-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .sm-group:hover .sm-group-hover-skew-x-15 { transform: skewX(15deg); }
  .sm-skew-y-15 { transform: skewY(15deg); }
  .sm-hover-skew-y-15:hover { transform: skewY(15deg); }
  .sm-focus-skew-y-15:focus { transform: skewY(15deg); }
  .sm-active-skew-y-15:active { transform: skewY(15deg); }
  .sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .sm-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .sm-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .sm-group:hover .sm-group-hover-skew-y-15 { transform: skewY(15deg); }
  .sm-skew-x-30 { transform: skewX(30deg); }
  .sm-hover-skew-x-30:hover { transform: skewX(30deg); }
  .sm-focus-skew-x-30:focus { transform: skewX(30deg); }
  .sm-active-skew-x-30:active { transform: skewX(30deg); }
  .sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .sm-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .sm-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .sm-group:hover .sm-group-hover-skew-x-30 { transform: skewX(30deg); }
  .sm-skew-y-30 { transform: skewY(30deg); }
  .sm-hover-skew-y-30:hover { transform: skewY(30deg); }
  .sm-focus-skew-y-30:focus { transform: skewY(30deg); }
  .sm-active-skew-y-30:active { transform: skewY(30deg); }
  .sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .sm-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .sm-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .sm-group:hover .sm-group-hover-skew-y-30 { transform: skewY(30deg); }
  .sm-skew-x-45 { transform: skewX(45deg); }
  .sm-hover-skew-x-45:hover { transform: skewX(45deg); }
  .sm-focus-skew-x-45:focus { transform: skewX(45deg); }
  .sm-active-skew-x-45:active { transform: skewX(45deg); }
  .sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .sm-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .sm-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .sm-group:hover .sm-group-hover-skew-x-45 { transform: skewX(45deg); }
  .sm-skew-y-45 { transform: skewY(45deg); }
  .sm-hover-skew-y-45:hover { transform: skewY(45deg); }
  .sm-focus-skew-y-45:focus { transform: skewY(45deg); }
  .sm-active-skew-y-45:active { transform: skewY(45deg); }
  .sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .sm-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .sm-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .sm-group:hover .sm-group-hover-skew-y-45 { transform: skewY(45deg); }
  .sm-translate-x-0 { transform: translateX(0rem); }
  .sm-hover-translate-x-0:hover { transform: translateX(0rem); }
  .sm-focus-translate-x-0:focus { transform: translateX(0rem); }
  .sm-active-translate-x-0:active { transform: translateX(0rem); }
  .sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .sm-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .sm-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .sm-group:hover .sm-group-hover-translate-x-0 { transform: translateX(0rem); }
  .sm-translate-y-0 { transform: translateY(0rem); }
  .sm-hover-translate-y-0:hover { transform: translateY(0rem); }
  .sm-focus-translate-y-0:focus { transform: translateY(0rem); }
  .sm-active-translate-y-0:active { transform: translateY(0rem); }
  .sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .sm-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .sm-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .sm-group:hover .sm-group-hover-translate-y-0 { transform: translateY(0rem); }
  .sm-translate-x-0_125 { transform: translateX(0.125rem); }
  .sm-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  .sm-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  .sm-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  .sm-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  .sm-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  .sm-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  .sm-translate-y-0_125 { transform: translateY(0.125rem); }
  .sm-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  .sm-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  .sm-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  .sm-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  .sm-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  .sm-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  .sm-translate-x-0_25 { transform: translateX(0.25rem); }
  .sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .sm-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .sm-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .sm-translate-y-0_25 { transform: translateY(0.25rem); }
  .sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .sm-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .sm-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .sm-translate-x-0_5 { transform: translateX(0.5rem); }
  .sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .sm-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .sm-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .sm-translate-y-0_5 { transform: translateY(0.5rem); }
  .sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .sm-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .sm-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .sm-translate-x-0_75 { transform: translateX(0.75rem); }
  .sm-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  .sm-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  .sm-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  .sm-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  .sm-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  .sm-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  .sm-group:hover .sm-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  .sm-translate-y-0_75 { transform: translateY(0.75rem); }
  .sm-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  .sm-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  .sm-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  .sm-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  .sm-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  .sm-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  .sm-group:hover .sm-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  .sm-translate-x-1 { transform: translateX(1rem); }
  .sm-hover-translate-x-1:hover { transform: translateX(1rem); }
  .sm-focus-translate-x-1:focus { transform: translateX(1rem); }
  .sm-active-translate-x-1:active { transform: translateX(1rem); }
  .sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .sm-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .sm-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .sm-group:hover .sm-group-hover-translate-x-1 { transform: translateX(1rem); }
  .sm-translate-y-1 { transform: translateY(1rem); }
  .sm-hover-translate-y-1:hover { transform: translateY(1rem); }
  .sm-focus-translate-y-1:focus { transform: translateY(1rem); }
  .sm-active-translate-y-1:active { transform: translateY(1rem); }
  .sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .sm-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .sm-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .sm-group:hover .sm-group-hover-translate-y-1 { transform: translateY(1rem); }
  .sm-translate-x-1_5 { transform: translateX(1.5rem); }
  .sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .sm-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .sm-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .sm-group:hover .sm-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .sm-translate-y-1_5 { transform: translateY(1.5rem); }
  .sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .sm-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .sm-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .sm-group:hover .sm-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .sm-translate-x-2 { transform: translateX(2rem); }
  .sm-hover-translate-x-2:hover { transform: translateX(2rem); }
  .sm-focus-translate-x-2:focus { transform: translateX(2rem); }
  .sm-active-translate-x-2:active { transform: translateX(2rem); }
  .sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .sm-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .sm-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .sm-group:hover .sm-group-hover-translate-x-2 { transform: translateX(2rem); }
  .sm-translate-y-2 { transform: translateY(2rem); }
  .sm-hover-translate-y-2:hover { transform: translateY(2rem); }
  .sm-focus-translate-y-2:focus { transform: translateY(2rem); }
  .sm-active-translate-y-2:active { transform: translateY(2rem); }
  .sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .sm-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .sm-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .sm-group:hover .sm-group-hover-translate-y-2 { transform: translateY(2rem); }
  .sm-translate-x-3 { transform: translateX(3rem); }
  .sm-hover-translate-x-3:hover { transform: translateX(3rem); }
  .sm-focus-translate-x-3:focus { transform: translateX(3rem); }
  .sm-active-translate-x-3:active { transform: translateX(3rem); }
  .sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .sm-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .sm-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .sm-group:hover .sm-group-hover-translate-x-3 { transform: translateX(3rem); }
  .sm-translate-y-3 { transform: translateY(3rem); }
  .sm-hover-translate-y-3:hover { transform: translateY(3rem); }
  .sm-focus-translate-y-3:focus { transform: translateY(3rem); }
  .sm-active-translate-y-3:active { transform: translateY(3rem); }
  .sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .sm-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .sm-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .sm-group:hover .sm-group-hover-translate-y-3 { transform: translateY(3rem); }
  .sm-translate-x-4 { transform: translateX(4rem); }
  .sm-hover-translate-x-4:hover { transform: translateX(4rem); }
  .sm-focus-translate-x-4:focus { transform: translateX(4rem); }
  .sm-active-translate-x-4:active { transform: translateX(4rem); }
  .sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .sm-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .sm-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .sm-group:hover .sm-group-hover-translate-x-4 { transform: translateX(4rem); }
  .sm-translate-y-4 { transform: translateY(4rem); }
  .sm-hover-translate-y-4:hover { transform: translateY(4rem); }
  .sm-focus-translate-y-4:focus { transform: translateY(4rem); }
  .sm-active-translate-y-4:active { transform: translateY(4rem); }
  .sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .sm-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .sm-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .sm-group:hover .sm-group-hover-translate-y-4 { transform: translateY(4rem); }
  .sm-origin-center { transform-origin: center; }
  .sm-hover-origin-center:hover { transform-origin: center; }
  .sm-focus-origin-center:focus { transform-origin: center; }
  .sm-active-origin-center:active { transform-origin: center; }
  .sm-disabled-origin-center:disabled { transform-origin: center; }
  .sm-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .sm-focus-within-origin-center:focus-within { transform-origin: center; }
  .sm-group:hover .sm-group-hover-origin-center { transform-origin: center; }
  .sm-origin-top { transform-origin: top; }
  .sm-hover-origin-top:hover { transform-origin: top; }
  .sm-focus-origin-top:focus { transform-origin: top; }
  .sm-active-origin-top:active { transform-origin: top; }
  .sm-disabled-origin-top:disabled { transform-origin: top; }
  .sm-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .sm-focus-within-origin-top:focus-within { transform-origin: top; }
  .sm-group:hover .sm-group-hover-origin-top { transform-origin: top; }
  .sm-origin-bottom { transform-origin: bottom; }
  .sm-hover-origin-bottom:hover { transform-origin: bottom; }
  .sm-focus-origin-bottom:focus { transform-origin: bottom; }
  .sm-active-origin-bottom:active { transform-origin: bottom; }
  .sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .sm-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .sm-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .sm-group:hover .sm-group-hover-origin-bottom { transform-origin: bottom; }
  .sm-origin-left { transform-origin: left; }
  .sm-hover-origin-left:hover { transform-origin: left; }
  .sm-focus-origin-left:focus { transform-origin: left; }
  .sm-active-origin-left:active { transform-origin: left; }
  .sm-disabled-origin-left:disabled { transform-origin: left; }
  .sm-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .sm-focus-within-origin-left:focus-within { transform-origin: left; }
  .sm-group:hover .sm-group-hover-origin-left { transform-origin: left; }
  .sm-origin-right { transform-origin: right; }
  .sm-hover-origin-right:hover { transform-origin: right; }
  .sm-focus-origin-right:focus { transform-origin: right; }
  .sm-active-origin-right:active { transform-origin: right; }
  .sm-disabled-origin-right:disabled { transform-origin: right; }
  .sm-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .sm-focus-within-origin-right:focus-within { transform-origin: right; }
  .sm-group:hover .sm-group-hover-origin-right { transform-origin: right; }
  .sm-origin-top_left { transform-origin: top left; }
  .sm-hover-origin-top_left:hover { transform-origin: top left; }
  .sm-focus-origin-top_left:focus { transform-origin: top left; }
  .sm-active-origin-top_left:active { transform-origin: top left; }
  .sm-disabled-origin-top_left:disabled { transform-origin: top left; }
  .sm-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  .sm-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  .sm-group:hover .sm-group-hover-origin-top_left { transform-origin: top left; }
  .sm-origin-top_right { transform-origin: top right; }
  .sm-hover-origin-top_right:hover { transform-origin: top right; }
  .sm-focus-origin-top_right:focus { transform-origin: top right; }
  .sm-active-origin-top_right:active { transform-origin: top right; }
  .sm-disabled-origin-top_right:disabled { transform-origin: top right; }
  .sm-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  .sm-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  .sm-group:hover .sm-group-hover-origin-top_right { transform-origin: top right; }
  .sm-origin-bottom_left { transform-origin: bottom left; }
  .sm-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  .sm-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  .sm-active-origin-bottom_left:active { transform-origin: bottom left; }
  .sm-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  .sm-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  .sm-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  .sm-group:hover .sm-group-hover-origin-bottom_left { transform-origin: bottom left; }
  .sm-origin-bottom_right { transform-origin: bottom right; }
  .sm-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  .sm-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  .sm-active-origin-bottom_right:active { transform-origin: bottom right; }
  .sm-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  .sm-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  .sm-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  .sm-group:hover .sm-group-hover-origin-bottom_right { transform-origin: bottom right; }
  .sm-transform-style-flat { transform-style: flat; }
  .sm-hover-transform-style-flat:hover { transform-style: flat; }
  .sm-focus-transform-style-flat:focus { transform-style: flat; }
  .sm-active-transform-style-flat:active { transform-style: flat; }
  .sm-disabled-transform-style-flat:disabled { transform-style: flat; }
  .sm-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .sm-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .sm-group:hover .sm-group-hover-transform-style-flat { transform-style: flat; }
  .sm-transform-style-preserve-3d { transform-style: preserve-3d; }
  .sm-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  .sm-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  .sm-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  .sm-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  .sm-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  .sm-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  .sm-group:hover .sm-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  .sm-accent-auto { accent-color: auto; }
  .sm-hover-accent-auto:hover { accent-color: auto; }
  .sm-focus-accent-auto:focus { accent-color: auto; }
  .sm-active-accent-auto:active { accent-color: auto; }
  .sm-disabled-accent-auto:disabled { accent-color: auto; }
  .sm-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .sm-focus-within-accent-auto:focus-within { accent-color: auto; }
  .sm-group:hover .sm-group-hover-accent-auto { accent-color: auto; }
  .sm-accent-transparent { accent-color: transparent; }
  .sm-hover-accent-transparent:hover { accent-color: transparent; }
  .sm-focus-accent-transparent:focus { accent-color: transparent; }
  .sm-active-accent-transparent:active { accent-color: transparent; }
  .sm-disabled-accent-transparent:disabled { accent-color: transparent; }
  .sm-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  .sm-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  .sm-group:hover .sm-group-hover-accent-transparent { accent-color: transparent; }
  .sm-accent-red-50 { accent-color: var(--quanta-red-50); }
  .sm-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  .sm-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  .sm-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  .sm-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  .sm-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  .sm-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  .sm-accent-red-100 { accent-color: var(--quanta-red-100); }
  .sm-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  .sm-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  .sm-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  .sm-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  .sm-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  .sm-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  .sm-accent-red-200 { accent-color: var(--quanta-red-200); }
  .sm-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  .sm-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  .sm-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  .sm-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  .sm-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  .sm-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  .sm-accent-red-300 { accent-color: var(--quanta-red-300); }
  .sm-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  .sm-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  .sm-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  .sm-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  .sm-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  .sm-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  .sm-accent-red-400 { accent-color: var(--quanta-red-400); }
  .sm-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  .sm-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  .sm-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  .sm-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  .sm-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  .sm-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  .sm-accent-red-500 { accent-color: var(--quanta-red-500); }
  .sm-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  .sm-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  .sm-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  .sm-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  .sm-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  .sm-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  .sm-accent-red-600 { accent-color: var(--quanta-red-600); }
  .sm-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  .sm-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  .sm-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  .sm-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  .sm-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  .sm-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  .sm-accent-red-700 { accent-color: var(--quanta-red-700); }
  .sm-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  .sm-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  .sm-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  .sm-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  .sm-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  .sm-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  .sm-accent-red-800 { accent-color: var(--quanta-red-800); }
  .sm-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  .sm-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  .sm-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  .sm-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  .sm-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  .sm-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  .sm-accent-red-900 { accent-color: var(--quanta-red-900); }
  .sm-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  .sm-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  .sm-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  .sm-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  .sm-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  .sm-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  .sm-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .sm-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  .sm-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  .sm-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  .sm-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  .sm-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  .sm-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .sm-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .sm-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  .sm-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  .sm-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  .sm-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  .sm-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  .sm-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .sm-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .sm-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  .sm-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  .sm-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  .sm-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  .sm-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  .sm-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .sm-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .sm-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  .sm-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  .sm-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  .sm-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  .sm-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  .sm-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .sm-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .sm-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  .sm-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  .sm-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  .sm-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  .sm-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  .sm-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .sm-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .sm-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  .sm-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  .sm-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  .sm-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  .sm-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  .sm-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .sm-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .sm-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  .sm-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  .sm-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  .sm-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  .sm-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  .sm-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .sm-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .sm-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  .sm-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  .sm-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  .sm-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  .sm-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  .sm-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .sm-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .sm-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  .sm-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  .sm-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  .sm-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  .sm-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  .sm-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .sm-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .sm-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  .sm-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  .sm-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  .sm-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  .sm-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  .sm-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .sm-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .sm-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  .sm-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  .sm-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  .sm-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  .sm-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  .sm-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .sm-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .sm-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  .sm-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  .sm-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  .sm-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  .sm-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  .sm-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .sm-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .sm-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  .sm-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  .sm-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  .sm-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  .sm-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  .sm-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .sm-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .sm-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  .sm-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  .sm-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  .sm-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  .sm-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  .sm-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .sm-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .sm-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  .sm-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  .sm-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  .sm-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  .sm-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  .sm-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .sm-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .sm-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  .sm-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  .sm-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  .sm-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  .sm-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  .sm-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .sm-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .sm-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  .sm-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  .sm-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  .sm-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  .sm-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  .sm-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .sm-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .sm-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  .sm-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  .sm-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  .sm-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  .sm-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  .sm-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .sm-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .sm-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  .sm-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  .sm-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  .sm-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  .sm-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  .sm-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .sm-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .sm-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  .sm-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  .sm-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  .sm-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  .sm-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  .sm-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .sm-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .sm-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  .sm-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  .sm-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  .sm-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  .sm-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  .sm-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .sm-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .sm-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  .sm-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  .sm-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  .sm-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  .sm-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  .sm-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .sm-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .sm-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  .sm-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  .sm-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  .sm-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  .sm-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  .sm-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .sm-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .sm-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  .sm-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  .sm-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  .sm-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  .sm-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  .sm-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .sm-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .sm-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  .sm-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  .sm-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  .sm-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  .sm-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  .sm-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .sm-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .sm-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  .sm-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  .sm-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  .sm-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  .sm-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  .sm-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .sm-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .sm-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  .sm-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  .sm-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  .sm-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  .sm-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  .sm-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .sm-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .sm-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  .sm-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  .sm-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  .sm-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  .sm-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  .sm-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .sm-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .sm-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  .sm-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  .sm-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  .sm-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  .sm-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  .sm-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .sm-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .sm-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  .sm-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  .sm-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  .sm-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  .sm-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  .sm-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .sm-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .sm-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  .sm-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  .sm-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  .sm-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  .sm-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  .sm-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .sm-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .sm-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  .sm-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  .sm-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  .sm-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  .sm-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  .sm-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .sm-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .sm-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  .sm-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  .sm-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  .sm-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  .sm-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  .sm-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .sm-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .sm-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  .sm-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  .sm-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  .sm-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  .sm-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  .sm-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .sm-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .sm-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  .sm-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  .sm-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  .sm-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  .sm-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  .sm-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .sm-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .sm-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  .sm-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  .sm-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  .sm-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  .sm-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  .sm-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .sm-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .sm-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  .sm-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  .sm-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  .sm-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  .sm-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  .sm-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .sm-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .sm-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  .sm-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  .sm-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  .sm-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  .sm-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  .sm-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .sm-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .sm-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  .sm-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  .sm-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  .sm-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  .sm-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  .sm-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .sm-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .sm-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  .sm-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  .sm-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  .sm-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  .sm-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  .sm-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .sm-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .sm-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  .sm-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  .sm-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  .sm-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  .sm-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  .sm-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .sm-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .sm-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  .sm-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  .sm-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  .sm-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  .sm-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  .sm-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .sm-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .sm-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  .sm-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  .sm-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  .sm-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  .sm-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  .sm-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .sm-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .sm-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  .sm-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  .sm-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  .sm-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  .sm-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  .sm-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .sm-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .sm-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  .sm-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  .sm-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  .sm-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  .sm-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  .sm-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .sm-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .sm-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  .sm-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  .sm-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  .sm-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  .sm-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  .sm-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .sm-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .sm-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  .sm-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  .sm-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  .sm-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  .sm-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  .sm-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .sm-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .sm-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  .sm-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  .sm-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  .sm-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  .sm-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  .sm-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .sm-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .sm-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  .sm-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  .sm-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  .sm-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  .sm-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  .sm-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .sm-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .sm-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  .sm-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  .sm-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  .sm-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  .sm-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  .sm-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .sm-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .sm-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  .sm-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  .sm-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  .sm-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  .sm-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  .sm-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .sm-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .sm-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  .sm-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  .sm-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  .sm-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  .sm-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  .sm-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .sm-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .sm-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  .sm-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  .sm-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  .sm-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  .sm-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  .sm-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .sm-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .sm-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  .sm-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  .sm-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  .sm-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  .sm-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  .sm-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .sm-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .sm-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  .sm-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  .sm-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  .sm-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  .sm-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  .sm-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .sm-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .sm-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  .sm-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  .sm-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  .sm-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  .sm-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  .sm-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .sm-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .sm-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  .sm-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  .sm-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  .sm-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  .sm-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  .sm-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .sm-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .sm-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  .sm-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  .sm-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  .sm-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  .sm-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  .sm-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .sm-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .sm-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  .sm-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  .sm-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  .sm-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  .sm-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  .sm-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .sm-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .sm-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  .sm-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  .sm-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  .sm-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  .sm-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  .sm-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .sm-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .sm-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  .sm-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  .sm-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  .sm-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  .sm-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  .sm-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .sm-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .sm-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  .sm-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  .sm-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  .sm-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  .sm-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  .sm-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .sm-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .sm-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  .sm-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  .sm-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  .sm-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  .sm-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  .sm-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .sm-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .sm-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  .sm-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  .sm-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  .sm-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  .sm-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  .sm-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .sm-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .sm-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  .sm-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  .sm-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  .sm-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  .sm-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  .sm-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .sm-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .sm-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  .sm-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  .sm-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  .sm-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  .sm-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  .sm-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .sm-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .sm-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  .sm-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  .sm-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  .sm-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  .sm-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  .sm-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .sm-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .sm-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  .sm-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  .sm-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  .sm-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  .sm-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  .sm-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .sm-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .sm-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  .sm-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  .sm-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  .sm-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  .sm-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  .sm-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .sm-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .sm-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  .sm-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  .sm-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  .sm-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  .sm-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  .sm-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .sm-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .sm-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  .sm-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  .sm-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  .sm-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  .sm-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  .sm-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .sm-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .sm-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  .sm-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  .sm-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  .sm-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  .sm-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  .sm-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .sm-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .sm-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  .sm-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  .sm-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  .sm-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  .sm-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  .sm-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .sm-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .sm-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  .sm-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  .sm-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  .sm-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  .sm-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  .sm-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .sm-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .sm-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  .sm-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  .sm-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  .sm-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  .sm-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  .sm-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .sm-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .sm-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  .sm-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  .sm-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  .sm-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  .sm-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  .sm-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .sm-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .sm-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  .sm-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  .sm-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  .sm-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  .sm-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  .sm-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .sm-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .sm-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  .sm-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  .sm-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  .sm-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  .sm-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  .sm-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .sm-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .sm-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  .sm-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  .sm-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  .sm-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  .sm-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  .sm-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .sm-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .sm-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  .sm-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  .sm-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  .sm-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  .sm-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  .sm-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .sm-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .sm-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  .sm-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  .sm-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  .sm-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  .sm-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  .sm-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .sm-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .sm-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  .sm-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  .sm-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  .sm-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  .sm-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  .sm-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .sm-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .sm-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  .sm-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  .sm-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  .sm-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  .sm-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  .sm-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .sm-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .sm-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  .sm-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  .sm-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  .sm-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  .sm-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  .sm-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .sm-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .sm-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  .sm-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  .sm-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  .sm-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  .sm-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  .sm-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .sm-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .sm-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  .sm-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  .sm-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  .sm-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  .sm-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  .sm-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .sm-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .sm-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  .sm-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  .sm-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  .sm-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  .sm-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  .sm-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .sm-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .sm-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  .sm-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  .sm-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  .sm-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  .sm-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  .sm-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .sm-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .sm-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  .sm-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  .sm-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  .sm-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  .sm-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  .sm-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .sm-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .sm-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  .sm-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  .sm-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  .sm-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  .sm-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  .sm-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .sm-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .sm-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  .sm-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  .sm-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  .sm-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  .sm-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  .sm-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .sm-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .sm-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  .sm-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  .sm-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  .sm-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  .sm-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  .sm-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .sm-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .sm-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  .sm-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  .sm-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  .sm-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  .sm-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  .sm-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .sm-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .sm-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  .sm-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  .sm-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  .sm-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  .sm-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  .sm-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .sm-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .sm-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  .sm-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  .sm-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  .sm-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  .sm-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  .sm-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .sm-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .sm-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  .sm-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  .sm-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  .sm-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  .sm-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  .sm-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .sm-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .sm-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  .sm-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  .sm-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  .sm-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  .sm-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  .sm-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .sm-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .sm-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  .sm-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  .sm-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  .sm-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  .sm-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  .sm-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .sm-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .sm-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  .sm-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  .sm-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  .sm-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  .sm-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  .sm-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .sm-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .sm-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  .sm-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  .sm-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  .sm-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  .sm-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  .sm-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .sm-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .sm-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  .sm-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  .sm-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  .sm-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  .sm-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  .sm-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .sm-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .sm-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  .sm-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  .sm-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  .sm-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  .sm-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  .sm-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .sm-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .sm-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  .sm-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  .sm-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  .sm-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  .sm-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  .sm-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .sm-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .sm-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  .sm-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  .sm-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  .sm-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  .sm-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  .sm-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .sm-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .sm-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  .sm-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  .sm-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  .sm-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  .sm-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  .sm-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .sm-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .sm-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  .sm-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  .sm-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  .sm-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  .sm-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  .sm-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .sm-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .sm-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  .sm-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  .sm-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  .sm-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  .sm-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  .sm-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .sm-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .sm-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  .sm-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  .sm-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  .sm-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  .sm-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  .sm-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .sm-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .sm-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  .sm-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  .sm-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  .sm-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  .sm-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  .sm-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .sm-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .sm-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  .sm-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  .sm-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  .sm-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  .sm-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  .sm-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .sm-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .sm-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  .sm-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  .sm-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  .sm-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  .sm-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  .sm-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .sm-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .sm-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  .sm-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  .sm-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  .sm-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  .sm-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  .sm-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .sm-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .sm-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  .sm-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  .sm-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  .sm-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  .sm-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  .sm-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .sm-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .sm-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  .sm-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  .sm-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  .sm-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  .sm-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  .sm-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .sm-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .sm-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  .sm-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  .sm-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  .sm-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  .sm-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  .sm-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .sm-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .sm-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  .sm-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  .sm-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  .sm-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  .sm-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  .sm-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .sm-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .sm-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  .sm-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  .sm-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  .sm-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  .sm-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  .sm-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .sm-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .sm-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  .sm-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  .sm-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  .sm-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  .sm-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  .sm-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .sm-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .sm-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  .sm-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  .sm-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  .sm-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  .sm-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  .sm-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .sm-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .sm-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  .sm-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  .sm-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  .sm-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  .sm-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  .sm-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .sm-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .sm-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  .sm-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  .sm-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  .sm-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  .sm-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  .sm-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .sm-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .sm-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  .sm-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  .sm-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  .sm-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  .sm-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  .sm-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .sm-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .sm-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  .sm-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  .sm-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  .sm-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  .sm-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  .sm-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .sm-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .sm-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  .sm-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  .sm-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  .sm-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  .sm-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  .sm-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .sm-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .sm-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  .sm-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  .sm-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  .sm-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  .sm-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  .sm-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .sm-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .sm-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  .sm-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  .sm-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  .sm-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  .sm-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  .sm-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .sm-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .sm-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  .sm-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  .sm-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  .sm-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  .sm-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  .sm-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .sm-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .sm-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  .sm-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  .sm-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  .sm-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  .sm-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  .sm-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .sm-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .sm-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  .sm-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  .sm-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  .sm-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  .sm-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  .sm-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .sm-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .sm-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  .sm-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  .sm-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  .sm-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  .sm-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  .sm-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .sm-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .sm-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  .sm-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  .sm-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  .sm-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  .sm-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  .sm-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .sm-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .sm-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  .sm-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  .sm-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  .sm-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  .sm-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  .sm-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .sm-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .sm-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  .sm-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  .sm-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  .sm-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  .sm-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  .sm-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .sm-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .sm-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  .sm-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  .sm-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  .sm-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  .sm-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  .sm-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .sm-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .sm-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  .sm-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  .sm-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  .sm-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  .sm-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  .sm-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .sm-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .sm-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  .sm-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  .sm-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  .sm-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  .sm-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  .sm-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .sm-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .sm-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  .sm-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  .sm-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  .sm-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  .sm-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  .sm-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .sm-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .sm-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  .sm-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  .sm-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  .sm-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  .sm-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  .sm-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .sm-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .sm-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  .sm-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  .sm-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  .sm-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  .sm-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  .sm-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .sm-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .sm-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  .sm-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  .sm-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  .sm-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  .sm-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  .sm-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .sm-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .sm-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  .sm-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  .sm-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  .sm-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  .sm-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  .sm-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .sm-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .sm-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  .sm-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  .sm-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  .sm-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  .sm-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  .sm-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .sm-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .sm-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  .sm-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  .sm-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  .sm-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  .sm-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  .sm-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .sm-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .sm-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  .sm-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  .sm-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  .sm-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  .sm-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  .sm-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .sm-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .sm-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  .sm-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  .sm-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  .sm-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  .sm-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  .sm-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .sm-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .sm-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  .sm-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  .sm-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  .sm-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  .sm-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  .sm-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .sm-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .sm-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  .sm-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  .sm-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  .sm-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  .sm-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  .sm-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .sm-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .sm-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  .sm-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  .sm-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  .sm-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  .sm-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  .sm-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .sm-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .sm-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  .sm-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  .sm-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  .sm-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  .sm-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  .sm-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .sm-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .sm-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  .sm-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  .sm-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  .sm-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  .sm-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  .sm-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .sm-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .sm-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  .sm-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  .sm-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  .sm-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  .sm-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  .sm-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .sm-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .sm-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  .sm-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  .sm-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  .sm-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  .sm-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  .sm-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .sm-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .sm-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  .sm-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  .sm-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  .sm-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  .sm-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  .sm-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .sm-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .sm-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  .sm-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  .sm-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  .sm-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  .sm-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  .sm-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .sm-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .sm-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  .sm-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  .sm-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  .sm-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  .sm-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  .sm-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .sm-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .sm-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  .sm-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  .sm-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  .sm-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  .sm-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  .sm-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .sm-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .sm-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  .sm-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  .sm-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  .sm-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  .sm-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  .sm-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .sm-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .sm-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  .sm-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  .sm-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  .sm-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  .sm-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  .sm-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .sm-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .sm-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  .sm-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  .sm-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  .sm-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  .sm-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  .sm-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .sm-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .sm-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  .sm-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  .sm-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  .sm-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  .sm-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  .sm-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .sm-accent-green-50 { accent-color: var(--quanta-green-50); }
  .sm-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  .sm-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  .sm-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  .sm-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  .sm-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  .sm-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  .sm-accent-green-100 { accent-color: var(--quanta-green-100); }
  .sm-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  .sm-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  .sm-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  .sm-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  .sm-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  .sm-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  .sm-accent-green-200 { accent-color: var(--quanta-green-200); }
  .sm-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  .sm-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  .sm-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  .sm-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  .sm-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  .sm-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  .sm-accent-green-300 { accent-color: var(--quanta-green-300); }
  .sm-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  .sm-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  .sm-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  .sm-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  .sm-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  .sm-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  .sm-accent-green-400 { accent-color: var(--quanta-green-400); }
  .sm-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  .sm-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  .sm-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  .sm-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  .sm-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  .sm-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  .sm-accent-green-500 { accent-color: var(--quanta-green-500); }
  .sm-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  .sm-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  .sm-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  .sm-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  .sm-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  .sm-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  .sm-accent-green-600 { accent-color: var(--quanta-green-600); }
  .sm-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  .sm-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  .sm-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  .sm-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  .sm-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  .sm-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  .sm-accent-green-700 { accent-color: var(--quanta-green-700); }
  .sm-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  .sm-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  .sm-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  .sm-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  .sm-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  .sm-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  .sm-accent-green-800 { accent-color: var(--quanta-green-800); }
  .sm-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  .sm-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  .sm-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  .sm-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  .sm-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  .sm-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  .sm-accent-green-900 { accent-color: var(--quanta-green-900); }
  .sm-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  .sm-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  .sm-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  .sm-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  .sm-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  .sm-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  .sm-appearance-none { appearance: none; }
  .sm-hover-appearance-none:hover { appearance: none; }
  .sm-focus-appearance-none:focus { appearance: none; }
  .sm-active-appearance-none:active { appearance: none; }
  .sm-disabled-appearance-none:disabled { appearance: none; }
  .sm-focus-visible-appearance-none:focus-visible { appearance: none; }
  .sm-focus-within-appearance-none:focus-within { appearance: none; }
  .sm-group:hover .sm-group-hover-appearance-none { appearance: none; }
  .sm-appearance-auto { appearance: auto; }
  .sm-hover-appearance-auto:hover { appearance: auto; }
  .sm-focus-appearance-auto:focus { appearance: auto; }
  .sm-active-appearance-auto:active { appearance: auto; }
  .sm-disabled-appearance-auto:disabled { appearance: auto; }
  .sm-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  .sm-focus-within-appearance-auto:focus-within { appearance: auto; }
  .sm-group:hover .sm-group-hover-appearance-auto { appearance: auto; }
  .sm-caret-red-50 { caret-color: var(--quanta-red-50); }
  .sm-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  .sm-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  .sm-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  .sm-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  .sm-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  .sm-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  .sm-group:hover .sm-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  .sm-caret-red-100 { caret-color: var(--quanta-red-100); }
  .sm-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  .sm-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  .sm-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  .sm-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  .sm-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  .sm-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  .sm-group:hover .sm-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  .sm-caret-red-200 { caret-color: var(--quanta-red-200); }
  .sm-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  .sm-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  .sm-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  .sm-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  .sm-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  .sm-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  .sm-group:hover .sm-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  .sm-caret-red-300 { caret-color: var(--quanta-red-300); }
  .sm-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  .sm-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  .sm-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  .sm-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  .sm-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  .sm-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  .sm-group:hover .sm-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  .sm-caret-red-400 { caret-color: var(--quanta-red-400); }
  .sm-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  .sm-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  .sm-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  .sm-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  .sm-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  .sm-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  .sm-group:hover .sm-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  .sm-caret-red-500 { caret-color: var(--quanta-red-500); }
  .sm-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  .sm-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  .sm-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  .sm-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  .sm-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  .sm-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  .sm-group:hover .sm-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  .sm-caret-red-600 { caret-color: var(--quanta-red-600); }
  .sm-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  .sm-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  .sm-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  .sm-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  .sm-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  .sm-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  .sm-group:hover .sm-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  .sm-caret-red-700 { caret-color: var(--quanta-red-700); }
  .sm-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  .sm-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  .sm-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  .sm-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  .sm-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  .sm-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  .sm-group:hover .sm-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  .sm-caret-red-800 { caret-color: var(--quanta-red-800); }
  .sm-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  .sm-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  .sm-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  .sm-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  .sm-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  .sm-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  .sm-group:hover .sm-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  .sm-caret-red-900 { caret-color: var(--quanta-red-900); }
  .sm-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  .sm-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  .sm-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  .sm-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  .sm-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  .sm-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  .sm-group:hover .sm-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  .sm-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .sm-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  .sm-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  .sm-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  .sm-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  .sm-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  .sm-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  .sm-group:hover .sm-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .sm-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .sm-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  .sm-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  .sm-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  .sm-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  .sm-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  .sm-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  .sm-group:hover .sm-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .sm-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .sm-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  .sm-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  .sm-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  .sm-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  .sm-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  .sm-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  .sm-group:hover .sm-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .sm-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .sm-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  .sm-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  .sm-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  .sm-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  .sm-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  .sm-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  .sm-group:hover .sm-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .sm-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .sm-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  .sm-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  .sm-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  .sm-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  .sm-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  .sm-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  .sm-group:hover .sm-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .sm-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .sm-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  .sm-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  .sm-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  .sm-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  .sm-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  .sm-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  .sm-group:hover .sm-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .sm-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .sm-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  .sm-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  .sm-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  .sm-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  .sm-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  .sm-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  .sm-group:hover .sm-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .sm-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .sm-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  .sm-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  .sm-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  .sm-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  .sm-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  .sm-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  .sm-group:hover .sm-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .sm-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .sm-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  .sm-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  .sm-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  .sm-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  .sm-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  .sm-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  .sm-group:hover .sm-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .sm-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .sm-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  .sm-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  .sm-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  .sm-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  .sm-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  .sm-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  .sm-group:hover .sm-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .sm-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .sm-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  .sm-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  .sm-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  .sm-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  .sm-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  .sm-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  .sm-group:hover .sm-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .sm-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .sm-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  .sm-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  .sm-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  .sm-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  .sm-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  .sm-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  .sm-group:hover .sm-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .sm-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .sm-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  .sm-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  .sm-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  .sm-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  .sm-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  .sm-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  .sm-group:hover .sm-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .sm-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .sm-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  .sm-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  .sm-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  .sm-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  .sm-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  .sm-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  .sm-group:hover .sm-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .sm-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .sm-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  .sm-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  .sm-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  .sm-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  .sm-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  .sm-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  .sm-group:hover .sm-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .sm-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .sm-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  .sm-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  .sm-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  .sm-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  .sm-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  .sm-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  .sm-group:hover .sm-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .sm-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .sm-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  .sm-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  .sm-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  .sm-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  .sm-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  .sm-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  .sm-group:hover .sm-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .sm-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .sm-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  .sm-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  .sm-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  .sm-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  .sm-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  .sm-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  .sm-group:hover .sm-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .sm-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .sm-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  .sm-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  .sm-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  .sm-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  .sm-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  .sm-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  .sm-group:hover .sm-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .sm-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .sm-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  .sm-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  .sm-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  .sm-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  .sm-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  .sm-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  .sm-group:hover .sm-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .sm-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .sm-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  .sm-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  .sm-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  .sm-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  .sm-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  .sm-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  .sm-group:hover .sm-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .sm-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .sm-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  .sm-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  .sm-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  .sm-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  .sm-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  .sm-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  .sm-group:hover .sm-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .sm-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .sm-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  .sm-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  .sm-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  .sm-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  .sm-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  .sm-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  .sm-group:hover .sm-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .sm-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .sm-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  .sm-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  .sm-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  .sm-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  .sm-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  .sm-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  .sm-group:hover .sm-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .sm-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .sm-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  .sm-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  .sm-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  .sm-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  .sm-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  .sm-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  .sm-group:hover .sm-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .sm-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .sm-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  .sm-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  .sm-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  .sm-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  .sm-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  .sm-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  .sm-group:hover .sm-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .sm-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .sm-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  .sm-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  .sm-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  .sm-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  .sm-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  .sm-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  .sm-group:hover .sm-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .sm-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .sm-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  .sm-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  .sm-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  .sm-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  .sm-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  .sm-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  .sm-group:hover .sm-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .sm-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .sm-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  .sm-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  .sm-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  .sm-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  .sm-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  .sm-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  .sm-group:hover .sm-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .sm-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .sm-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  .sm-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  .sm-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  .sm-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  .sm-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  .sm-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  .sm-group:hover .sm-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .sm-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .sm-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  .sm-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  .sm-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  .sm-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  .sm-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  .sm-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  .sm-group:hover .sm-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .sm-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .sm-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  .sm-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  .sm-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  .sm-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  .sm-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  .sm-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  .sm-group:hover .sm-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .sm-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .sm-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  .sm-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  .sm-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  .sm-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  .sm-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  .sm-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  .sm-group:hover .sm-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .sm-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .sm-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  .sm-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  .sm-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  .sm-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  .sm-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  .sm-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  .sm-group:hover .sm-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .sm-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .sm-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  .sm-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  .sm-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  .sm-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  .sm-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  .sm-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  .sm-group:hover .sm-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .sm-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .sm-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  .sm-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  .sm-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  .sm-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  .sm-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  .sm-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  .sm-group:hover .sm-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .sm-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .sm-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  .sm-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  .sm-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  .sm-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  .sm-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  .sm-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  .sm-group:hover .sm-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .sm-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .sm-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  .sm-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  .sm-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  .sm-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  .sm-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  .sm-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  .sm-group:hover .sm-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .sm-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .sm-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  .sm-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  .sm-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  .sm-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  .sm-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  .sm-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  .sm-group:hover .sm-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .sm-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .sm-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  .sm-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  .sm-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  .sm-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  .sm-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  .sm-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  .sm-group:hover .sm-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .sm-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .sm-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  .sm-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  .sm-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  .sm-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  .sm-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  .sm-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  .sm-group:hover .sm-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .sm-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .sm-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  .sm-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  .sm-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  .sm-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  .sm-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  .sm-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  .sm-group:hover .sm-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .sm-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .sm-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  .sm-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  .sm-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  .sm-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  .sm-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  .sm-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  .sm-group:hover .sm-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .sm-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .sm-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  .sm-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  .sm-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  .sm-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  .sm-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  .sm-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  .sm-group:hover .sm-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .sm-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .sm-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  .sm-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  .sm-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  .sm-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  .sm-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  .sm-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  .sm-group:hover .sm-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .sm-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .sm-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  .sm-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  .sm-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  .sm-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  .sm-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  .sm-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  .sm-group:hover .sm-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .sm-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .sm-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  .sm-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  .sm-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  .sm-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  .sm-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  .sm-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  .sm-group:hover .sm-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .sm-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .sm-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  .sm-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  .sm-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  .sm-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  .sm-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  .sm-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  .sm-group:hover .sm-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .sm-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .sm-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  .sm-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  .sm-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  .sm-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  .sm-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  .sm-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  .sm-group:hover .sm-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .sm-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .sm-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  .sm-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  .sm-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  .sm-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  .sm-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  .sm-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  .sm-group:hover .sm-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .sm-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .sm-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  .sm-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  .sm-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  .sm-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  .sm-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  .sm-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  .sm-group:hover .sm-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .sm-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .sm-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  .sm-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  .sm-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  .sm-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  .sm-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  .sm-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  .sm-group:hover .sm-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .sm-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .sm-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  .sm-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  .sm-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  .sm-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  .sm-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  .sm-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  .sm-group:hover .sm-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .sm-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .sm-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  .sm-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  .sm-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  .sm-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  .sm-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  .sm-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  .sm-group:hover .sm-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .sm-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .sm-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  .sm-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  .sm-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  .sm-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  .sm-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  .sm-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  .sm-group:hover .sm-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .sm-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .sm-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  .sm-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  .sm-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  .sm-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  .sm-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  .sm-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  .sm-group:hover .sm-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .sm-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .sm-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  .sm-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  .sm-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  .sm-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  .sm-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  .sm-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  .sm-group:hover .sm-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .sm-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .sm-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  .sm-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  .sm-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  .sm-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  .sm-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  .sm-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  .sm-group:hover .sm-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .sm-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .sm-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  .sm-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  .sm-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  .sm-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  .sm-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  .sm-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  .sm-group:hover .sm-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .sm-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .sm-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  .sm-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  .sm-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  .sm-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  .sm-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  .sm-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  .sm-group:hover .sm-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .sm-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .sm-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  .sm-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  .sm-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  .sm-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  .sm-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  .sm-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  .sm-group:hover .sm-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .sm-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .sm-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  .sm-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  .sm-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  .sm-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  .sm-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  .sm-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  .sm-group:hover .sm-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .sm-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .sm-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  .sm-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  .sm-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  .sm-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  .sm-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  .sm-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  .sm-group:hover .sm-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .sm-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .sm-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  .sm-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  .sm-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  .sm-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  .sm-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  .sm-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  .sm-group:hover .sm-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .sm-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .sm-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  .sm-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  .sm-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  .sm-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  .sm-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  .sm-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  .sm-group:hover .sm-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .sm-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .sm-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  .sm-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  .sm-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  .sm-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  .sm-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  .sm-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  .sm-group:hover .sm-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .sm-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .sm-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  .sm-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  .sm-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  .sm-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  .sm-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  .sm-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  .sm-group:hover .sm-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .sm-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .sm-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  .sm-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  .sm-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  .sm-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  .sm-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  .sm-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  .sm-group:hover .sm-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .sm-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .sm-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  .sm-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  .sm-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  .sm-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  .sm-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  .sm-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  .sm-group:hover .sm-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .sm-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .sm-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  .sm-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  .sm-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  .sm-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  .sm-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  .sm-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  .sm-group:hover .sm-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .sm-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .sm-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  .sm-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  .sm-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  .sm-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  .sm-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  .sm-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  .sm-group:hover .sm-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .sm-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .sm-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  .sm-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  .sm-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  .sm-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  .sm-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  .sm-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  .sm-group:hover .sm-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .sm-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .sm-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  .sm-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  .sm-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  .sm-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  .sm-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  .sm-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  .sm-group:hover .sm-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .sm-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .sm-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  .sm-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  .sm-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  .sm-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  .sm-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  .sm-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  .sm-group:hover .sm-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .sm-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .sm-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  .sm-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  .sm-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  .sm-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  .sm-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  .sm-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  .sm-group:hover .sm-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .sm-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .sm-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  .sm-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  .sm-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  .sm-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  .sm-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  .sm-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  .sm-group:hover .sm-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .sm-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .sm-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  .sm-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  .sm-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  .sm-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  .sm-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  .sm-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  .sm-group:hover .sm-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .sm-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .sm-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  .sm-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  .sm-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  .sm-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  .sm-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  .sm-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  .sm-group:hover .sm-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .sm-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .sm-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  .sm-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  .sm-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  .sm-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  .sm-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  .sm-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  .sm-group:hover .sm-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .sm-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .sm-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  .sm-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  .sm-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  .sm-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  .sm-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  .sm-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  .sm-group:hover .sm-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .sm-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .sm-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  .sm-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  .sm-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  .sm-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  .sm-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  .sm-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  .sm-group:hover .sm-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .sm-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .sm-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  .sm-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  .sm-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  .sm-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  .sm-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  .sm-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  .sm-group:hover .sm-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .sm-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .sm-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  .sm-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  .sm-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  .sm-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  .sm-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  .sm-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  .sm-group:hover .sm-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .sm-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .sm-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  .sm-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  .sm-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  .sm-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  .sm-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  .sm-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  .sm-group:hover .sm-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .sm-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .sm-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  .sm-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  .sm-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  .sm-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  .sm-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  .sm-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  .sm-group:hover .sm-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .sm-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .sm-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  .sm-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  .sm-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  .sm-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  .sm-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  .sm-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  .sm-group:hover .sm-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .sm-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .sm-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  .sm-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  .sm-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  .sm-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  .sm-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  .sm-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  .sm-group:hover .sm-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .sm-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .sm-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  .sm-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  .sm-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  .sm-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  .sm-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  .sm-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  .sm-group:hover .sm-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .sm-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .sm-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  .sm-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  .sm-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  .sm-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  .sm-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  .sm-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  .sm-group:hover .sm-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .sm-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .sm-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  .sm-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  .sm-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  .sm-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  .sm-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  .sm-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  .sm-group:hover .sm-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .sm-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .sm-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  .sm-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  .sm-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  .sm-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  .sm-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  .sm-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  .sm-group:hover .sm-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .sm-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .sm-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  .sm-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  .sm-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  .sm-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  .sm-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  .sm-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  .sm-group:hover .sm-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .sm-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .sm-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  .sm-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  .sm-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  .sm-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  .sm-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  .sm-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  .sm-group:hover .sm-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .sm-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .sm-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  .sm-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  .sm-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  .sm-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  .sm-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  .sm-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  .sm-group:hover .sm-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .sm-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .sm-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  .sm-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  .sm-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  .sm-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  .sm-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  .sm-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  .sm-group:hover .sm-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .sm-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .sm-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  .sm-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  .sm-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  .sm-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  .sm-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  .sm-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  .sm-group:hover .sm-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .sm-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .sm-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  .sm-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  .sm-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  .sm-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  .sm-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  .sm-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  .sm-group:hover .sm-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .sm-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .sm-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  .sm-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  .sm-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  .sm-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  .sm-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  .sm-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  .sm-group:hover .sm-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .sm-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .sm-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  .sm-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  .sm-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  .sm-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  .sm-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  .sm-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  .sm-group:hover .sm-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .sm-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .sm-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  .sm-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  .sm-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  .sm-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  .sm-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  .sm-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  .sm-group:hover .sm-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .sm-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .sm-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  .sm-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  .sm-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  .sm-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  .sm-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  .sm-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  .sm-group:hover .sm-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .sm-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .sm-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  .sm-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  .sm-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  .sm-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  .sm-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  .sm-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  .sm-group:hover .sm-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .sm-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .sm-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  .sm-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  .sm-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  .sm-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  .sm-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  .sm-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  .sm-group:hover .sm-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .sm-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .sm-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  .sm-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  .sm-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  .sm-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  .sm-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  .sm-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  .sm-group:hover .sm-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .sm-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .sm-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  .sm-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  .sm-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  .sm-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  .sm-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  .sm-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  .sm-group:hover .sm-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .sm-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .sm-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  .sm-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  .sm-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  .sm-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  .sm-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  .sm-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  .sm-group:hover .sm-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .sm-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .sm-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  .sm-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  .sm-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  .sm-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  .sm-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  .sm-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  .sm-group:hover .sm-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .sm-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .sm-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  .sm-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  .sm-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  .sm-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  .sm-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  .sm-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  .sm-group:hover .sm-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .sm-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .sm-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  .sm-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  .sm-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  .sm-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  .sm-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  .sm-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  .sm-group:hover .sm-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .sm-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .sm-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  .sm-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  .sm-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  .sm-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  .sm-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  .sm-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  .sm-group:hover .sm-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .sm-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .sm-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  .sm-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  .sm-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  .sm-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  .sm-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  .sm-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  .sm-group:hover .sm-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .sm-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .sm-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  .sm-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  .sm-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  .sm-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  .sm-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  .sm-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  .sm-group:hover .sm-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .sm-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .sm-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  .sm-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  .sm-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  .sm-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  .sm-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  .sm-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  .sm-group:hover .sm-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .sm-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .sm-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  .sm-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  .sm-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  .sm-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  .sm-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  .sm-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  .sm-group:hover .sm-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .sm-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .sm-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  .sm-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  .sm-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  .sm-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  .sm-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  .sm-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  .sm-group:hover .sm-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .sm-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .sm-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  .sm-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  .sm-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  .sm-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  .sm-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  .sm-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  .sm-group:hover .sm-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .sm-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .sm-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  .sm-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  .sm-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  .sm-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  .sm-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  .sm-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  .sm-group:hover .sm-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .sm-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .sm-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  .sm-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  .sm-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  .sm-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  .sm-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  .sm-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  .sm-group:hover .sm-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .sm-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .sm-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  .sm-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  .sm-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  .sm-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  .sm-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  .sm-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  .sm-group:hover .sm-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .sm-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .sm-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  .sm-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  .sm-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  .sm-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  .sm-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  .sm-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  .sm-group:hover .sm-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .sm-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .sm-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  .sm-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  .sm-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  .sm-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  .sm-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  .sm-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  .sm-group:hover .sm-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .sm-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .sm-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  .sm-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  .sm-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  .sm-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  .sm-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  .sm-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  .sm-group:hover .sm-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .sm-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .sm-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  .sm-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  .sm-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  .sm-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  .sm-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  .sm-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  .sm-group:hover .sm-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .sm-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .sm-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  .sm-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  .sm-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  .sm-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  .sm-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  .sm-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  .sm-group:hover .sm-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .sm-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .sm-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  .sm-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  .sm-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  .sm-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  .sm-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  .sm-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  .sm-group:hover .sm-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .sm-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .sm-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  .sm-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  .sm-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  .sm-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  .sm-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  .sm-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  .sm-group:hover .sm-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .sm-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .sm-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  .sm-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  .sm-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  .sm-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  .sm-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  .sm-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  .sm-group:hover .sm-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .sm-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .sm-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  .sm-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  .sm-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  .sm-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  .sm-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  .sm-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  .sm-group:hover .sm-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .sm-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .sm-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  .sm-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  .sm-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  .sm-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  .sm-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  .sm-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  .sm-group:hover .sm-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .sm-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .sm-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  .sm-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  .sm-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  .sm-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  .sm-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  .sm-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  .sm-group:hover .sm-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .sm-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .sm-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  .sm-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  .sm-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  .sm-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  .sm-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  .sm-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  .sm-group:hover .sm-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .sm-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .sm-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  .sm-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  .sm-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  .sm-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  .sm-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  .sm-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  .sm-group:hover .sm-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .sm-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .sm-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  .sm-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  .sm-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  .sm-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  .sm-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  .sm-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  .sm-group:hover .sm-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .sm-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .sm-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  .sm-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  .sm-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  .sm-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  .sm-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  .sm-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  .sm-group:hover .sm-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .sm-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .sm-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  .sm-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  .sm-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  .sm-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  .sm-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  .sm-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  .sm-group:hover .sm-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .sm-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .sm-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  .sm-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  .sm-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  .sm-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  .sm-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  .sm-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  .sm-group:hover .sm-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .sm-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .sm-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  .sm-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  .sm-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  .sm-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  .sm-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  .sm-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  .sm-group:hover .sm-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .sm-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .sm-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  .sm-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  .sm-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  .sm-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  .sm-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  .sm-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  .sm-group:hover .sm-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .sm-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .sm-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  .sm-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  .sm-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  .sm-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  .sm-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  .sm-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  .sm-group:hover .sm-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .sm-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .sm-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  .sm-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  .sm-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  .sm-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  .sm-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  .sm-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  .sm-group:hover .sm-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .sm-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .sm-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  .sm-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  .sm-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  .sm-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  .sm-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  .sm-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  .sm-group:hover .sm-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .sm-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .sm-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  .sm-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  .sm-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  .sm-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  .sm-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  .sm-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  .sm-group:hover .sm-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .sm-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .sm-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  .sm-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  .sm-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  .sm-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  .sm-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  .sm-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  .sm-group:hover .sm-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .sm-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .sm-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  .sm-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  .sm-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  .sm-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  .sm-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  .sm-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  .sm-group:hover .sm-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .sm-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .sm-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  .sm-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  .sm-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  .sm-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  .sm-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  .sm-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  .sm-group:hover .sm-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .sm-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .sm-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  .sm-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  .sm-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  .sm-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  .sm-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  .sm-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  .sm-group:hover .sm-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .sm-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .sm-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  .sm-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  .sm-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  .sm-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  .sm-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  .sm-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  .sm-group:hover .sm-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .sm-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .sm-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  .sm-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  .sm-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  .sm-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  .sm-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  .sm-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  .sm-group:hover .sm-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .sm-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .sm-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  .sm-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  .sm-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  .sm-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  .sm-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  .sm-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  .sm-group:hover .sm-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .sm-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .sm-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  .sm-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  .sm-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  .sm-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  .sm-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  .sm-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  .sm-group:hover .sm-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .sm-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .sm-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  .sm-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  .sm-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  .sm-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  .sm-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  .sm-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  .sm-group:hover .sm-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .sm-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .sm-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  .sm-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  .sm-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  .sm-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  .sm-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  .sm-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  .sm-group:hover .sm-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .sm-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .sm-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  .sm-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  .sm-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  .sm-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  .sm-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  .sm-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  .sm-group:hover .sm-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .sm-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .sm-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  .sm-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  .sm-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  .sm-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  .sm-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  .sm-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  .sm-group:hover .sm-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .sm-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .sm-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  .sm-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  .sm-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  .sm-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  .sm-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  .sm-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  .sm-group:hover .sm-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .sm-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .sm-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  .sm-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  .sm-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  .sm-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  .sm-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  .sm-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  .sm-group:hover .sm-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .sm-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .sm-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  .sm-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  .sm-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  .sm-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  .sm-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  .sm-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  .sm-group:hover .sm-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .sm-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .sm-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  .sm-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  .sm-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  .sm-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  .sm-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  .sm-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  .sm-group:hover .sm-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .sm-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .sm-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  .sm-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  .sm-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  .sm-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  .sm-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  .sm-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  .sm-group:hover .sm-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .sm-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .sm-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  .sm-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  .sm-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  .sm-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  .sm-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  .sm-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  .sm-group:hover .sm-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .sm-caret-green-50 { caret-color: var(--quanta-green-50); }
  .sm-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  .sm-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  .sm-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  .sm-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  .sm-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  .sm-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  .sm-group:hover .sm-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  .sm-caret-green-100 { caret-color: var(--quanta-green-100); }
  .sm-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  .sm-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  .sm-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  .sm-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  .sm-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  .sm-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  .sm-group:hover .sm-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  .sm-caret-green-200 { caret-color: var(--quanta-green-200); }
  .sm-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  .sm-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  .sm-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  .sm-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  .sm-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  .sm-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  .sm-group:hover .sm-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  .sm-caret-green-300 { caret-color: var(--quanta-green-300); }
  .sm-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  .sm-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  .sm-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  .sm-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  .sm-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  .sm-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  .sm-group:hover .sm-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  .sm-caret-green-400 { caret-color: var(--quanta-green-400); }
  .sm-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  .sm-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  .sm-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  .sm-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  .sm-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  .sm-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  .sm-group:hover .sm-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  .sm-caret-green-500 { caret-color: var(--quanta-green-500); }
  .sm-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  .sm-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  .sm-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  .sm-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  .sm-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  .sm-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  .sm-group:hover .sm-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  .sm-caret-green-600 { caret-color: var(--quanta-green-600); }
  .sm-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  .sm-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  .sm-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  .sm-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  .sm-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  .sm-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  .sm-group:hover .sm-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  .sm-caret-green-700 { caret-color: var(--quanta-green-700); }
  .sm-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  .sm-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  .sm-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  .sm-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  .sm-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  .sm-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  .sm-group:hover .sm-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  .sm-caret-green-800 { caret-color: var(--quanta-green-800); }
  .sm-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  .sm-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  .sm-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  .sm-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  .sm-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  .sm-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  .sm-group:hover .sm-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  .sm-caret-green-900 { caret-color: var(--quanta-green-900); }
  .sm-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  .sm-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  .sm-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  .sm-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  .sm-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  .sm-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  .sm-group:hover .sm-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  .sm-caret-black { caret-color: var(--black); }
  .sm-hover-caret-black:hover { caret-color: var(--black); }
  .sm-focus-caret-black:focus { caret-color: var(--black); }
  .sm-active-caret-black:active { caret-color: var(--black); }
  .sm-disabled-caret-black:disabled { caret-color: var(--black); }
  .sm-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  .sm-focus-within-caret-black:focus-within { caret-color: var(--black); }
  .sm-group:hover .sm-group-hover-caret-black { caret-color: var(--black); }
  .sm-caret-white { caret-color: var(--white); }
  .sm-hover-caret-white:hover { caret-color: var(--white); }
  .sm-focus-caret-white:focus { caret-color: var(--white); }
  .sm-active-caret-white:active { caret-color: var(--white); }
  .sm-disabled-caret-white:disabled { caret-color: var(--white); }
  .sm-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  .sm-focus-within-caret-white:focus-within { caret-color: var(--white); }
  .sm-group:hover .sm-group-hover-caret-white { caret-color: var(--white); }
  .sm-color-scheme-light { color-scheme: light; }
  .sm-hover-color-scheme-light:hover { color-scheme: light; }
  .sm-focus-color-scheme-light:focus { color-scheme: light; }
  .sm-active-color-scheme-light:active { color-scheme: light; }
  .sm-disabled-color-scheme-light:disabled { color-scheme: light; }
  .sm-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .sm-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .sm-group:hover .sm-group-hover-color-scheme-light { color-scheme: light; }
  .sm-color-scheme-dark { color-scheme: dark; }
  .sm-hover-color-scheme-dark:hover { color-scheme: dark; }
  .sm-focus-color-scheme-dark:focus { color-scheme: dark; }
  .sm-active-color-scheme-dark:active { color-scheme: dark; }
  .sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .sm-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .sm-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .sm-group:hover .sm-group-hover-color-scheme-dark { color-scheme: dark; }
  .sm-color-scheme-normal { color-scheme: normal; }
  .sm-hover-color-scheme-normal:hover { color-scheme: normal; }
  .sm-focus-color-scheme-normal:focus { color-scheme: normal; }
  .sm-active-color-scheme-normal:active { color-scheme: normal; }
  .sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .sm-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .sm-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .sm-group:hover .sm-group-hover-color-scheme-normal { color-scheme: normal; }
  .sm-cursor-auto { cursor: auto; }
  .sm-hover-cursor-auto:hover { cursor: auto; }
  .sm-focus-cursor-auto:focus { cursor: auto; }
  .sm-active-cursor-auto:active { cursor: auto; }
  .sm-disabled-cursor-auto:disabled { cursor: auto; }
  .sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  .sm-group:hover .sm-group-hover-cursor-auto { cursor: auto; }
  .sm-cursor-default { cursor: default; }
  .sm-hover-cursor-default:hover { cursor: default; }
  .sm-focus-cursor-default:focus { cursor: default; }
  .sm-active-cursor-default:active { cursor: default; }
  .sm-disabled-cursor-default:disabled { cursor: default; }
  .sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  .sm-focus-within-cursor-default:focus-within { cursor: default; }
  .sm-group:hover .sm-group-hover-cursor-default { cursor: default; }
  .sm-cursor-pointer { cursor: pointer; }
  .sm-hover-cursor-pointer:hover { cursor: pointer; }
  .sm-focus-cursor-pointer:focus { cursor: pointer; }
  .sm-active-cursor-pointer:active { cursor: pointer; }
  .sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  .sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .sm-group:hover .sm-group-hover-cursor-pointer { cursor: pointer; }
  .sm-cursor-wait { cursor: wait; }
  .sm-hover-cursor-wait:hover { cursor: wait; }
  .sm-focus-cursor-wait:focus { cursor: wait; }
  .sm-active-cursor-wait:active { cursor: wait; }
  .sm-disabled-cursor-wait:disabled { cursor: wait; }
  .sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  .sm-group:hover .sm-group-hover-cursor-wait { cursor: wait; }
  .sm-cursor-text { cursor: text; }
  .sm-hover-cursor-text:hover { cursor: text; }
  .sm-focus-cursor-text:focus { cursor: text; }
  .sm-active-cursor-text:active { cursor: text; }
  .sm-disabled-cursor-text:disabled { cursor: text; }
  .sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  .sm-focus-within-cursor-text:focus-within { cursor: text; }
  .sm-group:hover .sm-group-hover-cursor-text { cursor: text; }
  .sm-cursor-move { cursor: move; }
  .sm-hover-cursor-move:hover { cursor: move; }
  .sm-focus-cursor-move:focus { cursor: move; }
  .sm-active-cursor-move:active { cursor: move; }
  .sm-disabled-cursor-move:disabled { cursor: move; }
  .sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  .sm-focus-within-cursor-move:focus-within { cursor: move; }
  .sm-group:hover .sm-group-hover-cursor-move { cursor: move; }
  .sm-cursor-not-allowed { cursor: not-allowed; }
  .sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  .sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .sm-group:hover .sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .sm-cursor-none { cursor: none; }
  .sm-hover-cursor-none:hover { cursor: none; }
  .sm-focus-cursor-none:focus { cursor: none; }
  .sm-active-cursor-none:active { cursor: none; }
  .sm-disabled-cursor-none:disabled { cursor: none; }
  .sm-focus-visible-cursor-none:focus-visible { cursor: none; }
  .sm-focus-within-cursor-none:focus-within { cursor: none; }
  .sm-group:hover .sm-group-hover-cursor-none { cursor: none; }
  .sm-pointer-events-none { pointer-events: none; }
  .sm-hover-pointer-events-none:hover { pointer-events: none; }
  .sm-focus-pointer-events-none:focus { pointer-events: none; }
  .sm-active-pointer-events-none:active { pointer-events: none; }
  .sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  .sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .sm-group:hover .sm-group-hover-pointer-events-none { pointer-events: none; }
  .sm-pointer-events-auto { pointer-events: auto; }
  .sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  .sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  .sm-active-pointer-events-auto:active { pointer-events: auto; }
  .sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .sm-group:hover .sm-group-hover-pointer-events-auto { pointer-events: auto; }
  .sm-resize-none { resize: none; }
  .sm-hover-resize-none:hover { resize: none; }
  .sm-focus-resize-none:focus { resize: none; }
  .sm-active-resize-none:active { resize: none; }
  .sm-disabled-resize-none:disabled { resize: none; }
  .sm-focus-visible-resize-none:focus-visible { resize: none; }
  .sm-focus-within-resize-none:focus-within { resize: none; }
  .sm-group:hover .sm-group-hover-resize-none { resize: none; }
  .sm-resize-x { resize: horizontal; }
  .sm-hover-resize-x:hover { resize: horizontal; }
  .sm-focus-resize-x:focus { resize: horizontal; }
  .sm-active-resize-x:active { resize: horizontal; }
  .sm-disabled-resize-x:disabled { resize: horizontal; }
  .sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .sm-focus-within-resize-x:focus-within { resize: horizontal; }
  .sm-group:hover .sm-group-hover-resize-x { resize: horizontal; }
  .sm-resize-y { resize: vertical; }
  .sm-hover-resize-y:hover { resize: vertical; }
  .sm-focus-resize-y:focus { resize: vertical; }
  .sm-active-resize-y:active { resize: vertical; }
  .sm-disabled-resize-y:disabled { resize: vertical; }
  .sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  .sm-focus-within-resize-y:focus-within { resize: vertical; }
  .sm-group:hover .sm-group-hover-resize-y { resize: vertical; }
  .sm-resize { resize: both; }
  .sm-hover-resize:hover { resize: both; }
  .sm-focus-resize:focus { resize: both; }
  .sm-active-resize:active { resize: both; }
  .sm-disabled-resize:disabled { resize: both; }
  .sm-focus-visible-resize:focus-visible { resize: both; }
  .sm-focus-within-resize:focus-within { resize: both; }
  .sm-group:hover .sm-group-hover-resize { resize: both; }
  .sm-scroll-auto { scroll-behavior: auto; }
  .sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  .sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  .sm-active-scroll-auto:active { scroll-behavior: auto; }
  .sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .sm-group:hover .sm-group-hover-scroll-auto { scroll-behavior: auto; }
  .sm-scroll-smooth { scroll-behavior: smooth; }
  .sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  .sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .sm-group:hover .sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .sm-scroll-m-0 { scroll-margin: 0rem; }
  .sm-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  .sm-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  .sm-active-scroll-m-0:active { scroll-margin: 0rem; }
  .sm-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  .sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  .sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  .sm-group:hover .sm-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  .sm-scroll-p-0 { scroll-padding: 0rem; }
  .sm-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  .sm-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  .sm-active-scroll-p-0:active { scroll-padding: 0rem; }
  .sm-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  .sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  .sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  .sm-group:hover .sm-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  .sm-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .sm-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  .sm-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  .sm-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  .sm-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  .sm-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  .sm-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  .sm-group:hover .sm-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .sm-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .sm-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  .sm-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  .sm-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  .sm-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  .sm-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  .sm-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  .sm-group:hover .sm-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .sm-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .sm-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  .sm-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  .sm-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  .sm-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  .sm-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  .sm-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .sm-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .sm-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  .sm-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  .sm-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  .sm-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  .sm-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  .sm-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .sm-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .sm-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  .sm-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  .sm-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  .sm-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  .sm-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  .sm-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .sm-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .sm-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  .sm-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  .sm-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  .sm-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  .sm-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  .sm-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .sm-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .sm-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  .sm-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  .sm-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  .sm-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  .sm-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  .sm-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  .sm-group:hover .sm-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .sm-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .sm-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  .sm-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  .sm-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  .sm-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  .sm-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  .sm-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  .sm-group:hover .sm-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .sm-scroll-m-1 { scroll-margin: 1rem; }
  .sm-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  .sm-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  .sm-active-scroll-m-1:active { scroll-margin: 1rem; }
  .sm-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  .sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  .sm-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  .sm-scroll-p-1 { scroll-padding: 1rem; }
  .sm-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  .sm-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  .sm-active-scroll-p-1:active { scroll-padding: 1rem; }
  .sm-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  .sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  .sm-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  .sm-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .sm-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  .sm-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  .sm-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  .sm-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  .sm-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  .sm-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  .sm-group:hover .sm-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .sm-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .sm-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  .sm-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  .sm-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  .sm-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  .sm-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  .sm-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  .sm-group:hover .sm-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .sm-scroll-m-2 { scroll-margin: 2rem; }
  .sm-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  .sm-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  .sm-active-scroll-m-2:active { scroll-margin: 2rem; }
  .sm-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  .sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  .sm-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  .sm-scroll-p-2 { scroll-padding: 2rem; }
  .sm-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  .sm-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  .sm-active-scroll-p-2:active { scroll-padding: 2rem; }
  .sm-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  .sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  .sm-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  .sm-scroll-m-3 { scroll-margin: 3rem; }
  .sm-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  .sm-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  .sm-active-scroll-m-3:active { scroll-margin: 3rem; }
  .sm-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  .sm-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  .sm-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  .sm-group:hover .sm-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  .sm-scroll-p-3 { scroll-padding: 3rem; }
  .sm-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  .sm-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  .sm-active-scroll-p-3:active { scroll-padding: 3rem; }
  .sm-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  .sm-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  .sm-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  .sm-group:hover .sm-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  .sm-scroll-m-4 { scroll-margin: 4rem; }
  .sm-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  .sm-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  .sm-active-scroll-m-4:active { scroll-margin: 4rem; }
  .sm-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  .sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  .sm-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  .sm-group:hover .sm-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  .sm-scroll-p-4 { scroll-padding: 4rem; }
  .sm-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  .sm-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  .sm-active-scroll-p-4:active { scroll-padding: 4rem; }
  .sm-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  .sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  .sm-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  .sm-group:hover .sm-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  .sm-snap-x { scroll-snap-type: x mandatory; }
  .sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .sm-active-snap-x:active { scroll-snap-type: x mandatory; }
  .sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .sm-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .sm-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .sm-group:hover .sm-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .sm-snap-y { scroll-snap-type: y mandatory; }
  .sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .sm-active-snap-y:active { scroll-snap-type: y mandatory; }
  .sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .sm-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .sm-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .sm-group:hover .sm-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .sm-snap-both { scroll-snap-type: both mandatory; }
  .sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .sm-active-snap-both:active { scroll-snap-type: both mandatory; }
  .sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .sm-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .sm-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .sm-group:hover .sm-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .sm-snap-align-start { scroll-snap-align: start; }
  .sm-hover-snap-align-start:hover { scroll-snap-align: start; }
  .sm-focus-snap-align-start:focus { scroll-snap-align: start; }
  .sm-active-snap-align-start:active { scroll-snap-align: start; }
  .sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .sm-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .sm-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .sm-group:hover .sm-group-hover-snap-align-start { scroll-snap-align: start; }
  .sm-snap-align-end { scroll-snap-align: end; }
  .sm-hover-snap-align-end:hover { scroll-snap-align: end; }
  .sm-focus-snap-align-end:focus { scroll-snap-align: end; }
  .sm-active-snap-align-end:active { scroll-snap-align: end; }
  .sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .sm-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .sm-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .sm-group:hover .sm-group-hover-snap-align-end { scroll-snap-align: end; }
  .sm-snap-align-center { scroll-snap-align: center; }
  .sm-hover-snap-align-center:hover { scroll-snap-align: center; }
  .sm-focus-snap-align-center:focus { scroll-snap-align: center; }
  .sm-active-snap-align-center:active { scroll-snap-align: center; }
  .sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .sm-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .sm-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .sm-group:hover .sm-group-hover-snap-align-center { scroll-snap-align: center; }
  .sm-snap-align-none { scroll-snap-align: none; }
  .sm-hover-snap-align-none:hover { scroll-snap-align: none; }
  .sm-focus-snap-align-none:focus { scroll-snap-align: none; }
  .sm-active-snap-align-none:active { scroll-snap-align: none; }
  .sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .sm-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .sm-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .sm-group:hover .sm-group-hover-snap-align-none { scroll-snap-align: none; }
  .sm-snap-stop-normal { scroll-snap-stop: normal; }
  .sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .sm-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .sm-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .sm-group:hover .sm-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .sm-snap-stop-always { scroll-snap-stop: always; }
  .sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .sm-active-snap-stop-always:active { scroll-snap-stop: always; }
  .sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .sm-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .sm-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .sm-group:hover .sm-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .sm-touch-auto { touch-action: auto; }
  .sm-hover-touch-auto:hover { touch-action: auto; }
  .sm-focus-touch-auto:focus { touch-action: auto; }
  .sm-active-touch-auto:active { touch-action: auto; }
  .sm-disabled-touch-auto:disabled { touch-action: auto; }
  .sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  .sm-group:hover .sm-group-hover-touch-auto { touch-action: auto; }
  .sm-touch-none { touch-action: none; }
  .sm-hover-touch-none:hover { touch-action: none; }
  .sm-focus-touch-none:focus { touch-action: none; }
  .sm-active-touch-none:active { touch-action: none; }
  .sm-disabled-touch-none:disabled { touch-action: none; }
  .sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  .sm-focus-within-touch-none:focus-within { touch-action: none; }
  .sm-group:hover .sm-group-hover-touch-none { touch-action: none; }
  .sm-touch-pan_x { touch-action: pan-x; }
  .sm-hover-touch-pan_x:hover { touch-action: pan-x; }
  .sm-focus-touch-pan_x:focus { touch-action: pan-x; }
  .sm-active-touch-pan_x:active { touch-action: pan-x; }
  .sm-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  .sm-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  .sm-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  .sm-group:hover .sm-group-hover-touch-pan_x { touch-action: pan-x; }
  .sm-touch-pan_y { touch-action: pan-y; }
  .sm-hover-touch-pan_y:hover { touch-action: pan-y; }
  .sm-focus-touch-pan_y:focus { touch-action: pan-y; }
  .sm-active-touch-pan_y:active { touch-action: pan-y; }
  .sm-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  .sm-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  .sm-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  .sm-group:hover .sm-group-hover-touch-pan_y { touch-action: pan-y; }
  .sm-touch-manipulation { touch-action: manipulation; }
  .sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  .sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  .sm-active-touch-manipulation:active { touch-action: manipulation; }
  .sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .sm-group:hover .sm-group-hover-touch-manipulation { touch-action: manipulation; }
  .sm-select-auto { user-select: auto; }
  .sm-hover-select-auto:hover { user-select: auto; }
  .sm-focus-select-auto:focus { user-select: auto; }
  .sm-active-select-auto:active { user-select: auto; }
  .sm-disabled-select-auto:disabled { user-select: auto; }
  .sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  .sm-focus-within-select-auto:focus-within { user-select: auto; }
  .sm-group:hover .sm-group-hover-select-auto { user-select: auto; }
  .sm-select-none { user-select: none; }
  .sm-hover-select-none:hover { user-select: none; }
  .sm-focus-select-none:focus { user-select: none; }
  .sm-active-select-none:active { user-select: none; }
  .sm-disabled-select-none:disabled { user-select: none; }
  .sm-focus-visible-select-none:focus-visible { user-select: none; }
  .sm-focus-within-select-none:focus-within { user-select: none; }
  .sm-group:hover .sm-group-hover-select-none { user-select: none; }
  .sm-select-text { user-select: text; }
  .sm-hover-select-text:hover { user-select: text; }
  .sm-focus-select-text:focus { user-select: text; }
  .sm-active-select-text:active { user-select: text; }
  .sm-disabled-select-text:disabled { user-select: text; }
  .sm-focus-visible-select-text:focus-visible { user-select: text; }
  .sm-focus-within-select-text:focus-within { user-select: text; }
  .sm-group:hover .sm-group-hover-select-text { user-select: text; }
  .sm-select-all { user-select: all; }
  .sm-hover-select-all:hover { user-select: all; }
  .sm-focus-select-all:focus { user-select: all; }
  .sm-active-select-all:active { user-select: all; }
  .sm-disabled-select-all:disabled { user-select: all; }
  .sm-focus-visible-select-all:focus-visible { user-select: all; }
  .sm-focus-within-select-all:focus-within { user-select: all; }
  .sm-group:hover .sm-group-hover-select-all { user-select: all; }
  .sm-select-contain { user-select: contain; }
  .sm-hover-select-contain:hover { user-select: contain; }
  .sm-focus-select-contain:focus { user-select: contain; }
  .sm-active-select-contain:active { user-select: contain; }
  .sm-disabled-select-contain:disabled { user-select: contain; }
  .sm-focus-visible-select-contain:focus-visible { user-select: contain; }
  .sm-focus-within-select-contain:focus-within { user-select: contain; }
  .sm-group:hover .sm-group-hover-select-contain { user-select: contain; }
  .sm-will-change-auto { will-change: auto; }
  .sm-hover-will-change-auto:hover { will-change: auto; }
  .sm-focus-will-change-auto:focus { will-change: auto; }
  .sm-active-will-change-auto:active { will-change: auto; }
  .sm-disabled-will-change-auto:disabled { will-change: auto; }
  .sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  .sm-group:hover .sm-group-hover-will-change-auto { will-change: auto; }
  .sm-will-change-scroll { will-change: scroll; }
  .sm-hover-will-change-scroll:hover { will-change: scroll; }
  .sm-focus-will-change-scroll:focus { will-change: scroll; }
  .sm-active-will-change-scroll:active { will-change: scroll; }
  .sm-disabled-will-change-scroll:disabled { will-change: scroll; }
  .sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .sm-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .sm-group:hover .sm-group-hover-will-change-scroll { will-change: scroll; }
  .sm-will-change-transform { will-change: transform; }
  .sm-hover-will-change-transform:hover { will-change: transform; }
  .sm-focus-will-change-transform:focus { will-change: transform; }
  .sm-active-will-change-transform:active { will-change: transform; }
  .sm-disabled-will-change-transform:disabled { will-change: transform; }
  .sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  .sm-group:hover .sm-group-hover-will-change-transform { will-change: transform; }
  .sm-will-change-opacity { will-change: opacity; }
  .sm-hover-will-change-opacity:hover { will-change: opacity; }
  .sm-focus-will-change-opacity:focus { will-change: opacity; }
  .sm-active-will-change-opacity:active { will-change: opacity; }
  .sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  .sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .sm-group:hover .sm-group-hover-will-change-opacity { will-change: opacity; }
  .sm-will-change-contents { will-change: contents; }
  .sm-hover-will-change-contents:hover { will-change: contents; }
  .sm-focus-will-change-contents:focus { will-change: contents; }
  .sm-active-will-change-contents:active { will-change: contents; }
  .sm-disabled-will-change-contents:disabled { will-change: contents; }
  .sm-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .sm-focus-within-will-change-contents:focus-within { will-change: contents; }
  .sm-group:hover .sm-group-hover-will-change-contents { will-change: contents; }
  .sm-color-scheme-light { color-scheme: light; }
  .sm-hover-color-scheme-light:hover { color-scheme: light; }
  .sm-focus-color-scheme-light:focus { color-scheme: light; }
  .sm-active-color-scheme-light:active { color-scheme: light; }
  .sm-disabled-color-scheme-light:disabled { color-scheme: light; }
  .sm-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .sm-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .sm-group:hover .sm-group-hover-color-scheme-light { color-scheme: light; }
  .sm-color-scheme-dark { color-scheme: dark; }
  .sm-hover-color-scheme-dark:hover { color-scheme: dark; }
  .sm-focus-color-scheme-dark:focus { color-scheme: dark; }
  .sm-active-color-scheme-dark:active { color-scheme: dark; }
  .sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .sm-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .sm-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .sm-group:hover .sm-group-hover-color-scheme-dark { color-scheme: dark; }
  .sm-color-scheme-normal { color-scheme: normal; }
  .sm-hover-color-scheme-normal:hover { color-scheme: normal; }
  .sm-focus-color-scheme-normal:focus { color-scheme: normal; }
  .sm-active-color-scheme-normal:active { color-scheme: normal; }
  .sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .sm-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .sm-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .sm-group:hover .sm-group-hover-color-scheme-normal { color-scheme: normal; }
  .sm-cursor-auto { cursor: auto; }
  .sm-hover-cursor-auto:hover { cursor: auto; }
  .sm-focus-cursor-auto:focus { cursor: auto; }
  .sm-active-cursor-auto:active { cursor: auto; }
  .sm-disabled-cursor-auto:disabled { cursor: auto; }
  .sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  .sm-group:hover .sm-group-hover-cursor-auto { cursor: auto; }
  .sm-cursor-default { cursor: default; }
  .sm-hover-cursor-default:hover { cursor: default; }
  .sm-focus-cursor-default:focus { cursor: default; }
  .sm-active-cursor-default:active { cursor: default; }
  .sm-disabled-cursor-default:disabled { cursor: default; }
  .sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  .sm-focus-within-cursor-default:focus-within { cursor: default; }
  .sm-group:hover .sm-group-hover-cursor-default { cursor: default; }
  .sm-cursor-pointer { cursor: pointer; }
  .sm-hover-cursor-pointer:hover { cursor: pointer; }
  .sm-focus-cursor-pointer:focus { cursor: pointer; }
  .sm-active-cursor-pointer:active { cursor: pointer; }
  .sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  .sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .sm-group:hover .sm-group-hover-cursor-pointer { cursor: pointer; }
  .sm-cursor-wait { cursor: wait; }
  .sm-hover-cursor-wait:hover { cursor: wait; }
  .sm-focus-cursor-wait:focus { cursor: wait; }
  .sm-active-cursor-wait:active { cursor: wait; }
  .sm-disabled-cursor-wait:disabled { cursor: wait; }
  .sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  .sm-group:hover .sm-group-hover-cursor-wait { cursor: wait; }
  .sm-cursor-text { cursor: text; }
  .sm-hover-cursor-text:hover { cursor: text; }
  .sm-focus-cursor-text:focus { cursor: text; }
  .sm-active-cursor-text:active { cursor: text; }
  .sm-disabled-cursor-text:disabled { cursor: text; }
  .sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  .sm-focus-within-cursor-text:focus-within { cursor: text; }
  .sm-group:hover .sm-group-hover-cursor-text { cursor: text; }
  .sm-cursor-move { cursor: move; }
  .sm-hover-cursor-move:hover { cursor: move; }
  .sm-focus-cursor-move:focus { cursor: move; }
  .sm-active-cursor-move:active { cursor: move; }
  .sm-disabled-cursor-move:disabled { cursor: move; }
  .sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  .sm-focus-within-cursor-move:focus-within { cursor: move; }
  .sm-group:hover .sm-group-hover-cursor-move { cursor: move; }
  .sm-cursor-not-allowed { cursor: not-allowed; }
  .sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  .sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .sm-group:hover .sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .sm-cursor-none { cursor: none; }
  .sm-hover-cursor-none:hover { cursor: none; }
  .sm-focus-cursor-none:focus { cursor: none; }
  .sm-active-cursor-none:active { cursor: none; }
  .sm-disabled-cursor-none:disabled { cursor: none; }
  .sm-focus-visible-cursor-none:focus-visible { cursor: none; }
  .sm-focus-within-cursor-none:focus-within { cursor: none; }
  .sm-group:hover .sm-group-hover-cursor-none { cursor: none; }
  .sm-pointer-events-none { pointer-events: none; }
  .sm-hover-pointer-events-none:hover { pointer-events: none; }
  .sm-focus-pointer-events-none:focus { pointer-events: none; }
  .sm-active-pointer-events-none:active { pointer-events: none; }
  .sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  .sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .sm-group:hover .sm-group-hover-pointer-events-none { pointer-events: none; }
  .sm-pointer-events-auto { pointer-events: auto; }
  .sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  .sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  .sm-active-pointer-events-auto:active { pointer-events: auto; }
  .sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .sm-group:hover .sm-group-hover-pointer-events-auto { pointer-events: auto; }
  .sm-resize-none { resize: none; }
  .sm-hover-resize-none:hover { resize: none; }
  .sm-focus-resize-none:focus { resize: none; }
  .sm-active-resize-none:active { resize: none; }
  .sm-disabled-resize-none:disabled { resize: none; }
  .sm-focus-visible-resize-none:focus-visible { resize: none; }
  .sm-focus-within-resize-none:focus-within { resize: none; }
  .sm-group:hover .sm-group-hover-resize-none { resize: none; }
  .sm-resize-x { resize: horizontal; }
  .sm-hover-resize-x:hover { resize: horizontal; }
  .sm-focus-resize-x:focus { resize: horizontal; }
  .sm-active-resize-x:active { resize: horizontal; }
  .sm-disabled-resize-x:disabled { resize: horizontal; }
  .sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .sm-focus-within-resize-x:focus-within { resize: horizontal; }
  .sm-group:hover .sm-group-hover-resize-x { resize: horizontal; }
  .sm-resize-y { resize: vertical; }
  .sm-hover-resize-y:hover { resize: vertical; }
  .sm-focus-resize-y:focus { resize: vertical; }
  .sm-active-resize-y:active { resize: vertical; }
  .sm-disabled-resize-y:disabled { resize: vertical; }
  .sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  .sm-focus-within-resize-y:focus-within { resize: vertical; }
  .sm-group:hover .sm-group-hover-resize-y { resize: vertical; }
  .sm-resize { resize: both; }
  .sm-hover-resize:hover { resize: both; }
  .sm-focus-resize:focus { resize: both; }
  .sm-active-resize:active { resize: both; }
  .sm-disabled-resize:disabled { resize: both; }
  .sm-focus-visible-resize:focus-visible { resize: both; }
  .sm-focus-within-resize:focus-within { resize: both; }
  .sm-group:hover .sm-group-hover-resize { resize: both; }
  .sm-scroll-auto { scroll-behavior: auto; }
  .sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  .sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  .sm-active-scroll-auto:active { scroll-behavior: auto; }
  .sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .sm-group:hover .sm-group-hover-scroll-auto { scroll-behavior: auto; }
  .sm-scroll-smooth { scroll-behavior: smooth; }
  .sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  .sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .sm-group:hover .sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .sm-scroll-m-0 { scroll-margin: 0; }
  .sm-hover-scroll-m-0:hover { scroll-margin: 0; }
  .sm-focus-scroll-m-0:focus { scroll-margin: 0; }
  .sm-active-scroll-m-0:active { scroll-margin: 0; }
  .sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .sm-group:hover .sm-group-hover-scroll-m-0 { scroll-margin: 0; }
  .sm-scroll-m-1 { scroll-margin: 0.25rem; }
  .sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .sm-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .sm-scroll-m-2 { scroll-margin: 0.5rem; }
  .sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .sm-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .sm-scroll-m-4 { scroll-margin: 1rem; }
  .sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .sm-active-scroll-m-4:active { scroll-margin: 1rem; }
  .sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .sm-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .sm-scroll-m-8 { scroll-margin: 2rem; }
  .sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .sm-active-scroll-m-8:active { scroll-margin: 2rem; }
  .sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .sm-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .sm-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .sm-scroll-p-0 { scroll-padding: 0; }
  .sm-hover-scroll-p-0:hover { scroll-padding: 0; }
  .sm-focus-scroll-p-0:focus { scroll-padding: 0; }
  .sm-active-scroll-p-0:active { scroll-padding: 0; }
  .sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .sm-group:hover .sm-group-hover-scroll-p-0 { scroll-padding: 0; }
  .sm-scroll-p-1 { scroll-padding: 0.25rem; }
  .sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .sm-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .sm-scroll-p-2 { scroll-padding: 0.5rem; }
  .sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .sm-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .sm-scroll-p-4 { scroll-padding: 1rem; }
  .sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .sm-active-scroll-p-4:active { scroll-padding: 1rem; }
  .sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .sm-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .sm-scroll-p-8 { scroll-padding: 2rem; }
  .sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .sm-active-scroll-p-8:active { scroll-padding: 2rem; }
  .sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .sm-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .sm-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .sm-snap-x { scroll-snap-type: x mandatory; }
  .sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .sm-active-snap-x:active { scroll-snap-type: x mandatory; }
  .sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .sm-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .sm-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .sm-group:hover .sm-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .sm-snap-y { scroll-snap-type: y mandatory; }
  .sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .sm-active-snap-y:active { scroll-snap-type: y mandatory; }
  .sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .sm-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .sm-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .sm-group:hover .sm-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .sm-snap-both { scroll-snap-type: both mandatory; }
  .sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .sm-active-snap-both:active { scroll-snap-type: both mandatory; }
  .sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .sm-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .sm-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .sm-group:hover .sm-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .sm-snap-align-start { scroll-snap-align: start; }
  .sm-hover-snap-align-start:hover { scroll-snap-align: start; }
  .sm-focus-snap-align-start:focus { scroll-snap-align: start; }
  .sm-active-snap-align-start:active { scroll-snap-align: start; }
  .sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .sm-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .sm-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .sm-group:hover .sm-group-hover-snap-align-start { scroll-snap-align: start; }
  .sm-snap-align-center { scroll-snap-align: center; }
  .sm-hover-snap-align-center:hover { scroll-snap-align: center; }
  .sm-focus-snap-align-center:focus { scroll-snap-align: center; }
  .sm-active-snap-align-center:active { scroll-snap-align: center; }
  .sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .sm-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .sm-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .sm-group:hover .sm-group-hover-snap-align-center { scroll-snap-align: center; }
  .sm-snap-align-end { scroll-snap-align: end; }
  .sm-hover-snap-align-end:hover { scroll-snap-align: end; }
  .sm-focus-snap-align-end:focus { scroll-snap-align: end; }
  .sm-active-snap-align-end:active { scroll-snap-align: end; }
  .sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .sm-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .sm-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .sm-group:hover .sm-group-hover-snap-align-end { scroll-snap-align: end; }
  .sm-snap-align-none { scroll-snap-align: none; }
  .sm-hover-snap-align-none:hover { scroll-snap-align: none; }
  .sm-focus-snap-align-none:focus { scroll-snap-align: none; }
  .sm-active-snap-align-none:active { scroll-snap-align: none; }
  .sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .sm-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .sm-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .sm-group:hover .sm-group-hover-snap-align-none { scroll-snap-align: none; }
  .sm-snap-stop-normal { scroll-snap-stop: normal; }
  .sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .sm-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .sm-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .sm-group:hover .sm-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .sm-snap-stop-always { scroll-snap-stop: always; }
  .sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .sm-active-snap-stop-always:active { scroll-snap-stop: always; }
  .sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .sm-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .sm-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .sm-group:hover .sm-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .sm-touch-auto { touch-action: auto; }
  .sm-hover-touch-auto:hover { touch-action: auto; }
  .sm-focus-touch-auto:focus { touch-action: auto; }
  .sm-active-touch-auto:active { touch-action: auto; }
  .sm-disabled-touch-auto:disabled { touch-action: auto; }
  .sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  .sm-group:hover .sm-group-hover-touch-auto { touch-action: auto; }
  .sm-touch-none { touch-action: none; }
  .sm-hover-touch-none:hover { touch-action: none; }
  .sm-focus-touch-none:focus { touch-action: none; }
  .sm-active-touch-none:active { touch-action: none; }
  .sm-disabled-touch-none:disabled { touch-action: none; }
  .sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  .sm-focus-within-touch-none:focus-within { touch-action: none; }
  .sm-group:hover .sm-group-hover-touch-none { touch-action: none; }
  .sm-touch-pan-x { touch-action: pan-x; }
  .sm-hover-touch-pan-x:hover { touch-action: pan-x; }
  .sm-focus-touch-pan-x:focus { touch-action: pan-x; }
  .sm-active-touch-pan-x:active { touch-action: pan-x; }
  .sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .sm-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .sm-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .sm-group:hover .sm-group-hover-touch-pan-x { touch-action: pan-x; }
  .sm-touch-pan-y { touch-action: pan-y; }
  .sm-hover-touch-pan-y:hover { touch-action: pan-y; }
  .sm-focus-touch-pan-y:focus { touch-action: pan-y; }
  .sm-active-touch-pan-y:active { touch-action: pan-y; }
  .sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .sm-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .sm-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .sm-group:hover .sm-group-hover-touch-pan-y { touch-action: pan-y; }
  .sm-touch-manipulation { touch-action: manipulation; }
  .sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  .sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  .sm-active-touch-manipulation:active { touch-action: manipulation; }
  .sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .sm-group:hover .sm-group-hover-touch-manipulation { touch-action: manipulation; }
  .sm-select-auto { user-select: auto; }
  .sm-hover-select-auto:hover { user-select: auto; }
  .sm-focus-select-auto:focus { user-select: auto; }
  .sm-active-select-auto:active { user-select: auto; }
  .sm-disabled-select-auto:disabled { user-select: auto; }
  .sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  .sm-focus-within-select-auto:focus-within { user-select: auto; }
  .sm-group:hover .sm-group-hover-select-auto { user-select: auto; }
  .sm-select-none { user-select: none; }
  .sm-hover-select-none:hover { user-select: none; }
  .sm-focus-select-none:focus { user-select: none; }
  .sm-active-select-none:active { user-select: none; }
  .sm-disabled-select-none:disabled { user-select: none; }
  .sm-focus-visible-select-none:focus-visible { user-select: none; }
  .sm-focus-within-select-none:focus-within { user-select: none; }
  .sm-group:hover .sm-group-hover-select-none { user-select: none; }
  .sm-select-text { user-select: text; }
  .sm-hover-select-text:hover { user-select: text; }
  .sm-focus-select-text:focus { user-select: text; }
  .sm-active-select-text:active { user-select: text; }
  .sm-disabled-select-text:disabled { user-select: text; }
  .sm-focus-visible-select-text:focus-visible { user-select: text; }
  .sm-focus-within-select-text:focus-within { user-select: text; }
  .sm-group:hover .sm-group-hover-select-text { user-select: text; }
  .sm-select-all { user-select: all; }
  .sm-hover-select-all:hover { user-select: all; }
  .sm-focus-select-all:focus { user-select: all; }
  .sm-active-select-all:active { user-select: all; }
  .sm-disabled-select-all:disabled { user-select: all; }
  .sm-focus-visible-select-all:focus-visible { user-select: all; }
  .sm-focus-within-select-all:focus-within { user-select: all; }
  .sm-group:hover .sm-group-hover-select-all { user-select: all; }
  .sm-select-contain { user-select: contain; }
  .sm-hover-select-contain:hover { user-select: contain; }
  .sm-focus-select-contain:focus { user-select: contain; }
  .sm-active-select-contain:active { user-select: contain; }
  .sm-disabled-select-contain:disabled { user-select: contain; }
  .sm-focus-visible-select-contain:focus-visible { user-select: contain; }
  .sm-focus-within-select-contain:focus-within { user-select: contain; }
  .sm-group:hover .sm-group-hover-select-contain { user-select: contain; }
  .sm-will-change-auto { will-change: auto; }
  .sm-hover-will-change-auto:hover { will-change: auto; }
  .sm-focus-will-change-auto:focus { will-change: auto; }
  .sm-active-will-change-auto:active { will-change: auto; }
  .sm-disabled-will-change-auto:disabled { will-change: auto; }
  .sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  .sm-group:hover .sm-group-hover-will-change-auto { will-change: auto; }
  .sm-will-change-scroll { will-change: scroll; }
  .sm-hover-will-change-scroll:hover { will-change: scroll; }
  .sm-focus-will-change-scroll:focus { will-change: scroll; }
  .sm-active-will-change-scroll:active { will-change: scroll; }
  .sm-disabled-will-change-scroll:disabled { will-change: scroll; }
  .sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .sm-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .sm-group:hover .sm-group-hover-will-change-scroll { will-change: scroll; }
  .sm-will-change-transform { will-change: transform; }
  .sm-hover-will-change-transform:hover { will-change: transform; }
  .sm-focus-will-change-transform:focus { will-change: transform; }
  .sm-active-will-change-transform:active { will-change: transform; }
  .sm-disabled-will-change-transform:disabled { will-change: transform; }
  .sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  .sm-group:hover .sm-group-hover-will-change-transform { will-change: transform; }
  .sm-will-change-opacity { will-change: opacity; }
  .sm-hover-will-change-opacity:hover { will-change: opacity; }
  .sm-focus-will-change-opacity:focus { will-change: opacity; }
  .sm-active-will-change-opacity:active { will-change: opacity; }
  .sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  .sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .sm-group:hover .sm-group-hover-will-change-opacity { will-change: opacity; }
  .sm-will-change-contents { will-change: contents; }
  .sm-hover-will-change-contents:hover { will-change: contents; }
  .sm-focus-will-change-contents:focus { will-change: contents; }
  .sm-active-will-change-contents:active { will-change: contents; }
  .sm-disabled-will-change-contents:disabled { will-change: contents; }
  .sm-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .sm-focus-within-will-change-contents:focus-within { will-change: contents; }
  .sm-group:hover .sm-group-hover-will-change-contents { will-change: contents; }
  .sm-field-sizing-auto { block-size: auto; inline-size: auto; }
  .sm-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  .sm-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  .sm-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  .sm-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  .sm-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  .sm-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  .sm-group:hover .sm-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  .sm-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .sm-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  .sm-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  .sm-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  .sm-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  .sm-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  .sm-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  .sm-group:hover .sm-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .sm-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .sm-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  .sm-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  .sm-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  .sm-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  .sm-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  .sm-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  .sm-group:hover .sm-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .sm-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .sm-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  .sm-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  .sm-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  .sm-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  .sm-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  .sm-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  .sm-group:hover .sm-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .sm-aspect-auto { aspect-ratio: auto; }
  .sm-hover-aspect-auto:hover { aspect-ratio: auto; }
  .sm-focus-aspect-auto:focus { aspect-ratio: auto; }
  .sm-active-aspect-auto:active { aspect-ratio: auto; }
  .sm-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  .sm-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  .sm-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  .sm-group:hover .sm-group-hover-aspect-auto { aspect-ratio: auto; }
  .sm-aspect-square { aspect-ratio: 1 / 1; }
  .sm-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  .sm-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  .sm-active-aspect-square:active { aspect-ratio: 1 / 1; }
  .sm-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  .sm-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  .sm-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  .sm-group:hover .sm-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  .sm-aspect-video { aspect-ratio: 16 / 9; }
  .sm-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  .sm-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  .sm-active-aspect-video:active { aspect-ratio: 16 / 9; }
  .sm-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  .sm-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  .sm-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  .sm-group:hover .sm-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  .sm-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .sm-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  .sm-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  .sm-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  .sm-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  .sm-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  .sm-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  .sm-group:hover .sm-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .sm-isolation-auto { isolation: auto; }
  .sm-hover-isolation-auto:hover { isolation: auto; }
  .sm-focus-isolation-auto:focus { isolation: auto; }
  .sm-active-isolation-auto:active { isolation: auto; }
  .sm-disabled-isolation-auto:disabled { isolation: auto; }
  .sm-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  .sm-focus-within-isolation-auto:focus-within { isolation: auto; }
  .sm-group:hover .sm-group-hover-isolation-auto { isolation: auto; }
  .sm-isolation-isolate { isolation: isolate; }
  .sm-hover-isolation-isolate:hover { isolation: isolate; }
  .sm-focus-isolation-isolate:focus { isolation: isolate; }
  .sm-active-isolation-isolate:active { isolation: isolate; }
  .sm-disabled-isolation-isolate:disabled { isolation: isolate; }
  .sm-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  .sm-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  .sm-group:hover .sm-group-hover-isolation-isolate { isolation: isolate; }
  .sm-contain-none { contain: none; }
  .sm-hover-contain-none:hover { contain: none; }
  .sm-focus-contain-none:focus { contain: none; }
  .sm-active-contain-none:active { contain: none; }
  .sm-disabled-contain-none:disabled { contain: none; }
  .sm-focus-visible-contain-none:focus-visible { contain: none; }
  .sm-focus-within-contain-none:focus-within { contain: none; }
  .sm-group:hover .sm-group-hover-contain-none { contain: none; }
  .sm-contain-layout { contain: layout; }
  .sm-hover-contain-layout:hover { contain: layout; }
  .sm-focus-contain-layout:focus { contain: layout; }
  .sm-active-contain-layout:active { contain: layout; }
  .sm-disabled-contain-layout:disabled { contain: layout; }
  .sm-focus-visible-contain-layout:focus-visible { contain: layout; }
  .sm-focus-within-contain-layout:focus-within { contain: layout; }
  .sm-group:hover .sm-group-hover-contain-layout { contain: layout; }
  .sm-contain-size { contain: size; }
  .sm-hover-contain-size:hover { contain: size; }
  .sm-focus-contain-size:focus { contain: size; }
  .sm-active-contain-size:active { contain: size; }
  .sm-disabled-contain-size:disabled { contain: size; }
  .sm-focus-visible-contain-size:focus-visible { contain: size; }
  .sm-focus-within-contain-size:focus-within { contain: size; }
  .sm-group:hover .sm-group-hover-contain-size { contain: size; }
  .sm-contain-style { contain: style; }
  .sm-hover-contain-style:hover { contain: style; }
  .sm-focus-contain-style:focus { contain: style; }
  .sm-active-contain-style:active { contain: style; }
  .sm-disabled-contain-style:disabled { contain: style; }
  .sm-focus-visible-contain-style:focus-visible { contain: style; }
  .sm-focus-within-contain-style:focus-within { contain: style; }
  .sm-group:hover .sm-group-hover-contain-style { contain: style; }
  .sm-contain-paint { contain: paint; }
  .sm-hover-contain-paint:hover { contain: paint; }
  .sm-focus-contain-paint:focus { contain: paint; }
  .sm-active-contain-paint:active { contain: paint; }
  .sm-disabled-contain-paint:disabled { contain: paint; }
  .sm-focus-visible-contain-paint:focus-visible { contain: paint; }
  .sm-focus-within-contain-paint:focus-within { contain: paint; }
  .sm-group:hover .sm-group-hover-contain-paint { contain: paint; }
  .sm-contain-content { contain: content; }
  .sm-hover-contain-content:hover { contain: content; }
  .sm-focus-contain-content:focus { contain: content; }
  .sm-active-contain-content:active { contain: content; }
  .sm-disabled-contain-content:disabled { contain: content; }
  .sm-focus-visible-contain-content:focus-visible { contain: content; }
  .sm-focus-within-contain-content:focus-within { contain: content; }
  .sm-group:hover .sm-group-hover-contain-content { contain: content; }
  .sm-content-auto { content-visibility: auto; }
  .sm-hover-content-auto:hover { content-visibility: auto; }
  .sm-focus-content-auto:focus { content-visibility: auto; }
  .sm-active-content-auto:active { content-visibility: auto; }
  .sm-disabled-content-auto:disabled { content-visibility: auto; }
  .sm-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  .sm-focus-within-content-auto:focus-within { content-visibility: auto; }
  .sm-group:hover .sm-group-hover-content-auto { content-visibility: auto; }
  .sm-content-hidden { content-visibility: hidden; }
  .sm-hover-content-hidden:hover { content-visibility: hidden; }
  .sm-focus-content-hidden:focus { content-visibility: hidden; }
  .sm-active-content-hidden:active { content-visibility: hidden; }
  .sm-disabled-content-hidden:disabled { content-visibility: hidden; }
  .sm-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  .sm-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  .sm-group:hover .sm-group-hover-content-hidden { content-visibility: hidden; }
  .sm-content-visible { content-visibility: visible; }
  .sm-hover-content-visible:hover { content-visibility: visible; }
  .sm-focus-content-visible:focus { content-visibility: visible; }
  .sm-active-content-visible:active { content-visibility: visible; }
  .sm-disabled-content-visible:disabled { content-visibility: visible; }
  .sm-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  .sm-focus-within-content-visible:focus-within { content-visibility: visible; }
  .sm-group:hover .sm-group-hover-content-visible { content-visibility: visible; }
  .sm-box-border { box-sizing: border-box; }
  .sm-hover-box-border:hover { box-sizing: border-box; }
  .sm-focus-box-border:focus { box-sizing: border-box; }
  .sm-active-box-border:active { box-sizing: border-box; }
  .sm-disabled-box-border:disabled { box-sizing: border-box; }
  .sm-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .sm-focus-within-box-border:focus-within { box-sizing: border-box; }
  .sm-group:hover .sm-group-hover-box-border { box-sizing: border-box; }
  .sm-box-content { box-sizing: content-box; }
  .sm-hover-box-content:hover { box-sizing: content-box; }
  .sm-focus-box-content:focus { box-sizing: content-box; }
  .sm-active-box-content:active { box-sizing: content-box; }
  .sm-disabled-box-content:disabled { box-sizing: content-box; }
  .sm-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .sm-focus-within-box-content:focus-within { box-sizing: content-box; }
  .sm-group:hover .sm-group-hover-box-content { box-sizing: content-box; }
  .sm-clip-none { clip-path: none; }
  .sm-hover-clip-none:hover { clip-path: none; }
  .sm-focus-clip-none:focus { clip-path: none; }
  .sm-active-clip-none:active { clip-path: none; }
  .sm-disabled-clip-none:disabled { clip-path: none; }
  .sm-focus-visible-clip-none:focus-visible { clip-path: none; }
  .sm-focus-within-clip-none:focus-within { clip-path: none; }
  .sm-group:hover .sm-group-hover-clip-none { clip-path: none; }
  .sm-clip-circle { clip-path: circle(50% at 50% 50%); }
  .sm-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  .sm-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  .sm-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  .sm-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  .sm-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  .sm-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  .sm-group:hover .sm-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  .sm-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-group:hover .sm-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .sm-clip-inset { clip-path: inset(0); }
  .sm-hover-clip-inset:hover { clip-path: inset(0); }
  .sm-focus-clip-inset:focus { clip-path: inset(0); }
  .sm-active-clip-inset:active { clip-path: inset(0); }
  .sm-disabled-clip-inset:disabled { clip-path: inset(0); }
  .sm-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  .sm-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  .sm-group:hover .sm-group-hover-clip-inset { clip-path: inset(0); }
  .sm-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-group:hover .sm-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .sm-margin-block-start-1 { margin-block-start: 1rem; }
  .sm-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  .sm-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  .sm-active-margin-block-start-1:active { margin-block-start: 1rem; }
  .sm-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  .sm-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  .sm-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  .sm-group:hover .sm-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  .sm-margin-block-end-1 { margin-block-end: 1rem; }
  .sm-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  .sm-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  .sm-active-margin-block-end-1:active { margin-block-end: 1rem; }
  .sm-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  .sm-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  .sm-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  .sm-group:hover .sm-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  .sm-margin-inline-start-1 { margin-inline-start: 1rem; }
  .sm-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  .sm-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  .sm-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  .sm-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  .sm-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  .sm-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  .sm-group:hover .sm-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  .sm-margin-inline-end-1 { margin-inline-end: 1rem; }
  .sm-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  .sm-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  .sm-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  .sm-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  .sm-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  .sm-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  .sm-group:hover .sm-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  .sm-padding-block-start-1 { padding-block-start: 1rem; }
  .sm-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  .sm-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  .sm-active-padding-block-start-1:active { padding-block-start: 1rem; }
  .sm-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  .sm-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  .sm-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  .sm-group:hover .sm-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  .sm-padding-block-end-1 { padding-block-end: 1rem; }
  .sm-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  .sm-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  .sm-active-padding-block-end-1:active { padding-block-end: 1rem; }
  .sm-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  .sm-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  .sm-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  .sm-group:hover .sm-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  .sm-padding-inline-start-1 { padding-inline-start: 1rem; }
  .sm-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  .sm-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  .sm-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  .sm-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  .sm-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  .sm-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  .sm-group:hover .sm-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  .sm-padding-inline-end-1 { padding-inline-end: 1rem; }
  .sm-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  .sm-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  .sm-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  .sm-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  .sm-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  .sm-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  .sm-group:hover .sm-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  .sm-transition-all { transition-property: all; }
  .sm-hover-transition-all:hover { transition-property: all; }
  .sm-focus-transition-all:focus { transition-property: all; }
  .sm-active-transition-all:active { transition-property: all; }
  .sm-disabled-transition-all:disabled { transition-property: all; }
  .sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  .sm-focus-within-transition-all:focus-within { transition-property: all; }
  .sm-group:hover .sm-group-hover-transition-all { transition-property: all; }
  .sm-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-group:hover .sm-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .sm-transition-opacity { transition-property: opacity; }
  .sm-hover-transition-opacity:hover { transition-property: opacity; }
  .sm-focus-transition-opacity:focus { transition-property: opacity; }
  .sm-active-transition-opacity:active { transition-property: opacity; }
  .sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  .sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .sm-group:hover .sm-group-hover-transition-opacity { transition-property: opacity; }
  .sm-transition-shadow { transition-property: box-shadow; }
  .sm-hover-transition-shadow:hover { transition-property: box-shadow; }
  .sm-focus-transition-shadow:focus { transition-property: box-shadow; }
  .sm-active-transition-shadow:active { transition-property: box-shadow; }
  .sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .sm-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .sm-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .sm-group:hover .sm-group-hover-transition-shadow { transition-property: box-shadow; }
  .sm-transition-transform { transition-property: transform; }
  .sm-hover-transition-transform:hover { transition-property: transform; }
  .sm-focus-transition-transform:focus { transition-property: transform; }
  .sm-active-transition-transform:active { transition-property: transform; }
  .sm-disabled-transition-transform:disabled { transition-property: transform; }
  .sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  .sm-group:hover .sm-group-hover-transition-transform { transition-property: transform; }
  .sm-duration-75 { transition-duration: 75ms; }
  .sm-hover-duration-75:hover { transition-duration: 75ms; }
  .sm-focus-duration-75:focus { transition-duration: 75ms; }
  .sm-active-duration-75:active { transition-duration: 75ms; }
  .sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  .sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .sm-group:hover .sm-group-hover-duration-75 { transition-duration: 75ms; }
  .sm-duration-100 { transition-duration: 100ms; }
  .sm-hover-duration-100:hover { transition-duration: 100ms; }
  .sm-focus-duration-100:focus { transition-duration: 100ms; }
  .sm-active-duration-100:active { transition-duration: 100ms; }
  .sm-disabled-duration-100:disabled { transition-duration: 100ms; }
  .sm-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .sm-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .sm-group:hover .sm-group-hover-duration-100 { transition-duration: 100ms; }
  .sm-duration-150 { transition-duration: 150ms; }
  .sm-hover-duration-150:hover { transition-duration: 150ms; }
  .sm-focus-duration-150:focus { transition-duration: 150ms; }
  .sm-active-duration-150:active { transition-duration: 150ms; }
  .sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  .sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .sm-group:hover .sm-group-hover-duration-150 { transition-duration: 150ms; }
  .sm-duration-200 { transition-duration: 200ms; }
  .sm-hover-duration-200:hover { transition-duration: 200ms; }
  .sm-focus-duration-200:focus { transition-duration: 200ms; }
  .sm-active-duration-200:active { transition-duration: 200ms; }
  .sm-disabled-duration-200:disabled { transition-duration: 200ms; }
  .sm-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .sm-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .sm-group:hover .sm-group-hover-duration-200 { transition-duration: 200ms; }
  .sm-duration-300 { transition-duration: 300ms; }
  .sm-hover-duration-300:hover { transition-duration: 300ms; }
  .sm-focus-duration-300:focus { transition-duration: 300ms; }
  .sm-active-duration-300:active { transition-duration: 300ms; }
  .sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  .sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .sm-group:hover .sm-group-hover-duration-300 { transition-duration: 300ms; }
  .sm-duration-500 { transition-duration: 500ms; }
  .sm-hover-duration-500:hover { transition-duration: 500ms; }
  .sm-focus-duration-500:focus { transition-duration: 500ms; }
  .sm-active-duration-500:active { transition-duration: 500ms; }
  .sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  .sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .sm-group:hover .sm-group-hover-duration-500 { transition-duration: 500ms; }
  .sm-duration-700 { transition-duration: 700ms; }
  .sm-hover-duration-700:hover { transition-duration: 700ms; }
  .sm-focus-duration-700:focus { transition-duration: 700ms; }
  .sm-active-duration-700:active { transition-duration: 700ms; }
  .sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  .sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .sm-group:hover .sm-group-hover-duration-700 { transition-duration: 700ms; }
  .sm-duration-1000 { transition-duration: 1000ms; }
  .sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  .sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  .sm-active-duration-1000:active { transition-duration: 1000ms; }
  .sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .sm-group:hover .sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  .sm-ease-linear { transition-timing-function: linear; }
  .sm-hover-ease-linear:hover { transition-timing-function: linear; }
  .sm-focus-ease-linear:focus { transition-timing-function: linear; }
  .sm-active-ease-linear:active { transition-timing-function: linear; }
  .sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .sm-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .sm-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .sm-group:hover .sm-group-hover-ease-linear { transition-timing-function: linear; }
  .sm-ease-in { transition-timing-function: ease-in; }
  .sm-hover-ease-in:hover { transition-timing-function: ease-in; }
  .sm-focus-ease-in:focus { transition-timing-function: ease-in; }
  .sm-active-ease-in:active { transition-timing-function: ease-in; }
  .sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .sm-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .sm-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .sm-group:hover .sm-group-hover-ease-in { transition-timing-function: ease-in; }
  .sm-ease-out { transition-timing-function: ease-out; }
  .sm-hover-ease-out:hover { transition-timing-function: ease-out; }
  .sm-focus-ease-out:focus { transition-timing-function: ease-out; }
  .sm-active-ease-out:active { transition-timing-function: ease-out; }
  .sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .sm-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .sm-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .sm-group:hover .sm-group-hover-ease-out { transition-timing-function: ease-out; }
  .sm-ease-in-out { transition-timing-function: ease-in-out; }
  .sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .sm-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .sm-group:hover .sm-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .sm-filter-none { filter: none; }
  .sm-hover-filter-none:hover { filter: none; }
  .sm-focus-filter-none:focus { filter: none; }
  .sm-active-filter-none:active { filter: none; }
  .sm-disabled-filter-none:disabled { filter: none; }
  .sm-focus-visible-filter-none:focus-visible { filter: none; }
  .sm-focus-within-filter-none:focus-within { filter: none; }
  .sm-group:hover .sm-group-hover-filter-none { filter: none; }
  .sm-blur-sm { filter: blur(2px); }
  .sm-hover-blur-sm:hover { filter: blur(2px); }
  .sm-focus-blur-sm:focus { filter: blur(2px); }
  .sm-active-blur-sm:active { filter: blur(2px); }
  .sm-disabled-blur-sm:disabled { filter: blur(2px); }
  .sm-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .sm-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .sm-group:hover .sm-group-hover-blur-sm { filter: blur(2px); }
  .sm-blur { filter: blur(4px); }
  .sm-hover-blur:hover { filter: blur(4px); }
  .sm-focus-blur:focus { filter: blur(4px); }
  .sm-active-blur:active { filter: blur(4px); }
  .sm-disabled-blur:disabled { filter: blur(4px); }
  .sm-focus-visible-blur:focus-visible { filter: blur(4px); }
  .sm-focus-within-blur:focus-within { filter: blur(4px); }
  .sm-group:hover .sm-group-hover-blur { filter: blur(4px); }
  .sm-blur-md { filter: blur(8px); }
  .sm-hover-blur-md:hover { filter: blur(8px); }
  .sm-focus-blur-md:focus { filter: blur(8px); }
  .sm-active-blur-md:active { filter: blur(8px); }
  .sm-disabled-blur-md:disabled { filter: blur(8px); }
  .sm-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .sm-focus-within-blur-md:focus-within { filter: blur(8px); }
  .sm-group:hover .sm-group-hover-blur-md { filter: blur(8px); }
  .sm-blur-lg { filter: blur(12px); }
  .sm-hover-blur-lg:hover { filter: blur(12px); }
  .sm-focus-blur-lg:focus { filter: blur(12px); }
  .sm-active-blur-lg:active { filter: blur(12px); }
  .sm-disabled-blur-lg:disabled { filter: blur(12px); }
  .sm-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .sm-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .sm-group:hover .sm-group-hover-blur-lg { filter: blur(12px); }
  .sm-blur-xl { filter: blur(20px); }
  .sm-hover-blur-xl:hover { filter: blur(20px); }
  .sm-focus-blur-xl:focus { filter: blur(20px); }
  .sm-active-blur-xl:active { filter: blur(20px); }
  .sm-disabled-blur-xl:disabled { filter: blur(20px); }
  .sm-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .sm-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .sm-group:hover .sm-group-hover-blur-xl { filter: blur(20px); }
  .sm-brightness-50 { filter: brightness(0.5); }
  .sm-hover-brightness-50:hover { filter: brightness(0.5); }
  .sm-focus-brightness-50:focus { filter: brightness(0.5); }
  .sm-active-brightness-50:active { filter: brightness(0.5); }
  .sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .sm-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .sm-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .sm-group:hover .sm-group-hover-brightness-50 { filter: brightness(0.5); }
  .sm-brightness-100 { filter: brightness(1); }
  .sm-hover-brightness-100:hover { filter: brightness(1); }
  .sm-focus-brightness-100:focus { filter: brightness(1); }
  .sm-active-brightness-100:active { filter: brightness(1); }
  .sm-disabled-brightness-100:disabled { filter: brightness(1); }
  .sm-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .sm-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .sm-group:hover .sm-group-hover-brightness-100 { filter: brightness(1); }
  .sm-brightness-150 { filter: brightness(1.5); }
  .sm-hover-brightness-150:hover { filter: brightness(1.5); }
  .sm-focus-brightness-150:focus { filter: brightness(1.5); }
  .sm-active-brightness-150:active { filter: brightness(1.5); }
  .sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .sm-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .sm-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .sm-group:hover .sm-group-hover-brightness-150 { filter: brightness(1.5); }
  .sm-contrast-50 { filter: contrast(0.5); }
  .sm-hover-contrast-50:hover { filter: contrast(0.5); }
  .sm-focus-contrast-50:focus { filter: contrast(0.5); }
  .sm-active-contrast-50:active { filter: contrast(0.5); }
  .sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .sm-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .sm-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .sm-group:hover .sm-group-hover-contrast-50 { filter: contrast(0.5); }
  .sm-contrast-100 { filter: contrast(1); }
  .sm-hover-contrast-100:hover { filter: contrast(1); }
  .sm-focus-contrast-100:focus { filter: contrast(1); }
  .sm-active-contrast-100:active { filter: contrast(1); }
  .sm-disabled-contrast-100:disabled { filter: contrast(1); }
  .sm-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .sm-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .sm-group:hover .sm-group-hover-contrast-100 { filter: contrast(1); }
  .sm-grayscale { filter: grayscale(1); }
  .sm-hover-grayscale:hover { filter: grayscale(1); }
  .sm-focus-grayscale:focus { filter: grayscale(1); }
  .sm-active-grayscale:active { filter: grayscale(1); }
  .sm-disabled-grayscale:disabled { filter: grayscale(1); }
  .sm-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  .sm-focus-within-grayscale:focus-within { filter: grayscale(1); }
  .sm-group:hover .sm-group-hover-grayscale { filter: grayscale(1); }
  .sm-sepia { filter: sepia(1); }
  .sm-hover-sepia:hover { filter: sepia(1); }
  .sm-focus-sepia:focus { filter: sepia(1); }
  .sm-active-sepia:active { filter: sepia(1); }
  .sm-disabled-sepia:disabled { filter: sepia(1); }
  .sm-focus-visible-sepia:focus-visible { filter: sepia(1); }
  .sm-focus-within-sepia:focus-within { filter: sepia(1); }
  .sm-group:hover .sm-group-hover-sepia { filter: sepia(1); }
  .sm-saturate-150 { filter: saturate(1.5); }
  .sm-hover-saturate-150:hover { filter: saturate(1.5); }
  .sm-focus-saturate-150:focus { filter: saturate(1.5); }
  .sm-active-saturate-150:active { filter: saturate(1.5); }
  .sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .sm-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .sm-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .sm-group:hover .sm-group-hover-saturate-150 { filter: saturate(1.5); }
  .sm-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .sm-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .sm-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .sm-group:hover .sm-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-group:hover .sm-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  .sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  .sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  .sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  .sm-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  .sm-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  .sm-group:hover .sm-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .sm-grid-flow-row { grid-auto-flow: row; }
  .sm-hover-grid-flow-row:hover { grid-auto-flow: row; }
  .sm-focus-grid-flow-row:focus { grid-auto-flow: row; }
  .sm-active-grid-flow-row:active { grid-auto-flow: row; }
  .sm-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  .sm-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  .sm-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  .sm-group:hover .sm-group-hover-grid-flow-row { grid-auto-flow: row; }
  .sm-grid-flow-col { grid-auto-flow: column; }
  .sm-hover-grid-flow-col:hover { grid-auto-flow: column; }
  .sm-focus-grid-flow-col:focus { grid-auto-flow: column; }
  .sm-active-grid-flow-col:active { grid-auto-flow: column; }
  .sm-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  .sm-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  .sm-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  .sm-group:hover .sm-group-hover-grid-flow-col { grid-auto-flow: column; }
  .sm-grid-flow-row-dense { grid-auto-flow: row dense; }
  .sm-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  .sm-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  .sm-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  .sm-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  .sm-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  .sm-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  .sm-group:hover .sm-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  .sm-grid-flow-col-dense { grid-auto-flow: column dense; }
  .sm-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  .sm-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  .sm-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  .sm-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  .sm-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  .sm-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  .sm-group:hover .sm-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  .sm-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-group:hover .sm-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .sm-transition-none { transition-property: none; }
  .sm-hover-transition-none:hover { transition-property: none; }
  .sm-focus-transition-none:focus { transition-property: none; }
  .sm-active-transition-none:active { transition-property: none; }
  .sm-disabled-transition-none:disabled { transition-property: none; }
  .sm-focus-visible-transition-none:focus-visible { transition-property: none; }
  .sm-focus-within-transition-none:focus-within { transition-property: none; }
  .sm-group:hover .sm-group-hover-transition-none { transition-property: none; }
  .sm-transition-all { transition-property: all; }
  .sm-hover-transition-all:hover { transition-property: all; }
  .sm-focus-transition-all:focus { transition-property: all; }
  .sm-active-transition-all:active { transition-property: all; }
  .sm-disabled-transition-all:disabled { transition-property: all; }
  .sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  .sm-focus-within-transition-all:focus-within { transition-property: all; }
  .sm-group:hover .sm-group-hover-transition-all { transition-property: all; }
  .sm-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-group:hover .sm-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .sm-transition-opacity { transition-property: opacity; }
  .sm-hover-transition-opacity:hover { transition-property: opacity; }
  .sm-focus-transition-opacity:focus { transition-property: opacity; }
  .sm-active-transition-opacity:active { transition-property: opacity; }
  .sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  .sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .sm-group:hover .sm-group-hover-transition-opacity { transition-property: opacity; }
  .sm-transition-shadow { transition-property: box-shadow; }
  .sm-hover-transition-shadow:hover { transition-property: box-shadow; }
  .sm-focus-transition-shadow:focus { transition-property: box-shadow; }
  .sm-active-transition-shadow:active { transition-property: box-shadow; }
  .sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .sm-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .sm-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .sm-group:hover .sm-group-hover-transition-shadow { transition-property: box-shadow; }
  .sm-transition-transform { transition-property: transform; }
  .sm-hover-transition-transform:hover { transition-property: transform; }
  .sm-focus-transition-transform:focus { transition-property: transform; }
  .sm-active-transition-transform:active { transition-property: transform; }
  .sm-disabled-transition-transform:disabled { transition-property: transform; }
  .sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  .sm-group:hover .sm-group-hover-transition-transform { transition-property: transform; }
  .sm-duration-75 { transition-duration: 75ms; }
  .sm-hover-duration-75:hover { transition-duration: 75ms; }
  .sm-focus-duration-75:focus { transition-duration: 75ms; }
  .sm-active-duration-75:active { transition-duration: 75ms; }
  .sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  .sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .sm-group:hover .sm-group-hover-duration-75 { transition-duration: 75ms; }
  .sm-duration-150 { transition-duration: 150ms; }
  .sm-hover-duration-150:hover { transition-duration: 150ms; }
  .sm-focus-duration-150:focus { transition-duration: 150ms; }
  .sm-active-duration-150:active { transition-duration: 150ms; }
  .sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  .sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .sm-group:hover .sm-group-hover-duration-150 { transition-duration: 150ms; }
  .sm-duration-300 { transition-duration: 300ms; }
  .sm-hover-duration-300:hover { transition-duration: 300ms; }
  .sm-focus-duration-300:focus { transition-duration: 300ms; }
  .sm-active-duration-300:active { transition-duration: 300ms; }
  .sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  .sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .sm-group:hover .sm-group-hover-duration-300 { transition-duration: 300ms; }
  .sm-duration-500 { transition-duration: 500ms; }
  .sm-hover-duration-500:hover { transition-duration: 500ms; }
  .sm-focus-duration-500:focus { transition-duration: 500ms; }
  .sm-active-duration-500:active { transition-duration: 500ms; }
  .sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  .sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .sm-group:hover .sm-group-hover-duration-500 { transition-duration: 500ms; }
  .sm-duration-700 { transition-duration: 700ms; }
  .sm-hover-duration-700:hover { transition-duration: 700ms; }
  .sm-focus-duration-700:focus { transition-duration: 700ms; }
  .sm-active-duration-700:active { transition-duration: 700ms; }
  .sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  .sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .sm-group:hover .sm-group-hover-duration-700 { transition-duration: 700ms; }
  .sm-duration-1000 { transition-duration: 1000ms; }
  .sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  .sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  .sm-active-duration-1000:active { transition-duration: 1000ms; }
  .sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .sm-group:hover .sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  .sm-ease-linear { transition-timing-function: linear; }
  .sm-hover-ease-linear:hover { transition-timing-function: linear; }
  .sm-focus-ease-linear:focus { transition-timing-function: linear; }
  .sm-active-ease-linear:active { transition-timing-function: linear; }
  .sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .sm-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .sm-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .sm-group:hover .sm-group-hover-ease-linear { transition-timing-function: linear; }
  .sm-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-group:hover .sm-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .sm-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-group:hover .sm-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .sm-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-group:hover .sm-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .sm-animate-none { animation: none; }
  .sm-hover-animate-none:hover { animation: none; }
  .sm-focus-animate-none:focus { animation: none; }
  .sm-active-animate-none:active { animation: none; }
  .sm-disabled-animate-none:disabled { animation: none; }
  .sm-focus-visible-animate-none:focus-visible { animation: none; }
  .sm-focus-within-animate-none:focus-within { animation: none; }
  .sm-group:hover .sm-group-hover-animate-none { animation: none; }
  .sm-animate-fade { animation: fade 300ms ease-out both; }
  .sm-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  .sm-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  .sm-active-animate-fade:active { animation: fade 300ms ease-out both; }
  .sm-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  .sm-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  .sm-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  .sm-group:hover .sm-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  .sm-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .sm-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  .sm-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  .sm-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  .sm-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  .sm-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  .sm-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  .sm-group:hover .sm-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .sm-animate-spin { animation: spin 1s linear infinite; }
  .sm-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  .sm-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  .sm-active-animate-spin:active { animation: spin 1s linear infinite; }
  .sm-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  .sm-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  .sm-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  .sm-group:hover .sm-group-hover-animate-spin { animation: spin 1s linear infinite; }
  .sm-transform { transform: var(--quanta-transform, none); }
  .sm-hover-transform:hover { transform: var(--quanta-transform, none); }
  .sm-focus-transform:focus { transform: var(--quanta-transform, none); }
  .sm-active-transform:active { transform: var(--quanta-transform, none); }
  .sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .sm-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .sm-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .sm-group:hover .sm-group-hover-transform { transform: var(--quanta-transform, none); }
  .sm-transform-none { transform: none; }
  .sm-hover-transform-none:hover { transform: none; }
  .sm-focus-transform-none:focus { transform: none; }
  .sm-active-transform-none:active { transform: none; }
  .sm-disabled-transform-none:disabled { transform: none; }
  .sm-focus-visible-transform-none:focus-visible { transform: none; }
  .sm-focus-within-transform-none:focus-within { transform: none; }
  .sm-group:hover .sm-group-hover-transform-none { transform: none; }
  .sm-scale-50 { --quanta-transform: scale(0.5); }
  .sm-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  .sm-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  .sm-active-scale-50:active { --quanta-transform: scale(0.5); }
  .sm-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  .sm-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  .sm-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  .sm-group:hover .sm-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  .sm-scale-75 { --quanta-transform: scale(0.75); }
  .sm-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  .sm-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  .sm-active-scale-75:active { --quanta-transform: scale(0.75); }
  .sm-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  .sm-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  .sm-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  .sm-group:hover .sm-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  .sm-scale-90 { --quanta-transform: scale(0.9); }
  .sm-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  .sm-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  .sm-active-scale-90:active { --quanta-transform: scale(0.9); }
  .sm-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  .sm-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  .sm-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  .sm-group:hover .sm-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  .sm-scale-100 { --quanta-transform: scale(1); }
  .sm-hover-scale-100:hover { --quanta-transform: scale(1); }
  .sm-focus-scale-100:focus { --quanta-transform: scale(1); }
  .sm-active-scale-100:active { --quanta-transform: scale(1); }
  .sm-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  .sm-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  .sm-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  .sm-group:hover .sm-group-hover-scale-100 { --quanta-transform: scale(1); }
  .sm-scale-105 { --quanta-transform: scale(1.05); }
  .sm-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  .sm-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  .sm-active-scale-105:active { --quanta-transform: scale(1.05); }
  .sm-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  .sm-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  .sm-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  .sm-group:hover .sm-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  .sm-scale-110 { --quanta-transform: scale(1.1); }
  .sm-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  .sm-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  .sm-active-scale-110:active { --quanta-transform: scale(1.1); }
  .sm-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  .sm-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  .sm-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  .sm-group:hover .sm-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  .sm-scale-125 { --quanta-transform: scale(1.25); }
  .sm-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  .sm-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  .sm-active-scale-125:active { --quanta-transform: scale(1.25); }
  .sm-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  .sm-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  .sm-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  .sm-group:hover .sm-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  .sm-scale-150 { --quanta-transform: scale(1.5); }
  .sm-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  .sm-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  .sm-active-scale-150:active { --quanta-transform: scale(1.5); }
  .sm-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  .sm-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  .sm-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  .sm-group:hover .sm-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  .sm-translate-x-0 { --quanta-transform: translateX(0); }
  .sm-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  .sm-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  .sm-active-translate-x-0:active { --quanta-transform: translateX(0); }
  .sm-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  .sm-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  .sm-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  .sm-group:hover .sm-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  .sm-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .sm-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  .sm-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  .sm-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  .sm-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  .sm-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  .sm-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .sm-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .sm-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  .sm-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  .sm-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  .sm-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  .sm-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  .sm-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .sm-translate-x-4 { --quanta-transform: translateX(1rem); }
  .sm-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  .sm-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  .sm-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  .sm-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  .sm-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  .sm-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  .sm-group:hover .sm-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  .sm-translate-x-8 { --quanta-transform: translateX(2rem); }
  .sm-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  .sm-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  .sm-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  .sm-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  .sm-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  .sm-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  .sm-group:hover .sm-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  .sm-translate-y-0 { --quanta-transform: translateY(0); }
  .sm-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  .sm-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  .sm-active-translate-y-0:active { --quanta-transform: translateY(0); }
  .sm-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  .sm-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  .sm-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  .sm-group:hover .sm-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  .sm-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .sm-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  .sm-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  .sm-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  .sm-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  .sm-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  .sm-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  .sm-group:hover .sm-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .sm-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .sm-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  .sm-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  .sm-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  .sm-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  .sm-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  .sm-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  .sm-group:hover .sm-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .sm-translate-y-4 { --quanta-transform: translateY(1rem); }
  .sm-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  .sm-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  .sm-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  .sm-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  .sm-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  .sm-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  .sm-group:hover .sm-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  .sm-translate-y-8 { --quanta-transform: translateY(2rem); }
  .sm-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  .sm-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  .sm-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  .sm-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  .sm-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  .sm-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  .sm-group:hover .sm-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  .sm-rotate-0 { --quanta-transform: rotate(0deg); }
  .sm-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  .sm-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  .sm-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  .sm-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  .sm-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  .sm-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  .sm-group:hover .sm-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  .sm-rotate-45 { --quanta-transform: rotate(45deg); }
  .sm-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  .sm-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  .sm-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  .sm-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  .sm-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  .sm-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  .sm-group:hover .sm-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  .sm-rotate-90 { --quanta-transform: rotate(90deg); }
  .sm-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  .sm-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  .sm-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  .sm-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  .sm-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  .sm-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  .sm-group:hover .sm-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  .sm-rotate-180 { --quanta-transform: rotate(180deg); }
  .sm-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  .sm-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  .sm-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  .sm-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  .sm-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  .sm-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  .sm-group:hover .sm-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  .sm-skew-x-0 { --quanta-transform: skewX(0); }
  .sm-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  .sm-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  .sm-active-skew-x-0:active { --quanta-transform: skewX(0); }
  .sm-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  .sm-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  .sm-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  .sm-group:hover .sm-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  .sm-skew-x-3 { --quanta-transform: skewX(3deg); }
  .sm-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  .sm-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  .sm-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  .sm-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  .sm-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  .sm-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  .sm-group:hover .sm-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  .sm-skew-x-6 { --quanta-transform: skewX(6deg); }
  .sm-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  .sm-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  .sm-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  .sm-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  .sm-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  .sm-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  .sm-group:hover .sm-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  .sm-skew-y-0 { --quanta-transform: skewY(0); }
  .sm-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  .sm-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  .sm-active-skew-y-0:active { --quanta-transform: skewY(0); }
  .sm-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  .sm-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  .sm-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  .sm-group:hover .sm-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  .sm-skew-y-3 { --quanta-transform: skewY(3deg); }
  .sm-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  .sm-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  .sm-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  .sm-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  .sm-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  .sm-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  .sm-group:hover .sm-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  .sm-skew-y-6 { --quanta-transform: skewY(6deg); }
  .sm-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  .sm-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  .sm-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  .sm-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  .sm-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  .sm-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  .sm-group:hover .sm-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  .sm-origin-center { transform-origin: center; }
  .sm-hover-origin-center:hover { transform-origin: center; }
  .sm-focus-origin-center:focus { transform-origin: center; }
  .sm-active-origin-center:active { transform-origin: center; }
  .sm-disabled-origin-center:disabled { transform-origin: center; }
  .sm-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .sm-focus-within-origin-center:focus-within { transform-origin: center; }
  .sm-group:hover .sm-group-hover-origin-center { transform-origin: center; }
  .sm-origin-top { transform-origin: top; }
  .sm-hover-origin-top:hover { transform-origin: top; }
  .sm-focus-origin-top:focus { transform-origin: top; }
  .sm-active-origin-top:active { transform-origin: top; }
  .sm-disabled-origin-top:disabled { transform-origin: top; }
  .sm-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .sm-focus-within-origin-top:focus-within { transform-origin: top; }
  .sm-group:hover .sm-group-hover-origin-top { transform-origin: top; }
  .sm-origin-right { transform-origin: right; }
  .sm-hover-origin-right:hover { transform-origin: right; }
  .sm-focus-origin-right:focus { transform-origin: right; }
  .sm-active-origin-right:active { transform-origin: right; }
  .sm-disabled-origin-right:disabled { transform-origin: right; }
  .sm-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .sm-focus-within-origin-right:focus-within { transform-origin: right; }
  .sm-group:hover .sm-group-hover-origin-right { transform-origin: right; }
  .sm-origin-bottom { transform-origin: bottom; }
  .sm-hover-origin-bottom:hover { transform-origin: bottom; }
  .sm-focus-origin-bottom:focus { transform-origin: bottom; }
  .sm-active-origin-bottom:active { transform-origin: bottom; }
  .sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .sm-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .sm-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .sm-group:hover .sm-group-hover-origin-bottom { transform-origin: bottom; }
  .sm-origin-left { transform-origin: left; }
  .sm-hover-origin-left:hover { transform-origin: left; }
  .sm-focus-origin-left:focus { transform-origin: left; }
  .sm-active-origin-left:active { transform-origin: left; }
  .sm-disabled-origin-left:disabled { transform-origin: left; }
  .sm-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .sm-focus-within-origin-left:focus-within { transform-origin: left; }
  .sm-group:hover .sm-group-hover-origin-left { transform-origin: left; }
  .sm-perspective-none { perspective: none; }
  .sm-hover-perspective-none:hover { perspective: none; }
  .sm-focus-perspective-none:focus { perspective: none; }
  .sm-active-perspective-none:active { perspective: none; }
  .sm-disabled-perspective-none:disabled { perspective: none; }
  .sm-focus-visible-perspective-none:focus-visible { perspective: none; }
  .sm-focus-within-perspective-none:focus-within { perspective: none; }
  .sm-group:hover .sm-group-hover-perspective-none { perspective: none; }
  .sm-perspective-sm { perspective: 400px; }
  .sm-hover-perspective-sm:hover { perspective: 400px; }
  .sm-focus-perspective-sm:focus { perspective: 400px; }
  .sm-active-perspective-sm:active { perspective: 400px; }
  .sm-disabled-perspective-sm:disabled { perspective: 400px; }
  .sm-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  .sm-focus-within-perspective-sm:focus-within { perspective: 400px; }
  .sm-group:hover .sm-group-hover-perspective-sm { perspective: 400px; }
  .sm-perspective-md { perspective: 800px; }
  .sm-hover-perspective-md:hover { perspective: 800px; }
  .sm-focus-perspective-md:focus { perspective: 800px; }
  .sm-active-perspective-md:active { perspective: 800px; }
  .sm-disabled-perspective-md:disabled { perspective: 800px; }
  .sm-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  .sm-focus-within-perspective-md:focus-within { perspective: 800px; }
  .sm-group:hover .sm-group-hover-perspective-md { perspective: 800px; }
  .sm-perspective-lg { perspective: 1200px; }
  .sm-hover-perspective-lg:hover { perspective: 1200px; }
  .sm-focus-perspective-lg:focus { perspective: 1200px; }
  .sm-active-perspective-lg:active { perspective: 1200px; }
  .sm-disabled-perspective-lg:disabled { perspective: 1200px; }
  .sm-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  .sm-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  .sm-group:hover .sm-group-hover-perspective-lg { perspective: 1200px; }
  .sm-perspective-xl { perspective: 1600px; }
  .sm-hover-perspective-xl:hover { perspective: 1600px; }
  .sm-focus-perspective-xl:focus { perspective: 1600px; }
  .sm-active-perspective-xl:active { perspective: 1600px; }
  .sm-disabled-perspective-xl:disabled { perspective: 1600px; }
  .sm-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  .sm-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  .sm-group:hover .sm-group-hover-perspective-xl { perspective: 1600px; }
  .sm-perspective-origin-center { perspective-origin: center; }
  .sm-hover-perspective-origin-center:hover { perspective-origin: center; }
  .sm-focus-perspective-origin-center:focus { perspective-origin: center; }
  .sm-active-perspective-origin-center:active { perspective-origin: center; }
  .sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .sm-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .sm-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .sm-group:hover .sm-group-hover-perspective-origin-center { perspective-origin: center; }
  .sm-perspective-origin-top { perspective-origin: top; }
  .sm-hover-perspective-origin-top:hover { perspective-origin: top; }
  .sm-focus-perspective-origin-top:focus { perspective-origin: top; }
  .sm-active-perspective-origin-top:active { perspective-origin: top; }
  .sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .sm-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .sm-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .sm-group:hover .sm-group-hover-perspective-origin-top { perspective-origin: top; }
  .sm-perspective-origin-left { perspective-origin: left; }
  .sm-hover-perspective-origin-left:hover { perspective-origin: left; }
  .sm-focus-perspective-origin-left:focus { perspective-origin: left; }
  .sm-active-perspective-origin-left:active { perspective-origin: left; }
  .sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .sm-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .sm-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .sm-group:hover .sm-group-hover-perspective-origin-left { perspective-origin: left; }
  .sm-perspective-origin-right { perspective-origin: right; }
  .sm-hover-perspective-origin-right:hover { perspective-origin: right; }
  .sm-focus-perspective-origin-right:focus { perspective-origin: right; }
  .sm-active-perspective-origin-right:active { perspective-origin: right; }
  .sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .sm-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .sm-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .sm-group:hover .sm-group-hover-perspective-origin-right { perspective-origin: right; }
  .sm-perspective-origin-bottom { perspective-origin: bottom; }
  .sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .sm-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .sm-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .sm-group:hover .sm-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .sm-backface-visible { backface-visibility: visible; }
  .sm-hover-backface-visible:hover { backface-visibility: visible; }
  .sm-focus-backface-visible:focus { backface-visibility: visible; }
  .sm-active-backface-visible:active { backface-visibility: visible; }
  .sm-disabled-backface-visible:disabled { backface-visibility: visible; }
  .sm-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .sm-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .sm-group:hover .sm-group-hover-backface-visible { backface-visibility: visible; }
  .sm-backface-hidden { backface-visibility: hidden; }
  .sm-hover-backface-hidden:hover { backface-visibility: hidden; }
  .sm-focus-backface-hidden:focus { backface-visibility: hidden; }
  .sm-active-backface-hidden:active { backface-visibility: hidden; }
  .sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .sm-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .sm-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .sm-group:hover .sm-group-hover-backface-hidden { backface-visibility: hidden; }
  .sm-transform-style-flat { transform-style: flat; }
  .sm-hover-transform-style-flat:hover { transform-style: flat; }
  .sm-focus-transform-style-flat:focus { transform-style: flat; }
  .sm-active-transform-style-flat:active { transform-style: flat; }
  .sm-disabled-transform-style-flat:disabled { transform-style: flat; }
  .sm-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .sm-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .sm-group:hover .sm-group-hover-transform-style-flat { transform-style: flat; }
  .sm-transform-style-preserve { transform-style: preserve-3d; }
  .sm-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  .sm-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  .sm-active-transform-style-preserve:active { transform-style: preserve-3d; }
  .sm-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  .sm-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  .sm-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  .sm-group:hover .sm-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  .sm-filter-none { filter: none; }
  .sm-hover-filter-none:hover { filter: none; }
  .sm-focus-filter-none:focus { filter: none; }
  .sm-active-filter-none:active { filter: none; }
  .sm-disabled-filter-none:disabled { filter: none; }
  .sm-focus-visible-filter-none:focus-visible { filter: none; }
  .sm-focus-within-filter-none:focus-within { filter: none; }
  .sm-group:hover .sm-group-hover-filter-none { filter: none; }
  .sm-filter-grayscale { filter: grayscale(100%); }
  .sm-hover-filter-grayscale:hover { filter: grayscale(100%); }
  .sm-focus-filter-grayscale:focus { filter: grayscale(100%); }
  .sm-active-filter-grayscale:active { filter: grayscale(100%); }
  .sm-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  .sm-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  .sm-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  .sm-group:hover .sm-group-hover-filter-grayscale { filter: grayscale(100%); }
  .sm-filter-blur { filter: blur(4px); }
  .sm-hover-filter-blur:hover { filter: blur(4px); }
  .sm-focus-filter-blur:focus { filter: blur(4px); }
  .sm-active-filter-blur:active { filter: blur(4px); }
  .sm-disabled-filter-blur:disabled { filter: blur(4px); }
  .sm-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  .sm-focus-within-filter-blur:focus-within { filter: blur(4px); }
  .sm-group:hover .sm-group-hover-filter-blur { filter: blur(4px); }
  .sm-filter-brightness-50 { filter: brightness(0.5); }
  .sm-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  .sm-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  .sm-active-filter-brightness-50:active { filter: brightness(0.5); }
  .sm-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  .sm-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  .sm-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  .sm-group:hover .sm-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  .sm-filter-contrast-125 { filter: contrast(1.25); }
  .sm-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  .sm-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  .sm-active-filter-contrast-125:active { filter: contrast(1.25); }
  .sm-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  .sm-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  .sm-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  .sm-group:hover .sm-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  .sm-filter-saturate-150 { filter: saturate(1.5); }
  .sm-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  .sm-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  .sm-active-filter-saturate-150:active { filter: saturate(1.5); }
  .sm-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  .sm-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  .sm-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  .sm-group:hover .sm-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  .sm-filter-sepia { filter: sepia(100%); }
  .sm-hover-filter-sepia:hover { filter: sepia(100%); }
  .sm-focus-filter-sepia:focus { filter: sepia(100%); }
  .sm-active-filter-sepia:active { filter: sepia(100%); }
  .sm-disabled-filter-sepia:disabled { filter: sepia(100%); }
  .sm-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  .sm-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  .sm-group:hover .sm-group-hover-filter-sepia { filter: sepia(100%); }
  .sm-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .sm-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .sm-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .sm-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .sm-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .sm-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .sm-group:hover .sm-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .sm-backdrop-filter-none { backdrop-filter: none; }
  .sm-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  .sm-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  .sm-active-backdrop-filter-none:active { backdrop-filter: none; }
  .sm-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  .sm-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  .sm-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  .sm-group:hover .sm-group-hover-backdrop-filter-none { backdrop-filter: none; }
  .sm-backdrop-blur { backdrop-filter: blur(4px); }
  .sm-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  .sm-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  .sm-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  .sm-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  .sm-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  .sm-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  .sm-group:hover .sm-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  .sm-bg-blend-normal { background-blend-mode: normal; }
  .sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .sm-active-bg-blend-normal:active { background-blend-mode: normal; }
  .sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .sm-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .sm-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .sm-group:hover .sm-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .sm-bg-blend-multiply { background-blend-mode: multiply; }
  .sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .sm-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .sm-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .sm-group:hover .sm-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .sm-bg-blend-screen { background-blend-mode: screen; }
  .sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .sm-active-bg-blend-screen:active { background-blend-mode: screen; }
  .sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .sm-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .sm-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .sm-group:hover .sm-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .sm-bg-blend-overlay { background-blend-mode: overlay; }
  .sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .sm-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .sm-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .sm-group:hover .sm-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .sm-bg-blend-darken { background-blend-mode: darken; }
  .sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .sm-active-bg-blend-darken:active { background-blend-mode: darken; }
  .sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .sm-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .sm-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .sm-group:hover .sm-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .sm-bg-blend-lighten { background-blend-mode: lighten; }
  .sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .sm-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .sm-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .sm-group:hover .sm-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .sm-mix-blend-normal { mix-blend-mode: normal; }
  .sm-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  .sm-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  .sm-active-mix-blend-normal:active { mix-blend-mode: normal; }
  .sm-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  .sm-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  .sm-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  .sm-group:hover .sm-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  .sm-mix-blend-multiply { mix-blend-mode: multiply; }
  .sm-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  .sm-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  .sm-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  .sm-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  .sm-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  .sm-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  .sm-group:hover .sm-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  .sm-mix-blend-screen { mix-blend-mode: screen; }
  .sm-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  .sm-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  .sm-active-mix-blend-screen:active { mix-blend-mode: screen; }
  .sm-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  .sm-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  .sm-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  .sm-group:hover .sm-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  .sm-mix-blend-overlay { mix-blend-mode: overlay; }
  .sm-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  .sm-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  .sm-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  .sm-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  .sm-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  .sm-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  .sm-group:hover .sm-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  .sm-decoration-slice { box-decoration-break: slice; }
  .sm-hover-decoration-slice:hover { box-decoration-break: slice; }
  .sm-focus-decoration-slice:focus { box-decoration-break: slice; }
  .sm-active-decoration-slice:active { box-decoration-break: slice; }
  .sm-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  .sm-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  .sm-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  .sm-group:hover .sm-group-hover-decoration-slice { box-decoration-break: slice; }
  .sm-decoration-clone { box-decoration-break: clone; }
  .sm-hover-decoration-clone:hover { box-decoration-break: clone; }
  .sm-focus-decoration-clone:focus { box-decoration-break: clone; }
  .sm-active-decoration-clone:active { box-decoration-break: clone; }
  .sm-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  .sm-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  .sm-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  .sm-group:hover .sm-group-hover-decoration-clone { box-decoration-break: clone; }
  .sm-box-border { box-sizing: border-box; }
  .sm-hover-box-border:hover { box-sizing: border-box; }
  .sm-focus-box-border:focus { box-sizing: border-box; }
  .sm-active-box-border:active { box-sizing: border-box; }
  .sm-disabled-box-border:disabled { box-sizing: border-box; }
  .sm-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .sm-focus-within-box-border:focus-within { box-sizing: border-box; }
  .sm-group:hover .sm-group-hover-box-border { box-sizing: border-box; }
  .sm-box-content { box-sizing: content-box; }
  .sm-hover-box-content:hover { box-sizing: content-box; }
  .sm-focus-box-content:focus { box-sizing: content-box; }
  .sm-active-box-content:active { box-sizing: content-box; }
  .sm-disabled-box-content:disabled { box-sizing: content-box; }
  .sm-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .sm-focus-within-box-content:focus-within { box-sizing: content-box; }
  .sm-group:hover .sm-group-hover-box-content { box-sizing: content-box; }
  .sm-break-after-auto { break-after: auto; }
  .sm-hover-break-after-auto:hover { break-after: auto; }
  .sm-focus-break-after-auto:focus { break-after: auto; }
  .sm-active-break-after-auto:active { break-after: auto; }
  .sm-disabled-break-after-auto:disabled { break-after: auto; }
  .sm-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  .sm-focus-within-break-after-auto:focus-within { break-after: auto; }
  .sm-group:hover .sm-group-hover-break-after-auto { break-after: auto; }
  .sm-break-after-avoid { break-after: avoid; }
  .sm-hover-break-after-avoid:hover { break-after: avoid; }
  .sm-focus-break-after-avoid:focus { break-after: avoid; }
  .sm-active-break-after-avoid:active { break-after: avoid; }
  .sm-disabled-break-after-avoid:disabled { break-after: avoid; }
  .sm-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  .sm-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  .sm-group:hover .sm-group-hover-break-after-avoid { break-after: avoid; }
  .sm-break-after-all { break-after: all; }
  .sm-hover-break-after-all:hover { break-after: all; }
  .sm-focus-break-after-all:focus { break-after: all; }
  .sm-active-break-after-all:active { break-after: all; }
  .sm-disabled-break-after-all:disabled { break-after: all; }
  .sm-focus-visible-break-after-all:focus-visible { break-after: all; }
  .sm-focus-within-break-after-all:focus-within { break-after: all; }
  .sm-group:hover .sm-group-hover-break-after-all { break-after: all; }
  .sm-break-after-avoid-page { break-after: avoid-page; }
  .sm-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  .sm-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  .sm-active-break-after-avoid-page:active { break-after: avoid-page; }
  .sm-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  .sm-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  .sm-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  .sm-group:hover .sm-group-hover-break-after-avoid-page { break-after: avoid-page; }
  .sm-break-after-page { break-after: page; }
  .sm-hover-break-after-page:hover { break-after: page; }
  .sm-focus-break-after-page:focus { break-after: page; }
  .sm-active-break-after-page:active { break-after: page; }
  .sm-disabled-break-after-page:disabled { break-after: page; }
  .sm-focus-visible-break-after-page:focus-visible { break-after: page; }
  .sm-focus-within-break-after-page:focus-within { break-after: page; }
  .sm-group:hover .sm-group-hover-break-after-page { break-after: page; }
  .sm-break-after-left { break-after: left; }
  .sm-hover-break-after-left:hover { break-after: left; }
  .sm-focus-break-after-left:focus { break-after: left; }
  .sm-active-break-after-left:active { break-after: left; }
  .sm-disabled-break-after-left:disabled { break-after: left; }
  .sm-focus-visible-break-after-left:focus-visible { break-after: left; }
  .sm-focus-within-break-after-left:focus-within { break-after: left; }
  .sm-group:hover .sm-group-hover-break-after-left { break-after: left; }
  .sm-break-after-right { break-after: right; }
  .sm-hover-break-after-right:hover { break-after: right; }
  .sm-focus-break-after-right:focus { break-after: right; }
  .sm-active-break-after-right:active { break-after: right; }
  .sm-disabled-break-after-right:disabled { break-after: right; }
  .sm-focus-visible-break-after-right:focus-visible { break-after: right; }
  .sm-focus-within-break-after-right:focus-within { break-after: right; }
  .sm-group:hover .sm-group-hover-break-after-right { break-after: right; }
  .sm-break-after-column { break-after: column; }
  .sm-hover-break-after-column:hover { break-after: column; }
  .sm-focus-break-after-column:focus { break-after: column; }
  .sm-active-break-after-column:active { break-after: column; }
  .sm-disabled-break-after-column:disabled { break-after: column; }
  .sm-focus-visible-break-after-column:focus-visible { break-after: column; }
  .sm-focus-within-break-after-column:focus-within { break-after: column; }
  .sm-group:hover .sm-group-hover-break-after-column { break-after: column; }
  .sm-break-before-auto { break-before: auto; }
  .sm-hover-break-before-auto:hover { break-before: auto; }
  .sm-focus-break-before-auto:focus { break-before: auto; }
  .sm-active-break-before-auto:active { break-before: auto; }
  .sm-disabled-break-before-auto:disabled { break-before: auto; }
  .sm-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  .sm-focus-within-break-before-auto:focus-within { break-before: auto; }
  .sm-group:hover .sm-group-hover-break-before-auto { break-before: auto; }
  .sm-break-before-avoid { break-before: avoid; }
  .sm-hover-break-before-avoid:hover { break-before: avoid; }
  .sm-focus-break-before-avoid:focus { break-before: avoid; }
  .sm-active-break-before-avoid:active { break-before: avoid; }
  .sm-disabled-break-before-avoid:disabled { break-before: avoid; }
  .sm-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  .sm-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  .sm-group:hover .sm-group-hover-break-before-avoid { break-before: avoid; }
  .sm-break-before-all { break-before: all; }
  .sm-hover-break-before-all:hover { break-before: all; }
  .sm-focus-break-before-all:focus { break-before: all; }
  .sm-active-break-before-all:active { break-before: all; }
  .sm-disabled-break-before-all:disabled { break-before: all; }
  .sm-focus-visible-break-before-all:focus-visible { break-before: all; }
  .sm-focus-within-break-before-all:focus-within { break-before: all; }
  .sm-group:hover .sm-group-hover-break-before-all { break-before: all; }
  .sm-break-before-avoid-page { break-before: avoid-page; }
  .sm-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  .sm-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  .sm-active-break-before-avoid-page:active { break-before: avoid-page; }
  .sm-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  .sm-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  .sm-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  .sm-group:hover .sm-group-hover-break-before-avoid-page { break-before: avoid-page; }
  .sm-break-before-page { break-before: page; }
  .sm-hover-break-before-page:hover { break-before: page; }
  .sm-focus-break-before-page:focus { break-before: page; }
  .sm-active-break-before-page:active { break-before: page; }
  .sm-disabled-break-before-page:disabled { break-before: page; }
  .sm-focus-visible-break-before-page:focus-visible { break-before: page; }
  .sm-focus-within-break-before-page:focus-within { break-before: page; }
  .sm-group:hover .sm-group-hover-break-before-page { break-before: page; }
  .sm-break-before-left { break-before: left; }
  .sm-hover-break-before-left:hover { break-before: left; }
  .sm-focus-break-before-left:focus { break-before: left; }
  .sm-active-break-before-left:active { break-before: left; }
  .sm-disabled-break-before-left:disabled { break-before: left; }
  .sm-focus-visible-break-before-left:focus-visible { break-before: left; }
  .sm-focus-within-break-before-left:focus-within { break-before: left; }
  .sm-group:hover .sm-group-hover-break-before-left { break-before: left; }
  .sm-break-before-right { break-before: right; }
  .sm-hover-break-before-right:hover { break-before: right; }
  .sm-focus-break-before-right:focus { break-before: right; }
  .sm-active-break-before-right:active { break-before: right; }
  .sm-disabled-break-before-right:disabled { break-before: right; }
  .sm-focus-visible-break-before-right:focus-visible { break-before: right; }
  .sm-focus-within-break-before-right:focus-within { break-before: right; }
  .sm-group:hover .sm-group-hover-break-before-right { break-before: right; }
  .sm-break-before-column { break-before: column; }
  .sm-hover-break-before-column:hover { break-before: column; }
  .sm-focus-break-before-column:focus { break-before: column; }
  .sm-active-break-before-column:active { break-before: column; }
  .sm-disabled-break-before-column:disabled { break-before: column; }
  .sm-focus-visible-break-before-column:focus-visible { break-before: column; }
  .sm-focus-within-break-before-column:focus-within { break-before: column; }
  .sm-group:hover .sm-group-hover-break-before-column { break-before: column; }
  .sm-break-inside-auto { break-inside: auto; }
  .sm-hover-break-inside-auto:hover { break-inside: auto; }
  .sm-focus-break-inside-auto:focus { break-inside: auto; }
  .sm-active-break-inside-auto:active { break-inside: auto; }
  .sm-disabled-break-inside-auto:disabled { break-inside: auto; }
  .sm-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  .sm-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  .sm-group:hover .sm-group-hover-break-inside-auto { break-inside: auto; }
  .sm-break-inside-avoid { break-inside: avoid; }
  .sm-hover-break-inside-avoid:hover { break-inside: avoid; }
  .sm-focus-break-inside-avoid:focus { break-inside: avoid; }
  .sm-active-break-inside-avoid:active { break-inside: avoid; }
  .sm-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  .sm-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  .sm-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  .sm-group:hover .sm-group-hover-break-inside-avoid { break-inside: avoid; }
  .sm-break-inside-avoid-page { break-inside: avoid-page; }
  .sm-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  .sm-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  .sm-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  .sm-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  .sm-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  .sm-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  .sm-group:hover .sm-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  .sm-break-inside-avoid-column { break-inside: avoid-column; }
  .sm-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  .sm-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  .sm-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  .sm-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  .sm-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  .sm-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  .sm-group:hover .sm-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  .sm-clip-none { clip-path: none; }
  .sm-hover-clip-none:hover { clip-path: none; }
  .sm-focus-clip-none:focus { clip-path: none; }
  .sm-active-clip-none:active { clip-path: none; }
  .sm-disabled-clip-none:disabled { clip-path: none; }
  .sm-focus-visible-clip-none:focus-visible { clip-path: none; }
  .sm-focus-within-clip-none:focus-within { clip-path: none; }
  .sm-group:hover .sm-group-hover-clip-none { clip-path: none; }
  .sm-clip-circle { clip-path: circle(50%); }
  .sm-hover-clip-circle:hover { clip-path: circle(50%); }
  .sm-focus-clip-circle:focus { clip-path: circle(50%); }
  .sm-active-clip-circle:active { clip-path: circle(50%); }
  .sm-disabled-clip-circle:disabled { clip-path: circle(50%); }
  .sm-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  .sm-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  .sm-group:hover .sm-group-hover-clip-circle { clip-path: circle(50%); }
  .sm-clip-ellipse { clip-path: ellipse(50% 75%); }
  .sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  .sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  .sm-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  .sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  .sm-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  .sm-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  .sm-group:hover .sm-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  .sm-clip-inset { clip-path: inset(10%); }
  .sm-hover-clip-inset:hover { clip-path: inset(10%); }
  .sm-focus-clip-inset:focus { clip-path: inset(10%); }
  .sm-active-clip-inset:active { clip-path: inset(10%); }
  .sm-disabled-clip-inset:disabled { clip-path: inset(10%); }
  .sm-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  .sm-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  .sm-group:hover .sm-group-hover-clip-inset { clip-path: inset(10%); }
  .sm-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-group:hover .sm-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .sm-outline-none { outline: none; }
  .sm-hover-outline-none:hover { outline: none; }
  .sm-focus-outline-none:focus { outline: none; }
  .sm-active-outline-none:active { outline: none; }
  .sm-disabled-outline-none:disabled { outline: none; }
  .sm-focus-visible-outline-none:focus-visible { outline: none; }
  .sm-focus-within-outline-none:focus-within { outline: none; }
  .sm-group:hover .sm-group-hover-outline-none { outline: none; }
  .sm-outline-solid { outline-style: solid; }
  .sm-hover-outline-solid:hover { outline-style: solid; }
  .sm-focus-outline-solid:focus { outline-style: solid; }
  .sm-active-outline-solid:active { outline-style: solid; }
  .sm-disabled-outline-solid:disabled { outline-style: solid; }
  .sm-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  .sm-focus-within-outline-solid:focus-within { outline-style: solid; }
  .sm-group:hover .sm-group-hover-outline-solid { outline-style: solid; }
  .sm-outline-dashed { outline-style: dashed; }
  .sm-hover-outline-dashed:hover { outline-style: dashed; }
  .sm-focus-outline-dashed:focus { outline-style: dashed; }
  .sm-active-outline-dashed:active { outline-style: dashed; }
  .sm-disabled-outline-dashed:disabled { outline-style: dashed; }
  .sm-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  .sm-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  .sm-group:hover .sm-group-hover-outline-dashed { outline-style: dashed; }
  .sm-outline-offset-0 { outline-offset: 0; }
  .sm-hover-outline-offset-0:hover { outline-offset: 0; }
  .sm-focus-outline-offset-0:focus { outline-offset: 0; }
  .sm-active-outline-offset-0:active { outline-offset: 0; }
  .sm-disabled-outline-offset-0:disabled { outline-offset: 0; }
  .sm-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  .sm-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  .sm-group:hover .sm-group-hover-outline-offset-0 { outline-offset: 0; }
  .sm-outline-offset-2 { outline-offset: 2px; }
  .sm-hover-outline-offset-2:hover { outline-offset: 2px; }
  .sm-focus-outline-offset-2:focus { outline-offset: 2px; }
  .sm-active-outline-offset-2:active { outline-offset: 2px; }
  .sm-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  .sm-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  .sm-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  .sm-group:hover .sm-group-hover-outline-offset-2 { outline-offset: 2px; }
  .sm-outline-offset-4 { outline-offset: 4px; }
  .sm-hover-outline-offset-4:hover { outline-offset: 4px; }
  .sm-focus-outline-offset-4:focus { outline-offset: 4px; }
  .sm-active-outline-offset-4:active { outline-offset: 4px; }
  .sm-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  .sm-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  .sm-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  .sm-group:hover .sm-group-hover-outline-offset-4 { outline-offset: 4px; }
  .sm-shadow-none { box-shadow: none; }
  .sm-hover-shadow-none:hover { box-shadow: none; }
  .sm-focus-shadow-none:focus { box-shadow: none; }
  .sm-active-shadow-none:active { box-shadow: none; }
  .sm-disabled-shadow-none:disabled { box-shadow: none; }
  .sm-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  .sm-focus-within-shadow-none:focus-within { box-shadow: none; }
  .sm-group:hover .sm-group-hover-shadow-none { box-shadow: none; }
  .sm-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-group:hover .sm-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .sm-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-group:hover .sm-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .sm-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-group:hover .sm-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .sm-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-group:hover .sm-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .sm-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-group:hover .sm-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .sm-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-group:hover .sm-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .sm-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .sm-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .sm-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .sm-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .sm-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .sm-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-group:hover .sm-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .sm-accent-auto { accent-color: auto; }
  .sm-hover-accent-auto:hover { accent-color: auto; }
  .sm-focus-accent-auto:focus { accent-color: auto; }
  .sm-active-accent-auto:active { accent-color: auto; }
  .sm-disabled-accent-auto:disabled { accent-color: auto; }
  .sm-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .sm-focus-within-accent-auto:focus-within { accent-color: auto; }
  .sm-group:hover .sm-group-hover-accent-auto { accent-color: auto; }
  .sm-accent-current { accent-color: currentColor; }
  .sm-hover-accent-current:hover { accent-color: currentColor; }
  .sm-focus-accent-current:focus { accent-color: currentColor; }
  .sm-active-accent-current:active { accent-color: currentColor; }
  .sm-disabled-accent-current:disabled { accent-color: currentColor; }
  .sm-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  .sm-focus-within-accent-current:focus-within { accent-color: currentColor; }
  .sm-group:hover .sm-group-hover-accent-current { accent-color: currentColor; }
  .sm-appearance-none { appearance: none; }
  .sm-hover-appearance-none:hover { appearance: none; }
  .sm-focus-appearance-none:focus { appearance: none; }
  .sm-active-appearance-none:active { appearance: none; }
  .sm-disabled-appearance-none:disabled { appearance: none; }
  .sm-focus-visible-appearance-none:focus-visible { appearance: none; }
  .sm-focus-within-appearance-none:focus-within { appearance: none; }
  .sm-group:hover .sm-group-hover-appearance-none { appearance: none; }
  .sm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-group:hover .sm-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-group:hover .sm-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .sm-cursor-auto { cursor: auto; }
  .sm-hover-cursor-auto:hover { cursor: auto; }
  .sm-focus-cursor-auto:focus { cursor: auto; }
  .sm-active-cursor-auto:active { cursor: auto; }
  .sm-disabled-cursor-auto:disabled { cursor: auto; }
  .sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  .sm-group:hover .sm-group-hover-cursor-auto { cursor: auto; }
  .sm-cursor-pointer { cursor: pointer; }
  .sm-hover-cursor-pointer:hover { cursor: pointer; }
  .sm-focus-cursor-pointer:focus { cursor: pointer; }
  .sm-active-cursor-pointer:active { cursor: pointer; }
  .sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  .sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .sm-group:hover .sm-group-hover-cursor-pointer { cursor: pointer; }
  .sm-cursor-default { cursor: default; }
  .sm-hover-cursor-default:hover { cursor: default; }
  .sm-focus-cursor-default:focus { cursor: default; }
  .sm-active-cursor-default:active { cursor: default; }
  .sm-disabled-cursor-default:disabled { cursor: default; }
  .sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  .sm-focus-within-cursor-default:focus-within { cursor: default; }
  .sm-group:hover .sm-group-hover-cursor-default { cursor: default; }
  .sm-cursor-wait { cursor: wait; }
  .sm-hover-cursor-wait:hover { cursor: wait; }
  .sm-focus-cursor-wait:focus { cursor: wait; }
  .sm-active-cursor-wait:active { cursor: wait; }
  .sm-disabled-cursor-wait:disabled { cursor: wait; }
  .sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  .sm-group:hover .sm-group-hover-cursor-wait { cursor: wait; }
  .sm-cursor-text { cursor: text; }
  .sm-hover-cursor-text:hover { cursor: text; }
  .sm-focus-cursor-text:focus { cursor: text; }
  .sm-active-cursor-text:active { cursor: text; }
  .sm-disabled-cursor-text:disabled { cursor: text; }
  .sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  .sm-focus-within-cursor-text:focus-within { cursor: text; }
  .sm-group:hover .sm-group-hover-cursor-text { cursor: text; }
  .sm-cursor-move { cursor: move; }
  .sm-hover-cursor-move:hover { cursor: move; }
  .sm-focus-cursor-move:focus { cursor: move; }
  .sm-active-cursor-move:active { cursor: move; }
  .sm-disabled-cursor-move:disabled { cursor: move; }
  .sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  .sm-focus-within-cursor-move:focus-within { cursor: move; }
  .sm-group:hover .sm-group-hover-cursor-move { cursor: move; }
  .sm-cursor-not-allowed { cursor: not-allowed; }
  .sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  .sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .sm-group:hover .sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .sm-pointer-events-auto { pointer-events: auto; }
  .sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  .sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  .sm-active-pointer-events-auto:active { pointer-events: auto; }
  .sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .sm-group:hover .sm-group-hover-pointer-events-auto { pointer-events: auto; }
  .sm-pointer-events-none { pointer-events: none; }
  .sm-hover-pointer-events-none:hover { pointer-events: none; }
  .sm-focus-pointer-events-none:focus { pointer-events: none; }
  .sm-active-pointer-events-none:active { pointer-events: none; }
  .sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  .sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .sm-group:hover .sm-group-hover-pointer-events-none { pointer-events: none; }
  .sm-resize-none { resize: none; }
  .sm-hover-resize-none:hover { resize: none; }
  .sm-focus-resize-none:focus { resize: none; }
  .sm-active-resize-none:active { resize: none; }
  .sm-disabled-resize-none:disabled { resize: none; }
  .sm-focus-visible-resize-none:focus-visible { resize: none; }
  .sm-focus-within-resize-none:focus-within { resize: none; }
  .sm-group:hover .sm-group-hover-resize-none { resize: none; }
  .sm-resize-y { resize: vertical; }
  .sm-hover-resize-y:hover { resize: vertical; }
  .sm-focus-resize-y:focus { resize: vertical; }
  .sm-active-resize-y:active { resize: vertical; }
  .sm-disabled-resize-y:disabled { resize: vertical; }
  .sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  .sm-focus-within-resize-y:focus-within { resize: vertical; }
  .sm-group:hover .sm-group-hover-resize-y { resize: vertical; }
  .sm-resize-x { resize: horizontal; }
  .sm-hover-resize-x:hover { resize: horizontal; }
  .sm-focus-resize-x:focus { resize: horizontal; }
  .sm-active-resize-x:active { resize: horizontal; }
  .sm-disabled-resize-x:disabled { resize: horizontal; }
  .sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .sm-focus-within-resize-x:focus-within { resize: horizontal; }
  .sm-group:hover .sm-group-hover-resize-x { resize: horizontal; }
  .sm-resize { resize: both; }
  .sm-hover-resize:hover { resize: both; }
  .sm-focus-resize:focus { resize: both; }
  .sm-active-resize:active { resize: both; }
  .sm-disabled-resize:disabled { resize: both; }
  .sm-focus-visible-resize:focus-visible { resize: both; }
  .sm-focus-within-resize:focus-within { resize: both; }
  .sm-group:hover .sm-group-hover-resize { resize: both; }
  .sm-scroll-auto { scroll-behavior: auto; }
  .sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  .sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  .sm-active-scroll-auto:active { scroll-behavior: auto; }
  .sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .sm-group:hover .sm-group-hover-scroll-auto { scroll-behavior: auto; }
  .sm-scroll-smooth { scroll-behavior: smooth; }
  .sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  .sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .sm-group:hover .sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .sm-scroll-m-0 { scroll-margin: 0; }
  .sm-hover-scroll-m-0:hover { scroll-margin: 0; }
  .sm-focus-scroll-m-0:focus { scroll-margin: 0; }
  .sm-active-scroll-m-0:active { scroll-margin: 0; }
  .sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .sm-group:hover .sm-group-hover-scroll-m-0 { scroll-margin: 0; }
  .sm-scroll-m-1 { scroll-margin: 0.25rem; }
  .sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .sm-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .sm-scroll-m-2 { scroll-margin: 0.5rem; }
  .sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .sm-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .sm-scroll-m-4 { scroll-margin: 1rem; }
  .sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .sm-active-scroll-m-4:active { scroll-margin: 1rem; }
  .sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .sm-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .sm-scroll-m-8 { scroll-margin: 2rem; }
  .sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .sm-active-scroll-m-8:active { scroll-margin: 2rem; }
  .sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .sm-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .sm-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .sm-scroll-p-0 { scroll-padding: 0; }
  .sm-hover-scroll-p-0:hover { scroll-padding: 0; }
  .sm-focus-scroll-p-0:focus { scroll-padding: 0; }
  .sm-active-scroll-p-0:active { scroll-padding: 0; }
  .sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .sm-group:hover .sm-group-hover-scroll-p-0 { scroll-padding: 0; }
  .sm-scroll-p-1 { scroll-padding: 0.25rem; }
  .sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .sm-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .sm-group:hover .sm-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .sm-scroll-p-2 { scroll-padding: 0.5rem; }
  .sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .sm-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .sm-group:hover .sm-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .sm-scroll-p-4 { scroll-padding: 1rem; }
  .sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .sm-active-scroll-p-4:active { scroll-padding: 1rem; }
  .sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .sm-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .sm-group:hover .sm-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .sm-scroll-p-8 { scroll-padding: 2rem; }
  .sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .sm-active-scroll-p-8:active { scroll-padding: 2rem; }
  .sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .sm-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .sm-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .sm-group:hover .sm-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .sm-overscroll-auto { overscroll-behavior: auto; }
  .sm-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  .sm-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  .sm-active-overscroll-auto:active { overscroll-behavior: auto; }
  .sm-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  .sm-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  .sm-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  .sm-group:hover .sm-group-hover-overscroll-auto { overscroll-behavior: auto; }
  .sm-overscroll-contain { overscroll-behavior: contain; }
  .sm-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  .sm-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  .sm-active-overscroll-contain:active { overscroll-behavior: contain; }
  .sm-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  .sm-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  .sm-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  .sm-group:hover .sm-group-hover-overscroll-contain { overscroll-behavior: contain; }
  .sm-overscroll-none { overscroll-behavior: none; }
  .sm-hover-overscroll-none:hover { overscroll-behavior: none; }
  .sm-focus-overscroll-none:focus { overscroll-behavior: none; }
  .sm-active-overscroll-none:active { overscroll-behavior: none; }
  .sm-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  .sm-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  .sm-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  .sm-group:hover .sm-group-hover-overscroll-none { overscroll-behavior: none; }
  .sm-overscroll-x-auto { overscroll-behavior-x: auto; }
  .sm-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  .sm-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  .sm-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  .sm-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  .sm-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  .sm-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  .sm-group:hover .sm-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  .sm-overscroll-x-contain { overscroll-behavior-x: contain; }
  .sm-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  .sm-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  .sm-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  .sm-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  .sm-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  .sm-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  .sm-group:hover .sm-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  .sm-overscroll-x-none { overscroll-behavior-x: none; }
  .sm-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  .sm-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  .sm-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  .sm-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  .sm-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  .sm-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  .sm-group:hover .sm-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  .sm-overscroll-y-auto { overscroll-behavior-y: auto; }
  .sm-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  .sm-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  .sm-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  .sm-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  .sm-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  .sm-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  .sm-group:hover .sm-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  .sm-overscroll-y-contain { overscroll-behavior-y: contain; }
  .sm-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  .sm-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  .sm-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  .sm-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  .sm-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  .sm-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  .sm-group:hover .sm-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  .sm-overscroll-y-none { overscroll-behavior-y: none; }
  .sm-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  .sm-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  .sm-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  .sm-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  .sm-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  .sm-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  .sm-group:hover .sm-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  .sm-touch-auto { touch-action: auto; }
  .sm-hover-touch-auto:hover { touch-action: auto; }
  .sm-focus-touch-auto:focus { touch-action: auto; }
  .sm-active-touch-auto:active { touch-action: auto; }
  .sm-disabled-touch-auto:disabled { touch-action: auto; }
  .sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  .sm-group:hover .sm-group-hover-touch-auto { touch-action: auto; }
  .sm-touch-none { touch-action: none; }
  .sm-hover-touch-none:hover { touch-action: none; }
  .sm-focus-touch-none:focus { touch-action: none; }
  .sm-active-touch-none:active { touch-action: none; }
  .sm-disabled-touch-none:disabled { touch-action: none; }
  .sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  .sm-focus-within-touch-none:focus-within { touch-action: none; }
  .sm-group:hover .sm-group-hover-touch-none { touch-action: none; }
  .sm-touch-pan-x { touch-action: pan-x; }
  .sm-hover-touch-pan-x:hover { touch-action: pan-x; }
  .sm-focus-touch-pan-x:focus { touch-action: pan-x; }
  .sm-active-touch-pan-x:active { touch-action: pan-x; }
  .sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .sm-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .sm-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .sm-group:hover .sm-group-hover-touch-pan-x { touch-action: pan-x; }
  .sm-touch-pan-y { touch-action: pan-y; }
  .sm-hover-touch-pan-y:hover { touch-action: pan-y; }
  .sm-focus-touch-pan-y:focus { touch-action: pan-y; }
  .sm-active-touch-pan-y:active { touch-action: pan-y; }
  .sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .sm-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .sm-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .sm-group:hover .sm-group-hover-touch-pan-y { touch-action: pan-y; }
  .sm-touch-manipulation { touch-action: manipulation; }
  .sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  .sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  .sm-active-touch-manipulation:active { touch-action: manipulation; }
  .sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .sm-group:hover .sm-group-hover-touch-manipulation { touch-action: manipulation; }
  .sm-select-none { user-select: none; }
  .sm-hover-select-none:hover { user-select: none; }
  .sm-focus-select-none:focus { user-select: none; }
  .sm-active-select-none:active { user-select: none; }
  .sm-disabled-select-none:disabled { user-select: none; }
  .sm-focus-visible-select-none:focus-visible { user-select: none; }
  .sm-focus-within-select-none:focus-within { user-select: none; }
  .sm-group:hover .sm-group-hover-select-none { user-select: none; }
  .sm-select-text { user-select: text; }
  .sm-hover-select-text:hover { user-select: text; }
  .sm-focus-select-text:focus { user-select: text; }
  .sm-active-select-text:active { user-select: text; }
  .sm-disabled-select-text:disabled { user-select: text; }
  .sm-focus-visible-select-text:focus-visible { user-select: text; }
  .sm-focus-within-select-text:focus-within { user-select: text; }
  .sm-group:hover .sm-group-hover-select-text { user-select: text; }
  .sm-select-all { user-select: all; }
  .sm-hover-select-all:hover { user-select: all; }
  .sm-focus-select-all:focus { user-select: all; }
  .sm-active-select-all:active { user-select: all; }
  .sm-disabled-select-all:disabled { user-select: all; }
  .sm-focus-visible-select-all:focus-visible { user-select: all; }
  .sm-focus-within-select-all:focus-within { user-select: all; }
  .sm-group:hover .sm-group-hover-select-all { user-select: all; }
  .sm-select-auto { user-select: auto; }
  .sm-hover-select-auto:hover { user-select: auto; }
  .sm-focus-select-auto:focus { user-select: auto; }
  .sm-active-select-auto:active { user-select: auto; }
  .sm-disabled-select-auto:disabled { user-select: auto; }
  .sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  .sm-focus-within-select-auto:focus-within { user-select: auto; }
  .sm-group:hover .sm-group-hover-select-auto { user-select: auto; }
  .sm-will-change-auto { will-change: auto; }
  .sm-hover-will-change-auto:hover { will-change: auto; }
  .sm-focus-will-change-auto:focus { will-change: auto; }
  .sm-active-will-change-auto:active { will-change: auto; }
  .sm-disabled-will-change-auto:disabled { will-change: auto; }
  .sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  .sm-group:hover .sm-group-hover-will-change-auto { will-change: auto; }
  .sm-will-change-scroll { will-change: scroll-position; }
  .sm-hover-will-change-scroll:hover { will-change: scroll-position; }
  .sm-focus-will-change-scroll:focus { will-change: scroll-position; }
  .sm-active-will-change-scroll:active { will-change: scroll-position; }
  .sm-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  .sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  .sm-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  .sm-group:hover .sm-group-hover-will-change-scroll { will-change: scroll-position; }
  .sm-will-change-transform { will-change: transform; }
  .sm-hover-will-change-transform:hover { will-change: transform; }
  .sm-focus-will-change-transform:focus { will-change: transform; }
  .sm-active-will-change-transform:active { will-change: transform; }
  .sm-disabled-will-change-transform:disabled { will-change: transform; }
  .sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  .sm-group:hover .sm-group-hover-will-change-transform { will-change: transform; }
  .sm-will-change-opacity { will-change: opacity; }
  .sm-hover-will-change-opacity:hover { will-change: opacity; }
  .sm-focus-will-change-opacity:focus { will-change: opacity; }
  .sm-active-will-change-opacity:active { will-change: opacity; }
  .sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  .sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .sm-group:hover .sm-group-hover-will-change-opacity { will-change: opacity; }
  .sm-bg-primary { background-color: var(--quanta-primary); }
  .sm-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  .sm-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  .sm-active-bg-primary:active { background-color: var(--quanta-primary); }
  .sm-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  .sm-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  .sm-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  .sm-group:hover .sm-group-hover-bg-primary { background-color: var(--quanta-primary); }
  .sm-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .sm-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  .sm-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  .sm-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  .sm-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  .sm-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  .sm-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  .sm-group:hover .sm-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .sm-bg-success { background-color: var(--quanta-bg-success); }
  .sm-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  .sm-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  .sm-active-bg-success:active { background-color: var(--quanta-bg-success); }
  .sm-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  .sm-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  .sm-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  .sm-group:hover .sm-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  .sm-bg-warning { background-color: var(--quanta-bg-warning); }
  .sm-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  .sm-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  .sm-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  .sm-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  .sm-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  .sm-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  .sm-group:hover .sm-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  .sm-bg-danger { background-color: var(--quanta-bg-danger); }
  .sm-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  .sm-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  .sm-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  .sm-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  .sm-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  .sm-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  .sm-group:hover .sm-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  .sm-bg-info { background-color: var(--quanta-bg-info); }
  .sm-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  .sm-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  .sm-active-bg-info:active { background-color: var(--quanta-bg-info); }
  .sm-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  .sm-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  .sm-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  .sm-group:hover .sm-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  .sm-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .sm-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  .sm-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  .sm-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  .sm-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  .sm-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  .sm-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  .sm-group:hover .sm-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .sm-bg-accent { background-color: var(--quanta-bg-accent); }
  .sm-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  .sm-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  .sm-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  .sm-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  .sm-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  .sm-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  .sm-group:hover .sm-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  .sm-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .sm-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  .sm-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  .sm-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  .sm-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  .sm-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  .sm-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  .sm-group:hover .sm-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .sm-bg-link { background-color: var(--quanta-text-link); }
  .sm-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  .sm-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  .sm-active-bg-link:active { background-color: var(--quanta-text-link); }
  .sm-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  .sm-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  .sm-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  .sm-group:hover .sm-group-hover-bg-link { background-color: var(--quanta-text-link); }
  .sm-text-primary { color: var(--quanta-primary); }
  .sm-hover-text-primary:hover { color: var(--quanta-primary); }
  .sm-focus-text-primary:focus { color: var(--quanta-primary); }
  .sm-active-text-primary:active { color: var(--quanta-primary); }
  .sm-disabled-text-primary:disabled { color: var(--quanta-primary); }
  .sm-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  .sm-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  .sm-group:hover .sm-group-hover-text-primary { color: var(--quanta-primary); }
  .sm-text-secondary { color: var(--quanta-text-secondary); }
  .sm-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  .sm-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  .sm-active-text-secondary:active { color: var(--quanta-text-secondary); }
  .sm-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  .sm-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  .sm-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  .sm-group:hover .sm-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  .sm-text-success { color: var(--quanta-text-success); }
  .sm-hover-text-success:hover { color: var(--quanta-text-success); }
  .sm-focus-text-success:focus { color: var(--quanta-text-success); }
  .sm-active-text-success:active { color: var(--quanta-text-success); }
  .sm-disabled-text-success:disabled { color: var(--quanta-text-success); }
  .sm-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  .sm-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  .sm-group:hover .sm-group-hover-text-success { color: var(--quanta-text-success); }
  .sm-text-warning { color: var(--quanta-text-warning); }
  .sm-hover-text-warning:hover { color: var(--quanta-text-warning); }
  .sm-focus-text-warning:focus { color: var(--quanta-text-warning); }
  .sm-active-text-warning:active { color: var(--quanta-text-warning); }
  .sm-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  .sm-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  .sm-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  .sm-group:hover .sm-group-hover-text-warning { color: var(--quanta-text-warning); }
  .sm-text-danger { color: var(--quanta-text-danger); }
  .sm-hover-text-danger:hover { color: var(--quanta-text-danger); }
  .sm-focus-text-danger:focus { color: var(--quanta-text-danger); }
  .sm-active-text-danger:active { color: var(--quanta-text-danger); }
  .sm-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  .sm-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  .sm-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  .sm-group:hover .sm-group-hover-text-danger { color: var(--quanta-text-danger); }
  .sm-text-info { color: var(--quanta-text-info); }
  .sm-hover-text-info:hover { color: var(--quanta-text-info); }
  .sm-focus-text-info:focus { color: var(--quanta-text-info); }
  .sm-active-text-info:active { color: var(--quanta-text-info); }
  .sm-disabled-text-info:disabled { color: var(--quanta-text-info); }
  .sm-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  .sm-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  .sm-group:hover .sm-group-hover-text-info { color: var(--quanta-text-info); }
  .sm-text-neutral { color: var(--quanta-text-neutral); }
  .sm-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  .sm-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  .sm-active-text-neutral:active { color: var(--quanta-text-neutral); }
  .sm-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  .sm-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  .sm-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  .sm-group:hover .sm-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  .sm-text-accent { color: var(--quanta-text-accent); }
  .sm-hover-text-accent:hover { color: var(--quanta-text-accent); }
  .sm-focus-text-accent:focus { color: var(--quanta-text-accent); }
  .sm-active-text-accent:active { color: var(--quanta-text-accent); }
  .sm-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  .sm-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  .sm-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  .sm-group:hover .sm-group-hover-text-accent { color: var(--quanta-text-accent); }
  .sm-text-ghost { color: var(--quanta-text-ghost); }
  .sm-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  .sm-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  .sm-active-text-ghost:active { color: var(--quanta-text-ghost); }
  .sm-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  .sm-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  .sm-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  .sm-group:hover .sm-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  .sm-text-link { color: var(--quanta-text-link); }
  .sm-hover-text-link:hover { color: var(--quanta-text-link); }
  .sm-focus-text-link:focus { color: var(--quanta-text-link); }
  .sm-active-text-link:active { color: var(--quanta-text-link); }
  .sm-disabled-text-link:disabled { color: var(--quanta-text-link); }
  .sm-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  .sm-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  .sm-group:hover .sm-group-hover-text-link { color: var(--quanta-text-link); }
  .sm-border-primary { border-color: var(--quanta-border-primary); }
  .sm-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  .sm-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  .sm-active-border-primary:active { border-color: var(--quanta-border-primary); }
  .sm-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  .sm-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  .sm-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  .sm-group:hover .sm-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  .sm-border-secondary { border-color: var(--quanta-border-secondary); }
  .sm-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  .sm-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  .sm-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  .sm-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  .sm-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  .sm-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  .sm-group:hover .sm-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  .sm-border-success { border-color: var(--quanta-border-success); }
  .sm-hover-border-success:hover { border-color: var(--quanta-border-success); }
  .sm-focus-border-success:focus { border-color: var(--quanta-border-success); }
  .sm-active-border-success:active { border-color: var(--quanta-border-success); }
  .sm-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  .sm-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  .sm-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  .sm-group:hover .sm-group-hover-border-success { border-color: var(--quanta-border-success); }
  .sm-border-warning { border-color: var(--quanta-border-warning); }
  .sm-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  .sm-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  .sm-active-border-warning:active { border-color: var(--quanta-border-warning); }
  .sm-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  .sm-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  .sm-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  .sm-group:hover .sm-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  .sm-border-danger { border-color: var(--quanta-border-danger); }
  .sm-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  .sm-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  .sm-active-border-danger:active { border-color: var(--quanta-border-danger); }
  .sm-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  .sm-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  .sm-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  .sm-group:hover .sm-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  .sm-border-info { border-color: var(--quanta-border-info); }
  .sm-hover-border-info:hover { border-color: var(--quanta-border-info); }
  .sm-focus-border-info:focus { border-color: var(--quanta-border-info); }
  .sm-active-border-info:active { border-color: var(--quanta-border-info); }
  .sm-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  .sm-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  .sm-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  .sm-group:hover .sm-group-hover-border-info { border-color: var(--quanta-border-info); }
  .sm-border-neutral { border-color: var(--quanta-border-neutral); }
  .sm-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  .sm-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  .sm-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  .sm-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  .sm-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  .sm-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  .sm-group:hover .sm-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  .sm-border-accent { border-color: var(--quanta-border-accent); }
  .sm-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  .sm-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  .sm-active-border-accent:active { border-color: var(--quanta-border-accent); }
  .sm-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  .sm-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  .sm-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  .sm-group:hover .sm-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  .sm-border-ghost { border-color: var(--quanta-border-ghost); }
  .sm-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  .sm-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  .sm-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  .sm-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  .sm-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  .sm-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  .sm-group:hover .sm-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  .sm-border-link { border-color: var(--quanta-text-link); }
  .sm-hover-border-link:hover { border-color: var(--quanta-text-link); }
  .sm-focus-border-link:focus { border-color: var(--quanta-text-link); }
  .sm-active-border-link:active { border-color: var(--quanta-text-link); }
  .sm-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  .sm-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  .sm-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  .sm-group:hover .sm-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 480px) {
  html[data-theme="dark"] .dark-sm-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-sm-hover-p-auto:hover { padding: auto; }
  html[data-theme="dark"] .dark-sm-focus-p-auto:focus { padding: auto; }
  html[data-theme="dark"] .dark-sm-active-p-auto:active { padding: auto; }
  html[data-theme="dark"] .dark-sm-disabled-p-auto:disabled { padding: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-auto:focus-visible { padding: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-p-auto:focus-within { padding: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-sm-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-sm-hover-p-0:hover { padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-p-0:focus { padding: 0; }
  html[data-theme="dark"] .dark-sm-active-p-0:active { padding: 0; }
  html[data-theme="dark"] .dark-sm-disabled-p-0:disabled { padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-0:focus-visible { padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-p-0:focus-within { padding: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-sm-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-p-1:hover { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-p-1:focus { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-p-1:active { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-1:disabled { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-1:focus-within { padding: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-p-2:hover { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-p-2:focus { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-p-2:active { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-2:disabled { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-2:focus-within { padding: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-p-3:hover { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-p-3:focus { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-p-3:active { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-3:disabled { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-3:focus-within { padding: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-p-4:hover { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-p-4:focus { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-active-p-4:active { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-4:disabled { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-4:focus-visible { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-4:focus-within { padding: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-sm-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-p-5:hover { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-p-5:focus { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-p-5:active { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-5:disabled { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-5:focus-within { padding: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-sm-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-p-6:hover { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-p-6:focus { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-p-6:active { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-6:disabled { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-6:focus-within { padding: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-p-8:hover { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-p-8:focus { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-active-p-8:active { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-8:disabled { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-8:focus-visible { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-8:focus-within { padding: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-sm-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-p-10:hover { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-p-10:focus { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-p-10:active { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-10:disabled { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-10:focus-within { padding: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-sm-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-p-12:hover { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-p-12:focus { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-active-p-12:active { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-12:disabled { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-12:focus-visible { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-12:focus-within { padding: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-sm-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-p-16:hover { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-p-16:focus { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-active-p-16:active { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-16:disabled { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-16:focus-visible { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-16:focus-within { padding: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-sm-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-p-20:hover { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-p-20:focus { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-active-p-20:active { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-20:disabled { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-20:focus-visible { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-20:focus-within { padding: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-sm-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-p-24:hover { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-p-24:focus { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-active-p-24:active { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-24:disabled { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-24:focus-visible { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-24:focus-within { padding: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-sm-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-p-28:hover { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-p-28:focus { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-active-p-28:active { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-28:disabled { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-28:focus-visible { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-28:focus-within { padding: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-sm-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-p-32:hover { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-p-32:focus { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-active-p-32:active { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-p-32:disabled { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-p-32:focus-visible { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-p-32:focus-within { padding: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-sm-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-hover-pt-auto:hover { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-pt-auto:focus { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-active-pt-auto:active { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pt-auto:disabled { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-auto:focus-within { padding-top: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-sm-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-hover-pt-0:hover { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-pt-0:focus { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-active-pt-0:active { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-disabled-pt-0:disabled { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-0:focus-visible { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-0:focus-within { padding-top: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-sm-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-1:hover { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-1:focus { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-pt-1:active { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-1:disabled { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-2:hover { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-2:focus { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-pt-2:active { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-2:disabled { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-3:hover { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-3:focus { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-pt-3:active { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-3:disabled { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-4:hover { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-4:focus { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-active-pt-4:active { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-4:disabled { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-4:focus-within { padding-top: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-sm-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-5:hover { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-5:focus { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-pt-5:active { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-5:disabled { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-6:hover { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-6:focus { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-pt-6:active { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-6:disabled { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-8:hover { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-8:focus { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-active-pt-8:active { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-8:disabled { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-8:focus-within { padding-top: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-sm-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-10:hover { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-10:focus { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-pt-10:active { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-10:disabled { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-12:hover { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-12:focus { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-active-pt-12:active { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-12:disabled { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-12:focus-within { padding-top: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-sm-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-16:hover { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-16:focus { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-active-pt-16:active { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-16:disabled { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-16:focus-within { padding-top: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-sm-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-20:hover { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-20:focus { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-active-pt-20:active { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-20:disabled { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-20:focus-within { padding-top: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-sm-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-24:hover { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-24:focus { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-active-pt-24:active { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-24:disabled { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-24:focus-within { padding-top: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-sm-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-28:hover { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-28:focus { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-active-pt-28:active { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-28:disabled { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-28:focus-within { padding-top: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-sm-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-pt-32:hover { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-pt-32:focus { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-active-pt-32:active { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-pt-32:disabled { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pt-32:focus-within { padding-top: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-sm-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-hover-pb-auto:hover { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-pb-auto:focus { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-active-pb-auto:active { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pb-auto:disabled { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-hover-pb-0:hover { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-pb-0:focus { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-active-pb-0:active { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-disabled-pb-0:disabled { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-0:focus-within { padding-bottom: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-1:hover { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-1:focus { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-pb-1:active { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-2:hover { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-2:focus { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-pb-2:active { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-3:hover { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-3:focus { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-pb-3:active { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-4:hover { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-4:focus { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-active-pb-4:active { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-4:disabled { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-5:hover { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-5:focus { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-pb-5:active { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-6:hover { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-6:focus { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-pb-6:active { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-8:hover { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-8:focus { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-active-pb-8:active { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-8:disabled { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-10:hover { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-10:focus { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-pb-10:active { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-12:hover { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-12:focus { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-active-pb-12:active { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-12:disabled { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-16:hover { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-16:focus { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-active-pb-16:active { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-16:disabled { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-20:hover { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-20:focus { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-active-pb-20:active { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-20:disabled { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-24:hover { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-24:focus { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-active-pb-24:active { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-24:disabled { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-28:hover { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-28:focus { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-active-pb-28:active { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-28:disabled { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-pb-32:hover { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-pb-32:focus { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-active-pb-32:active { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-pb-32:disabled { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-hover-pl-auto:hover { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-pl-auto:focus { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-active-pl-auto:active { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pl-auto:disabled { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-auto:focus-within { padding-left: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-sm-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-hover-pl-0:hover { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-pl-0:focus { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-active-pl-0:active { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-disabled-pl-0:disabled { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-0:focus-visible { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-0:focus-within { padding-left: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-sm-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-1:hover { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-1:focus { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-pl-1:active { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-1:disabled { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-2:hover { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-2:focus { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-pl-2:active { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-2:disabled { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-3:hover { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-3:focus { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-pl-3:active { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-3:disabled { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-4:hover { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-4:focus { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-active-pl-4:active { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-4:disabled { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-4:focus-within { padding-left: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-sm-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-5:hover { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-5:focus { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-pl-5:active { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-5:disabled { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-6:hover { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-6:focus { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-pl-6:active { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-6:disabled { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-8:hover { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-8:focus { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-active-pl-8:active { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-8:disabled { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-8:focus-within { padding-left: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-sm-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-10:hover { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-10:focus { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-pl-10:active { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-10:disabled { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-12:hover { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-12:focus { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-active-pl-12:active { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-12:disabled { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-12:focus-within { padding-left: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-sm-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-16:hover { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-16:focus { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-active-pl-16:active { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-16:disabled { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-16:focus-within { padding-left: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-sm-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-20:hover { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-20:focus { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-active-pl-20:active { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-20:disabled { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-20:focus-within { padding-left: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-sm-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-24:hover { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-24:focus { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-active-pl-24:active { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-24:disabled { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-24:focus-within { padding-left: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-sm-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-28:hover { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-28:focus { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-active-pl-28:active { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-28:disabled { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-28:focus-within { padding-left: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-sm-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-pl-32:hover { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-pl-32:focus { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-active-pl-32:active { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-pl-32:disabled { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pl-32:focus-within { padding-left: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-sm-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-hover-pr-auto:hover { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-pr-auto:focus { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-active-pr-auto:active { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pr-auto:disabled { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-auto:focus-within { padding-right: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-sm-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-hover-pr-0:hover { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-pr-0:focus { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-active-pr-0:active { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-disabled-pr-0:disabled { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-0:focus-visible { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-0:focus-within { padding-right: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-sm-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-1:hover { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-1:focus { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-pr-1:active { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-1:disabled { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-2:hover { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-2:focus { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-pr-2:active { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-2:disabled { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-3:hover { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-3:focus { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-pr-3:active { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-3:disabled { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-4:hover { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-4:focus { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-active-pr-4:active { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-4:disabled { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-4:focus-within { padding-right: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-5:hover { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-5:focus { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-pr-5:active { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-5:disabled { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-6:hover { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-6:focus { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-pr-6:active { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-6:disabled { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-8:hover { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-8:focus { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-active-pr-8:active { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-8:disabled { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-8:focus-within { padding-right: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-10:hover { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-10:focus { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-pr-10:active { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-10:disabled { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-12:hover { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-12:focus { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-active-pr-12:active { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-12:disabled { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-12:focus-within { padding-right: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-16:hover { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-16:focus { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-active-pr-16:active { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-16:disabled { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-16:focus-within { padding-right: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-20:hover { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-20:focus { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-active-pr-20:active { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-20:disabled { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-20:focus-within { padding-right: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-24:hover { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-24:focus { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-active-pr-24:active { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-24:disabled { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-24:focus-within { padding-right: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-28:hover { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-28:focus { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-active-pr-28:active { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-28:disabled { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-28:focus-within { padding-right: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-pr-32:hover { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-pr-32:focus { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-active-pr-32:active { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-pr-32:disabled { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-pr-32:focus-within { padding-right: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-active-px-auto:active { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-sm-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-active-px-0:active { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-sm-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-sm-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-sm-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-sm-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-sm-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-sm-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-sm-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-sm-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-sm-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-sm-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-sm-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-sm-hover-m-auto:hover { margin: auto; }
  html[data-theme="dark"] .dark-sm-focus-m-auto:focus { margin: auto; }
  html[data-theme="dark"] .dark-sm-active-m-auto:active { margin: auto; }
  html[data-theme="dark"] .dark-sm-disabled-m-auto:disabled { margin: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-auto:focus-visible { margin: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-m-auto:focus-within { margin: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-sm-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-sm-hover-m-0:hover { margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-m-0:focus { margin: 0; }
  html[data-theme="dark"] .dark-sm-active-m-0:active { margin: 0; }
  html[data-theme="dark"] .dark-sm-disabled-m-0:disabled { margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-0:focus-visible { margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-m-0:focus-within { margin: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-sm-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-m-1:hover { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-m-1:focus { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-m-1:active { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-1:disabled { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-1:focus-within { margin: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-m-2:hover { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-m-2:focus { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-m-2:active { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-2:disabled { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-2:focus-within { margin: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-m-3:hover { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-m-3:focus { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-m-3:active { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-3:disabled { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-3:focus-within { margin: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-m-4:hover { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-m-4:focus { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-active-m-4:active { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-4:disabled { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-4:focus-visible { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-4:focus-within { margin: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-sm-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-m-5:hover { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-m-5:focus { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-m-5:active { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-5:disabled { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-5:focus-within { margin: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-sm-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-m-6:hover { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-m-6:focus { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-m-6:active { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-6:disabled { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-6:focus-within { margin: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-m-8:hover { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-m-8:focus { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-active-m-8:active { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-8:disabled { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-8:focus-visible { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-8:focus-within { margin: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-sm-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-m-10:hover { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-m-10:focus { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-m-10:active { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-10:disabled { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-10:focus-within { margin: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-sm-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-m-12:hover { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-m-12:focus { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-active-m-12:active { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-12:disabled { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-12:focus-visible { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-12:focus-within { margin: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-sm-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-m-16:hover { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-m-16:focus { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-active-m-16:active { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-16:disabled { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-16:focus-visible { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-16:focus-within { margin: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-sm-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-m-20:hover { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-m-20:focus { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-active-m-20:active { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-20:disabled { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-20:focus-visible { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-20:focus-within { margin: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-sm-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-m-24:hover { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-m-24:focus { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-active-m-24:active { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-24:disabled { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-24:focus-visible { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-24:focus-within { margin: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-sm-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-m-28:hover { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-m-28:focus { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-active-m-28:active { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-28:disabled { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-28:focus-visible { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-28:focus-within { margin: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-sm-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-m-32:hover { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-m-32:focus { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-active-m-32:active { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-m-32:disabled { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-m-32:focus-visible { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-m-32:focus-within { margin: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-sm-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-hover-mt-auto:hover { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-mt-auto:focus { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-active-mt-auto:active { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-disabled-mt-auto:disabled { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-auto:focus-within { margin-top: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-sm-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-hover-mt-0:hover { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-mt-0:focus { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-active-mt-0:active { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-disabled-mt-0:disabled { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-0:focus-visible { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-0:focus-within { margin-top: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-sm-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-1:hover { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-1:focus { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-mt-1:active { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-1:disabled { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-sm-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-2:hover { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-2:focus { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-mt-2:active { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-2:disabled { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-sm-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-3:hover { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-3:focus { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-mt-3:active { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-3:disabled { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-sm-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-4:hover { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-4:focus { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-active-mt-4:active { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-4:disabled { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-4:focus-within { margin-top: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-sm-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-5:hover { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-5:focus { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-mt-5:active { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-5:disabled { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-sm-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-6:hover { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-6:focus { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-mt-6:active { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-6:disabled { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-sm-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-8:hover { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-8:focus { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-active-mt-8:active { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-8:disabled { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-8:focus-within { margin-top: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-sm-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-10:hover { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-10:focus { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-mt-10:active { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-10:disabled { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-sm-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-12:hover { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-12:focus { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-active-mt-12:active { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-12:disabled { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-12:focus-within { margin-top: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-sm-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-16:hover { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-16:focus { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-active-mt-16:active { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-16:disabled { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-16:focus-within { margin-top: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-sm-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-20:hover { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-20:focus { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-active-mt-20:active { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-20:disabled { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-20:focus-within { margin-top: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-sm-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-24:hover { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-24:focus { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-active-mt-24:active { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-24:disabled { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-24:focus-within { margin-top: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-sm-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-28:hover { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-28:focus { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-active-mt-28:active { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-28:disabled { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-28:focus-within { margin-top: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-sm-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-mt-32:hover { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-mt-32:focus { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-active-mt-32:active { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-mt-32:disabled { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mt-32:focus-within { margin-top: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-sm-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-hover-mb-auto:hover { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-mb-auto:focus { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-active-mb-auto:active { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-disabled-mb-auto:disabled { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-hover-mb-0:hover { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-mb-0:focus { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-active-mb-0:active { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-disabled-mb-0:disabled { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-0:focus-within { margin-bottom: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-1:hover { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-1:focus { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-mb-1:active { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-2:hover { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-2:focus { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-mb-2:active { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-3:hover { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-3:focus { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-mb-3:active { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-4:hover { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-4:focus { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-active-mb-4:active { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-4:disabled { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-5:hover { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-5:focus { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-mb-5:active { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-6:hover { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-6:focus { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-mb-6:active { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-8:hover { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-8:focus { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-active-mb-8:active { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-8:disabled { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-10:hover { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-10:focus { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-mb-10:active { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-12:hover { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-12:focus { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-active-mb-12:active { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-12:disabled { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-16:hover { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-16:focus { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-active-mb-16:active { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-16:disabled { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-20:hover { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-20:focus { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-active-mb-20:active { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-20:disabled { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-24:hover { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-24:focus { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-active-mb-24:active { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-24:disabled { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-28:hover { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-28:focus { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-active-mb-28:active { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-28:disabled { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-mb-32:hover { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-mb-32:focus { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-active-mb-32:active { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-mb-32:disabled { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-hover-ml-auto:hover { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-ml-auto:focus { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-active-ml-auto:active { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-disabled-ml-auto:disabled { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-auto:focus-within { margin-left: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-sm-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-hover-ml-0:hover { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-ml-0:focus { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-active-ml-0:active { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-disabled-ml-0:disabled { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-0:focus-visible { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-0:focus-within { margin-left: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-sm-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-1:hover { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-1:focus { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-ml-1:active { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-1:disabled { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-sm-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-2:hover { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-2:focus { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-ml-2:active { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-2:disabled { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-sm-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-3:hover { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-3:focus { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-ml-3:active { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-3:disabled { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-sm-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-4:hover { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-4:focus { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-active-ml-4:active { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-4:disabled { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-4:focus-within { margin-left: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-sm-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-5:hover { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-5:focus { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-ml-5:active { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-5:disabled { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-sm-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-6:hover { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-6:focus { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-ml-6:active { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-6:disabled { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-sm-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-8:hover { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-8:focus { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-active-ml-8:active { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-8:disabled { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-8:focus-within { margin-left: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-sm-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-10:hover { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-10:focus { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-ml-10:active { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-10:disabled { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-sm-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-12:hover { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-12:focus { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-active-ml-12:active { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-12:disabled { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-12:focus-within { margin-left: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-sm-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-16:hover { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-16:focus { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-active-ml-16:active { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-16:disabled { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-16:focus-within { margin-left: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-sm-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-20:hover { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-20:focus { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-active-ml-20:active { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-20:disabled { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-20:focus-within { margin-left: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-sm-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-24:hover { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-24:focus { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-active-ml-24:active { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-24:disabled { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-24:focus-within { margin-left: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-sm-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-28:hover { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-28:focus { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-active-ml-28:active { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-28:disabled { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-28:focus-within { margin-left: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-sm-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-ml-32:hover { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-ml-32:focus { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-active-ml-32:active { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-ml-32:disabled { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ml-32:focus-within { margin-left: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-sm-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-hover-mr-auto:hover { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-mr-auto:focus { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-active-mr-auto:active { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-disabled-mr-auto:disabled { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-auto:focus-within { margin-right: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-sm-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-hover-mr-0:hover { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-mr-0:focus { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-active-mr-0:active { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-disabled-mr-0:disabled { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-0:focus-visible { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-0:focus-within { margin-right: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-sm-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-1:hover { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-1:focus { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-mr-1:active { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-1:disabled { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-2:hover { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-2:focus { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-mr-2:active { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-2:disabled { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-3:hover { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-3:focus { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-mr-3:active { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-3:disabled { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-4:hover { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-4:focus { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-active-mr-4:active { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-4:disabled { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-4:focus-within { margin-right: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-5:hover { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-5:focus { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-mr-5:active { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-5:disabled { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-6:hover { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-6:focus { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-mr-6:active { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-6:disabled { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-8:hover { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-8:focus { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-active-mr-8:active { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-8:disabled { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-8:focus-within { margin-right: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-10:hover { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-10:focus { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-mr-10:active { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-10:disabled { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-12:hover { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-12:focus { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-active-mr-12:active { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-12:disabled { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-12:focus-within { margin-right: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-16:hover { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-16:focus { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-active-mr-16:active { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-16:disabled { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-16:focus-within { margin-right: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-20:hover { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-20:focus { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-active-mr-20:active { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-20:disabled { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-20:focus-within { margin-right: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-24:hover { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-24:focus { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-active-mr-24:active { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-24:disabled { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-24:focus-within { margin-right: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-28:hover { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-28:focus { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-active-mr-28:active { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-28:disabled { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-28:focus-within { margin-right: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-mr-32:hover { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-mr-32:focus { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-active-mr-32:active { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-mr-32:disabled { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mr-32:focus-within { margin-right: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-sm-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-active-mx-0:active { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-sm-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-sm-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-sm-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-sm-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-sm-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-sm-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-sm-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-sm-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-sm-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-sm-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-sm-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-sm-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-sm-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-sm-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-sm-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-sm-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-sm-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-sm-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-sm-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-sm-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-sm-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-sm-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-sm-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-sm-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-sm-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-sm-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-sm-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-sm-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-sm-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-sm-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-sm-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-hover-space-x-auto:hover { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-space-x-auto:focus { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-active-space-x-auto:active { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-auto:disabled { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-auto:focus-within { --space-x: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-sm-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-hover-space-x-0:hover { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-focus-space-x-0:focus { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-active-space-x-0:active { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-0:disabled { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-0:focus-within { --space-x: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-sm-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-1:hover { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-1:focus { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-1:active { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-sm-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-2:hover { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-2:focus { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-2:active { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-sm-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-3:hover { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-3:focus { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-3:active { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-sm-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-4:hover { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-4:focus { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-4:active { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-4:disabled { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-sm-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-5:hover { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-5:focus { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-5:active { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-sm-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-6:hover { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-6:focus { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-6:active { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-sm-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-8:hover { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-8:focus { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-8:active { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-8:disabled { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-sm-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-10:hover { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-10:focus { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-10:active { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-sm-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-12:hover { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-12:focus { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-12:active { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-12:disabled { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-sm-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-16:hover { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-16:focus { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-16:active { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-16:disabled { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-sm-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-20:hover { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-20:focus { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-20:active { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-20:disabled { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-sm-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-24:hover { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-24:focus { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-24:active { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-24:disabled { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-sm-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-28:hover { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-28:focus { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-28:active { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-28:disabled { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-sm-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-space-x-32:hover { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-space-x-32:focus { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-active-space-x-32:active { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-x-32:disabled { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-sm-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-hover-space-y-auto:hover { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-space-y-auto:focus { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-active-space-y-auto:active { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-auto:disabled { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-auto:focus-within { --space-y: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-sm-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-hover-space-y-0:hover { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-focus-space-y-0:focus { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-active-space-y-0:active { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-0:disabled { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-0:focus-within { --space-y: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-sm-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-1:hover { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-1:focus { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-1:active { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-sm-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-2:hover { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-2:focus { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-2:active { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-sm-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-3:hover { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-3:focus { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-3:active { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-sm-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-4:hover { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-4:focus { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-4:active { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-4:disabled { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-sm-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-5:hover { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-5:focus { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-5:active { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-sm-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-6:hover { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-6:focus { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-6:active { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-sm-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-8:hover { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-8:focus { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-8:active { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-8:disabled { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-sm-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-10:hover { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-10:focus { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-10:active { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-sm-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-12:hover { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-12:focus { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-12:active { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-12:disabled { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-sm-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-16:hover { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-16:focus { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-16:active { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-16:disabled { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-sm-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-20:hover { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-20:focus { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-20:active { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-20:disabled { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-sm-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-24:hover { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-24:focus { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-24:active { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-24:disabled { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-sm-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-28:hover { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-28:focus { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-28:active { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-28:disabled { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-sm-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-space-y-32:hover { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-space-y-32:focus { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-active-space-y-32:active { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-space-y-32:disabled { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-sm-d-block { display: block; }
  html[data-theme="dark"] .dark-sm-hover-d-block:hover { display: block; }
  html[data-theme="dark"] .dark-sm-focus-d-block:focus { display: block; }
  html[data-theme="dark"] .dark-sm-active-d-block:active { display: block; }
  html[data-theme="dark"] .dark-sm-disabled-d-block:disabled { display: block; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-block:focus-visible { display: block; }
  html[data-theme="dark"] .dark-sm-focus-within-d-block:focus-within { display: block; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-block { display: block; }
  html[data-theme="dark"] .dark-sm-d-inline { display: inline; }
  html[data-theme="dark"] .dark-sm-hover-d-inline:hover { display: inline; }
  html[data-theme="dark"] .dark-sm-focus-d-inline:focus { display: inline; }
  html[data-theme="dark"] .dark-sm-active-d-inline:active { display: inline; }
  html[data-theme="dark"] .dark-sm-disabled-d-inline:disabled { display: inline; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-inline:focus-visible { display: inline; }
  html[data-theme="dark"] .dark-sm-focus-within-d-inline:focus-within { display: inline; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-inline { display: inline; }
  html[data-theme="dark"] .dark-sm-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-sm-hover-d-inline-block:hover { display: inline-block; }
  html[data-theme="dark"] .dark-sm-focus-d-inline-block:focus { display: inline-block; }
  html[data-theme="dark"] .dark-sm-active-d-inline-block:active { display: inline-block; }
  html[data-theme="dark"] .dark-sm-disabled-d-inline-block:disabled { display: inline-block; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  html[data-theme="dark"] .dark-sm-focus-within-d-inline-block:focus-within { display: inline-block; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-sm-d-flex { display: flex; }
  html[data-theme="dark"] .dark-sm-hover-d-flex:hover { display: flex; }
  html[data-theme="dark"] .dark-sm-focus-d-flex:focus { display: flex; }
  html[data-theme="dark"] .dark-sm-active-d-flex:active { display: flex; }
  html[data-theme="dark"] .dark-sm-disabled-d-flex:disabled { display: flex; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-flex:focus-visible { display: flex; }
  html[data-theme="dark"] .dark-sm-focus-within-d-flex:focus-within { display: flex; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-flex { display: flex; }
  html[data-theme="dark"] .dark-sm-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-hover-d-inline-flex:hover { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-focus-d-inline-flex:focus { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-active-d-inline-flex:active { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-disabled-d-inline-flex:disabled { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-sm-d-grid { display: grid; }
  html[data-theme="dark"] .dark-sm-hover-d-grid:hover { display: grid; }
  html[data-theme="dark"] .dark-sm-focus-d-grid:focus { display: grid; }
  html[data-theme="dark"] .dark-sm-active-d-grid:active { display: grid; }
  html[data-theme="dark"] .dark-sm-disabled-d-grid:disabled { display: grid; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-grid:focus-visible { display: grid; }
  html[data-theme="dark"] .dark-sm-focus-within-d-grid:focus-within { display: grid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-grid { display: grid; }
  html[data-theme="dark"] .dark-sm-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-hover-d-inline-grid:hover { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-focus-d-inline-grid:focus { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-active-d-inline-grid:active { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-disabled-d-inline-grid:disabled { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-sm-d-none { display: none; }
  html[data-theme="dark"] .dark-sm-hover-d-none:hover { display: none; }
  html[data-theme="dark"] .dark-sm-focus-d-none:focus { display: none; }
  html[data-theme="dark"] .dark-sm-active-d-none:active { display: none; }
  html[data-theme="dark"] .dark-sm-disabled-d-none:disabled { display: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-d-none:focus-visible { display: none; }
  html[data-theme="dark"] .dark-sm-focus-within-d-none:focus-within { display: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-d-none { display: none; }
  html[data-theme="dark"] .dark-sm-static { position: static; }
  html[data-theme="dark"] .dark-sm-hover-static:hover { position: static; }
  html[data-theme="dark"] .dark-sm-focus-static:focus { position: static; }
  html[data-theme="dark"] .dark-sm-active-static:active { position: static; }
  html[data-theme="dark"] .dark-sm-disabled-static:disabled { position: static; }
  html[data-theme="dark"] .dark-sm-focus-visible-static:focus-visible { position: static; }
  html[data-theme="dark"] .dark-sm-focus-within-static:focus-within { position: static; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-static { position: static; }
  html[data-theme="dark"] .dark-sm-relative { position: relative; }
  html[data-theme="dark"] .dark-sm-hover-relative:hover { position: relative; }
  html[data-theme="dark"] .dark-sm-focus-relative:focus { position: relative; }
  html[data-theme="dark"] .dark-sm-active-relative:active { position: relative; }
  html[data-theme="dark"] .dark-sm-disabled-relative:disabled { position: relative; }
  html[data-theme="dark"] .dark-sm-focus-visible-relative:focus-visible { position: relative; }
  html[data-theme="dark"] .dark-sm-focus-within-relative:focus-within { position: relative; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-relative { position: relative; }
  html[data-theme="dark"] .dark-sm-absolute { position: absolute; }
  html[data-theme="dark"] .dark-sm-hover-absolute:hover { position: absolute; }
  html[data-theme="dark"] .dark-sm-focus-absolute:focus { position: absolute; }
  html[data-theme="dark"] .dark-sm-active-absolute:active { position: absolute; }
  html[data-theme="dark"] .dark-sm-disabled-absolute:disabled { position: absolute; }
  html[data-theme="dark"] .dark-sm-focus-visible-absolute:focus-visible { position: absolute; }
  html[data-theme="dark"] .dark-sm-focus-within-absolute:focus-within { position: absolute; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-absolute { position: absolute; }
  html[data-theme="dark"] .dark-sm-fixed { position: fixed; }
  html[data-theme="dark"] .dark-sm-hover-fixed:hover { position: fixed; }
  html[data-theme="dark"] .dark-sm-focus-fixed:focus { position: fixed; }
  html[data-theme="dark"] .dark-sm-active-fixed:active { position: fixed; }
  html[data-theme="dark"] .dark-sm-disabled-fixed:disabled { position: fixed; }
  html[data-theme="dark"] .dark-sm-focus-visible-fixed:focus-visible { position: fixed; }
  html[data-theme="dark"] .dark-sm-focus-within-fixed:focus-within { position: fixed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-fixed { position: fixed; }
  html[data-theme="dark"] .dark-sm-sticky { position: sticky; }
  html[data-theme="dark"] .dark-sm-hover-sticky:hover { position: sticky; }
  html[data-theme="dark"] .dark-sm-focus-sticky:focus { position: sticky; }
  html[data-theme="dark"] .dark-sm-active-sticky:active { position: sticky; }
  html[data-theme="dark"] .dark-sm-disabled-sticky:disabled { position: sticky; }
  html[data-theme="dark"] .dark-sm-focus-visible-sticky:focus-visible { position: sticky; }
  html[data-theme="dark"] .dark-sm-focus-within-sticky:focus-within { position: sticky; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sticky { position: sticky; }
  html[data-theme="dark"] .dark-sm-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-sm-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-sm-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-sm-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-sm-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-sm-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-sm-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-sm-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-sm-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-sm-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-sm-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-sm-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-sm-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-sm-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-sm-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-sm-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-sm-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-sm-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-sm-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-sm-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-sm-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-sm-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-sm-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-sm-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-sm-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-sm-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-sm-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-sm-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-sm-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-sm-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-sm-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-sm-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-sm-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-sm-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-sm-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-sm-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-sm-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-sm-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-sm-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-sm-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-sm-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-sm-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-sm-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-sm-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-sm-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-sm-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-sm-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-sm-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-sm-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-sm-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-sm-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-sm-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-sm-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-sm-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-sm-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-sm-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-sm-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-sm-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-sm-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-sm-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-sm-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-sm-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-sm-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-sm-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-sm-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-sm-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-sm-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-sm-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-sm-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-sm-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-sm-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-sm-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-sm-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-sm-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-sm-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-sm-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-sm-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-sm-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-sm-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-sm-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-sm-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-sm-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-sm-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-sm-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-sm-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-sm-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-sm-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-sm-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-sm-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-sm-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-sm-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-sm-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-sm-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-sm-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-sm-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-sm-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-sm-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-sm-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-sm-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-sm-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-sm-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-sm-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-sm-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-sm-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-sm-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-sm-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-sm-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-sm-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-sm-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-sm-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-sm-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-sm-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-sm-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-sm-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-sm-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-sm-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-sm-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-sm-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-sm-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-sm-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-sm-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-sm-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-sm-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-sm-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-sm-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-sm-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-sm-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-sm-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-sm-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-sm-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-sm-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-sm-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-sm-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-sm-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-sm-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-sm-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-sm-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-sm-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-sm-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-sm-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-sm-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-sm-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-sm-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-sm-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-sm-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-sm-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-sm-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-sm-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-sm-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-sm-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-sm-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-sm-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-sm-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-sm-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-sm-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-sm-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-sm-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-sm-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-sm-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-sm-hover-gap-0:hover { gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-gap-0:focus { gap: 0; }
  html[data-theme="dark"] .dark-sm-active-gap-0:active { gap: 0; }
  html[data-theme="dark"] .dark-sm-disabled-gap-0:disabled { gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-0:focus-visible { gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-0:focus-within { gap: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-sm-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-1:hover { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-1:focus { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-gap-1:active { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-1:disabled { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-1:focus-within { gap: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-2:hover { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-2:focus { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-gap-2:active { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-2:disabled { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-2:focus-within { gap: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-3:hover { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-3:focus { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-gap-3:active { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-3:disabled { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-3:focus-within { gap: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-4:hover { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-4:focus { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-active-gap-4:active { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-4:disabled { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-4:focus-visible { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-4:focus-within { gap: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-sm-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-5:hover { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-5:focus { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-gap-5:active { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-5:disabled { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-5:focus-within { gap: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-6:hover { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-6:focus { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-gap-6:active { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-6:disabled { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-6:focus-within { gap: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-7:hover { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-7:focus { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-gap-7:active { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-7:disabled { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-7:focus-within { gap: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-8:hover { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-8:focus { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-active-gap-8:active { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-8:disabled { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-8:focus-visible { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-8:focus-within { gap: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-sm-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-9:hover { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-9:focus { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-gap-9:active { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-9:disabled { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-9:focus-within { gap: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-10:hover { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-10:focus { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-gap-10:active { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-10:disabled { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-10:focus-within { gap: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-12:hover { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-12:focus { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-active-gap-12:active { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-12:disabled { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-12:focus-visible { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-12:focus-within { gap: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-sm-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-14:hover { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-14:focus { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-gap-14:active { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-14:disabled { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-14:focus-within { gap: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-16:hover { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-16:focus { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-active-gap-16:active { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-16:disabled { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-16:focus-visible { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-16:focus-within { gap: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-sm-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-20:hover { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-20:focus { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-active-gap-20:active { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-20:disabled { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-20:focus-visible { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-20:focus-within { gap: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-sm-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-24:hover { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-24:focus { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-active-gap-24:active { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-24:disabled { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-24:focus-visible { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-24:focus-within { gap: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-sm-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-28:hover { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-28:focus { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-active-gap-28:active { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-28:disabled { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-28:focus-visible { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-28:focus-within { gap: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-sm-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-gap-32:hover { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-gap-32:focus { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-active-gap-32:active { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-gap-32:disabled { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-gap-32:focus-visible { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-gap-32:focus-within { gap: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-sm-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-0:hover { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-0:focus { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-active-row-gap-0:active { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-0:disabled { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-0:focus-within { row-gap: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-sm-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-1:hover { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-1:focus { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-1:active { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-2:hover { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-2:focus { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-2:active { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-3:hover { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-3:focus { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-3:active { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-4:hover { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-4:focus { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-4:active { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-4:disabled { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-5:hover { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-5:focus { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-5:active { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-6:hover { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-6:focus { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-6:active { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-7:hover { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-7:focus { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-7:active { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-8:hover { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-8:focus { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-8:active { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-8:disabled { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-9:hover { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-9:focus { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-9:active { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-10:hover { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-10:focus { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-10:active { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-12:hover { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-12:focus { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-12:active { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-12:disabled { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-14:hover { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-14:focus { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-14:active { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-16:hover { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-16:focus { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-16:active { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-16:disabled { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-20:hover { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-20:focus { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-20:active { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-20:disabled { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-24:hover { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-24:focus { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-24:active { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-24:disabled { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-28:hover { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-28:focus { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-28:active { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-28:disabled { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-row-gap-32:hover { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-row-gap-32:focus { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-active-row-gap-32:active { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-row-gap-32:disabled { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-0:hover { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-0:focus { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-active-column-gap-0:active { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-0:disabled { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-0:focus-within { column-gap: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-sm-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-1:hover { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-1:focus { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-1:active { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-sm-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-2:hover { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-2:focus { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-2:active { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-sm-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-3:hover { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-3:focus { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-3:active { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-sm-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-4:hover { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-4:focus { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-4:active { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-4:disabled { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-sm-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-5:hover { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-5:focus { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-5:active { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-sm-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-6:hover { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-6:focus { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-6:active { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-sm-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-7:hover { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-7:focus { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-7:active { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-sm-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-8:hover { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-8:focus { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-8:active { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-8:disabled { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-sm-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-9:hover { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-9:focus { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-9:active { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-sm-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-10:hover { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-10:focus { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-10:active { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-sm-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-12:hover { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-12:focus { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-12:active { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-12:disabled { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-sm-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-14:hover { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-14:focus { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-14:active { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-sm-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-16:hover { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-16:focus { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-16:active { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-16:disabled { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-sm-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-20:hover { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-20:focus { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-20:active { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-20:disabled { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-sm-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-24:hover { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-24:focus { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-24:active { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-24:disabled { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-sm-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-28:hover { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-28:focus { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-28:active { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-28:disabled { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-sm-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-column-gap-32:hover { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-column-gap-32:focus { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-active-column-gap-32:active { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-column-gap-32:disabled { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-sm-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-hover-flex-row:hover { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-focus-flex-row:focus { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-active-flex-row:active { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-disabled-flex-row:disabled { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-row:focus-visible { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-row:focus-within { flex-direction: row; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-sm-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-hover-flex-col:hover { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-focus-flex-col:focus { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-active-flex-col:active { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-disabled-flex-col:disabled { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-col:focus-visible { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-col:focus-within { flex-direction: column; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-sm-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-active-flex-row-reverse:active { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-sm-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-active-flex-col-reverse:active { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-sm-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-hover-flex-wrap:hover { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-focus-flex-wrap:focus { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-active-flex-wrap:active { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-sm-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-active-flex-nowrap:active { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-sm-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-sm-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-sm-hover-flex-1:hover { flex: 1; }
  html[data-theme="dark"] .dark-sm-focus-flex-1:focus { flex: 1; }
  html[data-theme="dark"] .dark-sm-active-flex-1:active { flex: 1; }
  html[data-theme="dark"] .dark-sm-disabled-flex-1:disabled { flex: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-1:focus-visible { flex: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-1:focus-within { flex: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-sm-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-sm-hover-flex-auto:hover { flex: auto; }
  html[data-theme="dark"] .dark-sm-focus-flex-auto:focus { flex: auto; }
  html[data-theme="dark"] .dark-sm-active-flex-auto:active { flex: auto; }
  html[data-theme="dark"] .dark-sm-disabled-flex-auto:disabled { flex: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-auto:focus-visible { flex: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-auto:focus-within { flex: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-sm-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-sm-hover-flex-initial:hover { flex: initial; }
  html[data-theme="dark"] .dark-sm-focus-flex-initial:focus { flex: initial; }
  html[data-theme="dark"] .dark-sm-active-flex-initial:active { flex: initial; }
  html[data-theme="dark"] .dark-sm-disabled-flex-initial:disabled { flex: initial; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-initial:focus-visible { flex: initial; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-initial:focus-within { flex: initial; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-sm-flex-none { flex: none; }
  html[data-theme="dark"] .dark-sm-hover-flex-none:hover { flex: none; }
  html[data-theme="dark"] .dark-sm-focus-flex-none:focus { flex: none; }
  html[data-theme="dark"] .dark-sm-active-flex-none:active { flex: none; }
  html[data-theme="dark"] .dark-sm-disabled-flex-none:disabled { flex: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-none:focus-visible { flex: none; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-none:focus-within { flex: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-none { flex: none; }
  html[data-theme="dark"] .dark-sm-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-hover-flex-grow-0:hover { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-focus-flex-grow-0:focus { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-active-flex-grow-0:active { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-disabled-flex-grow-0:disabled { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-sm-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-hover-flex-grow-1:hover { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-focus-flex-grow-1:focus { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-active-flex-grow-1:active { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-disabled-flex-grow-1:disabled { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-sm-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-hover-flex-shrink-0:hover { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-focus-flex-shrink-0:focus { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-active-flex-shrink-0:active { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-sm-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-hover-flex-shrink-1:hover { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-focus-flex-shrink-1:focus { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-active-flex-shrink-1:active { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-sm-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-0:hover { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-0:focus { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-0:active { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-0:disabled { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-sm-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-auto:hover { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-auto:focus { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-auto:active { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-sm-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-full:hover { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-full:focus { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-full:active { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-sm-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-half:hover { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-half:focus { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-half:active { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-sm-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-sm-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-sm-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-sm-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-sm-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-sm-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-sm-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-sm-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-sm-order-first { order: -1; }
  html[data-theme="dark"] .dark-sm-hover-order-first:hover { order: -1; }
  html[data-theme="dark"] .dark-sm-focus-order-first:focus { order: -1; }
  html[data-theme="dark"] .dark-sm-active-order-first:active { order: -1; }
  html[data-theme="dark"] .dark-sm-disabled-order-first:disabled { order: -1; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-first:focus-visible { order: -1; }
  html[data-theme="dark"] .dark-sm-focus-within-order-first:focus-within { order: -1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-first { order: -1; }
  html[data-theme="dark"] .dark-sm-order-last { order: 9999; }
  html[data-theme="dark"] .dark-sm-hover-order-last:hover { order: 9999; }
  html[data-theme="dark"] .dark-sm-focus-order-last:focus { order: 9999; }
  html[data-theme="dark"] .dark-sm-active-order-last:active { order: 9999; }
  html[data-theme="dark"] .dark-sm-disabled-order-last:disabled { order: 9999; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-last:focus-visible { order: 9999; }
  html[data-theme="dark"] .dark-sm-focus-within-order-last:focus-within { order: 9999; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-last { order: 9999; }
  html[data-theme="dark"] .dark-sm-order-0 { order: 0; }
  html[data-theme="dark"] .dark-sm-hover-order-0:hover { order: 0; }
  html[data-theme="dark"] .dark-sm-focus-order-0:focus { order: 0; }
  html[data-theme="dark"] .dark-sm-active-order-0:active { order: 0; }
  html[data-theme="dark"] .dark-sm-disabled-order-0:disabled { order: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-0:focus-visible { order: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-order-0:focus-within { order: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-0 { order: 0; }
  html[data-theme="dark"] .dark-sm-order-1 { order: 1; }
  html[data-theme="dark"] .dark-sm-hover-order-1:hover { order: 1; }
  html[data-theme="dark"] .dark-sm-focus-order-1:focus { order: 1; }
  html[data-theme="dark"] .dark-sm-active-order-1:active { order: 1; }
  html[data-theme="dark"] .dark-sm-disabled-order-1:disabled { order: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-1:focus-visible { order: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-order-1:focus-within { order: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-1 { order: 1; }
  html[data-theme="dark"] .dark-sm-order-2 { order: 2; }
  html[data-theme="dark"] .dark-sm-hover-order-2:hover { order: 2; }
  html[data-theme="dark"] .dark-sm-focus-order-2:focus { order: 2; }
  html[data-theme="dark"] .dark-sm-active-order-2:active { order: 2; }
  html[data-theme="dark"] .dark-sm-disabled-order-2:disabled { order: 2; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-2:focus-visible { order: 2; }
  html[data-theme="dark"] .dark-sm-focus-within-order-2:focus-within { order: 2; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-2 { order: 2; }
  html[data-theme="dark"] .dark-sm-order-3 { order: 3; }
  html[data-theme="dark"] .dark-sm-hover-order-3:hover { order: 3; }
  html[data-theme="dark"] .dark-sm-focus-order-3:focus { order: 3; }
  html[data-theme="dark"] .dark-sm-active-order-3:active { order: 3; }
  html[data-theme="dark"] .dark-sm-disabled-order-3:disabled { order: 3; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-3:focus-visible { order: 3; }
  html[data-theme="dark"] .dark-sm-focus-within-order-3:focus-within { order: 3; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-3 { order: 3; }
  html[data-theme="dark"] .dark-sm-order-4 { order: 4; }
  html[data-theme="dark"] .dark-sm-hover-order-4:hover { order: 4; }
  html[data-theme="dark"] .dark-sm-focus-order-4:focus { order: 4; }
  html[data-theme="dark"] .dark-sm-active-order-4:active { order: 4; }
  html[data-theme="dark"] .dark-sm-disabled-order-4:disabled { order: 4; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-4:focus-visible { order: 4; }
  html[data-theme="dark"] .dark-sm-focus-within-order-4:focus-within { order: 4; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-4 { order: 4; }
  html[data-theme="dark"] .dark-sm-order-5 { order: 5; }
  html[data-theme="dark"] .dark-sm-hover-order-5:hover { order: 5; }
  html[data-theme="dark"] .dark-sm-focus-order-5:focus { order: 5; }
  html[data-theme="dark"] .dark-sm-active-order-5:active { order: 5; }
  html[data-theme="dark"] .dark-sm-disabled-order-5:disabled { order: 5; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-5:focus-visible { order: 5; }
  html[data-theme="dark"] .dark-sm-focus-within-order-5:focus-within { order: 5; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-5 { order: 5; }
  html[data-theme="dark"] .dark-sm-order-6 { order: 6; }
  html[data-theme="dark"] .dark-sm-hover-order-6:hover { order: 6; }
  html[data-theme="dark"] .dark-sm-focus-order-6:focus { order: 6; }
  html[data-theme="dark"] .dark-sm-active-order-6:active { order: 6; }
  html[data-theme="dark"] .dark-sm-disabled-order-6:disabled { order: 6; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-6:focus-visible { order: 6; }
  html[data-theme="dark"] .dark-sm-focus-within-order-6:focus-within { order: 6; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-6 { order: 6; }
  html[data-theme="dark"] .dark-sm-order-7 { order: 7; }
  html[data-theme="dark"] .dark-sm-hover-order-7:hover { order: 7; }
  html[data-theme="dark"] .dark-sm-focus-order-7:focus { order: 7; }
  html[data-theme="dark"] .dark-sm-active-order-7:active { order: 7; }
  html[data-theme="dark"] .dark-sm-disabled-order-7:disabled { order: 7; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-7:focus-visible { order: 7; }
  html[data-theme="dark"] .dark-sm-focus-within-order-7:focus-within { order: 7; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-7 { order: 7; }
  html[data-theme="dark"] .dark-sm-order-8 { order: 8; }
  html[data-theme="dark"] .dark-sm-hover-order-8:hover { order: 8; }
  html[data-theme="dark"] .dark-sm-focus-order-8:focus { order: 8; }
  html[data-theme="dark"] .dark-sm-active-order-8:active { order: 8; }
  html[data-theme="dark"] .dark-sm-disabled-order-8:disabled { order: 8; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-8:focus-visible { order: 8; }
  html[data-theme="dark"] .dark-sm-focus-within-order-8:focus-within { order: 8; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-8 { order: 8; }
  html[data-theme="dark"] .dark-sm-order-9 { order: 9; }
  html[data-theme="dark"] .dark-sm-hover-order-9:hover { order: 9; }
  html[data-theme="dark"] .dark-sm-focus-order-9:focus { order: 9; }
  html[data-theme="dark"] .dark-sm-active-order-9:active { order: 9; }
  html[data-theme="dark"] .dark-sm-disabled-order-9:disabled { order: 9; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-9:focus-visible { order: 9; }
  html[data-theme="dark"] .dark-sm-focus-within-order-9:focus-within { order: 9; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-9 { order: 9; }
  html[data-theme="dark"] .dark-sm-order-10 { order: 10; }
  html[data-theme="dark"] .dark-sm-hover-order-10:hover { order: 10; }
  html[data-theme="dark"] .dark-sm-focus-order-10:focus { order: 10; }
  html[data-theme="dark"] .dark-sm-active-order-10:active { order: 10; }
  html[data-theme="dark"] .dark-sm-disabled-order-10:disabled { order: 10; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-10:focus-visible { order: 10; }
  html[data-theme="dark"] .dark-sm-focus-within-order-10:focus-within { order: 10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-10 { order: 10; }
  html[data-theme="dark"] .dark-sm-order-11 { order: 11; }
  html[data-theme="dark"] .dark-sm-hover-order-11:hover { order: 11; }
  html[data-theme="dark"] .dark-sm-focus-order-11:focus { order: 11; }
  html[data-theme="dark"] .dark-sm-active-order-11:active { order: 11; }
  html[data-theme="dark"] .dark-sm-disabled-order-11:disabled { order: 11; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-11:focus-visible { order: 11; }
  html[data-theme="dark"] .dark-sm-focus-within-order-11:focus-within { order: 11; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-11 { order: 11; }
  html[data-theme="dark"] .dark-sm-order-12 { order: 12; }
  html[data-theme="dark"] .dark-sm-hover-order-12:hover { order: 12; }
  html[data-theme="dark"] .dark-sm-focus-order-12:focus { order: 12; }
  html[data-theme="dark"] .dark-sm-active-order-12:active { order: 12; }
  html[data-theme="dark"] .dark-sm-disabled-order-12:disabled { order: 12; }
  html[data-theme="dark"] .dark-sm-focus-visible-order-12:focus-visible { order: 12; }
  html[data-theme="dark"] .dark-sm-focus-within-order-12:focus-within { order: 12; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-order-12 { order: 12; }
  html[data-theme="dark"] .dark-sm-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-sm-hover-whitespace-normal:hover { white-space: normal; }
  html[data-theme="dark"] .dark-sm-focus-whitespace-normal:focus { white-space: normal; }
  html[data-theme="dark"] .dark-sm-active-whitespace-normal:active { white-space: normal; }
  html[data-theme="dark"] .dark-sm-disabled-whitespace-normal:disabled { white-space: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-whitespace-normal:focus-within { white-space: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-sm-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-hover-whitespace-nowrap:hover { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-whitespace-nowrap:focus { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-active-whitespace-nowrap:active { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-sm-hover-whitespace-pre:hover { white-space: pre; }
  html[data-theme="dark"] .dark-sm-focus-whitespace-pre:focus { white-space: pre; }
  html[data-theme="dark"] .dark-sm-active-whitespace-pre:active { white-space: pre; }
  html[data-theme="dark"] .dark-sm-disabled-whitespace-pre:disabled { white-space: pre; }
  html[data-theme="dark"] .dark-sm-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  html[data-theme="dark"] .dark-sm-focus-within-whitespace-pre:focus-within { white-space: pre; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-sm-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-hover-whitespace-pre-line:hover { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-focus-whitespace-pre-line:focus { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-active-whitespace-pre-line:active { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-sm-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-sm-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-sm-hover-overflow-auto:hover { overflow: auto; }
  html[data-theme="dark"] .dark-sm-focus-overflow-auto:focus { overflow: auto; }
  html[data-theme="dark"] .dark-sm-active-overflow-auto:active { overflow: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-auto:disabled { overflow: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-auto:focus-within { overflow: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-sm-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-hover-overflow-hidden:hover { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-focus-overflow-hidden:focus { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-active-overflow-hidden:active { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-hidden:disabled { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-sm-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-sm-hover-overflow-visible:hover { overflow: visible; }
  html[data-theme="dark"] .dark-sm-focus-overflow-visible:focus { overflow: visible; }
  html[data-theme="dark"] .dark-sm-active-overflow-visible:active { overflow: visible; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-visible:disabled { overflow: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-visible:focus-within { overflow: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-sm-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-hover-overflow-scroll:hover { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-focus-overflow-scroll:focus { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-active-overflow-scroll:active { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-scroll:disabled { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-sm-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-hover-overflow-x-auto:hover { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-overflow-x-auto:focus { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-active-overflow-x-auto:active { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-sm-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-active-overflow-x-hidden:active { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-sm-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-hover-overflow-x-visible:hover { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-focus-overflow-x-visible:focus { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-active-overflow-x-visible:active { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-sm-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-active-overflow-x-scroll:active { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-sm-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-hover-overflow-y-auto:hover { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-overflow-y-auto:focus { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-active-overflow-y-auto:active { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-sm-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-active-overflow-y-hidden:active { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-sm-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-hover-overflow-y-visible:hover { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-focus-overflow-y-visible:focus { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-active-overflow-y-visible:active { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-sm-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-active-overflow-y-scroll:active { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-sm-visible { visibility: visible; }
  html[data-theme="dark"] .dark-sm-hover-visible:hover { visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible:focus { visibility: visible; }
  html[data-theme="dark"] .dark-sm-active-visible:active { visibility: visible; }
  html[data-theme="dark"] .dark-sm-disabled-visible:disabled { visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-visible:focus-visible { visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-visible:focus-within { visibility: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-visible { visibility: visible; }
  html[data-theme="dark"] .dark-sm-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-hover-hidden:hover { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-hidden:focus { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-active-hidden:active { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-hidden:disabled { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-hidden:focus-visible { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-hidden:focus-within { visibility: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-sm-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-hover-collapse:hover { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-focus-collapse:focus { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-active-collapse:active { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-disabled-collapse:disabled { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-focus-visible-collapse:focus-visible { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-focus-within-collapse:focus-within { visibility: collapse; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-sm-clear-left { clear: left; }
  html[data-theme="dark"] .dark-sm-hover-clear-left:hover { clear: left; }
  html[data-theme="dark"] .dark-sm-focus-clear-left:focus { clear: left; }
  html[data-theme="dark"] .dark-sm-active-clear-left:active { clear: left; }
  html[data-theme="dark"] .dark-sm-disabled-clear-left:disabled { clear: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-clear-left:focus-visible { clear: left; }
  html[data-theme="dark"] .dark-sm-focus-within-clear-left:focus-within { clear: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clear-left { clear: left; }
  html[data-theme="dark"] .dark-sm-clear-right { clear: right; }
  html[data-theme="dark"] .dark-sm-hover-clear-right:hover { clear: right; }
  html[data-theme="dark"] .dark-sm-focus-clear-right:focus { clear: right; }
  html[data-theme="dark"] .dark-sm-active-clear-right:active { clear: right; }
  html[data-theme="dark"] .dark-sm-disabled-clear-right:disabled { clear: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-clear-right:focus-visible { clear: right; }
  html[data-theme="dark"] .dark-sm-focus-within-clear-right:focus-within { clear: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clear-right { clear: right; }
  html[data-theme="dark"] .dark-sm-clear-both { clear: both; }
  html[data-theme="dark"] .dark-sm-hover-clear-both:hover { clear: both; }
  html[data-theme="dark"] .dark-sm-focus-clear-both:focus { clear: both; }
  html[data-theme="dark"] .dark-sm-active-clear-both:active { clear: both; }
  html[data-theme="dark"] .dark-sm-disabled-clear-both:disabled { clear: both; }
  html[data-theme="dark"] .dark-sm-focus-visible-clear-both:focus-visible { clear: both; }
  html[data-theme="dark"] .dark-sm-focus-within-clear-both:focus-within { clear: both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clear-both { clear: both; }
  html[data-theme="dark"] .dark-sm-float-left { float: left; }
  html[data-theme="dark"] .dark-sm-hover-float-left:hover { float: left; }
  html[data-theme="dark"] .dark-sm-focus-float-left:focus { float: left; }
  html[data-theme="dark"] .dark-sm-active-float-left:active { float: left; }
  html[data-theme="dark"] .dark-sm-disabled-float-left:disabled { float: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-float-left:focus-visible { float: left; }
  html[data-theme="dark"] .dark-sm-focus-within-float-left:focus-within { float: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-float-left { float: left; }
  html[data-theme="dark"] .dark-sm-float-right { float: right; }
  html[data-theme="dark"] .dark-sm-hover-float-right:hover { float: right; }
  html[data-theme="dark"] .dark-sm-focus-float-right:focus { float: right; }
  html[data-theme="dark"] .dark-sm-active-float-right:active { float: right; }
  html[data-theme="dark"] .dark-sm-disabled-float-right:disabled { float: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-float-right:focus-visible { float: right; }
  html[data-theme="dark"] .dark-sm-focus-within-float-right:focus-within { float: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-float-right { float: right; }
  html[data-theme="dark"] .dark-sm-float-none { float: none; }
  html[data-theme="dark"] .dark-sm-hover-float-none:hover { float: none; }
  html[data-theme="dark"] .dark-sm-focus-float-none:focus { float: none; }
  html[data-theme="dark"] .dark-sm-active-float-none:active { float: none; }
  html[data-theme="dark"] .dark-sm-disabled-float-none:disabled { float: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-float-none:focus-visible { float: none; }
  html[data-theme="dark"] .dark-sm-focus-within-float-none:focus-within { float: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-float-none { float: none; }
  html[data-theme="dark"] .dark-sm-w-0 { width: 0; }
  html[data-theme="dark"] .dark-sm-hover-w-0:hover { width: 0; }
  html[data-theme="dark"] .dark-sm-focus-w-0:focus { width: 0; }
  html[data-theme="dark"] .dark-sm-active-w-0:active { width: 0; }
  html[data-theme="dark"] .dark-sm-disabled-w-0:disabled { width: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-0:focus-visible { width: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-w-0:focus-within { width: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-0 { width: 0; }
  html[data-theme="dark"] .dark-sm-h-0 { height: 0; }
  html[data-theme="dark"] .dark-sm-hover-h-0:hover { height: 0; }
  html[data-theme="dark"] .dark-sm-focus-h-0:focus { height: 0; }
  html[data-theme="dark"] .dark-sm-active-h-0:active { height: 0; }
  html[data-theme="dark"] .dark-sm-disabled-h-0:disabled { height: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-0:focus-visible { height: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-h-0:focus-within { height: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-0 { height: 0; }
  html[data-theme="dark"] .dark-sm-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-sm-hover-min-w-0:hover { min-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-min-w-0:focus { min-width: 0; }
  html[data-theme="dark"] .dark-sm-active-min-w-0:active { min-width: 0; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-0:disabled { min-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-0:focus-visible { min-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-0:focus-within { min-width: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-sm-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-sm-hover-max-w-0:hover { max-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-max-w-0:focus { max-width: 0; }
  html[data-theme="dark"] .dark-sm-active-max-w-0:active { max-width: 0; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-0:disabled { max-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-0:focus-visible { max-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-0:focus-within { max-width: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-sm-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-sm-hover-min-h-0:hover { min-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-min-h-0:focus { min-height: 0; }
  html[data-theme="dark"] .dark-sm-active-min-h-0:active { min-height: 0; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-0:disabled { min-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-0:focus-visible { min-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-0:focus-within { min-height: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-sm-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-sm-hover-max-h-0:hover { max-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-max-h-0:focus { max-height: 0; }
  html[data-theme="dark"] .dark-sm-active-max-h-0:active { max-height: 0; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-0:disabled { max-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-0:focus-visible { max-height: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-0:focus-within { max-height: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-sm-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-w-1:hover { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-w-1:focus { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-w-1:active { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-1:disabled { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-1:focus-visible { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-1:focus-within { width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-h-1:hover { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-h-1:focus { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-h-1:active { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-1:disabled { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-1:focus-visible { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-1:focus-within { height: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-1:hover { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-1:focus { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-1:active { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-1:disabled { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-1:hover { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-1:focus { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-1:active { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-1:disabled { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-1:hover { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-1:focus { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-1:active { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-1:disabled { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-1:hover { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-1:focus { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-1:active { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-1:disabled { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-w-2:hover { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-w-2:focus { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-w-2:active { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-2:disabled { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-2:focus-visible { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-2:focus-within { width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-h-2:hover { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-h-2:focus { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-h-2:active { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-2:disabled { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-2:focus-visible { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-2:focus-within { height: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-2:hover { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-2:focus { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-2:active { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-2:disabled { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-2:hover { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-2:focus { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-2:active { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-2:disabled { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-2:hover { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-2:focus { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-2:active { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-2:disabled { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-2:hover { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-2:focus { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-2:active { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-2:disabled { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-w-3:hover { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-w-3:focus { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-w-3:active { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-3:disabled { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-3:focus-visible { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-3:focus-within { width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-h-3:hover { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-h-3:focus { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-h-3:active { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-3:disabled { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-3:focus-visible { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-3:focus-within { height: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-3:hover { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-3:focus { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-3:active { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-3:disabled { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-3:hover { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-3:focus { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-3:active { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-3:disabled { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-3:hover { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-3:focus { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-3:active { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-3:disabled { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-3:hover { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-3:focus { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-3:active { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-3:disabled { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-w-4:hover { width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-w-4:focus { width: 1rem; }
  html[data-theme="dark"] .dark-sm-active-w-4:active { width: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-4:disabled { width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-4:focus-visible { width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-4:focus-within { width: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-sm-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-h-4:hover { height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-h-4:focus { height: 1rem; }
  html[data-theme="dark"] .dark-sm-active-h-4:active { height: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-4:disabled { height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-4:focus-visible { height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-4:focus-within { height: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-sm-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-4:hover { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-4:focus { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-4:active { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-4:disabled { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-4:focus-within { min-width: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-sm-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-4:hover { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-4:focus { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-4:active { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-4:disabled { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-4:focus-within { max-width: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-sm-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-4:hover { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-4:focus { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-4:active { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-4:disabled { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-4:focus-within { min-height: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-sm-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-4:hover { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-4:focus { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-4:active { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-4:disabled { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-4:focus-within { max-height: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-sm-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-w-5:hover { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-w-5:focus { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-w-5:active { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-5:disabled { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-5:focus-visible { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-5:focus-within { width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-h-5:hover { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-h-5:focus { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-h-5:active { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-5:disabled { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-5:focus-visible { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-5:focus-within { height: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-5:hover { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-5:focus { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-5:active { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-5:disabled { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-5:hover { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-5:focus { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-5:active { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-5:disabled { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-5:hover { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-5:focus { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-5:active { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-5:disabled { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-5:hover { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-5:focus { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-5:active { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-5:disabled { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-w-6:hover { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-w-6:focus { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-w-6:active { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-6:disabled { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-6:focus-visible { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-6:focus-within { width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-h-6:hover { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-h-6:focus { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-h-6:active { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-6:disabled { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-6:focus-visible { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-6:focus-within { height: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-6:hover { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-6:focus { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-6:active { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-6:disabled { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-6:hover { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-6:focus { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-6:active { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-6:disabled { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-6:hover { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-6:focus { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-6:active { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-6:disabled { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-6:hover { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-6:focus { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-6:active { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-6:disabled { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-w-7:hover { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-w-7:focus { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-w-7:active { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-7:disabled { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-7:focus-visible { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-7:focus-within { width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-h-7:hover { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-h-7:focus { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-h-7:active { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-7:disabled { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-7:focus-visible { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-7:focus-within { height: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-7:hover { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-7:focus { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-7:active { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-7:disabled { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-7:hover { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-7:focus { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-7:active { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-7:disabled { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-7:hover { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-7:focus { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-7:active { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-7:disabled { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-7:hover { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-7:focus { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-7:active { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-7:disabled { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-w-8:hover { width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-w-8:focus { width: 2rem; }
  html[data-theme="dark"] .dark-sm-active-w-8:active { width: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-8:disabled { width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-8:focus-visible { width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-8:focus-within { width: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-sm-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-h-8:hover { height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-h-8:focus { height: 2rem; }
  html[data-theme="dark"] .dark-sm-active-h-8:active { height: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-8:disabled { height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-8:focus-visible { height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-8:focus-within { height: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-sm-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-8:hover { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-8:focus { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-8:active { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-8:disabled { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-8:focus-within { min-width: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-sm-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-8:hover { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-8:focus { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-8:active { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-8:disabled { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-8:focus-within { max-width: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-sm-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-8:hover { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-8:focus { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-8:active { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-8:disabled { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-8:focus-within { min-height: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-sm-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-8:hover { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-8:focus { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-8:active { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-8:disabled { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-8:focus-within { max-height: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-sm-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-w-9:hover { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-w-9:focus { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-w-9:active { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-9:disabled { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-9:focus-visible { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-9:focus-within { width: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-h-9:hover { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-h-9:focus { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-h-9:active { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-9:disabled { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-9:focus-visible { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-9:focus-within { height: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-9:hover { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-9:focus { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-9:active { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-9:disabled { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-9:hover { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-9:focus { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-9:active { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-9:disabled { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-sm-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-9:hover { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-9:focus { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-9:active { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-9:disabled { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-9:hover { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-9:focus { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-9:active { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-9:disabled { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-w-10:hover { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-w-10:focus { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-w-10:active { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-10:disabled { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-10:focus-visible { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-10:focus-within { width: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-h-10:hover { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-h-10:focus { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-h-10:active { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-10:disabled { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-10:focus-visible { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-10:focus-within { height: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-10:hover { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-10:focus { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-10:active { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-10:disabled { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-10:hover { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-10:focus { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-10:active { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-10:disabled { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-sm-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-10:hover { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-10:focus { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-10:active { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-10:disabled { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-10:hover { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-10:focus { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-10:active { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-10:disabled { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-w-11:hover { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-w-11:focus { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-w-11:active { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-11:disabled { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-11:focus-visible { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-11:focus-within { width: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-h-11:hover { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-h-11:focus { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-h-11:active { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-11:disabled { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-11:focus-visible { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-11:focus-within { height: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-11:hover { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-11:focus { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-11:active { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-11:disabled { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-11:hover { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-11:focus { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-11:active { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-11:disabled { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-sm-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-11:hover { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-11:focus { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-11:active { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-11:disabled { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-11:hover { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-11:focus { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-11:active { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-11:disabled { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-w-12:hover { width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-w-12:focus { width: 3rem; }
  html[data-theme="dark"] .dark-sm-active-w-12:active { width: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-12:disabled { width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-12:focus-visible { width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-12:focus-within { width: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-sm-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-h-12:hover { height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-h-12:focus { height: 3rem; }
  html[data-theme="dark"] .dark-sm-active-h-12:active { height: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-12:disabled { height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-12:focus-visible { height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-12:focus-within { height: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-sm-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-12:hover { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-12:focus { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-12:active { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-12:disabled { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-12:focus-within { min-width: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-sm-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-12:hover { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-12:focus { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-12:active { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-12:disabled { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-12:focus-within { max-width: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-sm-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-12:hover { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-12:focus { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-12:active { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-12:disabled { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-12:focus-within { min-height: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-sm-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-12:hover { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-12:focus { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-12:active { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-12:disabled { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-12:focus-within { max-height: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-sm-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-w-14:hover { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-w-14:focus { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-w-14:active { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-14:disabled { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-14:focus-visible { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-14:focus-within { width: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-h-14:hover { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-h-14:focus { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-h-14:active { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-14:disabled { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-14:focus-visible { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-14:focus-within { height: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-14:hover { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-14:focus { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-14:active { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-14:disabled { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-14:hover { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-14:focus { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-14:active { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-14:disabled { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-sm-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-14:hover { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-14:focus { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-14:active { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-14:disabled { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-14:hover { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-14:focus { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-14:active { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-14:disabled { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-w-16:hover { width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-w-16:focus { width: 4rem; }
  html[data-theme="dark"] .dark-sm-active-w-16:active { width: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-16:disabled { width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-16:focus-visible { width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-16:focus-within { width: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-sm-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-h-16:hover { height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-h-16:focus { height: 4rem; }
  html[data-theme="dark"] .dark-sm-active-h-16:active { height: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-16:disabled { height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-16:focus-visible { height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-16:focus-within { height: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-sm-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-16:hover { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-16:focus { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-16:active { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-16:disabled { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-16:focus-within { min-width: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-sm-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-16:hover { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-16:focus { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-16:active { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-16:disabled { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-16:focus-within { max-width: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-sm-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-16:hover { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-16:focus { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-16:active { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-16:disabled { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-16:focus-within { min-height: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-sm-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-16:hover { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-16:focus { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-16:active { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-16:disabled { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-16:focus-within { max-height: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-sm-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-w-20:hover { width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-w-20:focus { width: 5rem; }
  html[data-theme="dark"] .dark-sm-active-w-20:active { width: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-20:disabled { width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-20:focus-visible { width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-20:focus-within { width: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-sm-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-h-20:hover { height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-h-20:focus { height: 5rem; }
  html[data-theme="dark"] .dark-sm-active-h-20:active { height: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-20:disabled { height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-20:focus-visible { height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-20:focus-within { height: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-sm-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-20:hover { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-20:focus { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-20:active { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-20:disabled { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-20:focus-within { min-width: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-sm-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-20:hover { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-20:focus { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-20:active { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-20:disabled { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-20:focus-within { max-width: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-sm-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-20:hover { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-20:focus { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-20:active { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-20:disabled { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-20:focus-within { min-height: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-sm-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-20:hover { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-20:focus { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-20:active { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-20:disabled { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-20:focus-within { max-height: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-sm-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-w-24:hover { width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-w-24:focus { width: 6rem; }
  html[data-theme="dark"] .dark-sm-active-w-24:active { width: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-24:disabled { width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-24:focus-visible { width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-24:focus-within { width: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-sm-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-h-24:hover { height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-h-24:focus { height: 6rem; }
  html[data-theme="dark"] .dark-sm-active-h-24:active { height: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-24:disabled { height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-24:focus-visible { height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-24:focus-within { height: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-sm-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-24:hover { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-24:focus { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-24:active { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-24:disabled { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-24:focus-within { min-width: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-sm-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-24:hover { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-24:focus { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-24:active { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-24:disabled { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-24:focus-within { max-width: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-sm-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-24:hover { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-24:focus { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-24:active { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-24:disabled { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-24:focus-within { min-height: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-sm-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-24:hover { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-24:focus { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-24:active { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-24:disabled { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-24:focus-within { max-height: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-sm-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-w-28:hover { width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-w-28:focus { width: 7rem; }
  html[data-theme="dark"] .dark-sm-active-w-28:active { width: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-28:disabled { width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-28:focus-visible { width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-28:focus-within { width: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-sm-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-h-28:hover { height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-h-28:focus { height: 7rem; }
  html[data-theme="dark"] .dark-sm-active-h-28:active { height: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-28:disabled { height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-28:focus-visible { height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-28:focus-within { height: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-sm-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-28:hover { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-28:focus { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-28:active { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-28:disabled { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-28:focus-within { min-width: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-sm-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-28:hover { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-28:focus { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-28:active { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-28:disabled { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-28:focus-within { max-width: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-sm-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-28:hover { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-28:focus { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-28:active { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-28:disabled { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-28:focus-within { min-height: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-sm-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-28:hover { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-28:focus { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-28:active { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-28:disabled { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-28:focus-within { max-height: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-sm-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-w-32:hover { width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-w-32:focus { width: 8rem; }
  html[data-theme="dark"] .dark-sm-active-w-32:active { width: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-32:disabled { width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-32:focus-visible { width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-32:focus-within { width: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-sm-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-h-32:hover { height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-h-32:focus { height: 8rem; }
  html[data-theme="dark"] .dark-sm-active-h-32:active { height: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-32:disabled { height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-32:focus-visible { height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-32:focus-within { height: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-sm-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-32:hover { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-32:focus { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-32:active { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-32:disabled { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-32:focus-within { min-width: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-sm-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-32:hover { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-32:focus { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-32:active { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-32:disabled { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-32:focus-within { max-width: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-sm-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-32:hover { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-32:focus { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-32:active { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-32:disabled { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-32:focus-within { min-height: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-sm-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-32:hover { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-32:focus { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-32:active { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-32:disabled { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-32:focus-within { max-height: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-sm-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-w-36:hover { width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-w-36:focus { width: 9rem; }
  html[data-theme="dark"] .dark-sm-active-w-36:active { width: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-36:disabled { width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-36:focus-visible { width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-36:focus-within { width: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-sm-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-h-36:hover { height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-h-36:focus { height: 9rem; }
  html[data-theme="dark"] .dark-sm-active-h-36:active { height: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-36:disabled { height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-36:focus-visible { height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-36:focus-within { height: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-sm-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-36:hover { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-36:focus { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-36:active { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-36:disabled { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-36:focus-within { min-width: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-sm-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-36:hover { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-36:focus { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-36:active { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-36:disabled { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-36:focus-within { max-width: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-sm-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-36:hover { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-36:focus { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-36:active { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-36:disabled { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-36:focus-within { min-height: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-sm-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-36:hover { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-36:focus { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-36:active { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-36:disabled { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-36:focus-within { max-height: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-sm-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-w-40:hover { width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-w-40:focus { width: 10rem; }
  html[data-theme="dark"] .dark-sm-active-w-40:active { width: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-40:disabled { width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-40:focus-visible { width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-40:focus-within { width: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-sm-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-h-40:hover { height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-h-40:focus { height: 10rem; }
  html[data-theme="dark"] .dark-sm-active-h-40:active { height: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-40:disabled { height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-40:focus-visible { height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-40:focus-within { height: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-sm-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-40:hover { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-40:focus { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-40:active { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-40:disabled { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-40:focus-within { min-width: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-sm-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-40:hover { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-40:focus { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-40:active { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-40:disabled { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-40:focus-within { max-width: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-sm-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-40:hover { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-40:focus { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-40:active { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-40:disabled { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-40:focus-within { min-height: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-sm-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-40:hover { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-40:focus { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-40:active { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-40:disabled { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-40:focus-within { max-height: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-sm-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-w-44:hover { width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-w-44:focus { width: 11rem; }
  html[data-theme="dark"] .dark-sm-active-w-44:active { width: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-44:disabled { width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-44:focus-visible { width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-44:focus-within { width: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-sm-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-h-44:hover { height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-h-44:focus { height: 11rem; }
  html[data-theme="dark"] .dark-sm-active-h-44:active { height: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-44:disabled { height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-44:focus-visible { height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-44:focus-within { height: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-sm-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-44:hover { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-44:focus { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-44:active { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-44:disabled { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-44:focus-within { min-width: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-sm-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-44:hover { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-44:focus { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-44:active { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-44:disabled { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-44:focus-within { max-width: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-sm-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-44:hover { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-44:focus { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-44:active { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-44:disabled { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-44:focus-within { min-height: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-sm-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-44:hover { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-44:focus { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-44:active { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-44:disabled { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-44:focus-within { max-height: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-sm-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-w-48:hover { width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-w-48:focus { width: 12rem; }
  html[data-theme="dark"] .dark-sm-active-w-48:active { width: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-48:disabled { width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-48:focus-visible { width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-48:focus-within { width: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-sm-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-h-48:hover { height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-h-48:focus { height: 12rem; }
  html[data-theme="dark"] .dark-sm-active-h-48:active { height: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-48:disabled { height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-48:focus-visible { height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-48:focus-within { height: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-sm-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-48:hover { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-48:focus { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-48:active { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-48:disabled { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-48:focus-within { min-width: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-sm-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-48:hover { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-48:focus { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-48:active { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-48:disabled { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-48:focus-within { max-width: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-sm-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-48:hover { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-48:focus { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-48:active { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-48:disabled { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-48:focus-within { min-height: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-sm-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-48:hover { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-48:focus { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-48:active { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-48:disabled { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-48:focus-within { max-height: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-sm-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-w-52:hover { width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-w-52:focus { width: 13rem; }
  html[data-theme="dark"] .dark-sm-active-w-52:active { width: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-52:disabled { width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-52:focus-visible { width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-52:focus-within { width: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-sm-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-h-52:hover { height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-h-52:focus { height: 13rem; }
  html[data-theme="dark"] .dark-sm-active-h-52:active { height: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-52:disabled { height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-52:focus-visible { height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-52:focus-within { height: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-sm-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-52:hover { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-52:focus { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-52:active { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-52:disabled { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-52:focus-within { min-width: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-sm-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-52:hover { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-52:focus { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-52:active { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-52:disabled { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-52:focus-within { max-width: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-sm-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-52:hover { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-52:focus { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-52:active { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-52:disabled { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-52:focus-within { min-height: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-sm-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-52:hover { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-52:focus { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-52:active { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-52:disabled { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-52:focus-within { max-height: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-sm-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-w-56:hover { width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-w-56:focus { width: 14rem; }
  html[data-theme="dark"] .dark-sm-active-w-56:active { width: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-56:disabled { width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-56:focus-visible { width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-56:focus-within { width: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-sm-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-h-56:hover { height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-h-56:focus { height: 14rem; }
  html[data-theme="dark"] .dark-sm-active-h-56:active { height: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-56:disabled { height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-56:focus-visible { height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-56:focus-within { height: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-sm-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-56:hover { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-56:focus { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-56:active { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-56:disabled { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-56:focus-within { min-width: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-sm-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-56:hover { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-56:focus { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-56:active { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-56:disabled { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-56:focus-within { max-width: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-sm-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-56:hover { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-56:focus { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-56:active { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-56:disabled { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-56:focus-within { min-height: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-sm-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-56:hover { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-56:focus { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-56:active { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-56:disabled { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-56:focus-within { max-height: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-sm-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-w-60:hover { width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-w-60:focus { width: 15rem; }
  html[data-theme="dark"] .dark-sm-active-w-60:active { width: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-60:disabled { width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-60:focus-visible { width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-60:focus-within { width: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-sm-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-h-60:hover { height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-h-60:focus { height: 15rem; }
  html[data-theme="dark"] .dark-sm-active-h-60:active { height: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-60:disabled { height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-60:focus-visible { height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-60:focus-within { height: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-sm-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-60:hover { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-60:focus { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-60:active { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-60:disabled { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-60:focus-within { min-width: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-sm-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-60:hover { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-60:focus { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-60:active { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-60:disabled { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-60:focus-within { max-width: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-sm-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-60:hover { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-60:focus { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-60:active { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-60:disabled { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-60:focus-within { min-height: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-sm-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-60:hover { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-60:focus { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-60:active { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-60:disabled { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-60:focus-within { max-height: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-sm-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-w-64:hover { width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-w-64:focus { width: 16rem; }
  html[data-theme="dark"] .dark-sm-active-w-64:active { width: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-64:disabled { width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-64:focus-visible { width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-64:focus-within { width: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-sm-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-h-64:hover { height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-h-64:focus { height: 16rem; }
  html[data-theme="dark"] .dark-sm-active-h-64:active { height: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-64:disabled { height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-64:focus-visible { height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-64:focus-within { height: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-sm-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-64:hover { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-64:focus { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-64:active { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-64:disabled { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-64:focus-within { min-width: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-sm-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-64:hover { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-64:focus { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-64:active { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-64:disabled { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-64:focus-within { max-width: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-sm-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-64:hover { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-64:focus { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-64:active { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-64:disabled { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-64:focus-within { min-height: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-sm-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-64:hover { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-64:focus { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-64:active { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-64:disabled { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-64:focus-within { max-height: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-sm-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-w-72:hover { width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-w-72:focus { width: 18rem; }
  html[data-theme="dark"] .dark-sm-active-w-72:active { width: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-72:disabled { width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-72:focus-visible { width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-72:focus-within { width: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-sm-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-h-72:hover { height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-h-72:focus { height: 18rem; }
  html[data-theme="dark"] .dark-sm-active-h-72:active { height: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-72:disabled { height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-72:focus-visible { height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-72:focus-within { height: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-sm-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-72:hover { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-72:focus { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-72:active { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-72:disabled { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-72:focus-within { min-width: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-sm-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-72:hover { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-72:focus { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-72:active { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-72:disabled { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-72:focus-within { max-width: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-sm-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-72:hover { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-72:focus { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-72:active { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-72:disabled { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-72:focus-within { min-height: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-sm-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-72:hover { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-72:focus { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-72:active { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-72:disabled { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-72:focus-within { max-height: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-sm-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-w-80:hover { width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-w-80:focus { width: 20rem; }
  html[data-theme="dark"] .dark-sm-active-w-80:active { width: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-80:disabled { width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-80:focus-visible { width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-80:focus-within { width: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-sm-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-h-80:hover { height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-h-80:focus { height: 20rem; }
  html[data-theme="dark"] .dark-sm-active-h-80:active { height: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-80:disabled { height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-80:focus-visible { height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-80:focus-within { height: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-sm-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-80:hover { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-80:focus { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-80:active { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-80:disabled { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-80:focus-within { min-width: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-sm-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-80:hover { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-80:focus { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-80:active { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-80:disabled { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-80:focus-within { max-width: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-sm-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-80:hover { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-80:focus { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-80:active { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-80:disabled { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-80:focus-within { min-height: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-sm-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-80:hover { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-80:focus { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-80:active { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-80:disabled { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-80:focus-within { max-height: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-sm-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-w-96:hover { width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-w-96:focus { width: 24rem; }
  html[data-theme="dark"] .dark-sm-active-w-96:active { width: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-w-96:disabled { width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-96:focus-visible { width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-w-96:focus-within { width: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-sm-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-h-96:hover { height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-h-96:focus { height: 24rem; }
  html[data-theme="dark"] .dark-sm-active-h-96:active { height: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-h-96:disabled { height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-96:focus-visible { height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-h-96:focus-within { height: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-sm-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-min-w-96:hover { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-min-w-96:focus { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-active-min-w-96:active { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-96:disabled { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-96:focus-within { min-width: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-sm-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-max-w-96:hover { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-max-w-96:focus { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-active-max-w-96:active { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-96:disabled { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-96:focus-within { max-width: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-sm-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-min-h-96:hover { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-min-h-96:focus { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-active-min-h-96:active { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-96:disabled { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-96:focus-within { min-height: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-sm-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-max-h-96:hover { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-max-h-96:focus { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-active-max-h-96:active { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-96:disabled { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-96:focus-within { max-height: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-sm-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-w-1\/2:hover { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-w-1\/2:focus { width: 50%; }
  html[data-theme="dark"] .dark-sm-active-w-1\/2:active { width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-w-1\/2:disabled { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-1\/2:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-1\/2:focus-within { width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-sm-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-h-1\/2:hover { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-h-1\/2:focus { height: 50%; }
  html[data-theme="dark"] .dark-sm-active-h-1\/2:active { height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-h-1\/2:disabled { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-1\/2:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-1\/2:focus-within { height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-sm-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-1\/2:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-1\/2:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-active-min-w-1\/2:active { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-1\/2:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-1\/2:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-1\/2:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-active-max-w-1\/2:active { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-1\/2:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-1\/2:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-1\/2:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-active-min-h-1\/2:active { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-1\/2:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-1\/2:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-1\/2:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-active-max-h-1\/2:active { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-1\/2:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-w-1\/3:hover { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-w-1\/3:focus { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-w-1\/3:active { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-w-1\/3:disabled { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-h-1\/3:hover { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-h-1\/3:focus { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-h-1\/3:active { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-h-1\/3:disabled { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-min-w-1\/3:active { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-max-w-1\/3:active { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-sm-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-min-h-1\/3:active { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-active-max-h-1\/3:active { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-sm-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-w-2\/3:hover { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-w-2\/3:focus { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-w-2\/3:active { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-w-2\/3:disabled { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-h-2\/3:hover { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-h-2\/3:focus { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-h-2\/3:active { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-h-2\/3:disabled { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-min-w-2\/3:active { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-max-w-2\/3:active { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-sm-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-min-h-2\/3:active { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-active-max-h-2\/3:active { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-sm-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-w-1\/4:hover { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-w-1\/4:focus { width: 25%; }
  html[data-theme="dark"] .dark-sm-active-w-1\/4:active { width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-w-1\/4:disabled { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-1\/4:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-1\/4:focus-within { width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-sm-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-h-1\/4:hover { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-h-1\/4:focus { height: 25%; }
  html[data-theme="dark"] .dark-sm-active-h-1\/4:active { height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-h-1\/4:disabled { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-1\/4:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-1\/4:focus-within { height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-sm-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-1\/4:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-1\/4:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-active-min-w-1\/4:active { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-1\/4:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-1\/4:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-1\/4:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-active-max-w-1\/4:active { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-1\/4:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-1\/4:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-1\/4:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-active-min-h-1\/4:active { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-1\/4:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-1\/4:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-1\/4:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-active-max-h-1\/4:active { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-1\/4:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-w-3\/4:hover { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-w-3\/4:focus { width: 75%; }
  html[data-theme="dark"] .dark-sm-active-w-3\/4:active { width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-w-3\/4:disabled { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-3\/4:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-3\/4:focus-within { width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-sm-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-h-3\/4:hover { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-h-3\/4:focus { height: 75%; }
  html[data-theme="dark"] .dark-sm-active-h-3\/4:active { height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-h-3\/4:disabled { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-3\/4:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-3\/4:focus-within { height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-sm-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-3\/4:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-3\/4:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-active-min-w-3\/4:active { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-3\/4:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-3\/4:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-3\/4:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-active-max-w-3\/4:active { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-3\/4:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-3\/4:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-3\/4:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-active-min-h-3\/4:active { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-3\/4:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-3\/4:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-3\/4:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-active-max-h-3\/4:active { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-3\/4:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-w-1\/5:hover { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-w-1\/5:focus { width: 20%; }
  html[data-theme="dark"] .dark-sm-active-w-1\/5:active { width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-w-1\/5:disabled { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-1\/5:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-1\/5:focus-within { width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-sm-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-h-1\/5:hover { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-h-1\/5:focus { height: 20%; }
  html[data-theme="dark"] .dark-sm-active-h-1\/5:active { height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-h-1\/5:disabled { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-1\/5:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-1\/5:focus-within { height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-sm-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-1\/5:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-1\/5:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-active-min-w-1\/5:active { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-1\/5:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-1\/5:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-1\/5:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-active-max-w-1\/5:active { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-1\/5:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-1\/5:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-1\/5:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-active-min-h-1\/5:active { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-1\/5:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-1\/5:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-1\/5:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-active-max-h-1\/5:active { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-1\/5:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-w-2\/5:hover { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-w-2\/5:focus { width: 40%; }
  html[data-theme="dark"] .dark-sm-active-w-2\/5:active { width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-w-2\/5:disabled { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-2\/5:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-2\/5:focus-within { width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-sm-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-h-2\/5:hover { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-h-2\/5:focus { height: 40%; }
  html[data-theme="dark"] .dark-sm-active-h-2\/5:active { height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-h-2\/5:disabled { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-2\/5:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-2\/5:focus-within { height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-sm-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-2\/5:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-2\/5:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-active-min-w-2\/5:active { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-2\/5:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-2\/5:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-2\/5:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-active-max-w-2\/5:active { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-2\/5:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-2\/5:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-2\/5:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-active-min-h-2\/5:active { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-2\/5:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-2\/5:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-2\/5:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-active-max-h-2\/5:active { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-2\/5:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-w-3\/5:hover { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-w-3\/5:focus { width: 60%; }
  html[data-theme="dark"] .dark-sm-active-w-3\/5:active { width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-w-3\/5:disabled { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-3\/5:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-3\/5:focus-within { width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-sm-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-h-3\/5:hover { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-h-3\/5:focus { height: 60%; }
  html[data-theme="dark"] .dark-sm-active-h-3\/5:active { height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-h-3\/5:disabled { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-3\/5:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-3\/5:focus-within { height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-sm-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-3\/5:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-3\/5:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-active-min-w-3\/5:active { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-3\/5:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-3\/5:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-3\/5:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-active-max-w-3\/5:active { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-3\/5:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-3\/5:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-3\/5:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-active-min-h-3\/5:active { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-3\/5:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-3\/5:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-3\/5:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-active-max-h-3\/5:active { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-3\/5:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-w-4\/5:hover { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-w-4\/5:focus { width: 80%; }
  html[data-theme="dark"] .dark-sm-active-w-4\/5:active { width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-w-4\/5:disabled { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-4\/5:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-4\/5:focus-within { width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-sm-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-h-4\/5:hover { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-h-4\/5:focus { height: 80%; }
  html[data-theme="dark"] .dark-sm-active-h-4\/5:active { height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-h-4\/5:disabled { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-4\/5:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-4\/5:focus-within { height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-sm-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-4\/5:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-4\/5:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-active-min-w-4\/5:active { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-4\/5:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-4\/5:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-4\/5:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-active-max-w-4\/5:active { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-4\/5:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-4\/5:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-4\/5:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-active-min-h-4\/5:active { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-4\/5:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-4\/5:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-4\/5:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-active-max-h-4\/5:active { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-4\/5:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-sm-hover-w-5p:hover { width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-w-5p:focus { width: 5%; }
  html[data-theme="dark"] .dark-sm-active-w-5p:active { width: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-w-5p:disabled { width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-5p:focus-visible { width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-5p:focus-within { width: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-sm-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-sm-hover-h-5p:hover { height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-h-5p:focus { height: 5%; }
  html[data-theme="dark"] .dark-sm-active-h-5p:active { height: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-h-5p:disabled { height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-5p:focus-visible { height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-5p:focus-within { height: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-sm-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-5p:hover { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-5p:focus { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-active-min-w-5p:active { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-5p:disabled { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-5p:focus-within { min-width: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-sm-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-5p:hover { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-5p:focus { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-active-max-w-5p:active { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-5p:disabled { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-5p:focus-within { max-width: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-sm-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-5p:hover { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-5p:focus { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-active-min-h-5p:active { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-5p:disabled { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-5p:focus-within { min-height: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-sm-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-5p:hover { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-5p:focus { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-active-max-h-5p:active { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-5p:disabled { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-5p:focus-within { max-height: 5%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-sm-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-sm-hover-w-10p:hover { width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-w-10p:focus { width: 10%; }
  html[data-theme="dark"] .dark-sm-active-w-10p:active { width: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-w-10p:disabled { width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-10p:focus-visible { width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-10p:focus-within { width: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-sm-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-sm-hover-h-10p:hover { height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-h-10p:focus { height: 10%; }
  html[data-theme="dark"] .dark-sm-active-h-10p:active { height: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-h-10p:disabled { height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-10p:focus-visible { height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-10p:focus-within { height: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-sm-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-10p:hover { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-10p:focus { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-active-min-w-10p:active { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-10p:disabled { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-10p:focus-within { min-width: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-sm-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-10p:hover { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-10p:focus { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-active-max-w-10p:active { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-10p:disabled { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-10p:focus-within { max-width: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-sm-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-10p:hover { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-10p:focus { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-active-min-h-10p:active { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-10p:disabled { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-10p:focus-within { min-height: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-sm-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-10p:hover { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-10p:focus { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-active-max-h-10p:active { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-10p:disabled { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-10p:focus-within { max-height: 10%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-sm-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-sm-hover-w-15p:hover { width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-w-15p:focus { width: 15%; }
  html[data-theme="dark"] .dark-sm-active-w-15p:active { width: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-w-15p:disabled { width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-15p:focus-visible { width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-15p:focus-within { width: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-sm-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-sm-hover-h-15p:hover { height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-h-15p:focus { height: 15%; }
  html[data-theme="dark"] .dark-sm-active-h-15p:active { height: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-h-15p:disabled { height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-15p:focus-visible { height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-15p:focus-within { height: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-sm-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-15p:hover { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-15p:focus { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-active-min-w-15p:active { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-15p:disabled { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-15p:focus-within { min-width: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-sm-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-15p:hover { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-15p:focus { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-active-max-w-15p:active { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-15p:disabled { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-15p:focus-within { max-width: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-sm-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-15p:hover { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-15p:focus { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-active-min-h-15p:active { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-15p:disabled { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-15p:focus-within { min-height: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-sm-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-15p:hover { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-15p:focus { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-active-max-h-15p:active { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-15p:disabled { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-15p:focus-within { max-height: 15%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-sm-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-w-20p:hover { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-w-20p:focus { width: 20%; }
  html[data-theme="dark"] .dark-sm-active-w-20p:active { width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-w-20p:disabled { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-20p:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-20p:focus-within { width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-sm-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-h-20p:hover { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-h-20p:focus { height: 20%; }
  html[data-theme="dark"] .dark-sm-active-h-20p:active { height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-h-20p:disabled { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-20p:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-20p:focus-within { height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-sm-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-20p:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-20p:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-active-min-w-20p:active { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-20p:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-20p:focus-within { min-width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-sm-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-20p:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-20p:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-active-max-w-20p:active { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-20p:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-20p:focus-within { max-width: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-sm-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-20p:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-20p:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-active-min-h-20p:active { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-20p:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-20p:focus-within { min-height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-sm-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-20p:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-20p:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-active-max-h-20p:active { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-20p:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-20p:focus-within { max-height: 20%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-sm-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-w-25p:hover { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-w-25p:focus { width: 25%; }
  html[data-theme="dark"] .dark-sm-active-w-25p:active { width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-w-25p:disabled { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-25p:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-25p:focus-within { width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-sm-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-h-25p:hover { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-h-25p:focus { height: 25%; }
  html[data-theme="dark"] .dark-sm-active-h-25p:active { height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-h-25p:disabled { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-25p:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-25p:focus-within { height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-sm-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-25p:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-25p:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-active-min-w-25p:active { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-25p:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-25p:focus-within { min-width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-sm-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-25p:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-25p:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-active-max-w-25p:active { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-25p:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-25p:focus-within { max-width: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-sm-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-25p:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-25p:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-active-min-h-25p:active { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-25p:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-25p:focus-within { min-height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-sm-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-25p:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-25p:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-active-max-h-25p:active { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-25p:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-25p:focus-within { max-height: 25%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-sm-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-sm-hover-w-30p:hover { width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-w-30p:focus { width: 30%; }
  html[data-theme="dark"] .dark-sm-active-w-30p:active { width: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-w-30p:disabled { width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-30p:focus-visible { width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-30p:focus-within { width: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-sm-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-sm-hover-h-30p:hover { height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-h-30p:focus { height: 30%; }
  html[data-theme="dark"] .dark-sm-active-h-30p:active { height: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-h-30p:disabled { height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-30p:focus-visible { height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-30p:focus-within { height: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-sm-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-30p:hover { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-30p:focus { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-active-min-w-30p:active { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-30p:disabled { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-30p:focus-within { min-width: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-sm-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-30p:hover { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-30p:focus { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-active-max-w-30p:active { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-30p:disabled { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-30p:focus-within { max-width: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-sm-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-30p:hover { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-30p:focus { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-active-min-h-30p:active { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-30p:disabled { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-30p:focus-within { min-height: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-sm-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-30p:hover { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-30p:focus { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-active-max-h-30p:active { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-30p:disabled { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-30p:focus-within { max-height: 30%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-sm-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-sm-hover-w-35p:hover { width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-w-35p:focus { width: 35%; }
  html[data-theme="dark"] .dark-sm-active-w-35p:active { width: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-w-35p:disabled { width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-35p:focus-visible { width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-35p:focus-within { width: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-sm-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-sm-hover-h-35p:hover { height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-h-35p:focus { height: 35%; }
  html[data-theme="dark"] .dark-sm-active-h-35p:active { height: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-h-35p:disabled { height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-35p:focus-visible { height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-35p:focus-within { height: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-sm-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-35p:hover { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-35p:focus { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-active-min-w-35p:active { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-35p:disabled { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-35p:focus-within { min-width: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-sm-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-35p:hover { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-35p:focus { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-active-max-w-35p:active { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-35p:disabled { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-35p:focus-within { max-width: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-sm-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-35p:hover { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-35p:focus { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-active-min-h-35p:active { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-35p:disabled { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-35p:focus-within { min-height: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-sm-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-35p:hover { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-35p:focus { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-active-max-h-35p:active { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-35p:disabled { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-35p:focus-within { max-height: 35%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-sm-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-w-40p:hover { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-w-40p:focus { width: 40%; }
  html[data-theme="dark"] .dark-sm-active-w-40p:active { width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-w-40p:disabled { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-40p:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-40p:focus-within { width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-sm-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-h-40p:hover { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-h-40p:focus { height: 40%; }
  html[data-theme="dark"] .dark-sm-active-h-40p:active { height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-h-40p:disabled { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-40p:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-40p:focus-within { height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-sm-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-40p:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-40p:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-active-min-w-40p:active { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-40p:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-40p:focus-within { min-width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-sm-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-40p:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-40p:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-active-max-w-40p:active { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-40p:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-40p:focus-within { max-width: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-sm-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-40p:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-40p:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-active-min-h-40p:active { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-40p:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-40p:focus-within { min-height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-sm-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-40p:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-40p:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-active-max-h-40p:active { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-40p:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-40p:focus-within { max-height: 40%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-sm-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-sm-hover-w-45p:hover { width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-w-45p:focus { width: 45%; }
  html[data-theme="dark"] .dark-sm-active-w-45p:active { width: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-w-45p:disabled { width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-45p:focus-visible { width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-45p:focus-within { width: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-sm-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-sm-hover-h-45p:hover { height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-h-45p:focus { height: 45%; }
  html[data-theme="dark"] .dark-sm-active-h-45p:active { height: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-h-45p:disabled { height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-45p:focus-visible { height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-45p:focus-within { height: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-sm-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-45p:hover { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-45p:focus { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-active-min-w-45p:active { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-45p:disabled { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-45p:focus-within { min-width: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-sm-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-45p:hover { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-45p:focus { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-active-max-w-45p:active { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-45p:disabled { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-45p:focus-within { max-width: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-sm-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-45p:hover { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-45p:focus { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-active-min-h-45p:active { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-45p:disabled { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-45p:focus-within { min-height: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-sm-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-45p:hover { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-45p:focus { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-active-max-h-45p:active { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-45p:disabled { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-45p:focus-within { max-height: 45%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-sm-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-w-50p:hover { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-w-50p:focus { width: 50%; }
  html[data-theme="dark"] .dark-sm-active-w-50p:active { width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-w-50p:disabled { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-50p:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-50p:focus-within { width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-sm-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-h-50p:hover { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-h-50p:focus { height: 50%; }
  html[data-theme="dark"] .dark-sm-active-h-50p:active { height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-h-50p:disabled { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-50p:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-50p:focus-within { height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-sm-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-50p:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-50p:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-active-min-w-50p:active { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-50p:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-50p:focus-within { min-width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-sm-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-50p:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-50p:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-active-max-w-50p:active { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-50p:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-50p:focus-within { max-width: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-sm-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-50p:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-50p:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-active-min-h-50p:active { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-50p:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-50p:focus-within { min-height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-sm-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-50p:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-50p:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-active-max-h-50p:active { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-50p:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-50p:focus-within { max-height: 50%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-sm-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-sm-hover-w-55p:hover { width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-w-55p:focus { width: 55%; }
  html[data-theme="dark"] .dark-sm-active-w-55p:active { width: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-w-55p:disabled { width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-55p:focus-visible { width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-55p:focus-within { width: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-sm-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-sm-hover-h-55p:hover { height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-h-55p:focus { height: 55%; }
  html[data-theme="dark"] .dark-sm-active-h-55p:active { height: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-h-55p:disabled { height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-55p:focus-visible { height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-55p:focus-within { height: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-sm-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-55p:hover { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-55p:focus { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-active-min-w-55p:active { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-55p:disabled { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-55p:focus-within { min-width: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-sm-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-55p:hover { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-55p:focus { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-active-max-w-55p:active { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-55p:disabled { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-55p:focus-within { max-width: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-sm-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-55p:hover { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-55p:focus { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-active-min-h-55p:active { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-55p:disabled { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-55p:focus-within { min-height: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-sm-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-55p:hover { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-55p:focus { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-active-max-h-55p:active { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-55p:disabled { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-55p:focus-within { max-height: 55%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-sm-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-w-60p:hover { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-w-60p:focus { width: 60%; }
  html[data-theme="dark"] .dark-sm-active-w-60p:active { width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-w-60p:disabled { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-60p:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-60p:focus-within { width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-sm-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-h-60p:hover { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-h-60p:focus { height: 60%; }
  html[data-theme="dark"] .dark-sm-active-h-60p:active { height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-h-60p:disabled { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-60p:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-60p:focus-within { height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-sm-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-60p:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-60p:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-active-min-w-60p:active { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-60p:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-60p:focus-within { min-width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-sm-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-60p:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-60p:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-active-max-w-60p:active { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-60p:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-60p:focus-within { max-width: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-sm-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-60p:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-60p:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-active-min-h-60p:active { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-60p:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-60p:focus-within { min-height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-sm-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-60p:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-60p:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-active-max-h-60p:active { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-60p:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-60p:focus-within { max-height: 60%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-sm-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-sm-hover-w-65p:hover { width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-w-65p:focus { width: 65%; }
  html[data-theme="dark"] .dark-sm-active-w-65p:active { width: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-w-65p:disabled { width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-65p:focus-visible { width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-65p:focus-within { width: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-sm-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-sm-hover-h-65p:hover { height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-h-65p:focus { height: 65%; }
  html[data-theme="dark"] .dark-sm-active-h-65p:active { height: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-h-65p:disabled { height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-65p:focus-visible { height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-65p:focus-within { height: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-sm-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-65p:hover { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-65p:focus { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-active-min-w-65p:active { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-65p:disabled { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-65p:focus-within { min-width: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-sm-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-65p:hover { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-65p:focus { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-active-max-w-65p:active { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-65p:disabled { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-65p:focus-within { max-width: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-sm-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-65p:hover { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-65p:focus { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-active-min-h-65p:active { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-65p:disabled { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-65p:focus-within { min-height: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-sm-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-65p:hover { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-65p:focus { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-active-max-h-65p:active { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-65p:disabled { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-65p:focus-within { max-height: 65%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-sm-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-sm-hover-w-70p:hover { width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-w-70p:focus { width: 70%; }
  html[data-theme="dark"] .dark-sm-active-w-70p:active { width: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-w-70p:disabled { width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-70p:focus-visible { width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-70p:focus-within { width: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-sm-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-sm-hover-h-70p:hover { height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-h-70p:focus { height: 70%; }
  html[data-theme="dark"] .dark-sm-active-h-70p:active { height: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-h-70p:disabled { height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-70p:focus-visible { height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-70p:focus-within { height: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-sm-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-70p:hover { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-70p:focus { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-active-min-w-70p:active { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-70p:disabled { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-70p:focus-within { min-width: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-sm-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-70p:hover { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-70p:focus { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-active-max-w-70p:active { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-70p:disabled { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-70p:focus-within { max-width: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-sm-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-70p:hover { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-70p:focus { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-active-min-h-70p:active { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-70p:disabled { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-70p:focus-within { min-height: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-sm-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-70p:hover { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-70p:focus { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-active-max-h-70p:active { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-70p:disabled { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-70p:focus-within { max-height: 70%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-sm-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-w-75p:hover { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-w-75p:focus { width: 75%; }
  html[data-theme="dark"] .dark-sm-active-w-75p:active { width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-w-75p:disabled { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-75p:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-75p:focus-within { width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-sm-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-h-75p:hover { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-h-75p:focus { height: 75%; }
  html[data-theme="dark"] .dark-sm-active-h-75p:active { height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-h-75p:disabled { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-75p:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-75p:focus-within { height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-sm-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-75p:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-75p:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-active-min-w-75p:active { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-75p:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-75p:focus-within { min-width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-sm-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-75p:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-75p:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-active-max-w-75p:active { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-75p:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-75p:focus-within { max-width: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-sm-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-75p:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-75p:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-active-min-h-75p:active { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-75p:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-75p:focus-within { min-height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-sm-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-75p:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-75p:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-active-max-h-75p:active { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-75p:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-75p:focus-within { max-height: 75%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-sm-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-w-80p:hover { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-w-80p:focus { width: 80%; }
  html[data-theme="dark"] .dark-sm-active-w-80p:active { width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-w-80p:disabled { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-80p:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-80p:focus-within { width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-sm-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-h-80p:hover { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-h-80p:focus { height: 80%; }
  html[data-theme="dark"] .dark-sm-active-h-80p:active { height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-h-80p:disabled { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-80p:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-80p:focus-within { height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-sm-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-80p:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-80p:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-active-min-w-80p:active { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-80p:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-80p:focus-within { min-width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-sm-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-80p:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-80p:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-active-max-w-80p:active { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-80p:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-80p:focus-within { max-width: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-sm-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-80p:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-80p:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-active-min-h-80p:active { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-80p:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-80p:focus-within { min-height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-sm-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-80p:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-80p:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-active-max-h-80p:active { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-80p:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-80p:focus-within { max-height: 80%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-sm-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-sm-hover-w-85p:hover { width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-w-85p:focus { width: 85%; }
  html[data-theme="dark"] .dark-sm-active-w-85p:active { width: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-w-85p:disabled { width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-85p:focus-visible { width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-85p:focus-within { width: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-sm-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-sm-hover-h-85p:hover { height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-h-85p:focus { height: 85%; }
  html[data-theme="dark"] .dark-sm-active-h-85p:active { height: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-h-85p:disabled { height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-85p:focus-visible { height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-85p:focus-within { height: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-sm-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-85p:hover { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-85p:focus { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-active-min-w-85p:active { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-85p:disabled { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-85p:focus-within { min-width: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-sm-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-85p:hover { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-85p:focus { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-active-max-w-85p:active { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-85p:disabled { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-85p:focus-within { max-width: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-sm-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-85p:hover { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-85p:focus { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-active-min-h-85p:active { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-85p:disabled { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-85p:focus-within { min-height: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-sm-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-85p:hover { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-85p:focus { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-active-max-h-85p:active { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-85p:disabled { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-85p:focus-within { max-height: 85%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-sm-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-sm-hover-w-90p:hover { width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-w-90p:focus { width: 90%; }
  html[data-theme="dark"] .dark-sm-active-w-90p:active { width: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-w-90p:disabled { width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-90p:focus-visible { width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-90p:focus-within { width: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-sm-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-sm-hover-h-90p:hover { height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-h-90p:focus { height: 90%; }
  html[data-theme="dark"] .dark-sm-active-h-90p:active { height: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-h-90p:disabled { height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-90p:focus-visible { height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-90p:focus-within { height: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-sm-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-90p:hover { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-90p:focus { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-active-min-w-90p:active { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-90p:disabled { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-90p:focus-within { min-width: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-sm-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-90p:hover { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-90p:focus { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-active-max-w-90p:active { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-90p:disabled { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-90p:focus-within { max-width: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-sm-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-90p:hover { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-90p:focus { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-active-min-h-90p:active { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-90p:disabled { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-90p:focus-within { min-height: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-sm-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-90p:hover { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-90p:focus { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-active-max-h-90p:active { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-90p:disabled { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-90p:focus-within { max-height: 90%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-sm-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-sm-hover-w-95p:hover { width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-w-95p:focus { width: 95%; }
  html[data-theme="dark"] .dark-sm-active-w-95p:active { width: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-w-95p:disabled { width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-95p:focus-visible { width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-95p:focus-within { width: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-sm-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-sm-hover-h-95p:hover { height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-h-95p:focus { height: 95%; }
  html[data-theme="dark"] .dark-sm-active-h-95p:active { height: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-h-95p:disabled { height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-95p:focus-visible { height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-95p:focus-within { height: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-sm-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-95p:hover { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-95p:focus { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-active-min-w-95p:active { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-95p:disabled { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-95p:focus-within { min-width: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-sm-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-95p:hover { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-95p:focus { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-active-max-w-95p:active { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-95p:disabled { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-95p:focus-within { max-width: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-sm-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-95p:hover { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-95p:focus { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-active-min-h-95p:active { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-95p:disabled { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-95p:focus-within { min-height: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-sm-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-95p:hover { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-95p:focus { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-active-max-h-95p:active { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-95p:disabled { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-95p:focus-within { max-height: 95%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-sm-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-w-100p:hover { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-w-100p:focus { width: 100%; }
  html[data-theme="dark"] .dark-sm-active-w-100p:active { width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-w-100p:disabled { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-100p:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-100p:focus-within { width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-sm-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-h-100p:hover { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-h-100p:focus { height: 100%; }
  html[data-theme="dark"] .dark-sm-active-h-100p:active { height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-h-100p:disabled { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-100p:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-100p:focus-within { height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-sm-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-100p:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-100p:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-active-min-w-100p:active { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-100p:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-100p:focus-within { min-width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-100p:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-100p:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-active-max-w-100p:active { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-100p:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-100p:focus-within { max-width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-100p:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-100p:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-active-min-h-100p:active { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-100p:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-100p:focus-within { min-height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-100p:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-100p:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-active-max-h-100p:active { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-100p:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-100p:focus-within { max-height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-w-10vw:hover { width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-w-10vw:focus { width: 10vw; }
  html[data-theme="dark"] .dark-sm-active-w-10vw:active { width: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-10vw:disabled { width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-10vw:focus-visible { width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-10vw:focus-within { width: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-sm-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-h-10vw:hover { height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-h-10vw:focus { height: 10vw; }
  html[data-theme="dark"] .dark-sm-active-h-10vw:active { height: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-10vw:disabled { height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-10vw:focus-visible { height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-10vw:focus-within { height: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-sm-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-10vw:hover { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-10vw:focus { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-10vw:active { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-10vw:disabled { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-sm-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-10vw:hover { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-10vw:focus { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-10vw:active { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-10vw:disabled { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-sm-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-10vw:hover { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-10vw:focus { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-10vw:active { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-10vw:disabled { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-sm-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-10vw:hover { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-10vw:focus { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-10vw:active { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-10vw:disabled { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-sm-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-w-20vw:hover { width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-w-20vw:focus { width: 20vw; }
  html[data-theme="dark"] .dark-sm-active-w-20vw:active { width: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-20vw:disabled { width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-20vw:focus-visible { width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-20vw:focus-within { width: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-sm-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-h-20vw:hover { height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-h-20vw:focus { height: 20vw; }
  html[data-theme="dark"] .dark-sm-active-h-20vw:active { height: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-20vw:disabled { height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-20vw:focus-visible { height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-20vw:focus-within { height: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-sm-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-20vw:hover { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-20vw:focus { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-20vw:active { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-20vw:disabled { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-sm-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-20vw:hover { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-20vw:focus { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-20vw:active { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-20vw:disabled { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-sm-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-20vw:hover { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-20vw:focus { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-20vw:active { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-20vw:disabled { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-sm-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-20vw:hover { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-20vw:focus { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-20vw:active { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-20vw:disabled { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-sm-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-w-30vw:hover { width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-w-30vw:focus { width: 30vw; }
  html[data-theme="dark"] .dark-sm-active-w-30vw:active { width: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-30vw:disabled { width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-30vw:focus-visible { width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-30vw:focus-within { width: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-sm-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-h-30vw:hover { height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-h-30vw:focus { height: 30vw; }
  html[data-theme="dark"] .dark-sm-active-h-30vw:active { height: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-30vw:disabled { height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-30vw:focus-visible { height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-30vw:focus-within { height: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-sm-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-30vw:hover { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-30vw:focus { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-30vw:active { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-30vw:disabled { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-sm-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-30vw:hover { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-30vw:focus { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-30vw:active { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-30vw:disabled { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-sm-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-30vw:hover { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-30vw:focus { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-30vw:active { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-30vw:disabled { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-sm-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-30vw:hover { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-30vw:focus { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-30vw:active { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-30vw:disabled { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-sm-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-w-40vw:hover { width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-w-40vw:focus { width: 40vw; }
  html[data-theme="dark"] .dark-sm-active-w-40vw:active { width: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-40vw:disabled { width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-40vw:focus-visible { width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-40vw:focus-within { width: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-sm-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-h-40vw:hover { height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-h-40vw:focus { height: 40vw; }
  html[data-theme="dark"] .dark-sm-active-h-40vw:active { height: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-40vw:disabled { height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-40vw:focus-visible { height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-40vw:focus-within { height: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-sm-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-40vw:hover { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-40vw:focus { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-40vw:active { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-40vw:disabled { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-sm-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-40vw:hover { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-40vw:focus { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-40vw:active { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-40vw:disabled { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-sm-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-40vw:hover { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-40vw:focus { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-40vw:active { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-40vw:disabled { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-sm-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-40vw:hover { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-40vw:focus { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-40vw:active { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-40vw:disabled { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-sm-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-w-50vw:hover { width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-w-50vw:focus { width: 50vw; }
  html[data-theme="dark"] .dark-sm-active-w-50vw:active { width: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-50vw:disabled { width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-50vw:focus-visible { width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-50vw:focus-within { width: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-sm-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-h-50vw:hover { height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-h-50vw:focus { height: 50vw; }
  html[data-theme="dark"] .dark-sm-active-h-50vw:active { height: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-50vw:disabled { height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-50vw:focus-visible { height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-50vw:focus-within { height: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-sm-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-50vw:hover { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-50vw:focus { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-50vw:active { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-50vw:disabled { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-sm-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-50vw:hover { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-50vw:focus { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-50vw:active { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-50vw:disabled { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-sm-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-50vw:hover { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-50vw:focus { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-50vw:active { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-50vw:disabled { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-sm-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-50vw:hover { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-50vw:focus { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-50vw:active { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-50vw:disabled { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-sm-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-w-60vw:hover { width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-w-60vw:focus { width: 60vw; }
  html[data-theme="dark"] .dark-sm-active-w-60vw:active { width: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-60vw:disabled { width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-60vw:focus-visible { width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-60vw:focus-within { width: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-sm-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-h-60vw:hover { height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-h-60vw:focus { height: 60vw; }
  html[data-theme="dark"] .dark-sm-active-h-60vw:active { height: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-60vw:disabled { height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-60vw:focus-visible { height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-60vw:focus-within { height: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-sm-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-60vw:hover { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-60vw:focus { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-60vw:active { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-60vw:disabled { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-sm-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-60vw:hover { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-60vw:focus { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-60vw:active { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-60vw:disabled { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-sm-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-60vw:hover { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-60vw:focus { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-60vw:active { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-60vw:disabled { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-sm-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-60vw:hover { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-60vw:focus { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-60vw:active { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-60vw:disabled { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-sm-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-w-70vw:hover { width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-w-70vw:focus { width: 70vw; }
  html[data-theme="dark"] .dark-sm-active-w-70vw:active { width: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-70vw:disabled { width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-70vw:focus-visible { width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-70vw:focus-within { width: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-sm-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-h-70vw:hover { height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-h-70vw:focus { height: 70vw; }
  html[data-theme="dark"] .dark-sm-active-h-70vw:active { height: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-70vw:disabled { height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-70vw:focus-visible { height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-70vw:focus-within { height: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-sm-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-70vw:hover { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-70vw:focus { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-70vw:active { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-70vw:disabled { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-sm-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-70vw:hover { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-70vw:focus { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-70vw:active { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-70vw:disabled { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-sm-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-70vw:hover { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-70vw:focus { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-70vw:active { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-70vw:disabled { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-sm-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-70vw:hover { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-70vw:focus { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-70vw:active { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-70vw:disabled { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-sm-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-w-80vw:hover { width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-w-80vw:focus { width: 80vw; }
  html[data-theme="dark"] .dark-sm-active-w-80vw:active { width: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-80vw:disabled { width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-80vw:focus-visible { width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-80vw:focus-within { width: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-sm-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-h-80vw:hover { height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-h-80vw:focus { height: 80vw; }
  html[data-theme="dark"] .dark-sm-active-h-80vw:active { height: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-80vw:disabled { height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-80vw:focus-visible { height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-80vw:focus-within { height: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-sm-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-80vw:hover { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-80vw:focus { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-80vw:active { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-80vw:disabled { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-sm-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-80vw:hover { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-80vw:focus { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-80vw:active { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-80vw:disabled { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-sm-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-80vw:hover { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-80vw:focus { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-80vw:active { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-80vw:disabled { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-sm-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-80vw:hover { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-80vw:focus { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-80vw:active { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-80vw:disabled { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-sm-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-w-90vw:hover { width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-w-90vw:focus { width: 90vw; }
  html[data-theme="dark"] .dark-sm-active-w-90vw:active { width: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-90vw:disabled { width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-90vw:focus-visible { width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-90vw:focus-within { width: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-sm-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-h-90vw:hover { height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-h-90vw:focus { height: 90vw; }
  html[data-theme="dark"] .dark-sm-active-h-90vw:active { height: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-90vw:disabled { height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-90vw:focus-visible { height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-90vw:focus-within { height: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-sm-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-90vw:hover { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-90vw:focus { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-90vw:active { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-90vw:disabled { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-sm-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-90vw:hover { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-90vw:focus { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-90vw:active { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-90vw:disabled { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-sm-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-90vw:hover { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-90vw:focus { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-90vw:active { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-90vw:disabled { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-sm-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-90vw:hover { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-90vw:focus { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-90vw:active { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-90vw:disabled { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-sm-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-w-100vw:hover { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-w-100vw:focus { width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-w-100vw:active { width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-100vw:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-100vw:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-100vw:focus-within { width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-sm-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-h-100vw:hover { height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-h-100vw:focus { height: 100vw; }
  html[data-theme="dark"] .dark-sm-active-h-100vw:active { height: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-h-100vw:disabled { height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-100vw:focus-visible { height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-h-100vw:focus-within { height: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-sm-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-100vw:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-100vw:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-100vw:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-100vw:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-100vw:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-100vw:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-100vw:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-100vw:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-min-h-100vw:hover { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-min-h-100vw:focus { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-active-min-h-100vw:active { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-100vw:disabled { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-sm-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-max-h-100vw:hover { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-max-h-100vw:focus { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-active-max-h-100vw:active { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-100vw:disabled { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-sm-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-w-fit:hover { width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-w-fit:focus { width: fit-content; }
  html[data-theme="dark"] .dark-sm-active-w-fit:active { width: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-w-fit:disabled { width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-fit:focus-visible { width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-w-fit:focus-within { width: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-sm-w-max { width: max-content; }
  html[data-theme="dark"] .dark-sm-hover-w-max:hover { width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-w-max:focus { width: max-content; }
  html[data-theme="dark"] .dark-sm-active-w-max:active { width: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-w-max:disabled { width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-max:focus-visible { width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-w-max:focus-within { width: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-max { width: max-content; }
  html[data-theme="dark"] .dark-sm-w-min { width: min-content; }
  html[data-theme="dark"] .dark-sm-hover-w-min:hover { width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-w-min:focus { width: min-content; }
  html[data-theme="dark"] .dark-sm-active-w-min:active { width: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-w-min:disabled { width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-min:focus-visible { width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-w-min:focus-within { width: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-min { width: min-content; }
  html[data-theme="dark"] .dark-sm-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-w-minmax:hover { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-w-minmax:focus { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-w-minmax:active { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-w-full { width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-w-full:hover { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-w-full:focus { width: 100%; }
  html[data-theme="dark"] .dark-sm-active-w-full:active { width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-w-full:disabled { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-full:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-w-full:focus-within { width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-full { width: 100%; }
  html[data-theme="dark"] .dark-sm-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-w-screen:hover { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-w-screen:focus { width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-w-screen:active { width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-w-screen:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-w-screen:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-w-screen:focus-within { width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-sm-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-h-fit:hover { height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-h-fit:focus { height: fit-content; }
  html[data-theme="dark"] .dark-sm-active-h-fit:active { height: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-h-fit:disabled { height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-fit:focus-visible { height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-h-fit:focus-within { height: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-sm-h-max { height: max-content; }
  html[data-theme="dark"] .dark-sm-hover-h-max:hover { height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-h-max:focus { height: max-content; }
  html[data-theme="dark"] .dark-sm-active-h-max:active { height: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-h-max:disabled { height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-max:focus-visible { height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-h-max:focus-within { height: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-max { height: max-content; }
  html[data-theme="dark"] .dark-sm-h-min { height: min-content; }
  html[data-theme="dark"] .dark-sm-hover-h-min:hover { height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-h-min:focus { height: min-content; }
  html[data-theme="dark"] .dark-sm-active-h-min:active { height: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-h-min:disabled { height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-min:focus-visible { height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-h-min:focus-within { height: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-min { height: min-content; }
  html[data-theme="dark"] .dark-sm-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-h-minmax:hover { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-h-minmax:focus { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-h-minmax:active { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-h-full { height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-h-full:hover { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-h-full:focus { height: 100%; }
  html[data-theme="dark"] .dark-sm-active-h-full:active { height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-h-full:disabled { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-full:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-h-full:focus-within { height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-full { height: 100%; }
  html[data-theme="dark"] .dark-sm-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-sm-hover-h-screen:hover { height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-h-screen:focus { height: 100vh; }
  html[data-theme="dark"] .dark-sm-active-h-screen:active { height: 100vh; }
  html[data-theme="dark"] .dark-sm-disabled-h-screen:disabled { height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-visible-h-screen:focus-visible { height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-within-h-screen:focus-within { height: 100vh; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-sm-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-min-w-fit:hover { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-min-w-fit:focus { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-active-min-w-fit:active { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-fit:disabled { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-sm-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-hover-min-w-max:hover { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-min-w-max:focus { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-active-min-w-max:active { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-max:disabled { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-max:focus-within { min-width: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-sm-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-hover-min-w-min:hover { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-min-w-min:focus { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-active-min-w-min:active { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-min:disabled { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-min:focus-within { min-width: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-sm-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-min-w-full:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-min-w-full:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-active-min-w-full:active { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-full:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-full:focus-within { min-width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-sm-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-min-w-screen:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-min-w-screen:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-min-w-screen:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-min-w-screen:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-sm-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-min-h-fit:hover { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-min-h-fit:focus { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-active-min-h-fit:active { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-fit:disabled { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-sm-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-hover-min-h-max:hover { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-min-h-max:focus { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-active-min-h-max:active { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-max:disabled { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-max:focus-within { min-height: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-sm-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-hover-min-h-min:hover { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-min-h-min:focus { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-active-min-h-min:active { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-min:disabled { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-min:focus-within { min-height: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-sm-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-min-h-full:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-min-h-full:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-active-min-h-full:active { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-full:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-full:focus-within { min-height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-sm-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-hover-min-h-screen:hover { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-min-h-screen:focus { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-active-min-h-screen:active { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-disabled-min-h-screen:disabled { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-sm-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-max-w-fit:hover { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-max-w-fit:focus { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-active-max-w-fit:active { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-fit:disabled { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-sm-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-hover-max-w-max:hover { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-max-w-max:focus { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-active-max-w-max:active { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-max:disabled { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-max:focus-within { max-width: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-sm-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-hover-max-w-min:hover { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-max-w-min:focus { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-active-max-w-min:active { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-min:disabled { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-min:focus-within { max-width: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-sm-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-hover-max-w-full:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-max-w-full:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-active-max-w-full:active { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-full:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-full:focus-within { max-width: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-sm-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-hover-max-w-screen:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-max-w-screen:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-active-max-w-screen:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-disabled-max-w-screen:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-sm-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-hover-max-h-fit:hover { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-max-h-fit:focus { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-active-max-h-fit:active { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-fit:disabled { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-sm-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-hover-max-h-max:hover { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-max-h-max:focus { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-active-max-h-max:active { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-max:disabled { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-max:focus-within { max-height: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-sm-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-hover-max-h-min:hover { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-max-h-min:focus { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-active-max-h-min:active { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-min:disabled { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-min:focus-within { max-height: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-sm-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-sm-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-hover-max-h-full:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-max-h-full:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-active-max-h-full:active { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-full:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-full:focus-within { max-height: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-sm-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-hover-max-h-screen:hover { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-max-h-screen:focus { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-active-max-h-screen:active { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-disabled-max-h-screen:disabled { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-sm-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-hover-size-0:hover { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-focus-size-0:focus { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-active-size-0:active { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-disabled-size-0:disabled { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-size-0:focus-within { width: 0; height: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-sm-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-sm-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-sm-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-sm-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-size-4:hover { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-size-4:focus { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-active-size-4:active { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-sm-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-sm-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-sm-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-sm-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-size-8:hover { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-size-8:focus { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-active-size-8:active { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-sm-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-sm-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-sm-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-sm-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-size-12:hover { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-size-12:focus { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-active-size-12:active { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-sm-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-sm-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-size-16:hover { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-size-16:focus { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-active-size-16:active { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-sm-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-size-20:hover { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-size-20:focus { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-active-size-20:active { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-sm-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-size-24:hover { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-size-24:focus { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-active-size-24:active { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-sm-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-size-28:hover { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-size-28:focus { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-active-size-28:active { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-sm-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-size-32:hover { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-size-32:focus { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-active-size-32:active { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-sm-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-hover-size-36:hover { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-size-36:focus { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-active-size-36:active { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-sm-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-hover-size-40:hover { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-size-40:focus { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-active-size-40:active { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-sm-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-hover-size-44:hover { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-size-44:focus { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-active-size-44:active { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-sm-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-hover-size-48:hover { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-size-48:focus { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-active-size-48:active { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-sm-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-hover-size-52:hover { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-size-52:focus { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-active-size-52:active { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-sm-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-hover-size-56:hover { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-size-56:focus { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-active-size-56:active { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-sm-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-hover-size-60:hover { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-size-60:focus { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-active-size-60:active { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-sm-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-hover-size-64:hover { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-size-64:focus { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-active-size-64:active { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-sm-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-hover-size-72:hover { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-size-72:focus { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-active-size-72:active { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-sm-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-hover-size-80:hover { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-size-80:focus { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-active-size-80:active { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-sm-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-hover-size-96:hover { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-size-96:focus { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-active-size-96:active { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-sm-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-sm-hover-font-size-auto:hover { font-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-font-size-auto:focus { font-size: auto; }
  html[data-theme="dark"] .dark-sm-active-font-size-auto:active { font-size: auto; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-auto:disabled { font-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-auto:focus-within { font-size: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-sm-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-sm-hover-font-size-0:hover { font-size: 0; }
  html[data-theme="dark"] .dark-sm-focus-font-size-0:focus { font-size: 0; }
  html[data-theme="dark"] .dark-sm-active-font-size-0:active { font-size: 0; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-0:disabled { font-size: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-0:focus-visible { font-size: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-0:focus-within { font-size: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-sm-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-1:hover { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-1:focus { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-1:active { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-1:disabled { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-sm-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-2:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-2:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-2:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-2:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-3:hover { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-3:focus { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-3:active { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-3:disabled { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-sm-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-4:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-4:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-4:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-4:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-4:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-5:hover { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-5:focus { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-5:active { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-5:disabled { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-sm-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-6:hover { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-6:focus { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-6:active { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-6:disabled { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-sm-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-7:hover { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-7:focus { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-7:active { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-7:disabled { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-sm-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-8:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-8:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-8:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-8:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-8:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-9:hover { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-9:focus { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-9:active { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-9:disabled { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-sm-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-10:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-10:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-10:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-10:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-12:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-12:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-12:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-12:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-12:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-14:hover { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-14:focus { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-14:active { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-14:disabled { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-sm-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-16:hover { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-16:focus { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-16:active { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-16:disabled { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-16:focus-within { font-size: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-sm-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-18:hover { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-18:focus { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-18:active { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-18:disabled { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-sm-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-20:hover { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-20:focus { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-20:active { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-20:disabled { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-20:focus-within { font-size: 5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-sm-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-24:hover { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-24:focus { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-24:active { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-24:disabled { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-24:focus-within { font-size: 6rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-sm-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-28:hover { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-28:focus { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-28:active { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-28:disabled { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-28:focus-within { font-size: 7rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-sm-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-hover-font-size-32:hover { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-font-size-32:focus { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-active-font-size-32:active { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-disabled-font-size-32:disabled { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-focus-within-font-size-32:focus-within { font-size: 8rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-sm-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-sm-hover-font-style-normal:hover { font-style: normal; }
  html[data-theme="dark"] .dark-sm-focus-font-style-normal:focus { font-style: normal; }
  html[data-theme="dark"] .dark-sm-active-font-style-normal:active { font-style: normal; }
  html[data-theme="dark"] .dark-sm-disabled-font-style-normal:disabled { font-style: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-font-style-normal:focus-within { font-style: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-sm-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-sm-hover-font-style-italic:hover { font-style: italic; }
  html[data-theme="dark"] .dark-sm-focus-font-style-italic:focus { font-style: italic; }
  html[data-theme="dark"] .dark-sm-active-font-style-italic:active { font-style: italic; }
  html[data-theme="dark"] .dark-sm-disabled-font-style-italic:disabled { font-style: italic; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  html[data-theme="dark"] .dark-sm-focus-within-font-style-italic:focus-within { font-style: italic; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-sm-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-hover-font-style-oblique:hover { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-focus-font-style-oblique:focus { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-active-font-style-oblique:active { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-disabled-font-style-oblique:disabled { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-sm-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-sm-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-sm-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-thin:hover { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-thin:focus { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-active-font-weight-thin:active { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-thin:disabled { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-sm-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-extralight:hover { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-extralight:focus { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-active-font-weight-extralight:active { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-extralight:disabled { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-sm-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-light:hover { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-light:focus { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-active-font-weight-light:active { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-light:disabled { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-light:focus-within { font-weight: 300; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-sm-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-regular:hover { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-regular:focus { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-active-font-weight-regular:active { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-regular:disabled { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-sm-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-medium:hover { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-medium:focus { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-active-font-weight-medium:active { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-medium:disabled { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-sm-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-semibold:hover { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-semibold:focus { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-active-font-weight-semibold:active { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-semibold:disabled { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-sm-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-bold:hover { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-bold:focus { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-active-font-weight-bold:active { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-bold:disabled { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-sm-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-extrabold:hover { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-extrabold:focus { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-active-font-weight-extrabold:active { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-sm-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-hover-font-weight-ultrabold:hover { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-focus-font-weight-ultrabold:focus { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-active-font-weight-ultrabold:active { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-sm-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-sm-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-sm-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-condensed:active { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-sm-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-sm-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-normal:hover { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-normal:focus { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-normal:active { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-sm-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-sm-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-expanded:active { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-sm-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-sm-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-sm-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-sm-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-active-tracking-tighter:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-active-tracking-tight:active { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-sm-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-active-tracking-wide:active { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-sm-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-active-tracking-wider:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-active-tracking-widest:active { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-sm-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-hover-decoration-solid:hover { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-decoration-solid:focus { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-active-decoration-solid:active { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-sm-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-hover-decoration-double:hover { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-focus-decoration-double:focus { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-active-decoration-double:active { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-double:disabled { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-sm-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-active-decoration-dotted:active { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-sm-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-active-decoration-dashed:active { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-sm-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-active-decoration-wavy:active { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-sm-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-hover-decoration-0:hover { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-focus-decoration-0:focus { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-active-decoration-0:active { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-sm-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-active-decoration-1:active { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-sm-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-active-decoration-2:active { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-sm-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-active-decoration-4:active { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-sm-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-active-decoration-8:active { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-sm-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-hover-underline-offset-0:hover { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-underline-offset-0:focus { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-active-underline-offset-0:active { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-sm-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-active-underline-offset-1:active { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-sm-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-active-underline-offset-2:active { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-active-underline-offset-4:active { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-active-underline-offset-8:active { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-sm-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-text-xs:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-text-xs:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-text-xs:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-xs:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-sm-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-text-sm:hover { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-text-sm:focus { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-text-sm:active { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-sm:disabled { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-sm-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-text-base:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-text-base:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-active-text-base:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-base:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-base:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-base:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-sm-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-text-lg:hover { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-text-lg:focus { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-text-lg:active { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-lg:disabled { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-sm-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-text-xl:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-text-xl:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-active-text-xl:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-xl:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-xl:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-sm-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-hover-text-2xl:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-text-2xl:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-active-text-2xl:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-2xl:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-sm-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-text-3xl:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-text-3xl:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-active-text-3xl:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-text-3xl:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-text-3xl:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-sm-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-hover-indent-0:hover { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-focus-indent-0:focus { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-active-indent-0:active { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-disabled-indent-0:disabled { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-indent-0:focus-visible { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-indent-0:focus-within { text-indent: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-sm-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-indent-1:hover { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-indent-1:focus { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-indent-1:active { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-indent-1:disabled { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-sm-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-indent-2:hover { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-indent-2:focus { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-indent-2:active { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-indent-2:disabled { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-sm-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-indent-4:hover { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-indent-4:focus { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-active-indent-4:active { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-indent-4:disabled { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-indent-4:focus-within { text-indent: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-sm-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-indent-8:hover { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-indent-8:focus { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-active-indent-8:active { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-indent-8:disabled { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-indent-8:focus-within { text-indent: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-sm-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-sm-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-sm-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-sm-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-sm-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-sm-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-sm-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-sm-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-sm-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-sm-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-sm-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-sm-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-sm-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-sm-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-sm-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-sm-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-sm-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-sm-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-sm-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-active-bg-attachment-fixed:active { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-sm-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-hover-bg-attachment-local:hover { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-focus-bg-attachment-local:focus { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-active-bg-attachment-local:active { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-disabled-bg-attachment-local:disabled { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-sm-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-active-bg-attachment-scroll:active { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-sm-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-clip-border:hover { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-clip-border:focus { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-active-bg-clip-border:active { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-clip-border:disabled { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-sm-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-clip-padding:hover { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-clip-padding:focus { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-active-bg-clip-padding:active { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-sm-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-clip-content:hover { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-clip-content:focus { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-active-bg-clip-content:active { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-clip-content:disabled { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-sm-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-hover-bg-color-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-bg-color-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-active-bg-color-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-disabled-bg-color-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-sm-hover-bg-color-black:hover { background-color: #000; }
  html[data-theme="dark"] .dark-sm-focus-bg-color-black:focus { background-color: #000; }
  html[data-theme="dark"] .dark-sm-active-bg-color-black:active { background-color: #000; }
  html[data-theme="dark"] .dark-sm-disabled-bg-color-black:disabled { background-color: #000; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-color-black:focus-within { background-color: #000; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-sm-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-hover-bg-color-white:hover { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-focus-bg-color-white:focus { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-active-bg-color-white:active { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-disabled-bg-color-white:disabled { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-color-white:focus-within { background-color: #fff; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-sm-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-sm-hover-bg-image-none:hover { background-image: none; }
  html[data-theme="dark"] .dark-sm-focus-bg-image-none:focus { background-image: none; }
  html[data-theme="dark"] .dark-sm-active-bg-image-none:active { background-image: none; }
  html[data-theme="dark"] .dark-sm-disabled-bg-image-none:disabled { background-image: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-image-none:focus-visible { background-image: none; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-image-none:focus-within { background-image: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-sm-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-sm-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-origin-border:hover { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-origin-border:focus { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-active-bg-origin-border:active { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-origin-border:disabled { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-sm-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-origin-padding:hover { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-origin-padding:focus { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-active-bg-origin-padding:active { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-sm-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-hover-bg-origin-content:hover { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-focus-bg-origin-content:focus { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-active-bg-origin-content:active { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-disabled-bg-origin-content:disabled { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-sm-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-center:hover { background-position: center; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-center:focus { background-position: center; }
  html[data-theme="dark"] .dark-sm-active-bg-position-center:active { background-position: center; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-center:disabled { background-position: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-center:focus-visible { background-position: center; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-center:focus-within { background-position: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-sm-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-top:hover { background-position: top; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-top:focus { background-position: top; }
  html[data-theme="dark"] .dark-sm-active-bg-position-top:active { background-position: top; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-top:disabled { background-position: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-top:focus-visible { background-position: top; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-top:focus-within { background-position: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-sm-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-bottom:hover { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-bottom:focus { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-active-bg-position-bottom:active { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-bottom:disabled { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-sm-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-left:hover { background-position: left; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-left:focus { background-position: left; }
  html[data-theme="dark"] .dark-sm-active-bg-position-left:active { background-position: left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-left:disabled { background-position: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-left:focus-visible { background-position: left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-left:focus-within { background-position: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-sm-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-right:hover { background-position: right; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-right:focus { background-position: right; }
  html[data-theme="dark"] .dark-sm-active-bg-position-right:active { background-position: right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-right:disabled { background-position: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-right:focus-visible { background-position: right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-right:focus-within { background-position: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-sm-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-top-left:hover { background-position: top left; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-top-left:focus { background-position: top left; }
  html[data-theme="dark"] .dark-sm-active-bg-position-top-left:active { background-position: top left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-top-left:disabled { background-position: top left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-sm-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-top-right:hover { background-position: top right; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-top-right:focus { background-position: top right; }
  html[data-theme="dark"] .dark-sm-active-bg-position-top-right:active { background-position: top right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-top-right:disabled { background-position: top right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-sm-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-active-bg-position-bottom-left:active { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-sm-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-active-bg-position-bottom-right:active { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-sm-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat-none:active { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-sm-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat-x:active { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-sm-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat-y:active { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-sm-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat:hover { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat:focus { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat:active { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat:disabled { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-sm-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat-round:hover { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat-round:focus { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat-round:active { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat-round:disabled { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-sm-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-hover-bg-repeat-space:hover { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-focus-bg-repeat-space:focus { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-active-bg-repeat-space:active { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-disabled-bg-repeat-space:disabled { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-sm-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-sm-hover-bg-size-auto:hover { background-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-bg-size-auto:focus { background-size: auto; }
  html[data-theme="dark"] .dark-sm-active-bg-size-auto:active { background-size: auto; }
  html[data-theme="dark"] .dark-sm-disabled-bg-size-auto:disabled { background-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-size-auto:focus-within { background-size: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-sm-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-sm-hover-bg-size-cover:hover { background-size: cover; }
  html[data-theme="dark"] .dark-sm-focus-bg-size-cover:focus { background-size: cover; }
  html[data-theme="dark"] .dark-sm-active-bg-size-cover:active { background-size: cover; }
  html[data-theme="dark"] .dark-sm-disabled-bg-size-cover:disabled { background-size: cover; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-size-cover:focus-within { background-size: cover; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-sm-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-sm-hover-bg-size-contain:hover { background-size: contain; }
  html[data-theme="dark"] .dark-sm-focus-bg-size-contain:focus { background-size: contain; }
  html[data-theme="dark"] .dark-sm-active-bg-size-contain:active { background-size: contain; }
  html[data-theme="dark"] .dark-sm-disabled-bg-size-contain:disabled { background-size: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-size-contain:focus-within { background-size: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-sm-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-hover-fill-current:hover { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-fill-current:focus { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-active-fill-current:active { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-disabled-fill-current:disabled { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-visible-fill-current:focus-visible { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-within-fill-current:focus-within { fill: currentColor; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-sm-fill-none { fill: none; }
  html[data-theme="dark"] .dark-sm-hover-fill-none:hover { fill: none; }
  html[data-theme="dark"] .dark-sm-focus-fill-none:focus { fill: none; }
  html[data-theme="dark"] .dark-sm-active-fill-none:active { fill: none; }
  html[data-theme="dark"] .dark-sm-disabled-fill-none:disabled { fill: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-fill-none:focus-visible { fill: none; }
  html[data-theme="dark"] .dark-sm-focus-within-fill-none:focus-within { fill: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-fill-none { fill: none; }
  html[data-theme="dark"] .dark-sm-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-hover-stroke-current:hover { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-stroke-current:focus { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-active-stroke-current:active { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-current:disabled { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-current:focus-within { stroke: currentColor; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-sm-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-hover-stroke-0:hover { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-stroke-0:focus { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-active-stroke-0:active { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-0:disabled { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-0:focus-within { stroke-width: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-sm-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-hover-stroke-1:hover { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-focus-stroke-1:focus { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-active-stroke-1:active { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-1:disabled { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-1:focus-within { stroke-width: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-sm-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-hover-stroke-2:hover { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-focus-stroke-2:focus { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-active-stroke-2:active { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-2:disabled { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-2:focus-within { stroke-width: 2; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-sm-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-hover-stroke-4:hover { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-focus-stroke-4:focus { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-active-stroke-4:active { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-4:disabled { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-4:focus-within { stroke-width: 4; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-sm-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-hover-stroke-8:hover { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-focus-stroke-8:focus { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-active-stroke-8:active { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-disabled-stroke-8:disabled { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-focus-within-stroke-8:focus-within { stroke-width: 8; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-sm-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-sm-hover-line-height-1:hover { line-height: 1; }
  html[data-theme="dark"] .dark-sm-focus-line-height-1:focus { line-height: 1; }
  html[data-theme="dark"] .dark-sm-active-line-height-1:active { line-height: 1; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-1:disabled { line-height: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-1:focus-visible { line-height: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-1:focus-within { line-height: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-sm-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-hover-line-height-2:hover { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-focus-line-height-2:focus { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-active-line-height-2:active { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-2:disabled { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-2:focus-within { line-height: 1.25; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-sm-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-hover-line-height-3:hover { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-focus-line-height-3:focus { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-active-line-height-3:active { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-3:disabled { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-3:focus-within { line-height: 1.375; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-sm-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-hover-line-height-4:hover { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-focus-line-height-4:focus { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-active-line-height-4:active { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-4:disabled { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-4:focus-within { line-height: 1.5; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-sm-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-hover-line-height-5:hover { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-focus-line-height-5:focus { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-active-line-height-5:active { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-5:disabled { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-5:focus-within { line-height: 1.625; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-sm-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-hover-line-height-6:hover { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-focus-line-height-6:focus { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-active-line-height-6:active { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-6:disabled { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-6:focus-within { line-height: 1.75; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-sm-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-sm-hover-line-height-7:hover { line-height: 2; }
  html[data-theme="dark"] .dark-sm-focus-line-height-7:focus { line-height: 2; }
  html[data-theme="dark"] .dark-sm-active-line-height-7:active { line-height: 2; }
  html[data-theme="dark"] .dark-sm-disabled-line-height-7:disabled { line-height: 2; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-height-7:focus-visible { line-height: 2; }
  html[data-theme="dark"] .dark-sm-focus-within-line-height-7:focus-within { line-height: 2; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-sm-text-left { text-align: left; }
  html[data-theme="dark"] .dark-sm-hover-text-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-text-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-sm-active-text-left:active { text-align: left; }
  html[data-theme="dark"] .dark-sm-disabled-text-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-within-text-left:focus-within { text-align: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-left { text-align: left; }
  html[data-theme="dark"] .dark-sm-text-center { text-align: center; }
  html[data-theme="dark"] .dark-sm-hover-text-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-text-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-sm-active-text-center:active { text-align: center; }
  html[data-theme="dark"] .dark-sm-disabled-text-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-within-text-center:focus-within { text-align: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-center { text-align: center; }
  html[data-theme="dark"] .dark-sm-text-right { text-align: right; }
  html[data-theme="dark"] .dark-sm-hover-text-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-text-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-sm-active-text-right:active { text-align: right; }
  html[data-theme="dark"] .dark-sm-disabled-text-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-within-text-right:focus-within { text-align: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-right { text-align: right; }
  html[data-theme="dark"] .dark-sm-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-sm-hover-text-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-text-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-sm-active-text-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-sm-disabled-text-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-within-text-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-sm-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-hover-justify-start:hover { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-justify-start:focus { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-active-justify-start:active { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-disabled-justify-start:disabled { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-start:focus-within { justify-content: flex-start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-sm-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-sm-hover-justify-center:hover { justify-content: center; }
  html[data-theme="dark"] .dark-sm-focus-justify-center:focus { justify-content: center; }
  html[data-theme="dark"] .dark-sm-active-justify-center:active { justify-content: center; }
  html[data-theme="dark"] .dark-sm-disabled-justify-center:disabled { justify-content: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-center:focus-visible { justify-content: center; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-center:focus-within { justify-content: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-sm-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-hover-justify-end:hover { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-justify-end:focus { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-active-justify-end:active { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-disabled-justify-end:disabled { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-end:focus-within { justify-content: flex-end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-sm-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-hover-justify-between:hover { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-justify-between:focus { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-active-justify-between:active { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-disabled-justify-between:disabled { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-between:focus-within { justify-content: space-between; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-sm-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-hover-justify-around:hover { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-justify-around:focus { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-active-justify-around:active { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-disabled-justify-around:disabled { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-around:focus-within { justify-content: space-around; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-sm-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-hover-justify-evenly:hover { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-justify-evenly:focus { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-active-justify-evenly:active { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-hover-items-start:hover { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-items-start:focus { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-active-items-start:active { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-disabled-items-start:disabled { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-visible-items-start:focus-visible { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-within-items-start:focus-within { align-items: flex-start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-sm-items-center { align-items: center; }
  html[data-theme="dark"] .dark-sm-hover-items-center:hover { align-items: center; }
  html[data-theme="dark"] .dark-sm-focus-items-center:focus { align-items: center; }
  html[data-theme="dark"] .dark-sm-active-items-center:active { align-items: center; }
  html[data-theme="dark"] .dark-sm-disabled-items-center:disabled { align-items: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-items-center:focus-visible { align-items: center; }
  html[data-theme="dark"] .dark-sm-focus-within-items-center:focus-within { align-items: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-items-center { align-items: center; }
  html[data-theme="dark"] .dark-sm-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-hover-items-end:hover { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-items-end:focus { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-active-items-end:active { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-disabled-items-end:disabled { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-visible-items-end:focus-visible { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-within-items-end:focus-within { align-items: flex-end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-sm-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-hover-items-baseline:hover { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-focus-items-baseline:focus { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-active-items-baseline:active { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-disabled-items-baseline:disabled { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-focus-within-items-baseline:focus-within { align-items: baseline; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-sm-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-hover-items-stretch:hover { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-items-stretch:focus { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-active-items-stretch:active { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-disabled-items-stretch:disabled { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-within-items-stretch:focus-within { align-items: stretch; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-sm-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-hover-content-start:hover { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-content-start:focus { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-active-content-start:active { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-disabled-content-start:disabled { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-start:focus-visible { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-within-content-start:focus-within { align-content: flex-start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-sm-content-center { align-content: center; }
  html[data-theme="dark"] .dark-sm-hover-content-center:hover { align-content: center; }
  html[data-theme="dark"] .dark-sm-focus-content-center:focus { align-content: center; }
  html[data-theme="dark"] .dark-sm-active-content-center:active { align-content: center; }
  html[data-theme="dark"] .dark-sm-disabled-content-center:disabled { align-content: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-center:focus-visible { align-content: center; }
  html[data-theme="dark"] .dark-sm-focus-within-content-center:focus-within { align-content: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-center { align-content: center; }
  html[data-theme="dark"] .dark-sm-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-hover-content-end:hover { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-content-end:focus { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-active-content-end:active { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-disabled-content-end:disabled { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-end:focus-visible { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-within-content-end:focus-within { align-content: flex-end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-sm-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-hover-content-between:hover { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-content-between:focus { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-active-content-between:active { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-disabled-content-between:disabled { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-between:focus-visible { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-within-content-between:focus-within { align-content: space-between; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-sm-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-hover-content-around:hover { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-content-around:focus { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-active-content-around:active { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-disabled-content-around:disabled { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-around:focus-visible { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-within-content-around:focus-within { align-content: space-around; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-sm-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-hover-content-evenly:hover { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-content-evenly:focus { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-active-content-evenly:active { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-disabled-content-evenly:disabled { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-sm-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-sm-hover-self-auto:hover { align-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-self-auto:focus { align-self: auto; }
  html[data-theme="dark"] .dark-sm-active-self-auto:active { align-self: auto; }
  html[data-theme="dark"] .dark-sm-disabled-self-auto:disabled { align-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-self-auto:focus-visible { align-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-self-auto:focus-within { align-self: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-sm-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-hover-self-start:hover { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-self-start:focus { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-active-self-start:active { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-disabled-self-start:disabled { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-visible-self-start:focus-visible { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-focus-within-self-start:focus-within { align-self: flex-start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-sm-self-center { align-self: center; }
  html[data-theme="dark"] .dark-sm-hover-self-center:hover { align-self: center; }
  html[data-theme="dark"] .dark-sm-focus-self-center:focus { align-self: center; }
  html[data-theme="dark"] .dark-sm-active-self-center:active { align-self: center; }
  html[data-theme="dark"] .dark-sm-disabled-self-center:disabled { align-self: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-self-center:focus-visible { align-self: center; }
  html[data-theme="dark"] .dark-sm-focus-within-self-center:focus-within { align-self: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-self-center { align-self: center; }
  html[data-theme="dark"] .dark-sm-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-hover-self-end:hover { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-self-end:focus { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-active-self-end:active { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-disabled-self-end:disabled { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-visible-self-end:focus-visible { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-focus-within-self-end:focus-within { align-self: flex-end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-sm-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-hover-self-stretch:hover { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-focus-self-stretch:focus { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-active-self-stretch:active { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-disabled-self-stretch:disabled { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-focus-within-self-stretch:focus-within { align-self: stretch; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-sm-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-sm-hover-place-items-start:hover { place-items: start; }
  html[data-theme="dark"] .dark-sm-focus-place-items-start:focus { place-items: start; }
  html[data-theme="dark"] .dark-sm-active-place-items-start:active { place-items: start; }
  html[data-theme="dark"] .dark-sm-disabled-place-items-start:disabled { place-items: start; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-items-start:focus-visible { place-items: start; }
  html[data-theme="dark"] .dark-sm-focus-within-place-items-start:focus-within { place-items: start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-sm-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-sm-hover-place-items-center:hover { place-items: center; }
  html[data-theme="dark"] .dark-sm-focus-place-items-center:focus { place-items: center; }
  html[data-theme="dark"] .dark-sm-active-place-items-center:active { place-items: center; }
  html[data-theme="dark"] .dark-sm-disabled-place-items-center:disabled { place-items: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-items-center:focus-visible { place-items: center; }
  html[data-theme="dark"] .dark-sm-focus-within-place-items-center:focus-within { place-items: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-sm-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-sm-hover-place-items-end:hover { place-items: end; }
  html[data-theme="dark"] .dark-sm-focus-place-items-end:focus { place-items: end; }
  html[data-theme="dark"] .dark-sm-active-place-items-end:active { place-items: end; }
  html[data-theme="dark"] .dark-sm-disabled-place-items-end:disabled { place-items: end; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-items-end:focus-visible { place-items: end; }
  html[data-theme="dark"] .dark-sm-focus-within-place-items-end:focus-within { place-items: end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-sm-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-hover-place-items-stretch:hover { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-place-items-stretch:focus { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-active-place-items-stretch:active { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-disabled-place-items-stretch:disabled { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-sm-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-sm-hover-place-content-start:hover { place-content: start; }
  html[data-theme="dark"] .dark-sm-focus-place-content-start:focus { place-content: start; }
  html[data-theme="dark"] .dark-sm-active-place-content-start:active { place-content: start; }
  html[data-theme="dark"] .dark-sm-disabled-place-content-start:disabled { place-content: start; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-content-start:focus-visible { place-content: start; }
  html[data-theme="dark"] .dark-sm-focus-within-place-content-start:focus-within { place-content: start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-sm-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-sm-hover-place-content-center:hover { place-content: center; }
  html[data-theme="dark"] .dark-sm-focus-place-content-center:focus { place-content: center; }
  html[data-theme="dark"] .dark-sm-active-place-content-center:active { place-content: center; }
  html[data-theme="dark"] .dark-sm-disabled-place-content-center:disabled { place-content: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-content-center:focus-visible { place-content: center; }
  html[data-theme="dark"] .dark-sm-focus-within-place-content-center:focus-within { place-content: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-sm-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-sm-hover-place-content-end:hover { place-content: end; }
  html[data-theme="dark"] .dark-sm-focus-place-content-end:focus { place-content: end; }
  html[data-theme="dark"] .dark-sm-active-place-content-end:active { place-content: end; }
  html[data-theme="dark"] .dark-sm-disabled-place-content-end:disabled { place-content: end; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-content-end:focus-visible { place-content: end; }
  html[data-theme="dark"] .dark-sm-focus-within-place-content-end:focus-within { place-content: end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-sm-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-hover-place-content-between:hover { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-place-content-between:focus { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-active-place-content-between:active { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-disabled-place-content-between:disabled { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-focus-within-place-content-between:focus-within { place-content: space-between; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-sm-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-hover-place-content-around:hover { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-place-content-around:focus { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-active-place-content-around:active { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-disabled-place-content-around:disabled { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-focus-within-place-content-around:focus-within { place-content: space-around; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-sm-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-sm-hover-place-self-auto:hover { place-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-place-self-auto:focus { place-self: auto; }
  html[data-theme="dark"] .dark-sm-active-place-self-auto:active { place-self: auto; }
  html[data-theme="dark"] .dark-sm-disabled-place-self-auto:disabled { place-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-place-self-auto:focus-within { place-self: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-sm-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-sm-hover-place-self-start:hover { place-self: start; }
  html[data-theme="dark"] .dark-sm-focus-place-self-start:focus { place-self: start; }
  html[data-theme="dark"] .dark-sm-active-place-self-start:active { place-self: start; }
  html[data-theme="dark"] .dark-sm-disabled-place-self-start:disabled { place-self: start; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-self-start:focus-visible { place-self: start; }
  html[data-theme="dark"] .dark-sm-focus-within-place-self-start:focus-within { place-self: start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-sm-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-sm-hover-place-self-center:hover { place-self: center; }
  html[data-theme="dark"] .dark-sm-focus-place-self-center:focus { place-self: center; }
  html[data-theme="dark"] .dark-sm-active-place-self-center:active { place-self: center; }
  html[data-theme="dark"] .dark-sm-disabled-place-self-center:disabled { place-self: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-self-center:focus-visible { place-self: center; }
  html[data-theme="dark"] .dark-sm-focus-within-place-self-center:focus-within { place-self: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-sm-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-sm-hover-place-self-end:hover { place-self: end; }
  html[data-theme="dark"] .dark-sm-focus-place-self-end:focus { place-self: end; }
  html[data-theme="dark"] .dark-sm-active-place-self-end:active { place-self: end; }
  html[data-theme="dark"] .dark-sm-disabled-place-self-end:disabled { place-self: end; }
  html[data-theme="dark"] .dark-sm-focus-visible-place-self-end:focus-visible { place-self: end; }
  html[data-theme="dark"] .dark-sm-focus-within-place-self-end:focus-within { place-self: end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-sm-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-hover-text-uppercase:hover { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-focus-text-uppercase:focus { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-active-text-uppercase:active { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-disabled-text-uppercase:disabled { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-sm-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-hover-text-lowercase:hover { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-focus-text-lowercase:focus { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-active-text-lowercase:active { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-disabled-text-lowercase:disabled { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-sm-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-hover-text-capitalize:hover { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-focus-text-capitalize:focus { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-active-text-capitalize:active { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-disabled-text-capitalize:disabled { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-sm-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-active-tracking-tight:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-sm-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-sm-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-active-tracking-wide:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-sm-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-hover-underline:hover { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-focus-underline:focus { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-active-underline:active { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-disabled-underline:disabled { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-focus-visible-underline:focus-visible { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-focus-within-underline:focus-within { text-decoration: underline; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-sm-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-hover-line-through:hover { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-focus-line-through:focus { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-active-line-through:active { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-disabled-line-through:disabled { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-focus-within-line-through:focus-within { text-decoration: line-through; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-sm-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-hover-no-underline:hover { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-focus-no-underline:focus { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-active-no-underline:active { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-disabled-no-underline:disabled { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-no-underline:focus-visible { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-focus-within-no-underline:focus-within { text-decoration: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-sm-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-text-black:hover { color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-text-black:focus { color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-text-black:active { color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-text-black:disabled { color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-black:focus-visible { color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-text-black:focus-within { color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-sm-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-text-white:hover { color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-text-white:focus { color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-text-white:active { color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-text-white:disabled { color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-white:focus-visible { color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-text-white:focus-within { color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-sm-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-text-red-50:hover { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-text-red-50:focus { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-text-red-50:active { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-text-red-100:hover { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-text-red-100:focus { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-text-red-100:active { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-text-red-200:hover { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-text-red-200:focus { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-text-red-200:active { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-text-red-300:hover { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-text-red-300:focus { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-text-red-300:active { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-text-red-400:hover { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-text-red-400:focus { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-text-red-400:active { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-text-red-500:hover { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-text-red-500:focus { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-text-red-500:active { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-text-red-600:hover { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-text-red-600:focus { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-text-red-600:active { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-text-red-700:hover { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-text-red-700:focus { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-text-red-700:active { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-text-red-800:hover { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-text-red-800:focus { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-text-red-800:active { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-text-red-900:hover { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-text-red-900:focus { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-text-red-900:active { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-text-orange-50:active { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-text-orange-100:active { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-text-orange-200:active { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-text-orange-300:active { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-text-orange-400:active { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-text-orange-500:active { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-text-orange-600:active { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-text-orange-700:active { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-text-orange-800:active { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-text-orange-900:active { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-text-teal-50:active { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-text-teal-100:active { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-text-teal-200:active { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-text-teal-300:active { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-text-teal-400:active { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-text-teal-500:active { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-text-teal-600:active { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-text-teal-700:active { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-text-teal-800:active { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-text-teal-900:active { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-text-purple-50:active { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-text-purple-100:active { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-text-purple-200:active { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-text-purple-300:active { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-text-purple-400:active { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-text-purple-500:active { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-text-purple-600:active { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-text-purple-700:active { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-text-purple-800:active { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-text-purple-900:active { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-text-pink-50:active { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-text-pink-100:active { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-text-pink-200:active { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-text-pink-300:active { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-text-pink-400:active { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-text-pink-500:active { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-text-pink-600:active { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-text-pink-700:active { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-text-pink-800:active { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-text-pink-900:active { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-text-grey-50:active { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-text-grey-100:active { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-text-grey-200:active { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-text-grey-300:active { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-text-grey-400:active { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-text-grey-500:active { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-text-grey-600:active { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-text-grey-700:active { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-text-grey-800:active { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-text-grey-900:active { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-text-lime-50:active { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-text-lime-100:active { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-text-lime-200:active { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-text-lime-300:active { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-text-lime-400:active { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-text-lime-500:active { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-text-lime-600:active { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-text-lime-700:active { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-text-lime-800:active { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-text-lime-900:active { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-text-sky-50:active { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-text-sky-100:active { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-text-sky-200:active { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-text-sky-300:active { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-text-sky-400:active { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-text-sky-500:active { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-text-sky-600:active { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-text-sky-700:active { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-text-sky-800:active { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-text-sky-900:active { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-text-violet-50:active { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-text-violet-100:active { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-text-violet-200:active { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-text-violet-300:active { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-text-violet-400:active { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-text-violet-500:active { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-text-violet-600:active { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-text-violet-700:active { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-text-violet-800:active { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-text-violet-900:active { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-text-rose-50:active { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-text-rose-100:active { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-text-rose-200:active { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-text-rose-300:active { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-text-rose-400:active { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-text-rose-500:active { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-text-rose-600:active { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-text-rose-700:active { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-text-rose-800:active { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-text-rose-900:active { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-text-slate-50:active { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-text-slate-100:active { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-text-slate-200:active { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-text-slate-300:active { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-text-slate-400:active { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-text-slate-500:active { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-text-slate-600:active { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-text-slate-700:active { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-text-slate-800:active { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-text-slate-900:active { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-text-blue-50:active { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-text-blue-100:active { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-text-blue-200:active { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-text-blue-300:active { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-text-blue-400:active { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-text-blue-500:active { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-text-blue-600:active { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-text-blue-700:active { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-text-blue-800:active { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-text-blue-900:active { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-text-green-50:hover { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-text-green-50:focus { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-text-green-50:active { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-text-green-100:hover { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-text-green-100:focus { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-text-green-100:active { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-text-green-200:hover { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-text-green-200:focus { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-text-green-200:active { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-text-green-300:hover { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-text-green-300:focus { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-text-green-300:active { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-text-green-400:hover { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-text-green-400:focus { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-text-green-400:active { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-text-green-500:hover { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-text-green-500:focus { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-text-green-500:active { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-text-green-600:hover { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-text-green-600:focus { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-text-green-600:active { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-text-green-700:hover { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-text-green-700:focus { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-text-green-700:active { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-text-green-800:hover { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-text-green-800:focus { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-text-green-800:active { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-text-green-900:hover { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-text-green-900:focus { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-text-green-900:active { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-bg-black:hover { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-bg-black:focus { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-bg-black:active { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-bg-black:disabled { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-black:focus-within { background-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-sm-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-bg-white:hover { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-bg-white:focus { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-bg-white:active { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-bg-white:disabled { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-white:focus-within { background-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-sm-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-border-red-50:active { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-border-red-100:active { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-border-red-200:active { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-border-red-300:active { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-border-red-400:active { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-border-red-500:active { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-border-red-600:active { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-border-red-700:active { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-border-red-800:active { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-border-red-900:active { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-border-green-50:active { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-border-green-100:active { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-border-green-200:active { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-border-green-300:active { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-border-green-400:active { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-border-green-500:active { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-border-green-600:active { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-border-green-700:active { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-border-green-800:active { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-border-green-900:active { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-border-black:hover { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-border-black:focus { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-border-black:active { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-border-black:disabled { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-black:focus-visible { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-border-black:focus-within { border-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-sm-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-border-white:hover { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-border-white:focus { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-border-white:active { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-border-white:disabled { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-white:focus-visible { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-border-white:focus-within { border-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-sm-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-0:hover { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-0:focus { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-0:active { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-0:hover { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-0:focus { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-0:active { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-0:active { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-0:hover { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-0:focus { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-0:active { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-1:active { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-1:active { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-1:active { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-2:hover { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-2:focus { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-2:active { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-2:hover { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-2:focus { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-2:active { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-2:active { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-2:hover { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-2:focus { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-2:active { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-3:active { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-3:active { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-3:active { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-4:hover { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-4:focus { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-4:active { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-4:hover { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-4:focus { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-4:active { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-4:active { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-4:hover { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-4:focus { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-4:active { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-5:active { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-5:active { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-5:active { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-6:hover { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-6:focus { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-6:active { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-6:hover { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-6:focus { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-6:active { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-6:active { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-6:hover { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-6:focus { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-6:active { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-7:active { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-7:active { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-7:active { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-8:hover { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-8:focus { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-8:active { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-8:hover { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-8:focus { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-8:active { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-8:active { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-8:hover { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-8:focus { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-8:active { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-9:active { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-9:active { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-9:active { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-10:hover { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-10:focus { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-10:active { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-10:hover { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-10:focus { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-10:active { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-10:active { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-10:hover { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-10:focus { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-10:active { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-11:active { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-11:active { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-11:active { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-12:hover { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-12:focus { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-12:active { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-12:hover { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-12:focus { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-12:active { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-12:active { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-12:hover { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-12:focus { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-12:active { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-13:active { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-13:active { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-13:active { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-14:hover { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-14:focus { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-14:active { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-14:hover { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-14:focus { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-14:active { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-14:active { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-14:hover { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-14:focus { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-14:active { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-15:active { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-15:active { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-15:active { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-16:hover { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-16:focus { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-16:active { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-16:hover { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-16:focus { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-16:active { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-16:active { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-16:hover { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-16:focus { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-16:active { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-17:active { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-17:active { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-17:active { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-18:hover { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-18:focus { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-18:active { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-18:hover { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-18:focus { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-18:active { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-18:active { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-18:hover { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-18:focus { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-18:active { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-19:active { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-19:active { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-19:active { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-20:hover { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-20:focus { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-20:active { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-20:hover { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-20:focus { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-20:active { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-20:active { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-20:hover { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-20:focus { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-20:active { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-21:active { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-21:active { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-21:active { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-22:hover { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-22:focus { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-22:active { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-22:hover { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-22:focus { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-22:active { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-22:active { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-22:hover { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-22:focus { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-22:active { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-23:active { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-23:active { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-23:active { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-24:hover { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-24:focus { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-24:active { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-24:hover { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-24:focus { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-24:active { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-24:active { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-24:hover { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-24:focus { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-24:active { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-25:active { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-25:active { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-25:active { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-26:hover { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-26:focus { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-26:active { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-26:hover { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-26:focus { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-26:active { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-26:active { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-26:hover { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-26:focus { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-26:active { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-27:active { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-27:active { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-27:active { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-28:hover { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-28:focus { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-28:active { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-28:hover { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-28:focus { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-28:active { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-28:active { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-28:hover { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-28:focus { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-28:active { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-29:active { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-29:active { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-29:active { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-30:hover { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-30:focus { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-30:active { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-30:hover { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-30:focus { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-30:active { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-30:active { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-30:hover { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-30:focus { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-30:active { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-31:active { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-31:active { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-31:active { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-t-32:hover { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-t-32:focus { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-t-32:active { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-r-32:hover { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-r-32:focus { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-r-32:active { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-b-32:active { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-l-32:hover { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-l-32:focus { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-l-32:active { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-sm-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-sm-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-sm-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-sm-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-sm-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-sm-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-sm-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-sm-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-sm-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-sm-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-sm-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-sm-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-sm-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-sm-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-sm-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-sm-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-sm-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-sm-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-sm-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-sm-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-sm-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-sm-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-sm-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-sm-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-sm-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-sm-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-sm-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-sm-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-sm-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-sm-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-sm-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-hover-border-transparent:hover { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-border-transparent:focus { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-active-border-transparent:active { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-disabled-border-transparent:disabled { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-within-border-transparent:focus-within { border-color: transparent; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-sm-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-hover-border-inherit:hover { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-border-inherit:focus { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-active-border-inherit:active { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-disabled-border-inherit:disabled { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-within-border-inherit:focus-within { border-color: inherit; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-sm-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-hover-bg-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-bg-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-active-bg-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-disabled-bg-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-sm-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-hover-bg-inherit:hover { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-bg-inherit:focus { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-active-bg-inherit:active { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-disabled-bg-inherit:disabled { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-inherit:focus-within { background-color: inherit; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-sm-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-sm-hover-text-transparent:hover { color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-text-transparent:focus { color: transparent; }
  html[data-theme="dark"] .dark-sm-active-text-transparent:active { color: transparent; }
  html[data-theme="dark"] .dark-sm-disabled-text-transparent:disabled { color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-transparent:focus-visible { color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-within-text-transparent:focus-within { color: transparent; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-sm-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-sm-hover-text-inherit:hover { color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-text-inherit:focus { color: inherit; }
  html[data-theme="dark"] .dark-sm-active-text-inherit:active { color: inherit; }
  html[data-theme="dark"] .dark-sm-disabled-text-inherit:disabled { color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-inherit:focus-visible { color: inherit; }
  html[data-theme="dark"] .dark-sm-focus-within-text-inherit:focus-within { color: inherit; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-sm-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-sm-hover-border-solid:hover { border-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-border-solid:focus { border-style: solid; }
  html[data-theme="dark"] .dark-sm-active-border-solid:active { border-style: solid; }
  html[data-theme="dark"] .dark-sm-disabled-border-solid:disabled { border-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-solid:focus-visible { border-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-within-border-solid:focus-within { border-style: solid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-sm-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-hover-border-dashed:hover { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-border-dashed:focus { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-active-border-dashed:active { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-disabled-border-dashed:disabled { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-within-border-dashed:focus-within { border-style: dashed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-sm-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-hover-border-dotted:hover { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-border-dotted:focus { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-active-border-dotted:active { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-disabled-border-dotted:disabled { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-focus-within-border-dotted:focus-within { border-style: dotted; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-sm-border-double { border-style: double; }
  html[data-theme="dark"] .dark-sm-hover-border-double:hover { border-style: double; }
  html[data-theme="dark"] .dark-sm-focus-border-double:focus { border-style: double; }
  html[data-theme="dark"] .dark-sm-active-border-double:active { border-style: double; }
  html[data-theme="dark"] .dark-sm-disabled-border-double:disabled { border-style: double; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-double:focus-visible { border-style: double; }
  html[data-theme="dark"] .dark-sm-focus-within-border-double:focus-within { border-style: double; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-double { border-style: double; }
  html[data-theme="dark"] .dark-sm-border-none { border-style: none; }
  html[data-theme="dark"] .dark-sm-hover-border-none:hover { border-style: none; }
  html[data-theme="dark"] .dark-sm-focus-border-none:focus { border-style: none; }
  html[data-theme="dark"] .dark-sm-active-border-none:active { border-style: none; }
  html[data-theme="dark"] .dark-sm-disabled-border-none:disabled { border-style: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-none:focus-visible { border-style: none; }
  html[data-theme="dark"] .dark-sm-focus-within-border-none:focus-within { border-style: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-none { border-style: none; }
  html[data-theme="dark"] .dark-sm-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-sm-hover-z-auto:hover { z-index: auto; }
  html[data-theme="dark"] .dark-sm-focus-z-auto:focus { z-index: auto; }
  html[data-theme="dark"] .dark-sm-active-z-auto:active { z-index: auto; }
  html[data-theme="dark"] .dark-sm-disabled-z-auto:disabled { z-index: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-auto:focus-visible { z-index: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-z-auto:focus-within { z-index: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-sm-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-sm-hover-z-0:hover { z-index: 0; }
  html[data-theme="dark"] .dark-sm-focus-z-0:focus { z-index: 0; }
  html[data-theme="dark"] .dark-sm-active-z-0:active { z-index: 0; }
  html[data-theme="dark"] .dark-sm-disabled-z-0:disabled { z-index: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-0:focus-visible { z-index: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-z-0:focus-within { z-index: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-sm-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-sm-hover-z-10:hover { z-index: 10; }
  html[data-theme="dark"] .dark-sm-focus-z-10:focus { z-index: 10; }
  html[data-theme="dark"] .dark-sm-active-z-10:active { z-index: 10; }
  html[data-theme="dark"] .dark-sm-disabled-z-10:disabled { z-index: 10; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-10:focus-visible { z-index: 10; }
  html[data-theme="dark"] .dark-sm-focus-within-z-10:focus-within { z-index: 10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-sm-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-sm-hover-z-20:hover { z-index: 20; }
  html[data-theme="dark"] .dark-sm-focus-z-20:focus { z-index: 20; }
  html[data-theme="dark"] .dark-sm-active-z-20:active { z-index: 20; }
  html[data-theme="dark"] .dark-sm-disabled-z-20:disabled { z-index: 20; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-20:focus-visible { z-index: 20; }
  html[data-theme="dark"] .dark-sm-focus-within-z-20:focus-within { z-index: 20; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-sm-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-sm-hover-z-30:hover { z-index: 30; }
  html[data-theme="dark"] .dark-sm-focus-z-30:focus { z-index: 30; }
  html[data-theme="dark"] .dark-sm-active-z-30:active { z-index: 30; }
  html[data-theme="dark"] .dark-sm-disabled-z-30:disabled { z-index: 30; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-30:focus-visible { z-index: 30; }
  html[data-theme="dark"] .dark-sm-focus-within-z-30:focus-within { z-index: 30; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-sm-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-sm-hover-z-40:hover { z-index: 40; }
  html[data-theme="dark"] .dark-sm-focus-z-40:focus { z-index: 40; }
  html[data-theme="dark"] .dark-sm-active-z-40:active { z-index: 40; }
  html[data-theme="dark"] .dark-sm-disabled-z-40:disabled { z-index: 40; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-40:focus-visible { z-index: 40; }
  html[data-theme="dark"] .dark-sm-focus-within-z-40:focus-within { z-index: 40; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-sm-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-sm-hover-z-50:hover { z-index: 50; }
  html[data-theme="dark"] .dark-sm-focus-z-50:focus { z-index: 50; }
  html[data-theme="dark"] .dark-sm-active-z-50:active { z-index: 50; }
  html[data-theme="dark"] .dark-sm-disabled-z-50:disabled { z-index: 50; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-50:focus-visible { z-index: 50; }
  html[data-theme="dark"] .dark-sm-focus-within-z-50:focus-within { z-index: 50; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-sm-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-sm-hover-z-100:hover { z-index: 100; }
  html[data-theme="dark"] .dark-sm-focus-z-100:focus { z-index: 100; }
  html[data-theme="dark"] .dark-sm-active-z-100:active { z-index: 100; }
  html[data-theme="dark"] .dark-sm-disabled-z-100:disabled { z-index: 100; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-100:focus-visible { z-index: 100; }
  html[data-theme="dark"] .dark-sm-focus-within-z-100:focus-within { z-index: 100; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-sm-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-hover-z-9999:hover { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-focus-z-9999:focus { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-active-z-9999:active { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-disabled-z-9999:disabled { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-focus-visible-z-9999:focus-visible { z-index: 9999; }
  html[data-theme="dark"] .dark-sm-focus-within-z-9999:focus-within { z-index: 9999; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-sm--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-sm-hover--z-10:hover { z-index: -10; }
  html[data-theme="dark"] .dark-sm-focus--z-10:focus { z-index: -10; }
  html[data-theme="dark"] .dark-sm-active--z-10:active { z-index: -10; }
  html[data-theme="dark"] .dark-sm-disabled--z-10:disabled { z-index: -10; }
  html[data-theme="dark"] .dark-sm-focus-visible--z-10:focus-visible { z-index: -10; }
  html[data-theme="dark"] .dark-sm-focus-within--z-10:focus-within { z-index: -10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-sm--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-sm-hover--z-20:hover { z-index: -20; }
  html[data-theme="dark"] .dark-sm-focus--z-20:focus { z-index: -20; }
  html[data-theme="dark"] .dark-sm-active--z-20:active { z-index: -20; }
  html[data-theme="dark"] .dark-sm-disabled--z-20:disabled { z-index: -20; }
  html[data-theme="dark"] .dark-sm-focus-visible--z-20:focus-visible { z-index: -20; }
  html[data-theme="dark"] .dark-sm-focus-within--z-20:focus-within { z-index: -20; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-sm--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-sm-hover--z-40:hover { z-index: -40; }
  html[data-theme="dark"] .dark-sm-focus--z-40:focus { z-index: -40; }
  html[data-theme="dark"] .dark-sm-active--z-40:active { z-index: -40; }
  html[data-theme="dark"] .dark-sm-disabled--z-40:disabled { z-index: -40; }
  html[data-theme="dark"] .dark-sm-focus-visible--z-40:focus-visible { z-index: -40; }
  html[data-theme="dark"] .dark-sm-focus-within--z-40:focus-within { z-index: -40; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-sm--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-sm-hover--z-50:hover { z-index: -50; }
  html[data-theme="dark"] .dark-sm-focus--z-50:focus { z-index: -50; }
  html[data-theme="dark"] .dark-sm-active--z-50:active { z-index: -50; }
  html[data-theme="dark"] .dark-sm-disabled--z-50:disabled { z-index: -50; }
  html[data-theme="dark"] .dark-sm-focus-visible--z-50:focus-visible { z-index: -50; }
  html[data-theme="dark"] .dark-sm-focus-within--z-50:focus-within { z-index: -50; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-sm--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-sm-hover--z-100:hover { z-index: -100; }
  html[data-theme="dark"] .dark-sm-focus--z-100:focus { z-index: -100; }
  html[data-theme="dark"] .dark-sm-active--z-100:active { z-index: -100; }
  html[data-theme="dark"] .dark-sm-disabled--z-100:disabled { z-index: -100; }
  html[data-theme="dark"] .dark-sm-focus-visible--z-100:focus-visible { z-index: -100; }
  html[data-theme="dark"] .dark-sm-focus-within--z-100:focus-within { z-index: -100; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-sm-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-sm-hover-opacity-0:hover { opacity: 0; }
  html[data-theme="dark"] .dark-sm-focus-opacity-0:focus { opacity: 0; }
  html[data-theme="dark"] .dark-sm-active-opacity-0:active { opacity: 0; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-0:disabled { opacity: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-0:focus-visible { opacity: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-0:focus-within { opacity: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-sm-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-hover-opacity-10:hover { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-focus-opacity-10:focus { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-active-opacity-10:active { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-10:disabled { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-10:focus-within { opacity: 0.1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-sm-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-hover-opacity-20:hover { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-focus-opacity-20:focus { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-active-opacity-20:active { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-20:disabled { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-20:focus-within { opacity: 0.2; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-sm-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-hover-opacity-25:hover { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-opacity-25:focus { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-active-opacity-25:active { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-25:disabled { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-25:focus-within { opacity: 0.25; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-hover-opacity-30:hover { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-focus-opacity-30:focus { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-active-opacity-30:active { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-30:disabled { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-30:focus-within { opacity: 0.3; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-sm-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-hover-opacity-40:hover { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-focus-opacity-40:focus { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-active-opacity-40:active { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-40:disabled { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-40:focus-within { opacity: 0.4; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-sm-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-hover-opacity-50:hover { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-focus-opacity-50:focus { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-active-opacity-50:active { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-50:disabled { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-50:focus-within { opacity: 0.5; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-sm-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-hover-opacity-60:hover { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-focus-opacity-60:focus { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-active-opacity-60:active { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-60:disabled { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-60:focus-within { opacity: 0.6; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-sm-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-hover-opacity-70:hover { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-focus-opacity-70:focus { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-active-opacity-70:active { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-70:disabled { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-70:focus-within { opacity: 0.7; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-sm-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-hover-opacity-75:hover { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-opacity-75:focus { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-active-opacity-75:active { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-75:disabled { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-75:focus-within { opacity: 0.75; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-hover-opacity-80:hover { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-focus-opacity-80:focus { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-active-opacity-80:active { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-80:disabled { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-80:focus-within { opacity: 0.8; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-sm-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-hover-opacity-90:hover { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-focus-opacity-90:focus { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-active-opacity-90:active { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-90:disabled { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-90:focus-within { opacity: 0.9; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-sm-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-sm-hover-opacity-100:hover { opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-opacity-100:focus { opacity: 1; }
  html[data-theme="dark"] .dark-sm-active-opacity-100:active { opacity: 1; }
  html[data-theme="dark"] .dark-sm-disabled-opacity-100:disabled { opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-opacity-100:focus-visible { opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-opacity-100:focus-within { opacity: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-sm-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-sm-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-sm-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-sm-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-sm-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-sm-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-sm-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-sm-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-sm-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-hover-rounded-0:hover { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-rounded-0:focus { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-active-rounded-0:active { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-0:disabled { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-0:focus-within { border-radius: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-sm-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-xs:hover { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-xs:focus { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-xs:active { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-sm:hover { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-sm:focus { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-sm:active { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded:hover { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded:focus { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded:active { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded:disabled { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-md:hover { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-md:focus { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-md:active { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-lg:hover { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-lg:focus { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-lg:active { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-lg:disabled { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-xl:hover { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-xl:focus { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-xl:active { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-2xl:hover { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-2xl:focus { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-2xl:active { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-full:hover { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-full:focus { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-active-rounded-full:active { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-full:disabled { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-pill:hover { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-pill:focus { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-active-rounded-pill:active { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-pill:disabled { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-sm-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-0:active { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-0:active { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-sm-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-sm-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-sm-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-sm-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-sm-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-sm-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-sm-outline-none { outline: none; }
  html[data-theme="dark"] .dark-sm-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-sm-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-sm-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-sm-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-hover-outline:hover { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-focus-outline:focus { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-active-outline:active { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-disabled-outline:disabled { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-sm-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-0:hover { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-0:focus { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-0:active { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-sm-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-1:active { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-sm-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-2:active { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-sm-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-3:active { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-sm-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-4:hover { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-4:focus { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-4:active { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-sm-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-8:hover { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-8:focus { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-8:active { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-sm-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-outline-black:hover { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-outline-black:focus { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-outline-black:active { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-outline-black:disabled { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-black:focus-within { outline-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-sm-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-outline-white:hover { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-outline-white:focus { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-outline-white:active { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-outline-white:disabled { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-outline-white:focus-within { outline-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-sm-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-ring-sm:hover { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-ring-sm:focus { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-ring-sm:active { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-sm-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-ring-md:hover { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-ring-md:focus { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-ring-md:active { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-sm-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-ring-lg:hover { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-ring-lg:focus { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-active-ring-lg:active { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-ring-lg:disabled { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-sm-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-sm-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-sm-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-sm-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-sm-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-ring-black:active { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-sm-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-ring-white:active { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-sm-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-sm-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-05:active { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-10:active { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-15:active { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-20:active { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-25:active { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-30:active { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-35:active { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-40:active { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-45:active { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-50:active { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-55:active { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-60:active { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-65:active { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-70:active { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-75:active { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-80:active { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-85:active { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-90:active { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-95:active { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-100:hover { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-100:focus { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-active-bg-tp-100:active { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-sm-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-05:hover { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-05:focus { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-active-text-tp-05:active { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-10:hover { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-10:focus { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-active-text-tp-10:active { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-15:hover { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-15:focus { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-active-text-tp-15:active { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-20:hover { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-20:focus { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-active-text-tp-20:active { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-25:hover { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-25:focus { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-active-text-tp-25:active { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-30:hover { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-30:focus { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-active-text-tp-30:active { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-35:hover { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-35:focus { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-active-text-tp-35:active { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-40:hover { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-40:focus { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-active-text-tp-40:active { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-45:hover { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-45:focus { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-active-text-tp-45:active { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-50:hover { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-50:focus { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-active-text-tp-50:active { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-55:hover { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-55:focus { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-active-text-tp-55:active { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-60:hover { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-60:focus { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-active-text-tp-60:active { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-65:hover { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-65:focus { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-active-text-tp-65:active { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-70:hover { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-70:focus { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-active-text-tp-70:active { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-75:hover { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-75:focus { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-active-text-tp-75:active { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-80:hover { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-80:focus { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-active-text-tp-80:active { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-85:hover { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-85:focus { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-active-text-tp-85:active { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-90:hover { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-90:focus { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-active-text-tp-90:active { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-95:hover { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-95:focus { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-active-text-tp-95:active { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-hover-text-tp-100:hover { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-text-tp-100:focus { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-active-text-tp-100:active { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-100:disabled { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-sm-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-05:hover { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-05:focus { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-active-border-tp-05:active { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-sm-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-10:hover { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-10:focus { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-active-border-tp-10:active { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-sm-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-15:hover { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-15:focus { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-active-border-tp-15:active { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-sm-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-20:hover { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-20:focus { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-active-border-tp-20:active { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-sm-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-25:hover { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-25:focus { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-active-border-tp-25:active { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-sm-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-30:hover { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-30:focus { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-active-border-tp-30:active { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-sm-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-35:hover { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-35:focus { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-active-border-tp-35:active { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-sm-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-40:hover { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-40:focus { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-active-border-tp-40:active { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-sm-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-45:hover { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-45:focus { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-active-border-tp-45:active { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-sm-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-50:hover { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-50:focus { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-active-border-tp-50:active { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-sm-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-55:hover { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-55:focus { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-active-border-tp-55:active { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-sm-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-60:hover { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-60:focus { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-active-border-tp-60:active { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-sm-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-65:hover { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-65:focus { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-active-border-tp-65:active { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-sm-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-70:hover { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-70:focus { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-active-border-tp-70:active { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-sm-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-75:hover { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-75:focus { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-active-border-tp-75:active { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-sm-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-80:hover { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-80:focus { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-active-border-tp-80:active { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-sm-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-85:hover { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-85:focus { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-active-border-tp-85:active { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-sm-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-90:hover { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-90:focus { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-active-border-tp-90:active { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-sm-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-95:hover { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-95:focus { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-active-border-tp-95:active { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-sm-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-hover-border-tp-100:hover { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-border-tp-100:focus { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-active-border-tp-100:active { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-100:disabled { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-sm-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-black:active { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-sm-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-shadow-color-white:active { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-sm-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-sm-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-hover-transition-bg:hover { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-focus-transition-bg:focus { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-active-transition-bg:active { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-disabled-transition-bg:disabled { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-bg:focus-within { transition-property: background-color; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-sm-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-sm-hover-transition-color:hover { transition-property: color; }
  html[data-theme="dark"] .dark-sm-focus-transition-color:focus { transition-property: color; }
  html[data-theme="dark"] .dark-sm-active-transition-color:active { transition-property: color; }
  html[data-theme="dark"] .dark-sm-disabled-transition-color:disabled { transition-property: color; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-color:focus-visible { transition-property: color; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-color:focus-within { transition-property: color; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-sm-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-sm-hover-transition-border:hover { transition-property: border; }
  html[data-theme="dark"] .dark-sm-focus-transition-border:focus { transition-property: border; }
  html[data-theme="dark"] .dark-sm-active-transition-border:active { transition-property: border; }
  html[data-theme="dark"] .dark-sm-disabled-transition-border:disabled { transition-property: border; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-border:focus-visible { transition-property: border; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-border:focus-within { transition-property: border; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-sm-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-5:hover { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-5:focus { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-5:active { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-5:hover { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-5:focus { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-5:active { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-6:hover { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-6:focus { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-6:active { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-sm-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-6:hover { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-6:focus { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-6:active { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-sm-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-8:hover { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-8:focus { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-8:active { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-sm-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-8:hover { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-8:focus { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-8:active { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-sm-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-10:hover { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-10:focus { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-10:active { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-sm-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-10:hover { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-10:focus { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-10:active { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-sm-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-12:hover { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-12:focus { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-12:active { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-sm-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-12:hover { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-12:focus { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-12:active { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-sm-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-16:hover { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-16:focus { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-16:active { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-sm-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-16:hover { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-16:focus { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-16:active { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-sm-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-20:hover { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-20:focus { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-20:active { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-sm-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-20:hover { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-20:focus { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-20:active { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-sm-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-24:hover { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-24:focus { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-24:active { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-sm-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-24:hover { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-24:focus { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-24:active { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-sm-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-32:hover { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-32:focus { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-32:active { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-sm-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-32:hover { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-32:focus { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-32:active { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-sm-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-hover-scale-0:hover { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-focus-scale-0:focus { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-active-scale-0:active { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-disabled-scale-0:disabled { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-0:focus-within { transform: scale(0.0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-sm-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate--180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate--180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-active-rotate--180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate--90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate--90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-active-rotate--90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate--45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate--45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-active-rotate--45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x--45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x--45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x--45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y--45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y--45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y--45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x--30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x--30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x--30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y--30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y--30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y--30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x--15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x--15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x--15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y--15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y--15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y--15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-75:hover { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-75:focus { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-active-duration-75:active { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-sm-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-100:active { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-sm-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-active-duration-150:active { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-sm-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-200:active { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-sm-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-300:active { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-sm-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-500:active { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-sm-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-700:active { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-sm-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-1000:hover { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-1000:focus { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-active-duration-1000:active { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-sm-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-active-duration-1500:active { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-sm-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-hover-duration-2000:hover { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-focus-duration-2000:focus { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-active-duration-2000:active { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-sm-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-hover-blur-none:hover { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-focus-blur-none:focus { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-active-blur-none:active { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-disabled-blur-none:disabled { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-none:focus-visible { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-none:focus-within { filter: blur(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-sm-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-hover-brightness-0:hover { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-focus-brightness-0:focus { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-active-brightness-0:active { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-0:disabled { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-0:focus-within { filter: brightness(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-sm-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-hover-brightness-75:hover { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-focus-brightness-75:focus { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-active-brightness-75:active { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-75:disabled { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-sm-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-hover-brightness-90:hover { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-focus-brightness-90:focus { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-active-brightness-90:active { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-90:disabled { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-sm-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-hover-brightness-125:hover { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-focus-brightness-125:focus { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-active-brightness-125:active { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-125:disabled { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-sm-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-hover-brightness-200:hover { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-focus-brightness-200:focus { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-active-brightness-200:active { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-200:disabled { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-200:focus-within { filter: brightness(2); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-sm-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-hover-contrast-0:hover { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-focus-contrast-0:focus { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-active-contrast-0:active { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-0:disabled { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-0:focus-within { filter: contrast(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-sm-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-hover-contrast-75:hover { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-focus-contrast-75:focus { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-active-contrast-75:active { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-75:disabled { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-sm-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-hover-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-active-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-hover-contrast-150:hover { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-focus-contrast-150:focus { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-active-contrast-150:active { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-150:disabled { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-sm-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-hover-contrast-200:hover { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-focus-contrast-200:focus { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-active-contrast-200:active { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-200:disabled { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-200:focus-within { filter: contrast(2); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-sm-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-hover-grayscale-0:hover { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-focus-grayscale-0:focus { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-active-grayscale-0:active { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-disabled-grayscale-0:disabled { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-sm-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-hover-grayscale-100:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-grayscale-100:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-active-grayscale-100:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-disabled-grayscale-100:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-sm-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-sm-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-sm-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-hover-invert-0:hover { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-focus-invert-0:focus { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-active-invert-0:active { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-disabled-invert-0:disabled { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-invert-0:focus-visible { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-focus-within-invert-0:focus-within { filter: invert(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-sm-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-hover-invert-100:hover { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-focus-invert-100:focus { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-active-invert-100:active { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-disabled-invert-100:disabled { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-invert-100:focus-visible { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-focus-within-invert-100:focus-within { filter: invert(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-sm-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-hover-saturate-0:hover { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-focus-saturate-0:focus { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-active-saturate-0:active { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-0:disabled { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-0:focus-within { filter: saturate(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-sm-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-hover-saturate-50:hover { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-focus-saturate-50:focus { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-active-saturate-50:active { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-50:disabled { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-sm-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-hover-saturate-100:hover { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-focus-saturate-100:focus { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-active-saturate-100:active { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-100:disabled { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-100:focus-within { filter: saturate(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-sm-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-hover-saturate-200:hover { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-focus-saturate-200:focus { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-active-saturate-200:active { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-200:disabled { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-200:focus-within { filter: saturate(2); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-sm-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-hover-sepia-0:hover { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-focus-sepia-0:focus { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-active-sepia-0:active { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-disabled-sepia-0:disabled { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-focus-within-sepia-0:focus-within { filter: sepia(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-sm-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-hover-sepia-100:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-sepia-100:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-active-sepia-100:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-disabled-sepia-100:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-within-sepia-100:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-sm-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-sm-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-hover-mix-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-mix-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-active-mix-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-active-mix-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-hover-mix-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-mix-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-active-mix-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-active-mix-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-hover-mix-darken:hover { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-mix-darken:focus { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-active-mix-darken:active { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-active-mix-lighten:active { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-hover-mix-difference:hover { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-mix-difference:focus { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-active-mix-difference:active { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-hover-mix-hue:hover { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-mix-hue:focus { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-active-mix-hue:active { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-active-mix-saturation:active { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-hover-mix-color:hover { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-mix-color:focus { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-active-mix-color:active { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-disabled-mix-color:disabled { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-sm-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-sm-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-sm-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-sm-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-difference:active { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-sm-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-sm-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-hue:active { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-sm-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-sm-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-color:hover { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-color:focus { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-color:active { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-sm-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-sm-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-hover-object-contain:hover { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-focus-object-contain:focus { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-active-object-contain:active { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-disabled-object-contain:disabled { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-contain:focus-visible { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-object-contain:focus-within { object-fit: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-sm-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-hover-object-cover:hover { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-focus-object-cover:focus { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-active-object-cover:active { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-disabled-object-cover:disabled { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-cover:focus-visible { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-focus-within-object-cover:focus-within { object-fit: cover; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-sm-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-hover-object-fill:hover { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-focus-object-fill:focus { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-active-object-fill:active { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-disabled-object-fill:disabled { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-fill:focus-visible { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-focus-within-object-fill:focus-within { object-fit: fill; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-sm-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-sm-hover-object-none:hover { object-fit: none; }
  html[data-theme="dark"] .dark-sm-focus-object-none:focus { object-fit: none; }
  html[data-theme="dark"] .dark-sm-active-object-none:active { object-fit: none; }
  html[data-theme="dark"] .dark-sm-disabled-object-none:disabled { object-fit: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-none:focus-visible { object-fit: none; }
  html[data-theme="dark"] .dark-sm-focus-within-object-none:focus-within { object-fit: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-sm-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-hover-object-scale-down:hover { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-focus-object-scale-down:focus { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-active-object-scale-down:active { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-disabled-object-scale-down:disabled { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-sm-object-top { object-position: top; }
  html[data-theme="dark"] .dark-sm-hover-object-top:hover { object-position: top; }
  html[data-theme="dark"] .dark-sm-focus-object-top:focus { object-position: top; }
  html[data-theme="dark"] .dark-sm-active-object-top:active { object-position: top; }
  html[data-theme="dark"] .dark-sm-disabled-object-top:disabled { object-position: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-top:focus-visible { object-position: top; }
  html[data-theme="dark"] .dark-sm-focus-within-object-top:focus-within { object-position: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-top { object-position: top; }
  html[data-theme="dark"] .dark-sm-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-hover-object-bottom:hover { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-object-bottom:focus { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-active-object-bottom:active { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-object-bottom:disabled { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-object-bottom:focus-within { object-position: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-sm-object-center { object-position: center; }
  html[data-theme="dark"] .dark-sm-hover-object-center:hover { object-position: center; }
  html[data-theme="dark"] .dark-sm-focus-object-center:focus { object-position: center; }
  html[data-theme="dark"] .dark-sm-active-object-center:active { object-position: center; }
  html[data-theme="dark"] .dark-sm-disabled-object-center:disabled { object-position: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-center:focus-visible { object-position: center; }
  html[data-theme="dark"] .dark-sm-focus-within-object-center:focus-within { object-position: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-center { object-position: center; }
  html[data-theme="dark"] .dark-sm-object-left { object-position: left; }
  html[data-theme="dark"] .dark-sm-hover-object-left:hover { object-position: left; }
  html[data-theme="dark"] .dark-sm-focus-object-left:focus { object-position: left; }
  html[data-theme="dark"] .dark-sm-active-object-left:active { object-position: left; }
  html[data-theme="dark"] .dark-sm-disabled-object-left:disabled { object-position: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-left:focus-visible { object-position: left; }
  html[data-theme="dark"] .dark-sm-focus-within-object-left:focus-within { object-position: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-left { object-position: left; }
  html[data-theme="dark"] .dark-sm-object-right { object-position: right; }
  html[data-theme="dark"] .dark-sm-hover-object-right:hover { object-position: right; }
  html[data-theme="dark"] .dark-sm-focus-object-right:focus { object-position: right; }
  html[data-theme="dark"] .dark-sm-active-object-right:active { object-position: right; }
  html[data-theme="dark"] .dark-sm-disabled-object-right:disabled { object-position: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-right:focus-visible { object-position: right; }
  html[data-theme="dark"] .dark-sm-focus-within-object-right:focus-within { object-position: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-right { object-position: right; }
  html[data-theme="dark"] .dark-sm-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-sm-hover-object-left-top:hover { object-position: left top; }
  html[data-theme="dark"] .dark-sm-focus-object-left-top:focus { object-position: left top; }
  html[data-theme="dark"] .dark-sm-active-object-left-top:active { object-position: left top; }
  html[data-theme="dark"] .dark-sm-disabled-object-left-top:disabled { object-position: left top; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-left-top:focus-visible { object-position: left top; }
  html[data-theme="dark"] .dark-sm-focus-within-object-left-top:focus-within { object-position: left top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-sm-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-sm-hover-object-right-top:hover { object-position: right top; }
  html[data-theme="dark"] .dark-sm-focus-object-right-top:focus { object-position: right top; }
  html[data-theme="dark"] .dark-sm-active-object-right-top:active { object-position: right top; }
  html[data-theme="dark"] .dark-sm-disabled-object-right-top:disabled { object-position: right top; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-right-top:focus-visible { object-position: right top; }
  html[data-theme="dark"] .dark-sm-focus-within-object-right-top:focus-within { object-position: right top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-sm-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-hover-object-left-bottom:hover { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-focus-object-left-bottom:focus { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-active-object-left-bottom:active { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-disabled-object-left-bottom:disabled { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-sm-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-hover-object-right-bottom:hover { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-focus-object-right-bottom:focus { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-active-object-right-bottom:active { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-disabled-object-right-bottom:disabled { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-sm-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-sm-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-sm-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-sm-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-sm-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-sm-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-sm-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-hover-list-style-image-none:hover { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-focus-list-style-image-none:focus { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-active-list-style-image-none:active { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-image-none:disabled { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-sm-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-hover-list-style-position-inside:hover { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-focus-list-style-position-inside:focus { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-active-list-style-position-inside:active { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-sm-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-hover-list-style-position-outside:hover { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-focus-list-style-position-outside:focus { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-active-list-style-position-outside:active { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-sm-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-none:hover { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-none:focus { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-none:active { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-none:disabled { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-sm-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-disc:hover { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-disc:focus { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-disc:active { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-sm-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-circle:hover { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-circle:focus { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-circle:active { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-sm-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-square:hover { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-square:focus { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-square:active { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-square:disabled { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-sm-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-decimal:active { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-sm-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-sm-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-sm-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-sm-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-sm-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-sm-hover-text-align-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-text-align-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-sm-active-text-align-left:active { text-align: left; }
  html[data-theme="dark"] .dark-sm-disabled-text-align-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-align-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-sm-focus-within-text-align-left:focus-within { text-align: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-sm-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-sm-hover-text-align-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-text-align-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-sm-active-text-align-center:active { text-align: center; }
  html[data-theme="dark"] .dark-sm-disabled-text-align-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-align-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-sm-focus-within-text-align-center:focus-within { text-align: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-sm-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-sm-hover-text-align-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-text-align-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-sm-active-text-align-right:active { text-align: right; }
  html[data-theme="dark"] .dark-sm-disabled-text-align-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-align-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-sm-focus-within-text-align-right:focus-within { text-align: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-sm-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-sm-hover-text-align-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-text-align-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-sm-active-text-align-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-sm-disabled-text-align-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-sm-focus-within-text-align-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-sm-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-sm-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-sm-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-sm-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-100:hover { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-100:focus { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-active-perspective-100:active { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-100:disabled { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-100:focus-within { perspective: 100px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-sm-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-500:hover { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-500:focus { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-active-perspective-500:active { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-500:disabled { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-500:focus-within { perspective: 500px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-sm-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-1000:hover { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-1000:focus { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-active-perspective-1000:active { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-1000:disabled { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-sm-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-1500:hover { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-1500:focus { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-active-perspective-1500:active { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-1500:disabled { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-sm-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-2000:hover { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-2000:focus { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-active-perspective-2000:active { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-2000:disabled { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-sm-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-top_left:active { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-sm-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-top_right:active { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-sm-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-transform-none { transform: none; }
  html[data-theme="dark"] .dark-sm-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-sm-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-sm-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-sm-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-n180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-n180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-n180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-sm-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-n90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-n90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-n90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-sm-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-n45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-n45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-n45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-sm-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-sm-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-sm-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-n45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-sm-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-n45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-sm-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-n30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-sm-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-n30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-sm-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-n15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-sm-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-n15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-sm-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-sm-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-sm-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-sm-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-sm-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-sm-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-sm-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-sm-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-sm-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-sm-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-sm-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-sm-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-sm-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-sm-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-hover-origin-top_left:hover { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-origin-top_left:focus { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-active-origin-top_left:active { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-disabled-origin-top_left:disabled { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-sm-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-hover-origin-top_right:hover { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-origin-top_right:focus { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-active-origin-top_right:active { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-disabled-origin-top_right:disabled { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-sm-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-active-origin-bottom_left:active { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-sm-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-active-origin-bottom_right:active { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-sm-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-hover-accent-transparent:hover { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-accent-transparent:focus { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-active-accent-transparent:active { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-disabled-accent-transparent:disabled { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-sm-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-sm-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-sm-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-sm-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-sm-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-sm-hover-appearance-auto:hover { appearance: auto; }
  html[data-theme="dark"] .dark-sm-focus-appearance-auto:focus { appearance: auto; }
  html[data-theme="dark"] .dark-sm-active-appearance-auto:active { appearance: auto; }
  html[data-theme="dark"] .dark-sm-disabled-appearance-auto:disabled { appearance: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-appearance-auto:focus-within { appearance: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-sm-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-sm-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-sm-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-sm-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-sm-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-sm-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-sm-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-sm-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-sm-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-sm-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-sm-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-sm-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-sm-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-sm-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-sm-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-sm-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-sm-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-sm-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-sm-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-sm-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-sm-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-sm-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-sm-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-sm-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-sm-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-sm-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-sm-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-sm-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-sm-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-sm-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-sm-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-sm-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-sm-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-sm-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-sm-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-sm-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-sm-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-sm-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-sm-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-sm-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-sm-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-sm-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-sm-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-sm-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-sm-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-sm-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-sm-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-sm-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-sm-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-sm-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-sm-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-sm-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-sm-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-sm-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-sm-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-sm-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-sm-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-sm-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-sm-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-sm-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-sm-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-sm-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-sm-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-sm-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-sm-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-sm-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-sm-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-sm-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-sm-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-sm-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-sm-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-sm-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-sm-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-sm-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-sm-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-sm-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-sm-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-sm-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-sm-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-sm-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-sm-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-sm-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-sm-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-sm-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-sm-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-sm-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-sm-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-sm-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-sm-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-sm-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-sm-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-sm-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-sm-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-sm-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-sm-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-sm-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-sm-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-sm-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-sm-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-sm-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-sm-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-sm-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-sm-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-sm-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-sm-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-sm-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-sm-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-sm-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-sm-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-sm-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-sm-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-sm-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-sm-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-sm-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-sm-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-sm-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-sm-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-sm-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-sm-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-sm-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-sm-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-sm-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-sm-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-sm-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-sm-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-sm-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-sm-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-sm-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-sm-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-sm-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-sm-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-sm-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-sm-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-sm-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-sm-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-sm-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-sm-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-sm-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-sm-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-sm-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-sm-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-sm-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-sm-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-sm-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-sm-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-sm-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-sm-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-sm-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-sm-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-sm-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-sm-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-sm-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-sm-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-sm-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-sm-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-sm-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-sm-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-sm-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-sm-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-sm-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-sm-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-sm-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-sm-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-sm-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-sm-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-sm-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-sm-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-sm-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-sm-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-sm-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-sm-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-sm-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-sm-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-sm-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-sm-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-sm-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-sm-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-sm-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-sm-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-sm-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-sm-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-hover-caret-black:hover { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-caret-black:focus { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-active-caret-black:active { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-disabled-caret-black:disabled { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-black:focus-within { caret-color: var(--black); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-sm-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-hover-caret-white:hover { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-caret-white:focus { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-active-caret-white:active { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-disabled-caret-white:disabled { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-focus-within-caret-white:focus-within { caret-color: var(--white); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-sm-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-sm-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-sm-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-3:active { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-3:active { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-sm-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan_x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan_x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-active-touch-pan_x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan_y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan_y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-active-touch-pan_y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-sm-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-sm-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-sm-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-sm-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-sm-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-sm-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-sm-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-sm-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-sm-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-sm-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-sm-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-sm-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-sm-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-sm-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-sm-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-sm-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-sm-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-sm-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-sm-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-sm-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-sm-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-sm-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-sm-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-sm-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-sm-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-sm-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-sm-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-sm-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-hover-aspect-auto:hover { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-focus-aspect-auto:focus { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-active-aspect-auto:active { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-sm-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-active-aspect-square:active { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-sm-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-active-aspect-video:active { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-sm-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-sm-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-sm-hover-isolation-auto:hover { isolation: auto; }
  html[data-theme="dark"] .dark-sm-focus-isolation-auto:focus { isolation: auto; }
  html[data-theme="dark"] .dark-sm-active-isolation-auto:active { isolation: auto; }
  html[data-theme="dark"] .dark-sm-disabled-isolation-auto:disabled { isolation: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-isolation-auto:focus-within { isolation: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-sm-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-hover-isolation-isolate:hover { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-focus-isolation-isolate:focus { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-active-isolation-isolate:active { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-disabled-isolation-isolate:disabled { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-sm-contain-none { contain: none; }
  html[data-theme="dark"] .dark-sm-hover-contain-none:hover { contain: none; }
  html[data-theme="dark"] .dark-sm-focus-contain-none:focus { contain: none; }
  html[data-theme="dark"] .dark-sm-active-contain-none:active { contain: none; }
  html[data-theme="dark"] .dark-sm-disabled-contain-none:disabled { contain: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-none:focus-visible { contain: none; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-none:focus-within { contain: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-none { contain: none; }
  html[data-theme="dark"] .dark-sm-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-sm-hover-contain-layout:hover { contain: layout; }
  html[data-theme="dark"] .dark-sm-focus-contain-layout:focus { contain: layout; }
  html[data-theme="dark"] .dark-sm-active-contain-layout:active { contain: layout; }
  html[data-theme="dark"] .dark-sm-disabled-contain-layout:disabled { contain: layout; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-layout:focus-visible { contain: layout; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-layout:focus-within { contain: layout; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-sm-contain-size { contain: size; }
  html[data-theme="dark"] .dark-sm-hover-contain-size:hover { contain: size; }
  html[data-theme="dark"] .dark-sm-focus-contain-size:focus { contain: size; }
  html[data-theme="dark"] .dark-sm-active-contain-size:active { contain: size; }
  html[data-theme="dark"] .dark-sm-disabled-contain-size:disabled { contain: size; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-size:focus-visible { contain: size; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-size:focus-within { contain: size; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-size { contain: size; }
  html[data-theme="dark"] .dark-sm-contain-style { contain: style; }
  html[data-theme="dark"] .dark-sm-hover-contain-style:hover { contain: style; }
  html[data-theme="dark"] .dark-sm-focus-contain-style:focus { contain: style; }
  html[data-theme="dark"] .dark-sm-active-contain-style:active { contain: style; }
  html[data-theme="dark"] .dark-sm-disabled-contain-style:disabled { contain: style; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-style:focus-visible { contain: style; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-style:focus-within { contain: style; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-style { contain: style; }
  html[data-theme="dark"] .dark-sm-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-sm-hover-contain-paint:hover { contain: paint; }
  html[data-theme="dark"] .dark-sm-focus-contain-paint:focus { contain: paint; }
  html[data-theme="dark"] .dark-sm-active-contain-paint:active { contain: paint; }
  html[data-theme="dark"] .dark-sm-disabled-contain-paint:disabled { contain: paint; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-paint:focus-visible { contain: paint; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-paint:focus-within { contain: paint; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-sm-contain-content { contain: content; }
  html[data-theme="dark"] .dark-sm-hover-contain-content:hover { contain: content; }
  html[data-theme="dark"] .dark-sm-focus-contain-content:focus { contain: content; }
  html[data-theme="dark"] .dark-sm-active-contain-content:active { contain: content; }
  html[data-theme="dark"] .dark-sm-disabled-contain-content:disabled { contain: content; }
  html[data-theme="dark"] .dark-sm-focus-visible-contain-content:focus-visible { contain: content; }
  html[data-theme="dark"] .dark-sm-focus-within-contain-content:focus-within { contain: content; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contain-content { contain: content; }
  html[data-theme="dark"] .dark-sm-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-hover-content-auto:hover { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-focus-content-auto:focus { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-active-content-auto:active { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-disabled-content-auto:disabled { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-content-auto:focus-within { content-visibility: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-sm-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-hover-content-hidden:hover { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-content-hidden:focus { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-active-content-hidden:active { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-content-hidden:disabled { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-hover-content-visible:hover { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-content-visible:focus { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-active-content-visible:active { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-disabled-content-visible:disabled { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-content-visible:focus-within { content-visibility: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-sm-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-sm-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-sm-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-sm-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-sm-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-sm-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-hover-clip-inset:hover { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-focus-clip-inset:focus { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-active-clip-inset:active { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-disabled-clip-inset:disabled { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-sm-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-sm-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-active-margin-block-start-1:active { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-active-margin-block-end-1:active { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-active-padding-block-start-1:active { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-sm-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-active-padding-block-end-1:active { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-sm-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-sm-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-sm-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-sm-filter-none { filter: none; }
  html[data-theme="dark"] .dark-sm-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-sm-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-sm-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-sm-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-sm-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-sm-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-sm-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-sm-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-sm-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-sm-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-sm-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-sm-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-hover-grayscale:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-grayscale:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-active-grayscale:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-disabled-grayscale:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-focus-within-grayscale:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-sm-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-hover-sepia:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-sepia:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-active-sepia:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-disabled-sepia:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-sepia:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-focus-within-sepia:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-sm-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-sm-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-hover-grid-flow-row:hover { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-focus-grid-flow-row:focus { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-active-grid-flow-row:active { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-sm-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-hover-grid-flow-col:hover { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-focus-grid-flow-col:focus { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-active-grid-flow-col:active { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-sm-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-sm-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-sm-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-sm-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-sm-hover-transition-none:hover { transition-property: none; }
  html[data-theme="dark"] .dark-sm-focus-transition-none:focus { transition-property: none; }
  html[data-theme="dark"] .dark-sm-active-transition-none:active { transition-property: none; }
  html[data-theme="dark"] .dark-sm-disabled-transition-none:disabled { transition-property: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-none:focus-visible { transition-property: none; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-none:focus-within { transition-property: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-sm-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-sm-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-sm-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-sm-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-sm-animate-none { animation: none; }
  html[data-theme="dark"] .dark-sm-hover-animate-none:hover { animation: none; }
  html[data-theme="dark"] .dark-sm-focus-animate-none:focus { animation: none; }
  html[data-theme="dark"] .dark-sm-active-animate-none:active { animation: none; }
  html[data-theme="dark"] .dark-sm-disabled-animate-none:disabled { animation: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-animate-none:focus-visible { animation: none; }
  html[data-theme="dark"] .dark-sm-focus-within-animate-none:focus-within { animation: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-animate-none { animation: none; }
  html[data-theme="dark"] .dark-sm-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-active-animate-fade:active { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-sm-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-sm-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-active-animate-spin:active { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-sm-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-sm-transform-none { transform: none; }
  html[data-theme="dark"] .dark-sm-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-sm-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-sm-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-sm-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-active-scale-50:active { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-sm-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-active-scale-75:active { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-sm-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-active-scale-90:active { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-sm-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-hover-scale-100:hover { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-focus-scale-100:focus { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-active-scale-100:active { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-sm-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-active-scale-105:active { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-sm-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-active-scale-110:active { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-sm-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-active-scale-125:active { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-sm-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-active-scale-150:active { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-sm-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-active-translate-x-0:active { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-sm-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-sm-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-sm-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-active-translate-y-0:active { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-sm-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-sm-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-sm-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-sm-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-sm-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-sm-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-sm-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-sm-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-sm-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-active-skew-x-0:active { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-sm-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-sm-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-sm-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-active-skew-y-0:active { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-sm-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-sm-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-sm-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-sm-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-sm-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-sm-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-sm-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-sm-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-sm-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-sm-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-sm-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-sm:hover { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-sm:focus { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-active-perspective-sm:active { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-sm:disabled { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-sm:focus-within { perspective: 400px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-sm-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-md:hover { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-md:focus { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-active-perspective-md:active { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-md:disabled { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-md:focus-within { perspective: 800px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-sm-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-lg:hover { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-lg:focus { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-active-perspective-lg:active { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-lg:disabled { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-sm-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-hover-perspective-xl:hover { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-focus-perspective-xl:focus { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-active-perspective-xl:active { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-xl:disabled { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-sm-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-sm-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-sm-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-sm-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-sm-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-sm-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-sm-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-sm-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-sm-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-active-transform-style-preserve:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-sm-filter-none { filter: none; }
  html[data-theme="dark"] .dark-sm-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-sm-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-sm-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-sm-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-sm-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-hover-filter-grayscale:hover { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-focus-filter-grayscale:focus { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-active-filter-grayscale:active { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-sm-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-hover-filter-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-filter-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-active-filter-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-disabled-filter-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-active-filter-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-sm-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-active-filter-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-sm-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-active-filter-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-sm-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-hover-filter-sepia:hover { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-focus-filter-sepia:focus { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-active-filter-sepia:active { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-disabled-filter-sepia:disabled { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-sm-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-sm-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-active-backdrop-filter-none:active { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-sm-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-sm-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-sm-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-sm-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-active-mix-blend-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-sm-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-sm-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-active-mix-blend-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-sm-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-sm-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-hover-decoration-slice:hover { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-focus-decoration-slice:focus { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-active-decoration-slice:active { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-sm-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-hover-decoration-clone:hover { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-focus-decoration-clone:focus { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-active-decoration-clone:active { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-sm-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-sm-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-sm-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-sm-hover-break-after-auto:hover { break-after: auto; }
  html[data-theme="dark"] .dark-sm-focus-break-after-auto:focus { break-after: auto; }
  html[data-theme="dark"] .dark-sm-active-break-after-auto:active { break-after: auto; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-auto:disabled { break-after: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-auto:focus-within { break-after: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-sm-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-hover-break-after-avoid:hover { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-focus-break-after-avoid:focus { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-active-break-after-avoid:active { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-avoid:disabled { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-sm-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-sm-hover-break-after-all:hover { break-after: all; }
  html[data-theme="dark"] .dark-sm-focus-break-after-all:focus { break-after: all; }
  html[data-theme="dark"] .dark-sm-active-break-after-all:active { break-after: all; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-all:disabled { break-after: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-all:focus-visible { break-after: all; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-all:focus-within { break-after: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-sm-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-active-break-after-avoid-page:active { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-sm-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-sm-hover-break-after-page:hover { break-after: page; }
  html[data-theme="dark"] .dark-sm-focus-break-after-page:focus { break-after: page; }
  html[data-theme="dark"] .dark-sm-active-break-after-page:active { break-after: page; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-page:disabled { break-after: page; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-page:focus-visible { break-after: page; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-page:focus-within { break-after: page; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-sm-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-sm-hover-break-after-left:hover { break-after: left; }
  html[data-theme="dark"] .dark-sm-focus-break-after-left:focus { break-after: left; }
  html[data-theme="dark"] .dark-sm-active-break-after-left:active { break-after: left; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-left:disabled { break-after: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-left:focus-visible { break-after: left; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-left:focus-within { break-after: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-sm-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-sm-hover-break-after-right:hover { break-after: right; }
  html[data-theme="dark"] .dark-sm-focus-break-after-right:focus { break-after: right; }
  html[data-theme="dark"] .dark-sm-active-break-after-right:active { break-after: right; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-right:disabled { break-after: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-right:focus-visible { break-after: right; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-right:focus-within { break-after: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-sm-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-sm-hover-break-after-column:hover { break-after: column; }
  html[data-theme="dark"] .dark-sm-focus-break-after-column:focus { break-after: column; }
  html[data-theme="dark"] .dark-sm-active-break-after-column:active { break-after: column; }
  html[data-theme="dark"] .dark-sm-disabled-break-after-column:disabled { break-after: column; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-after-column:focus-visible { break-after: column; }
  html[data-theme="dark"] .dark-sm-focus-within-break-after-column:focus-within { break-after: column; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-sm-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-sm-hover-break-before-auto:hover { break-before: auto; }
  html[data-theme="dark"] .dark-sm-focus-break-before-auto:focus { break-before: auto; }
  html[data-theme="dark"] .dark-sm-active-break-before-auto:active { break-before: auto; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-auto:disabled { break-before: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-auto:focus-within { break-before: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-sm-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-hover-break-before-avoid:hover { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-focus-break-before-avoid:focus { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-active-break-before-avoid:active { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-avoid:disabled { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-sm-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-sm-hover-break-before-all:hover { break-before: all; }
  html[data-theme="dark"] .dark-sm-focus-break-before-all:focus { break-before: all; }
  html[data-theme="dark"] .dark-sm-active-break-before-all:active { break-before: all; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-all:disabled { break-before: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-all:focus-visible { break-before: all; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-all:focus-within { break-before: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-sm-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-active-break-before-avoid-page:active { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-sm-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-sm-hover-break-before-page:hover { break-before: page; }
  html[data-theme="dark"] .dark-sm-focus-break-before-page:focus { break-before: page; }
  html[data-theme="dark"] .dark-sm-active-break-before-page:active { break-before: page; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-page:disabled { break-before: page; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-page:focus-visible { break-before: page; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-page:focus-within { break-before: page; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-sm-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-sm-hover-break-before-left:hover { break-before: left; }
  html[data-theme="dark"] .dark-sm-focus-break-before-left:focus { break-before: left; }
  html[data-theme="dark"] .dark-sm-active-break-before-left:active { break-before: left; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-left:disabled { break-before: left; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-left:focus-visible { break-before: left; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-left:focus-within { break-before: left; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-sm-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-sm-hover-break-before-right:hover { break-before: right; }
  html[data-theme="dark"] .dark-sm-focus-break-before-right:focus { break-before: right; }
  html[data-theme="dark"] .dark-sm-active-break-before-right:active { break-before: right; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-right:disabled { break-before: right; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-right:focus-visible { break-before: right; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-right:focus-within { break-before: right; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-sm-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-sm-hover-break-before-column:hover { break-before: column; }
  html[data-theme="dark"] .dark-sm-focus-break-before-column:focus { break-before: column; }
  html[data-theme="dark"] .dark-sm-active-break-before-column:active { break-before: column; }
  html[data-theme="dark"] .dark-sm-disabled-break-before-column:disabled { break-before: column; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-before-column:focus-visible { break-before: column; }
  html[data-theme="dark"] .dark-sm-focus-within-break-before-column:focus-within { break-before: column; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-sm-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-hover-break-inside-auto:hover { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-focus-break-inside-auto:focus { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-active-break-inside-auto:active { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-disabled-break-inside-auto:disabled { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-sm-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-hover-break-inside-avoid:hover { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-focus-break-inside-avoid:focus { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-active-break-inside-avoid:active { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-sm-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-sm-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-sm-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-sm-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-sm-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-sm-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-sm-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-sm-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-hover-clip-circle:hover { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-focus-clip-circle:focus { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-active-clip-circle:active { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-circle:disabled { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-sm-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-sm-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-hover-clip-inset:hover { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-focus-clip-inset:focus { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-active-clip-inset:active { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-inset:disabled { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-sm-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-sm-outline-none { outline: none; }
  html[data-theme="dark"] .dark-sm-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-sm-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-sm-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-sm-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-hover-outline-solid:hover { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-outline-solid:focus { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-active-outline-solid:active { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-disabled-outline-solid:disabled { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-solid:focus-within { outline-style: solid; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-sm-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-hover-outline-dashed:hover { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-outline-dashed:focus { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-active-outline-dashed:active { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-disabled-outline-dashed:disabled { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-sm-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-0:hover { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-0:focus { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-0:active { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-0:disabled { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-sm-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-2:hover { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-2:focus { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-2:active { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-sm-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-hover-outline-offset-4:hover { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-outline-offset-4:focus { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-active-outline-offset-4:active { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-sm-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-hover-shadow-none:hover { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-focus-shadow-none:focus { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-active-shadow-none:active { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-disabled-shadow-none:disabled { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-none:focus-within { box-shadow: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-sm-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-sm-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-sm-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-sm-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-sm-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-sm-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-sm-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-hover-accent-current:hover { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-accent-current:focus { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-active-accent-current:active { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-disabled-accent-current:disabled { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-focus-within-accent-current:focus-within { accent-color: currentColor; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-sm-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-sm-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-sm-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-sm-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-sm-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-sm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-sm-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-sm-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-sm-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-sm-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-sm-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-active-overscroll-auto:active { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-sm-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-active-overscroll-contain:active { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-sm-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-none:hover { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-none:focus { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-active-overscroll-none:active { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-sm-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-sm-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-sm-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-sm-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-sm-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-sm-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-sm-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-sm-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-sm-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-sm-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-sm-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-sm-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-sm-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-sm-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-sm-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-active-bg-primary:active { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-sm-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-active-bg-success:active { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-sm-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-sm-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-sm-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-active-bg-info:active { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-sm-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-sm-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-sm-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-sm-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-active-bg-link:active { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-hover-text-primary:hover { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-text-primary:focus { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-active-text-primary:active { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-disabled-text-primary:disabled { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-sm-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-active-text-secondary:active { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-sm-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-hover-text-success:hover { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-focus-text-success:focus { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-active-text-success:active { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-disabled-text-success:disabled { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-sm-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-hover-text-warning:hover { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-focus-text-warning:focus { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-active-text-warning:active { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-sm-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-hover-text-danger:hover { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-focus-text-danger:focus { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-active-text-danger:active { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-sm-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-hover-text-info:hover { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-focus-text-info:focus { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-active-text-info:active { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-disabled-text-info:disabled { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-sm-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-active-text-neutral:active { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-sm-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-hover-text-accent:hover { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-focus-text-accent:focus { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-active-text-accent:active { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-sm-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-active-text-ghost:active { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-sm-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-hover-text-link:hover { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-text-link:focus { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-active-text-link:active { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-disabled-text-link:disabled { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-active-border-primary:active { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-sm-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-sm-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-hover-border-success:hover { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-focus-border-success:focus { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-active-border-success:active { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-sm-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-active-border-warning:active { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-sm-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-active-border-danger:active { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-sm-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-hover-border-info:hover { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-focus-border-info:focus { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-active-border-info:active { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-sm-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-sm-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-active-border-accent:active { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-sm-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-sm-border-link { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-hover-border-link:hover { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-border-link:focus { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-active-border-link:active { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-sm-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .sm-group:hover .dark-sm-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 768px) {
  .md-p-auto { padding: auto; }
  .md-hover-p-auto:hover { padding: auto; }
  .md-focus-p-auto:focus { padding: auto; }
  .md-active-p-auto:active { padding: auto; }
  .md-disabled-p-auto:disabled { padding: auto; }
  .md-focus-visible-p-auto:focus-visible { padding: auto; }
  .md-focus-within-p-auto:focus-within { padding: auto; }
  .md-group:hover .md-group-hover-p-auto { padding: auto; }
  .md-p-0 { padding: 0; }
  .md-hover-p-0:hover { padding: 0; }
  .md-focus-p-0:focus { padding: 0; }
  .md-active-p-0:active { padding: 0; }
  .md-disabled-p-0:disabled { padding: 0; }
  .md-focus-visible-p-0:focus-visible { padding: 0; }
  .md-focus-within-p-0:focus-within { padding: 0; }
  .md-group:hover .md-group-hover-p-0 { padding: 0; }
  .md-p-1 { padding: 0.25rem; }
  .md-hover-p-1:hover { padding: 0.25rem; }
  .md-focus-p-1:focus { padding: 0.25rem; }
  .md-active-p-1:active { padding: 0.25rem; }
  .md-disabled-p-1:disabled { padding: 0.25rem; }
  .md-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  .md-focus-within-p-1:focus-within { padding: 0.25rem; }
  .md-group:hover .md-group-hover-p-1 { padding: 0.25rem; }
  .md-p-2 { padding: 0.5rem; }
  .md-hover-p-2:hover { padding: 0.5rem; }
  .md-focus-p-2:focus { padding: 0.5rem; }
  .md-active-p-2:active { padding: 0.5rem; }
  .md-disabled-p-2:disabled { padding: 0.5rem; }
  .md-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  .md-focus-within-p-2:focus-within { padding: 0.5rem; }
  .md-group:hover .md-group-hover-p-2 { padding: 0.5rem; }
  .md-p-3 { padding: 0.75rem; }
  .md-hover-p-3:hover { padding: 0.75rem; }
  .md-focus-p-3:focus { padding: 0.75rem; }
  .md-active-p-3:active { padding: 0.75rem; }
  .md-disabled-p-3:disabled { padding: 0.75rem; }
  .md-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  .md-focus-within-p-3:focus-within { padding: 0.75rem; }
  .md-group:hover .md-group-hover-p-3 { padding: 0.75rem; }
  .md-p-4 { padding: 1rem; }
  .md-hover-p-4:hover { padding: 1rem; }
  .md-focus-p-4:focus { padding: 1rem; }
  .md-active-p-4:active { padding: 1rem; }
  .md-disabled-p-4:disabled { padding: 1rem; }
  .md-focus-visible-p-4:focus-visible { padding: 1rem; }
  .md-focus-within-p-4:focus-within { padding: 1rem; }
  .md-group:hover .md-group-hover-p-4 { padding: 1rem; }
  .md-p-5 { padding: 1.25rem; }
  .md-hover-p-5:hover { padding: 1.25rem; }
  .md-focus-p-5:focus { padding: 1.25rem; }
  .md-active-p-5:active { padding: 1.25rem; }
  .md-disabled-p-5:disabled { padding: 1.25rem; }
  .md-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  .md-focus-within-p-5:focus-within { padding: 1.25rem; }
  .md-group:hover .md-group-hover-p-5 { padding: 1.25rem; }
  .md-p-6 { padding: 1.5rem; }
  .md-hover-p-6:hover { padding: 1.5rem; }
  .md-focus-p-6:focus { padding: 1.5rem; }
  .md-active-p-6:active { padding: 1.5rem; }
  .md-disabled-p-6:disabled { padding: 1.5rem; }
  .md-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  .md-focus-within-p-6:focus-within { padding: 1.5rem; }
  .md-group:hover .md-group-hover-p-6 { padding: 1.5rem; }
  .md-p-8 { padding: 2rem; }
  .md-hover-p-8:hover { padding: 2rem; }
  .md-focus-p-8:focus { padding: 2rem; }
  .md-active-p-8:active { padding: 2rem; }
  .md-disabled-p-8:disabled { padding: 2rem; }
  .md-focus-visible-p-8:focus-visible { padding: 2rem; }
  .md-focus-within-p-8:focus-within { padding: 2rem; }
  .md-group:hover .md-group-hover-p-8 { padding: 2rem; }
  .md-p-10 { padding: 2.5rem; }
  .md-hover-p-10:hover { padding: 2.5rem; }
  .md-focus-p-10:focus { padding: 2.5rem; }
  .md-active-p-10:active { padding: 2.5rem; }
  .md-disabled-p-10:disabled { padding: 2.5rem; }
  .md-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  .md-focus-within-p-10:focus-within { padding: 2.5rem; }
  .md-group:hover .md-group-hover-p-10 { padding: 2.5rem; }
  .md-p-12 { padding: 3rem; }
  .md-hover-p-12:hover { padding: 3rem; }
  .md-focus-p-12:focus { padding: 3rem; }
  .md-active-p-12:active { padding: 3rem; }
  .md-disabled-p-12:disabled { padding: 3rem; }
  .md-focus-visible-p-12:focus-visible { padding: 3rem; }
  .md-focus-within-p-12:focus-within { padding: 3rem; }
  .md-group:hover .md-group-hover-p-12 { padding: 3rem; }
  .md-p-16 { padding: 4rem; }
  .md-hover-p-16:hover { padding: 4rem; }
  .md-focus-p-16:focus { padding: 4rem; }
  .md-active-p-16:active { padding: 4rem; }
  .md-disabled-p-16:disabled { padding: 4rem; }
  .md-focus-visible-p-16:focus-visible { padding: 4rem; }
  .md-focus-within-p-16:focus-within { padding: 4rem; }
  .md-group:hover .md-group-hover-p-16 { padding: 4rem; }
  .md-p-20 { padding: 5rem; }
  .md-hover-p-20:hover { padding: 5rem; }
  .md-focus-p-20:focus { padding: 5rem; }
  .md-active-p-20:active { padding: 5rem; }
  .md-disabled-p-20:disabled { padding: 5rem; }
  .md-focus-visible-p-20:focus-visible { padding: 5rem; }
  .md-focus-within-p-20:focus-within { padding: 5rem; }
  .md-group:hover .md-group-hover-p-20 { padding: 5rem; }
  .md-p-24 { padding: 6rem; }
  .md-hover-p-24:hover { padding: 6rem; }
  .md-focus-p-24:focus { padding: 6rem; }
  .md-active-p-24:active { padding: 6rem; }
  .md-disabled-p-24:disabled { padding: 6rem; }
  .md-focus-visible-p-24:focus-visible { padding: 6rem; }
  .md-focus-within-p-24:focus-within { padding: 6rem; }
  .md-group:hover .md-group-hover-p-24 { padding: 6rem; }
  .md-p-28 { padding: 7rem; }
  .md-hover-p-28:hover { padding: 7rem; }
  .md-focus-p-28:focus { padding: 7rem; }
  .md-active-p-28:active { padding: 7rem; }
  .md-disabled-p-28:disabled { padding: 7rem; }
  .md-focus-visible-p-28:focus-visible { padding: 7rem; }
  .md-focus-within-p-28:focus-within { padding: 7rem; }
  .md-group:hover .md-group-hover-p-28 { padding: 7rem; }
  .md-p-32 { padding: 8rem; }
  .md-hover-p-32:hover { padding: 8rem; }
  .md-focus-p-32:focus { padding: 8rem; }
  .md-active-p-32:active { padding: 8rem; }
  .md-disabled-p-32:disabled { padding: 8rem; }
  .md-focus-visible-p-32:focus-visible { padding: 8rem; }
  .md-focus-within-p-32:focus-within { padding: 8rem; }
  .md-group:hover .md-group-hover-p-32 { padding: 8rem; }
  .md-pt-auto { padding-top: auto; }
  .md-hover-pt-auto:hover { padding-top: auto; }
  .md-focus-pt-auto:focus { padding-top: auto; }
  .md-active-pt-auto:active { padding-top: auto; }
  .md-disabled-pt-auto:disabled { padding-top: auto; }
  .md-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  .md-focus-within-pt-auto:focus-within { padding-top: auto; }
  .md-group:hover .md-group-hover-pt-auto { padding-top: auto; }
  .md-pt-0 { padding-top: 0; }
  .md-hover-pt-0:hover { padding-top: 0; }
  .md-focus-pt-0:focus { padding-top: 0; }
  .md-active-pt-0:active { padding-top: 0; }
  .md-disabled-pt-0:disabled { padding-top: 0; }
  .md-focus-visible-pt-0:focus-visible { padding-top: 0; }
  .md-focus-within-pt-0:focus-within { padding-top: 0; }
  .md-group:hover .md-group-hover-pt-0 { padding-top: 0; }
  .md-pt-1 { padding-top: 0.25rem; }
  .md-hover-pt-1:hover { padding-top: 0.25rem; }
  .md-focus-pt-1:focus { padding-top: 0.25rem; }
  .md-active-pt-1:active { padding-top: 0.25rem; }
  .md-disabled-pt-1:disabled { padding-top: 0.25rem; }
  .md-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  .md-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  .md-group:hover .md-group-hover-pt-1 { padding-top: 0.25rem; }
  .md-pt-2 { padding-top: 0.5rem; }
  .md-hover-pt-2:hover { padding-top: 0.5rem; }
  .md-focus-pt-2:focus { padding-top: 0.5rem; }
  .md-active-pt-2:active { padding-top: 0.5rem; }
  .md-disabled-pt-2:disabled { padding-top: 0.5rem; }
  .md-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  .md-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  .md-group:hover .md-group-hover-pt-2 { padding-top: 0.5rem; }
  .md-pt-3 { padding-top: 0.75rem; }
  .md-hover-pt-3:hover { padding-top: 0.75rem; }
  .md-focus-pt-3:focus { padding-top: 0.75rem; }
  .md-active-pt-3:active { padding-top: 0.75rem; }
  .md-disabled-pt-3:disabled { padding-top: 0.75rem; }
  .md-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  .md-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  .md-group:hover .md-group-hover-pt-3 { padding-top: 0.75rem; }
  .md-pt-4 { padding-top: 1rem; }
  .md-hover-pt-4:hover { padding-top: 1rem; }
  .md-focus-pt-4:focus { padding-top: 1rem; }
  .md-active-pt-4:active { padding-top: 1rem; }
  .md-disabled-pt-4:disabled { padding-top: 1rem; }
  .md-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  .md-focus-within-pt-4:focus-within { padding-top: 1rem; }
  .md-group:hover .md-group-hover-pt-4 { padding-top: 1rem; }
  .md-pt-5 { padding-top: 1.25rem; }
  .md-hover-pt-5:hover { padding-top: 1.25rem; }
  .md-focus-pt-5:focus { padding-top: 1.25rem; }
  .md-active-pt-5:active { padding-top: 1.25rem; }
  .md-disabled-pt-5:disabled { padding-top: 1.25rem; }
  .md-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  .md-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  .md-group:hover .md-group-hover-pt-5 { padding-top: 1.25rem; }
  .md-pt-6 { padding-top: 1.5rem; }
  .md-hover-pt-6:hover { padding-top: 1.5rem; }
  .md-focus-pt-6:focus { padding-top: 1.5rem; }
  .md-active-pt-6:active { padding-top: 1.5rem; }
  .md-disabled-pt-6:disabled { padding-top: 1.5rem; }
  .md-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  .md-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  .md-group:hover .md-group-hover-pt-6 { padding-top: 1.5rem; }
  .md-pt-8 { padding-top: 2rem; }
  .md-hover-pt-8:hover { padding-top: 2rem; }
  .md-focus-pt-8:focus { padding-top: 2rem; }
  .md-active-pt-8:active { padding-top: 2rem; }
  .md-disabled-pt-8:disabled { padding-top: 2rem; }
  .md-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  .md-focus-within-pt-8:focus-within { padding-top: 2rem; }
  .md-group:hover .md-group-hover-pt-8 { padding-top: 2rem; }
  .md-pt-10 { padding-top: 2.5rem; }
  .md-hover-pt-10:hover { padding-top: 2.5rem; }
  .md-focus-pt-10:focus { padding-top: 2.5rem; }
  .md-active-pt-10:active { padding-top: 2.5rem; }
  .md-disabled-pt-10:disabled { padding-top: 2.5rem; }
  .md-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  .md-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  .md-group:hover .md-group-hover-pt-10 { padding-top: 2.5rem; }
  .md-pt-12 { padding-top: 3rem; }
  .md-hover-pt-12:hover { padding-top: 3rem; }
  .md-focus-pt-12:focus { padding-top: 3rem; }
  .md-active-pt-12:active { padding-top: 3rem; }
  .md-disabled-pt-12:disabled { padding-top: 3rem; }
  .md-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  .md-focus-within-pt-12:focus-within { padding-top: 3rem; }
  .md-group:hover .md-group-hover-pt-12 { padding-top: 3rem; }
  .md-pt-16 { padding-top: 4rem; }
  .md-hover-pt-16:hover { padding-top: 4rem; }
  .md-focus-pt-16:focus { padding-top: 4rem; }
  .md-active-pt-16:active { padding-top: 4rem; }
  .md-disabled-pt-16:disabled { padding-top: 4rem; }
  .md-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  .md-focus-within-pt-16:focus-within { padding-top: 4rem; }
  .md-group:hover .md-group-hover-pt-16 { padding-top: 4rem; }
  .md-pt-20 { padding-top: 5rem; }
  .md-hover-pt-20:hover { padding-top: 5rem; }
  .md-focus-pt-20:focus { padding-top: 5rem; }
  .md-active-pt-20:active { padding-top: 5rem; }
  .md-disabled-pt-20:disabled { padding-top: 5rem; }
  .md-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  .md-focus-within-pt-20:focus-within { padding-top: 5rem; }
  .md-group:hover .md-group-hover-pt-20 { padding-top: 5rem; }
  .md-pt-24 { padding-top: 6rem; }
  .md-hover-pt-24:hover { padding-top: 6rem; }
  .md-focus-pt-24:focus { padding-top: 6rem; }
  .md-active-pt-24:active { padding-top: 6rem; }
  .md-disabled-pt-24:disabled { padding-top: 6rem; }
  .md-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  .md-focus-within-pt-24:focus-within { padding-top: 6rem; }
  .md-group:hover .md-group-hover-pt-24 { padding-top: 6rem; }
  .md-pt-28 { padding-top: 7rem; }
  .md-hover-pt-28:hover { padding-top: 7rem; }
  .md-focus-pt-28:focus { padding-top: 7rem; }
  .md-active-pt-28:active { padding-top: 7rem; }
  .md-disabled-pt-28:disabled { padding-top: 7rem; }
  .md-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  .md-focus-within-pt-28:focus-within { padding-top: 7rem; }
  .md-group:hover .md-group-hover-pt-28 { padding-top: 7rem; }
  .md-pt-32 { padding-top: 8rem; }
  .md-hover-pt-32:hover { padding-top: 8rem; }
  .md-focus-pt-32:focus { padding-top: 8rem; }
  .md-active-pt-32:active { padding-top: 8rem; }
  .md-disabled-pt-32:disabled { padding-top: 8rem; }
  .md-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  .md-focus-within-pt-32:focus-within { padding-top: 8rem; }
  .md-group:hover .md-group-hover-pt-32 { padding-top: 8rem; }
  .md-pb-auto { padding-bottom: auto; }
  .md-hover-pb-auto:hover { padding-bottom: auto; }
  .md-focus-pb-auto:focus { padding-bottom: auto; }
  .md-active-pb-auto:active { padding-bottom: auto; }
  .md-disabled-pb-auto:disabled { padding-bottom: auto; }
  .md-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  .md-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  .md-group:hover .md-group-hover-pb-auto { padding-bottom: auto; }
  .md-pb-0 { padding-bottom: 0; }
  .md-hover-pb-0:hover { padding-bottom: 0; }
  .md-focus-pb-0:focus { padding-bottom: 0; }
  .md-active-pb-0:active { padding-bottom: 0; }
  .md-disabled-pb-0:disabled { padding-bottom: 0; }
  .md-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  .md-focus-within-pb-0:focus-within { padding-bottom: 0; }
  .md-group:hover .md-group-hover-pb-0 { padding-bottom: 0; }
  .md-pb-1 { padding-bottom: 0.25rem; }
  .md-hover-pb-1:hover { padding-bottom: 0.25rem; }
  .md-focus-pb-1:focus { padding-bottom: 0.25rem; }
  .md-active-pb-1:active { padding-bottom: 0.25rem; }
  .md-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  .md-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  .md-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  .md-group:hover .md-group-hover-pb-1 { padding-bottom: 0.25rem; }
  .md-pb-2 { padding-bottom: 0.5rem; }
  .md-hover-pb-2:hover { padding-bottom: 0.5rem; }
  .md-focus-pb-2:focus { padding-bottom: 0.5rem; }
  .md-active-pb-2:active { padding-bottom: 0.5rem; }
  .md-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  .md-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  .md-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  .md-group:hover .md-group-hover-pb-2 { padding-bottom: 0.5rem; }
  .md-pb-3 { padding-bottom: 0.75rem; }
  .md-hover-pb-3:hover { padding-bottom: 0.75rem; }
  .md-focus-pb-3:focus { padding-bottom: 0.75rem; }
  .md-active-pb-3:active { padding-bottom: 0.75rem; }
  .md-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  .md-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  .md-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  .md-group:hover .md-group-hover-pb-3 { padding-bottom: 0.75rem; }
  .md-pb-4 { padding-bottom: 1rem; }
  .md-hover-pb-4:hover { padding-bottom: 1rem; }
  .md-focus-pb-4:focus { padding-bottom: 1rem; }
  .md-active-pb-4:active { padding-bottom: 1rem; }
  .md-disabled-pb-4:disabled { padding-bottom: 1rem; }
  .md-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  .md-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  .md-group:hover .md-group-hover-pb-4 { padding-bottom: 1rem; }
  .md-pb-5 { padding-bottom: 1.25rem; }
  .md-hover-pb-5:hover { padding-bottom: 1.25rem; }
  .md-focus-pb-5:focus { padding-bottom: 1.25rem; }
  .md-active-pb-5:active { padding-bottom: 1.25rem; }
  .md-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  .md-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  .md-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  .md-group:hover .md-group-hover-pb-5 { padding-bottom: 1.25rem; }
  .md-pb-6 { padding-bottom: 1.5rem; }
  .md-hover-pb-6:hover { padding-bottom: 1.5rem; }
  .md-focus-pb-6:focus { padding-bottom: 1.5rem; }
  .md-active-pb-6:active { padding-bottom: 1.5rem; }
  .md-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  .md-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  .md-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  .md-group:hover .md-group-hover-pb-6 { padding-bottom: 1.5rem; }
  .md-pb-8 { padding-bottom: 2rem; }
  .md-hover-pb-8:hover { padding-bottom: 2rem; }
  .md-focus-pb-8:focus { padding-bottom: 2rem; }
  .md-active-pb-8:active { padding-bottom: 2rem; }
  .md-disabled-pb-8:disabled { padding-bottom: 2rem; }
  .md-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  .md-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  .md-group:hover .md-group-hover-pb-8 { padding-bottom: 2rem; }
  .md-pb-10 { padding-bottom: 2.5rem; }
  .md-hover-pb-10:hover { padding-bottom: 2.5rem; }
  .md-focus-pb-10:focus { padding-bottom: 2.5rem; }
  .md-active-pb-10:active { padding-bottom: 2.5rem; }
  .md-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  .md-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  .md-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  .md-group:hover .md-group-hover-pb-10 { padding-bottom: 2.5rem; }
  .md-pb-12 { padding-bottom: 3rem; }
  .md-hover-pb-12:hover { padding-bottom: 3rem; }
  .md-focus-pb-12:focus { padding-bottom: 3rem; }
  .md-active-pb-12:active { padding-bottom: 3rem; }
  .md-disabled-pb-12:disabled { padding-bottom: 3rem; }
  .md-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  .md-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  .md-group:hover .md-group-hover-pb-12 { padding-bottom: 3rem; }
  .md-pb-16 { padding-bottom: 4rem; }
  .md-hover-pb-16:hover { padding-bottom: 4rem; }
  .md-focus-pb-16:focus { padding-bottom: 4rem; }
  .md-active-pb-16:active { padding-bottom: 4rem; }
  .md-disabled-pb-16:disabled { padding-bottom: 4rem; }
  .md-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  .md-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  .md-group:hover .md-group-hover-pb-16 { padding-bottom: 4rem; }
  .md-pb-20 { padding-bottom: 5rem; }
  .md-hover-pb-20:hover { padding-bottom: 5rem; }
  .md-focus-pb-20:focus { padding-bottom: 5rem; }
  .md-active-pb-20:active { padding-bottom: 5rem; }
  .md-disabled-pb-20:disabled { padding-bottom: 5rem; }
  .md-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  .md-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  .md-group:hover .md-group-hover-pb-20 { padding-bottom: 5rem; }
  .md-pb-24 { padding-bottom: 6rem; }
  .md-hover-pb-24:hover { padding-bottom: 6rem; }
  .md-focus-pb-24:focus { padding-bottom: 6rem; }
  .md-active-pb-24:active { padding-bottom: 6rem; }
  .md-disabled-pb-24:disabled { padding-bottom: 6rem; }
  .md-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  .md-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  .md-group:hover .md-group-hover-pb-24 { padding-bottom: 6rem; }
  .md-pb-28 { padding-bottom: 7rem; }
  .md-hover-pb-28:hover { padding-bottom: 7rem; }
  .md-focus-pb-28:focus { padding-bottom: 7rem; }
  .md-active-pb-28:active { padding-bottom: 7rem; }
  .md-disabled-pb-28:disabled { padding-bottom: 7rem; }
  .md-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  .md-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  .md-group:hover .md-group-hover-pb-28 { padding-bottom: 7rem; }
  .md-pb-32 { padding-bottom: 8rem; }
  .md-hover-pb-32:hover { padding-bottom: 8rem; }
  .md-focus-pb-32:focus { padding-bottom: 8rem; }
  .md-active-pb-32:active { padding-bottom: 8rem; }
  .md-disabled-pb-32:disabled { padding-bottom: 8rem; }
  .md-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  .md-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  .md-group:hover .md-group-hover-pb-32 { padding-bottom: 8rem; }
  .md-pl-auto { padding-left: auto; }
  .md-hover-pl-auto:hover { padding-left: auto; }
  .md-focus-pl-auto:focus { padding-left: auto; }
  .md-active-pl-auto:active { padding-left: auto; }
  .md-disabled-pl-auto:disabled { padding-left: auto; }
  .md-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  .md-focus-within-pl-auto:focus-within { padding-left: auto; }
  .md-group:hover .md-group-hover-pl-auto { padding-left: auto; }
  .md-pl-0 { padding-left: 0; }
  .md-hover-pl-0:hover { padding-left: 0; }
  .md-focus-pl-0:focus { padding-left: 0; }
  .md-active-pl-0:active { padding-left: 0; }
  .md-disabled-pl-0:disabled { padding-left: 0; }
  .md-focus-visible-pl-0:focus-visible { padding-left: 0; }
  .md-focus-within-pl-0:focus-within { padding-left: 0; }
  .md-group:hover .md-group-hover-pl-0 { padding-left: 0; }
  .md-pl-1 { padding-left: 0.25rem; }
  .md-hover-pl-1:hover { padding-left: 0.25rem; }
  .md-focus-pl-1:focus { padding-left: 0.25rem; }
  .md-active-pl-1:active { padding-left: 0.25rem; }
  .md-disabled-pl-1:disabled { padding-left: 0.25rem; }
  .md-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  .md-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  .md-group:hover .md-group-hover-pl-1 { padding-left: 0.25rem; }
  .md-pl-2 { padding-left: 0.5rem; }
  .md-hover-pl-2:hover { padding-left: 0.5rem; }
  .md-focus-pl-2:focus { padding-left: 0.5rem; }
  .md-active-pl-2:active { padding-left: 0.5rem; }
  .md-disabled-pl-2:disabled { padding-left: 0.5rem; }
  .md-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  .md-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  .md-group:hover .md-group-hover-pl-2 { padding-left: 0.5rem; }
  .md-pl-3 { padding-left: 0.75rem; }
  .md-hover-pl-3:hover { padding-left: 0.75rem; }
  .md-focus-pl-3:focus { padding-left: 0.75rem; }
  .md-active-pl-3:active { padding-left: 0.75rem; }
  .md-disabled-pl-3:disabled { padding-left: 0.75rem; }
  .md-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  .md-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  .md-group:hover .md-group-hover-pl-3 { padding-left: 0.75rem; }
  .md-pl-4 { padding-left: 1rem; }
  .md-hover-pl-4:hover { padding-left: 1rem; }
  .md-focus-pl-4:focus { padding-left: 1rem; }
  .md-active-pl-4:active { padding-left: 1rem; }
  .md-disabled-pl-4:disabled { padding-left: 1rem; }
  .md-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  .md-focus-within-pl-4:focus-within { padding-left: 1rem; }
  .md-group:hover .md-group-hover-pl-4 { padding-left: 1rem; }
  .md-pl-5 { padding-left: 1.25rem; }
  .md-hover-pl-5:hover { padding-left: 1.25rem; }
  .md-focus-pl-5:focus { padding-left: 1.25rem; }
  .md-active-pl-5:active { padding-left: 1.25rem; }
  .md-disabled-pl-5:disabled { padding-left: 1.25rem; }
  .md-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  .md-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  .md-group:hover .md-group-hover-pl-5 { padding-left: 1.25rem; }
  .md-pl-6 { padding-left: 1.5rem; }
  .md-hover-pl-6:hover { padding-left: 1.5rem; }
  .md-focus-pl-6:focus { padding-left: 1.5rem; }
  .md-active-pl-6:active { padding-left: 1.5rem; }
  .md-disabled-pl-6:disabled { padding-left: 1.5rem; }
  .md-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  .md-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  .md-group:hover .md-group-hover-pl-6 { padding-left: 1.5rem; }
  .md-pl-8 { padding-left: 2rem; }
  .md-hover-pl-8:hover { padding-left: 2rem; }
  .md-focus-pl-8:focus { padding-left: 2rem; }
  .md-active-pl-8:active { padding-left: 2rem; }
  .md-disabled-pl-8:disabled { padding-left: 2rem; }
  .md-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  .md-focus-within-pl-8:focus-within { padding-left: 2rem; }
  .md-group:hover .md-group-hover-pl-8 { padding-left: 2rem; }
  .md-pl-10 { padding-left: 2.5rem; }
  .md-hover-pl-10:hover { padding-left: 2.5rem; }
  .md-focus-pl-10:focus { padding-left: 2.5rem; }
  .md-active-pl-10:active { padding-left: 2.5rem; }
  .md-disabled-pl-10:disabled { padding-left: 2.5rem; }
  .md-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  .md-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  .md-group:hover .md-group-hover-pl-10 { padding-left: 2.5rem; }
  .md-pl-12 { padding-left: 3rem; }
  .md-hover-pl-12:hover { padding-left: 3rem; }
  .md-focus-pl-12:focus { padding-left: 3rem; }
  .md-active-pl-12:active { padding-left: 3rem; }
  .md-disabled-pl-12:disabled { padding-left: 3rem; }
  .md-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  .md-focus-within-pl-12:focus-within { padding-left: 3rem; }
  .md-group:hover .md-group-hover-pl-12 { padding-left: 3rem; }
  .md-pl-16 { padding-left: 4rem; }
  .md-hover-pl-16:hover { padding-left: 4rem; }
  .md-focus-pl-16:focus { padding-left: 4rem; }
  .md-active-pl-16:active { padding-left: 4rem; }
  .md-disabled-pl-16:disabled { padding-left: 4rem; }
  .md-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  .md-focus-within-pl-16:focus-within { padding-left: 4rem; }
  .md-group:hover .md-group-hover-pl-16 { padding-left: 4rem; }
  .md-pl-20 { padding-left: 5rem; }
  .md-hover-pl-20:hover { padding-left: 5rem; }
  .md-focus-pl-20:focus { padding-left: 5rem; }
  .md-active-pl-20:active { padding-left: 5rem; }
  .md-disabled-pl-20:disabled { padding-left: 5rem; }
  .md-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  .md-focus-within-pl-20:focus-within { padding-left: 5rem; }
  .md-group:hover .md-group-hover-pl-20 { padding-left: 5rem; }
  .md-pl-24 { padding-left: 6rem; }
  .md-hover-pl-24:hover { padding-left: 6rem; }
  .md-focus-pl-24:focus { padding-left: 6rem; }
  .md-active-pl-24:active { padding-left: 6rem; }
  .md-disabled-pl-24:disabled { padding-left: 6rem; }
  .md-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  .md-focus-within-pl-24:focus-within { padding-left: 6rem; }
  .md-group:hover .md-group-hover-pl-24 { padding-left: 6rem; }
  .md-pl-28 { padding-left: 7rem; }
  .md-hover-pl-28:hover { padding-left: 7rem; }
  .md-focus-pl-28:focus { padding-left: 7rem; }
  .md-active-pl-28:active { padding-left: 7rem; }
  .md-disabled-pl-28:disabled { padding-left: 7rem; }
  .md-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  .md-focus-within-pl-28:focus-within { padding-left: 7rem; }
  .md-group:hover .md-group-hover-pl-28 { padding-left: 7rem; }
  .md-pl-32 { padding-left: 8rem; }
  .md-hover-pl-32:hover { padding-left: 8rem; }
  .md-focus-pl-32:focus { padding-left: 8rem; }
  .md-active-pl-32:active { padding-left: 8rem; }
  .md-disabled-pl-32:disabled { padding-left: 8rem; }
  .md-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  .md-focus-within-pl-32:focus-within { padding-left: 8rem; }
  .md-group:hover .md-group-hover-pl-32 { padding-left: 8rem; }
  .md-pr-auto { padding-right: auto; }
  .md-hover-pr-auto:hover { padding-right: auto; }
  .md-focus-pr-auto:focus { padding-right: auto; }
  .md-active-pr-auto:active { padding-right: auto; }
  .md-disabled-pr-auto:disabled { padding-right: auto; }
  .md-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  .md-focus-within-pr-auto:focus-within { padding-right: auto; }
  .md-group:hover .md-group-hover-pr-auto { padding-right: auto; }
  .md-pr-0 { padding-right: 0; }
  .md-hover-pr-0:hover { padding-right: 0; }
  .md-focus-pr-0:focus { padding-right: 0; }
  .md-active-pr-0:active { padding-right: 0; }
  .md-disabled-pr-0:disabled { padding-right: 0; }
  .md-focus-visible-pr-0:focus-visible { padding-right: 0; }
  .md-focus-within-pr-0:focus-within { padding-right: 0; }
  .md-group:hover .md-group-hover-pr-0 { padding-right: 0; }
  .md-pr-1 { padding-right: 0.25rem; }
  .md-hover-pr-1:hover { padding-right: 0.25rem; }
  .md-focus-pr-1:focus { padding-right: 0.25rem; }
  .md-active-pr-1:active { padding-right: 0.25rem; }
  .md-disabled-pr-1:disabled { padding-right: 0.25rem; }
  .md-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  .md-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  .md-group:hover .md-group-hover-pr-1 { padding-right: 0.25rem; }
  .md-pr-2 { padding-right: 0.5rem; }
  .md-hover-pr-2:hover { padding-right: 0.5rem; }
  .md-focus-pr-2:focus { padding-right: 0.5rem; }
  .md-active-pr-2:active { padding-right: 0.5rem; }
  .md-disabled-pr-2:disabled { padding-right: 0.5rem; }
  .md-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  .md-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  .md-group:hover .md-group-hover-pr-2 { padding-right: 0.5rem; }
  .md-pr-3 { padding-right: 0.75rem; }
  .md-hover-pr-3:hover { padding-right: 0.75rem; }
  .md-focus-pr-3:focus { padding-right: 0.75rem; }
  .md-active-pr-3:active { padding-right: 0.75rem; }
  .md-disabled-pr-3:disabled { padding-right: 0.75rem; }
  .md-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  .md-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  .md-group:hover .md-group-hover-pr-3 { padding-right: 0.75rem; }
  .md-pr-4 { padding-right: 1rem; }
  .md-hover-pr-4:hover { padding-right: 1rem; }
  .md-focus-pr-4:focus { padding-right: 1rem; }
  .md-active-pr-4:active { padding-right: 1rem; }
  .md-disabled-pr-4:disabled { padding-right: 1rem; }
  .md-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  .md-focus-within-pr-4:focus-within { padding-right: 1rem; }
  .md-group:hover .md-group-hover-pr-4 { padding-right: 1rem; }
  .md-pr-5 { padding-right: 1.25rem; }
  .md-hover-pr-5:hover { padding-right: 1.25rem; }
  .md-focus-pr-5:focus { padding-right: 1.25rem; }
  .md-active-pr-5:active { padding-right: 1.25rem; }
  .md-disabled-pr-5:disabled { padding-right: 1.25rem; }
  .md-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  .md-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  .md-group:hover .md-group-hover-pr-5 { padding-right: 1.25rem; }
  .md-pr-6 { padding-right: 1.5rem; }
  .md-hover-pr-6:hover { padding-right: 1.5rem; }
  .md-focus-pr-6:focus { padding-right: 1.5rem; }
  .md-active-pr-6:active { padding-right: 1.5rem; }
  .md-disabled-pr-6:disabled { padding-right: 1.5rem; }
  .md-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  .md-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  .md-group:hover .md-group-hover-pr-6 { padding-right: 1.5rem; }
  .md-pr-8 { padding-right: 2rem; }
  .md-hover-pr-8:hover { padding-right: 2rem; }
  .md-focus-pr-8:focus { padding-right: 2rem; }
  .md-active-pr-8:active { padding-right: 2rem; }
  .md-disabled-pr-8:disabled { padding-right: 2rem; }
  .md-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  .md-focus-within-pr-8:focus-within { padding-right: 2rem; }
  .md-group:hover .md-group-hover-pr-8 { padding-right: 2rem; }
  .md-pr-10 { padding-right: 2.5rem; }
  .md-hover-pr-10:hover { padding-right: 2.5rem; }
  .md-focus-pr-10:focus { padding-right: 2.5rem; }
  .md-active-pr-10:active { padding-right: 2.5rem; }
  .md-disabled-pr-10:disabled { padding-right: 2.5rem; }
  .md-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  .md-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  .md-group:hover .md-group-hover-pr-10 { padding-right: 2.5rem; }
  .md-pr-12 { padding-right: 3rem; }
  .md-hover-pr-12:hover { padding-right: 3rem; }
  .md-focus-pr-12:focus { padding-right: 3rem; }
  .md-active-pr-12:active { padding-right: 3rem; }
  .md-disabled-pr-12:disabled { padding-right: 3rem; }
  .md-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  .md-focus-within-pr-12:focus-within { padding-right: 3rem; }
  .md-group:hover .md-group-hover-pr-12 { padding-right: 3rem; }
  .md-pr-16 { padding-right: 4rem; }
  .md-hover-pr-16:hover { padding-right: 4rem; }
  .md-focus-pr-16:focus { padding-right: 4rem; }
  .md-active-pr-16:active { padding-right: 4rem; }
  .md-disabled-pr-16:disabled { padding-right: 4rem; }
  .md-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  .md-focus-within-pr-16:focus-within { padding-right: 4rem; }
  .md-group:hover .md-group-hover-pr-16 { padding-right: 4rem; }
  .md-pr-20 { padding-right: 5rem; }
  .md-hover-pr-20:hover { padding-right: 5rem; }
  .md-focus-pr-20:focus { padding-right: 5rem; }
  .md-active-pr-20:active { padding-right: 5rem; }
  .md-disabled-pr-20:disabled { padding-right: 5rem; }
  .md-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  .md-focus-within-pr-20:focus-within { padding-right: 5rem; }
  .md-group:hover .md-group-hover-pr-20 { padding-right: 5rem; }
  .md-pr-24 { padding-right: 6rem; }
  .md-hover-pr-24:hover { padding-right: 6rem; }
  .md-focus-pr-24:focus { padding-right: 6rem; }
  .md-active-pr-24:active { padding-right: 6rem; }
  .md-disabled-pr-24:disabled { padding-right: 6rem; }
  .md-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  .md-focus-within-pr-24:focus-within { padding-right: 6rem; }
  .md-group:hover .md-group-hover-pr-24 { padding-right: 6rem; }
  .md-pr-28 { padding-right: 7rem; }
  .md-hover-pr-28:hover { padding-right: 7rem; }
  .md-focus-pr-28:focus { padding-right: 7rem; }
  .md-active-pr-28:active { padding-right: 7rem; }
  .md-disabled-pr-28:disabled { padding-right: 7rem; }
  .md-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  .md-focus-within-pr-28:focus-within { padding-right: 7rem; }
  .md-group:hover .md-group-hover-pr-28 { padding-right: 7rem; }
  .md-pr-32 { padding-right: 8rem; }
  .md-hover-pr-32:hover { padding-right: 8rem; }
  .md-focus-pr-32:focus { padding-right: 8rem; }
  .md-active-pr-32:active { padding-right: 8rem; }
  .md-disabled-pr-32:disabled { padding-right: 8rem; }
  .md-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  .md-focus-within-pr-32:focus-within { padding-right: 8rem; }
  .md-group:hover .md-group-hover-pr-32 { padding-right: 8rem; }
  .md-px-auto { padding-left: auto; padding-right: auto; }
  .md-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  .md-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  .md-active-px-auto:active { padding-left: auto; padding-right: auto; }
  .md-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  .md-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  .md-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  .md-group:hover .md-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  .md-px-0 { padding-left: 0; padding-right: 0; }
  .md-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  .md-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  .md-active-px-0:active { padding-left: 0; padding-right: 0; }
  .md-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  .md-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  .md-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  .md-group:hover .md-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  .md-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-group:hover .md-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .md-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-group:hover .md-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-group:hover .md-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .md-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  .md-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  .md-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  .md-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  .md-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  .md-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  .md-group:hover .md-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .md-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-group:hover .md-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-group:hover .md-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .md-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  .md-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  .md-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  .md-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  .md-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  .md-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  .md-group:hover .md-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .md-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-group:hover .md-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .md-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  .md-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  .md-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  .md-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  .md-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  .md-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  .md-group:hover .md-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .md-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .md-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  .md-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  .md-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  .md-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  .md-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  .md-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  .md-group:hover .md-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .md-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .md-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  .md-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  .md-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  .md-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  .md-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  .md-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  .md-group:hover .md-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .md-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .md-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  .md-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  .md-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  .md-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  .md-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  .md-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  .md-group:hover .md-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .md-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .md-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  .md-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  .md-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  .md-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  .md-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  .md-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  .md-group:hover .md-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .md-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .md-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  .md-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  .md-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  .md-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  .md-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  .md-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  .md-group:hover .md-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .md-py-auto { padding-top: auto; padding-bottom: auto; }
  .md-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  .md-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  .md-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  .md-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  .md-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  .md-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  .md-group:hover .md-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  .md-py-0 { padding-top: 0; padding-bottom: 0; }
  .md-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  .md-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  .md-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  .md-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  .md-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  .md-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  .md-group:hover .md-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  .md-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-group:hover .md-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-group:hover .md-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-group:hover .md-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .md-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  .md-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  .md-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  .md-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  .md-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  .md-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  .md-group:hover .md-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .md-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-group:hover .md-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-group:hover .md-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .md-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  .md-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  .md-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  .md-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  .md-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  .md-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  .md-group:hover .md-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .md-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-group:hover .md-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .md-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  .md-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  .md-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  .md-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  .md-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  .md-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  .md-group:hover .md-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .md-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .md-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  .md-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  .md-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  .md-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  .md-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  .md-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  .md-group:hover .md-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .md-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .md-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  .md-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  .md-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  .md-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  .md-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  .md-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  .md-group:hover .md-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .md-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .md-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  .md-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  .md-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  .md-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  .md-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  .md-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  .md-group:hover .md-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .md-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .md-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  .md-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  .md-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  .md-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  .md-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  .md-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  .md-group:hover .md-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .md-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .md-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  .md-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  .md-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  .md-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  .md-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  .md-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  .md-group:hover .md-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .md-m-auto { margin: auto; }
  .md-hover-m-auto:hover { margin: auto; }
  .md-focus-m-auto:focus { margin: auto; }
  .md-active-m-auto:active { margin: auto; }
  .md-disabled-m-auto:disabled { margin: auto; }
  .md-focus-visible-m-auto:focus-visible { margin: auto; }
  .md-focus-within-m-auto:focus-within { margin: auto; }
  .md-group:hover .md-group-hover-m-auto { margin: auto; }
  .md-m-0 { margin: 0; }
  .md-hover-m-0:hover { margin: 0; }
  .md-focus-m-0:focus { margin: 0; }
  .md-active-m-0:active { margin: 0; }
  .md-disabled-m-0:disabled { margin: 0; }
  .md-focus-visible-m-0:focus-visible { margin: 0; }
  .md-focus-within-m-0:focus-within { margin: 0; }
  .md-group:hover .md-group-hover-m-0 { margin: 0; }
  .md-m-1 { margin: 0.25rem; }
  .md-hover-m-1:hover { margin: 0.25rem; }
  .md-focus-m-1:focus { margin: 0.25rem; }
  .md-active-m-1:active { margin: 0.25rem; }
  .md-disabled-m-1:disabled { margin: 0.25rem; }
  .md-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  .md-focus-within-m-1:focus-within { margin: 0.25rem; }
  .md-group:hover .md-group-hover-m-1 { margin: 0.25rem; }
  .md-m-2 { margin: 0.5rem; }
  .md-hover-m-2:hover { margin: 0.5rem; }
  .md-focus-m-2:focus { margin: 0.5rem; }
  .md-active-m-2:active { margin: 0.5rem; }
  .md-disabled-m-2:disabled { margin: 0.5rem; }
  .md-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  .md-focus-within-m-2:focus-within { margin: 0.5rem; }
  .md-group:hover .md-group-hover-m-2 { margin: 0.5rem; }
  .md-m-3 { margin: 0.75rem; }
  .md-hover-m-3:hover { margin: 0.75rem; }
  .md-focus-m-3:focus { margin: 0.75rem; }
  .md-active-m-3:active { margin: 0.75rem; }
  .md-disabled-m-3:disabled { margin: 0.75rem; }
  .md-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  .md-focus-within-m-3:focus-within { margin: 0.75rem; }
  .md-group:hover .md-group-hover-m-3 { margin: 0.75rem; }
  .md-m-4 { margin: 1rem; }
  .md-hover-m-4:hover { margin: 1rem; }
  .md-focus-m-4:focus { margin: 1rem; }
  .md-active-m-4:active { margin: 1rem; }
  .md-disabled-m-4:disabled { margin: 1rem; }
  .md-focus-visible-m-4:focus-visible { margin: 1rem; }
  .md-focus-within-m-4:focus-within { margin: 1rem; }
  .md-group:hover .md-group-hover-m-4 { margin: 1rem; }
  .md-m-5 { margin: 1.25rem; }
  .md-hover-m-5:hover { margin: 1.25rem; }
  .md-focus-m-5:focus { margin: 1.25rem; }
  .md-active-m-5:active { margin: 1.25rem; }
  .md-disabled-m-5:disabled { margin: 1.25rem; }
  .md-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  .md-focus-within-m-5:focus-within { margin: 1.25rem; }
  .md-group:hover .md-group-hover-m-5 { margin: 1.25rem; }
  .md-m-6 { margin: 1.5rem; }
  .md-hover-m-6:hover { margin: 1.5rem; }
  .md-focus-m-6:focus { margin: 1.5rem; }
  .md-active-m-6:active { margin: 1.5rem; }
  .md-disabled-m-6:disabled { margin: 1.5rem; }
  .md-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  .md-focus-within-m-6:focus-within { margin: 1.5rem; }
  .md-group:hover .md-group-hover-m-6 { margin: 1.5rem; }
  .md-m-8 { margin: 2rem; }
  .md-hover-m-8:hover { margin: 2rem; }
  .md-focus-m-8:focus { margin: 2rem; }
  .md-active-m-8:active { margin: 2rem; }
  .md-disabled-m-8:disabled { margin: 2rem; }
  .md-focus-visible-m-8:focus-visible { margin: 2rem; }
  .md-focus-within-m-8:focus-within { margin: 2rem; }
  .md-group:hover .md-group-hover-m-8 { margin: 2rem; }
  .md-m-10 { margin: 2.5rem; }
  .md-hover-m-10:hover { margin: 2.5rem; }
  .md-focus-m-10:focus { margin: 2.5rem; }
  .md-active-m-10:active { margin: 2.5rem; }
  .md-disabled-m-10:disabled { margin: 2.5rem; }
  .md-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  .md-focus-within-m-10:focus-within { margin: 2.5rem; }
  .md-group:hover .md-group-hover-m-10 { margin: 2.5rem; }
  .md-m-12 { margin: 3rem; }
  .md-hover-m-12:hover { margin: 3rem; }
  .md-focus-m-12:focus { margin: 3rem; }
  .md-active-m-12:active { margin: 3rem; }
  .md-disabled-m-12:disabled { margin: 3rem; }
  .md-focus-visible-m-12:focus-visible { margin: 3rem; }
  .md-focus-within-m-12:focus-within { margin: 3rem; }
  .md-group:hover .md-group-hover-m-12 { margin: 3rem; }
  .md-m-16 { margin: 4rem; }
  .md-hover-m-16:hover { margin: 4rem; }
  .md-focus-m-16:focus { margin: 4rem; }
  .md-active-m-16:active { margin: 4rem; }
  .md-disabled-m-16:disabled { margin: 4rem; }
  .md-focus-visible-m-16:focus-visible { margin: 4rem; }
  .md-focus-within-m-16:focus-within { margin: 4rem; }
  .md-group:hover .md-group-hover-m-16 { margin: 4rem; }
  .md-m-20 { margin: 5rem; }
  .md-hover-m-20:hover { margin: 5rem; }
  .md-focus-m-20:focus { margin: 5rem; }
  .md-active-m-20:active { margin: 5rem; }
  .md-disabled-m-20:disabled { margin: 5rem; }
  .md-focus-visible-m-20:focus-visible { margin: 5rem; }
  .md-focus-within-m-20:focus-within { margin: 5rem; }
  .md-group:hover .md-group-hover-m-20 { margin: 5rem; }
  .md-m-24 { margin: 6rem; }
  .md-hover-m-24:hover { margin: 6rem; }
  .md-focus-m-24:focus { margin: 6rem; }
  .md-active-m-24:active { margin: 6rem; }
  .md-disabled-m-24:disabled { margin: 6rem; }
  .md-focus-visible-m-24:focus-visible { margin: 6rem; }
  .md-focus-within-m-24:focus-within { margin: 6rem; }
  .md-group:hover .md-group-hover-m-24 { margin: 6rem; }
  .md-m-28 { margin: 7rem; }
  .md-hover-m-28:hover { margin: 7rem; }
  .md-focus-m-28:focus { margin: 7rem; }
  .md-active-m-28:active { margin: 7rem; }
  .md-disabled-m-28:disabled { margin: 7rem; }
  .md-focus-visible-m-28:focus-visible { margin: 7rem; }
  .md-focus-within-m-28:focus-within { margin: 7rem; }
  .md-group:hover .md-group-hover-m-28 { margin: 7rem; }
  .md-m-32 { margin: 8rem; }
  .md-hover-m-32:hover { margin: 8rem; }
  .md-focus-m-32:focus { margin: 8rem; }
  .md-active-m-32:active { margin: 8rem; }
  .md-disabled-m-32:disabled { margin: 8rem; }
  .md-focus-visible-m-32:focus-visible { margin: 8rem; }
  .md-focus-within-m-32:focus-within { margin: 8rem; }
  .md-group:hover .md-group-hover-m-32 { margin: 8rem; }
  .md-mt-auto { margin-top: auto; }
  .md-hover-mt-auto:hover { margin-top: auto; }
  .md-focus-mt-auto:focus { margin-top: auto; }
  .md-active-mt-auto:active { margin-top: auto; }
  .md-disabled-mt-auto:disabled { margin-top: auto; }
  .md-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  .md-focus-within-mt-auto:focus-within { margin-top: auto; }
  .md-group:hover .md-group-hover-mt-auto { margin-top: auto; }
  .md-mt-0 { margin-top: 0; }
  .md-hover-mt-0:hover { margin-top: 0; }
  .md-focus-mt-0:focus { margin-top: 0; }
  .md-active-mt-0:active { margin-top: 0; }
  .md-disabled-mt-0:disabled { margin-top: 0; }
  .md-focus-visible-mt-0:focus-visible { margin-top: 0; }
  .md-focus-within-mt-0:focus-within { margin-top: 0; }
  .md-group:hover .md-group-hover-mt-0 { margin-top: 0; }
  .md-mt-1 { margin-top: 0.25rem; }
  .md-hover-mt-1:hover { margin-top: 0.25rem; }
  .md-focus-mt-1:focus { margin-top: 0.25rem; }
  .md-active-mt-1:active { margin-top: 0.25rem; }
  .md-disabled-mt-1:disabled { margin-top: 0.25rem; }
  .md-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  .md-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  .md-group:hover .md-group-hover-mt-1 { margin-top: 0.25rem; }
  .md-mt-2 { margin-top: 0.5rem; }
  .md-hover-mt-2:hover { margin-top: 0.5rem; }
  .md-focus-mt-2:focus { margin-top: 0.5rem; }
  .md-active-mt-2:active { margin-top: 0.5rem; }
  .md-disabled-mt-2:disabled { margin-top: 0.5rem; }
  .md-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  .md-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  .md-group:hover .md-group-hover-mt-2 { margin-top: 0.5rem; }
  .md-mt-3 { margin-top: 0.75rem; }
  .md-hover-mt-3:hover { margin-top: 0.75rem; }
  .md-focus-mt-3:focus { margin-top: 0.75rem; }
  .md-active-mt-3:active { margin-top: 0.75rem; }
  .md-disabled-mt-3:disabled { margin-top: 0.75rem; }
  .md-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  .md-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  .md-group:hover .md-group-hover-mt-3 { margin-top: 0.75rem; }
  .md-mt-4 { margin-top: 1rem; }
  .md-hover-mt-4:hover { margin-top: 1rem; }
  .md-focus-mt-4:focus { margin-top: 1rem; }
  .md-active-mt-4:active { margin-top: 1rem; }
  .md-disabled-mt-4:disabled { margin-top: 1rem; }
  .md-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  .md-focus-within-mt-4:focus-within { margin-top: 1rem; }
  .md-group:hover .md-group-hover-mt-4 { margin-top: 1rem; }
  .md-mt-5 { margin-top: 1.25rem; }
  .md-hover-mt-5:hover { margin-top: 1.25rem; }
  .md-focus-mt-5:focus { margin-top: 1.25rem; }
  .md-active-mt-5:active { margin-top: 1.25rem; }
  .md-disabled-mt-5:disabled { margin-top: 1.25rem; }
  .md-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  .md-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  .md-group:hover .md-group-hover-mt-5 { margin-top: 1.25rem; }
  .md-mt-6 { margin-top: 1.5rem; }
  .md-hover-mt-6:hover { margin-top: 1.5rem; }
  .md-focus-mt-6:focus { margin-top: 1.5rem; }
  .md-active-mt-6:active { margin-top: 1.5rem; }
  .md-disabled-mt-6:disabled { margin-top: 1.5rem; }
  .md-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  .md-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  .md-group:hover .md-group-hover-mt-6 { margin-top: 1.5rem; }
  .md-mt-8 { margin-top: 2rem; }
  .md-hover-mt-8:hover { margin-top: 2rem; }
  .md-focus-mt-8:focus { margin-top: 2rem; }
  .md-active-mt-8:active { margin-top: 2rem; }
  .md-disabled-mt-8:disabled { margin-top: 2rem; }
  .md-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  .md-focus-within-mt-8:focus-within { margin-top: 2rem; }
  .md-group:hover .md-group-hover-mt-8 { margin-top: 2rem; }
  .md-mt-10 { margin-top: 2.5rem; }
  .md-hover-mt-10:hover { margin-top: 2.5rem; }
  .md-focus-mt-10:focus { margin-top: 2.5rem; }
  .md-active-mt-10:active { margin-top: 2.5rem; }
  .md-disabled-mt-10:disabled { margin-top: 2.5rem; }
  .md-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  .md-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  .md-group:hover .md-group-hover-mt-10 { margin-top: 2.5rem; }
  .md-mt-12 { margin-top: 3rem; }
  .md-hover-mt-12:hover { margin-top: 3rem; }
  .md-focus-mt-12:focus { margin-top: 3rem; }
  .md-active-mt-12:active { margin-top: 3rem; }
  .md-disabled-mt-12:disabled { margin-top: 3rem; }
  .md-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  .md-focus-within-mt-12:focus-within { margin-top: 3rem; }
  .md-group:hover .md-group-hover-mt-12 { margin-top: 3rem; }
  .md-mt-16 { margin-top: 4rem; }
  .md-hover-mt-16:hover { margin-top: 4rem; }
  .md-focus-mt-16:focus { margin-top: 4rem; }
  .md-active-mt-16:active { margin-top: 4rem; }
  .md-disabled-mt-16:disabled { margin-top: 4rem; }
  .md-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  .md-focus-within-mt-16:focus-within { margin-top: 4rem; }
  .md-group:hover .md-group-hover-mt-16 { margin-top: 4rem; }
  .md-mt-20 { margin-top: 5rem; }
  .md-hover-mt-20:hover { margin-top: 5rem; }
  .md-focus-mt-20:focus { margin-top: 5rem; }
  .md-active-mt-20:active { margin-top: 5rem; }
  .md-disabled-mt-20:disabled { margin-top: 5rem; }
  .md-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  .md-focus-within-mt-20:focus-within { margin-top: 5rem; }
  .md-group:hover .md-group-hover-mt-20 { margin-top: 5rem; }
  .md-mt-24 { margin-top: 6rem; }
  .md-hover-mt-24:hover { margin-top: 6rem; }
  .md-focus-mt-24:focus { margin-top: 6rem; }
  .md-active-mt-24:active { margin-top: 6rem; }
  .md-disabled-mt-24:disabled { margin-top: 6rem; }
  .md-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  .md-focus-within-mt-24:focus-within { margin-top: 6rem; }
  .md-group:hover .md-group-hover-mt-24 { margin-top: 6rem; }
  .md-mt-28 { margin-top: 7rem; }
  .md-hover-mt-28:hover { margin-top: 7rem; }
  .md-focus-mt-28:focus { margin-top: 7rem; }
  .md-active-mt-28:active { margin-top: 7rem; }
  .md-disabled-mt-28:disabled { margin-top: 7rem; }
  .md-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  .md-focus-within-mt-28:focus-within { margin-top: 7rem; }
  .md-group:hover .md-group-hover-mt-28 { margin-top: 7rem; }
  .md-mt-32 { margin-top: 8rem; }
  .md-hover-mt-32:hover { margin-top: 8rem; }
  .md-focus-mt-32:focus { margin-top: 8rem; }
  .md-active-mt-32:active { margin-top: 8rem; }
  .md-disabled-mt-32:disabled { margin-top: 8rem; }
  .md-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  .md-focus-within-mt-32:focus-within { margin-top: 8rem; }
  .md-group:hover .md-group-hover-mt-32 { margin-top: 8rem; }
  .md-mb-auto { margin-bottom: auto; }
  .md-hover-mb-auto:hover { margin-bottom: auto; }
  .md-focus-mb-auto:focus { margin-bottom: auto; }
  .md-active-mb-auto:active { margin-bottom: auto; }
  .md-disabled-mb-auto:disabled { margin-bottom: auto; }
  .md-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  .md-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  .md-group:hover .md-group-hover-mb-auto { margin-bottom: auto; }
  .md-mb-0 { margin-bottom: 0; }
  .md-hover-mb-0:hover { margin-bottom: 0; }
  .md-focus-mb-0:focus { margin-bottom: 0; }
  .md-active-mb-0:active { margin-bottom: 0; }
  .md-disabled-mb-0:disabled { margin-bottom: 0; }
  .md-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  .md-focus-within-mb-0:focus-within { margin-bottom: 0; }
  .md-group:hover .md-group-hover-mb-0 { margin-bottom: 0; }
  .md-mb-1 { margin-bottom: 0.25rem; }
  .md-hover-mb-1:hover { margin-bottom: 0.25rem; }
  .md-focus-mb-1:focus { margin-bottom: 0.25rem; }
  .md-active-mb-1:active { margin-bottom: 0.25rem; }
  .md-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  .md-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  .md-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  .md-group:hover .md-group-hover-mb-1 { margin-bottom: 0.25rem; }
  .md-mb-2 { margin-bottom: 0.5rem; }
  .md-hover-mb-2:hover { margin-bottom: 0.5rem; }
  .md-focus-mb-2:focus { margin-bottom: 0.5rem; }
  .md-active-mb-2:active { margin-bottom: 0.5rem; }
  .md-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  .md-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  .md-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  .md-group:hover .md-group-hover-mb-2 { margin-bottom: 0.5rem; }
  .md-mb-3 { margin-bottom: 0.75rem; }
  .md-hover-mb-3:hover { margin-bottom: 0.75rem; }
  .md-focus-mb-3:focus { margin-bottom: 0.75rem; }
  .md-active-mb-3:active { margin-bottom: 0.75rem; }
  .md-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  .md-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  .md-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  .md-group:hover .md-group-hover-mb-3 { margin-bottom: 0.75rem; }
  .md-mb-4 { margin-bottom: 1rem; }
  .md-hover-mb-4:hover { margin-bottom: 1rem; }
  .md-focus-mb-4:focus { margin-bottom: 1rem; }
  .md-active-mb-4:active { margin-bottom: 1rem; }
  .md-disabled-mb-4:disabled { margin-bottom: 1rem; }
  .md-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  .md-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  .md-group:hover .md-group-hover-mb-4 { margin-bottom: 1rem; }
  .md-mb-5 { margin-bottom: 1.25rem; }
  .md-hover-mb-5:hover { margin-bottom: 1.25rem; }
  .md-focus-mb-5:focus { margin-bottom: 1.25rem; }
  .md-active-mb-5:active { margin-bottom: 1.25rem; }
  .md-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  .md-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  .md-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  .md-group:hover .md-group-hover-mb-5 { margin-bottom: 1.25rem; }
  .md-mb-6 { margin-bottom: 1.5rem; }
  .md-hover-mb-6:hover { margin-bottom: 1.5rem; }
  .md-focus-mb-6:focus { margin-bottom: 1.5rem; }
  .md-active-mb-6:active { margin-bottom: 1.5rem; }
  .md-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  .md-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  .md-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  .md-group:hover .md-group-hover-mb-6 { margin-bottom: 1.5rem; }
  .md-mb-8 { margin-bottom: 2rem; }
  .md-hover-mb-8:hover { margin-bottom: 2rem; }
  .md-focus-mb-8:focus { margin-bottom: 2rem; }
  .md-active-mb-8:active { margin-bottom: 2rem; }
  .md-disabled-mb-8:disabled { margin-bottom: 2rem; }
  .md-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  .md-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  .md-group:hover .md-group-hover-mb-8 { margin-bottom: 2rem; }
  .md-mb-10 { margin-bottom: 2.5rem; }
  .md-hover-mb-10:hover { margin-bottom: 2.5rem; }
  .md-focus-mb-10:focus { margin-bottom: 2.5rem; }
  .md-active-mb-10:active { margin-bottom: 2.5rem; }
  .md-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  .md-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  .md-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  .md-group:hover .md-group-hover-mb-10 { margin-bottom: 2.5rem; }
  .md-mb-12 { margin-bottom: 3rem; }
  .md-hover-mb-12:hover { margin-bottom: 3rem; }
  .md-focus-mb-12:focus { margin-bottom: 3rem; }
  .md-active-mb-12:active { margin-bottom: 3rem; }
  .md-disabled-mb-12:disabled { margin-bottom: 3rem; }
  .md-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  .md-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  .md-group:hover .md-group-hover-mb-12 { margin-bottom: 3rem; }
  .md-mb-16 { margin-bottom: 4rem; }
  .md-hover-mb-16:hover { margin-bottom: 4rem; }
  .md-focus-mb-16:focus { margin-bottom: 4rem; }
  .md-active-mb-16:active { margin-bottom: 4rem; }
  .md-disabled-mb-16:disabled { margin-bottom: 4rem; }
  .md-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  .md-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  .md-group:hover .md-group-hover-mb-16 { margin-bottom: 4rem; }
  .md-mb-20 { margin-bottom: 5rem; }
  .md-hover-mb-20:hover { margin-bottom: 5rem; }
  .md-focus-mb-20:focus { margin-bottom: 5rem; }
  .md-active-mb-20:active { margin-bottom: 5rem; }
  .md-disabled-mb-20:disabled { margin-bottom: 5rem; }
  .md-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  .md-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  .md-group:hover .md-group-hover-mb-20 { margin-bottom: 5rem; }
  .md-mb-24 { margin-bottom: 6rem; }
  .md-hover-mb-24:hover { margin-bottom: 6rem; }
  .md-focus-mb-24:focus { margin-bottom: 6rem; }
  .md-active-mb-24:active { margin-bottom: 6rem; }
  .md-disabled-mb-24:disabled { margin-bottom: 6rem; }
  .md-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  .md-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  .md-group:hover .md-group-hover-mb-24 { margin-bottom: 6rem; }
  .md-mb-28 { margin-bottom: 7rem; }
  .md-hover-mb-28:hover { margin-bottom: 7rem; }
  .md-focus-mb-28:focus { margin-bottom: 7rem; }
  .md-active-mb-28:active { margin-bottom: 7rem; }
  .md-disabled-mb-28:disabled { margin-bottom: 7rem; }
  .md-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  .md-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  .md-group:hover .md-group-hover-mb-28 { margin-bottom: 7rem; }
  .md-mb-32 { margin-bottom: 8rem; }
  .md-hover-mb-32:hover { margin-bottom: 8rem; }
  .md-focus-mb-32:focus { margin-bottom: 8rem; }
  .md-active-mb-32:active { margin-bottom: 8rem; }
  .md-disabled-mb-32:disabled { margin-bottom: 8rem; }
  .md-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  .md-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  .md-group:hover .md-group-hover-mb-32 { margin-bottom: 8rem; }
  .md-ml-auto { margin-left: auto; }
  .md-hover-ml-auto:hover { margin-left: auto; }
  .md-focus-ml-auto:focus { margin-left: auto; }
  .md-active-ml-auto:active { margin-left: auto; }
  .md-disabled-ml-auto:disabled { margin-left: auto; }
  .md-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  .md-focus-within-ml-auto:focus-within { margin-left: auto; }
  .md-group:hover .md-group-hover-ml-auto { margin-left: auto; }
  .md-ml-0 { margin-left: 0; }
  .md-hover-ml-0:hover { margin-left: 0; }
  .md-focus-ml-0:focus { margin-left: 0; }
  .md-active-ml-0:active { margin-left: 0; }
  .md-disabled-ml-0:disabled { margin-left: 0; }
  .md-focus-visible-ml-0:focus-visible { margin-left: 0; }
  .md-focus-within-ml-0:focus-within { margin-left: 0; }
  .md-group:hover .md-group-hover-ml-0 { margin-left: 0; }
  .md-ml-1 { margin-left: 0.25rem; }
  .md-hover-ml-1:hover { margin-left: 0.25rem; }
  .md-focus-ml-1:focus { margin-left: 0.25rem; }
  .md-active-ml-1:active { margin-left: 0.25rem; }
  .md-disabled-ml-1:disabled { margin-left: 0.25rem; }
  .md-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  .md-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  .md-group:hover .md-group-hover-ml-1 { margin-left: 0.25rem; }
  .md-ml-2 { margin-left: 0.5rem; }
  .md-hover-ml-2:hover { margin-left: 0.5rem; }
  .md-focus-ml-2:focus { margin-left: 0.5rem; }
  .md-active-ml-2:active { margin-left: 0.5rem; }
  .md-disabled-ml-2:disabled { margin-left: 0.5rem; }
  .md-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  .md-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  .md-group:hover .md-group-hover-ml-2 { margin-left: 0.5rem; }
  .md-ml-3 { margin-left: 0.75rem; }
  .md-hover-ml-3:hover { margin-left: 0.75rem; }
  .md-focus-ml-3:focus { margin-left: 0.75rem; }
  .md-active-ml-3:active { margin-left: 0.75rem; }
  .md-disabled-ml-3:disabled { margin-left: 0.75rem; }
  .md-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  .md-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  .md-group:hover .md-group-hover-ml-3 { margin-left: 0.75rem; }
  .md-ml-4 { margin-left: 1rem; }
  .md-hover-ml-4:hover { margin-left: 1rem; }
  .md-focus-ml-4:focus { margin-left: 1rem; }
  .md-active-ml-4:active { margin-left: 1rem; }
  .md-disabled-ml-4:disabled { margin-left: 1rem; }
  .md-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  .md-focus-within-ml-4:focus-within { margin-left: 1rem; }
  .md-group:hover .md-group-hover-ml-4 { margin-left: 1rem; }
  .md-ml-5 { margin-left: 1.25rem; }
  .md-hover-ml-5:hover { margin-left: 1.25rem; }
  .md-focus-ml-5:focus { margin-left: 1.25rem; }
  .md-active-ml-5:active { margin-left: 1.25rem; }
  .md-disabled-ml-5:disabled { margin-left: 1.25rem; }
  .md-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  .md-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  .md-group:hover .md-group-hover-ml-5 { margin-left: 1.25rem; }
  .md-ml-6 { margin-left: 1.5rem; }
  .md-hover-ml-6:hover { margin-left: 1.5rem; }
  .md-focus-ml-6:focus { margin-left: 1.5rem; }
  .md-active-ml-6:active { margin-left: 1.5rem; }
  .md-disabled-ml-6:disabled { margin-left: 1.5rem; }
  .md-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  .md-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  .md-group:hover .md-group-hover-ml-6 { margin-left: 1.5rem; }
  .md-ml-8 { margin-left: 2rem; }
  .md-hover-ml-8:hover { margin-left: 2rem; }
  .md-focus-ml-8:focus { margin-left: 2rem; }
  .md-active-ml-8:active { margin-left: 2rem; }
  .md-disabled-ml-8:disabled { margin-left: 2rem; }
  .md-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  .md-focus-within-ml-8:focus-within { margin-left: 2rem; }
  .md-group:hover .md-group-hover-ml-8 { margin-left: 2rem; }
  .md-ml-10 { margin-left: 2.5rem; }
  .md-hover-ml-10:hover { margin-left: 2.5rem; }
  .md-focus-ml-10:focus { margin-left: 2.5rem; }
  .md-active-ml-10:active { margin-left: 2.5rem; }
  .md-disabled-ml-10:disabled { margin-left: 2.5rem; }
  .md-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  .md-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  .md-group:hover .md-group-hover-ml-10 { margin-left: 2.5rem; }
  .md-ml-12 { margin-left: 3rem; }
  .md-hover-ml-12:hover { margin-left: 3rem; }
  .md-focus-ml-12:focus { margin-left: 3rem; }
  .md-active-ml-12:active { margin-left: 3rem; }
  .md-disabled-ml-12:disabled { margin-left: 3rem; }
  .md-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  .md-focus-within-ml-12:focus-within { margin-left: 3rem; }
  .md-group:hover .md-group-hover-ml-12 { margin-left: 3rem; }
  .md-ml-16 { margin-left: 4rem; }
  .md-hover-ml-16:hover { margin-left: 4rem; }
  .md-focus-ml-16:focus { margin-left: 4rem; }
  .md-active-ml-16:active { margin-left: 4rem; }
  .md-disabled-ml-16:disabled { margin-left: 4rem; }
  .md-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  .md-focus-within-ml-16:focus-within { margin-left: 4rem; }
  .md-group:hover .md-group-hover-ml-16 { margin-left: 4rem; }
  .md-ml-20 { margin-left: 5rem; }
  .md-hover-ml-20:hover { margin-left: 5rem; }
  .md-focus-ml-20:focus { margin-left: 5rem; }
  .md-active-ml-20:active { margin-left: 5rem; }
  .md-disabled-ml-20:disabled { margin-left: 5rem; }
  .md-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  .md-focus-within-ml-20:focus-within { margin-left: 5rem; }
  .md-group:hover .md-group-hover-ml-20 { margin-left: 5rem; }
  .md-ml-24 { margin-left: 6rem; }
  .md-hover-ml-24:hover { margin-left: 6rem; }
  .md-focus-ml-24:focus { margin-left: 6rem; }
  .md-active-ml-24:active { margin-left: 6rem; }
  .md-disabled-ml-24:disabled { margin-left: 6rem; }
  .md-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  .md-focus-within-ml-24:focus-within { margin-left: 6rem; }
  .md-group:hover .md-group-hover-ml-24 { margin-left: 6rem; }
  .md-ml-28 { margin-left: 7rem; }
  .md-hover-ml-28:hover { margin-left: 7rem; }
  .md-focus-ml-28:focus { margin-left: 7rem; }
  .md-active-ml-28:active { margin-left: 7rem; }
  .md-disabled-ml-28:disabled { margin-left: 7rem; }
  .md-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  .md-focus-within-ml-28:focus-within { margin-left: 7rem; }
  .md-group:hover .md-group-hover-ml-28 { margin-left: 7rem; }
  .md-ml-32 { margin-left: 8rem; }
  .md-hover-ml-32:hover { margin-left: 8rem; }
  .md-focus-ml-32:focus { margin-left: 8rem; }
  .md-active-ml-32:active { margin-left: 8rem; }
  .md-disabled-ml-32:disabled { margin-left: 8rem; }
  .md-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  .md-focus-within-ml-32:focus-within { margin-left: 8rem; }
  .md-group:hover .md-group-hover-ml-32 { margin-left: 8rem; }
  .md-mr-auto { margin-right: auto; }
  .md-hover-mr-auto:hover { margin-right: auto; }
  .md-focus-mr-auto:focus { margin-right: auto; }
  .md-active-mr-auto:active { margin-right: auto; }
  .md-disabled-mr-auto:disabled { margin-right: auto; }
  .md-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  .md-focus-within-mr-auto:focus-within { margin-right: auto; }
  .md-group:hover .md-group-hover-mr-auto { margin-right: auto; }
  .md-mr-0 { margin-right: 0; }
  .md-hover-mr-0:hover { margin-right: 0; }
  .md-focus-mr-0:focus { margin-right: 0; }
  .md-active-mr-0:active { margin-right: 0; }
  .md-disabled-mr-0:disabled { margin-right: 0; }
  .md-focus-visible-mr-0:focus-visible { margin-right: 0; }
  .md-focus-within-mr-0:focus-within { margin-right: 0; }
  .md-group:hover .md-group-hover-mr-0 { margin-right: 0; }
  .md-mr-1 { margin-right: 0.25rem; }
  .md-hover-mr-1:hover { margin-right: 0.25rem; }
  .md-focus-mr-1:focus { margin-right: 0.25rem; }
  .md-active-mr-1:active { margin-right: 0.25rem; }
  .md-disabled-mr-1:disabled { margin-right: 0.25rem; }
  .md-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  .md-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  .md-group:hover .md-group-hover-mr-1 { margin-right: 0.25rem; }
  .md-mr-2 { margin-right: 0.5rem; }
  .md-hover-mr-2:hover { margin-right: 0.5rem; }
  .md-focus-mr-2:focus { margin-right: 0.5rem; }
  .md-active-mr-2:active { margin-right: 0.5rem; }
  .md-disabled-mr-2:disabled { margin-right: 0.5rem; }
  .md-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  .md-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  .md-group:hover .md-group-hover-mr-2 { margin-right: 0.5rem; }
  .md-mr-3 { margin-right: 0.75rem; }
  .md-hover-mr-3:hover { margin-right: 0.75rem; }
  .md-focus-mr-3:focus { margin-right: 0.75rem; }
  .md-active-mr-3:active { margin-right: 0.75rem; }
  .md-disabled-mr-3:disabled { margin-right: 0.75rem; }
  .md-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  .md-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  .md-group:hover .md-group-hover-mr-3 { margin-right: 0.75rem; }
  .md-mr-4 { margin-right: 1rem; }
  .md-hover-mr-4:hover { margin-right: 1rem; }
  .md-focus-mr-4:focus { margin-right: 1rem; }
  .md-active-mr-4:active { margin-right: 1rem; }
  .md-disabled-mr-4:disabled { margin-right: 1rem; }
  .md-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  .md-focus-within-mr-4:focus-within { margin-right: 1rem; }
  .md-group:hover .md-group-hover-mr-4 { margin-right: 1rem; }
  .md-mr-5 { margin-right: 1.25rem; }
  .md-hover-mr-5:hover { margin-right: 1.25rem; }
  .md-focus-mr-5:focus { margin-right: 1.25rem; }
  .md-active-mr-5:active { margin-right: 1.25rem; }
  .md-disabled-mr-5:disabled { margin-right: 1.25rem; }
  .md-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  .md-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  .md-group:hover .md-group-hover-mr-5 { margin-right: 1.25rem; }
  .md-mr-6 { margin-right: 1.5rem; }
  .md-hover-mr-6:hover { margin-right: 1.5rem; }
  .md-focus-mr-6:focus { margin-right: 1.5rem; }
  .md-active-mr-6:active { margin-right: 1.5rem; }
  .md-disabled-mr-6:disabled { margin-right: 1.5rem; }
  .md-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  .md-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  .md-group:hover .md-group-hover-mr-6 { margin-right: 1.5rem; }
  .md-mr-8 { margin-right: 2rem; }
  .md-hover-mr-8:hover { margin-right: 2rem; }
  .md-focus-mr-8:focus { margin-right: 2rem; }
  .md-active-mr-8:active { margin-right: 2rem; }
  .md-disabled-mr-8:disabled { margin-right: 2rem; }
  .md-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  .md-focus-within-mr-8:focus-within { margin-right: 2rem; }
  .md-group:hover .md-group-hover-mr-8 { margin-right: 2rem; }
  .md-mr-10 { margin-right: 2.5rem; }
  .md-hover-mr-10:hover { margin-right: 2.5rem; }
  .md-focus-mr-10:focus { margin-right: 2.5rem; }
  .md-active-mr-10:active { margin-right: 2.5rem; }
  .md-disabled-mr-10:disabled { margin-right: 2.5rem; }
  .md-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  .md-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  .md-group:hover .md-group-hover-mr-10 { margin-right: 2.5rem; }
  .md-mr-12 { margin-right: 3rem; }
  .md-hover-mr-12:hover { margin-right: 3rem; }
  .md-focus-mr-12:focus { margin-right: 3rem; }
  .md-active-mr-12:active { margin-right: 3rem; }
  .md-disabled-mr-12:disabled { margin-right: 3rem; }
  .md-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  .md-focus-within-mr-12:focus-within { margin-right: 3rem; }
  .md-group:hover .md-group-hover-mr-12 { margin-right: 3rem; }
  .md-mr-16 { margin-right: 4rem; }
  .md-hover-mr-16:hover { margin-right: 4rem; }
  .md-focus-mr-16:focus { margin-right: 4rem; }
  .md-active-mr-16:active { margin-right: 4rem; }
  .md-disabled-mr-16:disabled { margin-right: 4rem; }
  .md-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  .md-focus-within-mr-16:focus-within { margin-right: 4rem; }
  .md-group:hover .md-group-hover-mr-16 { margin-right: 4rem; }
  .md-mr-20 { margin-right: 5rem; }
  .md-hover-mr-20:hover { margin-right: 5rem; }
  .md-focus-mr-20:focus { margin-right: 5rem; }
  .md-active-mr-20:active { margin-right: 5rem; }
  .md-disabled-mr-20:disabled { margin-right: 5rem; }
  .md-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  .md-focus-within-mr-20:focus-within { margin-right: 5rem; }
  .md-group:hover .md-group-hover-mr-20 { margin-right: 5rem; }
  .md-mr-24 { margin-right: 6rem; }
  .md-hover-mr-24:hover { margin-right: 6rem; }
  .md-focus-mr-24:focus { margin-right: 6rem; }
  .md-active-mr-24:active { margin-right: 6rem; }
  .md-disabled-mr-24:disabled { margin-right: 6rem; }
  .md-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  .md-focus-within-mr-24:focus-within { margin-right: 6rem; }
  .md-group:hover .md-group-hover-mr-24 { margin-right: 6rem; }
  .md-mr-28 { margin-right: 7rem; }
  .md-hover-mr-28:hover { margin-right: 7rem; }
  .md-focus-mr-28:focus { margin-right: 7rem; }
  .md-active-mr-28:active { margin-right: 7rem; }
  .md-disabled-mr-28:disabled { margin-right: 7rem; }
  .md-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  .md-focus-within-mr-28:focus-within { margin-right: 7rem; }
  .md-group:hover .md-group-hover-mr-28 { margin-right: 7rem; }
  .md-mr-32 { margin-right: 8rem; }
  .md-hover-mr-32:hover { margin-right: 8rem; }
  .md-focus-mr-32:focus { margin-right: 8rem; }
  .md-active-mr-32:active { margin-right: 8rem; }
  .md-disabled-mr-32:disabled { margin-right: 8rem; }
  .md-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  .md-focus-within-mr-32:focus-within { margin-right: 8rem; }
  .md-group:hover .md-group-hover-mr-32 { margin-right: 8rem; }
  .md-mx-auto { margin-left: auto; margin-right: auto; }
  .md-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  .md-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  .md-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  .md-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  .md-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  .md-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  .md-group:hover .md-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  .md-mx-0 { margin-left: 0; margin-right: 0; }
  .md-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  .md-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  .md-active-mx-0:active { margin-left: 0; margin-right: 0; }
  .md-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  .md-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  .md-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  .md-group:hover .md-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  .md-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-group:hover .md-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .md-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-group:hover .md-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-group:hover .md-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .md-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .md-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  .md-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  .md-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  .md-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  .md-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  .md-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  .md-group:hover .md-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .md-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-group:hover .md-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-group:hover .md-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .md-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  .md-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  .md-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  .md-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  .md-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  .md-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  .md-group:hover .md-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .md-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-group:hover .md-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .md-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .md-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  .md-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  .md-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  .md-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  .md-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  .md-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  .md-group:hover .md-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .md-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .md-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  .md-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  .md-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  .md-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  .md-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  .md-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  .md-group:hover .md-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .md-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .md-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  .md-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  .md-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  .md-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  .md-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  .md-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  .md-group:hover .md-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .md-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .md-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  .md-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  .md-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  .md-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  .md-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  .md-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  .md-group:hover .md-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .md-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .md-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  .md-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  .md-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  .md-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  .md-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  .md-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  .md-group:hover .md-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .md-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .md-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  .md-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  .md-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  .md-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  .md-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  .md-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  .md-group:hover .md-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .md-my-auto { margin-top: auto; margin-bottom: auto; }
  .md-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  .md-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  .md-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  .md-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  .md-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  .md-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  .md-group:hover .md-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  .md-my-0 { margin-top: 0; margin-bottom: 0; }
  .md-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  .md-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  .md-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  .md-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  .md-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  .md-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  .md-group:hover .md-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  .md-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-group:hover .md-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .md-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-group:hover .md-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .md-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-group:hover .md-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .md-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .md-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  .md-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  .md-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  .md-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  .md-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  .md-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  .md-group:hover .md-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .md-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-group:hover .md-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .md-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-group:hover .md-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .md-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .md-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  .md-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  .md-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  .md-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  .md-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  .md-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  .md-group:hover .md-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .md-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-group:hover .md-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .md-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .md-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  .md-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  .md-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  .md-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  .md-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  .md-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  .md-group:hover .md-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .md-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .md-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  .md-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  .md-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  .md-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  .md-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  .md-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  .md-group:hover .md-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .md-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .md-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  .md-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  .md-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  .md-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  .md-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  .md-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  .md-group:hover .md-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .md-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .md-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  .md-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  .md-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  .md-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  .md-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  .md-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  .md-group:hover .md-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .md-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .md-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  .md-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  .md-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  .md-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  .md-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  .md-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  .md-group:hover .md-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .md-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .md-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  .md-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  .md-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  .md-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  .md-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  .md-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  .md-group:hover .md-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .md-space-x-auto { --space-x: auto; }
  .md-hover-space-x-auto:hover { --space-x: auto; }
  .md-focus-space-x-auto:focus { --space-x: auto; }
  .md-active-space-x-auto:active { --space-x: auto; }
  .md-disabled-space-x-auto:disabled { --space-x: auto; }
  .md-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  .md-focus-within-space-x-auto:focus-within { --space-x: auto; }
  .md-group:hover .md-group-hover-space-x-auto { --space-x: auto; }
  .md-space-x-0 { --space-x: 0; }
  .md-hover-space-x-0:hover { --space-x: 0; }
  .md-focus-space-x-0:focus { --space-x: 0; }
  .md-active-space-x-0:active { --space-x: 0; }
  .md-disabled-space-x-0:disabled { --space-x: 0; }
  .md-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  .md-focus-within-space-x-0:focus-within { --space-x: 0; }
  .md-group:hover .md-group-hover-space-x-0 { --space-x: 0; }
  .md-space-x-1 { --space-x: 0.25rem; }
  .md-hover-space-x-1:hover { --space-x: 0.25rem; }
  .md-focus-space-x-1:focus { --space-x: 0.25rem; }
  .md-active-space-x-1:active { --space-x: 0.25rem; }
  .md-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  .md-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  .md-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  .md-group:hover .md-group-hover-space-x-1 { --space-x: 0.25rem; }
  .md-space-x-2 { --space-x: 0.5rem; }
  .md-hover-space-x-2:hover { --space-x: 0.5rem; }
  .md-focus-space-x-2:focus { --space-x: 0.5rem; }
  .md-active-space-x-2:active { --space-x: 0.5rem; }
  .md-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  .md-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  .md-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  .md-group:hover .md-group-hover-space-x-2 { --space-x: 0.5rem; }
  .md-space-x-3 { --space-x: 0.75rem; }
  .md-hover-space-x-3:hover { --space-x: 0.75rem; }
  .md-focus-space-x-3:focus { --space-x: 0.75rem; }
  .md-active-space-x-3:active { --space-x: 0.75rem; }
  .md-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  .md-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  .md-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  .md-group:hover .md-group-hover-space-x-3 { --space-x: 0.75rem; }
  .md-space-x-4 { --space-x: 1rem; }
  .md-hover-space-x-4:hover { --space-x: 1rem; }
  .md-focus-space-x-4:focus { --space-x: 1rem; }
  .md-active-space-x-4:active { --space-x: 1rem; }
  .md-disabled-space-x-4:disabled { --space-x: 1rem; }
  .md-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  .md-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  .md-group:hover .md-group-hover-space-x-4 { --space-x: 1rem; }
  .md-space-x-5 { --space-x: 1.25rem; }
  .md-hover-space-x-5:hover { --space-x: 1.25rem; }
  .md-focus-space-x-5:focus { --space-x: 1.25rem; }
  .md-active-space-x-5:active { --space-x: 1.25rem; }
  .md-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  .md-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  .md-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  .md-group:hover .md-group-hover-space-x-5 { --space-x: 1.25rem; }
  .md-space-x-6 { --space-x: 1.5rem; }
  .md-hover-space-x-6:hover { --space-x: 1.5rem; }
  .md-focus-space-x-6:focus { --space-x: 1.5rem; }
  .md-active-space-x-6:active { --space-x: 1.5rem; }
  .md-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  .md-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  .md-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  .md-group:hover .md-group-hover-space-x-6 { --space-x: 1.5rem; }
  .md-space-x-8 { --space-x: 2rem; }
  .md-hover-space-x-8:hover { --space-x: 2rem; }
  .md-focus-space-x-8:focus { --space-x: 2rem; }
  .md-active-space-x-8:active { --space-x: 2rem; }
  .md-disabled-space-x-8:disabled { --space-x: 2rem; }
  .md-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  .md-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  .md-group:hover .md-group-hover-space-x-8 { --space-x: 2rem; }
  .md-space-x-10 { --space-x: 2.5rem; }
  .md-hover-space-x-10:hover { --space-x: 2.5rem; }
  .md-focus-space-x-10:focus { --space-x: 2.5rem; }
  .md-active-space-x-10:active { --space-x: 2.5rem; }
  .md-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  .md-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  .md-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  .md-group:hover .md-group-hover-space-x-10 { --space-x: 2.5rem; }
  .md-space-x-12 { --space-x: 3rem; }
  .md-hover-space-x-12:hover { --space-x: 3rem; }
  .md-focus-space-x-12:focus { --space-x: 3rem; }
  .md-active-space-x-12:active { --space-x: 3rem; }
  .md-disabled-space-x-12:disabled { --space-x: 3rem; }
  .md-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  .md-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  .md-group:hover .md-group-hover-space-x-12 { --space-x: 3rem; }
  .md-space-x-16 { --space-x: 4rem; }
  .md-hover-space-x-16:hover { --space-x: 4rem; }
  .md-focus-space-x-16:focus { --space-x: 4rem; }
  .md-active-space-x-16:active { --space-x: 4rem; }
  .md-disabled-space-x-16:disabled { --space-x: 4rem; }
  .md-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  .md-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  .md-group:hover .md-group-hover-space-x-16 { --space-x: 4rem; }
  .md-space-x-20 { --space-x: 5rem; }
  .md-hover-space-x-20:hover { --space-x: 5rem; }
  .md-focus-space-x-20:focus { --space-x: 5rem; }
  .md-active-space-x-20:active { --space-x: 5rem; }
  .md-disabled-space-x-20:disabled { --space-x: 5rem; }
  .md-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  .md-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  .md-group:hover .md-group-hover-space-x-20 { --space-x: 5rem; }
  .md-space-x-24 { --space-x: 6rem; }
  .md-hover-space-x-24:hover { --space-x: 6rem; }
  .md-focus-space-x-24:focus { --space-x: 6rem; }
  .md-active-space-x-24:active { --space-x: 6rem; }
  .md-disabled-space-x-24:disabled { --space-x: 6rem; }
  .md-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  .md-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  .md-group:hover .md-group-hover-space-x-24 { --space-x: 6rem; }
  .md-space-x-28 { --space-x: 7rem; }
  .md-hover-space-x-28:hover { --space-x: 7rem; }
  .md-focus-space-x-28:focus { --space-x: 7rem; }
  .md-active-space-x-28:active { --space-x: 7rem; }
  .md-disabled-space-x-28:disabled { --space-x: 7rem; }
  .md-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  .md-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  .md-group:hover .md-group-hover-space-x-28 { --space-x: 7rem; }
  .md-space-x-32 { --space-x: 8rem; }
  .md-hover-space-x-32:hover { --space-x: 8rem; }
  .md-focus-space-x-32:focus { --space-x: 8rem; }
  .md-active-space-x-32:active { --space-x: 8rem; }
  .md-disabled-space-x-32:disabled { --space-x: 8rem; }
  .md-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  .md-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  .md-group:hover .md-group-hover-space-x-32 { --space-x: 8rem; }
  .md-space-y-auto { --space-y: auto; }
  .md-hover-space-y-auto:hover { --space-y: auto; }
  .md-focus-space-y-auto:focus { --space-y: auto; }
  .md-active-space-y-auto:active { --space-y: auto; }
  .md-disabled-space-y-auto:disabled { --space-y: auto; }
  .md-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  .md-focus-within-space-y-auto:focus-within { --space-y: auto; }
  .md-group:hover .md-group-hover-space-y-auto { --space-y: auto; }
  .md-space-y-0 { --space-y: 0; }
  .md-hover-space-y-0:hover { --space-y: 0; }
  .md-focus-space-y-0:focus { --space-y: 0; }
  .md-active-space-y-0:active { --space-y: 0; }
  .md-disabled-space-y-0:disabled { --space-y: 0; }
  .md-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  .md-focus-within-space-y-0:focus-within { --space-y: 0; }
  .md-group:hover .md-group-hover-space-y-0 { --space-y: 0; }
  .md-space-y-1 { --space-y: 0.25rem; }
  .md-hover-space-y-1:hover { --space-y: 0.25rem; }
  .md-focus-space-y-1:focus { --space-y: 0.25rem; }
  .md-active-space-y-1:active { --space-y: 0.25rem; }
  .md-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  .md-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  .md-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  .md-group:hover .md-group-hover-space-y-1 { --space-y: 0.25rem; }
  .md-space-y-2 { --space-y: 0.5rem; }
  .md-hover-space-y-2:hover { --space-y: 0.5rem; }
  .md-focus-space-y-2:focus { --space-y: 0.5rem; }
  .md-active-space-y-2:active { --space-y: 0.5rem; }
  .md-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  .md-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  .md-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  .md-group:hover .md-group-hover-space-y-2 { --space-y: 0.5rem; }
  .md-space-y-3 { --space-y: 0.75rem; }
  .md-hover-space-y-3:hover { --space-y: 0.75rem; }
  .md-focus-space-y-3:focus { --space-y: 0.75rem; }
  .md-active-space-y-3:active { --space-y: 0.75rem; }
  .md-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  .md-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  .md-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  .md-group:hover .md-group-hover-space-y-3 { --space-y: 0.75rem; }
  .md-space-y-4 { --space-y: 1rem; }
  .md-hover-space-y-4:hover { --space-y: 1rem; }
  .md-focus-space-y-4:focus { --space-y: 1rem; }
  .md-active-space-y-4:active { --space-y: 1rem; }
  .md-disabled-space-y-4:disabled { --space-y: 1rem; }
  .md-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  .md-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  .md-group:hover .md-group-hover-space-y-4 { --space-y: 1rem; }
  .md-space-y-5 { --space-y: 1.25rem; }
  .md-hover-space-y-5:hover { --space-y: 1.25rem; }
  .md-focus-space-y-5:focus { --space-y: 1.25rem; }
  .md-active-space-y-5:active { --space-y: 1.25rem; }
  .md-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  .md-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  .md-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  .md-group:hover .md-group-hover-space-y-5 { --space-y: 1.25rem; }
  .md-space-y-6 { --space-y: 1.5rem; }
  .md-hover-space-y-6:hover { --space-y: 1.5rem; }
  .md-focus-space-y-6:focus { --space-y: 1.5rem; }
  .md-active-space-y-6:active { --space-y: 1.5rem; }
  .md-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  .md-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  .md-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  .md-group:hover .md-group-hover-space-y-6 { --space-y: 1.5rem; }
  .md-space-y-8 { --space-y: 2rem; }
  .md-hover-space-y-8:hover { --space-y: 2rem; }
  .md-focus-space-y-8:focus { --space-y: 2rem; }
  .md-active-space-y-8:active { --space-y: 2rem; }
  .md-disabled-space-y-8:disabled { --space-y: 2rem; }
  .md-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  .md-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  .md-group:hover .md-group-hover-space-y-8 { --space-y: 2rem; }
  .md-space-y-10 { --space-y: 2.5rem; }
  .md-hover-space-y-10:hover { --space-y: 2.5rem; }
  .md-focus-space-y-10:focus { --space-y: 2.5rem; }
  .md-active-space-y-10:active { --space-y: 2.5rem; }
  .md-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  .md-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  .md-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  .md-group:hover .md-group-hover-space-y-10 { --space-y: 2.5rem; }
  .md-space-y-12 { --space-y: 3rem; }
  .md-hover-space-y-12:hover { --space-y: 3rem; }
  .md-focus-space-y-12:focus { --space-y: 3rem; }
  .md-active-space-y-12:active { --space-y: 3rem; }
  .md-disabled-space-y-12:disabled { --space-y: 3rem; }
  .md-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  .md-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  .md-group:hover .md-group-hover-space-y-12 { --space-y: 3rem; }
  .md-space-y-16 { --space-y: 4rem; }
  .md-hover-space-y-16:hover { --space-y: 4rem; }
  .md-focus-space-y-16:focus { --space-y: 4rem; }
  .md-active-space-y-16:active { --space-y: 4rem; }
  .md-disabled-space-y-16:disabled { --space-y: 4rem; }
  .md-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  .md-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  .md-group:hover .md-group-hover-space-y-16 { --space-y: 4rem; }
  .md-space-y-20 { --space-y: 5rem; }
  .md-hover-space-y-20:hover { --space-y: 5rem; }
  .md-focus-space-y-20:focus { --space-y: 5rem; }
  .md-active-space-y-20:active { --space-y: 5rem; }
  .md-disabled-space-y-20:disabled { --space-y: 5rem; }
  .md-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  .md-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  .md-group:hover .md-group-hover-space-y-20 { --space-y: 5rem; }
  .md-space-y-24 { --space-y: 6rem; }
  .md-hover-space-y-24:hover { --space-y: 6rem; }
  .md-focus-space-y-24:focus { --space-y: 6rem; }
  .md-active-space-y-24:active { --space-y: 6rem; }
  .md-disabled-space-y-24:disabled { --space-y: 6rem; }
  .md-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  .md-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  .md-group:hover .md-group-hover-space-y-24 { --space-y: 6rem; }
  .md-space-y-28 { --space-y: 7rem; }
  .md-hover-space-y-28:hover { --space-y: 7rem; }
  .md-focus-space-y-28:focus { --space-y: 7rem; }
  .md-active-space-y-28:active { --space-y: 7rem; }
  .md-disabled-space-y-28:disabled { --space-y: 7rem; }
  .md-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  .md-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  .md-group:hover .md-group-hover-space-y-28 { --space-y: 7rem; }
  .md-space-y-32 { --space-y: 8rem; }
  .md-hover-space-y-32:hover { --space-y: 8rem; }
  .md-focus-space-y-32:focus { --space-y: 8rem; }
  .md-active-space-y-32:active { --space-y: 8rem; }
  .md-disabled-space-y-32:disabled { --space-y: 8rem; }
  .md-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  .md-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  .md-group:hover .md-group-hover-space-y-32 { --space-y: 8rem; }
  .md-d-block { display: block; }
  .md-hover-d-block:hover { display: block; }
  .md-focus-d-block:focus { display: block; }
  .md-active-d-block:active { display: block; }
  .md-disabled-d-block:disabled { display: block; }
  .md-focus-visible-d-block:focus-visible { display: block; }
  .md-focus-within-d-block:focus-within { display: block; }
  .md-group:hover .md-group-hover-d-block { display: block; }
  .md-d-inline { display: inline; }
  .md-hover-d-inline:hover { display: inline; }
  .md-focus-d-inline:focus { display: inline; }
  .md-active-d-inline:active { display: inline; }
  .md-disabled-d-inline:disabled { display: inline; }
  .md-focus-visible-d-inline:focus-visible { display: inline; }
  .md-focus-within-d-inline:focus-within { display: inline; }
  .md-group:hover .md-group-hover-d-inline { display: inline; }
  .md-d-inline-block { display: inline-block; }
  .md-hover-d-inline-block:hover { display: inline-block; }
  .md-focus-d-inline-block:focus { display: inline-block; }
  .md-active-d-inline-block:active { display: inline-block; }
  .md-disabled-d-inline-block:disabled { display: inline-block; }
  .md-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  .md-focus-within-d-inline-block:focus-within { display: inline-block; }
  .md-group:hover .md-group-hover-d-inline-block { display: inline-block; }
  .md-d-flex { display: flex; }
  .md-hover-d-flex:hover { display: flex; }
  .md-focus-d-flex:focus { display: flex; }
  .md-active-d-flex:active { display: flex; }
  .md-disabled-d-flex:disabled { display: flex; }
  .md-focus-visible-d-flex:focus-visible { display: flex; }
  .md-focus-within-d-flex:focus-within { display: flex; }
  .md-group:hover .md-group-hover-d-flex { display: flex; }
  .md-d-inline-flex { display: inline-flex; }
  .md-hover-d-inline-flex:hover { display: inline-flex; }
  .md-focus-d-inline-flex:focus { display: inline-flex; }
  .md-active-d-inline-flex:active { display: inline-flex; }
  .md-disabled-d-inline-flex:disabled { display: inline-flex; }
  .md-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  .md-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  .md-group:hover .md-group-hover-d-inline-flex { display: inline-flex; }
  .md-d-grid { display: grid; }
  .md-hover-d-grid:hover { display: grid; }
  .md-focus-d-grid:focus { display: grid; }
  .md-active-d-grid:active { display: grid; }
  .md-disabled-d-grid:disabled { display: grid; }
  .md-focus-visible-d-grid:focus-visible { display: grid; }
  .md-focus-within-d-grid:focus-within { display: grid; }
  .md-group:hover .md-group-hover-d-grid { display: grid; }
  .md-d-inline-grid { display: inline-grid; }
  .md-hover-d-inline-grid:hover { display: inline-grid; }
  .md-focus-d-inline-grid:focus { display: inline-grid; }
  .md-active-d-inline-grid:active { display: inline-grid; }
  .md-disabled-d-inline-grid:disabled { display: inline-grid; }
  .md-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  .md-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  .md-group:hover .md-group-hover-d-inline-grid { display: inline-grid; }
  .md-d-none { display: none; }
  .md-hover-d-none:hover { display: none; }
  .md-focus-d-none:focus { display: none; }
  .md-active-d-none:active { display: none; }
  .md-disabled-d-none:disabled { display: none; }
  .md-focus-visible-d-none:focus-visible { display: none; }
  .md-focus-within-d-none:focus-within { display: none; }
  .md-group:hover .md-group-hover-d-none { display: none; }
  .md-static { position: static; }
  .md-hover-static:hover { position: static; }
  .md-focus-static:focus { position: static; }
  .md-active-static:active { position: static; }
  .md-disabled-static:disabled { position: static; }
  .md-focus-visible-static:focus-visible { position: static; }
  .md-focus-within-static:focus-within { position: static; }
  .md-group:hover .md-group-hover-static { position: static; }
  .md-relative { position: relative; }
  .md-hover-relative:hover { position: relative; }
  .md-focus-relative:focus { position: relative; }
  .md-active-relative:active { position: relative; }
  .md-disabled-relative:disabled { position: relative; }
  .md-focus-visible-relative:focus-visible { position: relative; }
  .md-focus-within-relative:focus-within { position: relative; }
  .md-group:hover .md-group-hover-relative { position: relative; }
  .md-absolute { position: absolute; }
  .md-hover-absolute:hover { position: absolute; }
  .md-focus-absolute:focus { position: absolute; }
  .md-active-absolute:active { position: absolute; }
  .md-disabled-absolute:disabled { position: absolute; }
  .md-focus-visible-absolute:focus-visible { position: absolute; }
  .md-focus-within-absolute:focus-within { position: absolute; }
  .md-group:hover .md-group-hover-absolute { position: absolute; }
  .md-fixed { position: fixed; }
  .md-hover-fixed:hover { position: fixed; }
  .md-focus-fixed:focus { position: fixed; }
  .md-active-fixed:active { position: fixed; }
  .md-disabled-fixed:disabled { position: fixed; }
  .md-focus-visible-fixed:focus-visible { position: fixed; }
  .md-focus-within-fixed:focus-within { position: fixed; }
  .md-group:hover .md-group-hover-fixed { position: fixed; }
  .md-sticky { position: sticky; }
  .md-hover-sticky:hover { position: sticky; }
  .md-focus-sticky:focus { position: sticky; }
  .md-active-sticky:active { position: sticky; }
  .md-disabled-sticky:disabled { position: sticky; }
  .md-focus-visible-sticky:focus-visible { position: sticky; }
  .md-focus-within-sticky:focus-within { position: sticky; }
  .md-group:hover .md-group-hover-sticky { position: sticky; }
  .md-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .md-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  .md-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  .md-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  .md-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  .md-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  .md-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  .md-group:hover .md-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .md-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-group:hover .md-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .md-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-group:hover .md-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .md-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-group:hover .md-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .md-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-group:hover .md-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .md-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-group:hover .md-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .md-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-group:hover .md-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .md-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-group:hover .md-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .md-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-group:hover .md-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .md-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-group:hover .md-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .md-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-group:hover .md-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .md-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-group:hover .md-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .md-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-group:hover .md-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .md-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-group:hover .md-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .md-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-group:hover .md-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .md-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-group:hover .md-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .md-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-group:hover .md-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .md-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-group:hover .md-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .md-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-group:hover .md-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .md-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-group:hover .md-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .md-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-group:hover .md-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .md-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-group:hover .md-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .md-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-group:hover .md-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .md-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-group:hover .md-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .md-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-group:hover .md-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .md-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-group:hover .md-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .md-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-group:hover .md-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .md-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-group:hover .md-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .md-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-group:hover .md-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .md-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-group:hover .md-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .md-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-group:hover .md-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .md-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-group:hover .md-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .md-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-group:hover .md-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .md-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-group:hover .md-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .md-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-group:hover .md-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .md-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-group:hover .md-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .md-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-group:hover .md-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .md-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-group:hover .md-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .md-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-group:hover .md-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .md-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-group:hover .md-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .md-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-group:hover .md-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .md-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-group:hover .md-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .md-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-group:hover .md-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .md-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-group:hover .md-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .md-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-group:hover .md-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .md-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-group:hover .md-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .md-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-group:hover .md-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .md-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-group:hover .md-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .md-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-group:hover .md-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .md-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-group:hover .md-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .md-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-group:hover .md-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .md-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-group:hover .md-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .md-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-group:hover .md-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .md-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-group:hover .md-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .md-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-group:hover .md-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .md-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-group:hover .md-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .md-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-group:hover .md-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .md-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-group:hover .md-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .md-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-group:hover .md-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .md-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-group:hover .md-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .md-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-group:hover .md-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .md-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-group:hover .md-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .md-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-group:hover .md-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .md-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-group:hover .md-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .md-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-group:hover .md-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .md-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-group:hover .md-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .md-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-group:hover .md-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .md-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-group:hover .md-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .md-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-group:hover .md-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .md-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-group:hover .md-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .md-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-group:hover .md-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .md-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-group:hover .md-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .md-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-group:hover .md-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .md-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-group:hover .md-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .md-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-group:hover .md-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .md-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-group:hover .md-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .md-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-group:hover .md-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .md-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-group:hover .md-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .md-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-group:hover .md-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .md-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-group:hover .md-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .md-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-group:hover .md-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .md-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-group:hover .md-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .md-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-group:hover .md-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .md-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-group:hover .md-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .md-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-group:hover .md-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .md-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-group:hover .md-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .md-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-group:hover .md-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .md-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-group:hover .md-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .md-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-group:hover .md-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .md-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-group:hover .md-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .md-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-group:hover .md-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .md-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-group:hover .md-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .md-top-0 { top: 0; }      .-top-0   { top: 0; }
  .md-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  .md-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  .md-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  .md-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  .md-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  .md-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  .md-group:hover .md-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  .md-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-group:hover .md-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .md-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-group:hover .md-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .md-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-group:hover .md-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .md-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-group:hover .md-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .md-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-group:hover .md-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .md-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-group:hover .md-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .md-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-group:hover .md-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .md-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-group:hover .md-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .md-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-group:hover .md-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .md-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-group:hover .md-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .md-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-group:hover .md-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .md-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-group:hover .md-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .md-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-group:hover .md-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .md-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-group:hover .md-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .md-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-group:hover .md-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .md-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-group:hover .md-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .md-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-group:hover .md-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .md-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-group:hover .md-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .md-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-group:hover .md-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .md-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-group:hover .md-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .md-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-group:hover .md-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .md-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-group:hover .md-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .md-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-group:hover .md-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .md-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-group:hover .md-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .md-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-group:hover .md-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .md-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-group:hover .md-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .md-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-group:hover .md-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .md-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-group:hover .md-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .md-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-group:hover .md-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .md-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-group:hover .md-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .md-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-group:hover .md-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .md-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-group:hover .md-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .md-right-0 { right: 0; }      .-right-0   { right: 0; }
  .md-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  .md-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  .md-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  .md-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  .md-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  .md-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  .md-group:hover .md-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  .md-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-group:hover .md-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .md-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-group:hover .md-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .md-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-group:hover .md-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .md-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-group:hover .md-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .md-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-group:hover .md-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .md-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-group:hover .md-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .md-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-group:hover .md-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .md-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-group:hover .md-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .md-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-group:hover .md-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .md-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-group:hover .md-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .md-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-group:hover .md-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .md-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-group:hover .md-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .md-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-group:hover .md-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .md-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-group:hover .md-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .md-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-group:hover .md-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .md-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-group:hover .md-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .md-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-group:hover .md-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .md-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-group:hover .md-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .md-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-group:hover .md-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .md-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-group:hover .md-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .md-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-group:hover .md-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .md-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-group:hover .md-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .md-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-group:hover .md-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .md-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-group:hover .md-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .md-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-group:hover .md-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .md-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-group:hover .md-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .md-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-group:hover .md-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .md-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-group:hover .md-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .md-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-group:hover .md-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .md-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-group:hover .md-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .md-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-group:hover .md-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .md-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-group:hover .md-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .md-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-group:hover .md-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .md-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-group:hover .md-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .md-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-group:hover .md-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .md-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-group:hover .md-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .md-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-group:hover .md-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .md-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-group:hover .md-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .md-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-group:hover .md-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .md-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-group:hover .md-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .md-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-group:hover .md-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .md-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-group:hover .md-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .md-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-group:hover .md-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .md-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-group:hover .md-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .md-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-group:hover .md-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .md-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-group:hover .md-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .md-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-group:hover .md-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .md-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-group:hover .md-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .md-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-group:hover .md-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .md-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-group:hover .md-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .md-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-group:hover .md-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .md-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-group:hover .md-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .md-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-group:hover .md-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .md-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-group:hover .md-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .md-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-group:hover .md-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .md-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-group:hover .md-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .md-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-group:hover .md-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .md-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-group:hover .md-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .md-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-group:hover .md-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .md-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-group:hover .md-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .md-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-group:hover .md-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .md-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-group:hover .md-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .md-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-group:hover .md-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .md-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-group:hover .md-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .md-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-group:hover .md-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .md-left-0 { left: 0; }      .-left-0   { left: 0; }
  .md-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  .md-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  .md-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  .md-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  .md-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  .md-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  .md-group:hover .md-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  .md-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-group:hover .md-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .md-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-group:hover .md-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .md-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-group:hover .md-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .md-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-group:hover .md-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .md-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-group:hover .md-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .md-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-group:hover .md-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .md-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-group:hover .md-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .md-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-group:hover .md-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .md-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-group:hover .md-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .md-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-group:hover .md-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .md-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-group:hover .md-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .md-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-group:hover .md-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .md-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-group:hover .md-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .md-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-group:hover .md-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .md-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-group:hover .md-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .md-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-group:hover .md-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .md-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-group:hover .md-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .md-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-group:hover .md-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .md-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-group:hover .md-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .md-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-group:hover .md-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .md-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-group:hover .md-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .md-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-group:hover .md-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .md-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-group:hover .md-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .md-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-group:hover .md-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .md-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-group:hover .md-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .md-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-group:hover .md-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .md-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-group:hover .md-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .md-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-group:hover .md-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .md-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-group:hover .md-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .md-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-group:hover .md-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .md-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-group:hover .md-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .md-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-group:hover .md-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .md-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .md-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  .md-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  .md-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  .md-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  .md-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  .md-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .md-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .md-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  .md-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  .md-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  .md-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  .md-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  .md-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .md-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .md-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  .md-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  .md-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  .md-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  .md-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  .md-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .md-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .md-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  .md-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  .md-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  .md-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  .md-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  .md-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .md-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .md-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  .md-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  .md-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  .md-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  .md-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  .md-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .md-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .md-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  .md-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  .md-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  .md-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  .md-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  .md-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .md-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .md-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  .md-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  .md-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  .md-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  .md-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  .md-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .md-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .md-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  .md-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  .md-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  .md-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  .md-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  .md-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .md-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .md-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  .md-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  .md-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  .md-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  .md-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  .md-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .md-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .md-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  .md-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  .md-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  .md-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  .md-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  .md-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .md-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .md-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  .md-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  .md-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  .md-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  .md-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  .md-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .md-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .md-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  .md-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  .md-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  .md-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  .md-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  .md-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .md-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .md-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  .md-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  .md-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  .md-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  .md-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  .md-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .md-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .md-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  .md-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  .md-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  .md-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  .md-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  .md-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .md-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .md-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  .md-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  .md-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  .md-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  .md-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  .md-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .md-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .md-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  .md-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  .md-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  .md-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  .md-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  .md-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .md-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .md-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  .md-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  .md-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  .md-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  .md-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  .md-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .md-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .md-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  .md-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  .md-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  .md-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  .md-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  .md-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  .md-group:hover .md-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .md-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .md-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .md-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .md-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .md-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .md-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .md-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .md-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-group:hover .md-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .md-gap-0 { gap: 0; }
  .md-hover-gap-0:hover { gap: 0; }
  .md-focus-gap-0:focus { gap: 0; }
  .md-active-gap-0:active { gap: 0; }
  .md-disabled-gap-0:disabled { gap: 0; }
  .md-focus-visible-gap-0:focus-visible { gap: 0; }
  .md-focus-within-gap-0:focus-within { gap: 0; }
  .md-group:hover .md-group-hover-gap-0 { gap: 0; }
  .md-gap-1 { gap: 0.25rem; }
  .md-hover-gap-1:hover { gap: 0.25rem; }
  .md-focus-gap-1:focus { gap: 0.25rem; }
  .md-active-gap-1:active { gap: 0.25rem; }
  .md-disabled-gap-1:disabled { gap: 0.25rem; }
  .md-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  .md-focus-within-gap-1:focus-within { gap: 0.25rem; }
  .md-group:hover .md-group-hover-gap-1 { gap: 0.25rem; }
  .md-gap-2 { gap: 0.5rem; }
  .md-hover-gap-2:hover { gap: 0.5rem; }
  .md-focus-gap-2:focus { gap: 0.5rem; }
  .md-active-gap-2:active { gap: 0.5rem; }
  .md-disabled-gap-2:disabled { gap: 0.5rem; }
  .md-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  .md-focus-within-gap-2:focus-within { gap: 0.5rem; }
  .md-group:hover .md-group-hover-gap-2 { gap: 0.5rem; }
  .md-gap-3 { gap: 0.75rem; }
  .md-hover-gap-3:hover { gap: 0.75rem; }
  .md-focus-gap-3:focus { gap: 0.75rem; }
  .md-active-gap-3:active { gap: 0.75rem; }
  .md-disabled-gap-3:disabled { gap: 0.75rem; }
  .md-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  .md-focus-within-gap-3:focus-within { gap: 0.75rem; }
  .md-group:hover .md-group-hover-gap-3 { gap: 0.75rem; }
  .md-gap-4 { gap: 1rem; }
  .md-hover-gap-4:hover { gap: 1rem; }
  .md-focus-gap-4:focus { gap: 1rem; }
  .md-active-gap-4:active { gap: 1rem; }
  .md-disabled-gap-4:disabled { gap: 1rem; }
  .md-focus-visible-gap-4:focus-visible { gap: 1rem; }
  .md-focus-within-gap-4:focus-within { gap: 1rem; }
  .md-group:hover .md-group-hover-gap-4 { gap: 1rem; }
  .md-gap-5 { gap: 1.25rem; }
  .md-hover-gap-5:hover { gap: 1.25rem; }
  .md-focus-gap-5:focus { gap: 1.25rem; }
  .md-active-gap-5:active { gap: 1.25rem; }
  .md-disabled-gap-5:disabled { gap: 1.25rem; }
  .md-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  .md-focus-within-gap-5:focus-within { gap: 1.25rem; }
  .md-group:hover .md-group-hover-gap-5 { gap: 1.25rem; }
  .md-gap-6 { gap: 1.5rem; }
  .md-hover-gap-6:hover { gap: 1.5rem; }
  .md-focus-gap-6:focus { gap: 1.5rem; }
  .md-active-gap-6:active { gap: 1.5rem; }
  .md-disabled-gap-6:disabled { gap: 1.5rem; }
  .md-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  .md-focus-within-gap-6:focus-within { gap: 1.5rem; }
  .md-group:hover .md-group-hover-gap-6 { gap: 1.5rem; }
  .md-gap-7 { gap: 1.75rem; }
  .md-hover-gap-7:hover { gap: 1.75rem; }
  .md-focus-gap-7:focus { gap: 1.75rem; }
  .md-active-gap-7:active { gap: 1.75rem; }
  .md-disabled-gap-7:disabled { gap: 1.75rem; }
  .md-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  .md-focus-within-gap-7:focus-within { gap: 1.75rem; }
  .md-group:hover .md-group-hover-gap-7 { gap: 1.75rem; }
  .md-gap-8 { gap: 2rem; }
  .md-hover-gap-8:hover { gap: 2rem; }
  .md-focus-gap-8:focus { gap: 2rem; }
  .md-active-gap-8:active { gap: 2rem; }
  .md-disabled-gap-8:disabled { gap: 2rem; }
  .md-focus-visible-gap-8:focus-visible { gap: 2rem; }
  .md-focus-within-gap-8:focus-within { gap: 2rem; }
  .md-group:hover .md-group-hover-gap-8 { gap: 2rem; }
  .md-gap-9 { gap: 2.25rem; }
  .md-hover-gap-9:hover { gap: 2.25rem; }
  .md-focus-gap-9:focus { gap: 2.25rem; }
  .md-active-gap-9:active { gap: 2.25rem; }
  .md-disabled-gap-9:disabled { gap: 2.25rem; }
  .md-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  .md-focus-within-gap-9:focus-within { gap: 2.25rem; }
  .md-group:hover .md-group-hover-gap-9 { gap: 2.25rem; }
  .md-gap-10 { gap: 2.5rem; }
  .md-hover-gap-10:hover { gap: 2.5rem; }
  .md-focus-gap-10:focus { gap: 2.5rem; }
  .md-active-gap-10:active { gap: 2.5rem; }
  .md-disabled-gap-10:disabled { gap: 2.5rem; }
  .md-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  .md-focus-within-gap-10:focus-within { gap: 2.5rem; }
  .md-group:hover .md-group-hover-gap-10 { gap: 2.5rem; }
  .md-gap-12 { gap: 3rem; }
  .md-hover-gap-12:hover { gap: 3rem; }
  .md-focus-gap-12:focus { gap: 3rem; }
  .md-active-gap-12:active { gap: 3rem; }
  .md-disabled-gap-12:disabled { gap: 3rem; }
  .md-focus-visible-gap-12:focus-visible { gap: 3rem; }
  .md-focus-within-gap-12:focus-within { gap: 3rem; }
  .md-group:hover .md-group-hover-gap-12 { gap: 3rem; }
  .md-gap-14 { gap: 3.5rem; }
  .md-hover-gap-14:hover { gap: 3.5rem; }
  .md-focus-gap-14:focus { gap: 3.5rem; }
  .md-active-gap-14:active { gap: 3.5rem; }
  .md-disabled-gap-14:disabled { gap: 3.5rem; }
  .md-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  .md-focus-within-gap-14:focus-within { gap: 3.5rem; }
  .md-group:hover .md-group-hover-gap-14 { gap: 3.5rem; }
  .md-gap-16 { gap: 4rem; }
  .md-hover-gap-16:hover { gap: 4rem; }
  .md-focus-gap-16:focus { gap: 4rem; }
  .md-active-gap-16:active { gap: 4rem; }
  .md-disabled-gap-16:disabled { gap: 4rem; }
  .md-focus-visible-gap-16:focus-visible { gap: 4rem; }
  .md-focus-within-gap-16:focus-within { gap: 4rem; }
  .md-group:hover .md-group-hover-gap-16 { gap: 4rem; }
  .md-gap-20 { gap: 5rem; }
  .md-hover-gap-20:hover { gap: 5rem; }
  .md-focus-gap-20:focus { gap: 5rem; }
  .md-active-gap-20:active { gap: 5rem; }
  .md-disabled-gap-20:disabled { gap: 5rem; }
  .md-focus-visible-gap-20:focus-visible { gap: 5rem; }
  .md-focus-within-gap-20:focus-within { gap: 5rem; }
  .md-group:hover .md-group-hover-gap-20 { gap: 5rem; }
  .md-gap-24 { gap: 6rem; }
  .md-hover-gap-24:hover { gap: 6rem; }
  .md-focus-gap-24:focus { gap: 6rem; }
  .md-active-gap-24:active { gap: 6rem; }
  .md-disabled-gap-24:disabled { gap: 6rem; }
  .md-focus-visible-gap-24:focus-visible { gap: 6rem; }
  .md-focus-within-gap-24:focus-within { gap: 6rem; }
  .md-group:hover .md-group-hover-gap-24 { gap: 6rem; }
  .md-gap-28 { gap: 7rem; }
  .md-hover-gap-28:hover { gap: 7rem; }
  .md-focus-gap-28:focus { gap: 7rem; }
  .md-active-gap-28:active { gap: 7rem; }
  .md-disabled-gap-28:disabled { gap: 7rem; }
  .md-focus-visible-gap-28:focus-visible { gap: 7rem; }
  .md-focus-within-gap-28:focus-within { gap: 7rem; }
  .md-group:hover .md-group-hover-gap-28 { gap: 7rem; }
  .md-gap-32 { gap: 8rem; }
  .md-hover-gap-32:hover { gap: 8rem; }
  .md-focus-gap-32:focus { gap: 8rem; }
  .md-active-gap-32:active { gap: 8rem; }
  .md-disabled-gap-32:disabled { gap: 8rem; }
  .md-focus-visible-gap-32:focus-visible { gap: 8rem; }
  .md-focus-within-gap-32:focus-within { gap: 8rem; }
  .md-group:hover .md-group-hover-gap-32 { gap: 8rem; }
  .md-row-gap-0 { row-gap: 0; }
  .md-hover-row-gap-0:hover { row-gap: 0; }
  .md-focus-row-gap-0:focus { row-gap: 0; }
  .md-active-row-gap-0:active { row-gap: 0; }
  .md-disabled-row-gap-0:disabled { row-gap: 0; }
  .md-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  .md-focus-within-row-gap-0:focus-within { row-gap: 0; }
  .md-group:hover .md-group-hover-row-gap-0 { row-gap: 0; }
  .md-row-gap-1 { row-gap: 0.25rem; }
  .md-hover-row-gap-1:hover { row-gap: 0.25rem; }
  .md-focus-row-gap-1:focus { row-gap: 0.25rem; }
  .md-active-row-gap-1:active { row-gap: 0.25rem; }
  .md-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  .md-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  .md-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  .md-group:hover .md-group-hover-row-gap-1 { row-gap: 0.25rem; }
  .md-row-gap-2 { row-gap: 0.5rem; }
  .md-hover-row-gap-2:hover { row-gap: 0.5rem; }
  .md-focus-row-gap-2:focus { row-gap: 0.5rem; }
  .md-active-row-gap-2:active { row-gap: 0.5rem; }
  .md-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  .md-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  .md-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  .md-group:hover .md-group-hover-row-gap-2 { row-gap: 0.5rem; }
  .md-row-gap-3 { row-gap: 0.75rem; }
  .md-hover-row-gap-3:hover { row-gap: 0.75rem; }
  .md-focus-row-gap-3:focus { row-gap: 0.75rem; }
  .md-active-row-gap-3:active { row-gap: 0.75rem; }
  .md-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  .md-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  .md-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  .md-group:hover .md-group-hover-row-gap-3 { row-gap: 0.75rem; }
  .md-row-gap-4 { row-gap: 1rem; }
  .md-hover-row-gap-4:hover { row-gap: 1rem; }
  .md-focus-row-gap-4:focus { row-gap: 1rem; }
  .md-active-row-gap-4:active { row-gap: 1rem; }
  .md-disabled-row-gap-4:disabled { row-gap: 1rem; }
  .md-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  .md-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  .md-group:hover .md-group-hover-row-gap-4 { row-gap: 1rem; }
  .md-row-gap-5 { row-gap: 1.25rem; }
  .md-hover-row-gap-5:hover { row-gap: 1.25rem; }
  .md-focus-row-gap-5:focus { row-gap: 1.25rem; }
  .md-active-row-gap-5:active { row-gap: 1.25rem; }
  .md-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  .md-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  .md-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  .md-group:hover .md-group-hover-row-gap-5 { row-gap: 1.25rem; }
  .md-row-gap-6 { row-gap: 1.5rem; }
  .md-hover-row-gap-6:hover { row-gap: 1.5rem; }
  .md-focus-row-gap-6:focus { row-gap: 1.5rem; }
  .md-active-row-gap-6:active { row-gap: 1.5rem; }
  .md-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  .md-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  .md-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  .md-group:hover .md-group-hover-row-gap-6 { row-gap: 1.5rem; }
  .md-row-gap-7 { row-gap: 1.75rem; }
  .md-hover-row-gap-7:hover { row-gap: 1.75rem; }
  .md-focus-row-gap-7:focus { row-gap: 1.75rem; }
  .md-active-row-gap-7:active { row-gap: 1.75rem; }
  .md-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  .md-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  .md-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  .md-group:hover .md-group-hover-row-gap-7 { row-gap: 1.75rem; }
  .md-row-gap-8 { row-gap: 2rem; }
  .md-hover-row-gap-8:hover { row-gap: 2rem; }
  .md-focus-row-gap-8:focus { row-gap: 2rem; }
  .md-active-row-gap-8:active { row-gap: 2rem; }
  .md-disabled-row-gap-8:disabled { row-gap: 2rem; }
  .md-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  .md-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  .md-group:hover .md-group-hover-row-gap-8 { row-gap: 2rem; }
  .md-row-gap-9 { row-gap: 2.25rem; }
  .md-hover-row-gap-9:hover { row-gap: 2.25rem; }
  .md-focus-row-gap-9:focus { row-gap: 2.25rem; }
  .md-active-row-gap-9:active { row-gap: 2.25rem; }
  .md-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  .md-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  .md-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  .md-group:hover .md-group-hover-row-gap-9 { row-gap: 2.25rem; }
  .md-row-gap-10 { row-gap: 2.5rem; }
  .md-hover-row-gap-10:hover { row-gap: 2.5rem; }
  .md-focus-row-gap-10:focus { row-gap: 2.5rem; }
  .md-active-row-gap-10:active { row-gap: 2.5rem; }
  .md-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  .md-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  .md-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  .md-group:hover .md-group-hover-row-gap-10 { row-gap: 2.5rem; }
  .md-row-gap-12 { row-gap: 3rem; }
  .md-hover-row-gap-12:hover { row-gap: 3rem; }
  .md-focus-row-gap-12:focus { row-gap: 3rem; }
  .md-active-row-gap-12:active { row-gap: 3rem; }
  .md-disabled-row-gap-12:disabled { row-gap: 3rem; }
  .md-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  .md-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  .md-group:hover .md-group-hover-row-gap-12 { row-gap: 3rem; }
  .md-row-gap-14 { row-gap: 3.5rem; }
  .md-hover-row-gap-14:hover { row-gap: 3.5rem; }
  .md-focus-row-gap-14:focus { row-gap: 3.5rem; }
  .md-active-row-gap-14:active { row-gap: 3.5rem; }
  .md-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  .md-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  .md-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  .md-group:hover .md-group-hover-row-gap-14 { row-gap: 3.5rem; }
  .md-row-gap-16 { row-gap: 4rem; }
  .md-hover-row-gap-16:hover { row-gap: 4rem; }
  .md-focus-row-gap-16:focus { row-gap: 4rem; }
  .md-active-row-gap-16:active { row-gap: 4rem; }
  .md-disabled-row-gap-16:disabled { row-gap: 4rem; }
  .md-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  .md-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  .md-group:hover .md-group-hover-row-gap-16 { row-gap: 4rem; }
  .md-row-gap-20 { row-gap: 5rem; }
  .md-hover-row-gap-20:hover { row-gap: 5rem; }
  .md-focus-row-gap-20:focus { row-gap: 5rem; }
  .md-active-row-gap-20:active { row-gap: 5rem; }
  .md-disabled-row-gap-20:disabled { row-gap: 5rem; }
  .md-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  .md-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  .md-group:hover .md-group-hover-row-gap-20 { row-gap: 5rem; }
  .md-row-gap-24 { row-gap: 6rem; }
  .md-hover-row-gap-24:hover { row-gap: 6rem; }
  .md-focus-row-gap-24:focus { row-gap: 6rem; }
  .md-active-row-gap-24:active { row-gap: 6rem; }
  .md-disabled-row-gap-24:disabled { row-gap: 6rem; }
  .md-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  .md-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  .md-group:hover .md-group-hover-row-gap-24 { row-gap: 6rem; }
  .md-row-gap-28 { row-gap: 7rem; }
  .md-hover-row-gap-28:hover { row-gap: 7rem; }
  .md-focus-row-gap-28:focus { row-gap: 7rem; }
  .md-active-row-gap-28:active { row-gap: 7rem; }
  .md-disabled-row-gap-28:disabled { row-gap: 7rem; }
  .md-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  .md-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  .md-group:hover .md-group-hover-row-gap-28 { row-gap: 7rem; }
  .md-row-gap-32 { row-gap: 8rem; }
  .md-hover-row-gap-32:hover { row-gap: 8rem; }
  .md-focus-row-gap-32:focus { row-gap: 8rem; }
  .md-active-row-gap-32:active { row-gap: 8rem; }
  .md-disabled-row-gap-32:disabled { row-gap: 8rem; }
  .md-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  .md-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  .md-group:hover .md-group-hover-row-gap-32 { row-gap: 8rem; }
  .md-column-gap-0 { column-gap: 0; }
  .md-hover-column-gap-0:hover { column-gap: 0; }
  .md-focus-column-gap-0:focus { column-gap: 0; }
  .md-active-column-gap-0:active { column-gap: 0; }
  .md-disabled-column-gap-0:disabled { column-gap: 0; }
  .md-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  .md-focus-within-column-gap-0:focus-within { column-gap: 0; }
  .md-group:hover .md-group-hover-column-gap-0 { column-gap: 0; }
  .md-column-gap-1 { column-gap: 0.25rem; }
  .md-hover-column-gap-1:hover { column-gap: 0.25rem; }
  .md-focus-column-gap-1:focus { column-gap: 0.25rem; }
  .md-active-column-gap-1:active { column-gap: 0.25rem; }
  .md-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  .md-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  .md-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  .md-group:hover .md-group-hover-column-gap-1 { column-gap: 0.25rem; }
  .md-column-gap-2 { column-gap: 0.5rem; }
  .md-hover-column-gap-2:hover { column-gap: 0.5rem; }
  .md-focus-column-gap-2:focus { column-gap: 0.5rem; }
  .md-active-column-gap-2:active { column-gap: 0.5rem; }
  .md-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  .md-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  .md-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  .md-group:hover .md-group-hover-column-gap-2 { column-gap: 0.5rem; }
  .md-column-gap-3 { column-gap: 0.75rem; }
  .md-hover-column-gap-3:hover { column-gap: 0.75rem; }
  .md-focus-column-gap-3:focus { column-gap: 0.75rem; }
  .md-active-column-gap-3:active { column-gap: 0.75rem; }
  .md-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  .md-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  .md-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  .md-group:hover .md-group-hover-column-gap-3 { column-gap: 0.75rem; }
  .md-column-gap-4 { column-gap: 1rem; }
  .md-hover-column-gap-4:hover { column-gap: 1rem; }
  .md-focus-column-gap-4:focus { column-gap: 1rem; }
  .md-active-column-gap-4:active { column-gap: 1rem; }
  .md-disabled-column-gap-4:disabled { column-gap: 1rem; }
  .md-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  .md-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  .md-group:hover .md-group-hover-column-gap-4 { column-gap: 1rem; }
  .md-column-gap-5 { column-gap: 1.25rem; }
  .md-hover-column-gap-5:hover { column-gap: 1.25rem; }
  .md-focus-column-gap-5:focus { column-gap: 1.25rem; }
  .md-active-column-gap-5:active { column-gap: 1.25rem; }
  .md-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  .md-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  .md-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  .md-group:hover .md-group-hover-column-gap-5 { column-gap: 1.25rem; }
  .md-column-gap-6 { column-gap: 1.5rem; }
  .md-hover-column-gap-6:hover { column-gap: 1.5rem; }
  .md-focus-column-gap-6:focus { column-gap: 1.5rem; }
  .md-active-column-gap-6:active { column-gap: 1.5rem; }
  .md-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  .md-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  .md-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  .md-group:hover .md-group-hover-column-gap-6 { column-gap: 1.5rem; }
  .md-column-gap-7 { column-gap: 1.75rem; }
  .md-hover-column-gap-7:hover { column-gap: 1.75rem; }
  .md-focus-column-gap-7:focus { column-gap: 1.75rem; }
  .md-active-column-gap-7:active { column-gap: 1.75rem; }
  .md-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  .md-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  .md-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  .md-group:hover .md-group-hover-column-gap-7 { column-gap: 1.75rem; }
  .md-column-gap-8 { column-gap: 2rem; }
  .md-hover-column-gap-8:hover { column-gap: 2rem; }
  .md-focus-column-gap-8:focus { column-gap: 2rem; }
  .md-active-column-gap-8:active { column-gap: 2rem; }
  .md-disabled-column-gap-8:disabled { column-gap: 2rem; }
  .md-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  .md-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  .md-group:hover .md-group-hover-column-gap-8 { column-gap: 2rem; }
  .md-column-gap-9 { column-gap: 2.25rem; }
  .md-hover-column-gap-9:hover { column-gap: 2.25rem; }
  .md-focus-column-gap-9:focus { column-gap: 2.25rem; }
  .md-active-column-gap-9:active { column-gap: 2.25rem; }
  .md-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  .md-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  .md-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  .md-group:hover .md-group-hover-column-gap-9 { column-gap: 2.25rem; }
  .md-column-gap-10 { column-gap: 2.5rem; }
  .md-hover-column-gap-10:hover { column-gap: 2.5rem; }
  .md-focus-column-gap-10:focus { column-gap: 2.5rem; }
  .md-active-column-gap-10:active { column-gap: 2.5rem; }
  .md-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  .md-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  .md-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  .md-group:hover .md-group-hover-column-gap-10 { column-gap: 2.5rem; }
  .md-column-gap-12 { column-gap: 3rem; }
  .md-hover-column-gap-12:hover { column-gap: 3rem; }
  .md-focus-column-gap-12:focus { column-gap: 3rem; }
  .md-active-column-gap-12:active { column-gap: 3rem; }
  .md-disabled-column-gap-12:disabled { column-gap: 3rem; }
  .md-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  .md-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  .md-group:hover .md-group-hover-column-gap-12 { column-gap: 3rem; }
  .md-column-gap-14 { column-gap: 3.5rem; }
  .md-hover-column-gap-14:hover { column-gap: 3.5rem; }
  .md-focus-column-gap-14:focus { column-gap: 3.5rem; }
  .md-active-column-gap-14:active { column-gap: 3.5rem; }
  .md-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  .md-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  .md-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  .md-group:hover .md-group-hover-column-gap-14 { column-gap: 3.5rem; }
  .md-column-gap-16 { column-gap: 4rem; }
  .md-hover-column-gap-16:hover { column-gap: 4rem; }
  .md-focus-column-gap-16:focus { column-gap: 4rem; }
  .md-active-column-gap-16:active { column-gap: 4rem; }
  .md-disabled-column-gap-16:disabled { column-gap: 4rem; }
  .md-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  .md-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  .md-group:hover .md-group-hover-column-gap-16 { column-gap: 4rem; }
  .md-column-gap-20 { column-gap: 5rem; }
  .md-hover-column-gap-20:hover { column-gap: 5rem; }
  .md-focus-column-gap-20:focus { column-gap: 5rem; }
  .md-active-column-gap-20:active { column-gap: 5rem; }
  .md-disabled-column-gap-20:disabled { column-gap: 5rem; }
  .md-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  .md-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  .md-group:hover .md-group-hover-column-gap-20 { column-gap: 5rem; }
  .md-column-gap-24 { column-gap: 6rem; }
  .md-hover-column-gap-24:hover { column-gap: 6rem; }
  .md-focus-column-gap-24:focus { column-gap: 6rem; }
  .md-active-column-gap-24:active { column-gap: 6rem; }
  .md-disabled-column-gap-24:disabled { column-gap: 6rem; }
  .md-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  .md-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  .md-group:hover .md-group-hover-column-gap-24 { column-gap: 6rem; }
  .md-column-gap-28 { column-gap: 7rem; }
  .md-hover-column-gap-28:hover { column-gap: 7rem; }
  .md-focus-column-gap-28:focus { column-gap: 7rem; }
  .md-active-column-gap-28:active { column-gap: 7rem; }
  .md-disabled-column-gap-28:disabled { column-gap: 7rem; }
  .md-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  .md-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  .md-group:hover .md-group-hover-column-gap-28 { column-gap: 7rem; }
  .md-column-gap-32 { column-gap: 8rem; }
  .md-hover-column-gap-32:hover { column-gap: 8rem; }
  .md-focus-column-gap-32:focus { column-gap: 8rem; }
  .md-active-column-gap-32:active { column-gap: 8rem; }
  .md-disabled-column-gap-32:disabled { column-gap: 8rem; }
  .md-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  .md-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  .md-group:hover .md-group-hover-column-gap-32 { column-gap: 8rem; }
  .md-flex-row { flex-direction: row; }
  .md-hover-flex-row:hover { flex-direction: row; }
  .md-focus-flex-row:focus { flex-direction: row; }
  .md-active-flex-row:active { flex-direction: row; }
  .md-disabled-flex-row:disabled { flex-direction: row; }
  .md-focus-visible-flex-row:focus-visible { flex-direction: row; }
  .md-focus-within-flex-row:focus-within { flex-direction: row; }
  .md-group:hover .md-group-hover-flex-row { flex-direction: row; }
  .md-flex-col { flex-direction: column; }
  .md-hover-flex-col:hover { flex-direction: column; }
  .md-focus-flex-col:focus { flex-direction: column; }
  .md-active-flex-col:active { flex-direction: column; }
  .md-disabled-flex-col:disabled { flex-direction: column; }
  .md-focus-visible-flex-col:focus-visible { flex-direction: column; }
  .md-focus-within-flex-col:focus-within { flex-direction: column; }
  .md-group:hover .md-group-hover-flex-col { flex-direction: column; }
  .md-flex-row-reverse { flex-direction: row-reverse; }
  .md-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  .md-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  .md-active-flex-row-reverse:active { flex-direction: row-reverse; }
  .md-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  .md-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  .md-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  .md-group:hover .md-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  .md-flex-col-reverse { flex-direction: column-reverse; }
  .md-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  .md-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  .md-active-flex-col-reverse:active { flex-direction: column-reverse; }
  .md-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  .md-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  .md-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  .md-group:hover .md-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  .md-flex-wrap { flex-wrap: wrap; }
  .md-hover-flex-wrap:hover { flex-wrap: wrap; }
  .md-focus-flex-wrap:focus { flex-wrap: wrap; }
  .md-active-flex-wrap:active { flex-wrap: wrap; }
  .md-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  .md-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  .md-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  .md-group:hover .md-group-hover-flex-wrap { flex-wrap: wrap; }
  .md-flex-nowrap { flex-wrap: nowrap; }
  .md-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  .md-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  .md-active-flex-nowrap:active { flex-wrap: nowrap; }
  .md-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  .md-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  .md-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  .md-group:hover .md-group-hover-flex-nowrap { flex-wrap: nowrap; }
  .md-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .md-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  .md-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  .md-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  .md-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  .md-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  .md-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  .md-group:hover .md-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .md-flex-1 { flex: 1; }
  .md-hover-flex-1:hover { flex: 1; }
  .md-focus-flex-1:focus { flex: 1; }
  .md-active-flex-1:active { flex: 1; }
  .md-disabled-flex-1:disabled { flex: 1; }
  .md-focus-visible-flex-1:focus-visible { flex: 1; }
  .md-focus-within-flex-1:focus-within { flex: 1; }
  .md-group:hover .md-group-hover-flex-1 { flex: 1; }
  .md-flex-auto { flex: auto; }
  .md-hover-flex-auto:hover { flex: auto; }
  .md-focus-flex-auto:focus { flex: auto; }
  .md-active-flex-auto:active { flex: auto; }
  .md-disabled-flex-auto:disabled { flex: auto; }
  .md-focus-visible-flex-auto:focus-visible { flex: auto; }
  .md-focus-within-flex-auto:focus-within { flex: auto; }
  .md-group:hover .md-group-hover-flex-auto { flex: auto; }
  .md-flex-initial { flex: initial; }
  .md-hover-flex-initial:hover { flex: initial; }
  .md-focus-flex-initial:focus { flex: initial; }
  .md-active-flex-initial:active { flex: initial; }
  .md-disabled-flex-initial:disabled { flex: initial; }
  .md-focus-visible-flex-initial:focus-visible { flex: initial; }
  .md-focus-within-flex-initial:focus-within { flex: initial; }
  .md-group:hover .md-group-hover-flex-initial { flex: initial; }
  .md-flex-none { flex: none; }
  .md-hover-flex-none:hover { flex: none; }
  .md-focus-flex-none:focus { flex: none; }
  .md-active-flex-none:active { flex: none; }
  .md-disabled-flex-none:disabled { flex: none; }
  .md-focus-visible-flex-none:focus-visible { flex: none; }
  .md-focus-within-flex-none:focus-within { flex: none; }
  .md-group:hover .md-group-hover-flex-none { flex: none; }
  .md-flex-grow-0 { flex-grow: 0; }
  .md-hover-flex-grow-0:hover { flex-grow: 0; }
  .md-focus-flex-grow-0:focus { flex-grow: 0; }
  .md-active-flex-grow-0:active { flex-grow: 0; }
  .md-disabled-flex-grow-0:disabled { flex-grow: 0; }
  .md-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  .md-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  .md-group:hover .md-group-hover-flex-grow-0 { flex-grow: 0; }
  .md-flex-grow-1 { flex-grow: 1; }
  .md-hover-flex-grow-1:hover { flex-grow: 1; }
  .md-focus-flex-grow-1:focus { flex-grow: 1; }
  .md-active-flex-grow-1:active { flex-grow: 1; }
  .md-disabled-flex-grow-1:disabled { flex-grow: 1; }
  .md-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  .md-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  .md-group:hover .md-group-hover-flex-grow-1 { flex-grow: 1; }
  .md-flex-shrink-0 { flex-shrink: 0; }
  .md-hover-flex-shrink-0:hover { flex-shrink: 0; }
  .md-focus-flex-shrink-0:focus { flex-shrink: 0; }
  .md-active-flex-shrink-0:active { flex-shrink: 0; }
  .md-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  .md-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  .md-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  .md-group:hover .md-group-hover-flex-shrink-0 { flex-shrink: 0; }
  .md-flex-shrink-1 { flex-shrink: 1; }
  .md-hover-flex-shrink-1:hover { flex-shrink: 1; }
  .md-focus-flex-shrink-1:focus { flex-shrink: 1; }
  .md-active-flex-shrink-1:active { flex-shrink: 1; }
  .md-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  .md-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  .md-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  .md-group:hover .md-group-hover-flex-shrink-1 { flex-shrink: 1; }
  .md-flex-basis-0 { flex-basis: 0; }
  .md-hover-flex-basis-0:hover { flex-basis: 0; }
  .md-focus-flex-basis-0:focus { flex-basis: 0; }
  .md-active-flex-basis-0:active { flex-basis: 0; }
  .md-disabled-flex-basis-0:disabled { flex-basis: 0; }
  .md-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  .md-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  .md-group:hover .md-group-hover-flex-basis-0 { flex-basis: 0; }
  .md-flex-basis-auto { flex-basis: auto; }
  .md-hover-flex-basis-auto:hover { flex-basis: auto; }
  .md-focus-flex-basis-auto:focus { flex-basis: auto; }
  .md-active-flex-basis-auto:active { flex-basis: auto; }
  .md-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  .md-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  .md-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  .md-group:hover .md-group-hover-flex-basis-auto { flex-basis: auto; }
  .md-flex-basis-full { flex-basis: 100%; }
  .md-hover-flex-basis-full:hover { flex-basis: 100%; }
  .md-focus-flex-basis-full:focus { flex-basis: 100%; }
  .md-active-flex-basis-full:active { flex-basis: 100%; }
  .md-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  .md-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  .md-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  .md-group:hover .md-group-hover-flex-basis-full { flex-basis: 100%; }
  .md-flex-basis-half { flex-basis: 50%; }
  .md-hover-flex-basis-half:hover { flex-basis: 50%; }
  .md-focus-flex-basis-half:focus { flex-basis: 50%; }
  .md-active-flex-basis-half:active { flex-basis: 50%; }
  .md-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  .md-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  .md-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  .md-group:hover .md-group-hover-flex-basis-half { flex-basis: 50%; }
  .md-flex-basis-one-third { flex-basis: 33.3333%; }
  .md-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  .md-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  .md-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  .md-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  .md-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  .md-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  .md-group:hover .md-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  .md-flex-basis-two-third { flex-basis: 66.6667%; }
  .md-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  .md-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  .md-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  .md-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  .md-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  .md-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  .md-group:hover .md-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  .md-flex-basis-one-quarter { flex-basis: 25%; }
  .md-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  .md-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  .md-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  .md-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  .md-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  .md-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  .md-group:hover .md-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  .md-flex-basis-three-quarter { flex-basis: 75%; }
  .md-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  .md-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  .md-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  .md-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  .md-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  .md-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  .md-group:hover .md-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  .md-flex-basis-one-fifth { flex-basis: 20%; }
  .md-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  .md-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  .md-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  .md-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  .md-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  .md-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  .md-group:hover .md-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  .md-flex-basis-two-fifth { flex-basis: 40%; }
  .md-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  .md-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  .md-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  .md-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  .md-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  .md-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  .md-group:hover .md-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  .md-flex-basis-three-fifth { flex-basis: 60%; }
  .md-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  .md-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  .md-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  .md-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  .md-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  .md-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  .md-group:hover .md-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  .md-flex-basis-four-fifth { flex-basis: 80%; }
  .md-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  .md-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  .md-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  .md-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  .md-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  .md-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  .md-group:hover .md-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  .md-order-first { order: -1; }
  .md-hover-order-first:hover { order: -1; }
  .md-focus-order-first:focus { order: -1; }
  .md-active-order-first:active { order: -1; }
  .md-disabled-order-first:disabled { order: -1; }
  .md-focus-visible-order-first:focus-visible { order: -1; }
  .md-focus-within-order-first:focus-within { order: -1; }
  .md-group:hover .md-group-hover-order-first { order: -1; }
  .md-order-last { order: 9999; }
  .md-hover-order-last:hover { order: 9999; }
  .md-focus-order-last:focus { order: 9999; }
  .md-active-order-last:active { order: 9999; }
  .md-disabled-order-last:disabled { order: 9999; }
  .md-focus-visible-order-last:focus-visible { order: 9999; }
  .md-focus-within-order-last:focus-within { order: 9999; }
  .md-group:hover .md-group-hover-order-last { order: 9999; }
  .md-order-0 { order: 0; }
  .md-hover-order-0:hover { order: 0; }
  .md-focus-order-0:focus { order: 0; }
  .md-active-order-0:active { order: 0; }
  .md-disabled-order-0:disabled { order: 0; }
  .md-focus-visible-order-0:focus-visible { order: 0; }
  .md-focus-within-order-0:focus-within { order: 0; }
  .md-group:hover .md-group-hover-order-0 { order: 0; }
  .md-order-1 { order: 1; }
  .md-hover-order-1:hover { order: 1; }
  .md-focus-order-1:focus { order: 1; }
  .md-active-order-1:active { order: 1; }
  .md-disabled-order-1:disabled { order: 1; }
  .md-focus-visible-order-1:focus-visible { order: 1; }
  .md-focus-within-order-1:focus-within { order: 1; }
  .md-group:hover .md-group-hover-order-1 { order: 1; }
  .md-order-2 { order: 2; }
  .md-hover-order-2:hover { order: 2; }
  .md-focus-order-2:focus { order: 2; }
  .md-active-order-2:active { order: 2; }
  .md-disabled-order-2:disabled { order: 2; }
  .md-focus-visible-order-2:focus-visible { order: 2; }
  .md-focus-within-order-2:focus-within { order: 2; }
  .md-group:hover .md-group-hover-order-2 { order: 2; }
  .md-order-3 { order: 3; }
  .md-hover-order-3:hover { order: 3; }
  .md-focus-order-3:focus { order: 3; }
  .md-active-order-3:active { order: 3; }
  .md-disabled-order-3:disabled { order: 3; }
  .md-focus-visible-order-3:focus-visible { order: 3; }
  .md-focus-within-order-3:focus-within { order: 3; }
  .md-group:hover .md-group-hover-order-3 { order: 3; }
  .md-order-4 { order: 4; }
  .md-hover-order-4:hover { order: 4; }
  .md-focus-order-4:focus { order: 4; }
  .md-active-order-4:active { order: 4; }
  .md-disabled-order-4:disabled { order: 4; }
  .md-focus-visible-order-4:focus-visible { order: 4; }
  .md-focus-within-order-4:focus-within { order: 4; }
  .md-group:hover .md-group-hover-order-4 { order: 4; }
  .md-order-5 { order: 5; }
  .md-hover-order-5:hover { order: 5; }
  .md-focus-order-5:focus { order: 5; }
  .md-active-order-5:active { order: 5; }
  .md-disabled-order-5:disabled { order: 5; }
  .md-focus-visible-order-5:focus-visible { order: 5; }
  .md-focus-within-order-5:focus-within { order: 5; }
  .md-group:hover .md-group-hover-order-5 { order: 5; }
  .md-order-6 { order: 6; }
  .md-hover-order-6:hover { order: 6; }
  .md-focus-order-6:focus { order: 6; }
  .md-active-order-6:active { order: 6; }
  .md-disabled-order-6:disabled { order: 6; }
  .md-focus-visible-order-6:focus-visible { order: 6; }
  .md-focus-within-order-6:focus-within { order: 6; }
  .md-group:hover .md-group-hover-order-6 { order: 6; }
  .md-order-7 { order: 7; }
  .md-hover-order-7:hover { order: 7; }
  .md-focus-order-7:focus { order: 7; }
  .md-active-order-7:active { order: 7; }
  .md-disabled-order-7:disabled { order: 7; }
  .md-focus-visible-order-7:focus-visible { order: 7; }
  .md-focus-within-order-7:focus-within { order: 7; }
  .md-group:hover .md-group-hover-order-7 { order: 7; }
  .md-order-8 { order: 8; }
  .md-hover-order-8:hover { order: 8; }
  .md-focus-order-8:focus { order: 8; }
  .md-active-order-8:active { order: 8; }
  .md-disabled-order-8:disabled { order: 8; }
  .md-focus-visible-order-8:focus-visible { order: 8; }
  .md-focus-within-order-8:focus-within { order: 8; }
  .md-group:hover .md-group-hover-order-8 { order: 8; }
  .md-order-9 { order: 9; }
  .md-hover-order-9:hover { order: 9; }
  .md-focus-order-9:focus { order: 9; }
  .md-active-order-9:active { order: 9; }
  .md-disabled-order-9:disabled { order: 9; }
  .md-focus-visible-order-9:focus-visible { order: 9; }
  .md-focus-within-order-9:focus-within { order: 9; }
  .md-group:hover .md-group-hover-order-9 { order: 9; }
  .md-order-10 { order: 10; }
  .md-hover-order-10:hover { order: 10; }
  .md-focus-order-10:focus { order: 10; }
  .md-active-order-10:active { order: 10; }
  .md-disabled-order-10:disabled { order: 10; }
  .md-focus-visible-order-10:focus-visible { order: 10; }
  .md-focus-within-order-10:focus-within { order: 10; }
  .md-group:hover .md-group-hover-order-10 { order: 10; }
  .md-order-11 { order: 11; }
  .md-hover-order-11:hover { order: 11; }
  .md-focus-order-11:focus { order: 11; }
  .md-active-order-11:active { order: 11; }
  .md-disabled-order-11:disabled { order: 11; }
  .md-focus-visible-order-11:focus-visible { order: 11; }
  .md-focus-within-order-11:focus-within { order: 11; }
  .md-group:hover .md-group-hover-order-11 { order: 11; }
  .md-order-12 { order: 12; }
  .md-hover-order-12:hover { order: 12; }
  .md-focus-order-12:focus { order: 12; }
  .md-active-order-12:active { order: 12; }
  .md-disabled-order-12:disabled { order: 12; }
  .md-focus-visible-order-12:focus-visible { order: 12; }
  .md-focus-within-order-12:focus-within { order: 12; }
  .md-group:hover .md-group-hover-order-12 { order: 12; }
  .md-whitespace-normal { white-space: normal; }
  .md-hover-whitespace-normal:hover { white-space: normal; }
  .md-focus-whitespace-normal:focus { white-space: normal; }
  .md-active-whitespace-normal:active { white-space: normal; }
  .md-disabled-whitespace-normal:disabled { white-space: normal; }
  .md-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  .md-focus-within-whitespace-normal:focus-within { white-space: normal; }
  .md-group:hover .md-group-hover-whitespace-normal { white-space: normal; }
  .md-whitespace-nowrap { white-space: nowrap; }
  .md-hover-whitespace-nowrap:hover { white-space: nowrap; }
  .md-focus-whitespace-nowrap:focus { white-space: nowrap; }
  .md-active-whitespace-nowrap:active { white-space: nowrap; }
  .md-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  .md-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  .md-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  .md-group:hover .md-group-hover-whitespace-nowrap { white-space: nowrap; }
  .md-whitespace-pre { white-space: pre; }
  .md-hover-whitespace-pre:hover { white-space: pre; }
  .md-focus-whitespace-pre:focus { white-space: pre; }
  .md-active-whitespace-pre:active { white-space: pre; }
  .md-disabled-whitespace-pre:disabled { white-space: pre; }
  .md-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  .md-focus-within-whitespace-pre:focus-within { white-space: pre; }
  .md-group:hover .md-group-hover-whitespace-pre { white-space: pre; }
  .md-whitespace-pre-line { white-space: pre-line; }
  .md-hover-whitespace-pre-line:hover { white-space: pre-line; }
  .md-focus-whitespace-pre-line:focus { white-space: pre-line; }
  .md-active-whitespace-pre-line:active { white-space: pre-line; }
  .md-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  .md-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  .md-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  .md-group:hover .md-group-hover-whitespace-pre-line { white-space: pre-line; }
  .md-whitespace-pre-wrap { white-space: pre-wrap; }
  .md-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  .md-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  .md-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  .md-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  .md-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  .md-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  .md-group:hover .md-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  .md-overflow-auto { overflow: auto; }
  .md-hover-overflow-auto:hover { overflow: auto; }
  .md-focus-overflow-auto:focus { overflow: auto; }
  .md-active-overflow-auto:active { overflow: auto; }
  .md-disabled-overflow-auto:disabled { overflow: auto; }
  .md-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  .md-focus-within-overflow-auto:focus-within { overflow: auto; }
  .md-group:hover .md-group-hover-overflow-auto { overflow: auto; }
  .md-overflow-hidden { overflow: hidden; }
  .md-hover-overflow-hidden:hover { overflow: hidden; }
  .md-focus-overflow-hidden:focus { overflow: hidden; }
  .md-active-overflow-hidden:active { overflow: hidden; }
  .md-disabled-overflow-hidden:disabled { overflow: hidden; }
  .md-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  .md-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  .md-group:hover .md-group-hover-overflow-hidden { overflow: hidden; }
  .md-overflow-visible { overflow: visible; }
  .md-hover-overflow-visible:hover { overflow: visible; }
  .md-focus-overflow-visible:focus { overflow: visible; }
  .md-active-overflow-visible:active { overflow: visible; }
  .md-disabled-overflow-visible:disabled { overflow: visible; }
  .md-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  .md-focus-within-overflow-visible:focus-within { overflow: visible; }
  .md-group:hover .md-group-hover-overflow-visible { overflow: visible; }
  .md-overflow-scroll { overflow: scroll; }
  .md-hover-overflow-scroll:hover { overflow: scroll; }
  .md-focus-overflow-scroll:focus { overflow: scroll; }
  .md-active-overflow-scroll:active { overflow: scroll; }
  .md-disabled-overflow-scroll:disabled { overflow: scroll; }
  .md-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  .md-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  .md-group:hover .md-group-hover-overflow-scroll { overflow: scroll; }
  .md-overflow-x-auto { overflow-x: auto; }
  .md-hover-overflow-x-auto:hover { overflow-x: auto; }
  .md-focus-overflow-x-auto:focus { overflow-x: auto; }
  .md-active-overflow-x-auto:active { overflow-x: auto; }
  .md-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  .md-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  .md-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  .md-group:hover .md-group-hover-overflow-x-auto { overflow-x: auto; }
  .md-overflow-x-hidden { overflow-x: hidden; }
  .md-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  .md-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  .md-active-overflow-x-hidden:active { overflow-x: hidden; }
  .md-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  .md-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  .md-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  .md-group:hover .md-group-hover-overflow-x-hidden { overflow-x: hidden; }
  .md-overflow-x-visible { overflow-x: visible; }
  .md-hover-overflow-x-visible:hover { overflow-x: visible; }
  .md-focus-overflow-x-visible:focus { overflow-x: visible; }
  .md-active-overflow-x-visible:active { overflow-x: visible; }
  .md-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  .md-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  .md-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  .md-group:hover .md-group-hover-overflow-x-visible { overflow-x: visible; }
  .md-overflow-x-scroll { overflow-x: scroll; }
  .md-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  .md-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  .md-active-overflow-x-scroll:active { overflow-x: scroll; }
  .md-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  .md-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  .md-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  .md-group:hover .md-group-hover-overflow-x-scroll { overflow-x: scroll; }
  .md-overflow-y-auto { overflow-y: auto; }
  .md-hover-overflow-y-auto:hover { overflow-y: auto; }
  .md-focus-overflow-y-auto:focus { overflow-y: auto; }
  .md-active-overflow-y-auto:active { overflow-y: auto; }
  .md-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  .md-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  .md-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  .md-group:hover .md-group-hover-overflow-y-auto { overflow-y: auto; }
  .md-overflow-y-hidden { overflow-y: hidden; }
  .md-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  .md-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  .md-active-overflow-y-hidden:active { overflow-y: hidden; }
  .md-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  .md-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  .md-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  .md-group:hover .md-group-hover-overflow-y-hidden { overflow-y: hidden; }
  .md-overflow-y-visible { overflow-y: visible; }
  .md-hover-overflow-y-visible:hover { overflow-y: visible; }
  .md-focus-overflow-y-visible:focus { overflow-y: visible; }
  .md-active-overflow-y-visible:active { overflow-y: visible; }
  .md-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  .md-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  .md-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  .md-group:hover .md-group-hover-overflow-y-visible { overflow-y: visible; }
  .md-overflow-y-scroll { overflow-y: scroll; }
  .md-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  .md-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  .md-active-overflow-y-scroll:active { overflow-y: scroll; }
  .md-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  .md-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  .md-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  .md-group:hover .md-group-hover-overflow-y-scroll { overflow-y: scroll; }
  .md-visible { visibility: visible; }
  .md-hover-visible:hover { visibility: visible; }
  .md-focus-visible:focus { visibility: visible; }
  .md-active-visible:active { visibility: visible; }
  .md-disabled-visible:disabled { visibility: visible; }
  .md-focus-visible-visible:focus-visible { visibility: visible; }
  .md-focus-within-visible:focus-within { visibility: visible; }
  .md-group:hover .md-group-hover-visible { visibility: visible; }
  .md-hidden { visibility: hidden; }
  .md-hover-hidden:hover { visibility: hidden; }
  .md-focus-hidden:focus { visibility: hidden; }
  .md-active-hidden:active { visibility: hidden; }
  .md-disabled-hidden:disabled { visibility: hidden; }
  .md-focus-visible-hidden:focus-visible { visibility: hidden; }
  .md-focus-within-hidden:focus-within { visibility: hidden; }
  .md-group:hover .md-group-hover-hidden { visibility: hidden; }
  .md-collapse { visibility: collapse; }
  .md-hover-collapse:hover { visibility: collapse; }
  .md-focus-collapse:focus { visibility: collapse; }
  .md-active-collapse:active { visibility: collapse; }
  .md-disabled-collapse:disabled { visibility: collapse; }
  .md-focus-visible-collapse:focus-visible { visibility: collapse; }
  .md-focus-within-collapse:focus-within { visibility: collapse; }
  .md-group:hover .md-group-hover-collapse { visibility: collapse; }
  .md-clear-left { clear: left; }
  .md-hover-clear-left:hover { clear: left; }
  .md-focus-clear-left:focus { clear: left; }
  .md-active-clear-left:active { clear: left; }
  .md-disabled-clear-left:disabled { clear: left; }
  .md-focus-visible-clear-left:focus-visible { clear: left; }
  .md-focus-within-clear-left:focus-within { clear: left; }
  .md-group:hover .md-group-hover-clear-left { clear: left; }
  .md-clear-right { clear: right; }
  .md-hover-clear-right:hover { clear: right; }
  .md-focus-clear-right:focus { clear: right; }
  .md-active-clear-right:active { clear: right; }
  .md-disabled-clear-right:disabled { clear: right; }
  .md-focus-visible-clear-right:focus-visible { clear: right; }
  .md-focus-within-clear-right:focus-within { clear: right; }
  .md-group:hover .md-group-hover-clear-right { clear: right; }
  .md-clear-both { clear: both; }
  .md-hover-clear-both:hover { clear: both; }
  .md-focus-clear-both:focus { clear: both; }
  .md-active-clear-both:active { clear: both; }
  .md-disabled-clear-both:disabled { clear: both; }
  .md-focus-visible-clear-both:focus-visible { clear: both; }
  .md-focus-within-clear-both:focus-within { clear: both; }
  .md-group:hover .md-group-hover-clear-both { clear: both; }
  .md-float-left { float: left; }
  .md-hover-float-left:hover { float: left; }
  .md-focus-float-left:focus { float: left; }
  .md-active-float-left:active { float: left; }
  .md-disabled-float-left:disabled { float: left; }
  .md-focus-visible-float-left:focus-visible { float: left; }
  .md-focus-within-float-left:focus-within { float: left; }
  .md-group:hover .md-group-hover-float-left { float: left; }
  .md-float-right { float: right; }
  .md-hover-float-right:hover { float: right; }
  .md-focus-float-right:focus { float: right; }
  .md-active-float-right:active { float: right; }
  .md-disabled-float-right:disabled { float: right; }
  .md-focus-visible-float-right:focus-visible { float: right; }
  .md-focus-within-float-right:focus-within { float: right; }
  .md-group:hover .md-group-hover-float-right { float: right; }
  .md-float-none { float: none; }
  .md-hover-float-none:hover { float: none; }
  .md-focus-float-none:focus { float: none; }
  .md-active-float-none:active { float: none; }
  .md-disabled-float-none:disabled { float: none; }
  .md-focus-visible-float-none:focus-visible { float: none; }
  .md-focus-within-float-none:focus-within { float: none; }
  .md-group:hover .md-group-hover-float-none { float: none; }
  .md-w-0 { width: 0; }
  .md-hover-w-0:hover { width: 0; }
  .md-focus-w-0:focus { width: 0; }
  .md-active-w-0:active { width: 0; }
  .md-disabled-w-0:disabled { width: 0; }
  .md-focus-visible-w-0:focus-visible { width: 0; }
  .md-focus-within-w-0:focus-within { width: 0; }
  .md-group:hover .md-group-hover-w-0 { width: 0; }
  .md-h-0 { height: 0; }
  .md-hover-h-0:hover { height: 0; }
  .md-focus-h-0:focus { height: 0; }
  .md-active-h-0:active { height: 0; }
  .md-disabled-h-0:disabled { height: 0; }
  .md-focus-visible-h-0:focus-visible { height: 0; }
  .md-focus-within-h-0:focus-within { height: 0; }
  .md-group:hover .md-group-hover-h-0 { height: 0; }
  .md-min-w-0 { min-width: 0; }
  .md-hover-min-w-0:hover { min-width: 0; }
  .md-focus-min-w-0:focus { min-width: 0; }
  .md-active-min-w-0:active { min-width: 0; }
  .md-disabled-min-w-0:disabled { min-width: 0; }
  .md-focus-visible-min-w-0:focus-visible { min-width: 0; }
  .md-focus-within-min-w-0:focus-within { min-width: 0; }
  .md-group:hover .md-group-hover-min-w-0 { min-width: 0; }
  .md-max-w-0 { max-width: 0; }
  .md-hover-max-w-0:hover { max-width: 0; }
  .md-focus-max-w-0:focus { max-width: 0; }
  .md-active-max-w-0:active { max-width: 0; }
  .md-disabled-max-w-0:disabled { max-width: 0; }
  .md-focus-visible-max-w-0:focus-visible { max-width: 0; }
  .md-focus-within-max-w-0:focus-within { max-width: 0; }
  .md-group:hover .md-group-hover-max-w-0 { max-width: 0; }
  .md-min-h-0 { min-height: 0; }
  .md-hover-min-h-0:hover { min-height: 0; }
  .md-focus-min-h-0:focus { min-height: 0; }
  .md-active-min-h-0:active { min-height: 0; }
  .md-disabled-min-h-0:disabled { min-height: 0; }
  .md-focus-visible-min-h-0:focus-visible { min-height: 0; }
  .md-focus-within-min-h-0:focus-within { min-height: 0; }
  .md-group:hover .md-group-hover-min-h-0 { min-height: 0; }
  .md-max-h-0 { max-height: 0; }
  .md-hover-max-h-0:hover { max-height: 0; }
  .md-focus-max-h-0:focus { max-height: 0; }
  .md-active-max-h-0:active { max-height: 0; }
  .md-disabled-max-h-0:disabled { max-height: 0; }
  .md-focus-visible-max-h-0:focus-visible { max-height: 0; }
  .md-focus-within-max-h-0:focus-within { max-height: 0; }
  .md-group:hover .md-group-hover-max-h-0 { max-height: 0; }
  .md-w-1 { width: 0.25rem; }
  .md-hover-w-1:hover { width: 0.25rem; }
  .md-focus-w-1:focus { width: 0.25rem; }
  .md-active-w-1:active { width: 0.25rem; }
  .md-disabled-w-1:disabled { width: 0.25rem; }
  .md-focus-visible-w-1:focus-visible { width: 0.25rem; }
  .md-focus-within-w-1:focus-within { width: 0.25rem; }
  .md-group:hover .md-group-hover-w-1 { width: 0.25rem; }
  .md-h-1 { height: 0.25rem; }
  .md-hover-h-1:hover { height: 0.25rem; }
  .md-focus-h-1:focus { height: 0.25rem; }
  .md-active-h-1:active { height: 0.25rem; }
  .md-disabled-h-1:disabled { height: 0.25rem; }
  .md-focus-visible-h-1:focus-visible { height: 0.25rem; }
  .md-focus-within-h-1:focus-within { height: 0.25rem; }
  .md-group:hover .md-group-hover-h-1 { height: 0.25rem; }
  .md-min-w-1 { min-width: 0.25rem; }
  .md-hover-min-w-1:hover { min-width: 0.25rem; }
  .md-focus-min-w-1:focus { min-width: 0.25rem; }
  .md-active-min-w-1:active { min-width: 0.25rem; }
  .md-disabled-min-w-1:disabled { min-width: 0.25rem; }
  .md-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  .md-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  .md-group:hover .md-group-hover-min-w-1 { min-width: 0.25rem; }
  .md-max-w-1 { max-width: 0.25rem; }
  .md-hover-max-w-1:hover { max-width: 0.25rem; }
  .md-focus-max-w-1:focus { max-width: 0.25rem; }
  .md-active-max-w-1:active { max-width: 0.25rem; }
  .md-disabled-max-w-1:disabled { max-width: 0.25rem; }
  .md-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  .md-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  .md-group:hover .md-group-hover-max-w-1 { max-width: 0.25rem; }
  .md-min-h-1 { min-height: 0.25rem; }
  .md-hover-min-h-1:hover { min-height: 0.25rem; }
  .md-focus-min-h-1:focus { min-height: 0.25rem; }
  .md-active-min-h-1:active { min-height: 0.25rem; }
  .md-disabled-min-h-1:disabled { min-height: 0.25rem; }
  .md-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  .md-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  .md-group:hover .md-group-hover-min-h-1 { min-height: 0.25rem; }
  .md-max-h-1 { max-height: 0.25rem; }
  .md-hover-max-h-1:hover { max-height: 0.25rem; }
  .md-focus-max-h-1:focus { max-height: 0.25rem; }
  .md-active-max-h-1:active { max-height: 0.25rem; }
  .md-disabled-max-h-1:disabled { max-height: 0.25rem; }
  .md-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  .md-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  .md-group:hover .md-group-hover-max-h-1 { max-height: 0.25rem; }
  .md-w-2 { width: 0.5rem; }
  .md-hover-w-2:hover { width: 0.5rem; }
  .md-focus-w-2:focus { width: 0.5rem; }
  .md-active-w-2:active { width: 0.5rem; }
  .md-disabled-w-2:disabled { width: 0.5rem; }
  .md-focus-visible-w-2:focus-visible { width: 0.5rem; }
  .md-focus-within-w-2:focus-within { width: 0.5rem; }
  .md-group:hover .md-group-hover-w-2 { width: 0.5rem; }
  .md-h-2 { height: 0.5rem; }
  .md-hover-h-2:hover { height: 0.5rem; }
  .md-focus-h-2:focus { height: 0.5rem; }
  .md-active-h-2:active { height: 0.5rem; }
  .md-disabled-h-2:disabled { height: 0.5rem; }
  .md-focus-visible-h-2:focus-visible { height: 0.5rem; }
  .md-focus-within-h-2:focus-within { height: 0.5rem; }
  .md-group:hover .md-group-hover-h-2 { height: 0.5rem; }
  .md-min-w-2 { min-width: 0.5rem; }
  .md-hover-min-w-2:hover { min-width: 0.5rem; }
  .md-focus-min-w-2:focus { min-width: 0.5rem; }
  .md-active-min-w-2:active { min-width: 0.5rem; }
  .md-disabled-min-w-2:disabled { min-width: 0.5rem; }
  .md-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  .md-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  .md-group:hover .md-group-hover-min-w-2 { min-width: 0.5rem; }
  .md-max-w-2 { max-width: 0.5rem; }
  .md-hover-max-w-2:hover { max-width: 0.5rem; }
  .md-focus-max-w-2:focus { max-width: 0.5rem; }
  .md-active-max-w-2:active { max-width: 0.5rem; }
  .md-disabled-max-w-2:disabled { max-width: 0.5rem; }
  .md-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  .md-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  .md-group:hover .md-group-hover-max-w-2 { max-width: 0.5rem; }
  .md-min-h-2 { min-height: 0.5rem; }
  .md-hover-min-h-2:hover { min-height: 0.5rem; }
  .md-focus-min-h-2:focus { min-height: 0.5rem; }
  .md-active-min-h-2:active { min-height: 0.5rem; }
  .md-disabled-min-h-2:disabled { min-height: 0.5rem; }
  .md-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  .md-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  .md-group:hover .md-group-hover-min-h-2 { min-height: 0.5rem; }
  .md-max-h-2 { max-height: 0.5rem; }
  .md-hover-max-h-2:hover { max-height: 0.5rem; }
  .md-focus-max-h-2:focus { max-height: 0.5rem; }
  .md-active-max-h-2:active { max-height: 0.5rem; }
  .md-disabled-max-h-2:disabled { max-height: 0.5rem; }
  .md-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  .md-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  .md-group:hover .md-group-hover-max-h-2 { max-height: 0.5rem; }
  .md-w-3 { width: 0.75rem; }
  .md-hover-w-3:hover { width: 0.75rem; }
  .md-focus-w-3:focus { width: 0.75rem; }
  .md-active-w-3:active { width: 0.75rem; }
  .md-disabled-w-3:disabled { width: 0.75rem; }
  .md-focus-visible-w-3:focus-visible { width: 0.75rem; }
  .md-focus-within-w-3:focus-within { width: 0.75rem; }
  .md-group:hover .md-group-hover-w-3 { width: 0.75rem; }
  .md-h-3 { height: 0.75rem; }
  .md-hover-h-3:hover { height: 0.75rem; }
  .md-focus-h-3:focus { height: 0.75rem; }
  .md-active-h-3:active { height: 0.75rem; }
  .md-disabled-h-3:disabled { height: 0.75rem; }
  .md-focus-visible-h-3:focus-visible { height: 0.75rem; }
  .md-focus-within-h-3:focus-within { height: 0.75rem; }
  .md-group:hover .md-group-hover-h-3 { height: 0.75rem; }
  .md-min-w-3 { min-width: 0.75rem; }
  .md-hover-min-w-3:hover { min-width: 0.75rem; }
  .md-focus-min-w-3:focus { min-width: 0.75rem; }
  .md-active-min-w-3:active { min-width: 0.75rem; }
  .md-disabled-min-w-3:disabled { min-width: 0.75rem; }
  .md-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  .md-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  .md-group:hover .md-group-hover-min-w-3 { min-width: 0.75rem; }
  .md-max-w-3 { max-width: 0.75rem; }
  .md-hover-max-w-3:hover { max-width: 0.75rem; }
  .md-focus-max-w-3:focus { max-width: 0.75rem; }
  .md-active-max-w-3:active { max-width: 0.75rem; }
  .md-disabled-max-w-3:disabled { max-width: 0.75rem; }
  .md-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  .md-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  .md-group:hover .md-group-hover-max-w-3 { max-width: 0.75rem; }
  .md-min-h-3 { min-height: 0.75rem; }
  .md-hover-min-h-3:hover { min-height: 0.75rem; }
  .md-focus-min-h-3:focus { min-height: 0.75rem; }
  .md-active-min-h-3:active { min-height: 0.75rem; }
  .md-disabled-min-h-3:disabled { min-height: 0.75rem; }
  .md-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  .md-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  .md-group:hover .md-group-hover-min-h-3 { min-height: 0.75rem; }
  .md-max-h-3 { max-height: 0.75rem; }
  .md-hover-max-h-3:hover { max-height: 0.75rem; }
  .md-focus-max-h-3:focus { max-height: 0.75rem; }
  .md-active-max-h-3:active { max-height: 0.75rem; }
  .md-disabled-max-h-3:disabled { max-height: 0.75rem; }
  .md-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  .md-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  .md-group:hover .md-group-hover-max-h-3 { max-height: 0.75rem; }
  .md-w-4 { width: 1rem; }
  .md-hover-w-4:hover { width: 1rem; }
  .md-focus-w-4:focus { width: 1rem; }
  .md-active-w-4:active { width: 1rem; }
  .md-disabled-w-4:disabled { width: 1rem; }
  .md-focus-visible-w-4:focus-visible { width: 1rem; }
  .md-focus-within-w-4:focus-within { width: 1rem; }
  .md-group:hover .md-group-hover-w-4 { width: 1rem; }
  .md-h-4 { height: 1rem; }
  .md-hover-h-4:hover { height: 1rem; }
  .md-focus-h-4:focus { height: 1rem; }
  .md-active-h-4:active { height: 1rem; }
  .md-disabled-h-4:disabled { height: 1rem; }
  .md-focus-visible-h-4:focus-visible { height: 1rem; }
  .md-focus-within-h-4:focus-within { height: 1rem; }
  .md-group:hover .md-group-hover-h-4 { height: 1rem; }
  .md-min-w-4 { min-width: 1rem; }
  .md-hover-min-w-4:hover { min-width: 1rem; }
  .md-focus-min-w-4:focus { min-width: 1rem; }
  .md-active-min-w-4:active { min-width: 1rem; }
  .md-disabled-min-w-4:disabled { min-width: 1rem; }
  .md-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  .md-focus-within-min-w-4:focus-within { min-width: 1rem; }
  .md-group:hover .md-group-hover-min-w-4 { min-width: 1rem; }
  .md-max-w-4 { max-width: 1rem; }
  .md-hover-max-w-4:hover { max-width: 1rem; }
  .md-focus-max-w-4:focus { max-width: 1rem; }
  .md-active-max-w-4:active { max-width: 1rem; }
  .md-disabled-max-w-4:disabled { max-width: 1rem; }
  .md-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  .md-focus-within-max-w-4:focus-within { max-width: 1rem; }
  .md-group:hover .md-group-hover-max-w-4 { max-width: 1rem; }
  .md-min-h-4 { min-height: 1rem; }
  .md-hover-min-h-4:hover { min-height: 1rem; }
  .md-focus-min-h-4:focus { min-height: 1rem; }
  .md-active-min-h-4:active { min-height: 1rem; }
  .md-disabled-min-h-4:disabled { min-height: 1rem; }
  .md-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  .md-focus-within-min-h-4:focus-within { min-height: 1rem; }
  .md-group:hover .md-group-hover-min-h-4 { min-height: 1rem; }
  .md-max-h-4 { max-height: 1rem; }
  .md-hover-max-h-4:hover { max-height: 1rem; }
  .md-focus-max-h-4:focus { max-height: 1rem; }
  .md-active-max-h-4:active { max-height: 1rem; }
  .md-disabled-max-h-4:disabled { max-height: 1rem; }
  .md-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  .md-focus-within-max-h-4:focus-within { max-height: 1rem; }
  .md-group:hover .md-group-hover-max-h-4 { max-height: 1rem; }
  .md-w-5 { width: 1.25rem; }
  .md-hover-w-5:hover { width: 1.25rem; }
  .md-focus-w-5:focus { width: 1.25rem; }
  .md-active-w-5:active { width: 1.25rem; }
  .md-disabled-w-5:disabled { width: 1.25rem; }
  .md-focus-visible-w-5:focus-visible { width: 1.25rem; }
  .md-focus-within-w-5:focus-within { width: 1.25rem; }
  .md-group:hover .md-group-hover-w-5 { width: 1.25rem; }
  .md-h-5 { height: 1.25rem; }
  .md-hover-h-5:hover { height: 1.25rem; }
  .md-focus-h-5:focus { height: 1.25rem; }
  .md-active-h-5:active { height: 1.25rem; }
  .md-disabled-h-5:disabled { height: 1.25rem; }
  .md-focus-visible-h-5:focus-visible { height: 1.25rem; }
  .md-focus-within-h-5:focus-within { height: 1.25rem; }
  .md-group:hover .md-group-hover-h-5 { height: 1.25rem; }
  .md-min-w-5 { min-width: 1.25rem; }
  .md-hover-min-w-5:hover { min-width: 1.25rem; }
  .md-focus-min-w-5:focus { min-width: 1.25rem; }
  .md-active-min-w-5:active { min-width: 1.25rem; }
  .md-disabled-min-w-5:disabled { min-width: 1.25rem; }
  .md-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  .md-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  .md-group:hover .md-group-hover-min-w-5 { min-width: 1.25rem; }
  .md-max-w-5 { max-width: 1.25rem; }
  .md-hover-max-w-5:hover { max-width: 1.25rem; }
  .md-focus-max-w-5:focus { max-width: 1.25rem; }
  .md-active-max-w-5:active { max-width: 1.25rem; }
  .md-disabled-max-w-5:disabled { max-width: 1.25rem; }
  .md-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  .md-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  .md-group:hover .md-group-hover-max-w-5 { max-width: 1.25rem; }
  .md-min-h-5 { min-height: 1.25rem; }
  .md-hover-min-h-5:hover { min-height: 1.25rem; }
  .md-focus-min-h-5:focus { min-height: 1.25rem; }
  .md-active-min-h-5:active { min-height: 1.25rem; }
  .md-disabled-min-h-5:disabled { min-height: 1.25rem; }
  .md-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  .md-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  .md-group:hover .md-group-hover-min-h-5 { min-height: 1.25rem; }
  .md-max-h-5 { max-height: 1.25rem; }
  .md-hover-max-h-5:hover { max-height: 1.25rem; }
  .md-focus-max-h-5:focus { max-height: 1.25rem; }
  .md-active-max-h-5:active { max-height: 1.25rem; }
  .md-disabled-max-h-5:disabled { max-height: 1.25rem; }
  .md-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  .md-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  .md-group:hover .md-group-hover-max-h-5 { max-height: 1.25rem; }
  .md-w-6 { width: 1.5rem; }
  .md-hover-w-6:hover { width: 1.5rem; }
  .md-focus-w-6:focus { width: 1.5rem; }
  .md-active-w-6:active { width: 1.5rem; }
  .md-disabled-w-6:disabled { width: 1.5rem; }
  .md-focus-visible-w-6:focus-visible { width: 1.5rem; }
  .md-focus-within-w-6:focus-within { width: 1.5rem; }
  .md-group:hover .md-group-hover-w-6 { width: 1.5rem; }
  .md-h-6 { height: 1.5rem; }
  .md-hover-h-6:hover { height: 1.5rem; }
  .md-focus-h-6:focus { height: 1.5rem; }
  .md-active-h-6:active { height: 1.5rem; }
  .md-disabled-h-6:disabled { height: 1.5rem; }
  .md-focus-visible-h-6:focus-visible { height: 1.5rem; }
  .md-focus-within-h-6:focus-within { height: 1.5rem; }
  .md-group:hover .md-group-hover-h-6 { height: 1.5rem; }
  .md-min-w-6 { min-width: 1.5rem; }
  .md-hover-min-w-6:hover { min-width: 1.5rem; }
  .md-focus-min-w-6:focus { min-width: 1.5rem; }
  .md-active-min-w-6:active { min-width: 1.5rem; }
  .md-disabled-min-w-6:disabled { min-width: 1.5rem; }
  .md-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  .md-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  .md-group:hover .md-group-hover-min-w-6 { min-width: 1.5rem; }
  .md-max-w-6 { max-width: 1.5rem; }
  .md-hover-max-w-6:hover { max-width: 1.5rem; }
  .md-focus-max-w-6:focus { max-width: 1.5rem; }
  .md-active-max-w-6:active { max-width: 1.5rem; }
  .md-disabled-max-w-6:disabled { max-width: 1.5rem; }
  .md-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  .md-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  .md-group:hover .md-group-hover-max-w-6 { max-width: 1.5rem; }
  .md-min-h-6 { min-height: 1.5rem; }
  .md-hover-min-h-6:hover { min-height: 1.5rem; }
  .md-focus-min-h-6:focus { min-height: 1.5rem; }
  .md-active-min-h-6:active { min-height: 1.5rem; }
  .md-disabled-min-h-6:disabled { min-height: 1.5rem; }
  .md-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  .md-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  .md-group:hover .md-group-hover-min-h-6 { min-height: 1.5rem; }
  .md-max-h-6 { max-height: 1.5rem; }
  .md-hover-max-h-6:hover { max-height: 1.5rem; }
  .md-focus-max-h-6:focus { max-height: 1.5rem; }
  .md-active-max-h-6:active { max-height: 1.5rem; }
  .md-disabled-max-h-6:disabled { max-height: 1.5rem; }
  .md-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  .md-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  .md-group:hover .md-group-hover-max-h-6 { max-height: 1.5rem; }
  .md-w-7 { width: 1.75rem; }
  .md-hover-w-7:hover { width: 1.75rem; }
  .md-focus-w-7:focus { width: 1.75rem; }
  .md-active-w-7:active { width: 1.75rem; }
  .md-disabled-w-7:disabled { width: 1.75rem; }
  .md-focus-visible-w-7:focus-visible { width: 1.75rem; }
  .md-focus-within-w-7:focus-within { width: 1.75rem; }
  .md-group:hover .md-group-hover-w-7 { width: 1.75rem; }
  .md-h-7 { height: 1.75rem; }
  .md-hover-h-7:hover { height: 1.75rem; }
  .md-focus-h-7:focus { height: 1.75rem; }
  .md-active-h-7:active { height: 1.75rem; }
  .md-disabled-h-7:disabled { height: 1.75rem; }
  .md-focus-visible-h-7:focus-visible { height: 1.75rem; }
  .md-focus-within-h-7:focus-within { height: 1.75rem; }
  .md-group:hover .md-group-hover-h-7 { height: 1.75rem; }
  .md-min-w-7 { min-width: 1.75rem; }
  .md-hover-min-w-7:hover { min-width: 1.75rem; }
  .md-focus-min-w-7:focus { min-width: 1.75rem; }
  .md-active-min-w-7:active { min-width: 1.75rem; }
  .md-disabled-min-w-7:disabled { min-width: 1.75rem; }
  .md-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  .md-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  .md-group:hover .md-group-hover-min-w-7 { min-width: 1.75rem; }
  .md-max-w-7 { max-width: 1.75rem; }
  .md-hover-max-w-7:hover { max-width: 1.75rem; }
  .md-focus-max-w-7:focus { max-width: 1.75rem; }
  .md-active-max-w-7:active { max-width: 1.75rem; }
  .md-disabled-max-w-7:disabled { max-width: 1.75rem; }
  .md-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  .md-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  .md-group:hover .md-group-hover-max-w-7 { max-width: 1.75rem; }
  .md-min-h-7 { min-height: 1.75rem; }
  .md-hover-min-h-7:hover { min-height: 1.75rem; }
  .md-focus-min-h-7:focus { min-height: 1.75rem; }
  .md-active-min-h-7:active { min-height: 1.75rem; }
  .md-disabled-min-h-7:disabled { min-height: 1.75rem; }
  .md-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  .md-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  .md-group:hover .md-group-hover-min-h-7 { min-height: 1.75rem; }
  .md-max-h-7 { max-height: 1.75rem; }
  .md-hover-max-h-7:hover { max-height: 1.75rem; }
  .md-focus-max-h-7:focus { max-height: 1.75rem; }
  .md-active-max-h-7:active { max-height: 1.75rem; }
  .md-disabled-max-h-7:disabled { max-height: 1.75rem; }
  .md-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  .md-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  .md-group:hover .md-group-hover-max-h-7 { max-height: 1.75rem; }
  .md-w-8 { width: 2rem; }
  .md-hover-w-8:hover { width: 2rem; }
  .md-focus-w-8:focus { width: 2rem; }
  .md-active-w-8:active { width: 2rem; }
  .md-disabled-w-8:disabled { width: 2rem; }
  .md-focus-visible-w-8:focus-visible { width: 2rem; }
  .md-focus-within-w-8:focus-within { width: 2rem; }
  .md-group:hover .md-group-hover-w-8 { width: 2rem; }
  .md-h-8 { height: 2rem; }
  .md-hover-h-8:hover { height: 2rem; }
  .md-focus-h-8:focus { height: 2rem; }
  .md-active-h-8:active { height: 2rem; }
  .md-disabled-h-8:disabled { height: 2rem; }
  .md-focus-visible-h-8:focus-visible { height: 2rem; }
  .md-focus-within-h-8:focus-within { height: 2rem; }
  .md-group:hover .md-group-hover-h-8 { height: 2rem; }
  .md-min-w-8 { min-width: 2rem; }
  .md-hover-min-w-8:hover { min-width: 2rem; }
  .md-focus-min-w-8:focus { min-width: 2rem; }
  .md-active-min-w-8:active { min-width: 2rem; }
  .md-disabled-min-w-8:disabled { min-width: 2rem; }
  .md-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  .md-focus-within-min-w-8:focus-within { min-width: 2rem; }
  .md-group:hover .md-group-hover-min-w-8 { min-width: 2rem; }
  .md-max-w-8 { max-width: 2rem; }
  .md-hover-max-w-8:hover { max-width: 2rem; }
  .md-focus-max-w-8:focus { max-width: 2rem; }
  .md-active-max-w-8:active { max-width: 2rem; }
  .md-disabled-max-w-8:disabled { max-width: 2rem; }
  .md-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  .md-focus-within-max-w-8:focus-within { max-width: 2rem; }
  .md-group:hover .md-group-hover-max-w-8 { max-width: 2rem; }
  .md-min-h-8 { min-height: 2rem; }
  .md-hover-min-h-8:hover { min-height: 2rem; }
  .md-focus-min-h-8:focus { min-height: 2rem; }
  .md-active-min-h-8:active { min-height: 2rem; }
  .md-disabled-min-h-8:disabled { min-height: 2rem; }
  .md-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  .md-focus-within-min-h-8:focus-within { min-height: 2rem; }
  .md-group:hover .md-group-hover-min-h-8 { min-height: 2rem; }
  .md-max-h-8 { max-height: 2rem; }
  .md-hover-max-h-8:hover { max-height: 2rem; }
  .md-focus-max-h-8:focus { max-height: 2rem; }
  .md-active-max-h-8:active { max-height: 2rem; }
  .md-disabled-max-h-8:disabled { max-height: 2rem; }
  .md-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  .md-focus-within-max-h-8:focus-within { max-height: 2rem; }
  .md-group:hover .md-group-hover-max-h-8 { max-height: 2rem; }
  .md-w-9 { width: 2.25rem; }
  .md-hover-w-9:hover { width: 2.25rem; }
  .md-focus-w-9:focus { width: 2.25rem; }
  .md-active-w-9:active { width: 2.25rem; }
  .md-disabled-w-9:disabled { width: 2.25rem; }
  .md-focus-visible-w-9:focus-visible { width: 2.25rem; }
  .md-focus-within-w-9:focus-within { width: 2.25rem; }
  .md-group:hover .md-group-hover-w-9 { width: 2.25rem; }
  .md-h-9 { height: 2.25rem; }
  .md-hover-h-9:hover { height: 2.25rem; }
  .md-focus-h-9:focus { height: 2.25rem; }
  .md-active-h-9:active { height: 2.25rem; }
  .md-disabled-h-9:disabled { height: 2.25rem; }
  .md-focus-visible-h-9:focus-visible { height: 2.25rem; }
  .md-focus-within-h-9:focus-within { height: 2.25rem; }
  .md-group:hover .md-group-hover-h-9 { height: 2.25rem; }
  .md-min-w-9 { min-width: 2.25rem; }
  .md-hover-min-w-9:hover { min-width: 2.25rem; }
  .md-focus-min-w-9:focus { min-width: 2.25rem; }
  .md-active-min-w-9:active { min-width: 2.25rem; }
  .md-disabled-min-w-9:disabled { min-width: 2.25rem; }
  .md-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  .md-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  .md-group:hover .md-group-hover-min-w-9 { min-width: 2.25rem; }
  .md-max-w-9 { max-width: 2.25rem; }
  .md-hover-max-w-9:hover { max-width: 2.25rem; }
  .md-focus-max-w-9:focus { max-width: 2.25rem; }
  .md-active-max-w-9:active { max-width: 2.25rem; }
  .md-disabled-max-w-9:disabled { max-width: 2.25rem; }
  .md-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  .md-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  .md-group:hover .md-group-hover-max-w-9 { max-width: 2.25rem; }
  .md-min-h-9 { min-height: 2.25rem; }
  .md-hover-min-h-9:hover { min-height: 2.25rem; }
  .md-focus-min-h-9:focus { min-height: 2.25rem; }
  .md-active-min-h-9:active { min-height: 2.25rem; }
  .md-disabled-min-h-9:disabled { min-height: 2.25rem; }
  .md-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  .md-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  .md-group:hover .md-group-hover-min-h-9 { min-height: 2.25rem; }
  .md-max-h-9 { max-height: 2.25rem; }
  .md-hover-max-h-9:hover { max-height: 2.25rem; }
  .md-focus-max-h-9:focus { max-height: 2.25rem; }
  .md-active-max-h-9:active { max-height: 2.25rem; }
  .md-disabled-max-h-9:disabled { max-height: 2.25rem; }
  .md-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  .md-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  .md-group:hover .md-group-hover-max-h-9 { max-height: 2.25rem; }
  .md-w-10 { width: 2.5rem; }
  .md-hover-w-10:hover { width: 2.5rem; }
  .md-focus-w-10:focus { width: 2.5rem; }
  .md-active-w-10:active { width: 2.5rem; }
  .md-disabled-w-10:disabled { width: 2.5rem; }
  .md-focus-visible-w-10:focus-visible { width: 2.5rem; }
  .md-focus-within-w-10:focus-within { width: 2.5rem; }
  .md-group:hover .md-group-hover-w-10 { width: 2.5rem; }
  .md-h-10 { height: 2.5rem; }
  .md-hover-h-10:hover { height: 2.5rem; }
  .md-focus-h-10:focus { height: 2.5rem; }
  .md-active-h-10:active { height: 2.5rem; }
  .md-disabled-h-10:disabled { height: 2.5rem; }
  .md-focus-visible-h-10:focus-visible { height: 2.5rem; }
  .md-focus-within-h-10:focus-within { height: 2.5rem; }
  .md-group:hover .md-group-hover-h-10 { height: 2.5rem; }
  .md-min-w-10 { min-width: 2.5rem; }
  .md-hover-min-w-10:hover { min-width: 2.5rem; }
  .md-focus-min-w-10:focus { min-width: 2.5rem; }
  .md-active-min-w-10:active { min-width: 2.5rem; }
  .md-disabled-min-w-10:disabled { min-width: 2.5rem; }
  .md-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  .md-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  .md-group:hover .md-group-hover-min-w-10 { min-width: 2.5rem; }
  .md-max-w-10 { max-width: 2.5rem; }
  .md-hover-max-w-10:hover { max-width: 2.5rem; }
  .md-focus-max-w-10:focus { max-width: 2.5rem; }
  .md-active-max-w-10:active { max-width: 2.5rem; }
  .md-disabled-max-w-10:disabled { max-width: 2.5rem; }
  .md-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  .md-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  .md-group:hover .md-group-hover-max-w-10 { max-width: 2.5rem; }
  .md-min-h-10 { min-height: 2.5rem; }
  .md-hover-min-h-10:hover { min-height: 2.5rem; }
  .md-focus-min-h-10:focus { min-height: 2.5rem; }
  .md-active-min-h-10:active { min-height: 2.5rem; }
  .md-disabled-min-h-10:disabled { min-height: 2.5rem; }
  .md-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  .md-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  .md-group:hover .md-group-hover-min-h-10 { min-height: 2.5rem; }
  .md-max-h-10 { max-height: 2.5rem; }
  .md-hover-max-h-10:hover { max-height: 2.5rem; }
  .md-focus-max-h-10:focus { max-height: 2.5rem; }
  .md-active-max-h-10:active { max-height: 2.5rem; }
  .md-disabled-max-h-10:disabled { max-height: 2.5rem; }
  .md-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  .md-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  .md-group:hover .md-group-hover-max-h-10 { max-height: 2.5rem; }
  .md-w-11 { width: 2.75rem; }
  .md-hover-w-11:hover { width: 2.75rem; }
  .md-focus-w-11:focus { width: 2.75rem; }
  .md-active-w-11:active { width: 2.75rem; }
  .md-disabled-w-11:disabled { width: 2.75rem; }
  .md-focus-visible-w-11:focus-visible { width: 2.75rem; }
  .md-focus-within-w-11:focus-within { width: 2.75rem; }
  .md-group:hover .md-group-hover-w-11 { width: 2.75rem; }
  .md-h-11 { height: 2.75rem; }
  .md-hover-h-11:hover { height: 2.75rem; }
  .md-focus-h-11:focus { height: 2.75rem; }
  .md-active-h-11:active { height: 2.75rem; }
  .md-disabled-h-11:disabled { height: 2.75rem; }
  .md-focus-visible-h-11:focus-visible { height: 2.75rem; }
  .md-focus-within-h-11:focus-within { height: 2.75rem; }
  .md-group:hover .md-group-hover-h-11 { height: 2.75rem; }
  .md-min-w-11 { min-width: 2.75rem; }
  .md-hover-min-w-11:hover { min-width: 2.75rem; }
  .md-focus-min-w-11:focus { min-width: 2.75rem; }
  .md-active-min-w-11:active { min-width: 2.75rem; }
  .md-disabled-min-w-11:disabled { min-width: 2.75rem; }
  .md-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  .md-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  .md-group:hover .md-group-hover-min-w-11 { min-width: 2.75rem; }
  .md-max-w-11 { max-width: 2.75rem; }
  .md-hover-max-w-11:hover { max-width: 2.75rem; }
  .md-focus-max-w-11:focus { max-width: 2.75rem; }
  .md-active-max-w-11:active { max-width: 2.75rem; }
  .md-disabled-max-w-11:disabled { max-width: 2.75rem; }
  .md-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  .md-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  .md-group:hover .md-group-hover-max-w-11 { max-width: 2.75rem; }
  .md-min-h-11 { min-height: 2.75rem; }
  .md-hover-min-h-11:hover { min-height: 2.75rem; }
  .md-focus-min-h-11:focus { min-height: 2.75rem; }
  .md-active-min-h-11:active { min-height: 2.75rem; }
  .md-disabled-min-h-11:disabled { min-height: 2.75rem; }
  .md-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  .md-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  .md-group:hover .md-group-hover-min-h-11 { min-height: 2.75rem; }
  .md-max-h-11 { max-height: 2.75rem; }
  .md-hover-max-h-11:hover { max-height: 2.75rem; }
  .md-focus-max-h-11:focus { max-height: 2.75rem; }
  .md-active-max-h-11:active { max-height: 2.75rem; }
  .md-disabled-max-h-11:disabled { max-height: 2.75rem; }
  .md-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  .md-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  .md-group:hover .md-group-hover-max-h-11 { max-height: 2.75rem; }
  .md-w-12 { width: 3rem; }
  .md-hover-w-12:hover { width: 3rem; }
  .md-focus-w-12:focus { width: 3rem; }
  .md-active-w-12:active { width: 3rem; }
  .md-disabled-w-12:disabled { width: 3rem; }
  .md-focus-visible-w-12:focus-visible { width: 3rem; }
  .md-focus-within-w-12:focus-within { width: 3rem; }
  .md-group:hover .md-group-hover-w-12 { width: 3rem; }
  .md-h-12 { height: 3rem; }
  .md-hover-h-12:hover { height: 3rem; }
  .md-focus-h-12:focus { height: 3rem; }
  .md-active-h-12:active { height: 3rem; }
  .md-disabled-h-12:disabled { height: 3rem; }
  .md-focus-visible-h-12:focus-visible { height: 3rem; }
  .md-focus-within-h-12:focus-within { height: 3rem; }
  .md-group:hover .md-group-hover-h-12 { height: 3rem; }
  .md-min-w-12 { min-width: 3rem; }
  .md-hover-min-w-12:hover { min-width: 3rem; }
  .md-focus-min-w-12:focus { min-width: 3rem; }
  .md-active-min-w-12:active { min-width: 3rem; }
  .md-disabled-min-w-12:disabled { min-width: 3rem; }
  .md-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  .md-focus-within-min-w-12:focus-within { min-width: 3rem; }
  .md-group:hover .md-group-hover-min-w-12 { min-width: 3rem; }
  .md-max-w-12 { max-width: 3rem; }
  .md-hover-max-w-12:hover { max-width: 3rem; }
  .md-focus-max-w-12:focus { max-width: 3rem; }
  .md-active-max-w-12:active { max-width: 3rem; }
  .md-disabled-max-w-12:disabled { max-width: 3rem; }
  .md-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  .md-focus-within-max-w-12:focus-within { max-width: 3rem; }
  .md-group:hover .md-group-hover-max-w-12 { max-width: 3rem; }
  .md-min-h-12 { min-height: 3rem; }
  .md-hover-min-h-12:hover { min-height: 3rem; }
  .md-focus-min-h-12:focus { min-height: 3rem; }
  .md-active-min-h-12:active { min-height: 3rem; }
  .md-disabled-min-h-12:disabled { min-height: 3rem; }
  .md-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  .md-focus-within-min-h-12:focus-within { min-height: 3rem; }
  .md-group:hover .md-group-hover-min-h-12 { min-height: 3rem; }
  .md-max-h-12 { max-height: 3rem; }
  .md-hover-max-h-12:hover { max-height: 3rem; }
  .md-focus-max-h-12:focus { max-height: 3rem; }
  .md-active-max-h-12:active { max-height: 3rem; }
  .md-disabled-max-h-12:disabled { max-height: 3rem; }
  .md-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  .md-focus-within-max-h-12:focus-within { max-height: 3rem; }
  .md-group:hover .md-group-hover-max-h-12 { max-height: 3rem; }
  .md-w-14 { width: 3.5rem; }
  .md-hover-w-14:hover { width: 3.5rem; }
  .md-focus-w-14:focus { width: 3.5rem; }
  .md-active-w-14:active { width: 3.5rem; }
  .md-disabled-w-14:disabled { width: 3.5rem; }
  .md-focus-visible-w-14:focus-visible { width: 3.5rem; }
  .md-focus-within-w-14:focus-within { width: 3.5rem; }
  .md-group:hover .md-group-hover-w-14 { width: 3.5rem; }
  .md-h-14 { height: 3.5rem; }
  .md-hover-h-14:hover { height: 3.5rem; }
  .md-focus-h-14:focus { height: 3.5rem; }
  .md-active-h-14:active { height: 3.5rem; }
  .md-disabled-h-14:disabled { height: 3.5rem; }
  .md-focus-visible-h-14:focus-visible { height: 3.5rem; }
  .md-focus-within-h-14:focus-within { height: 3.5rem; }
  .md-group:hover .md-group-hover-h-14 { height: 3.5rem; }
  .md-min-w-14 { min-width: 3.5rem; }
  .md-hover-min-w-14:hover { min-width: 3.5rem; }
  .md-focus-min-w-14:focus { min-width: 3.5rem; }
  .md-active-min-w-14:active { min-width: 3.5rem; }
  .md-disabled-min-w-14:disabled { min-width: 3.5rem; }
  .md-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  .md-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  .md-group:hover .md-group-hover-min-w-14 { min-width: 3.5rem; }
  .md-max-w-14 { max-width: 3.5rem; }
  .md-hover-max-w-14:hover { max-width: 3.5rem; }
  .md-focus-max-w-14:focus { max-width: 3.5rem; }
  .md-active-max-w-14:active { max-width: 3.5rem; }
  .md-disabled-max-w-14:disabled { max-width: 3.5rem; }
  .md-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  .md-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  .md-group:hover .md-group-hover-max-w-14 { max-width: 3.5rem; }
  .md-min-h-14 { min-height: 3.5rem; }
  .md-hover-min-h-14:hover { min-height: 3.5rem; }
  .md-focus-min-h-14:focus { min-height: 3.5rem; }
  .md-active-min-h-14:active { min-height: 3.5rem; }
  .md-disabled-min-h-14:disabled { min-height: 3.5rem; }
  .md-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  .md-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  .md-group:hover .md-group-hover-min-h-14 { min-height: 3.5rem; }
  .md-max-h-14 { max-height: 3.5rem; }
  .md-hover-max-h-14:hover { max-height: 3.5rem; }
  .md-focus-max-h-14:focus { max-height: 3.5rem; }
  .md-active-max-h-14:active { max-height: 3.5rem; }
  .md-disabled-max-h-14:disabled { max-height: 3.5rem; }
  .md-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  .md-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  .md-group:hover .md-group-hover-max-h-14 { max-height: 3.5rem; }
  .md-w-16 { width: 4rem; }
  .md-hover-w-16:hover { width: 4rem; }
  .md-focus-w-16:focus { width: 4rem; }
  .md-active-w-16:active { width: 4rem; }
  .md-disabled-w-16:disabled { width: 4rem; }
  .md-focus-visible-w-16:focus-visible { width: 4rem; }
  .md-focus-within-w-16:focus-within { width: 4rem; }
  .md-group:hover .md-group-hover-w-16 { width: 4rem; }
  .md-h-16 { height: 4rem; }
  .md-hover-h-16:hover { height: 4rem; }
  .md-focus-h-16:focus { height: 4rem; }
  .md-active-h-16:active { height: 4rem; }
  .md-disabled-h-16:disabled { height: 4rem; }
  .md-focus-visible-h-16:focus-visible { height: 4rem; }
  .md-focus-within-h-16:focus-within { height: 4rem; }
  .md-group:hover .md-group-hover-h-16 { height: 4rem; }
  .md-min-w-16 { min-width: 4rem; }
  .md-hover-min-w-16:hover { min-width: 4rem; }
  .md-focus-min-w-16:focus { min-width: 4rem; }
  .md-active-min-w-16:active { min-width: 4rem; }
  .md-disabled-min-w-16:disabled { min-width: 4rem; }
  .md-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  .md-focus-within-min-w-16:focus-within { min-width: 4rem; }
  .md-group:hover .md-group-hover-min-w-16 { min-width: 4rem; }
  .md-max-w-16 { max-width: 4rem; }
  .md-hover-max-w-16:hover { max-width: 4rem; }
  .md-focus-max-w-16:focus { max-width: 4rem; }
  .md-active-max-w-16:active { max-width: 4rem; }
  .md-disabled-max-w-16:disabled { max-width: 4rem; }
  .md-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  .md-focus-within-max-w-16:focus-within { max-width: 4rem; }
  .md-group:hover .md-group-hover-max-w-16 { max-width: 4rem; }
  .md-min-h-16 { min-height: 4rem; }
  .md-hover-min-h-16:hover { min-height: 4rem; }
  .md-focus-min-h-16:focus { min-height: 4rem; }
  .md-active-min-h-16:active { min-height: 4rem; }
  .md-disabled-min-h-16:disabled { min-height: 4rem; }
  .md-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  .md-focus-within-min-h-16:focus-within { min-height: 4rem; }
  .md-group:hover .md-group-hover-min-h-16 { min-height: 4rem; }
  .md-max-h-16 { max-height: 4rem; }
  .md-hover-max-h-16:hover { max-height: 4rem; }
  .md-focus-max-h-16:focus { max-height: 4rem; }
  .md-active-max-h-16:active { max-height: 4rem; }
  .md-disabled-max-h-16:disabled { max-height: 4rem; }
  .md-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  .md-focus-within-max-h-16:focus-within { max-height: 4rem; }
  .md-group:hover .md-group-hover-max-h-16 { max-height: 4rem; }
  .md-w-20 { width: 5rem; }
  .md-hover-w-20:hover { width: 5rem; }
  .md-focus-w-20:focus { width: 5rem; }
  .md-active-w-20:active { width: 5rem; }
  .md-disabled-w-20:disabled { width: 5rem; }
  .md-focus-visible-w-20:focus-visible { width: 5rem; }
  .md-focus-within-w-20:focus-within { width: 5rem; }
  .md-group:hover .md-group-hover-w-20 { width: 5rem; }
  .md-h-20 { height: 5rem; }
  .md-hover-h-20:hover { height: 5rem; }
  .md-focus-h-20:focus { height: 5rem; }
  .md-active-h-20:active { height: 5rem; }
  .md-disabled-h-20:disabled { height: 5rem; }
  .md-focus-visible-h-20:focus-visible { height: 5rem; }
  .md-focus-within-h-20:focus-within { height: 5rem; }
  .md-group:hover .md-group-hover-h-20 { height: 5rem; }
  .md-min-w-20 { min-width: 5rem; }
  .md-hover-min-w-20:hover { min-width: 5rem; }
  .md-focus-min-w-20:focus { min-width: 5rem; }
  .md-active-min-w-20:active { min-width: 5rem; }
  .md-disabled-min-w-20:disabled { min-width: 5rem; }
  .md-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  .md-focus-within-min-w-20:focus-within { min-width: 5rem; }
  .md-group:hover .md-group-hover-min-w-20 { min-width: 5rem; }
  .md-max-w-20 { max-width: 5rem; }
  .md-hover-max-w-20:hover { max-width: 5rem; }
  .md-focus-max-w-20:focus { max-width: 5rem; }
  .md-active-max-w-20:active { max-width: 5rem; }
  .md-disabled-max-w-20:disabled { max-width: 5rem; }
  .md-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  .md-focus-within-max-w-20:focus-within { max-width: 5rem; }
  .md-group:hover .md-group-hover-max-w-20 { max-width: 5rem; }
  .md-min-h-20 { min-height: 5rem; }
  .md-hover-min-h-20:hover { min-height: 5rem; }
  .md-focus-min-h-20:focus { min-height: 5rem; }
  .md-active-min-h-20:active { min-height: 5rem; }
  .md-disabled-min-h-20:disabled { min-height: 5rem; }
  .md-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  .md-focus-within-min-h-20:focus-within { min-height: 5rem; }
  .md-group:hover .md-group-hover-min-h-20 { min-height: 5rem; }
  .md-max-h-20 { max-height: 5rem; }
  .md-hover-max-h-20:hover { max-height: 5rem; }
  .md-focus-max-h-20:focus { max-height: 5rem; }
  .md-active-max-h-20:active { max-height: 5rem; }
  .md-disabled-max-h-20:disabled { max-height: 5rem; }
  .md-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  .md-focus-within-max-h-20:focus-within { max-height: 5rem; }
  .md-group:hover .md-group-hover-max-h-20 { max-height: 5rem; }
  .md-w-24 { width: 6rem; }
  .md-hover-w-24:hover { width: 6rem; }
  .md-focus-w-24:focus { width: 6rem; }
  .md-active-w-24:active { width: 6rem; }
  .md-disabled-w-24:disabled { width: 6rem; }
  .md-focus-visible-w-24:focus-visible { width: 6rem; }
  .md-focus-within-w-24:focus-within { width: 6rem; }
  .md-group:hover .md-group-hover-w-24 { width: 6rem; }
  .md-h-24 { height: 6rem; }
  .md-hover-h-24:hover { height: 6rem; }
  .md-focus-h-24:focus { height: 6rem; }
  .md-active-h-24:active { height: 6rem; }
  .md-disabled-h-24:disabled { height: 6rem; }
  .md-focus-visible-h-24:focus-visible { height: 6rem; }
  .md-focus-within-h-24:focus-within { height: 6rem; }
  .md-group:hover .md-group-hover-h-24 { height: 6rem; }
  .md-min-w-24 { min-width: 6rem; }
  .md-hover-min-w-24:hover { min-width: 6rem; }
  .md-focus-min-w-24:focus { min-width: 6rem; }
  .md-active-min-w-24:active { min-width: 6rem; }
  .md-disabled-min-w-24:disabled { min-width: 6rem; }
  .md-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  .md-focus-within-min-w-24:focus-within { min-width: 6rem; }
  .md-group:hover .md-group-hover-min-w-24 { min-width: 6rem; }
  .md-max-w-24 { max-width: 6rem; }
  .md-hover-max-w-24:hover { max-width: 6rem; }
  .md-focus-max-w-24:focus { max-width: 6rem; }
  .md-active-max-w-24:active { max-width: 6rem; }
  .md-disabled-max-w-24:disabled { max-width: 6rem; }
  .md-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  .md-focus-within-max-w-24:focus-within { max-width: 6rem; }
  .md-group:hover .md-group-hover-max-w-24 { max-width: 6rem; }
  .md-min-h-24 { min-height: 6rem; }
  .md-hover-min-h-24:hover { min-height: 6rem; }
  .md-focus-min-h-24:focus { min-height: 6rem; }
  .md-active-min-h-24:active { min-height: 6rem; }
  .md-disabled-min-h-24:disabled { min-height: 6rem; }
  .md-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  .md-focus-within-min-h-24:focus-within { min-height: 6rem; }
  .md-group:hover .md-group-hover-min-h-24 { min-height: 6rem; }
  .md-max-h-24 { max-height: 6rem; }
  .md-hover-max-h-24:hover { max-height: 6rem; }
  .md-focus-max-h-24:focus { max-height: 6rem; }
  .md-active-max-h-24:active { max-height: 6rem; }
  .md-disabled-max-h-24:disabled { max-height: 6rem; }
  .md-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  .md-focus-within-max-h-24:focus-within { max-height: 6rem; }
  .md-group:hover .md-group-hover-max-h-24 { max-height: 6rem; }
  .md-w-28 { width: 7rem; }
  .md-hover-w-28:hover { width: 7rem; }
  .md-focus-w-28:focus { width: 7rem; }
  .md-active-w-28:active { width: 7rem; }
  .md-disabled-w-28:disabled { width: 7rem; }
  .md-focus-visible-w-28:focus-visible { width: 7rem; }
  .md-focus-within-w-28:focus-within { width: 7rem; }
  .md-group:hover .md-group-hover-w-28 { width: 7rem; }
  .md-h-28 { height: 7rem; }
  .md-hover-h-28:hover { height: 7rem; }
  .md-focus-h-28:focus { height: 7rem; }
  .md-active-h-28:active { height: 7rem; }
  .md-disabled-h-28:disabled { height: 7rem; }
  .md-focus-visible-h-28:focus-visible { height: 7rem; }
  .md-focus-within-h-28:focus-within { height: 7rem; }
  .md-group:hover .md-group-hover-h-28 { height: 7rem; }
  .md-min-w-28 { min-width: 7rem; }
  .md-hover-min-w-28:hover { min-width: 7rem; }
  .md-focus-min-w-28:focus { min-width: 7rem; }
  .md-active-min-w-28:active { min-width: 7rem; }
  .md-disabled-min-w-28:disabled { min-width: 7rem; }
  .md-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  .md-focus-within-min-w-28:focus-within { min-width: 7rem; }
  .md-group:hover .md-group-hover-min-w-28 { min-width: 7rem; }
  .md-max-w-28 { max-width: 7rem; }
  .md-hover-max-w-28:hover { max-width: 7rem; }
  .md-focus-max-w-28:focus { max-width: 7rem; }
  .md-active-max-w-28:active { max-width: 7rem; }
  .md-disabled-max-w-28:disabled { max-width: 7rem; }
  .md-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  .md-focus-within-max-w-28:focus-within { max-width: 7rem; }
  .md-group:hover .md-group-hover-max-w-28 { max-width: 7rem; }
  .md-min-h-28 { min-height: 7rem; }
  .md-hover-min-h-28:hover { min-height: 7rem; }
  .md-focus-min-h-28:focus { min-height: 7rem; }
  .md-active-min-h-28:active { min-height: 7rem; }
  .md-disabled-min-h-28:disabled { min-height: 7rem; }
  .md-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  .md-focus-within-min-h-28:focus-within { min-height: 7rem; }
  .md-group:hover .md-group-hover-min-h-28 { min-height: 7rem; }
  .md-max-h-28 { max-height: 7rem; }
  .md-hover-max-h-28:hover { max-height: 7rem; }
  .md-focus-max-h-28:focus { max-height: 7rem; }
  .md-active-max-h-28:active { max-height: 7rem; }
  .md-disabled-max-h-28:disabled { max-height: 7rem; }
  .md-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  .md-focus-within-max-h-28:focus-within { max-height: 7rem; }
  .md-group:hover .md-group-hover-max-h-28 { max-height: 7rem; }
  .md-w-32 { width: 8rem; }
  .md-hover-w-32:hover { width: 8rem; }
  .md-focus-w-32:focus { width: 8rem; }
  .md-active-w-32:active { width: 8rem; }
  .md-disabled-w-32:disabled { width: 8rem; }
  .md-focus-visible-w-32:focus-visible { width: 8rem; }
  .md-focus-within-w-32:focus-within { width: 8rem; }
  .md-group:hover .md-group-hover-w-32 { width: 8rem; }
  .md-h-32 { height: 8rem; }
  .md-hover-h-32:hover { height: 8rem; }
  .md-focus-h-32:focus { height: 8rem; }
  .md-active-h-32:active { height: 8rem; }
  .md-disabled-h-32:disabled { height: 8rem; }
  .md-focus-visible-h-32:focus-visible { height: 8rem; }
  .md-focus-within-h-32:focus-within { height: 8rem; }
  .md-group:hover .md-group-hover-h-32 { height: 8rem; }
  .md-min-w-32 { min-width: 8rem; }
  .md-hover-min-w-32:hover { min-width: 8rem; }
  .md-focus-min-w-32:focus { min-width: 8rem; }
  .md-active-min-w-32:active { min-width: 8rem; }
  .md-disabled-min-w-32:disabled { min-width: 8rem; }
  .md-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  .md-focus-within-min-w-32:focus-within { min-width: 8rem; }
  .md-group:hover .md-group-hover-min-w-32 { min-width: 8rem; }
  .md-max-w-32 { max-width: 8rem; }
  .md-hover-max-w-32:hover { max-width: 8rem; }
  .md-focus-max-w-32:focus { max-width: 8rem; }
  .md-active-max-w-32:active { max-width: 8rem; }
  .md-disabled-max-w-32:disabled { max-width: 8rem; }
  .md-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  .md-focus-within-max-w-32:focus-within { max-width: 8rem; }
  .md-group:hover .md-group-hover-max-w-32 { max-width: 8rem; }
  .md-min-h-32 { min-height: 8rem; }
  .md-hover-min-h-32:hover { min-height: 8rem; }
  .md-focus-min-h-32:focus { min-height: 8rem; }
  .md-active-min-h-32:active { min-height: 8rem; }
  .md-disabled-min-h-32:disabled { min-height: 8rem; }
  .md-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  .md-focus-within-min-h-32:focus-within { min-height: 8rem; }
  .md-group:hover .md-group-hover-min-h-32 { min-height: 8rem; }
  .md-max-h-32 { max-height: 8rem; }
  .md-hover-max-h-32:hover { max-height: 8rem; }
  .md-focus-max-h-32:focus { max-height: 8rem; }
  .md-active-max-h-32:active { max-height: 8rem; }
  .md-disabled-max-h-32:disabled { max-height: 8rem; }
  .md-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  .md-focus-within-max-h-32:focus-within { max-height: 8rem; }
  .md-group:hover .md-group-hover-max-h-32 { max-height: 8rem; }
  .md-w-36 { width: 9rem; }
  .md-hover-w-36:hover { width: 9rem; }
  .md-focus-w-36:focus { width: 9rem; }
  .md-active-w-36:active { width: 9rem; }
  .md-disabled-w-36:disabled { width: 9rem; }
  .md-focus-visible-w-36:focus-visible { width: 9rem; }
  .md-focus-within-w-36:focus-within { width: 9rem; }
  .md-group:hover .md-group-hover-w-36 { width: 9rem; }
  .md-h-36 { height: 9rem; }
  .md-hover-h-36:hover { height: 9rem; }
  .md-focus-h-36:focus { height: 9rem; }
  .md-active-h-36:active { height: 9rem; }
  .md-disabled-h-36:disabled { height: 9rem; }
  .md-focus-visible-h-36:focus-visible { height: 9rem; }
  .md-focus-within-h-36:focus-within { height: 9rem; }
  .md-group:hover .md-group-hover-h-36 { height: 9rem; }
  .md-min-w-36 { min-width: 9rem; }
  .md-hover-min-w-36:hover { min-width: 9rem; }
  .md-focus-min-w-36:focus { min-width: 9rem; }
  .md-active-min-w-36:active { min-width: 9rem; }
  .md-disabled-min-w-36:disabled { min-width: 9rem; }
  .md-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  .md-focus-within-min-w-36:focus-within { min-width: 9rem; }
  .md-group:hover .md-group-hover-min-w-36 { min-width: 9rem; }
  .md-max-w-36 { max-width: 9rem; }
  .md-hover-max-w-36:hover { max-width: 9rem; }
  .md-focus-max-w-36:focus { max-width: 9rem; }
  .md-active-max-w-36:active { max-width: 9rem; }
  .md-disabled-max-w-36:disabled { max-width: 9rem; }
  .md-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  .md-focus-within-max-w-36:focus-within { max-width: 9rem; }
  .md-group:hover .md-group-hover-max-w-36 { max-width: 9rem; }
  .md-min-h-36 { min-height: 9rem; }
  .md-hover-min-h-36:hover { min-height: 9rem; }
  .md-focus-min-h-36:focus { min-height: 9rem; }
  .md-active-min-h-36:active { min-height: 9rem; }
  .md-disabled-min-h-36:disabled { min-height: 9rem; }
  .md-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  .md-focus-within-min-h-36:focus-within { min-height: 9rem; }
  .md-group:hover .md-group-hover-min-h-36 { min-height: 9rem; }
  .md-max-h-36 { max-height: 9rem; }
  .md-hover-max-h-36:hover { max-height: 9rem; }
  .md-focus-max-h-36:focus { max-height: 9rem; }
  .md-active-max-h-36:active { max-height: 9rem; }
  .md-disabled-max-h-36:disabled { max-height: 9rem; }
  .md-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  .md-focus-within-max-h-36:focus-within { max-height: 9rem; }
  .md-group:hover .md-group-hover-max-h-36 { max-height: 9rem; }
  .md-w-40 { width: 10rem; }
  .md-hover-w-40:hover { width: 10rem; }
  .md-focus-w-40:focus { width: 10rem; }
  .md-active-w-40:active { width: 10rem; }
  .md-disabled-w-40:disabled { width: 10rem; }
  .md-focus-visible-w-40:focus-visible { width: 10rem; }
  .md-focus-within-w-40:focus-within { width: 10rem; }
  .md-group:hover .md-group-hover-w-40 { width: 10rem; }
  .md-h-40 { height: 10rem; }
  .md-hover-h-40:hover { height: 10rem; }
  .md-focus-h-40:focus { height: 10rem; }
  .md-active-h-40:active { height: 10rem; }
  .md-disabled-h-40:disabled { height: 10rem; }
  .md-focus-visible-h-40:focus-visible { height: 10rem; }
  .md-focus-within-h-40:focus-within { height: 10rem; }
  .md-group:hover .md-group-hover-h-40 { height: 10rem; }
  .md-min-w-40 { min-width: 10rem; }
  .md-hover-min-w-40:hover { min-width: 10rem; }
  .md-focus-min-w-40:focus { min-width: 10rem; }
  .md-active-min-w-40:active { min-width: 10rem; }
  .md-disabled-min-w-40:disabled { min-width: 10rem; }
  .md-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  .md-focus-within-min-w-40:focus-within { min-width: 10rem; }
  .md-group:hover .md-group-hover-min-w-40 { min-width: 10rem; }
  .md-max-w-40 { max-width: 10rem; }
  .md-hover-max-w-40:hover { max-width: 10rem; }
  .md-focus-max-w-40:focus { max-width: 10rem; }
  .md-active-max-w-40:active { max-width: 10rem; }
  .md-disabled-max-w-40:disabled { max-width: 10rem; }
  .md-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  .md-focus-within-max-w-40:focus-within { max-width: 10rem; }
  .md-group:hover .md-group-hover-max-w-40 { max-width: 10rem; }
  .md-min-h-40 { min-height: 10rem; }
  .md-hover-min-h-40:hover { min-height: 10rem; }
  .md-focus-min-h-40:focus { min-height: 10rem; }
  .md-active-min-h-40:active { min-height: 10rem; }
  .md-disabled-min-h-40:disabled { min-height: 10rem; }
  .md-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  .md-focus-within-min-h-40:focus-within { min-height: 10rem; }
  .md-group:hover .md-group-hover-min-h-40 { min-height: 10rem; }
  .md-max-h-40 { max-height: 10rem; }
  .md-hover-max-h-40:hover { max-height: 10rem; }
  .md-focus-max-h-40:focus { max-height: 10rem; }
  .md-active-max-h-40:active { max-height: 10rem; }
  .md-disabled-max-h-40:disabled { max-height: 10rem; }
  .md-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  .md-focus-within-max-h-40:focus-within { max-height: 10rem; }
  .md-group:hover .md-group-hover-max-h-40 { max-height: 10rem; }
  .md-w-44 { width: 11rem; }
  .md-hover-w-44:hover { width: 11rem; }
  .md-focus-w-44:focus { width: 11rem; }
  .md-active-w-44:active { width: 11rem; }
  .md-disabled-w-44:disabled { width: 11rem; }
  .md-focus-visible-w-44:focus-visible { width: 11rem; }
  .md-focus-within-w-44:focus-within { width: 11rem; }
  .md-group:hover .md-group-hover-w-44 { width: 11rem; }
  .md-h-44 { height: 11rem; }
  .md-hover-h-44:hover { height: 11rem; }
  .md-focus-h-44:focus { height: 11rem; }
  .md-active-h-44:active { height: 11rem; }
  .md-disabled-h-44:disabled { height: 11rem; }
  .md-focus-visible-h-44:focus-visible { height: 11rem; }
  .md-focus-within-h-44:focus-within { height: 11rem; }
  .md-group:hover .md-group-hover-h-44 { height: 11rem; }
  .md-min-w-44 { min-width: 11rem; }
  .md-hover-min-w-44:hover { min-width: 11rem; }
  .md-focus-min-w-44:focus { min-width: 11rem; }
  .md-active-min-w-44:active { min-width: 11rem; }
  .md-disabled-min-w-44:disabled { min-width: 11rem; }
  .md-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  .md-focus-within-min-w-44:focus-within { min-width: 11rem; }
  .md-group:hover .md-group-hover-min-w-44 { min-width: 11rem; }
  .md-max-w-44 { max-width: 11rem; }
  .md-hover-max-w-44:hover { max-width: 11rem; }
  .md-focus-max-w-44:focus { max-width: 11rem; }
  .md-active-max-w-44:active { max-width: 11rem; }
  .md-disabled-max-w-44:disabled { max-width: 11rem; }
  .md-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  .md-focus-within-max-w-44:focus-within { max-width: 11rem; }
  .md-group:hover .md-group-hover-max-w-44 { max-width: 11rem; }
  .md-min-h-44 { min-height: 11rem; }
  .md-hover-min-h-44:hover { min-height: 11rem; }
  .md-focus-min-h-44:focus { min-height: 11rem; }
  .md-active-min-h-44:active { min-height: 11rem; }
  .md-disabled-min-h-44:disabled { min-height: 11rem; }
  .md-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  .md-focus-within-min-h-44:focus-within { min-height: 11rem; }
  .md-group:hover .md-group-hover-min-h-44 { min-height: 11rem; }
  .md-max-h-44 { max-height: 11rem; }
  .md-hover-max-h-44:hover { max-height: 11rem; }
  .md-focus-max-h-44:focus { max-height: 11rem; }
  .md-active-max-h-44:active { max-height: 11rem; }
  .md-disabled-max-h-44:disabled { max-height: 11rem; }
  .md-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  .md-focus-within-max-h-44:focus-within { max-height: 11rem; }
  .md-group:hover .md-group-hover-max-h-44 { max-height: 11rem; }
  .md-w-48 { width: 12rem; }
  .md-hover-w-48:hover { width: 12rem; }
  .md-focus-w-48:focus { width: 12rem; }
  .md-active-w-48:active { width: 12rem; }
  .md-disabled-w-48:disabled { width: 12rem; }
  .md-focus-visible-w-48:focus-visible { width: 12rem; }
  .md-focus-within-w-48:focus-within { width: 12rem; }
  .md-group:hover .md-group-hover-w-48 { width: 12rem; }
  .md-h-48 { height: 12rem; }
  .md-hover-h-48:hover { height: 12rem; }
  .md-focus-h-48:focus { height: 12rem; }
  .md-active-h-48:active { height: 12rem; }
  .md-disabled-h-48:disabled { height: 12rem; }
  .md-focus-visible-h-48:focus-visible { height: 12rem; }
  .md-focus-within-h-48:focus-within { height: 12rem; }
  .md-group:hover .md-group-hover-h-48 { height: 12rem; }
  .md-min-w-48 { min-width: 12rem; }
  .md-hover-min-w-48:hover { min-width: 12rem; }
  .md-focus-min-w-48:focus { min-width: 12rem; }
  .md-active-min-w-48:active { min-width: 12rem; }
  .md-disabled-min-w-48:disabled { min-width: 12rem; }
  .md-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  .md-focus-within-min-w-48:focus-within { min-width: 12rem; }
  .md-group:hover .md-group-hover-min-w-48 { min-width: 12rem; }
  .md-max-w-48 { max-width: 12rem; }
  .md-hover-max-w-48:hover { max-width: 12rem; }
  .md-focus-max-w-48:focus { max-width: 12rem; }
  .md-active-max-w-48:active { max-width: 12rem; }
  .md-disabled-max-w-48:disabled { max-width: 12rem; }
  .md-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  .md-focus-within-max-w-48:focus-within { max-width: 12rem; }
  .md-group:hover .md-group-hover-max-w-48 { max-width: 12rem; }
  .md-min-h-48 { min-height: 12rem; }
  .md-hover-min-h-48:hover { min-height: 12rem; }
  .md-focus-min-h-48:focus { min-height: 12rem; }
  .md-active-min-h-48:active { min-height: 12rem; }
  .md-disabled-min-h-48:disabled { min-height: 12rem; }
  .md-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  .md-focus-within-min-h-48:focus-within { min-height: 12rem; }
  .md-group:hover .md-group-hover-min-h-48 { min-height: 12rem; }
  .md-max-h-48 { max-height: 12rem; }
  .md-hover-max-h-48:hover { max-height: 12rem; }
  .md-focus-max-h-48:focus { max-height: 12rem; }
  .md-active-max-h-48:active { max-height: 12rem; }
  .md-disabled-max-h-48:disabled { max-height: 12rem; }
  .md-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  .md-focus-within-max-h-48:focus-within { max-height: 12rem; }
  .md-group:hover .md-group-hover-max-h-48 { max-height: 12rem; }
  .md-w-52 { width: 13rem; }
  .md-hover-w-52:hover { width: 13rem; }
  .md-focus-w-52:focus { width: 13rem; }
  .md-active-w-52:active { width: 13rem; }
  .md-disabled-w-52:disabled { width: 13rem; }
  .md-focus-visible-w-52:focus-visible { width: 13rem; }
  .md-focus-within-w-52:focus-within { width: 13rem; }
  .md-group:hover .md-group-hover-w-52 { width: 13rem; }
  .md-h-52 { height: 13rem; }
  .md-hover-h-52:hover { height: 13rem; }
  .md-focus-h-52:focus { height: 13rem; }
  .md-active-h-52:active { height: 13rem; }
  .md-disabled-h-52:disabled { height: 13rem; }
  .md-focus-visible-h-52:focus-visible { height: 13rem; }
  .md-focus-within-h-52:focus-within { height: 13rem; }
  .md-group:hover .md-group-hover-h-52 { height: 13rem; }
  .md-min-w-52 { min-width: 13rem; }
  .md-hover-min-w-52:hover { min-width: 13rem; }
  .md-focus-min-w-52:focus { min-width: 13rem; }
  .md-active-min-w-52:active { min-width: 13rem; }
  .md-disabled-min-w-52:disabled { min-width: 13rem; }
  .md-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  .md-focus-within-min-w-52:focus-within { min-width: 13rem; }
  .md-group:hover .md-group-hover-min-w-52 { min-width: 13rem; }
  .md-max-w-52 { max-width: 13rem; }
  .md-hover-max-w-52:hover { max-width: 13rem; }
  .md-focus-max-w-52:focus { max-width: 13rem; }
  .md-active-max-w-52:active { max-width: 13rem; }
  .md-disabled-max-w-52:disabled { max-width: 13rem; }
  .md-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  .md-focus-within-max-w-52:focus-within { max-width: 13rem; }
  .md-group:hover .md-group-hover-max-w-52 { max-width: 13rem; }
  .md-min-h-52 { min-height: 13rem; }
  .md-hover-min-h-52:hover { min-height: 13rem; }
  .md-focus-min-h-52:focus { min-height: 13rem; }
  .md-active-min-h-52:active { min-height: 13rem; }
  .md-disabled-min-h-52:disabled { min-height: 13rem; }
  .md-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  .md-focus-within-min-h-52:focus-within { min-height: 13rem; }
  .md-group:hover .md-group-hover-min-h-52 { min-height: 13rem; }
  .md-max-h-52 { max-height: 13rem; }
  .md-hover-max-h-52:hover { max-height: 13rem; }
  .md-focus-max-h-52:focus { max-height: 13rem; }
  .md-active-max-h-52:active { max-height: 13rem; }
  .md-disabled-max-h-52:disabled { max-height: 13rem; }
  .md-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  .md-focus-within-max-h-52:focus-within { max-height: 13rem; }
  .md-group:hover .md-group-hover-max-h-52 { max-height: 13rem; }
  .md-w-56 { width: 14rem; }
  .md-hover-w-56:hover { width: 14rem; }
  .md-focus-w-56:focus { width: 14rem; }
  .md-active-w-56:active { width: 14rem; }
  .md-disabled-w-56:disabled { width: 14rem; }
  .md-focus-visible-w-56:focus-visible { width: 14rem; }
  .md-focus-within-w-56:focus-within { width: 14rem; }
  .md-group:hover .md-group-hover-w-56 { width: 14rem; }
  .md-h-56 { height: 14rem; }
  .md-hover-h-56:hover { height: 14rem; }
  .md-focus-h-56:focus { height: 14rem; }
  .md-active-h-56:active { height: 14rem; }
  .md-disabled-h-56:disabled { height: 14rem; }
  .md-focus-visible-h-56:focus-visible { height: 14rem; }
  .md-focus-within-h-56:focus-within { height: 14rem; }
  .md-group:hover .md-group-hover-h-56 { height: 14rem; }
  .md-min-w-56 { min-width: 14rem; }
  .md-hover-min-w-56:hover { min-width: 14rem; }
  .md-focus-min-w-56:focus { min-width: 14rem; }
  .md-active-min-w-56:active { min-width: 14rem; }
  .md-disabled-min-w-56:disabled { min-width: 14rem; }
  .md-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  .md-focus-within-min-w-56:focus-within { min-width: 14rem; }
  .md-group:hover .md-group-hover-min-w-56 { min-width: 14rem; }
  .md-max-w-56 { max-width: 14rem; }
  .md-hover-max-w-56:hover { max-width: 14rem; }
  .md-focus-max-w-56:focus { max-width: 14rem; }
  .md-active-max-w-56:active { max-width: 14rem; }
  .md-disabled-max-w-56:disabled { max-width: 14rem; }
  .md-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  .md-focus-within-max-w-56:focus-within { max-width: 14rem; }
  .md-group:hover .md-group-hover-max-w-56 { max-width: 14rem; }
  .md-min-h-56 { min-height: 14rem; }
  .md-hover-min-h-56:hover { min-height: 14rem; }
  .md-focus-min-h-56:focus { min-height: 14rem; }
  .md-active-min-h-56:active { min-height: 14rem; }
  .md-disabled-min-h-56:disabled { min-height: 14rem; }
  .md-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  .md-focus-within-min-h-56:focus-within { min-height: 14rem; }
  .md-group:hover .md-group-hover-min-h-56 { min-height: 14rem; }
  .md-max-h-56 { max-height: 14rem; }
  .md-hover-max-h-56:hover { max-height: 14rem; }
  .md-focus-max-h-56:focus { max-height: 14rem; }
  .md-active-max-h-56:active { max-height: 14rem; }
  .md-disabled-max-h-56:disabled { max-height: 14rem; }
  .md-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  .md-focus-within-max-h-56:focus-within { max-height: 14rem; }
  .md-group:hover .md-group-hover-max-h-56 { max-height: 14rem; }
  .md-w-60 { width: 15rem; }
  .md-hover-w-60:hover { width: 15rem; }
  .md-focus-w-60:focus { width: 15rem; }
  .md-active-w-60:active { width: 15rem; }
  .md-disabled-w-60:disabled { width: 15rem; }
  .md-focus-visible-w-60:focus-visible { width: 15rem; }
  .md-focus-within-w-60:focus-within { width: 15rem; }
  .md-group:hover .md-group-hover-w-60 { width: 15rem; }
  .md-h-60 { height: 15rem; }
  .md-hover-h-60:hover { height: 15rem; }
  .md-focus-h-60:focus { height: 15rem; }
  .md-active-h-60:active { height: 15rem; }
  .md-disabled-h-60:disabled { height: 15rem; }
  .md-focus-visible-h-60:focus-visible { height: 15rem; }
  .md-focus-within-h-60:focus-within { height: 15rem; }
  .md-group:hover .md-group-hover-h-60 { height: 15rem; }
  .md-min-w-60 { min-width: 15rem; }
  .md-hover-min-w-60:hover { min-width: 15rem; }
  .md-focus-min-w-60:focus { min-width: 15rem; }
  .md-active-min-w-60:active { min-width: 15rem; }
  .md-disabled-min-w-60:disabled { min-width: 15rem; }
  .md-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  .md-focus-within-min-w-60:focus-within { min-width: 15rem; }
  .md-group:hover .md-group-hover-min-w-60 { min-width: 15rem; }
  .md-max-w-60 { max-width: 15rem; }
  .md-hover-max-w-60:hover { max-width: 15rem; }
  .md-focus-max-w-60:focus { max-width: 15rem; }
  .md-active-max-w-60:active { max-width: 15rem; }
  .md-disabled-max-w-60:disabled { max-width: 15rem; }
  .md-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  .md-focus-within-max-w-60:focus-within { max-width: 15rem; }
  .md-group:hover .md-group-hover-max-w-60 { max-width: 15rem; }
  .md-min-h-60 { min-height: 15rem; }
  .md-hover-min-h-60:hover { min-height: 15rem; }
  .md-focus-min-h-60:focus { min-height: 15rem; }
  .md-active-min-h-60:active { min-height: 15rem; }
  .md-disabled-min-h-60:disabled { min-height: 15rem; }
  .md-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  .md-focus-within-min-h-60:focus-within { min-height: 15rem; }
  .md-group:hover .md-group-hover-min-h-60 { min-height: 15rem; }
  .md-max-h-60 { max-height: 15rem; }
  .md-hover-max-h-60:hover { max-height: 15rem; }
  .md-focus-max-h-60:focus { max-height: 15rem; }
  .md-active-max-h-60:active { max-height: 15rem; }
  .md-disabled-max-h-60:disabled { max-height: 15rem; }
  .md-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  .md-focus-within-max-h-60:focus-within { max-height: 15rem; }
  .md-group:hover .md-group-hover-max-h-60 { max-height: 15rem; }
  .md-w-64 { width: 16rem; }
  .md-hover-w-64:hover { width: 16rem; }
  .md-focus-w-64:focus { width: 16rem; }
  .md-active-w-64:active { width: 16rem; }
  .md-disabled-w-64:disabled { width: 16rem; }
  .md-focus-visible-w-64:focus-visible { width: 16rem; }
  .md-focus-within-w-64:focus-within { width: 16rem; }
  .md-group:hover .md-group-hover-w-64 { width: 16rem; }
  .md-h-64 { height: 16rem; }
  .md-hover-h-64:hover { height: 16rem; }
  .md-focus-h-64:focus { height: 16rem; }
  .md-active-h-64:active { height: 16rem; }
  .md-disabled-h-64:disabled { height: 16rem; }
  .md-focus-visible-h-64:focus-visible { height: 16rem; }
  .md-focus-within-h-64:focus-within { height: 16rem; }
  .md-group:hover .md-group-hover-h-64 { height: 16rem; }
  .md-min-w-64 { min-width: 16rem; }
  .md-hover-min-w-64:hover { min-width: 16rem; }
  .md-focus-min-w-64:focus { min-width: 16rem; }
  .md-active-min-w-64:active { min-width: 16rem; }
  .md-disabled-min-w-64:disabled { min-width: 16rem; }
  .md-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  .md-focus-within-min-w-64:focus-within { min-width: 16rem; }
  .md-group:hover .md-group-hover-min-w-64 { min-width: 16rem; }
  .md-max-w-64 { max-width: 16rem; }
  .md-hover-max-w-64:hover { max-width: 16rem; }
  .md-focus-max-w-64:focus { max-width: 16rem; }
  .md-active-max-w-64:active { max-width: 16rem; }
  .md-disabled-max-w-64:disabled { max-width: 16rem; }
  .md-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  .md-focus-within-max-w-64:focus-within { max-width: 16rem; }
  .md-group:hover .md-group-hover-max-w-64 { max-width: 16rem; }
  .md-min-h-64 { min-height: 16rem; }
  .md-hover-min-h-64:hover { min-height: 16rem; }
  .md-focus-min-h-64:focus { min-height: 16rem; }
  .md-active-min-h-64:active { min-height: 16rem; }
  .md-disabled-min-h-64:disabled { min-height: 16rem; }
  .md-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  .md-focus-within-min-h-64:focus-within { min-height: 16rem; }
  .md-group:hover .md-group-hover-min-h-64 { min-height: 16rem; }
  .md-max-h-64 { max-height: 16rem; }
  .md-hover-max-h-64:hover { max-height: 16rem; }
  .md-focus-max-h-64:focus { max-height: 16rem; }
  .md-active-max-h-64:active { max-height: 16rem; }
  .md-disabled-max-h-64:disabled { max-height: 16rem; }
  .md-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  .md-focus-within-max-h-64:focus-within { max-height: 16rem; }
  .md-group:hover .md-group-hover-max-h-64 { max-height: 16rem; }
  .md-w-72 { width: 18rem; }
  .md-hover-w-72:hover { width: 18rem; }
  .md-focus-w-72:focus { width: 18rem; }
  .md-active-w-72:active { width: 18rem; }
  .md-disabled-w-72:disabled { width: 18rem; }
  .md-focus-visible-w-72:focus-visible { width: 18rem; }
  .md-focus-within-w-72:focus-within { width: 18rem; }
  .md-group:hover .md-group-hover-w-72 { width: 18rem; }
  .md-h-72 { height: 18rem; }
  .md-hover-h-72:hover { height: 18rem; }
  .md-focus-h-72:focus { height: 18rem; }
  .md-active-h-72:active { height: 18rem; }
  .md-disabled-h-72:disabled { height: 18rem; }
  .md-focus-visible-h-72:focus-visible { height: 18rem; }
  .md-focus-within-h-72:focus-within { height: 18rem; }
  .md-group:hover .md-group-hover-h-72 { height: 18rem; }
  .md-min-w-72 { min-width: 18rem; }
  .md-hover-min-w-72:hover { min-width: 18rem; }
  .md-focus-min-w-72:focus { min-width: 18rem; }
  .md-active-min-w-72:active { min-width: 18rem; }
  .md-disabled-min-w-72:disabled { min-width: 18rem; }
  .md-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  .md-focus-within-min-w-72:focus-within { min-width: 18rem; }
  .md-group:hover .md-group-hover-min-w-72 { min-width: 18rem; }
  .md-max-w-72 { max-width: 18rem; }
  .md-hover-max-w-72:hover { max-width: 18rem; }
  .md-focus-max-w-72:focus { max-width: 18rem; }
  .md-active-max-w-72:active { max-width: 18rem; }
  .md-disabled-max-w-72:disabled { max-width: 18rem; }
  .md-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  .md-focus-within-max-w-72:focus-within { max-width: 18rem; }
  .md-group:hover .md-group-hover-max-w-72 { max-width: 18rem; }
  .md-min-h-72 { min-height: 18rem; }
  .md-hover-min-h-72:hover { min-height: 18rem; }
  .md-focus-min-h-72:focus { min-height: 18rem; }
  .md-active-min-h-72:active { min-height: 18rem; }
  .md-disabled-min-h-72:disabled { min-height: 18rem; }
  .md-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  .md-focus-within-min-h-72:focus-within { min-height: 18rem; }
  .md-group:hover .md-group-hover-min-h-72 { min-height: 18rem; }
  .md-max-h-72 { max-height: 18rem; }
  .md-hover-max-h-72:hover { max-height: 18rem; }
  .md-focus-max-h-72:focus { max-height: 18rem; }
  .md-active-max-h-72:active { max-height: 18rem; }
  .md-disabled-max-h-72:disabled { max-height: 18rem; }
  .md-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  .md-focus-within-max-h-72:focus-within { max-height: 18rem; }
  .md-group:hover .md-group-hover-max-h-72 { max-height: 18rem; }
  .md-w-80 { width: 20rem; }
  .md-hover-w-80:hover { width: 20rem; }
  .md-focus-w-80:focus { width: 20rem; }
  .md-active-w-80:active { width: 20rem; }
  .md-disabled-w-80:disabled { width: 20rem; }
  .md-focus-visible-w-80:focus-visible { width: 20rem; }
  .md-focus-within-w-80:focus-within { width: 20rem; }
  .md-group:hover .md-group-hover-w-80 { width: 20rem; }
  .md-h-80 { height: 20rem; }
  .md-hover-h-80:hover { height: 20rem; }
  .md-focus-h-80:focus { height: 20rem; }
  .md-active-h-80:active { height: 20rem; }
  .md-disabled-h-80:disabled { height: 20rem; }
  .md-focus-visible-h-80:focus-visible { height: 20rem; }
  .md-focus-within-h-80:focus-within { height: 20rem; }
  .md-group:hover .md-group-hover-h-80 { height: 20rem; }
  .md-min-w-80 { min-width: 20rem; }
  .md-hover-min-w-80:hover { min-width: 20rem; }
  .md-focus-min-w-80:focus { min-width: 20rem; }
  .md-active-min-w-80:active { min-width: 20rem; }
  .md-disabled-min-w-80:disabled { min-width: 20rem; }
  .md-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  .md-focus-within-min-w-80:focus-within { min-width: 20rem; }
  .md-group:hover .md-group-hover-min-w-80 { min-width: 20rem; }
  .md-max-w-80 { max-width: 20rem; }
  .md-hover-max-w-80:hover { max-width: 20rem; }
  .md-focus-max-w-80:focus { max-width: 20rem; }
  .md-active-max-w-80:active { max-width: 20rem; }
  .md-disabled-max-w-80:disabled { max-width: 20rem; }
  .md-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  .md-focus-within-max-w-80:focus-within { max-width: 20rem; }
  .md-group:hover .md-group-hover-max-w-80 { max-width: 20rem; }
  .md-min-h-80 { min-height: 20rem; }
  .md-hover-min-h-80:hover { min-height: 20rem; }
  .md-focus-min-h-80:focus { min-height: 20rem; }
  .md-active-min-h-80:active { min-height: 20rem; }
  .md-disabled-min-h-80:disabled { min-height: 20rem; }
  .md-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  .md-focus-within-min-h-80:focus-within { min-height: 20rem; }
  .md-group:hover .md-group-hover-min-h-80 { min-height: 20rem; }
  .md-max-h-80 { max-height: 20rem; }
  .md-hover-max-h-80:hover { max-height: 20rem; }
  .md-focus-max-h-80:focus { max-height: 20rem; }
  .md-active-max-h-80:active { max-height: 20rem; }
  .md-disabled-max-h-80:disabled { max-height: 20rem; }
  .md-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  .md-focus-within-max-h-80:focus-within { max-height: 20rem; }
  .md-group:hover .md-group-hover-max-h-80 { max-height: 20rem; }
  .md-w-96 { width: 24rem; }
  .md-hover-w-96:hover { width: 24rem; }
  .md-focus-w-96:focus { width: 24rem; }
  .md-active-w-96:active { width: 24rem; }
  .md-disabled-w-96:disabled { width: 24rem; }
  .md-focus-visible-w-96:focus-visible { width: 24rem; }
  .md-focus-within-w-96:focus-within { width: 24rem; }
  .md-group:hover .md-group-hover-w-96 { width: 24rem; }
  .md-h-96 { height: 24rem; }
  .md-hover-h-96:hover { height: 24rem; }
  .md-focus-h-96:focus { height: 24rem; }
  .md-active-h-96:active { height: 24rem; }
  .md-disabled-h-96:disabled { height: 24rem; }
  .md-focus-visible-h-96:focus-visible { height: 24rem; }
  .md-focus-within-h-96:focus-within { height: 24rem; }
  .md-group:hover .md-group-hover-h-96 { height: 24rem; }
  .md-min-w-96 { min-width: 24rem; }
  .md-hover-min-w-96:hover { min-width: 24rem; }
  .md-focus-min-w-96:focus { min-width: 24rem; }
  .md-active-min-w-96:active { min-width: 24rem; }
  .md-disabled-min-w-96:disabled { min-width: 24rem; }
  .md-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  .md-focus-within-min-w-96:focus-within { min-width: 24rem; }
  .md-group:hover .md-group-hover-min-w-96 { min-width: 24rem; }
  .md-max-w-96 { max-width: 24rem; }
  .md-hover-max-w-96:hover { max-width: 24rem; }
  .md-focus-max-w-96:focus { max-width: 24rem; }
  .md-active-max-w-96:active { max-width: 24rem; }
  .md-disabled-max-w-96:disabled { max-width: 24rem; }
  .md-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  .md-focus-within-max-w-96:focus-within { max-width: 24rem; }
  .md-group:hover .md-group-hover-max-w-96 { max-width: 24rem; }
  .md-min-h-96 { min-height: 24rem; }
  .md-hover-min-h-96:hover { min-height: 24rem; }
  .md-focus-min-h-96:focus { min-height: 24rem; }
  .md-active-min-h-96:active { min-height: 24rem; }
  .md-disabled-min-h-96:disabled { min-height: 24rem; }
  .md-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  .md-focus-within-min-h-96:focus-within { min-height: 24rem; }
  .md-group:hover .md-group-hover-min-h-96 { min-height: 24rem; }
  .md-max-h-96 { max-height: 24rem; }
  .md-hover-max-h-96:hover { max-height: 24rem; }
  .md-focus-max-h-96:focus { max-height: 24rem; }
  .md-active-max-h-96:active { max-height: 24rem; }
  .md-disabled-max-h-96:disabled { max-height: 24rem; }
  .md-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  .md-focus-within-max-h-96:focus-within { max-height: 24rem; }
  .md-group:hover .md-group-hover-max-h-96 { max-height: 24rem; }
  .md-w-1\/2 { width: 50%; }
  .md-hover-w-1\/2:hover { width: 50%; }
  .md-focus-w-1\/2:focus { width: 50%; }
  .md-active-w-1\/2:active { width: 50%; }
  .md-disabled-w-1\/2:disabled { width: 50%; }
  .md-focus-visible-w-1\/2:focus-visible { width: 50%; }
  .md-focus-within-w-1\/2:focus-within { width: 50%; }
  .md-group:hover .md-group-hover-w-1\/2 { width: 50%; }
  .md-h-1\/2 { height: 50%; }
  .md-hover-h-1\/2:hover { height: 50%; }
  .md-focus-h-1\/2:focus { height: 50%; }
  .md-active-h-1\/2:active { height: 50%; }
  .md-disabled-h-1\/2:disabled { height: 50%; }
  .md-focus-visible-h-1\/2:focus-visible { height: 50%; }
  .md-focus-within-h-1\/2:focus-within { height: 50%; }
  .md-group:hover .md-group-hover-h-1\/2 { height: 50%; }
  .md-min-w-1\/2 { min-width: 50%; }
  .md-hover-min-w-1\/2:hover { min-width: 50%; }
  .md-focus-min-w-1\/2:focus { min-width: 50%; }
  .md-active-min-w-1\/2:active { min-width: 50%; }
  .md-disabled-min-w-1\/2:disabled { min-width: 50%; }
  .md-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  .md-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  .md-group:hover .md-group-hover-min-w-1\/2 { min-width: 50%; }
  .md-max-w-1\/2 { max-width: 50%; }
  .md-hover-max-w-1\/2:hover { max-width: 50%; }
  .md-focus-max-w-1\/2:focus { max-width: 50%; }
  .md-active-max-w-1\/2:active { max-width: 50%; }
  .md-disabled-max-w-1\/2:disabled { max-width: 50%; }
  .md-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  .md-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  .md-group:hover .md-group-hover-max-w-1\/2 { max-width: 50%; }
  .md-min-h-1\/2 { min-height: 50%; }
  .md-hover-min-h-1\/2:hover { min-height: 50%; }
  .md-focus-min-h-1\/2:focus { min-height: 50%; }
  .md-active-min-h-1\/2:active { min-height: 50%; }
  .md-disabled-min-h-1\/2:disabled { min-height: 50%; }
  .md-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  .md-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  .md-group:hover .md-group-hover-min-h-1\/2 { min-height: 50%; }
  .md-max-h-1\/2 { max-height: 50%; }
  .md-hover-max-h-1\/2:hover { max-height: 50%; }
  .md-focus-max-h-1\/2:focus { max-height: 50%; }
  .md-active-max-h-1\/2:active { max-height: 50%; }
  .md-disabled-max-h-1\/2:disabled { max-height: 50%; }
  .md-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  .md-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  .md-group:hover .md-group-hover-max-h-1\/2 { max-height: 50%; }
  .md-w-1\/3 { width: 33.3333%; }
  .md-hover-w-1\/3:hover { width: 33.3333%; }
  .md-focus-w-1\/3:focus { width: 33.3333%; }
  .md-active-w-1\/3:active { width: 33.3333%; }
  .md-disabled-w-1\/3:disabled { width: 33.3333%; }
  .md-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  .md-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  .md-group:hover .md-group-hover-w-1\/3 { width: 33.3333%; }
  .md-h-1\/3 { height: 33.3333%; }
  .md-hover-h-1\/3:hover { height: 33.3333%; }
  .md-focus-h-1\/3:focus { height: 33.3333%; }
  .md-active-h-1\/3:active { height: 33.3333%; }
  .md-disabled-h-1\/3:disabled { height: 33.3333%; }
  .md-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  .md-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  .md-group:hover .md-group-hover-h-1\/3 { height: 33.3333%; }
  .md-min-w-1\/3 { min-width: 33.3333%; }
  .md-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  .md-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  .md-active-min-w-1\/3:active { min-width: 33.3333%; }
  .md-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  .md-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  .md-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  .md-group:hover .md-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  .md-max-w-1\/3 { max-width: 33.3333%; }
  .md-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  .md-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  .md-active-max-w-1\/3:active { max-width: 33.3333%; }
  .md-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  .md-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  .md-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  .md-group:hover .md-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  .md-min-h-1\/3 { min-height: 33.3333%; }
  .md-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  .md-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  .md-active-min-h-1\/3:active { min-height: 33.3333%; }
  .md-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  .md-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  .md-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  .md-group:hover .md-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  .md-max-h-1\/3 { max-height: 33.3333%; }
  .md-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  .md-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  .md-active-max-h-1\/3:active { max-height: 33.3333%; }
  .md-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  .md-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  .md-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  .md-group:hover .md-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  .md-w-2\/3 { width: 66.6667%; }
  .md-hover-w-2\/3:hover { width: 66.6667%; }
  .md-focus-w-2\/3:focus { width: 66.6667%; }
  .md-active-w-2\/3:active { width: 66.6667%; }
  .md-disabled-w-2\/3:disabled { width: 66.6667%; }
  .md-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  .md-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  .md-group:hover .md-group-hover-w-2\/3 { width: 66.6667%; }
  .md-h-2\/3 { height: 66.6667%; }
  .md-hover-h-2\/3:hover { height: 66.6667%; }
  .md-focus-h-2\/3:focus { height: 66.6667%; }
  .md-active-h-2\/3:active { height: 66.6667%; }
  .md-disabled-h-2\/3:disabled { height: 66.6667%; }
  .md-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  .md-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  .md-group:hover .md-group-hover-h-2\/3 { height: 66.6667%; }
  .md-min-w-2\/3 { min-width: 66.6667%; }
  .md-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  .md-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  .md-active-min-w-2\/3:active { min-width: 66.6667%; }
  .md-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  .md-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  .md-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  .md-group:hover .md-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  .md-max-w-2\/3 { max-width: 66.6667%; }
  .md-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  .md-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  .md-active-max-w-2\/3:active { max-width: 66.6667%; }
  .md-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  .md-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  .md-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  .md-group:hover .md-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  .md-min-h-2\/3 { min-height: 66.6667%; }
  .md-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  .md-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  .md-active-min-h-2\/3:active { min-height: 66.6667%; }
  .md-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  .md-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  .md-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  .md-group:hover .md-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  .md-max-h-2\/3 { max-height: 66.6667%; }
  .md-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  .md-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  .md-active-max-h-2\/3:active { max-height: 66.6667%; }
  .md-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  .md-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  .md-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  .md-group:hover .md-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  .md-w-1\/4 { width: 25%; }
  .md-hover-w-1\/4:hover { width: 25%; }
  .md-focus-w-1\/4:focus { width: 25%; }
  .md-active-w-1\/4:active { width: 25%; }
  .md-disabled-w-1\/4:disabled { width: 25%; }
  .md-focus-visible-w-1\/4:focus-visible { width: 25%; }
  .md-focus-within-w-1\/4:focus-within { width: 25%; }
  .md-group:hover .md-group-hover-w-1\/4 { width: 25%; }
  .md-h-1\/4 { height: 25%; }
  .md-hover-h-1\/4:hover { height: 25%; }
  .md-focus-h-1\/4:focus { height: 25%; }
  .md-active-h-1\/4:active { height: 25%; }
  .md-disabled-h-1\/4:disabled { height: 25%; }
  .md-focus-visible-h-1\/4:focus-visible { height: 25%; }
  .md-focus-within-h-1\/4:focus-within { height: 25%; }
  .md-group:hover .md-group-hover-h-1\/4 { height: 25%; }
  .md-min-w-1\/4 { min-width: 25%; }
  .md-hover-min-w-1\/4:hover { min-width: 25%; }
  .md-focus-min-w-1\/4:focus { min-width: 25%; }
  .md-active-min-w-1\/4:active { min-width: 25%; }
  .md-disabled-min-w-1\/4:disabled { min-width: 25%; }
  .md-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  .md-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  .md-group:hover .md-group-hover-min-w-1\/4 { min-width: 25%; }
  .md-max-w-1\/4 { max-width: 25%; }
  .md-hover-max-w-1\/4:hover { max-width: 25%; }
  .md-focus-max-w-1\/4:focus { max-width: 25%; }
  .md-active-max-w-1\/4:active { max-width: 25%; }
  .md-disabled-max-w-1\/4:disabled { max-width: 25%; }
  .md-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  .md-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  .md-group:hover .md-group-hover-max-w-1\/4 { max-width: 25%; }
  .md-min-h-1\/4 { min-height: 25%; }
  .md-hover-min-h-1\/4:hover { min-height: 25%; }
  .md-focus-min-h-1\/4:focus { min-height: 25%; }
  .md-active-min-h-1\/4:active { min-height: 25%; }
  .md-disabled-min-h-1\/4:disabled { min-height: 25%; }
  .md-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  .md-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  .md-group:hover .md-group-hover-min-h-1\/4 { min-height: 25%; }
  .md-max-h-1\/4 { max-height: 25%; }
  .md-hover-max-h-1\/4:hover { max-height: 25%; }
  .md-focus-max-h-1\/4:focus { max-height: 25%; }
  .md-active-max-h-1\/4:active { max-height: 25%; }
  .md-disabled-max-h-1\/4:disabled { max-height: 25%; }
  .md-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  .md-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  .md-group:hover .md-group-hover-max-h-1\/4 { max-height: 25%; }
  .md-w-3\/4 { width: 75%; }
  .md-hover-w-3\/4:hover { width: 75%; }
  .md-focus-w-3\/4:focus { width: 75%; }
  .md-active-w-3\/4:active { width: 75%; }
  .md-disabled-w-3\/4:disabled { width: 75%; }
  .md-focus-visible-w-3\/4:focus-visible { width: 75%; }
  .md-focus-within-w-3\/4:focus-within { width: 75%; }
  .md-group:hover .md-group-hover-w-3\/4 { width: 75%; }
  .md-h-3\/4 { height: 75%; }
  .md-hover-h-3\/4:hover { height: 75%; }
  .md-focus-h-3\/4:focus { height: 75%; }
  .md-active-h-3\/4:active { height: 75%; }
  .md-disabled-h-3\/4:disabled { height: 75%; }
  .md-focus-visible-h-3\/4:focus-visible { height: 75%; }
  .md-focus-within-h-3\/4:focus-within { height: 75%; }
  .md-group:hover .md-group-hover-h-3\/4 { height: 75%; }
  .md-min-w-3\/4 { min-width: 75%; }
  .md-hover-min-w-3\/4:hover { min-width: 75%; }
  .md-focus-min-w-3\/4:focus { min-width: 75%; }
  .md-active-min-w-3\/4:active { min-width: 75%; }
  .md-disabled-min-w-3\/4:disabled { min-width: 75%; }
  .md-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  .md-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  .md-group:hover .md-group-hover-min-w-3\/4 { min-width: 75%; }
  .md-max-w-3\/4 { max-width: 75%; }
  .md-hover-max-w-3\/4:hover { max-width: 75%; }
  .md-focus-max-w-3\/4:focus { max-width: 75%; }
  .md-active-max-w-3\/4:active { max-width: 75%; }
  .md-disabled-max-w-3\/4:disabled { max-width: 75%; }
  .md-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  .md-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  .md-group:hover .md-group-hover-max-w-3\/4 { max-width: 75%; }
  .md-min-h-3\/4 { min-height: 75%; }
  .md-hover-min-h-3\/4:hover { min-height: 75%; }
  .md-focus-min-h-3\/4:focus { min-height: 75%; }
  .md-active-min-h-3\/4:active { min-height: 75%; }
  .md-disabled-min-h-3\/4:disabled { min-height: 75%; }
  .md-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  .md-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  .md-group:hover .md-group-hover-min-h-3\/4 { min-height: 75%; }
  .md-max-h-3\/4 { max-height: 75%; }
  .md-hover-max-h-3\/4:hover { max-height: 75%; }
  .md-focus-max-h-3\/4:focus { max-height: 75%; }
  .md-active-max-h-3\/4:active { max-height: 75%; }
  .md-disabled-max-h-3\/4:disabled { max-height: 75%; }
  .md-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  .md-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  .md-group:hover .md-group-hover-max-h-3\/4 { max-height: 75%; }
  .md-w-1\/5 { width: 20%; }
  .md-hover-w-1\/5:hover { width: 20%; }
  .md-focus-w-1\/5:focus { width: 20%; }
  .md-active-w-1\/5:active { width: 20%; }
  .md-disabled-w-1\/5:disabled { width: 20%; }
  .md-focus-visible-w-1\/5:focus-visible { width: 20%; }
  .md-focus-within-w-1\/5:focus-within { width: 20%; }
  .md-group:hover .md-group-hover-w-1\/5 { width: 20%; }
  .md-h-1\/5 { height: 20%; }
  .md-hover-h-1\/5:hover { height: 20%; }
  .md-focus-h-1\/5:focus { height: 20%; }
  .md-active-h-1\/5:active { height: 20%; }
  .md-disabled-h-1\/5:disabled { height: 20%; }
  .md-focus-visible-h-1\/5:focus-visible { height: 20%; }
  .md-focus-within-h-1\/5:focus-within { height: 20%; }
  .md-group:hover .md-group-hover-h-1\/5 { height: 20%; }
  .md-min-w-1\/5 { min-width: 20%; }
  .md-hover-min-w-1\/5:hover { min-width: 20%; }
  .md-focus-min-w-1\/5:focus { min-width: 20%; }
  .md-active-min-w-1\/5:active { min-width: 20%; }
  .md-disabled-min-w-1\/5:disabled { min-width: 20%; }
  .md-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  .md-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  .md-group:hover .md-group-hover-min-w-1\/5 { min-width: 20%; }
  .md-max-w-1\/5 { max-width: 20%; }
  .md-hover-max-w-1\/5:hover { max-width: 20%; }
  .md-focus-max-w-1\/5:focus { max-width: 20%; }
  .md-active-max-w-1\/5:active { max-width: 20%; }
  .md-disabled-max-w-1\/5:disabled { max-width: 20%; }
  .md-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  .md-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  .md-group:hover .md-group-hover-max-w-1\/5 { max-width: 20%; }
  .md-min-h-1\/5 { min-height: 20%; }
  .md-hover-min-h-1\/5:hover { min-height: 20%; }
  .md-focus-min-h-1\/5:focus { min-height: 20%; }
  .md-active-min-h-1\/5:active { min-height: 20%; }
  .md-disabled-min-h-1\/5:disabled { min-height: 20%; }
  .md-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  .md-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  .md-group:hover .md-group-hover-min-h-1\/5 { min-height: 20%; }
  .md-max-h-1\/5 { max-height: 20%; }
  .md-hover-max-h-1\/5:hover { max-height: 20%; }
  .md-focus-max-h-1\/5:focus { max-height: 20%; }
  .md-active-max-h-1\/5:active { max-height: 20%; }
  .md-disabled-max-h-1\/5:disabled { max-height: 20%; }
  .md-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  .md-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  .md-group:hover .md-group-hover-max-h-1\/5 { max-height: 20%; }
  .md-w-2\/5 { width: 40%; }
  .md-hover-w-2\/5:hover { width: 40%; }
  .md-focus-w-2\/5:focus { width: 40%; }
  .md-active-w-2\/5:active { width: 40%; }
  .md-disabled-w-2\/5:disabled { width: 40%; }
  .md-focus-visible-w-2\/5:focus-visible { width: 40%; }
  .md-focus-within-w-2\/5:focus-within { width: 40%; }
  .md-group:hover .md-group-hover-w-2\/5 { width: 40%; }
  .md-h-2\/5 { height: 40%; }
  .md-hover-h-2\/5:hover { height: 40%; }
  .md-focus-h-2\/5:focus { height: 40%; }
  .md-active-h-2\/5:active { height: 40%; }
  .md-disabled-h-2\/5:disabled { height: 40%; }
  .md-focus-visible-h-2\/5:focus-visible { height: 40%; }
  .md-focus-within-h-2\/5:focus-within { height: 40%; }
  .md-group:hover .md-group-hover-h-2\/5 { height: 40%; }
  .md-min-w-2\/5 { min-width: 40%; }
  .md-hover-min-w-2\/5:hover { min-width: 40%; }
  .md-focus-min-w-2\/5:focus { min-width: 40%; }
  .md-active-min-w-2\/5:active { min-width: 40%; }
  .md-disabled-min-w-2\/5:disabled { min-width: 40%; }
  .md-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  .md-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  .md-group:hover .md-group-hover-min-w-2\/5 { min-width: 40%; }
  .md-max-w-2\/5 { max-width: 40%; }
  .md-hover-max-w-2\/5:hover { max-width: 40%; }
  .md-focus-max-w-2\/5:focus { max-width: 40%; }
  .md-active-max-w-2\/5:active { max-width: 40%; }
  .md-disabled-max-w-2\/5:disabled { max-width: 40%; }
  .md-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  .md-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  .md-group:hover .md-group-hover-max-w-2\/5 { max-width: 40%; }
  .md-min-h-2\/5 { min-height: 40%; }
  .md-hover-min-h-2\/5:hover { min-height: 40%; }
  .md-focus-min-h-2\/5:focus { min-height: 40%; }
  .md-active-min-h-2\/5:active { min-height: 40%; }
  .md-disabled-min-h-2\/5:disabled { min-height: 40%; }
  .md-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  .md-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  .md-group:hover .md-group-hover-min-h-2\/5 { min-height: 40%; }
  .md-max-h-2\/5 { max-height: 40%; }
  .md-hover-max-h-2\/5:hover { max-height: 40%; }
  .md-focus-max-h-2\/5:focus { max-height: 40%; }
  .md-active-max-h-2\/5:active { max-height: 40%; }
  .md-disabled-max-h-2\/5:disabled { max-height: 40%; }
  .md-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  .md-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  .md-group:hover .md-group-hover-max-h-2\/5 { max-height: 40%; }
  .md-w-3\/5 { width: 60%; }
  .md-hover-w-3\/5:hover { width: 60%; }
  .md-focus-w-3\/5:focus { width: 60%; }
  .md-active-w-3\/5:active { width: 60%; }
  .md-disabled-w-3\/5:disabled { width: 60%; }
  .md-focus-visible-w-3\/5:focus-visible { width: 60%; }
  .md-focus-within-w-3\/5:focus-within { width: 60%; }
  .md-group:hover .md-group-hover-w-3\/5 { width: 60%; }
  .md-h-3\/5 { height: 60%; }
  .md-hover-h-3\/5:hover { height: 60%; }
  .md-focus-h-3\/5:focus { height: 60%; }
  .md-active-h-3\/5:active { height: 60%; }
  .md-disabled-h-3\/5:disabled { height: 60%; }
  .md-focus-visible-h-3\/5:focus-visible { height: 60%; }
  .md-focus-within-h-3\/5:focus-within { height: 60%; }
  .md-group:hover .md-group-hover-h-3\/5 { height: 60%; }
  .md-min-w-3\/5 { min-width: 60%; }
  .md-hover-min-w-3\/5:hover { min-width: 60%; }
  .md-focus-min-w-3\/5:focus { min-width: 60%; }
  .md-active-min-w-3\/5:active { min-width: 60%; }
  .md-disabled-min-w-3\/5:disabled { min-width: 60%; }
  .md-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  .md-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  .md-group:hover .md-group-hover-min-w-3\/5 { min-width: 60%; }
  .md-max-w-3\/5 { max-width: 60%; }
  .md-hover-max-w-3\/5:hover { max-width: 60%; }
  .md-focus-max-w-3\/5:focus { max-width: 60%; }
  .md-active-max-w-3\/5:active { max-width: 60%; }
  .md-disabled-max-w-3\/5:disabled { max-width: 60%; }
  .md-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  .md-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  .md-group:hover .md-group-hover-max-w-3\/5 { max-width: 60%; }
  .md-min-h-3\/5 { min-height: 60%; }
  .md-hover-min-h-3\/5:hover { min-height: 60%; }
  .md-focus-min-h-3\/5:focus { min-height: 60%; }
  .md-active-min-h-3\/5:active { min-height: 60%; }
  .md-disabled-min-h-3\/5:disabled { min-height: 60%; }
  .md-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  .md-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  .md-group:hover .md-group-hover-min-h-3\/5 { min-height: 60%; }
  .md-max-h-3\/5 { max-height: 60%; }
  .md-hover-max-h-3\/5:hover { max-height: 60%; }
  .md-focus-max-h-3\/5:focus { max-height: 60%; }
  .md-active-max-h-3\/5:active { max-height: 60%; }
  .md-disabled-max-h-3\/5:disabled { max-height: 60%; }
  .md-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  .md-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  .md-group:hover .md-group-hover-max-h-3\/5 { max-height: 60%; }
  .md-w-4\/5 { width: 80%; }
  .md-hover-w-4\/5:hover { width: 80%; }
  .md-focus-w-4\/5:focus { width: 80%; }
  .md-active-w-4\/5:active { width: 80%; }
  .md-disabled-w-4\/5:disabled { width: 80%; }
  .md-focus-visible-w-4\/5:focus-visible { width: 80%; }
  .md-focus-within-w-4\/5:focus-within { width: 80%; }
  .md-group:hover .md-group-hover-w-4\/5 { width: 80%; }
  .md-h-4\/5 { height: 80%; }
  .md-hover-h-4\/5:hover { height: 80%; }
  .md-focus-h-4\/5:focus { height: 80%; }
  .md-active-h-4\/5:active { height: 80%; }
  .md-disabled-h-4\/5:disabled { height: 80%; }
  .md-focus-visible-h-4\/5:focus-visible { height: 80%; }
  .md-focus-within-h-4\/5:focus-within { height: 80%; }
  .md-group:hover .md-group-hover-h-4\/5 { height: 80%; }
  .md-min-w-4\/5 { min-width: 80%; }
  .md-hover-min-w-4\/5:hover { min-width: 80%; }
  .md-focus-min-w-4\/5:focus { min-width: 80%; }
  .md-active-min-w-4\/5:active { min-width: 80%; }
  .md-disabled-min-w-4\/5:disabled { min-width: 80%; }
  .md-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  .md-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  .md-group:hover .md-group-hover-min-w-4\/5 { min-width: 80%; }
  .md-max-w-4\/5 { max-width: 80%; }
  .md-hover-max-w-4\/5:hover { max-width: 80%; }
  .md-focus-max-w-4\/5:focus { max-width: 80%; }
  .md-active-max-w-4\/5:active { max-width: 80%; }
  .md-disabled-max-w-4\/5:disabled { max-width: 80%; }
  .md-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  .md-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  .md-group:hover .md-group-hover-max-w-4\/5 { max-width: 80%; }
  .md-min-h-4\/5 { min-height: 80%; }
  .md-hover-min-h-4\/5:hover { min-height: 80%; }
  .md-focus-min-h-4\/5:focus { min-height: 80%; }
  .md-active-min-h-4\/5:active { min-height: 80%; }
  .md-disabled-min-h-4\/5:disabled { min-height: 80%; }
  .md-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  .md-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  .md-group:hover .md-group-hover-min-h-4\/5 { min-height: 80%; }
  .md-max-h-4\/5 { max-height: 80%; }
  .md-hover-max-h-4\/5:hover { max-height: 80%; }
  .md-focus-max-h-4\/5:focus { max-height: 80%; }
  .md-active-max-h-4\/5:active { max-height: 80%; }
  .md-disabled-max-h-4\/5:disabled { max-height: 80%; }
  .md-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  .md-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  .md-group:hover .md-group-hover-max-h-4\/5 { max-height: 80%; }
  .md-w-5p { width: 5%; }
  .md-hover-w-5p:hover { width: 5%; }
  .md-focus-w-5p:focus { width: 5%; }
  .md-active-w-5p:active { width: 5%; }
  .md-disabled-w-5p:disabled { width: 5%; }
  .md-focus-visible-w-5p:focus-visible { width: 5%; }
  .md-focus-within-w-5p:focus-within { width: 5%; }
  .md-group:hover .md-group-hover-w-5p { width: 5%; }
  .md-h-5p { height: 5%; }
  .md-hover-h-5p:hover { height: 5%; }
  .md-focus-h-5p:focus { height: 5%; }
  .md-active-h-5p:active { height: 5%; }
  .md-disabled-h-5p:disabled { height: 5%; }
  .md-focus-visible-h-5p:focus-visible { height: 5%; }
  .md-focus-within-h-5p:focus-within { height: 5%; }
  .md-group:hover .md-group-hover-h-5p { height: 5%; }
  .md-min-w-5p { min-width: 5%; }
  .md-hover-min-w-5p:hover { min-width: 5%; }
  .md-focus-min-w-5p:focus { min-width: 5%; }
  .md-active-min-w-5p:active { min-width: 5%; }
  .md-disabled-min-w-5p:disabled { min-width: 5%; }
  .md-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  .md-focus-within-min-w-5p:focus-within { min-width: 5%; }
  .md-group:hover .md-group-hover-min-w-5p { min-width: 5%; }
  .md-max-w-5p { max-width: 5%; }
  .md-hover-max-w-5p:hover { max-width: 5%; }
  .md-focus-max-w-5p:focus { max-width: 5%; }
  .md-active-max-w-5p:active { max-width: 5%; }
  .md-disabled-max-w-5p:disabled { max-width: 5%; }
  .md-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  .md-focus-within-max-w-5p:focus-within { max-width: 5%; }
  .md-group:hover .md-group-hover-max-w-5p { max-width: 5%; }
  .md-min-h-5p { min-height: 5%; }
  .md-hover-min-h-5p:hover { min-height: 5%; }
  .md-focus-min-h-5p:focus { min-height: 5%; }
  .md-active-min-h-5p:active { min-height: 5%; }
  .md-disabled-min-h-5p:disabled { min-height: 5%; }
  .md-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  .md-focus-within-min-h-5p:focus-within { min-height: 5%; }
  .md-group:hover .md-group-hover-min-h-5p { min-height: 5%; }
  .md-max-h-5p { max-height: 5%; }
  .md-hover-max-h-5p:hover { max-height: 5%; }
  .md-focus-max-h-5p:focus { max-height: 5%; }
  .md-active-max-h-5p:active { max-height: 5%; }
  .md-disabled-max-h-5p:disabled { max-height: 5%; }
  .md-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  .md-focus-within-max-h-5p:focus-within { max-height: 5%; }
  .md-group:hover .md-group-hover-max-h-5p { max-height: 5%; }
  .md-w-10p { width: 10%; }
  .md-hover-w-10p:hover { width: 10%; }
  .md-focus-w-10p:focus { width: 10%; }
  .md-active-w-10p:active { width: 10%; }
  .md-disabled-w-10p:disabled { width: 10%; }
  .md-focus-visible-w-10p:focus-visible { width: 10%; }
  .md-focus-within-w-10p:focus-within { width: 10%; }
  .md-group:hover .md-group-hover-w-10p { width: 10%; }
  .md-h-10p { height: 10%; }
  .md-hover-h-10p:hover { height: 10%; }
  .md-focus-h-10p:focus { height: 10%; }
  .md-active-h-10p:active { height: 10%; }
  .md-disabled-h-10p:disabled { height: 10%; }
  .md-focus-visible-h-10p:focus-visible { height: 10%; }
  .md-focus-within-h-10p:focus-within { height: 10%; }
  .md-group:hover .md-group-hover-h-10p { height: 10%; }
  .md-min-w-10p { min-width: 10%; }
  .md-hover-min-w-10p:hover { min-width: 10%; }
  .md-focus-min-w-10p:focus { min-width: 10%; }
  .md-active-min-w-10p:active { min-width: 10%; }
  .md-disabled-min-w-10p:disabled { min-width: 10%; }
  .md-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  .md-focus-within-min-w-10p:focus-within { min-width: 10%; }
  .md-group:hover .md-group-hover-min-w-10p { min-width: 10%; }
  .md-max-w-10p { max-width: 10%; }
  .md-hover-max-w-10p:hover { max-width: 10%; }
  .md-focus-max-w-10p:focus { max-width: 10%; }
  .md-active-max-w-10p:active { max-width: 10%; }
  .md-disabled-max-w-10p:disabled { max-width: 10%; }
  .md-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  .md-focus-within-max-w-10p:focus-within { max-width: 10%; }
  .md-group:hover .md-group-hover-max-w-10p { max-width: 10%; }
  .md-min-h-10p { min-height: 10%; }
  .md-hover-min-h-10p:hover { min-height: 10%; }
  .md-focus-min-h-10p:focus { min-height: 10%; }
  .md-active-min-h-10p:active { min-height: 10%; }
  .md-disabled-min-h-10p:disabled { min-height: 10%; }
  .md-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  .md-focus-within-min-h-10p:focus-within { min-height: 10%; }
  .md-group:hover .md-group-hover-min-h-10p { min-height: 10%; }
  .md-max-h-10p { max-height: 10%; }
  .md-hover-max-h-10p:hover { max-height: 10%; }
  .md-focus-max-h-10p:focus { max-height: 10%; }
  .md-active-max-h-10p:active { max-height: 10%; }
  .md-disabled-max-h-10p:disabled { max-height: 10%; }
  .md-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  .md-focus-within-max-h-10p:focus-within { max-height: 10%; }
  .md-group:hover .md-group-hover-max-h-10p { max-height: 10%; }
  .md-w-15p { width: 15%; }
  .md-hover-w-15p:hover { width: 15%; }
  .md-focus-w-15p:focus { width: 15%; }
  .md-active-w-15p:active { width: 15%; }
  .md-disabled-w-15p:disabled { width: 15%; }
  .md-focus-visible-w-15p:focus-visible { width: 15%; }
  .md-focus-within-w-15p:focus-within { width: 15%; }
  .md-group:hover .md-group-hover-w-15p { width: 15%; }
  .md-h-15p { height: 15%; }
  .md-hover-h-15p:hover { height: 15%; }
  .md-focus-h-15p:focus { height: 15%; }
  .md-active-h-15p:active { height: 15%; }
  .md-disabled-h-15p:disabled { height: 15%; }
  .md-focus-visible-h-15p:focus-visible { height: 15%; }
  .md-focus-within-h-15p:focus-within { height: 15%; }
  .md-group:hover .md-group-hover-h-15p { height: 15%; }
  .md-min-w-15p { min-width: 15%; }
  .md-hover-min-w-15p:hover { min-width: 15%; }
  .md-focus-min-w-15p:focus { min-width: 15%; }
  .md-active-min-w-15p:active { min-width: 15%; }
  .md-disabled-min-w-15p:disabled { min-width: 15%; }
  .md-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  .md-focus-within-min-w-15p:focus-within { min-width: 15%; }
  .md-group:hover .md-group-hover-min-w-15p { min-width: 15%; }
  .md-max-w-15p { max-width: 15%; }
  .md-hover-max-w-15p:hover { max-width: 15%; }
  .md-focus-max-w-15p:focus { max-width: 15%; }
  .md-active-max-w-15p:active { max-width: 15%; }
  .md-disabled-max-w-15p:disabled { max-width: 15%; }
  .md-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  .md-focus-within-max-w-15p:focus-within { max-width: 15%; }
  .md-group:hover .md-group-hover-max-w-15p { max-width: 15%; }
  .md-min-h-15p { min-height: 15%; }
  .md-hover-min-h-15p:hover { min-height: 15%; }
  .md-focus-min-h-15p:focus { min-height: 15%; }
  .md-active-min-h-15p:active { min-height: 15%; }
  .md-disabled-min-h-15p:disabled { min-height: 15%; }
  .md-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  .md-focus-within-min-h-15p:focus-within { min-height: 15%; }
  .md-group:hover .md-group-hover-min-h-15p { min-height: 15%; }
  .md-max-h-15p { max-height: 15%; }
  .md-hover-max-h-15p:hover { max-height: 15%; }
  .md-focus-max-h-15p:focus { max-height: 15%; }
  .md-active-max-h-15p:active { max-height: 15%; }
  .md-disabled-max-h-15p:disabled { max-height: 15%; }
  .md-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  .md-focus-within-max-h-15p:focus-within { max-height: 15%; }
  .md-group:hover .md-group-hover-max-h-15p { max-height: 15%; }
  .md-w-20p { width: 20%; }
  .md-hover-w-20p:hover { width: 20%; }
  .md-focus-w-20p:focus { width: 20%; }
  .md-active-w-20p:active { width: 20%; }
  .md-disabled-w-20p:disabled { width: 20%; }
  .md-focus-visible-w-20p:focus-visible { width: 20%; }
  .md-focus-within-w-20p:focus-within { width: 20%; }
  .md-group:hover .md-group-hover-w-20p { width: 20%; }
  .md-h-20p { height: 20%; }
  .md-hover-h-20p:hover { height: 20%; }
  .md-focus-h-20p:focus { height: 20%; }
  .md-active-h-20p:active { height: 20%; }
  .md-disabled-h-20p:disabled { height: 20%; }
  .md-focus-visible-h-20p:focus-visible { height: 20%; }
  .md-focus-within-h-20p:focus-within { height: 20%; }
  .md-group:hover .md-group-hover-h-20p { height: 20%; }
  .md-min-w-20p { min-width: 20%; }
  .md-hover-min-w-20p:hover { min-width: 20%; }
  .md-focus-min-w-20p:focus { min-width: 20%; }
  .md-active-min-w-20p:active { min-width: 20%; }
  .md-disabled-min-w-20p:disabled { min-width: 20%; }
  .md-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  .md-focus-within-min-w-20p:focus-within { min-width: 20%; }
  .md-group:hover .md-group-hover-min-w-20p { min-width: 20%; }
  .md-max-w-20p { max-width: 20%; }
  .md-hover-max-w-20p:hover { max-width: 20%; }
  .md-focus-max-w-20p:focus { max-width: 20%; }
  .md-active-max-w-20p:active { max-width: 20%; }
  .md-disabled-max-w-20p:disabled { max-width: 20%; }
  .md-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  .md-focus-within-max-w-20p:focus-within { max-width: 20%; }
  .md-group:hover .md-group-hover-max-w-20p { max-width: 20%; }
  .md-min-h-20p { min-height: 20%; }
  .md-hover-min-h-20p:hover { min-height: 20%; }
  .md-focus-min-h-20p:focus { min-height: 20%; }
  .md-active-min-h-20p:active { min-height: 20%; }
  .md-disabled-min-h-20p:disabled { min-height: 20%; }
  .md-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  .md-focus-within-min-h-20p:focus-within { min-height: 20%; }
  .md-group:hover .md-group-hover-min-h-20p { min-height: 20%; }
  .md-max-h-20p { max-height: 20%; }
  .md-hover-max-h-20p:hover { max-height: 20%; }
  .md-focus-max-h-20p:focus { max-height: 20%; }
  .md-active-max-h-20p:active { max-height: 20%; }
  .md-disabled-max-h-20p:disabled { max-height: 20%; }
  .md-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  .md-focus-within-max-h-20p:focus-within { max-height: 20%; }
  .md-group:hover .md-group-hover-max-h-20p { max-height: 20%; }
  .md-w-25p { width: 25%; }
  .md-hover-w-25p:hover { width: 25%; }
  .md-focus-w-25p:focus { width: 25%; }
  .md-active-w-25p:active { width: 25%; }
  .md-disabled-w-25p:disabled { width: 25%; }
  .md-focus-visible-w-25p:focus-visible { width: 25%; }
  .md-focus-within-w-25p:focus-within { width: 25%; }
  .md-group:hover .md-group-hover-w-25p { width: 25%; }
  .md-h-25p { height: 25%; }
  .md-hover-h-25p:hover { height: 25%; }
  .md-focus-h-25p:focus { height: 25%; }
  .md-active-h-25p:active { height: 25%; }
  .md-disabled-h-25p:disabled { height: 25%; }
  .md-focus-visible-h-25p:focus-visible { height: 25%; }
  .md-focus-within-h-25p:focus-within { height: 25%; }
  .md-group:hover .md-group-hover-h-25p { height: 25%; }
  .md-min-w-25p { min-width: 25%; }
  .md-hover-min-w-25p:hover { min-width: 25%; }
  .md-focus-min-w-25p:focus { min-width: 25%; }
  .md-active-min-w-25p:active { min-width: 25%; }
  .md-disabled-min-w-25p:disabled { min-width: 25%; }
  .md-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  .md-focus-within-min-w-25p:focus-within { min-width: 25%; }
  .md-group:hover .md-group-hover-min-w-25p { min-width: 25%; }
  .md-max-w-25p { max-width: 25%; }
  .md-hover-max-w-25p:hover { max-width: 25%; }
  .md-focus-max-w-25p:focus { max-width: 25%; }
  .md-active-max-w-25p:active { max-width: 25%; }
  .md-disabled-max-w-25p:disabled { max-width: 25%; }
  .md-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  .md-focus-within-max-w-25p:focus-within { max-width: 25%; }
  .md-group:hover .md-group-hover-max-w-25p { max-width: 25%; }
  .md-min-h-25p { min-height: 25%; }
  .md-hover-min-h-25p:hover { min-height: 25%; }
  .md-focus-min-h-25p:focus { min-height: 25%; }
  .md-active-min-h-25p:active { min-height: 25%; }
  .md-disabled-min-h-25p:disabled { min-height: 25%; }
  .md-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  .md-focus-within-min-h-25p:focus-within { min-height: 25%; }
  .md-group:hover .md-group-hover-min-h-25p { min-height: 25%; }
  .md-max-h-25p { max-height: 25%; }
  .md-hover-max-h-25p:hover { max-height: 25%; }
  .md-focus-max-h-25p:focus { max-height: 25%; }
  .md-active-max-h-25p:active { max-height: 25%; }
  .md-disabled-max-h-25p:disabled { max-height: 25%; }
  .md-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  .md-focus-within-max-h-25p:focus-within { max-height: 25%; }
  .md-group:hover .md-group-hover-max-h-25p { max-height: 25%; }
  .md-w-30p { width: 30%; }
  .md-hover-w-30p:hover { width: 30%; }
  .md-focus-w-30p:focus { width: 30%; }
  .md-active-w-30p:active { width: 30%; }
  .md-disabled-w-30p:disabled { width: 30%; }
  .md-focus-visible-w-30p:focus-visible { width: 30%; }
  .md-focus-within-w-30p:focus-within { width: 30%; }
  .md-group:hover .md-group-hover-w-30p { width: 30%; }
  .md-h-30p { height: 30%; }
  .md-hover-h-30p:hover { height: 30%; }
  .md-focus-h-30p:focus { height: 30%; }
  .md-active-h-30p:active { height: 30%; }
  .md-disabled-h-30p:disabled { height: 30%; }
  .md-focus-visible-h-30p:focus-visible { height: 30%; }
  .md-focus-within-h-30p:focus-within { height: 30%; }
  .md-group:hover .md-group-hover-h-30p { height: 30%; }
  .md-min-w-30p { min-width: 30%; }
  .md-hover-min-w-30p:hover { min-width: 30%; }
  .md-focus-min-w-30p:focus { min-width: 30%; }
  .md-active-min-w-30p:active { min-width: 30%; }
  .md-disabled-min-w-30p:disabled { min-width: 30%; }
  .md-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  .md-focus-within-min-w-30p:focus-within { min-width: 30%; }
  .md-group:hover .md-group-hover-min-w-30p { min-width: 30%; }
  .md-max-w-30p { max-width: 30%; }
  .md-hover-max-w-30p:hover { max-width: 30%; }
  .md-focus-max-w-30p:focus { max-width: 30%; }
  .md-active-max-w-30p:active { max-width: 30%; }
  .md-disabled-max-w-30p:disabled { max-width: 30%; }
  .md-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  .md-focus-within-max-w-30p:focus-within { max-width: 30%; }
  .md-group:hover .md-group-hover-max-w-30p { max-width: 30%; }
  .md-min-h-30p { min-height: 30%; }
  .md-hover-min-h-30p:hover { min-height: 30%; }
  .md-focus-min-h-30p:focus { min-height: 30%; }
  .md-active-min-h-30p:active { min-height: 30%; }
  .md-disabled-min-h-30p:disabled { min-height: 30%; }
  .md-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  .md-focus-within-min-h-30p:focus-within { min-height: 30%; }
  .md-group:hover .md-group-hover-min-h-30p { min-height: 30%; }
  .md-max-h-30p { max-height: 30%; }
  .md-hover-max-h-30p:hover { max-height: 30%; }
  .md-focus-max-h-30p:focus { max-height: 30%; }
  .md-active-max-h-30p:active { max-height: 30%; }
  .md-disabled-max-h-30p:disabled { max-height: 30%; }
  .md-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  .md-focus-within-max-h-30p:focus-within { max-height: 30%; }
  .md-group:hover .md-group-hover-max-h-30p { max-height: 30%; }
  .md-w-35p { width: 35%; }
  .md-hover-w-35p:hover { width: 35%; }
  .md-focus-w-35p:focus { width: 35%; }
  .md-active-w-35p:active { width: 35%; }
  .md-disabled-w-35p:disabled { width: 35%; }
  .md-focus-visible-w-35p:focus-visible { width: 35%; }
  .md-focus-within-w-35p:focus-within { width: 35%; }
  .md-group:hover .md-group-hover-w-35p { width: 35%; }
  .md-h-35p { height: 35%; }
  .md-hover-h-35p:hover { height: 35%; }
  .md-focus-h-35p:focus { height: 35%; }
  .md-active-h-35p:active { height: 35%; }
  .md-disabled-h-35p:disabled { height: 35%; }
  .md-focus-visible-h-35p:focus-visible { height: 35%; }
  .md-focus-within-h-35p:focus-within { height: 35%; }
  .md-group:hover .md-group-hover-h-35p { height: 35%; }
  .md-min-w-35p { min-width: 35%; }
  .md-hover-min-w-35p:hover { min-width: 35%; }
  .md-focus-min-w-35p:focus { min-width: 35%; }
  .md-active-min-w-35p:active { min-width: 35%; }
  .md-disabled-min-w-35p:disabled { min-width: 35%; }
  .md-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  .md-focus-within-min-w-35p:focus-within { min-width: 35%; }
  .md-group:hover .md-group-hover-min-w-35p { min-width: 35%; }
  .md-max-w-35p { max-width: 35%; }
  .md-hover-max-w-35p:hover { max-width: 35%; }
  .md-focus-max-w-35p:focus { max-width: 35%; }
  .md-active-max-w-35p:active { max-width: 35%; }
  .md-disabled-max-w-35p:disabled { max-width: 35%; }
  .md-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  .md-focus-within-max-w-35p:focus-within { max-width: 35%; }
  .md-group:hover .md-group-hover-max-w-35p { max-width: 35%; }
  .md-min-h-35p { min-height: 35%; }
  .md-hover-min-h-35p:hover { min-height: 35%; }
  .md-focus-min-h-35p:focus { min-height: 35%; }
  .md-active-min-h-35p:active { min-height: 35%; }
  .md-disabled-min-h-35p:disabled { min-height: 35%; }
  .md-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  .md-focus-within-min-h-35p:focus-within { min-height: 35%; }
  .md-group:hover .md-group-hover-min-h-35p { min-height: 35%; }
  .md-max-h-35p { max-height: 35%; }
  .md-hover-max-h-35p:hover { max-height: 35%; }
  .md-focus-max-h-35p:focus { max-height: 35%; }
  .md-active-max-h-35p:active { max-height: 35%; }
  .md-disabled-max-h-35p:disabled { max-height: 35%; }
  .md-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  .md-focus-within-max-h-35p:focus-within { max-height: 35%; }
  .md-group:hover .md-group-hover-max-h-35p { max-height: 35%; }
  .md-w-40p { width: 40%; }
  .md-hover-w-40p:hover { width: 40%; }
  .md-focus-w-40p:focus { width: 40%; }
  .md-active-w-40p:active { width: 40%; }
  .md-disabled-w-40p:disabled { width: 40%; }
  .md-focus-visible-w-40p:focus-visible { width: 40%; }
  .md-focus-within-w-40p:focus-within { width: 40%; }
  .md-group:hover .md-group-hover-w-40p { width: 40%; }
  .md-h-40p { height: 40%; }
  .md-hover-h-40p:hover { height: 40%; }
  .md-focus-h-40p:focus { height: 40%; }
  .md-active-h-40p:active { height: 40%; }
  .md-disabled-h-40p:disabled { height: 40%; }
  .md-focus-visible-h-40p:focus-visible { height: 40%; }
  .md-focus-within-h-40p:focus-within { height: 40%; }
  .md-group:hover .md-group-hover-h-40p { height: 40%; }
  .md-min-w-40p { min-width: 40%; }
  .md-hover-min-w-40p:hover { min-width: 40%; }
  .md-focus-min-w-40p:focus { min-width: 40%; }
  .md-active-min-w-40p:active { min-width: 40%; }
  .md-disabled-min-w-40p:disabled { min-width: 40%; }
  .md-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  .md-focus-within-min-w-40p:focus-within { min-width: 40%; }
  .md-group:hover .md-group-hover-min-w-40p { min-width: 40%; }
  .md-max-w-40p { max-width: 40%; }
  .md-hover-max-w-40p:hover { max-width: 40%; }
  .md-focus-max-w-40p:focus { max-width: 40%; }
  .md-active-max-w-40p:active { max-width: 40%; }
  .md-disabled-max-w-40p:disabled { max-width: 40%; }
  .md-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  .md-focus-within-max-w-40p:focus-within { max-width: 40%; }
  .md-group:hover .md-group-hover-max-w-40p { max-width: 40%; }
  .md-min-h-40p { min-height: 40%; }
  .md-hover-min-h-40p:hover { min-height: 40%; }
  .md-focus-min-h-40p:focus { min-height: 40%; }
  .md-active-min-h-40p:active { min-height: 40%; }
  .md-disabled-min-h-40p:disabled { min-height: 40%; }
  .md-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  .md-focus-within-min-h-40p:focus-within { min-height: 40%; }
  .md-group:hover .md-group-hover-min-h-40p { min-height: 40%; }
  .md-max-h-40p { max-height: 40%; }
  .md-hover-max-h-40p:hover { max-height: 40%; }
  .md-focus-max-h-40p:focus { max-height: 40%; }
  .md-active-max-h-40p:active { max-height: 40%; }
  .md-disabled-max-h-40p:disabled { max-height: 40%; }
  .md-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  .md-focus-within-max-h-40p:focus-within { max-height: 40%; }
  .md-group:hover .md-group-hover-max-h-40p { max-height: 40%; }
  .md-w-45p { width: 45%; }
  .md-hover-w-45p:hover { width: 45%; }
  .md-focus-w-45p:focus { width: 45%; }
  .md-active-w-45p:active { width: 45%; }
  .md-disabled-w-45p:disabled { width: 45%; }
  .md-focus-visible-w-45p:focus-visible { width: 45%; }
  .md-focus-within-w-45p:focus-within { width: 45%; }
  .md-group:hover .md-group-hover-w-45p { width: 45%; }
  .md-h-45p { height: 45%; }
  .md-hover-h-45p:hover { height: 45%; }
  .md-focus-h-45p:focus { height: 45%; }
  .md-active-h-45p:active { height: 45%; }
  .md-disabled-h-45p:disabled { height: 45%; }
  .md-focus-visible-h-45p:focus-visible { height: 45%; }
  .md-focus-within-h-45p:focus-within { height: 45%; }
  .md-group:hover .md-group-hover-h-45p { height: 45%; }
  .md-min-w-45p { min-width: 45%; }
  .md-hover-min-w-45p:hover { min-width: 45%; }
  .md-focus-min-w-45p:focus { min-width: 45%; }
  .md-active-min-w-45p:active { min-width: 45%; }
  .md-disabled-min-w-45p:disabled { min-width: 45%; }
  .md-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  .md-focus-within-min-w-45p:focus-within { min-width: 45%; }
  .md-group:hover .md-group-hover-min-w-45p { min-width: 45%; }
  .md-max-w-45p { max-width: 45%; }
  .md-hover-max-w-45p:hover { max-width: 45%; }
  .md-focus-max-w-45p:focus { max-width: 45%; }
  .md-active-max-w-45p:active { max-width: 45%; }
  .md-disabled-max-w-45p:disabled { max-width: 45%; }
  .md-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  .md-focus-within-max-w-45p:focus-within { max-width: 45%; }
  .md-group:hover .md-group-hover-max-w-45p { max-width: 45%; }
  .md-min-h-45p { min-height: 45%; }
  .md-hover-min-h-45p:hover { min-height: 45%; }
  .md-focus-min-h-45p:focus { min-height: 45%; }
  .md-active-min-h-45p:active { min-height: 45%; }
  .md-disabled-min-h-45p:disabled { min-height: 45%; }
  .md-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  .md-focus-within-min-h-45p:focus-within { min-height: 45%; }
  .md-group:hover .md-group-hover-min-h-45p { min-height: 45%; }
  .md-max-h-45p { max-height: 45%; }
  .md-hover-max-h-45p:hover { max-height: 45%; }
  .md-focus-max-h-45p:focus { max-height: 45%; }
  .md-active-max-h-45p:active { max-height: 45%; }
  .md-disabled-max-h-45p:disabled { max-height: 45%; }
  .md-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  .md-focus-within-max-h-45p:focus-within { max-height: 45%; }
  .md-group:hover .md-group-hover-max-h-45p { max-height: 45%; }
  .md-w-50p { width: 50%; }
  .md-hover-w-50p:hover { width: 50%; }
  .md-focus-w-50p:focus { width: 50%; }
  .md-active-w-50p:active { width: 50%; }
  .md-disabled-w-50p:disabled { width: 50%; }
  .md-focus-visible-w-50p:focus-visible { width: 50%; }
  .md-focus-within-w-50p:focus-within { width: 50%; }
  .md-group:hover .md-group-hover-w-50p { width: 50%; }
  .md-h-50p { height: 50%; }
  .md-hover-h-50p:hover { height: 50%; }
  .md-focus-h-50p:focus { height: 50%; }
  .md-active-h-50p:active { height: 50%; }
  .md-disabled-h-50p:disabled { height: 50%; }
  .md-focus-visible-h-50p:focus-visible { height: 50%; }
  .md-focus-within-h-50p:focus-within { height: 50%; }
  .md-group:hover .md-group-hover-h-50p { height: 50%; }
  .md-min-w-50p { min-width: 50%; }
  .md-hover-min-w-50p:hover { min-width: 50%; }
  .md-focus-min-w-50p:focus { min-width: 50%; }
  .md-active-min-w-50p:active { min-width: 50%; }
  .md-disabled-min-w-50p:disabled { min-width: 50%; }
  .md-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  .md-focus-within-min-w-50p:focus-within { min-width: 50%; }
  .md-group:hover .md-group-hover-min-w-50p { min-width: 50%; }
  .md-max-w-50p { max-width: 50%; }
  .md-hover-max-w-50p:hover { max-width: 50%; }
  .md-focus-max-w-50p:focus { max-width: 50%; }
  .md-active-max-w-50p:active { max-width: 50%; }
  .md-disabled-max-w-50p:disabled { max-width: 50%; }
  .md-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  .md-focus-within-max-w-50p:focus-within { max-width: 50%; }
  .md-group:hover .md-group-hover-max-w-50p { max-width: 50%; }
  .md-min-h-50p { min-height: 50%; }
  .md-hover-min-h-50p:hover { min-height: 50%; }
  .md-focus-min-h-50p:focus { min-height: 50%; }
  .md-active-min-h-50p:active { min-height: 50%; }
  .md-disabled-min-h-50p:disabled { min-height: 50%; }
  .md-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  .md-focus-within-min-h-50p:focus-within { min-height: 50%; }
  .md-group:hover .md-group-hover-min-h-50p { min-height: 50%; }
  .md-max-h-50p { max-height: 50%; }
  .md-hover-max-h-50p:hover { max-height: 50%; }
  .md-focus-max-h-50p:focus { max-height: 50%; }
  .md-active-max-h-50p:active { max-height: 50%; }
  .md-disabled-max-h-50p:disabled { max-height: 50%; }
  .md-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  .md-focus-within-max-h-50p:focus-within { max-height: 50%; }
  .md-group:hover .md-group-hover-max-h-50p { max-height: 50%; }
  .md-w-55p { width: 55%; }
  .md-hover-w-55p:hover { width: 55%; }
  .md-focus-w-55p:focus { width: 55%; }
  .md-active-w-55p:active { width: 55%; }
  .md-disabled-w-55p:disabled { width: 55%; }
  .md-focus-visible-w-55p:focus-visible { width: 55%; }
  .md-focus-within-w-55p:focus-within { width: 55%; }
  .md-group:hover .md-group-hover-w-55p { width: 55%; }
  .md-h-55p { height: 55%; }
  .md-hover-h-55p:hover { height: 55%; }
  .md-focus-h-55p:focus { height: 55%; }
  .md-active-h-55p:active { height: 55%; }
  .md-disabled-h-55p:disabled { height: 55%; }
  .md-focus-visible-h-55p:focus-visible { height: 55%; }
  .md-focus-within-h-55p:focus-within { height: 55%; }
  .md-group:hover .md-group-hover-h-55p { height: 55%; }
  .md-min-w-55p { min-width: 55%; }
  .md-hover-min-w-55p:hover { min-width: 55%; }
  .md-focus-min-w-55p:focus { min-width: 55%; }
  .md-active-min-w-55p:active { min-width: 55%; }
  .md-disabled-min-w-55p:disabled { min-width: 55%; }
  .md-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  .md-focus-within-min-w-55p:focus-within { min-width: 55%; }
  .md-group:hover .md-group-hover-min-w-55p { min-width: 55%; }
  .md-max-w-55p { max-width: 55%; }
  .md-hover-max-w-55p:hover { max-width: 55%; }
  .md-focus-max-w-55p:focus { max-width: 55%; }
  .md-active-max-w-55p:active { max-width: 55%; }
  .md-disabled-max-w-55p:disabled { max-width: 55%; }
  .md-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  .md-focus-within-max-w-55p:focus-within { max-width: 55%; }
  .md-group:hover .md-group-hover-max-w-55p { max-width: 55%; }
  .md-min-h-55p { min-height: 55%; }
  .md-hover-min-h-55p:hover { min-height: 55%; }
  .md-focus-min-h-55p:focus { min-height: 55%; }
  .md-active-min-h-55p:active { min-height: 55%; }
  .md-disabled-min-h-55p:disabled { min-height: 55%; }
  .md-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  .md-focus-within-min-h-55p:focus-within { min-height: 55%; }
  .md-group:hover .md-group-hover-min-h-55p { min-height: 55%; }
  .md-max-h-55p { max-height: 55%; }
  .md-hover-max-h-55p:hover { max-height: 55%; }
  .md-focus-max-h-55p:focus { max-height: 55%; }
  .md-active-max-h-55p:active { max-height: 55%; }
  .md-disabled-max-h-55p:disabled { max-height: 55%; }
  .md-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  .md-focus-within-max-h-55p:focus-within { max-height: 55%; }
  .md-group:hover .md-group-hover-max-h-55p { max-height: 55%; }
  .md-w-60p { width: 60%; }
  .md-hover-w-60p:hover { width: 60%; }
  .md-focus-w-60p:focus { width: 60%; }
  .md-active-w-60p:active { width: 60%; }
  .md-disabled-w-60p:disabled { width: 60%; }
  .md-focus-visible-w-60p:focus-visible { width: 60%; }
  .md-focus-within-w-60p:focus-within { width: 60%; }
  .md-group:hover .md-group-hover-w-60p { width: 60%; }
  .md-h-60p { height: 60%; }
  .md-hover-h-60p:hover { height: 60%; }
  .md-focus-h-60p:focus { height: 60%; }
  .md-active-h-60p:active { height: 60%; }
  .md-disabled-h-60p:disabled { height: 60%; }
  .md-focus-visible-h-60p:focus-visible { height: 60%; }
  .md-focus-within-h-60p:focus-within { height: 60%; }
  .md-group:hover .md-group-hover-h-60p { height: 60%; }
  .md-min-w-60p { min-width: 60%; }
  .md-hover-min-w-60p:hover { min-width: 60%; }
  .md-focus-min-w-60p:focus { min-width: 60%; }
  .md-active-min-w-60p:active { min-width: 60%; }
  .md-disabled-min-w-60p:disabled { min-width: 60%; }
  .md-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  .md-focus-within-min-w-60p:focus-within { min-width: 60%; }
  .md-group:hover .md-group-hover-min-w-60p { min-width: 60%; }
  .md-max-w-60p { max-width: 60%; }
  .md-hover-max-w-60p:hover { max-width: 60%; }
  .md-focus-max-w-60p:focus { max-width: 60%; }
  .md-active-max-w-60p:active { max-width: 60%; }
  .md-disabled-max-w-60p:disabled { max-width: 60%; }
  .md-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  .md-focus-within-max-w-60p:focus-within { max-width: 60%; }
  .md-group:hover .md-group-hover-max-w-60p { max-width: 60%; }
  .md-min-h-60p { min-height: 60%; }
  .md-hover-min-h-60p:hover { min-height: 60%; }
  .md-focus-min-h-60p:focus { min-height: 60%; }
  .md-active-min-h-60p:active { min-height: 60%; }
  .md-disabled-min-h-60p:disabled { min-height: 60%; }
  .md-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  .md-focus-within-min-h-60p:focus-within { min-height: 60%; }
  .md-group:hover .md-group-hover-min-h-60p { min-height: 60%; }
  .md-max-h-60p { max-height: 60%; }
  .md-hover-max-h-60p:hover { max-height: 60%; }
  .md-focus-max-h-60p:focus { max-height: 60%; }
  .md-active-max-h-60p:active { max-height: 60%; }
  .md-disabled-max-h-60p:disabled { max-height: 60%; }
  .md-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  .md-focus-within-max-h-60p:focus-within { max-height: 60%; }
  .md-group:hover .md-group-hover-max-h-60p { max-height: 60%; }
  .md-w-65p { width: 65%; }
  .md-hover-w-65p:hover { width: 65%; }
  .md-focus-w-65p:focus { width: 65%; }
  .md-active-w-65p:active { width: 65%; }
  .md-disabled-w-65p:disabled { width: 65%; }
  .md-focus-visible-w-65p:focus-visible { width: 65%; }
  .md-focus-within-w-65p:focus-within { width: 65%; }
  .md-group:hover .md-group-hover-w-65p { width: 65%; }
  .md-h-65p { height: 65%; }
  .md-hover-h-65p:hover { height: 65%; }
  .md-focus-h-65p:focus { height: 65%; }
  .md-active-h-65p:active { height: 65%; }
  .md-disabled-h-65p:disabled { height: 65%; }
  .md-focus-visible-h-65p:focus-visible { height: 65%; }
  .md-focus-within-h-65p:focus-within { height: 65%; }
  .md-group:hover .md-group-hover-h-65p { height: 65%; }
  .md-min-w-65p { min-width: 65%; }
  .md-hover-min-w-65p:hover { min-width: 65%; }
  .md-focus-min-w-65p:focus { min-width: 65%; }
  .md-active-min-w-65p:active { min-width: 65%; }
  .md-disabled-min-w-65p:disabled { min-width: 65%; }
  .md-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  .md-focus-within-min-w-65p:focus-within { min-width: 65%; }
  .md-group:hover .md-group-hover-min-w-65p { min-width: 65%; }
  .md-max-w-65p { max-width: 65%; }
  .md-hover-max-w-65p:hover { max-width: 65%; }
  .md-focus-max-w-65p:focus { max-width: 65%; }
  .md-active-max-w-65p:active { max-width: 65%; }
  .md-disabled-max-w-65p:disabled { max-width: 65%; }
  .md-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  .md-focus-within-max-w-65p:focus-within { max-width: 65%; }
  .md-group:hover .md-group-hover-max-w-65p { max-width: 65%; }
  .md-min-h-65p { min-height: 65%; }
  .md-hover-min-h-65p:hover { min-height: 65%; }
  .md-focus-min-h-65p:focus { min-height: 65%; }
  .md-active-min-h-65p:active { min-height: 65%; }
  .md-disabled-min-h-65p:disabled { min-height: 65%; }
  .md-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  .md-focus-within-min-h-65p:focus-within { min-height: 65%; }
  .md-group:hover .md-group-hover-min-h-65p { min-height: 65%; }
  .md-max-h-65p { max-height: 65%; }
  .md-hover-max-h-65p:hover { max-height: 65%; }
  .md-focus-max-h-65p:focus { max-height: 65%; }
  .md-active-max-h-65p:active { max-height: 65%; }
  .md-disabled-max-h-65p:disabled { max-height: 65%; }
  .md-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  .md-focus-within-max-h-65p:focus-within { max-height: 65%; }
  .md-group:hover .md-group-hover-max-h-65p { max-height: 65%; }
  .md-w-70p { width: 70%; }
  .md-hover-w-70p:hover { width: 70%; }
  .md-focus-w-70p:focus { width: 70%; }
  .md-active-w-70p:active { width: 70%; }
  .md-disabled-w-70p:disabled { width: 70%; }
  .md-focus-visible-w-70p:focus-visible { width: 70%; }
  .md-focus-within-w-70p:focus-within { width: 70%; }
  .md-group:hover .md-group-hover-w-70p { width: 70%; }
  .md-h-70p { height: 70%; }
  .md-hover-h-70p:hover { height: 70%; }
  .md-focus-h-70p:focus { height: 70%; }
  .md-active-h-70p:active { height: 70%; }
  .md-disabled-h-70p:disabled { height: 70%; }
  .md-focus-visible-h-70p:focus-visible { height: 70%; }
  .md-focus-within-h-70p:focus-within { height: 70%; }
  .md-group:hover .md-group-hover-h-70p { height: 70%; }
  .md-min-w-70p { min-width: 70%; }
  .md-hover-min-w-70p:hover { min-width: 70%; }
  .md-focus-min-w-70p:focus { min-width: 70%; }
  .md-active-min-w-70p:active { min-width: 70%; }
  .md-disabled-min-w-70p:disabled { min-width: 70%; }
  .md-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  .md-focus-within-min-w-70p:focus-within { min-width: 70%; }
  .md-group:hover .md-group-hover-min-w-70p { min-width: 70%; }
  .md-max-w-70p { max-width: 70%; }
  .md-hover-max-w-70p:hover { max-width: 70%; }
  .md-focus-max-w-70p:focus { max-width: 70%; }
  .md-active-max-w-70p:active { max-width: 70%; }
  .md-disabled-max-w-70p:disabled { max-width: 70%; }
  .md-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  .md-focus-within-max-w-70p:focus-within { max-width: 70%; }
  .md-group:hover .md-group-hover-max-w-70p { max-width: 70%; }
  .md-min-h-70p { min-height: 70%; }
  .md-hover-min-h-70p:hover { min-height: 70%; }
  .md-focus-min-h-70p:focus { min-height: 70%; }
  .md-active-min-h-70p:active { min-height: 70%; }
  .md-disabled-min-h-70p:disabled { min-height: 70%; }
  .md-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  .md-focus-within-min-h-70p:focus-within { min-height: 70%; }
  .md-group:hover .md-group-hover-min-h-70p { min-height: 70%; }
  .md-max-h-70p { max-height: 70%; }
  .md-hover-max-h-70p:hover { max-height: 70%; }
  .md-focus-max-h-70p:focus { max-height: 70%; }
  .md-active-max-h-70p:active { max-height: 70%; }
  .md-disabled-max-h-70p:disabled { max-height: 70%; }
  .md-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  .md-focus-within-max-h-70p:focus-within { max-height: 70%; }
  .md-group:hover .md-group-hover-max-h-70p { max-height: 70%; }
  .md-w-75p { width: 75%; }
  .md-hover-w-75p:hover { width: 75%; }
  .md-focus-w-75p:focus { width: 75%; }
  .md-active-w-75p:active { width: 75%; }
  .md-disabled-w-75p:disabled { width: 75%; }
  .md-focus-visible-w-75p:focus-visible { width: 75%; }
  .md-focus-within-w-75p:focus-within { width: 75%; }
  .md-group:hover .md-group-hover-w-75p { width: 75%; }
  .md-h-75p { height: 75%; }
  .md-hover-h-75p:hover { height: 75%; }
  .md-focus-h-75p:focus { height: 75%; }
  .md-active-h-75p:active { height: 75%; }
  .md-disabled-h-75p:disabled { height: 75%; }
  .md-focus-visible-h-75p:focus-visible { height: 75%; }
  .md-focus-within-h-75p:focus-within { height: 75%; }
  .md-group:hover .md-group-hover-h-75p { height: 75%; }
  .md-min-w-75p { min-width: 75%; }
  .md-hover-min-w-75p:hover { min-width: 75%; }
  .md-focus-min-w-75p:focus { min-width: 75%; }
  .md-active-min-w-75p:active { min-width: 75%; }
  .md-disabled-min-w-75p:disabled { min-width: 75%; }
  .md-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  .md-focus-within-min-w-75p:focus-within { min-width: 75%; }
  .md-group:hover .md-group-hover-min-w-75p { min-width: 75%; }
  .md-max-w-75p { max-width: 75%; }
  .md-hover-max-w-75p:hover { max-width: 75%; }
  .md-focus-max-w-75p:focus { max-width: 75%; }
  .md-active-max-w-75p:active { max-width: 75%; }
  .md-disabled-max-w-75p:disabled { max-width: 75%; }
  .md-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  .md-focus-within-max-w-75p:focus-within { max-width: 75%; }
  .md-group:hover .md-group-hover-max-w-75p { max-width: 75%; }
  .md-min-h-75p { min-height: 75%; }
  .md-hover-min-h-75p:hover { min-height: 75%; }
  .md-focus-min-h-75p:focus { min-height: 75%; }
  .md-active-min-h-75p:active { min-height: 75%; }
  .md-disabled-min-h-75p:disabled { min-height: 75%; }
  .md-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  .md-focus-within-min-h-75p:focus-within { min-height: 75%; }
  .md-group:hover .md-group-hover-min-h-75p { min-height: 75%; }
  .md-max-h-75p { max-height: 75%; }
  .md-hover-max-h-75p:hover { max-height: 75%; }
  .md-focus-max-h-75p:focus { max-height: 75%; }
  .md-active-max-h-75p:active { max-height: 75%; }
  .md-disabled-max-h-75p:disabled { max-height: 75%; }
  .md-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  .md-focus-within-max-h-75p:focus-within { max-height: 75%; }
  .md-group:hover .md-group-hover-max-h-75p { max-height: 75%; }
  .md-w-80p { width: 80%; }
  .md-hover-w-80p:hover { width: 80%; }
  .md-focus-w-80p:focus { width: 80%; }
  .md-active-w-80p:active { width: 80%; }
  .md-disabled-w-80p:disabled { width: 80%; }
  .md-focus-visible-w-80p:focus-visible { width: 80%; }
  .md-focus-within-w-80p:focus-within { width: 80%; }
  .md-group:hover .md-group-hover-w-80p { width: 80%; }
  .md-h-80p { height: 80%; }
  .md-hover-h-80p:hover { height: 80%; }
  .md-focus-h-80p:focus { height: 80%; }
  .md-active-h-80p:active { height: 80%; }
  .md-disabled-h-80p:disabled { height: 80%; }
  .md-focus-visible-h-80p:focus-visible { height: 80%; }
  .md-focus-within-h-80p:focus-within { height: 80%; }
  .md-group:hover .md-group-hover-h-80p { height: 80%; }
  .md-min-w-80p { min-width: 80%; }
  .md-hover-min-w-80p:hover { min-width: 80%; }
  .md-focus-min-w-80p:focus { min-width: 80%; }
  .md-active-min-w-80p:active { min-width: 80%; }
  .md-disabled-min-w-80p:disabled { min-width: 80%; }
  .md-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  .md-focus-within-min-w-80p:focus-within { min-width: 80%; }
  .md-group:hover .md-group-hover-min-w-80p { min-width: 80%; }
  .md-max-w-80p { max-width: 80%; }
  .md-hover-max-w-80p:hover { max-width: 80%; }
  .md-focus-max-w-80p:focus { max-width: 80%; }
  .md-active-max-w-80p:active { max-width: 80%; }
  .md-disabled-max-w-80p:disabled { max-width: 80%; }
  .md-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  .md-focus-within-max-w-80p:focus-within { max-width: 80%; }
  .md-group:hover .md-group-hover-max-w-80p { max-width: 80%; }
  .md-min-h-80p { min-height: 80%; }
  .md-hover-min-h-80p:hover { min-height: 80%; }
  .md-focus-min-h-80p:focus { min-height: 80%; }
  .md-active-min-h-80p:active { min-height: 80%; }
  .md-disabled-min-h-80p:disabled { min-height: 80%; }
  .md-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  .md-focus-within-min-h-80p:focus-within { min-height: 80%; }
  .md-group:hover .md-group-hover-min-h-80p { min-height: 80%; }
  .md-max-h-80p { max-height: 80%; }
  .md-hover-max-h-80p:hover { max-height: 80%; }
  .md-focus-max-h-80p:focus { max-height: 80%; }
  .md-active-max-h-80p:active { max-height: 80%; }
  .md-disabled-max-h-80p:disabled { max-height: 80%; }
  .md-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  .md-focus-within-max-h-80p:focus-within { max-height: 80%; }
  .md-group:hover .md-group-hover-max-h-80p { max-height: 80%; }
  .md-w-85p { width: 85%; }
  .md-hover-w-85p:hover { width: 85%; }
  .md-focus-w-85p:focus { width: 85%; }
  .md-active-w-85p:active { width: 85%; }
  .md-disabled-w-85p:disabled { width: 85%; }
  .md-focus-visible-w-85p:focus-visible { width: 85%; }
  .md-focus-within-w-85p:focus-within { width: 85%; }
  .md-group:hover .md-group-hover-w-85p { width: 85%; }
  .md-h-85p { height: 85%; }
  .md-hover-h-85p:hover { height: 85%; }
  .md-focus-h-85p:focus { height: 85%; }
  .md-active-h-85p:active { height: 85%; }
  .md-disabled-h-85p:disabled { height: 85%; }
  .md-focus-visible-h-85p:focus-visible { height: 85%; }
  .md-focus-within-h-85p:focus-within { height: 85%; }
  .md-group:hover .md-group-hover-h-85p { height: 85%; }
  .md-min-w-85p { min-width: 85%; }
  .md-hover-min-w-85p:hover { min-width: 85%; }
  .md-focus-min-w-85p:focus { min-width: 85%; }
  .md-active-min-w-85p:active { min-width: 85%; }
  .md-disabled-min-w-85p:disabled { min-width: 85%; }
  .md-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  .md-focus-within-min-w-85p:focus-within { min-width: 85%; }
  .md-group:hover .md-group-hover-min-w-85p { min-width: 85%; }
  .md-max-w-85p { max-width: 85%; }
  .md-hover-max-w-85p:hover { max-width: 85%; }
  .md-focus-max-w-85p:focus { max-width: 85%; }
  .md-active-max-w-85p:active { max-width: 85%; }
  .md-disabled-max-w-85p:disabled { max-width: 85%; }
  .md-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  .md-focus-within-max-w-85p:focus-within { max-width: 85%; }
  .md-group:hover .md-group-hover-max-w-85p { max-width: 85%; }
  .md-min-h-85p { min-height: 85%; }
  .md-hover-min-h-85p:hover { min-height: 85%; }
  .md-focus-min-h-85p:focus { min-height: 85%; }
  .md-active-min-h-85p:active { min-height: 85%; }
  .md-disabled-min-h-85p:disabled { min-height: 85%; }
  .md-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  .md-focus-within-min-h-85p:focus-within { min-height: 85%; }
  .md-group:hover .md-group-hover-min-h-85p { min-height: 85%; }
  .md-max-h-85p { max-height: 85%; }
  .md-hover-max-h-85p:hover { max-height: 85%; }
  .md-focus-max-h-85p:focus { max-height: 85%; }
  .md-active-max-h-85p:active { max-height: 85%; }
  .md-disabled-max-h-85p:disabled { max-height: 85%; }
  .md-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  .md-focus-within-max-h-85p:focus-within { max-height: 85%; }
  .md-group:hover .md-group-hover-max-h-85p { max-height: 85%; }
  .md-w-90p { width: 90%; }
  .md-hover-w-90p:hover { width: 90%; }
  .md-focus-w-90p:focus { width: 90%; }
  .md-active-w-90p:active { width: 90%; }
  .md-disabled-w-90p:disabled { width: 90%; }
  .md-focus-visible-w-90p:focus-visible { width: 90%; }
  .md-focus-within-w-90p:focus-within { width: 90%; }
  .md-group:hover .md-group-hover-w-90p { width: 90%; }
  .md-h-90p { height: 90%; }
  .md-hover-h-90p:hover { height: 90%; }
  .md-focus-h-90p:focus { height: 90%; }
  .md-active-h-90p:active { height: 90%; }
  .md-disabled-h-90p:disabled { height: 90%; }
  .md-focus-visible-h-90p:focus-visible { height: 90%; }
  .md-focus-within-h-90p:focus-within { height: 90%; }
  .md-group:hover .md-group-hover-h-90p { height: 90%; }
  .md-min-w-90p { min-width: 90%; }
  .md-hover-min-w-90p:hover { min-width: 90%; }
  .md-focus-min-w-90p:focus { min-width: 90%; }
  .md-active-min-w-90p:active { min-width: 90%; }
  .md-disabled-min-w-90p:disabled { min-width: 90%; }
  .md-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  .md-focus-within-min-w-90p:focus-within { min-width: 90%; }
  .md-group:hover .md-group-hover-min-w-90p { min-width: 90%; }
  .md-max-w-90p { max-width: 90%; }
  .md-hover-max-w-90p:hover { max-width: 90%; }
  .md-focus-max-w-90p:focus { max-width: 90%; }
  .md-active-max-w-90p:active { max-width: 90%; }
  .md-disabled-max-w-90p:disabled { max-width: 90%; }
  .md-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  .md-focus-within-max-w-90p:focus-within { max-width: 90%; }
  .md-group:hover .md-group-hover-max-w-90p { max-width: 90%; }
  .md-min-h-90p { min-height: 90%; }
  .md-hover-min-h-90p:hover { min-height: 90%; }
  .md-focus-min-h-90p:focus { min-height: 90%; }
  .md-active-min-h-90p:active { min-height: 90%; }
  .md-disabled-min-h-90p:disabled { min-height: 90%; }
  .md-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  .md-focus-within-min-h-90p:focus-within { min-height: 90%; }
  .md-group:hover .md-group-hover-min-h-90p { min-height: 90%; }
  .md-max-h-90p { max-height: 90%; }
  .md-hover-max-h-90p:hover { max-height: 90%; }
  .md-focus-max-h-90p:focus { max-height: 90%; }
  .md-active-max-h-90p:active { max-height: 90%; }
  .md-disabled-max-h-90p:disabled { max-height: 90%; }
  .md-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  .md-focus-within-max-h-90p:focus-within { max-height: 90%; }
  .md-group:hover .md-group-hover-max-h-90p { max-height: 90%; }
  .md-w-95p { width: 95%; }
  .md-hover-w-95p:hover { width: 95%; }
  .md-focus-w-95p:focus { width: 95%; }
  .md-active-w-95p:active { width: 95%; }
  .md-disabled-w-95p:disabled { width: 95%; }
  .md-focus-visible-w-95p:focus-visible { width: 95%; }
  .md-focus-within-w-95p:focus-within { width: 95%; }
  .md-group:hover .md-group-hover-w-95p { width: 95%; }
  .md-h-95p { height: 95%; }
  .md-hover-h-95p:hover { height: 95%; }
  .md-focus-h-95p:focus { height: 95%; }
  .md-active-h-95p:active { height: 95%; }
  .md-disabled-h-95p:disabled { height: 95%; }
  .md-focus-visible-h-95p:focus-visible { height: 95%; }
  .md-focus-within-h-95p:focus-within { height: 95%; }
  .md-group:hover .md-group-hover-h-95p { height: 95%; }
  .md-min-w-95p { min-width: 95%; }
  .md-hover-min-w-95p:hover { min-width: 95%; }
  .md-focus-min-w-95p:focus { min-width: 95%; }
  .md-active-min-w-95p:active { min-width: 95%; }
  .md-disabled-min-w-95p:disabled { min-width: 95%; }
  .md-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  .md-focus-within-min-w-95p:focus-within { min-width: 95%; }
  .md-group:hover .md-group-hover-min-w-95p { min-width: 95%; }
  .md-max-w-95p { max-width: 95%; }
  .md-hover-max-w-95p:hover { max-width: 95%; }
  .md-focus-max-w-95p:focus { max-width: 95%; }
  .md-active-max-w-95p:active { max-width: 95%; }
  .md-disabled-max-w-95p:disabled { max-width: 95%; }
  .md-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  .md-focus-within-max-w-95p:focus-within { max-width: 95%; }
  .md-group:hover .md-group-hover-max-w-95p { max-width: 95%; }
  .md-min-h-95p { min-height: 95%; }
  .md-hover-min-h-95p:hover { min-height: 95%; }
  .md-focus-min-h-95p:focus { min-height: 95%; }
  .md-active-min-h-95p:active { min-height: 95%; }
  .md-disabled-min-h-95p:disabled { min-height: 95%; }
  .md-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  .md-focus-within-min-h-95p:focus-within { min-height: 95%; }
  .md-group:hover .md-group-hover-min-h-95p { min-height: 95%; }
  .md-max-h-95p { max-height: 95%; }
  .md-hover-max-h-95p:hover { max-height: 95%; }
  .md-focus-max-h-95p:focus { max-height: 95%; }
  .md-active-max-h-95p:active { max-height: 95%; }
  .md-disabled-max-h-95p:disabled { max-height: 95%; }
  .md-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  .md-focus-within-max-h-95p:focus-within { max-height: 95%; }
  .md-group:hover .md-group-hover-max-h-95p { max-height: 95%; }
  .md-w-100p { width: 100%; }
  .md-hover-w-100p:hover { width: 100%; }
  .md-focus-w-100p:focus { width: 100%; }
  .md-active-w-100p:active { width: 100%; }
  .md-disabled-w-100p:disabled { width: 100%; }
  .md-focus-visible-w-100p:focus-visible { width: 100%; }
  .md-focus-within-w-100p:focus-within { width: 100%; }
  .md-group:hover .md-group-hover-w-100p { width: 100%; }
  .md-h-100p { height: 100%; }
  .md-hover-h-100p:hover { height: 100%; }
  .md-focus-h-100p:focus { height: 100%; }
  .md-active-h-100p:active { height: 100%; }
  .md-disabled-h-100p:disabled { height: 100%; }
  .md-focus-visible-h-100p:focus-visible { height: 100%; }
  .md-focus-within-h-100p:focus-within { height: 100%; }
  .md-group:hover .md-group-hover-h-100p { height: 100%; }
  .md-min-w-100p { min-width: 100%; }
  .md-hover-min-w-100p:hover { min-width: 100%; }
  .md-focus-min-w-100p:focus { min-width: 100%; }
  .md-active-min-w-100p:active { min-width: 100%; }
  .md-disabled-min-w-100p:disabled { min-width: 100%; }
  .md-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  .md-focus-within-min-w-100p:focus-within { min-width: 100%; }
  .md-group:hover .md-group-hover-min-w-100p { min-width: 100%; }
  .md-max-w-100p { max-width: 100%; }
  .md-hover-max-w-100p:hover { max-width: 100%; }
  .md-focus-max-w-100p:focus { max-width: 100%; }
  .md-active-max-w-100p:active { max-width: 100%; }
  .md-disabled-max-w-100p:disabled { max-width: 100%; }
  .md-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  .md-focus-within-max-w-100p:focus-within { max-width: 100%; }
  .md-group:hover .md-group-hover-max-w-100p { max-width: 100%; }
  .md-min-h-100p { min-height: 100%; }
  .md-hover-min-h-100p:hover { min-height: 100%; }
  .md-focus-min-h-100p:focus { min-height: 100%; }
  .md-active-min-h-100p:active { min-height: 100%; }
  .md-disabled-min-h-100p:disabled { min-height: 100%; }
  .md-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  .md-focus-within-min-h-100p:focus-within { min-height: 100%; }
  .md-group:hover .md-group-hover-min-h-100p { min-height: 100%; }
  .md-max-h-100p { max-height: 100%; }
  .md-hover-max-h-100p:hover { max-height: 100%; }
  .md-focus-max-h-100p:focus { max-height: 100%; }
  .md-active-max-h-100p:active { max-height: 100%; }
  .md-disabled-max-h-100p:disabled { max-height: 100%; }
  .md-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  .md-focus-within-max-h-100p:focus-within { max-height: 100%; }
  .md-group:hover .md-group-hover-max-h-100p { max-height: 100%; }
  .md-w-10vw { width: 10vw; }
  .md-hover-w-10vw:hover { width: 10vw; }
  .md-focus-w-10vw:focus { width: 10vw; }
  .md-active-w-10vw:active { width: 10vw; }
  .md-disabled-w-10vw:disabled { width: 10vw; }
  .md-focus-visible-w-10vw:focus-visible { width: 10vw; }
  .md-focus-within-w-10vw:focus-within { width: 10vw; }
  .md-group:hover .md-group-hover-w-10vw { width: 10vw; }
  .md-h-10vw { height: 10vw; }
  .md-hover-h-10vw:hover { height: 10vw; }
  .md-focus-h-10vw:focus { height: 10vw; }
  .md-active-h-10vw:active { height: 10vw; }
  .md-disabled-h-10vw:disabled { height: 10vw; }
  .md-focus-visible-h-10vw:focus-visible { height: 10vw; }
  .md-focus-within-h-10vw:focus-within { height: 10vw; }
  .md-group:hover .md-group-hover-h-10vw { height: 10vw; }
  .md-min-w-10vw { min-width: 10vw; }
  .md-hover-min-w-10vw:hover { min-width: 10vw; }
  .md-focus-min-w-10vw:focus { min-width: 10vw; }
  .md-active-min-w-10vw:active { min-width: 10vw; }
  .md-disabled-min-w-10vw:disabled { min-width: 10vw; }
  .md-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  .md-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  .md-group:hover .md-group-hover-min-w-10vw { min-width: 10vw; }
  .md-max-w-10vw { max-width: 10vw; }
  .md-hover-max-w-10vw:hover { max-width: 10vw; }
  .md-focus-max-w-10vw:focus { max-width: 10vw; }
  .md-active-max-w-10vw:active { max-width: 10vw; }
  .md-disabled-max-w-10vw:disabled { max-width: 10vw; }
  .md-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  .md-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  .md-group:hover .md-group-hover-max-w-10vw { max-width: 10vw; }
  .md-min-h-10vw { min-height: 10vw; }
  .md-hover-min-h-10vw:hover { min-height: 10vw; }
  .md-focus-min-h-10vw:focus { min-height: 10vw; }
  .md-active-min-h-10vw:active { min-height: 10vw; }
  .md-disabled-min-h-10vw:disabled { min-height: 10vw; }
  .md-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  .md-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  .md-group:hover .md-group-hover-min-h-10vw { min-height: 10vw; }
  .md-max-h-10vw { max-height: 10vw; }
  .md-hover-max-h-10vw:hover { max-height: 10vw; }
  .md-focus-max-h-10vw:focus { max-height: 10vw; }
  .md-active-max-h-10vw:active { max-height: 10vw; }
  .md-disabled-max-h-10vw:disabled { max-height: 10vw; }
  .md-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  .md-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  .md-group:hover .md-group-hover-max-h-10vw { max-height: 10vw; }
  .md-w-20vw { width: 20vw; }
  .md-hover-w-20vw:hover { width: 20vw; }
  .md-focus-w-20vw:focus { width: 20vw; }
  .md-active-w-20vw:active { width: 20vw; }
  .md-disabled-w-20vw:disabled { width: 20vw; }
  .md-focus-visible-w-20vw:focus-visible { width: 20vw; }
  .md-focus-within-w-20vw:focus-within { width: 20vw; }
  .md-group:hover .md-group-hover-w-20vw { width: 20vw; }
  .md-h-20vw { height: 20vw; }
  .md-hover-h-20vw:hover { height: 20vw; }
  .md-focus-h-20vw:focus { height: 20vw; }
  .md-active-h-20vw:active { height: 20vw; }
  .md-disabled-h-20vw:disabled { height: 20vw; }
  .md-focus-visible-h-20vw:focus-visible { height: 20vw; }
  .md-focus-within-h-20vw:focus-within { height: 20vw; }
  .md-group:hover .md-group-hover-h-20vw { height: 20vw; }
  .md-min-w-20vw { min-width: 20vw; }
  .md-hover-min-w-20vw:hover { min-width: 20vw; }
  .md-focus-min-w-20vw:focus { min-width: 20vw; }
  .md-active-min-w-20vw:active { min-width: 20vw; }
  .md-disabled-min-w-20vw:disabled { min-width: 20vw; }
  .md-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  .md-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  .md-group:hover .md-group-hover-min-w-20vw { min-width: 20vw; }
  .md-max-w-20vw { max-width: 20vw; }
  .md-hover-max-w-20vw:hover { max-width: 20vw; }
  .md-focus-max-w-20vw:focus { max-width: 20vw; }
  .md-active-max-w-20vw:active { max-width: 20vw; }
  .md-disabled-max-w-20vw:disabled { max-width: 20vw; }
  .md-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  .md-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  .md-group:hover .md-group-hover-max-w-20vw { max-width: 20vw; }
  .md-min-h-20vw { min-height: 20vw; }
  .md-hover-min-h-20vw:hover { min-height: 20vw; }
  .md-focus-min-h-20vw:focus { min-height: 20vw; }
  .md-active-min-h-20vw:active { min-height: 20vw; }
  .md-disabled-min-h-20vw:disabled { min-height: 20vw; }
  .md-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  .md-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  .md-group:hover .md-group-hover-min-h-20vw { min-height: 20vw; }
  .md-max-h-20vw { max-height: 20vw; }
  .md-hover-max-h-20vw:hover { max-height: 20vw; }
  .md-focus-max-h-20vw:focus { max-height: 20vw; }
  .md-active-max-h-20vw:active { max-height: 20vw; }
  .md-disabled-max-h-20vw:disabled { max-height: 20vw; }
  .md-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  .md-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  .md-group:hover .md-group-hover-max-h-20vw { max-height: 20vw; }
  .md-w-30vw { width: 30vw; }
  .md-hover-w-30vw:hover { width: 30vw; }
  .md-focus-w-30vw:focus { width: 30vw; }
  .md-active-w-30vw:active { width: 30vw; }
  .md-disabled-w-30vw:disabled { width: 30vw; }
  .md-focus-visible-w-30vw:focus-visible { width: 30vw; }
  .md-focus-within-w-30vw:focus-within { width: 30vw; }
  .md-group:hover .md-group-hover-w-30vw { width: 30vw; }
  .md-h-30vw { height: 30vw; }
  .md-hover-h-30vw:hover { height: 30vw; }
  .md-focus-h-30vw:focus { height: 30vw; }
  .md-active-h-30vw:active { height: 30vw; }
  .md-disabled-h-30vw:disabled { height: 30vw; }
  .md-focus-visible-h-30vw:focus-visible { height: 30vw; }
  .md-focus-within-h-30vw:focus-within { height: 30vw; }
  .md-group:hover .md-group-hover-h-30vw { height: 30vw; }
  .md-min-w-30vw { min-width: 30vw; }
  .md-hover-min-w-30vw:hover { min-width: 30vw; }
  .md-focus-min-w-30vw:focus { min-width: 30vw; }
  .md-active-min-w-30vw:active { min-width: 30vw; }
  .md-disabled-min-w-30vw:disabled { min-width: 30vw; }
  .md-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  .md-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  .md-group:hover .md-group-hover-min-w-30vw { min-width: 30vw; }
  .md-max-w-30vw { max-width: 30vw; }
  .md-hover-max-w-30vw:hover { max-width: 30vw; }
  .md-focus-max-w-30vw:focus { max-width: 30vw; }
  .md-active-max-w-30vw:active { max-width: 30vw; }
  .md-disabled-max-w-30vw:disabled { max-width: 30vw; }
  .md-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  .md-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  .md-group:hover .md-group-hover-max-w-30vw { max-width: 30vw; }
  .md-min-h-30vw { min-height: 30vw; }
  .md-hover-min-h-30vw:hover { min-height: 30vw; }
  .md-focus-min-h-30vw:focus { min-height: 30vw; }
  .md-active-min-h-30vw:active { min-height: 30vw; }
  .md-disabled-min-h-30vw:disabled { min-height: 30vw; }
  .md-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  .md-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  .md-group:hover .md-group-hover-min-h-30vw { min-height: 30vw; }
  .md-max-h-30vw { max-height: 30vw; }
  .md-hover-max-h-30vw:hover { max-height: 30vw; }
  .md-focus-max-h-30vw:focus { max-height: 30vw; }
  .md-active-max-h-30vw:active { max-height: 30vw; }
  .md-disabled-max-h-30vw:disabled { max-height: 30vw; }
  .md-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  .md-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  .md-group:hover .md-group-hover-max-h-30vw { max-height: 30vw; }
  .md-w-40vw { width: 40vw; }
  .md-hover-w-40vw:hover { width: 40vw; }
  .md-focus-w-40vw:focus { width: 40vw; }
  .md-active-w-40vw:active { width: 40vw; }
  .md-disabled-w-40vw:disabled { width: 40vw; }
  .md-focus-visible-w-40vw:focus-visible { width: 40vw; }
  .md-focus-within-w-40vw:focus-within { width: 40vw; }
  .md-group:hover .md-group-hover-w-40vw { width: 40vw; }
  .md-h-40vw { height: 40vw; }
  .md-hover-h-40vw:hover { height: 40vw; }
  .md-focus-h-40vw:focus { height: 40vw; }
  .md-active-h-40vw:active { height: 40vw; }
  .md-disabled-h-40vw:disabled { height: 40vw; }
  .md-focus-visible-h-40vw:focus-visible { height: 40vw; }
  .md-focus-within-h-40vw:focus-within { height: 40vw; }
  .md-group:hover .md-group-hover-h-40vw { height: 40vw; }
  .md-min-w-40vw { min-width: 40vw; }
  .md-hover-min-w-40vw:hover { min-width: 40vw; }
  .md-focus-min-w-40vw:focus { min-width: 40vw; }
  .md-active-min-w-40vw:active { min-width: 40vw; }
  .md-disabled-min-w-40vw:disabled { min-width: 40vw; }
  .md-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  .md-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  .md-group:hover .md-group-hover-min-w-40vw { min-width: 40vw; }
  .md-max-w-40vw { max-width: 40vw; }
  .md-hover-max-w-40vw:hover { max-width: 40vw; }
  .md-focus-max-w-40vw:focus { max-width: 40vw; }
  .md-active-max-w-40vw:active { max-width: 40vw; }
  .md-disabled-max-w-40vw:disabled { max-width: 40vw; }
  .md-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  .md-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  .md-group:hover .md-group-hover-max-w-40vw { max-width: 40vw; }
  .md-min-h-40vw { min-height: 40vw; }
  .md-hover-min-h-40vw:hover { min-height: 40vw; }
  .md-focus-min-h-40vw:focus { min-height: 40vw; }
  .md-active-min-h-40vw:active { min-height: 40vw; }
  .md-disabled-min-h-40vw:disabled { min-height: 40vw; }
  .md-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  .md-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  .md-group:hover .md-group-hover-min-h-40vw { min-height: 40vw; }
  .md-max-h-40vw { max-height: 40vw; }
  .md-hover-max-h-40vw:hover { max-height: 40vw; }
  .md-focus-max-h-40vw:focus { max-height: 40vw; }
  .md-active-max-h-40vw:active { max-height: 40vw; }
  .md-disabled-max-h-40vw:disabled { max-height: 40vw; }
  .md-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  .md-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  .md-group:hover .md-group-hover-max-h-40vw { max-height: 40vw; }
  .md-w-50vw { width: 50vw; }
  .md-hover-w-50vw:hover { width: 50vw; }
  .md-focus-w-50vw:focus { width: 50vw; }
  .md-active-w-50vw:active { width: 50vw; }
  .md-disabled-w-50vw:disabled { width: 50vw; }
  .md-focus-visible-w-50vw:focus-visible { width: 50vw; }
  .md-focus-within-w-50vw:focus-within { width: 50vw; }
  .md-group:hover .md-group-hover-w-50vw { width: 50vw; }
  .md-h-50vw { height: 50vw; }
  .md-hover-h-50vw:hover { height: 50vw; }
  .md-focus-h-50vw:focus { height: 50vw; }
  .md-active-h-50vw:active { height: 50vw; }
  .md-disabled-h-50vw:disabled { height: 50vw; }
  .md-focus-visible-h-50vw:focus-visible { height: 50vw; }
  .md-focus-within-h-50vw:focus-within { height: 50vw; }
  .md-group:hover .md-group-hover-h-50vw { height: 50vw; }
  .md-min-w-50vw { min-width: 50vw; }
  .md-hover-min-w-50vw:hover { min-width: 50vw; }
  .md-focus-min-w-50vw:focus { min-width: 50vw; }
  .md-active-min-w-50vw:active { min-width: 50vw; }
  .md-disabled-min-w-50vw:disabled { min-width: 50vw; }
  .md-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  .md-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  .md-group:hover .md-group-hover-min-w-50vw { min-width: 50vw; }
  .md-max-w-50vw { max-width: 50vw; }
  .md-hover-max-w-50vw:hover { max-width: 50vw; }
  .md-focus-max-w-50vw:focus { max-width: 50vw; }
  .md-active-max-w-50vw:active { max-width: 50vw; }
  .md-disabled-max-w-50vw:disabled { max-width: 50vw; }
  .md-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  .md-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  .md-group:hover .md-group-hover-max-w-50vw { max-width: 50vw; }
  .md-min-h-50vw { min-height: 50vw; }
  .md-hover-min-h-50vw:hover { min-height: 50vw; }
  .md-focus-min-h-50vw:focus { min-height: 50vw; }
  .md-active-min-h-50vw:active { min-height: 50vw; }
  .md-disabled-min-h-50vw:disabled { min-height: 50vw; }
  .md-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  .md-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  .md-group:hover .md-group-hover-min-h-50vw { min-height: 50vw; }
  .md-max-h-50vw { max-height: 50vw; }
  .md-hover-max-h-50vw:hover { max-height: 50vw; }
  .md-focus-max-h-50vw:focus { max-height: 50vw; }
  .md-active-max-h-50vw:active { max-height: 50vw; }
  .md-disabled-max-h-50vw:disabled { max-height: 50vw; }
  .md-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  .md-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  .md-group:hover .md-group-hover-max-h-50vw { max-height: 50vw; }
  .md-w-60vw { width: 60vw; }
  .md-hover-w-60vw:hover { width: 60vw; }
  .md-focus-w-60vw:focus { width: 60vw; }
  .md-active-w-60vw:active { width: 60vw; }
  .md-disabled-w-60vw:disabled { width: 60vw; }
  .md-focus-visible-w-60vw:focus-visible { width: 60vw; }
  .md-focus-within-w-60vw:focus-within { width: 60vw; }
  .md-group:hover .md-group-hover-w-60vw { width: 60vw; }
  .md-h-60vw { height: 60vw; }
  .md-hover-h-60vw:hover { height: 60vw; }
  .md-focus-h-60vw:focus { height: 60vw; }
  .md-active-h-60vw:active { height: 60vw; }
  .md-disabled-h-60vw:disabled { height: 60vw; }
  .md-focus-visible-h-60vw:focus-visible { height: 60vw; }
  .md-focus-within-h-60vw:focus-within { height: 60vw; }
  .md-group:hover .md-group-hover-h-60vw { height: 60vw; }
  .md-min-w-60vw { min-width: 60vw; }
  .md-hover-min-w-60vw:hover { min-width: 60vw; }
  .md-focus-min-w-60vw:focus { min-width: 60vw; }
  .md-active-min-w-60vw:active { min-width: 60vw; }
  .md-disabled-min-w-60vw:disabled { min-width: 60vw; }
  .md-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  .md-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  .md-group:hover .md-group-hover-min-w-60vw { min-width: 60vw; }
  .md-max-w-60vw { max-width: 60vw; }
  .md-hover-max-w-60vw:hover { max-width: 60vw; }
  .md-focus-max-w-60vw:focus { max-width: 60vw; }
  .md-active-max-w-60vw:active { max-width: 60vw; }
  .md-disabled-max-w-60vw:disabled { max-width: 60vw; }
  .md-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  .md-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  .md-group:hover .md-group-hover-max-w-60vw { max-width: 60vw; }
  .md-min-h-60vw { min-height: 60vw; }
  .md-hover-min-h-60vw:hover { min-height: 60vw; }
  .md-focus-min-h-60vw:focus { min-height: 60vw; }
  .md-active-min-h-60vw:active { min-height: 60vw; }
  .md-disabled-min-h-60vw:disabled { min-height: 60vw; }
  .md-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  .md-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  .md-group:hover .md-group-hover-min-h-60vw { min-height: 60vw; }
  .md-max-h-60vw { max-height: 60vw; }
  .md-hover-max-h-60vw:hover { max-height: 60vw; }
  .md-focus-max-h-60vw:focus { max-height: 60vw; }
  .md-active-max-h-60vw:active { max-height: 60vw; }
  .md-disabled-max-h-60vw:disabled { max-height: 60vw; }
  .md-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  .md-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  .md-group:hover .md-group-hover-max-h-60vw { max-height: 60vw; }
  .md-w-70vw { width: 70vw; }
  .md-hover-w-70vw:hover { width: 70vw; }
  .md-focus-w-70vw:focus { width: 70vw; }
  .md-active-w-70vw:active { width: 70vw; }
  .md-disabled-w-70vw:disabled { width: 70vw; }
  .md-focus-visible-w-70vw:focus-visible { width: 70vw; }
  .md-focus-within-w-70vw:focus-within { width: 70vw; }
  .md-group:hover .md-group-hover-w-70vw { width: 70vw; }
  .md-h-70vw { height: 70vw; }
  .md-hover-h-70vw:hover { height: 70vw; }
  .md-focus-h-70vw:focus { height: 70vw; }
  .md-active-h-70vw:active { height: 70vw; }
  .md-disabled-h-70vw:disabled { height: 70vw; }
  .md-focus-visible-h-70vw:focus-visible { height: 70vw; }
  .md-focus-within-h-70vw:focus-within { height: 70vw; }
  .md-group:hover .md-group-hover-h-70vw { height: 70vw; }
  .md-min-w-70vw { min-width: 70vw; }
  .md-hover-min-w-70vw:hover { min-width: 70vw; }
  .md-focus-min-w-70vw:focus { min-width: 70vw; }
  .md-active-min-w-70vw:active { min-width: 70vw; }
  .md-disabled-min-w-70vw:disabled { min-width: 70vw; }
  .md-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  .md-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  .md-group:hover .md-group-hover-min-w-70vw { min-width: 70vw; }
  .md-max-w-70vw { max-width: 70vw; }
  .md-hover-max-w-70vw:hover { max-width: 70vw; }
  .md-focus-max-w-70vw:focus { max-width: 70vw; }
  .md-active-max-w-70vw:active { max-width: 70vw; }
  .md-disabled-max-w-70vw:disabled { max-width: 70vw; }
  .md-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  .md-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  .md-group:hover .md-group-hover-max-w-70vw { max-width: 70vw; }
  .md-min-h-70vw { min-height: 70vw; }
  .md-hover-min-h-70vw:hover { min-height: 70vw; }
  .md-focus-min-h-70vw:focus { min-height: 70vw; }
  .md-active-min-h-70vw:active { min-height: 70vw; }
  .md-disabled-min-h-70vw:disabled { min-height: 70vw; }
  .md-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  .md-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  .md-group:hover .md-group-hover-min-h-70vw { min-height: 70vw; }
  .md-max-h-70vw { max-height: 70vw; }
  .md-hover-max-h-70vw:hover { max-height: 70vw; }
  .md-focus-max-h-70vw:focus { max-height: 70vw; }
  .md-active-max-h-70vw:active { max-height: 70vw; }
  .md-disabled-max-h-70vw:disabled { max-height: 70vw; }
  .md-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  .md-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  .md-group:hover .md-group-hover-max-h-70vw { max-height: 70vw; }
  .md-w-80vw { width: 80vw; }
  .md-hover-w-80vw:hover { width: 80vw; }
  .md-focus-w-80vw:focus { width: 80vw; }
  .md-active-w-80vw:active { width: 80vw; }
  .md-disabled-w-80vw:disabled { width: 80vw; }
  .md-focus-visible-w-80vw:focus-visible { width: 80vw; }
  .md-focus-within-w-80vw:focus-within { width: 80vw; }
  .md-group:hover .md-group-hover-w-80vw { width: 80vw; }
  .md-h-80vw { height: 80vw; }
  .md-hover-h-80vw:hover { height: 80vw; }
  .md-focus-h-80vw:focus { height: 80vw; }
  .md-active-h-80vw:active { height: 80vw; }
  .md-disabled-h-80vw:disabled { height: 80vw; }
  .md-focus-visible-h-80vw:focus-visible { height: 80vw; }
  .md-focus-within-h-80vw:focus-within { height: 80vw; }
  .md-group:hover .md-group-hover-h-80vw { height: 80vw; }
  .md-min-w-80vw { min-width: 80vw; }
  .md-hover-min-w-80vw:hover { min-width: 80vw; }
  .md-focus-min-w-80vw:focus { min-width: 80vw; }
  .md-active-min-w-80vw:active { min-width: 80vw; }
  .md-disabled-min-w-80vw:disabled { min-width: 80vw; }
  .md-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  .md-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  .md-group:hover .md-group-hover-min-w-80vw { min-width: 80vw; }
  .md-max-w-80vw { max-width: 80vw; }
  .md-hover-max-w-80vw:hover { max-width: 80vw; }
  .md-focus-max-w-80vw:focus { max-width: 80vw; }
  .md-active-max-w-80vw:active { max-width: 80vw; }
  .md-disabled-max-w-80vw:disabled { max-width: 80vw; }
  .md-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  .md-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  .md-group:hover .md-group-hover-max-w-80vw { max-width: 80vw; }
  .md-min-h-80vw { min-height: 80vw; }
  .md-hover-min-h-80vw:hover { min-height: 80vw; }
  .md-focus-min-h-80vw:focus { min-height: 80vw; }
  .md-active-min-h-80vw:active { min-height: 80vw; }
  .md-disabled-min-h-80vw:disabled { min-height: 80vw; }
  .md-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  .md-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  .md-group:hover .md-group-hover-min-h-80vw { min-height: 80vw; }
  .md-max-h-80vw { max-height: 80vw; }
  .md-hover-max-h-80vw:hover { max-height: 80vw; }
  .md-focus-max-h-80vw:focus { max-height: 80vw; }
  .md-active-max-h-80vw:active { max-height: 80vw; }
  .md-disabled-max-h-80vw:disabled { max-height: 80vw; }
  .md-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  .md-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  .md-group:hover .md-group-hover-max-h-80vw { max-height: 80vw; }
  .md-w-90vw { width: 90vw; }
  .md-hover-w-90vw:hover { width: 90vw; }
  .md-focus-w-90vw:focus { width: 90vw; }
  .md-active-w-90vw:active { width: 90vw; }
  .md-disabled-w-90vw:disabled { width: 90vw; }
  .md-focus-visible-w-90vw:focus-visible { width: 90vw; }
  .md-focus-within-w-90vw:focus-within { width: 90vw; }
  .md-group:hover .md-group-hover-w-90vw { width: 90vw; }
  .md-h-90vw { height: 90vw; }
  .md-hover-h-90vw:hover { height: 90vw; }
  .md-focus-h-90vw:focus { height: 90vw; }
  .md-active-h-90vw:active { height: 90vw; }
  .md-disabled-h-90vw:disabled { height: 90vw; }
  .md-focus-visible-h-90vw:focus-visible { height: 90vw; }
  .md-focus-within-h-90vw:focus-within { height: 90vw; }
  .md-group:hover .md-group-hover-h-90vw { height: 90vw; }
  .md-min-w-90vw { min-width: 90vw; }
  .md-hover-min-w-90vw:hover { min-width: 90vw; }
  .md-focus-min-w-90vw:focus { min-width: 90vw; }
  .md-active-min-w-90vw:active { min-width: 90vw; }
  .md-disabled-min-w-90vw:disabled { min-width: 90vw; }
  .md-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  .md-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  .md-group:hover .md-group-hover-min-w-90vw { min-width: 90vw; }
  .md-max-w-90vw { max-width: 90vw; }
  .md-hover-max-w-90vw:hover { max-width: 90vw; }
  .md-focus-max-w-90vw:focus { max-width: 90vw; }
  .md-active-max-w-90vw:active { max-width: 90vw; }
  .md-disabled-max-w-90vw:disabled { max-width: 90vw; }
  .md-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  .md-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  .md-group:hover .md-group-hover-max-w-90vw { max-width: 90vw; }
  .md-min-h-90vw { min-height: 90vw; }
  .md-hover-min-h-90vw:hover { min-height: 90vw; }
  .md-focus-min-h-90vw:focus { min-height: 90vw; }
  .md-active-min-h-90vw:active { min-height: 90vw; }
  .md-disabled-min-h-90vw:disabled { min-height: 90vw; }
  .md-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  .md-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  .md-group:hover .md-group-hover-min-h-90vw { min-height: 90vw; }
  .md-max-h-90vw { max-height: 90vw; }
  .md-hover-max-h-90vw:hover { max-height: 90vw; }
  .md-focus-max-h-90vw:focus { max-height: 90vw; }
  .md-active-max-h-90vw:active { max-height: 90vw; }
  .md-disabled-max-h-90vw:disabled { max-height: 90vw; }
  .md-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  .md-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  .md-group:hover .md-group-hover-max-h-90vw { max-height: 90vw; }
  .md-w-100vw { width: 100vw; }
  .md-hover-w-100vw:hover { width: 100vw; }
  .md-focus-w-100vw:focus { width: 100vw; }
  .md-active-w-100vw:active { width: 100vw; }
  .md-disabled-w-100vw:disabled { width: 100vw; }
  .md-focus-visible-w-100vw:focus-visible { width: 100vw; }
  .md-focus-within-w-100vw:focus-within { width: 100vw; }
  .md-group:hover .md-group-hover-w-100vw { width: 100vw; }
  .md-h-100vw { height: 100vw; }
  .md-hover-h-100vw:hover { height: 100vw; }
  .md-focus-h-100vw:focus { height: 100vw; }
  .md-active-h-100vw:active { height: 100vw; }
  .md-disabled-h-100vw:disabled { height: 100vw; }
  .md-focus-visible-h-100vw:focus-visible { height: 100vw; }
  .md-focus-within-h-100vw:focus-within { height: 100vw; }
  .md-group:hover .md-group-hover-h-100vw { height: 100vw; }
  .md-min-w-100vw { min-width: 100vw; }
  .md-hover-min-w-100vw:hover { min-width: 100vw; }
  .md-focus-min-w-100vw:focus { min-width: 100vw; }
  .md-active-min-w-100vw:active { min-width: 100vw; }
  .md-disabled-min-w-100vw:disabled { min-width: 100vw; }
  .md-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  .md-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  .md-group:hover .md-group-hover-min-w-100vw { min-width: 100vw; }
  .md-max-w-100vw { max-width: 100vw; }
  .md-hover-max-w-100vw:hover { max-width: 100vw; }
  .md-focus-max-w-100vw:focus { max-width: 100vw; }
  .md-active-max-w-100vw:active { max-width: 100vw; }
  .md-disabled-max-w-100vw:disabled { max-width: 100vw; }
  .md-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  .md-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  .md-group:hover .md-group-hover-max-w-100vw { max-width: 100vw; }
  .md-min-h-100vw { min-height: 100vw; }
  .md-hover-min-h-100vw:hover { min-height: 100vw; }
  .md-focus-min-h-100vw:focus { min-height: 100vw; }
  .md-active-min-h-100vw:active { min-height: 100vw; }
  .md-disabled-min-h-100vw:disabled { min-height: 100vw; }
  .md-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  .md-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  .md-group:hover .md-group-hover-min-h-100vw { min-height: 100vw; }
  .md-max-h-100vw { max-height: 100vw; }
  .md-hover-max-h-100vw:hover { max-height: 100vw; }
  .md-focus-max-h-100vw:focus { max-height: 100vw; }
  .md-active-max-h-100vw:active { max-height: 100vw; }
  .md-disabled-max-h-100vw:disabled { max-height: 100vw; }
  .md-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  .md-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  .md-group:hover .md-group-hover-max-h-100vw { max-height: 100vw; }
  .md-w-fit { width: fit-content; }
  .md-hover-w-fit:hover { width: fit-content; }
  .md-focus-w-fit:focus { width: fit-content; }
  .md-active-w-fit:active { width: fit-content; }
  .md-disabled-w-fit:disabled { width: fit-content; }
  .md-focus-visible-w-fit:focus-visible { width: fit-content; }
  .md-focus-within-w-fit:focus-within { width: fit-content; }
  .md-group:hover .md-group-hover-w-fit { width: fit-content; }
  .md-w-max { width: max-content; }
  .md-hover-w-max:hover { width: max-content; }
  .md-focus-w-max:focus { width: max-content; }
  .md-active-w-max:active { width: max-content; }
  .md-disabled-w-max:disabled { width: max-content; }
  .md-focus-visible-w-max:focus-visible { width: max-content; }
  .md-focus-within-w-max:focus-within { width: max-content; }
  .md-group:hover .md-group-hover-w-max { width: max-content; }
  .md-w-min { width: min-content; }
  .md-hover-w-min:hover { width: min-content; }
  .md-focus-w-min:focus { width: min-content; }
  .md-active-w-min:active { width: min-content; }
  .md-disabled-w-min:disabled { width: min-content; }
  .md-focus-visible-w-min:focus-visible { width: min-content; }
  .md-focus-within-w-min:focus-within { width: min-content; }
  .md-group:hover .md-group-hover-w-min { width: min-content; }
  .md-w-minmax { width: minmax(0, 100%); }
  .md-hover-w-minmax:hover { width: minmax(0, 100%); }
  .md-focus-w-minmax:focus { width: minmax(0, 100%); }
  .md-active-w-minmax:active { width: minmax(0, 100%); }
  .md-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  .md-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  .md-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  .md-group:hover .md-group-hover-w-minmax { width: minmax(0, 100%); }
  .md-w-full { width: 100%; }
  .md-hover-w-full:hover { width: 100%; }
  .md-focus-w-full:focus { width: 100%; }
  .md-active-w-full:active { width: 100%; }
  .md-disabled-w-full:disabled { width: 100%; }
  .md-focus-visible-w-full:focus-visible { width: 100%; }
  .md-focus-within-w-full:focus-within { width: 100%; }
  .md-group:hover .md-group-hover-w-full { width: 100%; }
  .md-w-screen { width: 100vw; }
  .md-hover-w-screen:hover { width: 100vw; }
  .md-focus-w-screen:focus { width: 100vw; }
  .md-active-w-screen:active { width: 100vw; }
  .md-disabled-w-screen:disabled { width: 100vw; }
  .md-focus-visible-w-screen:focus-visible { width: 100vw; }
  .md-focus-within-w-screen:focus-within { width: 100vw; }
  .md-group:hover .md-group-hover-w-screen { width: 100vw; }
  .md-h-fit { height: fit-content; }
  .md-hover-h-fit:hover { height: fit-content; }
  .md-focus-h-fit:focus { height: fit-content; }
  .md-active-h-fit:active { height: fit-content; }
  .md-disabled-h-fit:disabled { height: fit-content; }
  .md-focus-visible-h-fit:focus-visible { height: fit-content; }
  .md-focus-within-h-fit:focus-within { height: fit-content; }
  .md-group:hover .md-group-hover-h-fit { height: fit-content; }
  .md-h-max { height: max-content; }
  .md-hover-h-max:hover { height: max-content; }
  .md-focus-h-max:focus { height: max-content; }
  .md-active-h-max:active { height: max-content; }
  .md-disabled-h-max:disabled { height: max-content; }
  .md-focus-visible-h-max:focus-visible { height: max-content; }
  .md-focus-within-h-max:focus-within { height: max-content; }
  .md-group:hover .md-group-hover-h-max { height: max-content; }
  .md-h-min { height: min-content; }
  .md-hover-h-min:hover { height: min-content; }
  .md-focus-h-min:focus { height: min-content; }
  .md-active-h-min:active { height: min-content; }
  .md-disabled-h-min:disabled { height: min-content; }
  .md-focus-visible-h-min:focus-visible { height: min-content; }
  .md-focus-within-h-min:focus-within { height: min-content; }
  .md-group:hover .md-group-hover-h-min { height: min-content; }
  .md-h-minmax { height: minmax(0, 100%); }
  .md-hover-h-minmax:hover { height: minmax(0, 100%); }
  .md-focus-h-minmax:focus { height: minmax(0, 100%); }
  .md-active-h-minmax:active { height: minmax(0, 100%); }
  .md-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  .md-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  .md-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  .md-group:hover .md-group-hover-h-minmax { height: minmax(0, 100%); }
  .md-h-full { height: 100%; }
  .md-hover-h-full:hover { height: 100%; }
  .md-focus-h-full:focus { height: 100%; }
  .md-active-h-full:active { height: 100%; }
  .md-disabled-h-full:disabled { height: 100%; }
  .md-focus-visible-h-full:focus-visible { height: 100%; }
  .md-focus-within-h-full:focus-within { height: 100%; }
  .md-group:hover .md-group-hover-h-full { height: 100%; }
  .md-h-screen { height: 100vh; }
  .md-hover-h-screen:hover { height: 100vh; }
  .md-focus-h-screen:focus { height: 100vh; }
  .md-active-h-screen:active { height: 100vh; }
  .md-disabled-h-screen:disabled { height: 100vh; }
  .md-focus-visible-h-screen:focus-visible { height: 100vh; }
  .md-focus-within-h-screen:focus-within { height: 100vh; }
  .md-group:hover .md-group-hover-h-screen { height: 100vh; }
  .md-min-w-fit { min-width: fit-content; }
  .md-hover-min-w-fit:hover { min-width: fit-content; }
  .md-focus-min-w-fit:focus { min-width: fit-content; }
  .md-active-min-w-fit:active { min-width: fit-content; }
  .md-disabled-min-w-fit:disabled { min-width: fit-content; }
  .md-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  .md-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  .md-group:hover .md-group-hover-min-w-fit { min-width: fit-content; }
  .md-min-w-max { min-width: max-content; }
  .md-hover-min-w-max:hover { min-width: max-content; }
  .md-focus-min-w-max:focus { min-width: max-content; }
  .md-active-min-w-max:active { min-width: max-content; }
  .md-disabled-min-w-max:disabled { min-width: max-content; }
  .md-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  .md-focus-within-min-w-max:focus-within { min-width: max-content; }
  .md-group:hover .md-group-hover-min-w-max { min-width: max-content; }
  .md-min-w-min { min-width: min-content; }
  .md-hover-min-w-min:hover { min-width: min-content; }
  .md-focus-min-w-min:focus { min-width: min-content; }
  .md-active-min-w-min:active { min-width: min-content; }
  .md-disabled-min-w-min:disabled { min-width: min-content; }
  .md-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  .md-focus-within-min-w-min:focus-within { min-width: min-content; }
  .md-group:hover .md-group-hover-min-w-min { min-width: min-content; }
  .md-min-w-minmax { min-width: minmax(0, 100%); }
  .md-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  .md-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  .md-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  .md-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  .md-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  .md-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  .md-group:hover .md-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  .md-min-w-full { min-width: 100%; }
  .md-hover-min-w-full:hover { min-width: 100%; }
  .md-focus-min-w-full:focus { min-width: 100%; }
  .md-active-min-w-full:active { min-width: 100%; }
  .md-disabled-min-w-full:disabled { min-width: 100%; }
  .md-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  .md-focus-within-min-w-full:focus-within { min-width: 100%; }
  .md-group:hover .md-group-hover-min-w-full { min-width: 100%; }
  .md-min-w-screen { min-width: 100vw; }
  .md-hover-min-w-screen:hover { min-width: 100vw; }
  .md-focus-min-w-screen:focus { min-width: 100vw; }
  .md-active-min-w-screen:active { min-width: 100vw; }
  .md-disabled-min-w-screen:disabled { min-width: 100vw; }
  .md-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  .md-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  .md-group:hover .md-group-hover-min-w-screen { min-width: 100vw; }
  .md-min-h-fit { min-height: fit-content; }
  .md-hover-min-h-fit:hover { min-height: fit-content; }
  .md-focus-min-h-fit:focus { min-height: fit-content; }
  .md-active-min-h-fit:active { min-height: fit-content; }
  .md-disabled-min-h-fit:disabled { min-height: fit-content; }
  .md-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  .md-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  .md-group:hover .md-group-hover-min-h-fit { min-height: fit-content; }
  .md-min-h-max { min-height: max-content; }
  .md-hover-min-h-max:hover { min-height: max-content; }
  .md-focus-min-h-max:focus { min-height: max-content; }
  .md-active-min-h-max:active { min-height: max-content; }
  .md-disabled-min-h-max:disabled { min-height: max-content; }
  .md-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  .md-focus-within-min-h-max:focus-within { min-height: max-content; }
  .md-group:hover .md-group-hover-min-h-max { min-height: max-content; }
  .md-min-h-min { min-height: min-content; }
  .md-hover-min-h-min:hover { min-height: min-content; }
  .md-focus-min-h-min:focus { min-height: min-content; }
  .md-active-min-h-min:active { min-height: min-content; }
  .md-disabled-min-h-min:disabled { min-height: min-content; }
  .md-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  .md-focus-within-min-h-min:focus-within { min-height: min-content; }
  .md-group:hover .md-group-hover-min-h-min { min-height: min-content; }
  .md-min-h-minmax { min-height: minmax(0, 100%); }
  .md-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  .md-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  .md-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  .md-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  .md-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  .md-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  .md-group:hover .md-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  .md-min-h-full { min-height: 100%; }
  .md-hover-min-h-full:hover { min-height: 100%; }
  .md-focus-min-h-full:focus { min-height: 100%; }
  .md-active-min-h-full:active { min-height: 100%; }
  .md-disabled-min-h-full:disabled { min-height: 100%; }
  .md-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  .md-focus-within-min-h-full:focus-within { min-height: 100%; }
  .md-group:hover .md-group-hover-min-h-full { min-height: 100%; }
  .md-min-h-screen { min-height: 100vh; }
  .md-hover-min-h-screen:hover { min-height: 100vh; }
  .md-focus-min-h-screen:focus { min-height: 100vh; }
  .md-active-min-h-screen:active { min-height: 100vh; }
  .md-disabled-min-h-screen:disabled { min-height: 100vh; }
  .md-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  .md-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  .md-group:hover .md-group-hover-min-h-screen { min-height: 100vh; }
  .md-max-w-fit { max-width: fit-content; }
  .md-hover-max-w-fit:hover { max-width: fit-content; }
  .md-focus-max-w-fit:focus { max-width: fit-content; }
  .md-active-max-w-fit:active { max-width: fit-content; }
  .md-disabled-max-w-fit:disabled { max-width: fit-content; }
  .md-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  .md-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  .md-group:hover .md-group-hover-max-w-fit { max-width: fit-content; }
  .md-max-w-max { max-width: max-content; }
  .md-hover-max-w-max:hover { max-width: max-content; }
  .md-focus-max-w-max:focus { max-width: max-content; }
  .md-active-max-w-max:active { max-width: max-content; }
  .md-disabled-max-w-max:disabled { max-width: max-content; }
  .md-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  .md-focus-within-max-w-max:focus-within { max-width: max-content; }
  .md-group:hover .md-group-hover-max-w-max { max-width: max-content; }
  .md-max-w-min { max-width: min-content; }
  .md-hover-max-w-min:hover { max-width: min-content; }
  .md-focus-max-w-min:focus { max-width: min-content; }
  .md-active-max-w-min:active { max-width: min-content; }
  .md-disabled-max-w-min:disabled { max-width: min-content; }
  .md-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  .md-focus-within-max-w-min:focus-within { max-width: min-content; }
  .md-group:hover .md-group-hover-max-w-min { max-width: min-content; }
  .md-max-w-minmax { max-width: minmax(0, 100%); }
  .md-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  .md-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  .md-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  .md-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  .md-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  .md-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  .md-group:hover .md-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  .md-max-w-full { max-width: 100%; }
  .md-hover-max-w-full:hover { max-width: 100%; }
  .md-focus-max-w-full:focus { max-width: 100%; }
  .md-active-max-w-full:active { max-width: 100%; }
  .md-disabled-max-w-full:disabled { max-width: 100%; }
  .md-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  .md-focus-within-max-w-full:focus-within { max-width: 100%; }
  .md-group:hover .md-group-hover-max-w-full { max-width: 100%; }
  .md-max-w-screen { max-width: 100vw; }
  .md-hover-max-w-screen:hover { max-width: 100vw; }
  .md-focus-max-w-screen:focus { max-width: 100vw; }
  .md-active-max-w-screen:active { max-width: 100vw; }
  .md-disabled-max-w-screen:disabled { max-width: 100vw; }
  .md-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  .md-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  .md-group:hover .md-group-hover-max-w-screen { max-width: 100vw; }
  .md-max-h-fit { max-height: fit-content; }
  .md-hover-max-h-fit:hover { max-height: fit-content; }
  .md-focus-max-h-fit:focus { max-height: fit-content; }
  .md-active-max-h-fit:active { max-height: fit-content; }
  .md-disabled-max-h-fit:disabled { max-height: fit-content; }
  .md-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  .md-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  .md-group:hover .md-group-hover-max-h-fit { max-height: fit-content; }
  .md-max-h-max { max-height: max-content; }
  .md-hover-max-h-max:hover { max-height: max-content; }
  .md-focus-max-h-max:focus { max-height: max-content; }
  .md-active-max-h-max:active { max-height: max-content; }
  .md-disabled-max-h-max:disabled { max-height: max-content; }
  .md-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  .md-focus-within-max-h-max:focus-within { max-height: max-content; }
  .md-group:hover .md-group-hover-max-h-max { max-height: max-content; }
  .md-max-h-min { max-height: min-content; }
  .md-hover-max-h-min:hover { max-height: min-content; }
  .md-focus-max-h-min:focus { max-height: min-content; }
  .md-active-max-h-min:active { max-height: min-content; }
  .md-disabled-max-h-min:disabled { max-height: min-content; }
  .md-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  .md-focus-within-max-h-min:focus-within { max-height: min-content; }
  .md-group:hover .md-group-hover-max-h-min { max-height: min-content; }
  .md-max-h-minmax { max-height: minmax(0, 100%); }
  .md-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  .md-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  .md-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  .md-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  .md-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  .md-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  .md-group:hover .md-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  .md-max-h-full { max-height: 100%; }
  .md-hover-max-h-full:hover { max-height: 100%; }
  .md-focus-max-h-full:focus { max-height: 100%; }
  .md-active-max-h-full:active { max-height: 100%; }
  .md-disabled-max-h-full:disabled { max-height: 100%; }
  .md-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  .md-focus-within-max-h-full:focus-within { max-height: 100%; }
  .md-group:hover .md-group-hover-max-h-full { max-height: 100%; }
  .md-max-h-screen { max-height: 100vh; }
  .md-hover-max-h-screen:hover { max-height: 100vh; }
  .md-focus-max-h-screen:focus { max-height: 100vh; }
  .md-active-max-h-screen:active { max-height: 100vh; }
  .md-disabled-max-h-screen:disabled { max-height: 100vh; }
  .md-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  .md-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  .md-group:hover .md-group-hover-max-h-screen { max-height: 100vh; }
  .md-size-0 { width: 0; height: 0; }
  .md-hover-size-0:hover { width: 0; height: 0; }
  .md-focus-size-0:focus { width: 0; height: 0; }
  .md-active-size-0:active { width: 0; height: 0; }
  .md-disabled-size-0:disabled { width: 0; height: 0; }
  .md-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  .md-focus-within-size-0:focus-within { width: 0; height: 0; }
  .md-group:hover .md-group-hover-size-0 { width: 0; height: 0; }
  .md-size-1 { width: 0.25rem; height: 0.25rem; }
  .md-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  .md-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  .md-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  .md-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  .md-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  .md-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  .md-group:hover .md-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  .md-size-2 { width: 0.5rem; height: 0.5rem; }
  .md-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  .md-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  .md-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  .md-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  .md-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  .md-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  .md-group:hover .md-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  .md-size-3 { width: 0.75rem; height: 0.75rem; }
  .md-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  .md-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  .md-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  .md-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  .md-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  .md-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  .md-group:hover .md-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  .md-size-4 { width: 1rem; height: 1rem; }
  .md-hover-size-4:hover { width: 1rem; height: 1rem; }
  .md-focus-size-4:focus { width: 1rem; height: 1rem; }
  .md-active-size-4:active { width: 1rem; height: 1rem; }
  .md-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  .md-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  .md-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  .md-group:hover .md-group-hover-size-4 { width: 1rem; height: 1rem; }
  .md-size-5 { width: 1.25rem; height: 1.25rem; }
  .md-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  .md-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  .md-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  .md-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  .md-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  .md-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  .md-group:hover .md-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  .md-size-6 { width: 1.5rem; height: 1.5rem; }
  .md-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  .md-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  .md-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  .md-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  .md-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  .md-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  .md-group:hover .md-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  .md-size-7 { width: 1.75rem; height: 1.75rem; }
  .md-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  .md-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  .md-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  .md-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  .md-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  .md-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  .md-group:hover .md-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  .md-size-8 { width: 2rem; height: 2rem; }
  .md-hover-size-8:hover { width: 2rem; height: 2rem; }
  .md-focus-size-8:focus { width: 2rem; height: 2rem; }
  .md-active-size-8:active { width: 2rem; height: 2rem; }
  .md-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  .md-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  .md-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  .md-group:hover .md-group-hover-size-8 { width: 2rem; height: 2rem; }
  .md-size-9 { width: 2.25rem; height: 2.25rem; }
  .md-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  .md-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  .md-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  .md-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  .md-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  .md-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  .md-group:hover .md-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  .md-size-10 { width: 2.5rem; height: 2.5rem; }
  .md-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  .md-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  .md-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  .md-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  .md-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  .md-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  .md-group:hover .md-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  .md-size-11 { width: 2.75rem; height: 2.75rem; }
  .md-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  .md-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  .md-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  .md-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  .md-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  .md-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  .md-group:hover .md-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  .md-size-12 { width: 3rem; height: 3rem; }
  .md-hover-size-12:hover { width: 3rem; height: 3rem; }
  .md-focus-size-12:focus { width: 3rem; height: 3rem; }
  .md-active-size-12:active { width: 3rem; height: 3rem; }
  .md-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  .md-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  .md-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  .md-group:hover .md-group-hover-size-12 { width: 3rem; height: 3rem; }
  .md-size-14 { width: 3.5rem; height: 3.5rem; }
  .md-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  .md-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  .md-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  .md-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  .md-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  .md-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  .md-group:hover .md-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  .md-size-16 { width: 4rem; height: 4rem; }
  .md-hover-size-16:hover { width: 4rem; height: 4rem; }
  .md-focus-size-16:focus { width: 4rem; height: 4rem; }
  .md-active-size-16:active { width: 4rem; height: 4rem; }
  .md-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  .md-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  .md-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  .md-group:hover .md-group-hover-size-16 { width: 4rem; height: 4rem; }
  .md-size-20 { width: 5rem; height: 5rem; }
  .md-hover-size-20:hover { width: 5rem; height: 5rem; }
  .md-focus-size-20:focus { width: 5rem; height: 5rem; }
  .md-active-size-20:active { width: 5rem; height: 5rem; }
  .md-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  .md-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  .md-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  .md-group:hover .md-group-hover-size-20 { width: 5rem; height: 5rem; }
  .md-size-24 { width: 6rem; height: 6rem; }
  .md-hover-size-24:hover { width: 6rem; height: 6rem; }
  .md-focus-size-24:focus { width: 6rem; height: 6rem; }
  .md-active-size-24:active { width: 6rem; height: 6rem; }
  .md-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  .md-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  .md-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  .md-group:hover .md-group-hover-size-24 { width: 6rem; height: 6rem; }
  .md-size-28 { width: 7rem; height: 7rem; }
  .md-hover-size-28:hover { width: 7rem; height: 7rem; }
  .md-focus-size-28:focus { width: 7rem; height: 7rem; }
  .md-active-size-28:active { width: 7rem; height: 7rem; }
  .md-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  .md-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  .md-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  .md-group:hover .md-group-hover-size-28 { width: 7rem; height: 7rem; }
  .md-size-32 { width: 8rem; height: 8rem; }
  .md-hover-size-32:hover { width: 8rem; height: 8rem; }
  .md-focus-size-32:focus { width: 8rem; height: 8rem; }
  .md-active-size-32:active { width: 8rem; height: 8rem; }
  .md-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  .md-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  .md-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  .md-group:hover .md-group-hover-size-32 { width: 8rem; height: 8rem; }
  .md-size-36 { width: 9rem; height: 9rem; }
  .md-hover-size-36:hover { width: 9rem; height: 9rem; }
  .md-focus-size-36:focus { width: 9rem; height: 9rem; }
  .md-active-size-36:active { width: 9rem; height: 9rem; }
  .md-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  .md-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  .md-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  .md-group:hover .md-group-hover-size-36 { width: 9rem; height: 9rem; }
  .md-size-40 { width: 10rem; height: 10rem; }
  .md-hover-size-40:hover { width: 10rem; height: 10rem; }
  .md-focus-size-40:focus { width: 10rem; height: 10rem; }
  .md-active-size-40:active { width: 10rem; height: 10rem; }
  .md-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  .md-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  .md-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  .md-group:hover .md-group-hover-size-40 { width: 10rem; height: 10rem; }
  .md-size-44 { width: 11rem; height: 11rem; }
  .md-hover-size-44:hover { width: 11rem; height: 11rem; }
  .md-focus-size-44:focus { width: 11rem; height: 11rem; }
  .md-active-size-44:active { width: 11rem; height: 11rem; }
  .md-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  .md-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  .md-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  .md-group:hover .md-group-hover-size-44 { width: 11rem; height: 11rem; }
  .md-size-48 { width: 12rem; height: 12rem; }
  .md-hover-size-48:hover { width: 12rem; height: 12rem; }
  .md-focus-size-48:focus { width: 12rem; height: 12rem; }
  .md-active-size-48:active { width: 12rem; height: 12rem; }
  .md-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  .md-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  .md-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  .md-group:hover .md-group-hover-size-48 { width: 12rem; height: 12rem; }
  .md-size-52 { width: 13rem; height: 13rem; }
  .md-hover-size-52:hover { width: 13rem; height: 13rem; }
  .md-focus-size-52:focus { width: 13rem; height: 13rem; }
  .md-active-size-52:active { width: 13rem; height: 13rem; }
  .md-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  .md-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  .md-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  .md-group:hover .md-group-hover-size-52 { width: 13rem; height: 13rem; }
  .md-size-56 { width: 14rem; height: 14rem; }
  .md-hover-size-56:hover { width: 14rem; height: 14rem; }
  .md-focus-size-56:focus { width: 14rem; height: 14rem; }
  .md-active-size-56:active { width: 14rem; height: 14rem; }
  .md-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  .md-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  .md-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  .md-group:hover .md-group-hover-size-56 { width: 14rem; height: 14rem; }
  .md-size-60 { width: 15rem; height: 15rem; }
  .md-hover-size-60:hover { width: 15rem; height: 15rem; }
  .md-focus-size-60:focus { width: 15rem; height: 15rem; }
  .md-active-size-60:active { width: 15rem; height: 15rem; }
  .md-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  .md-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  .md-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  .md-group:hover .md-group-hover-size-60 { width: 15rem; height: 15rem; }
  .md-size-64 { width: 16rem; height: 16rem; }
  .md-hover-size-64:hover { width: 16rem; height: 16rem; }
  .md-focus-size-64:focus { width: 16rem; height: 16rem; }
  .md-active-size-64:active { width: 16rem; height: 16rem; }
  .md-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  .md-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  .md-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  .md-group:hover .md-group-hover-size-64 { width: 16rem; height: 16rem; }
  .md-size-72 { width: 18rem; height: 18rem; }
  .md-hover-size-72:hover { width: 18rem; height: 18rem; }
  .md-focus-size-72:focus { width: 18rem; height: 18rem; }
  .md-active-size-72:active { width: 18rem; height: 18rem; }
  .md-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  .md-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  .md-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  .md-group:hover .md-group-hover-size-72 { width: 18rem; height: 18rem; }
  .md-size-80 { width: 20rem; height: 20rem; }
  .md-hover-size-80:hover { width: 20rem; height: 20rem; }
  .md-focus-size-80:focus { width: 20rem; height: 20rem; }
  .md-active-size-80:active { width: 20rem; height: 20rem; }
  .md-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  .md-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  .md-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  .md-group:hover .md-group-hover-size-80 { width: 20rem; height: 20rem; }
  .md-size-96 { width: 24rem; height: 24rem; }
  .md-hover-size-96:hover { width: 24rem; height: 24rem; }
  .md-focus-size-96:focus { width: 24rem; height: 24rem; }
  .md-active-size-96:active { width: 24rem; height: 24rem; }
  .md-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  .md-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  .md-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  .md-group:hover .md-group-hover-size-96 { width: 24rem; height: 24rem; }
  .md-font-size-auto { font-size: auto; }
  .md-hover-font-size-auto:hover { font-size: auto; }
  .md-focus-font-size-auto:focus { font-size: auto; }
  .md-active-font-size-auto:active { font-size: auto; }
  .md-disabled-font-size-auto:disabled { font-size: auto; }
  .md-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  .md-focus-within-font-size-auto:focus-within { font-size: auto; }
  .md-group:hover .md-group-hover-font-size-auto { font-size: auto; }
  .md-font-size-0 { font-size: 0; }
  .md-hover-font-size-0:hover { font-size: 0; }
  .md-focus-font-size-0:focus { font-size: 0; }
  .md-active-font-size-0:active { font-size: 0; }
  .md-disabled-font-size-0:disabled { font-size: 0; }
  .md-focus-visible-font-size-0:focus-visible { font-size: 0; }
  .md-focus-within-font-size-0:focus-within { font-size: 0; }
  .md-group:hover .md-group-hover-font-size-0 { font-size: 0; }
  .md-font-size-1 { font-size: 0.25rem; }
  .md-hover-font-size-1:hover { font-size: 0.25rem; }
  .md-focus-font-size-1:focus { font-size: 0.25rem; }
  .md-active-font-size-1:active { font-size: 0.25rem; }
  .md-disabled-font-size-1:disabled { font-size: 0.25rem; }
  .md-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  .md-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  .md-group:hover .md-group-hover-font-size-1 { font-size: 0.25rem; }
  .md-font-size-2 { font-size: 0.5rem; }
  .md-hover-font-size-2:hover { font-size: 0.5rem; }
  .md-focus-font-size-2:focus { font-size: 0.5rem; }
  .md-active-font-size-2:active { font-size: 0.5rem; }
  .md-disabled-font-size-2:disabled { font-size: 0.5rem; }
  .md-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  .md-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  .md-group:hover .md-group-hover-font-size-2 { font-size: 0.5rem; }
  .md-font-size-3 { font-size: 0.75rem; }
  .md-hover-font-size-3:hover { font-size: 0.75rem; }
  .md-focus-font-size-3:focus { font-size: 0.75rem; }
  .md-active-font-size-3:active { font-size: 0.75rem; }
  .md-disabled-font-size-3:disabled { font-size: 0.75rem; }
  .md-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  .md-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  .md-group:hover .md-group-hover-font-size-3 { font-size: 0.75rem; }
  .md-font-size-4 { font-size: 1rem; }
  .md-hover-font-size-4:hover { font-size: 1rem; }
  .md-focus-font-size-4:focus { font-size: 1rem; }
  .md-active-font-size-4:active { font-size: 1rem; }
  .md-disabled-font-size-4:disabled { font-size: 1rem; }
  .md-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  .md-focus-within-font-size-4:focus-within { font-size: 1rem; }
  .md-group:hover .md-group-hover-font-size-4 { font-size: 1rem; }
  .md-font-size-5 { font-size: 1.25rem; }
  .md-hover-font-size-5:hover { font-size: 1.25rem; }
  .md-focus-font-size-5:focus { font-size: 1.25rem; }
  .md-active-font-size-5:active { font-size: 1.25rem; }
  .md-disabled-font-size-5:disabled { font-size: 1.25rem; }
  .md-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  .md-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  .md-group:hover .md-group-hover-font-size-5 { font-size: 1.25rem; }
  .md-font-size-6 { font-size: 1.5rem; }
  .md-hover-font-size-6:hover { font-size: 1.5rem; }
  .md-focus-font-size-6:focus { font-size: 1.5rem; }
  .md-active-font-size-6:active { font-size: 1.5rem; }
  .md-disabled-font-size-6:disabled { font-size: 1.5rem; }
  .md-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  .md-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  .md-group:hover .md-group-hover-font-size-6 { font-size: 1.5rem; }
  .md-font-size-7 { font-size: 1.75rem; }
  .md-hover-font-size-7:hover { font-size: 1.75rem; }
  .md-focus-font-size-7:focus { font-size: 1.75rem; }
  .md-active-font-size-7:active { font-size: 1.75rem; }
  .md-disabled-font-size-7:disabled { font-size: 1.75rem; }
  .md-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  .md-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  .md-group:hover .md-group-hover-font-size-7 { font-size: 1.75rem; }
  .md-font-size-8 { font-size: 2rem; }
  .md-hover-font-size-8:hover { font-size: 2rem; }
  .md-focus-font-size-8:focus { font-size: 2rem; }
  .md-active-font-size-8:active { font-size: 2rem; }
  .md-disabled-font-size-8:disabled { font-size: 2rem; }
  .md-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  .md-focus-within-font-size-8:focus-within { font-size: 2rem; }
  .md-group:hover .md-group-hover-font-size-8 { font-size: 2rem; }
  .md-font-size-9 { font-size: 2.25rem; }
  .md-hover-font-size-9:hover { font-size: 2.25rem; }
  .md-focus-font-size-9:focus { font-size: 2.25rem; }
  .md-active-font-size-9:active { font-size: 2.25rem; }
  .md-disabled-font-size-9:disabled { font-size: 2.25rem; }
  .md-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  .md-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  .md-group:hover .md-group-hover-font-size-9 { font-size: 2.25rem; }
  .md-font-size-10 { font-size: 2.5rem; }
  .md-hover-font-size-10:hover { font-size: 2.5rem; }
  .md-focus-font-size-10:focus { font-size: 2.5rem; }
  .md-active-font-size-10:active { font-size: 2.5rem; }
  .md-disabled-font-size-10:disabled { font-size: 2.5rem; }
  .md-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  .md-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  .md-group:hover .md-group-hover-font-size-10 { font-size: 2.5rem; }
  .md-font-size-12 { font-size: 3rem; }
  .md-hover-font-size-12:hover { font-size: 3rem; }
  .md-focus-font-size-12:focus { font-size: 3rem; }
  .md-active-font-size-12:active { font-size: 3rem; }
  .md-disabled-font-size-12:disabled { font-size: 3rem; }
  .md-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  .md-focus-within-font-size-12:focus-within { font-size: 3rem; }
  .md-group:hover .md-group-hover-font-size-12 { font-size: 3rem; }
  .md-font-size-14 { font-size: 3.5rem; }
  .md-hover-font-size-14:hover { font-size: 3.5rem; }
  .md-focus-font-size-14:focus { font-size: 3.5rem; }
  .md-active-font-size-14:active { font-size: 3.5rem; }
  .md-disabled-font-size-14:disabled { font-size: 3.5rem; }
  .md-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  .md-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  .md-group:hover .md-group-hover-font-size-14 { font-size: 3.5rem; }
  .md-font-size-16 { font-size: 4rem; }
  .md-hover-font-size-16:hover { font-size: 4rem; }
  .md-focus-font-size-16:focus { font-size: 4rem; }
  .md-active-font-size-16:active { font-size: 4rem; }
  .md-disabled-font-size-16:disabled { font-size: 4rem; }
  .md-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  .md-focus-within-font-size-16:focus-within { font-size: 4rem; }
  .md-group:hover .md-group-hover-font-size-16 { font-size: 4rem; }
  .md-font-size-18 { font-size: 4.5rem; }
  .md-hover-font-size-18:hover { font-size: 4.5rem; }
  .md-focus-font-size-18:focus { font-size: 4.5rem; }
  .md-active-font-size-18:active { font-size: 4.5rem; }
  .md-disabled-font-size-18:disabled { font-size: 4.5rem; }
  .md-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  .md-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  .md-group:hover .md-group-hover-font-size-18 { font-size: 4.5rem; }
  .md-font-size-20 { font-size: 5rem; }
  .md-hover-font-size-20:hover { font-size: 5rem; }
  .md-focus-font-size-20:focus { font-size: 5rem; }
  .md-active-font-size-20:active { font-size: 5rem; }
  .md-disabled-font-size-20:disabled { font-size: 5rem; }
  .md-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  .md-focus-within-font-size-20:focus-within { font-size: 5rem; }
  .md-group:hover .md-group-hover-font-size-20 { font-size: 5rem; }
  .md-font-size-24 { font-size: 6rem; }
  .md-hover-font-size-24:hover { font-size: 6rem; }
  .md-focus-font-size-24:focus { font-size: 6rem; }
  .md-active-font-size-24:active { font-size: 6rem; }
  .md-disabled-font-size-24:disabled { font-size: 6rem; }
  .md-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  .md-focus-within-font-size-24:focus-within { font-size: 6rem; }
  .md-group:hover .md-group-hover-font-size-24 { font-size: 6rem; }
  .md-font-size-28 { font-size: 7rem; }
  .md-hover-font-size-28:hover { font-size: 7rem; }
  .md-focus-font-size-28:focus { font-size: 7rem; }
  .md-active-font-size-28:active { font-size: 7rem; }
  .md-disabled-font-size-28:disabled { font-size: 7rem; }
  .md-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  .md-focus-within-font-size-28:focus-within { font-size: 7rem; }
  .md-group:hover .md-group-hover-font-size-28 { font-size: 7rem; }
  .md-font-size-32 { font-size: 8rem; }
  .md-hover-font-size-32:hover { font-size: 8rem; }
  .md-focus-font-size-32:focus { font-size: 8rem; }
  .md-active-font-size-32:active { font-size: 8rem; }
  .md-disabled-font-size-32:disabled { font-size: 8rem; }
  .md-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  .md-focus-within-font-size-32:focus-within { font-size: 8rem; }
  .md-group:hover .md-group-hover-font-size-32 { font-size: 8rem; }
  .md-font-style-normal { font-style: normal; }
  .md-hover-font-style-normal:hover { font-style: normal; }
  .md-focus-font-style-normal:focus { font-style: normal; }
  .md-active-font-style-normal:active { font-style: normal; }
  .md-disabled-font-style-normal:disabled { font-style: normal; }
  .md-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  .md-focus-within-font-style-normal:focus-within { font-style: normal; }
  .md-group:hover .md-group-hover-font-style-normal { font-style: normal; }
  .md-font-style-italic { font-style: italic; }
  .md-hover-font-style-italic:hover { font-style: italic; }
  .md-focus-font-style-italic:focus { font-style: italic; }
  .md-active-font-style-italic:active { font-style: italic; }
  .md-disabled-font-style-italic:disabled { font-style: italic; }
  .md-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  .md-focus-within-font-style-italic:focus-within { font-style: italic; }
  .md-group:hover .md-group-hover-font-style-italic { font-style: italic; }
  .md-font-style-oblique { font-style: oblique; }
  .md-hover-font-style-oblique:hover { font-style: oblique; }
  .md-focus-font-style-oblique:focus { font-style: oblique; }
  .md-active-font-style-oblique:active { font-style: oblique; }
  .md-disabled-font-style-oblique:disabled { font-style: oblique; }
  .md-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  .md-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  .md-group:hover .md-group-hover-font-style-oblique { font-style: oblique; }
  .md-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .md-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  .md-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  .md-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  .md-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  .md-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  .md-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  .md-group:hover .md-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .md-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .md-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  .md-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  .md-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  .md-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  .md-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  .md-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  .md-group:hover .md-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .md-font-weight-thin { font-weight: 100; }
  .md-hover-font-weight-thin:hover { font-weight: 100; }
  .md-focus-font-weight-thin:focus { font-weight: 100; }
  .md-active-font-weight-thin:active { font-weight: 100; }
  .md-disabled-font-weight-thin:disabled { font-weight: 100; }
  .md-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  .md-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  .md-group:hover .md-group-hover-font-weight-thin { font-weight: 100; }
  .md-font-weight-extralight { font-weight: 200; }
  .md-hover-font-weight-extralight:hover { font-weight: 200; }
  .md-focus-font-weight-extralight:focus { font-weight: 200; }
  .md-active-font-weight-extralight:active { font-weight: 200; }
  .md-disabled-font-weight-extralight:disabled { font-weight: 200; }
  .md-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  .md-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  .md-group:hover .md-group-hover-font-weight-extralight { font-weight: 200; }
  .md-font-weight-light { font-weight: 300; }
  .md-hover-font-weight-light:hover { font-weight: 300; }
  .md-focus-font-weight-light:focus { font-weight: 300; }
  .md-active-font-weight-light:active { font-weight: 300; }
  .md-disabled-font-weight-light:disabled { font-weight: 300; }
  .md-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  .md-focus-within-font-weight-light:focus-within { font-weight: 300; }
  .md-group:hover .md-group-hover-font-weight-light { font-weight: 300; }
  .md-font-weight-regular { font-weight: 400; }
  .md-hover-font-weight-regular:hover { font-weight: 400; }
  .md-focus-font-weight-regular:focus { font-weight: 400; }
  .md-active-font-weight-regular:active { font-weight: 400; }
  .md-disabled-font-weight-regular:disabled { font-weight: 400; }
  .md-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  .md-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  .md-group:hover .md-group-hover-font-weight-regular { font-weight: 400; }
  .md-font-weight-medium { font-weight: 500; }
  .md-hover-font-weight-medium:hover { font-weight: 500; }
  .md-focus-font-weight-medium:focus { font-weight: 500; }
  .md-active-font-weight-medium:active { font-weight: 500; }
  .md-disabled-font-weight-medium:disabled { font-weight: 500; }
  .md-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  .md-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  .md-group:hover .md-group-hover-font-weight-medium { font-weight: 500; }
  .md-font-weight-semibold { font-weight: 600; }
  .md-hover-font-weight-semibold:hover { font-weight: 600; }
  .md-focus-font-weight-semibold:focus { font-weight: 600; }
  .md-active-font-weight-semibold:active { font-weight: 600; }
  .md-disabled-font-weight-semibold:disabled { font-weight: 600; }
  .md-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  .md-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  .md-group:hover .md-group-hover-font-weight-semibold { font-weight: 600; }
  .md-font-weight-bold { font-weight: 700; }
  .md-hover-font-weight-bold:hover { font-weight: 700; }
  .md-focus-font-weight-bold:focus { font-weight: 700; }
  .md-active-font-weight-bold:active { font-weight: 700; }
  .md-disabled-font-weight-bold:disabled { font-weight: 700; }
  .md-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  .md-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  .md-group:hover .md-group-hover-font-weight-bold { font-weight: 700; }
  .md-font-weight-extrabold { font-weight: 800; }
  .md-hover-font-weight-extrabold:hover { font-weight: 800; }
  .md-focus-font-weight-extrabold:focus { font-weight: 800; }
  .md-active-font-weight-extrabold:active { font-weight: 800; }
  .md-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  .md-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  .md-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  .md-group:hover .md-group-hover-font-weight-extrabold { font-weight: 800; }
  .md-font-weight-ultrabold { font-weight: 900; }
  .md-hover-font-weight-ultrabold:hover { font-weight: 900; }
  .md-focus-font-weight-ultrabold:focus { font-weight: 900; }
  .md-active-font-weight-ultrabold:active { font-weight: 900; }
  .md-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  .md-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  .md-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  .md-group:hover .md-group-hover-font-weight-ultrabold { font-weight: 900; }
  .md-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .md-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  .md-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  .md-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  .md-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  .md-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  .md-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  .md-group:hover .md-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .md-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .md-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  .md-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  .md-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  .md-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  .md-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  .md-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  .md-group:hover .md-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .md-font-stretch-condensed { font-stretch: condensed; }
  .md-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  .md-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  .md-active-font-stretch-condensed:active { font-stretch: condensed; }
  .md-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  .md-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  .md-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  .md-group:hover .md-group-hover-font-stretch-condensed { font-stretch: condensed; }
  .md-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .md-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  .md-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  .md-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  .md-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  .md-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  .md-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  .md-group:hover .md-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .md-font-stretch-normal { font-stretch: normal; }
  .md-hover-font-stretch-normal:hover { font-stretch: normal; }
  .md-focus-font-stretch-normal:focus { font-stretch: normal; }
  .md-active-font-stretch-normal:active { font-stretch: normal; }
  .md-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  .md-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  .md-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  .md-group:hover .md-group-hover-font-stretch-normal { font-stretch: normal; }
  .md-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .md-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  .md-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  .md-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  .md-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  .md-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  .md-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  .md-group:hover .md-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .md-font-stretch-expanded { font-stretch: expanded; }
  .md-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  .md-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  .md-active-font-stretch-expanded:active { font-stretch: expanded; }
  .md-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  .md-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  .md-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  .md-group:hover .md-group-hover-font-stretch-expanded { font-stretch: expanded; }
  .md-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .md-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  .md-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  .md-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  .md-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  .md-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  .md-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  .md-group:hover .md-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .md-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .md-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  .md-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  .md-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  .md-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  .md-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  .md-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  .md-group:hover .md-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .md-font-variant-numeric-normal { font-variant-numeric: normal; }
  .md-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  .md-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  .md-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  .md-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  .md-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  .md-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  .md-group:hover .md-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  .md-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .md-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  .md-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  .md-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  .md-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  .md-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  .md-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  .md-group:hover .md-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .md-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .md-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  .md-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  .md-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  .md-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  .md-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  .md-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  .md-group:hover .md-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .md-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .md-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  .md-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  .md-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  .md-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  .md-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  .md-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  .md-group:hover .md-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .md-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .md-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  .md-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  .md-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  .md-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  .md-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  .md-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  .md-group:hover .md-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .md-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .md-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  .md-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  .md-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  .md-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  .md-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  .md-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  .md-group:hover .md-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .md-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .md-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  .md-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  .md-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  .md-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  .md-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  .md-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  .md-group:hover .md-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .md-tracking-tighter { letter-spacing: -0.05em; }
  .md-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  .md-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  .md-active-tracking-tighter:active { letter-spacing: -0.05em; }
  .md-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  .md-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  .md-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  .md-group:hover .md-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  .md-tracking-tight { letter-spacing: -0.025em; }
  .md-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  .md-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  .md-active-tracking-tight:active { letter-spacing: -0.025em; }
  .md-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  .md-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  .md-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  .md-group:hover .md-group-hover-tracking-tight { letter-spacing: -0.025em; }
  .md-tracking-normal { letter-spacing: 0; }
  .md-hover-tracking-normal:hover { letter-spacing: 0; }
  .md-focus-tracking-normal:focus { letter-spacing: 0; }
  .md-active-tracking-normal:active { letter-spacing: 0; }
  .md-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .md-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .md-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .md-group:hover .md-group-hover-tracking-normal { letter-spacing: 0; }
  .md-tracking-wide { letter-spacing: 0.025em; }
  .md-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  .md-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  .md-active-tracking-wide:active { letter-spacing: 0.025em; }
  .md-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  .md-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  .md-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  .md-group:hover .md-group-hover-tracking-wide { letter-spacing: 0.025em; }
  .md-tracking-wider { letter-spacing: 0.05em; }
  .md-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  .md-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  .md-active-tracking-wider:active { letter-spacing: 0.05em; }
  .md-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  .md-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  .md-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  .md-group:hover .md-group-hover-tracking-wider { letter-spacing: 0.05em; }
  .md-tracking-widest { letter-spacing: 0.1em; }
  .md-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  .md-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  .md-active-tracking-widest:active { letter-spacing: 0.1em; }
  .md-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  .md-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  .md-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  .md-group:hover .md-group-hover-tracking-widest { letter-spacing: 0.1em; }
  .md-decoration-solid { text-decoration-style: solid; }
  .md-hover-decoration-solid:hover { text-decoration-style: solid; }
  .md-focus-decoration-solid:focus { text-decoration-style: solid; }
  .md-active-decoration-solid:active { text-decoration-style: solid; }
  .md-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  .md-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  .md-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  .md-group:hover .md-group-hover-decoration-solid { text-decoration-style: solid; }
  .md-decoration-double { text-decoration-style: double; }
  .md-hover-decoration-double:hover { text-decoration-style: double; }
  .md-focus-decoration-double:focus { text-decoration-style: double; }
  .md-active-decoration-double:active { text-decoration-style: double; }
  .md-disabled-decoration-double:disabled { text-decoration-style: double; }
  .md-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  .md-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  .md-group:hover .md-group-hover-decoration-double { text-decoration-style: double; }
  .md-decoration-dotted { text-decoration-style: dotted; }
  .md-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  .md-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  .md-active-decoration-dotted:active { text-decoration-style: dotted; }
  .md-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  .md-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  .md-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  .md-group:hover .md-group-hover-decoration-dotted { text-decoration-style: dotted; }
  .md-decoration-dashed { text-decoration-style: dashed; }
  .md-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  .md-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  .md-active-decoration-dashed:active { text-decoration-style: dashed; }
  .md-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  .md-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  .md-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  .md-group:hover .md-group-hover-decoration-dashed { text-decoration-style: dashed; }
  .md-decoration-wavy { text-decoration-style: wavy; }
  .md-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  .md-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  .md-active-decoration-wavy:active { text-decoration-style: wavy; }
  .md-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  .md-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  .md-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  .md-group:hover .md-group-hover-decoration-wavy { text-decoration-style: wavy; }
  .md-decoration-0 { text-decoration-thickness: 0; }
  .md-hover-decoration-0:hover { text-decoration-thickness: 0; }
  .md-focus-decoration-0:focus { text-decoration-thickness: 0; }
  .md-active-decoration-0:active { text-decoration-thickness: 0; }
  .md-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  .md-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  .md-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  .md-group:hover .md-group-hover-decoration-0 { text-decoration-thickness: 0; }
  .md-decoration-1 { text-decoration-thickness: 1px; }
  .md-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  .md-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  .md-active-decoration-1:active { text-decoration-thickness: 1px; }
  .md-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  .md-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  .md-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  .md-group:hover .md-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  .md-decoration-2 { text-decoration-thickness: 2px; }
  .md-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  .md-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  .md-active-decoration-2:active { text-decoration-thickness: 2px; }
  .md-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  .md-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  .md-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  .md-group:hover .md-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  .md-decoration-4 { text-decoration-thickness: 4px; }
  .md-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  .md-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  .md-active-decoration-4:active { text-decoration-thickness: 4px; }
  .md-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  .md-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  .md-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  .md-group:hover .md-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  .md-decoration-8 { text-decoration-thickness: 8px; }
  .md-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  .md-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  .md-active-decoration-8:active { text-decoration-thickness: 8px; }
  .md-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  .md-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  .md-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  .md-group:hover .md-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  .md-underline-offset-0 { text-underline-offset: 0; }
  .md-hover-underline-offset-0:hover { text-underline-offset: 0; }
  .md-focus-underline-offset-0:focus { text-underline-offset: 0; }
  .md-active-underline-offset-0:active { text-underline-offset: 0; }
  .md-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  .md-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  .md-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  .md-group:hover .md-group-hover-underline-offset-0 { text-underline-offset: 0; }
  .md-underline-offset-1 { text-underline-offset: 1px; }
  .md-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  .md-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  .md-active-underline-offset-1:active { text-underline-offset: 1px; }
  .md-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  .md-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  .md-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  .md-group:hover .md-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  .md-underline-offset-2 { text-underline-offset: 2px; }
  .md-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  .md-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  .md-active-underline-offset-2:active { text-underline-offset: 2px; }
  .md-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  .md-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  .md-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  .md-group:hover .md-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  .md-underline-offset-4 { text-underline-offset: 4px; }
  .md-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  .md-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  .md-active-underline-offset-4:active { text-underline-offset: 4px; }
  .md-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  .md-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  .md-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  .md-group:hover .md-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  .md-underline-offset-8 { text-underline-offset: 8px; }
  .md-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  .md-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  .md-active-underline-offset-8:active { text-underline-offset: 8px; }
  .md-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  .md-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  .md-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  .md-group:hover .md-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  .md-text-xs { font-size: 0.5rem; }
  .md-hover-text-xs:hover { font-size: 0.5rem; }
  .md-focus-text-xs:focus { font-size: 0.5rem; }
  .md-active-text-xs:active { font-size: 0.5rem; }
  .md-disabled-text-xs:disabled { font-size: 0.5rem; }
  .md-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  .md-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  .md-group:hover .md-group-hover-text-xs { font-size: 0.5rem; }
  .md-text-sm { font-size: 0.875rem; }
  .md-hover-text-sm:hover { font-size: 0.875rem; }
  .md-focus-text-sm:focus { font-size: 0.875rem; }
  .md-active-text-sm:active { font-size: 0.875rem; }
  .md-disabled-text-sm:disabled { font-size: 0.875rem; }
  .md-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  .md-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  .md-group:hover .md-group-hover-text-sm { font-size: 0.875rem; }
  .md-text-base { font-size: 1rem; }
  .md-hover-text-base:hover { font-size: 1rem; }
  .md-focus-text-base:focus { font-size: 1rem; }
  .md-active-text-base:active { font-size: 1rem; }
  .md-disabled-text-base:disabled { font-size: 1rem; }
  .md-focus-visible-text-base:focus-visible { font-size: 1rem; }
  .md-focus-within-text-base:focus-within { font-size: 1rem; }
  .md-group:hover .md-group-hover-text-base { font-size: 1rem; }
  .md-text-lg { font-size: 1.125rem; }
  .md-hover-text-lg:hover { font-size: 1.125rem; }
  .md-focus-text-lg:focus { font-size: 1.125rem; }
  .md-active-text-lg:active { font-size: 1.125rem; }
  .md-disabled-text-lg:disabled { font-size: 1.125rem; }
  .md-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  .md-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  .md-group:hover .md-group-hover-text-lg { font-size: 1.125rem; }
  .md-text-xl { font-size: 2rem; }
  .md-hover-text-xl:hover { font-size: 2rem; }
  .md-focus-text-xl:focus { font-size: 2rem; }
  .md-active-text-xl:active { font-size: 2rem; }
  .md-disabled-text-xl:disabled { font-size: 2rem; }
  .md-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  .md-focus-within-text-xl:focus-within { font-size: 2rem; }
  .md-group:hover .md-group-hover-text-xl { font-size: 2rem; }
  .md-text-2xl { font-size: 2.5rem; }
  .md-hover-text-2xl:hover { font-size: 2.5rem; }
  .md-focus-text-2xl:focus { font-size: 2.5rem; }
  .md-active-text-2xl:active { font-size: 2.5rem; }
  .md-disabled-text-2xl:disabled { font-size: 2.5rem; }
  .md-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  .md-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  .md-group:hover .md-group-hover-text-2xl { font-size: 2.5rem; }
  .md-text-3xl { font-size: 3rem; }
  .md-hover-text-3xl:hover { font-size: 3rem; }
  .md-focus-text-3xl:focus { font-size: 3rem; }
  .md-active-text-3xl:active { font-size: 3rem; }
  .md-disabled-text-3xl:disabled { font-size: 3rem; }
  .md-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  .md-focus-within-text-3xl:focus-within { font-size: 3rem; }
  .md-group:hover .md-group-hover-text-3xl { font-size: 3rem; }
  .md-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-group:hover .md-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .md-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-group:hover .md-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .md-indent-0 { text-indent: 0; }
  .md-hover-indent-0:hover { text-indent: 0; }
  .md-focus-indent-0:focus { text-indent: 0; }
  .md-active-indent-0:active { text-indent: 0; }
  .md-disabled-indent-0:disabled { text-indent: 0; }
  .md-focus-visible-indent-0:focus-visible { text-indent: 0; }
  .md-focus-within-indent-0:focus-within { text-indent: 0; }
  .md-group:hover .md-group-hover-indent-0 { text-indent: 0; }
  .md-indent-1 { text-indent: 0.25rem; }
  .md-hover-indent-1:hover { text-indent: 0.25rem; }
  .md-focus-indent-1:focus { text-indent: 0.25rem; }
  .md-active-indent-1:active { text-indent: 0.25rem; }
  .md-disabled-indent-1:disabled { text-indent: 0.25rem; }
  .md-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  .md-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  .md-group:hover .md-group-hover-indent-1 { text-indent: 0.25rem; }
  .md-indent-2 { text-indent: 0.5rem; }
  .md-hover-indent-2:hover { text-indent: 0.5rem; }
  .md-focus-indent-2:focus { text-indent: 0.5rem; }
  .md-active-indent-2:active { text-indent: 0.5rem; }
  .md-disabled-indent-2:disabled { text-indent: 0.5rem; }
  .md-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  .md-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  .md-group:hover .md-group-hover-indent-2 { text-indent: 0.5rem; }
  .md-indent-4 { text-indent: 1rem; }
  .md-hover-indent-4:hover { text-indent: 1rem; }
  .md-focus-indent-4:focus { text-indent: 1rem; }
  .md-active-indent-4:active { text-indent: 1rem; }
  .md-disabled-indent-4:disabled { text-indent: 1rem; }
  .md-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  .md-focus-within-indent-4:focus-within { text-indent: 1rem; }
  .md-group:hover .md-group-hover-indent-4 { text-indent: 1rem; }
  .md-indent-8 { text-indent: 2rem; }
  .md-hover-indent-8:hover { text-indent: 2rem; }
  .md-focus-indent-8:focus { text-indent: 2rem; }
  .md-active-indent-8:active { text-indent: 2rem; }
  .md-disabled-indent-8:disabled { text-indent: 2rem; }
  .md-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  .md-focus-within-indent-8:focus-within { text-indent: 2rem; }
  .md-group:hover .md-group-hover-indent-8 { text-indent: 2rem; }
  .md-break-normal { word-break: normal; }
  .md-hover-break-normal:hover { word-break: normal; }
  .md-focus-break-normal:focus { word-break: normal; }
  .md-active-break-normal:active { word-break: normal; }
  .md-disabled-break-normal:disabled { word-break: normal; }
  .md-focus-visible-break-normal:focus-visible { word-break: normal; }
  .md-focus-within-break-normal:focus-within { word-break: normal; }
  .md-group:hover .md-group-hover-break-normal { word-break: normal; }
  .md-break-words { word-break: break-word; }
  .md-hover-break-words:hover { word-break: break-word; }
  .md-focus-break-words:focus { word-break: break-word; }
  .md-active-break-words:active { word-break: break-word; }
  .md-disabled-break-words:disabled { word-break: break-word; }
  .md-focus-visible-break-words:focus-visible { word-break: break-word; }
  .md-focus-within-break-words:focus-within { word-break: break-word; }
  .md-group:hover .md-group-hover-break-words { word-break: break-word; }
  .md-break-all { word-break: break-all; }
  .md-hover-break-all:hover { word-break: break-all; }
  .md-focus-break-all:focus { word-break: break-all; }
  .md-active-break-all:active { word-break: break-all; }
  .md-disabled-break-all:disabled { word-break: break-all; }
  .md-focus-visible-break-all:focus-visible { word-break: break-all; }
  .md-focus-within-break-all:focus-within { word-break: break-all; }
  .md-group:hover .md-group-hover-break-all { word-break: break-all; }
  .md-overflow-normal { overflow-wrap: normal; }
  .md-hover-overflow-normal:hover { overflow-wrap: normal; }
  .md-focus-overflow-normal:focus { overflow-wrap: normal; }
  .md-active-overflow-normal:active { overflow-wrap: normal; }
  .md-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .md-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .md-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .md-group:hover .md-group-hover-overflow-normal { overflow-wrap: normal; }
  .md-overflow-break { overflow-wrap: break-word; }
  .md-hover-overflow-break:hover { overflow-wrap: break-word; }
  .md-focus-overflow-break:focus { overflow-wrap: break-word; }
  .md-active-overflow-break:active { overflow-wrap: break-word; }
  .md-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .md-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .md-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .md-group:hover .md-group-hover-overflow-break { overflow-wrap: break-word; }
  .md-hyphens-none { hyphens: none; }
  .md-hover-hyphens-none:hover { hyphens: none; }
  .md-focus-hyphens-none:focus { hyphens: none; }
  .md-active-hyphens-none:active { hyphens: none; }
  .md-disabled-hyphens-none:disabled { hyphens: none; }
  .md-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .md-focus-within-hyphens-none:focus-within { hyphens: none; }
  .md-group:hover .md-group-hover-hyphens-none { hyphens: none; }
  .md-hyphens-manual { hyphens: manual; }
  .md-hover-hyphens-manual:hover { hyphens: manual; }
  .md-focus-hyphens-manual:focus { hyphens: manual; }
  .md-active-hyphens-manual:active { hyphens: manual; }
  .md-disabled-hyphens-manual:disabled { hyphens: manual; }
  .md-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .md-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .md-group:hover .md-group-hover-hyphens-manual { hyphens: manual; }
  .md-hyphens-auto { hyphens: auto; }
  .md-hover-hyphens-auto:hover { hyphens: auto; }
  .md-focus-hyphens-auto:focus { hyphens: auto; }
  .md-active-hyphens-auto:active { hyphens: auto; }
  .md-disabled-hyphens-auto:disabled { hyphens: auto; }
  .md-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .md-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .md-group:hover .md-group-hover-hyphens-auto { hyphens: auto; }
  .md-break-normal { word-break: normal; }
  .md-hover-break-normal:hover { word-break: normal; }
  .md-focus-break-normal:focus { word-break: normal; }
  .md-active-break-normal:active { word-break: normal; }
  .md-disabled-break-normal:disabled { word-break: normal; }
  .md-focus-visible-break-normal:focus-visible { word-break: normal; }
  .md-focus-within-break-normal:focus-within { word-break: normal; }
  .md-group:hover .md-group-hover-break-normal { word-break: normal; }
  .md-break-words { word-break: break-word; }
  .md-hover-break-words:hover { word-break: break-word; }
  .md-focus-break-words:focus { word-break: break-word; }
  .md-active-break-words:active { word-break: break-word; }
  .md-disabled-break-words:disabled { word-break: break-word; }
  .md-focus-visible-break-words:focus-visible { word-break: break-word; }
  .md-focus-within-break-words:focus-within { word-break: break-word; }
  .md-group:hover .md-group-hover-break-words { word-break: break-word; }
  .md-break-all { word-break: break-all; }
  .md-hover-break-all:hover { word-break: break-all; }
  .md-focus-break-all:focus { word-break: break-all; }
  .md-active-break-all:active { word-break: break-all; }
  .md-disabled-break-all:disabled { word-break: break-all; }
  .md-focus-visible-break-all:focus-visible { word-break: break-all; }
  .md-focus-within-break-all:focus-within { word-break: break-all; }
  .md-group:hover .md-group-hover-break-all { word-break: break-all; }
  .md-overflow-normal { overflow-wrap: normal; }
  .md-hover-overflow-normal:hover { overflow-wrap: normal; }
  .md-focus-overflow-normal:focus { overflow-wrap: normal; }
  .md-active-overflow-normal:active { overflow-wrap: normal; }
  .md-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .md-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .md-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .md-group:hover .md-group-hover-overflow-normal { overflow-wrap: normal; }
  .md-overflow-break { overflow-wrap: break-word; }
  .md-hover-overflow-break:hover { overflow-wrap: break-word; }
  .md-focus-overflow-break:focus { overflow-wrap: break-word; }
  .md-active-overflow-break:active { overflow-wrap: break-word; }
  .md-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .md-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .md-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .md-group:hover .md-group-hover-overflow-break { overflow-wrap: break-word; }
  .md-hyphens-none { hyphens: none; }
  .md-hover-hyphens-none:hover { hyphens: none; }
  .md-focus-hyphens-none:focus { hyphens: none; }
  .md-active-hyphens-none:active { hyphens: none; }
  .md-disabled-hyphens-none:disabled { hyphens: none; }
  .md-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .md-focus-within-hyphens-none:focus-within { hyphens: none; }
  .md-group:hover .md-group-hover-hyphens-none { hyphens: none; }
  .md-hyphens-manual { hyphens: manual; }
  .md-hover-hyphens-manual:hover { hyphens: manual; }
  .md-focus-hyphens-manual:focus { hyphens: manual; }
  .md-active-hyphens-manual:active { hyphens: manual; }
  .md-disabled-hyphens-manual:disabled { hyphens: manual; }
  .md-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .md-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .md-group:hover .md-group-hover-hyphens-manual { hyphens: manual; }
  .md-hyphens-auto { hyphens: auto; }
  .md-hover-hyphens-auto:hover { hyphens: auto; }
  .md-focus-hyphens-auto:focus { hyphens: auto; }
  .md-active-hyphens-auto:active { hyphens: auto; }
  .md-disabled-hyphens-auto:disabled { hyphens: auto; }
  .md-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .md-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .md-group:hover .md-group-hover-hyphens-auto { hyphens: auto; }
  .md-bg-attachment-fixed { background-attachment: fixed; }
  .md-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  .md-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  .md-active-bg-attachment-fixed:active { background-attachment: fixed; }
  .md-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  .md-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  .md-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  .md-group:hover .md-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  .md-bg-attachment-local { background-attachment: local; }
  .md-hover-bg-attachment-local:hover { background-attachment: local; }
  .md-focus-bg-attachment-local:focus { background-attachment: local; }
  .md-active-bg-attachment-local:active { background-attachment: local; }
  .md-disabled-bg-attachment-local:disabled { background-attachment: local; }
  .md-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  .md-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  .md-group:hover .md-group-hover-bg-attachment-local { background-attachment: local; }
  .md-bg-attachment-scroll { background-attachment: scroll; }
  .md-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  .md-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  .md-active-bg-attachment-scroll:active { background-attachment: scroll; }
  .md-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  .md-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  .md-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  .md-group:hover .md-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  .md-bg-clip-border { background-clip: border-box; }
  .md-hover-bg-clip-border:hover { background-clip: border-box; }
  .md-focus-bg-clip-border:focus { background-clip: border-box; }
  .md-active-bg-clip-border:active { background-clip: border-box; }
  .md-disabled-bg-clip-border:disabled { background-clip: border-box; }
  .md-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  .md-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  .md-group:hover .md-group-hover-bg-clip-border { background-clip: border-box; }
  .md-bg-clip-padding { background-clip: padding-box; }
  .md-hover-bg-clip-padding:hover { background-clip: padding-box; }
  .md-focus-bg-clip-padding:focus { background-clip: padding-box; }
  .md-active-bg-clip-padding:active { background-clip: padding-box; }
  .md-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  .md-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  .md-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  .md-group:hover .md-group-hover-bg-clip-padding { background-clip: padding-box; }
  .md-bg-clip-content { background-clip: content-box; }
  .md-hover-bg-clip-content:hover { background-clip: content-box; }
  .md-focus-bg-clip-content:focus { background-clip: content-box; }
  .md-active-bg-clip-content:active { background-clip: content-box; }
  .md-disabled-bg-clip-content:disabled { background-clip: content-box; }
  .md-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  .md-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  .md-group:hover .md-group-hover-bg-clip-content { background-clip: content-box; }
  .md-bg-color-transparent { background-color: transparent; }
  .md-hover-bg-color-transparent:hover { background-color: transparent; }
  .md-focus-bg-color-transparent:focus { background-color: transparent; }
  .md-active-bg-color-transparent:active { background-color: transparent; }
  .md-disabled-bg-color-transparent:disabled { background-color: transparent; }
  .md-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  .md-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  .md-group:hover .md-group-hover-bg-color-transparent { background-color: transparent; }
  .md-bg-color-black { background-color: #000; }
  .md-hover-bg-color-black:hover { background-color: #000; }
  .md-focus-bg-color-black:focus { background-color: #000; }
  .md-active-bg-color-black:active { background-color: #000; }
  .md-disabled-bg-color-black:disabled { background-color: #000; }
  .md-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  .md-focus-within-bg-color-black:focus-within { background-color: #000; }
  .md-group:hover .md-group-hover-bg-color-black { background-color: #000; }
  .md-bg-color-white { background-color: #fff; }
  .md-hover-bg-color-white:hover { background-color: #fff; }
  .md-focus-bg-color-white:focus { background-color: #fff; }
  .md-active-bg-color-white:active { background-color: #fff; }
  .md-disabled-bg-color-white:disabled { background-color: #fff; }
  .md-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  .md-focus-within-bg-color-white:focus-within { background-color: #fff; }
  .md-group:hover .md-group-hover-bg-color-white { background-color: #fff; }
  .md-bg-image-none { background-image: none; }
  .md-hover-bg-image-none:hover { background-image: none; }
  .md-focus-bg-image-none:focus { background-image: none; }
  .md-active-bg-image-none:active { background-image: none; }
  .md-disabled-bg-image-none:disabled { background-image: none; }
  .md-focus-visible-bg-image-none:focus-visible { background-image: none; }
  .md-focus-within-bg-image-none:focus-within { background-image: none; }
  .md-group:hover .md-group-hover-bg-image-none { background-image: none; }
  .md-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-group:hover .md-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .md-bg-origin-border { background-origin: border-box; }
  .md-hover-bg-origin-border:hover { background-origin: border-box; }
  .md-focus-bg-origin-border:focus { background-origin: border-box; }
  .md-active-bg-origin-border:active { background-origin: border-box; }
  .md-disabled-bg-origin-border:disabled { background-origin: border-box; }
  .md-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  .md-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  .md-group:hover .md-group-hover-bg-origin-border { background-origin: border-box; }
  .md-bg-origin-padding { background-origin: padding-box; }
  .md-hover-bg-origin-padding:hover { background-origin: padding-box; }
  .md-focus-bg-origin-padding:focus { background-origin: padding-box; }
  .md-active-bg-origin-padding:active { background-origin: padding-box; }
  .md-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  .md-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  .md-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  .md-group:hover .md-group-hover-bg-origin-padding { background-origin: padding-box; }
  .md-bg-origin-content { background-origin: content-box; }
  .md-hover-bg-origin-content:hover { background-origin: content-box; }
  .md-focus-bg-origin-content:focus { background-origin: content-box; }
  .md-active-bg-origin-content:active { background-origin: content-box; }
  .md-disabled-bg-origin-content:disabled { background-origin: content-box; }
  .md-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  .md-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  .md-group:hover .md-group-hover-bg-origin-content { background-origin: content-box; }
  .md-bg-position-center { background-position: center; }
  .md-hover-bg-position-center:hover { background-position: center; }
  .md-focus-bg-position-center:focus { background-position: center; }
  .md-active-bg-position-center:active { background-position: center; }
  .md-disabled-bg-position-center:disabled { background-position: center; }
  .md-focus-visible-bg-position-center:focus-visible { background-position: center; }
  .md-focus-within-bg-position-center:focus-within { background-position: center; }
  .md-group:hover .md-group-hover-bg-position-center { background-position: center; }
  .md-bg-position-top { background-position: top; }
  .md-hover-bg-position-top:hover { background-position: top; }
  .md-focus-bg-position-top:focus { background-position: top; }
  .md-active-bg-position-top:active { background-position: top; }
  .md-disabled-bg-position-top:disabled { background-position: top; }
  .md-focus-visible-bg-position-top:focus-visible { background-position: top; }
  .md-focus-within-bg-position-top:focus-within { background-position: top; }
  .md-group:hover .md-group-hover-bg-position-top { background-position: top; }
  .md-bg-position-bottom { background-position: bottom; }
  .md-hover-bg-position-bottom:hover { background-position: bottom; }
  .md-focus-bg-position-bottom:focus { background-position: bottom; }
  .md-active-bg-position-bottom:active { background-position: bottom; }
  .md-disabled-bg-position-bottom:disabled { background-position: bottom; }
  .md-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  .md-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  .md-group:hover .md-group-hover-bg-position-bottom { background-position: bottom; }
  .md-bg-position-left { background-position: left; }
  .md-hover-bg-position-left:hover { background-position: left; }
  .md-focus-bg-position-left:focus { background-position: left; }
  .md-active-bg-position-left:active { background-position: left; }
  .md-disabled-bg-position-left:disabled { background-position: left; }
  .md-focus-visible-bg-position-left:focus-visible { background-position: left; }
  .md-focus-within-bg-position-left:focus-within { background-position: left; }
  .md-group:hover .md-group-hover-bg-position-left { background-position: left; }
  .md-bg-position-right { background-position: right; }
  .md-hover-bg-position-right:hover { background-position: right; }
  .md-focus-bg-position-right:focus { background-position: right; }
  .md-active-bg-position-right:active { background-position: right; }
  .md-disabled-bg-position-right:disabled { background-position: right; }
  .md-focus-visible-bg-position-right:focus-visible { background-position: right; }
  .md-focus-within-bg-position-right:focus-within { background-position: right; }
  .md-group:hover .md-group-hover-bg-position-right { background-position: right; }
  .md-bg-position-top-left { background-position: top left; }
  .md-hover-bg-position-top-left:hover { background-position: top left; }
  .md-focus-bg-position-top-left:focus { background-position: top left; }
  .md-active-bg-position-top-left:active { background-position: top left; }
  .md-disabled-bg-position-top-left:disabled { background-position: top left; }
  .md-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  .md-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  .md-group:hover .md-group-hover-bg-position-top-left { background-position: top left; }
  .md-bg-position-top-right { background-position: top right; }
  .md-hover-bg-position-top-right:hover { background-position: top right; }
  .md-focus-bg-position-top-right:focus { background-position: top right; }
  .md-active-bg-position-top-right:active { background-position: top right; }
  .md-disabled-bg-position-top-right:disabled { background-position: top right; }
  .md-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  .md-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  .md-group:hover .md-group-hover-bg-position-top-right { background-position: top right; }
  .md-bg-position-bottom-left { background-position: bottom left; }
  .md-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  .md-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  .md-active-bg-position-bottom-left:active { background-position: bottom left; }
  .md-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  .md-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  .md-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  .md-group:hover .md-group-hover-bg-position-bottom-left { background-position: bottom left; }
  .md-bg-position-bottom-right { background-position: bottom right; }
  .md-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  .md-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  .md-active-bg-position-bottom-right:active { background-position: bottom right; }
  .md-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  .md-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  .md-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  .md-group:hover .md-group-hover-bg-position-bottom-right { background-position: bottom right; }
  .md-bg-repeat-none { background-repeat: no-repeat; }
  .md-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  .md-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  .md-active-bg-repeat-none:active { background-repeat: no-repeat; }
  .md-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  .md-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  .md-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  .md-group:hover .md-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  .md-bg-repeat-x { background-repeat: repeat-x; }
  .md-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  .md-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  .md-active-bg-repeat-x:active { background-repeat: repeat-x; }
  .md-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  .md-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  .md-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  .md-group:hover .md-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  .md-bg-repeat-y { background-repeat: repeat-y; }
  .md-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  .md-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  .md-active-bg-repeat-y:active { background-repeat: repeat-y; }
  .md-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  .md-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  .md-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  .md-group:hover .md-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  .md-bg-repeat { background-repeat: repeat; }
  .md-hover-bg-repeat:hover { background-repeat: repeat; }
  .md-focus-bg-repeat:focus { background-repeat: repeat; }
  .md-active-bg-repeat:active { background-repeat: repeat; }
  .md-disabled-bg-repeat:disabled { background-repeat: repeat; }
  .md-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  .md-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  .md-group:hover .md-group-hover-bg-repeat { background-repeat: repeat; }
  .md-bg-repeat-round { background-repeat: round; }
  .md-hover-bg-repeat-round:hover { background-repeat: round; }
  .md-focus-bg-repeat-round:focus { background-repeat: round; }
  .md-active-bg-repeat-round:active { background-repeat: round; }
  .md-disabled-bg-repeat-round:disabled { background-repeat: round; }
  .md-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  .md-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  .md-group:hover .md-group-hover-bg-repeat-round { background-repeat: round; }
  .md-bg-repeat-space { background-repeat: space; }
  .md-hover-bg-repeat-space:hover { background-repeat: space; }
  .md-focus-bg-repeat-space:focus { background-repeat: space; }
  .md-active-bg-repeat-space:active { background-repeat: space; }
  .md-disabled-bg-repeat-space:disabled { background-repeat: space; }
  .md-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  .md-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  .md-group:hover .md-group-hover-bg-repeat-space { background-repeat: space; }
  .md-bg-size-auto { background-size: auto; }
  .md-hover-bg-size-auto:hover { background-size: auto; }
  .md-focus-bg-size-auto:focus { background-size: auto; }
  .md-active-bg-size-auto:active { background-size: auto; }
  .md-disabled-bg-size-auto:disabled { background-size: auto; }
  .md-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  .md-focus-within-bg-size-auto:focus-within { background-size: auto; }
  .md-group:hover .md-group-hover-bg-size-auto { background-size: auto; }
  .md-bg-size-cover { background-size: cover; }
  .md-hover-bg-size-cover:hover { background-size: cover; }
  .md-focus-bg-size-cover:focus { background-size: cover; }
  .md-active-bg-size-cover:active { background-size: cover; }
  .md-disabled-bg-size-cover:disabled { background-size: cover; }
  .md-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  .md-focus-within-bg-size-cover:focus-within { background-size: cover; }
  .md-group:hover .md-group-hover-bg-size-cover { background-size: cover; }
  .md-bg-size-contain { background-size: contain; }
  .md-hover-bg-size-contain:hover { background-size: contain; }
  .md-focus-bg-size-contain:focus { background-size: contain; }
  .md-active-bg-size-contain:active { background-size: contain; }
  .md-disabled-bg-size-contain:disabled { background-size: contain; }
  .md-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  .md-focus-within-bg-size-contain:focus-within { background-size: contain; }
  .md-group:hover .md-group-hover-bg-size-contain { background-size: contain; }
  .md-fill-current { fill: currentColor; }
  .md-hover-fill-current:hover { fill: currentColor; }
  .md-focus-fill-current:focus { fill: currentColor; }
  .md-active-fill-current:active { fill: currentColor; }
  .md-disabled-fill-current:disabled { fill: currentColor; }
  .md-focus-visible-fill-current:focus-visible { fill: currentColor; }
  .md-focus-within-fill-current:focus-within { fill: currentColor; }
  .md-group:hover .md-group-hover-fill-current { fill: currentColor; }
  .md-fill-none { fill: none; }
  .md-hover-fill-none:hover { fill: none; }
  .md-focus-fill-none:focus { fill: none; }
  .md-active-fill-none:active { fill: none; }
  .md-disabled-fill-none:disabled { fill: none; }
  .md-focus-visible-fill-none:focus-visible { fill: none; }
  .md-focus-within-fill-none:focus-within { fill: none; }
  .md-group:hover .md-group-hover-fill-none { fill: none; }
  .md-stroke-current { stroke: currentColor; }
  .md-hover-stroke-current:hover { stroke: currentColor; }
  .md-focus-stroke-current:focus { stroke: currentColor; }
  .md-active-stroke-current:active { stroke: currentColor; }
  .md-disabled-stroke-current:disabled { stroke: currentColor; }
  .md-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  .md-focus-within-stroke-current:focus-within { stroke: currentColor; }
  .md-group:hover .md-group-hover-stroke-current { stroke: currentColor; }
  .md-stroke-0 { stroke-width: 0; }
  .md-hover-stroke-0:hover { stroke-width: 0; }
  .md-focus-stroke-0:focus { stroke-width: 0; }
  .md-active-stroke-0:active { stroke-width: 0; }
  .md-disabled-stroke-0:disabled { stroke-width: 0; }
  .md-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  .md-focus-within-stroke-0:focus-within { stroke-width: 0; }
  .md-group:hover .md-group-hover-stroke-0 { stroke-width: 0; }
  .md-stroke-1 { stroke-width: 1; }
  .md-hover-stroke-1:hover { stroke-width: 1; }
  .md-focus-stroke-1:focus { stroke-width: 1; }
  .md-active-stroke-1:active { stroke-width: 1; }
  .md-disabled-stroke-1:disabled { stroke-width: 1; }
  .md-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  .md-focus-within-stroke-1:focus-within { stroke-width: 1; }
  .md-group:hover .md-group-hover-stroke-1 { stroke-width: 1; }
  .md-stroke-2 { stroke-width: 2; }
  .md-hover-stroke-2:hover { stroke-width: 2; }
  .md-focus-stroke-2:focus { stroke-width: 2; }
  .md-active-stroke-2:active { stroke-width: 2; }
  .md-disabled-stroke-2:disabled { stroke-width: 2; }
  .md-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  .md-focus-within-stroke-2:focus-within { stroke-width: 2; }
  .md-group:hover .md-group-hover-stroke-2 { stroke-width: 2; }
  .md-stroke-4 { stroke-width: 4; }
  .md-hover-stroke-4:hover { stroke-width: 4; }
  .md-focus-stroke-4:focus { stroke-width: 4; }
  .md-active-stroke-4:active { stroke-width: 4; }
  .md-disabled-stroke-4:disabled { stroke-width: 4; }
  .md-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  .md-focus-within-stroke-4:focus-within { stroke-width: 4; }
  .md-group:hover .md-group-hover-stroke-4 { stroke-width: 4; }
  .md-stroke-8 { stroke-width: 8; }
  .md-hover-stroke-8:hover { stroke-width: 8; }
  .md-focus-stroke-8:focus { stroke-width: 8; }
  .md-active-stroke-8:active { stroke-width: 8; }
  .md-disabled-stroke-8:disabled { stroke-width: 8; }
  .md-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  .md-focus-within-stroke-8:focus-within { stroke-width: 8; }
  .md-group:hover .md-group-hover-stroke-8 { stroke-width: 8; }
  .md-line-height-1 { line-height: 1; }
  .md-hover-line-height-1:hover { line-height: 1; }
  .md-focus-line-height-1:focus { line-height: 1; }
  .md-active-line-height-1:active { line-height: 1; }
  .md-disabled-line-height-1:disabled { line-height: 1; }
  .md-focus-visible-line-height-1:focus-visible { line-height: 1; }
  .md-focus-within-line-height-1:focus-within { line-height: 1; }
  .md-group:hover .md-group-hover-line-height-1 { line-height: 1; }
  .md-line-height-2 { line-height: 1.25; }
  .md-hover-line-height-2:hover { line-height: 1.25; }
  .md-focus-line-height-2:focus { line-height: 1.25; }
  .md-active-line-height-2:active { line-height: 1.25; }
  .md-disabled-line-height-2:disabled { line-height: 1.25; }
  .md-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  .md-focus-within-line-height-2:focus-within { line-height: 1.25; }
  .md-group:hover .md-group-hover-line-height-2 { line-height: 1.25; }
  .md-line-height-3 { line-height: 1.375; }
  .md-hover-line-height-3:hover { line-height: 1.375; }
  .md-focus-line-height-3:focus { line-height: 1.375; }
  .md-active-line-height-3:active { line-height: 1.375; }
  .md-disabled-line-height-3:disabled { line-height: 1.375; }
  .md-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  .md-focus-within-line-height-3:focus-within { line-height: 1.375; }
  .md-group:hover .md-group-hover-line-height-3 { line-height: 1.375; }
  .md-line-height-4 { line-height: 1.5; }
  .md-hover-line-height-4:hover { line-height: 1.5; }
  .md-focus-line-height-4:focus { line-height: 1.5; }
  .md-active-line-height-4:active { line-height: 1.5; }
  .md-disabled-line-height-4:disabled { line-height: 1.5; }
  .md-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  .md-focus-within-line-height-4:focus-within { line-height: 1.5; }
  .md-group:hover .md-group-hover-line-height-4 { line-height: 1.5; }
  .md-line-height-5 { line-height: 1.625; }
  .md-hover-line-height-5:hover { line-height: 1.625; }
  .md-focus-line-height-5:focus { line-height: 1.625; }
  .md-active-line-height-5:active { line-height: 1.625; }
  .md-disabled-line-height-5:disabled { line-height: 1.625; }
  .md-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  .md-focus-within-line-height-5:focus-within { line-height: 1.625; }
  .md-group:hover .md-group-hover-line-height-5 { line-height: 1.625; }
  .md-line-height-6 { line-height: 1.75; }
  .md-hover-line-height-6:hover { line-height: 1.75; }
  .md-focus-line-height-6:focus { line-height: 1.75; }
  .md-active-line-height-6:active { line-height: 1.75; }
  .md-disabled-line-height-6:disabled { line-height: 1.75; }
  .md-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  .md-focus-within-line-height-6:focus-within { line-height: 1.75; }
  .md-group:hover .md-group-hover-line-height-6 { line-height: 1.75; }
  .md-line-height-7 { line-height: 2; }
  .md-hover-line-height-7:hover { line-height: 2; }
  .md-focus-line-height-7:focus { line-height: 2; }
  .md-active-line-height-7:active { line-height: 2; }
  .md-disabled-line-height-7:disabled { line-height: 2; }
  .md-focus-visible-line-height-7:focus-visible { line-height: 2; }
  .md-focus-within-line-height-7:focus-within { line-height: 2; }
  .md-group:hover .md-group-hover-line-height-7 { line-height: 2; }
  .md-text-left { text-align: left; }
  .md-hover-text-left:hover { text-align: left; }
  .md-focus-text-left:focus { text-align: left; }
  .md-active-text-left:active { text-align: left; }
  .md-disabled-text-left:disabled { text-align: left; }
  .md-focus-visible-text-left:focus-visible { text-align: left; }
  .md-focus-within-text-left:focus-within { text-align: left; }
  .md-group:hover .md-group-hover-text-left { text-align: left; }
  .md-text-center { text-align: center; }
  .md-hover-text-center:hover { text-align: center; }
  .md-focus-text-center:focus { text-align: center; }
  .md-active-text-center:active { text-align: center; }
  .md-disabled-text-center:disabled { text-align: center; }
  .md-focus-visible-text-center:focus-visible { text-align: center; }
  .md-focus-within-text-center:focus-within { text-align: center; }
  .md-group:hover .md-group-hover-text-center { text-align: center; }
  .md-text-right { text-align: right; }
  .md-hover-text-right:hover { text-align: right; }
  .md-focus-text-right:focus { text-align: right; }
  .md-active-text-right:active { text-align: right; }
  .md-disabled-text-right:disabled { text-align: right; }
  .md-focus-visible-text-right:focus-visible { text-align: right; }
  .md-focus-within-text-right:focus-within { text-align: right; }
  .md-group:hover .md-group-hover-text-right { text-align: right; }
  .md-text-justify { text-align: justify; }
  .md-hover-text-justify:hover { text-align: justify; }
  .md-focus-text-justify:focus { text-align: justify; }
  .md-active-text-justify:active { text-align: justify; }
  .md-disabled-text-justify:disabled { text-align: justify; }
  .md-focus-visible-text-justify:focus-visible { text-align: justify; }
  .md-focus-within-text-justify:focus-within { text-align: justify; }
  .md-group:hover .md-group-hover-text-justify { text-align: justify; }
  .md-justify-start { justify-content: flex-start; }
  .md-hover-justify-start:hover { justify-content: flex-start; }
  .md-focus-justify-start:focus { justify-content: flex-start; }
  .md-active-justify-start:active { justify-content: flex-start; }
  .md-disabled-justify-start:disabled { justify-content: flex-start; }
  .md-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  .md-focus-within-justify-start:focus-within { justify-content: flex-start; }
  .md-group:hover .md-group-hover-justify-start { justify-content: flex-start; }
  .md-justify-center { justify-content: center; }
  .md-hover-justify-center:hover { justify-content: center; }
  .md-focus-justify-center:focus { justify-content: center; }
  .md-active-justify-center:active { justify-content: center; }
  .md-disabled-justify-center:disabled { justify-content: center; }
  .md-focus-visible-justify-center:focus-visible { justify-content: center; }
  .md-focus-within-justify-center:focus-within { justify-content: center; }
  .md-group:hover .md-group-hover-justify-center { justify-content: center; }
  .md-justify-end { justify-content: flex-end; }
  .md-hover-justify-end:hover { justify-content: flex-end; }
  .md-focus-justify-end:focus { justify-content: flex-end; }
  .md-active-justify-end:active { justify-content: flex-end; }
  .md-disabled-justify-end:disabled { justify-content: flex-end; }
  .md-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  .md-focus-within-justify-end:focus-within { justify-content: flex-end; }
  .md-group:hover .md-group-hover-justify-end { justify-content: flex-end; }
  .md-justify-between { justify-content: space-between; }
  .md-hover-justify-between:hover { justify-content: space-between; }
  .md-focus-justify-between:focus { justify-content: space-between; }
  .md-active-justify-between:active { justify-content: space-between; }
  .md-disabled-justify-between:disabled { justify-content: space-between; }
  .md-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  .md-focus-within-justify-between:focus-within { justify-content: space-between; }
  .md-group:hover .md-group-hover-justify-between { justify-content: space-between; }
  .md-justify-around { justify-content: space-around; }
  .md-hover-justify-around:hover { justify-content: space-around; }
  .md-focus-justify-around:focus { justify-content: space-around; }
  .md-active-justify-around:active { justify-content: space-around; }
  .md-disabled-justify-around:disabled { justify-content: space-around; }
  .md-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  .md-focus-within-justify-around:focus-within { justify-content: space-around; }
  .md-group:hover .md-group-hover-justify-around { justify-content: space-around; }
  .md-justify-evenly { justify-content: space-evenly; }
  .md-hover-justify-evenly:hover { justify-content: space-evenly; }
  .md-focus-justify-evenly:focus { justify-content: space-evenly; }
  .md-active-justify-evenly:active { justify-content: space-evenly; }
  .md-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  .md-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  .md-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  .md-group:hover .md-group-hover-justify-evenly { justify-content: space-evenly; }
  .md-items-start { align-items: flex-start; }
  .md-hover-items-start:hover { align-items: flex-start; }
  .md-focus-items-start:focus { align-items: flex-start; }
  .md-active-items-start:active { align-items: flex-start; }
  .md-disabled-items-start:disabled { align-items: flex-start; }
  .md-focus-visible-items-start:focus-visible { align-items: flex-start; }
  .md-focus-within-items-start:focus-within { align-items: flex-start; }
  .md-group:hover .md-group-hover-items-start { align-items: flex-start; }
  .md-items-center { align-items: center; }
  .md-hover-items-center:hover { align-items: center; }
  .md-focus-items-center:focus { align-items: center; }
  .md-active-items-center:active { align-items: center; }
  .md-disabled-items-center:disabled { align-items: center; }
  .md-focus-visible-items-center:focus-visible { align-items: center; }
  .md-focus-within-items-center:focus-within { align-items: center; }
  .md-group:hover .md-group-hover-items-center { align-items: center; }
  .md-items-end { align-items: flex-end; }
  .md-hover-items-end:hover { align-items: flex-end; }
  .md-focus-items-end:focus { align-items: flex-end; }
  .md-active-items-end:active { align-items: flex-end; }
  .md-disabled-items-end:disabled { align-items: flex-end; }
  .md-focus-visible-items-end:focus-visible { align-items: flex-end; }
  .md-focus-within-items-end:focus-within { align-items: flex-end; }
  .md-group:hover .md-group-hover-items-end { align-items: flex-end; }
  .md-items-baseline { align-items: baseline; }
  .md-hover-items-baseline:hover { align-items: baseline; }
  .md-focus-items-baseline:focus { align-items: baseline; }
  .md-active-items-baseline:active { align-items: baseline; }
  .md-disabled-items-baseline:disabled { align-items: baseline; }
  .md-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  .md-focus-within-items-baseline:focus-within { align-items: baseline; }
  .md-group:hover .md-group-hover-items-baseline { align-items: baseline; }
  .md-items-stretch { align-items: stretch; }
  .md-hover-items-stretch:hover { align-items: stretch; }
  .md-focus-items-stretch:focus { align-items: stretch; }
  .md-active-items-stretch:active { align-items: stretch; }
  .md-disabled-items-stretch:disabled { align-items: stretch; }
  .md-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  .md-focus-within-items-stretch:focus-within { align-items: stretch; }
  .md-group:hover .md-group-hover-items-stretch { align-items: stretch; }
  .md-content-start { align-content: flex-start; }
  .md-hover-content-start:hover { align-content: flex-start; }
  .md-focus-content-start:focus { align-content: flex-start; }
  .md-active-content-start:active { align-content: flex-start; }
  .md-disabled-content-start:disabled { align-content: flex-start; }
  .md-focus-visible-content-start:focus-visible { align-content: flex-start; }
  .md-focus-within-content-start:focus-within { align-content: flex-start; }
  .md-group:hover .md-group-hover-content-start { align-content: flex-start; }
  .md-content-center { align-content: center; }
  .md-hover-content-center:hover { align-content: center; }
  .md-focus-content-center:focus { align-content: center; }
  .md-active-content-center:active { align-content: center; }
  .md-disabled-content-center:disabled { align-content: center; }
  .md-focus-visible-content-center:focus-visible { align-content: center; }
  .md-focus-within-content-center:focus-within { align-content: center; }
  .md-group:hover .md-group-hover-content-center { align-content: center; }
  .md-content-end { align-content: flex-end; }
  .md-hover-content-end:hover { align-content: flex-end; }
  .md-focus-content-end:focus { align-content: flex-end; }
  .md-active-content-end:active { align-content: flex-end; }
  .md-disabled-content-end:disabled { align-content: flex-end; }
  .md-focus-visible-content-end:focus-visible { align-content: flex-end; }
  .md-focus-within-content-end:focus-within { align-content: flex-end; }
  .md-group:hover .md-group-hover-content-end { align-content: flex-end; }
  .md-content-between { align-content: space-between; }
  .md-hover-content-between:hover { align-content: space-between; }
  .md-focus-content-between:focus { align-content: space-between; }
  .md-active-content-between:active { align-content: space-between; }
  .md-disabled-content-between:disabled { align-content: space-between; }
  .md-focus-visible-content-between:focus-visible { align-content: space-between; }
  .md-focus-within-content-between:focus-within { align-content: space-between; }
  .md-group:hover .md-group-hover-content-between { align-content: space-between; }
  .md-content-around { align-content: space-around; }
  .md-hover-content-around:hover { align-content: space-around; }
  .md-focus-content-around:focus { align-content: space-around; }
  .md-active-content-around:active { align-content: space-around; }
  .md-disabled-content-around:disabled { align-content: space-around; }
  .md-focus-visible-content-around:focus-visible { align-content: space-around; }
  .md-focus-within-content-around:focus-within { align-content: space-around; }
  .md-group:hover .md-group-hover-content-around { align-content: space-around; }
  .md-content-evenly { align-content: space-evenly; }
  .md-hover-content-evenly:hover { align-content: space-evenly; }
  .md-focus-content-evenly:focus { align-content: space-evenly; }
  .md-active-content-evenly:active { align-content: space-evenly; }
  .md-disabled-content-evenly:disabled { align-content: space-evenly; }
  .md-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  .md-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  .md-group:hover .md-group-hover-content-evenly { align-content: space-evenly; }
  .md-self-auto { align-self: auto; }
  .md-hover-self-auto:hover { align-self: auto; }
  .md-focus-self-auto:focus { align-self: auto; }
  .md-active-self-auto:active { align-self: auto; }
  .md-disabled-self-auto:disabled { align-self: auto; }
  .md-focus-visible-self-auto:focus-visible { align-self: auto; }
  .md-focus-within-self-auto:focus-within { align-self: auto; }
  .md-group:hover .md-group-hover-self-auto { align-self: auto; }
  .md-self-start { align-self: flex-start; }
  .md-hover-self-start:hover { align-self: flex-start; }
  .md-focus-self-start:focus { align-self: flex-start; }
  .md-active-self-start:active { align-self: flex-start; }
  .md-disabled-self-start:disabled { align-self: flex-start; }
  .md-focus-visible-self-start:focus-visible { align-self: flex-start; }
  .md-focus-within-self-start:focus-within { align-self: flex-start; }
  .md-group:hover .md-group-hover-self-start { align-self: flex-start; }
  .md-self-center { align-self: center; }
  .md-hover-self-center:hover { align-self: center; }
  .md-focus-self-center:focus { align-self: center; }
  .md-active-self-center:active { align-self: center; }
  .md-disabled-self-center:disabled { align-self: center; }
  .md-focus-visible-self-center:focus-visible { align-self: center; }
  .md-focus-within-self-center:focus-within { align-self: center; }
  .md-group:hover .md-group-hover-self-center { align-self: center; }
  .md-self-end { align-self: flex-end; }
  .md-hover-self-end:hover { align-self: flex-end; }
  .md-focus-self-end:focus { align-self: flex-end; }
  .md-active-self-end:active { align-self: flex-end; }
  .md-disabled-self-end:disabled { align-self: flex-end; }
  .md-focus-visible-self-end:focus-visible { align-self: flex-end; }
  .md-focus-within-self-end:focus-within { align-self: flex-end; }
  .md-group:hover .md-group-hover-self-end { align-self: flex-end; }
  .md-self-stretch { align-self: stretch; }
  .md-hover-self-stretch:hover { align-self: stretch; }
  .md-focus-self-stretch:focus { align-self: stretch; }
  .md-active-self-stretch:active { align-self: stretch; }
  .md-disabled-self-stretch:disabled { align-self: stretch; }
  .md-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  .md-focus-within-self-stretch:focus-within { align-self: stretch; }
  .md-group:hover .md-group-hover-self-stretch { align-self: stretch; }
  .md-place-items-start { place-items: start; }
  .md-hover-place-items-start:hover { place-items: start; }
  .md-focus-place-items-start:focus { place-items: start; }
  .md-active-place-items-start:active { place-items: start; }
  .md-disabled-place-items-start:disabled { place-items: start; }
  .md-focus-visible-place-items-start:focus-visible { place-items: start; }
  .md-focus-within-place-items-start:focus-within { place-items: start; }
  .md-group:hover .md-group-hover-place-items-start { place-items: start; }
  .md-place-items-center { place-items: center; }
  .md-hover-place-items-center:hover { place-items: center; }
  .md-focus-place-items-center:focus { place-items: center; }
  .md-active-place-items-center:active { place-items: center; }
  .md-disabled-place-items-center:disabled { place-items: center; }
  .md-focus-visible-place-items-center:focus-visible { place-items: center; }
  .md-focus-within-place-items-center:focus-within { place-items: center; }
  .md-group:hover .md-group-hover-place-items-center { place-items: center; }
  .md-place-items-end { place-items: end; }
  .md-hover-place-items-end:hover { place-items: end; }
  .md-focus-place-items-end:focus { place-items: end; }
  .md-active-place-items-end:active { place-items: end; }
  .md-disabled-place-items-end:disabled { place-items: end; }
  .md-focus-visible-place-items-end:focus-visible { place-items: end; }
  .md-focus-within-place-items-end:focus-within { place-items: end; }
  .md-group:hover .md-group-hover-place-items-end { place-items: end; }
  .md-place-items-stretch { place-items: stretch; }
  .md-hover-place-items-stretch:hover { place-items: stretch; }
  .md-focus-place-items-stretch:focus { place-items: stretch; }
  .md-active-place-items-stretch:active { place-items: stretch; }
  .md-disabled-place-items-stretch:disabled { place-items: stretch; }
  .md-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  .md-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  .md-group:hover .md-group-hover-place-items-stretch { place-items: stretch; }
  .md-place-content-start { place-content: start; }
  .md-hover-place-content-start:hover { place-content: start; }
  .md-focus-place-content-start:focus { place-content: start; }
  .md-active-place-content-start:active { place-content: start; }
  .md-disabled-place-content-start:disabled { place-content: start; }
  .md-focus-visible-place-content-start:focus-visible { place-content: start; }
  .md-focus-within-place-content-start:focus-within { place-content: start; }
  .md-group:hover .md-group-hover-place-content-start { place-content: start; }
  .md-place-content-center { place-content: center; }
  .md-hover-place-content-center:hover { place-content: center; }
  .md-focus-place-content-center:focus { place-content: center; }
  .md-active-place-content-center:active { place-content: center; }
  .md-disabled-place-content-center:disabled { place-content: center; }
  .md-focus-visible-place-content-center:focus-visible { place-content: center; }
  .md-focus-within-place-content-center:focus-within { place-content: center; }
  .md-group:hover .md-group-hover-place-content-center { place-content: center; }
  .md-place-content-end { place-content: end; }
  .md-hover-place-content-end:hover { place-content: end; }
  .md-focus-place-content-end:focus { place-content: end; }
  .md-active-place-content-end:active { place-content: end; }
  .md-disabled-place-content-end:disabled { place-content: end; }
  .md-focus-visible-place-content-end:focus-visible { place-content: end; }
  .md-focus-within-place-content-end:focus-within { place-content: end; }
  .md-group:hover .md-group-hover-place-content-end { place-content: end; }
  .md-place-content-between { place-content: space-between; }
  .md-hover-place-content-between:hover { place-content: space-between; }
  .md-focus-place-content-between:focus { place-content: space-between; }
  .md-active-place-content-between:active { place-content: space-between; }
  .md-disabled-place-content-between:disabled { place-content: space-between; }
  .md-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  .md-focus-within-place-content-between:focus-within { place-content: space-between; }
  .md-group:hover .md-group-hover-place-content-between { place-content: space-between; }
  .md-place-content-around { place-content: space-around; }
  .md-hover-place-content-around:hover { place-content: space-around; }
  .md-focus-place-content-around:focus { place-content: space-around; }
  .md-active-place-content-around:active { place-content: space-around; }
  .md-disabled-place-content-around:disabled { place-content: space-around; }
  .md-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  .md-focus-within-place-content-around:focus-within { place-content: space-around; }
  .md-group:hover .md-group-hover-place-content-around { place-content: space-around; }
  .md-place-self-auto { place-self: auto; }
  .md-hover-place-self-auto:hover { place-self: auto; }
  .md-focus-place-self-auto:focus { place-self: auto; }
  .md-active-place-self-auto:active { place-self: auto; }
  .md-disabled-place-self-auto:disabled { place-self: auto; }
  .md-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  .md-focus-within-place-self-auto:focus-within { place-self: auto; }
  .md-group:hover .md-group-hover-place-self-auto { place-self: auto; }
  .md-place-self-start { place-self: start; }
  .md-hover-place-self-start:hover { place-self: start; }
  .md-focus-place-self-start:focus { place-self: start; }
  .md-active-place-self-start:active { place-self: start; }
  .md-disabled-place-self-start:disabled { place-self: start; }
  .md-focus-visible-place-self-start:focus-visible { place-self: start; }
  .md-focus-within-place-self-start:focus-within { place-self: start; }
  .md-group:hover .md-group-hover-place-self-start { place-self: start; }
  .md-place-self-center { place-self: center; }
  .md-hover-place-self-center:hover { place-self: center; }
  .md-focus-place-self-center:focus { place-self: center; }
  .md-active-place-self-center:active { place-self: center; }
  .md-disabled-place-self-center:disabled { place-self: center; }
  .md-focus-visible-place-self-center:focus-visible { place-self: center; }
  .md-focus-within-place-self-center:focus-within { place-self: center; }
  .md-group:hover .md-group-hover-place-self-center { place-self: center; }
  .md-place-self-end { place-self: end; }
  .md-hover-place-self-end:hover { place-self: end; }
  .md-focus-place-self-end:focus { place-self: end; }
  .md-active-place-self-end:active { place-self: end; }
  .md-disabled-place-self-end:disabled { place-self: end; }
  .md-focus-visible-place-self-end:focus-visible { place-self: end; }
  .md-focus-within-place-self-end:focus-within { place-self: end; }
  .md-group:hover .md-group-hover-place-self-end { place-self: end; }
  .md-text-uppercase { text-transform: uppercase; }
  .md-hover-text-uppercase:hover { text-transform: uppercase; }
  .md-focus-text-uppercase:focus { text-transform: uppercase; }
  .md-active-text-uppercase:active { text-transform: uppercase; }
  .md-disabled-text-uppercase:disabled { text-transform: uppercase; }
  .md-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  .md-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  .md-group:hover .md-group-hover-text-uppercase { text-transform: uppercase; }
  .md-text-lowercase { text-transform: lowercase; }
  .md-hover-text-lowercase:hover { text-transform: lowercase; }
  .md-focus-text-lowercase:focus { text-transform: lowercase; }
  .md-active-text-lowercase:active { text-transform: lowercase; }
  .md-disabled-text-lowercase:disabled { text-transform: lowercase; }
  .md-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  .md-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  .md-group:hover .md-group-hover-text-lowercase { text-transform: lowercase; }
  .md-text-capitalize { text-transform: capitalize; }
  .md-hover-text-capitalize:hover { text-transform: capitalize; }
  .md-focus-text-capitalize:focus { text-transform: capitalize; }
  .md-active-text-capitalize:active { text-transform: capitalize; }
  .md-disabled-text-capitalize:disabled { text-transform: capitalize; }
  .md-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  .md-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  .md-group:hover .md-group-hover-text-capitalize { text-transform: capitalize; }
  .md-tracking-tight { letter-spacing: -0.05em; }
  .md-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  .md-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  .md-active-tracking-tight:active { letter-spacing: -0.05em; }
  .md-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  .md-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  .md-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  .md-group:hover .md-group-hover-tracking-tight { letter-spacing: -0.05em; }
  .md-tracking-normal { letter-spacing: 0; }
  .md-hover-tracking-normal:hover { letter-spacing: 0; }
  .md-focus-tracking-normal:focus { letter-spacing: 0; }
  .md-active-tracking-normal:active { letter-spacing: 0; }
  .md-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .md-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .md-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .md-group:hover .md-group-hover-tracking-normal { letter-spacing: 0; }
  .md-tracking-wide { letter-spacing: 0.05em; }
  .md-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  .md-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  .md-active-tracking-wide:active { letter-spacing: 0.05em; }
  .md-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  .md-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  .md-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  .md-group:hover .md-group-hover-tracking-wide { letter-spacing: 0.05em; }
  .md-underline { text-decoration: underline; }
  .md-hover-underline:hover { text-decoration: underline; }
  .md-focus-underline:focus { text-decoration: underline; }
  .md-active-underline:active { text-decoration: underline; }
  .md-disabled-underline:disabled { text-decoration: underline; }
  .md-focus-visible-underline:focus-visible { text-decoration: underline; }
  .md-focus-within-underline:focus-within { text-decoration: underline; }
  .md-group:hover .md-group-hover-underline { text-decoration: underline; }
  .md-line-through { text-decoration: line-through; }
  .md-hover-line-through:hover { text-decoration: line-through; }
  .md-focus-line-through:focus { text-decoration: line-through; }
  .md-active-line-through:active { text-decoration: line-through; }
  .md-disabled-line-through:disabled { text-decoration: line-through; }
  .md-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  .md-focus-within-line-through:focus-within { text-decoration: line-through; }
  .md-group:hover .md-group-hover-line-through { text-decoration: line-through; }
  .md-no-underline { text-decoration: none; }
  .md-hover-no-underline:hover { text-decoration: none; }
  .md-focus-no-underline:focus { text-decoration: none; }
  .md-active-no-underline:active { text-decoration: none; }
  .md-disabled-no-underline:disabled { text-decoration: none; }
  .md-focus-visible-no-underline:focus-visible { text-decoration: none; }
  .md-focus-within-no-underline:focus-within { text-decoration: none; }
  .md-group:hover .md-group-hover-no-underline { text-decoration: none; }
  .md-text-black { color: var(--black); }
  .md-hover-text-black:hover { color: var(--black); }
  .md-focus-text-black:focus { color: var(--black); }
  .md-active-text-black:active { color: var(--black); }
  .md-disabled-text-black:disabled { color: var(--black); }
  .md-focus-visible-text-black:focus-visible { color: var(--black); }
  .md-focus-within-text-black:focus-within { color: var(--black); }
  .md-group:hover .md-group-hover-text-black { color: var(--black); }
  .md-text-white { color: var(--white); }
  .md-hover-text-white:hover { color: var(--white); }
  .md-focus-text-white:focus { color: var(--white); }
  .md-active-text-white:active { color: var(--white); }
  .md-disabled-text-white:disabled { color: var(--white); }
  .md-focus-visible-text-white:focus-visible { color: var(--white); }
  .md-focus-within-text-white:focus-within { color: var(--white); }
  .md-group:hover .md-group-hover-text-white { color: var(--white); }
  .md-text-red-50 { color: var(--quanta-red-50); }
  .md-hover-text-red-50:hover { color: var(--quanta-red-50); }
  .md-focus-text-red-50:focus { color: var(--quanta-red-50); }
  .md-active-text-red-50:active { color: var(--quanta-red-50); }
  .md-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  .md-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  .md-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-text-red-50 { color: var(--quanta-red-50); }
  .md-text-red-100 { color: var(--quanta-red-100); }
  .md-hover-text-red-100:hover { color: var(--quanta-red-100); }
  .md-focus-text-red-100:focus { color: var(--quanta-red-100); }
  .md-active-text-red-100:active { color: var(--quanta-red-100); }
  .md-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  .md-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  .md-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-text-red-100 { color: var(--quanta-red-100); }
  .md-text-red-200 { color: var(--quanta-red-200); }
  .md-hover-text-red-200:hover { color: var(--quanta-red-200); }
  .md-focus-text-red-200:focus { color: var(--quanta-red-200); }
  .md-active-text-red-200:active { color: var(--quanta-red-200); }
  .md-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  .md-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  .md-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-text-red-200 { color: var(--quanta-red-200); }
  .md-text-red-300 { color: var(--quanta-red-300); }
  .md-hover-text-red-300:hover { color: var(--quanta-red-300); }
  .md-focus-text-red-300:focus { color: var(--quanta-red-300); }
  .md-active-text-red-300:active { color: var(--quanta-red-300); }
  .md-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  .md-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  .md-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-text-red-300 { color: var(--quanta-red-300); }
  .md-text-red-400 { color: var(--quanta-red-400); }
  .md-hover-text-red-400:hover { color: var(--quanta-red-400); }
  .md-focus-text-red-400:focus { color: var(--quanta-red-400); }
  .md-active-text-red-400:active { color: var(--quanta-red-400); }
  .md-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  .md-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  .md-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-text-red-400 { color: var(--quanta-red-400); }
  .md-text-red-500 { color: var(--quanta-red-500); }
  .md-hover-text-red-500:hover { color: var(--quanta-red-500); }
  .md-focus-text-red-500:focus { color: var(--quanta-red-500); }
  .md-active-text-red-500:active { color: var(--quanta-red-500); }
  .md-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  .md-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  .md-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-text-red-500 { color: var(--quanta-red-500); }
  .md-text-red-600 { color: var(--quanta-red-600); }
  .md-hover-text-red-600:hover { color: var(--quanta-red-600); }
  .md-focus-text-red-600:focus { color: var(--quanta-red-600); }
  .md-active-text-red-600:active { color: var(--quanta-red-600); }
  .md-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  .md-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  .md-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-text-red-600 { color: var(--quanta-red-600); }
  .md-text-red-700 { color: var(--quanta-red-700); }
  .md-hover-text-red-700:hover { color: var(--quanta-red-700); }
  .md-focus-text-red-700:focus { color: var(--quanta-red-700); }
  .md-active-text-red-700:active { color: var(--quanta-red-700); }
  .md-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  .md-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  .md-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-text-red-700 { color: var(--quanta-red-700); }
  .md-text-red-800 { color: var(--quanta-red-800); }
  .md-hover-text-red-800:hover { color: var(--quanta-red-800); }
  .md-focus-text-red-800:focus { color: var(--quanta-red-800); }
  .md-active-text-red-800:active { color: var(--quanta-red-800); }
  .md-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  .md-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  .md-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-text-red-800 { color: var(--quanta-red-800); }
  .md-text-red-900 { color: var(--quanta-red-900); }
  .md-hover-text-red-900:hover { color: var(--quanta-red-900); }
  .md-focus-text-red-900:focus { color: var(--quanta-red-900); }
  .md-active-text-red-900:active { color: var(--quanta-red-900); }
  .md-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  .md-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  .md-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-text-red-900 { color: var(--quanta-red-900); }
  .md-text-orange-50 { color: var(--quanta-orange-50); }
  .md-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  .md-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  .md-active-text-orange-50:active { color: var(--quanta-orange-50); }
  .md-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  .md-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  .md-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  .md-text-orange-100 { color: var(--quanta-orange-100); }
  .md-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  .md-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  .md-active-text-orange-100:active { color: var(--quanta-orange-100); }
  .md-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  .md-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  .md-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  .md-text-orange-200 { color: var(--quanta-orange-200); }
  .md-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  .md-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  .md-active-text-orange-200:active { color: var(--quanta-orange-200); }
  .md-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  .md-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  .md-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  .md-text-orange-300 { color: var(--quanta-orange-300); }
  .md-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  .md-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  .md-active-text-orange-300:active { color: var(--quanta-orange-300); }
  .md-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  .md-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  .md-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  .md-text-orange-400 { color: var(--quanta-orange-400); }
  .md-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  .md-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  .md-active-text-orange-400:active { color: var(--quanta-orange-400); }
  .md-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  .md-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  .md-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  .md-text-orange-500 { color: var(--quanta-orange-500); }
  .md-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  .md-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  .md-active-text-orange-500:active { color: var(--quanta-orange-500); }
  .md-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  .md-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  .md-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  .md-text-orange-600 { color: var(--quanta-orange-600); }
  .md-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  .md-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  .md-active-text-orange-600:active { color: var(--quanta-orange-600); }
  .md-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  .md-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  .md-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  .md-text-orange-700 { color: var(--quanta-orange-700); }
  .md-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  .md-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  .md-active-text-orange-700:active { color: var(--quanta-orange-700); }
  .md-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  .md-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  .md-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  .md-text-orange-800 { color: var(--quanta-orange-800); }
  .md-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  .md-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  .md-active-text-orange-800:active { color: var(--quanta-orange-800); }
  .md-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  .md-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  .md-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  .md-text-orange-900 { color: var(--quanta-orange-900); }
  .md-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  .md-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  .md-active-text-orange-900:active { color: var(--quanta-orange-900); }
  .md-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  .md-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  .md-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  .md-text-teal-50 { color: var(--quanta-teal-50); }
  .md-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  .md-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  .md-active-text-teal-50:active { color: var(--quanta-teal-50); }
  .md-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  .md-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  .md-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  .md-text-teal-100 { color: var(--quanta-teal-100); }
  .md-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  .md-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  .md-active-text-teal-100:active { color: var(--quanta-teal-100); }
  .md-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  .md-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  .md-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  .md-text-teal-200 { color: var(--quanta-teal-200); }
  .md-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  .md-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  .md-active-text-teal-200:active { color: var(--quanta-teal-200); }
  .md-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  .md-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  .md-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  .md-text-teal-300 { color: var(--quanta-teal-300); }
  .md-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  .md-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  .md-active-text-teal-300:active { color: var(--quanta-teal-300); }
  .md-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  .md-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  .md-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  .md-text-teal-400 { color: var(--quanta-teal-400); }
  .md-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  .md-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  .md-active-text-teal-400:active { color: var(--quanta-teal-400); }
  .md-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  .md-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  .md-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  .md-text-teal-500 { color: var(--quanta-teal-500); }
  .md-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  .md-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  .md-active-text-teal-500:active { color: var(--quanta-teal-500); }
  .md-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  .md-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  .md-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  .md-text-teal-600 { color: var(--quanta-teal-600); }
  .md-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  .md-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  .md-active-text-teal-600:active { color: var(--quanta-teal-600); }
  .md-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  .md-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  .md-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  .md-text-teal-700 { color: var(--quanta-teal-700); }
  .md-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  .md-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  .md-active-text-teal-700:active { color: var(--quanta-teal-700); }
  .md-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  .md-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  .md-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  .md-text-teal-800 { color: var(--quanta-teal-800); }
  .md-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  .md-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  .md-active-text-teal-800:active { color: var(--quanta-teal-800); }
  .md-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  .md-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  .md-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  .md-text-teal-900 { color: var(--quanta-teal-900); }
  .md-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  .md-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  .md-active-text-teal-900:active { color: var(--quanta-teal-900); }
  .md-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  .md-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  .md-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  .md-text-purple-50 { color: var(--quanta-purple-50); }
  .md-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  .md-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  .md-active-text-purple-50:active { color: var(--quanta-purple-50); }
  .md-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  .md-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  .md-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  .md-text-purple-100 { color: var(--quanta-purple-100); }
  .md-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  .md-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  .md-active-text-purple-100:active { color: var(--quanta-purple-100); }
  .md-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  .md-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  .md-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  .md-text-purple-200 { color: var(--quanta-purple-200); }
  .md-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  .md-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  .md-active-text-purple-200:active { color: var(--quanta-purple-200); }
  .md-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  .md-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  .md-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  .md-text-purple-300 { color: var(--quanta-purple-300); }
  .md-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  .md-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  .md-active-text-purple-300:active { color: var(--quanta-purple-300); }
  .md-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  .md-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  .md-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  .md-text-purple-400 { color: var(--quanta-purple-400); }
  .md-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  .md-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  .md-active-text-purple-400:active { color: var(--quanta-purple-400); }
  .md-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  .md-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  .md-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  .md-text-purple-500 { color: var(--quanta-purple-500); }
  .md-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  .md-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  .md-active-text-purple-500:active { color: var(--quanta-purple-500); }
  .md-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  .md-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  .md-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  .md-text-purple-600 { color: var(--quanta-purple-600); }
  .md-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  .md-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  .md-active-text-purple-600:active { color: var(--quanta-purple-600); }
  .md-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  .md-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  .md-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  .md-text-purple-700 { color: var(--quanta-purple-700); }
  .md-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  .md-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  .md-active-text-purple-700:active { color: var(--quanta-purple-700); }
  .md-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  .md-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  .md-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  .md-text-purple-800 { color: var(--quanta-purple-800); }
  .md-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  .md-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  .md-active-text-purple-800:active { color: var(--quanta-purple-800); }
  .md-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  .md-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  .md-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  .md-text-purple-900 { color: var(--quanta-purple-900); }
  .md-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  .md-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  .md-active-text-purple-900:active { color: var(--quanta-purple-900); }
  .md-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  .md-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  .md-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  .md-text-indigo-50 { color: var(--quanta-indigo-50); }
  .md-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  .md-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  .md-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  .md-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  .md-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  .md-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  .md-text-indigo-100 { color: var(--quanta-indigo-100); }
  .md-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  .md-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  .md-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  .md-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  .md-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  .md-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  .md-text-indigo-200 { color: var(--quanta-indigo-200); }
  .md-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  .md-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  .md-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  .md-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  .md-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  .md-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  .md-text-indigo-300 { color: var(--quanta-indigo-300); }
  .md-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  .md-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  .md-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  .md-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  .md-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  .md-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  .md-text-indigo-400 { color: var(--quanta-indigo-400); }
  .md-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  .md-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  .md-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  .md-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  .md-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  .md-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  .md-text-indigo-500 { color: var(--quanta-indigo-500); }
  .md-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  .md-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  .md-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  .md-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  .md-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  .md-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  .md-text-indigo-600 { color: var(--quanta-indigo-600); }
  .md-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  .md-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  .md-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  .md-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  .md-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  .md-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  .md-text-indigo-700 { color: var(--quanta-indigo-700); }
  .md-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  .md-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  .md-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  .md-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  .md-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  .md-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  .md-text-indigo-800 { color: var(--quanta-indigo-800); }
  .md-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  .md-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  .md-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  .md-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  .md-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  .md-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  .md-text-indigo-900 { color: var(--quanta-indigo-900); }
  .md-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  .md-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  .md-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  .md-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  .md-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  .md-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  .md-text-yellow-50 { color: var(--quanta-yellow-50); }
  .md-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  .md-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  .md-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  .md-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  .md-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  .md-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  .md-text-yellow-100 { color: var(--quanta-yellow-100); }
  .md-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  .md-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  .md-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  .md-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  .md-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  .md-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  .md-text-yellow-200 { color: var(--quanta-yellow-200); }
  .md-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  .md-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  .md-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  .md-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  .md-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  .md-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  .md-text-yellow-300 { color: var(--quanta-yellow-300); }
  .md-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  .md-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  .md-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  .md-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  .md-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  .md-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  .md-text-yellow-400 { color: var(--quanta-yellow-400); }
  .md-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  .md-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  .md-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  .md-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  .md-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  .md-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  .md-text-yellow-500 { color: var(--quanta-yellow-500); }
  .md-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  .md-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  .md-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  .md-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  .md-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  .md-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  .md-text-yellow-600 { color: var(--quanta-yellow-600); }
  .md-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  .md-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  .md-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  .md-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  .md-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  .md-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  .md-text-yellow-700 { color: var(--quanta-yellow-700); }
  .md-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  .md-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  .md-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  .md-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  .md-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  .md-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  .md-text-yellow-800 { color: var(--quanta-yellow-800); }
  .md-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  .md-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  .md-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  .md-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  .md-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  .md-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  .md-text-yellow-900 { color: var(--quanta-yellow-900); }
  .md-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  .md-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  .md-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  .md-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  .md-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  .md-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  .md-text-pink-50 { color: var(--quanta-pink-50); }
  .md-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  .md-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  .md-active-text-pink-50:active { color: var(--quanta-pink-50); }
  .md-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  .md-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  .md-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  .md-text-pink-100 { color: var(--quanta-pink-100); }
  .md-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  .md-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  .md-active-text-pink-100:active { color: var(--quanta-pink-100); }
  .md-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  .md-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  .md-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  .md-text-pink-200 { color: var(--quanta-pink-200); }
  .md-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  .md-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  .md-active-text-pink-200:active { color: var(--quanta-pink-200); }
  .md-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  .md-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  .md-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  .md-text-pink-300 { color: var(--quanta-pink-300); }
  .md-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  .md-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  .md-active-text-pink-300:active { color: var(--quanta-pink-300); }
  .md-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  .md-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  .md-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  .md-text-pink-400 { color: var(--quanta-pink-400); }
  .md-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  .md-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  .md-active-text-pink-400:active { color: var(--quanta-pink-400); }
  .md-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  .md-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  .md-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  .md-text-pink-500 { color: var(--quanta-pink-500); }
  .md-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  .md-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  .md-active-text-pink-500:active { color: var(--quanta-pink-500); }
  .md-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  .md-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  .md-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  .md-text-pink-600 { color: var(--quanta-pink-600); }
  .md-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  .md-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  .md-active-text-pink-600:active { color: var(--quanta-pink-600); }
  .md-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  .md-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  .md-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  .md-text-pink-700 { color: var(--quanta-pink-700); }
  .md-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  .md-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  .md-active-text-pink-700:active { color: var(--quanta-pink-700); }
  .md-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  .md-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  .md-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  .md-text-pink-800 { color: var(--quanta-pink-800); }
  .md-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  .md-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  .md-active-text-pink-800:active { color: var(--quanta-pink-800); }
  .md-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  .md-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  .md-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  .md-text-pink-900 { color: var(--quanta-pink-900); }
  .md-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  .md-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  .md-active-text-pink-900:active { color: var(--quanta-pink-900); }
  .md-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  .md-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  .md-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  .md-text-grey-50 { color: var(--quanta-grey-50); }
  .md-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  .md-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  .md-active-text-grey-50:active { color: var(--quanta-grey-50); }
  .md-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  .md-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  .md-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  .md-text-grey-100 { color: var(--quanta-grey-100); }
  .md-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  .md-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  .md-active-text-grey-100:active { color: var(--quanta-grey-100); }
  .md-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  .md-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  .md-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  .md-text-grey-200 { color: var(--quanta-grey-200); }
  .md-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  .md-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  .md-active-text-grey-200:active { color: var(--quanta-grey-200); }
  .md-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  .md-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  .md-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  .md-text-grey-300 { color: var(--quanta-grey-300); }
  .md-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  .md-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  .md-active-text-grey-300:active { color: var(--quanta-grey-300); }
  .md-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  .md-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  .md-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  .md-text-grey-400 { color: var(--quanta-grey-400); }
  .md-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  .md-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  .md-active-text-grey-400:active { color: var(--quanta-grey-400); }
  .md-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  .md-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  .md-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  .md-text-grey-500 { color: var(--quanta-grey-500); }
  .md-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  .md-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  .md-active-text-grey-500:active { color: var(--quanta-grey-500); }
  .md-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  .md-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  .md-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  .md-text-grey-600 { color: var(--quanta-grey-600); }
  .md-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  .md-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  .md-active-text-grey-600:active { color: var(--quanta-grey-600); }
  .md-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  .md-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  .md-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  .md-text-grey-700 { color: var(--quanta-grey-700); }
  .md-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  .md-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  .md-active-text-grey-700:active { color: var(--quanta-grey-700); }
  .md-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  .md-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  .md-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  .md-text-grey-800 { color: var(--quanta-grey-800); }
  .md-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  .md-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  .md-active-text-grey-800:active { color: var(--quanta-grey-800); }
  .md-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  .md-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  .md-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  .md-text-grey-900 { color: var(--quanta-grey-900); }
  .md-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  .md-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  .md-active-text-grey-900:active { color: var(--quanta-grey-900); }
  .md-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  .md-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  .md-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  .md-text-zinc-50 { color: var(--quanta-zinc-50); }
  .md-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  .md-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  .md-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  .md-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  .md-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  .md-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  .md-text-zinc-100 { color: var(--quanta-zinc-100); }
  .md-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  .md-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  .md-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  .md-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  .md-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  .md-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  .md-text-zinc-200 { color: var(--quanta-zinc-200); }
  .md-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  .md-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  .md-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  .md-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  .md-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  .md-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  .md-text-zinc-300 { color: var(--quanta-zinc-300); }
  .md-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  .md-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  .md-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  .md-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  .md-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  .md-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  .md-text-zinc-400 { color: var(--quanta-zinc-400); }
  .md-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  .md-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  .md-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  .md-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  .md-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  .md-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  .md-text-zinc-500 { color: var(--quanta-zinc-500); }
  .md-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  .md-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  .md-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  .md-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  .md-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  .md-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  .md-text-zinc-600 { color: var(--quanta-zinc-600); }
  .md-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  .md-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  .md-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  .md-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  .md-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  .md-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  .md-text-zinc-700 { color: var(--quanta-zinc-700); }
  .md-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  .md-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  .md-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  .md-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  .md-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  .md-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  .md-text-zinc-800 { color: var(--quanta-zinc-800); }
  .md-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  .md-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  .md-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  .md-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  .md-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  .md-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  .md-text-zinc-900 { color: var(--quanta-zinc-900); }
  .md-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  .md-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  .md-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  .md-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  .md-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  .md-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  .md-text-neutral-50 { color: var(--quanta-neutral-50); }
  .md-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  .md-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  .md-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  .md-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  .md-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  .md-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  .md-text-neutral-100 { color: var(--quanta-neutral-100); }
  .md-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  .md-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  .md-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  .md-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  .md-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  .md-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  .md-text-neutral-200 { color: var(--quanta-neutral-200); }
  .md-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  .md-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  .md-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  .md-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  .md-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  .md-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  .md-text-neutral-300 { color: var(--quanta-neutral-300); }
  .md-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  .md-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  .md-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  .md-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  .md-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  .md-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  .md-text-neutral-400 { color: var(--quanta-neutral-400); }
  .md-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  .md-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  .md-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  .md-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  .md-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  .md-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  .md-text-neutral-500 { color: var(--quanta-neutral-500); }
  .md-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  .md-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  .md-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  .md-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  .md-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  .md-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  .md-text-neutral-600 { color: var(--quanta-neutral-600); }
  .md-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  .md-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  .md-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  .md-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  .md-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  .md-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  .md-text-neutral-700 { color: var(--quanta-neutral-700); }
  .md-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  .md-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  .md-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  .md-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  .md-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  .md-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  .md-text-neutral-800 { color: var(--quanta-neutral-800); }
  .md-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  .md-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  .md-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  .md-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  .md-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  .md-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  .md-text-neutral-900 { color: var(--quanta-neutral-900); }
  .md-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  .md-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  .md-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  .md-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  .md-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  .md-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  .md-text-lime-50 { color: var(--quanta-lime-50); }
  .md-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  .md-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  .md-active-text-lime-50:active { color: var(--quanta-lime-50); }
  .md-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  .md-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  .md-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  .md-text-lime-100 { color: var(--quanta-lime-100); }
  .md-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  .md-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  .md-active-text-lime-100:active { color: var(--quanta-lime-100); }
  .md-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  .md-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  .md-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  .md-text-lime-200 { color: var(--quanta-lime-200); }
  .md-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  .md-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  .md-active-text-lime-200:active { color: var(--quanta-lime-200); }
  .md-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  .md-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  .md-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  .md-text-lime-300 { color: var(--quanta-lime-300); }
  .md-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  .md-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  .md-active-text-lime-300:active { color: var(--quanta-lime-300); }
  .md-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  .md-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  .md-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  .md-text-lime-400 { color: var(--quanta-lime-400); }
  .md-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  .md-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  .md-active-text-lime-400:active { color: var(--quanta-lime-400); }
  .md-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  .md-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  .md-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  .md-text-lime-500 { color: var(--quanta-lime-500); }
  .md-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  .md-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  .md-active-text-lime-500:active { color: var(--quanta-lime-500); }
  .md-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  .md-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  .md-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  .md-text-lime-600 { color: var(--quanta-lime-600); }
  .md-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  .md-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  .md-active-text-lime-600:active { color: var(--quanta-lime-600); }
  .md-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  .md-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  .md-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  .md-text-lime-700 { color: var(--quanta-lime-700); }
  .md-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  .md-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  .md-active-text-lime-700:active { color: var(--quanta-lime-700); }
  .md-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  .md-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  .md-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  .md-text-lime-800 { color: var(--quanta-lime-800); }
  .md-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  .md-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  .md-active-text-lime-800:active { color: var(--quanta-lime-800); }
  .md-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  .md-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  .md-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  .md-text-lime-900 { color: var(--quanta-lime-900); }
  .md-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  .md-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  .md-active-text-lime-900:active { color: var(--quanta-lime-900); }
  .md-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  .md-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  .md-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  .md-text-cyan-50 { color: var(--quanta-cyan-50); }
  .md-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  .md-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  .md-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  .md-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  .md-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  .md-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  .md-text-cyan-100 { color: var(--quanta-cyan-100); }
  .md-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  .md-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  .md-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  .md-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  .md-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  .md-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  .md-text-cyan-200 { color: var(--quanta-cyan-200); }
  .md-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  .md-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  .md-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  .md-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  .md-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  .md-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  .md-text-cyan-300 { color: var(--quanta-cyan-300); }
  .md-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  .md-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  .md-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  .md-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  .md-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  .md-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  .md-text-cyan-400 { color: var(--quanta-cyan-400); }
  .md-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  .md-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  .md-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  .md-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  .md-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  .md-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  .md-text-cyan-500 { color: var(--quanta-cyan-500); }
  .md-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  .md-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  .md-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  .md-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  .md-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  .md-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  .md-text-cyan-600 { color: var(--quanta-cyan-600); }
  .md-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  .md-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  .md-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  .md-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  .md-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  .md-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  .md-text-cyan-700 { color: var(--quanta-cyan-700); }
  .md-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  .md-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  .md-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  .md-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  .md-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  .md-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  .md-text-cyan-800 { color: var(--quanta-cyan-800); }
  .md-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  .md-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  .md-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  .md-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  .md-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  .md-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  .md-text-cyan-900 { color: var(--quanta-cyan-900); }
  .md-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  .md-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  .md-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  .md-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  .md-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  .md-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  .md-text-sky-50 { color: var(--quanta-sky-50); }
  .md-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  .md-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  .md-active-text-sky-50:active { color: var(--quanta-sky-50); }
  .md-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  .md-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  .md-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  .md-text-sky-100 { color: var(--quanta-sky-100); }
  .md-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  .md-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  .md-active-text-sky-100:active { color: var(--quanta-sky-100); }
  .md-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  .md-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  .md-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  .md-text-sky-200 { color: var(--quanta-sky-200); }
  .md-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  .md-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  .md-active-text-sky-200:active { color: var(--quanta-sky-200); }
  .md-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  .md-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  .md-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  .md-text-sky-300 { color: var(--quanta-sky-300); }
  .md-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  .md-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  .md-active-text-sky-300:active { color: var(--quanta-sky-300); }
  .md-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  .md-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  .md-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  .md-text-sky-400 { color: var(--quanta-sky-400); }
  .md-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  .md-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  .md-active-text-sky-400:active { color: var(--quanta-sky-400); }
  .md-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  .md-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  .md-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  .md-text-sky-500 { color: var(--quanta-sky-500); }
  .md-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  .md-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  .md-active-text-sky-500:active { color: var(--quanta-sky-500); }
  .md-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  .md-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  .md-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  .md-text-sky-600 { color: var(--quanta-sky-600); }
  .md-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  .md-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  .md-active-text-sky-600:active { color: var(--quanta-sky-600); }
  .md-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  .md-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  .md-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  .md-text-sky-700 { color: var(--quanta-sky-700); }
  .md-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  .md-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  .md-active-text-sky-700:active { color: var(--quanta-sky-700); }
  .md-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  .md-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  .md-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  .md-text-sky-800 { color: var(--quanta-sky-800); }
  .md-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  .md-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  .md-active-text-sky-800:active { color: var(--quanta-sky-800); }
  .md-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  .md-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  .md-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  .md-text-sky-900 { color: var(--quanta-sky-900); }
  .md-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  .md-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  .md-active-text-sky-900:active { color: var(--quanta-sky-900); }
  .md-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  .md-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  .md-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  .md-text-violet-50 { color: var(--quanta-violet-50); }
  .md-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  .md-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  .md-active-text-violet-50:active { color: var(--quanta-violet-50); }
  .md-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  .md-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  .md-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  .md-text-violet-100 { color: var(--quanta-violet-100); }
  .md-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  .md-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  .md-active-text-violet-100:active { color: var(--quanta-violet-100); }
  .md-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  .md-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  .md-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  .md-text-violet-200 { color: var(--quanta-violet-200); }
  .md-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  .md-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  .md-active-text-violet-200:active { color: var(--quanta-violet-200); }
  .md-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  .md-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  .md-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  .md-text-violet-300 { color: var(--quanta-violet-300); }
  .md-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  .md-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  .md-active-text-violet-300:active { color: var(--quanta-violet-300); }
  .md-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  .md-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  .md-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  .md-text-violet-400 { color: var(--quanta-violet-400); }
  .md-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  .md-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  .md-active-text-violet-400:active { color: var(--quanta-violet-400); }
  .md-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  .md-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  .md-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  .md-text-violet-500 { color: var(--quanta-violet-500); }
  .md-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  .md-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  .md-active-text-violet-500:active { color: var(--quanta-violet-500); }
  .md-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  .md-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  .md-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  .md-text-violet-600 { color: var(--quanta-violet-600); }
  .md-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  .md-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  .md-active-text-violet-600:active { color: var(--quanta-violet-600); }
  .md-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  .md-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  .md-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  .md-text-violet-700 { color: var(--quanta-violet-700); }
  .md-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  .md-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  .md-active-text-violet-700:active { color: var(--quanta-violet-700); }
  .md-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  .md-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  .md-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  .md-text-violet-800 { color: var(--quanta-violet-800); }
  .md-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  .md-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  .md-active-text-violet-800:active { color: var(--quanta-violet-800); }
  .md-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  .md-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  .md-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  .md-text-violet-900 { color: var(--quanta-violet-900); }
  .md-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  .md-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  .md-active-text-violet-900:active { color: var(--quanta-violet-900); }
  .md-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  .md-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  .md-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  .md-text-rose-50 { color: var(--quanta-rose-50); }
  .md-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  .md-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  .md-active-text-rose-50:active { color: var(--quanta-rose-50); }
  .md-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  .md-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  .md-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  .md-text-rose-100 { color: var(--quanta-rose-100); }
  .md-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  .md-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  .md-active-text-rose-100:active { color: var(--quanta-rose-100); }
  .md-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  .md-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  .md-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  .md-text-rose-200 { color: var(--quanta-rose-200); }
  .md-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  .md-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  .md-active-text-rose-200:active { color: var(--quanta-rose-200); }
  .md-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  .md-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  .md-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  .md-text-rose-300 { color: var(--quanta-rose-300); }
  .md-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  .md-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  .md-active-text-rose-300:active { color: var(--quanta-rose-300); }
  .md-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  .md-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  .md-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  .md-text-rose-400 { color: var(--quanta-rose-400); }
  .md-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  .md-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  .md-active-text-rose-400:active { color: var(--quanta-rose-400); }
  .md-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  .md-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  .md-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  .md-text-rose-500 { color: var(--quanta-rose-500); }
  .md-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  .md-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  .md-active-text-rose-500:active { color: var(--quanta-rose-500); }
  .md-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  .md-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  .md-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  .md-text-rose-600 { color: var(--quanta-rose-600); }
  .md-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  .md-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  .md-active-text-rose-600:active { color: var(--quanta-rose-600); }
  .md-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  .md-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  .md-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  .md-text-rose-700 { color: var(--quanta-rose-700); }
  .md-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  .md-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  .md-active-text-rose-700:active { color: var(--quanta-rose-700); }
  .md-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  .md-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  .md-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  .md-text-rose-800 { color: var(--quanta-rose-800); }
  .md-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  .md-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  .md-active-text-rose-800:active { color: var(--quanta-rose-800); }
  .md-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  .md-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  .md-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  .md-text-rose-900 { color: var(--quanta-rose-900); }
  .md-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  .md-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  .md-active-text-rose-900:active { color: var(--quanta-rose-900); }
  .md-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  .md-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  .md-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  .md-text-slate-50 { color: var(--quanta-slate-50); }
  .md-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  .md-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  .md-active-text-slate-50:active { color: var(--quanta-slate-50); }
  .md-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  .md-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  .md-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  .md-text-slate-100 { color: var(--quanta-slate-100); }
  .md-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  .md-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  .md-active-text-slate-100:active { color: var(--quanta-slate-100); }
  .md-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  .md-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  .md-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  .md-text-slate-200 { color: var(--quanta-slate-200); }
  .md-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  .md-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  .md-active-text-slate-200:active { color: var(--quanta-slate-200); }
  .md-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  .md-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  .md-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  .md-text-slate-300 { color: var(--quanta-slate-300); }
  .md-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  .md-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  .md-active-text-slate-300:active { color: var(--quanta-slate-300); }
  .md-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  .md-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  .md-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  .md-text-slate-400 { color: var(--quanta-slate-400); }
  .md-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  .md-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  .md-active-text-slate-400:active { color: var(--quanta-slate-400); }
  .md-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  .md-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  .md-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  .md-text-slate-500 { color: var(--quanta-slate-500); }
  .md-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  .md-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  .md-active-text-slate-500:active { color: var(--quanta-slate-500); }
  .md-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  .md-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  .md-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  .md-text-slate-600 { color: var(--quanta-slate-600); }
  .md-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  .md-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  .md-active-text-slate-600:active { color: var(--quanta-slate-600); }
  .md-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  .md-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  .md-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  .md-text-slate-700 { color: var(--quanta-slate-700); }
  .md-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  .md-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  .md-active-text-slate-700:active { color: var(--quanta-slate-700); }
  .md-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  .md-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  .md-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  .md-text-slate-800 { color: var(--quanta-slate-800); }
  .md-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  .md-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  .md-active-text-slate-800:active { color: var(--quanta-slate-800); }
  .md-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  .md-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  .md-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  .md-text-slate-900 { color: var(--quanta-slate-900); }
  .md-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  .md-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  .md-active-text-slate-900:active { color: var(--quanta-slate-900); }
  .md-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  .md-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  .md-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  .md-text-blue-50 { color: var(--quanta-blue-50); }
  .md-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  .md-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  .md-active-text-blue-50:active { color: var(--quanta-blue-50); }
  .md-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  .md-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  .md-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  .md-text-blue-100 { color: var(--quanta-blue-100); }
  .md-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  .md-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  .md-active-text-blue-100:active { color: var(--quanta-blue-100); }
  .md-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  .md-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  .md-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  .md-text-blue-200 { color: var(--quanta-blue-200); }
  .md-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  .md-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  .md-active-text-blue-200:active { color: var(--quanta-blue-200); }
  .md-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  .md-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  .md-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  .md-text-blue-300 { color: var(--quanta-blue-300); }
  .md-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  .md-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  .md-active-text-blue-300:active { color: var(--quanta-blue-300); }
  .md-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  .md-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  .md-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  .md-text-blue-400 { color: var(--quanta-blue-400); }
  .md-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  .md-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  .md-active-text-blue-400:active { color: var(--quanta-blue-400); }
  .md-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  .md-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  .md-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  .md-text-blue-500 { color: var(--quanta-blue-500); }
  .md-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  .md-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  .md-active-text-blue-500:active { color: var(--quanta-blue-500); }
  .md-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  .md-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  .md-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  .md-text-blue-600 { color: var(--quanta-blue-600); }
  .md-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  .md-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  .md-active-text-blue-600:active { color: var(--quanta-blue-600); }
  .md-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  .md-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  .md-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  .md-text-blue-700 { color: var(--quanta-blue-700); }
  .md-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  .md-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  .md-active-text-blue-700:active { color: var(--quanta-blue-700); }
  .md-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  .md-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  .md-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  .md-text-blue-800 { color: var(--quanta-blue-800); }
  .md-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  .md-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  .md-active-text-blue-800:active { color: var(--quanta-blue-800); }
  .md-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  .md-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  .md-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  .md-text-blue-900 { color: var(--quanta-blue-900); }
  .md-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  .md-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  .md-active-text-blue-900:active { color: var(--quanta-blue-900); }
  .md-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  .md-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  .md-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  .md-text-green-50 { color: var(--quanta-green-50); }
  .md-hover-text-green-50:hover { color: var(--quanta-green-50); }
  .md-focus-text-green-50:focus { color: var(--quanta-green-50); }
  .md-active-text-green-50:active { color: var(--quanta-green-50); }
  .md-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  .md-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  .md-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-text-green-50 { color: var(--quanta-green-50); }
  .md-text-green-100 { color: var(--quanta-green-100); }
  .md-hover-text-green-100:hover { color: var(--quanta-green-100); }
  .md-focus-text-green-100:focus { color: var(--quanta-green-100); }
  .md-active-text-green-100:active { color: var(--quanta-green-100); }
  .md-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  .md-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  .md-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-text-green-100 { color: var(--quanta-green-100); }
  .md-text-green-200 { color: var(--quanta-green-200); }
  .md-hover-text-green-200:hover { color: var(--quanta-green-200); }
  .md-focus-text-green-200:focus { color: var(--quanta-green-200); }
  .md-active-text-green-200:active { color: var(--quanta-green-200); }
  .md-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  .md-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  .md-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-text-green-200 { color: var(--quanta-green-200); }
  .md-text-green-300 { color: var(--quanta-green-300); }
  .md-hover-text-green-300:hover { color: var(--quanta-green-300); }
  .md-focus-text-green-300:focus { color: var(--quanta-green-300); }
  .md-active-text-green-300:active { color: var(--quanta-green-300); }
  .md-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  .md-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  .md-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-text-green-300 { color: var(--quanta-green-300); }
  .md-text-green-400 { color: var(--quanta-green-400); }
  .md-hover-text-green-400:hover { color: var(--quanta-green-400); }
  .md-focus-text-green-400:focus { color: var(--quanta-green-400); }
  .md-active-text-green-400:active { color: var(--quanta-green-400); }
  .md-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  .md-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  .md-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-text-green-400 { color: var(--quanta-green-400); }
  .md-text-green-500 { color: var(--quanta-green-500); }
  .md-hover-text-green-500:hover { color: var(--quanta-green-500); }
  .md-focus-text-green-500:focus { color: var(--quanta-green-500); }
  .md-active-text-green-500:active { color: var(--quanta-green-500); }
  .md-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  .md-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  .md-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-text-green-500 { color: var(--quanta-green-500); }
  .md-text-green-600 { color: var(--quanta-green-600); }
  .md-hover-text-green-600:hover { color: var(--quanta-green-600); }
  .md-focus-text-green-600:focus { color: var(--quanta-green-600); }
  .md-active-text-green-600:active { color: var(--quanta-green-600); }
  .md-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  .md-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  .md-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-text-green-600 { color: var(--quanta-green-600); }
  .md-text-green-700 { color: var(--quanta-green-700); }
  .md-hover-text-green-700:hover { color: var(--quanta-green-700); }
  .md-focus-text-green-700:focus { color: var(--quanta-green-700); }
  .md-active-text-green-700:active { color: var(--quanta-green-700); }
  .md-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  .md-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  .md-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-text-green-700 { color: var(--quanta-green-700); }
  .md-text-green-800 { color: var(--quanta-green-800); }
  .md-hover-text-green-800:hover { color: var(--quanta-green-800); }
  .md-focus-text-green-800:focus { color: var(--quanta-green-800); }
  .md-active-text-green-800:active { color: var(--quanta-green-800); }
  .md-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  .md-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  .md-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-text-green-800 { color: var(--quanta-green-800); }
  .md-text-green-900 { color: var(--quanta-green-900); }
  .md-hover-text-green-900:hover { color: var(--quanta-green-900); }
  .md-focus-text-green-900:focus { color: var(--quanta-green-900); }
  .md-active-text-green-900:active { color: var(--quanta-green-900); }
  .md-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  .md-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  .md-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-text-green-900 { color: var(--quanta-green-900); }
  .md-bg-red-50 { background-color: var(--quanta-red-50); }
  .md-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  .md-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  .md-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  .md-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  .md-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  .md-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  .md-bg-red-100 { background-color: var(--quanta-red-100); }
  .md-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  .md-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  .md-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  .md-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  .md-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  .md-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  .md-bg-red-200 { background-color: var(--quanta-red-200); }
  .md-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  .md-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  .md-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  .md-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  .md-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  .md-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  .md-bg-red-300 { background-color: var(--quanta-red-300); }
  .md-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  .md-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  .md-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  .md-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  .md-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  .md-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  .md-bg-red-400 { background-color: var(--quanta-red-400); }
  .md-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  .md-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  .md-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  .md-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  .md-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  .md-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  .md-bg-red-500 { background-color: var(--quanta-red-500); }
  .md-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  .md-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  .md-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  .md-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  .md-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  .md-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  .md-bg-red-600 { background-color: var(--quanta-red-600); }
  .md-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  .md-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  .md-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  .md-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  .md-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  .md-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  .md-bg-red-700 { background-color: var(--quanta-red-700); }
  .md-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  .md-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  .md-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  .md-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  .md-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  .md-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  .md-bg-red-800 { background-color: var(--quanta-red-800); }
  .md-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  .md-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  .md-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  .md-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  .md-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  .md-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  .md-bg-red-900 { background-color: var(--quanta-red-900); }
  .md-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  .md-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  .md-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  .md-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  .md-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  .md-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  .md-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .md-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  .md-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  .md-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  .md-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  .md-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  .md-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .md-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .md-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  .md-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  .md-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  .md-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  .md-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  .md-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .md-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .md-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  .md-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  .md-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  .md-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  .md-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  .md-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .md-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .md-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  .md-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  .md-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  .md-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  .md-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  .md-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .md-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .md-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  .md-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  .md-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  .md-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  .md-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  .md-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .md-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .md-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  .md-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  .md-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  .md-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  .md-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  .md-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .md-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .md-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  .md-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  .md-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  .md-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  .md-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  .md-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .md-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .md-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  .md-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  .md-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  .md-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  .md-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  .md-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .md-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .md-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  .md-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  .md-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  .md-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  .md-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  .md-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .md-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .md-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  .md-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  .md-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  .md-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  .md-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  .md-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .md-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .md-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  .md-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  .md-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  .md-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  .md-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  .md-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .md-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .md-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  .md-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  .md-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  .md-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  .md-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  .md-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .md-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .md-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  .md-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  .md-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  .md-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  .md-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  .md-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .md-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .md-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  .md-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  .md-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  .md-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  .md-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  .md-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .md-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .md-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  .md-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  .md-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  .md-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  .md-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  .md-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .md-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .md-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  .md-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  .md-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  .md-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  .md-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  .md-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .md-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .md-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  .md-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  .md-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  .md-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  .md-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  .md-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .md-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .md-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  .md-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  .md-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  .md-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  .md-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  .md-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .md-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .md-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  .md-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  .md-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  .md-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  .md-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  .md-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .md-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .md-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  .md-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  .md-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  .md-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  .md-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  .md-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .md-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .md-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  .md-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  .md-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  .md-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  .md-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  .md-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .md-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .md-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  .md-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  .md-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  .md-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  .md-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  .md-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .md-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .md-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  .md-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  .md-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  .md-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  .md-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  .md-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .md-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .md-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  .md-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  .md-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  .md-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  .md-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  .md-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .md-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .md-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  .md-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  .md-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  .md-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  .md-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  .md-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .md-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .md-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  .md-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  .md-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  .md-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  .md-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  .md-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .md-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .md-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  .md-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  .md-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  .md-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  .md-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  .md-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .md-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .md-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  .md-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  .md-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  .md-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  .md-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  .md-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .md-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .md-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  .md-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  .md-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  .md-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  .md-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  .md-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .md-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .md-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  .md-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  .md-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  .md-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  .md-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  .md-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .md-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .md-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  .md-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  .md-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  .md-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  .md-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  .md-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .md-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .md-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  .md-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  .md-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  .md-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  .md-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  .md-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .md-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .md-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  .md-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  .md-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  .md-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  .md-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  .md-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .md-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .md-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  .md-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  .md-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  .md-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  .md-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  .md-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .md-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .md-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  .md-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  .md-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  .md-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  .md-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  .md-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .md-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .md-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  .md-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  .md-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  .md-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  .md-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  .md-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .md-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .md-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  .md-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  .md-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  .md-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  .md-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  .md-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .md-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .md-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  .md-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  .md-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  .md-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  .md-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  .md-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .md-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .md-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  .md-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  .md-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  .md-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  .md-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  .md-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .md-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .md-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  .md-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  .md-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  .md-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  .md-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  .md-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .md-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .md-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  .md-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  .md-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  .md-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  .md-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  .md-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .md-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .md-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  .md-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  .md-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  .md-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  .md-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  .md-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .md-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .md-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  .md-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  .md-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  .md-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  .md-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  .md-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .md-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .md-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  .md-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  .md-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  .md-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  .md-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  .md-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .md-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .md-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  .md-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  .md-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  .md-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  .md-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  .md-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .md-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .md-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  .md-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  .md-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  .md-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  .md-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  .md-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .md-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .md-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  .md-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  .md-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  .md-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  .md-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  .md-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .md-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .md-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  .md-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  .md-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  .md-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  .md-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  .md-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .md-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .md-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  .md-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  .md-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  .md-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  .md-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  .md-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .md-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .md-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  .md-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  .md-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  .md-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  .md-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  .md-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .md-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .md-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  .md-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  .md-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  .md-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  .md-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  .md-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .md-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .md-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  .md-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  .md-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  .md-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  .md-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  .md-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .md-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .md-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  .md-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  .md-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  .md-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  .md-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  .md-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .md-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .md-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  .md-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  .md-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  .md-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  .md-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  .md-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .md-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .md-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  .md-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  .md-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  .md-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  .md-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  .md-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .md-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .md-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  .md-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  .md-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  .md-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  .md-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  .md-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .md-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .md-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  .md-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  .md-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  .md-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  .md-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  .md-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .md-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .md-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  .md-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  .md-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  .md-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  .md-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  .md-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .md-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .md-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  .md-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  .md-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  .md-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  .md-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  .md-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .md-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .md-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  .md-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  .md-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  .md-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  .md-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  .md-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .md-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .md-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  .md-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  .md-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  .md-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  .md-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  .md-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .md-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .md-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  .md-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  .md-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  .md-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  .md-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  .md-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .md-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .md-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  .md-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  .md-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  .md-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  .md-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  .md-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .md-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .md-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  .md-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  .md-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  .md-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  .md-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  .md-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .md-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .md-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  .md-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  .md-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  .md-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  .md-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  .md-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .md-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .md-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  .md-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  .md-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  .md-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  .md-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  .md-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .md-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .md-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  .md-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  .md-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  .md-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  .md-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  .md-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .md-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .md-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  .md-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  .md-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  .md-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  .md-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  .md-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .md-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .md-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  .md-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  .md-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  .md-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  .md-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  .md-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .md-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .md-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  .md-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  .md-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  .md-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  .md-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  .md-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .md-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .md-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  .md-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  .md-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  .md-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  .md-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  .md-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .md-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .md-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  .md-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  .md-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  .md-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  .md-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  .md-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .md-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .md-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  .md-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  .md-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  .md-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  .md-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  .md-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .md-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .md-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  .md-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  .md-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  .md-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  .md-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  .md-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .md-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .md-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  .md-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  .md-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  .md-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  .md-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  .md-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .md-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .md-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  .md-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  .md-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  .md-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  .md-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  .md-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .md-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .md-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  .md-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  .md-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  .md-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  .md-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  .md-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .md-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .md-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  .md-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  .md-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  .md-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  .md-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  .md-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .md-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .md-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  .md-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  .md-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  .md-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  .md-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  .md-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .md-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .md-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  .md-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  .md-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  .md-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  .md-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  .md-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .md-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .md-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  .md-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  .md-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  .md-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  .md-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  .md-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .md-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .md-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  .md-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  .md-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  .md-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  .md-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  .md-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .md-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .md-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  .md-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  .md-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  .md-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  .md-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  .md-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .md-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .md-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  .md-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  .md-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  .md-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  .md-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  .md-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .md-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .md-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  .md-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  .md-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  .md-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  .md-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  .md-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .md-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .md-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  .md-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  .md-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  .md-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  .md-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  .md-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .md-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .md-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  .md-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  .md-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  .md-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  .md-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  .md-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .md-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .md-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  .md-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  .md-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  .md-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  .md-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  .md-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .md-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .md-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  .md-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  .md-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  .md-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  .md-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  .md-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .md-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .md-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  .md-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  .md-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  .md-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  .md-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  .md-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .md-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .md-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  .md-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  .md-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  .md-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  .md-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  .md-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .md-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .md-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  .md-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  .md-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  .md-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  .md-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  .md-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .md-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .md-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  .md-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  .md-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  .md-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  .md-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  .md-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .md-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .md-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  .md-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  .md-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  .md-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  .md-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  .md-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .md-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .md-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  .md-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  .md-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  .md-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  .md-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  .md-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .md-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .md-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  .md-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  .md-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  .md-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  .md-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  .md-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .md-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .md-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  .md-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  .md-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  .md-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  .md-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  .md-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .md-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .md-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  .md-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  .md-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  .md-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  .md-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  .md-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .md-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .md-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  .md-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  .md-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  .md-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  .md-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  .md-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .md-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .md-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  .md-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  .md-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  .md-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  .md-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  .md-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .md-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .md-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  .md-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  .md-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  .md-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  .md-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  .md-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .md-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .md-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  .md-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  .md-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  .md-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  .md-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  .md-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .md-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .md-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  .md-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  .md-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  .md-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  .md-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  .md-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .md-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .md-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  .md-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  .md-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  .md-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  .md-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  .md-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .md-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .md-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  .md-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  .md-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  .md-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  .md-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  .md-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .md-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .md-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  .md-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  .md-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  .md-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  .md-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  .md-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .md-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .md-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  .md-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  .md-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  .md-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  .md-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  .md-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .md-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .md-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  .md-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  .md-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  .md-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  .md-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  .md-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .md-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .md-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  .md-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  .md-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  .md-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  .md-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  .md-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .md-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .md-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  .md-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  .md-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  .md-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  .md-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  .md-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .md-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .md-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  .md-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  .md-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  .md-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  .md-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  .md-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .md-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .md-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  .md-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  .md-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  .md-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  .md-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  .md-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .md-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .md-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  .md-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  .md-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  .md-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  .md-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  .md-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .md-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .md-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  .md-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  .md-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  .md-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  .md-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  .md-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .md-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .md-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  .md-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  .md-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  .md-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  .md-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  .md-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .md-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .md-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  .md-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  .md-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  .md-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  .md-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  .md-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .md-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .md-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  .md-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  .md-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  .md-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  .md-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  .md-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .md-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .md-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  .md-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  .md-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  .md-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  .md-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  .md-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .md-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .md-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  .md-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  .md-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  .md-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  .md-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  .md-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .md-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .md-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  .md-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  .md-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  .md-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  .md-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  .md-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .md-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .md-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  .md-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  .md-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  .md-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  .md-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  .md-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .md-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .md-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  .md-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  .md-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  .md-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  .md-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  .md-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .md-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .md-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  .md-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  .md-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  .md-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  .md-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  .md-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .md-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .md-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  .md-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  .md-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  .md-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  .md-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  .md-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .md-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .md-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  .md-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  .md-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  .md-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  .md-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  .md-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .md-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .md-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  .md-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  .md-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  .md-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  .md-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  .md-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .md-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .md-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  .md-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  .md-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  .md-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  .md-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  .md-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .md-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .md-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  .md-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  .md-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  .md-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  .md-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  .md-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .md-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .md-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  .md-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  .md-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  .md-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  .md-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  .md-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .md-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .md-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  .md-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  .md-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  .md-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  .md-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  .md-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .md-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .md-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  .md-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  .md-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  .md-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  .md-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  .md-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .md-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .md-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  .md-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  .md-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  .md-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  .md-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  .md-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .md-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .md-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  .md-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  .md-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  .md-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  .md-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  .md-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .md-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .md-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  .md-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  .md-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  .md-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  .md-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  .md-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .md-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .md-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  .md-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  .md-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  .md-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  .md-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  .md-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .md-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .md-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  .md-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  .md-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  .md-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  .md-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  .md-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .md-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .md-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  .md-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  .md-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  .md-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  .md-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  .md-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .md-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .md-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  .md-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  .md-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  .md-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  .md-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  .md-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .md-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .md-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  .md-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  .md-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  .md-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  .md-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  .md-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .md-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .md-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  .md-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  .md-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  .md-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  .md-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  .md-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .md-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .md-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  .md-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  .md-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  .md-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  .md-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  .md-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .md-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .md-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  .md-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  .md-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  .md-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  .md-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  .md-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .md-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .md-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  .md-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  .md-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  .md-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  .md-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  .md-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .md-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .md-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  .md-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  .md-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  .md-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  .md-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  .md-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .md-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .md-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  .md-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  .md-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  .md-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  .md-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  .md-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .md-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .md-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  .md-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  .md-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  .md-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  .md-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  .md-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .md-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .md-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  .md-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  .md-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  .md-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  .md-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  .md-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .md-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .md-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  .md-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  .md-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  .md-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  .md-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  .md-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .md-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .md-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  .md-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  .md-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  .md-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  .md-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  .md-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .md-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .md-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  .md-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  .md-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  .md-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  .md-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  .md-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .md-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .md-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  .md-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  .md-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  .md-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  .md-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  .md-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .md-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .md-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  .md-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  .md-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  .md-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  .md-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  .md-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .md-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .md-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  .md-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  .md-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  .md-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  .md-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  .md-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .md-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .md-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  .md-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  .md-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  .md-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  .md-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  .md-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .md-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .md-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  .md-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  .md-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  .md-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  .md-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  .md-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .md-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .md-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  .md-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  .md-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  .md-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  .md-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  .md-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .md-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .md-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  .md-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  .md-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  .md-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  .md-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  .md-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .md-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .md-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  .md-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  .md-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  .md-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  .md-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  .md-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .md-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .md-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  .md-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  .md-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  .md-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  .md-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  .md-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .md-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .md-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  .md-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  .md-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  .md-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  .md-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  .md-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .md-bg-green-50 { background-color: var(--quanta-green-50); }
  .md-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  .md-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  .md-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  .md-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  .md-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  .md-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  .md-bg-green-100 { background-color: var(--quanta-green-100); }
  .md-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  .md-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  .md-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  .md-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  .md-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  .md-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  .md-bg-green-200 { background-color: var(--quanta-green-200); }
  .md-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  .md-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  .md-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  .md-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  .md-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  .md-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  .md-bg-green-300 { background-color: var(--quanta-green-300); }
  .md-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  .md-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  .md-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  .md-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  .md-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  .md-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  .md-bg-green-400 { background-color: var(--quanta-green-400); }
  .md-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  .md-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  .md-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  .md-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  .md-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  .md-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  .md-bg-green-500 { background-color: var(--quanta-green-500); }
  .md-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  .md-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  .md-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  .md-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  .md-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  .md-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  .md-bg-green-600 { background-color: var(--quanta-green-600); }
  .md-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  .md-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  .md-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  .md-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  .md-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  .md-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  .md-bg-green-700 { background-color: var(--quanta-green-700); }
  .md-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  .md-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  .md-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  .md-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  .md-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  .md-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  .md-bg-green-800 { background-color: var(--quanta-green-800); }
  .md-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  .md-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  .md-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  .md-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  .md-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  .md-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  .md-bg-green-900 { background-color: var(--quanta-green-900); }
  .md-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  .md-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  .md-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  .md-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  .md-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  .md-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  .md-bg-black { background-color: var(--black); }
  .md-hover-bg-black:hover { background-color: var(--black); }
  .md-focus-bg-black:focus { background-color: var(--black); }
  .md-active-bg-black:active { background-color: var(--black); }
  .md-disabled-bg-black:disabled { background-color: var(--black); }
  .md-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  .md-focus-within-bg-black:focus-within { background-color: var(--black); }
  .md-group:hover .md-group-hover-bg-black { background-color: var(--black); }
  .md-bg-white { background-color: var(--white); }
  .md-hover-bg-white:hover { background-color: var(--white); }
  .md-focus-bg-white:focus { background-color: var(--white); }
  .md-active-bg-white:active { background-color: var(--white); }
  .md-disabled-bg-white:disabled { background-color: var(--white); }
  .md-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  .md-focus-within-bg-white:focus-within { background-color: var(--white); }
  .md-group:hover .md-group-hover-bg-white { background-color: var(--white); }
  .md-border-red-50 { border-color: var(--quanta-red-50); }
  .md-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  .md-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  .md-active-border-red-50:active { border-color: var(--quanta-red-50); }
  .md-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  .md-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  .md-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  .md-border-red-100 { border-color: var(--quanta-red-100); }
  .md-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  .md-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  .md-active-border-red-100:active { border-color: var(--quanta-red-100); }
  .md-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  .md-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  .md-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  .md-border-red-200 { border-color: var(--quanta-red-200); }
  .md-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  .md-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  .md-active-border-red-200:active { border-color: var(--quanta-red-200); }
  .md-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  .md-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  .md-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  .md-border-red-300 { border-color: var(--quanta-red-300); }
  .md-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  .md-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  .md-active-border-red-300:active { border-color: var(--quanta-red-300); }
  .md-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  .md-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  .md-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  .md-border-red-400 { border-color: var(--quanta-red-400); }
  .md-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  .md-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  .md-active-border-red-400:active { border-color: var(--quanta-red-400); }
  .md-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  .md-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  .md-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  .md-border-red-500 { border-color: var(--quanta-red-500); }
  .md-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  .md-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  .md-active-border-red-500:active { border-color: var(--quanta-red-500); }
  .md-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  .md-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  .md-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  .md-border-red-600 { border-color: var(--quanta-red-600); }
  .md-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  .md-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  .md-active-border-red-600:active { border-color: var(--quanta-red-600); }
  .md-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  .md-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  .md-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  .md-border-red-700 { border-color: var(--quanta-red-700); }
  .md-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  .md-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  .md-active-border-red-700:active { border-color: var(--quanta-red-700); }
  .md-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  .md-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  .md-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  .md-border-red-800 { border-color: var(--quanta-red-800); }
  .md-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  .md-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  .md-active-border-red-800:active { border-color: var(--quanta-red-800); }
  .md-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  .md-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  .md-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  .md-border-red-900 { border-color: var(--quanta-red-900); }
  .md-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  .md-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  .md-active-border-red-900:active { border-color: var(--quanta-red-900); }
  .md-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  .md-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  .md-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  .md-border-orange-50 { border-color: var(--quanta-orange-50); }
  .md-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  .md-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  .md-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  .md-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  .md-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  .md-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  .md-border-orange-100 { border-color: var(--quanta-orange-100); }
  .md-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  .md-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  .md-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  .md-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  .md-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  .md-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  .md-border-orange-200 { border-color: var(--quanta-orange-200); }
  .md-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  .md-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  .md-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  .md-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  .md-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  .md-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  .md-border-orange-300 { border-color: var(--quanta-orange-300); }
  .md-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  .md-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  .md-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  .md-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  .md-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  .md-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  .md-border-orange-400 { border-color: var(--quanta-orange-400); }
  .md-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  .md-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  .md-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  .md-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  .md-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  .md-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  .md-border-orange-500 { border-color: var(--quanta-orange-500); }
  .md-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  .md-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  .md-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  .md-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  .md-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  .md-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  .md-border-orange-600 { border-color: var(--quanta-orange-600); }
  .md-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  .md-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  .md-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  .md-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  .md-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  .md-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  .md-border-orange-700 { border-color: var(--quanta-orange-700); }
  .md-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  .md-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  .md-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  .md-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  .md-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  .md-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  .md-border-orange-800 { border-color: var(--quanta-orange-800); }
  .md-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  .md-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  .md-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  .md-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  .md-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  .md-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  .md-border-orange-900 { border-color: var(--quanta-orange-900); }
  .md-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  .md-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  .md-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  .md-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  .md-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  .md-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  .md-border-teal-50 { border-color: var(--quanta-teal-50); }
  .md-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  .md-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  .md-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  .md-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  .md-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  .md-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  .md-border-teal-100 { border-color: var(--quanta-teal-100); }
  .md-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  .md-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  .md-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  .md-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  .md-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  .md-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  .md-border-teal-200 { border-color: var(--quanta-teal-200); }
  .md-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  .md-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  .md-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  .md-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  .md-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  .md-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  .md-border-teal-300 { border-color: var(--quanta-teal-300); }
  .md-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  .md-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  .md-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  .md-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  .md-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  .md-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  .md-border-teal-400 { border-color: var(--quanta-teal-400); }
  .md-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  .md-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  .md-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  .md-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  .md-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  .md-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  .md-border-teal-500 { border-color: var(--quanta-teal-500); }
  .md-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  .md-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  .md-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  .md-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  .md-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  .md-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  .md-border-teal-600 { border-color: var(--quanta-teal-600); }
  .md-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  .md-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  .md-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  .md-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  .md-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  .md-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  .md-border-teal-700 { border-color: var(--quanta-teal-700); }
  .md-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  .md-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  .md-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  .md-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  .md-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  .md-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  .md-border-teal-800 { border-color: var(--quanta-teal-800); }
  .md-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  .md-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  .md-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  .md-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  .md-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  .md-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  .md-border-teal-900 { border-color: var(--quanta-teal-900); }
  .md-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  .md-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  .md-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  .md-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  .md-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  .md-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  .md-border-purple-50 { border-color: var(--quanta-purple-50); }
  .md-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  .md-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  .md-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  .md-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  .md-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  .md-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  .md-border-purple-100 { border-color: var(--quanta-purple-100); }
  .md-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  .md-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  .md-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  .md-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  .md-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  .md-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  .md-border-purple-200 { border-color: var(--quanta-purple-200); }
  .md-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  .md-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  .md-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  .md-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  .md-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  .md-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  .md-border-purple-300 { border-color: var(--quanta-purple-300); }
  .md-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  .md-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  .md-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  .md-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  .md-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  .md-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  .md-border-purple-400 { border-color: var(--quanta-purple-400); }
  .md-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  .md-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  .md-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  .md-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  .md-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  .md-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  .md-border-purple-500 { border-color: var(--quanta-purple-500); }
  .md-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  .md-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  .md-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  .md-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  .md-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  .md-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  .md-border-purple-600 { border-color: var(--quanta-purple-600); }
  .md-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  .md-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  .md-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  .md-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  .md-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  .md-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  .md-border-purple-700 { border-color: var(--quanta-purple-700); }
  .md-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  .md-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  .md-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  .md-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  .md-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  .md-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  .md-border-purple-800 { border-color: var(--quanta-purple-800); }
  .md-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  .md-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  .md-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  .md-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  .md-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  .md-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  .md-border-purple-900 { border-color: var(--quanta-purple-900); }
  .md-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  .md-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  .md-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  .md-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  .md-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  .md-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  .md-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .md-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  .md-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  .md-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  .md-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  .md-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  .md-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .md-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .md-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  .md-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  .md-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  .md-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  .md-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  .md-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .md-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .md-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  .md-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  .md-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  .md-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  .md-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  .md-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .md-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .md-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  .md-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  .md-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  .md-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  .md-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  .md-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .md-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .md-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  .md-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  .md-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  .md-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  .md-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  .md-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .md-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .md-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  .md-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  .md-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  .md-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  .md-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  .md-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .md-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .md-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  .md-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  .md-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  .md-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  .md-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  .md-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .md-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .md-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  .md-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  .md-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  .md-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  .md-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  .md-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .md-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .md-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  .md-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  .md-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  .md-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  .md-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  .md-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .md-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .md-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  .md-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  .md-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  .md-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  .md-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  .md-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .md-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .md-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  .md-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  .md-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  .md-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  .md-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  .md-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .md-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .md-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  .md-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  .md-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  .md-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  .md-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  .md-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .md-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .md-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  .md-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  .md-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  .md-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  .md-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  .md-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .md-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .md-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  .md-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  .md-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  .md-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  .md-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  .md-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .md-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .md-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  .md-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  .md-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  .md-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  .md-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  .md-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .md-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .md-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  .md-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  .md-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  .md-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  .md-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  .md-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .md-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .md-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  .md-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  .md-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  .md-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  .md-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  .md-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .md-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .md-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  .md-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  .md-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  .md-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  .md-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  .md-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .md-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .md-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  .md-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  .md-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  .md-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  .md-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  .md-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .md-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .md-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  .md-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  .md-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  .md-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  .md-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  .md-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .md-border-pink-50 { border-color: var(--quanta-pink-50); }
  .md-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  .md-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  .md-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  .md-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  .md-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  .md-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  .md-border-pink-100 { border-color: var(--quanta-pink-100); }
  .md-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  .md-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  .md-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  .md-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  .md-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  .md-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  .md-border-pink-200 { border-color: var(--quanta-pink-200); }
  .md-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  .md-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  .md-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  .md-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  .md-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  .md-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  .md-border-pink-300 { border-color: var(--quanta-pink-300); }
  .md-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  .md-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  .md-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  .md-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  .md-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  .md-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  .md-border-pink-400 { border-color: var(--quanta-pink-400); }
  .md-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  .md-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  .md-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  .md-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  .md-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  .md-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  .md-border-pink-500 { border-color: var(--quanta-pink-500); }
  .md-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  .md-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  .md-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  .md-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  .md-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  .md-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  .md-border-pink-600 { border-color: var(--quanta-pink-600); }
  .md-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  .md-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  .md-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  .md-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  .md-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  .md-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  .md-border-pink-700 { border-color: var(--quanta-pink-700); }
  .md-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  .md-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  .md-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  .md-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  .md-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  .md-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  .md-border-pink-800 { border-color: var(--quanta-pink-800); }
  .md-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  .md-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  .md-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  .md-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  .md-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  .md-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  .md-border-pink-900 { border-color: var(--quanta-pink-900); }
  .md-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  .md-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  .md-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  .md-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  .md-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  .md-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  .md-border-grey-50 { border-color: var(--quanta-grey-50); }
  .md-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  .md-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  .md-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  .md-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  .md-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  .md-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  .md-border-grey-100 { border-color: var(--quanta-grey-100); }
  .md-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  .md-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  .md-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  .md-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  .md-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  .md-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  .md-border-grey-200 { border-color: var(--quanta-grey-200); }
  .md-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  .md-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  .md-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  .md-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  .md-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  .md-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  .md-border-grey-300 { border-color: var(--quanta-grey-300); }
  .md-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  .md-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  .md-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  .md-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  .md-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  .md-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  .md-border-grey-400 { border-color: var(--quanta-grey-400); }
  .md-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  .md-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  .md-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  .md-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  .md-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  .md-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  .md-border-grey-500 { border-color: var(--quanta-grey-500); }
  .md-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  .md-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  .md-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  .md-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  .md-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  .md-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  .md-border-grey-600 { border-color: var(--quanta-grey-600); }
  .md-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  .md-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  .md-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  .md-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  .md-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  .md-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  .md-border-grey-700 { border-color: var(--quanta-grey-700); }
  .md-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  .md-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  .md-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  .md-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  .md-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  .md-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  .md-border-grey-800 { border-color: var(--quanta-grey-800); }
  .md-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  .md-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  .md-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  .md-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  .md-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  .md-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  .md-border-grey-900 { border-color: var(--quanta-grey-900); }
  .md-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  .md-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  .md-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  .md-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  .md-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  .md-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  .md-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .md-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  .md-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  .md-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  .md-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  .md-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  .md-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .md-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .md-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  .md-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  .md-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  .md-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  .md-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  .md-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .md-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .md-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  .md-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  .md-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  .md-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  .md-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  .md-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .md-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .md-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  .md-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  .md-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  .md-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  .md-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  .md-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .md-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .md-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  .md-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  .md-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  .md-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  .md-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  .md-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .md-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .md-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  .md-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  .md-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  .md-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  .md-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  .md-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .md-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .md-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  .md-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  .md-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  .md-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  .md-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  .md-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .md-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .md-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  .md-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  .md-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  .md-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  .md-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  .md-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .md-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .md-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  .md-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  .md-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  .md-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  .md-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  .md-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .md-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .md-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  .md-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  .md-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  .md-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  .md-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  .md-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .md-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .md-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  .md-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  .md-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  .md-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  .md-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  .md-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .md-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .md-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  .md-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  .md-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  .md-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  .md-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  .md-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .md-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .md-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  .md-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  .md-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  .md-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  .md-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  .md-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .md-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .md-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  .md-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  .md-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  .md-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  .md-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  .md-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .md-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .md-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  .md-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  .md-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  .md-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  .md-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  .md-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .md-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .md-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  .md-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  .md-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  .md-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  .md-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  .md-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .md-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .md-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  .md-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  .md-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  .md-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  .md-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  .md-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .md-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .md-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  .md-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  .md-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  .md-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  .md-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  .md-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .md-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .md-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  .md-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  .md-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  .md-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  .md-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  .md-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .md-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .md-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  .md-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  .md-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  .md-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  .md-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  .md-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .md-border-lime-50 { border-color: var(--quanta-lime-50); }
  .md-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  .md-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  .md-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  .md-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  .md-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  .md-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  .md-border-lime-100 { border-color: var(--quanta-lime-100); }
  .md-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  .md-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  .md-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  .md-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  .md-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  .md-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  .md-border-lime-200 { border-color: var(--quanta-lime-200); }
  .md-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  .md-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  .md-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  .md-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  .md-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  .md-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  .md-border-lime-300 { border-color: var(--quanta-lime-300); }
  .md-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  .md-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  .md-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  .md-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  .md-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  .md-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  .md-border-lime-400 { border-color: var(--quanta-lime-400); }
  .md-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  .md-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  .md-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  .md-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  .md-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  .md-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  .md-border-lime-500 { border-color: var(--quanta-lime-500); }
  .md-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  .md-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  .md-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  .md-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  .md-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  .md-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  .md-border-lime-600 { border-color: var(--quanta-lime-600); }
  .md-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  .md-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  .md-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  .md-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  .md-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  .md-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  .md-border-lime-700 { border-color: var(--quanta-lime-700); }
  .md-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  .md-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  .md-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  .md-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  .md-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  .md-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  .md-border-lime-800 { border-color: var(--quanta-lime-800); }
  .md-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  .md-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  .md-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  .md-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  .md-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  .md-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  .md-border-lime-900 { border-color: var(--quanta-lime-900); }
  .md-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  .md-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  .md-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  .md-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  .md-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  .md-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  .md-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .md-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  .md-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  .md-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  .md-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  .md-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  .md-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .md-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .md-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  .md-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  .md-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  .md-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  .md-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  .md-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .md-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .md-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  .md-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  .md-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  .md-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  .md-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  .md-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .md-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .md-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  .md-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  .md-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  .md-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  .md-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  .md-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .md-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .md-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  .md-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  .md-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  .md-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  .md-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  .md-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .md-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .md-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  .md-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  .md-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  .md-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  .md-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  .md-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .md-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .md-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  .md-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  .md-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  .md-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  .md-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  .md-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .md-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .md-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  .md-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  .md-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  .md-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  .md-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  .md-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .md-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .md-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  .md-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  .md-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  .md-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  .md-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  .md-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .md-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .md-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  .md-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  .md-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  .md-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  .md-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  .md-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .md-border-sky-50 { border-color: var(--quanta-sky-50); }
  .md-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  .md-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  .md-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  .md-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  .md-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  .md-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  .md-border-sky-100 { border-color: var(--quanta-sky-100); }
  .md-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  .md-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  .md-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  .md-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  .md-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  .md-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  .md-border-sky-200 { border-color: var(--quanta-sky-200); }
  .md-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  .md-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  .md-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  .md-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  .md-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  .md-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  .md-border-sky-300 { border-color: var(--quanta-sky-300); }
  .md-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  .md-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  .md-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  .md-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  .md-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  .md-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  .md-border-sky-400 { border-color: var(--quanta-sky-400); }
  .md-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  .md-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  .md-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  .md-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  .md-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  .md-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  .md-border-sky-500 { border-color: var(--quanta-sky-500); }
  .md-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  .md-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  .md-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  .md-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  .md-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  .md-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  .md-border-sky-600 { border-color: var(--quanta-sky-600); }
  .md-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  .md-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  .md-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  .md-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  .md-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  .md-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  .md-border-sky-700 { border-color: var(--quanta-sky-700); }
  .md-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  .md-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  .md-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  .md-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  .md-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  .md-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  .md-border-sky-800 { border-color: var(--quanta-sky-800); }
  .md-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  .md-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  .md-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  .md-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  .md-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  .md-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  .md-border-sky-900 { border-color: var(--quanta-sky-900); }
  .md-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  .md-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  .md-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  .md-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  .md-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  .md-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  .md-border-violet-50 { border-color: var(--quanta-violet-50); }
  .md-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  .md-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  .md-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  .md-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  .md-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  .md-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  .md-border-violet-100 { border-color: var(--quanta-violet-100); }
  .md-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  .md-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  .md-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  .md-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  .md-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  .md-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  .md-border-violet-200 { border-color: var(--quanta-violet-200); }
  .md-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  .md-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  .md-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  .md-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  .md-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  .md-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  .md-border-violet-300 { border-color: var(--quanta-violet-300); }
  .md-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  .md-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  .md-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  .md-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  .md-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  .md-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  .md-border-violet-400 { border-color: var(--quanta-violet-400); }
  .md-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  .md-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  .md-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  .md-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  .md-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  .md-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  .md-border-violet-500 { border-color: var(--quanta-violet-500); }
  .md-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  .md-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  .md-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  .md-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  .md-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  .md-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  .md-border-violet-600 { border-color: var(--quanta-violet-600); }
  .md-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  .md-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  .md-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  .md-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  .md-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  .md-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  .md-border-violet-700 { border-color: var(--quanta-violet-700); }
  .md-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  .md-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  .md-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  .md-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  .md-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  .md-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  .md-border-violet-800 { border-color: var(--quanta-violet-800); }
  .md-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  .md-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  .md-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  .md-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  .md-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  .md-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  .md-border-violet-900 { border-color: var(--quanta-violet-900); }
  .md-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  .md-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  .md-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  .md-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  .md-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  .md-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  .md-border-rose-50 { border-color: var(--quanta-rose-50); }
  .md-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  .md-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  .md-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  .md-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  .md-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  .md-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  .md-border-rose-100 { border-color: var(--quanta-rose-100); }
  .md-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  .md-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  .md-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  .md-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  .md-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  .md-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  .md-border-rose-200 { border-color: var(--quanta-rose-200); }
  .md-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  .md-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  .md-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  .md-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  .md-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  .md-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  .md-border-rose-300 { border-color: var(--quanta-rose-300); }
  .md-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  .md-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  .md-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  .md-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  .md-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  .md-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  .md-border-rose-400 { border-color: var(--quanta-rose-400); }
  .md-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  .md-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  .md-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  .md-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  .md-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  .md-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  .md-border-rose-500 { border-color: var(--quanta-rose-500); }
  .md-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  .md-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  .md-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  .md-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  .md-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  .md-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  .md-border-rose-600 { border-color: var(--quanta-rose-600); }
  .md-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  .md-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  .md-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  .md-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  .md-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  .md-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  .md-border-rose-700 { border-color: var(--quanta-rose-700); }
  .md-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  .md-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  .md-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  .md-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  .md-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  .md-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  .md-border-rose-800 { border-color: var(--quanta-rose-800); }
  .md-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  .md-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  .md-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  .md-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  .md-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  .md-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  .md-border-rose-900 { border-color: var(--quanta-rose-900); }
  .md-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  .md-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  .md-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  .md-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  .md-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  .md-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  .md-border-slate-50 { border-color: var(--quanta-slate-50); }
  .md-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  .md-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  .md-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  .md-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  .md-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  .md-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  .md-border-slate-100 { border-color: var(--quanta-slate-100); }
  .md-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  .md-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  .md-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  .md-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  .md-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  .md-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  .md-border-slate-200 { border-color: var(--quanta-slate-200); }
  .md-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  .md-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  .md-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  .md-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  .md-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  .md-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  .md-border-slate-300 { border-color: var(--quanta-slate-300); }
  .md-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  .md-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  .md-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  .md-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  .md-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  .md-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  .md-border-slate-400 { border-color: var(--quanta-slate-400); }
  .md-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  .md-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  .md-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  .md-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  .md-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  .md-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  .md-border-slate-500 { border-color: var(--quanta-slate-500); }
  .md-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  .md-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  .md-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  .md-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  .md-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  .md-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  .md-border-slate-600 { border-color: var(--quanta-slate-600); }
  .md-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  .md-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  .md-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  .md-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  .md-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  .md-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  .md-border-slate-700 { border-color: var(--quanta-slate-700); }
  .md-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  .md-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  .md-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  .md-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  .md-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  .md-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  .md-border-slate-800 { border-color: var(--quanta-slate-800); }
  .md-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  .md-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  .md-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  .md-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  .md-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  .md-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  .md-border-slate-900 { border-color: var(--quanta-slate-900); }
  .md-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  .md-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  .md-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  .md-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  .md-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  .md-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  .md-border-blue-50 { border-color: var(--quanta-blue-50); }
  .md-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  .md-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  .md-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  .md-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  .md-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  .md-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  .md-border-blue-100 { border-color: var(--quanta-blue-100); }
  .md-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  .md-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  .md-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  .md-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  .md-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  .md-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  .md-border-blue-200 { border-color: var(--quanta-blue-200); }
  .md-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  .md-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  .md-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  .md-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  .md-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  .md-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  .md-border-blue-300 { border-color: var(--quanta-blue-300); }
  .md-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  .md-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  .md-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  .md-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  .md-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  .md-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  .md-border-blue-400 { border-color: var(--quanta-blue-400); }
  .md-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  .md-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  .md-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  .md-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  .md-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  .md-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  .md-border-blue-500 { border-color: var(--quanta-blue-500); }
  .md-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  .md-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  .md-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  .md-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  .md-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  .md-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  .md-border-blue-600 { border-color: var(--quanta-blue-600); }
  .md-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  .md-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  .md-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  .md-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  .md-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  .md-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  .md-border-blue-700 { border-color: var(--quanta-blue-700); }
  .md-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  .md-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  .md-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  .md-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  .md-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  .md-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  .md-border-blue-800 { border-color: var(--quanta-blue-800); }
  .md-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  .md-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  .md-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  .md-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  .md-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  .md-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  .md-border-blue-900 { border-color: var(--quanta-blue-900); }
  .md-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  .md-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  .md-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  .md-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  .md-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  .md-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  .md-border-green-50 { border-color: var(--quanta-green-50); }
  .md-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  .md-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  .md-active-border-green-50:active { border-color: var(--quanta-green-50); }
  .md-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  .md-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  .md-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  .md-border-green-100 { border-color: var(--quanta-green-100); }
  .md-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  .md-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  .md-active-border-green-100:active { border-color: var(--quanta-green-100); }
  .md-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  .md-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  .md-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  .md-border-green-200 { border-color: var(--quanta-green-200); }
  .md-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  .md-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  .md-active-border-green-200:active { border-color: var(--quanta-green-200); }
  .md-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  .md-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  .md-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  .md-border-green-300 { border-color: var(--quanta-green-300); }
  .md-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  .md-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  .md-active-border-green-300:active { border-color: var(--quanta-green-300); }
  .md-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  .md-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  .md-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  .md-border-green-400 { border-color: var(--quanta-green-400); }
  .md-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  .md-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  .md-active-border-green-400:active { border-color: var(--quanta-green-400); }
  .md-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  .md-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  .md-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  .md-border-green-500 { border-color: var(--quanta-green-500); }
  .md-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  .md-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  .md-active-border-green-500:active { border-color: var(--quanta-green-500); }
  .md-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  .md-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  .md-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  .md-border-green-600 { border-color: var(--quanta-green-600); }
  .md-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  .md-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  .md-active-border-green-600:active { border-color: var(--quanta-green-600); }
  .md-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  .md-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  .md-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  .md-border-green-700 { border-color: var(--quanta-green-700); }
  .md-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  .md-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  .md-active-border-green-700:active { border-color: var(--quanta-green-700); }
  .md-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  .md-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  .md-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  .md-border-green-800 { border-color: var(--quanta-green-800); }
  .md-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  .md-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  .md-active-border-green-800:active { border-color: var(--quanta-green-800); }
  .md-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  .md-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  .md-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  .md-border-green-900 { border-color: var(--quanta-green-900); }
  .md-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  .md-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  .md-active-border-green-900:active { border-color: var(--quanta-green-900); }
  .md-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  .md-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  .md-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  .md-border-black { border-color: var(--black); }
  .md-hover-border-black:hover { border-color: var(--black); }
  .md-focus-border-black:focus { border-color: var(--black); }
  .md-active-border-black:active { border-color: var(--black); }
  .md-disabled-border-black:disabled { border-color: var(--black); }
  .md-focus-visible-border-black:focus-visible { border-color: var(--black); }
  .md-focus-within-border-black:focus-within { border-color: var(--black); }
  .md-group:hover .md-group-hover-border-black { border-color: var(--black); }
  .md-border-white { border-color: var(--white); }
  .md-hover-border-white:hover { border-color: var(--white); }
  .md-focus-border-white:focus { border-color: var(--white); }
  .md-active-border-white:active { border-color: var(--white); }
  .md-disabled-border-white:disabled { border-color: var(--white); }
  .md-focus-visible-border-white:focus-visible { border-color: var(--white); }
  .md-focus-within-border-white:focus-within { border-color: var(--white); }
  .md-group:hover .md-group-hover-border-white { border-color: var(--white); }
  .md-border-0 { border-width: 0.0rem; }
  .md-hover-border-0:hover { border-width: 0.0rem; }
  .md-focus-border-0:focus { border-width: 0.0rem; }
  .md-active-border-0:active { border-width: 0.0rem; }
  .md-disabled-border-0:disabled { border-width: 0.0rem; }
  .md-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .md-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-0 { border-width: 0.0rem; }
  .md-border-0 { border-width: 0.0rem; }
  .md-hover-border-0:hover { border-width: 0.0rem; }
  .md-focus-border-0:focus { border-width: 0.0rem; }
  .md-active-border-0:active { border-width: 0.0rem; }
  .md-disabled-border-0:disabled { border-width: 0.0rem; }
  .md-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .md-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-0 { border-width: 0.0rem; }
  .md-border-t-0 { border-top-width: 0.0rem; }
  .md-hover-border-t-0:hover { border-top-width: 0.0rem; }
  .md-focus-border-t-0:focus { border-top-width: 0.0rem; }
  .md-active-border-t-0:active { border-top-width: 0.0rem; }
  .md-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  .md-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  .md-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-t-0 { border-top-width: 0.0rem; }
  .md-border-r-0 { border-right-width: 0.0rem; }
  .md-hover-border-r-0:hover { border-right-width: 0.0rem; }
  .md-focus-border-r-0:focus { border-right-width: 0.0rem; }
  .md-active-border-r-0:active { border-right-width: 0.0rem; }
  .md-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  .md-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  .md-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-r-0 { border-right-width: 0.0rem; }
  .md-border-b-0 { border-bottom-width: 0.0rem; }
  .md-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  .md-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  .md-active-border-b-0:active { border-bottom-width: 0.0rem; }
  .md-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  .md-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  .md-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  .md-border-l-0 { border-left-width: 0.0rem; }
  .md-hover-border-l-0:hover { border-left-width: 0.0rem; }
  .md-focus-border-l-0:focus { border-left-width: 0.0rem; }
  .md-active-border-l-0:active { border-left-width: 0.0rem; }
  .md-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  .md-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  .md-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-l-0 { border-left-width: 0.0rem; }
  .md-border-1 { border-width: 0.0625rem; }
  .md-hover-border-1:hover { border-width: 0.0625rem; }
  .md-focus-border-1:focus { border-width: 0.0625rem; }
  .md-active-border-1:active { border-width: 0.0625rem; }
  .md-disabled-border-1:disabled { border-width: 0.0625rem; }
  .md-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .md-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-1 { border-width: 0.0625rem; }
  .md-border-1 { border-width: 0.0625rem; }
  .md-hover-border-1:hover { border-width: 0.0625rem; }
  .md-focus-border-1:focus { border-width: 0.0625rem; }
  .md-active-border-1:active { border-width: 0.0625rem; }
  .md-disabled-border-1:disabled { border-width: 0.0625rem; }
  .md-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .md-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-1 { border-width: 0.0625rem; }
  .md-border-t-1 { border-top-width: 0.0625rem; }
  .md-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  .md-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  .md-active-border-t-1:active { border-top-width: 0.0625rem; }
  .md-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  .md-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  .md-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  .md-border-r-1 { border-right-width: 0.0625rem; }
  .md-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  .md-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  .md-active-border-r-1:active { border-right-width: 0.0625rem; }
  .md-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  .md-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  .md-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  .md-border-b-1 { border-bottom-width: 0.0625rem; }
  .md-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  .md-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  .md-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  .md-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  .md-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  .md-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  .md-border-l-1 { border-left-width: 0.0625rem; }
  .md-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  .md-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  .md-active-border-l-1:active { border-left-width: 0.0625rem; }
  .md-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  .md-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  .md-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  .md-border-2 { border-width: 0.125rem; }
  .md-hover-border-2:hover { border-width: 0.125rem; }
  .md-focus-border-2:focus { border-width: 0.125rem; }
  .md-active-border-2:active { border-width: 0.125rem; }
  .md-disabled-border-2:disabled { border-width: 0.125rem; }
  .md-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .md-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-2 { border-width: 0.125rem; }
  .md-border-2 { border-width: 0.125rem; }
  .md-hover-border-2:hover { border-width: 0.125rem; }
  .md-focus-border-2:focus { border-width: 0.125rem; }
  .md-active-border-2:active { border-width: 0.125rem; }
  .md-disabled-border-2:disabled { border-width: 0.125rem; }
  .md-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .md-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-2 { border-width: 0.125rem; }
  .md-border-t-2 { border-top-width: 0.125rem; }
  .md-hover-border-t-2:hover { border-top-width: 0.125rem; }
  .md-focus-border-t-2:focus { border-top-width: 0.125rem; }
  .md-active-border-t-2:active { border-top-width: 0.125rem; }
  .md-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  .md-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  .md-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-t-2 { border-top-width: 0.125rem; }
  .md-border-r-2 { border-right-width: 0.125rem; }
  .md-hover-border-r-2:hover { border-right-width: 0.125rem; }
  .md-focus-border-r-2:focus { border-right-width: 0.125rem; }
  .md-active-border-r-2:active { border-right-width: 0.125rem; }
  .md-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  .md-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  .md-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-r-2 { border-right-width: 0.125rem; }
  .md-border-b-2 { border-bottom-width: 0.125rem; }
  .md-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  .md-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  .md-active-border-b-2:active { border-bottom-width: 0.125rem; }
  .md-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  .md-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  .md-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  .md-border-l-2 { border-left-width: 0.125rem; }
  .md-hover-border-l-2:hover { border-left-width: 0.125rem; }
  .md-focus-border-l-2:focus { border-left-width: 0.125rem; }
  .md-active-border-l-2:active { border-left-width: 0.125rem; }
  .md-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  .md-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  .md-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-l-2 { border-left-width: 0.125rem; }
  .md-border-3 { border-width: 0.1875rem; }
  .md-hover-border-3:hover { border-width: 0.1875rem; }
  .md-focus-border-3:focus { border-width: 0.1875rem; }
  .md-active-border-3:active { border-width: 0.1875rem; }
  .md-disabled-border-3:disabled { border-width: 0.1875rem; }
  .md-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .md-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-3 { border-width: 0.1875rem; }
  .md-border-3 { border-width: 0.1875rem; }
  .md-hover-border-3:hover { border-width: 0.1875rem; }
  .md-focus-border-3:focus { border-width: 0.1875rem; }
  .md-active-border-3:active { border-width: 0.1875rem; }
  .md-disabled-border-3:disabled { border-width: 0.1875rem; }
  .md-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .md-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-3 { border-width: 0.1875rem; }
  .md-border-t-3 { border-top-width: 0.1875rem; }
  .md-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  .md-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  .md-active-border-t-3:active { border-top-width: 0.1875rem; }
  .md-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  .md-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  .md-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  .md-border-r-3 { border-right-width: 0.1875rem; }
  .md-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  .md-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  .md-active-border-r-3:active { border-right-width: 0.1875rem; }
  .md-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  .md-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  .md-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  .md-border-b-3 { border-bottom-width: 0.1875rem; }
  .md-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  .md-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  .md-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  .md-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  .md-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  .md-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  .md-border-l-3 { border-left-width: 0.1875rem; }
  .md-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  .md-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  .md-active-border-l-3:active { border-left-width: 0.1875rem; }
  .md-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  .md-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  .md-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  .md-border-4 { border-width: 0.25rem; }
  .md-hover-border-4:hover { border-width: 0.25rem; }
  .md-focus-border-4:focus { border-width: 0.25rem; }
  .md-active-border-4:active { border-width: 0.25rem; }
  .md-disabled-border-4:disabled { border-width: 0.25rem; }
  .md-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .md-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-4 { border-width: 0.25rem; }
  .md-border-4 { border-width: 0.25rem; }
  .md-hover-border-4:hover { border-width: 0.25rem; }
  .md-focus-border-4:focus { border-width: 0.25rem; }
  .md-active-border-4:active { border-width: 0.25rem; }
  .md-disabled-border-4:disabled { border-width: 0.25rem; }
  .md-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .md-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-4 { border-width: 0.25rem; }
  .md-border-t-4 { border-top-width: 0.25rem; }
  .md-hover-border-t-4:hover { border-top-width: 0.25rem; }
  .md-focus-border-t-4:focus { border-top-width: 0.25rem; }
  .md-active-border-t-4:active { border-top-width: 0.25rem; }
  .md-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  .md-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  .md-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-t-4 { border-top-width: 0.25rem; }
  .md-border-r-4 { border-right-width: 0.25rem; }
  .md-hover-border-r-4:hover { border-right-width: 0.25rem; }
  .md-focus-border-r-4:focus { border-right-width: 0.25rem; }
  .md-active-border-r-4:active { border-right-width: 0.25rem; }
  .md-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  .md-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  .md-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-r-4 { border-right-width: 0.25rem; }
  .md-border-b-4 { border-bottom-width: 0.25rem; }
  .md-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  .md-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  .md-active-border-b-4:active { border-bottom-width: 0.25rem; }
  .md-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  .md-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  .md-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  .md-border-l-4 { border-left-width: 0.25rem; }
  .md-hover-border-l-4:hover { border-left-width: 0.25rem; }
  .md-focus-border-l-4:focus { border-left-width: 0.25rem; }
  .md-active-border-l-4:active { border-left-width: 0.25rem; }
  .md-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  .md-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  .md-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-l-4 { border-left-width: 0.25rem; }
  .md-border-5 { border-width: 0.3125rem; }
  .md-hover-border-5:hover { border-width: 0.3125rem; }
  .md-focus-border-5:focus { border-width: 0.3125rem; }
  .md-active-border-5:active { border-width: 0.3125rem; }
  .md-disabled-border-5:disabled { border-width: 0.3125rem; }
  .md-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .md-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-5 { border-width: 0.3125rem; }
  .md-border-5 { border-width: 0.3125rem; }
  .md-hover-border-5:hover { border-width: 0.3125rem; }
  .md-focus-border-5:focus { border-width: 0.3125rem; }
  .md-active-border-5:active { border-width: 0.3125rem; }
  .md-disabled-border-5:disabled { border-width: 0.3125rem; }
  .md-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .md-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-5 { border-width: 0.3125rem; }
  .md-border-t-5 { border-top-width: 0.3125rem; }
  .md-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  .md-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  .md-active-border-t-5:active { border-top-width: 0.3125rem; }
  .md-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  .md-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  .md-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  .md-border-r-5 { border-right-width: 0.3125rem; }
  .md-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  .md-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  .md-active-border-r-5:active { border-right-width: 0.3125rem; }
  .md-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  .md-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  .md-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  .md-border-b-5 { border-bottom-width: 0.3125rem; }
  .md-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  .md-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  .md-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  .md-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  .md-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  .md-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  .md-border-l-5 { border-left-width: 0.3125rem; }
  .md-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  .md-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  .md-active-border-l-5:active { border-left-width: 0.3125rem; }
  .md-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  .md-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  .md-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  .md-border-6 { border-width: 0.375rem; }
  .md-hover-border-6:hover { border-width: 0.375rem; }
  .md-focus-border-6:focus { border-width: 0.375rem; }
  .md-active-border-6:active { border-width: 0.375rem; }
  .md-disabled-border-6:disabled { border-width: 0.375rem; }
  .md-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .md-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-6 { border-width: 0.375rem; }
  .md-border-6 { border-width: 0.375rem; }
  .md-hover-border-6:hover { border-width: 0.375rem; }
  .md-focus-border-6:focus { border-width: 0.375rem; }
  .md-active-border-6:active { border-width: 0.375rem; }
  .md-disabled-border-6:disabled { border-width: 0.375rem; }
  .md-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .md-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-6 { border-width: 0.375rem; }
  .md-border-t-6 { border-top-width: 0.375rem; }
  .md-hover-border-t-6:hover { border-top-width: 0.375rem; }
  .md-focus-border-t-6:focus { border-top-width: 0.375rem; }
  .md-active-border-t-6:active { border-top-width: 0.375rem; }
  .md-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  .md-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  .md-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-t-6 { border-top-width: 0.375rem; }
  .md-border-r-6 { border-right-width: 0.375rem; }
  .md-hover-border-r-6:hover { border-right-width: 0.375rem; }
  .md-focus-border-r-6:focus { border-right-width: 0.375rem; }
  .md-active-border-r-6:active { border-right-width: 0.375rem; }
  .md-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  .md-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  .md-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-r-6 { border-right-width: 0.375rem; }
  .md-border-b-6 { border-bottom-width: 0.375rem; }
  .md-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  .md-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  .md-active-border-b-6:active { border-bottom-width: 0.375rem; }
  .md-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  .md-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  .md-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  .md-border-l-6 { border-left-width: 0.375rem; }
  .md-hover-border-l-6:hover { border-left-width: 0.375rem; }
  .md-focus-border-l-6:focus { border-left-width: 0.375rem; }
  .md-active-border-l-6:active { border-left-width: 0.375rem; }
  .md-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  .md-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  .md-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-l-6 { border-left-width: 0.375rem; }
  .md-border-7 { border-width: 0.4375rem; }
  .md-hover-border-7:hover { border-width: 0.4375rem; }
  .md-focus-border-7:focus { border-width: 0.4375rem; }
  .md-active-border-7:active { border-width: 0.4375rem; }
  .md-disabled-border-7:disabled { border-width: 0.4375rem; }
  .md-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .md-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-7 { border-width: 0.4375rem; }
  .md-border-7 { border-width: 0.4375rem; }
  .md-hover-border-7:hover { border-width: 0.4375rem; }
  .md-focus-border-7:focus { border-width: 0.4375rem; }
  .md-active-border-7:active { border-width: 0.4375rem; }
  .md-disabled-border-7:disabled { border-width: 0.4375rem; }
  .md-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .md-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-7 { border-width: 0.4375rem; }
  .md-border-t-7 { border-top-width: 0.4375rem; }
  .md-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  .md-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  .md-active-border-t-7:active { border-top-width: 0.4375rem; }
  .md-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  .md-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  .md-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  .md-border-r-7 { border-right-width: 0.4375rem; }
  .md-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  .md-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  .md-active-border-r-7:active { border-right-width: 0.4375rem; }
  .md-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  .md-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  .md-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  .md-border-b-7 { border-bottom-width: 0.4375rem; }
  .md-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  .md-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  .md-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  .md-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  .md-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  .md-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  .md-border-l-7 { border-left-width: 0.4375rem; }
  .md-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  .md-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  .md-active-border-l-7:active { border-left-width: 0.4375rem; }
  .md-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  .md-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  .md-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  .md-border-8 { border-width: 0.5rem; }
  .md-hover-border-8:hover { border-width: 0.5rem; }
  .md-focus-border-8:focus { border-width: 0.5rem; }
  .md-active-border-8:active { border-width: 0.5rem; }
  .md-disabled-border-8:disabled { border-width: 0.5rem; }
  .md-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .md-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-8 { border-width: 0.5rem; }
  .md-border-8 { border-width: 0.5rem; }
  .md-hover-border-8:hover { border-width: 0.5rem; }
  .md-focus-border-8:focus { border-width: 0.5rem; }
  .md-active-border-8:active { border-width: 0.5rem; }
  .md-disabled-border-8:disabled { border-width: 0.5rem; }
  .md-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .md-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-8 { border-width: 0.5rem; }
  .md-border-t-8 { border-top-width: 0.5rem; }
  .md-hover-border-t-8:hover { border-top-width: 0.5rem; }
  .md-focus-border-t-8:focus { border-top-width: 0.5rem; }
  .md-active-border-t-8:active { border-top-width: 0.5rem; }
  .md-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  .md-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  .md-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-t-8 { border-top-width: 0.5rem; }
  .md-border-r-8 { border-right-width: 0.5rem; }
  .md-hover-border-r-8:hover { border-right-width: 0.5rem; }
  .md-focus-border-r-8:focus { border-right-width: 0.5rem; }
  .md-active-border-r-8:active { border-right-width: 0.5rem; }
  .md-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  .md-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  .md-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-r-8 { border-right-width: 0.5rem; }
  .md-border-b-8 { border-bottom-width: 0.5rem; }
  .md-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  .md-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  .md-active-border-b-8:active { border-bottom-width: 0.5rem; }
  .md-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  .md-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  .md-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  .md-border-l-8 { border-left-width: 0.5rem; }
  .md-hover-border-l-8:hover { border-left-width: 0.5rem; }
  .md-focus-border-l-8:focus { border-left-width: 0.5rem; }
  .md-active-border-l-8:active { border-left-width: 0.5rem; }
  .md-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  .md-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  .md-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-l-8 { border-left-width: 0.5rem; }
  .md-border-9 { border-width: 0.5625rem; }
  .md-hover-border-9:hover { border-width: 0.5625rem; }
  .md-focus-border-9:focus { border-width: 0.5625rem; }
  .md-active-border-9:active { border-width: 0.5625rem; }
  .md-disabled-border-9:disabled { border-width: 0.5625rem; }
  .md-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .md-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-9 { border-width: 0.5625rem; }
  .md-border-9 { border-width: 0.5625rem; }
  .md-hover-border-9:hover { border-width: 0.5625rem; }
  .md-focus-border-9:focus { border-width: 0.5625rem; }
  .md-active-border-9:active { border-width: 0.5625rem; }
  .md-disabled-border-9:disabled { border-width: 0.5625rem; }
  .md-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .md-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-9 { border-width: 0.5625rem; }
  .md-border-t-9 { border-top-width: 0.5625rem; }
  .md-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  .md-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  .md-active-border-t-9:active { border-top-width: 0.5625rem; }
  .md-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  .md-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  .md-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  .md-border-r-9 { border-right-width: 0.5625rem; }
  .md-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  .md-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  .md-active-border-r-9:active { border-right-width: 0.5625rem; }
  .md-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  .md-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  .md-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  .md-border-b-9 { border-bottom-width: 0.5625rem; }
  .md-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  .md-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  .md-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  .md-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  .md-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  .md-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  .md-border-l-9 { border-left-width: 0.5625rem; }
  .md-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  .md-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  .md-active-border-l-9:active { border-left-width: 0.5625rem; }
  .md-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  .md-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  .md-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  .md-border-10 { border-width: 0.625rem; }
  .md-hover-border-10:hover { border-width: 0.625rem; }
  .md-focus-border-10:focus { border-width: 0.625rem; }
  .md-active-border-10:active { border-width: 0.625rem; }
  .md-disabled-border-10:disabled { border-width: 0.625rem; }
  .md-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .md-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-10 { border-width: 0.625rem; }
  .md-border-10 { border-width: 0.625rem; }
  .md-hover-border-10:hover { border-width: 0.625rem; }
  .md-focus-border-10:focus { border-width: 0.625rem; }
  .md-active-border-10:active { border-width: 0.625rem; }
  .md-disabled-border-10:disabled { border-width: 0.625rem; }
  .md-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .md-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-10 { border-width: 0.625rem; }
  .md-border-t-10 { border-top-width: 0.625rem; }
  .md-hover-border-t-10:hover { border-top-width: 0.625rem; }
  .md-focus-border-t-10:focus { border-top-width: 0.625rem; }
  .md-active-border-t-10:active { border-top-width: 0.625rem; }
  .md-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  .md-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  .md-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-t-10 { border-top-width: 0.625rem; }
  .md-border-r-10 { border-right-width: 0.625rem; }
  .md-hover-border-r-10:hover { border-right-width: 0.625rem; }
  .md-focus-border-r-10:focus { border-right-width: 0.625rem; }
  .md-active-border-r-10:active { border-right-width: 0.625rem; }
  .md-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  .md-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  .md-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-r-10 { border-right-width: 0.625rem; }
  .md-border-b-10 { border-bottom-width: 0.625rem; }
  .md-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  .md-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  .md-active-border-b-10:active { border-bottom-width: 0.625rem; }
  .md-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  .md-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  .md-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  .md-border-l-10 { border-left-width: 0.625rem; }
  .md-hover-border-l-10:hover { border-left-width: 0.625rem; }
  .md-focus-border-l-10:focus { border-left-width: 0.625rem; }
  .md-active-border-l-10:active { border-left-width: 0.625rem; }
  .md-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  .md-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  .md-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-l-10 { border-left-width: 0.625rem; }
  .md-border-11 { border-width: 0.6875rem; }
  .md-hover-border-11:hover { border-width: 0.6875rem; }
  .md-focus-border-11:focus { border-width: 0.6875rem; }
  .md-active-border-11:active { border-width: 0.6875rem; }
  .md-disabled-border-11:disabled { border-width: 0.6875rem; }
  .md-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .md-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-11 { border-width: 0.6875rem; }
  .md-border-11 { border-width: 0.6875rem; }
  .md-hover-border-11:hover { border-width: 0.6875rem; }
  .md-focus-border-11:focus { border-width: 0.6875rem; }
  .md-active-border-11:active { border-width: 0.6875rem; }
  .md-disabled-border-11:disabled { border-width: 0.6875rem; }
  .md-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .md-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-11 { border-width: 0.6875rem; }
  .md-border-t-11 { border-top-width: 0.6875rem; }
  .md-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  .md-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  .md-active-border-t-11:active { border-top-width: 0.6875rem; }
  .md-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  .md-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  .md-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  .md-border-r-11 { border-right-width: 0.6875rem; }
  .md-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  .md-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  .md-active-border-r-11:active { border-right-width: 0.6875rem; }
  .md-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  .md-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  .md-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  .md-border-b-11 { border-bottom-width: 0.6875rem; }
  .md-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  .md-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  .md-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  .md-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  .md-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  .md-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  .md-border-l-11 { border-left-width: 0.6875rem; }
  .md-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  .md-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  .md-active-border-l-11:active { border-left-width: 0.6875rem; }
  .md-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  .md-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  .md-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  .md-border-12 { border-width: 0.75rem; }
  .md-hover-border-12:hover { border-width: 0.75rem; }
  .md-focus-border-12:focus { border-width: 0.75rem; }
  .md-active-border-12:active { border-width: 0.75rem; }
  .md-disabled-border-12:disabled { border-width: 0.75rem; }
  .md-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .md-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-12 { border-width: 0.75rem; }
  .md-border-12 { border-width: 0.75rem; }
  .md-hover-border-12:hover { border-width: 0.75rem; }
  .md-focus-border-12:focus { border-width: 0.75rem; }
  .md-active-border-12:active { border-width: 0.75rem; }
  .md-disabled-border-12:disabled { border-width: 0.75rem; }
  .md-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .md-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-12 { border-width: 0.75rem; }
  .md-border-t-12 { border-top-width: 0.75rem; }
  .md-hover-border-t-12:hover { border-top-width: 0.75rem; }
  .md-focus-border-t-12:focus { border-top-width: 0.75rem; }
  .md-active-border-t-12:active { border-top-width: 0.75rem; }
  .md-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  .md-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  .md-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-t-12 { border-top-width: 0.75rem; }
  .md-border-r-12 { border-right-width: 0.75rem; }
  .md-hover-border-r-12:hover { border-right-width: 0.75rem; }
  .md-focus-border-r-12:focus { border-right-width: 0.75rem; }
  .md-active-border-r-12:active { border-right-width: 0.75rem; }
  .md-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  .md-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  .md-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-r-12 { border-right-width: 0.75rem; }
  .md-border-b-12 { border-bottom-width: 0.75rem; }
  .md-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  .md-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  .md-active-border-b-12:active { border-bottom-width: 0.75rem; }
  .md-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  .md-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  .md-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  .md-border-l-12 { border-left-width: 0.75rem; }
  .md-hover-border-l-12:hover { border-left-width: 0.75rem; }
  .md-focus-border-l-12:focus { border-left-width: 0.75rem; }
  .md-active-border-l-12:active { border-left-width: 0.75rem; }
  .md-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  .md-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  .md-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-l-12 { border-left-width: 0.75rem; }
  .md-border-13 { border-width: 0.8125rem; }
  .md-hover-border-13:hover { border-width: 0.8125rem; }
  .md-focus-border-13:focus { border-width: 0.8125rem; }
  .md-active-border-13:active { border-width: 0.8125rem; }
  .md-disabled-border-13:disabled { border-width: 0.8125rem; }
  .md-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .md-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-13 { border-width: 0.8125rem; }
  .md-border-13 { border-width: 0.8125rem; }
  .md-hover-border-13:hover { border-width: 0.8125rem; }
  .md-focus-border-13:focus { border-width: 0.8125rem; }
  .md-active-border-13:active { border-width: 0.8125rem; }
  .md-disabled-border-13:disabled { border-width: 0.8125rem; }
  .md-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .md-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-13 { border-width: 0.8125rem; }
  .md-border-t-13 { border-top-width: 0.8125rem; }
  .md-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  .md-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  .md-active-border-t-13:active { border-top-width: 0.8125rem; }
  .md-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  .md-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  .md-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  .md-border-r-13 { border-right-width: 0.8125rem; }
  .md-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  .md-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  .md-active-border-r-13:active { border-right-width: 0.8125rem; }
  .md-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  .md-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  .md-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  .md-border-b-13 { border-bottom-width: 0.8125rem; }
  .md-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  .md-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  .md-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  .md-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  .md-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  .md-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  .md-border-l-13 { border-left-width: 0.8125rem; }
  .md-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  .md-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  .md-active-border-l-13:active { border-left-width: 0.8125rem; }
  .md-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  .md-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  .md-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  .md-border-14 { border-width: 0.875rem; }
  .md-hover-border-14:hover { border-width: 0.875rem; }
  .md-focus-border-14:focus { border-width: 0.875rem; }
  .md-active-border-14:active { border-width: 0.875rem; }
  .md-disabled-border-14:disabled { border-width: 0.875rem; }
  .md-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .md-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-14 { border-width: 0.875rem; }
  .md-border-14 { border-width: 0.875rem; }
  .md-hover-border-14:hover { border-width: 0.875rem; }
  .md-focus-border-14:focus { border-width: 0.875rem; }
  .md-active-border-14:active { border-width: 0.875rem; }
  .md-disabled-border-14:disabled { border-width: 0.875rem; }
  .md-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .md-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-14 { border-width: 0.875rem; }
  .md-border-t-14 { border-top-width: 0.875rem; }
  .md-hover-border-t-14:hover { border-top-width: 0.875rem; }
  .md-focus-border-t-14:focus { border-top-width: 0.875rem; }
  .md-active-border-t-14:active { border-top-width: 0.875rem; }
  .md-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  .md-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  .md-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-t-14 { border-top-width: 0.875rem; }
  .md-border-r-14 { border-right-width: 0.875rem; }
  .md-hover-border-r-14:hover { border-right-width: 0.875rem; }
  .md-focus-border-r-14:focus { border-right-width: 0.875rem; }
  .md-active-border-r-14:active { border-right-width: 0.875rem; }
  .md-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  .md-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  .md-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-r-14 { border-right-width: 0.875rem; }
  .md-border-b-14 { border-bottom-width: 0.875rem; }
  .md-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  .md-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  .md-active-border-b-14:active { border-bottom-width: 0.875rem; }
  .md-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  .md-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  .md-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  .md-border-l-14 { border-left-width: 0.875rem; }
  .md-hover-border-l-14:hover { border-left-width: 0.875rem; }
  .md-focus-border-l-14:focus { border-left-width: 0.875rem; }
  .md-active-border-l-14:active { border-left-width: 0.875rem; }
  .md-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  .md-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  .md-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-l-14 { border-left-width: 0.875rem; }
  .md-border-15 { border-width: 0.9375rem; }
  .md-hover-border-15:hover { border-width: 0.9375rem; }
  .md-focus-border-15:focus { border-width: 0.9375rem; }
  .md-active-border-15:active { border-width: 0.9375rem; }
  .md-disabled-border-15:disabled { border-width: 0.9375rem; }
  .md-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .md-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-15 { border-width: 0.9375rem; }
  .md-border-15 { border-width: 0.9375rem; }
  .md-hover-border-15:hover { border-width: 0.9375rem; }
  .md-focus-border-15:focus { border-width: 0.9375rem; }
  .md-active-border-15:active { border-width: 0.9375rem; }
  .md-disabled-border-15:disabled { border-width: 0.9375rem; }
  .md-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .md-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-15 { border-width: 0.9375rem; }
  .md-border-t-15 { border-top-width: 0.9375rem; }
  .md-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  .md-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  .md-active-border-t-15:active { border-top-width: 0.9375rem; }
  .md-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  .md-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  .md-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  .md-border-r-15 { border-right-width: 0.9375rem; }
  .md-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  .md-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  .md-active-border-r-15:active { border-right-width: 0.9375rem; }
  .md-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  .md-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  .md-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  .md-border-b-15 { border-bottom-width: 0.9375rem; }
  .md-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  .md-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  .md-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  .md-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  .md-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  .md-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  .md-border-l-15 { border-left-width: 0.9375rem; }
  .md-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  .md-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  .md-active-border-l-15:active { border-left-width: 0.9375rem; }
  .md-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  .md-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  .md-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  .md-border-16 { border-width: 1.0rem; }
  .md-hover-border-16:hover { border-width: 1.0rem; }
  .md-focus-border-16:focus { border-width: 1.0rem; }
  .md-active-border-16:active { border-width: 1.0rem; }
  .md-disabled-border-16:disabled { border-width: 1.0rem; }
  .md-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .md-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-16 { border-width: 1.0rem; }
  .md-border-16 { border-width: 1.0rem; }
  .md-hover-border-16:hover { border-width: 1.0rem; }
  .md-focus-border-16:focus { border-width: 1.0rem; }
  .md-active-border-16:active { border-width: 1.0rem; }
  .md-disabled-border-16:disabled { border-width: 1.0rem; }
  .md-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .md-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-16 { border-width: 1.0rem; }
  .md-border-t-16 { border-top-width: 1.0rem; }
  .md-hover-border-t-16:hover { border-top-width: 1.0rem; }
  .md-focus-border-t-16:focus { border-top-width: 1.0rem; }
  .md-active-border-t-16:active { border-top-width: 1.0rem; }
  .md-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  .md-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  .md-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-t-16 { border-top-width: 1.0rem; }
  .md-border-r-16 { border-right-width: 1.0rem; }
  .md-hover-border-r-16:hover { border-right-width: 1.0rem; }
  .md-focus-border-r-16:focus { border-right-width: 1.0rem; }
  .md-active-border-r-16:active { border-right-width: 1.0rem; }
  .md-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  .md-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  .md-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-r-16 { border-right-width: 1.0rem; }
  .md-border-b-16 { border-bottom-width: 1.0rem; }
  .md-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  .md-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  .md-active-border-b-16:active { border-bottom-width: 1.0rem; }
  .md-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  .md-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  .md-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  .md-border-l-16 { border-left-width: 1.0rem; }
  .md-hover-border-l-16:hover { border-left-width: 1.0rem; }
  .md-focus-border-l-16:focus { border-left-width: 1.0rem; }
  .md-active-border-l-16:active { border-left-width: 1.0rem; }
  .md-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  .md-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  .md-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-l-16 { border-left-width: 1.0rem; }
  .md-border-17 { border-width: 1.0625rem; }
  .md-hover-border-17:hover { border-width: 1.0625rem; }
  .md-focus-border-17:focus { border-width: 1.0625rem; }
  .md-active-border-17:active { border-width: 1.0625rem; }
  .md-disabled-border-17:disabled { border-width: 1.0625rem; }
  .md-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .md-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-17 { border-width: 1.0625rem; }
  .md-border-17 { border-width: 1.0625rem; }
  .md-hover-border-17:hover { border-width: 1.0625rem; }
  .md-focus-border-17:focus { border-width: 1.0625rem; }
  .md-active-border-17:active { border-width: 1.0625rem; }
  .md-disabled-border-17:disabled { border-width: 1.0625rem; }
  .md-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .md-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-17 { border-width: 1.0625rem; }
  .md-border-t-17 { border-top-width: 1.0625rem; }
  .md-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  .md-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  .md-active-border-t-17:active { border-top-width: 1.0625rem; }
  .md-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  .md-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  .md-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  .md-border-r-17 { border-right-width: 1.0625rem; }
  .md-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  .md-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  .md-active-border-r-17:active { border-right-width: 1.0625rem; }
  .md-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  .md-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  .md-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  .md-border-b-17 { border-bottom-width: 1.0625rem; }
  .md-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  .md-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  .md-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  .md-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  .md-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  .md-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  .md-border-l-17 { border-left-width: 1.0625rem; }
  .md-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  .md-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  .md-active-border-l-17:active { border-left-width: 1.0625rem; }
  .md-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  .md-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  .md-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  .md-border-18 { border-width: 1.125rem; }
  .md-hover-border-18:hover { border-width: 1.125rem; }
  .md-focus-border-18:focus { border-width: 1.125rem; }
  .md-active-border-18:active { border-width: 1.125rem; }
  .md-disabled-border-18:disabled { border-width: 1.125rem; }
  .md-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .md-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-18 { border-width: 1.125rem; }
  .md-border-18 { border-width: 1.125rem; }
  .md-hover-border-18:hover { border-width: 1.125rem; }
  .md-focus-border-18:focus { border-width: 1.125rem; }
  .md-active-border-18:active { border-width: 1.125rem; }
  .md-disabled-border-18:disabled { border-width: 1.125rem; }
  .md-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .md-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-18 { border-width: 1.125rem; }
  .md-border-t-18 { border-top-width: 1.125rem; }
  .md-hover-border-t-18:hover { border-top-width: 1.125rem; }
  .md-focus-border-t-18:focus { border-top-width: 1.125rem; }
  .md-active-border-t-18:active { border-top-width: 1.125rem; }
  .md-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  .md-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  .md-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-t-18 { border-top-width: 1.125rem; }
  .md-border-r-18 { border-right-width: 1.125rem; }
  .md-hover-border-r-18:hover { border-right-width: 1.125rem; }
  .md-focus-border-r-18:focus { border-right-width: 1.125rem; }
  .md-active-border-r-18:active { border-right-width: 1.125rem; }
  .md-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  .md-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  .md-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-r-18 { border-right-width: 1.125rem; }
  .md-border-b-18 { border-bottom-width: 1.125rem; }
  .md-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  .md-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  .md-active-border-b-18:active { border-bottom-width: 1.125rem; }
  .md-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  .md-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  .md-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  .md-border-l-18 { border-left-width: 1.125rem; }
  .md-hover-border-l-18:hover { border-left-width: 1.125rem; }
  .md-focus-border-l-18:focus { border-left-width: 1.125rem; }
  .md-active-border-l-18:active { border-left-width: 1.125rem; }
  .md-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  .md-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  .md-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-l-18 { border-left-width: 1.125rem; }
  .md-border-19 { border-width: 1.1875rem; }
  .md-hover-border-19:hover { border-width: 1.1875rem; }
  .md-focus-border-19:focus { border-width: 1.1875rem; }
  .md-active-border-19:active { border-width: 1.1875rem; }
  .md-disabled-border-19:disabled { border-width: 1.1875rem; }
  .md-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .md-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-19 { border-width: 1.1875rem; }
  .md-border-19 { border-width: 1.1875rem; }
  .md-hover-border-19:hover { border-width: 1.1875rem; }
  .md-focus-border-19:focus { border-width: 1.1875rem; }
  .md-active-border-19:active { border-width: 1.1875rem; }
  .md-disabled-border-19:disabled { border-width: 1.1875rem; }
  .md-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .md-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-19 { border-width: 1.1875rem; }
  .md-border-t-19 { border-top-width: 1.1875rem; }
  .md-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  .md-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  .md-active-border-t-19:active { border-top-width: 1.1875rem; }
  .md-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  .md-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  .md-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  .md-border-r-19 { border-right-width: 1.1875rem; }
  .md-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  .md-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  .md-active-border-r-19:active { border-right-width: 1.1875rem; }
  .md-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  .md-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  .md-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  .md-border-b-19 { border-bottom-width: 1.1875rem; }
  .md-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  .md-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  .md-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  .md-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  .md-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  .md-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  .md-border-l-19 { border-left-width: 1.1875rem; }
  .md-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  .md-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  .md-active-border-l-19:active { border-left-width: 1.1875rem; }
  .md-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  .md-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  .md-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  .md-border-20 { border-width: 1.25rem; }
  .md-hover-border-20:hover { border-width: 1.25rem; }
  .md-focus-border-20:focus { border-width: 1.25rem; }
  .md-active-border-20:active { border-width: 1.25rem; }
  .md-disabled-border-20:disabled { border-width: 1.25rem; }
  .md-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .md-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-20 { border-width: 1.25rem; }
  .md-border-20 { border-width: 1.25rem; }
  .md-hover-border-20:hover { border-width: 1.25rem; }
  .md-focus-border-20:focus { border-width: 1.25rem; }
  .md-active-border-20:active { border-width: 1.25rem; }
  .md-disabled-border-20:disabled { border-width: 1.25rem; }
  .md-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .md-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-20 { border-width: 1.25rem; }
  .md-border-t-20 { border-top-width: 1.25rem; }
  .md-hover-border-t-20:hover { border-top-width: 1.25rem; }
  .md-focus-border-t-20:focus { border-top-width: 1.25rem; }
  .md-active-border-t-20:active { border-top-width: 1.25rem; }
  .md-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  .md-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  .md-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-t-20 { border-top-width: 1.25rem; }
  .md-border-r-20 { border-right-width: 1.25rem; }
  .md-hover-border-r-20:hover { border-right-width: 1.25rem; }
  .md-focus-border-r-20:focus { border-right-width: 1.25rem; }
  .md-active-border-r-20:active { border-right-width: 1.25rem; }
  .md-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  .md-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  .md-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-r-20 { border-right-width: 1.25rem; }
  .md-border-b-20 { border-bottom-width: 1.25rem; }
  .md-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  .md-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  .md-active-border-b-20:active { border-bottom-width: 1.25rem; }
  .md-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  .md-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  .md-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  .md-border-l-20 { border-left-width: 1.25rem; }
  .md-hover-border-l-20:hover { border-left-width: 1.25rem; }
  .md-focus-border-l-20:focus { border-left-width: 1.25rem; }
  .md-active-border-l-20:active { border-left-width: 1.25rem; }
  .md-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  .md-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  .md-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-l-20 { border-left-width: 1.25rem; }
  .md-border-21 { border-width: 1.3125rem; }
  .md-hover-border-21:hover { border-width: 1.3125rem; }
  .md-focus-border-21:focus { border-width: 1.3125rem; }
  .md-active-border-21:active { border-width: 1.3125rem; }
  .md-disabled-border-21:disabled { border-width: 1.3125rem; }
  .md-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .md-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-21 { border-width: 1.3125rem; }
  .md-border-21 { border-width: 1.3125rem; }
  .md-hover-border-21:hover { border-width: 1.3125rem; }
  .md-focus-border-21:focus { border-width: 1.3125rem; }
  .md-active-border-21:active { border-width: 1.3125rem; }
  .md-disabled-border-21:disabled { border-width: 1.3125rem; }
  .md-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .md-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-21 { border-width: 1.3125rem; }
  .md-border-t-21 { border-top-width: 1.3125rem; }
  .md-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  .md-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  .md-active-border-t-21:active { border-top-width: 1.3125rem; }
  .md-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  .md-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  .md-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  .md-border-r-21 { border-right-width: 1.3125rem; }
  .md-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  .md-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  .md-active-border-r-21:active { border-right-width: 1.3125rem; }
  .md-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  .md-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  .md-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  .md-border-b-21 { border-bottom-width: 1.3125rem; }
  .md-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  .md-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  .md-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  .md-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  .md-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  .md-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  .md-border-l-21 { border-left-width: 1.3125rem; }
  .md-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  .md-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  .md-active-border-l-21:active { border-left-width: 1.3125rem; }
  .md-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  .md-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  .md-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  .md-border-22 { border-width: 1.375rem; }
  .md-hover-border-22:hover { border-width: 1.375rem; }
  .md-focus-border-22:focus { border-width: 1.375rem; }
  .md-active-border-22:active { border-width: 1.375rem; }
  .md-disabled-border-22:disabled { border-width: 1.375rem; }
  .md-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .md-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-22 { border-width: 1.375rem; }
  .md-border-22 { border-width: 1.375rem; }
  .md-hover-border-22:hover { border-width: 1.375rem; }
  .md-focus-border-22:focus { border-width: 1.375rem; }
  .md-active-border-22:active { border-width: 1.375rem; }
  .md-disabled-border-22:disabled { border-width: 1.375rem; }
  .md-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .md-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-22 { border-width: 1.375rem; }
  .md-border-t-22 { border-top-width: 1.375rem; }
  .md-hover-border-t-22:hover { border-top-width: 1.375rem; }
  .md-focus-border-t-22:focus { border-top-width: 1.375rem; }
  .md-active-border-t-22:active { border-top-width: 1.375rem; }
  .md-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  .md-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  .md-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-t-22 { border-top-width: 1.375rem; }
  .md-border-r-22 { border-right-width: 1.375rem; }
  .md-hover-border-r-22:hover { border-right-width: 1.375rem; }
  .md-focus-border-r-22:focus { border-right-width: 1.375rem; }
  .md-active-border-r-22:active { border-right-width: 1.375rem; }
  .md-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  .md-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  .md-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-r-22 { border-right-width: 1.375rem; }
  .md-border-b-22 { border-bottom-width: 1.375rem; }
  .md-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  .md-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  .md-active-border-b-22:active { border-bottom-width: 1.375rem; }
  .md-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  .md-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  .md-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  .md-border-l-22 { border-left-width: 1.375rem; }
  .md-hover-border-l-22:hover { border-left-width: 1.375rem; }
  .md-focus-border-l-22:focus { border-left-width: 1.375rem; }
  .md-active-border-l-22:active { border-left-width: 1.375rem; }
  .md-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  .md-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  .md-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-l-22 { border-left-width: 1.375rem; }
  .md-border-23 { border-width: 1.4375rem; }
  .md-hover-border-23:hover { border-width: 1.4375rem; }
  .md-focus-border-23:focus { border-width: 1.4375rem; }
  .md-active-border-23:active { border-width: 1.4375rem; }
  .md-disabled-border-23:disabled { border-width: 1.4375rem; }
  .md-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .md-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-23 { border-width: 1.4375rem; }
  .md-border-23 { border-width: 1.4375rem; }
  .md-hover-border-23:hover { border-width: 1.4375rem; }
  .md-focus-border-23:focus { border-width: 1.4375rem; }
  .md-active-border-23:active { border-width: 1.4375rem; }
  .md-disabled-border-23:disabled { border-width: 1.4375rem; }
  .md-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .md-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-23 { border-width: 1.4375rem; }
  .md-border-t-23 { border-top-width: 1.4375rem; }
  .md-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  .md-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  .md-active-border-t-23:active { border-top-width: 1.4375rem; }
  .md-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  .md-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  .md-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  .md-border-r-23 { border-right-width: 1.4375rem; }
  .md-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  .md-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  .md-active-border-r-23:active { border-right-width: 1.4375rem; }
  .md-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  .md-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  .md-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  .md-border-b-23 { border-bottom-width: 1.4375rem; }
  .md-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  .md-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  .md-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  .md-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  .md-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  .md-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  .md-border-l-23 { border-left-width: 1.4375rem; }
  .md-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  .md-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  .md-active-border-l-23:active { border-left-width: 1.4375rem; }
  .md-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  .md-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  .md-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  .md-border-24 { border-width: 1.5rem; }
  .md-hover-border-24:hover { border-width: 1.5rem; }
  .md-focus-border-24:focus { border-width: 1.5rem; }
  .md-active-border-24:active { border-width: 1.5rem; }
  .md-disabled-border-24:disabled { border-width: 1.5rem; }
  .md-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .md-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-24 { border-width: 1.5rem; }
  .md-border-24 { border-width: 1.5rem; }
  .md-hover-border-24:hover { border-width: 1.5rem; }
  .md-focus-border-24:focus { border-width: 1.5rem; }
  .md-active-border-24:active { border-width: 1.5rem; }
  .md-disabled-border-24:disabled { border-width: 1.5rem; }
  .md-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .md-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-24 { border-width: 1.5rem; }
  .md-border-t-24 { border-top-width: 1.5rem; }
  .md-hover-border-t-24:hover { border-top-width: 1.5rem; }
  .md-focus-border-t-24:focus { border-top-width: 1.5rem; }
  .md-active-border-t-24:active { border-top-width: 1.5rem; }
  .md-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  .md-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  .md-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-t-24 { border-top-width: 1.5rem; }
  .md-border-r-24 { border-right-width: 1.5rem; }
  .md-hover-border-r-24:hover { border-right-width: 1.5rem; }
  .md-focus-border-r-24:focus { border-right-width: 1.5rem; }
  .md-active-border-r-24:active { border-right-width: 1.5rem; }
  .md-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  .md-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  .md-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-r-24 { border-right-width: 1.5rem; }
  .md-border-b-24 { border-bottom-width: 1.5rem; }
  .md-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  .md-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  .md-active-border-b-24:active { border-bottom-width: 1.5rem; }
  .md-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  .md-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  .md-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  .md-border-l-24 { border-left-width: 1.5rem; }
  .md-hover-border-l-24:hover { border-left-width: 1.5rem; }
  .md-focus-border-l-24:focus { border-left-width: 1.5rem; }
  .md-active-border-l-24:active { border-left-width: 1.5rem; }
  .md-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  .md-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  .md-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-l-24 { border-left-width: 1.5rem; }
  .md-border-25 { border-width: 1.5625rem; }
  .md-hover-border-25:hover { border-width: 1.5625rem; }
  .md-focus-border-25:focus { border-width: 1.5625rem; }
  .md-active-border-25:active { border-width: 1.5625rem; }
  .md-disabled-border-25:disabled { border-width: 1.5625rem; }
  .md-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .md-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-25 { border-width: 1.5625rem; }
  .md-border-25 { border-width: 1.5625rem; }
  .md-hover-border-25:hover { border-width: 1.5625rem; }
  .md-focus-border-25:focus { border-width: 1.5625rem; }
  .md-active-border-25:active { border-width: 1.5625rem; }
  .md-disabled-border-25:disabled { border-width: 1.5625rem; }
  .md-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .md-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-25 { border-width: 1.5625rem; }
  .md-border-t-25 { border-top-width: 1.5625rem; }
  .md-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  .md-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  .md-active-border-t-25:active { border-top-width: 1.5625rem; }
  .md-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  .md-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  .md-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  .md-border-r-25 { border-right-width: 1.5625rem; }
  .md-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  .md-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  .md-active-border-r-25:active { border-right-width: 1.5625rem; }
  .md-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  .md-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  .md-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  .md-border-b-25 { border-bottom-width: 1.5625rem; }
  .md-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  .md-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  .md-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  .md-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  .md-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  .md-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  .md-border-l-25 { border-left-width: 1.5625rem; }
  .md-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  .md-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  .md-active-border-l-25:active { border-left-width: 1.5625rem; }
  .md-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  .md-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  .md-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  .md-border-26 { border-width: 1.625rem; }
  .md-hover-border-26:hover { border-width: 1.625rem; }
  .md-focus-border-26:focus { border-width: 1.625rem; }
  .md-active-border-26:active { border-width: 1.625rem; }
  .md-disabled-border-26:disabled { border-width: 1.625rem; }
  .md-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .md-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-26 { border-width: 1.625rem; }
  .md-border-26 { border-width: 1.625rem; }
  .md-hover-border-26:hover { border-width: 1.625rem; }
  .md-focus-border-26:focus { border-width: 1.625rem; }
  .md-active-border-26:active { border-width: 1.625rem; }
  .md-disabled-border-26:disabled { border-width: 1.625rem; }
  .md-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .md-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-26 { border-width: 1.625rem; }
  .md-border-t-26 { border-top-width: 1.625rem; }
  .md-hover-border-t-26:hover { border-top-width: 1.625rem; }
  .md-focus-border-t-26:focus { border-top-width: 1.625rem; }
  .md-active-border-t-26:active { border-top-width: 1.625rem; }
  .md-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  .md-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  .md-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-t-26 { border-top-width: 1.625rem; }
  .md-border-r-26 { border-right-width: 1.625rem; }
  .md-hover-border-r-26:hover { border-right-width: 1.625rem; }
  .md-focus-border-r-26:focus { border-right-width: 1.625rem; }
  .md-active-border-r-26:active { border-right-width: 1.625rem; }
  .md-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  .md-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  .md-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-r-26 { border-right-width: 1.625rem; }
  .md-border-b-26 { border-bottom-width: 1.625rem; }
  .md-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  .md-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  .md-active-border-b-26:active { border-bottom-width: 1.625rem; }
  .md-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  .md-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  .md-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  .md-border-l-26 { border-left-width: 1.625rem; }
  .md-hover-border-l-26:hover { border-left-width: 1.625rem; }
  .md-focus-border-l-26:focus { border-left-width: 1.625rem; }
  .md-active-border-l-26:active { border-left-width: 1.625rem; }
  .md-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  .md-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  .md-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-l-26 { border-left-width: 1.625rem; }
  .md-border-27 { border-width: 1.6875rem; }
  .md-hover-border-27:hover { border-width: 1.6875rem; }
  .md-focus-border-27:focus { border-width: 1.6875rem; }
  .md-active-border-27:active { border-width: 1.6875rem; }
  .md-disabled-border-27:disabled { border-width: 1.6875rem; }
  .md-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .md-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-27 { border-width: 1.6875rem; }
  .md-border-27 { border-width: 1.6875rem; }
  .md-hover-border-27:hover { border-width: 1.6875rem; }
  .md-focus-border-27:focus { border-width: 1.6875rem; }
  .md-active-border-27:active { border-width: 1.6875rem; }
  .md-disabled-border-27:disabled { border-width: 1.6875rem; }
  .md-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .md-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-27 { border-width: 1.6875rem; }
  .md-border-t-27 { border-top-width: 1.6875rem; }
  .md-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  .md-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  .md-active-border-t-27:active { border-top-width: 1.6875rem; }
  .md-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  .md-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  .md-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  .md-border-r-27 { border-right-width: 1.6875rem; }
  .md-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  .md-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  .md-active-border-r-27:active { border-right-width: 1.6875rem; }
  .md-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  .md-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  .md-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  .md-border-b-27 { border-bottom-width: 1.6875rem; }
  .md-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  .md-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  .md-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  .md-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  .md-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  .md-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  .md-border-l-27 { border-left-width: 1.6875rem; }
  .md-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  .md-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  .md-active-border-l-27:active { border-left-width: 1.6875rem; }
  .md-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  .md-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  .md-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  .md-border-28 { border-width: 1.75rem; }
  .md-hover-border-28:hover { border-width: 1.75rem; }
  .md-focus-border-28:focus { border-width: 1.75rem; }
  .md-active-border-28:active { border-width: 1.75rem; }
  .md-disabled-border-28:disabled { border-width: 1.75rem; }
  .md-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .md-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-28 { border-width: 1.75rem; }
  .md-border-28 { border-width: 1.75rem; }
  .md-hover-border-28:hover { border-width: 1.75rem; }
  .md-focus-border-28:focus { border-width: 1.75rem; }
  .md-active-border-28:active { border-width: 1.75rem; }
  .md-disabled-border-28:disabled { border-width: 1.75rem; }
  .md-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .md-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-28 { border-width: 1.75rem; }
  .md-border-t-28 { border-top-width: 1.75rem; }
  .md-hover-border-t-28:hover { border-top-width: 1.75rem; }
  .md-focus-border-t-28:focus { border-top-width: 1.75rem; }
  .md-active-border-t-28:active { border-top-width: 1.75rem; }
  .md-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  .md-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  .md-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-t-28 { border-top-width: 1.75rem; }
  .md-border-r-28 { border-right-width: 1.75rem; }
  .md-hover-border-r-28:hover { border-right-width: 1.75rem; }
  .md-focus-border-r-28:focus { border-right-width: 1.75rem; }
  .md-active-border-r-28:active { border-right-width: 1.75rem; }
  .md-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  .md-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  .md-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-r-28 { border-right-width: 1.75rem; }
  .md-border-b-28 { border-bottom-width: 1.75rem; }
  .md-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  .md-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  .md-active-border-b-28:active { border-bottom-width: 1.75rem; }
  .md-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  .md-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  .md-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  .md-border-l-28 { border-left-width: 1.75rem; }
  .md-hover-border-l-28:hover { border-left-width: 1.75rem; }
  .md-focus-border-l-28:focus { border-left-width: 1.75rem; }
  .md-active-border-l-28:active { border-left-width: 1.75rem; }
  .md-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  .md-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  .md-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-l-28 { border-left-width: 1.75rem; }
  .md-border-29 { border-width: 1.8125rem; }
  .md-hover-border-29:hover { border-width: 1.8125rem; }
  .md-focus-border-29:focus { border-width: 1.8125rem; }
  .md-active-border-29:active { border-width: 1.8125rem; }
  .md-disabled-border-29:disabled { border-width: 1.8125rem; }
  .md-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .md-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-29 { border-width: 1.8125rem; }
  .md-border-29 { border-width: 1.8125rem; }
  .md-hover-border-29:hover { border-width: 1.8125rem; }
  .md-focus-border-29:focus { border-width: 1.8125rem; }
  .md-active-border-29:active { border-width: 1.8125rem; }
  .md-disabled-border-29:disabled { border-width: 1.8125rem; }
  .md-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .md-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-29 { border-width: 1.8125rem; }
  .md-border-t-29 { border-top-width: 1.8125rem; }
  .md-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  .md-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  .md-active-border-t-29:active { border-top-width: 1.8125rem; }
  .md-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  .md-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  .md-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  .md-border-r-29 { border-right-width: 1.8125rem; }
  .md-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  .md-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  .md-active-border-r-29:active { border-right-width: 1.8125rem; }
  .md-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  .md-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  .md-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  .md-border-b-29 { border-bottom-width: 1.8125rem; }
  .md-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  .md-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  .md-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  .md-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  .md-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  .md-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  .md-border-l-29 { border-left-width: 1.8125rem; }
  .md-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  .md-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  .md-active-border-l-29:active { border-left-width: 1.8125rem; }
  .md-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  .md-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  .md-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  .md-border-30 { border-width: 1.875rem; }
  .md-hover-border-30:hover { border-width: 1.875rem; }
  .md-focus-border-30:focus { border-width: 1.875rem; }
  .md-active-border-30:active { border-width: 1.875rem; }
  .md-disabled-border-30:disabled { border-width: 1.875rem; }
  .md-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .md-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-30 { border-width: 1.875rem; }
  .md-border-30 { border-width: 1.875rem; }
  .md-hover-border-30:hover { border-width: 1.875rem; }
  .md-focus-border-30:focus { border-width: 1.875rem; }
  .md-active-border-30:active { border-width: 1.875rem; }
  .md-disabled-border-30:disabled { border-width: 1.875rem; }
  .md-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .md-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-30 { border-width: 1.875rem; }
  .md-border-t-30 { border-top-width: 1.875rem; }
  .md-hover-border-t-30:hover { border-top-width: 1.875rem; }
  .md-focus-border-t-30:focus { border-top-width: 1.875rem; }
  .md-active-border-t-30:active { border-top-width: 1.875rem; }
  .md-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  .md-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  .md-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-t-30 { border-top-width: 1.875rem; }
  .md-border-r-30 { border-right-width: 1.875rem; }
  .md-hover-border-r-30:hover { border-right-width: 1.875rem; }
  .md-focus-border-r-30:focus { border-right-width: 1.875rem; }
  .md-active-border-r-30:active { border-right-width: 1.875rem; }
  .md-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  .md-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  .md-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-r-30 { border-right-width: 1.875rem; }
  .md-border-b-30 { border-bottom-width: 1.875rem; }
  .md-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  .md-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  .md-active-border-b-30:active { border-bottom-width: 1.875rem; }
  .md-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  .md-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  .md-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  .md-border-l-30 { border-left-width: 1.875rem; }
  .md-hover-border-l-30:hover { border-left-width: 1.875rem; }
  .md-focus-border-l-30:focus { border-left-width: 1.875rem; }
  .md-active-border-l-30:active { border-left-width: 1.875rem; }
  .md-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  .md-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  .md-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-l-30 { border-left-width: 1.875rem; }
  .md-border-31 { border-width: 1.9375rem; }
  .md-hover-border-31:hover { border-width: 1.9375rem; }
  .md-focus-border-31:focus { border-width: 1.9375rem; }
  .md-active-border-31:active { border-width: 1.9375rem; }
  .md-disabled-border-31:disabled { border-width: 1.9375rem; }
  .md-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .md-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-31 { border-width: 1.9375rem; }
  .md-border-31 { border-width: 1.9375rem; }
  .md-hover-border-31:hover { border-width: 1.9375rem; }
  .md-focus-border-31:focus { border-width: 1.9375rem; }
  .md-active-border-31:active { border-width: 1.9375rem; }
  .md-disabled-border-31:disabled { border-width: 1.9375rem; }
  .md-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .md-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-31 { border-width: 1.9375rem; }
  .md-border-t-31 { border-top-width: 1.9375rem; }
  .md-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  .md-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  .md-active-border-t-31:active { border-top-width: 1.9375rem; }
  .md-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  .md-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  .md-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  .md-border-r-31 { border-right-width: 1.9375rem; }
  .md-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  .md-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  .md-active-border-r-31:active { border-right-width: 1.9375rem; }
  .md-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  .md-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  .md-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  .md-border-b-31 { border-bottom-width: 1.9375rem; }
  .md-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  .md-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  .md-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  .md-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  .md-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  .md-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  .md-border-l-31 { border-left-width: 1.9375rem; }
  .md-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  .md-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  .md-active-border-l-31:active { border-left-width: 1.9375rem; }
  .md-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  .md-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  .md-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  .md-border-32 { border-width: 2.0rem; }
  .md-hover-border-32:hover { border-width: 2.0rem; }
  .md-focus-border-32:focus { border-width: 2.0rem; }
  .md-active-border-32:active { border-width: 2.0rem; }
  .md-disabled-border-32:disabled { border-width: 2.0rem; }
  .md-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .md-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-32 { border-width: 2.0rem; }
  .md-border-32 { border-width: 2.0rem; }
  .md-hover-border-32:hover { border-width: 2.0rem; }
  .md-focus-border-32:focus { border-width: 2.0rem; }
  .md-active-border-32:active { border-width: 2.0rem; }
  .md-disabled-border-32:disabled { border-width: 2.0rem; }
  .md-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .md-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-32 { border-width: 2.0rem; }
  .md-border-t-32 { border-top-width: 2.0rem; }
  .md-hover-border-t-32:hover { border-top-width: 2.0rem; }
  .md-focus-border-t-32:focus { border-top-width: 2.0rem; }
  .md-active-border-t-32:active { border-top-width: 2.0rem; }
  .md-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  .md-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  .md-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-t-32 { border-top-width: 2.0rem; }
  .md-border-r-32 { border-right-width: 2.0rem; }
  .md-hover-border-r-32:hover { border-right-width: 2.0rem; }
  .md-focus-border-r-32:focus { border-right-width: 2.0rem; }
  .md-active-border-r-32:active { border-right-width: 2.0rem; }
  .md-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  .md-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  .md-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-r-32 { border-right-width: 2.0rem; }
  .md-border-b-32 { border-bottom-width: 2.0rem; }
  .md-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  .md-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  .md-active-border-b-32:active { border-bottom-width: 2.0rem; }
  .md-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  .md-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  .md-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  .md-border-l-32 { border-left-width: 2.0rem; }
  .md-hover-border-l-32:hover { border-left-width: 2.0rem; }
  .md-focus-border-l-32:focus { border-left-width: 2.0rem; }
  .md-active-border-l-32:active { border-left-width: 2.0rem; }
  .md-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  .md-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  .md-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-l-32 { border-left-width: 2.0rem; }
  .md-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .md-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-group:hover .md-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .md-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .md-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-group:hover .md-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .md-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .md-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-group:hover .md-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .md-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .md-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-group:hover .md-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .md-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .md-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-group:hover .md-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .md-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .md-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-group:hover .md-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .md-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .md-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-group:hover .md-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .md-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .md-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-group:hover .md-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .md-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .md-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-group:hover .md-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .md-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .md-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-group:hover .md-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .md-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .md-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-group:hover .md-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .md-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .md-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-group:hover .md-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .md-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .md-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-group:hover .md-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .md-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .md-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-group:hover .md-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .md-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .md-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-group:hover .md-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .md-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .md-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-group:hover .md-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .md-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .md-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-group:hover .md-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .md-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .md-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-group:hover .md-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .md-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .md-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-group:hover .md-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .md-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .md-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-group:hover .md-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .md-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .md-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-group:hover .md-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .md-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .md-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-group:hover .md-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .md-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .md-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-group:hover .md-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .md-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .md-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-group:hover .md-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .md-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .md-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-group:hover .md-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .md-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .md-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-group:hover .md-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .md-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .md-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-group:hover .md-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .md-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .md-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-group:hover .md-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .md-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .md-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-group:hover .md-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .md-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .md-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-group:hover .md-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .md-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .md-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-group:hover .md-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .md-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .md-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-group:hover .md-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .md-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .md-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-group:hover .md-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .md-border-transparent { border-color: transparent; }
  .md-hover-border-transparent:hover { border-color: transparent; }
  .md-focus-border-transparent:focus { border-color: transparent; }
  .md-active-border-transparent:active { border-color: transparent; }
  .md-disabled-border-transparent:disabled { border-color: transparent; }
  .md-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  .md-focus-within-border-transparent:focus-within { border-color: transparent; }
  .md-group:hover .md-group-hover-border-transparent { border-color: transparent; }
  .md-border-inherit { border-color: inherit; }
  .md-hover-border-inherit:hover { border-color: inherit; }
  .md-focus-border-inherit:focus { border-color: inherit; }
  .md-active-border-inherit:active { border-color: inherit; }
  .md-disabled-border-inherit:disabled { border-color: inherit; }
  .md-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  .md-focus-within-border-inherit:focus-within { border-color: inherit; }
  .md-group:hover .md-group-hover-border-inherit { border-color: inherit; }
  .md-bg-transparent { background-color: transparent; }
  .md-hover-bg-transparent:hover { background-color: transparent; }
  .md-focus-bg-transparent:focus { background-color: transparent; }
  .md-active-bg-transparent:active { background-color: transparent; }
  .md-disabled-bg-transparent:disabled { background-color: transparent; }
  .md-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  .md-focus-within-bg-transparent:focus-within { background-color: transparent; }
  .md-group:hover .md-group-hover-bg-transparent { background-color: transparent; }
  .md-bg-inherit { background-color: inherit; }
  .md-hover-bg-inherit:hover { background-color: inherit; }
  .md-focus-bg-inherit:focus { background-color: inherit; }
  .md-active-bg-inherit:active { background-color: inherit; }
  .md-disabled-bg-inherit:disabled { background-color: inherit; }
  .md-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  .md-focus-within-bg-inherit:focus-within { background-color: inherit; }
  .md-group:hover .md-group-hover-bg-inherit { background-color: inherit; }
  .md-text-transparent { color: transparent; }
  .md-hover-text-transparent:hover { color: transparent; }
  .md-focus-text-transparent:focus { color: transparent; }
  .md-active-text-transparent:active { color: transparent; }
  .md-disabled-text-transparent:disabled { color: transparent; }
  .md-focus-visible-text-transparent:focus-visible { color: transparent; }
  .md-focus-within-text-transparent:focus-within { color: transparent; }
  .md-group:hover .md-group-hover-text-transparent { color: transparent; }
  .md-text-inherit { color: inherit; }
  .md-hover-text-inherit:hover { color: inherit; }
  .md-focus-text-inherit:focus { color: inherit; }
  .md-active-text-inherit:active { color: inherit; }
  .md-disabled-text-inherit:disabled { color: inherit; }
  .md-focus-visible-text-inherit:focus-visible { color: inherit; }
  .md-focus-within-text-inherit:focus-within { color: inherit; }
  .md-group:hover .md-group-hover-text-inherit { color: inherit; }
  .md-border-solid { border-style: solid; }
  .md-hover-border-solid:hover { border-style: solid; }
  .md-focus-border-solid:focus { border-style: solid; }
  .md-active-border-solid:active { border-style: solid; }
  .md-disabled-border-solid:disabled { border-style: solid; }
  .md-focus-visible-border-solid:focus-visible { border-style: solid; }
  .md-focus-within-border-solid:focus-within { border-style: solid; }
  .md-group:hover .md-group-hover-border-solid { border-style: solid; }
  .md-border-dashed { border-style: dashed; }
  .md-hover-border-dashed:hover { border-style: dashed; }
  .md-focus-border-dashed:focus { border-style: dashed; }
  .md-active-border-dashed:active { border-style: dashed; }
  .md-disabled-border-dashed:disabled { border-style: dashed; }
  .md-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  .md-focus-within-border-dashed:focus-within { border-style: dashed; }
  .md-group:hover .md-group-hover-border-dashed { border-style: dashed; }
  .md-border-dotted { border-style: dotted; }
  .md-hover-border-dotted:hover { border-style: dotted; }
  .md-focus-border-dotted:focus { border-style: dotted; }
  .md-active-border-dotted:active { border-style: dotted; }
  .md-disabled-border-dotted:disabled { border-style: dotted; }
  .md-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  .md-focus-within-border-dotted:focus-within { border-style: dotted; }
  .md-group:hover .md-group-hover-border-dotted { border-style: dotted; }
  .md-border-double { border-style: double; }
  .md-hover-border-double:hover { border-style: double; }
  .md-focus-border-double:focus { border-style: double; }
  .md-active-border-double:active { border-style: double; }
  .md-disabled-border-double:disabled { border-style: double; }
  .md-focus-visible-border-double:focus-visible { border-style: double; }
  .md-focus-within-border-double:focus-within { border-style: double; }
  .md-group:hover .md-group-hover-border-double { border-style: double; }
  .md-border-none { border-style: none; }
  .md-hover-border-none:hover { border-style: none; }
  .md-focus-border-none:focus { border-style: none; }
  .md-active-border-none:active { border-style: none; }
  .md-disabled-border-none:disabled { border-style: none; }
  .md-focus-visible-border-none:focus-visible { border-style: none; }
  .md-focus-within-border-none:focus-within { border-style: none; }
  .md-group:hover .md-group-hover-border-none { border-style: none; }
  .md-z-auto { z-index: auto; }
  .md-hover-z-auto:hover { z-index: auto; }
  .md-focus-z-auto:focus { z-index: auto; }
  .md-active-z-auto:active { z-index: auto; }
  .md-disabled-z-auto:disabled { z-index: auto; }
  .md-focus-visible-z-auto:focus-visible { z-index: auto; }
  .md-focus-within-z-auto:focus-within { z-index: auto; }
  .md-group:hover .md-group-hover-z-auto { z-index: auto; }
  .md-z-0 { z-index: 0; }
  .md-hover-z-0:hover { z-index: 0; }
  .md-focus-z-0:focus { z-index: 0; }
  .md-active-z-0:active { z-index: 0; }
  .md-disabled-z-0:disabled { z-index: 0; }
  .md-focus-visible-z-0:focus-visible { z-index: 0; }
  .md-focus-within-z-0:focus-within { z-index: 0; }
  .md-group:hover .md-group-hover-z-0 { z-index: 0; }
  .md-z-10 { z-index: 10; }
  .md-hover-z-10:hover { z-index: 10; }
  .md-focus-z-10:focus { z-index: 10; }
  .md-active-z-10:active { z-index: 10; }
  .md-disabled-z-10:disabled { z-index: 10; }
  .md-focus-visible-z-10:focus-visible { z-index: 10; }
  .md-focus-within-z-10:focus-within { z-index: 10; }
  .md-group:hover .md-group-hover-z-10 { z-index: 10; }
  .md-z-20 { z-index: 20; }
  .md-hover-z-20:hover { z-index: 20; }
  .md-focus-z-20:focus { z-index: 20; }
  .md-active-z-20:active { z-index: 20; }
  .md-disabled-z-20:disabled { z-index: 20; }
  .md-focus-visible-z-20:focus-visible { z-index: 20; }
  .md-focus-within-z-20:focus-within { z-index: 20; }
  .md-group:hover .md-group-hover-z-20 { z-index: 20; }
  .md-z-30 { z-index: 30; }
  .md-hover-z-30:hover { z-index: 30; }
  .md-focus-z-30:focus { z-index: 30; }
  .md-active-z-30:active { z-index: 30; }
  .md-disabled-z-30:disabled { z-index: 30; }
  .md-focus-visible-z-30:focus-visible { z-index: 30; }
  .md-focus-within-z-30:focus-within { z-index: 30; }
  .md-group:hover .md-group-hover-z-30 { z-index: 30; }
  .md-z-40 { z-index: 40; }
  .md-hover-z-40:hover { z-index: 40; }
  .md-focus-z-40:focus { z-index: 40; }
  .md-active-z-40:active { z-index: 40; }
  .md-disabled-z-40:disabled { z-index: 40; }
  .md-focus-visible-z-40:focus-visible { z-index: 40; }
  .md-focus-within-z-40:focus-within { z-index: 40; }
  .md-group:hover .md-group-hover-z-40 { z-index: 40; }
  .md-z-50 { z-index: 50; }
  .md-hover-z-50:hover { z-index: 50; }
  .md-focus-z-50:focus { z-index: 50; }
  .md-active-z-50:active { z-index: 50; }
  .md-disabled-z-50:disabled { z-index: 50; }
  .md-focus-visible-z-50:focus-visible { z-index: 50; }
  .md-focus-within-z-50:focus-within { z-index: 50; }
  .md-group:hover .md-group-hover-z-50 { z-index: 50; }
  .md-z-100 { z-index: 100; }
  .md-hover-z-100:hover { z-index: 100; }
  .md-focus-z-100:focus { z-index: 100; }
  .md-active-z-100:active { z-index: 100; }
  .md-disabled-z-100:disabled { z-index: 100; }
  .md-focus-visible-z-100:focus-visible { z-index: 100; }
  .md-focus-within-z-100:focus-within { z-index: 100; }
  .md-group:hover .md-group-hover-z-100 { z-index: 100; }
  .md-z-9999 { z-index: 9999; }
  .md-hover-z-9999:hover { z-index: 9999; }
  .md-focus-z-9999:focus { z-index: 9999; }
  .md-active-z-9999:active { z-index: 9999; }
  .md-disabled-z-9999:disabled { z-index: 9999; }
  .md-focus-visible-z-9999:focus-visible { z-index: 9999; }
  .md-focus-within-z-9999:focus-within { z-index: 9999; }
  .md-group:hover .md-group-hover-z-9999 { z-index: 9999; }
  .md--z-10 { z-index: -10; }
  .md-hover--z-10:hover { z-index: -10; }
  .md-focus--z-10:focus { z-index: -10; }
  .md-active--z-10:active { z-index: -10; }
  .md-disabled--z-10:disabled { z-index: -10; }
  .md-focus-visible--z-10:focus-visible { z-index: -10; }
  .md-focus-within--z-10:focus-within { z-index: -10; }
  .md-group:hover .md-group-hover--z-10 { z-index: -10; }
  .md--z-20 { z-index: -20; }
  .md-hover--z-20:hover { z-index: -20; }
  .md-focus--z-20:focus { z-index: -20; }
  .md-active--z-20:active { z-index: -20; }
  .md-disabled--z-20:disabled { z-index: -20; }
  .md-focus-visible--z-20:focus-visible { z-index: -20; }
  .md-focus-within--z-20:focus-within { z-index: -20; }
  .md-group:hover .md-group-hover--z-20 { z-index: -20; }
  .md--z-40 { z-index: -40; }
  .md-hover--z-40:hover { z-index: -40; }
  .md-focus--z-40:focus { z-index: -40; }
  .md-active--z-40:active { z-index: -40; }
  .md-disabled--z-40:disabled { z-index: -40; }
  .md-focus-visible--z-40:focus-visible { z-index: -40; }
  .md-focus-within--z-40:focus-within { z-index: -40; }
  .md-group:hover .md-group-hover--z-40 { z-index: -40; }
  .md--z-50 { z-index: -50; }
  .md-hover--z-50:hover { z-index: -50; }
  .md-focus--z-50:focus { z-index: -50; }
  .md-active--z-50:active { z-index: -50; }
  .md-disabled--z-50:disabled { z-index: -50; }
  .md-focus-visible--z-50:focus-visible { z-index: -50; }
  .md-focus-within--z-50:focus-within { z-index: -50; }
  .md-group:hover .md-group-hover--z-50 { z-index: -50; }
  .md--z-100 { z-index: -100; }
  .md-hover--z-100:hover { z-index: -100; }
  .md-focus--z-100:focus { z-index: -100; }
  .md-active--z-100:active { z-index: -100; }
  .md-disabled--z-100:disabled { z-index: -100; }
  .md-focus-visible--z-100:focus-visible { z-index: -100; }
  .md-focus-within--z-100:focus-within { z-index: -100; }
  .md-group:hover .md-group-hover--z-100 { z-index: -100; }
  .md-opacity-0 { opacity: 0; }
  .md-hover-opacity-0:hover { opacity: 0; }
  .md-focus-opacity-0:focus { opacity: 0; }
  .md-active-opacity-0:active { opacity: 0; }
  .md-disabled-opacity-0:disabled { opacity: 0; }
  .md-focus-visible-opacity-0:focus-visible { opacity: 0; }
  .md-focus-within-opacity-0:focus-within { opacity: 0; }
  .md-group:hover .md-group-hover-opacity-0 { opacity: 0; }
  .md-opacity-10 { opacity: 0.1; }
  .md-hover-opacity-10:hover { opacity: 0.1; }
  .md-focus-opacity-10:focus { opacity: 0.1; }
  .md-active-opacity-10:active { opacity: 0.1; }
  .md-disabled-opacity-10:disabled { opacity: 0.1; }
  .md-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  .md-focus-within-opacity-10:focus-within { opacity: 0.1; }
  .md-group:hover .md-group-hover-opacity-10 { opacity: 0.1; }
  .md-opacity-20 { opacity: 0.2; }
  .md-hover-opacity-20:hover { opacity: 0.2; }
  .md-focus-opacity-20:focus { opacity: 0.2; }
  .md-active-opacity-20:active { opacity: 0.2; }
  .md-disabled-opacity-20:disabled { opacity: 0.2; }
  .md-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  .md-focus-within-opacity-20:focus-within { opacity: 0.2; }
  .md-group:hover .md-group-hover-opacity-20 { opacity: 0.2; }
  .md-opacity-25 { opacity: 0.25; }
  .md-hover-opacity-25:hover { opacity: 0.25; }
  .md-focus-opacity-25:focus { opacity: 0.25; }
  .md-active-opacity-25:active { opacity: 0.25; }
  .md-disabled-opacity-25:disabled { opacity: 0.25; }
  .md-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  .md-focus-within-opacity-25:focus-within { opacity: 0.25; }
  .md-group:hover .md-group-hover-opacity-25 { opacity: 0.25; }
  .md-opacity-30 { opacity: 0.3; }
  .md-hover-opacity-30:hover { opacity: 0.3; }
  .md-focus-opacity-30:focus { opacity: 0.3; }
  .md-active-opacity-30:active { opacity: 0.3; }
  .md-disabled-opacity-30:disabled { opacity: 0.3; }
  .md-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  .md-focus-within-opacity-30:focus-within { opacity: 0.3; }
  .md-group:hover .md-group-hover-opacity-30 { opacity: 0.3; }
  .md-opacity-40 { opacity: 0.4; }
  .md-hover-opacity-40:hover { opacity: 0.4; }
  .md-focus-opacity-40:focus { opacity: 0.4; }
  .md-active-opacity-40:active { opacity: 0.4; }
  .md-disabled-opacity-40:disabled { opacity: 0.4; }
  .md-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  .md-focus-within-opacity-40:focus-within { opacity: 0.4; }
  .md-group:hover .md-group-hover-opacity-40 { opacity: 0.4; }
  .md-opacity-50 { opacity: 0.5; }
  .md-hover-opacity-50:hover { opacity: 0.5; }
  .md-focus-opacity-50:focus { opacity: 0.5; }
  .md-active-opacity-50:active { opacity: 0.5; }
  .md-disabled-opacity-50:disabled { opacity: 0.5; }
  .md-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  .md-focus-within-opacity-50:focus-within { opacity: 0.5; }
  .md-group:hover .md-group-hover-opacity-50 { opacity: 0.5; }
  .md-opacity-60 { opacity: 0.6; }
  .md-hover-opacity-60:hover { opacity: 0.6; }
  .md-focus-opacity-60:focus { opacity: 0.6; }
  .md-active-opacity-60:active { opacity: 0.6; }
  .md-disabled-opacity-60:disabled { opacity: 0.6; }
  .md-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  .md-focus-within-opacity-60:focus-within { opacity: 0.6; }
  .md-group:hover .md-group-hover-opacity-60 { opacity: 0.6; }
  .md-opacity-70 { opacity: 0.7; }
  .md-hover-opacity-70:hover { opacity: 0.7; }
  .md-focus-opacity-70:focus { opacity: 0.7; }
  .md-active-opacity-70:active { opacity: 0.7; }
  .md-disabled-opacity-70:disabled { opacity: 0.7; }
  .md-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  .md-focus-within-opacity-70:focus-within { opacity: 0.7; }
  .md-group:hover .md-group-hover-opacity-70 { opacity: 0.7; }
  .md-opacity-75 { opacity: 0.75; }
  .md-hover-opacity-75:hover { opacity: 0.75; }
  .md-focus-opacity-75:focus { opacity: 0.75; }
  .md-active-opacity-75:active { opacity: 0.75; }
  .md-disabled-opacity-75:disabled { opacity: 0.75; }
  .md-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  .md-focus-within-opacity-75:focus-within { opacity: 0.75; }
  .md-group:hover .md-group-hover-opacity-75 { opacity: 0.75; }
  .md-opacity-80 { opacity: 0.8; }
  .md-hover-opacity-80:hover { opacity: 0.8; }
  .md-focus-opacity-80:focus { opacity: 0.8; }
  .md-active-opacity-80:active { opacity: 0.8; }
  .md-disabled-opacity-80:disabled { opacity: 0.8; }
  .md-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  .md-focus-within-opacity-80:focus-within { opacity: 0.8; }
  .md-group:hover .md-group-hover-opacity-80 { opacity: 0.8; }
  .md-opacity-90 { opacity: 0.9; }
  .md-hover-opacity-90:hover { opacity: 0.9; }
  .md-focus-opacity-90:focus { opacity: 0.9; }
  .md-active-opacity-90:active { opacity: 0.9; }
  .md-disabled-opacity-90:disabled { opacity: 0.9; }
  .md-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  .md-focus-within-opacity-90:focus-within { opacity: 0.9; }
  .md-group:hover .md-group-hover-opacity-90 { opacity: 0.9; }
  .md-opacity-100 { opacity: 1; }
  .md-hover-opacity-100:hover { opacity: 1; }
  .md-focus-opacity-100:focus { opacity: 1; }
  .md-active-opacity-100:active { opacity: 1; }
  .md-disabled-opacity-100:disabled { opacity: 1; }
  .md-focus-visible-opacity-100:focus-visible { opacity: 1; }
  .md-focus-within-opacity-100:focus-within { opacity: 1; }
  .md-group:hover .md-group-hover-opacity-100 { opacity: 1; }
  .md-bg-gradient-l { --quanta-gradient-direction: to left; }
  .md-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  .md-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  .md-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  .md-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  .md-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  .md-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  .md-group:hover .md-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  .md-bg-gradient-r { --quanta-gradient-direction: to right; }
  .md-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  .md-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  .md-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  .md-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  .md-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  .md-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  .md-group:hover .md-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  .md-bg-gradient-t { --quanta-gradient-direction: to top; }
  .md-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  .md-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  .md-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  .md-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  .md-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  .md-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  .md-group:hover .md-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  .md-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .md-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  .md-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  .md-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  .md-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  .md-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  .md-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  .md-group:hover .md-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .md-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .md-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  .md-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  .md-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  .md-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  .md-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  .md-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  .md-group:hover .md-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .md-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .md-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  .md-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  .md-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  .md-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  .md-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  .md-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  .md-group:hover .md-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .md-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .md-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  .md-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  .md-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  .md-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  .md-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  .md-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  .md-group:hover .md-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .md-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .md-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  .md-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  .md-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  .md-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  .md-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  .md-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  .md-group:hover .md-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .md-rounded-0 { border-radius: 0; }
  .md-hover-rounded-0:hover { border-radius: 0; }
  .md-focus-rounded-0:focus { border-radius: 0; }
  .md-active-rounded-0:active { border-radius: 0; }
  .md-disabled-rounded-0:disabled { border-radius: 0; }
  .md-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  .md-focus-within-rounded-0:focus-within { border-radius: 0; }
  .md-group:hover .md-group-hover-rounded-0 { border-radius: 0; }
  .md-rounded-xs { border-radius: 0.125rem; }
  .md-hover-rounded-xs:hover { border-radius: 0.125rem; }
  .md-focus-rounded-xs:focus { border-radius: 0.125rem; }
  .md-active-rounded-xs:active { border-radius: 0.125rem; }
  .md-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  .md-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  .md-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  .md-group:hover .md-group-hover-rounded-xs { border-radius: 0.125rem; }
  .md-rounded-sm { border-radius: 0.25rem; }
  .md-hover-rounded-sm:hover { border-radius: 0.25rem; }
  .md-focus-rounded-sm:focus { border-radius: 0.25rem; }
  .md-active-rounded-sm:active { border-radius: 0.25rem; }
  .md-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  .md-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  .md-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  .md-group:hover .md-group-hover-rounded-sm { border-radius: 0.25rem; }
  .md-rounded { border-radius: 0.5rem; }
  .md-hover-rounded:hover { border-radius: 0.5rem; }
  .md-focus-rounded:focus { border-radius: 0.5rem; }
  .md-active-rounded:active { border-radius: 0.5rem; }
  .md-disabled-rounded:disabled { border-radius: 0.5rem; }
  .md-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  .md-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  .md-group:hover .md-group-hover-rounded { border-radius: 0.5rem; }
  .md-rounded-md { border-radius: 0.75rem; }
  .md-hover-rounded-md:hover { border-radius: 0.75rem; }
  .md-focus-rounded-md:focus { border-radius: 0.75rem; }
  .md-active-rounded-md:active { border-radius: 0.75rem; }
  .md-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  .md-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  .md-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  .md-group:hover .md-group-hover-rounded-md { border-radius: 0.75rem; }
  .md-rounded-lg { border-radius: 1rem; }
  .md-hover-rounded-lg:hover { border-radius: 1rem; }
  .md-focus-rounded-lg:focus { border-radius: 1rem; }
  .md-active-rounded-lg:active { border-radius: 1rem; }
  .md-disabled-rounded-lg:disabled { border-radius: 1rem; }
  .md-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  .md-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  .md-group:hover .md-group-hover-rounded-lg { border-radius: 1rem; }
  .md-rounded-xl { border-radius: 1.5rem; }
  .md-hover-rounded-xl:hover { border-radius: 1.5rem; }
  .md-focus-rounded-xl:focus { border-radius: 1.5rem; }
  .md-active-rounded-xl:active { border-radius: 1.5rem; }
  .md-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  .md-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  .md-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  .md-group:hover .md-group-hover-rounded-xl { border-radius: 1.5rem; }
  .md-rounded-2xl { border-radius: 2rem; }
  .md-hover-rounded-2xl:hover { border-radius: 2rem; }
  .md-focus-rounded-2xl:focus { border-radius: 2rem; }
  .md-active-rounded-2xl:active { border-radius: 2rem; }
  .md-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  .md-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  .md-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  .md-group:hover .md-group-hover-rounded-2xl { border-radius: 2rem; }
  .md-rounded-full { border-radius: 9999px; }
  .md-hover-rounded-full:hover { border-radius: 9999px; }
  .md-focus-rounded-full:focus { border-radius: 9999px; }
  .md-active-rounded-full:active { border-radius: 9999px; }
  .md-disabled-rounded-full:disabled { border-radius: 9999px; }
  .md-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  .md-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  .md-group:hover .md-group-hover-rounded-full { border-radius: 9999px; }
  .md-rounded-pill { border-radius: 50px; }
  .md-hover-rounded-pill:hover { border-radius: 50px; }
  .md-focus-rounded-pill:focus { border-radius: 50px; }
  .md-active-rounded-pill:active { border-radius: 50px; }
  .md-disabled-rounded-pill:disabled { border-radius: 50px; }
  .md-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  .md-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  .md-group:hover .md-group-hover-rounded-pill { border-radius: 50px; }
  .md-rounded-tl-0 { border-top-left-radius: 0; }
  .md-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  .md-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  .md-active-rounded-tl-0:active { border-top-left-radius: 0; }
  .md-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  .md-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  .md-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  .md-group:hover .md-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  .md-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .md-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  .md-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  .md-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  .md-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  .md-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  .md-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  .md-group:hover .md-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .md-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .md-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  .md-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  .md-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  .md-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  .md-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  .md-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  .md-group:hover .md-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .md-rounded-tl { border-top-left-radius: 0.5rem; }
  .md-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  .md-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  .md-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  .md-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  .md-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  .md-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  .md-group:hover .md-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  .md-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .md-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  .md-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  .md-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  .md-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  .md-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  .md-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  .md-group:hover .md-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .md-rounded-tl-lg { border-top-left-radius: 1rem; }
  .md-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  .md-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  .md-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  .md-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  .md-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  .md-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  .md-group:hover .md-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  .md-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .md-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  .md-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  .md-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  .md-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  .md-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  .md-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  .md-group:hover .md-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .md-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .md-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  .md-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  .md-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  .md-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  .md-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  .md-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  .md-group:hover .md-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .md-rounded-tl-full { border-top-left-radius: 9999px; }
  .md-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  .md-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  .md-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  .md-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  .md-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  .md-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  .md-group:hover .md-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  .md-rounded-tl-pill { border-top-left-radius: 50px; }
  .md-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  .md-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  .md-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  .md-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  .md-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  .md-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  .md-group:hover .md-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  .md-rounded-tr-0 { border-top-right-radius: 0; }
  .md-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  .md-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  .md-active-rounded-tr-0:active { border-top-right-radius: 0; }
  .md-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  .md-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  .md-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  .md-group:hover .md-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  .md-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .md-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  .md-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  .md-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  .md-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  .md-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  .md-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  .md-group:hover .md-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .md-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .md-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  .md-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  .md-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  .md-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  .md-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  .md-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  .md-group:hover .md-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .md-rounded-tr { border-top-right-radius: 0.5rem; }
  .md-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  .md-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  .md-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  .md-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  .md-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  .md-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  .md-group:hover .md-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  .md-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .md-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  .md-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  .md-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  .md-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  .md-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  .md-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  .md-group:hover .md-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .md-rounded-tr-lg { border-top-right-radius: 1rem; }
  .md-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  .md-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  .md-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  .md-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  .md-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  .md-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  .md-group:hover .md-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  .md-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .md-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  .md-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  .md-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  .md-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  .md-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  .md-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  .md-group:hover .md-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .md-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .md-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  .md-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  .md-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  .md-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  .md-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  .md-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  .md-group:hover .md-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .md-rounded-tr-full { border-top-right-radius: 9999px; }
  .md-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  .md-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  .md-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  .md-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  .md-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  .md-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  .md-group:hover .md-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  .md-rounded-tr-pill { border-top-right-radius: 50px; }
  .md-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  .md-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  .md-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  .md-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  .md-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  .md-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  .md-group:hover .md-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  .md-rounded-bl-0 { border-bottom-left-radius: 0; }
  .md-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  .md-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  .md-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  .md-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  .md-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  .md-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  .md-group:hover .md-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  .md-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .md-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  .md-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  .md-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  .md-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  .md-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  .md-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  .md-group:hover .md-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .md-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .md-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  .md-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  .md-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  .md-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  .md-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  .md-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  .md-group:hover .md-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .md-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .md-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  .md-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  .md-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  .md-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  .md-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  .md-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  .md-group:hover .md-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .md-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .md-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  .md-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  .md-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  .md-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  .md-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  .md-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  .md-group:hover .md-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .md-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .md-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  .md-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  .md-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  .md-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  .md-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  .md-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  .md-group:hover .md-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .md-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .md-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  .md-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  .md-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  .md-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  .md-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  .md-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  .md-group:hover .md-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .md-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .md-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  .md-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  .md-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  .md-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  .md-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  .md-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  .md-group:hover .md-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .md-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .md-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  .md-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  .md-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  .md-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  .md-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  .md-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  .md-group:hover .md-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .md-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .md-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  .md-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  .md-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  .md-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  .md-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  .md-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  .md-group:hover .md-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .md-rounded-br-0 { border-bottom-right-radius: 0; }
  .md-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  .md-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  .md-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  .md-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  .md-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  .md-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  .md-group:hover .md-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  .md-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .md-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  .md-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  .md-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  .md-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  .md-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  .md-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  .md-group:hover .md-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .md-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .md-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  .md-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  .md-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  .md-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  .md-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  .md-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  .md-group:hover .md-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .md-rounded-br { border-bottom-right-radius: 0.5rem; }
  .md-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  .md-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  .md-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  .md-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  .md-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  .md-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  .md-group:hover .md-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  .md-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .md-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  .md-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  .md-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  .md-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  .md-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  .md-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  .md-group:hover .md-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .md-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .md-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  .md-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  .md-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  .md-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  .md-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  .md-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  .md-group:hover .md-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .md-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .md-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  .md-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  .md-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  .md-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  .md-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  .md-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  .md-group:hover .md-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .md-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .md-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  .md-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  .md-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  .md-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  .md-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  .md-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  .md-group:hover .md-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .md-rounded-br-full { border-bottom-right-radius: 9999px; }
  .md-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  .md-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  .md-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  .md-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  .md-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  .md-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  .md-group:hover .md-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  .md-rounded-br-pill { border-bottom-right-radius: 50px; }
  .md-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  .md-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  .md-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  .md-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  .md-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  .md-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  .md-group:hover .md-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  .md-outline-none { outline: none; }
  .md-hover-outline-none:hover { outline: none; }
  .md-focus-outline-none:focus { outline: none; }
  .md-active-outline-none:active { outline: none; }
  .md-disabled-outline-none:disabled { outline: none; }
  .md-focus-visible-outline-none:focus-visible { outline: none; }
  .md-focus-within-outline-none:focus-within { outline: none; }
  .md-group:hover .md-group-hover-outline-none { outline: none; }
  .md-outline { outline: 1px solid currentColor; }
  .md-hover-outline:hover { outline: 1px solid currentColor; }
  .md-focus-outline:focus { outline: 1px solid currentColor; }
  .md-active-outline:active { outline: 1px solid currentColor; }
  .md-disabled-outline:disabled { outline: 1px solid currentColor; }
  .md-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  .md-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  .md-group:hover .md-group-hover-outline { outline: 1px solid currentColor; }
  .md-outline-offset-0 { outline-offset: 0rem; }
  .md-hover-outline-offset-0:hover { outline-offset: 0rem; }
  .md-focus-outline-offset-0:focus { outline-offset: 0rem; }
  .md-active-outline-offset-0:active { outline-offset: 0rem; }
  .md-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  .md-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  .md-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  .md-group:hover .md-group-hover-outline-offset-0 { outline-offset: 0rem; }
  .md-outline-offset-1 { outline-offset: 0.25rem; }
  .md-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  .md-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  .md-active-outline-offset-1:active { outline-offset: 0.25rem; }
  .md-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  .md-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  .md-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  .md-group:hover .md-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  .md-outline-offset-2 { outline-offset: 0.5rem; }
  .md-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  .md-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  .md-active-outline-offset-2:active { outline-offset: 0.5rem; }
  .md-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  .md-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  .md-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  .md-group:hover .md-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  .md-outline-offset-3 { outline-offset: 0.75rem; }
  .md-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  .md-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  .md-active-outline-offset-3:active { outline-offset: 0.75rem; }
  .md-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  .md-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  .md-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  .md-group:hover .md-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  .md-outline-offset-4 { outline-offset: 1rem; }
  .md-hover-outline-offset-4:hover { outline-offset: 1rem; }
  .md-focus-outline-offset-4:focus { outline-offset: 1rem; }
  .md-active-outline-offset-4:active { outline-offset: 1rem; }
  .md-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  .md-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  .md-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  .md-group:hover .md-group-hover-outline-offset-4 { outline-offset: 1rem; }
  .md-outline-offset-8 { outline-offset: 2rem; }
  .md-hover-outline-offset-8:hover { outline-offset: 2rem; }
  .md-focus-outline-offset-8:focus { outline-offset: 2rem; }
  .md-active-outline-offset-8:active { outline-offset: 2rem; }
  .md-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  .md-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  .md-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  .md-group:hover .md-group-hover-outline-offset-8 { outline-offset: 2rem; }
  .md-outline-red-50 { outline-color: var(--quanta-red-50); }
  .md-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  .md-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  .md-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  .md-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  .md-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  .md-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  .md-outline-red-100 { outline-color: var(--quanta-red-100); }
  .md-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  .md-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  .md-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  .md-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  .md-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  .md-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  .md-outline-red-200 { outline-color: var(--quanta-red-200); }
  .md-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  .md-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  .md-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  .md-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  .md-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  .md-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  .md-outline-red-300 { outline-color: var(--quanta-red-300); }
  .md-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  .md-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  .md-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  .md-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  .md-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  .md-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  .md-outline-red-400 { outline-color: var(--quanta-red-400); }
  .md-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  .md-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  .md-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  .md-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  .md-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  .md-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  .md-outline-red-500 { outline-color: var(--quanta-red-500); }
  .md-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  .md-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  .md-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  .md-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  .md-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  .md-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  .md-outline-red-600 { outline-color: var(--quanta-red-600); }
  .md-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  .md-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  .md-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  .md-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  .md-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  .md-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  .md-outline-red-700 { outline-color: var(--quanta-red-700); }
  .md-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  .md-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  .md-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  .md-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  .md-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  .md-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  .md-outline-red-800 { outline-color: var(--quanta-red-800); }
  .md-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  .md-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  .md-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  .md-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  .md-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  .md-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  .md-outline-red-900 { outline-color: var(--quanta-red-900); }
  .md-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  .md-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  .md-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  .md-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  .md-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  .md-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  .md-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .md-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  .md-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  .md-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  .md-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  .md-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  .md-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .md-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .md-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  .md-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  .md-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  .md-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  .md-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  .md-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .md-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .md-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  .md-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  .md-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  .md-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  .md-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  .md-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .md-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .md-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  .md-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  .md-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  .md-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  .md-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  .md-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .md-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .md-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  .md-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  .md-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  .md-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  .md-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  .md-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .md-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .md-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  .md-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  .md-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  .md-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  .md-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  .md-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .md-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .md-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  .md-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  .md-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  .md-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  .md-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  .md-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .md-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .md-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  .md-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  .md-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  .md-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  .md-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  .md-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .md-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .md-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  .md-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  .md-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  .md-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  .md-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  .md-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .md-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .md-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  .md-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  .md-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  .md-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  .md-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  .md-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .md-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .md-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  .md-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  .md-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  .md-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  .md-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  .md-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .md-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .md-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  .md-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  .md-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  .md-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  .md-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  .md-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .md-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .md-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  .md-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  .md-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  .md-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  .md-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  .md-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .md-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .md-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  .md-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  .md-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  .md-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  .md-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  .md-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .md-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .md-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  .md-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  .md-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  .md-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  .md-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  .md-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .md-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .md-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  .md-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  .md-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  .md-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  .md-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  .md-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .md-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .md-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  .md-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  .md-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  .md-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  .md-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  .md-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .md-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .md-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  .md-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  .md-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  .md-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  .md-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  .md-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .md-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .md-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  .md-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  .md-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  .md-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  .md-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  .md-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .md-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .md-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  .md-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  .md-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  .md-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  .md-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  .md-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .md-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .md-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  .md-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  .md-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  .md-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  .md-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  .md-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .md-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .md-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  .md-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  .md-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  .md-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  .md-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  .md-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .md-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .md-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  .md-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  .md-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  .md-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  .md-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  .md-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .md-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .md-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  .md-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  .md-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  .md-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  .md-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  .md-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .md-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .md-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  .md-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  .md-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  .md-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  .md-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  .md-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .md-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .md-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  .md-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  .md-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  .md-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  .md-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  .md-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .md-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .md-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  .md-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  .md-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  .md-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  .md-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  .md-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .md-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .md-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  .md-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  .md-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  .md-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  .md-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  .md-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .md-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .md-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  .md-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  .md-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  .md-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  .md-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  .md-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .md-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .md-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  .md-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  .md-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  .md-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  .md-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  .md-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .md-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .md-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  .md-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  .md-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  .md-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  .md-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  .md-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .md-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .md-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  .md-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  .md-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  .md-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  .md-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  .md-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .md-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .md-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  .md-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  .md-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  .md-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  .md-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  .md-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .md-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .md-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  .md-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  .md-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  .md-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  .md-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  .md-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .md-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .md-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  .md-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  .md-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  .md-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  .md-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  .md-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .md-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .md-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  .md-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  .md-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  .md-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  .md-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  .md-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .md-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .md-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  .md-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  .md-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  .md-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  .md-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  .md-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .md-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .md-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  .md-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  .md-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  .md-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  .md-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  .md-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .md-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .md-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  .md-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  .md-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  .md-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  .md-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  .md-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .md-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .md-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  .md-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  .md-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  .md-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  .md-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  .md-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .md-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .md-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  .md-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  .md-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  .md-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  .md-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  .md-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .md-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .md-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  .md-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  .md-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  .md-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  .md-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  .md-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .md-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .md-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  .md-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  .md-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  .md-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  .md-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  .md-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .md-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .md-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  .md-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  .md-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  .md-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  .md-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  .md-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .md-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .md-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  .md-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  .md-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  .md-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  .md-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  .md-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .md-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .md-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  .md-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  .md-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  .md-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  .md-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  .md-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .md-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .md-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  .md-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  .md-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  .md-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  .md-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  .md-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .md-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .md-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  .md-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  .md-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  .md-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  .md-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  .md-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .md-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .md-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  .md-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  .md-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  .md-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  .md-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  .md-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .md-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .md-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  .md-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  .md-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  .md-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  .md-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  .md-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .md-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .md-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  .md-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  .md-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  .md-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  .md-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  .md-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .md-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .md-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  .md-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  .md-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  .md-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  .md-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  .md-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .md-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .md-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  .md-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  .md-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  .md-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  .md-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  .md-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .md-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .md-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  .md-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  .md-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  .md-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  .md-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  .md-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .md-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .md-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  .md-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  .md-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  .md-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  .md-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  .md-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .md-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .md-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  .md-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  .md-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  .md-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  .md-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  .md-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .md-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .md-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  .md-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  .md-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  .md-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  .md-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  .md-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .md-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .md-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  .md-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  .md-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  .md-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  .md-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  .md-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .md-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .md-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  .md-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  .md-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  .md-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  .md-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  .md-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .md-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .md-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  .md-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  .md-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  .md-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  .md-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  .md-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .md-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .md-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  .md-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  .md-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  .md-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  .md-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  .md-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .md-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .md-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  .md-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  .md-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  .md-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  .md-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  .md-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .md-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .md-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  .md-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  .md-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  .md-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  .md-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  .md-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .md-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .md-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  .md-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  .md-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  .md-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  .md-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  .md-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .md-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .md-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  .md-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  .md-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  .md-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  .md-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  .md-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .md-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .md-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  .md-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  .md-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  .md-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  .md-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  .md-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .md-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .md-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  .md-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  .md-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  .md-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  .md-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  .md-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .md-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .md-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  .md-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  .md-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  .md-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  .md-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  .md-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .md-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .md-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  .md-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  .md-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  .md-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  .md-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  .md-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .md-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .md-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  .md-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  .md-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  .md-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  .md-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  .md-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .md-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .md-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  .md-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  .md-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  .md-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  .md-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  .md-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .md-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .md-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  .md-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  .md-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  .md-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  .md-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  .md-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .md-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .md-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  .md-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  .md-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  .md-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  .md-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  .md-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .md-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .md-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  .md-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  .md-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  .md-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  .md-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  .md-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .md-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .md-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  .md-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  .md-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  .md-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  .md-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  .md-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .md-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .md-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  .md-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  .md-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  .md-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  .md-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  .md-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .md-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .md-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  .md-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  .md-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  .md-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  .md-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  .md-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .md-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .md-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  .md-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  .md-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  .md-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  .md-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  .md-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .md-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .md-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  .md-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  .md-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  .md-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  .md-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  .md-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .md-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .md-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  .md-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  .md-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  .md-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  .md-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  .md-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .md-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .md-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  .md-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  .md-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  .md-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  .md-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  .md-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .md-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .md-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  .md-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  .md-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  .md-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  .md-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  .md-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .md-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .md-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  .md-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  .md-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  .md-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  .md-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  .md-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .md-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .md-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  .md-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  .md-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  .md-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  .md-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  .md-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .md-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .md-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  .md-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  .md-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  .md-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  .md-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  .md-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .md-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .md-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  .md-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  .md-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  .md-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  .md-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  .md-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .md-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .md-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  .md-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  .md-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  .md-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  .md-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  .md-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .md-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .md-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  .md-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  .md-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  .md-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  .md-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  .md-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .md-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .md-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  .md-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  .md-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  .md-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  .md-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  .md-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .md-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .md-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  .md-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  .md-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  .md-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  .md-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  .md-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .md-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .md-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  .md-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  .md-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  .md-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  .md-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  .md-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .md-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .md-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  .md-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  .md-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  .md-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  .md-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  .md-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .md-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .md-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  .md-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  .md-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  .md-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  .md-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  .md-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .md-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .md-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  .md-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  .md-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  .md-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  .md-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  .md-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .md-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .md-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  .md-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  .md-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  .md-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  .md-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  .md-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .md-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .md-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  .md-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  .md-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  .md-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  .md-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  .md-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .md-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .md-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  .md-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  .md-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  .md-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  .md-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  .md-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .md-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .md-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  .md-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  .md-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  .md-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  .md-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  .md-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .md-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .md-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  .md-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  .md-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  .md-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  .md-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  .md-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .md-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .md-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  .md-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  .md-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  .md-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  .md-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  .md-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .md-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .md-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  .md-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  .md-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  .md-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  .md-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  .md-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .md-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .md-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  .md-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  .md-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  .md-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  .md-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  .md-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .md-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .md-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  .md-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  .md-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  .md-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  .md-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  .md-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .md-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .md-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  .md-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  .md-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  .md-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  .md-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  .md-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .md-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .md-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  .md-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  .md-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  .md-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  .md-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  .md-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .md-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .md-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  .md-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  .md-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  .md-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  .md-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  .md-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .md-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .md-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  .md-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  .md-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  .md-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  .md-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  .md-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .md-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .md-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  .md-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  .md-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  .md-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  .md-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  .md-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .md-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .md-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  .md-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  .md-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  .md-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  .md-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  .md-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .md-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .md-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  .md-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  .md-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  .md-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  .md-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  .md-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .md-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .md-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  .md-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  .md-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  .md-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  .md-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  .md-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .md-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .md-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  .md-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  .md-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  .md-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  .md-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  .md-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .md-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .md-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  .md-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  .md-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  .md-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  .md-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  .md-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .md-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .md-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  .md-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  .md-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  .md-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  .md-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  .md-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .md-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .md-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  .md-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  .md-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  .md-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  .md-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  .md-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .md-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .md-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  .md-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  .md-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  .md-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  .md-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  .md-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .md-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .md-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  .md-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  .md-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  .md-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  .md-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  .md-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .md-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .md-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  .md-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  .md-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  .md-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  .md-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  .md-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .md-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .md-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  .md-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  .md-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  .md-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  .md-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  .md-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .md-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .md-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  .md-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  .md-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  .md-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  .md-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  .md-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .md-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .md-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  .md-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  .md-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  .md-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  .md-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  .md-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .md-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .md-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  .md-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  .md-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  .md-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  .md-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  .md-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .md-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .md-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  .md-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  .md-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  .md-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  .md-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  .md-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .md-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .md-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  .md-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  .md-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  .md-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  .md-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  .md-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .md-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .md-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  .md-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  .md-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  .md-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  .md-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  .md-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .md-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .md-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  .md-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  .md-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  .md-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  .md-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  .md-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .md-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .md-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  .md-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  .md-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  .md-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  .md-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  .md-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .md-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .md-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  .md-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  .md-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  .md-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  .md-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  .md-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .md-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .md-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  .md-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  .md-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  .md-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  .md-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  .md-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .md-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .md-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  .md-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  .md-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  .md-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  .md-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  .md-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .md-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .md-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  .md-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  .md-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  .md-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  .md-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  .md-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .md-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .md-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  .md-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  .md-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  .md-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  .md-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  .md-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .md-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .md-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  .md-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  .md-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  .md-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  .md-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  .md-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .md-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .md-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  .md-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  .md-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  .md-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  .md-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  .md-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .md-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .md-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  .md-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  .md-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  .md-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  .md-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  .md-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .md-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .md-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  .md-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  .md-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  .md-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  .md-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  .md-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .md-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .md-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  .md-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  .md-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  .md-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  .md-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  .md-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .md-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .md-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  .md-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  .md-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  .md-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  .md-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  .md-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .md-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .md-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  .md-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  .md-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  .md-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  .md-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  .md-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .md-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .md-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  .md-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  .md-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  .md-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  .md-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  .md-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .md-outline-green-50 { outline-color: var(--quanta-green-50); }
  .md-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  .md-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  .md-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  .md-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  .md-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  .md-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  .md-outline-green-100 { outline-color: var(--quanta-green-100); }
  .md-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  .md-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  .md-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  .md-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  .md-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  .md-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  .md-outline-green-200 { outline-color: var(--quanta-green-200); }
  .md-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  .md-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  .md-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  .md-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  .md-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  .md-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  .md-outline-green-300 { outline-color: var(--quanta-green-300); }
  .md-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  .md-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  .md-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  .md-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  .md-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  .md-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  .md-outline-green-400 { outline-color: var(--quanta-green-400); }
  .md-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  .md-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  .md-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  .md-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  .md-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  .md-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  .md-outline-green-500 { outline-color: var(--quanta-green-500); }
  .md-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  .md-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  .md-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  .md-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  .md-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  .md-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  .md-outline-green-600 { outline-color: var(--quanta-green-600); }
  .md-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  .md-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  .md-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  .md-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  .md-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  .md-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  .md-outline-green-700 { outline-color: var(--quanta-green-700); }
  .md-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  .md-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  .md-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  .md-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  .md-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  .md-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  .md-outline-green-800 { outline-color: var(--quanta-green-800); }
  .md-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  .md-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  .md-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  .md-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  .md-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  .md-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  .md-outline-green-900 { outline-color: var(--quanta-green-900); }
  .md-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  .md-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  .md-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  .md-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  .md-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  .md-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  .md-outline-black { outline-color: var(--black); }
  .md-hover-outline-black:hover { outline-color: var(--black); }
  .md-focus-outline-black:focus { outline-color: var(--black); }
  .md-active-outline-black:active { outline-color: var(--black); }
  .md-disabled-outline-black:disabled { outline-color: var(--black); }
  .md-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  .md-focus-within-outline-black:focus-within { outline-color: var(--black); }
  .md-group:hover .md-group-hover-outline-black { outline-color: var(--black); }
  .md-outline-white { outline-color: var(--white); }
  .md-hover-outline-white:hover { outline-color: var(--white); }
  .md-focus-outline-white:focus { outline-color: var(--white); }
  .md-active-outline-white:active { outline-color: var(--white); }
  .md-disabled-outline-white:disabled { outline-color: var(--white); }
  .md-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  .md-focus-within-outline-white:focus-within { outline-color: var(--white); }
  .md-group:hover .md-group-hover-outline-white { outline-color: var(--white); }
  .md-ring-sm { --ring-width: 0.125rem; }
  .md-hover-ring-sm:hover { --ring-width: 0.125rem; }
  .md-focus-ring-sm:focus { --ring-width: 0.125rem; }
  .md-active-ring-sm:active { --ring-width: 0.125rem; }
  .md-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  .md-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  .md-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  .md-group:hover .md-group-hover-ring-sm { --ring-width: 0.125rem; }
  .md-ring-md { --ring-width: 0.5rem; }
  .md-hover-ring-md:hover { --ring-width: 0.5rem; }
  .md-focus-ring-md:focus { --ring-width: 0.5rem; }
  .md-active-ring-md:active { --ring-width: 0.5rem; }
  .md-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  .md-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  .md-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  .md-group:hover .md-group-hover-ring-md { --ring-width: 0.5rem; }
  .md-ring-lg { --ring-width: 1rem; }
  .md-hover-ring-lg:hover { --ring-width: 1rem; }
  .md-focus-ring-lg:focus { --ring-width: 1rem; }
  .md-active-ring-lg:active { --ring-width: 1rem; }
  .md-disabled-ring-lg:disabled { --ring-width: 1rem; }
  .md-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  .md-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  .md-group:hover .md-group-hover-ring-lg { --ring-width: 1rem; }
  .md-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-group:hover .md-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .md-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-group:hover .md-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .md-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-group:hover .md-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .md-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .md-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-group:hover .md-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .md-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-group:hover .md-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .md-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .md-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  .md-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  .md-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  .md-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  .md-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  .md-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .md-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .md-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  .md-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  .md-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  .md-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  .md-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  .md-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .md-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .md-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  .md-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  .md-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  .md-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  .md-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  .md-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .md-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .md-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  .md-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  .md-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  .md-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  .md-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  .md-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .md-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .md-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  .md-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  .md-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  .md-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  .md-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  .md-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .md-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .md-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  .md-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  .md-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  .md-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  .md-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  .md-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .md-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .md-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  .md-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  .md-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  .md-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  .md-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  .md-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .md-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .md-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  .md-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  .md-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  .md-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  .md-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  .md-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .md-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .md-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  .md-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  .md-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  .md-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  .md-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  .md-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .md-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .md-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  .md-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  .md-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  .md-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  .md-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  .md-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .md-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .md-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  .md-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  .md-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  .md-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  .md-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  .md-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .md-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .md-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  .md-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  .md-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  .md-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  .md-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  .md-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .md-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .md-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  .md-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  .md-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  .md-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  .md-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  .md-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .md-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .md-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  .md-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  .md-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  .md-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  .md-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  .md-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .md-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .md-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  .md-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  .md-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  .md-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  .md-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  .md-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .md-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .md-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  .md-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  .md-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  .md-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  .md-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  .md-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .md-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .md-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  .md-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  .md-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  .md-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  .md-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  .md-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .md-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .md-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  .md-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  .md-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  .md-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  .md-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  .md-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .md-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .md-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  .md-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  .md-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  .md-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  .md-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  .md-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .md-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .md-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  .md-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  .md-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  .md-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  .md-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  .md-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .md-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .md-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  .md-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  .md-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  .md-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  .md-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  .md-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .md-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .md-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  .md-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  .md-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  .md-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  .md-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  .md-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .md-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .md-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  .md-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  .md-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  .md-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  .md-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  .md-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .md-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .md-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  .md-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  .md-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  .md-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  .md-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  .md-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .md-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .md-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  .md-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  .md-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  .md-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  .md-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  .md-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .md-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .md-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  .md-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  .md-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  .md-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  .md-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  .md-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .md-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .md-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  .md-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  .md-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  .md-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  .md-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  .md-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .md-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .md-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  .md-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  .md-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  .md-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  .md-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  .md-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .md-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .md-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  .md-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  .md-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  .md-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  .md-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  .md-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .md-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .md-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  .md-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  .md-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  .md-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  .md-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  .md-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .md-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .md-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  .md-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  .md-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  .md-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  .md-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  .md-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .md-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .md-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  .md-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  .md-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  .md-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  .md-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  .md-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .md-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .md-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  .md-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  .md-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  .md-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  .md-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  .md-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .md-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .md-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  .md-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  .md-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  .md-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  .md-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  .md-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .md-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .md-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  .md-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  .md-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  .md-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  .md-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  .md-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .md-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .md-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  .md-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  .md-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  .md-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  .md-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  .md-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .md-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .md-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  .md-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  .md-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  .md-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  .md-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  .md-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .md-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .md-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  .md-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  .md-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  .md-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  .md-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  .md-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .md-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .md-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  .md-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  .md-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  .md-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  .md-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  .md-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .md-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .md-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  .md-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  .md-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  .md-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  .md-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  .md-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .md-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .md-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .md-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .md-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .md-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .md-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .md-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .md-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .md-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .md-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .md-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .md-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .md-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .md-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .md-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .md-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .md-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .md-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .md-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .md-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .md-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .md-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  .md-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  .md-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  .md-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  .md-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  .md-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .md-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .md-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  .md-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  .md-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  .md-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  .md-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  .md-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .md-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .md-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  .md-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  .md-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  .md-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  .md-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  .md-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .md-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .md-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  .md-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  .md-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  .md-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  .md-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  .md-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .md-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .md-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  .md-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  .md-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  .md-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  .md-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  .md-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .md-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .md-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  .md-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  .md-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  .md-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  .md-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  .md-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .md-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .md-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  .md-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  .md-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  .md-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  .md-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  .md-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .md-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .md-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  .md-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  .md-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  .md-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  .md-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  .md-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .md-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .md-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  .md-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  .md-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  .md-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  .md-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  .md-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .md-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .md-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  .md-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  .md-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  .md-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  .md-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  .md-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .md-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .md-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  .md-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  .md-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  .md-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  .md-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  .md-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .md-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .md-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  .md-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  .md-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  .md-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  .md-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  .md-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .md-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .md-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  .md-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  .md-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  .md-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  .md-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  .md-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .md-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .md-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  .md-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  .md-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  .md-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  .md-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  .md-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .md-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .md-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  .md-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  .md-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  .md-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  .md-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  .md-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .md-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .md-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  .md-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  .md-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  .md-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  .md-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  .md-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .md-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .md-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  .md-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  .md-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  .md-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  .md-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  .md-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .md-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .md-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  .md-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  .md-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  .md-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  .md-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  .md-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .md-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .md-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  .md-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  .md-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  .md-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  .md-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  .md-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .md-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .md-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  .md-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  .md-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  .md-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  .md-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  .md-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .md-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .md-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .md-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .md-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .md-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .md-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .md-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .md-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .md-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .md-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .md-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .md-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .md-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .md-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .md-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .md-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .md-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .md-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .md-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .md-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .md-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .md-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  .md-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  .md-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  .md-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  .md-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  .md-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .md-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .md-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  .md-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  .md-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  .md-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  .md-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  .md-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .md-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .md-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  .md-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  .md-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  .md-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  .md-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  .md-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .md-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .md-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  .md-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  .md-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  .md-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  .md-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  .md-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .md-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .md-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  .md-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  .md-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  .md-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  .md-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  .md-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .md-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .md-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  .md-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  .md-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  .md-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  .md-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  .md-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .md-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .md-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  .md-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  .md-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  .md-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  .md-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  .md-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .md-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .md-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  .md-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  .md-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  .md-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  .md-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  .md-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .md-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .md-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  .md-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  .md-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  .md-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  .md-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  .md-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .md-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .md-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  .md-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  .md-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  .md-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  .md-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  .md-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .md-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .md-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .md-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .md-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .md-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .md-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .md-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .md-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .md-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .md-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .md-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .md-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  .md-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  .md-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  .md-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  .md-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  .md-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .md-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .md-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  .md-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  .md-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  .md-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  .md-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  .md-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .md-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .md-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  .md-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  .md-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  .md-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  .md-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  .md-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .md-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .md-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  .md-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  .md-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  .md-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  .md-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  .md-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .md-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .md-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  .md-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  .md-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  .md-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  .md-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  .md-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .md-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .md-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  .md-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  .md-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  .md-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  .md-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  .md-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .md-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .md-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  .md-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  .md-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  .md-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  .md-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  .md-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .md-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .md-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  .md-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  .md-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  .md-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  .md-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  .md-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .md-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .md-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  .md-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  .md-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  .md-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  .md-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  .md-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .md-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .md-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  .md-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  .md-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  .md-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  .md-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  .md-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .md-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .md-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  .md-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  .md-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  .md-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  .md-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  .md-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .md-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .md-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  .md-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  .md-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  .md-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  .md-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  .md-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .md-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .md-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  .md-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  .md-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  .md-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  .md-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  .md-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .md-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .md-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  .md-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  .md-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  .md-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  .md-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  .md-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .md-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .md-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  .md-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  .md-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  .md-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  .md-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  .md-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .md-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .md-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  .md-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  .md-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  .md-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  .md-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  .md-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .md-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .md-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  .md-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  .md-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  .md-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  .md-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  .md-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .md-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .md-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  .md-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  .md-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  .md-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  .md-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  .md-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .md-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .md-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  .md-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  .md-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  .md-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  .md-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  .md-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .md-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .md-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  .md-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  .md-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  .md-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  .md-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  .md-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .md-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .md-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  .md-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  .md-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  .md-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  .md-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  .md-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .md-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .md-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  .md-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  .md-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  .md-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  .md-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  .md-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .md-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .md-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  .md-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  .md-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  .md-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  .md-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  .md-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .md-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .md-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  .md-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  .md-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  .md-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  .md-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  .md-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .md-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .md-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  .md-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  .md-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  .md-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  .md-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  .md-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .md-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .md-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  .md-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  .md-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  .md-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  .md-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  .md-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .md-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .md-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  .md-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  .md-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  .md-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  .md-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  .md-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .md-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .md-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  .md-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  .md-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  .md-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  .md-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  .md-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .md-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .md-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  .md-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  .md-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  .md-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  .md-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  .md-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .md-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .md-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  .md-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  .md-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  .md-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  .md-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  .md-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .md-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .md-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  .md-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  .md-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  .md-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  .md-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  .md-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .md-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .md-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  .md-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  .md-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  .md-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  .md-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  .md-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .md-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .md-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  .md-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  .md-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  .md-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  .md-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  .md-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .md-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .md-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  .md-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  .md-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  .md-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  .md-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  .md-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .md-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .md-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  .md-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  .md-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  .md-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  .md-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  .md-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .md-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .md-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  .md-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  .md-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  .md-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  .md-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  .md-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .md-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .md-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  .md-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  .md-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  .md-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  .md-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  .md-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .md-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .md-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  .md-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  .md-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  .md-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  .md-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  .md-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .md-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .md-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  .md-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  .md-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  .md-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  .md-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  .md-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .md-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .md-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  .md-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  .md-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  .md-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  .md-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  .md-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .md-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .md-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  .md-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  .md-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  .md-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  .md-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  .md-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .md-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .md-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  .md-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  .md-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  .md-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  .md-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  .md-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .md-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .md-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  .md-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  .md-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  .md-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  .md-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  .md-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .md-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .md-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  .md-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  .md-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  .md-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  .md-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  .md-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .md-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .md-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  .md-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  .md-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  .md-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  .md-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  .md-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .md-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .md-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  .md-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  .md-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  .md-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  .md-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  .md-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .md-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .md-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  .md-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  .md-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  .md-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  .md-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  .md-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .md-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .md-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  .md-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  .md-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  .md-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  .md-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  .md-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .md-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .md-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  .md-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  .md-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  .md-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  .md-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  .md-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .md-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .md-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  .md-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  .md-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  .md-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  .md-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  .md-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .md-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .md-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  .md-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  .md-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  .md-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  .md-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  .md-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .md-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .md-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  .md-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  .md-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  .md-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  .md-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  .md-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .md-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .md-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  .md-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  .md-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  .md-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  .md-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  .md-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .md-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .md-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  .md-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  .md-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  .md-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  .md-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  .md-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .md-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .md-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  .md-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  .md-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  .md-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  .md-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  .md-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .md-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .md-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  .md-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  .md-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  .md-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  .md-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  .md-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .md-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .md-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  .md-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  .md-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  .md-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  .md-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  .md-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .md-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .md-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  .md-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  .md-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  .md-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  .md-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  .md-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .md-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .md-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  .md-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  .md-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  .md-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  .md-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  .md-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .md-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .md-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  .md-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  .md-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  .md-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  .md-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  .md-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .md-ring-black { --quanta-ring-color: var(--black); }
  .md-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  .md-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  .md-active-ring-black:active { --quanta-ring-color: var(--black); }
  .md-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  .md-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  .md-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  .md-group:hover .md-group-hover-ring-black { --quanta-ring-color: var(--black); }
  .md-ring-white { --quanta-ring-color: var(--white); }
  .md-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  .md-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  .md-active-ring-white:active { --quanta-ring-color: var(--white); }
  .md-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  .md-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  .md-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  .md-group:hover .md-group-hover-ring-white { --quanta-ring-color: var(--white); }
  .md-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .md-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .md-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .md-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .md-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .md-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .md-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .md-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .md-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .md-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .md-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .md-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .md-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .md-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .md-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .md-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .md-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .md-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .md-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .md-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .md-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .md-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .md-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .md-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .md-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .md-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .md-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .md-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .md-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .md-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .md-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .md-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .md-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .md-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .md-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .md-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .md-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .md-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .md-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .md-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .md-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .md-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .md-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .md-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .md-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .md-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .md-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .md-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .md-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .md-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .md-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .md-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .md-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .md-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .md-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .md-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .md-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .md-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .md-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .md-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .md-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .md-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .md-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .md-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .md-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .md-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .md-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .md-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .md-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .md-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .md-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .md-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .md-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .md-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .md-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .md-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .md-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .md-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .md-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .md-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .md-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .md-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .md-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .md-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .md-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .md-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .md-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .md-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .md-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .md-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .md-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .md-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .md-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .md-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .md-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .md-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .md-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .md-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .md-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .md-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .md-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .md-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .md-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .md-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .md-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .md-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .md-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .md-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .md-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .md-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .md-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .md-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .md-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .md-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .md-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .md-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .md-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .md-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .md-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .md-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .md-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .md-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .md-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .md-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .md-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .md-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .md-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .md-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .md-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .md-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .md-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .md-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .md-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .md-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .md-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .md-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .md-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .md-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .md-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .md-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .md-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .md-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .md-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .md-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .md-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .md-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .md-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .md-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .md-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .md-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .md-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .md-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .md-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .md-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .md-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .md-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .md-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .md-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .md-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .md-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .md-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .md-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .md-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .md-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .md-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .md-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .md-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .md-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .md-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .md-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .md-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .md-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .md-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .md-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .md-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .md-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .md-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .md-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .md-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .md-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .md-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .md-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  .md-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  .md-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  .md-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  .md-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  .md-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  .md-group:hover .md-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .md-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .md-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  .md-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  .md-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  .md-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  .md-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  .md-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  .md-group:hover .md-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .md-bg-tp-05 { --bg-opacity: 0.05; }
  .md-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  .md-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  .md-active-bg-tp-05:active { --bg-opacity: 0.05; }
  .md-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  .md-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  .md-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  .md-group:hover .md-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  .md-bg-tp-10 { --bg-opacity: 0.10; }
  .md-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  .md-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  .md-active-bg-tp-10:active { --bg-opacity: 0.10; }
  .md-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  .md-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  .md-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  .md-group:hover .md-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  .md-bg-tp-15 { --bg-opacity: 0.15; }
  .md-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  .md-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  .md-active-bg-tp-15:active { --bg-opacity: 0.15; }
  .md-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  .md-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  .md-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  .md-group:hover .md-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  .md-bg-tp-20 { --bg-opacity: 0.20; }
  .md-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  .md-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  .md-active-bg-tp-20:active { --bg-opacity: 0.20; }
  .md-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  .md-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  .md-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  .md-group:hover .md-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  .md-bg-tp-25 { --bg-opacity: 0.25; }
  .md-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  .md-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  .md-active-bg-tp-25:active { --bg-opacity: 0.25; }
  .md-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  .md-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  .md-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  .md-group:hover .md-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  .md-bg-tp-30 { --bg-opacity: 0.30; }
  .md-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  .md-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  .md-active-bg-tp-30:active { --bg-opacity: 0.30; }
  .md-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  .md-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  .md-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  .md-group:hover .md-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  .md-bg-tp-35 { --bg-opacity: 0.35; }
  .md-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  .md-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  .md-active-bg-tp-35:active { --bg-opacity: 0.35; }
  .md-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  .md-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  .md-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  .md-group:hover .md-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  .md-bg-tp-40 { --bg-opacity: 0.40; }
  .md-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  .md-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  .md-active-bg-tp-40:active { --bg-opacity: 0.40; }
  .md-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  .md-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  .md-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  .md-group:hover .md-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  .md-bg-tp-45 { --bg-opacity: 0.45; }
  .md-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  .md-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  .md-active-bg-tp-45:active { --bg-opacity: 0.45; }
  .md-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  .md-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  .md-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  .md-group:hover .md-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  .md-bg-tp-50 { --bg-opacity: 0.50; }
  .md-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  .md-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  .md-active-bg-tp-50:active { --bg-opacity: 0.50; }
  .md-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  .md-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  .md-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  .md-group:hover .md-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  .md-bg-tp-55 { --bg-opacity: 0.55; }
  .md-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  .md-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  .md-active-bg-tp-55:active { --bg-opacity: 0.55; }
  .md-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  .md-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  .md-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  .md-group:hover .md-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  .md-bg-tp-60 { --bg-opacity: 0.60; }
  .md-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  .md-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  .md-active-bg-tp-60:active { --bg-opacity: 0.60; }
  .md-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  .md-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  .md-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  .md-group:hover .md-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  .md-bg-tp-65 { --bg-opacity: 0.65; }
  .md-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  .md-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  .md-active-bg-tp-65:active { --bg-opacity: 0.65; }
  .md-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  .md-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  .md-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  .md-group:hover .md-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  .md-bg-tp-70 { --bg-opacity: 0.70; }
  .md-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  .md-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  .md-active-bg-tp-70:active { --bg-opacity: 0.70; }
  .md-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  .md-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  .md-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  .md-group:hover .md-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  .md-bg-tp-75 { --bg-opacity: 0.75; }
  .md-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  .md-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  .md-active-bg-tp-75:active { --bg-opacity: 0.75; }
  .md-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  .md-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  .md-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  .md-group:hover .md-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  .md-bg-tp-80 { --bg-opacity: 0.80; }
  .md-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  .md-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  .md-active-bg-tp-80:active { --bg-opacity: 0.80; }
  .md-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  .md-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  .md-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  .md-group:hover .md-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  .md-bg-tp-85 { --bg-opacity: 0.85; }
  .md-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  .md-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  .md-active-bg-tp-85:active { --bg-opacity: 0.85; }
  .md-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  .md-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  .md-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  .md-group:hover .md-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  .md-bg-tp-90 { --bg-opacity: 0.90; }
  .md-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  .md-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  .md-active-bg-tp-90:active { --bg-opacity: 0.90; }
  .md-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  .md-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  .md-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  .md-group:hover .md-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  .md-bg-tp-95 { --bg-opacity: 0.95; }
  .md-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  .md-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  .md-active-bg-tp-95:active { --bg-opacity: 0.95; }
  .md-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  .md-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  .md-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  .md-group:hover .md-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  .md-bg-tp-100 { --bg-opacity: 1; }
  .md-hover-bg-tp-100:hover { --bg-opacity: 1; }
  .md-focus-bg-tp-100:focus { --bg-opacity: 1; }
  .md-active-bg-tp-100:active { --bg-opacity: 1; }
  .md-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  .md-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  .md-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  .md-group:hover .md-group-hover-bg-tp-100 { --bg-opacity: 1; }
  .md-text-tp-05 { --text-opacity: 0.05; }
  .md-hover-text-tp-05:hover { --text-opacity: 0.05; }
  .md-focus-text-tp-05:focus { --text-opacity: 0.05; }
  .md-active-text-tp-05:active { --text-opacity: 0.05; }
  .md-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  .md-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  .md-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  .md-group:hover .md-group-hover-text-tp-05 { --text-opacity: 0.05; }
  .md-text-tp-10 { --text-opacity: 0.10; }
  .md-hover-text-tp-10:hover { --text-opacity: 0.10; }
  .md-focus-text-tp-10:focus { --text-opacity: 0.10; }
  .md-active-text-tp-10:active { --text-opacity: 0.10; }
  .md-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  .md-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  .md-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  .md-group:hover .md-group-hover-text-tp-10 { --text-opacity: 0.10; }
  .md-text-tp-15 { --text-opacity: 0.15; }
  .md-hover-text-tp-15:hover { --text-opacity: 0.15; }
  .md-focus-text-tp-15:focus { --text-opacity: 0.15; }
  .md-active-text-tp-15:active { --text-opacity: 0.15; }
  .md-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  .md-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  .md-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  .md-group:hover .md-group-hover-text-tp-15 { --text-opacity: 0.15; }
  .md-text-tp-20 { --text-opacity: 0.20; }
  .md-hover-text-tp-20:hover { --text-opacity: 0.20; }
  .md-focus-text-tp-20:focus { --text-opacity: 0.20; }
  .md-active-text-tp-20:active { --text-opacity: 0.20; }
  .md-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  .md-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  .md-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  .md-group:hover .md-group-hover-text-tp-20 { --text-opacity: 0.20; }
  .md-text-tp-25 { --text-opacity: 0.25; }
  .md-hover-text-tp-25:hover { --text-opacity: 0.25; }
  .md-focus-text-tp-25:focus { --text-opacity: 0.25; }
  .md-active-text-tp-25:active { --text-opacity: 0.25; }
  .md-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  .md-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  .md-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  .md-group:hover .md-group-hover-text-tp-25 { --text-opacity: 0.25; }
  .md-text-tp-30 { --text-opacity: 0.30; }
  .md-hover-text-tp-30:hover { --text-opacity: 0.30; }
  .md-focus-text-tp-30:focus { --text-opacity: 0.30; }
  .md-active-text-tp-30:active { --text-opacity: 0.30; }
  .md-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  .md-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  .md-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  .md-group:hover .md-group-hover-text-tp-30 { --text-opacity: 0.30; }
  .md-text-tp-35 { --text-opacity: 0.35; }
  .md-hover-text-tp-35:hover { --text-opacity: 0.35; }
  .md-focus-text-tp-35:focus { --text-opacity: 0.35; }
  .md-active-text-tp-35:active { --text-opacity: 0.35; }
  .md-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  .md-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  .md-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  .md-group:hover .md-group-hover-text-tp-35 { --text-opacity: 0.35; }
  .md-text-tp-40 { --text-opacity: 0.40; }
  .md-hover-text-tp-40:hover { --text-opacity: 0.40; }
  .md-focus-text-tp-40:focus { --text-opacity: 0.40; }
  .md-active-text-tp-40:active { --text-opacity: 0.40; }
  .md-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  .md-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  .md-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  .md-group:hover .md-group-hover-text-tp-40 { --text-opacity: 0.40; }
  .md-text-tp-45 { --text-opacity: 0.45; }
  .md-hover-text-tp-45:hover { --text-opacity: 0.45; }
  .md-focus-text-tp-45:focus { --text-opacity: 0.45; }
  .md-active-text-tp-45:active { --text-opacity: 0.45; }
  .md-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  .md-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  .md-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  .md-group:hover .md-group-hover-text-tp-45 { --text-opacity: 0.45; }
  .md-text-tp-50 { --text-opacity: 0.50; }
  .md-hover-text-tp-50:hover { --text-opacity: 0.50; }
  .md-focus-text-tp-50:focus { --text-opacity: 0.50; }
  .md-active-text-tp-50:active { --text-opacity: 0.50; }
  .md-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  .md-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  .md-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  .md-group:hover .md-group-hover-text-tp-50 { --text-opacity: 0.50; }
  .md-text-tp-55 { --text-opacity: 0.55; }
  .md-hover-text-tp-55:hover { --text-opacity: 0.55; }
  .md-focus-text-tp-55:focus { --text-opacity: 0.55; }
  .md-active-text-tp-55:active { --text-opacity: 0.55; }
  .md-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  .md-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  .md-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  .md-group:hover .md-group-hover-text-tp-55 { --text-opacity: 0.55; }
  .md-text-tp-60 { --text-opacity: 0.60; }
  .md-hover-text-tp-60:hover { --text-opacity: 0.60; }
  .md-focus-text-tp-60:focus { --text-opacity: 0.60; }
  .md-active-text-tp-60:active { --text-opacity: 0.60; }
  .md-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  .md-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  .md-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  .md-group:hover .md-group-hover-text-tp-60 { --text-opacity: 0.60; }
  .md-text-tp-65 { --text-opacity: 0.65; }
  .md-hover-text-tp-65:hover { --text-opacity: 0.65; }
  .md-focus-text-tp-65:focus { --text-opacity: 0.65; }
  .md-active-text-tp-65:active { --text-opacity: 0.65; }
  .md-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  .md-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  .md-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  .md-group:hover .md-group-hover-text-tp-65 { --text-opacity: 0.65; }
  .md-text-tp-70 { --text-opacity: 0.70; }
  .md-hover-text-tp-70:hover { --text-opacity: 0.70; }
  .md-focus-text-tp-70:focus { --text-opacity: 0.70; }
  .md-active-text-tp-70:active { --text-opacity: 0.70; }
  .md-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  .md-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  .md-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  .md-group:hover .md-group-hover-text-tp-70 { --text-opacity: 0.70; }
  .md-text-tp-75 { --text-opacity: 0.75; }
  .md-hover-text-tp-75:hover { --text-opacity: 0.75; }
  .md-focus-text-tp-75:focus { --text-opacity: 0.75; }
  .md-active-text-tp-75:active { --text-opacity: 0.75; }
  .md-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  .md-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  .md-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  .md-group:hover .md-group-hover-text-tp-75 { --text-opacity: 0.75; }
  .md-text-tp-80 { --text-opacity: 0.80; }
  .md-hover-text-tp-80:hover { --text-opacity: 0.80; }
  .md-focus-text-tp-80:focus { --text-opacity: 0.80; }
  .md-active-text-tp-80:active { --text-opacity: 0.80; }
  .md-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  .md-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  .md-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  .md-group:hover .md-group-hover-text-tp-80 { --text-opacity: 0.80; }
  .md-text-tp-85 { --text-opacity: 0.85; }
  .md-hover-text-tp-85:hover { --text-opacity: 0.85; }
  .md-focus-text-tp-85:focus { --text-opacity: 0.85; }
  .md-active-text-tp-85:active { --text-opacity: 0.85; }
  .md-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  .md-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  .md-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  .md-group:hover .md-group-hover-text-tp-85 { --text-opacity: 0.85; }
  .md-text-tp-90 { --text-opacity: 0.90; }
  .md-hover-text-tp-90:hover { --text-opacity: 0.90; }
  .md-focus-text-tp-90:focus { --text-opacity: 0.90; }
  .md-active-text-tp-90:active { --text-opacity: 0.90; }
  .md-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  .md-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  .md-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  .md-group:hover .md-group-hover-text-tp-90 { --text-opacity: 0.90; }
  .md-text-tp-95 { --text-opacity: 0.95; }
  .md-hover-text-tp-95:hover { --text-opacity: 0.95; }
  .md-focus-text-tp-95:focus { --text-opacity: 0.95; }
  .md-active-text-tp-95:active { --text-opacity: 0.95; }
  .md-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  .md-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  .md-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  .md-group:hover .md-group-hover-text-tp-95 { --text-opacity: 0.95; }
  .md-text-tp-100 { --text-opacity: 1; }
  .md-hover-text-tp-100:hover { --text-opacity: 1; }
  .md-focus-text-tp-100:focus { --text-opacity: 1; }
  .md-active-text-tp-100:active { --text-opacity: 1; }
  .md-disabled-text-tp-100:disabled { --text-opacity: 1; }
  .md-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  .md-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  .md-group:hover .md-group-hover-text-tp-100 { --text-opacity: 1; }
  .md-border-tp-05 { --border-opacity: 0.05; }
  .md-hover-border-tp-05:hover { --border-opacity: 0.05; }
  .md-focus-border-tp-05:focus { --border-opacity: 0.05; }
  .md-active-border-tp-05:active { --border-opacity: 0.05; }
  .md-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  .md-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  .md-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  .md-group:hover .md-group-hover-border-tp-05 { --border-opacity: 0.05; }
  .md-border-tp-10 { --border-opacity: 0.10; }
  .md-hover-border-tp-10:hover { --border-opacity: 0.10; }
  .md-focus-border-tp-10:focus { --border-opacity: 0.10; }
  .md-active-border-tp-10:active { --border-opacity: 0.10; }
  .md-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  .md-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  .md-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  .md-group:hover .md-group-hover-border-tp-10 { --border-opacity: 0.10; }
  .md-border-tp-15 { --border-opacity: 0.15; }
  .md-hover-border-tp-15:hover { --border-opacity: 0.15; }
  .md-focus-border-tp-15:focus { --border-opacity: 0.15; }
  .md-active-border-tp-15:active { --border-opacity: 0.15; }
  .md-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  .md-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  .md-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  .md-group:hover .md-group-hover-border-tp-15 { --border-opacity: 0.15; }
  .md-border-tp-20 { --border-opacity: 0.20; }
  .md-hover-border-tp-20:hover { --border-opacity: 0.20; }
  .md-focus-border-tp-20:focus { --border-opacity: 0.20; }
  .md-active-border-tp-20:active { --border-opacity: 0.20; }
  .md-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  .md-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  .md-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  .md-group:hover .md-group-hover-border-tp-20 { --border-opacity: 0.20; }
  .md-border-tp-25 { --border-opacity: 0.25; }
  .md-hover-border-tp-25:hover { --border-opacity: 0.25; }
  .md-focus-border-tp-25:focus { --border-opacity: 0.25; }
  .md-active-border-tp-25:active { --border-opacity: 0.25; }
  .md-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  .md-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  .md-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  .md-group:hover .md-group-hover-border-tp-25 { --border-opacity: 0.25; }
  .md-border-tp-30 { --border-opacity: 0.30; }
  .md-hover-border-tp-30:hover { --border-opacity: 0.30; }
  .md-focus-border-tp-30:focus { --border-opacity: 0.30; }
  .md-active-border-tp-30:active { --border-opacity: 0.30; }
  .md-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  .md-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  .md-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  .md-group:hover .md-group-hover-border-tp-30 { --border-opacity: 0.30; }
  .md-border-tp-35 { --border-opacity: 0.35; }
  .md-hover-border-tp-35:hover { --border-opacity: 0.35; }
  .md-focus-border-tp-35:focus { --border-opacity: 0.35; }
  .md-active-border-tp-35:active { --border-opacity: 0.35; }
  .md-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  .md-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  .md-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  .md-group:hover .md-group-hover-border-tp-35 { --border-opacity: 0.35; }
  .md-border-tp-40 { --border-opacity: 0.40; }
  .md-hover-border-tp-40:hover { --border-opacity: 0.40; }
  .md-focus-border-tp-40:focus { --border-opacity: 0.40; }
  .md-active-border-tp-40:active { --border-opacity: 0.40; }
  .md-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  .md-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  .md-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  .md-group:hover .md-group-hover-border-tp-40 { --border-opacity: 0.40; }
  .md-border-tp-45 { --border-opacity: 0.45; }
  .md-hover-border-tp-45:hover { --border-opacity: 0.45; }
  .md-focus-border-tp-45:focus { --border-opacity: 0.45; }
  .md-active-border-tp-45:active { --border-opacity: 0.45; }
  .md-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  .md-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  .md-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  .md-group:hover .md-group-hover-border-tp-45 { --border-opacity: 0.45; }
  .md-border-tp-50 { --border-opacity: 0.50; }
  .md-hover-border-tp-50:hover { --border-opacity: 0.50; }
  .md-focus-border-tp-50:focus { --border-opacity: 0.50; }
  .md-active-border-tp-50:active { --border-opacity: 0.50; }
  .md-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  .md-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  .md-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  .md-group:hover .md-group-hover-border-tp-50 { --border-opacity: 0.50; }
  .md-border-tp-55 { --border-opacity: 0.55; }
  .md-hover-border-tp-55:hover { --border-opacity: 0.55; }
  .md-focus-border-tp-55:focus { --border-opacity: 0.55; }
  .md-active-border-tp-55:active { --border-opacity: 0.55; }
  .md-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  .md-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  .md-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  .md-group:hover .md-group-hover-border-tp-55 { --border-opacity: 0.55; }
  .md-border-tp-60 { --border-opacity: 0.60; }
  .md-hover-border-tp-60:hover { --border-opacity: 0.60; }
  .md-focus-border-tp-60:focus { --border-opacity: 0.60; }
  .md-active-border-tp-60:active { --border-opacity: 0.60; }
  .md-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  .md-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  .md-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  .md-group:hover .md-group-hover-border-tp-60 { --border-opacity: 0.60; }
  .md-border-tp-65 { --border-opacity: 0.65; }
  .md-hover-border-tp-65:hover { --border-opacity: 0.65; }
  .md-focus-border-tp-65:focus { --border-opacity: 0.65; }
  .md-active-border-tp-65:active { --border-opacity: 0.65; }
  .md-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  .md-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  .md-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  .md-group:hover .md-group-hover-border-tp-65 { --border-opacity: 0.65; }
  .md-border-tp-70 { --border-opacity: 0.70; }
  .md-hover-border-tp-70:hover { --border-opacity: 0.70; }
  .md-focus-border-tp-70:focus { --border-opacity: 0.70; }
  .md-active-border-tp-70:active { --border-opacity: 0.70; }
  .md-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  .md-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  .md-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  .md-group:hover .md-group-hover-border-tp-70 { --border-opacity: 0.70; }
  .md-border-tp-75 { --border-opacity: 0.75; }
  .md-hover-border-tp-75:hover { --border-opacity: 0.75; }
  .md-focus-border-tp-75:focus { --border-opacity: 0.75; }
  .md-active-border-tp-75:active { --border-opacity: 0.75; }
  .md-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  .md-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  .md-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  .md-group:hover .md-group-hover-border-tp-75 { --border-opacity: 0.75; }
  .md-border-tp-80 { --border-opacity: 0.80; }
  .md-hover-border-tp-80:hover { --border-opacity: 0.80; }
  .md-focus-border-tp-80:focus { --border-opacity: 0.80; }
  .md-active-border-tp-80:active { --border-opacity: 0.80; }
  .md-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  .md-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  .md-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  .md-group:hover .md-group-hover-border-tp-80 { --border-opacity: 0.80; }
  .md-border-tp-85 { --border-opacity: 0.85; }
  .md-hover-border-tp-85:hover { --border-opacity: 0.85; }
  .md-focus-border-tp-85:focus { --border-opacity: 0.85; }
  .md-active-border-tp-85:active { --border-opacity: 0.85; }
  .md-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  .md-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  .md-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  .md-group:hover .md-group-hover-border-tp-85 { --border-opacity: 0.85; }
  .md-border-tp-90 { --border-opacity: 0.90; }
  .md-hover-border-tp-90:hover { --border-opacity: 0.90; }
  .md-focus-border-tp-90:focus { --border-opacity: 0.90; }
  .md-active-border-tp-90:active { --border-opacity: 0.90; }
  .md-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  .md-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  .md-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  .md-group:hover .md-group-hover-border-tp-90 { --border-opacity: 0.90; }
  .md-border-tp-95 { --border-opacity: 0.95; }
  .md-hover-border-tp-95:hover { --border-opacity: 0.95; }
  .md-focus-border-tp-95:focus { --border-opacity: 0.95; }
  .md-active-border-tp-95:active { --border-opacity: 0.95; }
  .md-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  .md-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  .md-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  .md-group:hover .md-group-hover-border-tp-95 { --border-opacity: 0.95; }
  .md-border-tp-100 { --border-opacity: 1; }
  .md-hover-border-tp-100:hover { --border-opacity: 1; }
  .md-focus-border-tp-100:focus { --border-opacity: 1; }
  .md-active-border-tp-100:active { --border-opacity: 1; }
  .md-disabled-border-tp-100:disabled { --border-opacity: 1; }
  .md-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  .md-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  .md-group:hover .md-group-hover-border-tp-100 { --border-opacity: 1; }
  .md-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-group:hover .md-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .md-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-group:hover .md-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .md-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-group:hover .md-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .md-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-group:hover .md-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .md-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-group:hover .md-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .md-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-group:hover .md-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .md-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .md-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  .md-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  .md-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  .md-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  .md-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  .md-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .md-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .md-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  .md-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  .md-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  .md-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  .md-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  .md-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .md-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .md-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  .md-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  .md-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  .md-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  .md-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  .md-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .md-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .md-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  .md-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  .md-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  .md-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  .md-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  .md-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .md-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .md-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  .md-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  .md-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  .md-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  .md-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  .md-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .md-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .md-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  .md-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  .md-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  .md-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  .md-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  .md-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .md-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .md-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  .md-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  .md-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  .md-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  .md-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  .md-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .md-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .md-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  .md-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  .md-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  .md-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  .md-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  .md-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .md-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .md-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  .md-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  .md-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  .md-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  .md-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  .md-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .md-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .md-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  .md-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  .md-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  .md-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  .md-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  .md-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .md-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .md-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  .md-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  .md-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  .md-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  .md-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  .md-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .md-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .md-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  .md-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  .md-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  .md-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  .md-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  .md-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .md-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .md-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  .md-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  .md-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  .md-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  .md-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  .md-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .md-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .md-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  .md-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  .md-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  .md-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  .md-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  .md-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .md-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .md-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  .md-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  .md-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  .md-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  .md-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  .md-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .md-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .md-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  .md-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  .md-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  .md-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  .md-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  .md-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .md-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .md-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  .md-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  .md-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  .md-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  .md-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  .md-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .md-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .md-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  .md-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  .md-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  .md-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  .md-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  .md-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .md-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .md-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  .md-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  .md-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  .md-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  .md-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  .md-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .md-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .md-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  .md-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  .md-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  .md-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  .md-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  .md-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .md-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .md-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  .md-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  .md-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  .md-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  .md-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  .md-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .md-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .md-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  .md-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  .md-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  .md-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  .md-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  .md-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .md-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .md-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  .md-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  .md-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  .md-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  .md-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  .md-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .md-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .md-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  .md-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  .md-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  .md-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  .md-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  .md-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .md-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .md-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  .md-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  .md-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  .md-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  .md-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  .md-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .md-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .md-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  .md-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  .md-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  .md-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  .md-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  .md-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .md-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .md-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  .md-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  .md-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  .md-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  .md-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  .md-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .md-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .md-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  .md-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  .md-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  .md-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  .md-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  .md-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .md-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .md-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  .md-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  .md-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  .md-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  .md-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  .md-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .md-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .md-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  .md-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  .md-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  .md-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  .md-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  .md-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .md-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .md-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  .md-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  .md-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  .md-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  .md-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  .md-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .md-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .md-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  .md-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  .md-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  .md-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  .md-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  .md-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .md-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .md-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  .md-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  .md-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  .md-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  .md-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  .md-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .md-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .md-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  .md-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  .md-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  .md-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  .md-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  .md-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .md-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .md-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  .md-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  .md-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  .md-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  .md-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  .md-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .md-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .md-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  .md-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  .md-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  .md-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  .md-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  .md-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .md-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .md-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  .md-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  .md-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  .md-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  .md-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  .md-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .md-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .md-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  .md-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  .md-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  .md-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  .md-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  .md-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .md-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .md-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  .md-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  .md-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  .md-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  .md-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  .md-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .md-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .md-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  .md-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  .md-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  .md-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  .md-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  .md-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .md-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .md-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  .md-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  .md-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  .md-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  .md-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  .md-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .md-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .md-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  .md-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  .md-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  .md-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  .md-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  .md-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .md-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .md-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  .md-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  .md-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  .md-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  .md-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  .md-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .md-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .md-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  .md-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  .md-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  .md-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  .md-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  .md-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .md-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .md-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  .md-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  .md-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  .md-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  .md-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  .md-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .md-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .md-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  .md-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  .md-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  .md-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  .md-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  .md-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .md-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .md-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  .md-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  .md-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  .md-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  .md-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  .md-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .md-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .md-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  .md-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  .md-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  .md-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  .md-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  .md-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .md-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .md-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  .md-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  .md-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  .md-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  .md-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  .md-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .md-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .md-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  .md-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  .md-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  .md-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  .md-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  .md-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .md-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .md-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  .md-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  .md-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  .md-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  .md-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  .md-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .md-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .md-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  .md-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  .md-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  .md-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  .md-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  .md-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .md-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .md-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  .md-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  .md-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  .md-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  .md-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  .md-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .md-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .md-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  .md-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  .md-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  .md-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  .md-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  .md-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .md-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .md-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  .md-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  .md-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  .md-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  .md-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  .md-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .md-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .md-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  .md-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  .md-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  .md-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  .md-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  .md-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .md-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .md-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  .md-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  .md-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  .md-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  .md-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  .md-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .md-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .md-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  .md-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  .md-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  .md-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  .md-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  .md-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .md-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .md-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  .md-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  .md-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  .md-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  .md-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  .md-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .md-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .md-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  .md-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  .md-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  .md-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  .md-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  .md-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .md-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .md-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  .md-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  .md-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  .md-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  .md-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  .md-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .md-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .md-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  .md-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  .md-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  .md-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  .md-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  .md-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .md-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .md-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  .md-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  .md-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  .md-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  .md-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  .md-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .md-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .md-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  .md-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  .md-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  .md-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  .md-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  .md-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .md-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .md-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  .md-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  .md-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  .md-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  .md-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  .md-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .md-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .md-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  .md-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  .md-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  .md-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  .md-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  .md-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .md-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .md-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  .md-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  .md-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  .md-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  .md-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  .md-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .md-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .md-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  .md-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  .md-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  .md-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  .md-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  .md-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .md-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .md-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  .md-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  .md-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  .md-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  .md-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  .md-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .md-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .md-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  .md-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  .md-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  .md-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  .md-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  .md-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .md-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .md-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  .md-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  .md-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  .md-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  .md-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  .md-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .md-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .md-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  .md-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  .md-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  .md-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  .md-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  .md-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .md-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .md-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  .md-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  .md-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  .md-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  .md-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  .md-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .md-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .md-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  .md-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  .md-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  .md-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  .md-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  .md-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .md-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .md-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  .md-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  .md-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  .md-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  .md-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  .md-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .md-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .md-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  .md-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  .md-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  .md-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  .md-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  .md-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .md-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .md-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  .md-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  .md-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  .md-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  .md-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  .md-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .md-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .md-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  .md-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  .md-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  .md-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  .md-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  .md-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .md-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .md-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  .md-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  .md-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  .md-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  .md-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  .md-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .md-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .md-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  .md-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  .md-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  .md-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  .md-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  .md-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .md-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .md-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  .md-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  .md-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  .md-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  .md-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  .md-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .md-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .md-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  .md-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  .md-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  .md-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  .md-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  .md-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .md-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .md-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  .md-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  .md-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  .md-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  .md-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  .md-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .md-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .md-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  .md-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  .md-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  .md-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  .md-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  .md-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .md-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .md-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  .md-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  .md-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  .md-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  .md-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  .md-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .md-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .md-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  .md-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  .md-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  .md-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  .md-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  .md-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .md-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .md-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  .md-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  .md-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  .md-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  .md-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  .md-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .md-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .md-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  .md-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  .md-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  .md-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  .md-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  .md-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .md-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .md-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  .md-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  .md-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  .md-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  .md-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  .md-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .md-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .md-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  .md-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  .md-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  .md-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  .md-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  .md-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .md-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .md-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  .md-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  .md-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  .md-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  .md-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  .md-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .md-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .md-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  .md-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  .md-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  .md-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  .md-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  .md-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .md-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .md-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  .md-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  .md-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  .md-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  .md-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  .md-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .md-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .md-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  .md-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  .md-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  .md-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  .md-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  .md-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .md-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .md-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  .md-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  .md-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  .md-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  .md-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  .md-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .md-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .md-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  .md-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  .md-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  .md-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  .md-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  .md-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .md-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .md-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  .md-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  .md-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  .md-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  .md-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  .md-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .md-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .md-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  .md-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  .md-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  .md-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  .md-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  .md-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .md-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .md-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  .md-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  .md-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  .md-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  .md-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  .md-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .md-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .md-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  .md-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  .md-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  .md-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  .md-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  .md-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .md-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .md-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  .md-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  .md-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  .md-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  .md-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  .md-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .md-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .md-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  .md-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  .md-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  .md-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  .md-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  .md-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .md-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .md-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  .md-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  .md-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  .md-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  .md-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  .md-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .md-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .md-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  .md-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  .md-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  .md-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  .md-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  .md-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .md-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .md-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  .md-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  .md-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  .md-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  .md-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  .md-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .md-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .md-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  .md-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  .md-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  .md-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  .md-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  .md-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .md-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .md-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  .md-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  .md-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  .md-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  .md-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  .md-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .md-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .md-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  .md-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  .md-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  .md-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  .md-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  .md-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .md-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .md-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  .md-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  .md-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  .md-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  .md-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  .md-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .md-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .md-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  .md-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  .md-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  .md-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  .md-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  .md-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .md-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .md-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  .md-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  .md-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  .md-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  .md-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  .md-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .md-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .md-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  .md-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  .md-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  .md-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  .md-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  .md-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .md-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .md-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  .md-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  .md-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  .md-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  .md-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  .md-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .md-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .md-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  .md-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  .md-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  .md-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  .md-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  .md-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .md-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .md-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  .md-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  .md-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  .md-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  .md-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  .md-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .md-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .md-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  .md-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  .md-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  .md-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  .md-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  .md-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .md-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .md-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  .md-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  .md-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  .md-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  .md-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  .md-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .md-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .md-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  .md-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  .md-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  .md-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  .md-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  .md-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .md-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .md-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  .md-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  .md-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  .md-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  .md-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  .md-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .md-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .md-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  .md-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  .md-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  .md-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  .md-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  .md-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .md-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .md-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  .md-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  .md-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  .md-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  .md-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  .md-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .md-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .md-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  .md-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  .md-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  .md-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  .md-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  .md-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .md-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .md-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  .md-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  .md-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  .md-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  .md-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  .md-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .md-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .md-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  .md-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  .md-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  .md-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  .md-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  .md-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .md-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .md-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  .md-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  .md-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  .md-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  .md-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  .md-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .md-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .md-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  .md-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  .md-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  .md-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  .md-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  .md-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .md-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .md-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  .md-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  .md-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  .md-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  .md-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  .md-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .md-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .md-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  .md-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  .md-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  .md-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  .md-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  .md-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .md-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .md-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  .md-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  .md-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  .md-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  .md-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  .md-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .md-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .md-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  .md-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  .md-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  .md-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  .md-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  .md-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .md-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .md-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  .md-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  .md-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  .md-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  .md-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  .md-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .md-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .md-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  .md-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  .md-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  .md-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  .md-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  .md-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .md-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .md-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  .md-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  .md-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  .md-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  .md-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  .md-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .md-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .md-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  .md-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  .md-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  .md-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  .md-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  .md-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .md-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .md-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  .md-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  .md-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  .md-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  .md-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  .md-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .md-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .md-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  .md-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  .md-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  .md-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  .md-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  .md-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .md-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .md-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  .md-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  .md-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  .md-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  .md-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  .md-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .md-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .md-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  .md-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  .md-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  .md-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  .md-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  .md-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .md-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .md-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  .md-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  .md-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  .md-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  .md-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  .md-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .md-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .md-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  .md-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  .md-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  .md-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  .md-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  .md-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .md-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .md-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  .md-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  .md-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  .md-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  .md-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  .md-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .md-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .md-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  .md-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  .md-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  .md-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  .md-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  .md-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .md-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .md-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  .md-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  .md-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  .md-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  .md-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  .md-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .md-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .md-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  .md-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  .md-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  .md-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  .md-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  .md-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .md-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .md-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  .md-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  .md-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  .md-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  .md-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  .md-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .md-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .md-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  .md-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  .md-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  .md-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  .md-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  .md-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .md-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .md-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  .md-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  .md-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  .md-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  .md-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  .md-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .md-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .md-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  .md-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  .md-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  .md-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  .md-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  .md-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .md-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .md-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  .md-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  .md-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  .md-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  .md-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  .md-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .md-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .md-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  .md-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  .md-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  .md-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  .md-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  .md-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .md-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .md-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  .md-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  .md-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  .md-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  .md-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  .md-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .md-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .md-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  .md-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  .md-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  .md-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  .md-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  .md-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .md-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .md-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  .md-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  .md-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  .md-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  .md-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  .md-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .md-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .md-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  .md-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  .md-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  .md-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  .md-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  .md-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .md-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .md-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  .md-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  .md-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  .md-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  .md-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  .md-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .md-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .md-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  .md-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  .md-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  .md-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  .md-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  .md-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .md-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .md-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  .md-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  .md-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  .md-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  .md-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  .md-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .md-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .md-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  .md-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  .md-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  .md-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  .md-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  .md-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .md-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .md-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  .md-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  .md-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  .md-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  .md-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  .md-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .md-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .md-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  .md-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  .md-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  .md-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  .md-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  .md-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .md-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .md-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  .md-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  .md-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  .md-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  .md-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  .md-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .md-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .md-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  .md-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  .md-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  .md-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  .md-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  .md-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .md-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .md-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  .md-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  .md-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  .md-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  .md-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  .md-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .md-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .md-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  .md-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  .md-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  .md-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  .md-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  .md-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .md-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .md-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  .md-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  .md-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  .md-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  .md-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  .md-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .md-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .md-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  .md-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  .md-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  .md-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  .md-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  .md-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .md-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .md-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  .md-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  .md-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  .md-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  .md-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  .md-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .md-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .md-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  .md-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  .md-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  .md-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  .md-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  .md-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .md-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .md-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  .md-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  .md-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  .md-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  .md-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  .md-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .md-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .md-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  .md-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  .md-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  .md-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  .md-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  .md-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .md-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .md-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  .md-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  .md-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  .md-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  .md-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  .md-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .md-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .md-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  .md-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  .md-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  .md-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  .md-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  .md-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .md-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .md-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  .md-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  .md-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  .md-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  .md-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  .md-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .md-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .md-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  .md-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  .md-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  .md-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  .md-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  .md-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .md-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .md-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  .md-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  .md-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  .md-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  .md-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  .md-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .md-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .md-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  .md-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  .md-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  .md-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  .md-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  .md-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .md-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .md-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  .md-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  .md-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  .md-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  .md-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  .md-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .md-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .md-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  .md-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  .md-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  .md-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  .md-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  .md-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .md-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .md-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  .md-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  .md-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  .md-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  .md-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  .md-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .md-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .md-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  .md-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  .md-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  .md-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  .md-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  .md-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .md-shadow-color-black { --shadow-color: var(--black); }
  .md-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  .md-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  .md-active-shadow-color-black:active { --shadow-color: var(--black); }
  .md-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  .md-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  .md-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  .md-group:hover .md-group-hover-shadow-color-black { --shadow-color: var(--black); }
  .md-shadow-color-white { --shadow-color: var(--white); }
  .md-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  .md-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  .md-active-shadow-color-white:active { --shadow-color: var(--white); }
  .md-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  .md-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  .md-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  .md-group:hover .md-group-hover-shadow-color-white { --shadow-color: var(--white); }
  .md-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .md-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  .md-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  .md-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  .md-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  .md-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  .md-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .md-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .md-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  .md-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  .md-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  .md-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  .md-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  .md-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .md-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .md-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  .md-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  .md-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  .md-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  .md-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  .md-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .md-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .md-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  .md-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  .md-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  .md-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  .md-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  .md-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .md-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .md-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  .md-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  .md-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  .md-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  .md-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  .md-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .md-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .md-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  .md-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  .md-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  .md-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  .md-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  .md-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .md-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .md-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  .md-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  .md-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  .md-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  .md-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  .md-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .md-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .md-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  .md-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  .md-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  .md-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  .md-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  .md-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .md-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .md-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  .md-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  .md-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  .md-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  .md-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  .md-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .md-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .md-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  .md-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  .md-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  .md-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  .md-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  .md-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .md-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .md-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  .md-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  .md-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  .md-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  .md-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  .md-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .md-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .md-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  .md-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  .md-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  .md-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  .md-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  .md-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .md-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .md-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  .md-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  .md-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  .md-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  .md-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  .md-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .md-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .md-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  .md-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  .md-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  .md-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  .md-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  .md-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .md-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .md-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  .md-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  .md-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  .md-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  .md-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  .md-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .md-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .md-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  .md-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  .md-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  .md-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  .md-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  .md-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .md-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .md-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  .md-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  .md-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  .md-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  .md-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  .md-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .md-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .md-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  .md-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  .md-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  .md-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  .md-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  .md-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .md-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .md-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  .md-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  .md-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  .md-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  .md-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  .md-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .md-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .md-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  .md-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  .md-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  .md-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  .md-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  .md-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .md-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .md-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  .md-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  .md-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  .md-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  .md-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  .md-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .md-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .md-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  .md-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  .md-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  .md-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  .md-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  .md-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .md-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .md-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  .md-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  .md-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  .md-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  .md-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  .md-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .md-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .md-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  .md-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  .md-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  .md-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  .md-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  .md-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .md-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .md-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  .md-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  .md-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  .md-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  .md-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  .md-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .md-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .md-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  .md-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  .md-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  .md-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  .md-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  .md-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .md-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .md-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  .md-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  .md-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  .md-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  .md-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  .md-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .md-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .md-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  .md-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  .md-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  .md-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  .md-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  .md-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .md-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .md-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  .md-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  .md-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  .md-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  .md-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  .md-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .md-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .md-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  .md-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  .md-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  .md-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  .md-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  .md-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .md-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .md-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  .md-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  .md-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  .md-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  .md-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  .md-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .md-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .md-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  .md-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  .md-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  .md-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  .md-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  .md-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .md-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .md-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  .md-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  .md-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  .md-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  .md-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  .md-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .md-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .md-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  .md-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  .md-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  .md-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  .md-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  .md-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .md-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .md-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  .md-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  .md-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  .md-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  .md-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  .md-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .md-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .md-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  .md-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  .md-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  .md-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  .md-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  .md-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .md-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .md-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  .md-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  .md-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  .md-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  .md-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  .md-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .md-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .md-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  .md-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  .md-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  .md-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  .md-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  .md-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .md-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .md-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  .md-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  .md-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  .md-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  .md-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  .md-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .md-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .md-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  .md-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  .md-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  .md-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  .md-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  .md-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .md-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .md-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  .md-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  .md-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  .md-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  .md-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  .md-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .md-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .md-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  .md-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  .md-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  .md-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  .md-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  .md-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .md-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .md-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  .md-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  .md-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  .md-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  .md-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  .md-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .md-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .md-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  .md-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  .md-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  .md-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  .md-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  .md-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .md-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .md-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  .md-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  .md-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  .md-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  .md-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  .md-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .md-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .md-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  .md-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  .md-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  .md-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  .md-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  .md-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .md-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .md-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  .md-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  .md-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  .md-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  .md-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  .md-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .md-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .md-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  .md-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  .md-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  .md-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  .md-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  .md-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .md-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .md-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  .md-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  .md-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  .md-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  .md-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  .md-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .md-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .md-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  .md-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  .md-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  .md-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  .md-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  .md-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .md-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .md-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  .md-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  .md-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  .md-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  .md-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  .md-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .md-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .md-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  .md-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  .md-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  .md-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  .md-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  .md-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .md-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .md-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  .md-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  .md-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  .md-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  .md-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  .md-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .md-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .md-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  .md-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  .md-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  .md-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  .md-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  .md-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .md-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .md-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  .md-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  .md-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  .md-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  .md-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  .md-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .md-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .md-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  .md-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  .md-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  .md-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  .md-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  .md-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .md-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .md-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  .md-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  .md-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  .md-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  .md-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  .md-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .md-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .md-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  .md-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  .md-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  .md-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  .md-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  .md-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .md-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .md-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  .md-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  .md-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  .md-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  .md-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  .md-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .md-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .md-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  .md-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  .md-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  .md-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  .md-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  .md-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .md-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .md-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  .md-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  .md-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  .md-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  .md-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  .md-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .md-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .md-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  .md-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  .md-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  .md-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  .md-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  .md-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .md-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .md-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  .md-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  .md-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  .md-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  .md-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  .md-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .md-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .md-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  .md-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  .md-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  .md-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  .md-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  .md-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .md-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .md-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  .md-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  .md-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  .md-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  .md-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  .md-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .md-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .md-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  .md-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  .md-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  .md-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  .md-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  .md-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .md-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .md-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  .md-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  .md-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  .md-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  .md-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  .md-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .md-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .md-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  .md-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  .md-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  .md-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  .md-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  .md-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .md-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .md-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  .md-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  .md-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  .md-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  .md-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  .md-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .md-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .md-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  .md-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  .md-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  .md-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  .md-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  .md-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .md-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .md-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  .md-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  .md-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  .md-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  .md-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  .md-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .md-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .md-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  .md-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  .md-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  .md-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  .md-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  .md-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .md-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .md-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  .md-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  .md-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  .md-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  .md-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  .md-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .md-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .md-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  .md-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  .md-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  .md-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  .md-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  .md-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .md-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .md-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  .md-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  .md-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  .md-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  .md-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  .md-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .md-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .md-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  .md-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  .md-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  .md-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  .md-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  .md-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .md-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .md-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  .md-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  .md-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  .md-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  .md-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  .md-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .md-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .md-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  .md-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  .md-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  .md-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  .md-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  .md-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .md-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .md-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  .md-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  .md-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  .md-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  .md-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  .md-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .md-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .md-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  .md-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  .md-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  .md-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  .md-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  .md-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .md-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .md-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  .md-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  .md-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  .md-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  .md-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  .md-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .md-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .md-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  .md-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  .md-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  .md-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  .md-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  .md-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .md-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .md-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  .md-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  .md-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  .md-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  .md-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  .md-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .md-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .md-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  .md-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  .md-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  .md-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  .md-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  .md-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .md-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .md-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  .md-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  .md-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  .md-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  .md-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  .md-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .md-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .md-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  .md-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  .md-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  .md-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  .md-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  .md-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .md-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .md-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  .md-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  .md-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  .md-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  .md-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  .md-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .md-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .md-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  .md-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  .md-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  .md-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  .md-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  .md-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .md-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .md-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  .md-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  .md-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  .md-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  .md-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  .md-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .md-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .md-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  .md-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  .md-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  .md-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  .md-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  .md-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .md-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .md-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  .md-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  .md-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  .md-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  .md-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  .md-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .md-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .md-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  .md-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  .md-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  .md-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  .md-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  .md-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .md-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .md-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  .md-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  .md-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  .md-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  .md-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  .md-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .md-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .md-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  .md-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  .md-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  .md-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  .md-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  .md-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .md-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .md-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  .md-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  .md-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  .md-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  .md-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  .md-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .md-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .md-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  .md-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  .md-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  .md-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  .md-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  .md-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .md-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .md-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  .md-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  .md-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  .md-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  .md-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  .md-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .md-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .md-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  .md-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  .md-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  .md-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  .md-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  .md-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .md-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .md-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  .md-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  .md-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  .md-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  .md-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  .md-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .md-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .md-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  .md-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  .md-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  .md-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  .md-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  .md-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .md-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .md-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  .md-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  .md-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  .md-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  .md-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  .md-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .md-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .md-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  .md-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  .md-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  .md-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  .md-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  .md-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .md-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .md-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  .md-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  .md-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  .md-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  .md-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  .md-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .md-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .md-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  .md-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  .md-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  .md-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  .md-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  .md-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .md-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .md-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  .md-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  .md-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  .md-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  .md-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  .md-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .md-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .md-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  .md-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  .md-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  .md-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  .md-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  .md-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .md-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .md-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  .md-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  .md-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  .md-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  .md-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  .md-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .md-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .md-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  .md-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  .md-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  .md-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  .md-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  .md-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .md-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .md-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  .md-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  .md-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  .md-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  .md-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  .md-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .md-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .md-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  .md-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  .md-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  .md-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  .md-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  .md-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .md-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .md-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  .md-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  .md-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  .md-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  .md-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  .md-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .md-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .md-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  .md-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  .md-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  .md-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  .md-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  .md-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .md-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .md-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  .md-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  .md-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  .md-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  .md-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  .md-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .md-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .md-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  .md-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  .md-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  .md-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  .md-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  .md-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .md-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .md-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  .md-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  .md-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  .md-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  .md-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  .md-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .md-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .md-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  .md-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  .md-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  .md-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  .md-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  .md-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .md-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .md-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  .md-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  .md-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  .md-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  .md-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  .md-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .md-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .md-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  .md-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  .md-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  .md-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  .md-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  .md-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .md-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .md-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  .md-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  .md-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  .md-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  .md-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  .md-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .md-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .md-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  .md-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  .md-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  .md-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  .md-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  .md-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .md-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .md-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  .md-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  .md-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  .md-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  .md-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  .md-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .md-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .md-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  .md-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  .md-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  .md-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  .md-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  .md-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .md-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .md-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  .md-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  .md-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  .md-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  .md-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  .md-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .md-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .md-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  .md-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  .md-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  .md-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  .md-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  .md-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .md-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .md-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  .md-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  .md-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  .md-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  .md-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  .md-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .md-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .md-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  .md-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  .md-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  .md-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  .md-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  .md-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .md-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .md-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  .md-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  .md-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  .md-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  .md-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  .md-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .md-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .md-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  .md-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  .md-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  .md-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  .md-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  .md-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .md-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .md-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  .md-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  .md-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  .md-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  .md-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  .md-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .md-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .md-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  .md-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  .md-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  .md-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  .md-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  .md-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .md-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .md-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  .md-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  .md-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  .md-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  .md-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  .md-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .md-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .md-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  .md-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  .md-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  .md-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  .md-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  .md-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .md-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .md-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  .md-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  .md-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  .md-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  .md-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  .md-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .md-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .md-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  .md-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  .md-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  .md-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  .md-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  .md-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .md-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .md-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  .md-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  .md-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  .md-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  .md-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  .md-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .md-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .md-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  .md-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  .md-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  .md-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  .md-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  .md-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .md-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .md-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  .md-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  .md-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  .md-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  .md-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  .md-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .md-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .md-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  .md-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  .md-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  .md-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  .md-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  .md-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .md-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .md-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  .md-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  .md-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  .md-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  .md-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  .md-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .md-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .md-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  .md-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  .md-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  .md-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  .md-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  .md-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .md-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .md-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  .md-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  .md-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  .md-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  .md-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  .md-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .md-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .md-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  .md-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  .md-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  .md-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  .md-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  .md-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .md-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .md-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  .md-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  .md-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  .md-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  .md-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  .md-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .md-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .md-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  .md-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  .md-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  .md-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  .md-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  .md-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .md-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .md-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  .md-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  .md-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  .md-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  .md-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  .md-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .md-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .md-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  .md-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  .md-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  .md-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  .md-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  .md-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .md-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .md-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  .md-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  .md-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  .md-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  .md-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  .md-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .md-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .md-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  .md-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  .md-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  .md-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  .md-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  .md-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .md-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .md-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  .md-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  .md-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  .md-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  .md-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  .md-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .md-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .md-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  .md-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  .md-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  .md-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  .md-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  .md-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .md-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .md-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  .md-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  .md-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  .md-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  .md-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  .md-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .md-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .md-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  .md-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  .md-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  .md-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  .md-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  .md-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .md-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .md-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  .md-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  .md-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  .md-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  .md-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  .md-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .md-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .md-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  .md-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  .md-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  .md-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  .md-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  .md-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .md-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .md-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  .md-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  .md-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  .md-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  .md-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  .md-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .md-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .md-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  .md-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  .md-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  .md-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  .md-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  .md-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .md-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .md-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  .md-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  .md-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  .md-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  .md-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  .md-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .md-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .md-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  .md-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  .md-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  .md-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  .md-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  .md-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .md-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .md-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  .md-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  .md-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  .md-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  .md-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  .md-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .md-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .md-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  .md-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  .md-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  .md-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  .md-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  .md-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .md-gradient-from-black { --quanta-from-color: var(--black); }
  .md-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  .md-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  .md-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  .md-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  .md-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  .md-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  .md-group:hover .md-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  .md-gradient-from-white { --quanta-from-color: var(--white); }
  .md-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  .md-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  .md-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  .md-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  .md-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  .md-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  .md-group:hover .md-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  .md-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .md-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  .md-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  .md-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  .md-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  .md-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  .md-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .md-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .md-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  .md-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  .md-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  .md-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  .md-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  .md-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .md-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .md-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  .md-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  .md-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  .md-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  .md-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  .md-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .md-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .md-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  .md-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  .md-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  .md-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  .md-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  .md-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .md-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .md-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  .md-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  .md-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  .md-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  .md-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  .md-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .md-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .md-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  .md-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  .md-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  .md-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  .md-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  .md-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .md-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .md-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  .md-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  .md-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  .md-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  .md-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  .md-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .md-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .md-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  .md-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  .md-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  .md-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  .md-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  .md-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .md-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .md-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  .md-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  .md-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  .md-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  .md-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  .md-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .md-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .md-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  .md-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  .md-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  .md-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  .md-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  .md-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .md-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .md-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  .md-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  .md-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  .md-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  .md-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  .md-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .md-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .md-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  .md-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  .md-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  .md-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  .md-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  .md-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .md-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .md-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  .md-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  .md-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  .md-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  .md-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  .md-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .md-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .md-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  .md-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  .md-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  .md-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  .md-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  .md-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .md-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .md-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  .md-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  .md-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  .md-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  .md-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  .md-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .md-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .md-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  .md-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  .md-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  .md-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  .md-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  .md-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .md-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .md-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  .md-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  .md-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  .md-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  .md-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  .md-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .md-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .md-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  .md-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  .md-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  .md-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  .md-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  .md-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .md-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .md-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  .md-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  .md-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  .md-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  .md-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  .md-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .md-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .md-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  .md-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  .md-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  .md-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  .md-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  .md-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .md-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .md-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  .md-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  .md-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  .md-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  .md-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  .md-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .md-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .md-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  .md-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  .md-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  .md-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  .md-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  .md-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .md-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .md-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  .md-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  .md-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  .md-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  .md-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  .md-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .md-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .md-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  .md-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  .md-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  .md-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  .md-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  .md-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .md-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .md-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  .md-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  .md-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  .md-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  .md-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  .md-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .md-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .md-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  .md-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  .md-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  .md-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  .md-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  .md-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .md-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .md-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  .md-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  .md-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  .md-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  .md-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  .md-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .md-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .md-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  .md-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  .md-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  .md-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  .md-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  .md-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .md-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .md-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  .md-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  .md-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  .md-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  .md-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  .md-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .md-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .md-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  .md-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  .md-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  .md-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  .md-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  .md-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .md-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .md-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  .md-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  .md-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  .md-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  .md-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  .md-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .md-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .md-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  .md-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  .md-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  .md-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  .md-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  .md-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .md-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .md-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  .md-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  .md-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  .md-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  .md-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  .md-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .md-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .md-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  .md-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  .md-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  .md-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  .md-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  .md-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .md-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .md-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  .md-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  .md-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  .md-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  .md-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  .md-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .md-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .md-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  .md-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  .md-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  .md-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  .md-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  .md-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .md-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .md-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  .md-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  .md-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  .md-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  .md-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  .md-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .md-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .md-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  .md-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  .md-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  .md-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  .md-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  .md-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .md-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .md-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  .md-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  .md-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  .md-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  .md-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  .md-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .md-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .md-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  .md-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  .md-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  .md-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  .md-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  .md-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .md-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .md-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  .md-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  .md-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  .md-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  .md-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  .md-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .md-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .md-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  .md-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  .md-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  .md-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  .md-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  .md-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .md-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .md-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  .md-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  .md-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  .md-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  .md-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  .md-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .md-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .md-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  .md-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  .md-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  .md-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  .md-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  .md-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .md-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .md-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  .md-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  .md-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  .md-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  .md-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  .md-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .md-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .md-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  .md-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  .md-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  .md-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  .md-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  .md-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .md-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .md-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  .md-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  .md-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  .md-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  .md-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  .md-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .md-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .md-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  .md-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  .md-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  .md-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  .md-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  .md-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .md-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .md-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  .md-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  .md-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  .md-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  .md-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  .md-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .md-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .md-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  .md-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  .md-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  .md-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  .md-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  .md-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .md-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .md-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  .md-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  .md-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  .md-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  .md-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  .md-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .md-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .md-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  .md-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  .md-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  .md-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  .md-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  .md-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .md-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .md-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  .md-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  .md-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  .md-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  .md-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  .md-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .md-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .md-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  .md-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  .md-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  .md-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  .md-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  .md-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .md-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .md-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  .md-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  .md-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  .md-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  .md-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  .md-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .md-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .md-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  .md-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  .md-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  .md-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  .md-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  .md-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .md-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .md-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  .md-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  .md-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  .md-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  .md-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  .md-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .md-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .md-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  .md-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  .md-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  .md-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  .md-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  .md-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .md-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .md-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  .md-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  .md-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  .md-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  .md-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  .md-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .md-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .md-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  .md-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  .md-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  .md-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  .md-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  .md-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .md-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .md-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  .md-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  .md-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  .md-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  .md-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  .md-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .md-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .md-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  .md-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  .md-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  .md-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  .md-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  .md-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .md-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .md-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  .md-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  .md-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  .md-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  .md-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  .md-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .md-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .md-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  .md-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  .md-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  .md-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  .md-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  .md-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .md-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .md-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  .md-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  .md-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  .md-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  .md-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  .md-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .md-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .md-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  .md-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  .md-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  .md-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  .md-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  .md-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .md-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .md-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  .md-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  .md-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  .md-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  .md-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  .md-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .md-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .md-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  .md-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  .md-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  .md-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  .md-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  .md-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .md-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .md-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  .md-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  .md-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  .md-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  .md-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  .md-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .md-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .md-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  .md-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  .md-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  .md-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  .md-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  .md-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .md-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .md-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  .md-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  .md-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  .md-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  .md-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  .md-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .md-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .md-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  .md-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  .md-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  .md-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  .md-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  .md-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .md-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .md-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  .md-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  .md-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  .md-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  .md-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  .md-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .md-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .md-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  .md-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  .md-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  .md-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  .md-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  .md-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .md-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .md-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  .md-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  .md-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  .md-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  .md-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  .md-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .md-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .md-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  .md-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  .md-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  .md-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  .md-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  .md-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .md-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .md-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  .md-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  .md-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  .md-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  .md-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  .md-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .md-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .md-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  .md-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  .md-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  .md-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  .md-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  .md-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .md-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .md-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  .md-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  .md-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  .md-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  .md-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  .md-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .md-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .md-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  .md-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  .md-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  .md-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  .md-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  .md-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .md-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .md-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  .md-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  .md-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  .md-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  .md-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  .md-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .md-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .md-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  .md-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  .md-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  .md-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  .md-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  .md-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .md-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .md-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  .md-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  .md-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  .md-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  .md-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  .md-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .md-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .md-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  .md-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  .md-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  .md-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  .md-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  .md-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .md-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .md-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  .md-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  .md-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  .md-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  .md-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  .md-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .md-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .md-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  .md-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  .md-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  .md-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  .md-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  .md-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .md-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .md-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  .md-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  .md-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  .md-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  .md-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  .md-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .md-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .md-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  .md-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  .md-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  .md-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  .md-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  .md-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .md-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .md-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  .md-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  .md-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  .md-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  .md-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  .md-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .md-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .md-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  .md-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  .md-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  .md-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  .md-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  .md-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .md-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .md-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  .md-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  .md-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  .md-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  .md-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  .md-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .md-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .md-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  .md-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  .md-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  .md-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  .md-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  .md-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .md-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .md-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  .md-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  .md-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  .md-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  .md-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  .md-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .md-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .md-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  .md-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  .md-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  .md-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  .md-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  .md-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .md-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .md-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  .md-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  .md-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  .md-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  .md-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  .md-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .md-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .md-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  .md-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  .md-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  .md-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  .md-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  .md-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .md-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .md-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  .md-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  .md-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  .md-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  .md-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  .md-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .md-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .md-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  .md-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  .md-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  .md-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  .md-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  .md-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .md-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .md-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  .md-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  .md-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  .md-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  .md-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  .md-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .md-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .md-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  .md-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  .md-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  .md-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  .md-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  .md-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .md-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .md-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  .md-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  .md-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  .md-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  .md-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  .md-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .md-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .md-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  .md-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  .md-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  .md-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  .md-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  .md-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .md-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .md-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  .md-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  .md-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  .md-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  .md-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  .md-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .md-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .md-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  .md-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  .md-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  .md-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  .md-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  .md-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .md-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .md-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  .md-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  .md-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  .md-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  .md-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  .md-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .md-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .md-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  .md-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  .md-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  .md-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  .md-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  .md-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .md-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .md-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  .md-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  .md-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  .md-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  .md-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  .md-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .md-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .md-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  .md-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  .md-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  .md-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  .md-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  .md-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .md-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .md-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  .md-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  .md-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  .md-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  .md-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  .md-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .md-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .md-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  .md-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  .md-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  .md-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  .md-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  .md-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .md-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .md-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  .md-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  .md-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  .md-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  .md-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  .md-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .md-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .md-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  .md-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  .md-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  .md-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  .md-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  .md-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .md-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .md-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  .md-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  .md-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  .md-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  .md-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  .md-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .md-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .md-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  .md-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  .md-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  .md-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  .md-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  .md-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .md-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .md-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  .md-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  .md-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  .md-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  .md-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  .md-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .md-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .md-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  .md-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  .md-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  .md-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  .md-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  .md-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .md-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .md-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  .md-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  .md-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  .md-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  .md-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  .md-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .md-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .md-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  .md-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  .md-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  .md-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  .md-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  .md-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .md-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .md-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  .md-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  .md-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  .md-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  .md-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  .md-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .md-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .md-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  .md-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  .md-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  .md-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  .md-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  .md-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .md-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .md-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  .md-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  .md-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  .md-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  .md-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  .md-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .md-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .md-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  .md-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  .md-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  .md-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  .md-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  .md-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .md-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .md-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  .md-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  .md-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  .md-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  .md-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  .md-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .md-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .md-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  .md-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  .md-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  .md-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  .md-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  .md-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .md-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .md-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  .md-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  .md-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  .md-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  .md-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  .md-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .md-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .md-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  .md-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  .md-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  .md-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  .md-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  .md-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .md-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .md-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  .md-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  .md-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  .md-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  .md-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  .md-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .md-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .md-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  .md-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  .md-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  .md-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  .md-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  .md-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .md-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .md-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  .md-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  .md-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  .md-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  .md-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  .md-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .md-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .md-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  .md-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  .md-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  .md-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  .md-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  .md-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .md-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .md-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  .md-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  .md-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  .md-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  .md-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  .md-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .md-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .md-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  .md-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  .md-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  .md-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  .md-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  .md-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .md-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .md-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  .md-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  .md-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  .md-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  .md-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  .md-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .md-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .md-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  .md-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  .md-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  .md-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  .md-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  .md-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .md-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .md-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  .md-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  .md-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  .md-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  .md-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  .md-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .md-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .md-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  .md-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  .md-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  .md-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  .md-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  .md-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .md-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .md-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  .md-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  .md-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  .md-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  .md-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  .md-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .md-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .md-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  .md-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  .md-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  .md-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  .md-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  .md-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .md-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .md-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  .md-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  .md-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  .md-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  .md-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  .md-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .md-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .md-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  .md-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  .md-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  .md-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  .md-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  .md-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .md-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .md-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  .md-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  .md-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  .md-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  .md-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  .md-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .md-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .md-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  .md-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  .md-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  .md-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  .md-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  .md-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .md-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .md-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  .md-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  .md-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  .md-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  .md-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  .md-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .md-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .md-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  .md-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  .md-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  .md-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  .md-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  .md-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .md-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .md-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  .md-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  .md-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  .md-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  .md-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  .md-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .md-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .md-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  .md-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  .md-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  .md-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  .md-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  .md-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .md-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .md-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  .md-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  .md-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  .md-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  .md-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  .md-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .md-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .md-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  .md-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  .md-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  .md-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  .md-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  .md-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .md-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .md-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  .md-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  .md-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  .md-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  .md-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  .md-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .md-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .md-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  .md-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  .md-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  .md-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  .md-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  .md-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .md-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .md-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  .md-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  .md-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  .md-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  .md-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  .md-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .md-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .md-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  .md-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  .md-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  .md-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  .md-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  .md-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .md-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .md-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  .md-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  .md-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  .md-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  .md-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  .md-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .md-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .md-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  .md-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  .md-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  .md-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  .md-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  .md-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .md-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .md-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  .md-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  .md-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  .md-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  .md-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  .md-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .md-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .md-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  .md-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  .md-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  .md-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  .md-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  .md-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .md-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .md-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  .md-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  .md-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  .md-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  .md-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  .md-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .md-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .md-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  .md-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  .md-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  .md-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  .md-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  .md-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .md-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .md-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  .md-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  .md-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  .md-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  .md-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  .md-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .md-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .md-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  .md-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  .md-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  .md-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  .md-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  .md-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .md-gradient-to-black { --quanta-to-color: var(--black); }
  .md-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  .md-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  .md-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  .md-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  .md-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  .md-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  .md-group:hover .md-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  .md-gradient-to-white { --quanta-to-color: var(--white); }
  .md-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  .md-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  .md-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  .md-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  .md-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  .md-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  .md-group:hover .md-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  .md-transition-all { transition-property: all; }
  .md-hover-transition-all:hover { transition-property: all; }
  .md-focus-transition-all:focus { transition-property: all; }
  .md-active-transition-all:active { transition-property: all; }
  .md-disabled-transition-all:disabled { transition-property: all; }
  .md-focus-visible-transition-all:focus-visible { transition-property: all; }
  .md-focus-within-transition-all:focus-within { transition-property: all; }
  .md-group:hover .md-group-hover-transition-all { transition-property: all; }
  .md-transition-bg { transition-property: background-color; }
  .md-hover-transition-bg:hover { transition-property: background-color; }
  .md-focus-transition-bg:focus { transition-property: background-color; }
  .md-active-transition-bg:active { transition-property: background-color; }
  .md-disabled-transition-bg:disabled { transition-property: background-color; }
  .md-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  .md-focus-within-transition-bg:focus-within { transition-property: background-color; }
  .md-group:hover .md-group-hover-transition-bg { transition-property: background-color; }
  .md-transition-color { transition-property: color; }
  .md-hover-transition-color:hover { transition-property: color; }
  .md-focus-transition-color:focus { transition-property: color; }
  .md-active-transition-color:active { transition-property: color; }
  .md-disabled-transition-color:disabled { transition-property: color; }
  .md-focus-visible-transition-color:focus-visible { transition-property: color; }
  .md-focus-within-transition-color:focus-within { transition-property: color; }
  .md-group:hover .md-group-hover-transition-color { transition-property: color; }
  .md-transition-opacity { transition-property: opacity; }
  .md-hover-transition-opacity:hover { transition-property: opacity; }
  .md-focus-transition-opacity:focus { transition-property: opacity; }
  .md-active-transition-opacity:active { transition-property: opacity; }
  .md-disabled-transition-opacity:disabled { transition-property: opacity; }
  .md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .md-group:hover .md-group-hover-transition-opacity { transition-property: opacity; }
  .md-transition-transform { transition-property: transform; }
  .md-hover-transition-transform:hover { transition-property: transform; }
  .md-focus-transition-transform:focus { transition-property: transform; }
  .md-active-transition-transform:active { transition-property: transform; }
  .md-disabled-transition-transform:disabled { transition-property: transform; }
  .md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .md-focus-within-transition-transform:focus-within { transition-property: transform; }
  .md-group:hover .md-group-hover-transition-transform { transition-property: transform; }
  .md-transition-shadow { transition-property: shadow; }
  .md-hover-transition-shadow:hover { transition-property: shadow; }
  .md-focus-transition-shadow:focus { transition-property: shadow; }
  .md-active-transition-shadow:active { transition-property: shadow; }
  .md-disabled-transition-shadow:disabled { transition-property: shadow; }
  .md-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  .md-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  .md-group:hover .md-group-hover-transition-shadow { transition-property: shadow; }
  .md-transition-border { transition-property: border; }
  .md-hover-transition-border:hover { transition-property: border; }
  .md-focus-transition-border:focus { transition-property: border; }
  .md-active-transition-border:active { transition-property: border; }
  .md-disabled-transition-border:disabled { transition-property: border; }
  .md-focus-visible-transition-border:focus-visible { transition-property: border; }
  .md-focus-within-transition-border:focus-within { transition-property: border; }
  .md-group:hover .md-group-hover-transition-border { transition-property: border; }
  .md-duration-75 { transition-duration: 75ms; }
  .md-hover-duration-75:hover { transition-duration: 75ms; }
  .md-focus-duration-75:focus { transition-duration: 75ms; }
  .md-active-duration-75:active { transition-duration: 75ms; }
  .md-disabled-duration-75:disabled { transition-duration: 75ms; }
  .md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .md-group:hover .md-group-hover-duration-75 { transition-duration: 75ms; }
  .md-duration-100 { transition-duration: 100ms; }
  .md-hover-duration-100:hover { transition-duration: 100ms; }
  .md-focus-duration-100:focus { transition-duration: 100ms; }
  .md-active-duration-100:active { transition-duration: 100ms; }
  .md-disabled-duration-100:disabled { transition-duration: 100ms; }
  .md-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .md-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .md-group:hover .md-group-hover-duration-100 { transition-duration: 100ms; }
  .md-duration-150 { transition-duration: 150ms; }
  .md-hover-duration-150:hover { transition-duration: 150ms; }
  .md-focus-duration-150:focus { transition-duration: 150ms; }
  .md-active-duration-150:active { transition-duration: 150ms; }
  .md-disabled-duration-150:disabled { transition-duration: 150ms; }
  .md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .md-group:hover .md-group-hover-duration-150 { transition-duration: 150ms; }
  .md-duration-200 { transition-duration: 200ms; }
  .md-hover-duration-200:hover { transition-duration: 200ms; }
  .md-focus-duration-200:focus { transition-duration: 200ms; }
  .md-active-duration-200:active { transition-duration: 200ms; }
  .md-disabled-duration-200:disabled { transition-duration: 200ms; }
  .md-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .md-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .md-group:hover .md-group-hover-duration-200 { transition-duration: 200ms; }
  .md-duration-300 { transition-duration: 300ms; }
  .md-hover-duration-300:hover { transition-duration: 300ms; }
  .md-focus-duration-300:focus { transition-duration: 300ms; }
  .md-active-duration-300:active { transition-duration: 300ms; }
  .md-disabled-duration-300:disabled { transition-duration: 300ms; }
  .md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .md-group:hover .md-group-hover-duration-300 { transition-duration: 300ms; }
  .md-duration-500 { transition-duration: 500ms; }
  .md-hover-duration-500:hover { transition-duration: 500ms; }
  .md-focus-duration-500:focus { transition-duration: 500ms; }
  .md-active-duration-500:active { transition-duration: 500ms; }
  .md-disabled-duration-500:disabled { transition-duration: 500ms; }
  .md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .md-group:hover .md-group-hover-duration-500 { transition-duration: 500ms; }
  .md-duration-700 { transition-duration: 700ms; }
  .md-hover-duration-700:hover { transition-duration: 700ms; }
  .md-focus-duration-700:focus { transition-duration: 700ms; }
  .md-active-duration-700:active { transition-duration: 700ms; }
  .md-disabled-duration-700:disabled { transition-duration: 700ms; }
  .md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .md-group:hover .md-group-hover-duration-700 { transition-duration: 700ms; }
  .md-duration-1000 { transition-duration: 1000ms; }
  .md-hover-duration-1000:hover { transition-duration: 1000ms; }
  .md-focus-duration-1000:focus { transition-duration: 1000ms; }
  .md-active-duration-1000:active { transition-duration: 1000ms; }
  .md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .md-group:hover .md-group-hover-duration-1000 { transition-duration: 1000ms; }
  .md-ease-linear { transition-timing-function: ease-linear; }
  .md-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  .md-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  .md-active-ease-linear:active { transition-timing-function: ease-linear; }
  .md-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  .md-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  .md-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  .md-group:hover .md-group-hover-ease-linear { transition-timing-function: ease-linear; }
  .md-ease-in { transition-timing-function: ease-in; }
  .md-hover-ease-in:hover { transition-timing-function: ease-in; }
  .md-focus-ease-in:focus { transition-timing-function: ease-in; }
  .md-active-ease-in:active { transition-timing-function: ease-in; }
  .md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .md-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .md-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .md-group:hover .md-group-hover-ease-in { transition-timing-function: ease-in; }
  .md-ease-out { transition-timing-function: ease-out; }
  .md-hover-ease-out:hover { transition-timing-function: ease-out; }
  .md-focus-ease-out:focus { transition-timing-function: ease-out; }
  .md-active-ease-out:active { transition-timing-function: ease-out; }
  .md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .md-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .md-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .md-group:hover .md-group-hover-ease-out { transition-timing-function: ease-out; }
  .md-ease-in-out { transition-timing-function: ease-in-out; }
  .md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .md-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .md-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .md-group:hover .md-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .md-translate-x-0 { transform: translateX(0rem); }
  .md-hover-translate-x-0:hover { transform: translateX(0rem); }
  .md-focus-translate-x-0:focus { transform: translateX(0rem); }
  .md-active-translate-x-0:active { transform: translateX(0rem); }
  .md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .md-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .md-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .md-group:hover .md-group-hover-translate-x-0 { transform: translateX(0rem); }
  .md-translate-y-0 { transform: translateY(0rem); }
  .md-hover-translate-y-0:hover { transform: translateY(0rem); }
  .md-focus-translate-y-0:focus { transform: translateY(0rem); }
  .md-active-translate-y-0:active { transform: translateY(0rem); }
  .md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .md-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .md-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .md-group:hover .md-group-hover-translate-y-0 { transform: translateY(0rem); }
  .md-translate-x-0_25 { transform: translateX(0.25rem); }
  .md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .md-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .md-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .md-group:hover .md-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .md-translate-y-0_25 { transform: translateY(0.25rem); }
  .md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .md-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .md-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .md-group:hover .md-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .md-translate-x-0_5 { transform: translateX(0.5rem); }
  .md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .md-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .md-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .md-group:hover .md-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .md-translate-y-0_5 { transform: translateY(0.5rem); }
  .md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .md-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .md-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .md-group:hover .md-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .md-translate-x-1 { transform: translateX(1rem); }
  .md-hover-translate-x-1:hover { transform: translateX(1rem); }
  .md-focus-translate-x-1:focus { transform: translateX(1rem); }
  .md-active-translate-x-1:active { transform: translateX(1rem); }
  .md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .md-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .md-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .md-group:hover .md-group-hover-translate-x-1 { transform: translateX(1rem); }
  .md-translate-y-1 { transform: translateY(1rem); }
  .md-hover-translate-y-1:hover { transform: translateY(1rem); }
  .md-focus-translate-y-1:focus { transform: translateY(1rem); }
  .md-active-translate-y-1:active { transform: translateY(1rem); }
  .md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .md-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .md-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .md-group:hover .md-group-hover-translate-y-1 { transform: translateY(1rem); }
  .md-translate-x-1_5 { transform: translateX(1.5rem); }
  .md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .md-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .md-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .md-group:hover .md-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .md-translate-y-1_5 { transform: translateY(1.5rem); }
  .md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .md-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .md-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .md-group:hover .md-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .md-translate-x-2 { transform: translateX(2rem); }
  .md-hover-translate-x-2:hover { transform: translateX(2rem); }
  .md-focus-translate-x-2:focus { transform: translateX(2rem); }
  .md-active-translate-x-2:active { transform: translateX(2rem); }
  .md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .md-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .md-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .md-group:hover .md-group-hover-translate-x-2 { transform: translateX(2rem); }
  .md-translate-y-2 { transform: translateY(2rem); }
  .md-hover-translate-y-2:hover { transform: translateY(2rem); }
  .md-focus-translate-y-2:focus { transform: translateY(2rem); }
  .md-active-translate-y-2:active { transform: translateY(2rem); }
  .md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .md-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .md-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .md-group:hover .md-group-hover-translate-y-2 { transform: translateY(2rem); }
  .md-translate-x-3 { transform: translateX(3rem); }
  .md-hover-translate-x-3:hover { transform: translateX(3rem); }
  .md-focus-translate-x-3:focus { transform: translateX(3rem); }
  .md-active-translate-x-3:active { transform: translateX(3rem); }
  .md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .md-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .md-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .md-group:hover .md-group-hover-translate-x-3 { transform: translateX(3rem); }
  .md-translate-y-3 { transform: translateY(3rem); }
  .md-hover-translate-y-3:hover { transform: translateY(3rem); }
  .md-focus-translate-y-3:focus { transform: translateY(3rem); }
  .md-active-translate-y-3:active { transform: translateY(3rem); }
  .md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .md-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .md-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .md-group:hover .md-group-hover-translate-y-3 { transform: translateY(3rem); }
  .md-translate-x-4 { transform: translateX(4rem); }
  .md-hover-translate-x-4:hover { transform: translateX(4rem); }
  .md-focus-translate-x-4:focus { transform: translateX(4rem); }
  .md-active-translate-x-4:active { transform: translateX(4rem); }
  .md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .md-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .md-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .md-group:hover .md-group-hover-translate-x-4 { transform: translateX(4rem); }
  .md-translate-y-4 { transform: translateY(4rem); }
  .md-hover-translate-y-4:hover { transform: translateY(4rem); }
  .md-focus-translate-y-4:focus { transform: translateY(4rem); }
  .md-active-translate-y-4:active { transform: translateY(4rem); }
  .md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .md-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .md-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .md-group:hover .md-group-hover-translate-y-4 { transform: translateY(4rem); }
  .md-translate-x-5 { transform: translateX(5rem); }
  .md-hover-translate-x-5:hover { transform: translateX(5rem); }
  .md-focus-translate-x-5:focus { transform: translateX(5rem); }
  .md-active-translate-x-5:active { transform: translateX(5rem); }
  .md-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  .md-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  .md-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  .md-group:hover .md-group-hover-translate-x-5 { transform: translateX(5rem); }
  .md-translate-y-5 { transform: translateY(5rem); }
  .md-hover-translate-y-5:hover { transform: translateY(5rem); }
  .md-focus-translate-y-5:focus { transform: translateY(5rem); }
  .md-active-translate-y-5:active { transform: translateY(5rem); }
  .md-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  .md-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  .md-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  .md-group:hover .md-group-hover-translate-y-5 { transform: translateY(5rem); }
  .md-translate-x-6 { transform: translateX(6rem); }
  .md-hover-translate-x-6:hover { transform: translateX(6rem); }
  .md-focus-translate-x-6:focus { transform: translateX(6rem); }
  .md-active-translate-x-6:active { transform: translateX(6rem); }
  .md-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  .md-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  .md-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  .md-group:hover .md-group-hover-translate-x-6 { transform: translateX(6rem); }
  .md-translate-y-6 { transform: translateY(6rem); }
  .md-hover-translate-y-6:hover { transform: translateY(6rem); }
  .md-focus-translate-y-6:focus { transform: translateY(6rem); }
  .md-active-translate-y-6:active { transform: translateY(6rem); }
  .md-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  .md-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  .md-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  .md-group:hover .md-group-hover-translate-y-6 { transform: translateY(6rem); }
  .md-translate-x-8 { transform: translateX(8rem); }
  .md-hover-translate-x-8:hover { transform: translateX(8rem); }
  .md-focus-translate-x-8:focus { transform: translateX(8rem); }
  .md-active-translate-x-8:active { transform: translateX(8rem); }
  .md-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  .md-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  .md-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  .md-group:hover .md-group-hover-translate-x-8 { transform: translateX(8rem); }
  .md-translate-y-8 { transform: translateY(8rem); }
  .md-hover-translate-y-8:hover { transform: translateY(8rem); }
  .md-focus-translate-y-8:focus { transform: translateY(8rem); }
  .md-active-translate-y-8:active { transform: translateY(8rem); }
  .md-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  .md-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  .md-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  .md-group:hover .md-group-hover-translate-y-8 { transform: translateY(8rem); }
  .md-translate-x-10 { transform: translateX(10rem); }
  .md-hover-translate-x-10:hover { transform: translateX(10rem); }
  .md-focus-translate-x-10:focus { transform: translateX(10rem); }
  .md-active-translate-x-10:active { transform: translateX(10rem); }
  .md-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  .md-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  .md-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  .md-group:hover .md-group-hover-translate-x-10 { transform: translateX(10rem); }
  .md-translate-y-10 { transform: translateY(10rem); }
  .md-hover-translate-y-10:hover { transform: translateY(10rem); }
  .md-focus-translate-y-10:focus { transform: translateY(10rem); }
  .md-active-translate-y-10:active { transform: translateY(10rem); }
  .md-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  .md-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  .md-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  .md-group:hover .md-group-hover-translate-y-10 { transform: translateY(10rem); }
  .md-translate-x-12 { transform: translateX(12rem); }
  .md-hover-translate-x-12:hover { transform: translateX(12rem); }
  .md-focus-translate-x-12:focus { transform: translateX(12rem); }
  .md-active-translate-x-12:active { transform: translateX(12rem); }
  .md-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  .md-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  .md-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  .md-group:hover .md-group-hover-translate-x-12 { transform: translateX(12rem); }
  .md-translate-y-12 { transform: translateY(12rem); }
  .md-hover-translate-y-12:hover { transform: translateY(12rem); }
  .md-focus-translate-y-12:focus { transform: translateY(12rem); }
  .md-active-translate-y-12:active { transform: translateY(12rem); }
  .md-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  .md-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  .md-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  .md-group:hover .md-group-hover-translate-y-12 { transform: translateY(12rem); }
  .md-translate-x-16 { transform: translateX(16rem); }
  .md-hover-translate-x-16:hover { transform: translateX(16rem); }
  .md-focus-translate-x-16:focus { transform: translateX(16rem); }
  .md-active-translate-x-16:active { transform: translateX(16rem); }
  .md-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  .md-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  .md-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  .md-group:hover .md-group-hover-translate-x-16 { transform: translateX(16rem); }
  .md-translate-y-16 { transform: translateY(16rem); }
  .md-hover-translate-y-16:hover { transform: translateY(16rem); }
  .md-focus-translate-y-16:focus { transform: translateY(16rem); }
  .md-active-translate-y-16:active { transform: translateY(16rem); }
  .md-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  .md-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  .md-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  .md-group:hover .md-group-hover-translate-y-16 { transform: translateY(16rem); }
  .md-translate-x-20 { transform: translateX(20rem); }
  .md-hover-translate-x-20:hover { transform: translateX(20rem); }
  .md-focus-translate-x-20:focus { transform: translateX(20rem); }
  .md-active-translate-x-20:active { transform: translateX(20rem); }
  .md-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  .md-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  .md-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  .md-group:hover .md-group-hover-translate-x-20 { transform: translateX(20rem); }
  .md-translate-y-20 { transform: translateY(20rem); }
  .md-hover-translate-y-20:hover { transform: translateY(20rem); }
  .md-focus-translate-y-20:focus { transform: translateY(20rem); }
  .md-active-translate-y-20:active { transform: translateY(20rem); }
  .md-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  .md-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  .md-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  .md-group:hover .md-group-hover-translate-y-20 { transform: translateY(20rem); }
  .md-translate-x-24 { transform: translateX(24rem); }
  .md-hover-translate-x-24:hover { transform: translateX(24rem); }
  .md-focus-translate-x-24:focus { transform: translateX(24rem); }
  .md-active-translate-x-24:active { transform: translateX(24rem); }
  .md-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  .md-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  .md-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  .md-group:hover .md-group-hover-translate-x-24 { transform: translateX(24rem); }
  .md-translate-y-24 { transform: translateY(24rem); }
  .md-hover-translate-y-24:hover { transform: translateY(24rem); }
  .md-focus-translate-y-24:focus { transform: translateY(24rem); }
  .md-active-translate-y-24:active { transform: translateY(24rem); }
  .md-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  .md-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  .md-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  .md-group:hover .md-group-hover-translate-y-24 { transform: translateY(24rem); }
  .md-translate-x-32 { transform: translateX(32rem); }
  .md-hover-translate-x-32:hover { transform: translateX(32rem); }
  .md-focus-translate-x-32:focus { transform: translateX(32rem); }
  .md-active-translate-x-32:active { transform: translateX(32rem); }
  .md-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  .md-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  .md-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  .md-group:hover .md-group-hover-translate-x-32 { transform: translateX(32rem); }
  .md-translate-y-32 { transform: translateY(32rem); }
  .md-hover-translate-y-32:hover { transform: translateY(32rem); }
  .md-focus-translate-y-32:focus { transform: translateY(32rem); }
  .md-active-translate-y-32:active { transform: translateY(32rem); }
  .md-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  .md-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  .md-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  .md-group:hover .md-group-hover-translate-y-32 { transform: translateY(32rem); }
  .md-scale-0 { transform: scale(0.0); }
  .md-hover-scale-0:hover { transform: scale(0.0); }
  .md-focus-scale-0:focus { transform: scale(0.0); }
  .md-active-scale-0:active { transform: scale(0.0); }
  .md-disabled-scale-0:disabled { transform: scale(0.0); }
  .md-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  .md-focus-within-scale-0:focus-within { transform: scale(0.0); }
  .md-group:hover .md-group-hover-scale-0 { transform: scale(0.0); }
  .md-scale-50 { transform: scale(0.5); }
  .md-hover-scale-50:hover { transform: scale(0.5); }
  .md-focus-scale-50:focus { transform: scale(0.5); }
  .md-active-scale-50:active { transform: scale(0.5); }
  .md-disabled-scale-50:disabled { transform: scale(0.5); }
  .md-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .md-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .md-group:hover .md-group-hover-scale-50 { transform: scale(0.5); }
  .md-scale-75 { transform: scale(0.75); }
  .md-hover-scale-75:hover { transform: scale(0.75); }
  .md-focus-scale-75:focus { transform: scale(0.75); }
  .md-active-scale-75:active { transform: scale(0.75); }
  .md-disabled-scale-75:disabled { transform: scale(0.75); }
  .md-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .md-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .md-group:hover .md-group-hover-scale-75 { transform: scale(0.75); }
  .md-scale-90 { transform: scale(0.9); }
  .md-hover-scale-90:hover { transform: scale(0.9); }
  .md-focus-scale-90:focus { transform: scale(0.9); }
  .md-active-scale-90:active { transform: scale(0.9); }
  .md-disabled-scale-90:disabled { transform: scale(0.9); }
  .md-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .md-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .md-group:hover .md-group-hover-scale-90 { transform: scale(0.9); }
  .md-scale-95 { transform: scale(0.95); }
  .md-hover-scale-95:hover { transform: scale(0.95); }
  .md-focus-scale-95:focus { transform: scale(0.95); }
  .md-active-scale-95:active { transform: scale(0.95); }
  .md-disabled-scale-95:disabled { transform: scale(0.95); }
  .md-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .md-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .md-group:hover .md-group-hover-scale-95 { transform: scale(0.95); }
  .md-scale-100 { transform: scale(1.0); }
  .md-hover-scale-100:hover { transform: scale(1.0); }
  .md-focus-scale-100:focus { transform: scale(1.0); }
  .md-active-scale-100:active { transform: scale(1.0); }
  .md-disabled-scale-100:disabled { transform: scale(1.0); }
  .md-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .md-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .md-group:hover .md-group-hover-scale-100 { transform: scale(1.0); }
  .md-scale-105 { transform: scale(1.05); }
  .md-hover-scale-105:hover { transform: scale(1.05); }
  .md-focus-scale-105:focus { transform: scale(1.05); }
  .md-active-scale-105:active { transform: scale(1.05); }
  .md-disabled-scale-105:disabled { transform: scale(1.05); }
  .md-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .md-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .md-group:hover .md-group-hover-scale-105 { transform: scale(1.05); }
  .md-scale-110 { transform: scale(1.1); }
  .md-hover-scale-110:hover { transform: scale(1.1); }
  .md-focus-scale-110:focus { transform: scale(1.1); }
  .md-active-scale-110:active { transform: scale(1.1); }
  .md-disabled-scale-110:disabled { transform: scale(1.1); }
  .md-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .md-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .md-group:hover .md-group-hover-scale-110 { transform: scale(1.1); }
  .md-scale-125 { transform: scale(1.25); }
  .md-hover-scale-125:hover { transform: scale(1.25); }
  .md-focus-scale-125:focus { transform: scale(1.25); }
  .md-active-scale-125:active { transform: scale(1.25); }
  .md-disabled-scale-125:disabled { transform: scale(1.25); }
  .md-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .md-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .md-group:hover .md-group-hover-scale-125 { transform: scale(1.25); }
  .md-scale-150 { transform: scale(1.5); }
  .md-hover-scale-150:hover { transform: scale(1.5); }
  .md-focus-scale-150:focus { transform: scale(1.5); }
  .md-active-scale-150:active { transform: scale(1.5); }
  .md-disabled-scale-150:disabled { transform: scale(1.5); }
  .md-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .md-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .md-group:hover .md-group-hover-scale-150 { transform: scale(1.5); }
  .md-rotate--180 { transform: rotate(-180deg); }
  .md-hover-rotate--180:hover { transform: rotate(-180deg); }
  .md-focus-rotate--180:focus { transform: rotate(-180deg); }
  .md-active-rotate--180:active { transform: rotate(-180deg); }
  .md-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  .md-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  .md-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  .md-group:hover .md-group-hover-rotate--180 { transform: rotate(-180deg); }
  .md-rotate--90 { transform: rotate(-90deg); }
  .md-hover-rotate--90:hover { transform: rotate(-90deg); }
  .md-focus-rotate--90:focus { transform: rotate(-90deg); }
  .md-active-rotate--90:active { transform: rotate(-90deg); }
  .md-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  .md-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  .md-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  .md-group:hover .md-group-hover-rotate--90 { transform: rotate(-90deg); }
  .md-rotate--45 { transform: rotate(-45deg); }
  .md-hover-rotate--45:hover { transform: rotate(-45deg); }
  .md-focus-rotate--45:focus { transform: rotate(-45deg); }
  .md-active-rotate--45:active { transform: rotate(-45deg); }
  .md-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  .md-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  .md-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  .md-group:hover .md-group-hover-rotate--45 { transform: rotate(-45deg); }
  .md-rotate-0 { transform: rotate(0deg); }
  .md-hover-rotate-0:hover { transform: rotate(0deg); }
  .md-focus-rotate-0:focus { transform: rotate(0deg); }
  .md-active-rotate-0:active { transform: rotate(0deg); }
  .md-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .md-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .md-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .md-group:hover .md-group-hover-rotate-0 { transform: rotate(0deg); }
  .md-rotate-45 { transform: rotate(45deg); }
  .md-hover-rotate-45:hover { transform: rotate(45deg); }
  .md-focus-rotate-45:focus { transform: rotate(45deg); }
  .md-active-rotate-45:active { transform: rotate(45deg); }
  .md-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .md-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .md-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .md-group:hover .md-group-hover-rotate-45 { transform: rotate(45deg); }
  .md-rotate-90 { transform: rotate(90deg); }
  .md-hover-rotate-90:hover { transform: rotate(90deg); }
  .md-focus-rotate-90:focus { transform: rotate(90deg); }
  .md-active-rotate-90:active { transform: rotate(90deg); }
  .md-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .md-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .md-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .md-group:hover .md-group-hover-rotate-90 { transform: rotate(90deg); }
  .md-rotate-180 { transform: rotate(180deg); }
  .md-hover-rotate-180:hover { transform: rotate(180deg); }
  .md-focus-rotate-180:focus { transform: rotate(180deg); }
  .md-active-rotate-180:active { transform: rotate(180deg); }
  .md-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .md-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .md-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .md-group:hover .md-group-hover-rotate-180 { transform: rotate(180deg); }
  .md-skew-x--45 { transform: skewX(-45deg); }
  .md-hover-skew-x--45:hover { transform: skewX(-45deg); }
  .md-focus-skew-x--45:focus { transform: skewX(-45deg); }
  .md-active-skew-x--45:active { transform: skewX(-45deg); }
  .md-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  .md-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  .md-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  .md-group:hover .md-group-hover-skew-x--45 { transform: skewX(-45deg); }
  .md-skew-y--45 { transform: skewY(-45deg); }
  .md-hover-skew-y--45:hover { transform: skewY(-45deg); }
  .md-focus-skew-y--45:focus { transform: skewY(-45deg); }
  .md-active-skew-y--45:active { transform: skewY(-45deg); }
  .md-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  .md-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  .md-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  .md-group:hover .md-group-hover-skew-y--45 { transform: skewY(-45deg); }
  .md-skew-x--30 { transform: skewX(-30deg); }
  .md-hover-skew-x--30:hover { transform: skewX(-30deg); }
  .md-focus-skew-x--30:focus { transform: skewX(-30deg); }
  .md-active-skew-x--30:active { transform: skewX(-30deg); }
  .md-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  .md-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  .md-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  .md-group:hover .md-group-hover-skew-x--30 { transform: skewX(-30deg); }
  .md-skew-y--30 { transform: skewY(-30deg); }
  .md-hover-skew-y--30:hover { transform: skewY(-30deg); }
  .md-focus-skew-y--30:focus { transform: skewY(-30deg); }
  .md-active-skew-y--30:active { transform: skewY(-30deg); }
  .md-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  .md-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  .md-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  .md-group:hover .md-group-hover-skew-y--30 { transform: skewY(-30deg); }
  .md-skew-x--15 { transform: skewX(-15deg); }
  .md-hover-skew-x--15:hover { transform: skewX(-15deg); }
  .md-focus-skew-x--15:focus { transform: skewX(-15deg); }
  .md-active-skew-x--15:active { transform: skewX(-15deg); }
  .md-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  .md-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  .md-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  .md-group:hover .md-group-hover-skew-x--15 { transform: skewX(-15deg); }
  .md-skew-y--15 { transform: skewY(-15deg); }
  .md-hover-skew-y--15:hover { transform: skewY(-15deg); }
  .md-focus-skew-y--15:focus { transform: skewY(-15deg); }
  .md-active-skew-y--15:active { transform: skewY(-15deg); }
  .md-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  .md-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  .md-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  .md-group:hover .md-group-hover-skew-y--15 { transform: skewY(-15deg); }
  .md-skew-x-0 { transform: skewX(0deg); }
  .md-hover-skew-x-0:hover { transform: skewX(0deg); }
  .md-focus-skew-x-0:focus { transform: skewX(0deg); }
  .md-active-skew-x-0:active { transform: skewX(0deg); }
  .md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .md-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .md-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .md-group:hover .md-group-hover-skew-x-0 { transform: skewX(0deg); }
  .md-skew-y-0 { transform: skewY(0deg); }
  .md-hover-skew-y-0:hover { transform: skewY(0deg); }
  .md-focus-skew-y-0:focus { transform: skewY(0deg); }
  .md-active-skew-y-0:active { transform: skewY(0deg); }
  .md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .md-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .md-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .md-group:hover .md-group-hover-skew-y-0 { transform: skewY(0deg); }
  .md-skew-x-15 { transform: skewX(15deg); }
  .md-hover-skew-x-15:hover { transform: skewX(15deg); }
  .md-focus-skew-x-15:focus { transform: skewX(15deg); }
  .md-active-skew-x-15:active { transform: skewX(15deg); }
  .md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .md-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .md-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .md-group:hover .md-group-hover-skew-x-15 { transform: skewX(15deg); }
  .md-skew-y-15 { transform: skewY(15deg); }
  .md-hover-skew-y-15:hover { transform: skewY(15deg); }
  .md-focus-skew-y-15:focus { transform: skewY(15deg); }
  .md-active-skew-y-15:active { transform: skewY(15deg); }
  .md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .md-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .md-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .md-group:hover .md-group-hover-skew-y-15 { transform: skewY(15deg); }
  .md-skew-x-30 { transform: skewX(30deg); }
  .md-hover-skew-x-30:hover { transform: skewX(30deg); }
  .md-focus-skew-x-30:focus { transform: skewX(30deg); }
  .md-active-skew-x-30:active { transform: skewX(30deg); }
  .md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .md-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .md-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .md-group:hover .md-group-hover-skew-x-30 { transform: skewX(30deg); }
  .md-skew-y-30 { transform: skewY(30deg); }
  .md-hover-skew-y-30:hover { transform: skewY(30deg); }
  .md-focus-skew-y-30:focus { transform: skewY(30deg); }
  .md-active-skew-y-30:active { transform: skewY(30deg); }
  .md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .md-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .md-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .md-group:hover .md-group-hover-skew-y-30 { transform: skewY(30deg); }
  .md-skew-x-45 { transform: skewX(45deg); }
  .md-hover-skew-x-45:hover { transform: skewX(45deg); }
  .md-focus-skew-x-45:focus { transform: skewX(45deg); }
  .md-active-skew-x-45:active { transform: skewX(45deg); }
  .md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .md-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .md-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .md-group:hover .md-group-hover-skew-x-45 { transform: skewX(45deg); }
  .md-skew-y-45 { transform: skewY(45deg); }
  .md-hover-skew-y-45:hover { transform: skewY(45deg); }
  .md-focus-skew-y-45:focus { transform: skewY(45deg); }
  .md-active-skew-y-45:active { transform: skewY(45deg); }
  .md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .md-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .md-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .md-group:hover .md-group-hover-skew-y-45 { transform: skewY(45deg); }
  .md-duration-75 { animation-duration: 0.075s !important; }
  .md-hover-duration-75:hover { animation-duration: 0.075s !important; }
  .md-focus-duration-75:focus { animation-duration: 0.075s !important; }
  .md-active-duration-75:active { animation-duration: 0.075s !important; }
  .md-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  .md-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  .md-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  .md-group:hover .md-group-hover-duration-75 { animation-duration: 0.075s !important; }
  .md-duration-100 { animation-duration: 0.1s   !important; }
  .md-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  .md-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  .md-active-duration-100:active { animation-duration: 0.1s   !important; }
  .md-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  .md-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  .md-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  .md-group:hover .md-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  .md-duration-150 { animation-duration: 0.15s  !important; }
  .md-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  .md-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  .md-active-duration-150:active { animation-duration: 0.15s  !important; }
  .md-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  .md-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  .md-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  .md-group:hover .md-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  .md-duration-200 { animation-duration: 0.2s   !important; }
  .md-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  .md-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  .md-active-duration-200:active { animation-duration: 0.2s   !important; }
  .md-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  .md-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  .md-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  .md-group:hover .md-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  .md-duration-300 { animation-duration: 0.3s   !important; }
  .md-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  .md-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  .md-active-duration-300:active { animation-duration: 0.3s   !important; }
  .md-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  .md-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  .md-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  .md-group:hover .md-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  .md-duration-500 { animation-duration: 0.5s   !important; }
  .md-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  .md-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  .md-active-duration-500:active { animation-duration: 0.5s   !important; }
  .md-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  .md-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  .md-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  .md-group:hover .md-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  .md-duration-700 { animation-duration: 0.7s   !important; }
  .md-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  .md-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  .md-active-duration-700:active { animation-duration: 0.7s   !important; }
  .md-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  .md-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  .md-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  .md-group:hover .md-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  .md-duration-1000 { animation-duration: 1s     !important; }
  .md-hover-duration-1000:hover { animation-duration: 1s     !important; }
  .md-focus-duration-1000:focus { animation-duration: 1s     !important; }
  .md-active-duration-1000:active { animation-duration: 1s     !important; }
  .md-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  .md-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  .md-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  .md-group:hover .md-group-hover-duration-1000 { animation-duration: 1s     !important; }
  .md-duration-1500 { animation-duration: 1.5s   !important; }
  .md-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  .md-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  .md-active-duration-1500:active { animation-duration: 1.5s   !important; }
  .md-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  .md-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  .md-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  .md-group:hover .md-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  .md-duration-2000 { animation-duration: 2s     !important; }
  .md-hover-duration-2000:hover { animation-duration: 2s     !important; }
  .md-focus-duration-2000:focus { animation-duration: 2s     !important; }
  .md-active-duration-2000:active { animation-duration: 2s     !important; }
  .md-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  .md-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  .md-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  .md-group:hover .md-group-hover-duration-2000 { animation-duration: 2s     !important; }
  .md-blur-none { filter: blur(0); }
  .md-hover-blur-none:hover { filter: blur(0); }
  .md-focus-blur-none:focus { filter: blur(0); }
  .md-active-blur-none:active { filter: blur(0); }
  .md-disabled-blur-none:disabled { filter: blur(0); }
  .md-focus-visible-blur-none:focus-visible { filter: blur(0); }
  .md-focus-within-blur-none:focus-within { filter: blur(0); }
  .md-group:hover .md-group-hover-blur-none { filter: blur(0); }
  .md-blur-sm { filter: blur(2px); }
  .md-hover-blur-sm:hover { filter: blur(2px); }
  .md-focus-blur-sm:focus { filter: blur(2px); }
  .md-active-blur-sm:active { filter: blur(2px); }
  .md-disabled-blur-sm:disabled { filter: blur(2px); }
  .md-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .md-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .md-group:hover .md-group-hover-blur-sm { filter: blur(2px); }
  .md-blur { filter: blur(4px); }
  .md-hover-blur:hover { filter: blur(4px); }
  .md-focus-blur:focus { filter: blur(4px); }
  .md-active-blur:active { filter: blur(4px); }
  .md-disabled-blur:disabled { filter: blur(4px); }
  .md-focus-visible-blur:focus-visible { filter: blur(4px); }
  .md-focus-within-blur:focus-within { filter: blur(4px); }
  .md-group:hover .md-group-hover-blur { filter: blur(4px); }
  .md-blur-md { filter: blur(8px); }
  .md-hover-blur-md:hover { filter: blur(8px); }
  .md-focus-blur-md:focus { filter: blur(8px); }
  .md-active-blur-md:active { filter: blur(8px); }
  .md-disabled-blur-md:disabled { filter: blur(8px); }
  .md-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .md-focus-within-blur-md:focus-within { filter: blur(8px); }
  .md-group:hover .md-group-hover-blur-md { filter: blur(8px); }
  .md-blur-lg { filter: blur(12px); }
  .md-hover-blur-lg:hover { filter: blur(12px); }
  .md-focus-blur-lg:focus { filter: blur(12px); }
  .md-active-blur-lg:active { filter: blur(12px); }
  .md-disabled-blur-lg:disabled { filter: blur(12px); }
  .md-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .md-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .md-group:hover .md-group-hover-blur-lg { filter: blur(12px); }
  .md-blur-xl { filter: blur(20px); }
  .md-hover-blur-xl:hover { filter: blur(20px); }
  .md-focus-blur-xl:focus { filter: blur(20px); }
  .md-active-blur-xl:active { filter: blur(20px); }
  .md-disabled-blur-xl:disabled { filter: blur(20px); }
  .md-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .md-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .md-group:hover .md-group-hover-blur-xl { filter: blur(20px); }
  .md-brightness-0 { filter: brightness(0); }
  .md-hover-brightness-0:hover { filter: brightness(0); }
  .md-focus-brightness-0:focus { filter: brightness(0); }
  .md-active-brightness-0:active { filter: brightness(0); }
  .md-disabled-brightness-0:disabled { filter: brightness(0); }
  .md-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  .md-focus-within-brightness-0:focus-within { filter: brightness(0); }
  .md-group:hover .md-group-hover-brightness-0 { filter: brightness(0); }
  .md-brightness-50 { filter: brightness(0.5); }
  .md-hover-brightness-50:hover { filter: brightness(0.5); }
  .md-focus-brightness-50:focus { filter: brightness(0.5); }
  .md-active-brightness-50:active { filter: brightness(0.5); }
  .md-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .md-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .md-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .md-group:hover .md-group-hover-brightness-50 { filter: brightness(0.5); }
  .md-brightness-75 { filter: brightness(0.75); }
  .md-hover-brightness-75:hover { filter: brightness(0.75); }
  .md-focus-brightness-75:focus { filter: brightness(0.75); }
  .md-active-brightness-75:active { filter: brightness(0.75); }
  .md-disabled-brightness-75:disabled { filter: brightness(0.75); }
  .md-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  .md-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  .md-group:hover .md-group-hover-brightness-75 { filter: brightness(0.75); }
  .md-brightness-90 { filter: brightness(0.9); }
  .md-hover-brightness-90:hover { filter: brightness(0.9); }
  .md-focus-brightness-90:focus { filter: brightness(0.9); }
  .md-active-brightness-90:active { filter: brightness(0.9); }
  .md-disabled-brightness-90:disabled { filter: brightness(0.9); }
  .md-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  .md-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  .md-group:hover .md-group-hover-brightness-90 { filter: brightness(0.9); }
  .md-brightness-100 { filter: brightness(1); }
  .md-hover-brightness-100:hover { filter: brightness(1); }
  .md-focus-brightness-100:focus { filter: brightness(1); }
  .md-active-brightness-100:active { filter: brightness(1); }
  .md-disabled-brightness-100:disabled { filter: brightness(1); }
  .md-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .md-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .md-group:hover .md-group-hover-brightness-100 { filter: brightness(1); }
  .md-brightness-125 { filter: brightness(1.25); }
  .md-hover-brightness-125:hover { filter: brightness(1.25); }
  .md-focus-brightness-125:focus { filter: brightness(1.25); }
  .md-active-brightness-125:active { filter: brightness(1.25); }
  .md-disabled-brightness-125:disabled { filter: brightness(1.25); }
  .md-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  .md-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  .md-group:hover .md-group-hover-brightness-125 { filter: brightness(1.25); }
  .md-brightness-150 { filter: brightness(1.5); }
  .md-hover-brightness-150:hover { filter: brightness(1.5); }
  .md-focus-brightness-150:focus { filter: brightness(1.5); }
  .md-active-brightness-150:active { filter: brightness(1.5); }
  .md-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .md-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .md-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .md-group:hover .md-group-hover-brightness-150 { filter: brightness(1.5); }
  .md-brightness-200 { filter: brightness(2); }
  .md-hover-brightness-200:hover { filter: brightness(2); }
  .md-focus-brightness-200:focus { filter: brightness(2); }
  .md-active-brightness-200:active { filter: brightness(2); }
  .md-disabled-brightness-200:disabled { filter: brightness(2); }
  .md-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  .md-focus-within-brightness-200:focus-within { filter: brightness(2); }
  .md-group:hover .md-group-hover-brightness-200 { filter: brightness(2); }
  .md-contrast-0 { filter: contrast(0); }
  .md-hover-contrast-0:hover { filter: contrast(0); }
  .md-focus-contrast-0:focus { filter: contrast(0); }
  .md-active-contrast-0:active { filter: contrast(0); }
  .md-disabled-contrast-0:disabled { filter: contrast(0); }
  .md-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  .md-focus-within-contrast-0:focus-within { filter: contrast(0); }
  .md-group:hover .md-group-hover-contrast-0 { filter: contrast(0); }
  .md-contrast-50 { filter: contrast(0.5); }
  .md-hover-contrast-50:hover { filter: contrast(0.5); }
  .md-focus-contrast-50:focus { filter: contrast(0.5); }
  .md-active-contrast-50:active { filter: contrast(0.5); }
  .md-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .md-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .md-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .md-group:hover .md-group-hover-contrast-50 { filter: contrast(0.5); }
  .md-contrast-75 { filter: contrast(0.75); }
  .md-hover-contrast-75:hover { filter: contrast(0.75); }
  .md-focus-contrast-75:focus { filter: contrast(0.75); }
  .md-active-contrast-75:active { filter: contrast(0.75); }
  .md-disabled-contrast-75:disabled { filter: contrast(0.75); }
  .md-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  .md-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  .md-group:hover .md-group-hover-contrast-75 { filter: contrast(0.75); }
  .md-contrast-100 { filter: contrast(1); }
  .md-hover-contrast-100:hover { filter: contrast(1); }
  .md-focus-contrast-100:focus { filter: contrast(1); }
  .md-active-contrast-100:active { filter: contrast(1); }
  .md-disabled-contrast-100:disabled { filter: contrast(1); }
  .md-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .md-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .md-group:hover .md-group-hover-contrast-100 { filter: contrast(1); }
  .md-contrast-125 { filter: contrast(1.25); }
  .md-hover-contrast-125:hover { filter: contrast(1.25); }
  .md-focus-contrast-125:focus { filter: contrast(1.25); }
  .md-active-contrast-125:active { filter: contrast(1.25); }
  .md-disabled-contrast-125:disabled { filter: contrast(1.25); }
  .md-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  .md-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  .md-group:hover .md-group-hover-contrast-125 { filter: contrast(1.25); }
  .md-contrast-150 { filter: contrast(1.5); }
  .md-hover-contrast-150:hover { filter: contrast(1.5); }
  .md-focus-contrast-150:focus { filter: contrast(1.5); }
  .md-active-contrast-150:active { filter: contrast(1.5); }
  .md-disabled-contrast-150:disabled { filter: contrast(1.5); }
  .md-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  .md-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  .md-group:hover .md-group-hover-contrast-150 { filter: contrast(1.5); }
  .md-contrast-200 { filter: contrast(2); }
  .md-hover-contrast-200:hover { filter: contrast(2); }
  .md-focus-contrast-200:focus { filter: contrast(2); }
  .md-active-contrast-200:active { filter: contrast(2); }
  .md-disabled-contrast-200:disabled { filter: contrast(2); }
  .md-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  .md-focus-within-contrast-200:focus-within { filter: contrast(2); }
  .md-group:hover .md-group-hover-contrast-200 { filter: contrast(2); }
  .md-grayscale-0 { filter: grayscale(0); }
  .md-hover-grayscale-0:hover { filter: grayscale(0); }
  .md-focus-grayscale-0:focus { filter: grayscale(0); }
  .md-active-grayscale-0:active { filter: grayscale(0); }
  .md-disabled-grayscale-0:disabled { filter: grayscale(0); }
  .md-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  .md-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  .md-group:hover .md-group-hover-grayscale-0 { filter: grayscale(0); }
  .md-grayscale-100 { filter: grayscale(1); }
  .md-hover-grayscale-100:hover { filter: grayscale(1); }
  .md-focus-grayscale-100:focus { filter: grayscale(1); }
  .md-active-grayscale-100:active { filter: grayscale(1); }
  .md-disabled-grayscale-100:disabled { filter: grayscale(1); }
  .md-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  .md-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  .md-group:hover .md-group-hover-grayscale-100 { filter: grayscale(1); }
  .md-hue-rotate-0 { filter: hue-rotate(0deg); }
  .md-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  .md-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  .md-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  .md-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  .md-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  .md-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  .md-group:hover .md-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  .md-hue-rotate-45 { filter: hue-rotate(45deg); }
  .md-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  .md-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  .md-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  .md-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  .md-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  .md-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  .md-group:hover .md-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  .md-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .md-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .md-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .md-group:hover .md-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-hue-rotate-180 { filter: hue-rotate(180deg); }
  .md-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  .md-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  .md-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  .md-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  .md-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  .md-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  .md-group:hover .md-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  .md-invert-0 { filter: invert(0); }
  .md-hover-invert-0:hover { filter: invert(0); }
  .md-focus-invert-0:focus { filter: invert(0); }
  .md-active-invert-0:active { filter: invert(0); }
  .md-disabled-invert-0:disabled { filter: invert(0); }
  .md-focus-visible-invert-0:focus-visible { filter: invert(0); }
  .md-focus-within-invert-0:focus-within { filter: invert(0); }
  .md-group:hover .md-group-hover-invert-0 { filter: invert(0); }
  .md-invert-100 { filter: invert(1); }
  .md-hover-invert-100:hover { filter: invert(1); }
  .md-focus-invert-100:focus { filter: invert(1); }
  .md-active-invert-100:active { filter: invert(1); }
  .md-disabled-invert-100:disabled { filter: invert(1); }
  .md-focus-visible-invert-100:focus-visible { filter: invert(1); }
  .md-focus-within-invert-100:focus-within { filter: invert(1); }
  .md-group:hover .md-group-hover-invert-100 { filter: invert(1); }
  .md-saturate-0 { filter: saturate(0); }
  .md-hover-saturate-0:hover { filter: saturate(0); }
  .md-focus-saturate-0:focus { filter: saturate(0); }
  .md-active-saturate-0:active { filter: saturate(0); }
  .md-disabled-saturate-0:disabled { filter: saturate(0); }
  .md-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  .md-focus-within-saturate-0:focus-within { filter: saturate(0); }
  .md-group:hover .md-group-hover-saturate-0 { filter: saturate(0); }
  .md-saturate-50 { filter: saturate(0.5); }
  .md-hover-saturate-50:hover { filter: saturate(0.5); }
  .md-focus-saturate-50:focus { filter: saturate(0.5); }
  .md-active-saturate-50:active { filter: saturate(0.5); }
  .md-disabled-saturate-50:disabled { filter: saturate(0.5); }
  .md-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  .md-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  .md-group:hover .md-group-hover-saturate-50 { filter: saturate(0.5); }
  .md-saturate-100 { filter: saturate(1); }
  .md-hover-saturate-100:hover { filter: saturate(1); }
  .md-focus-saturate-100:focus { filter: saturate(1); }
  .md-active-saturate-100:active { filter: saturate(1); }
  .md-disabled-saturate-100:disabled { filter: saturate(1); }
  .md-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  .md-focus-within-saturate-100:focus-within { filter: saturate(1); }
  .md-group:hover .md-group-hover-saturate-100 { filter: saturate(1); }
  .md-saturate-150 { filter: saturate(1.5); }
  .md-hover-saturate-150:hover { filter: saturate(1.5); }
  .md-focus-saturate-150:focus { filter: saturate(1.5); }
  .md-active-saturate-150:active { filter: saturate(1.5); }
  .md-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .md-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .md-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .md-group:hover .md-group-hover-saturate-150 { filter: saturate(1.5); }
  .md-saturate-200 { filter: saturate(2); }
  .md-hover-saturate-200:hover { filter: saturate(2); }
  .md-focus-saturate-200:focus { filter: saturate(2); }
  .md-active-saturate-200:active { filter: saturate(2); }
  .md-disabled-saturate-200:disabled { filter: saturate(2); }
  .md-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  .md-focus-within-saturate-200:focus-within { filter: saturate(2); }
  .md-group:hover .md-group-hover-saturate-200 { filter: saturate(2); }
  .md-sepia-0 { filter: sepia(0); }
  .md-hover-sepia-0:hover { filter: sepia(0); }
  .md-focus-sepia-0:focus { filter: sepia(0); }
  .md-active-sepia-0:active { filter: sepia(0); }
  .md-disabled-sepia-0:disabled { filter: sepia(0); }
  .md-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  .md-focus-within-sepia-0:focus-within { filter: sepia(0); }
  .md-group:hover .md-group-hover-sepia-0 { filter: sepia(0); }
  .md-sepia-100 { filter: sepia(1); }
  .md-hover-sepia-100:hover { filter: sepia(1); }
  .md-focus-sepia-100:focus { filter: sepia(1); }
  .md-active-sepia-100:active { filter: sepia(1); }
  .md-disabled-sepia-100:disabled { filter: sepia(1); }
  .md-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  .md-focus-within-sepia-100:focus-within { filter: sepia(1); }
  .md-group:hover .md-group-hover-sepia-100 { filter: sepia(1); }
  .md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-group:hover .md-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .md-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-group:hover .md-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-group:hover .md-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .md-mix-normal { mix-blend-mode: normal; }
  .md-hover-mix-normal:hover { mix-blend-mode: normal; }
  .md-focus-mix-normal:focus { mix-blend-mode: normal; }
  .md-active-mix-normal:active { mix-blend-mode: normal; }
  .md-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  .md-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  .md-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  .md-group:hover .md-group-hover-mix-normal { mix-blend-mode: normal; }
  .md-mix-multiply { mix-blend-mode: multiply; }
  .md-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  .md-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  .md-active-mix-multiply:active { mix-blend-mode: multiply; }
  .md-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  .md-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  .md-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  .md-group:hover .md-group-hover-mix-multiply { mix-blend-mode: multiply; }
  .md-mix-screen { mix-blend-mode: screen; }
  .md-hover-mix-screen:hover { mix-blend-mode: screen; }
  .md-focus-mix-screen:focus { mix-blend-mode: screen; }
  .md-active-mix-screen:active { mix-blend-mode: screen; }
  .md-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  .md-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  .md-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  .md-group:hover .md-group-hover-mix-screen { mix-blend-mode: screen; }
  .md-mix-overlay { mix-blend-mode: overlay; }
  .md-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  .md-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  .md-active-mix-overlay:active { mix-blend-mode: overlay; }
  .md-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  .md-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  .md-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  .md-group:hover .md-group-hover-mix-overlay { mix-blend-mode: overlay; }
  .md-mix-darken { mix-blend-mode: darken; }
  .md-hover-mix-darken:hover { mix-blend-mode: darken; }
  .md-focus-mix-darken:focus { mix-blend-mode: darken; }
  .md-active-mix-darken:active { mix-blend-mode: darken; }
  .md-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  .md-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  .md-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  .md-group:hover .md-group-hover-mix-darken { mix-blend-mode: darken; }
  .md-mix-lighten { mix-blend-mode: lighten; }
  .md-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  .md-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  .md-active-mix-lighten:active { mix-blend-mode: lighten; }
  .md-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  .md-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  .md-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  .md-group:hover .md-group-hover-mix-lighten { mix-blend-mode: lighten; }
  .md-mix-color-dodge { mix-blend-mode: color-dodge; }
  .md-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  .md-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  .md-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  .md-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  .md-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  .md-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  .md-group:hover .md-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  .md-mix-color-burn { mix-blend-mode: color-burn; }
  .md-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  .md-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  .md-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  .md-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  .md-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  .md-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  .md-group:hover .md-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  .md-mix-hard-light { mix-blend-mode: hard-light; }
  .md-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  .md-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  .md-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  .md-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  .md-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  .md-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  .md-group:hover .md-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  .md-mix-soft-light { mix-blend-mode: soft-light; }
  .md-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  .md-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  .md-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  .md-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  .md-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  .md-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  .md-group:hover .md-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  .md-mix-difference { mix-blend-mode: difference; }
  .md-hover-mix-difference:hover { mix-blend-mode: difference; }
  .md-focus-mix-difference:focus { mix-blend-mode: difference; }
  .md-active-mix-difference:active { mix-blend-mode: difference; }
  .md-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  .md-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  .md-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  .md-group:hover .md-group-hover-mix-difference { mix-blend-mode: difference; }
  .md-mix-exclusion { mix-blend-mode: exclusion; }
  .md-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  .md-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  .md-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  .md-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  .md-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  .md-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  .md-group:hover .md-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  .md-mix-hue { mix-blend-mode: hue; }
  .md-hover-mix-hue:hover { mix-blend-mode: hue; }
  .md-focus-mix-hue:focus { mix-blend-mode: hue; }
  .md-active-mix-hue:active { mix-blend-mode: hue; }
  .md-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  .md-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  .md-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  .md-group:hover .md-group-hover-mix-hue { mix-blend-mode: hue; }
  .md-mix-saturation { mix-blend-mode: saturation; }
  .md-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  .md-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  .md-active-mix-saturation:active { mix-blend-mode: saturation; }
  .md-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  .md-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  .md-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  .md-group:hover .md-group-hover-mix-saturation { mix-blend-mode: saturation; }
  .md-mix-color { mix-blend-mode: color; }
  .md-hover-mix-color:hover { mix-blend-mode: color; }
  .md-focus-mix-color:focus { mix-blend-mode: color; }
  .md-active-mix-color:active { mix-blend-mode: color; }
  .md-disabled-mix-color:disabled { mix-blend-mode: color; }
  .md-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  .md-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  .md-group:hover .md-group-hover-mix-color { mix-blend-mode: color; }
  .md-mix-luminosity { mix-blend-mode: luminosity; }
  .md-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  .md-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  .md-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  .md-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  .md-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  .md-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  .md-group:hover .md-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  .md-bg-blend-normal { background-blend-mode: normal; }
  .md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .md-active-bg-blend-normal:active { background-blend-mode: normal; }
  .md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .md-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .md-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .md-group:hover .md-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .md-bg-blend-multiply { background-blend-mode: multiply; }
  .md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .md-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .md-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .md-group:hover .md-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .md-bg-blend-screen { background-blend-mode: screen; }
  .md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .md-active-bg-blend-screen:active { background-blend-mode: screen; }
  .md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .md-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .md-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .md-group:hover .md-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .md-bg-blend-overlay { background-blend-mode: overlay; }
  .md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .md-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .md-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .md-group:hover .md-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .md-bg-blend-darken { background-blend-mode: darken; }
  .md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .md-active-bg-blend-darken:active { background-blend-mode: darken; }
  .md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .md-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .md-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .md-group:hover .md-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .md-bg-blend-lighten { background-blend-mode: lighten; }
  .md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .md-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .md-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .md-group:hover .md-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .md-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .md-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  .md-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  .md-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  .md-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  .md-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  .md-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  .md-group:hover .md-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .md-bg-blend-color-burn { background-blend-mode: color-burn; }
  .md-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  .md-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  .md-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  .md-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  .md-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  .md-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  .md-group:hover .md-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  .md-bg-blend-hard-light { background-blend-mode: hard-light; }
  .md-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  .md-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  .md-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  .md-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  .md-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  .md-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  .md-group:hover .md-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  .md-bg-blend-soft-light { background-blend-mode: soft-light; }
  .md-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  .md-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  .md-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  .md-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  .md-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  .md-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  .md-group:hover .md-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  .md-bg-blend-difference { background-blend-mode: difference; }
  .md-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  .md-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  .md-active-bg-blend-difference:active { background-blend-mode: difference; }
  .md-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  .md-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  .md-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  .md-group:hover .md-group-hover-bg-blend-difference { background-blend-mode: difference; }
  .md-bg-blend-exclusion { background-blend-mode: exclusion; }
  .md-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  .md-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  .md-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  .md-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  .md-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  .md-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  .md-group:hover .md-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  .md-bg-blend-hue { background-blend-mode: hue; }
  .md-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  .md-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  .md-active-bg-blend-hue:active { background-blend-mode: hue; }
  .md-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  .md-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  .md-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  .md-group:hover .md-group-hover-bg-blend-hue { background-blend-mode: hue; }
  .md-bg-blend-saturation { background-blend-mode: saturation; }
  .md-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  .md-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  .md-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  .md-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  .md-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  .md-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  .md-group:hover .md-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  .md-bg-blend-color { background-blend-mode: color; }
  .md-hover-bg-blend-color:hover { background-blend-mode: color; }
  .md-focus-bg-blend-color:focus { background-blend-mode: color; }
  .md-active-bg-blend-color:active { background-blend-mode: color; }
  .md-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  .md-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  .md-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  .md-group:hover .md-group-hover-bg-blend-color { background-blend-mode: color; }
  .md-bg-blend-luminosity { background-blend-mode: luminosity; }
  .md-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  .md-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  .md-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  .md-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  .md-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  .md-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  .md-group:hover .md-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  .md-object-contain { object-fit: contain; }
  .md-hover-object-contain:hover { object-fit: contain; }
  .md-focus-object-contain:focus { object-fit: contain; }
  .md-active-object-contain:active { object-fit: contain; }
  .md-disabled-object-contain:disabled { object-fit: contain; }
  .md-focus-visible-object-contain:focus-visible { object-fit: contain; }
  .md-focus-within-object-contain:focus-within { object-fit: contain; }
  .md-group:hover .md-group-hover-object-contain { object-fit: contain; }
  .md-object-cover { object-fit: cover; }
  .md-hover-object-cover:hover { object-fit: cover; }
  .md-focus-object-cover:focus { object-fit: cover; }
  .md-active-object-cover:active { object-fit: cover; }
  .md-disabled-object-cover:disabled { object-fit: cover; }
  .md-focus-visible-object-cover:focus-visible { object-fit: cover; }
  .md-focus-within-object-cover:focus-within { object-fit: cover; }
  .md-group:hover .md-group-hover-object-cover { object-fit: cover; }
  .md-object-fill { object-fit: fill; }
  .md-hover-object-fill:hover { object-fit: fill; }
  .md-focus-object-fill:focus { object-fit: fill; }
  .md-active-object-fill:active { object-fit: fill; }
  .md-disabled-object-fill:disabled { object-fit: fill; }
  .md-focus-visible-object-fill:focus-visible { object-fit: fill; }
  .md-focus-within-object-fill:focus-within { object-fit: fill; }
  .md-group:hover .md-group-hover-object-fill { object-fit: fill; }
  .md-object-none { object-fit: none; }
  .md-hover-object-none:hover { object-fit: none; }
  .md-focus-object-none:focus { object-fit: none; }
  .md-active-object-none:active { object-fit: none; }
  .md-disabled-object-none:disabled { object-fit: none; }
  .md-focus-visible-object-none:focus-visible { object-fit: none; }
  .md-focus-within-object-none:focus-within { object-fit: none; }
  .md-group:hover .md-group-hover-object-none { object-fit: none; }
  .md-object-scale-down { object-fit: scale-down; }
  .md-hover-object-scale-down:hover { object-fit: scale-down; }
  .md-focus-object-scale-down:focus { object-fit: scale-down; }
  .md-active-object-scale-down:active { object-fit: scale-down; }
  .md-disabled-object-scale-down:disabled { object-fit: scale-down; }
  .md-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  .md-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  .md-group:hover .md-group-hover-object-scale-down { object-fit: scale-down; }
  .md-object-top { object-position: top; }
  .md-hover-object-top:hover { object-position: top; }
  .md-focus-object-top:focus { object-position: top; }
  .md-active-object-top:active { object-position: top; }
  .md-disabled-object-top:disabled { object-position: top; }
  .md-focus-visible-object-top:focus-visible { object-position: top; }
  .md-focus-within-object-top:focus-within { object-position: top; }
  .md-group:hover .md-group-hover-object-top { object-position: top; }
  .md-object-bottom { object-position: bottom; }
  .md-hover-object-bottom:hover { object-position: bottom; }
  .md-focus-object-bottom:focus { object-position: bottom; }
  .md-active-object-bottom:active { object-position: bottom; }
  .md-disabled-object-bottom:disabled { object-position: bottom; }
  .md-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  .md-focus-within-object-bottom:focus-within { object-position: bottom; }
  .md-group:hover .md-group-hover-object-bottom { object-position: bottom; }
  .md-object-center { object-position: center; }
  .md-hover-object-center:hover { object-position: center; }
  .md-focus-object-center:focus { object-position: center; }
  .md-active-object-center:active { object-position: center; }
  .md-disabled-object-center:disabled { object-position: center; }
  .md-focus-visible-object-center:focus-visible { object-position: center; }
  .md-focus-within-object-center:focus-within { object-position: center; }
  .md-group:hover .md-group-hover-object-center { object-position: center; }
  .md-object-left { object-position: left; }
  .md-hover-object-left:hover { object-position: left; }
  .md-focus-object-left:focus { object-position: left; }
  .md-active-object-left:active { object-position: left; }
  .md-disabled-object-left:disabled { object-position: left; }
  .md-focus-visible-object-left:focus-visible { object-position: left; }
  .md-focus-within-object-left:focus-within { object-position: left; }
  .md-group:hover .md-group-hover-object-left { object-position: left; }
  .md-object-right { object-position: right; }
  .md-hover-object-right:hover { object-position: right; }
  .md-focus-object-right:focus { object-position: right; }
  .md-active-object-right:active { object-position: right; }
  .md-disabled-object-right:disabled { object-position: right; }
  .md-focus-visible-object-right:focus-visible { object-position: right; }
  .md-focus-within-object-right:focus-within { object-position: right; }
  .md-group:hover .md-group-hover-object-right { object-position: right; }
  .md-object-left-top { object-position: left top; }
  .md-hover-object-left-top:hover { object-position: left top; }
  .md-focus-object-left-top:focus { object-position: left top; }
  .md-active-object-left-top:active { object-position: left top; }
  .md-disabled-object-left-top:disabled { object-position: left top; }
  .md-focus-visible-object-left-top:focus-visible { object-position: left top; }
  .md-focus-within-object-left-top:focus-within { object-position: left top; }
  .md-group:hover .md-group-hover-object-left-top { object-position: left top; }
  .md-object-right-top { object-position: right top; }
  .md-hover-object-right-top:hover { object-position: right top; }
  .md-focus-object-right-top:focus { object-position: right top; }
  .md-active-object-right-top:active { object-position: right top; }
  .md-disabled-object-right-top:disabled { object-position: right top; }
  .md-focus-visible-object-right-top:focus-visible { object-position: right top; }
  .md-focus-within-object-right-top:focus-within { object-position: right top; }
  .md-group:hover .md-group-hover-object-right-top { object-position: right top; }
  .md-object-left-bottom { object-position: left bottom; }
  .md-hover-object-left-bottom:hover { object-position: left bottom; }
  .md-focus-object-left-bottom:focus { object-position: left bottom; }
  .md-active-object-left-bottom:active { object-position: left bottom; }
  .md-disabled-object-left-bottom:disabled { object-position: left bottom; }
  .md-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  .md-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  .md-group:hover .md-group-hover-object-left-bottom { object-position: left bottom; }
  .md-object-right-bottom { object-position: right bottom; }
  .md-hover-object-right-bottom:hover { object-position: right bottom; }
  .md-focus-object-right-bottom:focus { object-position: right bottom; }
  .md-active-object-right-bottom:active { object-position: right bottom; }
  .md-disabled-object-right-bottom:disabled { object-position: right bottom; }
  .md-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  .md-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  .md-group:hover .md-group-hover-object-right-bottom { object-position: right bottom; }
  .md-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-group:hover .md-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .md-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-group:hover .md-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .md-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-group:hover .md-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .md-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-group:hover .md-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .md-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-group:hover .md-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .md-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-group:hover .md-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .md-list-style-image-none { list-style-image: none; }
  .md-hover-list-style-image-none:hover { list-style-image: none; }
  .md-focus-list-style-image-none:focus { list-style-image: none; }
  .md-active-list-style-image-none:active { list-style-image: none; }
  .md-disabled-list-style-image-none:disabled { list-style-image: none; }
  .md-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  .md-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  .md-group:hover .md-group-hover-list-style-image-none { list-style-image: none; }
  .md-list-style-position-inside { list-style-position: inside; }
  .md-hover-list-style-position-inside:hover { list-style-position: inside; }
  .md-focus-list-style-position-inside:focus { list-style-position: inside; }
  .md-active-list-style-position-inside:active { list-style-position: inside; }
  .md-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  .md-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  .md-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  .md-group:hover .md-group-hover-list-style-position-inside { list-style-position: inside; }
  .md-list-style-position-outside { list-style-position: outside; }
  .md-hover-list-style-position-outside:hover { list-style-position: outside; }
  .md-focus-list-style-position-outside:focus { list-style-position: outside; }
  .md-active-list-style-position-outside:active { list-style-position: outside; }
  .md-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  .md-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  .md-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  .md-group:hover .md-group-hover-list-style-position-outside { list-style-position: outside; }
  .md-list-style-type-none { list-style-type: none; }
  .md-hover-list-style-type-none:hover { list-style-type: none; }
  .md-focus-list-style-type-none:focus { list-style-type: none; }
  .md-active-list-style-type-none:active { list-style-type: none; }
  .md-disabled-list-style-type-none:disabled { list-style-type: none; }
  .md-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  .md-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  .md-group:hover .md-group-hover-list-style-type-none { list-style-type: none; }
  .md-list-style-type-disc { list-style-type: disc; }
  .md-hover-list-style-type-disc:hover { list-style-type: disc; }
  .md-focus-list-style-type-disc:focus { list-style-type: disc; }
  .md-active-list-style-type-disc:active { list-style-type: disc; }
  .md-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  .md-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  .md-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  .md-group:hover .md-group-hover-list-style-type-disc { list-style-type: disc; }
  .md-list-style-type-circle { list-style-type: circle; }
  .md-hover-list-style-type-circle:hover { list-style-type: circle; }
  .md-focus-list-style-type-circle:focus { list-style-type: circle; }
  .md-active-list-style-type-circle:active { list-style-type: circle; }
  .md-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  .md-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  .md-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  .md-group:hover .md-group-hover-list-style-type-circle { list-style-type: circle; }
  .md-list-style-type-square { list-style-type: square; }
  .md-hover-list-style-type-square:hover { list-style-type: square; }
  .md-focus-list-style-type-square:focus { list-style-type: square; }
  .md-active-list-style-type-square:active { list-style-type: square; }
  .md-disabled-list-style-type-square:disabled { list-style-type: square; }
  .md-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  .md-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  .md-group:hover .md-group-hover-list-style-type-square { list-style-type: square; }
  .md-list-style-type-decimal { list-style-type: decimal; }
  .md-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  .md-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  .md-active-list-style-type-decimal:active { list-style-type: decimal; }
  .md-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  .md-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  .md-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  .md-group:hover .md-group-hover-list-style-type-decimal { list-style-type: decimal; }
  .md-list-style-type-lower_roman { list-style-type: lower-roman; }
  .md-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  .md-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  .md-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  .md-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  .md-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  .md-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  .md-group:hover .md-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  .md-list-style-type-upper_roman { list-style-type: upper-roman; }
  .md-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  .md-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  .md-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  .md-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  .md-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  .md-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  .md-group:hover .md-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  .md-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .md-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  .md-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  .md-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  .md-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  .md-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  .md-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  .md-group:hover .md-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .md-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .md-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  .md-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  .md-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  .md-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  .md-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  .md-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  .md-group:hover .md-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .md-text-align-left { text-align: left; }
  .md-hover-text-align-left:hover { text-align: left; }
  .md-focus-text-align-left:focus { text-align: left; }
  .md-active-text-align-left:active { text-align: left; }
  .md-disabled-text-align-left:disabled { text-align: left; }
  .md-focus-visible-text-align-left:focus-visible { text-align: left; }
  .md-focus-within-text-align-left:focus-within { text-align: left; }
  .md-group:hover .md-group-hover-text-align-left { text-align: left; }
  .md-text-align-center { text-align: center; }
  .md-hover-text-align-center:hover { text-align: center; }
  .md-focus-text-align-center:focus { text-align: center; }
  .md-active-text-align-center:active { text-align: center; }
  .md-disabled-text-align-center:disabled { text-align: center; }
  .md-focus-visible-text-align-center:focus-visible { text-align: center; }
  .md-focus-within-text-align-center:focus-within { text-align: center; }
  .md-group:hover .md-group-hover-text-align-center { text-align: center; }
  .md-text-align-right { text-align: right; }
  .md-hover-text-align-right:hover { text-align: right; }
  .md-focus-text-align-right:focus { text-align: right; }
  .md-active-text-align-right:active { text-align: right; }
  .md-disabled-text-align-right:disabled { text-align: right; }
  .md-focus-visible-text-align-right:focus-visible { text-align: right; }
  .md-focus-within-text-align-right:focus-within { text-align: right; }
  .md-group:hover .md-group-hover-text-align-right { text-align: right; }
  .md-text-align-justify { text-align: justify; }
  .md-hover-text-align-justify:hover { text-align: justify; }
  .md-focus-text-align-justify:focus { text-align: justify; }
  .md-active-text-align-justify:active { text-align: justify; }
  .md-disabled-text-align-justify:disabled { text-align: justify; }
  .md-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  .md-focus-within-text-align-justify:focus-within { text-align: justify; }
  .md-group:hover .md-group-hover-text-align-justify { text-align: justify; }
  .md-backface-visible { backface-visibility: visible; }
  .md-hover-backface-visible:hover { backface-visibility: visible; }
  .md-focus-backface-visible:focus { backface-visibility: visible; }
  .md-active-backface-visible:active { backface-visibility: visible; }
  .md-disabled-backface-visible:disabled { backface-visibility: visible; }
  .md-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .md-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .md-group:hover .md-group-hover-backface-visible { backface-visibility: visible; }
  .md-backface-hidden { backface-visibility: hidden; }
  .md-hover-backface-hidden:hover { backface-visibility: hidden; }
  .md-focus-backface-hidden:focus { backface-visibility: hidden; }
  .md-active-backface-hidden:active { backface-visibility: hidden; }
  .md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .md-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .md-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .md-group:hover .md-group-hover-backface-hidden { backface-visibility: hidden; }
  .md-perspective-none { perspective: none; }
  .md-hover-perspective-none:hover { perspective: none; }
  .md-focus-perspective-none:focus { perspective: none; }
  .md-active-perspective-none:active { perspective: none; }
  .md-disabled-perspective-none:disabled { perspective: none; }
  .md-focus-visible-perspective-none:focus-visible { perspective: none; }
  .md-focus-within-perspective-none:focus-within { perspective: none; }
  .md-group:hover .md-group-hover-perspective-none { perspective: none; }
  .md-perspective-100 { perspective: 100px; }
  .md-hover-perspective-100:hover { perspective: 100px; }
  .md-focus-perspective-100:focus { perspective: 100px; }
  .md-active-perspective-100:active { perspective: 100px; }
  .md-disabled-perspective-100:disabled { perspective: 100px; }
  .md-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  .md-focus-within-perspective-100:focus-within { perspective: 100px; }
  .md-group:hover .md-group-hover-perspective-100 { perspective: 100px; }
  .md-perspective-500 { perspective: 500px; }
  .md-hover-perspective-500:hover { perspective: 500px; }
  .md-focus-perspective-500:focus { perspective: 500px; }
  .md-active-perspective-500:active { perspective: 500px; }
  .md-disabled-perspective-500:disabled { perspective: 500px; }
  .md-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  .md-focus-within-perspective-500:focus-within { perspective: 500px; }
  .md-group:hover .md-group-hover-perspective-500 { perspective: 500px; }
  .md-perspective-1000 { perspective: 1000px; }
  .md-hover-perspective-1000:hover { perspective: 1000px; }
  .md-focus-perspective-1000:focus { perspective: 1000px; }
  .md-active-perspective-1000:active { perspective: 1000px; }
  .md-disabled-perspective-1000:disabled { perspective: 1000px; }
  .md-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  .md-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  .md-group:hover .md-group-hover-perspective-1000 { perspective: 1000px; }
  .md-perspective-1500 { perspective: 1500px; }
  .md-hover-perspective-1500:hover { perspective: 1500px; }
  .md-focus-perspective-1500:focus { perspective: 1500px; }
  .md-active-perspective-1500:active { perspective: 1500px; }
  .md-disabled-perspective-1500:disabled { perspective: 1500px; }
  .md-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  .md-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  .md-group:hover .md-group-hover-perspective-1500 { perspective: 1500px; }
  .md-perspective-2000 { perspective: 2000px; }
  .md-hover-perspective-2000:hover { perspective: 2000px; }
  .md-focus-perspective-2000:focus { perspective: 2000px; }
  .md-active-perspective-2000:active { perspective: 2000px; }
  .md-disabled-perspective-2000:disabled { perspective: 2000px; }
  .md-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  .md-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  .md-group:hover .md-group-hover-perspective-2000 { perspective: 2000px; }
  .md-perspective-origin-center { perspective-origin: center; }
  .md-hover-perspective-origin-center:hover { perspective-origin: center; }
  .md-focus-perspective-origin-center:focus { perspective-origin: center; }
  .md-active-perspective-origin-center:active { perspective-origin: center; }
  .md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .md-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .md-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .md-group:hover .md-group-hover-perspective-origin-center { perspective-origin: center; }
  .md-perspective-origin-top { perspective-origin: top; }
  .md-hover-perspective-origin-top:hover { perspective-origin: top; }
  .md-focus-perspective-origin-top:focus { perspective-origin: top; }
  .md-active-perspective-origin-top:active { perspective-origin: top; }
  .md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .md-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .md-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .md-group:hover .md-group-hover-perspective-origin-top { perspective-origin: top; }
  .md-perspective-origin-bottom { perspective-origin: bottom; }
  .md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .md-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .md-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .md-group:hover .md-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .md-perspective-origin-left { perspective-origin: left; }
  .md-hover-perspective-origin-left:hover { perspective-origin: left; }
  .md-focus-perspective-origin-left:focus { perspective-origin: left; }
  .md-active-perspective-origin-left:active { perspective-origin: left; }
  .md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .md-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .md-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .md-group:hover .md-group-hover-perspective-origin-left { perspective-origin: left; }
  .md-perspective-origin-right { perspective-origin: right; }
  .md-hover-perspective-origin-right:hover { perspective-origin: right; }
  .md-focus-perspective-origin-right:focus { perspective-origin: right; }
  .md-active-perspective-origin-right:active { perspective-origin: right; }
  .md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .md-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .md-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .md-group:hover .md-group-hover-perspective-origin-right { perspective-origin: right; }
  .md-perspective-origin-top_left { perspective-origin: top left; }
  .md-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  .md-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  .md-active-perspective-origin-top_left:active { perspective-origin: top left; }
  .md-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  .md-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  .md-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  .md-group:hover .md-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  .md-perspective-origin-top_right { perspective-origin: top right; }
  .md-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  .md-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  .md-active-perspective-origin-top_right:active { perspective-origin: top right; }
  .md-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  .md-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  .md-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  .md-group:hover .md-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  .md-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .md-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  .md-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  .md-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  .md-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  .md-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  .md-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  .md-group:hover .md-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .md-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .md-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  .md-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  .md-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  .md-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  .md-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  .md-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  .md-group:hover .md-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .md-transform { transform: var(--quanta-transform, none); }
  .md-hover-transform:hover { transform: var(--quanta-transform, none); }
  .md-focus-transform:focus { transform: var(--quanta-transform, none); }
  .md-active-transform:active { transform: var(--quanta-transform, none); }
  .md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .md-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .md-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .md-group:hover .md-group-hover-transform { transform: var(--quanta-transform, none); }
  .md-transform-none { transform: none; }
  .md-hover-transform-none:hover { transform: none; }
  .md-focus-transform-none:focus { transform: none; }
  .md-active-transform-none:active { transform: none; }
  .md-disabled-transform-none:disabled { transform: none; }
  .md-focus-visible-transform-none:focus-visible { transform: none; }
  .md-focus-within-transform-none:focus-within { transform: none; }
  .md-group:hover .md-group-hover-transform-none { transform: none; }
  .md-rotate-n180 { transform: rotate(-180deg); }
  .md-hover-rotate-n180:hover { transform: rotate(-180deg); }
  .md-focus-rotate-n180:focus { transform: rotate(-180deg); }
  .md-active-rotate-n180:active { transform: rotate(-180deg); }
  .md-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  .md-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  .md-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  .md-group:hover .md-group-hover-rotate-n180 { transform: rotate(-180deg); }
  .md-rotate-n90 { transform: rotate(-90deg); }
  .md-hover-rotate-n90:hover { transform: rotate(-90deg); }
  .md-focus-rotate-n90:focus { transform: rotate(-90deg); }
  .md-active-rotate-n90:active { transform: rotate(-90deg); }
  .md-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  .md-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  .md-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  .md-group:hover .md-group-hover-rotate-n90 { transform: rotate(-90deg); }
  .md-rotate-n45 { transform: rotate(-45deg); }
  .md-hover-rotate-n45:hover { transform: rotate(-45deg); }
  .md-focus-rotate-n45:focus { transform: rotate(-45deg); }
  .md-active-rotate-n45:active { transform: rotate(-45deg); }
  .md-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  .md-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  .md-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  .md-group:hover .md-group-hover-rotate-n45 { transform: rotate(-45deg); }
  .md-rotate-0 { transform: rotate(0deg); }
  .md-hover-rotate-0:hover { transform: rotate(0deg); }
  .md-focus-rotate-0:focus { transform: rotate(0deg); }
  .md-active-rotate-0:active { transform: rotate(0deg); }
  .md-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .md-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .md-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .md-group:hover .md-group-hover-rotate-0 { transform: rotate(0deg); }
  .md-rotate-45 { transform: rotate(45deg); }
  .md-hover-rotate-45:hover { transform: rotate(45deg); }
  .md-focus-rotate-45:focus { transform: rotate(45deg); }
  .md-active-rotate-45:active { transform: rotate(45deg); }
  .md-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .md-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .md-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .md-group:hover .md-group-hover-rotate-45 { transform: rotate(45deg); }
  .md-rotate-90 { transform: rotate(90deg); }
  .md-hover-rotate-90:hover { transform: rotate(90deg); }
  .md-focus-rotate-90:focus { transform: rotate(90deg); }
  .md-active-rotate-90:active { transform: rotate(90deg); }
  .md-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .md-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .md-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .md-group:hover .md-group-hover-rotate-90 { transform: rotate(90deg); }
  .md-rotate-180 { transform: rotate(180deg); }
  .md-hover-rotate-180:hover { transform: rotate(180deg); }
  .md-focus-rotate-180:focus { transform: rotate(180deg); }
  .md-active-rotate-180:active { transform: rotate(180deg); }
  .md-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .md-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .md-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .md-group:hover .md-group-hover-rotate-180 { transform: rotate(180deg); }
  .md-scale-50 { transform: scale(0.5); }
  .md-hover-scale-50:hover { transform: scale(0.5); }
  .md-focus-scale-50:focus { transform: scale(0.5); }
  .md-active-scale-50:active { transform: scale(0.5); }
  .md-disabled-scale-50:disabled { transform: scale(0.5); }
  .md-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .md-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .md-group:hover .md-group-hover-scale-50 { transform: scale(0.5); }
  .md-scale-75 { transform: scale(0.75); }
  .md-hover-scale-75:hover { transform: scale(0.75); }
  .md-focus-scale-75:focus { transform: scale(0.75); }
  .md-active-scale-75:active { transform: scale(0.75); }
  .md-disabled-scale-75:disabled { transform: scale(0.75); }
  .md-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .md-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .md-group:hover .md-group-hover-scale-75 { transform: scale(0.75); }
  .md-scale-90 { transform: scale(0.9); }
  .md-hover-scale-90:hover { transform: scale(0.9); }
  .md-focus-scale-90:focus { transform: scale(0.9); }
  .md-active-scale-90:active { transform: scale(0.9); }
  .md-disabled-scale-90:disabled { transform: scale(0.9); }
  .md-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .md-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .md-group:hover .md-group-hover-scale-90 { transform: scale(0.9); }
  .md-scale-95 { transform: scale(0.95); }
  .md-hover-scale-95:hover { transform: scale(0.95); }
  .md-focus-scale-95:focus { transform: scale(0.95); }
  .md-active-scale-95:active { transform: scale(0.95); }
  .md-disabled-scale-95:disabled { transform: scale(0.95); }
  .md-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .md-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .md-group:hover .md-group-hover-scale-95 { transform: scale(0.95); }
  .md-scale-100 { transform: scale(1.0); }
  .md-hover-scale-100:hover { transform: scale(1.0); }
  .md-focus-scale-100:focus { transform: scale(1.0); }
  .md-active-scale-100:active { transform: scale(1.0); }
  .md-disabled-scale-100:disabled { transform: scale(1.0); }
  .md-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .md-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .md-group:hover .md-group-hover-scale-100 { transform: scale(1.0); }
  .md-scale-105 { transform: scale(1.05); }
  .md-hover-scale-105:hover { transform: scale(1.05); }
  .md-focus-scale-105:focus { transform: scale(1.05); }
  .md-active-scale-105:active { transform: scale(1.05); }
  .md-disabled-scale-105:disabled { transform: scale(1.05); }
  .md-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .md-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .md-group:hover .md-group-hover-scale-105 { transform: scale(1.05); }
  .md-scale-110 { transform: scale(1.1); }
  .md-hover-scale-110:hover { transform: scale(1.1); }
  .md-focus-scale-110:focus { transform: scale(1.1); }
  .md-active-scale-110:active { transform: scale(1.1); }
  .md-disabled-scale-110:disabled { transform: scale(1.1); }
  .md-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .md-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .md-group:hover .md-group-hover-scale-110 { transform: scale(1.1); }
  .md-scale-125 { transform: scale(1.25); }
  .md-hover-scale-125:hover { transform: scale(1.25); }
  .md-focus-scale-125:focus { transform: scale(1.25); }
  .md-active-scale-125:active { transform: scale(1.25); }
  .md-disabled-scale-125:disabled { transform: scale(1.25); }
  .md-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .md-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .md-group:hover .md-group-hover-scale-125 { transform: scale(1.25); }
  .md-scale-150 { transform: scale(1.5); }
  .md-hover-scale-150:hover { transform: scale(1.5); }
  .md-focus-scale-150:focus { transform: scale(1.5); }
  .md-active-scale-150:active { transform: scale(1.5); }
  .md-disabled-scale-150:disabled { transform: scale(1.5); }
  .md-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .md-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .md-group:hover .md-group-hover-scale-150 { transform: scale(1.5); }
  .md-skew-x-n45 { transform: skewX(-45deg); }
  .md-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  .md-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  .md-active-skew-x-n45:active { transform: skewX(-45deg); }
  .md-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  .md-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  .md-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  .md-group:hover .md-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  .md-skew-y-n45 { transform: skewY(-45deg); }
  .md-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  .md-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  .md-active-skew-y-n45:active { transform: skewY(-45deg); }
  .md-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  .md-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  .md-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  .md-group:hover .md-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  .md-skew-x-n30 { transform: skewX(-30deg); }
  .md-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  .md-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  .md-active-skew-x-n30:active { transform: skewX(-30deg); }
  .md-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  .md-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  .md-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  .md-group:hover .md-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  .md-skew-y-n30 { transform: skewY(-30deg); }
  .md-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  .md-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  .md-active-skew-y-n30:active { transform: skewY(-30deg); }
  .md-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  .md-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  .md-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  .md-group:hover .md-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  .md-skew-x-n15 { transform: skewX(-15deg); }
  .md-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  .md-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  .md-active-skew-x-n15:active { transform: skewX(-15deg); }
  .md-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  .md-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  .md-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  .md-group:hover .md-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  .md-skew-y-n15 { transform: skewY(-15deg); }
  .md-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  .md-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  .md-active-skew-y-n15:active { transform: skewY(-15deg); }
  .md-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  .md-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  .md-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  .md-group:hover .md-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  .md-skew-x-0 { transform: skewX(0deg); }
  .md-hover-skew-x-0:hover { transform: skewX(0deg); }
  .md-focus-skew-x-0:focus { transform: skewX(0deg); }
  .md-active-skew-x-0:active { transform: skewX(0deg); }
  .md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .md-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .md-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .md-group:hover .md-group-hover-skew-x-0 { transform: skewX(0deg); }
  .md-skew-y-0 { transform: skewY(0deg); }
  .md-hover-skew-y-0:hover { transform: skewY(0deg); }
  .md-focus-skew-y-0:focus { transform: skewY(0deg); }
  .md-active-skew-y-0:active { transform: skewY(0deg); }
  .md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .md-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .md-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .md-group:hover .md-group-hover-skew-y-0 { transform: skewY(0deg); }
  .md-skew-x-15 { transform: skewX(15deg); }
  .md-hover-skew-x-15:hover { transform: skewX(15deg); }
  .md-focus-skew-x-15:focus { transform: skewX(15deg); }
  .md-active-skew-x-15:active { transform: skewX(15deg); }
  .md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .md-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .md-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .md-group:hover .md-group-hover-skew-x-15 { transform: skewX(15deg); }
  .md-skew-y-15 { transform: skewY(15deg); }
  .md-hover-skew-y-15:hover { transform: skewY(15deg); }
  .md-focus-skew-y-15:focus { transform: skewY(15deg); }
  .md-active-skew-y-15:active { transform: skewY(15deg); }
  .md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .md-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .md-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .md-group:hover .md-group-hover-skew-y-15 { transform: skewY(15deg); }
  .md-skew-x-30 { transform: skewX(30deg); }
  .md-hover-skew-x-30:hover { transform: skewX(30deg); }
  .md-focus-skew-x-30:focus { transform: skewX(30deg); }
  .md-active-skew-x-30:active { transform: skewX(30deg); }
  .md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .md-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .md-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .md-group:hover .md-group-hover-skew-x-30 { transform: skewX(30deg); }
  .md-skew-y-30 { transform: skewY(30deg); }
  .md-hover-skew-y-30:hover { transform: skewY(30deg); }
  .md-focus-skew-y-30:focus { transform: skewY(30deg); }
  .md-active-skew-y-30:active { transform: skewY(30deg); }
  .md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .md-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .md-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .md-group:hover .md-group-hover-skew-y-30 { transform: skewY(30deg); }
  .md-skew-x-45 { transform: skewX(45deg); }
  .md-hover-skew-x-45:hover { transform: skewX(45deg); }
  .md-focus-skew-x-45:focus { transform: skewX(45deg); }
  .md-active-skew-x-45:active { transform: skewX(45deg); }
  .md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .md-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .md-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .md-group:hover .md-group-hover-skew-x-45 { transform: skewX(45deg); }
  .md-skew-y-45 { transform: skewY(45deg); }
  .md-hover-skew-y-45:hover { transform: skewY(45deg); }
  .md-focus-skew-y-45:focus { transform: skewY(45deg); }
  .md-active-skew-y-45:active { transform: skewY(45deg); }
  .md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .md-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .md-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .md-group:hover .md-group-hover-skew-y-45 { transform: skewY(45deg); }
  .md-translate-x-0 { transform: translateX(0rem); }
  .md-hover-translate-x-0:hover { transform: translateX(0rem); }
  .md-focus-translate-x-0:focus { transform: translateX(0rem); }
  .md-active-translate-x-0:active { transform: translateX(0rem); }
  .md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .md-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .md-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .md-group:hover .md-group-hover-translate-x-0 { transform: translateX(0rem); }
  .md-translate-y-0 { transform: translateY(0rem); }
  .md-hover-translate-y-0:hover { transform: translateY(0rem); }
  .md-focus-translate-y-0:focus { transform: translateY(0rem); }
  .md-active-translate-y-0:active { transform: translateY(0rem); }
  .md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .md-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .md-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .md-group:hover .md-group-hover-translate-y-0 { transform: translateY(0rem); }
  .md-translate-x-0_125 { transform: translateX(0.125rem); }
  .md-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  .md-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  .md-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  .md-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  .md-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  .md-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  .md-group:hover .md-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  .md-translate-y-0_125 { transform: translateY(0.125rem); }
  .md-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  .md-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  .md-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  .md-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  .md-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  .md-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  .md-group:hover .md-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  .md-translate-x-0_25 { transform: translateX(0.25rem); }
  .md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .md-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .md-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .md-group:hover .md-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .md-translate-y-0_25 { transform: translateY(0.25rem); }
  .md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .md-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .md-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .md-group:hover .md-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .md-translate-x-0_5 { transform: translateX(0.5rem); }
  .md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .md-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .md-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .md-group:hover .md-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .md-translate-y-0_5 { transform: translateY(0.5rem); }
  .md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .md-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .md-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .md-group:hover .md-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .md-translate-x-0_75 { transform: translateX(0.75rem); }
  .md-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  .md-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  .md-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  .md-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  .md-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  .md-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  .md-group:hover .md-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  .md-translate-y-0_75 { transform: translateY(0.75rem); }
  .md-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  .md-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  .md-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  .md-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  .md-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  .md-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  .md-group:hover .md-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  .md-translate-x-1 { transform: translateX(1rem); }
  .md-hover-translate-x-1:hover { transform: translateX(1rem); }
  .md-focus-translate-x-1:focus { transform: translateX(1rem); }
  .md-active-translate-x-1:active { transform: translateX(1rem); }
  .md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .md-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .md-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .md-group:hover .md-group-hover-translate-x-1 { transform: translateX(1rem); }
  .md-translate-y-1 { transform: translateY(1rem); }
  .md-hover-translate-y-1:hover { transform: translateY(1rem); }
  .md-focus-translate-y-1:focus { transform: translateY(1rem); }
  .md-active-translate-y-1:active { transform: translateY(1rem); }
  .md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .md-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .md-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .md-group:hover .md-group-hover-translate-y-1 { transform: translateY(1rem); }
  .md-translate-x-1_5 { transform: translateX(1.5rem); }
  .md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .md-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .md-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .md-group:hover .md-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .md-translate-y-1_5 { transform: translateY(1.5rem); }
  .md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .md-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .md-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .md-group:hover .md-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .md-translate-x-2 { transform: translateX(2rem); }
  .md-hover-translate-x-2:hover { transform: translateX(2rem); }
  .md-focus-translate-x-2:focus { transform: translateX(2rem); }
  .md-active-translate-x-2:active { transform: translateX(2rem); }
  .md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .md-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .md-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .md-group:hover .md-group-hover-translate-x-2 { transform: translateX(2rem); }
  .md-translate-y-2 { transform: translateY(2rem); }
  .md-hover-translate-y-2:hover { transform: translateY(2rem); }
  .md-focus-translate-y-2:focus { transform: translateY(2rem); }
  .md-active-translate-y-2:active { transform: translateY(2rem); }
  .md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .md-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .md-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .md-group:hover .md-group-hover-translate-y-2 { transform: translateY(2rem); }
  .md-translate-x-3 { transform: translateX(3rem); }
  .md-hover-translate-x-3:hover { transform: translateX(3rem); }
  .md-focus-translate-x-3:focus { transform: translateX(3rem); }
  .md-active-translate-x-3:active { transform: translateX(3rem); }
  .md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .md-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .md-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .md-group:hover .md-group-hover-translate-x-3 { transform: translateX(3rem); }
  .md-translate-y-3 { transform: translateY(3rem); }
  .md-hover-translate-y-3:hover { transform: translateY(3rem); }
  .md-focus-translate-y-3:focus { transform: translateY(3rem); }
  .md-active-translate-y-3:active { transform: translateY(3rem); }
  .md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .md-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .md-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .md-group:hover .md-group-hover-translate-y-3 { transform: translateY(3rem); }
  .md-translate-x-4 { transform: translateX(4rem); }
  .md-hover-translate-x-4:hover { transform: translateX(4rem); }
  .md-focus-translate-x-4:focus { transform: translateX(4rem); }
  .md-active-translate-x-4:active { transform: translateX(4rem); }
  .md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .md-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .md-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .md-group:hover .md-group-hover-translate-x-4 { transform: translateX(4rem); }
  .md-translate-y-4 { transform: translateY(4rem); }
  .md-hover-translate-y-4:hover { transform: translateY(4rem); }
  .md-focus-translate-y-4:focus { transform: translateY(4rem); }
  .md-active-translate-y-4:active { transform: translateY(4rem); }
  .md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .md-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .md-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .md-group:hover .md-group-hover-translate-y-4 { transform: translateY(4rem); }
  .md-origin-center { transform-origin: center; }
  .md-hover-origin-center:hover { transform-origin: center; }
  .md-focus-origin-center:focus { transform-origin: center; }
  .md-active-origin-center:active { transform-origin: center; }
  .md-disabled-origin-center:disabled { transform-origin: center; }
  .md-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .md-focus-within-origin-center:focus-within { transform-origin: center; }
  .md-group:hover .md-group-hover-origin-center { transform-origin: center; }
  .md-origin-top { transform-origin: top; }
  .md-hover-origin-top:hover { transform-origin: top; }
  .md-focus-origin-top:focus { transform-origin: top; }
  .md-active-origin-top:active { transform-origin: top; }
  .md-disabled-origin-top:disabled { transform-origin: top; }
  .md-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .md-focus-within-origin-top:focus-within { transform-origin: top; }
  .md-group:hover .md-group-hover-origin-top { transform-origin: top; }
  .md-origin-bottom { transform-origin: bottom; }
  .md-hover-origin-bottom:hover { transform-origin: bottom; }
  .md-focus-origin-bottom:focus { transform-origin: bottom; }
  .md-active-origin-bottom:active { transform-origin: bottom; }
  .md-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .md-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .md-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .md-group:hover .md-group-hover-origin-bottom { transform-origin: bottom; }
  .md-origin-left { transform-origin: left; }
  .md-hover-origin-left:hover { transform-origin: left; }
  .md-focus-origin-left:focus { transform-origin: left; }
  .md-active-origin-left:active { transform-origin: left; }
  .md-disabled-origin-left:disabled { transform-origin: left; }
  .md-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .md-focus-within-origin-left:focus-within { transform-origin: left; }
  .md-group:hover .md-group-hover-origin-left { transform-origin: left; }
  .md-origin-right { transform-origin: right; }
  .md-hover-origin-right:hover { transform-origin: right; }
  .md-focus-origin-right:focus { transform-origin: right; }
  .md-active-origin-right:active { transform-origin: right; }
  .md-disabled-origin-right:disabled { transform-origin: right; }
  .md-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .md-focus-within-origin-right:focus-within { transform-origin: right; }
  .md-group:hover .md-group-hover-origin-right { transform-origin: right; }
  .md-origin-top_left { transform-origin: top left; }
  .md-hover-origin-top_left:hover { transform-origin: top left; }
  .md-focus-origin-top_left:focus { transform-origin: top left; }
  .md-active-origin-top_left:active { transform-origin: top left; }
  .md-disabled-origin-top_left:disabled { transform-origin: top left; }
  .md-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  .md-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  .md-group:hover .md-group-hover-origin-top_left { transform-origin: top left; }
  .md-origin-top_right { transform-origin: top right; }
  .md-hover-origin-top_right:hover { transform-origin: top right; }
  .md-focus-origin-top_right:focus { transform-origin: top right; }
  .md-active-origin-top_right:active { transform-origin: top right; }
  .md-disabled-origin-top_right:disabled { transform-origin: top right; }
  .md-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  .md-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  .md-group:hover .md-group-hover-origin-top_right { transform-origin: top right; }
  .md-origin-bottom_left { transform-origin: bottom left; }
  .md-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  .md-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  .md-active-origin-bottom_left:active { transform-origin: bottom left; }
  .md-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  .md-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  .md-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  .md-group:hover .md-group-hover-origin-bottom_left { transform-origin: bottom left; }
  .md-origin-bottom_right { transform-origin: bottom right; }
  .md-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  .md-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  .md-active-origin-bottom_right:active { transform-origin: bottom right; }
  .md-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  .md-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  .md-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  .md-group:hover .md-group-hover-origin-bottom_right { transform-origin: bottom right; }
  .md-transform-style-flat { transform-style: flat; }
  .md-hover-transform-style-flat:hover { transform-style: flat; }
  .md-focus-transform-style-flat:focus { transform-style: flat; }
  .md-active-transform-style-flat:active { transform-style: flat; }
  .md-disabled-transform-style-flat:disabled { transform-style: flat; }
  .md-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .md-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .md-group:hover .md-group-hover-transform-style-flat { transform-style: flat; }
  .md-transform-style-preserve-3d { transform-style: preserve-3d; }
  .md-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  .md-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  .md-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  .md-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  .md-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  .md-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  .md-group:hover .md-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  .md-accent-auto { accent-color: auto; }
  .md-hover-accent-auto:hover { accent-color: auto; }
  .md-focus-accent-auto:focus { accent-color: auto; }
  .md-active-accent-auto:active { accent-color: auto; }
  .md-disabled-accent-auto:disabled { accent-color: auto; }
  .md-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .md-focus-within-accent-auto:focus-within { accent-color: auto; }
  .md-group:hover .md-group-hover-accent-auto { accent-color: auto; }
  .md-accent-transparent { accent-color: transparent; }
  .md-hover-accent-transparent:hover { accent-color: transparent; }
  .md-focus-accent-transparent:focus { accent-color: transparent; }
  .md-active-accent-transparent:active { accent-color: transparent; }
  .md-disabled-accent-transparent:disabled { accent-color: transparent; }
  .md-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  .md-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  .md-group:hover .md-group-hover-accent-transparent { accent-color: transparent; }
  .md-accent-red-50 { accent-color: var(--quanta-red-50); }
  .md-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  .md-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  .md-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  .md-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  .md-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  .md-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  .md-accent-red-100 { accent-color: var(--quanta-red-100); }
  .md-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  .md-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  .md-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  .md-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  .md-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  .md-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  .md-accent-red-200 { accent-color: var(--quanta-red-200); }
  .md-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  .md-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  .md-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  .md-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  .md-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  .md-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  .md-accent-red-300 { accent-color: var(--quanta-red-300); }
  .md-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  .md-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  .md-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  .md-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  .md-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  .md-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  .md-accent-red-400 { accent-color: var(--quanta-red-400); }
  .md-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  .md-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  .md-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  .md-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  .md-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  .md-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  .md-accent-red-500 { accent-color: var(--quanta-red-500); }
  .md-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  .md-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  .md-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  .md-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  .md-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  .md-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  .md-accent-red-600 { accent-color: var(--quanta-red-600); }
  .md-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  .md-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  .md-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  .md-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  .md-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  .md-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  .md-accent-red-700 { accent-color: var(--quanta-red-700); }
  .md-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  .md-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  .md-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  .md-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  .md-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  .md-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  .md-accent-red-800 { accent-color: var(--quanta-red-800); }
  .md-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  .md-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  .md-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  .md-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  .md-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  .md-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  .md-accent-red-900 { accent-color: var(--quanta-red-900); }
  .md-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  .md-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  .md-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  .md-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  .md-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  .md-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  .md-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .md-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  .md-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  .md-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  .md-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  .md-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  .md-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .md-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .md-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  .md-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  .md-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  .md-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  .md-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  .md-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .md-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .md-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  .md-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  .md-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  .md-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  .md-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  .md-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .md-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .md-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  .md-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  .md-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  .md-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  .md-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  .md-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .md-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .md-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  .md-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  .md-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  .md-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  .md-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  .md-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .md-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .md-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  .md-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  .md-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  .md-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  .md-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  .md-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .md-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .md-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  .md-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  .md-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  .md-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  .md-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  .md-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .md-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .md-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  .md-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  .md-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  .md-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  .md-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  .md-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .md-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .md-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  .md-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  .md-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  .md-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  .md-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  .md-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .md-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .md-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  .md-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  .md-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  .md-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  .md-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  .md-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .md-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .md-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  .md-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  .md-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  .md-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  .md-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  .md-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .md-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .md-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  .md-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  .md-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  .md-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  .md-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  .md-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .md-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .md-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  .md-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  .md-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  .md-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  .md-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  .md-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .md-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .md-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  .md-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  .md-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  .md-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  .md-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  .md-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .md-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .md-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  .md-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  .md-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  .md-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  .md-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  .md-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .md-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .md-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  .md-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  .md-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  .md-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  .md-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  .md-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .md-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .md-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  .md-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  .md-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  .md-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  .md-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  .md-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .md-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .md-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  .md-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  .md-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  .md-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  .md-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  .md-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .md-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .md-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  .md-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  .md-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  .md-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  .md-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  .md-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .md-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .md-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  .md-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  .md-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  .md-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  .md-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  .md-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .md-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .md-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  .md-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  .md-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  .md-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  .md-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  .md-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .md-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .md-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  .md-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  .md-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  .md-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  .md-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  .md-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .md-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .md-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  .md-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  .md-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  .md-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  .md-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  .md-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .md-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .md-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  .md-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  .md-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  .md-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  .md-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  .md-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .md-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .md-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  .md-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  .md-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  .md-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  .md-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  .md-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .md-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .md-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  .md-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  .md-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  .md-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  .md-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  .md-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .md-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .md-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  .md-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  .md-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  .md-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  .md-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  .md-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .md-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .md-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  .md-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  .md-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  .md-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  .md-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  .md-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .md-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .md-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  .md-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  .md-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  .md-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  .md-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  .md-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .md-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .md-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  .md-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  .md-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  .md-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  .md-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  .md-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .md-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .md-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  .md-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  .md-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  .md-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  .md-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  .md-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .md-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .md-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  .md-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  .md-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  .md-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  .md-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  .md-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .md-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .md-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  .md-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  .md-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  .md-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  .md-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  .md-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .md-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .md-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  .md-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  .md-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  .md-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  .md-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  .md-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .md-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .md-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  .md-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  .md-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  .md-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  .md-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  .md-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .md-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .md-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  .md-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  .md-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  .md-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  .md-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  .md-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .md-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .md-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  .md-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  .md-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  .md-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  .md-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  .md-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .md-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .md-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  .md-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  .md-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  .md-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  .md-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  .md-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .md-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .md-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  .md-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  .md-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  .md-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  .md-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  .md-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .md-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .md-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  .md-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  .md-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  .md-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  .md-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  .md-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .md-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .md-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  .md-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  .md-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  .md-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  .md-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  .md-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .md-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .md-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  .md-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  .md-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  .md-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  .md-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  .md-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .md-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .md-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  .md-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  .md-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  .md-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  .md-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  .md-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .md-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .md-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  .md-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  .md-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  .md-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  .md-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  .md-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .md-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .md-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  .md-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  .md-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  .md-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  .md-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  .md-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .md-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .md-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  .md-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  .md-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  .md-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  .md-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  .md-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .md-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .md-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  .md-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  .md-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  .md-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  .md-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  .md-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .md-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .md-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  .md-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  .md-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  .md-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  .md-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  .md-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .md-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .md-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  .md-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  .md-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  .md-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  .md-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  .md-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .md-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .md-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  .md-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  .md-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  .md-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  .md-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  .md-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .md-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .md-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  .md-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  .md-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  .md-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  .md-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  .md-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .md-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .md-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  .md-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  .md-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  .md-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  .md-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  .md-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .md-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .md-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  .md-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  .md-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  .md-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  .md-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  .md-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .md-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .md-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  .md-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  .md-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  .md-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  .md-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  .md-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .md-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .md-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  .md-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  .md-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  .md-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  .md-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  .md-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .md-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .md-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  .md-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  .md-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  .md-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  .md-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  .md-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .md-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .md-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  .md-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  .md-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  .md-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  .md-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  .md-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .md-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .md-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  .md-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  .md-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  .md-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  .md-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  .md-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .md-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .md-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  .md-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  .md-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  .md-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  .md-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  .md-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .md-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .md-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  .md-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  .md-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  .md-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  .md-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  .md-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .md-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .md-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  .md-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  .md-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  .md-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  .md-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  .md-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .md-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .md-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  .md-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  .md-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  .md-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  .md-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  .md-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .md-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .md-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  .md-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  .md-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  .md-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  .md-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  .md-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .md-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .md-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  .md-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  .md-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  .md-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  .md-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  .md-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .md-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .md-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  .md-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  .md-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  .md-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  .md-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  .md-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .md-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .md-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  .md-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  .md-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  .md-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  .md-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  .md-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .md-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .md-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  .md-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  .md-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  .md-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  .md-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  .md-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .md-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .md-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  .md-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  .md-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  .md-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  .md-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  .md-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .md-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .md-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  .md-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  .md-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  .md-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  .md-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  .md-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .md-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .md-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  .md-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  .md-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  .md-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  .md-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  .md-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .md-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .md-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  .md-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  .md-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  .md-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  .md-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  .md-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .md-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .md-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  .md-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  .md-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  .md-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  .md-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  .md-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .md-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .md-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  .md-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  .md-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  .md-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  .md-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  .md-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .md-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .md-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  .md-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  .md-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  .md-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  .md-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  .md-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .md-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .md-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  .md-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  .md-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  .md-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  .md-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  .md-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .md-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .md-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  .md-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  .md-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  .md-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  .md-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  .md-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .md-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .md-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  .md-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  .md-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  .md-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  .md-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  .md-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .md-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .md-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  .md-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  .md-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  .md-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  .md-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  .md-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .md-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .md-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  .md-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  .md-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  .md-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  .md-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  .md-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .md-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .md-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  .md-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  .md-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  .md-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  .md-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  .md-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .md-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .md-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  .md-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  .md-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  .md-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  .md-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  .md-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .md-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .md-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  .md-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  .md-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  .md-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  .md-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  .md-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .md-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .md-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  .md-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  .md-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  .md-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  .md-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  .md-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .md-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .md-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  .md-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  .md-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  .md-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  .md-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  .md-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .md-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .md-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  .md-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  .md-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  .md-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  .md-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  .md-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .md-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .md-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  .md-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  .md-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  .md-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  .md-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  .md-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .md-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .md-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  .md-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  .md-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  .md-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  .md-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  .md-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .md-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .md-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  .md-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  .md-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  .md-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  .md-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  .md-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .md-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .md-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  .md-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  .md-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  .md-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  .md-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  .md-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .md-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .md-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  .md-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  .md-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  .md-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  .md-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  .md-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .md-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .md-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  .md-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  .md-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  .md-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  .md-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  .md-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .md-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .md-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  .md-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  .md-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  .md-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  .md-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  .md-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .md-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .md-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  .md-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  .md-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  .md-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  .md-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  .md-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .md-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .md-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  .md-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  .md-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  .md-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  .md-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  .md-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .md-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .md-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  .md-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  .md-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  .md-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  .md-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  .md-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .md-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .md-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  .md-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  .md-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  .md-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  .md-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  .md-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .md-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .md-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  .md-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  .md-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  .md-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  .md-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  .md-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .md-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .md-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  .md-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  .md-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  .md-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  .md-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  .md-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .md-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .md-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  .md-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  .md-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  .md-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  .md-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  .md-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .md-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .md-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  .md-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  .md-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  .md-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  .md-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  .md-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .md-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .md-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  .md-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  .md-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  .md-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  .md-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  .md-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .md-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .md-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  .md-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  .md-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  .md-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  .md-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  .md-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .md-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .md-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  .md-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  .md-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  .md-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  .md-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  .md-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .md-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .md-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  .md-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  .md-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  .md-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  .md-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  .md-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .md-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .md-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  .md-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  .md-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  .md-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  .md-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  .md-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .md-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .md-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  .md-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  .md-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  .md-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  .md-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  .md-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .md-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .md-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  .md-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  .md-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  .md-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  .md-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  .md-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .md-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .md-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  .md-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  .md-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  .md-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  .md-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  .md-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .md-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .md-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  .md-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  .md-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  .md-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  .md-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  .md-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .md-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .md-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  .md-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  .md-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  .md-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  .md-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  .md-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .md-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .md-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  .md-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  .md-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  .md-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  .md-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  .md-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .md-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .md-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  .md-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  .md-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  .md-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  .md-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  .md-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .md-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .md-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  .md-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  .md-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  .md-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  .md-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  .md-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .md-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .md-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  .md-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  .md-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  .md-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  .md-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  .md-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .md-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .md-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  .md-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  .md-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  .md-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  .md-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  .md-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .md-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .md-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  .md-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  .md-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  .md-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  .md-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  .md-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .md-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .md-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  .md-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  .md-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  .md-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  .md-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  .md-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .md-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .md-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  .md-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  .md-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  .md-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  .md-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  .md-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .md-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .md-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  .md-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  .md-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  .md-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  .md-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  .md-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .md-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .md-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  .md-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  .md-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  .md-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  .md-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  .md-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .md-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .md-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  .md-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  .md-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  .md-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  .md-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  .md-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .md-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .md-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  .md-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  .md-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  .md-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  .md-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  .md-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .md-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .md-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  .md-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  .md-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  .md-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  .md-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  .md-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .md-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .md-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  .md-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  .md-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  .md-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  .md-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  .md-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .md-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .md-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  .md-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  .md-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  .md-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  .md-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  .md-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .md-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .md-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  .md-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  .md-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  .md-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  .md-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  .md-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .md-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .md-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  .md-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  .md-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  .md-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  .md-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  .md-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .md-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .md-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  .md-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  .md-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  .md-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  .md-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  .md-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .md-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .md-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  .md-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  .md-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  .md-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  .md-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  .md-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .md-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .md-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  .md-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  .md-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  .md-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  .md-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  .md-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .md-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .md-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  .md-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  .md-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  .md-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  .md-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  .md-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .md-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .md-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  .md-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  .md-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  .md-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  .md-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  .md-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .md-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .md-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  .md-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  .md-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  .md-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  .md-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  .md-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .md-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .md-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  .md-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  .md-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  .md-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  .md-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  .md-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .md-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .md-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  .md-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  .md-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  .md-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  .md-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  .md-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .md-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .md-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  .md-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  .md-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  .md-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  .md-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  .md-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .md-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .md-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  .md-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  .md-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  .md-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  .md-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  .md-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .md-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .md-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  .md-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  .md-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  .md-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  .md-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  .md-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .md-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .md-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  .md-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  .md-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  .md-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  .md-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  .md-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .md-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .md-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  .md-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  .md-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  .md-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  .md-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  .md-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .md-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .md-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  .md-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  .md-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  .md-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  .md-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  .md-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .md-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .md-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  .md-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  .md-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  .md-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  .md-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  .md-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .md-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .md-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  .md-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  .md-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  .md-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  .md-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  .md-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .md-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .md-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  .md-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  .md-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  .md-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  .md-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  .md-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .md-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .md-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  .md-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  .md-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  .md-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  .md-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  .md-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .md-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .md-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  .md-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  .md-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  .md-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  .md-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  .md-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .md-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .md-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  .md-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  .md-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  .md-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  .md-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  .md-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .md-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .md-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  .md-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  .md-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  .md-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  .md-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  .md-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .md-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .md-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  .md-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  .md-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  .md-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  .md-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  .md-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .md-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .md-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  .md-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  .md-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  .md-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  .md-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  .md-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .md-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .md-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  .md-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  .md-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  .md-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  .md-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  .md-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .md-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .md-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  .md-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  .md-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  .md-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  .md-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  .md-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .md-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .md-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  .md-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  .md-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  .md-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  .md-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  .md-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .md-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .md-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  .md-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  .md-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  .md-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  .md-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  .md-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .md-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .md-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  .md-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  .md-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  .md-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  .md-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  .md-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .md-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .md-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  .md-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  .md-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  .md-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  .md-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  .md-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .md-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .md-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  .md-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  .md-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  .md-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  .md-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  .md-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .md-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .md-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  .md-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  .md-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  .md-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  .md-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  .md-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .md-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .md-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  .md-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  .md-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  .md-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  .md-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  .md-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .md-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .md-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  .md-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  .md-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  .md-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  .md-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  .md-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .md-accent-green-50 { accent-color: var(--quanta-green-50); }
  .md-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  .md-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  .md-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  .md-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  .md-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  .md-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  .md-accent-green-100 { accent-color: var(--quanta-green-100); }
  .md-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  .md-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  .md-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  .md-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  .md-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  .md-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  .md-accent-green-200 { accent-color: var(--quanta-green-200); }
  .md-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  .md-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  .md-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  .md-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  .md-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  .md-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  .md-accent-green-300 { accent-color: var(--quanta-green-300); }
  .md-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  .md-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  .md-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  .md-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  .md-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  .md-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  .md-accent-green-400 { accent-color: var(--quanta-green-400); }
  .md-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  .md-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  .md-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  .md-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  .md-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  .md-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  .md-accent-green-500 { accent-color: var(--quanta-green-500); }
  .md-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  .md-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  .md-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  .md-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  .md-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  .md-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  .md-accent-green-600 { accent-color: var(--quanta-green-600); }
  .md-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  .md-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  .md-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  .md-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  .md-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  .md-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  .md-accent-green-700 { accent-color: var(--quanta-green-700); }
  .md-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  .md-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  .md-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  .md-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  .md-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  .md-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  .md-accent-green-800 { accent-color: var(--quanta-green-800); }
  .md-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  .md-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  .md-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  .md-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  .md-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  .md-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  .md-accent-green-900 { accent-color: var(--quanta-green-900); }
  .md-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  .md-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  .md-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  .md-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  .md-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  .md-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  .md-appearance-none { appearance: none; }
  .md-hover-appearance-none:hover { appearance: none; }
  .md-focus-appearance-none:focus { appearance: none; }
  .md-active-appearance-none:active { appearance: none; }
  .md-disabled-appearance-none:disabled { appearance: none; }
  .md-focus-visible-appearance-none:focus-visible { appearance: none; }
  .md-focus-within-appearance-none:focus-within { appearance: none; }
  .md-group:hover .md-group-hover-appearance-none { appearance: none; }
  .md-appearance-auto { appearance: auto; }
  .md-hover-appearance-auto:hover { appearance: auto; }
  .md-focus-appearance-auto:focus { appearance: auto; }
  .md-active-appearance-auto:active { appearance: auto; }
  .md-disabled-appearance-auto:disabled { appearance: auto; }
  .md-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  .md-focus-within-appearance-auto:focus-within { appearance: auto; }
  .md-group:hover .md-group-hover-appearance-auto { appearance: auto; }
  .md-caret-red-50 { caret-color: var(--quanta-red-50); }
  .md-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  .md-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  .md-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  .md-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  .md-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  .md-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  .md-group:hover .md-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  .md-caret-red-100 { caret-color: var(--quanta-red-100); }
  .md-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  .md-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  .md-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  .md-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  .md-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  .md-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  .md-group:hover .md-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  .md-caret-red-200 { caret-color: var(--quanta-red-200); }
  .md-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  .md-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  .md-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  .md-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  .md-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  .md-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  .md-group:hover .md-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  .md-caret-red-300 { caret-color: var(--quanta-red-300); }
  .md-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  .md-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  .md-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  .md-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  .md-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  .md-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  .md-group:hover .md-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  .md-caret-red-400 { caret-color: var(--quanta-red-400); }
  .md-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  .md-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  .md-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  .md-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  .md-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  .md-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  .md-group:hover .md-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  .md-caret-red-500 { caret-color: var(--quanta-red-500); }
  .md-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  .md-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  .md-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  .md-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  .md-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  .md-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  .md-group:hover .md-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  .md-caret-red-600 { caret-color: var(--quanta-red-600); }
  .md-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  .md-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  .md-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  .md-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  .md-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  .md-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  .md-group:hover .md-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  .md-caret-red-700 { caret-color: var(--quanta-red-700); }
  .md-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  .md-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  .md-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  .md-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  .md-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  .md-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  .md-group:hover .md-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  .md-caret-red-800 { caret-color: var(--quanta-red-800); }
  .md-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  .md-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  .md-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  .md-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  .md-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  .md-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  .md-group:hover .md-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  .md-caret-red-900 { caret-color: var(--quanta-red-900); }
  .md-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  .md-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  .md-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  .md-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  .md-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  .md-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  .md-group:hover .md-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  .md-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .md-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  .md-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  .md-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  .md-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  .md-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  .md-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  .md-group:hover .md-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .md-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .md-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  .md-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  .md-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  .md-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  .md-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  .md-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  .md-group:hover .md-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .md-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .md-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  .md-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  .md-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  .md-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  .md-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  .md-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  .md-group:hover .md-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .md-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .md-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  .md-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  .md-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  .md-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  .md-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  .md-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  .md-group:hover .md-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .md-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .md-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  .md-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  .md-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  .md-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  .md-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  .md-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  .md-group:hover .md-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .md-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .md-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  .md-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  .md-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  .md-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  .md-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  .md-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  .md-group:hover .md-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .md-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .md-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  .md-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  .md-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  .md-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  .md-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  .md-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  .md-group:hover .md-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .md-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .md-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  .md-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  .md-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  .md-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  .md-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  .md-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  .md-group:hover .md-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .md-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .md-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  .md-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  .md-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  .md-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  .md-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  .md-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  .md-group:hover .md-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .md-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .md-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  .md-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  .md-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  .md-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  .md-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  .md-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  .md-group:hover .md-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .md-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .md-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  .md-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  .md-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  .md-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  .md-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  .md-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  .md-group:hover .md-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .md-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .md-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  .md-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  .md-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  .md-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  .md-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  .md-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  .md-group:hover .md-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .md-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .md-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  .md-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  .md-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  .md-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  .md-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  .md-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  .md-group:hover .md-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .md-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .md-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  .md-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  .md-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  .md-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  .md-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  .md-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  .md-group:hover .md-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .md-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .md-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  .md-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  .md-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  .md-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  .md-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  .md-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  .md-group:hover .md-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .md-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .md-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  .md-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  .md-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  .md-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  .md-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  .md-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  .md-group:hover .md-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .md-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .md-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  .md-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  .md-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  .md-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  .md-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  .md-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  .md-group:hover .md-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .md-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .md-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  .md-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  .md-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  .md-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  .md-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  .md-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  .md-group:hover .md-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .md-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .md-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  .md-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  .md-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  .md-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  .md-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  .md-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  .md-group:hover .md-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .md-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .md-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  .md-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  .md-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  .md-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  .md-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  .md-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  .md-group:hover .md-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .md-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .md-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  .md-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  .md-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  .md-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  .md-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  .md-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  .md-group:hover .md-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .md-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .md-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  .md-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  .md-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  .md-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  .md-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  .md-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  .md-group:hover .md-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .md-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .md-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  .md-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  .md-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  .md-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  .md-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  .md-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  .md-group:hover .md-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .md-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .md-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  .md-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  .md-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  .md-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  .md-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  .md-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  .md-group:hover .md-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .md-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .md-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  .md-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  .md-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  .md-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  .md-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  .md-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  .md-group:hover .md-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .md-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .md-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  .md-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  .md-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  .md-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  .md-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  .md-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  .md-group:hover .md-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .md-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .md-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  .md-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  .md-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  .md-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  .md-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  .md-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  .md-group:hover .md-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .md-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .md-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  .md-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  .md-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  .md-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  .md-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  .md-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  .md-group:hover .md-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .md-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .md-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  .md-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  .md-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  .md-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  .md-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  .md-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  .md-group:hover .md-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .md-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .md-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  .md-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  .md-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  .md-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  .md-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  .md-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  .md-group:hover .md-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .md-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .md-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  .md-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  .md-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  .md-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  .md-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  .md-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  .md-group:hover .md-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .md-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .md-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  .md-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  .md-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  .md-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  .md-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  .md-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  .md-group:hover .md-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .md-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .md-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  .md-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  .md-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  .md-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  .md-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  .md-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  .md-group:hover .md-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .md-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .md-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  .md-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  .md-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  .md-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  .md-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  .md-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  .md-group:hover .md-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .md-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .md-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  .md-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  .md-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  .md-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  .md-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  .md-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  .md-group:hover .md-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .md-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .md-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  .md-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  .md-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  .md-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  .md-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  .md-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  .md-group:hover .md-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .md-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .md-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  .md-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  .md-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  .md-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  .md-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  .md-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  .md-group:hover .md-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .md-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .md-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  .md-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  .md-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  .md-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  .md-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  .md-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  .md-group:hover .md-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .md-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .md-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  .md-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  .md-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  .md-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  .md-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  .md-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  .md-group:hover .md-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .md-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .md-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  .md-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  .md-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  .md-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  .md-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  .md-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  .md-group:hover .md-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .md-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .md-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  .md-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  .md-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  .md-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  .md-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  .md-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  .md-group:hover .md-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .md-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .md-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  .md-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  .md-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  .md-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  .md-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  .md-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  .md-group:hover .md-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .md-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .md-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  .md-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  .md-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  .md-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  .md-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  .md-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  .md-group:hover .md-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .md-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .md-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  .md-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  .md-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  .md-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  .md-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  .md-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  .md-group:hover .md-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .md-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .md-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  .md-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  .md-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  .md-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  .md-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  .md-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  .md-group:hover .md-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .md-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .md-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  .md-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  .md-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  .md-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  .md-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  .md-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  .md-group:hover .md-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .md-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .md-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  .md-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  .md-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  .md-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  .md-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  .md-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  .md-group:hover .md-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .md-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .md-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  .md-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  .md-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  .md-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  .md-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  .md-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  .md-group:hover .md-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .md-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .md-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  .md-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  .md-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  .md-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  .md-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  .md-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  .md-group:hover .md-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .md-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .md-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  .md-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  .md-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  .md-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  .md-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  .md-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  .md-group:hover .md-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .md-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .md-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  .md-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  .md-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  .md-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  .md-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  .md-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  .md-group:hover .md-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .md-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .md-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  .md-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  .md-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  .md-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  .md-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  .md-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  .md-group:hover .md-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .md-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .md-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  .md-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  .md-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  .md-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  .md-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  .md-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  .md-group:hover .md-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .md-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .md-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  .md-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  .md-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  .md-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  .md-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  .md-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  .md-group:hover .md-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .md-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .md-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  .md-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  .md-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  .md-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  .md-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  .md-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  .md-group:hover .md-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .md-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .md-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  .md-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  .md-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  .md-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  .md-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  .md-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  .md-group:hover .md-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .md-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .md-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  .md-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  .md-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  .md-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  .md-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  .md-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  .md-group:hover .md-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .md-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .md-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  .md-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  .md-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  .md-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  .md-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  .md-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  .md-group:hover .md-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .md-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .md-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  .md-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  .md-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  .md-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  .md-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  .md-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  .md-group:hover .md-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .md-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .md-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  .md-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  .md-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  .md-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  .md-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  .md-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  .md-group:hover .md-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .md-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .md-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  .md-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  .md-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  .md-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  .md-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  .md-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  .md-group:hover .md-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .md-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .md-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  .md-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  .md-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  .md-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  .md-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  .md-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  .md-group:hover .md-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .md-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .md-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  .md-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  .md-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  .md-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  .md-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  .md-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  .md-group:hover .md-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .md-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .md-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  .md-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  .md-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  .md-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  .md-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  .md-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  .md-group:hover .md-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .md-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .md-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  .md-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  .md-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  .md-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  .md-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  .md-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  .md-group:hover .md-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .md-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .md-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  .md-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  .md-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  .md-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  .md-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  .md-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  .md-group:hover .md-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .md-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .md-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  .md-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  .md-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  .md-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  .md-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  .md-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  .md-group:hover .md-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .md-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .md-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  .md-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  .md-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  .md-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  .md-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  .md-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  .md-group:hover .md-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .md-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .md-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  .md-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  .md-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  .md-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  .md-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  .md-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  .md-group:hover .md-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .md-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .md-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  .md-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  .md-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  .md-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  .md-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  .md-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  .md-group:hover .md-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .md-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .md-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  .md-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  .md-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  .md-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  .md-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  .md-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  .md-group:hover .md-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .md-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .md-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  .md-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  .md-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  .md-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  .md-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  .md-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  .md-group:hover .md-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .md-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .md-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  .md-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  .md-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  .md-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  .md-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  .md-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  .md-group:hover .md-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .md-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .md-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  .md-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  .md-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  .md-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  .md-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  .md-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  .md-group:hover .md-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .md-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .md-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  .md-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  .md-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  .md-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  .md-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  .md-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  .md-group:hover .md-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .md-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .md-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  .md-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  .md-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  .md-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  .md-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  .md-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  .md-group:hover .md-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .md-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .md-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  .md-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  .md-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  .md-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  .md-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  .md-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  .md-group:hover .md-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .md-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .md-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  .md-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  .md-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  .md-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  .md-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  .md-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  .md-group:hover .md-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .md-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .md-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  .md-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  .md-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  .md-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  .md-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  .md-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  .md-group:hover .md-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .md-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .md-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  .md-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  .md-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  .md-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  .md-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  .md-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  .md-group:hover .md-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .md-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .md-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  .md-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  .md-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  .md-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  .md-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  .md-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  .md-group:hover .md-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .md-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .md-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  .md-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  .md-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  .md-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  .md-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  .md-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  .md-group:hover .md-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .md-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .md-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  .md-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  .md-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  .md-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  .md-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  .md-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  .md-group:hover .md-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .md-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .md-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  .md-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  .md-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  .md-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  .md-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  .md-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  .md-group:hover .md-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .md-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .md-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  .md-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  .md-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  .md-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  .md-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  .md-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  .md-group:hover .md-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .md-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .md-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  .md-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  .md-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  .md-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  .md-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  .md-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  .md-group:hover .md-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .md-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .md-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  .md-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  .md-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  .md-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  .md-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  .md-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  .md-group:hover .md-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .md-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .md-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  .md-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  .md-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  .md-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  .md-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  .md-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  .md-group:hover .md-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .md-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .md-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  .md-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  .md-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  .md-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  .md-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  .md-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  .md-group:hover .md-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .md-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .md-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  .md-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  .md-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  .md-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  .md-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  .md-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  .md-group:hover .md-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .md-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .md-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  .md-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  .md-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  .md-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  .md-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  .md-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  .md-group:hover .md-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .md-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .md-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  .md-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  .md-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  .md-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  .md-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  .md-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  .md-group:hover .md-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .md-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .md-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  .md-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  .md-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  .md-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  .md-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  .md-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  .md-group:hover .md-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .md-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .md-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  .md-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  .md-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  .md-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  .md-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  .md-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  .md-group:hover .md-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .md-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .md-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  .md-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  .md-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  .md-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  .md-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  .md-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  .md-group:hover .md-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .md-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .md-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  .md-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  .md-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  .md-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  .md-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  .md-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  .md-group:hover .md-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .md-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .md-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  .md-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  .md-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  .md-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  .md-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  .md-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  .md-group:hover .md-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .md-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .md-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  .md-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  .md-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  .md-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  .md-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  .md-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  .md-group:hover .md-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .md-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .md-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  .md-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  .md-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  .md-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  .md-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  .md-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  .md-group:hover .md-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .md-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .md-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  .md-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  .md-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  .md-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  .md-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  .md-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  .md-group:hover .md-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .md-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .md-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  .md-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  .md-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  .md-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  .md-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  .md-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  .md-group:hover .md-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .md-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .md-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  .md-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  .md-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  .md-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  .md-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  .md-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  .md-group:hover .md-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .md-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .md-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  .md-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  .md-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  .md-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  .md-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  .md-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  .md-group:hover .md-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .md-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .md-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  .md-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  .md-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  .md-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  .md-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  .md-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  .md-group:hover .md-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .md-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .md-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  .md-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  .md-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  .md-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  .md-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  .md-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  .md-group:hover .md-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .md-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .md-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  .md-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  .md-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  .md-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  .md-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  .md-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  .md-group:hover .md-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .md-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .md-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  .md-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  .md-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  .md-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  .md-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  .md-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  .md-group:hover .md-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .md-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .md-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  .md-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  .md-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  .md-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  .md-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  .md-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  .md-group:hover .md-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .md-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .md-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  .md-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  .md-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  .md-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  .md-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  .md-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  .md-group:hover .md-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .md-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .md-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  .md-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  .md-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  .md-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  .md-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  .md-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  .md-group:hover .md-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .md-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .md-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  .md-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  .md-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  .md-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  .md-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  .md-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  .md-group:hover .md-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .md-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .md-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  .md-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  .md-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  .md-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  .md-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  .md-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  .md-group:hover .md-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .md-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .md-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  .md-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  .md-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  .md-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  .md-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  .md-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  .md-group:hover .md-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .md-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .md-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  .md-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  .md-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  .md-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  .md-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  .md-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  .md-group:hover .md-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .md-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .md-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  .md-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  .md-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  .md-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  .md-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  .md-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  .md-group:hover .md-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .md-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .md-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  .md-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  .md-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  .md-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  .md-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  .md-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  .md-group:hover .md-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .md-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .md-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  .md-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  .md-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  .md-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  .md-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  .md-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  .md-group:hover .md-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .md-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .md-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  .md-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  .md-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  .md-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  .md-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  .md-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  .md-group:hover .md-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .md-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .md-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  .md-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  .md-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  .md-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  .md-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  .md-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  .md-group:hover .md-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .md-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .md-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  .md-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  .md-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  .md-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  .md-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  .md-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  .md-group:hover .md-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .md-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .md-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  .md-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  .md-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  .md-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  .md-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  .md-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  .md-group:hover .md-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .md-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .md-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  .md-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  .md-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  .md-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  .md-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  .md-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  .md-group:hover .md-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .md-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .md-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  .md-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  .md-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  .md-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  .md-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  .md-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  .md-group:hover .md-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .md-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .md-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  .md-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  .md-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  .md-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  .md-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  .md-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  .md-group:hover .md-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .md-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .md-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  .md-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  .md-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  .md-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  .md-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  .md-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  .md-group:hover .md-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .md-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .md-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  .md-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  .md-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  .md-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  .md-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  .md-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  .md-group:hover .md-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .md-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .md-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  .md-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  .md-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  .md-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  .md-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  .md-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  .md-group:hover .md-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .md-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .md-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  .md-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  .md-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  .md-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  .md-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  .md-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  .md-group:hover .md-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .md-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .md-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  .md-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  .md-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  .md-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  .md-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  .md-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  .md-group:hover .md-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .md-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .md-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  .md-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  .md-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  .md-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  .md-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  .md-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  .md-group:hover .md-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .md-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .md-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  .md-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  .md-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  .md-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  .md-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  .md-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  .md-group:hover .md-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .md-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .md-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  .md-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  .md-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  .md-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  .md-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  .md-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  .md-group:hover .md-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .md-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .md-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  .md-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  .md-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  .md-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  .md-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  .md-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  .md-group:hover .md-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .md-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .md-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  .md-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  .md-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  .md-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  .md-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  .md-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  .md-group:hover .md-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .md-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .md-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  .md-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  .md-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  .md-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  .md-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  .md-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  .md-group:hover .md-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .md-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .md-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  .md-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  .md-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  .md-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  .md-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  .md-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  .md-group:hover .md-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .md-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .md-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  .md-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  .md-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  .md-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  .md-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  .md-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  .md-group:hover .md-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .md-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .md-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  .md-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  .md-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  .md-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  .md-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  .md-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  .md-group:hover .md-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .md-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .md-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  .md-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  .md-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  .md-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  .md-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  .md-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  .md-group:hover .md-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .md-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .md-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  .md-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  .md-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  .md-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  .md-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  .md-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  .md-group:hover .md-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .md-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .md-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  .md-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  .md-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  .md-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  .md-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  .md-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  .md-group:hover .md-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .md-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .md-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  .md-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  .md-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  .md-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  .md-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  .md-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  .md-group:hover .md-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .md-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .md-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  .md-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  .md-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  .md-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  .md-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  .md-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  .md-group:hover .md-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .md-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .md-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  .md-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  .md-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  .md-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  .md-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  .md-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  .md-group:hover .md-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .md-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .md-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  .md-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  .md-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  .md-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  .md-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  .md-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  .md-group:hover .md-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .md-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .md-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  .md-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  .md-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  .md-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  .md-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  .md-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  .md-group:hover .md-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .md-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .md-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  .md-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  .md-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  .md-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  .md-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  .md-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  .md-group:hover .md-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .md-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .md-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  .md-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  .md-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  .md-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  .md-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  .md-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  .md-group:hover .md-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .md-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .md-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  .md-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  .md-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  .md-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  .md-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  .md-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  .md-group:hover .md-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .md-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .md-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  .md-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  .md-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  .md-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  .md-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  .md-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  .md-group:hover .md-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .md-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .md-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  .md-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  .md-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  .md-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  .md-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  .md-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  .md-group:hover .md-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .md-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .md-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  .md-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  .md-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  .md-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  .md-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  .md-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  .md-group:hover .md-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .md-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .md-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  .md-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  .md-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  .md-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  .md-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  .md-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  .md-group:hover .md-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .md-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .md-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  .md-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  .md-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  .md-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  .md-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  .md-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  .md-group:hover .md-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .md-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .md-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  .md-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  .md-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  .md-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  .md-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  .md-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  .md-group:hover .md-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .md-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .md-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  .md-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  .md-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  .md-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  .md-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  .md-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  .md-group:hover .md-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .md-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .md-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  .md-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  .md-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  .md-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  .md-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  .md-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  .md-group:hover .md-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .md-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .md-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  .md-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  .md-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  .md-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  .md-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  .md-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  .md-group:hover .md-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .md-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .md-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  .md-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  .md-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  .md-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  .md-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  .md-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  .md-group:hover .md-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .md-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .md-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  .md-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  .md-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  .md-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  .md-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  .md-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  .md-group:hover .md-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .md-caret-green-50 { caret-color: var(--quanta-green-50); }
  .md-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  .md-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  .md-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  .md-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  .md-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  .md-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  .md-group:hover .md-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  .md-caret-green-100 { caret-color: var(--quanta-green-100); }
  .md-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  .md-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  .md-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  .md-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  .md-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  .md-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  .md-group:hover .md-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  .md-caret-green-200 { caret-color: var(--quanta-green-200); }
  .md-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  .md-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  .md-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  .md-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  .md-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  .md-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  .md-group:hover .md-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  .md-caret-green-300 { caret-color: var(--quanta-green-300); }
  .md-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  .md-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  .md-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  .md-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  .md-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  .md-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  .md-group:hover .md-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  .md-caret-green-400 { caret-color: var(--quanta-green-400); }
  .md-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  .md-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  .md-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  .md-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  .md-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  .md-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  .md-group:hover .md-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  .md-caret-green-500 { caret-color: var(--quanta-green-500); }
  .md-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  .md-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  .md-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  .md-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  .md-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  .md-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  .md-group:hover .md-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  .md-caret-green-600 { caret-color: var(--quanta-green-600); }
  .md-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  .md-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  .md-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  .md-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  .md-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  .md-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  .md-group:hover .md-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  .md-caret-green-700 { caret-color: var(--quanta-green-700); }
  .md-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  .md-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  .md-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  .md-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  .md-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  .md-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  .md-group:hover .md-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  .md-caret-green-800 { caret-color: var(--quanta-green-800); }
  .md-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  .md-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  .md-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  .md-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  .md-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  .md-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  .md-group:hover .md-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  .md-caret-green-900 { caret-color: var(--quanta-green-900); }
  .md-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  .md-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  .md-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  .md-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  .md-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  .md-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  .md-group:hover .md-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  .md-caret-black { caret-color: var(--black); }
  .md-hover-caret-black:hover { caret-color: var(--black); }
  .md-focus-caret-black:focus { caret-color: var(--black); }
  .md-active-caret-black:active { caret-color: var(--black); }
  .md-disabled-caret-black:disabled { caret-color: var(--black); }
  .md-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  .md-focus-within-caret-black:focus-within { caret-color: var(--black); }
  .md-group:hover .md-group-hover-caret-black { caret-color: var(--black); }
  .md-caret-white { caret-color: var(--white); }
  .md-hover-caret-white:hover { caret-color: var(--white); }
  .md-focus-caret-white:focus { caret-color: var(--white); }
  .md-active-caret-white:active { caret-color: var(--white); }
  .md-disabled-caret-white:disabled { caret-color: var(--white); }
  .md-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  .md-focus-within-caret-white:focus-within { caret-color: var(--white); }
  .md-group:hover .md-group-hover-caret-white { caret-color: var(--white); }
  .md-color-scheme-light { color-scheme: light; }
  .md-hover-color-scheme-light:hover { color-scheme: light; }
  .md-focus-color-scheme-light:focus { color-scheme: light; }
  .md-active-color-scheme-light:active { color-scheme: light; }
  .md-disabled-color-scheme-light:disabled { color-scheme: light; }
  .md-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .md-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .md-group:hover .md-group-hover-color-scheme-light { color-scheme: light; }
  .md-color-scheme-dark { color-scheme: dark; }
  .md-hover-color-scheme-dark:hover { color-scheme: dark; }
  .md-focus-color-scheme-dark:focus { color-scheme: dark; }
  .md-active-color-scheme-dark:active { color-scheme: dark; }
  .md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .md-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .md-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .md-group:hover .md-group-hover-color-scheme-dark { color-scheme: dark; }
  .md-color-scheme-normal { color-scheme: normal; }
  .md-hover-color-scheme-normal:hover { color-scheme: normal; }
  .md-focus-color-scheme-normal:focus { color-scheme: normal; }
  .md-active-color-scheme-normal:active { color-scheme: normal; }
  .md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .md-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .md-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .md-group:hover .md-group-hover-color-scheme-normal { color-scheme: normal; }
  .md-cursor-auto { cursor: auto; }
  .md-hover-cursor-auto:hover { cursor: auto; }
  .md-focus-cursor-auto:focus { cursor: auto; }
  .md-active-cursor-auto:active { cursor: auto; }
  .md-disabled-cursor-auto:disabled { cursor: auto; }
  .md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .md-focus-within-cursor-auto:focus-within { cursor: auto; }
  .md-group:hover .md-group-hover-cursor-auto { cursor: auto; }
  .md-cursor-default { cursor: default; }
  .md-hover-cursor-default:hover { cursor: default; }
  .md-focus-cursor-default:focus { cursor: default; }
  .md-active-cursor-default:active { cursor: default; }
  .md-disabled-cursor-default:disabled { cursor: default; }
  .md-focus-visible-cursor-default:focus-visible { cursor: default; }
  .md-focus-within-cursor-default:focus-within { cursor: default; }
  .md-group:hover .md-group-hover-cursor-default { cursor: default; }
  .md-cursor-pointer { cursor: pointer; }
  .md-hover-cursor-pointer:hover { cursor: pointer; }
  .md-focus-cursor-pointer:focus { cursor: pointer; }
  .md-active-cursor-pointer:active { cursor: pointer; }
  .md-disabled-cursor-pointer:disabled { cursor: pointer; }
  .md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .md-group:hover .md-group-hover-cursor-pointer { cursor: pointer; }
  .md-cursor-wait { cursor: wait; }
  .md-hover-cursor-wait:hover { cursor: wait; }
  .md-focus-cursor-wait:focus { cursor: wait; }
  .md-active-cursor-wait:active { cursor: wait; }
  .md-disabled-cursor-wait:disabled { cursor: wait; }
  .md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .md-focus-within-cursor-wait:focus-within { cursor: wait; }
  .md-group:hover .md-group-hover-cursor-wait { cursor: wait; }
  .md-cursor-text { cursor: text; }
  .md-hover-cursor-text:hover { cursor: text; }
  .md-focus-cursor-text:focus { cursor: text; }
  .md-active-cursor-text:active { cursor: text; }
  .md-disabled-cursor-text:disabled { cursor: text; }
  .md-focus-visible-cursor-text:focus-visible { cursor: text; }
  .md-focus-within-cursor-text:focus-within { cursor: text; }
  .md-group:hover .md-group-hover-cursor-text { cursor: text; }
  .md-cursor-move { cursor: move; }
  .md-hover-cursor-move:hover { cursor: move; }
  .md-focus-cursor-move:focus { cursor: move; }
  .md-active-cursor-move:active { cursor: move; }
  .md-disabled-cursor-move:disabled { cursor: move; }
  .md-focus-visible-cursor-move:focus-visible { cursor: move; }
  .md-focus-within-cursor-move:focus-within { cursor: move; }
  .md-group:hover .md-group-hover-cursor-move { cursor: move; }
  .md-cursor-not-allowed { cursor: not-allowed; }
  .md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .md-active-cursor-not-allowed:active { cursor: not-allowed; }
  .md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .md-group:hover .md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .md-cursor-none { cursor: none; }
  .md-hover-cursor-none:hover { cursor: none; }
  .md-focus-cursor-none:focus { cursor: none; }
  .md-active-cursor-none:active { cursor: none; }
  .md-disabled-cursor-none:disabled { cursor: none; }
  .md-focus-visible-cursor-none:focus-visible { cursor: none; }
  .md-focus-within-cursor-none:focus-within { cursor: none; }
  .md-group:hover .md-group-hover-cursor-none { cursor: none; }
  .md-pointer-events-none { pointer-events: none; }
  .md-hover-pointer-events-none:hover { pointer-events: none; }
  .md-focus-pointer-events-none:focus { pointer-events: none; }
  .md-active-pointer-events-none:active { pointer-events: none; }
  .md-disabled-pointer-events-none:disabled { pointer-events: none; }
  .md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .md-group:hover .md-group-hover-pointer-events-none { pointer-events: none; }
  .md-pointer-events-auto { pointer-events: auto; }
  .md-hover-pointer-events-auto:hover { pointer-events: auto; }
  .md-focus-pointer-events-auto:focus { pointer-events: auto; }
  .md-active-pointer-events-auto:active { pointer-events: auto; }
  .md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .md-group:hover .md-group-hover-pointer-events-auto { pointer-events: auto; }
  .md-resize-none { resize: none; }
  .md-hover-resize-none:hover { resize: none; }
  .md-focus-resize-none:focus { resize: none; }
  .md-active-resize-none:active { resize: none; }
  .md-disabled-resize-none:disabled { resize: none; }
  .md-focus-visible-resize-none:focus-visible { resize: none; }
  .md-focus-within-resize-none:focus-within { resize: none; }
  .md-group:hover .md-group-hover-resize-none { resize: none; }
  .md-resize-x { resize: horizontal; }
  .md-hover-resize-x:hover { resize: horizontal; }
  .md-focus-resize-x:focus { resize: horizontal; }
  .md-active-resize-x:active { resize: horizontal; }
  .md-disabled-resize-x:disabled { resize: horizontal; }
  .md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .md-focus-within-resize-x:focus-within { resize: horizontal; }
  .md-group:hover .md-group-hover-resize-x { resize: horizontal; }
  .md-resize-y { resize: vertical; }
  .md-hover-resize-y:hover { resize: vertical; }
  .md-focus-resize-y:focus { resize: vertical; }
  .md-active-resize-y:active { resize: vertical; }
  .md-disabled-resize-y:disabled { resize: vertical; }
  .md-focus-visible-resize-y:focus-visible { resize: vertical; }
  .md-focus-within-resize-y:focus-within { resize: vertical; }
  .md-group:hover .md-group-hover-resize-y { resize: vertical; }
  .md-resize { resize: both; }
  .md-hover-resize:hover { resize: both; }
  .md-focus-resize:focus { resize: both; }
  .md-active-resize:active { resize: both; }
  .md-disabled-resize:disabled { resize: both; }
  .md-focus-visible-resize:focus-visible { resize: both; }
  .md-focus-within-resize:focus-within { resize: both; }
  .md-group:hover .md-group-hover-resize { resize: both; }
  .md-scroll-auto { scroll-behavior: auto; }
  .md-hover-scroll-auto:hover { scroll-behavior: auto; }
  .md-focus-scroll-auto:focus { scroll-behavior: auto; }
  .md-active-scroll-auto:active { scroll-behavior: auto; }
  .md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .md-group:hover .md-group-hover-scroll-auto { scroll-behavior: auto; }
  .md-scroll-smooth { scroll-behavior: smooth; }
  .md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .md-active-scroll-smooth:active { scroll-behavior: smooth; }
  .md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .md-group:hover .md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .md-scroll-m-0 { scroll-margin: 0rem; }
  .md-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  .md-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  .md-active-scroll-m-0:active { scroll-margin: 0rem; }
  .md-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  .md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  .md-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  .md-group:hover .md-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  .md-scroll-p-0 { scroll-padding: 0rem; }
  .md-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  .md-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  .md-active-scroll-p-0:active { scroll-padding: 0rem; }
  .md-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  .md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  .md-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  .md-group:hover .md-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  .md-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .md-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  .md-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  .md-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  .md-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  .md-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  .md-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  .md-group:hover .md-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .md-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .md-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  .md-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  .md-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  .md-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  .md-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  .md-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  .md-group:hover .md-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .md-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .md-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  .md-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  .md-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  .md-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  .md-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  .md-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .md-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .md-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  .md-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  .md-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  .md-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  .md-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  .md-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .md-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .md-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  .md-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  .md-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  .md-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  .md-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  .md-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .md-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .md-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  .md-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  .md-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  .md-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  .md-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  .md-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .md-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .md-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  .md-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  .md-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  .md-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  .md-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  .md-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  .md-group:hover .md-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .md-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .md-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  .md-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  .md-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  .md-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  .md-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  .md-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  .md-group:hover .md-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .md-scroll-m-1 { scroll-margin: 1rem; }
  .md-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  .md-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  .md-active-scroll-m-1:active { scroll-margin: 1rem; }
  .md-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  .md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  .md-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  .md-group:hover .md-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  .md-scroll-p-1 { scroll-padding: 1rem; }
  .md-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  .md-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  .md-active-scroll-p-1:active { scroll-padding: 1rem; }
  .md-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  .md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  .md-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  .md-group:hover .md-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  .md-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .md-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  .md-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  .md-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  .md-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  .md-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  .md-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  .md-group:hover .md-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .md-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .md-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  .md-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  .md-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  .md-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  .md-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  .md-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  .md-group:hover .md-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .md-scroll-m-2 { scroll-margin: 2rem; }
  .md-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  .md-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  .md-active-scroll-m-2:active { scroll-margin: 2rem; }
  .md-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  .md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  .md-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  .md-group:hover .md-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  .md-scroll-p-2 { scroll-padding: 2rem; }
  .md-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  .md-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  .md-active-scroll-p-2:active { scroll-padding: 2rem; }
  .md-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  .md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  .md-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  .md-group:hover .md-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  .md-scroll-m-3 { scroll-margin: 3rem; }
  .md-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  .md-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  .md-active-scroll-m-3:active { scroll-margin: 3rem; }
  .md-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  .md-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  .md-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  .md-group:hover .md-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  .md-scroll-p-3 { scroll-padding: 3rem; }
  .md-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  .md-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  .md-active-scroll-p-3:active { scroll-padding: 3rem; }
  .md-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  .md-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  .md-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  .md-group:hover .md-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  .md-scroll-m-4 { scroll-margin: 4rem; }
  .md-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  .md-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  .md-active-scroll-m-4:active { scroll-margin: 4rem; }
  .md-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  .md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  .md-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  .md-group:hover .md-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  .md-scroll-p-4 { scroll-padding: 4rem; }
  .md-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  .md-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  .md-active-scroll-p-4:active { scroll-padding: 4rem; }
  .md-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  .md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  .md-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  .md-group:hover .md-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  .md-snap-x { scroll-snap-type: x mandatory; }
  .md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .md-active-snap-x:active { scroll-snap-type: x mandatory; }
  .md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .md-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .md-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .md-group:hover .md-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .md-snap-y { scroll-snap-type: y mandatory; }
  .md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .md-active-snap-y:active { scroll-snap-type: y mandatory; }
  .md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .md-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .md-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .md-group:hover .md-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .md-snap-both { scroll-snap-type: both mandatory; }
  .md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .md-active-snap-both:active { scroll-snap-type: both mandatory; }
  .md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .md-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .md-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .md-group:hover .md-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .md-snap-align-start { scroll-snap-align: start; }
  .md-hover-snap-align-start:hover { scroll-snap-align: start; }
  .md-focus-snap-align-start:focus { scroll-snap-align: start; }
  .md-active-snap-align-start:active { scroll-snap-align: start; }
  .md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .md-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .md-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .md-group:hover .md-group-hover-snap-align-start { scroll-snap-align: start; }
  .md-snap-align-end { scroll-snap-align: end; }
  .md-hover-snap-align-end:hover { scroll-snap-align: end; }
  .md-focus-snap-align-end:focus { scroll-snap-align: end; }
  .md-active-snap-align-end:active { scroll-snap-align: end; }
  .md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .md-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .md-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .md-group:hover .md-group-hover-snap-align-end { scroll-snap-align: end; }
  .md-snap-align-center { scroll-snap-align: center; }
  .md-hover-snap-align-center:hover { scroll-snap-align: center; }
  .md-focus-snap-align-center:focus { scroll-snap-align: center; }
  .md-active-snap-align-center:active { scroll-snap-align: center; }
  .md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .md-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .md-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .md-group:hover .md-group-hover-snap-align-center { scroll-snap-align: center; }
  .md-snap-align-none { scroll-snap-align: none; }
  .md-hover-snap-align-none:hover { scroll-snap-align: none; }
  .md-focus-snap-align-none:focus { scroll-snap-align: none; }
  .md-active-snap-align-none:active { scroll-snap-align: none; }
  .md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .md-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .md-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .md-group:hover .md-group-hover-snap-align-none { scroll-snap-align: none; }
  .md-snap-stop-normal { scroll-snap-stop: normal; }
  .md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .md-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .md-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .md-group:hover .md-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .md-snap-stop-always { scroll-snap-stop: always; }
  .md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .md-active-snap-stop-always:active { scroll-snap-stop: always; }
  .md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .md-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .md-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .md-group:hover .md-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .md-touch-auto { touch-action: auto; }
  .md-hover-touch-auto:hover { touch-action: auto; }
  .md-focus-touch-auto:focus { touch-action: auto; }
  .md-active-touch-auto:active { touch-action: auto; }
  .md-disabled-touch-auto:disabled { touch-action: auto; }
  .md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .md-focus-within-touch-auto:focus-within { touch-action: auto; }
  .md-group:hover .md-group-hover-touch-auto { touch-action: auto; }
  .md-touch-none { touch-action: none; }
  .md-hover-touch-none:hover { touch-action: none; }
  .md-focus-touch-none:focus { touch-action: none; }
  .md-active-touch-none:active { touch-action: none; }
  .md-disabled-touch-none:disabled { touch-action: none; }
  .md-focus-visible-touch-none:focus-visible { touch-action: none; }
  .md-focus-within-touch-none:focus-within { touch-action: none; }
  .md-group:hover .md-group-hover-touch-none { touch-action: none; }
  .md-touch-pan_x { touch-action: pan-x; }
  .md-hover-touch-pan_x:hover { touch-action: pan-x; }
  .md-focus-touch-pan_x:focus { touch-action: pan-x; }
  .md-active-touch-pan_x:active { touch-action: pan-x; }
  .md-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  .md-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  .md-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  .md-group:hover .md-group-hover-touch-pan_x { touch-action: pan-x; }
  .md-touch-pan_y { touch-action: pan-y; }
  .md-hover-touch-pan_y:hover { touch-action: pan-y; }
  .md-focus-touch-pan_y:focus { touch-action: pan-y; }
  .md-active-touch-pan_y:active { touch-action: pan-y; }
  .md-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  .md-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  .md-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  .md-group:hover .md-group-hover-touch-pan_y { touch-action: pan-y; }
  .md-touch-manipulation { touch-action: manipulation; }
  .md-hover-touch-manipulation:hover { touch-action: manipulation; }
  .md-focus-touch-manipulation:focus { touch-action: manipulation; }
  .md-active-touch-manipulation:active { touch-action: manipulation; }
  .md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .md-group:hover .md-group-hover-touch-manipulation { touch-action: manipulation; }
  .md-select-auto { user-select: auto; }
  .md-hover-select-auto:hover { user-select: auto; }
  .md-focus-select-auto:focus { user-select: auto; }
  .md-active-select-auto:active { user-select: auto; }
  .md-disabled-select-auto:disabled { user-select: auto; }
  .md-focus-visible-select-auto:focus-visible { user-select: auto; }
  .md-focus-within-select-auto:focus-within { user-select: auto; }
  .md-group:hover .md-group-hover-select-auto { user-select: auto; }
  .md-select-none { user-select: none; }
  .md-hover-select-none:hover { user-select: none; }
  .md-focus-select-none:focus { user-select: none; }
  .md-active-select-none:active { user-select: none; }
  .md-disabled-select-none:disabled { user-select: none; }
  .md-focus-visible-select-none:focus-visible { user-select: none; }
  .md-focus-within-select-none:focus-within { user-select: none; }
  .md-group:hover .md-group-hover-select-none { user-select: none; }
  .md-select-text { user-select: text; }
  .md-hover-select-text:hover { user-select: text; }
  .md-focus-select-text:focus { user-select: text; }
  .md-active-select-text:active { user-select: text; }
  .md-disabled-select-text:disabled { user-select: text; }
  .md-focus-visible-select-text:focus-visible { user-select: text; }
  .md-focus-within-select-text:focus-within { user-select: text; }
  .md-group:hover .md-group-hover-select-text { user-select: text; }
  .md-select-all { user-select: all; }
  .md-hover-select-all:hover { user-select: all; }
  .md-focus-select-all:focus { user-select: all; }
  .md-active-select-all:active { user-select: all; }
  .md-disabled-select-all:disabled { user-select: all; }
  .md-focus-visible-select-all:focus-visible { user-select: all; }
  .md-focus-within-select-all:focus-within { user-select: all; }
  .md-group:hover .md-group-hover-select-all { user-select: all; }
  .md-select-contain { user-select: contain; }
  .md-hover-select-contain:hover { user-select: contain; }
  .md-focus-select-contain:focus { user-select: contain; }
  .md-active-select-contain:active { user-select: contain; }
  .md-disabled-select-contain:disabled { user-select: contain; }
  .md-focus-visible-select-contain:focus-visible { user-select: contain; }
  .md-focus-within-select-contain:focus-within { user-select: contain; }
  .md-group:hover .md-group-hover-select-contain { user-select: contain; }
  .md-will-change-auto { will-change: auto; }
  .md-hover-will-change-auto:hover { will-change: auto; }
  .md-focus-will-change-auto:focus { will-change: auto; }
  .md-active-will-change-auto:active { will-change: auto; }
  .md-disabled-will-change-auto:disabled { will-change: auto; }
  .md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .md-focus-within-will-change-auto:focus-within { will-change: auto; }
  .md-group:hover .md-group-hover-will-change-auto { will-change: auto; }
  .md-will-change-scroll { will-change: scroll; }
  .md-hover-will-change-scroll:hover { will-change: scroll; }
  .md-focus-will-change-scroll:focus { will-change: scroll; }
  .md-active-will-change-scroll:active { will-change: scroll; }
  .md-disabled-will-change-scroll:disabled { will-change: scroll; }
  .md-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .md-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .md-group:hover .md-group-hover-will-change-scroll { will-change: scroll; }
  .md-will-change-transform { will-change: transform; }
  .md-hover-will-change-transform:hover { will-change: transform; }
  .md-focus-will-change-transform:focus { will-change: transform; }
  .md-active-will-change-transform:active { will-change: transform; }
  .md-disabled-will-change-transform:disabled { will-change: transform; }
  .md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .md-focus-within-will-change-transform:focus-within { will-change: transform; }
  .md-group:hover .md-group-hover-will-change-transform { will-change: transform; }
  .md-will-change-opacity { will-change: opacity; }
  .md-hover-will-change-opacity:hover { will-change: opacity; }
  .md-focus-will-change-opacity:focus { will-change: opacity; }
  .md-active-will-change-opacity:active { will-change: opacity; }
  .md-disabled-will-change-opacity:disabled { will-change: opacity; }
  .md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .md-group:hover .md-group-hover-will-change-opacity { will-change: opacity; }
  .md-will-change-contents { will-change: contents; }
  .md-hover-will-change-contents:hover { will-change: contents; }
  .md-focus-will-change-contents:focus { will-change: contents; }
  .md-active-will-change-contents:active { will-change: contents; }
  .md-disabled-will-change-contents:disabled { will-change: contents; }
  .md-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .md-focus-within-will-change-contents:focus-within { will-change: contents; }
  .md-group:hover .md-group-hover-will-change-contents { will-change: contents; }
  .md-color-scheme-light { color-scheme: light; }
  .md-hover-color-scheme-light:hover { color-scheme: light; }
  .md-focus-color-scheme-light:focus { color-scheme: light; }
  .md-active-color-scheme-light:active { color-scheme: light; }
  .md-disabled-color-scheme-light:disabled { color-scheme: light; }
  .md-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .md-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .md-group:hover .md-group-hover-color-scheme-light { color-scheme: light; }
  .md-color-scheme-dark { color-scheme: dark; }
  .md-hover-color-scheme-dark:hover { color-scheme: dark; }
  .md-focus-color-scheme-dark:focus { color-scheme: dark; }
  .md-active-color-scheme-dark:active { color-scheme: dark; }
  .md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .md-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .md-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .md-group:hover .md-group-hover-color-scheme-dark { color-scheme: dark; }
  .md-color-scheme-normal { color-scheme: normal; }
  .md-hover-color-scheme-normal:hover { color-scheme: normal; }
  .md-focus-color-scheme-normal:focus { color-scheme: normal; }
  .md-active-color-scheme-normal:active { color-scheme: normal; }
  .md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .md-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .md-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .md-group:hover .md-group-hover-color-scheme-normal { color-scheme: normal; }
  .md-cursor-auto { cursor: auto; }
  .md-hover-cursor-auto:hover { cursor: auto; }
  .md-focus-cursor-auto:focus { cursor: auto; }
  .md-active-cursor-auto:active { cursor: auto; }
  .md-disabled-cursor-auto:disabled { cursor: auto; }
  .md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .md-focus-within-cursor-auto:focus-within { cursor: auto; }
  .md-group:hover .md-group-hover-cursor-auto { cursor: auto; }
  .md-cursor-default { cursor: default; }
  .md-hover-cursor-default:hover { cursor: default; }
  .md-focus-cursor-default:focus { cursor: default; }
  .md-active-cursor-default:active { cursor: default; }
  .md-disabled-cursor-default:disabled { cursor: default; }
  .md-focus-visible-cursor-default:focus-visible { cursor: default; }
  .md-focus-within-cursor-default:focus-within { cursor: default; }
  .md-group:hover .md-group-hover-cursor-default { cursor: default; }
  .md-cursor-pointer { cursor: pointer; }
  .md-hover-cursor-pointer:hover { cursor: pointer; }
  .md-focus-cursor-pointer:focus { cursor: pointer; }
  .md-active-cursor-pointer:active { cursor: pointer; }
  .md-disabled-cursor-pointer:disabled { cursor: pointer; }
  .md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .md-group:hover .md-group-hover-cursor-pointer { cursor: pointer; }
  .md-cursor-wait { cursor: wait; }
  .md-hover-cursor-wait:hover { cursor: wait; }
  .md-focus-cursor-wait:focus { cursor: wait; }
  .md-active-cursor-wait:active { cursor: wait; }
  .md-disabled-cursor-wait:disabled { cursor: wait; }
  .md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .md-focus-within-cursor-wait:focus-within { cursor: wait; }
  .md-group:hover .md-group-hover-cursor-wait { cursor: wait; }
  .md-cursor-text { cursor: text; }
  .md-hover-cursor-text:hover { cursor: text; }
  .md-focus-cursor-text:focus { cursor: text; }
  .md-active-cursor-text:active { cursor: text; }
  .md-disabled-cursor-text:disabled { cursor: text; }
  .md-focus-visible-cursor-text:focus-visible { cursor: text; }
  .md-focus-within-cursor-text:focus-within { cursor: text; }
  .md-group:hover .md-group-hover-cursor-text { cursor: text; }
  .md-cursor-move { cursor: move; }
  .md-hover-cursor-move:hover { cursor: move; }
  .md-focus-cursor-move:focus { cursor: move; }
  .md-active-cursor-move:active { cursor: move; }
  .md-disabled-cursor-move:disabled { cursor: move; }
  .md-focus-visible-cursor-move:focus-visible { cursor: move; }
  .md-focus-within-cursor-move:focus-within { cursor: move; }
  .md-group:hover .md-group-hover-cursor-move { cursor: move; }
  .md-cursor-not-allowed { cursor: not-allowed; }
  .md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .md-active-cursor-not-allowed:active { cursor: not-allowed; }
  .md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .md-group:hover .md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .md-cursor-none { cursor: none; }
  .md-hover-cursor-none:hover { cursor: none; }
  .md-focus-cursor-none:focus { cursor: none; }
  .md-active-cursor-none:active { cursor: none; }
  .md-disabled-cursor-none:disabled { cursor: none; }
  .md-focus-visible-cursor-none:focus-visible { cursor: none; }
  .md-focus-within-cursor-none:focus-within { cursor: none; }
  .md-group:hover .md-group-hover-cursor-none { cursor: none; }
  .md-pointer-events-none { pointer-events: none; }
  .md-hover-pointer-events-none:hover { pointer-events: none; }
  .md-focus-pointer-events-none:focus { pointer-events: none; }
  .md-active-pointer-events-none:active { pointer-events: none; }
  .md-disabled-pointer-events-none:disabled { pointer-events: none; }
  .md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .md-group:hover .md-group-hover-pointer-events-none { pointer-events: none; }
  .md-pointer-events-auto { pointer-events: auto; }
  .md-hover-pointer-events-auto:hover { pointer-events: auto; }
  .md-focus-pointer-events-auto:focus { pointer-events: auto; }
  .md-active-pointer-events-auto:active { pointer-events: auto; }
  .md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .md-group:hover .md-group-hover-pointer-events-auto { pointer-events: auto; }
  .md-resize-none { resize: none; }
  .md-hover-resize-none:hover { resize: none; }
  .md-focus-resize-none:focus { resize: none; }
  .md-active-resize-none:active { resize: none; }
  .md-disabled-resize-none:disabled { resize: none; }
  .md-focus-visible-resize-none:focus-visible { resize: none; }
  .md-focus-within-resize-none:focus-within { resize: none; }
  .md-group:hover .md-group-hover-resize-none { resize: none; }
  .md-resize-x { resize: horizontal; }
  .md-hover-resize-x:hover { resize: horizontal; }
  .md-focus-resize-x:focus { resize: horizontal; }
  .md-active-resize-x:active { resize: horizontal; }
  .md-disabled-resize-x:disabled { resize: horizontal; }
  .md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .md-focus-within-resize-x:focus-within { resize: horizontal; }
  .md-group:hover .md-group-hover-resize-x { resize: horizontal; }
  .md-resize-y { resize: vertical; }
  .md-hover-resize-y:hover { resize: vertical; }
  .md-focus-resize-y:focus { resize: vertical; }
  .md-active-resize-y:active { resize: vertical; }
  .md-disabled-resize-y:disabled { resize: vertical; }
  .md-focus-visible-resize-y:focus-visible { resize: vertical; }
  .md-focus-within-resize-y:focus-within { resize: vertical; }
  .md-group:hover .md-group-hover-resize-y { resize: vertical; }
  .md-resize { resize: both; }
  .md-hover-resize:hover { resize: both; }
  .md-focus-resize:focus { resize: both; }
  .md-active-resize:active { resize: both; }
  .md-disabled-resize:disabled { resize: both; }
  .md-focus-visible-resize:focus-visible { resize: both; }
  .md-focus-within-resize:focus-within { resize: both; }
  .md-group:hover .md-group-hover-resize { resize: both; }
  .md-scroll-auto { scroll-behavior: auto; }
  .md-hover-scroll-auto:hover { scroll-behavior: auto; }
  .md-focus-scroll-auto:focus { scroll-behavior: auto; }
  .md-active-scroll-auto:active { scroll-behavior: auto; }
  .md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .md-group:hover .md-group-hover-scroll-auto { scroll-behavior: auto; }
  .md-scroll-smooth { scroll-behavior: smooth; }
  .md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .md-active-scroll-smooth:active { scroll-behavior: smooth; }
  .md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .md-group:hover .md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .md-scroll-m-0 { scroll-margin: 0; }
  .md-hover-scroll-m-0:hover { scroll-margin: 0; }
  .md-focus-scroll-m-0:focus { scroll-margin: 0; }
  .md-active-scroll-m-0:active { scroll-margin: 0; }
  .md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .md-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .md-group:hover .md-group-hover-scroll-m-0 { scroll-margin: 0; }
  .md-scroll-m-1 { scroll-margin: 0.25rem; }
  .md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .md-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .md-scroll-m-2 { scroll-margin: 0.5rem; }
  .md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .md-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .md-scroll-m-4 { scroll-margin: 1rem; }
  .md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .md-active-scroll-m-4:active { scroll-margin: 1rem; }
  .md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .md-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .md-group:hover .md-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .md-scroll-m-8 { scroll-margin: 2rem; }
  .md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .md-active-scroll-m-8:active { scroll-margin: 2rem; }
  .md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .md-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .md-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .md-group:hover .md-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .md-scroll-p-0 { scroll-padding: 0; }
  .md-hover-scroll-p-0:hover { scroll-padding: 0; }
  .md-focus-scroll-p-0:focus { scroll-padding: 0; }
  .md-active-scroll-p-0:active { scroll-padding: 0; }
  .md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .md-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .md-group:hover .md-group-hover-scroll-p-0 { scroll-padding: 0; }
  .md-scroll-p-1 { scroll-padding: 0.25rem; }
  .md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .md-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .md-scroll-p-2 { scroll-padding: 0.5rem; }
  .md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .md-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .md-scroll-p-4 { scroll-padding: 1rem; }
  .md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .md-active-scroll-p-4:active { scroll-padding: 1rem; }
  .md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .md-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .md-group:hover .md-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .md-scroll-p-8 { scroll-padding: 2rem; }
  .md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .md-active-scroll-p-8:active { scroll-padding: 2rem; }
  .md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .md-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .md-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .md-group:hover .md-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .md-snap-x { scroll-snap-type: x mandatory; }
  .md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .md-active-snap-x:active { scroll-snap-type: x mandatory; }
  .md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .md-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .md-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .md-group:hover .md-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .md-snap-y { scroll-snap-type: y mandatory; }
  .md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .md-active-snap-y:active { scroll-snap-type: y mandatory; }
  .md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .md-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .md-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .md-group:hover .md-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .md-snap-both { scroll-snap-type: both mandatory; }
  .md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .md-active-snap-both:active { scroll-snap-type: both mandatory; }
  .md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .md-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .md-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .md-group:hover .md-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .md-snap-align-start { scroll-snap-align: start; }
  .md-hover-snap-align-start:hover { scroll-snap-align: start; }
  .md-focus-snap-align-start:focus { scroll-snap-align: start; }
  .md-active-snap-align-start:active { scroll-snap-align: start; }
  .md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .md-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .md-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .md-group:hover .md-group-hover-snap-align-start { scroll-snap-align: start; }
  .md-snap-align-center { scroll-snap-align: center; }
  .md-hover-snap-align-center:hover { scroll-snap-align: center; }
  .md-focus-snap-align-center:focus { scroll-snap-align: center; }
  .md-active-snap-align-center:active { scroll-snap-align: center; }
  .md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .md-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .md-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .md-group:hover .md-group-hover-snap-align-center { scroll-snap-align: center; }
  .md-snap-align-end { scroll-snap-align: end; }
  .md-hover-snap-align-end:hover { scroll-snap-align: end; }
  .md-focus-snap-align-end:focus { scroll-snap-align: end; }
  .md-active-snap-align-end:active { scroll-snap-align: end; }
  .md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .md-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .md-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .md-group:hover .md-group-hover-snap-align-end { scroll-snap-align: end; }
  .md-snap-align-none { scroll-snap-align: none; }
  .md-hover-snap-align-none:hover { scroll-snap-align: none; }
  .md-focus-snap-align-none:focus { scroll-snap-align: none; }
  .md-active-snap-align-none:active { scroll-snap-align: none; }
  .md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .md-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .md-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .md-group:hover .md-group-hover-snap-align-none { scroll-snap-align: none; }
  .md-snap-stop-normal { scroll-snap-stop: normal; }
  .md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .md-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .md-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .md-group:hover .md-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .md-snap-stop-always { scroll-snap-stop: always; }
  .md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .md-active-snap-stop-always:active { scroll-snap-stop: always; }
  .md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .md-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .md-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .md-group:hover .md-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .md-touch-auto { touch-action: auto; }
  .md-hover-touch-auto:hover { touch-action: auto; }
  .md-focus-touch-auto:focus { touch-action: auto; }
  .md-active-touch-auto:active { touch-action: auto; }
  .md-disabled-touch-auto:disabled { touch-action: auto; }
  .md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .md-focus-within-touch-auto:focus-within { touch-action: auto; }
  .md-group:hover .md-group-hover-touch-auto { touch-action: auto; }
  .md-touch-none { touch-action: none; }
  .md-hover-touch-none:hover { touch-action: none; }
  .md-focus-touch-none:focus { touch-action: none; }
  .md-active-touch-none:active { touch-action: none; }
  .md-disabled-touch-none:disabled { touch-action: none; }
  .md-focus-visible-touch-none:focus-visible { touch-action: none; }
  .md-focus-within-touch-none:focus-within { touch-action: none; }
  .md-group:hover .md-group-hover-touch-none { touch-action: none; }
  .md-touch-pan-x { touch-action: pan-x; }
  .md-hover-touch-pan-x:hover { touch-action: pan-x; }
  .md-focus-touch-pan-x:focus { touch-action: pan-x; }
  .md-active-touch-pan-x:active { touch-action: pan-x; }
  .md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .md-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .md-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .md-group:hover .md-group-hover-touch-pan-x { touch-action: pan-x; }
  .md-touch-pan-y { touch-action: pan-y; }
  .md-hover-touch-pan-y:hover { touch-action: pan-y; }
  .md-focus-touch-pan-y:focus { touch-action: pan-y; }
  .md-active-touch-pan-y:active { touch-action: pan-y; }
  .md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .md-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .md-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .md-group:hover .md-group-hover-touch-pan-y { touch-action: pan-y; }
  .md-touch-manipulation { touch-action: manipulation; }
  .md-hover-touch-manipulation:hover { touch-action: manipulation; }
  .md-focus-touch-manipulation:focus { touch-action: manipulation; }
  .md-active-touch-manipulation:active { touch-action: manipulation; }
  .md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .md-group:hover .md-group-hover-touch-manipulation { touch-action: manipulation; }
  .md-select-auto { user-select: auto; }
  .md-hover-select-auto:hover { user-select: auto; }
  .md-focus-select-auto:focus { user-select: auto; }
  .md-active-select-auto:active { user-select: auto; }
  .md-disabled-select-auto:disabled { user-select: auto; }
  .md-focus-visible-select-auto:focus-visible { user-select: auto; }
  .md-focus-within-select-auto:focus-within { user-select: auto; }
  .md-group:hover .md-group-hover-select-auto { user-select: auto; }
  .md-select-none { user-select: none; }
  .md-hover-select-none:hover { user-select: none; }
  .md-focus-select-none:focus { user-select: none; }
  .md-active-select-none:active { user-select: none; }
  .md-disabled-select-none:disabled { user-select: none; }
  .md-focus-visible-select-none:focus-visible { user-select: none; }
  .md-focus-within-select-none:focus-within { user-select: none; }
  .md-group:hover .md-group-hover-select-none { user-select: none; }
  .md-select-text { user-select: text; }
  .md-hover-select-text:hover { user-select: text; }
  .md-focus-select-text:focus { user-select: text; }
  .md-active-select-text:active { user-select: text; }
  .md-disabled-select-text:disabled { user-select: text; }
  .md-focus-visible-select-text:focus-visible { user-select: text; }
  .md-focus-within-select-text:focus-within { user-select: text; }
  .md-group:hover .md-group-hover-select-text { user-select: text; }
  .md-select-all { user-select: all; }
  .md-hover-select-all:hover { user-select: all; }
  .md-focus-select-all:focus { user-select: all; }
  .md-active-select-all:active { user-select: all; }
  .md-disabled-select-all:disabled { user-select: all; }
  .md-focus-visible-select-all:focus-visible { user-select: all; }
  .md-focus-within-select-all:focus-within { user-select: all; }
  .md-group:hover .md-group-hover-select-all { user-select: all; }
  .md-select-contain { user-select: contain; }
  .md-hover-select-contain:hover { user-select: contain; }
  .md-focus-select-contain:focus { user-select: contain; }
  .md-active-select-contain:active { user-select: contain; }
  .md-disabled-select-contain:disabled { user-select: contain; }
  .md-focus-visible-select-contain:focus-visible { user-select: contain; }
  .md-focus-within-select-contain:focus-within { user-select: contain; }
  .md-group:hover .md-group-hover-select-contain { user-select: contain; }
  .md-will-change-auto { will-change: auto; }
  .md-hover-will-change-auto:hover { will-change: auto; }
  .md-focus-will-change-auto:focus { will-change: auto; }
  .md-active-will-change-auto:active { will-change: auto; }
  .md-disabled-will-change-auto:disabled { will-change: auto; }
  .md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .md-focus-within-will-change-auto:focus-within { will-change: auto; }
  .md-group:hover .md-group-hover-will-change-auto { will-change: auto; }
  .md-will-change-scroll { will-change: scroll; }
  .md-hover-will-change-scroll:hover { will-change: scroll; }
  .md-focus-will-change-scroll:focus { will-change: scroll; }
  .md-active-will-change-scroll:active { will-change: scroll; }
  .md-disabled-will-change-scroll:disabled { will-change: scroll; }
  .md-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .md-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .md-group:hover .md-group-hover-will-change-scroll { will-change: scroll; }
  .md-will-change-transform { will-change: transform; }
  .md-hover-will-change-transform:hover { will-change: transform; }
  .md-focus-will-change-transform:focus { will-change: transform; }
  .md-active-will-change-transform:active { will-change: transform; }
  .md-disabled-will-change-transform:disabled { will-change: transform; }
  .md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .md-focus-within-will-change-transform:focus-within { will-change: transform; }
  .md-group:hover .md-group-hover-will-change-transform { will-change: transform; }
  .md-will-change-opacity { will-change: opacity; }
  .md-hover-will-change-opacity:hover { will-change: opacity; }
  .md-focus-will-change-opacity:focus { will-change: opacity; }
  .md-active-will-change-opacity:active { will-change: opacity; }
  .md-disabled-will-change-opacity:disabled { will-change: opacity; }
  .md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .md-group:hover .md-group-hover-will-change-opacity { will-change: opacity; }
  .md-will-change-contents { will-change: contents; }
  .md-hover-will-change-contents:hover { will-change: contents; }
  .md-focus-will-change-contents:focus { will-change: contents; }
  .md-active-will-change-contents:active { will-change: contents; }
  .md-disabled-will-change-contents:disabled { will-change: contents; }
  .md-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .md-focus-within-will-change-contents:focus-within { will-change: contents; }
  .md-group:hover .md-group-hover-will-change-contents { will-change: contents; }
  .md-field-sizing-auto { block-size: auto; inline-size: auto; }
  .md-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  .md-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  .md-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  .md-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  .md-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  .md-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  .md-group:hover .md-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  .md-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .md-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  .md-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  .md-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  .md-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  .md-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  .md-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  .md-group:hover .md-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .md-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .md-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  .md-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  .md-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  .md-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  .md-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  .md-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  .md-group:hover .md-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .md-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .md-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  .md-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  .md-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  .md-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  .md-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  .md-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  .md-group:hover .md-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .md-aspect-auto { aspect-ratio: auto; }
  .md-hover-aspect-auto:hover { aspect-ratio: auto; }
  .md-focus-aspect-auto:focus { aspect-ratio: auto; }
  .md-active-aspect-auto:active { aspect-ratio: auto; }
  .md-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  .md-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  .md-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  .md-group:hover .md-group-hover-aspect-auto { aspect-ratio: auto; }
  .md-aspect-square { aspect-ratio: 1 / 1; }
  .md-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  .md-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  .md-active-aspect-square:active { aspect-ratio: 1 / 1; }
  .md-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  .md-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  .md-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  .md-group:hover .md-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  .md-aspect-video { aspect-ratio: 16 / 9; }
  .md-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  .md-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  .md-active-aspect-video:active { aspect-ratio: 16 / 9; }
  .md-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  .md-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  .md-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  .md-group:hover .md-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  .md-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .md-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  .md-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  .md-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  .md-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  .md-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  .md-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  .md-group:hover .md-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .md-isolation-auto { isolation: auto; }
  .md-hover-isolation-auto:hover { isolation: auto; }
  .md-focus-isolation-auto:focus { isolation: auto; }
  .md-active-isolation-auto:active { isolation: auto; }
  .md-disabled-isolation-auto:disabled { isolation: auto; }
  .md-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  .md-focus-within-isolation-auto:focus-within { isolation: auto; }
  .md-group:hover .md-group-hover-isolation-auto { isolation: auto; }
  .md-isolation-isolate { isolation: isolate; }
  .md-hover-isolation-isolate:hover { isolation: isolate; }
  .md-focus-isolation-isolate:focus { isolation: isolate; }
  .md-active-isolation-isolate:active { isolation: isolate; }
  .md-disabled-isolation-isolate:disabled { isolation: isolate; }
  .md-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  .md-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  .md-group:hover .md-group-hover-isolation-isolate { isolation: isolate; }
  .md-contain-none { contain: none; }
  .md-hover-contain-none:hover { contain: none; }
  .md-focus-contain-none:focus { contain: none; }
  .md-active-contain-none:active { contain: none; }
  .md-disabled-contain-none:disabled { contain: none; }
  .md-focus-visible-contain-none:focus-visible { contain: none; }
  .md-focus-within-contain-none:focus-within { contain: none; }
  .md-group:hover .md-group-hover-contain-none { contain: none; }
  .md-contain-layout { contain: layout; }
  .md-hover-contain-layout:hover { contain: layout; }
  .md-focus-contain-layout:focus { contain: layout; }
  .md-active-contain-layout:active { contain: layout; }
  .md-disabled-contain-layout:disabled { contain: layout; }
  .md-focus-visible-contain-layout:focus-visible { contain: layout; }
  .md-focus-within-contain-layout:focus-within { contain: layout; }
  .md-group:hover .md-group-hover-contain-layout { contain: layout; }
  .md-contain-size { contain: size; }
  .md-hover-contain-size:hover { contain: size; }
  .md-focus-contain-size:focus { contain: size; }
  .md-active-contain-size:active { contain: size; }
  .md-disabled-contain-size:disabled { contain: size; }
  .md-focus-visible-contain-size:focus-visible { contain: size; }
  .md-focus-within-contain-size:focus-within { contain: size; }
  .md-group:hover .md-group-hover-contain-size { contain: size; }
  .md-contain-style { contain: style; }
  .md-hover-contain-style:hover { contain: style; }
  .md-focus-contain-style:focus { contain: style; }
  .md-active-contain-style:active { contain: style; }
  .md-disabled-contain-style:disabled { contain: style; }
  .md-focus-visible-contain-style:focus-visible { contain: style; }
  .md-focus-within-contain-style:focus-within { contain: style; }
  .md-group:hover .md-group-hover-contain-style { contain: style; }
  .md-contain-paint { contain: paint; }
  .md-hover-contain-paint:hover { contain: paint; }
  .md-focus-contain-paint:focus { contain: paint; }
  .md-active-contain-paint:active { contain: paint; }
  .md-disabled-contain-paint:disabled { contain: paint; }
  .md-focus-visible-contain-paint:focus-visible { contain: paint; }
  .md-focus-within-contain-paint:focus-within { contain: paint; }
  .md-group:hover .md-group-hover-contain-paint { contain: paint; }
  .md-contain-content { contain: content; }
  .md-hover-contain-content:hover { contain: content; }
  .md-focus-contain-content:focus { contain: content; }
  .md-active-contain-content:active { contain: content; }
  .md-disabled-contain-content:disabled { contain: content; }
  .md-focus-visible-contain-content:focus-visible { contain: content; }
  .md-focus-within-contain-content:focus-within { contain: content; }
  .md-group:hover .md-group-hover-contain-content { contain: content; }
  .md-content-auto { content-visibility: auto; }
  .md-hover-content-auto:hover { content-visibility: auto; }
  .md-focus-content-auto:focus { content-visibility: auto; }
  .md-active-content-auto:active { content-visibility: auto; }
  .md-disabled-content-auto:disabled { content-visibility: auto; }
  .md-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  .md-focus-within-content-auto:focus-within { content-visibility: auto; }
  .md-group:hover .md-group-hover-content-auto { content-visibility: auto; }
  .md-content-hidden { content-visibility: hidden; }
  .md-hover-content-hidden:hover { content-visibility: hidden; }
  .md-focus-content-hidden:focus { content-visibility: hidden; }
  .md-active-content-hidden:active { content-visibility: hidden; }
  .md-disabled-content-hidden:disabled { content-visibility: hidden; }
  .md-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  .md-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  .md-group:hover .md-group-hover-content-hidden { content-visibility: hidden; }
  .md-content-visible { content-visibility: visible; }
  .md-hover-content-visible:hover { content-visibility: visible; }
  .md-focus-content-visible:focus { content-visibility: visible; }
  .md-active-content-visible:active { content-visibility: visible; }
  .md-disabled-content-visible:disabled { content-visibility: visible; }
  .md-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  .md-focus-within-content-visible:focus-within { content-visibility: visible; }
  .md-group:hover .md-group-hover-content-visible { content-visibility: visible; }
  .md-box-border { box-sizing: border-box; }
  .md-hover-box-border:hover { box-sizing: border-box; }
  .md-focus-box-border:focus { box-sizing: border-box; }
  .md-active-box-border:active { box-sizing: border-box; }
  .md-disabled-box-border:disabled { box-sizing: border-box; }
  .md-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .md-focus-within-box-border:focus-within { box-sizing: border-box; }
  .md-group:hover .md-group-hover-box-border { box-sizing: border-box; }
  .md-box-content { box-sizing: content-box; }
  .md-hover-box-content:hover { box-sizing: content-box; }
  .md-focus-box-content:focus { box-sizing: content-box; }
  .md-active-box-content:active { box-sizing: content-box; }
  .md-disabled-box-content:disabled { box-sizing: content-box; }
  .md-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .md-focus-within-box-content:focus-within { box-sizing: content-box; }
  .md-group:hover .md-group-hover-box-content { box-sizing: content-box; }
  .md-clip-none { clip-path: none; }
  .md-hover-clip-none:hover { clip-path: none; }
  .md-focus-clip-none:focus { clip-path: none; }
  .md-active-clip-none:active { clip-path: none; }
  .md-disabled-clip-none:disabled { clip-path: none; }
  .md-focus-visible-clip-none:focus-visible { clip-path: none; }
  .md-focus-within-clip-none:focus-within { clip-path: none; }
  .md-group:hover .md-group-hover-clip-none { clip-path: none; }
  .md-clip-circle { clip-path: circle(50% at 50% 50%); }
  .md-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  .md-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  .md-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  .md-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  .md-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  .md-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  .md-group:hover .md-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  .md-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-group:hover .md-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .md-clip-inset { clip-path: inset(0); }
  .md-hover-clip-inset:hover { clip-path: inset(0); }
  .md-focus-clip-inset:focus { clip-path: inset(0); }
  .md-active-clip-inset:active { clip-path: inset(0); }
  .md-disabled-clip-inset:disabled { clip-path: inset(0); }
  .md-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  .md-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  .md-group:hover .md-group-hover-clip-inset { clip-path: inset(0); }
  .md-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-group:hover .md-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .md-margin-block-start-1 { margin-block-start: 1rem; }
  .md-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  .md-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  .md-active-margin-block-start-1:active { margin-block-start: 1rem; }
  .md-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  .md-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  .md-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  .md-group:hover .md-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  .md-margin-block-end-1 { margin-block-end: 1rem; }
  .md-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  .md-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  .md-active-margin-block-end-1:active { margin-block-end: 1rem; }
  .md-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  .md-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  .md-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  .md-group:hover .md-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  .md-margin-inline-start-1 { margin-inline-start: 1rem; }
  .md-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  .md-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  .md-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  .md-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  .md-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  .md-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  .md-group:hover .md-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  .md-margin-inline-end-1 { margin-inline-end: 1rem; }
  .md-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  .md-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  .md-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  .md-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  .md-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  .md-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  .md-group:hover .md-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  .md-padding-block-start-1 { padding-block-start: 1rem; }
  .md-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  .md-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  .md-active-padding-block-start-1:active { padding-block-start: 1rem; }
  .md-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  .md-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  .md-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  .md-group:hover .md-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  .md-padding-block-end-1 { padding-block-end: 1rem; }
  .md-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  .md-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  .md-active-padding-block-end-1:active { padding-block-end: 1rem; }
  .md-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  .md-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  .md-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  .md-group:hover .md-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  .md-padding-inline-start-1 { padding-inline-start: 1rem; }
  .md-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  .md-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  .md-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  .md-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  .md-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  .md-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  .md-group:hover .md-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  .md-padding-inline-end-1 { padding-inline-end: 1rem; }
  .md-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  .md-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  .md-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  .md-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  .md-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  .md-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  .md-group:hover .md-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  .md-transition-all { transition-property: all; }
  .md-hover-transition-all:hover { transition-property: all; }
  .md-focus-transition-all:focus { transition-property: all; }
  .md-active-transition-all:active { transition-property: all; }
  .md-disabled-transition-all:disabled { transition-property: all; }
  .md-focus-visible-transition-all:focus-visible { transition-property: all; }
  .md-focus-within-transition-all:focus-within { transition-property: all; }
  .md-group:hover .md-group-hover-transition-all { transition-property: all; }
  .md-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .md-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  .md-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  .md-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  .md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  .md-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  .md-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  .md-group:hover .md-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .md-transition-opacity { transition-property: opacity; }
  .md-hover-transition-opacity:hover { transition-property: opacity; }
  .md-focus-transition-opacity:focus { transition-property: opacity; }
  .md-active-transition-opacity:active { transition-property: opacity; }
  .md-disabled-transition-opacity:disabled { transition-property: opacity; }
  .md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .md-group:hover .md-group-hover-transition-opacity { transition-property: opacity; }
  .md-transition-shadow { transition-property: box-shadow; }
  .md-hover-transition-shadow:hover { transition-property: box-shadow; }
  .md-focus-transition-shadow:focus { transition-property: box-shadow; }
  .md-active-transition-shadow:active { transition-property: box-shadow; }
  .md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .md-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .md-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .md-group:hover .md-group-hover-transition-shadow { transition-property: box-shadow; }
  .md-transition-transform { transition-property: transform; }
  .md-hover-transition-transform:hover { transition-property: transform; }
  .md-focus-transition-transform:focus { transition-property: transform; }
  .md-active-transition-transform:active { transition-property: transform; }
  .md-disabled-transition-transform:disabled { transition-property: transform; }
  .md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .md-focus-within-transition-transform:focus-within { transition-property: transform; }
  .md-group:hover .md-group-hover-transition-transform { transition-property: transform; }
  .md-duration-75 { transition-duration: 75ms; }
  .md-hover-duration-75:hover { transition-duration: 75ms; }
  .md-focus-duration-75:focus { transition-duration: 75ms; }
  .md-active-duration-75:active { transition-duration: 75ms; }
  .md-disabled-duration-75:disabled { transition-duration: 75ms; }
  .md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .md-group:hover .md-group-hover-duration-75 { transition-duration: 75ms; }
  .md-duration-100 { transition-duration: 100ms; }
  .md-hover-duration-100:hover { transition-duration: 100ms; }
  .md-focus-duration-100:focus { transition-duration: 100ms; }
  .md-active-duration-100:active { transition-duration: 100ms; }
  .md-disabled-duration-100:disabled { transition-duration: 100ms; }
  .md-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .md-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .md-group:hover .md-group-hover-duration-100 { transition-duration: 100ms; }
  .md-duration-150 { transition-duration: 150ms; }
  .md-hover-duration-150:hover { transition-duration: 150ms; }
  .md-focus-duration-150:focus { transition-duration: 150ms; }
  .md-active-duration-150:active { transition-duration: 150ms; }
  .md-disabled-duration-150:disabled { transition-duration: 150ms; }
  .md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .md-group:hover .md-group-hover-duration-150 { transition-duration: 150ms; }
  .md-duration-200 { transition-duration: 200ms; }
  .md-hover-duration-200:hover { transition-duration: 200ms; }
  .md-focus-duration-200:focus { transition-duration: 200ms; }
  .md-active-duration-200:active { transition-duration: 200ms; }
  .md-disabled-duration-200:disabled { transition-duration: 200ms; }
  .md-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .md-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .md-group:hover .md-group-hover-duration-200 { transition-duration: 200ms; }
  .md-duration-300 { transition-duration: 300ms; }
  .md-hover-duration-300:hover { transition-duration: 300ms; }
  .md-focus-duration-300:focus { transition-duration: 300ms; }
  .md-active-duration-300:active { transition-duration: 300ms; }
  .md-disabled-duration-300:disabled { transition-duration: 300ms; }
  .md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .md-group:hover .md-group-hover-duration-300 { transition-duration: 300ms; }
  .md-duration-500 { transition-duration: 500ms; }
  .md-hover-duration-500:hover { transition-duration: 500ms; }
  .md-focus-duration-500:focus { transition-duration: 500ms; }
  .md-active-duration-500:active { transition-duration: 500ms; }
  .md-disabled-duration-500:disabled { transition-duration: 500ms; }
  .md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .md-group:hover .md-group-hover-duration-500 { transition-duration: 500ms; }
  .md-duration-700 { transition-duration: 700ms; }
  .md-hover-duration-700:hover { transition-duration: 700ms; }
  .md-focus-duration-700:focus { transition-duration: 700ms; }
  .md-active-duration-700:active { transition-duration: 700ms; }
  .md-disabled-duration-700:disabled { transition-duration: 700ms; }
  .md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .md-group:hover .md-group-hover-duration-700 { transition-duration: 700ms; }
  .md-duration-1000 { transition-duration: 1000ms; }
  .md-hover-duration-1000:hover { transition-duration: 1000ms; }
  .md-focus-duration-1000:focus { transition-duration: 1000ms; }
  .md-active-duration-1000:active { transition-duration: 1000ms; }
  .md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .md-group:hover .md-group-hover-duration-1000 { transition-duration: 1000ms; }
  .md-ease-linear { transition-timing-function: linear; }
  .md-hover-ease-linear:hover { transition-timing-function: linear; }
  .md-focus-ease-linear:focus { transition-timing-function: linear; }
  .md-active-ease-linear:active { transition-timing-function: linear; }
  .md-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .md-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .md-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .md-group:hover .md-group-hover-ease-linear { transition-timing-function: linear; }
  .md-ease-in { transition-timing-function: ease-in; }
  .md-hover-ease-in:hover { transition-timing-function: ease-in; }
  .md-focus-ease-in:focus { transition-timing-function: ease-in; }
  .md-active-ease-in:active { transition-timing-function: ease-in; }
  .md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .md-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .md-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .md-group:hover .md-group-hover-ease-in { transition-timing-function: ease-in; }
  .md-ease-out { transition-timing-function: ease-out; }
  .md-hover-ease-out:hover { transition-timing-function: ease-out; }
  .md-focus-ease-out:focus { transition-timing-function: ease-out; }
  .md-active-ease-out:active { transition-timing-function: ease-out; }
  .md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .md-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .md-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .md-group:hover .md-group-hover-ease-out { transition-timing-function: ease-out; }
  .md-ease-in-out { transition-timing-function: ease-in-out; }
  .md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .md-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .md-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .md-group:hover .md-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .md-filter-none { filter: none; }
  .md-hover-filter-none:hover { filter: none; }
  .md-focus-filter-none:focus { filter: none; }
  .md-active-filter-none:active { filter: none; }
  .md-disabled-filter-none:disabled { filter: none; }
  .md-focus-visible-filter-none:focus-visible { filter: none; }
  .md-focus-within-filter-none:focus-within { filter: none; }
  .md-group:hover .md-group-hover-filter-none { filter: none; }
  .md-blur-sm { filter: blur(2px); }
  .md-hover-blur-sm:hover { filter: blur(2px); }
  .md-focus-blur-sm:focus { filter: blur(2px); }
  .md-active-blur-sm:active { filter: blur(2px); }
  .md-disabled-blur-sm:disabled { filter: blur(2px); }
  .md-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .md-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .md-group:hover .md-group-hover-blur-sm { filter: blur(2px); }
  .md-blur { filter: blur(4px); }
  .md-hover-blur:hover { filter: blur(4px); }
  .md-focus-blur:focus { filter: blur(4px); }
  .md-active-blur:active { filter: blur(4px); }
  .md-disabled-blur:disabled { filter: blur(4px); }
  .md-focus-visible-blur:focus-visible { filter: blur(4px); }
  .md-focus-within-blur:focus-within { filter: blur(4px); }
  .md-group:hover .md-group-hover-blur { filter: blur(4px); }
  .md-blur-md { filter: blur(8px); }
  .md-hover-blur-md:hover { filter: blur(8px); }
  .md-focus-blur-md:focus { filter: blur(8px); }
  .md-active-blur-md:active { filter: blur(8px); }
  .md-disabled-blur-md:disabled { filter: blur(8px); }
  .md-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .md-focus-within-blur-md:focus-within { filter: blur(8px); }
  .md-group:hover .md-group-hover-blur-md { filter: blur(8px); }
  .md-blur-lg { filter: blur(12px); }
  .md-hover-blur-lg:hover { filter: blur(12px); }
  .md-focus-blur-lg:focus { filter: blur(12px); }
  .md-active-blur-lg:active { filter: blur(12px); }
  .md-disabled-blur-lg:disabled { filter: blur(12px); }
  .md-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .md-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .md-group:hover .md-group-hover-blur-lg { filter: blur(12px); }
  .md-blur-xl { filter: blur(20px); }
  .md-hover-blur-xl:hover { filter: blur(20px); }
  .md-focus-blur-xl:focus { filter: blur(20px); }
  .md-active-blur-xl:active { filter: blur(20px); }
  .md-disabled-blur-xl:disabled { filter: blur(20px); }
  .md-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .md-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .md-group:hover .md-group-hover-blur-xl { filter: blur(20px); }
  .md-brightness-50 { filter: brightness(0.5); }
  .md-hover-brightness-50:hover { filter: brightness(0.5); }
  .md-focus-brightness-50:focus { filter: brightness(0.5); }
  .md-active-brightness-50:active { filter: brightness(0.5); }
  .md-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .md-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .md-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .md-group:hover .md-group-hover-brightness-50 { filter: brightness(0.5); }
  .md-brightness-100 { filter: brightness(1); }
  .md-hover-brightness-100:hover { filter: brightness(1); }
  .md-focus-brightness-100:focus { filter: brightness(1); }
  .md-active-brightness-100:active { filter: brightness(1); }
  .md-disabled-brightness-100:disabled { filter: brightness(1); }
  .md-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .md-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .md-group:hover .md-group-hover-brightness-100 { filter: brightness(1); }
  .md-brightness-150 { filter: brightness(1.5); }
  .md-hover-brightness-150:hover { filter: brightness(1.5); }
  .md-focus-brightness-150:focus { filter: brightness(1.5); }
  .md-active-brightness-150:active { filter: brightness(1.5); }
  .md-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .md-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .md-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .md-group:hover .md-group-hover-brightness-150 { filter: brightness(1.5); }
  .md-contrast-50 { filter: contrast(0.5); }
  .md-hover-contrast-50:hover { filter: contrast(0.5); }
  .md-focus-contrast-50:focus { filter: contrast(0.5); }
  .md-active-contrast-50:active { filter: contrast(0.5); }
  .md-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .md-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .md-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .md-group:hover .md-group-hover-contrast-50 { filter: contrast(0.5); }
  .md-contrast-100 { filter: contrast(1); }
  .md-hover-contrast-100:hover { filter: contrast(1); }
  .md-focus-contrast-100:focus { filter: contrast(1); }
  .md-active-contrast-100:active { filter: contrast(1); }
  .md-disabled-contrast-100:disabled { filter: contrast(1); }
  .md-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .md-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .md-group:hover .md-group-hover-contrast-100 { filter: contrast(1); }
  .md-grayscale { filter: grayscale(1); }
  .md-hover-grayscale:hover { filter: grayscale(1); }
  .md-focus-grayscale:focus { filter: grayscale(1); }
  .md-active-grayscale:active { filter: grayscale(1); }
  .md-disabled-grayscale:disabled { filter: grayscale(1); }
  .md-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  .md-focus-within-grayscale:focus-within { filter: grayscale(1); }
  .md-group:hover .md-group-hover-grayscale { filter: grayscale(1); }
  .md-sepia { filter: sepia(1); }
  .md-hover-sepia:hover { filter: sepia(1); }
  .md-focus-sepia:focus { filter: sepia(1); }
  .md-active-sepia:active { filter: sepia(1); }
  .md-disabled-sepia:disabled { filter: sepia(1); }
  .md-focus-visible-sepia:focus-visible { filter: sepia(1); }
  .md-focus-within-sepia:focus-within { filter: sepia(1); }
  .md-group:hover .md-group-hover-sepia { filter: sepia(1); }
  .md-saturate-150 { filter: saturate(1.5); }
  .md-hover-saturate-150:hover { filter: saturate(1.5); }
  .md-focus-saturate-150:focus { filter: saturate(1.5); }
  .md-active-saturate-150:active { filter: saturate(1.5); }
  .md-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .md-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .md-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .md-group:hover .md-group-hover-saturate-150 { filter: saturate(1.5); }
  .md-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .md-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .md-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .md-group:hover .md-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-group:hover .md-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .md-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  .md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  .md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  .md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  .md-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  .md-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  .md-group:hover .md-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .md-grid-flow-row { grid-auto-flow: row; }
  .md-hover-grid-flow-row:hover { grid-auto-flow: row; }
  .md-focus-grid-flow-row:focus { grid-auto-flow: row; }
  .md-active-grid-flow-row:active { grid-auto-flow: row; }
  .md-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  .md-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  .md-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  .md-group:hover .md-group-hover-grid-flow-row { grid-auto-flow: row; }
  .md-grid-flow-col { grid-auto-flow: column; }
  .md-hover-grid-flow-col:hover { grid-auto-flow: column; }
  .md-focus-grid-flow-col:focus { grid-auto-flow: column; }
  .md-active-grid-flow-col:active { grid-auto-flow: column; }
  .md-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  .md-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  .md-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  .md-group:hover .md-group-hover-grid-flow-col { grid-auto-flow: column; }
  .md-grid-flow-row-dense { grid-auto-flow: row dense; }
  .md-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  .md-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  .md-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  .md-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  .md-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  .md-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  .md-group:hover .md-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  .md-grid-flow-col-dense { grid-auto-flow: column dense; }
  .md-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  .md-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  .md-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  .md-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  .md-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  .md-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  .md-group:hover .md-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  .md-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-group:hover .md-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .md-transition-none { transition-property: none; }
  .md-hover-transition-none:hover { transition-property: none; }
  .md-focus-transition-none:focus { transition-property: none; }
  .md-active-transition-none:active { transition-property: none; }
  .md-disabled-transition-none:disabled { transition-property: none; }
  .md-focus-visible-transition-none:focus-visible { transition-property: none; }
  .md-focus-within-transition-none:focus-within { transition-property: none; }
  .md-group:hover .md-group-hover-transition-none { transition-property: none; }
  .md-transition-all { transition-property: all; }
  .md-hover-transition-all:hover { transition-property: all; }
  .md-focus-transition-all:focus { transition-property: all; }
  .md-active-transition-all:active { transition-property: all; }
  .md-disabled-transition-all:disabled { transition-property: all; }
  .md-focus-visible-transition-all:focus-visible { transition-property: all; }
  .md-focus-within-transition-all:focus-within { transition-property: all; }
  .md-group:hover .md-group-hover-transition-all { transition-property: all; }
  .md-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-group:hover .md-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .md-transition-opacity { transition-property: opacity; }
  .md-hover-transition-opacity:hover { transition-property: opacity; }
  .md-focus-transition-opacity:focus { transition-property: opacity; }
  .md-active-transition-opacity:active { transition-property: opacity; }
  .md-disabled-transition-opacity:disabled { transition-property: opacity; }
  .md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .md-group:hover .md-group-hover-transition-opacity { transition-property: opacity; }
  .md-transition-shadow { transition-property: box-shadow; }
  .md-hover-transition-shadow:hover { transition-property: box-shadow; }
  .md-focus-transition-shadow:focus { transition-property: box-shadow; }
  .md-active-transition-shadow:active { transition-property: box-shadow; }
  .md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .md-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .md-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .md-group:hover .md-group-hover-transition-shadow { transition-property: box-shadow; }
  .md-transition-transform { transition-property: transform; }
  .md-hover-transition-transform:hover { transition-property: transform; }
  .md-focus-transition-transform:focus { transition-property: transform; }
  .md-active-transition-transform:active { transition-property: transform; }
  .md-disabled-transition-transform:disabled { transition-property: transform; }
  .md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .md-focus-within-transition-transform:focus-within { transition-property: transform; }
  .md-group:hover .md-group-hover-transition-transform { transition-property: transform; }
  .md-duration-75 { transition-duration: 75ms; }
  .md-hover-duration-75:hover { transition-duration: 75ms; }
  .md-focus-duration-75:focus { transition-duration: 75ms; }
  .md-active-duration-75:active { transition-duration: 75ms; }
  .md-disabled-duration-75:disabled { transition-duration: 75ms; }
  .md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .md-group:hover .md-group-hover-duration-75 { transition-duration: 75ms; }
  .md-duration-150 { transition-duration: 150ms; }
  .md-hover-duration-150:hover { transition-duration: 150ms; }
  .md-focus-duration-150:focus { transition-duration: 150ms; }
  .md-active-duration-150:active { transition-duration: 150ms; }
  .md-disabled-duration-150:disabled { transition-duration: 150ms; }
  .md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .md-group:hover .md-group-hover-duration-150 { transition-duration: 150ms; }
  .md-duration-300 { transition-duration: 300ms; }
  .md-hover-duration-300:hover { transition-duration: 300ms; }
  .md-focus-duration-300:focus { transition-duration: 300ms; }
  .md-active-duration-300:active { transition-duration: 300ms; }
  .md-disabled-duration-300:disabled { transition-duration: 300ms; }
  .md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .md-group:hover .md-group-hover-duration-300 { transition-duration: 300ms; }
  .md-duration-500 { transition-duration: 500ms; }
  .md-hover-duration-500:hover { transition-duration: 500ms; }
  .md-focus-duration-500:focus { transition-duration: 500ms; }
  .md-active-duration-500:active { transition-duration: 500ms; }
  .md-disabled-duration-500:disabled { transition-duration: 500ms; }
  .md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .md-group:hover .md-group-hover-duration-500 { transition-duration: 500ms; }
  .md-duration-700 { transition-duration: 700ms; }
  .md-hover-duration-700:hover { transition-duration: 700ms; }
  .md-focus-duration-700:focus { transition-duration: 700ms; }
  .md-active-duration-700:active { transition-duration: 700ms; }
  .md-disabled-duration-700:disabled { transition-duration: 700ms; }
  .md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .md-group:hover .md-group-hover-duration-700 { transition-duration: 700ms; }
  .md-duration-1000 { transition-duration: 1000ms; }
  .md-hover-duration-1000:hover { transition-duration: 1000ms; }
  .md-focus-duration-1000:focus { transition-duration: 1000ms; }
  .md-active-duration-1000:active { transition-duration: 1000ms; }
  .md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .md-group:hover .md-group-hover-duration-1000 { transition-duration: 1000ms; }
  .md-ease-linear { transition-timing-function: linear; }
  .md-hover-ease-linear:hover { transition-timing-function: linear; }
  .md-focus-ease-linear:focus { transition-timing-function: linear; }
  .md-active-ease-linear:active { transition-timing-function: linear; }
  .md-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .md-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .md-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .md-group:hover .md-group-hover-ease-linear { transition-timing-function: linear; }
  .md-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-group:hover .md-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .md-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-group:hover .md-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .md-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-group:hover .md-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .md-animate-none { animation: none; }
  .md-hover-animate-none:hover { animation: none; }
  .md-focus-animate-none:focus { animation: none; }
  .md-active-animate-none:active { animation: none; }
  .md-disabled-animate-none:disabled { animation: none; }
  .md-focus-visible-animate-none:focus-visible { animation: none; }
  .md-focus-within-animate-none:focus-within { animation: none; }
  .md-group:hover .md-group-hover-animate-none { animation: none; }
  .md-animate-fade { animation: fade 300ms ease-out both; }
  .md-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  .md-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  .md-active-animate-fade:active { animation: fade 300ms ease-out both; }
  .md-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  .md-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  .md-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  .md-group:hover .md-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  .md-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .md-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  .md-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  .md-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  .md-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  .md-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  .md-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  .md-group:hover .md-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .md-animate-spin { animation: spin 1s linear infinite; }
  .md-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  .md-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  .md-active-animate-spin:active { animation: spin 1s linear infinite; }
  .md-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  .md-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  .md-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  .md-group:hover .md-group-hover-animate-spin { animation: spin 1s linear infinite; }
  .md-transform { transform: var(--quanta-transform, none); }
  .md-hover-transform:hover { transform: var(--quanta-transform, none); }
  .md-focus-transform:focus { transform: var(--quanta-transform, none); }
  .md-active-transform:active { transform: var(--quanta-transform, none); }
  .md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .md-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .md-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .md-group:hover .md-group-hover-transform { transform: var(--quanta-transform, none); }
  .md-transform-none { transform: none; }
  .md-hover-transform-none:hover { transform: none; }
  .md-focus-transform-none:focus { transform: none; }
  .md-active-transform-none:active { transform: none; }
  .md-disabled-transform-none:disabled { transform: none; }
  .md-focus-visible-transform-none:focus-visible { transform: none; }
  .md-focus-within-transform-none:focus-within { transform: none; }
  .md-group:hover .md-group-hover-transform-none { transform: none; }
  .md-scale-50 { --quanta-transform: scale(0.5); }
  .md-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  .md-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  .md-active-scale-50:active { --quanta-transform: scale(0.5); }
  .md-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  .md-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  .md-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  .md-group:hover .md-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  .md-scale-75 { --quanta-transform: scale(0.75); }
  .md-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  .md-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  .md-active-scale-75:active { --quanta-transform: scale(0.75); }
  .md-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  .md-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  .md-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  .md-group:hover .md-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  .md-scale-90 { --quanta-transform: scale(0.9); }
  .md-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  .md-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  .md-active-scale-90:active { --quanta-transform: scale(0.9); }
  .md-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  .md-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  .md-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  .md-group:hover .md-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  .md-scale-100 { --quanta-transform: scale(1); }
  .md-hover-scale-100:hover { --quanta-transform: scale(1); }
  .md-focus-scale-100:focus { --quanta-transform: scale(1); }
  .md-active-scale-100:active { --quanta-transform: scale(1); }
  .md-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  .md-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  .md-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  .md-group:hover .md-group-hover-scale-100 { --quanta-transform: scale(1); }
  .md-scale-105 { --quanta-transform: scale(1.05); }
  .md-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  .md-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  .md-active-scale-105:active { --quanta-transform: scale(1.05); }
  .md-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  .md-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  .md-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  .md-group:hover .md-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  .md-scale-110 { --quanta-transform: scale(1.1); }
  .md-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  .md-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  .md-active-scale-110:active { --quanta-transform: scale(1.1); }
  .md-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  .md-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  .md-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  .md-group:hover .md-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  .md-scale-125 { --quanta-transform: scale(1.25); }
  .md-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  .md-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  .md-active-scale-125:active { --quanta-transform: scale(1.25); }
  .md-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  .md-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  .md-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  .md-group:hover .md-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  .md-scale-150 { --quanta-transform: scale(1.5); }
  .md-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  .md-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  .md-active-scale-150:active { --quanta-transform: scale(1.5); }
  .md-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  .md-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  .md-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  .md-group:hover .md-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  .md-translate-x-0 { --quanta-transform: translateX(0); }
  .md-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  .md-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  .md-active-translate-x-0:active { --quanta-transform: translateX(0); }
  .md-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  .md-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  .md-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  .md-group:hover .md-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  .md-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .md-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  .md-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  .md-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  .md-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  .md-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  .md-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  .md-group:hover .md-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .md-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .md-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  .md-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  .md-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  .md-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  .md-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  .md-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  .md-group:hover .md-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .md-translate-x-4 { --quanta-transform: translateX(1rem); }
  .md-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  .md-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  .md-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  .md-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  .md-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  .md-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  .md-group:hover .md-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  .md-translate-x-8 { --quanta-transform: translateX(2rem); }
  .md-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  .md-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  .md-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  .md-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  .md-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  .md-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  .md-group:hover .md-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  .md-translate-y-0 { --quanta-transform: translateY(0); }
  .md-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  .md-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  .md-active-translate-y-0:active { --quanta-transform: translateY(0); }
  .md-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  .md-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  .md-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  .md-group:hover .md-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  .md-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .md-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  .md-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  .md-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  .md-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  .md-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  .md-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  .md-group:hover .md-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .md-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .md-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  .md-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  .md-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  .md-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  .md-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  .md-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  .md-group:hover .md-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .md-translate-y-4 { --quanta-transform: translateY(1rem); }
  .md-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  .md-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  .md-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  .md-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  .md-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  .md-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  .md-group:hover .md-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  .md-translate-y-8 { --quanta-transform: translateY(2rem); }
  .md-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  .md-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  .md-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  .md-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  .md-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  .md-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  .md-group:hover .md-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  .md-rotate-0 { --quanta-transform: rotate(0deg); }
  .md-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  .md-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  .md-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  .md-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  .md-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  .md-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  .md-group:hover .md-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  .md-rotate-45 { --quanta-transform: rotate(45deg); }
  .md-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  .md-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  .md-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  .md-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  .md-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  .md-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  .md-group:hover .md-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  .md-rotate-90 { --quanta-transform: rotate(90deg); }
  .md-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  .md-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  .md-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  .md-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  .md-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  .md-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  .md-group:hover .md-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  .md-rotate-180 { --quanta-transform: rotate(180deg); }
  .md-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  .md-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  .md-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  .md-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  .md-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  .md-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  .md-group:hover .md-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  .md-skew-x-0 { --quanta-transform: skewX(0); }
  .md-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  .md-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  .md-active-skew-x-0:active { --quanta-transform: skewX(0); }
  .md-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  .md-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  .md-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  .md-group:hover .md-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  .md-skew-x-3 { --quanta-transform: skewX(3deg); }
  .md-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  .md-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  .md-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  .md-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  .md-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  .md-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  .md-group:hover .md-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  .md-skew-x-6 { --quanta-transform: skewX(6deg); }
  .md-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  .md-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  .md-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  .md-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  .md-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  .md-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  .md-group:hover .md-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  .md-skew-y-0 { --quanta-transform: skewY(0); }
  .md-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  .md-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  .md-active-skew-y-0:active { --quanta-transform: skewY(0); }
  .md-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  .md-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  .md-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  .md-group:hover .md-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  .md-skew-y-3 { --quanta-transform: skewY(3deg); }
  .md-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  .md-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  .md-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  .md-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  .md-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  .md-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  .md-group:hover .md-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  .md-skew-y-6 { --quanta-transform: skewY(6deg); }
  .md-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  .md-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  .md-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  .md-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  .md-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  .md-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  .md-group:hover .md-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  .md-origin-center { transform-origin: center; }
  .md-hover-origin-center:hover { transform-origin: center; }
  .md-focus-origin-center:focus { transform-origin: center; }
  .md-active-origin-center:active { transform-origin: center; }
  .md-disabled-origin-center:disabled { transform-origin: center; }
  .md-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .md-focus-within-origin-center:focus-within { transform-origin: center; }
  .md-group:hover .md-group-hover-origin-center { transform-origin: center; }
  .md-origin-top { transform-origin: top; }
  .md-hover-origin-top:hover { transform-origin: top; }
  .md-focus-origin-top:focus { transform-origin: top; }
  .md-active-origin-top:active { transform-origin: top; }
  .md-disabled-origin-top:disabled { transform-origin: top; }
  .md-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .md-focus-within-origin-top:focus-within { transform-origin: top; }
  .md-group:hover .md-group-hover-origin-top { transform-origin: top; }
  .md-origin-right { transform-origin: right; }
  .md-hover-origin-right:hover { transform-origin: right; }
  .md-focus-origin-right:focus { transform-origin: right; }
  .md-active-origin-right:active { transform-origin: right; }
  .md-disabled-origin-right:disabled { transform-origin: right; }
  .md-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .md-focus-within-origin-right:focus-within { transform-origin: right; }
  .md-group:hover .md-group-hover-origin-right { transform-origin: right; }
  .md-origin-bottom { transform-origin: bottom; }
  .md-hover-origin-bottom:hover { transform-origin: bottom; }
  .md-focus-origin-bottom:focus { transform-origin: bottom; }
  .md-active-origin-bottom:active { transform-origin: bottom; }
  .md-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .md-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .md-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .md-group:hover .md-group-hover-origin-bottom { transform-origin: bottom; }
  .md-origin-left { transform-origin: left; }
  .md-hover-origin-left:hover { transform-origin: left; }
  .md-focus-origin-left:focus { transform-origin: left; }
  .md-active-origin-left:active { transform-origin: left; }
  .md-disabled-origin-left:disabled { transform-origin: left; }
  .md-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .md-focus-within-origin-left:focus-within { transform-origin: left; }
  .md-group:hover .md-group-hover-origin-left { transform-origin: left; }
  .md-perspective-none { perspective: none; }
  .md-hover-perspective-none:hover { perspective: none; }
  .md-focus-perspective-none:focus { perspective: none; }
  .md-active-perspective-none:active { perspective: none; }
  .md-disabled-perspective-none:disabled { perspective: none; }
  .md-focus-visible-perspective-none:focus-visible { perspective: none; }
  .md-focus-within-perspective-none:focus-within { perspective: none; }
  .md-group:hover .md-group-hover-perspective-none { perspective: none; }
  .md-perspective-sm { perspective: 400px; }
  .md-hover-perspective-sm:hover { perspective: 400px; }
  .md-focus-perspective-sm:focus { perspective: 400px; }
  .md-active-perspective-sm:active { perspective: 400px; }
  .md-disabled-perspective-sm:disabled { perspective: 400px; }
  .md-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  .md-focus-within-perspective-sm:focus-within { perspective: 400px; }
  .md-group:hover .md-group-hover-perspective-sm { perspective: 400px; }
  .md-perspective-md { perspective: 800px; }
  .md-hover-perspective-md:hover { perspective: 800px; }
  .md-focus-perspective-md:focus { perspective: 800px; }
  .md-active-perspective-md:active { perspective: 800px; }
  .md-disabled-perspective-md:disabled { perspective: 800px; }
  .md-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  .md-focus-within-perspective-md:focus-within { perspective: 800px; }
  .md-group:hover .md-group-hover-perspective-md { perspective: 800px; }
  .md-perspective-lg { perspective: 1200px; }
  .md-hover-perspective-lg:hover { perspective: 1200px; }
  .md-focus-perspective-lg:focus { perspective: 1200px; }
  .md-active-perspective-lg:active { perspective: 1200px; }
  .md-disabled-perspective-lg:disabled { perspective: 1200px; }
  .md-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  .md-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  .md-group:hover .md-group-hover-perspective-lg { perspective: 1200px; }
  .md-perspective-xl { perspective: 1600px; }
  .md-hover-perspective-xl:hover { perspective: 1600px; }
  .md-focus-perspective-xl:focus { perspective: 1600px; }
  .md-active-perspective-xl:active { perspective: 1600px; }
  .md-disabled-perspective-xl:disabled { perspective: 1600px; }
  .md-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  .md-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  .md-group:hover .md-group-hover-perspective-xl { perspective: 1600px; }
  .md-perspective-origin-center { perspective-origin: center; }
  .md-hover-perspective-origin-center:hover { perspective-origin: center; }
  .md-focus-perspective-origin-center:focus { perspective-origin: center; }
  .md-active-perspective-origin-center:active { perspective-origin: center; }
  .md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .md-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .md-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .md-group:hover .md-group-hover-perspective-origin-center { perspective-origin: center; }
  .md-perspective-origin-top { perspective-origin: top; }
  .md-hover-perspective-origin-top:hover { perspective-origin: top; }
  .md-focus-perspective-origin-top:focus { perspective-origin: top; }
  .md-active-perspective-origin-top:active { perspective-origin: top; }
  .md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .md-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .md-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .md-group:hover .md-group-hover-perspective-origin-top { perspective-origin: top; }
  .md-perspective-origin-left { perspective-origin: left; }
  .md-hover-perspective-origin-left:hover { perspective-origin: left; }
  .md-focus-perspective-origin-left:focus { perspective-origin: left; }
  .md-active-perspective-origin-left:active { perspective-origin: left; }
  .md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .md-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .md-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .md-group:hover .md-group-hover-perspective-origin-left { perspective-origin: left; }
  .md-perspective-origin-right { perspective-origin: right; }
  .md-hover-perspective-origin-right:hover { perspective-origin: right; }
  .md-focus-perspective-origin-right:focus { perspective-origin: right; }
  .md-active-perspective-origin-right:active { perspective-origin: right; }
  .md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .md-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .md-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .md-group:hover .md-group-hover-perspective-origin-right { perspective-origin: right; }
  .md-perspective-origin-bottom { perspective-origin: bottom; }
  .md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .md-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .md-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .md-group:hover .md-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .md-backface-visible { backface-visibility: visible; }
  .md-hover-backface-visible:hover { backface-visibility: visible; }
  .md-focus-backface-visible:focus { backface-visibility: visible; }
  .md-active-backface-visible:active { backface-visibility: visible; }
  .md-disabled-backface-visible:disabled { backface-visibility: visible; }
  .md-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .md-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .md-group:hover .md-group-hover-backface-visible { backface-visibility: visible; }
  .md-backface-hidden { backface-visibility: hidden; }
  .md-hover-backface-hidden:hover { backface-visibility: hidden; }
  .md-focus-backface-hidden:focus { backface-visibility: hidden; }
  .md-active-backface-hidden:active { backface-visibility: hidden; }
  .md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .md-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .md-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .md-group:hover .md-group-hover-backface-hidden { backface-visibility: hidden; }
  .md-transform-style-flat { transform-style: flat; }
  .md-hover-transform-style-flat:hover { transform-style: flat; }
  .md-focus-transform-style-flat:focus { transform-style: flat; }
  .md-active-transform-style-flat:active { transform-style: flat; }
  .md-disabled-transform-style-flat:disabled { transform-style: flat; }
  .md-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .md-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .md-group:hover .md-group-hover-transform-style-flat { transform-style: flat; }
  .md-transform-style-preserve { transform-style: preserve-3d; }
  .md-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  .md-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  .md-active-transform-style-preserve:active { transform-style: preserve-3d; }
  .md-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  .md-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  .md-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  .md-group:hover .md-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  .md-filter-none { filter: none; }
  .md-hover-filter-none:hover { filter: none; }
  .md-focus-filter-none:focus { filter: none; }
  .md-active-filter-none:active { filter: none; }
  .md-disabled-filter-none:disabled { filter: none; }
  .md-focus-visible-filter-none:focus-visible { filter: none; }
  .md-focus-within-filter-none:focus-within { filter: none; }
  .md-group:hover .md-group-hover-filter-none { filter: none; }
  .md-filter-grayscale { filter: grayscale(100%); }
  .md-hover-filter-grayscale:hover { filter: grayscale(100%); }
  .md-focus-filter-grayscale:focus { filter: grayscale(100%); }
  .md-active-filter-grayscale:active { filter: grayscale(100%); }
  .md-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  .md-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  .md-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  .md-group:hover .md-group-hover-filter-grayscale { filter: grayscale(100%); }
  .md-filter-blur { filter: blur(4px); }
  .md-hover-filter-blur:hover { filter: blur(4px); }
  .md-focus-filter-blur:focus { filter: blur(4px); }
  .md-active-filter-blur:active { filter: blur(4px); }
  .md-disabled-filter-blur:disabled { filter: blur(4px); }
  .md-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  .md-focus-within-filter-blur:focus-within { filter: blur(4px); }
  .md-group:hover .md-group-hover-filter-blur { filter: blur(4px); }
  .md-filter-brightness-50 { filter: brightness(0.5); }
  .md-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  .md-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  .md-active-filter-brightness-50:active { filter: brightness(0.5); }
  .md-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  .md-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  .md-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  .md-group:hover .md-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  .md-filter-contrast-125 { filter: contrast(1.25); }
  .md-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  .md-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  .md-active-filter-contrast-125:active { filter: contrast(1.25); }
  .md-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  .md-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  .md-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  .md-group:hover .md-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  .md-filter-saturate-150 { filter: saturate(1.5); }
  .md-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  .md-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  .md-active-filter-saturate-150:active { filter: saturate(1.5); }
  .md-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  .md-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  .md-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  .md-group:hover .md-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  .md-filter-sepia { filter: sepia(100%); }
  .md-hover-filter-sepia:hover { filter: sepia(100%); }
  .md-focus-filter-sepia:focus { filter: sepia(100%); }
  .md-active-filter-sepia:active { filter: sepia(100%); }
  .md-disabled-filter-sepia:disabled { filter: sepia(100%); }
  .md-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  .md-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  .md-group:hover .md-group-hover-filter-sepia { filter: sepia(100%); }
  .md-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .md-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .md-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .md-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .md-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .md-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .md-group:hover .md-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .md-backdrop-filter-none { backdrop-filter: none; }
  .md-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  .md-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  .md-active-backdrop-filter-none:active { backdrop-filter: none; }
  .md-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  .md-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  .md-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  .md-group:hover .md-group-hover-backdrop-filter-none { backdrop-filter: none; }
  .md-backdrop-blur { backdrop-filter: blur(4px); }
  .md-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  .md-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  .md-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  .md-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  .md-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  .md-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  .md-group:hover .md-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  .md-bg-blend-normal { background-blend-mode: normal; }
  .md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .md-active-bg-blend-normal:active { background-blend-mode: normal; }
  .md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .md-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .md-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .md-group:hover .md-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .md-bg-blend-multiply { background-blend-mode: multiply; }
  .md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .md-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .md-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .md-group:hover .md-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .md-bg-blend-screen { background-blend-mode: screen; }
  .md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .md-active-bg-blend-screen:active { background-blend-mode: screen; }
  .md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .md-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .md-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .md-group:hover .md-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .md-bg-blend-overlay { background-blend-mode: overlay; }
  .md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .md-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .md-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .md-group:hover .md-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .md-bg-blend-darken { background-blend-mode: darken; }
  .md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .md-active-bg-blend-darken:active { background-blend-mode: darken; }
  .md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .md-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .md-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .md-group:hover .md-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .md-bg-blend-lighten { background-blend-mode: lighten; }
  .md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .md-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .md-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .md-group:hover .md-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .md-mix-blend-normal { mix-blend-mode: normal; }
  .md-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  .md-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  .md-active-mix-blend-normal:active { mix-blend-mode: normal; }
  .md-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  .md-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  .md-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  .md-group:hover .md-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  .md-mix-blend-multiply { mix-blend-mode: multiply; }
  .md-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  .md-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  .md-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  .md-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  .md-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  .md-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  .md-group:hover .md-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  .md-mix-blend-screen { mix-blend-mode: screen; }
  .md-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  .md-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  .md-active-mix-blend-screen:active { mix-blend-mode: screen; }
  .md-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  .md-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  .md-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  .md-group:hover .md-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  .md-mix-blend-overlay { mix-blend-mode: overlay; }
  .md-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  .md-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  .md-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  .md-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  .md-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  .md-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  .md-group:hover .md-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  .md-decoration-slice { box-decoration-break: slice; }
  .md-hover-decoration-slice:hover { box-decoration-break: slice; }
  .md-focus-decoration-slice:focus { box-decoration-break: slice; }
  .md-active-decoration-slice:active { box-decoration-break: slice; }
  .md-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  .md-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  .md-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  .md-group:hover .md-group-hover-decoration-slice { box-decoration-break: slice; }
  .md-decoration-clone { box-decoration-break: clone; }
  .md-hover-decoration-clone:hover { box-decoration-break: clone; }
  .md-focus-decoration-clone:focus { box-decoration-break: clone; }
  .md-active-decoration-clone:active { box-decoration-break: clone; }
  .md-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  .md-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  .md-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  .md-group:hover .md-group-hover-decoration-clone { box-decoration-break: clone; }
  .md-box-border { box-sizing: border-box; }
  .md-hover-box-border:hover { box-sizing: border-box; }
  .md-focus-box-border:focus { box-sizing: border-box; }
  .md-active-box-border:active { box-sizing: border-box; }
  .md-disabled-box-border:disabled { box-sizing: border-box; }
  .md-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .md-focus-within-box-border:focus-within { box-sizing: border-box; }
  .md-group:hover .md-group-hover-box-border { box-sizing: border-box; }
  .md-box-content { box-sizing: content-box; }
  .md-hover-box-content:hover { box-sizing: content-box; }
  .md-focus-box-content:focus { box-sizing: content-box; }
  .md-active-box-content:active { box-sizing: content-box; }
  .md-disabled-box-content:disabled { box-sizing: content-box; }
  .md-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .md-focus-within-box-content:focus-within { box-sizing: content-box; }
  .md-group:hover .md-group-hover-box-content { box-sizing: content-box; }
  .md-break-after-auto { break-after: auto; }
  .md-hover-break-after-auto:hover { break-after: auto; }
  .md-focus-break-after-auto:focus { break-after: auto; }
  .md-active-break-after-auto:active { break-after: auto; }
  .md-disabled-break-after-auto:disabled { break-after: auto; }
  .md-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  .md-focus-within-break-after-auto:focus-within { break-after: auto; }
  .md-group:hover .md-group-hover-break-after-auto { break-after: auto; }
  .md-break-after-avoid { break-after: avoid; }
  .md-hover-break-after-avoid:hover { break-after: avoid; }
  .md-focus-break-after-avoid:focus { break-after: avoid; }
  .md-active-break-after-avoid:active { break-after: avoid; }
  .md-disabled-break-after-avoid:disabled { break-after: avoid; }
  .md-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  .md-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  .md-group:hover .md-group-hover-break-after-avoid { break-after: avoid; }
  .md-break-after-all { break-after: all; }
  .md-hover-break-after-all:hover { break-after: all; }
  .md-focus-break-after-all:focus { break-after: all; }
  .md-active-break-after-all:active { break-after: all; }
  .md-disabled-break-after-all:disabled { break-after: all; }
  .md-focus-visible-break-after-all:focus-visible { break-after: all; }
  .md-focus-within-break-after-all:focus-within { break-after: all; }
  .md-group:hover .md-group-hover-break-after-all { break-after: all; }
  .md-break-after-avoid-page { break-after: avoid-page; }
  .md-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  .md-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  .md-active-break-after-avoid-page:active { break-after: avoid-page; }
  .md-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  .md-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  .md-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  .md-group:hover .md-group-hover-break-after-avoid-page { break-after: avoid-page; }
  .md-break-after-page { break-after: page; }
  .md-hover-break-after-page:hover { break-after: page; }
  .md-focus-break-after-page:focus { break-after: page; }
  .md-active-break-after-page:active { break-after: page; }
  .md-disabled-break-after-page:disabled { break-after: page; }
  .md-focus-visible-break-after-page:focus-visible { break-after: page; }
  .md-focus-within-break-after-page:focus-within { break-after: page; }
  .md-group:hover .md-group-hover-break-after-page { break-after: page; }
  .md-break-after-left { break-after: left; }
  .md-hover-break-after-left:hover { break-after: left; }
  .md-focus-break-after-left:focus { break-after: left; }
  .md-active-break-after-left:active { break-after: left; }
  .md-disabled-break-after-left:disabled { break-after: left; }
  .md-focus-visible-break-after-left:focus-visible { break-after: left; }
  .md-focus-within-break-after-left:focus-within { break-after: left; }
  .md-group:hover .md-group-hover-break-after-left { break-after: left; }
  .md-break-after-right { break-after: right; }
  .md-hover-break-after-right:hover { break-after: right; }
  .md-focus-break-after-right:focus { break-after: right; }
  .md-active-break-after-right:active { break-after: right; }
  .md-disabled-break-after-right:disabled { break-after: right; }
  .md-focus-visible-break-after-right:focus-visible { break-after: right; }
  .md-focus-within-break-after-right:focus-within { break-after: right; }
  .md-group:hover .md-group-hover-break-after-right { break-after: right; }
  .md-break-after-column { break-after: column; }
  .md-hover-break-after-column:hover { break-after: column; }
  .md-focus-break-after-column:focus { break-after: column; }
  .md-active-break-after-column:active { break-after: column; }
  .md-disabled-break-after-column:disabled { break-after: column; }
  .md-focus-visible-break-after-column:focus-visible { break-after: column; }
  .md-focus-within-break-after-column:focus-within { break-after: column; }
  .md-group:hover .md-group-hover-break-after-column { break-after: column; }
  .md-break-before-auto { break-before: auto; }
  .md-hover-break-before-auto:hover { break-before: auto; }
  .md-focus-break-before-auto:focus { break-before: auto; }
  .md-active-break-before-auto:active { break-before: auto; }
  .md-disabled-break-before-auto:disabled { break-before: auto; }
  .md-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  .md-focus-within-break-before-auto:focus-within { break-before: auto; }
  .md-group:hover .md-group-hover-break-before-auto { break-before: auto; }
  .md-break-before-avoid { break-before: avoid; }
  .md-hover-break-before-avoid:hover { break-before: avoid; }
  .md-focus-break-before-avoid:focus { break-before: avoid; }
  .md-active-break-before-avoid:active { break-before: avoid; }
  .md-disabled-break-before-avoid:disabled { break-before: avoid; }
  .md-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  .md-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  .md-group:hover .md-group-hover-break-before-avoid { break-before: avoid; }
  .md-break-before-all { break-before: all; }
  .md-hover-break-before-all:hover { break-before: all; }
  .md-focus-break-before-all:focus { break-before: all; }
  .md-active-break-before-all:active { break-before: all; }
  .md-disabled-break-before-all:disabled { break-before: all; }
  .md-focus-visible-break-before-all:focus-visible { break-before: all; }
  .md-focus-within-break-before-all:focus-within { break-before: all; }
  .md-group:hover .md-group-hover-break-before-all { break-before: all; }
  .md-break-before-avoid-page { break-before: avoid-page; }
  .md-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  .md-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  .md-active-break-before-avoid-page:active { break-before: avoid-page; }
  .md-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  .md-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  .md-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  .md-group:hover .md-group-hover-break-before-avoid-page { break-before: avoid-page; }
  .md-break-before-page { break-before: page; }
  .md-hover-break-before-page:hover { break-before: page; }
  .md-focus-break-before-page:focus { break-before: page; }
  .md-active-break-before-page:active { break-before: page; }
  .md-disabled-break-before-page:disabled { break-before: page; }
  .md-focus-visible-break-before-page:focus-visible { break-before: page; }
  .md-focus-within-break-before-page:focus-within { break-before: page; }
  .md-group:hover .md-group-hover-break-before-page { break-before: page; }
  .md-break-before-left { break-before: left; }
  .md-hover-break-before-left:hover { break-before: left; }
  .md-focus-break-before-left:focus { break-before: left; }
  .md-active-break-before-left:active { break-before: left; }
  .md-disabled-break-before-left:disabled { break-before: left; }
  .md-focus-visible-break-before-left:focus-visible { break-before: left; }
  .md-focus-within-break-before-left:focus-within { break-before: left; }
  .md-group:hover .md-group-hover-break-before-left { break-before: left; }
  .md-break-before-right { break-before: right; }
  .md-hover-break-before-right:hover { break-before: right; }
  .md-focus-break-before-right:focus { break-before: right; }
  .md-active-break-before-right:active { break-before: right; }
  .md-disabled-break-before-right:disabled { break-before: right; }
  .md-focus-visible-break-before-right:focus-visible { break-before: right; }
  .md-focus-within-break-before-right:focus-within { break-before: right; }
  .md-group:hover .md-group-hover-break-before-right { break-before: right; }
  .md-break-before-column { break-before: column; }
  .md-hover-break-before-column:hover { break-before: column; }
  .md-focus-break-before-column:focus { break-before: column; }
  .md-active-break-before-column:active { break-before: column; }
  .md-disabled-break-before-column:disabled { break-before: column; }
  .md-focus-visible-break-before-column:focus-visible { break-before: column; }
  .md-focus-within-break-before-column:focus-within { break-before: column; }
  .md-group:hover .md-group-hover-break-before-column { break-before: column; }
  .md-break-inside-auto { break-inside: auto; }
  .md-hover-break-inside-auto:hover { break-inside: auto; }
  .md-focus-break-inside-auto:focus { break-inside: auto; }
  .md-active-break-inside-auto:active { break-inside: auto; }
  .md-disabled-break-inside-auto:disabled { break-inside: auto; }
  .md-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  .md-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  .md-group:hover .md-group-hover-break-inside-auto { break-inside: auto; }
  .md-break-inside-avoid { break-inside: avoid; }
  .md-hover-break-inside-avoid:hover { break-inside: avoid; }
  .md-focus-break-inside-avoid:focus { break-inside: avoid; }
  .md-active-break-inside-avoid:active { break-inside: avoid; }
  .md-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  .md-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  .md-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  .md-group:hover .md-group-hover-break-inside-avoid { break-inside: avoid; }
  .md-break-inside-avoid-page { break-inside: avoid-page; }
  .md-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  .md-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  .md-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  .md-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  .md-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  .md-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  .md-group:hover .md-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  .md-break-inside-avoid-column { break-inside: avoid-column; }
  .md-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  .md-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  .md-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  .md-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  .md-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  .md-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  .md-group:hover .md-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  .md-clip-none { clip-path: none; }
  .md-hover-clip-none:hover { clip-path: none; }
  .md-focus-clip-none:focus { clip-path: none; }
  .md-active-clip-none:active { clip-path: none; }
  .md-disabled-clip-none:disabled { clip-path: none; }
  .md-focus-visible-clip-none:focus-visible { clip-path: none; }
  .md-focus-within-clip-none:focus-within { clip-path: none; }
  .md-group:hover .md-group-hover-clip-none { clip-path: none; }
  .md-clip-circle { clip-path: circle(50%); }
  .md-hover-clip-circle:hover { clip-path: circle(50%); }
  .md-focus-clip-circle:focus { clip-path: circle(50%); }
  .md-active-clip-circle:active { clip-path: circle(50%); }
  .md-disabled-clip-circle:disabled { clip-path: circle(50%); }
  .md-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  .md-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  .md-group:hover .md-group-hover-clip-circle { clip-path: circle(50%); }
  .md-clip-ellipse { clip-path: ellipse(50% 75%); }
  .md-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  .md-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  .md-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  .md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  .md-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  .md-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  .md-group:hover .md-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  .md-clip-inset { clip-path: inset(10%); }
  .md-hover-clip-inset:hover { clip-path: inset(10%); }
  .md-focus-clip-inset:focus { clip-path: inset(10%); }
  .md-active-clip-inset:active { clip-path: inset(10%); }
  .md-disabled-clip-inset:disabled { clip-path: inset(10%); }
  .md-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  .md-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  .md-group:hover .md-group-hover-clip-inset { clip-path: inset(10%); }
  .md-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-group:hover .md-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .md-outline-none { outline: none; }
  .md-hover-outline-none:hover { outline: none; }
  .md-focus-outline-none:focus { outline: none; }
  .md-active-outline-none:active { outline: none; }
  .md-disabled-outline-none:disabled { outline: none; }
  .md-focus-visible-outline-none:focus-visible { outline: none; }
  .md-focus-within-outline-none:focus-within { outline: none; }
  .md-group:hover .md-group-hover-outline-none { outline: none; }
  .md-outline-solid { outline-style: solid; }
  .md-hover-outline-solid:hover { outline-style: solid; }
  .md-focus-outline-solid:focus { outline-style: solid; }
  .md-active-outline-solid:active { outline-style: solid; }
  .md-disabled-outline-solid:disabled { outline-style: solid; }
  .md-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  .md-focus-within-outline-solid:focus-within { outline-style: solid; }
  .md-group:hover .md-group-hover-outline-solid { outline-style: solid; }
  .md-outline-dashed { outline-style: dashed; }
  .md-hover-outline-dashed:hover { outline-style: dashed; }
  .md-focus-outline-dashed:focus { outline-style: dashed; }
  .md-active-outline-dashed:active { outline-style: dashed; }
  .md-disabled-outline-dashed:disabled { outline-style: dashed; }
  .md-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  .md-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  .md-group:hover .md-group-hover-outline-dashed { outline-style: dashed; }
  .md-outline-offset-0 { outline-offset: 0; }
  .md-hover-outline-offset-0:hover { outline-offset: 0; }
  .md-focus-outline-offset-0:focus { outline-offset: 0; }
  .md-active-outline-offset-0:active { outline-offset: 0; }
  .md-disabled-outline-offset-0:disabled { outline-offset: 0; }
  .md-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  .md-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  .md-group:hover .md-group-hover-outline-offset-0 { outline-offset: 0; }
  .md-outline-offset-2 { outline-offset: 2px; }
  .md-hover-outline-offset-2:hover { outline-offset: 2px; }
  .md-focus-outline-offset-2:focus { outline-offset: 2px; }
  .md-active-outline-offset-2:active { outline-offset: 2px; }
  .md-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  .md-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  .md-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  .md-group:hover .md-group-hover-outline-offset-2 { outline-offset: 2px; }
  .md-outline-offset-4 { outline-offset: 4px; }
  .md-hover-outline-offset-4:hover { outline-offset: 4px; }
  .md-focus-outline-offset-4:focus { outline-offset: 4px; }
  .md-active-outline-offset-4:active { outline-offset: 4px; }
  .md-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  .md-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  .md-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  .md-group:hover .md-group-hover-outline-offset-4 { outline-offset: 4px; }
  .md-shadow-none { box-shadow: none; }
  .md-hover-shadow-none:hover { box-shadow: none; }
  .md-focus-shadow-none:focus { box-shadow: none; }
  .md-active-shadow-none:active { box-shadow: none; }
  .md-disabled-shadow-none:disabled { box-shadow: none; }
  .md-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  .md-focus-within-shadow-none:focus-within { box-shadow: none; }
  .md-group:hover .md-group-hover-shadow-none { box-shadow: none; }
  .md-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-group:hover .md-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .md-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-group:hover .md-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .md-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-group:hover .md-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .md-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-group:hover .md-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .md-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-group:hover .md-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .md-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-group:hover .md-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .md-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .md-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .md-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .md-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .md-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .md-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-group:hover .md-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .md-accent-auto { accent-color: auto; }
  .md-hover-accent-auto:hover { accent-color: auto; }
  .md-focus-accent-auto:focus { accent-color: auto; }
  .md-active-accent-auto:active { accent-color: auto; }
  .md-disabled-accent-auto:disabled { accent-color: auto; }
  .md-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .md-focus-within-accent-auto:focus-within { accent-color: auto; }
  .md-group:hover .md-group-hover-accent-auto { accent-color: auto; }
  .md-accent-current { accent-color: currentColor; }
  .md-hover-accent-current:hover { accent-color: currentColor; }
  .md-focus-accent-current:focus { accent-color: currentColor; }
  .md-active-accent-current:active { accent-color: currentColor; }
  .md-disabled-accent-current:disabled { accent-color: currentColor; }
  .md-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  .md-focus-within-accent-current:focus-within { accent-color: currentColor; }
  .md-group:hover .md-group-hover-accent-current { accent-color: currentColor; }
  .md-appearance-none { appearance: none; }
  .md-hover-appearance-none:hover { appearance: none; }
  .md-focus-appearance-none:focus { appearance: none; }
  .md-active-appearance-none:active { appearance: none; }
  .md-disabled-appearance-none:disabled { appearance: none; }
  .md-focus-visible-appearance-none:focus-visible { appearance: none; }
  .md-focus-within-appearance-none:focus-within { appearance: none; }
  .md-group:hover .md-group-hover-appearance-none { appearance: none; }
  .md-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-group:hover .md-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .md-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-group:hover .md-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .md-cursor-auto { cursor: auto; }
  .md-hover-cursor-auto:hover { cursor: auto; }
  .md-focus-cursor-auto:focus { cursor: auto; }
  .md-active-cursor-auto:active { cursor: auto; }
  .md-disabled-cursor-auto:disabled { cursor: auto; }
  .md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .md-focus-within-cursor-auto:focus-within { cursor: auto; }
  .md-group:hover .md-group-hover-cursor-auto { cursor: auto; }
  .md-cursor-pointer { cursor: pointer; }
  .md-hover-cursor-pointer:hover { cursor: pointer; }
  .md-focus-cursor-pointer:focus { cursor: pointer; }
  .md-active-cursor-pointer:active { cursor: pointer; }
  .md-disabled-cursor-pointer:disabled { cursor: pointer; }
  .md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .md-group:hover .md-group-hover-cursor-pointer { cursor: pointer; }
  .md-cursor-default { cursor: default; }
  .md-hover-cursor-default:hover { cursor: default; }
  .md-focus-cursor-default:focus { cursor: default; }
  .md-active-cursor-default:active { cursor: default; }
  .md-disabled-cursor-default:disabled { cursor: default; }
  .md-focus-visible-cursor-default:focus-visible { cursor: default; }
  .md-focus-within-cursor-default:focus-within { cursor: default; }
  .md-group:hover .md-group-hover-cursor-default { cursor: default; }
  .md-cursor-wait { cursor: wait; }
  .md-hover-cursor-wait:hover { cursor: wait; }
  .md-focus-cursor-wait:focus { cursor: wait; }
  .md-active-cursor-wait:active { cursor: wait; }
  .md-disabled-cursor-wait:disabled { cursor: wait; }
  .md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .md-focus-within-cursor-wait:focus-within { cursor: wait; }
  .md-group:hover .md-group-hover-cursor-wait { cursor: wait; }
  .md-cursor-text { cursor: text; }
  .md-hover-cursor-text:hover { cursor: text; }
  .md-focus-cursor-text:focus { cursor: text; }
  .md-active-cursor-text:active { cursor: text; }
  .md-disabled-cursor-text:disabled { cursor: text; }
  .md-focus-visible-cursor-text:focus-visible { cursor: text; }
  .md-focus-within-cursor-text:focus-within { cursor: text; }
  .md-group:hover .md-group-hover-cursor-text { cursor: text; }
  .md-cursor-move { cursor: move; }
  .md-hover-cursor-move:hover { cursor: move; }
  .md-focus-cursor-move:focus { cursor: move; }
  .md-active-cursor-move:active { cursor: move; }
  .md-disabled-cursor-move:disabled { cursor: move; }
  .md-focus-visible-cursor-move:focus-visible { cursor: move; }
  .md-focus-within-cursor-move:focus-within { cursor: move; }
  .md-group:hover .md-group-hover-cursor-move { cursor: move; }
  .md-cursor-not-allowed { cursor: not-allowed; }
  .md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .md-active-cursor-not-allowed:active { cursor: not-allowed; }
  .md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .md-group:hover .md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .md-pointer-events-auto { pointer-events: auto; }
  .md-hover-pointer-events-auto:hover { pointer-events: auto; }
  .md-focus-pointer-events-auto:focus { pointer-events: auto; }
  .md-active-pointer-events-auto:active { pointer-events: auto; }
  .md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .md-group:hover .md-group-hover-pointer-events-auto { pointer-events: auto; }
  .md-pointer-events-none { pointer-events: none; }
  .md-hover-pointer-events-none:hover { pointer-events: none; }
  .md-focus-pointer-events-none:focus { pointer-events: none; }
  .md-active-pointer-events-none:active { pointer-events: none; }
  .md-disabled-pointer-events-none:disabled { pointer-events: none; }
  .md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .md-group:hover .md-group-hover-pointer-events-none { pointer-events: none; }
  .md-resize-none { resize: none; }
  .md-hover-resize-none:hover { resize: none; }
  .md-focus-resize-none:focus { resize: none; }
  .md-active-resize-none:active { resize: none; }
  .md-disabled-resize-none:disabled { resize: none; }
  .md-focus-visible-resize-none:focus-visible { resize: none; }
  .md-focus-within-resize-none:focus-within { resize: none; }
  .md-group:hover .md-group-hover-resize-none { resize: none; }
  .md-resize-y { resize: vertical; }
  .md-hover-resize-y:hover { resize: vertical; }
  .md-focus-resize-y:focus { resize: vertical; }
  .md-active-resize-y:active { resize: vertical; }
  .md-disabled-resize-y:disabled { resize: vertical; }
  .md-focus-visible-resize-y:focus-visible { resize: vertical; }
  .md-focus-within-resize-y:focus-within { resize: vertical; }
  .md-group:hover .md-group-hover-resize-y { resize: vertical; }
  .md-resize-x { resize: horizontal; }
  .md-hover-resize-x:hover { resize: horizontal; }
  .md-focus-resize-x:focus { resize: horizontal; }
  .md-active-resize-x:active { resize: horizontal; }
  .md-disabled-resize-x:disabled { resize: horizontal; }
  .md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .md-focus-within-resize-x:focus-within { resize: horizontal; }
  .md-group:hover .md-group-hover-resize-x { resize: horizontal; }
  .md-resize { resize: both; }
  .md-hover-resize:hover { resize: both; }
  .md-focus-resize:focus { resize: both; }
  .md-active-resize:active { resize: both; }
  .md-disabled-resize:disabled { resize: both; }
  .md-focus-visible-resize:focus-visible { resize: both; }
  .md-focus-within-resize:focus-within { resize: both; }
  .md-group:hover .md-group-hover-resize { resize: both; }
  .md-scroll-auto { scroll-behavior: auto; }
  .md-hover-scroll-auto:hover { scroll-behavior: auto; }
  .md-focus-scroll-auto:focus { scroll-behavior: auto; }
  .md-active-scroll-auto:active { scroll-behavior: auto; }
  .md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .md-group:hover .md-group-hover-scroll-auto { scroll-behavior: auto; }
  .md-scroll-smooth { scroll-behavior: smooth; }
  .md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .md-active-scroll-smooth:active { scroll-behavior: smooth; }
  .md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .md-group:hover .md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .md-scroll-m-0 { scroll-margin: 0; }
  .md-hover-scroll-m-0:hover { scroll-margin: 0; }
  .md-focus-scroll-m-0:focus { scroll-margin: 0; }
  .md-active-scroll-m-0:active { scroll-margin: 0; }
  .md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .md-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .md-group:hover .md-group-hover-scroll-m-0 { scroll-margin: 0; }
  .md-scroll-m-1 { scroll-margin: 0.25rem; }
  .md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .md-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .md-scroll-m-2 { scroll-margin: 0.5rem; }
  .md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .md-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .md-scroll-m-4 { scroll-margin: 1rem; }
  .md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .md-active-scroll-m-4:active { scroll-margin: 1rem; }
  .md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .md-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .md-group:hover .md-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .md-scroll-m-8 { scroll-margin: 2rem; }
  .md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .md-active-scroll-m-8:active { scroll-margin: 2rem; }
  .md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .md-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .md-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .md-group:hover .md-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .md-scroll-p-0 { scroll-padding: 0; }
  .md-hover-scroll-p-0:hover { scroll-padding: 0; }
  .md-focus-scroll-p-0:focus { scroll-padding: 0; }
  .md-active-scroll-p-0:active { scroll-padding: 0; }
  .md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .md-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .md-group:hover .md-group-hover-scroll-p-0 { scroll-padding: 0; }
  .md-scroll-p-1 { scroll-padding: 0.25rem; }
  .md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .md-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .md-group:hover .md-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .md-scroll-p-2 { scroll-padding: 0.5rem; }
  .md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .md-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .md-group:hover .md-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .md-scroll-p-4 { scroll-padding: 1rem; }
  .md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .md-active-scroll-p-4:active { scroll-padding: 1rem; }
  .md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .md-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .md-group:hover .md-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .md-scroll-p-8 { scroll-padding: 2rem; }
  .md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .md-active-scroll-p-8:active { scroll-padding: 2rem; }
  .md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .md-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .md-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .md-group:hover .md-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .md-overscroll-auto { overscroll-behavior: auto; }
  .md-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  .md-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  .md-active-overscroll-auto:active { overscroll-behavior: auto; }
  .md-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  .md-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  .md-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  .md-group:hover .md-group-hover-overscroll-auto { overscroll-behavior: auto; }
  .md-overscroll-contain { overscroll-behavior: contain; }
  .md-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  .md-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  .md-active-overscroll-contain:active { overscroll-behavior: contain; }
  .md-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  .md-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  .md-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  .md-group:hover .md-group-hover-overscroll-contain { overscroll-behavior: contain; }
  .md-overscroll-none { overscroll-behavior: none; }
  .md-hover-overscroll-none:hover { overscroll-behavior: none; }
  .md-focus-overscroll-none:focus { overscroll-behavior: none; }
  .md-active-overscroll-none:active { overscroll-behavior: none; }
  .md-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  .md-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  .md-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  .md-group:hover .md-group-hover-overscroll-none { overscroll-behavior: none; }
  .md-overscroll-x-auto { overscroll-behavior-x: auto; }
  .md-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  .md-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  .md-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  .md-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  .md-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  .md-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  .md-group:hover .md-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  .md-overscroll-x-contain { overscroll-behavior-x: contain; }
  .md-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  .md-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  .md-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  .md-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  .md-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  .md-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  .md-group:hover .md-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  .md-overscroll-x-none { overscroll-behavior-x: none; }
  .md-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  .md-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  .md-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  .md-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  .md-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  .md-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  .md-group:hover .md-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  .md-overscroll-y-auto { overscroll-behavior-y: auto; }
  .md-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  .md-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  .md-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  .md-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  .md-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  .md-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  .md-group:hover .md-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  .md-overscroll-y-contain { overscroll-behavior-y: contain; }
  .md-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  .md-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  .md-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  .md-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  .md-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  .md-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  .md-group:hover .md-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  .md-overscroll-y-none { overscroll-behavior-y: none; }
  .md-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  .md-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  .md-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  .md-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  .md-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  .md-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  .md-group:hover .md-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  .md-touch-auto { touch-action: auto; }
  .md-hover-touch-auto:hover { touch-action: auto; }
  .md-focus-touch-auto:focus { touch-action: auto; }
  .md-active-touch-auto:active { touch-action: auto; }
  .md-disabled-touch-auto:disabled { touch-action: auto; }
  .md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .md-focus-within-touch-auto:focus-within { touch-action: auto; }
  .md-group:hover .md-group-hover-touch-auto { touch-action: auto; }
  .md-touch-none { touch-action: none; }
  .md-hover-touch-none:hover { touch-action: none; }
  .md-focus-touch-none:focus { touch-action: none; }
  .md-active-touch-none:active { touch-action: none; }
  .md-disabled-touch-none:disabled { touch-action: none; }
  .md-focus-visible-touch-none:focus-visible { touch-action: none; }
  .md-focus-within-touch-none:focus-within { touch-action: none; }
  .md-group:hover .md-group-hover-touch-none { touch-action: none; }
  .md-touch-pan-x { touch-action: pan-x; }
  .md-hover-touch-pan-x:hover { touch-action: pan-x; }
  .md-focus-touch-pan-x:focus { touch-action: pan-x; }
  .md-active-touch-pan-x:active { touch-action: pan-x; }
  .md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .md-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .md-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .md-group:hover .md-group-hover-touch-pan-x { touch-action: pan-x; }
  .md-touch-pan-y { touch-action: pan-y; }
  .md-hover-touch-pan-y:hover { touch-action: pan-y; }
  .md-focus-touch-pan-y:focus { touch-action: pan-y; }
  .md-active-touch-pan-y:active { touch-action: pan-y; }
  .md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .md-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .md-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .md-group:hover .md-group-hover-touch-pan-y { touch-action: pan-y; }
  .md-touch-manipulation { touch-action: manipulation; }
  .md-hover-touch-manipulation:hover { touch-action: manipulation; }
  .md-focus-touch-manipulation:focus { touch-action: manipulation; }
  .md-active-touch-manipulation:active { touch-action: manipulation; }
  .md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .md-group:hover .md-group-hover-touch-manipulation { touch-action: manipulation; }
  .md-select-none { user-select: none; }
  .md-hover-select-none:hover { user-select: none; }
  .md-focus-select-none:focus { user-select: none; }
  .md-active-select-none:active { user-select: none; }
  .md-disabled-select-none:disabled { user-select: none; }
  .md-focus-visible-select-none:focus-visible { user-select: none; }
  .md-focus-within-select-none:focus-within { user-select: none; }
  .md-group:hover .md-group-hover-select-none { user-select: none; }
  .md-select-text { user-select: text; }
  .md-hover-select-text:hover { user-select: text; }
  .md-focus-select-text:focus { user-select: text; }
  .md-active-select-text:active { user-select: text; }
  .md-disabled-select-text:disabled { user-select: text; }
  .md-focus-visible-select-text:focus-visible { user-select: text; }
  .md-focus-within-select-text:focus-within { user-select: text; }
  .md-group:hover .md-group-hover-select-text { user-select: text; }
  .md-select-all { user-select: all; }
  .md-hover-select-all:hover { user-select: all; }
  .md-focus-select-all:focus { user-select: all; }
  .md-active-select-all:active { user-select: all; }
  .md-disabled-select-all:disabled { user-select: all; }
  .md-focus-visible-select-all:focus-visible { user-select: all; }
  .md-focus-within-select-all:focus-within { user-select: all; }
  .md-group:hover .md-group-hover-select-all { user-select: all; }
  .md-select-auto { user-select: auto; }
  .md-hover-select-auto:hover { user-select: auto; }
  .md-focus-select-auto:focus { user-select: auto; }
  .md-active-select-auto:active { user-select: auto; }
  .md-disabled-select-auto:disabled { user-select: auto; }
  .md-focus-visible-select-auto:focus-visible { user-select: auto; }
  .md-focus-within-select-auto:focus-within { user-select: auto; }
  .md-group:hover .md-group-hover-select-auto { user-select: auto; }
  .md-will-change-auto { will-change: auto; }
  .md-hover-will-change-auto:hover { will-change: auto; }
  .md-focus-will-change-auto:focus { will-change: auto; }
  .md-active-will-change-auto:active { will-change: auto; }
  .md-disabled-will-change-auto:disabled { will-change: auto; }
  .md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .md-focus-within-will-change-auto:focus-within { will-change: auto; }
  .md-group:hover .md-group-hover-will-change-auto { will-change: auto; }
  .md-will-change-scroll { will-change: scroll-position; }
  .md-hover-will-change-scroll:hover { will-change: scroll-position; }
  .md-focus-will-change-scroll:focus { will-change: scroll-position; }
  .md-active-will-change-scroll:active { will-change: scroll-position; }
  .md-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  .md-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  .md-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  .md-group:hover .md-group-hover-will-change-scroll { will-change: scroll-position; }
  .md-will-change-transform { will-change: transform; }
  .md-hover-will-change-transform:hover { will-change: transform; }
  .md-focus-will-change-transform:focus { will-change: transform; }
  .md-active-will-change-transform:active { will-change: transform; }
  .md-disabled-will-change-transform:disabled { will-change: transform; }
  .md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .md-focus-within-will-change-transform:focus-within { will-change: transform; }
  .md-group:hover .md-group-hover-will-change-transform { will-change: transform; }
  .md-will-change-opacity { will-change: opacity; }
  .md-hover-will-change-opacity:hover { will-change: opacity; }
  .md-focus-will-change-opacity:focus { will-change: opacity; }
  .md-active-will-change-opacity:active { will-change: opacity; }
  .md-disabled-will-change-opacity:disabled { will-change: opacity; }
  .md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .md-group:hover .md-group-hover-will-change-opacity { will-change: opacity; }
  .md-bg-primary { background-color: var(--quanta-primary); }
  .md-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  .md-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  .md-active-bg-primary:active { background-color: var(--quanta-primary); }
  .md-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  .md-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  .md-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  .md-group:hover .md-group-hover-bg-primary { background-color: var(--quanta-primary); }
  .md-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .md-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  .md-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  .md-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  .md-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  .md-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  .md-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  .md-group:hover .md-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .md-bg-success { background-color: var(--quanta-bg-success); }
  .md-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  .md-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  .md-active-bg-success:active { background-color: var(--quanta-bg-success); }
  .md-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  .md-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  .md-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  .md-group:hover .md-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  .md-bg-warning { background-color: var(--quanta-bg-warning); }
  .md-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  .md-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  .md-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  .md-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  .md-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  .md-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  .md-group:hover .md-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  .md-bg-danger { background-color: var(--quanta-bg-danger); }
  .md-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  .md-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  .md-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  .md-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  .md-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  .md-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  .md-group:hover .md-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  .md-bg-info { background-color: var(--quanta-bg-info); }
  .md-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  .md-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  .md-active-bg-info:active { background-color: var(--quanta-bg-info); }
  .md-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  .md-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  .md-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  .md-group:hover .md-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  .md-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .md-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  .md-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  .md-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  .md-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  .md-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  .md-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  .md-group:hover .md-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .md-bg-accent { background-color: var(--quanta-bg-accent); }
  .md-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  .md-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  .md-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  .md-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  .md-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  .md-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  .md-group:hover .md-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  .md-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .md-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  .md-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  .md-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  .md-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  .md-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  .md-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  .md-group:hover .md-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .md-bg-link { background-color: var(--quanta-text-link); }
  .md-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  .md-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  .md-active-bg-link:active { background-color: var(--quanta-text-link); }
  .md-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  .md-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  .md-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  .md-group:hover .md-group-hover-bg-link { background-color: var(--quanta-text-link); }
  .md-text-primary { color: var(--quanta-primary); }
  .md-hover-text-primary:hover { color: var(--quanta-primary); }
  .md-focus-text-primary:focus { color: var(--quanta-primary); }
  .md-active-text-primary:active { color: var(--quanta-primary); }
  .md-disabled-text-primary:disabled { color: var(--quanta-primary); }
  .md-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  .md-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  .md-group:hover .md-group-hover-text-primary { color: var(--quanta-primary); }
  .md-text-secondary { color: var(--quanta-text-secondary); }
  .md-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  .md-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  .md-active-text-secondary:active { color: var(--quanta-text-secondary); }
  .md-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  .md-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  .md-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  .md-group:hover .md-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  .md-text-success { color: var(--quanta-text-success); }
  .md-hover-text-success:hover { color: var(--quanta-text-success); }
  .md-focus-text-success:focus { color: var(--quanta-text-success); }
  .md-active-text-success:active { color: var(--quanta-text-success); }
  .md-disabled-text-success:disabled { color: var(--quanta-text-success); }
  .md-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  .md-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  .md-group:hover .md-group-hover-text-success { color: var(--quanta-text-success); }
  .md-text-warning { color: var(--quanta-text-warning); }
  .md-hover-text-warning:hover { color: var(--quanta-text-warning); }
  .md-focus-text-warning:focus { color: var(--quanta-text-warning); }
  .md-active-text-warning:active { color: var(--quanta-text-warning); }
  .md-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  .md-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  .md-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  .md-group:hover .md-group-hover-text-warning { color: var(--quanta-text-warning); }
  .md-text-danger { color: var(--quanta-text-danger); }
  .md-hover-text-danger:hover { color: var(--quanta-text-danger); }
  .md-focus-text-danger:focus { color: var(--quanta-text-danger); }
  .md-active-text-danger:active { color: var(--quanta-text-danger); }
  .md-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  .md-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  .md-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  .md-group:hover .md-group-hover-text-danger { color: var(--quanta-text-danger); }
  .md-text-info { color: var(--quanta-text-info); }
  .md-hover-text-info:hover { color: var(--quanta-text-info); }
  .md-focus-text-info:focus { color: var(--quanta-text-info); }
  .md-active-text-info:active { color: var(--quanta-text-info); }
  .md-disabled-text-info:disabled { color: var(--quanta-text-info); }
  .md-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  .md-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  .md-group:hover .md-group-hover-text-info { color: var(--quanta-text-info); }
  .md-text-neutral { color: var(--quanta-text-neutral); }
  .md-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  .md-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  .md-active-text-neutral:active { color: var(--quanta-text-neutral); }
  .md-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  .md-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  .md-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  .md-group:hover .md-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  .md-text-accent { color: var(--quanta-text-accent); }
  .md-hover-text-accent:hover { color: var(--quanta-text-accent); }
  .md-focus-text-accent:focus { color: var(--quanta-text-accent); }
  .md-active-text-accent:active { color: var(--quanta-text-accent); }
  .md-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  .md-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  .md-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  .md-group:hover .md-group-hover-text-accent { color: var(--quanta-text-accent); }
  .md-text-ghost { color: var(--quanta-text-ghost); }
  .md-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  .md-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  .md-active-text-ghost:active { color: var(--quanta-text-ghost); }
  .md-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  .md-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  .md-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  .md-group:hover .md-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  .md-text-link { color: var(--quanta-text-link); }
  .md-hover-text-link:hover { color: var(--quanta-text-link); }
  .md-focus-text-link:focus { color: var(--quanta-text-link); }
  .md-active-text-link:active { color: var(--quanta-text-link); }
  .md-disabled-text-link:disabled { color: var(--quanta-text-link); }
  .md-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  .md-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  .md-group:hover .md-group-hover-text-link { color: var(--quanta-text-link); }
  .md-border-primary { border-color: var(--quanta-border-primary); }
  .md-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  .md-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  .md-active-border-primary:active { border-color: var(--quanta-border-primary); }
  .md-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  .md-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  .md-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  .md-group:hover .md-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  .md-border-secondary { border-color: var(--quanta-border-secondary); }
  .md-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  .md-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  .md-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  .md-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  .md-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  .md-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  .md-group:hover .md-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  .md-border-success { border-color: var(--quanta-border-success); }
  .md-hover-border-success:hover { border-color: var(--quanta-border-success); }
  .md-focus-border-success:focus { border-color: var(--quanta-border-success); }
  .md-active-border-success:active { border-color: var(--quanta-border-success); }
  .md-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  .md-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  .md-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  .md-group:hover .md-group-hover-border-success { border-color: var(--quanta-border-success); }
  .md-border-warning { border-color: var(--quanta-border-warning); }
  .md-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  .md-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  .md-active-border-warning:active { border-color: var(--quanta-border-warning); }
  .md-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  .md-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  .md-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  .md-group:hover .md-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  .md-border-danger { border-color: var(--quanta-border-danger); }
  .md-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  .md-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  .md-active-border-danger:active { border-color: var(--quanta-border-danger); }
  .md-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  .md-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  .md-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  .md-group:hover .md-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  .md-border-info { border-color: var(--quanta-border-info); }
  .md-hover-border-info:hover { border-color: var(--quanta-border-info); }
  .md-focus-border-info:focus { border-color: var(--quanta-border-info); }
  .md-active-border-info:active { border-color: var(--quanta-border-info); }
  .md-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  .md-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  .md-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  .md-group:hover .md-group-hover-border-info { border-color: var(--quanta-border-info); }
  .md-border-neutral { border-color: var(--quanta-border-neutral); }
  .md-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  .md-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  .md-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  .md-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  .md-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  .md-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  .md-group:hover .md-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  .md-border-accent { border-color: var(--quanta-border-accent); }
  .md-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  .md-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  .md-active-border-accent:active { border-color: var(--quanta-border-accent); }
  .md-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  .md-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  .md-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  .md-group:hover .md-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  .md-border-ghost { border-color: var(--quanta-border-ghost); }
  .md-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  .md-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  .md-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  .md-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  .md-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  .md-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  .md-group:hover .md-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  .md-border-link { border-color: var(--quanta-text-link); }
  .md-hover-border-link:hover { border-color: var(--quanta-text-link); }
  .md-focus-border-link:focus { border-color: var(--quanta-text-link); }
  .md-active-border-link:active { border-color: var(--quanta-text-link); }
  .md-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  .md-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  .md-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  .md-group:hover .md-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 768px) {
  html[data-theme="dark"] .dark-md-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-md-hover-p-auto:hover { padding: auto; }
  html[data-theme="dark"] .dark-md-focus-p-auto:focus { padding: auto; }
  html[data-theme="dark"] .dark-md-active-p-auto:active { padding: auto; }
  html[data-theme="dark"] .dark-md-disabled-p-auto:disabled { padding: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-p-auto:focus-visible { padding: auto; }
  html[data-theme="dark"] .dark-md-focus-within-p-auto:focus-within { padding: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-md-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-md-hover-p-0:hover { padding: 0; }
  html[data-theme="dark"] .dark-md-focus-p-0:focus { padding: 0; }
  html[data-theme="dark"] .dark-md-active-p-0:active { padding: 0; }
  html[data-theme="dark"] .dark-md-disabled-p-0:disabled { padding: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-p-0:focus-visible { padding: 0; }
  html[data-theme="dark"] .dark-md-focus-within-p-0:focus-within { padding: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-md-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-p-1:hover { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-p-1:focus { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-p-1:active { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-p-1:disabled { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-1:focus-within { padding: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-p-2:hover { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-p-2:focus { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-p-2:active { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-p-2:disabled { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-2:focus-within { padding: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-p-3:hover { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-p-3:focus { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-p-3:active { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-p-3:disabled { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-3:focus-within { padding: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-md-hover-p-4:hover { padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-p-4:focus { padding: 1rem; }
  html[data-theme="dark"] .dark-md-active-p-4:active { padding: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-p-4:disabled { padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-4:focus-visible { padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-4:focus-within { padding: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-md-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-p-5:hover { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-p-5:focus { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-p-5:active { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-p-5:disabled { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-5:focus-within { padding: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-md-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-p-6:hover { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-p-6:focus { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-p-6:active { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-p-6:disabled { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-6:focus-within { padding: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-md-hover-p-8:hover { padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-p-8:focus { padding: 2rem; }
  html[data-theme="dark"] .dark-md-active-p-8:active { padding: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-p-8:disabled { padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-8:focus-visible { padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-8:focus-within { padding: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-md-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-p-10:hover { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-p-10:focus { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-p-10:active { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-p-10:disabled { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-10:focus-within { padding: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-md-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-md-hover-p-12:hover { padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-p-12:focus { padding: 3rem; }
  html[data-theme="dark"] .dark-md-active-p-12:active { padding: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-p-12:disabled { padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-12:focus-visible { padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-12:focus-within { padding: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-md-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-md-hover-p-16:hover { padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-p-16:focus { padding: 4rem; }
  html[data-theme="dark"] .dark-md-active-p-16:active { padding: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-p-16:disabled { padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-16:focus-visible { padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-16:focus-within { padding: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-md-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-md-hover-p-20:hover { padding: 5rem; }
  html[data-theme="dark"] .dark-md-focus-p-20:focus { padding: 5rem; }
  html[data-theme="dark"] .dark-md-active-p-20:active { padding: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-p-20:disabled { padding: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-20:focus-visible { padding: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-20:focus-within { padding: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-md-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-md-hover-p-24:hover { padding: 6rem; }
  html[data-theme="dark"] .dark-md-focus-p-24:focus { padding: 6rem; }
  html[data-theme="dark"] .dark-md-active-p-24:active { padding: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-p-24:disabled { padding: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-24:focus-visible { padding: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-24:focus-within { padding: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-md-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-md-hover-p-28:hover { padding: 7rem; }
  html[data-theme="dark"] .dark-md-focus-p-28:focus { padding: 7rem; }
  html[data-theme="dark"] .dark-md-active-p-28:active { padding: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-p-28:disabled { padding: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-28:focus-visible { padding: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-28:focus-within { padding: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-md-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-md-hover-p-32:hover { padding: 8rem; }
  html[data-theme="dark"] .dark-md-focus-p-32:focus { padding: 8rem; }
  html[data-theme="dark"] .dark-md-active-p-32:active { padding: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-p-32:disabled { padding: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-p-32:focus-visible { padding: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-p-32:focus-within { padding: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-md-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-md-hover-pt-auto:hover { padding-top: auto; }
  html[data-theme="dark"] .dark-md-focus-pt-auto:focus { padding-top: auto; }
  html[data-theme="dark"] .dark-md-active-pt-auto:active { padding-top: auto; }
  html[data-theme="dark"] .dark-md-disabled-pt-auto:disabled { padding-top: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pt-auto:focus-within { padding-top: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-md-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-md-hover-pt-0:hover { padding-top: 0; }
  html[data-theme="dark"] .dark-md-focus-pt-0:focus { padding-top: 0; }
  html[data-theme="dark"] .dark-md-active-pt-0:active { padding-top: 0; }
  html[data-theme="dark"] .dark-md-disabled-pt-0:disabled { padding-top: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-0:focus-visible { padding-top: 0; }
  html[data-theme="dark"] .dark-md-focus-within-pt-0:focus-within { padding-top: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-md-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-pt-1:hover { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-pt-1:focus { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-pt-1:active { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-1:disabled { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-pt-2:hover { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-pt-2:focus { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-pt-2:active { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-2:disabled { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-pt-3:hover { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-pt-3:focus { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-pt-3:active { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-3:disabled { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-hover-pt-4:hover { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-pt-4:focus { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-active-pt-4:active { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-4:disabled { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-4:focus-within { padding-top: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-md-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-pt-5:hover { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-pt-5:focus { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-pt-5:active { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-5:disabled { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-pt-6:hover { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-pt-6:focus { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-pt-6:active { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-6:disabled { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-hover-pt-8:hover { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-pt-8:focus { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-active-pt-8:active { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-8:disabled { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-8:focus-within { padding-top: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-md-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-pt-10:hover { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-pt-10:focus { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-pt-10:active { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-10:disabled { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-hover-pt-12:hover { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-pt-12:focus { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-active-pt-12:active { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-12:disabled { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-12:focus-within { padding-top: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-md-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-hover-pt-16:hover { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-pt-16:focus { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-active-pt-16:active { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-16:disabled { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-16:focus-within { padding-top: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-md-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-hover-pt-20:hover { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-pt-20:focus { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-active-pt-20:active { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-20:disabled { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-20:focus-within { padding-top: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-md-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-hover-pt-24:hover { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-pt-24:focus { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-active-pt-24:active { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-24:disabled { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-24:focus-within { padding-top: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-md-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-hover-pt-28:hover { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-pt-28:focus { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-active-pt-28:active { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-28:disabled { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-28:focus-within { padding-top: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-md-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-hover-pt-32:hover { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-pt-32:focus { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-active-pt-32:active { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-pt-32:disabled { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-pt-32:focus-within { padding-top: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-md-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-hover-pb-auto:hover { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-pb-auto:focus { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-active-pb-auto:active { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-disabled-pb-auto:disabled { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-hover-pb-0:hover { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-pb-0:focus { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-active-pb-0:active { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-disabled-pb-0:disabled { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-within-pb-0:focus-within { padding-bottom: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-pb-1:hover { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-pb-1:focus { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-pb-1:active { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-pb-2:hover { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-pb-2:focus { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-pb-2:active { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-pb-3:hover { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-pb-3:focus { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-pb-3:active { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-hover-pb-4:hover { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-pb-4:focus { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-active-pb-4:active { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-4:disabled { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-pb-5:hover { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-pb-5:focus { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-pb-5:active { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-pb-6:hover { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-pb-6:focus { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-pb-6:active { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-hover-pb-8:hover { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-pb-8:focus { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-active-pb-8:active { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-8:disabled { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-pb-10:hover { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-pb-10:focus { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-pb-10:active { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-hover-pb-12:hover { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-pb-12:focus { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-active-pb-12:active { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-12:disabled { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-hover-pb-16:hover { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-pb-16:focus { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-active-pb-16:active { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-16:disabled { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-hover-pb-20:hover { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-pb-20:focus { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-active-pb-20:active { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-20:disabled { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-hover-pb-24:hover { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-pb-24:focus { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-active-pb-24:active { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-24:disabled { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-hover-pb-28:hover { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-pb-28:focus { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-active-pb-28:active { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-28:disabled { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-hover-pb-32:hover { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-pb-32:focus { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-active-pb-32:active { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-pb-32:disabled { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-md-hover-pl-auto:hover { padding-left: auto; }
  html[data-theme="dark"] .dark-md-focus-pl-auto:focus { padding-left: auto; }
  html[data-theme="dark"] .dark-md-active-pl-auto:active { padding-left: auto; }
  html[data-theme="dark"] .dark-md-disabled-pl-auto:disabled { padding-left: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pl-auto:focus-within { padding-left: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-md-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-md-hover-pl-0:hover { padding-left: 0; }
  html[data-theme="dark"] .dark-md-focus-pl-0:focus { padding-left: 0; }
  html[data-theme="dark"] .dark-md-active-pl-0:active { padding-left: 0; }
  html[data-theme="dark"] .dark-md-disabled-pl-0:disabled { padding-left: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-0:focus-visible { padding-left: 0; }
  html[data-theme="dark"] .dark-md-focus-within-pl-0:focus-within { padding-left: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-md-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-pl-1:hover { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-pl-1:focus { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-pl-1:active { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-1:disabled { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-pl-2:hover { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-pl-2:focus { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-pl-2:active { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-2:disabled { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-pl-3:hover { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-pl-3:focus { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-pl-3:active { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-3:disabled { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-hover-pl-4:hover { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-pl-4:focus { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-active-pl-4:active { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-4:disabled { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-4:focus-within { padding-left: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-md-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-pl-5:hover { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-pl-5:focus { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-pl-5:active { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-5:disabled { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-pl-6:hover { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-pl-6:focus { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-pl-6:active { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-6:disabled { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-hover-pl-8:hover { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-pl-8:focus { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-active-pl-8:active { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-8:disabled { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-8:focus-within { padding-left: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-md-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-pl-10:hover { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-pl-10:focus { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-pl-10:active { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-10:disabled { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-hover-pl-12:hover { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-pl-12:focus { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-active-pl-12:active { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-12:disabled { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-12:focus-within { padding-left: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-md-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-hover-pl-16:hover { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-pl-16:focus { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-active-pl-16:active { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-16:disabled { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-16:focus-within { padding-left: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-md-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-hover-pl-20:hover { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-pl-20:focus { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-active-pl-20:active { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-20:disabled { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-20:focus-within { padding-left: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-md-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-hover-pl-24:hover { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-pl-24:focus { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-active-pl-24:active { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-24:disabled { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-24:focus-within { padding-left: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-md-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-hover-pl-28:hover { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-pl-28:focus { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-active-pl-28:active { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-28:disabled { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-28:focus-within { padding-left: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-md-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-hover-pl-32:hover { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-pl-32:focus { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-active-pl-32:active { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-pl-32:disabled { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-pl-32:focus-within { padding-left: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-md-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-md-hover-pr-auto:hover { padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-pr-auto:focus { padding-right: auto; }
  html[data-theme="dark"] .dark-md-active-pr-auto:active { padding-right: auto; }
  html[data-theme="dark"] .dark-md-disabled-pr-auto:disabled { padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pr-auto:focus-within { padding-right: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-md-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-md-hover-pr-0:hover { padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-pr-0:focus { padding-right: 0; }
  html[data-theme="dark"] .dark-md-active-pr-0:active { padding-right: 0; }
  html[data-theme="dark"] .dark-md-disabled-pr-0:disabled { padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-0:focus-visible { padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-within-pr-0:focus-within { padding-right: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-md-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-pr-1:hover { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-pr-1:focus { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-pr-1:active { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-1:disabled { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-pr-2:hover { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-pr-2:focus { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-pr-2:active { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-2:disabled { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-pr-3:hover { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-pr-3:focus { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-pr-3:active { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-3:disabled { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-hover-pr-4:hover { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-pr-4:focus { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-active-pr-4:active { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-4:disabled { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-4:focus-within { padding-right: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-pr-5:hover { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-pr-5:focus { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-pr-5:active { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-5:disabled { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-pr-6:hover { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-pr-6:focus { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-pr-6:active { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-6:disabled { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-hover-pr-8:hover { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-pr-8:focus { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-active-pr-8:active { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-8:disabled { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-8:focus-within { padding-right: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-pr-10:hover { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-pr-10:focus { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-pr-10:active { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-10:disabled { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-hover-pr-12:hover { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-pr-12:focus { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-active-pr-12:active { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-12:disabled { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-12:focus-within { padding-right: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-hover-pr-16:hover { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-pr-16:focus { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-active-pr-16:active { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-16:disabled { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-16:focus-within { padding-right: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-hover-pr-20:hover { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-pr-20:focus { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-active-pr-20:active { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-20:disabled { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-20:focus-within { padding-right: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-hover-pr-24:hover { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-pr-24:focus { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-active-pr-24:active { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-24:disabled { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-24:focus-within { padding-right: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-hover-pr-28:hover { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-pr-28:focus { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-active-pr-28:active { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-28:disabled { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-28:focus-within { padding-right: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-hover-pr-32:hover { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-pr-32:focus { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-active-pr-32:active { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-pr-32:disabled { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-pr-32:focus-within { padding-right: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-active-px-auto:active { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-md-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-active-px-0:active { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-md-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-md-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-md-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-md-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-md-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-md-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-md-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-md-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-md-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-md-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-md-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-md-hover-m-auto:hover { margin: auto; }
  html[data-theme="dark"] .dark-md-focus-m-auto:focus { margin: auto; }
  html[data-theme="dark"] .dark-md-active-m-auto:active { margin: auto; }
  html[data-theme="dark"] .dark-md-disabled-m-auto:disabled { margin: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-m-auto:focus-visible { margin: auto; }
  html[data-theme="dark"] .dark-md-focus-within-m-auto:focus-within { margin: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-md-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-md-hover-m-0:hover { margin: 0; }
  html[data-theme="dark"] .dark-md-focus-m-0:focus { margin: 0; }
  html[data-theme="dark"] .dark-md-active-m-0:active { margin: 0; }
  html[data-theme="dark"] .dark-md-disabled-m-0:disabled { margin: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-m-0:focus-visible { margin: 0; }
  html[data-theme="dark"] .dark-md-focus-within-m-0:focus-within { margin: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-md-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-m-1:hover { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-m-1:focus { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-m-1:active { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-m-1:disabled { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-1:focus-within { margin: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-m-2:hover { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-m-2:focus { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-m-2:active { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-m-2:disabled { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-2:focus-within { margin: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-m-3:hover { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-m-3:focus { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-m-3:active { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-m-3:disabled { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-3:focus-within { margin: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-md-hover-m-4:hover { margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-m-4:focus { margin: 1rem; }
  html[data-theme="dark"] .dark-md-active-m-4:active { margin: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-m-4:disabled { margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-4:focus-visible { margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-4:focus-within { margin: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-md-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-m-5:hover { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-m-5:focus { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-m-5:active { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-m-5:disabled { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-5:focus-within { margin: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-md-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-m-6:hover { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-m-6:focus { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-m-6:active { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-m-6:disabled { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-6:focus-within { margin: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-md-hover-m-8:hover { margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-m-8:focus { margin: 2rem; }
  html[data-theme="dark"] .dark-md-active-m-8:active { margin: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-m-8:disabled { margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-8:focus-visible { margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-8:focus-within { margin: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-md-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-m-10:hover { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-m-10:focus { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-m-10:active { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-m-10:disabled { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-10:focus-within { margin: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-md-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-md-hover-m-12:hover { margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-m-12:focus { margin: 3rem; }
  html[data-theme="dark"] .dark-md-active-m-12:active { margin: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-m-12:disabled { margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-12:focus-visible { margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-12:focus-within { margin: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-md-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-md-hover-m-16:hover { margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-m-16:focus { margin: 4rem; }
  html[data-theme="dark"] .dark-md-active-m-16:active { margin: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-m-16:disabled { margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-16:focus-visible { margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-16:focus-within { margin: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-md-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-md-hover-m-20:hover { margin: 5rem; }
  html[data-theme="dark"] .dark-md-focus-m-20:focus { margin: 5rem; }
  html[data-theme="dark"] .dark-md-active-m-20:active { margin: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-m-20:disabled { margin: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-20:focus-visible { margin: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-20:focus-within { margin: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-md-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-md-hover-m-24:hover { margin: 6rem; }
  html[data-theme="dark"] .dark-md-focus-m-24:focus { margin: 6rem; }
  html[data-theme="dark"] .dark-md-active-m-24:active { margin: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-m-24:disabled { margin: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-24:focus-visible { margin: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-24:focus-within { margin: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-md-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-md-hover-m-28:hover { margin: 7rem; }
  html[data-theme="dark"] .dark-md-focus-m-28:focus { margin: 7rem; }
  html[data-theme="dark"] .dark-md-active-m-28:active { margin: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-m-28:disabled { margin: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-28:focus-visible { margin: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-28:focus-within { margin: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-md-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-md-hover-m-32:hover { margin: 8rem; }
  html[data-theme="dark"] .dark-md-focus-m-32:focus { margin: 8rem; }
  html[data-theme="dark"] .dark-md-active-m-32:active { margin: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-m-32:disabled { margin: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-m-32:focus-visible { margin: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-m-32:focus-within { margin: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-md-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-md-hover-mt-auto:hover { margin-top: auto; }
  html[data-theme="dark"] .dark-md-focus-mt-auto:focus { margin-top: auto; }
  html[data-theme="dark"] .dark-md-active-mt-auto:active { margin-top: auto; }
  html[data-theme="dark"] .dark-md-disabled-mt-auto:disabled { margin-top: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  html[data-theme="dark"] .dark-md-focus-within-mt-auto:focus-within { margin-top: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-md-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-md-hover-mt-0:hover { margin-top: 0; }
  html[data-theme="dark"] .dark-md-focus-mt-0:focus { margin-top: 0; }
  html[data-theme="dark"] .dark-md-active-mt-0:active { margin-top: 0; }
  html[data-theme="dark"] .dark-md-disabled-mt-0:disabled { margin-top: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-0:focus-visible { margin-top: 0; }
  html[data-theme="dark"] .dark-md-focus-within-mt-0:focus-within { margin-top: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-md-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-mt-1:hover { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-mt-1:focus { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-mt-1:active { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-1:disabled { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-md-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-mt-2:hover { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-mt-2:focus { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-mt-2:active { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-2:disabled { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-md-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-mt-3:hover { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-mt-3:focus { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-mt-3:active { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-3:disabled { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-md-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-hover-mt-4:hover { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-mt-4:focus { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-active-mt-4:active { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-4:disabled { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-4:focus-within { margin-top: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-md-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-mt-5:hover { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-mt-5:focus { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-mt-5:active { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-5:disabled { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-md-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-mt-6:hover { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-mt-6:focus { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-mt-6:active { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-6:disabled { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-md-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-hover-mt-8:hover { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-mt-8:focus { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-active-mt-8:active { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-8:disabled { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-8:focus-within { margin-top: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-md-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-mt-10:hover { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-mt-10:focus { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-mt-10:active { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-10:disabled { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-md-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-hover-mt-12:hover { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-mt-12:focus { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-active-mt-12:active { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-12:disabled { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-12:focus-within { margin-top: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-md-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-hover-mt-16:hover { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-mt-16:focus { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-active-mt-16:active { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-16:disabled { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-16:focus-within { margin-top: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-md-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-hover-mt-20:hover { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-mt-20:focus { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-active-mt-20:active { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-20:disabled { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-20:focus-within { margin-top: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-md-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-hover-mt-24:hover { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-mt-24:focus { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-active-mt-24:active { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-24:disabled { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-24:focus-within { margin-top: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-md-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-hover-mt-28:hover { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-mt-28:focus { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-active-mt-28:active { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-28:disabled { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-28:focus-within { margin-top: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-md-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-hover-mt-32:hover { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-mt-32:focus { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-active-mt-32:active { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-mt-32:disabled { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-mt-32:focus-within { margin-top: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-md-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-hover-mb-auto:hover { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-mb-auto:focus { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-active-mb-auto:active { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-disabled-mb-auto:disabled { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-hover-mb-0:hover { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-mb-0:focus { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-active-mb-0:active { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-disabled-mb-0:disabled { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-within-mb-0:focus-within { margin-bottom: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-mb-1:hover { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-mb-1:focus { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-mb-1:active { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-mb-2:hover { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-mb-2:focus { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-mb-2:active { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-mb-3:hover { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-mb-3:focus { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-mb-3:active { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-hover-mb-4:hover { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-mb-4:focus { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-active-mb-4:active { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-4:disabled { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-mb-5:hover { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-mb-5:focus { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-mb-5:active { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-mb-6:hover { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-mb-6:focus { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-mb-6:active { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-hover-mb-8:hover { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-mb-8:focus { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-active-mb-8:active { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-8:disabled { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-mb-10:hover { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-mb-10:focus { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-mb-10:active { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-hover-mb-12:hover { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-mb-12:focus { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-active-mb-12:active { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-12:disabled { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-hover-mb-16:hover { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-mb-16:focus { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-active-mb-16:active { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-16:disabled { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-hover-mb-20:hover { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-mb-20:focus { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-active-mb-20:active { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-20:disabled { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-hover-mb-24:hover { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-mb-24:focus { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-active-mb-24:active { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-24:disabled { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-hover-mb-28:hover { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-mb-28:focus { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-active-mb-28:active { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-28:disabled { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-hover-mb-32:hover { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-mb-32:focus { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-active-mb-32:active { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-mb-32:disabled { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-md-hover-ml-auto:hover { margin-left: auto; }
  html[data-theme="dark"] .dark-md-focus-ml-auto:focus { margin-left: auto; }
  html[data-theme="dark"] .dark-md-active-ml-auto:active { margin-left: auto; }
  html[data-theme="dark"] .dark-md-disabled-ml-auto:disabled { margin-left: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  html[data-theme="dark"] .dark-md-focus-within-ml-auto:focus-within { margin-left: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-md-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-md-hover-ml-0:hover { margin-left: 0; }
  html[data-theme="dark"] .dark-md-focus-ml-0:focus { margin-left: 0; }
  html[data-theme="dark"] .dark-md-active-ml-0:active { margin-left: 0; }
  html[data-theme="dark"] .dark-md-disabled-ml-0:disabled { margin-left: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-0:focus-visible { margin-left: 0; }
  html[data-theme="dark"] .dark-md-focus-within-ml-0:focus-within { margin-left: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-md-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-ml-1:hover { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-ml-1:focus { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-ml-1:active { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-1:disabled { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-md-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-ml-2:hover { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-ml-2:focus { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-ml-2:active { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-2:disabled { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-md-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-ml-3:hover { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-ml-3:focus { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-ml-3:active { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-3:disabled { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-md-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-hover-ml-4:hover { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-ml-4:focus { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-active-ml-4:active { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-4:disabled { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-4:focus-within { margin-left: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-md-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-ml-5:hover { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-ml-5:focus { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-ml-5:active { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-5:disabled { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-md-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-ml-6:hover { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-ml-6:focus { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-ml-6:active { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-6:disabled { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-md-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-hover-ml-8:hover { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-ml-8:focus { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-active-ml-8:active { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-8:disabled { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-8:focus-within { margin-left: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-md-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-ml-10:hover { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-ml-10:focus { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-ml-10:active { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-10:disabled { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-md-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-hover-ml-12:hover { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-ml-12:focus { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-active-ml-12:active { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-12:disabled { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-12:focus-within { margin-left: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-md-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-hover-ml-16:hover { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-ml-16:focus { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-active-ml-16:active { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-16:disabled { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-16:focus-within { margin-left: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-md-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-hover-ml-20:hover { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-ml-20:focus { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-active-ml-20:active { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-20:disabled { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-20:focus-within { margin-left: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-md-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-hover-ml-24:hover { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-ml-24:focus { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-active-ml-24:active { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-24:disabled { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-24:focus-within { margin-left: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-md-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-hover-ml-28:hover { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-ml-28:focus { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-active-ml-28:active { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-28:disabled { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-28:focus-within { margin-left: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-md-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-hover-ml-32:hover { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-ml-32:focus { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-active-ml-32:active { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-ml-32:disabled { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-ml-32:focus-within { margin-left: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-md-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-md-hover-mr-auto:hover { margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-mr-auto:focus { margin-right: auto; }
  html[data-theme="dark"] .dark-md-active-mr-auto:active { margin-right: auto; }
  html[data-theme="dark"] .dark-md-disabled-mr-auto:disabled { margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-within-mr-auto:focus-within { margin-right: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-md-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-md-hover-mr-0:hover { margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-mr-0:focus { margin-right: 0; }
  html[data-theme="dark"] .dark-md-active-mr-0:active { margin-right: 0; }
  html[data-theme="dark"] .dark-md-disabled-mr-0:disabled { margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-0:focus-visible { margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-within-mr-0:focus-within { margin-right: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-md-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-mr-1:hover { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-mr-1:focus { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-mr-1:active { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-1:disabled { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-mr-2:hover { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-mr-2:focus { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-mr-2:active { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-2:disabled { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-mr-3:hover { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-mr-3:focus { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-mr-3:active { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-3:disabled { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-hover-mr-4:hover { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-mr-4:focus { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-active-mr-4:active { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-4:disabled { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-4:focus-within { margin-right: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-mr-5:hover { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-mr-5:focus { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-mr-5:active { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-5:disabled { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-mr-6:hover { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-mr-6:focus { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-mr-6:active { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-6:disabled { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-hover-mr-8:hover { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-mr-8:focus { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-active-mr-8:active { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-8:disabled { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-8:focus-within { margin-right: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-mr-10:hover { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-mr-10:focus { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-mr-10:active { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-10:disabled { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-hover-mr-12:hover { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-mr-12:focus { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-active-mr-12:active { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-12:disabled { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-12:focus-within { margin-right: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-hover-mr-16:hover { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-mr-16:focus { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-active-mr-16:active { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-16:disabled { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-16:focus-within { margin-right: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-hover-mr-20:hover { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-mr-20:focus { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-active-mr-20:active { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-20:disabled { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-20:focus-within { margin-right: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-hover-mr-24:hover { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-mr-24:focus { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-active-mr-24:active { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-24:disabled { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-24:focus-within { margin-right: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-hover-mr-28:hover { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-mr-28:focus { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-active-mr-28:active { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-28:disabled { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-28:focus-within { margin-right: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-hover-mr-32:hover { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-mr-32:focus { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-active-mr-32:active { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-mr-32:disabled { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-mr-32:focus-within { margin-right: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-md-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-active-mx-0:active { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-md-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-md-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-md-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-md-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-md-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-md-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-md-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-md-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-md-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-md-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-md-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-md-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-md-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-md-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-md-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-md-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-md-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-md-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-md-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-md-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-md-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-md-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-md-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-md-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-md-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-md-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-md-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-md-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-md-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-md-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-md-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-md-hover-space-x-auto:hover { --space-x: auto; }
  html[data-theme="dark"] .dark-md-focus-space-x-auto:focus { --space-x: auto; }
  html[data-theme="dark"] .dark-md-active-space-x-auto:active { --space-x: auto; }
  html[data-theme="dark"] .dark-md-disabled-space-x-auto:disabled { --space-x: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-auto:focus-within { --space-x: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-md-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-md-hover-space-x-0:hover { --space-x: 0; }
  html[data-theme="dark"] .dark-md-focus-space-x-0:focus { --space-x: 0; }
  html[data-theme="dark"] .dark-md-active-space-x-0:active { --space-x: 0; }
  html[data-theme="dark"] .dark-md-disabled-space-x-0:disabled { --space-x: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-0:focus-within { --space-x: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-md-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-1:hover { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-1:focus { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-space-x-1:active { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-md-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-2:hover { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-2:focus { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-space-x-2:active { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-md-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-3:hover { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-3:focus { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-space-x-3:active { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-md-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-4:hover { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-4:focus { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-active-space-x-4:active { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-4:disabled { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-md-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-5:hover { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-5:focus { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-space-x-5:active { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-md-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-6:hover { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-6:focus { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-space-x-6:active { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-md-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-8:hover { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-8:focus { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-active-space-x-8:active { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-8:disabled { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-md-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-10:hover { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-10:focus { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-space-x-10:active { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-md-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-12:hover { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-12:focus { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-active-space-x-12:active { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-12:disabled { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-md-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-16:hover { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-16:focus { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-active-space-x-16:active { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-16:disabled { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-md-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-20:hover { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-20:focus { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-active-space-x-20:active { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-20:disabled { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-md-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-24:hover { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-24:focus { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-active-space-x-24:active { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-24:disabled { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-md-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-28:hover { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-28:focus { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-active-space-x-28:active { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-28:disabled { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-md-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-hover-space-x-32:hover { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-focus-space-x-32:focus { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-active-space-x-32:active { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-space-x-32:disabled { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-md-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-md-hover-space-y-auto:hover { --space-y: auto; }
  html[data-theme="dark"] .dark-md-focus-space-y-auto:focus { --space-y: auto; }
  html[data-theme="dark"] .dark-md-active-space-y-auto:active { --space-y: auto; }
  html[data-theme="dark"] .dark-md-disabled-space-y-auto:disabled { --space-y: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-auto:focus-within { --space-y: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-md-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-md-hover-space-y-0:hover { --space-y: 0; }
  html[data-theme="dark"] .dark-md-focus-space-y-0:focus { --space-y: 0; }
  html[data-theme="dark"] .dark-md-active-space-y-0:active { --space-y: 0; }
  html[data-theme="dark"] .dark-md-disabled-space-y-0:disabled { --space-y: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-0:focus-within { --space-y: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-md-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-1:hover { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-1:focus { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-space-y-1:active { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-md-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-2:hover { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-2:focus { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-space-y-2:active { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-md-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-3:hover { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-3:focus { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-space-y-3:active { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-md-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-4:hover { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-4:focus { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-active-space-y-4:active { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-4:disabled { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-md-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-5:hover { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-5:focus { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-space-y-5:active { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-md-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-6:hover { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-6:focus { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-space-y-6:active { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-md-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-8:hover { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-8:focus { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-active-space-y-8:active { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-8:disabled { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-md-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-10:hover { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-10:focus { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-space-y-10:active { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-md-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-12:hover { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-12:focus { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-active-space-y-12:active { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-12:disabled { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-md-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-16:hover { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-16:focus { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-active-space-y-16:active { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-16:disabled { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-md-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-20:hover { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-20:focus { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-active-space-y-20:active { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-20:disabled { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-md-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-24:hover { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-24:focus { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-active-space-y-24:active { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-24:disabled { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-md-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-28:hover { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-28:focus { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-active-space-y-28:active { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-28:disabled { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-md-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-hover-space-y-32:hover { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-focus-space-y-32:focus { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-active-space-y-32:active { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-space-y-32:disabled { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-md-d-block { display: block; }
  html[data-theme="dark"] .dark-md-hover-d-block:hover { display: block; }
  html[data-theme="dark"] .dark-md-focus-d-block:focus { display: block; }
  html[data-theme="dark"] .dark-md-active-d-block:active { display: block; }
  html[data-theme="dark"] .dark-md-disabled-d-block:disabled { display: block; }
  html[data-theme="dark"] .dark-md-focus-visible-d-block:focus-visible { display: block; }
  html[data-theme="dark"] .dark-md-focus-within-d-block:focus-within { display: block; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-block { display: block; }
  html[data-theme="dark"] .dark-md-d-inline { display: inline; }
  html[data-theme="dark"] .dark-md-hover-d-inline:hover { display: inline; }
  html[data-theme="dark"] .dark-md-focus-d-inline:focus { display: inline; }
  html[data-theme="dark"] .dark-md-active-d-inline:active { display: inline; }
  html[data-theme="dark"] .dark-md-disabled-d-inline:disabled { display: inline; }
  html[data-theme="dark"] .dark-md-focus-visible-d-inline:focus-visible { display: inline; }
  html[data-theme="dark"] .dark-md-focus-within-d-inline:focus-within { display: inline; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-inline { display: inline; }
  html[data-theme="dark"] .dark-md-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-md-hover-d-inline-block:hover { display: inline-block; }
  html[data-theme="dark"] .dark-md-focus-d-inline-block:focus { display: inline-block; }
  html[data-theme="dark"] .dark-md-active-d-inline-block:active { display: inline-block; }
  html[data-theme="dark"] .dark-md-disabled-d-inline-block:disabled { display: inline-block; }
  html[data-theme="dark"] .dark-md-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  html[data-theme="dark"] .dark-md-focus-within-d-inline-block:focus-within { display: inline-block; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-md-d-flex { display: flex; }
  html[data-theme="dark"] .dark-md-hover-d-flex:hover { display: flex; }
  html[data-theme="dark"] .dark-md-focus-d-flex:focus { display: flex; }
  html[data-theme="dark"] .dark-md-active-d-flex:active { display: flex; }
  html[data-theme="dark"] .dark-md-disabled-d-flex:disabled { display: flex; }
  html[data-theme="dark"] .dark-md-focus-visible-d-flex:focus-visible { display: flex; }
  html[data-theme="dark"] .dark-md-focus-within-d-flex:focus-within { display: flex; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-flex { display: flex; }
  html[data-theme="dark"] .dark-md-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-md-hover-d-inline-flex:hover { display: inline-flex; }
  html[data-theme="dark"] .dark-md-focus-d-inline-flex:focus { display: inline-flex; }
  html[data-theme="dark"] .dark-md-active-d-inline-flex:active { display: inline-flex; }
  html[data-theme="dark"] .dark-md-disabled-d-inline-flex:disabled { display: inline-flex; }
  html[data-theme="dark"] .dark-md-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  html[data-theme="dark"] .dark-md-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-md-d-grid { display: grid; }
  html[data-theme="dark"] .dark-md-hover-d-grid:hover { display: grid; }
  html[data-theme="dark"] .dark-md-focus-d-grid:focus { display: grid; }
  html[data-theme="dark"] .dark-md-active-d-grid:active { display: grid; }
  html[data-theme="dark"] .dark-md-disabled-d-grid:disabled { display: grid; }
  html[data-theme="dark"] .dark-md-focus-visible-d-grid:focus-visible { display: grid; }
  html[data-theme="dark"] .dark-md-focus-within-d-grid:focus-within { display: grid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-grid { display: grid; }
  html[data-theme="dark"] .dark-md-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-md-hover-d-inline-grid:hover { display: inline-grid; }
  html[data-theme="dark"] .dark-md-focus-d-inline-grid:focus { display: inline-grid; }
  html[data-theme="dark"] .dark-md-active-d-inline-grid:active { display: inline-grid; }
  html[data-theme="dark"] .dark-md-disabled-d-inline-grid:disabled { display: inline-grid; }
  html[data-theme="dark"] .dark-md-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  html[data-theme="dark"] .dark-md-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-md-d-none { display: none; }
  html[data-theme="dark"] .dark-md-hover-d-none:hover { display: none; }
  html[data-theme="dark"] .dark-md-focus-d-none:focus { display: none; }
  html[data-theme="dark"] .dark-md-active-d-none:active { display: none; }
  html[data-theme="dark"] .dark-md-disabled-d-none:disabled { display: none; }
  html[data-theme="dark"] .dark-md-focus-visible-d-none:focus-visible { display: none; }
  html[data-theme="dark"] .dark-md-focus-within-d-none:focus-within { display: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-d-none { display: none; }
  html[data-theme="dark"] .dark-md-static { position: static; }
  html[data-theme="dark"] .dark-md-hover-static:hover { position: static; }
  html[data-theme="dark"] .dark-md-focus-static:focus { position: static; }
  html[data-theme="dark"] .dark-md-active-static:active { position: static; }
  html[data-theme="dark"] .dark-md-disabled-static:disabled { position: static; }
  html[data-theme="dark"] .dark-md-focus-visible-static:focus-visible { position: static; }
  html[data-theme="dark"] .dark-md-focus-within-static:focus-within { position: static; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-static { position: static; }
  html[data-theme="dark"] .dark-md-relative { position: relative; }
  html[data-theme="dark"] .dark-md-hover-relative:hover { position: relative; }
  html[data-theme="dark"] .dark-md-focus-relative:focus { position: relative; }
  html[data-theme="dark"] .dark-md-active-relative:active { position: relative; }
  html[data-theme="dark"] .dark-md-disabled-relative:disabled { position: relative; }
  html[data-theme="dark"] .dark-md-focus-visible-relative:focus-visible { position: relative; }
  html[data-theme="dark"] .dark-md-focus-within-relative:focus-within { position: relative; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-relative { position: relative; }
  html[data-theme="dark"] .dark-md-absolute { position: absolute; }
  html[data-theme="dark"] .dark-md-hover-absolute:hover { position: absolute; }
  html[data-theme="dark"] .dark-md-focus-absolute:focus { position: absolute; }
  html[data-theme="dark"] .dark-md-active-absolute:active { position: absolute; }
  html[data-theme="dark"] .dark-md-disabled-absolute:disabled { position: absolute; }
  html[data-theme="dark"] .dark-md-focus-visible-absolute:focus-visible { position: absolute; }
  html[data-theme="dark"] .dark-md-focus-within-absolute:focus-within { position: absolute; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-absolute { position: absolute; }
  html[data-theme="dark"] .dark-md-fixed { position: fixed; }
  html[data-theme="dark"] .dark-md-hover-fixed:hover { position: fixed; }
  html[data-theme="dark"] .dark-md-focus-fixed:focus { position: fixed; }
  html[data-theme="dark"] .dark-md-active-fixed:active { position: fixed; }
  html[data-theme="dark"] .dark-md-disabled-fixed:disabled { position: fixed; }
  html[data-theme="dark"] .dark-md-focus-visible-fixed:focus-visible { position: fixed; }
  html[data-theme="dark"] .dark-md-focus-within-fixed:focus-within { position: fixed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-fixed { position: fixed; }
  html[data-theme="dark"] .dark-md-sticky { position: sticky; }
  html[data-theme="dark"] .dark-md-hover-sticky:hover { position: sticky; }
  html[data-theme="dark"] .dark-md-focus-sticky:focus { position: sticky; }
  html[data-theme="dark"] .dark-md-active-sticky:active { position: sticky; }
  html[data-theme="dark"] .dark-md-disabled-sticky:disabled { position: sticky; }
  html[data-theme="dark"] .dark-md-focus-visible-sticky:focus-visible { position: sticky; }
  html[data-theme="dark"] .dark-md-focus-within-sticky:focus-within { position: sticky; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sticky { position: sticky; }
  html[data-theme="dark"] .dark-md-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-md-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-md-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-md-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-md-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-md-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-md-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-md-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-md-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-md-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-md-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-md-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-md-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-md-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-md-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-md-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-md-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-md-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-md-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-md-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-md-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-md-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-md-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-md-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-md-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-md-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-md-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-md-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-md-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-md-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-md-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-md-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-md-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-md-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-md-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-md-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-md-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-md-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-md-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-md-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-md-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-md-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-md-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-md-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-md-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-md-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-md-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-md-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-md-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-md-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-md-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-md-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-md-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-md-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-md-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-md-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-md-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-md-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-md-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-md-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-md-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-md-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-md-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-md-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-md-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-md-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-md-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-md-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-md-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-md-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-md-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-md-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-md-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-md-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-md-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-md-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-md-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-md-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-md-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-md-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-md-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-md-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-md-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-md-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-md-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-md-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-md-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-md-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-md-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-md-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-md-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-md-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-md-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-md-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-md-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-md-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-md-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-md-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-md-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-md-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-md-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-md-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-md-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-md-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-md-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-md-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-md-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-md-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-md-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-md-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-md-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-md-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-md-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-md-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-md-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-md-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-md-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-md-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-md-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-md-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-md-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-md-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-md-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-md-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-md-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-md-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-md-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-md-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-md-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-md-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-md-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-md-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-md-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-md-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-md-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-md-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-md-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-md-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-md-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-md-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-md-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-md-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-md-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-md-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-md-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-md-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-md-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-md-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-md-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-md-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-md-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-md-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-md-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-md-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-md-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-md-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-md-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-md-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-md-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-md-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-md-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-md-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-md-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-md-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-md-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-md-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-md-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-md-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-md-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-md-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-md-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-md-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-md-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-md-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-md-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-md-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-md-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-md-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-md-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-md-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-md-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-md-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-md-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-md-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-md-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-md-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-md-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-md-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-md-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-md-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-md-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-md-hover-gap-0:hover { gap: 0; }
  html[data-theme="dark"] .dark-md-focus-gap-0:focus { gap: 0; }
  html[data-theme="dark"] .dark-md-active-gap-0:active { gap: 0; }
  html[data-theme="dark"] .dark-md-disabled-gap-0:disabled { gap: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-0:focus-visible { gap: 0; }
  html[data-theme="dark"] .dark-md-focus-within-gap-0:focus-within { gap: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-md-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-gap-1:hover { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-gap-1:focus { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-gap-1:active { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-1:disabled { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-1:focus-within { gap: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-gap-2:hover { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-gap-2:focus { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-gap-2:active { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-2:disabled { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-2:focus-within { gap: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-gap-3:hover { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-gap-3:focus { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-gap-3:active { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-3:disabled { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-3:focus-within { gap: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-md-hover-gap-4:hover { gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-gap-4:focus { gap: 1rem; }
  html[data-theme="dark"] .dark-md-active-gap-4:active { gap: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-4:disabled { gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-4:focus-visible { gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-4:focus-within { gap: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-md-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-gap-5:hover { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-gap-5:focus { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-gap-5:active { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-5:disabled { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-5:focus-within { gap: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-gap-6:hover { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-gap-6:focus { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-gap-6:active { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-6:disabled { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-6:focus-within { gap: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-gap-7:hover { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-gap-7:focus { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-gap-7:active { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-7:disabled { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-7:focus-within { gap: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-md-hover-gap-8:hover { gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-gap-8:focus { gap: 2rem; }
  html[data-theme="dark"] .dark-md-active-gap-8:active { gap: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-8:disabled { gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-8:focus-visible { gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-8:focus-within { gap: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-md-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-gap-9:hover { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-gap-9:focus { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-gap-9:active { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-9:disabled { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-9:focus-within { gap: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-gap-10:hover { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-gap-10:focus { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-gap-10:active { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-10:disabled { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-10:focus-within { gap: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-md-hover-gap-12:hover { gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-gap-12:focus { gap: 3rem; }
  html[data-theme="dark"] .dark-md-active-gap-12:active { gap: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-12:disabled { gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-12:focus-visible { gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-12:focus-within { gap: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-md-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-gap-14:hover { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-gap-14:focus { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-gap-14:active { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-14:disabled { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-14:focus-within { gap: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-md-hover-gap-16:hover { gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-gap-16:focus { gap: 4rem; }
  html[data-theme="dark"] .dark-md-active-gap-16:active { gap: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-16:disabled { gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-16:focus-visible { gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-16:focus-within { gap: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-md-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-md-hover-gap-20:hover { gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-gap-20:focus { gap: 5rem; }
  html[data-theme="dark"] .dark-md-active-gap-20:active { gap: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-20:disabled { gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-20:focus-visible { gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-20:focus-within { gap: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-md-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-md-hover-gap-24:hover { gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-gap-24:focus { gap: 6rem; }
  html[data-theme="dark"] .dark-md-active-gap-24:active { gap: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-24:disabled { gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-24:focus-visible { gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-24:focus-within { gap: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-md-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-md-hover-gap-28:hover { gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-gap-28:focus { gap: 7rem; }
  html[data-theme="dark"] .dark-md-active-gap-28:active { gap: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-28:disabled { gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-28:focus-visible { gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-28:focus-within { gap: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-md-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-md-hover-gap-32:hover { gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-gap-32:focus { gap: 8rem; }
  html[data-theme="dark"] .dark-md-active-gap-32:active { gap: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-gap-32:disabled { gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-gap-32:focus-visible { gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-gap-32:focus-within { gap: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-md-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-md-hover-row-gap-0:hover { row-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-row-gap-0:focus { row-gap: 0; }
  html[data-theme="dark"] .dark-md-active-row-gap-0:active { row-gap: 0; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-0:disabled { row-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-0:focus-within { row-gap: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-md-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-1:hover { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-1:focus { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-1:active { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-2:hover { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-2:focus { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-2:active { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-3:hover { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-3:focus { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-3:active { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-4:hover { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-4:focus { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-4:active { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-4:disabled { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-md-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-5:hover { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-5:focus { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-5:active { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-6:hover { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-6:focus { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-6:active { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-7:hover { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-7:focus { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-7:active { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-8:hover { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-8:focus { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-8:active { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-8:disabled { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-md-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-9:hover { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-9:focus { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-9:active { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-10:hover { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-10:focus { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-10:active { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-12:hover { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-12:focus { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-12:active { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-12:disabled { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-md-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-14:hover { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-14:focus { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-14:active { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-16:hover { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-16:focus { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-16:active { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-16:disabled { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-md-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-20:hover { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-20:focus { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-20:active { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-20:disabled { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-md-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-24:hover { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-24:focus { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-24:active { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-24:disabled { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-md-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-28:hover { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-28:focus { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-28:active { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-28:disabled { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-md-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-hover-row-gap-32:hover { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-row-gap-32:focus { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-active-row-gap-32:active { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-row-gap-32:disabled { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-md-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-md-hover-column-gap-0:hover { column-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-column-gap-0:focus { column-gap: 0; }
  html[data-theme="dark"] .dark-md-active-column-gap-0:active { column-gap: 0; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-0:disabled { column-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-0:focus-within { column-gap: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-md-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-1:hover { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-1:focus { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-1:active { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-md-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-2:hover { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-2:focus { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-2:active { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-md-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-3:hover { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-3:focus { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-3:active { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-md-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-4:hover { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-4:focus { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-4:active { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-4:disabled { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-md-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-5:hover { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-5:focus { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-5:active { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-md-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-6:hover { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-6:focus { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-6:active { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-md-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-7:hover { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-7:focus { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-7:active { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-md-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-8:hover { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-8:focus { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-8:active { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-8:disabled { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-md-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-9:hover { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-9:focus { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-9:active { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-md-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-10:hover { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-10:focus { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-10:active { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-md-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-12:hover { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-12:focus { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-12:active { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-12:disabled { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-md-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-14:hover { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-14:focus { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-14:active { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-md-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-16:hover { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-16:focus { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-16:active { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-16:disabled { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-md-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-20:hover { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-20:focus { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-20:active { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-20:disabled { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-md-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-24:hover { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-24:focus { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-24:active { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-24:disabled { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-md-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-28:hover { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-28:focus { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-28:active { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-28:disabled { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-md-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-hover-column-gap-32:hover { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-column-gap-32:focus { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-active-column-gap-32:active { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-column-gap-32:disabled { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-md-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-md-hover-flex-row:hover { flex-direction: row; }
  html[data-theme="dark"] .dark-md-focus-flex-row:focus { flex-direction: row; }
  html[data-theme="dark"] .dark-md-active-flex-row:active { flex-direction: row; }
  html[data-theme="dark"] .dark-md-disabled-flex-row:disabled { flex-direction: row; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-row:focus-visible { flex-direction: row; }
  html[data-theme="dark"] .dark-md-focus-within-flex-row:focus-within { flex-direction: row; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-md-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-md-hover-flex-col:hover { flex-direction: column; }
  html[data-theme="dark"] .dark-md-focus-flex-col:focus { flex-direction: column; }
  html[data-theme="dark"] .dark-md-active-flex-col:active { flex-direction: column; }
  html[data-theme="dark"] .dark-md-disabled-flex-col:disabled { flex-direction: column; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-col:focus-visible { flex-direction: column; }
  html[data-theme="dark"] .dark-md-focus-within-flex-col:focus-within { flex-direction: column; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-md-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-active-flex-row-reverse:active { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-md-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-active-flex-col-reverse:active { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-md-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-hover-flex-wrap:hover { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-focus-flex-wrap:focus { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-active-flex-wrap:active { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-md-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-active-flex-nowrap:active { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-md-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-md-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-md-hover-flex-1:hover { flex: 1; }
  html[data-theme="dark"] .dark-md-focus-flex-1:focus { flex: 1; }
  html[data-theme="dark"] .dark-md-active-flex-1:active { flex: 1; }
  html[data-theme="dark"] .dark-md-disabled-flex-1:disabled { flex: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-1:focus-visible { flex: 1; }
  html[data-theme="dark"] .dark-md-focus-within-flex-1:focus-within { flex: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-md-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-md-hover-flex-auto:hover { flex: auto; }
  html[data-theme="dark"] .dark-md-focus-flex-auto:focus { flex: auto; }
  html[data-theme="dark"] .dark-md-active-flex-auto:active { flex: auto; }
  html[data-theme="dark"] .dark-md-disabled-flex-auto:disabled { flex: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-auto:focus-visible { flex: auto; }
  html[data-theme="dark"] .dark-md-focus-within-flex-auto:focus-within { flex: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-md-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-md-hover-flex-initial:hover { flex: initial; }
  html[data-theme="dark"] .dark-md-focus-flex-initial:focus { flex: initial; }
  html[data-theme="dark"] .dark-md-active-flex-initial:active { flex: initial; }
  html[data-theme="dark"] .dark-md-disabled-flex-initial:disabled { flex: initial; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-initial:focus-visible { flex: initial; }
  html[data-theme="dark"] .dark-md-focus-within-flex-initial:focus-within { flex: initial; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-md-flex-none { flex: none; }
  html[data-theme="dark"] .dark-md-hover-flex-none:hover { flex: none; }
  html[data-theme="dark"] .dark-md-focus-flex-none:focus { flex: none; }
  html[data-theme="dark"] .dark-md-active-flex-none:active { flex: none; }
  html[data-theme="dark"] .dark-md-disabled-flex-none:disabled { flex: none; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-none:focus-visible { flex: none; }
  html[data-theme="dark"] .dark-md-focus-within-flex-none:focus-within { flex: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-none { flex: none; }
  html[data-theme="dark"] .dark-md-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-hover-flex-grow-0:hover { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-focus-flex-grow-0:focus { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-active-flex-grow-0:active { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-disabled-flex-grow-0:disabled { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-md-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-hover-flex-grow-1:hover { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-focus-flex-grow-1:focus { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-active-flex-grow-1:active { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-disabled-flex-grow-1:disabled { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-md-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-hover-flex-shrink-0:hover { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-focus-flex-shrink-0:focus { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-active-flex-shrink-0:active { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-md-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-hover-flex-shrink-1:hover { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-focus-flex-shrink-1:focus { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-active-flex-shrink-1:active { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-md-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-0:hover { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-0:focus { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-active-flex-basis-0:active { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-0:disabled { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-md-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-auto:hover { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-auto:focus { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-active-flex-basis-auto:active { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-md-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-full:hover { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-full:focus { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-full:active { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-md-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-half:hover { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-half:focus { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-half:active { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-md-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-md-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-md-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-md-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-md-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-md-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-md-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-md-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-md-order-first { order: -1; }
  html[data-theme="dark"] .dark-md-hover-order-first:hover { order: -1; }
  html[data-theme="dark"] .dark-md-focus-order-first:focus { order: -1; }
  html[data-theme="dark"] .dark-md-active-order-first:active { order: -1; }
  html[data-theme="dark"] .dark-md-disabled-order-first:disabled { order: -1; }
  html[data-theme="dark"] .dark-md-focus-visible-order-first:focus-visible { order: -1; }
  html[data-theme="dark"] .dark-md-focus-within-order-first:focus-within { order: -1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-first { order: -1; }
  html[data-theme="dark"] .dark-md-order-last { order: 9999; }
  html[data-theme="dark"] .dark-md-hover-order-last:hover { order: 9999; }
  html[data-theme="dark"] .dark-md-focus-order-last:focus { order: 9999; }
  html[data-theme="dark"] .dark-md-active-order-last:active { order: 9999; }
  html[data-theme="dark"] .dark-md-disabled-order-last:disabled { order: 9999; }
  html[data-theme="dark"] .dark-md-focus-visible-order-last:focus-visible { order: 9999; }
  html[data-theme="dark"] .dark-md-focus-within-order-last:focus-within { order: 9999; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-last { order: 9999; }
  html[data-theme="dark"] .dark-md-order-0 { order: 0; }
  html[data-theme="dark"] .dark-md-hover-order-0:hover { order: 0; }
  html[data-theme="dark"] .dark-md-focus-order-0:focus { order: 0; }
  html[data-theme="dark"] .dark-md-active-order-0:active { order: 0; }
  html[data-theme="dark"] .dark-md-disabled-order-0:disabled { order: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-order-0:focus-visible { order: 0; }
  html[data-theme="dark"] .dark-md-focus-within-order-0:focus-within { order: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-0 { order: 0; }
  html[data-theme="dark"] .dark-md-order-1 { order: 1; }
  html[data-theme="dark"] .dark-md-hover-order-1:hover { order: 1; }
  html[data-theme="dark"] .dark-md-focus-order-1:focus { order: 1; }
  html[data-theme="dark"] .dark-md-active-order-1:active { order: 1; }
  html[data-theme="dark"] .dark-md-disabled-order-1:disabled { order: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-order-1:focus-visible { order: 1; }
  html[data-theme="dark"] .dark-md-focus-within-order-1:focus-within { order: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-1 { order: 1; }
  html[data-theme="dark"] .dark-md-order-2 { order: 2; }
  html[data-theme="dark"] .dark-md-hover-order-2:hover { order: 2; }
  html[data-theme="dark"] .dark-md-focus-order-2:focus { order: 2; }
  html[data-theme="dark"] .dark-md-active-order-2:active { order: 2; }
  html[data-theme="dark"] .dark-md-disabled-order-2:disabled { order: 2; }
  html[data-theme="dark"] .dark-md-focus-visible-order-2:focus-visible { order: 2; }
  html[data-theme="dark"] .dark-md-focus-within-order-2:focus-within { order: 2; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-2 { order: 2; }
  html[data-theme="dark"] .dark-md-order-3 { order: 3; }
  html[data-theme="dark"] .dark-md-hover-order-3:hover { order: 3; }
  html[data-theme="dark"] .dark-md-focus-order-3:focus { order: 3; }
  html[data-theme="dark"] .dark-md-active-order-3:active { order: 3; }
  html[data-theme="dark"] .dark-md-disabled-order-3:disabled { order: 3; }
  html[data-theme="dark"] .dark-md-focus-visible-order-3:focus-visible { order: 3; }
  html[data-theme="dark"] .dark-md-focus-within-order-3:focus-within { order: 3; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-3 { order: 3; }
  html[data-theme="dark"] .dark-md-order-4 { order: 4; }
  html[data-theme="dark"] .dark-md-hover-order-4:hover { order: 4; }
  html[data-theme="dark"] .dark-md-focus-order-4:focus { order: 4; }
  html[data-theme="dark"] .dark-md-active-order-4:active { order: 4; }
  html[data-theme="dark"] .dark-md-disabled-order-4:disabled { order: 4; }
  html[data-theme="dark"] .dark-md-focus-visible-order-4:focus-visible { order: 4; }
  html[data-theme="dark"] .dark-md-focus-within-order-4:focus-within { order: 4; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-4 { order: 4; }
  html[data-theme="dark"] .dark-md-order-5 { order: 5; }
  html[data-theme="dark"] .dark-md-hover-order-5:hover { order: 5; }
  html[data-theme="dark"] .dark-md-focus-order-5:focus { order: 5; }
  html[data-theme="dark"] .dark-md-active-order-5:active { order: 5; }
  html[data-theme="dark"] .dark-md-disabled-order-5:disabled { order: 5; }
  html[data-theme="dark"] .dark-md-focus-visible-order-5:focus-visible { order: 5; }
  html[data-theme="dark"] .dark-md-focus-within-order-5:focus-within { order: 5; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-5 { order: 5; }
  html[data-theme="dark"] .dark-md-order-6 { order: 6; }
  html[data-theme="dark"] .dark-md-hover-order-6:hover { order: 6; }
  html[data-theme="dark"] .dark-md-focus-order-6:focus { order: 6; }
  html[data-theme="dark"] .dark-md-active-order-6:active { order: 6; }
  html[data-theme="dark"] .dark-md-disabled-order-6:disabled { order: 6; }
  html[data-theme="dark"] .dark-md-focus-visible-order-6:focus-visible { order: 6; }
  html[data-theme="dark"] .dark-md-focus-within-order-6:focus-within { order: 6; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-6 { order: 6; }
  html[data-theme="dark"] .dark-md-order-7 { order: 7; }
  html[data-theme="dark"] .dark-md-hover-order-7:hover { order: 7; }
  html[data-theme="dark"] .dark-md-focus-order-7:focus { order: 7; }
  html[data-theme="dark"] .dark-md-active-order-7:active { order: 7; }
  html[data-theme="dark"] .dark-md-disabled-order-7:disabled { order: 7; }
  html[data-theme="dark"] .dark-md-focus-visible-order-7:focus-visible { order: 7; }
  html[data-theme="dark"] .dark-md-focus-within-order-7:focus-within { order: 7; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-7 { order: 7; }
  html[data-theme="dark"] .dark-md-order-8 { order: 8; }
  html[data-theme="dark"] .dark-md-hover-order-8:hover { order: 8; }
  html[data-theme="dark"] .dark-md-focus-order-8:focus { order: 8; }
  html[data-theme="dark"] .dark-md-active-order-8:active { order: 8; }
  html[data-theme="dark"] .dark-md-disabled-order-8:disabled { order: 8; }
  html[data-theme="dark"] .dark-md-focus-visible-order-8:focus-visible { order: 8; }
  html[data-theme="dark"] .dark-md-focus-within-order-8:focus-within { order: 8; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-8 { order: 8; }
  html[data-theme="dark"] .dark-md-order-9 { order: 9; }
  html[data-theme="dark"] .dark-md-hover-order-9:hover { order: 9; }
  html[data-theme="dark"] .dark-md-focus-order-9:focus { order: 9; }
  html[data-theme="dark"] .dark-md-active-order-9:active { order: 9; }
  html[data-theme="dark"] .dark-md-disabled-order-9:disabled { order: 9; }
  html[data-theme="dark"] .dark-md-focus-visible-order-9:focus-visible { order: 9; }
  html[data-theme="dark"] .dark-md-focus-within-order-9:focus-within { order: 9; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-9 { order: 9; }
  html[data-theme="dark"] .dark-md-order-10 { order: 10; }
  html[data-theme="dark"] .dark-md-hover-order-10:hover { order: 10; }
  html[data-theme="dark"] .dark-md-focus-order-10:focus { order: 10; }
  html[data-theme="dark"] .dark-md-active-order-10:active { order: 10; }
  html[data-theme="dark"] .dark-md-disabled-order-10:disabled { order: 10; }
  html[data-theme="dark"] .dark-md-focus-visible-order-10:focus-visible { order: 10; }
  html[data-theme="dark"] .dark-md-focus-within-order-10:focus-within { order: 10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-10 { order: 10; }
  html[data-theme="dark"] .dark-md-order-11 { order: 11; }
  html[data-theme="dark"] .dark-md-hover-order-11:hover { order: 11; }
  html[data-theme="dark"] .dark-md-focus-order-11:focus { order: 11; }
  html[data-theme="dark"] .dark-md-active-order-11:active { order: 11; }
  html[data-theme="dark"] .dark-md-disabled-order-11:disabled { order: 11; }
  html[data-theme="dark"] .dark-md-focus-visible-order-11:focus-visible { order: 11; }
  html[data-theme="dark"] .dark-md-focus-within-order-11:focus-within { order: 11; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-11 { order: 11; }
  html[data-theme="dark"] .dark-md-order-12 { order: 12; }
  html[data-theme="dark"] .dark-md-hover-order-12:hover { order: 12; }
  html[data-theme="dark"] .dark-md-focus-order-12:focus { order: 12; }
  html[data-theme="dark"] .dark-md-active-order-12:active { order: 12; }
  html[data-theme="dark"] .dark-md-disabled-order-12:disabled { order: 12; }
  html[data-theme="dark"] .dark-md-focus-visible-order-12:focus-visible { order: 12; }
  html[data-theme="dark"] .dark-md-focus-within-order-12:focus-within { order: 12; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-order-12 { order: 12; }
  html[data-theme="dark"] .dark-md-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-md-hover-whitespace-normal:hover { white-space: normal; }
  html[data-theme="dark"] .dark-md-focus-whitespace-normal:focus { white-space: normal; }
  html[data-theme="dark"] .dark-md-active-whitespace-normal:active { white-space: normal; }
  html[data-theme="dark"] .dark-md-disabled-whitespace-normal:disabled { white-space: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  html[data-theme="dark"] .dark-md-focus-within-whitespace-normal:focus-within { white-space: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-md-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-hover-whitespace-nowrap:hover { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-whitespace-nowrap:focus { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-active-whitespace-nowrap:active { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-md-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-md-hover-whitespace-pre:hover { white-space: pre; }
  html[data-theme="dark"] .dark-md-focus-whitespace-pre:focus { white-space: pre; }
  html[data-theme="dark"] .dark-md-active-whitespace-pre:active { white-space: pre; }
  html[data-theme="dark"] .dark-md-disabled-whitespace-pre:disabled { white-space: pre; }
  html[data-theme="dark"] .dark-md-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  html[data-theme="dark"] .dark-md-focus-within-whitespace-pre:focus-within { white-space: pre; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-md-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-hover-whitespace-pre-line:hover { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-focus-whitespace-pre-line:focus { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-active-whitespace-pre-line:active { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-md-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-md-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-md-hover-overflow-auto:hover { overflow: auto; }
  html[data-theme="dark"] .dark-md-focus-overflow-auto:focus { overflow: auto; }
  html[data-theme="dark"] .dark-md-active-overflow-auto:active { overflow: auto; }
  html[data-theme="dark"] .dark-md-disabled-overflow-auto:disabled { overflow: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-auto:focus-within { overflow: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-md-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-md-hover-overflow-hidden:hover { overflow: hidden; }
  html[data-theme="dark"] .dark-md-focus-overflow-hidden:focus { overflow: hidden; }
  html[data-theme="dark"] .dark-md-active-overflow-hidden:active { overflow: hidden; }
  html[data-theme="dark"] .dark-md-disabled-overflow-hidden:disabled { overflow: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-md-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-md-hover-overflow-visible:hover { overflow: visible; }
  html[data-theme="dark"] .dark-md-focus-overflow-visible:focus { overflow: visible; }
  html[data-theme="dark"] .dark-md-active-overflow-visible:active { overflow: visible; }
  html[data-theme="dark"] .dark-md-disabled-overflow-visible:disabled { overflow: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-visible:focus-within { overflow: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-md-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-md-hover-overflow-scroll:hover { overflow: scroll; }
  html[data-theme="dark"] .dark-md-focus-overflow-scroll:focus { overflow: scroll; }
  html[data-theme="dark"] .dark-md-active-overflow-scroll:active { overflow: scroll; }
  html[data-theme="dark"] .dark-md-disabled-overflow-scroll:disabled { overflow: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-md-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-hover-overflow-x-auto:hover { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-focus-overflow-x-auto:focus { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-active-overflow-x-auto:active { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-md-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-active-overflow-x-hidden:active { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-md-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-hover-overflow-x-visible:hover { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-focus-overflow-x-visible:focus { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-active-overflow-x-visible:active { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-md-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-active-overflow-x-scroll:active { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-md-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-hover-overflow-y-auto:hover { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-focus-overflow-y-auto:focus { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-active-overflow-y-auto:active { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-md-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-active-overflow-y-hidden:active { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-md-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-hover-overflow-y-visible:hover { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-focus-overflow-y-visible:focus { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-active-overflow-y-visible:active { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-md-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-active-overflow-y-scroll:active { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-md-visible { visibility: visible; }
  html[data-theme="dark"] .dark-md-hover-visible:hover { visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-visible:focus { visibility: visible; }
  html[data-theme="dark"] .dark-md-active-visible:active { visibility: visible; }
  html[data-theme="dark"] .dark-md-disabled-visible:disabled { visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-visible:focus-visible { visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-within-visible:focus-within { visibility: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-visible { visibility: visible; }
  html[data-theme="dark"] .dark-md-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-md-hover-hidden:hover { visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-hidden:focus { visibility: hidden; }
  html[data-theme="dark"] .dark-md-active-hidden:active { visibility: hidden; }
  html[data-theme="dark"] .dark-md-disabled-hidden:disabled { visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-hidden:focus-visible { visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-hidden:focus-within { visibility: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-md-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-md-hover-collapse:hover { visibility: collapse; }
  html[data-theme="dark"] .dark-md-focus-collapse:focus { visibility: collapse; }
  html[data-theme="dark"] .dark-md-active-collapse:active { visibility: collapse; }
  html[data-theme="dark"] .dark-md-disabled-collapse:disabled { visibility: collapse; }
  html[data-theme="dark"] .dark-md-focus-visible-collapse:focus-visible { visibility: collapse; }
  html[data-theme="dark"] .dark-md-focus-within-collapse:focus-within { visibility: collapse; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-md-clear-left { clear: left; }
  html[data-theme="dark"] .dark-md-hover-clear-left:hover { clear: left; }
  html[data-theme="dark"] .dark-md-focus-clear-left:focus { clear: left; }
  html[data-theme="dark"] .dark-md-active-clear-left:active { clear: left; }
  html[data-theme="dark"] .dark-md-disabled-clear-left:disabled { clear: left; }
  html[data-theme="dark"] .dark-md-focus-visible-clear-left:focus-visible { clear: left; }
  html[data-theme="dark"] .dark-md-focus-within-clear-left:focus-within { clear: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clear-left { clear: left; }
  html[data-theme="dark"] .dark-md-clear-right { clear: right; }
  html[data-theme="dark"] .dark-md-hover-clear-right:hover { clear: right; }
  html[data-theme="dark"] .dark-md-focus-clear-right:focus { clear: right; }
  html[data-theme="dark"] .dark-md-active-clear-right:active { clear: right; }
  html[data-theme="dark"] .dark-md-disabled-clear-right:disabled { clear: right; }
  html[data-theme="dark"] .dark-md-focus-visible-clear-right:focus-visible { clear: right; }
  html[data-theme="dark"] .dark-md-focus-within-clear-right:focus-within { clear: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clear-right { clear: right; }
  html[data-theme="dark"] .dark-md-clear-both { clear: both; }
  html[data-theme="dark"] .dark-md-hover-clear-both:hover { clear: both; }
  html[data-theme="dark"] .dark-md-focus-clear-both:focus { clear: both; }
  html[data-theme="dark"] .dark-md-active-clear-both:active { clear: both; }
  html[data-theme="dark"] .dark-md-disabled-clear-both:disabled { clear: both; }
  html[data-theme="dark"] .dark-md-focus-visible-clear-both:focus-visible { clear: both; }
  html[data-theme="dark"] .dark-md-focus-within-clear-both:focus-within { clear: both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clear-both { clear: both; }
  html[data-theme="dark"] .dark-md-float-left { float: left; }
  html[data-theme="dark"] .dark-md-hover-float-left:hover { float: left; }
  html[data-theme="dark"] .dark-md-focus-float-left:focus { float: left; }
  html[data-theme="dark"] .dark-md-active-float-left:active { float: left; }
  html[data-theme="dark"] .dark-md-disabled-float-left:disabled { float: left; }
  html[data-theme="dark"] .dark-md-focus-visible-float-left:focus-visible { float: left; }
  html[data-theme="dark"] .dark-md-focus-within-float-left:focus-within { float: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-float-left { float: left; }
  html[data-theme="dark"] .dark-md-float-right { float: right; }
  html[data-theme="dark"] .dark-md-hover-float-right:hover { float: right; }
  html[data-theme="dark"] .dark-md-focus-float-right:focus { float: right; }
  html[data-theme="dark"] .dark-md-active-float-right:active { float: right; }
  html[data-theme="dark"] .dark-md-disabled-float-right:disabled { float: right; }
  html[data-theme="dark"] .dark-md-focus-visible-float-right:focus-visible { float: right; }
  html[data-theme="dark"] .dark-md-focus-within-float-right:focus-within { float: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-float-right { float: right; }
  html[data-theme="dark"] .dark-md-float-none { float: none; }
  html[data-theme="dark"] .dark-md-hover-float-none:hover { float: none; }
  html[data-theme="dark"] .dark-md-focus-float-none:focus { float: none; }
  html[data-theme="dark"] .dark-md-active-float-none:active { float: none; }
  html[data-theme="dark"] .dark-md-disabled-float-none:disabled { float: none; }
  html[data-theme="dark"] .dark-md-focus-visible-float-none:focus-visible { float: none; }
  html[data-theme="dark"] .dark-md-focus-within-float-none:focus-within { float: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-float-none { float: none; }
  html[data-theme="dark"] .dark-md-w-0 { width: 0; }
  html[data-theme="dark"] .dark-md-hover-w-0:hover { width: 0; }
  html[data-theme="dark"] .dark-md-focus-w-0:focus { width: 0; }
  html[data-theme="dark"] .dark-md-active-w-0:active { width: 0; }
  html[data-theme="dark"] .dark-md-disabled-w-0:disabled { width: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-w-0:focus-visible { width: 0; }
  html[data-theme="dark"] .dark-md-focus-within-w-0:focus-within { width: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-0 { width: 0; }
  html[data-theme="dark"] .dark-md-h-0 { height: 0; }
  html[data-theme="dark"] .dark-md-hover-h-0:hover { height: 0; }
  html[data-theme="dark"] .dark-md-focus-h-0:focus { height: 0; }
  html[data-theme="dark"] .dark-md-active-h-0:active { height: 0; }
  html[data-theme="dark"] .dark-md-disabled-h-0:disabled { height: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-h-0:focus-visible { height: 0; }
  html[data-theme="dark"] .dark-md-focus-within-h-0:focus-within { height: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-0 { height: 0; }
  html[data-theme="dark"] .dark-md-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-md-hover-min-w-0:hover { min-width: 0; }
  html[data-theme="dark"] .dark-md-focus-min-w-0:focus { min-width: 0; }
  html[data-theme="dark"] .dark-md-active-min-w-0:active { min-width: 0; }
  html[data-theme="dark"] .dark-md-disabled-min-w-0:disabled { min-width: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-0:focus-visible { min-width: 0; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-0:focus-within { min-width: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-md-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-md-hover-max-w-0:hover { max-width: 0; }
  html[data-theme="dark"] .dark-md-focus-max-w-0:focus { max-width: 0; }
  html[data-theme="dark"] .dark-md-active-max-w-0:active { max-width: 0; }
  html[data-theme="dark"] .dark-md-disabled-max-w-0:disabled { max-width: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-0:focus-visible { max-width: 0; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-0:focus-within { max-width: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-md-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-md-hover-min-h-0:hover { min-height: 0; }
  html[data-theme="dark"] .dark-md-focus-min-h-0:focus { min-height: 0; }
  html[data-theme="dark"] .dark-md-active-min-h-0:active { min-height: 0; }
  html[data-theme="dark"] .dark-md-disabled-min-h-0:disabled { min-height: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-0:focus-visible { min-height: 0; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-0:focus-within { min-height: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-md-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-md-hover-max-h-0:hover { max-height: 0; }
  html[data-theme="dark"] .dark-md-focus-max-h-0:focus { max-height: 0; }
  html[data-theme="dark"] .dark-md-active-max-h-0:active { max-height: 0; }
  html[data-theme="dark"] .dark-md-disabled-max-h-0:disabled { max-height: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-0:focus-visible { max-height: 0; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-0:focus-within { max-height: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-md-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-w-1:hover { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-w-1:focus { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-w-1:active { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-w-1:disabled { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-1:focus-visible { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-1:focus-within { width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-md-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-h-1:hover { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-h-1:focus { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-h-1:active { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-h-1:disabled { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-1:focus-visible { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-1:focus-within { height: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-md-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-1:hover { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-1:focus { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-min-w-1:active { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-1:disabled { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-1:hover { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-1:focus { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-max-w-1:active { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-1:disabled { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-1:hover { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-1:focus { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-min-h-1:active { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-1:disabled { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-1:hover { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-1:focus { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-max-h-1:active { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-1:disabled { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-md-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-w-2:hover { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-w-2:focus { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-w-2:active { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-w-2:disabled { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-2:focus-visible { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-2:focus-within { width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-md-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-h-2:hover { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-h-2:focus { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-h-2:active { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-h-2:disabled { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-2:focus-visible { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-2:focus-within { height: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-md-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-2:hover { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-2:focus { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-min-w-2:active { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-2:disabled { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-2:hover { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-2:focus { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-max-w-2:active { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-2:disabled { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-2:hover { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-2:focus { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-min-h-2:active { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-2:disabled { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-2:hover { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-2:focus { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-max-h-2:active { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-2:disabled { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-md-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-w-3:hover { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-w-3:focus { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-w-3:active { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-w-3:disabled { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-3:focus-visible { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-3:focus-within { width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-md-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-h-3:hover { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-h-3:focus { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-h-3:active { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-h-3:disabled { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-3:focus-visible { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-3:focus-within { height: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-md-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-3:hover { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-3:focus { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-min-w-3:active { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-3:disabled { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-3:hover { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-3:focus { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-max-w-3:active { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-3:disabled { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-3:hover { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-3:focus { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-min-h-3:active { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-3:disabled { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-3:hover { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-3:focus { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-max-h-3:active { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-3:disabled { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-md-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-md-hover-w-4:hover { width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-w-4:focus { width: 1rem; }
  html[data-theme="dark"] .dark-md-active-w-4:active { width: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-w-4:disabled { width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-4:focus-visible { width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-4:focus-within { width: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-md-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-md-hover-h-4:hover { height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-h-4:focus { height: 1rem; }
  html[data-theme="dark"] .dark-md-active-h-4:active { height: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-h-4:disabled { height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-4:focus-visible { height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-4:focus-within { height: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-md-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-4:hover { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-4:focus { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-active-min-w-4:active { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-4:disabled { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-4:focus-within { min-width: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-md-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-4:hover { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-4:focus { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-active-max-w-4:active { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-4:disabled { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-4:focus-within { max-width: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-md-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-4:hover { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-4:focus { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-active-min-h-4:active { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-4:disabled { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-4:focus-within { min-height: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-md-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-4:hover { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-4:focus { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-active-max-h-4:active { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-4:disabled { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-4:focus-within { max-height: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-md-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-w-5:hover { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-w-5:focus { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-w-5:active { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-w-5:disabled { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-5:focus-visible { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-5:focus-within { width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-md-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-h-5:hover { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-h-5:focus { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-h-5:active { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-h-5:disabled { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-5:focus-visible { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-5:focus-within { height: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-md-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-5:hover { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-5:focus { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-min-w-5:active { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-5:disabled { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-5:hover { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-5:focus { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-max-w-5:active { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-5:disabled { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-5:hover { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-5:focus { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-min-h-5:active { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-5:disabled { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-5:hover { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-5:focus { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-max-h-5:active { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-5:disabled { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-md-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-w-6:hover { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-w-6:focus { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-w-6:active { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-w-6:disabled { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-6:focus-visible { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-6:focus-within { width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-md-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-h-6:hover { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-h-6:focus { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-h-6:active { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-h-6:disabled { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-6:focus-visible { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-6:focus-within { height: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-md-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-6:hover { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-6:focus { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-min-w-6:active { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-6:disabled { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-6:hover { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-6:focus { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-max-w-6:active { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-6:disabled { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-6:hover { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-6:focus { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-min-h-6:active { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-6:disabled { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-6:hover { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-6:focus { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-max-h-6:active { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-6:disabled { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-md-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-w-7:hover { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-w-7:focus { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-w-7:active { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-w-7:disabled { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-7:focus-visible { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-7:focus-within { width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-md-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-h-7:hover { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-h-7:focus { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-h-7:active { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-h-7:disabled { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-7:focus-visible { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-7:focus-within { height: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-md-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-7:hover { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-7:focus { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-min-w-7:active { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-7:disabled { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-7:hover { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-7:focus { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-max-w-7:active { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-7:disabled { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-7:hover { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-7:focus { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-min-h-7:active { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-7:disabled { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-7:hover { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-7:focus { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-max-h-7:active { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-7:disabled { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-md-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-md-hover-w-8:hover { width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-w-8:focus { width: 2rem; }
  html[data-theme="dark"] .dark-md-active-w-8:active { width: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-w-8:disabled { width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-8:focus-visible { width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-8:focus-within { width: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-md-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-md-hover-h-8:hover { height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-h-8:focus { height: 2rem; }
  html[data-theme="dark"] .dark-md-active-h-8:active { height: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-h-8:disabled { height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-8:focus-visible { height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-8:focus-within { height: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-md-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-8:hover { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-8:focus { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-active-min-w-8:active { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-8:disabled { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-8:focus-within { min-width: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-md-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-8:hover { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-8:focus { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-active-max-w-8:active { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-8:disabled { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-8:focus-within { max-width: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-md-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-8:hover { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-8:focus { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-active-min-h-8:active { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-8:disabled { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-8:focus-within { min-height: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-md-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-8:hover { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-8:focus { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-active-max-h-8:active { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-8:disabled { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-8:focus-within { max-height: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-md-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-w-9:hover { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-w-9:focus { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-w-9:active { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-w-9:disabled { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-9:focus-visible { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-9:focus-within { width: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-md-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-h-9:hover { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-h-9:focus { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-h-9:active { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-h-9:disabled { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-9:focus-visible { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-9:focus-within { height: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-md-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-9:hover { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-9:focus { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-min-w-9:active { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-9:disabled { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-9:hover { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-9:focus { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-max-w-9:active { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-9:disabled { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-md-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-9:hover { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-9:focus { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-min-h-9:active { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-9:disabled { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-9:hover { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-9:focus { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-max-h-9:active { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-9:disabled { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-md-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-w-10:hover { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-w-10:focus { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-w-10:active { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-w-10:disabled { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-10:focus-visible { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-10:focus-within { width: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-md-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-h-10:hover { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-h-10:focus { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-h-10:active { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-h-10:disabled { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-10:focus-visible { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-10:focus-within { height: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-md-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-10:hover { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-10:focus { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-min-w-10:active { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-10:disabled { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-10:hover { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-10:focus { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-max-w-10:active { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-10:disabled { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-md-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-10:hover { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-10:focus { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-min-h-10:active { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-10:disabled { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-10:hover { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-10:focus { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-max-h-10:active { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-10:disabled { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-md-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-w-11:hover { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-w-11:focus { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-w-11:active { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-w-11:disabled { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-11:focus-visible { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-11:focus-within { width: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-md-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-h-11:hover { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-h-11:focus { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-h-11:active { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-h-11:disabled { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-11:focus-visible { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-11:focus-within { height: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-md-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-11:hover { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-11:focus { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-min-w-11:active { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-11:disabled { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-11:hover { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-11:focus { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-max-w-11:active { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-11:disabled { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-md-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-11:hover { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-11:focus { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-min-h-11:active { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-11:disabled { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-11:hover { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-11:focus { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-max-h-11:active { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-11:disabled { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-md-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-md-hover-w-12:hover { width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-w-12:focus { width: 3rem; }
  html[data-theme="dark"] .dark-md-active-w-12:active { width: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-w-12:disabled { width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-12:focus-visible { width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-12:focus-within { width: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-md-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-md-hover-h-12:hover { height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-h-12:focus { height: 3rem; }
  html[data-theme="dark"] .dark-md-active-h-12:active { height: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-h-12:disabled { height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-12:focus-visible { height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-12:focus-within { height: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-md-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-12:hover { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-12:focus { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-active-min-w-12:active { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-12:disabled { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-12:focus-within { min-width: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-md-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-12:hover { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-12:focus { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-active-max-w-12:active { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-12:disabled { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-12:focus-within { max-width: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-md-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-12:hover { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-12:focus { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-active-min-h-12:active { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-12:disabled { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-12:focus-within { min-height: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-md-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-12:hover { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-12:focus { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-active-max-h-12:active { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-12:disabled { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-12:focus-within { max-height: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-md-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-w-14:hover { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-w-14:focus { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-w-14:active { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-w-14:disabled { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-14:focus-visible { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-14:focus-within { width: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-md-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-h-14:hover { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-h-14:focus { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-h-14:active { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-h-14:disabled { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-14:focus-visible { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-14:focus-within { height: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-md-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-14:hover { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-14:focus { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-min-w-14:active { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-14:disabled { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-14:hover { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-14:focus { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-max-w-14:active { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-14:disabled { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-md-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-14:hover { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-14:focus { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-min-h-14:active { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-14:disabled { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-14:hover { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-14:focus { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-max-h-14:active { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-14:disabled { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-md-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-md-hover-w-16:hover { width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-w-16:focus { width: 4rem; }
  html[data-theme="dark"] .dark-md-active-w-16:active { width: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-w-16:disabled { width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-16:focus-visible { width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-16:focus-within { width: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-md-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-md-hover-h-16:hover { height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-h-16:focus { height: 4rem; }
  html[data-theme="dark"] .dark-md-active-h-16:active { height: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-h-16:disabled { height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-16:focus-visible { height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-16:focus-within { height: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-md-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-16:hover { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-16:focus { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-active-min-w-16:active { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-16:disabled { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-16:focus-within { min-width: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-md-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-16:hover { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-16:focus { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-active-max-w-16:active { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-16:disabled { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-16:focus-within { max-width: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-md-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-16:hover { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-16:focus { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-active-min-h-16:active { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-16:disabled { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-16:focus-within { min-height: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-md-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-16:hover { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-16:focus { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-active-max-h-16:active { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-16:disabled { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-16:focus-within { max-height: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-md-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-md-hover-w-20:hover { width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-w-20:focus { width: 5rem; }
  html[data-theme="dark"] .dark-md-active-w-20:active { width: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-w-20:disabled { width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-20:focus-visible { width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-20:focus-within { width: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-md-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-md-hover-h-20:hover { height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-h-20:focus { height: 5rem; }
  html[data-theme="dark"] .dark-md-active-h-20:active { height: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-h-20:disabled { height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-20:focus-visible { height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-20:focus-within { height: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-md-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-20:hover { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-20:focus { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-active-min-w-20:active { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-20:disabled { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-20:focus-within { min-width: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-md-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-20:hover { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-20:focus { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-active-max-w-20:active { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-20:disabled { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-20:focus-within { max-width: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-md-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-20:hover { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-20:focus { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-active-min-h-20:active { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-20:disabled { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-20:focus-within { min-height: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-md-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-20:hover { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-20:focus { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-active-max-h-20:active { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-20:disabled { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-20:focus-within { max-height: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-md-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-md-hover-w-24:hover { width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-w-24:focus { width: 6rem; }
  html[data-theme="dark"] .dark-md-active-w-24:active { width: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-w-24:disabled { width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-24:focus-visible { width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-24:focus-within { width: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-md-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-md-hover-h-24:hover { height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-h-24:focus { height: 6rem; }
  html[data-theme="dark"] .dark-md-active-h-24:active { height: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-h-24:disabled { height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-24:focus-visible { height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-24:focus-within { height: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-md-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-24:hover { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-24:focus { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-active-min-w-24:active { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-24:disabled { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-24:focus-within { min-width: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-md-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-24:hover { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-24:focus { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-active-max-w-24:active { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-24:disabled { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-24:focus-within { max-width: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-md-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-24:hover { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-24:focus { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-active-min-h-24:active { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-24:disabled { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-24:focus-within { min-height: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-md-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-24:hover { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-24:focus { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-active-max-h-24:active { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-24:disabled { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-24:focus-within { max-height: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-md-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-md-hover-w-28:hover { width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-w-28:focus { width: 7rem; }
  html[data-theme="dark"] .dark-md-active-w-28:active { width: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-w-28:disabled { width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-28:focus-visible { width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-28:focus-within { width: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-md-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-md-hover-h-28:hover { height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-h-28:focus { height: 7rem; }
  html[data-theme="dark"] .dark-md-active-h-28:active { height: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-h-28:disabled { height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-28:focus-visible { height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-28:focus-within { height: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-md-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-28:hover { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-28:focus { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-active-min-w-28:active { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-28:disabled { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-28:focus-within { min-width: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-md-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-28:hover { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-28:focus { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-active-max-w-28:active { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-28:disabled { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-28:focus-within { max-width: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-md-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-28:hover { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-28:focus { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-active-min-h-28:active { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-28:disabled { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-28:focus-within { min-height: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-md-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-28:hover { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-28:focus { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-active-max-h-28:active { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-28:disabled { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-28:focus-within { max-height: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-md-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-md-hover-w-32:hover { width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-w-32:focus { width: 8rem; }
  html[data-theme="dark"] .dark-md-active-w-32:active { width: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-w-32:disabled { width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-32:focus-visible { width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-32:focus-within { width: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-md-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-md-hover-h-32:hover { height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-h-32:focus { height: 8rem; }
  html[data-theme="dark"] .dark-md-active-h-32:active { height: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-h-32:disabled { height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-32:focus-visible { height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-32:focus-within { height: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-md-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-32:hover { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-32:focus { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-active-min-w-32:active { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-32:disabled { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-32:focus-within { min-width: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-md-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-32:hover { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-32:focus { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-active-max-w-32:active { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-32:disabled { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-32:focus-within { max-width: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-md-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-32:hover { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-32:focus { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-active-min-h-32:active { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-32:disabled { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-32:focus-within { min-height: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-md-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-32:hover { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-32:focus { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-active-max-h-32:active { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-32:disabled { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-32:focus-within { max-height: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-md-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-md-hover-w-36:hover { width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-w-36:focus { width: 9rem; }
  html[data-theme="dark"] .dark-md-active-w-36:active { width: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-w-36:disabled { width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-36:focus-visible { width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-36:focus-within { width: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-md-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-md-hover-h-36:hover { height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-h-36:focus { height: 9rem; }
  html[data-theme="dark"] .dark-md-active-h-36:active { height: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-h-36:disabled { height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-36:focus-visible { height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-36:focus-within { height: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-md-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-36:hover { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-36:focus { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-active-min-w-36:active { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-36:disabled { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-36:focus-within { min-width: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-md-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-36:hover { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-36:focus { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-active-max-w-36:active { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-36:disabled { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-36:focus-within { max-width: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-md-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-36:hover { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-36:focus { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-active-min-h-36:active { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-36:disabled { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-36:focus-within { min-height: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-md-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-36:hover { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-36:focus { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-active-max-h-36:active { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-36:disabled { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-36:focus-within { max-height: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-md-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-md-hover-w-40:hover { width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-w-40:focus { width: 10rem; }
  html[data-theme="dark"] .dark-md-active-w-40:active { width: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-w-40:disabled { width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-40:focus-visible { width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-40:focus-within { width: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-md-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-md-hover-h-40:hover { height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-h-40:focus { height: 10rem; }
  html[data-theme="dark"] .dark-md-active-h-40:active { height: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-h-40:disabled { height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-40:focus-visible { height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-40:focus-within { height: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-md-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-40:hover { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-40:focus { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-active-min-w-40:active { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-40:disabled { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-40:focus-within { min-width: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-md-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-40:hover { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-40:focus { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-active-max-w-40:active { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-40:disabled { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-40:focus-within { max-width: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-md-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-40:hover { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-40:focus { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-active-min-h-40:active { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-40:disabled { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-40:focus-within { min-height: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-md-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-40:hover { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-40:focus { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-active-max-h-40:active { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-40:disabled { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-40:focus-within { max-height: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-md-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-md-hover-w-44:hover { width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-w-44:focus { width: 11rem; }
  html[data-theme="dark"] .dark-md-active-w-44:active { width: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-w-44:disabled { width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-44:focus-visible { width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-44:focus-within { width: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-md-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-md-hover-h-44:hover { height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-h-44:focus { height: 11rem; }
  html[data-theme="dark"] .dark-md-active-h-44:active { height: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-h-44:disabled { height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-44:focus-visible { height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-44:focus-within { height: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-md-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-44:hover { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-44:focus { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-active-min-w-44:active { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-44:disabled { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-44:focus-within { min-width: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-md-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-44:hover { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-44:focus { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-active-max-w-44:active { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-44:disabled { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-44:focus-within { max-width: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-md-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-44:hover { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-44:focus { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-active-min-h-44:active { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-44:disabled { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-44:focus-within { min-height: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-md-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-44:hover { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-44:focus { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-active-max-h-44:active { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-44:disabled { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-44:focus-within { max-height: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-md-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-md-hover-w-48:hover { width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-w-48:focus { width: 12rem; }
  html[data-theme="dark"] .dark-md-active-w-48:active { width: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-w-48:disabled { width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-48:focus-visible { width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-48:focus-within { width: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-md-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-md-hover-h-48:hover { height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-h-48:focus { height: 12rem; }
  html[data-theme="dark"] .dark-md-active-h-48:active { height: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-h-48:disabled { height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-48:focus-visible { height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-48:focus-within { height: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-md-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-48:hover { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-48:focus { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-active-min-w-48:active { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-48:disabled { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-48:focus-within { min-width: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-md-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-48:hover { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-48:focus { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-active-max-w-48:active { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-48:disabled { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-48:focus-within { max-width: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-md-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-48:hover { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-48:focus { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-active-min-h-48:active { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-48:disabled { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-48:focus-within { min-height: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-md-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-48:hover { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-48:focus { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-active-max-h-48:active { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-48:disabled { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-48:focus-within { max-height: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-md-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-md-hover-w-52:hover { width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-w-52:focus { width: 13rem; }
  html[data-theme="dark"] .dark-md-active-w-52:active { width: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-w-52:disabled { width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-52:focus-visible { width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-52:focus-within { width: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-md-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-md-hover-h-52:hover { height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-h-52:focus { height: 13rem; }
  html[data-theme="dark"] .dark-md-active-h-52:active { height: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-h-52:disabled { height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-52:focus-visible { height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-52:focus-within { height: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-md-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-52:hover { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-52:focus { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-active-min-w-52:active { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-52:disabled { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-52:focus-within { min-width: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-md-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-52:hover { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-52:focus { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-active-max-w-52:active { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-52:disabled { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-52:focus-within { max-width: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-md-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-52:hover { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-52:focus { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-active-min-h-52:active { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-52:disabled { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-52:focus-within { min-height: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-md-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-52:hover { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-52:focus { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-active-max-h-52:active { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-52:disabled { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-52:focus-within { max-height: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-md-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-md-hover-w-56:hover { width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-w-56:focus { width: 14rem; }
  html[data-theme="dark"] .dark-md-active-w-56:active { width: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-w-56:disabled { width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-56:focus-visible { width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-56:focus-within { width: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-md-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-md-hover-h-56:hover { height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-h-56:focus { height: 14rem; }
  html[data-theme="dark"] .dark-md-active-h-56:active { height: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-h-56:disabled { height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-56:focus-visible { height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-56:focus-within { height: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-md-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-56:hover { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-56:focus { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-active-min-w-56:active { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-56:disabled { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-56:focus-within { min-width: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-md-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-56:hover { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-56:focus { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-active-max-w-56:active { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-56:disabled { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-56:focus-within { max-width: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-md-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-56:hover { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-56:focus { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-active-min-h-56:active { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-56:disabled { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-56:focus-within { min-height: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-md-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-56:hover { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-56:focus { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-active-max-h-56:active { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-56:disabled { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-56:focus-within { max-height: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-md-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-md-hover-w-60:hover { width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-w-60:focus { width: 15rem; }
  html[data-theme="dark"] .dark-md-active-w-60:active { width: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-w-60:disabled { width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-60:focus-visible { width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-60:focus-within { width: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-md-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-md-hover-h-60:hover { height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-h-60:focus { height: 15rem; }
  html[data-theme="dark"] .dark-md-active-h-60:active { height: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-h-60:disabled { height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-60:focus-visible { height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-60:focus-within { height: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-md-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-60:hover { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-60:focus { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-active-min-w-60:active { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-60:disabled { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-60:focus-within { min-width: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-md-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-60:hover { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-60:focus { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-active-max-w-60:active { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-60:disabled { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-60:focus-within { max-width: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-md-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-60:hover { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-60:focus { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-active-min-h-60:active { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-60:disabled { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-60:focus-within { min-height: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-md-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-60:hover { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-60:focus { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-active-max-h-60:active { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-60:disabled { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-60:focus-within { max-height: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-md-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-md-hover-w-64:hover { width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-w-64:focus { width: 16rem; }
  html[data-theme="dark"] .dark-md-active-w-64:active { width: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-w-64:disabled { width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-64:focus-visible { width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-64:focus-within { width: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-md-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-md-hover-h-64:hover { height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-h-64:focus { height: 16rem; }
  html[data-theme="dark"] .dark-md-active-h-64:active { height: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-h-64:disabled { height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-64:focus-visible { height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-64:focus-within { height: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-md-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-64:hover { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-64:focus { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-active-min-w-64:active { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-64:disabled { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-64:focus-within { min-width: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-md-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-64:hover { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-64:focus { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-active-max-w-64:active { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-64:disabled { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-64:focus-within { max-width: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-md-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-64:hover { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-64:focus { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-active-min-h-64:active { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-64:disabled { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-64:focus-within { min-height: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-md-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-64:hover { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-64:focus { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-active-max-h-64:active { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-64:disabled { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-64:focus-within { max-height: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-md-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-md-hover-w-72:hover { width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-w-72:focus { width: 18rem; }
  html[data-theme="dark"] .dark-md-active-w-72:active { width: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-w-72:disabled { width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-72:focus-visible { width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-72:focus-within { width: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-md-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-md-hover-h-72:hover { height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-h-72:focus { height: 18rem; }
  html[data-theme="dark"] .dark-md-active-h-72:active { height: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-h-72:disabled { height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-72:focus-visible { height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-72:focus-within { height: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-md-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-72:hover { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-72:focus { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-active-min-w-72:active { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-72:disabled { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-72:focus-within { min-width: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-md-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-72:hover { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-72:focus { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-active-max-w-72:active { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-72:disabled { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-72:focus-within { max-width: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-md-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-72:hover { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-72:focus { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-active-min-h-72:active { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-72:disabled { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-72:focus-within { min-height: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-md-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-72:hover { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-72:focus { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-active-max-h-72:active { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-72:disabled { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-72:focus-within { max-height: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-md-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-md-hover-w-80:hover { width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-w-80:focus { width: 20rem; }
  html[data-theme="dark"] .dark-md-active-w-80:active { width: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-w-80:disabled { width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-80:focus-visible { width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-80:focus-within { width: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-md-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-md-hover-h-80:hover { height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-h-80:focus { height: 20rem; }
  html[data-theme="dark"] .dark-md-active-h-80:active { height: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-h-80:disabled { height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-80:focus-visible { height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-80:focus-within { height: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-md-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-80:hover { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-80:focus { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-active-min-w-80:active { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-80:disabled { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-80:focus-within { min-width: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-md-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-80:hover { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-80:focus { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-active-max-w-80:active { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-80:disabled { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-80:focus-within { max-width: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-md-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-80:hover { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-80:focus { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-active-min-h-80:active { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-80:disabled { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-80:focus-within { min-height: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-md-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-80:hover { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-80:focus { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-active-max-h-80:active { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-80:disabled { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-80:focus-within { max-height: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-md-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-md-hover-w-96:hover { width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-w-96:focus { width: 24rem; }
  html[data-theme="dark"] .dark-md-active-w-96:active { width: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-w-96:disabled { width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-w-96:focus-visible { width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-w-96:focus-within { width: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-md-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-md-hover-h-96:hover { height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-h-96:focus { height: 24rem; }
  html[data-theme="dark"] .dark-md-active-h-96:active { height: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-h-96:disabled { height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-h-96:focus-visible { height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-h-96:focus-within { height: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-md-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-hover-min-w-96:hover { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-min-w-96:focus { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-active-min-w-96:active { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-min-w-96:disabled { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-96:focus-within { min-width: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-md-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-hover-max-w-96:hover { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-max-w-96:focus { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-active-max-w-96:active { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-max-w-96:disabled { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-96:focus-within { max-width: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-md-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-hover-min-h-96:hover { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-min-h-96:focus { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-active-min-h-96:active { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-min-h-96:disabled { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-96:focus-within { min-height: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-md-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-hover-max-h-96:hover { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-max-h-96:focus { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-active-max-h-96:active { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-max-h-96:disabled { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-96:focus-within { max-height: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-md-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-md-hover-w-1\/2:hover { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-w-1\/2:focus { width: 50%; }
  html[data-theme="dark"] .dark-md-active-w-1\/2:active { width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-w-1\/2:disabled { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-1\/2:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-w-1\/2:focus-within { width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-md-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-md-hover-h-1\/2:hover { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-h-1\/2:focus { height: 50%; }
  html[data-theme="dark"] .dark-md-active-h-1\/2:active { height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-h-1\/2:disabled { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-1\/2:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-h-1\/2:focus-within { height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-md-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-md-hover-min-w-1\/2:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-min-w-1\/2:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-md-active-min-w-1\/2:active { min-width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-1\/2:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-md-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-md-hover-max-w-1\/2:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-max-w-1\/2:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-md-active-max-w-1\/2:active { max-width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-1\/2:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-md-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-md-hover-min-h-1\/2:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-min-h-1\/2:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-md-active-min-h-1\/2:active { min-height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-1\/2:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-md-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-md-hover-max-h-1\/2:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-max-h-1\/2:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-md-active-max-h-1\/2:active { max-height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-1\/2:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-md-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-w-1\/3:hover { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-w-1\/3:focus { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-w-1\/3:active { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-w-1\/3:disabled { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-md-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-h-1\/3:hover { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-h-1\/3:focus { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-h-1\/3:active { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-h-1\/3:disabled { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-md-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-min-w-1\/3:active { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-max-w-1\/3:active { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-md-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-min-h-1\/3:active { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-active-max-h-1\/3:active { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-md-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-w-2\/3:hover { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-w-2\/3:focus { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-w-2\/3:active { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-w-2\/3:disabled { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-md-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-h-2\/3:hover { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-h-2\/3:focus { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-h-2\/3:active { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-h-2\/3:disabled { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-md-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-min-w-2\/3:active { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-max-w-2\/3:active { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-md-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-min-h-2\/3:active { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-active-max-h-2\/3:active { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-md-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-md-hover-w-1\/4:hover { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-w-1\/4:focus { width: 25%; }
  html[data-theme="dark"] .dark-md-active-w-1\/4:active { width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-w-1\/4:disabled { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-1\/4:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-w-1\/4:focus-within { width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-md-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-md-hover-h-1\/4:hover { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-h-1\/4:focus { height: 25%; }
  html[data-theme="dark"] .dark-md-active-h-1\/4:active { height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-h-1\/4:disabled { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-1\/4:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-h-1\/4:focus-within { height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-md-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-md-hover-min-w-1\/4:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-min-w-1\/4:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-md-active-min-w-1\/4:active { min-width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-1\/4:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-md-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-md-hover-max-w-1\/4:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-max-w-1\/4:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-md-active-max-w-1\/4:active { max-width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-1\/4:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-md-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-md-hover-min-h-1\/4:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-min-h-1\/4:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-md-active-min-h-1\/4:active { min-height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-1\/4:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-md-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-md-hover-max-h-1\/4:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-max-h-1\/4:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-md-active-max-h-1\/4:active { max-height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-1\/4:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-md-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-md-hover-w-3\/4:hover { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-w-3\/4:focus { width: 75%; }
  html[data-theme="dark"] .dark-md-active-w-3\/4:active { width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-w-3\/4:disabled { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-3\/4:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-w-3\/4:focus-within { width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-md-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-md-hover-h-3\/4:hover { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-h-3\/4:focus { height: 75%; }
  html[data-theme="dark"] .dark-md-active-h-3\/4:active { height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-h-3\/4:disabled { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-3\/4:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-h-3\/4:focus-within { height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-md-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-md-hover-min-w-3\/4:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-min-w-3\/4:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-md-active-min-w-3\/4:active { min-width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-3\/4:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-md-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-md-hover-max-w-3\/4:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-max-w-3\/4:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-md-active-max-w-3\/4:active { max-width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-3\/4:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-md-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-md-hover-min-h-3\/4:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-min-h-3\/4:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-md-active-min-h-3\/4:active { min-height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-3\/4:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-md-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-md-hover-max-h-3\/4:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-max-h-3\/4:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-md-active-max-h-3\/4:active { max-height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-3\/4:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-md-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-md-hover-w-1\/5:hover { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-w-1\/5:focus { width: 20%; }
  html[data-theme="dark"] .dark-md-active-w-1\/5:active { width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-w-1\/5:disabled { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-1\/5:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-w-1\/5:focus-within { width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-md-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-md-hover-h-1\/5:hover { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-h-1\/5:focus { height: 20%; }
  html[data-theme="dark"] .dark-md-active-h-1\/5:active { height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-h-1\/5:disabled { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-1\/5:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-h-1\/5:focus-within { height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-md-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-md-hover-min-w-1\/5:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-min-w-1\/5:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-md-active-min-w-1\/5:active { min-width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-1\/5:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-md-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-md-hover-max-w-1\/5:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-max-w-1\/5:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-md-active-max-w-1\/5:active { max-width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-1\/5:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-md-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-md-hover-min-h-1\/5:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-min-h-1\/5:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-md-active-min-h-1\/5:active { min-height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-1\/5:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-md-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-md-hover-max-h-1\/5:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-max-h-1\/5:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-md-active-max-h-1\/5:active { max-height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-1\/5:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-md-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-md-hover-w-2\/5:hover { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-w-2\/5:focus { width: 40%; }
  html[data-theme="dark"] .dark-md-active-w-2\/5:active { width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-w-2\/5:disabled { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-2\/5:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-w-2\/5:focus-within { width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-md-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-md-hover-h-2\/5:hover { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-h-2\/5:focus { height: 40%; }
  html[data-theme="dark"] .dark-md-active-h-2\/5:active { height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-h-2\/5:disabled { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-2\/5:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-h-2\/5:focus-within { height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-md-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-md-hover-min-w-2\/5:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-min-w-2\/5:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-md-active-min-w-2\/5:active { min-width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-2\/5:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-md-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-md-hover-max-w-2\/5:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-max-w-2\/5:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-md-active-max-w-2\/5:active { max-width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-2\/5:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-md-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-md-hover-min-h-2\/5:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-min-h-2\/5:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-md-active-min-h-2\/5:active { min-height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-2\/5:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-md-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-md-hover-max-h-2\/5:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-max-h-2\/5:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-md-active-max-h-2\/5:active { max-height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-2\/5:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-md-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-md-hover-w-3\/5:hover { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-w-3\/5:focus { width: 60%; }
  html[data-theme="dark"] .dark-md-active-w-3\/5:active { width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-w-3\/5:disabled { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-3\/5:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-w-3\/5:focus-within { width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-md-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-md-hover-h-3\/5:hover { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-h-3\/5:focus { height: 60%; }
  html[data-theme="dark"] .dark-md-active-h-3\/5:active { height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-h-3\/5:disabled { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-3\/5:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-h-3\/5:focus-within { height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-md-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-md-hover-min-w-3\/5:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-min-w-3\/5:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-md-active-min-w-3\/5:active { min-width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-3\/5:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-md-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-md-hover-max-w-3\/5:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-max-w-3\/5:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-md-active-max-w-3\/5:active { max-width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-3\/5:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-md-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-md-hover-min-h-3\/5:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-min-h-3\/5:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-md-active-min-h-3\/5:active { min-height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-3\/5:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-md-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-md-hover-max-h-3\/5:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-max-h-3\/5:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-md-active-max-h-3\/5:active { max-height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-3\/5:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-md-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-md-hover-w-4\/5:hover { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-w-4\/5:focus { width: 80%; }
  html[data-theme="dark"] .dark-md-active-w-4\/5:active { width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-w-4\/5:disabled { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-4\/5:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-w-4\/5:focus-within { width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-md-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-md-hover-h-4\/5:hover { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-h-4\/5:focus { height: 80%; }
  html[data-theme="dark"] .dark-md-active-h-4\/5:active { height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-h-4\/5:disabled { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-4\/5:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-h-4\/5:focus-within { height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-md-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-md-hover-min-w-4\/5:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-min-w-4\/5:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-md-active-min-w-4\/5:active { min-width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-4\/5:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-md-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-md-hover-max-w-4\/5:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-max-w-4\/5:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-md-active-max-w-4\/5:active { max-width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-4\/5:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-md-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-md-hover-min-h-4\/5:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-min-h-4\/5:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-md-active-min-h-4\/5:active { min-height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-4\/5:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-md-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-md-hover-max-h-4\/5:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-max-h-4\/5:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-md-active-max-h-4\/5:active { max-height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-4\/5:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-md-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-md-hover-w-5p:hover { width: 5%; }
  html[data-theme="dark"] .dark-md-focus-w-5p:focus { width: 5%; }
  html[data-theme="dark"] .dark-md-active-w-5p:active { width: 5%; }
  html[data-theme="dark"] .dark-md-disabled-w-5p:disabled { width: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-5p:focus-visible { width: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-w-5p:focus-within { width: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-md-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-md-hover-h-5p:hover { height: 5%; }
  html[data-theme="dark"] .dark-md-focus-h-5p:focus { height: 5%; }
  html[data-theme="dark"] .dark-md-active-h-5p:active { height: 5%; }
  html[data-theme="dark"] .dark-md-disabled-h-5p:disabled { height: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-5p:focus-visible { height: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-h-5p:focus-within { height: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-md-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-md-hover-min-w-5p:hover { min-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-min-w-5p:focus { min-width: 5%; }
  html[data-theme="dark"] .dark-md-active-min-w-5p:active { min-width: 5%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-5p:disabled { min-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-5p:focus-within { min-width: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-md-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-md-hover-max-w-5p:hover { max-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-max-w-5p:focus { max-width: 5%; }
  html[data-theme="dark"] .dark-md-active-max-w-5p:active { max-width: 5%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-5p:disabled { max-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-5p:focus-within { max-width: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-md-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-md-hover-min-h-5p:hover { min-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-min-h-5p:focus { min-height: 5%; }
  html[data-theme="dark"] .dark-md-active-min-h-5p:active { min-height: 5%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-5p:disabled { min-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-5p:focus-within { min-height: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-md-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-md-hover-max-h-5p:hover { max-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-max-h-5p:focus { max-height: 5%; }
  html[data-theme="dark"] .dark-md-active-max-h-5p:active { max-height: 5%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-5p:disabled { max-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-5p:focus-within { max-height: 5%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-md-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-md-hover-w-10p:hover { width: 10%; }
  html[data-theme="dark"] .dark-md-focus-w-10p:focus { width: 10%; }
  html[data-theme="dark"] .dark-md-active-w-10p:active { width: 10%; }
  html[data-theme="dark"] .dark-md-disabled-w-10p:disabled { width: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-10p:focus-visible { width: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-w-10p:focus-within { width: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-md-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-md-hover-h-10p:hover { height: 10%; }
  html[data-theme="dark"] .dark-md-focus-h-10p:focus { height: 10%; }
  html[data-theme="dark"] .dark-md-active-h-10p:active { height: 10%; }
  html[data-theme="dark"] .dark-md-disabled-h-10p:disabled { height: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-10p:focus-visible { height: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-h-10p:focus-within { height: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-md-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-md-hover-min-w-10p:hover { min-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-min-w-10p:focus { min-width: 10%; }
  html[data-theme="dark"] .dark-md-active-min-w-10p:active { min-width: 10%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-10p:disabled { min-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-10p:focus-within { min-width: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-md-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-md-hover-max-w-10p:hover { max-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-max-w-10p:focus { max-width: 10%; }
  html[data-theme="dark"] .dark-md-active-max-w-10p:active { max-width: 10%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-10p:disabled { max-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-10p:focus-within { max-width: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-md-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-md-hover-min-h-10p:hover { min-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-min-h-10p:focus { min-height: 10%; }
  html[data-theme="dark"] .dark-md-active-min-h-10p:active { min-height: 10%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-10p:disabled { min-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-10p:focus-within { min-height: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-md-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-md-hover-max-h-10p:hover { max-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-max-h-10p:focus { max-height: 10%; }
  html[data-theme="dark"] .dark-md-active-max-h-10p:active { max-height: 10%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-10p:disabled { max-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-10p:focus-within { max-height: 10%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-md-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-md-hover-w-15p:hover { width: 15%; }
  html[data-theme="dark"] .dark-md-focus-w-15p:focus { width: 15%; }
  html[data-theme="dark"] .dark-md-active-w-15p:active { width: 15%; }
  html[data-theme="dark"] .dark-md-disabled-w-15p:disabled { width: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-15p:focus-visible { width: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-w-15p:focus-within { width: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-md-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-md-hover-h-15p:hover { height: 15%; }
  html[data-theme="dark"] .dark-md-focus-h-15p:focus { height: 15%; }
  html[data-theme="dark"] .dark-md-active-h-15p:active { height: 15%; }
  html[data-theme="dark"] .dark-md-disabled-h-15p:disabled { height: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-15p:focus-visible { height: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-h-15p:focus-within { height: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-md-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-md-hover-min-w-15p:hover { min-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-min-w-15p:focus { min-width: 15%; }
  html[data-theme="dark"] .dark-md-active-min-w-15p:active { min-width: 15%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-15p:disabled { min-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-15p:focus-within { min-width: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-md-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-md-hover-max-w-15p:hover { max-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-max-w-15p:focus { max-width: 15%; }
  html[data-theme="dark"] .dark-md-active-max-w-15p:active { max-width: 15%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-15p:disabled { max-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-15p:focus-within { max-width: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-md-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-md-hover-min-h-15p:hover { min-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-min-h-15p:focus { min-height: 15%; }
  html[data-theme="dark"] .dark-md-active-min-h-15p:active { min-height: 15%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-15p:disabled { min-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-15p:focus-within { min-height: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-md-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-md-hover-max-h-15p:hover { max-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-max-h-15p:focus { max-height: 15%; }
  html[data-theme="dark"] .dark-md-active-max-h-15p:active { max-height: 15%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-15p:disabled { max-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-15p:focus-within { max-height: 15%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-md-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-md-hover-w-20p:hover { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-w-20p:focus { width: 20%; }
  html[data-theme="dark"] .dark-md-active-w-20p:active { width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-w-20p:disabled { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-20p:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-w-20p:focus-within { width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-md-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-md-hover-h-20p:hover { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-h-20p:focus { height: 20%; }
  html[data-theme="dark"] .dark-md-active-h-20p:active { height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-h-20p:disabled { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-20p:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-h-20p:focus-within { height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-md-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-md-hover-min-w-20p:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-min-w-20p:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-md-active-min-w-20p:active { min-width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-20p:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-20p:focus-within { min-width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-md-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-md-hover-max-w-20p:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-max-w-20p:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-md-active-max-w-20p:active { max-width: 20%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-20p:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-20p:focus-within { max-width: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-md-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-md-hover-min-h-20p:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-min-h-20p:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-md-active-min-h-20p:active { min-height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-20p:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-20p:focus-within { min-height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-md-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-md-hover-max-h-20p:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-max-h-20p:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-md-active-max-h-20p:active { max-height: 20%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-20p:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-20p:focus-within { max-height: 20%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-md-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-md-hover-w-25p:hover { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-w-25p:focus { width: 25%; }
  html[data-theme="dark"] .dark-md-active-w-25p:active { width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-w-25p:disabled { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-25p:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-w-25p:focus-within { width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-md-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-md-hover-h-25p:hover { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-h-25p:focus { height: 25%; }
  html[data-theme="dark"] .dark-md-active-h-25p:active { height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-h-25p:disabled { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-25p:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-h-25p:focus-within { height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-md-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-md-hover-min-w-25p:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-min-w-25p:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-md-active-min-w-25p:active { min-width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-25p:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-25p:focus-within { min-width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-md-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-md-hover-max-w-25p:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-max-w-25p:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-md-active-max-w-25p:active { max-width: 25%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-25p:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-25p:focus-within { max-width: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-md-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-md-hover-min-h-25p:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-min-h-25p:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-md-active-min-h-25p:active { min-height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-25p:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-25p:focus-within { min-height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-md-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-md-hover-max-h-25p:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-max-h-25p:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-md-active-max-h-25p:active { max-height: 25%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-25p:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-25p:focus-within { max-height: 25%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-md-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-md-hover-w-30p:hover { width: 30%; }
  html[data-theme="dark"] .dark-md-focus-w-30p:focus { width: 30%; }
  html[data-theme="dark"] .dark-md-active-w-30p:active { width: 30%; }
  html[data-theme="dark"] .dark-md-disabled-w-30p:disabled { width: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-30p:focus-visible { width: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-w-30p:focus-within { width: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-md-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-md-hover-h-30p:hover { height: 30%; }
  html[data-theme="dark"] .dark-md-focus-h-30p:focus { height: 30%; }
  html[data-theme="dark"] .dark-md-active-h-30p:active { height: 30%; }
  html[data-theme="dark"] .dark-md-disabled-h-30p:disabled { height: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-30p:focus-visible { height: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-h-30p:focus-within { height: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-md-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-md-hover-min-w-30p:hover { min-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-min-w-30p:focus { min-width: 30%; }
  html[data-theme="dark"] .dark-md-active-min-w-30p:active { min-width: 30%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-30p:disabled { min-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-30p:focus-within { min-width: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-md-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-md-hover-max-w-30p:hover { max-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-max-w-30p:focus { max-width: 30%; }
  html[data-theme="dark"] .dark-md-active-max-w-30p:active { max-width: 30%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-30p:disabled { max-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-30p:focus-within { max-width: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-md-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-md-hover-min-h-30p:hover { min-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-min-h-30p:focus { min-height: 30%; }
  html[data-theme="dark"] .dark-md-active-min-h-30p:active { min-height: 30%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-30p:disabled { min-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-30p:focus-within { min-height: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-md-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-md-hover-max-h-30p:hover { max-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-max-h-30p:focus { max-height: 30%; }
  html[data-theme="dark"] .dark-md-active-max-h-30p:active { max-height: 30%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-30p:disabled { max-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-30p:focus-within { max-height: 30%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-md-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-md-hover-w-35p:hover { width: 35%; }
  html[data-theme="dark"] .dark-md-focus-w-35p:focus { width: 35%; }
  html[data-theme="dark"] .dark-md-active-w-35p:active { width: 35%; }
  html[data-theme="dark"] .dark-md-disabled-w-35p:disabled { width: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-35p:focus-visible { width: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-w-35p:focus-within { width: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-md-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-md-hover-h-35p:hover { height: 35%; }
  html[data-theme="dark"] .dark-md-focus-h-35p:focus { height: 35%; }
  html[data-theme="dark"] .dark-md-active-h-35p:active { height: 35%; }
  html[data-theme="dark"] .dark-md-disabled-h-35p:disabled { height: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-35p:focus-visible { height: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-h-35p:focus-within { height: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-md-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-md-hover-min-w-35p:hover { min-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-min-w-35p:focus { min-width: 35%; }
  html[data-theme="dark"] .dark-md-active-min-w-35p:active { min-width: 35%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-35p:disabled { min-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-35p:focus-within { min-width: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-md-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-md-hover-max-w-35p:hover { max-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-max-w-35p:focus { max-width: 35%; }
  html[data-theme="dark"] .dark-md-active-max-w-35p:active { max-width: 35%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-35p:disabled { max-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-35p:focus-within { max-width: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-md-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-md-hover-min-h-35p:hover { min-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-min-h-35p:focus { min-height: 35%; }
  html[data-theme="dark"] .dark-md-active-min-h-35p:active { min-height: 35%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-35p:disabled { min-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-35p:focus-within { min-height: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-md-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-md-hover-max-h-35p:hover { max-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-max-h-35p:focus { max-height: 35%; }
  html[data-theme="dark"] .dark-md-active-max-h-35p:active { max-height: 35%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-35p:disabled { max-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-35p:focus-within { max-height: 35%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-md-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-md-hover-w-40p:hover { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-w-40p:focus { width: 40%; }
  html[data-theme="dark"] .dark-md-active-w-40p:active { width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-w-40p:disabled { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-40p:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-w-40p:focus-within { width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-md-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-md-hover-h-40p:hover { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-h-40p:focus { height: 40%; }
  html[data-theme="dark"] .dark-md-active-h-40p:active { height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-h-40p:disabled { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-40p:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-h-40p:focus-within { height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-md-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-md-hover-min-w-40p:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-min-w-40p:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-md-active-min-w-40p:active { min-width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-40p:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-40p:focus-within { min-width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-md-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-md-hover-max-w-40p:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-max-w-40p:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-md-active-max-w-40p:active { max-width: 40%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-40p:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-40p:focus-within { max-width: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-md-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-md-hover-min-h-40p:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-min-h-40p:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-md-active-min-h-40p:active { min-height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-40p:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-40p:focus-within { min-height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-md-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-md-hover-max-h-40p:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-max-h-40p:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-md-active-max-h-40p:active { max-height: 40%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-40p:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-40p:focus-within { max-height: 40%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-md-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-md-hover-w-45p:hover { width: 45%; }
  html[data-theme="dark"] .dark-md-focus-w-45p:focus { width: 45%; }
  html[data-theme="dark"] .dark-md-active-w-45p:active { width: 45%; }
  html[data-theme="dark"] .dark-md-disabled-w-45p:disabled { width: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-45p:focus-visible { width: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-w-45p:focus-within { width: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-md-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-md-hover-h-45p:hover { height: 45%; }
  html[data-theme="dark"] .dark-md-focus-h-45p:focus { height: 45%; }
  html[data-theme="dark"] .dark-md-active-h-45p:active { height: 45%; }
  html[data-theme="dark"] .dark-md-disabled-h-45p:disabled { height: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-45p:focus-visible { height: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-h-45p:focus-within { height: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-md-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-md-hover-min-w-45p:hover { min-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-min-w-45p:focus { min-width: 45%; }
  html[data-theme="dark"] .dark-md-active-min-w-45p:active { min-width: 45%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-45p:disabled { min-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-45p:focus-within { min-width: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-md-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-md-hover-max-w-45p:hover { max-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-max-w-45p:focus { max-width: 45%; }
  html[data-theme="dark"] .dark-md-active-max-w-45p:active { max-width: 45%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-45p:disabled { max-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-45p:focus-within { max-width: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-md-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-md-hover-min-h-45p:hover { min-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-min-h-45p:focus { min-height: 45%; }
  html[data-theme="dark"] .dark-md-active-min-h-45p:active { min-height: 45%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-45p:disabled { min-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-45p:focus-within { min-height: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-md-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-md-hover-max-h-45p:hover { max-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-max-h-45p:focus { max-height: 45%; }
  html[data-theme="dark"] .dark-md-active-max-h-45p:active { max-height: 45%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-45p:disabled { max-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-45p:focus-within { max-height: 45%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-md-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-md-hover-w-50p:hover { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-w-50p:focus { width: 50%; }
  html[data-theme="dark"] .dark-md-active-w-50p:active { width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-w-50p:disabled { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-50p:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-w-50p:focus-within { width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-md-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-md-hover-h-50p:hover { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-h-50p:focus { height: 50%; }
  html[data-theme="dark"] .dark-md-active-h-50p:active { height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-h-50p:disabled { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-50p:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-h-50p:focus-within { height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-md-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-md-hover-min-w-50p:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-min-w-50p:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-md-active-min-w-50p:active { min-width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-50p:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-50p:focus-within { min-width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-md-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-md-hover-max-w-50p:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-max-w-50p:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-md-active-max-w-50p:active { max-width: 50%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-50p:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-50p:focus-within { max-width: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-md-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-md-hover-min-h-50p:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-min-h-50p:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-md-active-min-h-50p:active { min-height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-50p:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-50p:focus-within { min-height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-md-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-md-hover-max-h-50p:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-max-h-50p:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-md-active-max-h-50p:active { max-height: 50%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-50p:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-50p:focus-within { max-height: 50%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-md-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-md-hover-w-55p:hover { width: 55%; }
  html[data-theme="dark"] .dark-md-focus-w-55p:focus { width: 55%; }
  html[data-theme="dark"] .dark-md-active-w-55p:active { width: 55%; }
  html[data-theme="dark"] .dark-md-disabled-w-55p:disabled { width: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-55p:focus-visible { width: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-w-55p:focus-within { width: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-md-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-md-hover-h-55p:hover { height: 55%; }
  html[data-theme="dark"] .dark-md-focus-h-55p:focus { height: 55%; }
  html[data-theme="dark"] .dark-md-active-h-55p:active { height: 55%; }
  html[data-theme="dark"] .dark-md-disabled-h-55p:disabled { height: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-55p:focus-visible { height: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-h-55p:focus-within { height: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-md-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-md-hover-min-w-55p:hover { min-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-min-w-55p:focus { min-width: 55%; }
  html[data-theme="dark"] .dark-md-active-min-w-55p:active { min-width: 55%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-55p:disabled { min-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-55p:focus-within { min-width: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-md-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-md-hover-max-w-55p:hover { max-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-max-w-55p:focus { max-width: 55%; }
  html[data-theme="dark"] .dark-md-active-max-w-55p:active { max-width: 55%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-55p:disabled { max-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-55p:focus-within { max-width: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-md-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-md-hover-min-h-55p:hover { min-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-min-h-55p:focus { min-height: 55%; }
  html[data-theme="dark"] .dark-md-active-min-h-55p:active { min-height: 55%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-55p:disabled { min-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-55p:focus-within { min-height: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-md-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-md-hover-max-h-55p:hover { max-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-max-h-55p:focus { max-height: 55%; }
  html[data-theme="dark"] .dark-md-active-max-h-55p:active { max-height: 55%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-55p:disabled { max-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-55p:focus-within { max-height: 55%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-md-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-md-hover-w-60p:hover { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-w-60p:focus { width: 60%; }
  html[data-theme="dark"] .dark-md-active-w-60p:active { width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-w-60p:disabled { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-60p:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-w-60p:focus-within { width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-md-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-md-hover-h-60p:hover { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-h-60p:focus { height: 60%; }
  html[data-theme="dark"] .dark-md-active-h-60p:active { height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-h-60p:disabled { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-60p:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-h-60p:focus-within { height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-md-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-md-hover-min-w-60p:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-min-w-60p:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-md-active-min-w-60p:active { min-width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-60p:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-60p:focus-within { min-width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-md-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-md-hover-max-w-60p:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-max-w-60p:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-md-active-max-w-60p:active { max-width: 60%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-60p:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-60p:focus-within { max-width: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-md-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-md-hover-min-h-60p:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-min-h-60p:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-md-active-min-h-60p:active { min-height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-60p:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-60p:focus-within { min-height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-md-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-md-hover-max-h-60p:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-max-h-60p:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-md-active-max-h-60p:active { max-height: 60%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-60p:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-60p:focus-within { max-height: 60%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-md-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-md-hover-w-65p:hover { width: 65%; }
  html[data-theme="dark"] .dark-md-focus-w-65p:focus { width: 65%; }
  html[data-theme="dark"] .dark-md-active-w-65p:active { width: 65%; }
  html[data-theme="dark"] .dark-md-disabled-w-65p:disabled { width: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-65p:focus-visible { width: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-w-65p:focus-within { width: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-md-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-md-hover-h-65p:hover { height: 65%; }
  html[data-theme="dark"] .dark-md-focus-h-65p:focus { height: 65%; }
  html[data-theme="dark"] .dark-md-active-h-65p:active { height: 65%; }
  html[data-theme="dark"] .dark-md-disabled-h-65p:disabled { height: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-65p:focus-visible { height: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-h-65p:focus-within { height: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-md-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-md-hover-min-w-65p:hover { min-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-min-w-65p:focus { min-width: 65%; }
  html[data-theme="dark"] .dark-md-active-min-w-65p:active { min-width: 65%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-65p:disabled { min-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-65p:focus-within { min-width: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-md-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-md-hover-max-w-65p:hover { max-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-max-w-65p:focus { max-width: 65%; }
  html[data-theme="dark"] .dark-md-active-max-w-65p:active { max-width: 65%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-65p:disabled { max-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-65p:focus-within { max-width: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-md-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-md-hover-min-h-65p:hover { min-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-min-h-65p:focus { min-height: 65%; }
  html[data-theme="dark"] .dark-md-active-min-h-65p:active { min-height: 65%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-65p:disabled { min-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-65p:focus-within { min-height: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-md-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-md-hover-max-h-65p:hover { max-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-max-h-65p:focus { max-height: 65%; }
  html[data-theme="dark"] .dark-md-active-max-h-65p:active { max-height: 65%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-65p:disabled { max-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-65p:focus-within { max-height: 65%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-md-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-md-hover-w-70p:hover { width: 70%; }
  html[data-theme="dark"] .dark-md-focus-w-70p:focus { width: 70%; }
  html[data-theme="dark"] .dark-md-active-w-70p:active { width: 70%; }
  html[data-theme="dark"] .dark-md-disabled-w-70p:disabled { width: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-70p:focus-visible { width: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-w-70p:focus-within { width: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-md-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-md-hover-h-70p:hover { height: 70%; }
  html[data-theme="dark"] .dark-md-focus-h-70p:focus { height: 70%; }
  html[data-theme="dark"] .dark-md-active-h-70p:active { height: 70%; }
  html[data-theme="dark"] .dark-md-disabled-h-70p:disabled { height: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-70p:focus-visible { height: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-h-70p:focus-within { height: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-md-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-md-hover-min-w-70p:hover { min-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-min-w-70p:focus { min-width: 70%; }
  html[data-theme="dark"] .dark-md-active-min-w-70p:active { min-width: 70%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-70p:disabled { min-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-70p:focus-within { min-width: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-md-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-md-hover-max-w-70p:hover { max-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-max-w-70p:focus { max-width: 70%; }
  html[data-theme="dark"] .dark-md-active-max-w-70p:active { max-width: 70%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-70p:disabled { max-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-70p:focus-within { max-width: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-md-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-md-hover-min-h-70p:hover { min-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-min-h-70p:focus { min-height: 70%; }
  html[data-theme="dark"] .dark-md-active-min-h-70p:active { min-height: 70%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-70p:disabled { min-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-70p:focus-within { min-height: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-md-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-md-hover-max-h-70p:hover { max-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-max-h-70p:focus { max-height: 70%; }
  html[data-theme="dark"] .dark-md-active-max-h-70p:active { max-height: 70%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-70p:disabled { max-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-70p:focus-within { max-height: 70%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-md-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-md-hover-w-75p:hover { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-w-75p:focus { width: 75%; }
  html[data-theme="dark"] .dark-md-active-w-75p:active { width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-w-75p:disabled { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-75p:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-w-75p:focus-within { width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-md-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-md-hover-h-75p:hover { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-h-75p:focus { height: 75%; }
  html[data-theme="dark"] .dark-md-active-h-75p:active { height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-h-75p:disabled { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-75p:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-h-75p:focus-within { height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-md-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-md-hover-min-w-75p:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-min-w-75p:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-md-active-min-w-75p:active { min-width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-75p:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-75p:focus-within { min-width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-md-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-md-hover-max-w-75p:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-max-w-75p:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-md-active-max-w-75p:active { max-width: 75%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-75p:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-75p:focus-within { max-width: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-md-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-md-hover-min-h-75p:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-min-h-75p:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-md-active-min-h-75p:active { min-height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-75p:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-75p:focus-within { min-height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-md-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-md-hover-max-h-75p:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-max-h-75p:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-md-active-max-h-75p:active { max-height: 75%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-75p:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-75p:focus-within { max-height: 75%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-md-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-md-hover-w-80p:hover { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-w-80p:focus { width: 80%; }
  html[data-theme="dark"] .dark-md-active-w-80p:active { width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-w-80p:disabled { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-80p:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-w-80p:focus-within { width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-md-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-md-hover-h-80p:hover { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-h-80p:focus { height: 80%; }
  html[data-theme="dark"] .dark-md-active-h-80p:active { height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-h-80p:disabled { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-80p:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-h-80p:focus-within { height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-md-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-md-hover-min-w-80p:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-min-w-80p:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-md-active-min-w-80p:active { min-width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-80p:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-80p:focus-within { min-width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-md-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-md-hover-max-w-80p:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-max-w-80p:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-md-active-max-w-80p:active { max-width: 80%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-80p:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-80p:focus-within { max-width: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-md-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-md-hover-min-h-80p:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-min-h-80p:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-md-active-min-h-80p:active { min-height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-80p:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-80p:focus-within { min-height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-md-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-md-hover-max-h-80p:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-max-h-80p:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-md-active-max-h-80p:active { max-height: 80%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-80p:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-80p:focus-within { max-height: 80%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-md-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-md-hover-w-85p:hover { width: 85%; }
  html[data-theme="dark"] .dark-md-focus-w-85p:focus { width: 85%; }
  html[data-theme="dark"] .dark-md-active-w-85p:active { width: 85%; }
  html[data-theme="dark"] .dark-md-disabled-w-85p:disabled { width: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-85p:focus-visible { width: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-w-85p:focus-within { width: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-md-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-md-hover-h-85p:hover { height: 85%; }
  html[data-theme="dark"] .dark-md-focus-h-85p:focus { height: 85%; }
  html[data-theme="dark"] .dark-md-active-h-85p:active { height: 85%; }
  html[data-theme="dark"] .dark-md-disabled-h-85p:disabled { height: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-85p:focus-visible { height: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-h-85p:focus-within { height: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-md-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-md-hover-min-w-85p:hover { min-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-min-w-85p:focus { min-width: 85%; }
  html[data-theme="dark"] .dark-md-active-min-w-85p:active { min-width: 85%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-85p:disabled { min-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-85p:focus-within { min-width: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-md-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-md-hover-max-w-85p:hover { max-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-max-w-85p:focus { max-width: 85%; }
  html[data-theme="dark"] .dark-md-active-max-w-85p:active { max-width: 85%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-85p:disabled { max-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-85p:focus-within { max-width: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-md-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-md-hover-min-h-85p:hover { min-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-min-h-85p:focus { min-height: 85%; }
  html[data-theme="dark"] .dark-md-active-min-h-85p:active { min-height: 85%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-85p:disabled { min-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-85p:focus-within { min-height: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-md-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-md-hover-max-h-85p:hover { max-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-max-h-85p:focus { max-height: 85%; }
  html[data-theme="dark"] .dark-md-active-max-h-85p:active { max-height: 85%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-85p:disabled { max-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-85p:focus-within { max-height: 85%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-md-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-md-hover-w-90p:hover { width: 90%; }
  html[data-theme="dark"] .dark-md-focus-w-90p:focus { width: 90%; }
  html[data-theme="dark"] .dark-md-active-w-90p:active { width: 90%; }
  html[data-theme="dark"] .dark-md-disabled-w-90p:disabled { width: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-90p:focus-visible { width: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-w-90p:focus-within { width: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-md-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-md-hover-h-90p:hover { height: 90%; }
  html[data-theme="dark"] .dark-md-focus-h-90p:focus { height: 90%; }
  html[data-theme="dark"] .dark-md-active-h-90p:active { height: 90%; }
  html[data-theme="dark"] .dark-md-disabled-h-90p:disabled { height: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-90p:focus-visible { height: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-h-90p:focus-within { height: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-md-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-md-hover-min-w-90p:hover { min-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-min-w-90p:focus { min-width: 90%; }
  html[data-theme="dark"] .dark-md-active-min-w-90p:active { min-width: 90%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-90p:disabled { min-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-90p:focus-within { min-width: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-md-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-md-hover-max-w-90p:hover { max-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-max-w-90p:focus { max-width: 90%; }
  html[data-theme="dark"] .dark-md-active-max-w-90p:active { max-width: 90%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-90p:disabled { max-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-90p:focus-within { max-width: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-md-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-md-hover-min-h-90p:hover { min-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-min-h-90p:focus { min-height: 90%; }
  html[data-theme="dark"] .dark-md-active-min-h-90p:active { min-height: 90%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-90p:disabled { min-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-90p:focus-within { min-height: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-md-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-md-hover-max-h-90p:hover { max-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-max-h-90p:focus { max-height: 90%; }
  html[data-theme="dark"] .dark-md-active-max-h-90p:active { max-height: 90%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-90p:disabled { max-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-90p:focus-within { max-height: 90%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-md-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-md-hover-w-95p:hover { width: 95%; }
  html[data-theme="dark"] .dark-md-focus-w-95p:focus { width: 95%; }
  html[data-theme="dark"] .dark-md-active-w-95p:active { width: 95%; }
  html[data-theme="dark"] .dark-md-disabled-w-95p:disabled { width: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-95p:focus-visible { width: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-w-95p:focus-within { width: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-md-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-md-hover-h-95p:hover { height: 95%; }
  html[data-theme="dark"] .dark-md-focus-h-95p:focus { height: 95%; }
  html[data-theme="dark"] .dark-md-active-h-95p:active { height: 95%; }
  html[data-theme="dark"] .dark-md-disabled-h-95p:disabled { height: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-95p:focus-visible { height: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-h-95p:focus-within { height: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-md-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-md-hover-min-w-95p:hover { min-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-min-w-95p:focus { min-width: 95%; }
  html[data-theme="dark"] .dark-md-active-min-w-95p:active { min-width: 95%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-95p:disabled { min-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-95p:focus-within { min-width: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-md-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-md-hover-max-w-95p:hover { max-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-max-w-95p:focus { max-width: 95%; }
  html[data-theme="dark"] .dark-md-active-max-w-95p:active { max-width: 95%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-95p:disabled { max-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-95p:focus-within { max-width: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-md-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-md-hover-min-h-95p:hover { min-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-min-h-95p:focus { min-height: 95%; }
  html[data-theme="dark"] .dark-md-active-min-h-95p:active { min-height: 95%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-95p:disabled { min-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-95p:focus-within { min-height: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-md-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-md-hover-max-h-95p:hover { max-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-max-h-95p:focus { max-height: 95%; }
  html[data-theme="dark"] .dark-md-active-max-h-95p:active { max-height: 95%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-95p:disabled { max-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-95p:focus-within { max-height: 95%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-md-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-md-hover-w-100p:hover { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-w-100p:focus { width: 100%; }
  html[data-theme="dark"] .dark-md-active-w-100p:active { width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-w-100p:disabled { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-100p:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-w-100p:focus-within { width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-md-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-md-hover-h-100p:hover { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-h-100p:focus { height: 100%; }
  html[data-theme="dark"] .dark-md-active-h-100p:active { height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-h-100p:disabled { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-100p:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-h-100p:focus-within { height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-md-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-md-hover-min-w-100p:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-min-w-100p:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-md-active-min-w-100p:active { min-width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-100p:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-100p:focus-within { min-width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-md-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-md-hover-max-w-100p:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-max-w-100p:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-md-active-max-w-100p:active { max-width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-100p:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-100p:focus-within { max-width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-md-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-md-hover-min-h-100p:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-min-h-100p:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-md-active-min-h-100p:active { min-height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-100p:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-100p:focus-within { min-height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-md-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-md-hover-max-h-100p:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-max-h-100p:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-md-active-max-h-100p:active { max-height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-100p:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-100p:focus-within { max-height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-md-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-md-hover-w-10vw:hover { width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-w-10vw:focus { width: 10vw; }
  html[data-theme="dark"] .dark-md-active-w-10vw:active { width: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-w-10vw:disabled { width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-10vw:focus-visible { width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-10vw:focus-within { width: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-md-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-md-hover-h-10vw:hover { height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-h-10vw:focus { height: 10vw; }
  html[data-theme="dark"] .dark-md-active-h-10vw:active { height: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-h-10vw:disabled { height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-10vw:focus-visible { height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-10vw:focus-within { height: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-md-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-10vw:hover { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-10vw:focus { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-active-min-w-10vw:active { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-10vw:disabled { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-md-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-10vw:hover { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-10vw:focus { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-active-max-w-10vw:active { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-10vw:disabled { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-md-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-10vw:hover { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-10vw:focus { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-active-min-h-10vw:active { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-10vw:disabled { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-md-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-10vw:hover { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-10vw:focus { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-active-max-h-10vw:active { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-10vw:disabled { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-md-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-md-hover-w-20vw:hover { width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-w-20vw:focus { width: 20vw; }
  html[data-theme="dark"] .dark-md-active-w-20vw:active { width: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-w-20vw:disabled { width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-20vw:focus-visible { width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-20vw:focus-within { width: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-md-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-md-hover-h-20vw:hover { height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-h-20vw:focus { height: 20vw; }
  html[data-theme="dark"] .dark-md-active-h-20vw:active { height: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-h-20vw:disabled { height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-20vw:focus-visible { height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-20vw:focus-within { height: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-md-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-20vw:hover { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-20vw:focus { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-active-min-w-20vw:active { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-20vw:disabled { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-md-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-20vw:hover { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-20vw:focus { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-active-max-w-20vw:active { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-20vw:disabled { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-md-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-20vw:hover { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-20vw:focus { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-active-min-h-20vw:active { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-20vw:disabled { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-md-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-20vw:hover { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-20vw:focus { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-active-max-h-20vw:active { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-20vw:disabled { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-md-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-md-hover-w-30vw:hover { width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-w-30vw:focus { width: 30vw; }
  html[data-theme="dark"] .dark-md-active-w-30vw:active { width: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-w-30vw:disabled { width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-30vw:focus-visible { width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-30vw:focus-within { width: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-md-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-md-hover-h-30vw:hover { height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-h-30vw:focus { height: 30vw; }
  html[data-theme="dark"] .dark-md-active-h-30vw:active { height: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-h-30vw:disabled { height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-30vw:focus-visible { height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-30vw:focus-within { height: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-md-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-30vw:hover { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-30vw:focus { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-active-min-w-30vw:active { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-30vw:disabled { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-md-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-30vw:hover { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-30vw:focus { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-active-max-w-30vw:active { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-30vw:disabled { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-md-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-30vw:hover { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-30vw:focus { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-active-min-h-30vw:active { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-30vw:disabled { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-md-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-30vw:hover { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-30vw:focus { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-active-max-h-30vw:active { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-30vw:disabled { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-md-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-md-hover-w-40vw:hover { width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-w-40vw:focus { width: 40vw; }
  html[data-theme="dark"] .dark-md-active-w-40vw:active { width: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-w-40vw:disabled { width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-40vw:focus-visible { width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-40vw:focus-within { width: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-md-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-md-hover-h-40vw:hover { height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-h-40vw:focus { height: 40vw; }
  html[data-theme="dark"] .dark-md-active-h-40vw:active { height: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-h-40vw:disabled { height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-40vw:focus-visible { height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-40vw:focus-within { height: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-md-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-40vw:hover { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-40vw:focus { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-active-min-w-40vw:active { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-40vw:disabled { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-md-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-40vw:hover { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-40vw:focus { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-active-max-w-40vw:active { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-40vw:disabled { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-md-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-40vw:hover { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-40vw:focus { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-active-min-h-40vw:active { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-40vw:disabled { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-md-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-40vw:hover { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-40vw:focus { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-active-max-h-40vw:active { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-40vw:disabled { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-md-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-md-hover-w-50vw:hover { width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-w-50vw:focus { width: 50vw; }
  html[data-theme="dark"] .dark-md-active-w-50vw:active { width: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-w-50vw:disabled { width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-50vw:focus-visible { width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-50vw:focus-within { width: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-md-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-md-hover-h-50vw:hover { height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-h-50vw:focus { height: 50vw; }
  html[data-theme="dark"] .dark-md-active-h-50vw:active { height: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-h-50vw:disabled { height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-50vw:focus-visible { height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-50vw:focus-within { height: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-md-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-50vw:hover { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-50vw:focus { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-active-min-w-50vw:active { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-50vw:disabled { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-md-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-50vw:hover { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-50vw:focus { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-active-max-w-50vw:active { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-50vw:disabled { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-md-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-50vw:hover { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-50vw:focus { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-active-min-h-50vw:active { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-50vw:disabled { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-md-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-50vw:hover { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-50vw:focus { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-active-max-h-50vw:active { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-50vw:disabled { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-md-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-md-hover-w-60vw:hover { width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-w-60vw:focus { width: 60vw; }
  html[data-theme="dark"] .dark-md-active-w-60vw:active { width: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-w-60vw:disabled { width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-60vw:focus-visible { width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-60vw:focus-within { width: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-md-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-md-hover-h-60vw:hover { height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-h-60vw:focus { height: 60vw; }
  html[data-theme="dark"] .dark-md-active-h-60vw:active { height: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-h-60vw:disabled { height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-60vw:focus-visible { height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-60vw:focus-within { height: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-md-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-60vw:hover { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-60vw:focus { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-active-min-w-60vw:active { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-60vw:disabled { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-md-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-60vw:hover { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-60vw:focus { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-active-max-w-60vw:active { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-60vw:disabled { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-md-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-60vw:hover { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-60vw:focus { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-active-min-h-60vw:active { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-60vw:disabled { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-md-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-60vw:hover { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-60vw:focus { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-active-max-h-60vw:active { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-60vw:disabled { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-md-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-md-hover-w-70vw:hover { width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-w-70vw:focus { width: 70vw; }
  html[data-theme="dark"] .dark-md-active-w-70vw:active { width: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-w-70vw:disabled { width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-70vw:focus-visible { width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-70vw:focus-within { width: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-md-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-md-hover-h-70vw:hover { height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-h-70vw:focus { height: 70vw; }
  html[data-theme="dark"] .dark-md-active-h-70vw:active { height: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-h-70vw:disabled { height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-70vw:focus-visible { height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-70vw:focus-within { height: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-md-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-70vw:hover { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-70vw:focus { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-active-min-w-70vw:active { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-70vw:disabled { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-md-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-70vw:hover { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-70vw:focus { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-active-max-w-70vw:active { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-70vw:disabled { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-md-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-70vw:hover { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-70vw:focus { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-active-min-h-70vw:active { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-70vw:disabled { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-md-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-70vw:hover { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-70vw:focus { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-active-max-h-70vw:active { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-70vw:disabled { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-md-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-md-hover-w-80vw:hover { width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-w-80vw:focus { width: 80vw; }
  html[data-theme="dark"] .dark-md-active-w-80vw:active { width: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-w-80vw:disabled { width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-80vw:focus-visible { width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-80vw:focus-within { width: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-md-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-md-hover-h-80vw:hover { height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-h-80vw:focus { height: 80vw; }
  html[data-theme="dark"] .dark-md-active-h-80vw:active { height: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-h-80vw:disabled { height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-80vw:focus-visible { height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-80vw:focus-within { height: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-md-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-80vw:hover { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-80vw:focus { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-active-min-w-80vw:active { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-80vw:disabled { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-md-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-80vw:hover { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-80vw:focus { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-active-max-w-80vw:active { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-80vw:disabled { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-md-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-80vw:hover { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-80vw:focus { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-active-min-h-80vw:active { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-80vw:disabled { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-md-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-80vw:hover { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-80vw:focus { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-active-max-h-80vw:active { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-80vw:disabled { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-md-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-md-hover-w-90vw:hover { width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-w-90vw:focus { width: 90vw; }
  html[data-theme="dark"] .dark-md-active-w-90vw:active { width: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-w-90vw:disabled { width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-90vw:focus-visible { width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-90vw:focus-within { width: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-md-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-md-hover-h-90vw:hover { height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-h-90vw:focus { height: 90vw; }
  html[data-theme="dark"] .dark-md-active-h-90vw:active { height: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-h-90vw:disabled { height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-90vw:focus-visible { height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-90vw:focus-within { height: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-md-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-90vw:hover { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-90vw:focus { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-active-min-w-90vw:active { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-90vw:disabled { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-md-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-90vw:hover { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-90vw:focus { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-active-max-w-90vw:active { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-90vw:disabled { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-md-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-90vw:hover { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-90vw:focus { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-active-min-h-90vw:active { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-90vw:disabled { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-md-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-90vw:hover { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-90vw:focus { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-active-max-h-90vw:active { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-90vw:disabled { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-md-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-w-100vw:hover { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-w-100vw:focus { width: 100vw; }
  html[data-theme="dark"] .dark-md-active-w-100vw:active { width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-w-100vw:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-100vw:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-100vw:focus-within { width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-md-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-md-hover-h-100vw:hover { height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-h-100vw:focus { height: 100vw; }
  html[data-theme="dark"] .dark-md-active-h-100vw:active { height: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-h-100vw:disabled { height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-h-100vw:focus-visible { height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-h-100vw:focus-within { height: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-md-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-100vw:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-100vw:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-active-min-w-100vw:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-100vw:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-100vw:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-100vw:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-active-max-w-100vw:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-100vw:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-hover-min-h-100vw:hover { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-min-h-100vw:focus { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-active-min-h-100vw:active { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-min-h-100vw:disabled { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-md-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-hover-max-h-100vw:hover { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-max-h-100vw:focus { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-active-max-h-100vw:active { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-max-h-100vw:disabled { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-md-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-md-hover-w-fit:hover { width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-w-fit:focus { width: fit-content; }
  html[data-theme="dark"] .dark-md-active-w-fit:active { width: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-w-fit:disabled { width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-w-fit:focus-visible { width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-w-fit:focus-within { width: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-md-w-max { width: max-content; }
  html[data-theme="dark"] .dark-md-hover-w-max:hover { width: max-content; }
  html[data-theme="dark"] .dark-md-focus-w-max:focus { width: max-content; }
  html[data-theme="dark"] .dark-md-active-w-max:active { width: max-content; }
  html[data-theme="dark"] .dark-md-disabled-w-max:disabled { width: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-w-max:focus-visible { width: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-w-max:focus-within { width: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-max { width: max-content; }
  html[data-theme="dark"] .dark-md-w-min { width: min-content; }
  html[data-theme="dark"] .dark-md-hover-w-min:hover { width: min-content; }
  html[data-theme="dark"] .dark-md-focus-w-min:focus { width: min-content; }
  html[data-theme="dark"] .dark-md-active-w-min:active { width: min-content; }
  html[data-theme="dark"] .dark-md-disabled-w-min:disabled { width: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-w-min:focus-visible { width: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-w-min:focus-within { width: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-min { width: min-content; }
  html[data-theme="dark"] .dark-md-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-w-minmax:hover { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-w-minmax:focus { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-w-minmax:active { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-w-full { width: 100%; }
  html[data-theme="dark"] .dark-md-hover-w-full:hover { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-w-full:focus { width: 100%; }
  html[data-theme="dark"] .dark-md-active-w-full:active { width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-w-full:disabled { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-w-full:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-w-full:focus-within { width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-full { width: 100%; }
  html[data-theme="dark"] .dark-md-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-w-screen:hover { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-w-screen:focus { width: 100vw; }
  html[data-theme="dark"] .dark-md-active-w-screen:active { width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-w-screen:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-w-screen:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-w-screen:focus-within { width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-md-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-md-hover-h-fit:hover { height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-h-fit:focus { height: fit-content; }
  html[data-theme="dark"] .dark-md-active-h-fit:active { height: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-h-fit:disabled { height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-h-fit:focus-visible { height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-h-fit:focus-within { height: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-md-h-max { height: max-content; }
  html[data-theme="dark"] .dark-md-hover-h-max:hover { height: max-content; }
  html[data-theme="dark"] .dark-md-focus-h-max:focus { height: max-content; }
  html[data-theme="dark"] .dark-md-active-h-max:active { height: max-content; }
  html[data-theme="dark"] .dark-md-disabled-h-max:disabled { height: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-h-max:focus-visible { height: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-h-max:focus-within { height: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-max { height: max-content; }
  html[data-theme="dark"] .dark-md-h-min { height: min-content; }
  html[data-theme="dark"] .dark-md-hover-h-min:hover { height: min-content; }
  html[data-theme="dark"] .dark-md-focus-h-min:focus { height: min-content; }
  html[data-theme="dark"] .dark-md-active-h-min:active { height: min-content; }
  html[data-theme="dark"] .dark-md-disabled-h-min:disabled { height: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-h-min:focus-visible { height: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-h-min:focus-within { height: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-min { height: min-content; }
  html[data-theme="dark"] .dark-md-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-h-minmax:hover { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-h-minmax:focus { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-h-minmax:active { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-h-full { height: 100%; }
  html[data-theme="dark"] .dark-md-hover-h-full:hover { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-h-full:focus { height: 100%; }
  html[data-theme="dark"] .dark-md-active-h-full:active { height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-h-full:disabled { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-h-full:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-h-full:focus-within { height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-full { height: 100%; }
  html[data-theme="dark"] .dark-md-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-md-hover-h-screen:hover { height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-h-screen:focus { height: 100vh; }
  html[data-theme="dark"] .dark-md-active-h-screen:active { height: 100vh; }
  html[data-theme="dark"] .dark-md-disabled-h-screen:disabled { height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-visible-h-screen:focus-visible { height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-within-h-screen:focus-within { height: 100vh; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-md-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-hover-min-w-fit:hover { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-min-w-fit:focus { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-active-min-w-fit:active { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-min-w-fit:disabled { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-md-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-md-hover-min-w-max:hover { min-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-min-w-max:focus { min-width: max-content; }
  html[data-theme="dark"] .dark-md-active-min-w-max:active { min-width: max-content; }
  html[data-theme="dark"] .dark-md-disabled-min-w-max:disabled { min-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-max:focus-within { min-width: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-md-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-md-hover-min-w-min:hover { min-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-min-w-min:focus { min-width: min-content; }
  html[data-theme="dark"] .dark-md-active-min-w-min:active { min-width: min-content; }
  html[data-theme="dark"] .dark-md-disabled-min-w-min:disabled { min-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-min:focus-within { min-width: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-md-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-md-hover-min-w-full:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-min-w-full:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-md-active-min-w-full:active { min-width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-min-w-full:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-full:focus-within { min-width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-md-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-min-w-screen:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-min-w-screen:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-active-min-w-screen:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-min-w-screen:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-md-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-hover-min-h-fit:hover { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-min-h-fit:focus { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-active-min-h-fit:active { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-min-h-fit:disabled { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-md-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-md-hover-min-h-max:hover { min-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-min-h-max:focus { min-height: max-content; }
  html[data-theme="dark"] .dark-md-active-min-h-max:active { min-height: max-content; }
  html[data-theme="dark"] .dark-md-disabled-min-h-max:disabled { min-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-max:focus-within { min-height: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-md-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-md-hover-min-h-min:hover { min-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-min-h-min:focus { min-height: min-content; }
  html[data-theme="dark"] .dark-md-active-min-h-min:active { min-height: min-content; }
  html[data-theme="dark"] .dark-md-disabled-min-h-min:disabled { min-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-min:focus-within { min-height: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-md-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-md-hover-min-h-full:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-min-h-full:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-md-active-min-h-full:active { min-height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-min-h-full:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-full:focus-within { min-height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-md-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-hover-min-h-screen:hover { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-min-h-screen:focus { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-active-min-h-screen:active { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-disabled-min-h-screen:disabled { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-md-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-hover-max-w-fit:hover { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-max-w-fit:focus { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-active-max-w-fit:active { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-max-w-fit:disabled { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-md-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-md-hover-max-w-max:hover { max-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-max-w-max:focus { max-width: max-content; }
  html[data-theme="dark"] .dark-md-active-max-w-max:active { max-width: max-content; }
  html[data-theme="dark"] .dark-md-disabled-max-w-max:disabled { max-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-max:focus-within { max-width: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-md-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-md-hover-max-w-min:hover { max-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-max-w-min:focus { max-width: min-content; }
  html[data-theme="dark"] .dark-md-active-max-w-min:active { max-width: min-content; }
  html[data-theme="dark"] .dark-md-disabled-max-w-min:disabled { max-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-min:focus-within { max-width: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-md-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-md-hover-max-w-full:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-max-w-full:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-md-active-max-w-full:active { max-width: 100%; }
  html[data-theme="dark"] .dark-md-disabled-max-w-full:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-full:focus-within { max-width: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-md-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-hover-max-w-screen:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-max-w-screen:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-active-max-w-screen:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-disabled-max-w-screen:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-md-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-hover-max-h-fit:hover { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-max-h-fit:focus { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-active-max-h-fit:active { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-disabled-max-h-fit:disabled { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-md-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-md-hover-max-h-max:hover { max-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-max-h-max:focus { max-height: max-content; }
  html[data-theme="dark"] .dark-md-active-max-h-max:active { max-height: max-content; }
  html[data-theme="dark"] .dark-md-disabled-max-h-max:disabled { max-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-max:focus-within { max-height: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-md-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-md-hover-max-h-min:hover { max-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-max-h-min:focus { max-height: min-content; }
  html[data-theme="dark"] .dark-md-active-max-h-min:active { max-height: min-content; }
  html[data-theme="dark"] .dark-md-disabled-max-h-min:disabled { max-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-min:focus-within { max-height: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-md-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-md-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-md-hover-max-h-full:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-max-h-full:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-md-active-max-h-full:active { max-height: 100%; }
  html[data-theme="dark"] .dark-md-disabled-max-h-full:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-full:focus-within { max-height: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-md-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-hover-max-h-screen:hover { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-max-h-screen:focus { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-active-max-h-screen:active { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-disabled-max-h-screen:disabled { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-md-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-hover-size-0:hover { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-focus-size-0:focus { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-active-size-0:active { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-disabled-size-0:disabled { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-focus-within-size-0:focus-within { width: 0; height: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-md-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-md-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-md-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-md-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-hover-size-4:hover { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-size-4:focus { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-active-size-4:active { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-md-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-md-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-md-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-md-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-hover-size-8:hover { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-size-8:focus { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-active-size-8:active { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-md-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-md-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-md-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-md-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-hover-size-12:hover { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-size-12:focus { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-active-size-12:active { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-md-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-md-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-hover-size-16:hover { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-size-16:focus { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-active-size-16:active { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-md-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-hover-size-20:hover { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-size-20:focus { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-active-size-20:active { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-md-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-hover-size-24:hover { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-size-24:focus { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-active-size-24:active { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-md-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-hover-size-28:hover { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-size-28:focus { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-active-size-28:active { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-md-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-hover-size-32:hover { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-size-32:focus { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-active-size-32:active { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-md-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-hover-size-36:hover { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-size-36:focus { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-active-size-36:active { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-md-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-hover-size-40:hover { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-size-40:focus { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-active-size-40:active { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-md-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-hover-size-44:hover { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-size-44:focus { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-active-size-44:active { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-md-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-hover-size-48:hover { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-size-48:focus { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-active-size-48:active { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-md-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-hover-size-52:hover { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-size-52:focus { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-active-size-52:active { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-md-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-hover-size-56:hover { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-size-56:focus { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-active-size-56:active { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-md-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-hover-size-60:hover { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-size-60:focus { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-active-size-60:active { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-md-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-hover-size-64:hover { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-size-64:focus { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-active-size-64:active { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-md-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-hover-size-72:hover { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-size-72:focus { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-active-size-72:active { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-md-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-hover-size-80:hover { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-size-80:focus { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-active-size-80:active { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-md-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-hover-size-96:hover { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-size-96:focus { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-active-size-96:active { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-md-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-md-hover-font-size-auto:hover { font-size: auto; }
  html[data-theme="dark"] .dark-md-focus-font-size-auto:focus { font-size: auto; }
  html[data-theme="dark"] .dark-md-active-font-size-auto:active { font-size: auto; }
  html[data-theme="dark"] .dark-md-disabled-font-size-auto:disabled { font-size: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-auto:focus-within { font-size: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-md-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-md-hover-font-size-0:hover { font-size: 0; }
  html[data-theme="dark"] .dark-md-focus-font-size-0:focus { font-size: 0; }
  html[data-theme="dark"] .dark-md-active-font-size-0:active { font-size: 0; }
  html[data-theme="dark"] .dark-md-disabled-font-size-0:disabled { font-size: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-0:focus-visible { font-size: 0; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-0:focus-within { font-size: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-md-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-1:hover { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-1:focus { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-font-size-1:active { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-1:disabled { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-md-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-2:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-2:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-2:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-2:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-3:hover { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-3:focus { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-font-size-3:active { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-3:disabled { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-md-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-4:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-4:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-active-font-size-4:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-4:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-4:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-5:hover { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-5:focus { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-font-size-5:active { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-5:disabled { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-md-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-6:hover { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-6:focus { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-6:active { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-6:disabled { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-md-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-7:hover { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-7:focus { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-font-size-7:active { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-7:disabled { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-md-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-8:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-8:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-active-font-size-8:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-8:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-8:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-9:hover { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-9:focus { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-active-font-size-9:active { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-9:disabled { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-md-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-10:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-10:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-10:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-10:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-12:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-12:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-active-font-size-12:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-12:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-12:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-14:hover { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-14:focus { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-14:active { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-14:disabled { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-md-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-16:hover { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-16:focus { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-active-font-size-16:active { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-16:disabled { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-16:focus-within { font-size: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-md-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-18:hover { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-18:focus { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-18:active { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-18:disabled { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-md-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-20:hover { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-20:focus { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-active-font-size-20:active { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-20:disabled { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-20:focus-within { font-size: 5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-md-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-24:hover { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-24:focus { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-active-font-size-24:active { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-24:disabled { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-24:focus-within { font-size: 6rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-md-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-28:hover { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-28:focus { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-active-font-size-28:active { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-28:disabled { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-28:focus-within { font-size: 7rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-md-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-hover-font-size-32:hover { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-focus-font-size-32:focus { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-active-font-size-32:active { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-disabled-font-size-32:disabled { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-focus-within-font-size-32:focus-within { font-size: 8rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-md-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-md-hover-font-style-normal:hover { font-style: normal; }
  html[data-theme="dark"] .dark-md-focus-font-style-normal:focus { font-style: normal; }
  html[data-theme="dark"] .dark-md-active-font-style-normal:active { font-style: normal; }
  html[data-theme="dark"] .dark-md-disabled-font-style-normal:disabled { font-style: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  html[data-theme="dark"] .dark-md-focus-within-font-style-normal:focus-within { font-style: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-md-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-md-hover-font-style-italic:hover { font-style: italic; }
  html[data-theme="dark"] .dark-md-focus-font-style-italic:focus { font-style: italic; }
  html[data-theme="dark"] .dark-md-active-font-style-italic:active { font-style: italic; }
  html[data-theme="dark"] .dark-md-disabled-font-style-italic:disabled { font-style: italic; }
  html[data-theme="dark"] .dark-md-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  html[data-theme="dark"] .dark-md-focus-within-font-style-italic:focus-within { font-style: italic; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-md-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-md-hover-font-style-oblique:hover { font-style: oblique; }
  html[data-theme="dark"] .dark-md-focus-font-style-oblique:focus { font-style: oblique; }
  html[data-theme="dark"] .dark-md-active-font-style-oblique:active { font-style: oblique; }
  html[data-theme="dark"] .dark-md-disabled-font-style-oblique:disabled { font-style: oblique; }
  html[data-theme="dark"] .dark-md-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  html[data-theme="dark"] .dark-md-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-md-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-md-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-md-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-md-hover-font-weight-thin:hover { font-weight: 100; }
  html[data-theme="dark"] .dark-md-focus-font-weight-thin:focus { font-weight: 100; }
  html[data-theme="dark"] .dark-md-active-font-weight-thin:active { font-weight: 100; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-thin:disabled { font-weight: 100; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-md-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-md-hover-font-weight-extralight:hover { font-weight: 200; }
  html[data-theme="dark"] .dark-md-focus-font-weight-extralight:focus { font-weight: 200; }
  html[data-theme="dark"] .dark-md-active-font-weight-extralight:active { font-weight: 200; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-extralight:disabled { font-weight: 200; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-md-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-md-hover-font-weight-light:hover { font-weight: 300; }
  html[data-theme="dark"] .dark-md-focus-font-weight-light:focus { font-weight: 300; }
  html[data-theme="dark"] .dark-md-active-font-weight-light:active { font-weight: 300; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-light:disabled { font-weight: 300; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-light:focus-within { font-weight: 300; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-md-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-md-hover-font-weight-regular:hover { font-weight: 400; }
  html[data-theme="dark"] .dark-md-focus-font-weight-regular:focus { font-weight: 400; }
  html[data-theme="dark"] .dark-md-active-font-weight-regular:active { font-weight: 400; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-regular:disabled { font-weight: 400; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-md-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-md-hover-font-weight-medium:hover { font-weight: 500; }
  html[data-theme="dark"] .dark-md-focus-font-weight-medium:focus { font-weight: 500; }
  html[data-theme="dark"] .dark-md-active-font-weight-medium:active { font-weight: 500; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-medium:disabled { font-weight: 500; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-md-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-md-hover-font-weight-semibold:hover { font-weight: 600; }
  html[data-theme="dark"] .dark-md-focus-font-weight-semibold:focus { font-weight: 600; }
  html[data-theme="dark"] .dark-md-active-font-weight-semibold:active { font-weight: 600; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-semibold:disabled { font-weight: 600; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-md-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-md-hover-font-weight-bold:hover { font-weight: 700; }
  html[data-theme="dark"] .dark-md-focus-font-weight-bold:focus { font-weight: 700; }
  html[data-theme="dark"] .dark-md-active-font-weight-bold:active { font-weight: 700; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-bold:disabled { font-weight: 700; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-md-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-md-hover-font-weight-extrabold:hover { font-weight: 800; }
  html[data-theme="dark"] .dark-md-focus-font-weight-extrabold:focus { font-weight: 800; }
  html[data-theme="dark"] .dark-md-active-font-weight-extrabold:active { font-weight: 800; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-md-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-md-hover-font-weight-ultrabold:hover { font-weight: 900; }
  html[data-theme="dark"] .dark-md-focus-font-weight-ultrabold:focus { font-weight: 900; }
  html[data-theme="dark"] .dark-md-active-font-weight-ultrabold:active { font-weight: 900; }
  html[data-theme="dark"] .dark-md-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  html[data-theme="dark"] .dark-md-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  html[data-theme="dark"] .dark-md-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-md-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-md-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-md-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-active-font-stretch-condensed:active { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-md-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-md-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-normal:hover { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-normal:focus { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-active-font-stretch-normal:active { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-md-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-md-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-active-font-stretch-expanded:active { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-md-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-md-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-md-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-md-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-active-tracking-tighter:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-active-tracking-tight:active { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-md-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-active-tracking-wide:active { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-md-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-active-tracking-wider:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-active-tracking-widest:active { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-md-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-hover-decoration-solid:hover { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-focus-decoration-solid:focus { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-active-decoration-solid:active { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-md-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-hover-decoration-double:hover { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-focus-decoration-double:focus { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-active-decoration-double:active { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-disabled-decoration-double:disabled { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-md-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-active-decoration-dotted:active { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-md-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-active-decoration-dashed:active { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-md-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-active-decoration-wavy:active { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-md-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-hover-decoration-0:hover { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-focus-decoration-0:focus { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-active-decoration-0:active { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-md-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-active-decoration-1:active { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-md-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-active-decoration-2:active { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-md-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-active-decoration-4:active { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-md-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-active-decoration-8:active { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-md-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-hover-underline-offset-0:hover { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-underline-offset-0:focus { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-active-underline-offset-0:active { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-md-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-active-underline-offset-1:active { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-md-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-active-underline-offset-2:active { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-md-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-active-underline-offset-4:active { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-md-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-active-underline-offset-8:active { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-md-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-text-xs:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-text-xs:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-text-xs:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-text-xs:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-md-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-text-sm:hover { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-text-sm:focus { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-text-sm:active { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-text-sm:disabled { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-md-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-hover-text-base:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-text-base:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-active-text-base:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-text-base:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-base:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-base:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-md-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-text-lg:hover { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-text-lg:focus { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-text-lg:active { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-text-lg:disabled { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-md-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-hover-text-xl:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-text-xl:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-active-text-xl:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-text-xl:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-xl:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-md-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-hover-text-2xl:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-text-2xl:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-active-text-2xl:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-disabled-text-2xl:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-md-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-hover-text-3xl:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-text-3xl:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-active-text-3xl:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-text-3xl:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-text-3xl:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-md-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-md-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-md-hover-indent-0:hover { text-indent: 0; }
  html[data-theme="dark"] .dark-md-focus-indent-0:focus { text-indent: 0; }
  html[data-theme="dark"] .dark-md-active-indent-0:active { text-indent: 0; }
  html[data-theme="dark"] .dark-md-disabled-indent-0:disabled { text-indent: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-indent-0:focus-visible { text-indent: 0; }
  html[data-theme="dark"] .dark-md-focus-within-indent-0:focus-within { text-indent: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-md-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-indent-1:hover { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-indent-1:focus { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-indent-1:active { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-indent-1:disabled { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-md-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-indent-2:hover { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-indent-2:focus { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-indent-2:active { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-indent-2:disabled { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-md-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-hover-indent-4:hover { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-focus-indent-4:focus { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-active-indent-4:active { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-indent-4:disabled { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-indent-4:focus-within { text-indent: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-md-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-hover-indent-8:hover { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-focus-indent-8:focus { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-active-indent-8:active { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-indent-8:disabled { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-indent-8:focus-within { text-indent: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-md-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-md-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-md-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-md-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-md-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-md-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-md-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-md-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-md-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-md-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-md-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-md-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-md-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-md-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-md-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-md-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-md-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-md-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-md-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-md-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-md-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-md-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-md-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-md-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-md-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-md-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-md-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-md-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-md-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-md-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-md-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-md-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-md-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-md-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-md-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-md-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-md-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-md-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-md-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-md-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-md-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-md-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-md-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-md-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-md-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-md-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-md-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-md-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-md-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-md-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-active-bg-attachment-fixed:active { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-md-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-md-hover-bg-attachment-local:hover { background-attachment: local; }
  html[data-theme="dark"] .dark-md-focus-bg-attachment-local:focus { background-attachment: local; }
  html[data-theme="dark"] .dark-md-active-bg-attachment-local:active { background-attachment: local; }
  html[data-theme="dark"] .dark-md-disabled-bg-attachment-local:disabled { background-attachment: local; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  html[data-theme="dark"] .dark-md-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-md-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-active-bg-attachment-scroll:active { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-md-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-hover-bg-clip-border:hover { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-focus-bg-clip-border:focus { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-active-bg-clip-border:active { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-clip-border:disabled { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-md-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-hover-bg-clip-padding:hover { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-focus-bg-clip-padding:focus { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-active-bg-clip-padding:active { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-md-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-hover-bg-clip-content:hover { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-focus-bg-clip-content:focus { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-active-bg-clip-content:active { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-clip-content:disabled { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-md-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-md-hover-bg-color-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-bg-color-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-md-active-bg-color-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-md-disabled-bg-color-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-md-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-md-hover-bg-color-black:hover { background-color: #000; }
  html[data-theme="dark"] .dark-md-focus-bg-color-black:focus { background-color: #000; }
  html[data-theme="dark"] .dark-md-active-bg-color-black:active { background-color: #000; }
  html[data-theme="dark"] .dark-md-disabled-bg-color-black:disabled { background-color: #000; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  html[data-theme="dark"] .dark-md-focus-within-bg-color-black:focus-within { background-color: #000; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-md-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-md-hover-bg-color-white:hover { background-color: #fff; }
  html[data-theme="dark"] .dark-md-focus-bg-color-white:focus { background-color: #fff; }
  html[data-theme="dark"] .dark-md-active-bg-color-white:active { background-color: #fff; }
  html[data-theme="dark"] .dark-md-disabled-bg-color-white:disabled { background-color: #fff; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  html[data-theme="dark"] .dark-md-focus-within-bg-color-white:focus-within { background-color: #fff; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-md-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-md-hover-bg-image-none:hover { background-image: none; }
  html[data-theme="dark"] .dark-md-focus-bg-image-none:focus { background-image: none; }
  html[data-theme="dark"] .dark-md-active-bg-image-none:active { background-image: none; }
  html[data-theme="dark"] .dark-md-disabled-bg-image-none:disabled { background-image: none; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-image-none:focus-visible { background-image: none; }
  html[data-theme="dark"] .dark-md-focus-within-bg-image-none:focus-within { background-image: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-md-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-md-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-hover-bg-origin-border:hover { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-focus-bg-origin-border:focus { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-active-bg-origin-border:active { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-origin-border:disabled { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-md-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-hover-bg-origin-padding:hover { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-focus-bg-origin-padding:focus { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-active-bg-origin-padding:active { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-md-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-hover-bg-origin-content:hover { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-focus-bg-origin-content:focus { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-active-bg-origin-content:active { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-disabled-bg-origin-content:disabled { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-md-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-md-hover-bg-position-center:hover { background-position: center; }
  html[data-theme="dark"] .dark-md-focus-bg-position-center:focus { background-position: center; }
  html[data-theme="dark"] .dark-md-active-bg-position-center:active { background-position: center; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-center:disabled { background-position: center; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-center:focus-visible { background-position: center; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-center:focus-within { background-position: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-md-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-md-hover-bg-position-top:hover { background-position: top; }
  html[data-theme="dark"] .dark-md-focus-bg-position-top:focus { background-position: top; }
  html[data-theme="dark"] .dark-md-active-bg-position-top:active { background-position: top; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-top:disabled { background-position: top; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-top:focus-visible { background-position: top; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-top:focus-within { background-position: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-md-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-md-hover-bg-position-bottom:hover { background-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-bg-position-bottom:focus { background-position: bottom; }
  html[data-theme="dark"] .dark-md-active-bg-position-bottom:active { background-position: bottom; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-bottom:disabled { background-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-md-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-md-hover-bg-position-left:hover { background-position: left; }
  html[data-theme="dark"] .dark-md-focus-bg-position-left:focus { background-position: left; }
  html[data-theme="dark"] .dark-md-active-bg-position-left:active { background-position: left; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-left:disabled { background-position: left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-left:focus-visible { background-position: left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-left:focus-within { background-position: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-md-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-md-hover-bg-position-right:hover { background-position: right; }
  html[data-theme="dark"] .dark-md-focus-bg-position-right:focus { background-position: right; }
  html[data-theme="dark"] .dark-md-active-bg-position-right:active { background-position: right; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-right:disabled { background-position: right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-right:focus-visible { background-position: right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-right:focus-within { background-position: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-md-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-md-hover-bg-position-top-left:hover { background-position: top left; }
  html[data-theme="dark"] .dark-md-focus-bg-position-top-left:focus { background-position: top left; }
  html[data-theme="dark"] .dark-md-active-bg-position-top-left:active { background-position: top left; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-top-left:disabled { background-position: top left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-md-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-md-hover-bg-position-top-right:hover { background-position: top right; }
  html[data-theme="dark"] .dark-md-focus-bg-position-top-right:focus { background-position: top right; }
  html[data-theme="dark"] .dark-md-active-bg-position-top-right:active { background-position: top right; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-top-right:disabled { background-position: top right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-md-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-active-bg-position-bottom-left:active { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-md-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-active-bg-position-bottom-right:active { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-md-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-active-bg-repeat-none:active { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-md-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-active-bg-repeat-x:active { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-md-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-active-bg-repeat-y:active { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-md-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat:hover { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat:focus { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-active-bg-repeat:active { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat:disabled { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-md-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat-round:hover { background-repeat: round; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat-round:focus { background-repeat: round; }
  html[data-theme="dark"] .dark-md-active-bg-repeat-round:active { background-repeat: round; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat-round:disabled { background-repeat: round; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-md-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-md-hover-bg-repeat-space:hover { background-repeat: space; }
  html[data-theme="dark"] .dark-md-focus-bg-repeat-space:focus { background-repeat: space; }
  html[data-theme="dark"] .dark-md-active-bg-repeat-space:active { background-repeat: space; }
  html[data-theme="dark"] .dark-md-disabled-bg-repeat-space:disabled { background-repeat: space; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  html[data-theme="dark"] .dark-md-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-md-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-md-hover-bg-size-auto:hover { background-size: auto; }
  html[data-theme="dark"] .dark-md-focus-bg-size-auto:focus { background-size: auto; }
  html[data-theme="dark"] .dark-md-active-bg-size-auto:active { background-size: auto; }
  html[data-theme="dark"] .dark-md-disabled-bg-size-auto:disabled { background-size: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  html[data-theme="dark"] .dark-md-focus-within-bg-size-auto:focus-within { background-size: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-md-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-md-hover-bg-size-cover:hover { background-size: cover; }
  html[data-theme="dark"] .dark-md-focus-bg-size-cover:focus { background-size: cover; }
  html[data-theme="dark"] .dark-md-active-bg-size-cover:active { background-size: cover; }
  html[data-theme="dark"] .dark-md-disabled-bg-size-cover:disabled { background-size: cover; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  html[data-theme="dark"] .dark-md-focus-within-bg-size-cover:focus-within { background-size: cover; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-md-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-md-hover-bg-size-contain:hover { background-size: contain; }
  html[data-theme="dark"] .dark-md-focus-bg-size-contain:focus { background-size: contain; }
  html[data-theme="dark"] .dark-md-active-bg-size-contain:active { background-size: contain; }
  html[data-theme="dark"] .dark-md-disabled-bg-size-contain:disabled { background-size: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  html[data-theme="dark"] .dark-md-focus-within-bg-size-contain:focus-within { background-size: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-md-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-md-hover-fill-current:hover { fill: currentColor; }
  html[data-theme="dark"] .dark-md-focus-fill-current:focus { fill: currentColor; }
  html[data-theme="dark"] .dark-md-active-fill-current:active { fill: currentColor; }
  html[data-theme="dark"] .dark-md-disabled-fill-current:disabled { fill: currentColor; }
  html[data-theme="dark"] .dark-md-focus-visible-fill-current:focus-visible { fill: currentColor; }
  html[data-theme="dark"] .dark-md-focus-within-fill-current:focus-within { fill: currentColor; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-md-fill-none { fill: none; }
  html[data-theme="dark"] .dark-md-hover-fill-none:hover { fill: none; }
  html[data-theme="dark"] .dark-md-focus-fill-none:focus { fill: none; }
  html[data-theme="dark"] .dark-md-active-fill-none:active { fill: none; }
  html[data-theme="dark"] .dark-md-disabled-fill-none:disabled { fill: none; }
  html[data-theme="dark"] .dark-md-focus-visible-fill-none:focus-visible { fill: none; }
  html[data-theme="dark"] .dark-md-focus-within-fill-none:focus-within { fill: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-fill-none { fill: none; }
  html[data-theme="dark"] .dark-md-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-hover-stroke-current:hover { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-focus-stroke-current:focus { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-active-stroke-current:active { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-disabled-stroke-current:disabled { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-current:focus-within { stroke: currentColor; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-md-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-hover-stroke-0:hover { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-focus-stroke-0:focus { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-active-stroke-0:active { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-disabled-stroke-0:disabled { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-0:focus-within { stroke-width: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-md-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-hover-stroke-1:hover { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-focus-stroke-1:focus { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-active-stroke-1:active { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-disabled-stroke-1:disabled { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-1:focus-within { stroke-width: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-md-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-hover-stroke-2:hover { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-focus-stroke-2:focus { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-active-stroke-2:active { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-disabled-stroke-2:disabled { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-2:focus-within { stroke-width: 2; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-md-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-hover-stroke-4:hover { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-focus-stroke-4:focus { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-active-stroke-4:active { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-disabled-stroke-4:disabled { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-4:focus-within { stroke-width: 4; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-md-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-hover-stroke-8:hover { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-focus-stroke-8:focus { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-active-stroke-8:active { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-disabled-stroke-8:disabled { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-focus-within-stroke-8:focus-within { stroke-width: 8; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-md-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-md-hover-line-height-1:hover { line-height: 1; }
  html[data-theme="dark"] .dark-md-focus-line-height-1:focus { line-height: 1; }
  html[data-theme="dark"] .dark-md-active-line-height-1:active { line-height: 1; }
  html[data-theme="dark"] .dark-md-disabled-line-height-1:disabled { line-height: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-1:focus-visible { line-height: 1; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-1:focus-within { line-height: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-md-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-hover-line-height-2:hover { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-focus-line-height-2:focus { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-active-line-height-2:active { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-disabled-line-height-2:disabled { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-2:focus-within { line-height: 1.25; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-md-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-hover-line-height-3:hover { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-focus-line-height-3:focus { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-active-line-height-3:active { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-disabled-line-height-3:disabled { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-3:focus-within { line-height: 1.375; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-md-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-hover-line-height-4:hover { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-focus-line-height-4:focus { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-active-line-height-4:active { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-disabled-line-height-4:disabled { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-4:focus-within { line-height: 1.5; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-md-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-hover-line-height-5:hover { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-focus-line-height-5:focus { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-active-line-height-5:active { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-disabled-line-height-5:disabled { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-5:focus-within { line-height: 1.625; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-md-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-hover-line-height-6:hover { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-focus-line-height-6:focus { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-active-line-height-6:active { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-disabled-line-height-6:disabled { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-6:focus-within { line-height: 1.75; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-md-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-md-hover-line-height-7:hover { line-height: 2; }
  html[data-theme="dark"] .dark-md-focus-line-height-7:focus { line-height: 2; }
  html[data-theme="dark"] .dark-md-active-line-height-7:active { line-height: 2; }
  html[data-theme="dark"] .dark-md-disabled-line-height-7:disabled { line-height: 2; }
  html[data-theme="dark"] .dark-md-focus-visible-line-height-7:focus-visible { line-height: 2; }
  html[data-theme="dark"] .dark-md-focus-within-line-height-7:focus-within { line-height: 2; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-md-text-left { text-align: left; }
  html[data-theme="dark"] .dark-md-hover-text-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-text-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-md-active-text-left:active { text-align: left; }
  html[data-theme="dark"] .dark-md-disabled-text-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-visible-text-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-within-text-left:focus-within { text-align: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-left { text-align: left; }
  html[data-theme="dark"] .dark-md-text-center { text-align: center; }
  html[data-theme="dark"] .dark-md-hover-text-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-text-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-md-active-text-center:active { text-align: center; }
  html[data-theme="dark"] .dark-md-disabled-text-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-visible-text-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-within-text-center:focus-within { text-align: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-center { text-align: center; }
  html[data-theme="dark"] .dark-md-text-right { text-align: right; }
  html[data-theme="dark"] .dark-md-hover-text-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-text-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-md-active-text-right:active { text-align: right; }
  html[data-theme="dark"] .dark-md-disabled-text-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-visible-text-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-within-text-right:focus-within { text-align: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-right { text-align: right; }
  html[data-theme="dark"] .dark-md-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-md-hover-text-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-text-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-md-active-text-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-md-disabled-text-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-visible-text-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-within-text-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-md-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-hover-justify-start:hover { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-justify-start:focus { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-active-justify-start:active { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-disabled-justify-start:disabled { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-within-justify-start:focus-within { justify-content: flex-start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-md-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-md-hover-justify-center:hover { justify-content: center; }
  html[data-theme="dark"] .dark-md-focus-justify-center:focus { justify-content: center; }
  html[data-theme="dark"] .dark-md-active-justify-center:active { justify-content: center; }
  html[data-theme="dark"] .dark-md-disabled-justify-center:disabled { justify-content: center; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-center:focus-visible { justify-content: center; }
  html[data-theme="dark"] .dark-md-focus-within-justify-center:focus-within { justify-content: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-md-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-hover-justify-end:hover { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-justify-end:focus { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-active-justify-end:active { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-disabled-justify-end:disabled { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-within-justify-end:focus-within { justify-content: flex-end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-md-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-hover-justify-between:hover { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-justify-between:focus { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-active-justify-between:active { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-disabled-justify-between:disabled { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-within-justify-between:focus-within { justify-content: space-between; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-md-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-hover-justify-around:hover { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-justify-around:focus { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-active-justify-around:active { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-disabled-justify-around:disabled { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-within-justify-around:focus-within { justify-content: space-around; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-md-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-hover-justify-evenly:hover { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-justify-evenly:focus { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-active-justify-evenly:active { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-md-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-hover-items-start:hover { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-focus-items-start:focus { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-active-items-start:active { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-disabled-items-start:disabled { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-focus-visible-items-start:focus-visible { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-focus-within-items-start:focus-within { align-items: flex-start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-md-items-center { align-items: center; }
  html[data-theme="dark"] .dark-md-hover-items-center:hover { align-items: center; }
  html[data-theme="dark"] .dark-md-focus-items-center:focus { align-items: center; }
  html[data-theme="dark"] .dark-md-active-items-center:active { align-items: center; }
  html[data-theme="dark"] .dark-md-disabled-items-center:disabled { align-items: center; }
  html[data-theme="dark"] .dark-md-focus-visible-items-center:focus-visible { align-items: center; }
  html[data-theme="dark"] .dark-md-focus-within-items-center:focus-within { align-items: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-items-center { align-items: center; }
  html[data-theme="dark"] .dark-md-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-hover-items-end:hover { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-focus-items-end:focus { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-active-items-end:active { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-disabled-items-end:disabled { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-focus-visible-items-end:focus-visible { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-focus-within-items-end:focus-within { align-items: flex-end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-md-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-md-hover-items-baseline:hover { align-items: baseline; }
  html[data-theme="dark"] .dark-md-focus-items-baseline:focus { align-items: baseline; }
  html[data-theme="dark"] .dark-md-active-items-baseline:active { align-items: baseline; }
  html[data-theme="dark"] .dark-md-disabled-items-baseline:disabled { align-items: baseline; }
  html[data-theme="dark"] .dark-md-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  html[data-theme="dark"] .dark-md-focus-within-items-baseline:focus-within { align-items: baseline; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-md-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-md-hover-items-stretch:hover { align-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-items-stretch:focus { align-items: stretch; }
  html[data-theme="dark"] .dark-md-active-items-stretch:active { align-items: stretch; }
  html[data-theme="dark"] .dark-md-disabled-items-stretch:disabled { align-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-within-items-stretch:focus-within { align-items: stretch; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-md-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-hover-content-start:hover { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-content-start:focus { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-active-content-start:active { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-disabled-content-start:disabled { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-visible-content-start:focus-visible { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-focus-within-content-start:focus-within { align-content: flex-start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-md-content-center { align-content: center; }
  html[data-theme="dark"] .dark-md-hover-content-center:hover { align-content: center; }
  html[data-theme="dark"] .dark-md-focus-content-center:focus { align-content: center; }
  html[data-theme="dark"] .dark-md-active-content-center:active { align-content: center; }
  html[data-theme="dark"] .dark-md-disabled-content-center:disabled { align-content: center; }
  html[data-theme="dark"] .dark-md-focus-visible-content-center:focus-visible { align-content: center; }
  html[data-theme="dark"] .dark-md-focus-within-content-center:focus-within { align-content: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-center { align-content: center; }
  html[data-theme="dark"] .dark-md-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-hover-content-end:hover { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-content-end:focus { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-active-content-end:active { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-disabled-content-end:disabled { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-visible-content-end:focus-visible { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-focus-within-content-end:focus-within { align-content: flex-end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-md-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-md-hover-content-between:hover { align-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-content-between:focus { align-content: space-between; }
  html[data-theme="dark"] .dark-md-active-content-between:active { align-content: space-between; }
  html[data-theme="dark"] .dark-md-disabled-content-between:disabled { align-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-visible-content-between:focus-visible { align-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-within-content-between:focus-within { align-content: space-between; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-md-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-md-hover-content-around:hover { align-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-content-around:focus { align-content: space-around; }
  html[data-theme="dark"] .dark-md-active-content-around:active { align-content: space-around; }
  html[data-theme="dark"] .dark-md-disabled-content-around:disabled { align-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-visible-content-around:focus-visible { align-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-within-content-around:focus-within { align-content: space-around; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-md-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-hover-content-evenly:hover { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-content-evenly:focus { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-active-content-evenly:active { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-disabled-content-evenly:disabled { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-md-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-md-hover-self-auto:hover { align-self: auto; }
  html[data-theme="dark"] .dark-md-focus-self-auto:focus { align-self: auto; }
  html[data-theme="dark"] .dark-md-active-self-auto:active { align-self: auto; }
  html[data-theme="dark"] .dark-md-disabled-self-auto:disabled { align-self: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-self-auto:focus-visible { align-self: auto; }
  html[data-theme="dark"] .dark-md-focus-within-self-auto:focus-within { align-self: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-md-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-hover-self-start:hover { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-focus-self-start:focus { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-active-self-start:active { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-disabled-self-start:disabled { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-focus-visible-self-start:focus-visible { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-focus-within-self-start:focus-within { align-self: flex-start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-md-self-center { align-self: center; }
  html[data-theme="dark"] .dark-md-hover-self-center:hover { align-self: center; }
  html[data-theme="dark"] .dark-md-focus-self-center:focus { align-self: center; }
  html[data-theme="dark"] .dark-md-active-self-center:active { align-self: center; }
  html[data-theme="dark"] .dark-md-disabled-self-center:disabled { align-self: center; }
  html[data-theme="dark"] .dark-md-focus-visible-self-center:focus-visible { align-self: center; }
  html[data-theme="dark"] .dark-md-focus-within-self-center:focus-within { align-self: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-self-center { align-self: center; }
  html[data-theme="dark"] .dark-md-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-hover-self-end:hover { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-focus-self-end:focus { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-active-self-end:active { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-disabled-self-end:disabled { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-focus-visible-self-end:focus-visible { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-focus-within-self-end:focus-within { align-self: flex-end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-md-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-md-hover-self-stretch:hover { align-self: stretch; }
  html[data-theme="dark"] .dark-md-focus-self-stretch:focus { align-self: stretch; }
  html[data-theme="dark"] .dark-md-active-self-stretch:active { align-self: stretch; }
  html[data-theme="dark"] .dark-md-disabled-self-stretch:disabled { align-self: stretch; }
  html[data-theme="dark"] .dark-md-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  html[data-theme="dark"] .dark-md-focus-within-self-stretch:focus-within { align-self: stretch; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-md-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-md-hover-place-items-start:hover { place-items: start; }
  html[data-theme="dark"] .dark-md-focus-place-items-start:focus { place-items: start; }
  html[data-theme="dark"] .dark-md-active-place-items-start:active { place-items: start; }
  html[data-theme="dark"] .dark-md-disabled-place-items-start:disabled { place-items: start; }
  html[data-theme="dark"] .dark-md-focus-visible-place-items-start:focus-visible { place-items: start; }
  html[data-theme="dark"] .dark-md-focus-within-place-items-start:focus-within { place-items: start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-md-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-md-hover-place-items-center:hover { place-items: center; }
  html[data-theme="dark"] .dark-md-focus-place-items-center:focus { place-items: center; }
  html[data-theme="dark"] .dark-md-active-place-items-center:active { place-items: center; }
  html[data-theme="dark"] .dark-md-disabled-place-items-center:disabled { place-items: center; }
  html[data-theme="dark"] .dark-md-focus-visible-place-items-center:focus-visible { place-items: center; }
  html[data-theme="dark"] .dark-md-focus-within-place-items-center:focus-within { place-items: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-md-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-md-hover-place-items-end:hover { place-items: end; }
  html[data-theme="dark"] .dark-md-focus-place-items-end:focus { place-items: end; }
  html[data-theme="dark"] .dark-md-active-place-items-end:active { place-items: end; }
  html[data-theme="dark"] .dark-md-disabled-place-items-end:disabled { place-items: end; }
  html[data-theme="dark"] .dark-md-focus-visible-place-items-end:focus-visible { place-items: end; }
  html[data-theme="dark"] .dark-md-focus-within-place-items-end:focus-within { place-items: end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-md-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-md-hover-place-items-stretch:hover { place-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-place-items-stretch:focus { place-items: stretch; }
  html[data-theme="dark"] .dark-md-active-place-items-stretch:active { place-items: stretch; }
  html[data-theme="dark"] .dark-md-disabled-place-items-stretch:disabled { place-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  html[data-theme="dark"] .dark-md-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-md-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-md-hover-place-content-start:hover { place-content: start; }
  html[data-theme="dark"] .dark-md-focus-place-content-start:focus { place-content: start; }
  html[data-theme="dark"] .dark-md-active-place-content-start:active { place-content: start; }
  html[data-theme="dark"] .dark-md-disabled-place-content-start:disabled { place-content: start; }
  html[data-theme="dark"] .dark-md-focus-visible-place-content-start:focus-visible { place-content: start; }
  html[data-theme="dark"] .dark-md-focus-within-place-content-start:focus-within { place-content: start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-md-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-md-hover-place-content-center:hover { place-content: center; }
  html[data-theme="dark"] .dark-md-focus-place-content-center:focus { place-content: center; }
  html[data-theme="dark"] .dark-md-active-place-content-center:active { place-content: center; }
  html[data-theme="dark"] .dark-md-disabled-place-content-center:disabled { place-content: center; }
  html[data-theme="dark"] .dark-md-focus-visible-place-content-center:focus-visible { place-content: center; }
  html[data-theme="dark"] .dark-md-focus-within-place-content-center:focus-within { place-content: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-md-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-md-hover-place-content-end:hover { place-content: end; }
  html[data-theme="dark"] .dark-md-focus-place-content-end:focus { place-content: end; }
  html[data-theme="dark"] .dark-md-active-place-content-end:active { place-content: end; }
  html[data-theme="dark"] .dark-md-disabled-place-content-end:disabled { place-content: end; }
  html[data-theme="dark"] .dark-md-focus-visible-place-content-end:focus-visible { place-content: end; }
  html[data-theme="dark"] .dark-md-focus-within-place-content-end:focus-within { place-content: end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-md-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-md-hover-place-content-between:hover { place-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-place-content-between:focus { place-content: space-between; }
  html[data-theme="dark"] .dark-md-active-place-content-between:active { place-content: space-between; }
  html[data-theme="dark"] .dark-md-disabled-place-content-between:disabled { place-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  html[data-theme="dark"] .dark-md-focus-within-place-content-between:focus-within { place-content: space-between; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-md-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-md-hover-place-content-around:hover { place-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-place-content-around:focus { place-content: space-around; }
  html[data-theme="dark"] .dark-md-active-place-content-around:active { place-content: space-around; }
  html[data-theme="dark"] .dark-md-disabled-place-content-around:disabled { place-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  html[data-theme="dark"] .dark-md-focus-within-place-content-around:focus-within { place-content: space-around; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-md-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-md-hover-place-self-auto:hover { place-self: auto; }
  html[data-theme="dark"] .dark-md-focus-place-self-auto:focus { place-self: auto; }
  html[data-theme="dark"] .dark-md-active-place-self-auto:active { place-self: auto; }
  html[data-theme="dark"] .dark-md-disabled-place-self-auto:disabled { place-self: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  html[data-theme="dark"] .dark-md-focus-within-place-self-auto:focus-within { place-self: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-md-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-md-hover-place-self-start:hover { place-self: start; }
  html[data-theme="dark"] .dark-md-focus-place-self-start:focus { place-self: start; }
  html[data-theme="dark"] .dark-md-active-place-self-start:active { place-self: start; }
  html[data-theme="dark"] .dark-md-disabled-place-self-start:disabled { place-self: start; }
  html[data-theme="dark"] .dark-md-focus-visible-place-self-start:focus-visible { place-self: start; }
  html[data-theme="dark"] .dark-md-focus-within-place-self-start:focus-within { place-self: start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-md-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-md-hover-place-self-center:hover { place-self: center; }
  html[data-theme="dark"] .dark-md-focus-place-self-center:focus { place-self: center; }
  html[data-theme="dark"] .dark-md-active-place-self-center:active { place-self: center; }
  html[data-theme="dark"] .dark-md-disabled-place-self-center:disabled { place-self: center; }
  html[data-theme="dark"] .dark-md-focus-visible-place-self-center:focus-visible { place-self: center; }
  html[data-theme="dark"] .dark-md-focus-within-place-self-center:focus-within { place-self: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-md-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-md-hover-place-self-end:hover { place-self: end; }
  html[data-theme="dark"] .dark-md-focus-place-self-end:focus { place-self: end; }
  html[data-theme="dark"] .dark-md-active-place-self-end:active { place-self: end; }
  html[data-theme="dark"] .dark-md-disabled-place-self-end:disabled { place-self: end; }
  html[data-theme="dark"] .dark-md-focus-visible-place-self-end:focus-visible { place-self: end; }
  html[data-theme="dark"] .dark-md-focus-within-place-self-end:focus-within { place-self: end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-md-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-hover-text-uppercase:hover { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-focus-text-uppercase:focus { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-active-text-uppercase:active { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-disabled-text-uppercase:disabled { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-md-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-hover-text-lowercase:hover { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-focus-text-lowercase:focus { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-active-text-lowercase:active { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-disabled-text-lowercase:disabled { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-md-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-hover-text-capitalize:hover { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-focus-text-capitalize:focus { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-active-text-capitalize:active { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-disabled-text-capitalize:disabled { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-md-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-active-tracking-tight:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-md-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-md-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-active-tracking-wide:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-md-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-hover-underline:hover { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-focus-underline:focus { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-active-underline:active { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-disabled-underline:disabled { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-focus-visible-underline:focus-visible { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-focus-within-underline:focus-within { text-decoration: underline; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-md-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-hover-line-through:hover { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-focus-line-through:focus { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-active-line-through:active { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-disabled-line-through:disabled { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-focus-within-line-through:focus-within { text-decoration: line-through; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-md-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-md-hover-no-underline:hover { text-decoration: none; }
  html[data-theme="dark"] .dark-md-focus-no-underline:focus { text-decoration: none; }
  html[data-theme="dark"] .dark-md-active-no-underline:active { text-decoration: none; }
  html[data-theme="dark"] .dark-md-disabled-no-underline:disabled { text-decoration: none; }
  html[data-theme="dark"] .dark-md-focus-visible-no-underline:focus-visible { text-decoration: none; }
  html[data-theme="dark"] .dark-md-focus-within-no-underline:focus-within { text-decoration: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-md-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-text-black:hover { color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-text-black:focus { color: var(--black); }
  html[data-theme="dark"] .dark-md-active-text-black:active { color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-text-black:disabled { color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-text-black:focus-visible { color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-text-black:focus-within { color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-md-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-text-white:hover { color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-text-white:focus { color: var(--white); }
  html[data-theme="dark"] .dark-md-active-text-white:active { color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-text-white:disabled { color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-text-white:focus-visible { color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-text-white:focus-within { color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-md-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-text-red-50:hover { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-text-red-50:focus { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-text-red-50:active { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-text-red-100:hover { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-text-red-100:focus { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-text-red-100:active { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-text-red-200:hover { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-text-red-200:focus { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-text-red-200:active { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-text-red-300:hover { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-text-red-300:focus { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-text-red-300:active { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-text-red-400:hover { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-text-red-400:focus { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-text-red-400:active { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-text-red-500:hover { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-text-red-500:focus { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-text-red-500:active { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-text-red-600:hover { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-text-red-600:focus { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-text-red-600:active { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-text-red-700:hover { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-text-red-700:focus { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-text-red-700:active { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-text-red-800:hover { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-text-red-800:focus { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-text-red-800:active { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-text-red-900:hover { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-text-red-900:focus { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-text-red-900:active { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-text-orange-50:active { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-text-orange-100:active { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-text-orange-200:active { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-text-orange-300:active { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-text-orange-400:active { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-text-orange-500:active { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-text-orange-600:active { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-text-orange-700:active { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-text-orange-800:active { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-text-orange-900:active { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-text-teal-50:active { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-text-teal-100:active { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-text-teal-200:active { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-text-teal-300:active { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-text-teal-400:active { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-text-teal-500:active { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-text-teal-600:active { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-text-teal-700:active { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-text-teal-800:active { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-text-teal-900:active { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-text-purple-50:active { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-text-purple-100:active { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-text-purple-200:active { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-text-purple-300:active { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-text-purple-400:active { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-text-purple-500:active { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-text-purple-600:active { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-text-purple-700:active { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-text-purple-800:active { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-text-purple-900:active { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-text-pink-50:active { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-text-pink-100:active { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-text-pink-200:active { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-text-pink-300:active { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-text-pink-400:active { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-text-pink-500:active { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-text-pink-600:active { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-text-pink-700:active { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-text-pink-800:active { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-text-pink-900:active { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-text-grey-50:active { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-text-grey-100:active { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-text-grey-200:active { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-text-grey-300:active { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-text-grey-400:active { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-text-grey-500:active { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-text-grey-600:active { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-text-grey-700:active { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-text-grey-800:active { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-text-grey-900:active { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-text-lime-50:active { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-text-lime-100:active { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-text-lime-200:active { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-text-lime-300:active { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-text-lime-400:active { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-text-lime-500:active { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-text-lime-600:active { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-text-lime-700:active { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-text-lime-800:active { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-text-lime-900:active { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-text-sky-50:active { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-text-sky-100:active { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-text-sky-200:active { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-text-sky-300:active { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-text-sky-400:active { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-text-sky-500:active { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-text-sky-600:active { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-text-sky-700:active { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-text-sky-800:active { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-text-sky-900:active { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-text-violet-50:active { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-text-violet-100:active { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-text-violet-200:active { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-text-violet-300:active { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-text-violet-400:active { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-text-violet-500:active { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-text-violet-600:active { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-text-violet-700:active { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-text-violet-800:active { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-text-violet-900:active { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-text-rose-50:active { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-text-rose-100:active { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-text-rose-200:active { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-text-rose-300:active { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-text-rose-400:active { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-text-rose-500:active { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-text-rose-600:active { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-text-rose-700:active { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-text-rose-800:active { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-text-rose-900:active { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-text-slate-50:active { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-text-slate-100:active { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-text-slate-200:active { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-text-slate-300:active { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-text-slate-400:active { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-text-slate-500:active { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-text-slate-600:active { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-text-slate-700:active { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-text-slate-800:active { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-text-slate-900:active { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-text-blue-50:active { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-text-blue-100:active { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-text-blue-200:active { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-text-blue-300:active { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-text-blue-400:active { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-text-blue-500:active { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-text-blue-600:active { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-text-blue-700:active { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-text-blue-800:active { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-text-blue-900:active { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-text-green-50:hover { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-text-green-50:focus { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-text-green-50:active { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-text-green-100:hover { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-text-green-100:focus { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-text-green-100:active { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-text-green-200:hover { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-text-green-200:focus { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-text-green-200:active { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-text-green-300:hover { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-text-green-300:focus { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-text-green-300:active { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-text-green-400:hover { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-text-green-400:focus { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-text-green-400:active { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-text-green-500:hover { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-text-green-500:focus { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-text-green-500:active { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-text-green-600:hover { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-text-green-600:focus { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-text-green-600:active { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-text-green-700:hover { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-text-green-700:focus { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-text-green-700:active { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-text-green-800:hover { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-text-green-800:focus { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-text-green-800:active { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-text-green-900:hover { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-text-green-900:focus { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-text-green-900:active { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-bg-black:hover { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-bg-black:focus { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-bg-black:active { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-bg-black:disabled { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-bg-black:focus-within { background-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-md-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-bg-white:hover { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-bg-white:focus { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-bg-white:active { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-bg-white:disabled { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-bg-white:focus-within { background-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-md-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-border-red-50:active { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-border-red-100:active { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-border-red-200:active { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-border-red-300:active { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-border-red-400:active { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-border-red-500:active { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-border-red-600:active { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-border-red-700:active { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-border-red-800:active { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-border-red-900:active { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-border-green-50:active { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-border-green-100:active { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-border-green-200:active { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-border-green-300:active { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-border-green-400:active { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-border-green-500:active { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-border-green-600:active { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-border-green-700:active { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-border-green-800:active { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-border-green-900:active { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-border-black:hover { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-border-black:focus { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-border-black:active { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-border-black:disabled { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-border-black:focus-visible { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-border-black:focus-within { border-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-md-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-border-white:hover { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-border-white:focus { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-border-white:active { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-border-white:disabled { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-border-white:focus-visible { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-border-white:focus-within { border-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-md-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-0:hover { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-0:focus { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-t-0:active { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-0:hover { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-0:focus { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-r-0:active { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-b-0:active { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-0:hover { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-0:focus { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-l-0:active { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-1:active { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-1:active { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-1:active { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-2:hover { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-2:focus { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-2:active { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-2:hover { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-2:focus { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-2:active { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-2:active { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-2:hover { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-2:focus { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-2:active { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-3:active { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-3:active { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-3:active { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-4:hover { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-4:focus { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-t-4:active { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-4:hover { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-4:focus { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-r-4:active { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-b-4:active { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-4:hover { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-4:focus { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-l-4:active { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-5:active { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-5:active { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-5:active { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-6:hover { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-6:focus { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-6:active { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-6:hover { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-6:focus { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-6:active { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-6:active { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-6:hover { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-6:focus { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-6:active { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-7:active { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-7:active { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-7:active { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-8:hover { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-8:focus { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-t-8:active { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-8:hover { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-8:focus { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-r-8:active { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-b-8:active { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-8:hover { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-8:focus { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-l-8:active { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-9:active { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-9:active { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-9:active { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-10:hover { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-10:focus { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-10:active { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-10:hover { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-10:focus { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-10:active { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-10:active { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-10:hover { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-10:focus { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-10:active { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-11:active { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-11:active { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-11:active { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-12:hover { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-12:focus { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-t-12:active { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-12:hover { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-12:focus { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-r-12:active { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-b-12:active { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-12:hover { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-12:focus { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-l-12:active { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-13:active { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-13:active { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-13:active { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-14:hover { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-14:focus { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-14:active { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-14:hover { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-14:focus { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-14:active { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-14:active { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-14:hover { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-14:focus { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-14:active { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-15:active { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-15:active { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-15:active { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-16:hover { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-16:focus { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-t-16:active { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-16:hover { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-16:focus { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-r-16:active { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-b-16:active { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-16:hover { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-16:focus { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-l-16:active { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-17:active { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-17:active { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-17:active { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-18:hover { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-18:focus { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-18:active { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-18:hover { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-18:focus { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-18:active { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-18:active { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-18:hover { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-18:focus { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-18:active { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-19:active { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-19:active { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-19:active { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-20:hover { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-20:focus { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-t-20:active { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-20:hover { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-20:focus { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-r-20:active { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-b-20:active { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-20:hover { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-20:focus { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-l-20:active { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-21:active { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-21:active { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-21:active { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-22:hover { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-22:focus { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-22:active { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-22:hover { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-22:focus { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-22:active { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-22:active { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-22:hover { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-22:focus { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-22:active { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-23:active { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-23:active { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-23:active { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-24:hover { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-24:focus { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-t-24:active { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-24:hover { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-24:focus { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-r-24:active { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-b-24:active { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-24:hover { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-24:focus { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-l-24:active { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-25:active { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-25:active { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-25:active { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-26:hover { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-26:focus { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-t-26:active { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-26:hover { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-26:focus { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-r-26:active { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-b-26:active { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-26:hover { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-26:focus { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-l-26:active { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-27:active { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-27:active { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-27:active { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-28:hover { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-28:focus { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-t-28:active { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-28:hover { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-28:focus { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-r-28:active { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-b-28:active { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-28:hover { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-28:focus { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-l-28:active { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-t-29:active { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-r-29:active { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-l-29:active { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-30:hover { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-30:focus { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-t-30:active { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-30:hover { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-30:focus { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-r-30:active { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-b-30:active { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-30:hover { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-30:focus { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-l-30:active { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-t-31:active { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-r-31:active { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-l-31:active { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-t-32:hover { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-t-32:focus { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-t-32:active { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-r-32:hover { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-r-32:focus { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-r-32:active { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-b-32:active { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-l-32:hover { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-l-32:focus { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-l-32:active { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-md-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-md-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-md-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-md-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-md-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-md-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-md-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-md-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-md-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-md-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-md-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-md-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-md-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-md-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-md-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-md-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-md-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-md-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-md-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-md-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-md-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-md-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-md-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-md-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-md-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-md-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-md-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-md-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-md-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-md-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-md-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-md-hover-border-transparent:hover { border-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-border-transparent:focus { border-color: transparent; }
  html[data-theme="dark"] .dark-md-active-border-transparent:active { border-color: transparent; }
  html[data-theme="dark"] .dark-md-disabled-border-transparent:disabled { border-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-within-border-transparent:focus-within { border-color: transparent; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-md-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-md-hover-border-inherit:hover { border-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-border-inherit:focus { border-color: inherit; }
  html[data-theme="dark"] .dark-md-active-border-inherit:active { border-color: inherit; }
  html[data-theme="dark"] .dark-md-disabled-border-inherit:disabled { border-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-within-border-inherit:focus-within { border-color: inherit; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-md-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-md-hover-bg-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-bg-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-md-active-bg-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-md-disabled-bg-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-within-bg-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-md-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-md-hover-bg-inherit:hover { background-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-bg-inherit:focus { background-color: inherit; }
  html[data-theme="dark"] .dark-md-active-bg-inherit:active { background-color: inherit; }
  html[data-theme="dark"] .dark-md-disabled-bg-inherit:disabled { background-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  html[data-theme="dark"] .dark-md-focus-within-bg-inherit:focus-within { background-color: inherit; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-md-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-md-hover-text-transparent:hover { color: transparent; }
  html[data-theme="dark"] .dark-md-focus-text-transparent:focus { color: transparent; }
  html[data-theme="dark"] .dark-md-active-text-transparent:active { color: transparent; }
  html[data-theme="dark"] .dark-md-disabled-text-transparent:disabled { color: transparent; }
  html[data-theme="dark"] .dark-md-focus-visible-text-transparent:focus-visible { color: transparent; }
  html[data-theme="dark"] .dark-md-focus-within-text-transparent:focus-within { color: transparent; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-md-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-md-hover-text-inherit:hover { color: inherit; }
  html[data-theme="dark"] .dark-md-focus-text-inherit:focus { color: inherit; }
  html[data-theme="dark"] .dark-md-active-text-inherit:active { color: inherit; }
  html[data-theme="dark"] .dark-md-disabled-text-inherit:disabled { color: inherit; }
  html[data-theme="dark"] .dark-md-focus-visible-text-inherit:focus-visible { color: inherit; }
  html[data-theme="dark"] .dark-md-focus-within-text-inherit:focus-within { color: inherit; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-md-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-md-hover-border-solid:hover { border-style: solid; }
  html[data-theme="dark"] .dark-md-focus-border-solid:focus { border-style: solid; }
  html[data-theme="dark"] .dark-md-active-border-solid:active { border-style: solid; }
  html[data-theme="dark"] .dark-md-disabled-border-solid:disabled { border-style: solid; }
  html[data-theme="dark"] .dark-md-focus-visible-border-solid:focus-visible { border-style: solid; }
  html[data-theme="dark"] .dark-md-focus-within-border-solid:focus-within { border-style: solid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-md-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-md-hover-border-dashed:hover { border-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-border-dashed:focus { border-style: dashed; }
  html[data-theme="dark"] .dark-md-active-border-dashed:active { border-style: dashed; }
  html[data-theme="dark"] .dark-md-disabled-border-dashed:disabled { border-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-within-border-dashed:focus-within { border-style: dashed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-md-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-md-hover-border-dotted:hover { border-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-border-dotted:focus { border-style: dotted; }
  html[data-theme="dark"] .dark-md-active-border-dotted:active { border-style: dotted; }
  html[data-theme="dark"] .dark-md-disabled-border-dotted:disabled { border-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  html[data-theme="dark"] .dark-md-focus-within-border-dotted:focus-within { border-style: dotted; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-md-border-double { border-style: double; }
  html[data-theme="dark"] .dark-md-hover-border-double:hover { border-style: double; }
  html[data-theme="dark"] .dark-md-focus-border-double:focus { border-style: double; }
  html[data-theme="dark"] .dark-md-active-border-double:active { border-style: double; }
  html[data-theme="dark"] .dark-md-disabled-border-double:disabled { border-style: double; }
  html[data-theme="dark"] .dark-md-focus-visible-border-double:focus-visible { border-style: double; }
  html[data-theme="dark"] .dark-md-focus-within-border-double:focus-within { border-style: double; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-double { border-style: double; }
  html[data-theme="dark"] .dark-md-border-none { border-style: none; }
  html[data-theme="dark"] .dark-md-hover-border-none:hover { border-style: none; }
  html[data-theme="dark"] .dark-md-focus-border-none:focus { border-style: none; }
  html[data-theme="dark"] .dark-md-active-border-none:active { border-style: none; }
  html[data-theme="dark"] .dark-md-disabled-border-none:disabled { border-style: none; }
  html[data-theme="dark"] .dark-md-focus-visible-border-none:focus-visible { border-style: none; }
  html[data-theme="dark"] .dark-md-focus-within-border-none:focus-within { border-style: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-none { border-style: none; }
  html[data-theme="dark"] .dark-md-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-md-hover-z-auto:hover { z-index: auto; }
  html[data-theme="dark"] .dark-md-focus-z-auto:focus { z-index: auto; }
  html[data-theme="dark"] .dark-md-active-z-auto:active { z-index: auto; }
  html[data-theme="dark"] .dark-md-disabled-z-auto:disabled { z-index: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-z-auto:focus-visible { z-index: auto; }
  html[data-theme="dark"] .dark-md-focus-within-z-auto:focus-within { z-index: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-md-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-md-hover-z-0:hover { z-index: 0; }
  html[data-theme="dark"] .dark-md-focus-z-0:focus { z-index: 0; }
  html[data-theme="dark"] .dark-md-active-z-0:active { z-index: 0; }
  html[data-theme="dark"] .dark-md-disabled-z-0:disabled { z-index: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-z-0:focus-visible { z-index: 0; }
  html[data-theme="dark"] .dark-md-focus-within-z-0:focus-within { z-index: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-md-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-md-hover-z-10:hover { z-index: 10; }
  html[data-theme="dark"] .dark-md-focus-z-10:focus { z-index: 10; }
  html[data-theme="dark"] .dark-md-active-z-10:active { z-index: 10; }
  html[data-theme="dark"] .dark-md-disabled-z-10:disabled { z-index: 10; }
  html[data-theme="dark"] .dark-md-focus-visible-z-10:focus-visible { z-index: 10; }
  html[data-theme="dark"] .dark-md-focus-within-z-10:focus-within { z-index: 10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-md-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-md-hover-z-20:hover { z-index: 20; }
  html[data-theme="dark"] .dark-md-focus-z-20:focus { z-index: 20; }
  html[data-theme="dark"] .dark-md-active-z-20:active { z-index: 20; }
  html[data-theme="dark"] .dark-md-disabled-z-20:disabled { z-index: 20; }
  html[data-theme="dark"] .dark-md-focus-visible-z-20:focus-visible { z-index: 20; }
  html[data-theme="dark"] .dark-md-focus-within-z-20:focus-within { z-index: 20; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-md-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-md-hover-z-30:hover { z-index: 30; }
  html[data-theme="dark"] .dark-md-focus-z-30:focus { z-index: 30; }
  html[data-theme="dark"] .dark-md-active-z-30:active { z-index: 30; }
  html[data-theme="dark"] .dark-md-disabled-z-30:disabled { z-index: 30; }
  html[data-theme="dark"] .dark-md-focus-visible-z-30:focus-visible { z-index: 30; }
  html[data-theme="dark"] .dark-md-focus-within-z-30:focus-within { z-index: 30; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-md-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-md-hover-z-40:hover { z-index: 40; }
  html[data-theme="dark"] .dark-md-focus-z-40:focus { z-index: 40; }
  html[data-theme="dark"] .dark-md-active-z-40:active { z-index: 40; }
  html[data-theme="dark"] .dark-md-disabled-z-40:disabled { z-index: 40; }
  html[data-theme="dark"] .dark-md-focus-visible-z-40:focus-visible { z-index: 40; }
  html[data-theme="dark"] .dark-md-focus-within-z-40:focus-within { z-index: 40; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-md-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-md-hover-z-50:hover { z-index: 50; }
  html[data-theme="dark"] .dark-md-focus-z-50:focus { z-index: 50; }
  html[data-theme="dark"] .dark-md-active-z-50:active { z-index: 50; }
  html[data-theme="dark"] .dark-md-disabled-z-50:disabled { z-index: 50; }
  html[data-theme="dark"] .dark-md-focus-visible-z-50:focus-visible { z-index: 50; }
  html[data-theme="dark"] .dark-md-focus-within-z-50:focus-within { z-index: 50; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-md-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-md-hover-z-100:hover { z-index: 100; }
  html[data-theme="dark"] .dark-md-focus-z-100:focus { z-index: 100; }
  html[data-theme="dark"] .dark-md-active-z-100:active { z-index: 100; }
  html[data-theme="dark"] .dark-md-disabled-z-100:disabled { z-index: 100; }
  html[data-theme="dark"] .dark-md-focus-visible-z-100:focus-visible { z-index: 100; }
  html[data-theme="dark"] .dark-md-focus-within-z-100:focus-within { z-index: 100; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-md-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-md-hover-z-9999:hover { z-index: 9999; }
  html[data-theme="dark"] .dark-md-focus-z-9999:focus { z-index: 9999; }
  html[data-theme="dark"] .dark-md-active-z-9999:active { z-index: 9999; }
  html[data-theme="dark"] .dark-md-disabled-z-9999:disabled { z-index: 9999; }
  html[data-theme="dark"] .dark-md-focus-visible-z-9999:focus-visible { z-index: 9999; }
  html[data-theme="dark"] .dark-md-focus-within-z-9999:focus-within { z-index: 9999; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-md--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-md-hover--z-10:hover { z-index: -10; }
  html[data-theme="dark"] .dark-md-focus--z-10:focus { z-index: -10; }
  html[data-theme="dark"] .dark-md-active--z-10:active { z-index: -10; }
  html[data-theme="dark"] .dark-md-disabled--z-10:disabled { z-index: -10; }
  html[data-theme="dark"] .dark-md-focus-visible--z-10:focus-visible { z-index: -10; }
  html[data-theme="dark"] .dark-md-focus-within--z-10:focus-within { z-index: -10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-md--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-md-hover--z-20:hover { z-index: -20; }
  html[data-theme="dark"] .dark-md-focus--z-20:focus { z-index: -20; }
  html[data-theme="dark"] .dark-md-active--z-20:active { z-index: -20; }
  html[data-theme="dark"] .dark-md-disabled--z-20:disabled { z-index: -20; }
  html[data-theme="dark"] .dark-md-focus-visible--z-20:focus-visible { z-index: -20; }
  html[data-theme="dark"] .dark-md-focus-within--z-20:focus-within { z-index: -20; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-md--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-md-hover--z-40:hover { z-index: -40; }
  html[data-theme="dark"] .dark-md-focus--z-40:focus { z-index: -40; }
  html[data-theme="dark"] .dark-md-active--z-40:active { z-index: -40; }
  html[data-theme="dark"] .dark-md-disabled--z-40:disabled { z-index: -40; }
  html[data-theme="dark"] .dark-md-focus-visible--z-40:focus-visible { z-index: -40; }
  html[data-theme="dark"] .dark-md-focus-within--z-40:focus-within { z-index: -40; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-md--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-md-hover--z-50:hover { z-index: -50; }
  html[data-theme="dark"] .dark-md-focus--z-50:focus { z-index: -50; }
  html[data-theme="dark"] .dark-md-active--z-50:active { z-index: -50; }
  html[data-theme="dark"] .dark-md-disabled--z-50:disabled { z-index: -50; }
  html[data-theme="dark"] .dark-md-focus-visible--z-50:focus-visible { z-index: -50; }
  html[data-theme="dark"] .dark-md-focus-within--z-50:focus-within { z-index: -50; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-md--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-md-hover--z-100:hover { z-index: -100; }
  html[data-theme="dark"] .dark-md-focus--z-100:focus { z-index: -100; }
  html[data-theme="dark"] .dark-md-active--z-100:active { z-index: -100; }
  html[data-theme="dark"] .dark-md-disabled--z-100:disabled { z-index: -100; }
  html[data-theme="dark"] .dark-md-focus-visible--z-100:focus-visible { z-index: -100; }
  html[data-theme="dark"] .dark-md-focus-within--z-100:focus-within { z-index: -100; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-md-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-md-hover-opacity-0:hover { opacity: 0; }
  html[data-theme="dark"] .dark-md-focus-opacity-0:focus { opacity: 0; }
  html[data-theme="dark"] .dark-md-active-opacity-0:active { opacity: 0; }
  html[data-theme="dark"] .dark-md-disabled-opacity-0:disabled { opacity: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-0:focus-visible { opacity: 0; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-0:focus-within { opacity: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-md-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-hover-opacity-10:hover { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-focus-opacity-10:focus { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-active-opacity-10:active { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-disabled-opacity-10:disabled { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-10:focus-within { opacity: 0.1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-md-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-hover-opacity-20:hover { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-focus-opacity-20:focus { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-active-opacity-20:active { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-disabled-opacity-20:disabled { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-20:focus-within { opacity: 0.2; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-md-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-hover-opacity-25:hover { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-opacity-25:focus { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-active-opacity-25:active { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-disabled-opacity-25:disabled { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-25:focus-within { opacity: 0.25; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-md-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-hover-opacity-30:hover { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-focus-opacity-30:focus { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-active-opacity-30:active { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-disabled-opacity-30:disabled { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-30:focus-within { opacity: 0.3; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-md-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-hover-opacity-40:hover { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-focus-opacity-40:focus { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-active-opacity-40:active { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-disabled-opacity-40:disabled { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-40:focus-within { opacity: 0.4; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-md-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-hover-opacity-50:hover { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-focus-opacity-50:focus { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-active-opacity-50:active { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-disabled-opacity-50:disabled { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-50:focus-within { opacity: 0.5; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-md-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-hover-opacity-60:hover { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-focus-opacity-60:focus { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-active-opacity-60:active { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-disabled-opacity-60:disabled { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-60:focus-within { opacity: 0.6; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-md-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-hover-opacity-70:hover { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-focus-opacity-70:focus { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-active-opacity-70:active { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-disabled-opacity-70:disabled { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-70:focus-within { opacity: 0.7; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-md-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-hover-opacity-75:hover { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-opacity-75:focus { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-active-opacity-75:active { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-disabled-opacity-75:disabled { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-75:focus-within { opacity: 0.75; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-md-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-hover-opacity-80:hover { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-focus-opacity-80:focus { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-active-opacity-80:active { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-disabled-opacity-80:disabled { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-80:focus-within { opacity: 0.8; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-md-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-hover-opacity-90:hover { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-focus-opacity-90:focus { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-active-opacity-90:active { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-disabled-opacity-90:disabled { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-90:focus-within { opacity: 0.9; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-md-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-md-hover-opacity-100:hover { opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-opacity-100:focus { opacity: 1; }
  html[data-theme="dark"] .dark-md-active-opacity-100:active { opacity: 1; }
  html[data-theme="dark"] .dark-md-disabled-opacity-100:disabled { opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-opacity-100:focus-visible { opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-within-opacity-100:focus-within { opacity: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-md-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-md-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-md-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-md-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-md-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-md-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-md-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-md-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-md-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-md-hover-rounded-0:hover { border-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-rounded-0:focus { border-radius: 0; }
  html[data-theme="dark"] .dark-md-active-rounded-0:active { border-radius: 0; }
  html[data-theme="dark"] .dark-md-disabled-rounded-0:disabled { border-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-0:focus-within { border-radius: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-md-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-xs:hover { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-xs:focus { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-rounded-xs:active { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-sm:hover { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-sm:focus { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-rounded-sm:active { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded:hover { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded:focus { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded:active { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded:disabled { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-md:hover { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-md:focus { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-rounded-md:active { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-lg:hover { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-lg:focus { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-active-rounded-lg:active { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-lg:disabled { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-md-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-xl:hover { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-xl:focus { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-xl:active { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-2xl:hover { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-2xl:focus { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-active-rounded-2xl:active { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-md-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-hover-rounded-full:hover { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-rounded-full:focus { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-active-rounded-full:active { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-full:disabled { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-md-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-hover-rounded-pill:hover { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-rounded-pill:focus { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-active-rounded-pill:active { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-pill:disabled { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-md-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-0:active { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-md-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-0:active { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-md-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-md-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-md-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-md-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-md-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-md-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-md-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-md-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-md-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-md-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-md-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-md-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-md-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-md-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-md-outline-none { outline: none; }
  html[data-theme="dark"] .dark-md-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-md-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-md-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-md-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-md-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-md-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-hover-outline:hover { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-focus-outline:focus { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-active-outline:active { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-disabled-outline:disabled { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-md-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-0:hover { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-0:focus { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-0:active { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-md-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-1:active { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-md-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-2:active { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-md-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-3:active { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-md-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-4:hover { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-4:focus { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-4:active { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-md-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-8:hover { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-8:focus { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-active-outline-offset-8:active { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-md-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-outline-black:hover { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-outline-black:focus { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-outline-black:active { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-outline-black:disabled { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-outline-black:focus-within { outline-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-md-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-outline-white:hover { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-outline-white:focus { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-outline-white:active { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-outline-white:disabled { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-outline-white:focus-within { outline-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-md-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-ring-sm:hover { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-ring-sm:focus { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-ring-sm:active { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-md-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-ring-md:hover { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-ring-md:focus { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-ring-md:active { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-md-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-hover-ring-lg:hover { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-ring-lg:focus { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-active-ring-lg:active { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-ring-lg:disabled { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-md-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-md-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-md-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-md-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-md-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-ring-black:active { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-md-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-ring-white:active { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-md-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-md-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-active-bg-tp-05:active { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-active-bg-tp-10:active { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-active-bg-tp-15:active { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-active-bg-tp-20:active { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-active-bg-tp-25:active { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-active-bg-tp-30:active { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-active-bg-tp-35:active { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-active-bg-tp-40:active { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-active-bg-tp-45:active { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-active-bg-tp-50:active { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-active-bg-tp-55:active { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-active-bg-tp-60:active { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-active-bg-tp-65:active { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-active-bg-tp-70:active { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-active-bg-tp-75:active { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-active-bg-tp-80:active { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-active-bg-tp-85:active { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-active-bg-tp-90:active { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-active-bg-tp-95:active { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-hover-bg-tp-100:hover { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-bg-tp-100:focus { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-active-bg-tp-100:active { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-md-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-hover-text-tp-05:hover { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-text-tp-05:focus { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-active-text-tp-05:active { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-hover-text-tp-10:hover { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-text-tp-10:focus { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-active-text-tp-10:active { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-hover-text-tp-15:hover { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-text-tp-15:focus { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-active-text-tp-15:active { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-hover-text-tp-20:hover { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-text-tp-20:focus { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-active-text-tp-20:active { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-hover-text-tp-25:hover { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-text-tp-25:focus { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-active-text-tp-25:active { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-hover-text-tp-30:hover { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-text-tp-30:focus { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-active-text-tp-30:active { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-hover-text-tp-35:hover { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-text-tp-35:focus { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-active-text-tp-35:active { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-hover-text-tp-40:hover { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-text-tp-40:focus { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-active-text-tp-40:active { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-hover-text-tp-45:hover { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-text-tp-45:focus { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-active-text-tp-45:active { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-hover-text-tp-50:hover { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-text-tp-50:focus { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-active-text-tp-50:active { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-hover-text-tp-55:hover { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-text-tp-55:focus { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-active-text-tp-55:active { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-hover-text-tp-60:hover { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-text-tp-60:focus { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-active-text-tp-60:active { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-hover-text-tp-65:hover { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-text-tp-65:focus { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-active-text-tp-65:active { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-hover-text-tp-70:hover { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-text-tp-70:focus { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-active-text-tp-70:active { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-hover-text-tp-75:hover { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-text-tp-75:focus { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-active-text-tp-75:active { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-hover-text-tp-80:hover { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-text-tp-80:focus { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-active-text-tp-80:active { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-hover-text-tp-85:hover { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-text-tp-85:focus { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-active-text-tp-85:active { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-hover-text-tp-90:hover { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-text-tp-90:focus { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-active-text-tp-90:active { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-hover-text-tp-95:hover { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-text-tp-95:focus { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-active-text-tp-95:active { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-hover-text-tp-100:hover { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-text-tp-100:focus { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-active-text-tp-100:active { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-disabled-text-tp-100:disabled { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-md-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-hover-border-tp-05:hover { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-border-tp-05:focus { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-active-border-tp-05:active { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-md-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-hover-border-tp-10:hover { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-border-tp-10:focus { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-active-border-tp-10:active { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-md-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-hover-border-tp-15:hover { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-border-tp-15:focus { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-active-border-tp-15:active { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-md-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-hover-border-tp-20:hover { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-border-tp-20:focus { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-active-border-tp-20:active { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-md-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-hover-border-tp-25:hover { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-border-tp-25:focus { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-active-border-tp-25:active { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-md-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-hover-border-tp-30:hover { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-border-tp-30:focus { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-active-border-tp-30:active { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-md-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-hover-border-tp-35:hover { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-border-tp-35:focus { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-active-border-tp-35:active { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-md-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-hover-border-tp-40:hover { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-border-tp-40:focus { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-active-border-tp-40:active { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-md-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-hover-border-tp-45:hover { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-border-tp-45:focus { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-active-border-tp-45:active { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-md-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-hover-border-tp-50:hover { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-border-tp-50:focus { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-active-border-tp-50:active { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-md-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-hover-border-tp-55:hover { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-border-tp-55:focus { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-active-border-tp-55:active { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-md-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-hover-border-tp-60:hover { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-border-tp-60:focus { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-active-border-tp-60:active { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-md-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-hover-border-tp-65:hover { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-border-tp-65:focus { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-active-border-tp-65:active { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-md-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-hover-border-tp-70:hover { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-border-tp-70:focus { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-active-border-tp-70:active { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-md-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-hover-border-tp-75:hover { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-border-tp-75:focus { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-active-border-tp-75:active { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-md-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-hover-border-tp-80:hover { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-border-tp-80:focus { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-active-border-tp-80:active { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-md-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-hover-border-tp-85:hover { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-border-tp-85:focus { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-active-border-tp-85:active { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-md-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-hover-border-tp-90:hover { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-border-tp-90:focus { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-active-border-tp-90:active { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-md-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-hover-border-tp-95:hover { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-border-tp-95:focus { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-active-border-tp-95:active { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-md-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-hover-border-tp-100:hover { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-border-tp-100:focus { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-active-border-tp-100:active { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-disabled-border-tp-100:disabled { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-md-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-md-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-md-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-md-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-shadow-color-black:active { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-md-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-shadow-color-white:active { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-md-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-md-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-md-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-md-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-md-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-hover-transition-bg:hover { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-focus-transition-bg:focus { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-active-transition-bg:active { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-disabled-transition-bg:disabled { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-focus-within-transition-bg:focus-within { transition-property: background-color; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-md-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-md-hover-transition-color:hover { transition-property: color; }
  html[data-theme="dark"] .dark-md-focus-transition-color:focus { transition-property: color; }
  html[data-theme="dark"] .dark-md-active-transition-color:active { transition-property: color; }
  html[data-theme="dark"] .dark-md-disabled-transition-color:disabled { transition-property: color; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-color:focus-visible { transition-property: color; }
  html[data-theme="dark"] .dark-md-focus-within-transition-color:focus-within { transition-property: color; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-md-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-md-hover-transition-border:hover { transition-property: border; }
  html[data-theme="dark"] .dark-md-focus-transition-border:focus { transition-property: border; }
  html[data-theme="dark"] .dark-md-active-transition-border:active { transition-property: border; }
  html[data-theme="dark"] .dark-md-disabled-transition-border:disabled { transition-property: border; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-border:focus-visible { transition-property: border; }
  html[data-theme="dark"] .dark-md-focus-within-transition-border:focus-within { transition-property: border; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-md-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-5:hover { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-5:focus { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-5:active { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-md-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-5:hover { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-5:focus { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-5:active { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-md-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-6:hover { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-6:focus { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-6:active { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-md-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-6:hover { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-6:focus { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-6:active { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-md-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-8:hover { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-8:focus { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-8:active { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-md-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-8:hover { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-8:focus { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-8:active { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-md-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-10:hover { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-10:focus { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-10:active { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-md-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-10:hover { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-10:focus { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-10:active { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-md-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-12:hover { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-12:focus { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-12:active { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-md-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-12:hover { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-12:focus { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-12:active { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-md-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-16:hover { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-16:focus { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-16:active { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-md-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-16:hover { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-16:focus { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-16:active { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-md-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-20:hover { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-20:focus { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-20:active { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-md-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-20:hover { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-20:focus { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-20:active { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-md-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-24:hover { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-24:focus { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-24:active { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-md-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-24:hover { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-24:focus { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-24:active { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-md-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-32:hover { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-32:focus { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-32:active { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-md-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-32:hover { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-32:focus { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-32:active { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-md-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-hover-scale-0:hover { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-focus-scale-0:focus { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-active-scale-0:active { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-disabled-scale-0:disabled { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-focus-within-scale-0:focus-within { transform: scale(0.0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-md-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-hover-rotate--180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-rotate--180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-active-rotate--180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-hover-rotate--90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-rotate--90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-active-rotate--90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-hover-rotate--45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-rotate--45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-active-rotate--45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x--45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x--45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-active-skew-x--45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y--45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y--45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-active-skew-y--45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x--30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x--30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-active-skew-x--30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y--30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y--30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-active-skew-y--30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x--15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x--15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-active-skew-x--15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y--15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y--15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-active-skew-y--15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-hover-duration-75:hover { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-focus-duration-75:focus { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-active-duration-75:active { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-md-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-100:active { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-md-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-active-duration-150:active { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-md-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-200:active { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-md-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-300:active { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-md-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-500:active { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-md-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-700:active { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-md-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-hover-duration-1000:hover { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-focus-duration-1000:focus { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-active-duration-1000:active { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-md-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-active-duration-1500:active { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-md-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-hover-duration-2000:hover { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-focus-duration-2000:focus { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-active-duration-2000:active { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-md-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-md-hover-blur-none:hover { filter: blur(0); }
  html[data-theme="dark"] .dark-md-focus-blur-none:focus { filter: blur(0); }
  html[data-theme="dark"] .dark-md-active-blur-none:active { filter: blur(0); }
  html[data-theme="dark"] .dark-md-disabled-blur-none:disabled { filter: blur(0); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-none:focus-visible { filter: blur(0); }
  html[data-theme="dark"] .dark-md-focus-within-blur-none:focus-within { filter: blur(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-md-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-hover-brightness-0:hover { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-focus-brightness-0:focus { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-active-brightness-0:active { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-disabled-brightness-0:disabled { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-0:focus-within { filter: brightness(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-md-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-hover-brightness-75:hover { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-focus-brightness-75:focus { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-active-brightness-75:active { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-disabled-brightness-75:disabled { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-md-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-hover-brightness-90:hover { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-focus-brightness-90:focus { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-active-brightness-90:active { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-disabled-brightness-90:disabled { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-md-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-hover-brightness-125:hover { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-focus-brightness-125:focus { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-active-brightness-125:active { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-disabled-brightness-125:disabled { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-md-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-hover-brightness-200:hover { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-focus-brightness-200:focus { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-active-brightness-200:active { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-disabled-brightness-200:disabled { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-200:focus-within { filter: brightness(2); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-md-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-hover-contrast-0:hover { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-focus-contrast-0:focus { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-active-contrast-0:active { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-disabled-contrast-0:disabled { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-0:focus-within { filter: contrast(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-md-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-hover-contrast-75:hover { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-focus-contrast-75:focus { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-active-contrast-75:active { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-disabled-contrast-75:disabled { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-md-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-hover-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-active-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-disabled-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-hover-contrast-150:hover { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-focus-contrast-150:focus { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-active-contrast-150:active { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-disabled-contrast-150:disabled { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-md-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-hover-contrast-200:hover { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-focus-contrast-200:focus { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-active-contrast-200:active { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-disabled-contrast-200:disabled { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-200:focus-within { filter: contrast(2); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-md-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-hover-grayscale-0:hover { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-focus-grayscale-0:focus { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-active-grayscale-0:active { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-disabled-grayscale-0:disabled { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-md-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-hover-grayscale-100:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-grayscale-100:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-active-grayscale-100:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-disabled-grayscale-100:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-md-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-md-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-md-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-md-hover-invert-0:hover { filter: invert(0); }
  html[data-theme="dark"] .dark-md-focus-invert-0:focus { filter: invert(0); }
  html[data-theme="dark"] .dark-md-active-invert-0:active { filter: invert(0); }
  html[data-theme="dark"] .dark-md-disabled-invert-0:disabled { filter: invert(0); }
  html[data-theme="dark"] .dark-md-focus-visible-invert-0:focus-visible { filter: invert(0); }
  html[data-theme="dark"] .dark-md-focus-within-invert-0:focus-within { filter: invert(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-md-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-md-hover-invert-100:hover { filter: invert(1); }
  html[data-theme="dark"] .dark-md-focus-invert-100:focus { filter: invert(1); }
  html[data-theme="dark"] .dark-md-active-invert-100:active { filter: invert(1); }
  html[data-theme="dark"] .dark-md-disabled-invert-100:disabled { filter: invert(1); }
  html[data-theme="dark"] .dark-md-focus-visible-invert-100:focus-visible { filter: invert(1); }
  html[data-theme="dark"] .dark-md-focus-within-invert-100:focus-within { filter: invert(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-md-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-hover-saturate-0:hover { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-focus-saturate-0:focus { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-active-saturate-0:active { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-disabled-saturate-0:disabled { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-0:focus-within { filter: saturate(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-md-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-hover-saturate-50:hover { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-focus-saturate-50:focus { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-active-saturate-50:active { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-disabled-saturate-50:disabled { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-md-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-hover-saturate-100:hover { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-focus-saturate-100:focus { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-active-saturate-100:active { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-disabled-saturate-100:disabled { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-100:focus-within { filter: saturate(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-md-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-hover-saturate-200:hover { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-focus-saturate-200:focus { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-active-saturate-200:active { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-disabled-saturate-200:disabled { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-200:focus-within { filter: saturate(2); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-md-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-hover-sepia-0:hover { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-focus-sepia-0:focus { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-active-sepia-0:active { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-disabled-sepia-0:disabled { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-focus-within-sepia-0:focus-within { filter: sepia(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-md-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-hover-sepia-100:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-sepia-100:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-active-sepia-100:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-disabled-sepia-100:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-within-sepia-100:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-md-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-md-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-hover-mix-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-mix-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-active-mix-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-active-mix-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-hover-mix-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-mix-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-active-mix-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-active-mix-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-hover-mix-darken:hover { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-mix-darken:focus { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-active-mix-darken:active { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-active-mix-lighten:active { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-hover-mix-difference:hover { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-mix-difference:focus { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-active-mix-difference:active { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-hover-mix-hue:hover { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-mix-hue:focus { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-active-mix-hue:active { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-active-mix-saturation:active { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-hover-mix-color:hover { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-mix-color:focus { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-active-mix-color:active { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-disabled-mix-color:disabled { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-md-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-md-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-md-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-md-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-md-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-active-bg-blend-difference:active { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-md-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-md-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-active-bg-blend-hue:active { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-md-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-md-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-color:hover { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-color:focus { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-active-bg-blend-color:active { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-md-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-md-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-md-hover-object-contain:hover { object-fit: contain; }
  html[data-theme="dark"] .dark-md-focus-object-contain:focus { object-fit: contain; }
  html[data-theme="dark"] .dark-md-active-object-contain:active { object-fit: contain; }
  html[data-theme="dark"] .dark-md-disabled-object-contain:disabled { object-fit: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-object-contain:focus-visible { object-fit: contain; }
  html[data-theme="dark"] .dark-md-focus-within-object-contain:focus-within { object-fit: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-md-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-md-hover-object-cover:hover { object-fit: cover; }
  html[data-theme="dark"] .dark-md-focus-object-cover:focus { object-fit: cover; }
  html[data-theme="dark"] .dark-md-active-object-cover:active { object-fit: cover; }
  html[data-theme="dark"] .dark-md-disabled-object-cover:disabled { object-fit: cover; }
  html[data-theme="dark"] .dark-md-focus-visible-object-cover:focus-visible { object-fit: cover; }
  html[data-theme="dark"] .dark-md-focus-within-object-cover:focus-within { object-fit: cover; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-md-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-md-hover-object-fill:hover { object-fit: fill; }
  html[data-theme="dark"] .dark-md-focus-object-fill:focus { object-fit: fill; }
  html[data-theme="dark"] .dark-md-active-object-fill:active { object-fit: fill; }
  html[data-theme="dark"] .dark-md-disabled-object-fill:disabled { object-fit: fill; }
  html[data-theme="dark"] .dark-md-focus-visible-object-fill:focus-visible { object-fit: fill; }
  html[data-theme="dark"] .dark-md-focus-within-object-fill:focus-within { object-fit: fill; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-md-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-md-hover-object-none:hover { object-fit: none; }
  html[data-theme="dark"] .dark-md-focus-object-none:focus { object-fit: none; }
  html[data-theme="dark"] .dark-md-active-object-none:active { object-fit: none; }
  html[data-theme="dark"] .dark-md-disabled-object-none:disabled { object-fit: none; }
  html[data-theme="dark"] .dark-md-focus-visible-object-none:focus-visible { object-fit: none; }
  html[data-theme="dark"] .dark-md-focus-within-object-none:focus-within { object-fit: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-md-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-hover-object-scale-down:hover { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-focus-object-scale-down:focus { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-active-object-scale-down:active { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-disabled-object-scale-down:disabled { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-md-object-top { object-position: top; }
  html[data-theme="dark"] .dark-md-hover-object-top:hover { object-position: top; }
  html[data-theme="dark"] .dark-md-focus-object-top:focus { object-position: top; }
  html[data-theme="dark"] .dark-md-active-object-top:active { object-position: top; }
  html[data-theme="dark"] .dark-md-disabled-object-top:disabled { object-position: top; }
  html[data-theme="dark"] .dark-md-focus-visible-object-top:focus-visible { object-position: top; }
  html[data-theme="dark"] .dark-md-focus-within-object-top:focus-within { object-position: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-top { object-position: top; }
  html[data-theme="dark"] .dark-md-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-md-hover-object-bottom:hover { object-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-object-bottom:focus { object-position: bottom; }
  html[data-theme="dark"] .dark-md-active-object-bottom:active { object-position: bottom; }
  html[data-theme="dark"] .dark-md-disabled-object-bottom:disabled { object-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-object-bottom:focus-within { object-position: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-md-object-center { object-position: center; }
  html[data-theme="dark"] .dark-md-hover-object-center:hover { object-position: center; }
  html[data-theme="dark"] .dark-md-focus-object-center:focus { object-position: center; }
  html[data-theme="dark"] .dark-md-active-object-center:active { object-position: center; }
  html[data-theme="dark"] .dark-md-disabled-object-center:disabled { object-position: center; }
  html[data-theme="dark"] .dark-md-focus-visible-object-center:focus-visible { object-position: center; }
  html[data-theme="dark"] .dark-md-focus-within-object-center:focus-within { object-position: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-center { object-position: center; }
  html[data-theme="dark"] .dark-md-object-left { object-position: left; }
  html[data-theme="dark"] .dark-md-hover-object-left:hover { object-position: left; }
  html[data-theme="dark"] .dark-md-focus-object-left:focus { object-position: left; }
  html[data-theme="dark"] .dark-md-active-object-left:active { object-position: left; }
  html[data-theme="dark"] .dark-md-disabled-object-left:disabled { object-position: left; }
  html[data-theme="dark"] .dark-md-focus-visible-object-left:focus-visible { object-position: left; }
  html[data-theme="dark"] .dark-md-focus-within-object-left:focus-within { object-position: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-left { object-position: left; }
  html[data-theme="dark"] .dark-md-object-right { object-position: right; }
  html[data-theme="dark"] .dark-md-hover-object-right:hover { object-position: right; }
  html[data-theme="dark"] .dark-md-focus-object-right:focus { object-position: right; }
  html[data-theme="dark"] .dark-md-active-object-right:active { object-position: right; }
  html[data-theme="dark"] .dark-md-disabled-object-right:disabled { object-position: right; }
  html[data-theme="dark"] .dark-md-focus-visible-object-right:focus-visible { object-position: right; }
  html[data-theme="dark"] .dark-md-focus-within-object-right:focus-within { object-position: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-right { object-position: right; }
  html[data-theme="dark"] .dark-md-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-md-hover-object-left-top:hover { object-position: left top; }
  html[data-theme="dark"] .dark-md-focus-object-left-top:focus { object-position: left top; }
  html[data-theme="dark"] .dark-md-active-object-left-top:active { object-position: left top; }
  html[data-theme="dark"] .dark-md-disabled-object-left-top:disabled { object-position: left top; }
  html[data-theme="dark"] .dark-md-focus-visible-object-left-top:focus-visible { object-position: left top; }
  html[data-theme="dark"] .dark-md-focus-within-object-left-top:focus-within { object-position: left top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-md-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-md-hover-object-right-top:hover { object-position: right top; }
  html[data-theme="dark"] .dark-md-focus-object-right-top:focus { object-position: right top; }
  html[data-theme="dark"] .dark-md-active-object-right-top:active { object-position: right top; }
  html[data-theme="dark"] .dark-md-disabled-object-right-top:disabled { object-position: right top; }
  html[data-theme="dark"] .dark-md-focus-visible-object-right-top:focus-visible { object-position: right top; }
  html[data-theme="dark"] .dark-md-focus-within-object-right-top:focus-within { object-position: right top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-md-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-hover-object-left-bottom:hover { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-focus-object-left-bottom:focus { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-active-object-left-bottom:active { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-disabled-object-left-bottom:disabled { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-md-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-hover-object-right-bottom:hover { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-focus-object-right-bottom:focus { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-active-object-right-bottom:active { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-disabled-object-right-bottom:disabled { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-md-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-md-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-md-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-md-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-md-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-md-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-md-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-md-hover-list-style-image-none:hover { list-style-image: none; }
  html[data-theme="dark"] .dark-md-focus-list-style-image-none:focus { list-style-image: none; }
  html[data-theme="dark"] .dark-md-active-list-style-image-none:active { list-style-image: none; }
  html[data-theme="dark"] .dark-md-disabled-list-style-image-none:disabled { list-style-image: none; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-md-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-hover-list-style-position-inside:hover { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-focus-list-style-position-inside:focus { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-active-list-style-position-inside:active { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-md-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-hover-list-style-position-outside:hover { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-focus-list-style-position-outside:focus { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-active-list-style-position-outside:active { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-md-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-none:hover { list-style-type: none; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-none:focus { list-style-type: none; }
  html[data-theme="dark"] .dark-md-active-list-style-type-none:active { list-style-type: none; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-none:disabled { list-style-type: none; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-md-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-disc:hover { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-disc:focus { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-active-list-style-type-disc:active { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-md-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-circle:hover { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-circle:focus { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-active-list-style-type-circle:active { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-md-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-square:hover { list-style-type: square; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-square:focus { list-style-type: square; }
  html[data-theme="dark"] .dark-md-active-list-style-type-square:active { list-style-type: square; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-square:disabled { list-style-type: square; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-md-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-active-list-style-type-decimal:active { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-md-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-md-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-md-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-md-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-md-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-md-hover-text-align-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-text-align-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-md-active-text-align-left:active { text-align: left; }
  html[data-theme="dark"] .dark-md-disabled-text-align-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-visible-text-align-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-md-focus-within-text-align-left:focus-within { text-align: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-md-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-md-hover-text-align-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-text-align-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-md-active-text-align-center:active { text-align: center; }
  html[data-theme="dark"] .dark-md-disabled-text-align-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-visible-text-align-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-md-focus-within-text-align-center:focus-within { text-align: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-md-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-md-hover-text-align-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-text-align-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-md-active-text-align-right:active { text-align: right; }
  html[data-theme="dark"] .dark-md-disabled-text-align-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-visible-text-align-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-md-focus-within-text-align-right:focus-within { text-align: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-md-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-md-hover-text-align-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-text-align-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-md-active-text-align-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-md-disabled-text-align-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-md-focus-within-text-align-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-md-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-md-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-md-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-md-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-md-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-md-hover-perspective-100:hover { perspective: 100px; }
  html[data-theme="dark"] .dark-md-focus-perspective-100:focus { perspective: 100px; }
  html[data-theme="dark"] .dark-md-active-perspective-100:active { perspective: 100px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-100:disabled { perspective: 100px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-100:focus-within { perspective: 100px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-md-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-md-hover-perspective-500:hover { perspective: 500px; }
  html[data-theme="dark"] .dark-md-focus-perspective-500:focus { perspective: 500px; }
  html[data-theme="dark"] .dark-md-active-perspective-500:active { perspective: 500px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-500:disabled { perspective: 500px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-500:focus-within { perspective: 500px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-md-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-hover-perspective-1000:hover { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-focus-perspective-1000:focus { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-active-perspective-1000:active { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-1000:disabled { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-md-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-hover-perspective-1500:hover { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-focus-perspective-1500:focus { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-active-perspective-1500:active { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-1500:disabled { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-md-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-hover-perspective-2000:hover { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-focus-perspective-2000:focus { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-active-perspective-2000:active { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-2000:disabled { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-md-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-top_left:active { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-md-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-top_right:active { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-md-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-md-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-md-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-transform-none { transform: none; }
  html[data-theme="dark"] .dark-md-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-md-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-md-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-md-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-md-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-md-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-n180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-n180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-active-rotate-n180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-md-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-n90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-n90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-active-rotate-n90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-md-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-n45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-n45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-active-rotate-n45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-md-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-md-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-md-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-n45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-md-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-n45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-md-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-n30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-md-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-n30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-md-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-n15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-md-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-n15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-md-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-md-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-md-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-md-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-md-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-md-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-md-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-md-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-md-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-md-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-md-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-md-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-md-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-md-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-md-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-md-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-md-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-md-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-md-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-md-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-md-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-md-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-md-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-md-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-md-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-md-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-md-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-md-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-md-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-md-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-md-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-md-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-md-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-md-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-hover-origin-top_left:hover { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-origin-top_left:focus { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-active-origin-top_left:active { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-disabled-origin-top_left:disabled { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-md-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-hover-origin-top_right:hover { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-origin-top_right:focus { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-active-origin-top_right:active { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-disabled-origin-top_right:disabled { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-md-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-active-origin-bottom_left:active { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-md-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-active-origin-bottom_right:active { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-md-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-md-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-md-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-md-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-md-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-md-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-md-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-md-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-md-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-hover-accent-transparent:hover { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-accent-transparent:focus { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-active-accent-transparent:active { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-disabled-accent-transparent:disabled { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-md-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-md-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-md-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-md-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-md-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-md-hover-appearance-auto:hover { appearance: auto; }
  html[data-theme="dark"] .dark-md-focus-appearance-auto:focus { appearance: auto; }
  html[data-theme="dark"] .dark-md-active-appearance-auto:active { appearance: auto; }
  html[data-theme="dark"] .dark-md-disabled-appearance-auto:disabled { appearance: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  html[data-theme="dark"] .dark-md-focus-within-appearance-auto:focus-within { appearance: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-md-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-md-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-md-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-md-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-md-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-md-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-md-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-md-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-md-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-md-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-md-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-md-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-md-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-md-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-md-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-md-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-md-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-md-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-md-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-md-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-md-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-md-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-md-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-md-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-md-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-md-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-md-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-md-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-md-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-md-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-md-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-md-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-md-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-md-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-md-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-md-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-md-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-md-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-md-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-md-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-md-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-md-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-md-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-md-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-md-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-md-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-md-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-md-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-md-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-md-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-md-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-md-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-md-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-md-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-md-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-md-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-md-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-md-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-md-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-md-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-md-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-md-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-md-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-md-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-md-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-md-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-md-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-md-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-md-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-md-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-md-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-md-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-md-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-md-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-md-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-md-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-md-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-md-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-md-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-md-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-md-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-md-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-md-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-md-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-md-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-md-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-md-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-md-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-md-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-md-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-md-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-md-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-md-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-md-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-md-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-md-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-md-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-md-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-md-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-md-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-md-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-md-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-md-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-md-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-md-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-md-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-md-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-md-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-md-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-md-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-md-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-md-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-md-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-md-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-md-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-md-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-md-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-md-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-md-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-md-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-md-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-md-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-md-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-md-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-md-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-md-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-md-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-md-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-md-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-md-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-md-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-md-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-md-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-md-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-md-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-md-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-md-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-md-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-md-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-md-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-md-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-md-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-md-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-md-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-md-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-md-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-md-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-md-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-md-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-md-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-md-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-md-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-md-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-md-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-md-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-md-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-md-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-md-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-md-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-md-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-md-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-md-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-md-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-md-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-md-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-md-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-md-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-md-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-md-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-md-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-md-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-md-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-md-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-md-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-md-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-md-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-md-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-md-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-md-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-md-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-md-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-hover-caret-black:hover { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-caret-black:focus { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-active-caret-black:active { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-disabled-caret-black:disabled { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-focus-within-caret-black:focus-within { caret-color: var(--black); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-md-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-hover-caret-white:hover { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-caret-white:focus { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-active-caret-white:active { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-disabled-caret-white:disabled { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-focus-within-caret-white:focus-within { caret-color: var(--white); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-md-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-md-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-md-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-md-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-md-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-md-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-md-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-resize { resize: both; }
  html[data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-md-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-md-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-md-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-md-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-md-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-md-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-3:active { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-md-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-3:active { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-md-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-hover-touch-pan_x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-touch-pan_x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-active-touch-pan_x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-hover-touch-pan_y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-touch-pan_y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-active-touch-pan_y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-md-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-md-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-md-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-md-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-md-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-md-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-md-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-md-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-md-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-md-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-md-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-md-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-md-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-md-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-resize { resize: both; }
  html[data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-md-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-md-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-md-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-md-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-md-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-md-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-md-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-md-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-md-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-md-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-md-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-md-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-md-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-md-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-md-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-md-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-md-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-md-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-md-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-md-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-md-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-md-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-md-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-hover-aspect-auto:hover { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-focus-aspect-auto:focus { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-active-aspect-auto:active { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-md-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-active-aspect-square:active { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-md-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-active-aspect-video:active { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-md-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-md-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-md-hover-isolation-auto:hover { isolation: auto; }
  html[data-theme="dark"] .dark-md-focus-isolation-auto:focus { isolation: auto; }
  html[data-theme="dark"] .dark-md-active-isolation-auto:active { isolation: auto; }
  html[data-theme="dark"] .dark-md-disabled-isolation-auto:disabled { isolation: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  html[data-theme="dark"] .dark-md-focus-within-isolation-auto:focus-within { isolation: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-md-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-md-hover-isolation-isolate:hover { isolation: isolate; }
  html[data-theme="dark"] .dark-md-focus-isolation-isolate:focus { isolation: isolate; }
  html[data-theme="dark"] .dark-md-active-isolation-isolate:active { isolation: isolate; }
  html[data-theme="dark"] .dark-md-disabled-isolation-isolate:disabled { isolation: isolate; }
  html[data-theme="dark"] .dark-md-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  html[data-theme="dark"] .dark-md-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-md-contain-none { contain: none; }
  html[data-theme="dark"] .dark-md-hover-contain-none:hover { contain: none; }
  html[data-theme="dark"] .dark-md-focus-contain-none:focus { contain: none; }
  html[data-theme="dark"] .dark-md-active-contain-none:active { contain: none; }
  html[data-theme="dark"] .dark-md-disabled-contain-none:disabled { contain: none; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-none:focus-visible { contain: none; }
  html[data-theme="dark"] .dark-md-focus-within-contain-none:focus-within { contain: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-none { contain: none; }
  html[data-theme="dark"] .dark-md-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-md-hover-contain-layout:hover { contain: layout; }
  html[data-theme="dark"] .dark-md-focus-contain-layout:focus { contain: layout; }
  html[data-theme="dark"] .dark-md-active-contain-layout:active { contain: layout; }
  html[data-theme="dark"] .dark-md-disabled-contain-layout:disabled { contain: layout; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-layout:focus-visible { contain: layout; }
  html[data-theme="dark"] .dark-md-focus-within-contain-layout:focus-within { contain: layout; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-md-contain-size { contain: size; }
  html[data-theme="dark"] .dark-md-hover-contain-size:hover { contain: size; }
  html[data-theme="dark"] .dark-md-focus-contain-size:focus { contain: size; }
  html[data-theme="dark"] .dark-md-active-contain-size:active { contain: size; }
  html[data-theme="dark"] .dark-md-disabled-contain-size:disabled { contain: size; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-size:focus-visible { contain: size; }
  html[data-theme="dark"] .dark-md-focus-within-contain-size:focus-within { contain: size; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-size { contain: size; }
  html[data-theme="dark"] .dark-md-contain-style { contain: style; }
  html[data-theme="dark"] .dark-md-hover-contain-style:hover { contain: style; }
  html[data-theme="dark"] .dark-md-focus-contain-style:focus { contain: style; }
  html[data-theme="dark"] .dark-md-active-contain-style:active { contain: style; }
  html[data-theme="dark"] .dark-md-disabled-contain-style:disabled { contain: style; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-style:focus-visible { contain: style; }
  html[data-theme="dark"] .dark-md-focus-within-contain-style:focus-within { contain: style; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-style { contain: style; }
  html[data-theme="dark"] .dark-md-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-md-hover-contain-paint:hover { contain: paint; }
  html[data-theme="dark"] .dark-md-focus-contain-paint:focus { contain: paint; }
  html[data-theme="dark"] .dark-md-active-contain-paint:active { contain: paint; }
  html[data-theme="dark"] .dark-md-disabled-contain-paint:disabled { contain: paint; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-paint:focus-visible { contain: paint; }
  html[data-theme="dark"] .dark-md-focus-within-contain-paint:focus-within { contain: paint; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-md-contain-content { contain: content; }
  html[data-theme="dark"] .dark-md-hover-contain-content:hover { contain: content; }
  html[data-theme="dark"] .dark-md-focus-contain-content:focus { contain: content; }
  html[data-theme="dark"] .dark-md-active-contain-content:active { contain: content; }
  html[data-theme="dark"] .dark-md-disabled-contain-content:disabled { contain: content; }
  html[data-theme="dark"] .dark-md-focus-visible-contain-content:focus-visible { contain: content; }
  html[data-theme="dark"] .dark-md-focus-within-contain-content:focus-within { contain: content; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contain-content { contain: content; }
  html[data-theme="dark"] .dark-md-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-hover-content-auto:hover { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-focus-content-auto:focus { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-active-content-auto:active { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-disabled-content-auto:disabled { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-focus-within-content-auto:focus-within { content-visibility: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-md-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-hover-content-hidden:hover { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-content-hidden:focus { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-active-content-hidden:active { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-disabled-content-hidden:disabled { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-md-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-hover-content-visible:hover { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-content-visible:focus { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-active-content-visible:active { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-disabled-content-visible:disabled { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-within-content-visible:focus-within { content-visibility: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-md-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-md-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-md-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-md-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-md-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-md-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-md-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-hover-clip-inset:hover { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-focus-clip-inset:focus { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-active-clip-inset:active { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-disabled-clip-inset:disabled { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-md-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-md-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-active-margin-block-start-1:active { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-active-margin-block-end-1:active { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-active-padding-block-start-1:active { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-md-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-active-padding-block-end-1:active { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-md-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-md-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-md-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-md-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-md-filter-none { filter: none; }
  html[data-theme="dark"] .dark-md-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-md-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-md-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-md-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-md-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-md-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-md-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-md-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-md-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-md-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-md-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-md-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-md-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-md-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-md-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-hover-grayscale:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-grayscale:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-active-grayscale:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-disabled-grayscale:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-focus-within-grayscale:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-md-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-hover-sepia:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-sepia:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-active-sepia:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-disabled-sepia:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-visible-sepia:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-focus-within-sepia:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-md-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-md-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-md-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-hover-grid-flow-row:hover { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-focus-grid-flow-row:focus { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-active-grid-flow-row:active { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-md-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-hover-grid-flow-col:hover { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-focus-grid-flow-col:focus { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-active-grid-flow-col:active { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-md-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-md-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-md-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-md-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-md-hover-transition-none:hover { transition-property: none; }
  html[data-theme="dark"] .dark-md-focus-transition-none:focus { transition-property: none; }
  html[data-theme="dark"] .dark-md-active-transition-none:active { transition-property: none; }
  html[data-theme="dark"] .dark-md-disabled-transition-none:disabled { transition-property: none; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-none:focus-visible { transition-property: none; }
  html[data-theme="dark"] .dark-md-focus-within-transition-none:focus-within { transition-property: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-md-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-md-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-md-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-md-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-md-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-md-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-md-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-md-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-md-animate-none { animation: none; }
  html[data-theme="dark"] .dark-md-hover-animate-none:hover { animation: none; }
  html[data-theme="dark"] .dark-md-focus-animate-none:focus { animation: none; }
  html[data-theme="dark"] .dark-md-active-animate-none:active { animation: none; }
  html[data-theme="dark"] .dark-md-disabled-animate-none:disabled { animation: none; }
  html[data-theme="dark"] .dark-md-focus-visible-animate-none:focus-visible { animation: none; }
  html[data-theme="dark"] .dark-md-focus-within-animate-none:focus-within { animation: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-animate-none { animation: none; }
  html[data-theme="dark"] .dark-md-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-active-animate-fade:active { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-md-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-md-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-active-animate-spin:active { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-md-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-md-transform-none { transform: none; }
  html[data-theme="dark"] .dark-md-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-md-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-md-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-md-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-md-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-md-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-active-scale-50:active { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-md-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-active-scale-75:active { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-md-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-active-scale-90:active { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-md-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-hover-scale-100:hover { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-focus-scale-100:focus { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-active-scale-100:active { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-md-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-active-scale-105:active { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-md-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-active-scale-110:active { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-md-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-active-scale-125:active { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-md-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-active-scale-150:active { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-md-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-active-translate-x-0:active { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-md-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-md-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-md-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-active-translate-y-0:active { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-md-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-md-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-md-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-md-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-md-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-md-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-md-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-md-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-md-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-active-skew-x-0:active { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-md-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-md-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-md-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-active-skew-y-0:active { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-md-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-md-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-md-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-md-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-md-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-md-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-md-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-md-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-md-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-md-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-md-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-md-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-md-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-md-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-md-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-md-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-md-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-md-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-md-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-md-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-md-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-md-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-md-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-md-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-md-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-md-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-md-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-md-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-md-hover-perspective-sm:hover { perspective: 400px; }
  html[data-theme="dark"] .dark-md-focus-perspective-sm:focus { perspective: 400px; }
  html[data-theme="dark"] .dark-md-active-perspective-sm:active { perspective: 400px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-sm:disabled { perspective: 400px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-sm:focus-within { perspective: 400px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-md-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-md-hover-perspective-md:hover { perspective: 800px; }
  html[data-theme="dark"] .dark-md-focus-perspective-md:focus { perspective: 800px; }
  html[data-theme="dark"] .dark-md-active-perspective-md:active { perspective: 800px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-md:disabled { perspective: 800px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-md:focus-within { perspective: 800px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-md-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-hover-perspective-lg:hover { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-focus-perspective-lg:focus { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-active-perspective-lg:active { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-lg:disabled { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-md-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-hover-perspective-xl:hover { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-focus-perspective-xl:focus { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-active-perspective-xl:active { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-disabled-perspective-xl:disabled { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-md-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-md-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-md-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-md-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-md-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-md-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-md-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-md-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-md-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-md-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-md-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-md-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-md-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-active-transform-style-preserve:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-md-filter-none { filter: none; }
  html[data-theme="dark"] .dark-md-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-md-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-md-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-md-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-md-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-md-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-md-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-hover-filter-grayscale:hover { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-focus-filter-grayscale:focus { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-active-filter-grayscale:active { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-md-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-hover-filter-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-filter-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-active-filter-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-disabled-filter-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-within-filter-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-md-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-active-filter-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-md-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-active-filter-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-md-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-active-filter-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-md-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-hover-filter-sepia:hover { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-focus-filter-sepia:focus { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-active-filter-sepia:active { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-disabled-filter-sepia:disabled { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-md-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-md-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-active-backdrop-filter-none:active { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-md-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-md-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-md-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-md-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-active-mix-blend-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-md-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-md-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-active-mix-blend-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-md-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-md-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-hover-decoration-slice:hover { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-focus-decoration-slice:focus { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-active-decoration-slice:active { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-md-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-hover-decoration-clone:hover { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-focus-decoration-clone:focus { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-active-decoration-clone:active { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-md-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-md-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-md-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-md-hover-break-after-auto:hover { break-after: auto; }
  html[data-theme="dark"] .dark-md-focus-break-after-auto:focus { break-after: auto; }
  html[data-theme="dark"] .dark-md-active-break-after-auto:active { break-after: auto; }
  html[data-theme="dark"] .dark-md-disabled-break-after-auto:disabled { break-after: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-auto:focus-within { break-after: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-md-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-md-hover-break-after-avoid:hover { break-after: avoid; }
  html[data-theme="dark"] .dark-md-focus-break-after-avoid:focus { break-after: avoid; }
  html[data-theme="dark"] .dark-md-active-break-after-avoid:active { break-after: avoid; }
  html[data-theme="dark"] .dark-md-disabled-break-after-avoid:disabled { break-after: avoid; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-md-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-md-hover-break-after-all:hover { break-after: all; }
  html[data-theme="dark"] .dark-md-focus-break-after-all:focus { break-after: all; }
  html[data-theme="dark"] .dark-md-active-break-after-all:active { break-after: all; }
  html[data-theme="dark"] .dark-md-disabled-break-after-all:disabled { break-after: all; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-all:focus-visible { break-after: all; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-all:focus-within { break-after: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-md-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-active-break-after-avoid-page:active { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-md-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-md-hover-break-after-page:hover { break-after: page; }
  html[data-theme="dark"] .dark-md-focus-break-after-page:focus { break-after: page; }
  html[data-theme="dark"] .dark-md-active-break-after-page:active { break-after: page; }
  html[data-theme="dark"] .dark-md-disabled-break-after-page:disabled { break-after: page; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-page:focus-visible { break-after: page; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-page:focus-within { break-after: page; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-md-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-md-hover-break-after-left:hover { break-after: left; }
  html[data-theme="dark"] .dark-md-focus-break-after-left:focus { break-after: left; }
  html[data-theme="dark"] .dark-md-active-break-after-left:active { break-after: left; }
  html[data-theme="dark"] .dark-md-disabled-break-after-left:disabled { break-after: left; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-left:focus-visible { break-after: left; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-left:focus-within { break-after: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-md-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-md-hover-break-after-right:hover { break-after: right; }
  html[data-theme="dark"] .dark-md-focus-break-after-right:focus { break-after: right; }
  html[data-theme="dark"] .dark-md-active-break-after-right:active { break-after: right; }
  html[data-theme="dark"] .dark-md-disabled-break-after-right:disabled { break-after: right; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-right:focus-visible { break-after: right; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-right:focus-within { break-after: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-md-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-md-hover-break-after-column:hover { break-after: column; }
  html[data-theme="dark"] .dark-md-focus-break-after-column:focus { break-after: column; }
  html[data-theme="dark"] .dark-md-active-break-after-column:active { break-after: column; }
  html[data-theme="dark"] .dark-md-disabled-break-after-column:disabled { break-after: column; }
  html[data-theme="dark"] .dark-md-focus-visible-break-after-column:focus-visible { break-after: column; }
  html[data-theme="dark"] .dark-md-focus-within-break-after-column:focus-within { break-after: column; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-md-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-md-hover-break-before-auto:hover { break-before: auto; }
  html[data-theme="dark"] .dark-md-focus-break-before-auto:focus { break-before: auto; }
  html[data-theme="dark"] .dark-md-active-break-before-auto:active { break-before: auto; }
  html[data-theme="dark"] .dark-md-disabled-break-before-auto:disabled { break-before: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-auto:focus-within { break-before: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-md-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-md-hover-break-before-avoid:hover { break-before: avoid; }
  html[data-theme="dark"] .dark-md-focus-break-before-avoid:focus { break-before: avoid; }
  html[data-theme="dark"] .dark-md-active-break-before-avoid:active { break-before: avoid; }
  html[data-theme="dark"] .dark-md-disabled-break-before-avoid:disabled { break-before: avoid; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-md-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-md-hover-break-before-all:hover { break-before: all; }
  html[data-theme="dark"] .dark-md-focus-break-before-all:focus { break-before: all; }
  html[data-theme="dark"] .dark-md-active-break-before-all:active { break-before: all; }
  html[data-theme="dark"] .dark-md-disabled-break-before-all:disabled { break-before: all; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-all:focus-visible { break-before: all; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-all:focus-within { break-before: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-md-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-active-break-before-avoid-page:active { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-md-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-md-hover-break-before-page:hover { break-before: page; }
  html[data-theme="dark"] .dark-md-focus-break-before-page:focus { break-before: page; }
  html[data-theme="dark"] .dark-md-active-break-before-page:active { break-before: page; }
  html[data-theme="dark"] .dark-md-disabled-break-before-page:disabled { break-before: page; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-page:focus-visible { break-before: page; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-page:focus-within { break-before: page; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-md-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-md-hover-break-before-left:hover { break-before: left; }
  html[data-theme="dark"] .dark-md-focus-break-before-left:focus { break-before: left; }
  html[data-theme="dark"] .dark-md-active-break-before-left:active { break-before: left; }
  html[data-theme="dark"] .dark-md-disabled-break-before-left:disabled { break-before: left; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-left:focus-visible { break-before: left; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-left:focus-within { break-before: left; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-md-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-md-hover-break-before-right:hover { break-before: right; }
  html[data-theme="dark"] .dark-md-focus-break-before-right:focus { break-before: right; }
  html[data-theme="dark"] .dark-md-active-break-before-right:active { break-before: right; }
  html[data-theme="dark"] .dark-md-disabled-break-before-right:disabled { break-before: right; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-right:focus-visible { break-before: right; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-right:focus-within { break-before: right; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-md-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-md-hover-break-before-column:hover { break-before: column; }
  html[data-theme="dark"] .dark-md-focus-break-before-column:focus { break-before: column; }
  html[data-theme="dark"] .dark-md-active-break-before-column:active { break-before: column; }
  html[data-theme="dark"] .dark-md-disabled-break-before-column:disabled { break-before: column; }
  html[data-theme="dark"] .dark-md-focus-visible-break-before-column:focus-visible { break-before: column; }
  html[data-theme="dark"] .dark-md-focus-within-break-before-column:focus-within { break-before: column; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-md-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-md-hover-break-inside-auto:hover { break-inside: auto; }
  html[data-theme="dark"] .dark-md-focus-break-inside-auto:focus { break-inside: auto; }
  html[data-theme="dark"] .dark-md-active-break-inside-auto:active { break-inside: auto; }
  html[data-theme="dark"] .dark-md-disabled-break-inside-auto:disabled { break-inside: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  html[data-theme="dark"] .dark-md-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-md-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-hover-break-inside-avoid:hover { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-focus-break-inside-avoid:focus { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-active-break-inside-avoid:active { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-md-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-md-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-md-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-md-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-md-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-md-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-md-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-md-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-hover-clip-circle:hover { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-focus-clip-circle:focus { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-active-clip-circle:active { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-disabled-clip-circle:disabled { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-md-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-md-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-hover-clip-inset:hover { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-focus-clip-inset:focus { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-active-clip-inset:active { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-disabled-clip-inset:disabled { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-md-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-md-outline-none { outline: none; }
  html[data-theme="dark"] .dark-md-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-md-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-md-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-md-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-md-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-md-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-md-hover-outline-solid:hover { outline-style: solid; }
  html[data-theme="dark"] .dark-md-focus-outline-solid:focus { outline-style: solid; }
  html[data-theme="dark"] .dark-md-active-outline-solid:active { outline-style: solid; }
  html[data-theme="dark"] .dark-md-disabled-outline-solid:disabled { outline-style: solid; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  html[data-theme="dark"] .dark-md-focus-within-outline-solid:focus-within { outline-style: solid; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-md-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-hover-outline-dashed:hover { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-outline-dashed:focus { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-active-outline-dashed:active { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-disabled-outline-dashed:disabled { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-md-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-0:hover { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-0:focus { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-active-outline-offset-0:active { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-0:disabled { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-md-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-2:hover { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-2:focus { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-active-outline-offset-2:active { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-md-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-hover-outline-offset-4:hover { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-outline-offset-4:focus { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-active-outline-offset-4:active { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-md-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-md-hover-shadow-none:hover { box-shadow: none; }
  html[data-theme="dark"] .dark-md-focus-shadow-none:focus { box-shadow: none; }
  html[data-theme="dark"] .dark-md-active-shadow-none:active { box-shadow: none; }
  html[data-theme="dark"] .dark-md-disabled-shadow-none:disabled { box-shadow: none; }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  html[data-theme="dark"] .dark-md-focus-within-shadow-none:focus-within { box-shadow: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-md-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-md-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-md-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-md-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-md-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-md-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-md-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-md-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-md-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-md-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-md-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-hover-accent-current:hover { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-focus-accent-current:focus { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-active-accent-current:active { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-disabled-accent-current:disabled { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-focus-within-accent-current:focus-within { accent-color: currentColor; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-md-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-md-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-md-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-md-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-md-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-md-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-md-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-md-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-md-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-md-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-md-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-md-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-md-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-md-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-md-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-md-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-md-resize { resize: both; }
  html[data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-md-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-md-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-md-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-md-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-md-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-active-overscroll-auto:active { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-md-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-active-overscroll-contain:active { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-md-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-hover-overscroll-none:hover { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-focus-overscroll-none:focus { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-active-overscroll-none:active { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-md-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-md-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-md-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-md-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-md-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-md-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-md-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-md-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-md-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-md-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-md-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-md-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-md-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-md-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-md-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-md-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-md-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-md-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-md-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-md-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-md-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-active-bg-primary:active { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-md-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-active-bg-success:active { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-md-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-md-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-md-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-active-bg-info:active { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-md-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-md-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-md-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-md-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-active-bg-link:active { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-hover-text-primary:hover { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-text-primary:focus { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-active-text-primary:active { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-disabled-text-primary:disabled { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-md-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-active-text-secondary:active { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-md-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-hover-text-success:hover { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-focus-text-success:focus { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-active-text-success:active { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-disabled-text-success:disabled { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-md-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-hover-text-warning:hover { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-focus-text-warning:focus { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-active-text-warning:active { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-md-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-hover-text-danger:hover { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-focus-text-danger:focus { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-active-text-danger:active { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-md-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-hover-text-info:hover { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-focus-text-info:focus { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-active-text-info:active { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-disabled-text-info:disabled { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-md-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-active-text-neutral:active { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-md-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-hover-text-accent:hover { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-focus-text-accent:focus { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-active-text-accent:active { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-md-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-active-text-ghost:active { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-md-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-hover-text-link:hover { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-text-link:focus { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-active-text-link:active { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-disabled-text-link:disabled { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-active-border-primary:active { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-md-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-md-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-hover-border-success:hover { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-focus-border-success:focus { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-active-border-success:active { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-md-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-active-border-warning:active { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-md-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-active-border-danger:active { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-md-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-hover-border-info:hover { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-focus-border-info:focus { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-active-border-info:active { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-md-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-md-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-active-border-accent:active { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-md-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-md-border-link { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-hover-border-link:hover { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-border-link:focus { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-active-border-link:active { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-md-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .md-group:hover .dark-md-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1024px) {
  .lg-p-auto { padding: auto; }
  .lg-hover-p-auto:hover { padding: auto; }
  .lg-focus-p-auto:focus { padding: auto; }
  .lg-active-p-auto:active { padding: auto; }
  .lg-disabled-p-auto:disabled { padding: auto; }
  .lg-focus-visible-p-auto:focus-visible { padding: auto; }
  .lg-focus-within-p-auto:focus-within { padding: auto; }
  .lg-group:hover .lg-group-hover-p-auto { padding: auto; }
  .lg-p-0 { padding: 0; }
  .lg-hover-p-0:hover { padding: 0; }
  .lg-focus-p-0:focus { padding: 0; }
  .lg-active-p-0:active { padding: 0; }
  .lg-disabled-p-0:disabled { padding: 0; }
  .lg-focus-visible-p-0:focus-visible { padding: 0; }
  .lg-focus-within-p-0:focus-within { padding: 0; }
  .lg-group:hover .lg-group-hover-p-0 { padding: 0; }
  .lg-p-1 { padding: 0.25rem; }
  .lg-hover-p-1:hover { padding: 0.25rem; }
  .lg-focus-p-1:focus { padding: 0.25rem; }
  .lg-active-p-1:active { padding: 0.25rem; }
  .lg-disabled-p-1:disabled { padding: 0.25rem; }
  .lg-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  .lg-focus-within-p-1:focus-within { padding: 0.25rem; }
  .lg-group:hover .lg-group-hover-p-1 { padding: 0.25rem; }
  .lg-p-2 { padding: 0.5rem; }
  .lg-hover-p-2:hover { padding: 0.5rem; }
  .lg-focus-p-2:focus { padding: 0.5rem; }
  .lg-active-p-2:active { padding: 0.5rem; }
  .lg-disabled-p-2:disabled { padding: 0.5rem; }
  .lg-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  .lg-focus-within-p-2:focus-within { padding: 0.5rem; }
  .lg-group:hover .lg-group-hover-p-2 { padding: 0.5rem; }
  .lg-p-3 { padding: 0.75rem; }
  .lg-hover-p-3:hover { padding: 0.75rem; }
  .lg-focus-p-3:focus { padding: 0.75rem; }
  .lg-active-p-3:active { padding: 0.75rem; }
  .lg-disabled-p-3:disabled { padding: 0.75rem; }
  .lg-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  .lg-focus-within-p-3:focus-within { padding: 0.75rem; }
  .lg-group:hover .lg-group-hover-p-3 { padding: 0.75rem; }
  .lg-p-4 { padding: 1rem; }
  .lg-hover-p-4:hover { padding: 1rem; }
  .lg-focus-p-4:focus { padding: 1rem; }
  .lg-active-p-4:active { padding: 1rem; }
  .lg-disabled-p-4:disabled { padding: 1rem; }
  .lg-focus-visible-p-4:focus-visible { padding: 1rem; }
  .lg-focus-within-p-4:focus-within { padding: 1rem; }
  .lg-group:hover .lg-group-hover-p-4 { padding: 1rem; }
  .lg-p-5 { padding: 1.25rem; }
  .lg-hover-p-5:hover { padding: 1.25rem; }
  .lg-focus-p-5:focus { padding: 1.25rem; }
  .lg-active-p-5:active { padding: 1.25rem; }
  .lg-disabled-p-5:disabled { padding: 1.25rem; }
  .lg-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  .lg-focus-within-p-5:focus-within { padding: 1.25rem; }
  .lg-group:hover .lg-group-hover-p-5 { padding: 1.25rem; }
  .lg-p-6 { padding: 1.5rem; }
  .lg-hover-p-6:hover { padding: 1.5rem; }
  .lg-focus-p-6:focus { padding: 1.5rem; }
  .lg-active-p-6:active { padding: 1.5rem; }
  .lg-disabled-p-6:disabled { padding: 1.5rem; }
  .lg-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  .lg-focus-within-p-6:focus-within { padding: 1.5rem; }
  .lg-group:hover .lg-group-hover-p-6 { padding: 1.5rem; }
  .lg-p-8 { padding: 2rem; }
  .lg-hover-p-8:hover { padding: 2rem; }
  .lg-focus-p-8:focus { padding: 2rem; }
  .lg-active-p-8:active { padding: 2rem; }
  .lg-disabled-p-8:disabled { padding: 2rem; }
  .lg-focus-visible-p-8:focus-visible { padding: 2rem; }
  .lg-focus-within-p-8:focus-within { padding: 2rem; }
  .lg-group:hover .lg-group-hover-p-8 { padding: 2rem; }
  .lg-p-10 { padding: 2.5rem; }
  .lg-hover-p-10:hover { padding: 2.5rem; }
  .lg-focus-p-10:focus { padding: 2.5rem; }
  .lg-active-p-10:active { padding: 2.5rem; }
  .lg-disabled-p-10:disabled { padding: 2.5rem; }
  .lg-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  .lg-focus-within-p-10:focus-within { padding: 2.5rem; }
  .lg-group:hover .lg-group-hover-p-10 { padding: 2.5rem; }
  .lg-p-12 { padding: 3rem; }
  .lg-hover-p-12:hover { padding: 3rem; }
  .lg-focus-p-12:focus { padding: 3rem; }
  .lg-active-p-12:active { padding: 3rem; }
  .lg-disabled-p-12:disabled { padding: 3rem; }
  .lg-focus-visible-p-12:focus-visible { padding: 3rem; }
  .lg-focus-within-p-12:focus-within { padding: 3rem; }
  .lg-group:hover .lg-group-hover-p-12 { padding: 3rem; }
  .lg-p-16 { padding: 4rem; }
  .lg-hover-p-16:hover { padding: 4rem; }
  .lg-focus-p-16:focus { padding: 4rem; }
  .lg-active-p-16:active { padding: 4rem; }
  .lg-disabled-p-16:disabled { padding: 4rem; }
  .lg-focus-visible-p-16:focus-visible { padding: 4rem; }
  .lg-focus-within-p-16:focus-within { padding: 4rem; }
  .lg-group:hover .lg-group-hover-p-16 { padding: 4rem; }
  .lg-p-20 { padding: 5rem; }
  .lg-hover-p-20:hover { padding: 5rem; }
  .lg-focus-p-20:focus { padding: 5rem; }
  .lg-active-p-20:active { padding: 5rem; }
  .lg-disabled-p-20:disabled { padding: 5rem; }
  .lg-focus-visible-p-20:focus-visible { padding: 5rem; }
  .lg-focus-within-p-20:focus-within { padding: 5rem; }
  .lg-group:hover .lg-group-hover-p-20 { padding: 5rem; }
  .lg-p-24 { padding: 6rem; }
  .lg-hover-p-24:hover { padding: 6rem; }
  .lg-focus-p-24:focus { padding: 6rem; }
  .lg-active-p-24:active { padding: 6rem; }
  .lg-disabled-p-24:disabled { padding: 6rem; }
  .lg-focus-visible-p-24:focus-visible { padding: 6rem; }
  .lg-focus-within-p-24:focus-within { padding: 6rem; }
  .lg-group:hover .lg-group-hover-p-24 { padding: 6rem; }
  .lg-p-28 { padding: 7rem; }
  .lg-hover-p-28:hover { padding: 7rem; }
  .lg-focus-p-28:focus { padding: 7rem; }
  .lg-active-p-28:active { padding: 7rem; }
  .lg-disabled-p-28:disabled { padding: 7rem; }
  .lg-focus-visible-p-28:focus-visible { padding: 7rem; }
  .lg-focus-within-p-28:focus-within { padding: 7rem; }
  .lg-group:hover .lg-group-hover-p-28 { padding: 7rem; }
  .lg-p-32 { padding: 8rem; }
  .lg-hover-p-32:hover { padding: 8rem; }
  .lg-focus-p-32:focus { padding: 8rem; }
  .lg-active-p-32:active { padding: 8rem; }
  .lg-disabled-p-32:disabled { padding: 8rem; }
  .lg-focus-visible-p-32:focus-visible { padding: 8rem; }
  .lg-focus-within-p-32:focus-within { padding: 8rem; }
  .lg-group:hover .lg-group-hover-p-32 { padding: 8rem; }
  .lg-pt-auto { padding-top: auto; }
  .lg-hover-pt-auto:hover { padding-top: auto; }
  .lg-focus-pt-auto:focus { padding-top: auto; }
  .lg-active-pt-auto:active { padding-top: auto; }
  .lg-disabled-pt-auto:disabled { padding-top: auto; }
  .lg-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  .lg-focus-within-pt-auto:focus-within { padding-top: auto; }
  .lg-group:hover .lg-group-hover-pt-auto { padding-top: auto; }
  .lg-pt-0 { padding-top: 0; }
  .lg-hover-pt-0:hover { padding-top: 0; }
  .lg-focus-pt-0:focus { padding-top: 0; }
  .lg-active-pt-0:active { padding-top: 0; }
  .lg-disabled-pt-0:disabled { padding-top: 0; }
  .lg-focus-visible-pt-0:focus-visible { padding-top: 0; }
  .lg-focus-within-pt-0:focus-within { padding-top: 0; }
  .lg-group:hover .lg-group-hover-pt-0 { padding-top: 0; }
  .lg-pt-1 { padding-top: 0.25rem; }
  .lg-hover-pt-1:hover { padding-top: 0.25rem; }
  .lg-focus-pt-1:focus { padding-top: 0.25rem; }
  .lg-active-pt-1:active { padding-top: 0.25rem; }
  .lg-disabled-pt-1:disabled { padding-top: 0.25rem; }
  .lg-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  .lg-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  .lg-group:hover .lg-group-hover-pt-1 { padding-top: 0.25rem; }
  .lg-pt-2 { padding-top: 0.5rem; }
  .lg-hover-pt-2:hover { padding-top: 0.5rem; }
  .lg-focus-pt-2:focus { padding-top: 0.5rem; }
  .lg-active-pt-2:active { padding-top: 0.5rem; }
  .lg-disabled-pt-2:disabled { padding-top: 0.5rem; }
  .lg-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  .lg-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  .lg-group:hover .lg-group-hover-pt-2 { padding-top: 0.5rem; }
  .lg-pt-3 { padding-top: 0.75rem; }
  .lg-hover-pt-3:hover { padding-top: 0.75rem; }
  .lg-focus-pt-3:focus { padding-top: 0.75rem; }
  .lg-active-pt-3:active { padding-top: 0.75rem; }
  .lg-disabled-pt-3:disabled { padding-top: 0.75rem; }
  .lg-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  .lg-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  .lg-group:hover .lg-group-hover-pt-3 { padding-top: 0.75rem; }
  .lg-pt-4 { padding-top: 1rem; }
  .lg-hover-pt-4:hover { padding-top: 1rem; }
  .lg-focus-pt-4:focus { padding-top: 1rem; }
  .lg-active-pt-4:active { padding-top: 1rem; }
  .lg-disabled-pt-4:disabled { padding-top: 1rem; }
  .lg-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  .lg-focus-within-pt-4:focus-within { padding-top: 1rem; }
  .lg-group:hover .lg-group-hover-pt-4 { padding-top: 1rem; }
  .lg-pt-5 { padding-top: 1.25rem; }
  .lg-hover-pt-5:hover { padding-top: 1.25rem; }
  .lg-focus-pt-5:focus { padding-top: 1.25rem; }
  .lg-active-pt-5:active { padding-top: 1.25rem; }
  .lg-disabled-pt-5:disabled { padding-top: 1.25rem; }
  .lg-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  .lg-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  .lg-group:hover .lg-group-hover-pt-5 { padding-top: 1.25rem; }
  .lg-pt-6 { padding-top: 1.5rem; }
  .lg-hover-pt-6:hover { padding-top: 1.5rem; }
  .lg-focus-pt-6:focus { padding-top: 1.5rem; }
  .lg-active-pt-6:active { padding-top: 1.5rem; }
  .lg-disabled-pt-6:disabled { padding-top: 1.5rem; }
  .lg-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  .lg-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  .lg-group:hover .lg-group-hover-pt-6 { padding-top: 1.5rem; }
  .lg-pt-8 { padding-top: 2rem; }
  .lg-hover-pt-8:hover { padding-top: 2rem; }
  .lg-focus-pt-8:focus { padding-top: 2rem; }
  .lg-active-pt-8:active { padding-top: 2rem; }
  .lg-disabled-pt-8:disabled { padding-top: 2rem; }
  .lg-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  .lg-focus-within-pt-8:focus-within { padding-top: 2rem; }
  .lg-group:hover .lg-group-hover-pt-8 { padding-top: 2rem; }
  .lg-pt-10 { padding-top: 2.5rem; }
  .lg-hover-pt-10:hover { padding-top: 2.5rem; }
  .lg-focus-pt-10:focus { padding-top: 2.5rem; }
  .lg-active-pt-10:active { padding-top: 2.5rem; }
  .lg-disabled-pt-10:disabled { padding-top: 2.5rem; }
  .lg-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  .lg-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  .lg-group:hover .lg-group-hover-pt-10 { padding-top: 2.5rem; }
  .lg-pt-12 { padding-top: 3rem; }
  .lg-hover-pt-12:hover { padding-top: 3rem; }
  .lg-focus-pt-12:focus { padding-top: 3rem; }
  .lg-active-pt-12:active { padding-top: 3rem; }
  .lg-disabled-pt-12:disabled { padding-top: 3rem; }
  .lg-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  .lg-focus-within-pt-12:focus-within { padding-top: 3rem; }
  .lg-group:hover .lg-group-hover-pt-12 { padding-top: 3rem; }
  .lg-pt-16 { padding-top: 4rem; }
  .lg-hover-pt-16:hover { padding-top: 4rem; }
  .lg-focus-pt-16:focus { padding-top: 4rem; }
  .lg-active-pt-16:active { padding-top: 4rem; }
  .lg-disabled-pt-16:disabled { padding-top: 4rem; }
  .lg-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  .lg-focus-within-pt-16:focus-within { padding-top: 4rem; }
  .lg-group:hover .lg-group-hover-pt-16 { padding-top: 4rem; }
  .lg-pt-20 { padding-top: 5rem; }
  .lg-hover-pt-20:hover { padding-top: 5rem; }
  .lg-focus-pt-20:focus { padding-top: 5rem; }
  .lg-active-pt-20:active { padding-top: 5rem; }
  .lg-disabled-pt-20:disabled { padding-top: 5rem; }
  .lg-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  .lg-focus-within-pt-20:focus-within { padding-top: 5rem; }
  .lg-group:hover .lg-group-hover-pt-20 { padding-top: 5rem; }
  .lg-pt-24 { padding-top: 6rem; }
  .lg-hover-pt-24:hover { padding-top: 6rem; }
  .lg-focus-pt-24:focus { padding-top: 6rem; }
  .lg-active-pt-24:active { padding-top: 6rem; }
  .lg-disabled-pt-24:disabled { padding-top: 6rem; }
  .lg-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  .lg-focus-within-pt-24:focus-within { padding-top: 6rem; }
  .lg-group:hover .lg-group-hover-pt-24 { padding-top: 6rem; }
  .lg-pt-28 { padding-top: 7rem; }
  .lg-hover-pt-28:hover { padding-top: 7rem; }
  .lg-focus-pt-28:focus { padding-top: 7rem; }
  .lg-active-pt-28:active { padding-top: 7rem; }
  .lg-disabled-pt-28:disabled { padding-top: 7rem; }
  .lg-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  .lg-focus-within-pt-28:focus-within { padding-top: 7rem; }
  .lg-group:hover .lg-group-hover-pt-28 { padding-top: 7rem; }
  .lg-pt-32 { padding-top: 8rem; }
  .lg-hover-pt-32:hover { padding-top: 8rem; }
  .lg-focus-pt-32:focus { padding-top: 8rem; }
  .lg-active-pt-32:active { padding-top: 8rem; }
  .lg-disabled-pt-32:disabled { padding-top: 8rem; }
  .lg-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  .lg-focus-within-pt-32:focus-within { padding-top: 8rem; }
  .lg-group:hover .lg-group-hover-pt-32 { padding-top: 8rem; }
  .lg-pb-auto { padding-bottom: auto; }
  .lg-hover-pb-auto:hover { padding-bottom: auto; }
  .lg-focus-pb-auto:focus { padding-bottom: auto; }
  .lg-active-pb-auto:active { padding-bottom: auto; }
  .lg-disabled-pb-auto:disabled { padding-bottom: auto; }
  .lg-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  .lg-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  .lg-group:hover .lg-group-hover-pb-auto { padding-bottom: auto; }
  .lg-pb-0 { padding-bottom: 0; }
  .lg-hover-pb-0:hover { padding-bottom: 0; }
  .lg-focus-pb-0:focus { padding-bottom: 0; }
  .lg-active-pb-0:active { padding-bottom: 0; }
  .lg-disabled-pb-0:disabled { padding-bottom: 0; }
  .lg-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  .lg-focus-within-pb-0:focus-within { padding-bottom: 0; }
  .lg-group:hover .lg-group-hover-pb-0 { padding-bottom: 0; }
  .lg-pb-1 { padding-bottom: 0.25rem; }
  .lg-hover-pb-1:hover { padding-bottom: 0.25rem; }
  .lg-focus-pb-1:focus { padding-bottom: 0.25rem; }
  .lg-active-pb-1:active { padding-bottom: 0.25rem; }
  .lg-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  .lg-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  .lg-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  .lg-group:hover .lg-group-hover-pb-1 { padding-bottom: 0.25rem; }
  .lg-pb-2 { padding-bottom: 0.5rem; }
  .lg-hover-pb-2:hover { padding-bottom: 0.5rem; }
  .lg-focus-pb-2:focus { padding-bottom: 0.5rem; }
  .lg-active-pb-2:active { padding-bottom: 0.5rem; }
  .lg-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  .lg-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  .lg-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  .lg-group:hover .lg-group-hover-pb-2 { padding-bottom: 0.5rem; }
  .lg-pb-3 { padding-bottom: 0.75rem; }
  .lg-hover-pb-3:hover { padding-bottom: 0.75rem; }
  .lg-focus-pb-3:focus { padding-bottom: 0.75rem; }
  .lg-active-pb-3:active { padding-bottom: 0.75rem; }
  .lg-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  .lg-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  .lg-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  .lg-group:hover .lg-group-hover-pb-3 { padding-bottom: 0.75rem; }
  .lg-pb-4 { padding-bottom: 1rem; }
  .lg-hover-pb-4:hover { padding-bottom: 1rem; }
  .lg-focus-pb-4:focus { padding-bottom: 1rem; }
  .lg-active-pb-4:active { padding-bottom: 1rem; }
  .lg-disabled-pb-4:disabled { padding-bottom: 1rem; }
  .lg-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  .lg-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  .lg-group:hover .lg-group-hover-pb-4 { padding-bottom: 1rem; }
  .lg-pb-5 { padding-bottom: 1.25rem; }
  .lg-hover-pb-5:hover { padding-bottom: 1.25rem; }
  .lg-focus-pb-5:focus { padding-bottom: 1.25rem; }
  .lg-active-pb-5:active { padding-bottom: 1.25rem; }
  .lg-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  .lg-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  .lg-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  .lg-group:hover .lg-group-hover-pb-5 { padding-bottom: 1.25rem; }
  .lg-pb-6 { padding-bottom: 1.5rem; }
  .lg-hover-pb-6:hover { padding-bottom: 1.5rem; }
  .lg-focus-pb-6:focus { padding-bottom: 1.5rem; }
  .lg-active-pb-6:active { padding-bottom: 1.5rem; }
  .lg-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  .lg-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  .lg-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  .lg-group:hover .lg-group-hover-pb-6 { padding-bottom: 1.5rem; }
  .lg-pb-8 { padding-bottom: 2rem; }
  .lg-hover-pb-8:hover { padding-bottom: 2rem; }
  .lg-focus-pb-8:focus { padding-bottom: 2rem; }
  .lg-active-pb-8:active { padding-bottom: 2rem; }
  .lg-disabled-pb-8:disabled { padding-bottom: 2rem; }
  .lg-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  .lg-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  .lg-group:hover .lg-group-hover-pb-8 { padding-bottom: 2rem; }
  .lg-pb-10 { padding-bottom: 2.5rem; }
  .lg-hover-pb-10:hover { padding-bottom: 2.5rem; }
  .lg-focus-pb-10:focus { padding-bottom: 2.5rem; }
  .lg-active-pb-10:active { padding-bottom: 2.5rem; }
  .lg-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  .lg-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  .lg-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  .lg-group:hover .lg-group-hover-pb-10 { padding-bottom: 2.5rem; }
  .lg-pb-12 { padding-bottom: 3rem; }
  .lg-hover-pb-12:hover { padding-bottom: 3rem; }
  .lg-focus-pb-12:focus { padding-bottom: 3rem; }
  .lg-active-pb-12:active { padding-bottom: 3rem; }
  .lg-disabled-pb-12:disabled { padding-bottom: 3rem; }
  .lg-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  .lg-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  .lg-group:hover .lg-group-hover-pb-12 { padding-bottom: 3rem; }
  .lg-pb-16 { padding-bottom: 4rem; }
  .lg-hover-pb-16:hover { padding-bottom: 4rem; }
  .lg-focus-pb-16:focus { padding-bottom: 4rem; }
  .lg-active-pb-16:active { padding-bottom: 4rem; }
  .lg-disabled-pb-16:disabled { padding-bottom: 4rem; }
  .lg-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  .lg-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  .lg-group:hover .lg-group-hover-pb-16 { padding-bottom: 4rem; }
  .lg-pb-20 { padding-bottom: 5rem; }
  .lg-hover-pb-20:hover { padding-bottom: 5rem; }
  .lg-focus-pb-20:focus { padding-bottom: 5rem; }
  .lg-active-pb-20:active { padding-bottom: 5rem; }
  .lg-disabled-pb-20:disabled { padding-bottom: 5rem; }
  .lg-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  .lg-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  .lg-group:hover .lg-group-hover-pb-20 { padding-bottom: 5rem; }
  .lg-pb-24 { padding-bottom: 6rem; }
  .lg-hover-pb-24:hover { padding-bottom: 6rem; }
  .lg-focus-pb-24:focus { padding-bottom: 6rem; }
  .lg-active-pb-24:active { padding-bottom: 6rem; }
  .lg-disabled-pb-24:disabled { padding-bottom: 6rem; }
  .lg-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  .lg-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  .lg-group:hover .lg-group-hover-pb-24 { padding-bottom: 6rem; }
  .lg-pb-28 { padding-bottom: 7rem; }
  .lg-hover-pb-28:hover { padding-bottom: 7rem; }
  .lg-focus-pb-28:focus { padding-bottom: 7rem; }
  .lg-active-pb-28:active { padding-bottom: 7rem; }
  .lg-disabled-pb-28:disabled { padding-bottom: 7rem; }
  .lg-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  .lg-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  .lg-group:hover .lg-group-hover-pb-28 { padding-bottom: 7rem; }
  .lg-pb-32 { padding-bottom: 8rem; }
  .lg-hover-pb-32:hover { padding-bottom: 8rem; }
  .lg-focus-pb-32:focus { padding-bottom: 8rem; }
  .lg-active-pb-32:active { padding-bottom: 8rem; }
  .lg-disabled-pb-32:disabled { padding-bottom: 8rem; }
  .lg-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  .lg-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  .lg-group:hover .lg-group-hover-pb-32 { padding-bottom: 8rem; }
  .lg-pl-auto { padding-left: auto; }
  .lg-hover-pl-auto:hover { padding-left: auto; }
  .lg-focus-pl-auto:focus { padding-left: auto; }
  .lg-active-pl-auto:active { padding-left: auto; }
  .lg-disabled-pl-auto:disabled { padding-left: auto; }
  .lg-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  .lg-focus-within-pl-auto:focus-within { padding-left: auto; }
  .lg-group:hover .lg-group-hover-pl-auto { padding-left: auto; }
  .lg-pl-0 { padding-left: 0; }
  .lg-hover-pl-0:hover { padding-left: 0; }
  .lg-focus-pl-0:focus { padding-left: 0; }
  .lg-active-pl-0:active { padding-left: 0; }
  .lg-disabled-pl-0:disabled { padding-left: 0; }
  .lg-focus-visible-pl-0:focus-visible { padding-left: 0; }
  .lg-focus-within-pl-0:focus-within { padding-left: 0; }
  .lg-group:hover .lg-group-hover-pl-0 { padding-left: 0; }
  .lg-pl-1 { padding-left: 0.25rem; }
  .lg-hover-pl-1:hover { padding-left: 0.25rem; }
  .lg-focus-pl-1:focus { padding-left: 0.25rem; }
  .lg-active-pl-1:active { padding-left: 0.25rem; }
  .lg-disabled-pl-1:disabled { padding-left: 0.25rem; }
  .lg-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  .lg-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  .lg-group:hover .lg-group-hover-pl-1 { padding-left: 0.25rem; }
  .lg-pl-2 { padding-left: 0.5rem; }
  .lg-hover-pl-2:hover { padding-left: 0.5rem; }
  .lg-focus-pl-2:focus { padding-left: 0.5rem; }
  .lg-active-pl-2:active { padding-left: 0.5rem; }
  .lg-disabled-pl-2:disabled { padding-left: 0.5rem; }
  .lg-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  .lg-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  .lg-group:hover .lg-group-hover-pl-2 { padding-left: 0.5rem; }
  .lg-pl-3 { padding-left: 0.75rem; }
  .lg-hover-pl-3:hover { padding-left: 0.75rem; }
  .lg-focus-pl-3:focus { padding-left: 0.75rem; }
  .lg-active-pl-3:active { padding-left: 0.75rem; }
  .lg-disabled-pl-3:disabled { padding-left: 0.75rem; }
  .lg-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  .lg-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  .lg-group:hover .lg-group-hover-pl-3 { padding-left: 0.75rem; }
  .lg-pl-4 { padding-left: 1rem; }
  .lg-hover-pl-4:hover { padding-left: 1rem; }
  .lg-focus-pl-4:focus { padding-left: 1rem; }
  .lg-active-pl-4:active { padding-left: 1rem; }
  .lg-disabled-pl-4:disabled { padding-left: 1rem; }
  .lg-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  .lg-focus-within-pl-4:focus-within { padding-left: 1rem; }
  .lg-group:hover .lg-group-hover-pl-4 { padding-left: 1rem; }
  .lg-pl-5 { padding-left: 1.25rem; }
  .lg-hover-pl-5:hover { padding-left: 1.25rem; }
  .lg-focus-pl-5:focus { padding-left: 1.25rem; }
  .lg-active-pl-5:active { padding-left: 1.25rem; }
  .lg-disabled-pl-5:disabled { padding-left: 1.25rem; }
  .lg-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  .lg-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  .lg-group:hover .lg-group-hover-pl-5 { padding-left: 1.25rem; }
  .lg-pl-6 { padding-left: 1.5rem; }
  .lg-hover-pl-6:hover { padding-left: 1.5rem; }
  .lg-focus-pl-6:focus { padding-left: 1.5rem; }
  .lg-active-pl-6:active { padding-left: 1.5rem; }
  .lg-disabled-pl-6:disabled { padding-left: 1.5rem; }
  .lg-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  .lg-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  .lg-group:hover .lg-group-hover-pl-6 { padding-left: 1.5rem; }
  .lg-pl-8 { padding-left: 2rem; }
  .lg-hover-pl-8:hover { padding-left: 2rem; }
  .lg-focus-pl-8:focus { padding-left: 2rem; }
  .lg-active-pl-8:active { padding-left: 2rem; }
  .lg-disabled-pl-8:disabled { padding-left: 2rem; }
  .lg-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  .lg-focus-within-pl-8:focus-within { padding-left: 2rem; }
  .lg-group:hover .lg-group-hover-pl-8 { padding-left: 2rem; }
  .lg-pl-10 { padding-left: 2.5rem; }
  .lg-hover-pl-10:hover { padding-left: 2.5rem; }
  .lg-focus-pl-10:focus { padding-left: 2.5rem; }
  .lg-active-pl-10:active { padding-left: 2.5rem; }
  .lg-disabled-pl-10:disabled { padding-left: 2.5rem; }
  .lg-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  .lg-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  .lg-group:hover .lg-group-hover-pl-10 { padding-left: 2.5rem; }
  .lg-pl-12 { padding-left: 3rem; }
  .lg-hover-pl-12:hover { padding-left: 3rem; }
  .lg-focus-pl-12:focus { padding-left: 3rem; }
  .lg-active-pl-12:active { padding-left: 3rem; }
  .lg-disabled-pl-12:disabled { padding-left: 3rem; }
  .lg-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  .lg-focus-within-pl-12:focus-within { padding-left: 3rem; }
  .lg-group:hover .lg-group-hover-pl-12 { padding-left: 3rem; }
  .lg-pl-16 { padding-left: 4rem; }
  .lg-hover-pl-16:hover { padding-left: 4rem; }
  .lg-focus-pl-16:focus { padding-left: 4rem; }
  .lg-active-pl-16:active { padding-left: 4rem; }
  .lg-disabled-pl-16:disabled { padding-left: 4rem; }
  .lg-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  .lg-focus-within-pl-16:focus-within { padding-left: 4rem; }
  .lg-group:hover .lg-group-hover-pl-16 { padding-left: 4rem; }
  .lg-pl-20 { padding-left: 5rem; }
  .lg-hover-pl-20:hover { padding-left: 5rem; }
  .lg-focus-pl-20:focus { padding-left: 5rem; }
  .lg-active-pl-20:active { padding-left: 5rem; }
  .lg-disabled-pl-20:disabled { padding-left: 5rem; }
  .lg-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  .lg-focus-within-pl-20:focus-within { padding-left: 5rem; }
  .lg-group:hover .lg-group-hover-pl-20 { padding-left: 5rem; }
  .lg-pl-24 { padding-left: 6rem; }
  .lg-hover-pl-24:hover { padding-left: 6rem; }
  .lg-focus-pl-24:focus { padding-left: 6rem; }
  .lg-active-pl-24:active { padding-left: 6rem; }
  .lg-disabled-pl-24:disabled { padding-left: 6rem; }
  .lg-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  .lg-focus-within-pl-24:focus-within { padding-left: 6rem; }
  .lg-group:hover .lg-group-hover-pl-24 { padding-left: 6rem; }
  .lg-pl-28 { padding-left: 7rem; }
  .lg-hover-pl-28:hover { padding-left: 7rem; }
  .lg-focus-pl-28:focus { padding-left: 7rem; }
  .lg-active-pl-28:active { padding-left: 7rem; }
  .lg-disabled-pl-28:disabled { padding-left: 7rem; }
  .lg-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  .lg-focus-within-pl-28:focus-within { padding-left: 7rem; }
  .lg-group:hover .lg-group-hover-pl-28 { padding-left: 7rem; }
  .lg-pl-32 { padding-left: 8rem; }
  .lg-hover-pl-32:hover { padding-left: 8rem; }
  .lg-focus-pl-32:focus { padding-left: 8rem; }
  .lg-active-pl-32:active { padding-left: 8rem; }
  .lg-disabled-pl-32:disabled { padding-left: 8rem; }
  .lg-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  .lg-focus-within-pl-32:focus-within { padding-left: 8rem; }
  .lg-group:hover .lg-group-hover-pl-32 { padding-left: 8rem; }
  .lg-pr-auto { padding-right: auto; }
  .lg-hover-pr-auto:hover { padding-right: auto; }
  .lg-focus-pr-auto:focus { padding-right: auto; }
  .lg-active-pr-auto:active { padding-right: auto; }
  .lg-disabled-pr-auto:disabled { padding-right: auto; }
  .lg-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  .lg-focus-within-pr-auto:focus-within { padding-right: auto; }
  .lg-group:hover .lg-group-hover-pr-auto { padding-right: auto; }
  .lg-pr-0 { padding-right: 0; }
  .lg-hover-pr-0:hover { padding-right: 0; }
  .lg-focus-pr-0:focus { padding-right: 0; }
  .lg-active-pr-0:active { padding-right: 0; }
  .lg-disabled-pr-0:disabled { padding-right: 0; }
  .lg-focus-visible-pr-0:focus-visible { padding-right: 0; }
  .lg-focus-within-pr-0:focus-within { padding-right: 0; }
  .lg-group:hover .lg-group-hover-pr-0 { padding-right: 0; }
  .lg-pr-1 { padding-right: 0.25rem; }
  .lg-hover-pr-1:hover { padding-right: 0.25rem; }
  .lg-focus-pr-1:focus { padding-right: 0.25rem; }
  .lg-active-pr-1:active { padding-right: 0.25rem; }
  .lg-disabled-pr-1:disabled { padding-right: 0.25rem; }
  .lg-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  .lg-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  .lg-group:hover .lg-group-hover-pr-1 { padding-right: 0.25rem; }
  .lg-pr-2 { padding-right: 0.5rem; }
  .lg-hover-pr-2:hover { padding-right: 0.5rem; }
  .lg-focus-pr-2:focus { padding-right: 0.5rem; }
  .lg-active-pr-2:active { padding-right: 0.5rem; }
  .lg-disabled-pr-2:disabled { padding-right: 0.5rem; }
  .lg-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  .lg-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  .lg-group:hover .lg-group-hover-pr-2 { padding-right: 0.5rem; }
  .lg-pr-3 { padding-right: 0.75rem; }
  .lg-hover-pr-3:hover { padding-right: 0.75rem; }
  .lg-focus-pr-3:focus { padding-right: 0.75rem; }
  .lg-active-pr-3:active { padding-right: 0.75rem; }
  .lg-disabled-pr-3:disabled { padding-right: 0.75rem; }
  .lg-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  .lg-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  .lg-group:hover .lg-group-hover-pr-3 { padding-right: 0.75rem; }
  .lg-pr-4 { padding-right: 1rem; }
  .lg-hover-pr-4:hover { padding-right: 1rem; }
  .lg-focus-pr-4:focus { padding-right: 1rem; }
  .lg-active-pr-4:active { padding-right: 1rem; }
  .lg-disabled-pr-4:disabled { padding-right: 1rem; }
  .lg-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  .lg-focus-within-pr-4:focus-within { padding-right: 1rem; }
  .lg-group:hover .lg-group-hover-pr-4 { padding-right: 1rem; }
  .lg-pr-5 { padding-right: 1.25rem; }
  .lg-hover-pr-5:hover { padding-right: 1.25rem; }
  .lg-focus-pr-5:focus { padding-right: 1.25rem; }
  .lg-active-pr-5:active { padding-right: 1.25rem; }
  .lg-disabled-pr-5:disabled { padding-right: 1.25rem; }
  .lg-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  .lg-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  .lg-group:hover .lg-group-hover-pr-5 { padding-right: 1.25rem; }
  .lg-pr-6 { padding-right: 1.5rem; }
  .lg-hover-pr-6:hover { padding-right: 1.5rem; }
  .lg-focus-pr-6:focus { padding-right: 1.5rem; }
  .lg-active-pr-6:active { padding-right: 1.5rem; }
  .lg-disabled-pr-6:disabled { padding-right: 1.5rem; }
  .lg-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  .lg-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  .lg-group:hover .lg-group-hover-pr-6 { padding-right: 1.5rem; }
  .lg-pr-8 { padding-right: 2rem; }
  .lg-hover-pr-8:hover { padding-right: 2rem; }
  .lg-focus-pr-8:focus { padding-right: 2rem; }
  .lg-active-pr-8:active { padding-right: 2rem; }
  .lg-disabled-pr-8:disabled { padding-right: 2rem; }
  .lg-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  .lg-focus-within-pr-8:focus-within { padding-right: 2rem; }
  .lg-group:hover .lg-group-hover-pr-8 { padding-right: 2rem; }
  .lg-pr-10 { padding-right: 2.5rem; }
  .lg-hover-pr-10:hover { padding-right: 2.5rem; }
  .lg-focus-pr-10:focus { padding-right: 2.5rem; }
  .lg-active-pr-10:active { padding-right: 2.5rem; }
  .lg-disabled-pr-10:disabled { padding-right: 2.5rem; }
  .lg-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  .lg-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  .lg-group:hover .lg-group-hover-pr-10 { padding-right: 2.5rem; }
  .lg-pr-12 { padding-right: 3rem; }
  .lg-hover-pr-12:hover { padding-right: 3rem; }
  .lg-focus-pr-12:focus { padding-right: 3rem; }
  .lg-active-pr-12:active { padding-right: 3rem; }
  .lg-disabled-pr-12:disabled { padding-right: 3rem; }
  .lg-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  .lg-focus-within-pr-12:focus-within { padding-right: 3rem; }
  .lg-group:hover .lg-group-hover-pr-12 { padding-right: 3rem; }
  .lg-pr-16 { padding-right: 4rem; }
  .lg-hover-pr-16:hover { padding-right: 4rem; }
  .lg-focus-pr-16:focus { padding-right: 4rem; }
  .lg-active-pr-16:active { padding-right: 4rem; }
  .lg-disabled-pr-16:disabled { padding-right: 4rem; }
  .lg-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  .lg-focus-within-pr-16:focus-within { padding-right: 4rem; }
  .lg-group:hover .lg-group-hover-pr-16 { padding-right: 4rem; }
  .lg-pr-20 { padding-right: 5rem; }
  .lg-hover-pr-20:hover { padding-right: 5rem; }
  .lg-focus-pr-20:focus { padding-right: 5rem; }
  .lg-active-pr-20:active { padding-right: 5rem; }
  .lg-disabled-pr-20:disabled { padding-right: 5rem; }
  .lg-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  .lg-focus-within-pr-20:focus-within { padding-right: 5rem; }
  .lg-group:hover .lg-group-hover-pr-20 { padding-right: 5rem; }
  .lg-pr-24 { padding-right: 6rem; }
  .lg-hover-pr-24:hover { padding-right: 6rem; }
  .lg-focus-pr-24:focus { padding-right: 6rem; }
  .lg-active-pr-24:active { padding-right: 6rem; }
  .lg-disabled-pr-24:disabled { padding-right: 6rem; }
  .lg-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  .lg-focus-within-pr-24:focus-within { padding-right: 6rem; }
  .lg-group:hover .lg-group-hover-pr-24 { padding-right: 6rem; }
  .lg-pr-28 { padding-right: 7rem; }
  .lg-hover-pr-28:hover { padding-right: 7rem; }
  .lg-focus-pr-28:focus { padding-right: 7rem; }
  .lg-active-pr-28:active { padding-right: 7rem; }
  .lg-disabled-pr-28:disabled { padding-right: 7rem; }
  .lg-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  .lg-focus-within-pr-28:focus-within { padding-right: 7rem; }
  .lg-group:hover .lg-group-hover-pr-28 { padding-right: 7rem; }
  .lg-pr-32 { padding-right: 8rem; }
  .lg-hover-pr-32:hover { padding-right: 8rem; }
  .lg-focus-pr-32:focus { padding-right: 8rem; }
  .lg-active-pr-32:active { padding-right: 8rem; }
  .lg-disabled-pr-32:disabled { padding-right: 8rem; }
  .lg-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  .lg-focus-within-pr-32:focus-within { padding-right: 8rem; }
  .lg-group:hover .lg-group-hover-pr-32 { padding-right: 8rem; }
  .lg-px-auto { padding-left: auto; padding-right: auto; }
  .lg-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  .lg-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  .lg-active-px-auto:active { padding-left: auto; padding-right: auto; }
  .lg-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  .lg-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  .lg-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  .lg-group:hover .lg-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  .lg-px-0 { padding-left: 0; padding-right: 0; }
  .lg-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  .lg-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  .lg-active-px-0:active { padding-left: 0; padding-right: 0; }
  .lg-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  .lg-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  .lg-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  .lg-group:hover .lg-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  .lg-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-group:hover .lg-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .lg-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-group:hover .lg-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-group:hover .lg-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  .lg-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  .lg-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  .lg-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  .lg-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  .lg-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  .lg-group:hover .lg-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-group:hover .lg-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-group:hover .lg-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  .lg-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  .lg-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  .lg-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  .lg-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  .lg-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  .lg-group:hover .lg-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-group:hover .lg-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  .lg-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  .lg-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  .lg-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  .lg-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  .lg-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  .lg-group:hover .lg-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .lg-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  .lg-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  .lg-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  .lg-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  .lg-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  .lg-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  .lg-group:hover .lg-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .lg-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .lg-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  .lg-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  .lg-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  .lg-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  .lg-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  .lg-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  .lg-group:hover .lg-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .lg-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .lg-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  .lg-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  .lg-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  .lg-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  .lg-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  .lg-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  .lg-group:hover .lg-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .lg-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .lg-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  .lg-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  .lg-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  .lg-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  .lg-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  .lg-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  .lg-group:hover .lg-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .lg-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .lg-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  .lg-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  .lg-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  .lg-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  .lg-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  .lg-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  .lg-group:hover .lg-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .lg-py-auto { padding-top: auto; padding-bottom: auto; }
  .lg-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  .lg-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  .lg-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  .lg-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  .lg-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  .lg-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  .lg-group:hover .lg-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  .lg-py-0 { padding-top: 0; padding-bottom: 0; }
  .lg-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  .lg-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  .lg-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  .lg-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  .lg-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  .lg-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  .lg-group:hover .lg-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  .lg-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-group:hover .lg-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-group:hover .lg-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-group:hover .lg-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .lg-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-group:hover .lg-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .lg-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-group:hover .lg-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-group:hover .lg-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-group:hover .lg-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .lg-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-group:hover .lg-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-group:hover .lg-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .lg-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-group:hover .lg-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-group:hover .lg-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .lg-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-group:hover .lg-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .lg-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-group:hover .lg-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .lg-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-group:hover .lg-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .lg-m-auto { margin: auto; }
  .lg-hover-m-auto:hover { margin: auto; }
  .lg-focus-m-auto:focus { margin: auto; }
  .lg-active-m-auto:active { margin: auto; }
  .lg-disabled-m-auto:disabled { margin: auto; }
  .lg-focus-visible-m-auto:focus-visible { margin: auto; }
  .lg-focus-within-m-auto:focus-within { margin: auto; }
  .lg-group:hover .lg-group-hover-m-auto { margin: auto; }
  .lg-m-0 { margin: 0; }
  .lg-hover-m-0:hover { margin: 0; }
  .lg-focus-m-0:focus { margin: 0; }
  .lg-active-m-0:active { margin: 0; }
  .lg-disabled-m-0:disabled { margin: 0; }
  .lg-focus-visible-m-0:focus-visible { margin: 0; }
  .lg-focus-within-m-0:focus-within { margin: 0; }
  .lg-group:hover .lg-group-hover-m-0 { margin: 0; }
  .lg-m-1 { margin: 0.25rem; }
  .lg-hover-m-1:hover { margin: 0.25rem; }
  .lg-focus-m-1:focus { margin: 0.25rem; }
  .lg-active-m-1:active { margin: 0.25rem; }
  .lg-disabled-m-1:disabled { margin: 0.25rem; }
  .lg-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  .lg-focus-within-m-1:focus-within { margin: 0.25rem; }
  .lg-group:hover .lg-group-hover-m-1 { margin: 0.25rem; }
  .lg-m-2 { margin: 0.5rem; }
  .lg-hover-m-2:hover { margin: 0.5rem; }
  .lg-focus-m-2:focus { margin: 0.5rem; }
  .lg-active-m-2:active { margin: 0.5rem; }
  .lg-disabled-m-2:disabled { margin: 0.5rem; }
  .lg-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  .lg-focus-within-m-2:focus-within { margin: 0.5rem; }
  .lg-group:hover .lg-group-hover-m-2 { margin: 0.5rem; }
  .lg-m-3 { margin: 0.75rem; }
  .lg-hover-m-3:hover { margin: 0.75rem; }
  .lg-focus-m-3:focus { margin: 0.75rem; }
  .lg-active-m-3:active { margin: 0.75rem; }
  .lg-disabled-m-3:disabled { margin: 0.75rem; }
  .lg-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  .lg-focus-within-m-3:focus-within { margin: 0.75rem; }
  .lg-group:hover .lg-group-hover-m-3 { margin: 0.75rem; }
  .lg-m-4 { margin: 1rem; }
  .lg-hover-m-4:hover { margin: 1rem; }
  .lg-focus-m-4:focus { margin: 1rem; }
  .lg-active-m-4:active { margin: 1rem; }
  .lg-disabled-m-4:disabled { margin: 1rem; }
  .lg-focus-visible-m-4:focus-visible { margin: 1rem; }
  .lg-focus-within-m-4:focus-within { margin: 1rem; }
  .lg-group:hover .lg-group-hover-m-4 { margin: 1rem; }
  .lg-m-5 { margin: 1.25rem; }
  .lg-hover-m-5:hover { margin: 1.25rem; }
  .lg-focus-m-5:focus { margin: 1.25rem; }
  .lg-active-m-5:active { margin: 1.25rem; }
  .lg-disabled-m-5:disabled { margin: 1.25rem; }
  .lg-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  .lg-focus-within-m-5:focus-within { margin: 1.25rem; }
  .lg-group:hover .lg-group-hover-m-5 { margin: 1.25rem; }
  .lg-m-6 { margin: 1.5rem; }
  .lg-hover-m-6:hover { margin: 1.5rem; }
  .lg-focus-m-6:focus { margin: 1.5rem; }
  .lg-active-m-6:active { margin: 1.5rem; }
  .lg-disabled-m-6:disabled { margin: 1.5rem; }
  .lg-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  .lg-focus-within-m-6:focus-within { margin: 1.5rem; }
  .lg-group:hover .lg-group-hover-m-6 { margin: 1.5rem; }
  .lg-m-8 { margin: 2rem; }
  .lg-hover-m-8:hover { margin: 2rem; }
  .lg-focus-m-8:focus { margin: 2rem; }
  .lg-active-m-8:active { margin: 2rem; }
  .lg-disabled-m-8:disabled { margin: 2rem; }
  .lg-focus-visible-m-8:focus-visible { margin: 2rem; }
  .lg-focus-within-m-8:focus-within { margin: 2rem; }
  .lg-group:hover .lg-group-hover-m-8 { margin: 2rem; }
  .lg-m-10 { margin: 2.5rem; }
  .lg-hover-m-10:hover { margin: 2.5rem; }
  .lg-focus-m-10:focus { margin: 2.5rem; }
  .lg-active-m-10:active { margin: 2.5rem; }
  .lg-disabled-m-10:disabled { margin: 2.5rem; }
  .lg-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  .lg-focus-within-m-10:focus-within { margin: 2.5rem; }
  .lg-group:hover .lg-group-hover-m-10 { margin: 2.5rem; }
  .lg-m-12 { margin: 3rem; }
  .lg-hover-m-12:hover { margin: 3rem; }
  .lg-focus-m-12:focus { margin: 3rem; }
  .lg-active-m-12:active { margin: 3rem; }
  .lg-disabled-m-12:disabled { margin: 3rem; }
  .lg-focus-visible-m-12:focus-visible { margin: 3rem; }
  .lg-focus-within-m-12:focus-within { margin: 3rem; }
  .lg-group:hover .lg-group-hover-m-12 { margin: 3rem; }
  .lg-m-16 { margin: 4rem; }
  .lg-hover-m-16:hover { margin: 4rem; }
  .lg-focus-m-16:focus { margin: 4rem; }
  .lg-active-m-16:active { margin: 4rem; }
  .lg-disabled-m-16:disabled { margin: 4rem; }
  .lg-focus-visible-m-16:focus-visible { margin: 4rem; }
  .lg-focus-within-m-16:focus-within { margin: 4rem; }
  .lg-group:hover .lg-group-hover-m-16 { margin: 4rem; }
  .lg-m-20 { margin: 5rem; }
  .lg-hover-m-20:hover { margin: 5rem; }
  .lg-focus-m-20:focus { margin: 5rem; }
  .lg-active-m-20:active { margin: 5rem; }
  .lg-disabled-m-20:disabled { margin: 5rem; }
  .lg-focus-visible-m-20:focus-visible { margin: 5rem; }
  .lg-focus-within-m-20:focus-within { margin: 5rem; }
  .lg-group:hover .lg-group-hover-m-20 { margin: 5rem; }
  .lg-m-24 { margin: 6rem; }
  .lg-hover-m-24:hover { margin: 6rem; }
  .lg-focus-m-24:focus { margin: 6rem; }
  .lg-active-m-24:active { margin: 6rem; }
  .lg-disabled-m-24:disabled { margin: 6rem; }
  .lg-focus-visible-m-24:focus-visible { margin: 6rem; }
  .lg-focus-within-m-24:focus-within { margin: 6rem; }
  .lg-group:hover .lg-group-hover-m-24 { margin: 6rem; }
  .lg-m-28 { margin: 7rem; }
  .lg-hover-m-28:hover { margin: 7rem; }
  .lg-focus-m-28:focus { margin: 7rem; }
  .lg-active-m-28:active { margin: 7rem; }
  .lg-disabled-m-28:disabled { margin: 7rem; }
  .lg-focus-visible-m-28:focus-visible { margin: 7rem; }
  .lg-focus-within-m-28:focus-within { margin: 7rem; }
  .lg-group:hover .lg-group-hover-m-28 { margin: 7rem; }
  .lg-m-32 { margin: 8rem; }
  .lg-hover-m-32:hover { margin: 8rem; }
  .lg-focus-m-32:focus { margin: 8rem; }
  .lg-active-m-32:active { margin: 8rem; }
  .lg-disabled-m-32:disabled { margin: 8rem; }
  .lg-focus-visible-m-32:focus-visible { margin: 8rem; }
  .lg-focus-within-m-32:focus-within { margin: 8rem; }
  .lg-group:hover .lg-group-hover-m-32 { margin: 8rem; }
  .lg-mt-auto { margin-top: auto; }
  .lg-hover-mt-auto:hover { margin-top: auto; }
  .lg-focus-mt-auto:focus { margin-top: auto; }
  .lg-active-mt-auto:active { margin-top: auto; }
  .lg-disabled-mt-auto:disabled { margin-top: auto; }
  .lg-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  .lg-focus-within-mt-auto:focus-within { margin-top: auto; }
  .lg-group:hover .lg-group-hover-mt-auto { margin-top: auto; }
  .lg-mt-0 { margin-top: 0; }
  .lg-hover-mt-0:hover { margin-top: 0; }
  .lg-focus-mt-0:focus { margin-top: 0; }
  .lg-active-mt-0:active { margin-top: 0; }
  .lg-disabled-mt-0:disabled { margin-top: 0; }
  .lg-focus-visible-mt-0:focus-visible { margin-top: 0; }
  .lg-focus-within-mt-0:focus-within { margin-top: 0; }
  .lg-group:hover .lg-group-hover-mt-0 { margin-top: 0; }
  .lg-mt-1 { margin-top: 0.25rem; }
  .lg-hover-mt-1:hover { margin-top: 0.25rem; }
  .lg-focus-mt-1:focus { margin-top: 0.25rem; }
  .lg-active-mt-1:active { margin-top: 0.25rem; }
  .lg-disabled-mt-1:disabled { margin-top: 0.25rem; }
  .lg-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  .lg-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  .lg-group:hover .lg-group-hover-mt-1 { margin-top: 0.25rem; }
  .lg-mt-2 { margin-top: 0.5rem; }
  .lg-hover-mt-2:hover { margin-top: 0.5rem; }
  .lg-focus-mt-2:focus { margin-top: 0.5rem; }
  .lg-active-mt-2:active { margin-top: 0.5rem; }
  .lg-disabled-mt-2:disabled { margin-top: 0.5rem; }
  .lg-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  .lg-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  .lg-group:hover .lg-group-hover-mt-2 { margin-top: 0.5rem; }
  .lg-mt-3 { margin-top: 0.75rem; }
  .lg-hover-mt-3:hover { margin-top: 0.75rem; }
  .lg-focus-mt-3:focus { margin-top: 0.75rem; }
  .lg-active-mt-3:active { margin-top: 0.75rem; }
  .lg-disabled-mt-3:disabled { margin-top: 0.75rem; }
  .lg-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  .lg-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  .lg-group:hover .lg-group-hover-mt-3 { margin-top: 0.75rem; }
  .lg-mt-4 { margin-top: 1rem; }
  .lg-hover-mt-4:hover { margin-top: 1rem; }
  .lg-focus-mt-4:focus { margin-top: 1rem; }
  .lg-active-mt-4:active { margin-top: 1rem; }
  .lg-disabled-mt-4:disabled { margin-top: 1rem; }
  .lg-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  .lg-focus-within-mt-4:focus-within { margin-top: 1rem; }
  .lg-group:hover .lg-group-hover-mt-4 { margin-top: 1rem; }
  .lg-mt-5 { margin-top: 1.25rem; }
  .lg-hover-mt-5:hover { margin-top: 1.25rem; }
  .lg-focus-mt-5:focus { margin-top: 1.25rem; }
  .lg-active-mt-5:active { margin-top: 1.25rem; }
  .lg-disabled-mt-5:disabled { margin-top: 1.25rem; }
  .lg-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  .lg-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  .lg-group:hover .lg-group-hover-mt-5 { margin-top: 1.25rem; }
  .lg-mt-6 { margin-top: 1.5rem; }
  .lg-hover-mt-6:hover { margin-top: 1.5rem; }
  .lg-focus-mt-6:focus { margin-top: 1.5rem; }
  .lg-active-mt-6:active { margin-top: 1.5rem; }
  .lg-disabled-mt-6:disabled { margin-top: 1.5rem; }
  .lg-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  .lg-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  .lg-group:hover .lg-group-hover-mt-6 { margin-top: 1.5rem; }
  .lg-mt-8 { margin-top: 2rem; }
  .lg-hover-mt-8:hover { margin-top: 2rem; }
  .lg-focus-mt-8:focus { margin-top: 2rem; }
  .lg-active-mt-8:active { margin-top: 2rem; }
  .lg-disabled-mt-8:disabled { margin-top: 2rem; }
  .lg-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  .lg-focus-within-mt-8:focus-within { margin-top: 2rem; }
  .lg-group:hover .lg-group-hover-mt-8 { margin-top: 2rem; }
  .lg-mt-10 { margin-top: 2.5rem; }
  .lg-hover-mt-10:hover { margin-top: 2.5rem; }
  .lg-focus-mt-10:focus { margin-top: 2.5rem; }
  .lg-active-mt-10:active { margin-top: 2.5rem; }
  .lg-disabled-mt-10:disabled { margin-top: 2.5rem; }
  .lg-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  .lg-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  .lg-group:hover .lg-group-hover-mt-10 { margin-top: 2.5rem; }
  .lg-mt-12 { margin-top: 3rem; }
  .lg-hover-mt-12:hover { margin-top: 3rem; }
  .lg-focus-mt-12:focus { margin-top: 3rem; }
  .lg-active-mt-12:active { margin-top: 3rem; }
  .lg-disabled-mt-12:disabled { margin-top: 3rem; }
  .lg-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  .lg-focus-within-mt-12:focus-within { margin-top: 3rem; }
  .lg-group:hover .lg-group-hover-mt-12 { margin-top: 3rem; }
  .lg-mt-16 { margin-top: 4rem; }
  .lg-hover-mt-16:hover { margin-top: 4rem; }
  .lg-focus-mt-16:focus { margin-top: 4rem; }
  .lg-active-mt-16:active { margin-top: 4rem; }
  .lg-disabled-mt-16:disabled { margin-top: 4rem; }
  .lg-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  .lg-focus-within-mt-16:focus-within { margin-top: 4rem; }
  .lg-group:hover .lg-group-hover-mt-16 { margin-top: 4rem; }
  .lg-mt-20 { margin-top: 5rem; }
  .lg-hover-mt-20:hover { margin-top: 5rem; }
  .lg-focus-mt-20:focus { margin-top: 5rem; }
  .lg-active-mt-20:active { margin-top: 5rem; }
  .lg-disabled-mt-20:disabled { margin-top: 5rem; }
  .lg-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  .lg-focus-within-mt-20:focus-within { margin-top: 5rem; }
  .lg-group:hover .lg-group-hover-mt-20 { margin-top: 5rem; }
  .lg-mt-24 { margin-top: 6rem; }
  .lg-hover-mt-24:hover { margin-top: 6rem; }
  .lg-focus-mt-24:focus { margin-top: 6rem; }
  .lg-active-mt-24:active { margin-top: 6rem; }
  .lg-disabled-mt-24:disabled { margin-top: 6rem; }
  .lg-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  .lg-focus-within-mt-24:focus-within { margin-top: 6rem; }
  .lg-group:hover .lg-group-hover-mt-24 { margin-top: 6rem; }
  .lg-mt-28 { margin-top: 7rem; }
  .lg-hover-mt-28:hover { margin-top: 7rem; }
  .lg-focus-mt-28:focus { margin-top: 7rem; }
  .lg-active-mt-28:active { margin-top: 7rem; }
  .lg-disabled-mt-28:disabled { margin-top: 7rem; }
  .lg-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  .lg-focus-within-mt-28:focus-within { margin-top: 7rem; }
  .lg-group:hover .lg-group-hover-mt-28 { margin-top: 7rem; }
  .lg-mt-32 { margin-top: 8rem; }
  .lg-hover-mt-32:hover { margin-top: 8rem; }
  .lg-focus-mt-32:focus { margin-top: 8rem; }
  .lg-active-mt-32:active { margin-top: 8rem; }
  .lg-disabled-mt-32:disabled { margin-top: 8rem; }
  .lg-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  .lg-focus-within-mt-32:focus-within { margin-top: 8rem; }
  .lg-group:hover .lg-group-hover-mt-32 { margin-top: 8rem; }
  .lg-mb-auto { margin-bottom: auto; }
  .lg-hover-mb-auto:hover { margin-bottom: auto; }
  .lg-focus-mb-auto:focus { margin-bottom: auto; }
  .lg-active-mb-auto:active { margin-bottom: auto; }
  .lg-disabled-mb-auto:disabled { margin-bottom: auto; }
  .lg-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  .lg-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  .lg-group:hover .lg-group-hover-mb-auto { margin-bottom: auto; }
  .lg-mb-0 { margin-bottom: 0; }
  .lg-hover-mb-0:hover { margin-bottom: 0; }
  .lg-focus-mb-0:focus { margin-bottom: 0; }
  .lg-active-mb-0:active { margin-bottom: 0; }
  .lg-disabled-mb-0:disabled { margin-bottom: 0; }
  .lg-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  .lg-focus-within-mb-0:focus-within { margin-bottom: 0; }
  .lg-group:hover .lg-group-hover-mb-0 { margin-bottom: 0; }
  .lg-mb-1 { margin-bottom: 0.25rem; }
  .lg-hover-mb-1:hover { margin-bottom: 0.25rem; }
  .lg-focus-mb-1:focus { margin-bottom: 0.25rem; }
  .lg-active-mb-1:active { margin-bottom: 0.25rem; }
  .lg-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  .lg-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  .lg-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  .lg-group:hover .lg-group-hover-mb-1 { margin-bottom: 0.25rem; }
  .lg-mb-2 { margin-bottom: 0.5rem; }
  .lg-hover-mb-2:hover { margin-bottom: 0.5rem; }
  .lg-focus-mb-2:focus { margin-bottom: 0.5rem; }
  .lg-active-mb-2:active { margin-bottom: 0.5rem; }
  .lg-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  .lg-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  .lg-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  .lg-group:hover .lg-group-hover-mb-2 { margin-bottom: 0.5rem; }
  .lg-mb-3 { margin-bottom: 0.75rem; }
  .lg-hover-mb-3:hover { margin-bottom: 0.75rem; }
  .lg-focus-mb-3:focus { margin-bottom: 0.75rem; }
  .lg-active-mb-3:active { margin-bottom: 0.75rem; }
  .lg-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  .lg-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  .lg-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  .lg-group:hover .lg-group-hover-mb-3 { margin-bottom: 0.75rem; }
  .lg-mb-4 { margin-bottom: 1rem; }
  .lg-hover-mb-4:hover { margin-bottom: 1rem; }
  .lg-focus-mb-4:focus { margin-bottom: 1rem; }
  .lg-active-mb-4:active { margin-bottom: 1rem; }
  .lg-disabled-mb-4:disabled { margin-bottom: 1rem; }
  .lg-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  .lg-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  .lg-group:hover .lg-group-hover-mb-4 { margin-bottom: 1rem; }
  .lg-mb-5 { margin-bottom: 1.25rem; }
  .lg-hover-mb-5:hover { margin-bottom: 1.25rem; }
  .lg-focus-mb-5:focus { margin-bottom: 1.25rem; }
  .lg-active-mb-5:active { margin-bottom: 1.25rem; }
  .lg-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  .lg-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  .lg-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  .lg-group:hover .lg-group-hover-mb-5 { margin-bottom: 1.25rem; }
  .lg-mb-6 { margin-bottom: 1.5rem; }
  .lg-hover-mb-6:hover { margin-bottom: 1.5rem; }
  .lg-focus-mb-6:focus { margin-bottom: 1.5rem; }
  .lg-active-mb-6:active { margin-bottom: 1.5rem; }
  .lg-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  .lg-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  .lg-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  .lg-group:hover .lg-group-hover-mb-6 { margin-bottom: 1.5rem; }
  .lg-mb-8 { margin-bottom: 2rem; }
  .lg-hover-mb-8:hover { margin-bottom: 2rem; }
  .lg-focus-mb-8:focus { margin-bottom: 2rem; }
  .lg-active-mb-8:active { margin-bottom: 2rem; }
  .lg-disabled-mb-8:disabled { margin-bottom: 2rem; }
  .lg-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  .lg-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  .lg-group:hover .lg-group-hover-mb-8 { margin-bottom: 2rem; }
  .lg-mb-10 { margin-bottom: 2.5rem; }
  .lg-hover-mb-10:hover { margin-bottom: 2.5rem; }
  .lg-focus-mb-10:focus { margin-bottom: 2.5rem; }
  .lg-active-mb-10:active { margin-bottom: 2.5rem; }
  .lg-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  .lg-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  .lg-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  .lg-group:hover .lg-group-hover-mb-10 { margin-bottom: 2.5rem; }
  .lg-mb-12 { margin-bottom: 3rem; }
  .lg-hover-mb-12:hover { margin-bottom: 3rem; }
  .lg-focus-mb-12:focus { margin-bottom: 3rem; }
  .lg-active-mb-12:active { margin-bottom: 3rem; }
  .lg-disabled-mb-12:disabled { margin-bottom: 3rem; }
  .lg-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  .lg-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  .lg-group:hover .lg-group-hover-mb-12 { margin-bottom: 3rem; }
  .lg-mb-16 { margin-bottom: 4rem; }
  .lg-hover-mb-16:hover { margin-bottom: 4rem; }
  .lg-focus-mb-16:focus { margin-bottom: 4rem; }
  .lg-active-mb-16:active { margin-bottom: 4rem; }
  .lg-disabled-mb-16:disabled { margin-bottom: 4rem; }
  .lg-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  .lg-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  .lg-group:hover .lg-group-hover-mb-16 { margin-bottom: 4rem; }
  .lg-mb-20 { margin-bottom: 5rem; }
  .lg-hover-mb-20:hover { margin-bottom: 5rem; }
  .lg-focus-mb-20:focus { margin-bottom: 5rem; }
  .lg-active-mb-20:active { margin-bottom: 5rem; }
  .lg-disabled-mb-20:disabled { margin-bottom: 5rem; }
  .lg-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  .lg-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  .lg-group:hover .lg-group-hover-mb-20 { margin-bottom: 5rem; }
  .lg-mb-24 { margin-bottom: 6rem; }
  .lg-hover-mb-24:hover { margin-bottom: 6rem; }
  .lg-focus-mb-24:focus { margin-bottom: 6rem; }
  .lg-active-mb-24:active { margin-bottom: 6rem; }
  .lg-disabled-mb-24:disabled { margin-bottom: 6rem; }
  .lg-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  .lg-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  .lg-group:hover .lg-group-hover-mb-24 { margin-bottom: 6rem; }
  .lg-mb-28 { margin-bottom: 7rem; }
  .lg-hover-mb-28:hover { margin-bottom: 7rem; }
  .lg-focus-mb-28:focus { margin-bottom: 7rem; }
  .lg-active-mb-28:active { margin-bottom: 7rem; }
  .lg-disabled-mb-28:disabled { margin-bottom: 7rem; }
  .lg-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  .lg-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  .lg-group:hover .lg-group-hover-mb-28 { margin-bottom: 7rem; }
  .lg-mb-32 { margin-bottom: 8rem; }
  .lg-hover-mb-32:hover { margin-bottom: 8rem; }
  .lg-focus-mb-32:focus { margin-bottom: 8rem; }
  .lg-active-mb-32:active { margin-bottom: 8rem; }
  .lg-disabled-mb-32:disabled { margin-bottom: 8rem; }
  .lg-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  .lg-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  .lg-group:hover .lg-group-hover-mb-32 { margin-bottom: 8rem; }
  .lg-ml-auto { margin-left: auto; }
  .lg-hover-ml-auto:hover { margin-left: auto; }
  .lg-focus-ml-auto:focus { margin-left: auto; }
  .lg-active-ml-auto:active { margin-left: auto; }
  .lg-disabled-ml-auto:disabled { margin-left: auto; }
  .lg-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  .lg-focus-within-ml-auto:focus-within { margin-left: auto; }
  .lg-group:hover .lg-group-hover-ml-auto { margin-left: auto; }
  .lg-ml-0 { margin-left: 0; }
  .lg-hover-ml-0:hover { margin-left: 0; }
  .lg-focus-ml-0:focus { margin-left: 0; }
  .lg-active-ml-0:active { margin-left: 0; }
  .lg-disabled-ml-0:disabled { margin-left: 0; }
  .lg-focus-visible-ml-0:focus-visible { margin-left: 0; }
  .lg-focus-within-ml-0:focus-within { margin-left: 0; }
  .lg-group:hover .lg-group-hover-ml-0 { margin-left: 0; }
  .lg-ml-1 { margin-left: 0.25rem; }
  .lg-hover-ml-1:hover { margin-left: 0.25rem; }
  .lg-focus-ml-1:focus { margin-left: 0.25rem; }
  .lg-active-ml-1:active { margin-left: 0.25rem; }
  .lg-disabled-ml-1:disabled { margin-left: 0.25rem; }
  .lg-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  .lg-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  .lg-group:hover .lg-group-hover-ml-1 { margin-left: 0.25rem; }
  .lg-ml-2 { margin-left: 0.5rem; }
  .lg-hover-ml-2:hover { margin-left: 0.5rem; }
  .lg-focus-ml-2:focus { margin-left: 0.5rem; }
  .lg-active-ml-2:active { margin-left: 0.5rem; }
  .lg-disabled-ml-2:disabled { margin-left: 0.5rem; }
  .lg-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  .lg-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  .lg-group:hover .lg-group-hover-ml-2 { margin-left: 0.5rem; }
  .lg-ml-3 { margin-left: 0.75rem; }
  .lg-hover-ml-3:hover { margin-left: 0.75rem; }
  .lg-focus-ml-3:focus { margin-left: 0.75rem; }
  .lg-active-ml-3:active { margin-left: 0.75rem; }
  .lg-disabled-ml-3:disabled { margin-left: 0.75rem; }
  .lg-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  .lg-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  .lg-group:hover .lg-group-hover-ml-3 { margin-left: 0.75rem; }
  .lg-ml-4 { margin-left: 1rem; }
  .lg-hover-ml-4:hover { margin-left: 1rem; }
  .lg-focus-ml-4:focus { margin-left: 1rem; }
  .lg-active-ml-4:active { margin-left: 1rem; }
  .lg-disabled-ml-4:disabled { margin-left: 1rem; }
  .lg-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  .lg-focus-within-ml-4:focus-within { margin-left: 1rem; }
  .lg-group:hover .lg-group-hover-ml-4 { margin-left: 1rem; }
  .lg-ml-5 { margin-left: 1.25rem; }
  .lg-hover-ml-5:hover { margin-left: 1.25rem; }
  .lg-focus-ml-5:focus { margin-left: 1.25rem; }
  .lg-active-ml-5:active { margin-left: 1.25rem; }
  .lg-disabled-ml-5:disabled { margin-left: 1.25rem; }
  .lg-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  .lg-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  .lg-group:hover .lg-group-hover-ml-5 { margin-left: 1.25rem; }
  .lg-ml-6 { margin-left: 1.5rem; }
  .lg-hover-ml-6:hover { margin-left: 1.5rem; }
  .lg-focus-ml-6:focus { margin-left: 1.5rem; }
  .lg-active-ml-6:active { margin-left: 1.5rem; }
  .lg-disabled-ml-6:disabled { margin-left: 1.5rem; }
  .lg-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  .lg-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  .lg-group:hover .lg-group-hover-ml-6 { margin-left: 1.5rem; }
  .lg-ml-8 { margin-left: 2rem; }
  .lg-hover-ml-8:hover { margin-left: 2rem; }
  .lg-focus-ml-8:focus { margin-left: 2rem; }
  .lg-active-ml-8:active { margin-left: 2rem; }
  .lg-disabled-ml-8:disabled { margin-left: 2rem; }
  .lg-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  .lg-focus-within-ml-8:focus-within { margin-left: 2rem; }
  .lg-group:hover .lg-group-hover-ml-8 { margin-left: 2rem; }
  .lg-ml-10 { margin-left: 2.5rem; }
  .lg-hover-ml-10:hover { margin-left: 2.5rem; }
  .lg-focus-ml-10:focus { margin-left: 2.5rem; }
  .lg-active-ml-10:active { margin-left: 2.5rem; }
  .lg-disabled-ml-10:disabled { margin-left: 2.5rem; }
  .lg-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  .lg-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  .lg-group:hover .lg-group-hover-ml-10 { margin-left: 2.5rem; }
  .lg-ml-12 { margin-left: 3rem; }
  .lg-hover-ml-12:hover { margin-left: 3rem; }
  .lg-focus-ml-12:focus { margin-left: 3rem; }
  .lg-active-ml-12:active { margin-left: 3rem; }
  .lg-disabled-ml-12:disabled { margin-left: 3rem; }
  .lg-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  .lg-focus-within-ml-12:focus-within { margin-left: 3rem; }
  .lg-group:hover .lg-group-hover-ml-12 { margin-left: 3rem; }
  .lg-ml-16 { margin-left: 4rem; }
  .lg-hover-ml-16:hover { margin-left: 4rem; }
  .lg-focus-ml-16:focus { margin-left: 4rem; }
  .lg-active-ml-16:active { margin-left: 4rem; }
  .lg-disabled-ml-16:disabled { margin-left: 4rem; }
  .lg-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  .lg-focus-within-ml-16:focus-within { margin-left: 4rem; }
  .lg-group:hover .lg-group-hover-ml-16 { margin-left: 4rem; }
  .lg-ml-20 { margin-left: 5rem; }
  .lg-hover-ml-20:hover { margin-left: 5rem; }
  .lg-focus-ml-20:focus { margin-left: 5rem; }
  .lg-active-ml-20:active { margin-left: 5rem; }
  .lg-disabled-ml-20:disabled { margin-left: 5rem; }
  .lg-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  .lg-focus-within-ml-20:focus-within { margin-left: 5rem; }
  .lg-group:hover .lg-group-hover-ml-20 { margin-left: 5rem; }
  .lg-ml-24 { margin-left: 6rem; }
  .lg-hover-ml-24:hover { margin-left: 6rem; }
  .lg-focus-ml-24:focus { margin-left: 6rem; }
  .lg-active-ml-24:active { margin-left: 6rem; }
  .lg-disabled-ml-24:disabled { margin-left: 6rem; }
  .lg-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  .lg-focus-within-ml-24:focus-within { margin-left: 6rem; }
  .lg-group:hover .lg-group-hover-ml-24 { margin-left: 6rem; }
  .lg-ml-28 { margin-left: 7rem; }
  .lg-hover-ml-28:hover { margin-left: 7rem; }
  .lg-focus-ml-28:focus { margin-left: 7rem; }
  .lg-active-ml-28:active { margin-left: 7rem; }
  .lg-disabled-ml-28:disabled { margin-left: 7rem; }
  .lg-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  .lg-focus-within-ml-28:focus-within { margin-left: 7rem; }
  .lg-group:hover .lg-group-hover-ml-28 { margin-left: 7rem; }
  .lg-ml-32 { margin-left: 8rem; }
  .lg-hover-ml-32:hover { margin-left: 8rem; }
  .lg-focus-ml-32:focus { margin-left: 8rem; }
  .lg-active-ml-32:active { margin-left: 8rem; }
  .lg-disabled-ml-32:disabled { margin-left: 8rem; }
  .lg-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  .lg-focus-within-ml-32:focus-within { margin-left: 8rem; }
  .lg-group:hover .lg-group-hover-ml-32 { margin-left: 8rem; }
  .lg-mr-auto { margin-right: auto; }
  .lg-hover-mr-auto:hover { margin-right: auto; }
  .lg-focus-mr-auto:focus { margin-right: auto; }
  .lg-active-mr-auto:active { margin-right: auto; }
  .lg-disabled-mr-auto:disabled { margin-right: auto; }
  .lg-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  .lg-focus-within-mr-auto:focus-within { margin-right: auto; }
  .lg-group:hover .lg-group-hover-mr-auto { margin-right: auto; }
  .lg-mr-0 { margin-right: 0; }
  .lg-hover-mr-0:hover { margin-right: 0; }
  .lg-focus-mr-0:focus { margin-right: 0; }
  .lg-active-mr-0:active { margin-right: 0; }
  .lg-disabled-mr-0:disabled { margin-right: 0; }
  .lg-focus-visible-mr-0:focus-visible { margin-right: 0; }
  .lg-focus-within-mr-0:focus-within { margin-right: 0; }
  .lg-group:hover .lg-group-hover-mr-0 { margin-right: 0; }
  .lg-mr-1 { margin-right: 0.25rem; }
  .lg-hover-mr-1:hover { margin-right: 0.25rem; }
  .lg-focus-mr-1:focus { margin-right: 0.25rem; }
  .lg-active-mr-1:active { margin-right: 0.25rem; }
  .lg-disabled-mr-1:disabled { margin-right: 0.25rem; }
  .lg-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  .lg-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  .lg-group:hover .lg-group-hover-mr-1 { margin-right: 0.25rem; }
  .lg-mr-2 { margin-right: 0.5rem; }
  .lg-hover-mr-2:hover { margin-right: 0.5rem; }
  .lg-focus-mr-2:focus { margin-right: 0.5rem; }
  .lg-active-mr-2:active { margin-right: 0.5rem; }
  .lg-disabled-mr-2:disabled { margin-right: 0.5rem; }
  .lg-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  .lg-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  .lg-group:hover .lg-group-hover-mr-2 { margin-right: 0.5rem; }
  .lg-mr-3 { margin-right: 0.75rem; }
  .lg-hover-mr-3:hover { margin-right: 0.75rem; }
  .lg-focus-mr-3:focus { margin-right: 0.75rem; }
  .lg-active-mr-3:active { margin-right: 0.75rem; }
  .lg-disabled-mr-3:disabled { margin-right: 0.75rem; }
  .lg-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  .lg-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  .lg-group:hover .lg-group-hover-mr-3 { margin-right: 0.75rem; }
  .lg-mr-4 { margin-right: 1rem; }
  .lg-hover-mr-4:hover { margin-right: 1rem; }
  .lg-focus-mr-4:focus { margin-right: 1rem; }
  .lg-active-mr-4:active { margin-right: 1rem; }
  .lg-disabled-mr-4:disabled { margin-right: 1rem; }
  .lg-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  .lg-focus-within-mr-4:focus-within { margin-right: 1rem; }
  .lg-group:hover .lg-group-hover-mr-4 { margin-right: 1rem; }
  .lg-mr-5 { margin-right: 1.25rem; }
  .lg-hover-mr-5:hover { margin-right: 1.25rem; }
  .lg-focus-mr-5:focus { margin-right: 1.25rem; }
  .lg-active-mr-5:active { margin-right: 1.25rem; }
  .lg-disabled-mr-5:disabled { margin-right: 1.25rem; }
  .lg-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  .lg-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  .lg-group:hover .lg-group-hover-mr-5 { margin-right: 1.25rem; }
  .lg-mr-6 { margin-right: 1.5rem; }
  .lg-hover-mr-6:hover { margin-right: 1.5rem; }
  .lg-focus-mr-6:focus { margin-right: 1.5rem; }
  .lg-active-mr-6:active { margin-right: 1.5rem; }
  .lg-disabled-mr-6:disabled { margin-right: 1.5rem; }
  .lg-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  .lg-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  .lg-group:hover .lg-group-hover-mr-6 { margin-right: 1.5rem; }
  .lg-mr-8 { margin-right: 2rem; }
  .lg-hover-mr-8:hover { margin-right: 2rem; }
  .lg-focus-mr-8:focus { margin-right: 2rem; }
  .lg-active-mr-8:active { margin-right: 2rem; }
  .lg-disabled-mr-8:disabled { margin-right: 2rem; }
  .lg-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  .lg-focus-within-mr-8:focus-within { margin-right: 2rem; }
  .lg-group:hover .lg-group-hover-mr-8 { margin-right: 2rem; }
  .lg-mr-10 { margin-right: 2.5rem; }
  .lg-hover-mr-10:hover { margin-right: 2.5rem; }
  .lg-focus-mr-10:focus { margin-right: 2.5rem; }
  .lg-active-mr-10:active { margin-right: 2.5rem; }
  .lg-disabled-mr-10:disabled { margin-right: 2.5rem; }
  .lg-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  .lg-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  .lg-group:hover .lg-group-hover-mr-10 { margin-right: 2.5rem; }
  .lg-mr-12 { margin-right: 3rem; }
  .lg-hover-mr-12:hover { margin-right: 3rem; }
  .lg-focus-mr-12:focus { margin-right: 3rem; }
  .lg-active-mr-12:active { margin-right: 3rem; }
  .lg-disabled-mr-12:disabled { margin-right: 3rem; }
  .lg-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  .lg-focus-within-mr-12:focus-within { margin-right: 3rem; }
  .lg-group:hover .lg-group-hover-mr-12 { margin-right: 3rem; }
  .lg-mr-16 { margin-right: 4rem; }
  .lg-hover-mr-16:hover { margin-right: 4rem; }
  .lg-focus-mr-16:focus { margin-right: 4rem; }
  .lg-active-mr-16:active { margin-right: 4rem; }
  .lg-disabled-mr-16:disabled { margin-right: 4rem; }
  .lg-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  .lg-focus-within-mr-16:focus-within { margin-right: 4rem; }
  .lg-group:hover .lg-group-hover-mr-16 { margin-right: 4rem; }
  .lg-mr-20 { margin-right: 5rem; }
  .lg-hover-mr-20:hover { margin-right: 5rem; }
  .lg-focus-mr-20:focus { margin-right: 5rem; }
  .lg-active-mr-20:active { margin-right: 5rem; }
  .lg-disabled-mr-20:disabled { margin-right: 5rem; }
  .lg-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  .lg-focus-within-mr-20:focus-within { margin-right: 5rem; }
  .lg-group:hover .lg-group-hover-mr-20 { margin-right: 5rem; }
  .lg-mr-24 { margin-right: 6rem; }
  .lg-hover-mr-24:hover { margin-right: 6rem; }
  .lg-focus-mr-24:focus { margin-right: 6rem; }
  .lg-active-mr-24:active { margin-right: 6rem; }
  .lg-disabled-mr-24:disabled { margin-right: 6rem; }
  .lg-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  .lg-focus-within-mr-24:focus-within { margin-right: 6rem; }
  .lg-group:hover .lg-group-hover-mr-24 { margin-right: 6rem; }
  .lg-mr-28 { margin-right: 7rem; }
  .lg-hover-mr-28:hover { margin-right: 7rem; }
  .lg-focus-mr-28:focus { margin-right: 7rem; }
  .lg-active-mr-28:active { margin-right: 7rem; }
  .lg-disabled-mr-28:disabled { margin-right: 7rem; }
  .lg-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  .lg-focus-within-mr-28:focus-within { margin-right: 7rem; }
  .lg-group:hover .lg-group-hover-mr-28 { margin-right: 7rem; }
  .lg-mr-32 { margin-right: 8rem; }
  .lg-hover-mr-32:hover { margin-right: 8rem; }
  .lg-focus-mr-32:focus { margin-right: 8rem; }
  .lg-active-mr-32:active { margin-right: 8rem; }
  .lg-disabled-mr-32:disabled { margin-right: 8rem; }
  .lg-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  .lg-focus-within-mr-32:focus-within { margin-right: 8rem; }
  .lg-group:hover .lg-group-hover-mr-32 { margin-right: 8rem; }
  .lg-mx-auto { margin-left: auto; margin-right: auto; }
  .lg-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  .lg-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  .lg-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  .lg-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  .lg-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  .lg-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  .lg-group:hover .lg-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  .lg-mx-0 { margin-left: 0; margin-right: 0; }
  .lg-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  .lg-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  .lg-active-mx-0:active { margin-left: 0; margin-right: 0; }
  .lg-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  .lg-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  .lg-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  .lg-group:hover .lg-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  .lg-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-group:hover .lg-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .lg-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-group:hover .lg-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-group:hover .lg-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .lg-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  .lg-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  .lg-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  .lg-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  .lg-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  .lg-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  .lg-group:hover .lg-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .lg-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-group:hover .lg-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-group:hover .lg-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .lg-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  .lg-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  .lg-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  .lg-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  .lg-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  .lg-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  .lg-group:hover .lg-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .lg-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-group:hover .lg-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .lg-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .lg-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  .lg-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  .lg-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  .lg-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  .lg-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  .lg-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  .lg-group:hover .lg-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .lg-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .lg-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  .lg-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  .lg-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  .lg-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  .lg-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  .lg-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  .lg-group:hover .lg-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .lg-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .lg-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  .lg-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  .lg-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  .lg-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  .lg-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  .lg-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  .lg-group:hover .lg-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .lg-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .lg-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  .lg-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  .lg-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  .lg-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  .lg-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  .lg-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  .lg-group:hover .lg-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .lg-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .lg-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  .lg-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  .lg-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  .lg-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  .lg-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  .lg-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  .lg-group:hover .lg-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .lg-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .lg-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  .lg-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  .lg-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  .lg-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  .lg-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  .lg-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  .lg-group:hover .lg-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .lg-my-auto { margin-top: auto; margin-bottom: auto; }
  .lg-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  .lg-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  .lg-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  .lg-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  .lg-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  .lg-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  .lg-group:hover .lg-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  .lg-my-0 { margin-top: 0; margin-bottom: 0; }
  .lg-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  .lg-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  .lg-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  .lg-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  .lg-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  .lg-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  .lg-group:hover .lg-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  .lg-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-group:hover .lg-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .lg-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-group:hover .lg-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .lg-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-group:hover .lg-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-group:hover .lg-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .lg-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-group:hover .lg-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-group:hover .lg-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-group:hover .lg-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .lg-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-group:hover .lg-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-group:hover .lg-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .lg-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-group:hover .lg-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .lg-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-group:hover .lg-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .lg-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-group:hover .lg-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .lg-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-group:hover .lg-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .lg-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-group:hover .lg-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .lg-space-x-auto { --space-x: auto; }
  .lg-hover-space-x-auto:hover { --space-x: auto; }
  .lg-focus-space-x-auto:focus { --space-x: auto; }
  .lg-active-space-x-auto:active { --space-x: auto; }
  .lg-disabled-space-x-auto:disabled { --space-x: auto; }
  .lg-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  .lg-focus-within-space-x-auto:focus-within { --space-x: auto; }
  .lg-group:hover .lg-group-hover-space-x-auto { --space-x: auto; }
  .lg-space-x-0 { --space-x: 0; }
  .lg-hover-space-x-0:hover { --space-x: 0; }
  .lg-focus-space-x-0:focus { --space-x: 0; }
  .lg-active-space-x-0:active { --space-x: 0; }
  .lg-disabled-space-x-0:disabled { --space-x: 0; }
  .lg-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  .lg-focus-within-space-x-0:focus-within { --space-x: 0; }
  .lg-group:hover .lg-group-hover-space-x-0 { --space-x: 0; }
  .lg-space-x-1 { --space-x: 0.25rem; }
  .lg-hover-space-x-1:hover { --space-x: 0.25rem; }
  .lg-focus-space-x-1:focus { --space-x: 0.25rem; }
  .lg-active-space-x-1:active { --space-x: 0.25rem; }
  .lg-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  .lg-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  .lg-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  .lg-group:hover .lg-group-hover-space-x-1 { --space-x: 0.25rem; }
  .lg-space-x-2 { --space-x: 0.5rem; }
  .lg-hover-space-x-2:hover { --space-x: 0.5rem; }
  .lg-focus-space-x-2:focus { --space-x: 0.5rem; }
  .lg-active-space-x-2:active { --space-x: 0.5rem; }
  .lg-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  .lg-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  .lg-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  .lg-group:hover .lg-group-hover-space-x-2 { --space-x: 0.5rem; }
  .lg-space-x-3 { --space-x: 0.75rem; }
  .lg-hover-space-x-3:hover { --space-x: 0.75rem; }
  .lg-focus-space-x-3:focus { --space-x: 0.75rem; }
  .lg-active-space-x-3:active { --space-x: 0.75rem; }
  .lg-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  .lg-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  .lg-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  .lg-group:hover .lg-group-hover-space-x-3 { --space-x: 0.75rem; }
  .lg-space-x-4 { --space-x: 1rem; }
  .lg-hover-space-x-4:hover { --space-x: 1rem; }
  .lg-focus-space-x-4:focus { --space-x: 1rem; }
  .lg-active-space-x-4:active { --space-x: 1rem; }
  .lg-disabled-space-x-4:disabled { --space-x: 1rem; }
  .lg-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  .lg-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  .lg-group:hover .lg-group-hover-space-x-4 { --space-x: 1rem; }
  .lg-space-x-5 { --space-x: 1.25rem; }
  .lg-hover-space-x-5:hover { --space-x: 1.25rem; }
  .lg-focus-space-x-5:focus { --space-x: 1.25rem; }
  .lg-active-space-x-5:active { --space-x: 1.25rem; }
  .lg-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  .lg-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  .lg-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  .lg-group:hover .lg-group-hover-space-x-5 { --space-x: 1.25rem; }
  .lg-space-x-6 { --space-x: 1.5rem; }
  .lg-hover-space-x-6:hover { --space-x: 1.5rem; }
  .lg-focus-space-x-6:focus { --space-x: 1.5rem; }
  .lg-active-space-x-6:active { --space-x: 1.5rem; }
  .lg-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  .lg-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  .lg-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  .lg-group:hover .lg-group-hover-space-x-6 { --space-x: 1.5rem; }
  .lg-space-x-8 { --space-x: 2rem; }
  .lg-hover-space-x-8:hover { --space-x: 2rem; }
  .lg-focus-space-x-8:focus { --space-x: 2rem; }
  .lg-active-space-x-8:active { --space-x: 2rem; }
  .lg-disabled-space-x-8:disabled { --space-x: 2rem; }
  .lg-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  .lg-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  .lg-group:hover .lg-group-hover-space-x-8 { --space-x: 2rem; }
  .lg-space-x-10 { --space-x: 2.5rem; }
  .lg-hover-space-x-10:hover { --space-x: 2.5rem; }
  .lg-focus-space-x-10:focus { --space-x: 2.5rem; }
  .lg-active-space-x-10:active { --space-x: 2.5rem; }
  .lg-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  .lg-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  .lg-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  .lg-group:hover .lg-group-hover-space-x-10 { --space-x: 2.5rem; }
  .lg-space-x-12 { --space-x: 3rem; }
  .lg-hover-space-x-12:hover { --space-x: 3rem; }
  .lg-focus-space-x-12:focus { --space-x: 3rem; }
  .lg-active-space-x-12:active { --space-x: 3rem; }
  .lg-disabled-space-x-12:disabled { --space-x: 3rem; }
  .lg-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  .lg-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  .lg-group:hover .lg-group-hover-space-x-12 { --space-x: 3rem; }
  .lg-space-x-16 { --space-x: 4rem; }
  .lg-hover-space-x-16:hover { --space-x: 4rem; }
  .lg-focus-space-x-16:focus { --space-x: 4rem; }
  .lg-active-space-x-16:active { --space-x: 4rem; }
  .lg-disabled-space-x-16:disabled { --space-x: 4rem; }
  .lg-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  .lg-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  .lg-group:hover .lg-group-hover-space-x-16 { --space-x: 4rem; }
  .lg-space-x-20 { --space-x: 5rem; }
  .lg-hover-space-x-20:hover { --space-x: 5rem; }
  .lg-focus-space-x-20:focus { --space-x: 5rem; }
  .lg-active-space-x-20:active { --space-x: 5rem; }
  .lg-disabled-space-x-20:disabled { --space-x: 5rem; }
  .lg-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  .lg-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  .lg-group:hover .lg-group-hover-space-x-20 { --space-x: 5rem; }
  .lg-space-x-24 { --space-x: 6rem; }
  .lg-hover-space-x-24:hover { --space-x: 6rem; }
  .lg-focus-space-x-24:focus { --space-x: 6rem; }
  .lg-active-space-x-24:active { --space-x: 6rem; }
  .lg-disabled-space-x-24:disabled { --space-x: 6rem; }
  .lg-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  .lg-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  .lg-group:hover .lg-group-hover-space-x-24 { --space-x: 6rem; }
  .lg-space-x-28 { --space-x: 7rem; }
  .lg-hover-space-x-28:hover { --space-x: 7rem; }
  .lg-focus-space-x-28:focus { --space-x: 7rem; }
  .lg-active-space-x-28:active { --space-x: 7rem; }
  .lg-disabled-space-x-28:disabled { --space-x: 7rem; }
  .lg-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  .lg-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  .lg-group:hover .lg-group-hover-space-x-28 { --space-x: 7rem; }
  .lg-space-x-32 { --space-x: 8rem; }
  .lg-hover-space-x-32:hover { --space-x: 8rem; }
  .lg-focus-space-x-32:focus { --space-x: 8rem; }
  .lg-active-space-x-32:active { --space-x: 8rem; }
  .lg-disabled-space-x-32:disabled { --space-x: 8rem; }
  .lg-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  .lg-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  .lg-group:hover .lg-group-hover-space-x-32 { --space-x: 8rem; }
  .lg-space-y-auto { --space-y: auto; }
  .lg-hover-space-y-auto:hover { --space-y: auto; }
  .lg-focus-space-y-auto:focus { --space-y: auto; }
  .lg-active-space-y-auto:active { --space-y: auto; }
  .lg-disabled-space-y-auto:disabled { --space-y: auto; }
  .lg-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  .lg-focus-within-space-y-auto:focus-within { --space-y: auto; }
  .lg-group:hover .lg-group-hover-space-y-auto { --space-y: auto; }
  .lg-space-y-0 { --space-y: 0; }
  .lg-hover-space-y-0:hover { --space-y: 0; }
  .lg-focus-space-y-0:focus { --space-y: 0; }
  .lg-active-space-y-0:active { --space-y: 0; }
  .lg-disabled-space-y-0:disabled { --space-y: 0; }
  .lg-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  .lg-focus-within-space-y-0:focus-within { --space-y: 0; }
  .lg-group:hover .lg-group-hover-space-y-0 { --space-y: 0; }
  .lg-space-y-1 { --space-y: 0.25rem; }
  .lg-hover-space-y-1:hover { --space-y: 0.25rem; }
  .lg-focus-space-y-1:focus { --space-y: 0.25rem; }
  .lg-active-space-y-1:active { --space-y: 0.25rem; }
  .lg-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  .lg-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  .lg-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  .lg-group:hover .lg-group-hover-space-y-1 { --space-y: 0.25rem; }
  .lg-space-y-2 { --space-y: 0.5rem; }
  .lg-hover-space-y-2:hover { --space-y: 0.5rem; }
  .lg-focus-space-y-2:focus { --space-y: 0.5rem; }
  .lg-active-space-y-2:active { --space-y: 0.5rem; }
  .lg-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  .lg-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  .lg-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  .lg-group:hover .lg-group-hover-space-y-2 { --space-y: 0.5rem; }
  .lg-space-y-3 { --space-y: 0.75rem; }
  .lg-hover-space-y-3:hover { --space-y: 0.75rem; }
  .lg-focus-space-y-3:focus { --space-y: 0.75rem; }
  .lg-active-space-y-3:active { --space-y: 0.75rem; }
  .lg-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  .lg-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  .lg-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  .lg-group:hover .lg-group-hover-space-y-3 { --space-y: 0.75rem; }
  .lg-space-y-4 { --space-y: 1rem; }
  .lg-hover-space-y-4:hover { --space-y: 1rem; }
  .lg-focus-space-y-4:focus { --space-y: 1rem; }
  .lg-active-space-y-4:active { --space-y: 1rem; }
  .lg-disabled-space-y-4:disabled { --space-y: 1rem; }
  .lg-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  .lg-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  .lg-group:hover .lg-group-hover-space-y-4 { --space-y: 1rem; }
  .lg-space-y-5 { --space-y: 1.25rem; }
  .lg-hover-space-y-5:hover { --space-y: 1.25rem; }
  .lg-focus-space-y-5:focus { --space-y: 1.25rem; }
  .lg-active-space-y-5:active { --space-y: 1.25rem; }
  .lg-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  .lg-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  .lg-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  .lg-group:hover .lg-group-hover-space-y-5 { --space-y: 1.25rem; }
  .lg-space-y-6 { --space-y: 1.5rem; }
  .lg-hover-space-y-6:hover { --space-y: 1.5rem; }
  .lg-focus-space-y-6:focus { --space-y: 1.5rem; }
  .lg-active-space-y-6:active { --space-y: 1.5rem; }
  .lg-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  .lg-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  .lg-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  .lg-group:hover .lg-group-hover-space-y-6 { --space-y: 1.5rem; }
  .lg-space-y-8 { --space-y: 2rem; }
  .lg-hover-space-y-8:hover { --space-y: 2rem; }
  .lg-focus-space-y-8:focus { --space-y: 2rem; }
  .lg-active-space-y-8:active { --space-y: 2rem; }
  .lg-disabled-space-y-8:disabled { --space-y: 2rem; }
  .lg-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  .lg-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  .lg-group:hover .lg-group-hover-space-y-8 { --space-y: 2rem; }
  .lg-space-y-10 { --space-y: 2.5rem; }
  .lg-hover-space-y-10:hover { --space-y: 2.5rem; }
  .lg-focus-space-y-10:focus { --space-y: 2.5rem; }
  .lg-active-space-y-10:active { --space-y: 2.5rem; }
  .lg-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  .lg-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  .lg-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  .lg-group:hover .lg-group-hover-space-y-10 { --space-y: 2.5rem; }
  .lg-space-y-12 { --space-y: 3rem; }
  .lg-hover-space-y-12:hover { --space-y: 3rem; }
  .lg-focus-space-y-12:focus { --space-y: 3rem; }
  .lg-active-space-y-12:active { --space-y: 3rem; }
  .lg-disabled-space-y-12:disabled { --space-y: 3rem; }
  .lg-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  .lg-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  .lg-group:hover .lg-group-hover-space-y-12 { --space-y: 3rem; }
  .lg-space-y-16 { --space-y: 4rem; }
  .lg-hover-space-y-16:hover { --space-y: 4rem; }
  .lg-focus-space-y-16:focus { --space-y: 4rem; }
  .lg-active-space-y-16:active { --space-y: 4rem; }
  .lg-disabled-space-y-16:disabled { --space-y: 4rem; }
  .lg-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  .lg-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  .lg-group:hover .lg-group-hover-space-y-16 { --space-y: 4rem; }
  .lg-space-y-20 { --space-y: 5rem; }
  .lg-hover-space-y-20:hover { --space-y: 5rem; }
  .lg-focus-space-y-20:focus { --space-y: 5rem; }
  .lg-active-space-y-20:active { --space-y: 5rem; }
  .lg-disabled-space-y-20:disabled { --space-y: 5rem; }
  .lg-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  .lg-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  .lg-group:hover .lg-group-hover-space-y-20 { --space-y: 5rem; }
  .lg-space-y-24 { --space-y: 6rem; }
  .lg-hover-space-y-24:hover { --space-y: 6rem; }
  .lg-focus-space-y-24:focus { --space-y: 6rem; }
  .lg-active-space-y-24:active { --space-y: 6rem; }
  .lg-disabled-space-y-24:disabled { --space-y: 6rem; }
  .lg-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  .lg-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  .lg-group:hover .lg-group-hover-space-y-24 { --space-y: 6rem; }
  .lg-space-y-28 { --space-y: 7rem; }
  .lg-hover-space-y-28:hover { --space-y: 7rem; }
  .lg-focus-space-y-28:focus { --space-y: 7rem; }
  .lg-active-space-y-28:active { --space-y: 7rem; }
  .lg-disabled-space-y-28:disabled { --space-y: 7rem; }
  .lg-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  .lg-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  .lg-group:hover .lg-group-hover-space-y-28 { --space-y: 7rem; }
  .lg-space-y-32 { --space-y: 8rem; }
  .lg-hover-space-y-32:hover { --space-y: 8rem; }
  .lg-focus-space-y-32:focus { --space-y: 8rem; }
  .lg-active-space-y-32:active { --space-y: 8rem; }
  .lg-disabled-space-y-32:disabled { --space-y: 8rem; }
  .lg-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  .lg-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  .lg-group:hover .lg-group-hover-space-y-32 { --space-y: 8rem; }
  .lg-d-block { display: block; }
  .lg-hover-d-block:hover { display: block; }
  .lg-focus-d-block:focus { display: block; }
  .lg-active-d-block:active { display: block; }
  .lg-disabled-d-block:disabled { display: block; }
  .lg-focus-visible-d-block:focus-visible { display: block; }
  .lg-focus-within-d-block:focus-within { display: block; }
  .lg-group:hover .lg-group-hover-d-block { display: block; }
  .lg-d-inline { display: inline; }
  .lg-hover-d-inline:hover { display: inline; }
  .lg-focus-d-inline:focus { display: inline; }
  .lg-active-d-inline:active { display: inline; }
  .lg-disabled-d-inline:disabled { display: inline; }
  .lg-focus-visible-d-inline:focus-visible { display: inline; }
  .lg-focus-within-d-inline:focus-within { display: inline; }
  .lg-group:hover .lg-group-hover-d-inline { display: inline; }
  .lg-d-inline-block { display: inline-block; }
  .lg-hover-d-inline-block:hover { display: inline-block; }
  .lg-focus-d-inline-block:focus { display: inline-block; }
  .lg-active-d-inline-block:active { display: inline-block; }
  .lg-disabled-d-inline-block:disabled { display: inline-block; }
  .lg-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  .lg-focus-within-d-inline-block:focus-within { display: inline-block; }
  .lg-group:hover .lg-group-hover-d-inline-block { display: inline-block; }
  .lg-d-flex { display: flex; }
  .lg-hover-d-flex:hover { display: flex; }
  .lg-focus-d-flex:focus { display: flex; }
  .lg-active-d-flex:active { display: flex; }
  .lg-disabled-d-flex:disabled { display: flex; }
  .lg-focus-visible-d-flex:focus-visible { display: flex; }
  .lg-focus-within-d-flex:focus-within { display: flex; }
  .lg-group:hover .lg-group-hover-d-flex { display: flex; }
  .lg-d-inline-flex { display: inline-flex; }
  .lg-hover-d-inline-flex:hover { display: inline-flex; }
  .lg-focus-d-inline-flex:focus { display: inline-flex; }
  .lg-active-d-inline-flex:active { display: inline-flex; }
  .lg-disabled-d-inline-flex:disabled { display: inline-flex; }
  .lg-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  .lg-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  .lg-group:hover .lg-group-hover-d-inline-flex { display: inline-flex; }
  .lg-d-grid { display: grid; }
  .lg-hover-d-grid:hover { display: grid; }
  .lg-focus-d-grid:focus { display: grid; }
  .lg-active-d-grid:active { display: grid; }
  .lg-disabled-d-grid:disabled { display: grid; }
  .lg-focus-visible-d-grid:focus-visible { display: grid; }
  .lg-focus-within-d-grid:focus-within { display: grid; }
  .lg-group:hover .lg-group-hover-d-grid { display: grid; }
  .lg-d-inline-grid { display: inline-grid; }
  .lg-hover-d-inline-grid:hover { display: inline-grid; }
  .lg-focus-d-inline-grid:focus { display: inline-grid; }
  .lg-active-d-inline-grid:active { display: inline-grid; }
  .lg-disabled-d-inline-grid:disabled { display: inline-grid; }
  .lg-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  .lg-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  .lg-group:hover .lg-group-hover-d-inline-grid { display: inline-grid; }
  .lg-d-none { display: none; }
  .lg-hover-d-none:hover { display: none; }
  .lg-focus-d-none:focus { display: none; }
  .lg-active-d-none:active { display: none; }
  .lg-disabled-d-none:disabled { display: none; }
  .lg-focus-visible-d-none:focus-visible { display: none; }
  .lg-focus-within-d-none:focus-within { display: none; }
  .lg-group:hover .lg-group-hover-d-none { display: none; }
  .lg-static { position: static; }
  .lg-hover-static:hover { position: static; }
  .lg-focus-static:focus { position: static; }
  .lg-active-static:active { position: static; }
  .lg-disabled-static:disabled { position: static; }
  .lg-focus-visible-static:focus-visible { position: static; }
  .lg-focus-within-static:focus-within { position: static; }
  .lg-group:hover .lg-group-hover-static { position: static; }
  .lg-relative { position: relative; }
  .lg-hover-relative:hover { position: relative; }
  .lg-focus-relative:focus { position: relative; }
  .lg-active-relative:active { position: relative; }
  .lg-disabled-relative:disabled { position: relative; }
  .lg-focus-visible-relative:focus-visible { position: relative; }
  .lg-focus-within-relative:focus-within { position: relative; }
  .lg-group:hover .lg-group-hover-relative { position: relative; }
  .lg-absolute { position: absolute; }
  .lg-hover-absolute:hover { position: absolute; }
  .lg-focus-absolute:focus { position: absolute; }
  .lg-active-absolute:active { position: absolute; }
  .lg-disabled-absolute:disabled { position: absolute; }
  .lg-focus-visible-absolute:focus-visible { position: absolute; }
  .lg-focus-within-absolute:focus-within { position: absolute; }
  .lg-group:hover .lg-group-hover-absolute { position: absolute; }
  .lg-fixed { position: fixed; }
  .lg-hover-fixed:hover { position: fixed; }
  .lg-focus-fixed:focus { position: fixed; }
  .lg-active-fixed:active { position: fixed; }
  .lg-disabled-fixed:disabled { position: fixed; }
  .lg-focus-visible-fixed:focus-visible { position: fixed; }
  .lg-focus-within-fixed:focus-within { position: fixed; }
  .lg-group:hover .lg-group-hover-fixed { position: fixed; }
  .lg-sticky { position: sticky; }
  .lg-hover-sticky:hover { position: sticky; }
  .lg-focus-sticky:focus { position: sticky; }
  .lg-active-sticky:active { position: sticky; }
  .lg-disabled-sticky:disabled { position: sticky; }
  .lg-focus-visible-sticky:focus-visible { position: sticky; }
  .lg-focus-within-sticky:focus-within { position: sticky; }
  .lg-group:hover .lg-group-hover-sticky { position: sticky; }
  .lg-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-group:hover .lg-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .lg-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-group:hover .lg-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .lg-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-group:hover .lg-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .lg-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-group:hover .lg-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .lg-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-group:hover .lg-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .lg-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-group:hover .lg-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .lg-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-group:hover .lg-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .lg-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-group:hover .lg-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .lg-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-group:hover .lg-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .lg-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-group:hover .lg-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .lg-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-group:hover .lg-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .lg-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-group:hover .lg-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .lg-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-group:hover .lg-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .lg-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-group:hover .lg-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .lg-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-group:hover .lg-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .lg-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-group:hover .lg-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .lg-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-group:hover .lg-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .lg-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-group:hover .lg-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .lg-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-group:hover .lg-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .lg-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-group:hover .lg-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .lg-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-group:hover .lg-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .lg-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-group:hover .lg-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .lg-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-group:hover .lg-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .lg-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-group:hover .lg-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .lg-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-group:hover .lg-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .lg-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-group:hover .lg-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .lg-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-group:hover .lg-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .lg-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-group:hover .lg-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .lg-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-group:hover .lg-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .lg-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-group:hover .lg-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .lg-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-group:hover .lg-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .lg-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-group:hover .lg-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .lg-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-group:hover .lg-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .lg-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-group:hover .lg-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .lg-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .lg-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .lg-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .lg-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-group:hover .lg-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .lg-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .lg-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .lg-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .lg-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-group:hover .lg-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .lg-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .lg-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .lg-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .lg-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-group:hover .lg-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .lg-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .lg-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .lg-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .lg-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-group:hover .lg-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .lg-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .lg-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .lg-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .lg-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .lg-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .lg-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .lg-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .lg-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-group:hover .lg-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .lg-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .lg-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .lg-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .lg-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-group:hover .lg-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .lg-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-group:hover .lg-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .lg-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-group:hover .lg-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .lg-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-group:hover .lg-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .lg-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-group:hover .lg-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .lg-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-group:hover .lg-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .lg-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .lg-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .lg-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .lg-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-group:hover .lg-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .lg-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .lg-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .lg-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .lg-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-group:hover .lg-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .lg-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .lg-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .lg-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .lg-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-group:hover .lg-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .lg-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .lg-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .lg-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .lg-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-group:hover .lg-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .lg-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .lg-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .lg-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .lg-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-group:hover .lg-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .lg-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-group:hover .lg-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .lg-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-group:hover .lg-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .lg-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-group:hover .lg-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .lg-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-group:hover .lg-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .lg-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-group:hover .lg-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .lg-top-0 { top: 0; }      .-top-0   { top: 0; }
  .lg-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  .lg-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  .lg-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  .lg-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  .lg-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  .lg-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  .lg-group:hover .lg-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  .lg-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-group:hover .lg-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .lg-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-group:hover .lg-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .lg-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-group:hover .lg-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .lg-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-group:hover .lg-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .lg-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-group:hover .lg-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .lg-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-group:hover .lg-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .lg-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-group:hover .lg-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .lg-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-group:hover .lg-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .lg-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-group:hover .lg-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .lg-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-group:hover .lg-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .lg-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-group:hover .lg-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .lg-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-group:hover .lg-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .lg-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-group:hover .lg-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .lg-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-group:hover .lg-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .lg-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-group:hover .lg-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .lg-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-group:hover .lg-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .lg-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-group:hover .lg-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .lg-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-group:hover .lg-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .lg-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-group:hover .lg-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .lg-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-group:hover .lg-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .lg-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-group:hover .lg-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .lg-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-group:hover .lg-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .lg-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-group:hover .lg-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .lg-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-group:hover .lg-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .lg-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-group:hover .lg-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .lg-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-group:hover .lg-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .lg-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-group:hover .lg-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .lg-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-group:hover .lg-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .lg-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-group:hover .lg-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .lg-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-group:hover .lg-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .lg-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-group:hover .lg-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .lg-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-group:hover .lg-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .lg-right-0 { right: 0; }      .-right-0   { right: 0; }
  .lg-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  .lg-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  .lg-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  .lg-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  .lg-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  .lg-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  .lg-group:hover .lg-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  .lg-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-group:hover .lg-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .lg-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-group:hover .lg-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .lg-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-group:hover .lg-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .lg-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-group:hover .lg-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .lg-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-group:hover .lg-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .lg-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-group:hover .lg-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .lg-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-group:hover .lg-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .lg-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-group:hover .lg-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .lg-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-group:hover .lg-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .lg-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-group:hover .lg-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .lg-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-group:hover .lg-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .lg-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-group:hover .lg-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .lg-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-group:hover .lg-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .lg-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-group:hover .lg-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .lg-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-group:hover .lg-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .lg-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-group:hover .lg-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .lg-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-group:hover .lg-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .lg-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-group:hover .lg-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .lg-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-group:hover .lg-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .lg-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-group:hover .lg-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .lg-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-group:hover .lg-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .lg-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-group:hover .lg-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .lg-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-group:hover .lg-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .lg-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-group:hover .lg-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .lg-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-group:hover .lg-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .lg-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-group:hover .lg-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .lg-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-group:hover .lg-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .lg-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-group:hover .lg-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .lg-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-group:hover .lg-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .lg-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-group:hover .lg-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .lg-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-group:hover .lg-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .lg-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-group:hover .lg-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .lg-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-group:hover .lg-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .lg-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-group:hover .lg-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .lg-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-group:hover .lg-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .lg-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-group:hover .lg-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .lg-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-group:hover .lg-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .lg-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-group:hover .lg-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .lg-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-group:hover .lg-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .lg-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-group:hover .lg-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .lg-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-group:hover .lg-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .lg-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-group:hover .lg-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .lg-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-group:hover .lg-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .lg-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-group:hover .lg-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .lg-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-group:hover .lg-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .lg-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-group:hover .lg-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .lg-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-group:hover .lg-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .lg-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-group:hover .lg-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .lg-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-group:hover .lg-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .lg-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-group:hover .lg-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .lg-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-group:hover .lg-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .lg-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-group:hover .lg-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .lg-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-group:hover .lg-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .lg-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-group:hover .lg-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .lg-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-group:hover .lg-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .lg-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-group:hover .lg-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .lg-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-group:hover .lg-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .lg-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-group:hover .lg-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .lg-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-group:hover .lg-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .lg-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-group:hover .lg-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .lg-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-group:hover .lg-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .lg-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-group:hover .lg-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .lg-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-group:hover .lg-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .lg-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-group:hover .lg-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .lg-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-group:hover .lg-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .lg-left-0 { left: 0; }      .-left-0   { left: 0; }
  .lg-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  .lg-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  .lg-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  .lg-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  .lg-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  .lg-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  .lg-group:hover .lg-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  .lg-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-group:hover .lg-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .lg-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-group:hover .lg-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .lg-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-group:hover .lg-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .lg-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-group:hover .lg-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .lg-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-group:hover .lg-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .lg-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-group:hover .lg-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .lg-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-group:hover .lg-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .lg-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-group:hover .lg-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .lg-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-group:hover .lg-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .lg-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-group:hover .lg-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .lg-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-group:hover .lg-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .lg-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-group:hover .lg-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .lg-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-group:hover .lg-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .lg-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-group:hover .lg-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .lg-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-group:hover .lg-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .lg-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-group:hover .lg-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .lg-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-group:hover .lg-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .lg-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-group:hover .lg-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .lg-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-group:hover .lg-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .lg-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-group:hover .lg-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .lg-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-group:hover .lg-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .lg-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-group:hover .lg-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .lg-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-group:hover .lg-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .lg-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-group:hover .lg-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .lg-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-group:hover .lg-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .lg-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-group:hover .lg-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .lg-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-group:hover .lg-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .lg-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-group:hover .lg-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .lg-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-group:hover .lg-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .lg-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-group:hover .lg-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .lg-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-group:hover .lg-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .lg-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-group:hover .lg-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .lg-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .lg-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  .lg-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  .lg-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  .lg-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  .lg-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  .lg-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .lg-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .lg-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  .lg-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  .lg-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  .lg-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  .lg-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  .lg-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .lg-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .lg-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  .lg-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  .lg-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  .lg-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  .lg-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  .lg-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .lg-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .lg-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  .lg-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  .lg-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  .lg-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  .lg-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  .lg-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .lg-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .lg-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  .lg-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  .lg-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  .lg-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  .lg-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  .lg-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .lg-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .lg-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  .lg-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  .lg-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  .lg-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  .lg-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  .lg-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .lg-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .lg-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  .lg-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  .lg-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  .lg-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  .lg-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  .lg-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .lg-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .lg-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  .lg-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  .lg-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  .lg-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  .lg-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  .lg-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .lg-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .lg-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  .lg-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  .lg-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  .lg-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  .lg-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  .lg-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .lg-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .lg-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  .lg-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  .lg-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  .lg-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  .lg-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  .lg-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .lg-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .lg-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  .lg-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  .lg-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  .lg-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  .lg-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  .lg-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .lg-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .lg-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  .lg-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  .lg-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  .lg-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  .lg-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  .lg-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .lg-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .lg-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  .lg-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  .lg-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  .lg-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  .lg-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  .lg-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .lg-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .lg-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  .lg-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  .lg-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  .lg-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  .lg-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  .lg-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .lg-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .lg-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  .lg-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  .lg-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  .lg-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  .lg-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  .lg-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .lg-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .lg-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  .lg-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  .lg-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  .lg-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  .lg-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  .lg-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .lg-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .lg-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  .lg-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  .lg-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  .lg-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  .lg-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  .lg-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .lg-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .lg-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  .lg-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  .lg-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  .lg-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  .lg-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  .lg-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .lg-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .lg-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .lg-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .lg-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .lg-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .lg-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .lg-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .lg-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-group:hover .lg-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .lg-gap-0 { gap: 0; }
  .lg-hover-gap-0:hover { gap: 0; }
  .lg-focus-gap-0:focus { gap: 0; }
  .lg-active-gap-0:active { gap: 0; }
  .lg-disabled-gap-0:disabled { gap: 0; }
  .lg-focus-visible-gap-0:focus-visible { gap: 0; }
  .lg-focus-within-gap-0:focus-within { gap: 0; }
  .lg-group:hover .lg-group-hover-gap-0 { gap: 0; }
  .lg-gap-1 { gap: 0.25rem; }
  .lg-hover-gap-1:hover { gap: 0.25rem; }
  .lg-focus-gap-1:focus { gap: 0.25rem; }
  .lg-active-gap-1:active { gap: 0.25rem; }
  .lg-disabled-gap-1:disabled { gap: 0.25rem; }
  .lg-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  .lg-focus-within-gap-1:focus-within { gap: 0.25rem; }
  .lg-group:hover .lg-group-hover-gap-1 { gap: 0.25rem; }
  .lg-gap-2 { gap: 0.5rem; }
  .lg-hover-gap-2:hover { gap: 0.5rem; }
  .lg-focus-gap-2:focus { gap: 0.5rem; }
  .lg-active-gap-2:active { gap: 0.5rem; }
  .lg-disabled-gap-2:disabled { gap: 0.5rem; }
  .lg-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  .lg-focus-within-gap-2:focus-within { gap: 0.5rem; }
  .lg-group:hover .lg-group-hover-gap-2 { gap: 0.5rem; }
  .lg-gap-3 { gap: 0.75rem; }
  .lg-hover-gap-3:hover { gap: 0.75rem; }
  .lg-focus-gap-3:focus { gap: 0.75rem; }
  .lg-active-gap-3:active { gap: 0.75rem; }
  .lg-disabled-gap-3:disabled { gap: 0.75rem; }
  .lg-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  .lg-focus-within-gap-3:focus-within { gap: 0.75rem; }
  .lg-group:hover .lg-group-hover-gap-3 { gap: 0.75rem; }
  .lg-gap-4 { gap: 1rem; }
  .lg-hover-gap-4:hover { gap: 1rem; }
  .lg-focus-gap-4:focus { gap: 1rem; }
  .lg-active-gap-4:active { gap: 1rem; }
  .lg-disabled-gap-4:disabled { gap: 1rem; }
  .lg-focus-visible-gap-4:focus-visible { gap: 1rem; }
  .lg-focus-within-gap-4:focus-within { gap: 1rem; }
  .lg-group:hover .lg-group-hover-gap-4 { gap: 1rem; }
  .lg-gap-5 { gap: 1.25rem; }
  .lg-hover-gap-5:hover { gap: 1.25rem; }
  .lg-focus-gap-5:focus { gap: 1.25rem; }
  .lg-active-gap-5:active { gap: 1.25rem; }
  .lg-disabled-gap-5:disabled { gap: 1.25rem; }
  .lg-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  .lg-focus-within-gap-5:focus-within { gap: 1.25rem; }
  .lg-group:hover .lg-group-hover-gap-5 { gap: 1.25rem; }
  .lg-gap-6 { gap: 1.5rem; }
  .lg-hover-gap-6:hover { gap: 1.5rem; }
  .lg-focus-gap-6:focus { gap: 1.5rem; }
  .lg-active-gap-6:active { gap: 1.5rem; }
  .lg-disabled-gap-6:disabled { gap: 1.5rem; }
  .lg-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  .lg-focus-within-gap-6:focus-within { gap: 1.5rem; }
  .lg-group:hover .lg-group-hover-gap-6 { gap: 1.5rem; }
  .lg-gap-7 { gap: 1.75rem; }
  .lg-hover-gap-7:hover { gap: 1.75rem; }
  .lg-focus-gap-7:focus { gap: 1.75rem; }
  .lg-active-gap-7:active { gap: 1.75rem; }
  .lg-disabled-gap-7:disabled { gap: 1.75rem; }
  .lg-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  .lg-focus-within-gap-7:focus-within { gap: 1.75rem; }
  .lg-group:hover .lg-group-hover-gap-7 { gap: 1.75rem; }
  .lg-gap-8 { gap: 2rem; }
  .lg-hover-gap-8:hover { gap: 2rem; }
  .lg-focus-gap-8:focus { gap: 2rem; }
  .lg-active-gap-8:active { gap: 2rem; }
  .lg-disabled-gap-8:disabled { gap: 2rem; }
  .lg-focus-visible-gap-8:focus-visible { gap: 2rem; }
  .lg-focus-within-gap-8:focus-within { gap: 2rem; }
  .lg-group:hover .lg-group-hover-gap-8 { gap: 2rem; }
  .lg-gap-9 { gap: 2.25rem; }
  .lg-hover-gap-9:hover { gap: 2.25rem; }
  .lg-focus-gap-9:focus { gap: 2.25rem; }
  .lg-active-gap-9:active { gap: 2.25rem; }
  .lg-disabled-gap-9:disabled { gap: 2.25rem; }
  .lg-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  .lg-focus-within-gap-9:focus-within { gap: 2.25rem; }
  .lg-group:hover .lg-group-hover-gap-9 { gap: 2.25rem; }
  .lg-gap-10 { gap: 2.5rem; }
  .lg-hover-gap-10:hover { gap: 2.5rem; }
  .lg-focus-gap-10:focus { gap: 2.5rem; }
  .lg-active-gap-10:active { gap: 2.5rem; }
  .lg-disabled-gap-10:disabled { gap: 2.5rem; }
  .lg-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  .lg-focus-within-gap-10:focus-within { gap: 2.5rem; }
  .lg-group:hover .lg-group-hover-gap-10 { gap: 2.5rem; }
  .lg-gap-12 { gap: 3rem; }
  .lg-hover-gap-12:hover { gap: 3rem; }
  .lg-focus-gap-12:focus { gap: 3rem; }
  .lg-active-gap-12:active { gap: 3rem; }
  .lg-disabled-gap-12:disabled { gap: 3rem; }
  .lg-focus-visible-gap-12:focus-visible { gap: 3rem; }
  .lg-focus-within-gap-12:focus-within { gap: 3rem; }
  .lg-group:hover .lg-group-hover-gap-12 { gap: 3rem; }
  .lg-gap-14 { gap: 3.5rem; }
  .lg-hover-gap-14:hover { gap: 3.5rem; }
  .lg-focus-gap-14:focus { gap: 3.5rem; }
  .lg-active-gap-14:active { gap: 3.5rem; }
  .lg-disabled-gap-14:disabled { gap: 3.5rem; }
  .lg-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  .lg-focus-within-gap-14:focus-within { gap: 3.5rem; }
  .lg-group:hover .lg-group-hover-gap-14 { gap: 3.5rem; }
  .lg-gap-16 { gap: 4rem; }
  .lg-hover-gap-16:hover { gap: 4rem; }
  .lg-focus-gap-16:focus { gap: 4rem; }
  .lg-active-gap-16:active { gap: 4rem; }
  .lg-disabled-gap-16:disabled { gap: 4rem; }
  .lg-focus-visible-gap-16:focus-visible { gap: 4rem; }
  .lg-focus-within-gap-16:focus-within { gap: 4rem; }
  .lg-group:hover .lg-group-hover-gap-16 { gap: 4rem; }
  .lg-gap-20 { gap: 5rem; }
  .lg-hover-gap-20:hover { gap: 5rem; }
  .lg-focus-gap-20:focus { gap: 5rem; }
  .lg-active-gap-20:active { gap: 5rem; }
  .lg-disabled-gap-20:disabled { gap: 5rem; }
  .lg-focus-visible-gap-20:focus-visible { gap: 5rem; }
  .lg-focus-within-gap-20:focus-within { gap: 5rem; }
  .lg-group:hover .lg-group-hover-gap-20 { gap: 5rem; }
  .lg-gap-24 { gap: 6rem; }
  .lg-hover-gap-24:hover { gap: 6rem; }
  .lg-focus-gap-24:focus { gap: 6rem; }
  .lg-active-gap-24:active { gap: 6rem; }
  .lg-disabled-gap-24:disabled { gap: 6rem; }
  .lg-focus-visible-gap-24:focus-visible { gap: 6rem; }
  .lg-focus-within-gap-24:focus-within { gap: 6rem; }
  .lg-group:hover .lg-group-hover-gap-24 { gap: 6rem; }
  .lg-gap-28 { gap: 7rem; }
  .lg-hover-gap-28:hover { gap: 7rem; }
  .lg-focus-gap-28:focus { gap: 7rem; }
  .lg-active-gap-28:active { gap: 7rem; }
  .lg-disabled-gap-28:disabled { gap: 7rem; }
  .lg-focus-visible-gap-28:focus-visible { gap: 7rem; }
  .lg-focus-within-gap-28:focus-within { gap: 7rem; }
  .lg-group:hover .lg-group-hover-gap-28 { gap: 7rem; }
  .lg-gap-32 { gap: 8rem; }
  .lg-hover-gap-32:hover { gap: 8rem; }
  .lg-focus-gap-32:focus { gap: 8rem; }
  .lg-active-gap-32:active { gap: 8rem; }
  .lg-disabled-gap-32:disabled { gap: 8rem; }
  .lg-focus-visible-gap-32:focus-visible { gap: 8rem; }
  .lg-focus-within-gap-32:focus-within { gap: 8rem; }
  .lg-group:hover .lg-group-hover-gap-32 { gap: 8rem; }
  .lg-row-gap-0 { row-gap: 0; }
  .lg-hover-row-gap-0:hover { row-gap: 0; }
  .lg-focus-row-gap-0:focus { row-gap: 0; }
  .lg-active-row-gap-0:active { row-gap: 0; }
  .lg-disabled-row-gap-0:disabled { row-gap: 0; }
  .lg-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  .lg-focus-within-row-gap-0:focus-within { row-gap: 0; }
  .lg-group:hover .lg-group-hover-row-gap-0 { row-gap: 0; }
  .lg-row-gap-1 { row-gap: 0.25rem; }
  .lg-hover-row-gap-1:hover { row-gap: 0.25rem; }
  .lg-focus-row-gap-1:focus { row-gap: 0.25rem; }
  .lg-active-row-gap-1:active { row-gap: 0.25rem; }
  .lg-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  .lg-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  .lg-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  .lg-group:hover .lg-group-hover-row-gap-1 { row-gap: 0.25rem; }
  .lg-row-gap-2 { row-gap: 0.5rem; }
  .lg-hover-row-gap-2:hover { row-gap: 0.5rem; }
  .lg-focus-row-gap-2:focus { row-gap: 0.5rem; }
  .lg-active-row-gap-2:active { row-gap: 0.5rem; }
  .lg-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  .lg-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  .lg-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  .lg-group:hover .lg-group-hover-row-gap-2 { row-gap: 0.5rem; }
  .lg-row-gap-3 { row-gap: 0.75rem; }
  .lg-hover-row-gap-3:hover { row-gap: 0.75rem; }
  .lg-focus-row-gap-3:focus { row-gap: 0.75rem; }
  .lg-active-row-gap-3:active { row-gap: 0.75rem; }
  .lg-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  .lg-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  .lg-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  .lg-group:hover .lg-group-hover-row-gap-3 { row-gap: 0.75rem; }
  .lg-row-gap-4 { row-gap: 1rem; }
  .lg-hover-row-gap-4:hover { row-gap: 1rem; }
  .lg-focus-row-gap-4:focus { row-gap: 1rem; }
  .lg-active-row-gap-4:active { row-gap: 1rem; }
  .lg-disabled-row-gap-4:disabled { row-gap: 1rem; }
  .lg-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  .lg-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  .lg-group:hover .lg-group-hover-row-gap-4 { row-gap: 1rem; }
  .lg-row-gap-5 { row-gap: 1.25rem; }
  .lg-hover-row-gap-5:hover { row-gap: 1.25rem; }
  .lg-focus-row-gap-5:focus { row-gap: 1.25rem; }
  .lg-active-row-gap-5:active { row-gap: 1.25rem; }
  .lg-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  .lg-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  .lg-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  .lg-group:hover .lg-group-hover-row-gap-5 { row-gap: 1.25rem; }
  .lg-row-gap-6 { row-gap: 1.5rem; }
  .lg-hover-row-gap-6:hover { row-gap: 1.5rem; }
  .lg-focus-row-gap-6:focus { row-gap: 1.5rem; }
  .lg-active-row-gap-6:active { row-gap: 1.5rem; }
  .lg-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  .lg-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  .lg-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  .lg-group:hover .lg-group-hover-row-gap-6 { row-gap: 1.5rem; }
  .lg-row-gap-7 { row-gap: 1.75rem; }
  .lg-hover-row-gap-7:hover { row-gap: 1.75rem; }
  .lg-focus-row-gap-7:focus { row-gap: 1.75rem; }
  .lg-active-row-gap-7:active { row-gap: 1.75rem; }
  .lg-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  .lg-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  .lg-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  .lg-group:hover .lg-group-hover-row-gap-7 { row-gap: 1.75rem; }
  .lg-row-gap-8 { row-gap: 2rem; }
  .lg-hover-row-gap-8:hover { row-gap: 2rem; }
  .lg-focus-row-gap-8:focus { row-gap: 2rem; }
  .lg-active-row-gap-8:active { row-gap: 2rem; }
  .lg-disabled-row-gap-8:disabled { row-gap: 2rem; }
  .lg-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  .lg-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  .lg-group:hover .lg-group-hover-row-gap-8 { row-gap: 2rem; }
  .lg-row-gap-9 { row-gap: 2.25rem; }
  .lg-hover-row-gap-9:hover { row-gap: 2.25rem; }
  .lg-focus-row-gap-9:focus { row-gap: 2.25rem; }
  .lg-active-row-gap-9:active { row-gap: 2.25rem; }
  .lg-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  .lg-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  .lg-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  .lg-group:hover .lg-group-hover-row-gap-9 { row-gap: 2.25rem; }
  .lg-row-gap-10 { row-gap: 2.5rem; }
  .lg-hover-row-gap-10:hover { row-gap: 2.5rem; }
  .lg-focus-row-gap-10:focus { row-gap: 2.5rem; }
  .lg-active-row-gap-10:active { row-gap: 2.5rem; }
  .lg-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  .lg-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  .lg-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  .lg-group:hover .lg-group-hover-row-gap-10 { row-gap: 2.5rem; }
  .lg-row-gap-12 { row-gap: 3rem; }
  .lg-hover-row-gap-12:hover { row-gap: 3rem; }
  .lg-focus-row-gap-12:focus { row-gap: 3rem; }
  .lg-active-row-gap-12:active { row-gap: 3rem; }
  .lg-disabled-row-gap-12:disabled { row-gap: 3rem; }
  .lg-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  .lg-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  .lg-group:hover .lg-group-hover-row-gap-12 { row-gap: 3rem; }
  .lg-row-gap-14 { row-gap: 3.5rem; }
  .lg-hover-row-gap-14:hover { row-gap: 3.5rem; }
  .lg-focus-row-gap-14:focus { row-gap: 3.5rem; }
  .lg-active-row-gap-14:active { row-gap: 3.5rem; }
  .lg-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  .lg-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  .lg-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  .lg-group:hover .lg-group-hover-row-gap-14 { row-gap: 3.5rem; }
  .lg-row-gap-16 { row-gap: 4rem; }
  .lg-hover-row-gap-16:hover { row-gap: 4rem; }
  .lg-focus-row-gap-16:focus { row-gap: 4rem; }
  .lg-active-row-gap-16:active { row-gap: 4rem; }
  .lg-disabled-row-gap-16:disabled { row-gap: 4rem; }
  .lg-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  .lg-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  .lg-group:hover .lg-group-hover-row-gap-16 { row-gap: 4rem; }
  .lg-row-gap-20 { row-gap: 5rem; }
  .lg-hover-row-gap-20:hover { row-gap: 5rem; }
  .lg-focus-row-gap-20:focus { row-gap: 5rem; }
  .lg-active-row-gap-20:active { row-gap: 5rem; }
  .lg-disabled-row-gap-20:disabled { row-gap: 5rem; }
  .lg-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  .lg-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  .lg-group:hover .lg-group-hover-row-gap-20 { row-gap: 5rem; }
  .lg-row-gap-24 { row-gap: 6rem; }
  .lg-hover-row-gap-24:hover { row-gap: 6rem; }
  .lg-focus-row-gap-24:focus { row-gap: 6rem; }
  .lg-active-row-gap-24:active { row-gap: 6rem; }
  .lg-disabled-row-gap-24:disabled { row-gap: 6rem; }
  .lg-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  .lg-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  .lg-group:hover .lg-group-hover-row-gap-24 { row-gap: 6rem; }
  .lg-row-gap-28 { row-gap: 7rem; }
  .lg-hover-row-gap-28:hover { row-gap: 7rem; }
  .lg-focus-row-gap-28:focus { row-gap: 7rem; }
  .lg-active-row-gap-28:active { row-gap: 7rem; }
  .lg-disabled-row-gap-28:disabled { row-gap: 7rem; }
  .lg-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  .lg-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  .lg-group:hover .lg-group-hover-row-gap-28 { row-gap: 7rem; }
  .lg-row-gap-32 { row-gap: 8rem; }
  .lg-hover-row-gap-32:hover { row-gap: 8rem; }
  .lg-focus-row-gap-32:focus { row-gap: 8rem; }
  .lg-active-row-gap-32:active { row-gap: 8rem; }
  .lg-disabled-row-gap-32:disabled { row-gap: 8rem; }
  .lg-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  .lg-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  .lg-group:hover .lg-group-hover-row-gap-32 { row-gap: 8rem; }
  .lg-column-gap-0 { column-gap: 0; }
  .lg-hover-column-gap-0:hover { column-gap: 0; }
  .lg-focus-column-gap-0:focus { column-gap: 0; }
  .lg-active-column-gap-0:active { column-gap: 0; }
  .lg-disabled-column-gap-0:disabled { column-gap: 0; }
  .lg-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  .lg-focus-within-column-gap-0:focus-within { column-gap: 0; }
  .lg-group:hover .lg-group-hover-column-gap-0 { column-gap: 0; }
  .lg-column-gap-1 { column-gap: 0.25rem; }
  .lg-hover-column-gap-1:hover { column-gap: 0.25rem; }
  .lg-focus-column-gap-1:focus { column-gap: 0.25rem; }
  .lg-active-column-gap-1:active { column-gap: 0.25rem; }
  .lg-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  .lg-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  .lg-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  .lg-group:hover .lg-group-hover-column-gap-1 { column-gap: 0.25rem; }
  .lg-column-gap-2 { column-gap: 0.5rem; }
  .lg-hover-column-gap-2:hover { column-gap: 0.5rem; }
  .lg-focus-column-gap-2:focus { column-gap: 0.5rem; }
  .lg-active-column-gap-2:active { column-gap: 0.5rem; }
  .lg-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  .lg-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  .lg-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  .lg-group:hover .lg-group-hover-column-gap-2 { column-gap: 0.5rem; }
  .lg-column-gap-3 { column-gap: 0.75rem; }
  .lg-hover-column-gap-3:hover { column-gap: 0.75rem; }
  .lg-focus-column-gap-3:focus { column-gap: 0.75rem; }
  .lg-active-column-gap-3:active { column-gap: 0.75rem; }
  .lg-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  .lg-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  .lg-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  .lg-group:hover .lg-group-hover-column-gap-3 { column-gap: 0.75rem; }
  .lg-column-gap-4 { column-gap: 1rem; }
  .lg-hover-column-gap-4:hover { column-gap: 1rem; }
  .lg-focus-column-gap-4:focus { column-gap: 1rem; }
  .lg-active-column-gap-4:active { column-gap: 1rem; }
  .lg-disabled-column-gap-4:disabled { column-gap: 1rem; }
  .lg-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  .lg-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  .lg-group:hover .lg-group-hover-column-gap-4 { column-gap: 1rem; }
  .lg-column-gap-5 { column-gap: 1.25rem; }
  .lg-hover-column-gap-5:hover { column-gap: 1.25rem; }
  .lg-focus-column-gap-5:focus { column-gap: 1.25rem; }
  .lg-active-column-gap-5:active { column-gap: 1.25rem; }
  .lg-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  .lg-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  .lg-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  .lg-group:hover .lg-group-hover-column-gap-5 { column-gap: 1.25rem; }
  .lg-column-gap-6 { column-gap: 1.5rem; }
  .lg-hover-column-gap-6:hover { column-gap: 1.5rem; }
  .lg-focus-column-gap-6:focus { column-gap: 1.5rem; }
  .lg-active-column-gap-6:active { column-gap: 1.5rem; }
  .lg-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  .lg-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  .lg-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  .lg-group:hover .lg-group-hover-column-gap-6 { column-gap: 1.5rem; }
  .lg-column-gap-7 { column-gap: 1.75rem; }
  .lg-hover-column-gap-7:hover { column-gap: 1.75rem; }
  .lg-focus-column-gap-7:focus { column-gap: 1.75rem; }
  .lg-active-column-gap-7:active { column-gap: 1.75rem; }
  .lg-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  .lg-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  .lg-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  .lg-group:hover .lg-group-hover-column-gap-7 { column-gap: 1.75rem; }
  .lg-column-gap-8 { column-gap: 2rem; }
  .lg-hover-column-gap-8:hover { column-gap: 2rem; }
  .lg-focus-column-gap-8:focus { column-gap: 2rem; }
  .lg-active-column-gap-8:active { column-gap: 2rem; }
  .lg-disabled-column-gap-8:disabled { column-gap: 2rem; }
  .lg-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  .lg-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  .lg-group:hover .lg-group-hover-column-gap-8 { column-gap: 2rem; }
  .lg-column-gap-9 { column-gap: 2.25rem; }
  .lg-hover-column-gap-9:hover { column-gap: 2.25rem; }
  .lg-focus-column-gap-9:focus { column-gap: 2.25rem; }
  .lg-active-column-gap-9:active { column-gap: 2.25rem; }
  .lg-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  .lg-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  .lg-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  .lg-group:hover .lg-group-hover-column-gap-9 { column-gap: 2.25rem; }
  .lg-column-gap-10 { column-gap: 2.5rem; }
  .lg-hover-column-gap-10:hover { column-gap: 2.5rem; }
  .lg-focus-column-gap-10:focus { column-gap: 2.5rem; }
  .lg-active-column-gap-10:active { column-gap: 2.5rem; }
  .lg-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  .lg-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  .lg-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  .lg-group:hover .lg-group-hover-column-gap-10 { column-gap: 2.5rem; }
  .lg-column-gap-12 { column-gap: 3rem; }
  .lg-hover-column-gap-12:hover { column-gap: 3rem; }
  .lg-focus-column-gap-12:focus { column-gap: 3rem; }
  .lg-active-column-gap-12:active { column-gap: 3rem; }
  .lg-disabled-column-gap-12:disabled { column-gap: 3rem; }
  .lg-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  .lg-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  .lg-group:hover .lg-group-hover-column-gap-12 { column-gap: 3rem; }
  .lg-column-gap-14 { column-gap: 3.5rem; }
  .lg-hover-column-gap-14:hover { column-gap: 3.5rem; }
  .lg-focus-column-gap-14:focus { column-gap: 3.5rem; }
  .lg-active-column-gap-14:active { column-gap: 3.5rem; }
  .lg-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  .lg-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  .lg-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  .lg-group:hover .lg-group-hover-column-gap-14 { column-gap: 3.5rem; }
  .lg-column-gap-16 { column-gap: 4rem; }
  .lg-hover-column-gap-16:hover { column-gap: 4rem; }
  .lg-focus-column-gap-16:focus { column-gap: 4rem; }
  .lg-active-column-gap-16:active { column-gap: 4rem; }
  .lg-disabled-column-gap-16:disabled { column-gap: 4rem; }
  .lg-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  .lg-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  .lg-group:hover .lg-group-hover-column-gap-16 { column-gap: 4rem; }
  .lg-column-gap-20 { column-gap: 5rem; }
  .lg-hover-column-gap-20:hover { column-gap: 5rem; }
  .lg-focus-column-gap-20:focus { column-gap: 5rem; }
  .lg-active-column-gap-20:active { column-gap: 5rem; }
  .lg-disabled-column-gap-20:disabled { column-gap: 5rem; }
  .lg-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  .lg-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  .lg-group:hover .lg-group-hover-column-gap-20 { column-gap: 5rem; }
  .lg-column-gap-24 { column-gap: 6rem; }
  .lg-hover-column-gap-24:hover { column-gap: 6rem; }
  .lg-focus-column-gap-24:focus { column-gap: 6rem; }
  .lg-active-column-gap-24:active { column-gap: 6rem; }
  .lg-disabled-column-gap-24:disabled { column-gap: 6rem; }
  .lg-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  .lg-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  .lg-group:hover .lg-group-hover-column-gap-24 { column-gap: 6rem; }
  .lg-column-gap-28 { column-gap: 7rem; }
  .lg-hover-column-gap-28:hover { column-gap: 7rem; }
  .lg-focus-column-gap-28:focus { column-gap: 7rem; }
  .lg-active-column-gap-28:active { column-gap: 7rem; }
  .lg-disabled-column-gap-28:disabled { column-gap: 7rem; }
  .lg-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  .lg-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  .lg-group:hover .lg-group-hover-column-gap-28 { column-gap: 7rem; }
  .lg-column-gap-32 { column-gap: 8rem; }
  .lg-hover-column-gap-32:hover { column-gap: 8rem; }
  .lg-focus-column-gap-32:focus { column-gap: 8rem; }
  .lg-active-column-gap-32:active { column-gap: 8rem; }
  .lg-disabled-column-gap-32:disabled { column-gap: 8rem; }
  .lg-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  .lg-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  .lg-group:hover .lg-group-hover-column-gap-32 { column-gap: 8rem; }
  .lg-flex-row { flex-direction: row; }
  .lg-hover-flex-row:hover { flex-direction: row; }
  .lg-focus-flex-row:focus { flex-direction: row; }
  .lg-active-flex-row:active { flex-direction: row; }
  .lg-disabled-flex-row:disabled { flex-direction: row; }
  .lg-focus-visible-flex-row:focus-visible { flex-direction: row; }
  .lg-focus-within-flex-row:focus-within { flex-direction: row; }
  .lg-group:hover .lg-group-hover-flex-row { flex-direction: row; }
  .lg-flex-col { flex-direction: column; }
  .lg-hover-flex-col:hover { flex-direction: column; }
  .lg-focus-flex-col:focus { flex-direction: column; }
  .lg-active-flex-col:active { flex-direction: column; }
  .lg-disabled-flex-col:disabled { flex-direction: column; }
  .lg-focus-visible-flex-col:focus-visible { flex-direction: column; }
  .lg-focus-within-flex-col:focus-within { flex-direction: column; }
  .lg-group:hover .lg-group-hover-flex-col { flex-direction: column; }
  .lg-flex-row-reverse { flex-direction: row-reverse; }
  .lg-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  .lg-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  .lg-active-flex-row-reverse:active { flex-direction: row-reverse; }
  .lg-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  .lg-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  .lg-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  .lg-group:hover .lg-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  .lg-flex-col-reverse { flex-direction: column-reverse; }
  .lg-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  .lg-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  .lg-active-flex-col-reverse:active { flex-direction: column-reverse; }
  .lg-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  .lg-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  .lg-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  .lg-group:hover .lg-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  .lg-flex-wrap { flex-wrap: wrap; }
  .lg-hover-flex-wrap:hover { flex-wrap: wrap; }
  .lg-focus-flex-wrap:focus { flex-wrap: wrap; }
  .lg-active-flex-wrap:active { flex-wrap: wrap; }
  .lg-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  .lg-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  .lg-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  .lg-group:hover .lg-group-hover-flex-wrap { flex-wrap: wrap; }
  .lg-flex-nowrap { flex-wrap: nowrap; }
  .lg-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  .lg-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  .lg-active-flex-nowrap:active { flex-wrap: nowrap; }
  .lg-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  .lg-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  .lg-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  .lg-group:hover .lg-group-hover-flex-nowrap { flex-wrap: nowrap; }
  .lg-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .lg-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  .lg-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  .lg-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  .lg-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  .lg-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  .lg-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  .lg-group:hover .lg-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .lg-flex-1 { flex: 1; }
  .lg-hover-flex-1:hover { flex: 1; }
  .lg-focus-flex-1:focus { flex: 1; }
  .lg-active-flex-1:active { flex: 1; }
  .lg-disabled-flex-1:disabled { flex: 1; }
  .lg-focus-visible-flex-1:focus-visible { flex: 1; }
  .lg-focus-within-flex-1:focus-within { flex: 1; }
  .lg-group:hover .lg-group-hover-flex-1 { flex: 1; }
  .lg-flex-auto { flex: auto; }
  .lg-hover-flex-auto:hover { flex: auto; }
  .lg-focus-flex-auto:focus { flex: auto; }
  .lg-active-flex-auto:active { flex: auto; }
  .lg-disabled-flex-auto:disabled { flex: auto; }
  .lg-focus-visible-flex-auto:focus-visible { flex: auto; }
  .lg-focus-within-flex-auto:focus-within { flex: auto; }
  .lg-group:hover .lg-group-hover-flex-auto { flex: auto; }
  .lg-flex-initial { flex: initial; }
  .lg-hover-flex-initial:hover { flex: initial; }
  .lg-focus-flex-initial:focus { flex: initial; }
  .lg-active-flex-initial:active { flex: initial; }
  .lg-disabled-flex-initial:disabled { flex: initial; }
  .lg-focus-visible-flex-initial:focus-visible { flex: initial; }
  .lg-focus-within-flex-initial:focus-within { flex: initial; }
  .lg-group:hover .lg-group-hover-flex-initial { flex: initial; }
  .lg-flex-none { flex: none; }
  .lg-hover-flex-none:hover { flex: none; }
  .lg-focus-flex-none:focus { flex: none; }
  .lg-active-flex-none:active { flex: none; }
  .lg-disabled-flex-none:disabled { flex: none; }
  .lg-focus-visible-flex-none:focus-visible { flex: none; }
  .lg-focus-within-flex-none:focus-within { flex: none; }
  .lg-group:hover .lg-group-hover-flex-none { flex: none; }
  .lg-flex-grow-0 { flex-grow: 0; }
  .lg-hover-flex-grow-0:hover { flex-grow: 0; }
  .lg-focus-flex-grow-0:focus { flex-grow: 0; }
  .lg-active-flex-grow-0:active { flex-grow: 0; }
  .lg-disabled-flex-grow-0:disabled { flex-grow: 0; }
  .lg-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  .lg-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  .lg-group:hover .lg-group-hover-flex-grow-0 { flex-grow: 0; }
  .lg-flex-grow-1 { flex-grow: 1; }
  .lg-hover-flex-grow-1:hover { flex-grow: 1; }
  .lg-focus-flex-grow-1:focus { flex-grow: 1; }
  .lg-active-flex-grow-1:active { flex-grow: 1; }
  .lg-disabled-flex-grow-1:disabled { flex-grow: 1; }
  .lg-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  .lg-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  .lg-group:hover .lg-group-hover-flex-grow-1 { flex-grow: 1; }
  .lg-flex-shrink-0 { flex-shrink: 0; }
  .lg-hover-flex-shrink-0:hover { flex-shrink: 0; }
  .lg-focus-flex-shrink-0:focus { flex-shrink: 0; }
  .lg-active-flex-shrink-0:active { flex-shrink: 0; }
  .lg-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  .lg-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  .lg-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  .lg-group:hover .lg-group-hover-flex-shrink-0 { flex-shrink: 0; }
  .lg-flex-shrink-1 { flex-shrink: 1; }
  .lg-hover-flex-shrink-1:hover { flex-shrink: 1; }
  .lg-focus-flex-shrink-1:focus { flex-shrink: 1; }
  .lg-active-flex-shrink-1:active { flex-shrink: 1; }
  .lg-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  .lg-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  .lg-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  .lg-group:hover .lg-group-hover-flex-shrink-1 { flex-shrink: 1; }
  .lg-flex-basis-0 { flex-basis: 0; }
  .lg-hover-flex-basis-0:hover { flex-basis: 0; }
  .lg-focus-flex-basis-0:focus { flex-basis: 0; }
  .lg-active-flex-basis-0:active { flex-basis: 0; }
  .lg-disabled-flex-basis-0:disabled { flex-basis: 0; }
  .lg-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  .lg-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  .lg-group:hover .lg-group-hover-flex-basis-0 { flex-basis: 0; }
  .lg-flex-basis-auto { flex-basis: auto; }
  .lg-hover-flex-basis-auto:hover { flex-basis: auto; }
  .lg-focus-flex-basis-auto:focus { flex-basis: auto; }
  .lg-active-flex-basis-auto:active { flex-basis: auto; }
  .lg-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  .lg-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  .lg-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  .lg-group:hover .lg-group-hover-flex-basis-auto { flex-basis: auto; }
  .lg-flex-basis-full { flex-basis: 100%; }
  .lg-hover-flex-basis-full:hover { flex-basis: 100%; }
  .lg-focus-flex-basis-full:focus { flex-basis: 100%; }
  .lg-active-flex-basis-full:active { flex-basis: 100%; }
  .lg-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  .lg-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  .lg-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  .lg-group:hover .lg-group-hover-flex-basis-full { flex-basis: 100%; }
  .lg-flex-basis-half { flex-basis: 50%; }
  .lg-hover-flex-basis-half:hover { flex-basis: 50%; }
  .lg-focus-flex-basis-half:focus { flex-basis: 50%; }
  .lg-active-flex-basis-half:active { flex-basis: 50%; }
  .lg-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  .lg-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  .lg-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  .lg-group:hover .lg-group-hover-flex-basis-half { flex-basis: 50%; }
  .lg-flex-basis-one-third { flex-basis: 33.3333%; }
  .lg-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  .lg-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  .lg-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  .lg-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  .lg-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  .lg-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  .lg-group:hover .lg-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  .lg-flex-basis-two-third { flex-basis: 66.6667%; }
  .lg-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  .lg-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  .lg-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  .lg-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  .lg-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  .lg-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  .lg-group:hover .lg-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  .lg-flex-basis-one-quarter { flex-basis: 25%; }
  .lg-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  .lg-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  .lg-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  .lg-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  .lg-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  .lg-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  .lg-group:hover .lg-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  .lg-flex-basis-three-quarter { flex-basis: 75%; }
  .lg-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  .lg-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  .lg-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  .lg-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  .lg-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  .lg-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  .lg-group:hover .lg-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  .lg-flex-basis-one-fifth { flex-basis: 20%; }
  .lg-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  .lg-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  .lg-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  .lg-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  .lg-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  .lg-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  .lg-group:hover .lg-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  .lg-flex-basis-two-fifth { flex-basis: 40%; }
  .lg-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  .lg-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  .lg-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  .lg-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  .lg-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  .lg-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  .lg-group:hover .lg-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  .lg-flex-basis-three-fifth { flex-basis: 60%; }
  .lg-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  .lg-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  .lg-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  .lg-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  .lg-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  .lg-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  .lg-group:hover .lg-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  .lg-flex-basis-four-fifth { flex-basis: 80%; }
  .lg-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  .lg-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  .lg-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  .lg-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  .lg-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  .lg-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  .lg-group:hover .lg-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  .lg-order-first { order: -1; }
  .lg-hover-order-first:hover { order: -1; }
  .lg-focus-order-first:focus { order: -1; }
  .lg-active-order-first:active { order: -1; }
  .lg-disabled-order-first:disabled { order: -1; }
  .lg-focus-visible-order-first:focus-visible { order: -1; }
  .lg-focus-within-order-first:focus-within { order: -1; }
  .lg-group:hover .lg-group-hover-order-first { order: -1; }
  .lg-order-last { order: 9999; }
  .lg-hover-order-last:hover { order: 9999; }
  .lg-focus-order-last:focus { order: 9999; }
  .lg-active-order-last:active { order: 9999; }
  .lg-disabled-order-last:disabled { order: 9999; }
  .lg-focus-visible-order-last:focus-visible { order: 9999; }
  .lg-focus-within-order-last:focus-within { order: 9999; }
  .lg-group:hover .lg-group-hover-order-last { order: 9999; }
  .lg-order-0 { order: 0; }
  .lg-hover-order-0:hover { order: 0; }
  .lg-focus-order-0:focus { order: 0; }
  .lg-active-order-0:active { order: 0; }
  .lg-disabled-order-0:disabled { order: 0; }
  .lg-focus-visible-order-0:focus-visible { order: 0; }
  .lg-focus-within-order-0:focus-within { order: 0; }
  .lg-group:hover .lg-group-hover-order-0 { order: 0; }
  .lg-order-1 { order: 1; }
  .lg-hover-order-1:hover { order: 1; }
  .lg-focus-order-1:focus { order: 1; }
  .lg-active-order-1:active { order: 1; }
  .lg-disabled-order-1:disabled { order: 1; }
  .lg-focus-visible-order-1:focus-visible { order: 1; }
  .lg-focus-within-order-1:focus-within { order: 1; }
  .lg-group:hover .lg-group-hover-order-1 { order: 1; }
  .lg-order-2 { order: 2; }
  .lg-hover-order-2:hover { order: 2; }
  .lg-focus-order-2:focus { order: 2; }
  .lg-active-order-2:active { order: 2; }
  .lg-disabled-order-2:disabled { order: 2; }
  .lg-focus-visible-order-2:focus-visible { order: 2; }
  .lg-focus-within-order-2:focus-within { order: 2; }
  .lg-group:hover .lg-group-hover-order-2 { order: 2; }
  .lg-order-3 { order: 3; }
  .lg-hover-order-3:hover { order: 3; }
  .lg-focus-order-3:focus { order: 3; }
  .lg-active-order-3:active { order: 3; }
  .lg-disabled-order-3:disabled { order: 3; }
  .lg-focus-visible-order-3:focus-visible { order: 3; }
  .lg-focus-within-order-3:focus-within { order: 3; }
  .lg-group:hover .lg-group-hover-order-3 { order: 3; }
  .lg-order-4 { order: 4; }
  .lg-hover-order-4:hover { order: 4; }
  .lg-focus-order-4:focus { order: 4; }
  .lg-active-order-4:active { order: 4; }
  .lg-disabled-order-4:disabled { order: 4; }
  .lg-focus-visible-order-4:focus-visible { order: 4; }
  .lg-focus-within-order-4:focus-within { order: 4; }
  .lg-group:hover .lg-group-hover-order-4 { order: 4; }
  .lg-order-5 { order: 5; }
  .lg-hover-order-5:hover { order: 5; }
  .lg-focus-order-5:focus { order: 5; }
  .lg-active-order-5:active { order: 5; }
  .lg-disabled-order-5:disabled { order: 5; }
  .lg-focus-visible-order-5:focus-visible { order: 5; }
  .lg-focus-within-order-5:focus-within { order: 5; }
  .lg-group:hover .lg-group-hover-order-5 { order: 5; }
  .lg-order-6 { order: 6; }
  .lg-hover-order-6:hover { order: 6; }
  .lg-focus-order-6:focus { order: 6; }
  .lg-active-order-6:active { order: 6; }
  .lg-disabled-order-6:disabled { order: 6; }
  .lg-focus-visible-order-6:focus-visible { order: 6; }
  .lg-focus-within-order-6:focus-within { order: 6; }
  .lg-group:hover .lg-group-hover-order-6 { order: 6; }
  .lg-order-7 { order: 7; }
  .lg-hover-order-7:hover { order: 7; }
  .lg-focus-order-7:focus { order: 7; }
  .lg-active-order-7:active { order: 7; }
  .lg-disabled-order-7:disabled { order: 7; }
  .lg-focus-visible-order-7:focus-visible { order: 7; }
  .lg-focus-within-order-7:focus-within { order: 7; }
  .lg-group:hover .lg-group-hover-order-7 { order: 7; }
  .lg-order-8 { order: 8; }
  .lg-hover-order-8:hover { order: 8; }
  .lg-focus-order-8:focus { order: 8; }
  .lg-active-order-8:active { order: 8; }
  .lg-disabled-order-8:disabled { order: 8; }
  .lg-focus-visible-order-8:focus-visible { order: 8; }
  .lg-focus-within-order-8:focus-within { order: 8; }
  .lg-group:hover .lg-group-hover-order-8 { order: 8; }
  .lg-order-9 { order: 9; }
  .lg-hover-order-9:hover { order: 9; }
  .lg-focus-order-9:focus { order: 9; }
  .lg-active-order-9:active { order: 9; }
  .lg-disabled-order-9:disabled { order: 9; }
  .lg-focus-visible-order-9:focus-visible { order: 9; }
  .lg-focus-within-order-9:focus-within { order: 9; }
  .lg-group:hover .lg-group-hover-order-9 { order: 9; }
  .lg-order-10 { order: 10; }
  .lg-hover-order-10:hover { order: 10; }
  .lg-focus-order-10:focus { order: 10; }
  .lg-active-order-10:active { order: 10; }
  .lg-disabled-order-10:disabled { order: 10; }
  .lg-focus-visible-order-10:focus-visible { order: 10; }
  .lg-focus-within-order-10:focus-within { order: 10; }
  .lg-group:hover .lg-group-hover-order-10 { order: 10; }
  .lg-order-11 { order: 11; }
  .lg-hover-order-11:hover { order: 11; }
  .lg-focus-order-11:focus { order: 11; }
  .lg-active-order-11:active { order: 11; }
  .lg-disabled-order-11:disabled { order: 11; }
  .lg-focus-visible-order-11:focus-visible { order: 11; }
  .lg-focus-within-order-11:focus-within { order: 11; }
  .lg-group:hover .lg-group-hover-order-11 { order: 11; }
  .lg-order-12 { order: 12; }
  .lg-hover-order-12:hover { order: 12; }
  .lg-focus-order-12:focus { order: 12; }
  .lg-active-order-12:active { order: 12; }
  .lg-disabled-order-12:disabled { order: 12; }
  .lg-focus-visible-order-12:focus-visible { order: 12; }
  .lg-focus-within-order-12:focus-within { order: 12; }
  .lg-group:hover .lg-group-hover-order-12 { order: 12; }
  .lg-whitespace-normal { white-space: normal; }
  .lg-hover-whitespace-normal:hover { white-space: normal; }
  .lg-focus-whitespace-normal:focus { white-space: normal; }
  .lg-active-whitespace-normal:active { white-space: normal; }
  .lg-disabled-whitespace-normal:disabled { white-space: normal; }
  .lg-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  .lg-focus-within-whitespace-normal:focus-within { white-space: normal; }
  .lg-group:hover .lg-group-hover-whitespace-normal { white-space: normal; }
  .lg-whitespace-nowrap { white-space: nowrap; }
  .lg-hover-whitespace-nowrap:hover { white-space: nowrap; }
  .lg-focus-whitespace-nowrap:focus { white-space: nowrap; }
  .lg-active-whitespace-nowrap:active { white-space: nowrap; }
  .lg-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  .lg-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  .lg-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  .lg-group:hover .lg-group-hover-whitespace-nowrap { white-space: nowrap; }
  .lg-whitespace-pre { white-space: pre; }
  .lg-hover-whitespace-pre:hover { white-space: pre; }
  .lg-focus-whitespace-pre:focus { white-space: pre; }
  .lg-active-whitespace-pre:active { white-space: pre; }
  .lg-disabled-whitespace-pre:disabled { white-space: pre; }
  .lg-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  .lg-focus-within-whitespace-pre:focus-within { white-space: pre; }
  .lg-group:hover .lg-group-hover-whitespace-pre { white-space: pre; }
  .lg-whitespace-pre-line { white-space: pre-line; }
  .lg-hover-whitespace-pre-line:hover { white-space: pre-line; }
  .lg-focus-whitespace-pre-line:focus { white-space: pre-line; }
  .lg-active-whitespace-pre-line:active { white-space: pre-line; }
  .lg-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  .lg-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  .lg-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  .lg-group:hover .lg-group-hover-whitespace-pre-line { white-space: pre-line; }
  .lg-whitespace-pre-wrap { white-space: pre-wrap; }
  .lg-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  .lg-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  .lg-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  .lg-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  .lg-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  .lg-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  .lg-group:hover .lg-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  .lg-overflow-auto { overflow: auto; }
  .lg-hover-overflow-auto:hover { overflow: auto; }
  .lg-focus-overflow-auto:focus { overflow: auto; }
  .lg-active-overflow-auto:active { overflow: auto; }
  .lg-disabled-overflow-auto:disabled { overflow: auto; }
  .lg-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  .lg-focus-within-overflow-auto:focus-within { overflow: auto; }
  .lg-group:hover .lg-group-hover-overflow-auto { overflow: auto; }
  .lg-overflow-hidden { overflow: hidden; }
  .lg-hover-overflow-hidden:hover { overflow: hidden; }
  .lg-focus-overflow-hidden:focus { overflow: hidden; }
  .lg-active-overflow-hidden:active { overflow: hidden; }
  .lg-disabled-overflow-hidden:disabled { overflow: hidden; }
  .lg-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  .lg-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  .lg-group:hover .lg-group-hover-overflow-hidden { overflow: hidden; }
  .lg-overflow-visible { overflow: visible; }
  .lg-hover-overflow-visible:hover { overflow: visible; }
  .lg-focus-overflow-visible:focus { overflow: visible; }
  .lg-active-overflow-visible:active { overflow: visible; }
  .lg-disabled-overflow-visible:disabled { overflow: visible; }
  .lg-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  .lg-focus-within-overflow-visible:focus-within { overflow: visible; }
  .lg-group:hover .lg-group-hover-overflow-visible { overflow: visible; }
  .lg-overflow-scroll { overflow: scroll; }
  .lg-hover-overflow-scroll:hover { overflow: scroll; }
  .lg-focus-overflow-scroll:focus { overflow: scroll; }
  .lg-active-overflow-scroll:active { overflow: scroll; }
  .lg-disabled-overflow-scroll:disabled { overflow: scroll; }
  .lg-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  .lg-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  .lg-group:hover .lg-group-hover-overflow-scroll { overflow: scroll; }
  .lg-overflow-x-auto { overflow-x: auto; }
  .lg-hover-overflow-x-auto:hover { overflow-x: auto; }
  .lg-focus-overflow-x-auto:focus { overflow-x: auto; }
  .lg-active-overflow-x-auto:active { overflow-x: auto; }
  .lg-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  .lg-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  .lg-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  .lg-group:hover .lg-group-hover-overflow-x-auto { overflow-x: auto; }
  .lg-overflow-x-hidden { overflow-x: hidden; }
  .lg-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  .lg-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  .lg-active-overflow-x-hidden:active { overflow-x: hidden; }
  .lg-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  .lg-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  .lg-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  .lg-group:hover .lg-group-hover-overflow-x-hidden { overflow-x: hidden; }
  .lg-overflow-x-visible { overflow-x: visible; }
  .lg-hover-overflow-x-visible:hover { overflow-x: visible; }
  .lg-focus-overflow-x-visible:focus { overflow-x: visible; }
  .lg-active-overflow-x-visible:active { overflow-x: visible; }
  .lg-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  .lg-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  .lg-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  .lg-group:hover .lg-group-hover-overflow-x-visible { overflow-x: visible; }
  .lg-overflow-x-scroll { overflow-x: scroll; }
  .lg-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  .lg-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  .lg-active-overflow-x-scroll:active { overflow-x: scroll; }
  .lg-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  .lg-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  .lg-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  .lg-group:hover .lg-group-hover-overflow-x-scroll { overflow-x: scroll; }
  .lg-overflow-y-auto { overflow-y: auto; }
  .lg-hover-overflow-y-auto:hover { overflow-y: auto; }
  .lg-focus-overflow-y-auto:focus { overflow-y: auto; }
  .lg-active-overflow-y-auto:active { overflow-y: auto; }
  .lg-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  .lg-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  .lg-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  .lg-group:hover .lg-group-hover-overflow-y-auto { overflow-y: auto; }
  .lg-overflow-y-hidden { overflow-y: hidden; }
  .lg-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  .lg-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  .lg-active-overflow-y-hidden:active { overflow-y: hidden; }
  .lg-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  .lg-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  .lg-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  .lg-group:hover .lg-group-hover-overflow-y-hidden { overflow-y: hidden; }
  .lg-overflow-y-visible { overflow-y: visible; }
  .lg-hover-overflow-y-visible:hover { overflow-y: visible; }
  .lg-focus-overflow-y-visible:focus { overflow-y: visible; }
  .lg-active-overflow-y-visible:active { overflow-y: visible; }
  .lg-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  .lg-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  .lg-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  .lg-group:hover .lg-group-hover-overflow-y-visible { overflow-y: visible; }
  .lg-overflow-y-scroll { overflow-y: scroll; }
  .lg-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  .lg-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  .lg-active-overflow-y-scroll:active { overflow-y: scroll; }
  .lg-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  .lg-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  .lg-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  .lg-group:hover .lg-group-hover-overflow-y-scroll { overflow-y: scroll; }
  .lg-visible { visibility: visible; }
  .lg-hover-visible:hover { visibility: visible; }
  .lg-focus-visible:focus { visibility: visible; }
  .lg-active-visible:active { visibility: visible; }
  .lg-disabled-visible:disabled { visibility: visible; }
  .lg-focus-visible-visible:focus-visible { visibility: visible; }
  .lg-focus-within-visible:focus-within { visibility: visible; }
  .lg-group:hover .lg-group-hover-visible { visibility: visible; }
  .lg-hidden { visibility: hidden; }
  .lg-hover-hidden:hover { visibility: hidden; }
  .lg-focus-hidden:focus { visibility: hidden; }
  .lg-active-hidden:active { visibility: hidden; }
  .lg-disabled-hidden:disabled { visibility: hidden; }
  .lg-focus-visible-hidden:focus-visible { visibility: hidden; }
  .lg-focus-within-hidden:focus-within { visibility: hidden; }
  .lg-group:hover .lg-group-hover-hidden { visibility: hidden; }
  .lg-collapse { visibility: collapse; }
  .lg-hover-collapse:hover { visibility: collapse; }
  .lg-focus-collapse:focus { visibility: collapse; }
  .lg-active-collapse:active { visibility: collapse; }
  .lg-disabled-collapse:disabled { visibility: collapse; }
  .lg-focus-visible-collapse:focus-visible { visibility: collapse; }
  .lg-focus-within-collapse:focus-within { visibility: collapse; }
  .lg-group:hover .lg-group-hover-collapse { visibility: collapse; }
  .lg-clear-left { clear: left; }
  .lg-hover-clear-left:hover { clear: left; }
  .lg-focus-clear-left:focus { clear: left; }
  .lg-active-clear-left:active { clear: left; }
  .lg-disabled-clear-left:disabled { clear: left; }
  .lg-focus-visible-clear-left:focus-visible { clear: left; }
  .lg-focus-within-clear-left:focus-within { clear: left; }
  .lg-group:hover .lg-group-hover-clear-left { clear: left; }
  .lg-clear-right { clear: right; }
  .lg-hover-clear-right:hover { clear: right; }
  .lg-focus-clear-right:focus { clear: right; }
  .lg-active-clear-right:active { clear: right; }
  .lg-disabled-clear-right:disabled { clear: right; }
  .lg-focus-visible-clear-right:focus-visible { clear: right; }
  .lg-focus-within-clear-right:focus-within { clear: right; }
  .lg-group:hover .lg-group-hover-clear-right { clear: right; }
  .lg-clear-both { clear: both; }
  .lg-hover-clear-both:hover { clear: both; }
  .lg-focus-clear-both:focus { clear: both; }
  .lg-active-clear-both:active { clear: both; }
  .lg-disabled-clear-both:disabled { clear: both; }
  .lg-focus-visible-clear-both:focus-visible { clear: both; }
  .lg-focus-within-clear-both:focus-within { clear: both; }
  .lg-group:hover .lg-group-hover-clear-both { clear: both; }
  .lg-float-left { float: left; }
  .lg-hover-float-left:hover { float: left; }
  .lg-focus-float-left:focus { float: left; }
  .lg-active-float-left:active { float: left; }
  .lg-disabled-float-left:disabled { float: left; }
  .lg-focus-visible-float-left:focus-visible { float: left; }
  .lg-focus-within-float-left:focus-within { float: left; }
  .lg-group:hover .lg-group-hover-float-left { float: left; }
  .lg-float-right { float: right; }
  .lg-hover-float-right:hover { float: right; }
  .lg-focus-float-right:focus { float: right; }
  .lg-active-float-right:active { float: right; }
  .lg-disabled-float-right:disabled { float: right; }
  .lg-focus-visible-float-right:focus-visible { float: right; }
  .lg-focus-within-float-right:focus-within { float: right; }
  .lg-group:hover .lg-group-hover-float-right { float: right; }
  .lg-float-none { float: none; }
  .lg-hover-float-none:hover { float: none; }
  .lg-focus-float-none:focus { float: none; }
  .lg-active-float-none:active { float: none; }
  .lg-disabled-float-none:disabled { float: none; }
  .lg-focus-visible-float-none:focus-visible { float: none; }
  .lg-focus-within-float-none:focus-within { float: none; }
  .lg-group:hover .lg-group-hover-float-none { float: none; }
  .lg-w-0 { width: 0; }
  .lg-hover-w-0:hover { width: 0; }
  .lg-focus-w-0:focus { width: 0; }
  .lg-active-w-0:active { width: 0; }
  .lg-disabled-w-0:disabled { width: 0; }
  .lg-focus-visible-w-0:focus-visible { width: 0; }
  .lg-focus-within-w-0:focus-within { width: 0; }
  .lg-group:hover .lg-group-hover-w-0 { width: 0; }
  .lg-h-0 { height: 0; }
  .lg-hover-h-0:hover { height: 0; }
  .lg-focus-h-0:focus { height: 0; }
  .lg-active-h-0:active { height: 0; }
  .lg-disabled-h-0:disabled { height: 0; }
  .lg-focus-visible-h-0:focus-visible { height: 0; }
  .lg-focus-within-h-0:focus-within { height: 0; }
  .lg-group:hover .lg-group-hover-h-0 { height: 0; }
  .lg-min-w-0 { min-width: 0; }
  .lg-hover-min-w-0:hover { min-width: 0; }
  .lg-focus-min-w-0:focus { min-width: 0; }
  .lg-active-min-w-0:active { min-width: 0; }
  .lg-disabled-min-w-0:disabled { min-width: 0; }
  .lg-focus-visible-min-w-0:focus-visible { min-width: 0; }
  .lg-focus-within-min-w-0:focus-within { min-width: 0; }
  .lg-group:hover .lg-group-hover-min-w-0 { min-width: 0; }
  .lg-max-w-0 { max-width: 0; }
  .lg-hover-max-w-0:hover { max-width: 0; }
  .lg-focus-max-w-0:focus { max-width: 0; }
  .lg-active-max-w-0:active { max-width: 0; }
  .lg-disabled-max-w-0:disabled { max-width: 0; }
  .lg-focus-visible-max-w-0:focus-visible { max-width: 0; }
  .lg-focus-within-max-w-0:focus-within { max-width: 0; }
  .lg-group:hover .lg-group-hover-max-w-0 { max-width: 0; }
  .lg-min-h-0 { min-height: 0; }
  .lg-hover-min-h-0:hover { min-height: 0; }
  .lg-focus-min-h-0:focus { min-height: 0; }
  .lg-active-min-h-0:active { min-height: 0; }
  .lg-disabled-min-h-0:disabled { min-height: 0; }
  .lg-focus-visible-min-h-0:focus-visible { min-height: 0; }
  .lg-focus-within-min-h-0:focus-within { min-height: 0; }
  .lg-group:hover .lg-group-hover-min-h-0 { min-height: 0; }
  .lg-max-h-0 { max-height: 0; }
  .lg-hover-max-h-0:hover { max-height: 0; }
  .lg-focus-max-h-0:focus { max-height: 0; }
  .lg-active-max-h-0:active { max-height: 0; }
  .lg-disabled-max-h-0:disabled { max-height: 0; }
  .lg-focus-visible-max-h-0:focus-visible { max-height: 0; }
  .lg-focus-within-max-h-0:focus-within { max-height: 0; }
  .lg-group:hover .lg-group-hover-max-h-0 { max-height: 0; }
  .lg-w-1 { width: 0.25rem; }
  .lg-hover-w-1:hover { width: 0.25rem; }
  .lg-focus-w-1:focus { width: 0.25rem; }
  .lg-active-w-1:active { width: 0.25rem; }
  .lg-disabled-w-1:disabled { width: 0.25rem; }
  .lg-focus-visible-w-1:focus-visible { width: 0.25rem; }
  .lg-focus-within-w-1:focus-within { width: 0.25rem; }
  .lg-group:hover .lg-group-hover-w-1 { width: 0.25rem; }
  .lg-h-1 { height: 0.25rem; }
  .lg-hover-h-1:hover { height: 0.25rem; }
  .lg-focus-h-1:focus { height: 0.25rem; }
  .lg-active-h-1:active { height: 0.25rem; }
  .lg-disabled-h-1:disabled { height: 0.25rem; }
  .lg-focus-visible-h-1:focus-visible { height: 0.25rem; }
  .lg-focus-within-h-1:focus-within { height: 0.25rem; }
  .lg-group:hover .lg-group-hover-h-1 { height: 0.25rem; }
  .lg-min-w-1 { min-width: 0.25rem; }
  .lg-hover-min-w-1:hover { min-width: 0.25rem; }
  .lg-focus-min-w-1:focus { min-width: 0.25rem; }
  .lg-active-min-w-1:active { min-width: 0.25rem; }
  .lg-disabled-min-w-1:disabled { min-width: 0.25rem; }
  .lg-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  .lg-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-min-w-1 { min-width: 0.25rem; }
  .lg-max-w-1 { max-width: 0.25rem; }
  .lg-hover-max-w-1:hover { max-width: 0.25rem; }
  .lg-focus-max-w-1:focus { max-width: 0.25rem; }
  .lg-active-max-w-1:active { max-width: 0.25rem; }
  .lg-disabled-max-w-1:disabled { max-width: 0.25rem; }
  .lg-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  .lg-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-max-w-1 { max-width: 0.25rem; }
  .lg-min-h-1 { min-height: 0.25rem; }
  .lg-hover-min-h-1:hover { min-height: 0.25rem; }
  .lg-focus-min-h-1:focus { min-height: 0.25rem; }
  .lg-active-min-h-1:active { min-height: 0.25rem; }
  .lg-disabled-min-h-1:disabled { min-height: 0.25rem; }
  .lg-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  .lg-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  .lg-group:hover .lg-group-hover-min-h-1 { min-height: 0.25rem; }
  .lg-max-h-1 { max-height: 0.25rem; }
  .lg-hover-max-h-1:hover { max-height: 0.25rem; }
  .lg-focus-max-h-1:focus { max-height: 0.25rem; }
  .lg-active-max-h-1:active { max-height: 0.25rem; }
  .lg-disabled-max-h-1:disabled { max-height: 0.25rem; }
  .lg-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  .lg-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  .lg-group:hover .lg-group-hover-max-h-1 { max-height: 0.25rem; }
  .lg-w-2 { width: 0.5rem; }
  .lg-hover-w-2:hover { width: 0.5rem; }
  .lg-focus-w-2:focus { width: 0.5rem; }
  .lg-active-w-2:active { width: 0.5rem; }
  .lg-disabled-w-2:disabled { width: 0.5rem; }
  .lg-focus-visible-w-2:focus-visible { width: 0.5rem; }
  .lg-focus-within-w-2:focus-within { width: 0.5rem; }
  .lg-group:hover .lg-group-hover-w-2 { width: 0.5rem; }
  .lg-h-2 { height: 0.5rem; }
  .lg-hover-h-2:hover { height: 0.5rem; }
  .lg-focus-h-2:focus { height: 0.5rem; }
  .lg-active-h-2:active { height: 0.5rem; }
  .lg-disabled-h-2:disabled { height: 0.5rem; }
  .lg-focus-visible-h-2:focus-visible { height: 0.5rem; }
  .lg-focus-within-h-2:focus-within { height: 0.5rem; }
  .lg-group:hover .lg-group-hover-h-2 { height: 0.5rem; }
  .lg-min-w-2 { min-width: 0.5rem; }
  .lg-hover-min-w-2:hover { min-width: 0.5rem; }
  .lg-focus-min-w-2:focus { min-width: 0.5rem; }
  .lg-active-min-w-2:active { min-width: 0.5rem; }
  .lg-disabled-min-w-2:disabled { min-width: 0.5rem; }
  .lg-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  .lg-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-min-w-2 { min-width: 0.5rem; }
  .lg-max-w-2 { max-width: 0.5rem; }
  .lg-hover-max-w-2:hover { max-width: 0.5rem; }
  .lg-focus-max-w-2:focus { max-width: 0.5rem; }
  .lg-active-max-w-2:active { max-width: 0.5rem; }
  .lg-disabled-max-w-2:disabled { max-width: 0.5rem; }
  .lg-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  .lg-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-max-w-2 { max-width: 0.5rem; }
  .lg-min-h-2 { min-height: 0.5rem; }
  .lg-hover-min-h-2:hover { min-height: 0.5rem; }
  .lg-focus-min-h-2:focus { min-height: 0.5rem; }
  .lg-active-min-h-2:active { min-height: 0.5rem; }
  .lg-disabled-min-h-2:disabled { min-height: 0.5rem; }
  .lg-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  .lg-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  .lg-group:hover .lg-group-hover-min-h-2 { min-height: 0.5rem; }
  .lg-max-h-2 { max-height: 0.5rem; }
  .lg-hover-max-h-2:hover { max-height: 0.5rem; }
  .lg-focus-max-h-2:focus { max-height: 0.5rem; }
  .lg-active-max-h-2:active { max-height: 0.5rem; }
  .lg-disabled-max-h-2:disabled { max-height: 0.5rem; }
  .lg-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  .lg-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  .lg-group:hover .lg-group-hover-max-h-2 { max-height: 0.5rem; }
  .lg-w-3 { width: 0.75rem; }
  .lg-hover-w-3:hover { width: 0.75rem; }
  .lg-focus-w-3:focus { width: 0.75rem; }
  .lg-active-w-3:active { width: 0.75rem; }
  .lg-disabled-w-3:disabled { width: 0.75rem; }
  .lg-focus-visible-w-3:focus-visible { width: 0.75rem; }
  .lg-focus-within-w-3:focus-within { width: 0.75rem; }
  .lg-group:hover .lg-group-hover-w-3 { width: 0.75rem; }
  .lg-h-3 { height: 0.75rem; }
  .lg-hover-h-3:hover { height: 0.75rem; }
  .lg-focus-h-3:focus { height: 0.75rem; }
  .lg-active-h-3:active { height: 0.75rem; }
  .lg-disabled-h-3:disabled { height: 0.75rem; }
  .lg-focus-visible-h-3:focus-visible { height: 0.75rem; }
  .lg-focus-within-h-3:focus-within { height: 0.75rem; }
  .lg-group:hover .lg-group-hover-h-3 { height: 0.75rem; }
  .lg-min-w-3 { min-width: 0.75rem; }
  .lg-hover-min-w-3:hover { min-width: 0.75rem; }
  .lg-focus-min-w-3:focus { min-width: 0.75rem; }
  .lg-active-min-w-3:active { min-width: 0.75rem; }
  .lg-disabled-min-w-3:disabled { min-width: 0.75rem; }
  .lg-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  .lg-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-min-w-3 { min-width: 0.75rem; }
  .lg-max-w-3 { max-width: 0.75rem; }
  .lg-hover-max-w-3:hover { max-width: 0.75rem; }
  .lg-focus-max-w-3:focus { max-width: 0.75rem; }
  .lg-active-max-w-3:active { max-width: 0.75rem; }
  .lg-disabled-max-w-3:disabled { max-width: 0.75rem; }
  .lg-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  .lg-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-max-w-3 { max-width: 0.75rem; }
  .lg-min-h-3 { min-height: 0.75rem; }
  .lg-hover-min-h-3:hover { min-height: 0.75rem; }
  .lg-focus-min-h-3:focus { min-height: 0.75rem; }
  .lg-active-min-h-3:active { min-height: 0.75rem; }
  .lg-disabled-min-h-3:disabled { min-height: 0.75rem; }
  .lg-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  .lg-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  .lg-group:hover .lg-group-hover-min-h-3 { min-height: 0.75rem; }
  .lg-max-h-3 { max-height: 0.75rem; }
  .lg-hover-max-h-3:hover { max-height: 0.75rem; }
  .lg-focus-max-h-3:focus { max-height: 0.75rem; }
  .lg-active-max-h-3:active { max-height: 0.75rem; }
  .lg-disabled-max-h-3:disabled { max-height: 0.75rem; }
  .lg-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  .lg-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  .lg-group:hover .lg-group-hover-max-h-3 { max-height: 0.75rem; }
  .lg-w-4 { width: 1rem; }
  .lg-hover-w-4:hover { width: 1rem; }
  .lg-focus-w-4:focus { width: 1rem; }
  .lg-active-w-4:active { width: 1rem; }
  .lg-disabled-w-4:disabled { width: 1rem; }
  .lg-focus-visible-w-4:focus-visible { width: 1rem; }
  .lg-focus-within-w-4:focus-within { width: 1rem; }
  .lg-group:hover .lg-group-hover-w-4 { width: 1rem; }
  .lg-h-4 { height: 1rem; }
  .lg-hover-h-4:hover { height: 1rem; }
  .lg-focus-h-4:focus { height: 1rem; }
  .lg-active-h-4:active { height: 1rem; }
  .lg-disabled-h-4:disabled { height: 1rem; }
  .lg-focus-visible-h-4:focus-visible { height: 1rem; }
  .lg-focus-within-h-4:focus-within { height: 1rem; }
  .lg-group:hover .lg-group-hover-h-4 { height: 1rem; }
  .lg-min-w-4 { min-width: 1rem; }
  .lg-hover-min-w-4:hover { min-width: 1rem; }
  .lg-focus-min-w-4:focus { min-width: 1rem; }
  .lg-active-min-w-4:active { min-width: 1rem; }
  .lg-disabled-min-w-4:disabled { min-width: 1rem; }
  .lg-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  .lg-focus-within-min-w-4:focus-within { min-width: 1rem; }
  .lg-group:hover .lg-group-hover-min-w-4 { min-width: 1rem; }
  .lg-max-w-4 { max-width: 1rem; }
  .lg-hover-max-w-4:hover { max-width: 1rem; }
  .lg-focus-max-w-4:focus { max-width: 1rem; }
  .lg-active-max-w-4:active { max-width: 1rem; }
  .lg-disabled-max-w-4:disabled { max-width: 1rem; }
  .lg-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  .lg-focus-within-max-w-4:focus-within { max-width: 1rem; }
  .lg-group:hover .lg-group-hover-max-w-4 { max-width: 1rem; }
  .lg-min-h-4 { min-height: 1rem; }
  .lg-hover-min-h-4:hover { min-height: 1rem; }
  .lg-focus-min-h-4:focus { min-height: 1rem; }
  .lg-active-min-h-4:active { min-height: 1rem; }
  .lg-disabled-min-h-4:disabled { min-height: 1rem; }
  .lg-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  .lg-focus-within-min-h-4:focus-within { min-height: 1rem; }
  .lg-group:hover .lg-group-hover-min-h-4 { min-height: 1rem; }
  .lg-max-h-4 { max-height: 1rem; }
  .lg-hover-max-h-4:hover { max-height: 1rem; }
  .lg-focus-max-h-4:focus { max-height: 1rem; }
  .lg-active-max-h-4:active { max-height: 1rem; }
  .lg-disabled-max-h-4:disabled { max-height: 1rem; }
  .lg-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  .lg-focus-within-max-h-4:focus-within { max-height: 1rem; }
  .lg-group:hover .lg-group-hover-max-h-4 { max-height: 1rem; }
  .lg-w-5 { width: 1.25rem; }
  .lg-hover-w-5:hover { width: 1.25rem; }
  .lg-focus-w-5:focus { width: 1.25rem; }
  .lg-active-w-5:active { width: 1.25rem; }
  .lg-disabled-w-5:disabled { width: 1.25rem; }
  .lg-focus-visible-w-5:focus-visible { width: 1.25rem; }
  .lg-focus-within-w-5:focus-within { width: 1.25rem; }
  .lg-group:hover .lg-group-hover-w-5 { width: 1.25rem; }
  .lg-h-5 { height: 1.25rem; }
  .lg-hover-h-5:hover { height: 1.25rem; }
  .lg-focus-h-5:focus { height: 1.25rem; }
  .lg-active-h-5:active { height: 1.25rem; }
  .lg-disabled-h-5:disabled { height: 1.25rem; }
  .lg-focus-visible-h-5:focus-visible { height: 1.25rem; }
  .lg-focus-within-h-5:focus-within { height: 1.25rem; }
  .lg-group:hover .lg-group-hover-h-5 { height: 1.25rem; }
  .lg-min-w-5 { min-width: 1.25rem; }
  .lg-hover-min-w-5:hover { min-width: 1.25rem; }
  .lg-focus-min-w-5:focus { min-width: 1.25rem; }
  .lg-active-min-w-5:active { min-width: 1.25rem; }
  .lg-disabled-min-w-5:disabled { min-width: 1.25rem; }
  .lg-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  .lg-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-min-w-5 { min-width: 1.25rem; }
  .lg-max-w-5 { max-width: 1.25rem; }
  .lg-hover-max-w-5:hover { max-width: 1.25rem; }
  .lg-focus-max-w-5:focus { max-width: 1.25rem; }
  .lg-active-max-w-5:active { max-width: 1.25rem; }
  .lg-disabled-max-w-5:disabled { max-width: 1.25rem; }
  .lg-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  .lg-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-max-w-5 { max-width: 1.25rem; }
  .lg-min-h-5 { min-height: 1.25rem; }
  .lg-hover-min-h-5:hover { min-height: 1.25rem; }
  .lg-focus-min-h-5:focus { min-height: 1.25rem; }
  .lg-active-min-h-5:active { min-height: 1.25rem; }
  .lg-disabled-min-h-5:disabled { min-height: 1.25rem; }
  .lg-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  .lg-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  .lg-group:hover .lg-group-hover-min-h-5 { min-height: 1.25rem; }
  .lg-max-h-5 { max-height: 1.25rem; }
  .lg-hover-max-h-5:hover { max-height: 1.25rem; }
  .lg-focus-max-h-5:focus { max-height: 1.25rem; }
  .lg-active-max-h-5:active { max-height: 1.25rem; }
  .lg-disabled-max-h-5:disabled { max-height: 1.25rem; }
  .lg-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  .lg-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  .lg-group:hover .lg-group-hover-max-h-5 { max-height: 1.25rem; }
  .lg-w-6 { width: 1.5rem; }
  .lg-hover-w-6:hover { width: 1.5rem; }
  .lg-focus-w-6:focus { width: 1.5rem; }
  .lg-active-w-6:active { width: 1.5rem; }
  .lg-disabled-w-6:disabled { width: 1.5rem; }
  .lg-focus-visible-w-6:focus-visible { width: 1.5rem; }
  .lg-focus-within-w-6:focus-within { width: 1.5rem; }
  .lg-group:hover .lg-group-hover-w-6 { width: 1.5rem; }
  .lg-h-6 { height: 1.5rem; }
  .lg-hover-h-6:hover { height: 1.5rem; }
  .lg-focus-h-6:focus { height: 1.5rem; }
  .lg-active-h-6:active { height: 1.5rem; }
  .lg-disabled-h-6:disabled { height: 1.5rem; }
  .lg-focus-visible-h-6:focus-visible { height: 1.5rem; }
  .lg-focus-within-h-6:focus-within { height: 1.5rem; }
  .lg-group:hover .lg-group-hover-h-6 { height: 1.5rem; }
  .lg-min-w-6 { min-width: 1.5rem; }
  .lg-hover-min-w-6:hover { min-width: 1.5rem; }
  .lg-focus-min-w-6:focus { min-width: 1.5rem; }
  .lg-active-min-w-6:active { min-width: 1.5rem; }
  .lg-disabled-min-w-6:disabled { min-width: 1.5rem; }
  .lg-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  .lg-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-min-w-6 { min-width: 1.5rem; }
  .lg-max-w-6 { max-width: 1.5rem; }
  .lg-hover-max-w-6:hover { max-width: 1.5rem; }
  .lg-focus-max-w-6:focus { max-width: 1.5rem; }
  .lg-active-max-w-6:active { max-width: 1.5rem; }
  .lg-disabled-max-w-6:disabled { max-width: 1.5rem; }
  .lg-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  .lg-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-max-w-6 { max-width: 1.5rem; }
  .lg-min-h-6 { min-height: 1.5rem; }
  .lg-hover-min-h-6:hover { min-height: 1.5rem; }
  .lg-focus-min-h-6:focus { min-height: 1.5rem; }
  .lg-active-min-h-6:active { min-height: 1.5rem; }
  .lg-disabled-min-h-6:disabled { min-height: 1.5rem; }
  .lg-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  .lg-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  .lg-group:hover .lg-group-hover-min-h-6 { min-height: 1.5rem; }
  .lg-max-h-6 { max-height: 1.5rem; }
  .lg-hover-max-h-6:hover { max-height: 1.5rem; }
  .lg-focus-max-h-6:focus { max-height: 1.5rem; }
  .lg-active-max-h-6:active { max-height: 1.5rem; }
  .lg-disabled-max-h-6:disabled { max-height: 1.5rem; }
  .lg-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  .lg-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  .lg-group:hover .lg-group-hover-max-h-6 { max-height: 1.5rem; }
  .lg-w-7 { width: 1.75rem; }
  .lg-hover-w-7:hover { width: 1.75rem; }
  .lg-focus-w-7:focus { width: 1.75rem; }
  .lg-active-w-7:active { width: 1.75rem; }
  .lg-disabled-w-7:disabled { width: 1.75rem; }
  .lg-focus-visible-w-7:focus-visible { width: 1.75rem; }
  .lg-focus-within-w-7:focus-within { width: 1.75rem; }
  .lg-group:hover .lg-group-hover-w-7 { width: 1.75rem; }
  .lg-h-7 { height: 1.75rem; }
  .lg-hover-h-7:hover { height: 1.75rem; }
  .lg-focus-h-7:focus { height: 1.75rem; }
  .lg-active-h-7:active { height: 1.75rem; }
  .lg-disabled-h-7:disabled { height: 1.75rem; }
  .lg-focus-visible-h-7:focus-visible { height: 1.75rem; }
  .lg-focus-within-h-7:focus-within { height: 1.75rem; }
  .lg-group:hover .lg-group-hover-h-7 { height: 1.75rem; }
  .lg-min-w-7 { min-width: 1.75rem; }
  .lg-hover-min-w-7:hover { min-width: 1.75rem; }
  .lg-focus-min-w-7:focus { min-width: 1.75rem; }
  .lg-active-min-w-7:active { min-width: 1.75rem; }
  .lg-disabled-min-w-7:disabled { min-width: 1.75rem; }
  .lg-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  .lg-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-min-w-7 { min-width: 1.75rem; }
  .lg-max-w-7 { max-width: 1.75rem; }
  .lg-hover-max-w-7:hover { max-width: 1.75rem; }
  .lg-focus-max-w-7:focus { max-width: 1.75rem; }
  .lg-active-max-w-7:active { max-width: 1.75rem; }
  .lg-disabled-max-w-7:disabled { max-width: 1.75rem; }
  .lg-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  .lg-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-max-w-7 { max-width: 1.75rem; }
  .lg-min-h-7 { min-height: 1.75rem; }
  .lg-hover-min-h-7:hover { min-height: 1.75rem; }
  .lg-focus-min-h-7:focus { min-height: 1.75rem; }
  .lg-active-min-h-7:active { min-height: 1.75rem; }
  .lg-disabled-min-h-7:disabled { min-height: 1.75rem; }
  .lg-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  .lg-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  .lg-group:hover .lg-group-hover-min-h-7 { min-height: 1.75rem; }
  .lg-max-h-7 { max-height: 1.75rem; }
  .lg-hover-max-h-7:hover { max-height: 1.75rem; }
  .lg-focus-max-h-7:focus { max-height: 1.75rem; }
  .lg-active-max-h-7:active { max-height: 1.75rem; }
  .lg-disabled-max-h-7:disabled { max-height: 1.75rem; }
  .lg-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  .lg-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  .lg-group:hover .lg-group-hover-max-h-7 { max-height: 1.75rem; }
  .lg-w-8 { width: 2rem; }
  .lg-hover-w-8:hover { width: 2rem; }
  .lg-focus-w-8:focus { width: 2rem; }
  .lg-active-w-8:active { width: 2rem; }
  .lg-disabled-w-8:disabled { width: 2rem; }
  .lg-focus-visible-w-8:focus-visible { width: 2rem; }
  .lg-focus-within-w-8:focus-within { width: 2rem; }
  .lg-group:hover .lg-group-hover-w-8 { width: 2rem; }
  .lg-h-8 { height: 2rem; }
  .lg-hover-h-8:hover { height: 2rem; }
  .lg-focus-h-8:focus { height: 2rem; }
  .lg-active-h-8:active { height: 2rem; }
  .lg-disabled-h-8:disabled { height: 2rem; }
  .lg-focus-visible-h-8:focus-visible { height: 2rem; }
  .lg-focus-within-h-8:focus-within { height: 2rem; }
  .lg-group:hover .lg-group-hover-h-8 { height: 2rem; }
  .lg-min-w-8 { min-width: 2rem; }
  .lg-hover-min-w-8:hover { min-width: 2rem; }
  .lg-focus-min-w-8:focus { min-width: 2rem; }
  .lg-active-min-w-8:active { min-width: 2rem; }
  .lg-disabled-min-w-8:disabled { min-width: 2rem; }
  .lg-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  .lg-focus-within-min-w-8:focus-within { min-width: 2rem; }
  .lg-group:hover .lg-group-hover-min-w-8 { min-width: 2rem; }
  .lg-max-w-8 { max-width: 2rem; }
  .lg-hover-max-w-8:hover { max-width: 2rem; }
  .lg-focus-max-w-8:focus { max-width: 2rem; }
  .lg-active-max-w-8:active { max-width: 2rem; }
  .lg-disabled-max-w-8:disabled { max-width: 2rem; }
  .lg-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  .lg-focus-within-max-w-8:focus-within { max-width: 2rem; }
  .lg-group:hover .lg-group-hover-max-w-8 { max-width: 2rem; }
  .lg-min-h-8 { min-height: 2rem; }
  .lg-hover-min-h-8:hover { min-height: 2rem; }
  .lg-focus-min-h-8:focus { min-height: 2rem; }
  .lg-active-min-h-8:active { min-height: 2rem; }
  .lg-disabled-min-h-8:disabled { min-height: 2rem; }
  .lg-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  .lg-focus-within-min-h-8:focus-within { min-height: 2rem; }
  .lg-group:hover .lg-group-hover-min-h-8 { min-height: 2rem; }
  .lg-max-h-8 { max-height: 2rem; }
  .lg-hover-max-h-8:hover { max-height: 2rem; }
  .lg-focus-max-h-8:focus { max-height: 2rem; }
  .lg-active-max-h-8:active { max-height: 2rem; }
  .lg-disabled-max-h-8:disabled { max-height: 2rem; }
  .lg-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  .lg-focus-within-max-h-8:focus-within { max-height: 2rem; }
  .lg-group:hover .lg-group-hover-max-h-8 { max-height: 2rem; }
  .lg-w-9 { width: 2.25rem; }
  .lg-hover-w-9:hover { width: 2.25rem; }
  .lg-focus-w-9:focus { width: 2.25rem; }
  .lg-active-w-9:active { width: 2.25rem; }
  .lg-disabled-w-9:disabled { width: 2.25rem; }
  .lg-focus-visible-w-9:focus-visible { width: 2.25rem; }
  .lg-focus-within-w-9:focus-within { width: 2.25rem; }
  .lg-group:hover .lg-group-hover-w-9 { width: 2.25rem; }
  .lg-h-9 { height: 2.25rem; }
  .lg-hover-h-9:hover { height: 2.25rem; }
  .lg-focus-h-9:focus { height: 2.25rem; }
  .lg-active-h-9:active { height: 2.25rem; }
  .lg-disabled-h-9:disabled { height: 2.25rem; }
  .lg-focus-visible-h-9:focus-visible { height: 2.25rem; }
  .lg-focus-within-h-9:focus-within { height: 2.25rem; }
  .lg-group:hover .lg-group-hover-h-9 { height: 2.25rem; }
  .lg-min-w-9 { min-width: 2.25rem; }
  .lg-hover-min-w-9:hover { min-width: 2.25rem; }
  .lg-focus-min-w-9:focus { min-width: 2.25rem; }
  .lg-active-min-w-9:active { min-width: 2.25rem; }
  .lg-disabled-min-w-9:disabled { min-width: 2.25rem; }
  .lg-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  .lg-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  .lg-group:hover .lg-group-hover-min-w-9 { min-width: 2.25rem; }
  .lg-max-w-9 { max-width: 2.25rem; }
  .lg-hover-max-w-9:hover { max-width: 2.25rem; }
  .lg-focus-max-w-9:focus { max-width: 2.25rem; }
  .lg-active-max-w-9:active { max-width: 2.25rem; }
  .lg-disabled-max-w-9:disabled { max-width: 2.25rem; }
  .lg-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  .lg-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  .lg-group:hover .lg-group-hover-max-w-9 { max-width: 2.25rem; }
  .lg-min-h-9 { min-height: 2.25rem; }
  .lg-hover-min-h-9:hover { min-height: 2.25rem; }
  .lg-focus-min-h-9:focus { min-height: 2.25rem; }
  .lg-active-min-h-9:active { min-height: 2.25rem; }
  .lg-disabled-min-h-9:disabled { min-height: 2.25rem; }
  .lg-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  .lg-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  .lg-group:hover .lg-group-hover-min-h-9 { min-height: 2.25rem; }
  .lg-max-h-9 { max-height: 2.25rem; }
  .lg-hover-max-h-9:hover { max-height: 2.25rem; }
  .lg-focus-max-h-9:focus { max-height: 2.25rem; }
  .lg-active-max-h-9:active { max-height: 2.25rem; }
  .lg-disabled-max-h-9:disabled { max-height: 2.25rem; }
  .lg-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  .lg-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  .lg-group:hover .lg-group-hover-max-h-9 { max-height: 2.25rem; }
  .lg-w-10 { width: 2.5rem; }
  .lg-hover-w-10:hover { width: 2.5rem; }
  .lg-focus-w-10:focus { width: 2.5rem; }
  .lg-active-w-10:active { width: 2.5rem; }
  .lg-disabled-w-10:disabled { width: 2.5rem; }
  .lg-focus-visible-w-10:focus-visible { width: 2.5rem; }
  .lg-focus-within-w-10:focus-within { width: 2.5rem; }
  .lg-group:hover .lg-group-hover-w-10 { width: 2.5rem; }
  .lg-h-10 { height: 2.5rem; }
  .lg-hover-h-10:hover { height: 2.5rem; }
  .lg-focus-h-10:focus { height: 2.5rem; }
  .lg-active-h-10:active { height: 2.5rem; }
  .lg-disabled-h-10:disabled { height: 2.5rem; }
  .lg-focus-visible-h-10:focus-visible { height: 2.5rem; }
  .lg-focus-within-h-10:focus-within { height: 2.5rem; }
  .lg-group:hover .lg-group-hover-h-10 { height: 2.5rem; }
  .lg-min-w-10 { min-width: 2.5rem; }
  .lg-hover-min-w-10:hover { min-width: 2.5rem; }
  .lg-focus-min-w-10:focus { min-width: 2.5rem; }
  .lg-active-min-w-10:active { min-width: 2.5rem; }
  .lg-disabled-min-w-10:disabled { min-width: 2.5rem; }
  .lg-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  .lg-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  .lg-group:hover .lg-group-hover-min-w-10 { min-width: 2.5rem; }
  .lg-max-w-10 { max-width: 2.5rem; }
  .lg-hover-max-w-10:hover { max-width: 2.5rem; }
  .lg-focus-max-w-10:focus { max-width: 2.5rem; }
  .lg-active-max-w-10:active { max-width: 2.5rem; }
  .lg-disabled-max-w-10:disabled { max-width: 2.5rem; }
  .lg-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  .lg-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  .lg-group:hover .lg-group-hover-max-w-10 { max-width: 2.5rem; }
  .lg-min-h-10 { min-height: 2.5rem; }
  .lg-hover-min-h-10:hover { min-height: 2.5rem; }
  .lg-focus-min-h-10:focus { min-height: 2.5rem; }
  .lg-active-min-h-10:active { min-height: 2.5rem; }
  .lg-disabled-min-h-10:disabled { min-height: 2.5rem; }
  .lg-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  .lg-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  .lg-group:hover .lg-group-hover-min-h-10 { min-height: 2.5rem; }
  .lg-max-h-10 { max-height: 2.5rem; }
  .lg-hover-max-h-10:hover { max-height: 2.5rem; }
  .lg-focus-max-h-10:focus { max-height: 2.5rem; }
  .lg-active-max-h-10:active { max-height: 2.5rem; }
  .lg-disabled-max-h-10:disabled { max-height: 2.5rem; }
  .lg-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  .lg-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  .lg-group:hover .lg-group-hover-max-h-10 { max-height: 2.5rem; }
  .lg-w-11 { width: 2.75rem; }
  .lg-hover-w-11:hover { width: 2.75rem; }
  .lg-focus-w-11:focus { width: 2.75rem; }
  .lg-active-w-11:active { width: 2.75rem; }
  .lg-disabled-w-11:disabled { width: 2.75rem; }
  .lg-focus-visible-w-11:focus-visible { width: 2.75rem; }
  .lg-focus-within-w-11:focus-within { width: 2.75rem; }
  .lg-group:hover .lg-group-hover-w-11 { width: 2.75rem; }
  .lg-h-11 { height: 2.75rem; }
  .lg-hover-h-11:hover { height: 2.75rem; }
  .lg-focus-h-11:focus { height: 2.75rem; }
  .lg-active-h-11:active { height: 2.75rem; }
  .lg-disabled-h-11:disabled { height: 2.75rem; }
  .lg-focus-visible-h-11:focus-visible { height: 2.75rem; }
  .lg-focus-within-h-11:focus-within { height: 2.75rem; }
  .lg-group:hover .lg-group-hover-h-11 { height: 2.75rem; }
  .lg-min-w-11 { min-width: 2.75rem; }
  .lg-hover-min-w-11:hover { min-width: 2.75rem; }
  .lg-focus-min-w-11:focus { min-width: 2.75rem; }
  .lg-active-min-w-11:active { min-width: 2.75rem; }
  .lg-disabled-min-w-11:disabled { min-width: 2.75rem; }
  .lg-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  .lg-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  .lg-group:hover .lg-group-hover-min-w-11 { min-width: 2.75rem; }
  .lg-max-w-11 { max-width: 2.75rem; }
  .lg-hover-max-w-11:hover { max-width: 2.75rem; }
  .lg-focus-max-w-11:focus { max-width: 2.75rem; }
  .lg-active-max-w-11:active { max-width: 2.75rem; }
  .lg-disabled-max-w-11:disabled { max-width: 2.75rem; }
  .lg-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  .lg-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  .lg-group:hover .lg-group-hover-max-w-11 { max-width: 2.75rem; }
  .lg-min-h-11 { min-height: 2.75rem; }
  .lg-hover-min-h-11:hover { min-height: 2.75rem; }
  .lg-focus-min-h-11:focus { min-height: 2.75rem; }
  .lg-active-min-h-11:active { min-height: 2.75rem; }
  .lg-disabled-min-h-11:disabled { min-height: 2.75rem; }
  .lg-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  .lg-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  .lg-group:hover .lg-group-hover-min-h-11 { min-height: 2.75rem; }
  .lg-max-h-11 { max-height: 2.75rem; }
  .lg-hover-max-h-11:hover { max-height: 2.75rem; }
  .lg-focus-max-h-11:focus { max-height: 2.75rem; }
  .lg-active-max-h-11:active { max-height: 2.75rem; }
  .lg-disabled-max-h-11:disabled { max-height: 2.75rem; }
  .lg-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  .lg-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  .lg-group:hover .lg-group-hover-max-h-11 { max-height: 2.75rem; }
  .lg-w-12 { width: 3rem; }
  .lg-hover-w-12:hover { width: 3rem; }
  .lg-focus-w-12:focus { width: 3rem; }
  .lg-active-w-12:active { width: 3rem; }
  .lg-disabled-w-12:disabled { width: 3rem; }
  .lg-focus-visible-w-12:focus-visible { width: 3rem; }
  .lg-focus-within-w-12:focus-within { width: 3rem; }
  .lg-group:hover .lg-group-hover-w-12 { width: 3rem; }
  .lg-h-12 { height: 3rem; }
  .lg-hover-h-12:hover { height: 3rem; }
  .lg-focus-h-12:focus { height: 3rem; }
  .lg-active-h-12:active { height: 3rem; }
  .lg-disabled-h-12:disabled { height: 3rem; }
  .lg-focus-visible-h-12:focus-visible { height: 3rem; }
  .lg-focus-within-h-12:focus-within { height: 3rem; }
  .lg-group:hover .lg-group-hover-h-12 { height: 3rem; }
  .lg-min-w-12 { min-width: 3rem; }
  .lg-hover-min-w-12:hover { min-width: 3rem; }
  .lg-focus-min-w-12:focus { min-width: 3rem; }
  .lg-active-min-w-12:active { min-width: 3rem; }
  .lg-disabled-min-w-12:disabled { min-width: 3rem; }
  .lg-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  .lg-focus-within-min-w-12:focus-within { min-width: 3rem; }
  .lg-group:hover .lg-group-hover-min-w-12 { min-width: 3rem; }
  .lg-max-w-12 { max-width: 3rem; }
  .lg-hover-max-w-12:hover { max-width: 3rem; }
  .lg-focus-max-w-12:focus { max-width: 3rem; }
  .lg-active-max-w-12:active { max-width: 3rem; }
  .lg-disabled-max-w-12:disabled { max-width: 3rem; }
  .lg-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  .lg-focus-within-max-w-12:focus-within { max-width: 3rem; }
  .lg-group:hover .lg-group-hover-max-w-12 { max-width: 3rem; }
  .lg-min-h-12 { min-height: 3rem; }
  .lg-hover-min-h-12:hover { min-height: 3rem; }
  .lg-focus-min-h-12:focus { min-height: 3rem; }
  .lg-active-min-h-12:active { min-height: 3rem; }
  .lg-disabled-min-h-12:disabled { min-height: 3rem; }
  .lg-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  .lg-focus-within-min-h-12:focus-within { min-height: 3rem; }
  .lg-group:hover .lg-group-hover-min-h-12 { min-height: 3rem; }
  .lg-max-h-12 { max-height: 3rem; }
  .lg-hover-max-h-12:hover { max-height: 3rem; }
  .lg-focus-max-h-12:focus { max-height: 3rem; }
  .lg-active-max-h-12:active { max-height: 3rem; }
  .lg-disabled-max-h-12:disabled { max-height: 3rem; }
  .lg-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  .lg-focus-within-max-h-12:focus-within { max-height: 3rem; }
  .lg-group:hover .lg-group-hover-max-h-12 { max-height: 3rem; }
  .lg-w-14 { width: 3.5rem; }
  .lg-hover-w-14:hover { width: 3.5rem; }
  .lg-focus-w-14:focus { width: 3.5rem; }
  .lg-active-w-14:active { width: 3.5rem; }
  .lg-disabled-w-14:disabled { width: 3.5rem; }
  .lg-focus-visible-w-14:focus-visible { width: 3.5rem; }
  .lg-focus-within-w-14:focus-within { width: 3.5rem; }
  .lg-group:hover .lg-group-hover-w-14 { width: 3.5rem; }
  .lg-h-14 { height: 3.5rem; }
  .lg-hover-h-14:hover { height: 3.5rem; }
  .lg-focus-h-14:focus { height: 3.5rem; }
  .lg-active-h-14:active { height: 3.5rem; }
  .lg-disabled-h-14:disabled { height: 3.5rem; }
  .lg-focus-visible-h-14:focus-visible { height: 3.5rem; }
  .lg-focus-within-h-14:focus-within { height: 3.5rem; }
  .lg-group:hover .lg-group-hover-h-14 { height: 3.5rem; }
  .lg-min-w-14 { min-width: 3.5rem; }
  .lg-hover-min-w-14:hover { min-width: 3.5rem; }
  .lg-focus-min-w-14:focus { min-width: 3.5rem; }
  .lg-active-min-w-14:active { min-width: 3.5rem; }
  .lg-disabled-min-w-14:disabled { min-width: 3.5rem; }
  .lg-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  .lg-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  .lg-group:hover .lg-group-hover-min-w-14 { min-width: 3.5rem; }
  .lg-max-w-14 { max-width: 3.5rem; }
  .lg-hover-max-w-14:hover { max-width: 3.5rem; }
  .lg-focus-max-w-14:focus { max-width: 3.5rem; }
  .lg-active-max-w-14:active { max-width: 3.5rem; }
  .lg-disabled-max-w-14:disabled { max-width: 3.5rem; }
  .lg-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  .lg-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  .lg-group:hover .lg-group-hover-max-w-14 { max-width: 3.5rem; }
  .lg-min-h-14 { min-height: 3.5rem; }
  .lg-hover-min-h-14:hover { min-height: 3.5rem; }
  .lg-focus-min-h-14:focus { min-height: 3.5rem; }
  .lg-active-min-h-14:active { min-height: 3.5rem; }
  .lg-disabled-min-h-14:disabled { min-height: 3.5rem; }
  .lg-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  .lg-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  .lg-group:hover .lg-group-hover-min-h-14 { min-height: 3.5rem; }
  .lg-max-h-14 { max-height: 3.5rem; }
  .lg-hover-max-h-14:hover { max-height: 3.5rem; }
  .lg-focus-max-h-14:focus { max-height: 3.5rem; }
  .lg-active-max-h-14:active { max-height: 3.5rem; }
  .lg-disabled-max-h-14:disabled { max-height: 3.5rem; }
  .lg-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  .lg-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  .lg-group:hover .lg-group-hover-max-h-14 { max-height: 3.5rem; }
  .lg-w-16 { width: 4rem; }
  .lg-hover-w-16:hover { width: 4rem; }
  .lg-focus-w-16:focus { width: 4rem; }
  .lg-active-w-16:active { width: 4rem; }
  .lg-disabled-w-16:disabled { width: 4rem; }
  .lg-focus-visible-w-16:focus-visible { width: 4rem; }
  .lg-focus-within-w-16:focus-within { width: 4rem; }
  .lg-group:hover .lg-group-hover-w-16 { width: 4rem; }
  .lg-h-16 { height: 4rem; }
  .lg-hover-h-16:hover { height: 4rem; }
  .lg-focus-h-16:focus { height: 4rem; }
  .lg-active-h-16:active { height: 4rem; }
  .lg-disabled-h-16:disabled { height: 4rem; }
  .lg-focus-visible-h-16:focus-visible { height: 4rem; }
  .lg-focus-within-h-16:focus-within { height: 4rem; }
  .lg-group:hover .lg-group-hover-h-16 { height: 4rem; }
  .lg-min-w-16 { min-width: 4rem; }
  .lg-hover-min-w-16:hover { min-width: 4rem; }
  .lg-focus-min-w-16:focus { min-width: 4rem; }
  .lg-active-min-w-16:active { min-width: 4rem; }
  .lg-disabled-min-w-16:disabled { min-width: 4rem; }
  .lg-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  .lg-focus-within-min-w-16:focus-within { min-width: 4rem; }
  .lg-group:hover .lg-group-hover-min-w-16 { min-width: 4rem; }
  .lg-max-w-16 { max-width: 4rem; }
  .lg-hover-max-w-16:hover { max-width: 4rem; }
  .lg-focus-max-w-16:focus { max-width: 4rem; }
  .lg-active-max-w-16:active { max-width: 4rem; }
  .lg-disabled-max-w-16:disabled { max-width: 4rem; }
  .lg-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  .lg-focus-within-max-w-16:focus-within { max-width: 4rem; }
  .lg-group:hover .lg-group-hover-max-w-16 { max-width: 4rem; }
  .lg-min-h-16 { min-height: 4rem; }
  .lg-hover-min-h-16:hover { min-height: 4rem; }
  .lg-focus-min-h-16:focus { min-height: 4rem; }
  .lg-active-min-h-16:active { min-height: 4rem; }
  .lg-disabled-min-h-16:disabled { min-height: 4rem; }
  .lg-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  .lg-focus-within-min-h-16:focus-within { min-height: 4rem; }
  .lg-group:hover .lg-group-hover-min-h-16 { min-height: 4rem; }
  .lg-max-h-16 { max-height: 4rem; }
  .lg-hover-max-h-16:hover { max-height: 4rem; }
  .lg-focus-max-h-16:focus { max-height: 4rem; }
  .lg-active-max-h-16:active { max-height: 4rem; }
  .lg-disabled-max-h-16:disabled { max-height: 4rem; }
  .lg-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  .lg-focus-within-max-h-16:focus-within { max-height: 4rem; }
  .lg-group:hover .lg-group-hover-max-h-16 { max-height: 4rem; }
  .lg-w-20 { width: 5rem; }
  .lg-hover-w-20:hover { width: 5rem; }
  .lg-focus-w-20:focus { width: 5rem; }
  .lg-active-w-20:active { width: 5rem; }
  .lg-disabled-w-20:disabled { width: 5rem; }
  .lg-focus-visible-w-20:focus-visible { width: 5rem; }
  .lg-focus-within-w-20:focus-within { width: 5rem; }
  .lg-group:hover .lg-group-hover-w-20 { width: 5rem; }
  .lg-h-20 { height: 5rem; }
  .lg-hover-h-20:hover { height: 5rem; }
  .lg-focus-h-20:focus { height: 5rem; }
  .lg-active-h-20:active { height: 5rem; }
  .lg-disabled-h-20:disabled { height: 5rem; }
  .lg-focus-visible-h-20:focus-visible { height: 5rem; }
  .lg-focus-within-h-20:focus-within { height: 5rem; }
  .lg-group:hover .lg-group-hover-h-20 { height: 5rem; }
  .lg-min-w-20 { min-width: 5rem; }
  .lg-hover-min-w-20:hover { min-width: 5rem; }
  .lg-focus-min-w-20:focus { min-width: 5rem; }
  .lg-active-min-w-20:active { min-width: 5rem; }
  .lg-disabled-min-w-20:disabled { min-width: 5rem; }
  .lg-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  .lg-focus-within-min-w-20:focus-within { min-width: 5rem; }
  .lg-group:hover .lg-group-hover-min-w-20 { min-width: 5rem; }
  .lg-max-w-20 { max-width: 5rem; }
  .lg-hover-max-w-20:hover { max-width: 5rem; }
  .lg-focus-max-w-20:focus { max-width: 5rem; }
  .lg-active-max-w-20:active { max-width: 5rem; }
  .lg-disabled-max-w-20:disabled { max-width: 5rem; }
  .lg-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  .lg-focus-within-max-w-20:focus-within { max-width: 5rem; }
  .lg-group:hover .lg-group-hover-max-w-20 { max-width: 5rem; }
  .lg-min-h-20 { min-height: 5rem; }
  .lg-hover-min-h-20:hover { min-height: 5rem; }
  .lg-focus-min-h-20:focus { min-height: 5rem; }
  .lg-active-min-h-20:active { min-height: 5rem; }
  .lg-disabled-min-h-20:disabled { min-height: 5rem; }
  .lg-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  .lg-focus-within-min-h-20:focus-within { min-height: 5rem; }
  .lg-group:hover .lg-group-hover-min-h-20 { min-height: 5rem; }
  .lg-max-h-20 { max-height: 5rem; }
  .lg-hover-max-h-20:hover { max-height: 5rem; }
  .lg-focus-max-h-20:focus { max-height: 5rem; }
  .lg-active-max-h-20:active { max-height: 5rem; }
  .lg-disabled-max-h-20:disabled { max-height: 5rem; }
  .lg-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  .lg-focus-within-max-h-20:focus-within { max-height: 5rem; }
  .lg-group:hover .lg-group-hover-max-h-20 { max-height: 5rem; }
  .lg-w-24 { width: 6rem; }
  .lg-hover-w-24:hover { width: 6rem; }
  .lg-focus-w-24:focus { width: 6rem; }
  .lg-active-w-24:active { width: 6rem; }
  .lg-disabled-w-24:disabled { width: 6rem; }
  .lg-focus-visible-w-24:focus-visible { width: 6rem; }
  .lg-focus-within-w-24:focus-within { width: 6rem; }
  .lg-group:hover .lg-group-hover-w-24 { width: 6rem; }
  .lg-h-24 { height: 6rem; }
  .lg-hover-h-24:hover { height: 6rem; }
  .lg-focus-h-24:focus { height: 6rem; }
  .lg-active-h-24:active { height: 6rem; }
  .lg-disabled-h-24:disabled { height: 6rem; }
  .lg-focus-visible-h-24:focus-visible { height: 6rem; }
  .lg-focus-within-h-24:focus-within { height: 6rem; }
  .lg-group:hover .lg-group-hover-h-24 { height: 6rem; }
  .lg-min-w-24 { min-width: 6rem; }
  .lg-hover-min-w-24:hover { min-width: 6rem; }
  .lg-focus-min-w-24:focus { min-width: 6rem; }
  .lg-active-min-w-24:active { min-width: 6rem; }
  .lg-disabled-min-w-24:disabled { min-width: 6rem; }
  .lg-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  .lg-focus-within-min-w-24:focus-within { min-width: 6rem; }
  .lg-group:hover .lg-group-hover-min-w-24 { min-width: 6rem; }
  .lg-max-w-24 { max-width: 6rem; }
  .lg-hover-max-w-24:hover { max-width: 6rem; }
  .lg-focus-max-w-24:focus { max-width: 6rem; }
  .lg-active-max-w-24:active { max-width: 6rem; }
  .lg-disabled-max-w-24:disabled { max-width: 6rem; }
  .lg-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  .lg-focus-within-max-w-24:focus-within { max-width: 6rem; }
  .lg-group:hover .lg-group-hover-max-w-24 { max-width: 6rem; }
  .lg-min-h-24 { min-height: 6rem; }
  .lg-hover-min-h-24:hover { min-height: 6rem; }
  .lg-focus-min-h-24:focus { min-height: 6rem; }
  .lg-active-min-h-24:active { min-height: 6rem; }
  .lg-disabled-min-h-24:disabled { min-height: 6rem; }
  .lg-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  .lg-focus-within-min-h-24:focus-within { min-height: 6rem; }
  .lg-group:hover .lg-group-hover-min-h-24 { min-height: 6rem; }
  .lg-max-h-24 { max-height: 6rem; }
  .lg-hover-max-h-24:hover { max-height: 6rem; }
  .lg-focus-max-h-24:focus { max-height: 6rem; }
  .lg-active-max-h-24:active { max-height: 6rem; }
  .lg-disabled-max-h-24:disabled { max-height: 6rem; }
  .lg-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  .lg-focus-within-max-h-24:focus-within { max-height: 6rem; }
  .lg-group:hover .lg-group-hover-max-h-24 { max-height: 6rem; }
  .lg-w-28 { width: 7rem; }
  .lg-hover-w-28:hover { width: 7rem; }
  .lg-focus-w-28:focus { width: 7rem; }
  .lg-active-w-28:active { width: 7rem; }
  .lg-disabled-w-28:disabled { width: 7rem; }
  .lg-focus-visible-w-28:focus-visible { width: 7rem; }
  .lg-focus-within-w-28:focus-within { width: 7rem; }
  .lg-group:hover .lg-group-hover-w-28 { width: 7rem; }
  .lg-h-28 { height: 7rem; }
  .lg-hover-h-28:hover { height: 7rem; }
  .lg-focus-h-28:focus { height: 7rem; }
  .lg-active-h-28:active { height: 7rem; }
  .lg-disabled-h-28:disabled { height: 7rem; }
  .lg-focus-visible-h-28:focus-visible { height: 7rem; }
  .lg-focus-within-h-28:focus-within { height: 7rem; }
  .lg-group:hover .lg-group-hover-h-28 { height: 7rem; }
  .lg-min-w-28 { min-width: 7rem; }
  .lg-hover-min-w-28:hover { min-width: 7rem; }
  .lg-focus-min-w-28:focus { min-width: 7rem; }
  .lg-active-min-w-28:active { min-width: 7rem; }
  .lg-disabled-min-w-28:disabled { min-width: 7rem; }
  .lg-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  .lg-focus-within-min-w-28:focus-within { min-width: 7rem; }
  .lg-group:hover .lg-group-hover-min-w-28 { min-width: 7rem; }
  .lg-max-w-28 { max-width: 7rem; }
  .lg-hover-max-w-28:hover { max-width: 7rem; }
  .lg-focus-max-w-28:focus { max-width: 7rem; }
  .lg-active-max-w-28:active { max-width: 7rem; }
  .lg-disabled-max-w-28:disabled { max-width: 7rem; }
  .lg-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  .lg-focus-within-max-w-28:focus-within { max-width: 7rem; }
  .lg-group:hover .lg-group-hover-max-w-28 { max-width: 7rem; }
  .lg-min-h-28 { min-height: 7rem; }
  .lg-hover-min-h-28:hover { min-height: 7rem; }
  .lg-focus-min-h-28:focus { min-height: 7rem; }
  .lg-active-min-h-28:active { min-height: 7rem; }
  .lg-disabled-min-h-28:disabled { min-height: 7rem; }
  .lg-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  .lg-focus-within-min-h-28:focus-within { min-height: 7rem; }
  .lg-group:hover .lg-group-hover-min-h-28 { min-height: 7rem; }
  .lg-max-h-28 { max-height: 7rem; }
  .lg-hover-max-h-28:hover { max-height: 7rem; }
  .lg-focus-max-h-28:focus { max-height: 7rem; }
  .lg-active-max-h-28:active { max-height: 7rem; }
  .lg-disabled-max-h-28:disabled { max-height: 7rem; }
  .lg-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  .lg-focus-within-max-h-28:focus-within { max-height: 7rem; }
  .lg-group:hover .lg-group-hover-max-h-28 { max-height: 7rem; }
  .lg-w-32 { width: 8rem; }
  .lg-hover-w-32:hover { width: 8rem; }
  .lg-focus-w-32:focus { width: 8rem; }
  .lg-active-w-32:active { width: 8rem; }
  .lg-disabled-w-32:disabled { width: 8rem; }
  .lg-focus-visible-w-32:focus-visible { width: 8rem; }
  .lg-focus-within-w-32:focus-within { width: 8rem; }
  .lg-group:hover .lg-group-hover-w-32 { width: 8rem; }
  .lg-h-32 { height: 8rem; }
  .lg-hover-h-32:hover { height: 8rem; }
  .lg-focus-h-32:focus { height: 8rem; }
  .lg-active-h-32:active { height: 8rem; }
  .lg-disabled-h-32:disabled { height: 8rem; }
  .lg-focus-visible-h-32:focus-visible { height: 8rem; }
  .lg-focus-within-h-32:focus-within { height: 8rem; }
  .lg-group:hover .lg-group-hover-h-32 { height: 8rem; }
  .lg-min-w-32 { min-width: 8rem; }
  .lg-hover-min-w-32:hover { min-width: 8rem; }
  .lg-focus-min-w-32:focus { min-width: 8rem; }
  .lg-active-min-w-32:active { min-width: 8rem; }
  .lg-disabled-min-w-32:disabled { min-width: 8rem; }
  .lg-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  .lg-focus-within-min-w-32:focus-within { min-width: 8rem; }
  .lg-group:hover .lg-group-hover-min-w-32 { min-width: 8rem; }
  .lg-max-w-32 { max-width: 8rem; }
  .lg-hover-max-w-32:hover { max-width: 8rem; }
  .lg-focus-max-w-32:focus { max-width: 8rem; }
  .lg-active-max-w-32:active { max-width: 8rem; }
  .lg-disabled-max-w-32:disabled { max-width: 8rem; }
  .lg-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  .lg-focus-within-max-w-32:focus-within { max-width: 8rem; }
  .lg-group:hover .lg-group-hover-max-w-32 { max-width: 8rem; }
  .lg-min-h-32 { min-height: 8rem; }
  .lg-hover-min-h-32:hover { min-height: 8rem; }
  .lg-focus-min-h-32:focus { min-height: 8rem; }
  .lg-active-min-h-32:active { min-height: 8rem; }
  .lg-disabled-min-h-32:disabled { min-height: 8rem; }
  .lg-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  .lg-focus-within-min-h-32:focus-within { min-height: 8rem; }
  .lg-group:hover .lg-group-hover-min-h-32 { min-height: 8rem; }
  .lg-max-h-32 { max-height: 8rem; }
  .lg-hover-max-h-32:hover { max-height: 8rem; }
  .lg-focus-max-h-32:focus { max-height: 8rem; }
  .lg-active-max-h-32:active { max-height: 8rem; }
  .lg-disabled-max-h-32:disabled { max-height: 8rem; }
  .lg-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  .lg-focus-within-max-h-32:focus-within { max-height: 8rem; }
  .lg-group:hover .lg-group-hover-max-h-32 { max-height: 8rem; }
  .lg-w-36 { width: 9rem; }
  .lg-hover-w-36:hover { width: 9rem; }
  .lg-focus-w-36:focus { width: 9rem; }
  .lg-active-w-36:active { width: 9rem; }
  .lg-disabled-w-36:disabled { width: 9rem; }
  .lg-focus-visible-w-36:focus-visible { width: 9rem; }
  .lg-focus-within-w-36:focus-within { width: 9rem; }
  .lg-group:hover .lg-group-hover-w-36 { width: 9rem; }
  .lg-h-36 { height: 9rem; }
  .lg-hover-h-36:hover { height: 9rem; }
  .lg-focus-h-36:focus { height: 9rem; }
  .lg-active-h-36:active { height: 9rem; }
  .lg-disabled-h-36:disabled { height: 9rem; }
  .lg-focus-visible-h-36:focus-visible { height: 9rem; }
  .lg-focus-within-h-36:focus-within { height: 9rem; }
  .lg-group:hover .lg-group-hover-h-36 { height: 9rem; }
  .lg-min-w-36 { min-width: 9rem; }
  .lg-hover-min-w-36:hover { min-width: 9rem; }
  .lg-focus-min-w-36:focus { min-width: 9rem; }
  .lg-active-min-w-36:active { min-width: 9rem; }
  .lg-disabled-min-w-36:disabled { min-width: 9rem; }
  .lg-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  .lg-focus-within-min-w-36:focus-within { min-width: 9rem; }
  .lg-group:hover .lg-group-hover-min-w-36 { min-width: 9rem; }
  .lg-max-w-36 { max-width: 9rem; }
  .lg-hover-max-w-36:hover { max-width: 9rem; }
  .lg-focus-max-w-36:focus { max-width: 9rem; }
  .lg-active-max-w-36:active { max-width: 9rem; }
  .lg-disabled-max-w-36:disabled { max-width: 9rem; }
  .lg-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  .lg-focus-within-max-w-36:focus-within { max-width: 9rem; }
  .lg-group:hover .lg-group-hover-max-w-36 { max-width: 9rem; }
  .lg-min-h-36 { min-height: 9rem; }
  .lg-hover-min-h-36:hover { min-height: 9rem; }
  .lg-focus-min-h-36:focus { min-height: 9rem; }
  .lg-active-min-h-36:active { min-height: 9rem; }
  .lg-disabled-min-h-36:disabled { min-height: 9rem; }
  .lg-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  .lg-focus-within-min-h-36:focus-within { min-height: 9rem; }
  .lg-group:hover .lg-group-hover-min-h-36 { min-height: 9rem; }
  .lg-max-h-36 { max-height: 9rem; }
  .lg-hover-max-h-36:hover { max-height: 9rem; }
  .lg-focus-max-h-36:focus { max-height: 9rem; }
  .lg-active-max-h-36:active { max-height: 9rem; }
  .lg-disabled-max-h-36:disabled { max-height: 9rem; }
  .lg-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  .lg-focus-within-max-h-36:focus-within { max-height: 9rem; }
  .lg-group:hover .lg-group-hover-max-h-36 { max-height: 9rem; }
  .lg-w-40 { width: 10rem; }
  .lg-hover-w-40:hover { width: 10rem; }
  .lg-focus-w-40:focus { width: 10rem; }
  .lg-active-w-40:active { width: 10rem; }
  .lg-disabled-w-40:disabled { width: 10rem; }
  .lg-focus-visible-w-40:focus-visible { width: 10rem; }
  .lg-focus-within-w-40:focus-within { width: 10rem; }
  .lg-group:hover .lg-group-hover-w-40 { width: 10rem; }
  .lg-h-40 { height: 10rem; }
  .lg-hover-h-40:hover { height: 10rem; }
  .lg-focus-h-40:focus { height: 10rem; }
  .lg-active-h-40:active { height: 10rem; }
  .lg-disabled-h-40:disabled { height: 10rem; }
  .lg-focus-visible-h-40:focus-visible { height: 10rem; }
  .lg-focus-within-h-40:focus-within { height: 10rem; }
  .lg-group:hover .lg-group-hover-h-40 { height: 10rem; }
  .lg-min-w-40 { min-width: 10rem; }
  .lg-hover-min-w-40:hover { min-width: 10rem; }
  .lg-focus-min-w-40:focus { min-width: 10rem; }
  .lg-active-min-w-40:active { min-width: 10rem; }
  .lg-disabled-min-w-40:disabled { min-width: 10rem; }
  .lg-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  .lg-focus-within-min-w-40:focus-within { min-width: 10rem; }
  .lg-group:hover .lg-group-hover-min-w-40 { min-width: 10rem; }
  .lg-max-w-40 { max-width: 10rem; }
  .lg-hover-max-w-40:hover { max-width: 10rem; }
  .lg-focus-max-w-40:focus { max-width: 10rem; }
  .lg-active-max-w-40:active { max-width: 10rem; }
  .lg-disabled-max-w-40:disabled { max-width: 10rem; }
  .lg-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  .lg-focus-within-max-w-40:focus-within { max-width: 10rem; }
  .lg-group:hover .lg-group-hover-max-w-40 { max-width: 10rem; }
  .lg-min-h-40 { min-height: 10rem; }
  .lg-hover-min-h-40:hover { min-height: 10rem; }
  .lg-focus-min-h-40:focus { min-height: 10rem; }
  .lg-active-min-h-40:active { min-height: 10rem; }
  .lg-disabled-min-h-40:disabled { min-height: 10rem; }
  .lg-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  .lg-focus-within-min-h-40:focus-within { min-height: 10rem; }
  .lg-group:hover .lg-group-hover-min-h-40 { min-height: 10rem; }
  .lg-max-h-40 { max-height: 10rem; }
  .lg-hover-max-h-40:hover { max-height: 10rem; }
  .lg-focus-max-h-40:focus { max-height: 10rem; }
  .lg-active-max-h-40:active { max-height: 10rem; }
  .lg-disabled-max-h-40:disabled { max-height: 10rem; }
  .lg-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  .lg-focus-within-max-h-40:focus-within { max-height: 10rem; }
  .lg-group:hover .lg-group-hover-max-h-40 { max-height: 10rem; }
  .lg-w-44 { width: 11rem; }
  .lg-hover-w-44:hover { width: 11rem; }
  .lg-focus-w-44:focus { width: 11rem; }
  .lg-active-w-44:active { width: 11rem; }
  .lg-disabled-w-44:disabled { width: 11rem; }
  .lg-focus-visible-w-44:focus-visible { width: 11rem; }
  .lg-focus-within-w-44:focus-within { width: 11rem; }
  .lg-group:hover .lg-group-hover-w-44 { width: 11rem; }
  .lg-h-44 { height: 11rem; }
  .lg-hover-h-44:hover { height: 11rem; }
  .lg-focus-h-44:focus { height: 11rem; }
  .lg-active-h-44:active { height: 11rem; }
  .lg-disabled-h-44:disabled { height: 11rem; }
  .lg-focus-visible-h-44:focus-visible { height: 11rem; }
  .lg-focus-within-h-44:focus-within { height: 11rem; }
  .lg-group:hover .lg-group-hover-h-44 { height: 11rem; }
  .lg-min-w-44 { min-width: 11rem; }
  .lg-hover-min-w-44:hover { min-width: 11rem; }
  .lg-focus-min-w-44:focus { min-width: 11rem; }
  .lg-active-min-w-44:active { min-width: 11rem; }
  .lg-disabled-min-w-44:disabled { min-width: 11rem; }
  .lg-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  .lg-focus-within-min-w-44:focus-within { min-width: 11rem; }
  .lg-group:hover .lg-group-hover-min-w-44 { min-width: 11rem; }
  .lg-max-w-44 { max-width: 11rem; }
  .lg-hover-max-w-44:hover { max-width: 11rem; }
  .lg-focus-max-w-44:focus { max-width: 11rem; }
  .lg-active-max-w-44:active { max-width: 11rem; }
  .lg-disabled-max-w-44:disabled { max-width: 11rem; }
  .lg-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  .lg-focus-within-max-w-44:focus-within { max-width: 11rem; }
  .lg-group:hover .lg-group-hover-max-w-44 { max-width: 11rem; }
  .lg-min-h-44 { min-height: 11rem; }
  .lg-hover-min-h-44:hover { min-height: 11rem; }
  .lg-focus-min-h-44:focus { min-height: 11rem; }
  .lg-active-min-h-44:active { min-height: 11rem; }
  .lg-disabled-min-h-44:disabled { min-height: 11rem; }
  .lg-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  .lg-focus-within-min-h-44:focus-within { min-height: 11rem; }
  .lg-group:hover .lg-group-hover-min-h-44 { min-height: 11rem; }
  .lg-max-h-44 { max-height: 11rem; }
  .lg-hover-max-h-44:hover { max-height: 11rem; }
  .lg-focus-max-h-44:focus { max-height: 11rem; }
  .lg-active-max-h-44:active { max-height: 11rem; }
  .lg-disabled-max-h-44:disabled { max-height: 11rem; }
  .lg-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  .lg-focus-within-max-h-44:focus-within { max-height: 11rem; }
  .lg-group:hover .lg-group-hover-max-h-44 { max-height: 11rem; }
  .lg-w-48 { width: 12rem; }
  .lg-hover-w-48:hover { width: 12rem; }
  .lg-focus-w-48:focus { width: 12rem; }
  .lg-active-w-48:active { width: 12rem; }
  .lg-disabled-w-48:disabled { width: 12rem; }
  .lg-focus-visible-w-48:focus-visible { width: 12rem; }
  .lg-focus-within-w-48:focus-within { width: 12rem; }
  .lg-group:hover .lg-group-hover-w-48 { width: 12rem; }
  .lg-h-48 { height: 12rem; }
  .lg-hover-h-48:hover { height: 12rem; }
  .lg-focus-h-48:focus { height: 12rem; }
  .lg-active-h-48:active { height: 12rem; }
  .lg-disabled-h-48:disabled { height: 12rem; }
  .lg-focus-visible-h-48:focus-visible { height: 12rem; }
  .lg-focus-within-h-48:focus-within { height: 12rem; }
  .lg-group:hover .lg-group-hover-h-48 { height: 12rem; }
  .lg-min-w-48 { min-width: 12rem; }
  .lg-hover-min-w-48:hover { min-width: 12rem; }
  .lg-focus-min-w-48:focus { min-width: 12rem; }
  .lg-active-min-w-48:active { min-width: 12rem; }
  .lg-disabled-min-w-48:disabled { min-width: 12rem; }
  .lg-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  .lg-focus-within-min-w-48:focus-within { min-width: 12rem; }
  .lg-group:hover .lg-group-hover-min-w-48 { min-width: 12rem; }
  .lg-max-w-48 { max-width: 12rem; }
  .lg-hover-max-w-48:hover { max-width: 12rem; }
  .lg-focus-max-w-48:focus { max-width: 12rem; }
  .lg-active-max-w-48:active { max-width: 12rem; }
  .lg-disabled-max-w-48:disabled { max-width: 12rem; }
  .lg-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  .lg-focus-within-max-w-48:focus-within { max-width: 12rem; }
  .lg-group:hover .lg-group-hover-max-w-48 { max-width: 12rem; }
  .lg-min-h-48 { min-height: 12rem; }
  .lg-hover-min-h-48:hover { min-height: 12rem; }
  .lg-focus-min-h-48:focus { min-height: 12rem; }
  .lg-active-min-h-48:active { min-height: 12rem; }
  .lg-disabled-min-h-48:disabled { min-height: 12rem; }
  .lg-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  .lg-focus-within-min-h-48:focus-within { min-height: 12rem; }
  .lg-group:hover .lg-group-hover-min-h-48 { min-height: 12rem; }
  .lg-max-h-48 { max-height: 12rem; }
  .lg-hover-max-h-48:hover { max-height: 12rem; }
  .lg-focus-max-h-48:focus { max-height: 12rem; }
  .lg-active-max-h-48:active { max-height: 12rem; }
  .lg-disabled-max-h-48:disabled { max-height: 12rem; }
  .lg-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  .lg-focus-within-max-h-48:focus-within { max-height: 12rem; }
  .lg-group:hover .lg-group-hover-max-h-48 { max-height: 12rem; }
  .lg-w-52 { width: 13rem; }
  .lg-hover-w-52:hover { width: 13rem; }
  .lg-focus-w-52:focus { width: 13rem; }
  .lg-active-w-52:active { width: 13rem; }
  .lg-disabled-w-52:disabled { width: 13rem; }
  .lg-focus-visible-w-52:focus-visible { width: 13rem; }
  .lg-focus-within-w-52:focus-within { width: 13rem; }
  .lg-group:hover .lg-group-hover-w-52 { width: 13rem; }
  .lg-h-52 { height: 13rem; }
  .lg-hover-h-52:hover { height: 13rem; }
  .lg-focus-h-52:focus { height: 13rem; }
  .lg-active-h-52:active { height: 13rem; }
  .lg-disabled-h-52:disabled { height: 13rem; }
  .lg-focus-visible-h-52:focus-visible { height: 13rem; }
  .lg-focus-within-h-52:focus-within { height: 13rem; }
  .lg-group:hover .lg-group-hover-h-52 { height: 13rem; }
  .lg-min-w-52 { min-width: 13rem; }
  .lg-hover-min-w-52:hover { min-width: 13rem; }
  .lg-focus-min-w-52:focus { min-width: 13rem; }
  .lg-active-min-w-52:active { min-width: 13rem; }
  .lg-disabled-min-w-52:disabled { min-width: 13rem; }
  .lg-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  .lg-focus-within-min-w-52:focus-within { min-width: 13rem; }
  .lg-group:hover .lg-group-hover-min-w-52 { min-width: 13rem; }
  .lg-max-w-52 { max-width: 13rem; }
  .lg-hover-max-w-52:hover { max-width: 13rem; }
  .lg-focus-max-w-52:focus { max-width: 13rem; }
  .lg-active-max-w-52:active { max-width: 13rem; }
  .lg-disabled-max-w-52:disabled { max-width: 13rem; }
  .lg-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  .lg-focus-within-max-w-52:focus-within { max-width: 13rem; }
  .lg-group:hover .lg-group-hover-max-w-52 { max-width: 13rem; }
  .lg-min-h-52 { min-height: 13rem; }
  .lg-hover-min-h-52:hover { min-height: 13rem; }
  .lg-focus-min-h-52:focus { min-height: 13rem; }
  .lg-active-min-h-52:active { min-height: 13rem; }
  .lg-disabled-min-h-52:disabled { min-height: 13rem; }
  .lg-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  .lg-focus-within-min-h-52:focus-within { min-height: 13rem; }
  .lg-group:hover .lg-group-hover-min-h-52 { min-height: 13rem; }
  .lg-max-h-52 { max-height: 13rem; }
  .lg-hover-max-h-52:hover { max-height: 13rem; }
  .lg-focus-max-h-52:focus { max-height: 13rem; }
  .lg-active-max-h-52:active { max-height: 13rem; }
  .lg-disabled-max-h-52:disabled { max-height: 13rem; }
  .lg-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  .lg-focus-within-max-h-52:focus-within { max-height: 13rem; }
  .lg-group:hover .lg-group-hover-max-h-52 { max-height: 13rem; }
  .lg-w-56 { width: 14rem; }
  .lg-hover-w-56:hover { width: 14rem; }
  .lg-focus-w-56:focus { width: 14rem; }
  .lg-active-w-56:active { width: 14rem; }
  .lg-disabled-w-56:disabled { width: 14rem; }
  .lg-focus-visible-w-56:focus-visible { width: 14rem; }
  .lg-focus-within-w-56:focus-within { width: 14rem; }
  .lg-group:hover .lg-group-hover-w-56 { width: 14rem; }
  .lg-h-56 { height: 14rem; }
  .lg-hover-h-56:hover { height: 14rem; }
  .lg-focus-h-56:focus { height: 14rem; }
  .lg-active-h-56:active { height: 14rem; }
  .lg-disabled-h-56:disabled { height: 14rem; }
  .lg-focus-visible-h-56:focus-visible { height: 14rem; }
  .lg-focus-within-h-56:focus-within { height: 14rem; }
  .lg-group:hover .lg-group-hover-h-56 { height: 14rem; }
  .lg-min-w-56 { min-width: 14rem; }
  .lg-hover-min-w-56:hover { min-width: 14rem; }
  .lg-focus-min-w-56:focus { min-width: 14rem; }
  .lg-active-min-w-56:active { min-width: 14rem; }
  .lg-disabled-min-w-56:disabled { min-width: 14rem; }
  .lg-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  .lg-focus-within-min-w-56:focus-within { min-width: 14rem; }
  .lg-group:hover .lg-group-hover-min-w-56 { min-width: 14rem; }
  .lg-max-w-56 { max-width: 14rem; }
  .lg-hover-max-w-56:hover { max-width: 14rem; }
  .lg-focus-max-w-56:focus { max-width: 14rem; }
  .lg-active-max-w-56:active { max-width: 14rem; }
  .lg-disabled-max-w-56:disabled { max-width: 14rem; }
  .lg-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  .lg-focus-within-max-w-56:focus-within { max-width: 14rem; }
  .lg-group:hover .lg-group-hover-max-w-56 { max-width: 14rem; }
  .lg-min-h-56 { min-height: 14rem; }
  .lg-hover-min-h-56:hover { min-height: 14rem; }
  .lg-focus-min-h-56:focus { min-height: 14rem; }
  .lg-active-min-h-56:active { min-height: 14rem; }
  .lg-disabled-min-h-56:disabled { min-height: 14rem; }
  .lg-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  .lg-focus-within-min-h-56:focus-within { min-height: 14rem; }
  .lg-group:hover .lg-group-hover-min-h-56 { min-height: 14rem; }
  .lg-max-h-56 { max-height: 14rem; }
  .lg-hover-max-h-56:hover { max-height: 14rem; }
  .lg-focus-max-h-56:focus { max-height: 14rem; }
  .lg-active-max-h-56:active { max-height: 14rem; }
  .lg-disabled-max-h-56:disabled { max-height: 14rem; }
  .lg-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  .lg-focus-within-max-h-56:focus-within { max-height: 14rem; }
  .lg-group:hover .lg-group-hover-max-h-56 { max-height: 14rem; }
  .lg-w-60 { width: 15rem; }
  .lg-hover-w-60:hover { width: 15rem; }
  .lg-focus-w-60:focus { width: 15rem; }
  .lg-active-w-60:active { width: 15rem; }
  .lg-disabled-w-60:disabled { width: 15rem; }
  .lg-focus-visible-w-60:focus-visible { width: 15rem; }
  .lg-focus-within-w-60:focus-within { width: 15rem; }
  .lg-group:hover .lg-group-hover-w-60 { width: 15rem; }
  .lg-h-60 { height: 15rem; }
  .lg-hover-h-60:hover { height: 15rem; }
  .lg-focus-h-60:focus { height: 15rem; }
  .lg-active-h-60:active { height: 15rem; }
  .lg-disabled-h-60:disabled { height: 15rem; }
  .lg-focus-visible-h-60:focus-visible { height: 15rem; }
  .lg-focus-within-h-60:focus-within { height: 15rem; }
  .lg-group:hover .lg-group-hover-h-60 { height: 15rem; }
  .lg-min-w-60 { min-width: 15rem; }
  .lg-hover-min-w-60:hover { min-width: 15rem; }
  .lg-focus-min-w-60:focus { min-width: 15rem; }
  .lg-active-min-w-60:active { min-width: 15rem; }
  .lg-disabled-min-w-60:disabled { min-width: 15rem; }
  .lg-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  .lg-focus-within-min-w-60:focus-within { min-width: 15rem; }
  .lg-group:hover .lg-group-hover-min-w-60 { min-width: 15rem; }
  .lg-max-w-60 { max-width: 15rem; }
  .lg-hover-max-w-60:hover { max-width: 15rem; }
  .lg-focus-max-w-60:focus { max-width: 15rem; }
  .lg-active-max-w-60:active { max-width: 15rem; }
  .lg-disabled-max-w-60:disabled { max-width: 15rem; }
  .lg-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  .lg-focus-within-max-w-60:focus-within { max-width: 15rem; }
  .lg-group:hover .lg-group-hover-max-w-60 { max-width: 15rem; }
  .lg-min-h-60 { min-height: 15rem; }
  .lg-hover-min-h-60:hover { min-height: 15rem; }
  .lg-focus-min-h-60:focus { min-height: 15rem; }
  .lg-active-min-h-60:active { min-height: 15rem; }
  .lg-disabled-min-h-60:disabled { min-height: 15rem; }
  .lg-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  .lg-focus-within-min-h-60:focus-within { min-height: 15rem; }
  .lg-group:hover .lg-group-hover-min-h-60 { min-height: 15rem; }
  .lg-max-h-60 { max-height: 15rem; }
  .lg-hover-max-h-60:hover { max-height: 15rem; }
  .lg-focus-max-h-60:focus { max-height: 15rem; }
  .lg-active-max-h-60:active { max-height: 15rem; }
  .lg-disabled-max-h-60:disabled { max-height: 15rem; }
  .lg-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  .lg-focus-within-max-h-60:focus-within { max-height: 15rem; }
  .lg-group:hover .lg-group-hover-max-h-60 { max-height: 15rem; }
  .lg-w-64 { width: 16rem; }
  .lg-hover-w-64:hover { width: 16rem; }
  .lg-focus-w-64:focus { width: 16rem; }
  .lg-active-w-64:active { width: 16rem; }
  .lg-disabled-w-64:disabled { width: 16rem; }
  .lg-focus-visible-w-64:focus-visible { width: 16rem; }
  .lg-focus-within-w-64:focus-within { width: 16rem; }
  .lg-group:hover .lg-group-hover-w-64 { width: 16rem; }
  .lg-h-64 { height: 16rem; }
  .lg-hover-h-64:hover { height: 16rem; }
  .lg-focus-h-64:focus { height: 16rem; }
  .lg-active-h-64:active { height: 16rem; }
  .lg-disabled-h-64:disabled { height: 16rem; }
  .lg-focus-visible-h-64:focus-visible { height: 16rem; }
  .lg-focus-within-h-64:focus-within { height: 16rem; }
  .lg-group:hover .lg-group-hover-h-64 { height: 16rem; }
  .lg-min-w-64 { min-width: 16rem; }
  .lg-hover-min-w-64:hover { min-width: 16rem; }
  .lg-focus-min-w-64:focus { min-width: 16rem; }
  .lg-active-min-w-64:active { min-width: 16rem; }
  .lg-disabled-min-w-64:disabled { min-width: 16rem; }
  .lg-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  .lg-focus-within-min-w-64:focus-within { min-width: 16rem; }
  .lg-group:hover .lg-group-hover-min-w-64 { min-width: 16rem; }
  .lg-max-w-64 { max-width: 16rem; }
  .lg-hover-max-w-64:hover { max-width: 16rem; }
  .lg-focus-max-w-64:focus { max-width: 16rem; }
  .lg-active-max-w-64:active { max-width: 16rem; }
  .lg-disabled-max-w-64:disabled { max-width: 16rem; }
  .lg-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  .lg-focus-within-max-w-64:focus-within { max-width: 16rem; }
  .lg-group:hover .lg-group-hover-max-w-64 { max-width: 16rem; }
  .lg-min-h-64 { min-height: 16rem; }
  .lg-hover-min-h-64:hover { min-height: 16rem; }
  .lg-focus-min-h-64:focus { min-height: 16rem; }
  .lg-active-min-h-64:active { min-height: 16rem; }
  .lg-disabled-min-h-64:disabled { min-height: 16rem; }
  .lg-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  .lg-focus-within-min-h-64:focus-within { min-height: 16rem; }
  .lg-group:hover .lg-group-hover-min-h-64 { min-height: 16rem; }
  .lg-max-h-64 { max-height: 16rem; }
  .lg-hover-max-h-64:hover { max-height: 16rem; }
  .lg-focus-max-h-64:focus { max-height: 16rem; }
  .lg-active-max-h-64:active { max-height: 16rem; }
  .lg-disabled-max-h-64:disabled { max-height: 16rem; }
  .lg-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  .lg-focus-within-max-h-64:focus-within { max-height: 16rem; }
  .lg-group:hover .lg-group-hover-max-h-64 { max-height: 16rem; }
  .lg-w-72 { width: 18rem; }
  .lg-hover-w-72:hover { width: 18rem; }
  .lg-focus-w-72:focus { width: 18rem; }
  .lg-active-w-72:active { width: 18rem; }
  .lg-disabled-w-72:disabled { width: 18rem; }
  .lg-focus-visible-w-72:focus-visible { width: 18rem; }
  .lg-focus-within-w-72:focus-within { width: 18rem; }
  .lg-group:hover .lg-group-hover-w-72 { width: 18rem; }
  .lg-h-72 { height: 18rem; }
  .lg-hover-h-72:hover { height: 18rem; }
  .lg-focus-h-72:focus { height: 18rem; }
  .lg-active-h-72:active { height: 18rem; }
  .lg-disabled-h-72:disabled { height: 18rem; }
  .lg-focus-visible-h-72:focus-visible { height: 18rem; }
  .lg-focus-within-h-72:focus-within { height: 18rem; }
  .lg-group:hover .lg-group-hover-h-72 { height: 18rem; }
  .lg-min-w-72 { min-width: 18rem; }
  .lg-hover-min-w-72:hover { min-width: 18rem; }
  .lg-focus-min-w-72:focus { min-width: 18rem; }
  .lg-active-min-w-72:active { min-width: 18rem; }
  .lg-disabled-min-w-72:disabled { min-width: 18rem; }
  .lg-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  .lg-focus-within-min-w-72:focus-within { min-width: 18rem; }
  .lg-group:hover .lg-group-hover-min-w-72 { min-width: 18rem; }
  .lg-max-w-72 { max-width: 18rem; }
  .lg-hover-max-w-72:hover { max-width: 18rem; }
  .lg-focus-max-w-72:focus { max-width: 18rem; }
  .lg-active-max-w-72:active { max-width: 18rem; }
  .lg-disabled-max-w-72:disabled { max-width: 18rem; }
  .lg-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  .lg-focus-within-max-w-72:focus-within { max-width: 18rem; }
  .lg-group:hover .lg-group-hover-max-w-72 { max-width: 18rem; }
  .lg-min-h-72 { min-height: 18rem; }
  .lg-hover-min-h-72:hover { min-height: 18rem; }
  .lg-focus-min-h-72:focus { min-height: 18rem; }
  .lg-active-min-h-72:active { min-height: 18rem; }
  .lg-disabled-min-h-72:disabled { min-height: 18rem; }
  .lg-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  .lg-focus-within-min-h-72:focus-within { min-height: 18rem; }
  .lg-group:hover .lg-group-hover-min-h-72 { min-height: 18rem; }
  .lg-max-h-72 { max-height: 18rem; }
  .lg-hover-max-h-72:hover { max-height: 18rem; }
  .lg-focus-max-h-72:focus { max-height: 18rem; }
  .lg-active-max-h-72:active { max-height: 18rem; }
  .lg-disabled-max-h-72:disabled { max-height: 18rem; }
  .lg-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  .lg-focus-within-max-h-72:focus-within { max-height: 18rem; }
  .lg-group:hover .lg-group-hover-max-h-72 { max-height: 18rem; }
  .lg-w-80 { width: 20rem; }
  .lg-hover-w-80:hover { width: 20rem; }
  .lg-focus-w-80:focus { width: 20rem; }
  .lg-active-w-80:active { width: 20rem; }
  .lg-disabled-w-80:disabled { width: 20rem; }
  .lg-focus-visible-w-80:focus-visible { width: 20rem; }
  .lg-focus-within-w-80:focus-within { width: 20rem; }
  .lg-group:hover .lg-group-hover-w-80 { width: 20rem; }
  .lg-h-80 { height: 20rem; }
  .lg-hover-h-80:hover { height: 20rem; }
  .lg-focus-h-80:focus { height: 20rem; }
  .lg-active-h-80:active { height: 20rem; }
  .lg-disabled-h-80:disabled { height: 20rem; }
  .lg-focus-visible-h-80:focus-visible { height: 20rem; }
  .lg-focus-within-h-80:focus-within { height: 20rem; }
  .lg-group:hover .lg-group-hover-h-80 { height: 20rem; }
  .lg-min-w-80 { min-width: 20rem; }
  .lg-hover-min-w-80:hover { min-width: 20rem; }
  .lg-focus-min-w-80:focus { min-width: 20rem; }
  .lg-active-min-w-80:active { min-width: 20rem; }
  .lg-disabled-min-w-80:disabled { min-width: 20rem; }
  .lg-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  .lg-focus-within-min-w-80:focus-within { min-width: 20rem; }
  .lg-group:hover .lg-group-hover-min-w-80 { min-width: 20rem; }
  .lg-max-w-80 { max-width: 20rem; }
  .lg-hover-max-w-80:hover { max-width: 20rem; }
  .lg-focus-max-w-80:focus { max-width: 20rem; }
  .lg-active-max-w-80:active { max-width: 20rem; }
  .lg-disabled-max-w-80:disabled { max-width: 20rem; }
  .lg-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  .lg-focus-within-max-w-80:focus-within { max-width: 20rem; }
  .lg-group:hover .lg-group-hover-max-w-80 { max-width: 20rem; }
  .lg-min-h-80 { min-height: 20rem; }
  .lg-hover-min-h-80:hover { min-height: 20rem; }
  .lg-focus-min-h-80:focus { min-height: 20rem; }
  .lg-active-min-h-80:active { min-height: 20rem; }
  .lg-disabled-min-h-80:disabled { min-height: 20rem; }
  .lg-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  .lg-focus-within-min-h-80:focus-within { min-height: 20rem; }
  .lg-group:hover .lg-group-hover-min-h-80 { min-height: 20rem; }
  .lg-max-h-80 { max-height: 20rem; }
  .lg-hover-max-h-80:hover { max-height: 20rem; }
  .lg-focus-max-h-80:focus { max-height: 20rem; }
  .lg-active-max-h-80:active { max-height: 20rem; }
  .lg-disabled-max-h-80:disabled { max-height: 20rem; }
  .lg-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  .lg-focus-within-max-h-80:focus-within { max-height: 20rem; }
  .lg-group:hover .lg-group-hover-max-h-80 { max-height: 20rem; }
  .lg-w-96 { width: 24rem; }
  .lg-hover-w-96:hover { width: 24rem; }
  .lg-focus-w-96:focus { width: 24rem; }
  .lg-active-w-96:active { width: 24rem; }
  .lg-disabled-w-96:disabled { width: 24rem; }
  .lg-focus-visible-w-96:focus-visible { width: 24rem; }
  .lg-focus-within-w-96:focus-within { width: 24rem; }
  .lg-group:hover .lg-group-hover-w-96 { width: 24rem; }
  .lg-h-96 { height: 24rem; }
  .lg-hover-h-96:hover { height: 24rem; }
  .lg-focus-h-96:focus { height: 24rem; }
  .lg-active-h-96:active { height: 24rem; }
  .lg-disabled-h-96:disabled { height: 24rem; }
  .lg-focus-visible-h-96:focus-visible { height: 24rem; }
  .lg-focus-within-h-96:focus-within { height: 24rem; }
  .lg-group:hover .lg-group-hover-h-96 { height: 24rem; }
  .lg-min-w-96 { min-width: 24rem; }
  .lg-hover-min-w-96:hover { min-width: 24rem; }
  .lg-focus-min-w-96:focus { min-width: 24rem; }
  .lg-active-min-w-96:active { min-width: 24rem; }
  .lg-disabled-min-w-96:disabled { min-width: 24rem; }
  .lg-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  .lg-focus-within-min-w-96:focus-within { min-width: 24rem; }
  .lg-group:hover .lg-group-hover-min-w-96 { min-width: 24rem; }
  .lg-max-w-96 { max-width: 24rem; }
  .lg-hover-max-w-96:hover { max-width: 24rem; }
  .lg-focus-max-w-96:focus { max-width: 24rem; }
  .lg-active-max-w-96:active { max-width: 24rem; }
  .lg-disabled-max-w-96:disabled { max-width: 24rem; }
  .lg-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  .lg-focus-within-max-w-96:focus-within { max-width: 24rem; }
  .lg-group:hover .lg-group-hover-max-w-96 { max-width: 24rem; }
  .lg-min-h-96 { min-height: 24rem; }
  .lg-hover-min-h-96:hover { min-height: 24rem; }
  .lg-focus-min-h-96:focus { min-height: 24rem; }
  .lg-active-min-h-96:active { min-height: 24rem; }
  .lg-disabled-min-h-96:disabled { min-height: 24rem; }
  .lg-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  .lg-focus-within-min-h-96:focus-within { min-height: 24rem; }
  .lg-group:hover .lg-group-hover-min-h-96 { min-height: 24rem; }
  .lg-max-h-96 { max-height: 24rem; }
  .lg-hover-max-h-96:hover { max-height: 24rem; }
  .lg-focus-max-h-96:focus { max-height: 24rem; }
  .lg-active-max-h-96:active { max-height: 24rem; }
  .lg-disabled-max-h-96:disabled { max-height: 24rem; }
  .lg-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  .lg-focus-within-max-h-96:focus-within { max-height: 24rem; }
  .lg-group:hover .lg-group-hover-max-h-96 { max-height: 24rem; }
  .lg-w-1\/2 { width: 50%; }
  .lg-hover-w-1\/2:hover { width: 50%; }
  .lg-focus-w-1\/2:focus { width: 50%; }
  .lg-active-w-1\/2:active { width: 50%; }
  .lg-disabled-w-1\/2:disabled { width: 50%; }
  .lg-focus-visible-w-1\/2:focus-visible { width: 50%; }
  .lg-focus-within-w-1\/2:focus-within { width: 50%; }
  .lg-group:hover .lg-group-hover-w-1\/2 { width: 50%; }
  .lg-h-1\/2 { height: 50%; }
  .lg-hover-h-1\/2:hover { height: 50%; }
  .lg-focus-h-1\/2:focus { height: 50%; }
  .lg-active-h-1\/2:active { height: 50%; }
  .lg-disabled-h-1\/2:disabled { height: 50%; }
  .lg-focus-visible-h-1\/2:focus-visible { height: 50%; }
  .lg-focus-within-h-1\/2:focus-within { height: 50%; }
  .lg-group:hover .lg-group-hover-h-1\/2 { height: 50%; }
  .lg-min-w-1\/2 { min-width: 50%; }
  .lg-hover-min-w-1\/2:hover { min-width: 50%; }
  .lg-focus-min-w-1\/2:focus { min-width: 50%; }
  .lg-active-min-w-1\/2:active { min-width: 50%; }
  .lg-disabled-min-w-1\/2:disabled { min-width: 50%; }
  .lg-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  .lg-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  .lg-group:hover .lg-group-hover-min-w-1\/2 { min-width: 50%; }
  .lg-max-w-1\/2 { max-width: 50%; }
  .lg-hover-max-w-1\/2:hover { max-width: 50%; }
  .lg-focus-max-w-1\/2:focus { max-width: 50%; }
  .lg-active-max-w-1\/2:active { max-width: 50%; }
  .lg-disabled-max-w-1\/2:disabled { max-width: 50%; }
  .lg-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  .lg-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  .lg-group:hover .lg-group-hover-max-w-1\/2 { max-width: 50%; }
  .lg-min-h-1\/2 { min-height: 50%; }
  .lg-hover-min-h-1\/2:hover { min-height: 50%; }
  .lg-focus-min-h-1\/2:focus { min-height: 50%; }
  .lg-active-min-h-1\/2:active { min-height: 50%; }
  .lg-disabled-min-h-1\/2:disabled { min-height: 50%; }
  .lg-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  .lg-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  .lg-group:hover .lg-group-hover-min-h-1\/2 { min-height: 50%; }
  .lg-max-h-1\/2 { max-height: 50%; }
  .lg-hover-max-h-1\/2:hover { max-height: 50%; }
  .lg-focus-max-h-1\/2:focus { max-height: 50%; }
  .lg-active-max-h-1\/2:active { max-height: 50%; }
  .lg-disabled-max-h-1\/2:disabled { max-height: 50%; }
  .lg-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  .lg-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  .lg-group:hover .lg-group-hover-max-h-1\/2 { max-height: 50%; }
  .lg-w-1\/3 { width: 33.3333%; }
  .lg-hover-w-1\/3:hover { width: 33.3333%; }
  .lg-focus-w-1\/3:focus { width: 33.3333%; }
  .lg-active-w-1\/3:active { width: 33.3333%; }
  .lg-disabled-w-1\/3:disabled { width: 33.3333%; }
  .lg-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  .lg-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  .lg-group:hover .lg-group-hover-w-1\/3 { width: 33.3333%; }
  .lg-h-1\/3 { height: 33.3333%; }
  .lg-hover-h-1\/3:hover { height: 33.3333%; }
  .lg-focus-h-1\/3:focus { height: 33.3333%; }
  .lg-active-h-1\/3:active { height: 33.3333%; }
  .lg-disabled-h-1\/3:disabled { height: 33.3333%; }
  .lg-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  .lg-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  .lg-group:hover .lg-group-hover-h-1\/3 { height: 33.3333%; }
  .lg-min-w-1\/3 { min-width: 33.3333%; }
  .lg-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  .lg-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  .lg-active-min-w-1\/3:active { min-width: 33.3333%; }
  .lg-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  .lg-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  .lg-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  .lg-group:hover .lg-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  .lg-max-w-1\/3 { max-width: 33.3333%; }
  .lg-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  .lg-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  .lg-active-max-w-1\/3:active { max-width: 33.3333%; }
  .lg-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  .lg-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  .lg-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  .lg-group:hover .lg-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  .lg-min-h-1\/3 { min-height: 33.3333%; }
  .lg-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  .lg-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  .lg-active-min-h-1\/3:active { min-height: 33.3333%; }
  .lg-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  .lg-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  .lg-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  .lg-group:hover .lg-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  .lg-max-h-1\/3 { max-height: 33.3333%; }
  .lg-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  .lg-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  .lg-active-max-h-1\/3:active { max-height: 33.3333%; }
  .lg-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  .lg-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  .lg-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  .lg-group:hover .lg-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  .lg-w-2\/3 { width: 66.6667%; }
  .lg-hover-w-2\/3:hover { width: 66.6667%; }
  .lg-focus-w-2\/3:focus { width: 66.6667%; }
  .lg-active-w-2\/3:active { width: 66.6667%; }
  .lg-disabled-w-2\/3:disabled { width: 66.6667%; }
  .lg-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  .lg-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  .lg-group:hover .lg-group-hover-w-2\/3 { width: 66.6667%; }
  .lg-h-2\/3 { height: 66.6667%; }
  .lg-hover-h-2\/3:hover { height: 66.6667%; }
  .lg-focus-h-2\/3:focus { height: 66.6667%; }
  .lg-active-h-2\/3:active { height: 66.6667%; }
  .lg-disabled-h-2\/3:disabled { height: 66.6667%; }
  .lg-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  .lg-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  .lg-group:hover .lg-group-hover-h-2\/3 { height: 66.6667%; }
  .lg-min-w-2\/3 { min-width: 66.6667%; }
  .lg-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  .lg-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  .lg-active-min-w-2\/3:active { min-width: 66.6667%; }
  .lg-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  .lg-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  .lg-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  .lg-group:hover .lg-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  .lg-max-w-2\/3 { max-width: 66.6667%; }
  .lg-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  .lg-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  .lg-active-max-w-2\/3:active { max-width: 66.6667%; }
  .lg-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  .lg-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  .lg-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  .lg-group:hover .lg-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  .lg-min-h-2\/3 { min-height: 66.6667%; }
  .lg-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  .lg-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  .lg-active-min-h-2\/3:active { min-height: 66.6667%; }
  .lg-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  .lg-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  .lg-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  .lg-group:hover .lg-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  .lg-max-h-2\/3 { max-height: 66.6667%; }
  .lg-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  .lg-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  .lg-active-max-h-2\/3:active { max-height: 66.6667%; }
  .lg-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  .lg-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  .lg-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  .lg-group:hover .lg-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  .lg-w-1\/4 { width: 25%; }
  .lg-hover-w-1\/4:hover { width: 25%; }
  .lg-focus-w-1\/4:focus { width: 25%; }
  .lg-active-w-1\/4:active { width: 25%; }
  .lg-disabled-w-1\/4:disabled { width: 25%; }
  .lg-focus-visible-w-1\/4:focus-visible { width: 25%; }
  .lg-focus-within-w-1\/4:focus-within { width: 25%; }
  .lg-group:hover .lg-group-hover-w-1\/4 { width: 25%; }
  .lg-h-1\/4 { height: 25%; }
  .lg-hover-h-1\/4:hover { height: 25%; }
  .lg-focus-h-1\/4:focus { height: 25%; }
  .lg-active-h-1\/4:active { height: 25%; }
  .lg-disabled-h-1\/4:disabled { height: 25%; }
  .lg-focus-visible-h-1\/4:focus-visible { height: 25%; }
  .lg-focus-within-h-1\/4:focus-within { height: 25%; }
  .lg-group:hover .lg-group-hover-h-1\/4 { height: 25%; }
  .lg-min-w-1\/4 { min-width: 25%; }
  .lg-hover-min-w-1\/4:hover { min-width: 25%; }
  .lg-focus-min-w-1\/4:focus { min-width: 25%; }
  .lg-active-min-w-1\/4:active { min-width: 25%; }
  .lg-disabled-min-w-1\/4:disabled { min-width: 25%; }
  .lg-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  .lg-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  .lg-group:hover .lg-group-hover-min-w-1\/4 { min-width: 25%; }
  .lg-max-w-1\/4 { max-width: 25%; }
  .lg-hover-max-w-1\/4:hover { max-width: 25%; }
  .lg-focus-max-w-1\/4:focus { max-width: 25%; }
  .lg-active-max-w-1\/4:active { max-width: 25%; }
  .lg-disabled-max-w-1\/4:disabled { max-width: 25%; }
  .lg-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  .lg-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  .lg-group:hover .lg-group-hover-max-w-1\/4 { max-width: 25%; }
  .lg-min-h-1\/4 { min-height: 25%; }
  .lg-hover-min-h-1\/4:hover { min-height: 25%; }
  .lg-focus-min-h-1\/4:focus { min-height: 25%; }
  .lg-active-min-h-1\/4:active { min-height: 25%; }
  .lg-disabled-min-h-1\/4:disabled { min-height: 25%; }
  .lg-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  .lg-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  .lg-group:hover .lg-group-hover-min-h-1\/4 { min-height: 25%; }
  .lg-max-h-1\/4 { max-height: 25%; }
  .lg-hover-max-h-1\/4:hover { max-height: 25%; }
  .lg-focus-max-h-1\/4:focus { max-height: 25%; }
  .lg-active-max-h-1\/4:active { max-height: 25%; }
  .lg-disabled-max-h-1\/4:disabled { max-height: 25%; }
  .lg-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  .lg-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  .lg-group:hover .lg-group-hover-max-h-1\/4 { max-height: 25%; }
  .lg-w-3\/4 { width: 75%; }
  .lg-hover-w-3\/4:hover { width: 75%; }
  .lg-focus-w-3\/4:focus { width: 75%; }
  .lg-active-w-3\/4:active { width: 75%; }
  .lg-disabled-w-3\/4:disabled { width: 75%; }
  .lg-focus-visible-w-3\/4:focus-visible { width: 75%; }
  .lg-focus-within-w-3\/4:focus-within { width: 75%; }
  .lg-group:hover .lg-group-hover-w-3\/4 { width: 75%; }
  .lg-h-3\/4 { height: 75%; }
  .lg-hover-h-3\/4:hover { height: 75%; }
  .lg-focus-h-3\/4:focus { height: 75%; }
  .lg-active-h-3\/4:active { height: 75%; }
  .lg-disabled-h-3\/4:disabled { height: 75%; }
  .lg-focus-visible-h-3\/4:focus-visible { height: 75%; }
  .lg-focus-within-h-3\/4:focus-within { height: 75%; }
  .lg-group:hover .lg-group-hover-h-3\/4 { height: 75%; }
  .lg-min-w-3\/4 { min-width: 75%; }
  .lg-hover-min-w-3\/4:hover { min-width: 75%; }
  .lg-focus-min-w-3\/4:focus { min-width: 75%; }
  .lg-active-min-w-3\/4:active { min-width: 75%; }
  .lg-disabled-min-w-3\/4:disabled { min-width: 75%; }
  .lg-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  .lg-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  .lg-group:hover .lg-group-hover-min-w-3\/4 { min-width: 75%; }
  .lg-max-w-3\/4 { max-width: 75%; }
  .lg-hover-max-w-3\/4:hover { max-width: 75%; }
  .lg-focus-max-w-3\/4:focus { max-width: 75%; }
  .lg-active-max-w-3\/4:active { max-width: 75%; }
  .lg-disabled-max-w-3\/4:disabled { max-width: 75%; }
  .lg-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  .lg-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  .lg-group:hover .lg-group-hover-max-w-3\/4 { max-width: 75%; }
  .lg-min-h-3\/4 { min-height: 75%; }
  .lg-hover-min-h-3\/4:hover { min-height: 75%; }
  .lg-focus-min-h-3\/4:focus { min-height: 75%; }
  .lg-active-min-h-3\/4:active { min-height: 75%; }
  .lg-disabled-min-h-3\/4:disabled { min-height: 75%; }
  .lg-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  .lg-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  .lg-group:hover .lg-group-hover-min-h-3\/4 { min-height: 75%; }
  .lg-max-h-3\/4 { max-height: 75%; }
  .lg-hover-max-h-3\/4:hover { max-height: 75%; }
  .lg-focus-max-h-3\/4:focus { max-height: 75%; }
  .lg-active-max-h-3\/4:active { max-height: 75%; }
  .lg-disabled-max-h-3\/4:disabled { max-height: 75%; }
  .lg-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  .lg-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  .lg-group:hover .lg-group-hover-max-h-3\/4 { max-height: 75%; }
  .lg-w-1\/5 { width: 20%; }
  .lg-hover-w-1\/5:hover { width: 20%; }
  .lg-focus-w-1\/5:focus { width: 20%; }
  .lg-active-w-1\/5:active { width: 20%; }
  .lg-disabled-w-1\/5:disabled { width: 20%; }
  .lg-focus-visible-w-1\/5:focus-visible { width: 20%; }
  .lg-focus-within-w-1\/5:focus-within { width: 20%; }
  .lg-group:hover .lg-group-hover-w-1\/5 { width: 20%; }
  .lg-h-1\/5 { height: 20%; }
  .lg-hover-h-1\/5:hover { height: 20%; }
  .lg-focus-h-1\/5:focus { height: 20%; }
  .lg-active-h-1\/5:active { height: 20%; }
  .lg-disabled-h-1\/5:disabled { height: 20%; }
  .lg-focus-visible-h-1\/5:focus-visible { height: 20%; }
  .lg-focus-within-h-1\/5:focus-within { height: 20%; }
  .lg-group:hover .lg-group-hover-h-1\/5 { height: 20%; }
  .lg-min-w-1\/5 { min-width: 20%; }
  .lg-hover-min-w-1\/5:hover { min-width: 20%; }
  .lg-focus-min-w-1\/5:focus { min-width: 20%; }
  .lg-active-min-w-1\/5:active { min-width: 20%; }
  .lg-disabled-min-w-1\/5:disabled { min-width: 20%; }
  .lg-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  .lg-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  .lg-group:hover .lg-group-hover-min-w-1\/5 { min-width: 20%; }
  .lg-max-w-1\/5 { max-width: 20%; }
  .lg-hover-max-w-1\/5:hover { max-width: 20%; }
  .lg-focus-max-w-1\/5:focus { max-width: 20%; }
  .lg-active-max-w-1\/5:active { max-width: 20%; }
  .lg-disabled-max-w-1\/5:disabled { max-width: 20%; }
  .lg-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  .lg-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  .lg-group:hover .lg-group-hover-max-w-1\/5 { max-width: 20%; }
  .lg-min-h-1\/5 { min-height: 20%; }
  .lg-hover-min-h-1\/5:hover { min-height: 20%; }
  .lg-focus-min-h-1\/5:focus { min-height: 20%; }
  .lg-active-min-h-1\/5:active { min-height: 20%; }
  .lg-disabled-min-h-1\/5:disabled { min-height: 20%; }
  .lg-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  .lg-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  .lg-group:hover .lg-group-hover-min-h-1\/5 { min-height: 20%; }
  .lg-max-h-1\/5 { max-height: 20%; }
  .lg-hover-max-h-1\/5:hover { max-height: 20%; }
  .lg-focus-max-h-1\/5:focus { max-height: 20%; }
  .lg-active-max-h-1\/5:active { max-height: 20%; }
  .lg-disabled-max-h-1\/5:disabled { max-height: 20%; }
  .lg-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  .lg-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  .lg-group:hover .lg-group-hover-max-h-1\/5 { max-height: 20%; }
  .lg-w-2\/5 { width: 40%; }
  .lg-hover-w-2\/5:hover { width: 40%; }
  .lg-focus-w-2\/5:focus { width: 40%; }
  .lg-active-w-2\/5:active { width: 40%; }
  .lg-disabled-w-2\/5:disabled { width: 40%; }
  .lg-focus-visible-w-2\/5:focus-visible { width: 40%; }
  .lg-focus-within-w-2\/5:focus-within { width: 40%; }
  .lg-group:hover .lg-group-hover-w-2\/5 { width: 40%; }
  .lg-h-2\/5 { height: 40%; }
  .lg-hover-h-2\/5:hover { height: 40%; }
  .lg-focus-h-2\/5:focus { height: 40%; }
  .lg-active-h-2\/5:active { height: 40%; }
  .lg-disabled-h-2\/5:disabled { height: 40%; }
  .lg-focus-visible-h-2\/5:focus-visible { height: 40%; }
  .lg-focus-within-h-2\/5:focus-within { height: 40%; }
  .lg-group:hover .lg-group-hover-h-2\/5 { height: 40%; }
  .lg-min-w-2\/5 { min-width: 40%; }
  .lg-hover-min-w-2\/5:hover { min-width: 40%; }
  .lg-focus-min-w-2\/5:focus { min-width: 40%; }
  .lg-active-min-w-2\/5:active { min-width: 40%; }
  .lg-disabled-min-w-2\/5:disabled { min-width: 40%; }
  .lg-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  .lg-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  .lg-group:hover .lg-group-hover-min-w-2\/5 { min-width: 40%; }
  .lg-max-w-2\/5 { max-width: 40%; }
  .lg-hover-max-w-2\/5:hover { max-width: 40%; }
  .lg-focus-max-w-2\/5:focus { max-width: 40%; }
  .lg-active-max-w-2\/5:active { max-width: 40%; }
  .lg-disabled-max-w-2\/5:disabled { max-width: 40%; }
  .lg-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  .lg-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  .lg-group:hover .lg-group-hover-max-w-2\/5 { max-width: 40%; }
  .lg-min-h-2\/5 { min-height: 40%; }
  .lg-hover-min-h-2\/5:hover { min-height: 40%; }
  .lg-focus-min-h-2\/5:focus { min-height: 40%; }
  .lg-active-min-h-2\/5:active { min-height: 40%; }
  .lg-disabled-min-h-2\/5:disabled { min-height: 40%; }
  .lg-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  .lg-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  .lg-group:hover .lg-group-hover-min-h-2\/5 { min-height: 40%; }
  .lg-max-h-2\/5 { max-height: 40%; }
  .lg-hover-max-h-2\/5:hover { max-height: 40%; }
  .lg-focus-max-h-2\/5:focus { max-height: 40%; }
  .lg-active-max-h-2\/5:active { max-height: 40%; }
  .lg-disabled-max-h-2\/5:disabled { max-height: 40%; }
  .lg-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  .lg-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  .lg-group:hover .lg-group-hover-max-h-2\/5 { max-height: 40%; }
  .lg-w-3\/5 { width: 60%; }
  .lg-hover-w-3\/5:hover { width: 60%; }
  .lg-focus-w-3\/5:focus { width: 60%; }
  .lg-active-w-3\/5:active { width: 60%; }
  .lg-disabled-w-3\/5:disabled { width: 60%; }
  .lg-focus-visible-w-3\/5:focus-visible { width: 60%; }
  .lg-focus-within-w-3\/5:focus-within { width: 60%; }
  .lg-group:hover .lg-group-hover-w-3\/5 { width: 60%; }
  .lg-h-3\/5 { height: 60%; }
  .lg-hover-h-3\/5:hover { height: 60%; }
  .lg-focus-h-3\/5:focus { height: 60%; }
  .lg-active-h-3\/5:active { height: 60%; }
  .lg-disabled-h-3\/5:disabled { height: 60%; }
  .lg-focus-visible-h-3\/5:focus-visible { height: 60%; }
  .lg-focus-within-h-3\/5:focus-within { height: 60%; }
  .lg-group:hover .lg-group-hover-h-3\/5 { height: 60%; }
  .lg-min-w-3\/5 { min-width: 60%; }
  .lg-hover-min-w-3\/5:hover { min-width: 60%; }
  .lg-focus-min-w-3\/5:focus { min-width: 60%; }
  .lg-active-min-w-3\/5:active { min-width: 60%; }
  .lg-disabled-min-w-3\/5:disabled { min-width: 60%; }
  .lg-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  .lg-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  .lg-group:hover .lg-group-hover-min-w-3\/5 { min-width: 60%; }
  .lg-max-w-3\/5 { max-width: 60%; }
  .lg-hover-max-w-3\/5:hover { max-width: 60%; }
  .lg-focus-max-w-3\/5:focus { max-width: 60%; }
  .lg-active-max-w-3\/5:active { max-width: 60%; }
  .lg-disabled-max-w-3\/5:disabled { max-width: 60%; }
  .lg-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  .lg-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  .lg-group:hover .lg-group-hover-max-w-3\/5 { max-width: 60%; }
  .lg-min-h-3\/5 { min-height: 60%; }
  .lg-hover-min-h-3\/5:hover { min-height: 60%; }
  .lg-focus-min-h-3\/5:focus { min-height: 60%; }
  .lg-active-min-h-3\/5:active { min-height: 60%; }
  .lg-disabled-min-h-3\/5:disabled { min-height: 60%; }
  .lg-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  .lg-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  .lg-group:hover .lg-group-hover-min-h-3\/5 { min-height: 60%; }
  .lg-max-h-3\/5 { max-height: 60%; }
  .lg-hover-max-h-3\/5:hover { max-height: 60%; }
  .lg-focus-max-h-3\/5:focus { max-height: 60%; }
  .lg-active-max-h-3\/5:active { max-height: 60%; }
  .lg-disabled-max-h-3\/5:disabled { max-height: 60%; }
  .lg-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  .lg-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  .lg-group:hover .lg-group-hover-max-h-3\/5 { max-height: 60%; }
  .lg-w-4\/5 { width: 80%; }
  .lg-hover-w-4\/5:hover { width: 80%; }
  .lg-focus-w-4\/5:focus { width: 80%; }
  .lg-active-w-4\/5:active { width: 80%; }
  .lg-disabled-w-4\/5:disabled { width: 80%; }
  .lg-focus-visible-w-4\/5:focus-visible { width: 80%; }
  .lg-focus-within-w-4\/5:focus-within { width: 80%; }
  .lg-group:hover .lg-group-hover-w-4\/5 { width: 80%; }
  .lg-h-4\/5 { height: 80%; }
  .lg-hover-h-4\/5:hover { height: 80%; }
  .lg-focus-h-4\/5:focus { height: 80%; }
  .lg-active-h-4\/5:active { height: 80%; }
  .lg-disabled-h-4\/5:disabled { height: 80%; }
  .lg-focus-visible-h-4\/5:focus-visible { height: 80%; }
  .lg-focus-within-h-4\/5:focus-within { height: 80%; }
  .lg-group:hover .lg-group-hover-h-4\/5 { height: 80%; }
  .lg-min-w-4\/5 { min-width: 80%; }
  .lg-hover-min-w-4\/5:hover { min-width: 80%; }
  .lg-focus-min-w-4\/5:focus { min-width: 80%; }
  .lg-active-min-w-4\/5:active { min-width: 80%; }
  .lg-disabled-min-w-4\/5:disabled { min-width: 80%; }
  .lg-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  .lg-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  .lg-group:hover .lg-group-hover-min-w-4\/5 { min-width: 80%; }
  .lg-max-w-4\/5 { max-width: 80%; }
  .lg-hover-max-w-4\/5:hover { max-width: 80%; }
  .lg-focus-max-w-4\/5:focus { max-width: 80%; }
  .lg-active-max-w-4\/5:active { max-width: 80%; }
  .lg-disabled-max-w-4\/5:disabled { max-width: 80%; }
  .lg-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  .lg-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  .lg-group:hover .lg-group-hover-max-w-4\/5 { max-width: 80%; }
  .lg-min-h-4\/5 { min-height: 80%; }
  .lg-hover-min-h-4\/5:hover { min-height: 80%; }
  .lg-focus-min-h-4\/5:focus { min-height: 80%; }
  .lg-active-min-h-4\/5:active { min-height: 80%; }
  .lg-disabled-min-h-4\/5:disabled { min-height: 80%; }
  .lg-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  .lg-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  .lg-group:hover .lg-group-hover-min-h-4\/5 { min-height: 80%; }
  .lg-max-h-4\/5 { max-height: 80%; }
  .lg-hover-max-h-4\/5:hover { max-height: 80%; }
  .lg-focus-max-h-4\/5:focus { max-height: 80%; }
  .lg-active-max-h-4\/5:active { max-height: 80%; }
  .lg-disabled-max-h-4\/5:disabled { max-height: 80%; }
  .lg-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  .lg-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  .lg-group:hover .lg-group-hover-max-h-4\/5 { max-height: 80%; }
  .lg-w-5p { width: 5%; }
  .lg-hover-w-5p:hover { width: 5%; }
  .lg-focus-w-5p:focus { width: 5%; }
  .lg-active-w-5p:active { width: 5%; }
  .lg-disabled-w-5p:disabled { width: 5%; }
  .lg-focus-visible-w-5p:focus-visible { width: 5%; }
  .lg-focus-within-w-5p:focus-within { width: 5%; }
  .lg-group:hover .lg-group-hover-w-5p { width: 5%; }
  .lg-h-5p { height: 5%; }
  .lg-hover-h-5p:hover { height: 5%; }
  .lg-focus-h-5p:focus { height: 5%; }
  .lg-active-h-5p:active { height: 5%; }
  .lg-disabled-h-5p:disabled { height: 5%; }
  .lg-focus-visible-h-5p:focus-visible { height: 5%; }
  .lg-focus-within-h-5p:focus-within { height: 5%; }
  .lg-group:hover .lg-group-hover-h-5p { height: 5%; }
  .lg-min-w-5p { min-width: 5%; }
  .lg-hover-min-w-5p:hover { min-width: 5%; }
  .lg-focus-min-w-5p:focus { min-width: 5%; }
  .lg-active-min-w-5p:active { min-width: 5%; }
  .lg-disabled-min-w-5p:disabled { min-width: 5%; }
  .lg-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  .lg-focus-within-min-w-5p:focus-within { min-width: 5%; }
  .lg-group:hover .lg-group-hover-min-w-5p { min-width: 5%; }
  .lg-max-w-5p { max-width: 5%; }
  .lg-hover-max-w-5p:hover { max-width: 5%; }
  .lg-focus-max-w-5p:focus { max-width: 5%; }
  .lg-active-max-w-5p:active { max-width: 5%; }
  .lg-disabled-max-w-5p:disabled { max-width: 5%; }
  .lg-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  .lg-focus-within-max-w-5p:focus-within { max-width: 5%; }
  .lg-group:hover .lg-group-hover-max-w-5p { max-width: 5%; }
  .lg-min-h-5p { min-height: 5%; }
  .lg-hover-min-h-5p:hover { min-height: 5%; }
  .lg-focus-min-h-5p:focus { min-height: 5%; }
  .lg-active-min-h-5p:active { min-height: 5%; }
  .lg-disabled-min-h-5p:disabled { min-height: 5%; }
  .lg-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  .lg-focus-within-min-h-5p:focus-within { min-height: 5%; }
  .lg-group:hover .lg-group-hover-min-h-5p { min-height: 5%; }
  .lg-max-h-5p { max-height: 5%; }
  .lg-hover-max-h-5p:hover { max-height: 5%; }
  .lg-focus-max-h-5p:focus { max-height: 5%; }
  .lg-active-max-h-5p:active { max-height: 5%; }
  .lg-disabled-max-h-5p:disabled { max-height: 5%; }
  .lg-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  .lg-focus-within-max-h-5p:focus-within { max-height: 5%; }
  .lg-group:hover .lg-group-hover-max-h-5p { max-height: 5%; }
  .lg-w-10p { width: 10%; }
  .lg-hover-w-10p:hover { width: 10%; }
  .lg-focus-w-10p:focus { width: 10%; }
  .lg-active-w-10p:active { width: 10%; }
  .lg-disabled-w-10p:disabled { width: 10%; }
  .lg-focus-visible-w-10p:focus-visible { width: 10%; }
  .lg-focus-within-w-10p:focus-within { width: 10%; }
  .lg-group:hover .lg-group-hover-w-10p { width: 10%; }
  .lg-h-10p { height: 10%; }
  .lg-hover-h-10p:hover { height: 10%; }
  .lg-focus-h-10p:focus { height: 10%; }
  .lg-active-h-10p:active { height: 10%; }
  .lg-disabled-h-10p:disabled { height: 10%; }
  .lg-focus-visible-h-10p:focus-visible { height: 10%; }
  .lg-focus-within-h-10p:focus-within { height: 10%; }
  .lg-group:hover .lg-group-hover-h-10p { height: 10%; }
  .lg-min-w-10p { min-width: 10%; }
  .lg-hover-min-w-10p:hover { min-width: 10%; }
  .lg-focus-min-w-10p:focus { min-width: 10%; }
  .lg-active-min-w-10p:active { min-width: 10%; }
  .lg-disabled-min-w-10p:disabled { min-width: 10%; }
  .lg-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  .lg-focus-within-min-w-10p:focus-within { min-width: 10%; }
  .lg-group:hover .lg-group-hover-min-w-10p { min-width: 10%; }
  .lg-max-w-10p { max-width: 10%; }
  .lg-hover-max-w-10p:hover { max-width: 10%; }
  .lg-focus-max-w-10p:focus { max-width: 10%; }
  .lg-active-max-w-10p:active { max-width: 10%; }
  .lg-disabled-max-w-10p:disabled { max-width: 10%; }
  .lg-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  .lg-focus-within-max-w-10p:focus-within { max-width: 10%; }
  .lg-group:hover .lg-group-hover-max-w-10p { max-width: 10%; }
  .lg-min-h-10p { min-height: 10%; }
  .lg-hover-min-h-10p:hover { min-height: 10%; }
  .lg-focus-min-h-10p:focus { min-height: 10%; }
  .lg-active-min-h-10p:active { min-height: 10%; }
  .lg-disabled-min-h-10p:disabled { min-height: 10%; }
  .lg-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  .lg-focus-within-min-h-10p:focus-within { min-height: 10%; }
  .lg-group:hover .lg-group-hover-min-h-10p { min-height: 10%; }
  .lg-max-h-10p { max-height: 10%; }
  .lg-hover-max-h-10p:hover { max-height: 10%; }
  .lg-focus-max-h-10p:focus { max-height: 10%; }
  .lg-active-max-h-10p:active { max-height: 10%; }
  .lg-disabled-max-h-10p:disabled { max-height: 10%; }
  .lg-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  .lg-focus-within-max-h-10p:focus-within { max-height: 10%; }
  .lg-group:hover .lg-group-hover-max-h-10p { max-height: 10%; }
  .lg-w-15p { width: 15%; }
  .lg-hover-w-15p:hover { width: 15%; }
  .lg-focus-w-15p:focus { width: 15%; }
  .lg-active-w-15p:active { width: 15%; }
  .lg-disabled-w-15p:disabled { width: 15%; }
  .lg-focus-visible-w-15p:focus-visible { width: 15%; }
  .lg-focus-within-w-15p:focus-within { width: 15%; }
  .lg-group:hover .lg-group-hover-w-15p { width: 15%; }
  .lg-h-15p { height: 15%; }
  .lg-hover-h-15p:hover { height: 15%; }
  .lg-focus-h-15p:focus { height: 15%; }
  .lg-active-h-15p:active { height: 15%; }
  .lg-disabled-h-15p:disabled { height: 15%; }
  .lg-focus-visible-h-15p:focus-visible { height: 15%; }
  .lg-focus-within-h-15p:focus-within { height: 15%; }
  .lg-group:hover .lg-group-hover-h-15p { height: 15%; }
  .lg-min-w-15p { min-width: 15%; }
  .lg-hover-min-w-15p:hover { min-width: 15%; }
  .lg-focus-min-w-15p:focus { min-width: 15%; }
  .lg-active-min-w-15p:active { min-width: 15%; }
  .lg-disabled-min-w-15p:disabled { min-width: 15%; }
  .lg-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  .lg-focus-within-min-w-15p:focus-within { min-width: 15%; }
  .lg-group:hover .lg-group-hover-min-w-15p { min-width: 15%; }
  .lg-max-w-15p { max-width: 15%; }
  .lg-hover-max-w-15p:hover { max-width: 15%; }
  .lg-focus-max-w-15p:focus { max-width: 15%; }
  .lg-active-max-w-15p:active { max-width: 15%; }
  .lg-disabled-max-w-15p:disabled { max-width: 15%; }
  .lg-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  .lg-focus-within-max-w-15p:focus-within { max-width: 15%; }
  .lg-group:hover .lg-group-hover-max-w-15p { max-width: 15%; }
  .lg-min-h-15p { min-height: 15%; }
  .lg-hover-min-h-15p:hover { min-height: 15%; }
  .lg-focus-min-h-15p:focus { min-height: 15%; }
  .lg-active-min-h-15p:active { min-height: 15%; }
  .lg-disabled-min-h-15p:disabled { min-height: 15%; }
  .lg-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  .lg-focus-within-min-h-15p:focus-within { min-height: 15%; }
  .lg-group:hover .lg-group-hover-min-h-15p { min-height: 15%; }
  .lg-max-h-15p { max-height: 15%; }
  .lg-hover-max-h-15p:hover { max-height: 15%; }
  .lg-focus-max-h-15p:focus { max-height: 15%; }
  .lg-active-max-h-15p:active { max-height: 15%; }
  .lg-disabled-max-h-15p:disabled { max-height: 15%; }
  .lg-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  .lg-focus-within-max-h-15p:focus-within { max-height: 15%; }
  .lg-group:hover .lg-group-hover-max-h-15p { max-height: 15%; }
  .lg-w-20p { width: 20%; }
  .lg-hover-w-20p:hover { width: 20%; }
  .lg-focus-w-20p:focus { width: 20%; }
  .lg-active-w-20p:active { width: 20%; }
  .lg-disabled-w-20p:disabled { width: 20%; }
  .lg-focus-visible-w-20p:focus-visible { width: 20%; }
  .lg-focus-within-w-20p:focus-within { width: 20%; }
  .lg-group:hover .lg-group-hover-w-20p { width: 20%; }
  .lg-h-20p { height: 20%; }
  .lg-hover-h-20p:hover { height: 20%; }
  .lg-focus-h-20p:focus { height: 20%; }
  .lg-active-h-20p:active { height: 20%; }
  .lg-disabled-h-20p:disabled { height: 20%; }
  .lg-focus-visible-h-20p:focus-visible { height: 20%; }
  .lg-focus-within-h-20p:focus-within { height: 20%; }
  .lg-group:hover .lg-group-hover-h-20p { height: 20%; }
  .lg-min-w-20p { min-width: 20%; }
  .lg-hover-min-w-20p:hover { min-width: 20%; }
  .lg-focus-min-w-20p:focus { min-width: 20%; }
  .lg-active-min-w-20p:active { min-width: 20%; }
  .lg-disabled-min-w-20p:disabled { min-width: 20%; }
  .lg-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  .lg-focus-within-min-w-20p:focus-within { min-width: 20%; }
  .lg-group:hover .lg-group-hover-min-w-20p { min-width: 20%; }
  .lg-max-w-20p { max-width: 20%; }
  .lg-hover-max-w-20p:hover { max-width: 20%; }
  .lg-focus-max-w-20p:focus { max-width: 20%; }
  .lg-active-max-w-20p:active { max-width: 20%; }
  .lg-disabled-max-w-20p:disabled { max-width: 20%; }
  .lg-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  .lg-focus-within-max-w-20p:focus-within { max-width: 20%; }
  .lg-group:hover .lg-group-hover-max-w-20p { max-width: 20%; }
  .lg-min-h-20p { min-height: 20%; }
  .lg-hover-min-h-20p:hover { min-height: 20%; }
  .lg-focus-min-h-20p:focus { min-height: 20%; }
  .lg-active-min-h-20p:active { min-height: 20%; }
  .lg-disabled-min-h-20p:disabled { min-height: 20%; }
  .lg-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  .lg-focus-within-min-h-20p:focus-within { min-height: 20%; }
  .lg-group:hover .lg-group-hover-min-h-20p { min-height: 20%; }
  .lg-max-h-20p { max-height: 20%; }
  .lg-hover-max-h-20p:hover { max-height: 20%; }
  .lg-focus-max-h-20p:focus { max-height: 20%; }
  .lg-active-max-h-20p:active { max-height: 20%; }
  .lg-disabled-max-h-20p:disabled { max-height: 20%; }
  .lg-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  .lg-focus-within-max-h-20p:focus-within { max-height: 20%; }
  .lg-group:hover .lg-group-hover-max-h-20p { max-height: 20%; }
  .lg-w-25p { width: 25%; }
  .lg-hover-w-25p:hover { width: 25%; }
  .lg-focus-w-25p:focus { width: 25%; }
  .lg-active-w-25p:active { width: 25%; }
  .lg-disabled-w-25p:disabled { width: 25%; }
  .lg-focus-visible-w-25p:focus-visible { width: 25%; }
  .lg-focus-within-w-25p:focus-within { width: 25%; }
  .lg-group:hover .lg-group-hover-w-25p { width: 25%; }
  .lg-h-25p { height: 25%; }
  .lg-hover-h-25p:hover { height: 25%; }
  .lg-focus-h-25p:focus { height: 25%; }
  .lg-active-h-25p:active { height: 25%; }
  .lg-disabled-h-25p:disabled { height: 25%; }
  .lg-focus-visible-h-25p:focus-visible { height: 25%; }
  .lg-focus-within-h-25p:focus-within { height: 25%; }
  .lg-group:hover .lg-group-hover-h-25p { height: 25%; }
  .lg-min-w-25p { min-width: 25%; }
  .lg-hover-min-w-25p:hover { min-width: 25%; }
  .lg-focus-min-w-25p:focus { min-width: 25%; }
  .lg-active-min-w-25p:active { min-width: 25%; }
  .lg-disabled-min-w-25p:disabled { min-width: 25%; }
  .lg-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  .lg-focus-within-min-w-25p:focus-within { min-width: 25%; }
  .lg-group:hover .lg-group-hover-min-w-25p { min-width: 25%; }
  .lg-max-w-25p { max-width: 25%; }
  .lg-hover-max-w-25p:hover { max-width: 25%; }
  .lg-focus-max-w-25p:focus { max-width: 25%; }
  .lg-active-max-w-25p:active { max-width: 25%; }
  .lg-disabled-max-w-25p:disabled { max-width: 25%; }
  .lg-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  .lg-focus-within-max-w-25p:focus-within { max-width: 25%; }
  .lg-group:hover .lg-group-hover-max-w-25p { max-width: 25%; }
  .lg-min-h-25p { min-height: 25%; }
  .lg-hover-min-h-25p:hover { min-height: 25%; }
  .lg-focus-min-h-25p:focus { min-height: 25%; }
  .lg-active-min-h-25p:active { min-height: 25%; }
  .lg-disabled-min-h-25p:disabled { min-height: 25%; }
  .lg-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  .lg-focus-within-min-h-25p:focus-within { min-height: 25%; }
  .lg-group:hover .lg-group-hover-min-h-25p { min-height: 25%; }
  .lg-max-h-25p { max-height: 25%; }
  .lg-hover-max-h-25p:hover { max-height: 25%; }
  .lg-focus-max-h-25p:focus { max-height: 25%; }
  .lg-active-max-h-25p:active { max-height: 25%; }
  .lg-disabled-max-h-25p:disabled { max-height: 25%; }
  .lg-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  .lg-focus-within-max-h-25p:focus-within { max-height: 25%; }
  .lg-group:hover .lg-group-hover-max-h-25p { max-height: 25%; }
  .lg-w-30p { width: 30%; }
  .lg-hover-w-30p:hover { width: 30%; }
  .lg-focus-w-30p:focus { width: 30%; }
  .lg-active-w-30p:active { width: 30%; }
  .lg-disabled-w-30p:disabled { width: 30%; }
  .lg-focus-visible-w-30p:focus-visible { width: 30%; }
  .lg-focus-within-w-30p:focus-within { width: 30%; }
  .lg-group:hover .lg-group-hover-w-30p { width: 30%; }
  .lg-h-30p { height: 30%; }
  .lg-hover-h-30p:hover { height: 30%; }
  .lg-focus-h-30p:focus { height: 30%; }
  .lg-active-h-30p:active { height: 30%; }
  .lg-disabled-h-30p:disabled { height: 30%; }
  .lg-focus-visible-h-30p:focus-visible { height: 30%; }
  .lg-focus-within-h-30p:focus-within { height: 30%; }
  .lg-group:hover .lg-group-hover-h-30p { height: 30%; }
  .lg-min-w-30p { min-width: 30%; }
  .lg-hover-min-w-30p:hover { min-width: 30%; }
  .lg-focus-min-w-30p:focus { min-width: 30%; }
  .lg-active-min-w-30p:active { min-width: 30%; }
  .lg-disabled-min-w-30p:disabled { min-width: 30%; }
  .lg-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  .lg-focus-within-min-w-30p:focus-within { min-width: 30%; }
  .lg-group:hover .lg-group-hover-min-w-30p { min-width: 30%; }
  .lg-max-w-30p { max-width: 30%; }
  .lg-hover-max-w-30p:hover { max-width: 30%; }
  .lg-focus-max-w-30p:focus { max-width: 30%; }
  .lg-active-max-w-30p:active { max-width: 30%; }
  .lg-disabled-max-w-30p:disabled { max-width: 30%; }
  .lg-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  .lg-focus-within-max-w-30p:focus-within { max-width: 30%; }
  .lg-group:hover .lg-group-hover-max-w-30p { max-width: 30%; }
  .lg-min-h-30p { min-height: 30%; }
  .lg-hover-min-h-30p:hover { min-height: 30%; }
  .lg-focus-min-h-30p:focus { min-height: 30%; }
  .lg-active-min-h-30p:active { min-height: 30%; }
  .lg-disabled-min-h-30p:disabled { min-height: 30%; }
  .lg-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  .lg-focus-within-min-h-30p:focus-within { min-height: 30%; }
  .lg-group:hover .lg-group-hover-min-h-30p { min-height: 30%; }
  .lg-max-h-30p { max-height: 30%; }
  .lg-hover-max-h-30p:hover { max-height: 30%; }
  .lg-focus-max-h-30p:focus { max-height: 30%; }
  .lg-active-max-h-30p:active { max-height: 30%; }
  .lg-disabled-max-h-30p:disabled { max-height: 30%; }
  .lg-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  .lg-focus-within-max-h-30p:focus-within { max-height: 30%; }
  .lg-group:hover .lg-group-hover-max-h-30p { max-height: 30%; }
  .lg-w-35p { width: 35%; }
  .lg-hover-w-35p:hover { width: 35%; }
  .lg-focus-w-35p:focus { width: 35%; }
  .lg-active-w-35p:active { width: 35%; }
  .lg-disabled-w-35p:disabled { width: 35%; }
  .lg-focus-visible-w-35p:focus-visible { width: 35%; }
  .lg-focus-within-w-35p:focus-within { width: 35%; }
  .lg-group:hover .lg-group-hover-w-35p { width: 35%; }
  .lg-h-35p { height: 35%; }
  .lg-hover-h-35p:hover { height: 35%; }
  .lg-focus-h-35p:focus { height: 35%; }
  .lg-active-h-35p:active { height: 35%; }
  .lg-disabled-h-35p:disabled { height: 35%; }
  .lg-focus-visible-h-35p:focus-visible { height: 35%; }
  .lg-focus-within-h-35p:focus-within { height: 35%; }
  .lg-group:hover .lg-group-hover-h-35p { height: 35%; }
  .lg-min-w-35p { min-width: 35%; }
  .lg-hover-min-w-35p:hover { min-width: 35%; }
  .lg-focus-min-w-35p:focus { min-width: 35%; }
  .lg-active-min-w-35p:active { min-width: 35%; }
  .lg-disabled-min-w-35p:disabled { min-width: 35%; }
  .lg-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  .lg-focus-within-min-w-35p:focus-within { min-width: 35%; }
  .lg-group:hover .lg-group-hover-min-w-35p { min-width: 35%; }
  .lg-max-w-35p { max-width: 35%; }
  .lg-hover-max-w-35p:hover { max-width: 35%; }
  .lg-focus-max-w-35p:focus { max-width: 35%; }
  .lg-active-max-w-35p:active { max-width: 35%; }
  .lg-disabled-max-w-35p:disabled { max-width: 35%; }
  .lg-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  .lg-focus-within-max-w-35p:focus-within { max-width: 35%; }
  .lg-group:hover .lg-group-hover-max-w-35p { max-width: 35%; }
  .lg-min-h-35p { min-height: 35%; }
  .lg-hover-min-h-35p:hover { min-height: 35%; }
  .lg-focus-min-h-35p:focus { min-height: 35%; }
  .lg-active-min-h-35p:active { min-height: 35%; }
  .lg-disabled-min-h-35p:disabled { min-height: 35%; }
  .lg-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  .lg-focus-within-min-h-35p:focus-within { min-height: 35%; }
  .lg-group:hover .lg-group-hover-min-h-35p { min-height: 35%; }
  .lg-max-h-35p { max-height: 35%; }
  .lg-hover-max-h-35p:hover { max-height: 35%; }
  .lg-focus-max-h-35p:focus { max-height: 35%; }
  .lg-active-max-h-35p:active { max-height: 35%; }
  .lg-disabled-max-h-35p:disabled { max-height: 35%; }
  .lg-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  .lg-focus-within-max-h-35p:focus-within { max-height: 35%; }
  .lg-group:hover .lg-group-hover-max-h-35p { max-height: 35%; }
  .lg-w-40p { width: 40%; }
  .lg-hover-w-40p:hover { width: 40%; }
  .lg-focus-w-40p:focus { width: 40%; }
  .lg-active-w-40p:active { width: 40%; }
  .lg-disabled-w-40p:disabled { width: 40%; }
  .lg-focus-visible-w-40p:focus-visible { width: 40%; }
  .lg-focus-within-w-40p:focus-within { width: 40%; }
  .lg-group:hover .lg-group-hover-w-40p { width: 40%; }
  .lg-h-40p { height: 40%; }
  .lg-hover-h-40p:hover { height: 40%; }
  .lg-focus-h-40p:focus { height: 40%; }
  .lg-active-h-40p:active { height: 40%; }
  .lg-disabled-h-40p:disabled { height: 40%; }
  .lg-focus-visible-h-40p:focus-visible { height: 40%; }
  .lg-focus-within-h-40p:focus-within { height: 40%; }
  .lg-group:hover .lg-group-hover-h-40p { height: 40%; }
  .lg-min-w-40p { min-width: 40%; }
  .lg-hover-min-w-40p:hover { min-width: 40%; }
  .lg-focus-min-w-40p:focus { min-width: 40%; }
  .lg-active-min-w-40p:active { min-width: 40%; }
  .lg-disabled-min-w-40p:disabled { min-width: 40%; }
  .lg-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  .lg-focus-within-min-w-40p:focus-within { min-width: 40%; }
  .lg-group:hover .lg-group-hover-min-w-40p { min-width: 40%; }
  .lg-max-w-40p { max-width: 40%; }
  .lg-hover-max-w-40p:hover { max-width: 40%; }
  .lg-focus-max-w-40p:focus { max-width: 40%; }
  .lg-active-max-w-40p:active { max-width: 40%; }
  .lg-disabled-max-w-40p:disabled { max-width: 40%; }
  .lg-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  .lg-focus-within-max-w-40p:focus-within { max-width: 40%; }
  .lg-group:hover .lg-group-hover-max-w-40p { max-width: 40%; }
  .lg-min-h-40p { min-height: 40%; }
  .lg-hover-min-h-40p:hover { min-height: 40%; }
  .lg-focus-min-h-40p:focus { min-height: 40%; }
  .lg-active-min-h-40p:active { min-height: 40%; }
  .lg-disabled-min-h-40p:disabled { min-height: 40%; }
  .lg-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  .lg-focus-within-min-h-40p:focus-within { min-height: 40%; }
  .lg-group:hover .lg-group-hover-min-h-40p { min-height: 40%; }
  .lg-max-h-40p { max-height: 40%; }
  .lg-hover-max-h-40p:hover { max-height: 40%; }
  .lg-focus-max-h-40p:focus { max-height: 40%; }
  .lg-active-max-h-40p:active { max-height: 40%; }
  .lg-disabled-max-h-40p:disabled { max-height: 40%; }
  .lg-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  .lg-focus-within-max-h-40p:focus-within { max-height: 40%; }
  .lg-group:hover .lg-group-hover-max-h-40p { max-height: 40%; }
  .lg-w-45p { width: 45%; }
  .lg-hover-w-45p:hover { width: 45%; }
  .lg-focus-w-45p:focus { width: 45%; }
  .lg-active-w-45p:active { width: 45%; }
  .lg-disabled-w-45p:disabled { width: 45%; }
  .lg-focus-visible-w-45p:focus-visible { width: 45%; }
  .lg-focus-within-w-45p:focus-within { width: 45%; }
  .lg-group:hover .lg-group-hover-w-45p { width: 45%; }
  .lg-h-45p { height: 45%; }
  .lg-hover-h-45p:hover { height: 45%; }
  .lg-focus-h-45p:focus { height: 45%; }
  .lg-active-h-45p:active { height: 45%; }
  .lg-disabled-h-45p:disabled { height: 45%; }
  .lg-focus-visible-h-45p:focus-visible { height: 45%; }
  .lg-focus-within-h-45p:focus-within { height: 45%; }
  .lg-group:hover .lg-group-hover-h-45p { height: 45%; }
  .lg-min-w-45p { min-width: 45%; }
  .lg-hover-min-w-45p:hover { min-width: 45%; }
  .lg-focus-min-w-45p:focus { min-width: 45%; }
  .lg-active-min-w-45p:active { min-width: 45%; }
  .lg-disabled-min-w-45p:disabled { min-width: 45%; }
  .lg-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  .lg-focus-within-min-w-45p:focus-within { min-width: 45%; }
  .lg-group:hover .lg-group-hover-min-w-45p { min-width: 45%; }
  .lg-max-w-45p { max-width: 45%; }
  .lg-hover-max-w-45p:hover { max-width: 45%; }
  .lg-focus-max-w-45p:focus { max-width: 45%; }
  .lg-active-max-w-45p:active { max-width: 45%; }
  .lg-disabled-max-w-45p:disabled { max-width: 45%; }
  .lg-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  .lg-focus-within-max-w-45p:focus-within { max-width: 45%; }
  .lg-group:hover .lg-group-hover-max-w-45p { max-width: 45%; }
  .lg-min-h-45p { min-height: 45%; }
  .lg-hover-min-h-45p:hover { min-height: 45%; }
  .lg-focus-min-h-45p:focus { min-height: 45%; }
  .lg-active-min-h-45p:active { min-height: 45%; }
  .lg-disabled-min-h-45p:disabled { min-height: 45%; }
  .lg-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  .lg-focus-within-min-h-45p:focus-within { min-height: 45%; }
  .lg-group:hover .lg-group-hover-min-h-45p { min-height: 45%; }
  .lg-max-h-45p { max-height: 45%; }
  .lg-hover-max-h-45p:hover { max-height: 45%; }
  .lg-focus-max-h-45p:focus { max-height: 45%; }
  .lg-active-max-h-45p:active { max-height: 45%; }
  .lg-disabled-max-h-45p:disabled { max-height: 45%; }
  .lg-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  .lg-focus-within-max-h-45p:focus-within { max-height: 45%; }
  .lg-group:hover .lg-group-hover-max-h-45p { max-height: 45%; }
  .lg-w-50p { width: 50%; }
  .lg-hover-w-50p:hover { width: 50%; }
  .lg-focus-w-50p:focus { width: 50%; }
  .lg-active-w-50p:active { width: 50%; }
  .lg-disabled-w-50p:disabled { width: 50%; }
  .lg-focus-visible-w-50p:focus-visible { width: 50%; }
  .lg-focus-within-w-50p:focus-within { width: 50%; }
  .lg-group:hover .lg-group-hover-w-50p { width: 50%; }
  .lg-h-50p { height: 50%; }
  .lg-hover-h-50p:hover { height: 50%; }
  .lg-focus-h-50p:focus { height: 50%; }
  .lg-active-h-50p:active { height: 50%; }
  .lg-disabled-h-50p:disabled { height: 50%; }
  .lg-focus-visible-h-50p:focus-visible { height: 50%; }
  .lg-focus-within-h-50p:focus-within { height: 50%; }
  .lg-group:hover .lg-group-hover-h-50p { height: 50%; }
  .lg-min-w-50p { min-width: 50%; }
  .lg-hover-min-w-50p:hover { min-width: 50%; }
  .lg-focus-min-w-50p:focus { min-width: 50%; }
  .lg-active-min-w-50p:active { min-width: 50%; }
  .lg-disabled-min-w-50p:disabled { min-width: 50%; }
  .lg-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  .lg-focus-within-min-w-50p:focus-within { min-width: 50%; }
  .lg-group:hover .lg-group-hover-min-w-50p { min-width: 50%; }
  .lg-max-w-50p { max-width: 50%; }
  .lg-hover-max-w-50p:hover { max-width: 50%; }
  .lg-focus-max-w-50p:focus { max-width: 50%; }
  .lg-active-max-w-50p:active { max-width: 50%; }
  .lg-disabled-max-w-50p:disabled { max-width: 50%; }
  .lg-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  .lg-focus-within-max-w-50p:focus-within { max-width: 50%; }
  .lg-group:hover .lg-group-hover-max-w-50p { max-width: 50%; }
  .lg-min-h-50p { min-height: 50%; }
  .lg-hover-min-h-50p:hover { min-height: 50%; }
  .lg-focus-min-h-50p:focus { min-height: 50%; }
  .lg-active-min-h-50p:active { min-height: 50%; }
  .lg-disabled-min-h-50p:disabled { min-height: 50%; }
  .lg-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  .lg-focus-within-min-h-50p:focus-within { min-height: 50%; }
  .lg-group:hover .lg-group-hover-min-h-50p { min-height: 50%; }
  .lg-max-h-50p { max-height: 50%; }
  .lg-hover-max-h-50p:hover { max-height: 50%; }
  .lg-focus-max-h-50p:focus { max-height: 50%; }
  .lg-active-max-h-50p:active { max-height: 50%; }
  .lg-disabled-max-h-50p:disabled { max-height: 50%; }
  .lg-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  .lg-focus-within-max-h-50p:focus-within { max-height: 50%; }
  .lg-group:hover .lg-group-hover-max-h-50p { max-height: 50%; }
  .lg-w-55p { width: 55%; }
  .lg-hover-w-55p:hover { width: 55%; }
  .lg-focus-w-55p:focus { width: 55%; }
  .lg-active-w-55p:active { width: 55%; }
  .lg-disabled-w-55p:disabled { width: 55%; }
  .lg-focus-visible-w-55p:focus-visible { width: 55%; }
  .lg-focus-within-w-55p:focus-within { width: 55%; }
  .lg-group:hover .lg-group-hover-w-55p { width: 55%; }
  .lg-h-55p { height: 55%; }
  .lg-hover-h-55p:hover { height: 55%; }
  .lg-focus-h-55p:focus { height: 55%; }
  .lg-active-h-55p:active { height: 55%; }
  .lg-disabled-h-55p:disabled { height: 55%; }
  .lg-focus-visible-h-55p:focus-visible { height: 55%; }
  .lg-focus-within-h-55p:focus-within { height: 55%; }
  .lg-group:hover .lg-group-hover-h-55p { height: 55%; }
  .lg-min-w-55p { min-width: 55%; }
  .lg-hover-min-w-55p:hover { min-width: 55%; }
  .lg-focus-min-w-55p:focus { min-width: 55%; }
  .lg-active-min-w-55p:active { min-width: 55%; }
  .lg-disabled-min-w-55p:disabled { min-width: 55%; }
  .lg-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  .lg-focus-within-min-w-55p:focus-within { min-width: 55%; }
  .lg-group:hover .lg-group-hover-min-w-55p { min-width: 55%; }
  .lg-max-w-55p { max-width: 55%; }
  .lg-hover-max-w-55p:hover { max-width: 55%; }
  .lg-focus-max-w-55p:focus { max-width: 55%; }
  .lg-active-max-w-55p:active { max-width: 55%; }
  .lg-disabled-max-w-55p:disabled { max-width: 55%; }
  .lg-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  .lg-focus-within-max-w-55p:focus-within { max-width: 55%; }
  .lg-group:hover .lg-group-hover-max-w-55p { max-width: 55%; }
  .lg-min-h-55p { min-height: 55%; }
  .lg-hover-min-h-55p:hover { min-height: 55%; }
  .lg-focus-min-h-55p:focus { min-height: 55%; }
  .lg-active-min-h-55p:active { min-height: 55%; }
  .lg-disabled-min-h-55p:disabled { min-height: 55%; }
  .lg-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  .lg-focus-within-min-h-55p:focus-within { min-height: 55%; }
  .lg-group:hover .lg-group-hover-min-h-55p { min-height: 55%; }
  .lg-max-h-55p { max-height: 55%; }
  .lg-hover-max-h-55p:hover { max-height: 55%; }
  .lg-focus-max-h-55p:focus { max-height: 55%; }
  .lg-active-max-h-55p:active { max-height: 55%; }
  .lg-disabled-max-h-55p:disabled { max-height: 55%; }
  .lg-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  .lg-focus-within-max-h-55p:focus-within { max-height: 55%; }
  .lg-group:hover .lg-group-hover-max-h-55p { max-height: 55%; }
  .lg-w-60p { width: 60%; }
  .lg-hover-w-60p:hover { width: 60%; }
  .lg-focus-w-60p:focus { width: 60%; }
  .lg-active-w-60p:active { width: 60%; }
  .lg-disabled-w-60p:disabled { width: 60%; }
  .lg-focus-visible-w-60p:focus-visible { width: 60%; }
  .lg-focus-within-w-60p:focus-within { width: 60%; }
  .lg-group:hover .lg-group-hover-w-60p { width: 60%; }
  .lg-h-60p { height: 60%; }
  .lg-hover-h-60p:hover { height: 60%; }
  .lg-focus-h-60p:focus { height: 60%; }
  .lg-active-h-60p:active { height: 60%; }
  .lg-disabled-h-60p:disabled { height: 60%; }
  .lg-focus-visible-h-60p:focus-visible { height: 60%; }
  .lg-focus-within-h-60p:focus-within { height: 60%; }
  .lg-group:hover .lg-group-hover-h-60p { height: 60%; }
  .lg-min-w-60p { min-width: 60%; }
  .lg-hover-min-w-60p:hover { min-width: 60%; }
  .lg-focus-min-w-60p:focus { min-width: 60%; }
  .lg-active-min-w-60p:active { min-width: 60%; }
  .lg-disabled-min-w-60p:disabled { min-width: 60%; }
  .lg-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  .lg-focus-within-min-w-60p:focus-within { min-width: 60%; }
  .lg-group:hover .lg-group-hover-min-w-60p { min-width: 60%; }
  .lg-max-w-60p { max-width: 60%; }
  .lg-hover-max-w-60p:hover { max-width: 60%; }
  .lg-focus-max-w-60p:focus { max-width: 60%; }
  .lg-active-max-w-60p:active { max-width: 60%; }
  .lg-disabled-max-w-60p:disabled { max-width: 60%; }
  .lg-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  .lg-focus-within-max-w-60p:focus-within { max-width: 60%; }
  .lg-group:hover .lg-group-hover-max-w-60p { max-width: 60%; }
  .lg-min-h-60p { min-height: 60%; }
  .lg-hover-min-h-60p:hover { min-height: 60%; }
  .lg-focus-min-h-60p:focus { min-height: 60%; }
  .lg-active-min-h-60p:active { min-height: 60%; }
  .lg-disabled-min-h-60p:disabled { min-height: 60%; }
  .lg-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  .lg-focus-within-min-h-60p:focus-within { min-height: 60%; }
  .lg-group:hover .lg-group-hover-min-h-60p { min-height: 60%; }
  .lg-max-h-60p { max-height: 60%; }
  .lg-hover-max-h-60p:hover { max-height: 60%; }
  .lg-focus-max-h-60p:focus { max-height: 60%; }
  .lg-active-max-h-60p:active { max-height: 60%; }
  .lg-disabled-max-h-60p:disabled { max-height: 60%; }
  .lg-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  .lg-focus-within-max-h-60p:focus-within { max-height: 60%; }
  .lg-group:hover .lg-group-hover-max-h-60p { max-height: 60%; }
  .lg-w-65p { width: 65%; }
  .lg-hover-w-65p:hover { width: 65%; }
  .lg-focus-w-65p:focus { width: 65%; }
  .lg-active-w-65p:active { width: 65%; }
  .lg-disabled-w-65p:disabled { width: 65%; }
  .lg-focus-visible-w-65p:focus-visible { width: 65%; }
  .lg-focus-within-w-65p:focus-within { width: 65%; }
  .lg-group:hover .lg-group-hover-w-65p { width: 65%; }
  .lg-h-65p { height: 65%; }
  .lg-hover-h-65p:hover { height: 65%; }
  .lg-focus-h-65p:focus { height: 65%; }
  .lg-active-h-65p:active { height: 65%; }
  .lg-disabled-h-65p:disabled { height: 65%; }
  .lg-focus-visible-h-65p:focus-visible { height: 65%; }
  .lg-focus-within-h-65p:focus-within { height: 65%; }
  .lg-group:hover .lg-group-hover-h-65p { height: 65%; }
  .lg-min-w-65p { min-width: 65%; }
  .lg-hover-min-w-65p:hover { min-width: 65%; }
  .lg-focus-min-w-65p:focus { min-width: 65%; }
  .lg-active-min-w-65p:active { min-width: 65%; }
  .lg-disabled-min-w-65p:disabled { min-width: 65%; }
  .lg-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  .lg-focus-within-min-w-65p:focus-within { min-width: 65%; }
  .lg-group:hover .lg-group-hover-min-w-65p { min-width: 65%; }
  .lg-max-w-65p { max-width: 65%; }
  .lg-hover-max-w-65p:hover { max-width: 65%; }
  .lg-focus-max-w-65p:focus { max-width: 65%; }
  .lg-active-max-w-65p:active { max-width: 65%; }
  .lg-disabled-max-w-65p:disabled { max-width: 65%; }
  .lg-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  .lg-focus-within-max-w-65p:focus-within { max-width: 65%; }
  .lg-group:hover .lg-group-hover-max-w-65p { max-width: 65%; }
  .lg-min-h-65p { min-height: 65%; }
  .lg-hover-min-h-65p:hover { min-height: 65%; }
  .lg-focus-min-h-65p:focus { min-height: 65%; }
  .lg-active-min-h-65p:active { min-height: 65%; }
  .lg-disabled-min-h-65p:disabled { min-height: 65%; }
  .lg-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  .lg-focus-within-min-h-65p:focus-within { min-height: 65%; }
  .lg-group:hover .lg-group-hover-min-h-65p { min-height: 65%; }
  .lg-max-h-65p { max-height: 65%; }
  .lg-hover-max-h-65p:hover { max-height: 65%; }
  .lg-focus-max-h-65p:focus { max-height: 65%; }
  .lg-active-max-h-65p:active { max-height: 65%; }
  .lg-disabled-max-h-65p:disabled { max-height: 65%; }
  .lg-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  .lg-focus-within-max-h-65p:focus-within { max-height: 65%; }
  .lg-group:hover .lg-group-hover-max-h-65p { max-height: 65%; }
  .lg-w-70p { width: 70%; }
  .lg-hover-w-70p:hover { width: 70%; }
  .lg-focus-w-70p:focus { width: 70%; }
  .lg-active-w-70p:active { width: 70%; }
  .lg-disabled-w-70p:disabled { width: 70%; }
  .lg-focus-visible-w-70p:focus-visible { width: 70%; }
  .lg-focus-within-w-70p:focus-within { width: 70%; }
  .lg-group:hover .lg-group-hover-w-70p { width: 70%; }
  .lg-h-70p { height: 70%; }
  .lg-hover-h-70p:hover { height: 70%; }
  .lg-focus-h-70p:focus { height: 70%; }
  .lg-active-h-70p:active { height: 70%; }
  .lg-disabled-h-70p:disabled { height: 70%; }
  .lg-focus-visible-h-70p:focus-visible { height: 70%; }
  .lg-focus-within-h-70p:focus-within { height: 70%; }
  .lg-group:hover .lg-group-hover-h-70p { height: 70%; }
  .lg-min-w-70p { min-width: 70%; }
  .lg-hover-min-w-70p:hover { min-width: 70%; }
  .lg-focus-min-w-70p:focus { min-width: 70%; }
  .lg-active-min-w-70p:active { min-width: 70%; }
  .lg-disabled-min-w-70p:disabled { min-width: 70%; }
  .lg-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  .lg-focus-within-min-w-70p:focus-within { min-width: 70%; }
  .lg-group:hover .lg-group-hover-min-w-70p { min-width: 70%; }
  .lg-max-w-70p { max-width: 70%; }
  .lg-hover-max-w-70p:hover { max-width: 70%; }
  .lg-focus-max-w-70p:focus { max-width: 70%; }
  .lg-active-max-w-70p:active { max-width: 70%; }
  .lg-disabled-max-w-70p:disabled { max-width: 70%; }
  .lg-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  .lg-focus-within-max-w-70p:focus-within { max-width: 70%; }
  .lg-group:hover .lg-group-hover-max-w-70p { max-width: 70%; }
  .lg-min-h-70p { min-height: 70%; }
  .lg-hover-min-h-70p:hover { min-height: 70%; }
  .lg-focus-min-h-70p:focus { min-height: 70%; }
  .lg-active-min-h-70p:active { min-height: 70%; }
  .lg-disabled-min-h-70p:disabled { min-height: 70%; }
  .lg-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  .lg-focus-within-min-h-70p:focus-within { min-height: 70%; }
  .lg-group:hover .lg-group-hover-min-h-70p { min-height: 70%; }
  .lg-max-h-70p { max-height: 70%; }
  .lg-hover-max-h-70p:hover { max-height: 70%; }
  .lg-focus-max-h-70p:focus { max-height: 70%; }
  .lg-active-max-h-70p:active { max-height: 70%; }
  .lg-disabled-max-h-70p:disabled { max-height: 70%; }
  .lg-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  .lg-focus-within-max-h-70p:focus-within { max-height: 70%; }
  .lg-group:hover .lg-group-hover-max-h-70p { max-height: 70%; }
  .lg-w-75p { width: 75%; }
  .lg-hover-w-75p:hover { width: 75%; }
  .lg-focus-w-75p:focus { width: 75%; }
  .lg-active-w-75p:active { width: 75%; }
  .lg-disabled-w-75p:disabled { width: 75%; }
  .lg-focus-visible-w-75p:focus-visible { width: 75%; }
  .lg-focus-within-w-75p:focus-within { width: 75%; }
  .lg-group:hover .lg-group-hover-w-75p { width: 75%; }
  .lg-h-75p { height: 75%; }
  .lg-hover-h-75p:hover { height: 75%; }
  .lg-focus-h-75p:focus { height: 75%; }
  .lg-active-h-75p:active { height: 75%; }
  .lg-disabled-h-75p:disabled { height: 75%; }
  .lg-focus-visible-h-75p:focus-visible { height: 75%; }
  .lg-focus-within-h-75p:focus-within { height: 75%; }
  .lg-group:hover .lg-group-hover-h-75p { height: 75%; }
  .lg-min-w-75p { min-width: 75%; }
  .lg-hover-min-w-75p:hover { min-width: 75%; }
  .lg-focus-min-w-75p:focus { min-width: 75%; }
  .lg-active-min-w-75p:active { min-width: 75%; }
  .lg-disabled-min-w-75p:disabled { min-width: 75%; }
  .lg-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  .lg-focus-within-min-w-75p:focus-within { min-width: 75%; }
  .lg-group:hover .lg-group-hover-min-w-75p { min-width: 75%; }
  .lg-max-w-75p { max-width: 75%; }
  .lg-hover-max-w-75p:hover { max-width: 75%; }
  .lg-focus-max-w-75p:focus { max-width: 75%; }
  .lg-active-max-w-75p:active { max-width: 75%; }
  .lg-disabled-max-w-75p:disabled { max-width: 75%; }
  .lg-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  .lg-focus-within-max-w-75p:focus-within { max-width: 75%; }
  .lg-group:hover .lg-group-hover-max-w-75p { max-width: 75%; }
  .lg-min-h-75p { min-height: 75%; }
  .lg-hover-min-h-75p:hover { min-height: 75%; }
  .lg-focus-min-h-75p:focus { min-height: 75%; }
  .lg-active-min-h-75p:active { min-height: 75%; }
  .lg-disabled-min-h-75p:disabled { min-height: 75%; }
  .lg-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  .lg-focus-within-min-h-75p:focus-within { min-height: 75%; }
  .lg-group:hover .lg-group-hover-min-h-75p { min-height: 75%; }
  .lg-max-h-75p { max-height: 75%; }
  .lg-hover-max-h-75p:hover { max-height: 75%; }
  .lg-focus-max-h-75p:focus { max-height: 75%; }
  .lg-active-max-h-75p:active { max-height: 75%; }
  .lg-disabled-max-h-75p:disabled { max-height: 75%; }
  .lg-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  .lg-focus-within-max-h-75p:focus-within { max-height: 75%; }
  .lg-group:hover .lg-group-hover-max-h-75p { max-height: 75%; }
  .lg-w-80p { width: 80%; }
  .lg-hover-w-80p:hover { width: 80%; }
  .lg-focus-w-80p:focus { width: 80%; }
  .lg-active-w-80p:active { width: 80%; }
  .lg-disabled-w-80p:disabled { width: 80%; }
  .lg-focus-visible-w-80p:focus-visible { width: 80%; }
  .lg-focus-within-w-80p:focus-within { width: 80%; }
  .lg-group:hover .lg-group-hover-w-80p { width: 80%; }
  .lg-h-80p { height: 80%; }
  .lg-hover-h-80p:hover { height: 80%; }
  .lg-focus-h-80p:focus { height: 80%; }
  .lg-active-h-80p:active { height: 80%; }
  .lg-disabled-h-80p:disabled { height: 80%; }
  .lg-focus-visible-h-80p:focus-visible { height: 80%; }
  .lg-focus-within-h-80p:focus-within { height: 80%; }
  .lg-group:hover .lg-group-hover-h-80p { height: 80%; }
  .lg-min-w-80p { min-width: 80%; }
  .lg-hover-min-w-80p:hover { min-width: 80%; }
  .lg-focus-min-w-80p:focus { min-width: 80%; }
  .lg-active-min-w-80p:active { min-width: 80%; }
  .lg-disabled-min-w-80p:disabled { min-width: 80%; }
  .lg-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  .lg-focus-within-min-w-80p:focus-within { min-width: 80%; }
  .lg-group:hover .lg-group-hover-min-w-80p { min-width: 80%; }
  .lg-max-w-80p { max-width: 80%; }
  .lg-hover-max-w-80p:hover { max-width: 80%; }
  .lg-focus-max-w-80p:focus { max-width: 80%; }
  .lg-active-max-w-80p:active { max-width: 80%; }
  .lg-disabled-max-w-80p:disabled { max-width: 80%; }
  .lg-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  .lg-focus-within-max-w-80p:focus-within { max-width: 80%; }
  .lg-group:hover .lg-group-hover-max-w-80p { max-width: 80%; }
  .lg-min-h-80p { min-height: 80%; }
  .lg-hover-min-h-80p:hover { min-height: 80%; }
  .lg-focus-min-h-80p:focus { min-height: 80%; }
  .lg-active-min-h-80p:active { min-height: 80%; }
  .lg-disabled-min-h-80p:disabled { min-height: 80%; }
  .lg-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  .lg-focus-within-min-h-80p:focus-within { min-height: 80%; }
  .lg-group:hover .lg-group-hover-min-h-80p { min-height: 80%; }
  .lg-max-h-80p { max-height: 80%; }
  .lg-hover-max-h-80p:hover { max-height: 80%; }
  .lg-focus-max-h-80p:focus { max-height: 80%; }
  .lg-active-max-h-80p:active { max-height: 80%; }
  .lg-disabled-max-h-80p:disabled { max-height: 80%; }
  .lg-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  .lg-focus-within-max-h-80p:focus-within { max-height: 80%; }
  .lg-group:hover .lg-group-hover-max-h-80p { max-height: 80%; }
  .lg-w-85p { width: 85%; }
  .lg-hover-w-85p:hover { width: 85%; }
  .lg-focus-w-85p:focus { width: 85%; }
  .lg-active-w-85p:active { width: 85%; }
  .lg-disabled-w-85p:disabled { width: 85%; }
  .lg-focus-visible-w-85p:focus-visible { width: 85%; }
  .lg-focus-within-w-85p:focus-within { width: 85%; }
  .lg-group:hover .lg-group-hover-w-85p { width: 85%; }
  .lg-h-85p { height: 85%; }
  .lg-hover-h-85p:hover { height: 85%; }
  .lg-focus-h-85p:focus { height: 85%; }
  .lg-active-h-85p:active { height: 85%; }
  .lg-disabled-h-85p:disabled { height: 85%; }
  .lg-focus-visible-h-85p:focus-visible { height: 85%; }
  .lg-focus-within-h-85p:focus-within { height: 85%; }
  .lg-group:hover .lg-group-hover-h-85p { height: 85%; }
  .lg-min-w-85p { min-width: 85%; }
  .lg-hover-min-w-85p:hover { min-width: 85%; }
  .lg-focus-min-w-85p:focus { min-width: 85%; }
  .lg-active-min-w-85p:active { min-width: 85%; }
  .lg-disabled-min-w-85p:disabled { min-width: 85%; }
  .lg-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  .lg-focus-within-min-w-85p:focus-within { min-width: 85%; }
  .lg-group:hover .lg-group-hover-min-w-85p { min-width: 85%; }
  .lg-max-w-85p { max-width: 85%; }
  .lg-hover-max-w-85p:hover { max-width: 85%; }
  .lg-focus-max-w-85p:focus { max-width: 85%; }
  .lg-active-max-w-85p:active { max-width: 85%; }
  .lg-disabled-max-w-85p:disabled { max-width: 85%; }
  .lg-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  .lg-focus-within-max-w-85p:focus-within { max-width: 85%; }
  .lg-group:hover .lg-group-hover-max-w-85p { max-width: 85%; }
  .lg-min-h-85p { min-height: 85%; }
  .lg-hover-min-h-85p:hover { min-height: 85%; }
  .lg-focus-min-h-85p:focus { min-height: 85%; }
  .lg-active-min-h-85p:active { min-height: 85%; }
  .lg-disabled-min-h-85p:disabled { min-height: 85%; }
  .lg-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  .lg-focus-within-min-h-85p:focus-within { min-height: 85%; }
  .lg-group:hover .lg-group-hover-min-h-85p { min-height: 85%; }
  .lg-max-h-85p { max-height: 85%; }
  .lg-hover-max-h-85p:hover { max-height: 85%; }
  .lg-focus-max-h-85p:focus { max-height: 85%; }
  .lg-active-max-h-85p:active { max-height: 85%; }
  .lg-disabled-max-h-85p:disabled { max-height: 85%; }
  .lg-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  .lg-focus-within-max-h-85p:focus-within { max-height: 85%; }
  .lg-group:hover .lg-group-hover-max-h-85p { max-height: 85%; }
  .lg-w-90p { width: 90%; }
  .lg-hover-w-90p:hover { width: 90%; }
  .lg-focus-w-90p:focus { width: 90%; }
  .lg-active-w-90p:active { width: 90%; }
  .lg-disabled-w-90p:disabled { width: 90%; }
  .lg-focus-visible-w-90p:focus-visible { width: 90%; }
  .lg-focus-within-w-90p:focus-within { width: 90%; }
  .lg-group:hover .lg-group-hover-w-90p { width: 90%; }
  .lg-h-90p { height: 90%; }
  .lg-hover-h-90p:hover { height: 90%; }
  .lg-focus-h-90p:focus { height: 90%; }
  .lg-active-h-90p:active { height: 90%; }
  .lg-disabled-h-90p:disabled { height: 90%; }
  .lg-focus-visible-h-90p:focus-visible { height: 90%; }
  .lg-focus-within-h-90p:focus-within { height: 90%; }
  .lg-group:hover .lg-group-hover-h-90p { height: 90%; }
  .lg-min-w-90p { min-width: 90%; }
  .lg-hover-min-w-90p:hover { min-width: 90%; }
  .lg-focus-min-w-90p:focus { min-width: 90%; }
  .lg-active-min-w-90p:active { min-width: 90%; }
  .lg-disabled-min-w-90p:disabled { min-width: 90%; }
  .lg-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  .lg-focus-within-min-w-90p:focus-within { min-width: 90%; }
  .lg-group:hover .lg-group-hover-min-w-90p { min-width: 90%; }
  .lg-max-w-90p { max-width: 90%; }
  .lg-hover-max-w-90p:hover { max-width: 90%; }
  .lg-focus-max-w-90p:focus { max-width: 90%; }
  .lg-active-max-w-90p:active { max-width: 90%; }
  .lg-disabled-max-w-90p:disabled { max-width: 90%; }
  .lg-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  .lg-focus-within-max-w-90p:focus-within { max-width: 90%; }
  .lg-group:hover .lg-group-hover-max-w-90p { max-width: 90%; }
  .lg-min-h-90p { min-height: 90%; }
  .lg-hover-min-h-90p:hover { min-height: 90%; }
  .lg-focus-min-h-90p:focus { min-height: 90%; }
  .lg-active-min-h-90p:active { min-height: 90%; }
  .lg-disabled-min-h-90p:disabled { min-height: 90%; }
  .lg-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  .lg-focus-within-min-h-90p:focus-within { min-height: 90%; }
  .lg-group:hover .lg-group-hover-min-h-90p { min-height: 90%; }
  .lg-max-h-90p { max-height: 90%; }
  .lg-hover-max-h-90p:hover { max-height: 90%; }
  .lg-focus-max-h-90p:focus { max-height: 90%; }
  .lg-active-max-h-90p:active { max-height: 90%; }
  .lg-disabled-max-h-90p:disabled { max-height: 90%; }
  .lg-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  .lg-focus-within-max-h-90p:focus-within { max-height: 90%; }
  .lg-group:hover .lg-group-hover-max-h-90p { max-height: 90%; }
  .lg-w-95p { width: 95%; }
  .lg-hover-w-95p:hover { width: 95%; }
  .lg-focus-w-95p:focus { width: 95%; }
  .lg-active-w-95p:active { width: 95%; }
  .lg-disabled-w-95p:disabled { width: 95%; }
  .lg-focus-visible-w-95p:focus-visible { width: 95%; }
  .lg-focus-within-w-95p:focus-within { width: 95%; }
  .lg-group:hover .lg-group-hover-w-95p { width: 95%; }
  .lg-h-95p { height: 95%; }
  .lg-hover-h-95p:hover { height: 95%; }
  .lg-focus-h-95p:focus { height: 95%; }
  .lg-active-h-95p:active { height: 95%; }
  .lg-disabled-h-95p:disabled { height: 95%; }
  .lg-focus-visible-h-95p:focus-visible { height: 95%; }
  .lg-focus-within-h-95p:focus-within { height: 95%; }
  .lg-group:hover .lg-group-hover-h-95p { height: 95%; }
  .lg-min-w-95p { min-width: 95%; }
  .lg-hover-min-w-95p:hover { min-width: 95%; }
  .lg-focus-min-w-95p:focus { min-width: 95%; }
  .lg-active-min-w-95p:active { min-width: 95%; }
  .lg-disabled-min-w-95p:disabled { min-width: 95%; }
  .lg-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  .lg-focus-within-min-w-95p:focus-within { min-width: 95%; }
  .lg-group:hover .lg-group-hover-min-w-95p { min-width: 95%; }
  .lg-max-w-95p { max-width: 95%; }
  .lg-hover-max-w-95p:hover { max-width: 95%; }
  .lg-focus-max-w-95p:focus { max-width: 95%; }
  .lg-active-max-w-95p:active { max-width: 95%; }
  .lg-disabled-max-w-95p:disabled { max-width: 95%; }
  .lg-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  .lg-focus-within-max-w-95p:focus-within { max-width: 95%; }
  .lg-group:hover .lg-group-hover-max-w-95p { max-width: 95%; }
  .lg-min-h-95p { min-height: 95%; }
  .lg-hover-min-h-95p:hover { min-height: 95%; }
  .lg-focus-min-h-95p:focus { min-height: 95%; }
  .lg-active-min-h-95p:active { min-height: 95%; }
  .lg-disabled-min-h-95p:disabled { min-height: 95%; }
  .lg-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  .lg-focus-within-min-h-95p:focus-within { min-height: 95%; }
  .lg-group:hover .lg-group-hover-min-h-95p { min-height: 95%; }
  .lg-max-h-95p { max-height: 95%; }
  .lg-hover-max-h-95p:hover { max-height: 95%; }
  .lg-focus-max-h-95p:focus { max-height: 95%; }
  .lg-active-max-h-95p:active { max-height: 95%; }
  .lg-disabled-max-h-95p:disabled { max-height: 95%; }
  .lg-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  .lg-focus-within-max-h-95p:focus-within { max-height: 95%; }
  .lg-group:hover .lg-group-hover-max-h-95p { max-height: 95%; }
  .lg-w-100p { width: 100%; }
  .lg-hover-w-100p:hover { width: 100%; }
  .lg-focus-w-100p:focus { width: 100%; }
  .lg-active-w-100p:active { width: 100%; }
  .lg-disabled-w-100p:disabled { width: 100%; }
  .lg-focus-visible-w-100p:focus-visible { width: 100%; }
  .lg-focus-within-w-100p:focus-within { width: 100%; }
  .lg-group:hover .lg-group-hover-w-100p { width: 100%; }
  .lg-h-100p { height: 100%; }
  .lg-hover-h-100p:hover { height: 100%; }
  .lg-focus-h-100p:focus { height: 100%; }
  .lg-active-h-100p:active { height: 100%; }
  .lg-disabled-h-100p:disabled { height: 100%; }
  .lg-focus-visible-h-100p:focus-visible { height: 100%; }
  .lg-focus-within-h-100p:focus-within { height: 100%; }
  .lg-group:hover .lg-group-hover-h-100p { height: 100%; }
  .lg-min-w-100p { min-width: 100%; }
  .lg-hover-min-w-100p:hover { min-width: 100%; }
  .lg-focus-min-w-100p:focus { min-width: 100%; }
  .lg-active-min-w-100p:active { min-width: 100%; }
  .lg-disabled-min-w-100p:disabled { min-width: 100%; }
  .lg-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  .lg-focus-within-min-w-100p:focus-within { min-width: 100%; }
  .lg-group:hover .lg-group-hover-min-w-100p { min-width: 100%; }
  .lg-max-w-100p { max-width: 100%; }
  .lg-hover-max-w-100p:hover { max-width: 100%; }
  .lg-focus-max-w-100p:focus { max-width: 100%; }
  .lg-active-max-w-100p:active { max-width: 100%; }
  .lg-disabled-max-w-100p:disabled { max-width: 100%; }
  .lg-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  .lg-focus-within-max-w-100p:focus-within { max-width: 100%; }
  .lg-group:hover .lg-group-hover-max-w-100p { max-width: 100%; }
  .lg-min-h-100p { min-height: 100%; }
  .lg-hover-min-h-100p:hover { min-height: 100%; }
  .lg-focus-min-h-100p:focus { min-height: 100%; }
  .lg-active-min-h-100p:active { min-height: 100%; }
  .lg-disabled-min-h-100p:disabled { min-height: 100%; }
  .lg-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  .lg-focus-within-min-h-100p:focus-within { min-height: 100%; }
  .lg-group:hover .lg-group-hover-min-h-100p { min-height: 100%; }
  .lg-max-h-100p { max-height: 100%; }
  .lg-hover-max-h-100p:hover { max-height: 100%; }
  .lg-focus-max-h-100p:focus { max-height: 100%; }
  .lg-active-max-h-100p:active { max-height: 100%; }
  .lg-disabled-max-h-100p:disabled { max-height: 100%; }
  .lg-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  .lg-focus-within-max-h-100p:focus-within { max-height: 100%; }
  .lg-group:hover .lg-group-hover-max-h-100p { max-height: 100%; }
  .lg-w-10vw { width: 10vw; }
  .lg-hover-w-10vw:hover { width: 10vw; }
  .lg-focus-w-10vw:focus { width: 10vw; }
  .lg-active-w-10vw:active { width: 10vw; }
  .lg-disabled-w-10vw:disabled { width: 10vw; }
  .lg-focus-visible-w-10vw:focus-visible { width: 10vw; }
  .lg-focus-within-w-10vw:focus-within { width: 10vw; }
  .lg-group:hover .lg-group-hover-w-10vw { width: 10vw; }
  .lg-h-10vw { height: 10vw; }
  .lg-hover-h-10vw:hover { height: 10vw; }
  .lg-focus-h-10vw:focus { height: 10vw; }
  .lg-active-h-10vw:active { height: 10vw; }
  .lg-disabled-h-10vw:disabled { height: 10vw; }
  .lg-focus-visible-h-10vw:focus-visible { height: 10vw; }
  .lg-focus-within-h-10vw:focus-within { height: 10vw; }
  .lg-group:hover .lg-group-hover-h-10vw { height: 10vw; }
  .lg-min-w-10vw { min-width: 10vw; }
  .lg-hover-min-w-10vw:hover { min-width: 10vw; }
  .lg-focus-min-w-10vw:focus { min-width: 10vw; }
  .lg-active-min-w-10vw:active { min-width: 10vw; }
  .lg-disabled-min-w-10vw:disabled { min-width: 10vw; }
  .lg-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  .lg-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  .lg-group:hover .lg-group-hover-min-w-10vw { min-width: 10vw; }
  .lg-max-w-10vw { max-width: 10vw; }
  .lg-hover-max-w-10vw:hover { max-width: 10vw; }
  .lg-focus-max-w-10vw:focus { max-width: 10vw; }
  .lg-active-max-w-10vw:active { max-width: 10vw; }
  .lg-disabled-max-w-10vw:disabled { max-width: 10vw; }
  .lg-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  .lg-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  .lg-group:hover .lg-group-hover-max-w-10vw { max-width: 10vw; }
  .lg-min-h-10vw { min-height: 10vw; }
  .lg-hover-min-h-10vw:hover { min-height: 10vw; }
  .lg-focus-min-h-10vw:focus { min-height: 10vw; }
  .lg-active-min-h-10vw:active { min-height: 10vw; }
  .lg-disabled-min-h-10vw:disabled { min-height: 10vw; }
  .lg-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  .lg-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  .lg-group:hover .lg-group-hover-min-h-10vw { min-height: 10vw; }
  .lg-max-h-10vw { max-height: 10vw; }
  .lg-hover-max-h-10vw:hover { max-height: 10vw; }
  .lg-focus-max-h-10vw:focus { max-height: 10vw; }
  .lg-active-max-h-10vw:active { max-height: 10vw; }
  .lg-disabled-max-h-10vw:disabled { max-height: 10vw; }
  .lg-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  .lg-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  .lg-group:hover .lg-group-hover-max-h-10vw { max-height: 10vw; }
  .lg-w-20vw { width: 20vw; }
  .lg-hover-w-20vw:hover { width: 20vw; }
  .lg-focus-w-20vw:focus { width: 20vw; }
  .lg-active-w-20vw:active { width: 20vw; }
  .lg-disabled-w-20vw:disabled { width: 20vw; }
  .lg-focus-visible-w-20vw:focus-visible { width: 20vw; }
  .lg-focus-within-w-20vw:focus-within { width: 20vw; }
  .lg-group:hover .lg-group-hover-w-20vw { width: 20vw; }
  .lg-h-20vw { height: 20vw; }
  .lg-hover-h-20vw:hover { height: 20vw; }
  .lg-focus-h-20vw:focus { height: 20vw; }
  .lg-active-h-20vw:active { height: 20vw; }
  .lg-disabled-h-20vw:disabled { height: 20vw; }
  .lg-focus-visible-h-20vw:focus-visible { height: 20vw; }
  .lg-focus-within-h-20vw:focus-within { height: 20vw; }
  .lg-group:hover .lg-group-hover-h-20vw { height: 20vw; }
  .lg-min-w-20vw { min-width: 20vw; }
  .lg-hover-min-w-20vw:hover { min-width: 20vw; }
  .lg-focus-min-w-20vw:focus { min-width: 20vw; }
  .lg-active-min-w-20vw:active { min-width: 20vw; }
  .lg-disabled-min-w-20vw:disabled { min-width: 20vw; }
  .lg-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  .lg-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  .lg-group:hover .lg-group-hover-min-w-20vw { min-width: 20vw; }
  .lg-max-w-20vw { max-width: 20vw; }
  .lg-hover-max-w-20vw:hover { max-width: 20vw; }
  .lg-focus-max-w-20vw:focus { max-width: 20vw; }
  .lg-active-max-w-20vw:active { max-width: 20vw; }
  .lg-disabled-max-w-20vw:disabled { max-width: 20vw; }
  .lg-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  .lg-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  .lg-group:hover .lg-group-hover-max-w-20vw { max-width: 20vw; }
  .lg-min-h-20vw { min-height: 20vw; }
  .lg-hover-min-h-20vw:hover { min-height: 20vw; }
  .lg-focus-min-h-20vw:focus { min-height: 20vw; }
  .lg-active-min-h-20vw:active { min-height: 20vw; }
  .lg-disabled-min-h-20vw:disabled { min-height: 20vw; }
  .lg-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  .lg-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  .lg-group:hover .lg-group-hover-min-h-20vw { min-height: 20vw; }
  .lg-max-h-20vw { max-height: 20vw; }
  .lg-hover-max-h-20vw:hover { max-height: 20vw; }
  .lg-focus-max-h-20vw:focus { max-height: 20vw; }
  .lg-active-max-h-20vw:active { max-height: 20vw; }
  .lg-disabled-max-h-20vw:disabled { max-height: 20vw; }
  .lg-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  .lg-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  .lg-group:hover .lg-group-hover-max-h-20vw { max-height: 20vw; }
  .lg-w-30vw { width: 30vw; }
  .lg-hover-w-30vw:hover { width: 30vw; }
  .lg-focus-w-30vw:focus { width: 30vw; }
  .lg-active-w-30vw:active { width: 30vw; }
  .lg-disabled-w-30vw:disabled { width: 30vw; }
  .lg-focus-visible-w-30vw:focus-visible { width: 30vw; }
  .lg-focus-within-w-30vw:focus-within { width: 30vw; }
  .lg-group:hover .lg-group-hover-w-30vw { width: 30vw; }
  .lg-h-30vw { height: 30vw; }
  .lg-hover-h-30vw:hover { height: 30vw; }
  .lg-focus-h-30vw:focus { height: 30vw; }
  .lg-active-h-30vw:active { height: 30vw; }
  .lg-disabled-h-30vw:disabled { height: 30vw; }
  .lg-focus-visible-h-30vw:focus-visible { height: 30vw; }
  .lg-focus-within-h-30vw:focus-within { height: 30vw; }
  .lg-group:hover .lg-group-hover-h-30vw { height: 30vw; }
  .lg-min-w-30vw { min-width: 30vw; }
  .lg-hover-min-w-30vw:hover { min-width: 30vw; }
  .lg-focus-min-w-30vw:focus { min-width: 30vw; }
  .lg-active-min-w-30vw:active { min-width: 30vw; }
  .lg-disabled-min-w-30vw:disabled { min-width: 30vw; }
  .lg-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  .lg-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  .lg-group:hover .lg-group-hover-min-w-30vw { min-width: 30vw; }
  .lg-max-w-30vw { max-width: 30vw; }
  .lg-hover-max-w-30vw:hover { max-width: 30vw; }
  .lg-focus-max-w-30vw:focus { max-width: 30vw; }
  .lg-active-max-w-30vw:active { max-width: 30vw; }
  .lg-disabled-max-w-30vw:disabled { max-width: 30vw; }
  .lg-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  .lg-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  .lg-group:hover .lg-group-hover-max-w-30vw { max-width: 30vw; }
  .lg-min-h-30vw { min-height: 30vw; }
  .lg-hover-min-h-30vw:hover { min-height: 30vw; }
  .lg-focus-min-h-30vw:focus { min-height: 30vw; }
  .lg-active-min-h-30vw:active { min-height: 30vw; }
  .lg-disabled-min-h-30vw:disabled { min-height: 30vw; }
  .lg-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  .lg-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  .lg-group:hover .lg-group-hover-min-h-30vw { min-height: 30vw; }
  .lg-max-h-30vw { max-height: 30vw; }
  .lg-hover-max-h-30vw:hover { max-height: 30vw; }
  .lg-focus-max-h-30vw:focus { max-height: 30vw; }
  .lg-active-max-h-30vw:active { max-height: 30vw; }
  .lg-disabled-max-h-30vw:disabled { max-height: 30vw; }
  .lg-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  .lg-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  .lg-group:hover .lg-group-hover-max-h-30vw { max-height: 30vw; }
  .lg-w-40vw { width: 40vw; }
  .lg-hover-w-40vw:hover { width: 40vw; }
  .lg-focus-w-40vw:focus { width: 40vw; }
  .lg-active-w-40vw:active { width: 40vw; }
  .lg-disabled-w-40vw:disabled { width: 40vw; }
  .lg-focus-visible-w-40vw:focus-visible { width: 40vw; }
  .lg-focus-within-w-40vw:focus-within { width: 40vw; }
  .lg-group:hover .lg-group-hover-w-40vw { width: 40vw; }
  .lg-h-40vw { height: 40vw; }
  .lg-hover-h-40vw:hover { height: 40vw; }
  .lg-focus-h-40vw:focus { height: 40vw; }
  .lg-active-h-40vw:active { height: 40vw; }
  .lg-disabled-h-40vw:disabled { height: 40vw; }
  .lg-focus-visible-h-40vw:focus-visible { height: 40vw; }
  .lg-focus-within-h-40vw:focus-within { height: 40vw; }
  .lg-group:hover .lg-group-hover-h-40vw { height: 40vw; }
  .lg-min-w-40vw { min-width: 40vw; }
  .lg-hover-min-w-40vw:hover { min-width: 40vw; }
  .lg-focus-min-w-40vw:focus { min-width: 40vw; }
  .lg-active-min-w-40vw:active { min-width: 40vw; }
  .lg-disabled-min-w-40vw:disabled { min-width: 40vw; }
  .lg-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  .lg-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  .lg-group:hover .lg-group-hover-min-w-40vw { min-width: 40vw; }
  .lg-max-w-40vw { max-width: 40vw; }
  .lg-hover-max-w-40vw:hover { max-width: 40vw; }
  .lg-focus-max-w-40vw:focus { max-width: 40vw; }
  .lg-active-max-w-40vw:active { max-width: 40vw; }
  .lg-disabled-max-w-40vw:disabled { max-width: 40vw; }
  .lg-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  .lg-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  .lg-group:hover .lg-group-hover-max-w-40vw { max-width: 40vw; }
  .lg-min-h-40vw { min-height: 40vw; }
  .lg-hover-min-h-40vw:hover { min-height: 40vw; }
  .lg-focus-min-h-40vw:focus { min-height: 40vw; }
  .lg-active-min-h-40vw:active { min-height: 40vw; }
  .lg-disabled-min-h-40vw:disabled { min-height: 40vw; }
  .lg-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  .lg-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  .lg-group:hover .lg-group-hover-min-h-40vw { min-height: 40vw; }
  .lg-max-h-40vw { max-height: 40vw; }
  .lg-hover-max-h-40vw:hover { max-height: 40vw; }
  .lg-focus-max-h-40vw:focus { max-height: 40vw; }
  .lg-active-max-h-40vw:active { max-height: 40vw; }
  .lg-disabled-max-h-40vw:disabled { max-height: 40vw; }
  .lg-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  .lg-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  .lg-group:hover .lg-group-hover-max-h-40vw { max-height: 40vw; }
  .lg-w-50vw { width: 50vw; }
  .lg-hover-w-50vw:hover { width: 50vw; }
  .lg-focus-w-50vw:focus { width: 50vw; }
  .lg-active-w-50vw:active { width: 50vw; }
  .lg-disabled-w-50vw:disabled { width: 50vw; }
  .lg-focus-visible-w-50vw:focus-visible { width: 50vw; }
  .lg-focus-within-w-50vw:focus-within { width: 50vw; }
  .lg-group:hover .lg-group-hover-w-50vw { width: 50vw; }
  .lg-h-50vw { height: 50vw; }
  .lg-hover-h-50vw:hover { height: 50vw; }
  .lg-focus-h-50vw:focus { height: 50vw; }
  .lg-active-h-50vw:active { height: 50vw; }
  .lg-disabled-h-50vw:disabled { height: 50vw; }
  .lg-focus-visible-h-50vw:focus-visible { height: 50vw; }
  .lg-focus-within-h-50vw:focus-within { height: 50vw; }
  .lg-group:hover .lg-group-hover-h-50vw { height: 50vw; }
  .lg-min-w-50vw { min-width: 50vw; }
  .lg-hover-min-w-50vw:hover { min-width: 50vw; }
  .lg-focus-min-w-50vw:focus { min-width: 50vw; }
  .lg-active-min-w-50vw:active { min-width: 50vw; }
  .lg-disabled-min-w-50vw:disabled { min-width: 50vw; }
  .lg-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  .lg-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  .lg-group:hover .lg-group-hover-min-w-50vw { min-width: 50vw; }
  .lg-max-w-50vw { max-width: 50vw; }
  .lg-hover-max-w-50vw:hover { max-width: 50vw; }
  .lg-focus-max-w-50vw:focus { max-width: 50vw; }
  .lg-active-max-w-50vw:active { max-width: 50vw; }
  .lg-disabled-max-w-50vw:disabled { max-width: 50vw; }
  .lg-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  .lg-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  .lg-group:hover .lg-group-hover-max-w-50vw { max-width: 50vw; }
  .lg-min-h-50vw { min-height: 50vw; }
  .lg-hover-min-h-50vw:hover { min-height: 50vw; }
  .lg-focus-min-h-50vw:focus { min-height: 50vw; }
  .lg-active-min-h-50vw:active { min-height: 50vw; }
  .lg-disabled-min-h-50vw:disabled { min-height: 50vw; }
  .lg-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  .lg-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  .lg-group:hover .lg-group-hover-min-h-50vw { min-height: 50vw; }
  .lg-max-h-50vw { max-height: 50vw; }
  .lg-hover-max-h-50vw:hover { max-height: 50vw; }
  .lg-focus-max-h-50vw:focus { max-height: 50vw; }
  .lg-active-max-h-50vw:active { max-height: 50vw; }
  .lg-disabled-max-h-50vw:disabled { max-height: 50vw; }
  .lg-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  .lg-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  .lg-group:hover .lg-group-hover-max-h-50vw { max-height: 50vw; }
  .lg-w-60vw { width: 60vw; }
  .lg-hover-w-60vw:hover { width: 60vw; }
  .lg-focus-w-60vw:focus { width: 60vw; }
  .lg-active-w-60vw:active { width: 60vw; }
  .lg-disabled-w-60vw:disabled { width: 60vw; }
  .lg-focus-visible-w-60vw:focus-visible { width: 60vw; }
  .lg-focus-within-w-60vw:focus-within { width: 60vw; }
  .lg-group:hover .lg-group-hover-w-60vw { width: 60vw; }
  .lg-h-60vw { height: 60vw; }
  .lg-hover-h-60vw:hover { height: 60vw; }
  .lg-focus-h-60vw:focus { height: 60vw; }
  .lg-active-h-60vw:active { height: 60vw; }
  .lg-disabled-h-60vw:disabled { height: 60vw; }
  .lg-focus-visible-h-60vw:focus-visible { height: 60vw; }
  .lg-focus-within-h-60vw:focus-within { height: 60vw; }
  .lg-group:hover .lg-group-hover-h-60vw { height: 60vw; }
  .lg-min-w-60vw { min-width: 60vw; }
  .lg-hover-min-w-60vw:hover { min-width: 60vw; }
  .lg-focus-min-w-60vw:focus { min-width: 60vw; }
  .lg-active-min-w-60vw:active { min-width: 60vw; }
  .lg-disabled-min-w-60vw:disabled { min-width: 60vw; }
  .lg-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  .lg-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  .lg-group:hover .lg-group-hover-min-w-60vw { min-width: 60vw; }
  .lg-max-w-60vw { max-width: 60vw; }
  .lg-hover-max-w-60vw:hover { max-width: 60vw; }
  .lg-focus-max-w-60vw:focus { max-width: 60vw; }
  .lg-active-max-w-60vw:active { max-width: 60vw; }
  .lg-disabled-max-w-60vw:disabled { max-width: 60vw; }
  .lg-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  .lg-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  .lg-group:hover .lg-group-hover-max-w-60vw { max-width: 60vw; }
  .lg-min-h-60vw { min-height: 60vw; }
  .lg-hover-min-h-60vw:hover { min-height: 60vw; }
  .lg-focus-min-h-60vw:focus { min-height: 60vw; }
  .lg-active-min-h-60vw:active { min-height: 60vw; }
  .lg-disabled-min-h-60vw:disabled { min-height: 60vw; }
  .lg-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  .lg-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  .lg-group:hover .lg-group-hover-min-h-60vw { min-height: 60vw; }
  .lg-max-h-60vw { max-height: 60vw; }
  .lg-hover-max-h-60vw:hover { max-height: 60vw; }
  .lg-focus-max-h-60vw:focus { max-height: 60vw; }
  .lg-active-max-h-60vw:active { max-height: 60vw; }
  .lg-disabled-max-h-60vw:disabled { max-height: 60vw; }
  .lg-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  .lg-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  .lg-group:hover .lg-group-hover-max-h-60vw { max-height: 60vw; }
  .lg-w-70vw { width: 70vw; }
  .lg-hover-w-70vw:hover { width: 70vw; }
  .lg-focus-w-70vw:focus { width: 70vw; }
  .lg-active-w-70vw:active { width: 70vw; }
  .lg-disabled-w-70vw:disabled { width: 70vw; }
  .lg-focus-visible-w-70vw:focus-visible { width: 70vw; }
  .lg-focus-within-w-70vw:focus-within { width: 70vw; }
  .lg-group:hover .lg-group-hover-w-70vw { width: 70vw; }
  .lg-h-70vw { height: 70vw; }
  .lg-hover-h-70vw:hover { height: 70vw; }
  .lg-focus-h-70vw:focus { height: 70vw; }
  .lg-active-h-70vw:active { height: 70vw; }
  .lg-disabled-h-70vw:disabled { height: 70vw; }
  .lg-focus-visible-h-70vw:focus-visible { height: 70vw; }
  .lg-focus-within-h-70vw:focus-within { height: 70vw; }
  .lg-group:hover .lg-group-hover-h-70vw { height: 70vw; }
  .lg-min-w-70vw { min-width: 70vw; }
  .lg-hover-min-w-70vw:hover { min-width: 70vw; }
  .lg-focus-min-w-70vw:focus { min-width: 70vw; }
  .lg-active-min-w-70vw:active { min-width: 70vw; }
  .lg-disabled-min-w-70vw:disabled { min-width: 70vw; }
  .lg-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  .lg-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  .lg-group:hover .lg-group-hover-min-w-70vw { min-width: 70vw; }
  .lg-max-w-70vw { max-width: 70vw; }
  .lg-hover-max-w-70vw:hover { max-width: 70vw; }
  .lg-focus-max-w-70vw:focus { max-width: 70vw; }
  .lg-active-max-w-70vw:active { max-width: 70vw; }
  .lg-disabled-max-w-70vw:disabled { max-width: 70vw; }
  .lg-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  .lg-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  .lg-group:hover .lg-group-hover-max-w-70vw { max-width: 70vw; }
  .lg-min-h-70vw { min-height: 70vw; }
  .lg-hover-min-h-70vw:hover { min-height: 70vw; }
  .lg-focus-min-h-70vw:focus { min-height: 70vw; }
  .lg-active-min-h-70vw:active { min-height: 70vw; }
  .lg-disabled-min-h-70vw:disabled { min-height: 70vw; }
  .lg-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  .lg-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  .lg-group:hover .lg-group-hover-min-h-70vw { min-height: 70vw; }
  .lg-max-h-70vw { max-height: 70vw; }
  .lg-hover-max-h-70vw:hover { max-height: 70vw; }
  .lg-focus-max-h-70vw:focus { max-height: 70vw; }
  .lg-active-max-h-70vw:active { max-height: 70vw; }
  .lg-disabled-max-h-70vw:disabled { max-height: 70vw; }
  .lg-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  .lg-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  .lg-group:hover .lg-group-hover-max-h-70vw { max-height: 70vw; }
  .lg-w-80vw { width: 80vw; }
  .lg-hover-w-80vw:hover { width: 80vw; }
  .lg-focus-w-80vw:focus { width: 80vw; }
  .lg-active-w-80vw:active { width: 80vw; }
  .lg-disabled-w-80vw:disabled { width: 80vw; }
  .lg-focus-visible-w-80vw:focus-visible { width: 80vw; }
  .lg-focus-within-w-80vw:focus-within { width: 80vw; }
  .lg-group:hover .lg-group-hover-w-80vw { width: 80vw; }
  .lg-h-80vw { height: 80vw; }
  .lg-hover-h-80vw:hover { height: 80vw; }
  .lg-focus-h-80vw:focus { height: 80vw; }
  .lg-active-h-80vw:active { height: 80vw; }
  .lg-disabled-h-80vw:disabled { height: 80vw; }
  .lg-focus-visible-h-80vw:focus-visible { height: 80vw; }
  .lg-focus-within-h-80vw:focus-within { height: 80vw; }
  .lg-group:hover .lg-group-hover-h-80vw { height: 80vw; }
  .lg-min-w-80vw { min-width: 80vw; }
  .lg-hover-min-w-80vw:hover { min-width: 80vw; }
  .lg-focus-min-w-80vw:focus { min-width: 80vw; }
  .lg-active-min-w-80vw:active { min-width: 80vw; }
  .lg-disabled-min-w-80vw:disabled { min-width: 80vw; }
  .lg-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  .lg-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  .lg-group:hover .lg-group-hover-min-w-80vw { min-width: 80vw; }
  .lg-max-w-80vw { max-width: 80vw; }
  .lg-hover-max-w-80vw:hover { max-width: 80vw; }
  .lg-focus-max-w-80vw:focus { max-width: 80vw; }
  .lg-active-max-w-80vw:active { max-width: 80vw; }
  .lg-disabled-max-w-80vw:disabled { max-width: 80vw; }
  .lg-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  .lg-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  .lg-group:hover .lg-group-hover-max-w-80vw { max-width: 80vw; }
  .lg-min-h-80vw { min-height: 80vw; }
  .lg-hover-min-h-80vw:hover { min-height: 80vw; }
  .lg-focus-min-h-80vw:focus { min-height: 80vw; }
  .lg-active-min-h-80vw:active { min-height: 80vw; }
  .lg-disabled-min-h-80vw:disabled { min-height: 80vw; }
  .lg-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  .lg-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  .lg-group:hover .lg-group-hover-min-h-80vw { min-height: 80vw; }
  .lg-max-h-80vw { max-height: 80vw; }
  .lg-hover-max-h-80vw:hover { max-height: 80vw; }
  .lg-focus-max-h-80vw:focus { max-height: 80vw; }
  .lg-active-max-h-80vw:active { max-height: 80vw; }
  .lg-disabled-max-h-80vw:disabled { max-height: 80vw; }
  .lg-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  .lg-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  .lg-group:hover .lg-group-hover-max-h-80vw { max-height: 80vw; }
  .lg-w-90vw { width: 90vw; }
  .lg-hover-w-90vw:hover { width: 90vw; }
  .lg-focus-w-90vw:focus { width: 90vw; }
  .lg-active-w-90vw:active { width: 90vw; }
  .lg-disabled-w-90vw:disabled { width: 90vw; }
  .lg-focus-visible-w-90vw:focus-visible { width: 90vw; }
  .lg-focus-within-w-90vw:focus-within { width: 90vw; }
  .lg-group:hover .lg-group-hover-w-90vw { width: 90vw; }
  .lg-h-90vw { height: 90vw; }
  .lg-hover-h-90vw:hover { height: 90vw; }
  .lg-focus-h-90vw:focus { height: 90vw; }
  .lg-active-h-90vw:active { height: 90vw; }
  .lg-disabled-h-90vw:disabled { height: 90vw; }
  .lg-focus-visible-h-90vw:focus-visible { height: 90vw; }
  .lg-focus-within-h-90vw:focus-within { height: 90vw; }
  .lg-group:hover .lg-group-hover-h-90vw { height: 90vw; }
  .lg-min-w-90vw { min-width: 90vw; }
  .lg-hover-min-w-90vw:hover { min-width: 90vw; }
  .lg-focus-min-w-90vw:focus { min-width: 90vw; }
  .lg-active-min-w-90vw:active { min-width: 90vw; }
  .lg-disabled-min-w-90vw:disabled { min-width: 90vw; }
  .lg-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  .lg-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  .lg-group:hover .lg-group-hover-min-w-90vw { min-width: 90vw; }
  .lg-max-w-90vw { max-width: 90vw; }
  .lg-hover-max-w-90vw:hover { max-width: 90vw; }
  .lg-focus-max-w-90vw:focus { max-width: 90vw; }
  .lg-active-max-w-90vw:active { max-width: 90vw; }
  .lg-disabled-max-w-90vw:disabled { max-width: 90vw; }
  .lg-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  .lg-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  .lg-group:hover .lg-group-hover-max-w-90vw { max-width: 90vw; }
  .lg-min-h-90vw { min-height: 90vw; }
  .lg-hover-min-h-90vw:hover { min-height: 90vw; }
  .lg-focus-min-h-90vw:focus { min-height: 90vw; }
  .lg-active-min-h-90vw:active { min-height: 90vw; }
  .lg-disabled-min-h-90vw:disabled { min-height: 90vw; }
  .lg-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  .lg-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  .lg-group:hover .lg-group-hover-min-h-90vw { min-height: 90vw; }
  .lg-max-h-90vw { max-height: 90vw; }
  .lg-hover-max-h-90vw:hover { max-height: 90vw; }
  .lg-focus-max-h-90vw:focus { max-height: 90vw; }
  .lg-active-max-h-90vw:active { max-height: 90vw; }
  .lg-disabled-max-h-90vw:disabled { max-height: 90vw; }
  .lg-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  .lg-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  .lg-group:hover .lg-group-hover-max-h-90vw { max-height: 90vw; }
  .lg-w-100vw { width: 100vw; }
  .lg-hover-w-100vw:hover { width: 100vw; }
  .lg-focus-w-100vw:focus { width: 100vw; }
  .lg-active-w-100vw:active { width: 100vw; }
  .lg-disabled-w-100vw:disabled { width: 100vw; }
  .lg-focus-visible-w-100vw:focus-visible { width: 100vw; }
  .lg-focus-within-w-100vw:focus-within { width: 100vw; }
  .lg-group:hover .lg-group-hover-w-100vw { width: 100vw; }
  .lg-h-100vw { height: 100vw; }
  .lg-hover-h-100vw:hover { height: 100vw; }
  .lg-focus-h-100vw:focus { height: 100vw; }
  .lg-active-h-100vw:active { height: 100vw; }
  .lg-disabled-h-100vw:disabled { height: 100vw; }
  .lg-focus-visible-h-100vw:focus-visible { height: 100vw; }
  .lg-focus-within-h-100vw:focus-within { height: 100vw; }
  .lg-group:hover .lg-group-hover-h-100vw { height: 100vw; }
  .lg-min-w-100vw { min-width: 100vw; }
  .lg-hover-min-w-100vw:hover { min-width: 100vw; }
  .lg-focus-min-w-100vw:focus { min-width: 100vw; }
  .lg-active-min-w-100vw:active { min-width: 100vw; }
  .lg-disabled-min-w-100vw:disabled { min-width: 100vw; }
  .lg-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  .lg-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  .lg-group:hover .lg-group-hover-min-w-100vw { min-width: 100vw; }
  .lg-max-w-100vw { max-width: 100vw; }
  .lg-hover-max-w-100vw:hover { max-width: 100vw; }
  .lg-focus-max-w-100vw:focus { max-width: 100vw; }
  .lg-active-max-w-100vw:active { max-width: 100vw; }
  .lg-disabled-max-w-100vw:disabled { max-width: 100vw; }
  .lg-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  .lg-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  .lg-group:hover .lg-group-hover-max-w-100vw { max-width: 100vw; }
  .lg-min-h-100vw { min-height: 100vw; }
  .lg-hover-min-h-100vw:hover { min-height: 100vw; }
  .lg-focus-min-h-100vw:focus { min-height: 100vw; }
  .lg-active-min-h-100vw:active { min-height: 100vw; }
  .lg-disabled-min-h-100vw:disabled { min-height: 100vw; }
  .lg-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  .lg-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  .lg-group:hover .lg-group-hover-min-h-100vw { min-height: 100vw; }
  .lg-max-h-100vw { max-height: 100vw; }
  .lg-hover-max-h-100vw:hover { max-height: 100vw; }
  .lg-focus-max-h-100vw:focus { max-height: 100vw; }
  .lg-active-max-h-100vw:active { max-height: 100vw; }
  .lg-disabled-max-h-100vw:disabled { max-height: 100vw; }
  .lg-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  .lg-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  .lg-group:hover .lg-group-hover-max-h-100vw { max-height: 100vw; }
  .lg-w-fit { width: fit-content; }
  .lg-hover-w-fit:hover { width: fit-content; }
  .lg-focus-w-fit:focus { width: fit-content; }
  .lg-active-w-fit:active { width: fit-content; }
  .lg-disabled-w-fit:disabled { width: fit-content; }
  .lg-focus-visible-w-fit:focus-visible { width: fit-content; }
  .lg-focus-within-w-fit:focus-within { width: fit-content; }
  .lg-group:hover .lg-group-hover-w-fit { width: fit-content; }
  .lg-w-max { width: max-content; }
  .lg-hover-w-max:hover { width: max-content; }
  .lg-focus-w-max:focus { width: max-content; }
  .lg-active-w-max:active { width: max-content; }
  .lg-disabled-w-max:disabled { width: max-content; }
  .lg-focus-visible-w-max:focus-visible { width: max-content; }
  .lg-focus-within-w-max:focus-within { width: max-content; }
  .lg-group:hover .lg-group-hover-w-max { width: max-content; }
  .lg-w-min { width: min-content; }
  .lg-hover-w-min:hover { width: min-content; }
  .lg-focus-w-min:focus { width: min-content; }
  .lg-active-w-min:active { width: min-content; }
  .lg-disabled-w-min:disabled { width: min-content; }
  .lg-focus-visible-w-min:focus-visible { width: min-content; }
  .lg-focus-within-w-min:focus-within { width: min-content; }
  .lg-group:hover .lg-group-hover-w-min { width: min-content; }
  .lg-w-minmax { width: minmax(0, 100%); }
  .lg-hover-w-minmax:hover { width: minmax(0, 100%); }
  .lg-focus-w-minmax:focus { width: minmax(0, 100%); }
  .lg-active-w-minmax:active { width: minmax(0, 100%); }
  .lg-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  .lg-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  .lg-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-w-minmax { width: minmax(0, 100%); }
  .lg-w-full { width: 100%; }
  .lg-hover-w-full:hover { width: 100%; }
  .lg-focus-w-full:focus { width: 100%; }
  .lg-active-w-full:active { width: 100%; }
  .lg-disabled-w-full:disabled { width: 100%; }
  .lg-focus-visible-w-full:focus-visible { width: 100%; }
  .lg-focus-within-w-full:focus-within { width: 100%; }
  .lg-group:hover .lg-group-hover-w-full { width: 100%; }
  .lg-w-screen { width: 100vw; }
  .lg-hover-w-screen:hover { width: 100vw; }
  .lg-focus-w-screen:focus { width: 100vw; }
  .lg-active-w-screen:active { width: 100vw; }
  .lg-disabled-w-screen:disabled { width: 100vw; }
  .lg-focus-visible-w-screen:focus-visible { width: 100vw; }
  .lg-focus-within-w-screen:focus-within { width: 100vw; }
  .lg-group:hover .lg-group-hover-w-screen { width: 100vw; }
  .lg-h-fit { height: fit-content; }
  .lg-hover-h-fit:hover { height: fit-content; }
  .lg-focus-h-fit:focus { height: fit-content; }
  .lg-active-h-fit:active { height: fit-content; }
  .lg-disabled-h-fit:disabled { height: fit-content; }
  .lg-focus-visible-h-fit:focus-visible { height: fit-content; }
  .lg-focus-within-h-fit:focus-within { height: fit-content; }
  .lg-group:hover .lg-group-hover-h-fit { height: fit-content; }
  .lg-h-max { height: max-content; }
  .lg-hover-h-max:hover { height: max-content; }
  .lg-focus-h-max:focus { height: max-content; }
  .lg-active-h-max:active { height: max-content; }
  .lg-disabled-h-max:disabled { height: max-content; }
  .lg-focus-visible-h-max:focus-visible { height: max-content; }
  .lg-focus-within-h-max:focus-within { height: max-content; }
  .lg-group:hover .lg-group-hover-h-max { height: max-content; }
  .lg-h-min { height: min-content; }
  .lg-hover-h-min:hover { height: min-content; }
  .lg-focus-h-min:focus { height: min-content; }
  .lg-active-h-min:active { height: min-content; }
  .lg-disabled-h-min:disabled { height: min-content; }
  .lg-focus-visible-h-min:focus-visible { height: min-content; }
  .lg-focus-within-h-min:focus-within { height: min-content; }
  .lg-group:hover .lg-group-hover-h-min { height: min-content; }
  .lg-h-minmax { height: minmax(0, 100%); }
  .lg-hover-h-minmax:hover { height: minmax(0, 100%); }
  .lg-focus-h-minmax:focus { height: minmax(0, 100%); }
  .lg-active-h-minmax:active { height: minmax(0, 100%); }
  .lg-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  .lg-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  .lg-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-h-minmax { height: minmax(0, 100%); }
  .lg-h-full { height: 100%; }
  .lg-hover-h-full:hover { height: 100%; }
  .lg-focus-h-full:focus { height: 100%; }
  .lg-active-h-full:active { height: 100%; }
  .lg-disabled-h-full:disabled { height: 100%; }
  .lg-focus-visible-h-full:focus-visible { height: 100%; }
  .lg-focus-within-h-full:focus-within { height: 100%; }
  .lg-group:hover .lg-group-hover-h-full { height: 100%; }
  .lg-h-screen { height: 100vh; }
  .lg-hover-h-screen:hover { height: 100vh; }
  .lg-focus-h-screen:focus { height: 100vh; }
  .lg-active-h-screen:active { height: 100vh; }
  .lg-disabled-h-screen:disabled { height: 100vh; }
  .lg-focus-visible-h-screen:focus-visible { height: 100vh; }
  .lg-focus-within-h-screen:focus-within { height: 100vh; }
  .lg-group:hover .lg-group-hover-h-screen { height: 100vh; }
  .lg-min-w-fit { min-width: fit-content; }
  .lg-hover-min-w-fit:hover { min-width: fit-content; }
  .lg-focus-min-w-fit:focus { min-width: fit-content; }
  .lg-active-min-w-fit:active { min-width: fit-content; }
  .lg-disabled-min-w-fit:disabled { min-width: fit-content; }
  .lg-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  .lg-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  .lg-group:hover .lg-group-hover-min-w-fit { min-width: fit-content; }
  .lg-min-w-max { min-width: max-content; }
  .lg-hover-min-w-max:hover { min-width: max-content; }
  .lg-focus-min-w-max:focus { min-width: max-content; }
  .lg-active-min-w-max:active { min-width: max-content; }
  .lg-disabled-min-w-max:disabled { min-width: max-content; }
  .lg-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  .lg-focus-within-min-w-max:focus-within { min-width: max-content; }
  .lg-group:hover .lg-group-hover-min-w-max { min-width: max-content; }
  .lg-min-w-min { min-width: min-content; }
  .lg-hover-min-w-min:hover { min-width: min-content; }
  .lg-focus-min-w-min:focus { min-width: min-content; }
  .lg-active-min-w-min:active { min-width: min-content; }
  .lg-disabled-min-w-min:disabled { min-width: min-content; }
  .lg-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  .lg-focus-within-min-w-min:focus-within { min-width: min-content; }
  .lg-group:hover .lg-group-hover-min-w-min { min-width: min-content; }
  .lg-min-w-minmax { min-width: minmax(0, 100%); }
  .lg-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  .lg-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  .lg-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  .lg-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  .lg-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  .lg-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  .lg-min-w-full { min-width: 100%; }
  .lg-hover-min-w-full:hover { min-width: 100%; }
  .lg-focus-min-w-full:focus { min-width: 100%; }
  .lg-active-min-w-full:active { min-width: 100%; }
  .lg-disabled-min-w-full:disabled { min-width: 100%; }
  .lg-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  .lg-focus-within-min-w-full:focus-within { min-width: 100%; }
  .lg-group:hover .lg-group-hover-min-w-full { min-width: 100%; }
  .lg-min-w-screen { min-width: 100vw; }
  .lg-hover-min-w-screen:hover { min-width: 100vw; }
  .lg-focus-min-w-screen:focus { min-width: 100vw; }
  .lg-active-min-w-screen:active { min-width: 100vw; }
  .lg-disabled-min-w-screen:disabled { min-width: 100vw; }
  .lg-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  .lg-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  .lg-group:hover .lg-group-hover-min-w-screen { min-width: 100vw; }
  .lg-min-h-fit { min-height: fit-content; }
  .lg-hover-min-h-fit:hover { min-height: fit-content; }
  .lg-focus-min-h-fit:focus { min-height: fit-content; }
  .lg-active-min-h-fit:active { min-height: fit-content; }
  .lg-disabled-min-h-fit:disabled { min-height: fit-content; }
  .lg-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  .lg-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  .lg-group:hover .lg-group-hover-min-h-fit { min-height: fit-content; }
  .lg-min-h-max { min-height: max-content; }
  .lg-hover-min-h-max:hover { min-height: max-content; }
  .lg-focus-min-h-max:focus { min-height: max-content; }
  .lg-active-min-h-max:active { min-height: max-content; }
  .lg-disabled-min-h-max:disabled { min-height: max-content; }
  .lg-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  .lg-focus-within-min-h-max:focus-within { min-height: max-content; }
  .lg-group:hover .lg-group-hover-min-h-max { min-height: max-content; }
  .lg-min-h-min { min-height: min-content; }
  .lg-hover-min-h-min:hover { min-height: min-content; }
  .lg-focus-min-h-min:focus { min-height: min-content; }
  .lg-active-min-h-min:active { min-height: min-content; }
  .lg-disabled-min-h-min:disabled { min-height: min-content; }
  .lg-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  .lg-focus-within-min-h-min:focus-within { min-height: min-content; }
  .lg-group:hover .lg-group-hover-min-h-min { min-height: min-content; }
  .lg-min-h-minmax { min-height: minmax(0, 100%); }
  .lg-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  .lg-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  .lg-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  .lg-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  .lg-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  .lg-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  .lg-min-h-full { min-height: 100%; }
  .lg-hover-min-h-full:hover { min-height: 100%; }
  .lg-focus-min-h-full:focus { min-height: 100%; }
  .lg-active-min-h-full:active { min-height: 100%; }
  .lg-disabled-min-h-full:disabled { min-height: 100%; }
  .lg-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  .lg-focus-within-min-h-full:focus-within { min-height: 100%; }
  .lg-group:hover .lg-group-hover-min-h-full { min-height: 100%; }
  .lg-min-h-screen { min-height: 100vh; }
  .lg-hover-min-h-screen:hover { min-height: 100vh; }
  .lg-focus-min-h-screen:focus { min-height: 100vh; }
  .lg-active-min-h-screen:active { min-height: 100vh; }
  .lg-disabled-min-h-screen:disabled { min-height: 100vh; }
  .lg-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  .lg-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  .lg-group:hover .lg-group-hover-min-h-screen { min-height: 100vh; }
  .lg-max-w-fit { max-width: fit-content; }
  .lg-hover-max-w-fit:hover { max-width: fit-content; }
  .lg-focus-max-w-fit:focus { max-width: fit-content; }
  .lg-active-max-w-fit:active { max-width: fit-content; }
  .lg-disabled-max-w-fit:disabled { max-width: fit-content; }
  .lg-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  .lg-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  .lg-group:hover .lg-group-hover-max-w-fit { max-width: fit-content; }
  .lg-max-w-max { max-width: max-content; }
  .lg-hover-max-w-max:hover { max-width: max-content; }
  .lg-focus-max-w-max:focus { max-width: max-content; }
  .lg-active-max-w-max:active { max-width: max-content; }
  .lg-disabled-max-w-max:disabled { max-width: max-content; }
  .lg-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  .lg-focus-within-max-w-max:focus-within { max-width: max-content; }
  .lg-group:hover .lg-group-hover-max-w-max { max-width: max-content; }
  .lg-max-w-min { max-width: min-content; }
  .lg-hover-max-w-min:hover { max-width: min-content; }
  .lg-focus-max-w-min:focus { max-width: min-content; }
  .lg-active-max-w-min:active { max-width: min-content; }
  .lg-disabled-max-w-min:disabled { max-width: min-content; }
  .lg-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  .lg-focus-within-max-w-min:focus-within { max-width: min-content; }
  .lg-group:hover .lg-group-hover-max-w-min { max-width: min-content; }
  .lg-max-w-minmax { max-width: minmax(0, 100%); }
  .lg-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  .lg-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  .lg-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  .lg-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  .lg-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  .lg-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  .lg-max-w-full { max-width: 100%; }
  .lg-hover-max-w-full:hover { max-width: 100%; }
  .lg-focus-max-w-full:focus { max-width: 100%; }
  .lg-active-max-w-full:active { max-width: 100%; }
  .lg-disabled-max-w-full:disabled { max-width: 100%; }
  .lg-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  .lg-focus-within-max-w-full:focus-within { max-width: 100%; }
  .lg-group:hover .lg-group-hover-max-w-full { max-width: 100%; }
  .lg-max-w-screen { max-width: 100vw; }
  .lg-hover-max-w-screen:hover { max-width: 100vw; }
  .lg-focus-max-w-screen:focus { max-width: 100vw; }
  .lg-active-max-w-screen:active { max-width: 100vw; }
  .lg-disabled-max-w-screen:disabled { max-width: 100vw; }
  .lg-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  .lg-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  .lg-group:hover .lg-group-hover-max-w-screen { max-width: 100vw; }
  .lg-max-h-fit { max-height: fit-content; }
  .lg-hover-max-h-fit:hover { max-height: fit-content; }
  .lg-focus-max-h-fit:focus { max-height: fit-content; }
  .lg-active-max-h-fit:active { max-height: fit-content; }
  .lg-disabled-max-h-fit:disabled { max-height: fit-content; }
  .lg-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  .lg-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  .lg-group:hover .lg-group-hover-max-h-fit { max-height: fit-content; }
  .lg-max-h-max { max-height: max-content; }
  .lg-hover-max-h-max:hover { max-height: max-content; }
  .lg-focus-max-h-max:focus { max-height: max-content; }
  .lg-active-max-h-max:active { max-height: max-content; }
  .lg-disabled-max-h-max:disabled { max-height: max-content; }
  .lg-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  .lg-focus-within-max-h-max:focus-within { max-height: max-content; }
  .lg-group:hover .lg-group-hover-max-h-max { max-height: max-content; }
  .lg-max-h-min { max-height: min-content; }
  .lg-hover-max-h-min:hover { max-height: min-content; }
  .lg-focus-max-h-min:focus { max-height: min-content; }
  .lg-active-max-h-min:active { max-height: min-content; }
  .lg-disabled-max-h-min:disabled { max-height: min-content; }
  .lg-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  .lg-focus-within-max-h-min:focus-within { max-height: min-content; }
  .lg-group:hover .lg-group-hover-max-h-min { max-height: min-content; }
  .lg-max-h-minmax { max-height: minmax(0, 100%); }
  .lg-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  .lg-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  .lg-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  .lg-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  .lg-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  .lg-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  .lg-group:hover .lg-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  .lg-max-h-full { max-height: 100%; }
  .lg-hover-max-h-full:hover { max-height: 100%; }
  .lg-focus-max-h-full:focus { max-height: 100%; }
  .lg-active-max-h-full:active { max-height: 100%; }
  .lg-disabled-max-h-full:disabled { max-height: 100%; }
  .lg-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  .lg-focus-within-max-h-full:focus-within { max-height: 100%; }
  .lg-group:hover .lg-group-hover-max-h-full { max-height: 100%; }
  .lg-max-h-screen { max-height: 100vh; }
  .lg-hover-max-h-screen:hover { max-height: 100vh; }
  .lg-focus-max-h-screen:focus { max-height: 100vh; }
  .lg-active-max-h-screen:active { max-height: 100vh; }
  .lg-disabled-max-h-screen:disabled { max-height: 100vh; }
  .lg-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  .lg-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  .lg-group:hover .lg-group-hover-max-h-screen { max-height: 100vh; }
  .lg-size-0 { width: 0; height: 0; }
  .lg-hover-size-0:hover { width: 0; height: 0; }
  .lg-focus-size-0:focus { width: 0; height: 0; }
  .lg-active-size-0:active { width: 0; height: 0; }
  .lg-disabled-size-0:disabled { width: 0; height: 0; }
  .lg-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  .lg-focus-within-size-0:focus-within { width: 0; height: 0; }
  .lg-group:hover .lg-group-hover-size-0 { width: 0; height: 0; }
  .lg-size-1 { width: 0.25rem; height: 0.25rem; }
  .lg-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  .lg-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  .lg-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  .lg-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  .lg-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  .lg-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  .lg-group:hover .lg-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  .lg-size-2 { width: 0.5rem; height: 0.5rem; }
  .lg-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  .lg-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  .lg-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  .lg-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  .lg-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  .lg-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  .lg-group:hover .lg-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  .lg-size-3 { width: 0.75rem; height: 0.75rem; }
  .lg-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  .lg-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  .lg-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  .lg-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  .lg-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  .lg-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  .lg-group:hover .lg-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  .lg-size-4 { width: 1rem; height: 1rem; }
  .lg-hover-size-4:hover { width: 1rem; height: 1rem; }
  .lg-focus-size-4:focus { width: 1rem; height: 1rem; }
  .lg-active-size-4:active { width: 1rem; height: 1rem; }
  .lg-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  .lg-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  .lg-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  .lg-group:hover .lg-group-hover-size-4 { width: 1rem; height: 1rem; }
  .lg-size-5 { width: 1.25rem; height: 1.25rem; }
  .lg-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  .lg-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  .lg-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  .lg-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  .lg-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  .lg-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  .lg-group:hover .lg-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  .lg-size-6 { width: 1.5rem; height: 1.5rem; }
  .lg-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  .lg-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  .lg-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  .lg-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  .lg-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  .lg-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  .lg-group:hover .lg-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  .lg-size-7 { width: 1.75rem; height: 1.75rem; }
  .lg-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  .lg-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  .lg-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  .lg-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  .lg-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  .lg-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  .lg-group:hover .lg-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  .lg-size-8 { width: 2rem; height: 2rem; }
  .lg-hover-size-8:hover { width: 2rem; height: 2rem; }
  .lg-focus-size-8:focus { width: 2rem; height: 2rem; }
  .lg-active-size-8:active { width: 2rem; height: 2rem; }
  .lg-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  .lg-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  .lg-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  .lg-group:hover .lg-group-hover-size-8 { width: 2rem; height: 2rem; }
  .lg-size-9 { width: 2.25rem; height: 2.25rem; }
  .lg-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  .lg-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  .lg-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  .lg-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  .lg-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  .lg-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  .lg-group:hover .lg-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  .lg-size-10 { width: 2.5rem; height: 2.5rem; }
  .lg-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  .lg-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  .lg-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  .lg-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  .lg-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  .lg-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  .lg-group:hover .lg-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  .lg-size-11 { width: 2.75rem; height: 2.75rem; }
  .lg-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  .lg-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  .lg-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  .lg-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  .lg-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  .lg-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  .lg-group:hover .lg-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  .lg-size-12 { width: 3rem; height: 3rem; }
  .lg-hover-size-12:hover { width: 3rem; height: 3rem; }
  .lg-focus-size-12:focus { width: 3rem; height: 3rem; }
  .lg-active-size-12:active { width: 3rem; height: 3rem; }
  .lg-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  .lg-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  .lg-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  .lg-group:hover .lg-group-hover-size-12 { width: 3rem; height: 3rem; }
  .lg-size-14 { width: 3.5rem; height: 3.5rem; }
  .lg-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  .lg-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  .lg-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  .lg-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  .lg-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  .lg-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  .lg-group:hover .lg-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  .lg-size-16 { width: 4rem; height: 4rem; }
  .lg-hover-size-16:hover { width: 4rem; height: 4rem; }
  .lg-focus-size-16:focus { width: 4rem; height: 4rem; }
  .lg-active-size-16:active { width: 4rem; height: 4rem; }
  .lg-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  .lg-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  .lg-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  .lg-group:hover .lg-group-hover-size-16 { width: 4rem; height: 4rem; }
  .lg-size-20 { width: 5rem; height: 5rem; }
  .lg-hover-size-20:hover { width: 5rem; height: 5rem; }
  .lg-focus-size-20:focus { width: 5rem; height: 5rem; }
  .lg-active-size-20:active { width: 5rem; height: 5rem; }
  .lg-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  .lg-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  .lg-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  .lg-group:hover .lg-group-hover-size-20 { width: 5rem; height: 5rem; }
  .lg-size-24 { width: 6rem; height: 6rem; }
  .lg-hover-size-24:hover { width: 6rem; height: 6rem; }
  .lg-focus-size-24:focus { width: 6rem; height: 6rem; }
  .lg-active-size-24:active { width: 6rem; height: 6rem; }
  .lg-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  .lg-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  .lg-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  .lg-group:hover .lg-group-hover-size-24 { width: 6rem; height: 6rem; }
  .lg-size-28 { width: 7rem; height: 7rem; }
  .lg-hover-size-28:hover { width: 7rem; height: 7rem; }
  .lg-focus-size-28:focus { width: 7rem; height: 7rem; }
  .lg-active-size-28:active { width: 7rem; height: 7rem; }
  .lg-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  .lg-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  .lg-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  .lg-group:hover .lg-group-hover-size-28 { width: 7rem; height: 7rem; }
  .lg-size-32 { width: 8rem; height: 8rem; }
  .lg-hover-size-32:hover { width: 8rem; height: 8rem; }
  .lg-focus-size-32:focus { width: 8rem; height: 8rem; }
  .lg-active-size-32:active { width: 8rem; height: 8rem; }
  .lg-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  .lg-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  .lg-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  .lg-group:hover .lg-group-hover-size-32 { width: 8rem; height: 8rem; }
  .lg-size-36 { width: 9rem; height: 9rem; }
  .lg-hover-size-36:hover { width: 9rem; height: 9rem; }
  .lg-focus-size-36:focus { width: 9rem; height: 9rem; }
  .lg-active-size-36:active { width: 9rem; height: 9rem; }
  .lg-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  .lg-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  .lg-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  .lg-group:hover .lg-group-hover-size-36 { width: 9rem; height: 9rem; }
  .lg-size-40 { width: 10rem; height: 10rem; }
  .lg-hover-size-40:hover { width: 10rem; height: 10rem; }
  .lg-focus-size-40:focus { width: 10rem; height: 10rem; }
  .lg-active-size-40:active { width: 10rem; height: 10rem; }
  .lg-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  .lg-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  .lg-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  .lg-group:hover .lg-group-hover-size-40 { width: 10rem; height: 10rem; }
  .lg-size-44 { width: 11rem; height: 11rem; }
  .lg-hover-size-44:hover { width: 11rem; height: 11rem; }
  .lg-focus-size-44:focus { width: 11rem; height: 11rem; }
  .lg-active-size-44:active { width: 11rem; height: 11rem; }
  .lg-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  .lg-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  .lg-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  .lg-group:hover .lg-group-hover-size-44 { width: 11rem; height: 11rem; }
  .lg-size-48 { width: 12rem; height: 12rem; }
  .lg-hover-size-48:hover { width: 12rem; height: 12rem; }
  .lg-focus-size-48:focus { width: 12rem; height: 12rem; }
  .lg-active-size-48:active { width: 12rem; height: 12rem; }
  .lg-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  .lg-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  .lg-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  .lg-group:hover .lg-group-hover-size-48 { width: 12rem; height: 12rem; }
  .lg-size-52 { width: 13rem; height: 13rem; }
  .lg-hover-size-52:hover { width: 13rem; height: 13rem; }
  .lg-focus-size-52:focus { width: 13rem; height: 13rem; }
  .lg-active-size-52:active { width: 13rem; height: 13rem; }
  .lg-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  .lg-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  .lg-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  .lg-group:hover .lg-group-hover-size-52 { width: 13rem; height: 13rem; }
  .lg-size-56 { width: 14rem; height: 14rem; }
  .lg-hover-size-56:hover { width: 14rem; height: 14rem; }
  .lg-focus-size-56:focus { width: 14rem; height: 14rem; }
  .lg-active-size-56:active { width: 14rem; height: 14rem; }
  .lg-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  .lg-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  .lg-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  .lg-group:hover .lg-group-hover-size-56 { width: 14rem; height: 14rem; }
  .lg-size-60 { width: 15rem; height: 15rem; }
  .lg-hover-size-60:hover { width: 15rem; height: 15rem; }
  .lg-focus-size-60:focus { width: 15rem; height: 15rem; }
  .lg-active-size-60:active { width: 15rem; height: 15rem; }
  .lg-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  .lg-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  .lg-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  .lg-group:hover .lg-group-hover-size-60 { width: 15rem; height: 15rem; }
  .lg-size-64 { width: 16rem; height: 16rem; }
  .lg-hover-size-64:hover { width: 16rem; height: 16rem; }
  .lg-focus-size-64:focus { width: 16rem; height: 16rem; }
  .lg-active-size-64:active { width: 16rem; height: 16rem; }
  .lg-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  .lg-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  .lg-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  .lg-group:hover .lg-group-hover-size-64 { width: 16rem; height: 16rem; }
  .lg-size-72 { width: 18rem; height: 18rem; }
  .lg-hover-size-72:hover { width: 18rem; height: 18rem; }
  .lg-focus-size-72:focus { width: 18rem; height: 18rem; }
  .lg-active-size-72:active { width: 18rem; height: 18rem; }
  .lg-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  .lg-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  .lg-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  .lg-group:hover .lg-group-hover-size-72 { width: 18rem; height: 18rem; }
  .lg-size-80 { width: 20rem; height: 20rem; }
  .lg-hover-size-80:hover { width: 20rem; height: 20rem; }
  .lg-focus-size-80:focus { width: 20rem; height: 20rem; }
  .lg-active-size-80:active { width: 20rem; height: 20rem; }
  .lg-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  .lg-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  .lg-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  .lg-group:hover .lg-group-hover-size-80 { width: 20rem; height: 20rem; }
  .lg-size-96 { width: 24rem; height: 24rem; }
  .lg-hover-size-96:hover { width: 24rem; height: 24rem; }
  .lg-focus-size-96:focus { width: 24rem; height: 24rem; }
  .lg-active-size-96:active { width: 24rem; height: 24rem; }
  .lg-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  .lg-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  .lg-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  .lg-group:hover .lg-group-hover-size-96 { width: 24rem; height: 24rem; }
  .lg-font-size-auto { font-size: auto; }
  .lg-hover-font-size-auto:hover { font-size: auto; }
  .lg-focus-font-size-auto:focus { font-size: auto; }
  .lg-active-font-size-auto:active { font-size: auto; }
  .lg-disabled-font-size-auto:disabled { font-size: auto; }
  .lg-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  .lg-focus-within-font-size-auto:focus-within { font-size: auto; }
  .lg-group:hover .lg-group-hover-font-size-auto { font-size: auto; }
  .lg-font-size-0 { font-size: 0; }
  .lg-hover-font-size-0:hover { font-size: 0; }
  .lg-focus-font-size-0:focus { font-size: 0; }
  .lg-active-font-size-0:active { font-size: 0; }
  .lg-disabled-font-size-0:disabled { font-size: 0; }
  .lg-focus-visible-font-size-0:focus-visible { font-size: 0; }
  .lg-focus-within-font-size-0:focus-within { font-size: 0; }
  .lg-group:hover .lg-group-hover-font-size-0 { font-size: 0; }
  .lg-font-size-1 { font-size: 0.25rem; }
  .lg-hover-font-size-1:hover { font-size: 0.25rem; }
  .lg-focus-font-size-1:focus { font-size: 0.25rem; }
  .lg-active-font-size-1:active { font-size: 0.25rem; }
  .lg-disabled-font-size-1:disabled { font-size: 0.25rem; }
  .lg-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  .lg-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  .lg-group:hover .lg-group-hover-font-size-1 { font-size: 0.25rem; }
  .lg-font-size-2 { font-size: 0.5rem; }
  .lg-hover-font-size-2:hover { font-size: 0.5rem; }
  .lg-focus-font-size-2:focus { font-size: 0.5rem; }
  .lg-active-font-size-2:active { font-size: 0.5rem; }
  .lg-disabled-font-size-2:disabled { font-size: 0.5rem; }
  .lg-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  .lg-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  .lg-group:hover .lg-group-hover-font-size-2 { font-size: 0.5rem; }
  .lg-font-size-3 { font-size: 0.75rem; }
  .lg-hover-font-size-3:hover { font-size: 0.75rem; }
  .lg-focus-font-size-3:focus { font-size: 0.75rem; }
  .lg-active-font-size-3:active { font-size: 0.75rem; }
  .lg-disabled-font-size-3:disabled { font-size: 0.75rem; }
  .lg-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  .lg-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  .lg-group:hover .lg-group-hover-font-size-3 { font-size: 0.75rem; }
  .lg-font-size-4 { font-size: 1rem; }
  .lg-hover-font-size-4:hover { font-size: 1rem; }
  .lg-focus-font-size-4:focus { font-size: 1rem; }
  .lg-active-font-size-4:active { font-size: 1rem; }
  .lg-disabled-font-size-4:disabled { font-size: 1rem; }
  .lg-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  .lg-focus-within-font-size-4:focus-within { font-size: 1rem; }
  .lg-group:hover .lg-group-hover-font-size-4 { font-size: 1rem; }
  .lg-font-size-5 { font-size: 1.25rem; }
  .lg-hover-font-size-5:hover { font-size: 1.25rem; }
  .lg-focus-font-size-5:focus { font-size: 1.25rem; }
  .lg-active-font-size-5:active { font-size: 1.25rem; }
  .lg-disabled-font-size-5:disabled { font-size: 1.25rem; }
  .lg-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  .lg-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  .lg-group:hover .lg-group-hover-font-size-5 { font-size: 1.25rem; }
  .lg-font-size-6 { font-size: 1.5rem; }
  .lg-hover-font-size-6:hover { font-size: 1.5rem; }
  .lg-focus-font-size-6:focus { font-size: 1.5rem; }
  .lg-active-font-size-6:active { font-size: 1.5rem; }
  .lg-disabled-font-size-6:disabled { font-size: 1.5rem; }
  .lg-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  .lg-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  .lg-group:hover .lg-group-hover-font-size-6 { font-size: 1.5rem; }
  .lg-font-size-7 { font-size: 1.75rem; }
  .lg-hover-font-size-7:hover { font-size: 1.75rem; }
  .lg-focus-font-size-7:focus { font-size: 1.75rem; }
  .lg-active-font-size-7:active { font-size: 1.75rem; }
  .lg-disabled-font-size-7:disabled { font-size: 1.75rem; }
  .lg-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  .lg-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  .lg-group:hover .lg-group-hover-font-size-7 { font-size: 1.75rem; }
  .lg-font-size-8 { font-size: 2rem; }
  .lg-hover-font-size-8:hover { font-size: 2rem; }
  .lg-focus-font-size-8:focus { font-size: 2rem; }
  .lg-active-font-size-8:active { font-size: 2rem; }
  .lg-disabled-font-size-8:disabled { font-size: 2rem; }
  .lg-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  .lg-focus-within-font-size-8:focus-within { font-size: 2rem; }
  .lg-group:hover .lg-group-hover-font-size-8 { font-size: 2rem; }
  .lg-font-size-9 { font-size: 2.25rem; }
  .lg-hover-font-size-9:hover { font-size: 2.25rem; }
  .lg-focus-font-size-9:focus { font-size: 2.25rem; }
  .lg-active-font-size-9:active { font-size: 2.25rem; }
  .lg-disabled-font-size-9:disabled { font-size: 2.25rem; }
  .lg-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  .lg-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  .lg-group:hover .lg-group-hover-font-size-9 { font-size: 2.25rem; }
  .lg-font-size-10 { font-size: 2.5rem; }
  .lg-hover-font-size-10:hover { font-size: 2.5rem; }
  .lg-focus-font-size-10:focus { font-size: 2.5rem; }
  .lg-active-font-size-10:active { font-size: 2.5rem; }
  .lg-disabled-font-size-10:disabled { font-size: 2.5rem; }
  .lg-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  .lg-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  .lg-group:hover .lg-group-hover-font-size-10 { font-size: 2.5rem; }
  .lg-font-size-12 { font-size: 3rem; }
  .lg-hover-font-size-12:hover { font-size: 3rem; }
  .lg-focus-font-size-12:focus { font-size: 3rem; }
  .lg-active-font-size-12:active { font-size: 3rem; }
  .lg-disabled-font-size-12:disabled { font-size: 3rem; }
  .lg-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  .lg-focus-within-font-size-12:focus-within { font-size: 3rem; }
  .lg-group:hover .lg-group-hover-font-size-12 { font-size: 3rem; }
  .lg-font-size-14 { font-size: 3.5rem; }
  .lg-hover-font-size-14:hover { font-size: 3.5rem; }
  .lg-focus-font-size-14:focus { font-size: 3.5rem; }
  .lg-active-font-size-14:active { font-size: 3.5rem; }
  .lg-disabled-font-size-14:disabled { font-size: 3.5rem; }
  .lg-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  .lg-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  .lg-group:hover .lg-group-hover-font-size-14 { font-size: 3.5rem; }
  .lg-font-size-16 { font-size: 4rem; }
  .lg-hover-font-size-16:hover { font-size: 4rem; }
  .lg-focus-font-size-16:focus { font-size: 4rem; }
  .lg-active-font-size-16:active { font-size: 4rem; }
  .lg-disabled-font-size-16:disabled { font-size: 4rem; }
  .lg-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  .lg-focus-within-font-size-16:focus-within { font-size: 4rem; }
  .lg-group:hover .lg-group-hover-font-size-16 { font-size: 4rem; }
  .lg-font-size-18 { font-size: 4.5rem; }
  .lg-hover-font-size-18:hover { font-size: 4.5rem; }
  .lg-focus-font-size-18:focus { font-size: 4.5rem; }
  .lg-active-font-size-18:active { font-size: 4.5rem; }
  .lg-disabled-font-size-18:disabled { font-size: 4.5rem; }
  .lg-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  .lg-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  .lg-group:hover .lg-group-hover-font-size-18 { font-size: 4.5rem; }
  .lg-font-size-20 { font-size: 5rem; }
  .lg-hover-font-size-20:hover { font-size: 5rem; }
  .lg-focus-font-size-20:focus { font-size: 5rem; }
  .lg-active-font-size-20:active { font-size: 5rem; }
  .lg-disabled-font-size-20:disabled { font-size: 5rem; }
  .lg-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  .lg-focus-within-font-size-20:focus-within { font-size: 5rem; }
  .lg-group:hover .lg-group-hover-font-size-20 { font-size: 5rem; }
  .lg-font-size-24 { font-size: 6rem; }
  .lg-hover-font-size-24:hover { font-size: 6rem; }
  .lg-focus-font-size-24:focus { font-size: 6rem; }
  .lg-active-font-size-24:active { font-size: 6rem; }
  .lg-disabled-font-size-24:disabled { font-size: 6rem; }
  .lg-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  .lg-focus-within-font-size-24:focus-within { font-size: 6rem; }
  .lg-group:hover .lg-group-hover-font-size-24 { font-size: 6rem; }
  .lg-font-size-28 { font-size: 7rem; }
  .lg-hover-font-size-28:hover { font-size: 7rem; }
  .lg-focus-font-size-28:focus { font-size: 7rem; }
  .lg-active-font-size-28:active { font-size: 7rem; }
  .lg-disabled-font-size-28:disabled { font-size: 7rem; }
  .lg-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  .lg-focus-within-font-size-28:focus-within { font-size: 7rem; }
  .lg-group:hover .lg-group-hover-font-size-28 { font-size: 7rem; }
  .lg-font-size-32 { font-size: 8rem; }
  .lg-hover-font-size-32:hover { font-size: 8rem; }
  .lg-focus-font-size-32:focus { font-size: 8rem; }
  .lg-active-font-size-32:active { font-size: 8rem; }
  .lg-disabled-font-size-32:disabled { font-size: 8rem; }
  .lg-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  .lg-focus-within-font-size-32:focus-within { font-size: 8rem; }
  .lg-group:hover .lg-group-hover-font-size-32 { font-size: 8rem; }
  .lg-font-style-normal { font-style: normal; }
  .lg-hover-font-style-normal:hover { font-style: normal; }
  .lg-focus-font-style-normal:focus { font-style: normal; }
  .lg-active-font-style-normal:active { font-style: normal; }
  .lg-disabled-font-style-normal:disabled { font-style: normal; }
  .lg-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  .lg-focus-within-font-style-normal:focus-within { font-style: normal; }
  .lg-group:hover .lg-group-hover-font-style-normal { font-style: normal; }
  .lg-font-style-italic { font-style: italic; }
  .lg-hover-font-style-italic:hover { font-style: italic; }
  .lg-focus-font-style-italic:focus { font-style: italic; }
  .lg-active-font-style-italic:active { font-style: italic; }
  .lg-disabled-font-style-italic:disabled { font-style: italic; }
  .lg-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  .lg-focus-within-font-style-italic:focus-within { font-style: italic; }
  .lg-group:hover .lg-group-hover-font-style-italic { font-style: italic; }
  .lg-font-style-oblique { font-style: oblique; }
  .lg-hover-font-style-oblique:hover { font-style: oblique; }
  .lg-focus-font-style-oblique:focus { font-style: oblique; }
  .lg-active-font-style-oblique:active { font-style: oblique; }
  .lg-disabled-font-style-oblique:disabled { font-style: oblique; }
  .lg-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  .lg-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  .lg-group:hover .lg-group-hover-font-style-oblique { font-style: oblique; }
  .lg-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .lg-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  .lg-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  .lg-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  .lg-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  .lg-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  .lg-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  .lg-group:hover .lg-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .lg-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-group:hover .lg-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .lg-font-weight-thin { font-weight: 100; }
  .lg-hover-font-weight-thin:hover { font-weight: 100; }
  .lg-focus-font-weight-thin:focus { font-weight: 100; }
  .lg-active-font-weight-thin:active { font-weight: 100; }
  .lg-disabled-font-weight-thin:disabled { font-weight: 100; }
  .lg-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  .lg-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  .lg-group:hover .lg-group-hover-font-weight-thin { font-weight: 100; }
  .lg-font-weight-extralight { font-weight: 200; }
  .lg-hover-font-weight-extralight:hover { font-weight: 200; }
  .lg-focus-font-weight-extralight:focus { font-weight: 200; }
  .lg-active-font-weight-extralight:active { font-weight: 200; }
  .lg-disabled-font-weight-extralight:disabled { font-weight: 200; }
  .lg-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  .lg-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  .lg-group:hover .lg-group-hover-font-weight-extralight { font-weight: 200; }
  .lg-font-weight-light { font-weight: 300; }
  .lg-hover-font-weight-light:hover { font-weight: 300; }
  .lg-focus-font-weight-light:focus { font-weight: 300; }
  .lg-active-font-weight-light:active { font-weight: 300; }
  .lg-disabled-font-weight-light:disabled { font-weight: 300; }
  .lg-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  .lg-focus-within-font-weight-light:focus-within { font-weight: 300; }
  .lg-group:hover .lg-group-hover-font-weight-light { font-weight: 300; }
  .lg-font-weight-regular { font-weight: 400; }
  .lg-hover-font-weight-regular:hover { font-weight: 400; }
  .lg-focus-font-weight-regular:focus { font-weight: 400; }
  .lg-active-font-weight-regular:active { font-weight: 400; }
  .lg-disabled-font-weight-regular:disabled { font-weight: 400; }
  .lg-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  .lg-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  .lg-group:hover .lg-group-hover-font-weight-regular { font-weight: 400; }
  .lg-font-weight-medium { font-weight: 500; }
  .lg-hover-font-weight-medium:hover { font-weight: 500; }
  .lg-focus-font-weight-medium:focus { font-weight: 500; }
  .lg-active-font-weight-medium:active { font-weight: 500; }
  .lg-disabled-font-weight-medium:disabled { font-weight: 500; }
  .lg-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  .lg-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  .lg-group:hover .lg-group-hover-font-weight-medium { font-weight: 500; }
  .lg-font-weight-semibold { font-weight: 600; }
  .lg-hover-font-weight-semibold:hover { font-weight: 600; }
  .lg-focus-font-weight-semibold:focus { font-weight: 600; }
  .lg-active-font-weight-semibold:active { font-weight: 600; }
  .lg-disabled-font-weight-semibold:disabled { font-weight: 600; }
  .lg-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  .lg-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  .lg-group:hover .lg-group-hover-font-weight-semibold { font-weight: 600; }
  .lg-font-weight-bold { font-weight: 700; }
  .lg-hover-font-weight-bold:hover { font-weight: 700; }
  .lg-focus-font-weight-bold:focus { font-weight: 700; }
  .lg-active-font-weight-bold:active { font-weight: 700; }
  .lg-disabled-font-weight-bold:disabled { font-weight: 700; }
  .lg-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  .lg-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  .lg-group:hover .lg-group-hover-font-weight-bold { font-weight: 700; }
  .lg-font-weight-extrabold { font-weight: 800; }
  .lg-hover-font-weight-extrabold:hover { font-weight: 800; }
  .lg-focus-font-weight-extrabold:focus { font-weight: 800; }
  .lg-active-font-weight-extrabold:active { font-weight: 800; }
  .lg-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  .lg-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  .lg-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  .lg-group:hover .lg-group-hover-font-weight-extrabold { font-weight: 800; }
  .lg-font-weight-ultrabold { font-weight: 900; }
  .lg-hover-font-weight-ultrabold:hover { font-weight: 900; }
  .lg-focus-font-weight-ultrabold:focus { font-weight: 900; }
  .lg-active-font-weight-ultrabold:active { font-weight: 900; }
  .lg-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  .lg-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  .lg-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  .lg-group:hover .lg-group-hover-font-weight-ultrabold { font-weight: 900; }
  .lg-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .lg-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  .lg-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  .lg-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  .lg-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  .lg-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  .lg-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  .lg-group:hover .lg-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .lg-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .lg-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  .lg-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  .lg-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  .lg-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  .lg-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  .lg-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  .lg-group:hover .lg-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .lg-font-stretch-condensed { font-stretch: condensed; }
  .lg-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  .lg-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  .lg-active-font-stretch-condensed:active { font-stretch: condensed; }
  .lg-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  .lg-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  .lg-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  .lg-group:hover .lg-group-hover-font-stretch-condensed { font-stretch: condensed; }
  .lg-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .lg-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  .lg-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  .lg-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  .lg-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  .lg-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  .lg-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  .lg-group:hover .lg-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .lg-font-stretch-normal { font-stretch: normal; }
  .lg-hover-font-stretch-normal:hover { font-stretch: normal; }
  .lg-focus-font-stretch-normal:focus { font-stretch: normal; }
  .lg-active-font-stretch-normal:active { font-stretch: normal; }
  .lg-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  .lg-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  .lg-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  .lg-group:hover .lg-group-hover-font-stretch-normal { font-stretch: normal; }
  .lg-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .lg-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  .lg-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  .lg-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  .lg-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  .lg-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  .lg-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  .lg-group:hover .lg-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .lg-font-stretch-expanded { font-stretch: expanded; }
  .lg-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  .lg-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  .lg-active-font-stretch-expanded:active { font-stretch: expanded; }
  .lg-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  .lg-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  .lg-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  .lg-group:hover .lg-group-hover-font-stretch-expanded { font-stretch: expanded; }
  .lg-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .lg-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  .lg-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  .lg-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  .lg-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  .lg-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  .lg-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  .lg-group:hover .lg-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .lg-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .lg-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  .lg-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  .lg-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  .lg-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  .lg-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  .lg-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  .lg-group:hover .lg-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .lg-font-variant-numeric-normal { font-variant-numeric: normal; }
  .lg-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  .lg-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  .lg-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  .lg-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  .lg-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  .lg-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  .lg-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .lg-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  .lg-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  .lg-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  .lg-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  .lg-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  .lg-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .lg-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .lg-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  .lg-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  .lg-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  .lg-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  .lg-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  .lg-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .lg-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .lg-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  .lg-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  .lg-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  .lg-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  .lg-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  .lg-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .lg-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .lg-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  .lg-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  .lg-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  .lg-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  .lg-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  .lg-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .lg-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .lg-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  .lg-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  .lg-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  .lg-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  .lg-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  .lg-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .lg-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .lg-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  .lg-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  .lg-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  .lg-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  .lg-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  .lg-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  .lg-group:hover .lg-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .lg-tracking-tighter { letter-spacing: -0.05em; }
  .lg-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  .lg-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  .lg-active-tracking-tighter:active { letter-spacing: -0.05em; }
  .lg-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  .lg-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  .lg-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  .lg-group:hover .lg-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  .lg-tracking-tight { letter-spacing: -0.025em; }
  .lg-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  .lg-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  .lg-active-tracking-tight:active { letter-spacing: -0.025em; }
  .lg-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  .lg-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  .lg-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  .lg-group:hover .lg-group-hover-tracking-tight { letter-spacing: -0.025em; }
  .lg-tracking-normal { letter-spacing: 0; }
  .lg-hover-tracking-normal:hover { letter-spacing: 0; }
  .lg-focus-tracking-normal:focus { letter-spacing: 0; }
  .lg-active-tracking-normal:active { letter-spacing: 0; }
  .lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .lg-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .lg-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .lg-group:hover .lg-group-hover-tracking-normal { letter-spacing: 0; }
  .lg-tracking-wide { letter-spacing: 0.025em; }
  .lg-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  .lg-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  .lg-active-tracking-wide:active { letter-spacing: 0.025em; }
  .lg-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  .lg-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  .lg-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  .lg-group:hover .lg-group-hover-tracking-wide { letter-spacing: 0.025em; }
  .lg-tracking-wider { letter-spacing: 0.05em; }
  .lg-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  .lg-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  .lg-active-tracking-wider:active { letter-spacing: 0.05em; }
  .lg-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  .lg-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  .lg-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  .lg-group:hover .lg-group-hover-tracking-wider { letter-spacing: 0.05em; }
  .lg-tracking-widest { letter-spacing: 0.1em; }
  .lg-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  .lg-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  .lg-active-tracking-widest:active { letter-spacing: 0.1em; }
  .lg-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  .lg-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  .lg-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  .lg-group:hover .lg-group-hover-tracking-widest { letter-spacing: 0.1em; }
  .lg-decoration-solid { text-decoration-style: solid; }
  .lg-hover-decoration-solid:hover { text-decoration-style: solid; }
  .lg-focus-decoration-solid:focus { text-decoration-style: solid; }
  .lg-active-decoration-solid:active { text-decoration-style: solid; }
  .lg-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  .lg-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  .lg-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  .lg-group:hover .lg-group-hover-decoration-solid { text-decoration-style: solid; }
  .lg-decoration-double { text-decoration-style: double; }
  .lg-hover-decoration-double:hover { text-decoration-style: double; }
  .lg-focus-decoration-double:focus { text-decoration-style: double; }
  .lg-active-decoration-double:active { text-decoration-style: double; }
  .lg-disabled-decoration-double:disabled { text-decoration-style: double; }
  .lg-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  .lg-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  .lg-group:hover .lg-group-hover-decoration-double { text-decoration-style: double; }
  .lg-decoration-dotted { text-decoration-style: dotted; }
  .lg-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  .lg-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  .lg-active-decoration-dotted:active { text-decoration-style: dotted; }
  .lg-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  .lg-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  .lg-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  .lg-group:hover .lg-group-hover-decoration-dotted { text-decoration-style: dotted; }
  .lg-decoration-dashed { text-decoration-style: dashed; }
  .lg-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  .lg-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  .lg-active-decoration-dashed:active { text-decoration-style: dashed; }
  .lg-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  .lg-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  .lg-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  .lg-group:hover .lg-group-hover-decoration-dashed { text-decoration-style: dashed; }
  .lg-decoration-wavy { text-decoration-style: wavy; }
  .lg-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  .lg-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  .lg-active-decoration-wavy:active { text-decoration-style: wavy; }
  .lg-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  .lg-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  .lg-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  .lg-group:hover .lg-group-hover-decoration-wavy { text-decoration-style: wavy; }
  .lg-decoration-0 { text-decoration-thickness: 0; }
  .lg-hover-decoration-0:hover { text-decoration-thickness: 0; }
  .lg-focus-decoration-0:focus { text-decoration-thickness: 0; }
  .lg-active-decoration-0:active { text-decoration-thickness: 0; }
  .lg-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  .lg-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  .lg-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  .lg-group:hover .lg-group-hover-decoration-0 { text-decoration-thickness: 0; }
  .lg-decoration-1 { text-decoration-thickness: 1px; }
  .lg-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  .lg-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  .lg-active-decoration-1:active { text-decoration-thickness: 1px; }
  .lg-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  .lg-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  .lg-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  .lg-group:hover .lg-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  .lg-decoration-2 { text-decoration-thickness: 2px; }
  .lg-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  .lg-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  .lg-active-decoration-2:active { text-decoration-thickness: 2px; }
  .lg-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  .lg-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  .lg-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  .lg-group:hover .lg-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  .lg-decoration-4 { text-decoration-thickness: 4px; }
  .lg-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  .lg-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  .lg-active-decoration-4:active { text-decoration-thickness: 4px; }
  .lg-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  .lg-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  .lg-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  .lg-group:hover .lg-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  .lg-decoration-8 { text-decoration-thickness: 8px; }
  .lg-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  .lg-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  .lg-active-decoration-8:active { text-decoration-thickness: 8px; }
  .lg-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  .lg-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  .lg-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  .lg-group:hover .lg-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  .lg-underline-offset-0 { text-underline-offset: 0; }
  .lg-hover-underline-offset-0:hover { text-underline-offset: 0; }
  .lg-focus-underline-offset-0:focus { text-underline-offset: 0; }
  .lg-active-underline-offset-0:active { text-underline-offset: 0; }
  .lg-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  .lg-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  .lg-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  .lg-group:hover .lg-group-hover-underline-offset-0 { text-underline-offset: 0; }
  .lg-underline-offset-1 { text-underline-offset: 1px; }
  .lg-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  .lg-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  .lg-active-underline-offset-1:active { text-underline-offset: 1px; }
  .lg-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  .lg-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  .lg-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  .lg-group:hover .lg-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  .lg-underline-offset-2 { text-underline-offset: 2px; }
  .lg-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  .lg-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  .lg-active-underline-offset-2:active { text-underline-offset: 2px; }
  .lg-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  .lg-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  .lg-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  .lg-group:hover .lg-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  .lg-underline-offset-4 { text-underline-offset: 4px; }
  .lg-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  .lg-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  .lg-active-underline-offset-4:active { text-underline-offset: 4px; }
  .lg-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  .lg-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  .lg-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  .lg-group:hover .lg-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  .lg-underline-offset-8 { text-underline-offset: 8px; }
  .lg-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  .lg-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  .lg-active-underline-offset-8:active { text-underline-offset: 8px; }
  .lg-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  .lg-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  .lg-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  .lg-group:hover .lg-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  .lg-text-xs { font-size: 0.5rem; }
  .lg-hover-text-xs:hover { font-size: 0.5rem; }
  .lg-focus-text-xs:focus { font-size: 0.5rem; }
  .lg-active-text-xs:active { font-size: 0.5rem; }
  .lg-disabled-text-xs:disabled { font-size: 0.5rem; }
  .lg-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  .lg-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  .lg-group:hover .lg-group-hover-text-xs { font-size: 0.5rem; }
  .lg-text-sm { font-size: 0.875rem; }
  .lg-hover-text-sm:hover { font-size: 0.875rem; }
  .lg-focus-text-sm:focus { font-size: 0.875rem; }
  .lg-active-text-sm:active { font-size: 0.875rem; }
  .lg-disabled-text-sm:disabled { font-size: 0.875rem; }
  .lg-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  .lg-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  .lg-group:hover .lg-group-hover-text-sm { font-size: 0.875rem; }
  .lg-text-base { font-size: 1rem; }
  .lg-hover-text-base:hover { font-size: 1rem; }
  .lg-focus-text-base:focus { font-size: 1rem; }
  .lg-active-text-base:active { font-size: 1rem; }
  .lg-disabled-text-base:disabled { font-size: 1rem; }
  .lg-focus-visible-text-base:focus-visible { font-size: 1rem; }
  .lg-focus-within-text-base:focus-within { font-size: 1rem; }
  .lg-group:hover .lg-group-hover-text-base { font-size: 1rem; }
  .lg-text-lg { font-size: 1.125rem; }
  .lg-hover-text-lg:hover { font-size: 1.125rem; }
  .lg-focus-text-lg:focus { font-size: 1.125rem; }
  .lg-active-text-lg:active { font-size: 1.125rem; }
  .lg-disabled-text-lg:disabled { font-size: 1.125rem; }
  .lg-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  .lg-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  .lg-group:hover .lg-group-hover-text-lg { font-size: 1.125rem; }
  .lg-text-xl { font-size: 2rem; }
  .lg-hover-text-xl:hover { font-size: 2rem; }
  .lg-focus-text-xl:focus { font-size: 2rem; }
  .lg-active-text-xl:active { font-size: 2rem; }
  .lg-disabled-text-xl:disabled { font-size: 2rem; }
  .lg-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  .lg-focus-within-text-xl:focus-within { font-size: 2rem; }
  .lg-group:hover .lg-group-hover-text-xl { font-size: 2rem; }
  .lg-text-2xl { font-size: 2.5rem; }
  .lg-hover-text-2xl:hover { font-size: 2.5rem; }
  .lg-focus-text-2xl:focus { font-size: 2.5rem; }
  .lg-active-text-2xl:active { font-size: 2.5rem; }
  .lg-disabled-text-2xl:disabled { font-size: 2.5rem; }
  .lg-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  .lg-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  .lg-group:hover .lg-group-hover-text-2xl { font-size: 2.5rem; }
  .lg-text-3xl { font-size: 3rem; }
  .lg-hover-text-3xl:hover { font-size: 3rem; }
  .lg-focus-text-3xl:focus { font-size: 3rem; }
  .lg-active-text-3xl:active { font-size: 3rem; }
  .lg-disabled-text-3xl:disabled { font-size: 3rem; }
  .lg-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  .lg-focus-within-text-3xl:focus-within { font-size: 3rem; }
  .lg-group:hover .lg-group-hover-text-3xl { font-size: 3rem; }
  .lg-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-group:hover .lg-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .lg-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-group:hover .lg-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .lg-indent-0 { text-indent: 0; }
  .lg-hover-indent-0:hover { text-indent: 0; }
  .lg-focus-indent-0:focus { text-indent: 0; }
  .lg-active-indent-0:active { text-indent: 0; }
  .lg-disabled-indent-0:disabled { text-indent: 0; }
  .lg-focus-visible-indent-0:focus-visible { text-indent: 0; }
  .lg-focus-within-indent-0:focus-within { text-indent: 0; }
  .lg-group:hover .lg-group-hover-indent-0 { text-indent: 0; }
  .lg-indent-1 { text-indent: 0.25rem; }
  .lg-hover-indent-1:hover { text-indent: 0.25rem; }
  .lg-focus-indent-1:focus { text-indent: 0.25rem; }
  .lg-active-indent-1:active { text-indent: 0.25rem; }
  .lg-disabled-indent-1:disabled { text-indent: 0.25rem; }
  .lg-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  .lg-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  .lg-group:hover .lg-group-hover-indent-1 { text-indent: 0.25rem; }
  .lg-indent-2 { text-indent: 0.5rem; }
  .lg-hover-indent-2:hover { text-indent: 0.5rem; }
  .lg-focus-indent-2:focus { text-indent: 0.5rem; }
  .lg-active-indent-2:active { text-indent: 0.5rem; }
  .lg-disabled-indent-2:disabled { text-indent: 0.5rem; }
  .lg-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  .lg-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  .lg-group:hover .lg-group-hover-indent-2 { text-indent: 0.5rem; }
  .lg-indent-4 { text-indent: 1rem; }
  .lg-hover-indent-4:hover { text-indent: 1rem; }
  .lg-focus-indent-4:focus { text-indent: 1rem; }
  .lg-active-indent-4:active { text-indent: 1rem; }
  .lg-disabled-indent-4:disabled { text-indent: 1rem; }
  .lg-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  .lg-focus-within-indent-4:focus-within { text-indent: 1rem; }
  .lg-group:hover .lg-group-hover-indent-4 { text-indent: 1rem; }
  .lg-indent-8 { text-indent: 2rem; }
  .lg-hover-indent-8:hover { text-indent: 2rem; }
  .lg-focus-indent-8:focus { text-indent: 2rem; }
  .lg-active-indent-8:active { text-indent: 2rem; }
  .lg-disabled-indent-8:disabled { text-indent: 2rem; }
  .lg-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  .lg-focus-within-indent-8:focus-within { text-indent: 2rem; }
  .lg-group:hover .lg-group-hover-indent-8 { text-indent: 2rem; }
  .lg-break-normal { word-break: normal; }
  .lg-hover-break-normal:hover { word-break: normal; }
  .lg-focus-break-normal:focus { word-break: normal; }
  .lg-active-break-normal:active { word-break: normal; }
  .lg-disabled-break-normal:disabled { word-break: normal; }
  .lg-focus-visible-break-normal:focus-visible { word-break: normal; }
  .lg-focus-within-break-normal:focus-within { word-break: normal; }
  .lg-group:hover .lg-group-hover-break-normal { word-break: normal; }
  .lg-break-words { word-break: break-word; }
  .lg-hover-break-words:hover { word-break: break-word; }
  .lg-focus-break-words:focus { word-break: break-word; }
  .lg-active-break-words:active { word-break: break-word; }
  .lg-disabled-break-words:disabled { word-break: break-word; }
  .lg-focus-visible-break-words:focus-visible { word-break: break-word; }
  .lg-focus-within-break-words:focus-within { word-break: break-word; }
  .lg-group:hover .lg-group-hover-break-words { word-break: break-word; }
  .lg-break-all { word-break: break-all; }
  .lg-hover-break-all:hover { word-break: break-all; }
  .lg-focus-break-all:focus { word-break: break-all; }
  .lg-active-break-all:active { word-break: break-all; }
  .lg-disabled-break-all:disabled { word-break: break-all; }
  .lg-focus-visible-break-all:focus-visible { word-break: break-all; }
  .lg-focus-within-break-all:focus-within { word-break: break-all; }
  .lg-group:hover .lg-group-hover-break-all { word-break: break-all; }
  .lg-overflow-normal { overflow-wrap: normal; }
  .lg-hover-overflow-normal:hover { overflow-wrap: normal; }
  .lg-focus-overflow-normal:focus { overflow-wrap: normal; }
  .lg-active-overflow-normal:active { overflow-wrap: normal; }
  .lg-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .lg-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .lg-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .lg-group:hover .lg-group-hover-overflow-normal { overflow-wrap: normal; }
  .lg-overflow-break { overflow-wrap: break-word; }
  .lg-hover-overflow-break:hover { overflow-wrap: break-word; }
  .lg-focus-overflow-break:focus { overflow-wrap: break-word; }
  .lg-active-overflow-break:active { overflow-wrap: break-word; }
  .lg-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .lg-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .lg-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .lg-group:hover .lg-group-hover-overflow-break { overflow-wrap: break-word; }
  .lg-hyphens-none { hyphens: none; }
  .lg-hover-hyphens-none:hover { hyphens: none; }
  .lg-focus-hyphens-none:focus { hyphens: none; }
  .lg-active-hyphens-none:active { hyphens: none; }
  .lg-disabled-hyphens-none:disabled { hyphens: none; }
  .lg-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .lg-focus-within-hyphens-none:focus-within { hyphens: none; }
  .lg-group:hover .lg-group-hover-hyphens-none { hyphens: none; }
  .lg-hyphens-manual { hyphens: manual; }
  .lg-hover-hyphens-manual:hover { hyphens: manual; }
  .lg-focus-hyphens-manual:focus { hyphens: manual; }
  .lg-active-hyphens-manual:active { hyphens: manual; }
  .lg-disabled-hyphens-manual:disabled { hyphens: manual; }
  .lg-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .lg-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .lg-group:hover .lg-group-hover-hyphens-manual { hyphens: manual; }
  .lg-hyphens-auto { hyphens: auto; }
  .lg-hover-hyphens-auto:hover { hyphens: auto; }
  .lg-focus-hyphens-auto:focus { hyphens: auto; }
  .lg-active-hyphens-auto:active { hyphens: auto; }
  .lg-disabled-hyphens-auto:disabled { hyphens: auto; }
  .lg-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .lg-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .lg-group:hover .lg-group-hover-hyphens-auto { hyphens: auto; }
  .lg-break-normal { word-break: normal; }
  .lg-hover-break-normal:hover { word-break: normal; }
  .lg-focus-break-normal:focus { word-break: normal; }
  .lg-active-break-normal:active { word-break: normal; }
  .lg-disabled-break-normal:disabled { word-break: normal; }
  .lg-focus-visible-break-normal:focus-visible { word-break: normal; }
  .lg-focus-within-break-normal:focus-within { word-break: normal; }
  .lg-group:hover .lg-group-hover-break-normal { word-break: normal; }
  .lg-break-words { word-break: break-word; }
  .lg-hover-break-words:hover { word-break: break-word; }
  .lg-focus-break-words:focus { word-break: break-word; }
  .lg-active-break-words:active { word-break: break-word; }
  .lg-disabled-break-words:disabled { word-break: break-word; }
  .lg-focus-visible-break-words:focus-visible { word-break: break-word; }
  .lg-focus-within-break-words:focus-within { word-break: break-word; }
  .lg-group:hover .lg-group-hover-break-words { word-break: break-word; }
  .lg-break-all { word-break: break-all; }
  .lg-hover-break-all:hover { word-break: break-all; }
  .lg-focus-break-all:focus { word-break: break-all; }
  .lg-active-break-all:active { word-break: break-all; }
  .lg-disabled-break-all:disabled { word-break: break-all; }
  .lg-focus-visible-break-all:focus-visible { word-break: break-all; }
  .lg-focus-within-break-all:focus-within { word-break: break-all; }
  .lg-group:hover .lg-group-hover-break-all { word-break: break-all; }
  .lg-overflow-normal { overflow-wrap: normal; }
  .lg-hover-overflow-normal:hover { overflow-wrap: normal; }
  .lg-focus-overflow-normal:focus { overflow-wrap: normal; }
  .lg-active-overflow-normal:active { overflow-wrap: normal; }
  .lg-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .lg-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .lg-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .lg-group:hover .lg-group-hover-overflow-normal { overflow-wrap: normal; }
  .lg-overflow-break { overflow-wrap: break-word; }
  .lg-hover-overflow-break:hover { overflow-wrap: break-word; }
  .lg-focus-overflow-break:focus { overflow-wrap: break-word; }
  .lg-active-overflow-break:active { overflow-wrap: break-word; }
  .lg-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .lg-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .lg-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .lg-group:hover .lg-group-hover-overflow-break { overflow-wrap: break-word; }
  .lg-hyphens-none { hyphens: none; }
  .lg-hover-hyphens-none:hover { hyphens: none; }
  .lg-focus-hyphens-none:focus { hyphens: none; }
  .lg-active-hyphens-none:active { hyphens: none; }
  .lg-disabled-hyphens-none:disabled { hyphens: none; }
  .lg-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .lg-focus-within-hyphens-none:focus-within { hyphens: none; }
  .lg-group:hover .lg-group-hover-hyphens-none { hyphens: none; }
  .lg-hyphens-manual { hyphens: manual; }
  .lg-hover-hyphens-manual:hover { hyphens: manual; }
  .lg-focus-hyphens-manual:focus { hyphens: manual; }
  .lg-active-hyphens-manual:active { hyphens: manual; }
  .lg-disabled-hyphens-manual:disabled { hyphens: manual; }
  .lg-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .lg-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .lg-group:hover .lg-group-hover-hyphens-manual { hyphens: manual; }
  .lg-hyphens-auto { hyphens: auto; }
  .lg-hover-hyphens-auto:hover { hyphens: auto; }
  .lg-focus-hyphens-auto:focus { hyphens: auto; }
  .lg-active-hyphens-auto:active { hyphens: auto; }
  .lg-disabled-hyphens-auto:disabled { hyphens: auto; }
  .lg-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .lg-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .lg-group:hover .lg-group-hover-hyphens-auto { hyphens: auto; }
  .lg-bg-attachment-fixed { background-attachment: fixed; }
  .lg-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  .lg-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  .lg-active-bg-attachment-fixed:active { background-attachment: fixed; }
  .lg-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  .lg-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  .lg-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  .lg-group:hover .lg-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  .lg-bg-attachment-local { background-attachment: local; }
  .lg-hover-bg-attachment-local:hover { background-attachment: local; }
  .lg-focus-bg-attachment-local:focus { background-attachment: local; }
  .lg-active-bg-attachment-local:active { background-attachment: local; }
  .lg-disabled-bg-attachment-local:disabled { background-attachment: local; }
  .lg-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  .lg-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  .lg-group:hover .lg-group-hover-bg-attachment-local { background-attachment: local; }
  .lg-bg-attachment-scroll { background-attachment: scroll; }
  .lg-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  .lg-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  .lg-active-bg-attachment-scroll:active { background-attachment: scroll; }
  .lg-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  .lg-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  .lg-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  .lg-group:hover .lg-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  .lg-bg-clip-border { background-clip: border-box; }
  .lg-hover-bg-clip-border:hover { background-clip: border-box; }
  .lg-focus-bg-clip-border:focus { background-clip: border-box; }
  .lg-active-bg-clip-border:active { background-clip: border-box; }
  .lg-disabled-bg-clip-border:disabled { background-clip: border-box; }
  .lg-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  .lg-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  .lg-group:hover .lg-group-hover-bg-clip-border { background-clip: border-box; }
  .lg-bg-clip-padding { background-clip: padding-box; }
  .lg-hover-bg-clip-padding:hover { background-clip: padding-box; }
  .lg-focus-bg-clip-padding:focus { background-clip: padding-box; }
  .lg-active-bg-clip-padding:active { background-clip: padding-box; }
  .lg-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  .lg-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  .lg-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  .lg-group:hover .lg-group-hover-bg-clip-padding { background-clip: padding-box; }
  .lg-bg-clip-content { background-clip: content-box; }
  .lg-hover-bg-clip-content:hover { background-clip: content-box; }
  .lg-focus-bg-clip-content:focus { background-clip: content-box; }
  .lg-active-bg-clip-content:active { background-clip: content-box; }
  .lg-disabled-bg-clip-content:disabled { background-clip: content-box; }
  .lg-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  .lg-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  .lg-group:hover .lg-group-hover-bg-clip-content { background-clip: content-box; }
  .lg-bg-color-transparent { background-color: transparent; }
  .lg-hover-bg-color-transparent:hover { background-color: transparent; }
  .lg-focus-bg-color-transparent:focus { background-color: transparent; }
  .lg-active-bg-color-transparent:active { background-color: transparent; }
  .lg-disabled-bg-color-transparent:disabled { background-color: transparent; }
  .lg-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  .lg-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  .lg-group:hover .lg-group-hover-bg-color-transparent { background-color: transparent; }
  .lg-bg-color-black { background-color: #000; }
  .lg-hover-bg-color-black:hover { background-color: #000; }
  .lg-focus-bg-color-black:focus { background-color: #000; }
  .lg-active-bg-color-black:active { background-color: #000; }
  .lg-disabled-bg-color-black:disabled { background-color: #000; }
  .lg-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  .lg-focus-within-bg-color-black:focus-within { background-color: #000; }
  .lg-group:hover .lg-group-hover-bg-color-black { background-color: #000; }
  .lg-bg-color-white { background-color: #fff; }
  .lg-hover-bg-color-white:hover { background-color: #fff; }
  .lg-focus-bg-color-white:focus { background-color: #fff; }
  .lg-active-bg-color-white:active { background-color: #fff; }
  .lg-disabled-bg-color-white:disabled { background-color: #fff; }
  .lg-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  .lg-focus-within-bg-color-white:focus-within { background-color: #fff; }
  .lg-group:hover .lg-group-hover-bg-color-white { background-color: #fff; }
  .lg-bg-image-none { background-image: none; }
  .lg-hover-bg-image-none:hover { background-image: none; }
  .lg-focus-bg-image-none:focus { background-image: none; }
  .lg-active-bg-image-none:active { background-image: none; }
  .lg-disabled-bg-image-none:disabled { background-image: none; }
  .lg-focus-visible-bg-image-none:focus-visible { background-image: none; }
  .lg-focus-within-bg-image-none:focus-within { background-image: none; }
  .lg-group:hover .lg-group-hover-bg-image-none { background-image: none; }
  .lg-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-group:hover .lg-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .lg-bg-origin-border { background-origin: border-box; }
  .lg-hover-bg-origin-border:hover { background-origin: border-box; }
  .lg-focus-bg-origin-border:focus { background-origin: border-box; }
  .lg-active-bg-origin-border:active { background-origin: border-box; }
  .lg-disabled-bg-origin-border:disabled { background-origin: border-box; }
  .lg-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  .lg-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  .lg-group:hover .lg-group-hover-bg-origin-border { background-origin: border-box; }
  .lg-bg-origin-padding { background-origin: padding-box; }
  .lg-hover-bg-origin-padding:hover { background-origin: padding-box; }
  .lg-focus-bg-origin-padding:focus { background-origin: padding-box; }
  .lg-active-bg-origin-padding:active { background-origin: padding-box; }
  .lg-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  .lg-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  .lg-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  .lg-group:hover .lg-group-hover-bg-origin-padding { background-origin: padding-box; }
  .lg-bg-origin-content { background-origin: content-box; }
  .lg-hover-bg-origin-content:hover { background-origin: content-box; }
  .lg-focus-bg-origin-content:focus { background-origin: content-box; }
  .lg-active-bg-origin-content:active { background-origin: content-box; }
  .lg-disabled-bg-origin-content:disabled { background-origin: content-box; }
  .lg-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  .lg-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  .lg-group:hover .lg-group-hover-bg-origin-content { background-origin: content-box; }
  .lg-bg-position-center { background-position: center; }
  .lg-hover-bg-position-center:hover { background-position: center; }
  .lg-focus-bg-position-center:focus { background-position: center; }
  .lg-active-bg-position-center:active { background-position: center; }
  .lg-disabled-bg-position-center:disabled { background-position: center; }
  .lg-focus-visible-bg-position-center:focus-visible { background-position: center; }
  .lg-focus-within-bg-position-center:focus-within { background-position: center; }
  .lg-group:hover .lg-group-hover-bg-position-center { background-position: center; }
  .lg-bg-position-top { background-position: top; }
  .lg-hover-bg-position-top:hover { background-position: top; }
  .lg-focus-bg-position-top:focus { background-position: top; }
  .lg-active-bg-position-top:active { background-position: top; }
  .lg-disabled-bg-position-top:disabled { background-position: top; }
  .lg-focus-visible-bg-position-top:focus-visible { background-position: top; }
  .lg-focus-within-bg-position-top:focus-within { background-position: top; }
  .lg-group:hover .lg-group-hover-bg-position-top { background-position: top; }
  .lg-bg-position-bottom { background-position: bottom; }
  .lg-hover-bg-position-bottom:hover { background-position: bottom; }
  .lg-focus-bg-position-bottom:focus { background-position: bottom; }
  .lg-active-bg-position-bottom:active { background-position: bottom; }
  .lg-disabled-bg-position-bottom:disabled { background-position: bottom; }
  .lg-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  .lg-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  .lg-group:hover .lg-group-hover-bg-position-bottom { background-position: bottom; }
  .lg-bg-position-left { background-position: left; }
  .lg-hover-bg-position-left:hover { background-position: left; }
  .lg-focus-bg-position-left:focus { background-position: left; }
  .lg-active-bg-position-left:active { background-position: left; }
  .lg-disabled-bg-position-left:disabled { background-position: left; }
  .lg-focus-visible-bg-position-left:focus-visible { background-position: left; }
  .lg-focus-within-bg-position-left:focus-within { background-position: left; }
  .lg-group:hover .lg-group-hover-bg-position-left { background-position: left; }
  .lg-bg-position-right { background-position: right; }
  .lg-hover-bg-position-right:hover { background-position: right; }
  .lg-focus-bg-position-right:focus { background-position: right; }
  .lg-active-bg-position-right:active { background-position: right; }
  .lg-disabled-bg-position-right:disabled { background-position: right; }
  .lg-focus-visible-bg-position-right:focus-visible { background-position: right; }
  .lg-focus-within-bg-position-right:focus-within { background-position: right; }
  .lg-group:hover .lg-group-hover-bg-position-right { background-position: right; }
  .lg-bg-position-top-left { background-position: top left; }
  .lg-hover-bg-position-top-left:hover { background-position: top left; }
  .lg-focus-bg-position-top-left:focus { background-position: top left; }
  .lg-active-bg-position-top-left:active { background-position: top left; }
  .lg-disabled-bg-position-top-left:disabled { background-position: top left; }
  .lg-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  .lg-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  .lg-group:hover .lg-group-hover-bg-position-top-left { background-position: top left; }
  .lg-bg-position-top-right { background-position: top right; }
  .lg-hover-bg-position-top-right:hover { background-position: top right; }
  .lg-focus-bg-position-top-right:focus { background-position: top right; }
  .lg-active-bg-position-top-right:active { background-position: top right; }
  .lg-disabled-bg-position-top-right:disabled { background-position: top right; }
  .lg-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  .lg-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  .lg-group:hover .lg-group-hover-bg-position-top-right { background-position: top right; }
  .lg-bg-position-bottom-left { background-position: bottom left; }
  .lg-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  .lg-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  .lg-active-bg-position-bottom-left:active { background-position: bottom left; }
  .lg-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  .lg-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  .lg-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  .lg-group:hover .lg-group-hover-bg-position-bottom-left { background-position: bottom left; }
  .lg-bg-position-bottom-right { background-position: bottom right; }
  .lg-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  .lg-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  .lg-active-bg-position-bottom-right:active { background-position: bottom right; }
  .lg-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  .lg-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  .lg-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  .lg-group:hover .lg-group-hover-bg-position-bottom-right { background-position: bottom right; }
  .lg-bg-repeat-none { background-repeat: no-repeat; }
  .lg-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  .lg-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  .lg-active-bg-repeat-none:active { background-repeat: no-repeat; }
  .lg-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  .lg-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  .lg-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  .lg-group:hover .lg-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  .lg-bg-repeat-x { background-repeat: repeat-x; }
  .lg-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  .lg-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  .lg-active-bg-repeat-x:active { background-repeat: repeat-x; }
  .lg-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  .lg-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  .lg-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  .lg-group:hover .lg-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  .lg-bg-repeat-y { background-repeat: repeat-y; }
  .lg-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  .lg-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  .lg-active-bg-repeat-y:active { background-repeat: repeat-y; }
  .lg-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  .lg-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  .lg-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  .lg-group:hover .lg-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  .lg-bg-repeat { background-repeat: repeat; }
  .lg-hover-bg-repeat:hover { background-repeat: repeat; }
  .lg-focus-bg-repeat:focus { background-repeat: repeat; }
  .lg-active-bg-repeat:active { background-repeat: repeat; }
  .lg-disabled-bg-repeat:disabled { background-repeat: repeat; }
  .lg-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  .lg-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  .lg-group:hover .lg-group-hover-bg-repeat { background-repeat: repeat; }
  .lg-bg-repeat-round { background-repeat: round; }
  .lg-hover-bg-repeat-round:hover { background-repeat: round; }
  .lg-focus-bg-repeat-round:focus { background-repeat: round; }
  .lg-active-bg-repeat-round:active { background-repeat: round; }
  .lg-disabled-bg-repeat-round:disabled { background-repeat: round; }
  .lg-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  .lg-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  .lg-group:hover .lg-group-hover-bg-repeat-round { background-repeat: round; }
  .lg-bg-repeat-space { background-repeat: space; }
  .lg-hover-bg-repeat-space:hover { background-repeat: space; }
  .lg-focus-bg-repeat-space:focus { background-repeat: space; }
  .lg-active-bg-repeat-space:active { background-repeat: space; }
  .lg-disabled-bg-repeat-space:disabled { background-repeat: space; }
  .lg-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  .lg-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  .lg-group:hover .lg-group-hover-bg-repeat-space { background-repeat: space; }
  .lg-bg-size-auto { background-size: auto; }
  .lg-hover-bg-size-auto:hover { background-size: auto; }
  .lg-focus-bg-size-auto:focus { background-size: auto; }
  .lg-active-bg-size-auto:active { background-size: auto; }
  .lg-disabled-bg-size-auto:disabled { background-size: auto; }
  .lg-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  .lg-focus-within-bg-size-auto:focus-within { background-size: auto; }
  .lg-group:hover .lg-group-hover-bg-size-auto { background-size: auto; }
  .lg-bg-size-cover { background-size: cover; }
  .lg-hover-bg-size-cover:hover { background-size: cover; }
  .lg-focus-bg-size-cover:focus { background-size: cover; }
  .lg-active-bg-size-cover:active { background-size: cover; }
  .lg-disabled-bg-size-cover:disabled { background-size: cover; }
  .lg-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  .lg-focus-within-bg-size-cover:focus-within { background-size: cover; }
  .lg-group:hover .lg-group-hover-bg-size-cover { background-size: cover; }
  .lg-bg-size-contain { background-size: contain; }
  .lg-hover-bg-size-contain:hover { background-size: contain; }
  .lg-focus-bg-size-contain:focus { background-size: contain; }
  .lg-active-bg-size-contain:active { background-size: contain; }
  .lg-disabled-bg-size-contain:disabled { background-size: contain; }
  .lg-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  .lg-focus-within-bg-size-contain:focus-within { background-size: contain; }
  .lg-group:hover .lg-group-hover-bg-size-contain { background-size: contain; }
  .lg-fill-current { fill: currentColor; }
  .lg-hover-fill-current:hover { fill: currentColor; }
  .lg-focus-fill-current:focus { fill: currentColor; }
  .lg-active-fill-current:active { fill: currentColor; }
  .lg-disabled-fill-current:disabled { fill: currentColor; }
  .lg-focus-visible-fill-current:focus-visible { fill: currentColor; }
  .lg-focus-within-fill-current:focus-within { fill: currentColor; }
  .lg-group:hover .lg-group-hover-fill-current { fill: currentColor; }
  .lg-fill-none { fill: none; }
  .lg-hover-fill-none:hover { fill: none; }
  .lg-focus-fill-none:focus { fill: none; }
  .lg-active-fill-none:active { fill: none; }
  .lg-disabled-fill-none:disabled { fill: none; }
  .lg-focus-visible-fill-none:focus-visible { fill: none; }
  .lg-focus-within-fill-none:focus-within { fill: none; }
  .lg-group:hover .lg-group-hover-fill-none { fill: none; }
  .lg-stroke-current { stroke: currentColor; }
  .lg-hover-stroke-current:hover { stroke: currentColor; }
  .lg-focus-stroke-current:focus { stroke: currentColor; }
  .lg-active-stroke-current:active { stroke: currentColor; }
  .lg-disabled-stroke-current:disabled { stroke: currentColor; }
  .lg-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  .lg-focus-within-stroke-current:focus-within { stroke: currentColor; }
  .lg-group:hover .lg-group-hover-stroke-current { stroke: currentColor; }
  .lg-stroke-0 { stroke-width: 0; }
  .lg-hover-stroke-0:hover { stroke-width: 0; }
  .lg-focus-stroke-0:focus { stroke-width: 0; }
  .lg-active-stroke-0:active { stroke-width: 0; }
  .lg-disabled-stroke-0:disabled { stroke-width: 0; }
  .lg-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  .lg-focus-within-stroke-0:focus-within { stroke-width: 0; }
  .lg-group:hover .lg-group-hover-stroke-0 { stroke-width: 0; }
  .lg-stroke-1 { stroke-width: 1; }
  .lg-hover-stroke-1:hover { stroke-width: 1; }
  .lg-focus-stroke-1:focus { stroke-width: 1; }
  .lg-active-stroke-1:active { stroke-width: 1; }
  .lg-disabled-stroke-1:disabled { stroke-width: 1; }
  .lg-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  .lg-focus-within-stroke-1:focus-within { stroke-width: 1; }
  .lg-group:hover .lg-group-hover-stroke-1 { stroke-width: 1; }
  .lg-stroke-2 { stroke-width: 2; }
  .lg-hover-stroke-2:hover { stroke-width: 2; }
  .lg-focus-stroke-2:focus { stroke-width: 2; }
  .lg-active-stroke-2:active { stroke-width: 2; }
  .lg-disabled-stroke-2:disabled { stroke-width: 2; }
  .lg-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  .lg-focus-within-stroke-2:focus-within { stroke-width: 2; }
  .lg-group:hover .lg-group-hover-stroke-2 { stroke-width: 2; }
  .lg-stroke-4 { stroke-width: 4; }
  .lg-hover-stroke-4:hover { stroke-width: 4; }
  .lg-focus-stroke-4:focus { stroke-width: 4; }
  .lg-active-stroke-4:active { stroke-width: 4; }
  .lg-disabled-stroke-4:disabled { stroke-width: 4; }
  .lg-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  .lg-focus-within-stroke-4:focus-within { stroke-width: 4; }
  .lg-group:hover .lg-group-hover-stroke-4 { stroke-width: 4; }
  .lg-stroke-8 { stroke-width: 8; }
  .lg-hover-stroke-8:hover { stroke-width: 8; }
  .lg-focus-stroke-8:focus { stroke-width: 8; }
  .lg-active-stroke-8:active { stroke-width: 8; }
  .lg-disabled-stroke-8:disabled { stroke-width: 8; }
  .lg-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  .lg-focus-within-stroke-8:focus-within { stroke-width: 8; }
  .lg-group:hover .lg-group-hover-stroke-8 { stroke-width: 8; }
  .lg-line-height-1 { line-height: 1; }
  .lg-hover-line-height-1:hover { line-height: 1; }
  .lg-focus-line-height-1:focus { line-height: 1; }
  .lg-active-line-height-1:active { line-height: 1; }
  .lg-disabled-line-height-1:disabled { line-height: 1; }
  .lg-focus-visible-line-height-1:focus-visible { line-height: 1; }
  .lg-focus-within-line-height-1:focus-within { line-height: 1; }
  .lg-group:hover .lg-group-hover-line-height-1 { line-height: 1; }
  .lg-line-height-2 { line-height: 1.25; }
  .lg-hover-line-height-2:hover { line-height: 1.25; }
  .lg-focus-line-height-2:focus { line-height: 1.25; }
  .lg-active-line-height-2:active { line-height: 1.25; }
  .lg-disabled-line-height-2:disabled { line-height: 1.25; }
  .lg-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  .lg-focus-within-line-height-2:focus-within { line-height: 1.25; }
  .lg-group:hover .lg-group-hover-line-height-2 { line-height: 1.25; }
  .lg-line-height-3 { line-height: 1.375; }
  .lg-hover-line-height-3:hover { line-height: 1.375; }
  .lg-focus-line-height-3:focus { line-height: 1.375; }
  .lg-active-line-height-3:active { line-height: 1.375; }
  .lg-disabled-line-height-3:disabled { line-height: 1.375; }
  .lg-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  .lg-focus-within-line-height-3:focus-within { line-height: 1.375; }
  .lg-group:hover .lg-group-hover-line-height-3 { line-height: 1.375; }
  .lg-line-height-4 { line-height: 1.5; }
  .lg-hover-line-height-4:hover { line-height: 1.5; }
  .lg-focus-line-height-4:focus { line-height: 1.5; }
  .lg-active-line-height-4:active { line-height: 1.5; }
  .lg-disabled-line-height-4:disabled { line-height: 1.5; }
  .lg-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  .lg-focus-within-line-height-4:focus-within { line-height: 1.5; }
  .lg-group:hover .lg-group-hover-line-height-4 { line-height: 1.5; }
  .lg-line-height-5 { line-height: 1.625; }
  .lg-hover-line-height-5:hover { line-height: 1.625; }
  .lg-focus-line-height-5:focus { line-height: 1.625; }
  .lg-active-line-height-5:active { line-height: 1.625; }
  .lg-disabled-line-height-5:disabled { line-height: 1.625; }
  .lg-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  .lg-focus-within-line-height-5:focus-within { line-height: 1.625; }
  .lg-group:hover .lg-group-hover-line-height-5 { line-height: 1.625; }
  .lg-line-height-6 { line-height: 1.75; }
  .lg-hover-line-height-6:hover { line-height: 1.75; }
  .lg-focus-line-height-6:focus { line-height: 1.75; }
  .lg-active-line-height-6:active { line-height: 1.75; }
  .lg-disabled-line-height-6:disabled { line-height: 1.75; }
  .lg-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  .lg-focus-within-line-height-6:focus-within { line-height: 1.75; }
  .lg-group:hover .lg-group-hover-line-height-6 { line-height: 1.75; }
  .lg-line-height-7 { line-height: 2; }
  .lg-hover-line-height-7:hover { line-height: 2; }
  .lg-focus-line-height-7:focus { line-height: 2; }
  .lg-active-line-height-7:active { line-height: 2; }
  .lg-disabled-line-height-7:disabled { line-height: 2; }
  .lg-focus-visible-line-height-7:focus-visible { line-height: 2; }
  .lg-focus-within-line-height-7:focus-within { line-height: 2; }
  .lg-group:hover .lg-group-hover-line-height-7 { line-height: 2; }
  .lg-text-left { text-align: left; }
  .lg-hover-text-left:hover { text-align: left; }
  .lg-focus-text-left:focus { text-align: left; }
  .lg-active-text-left:active { text-align: left; }
  .lg-disabled-text-left:disabled { text-align: left; }
  .lg-focus-visible-text-left:focus-visible { text-align: left; }
  .lg-focus-within-text-left:focus-within { text-align: left; }
  .lg-group:hover .lg-group-hover-text-left { text-align: left; }
  .lg-text-center { text-align: center; }
  .lg-hover-text-center:hover { text-align: center; }
  .lg-focus-text-center:focus { text-align: center; }
  .lg-active-text-center:active { text-align: center; }
  .lg-disabled-text-center:disabled { text-align: center; }
  .lg-focus-visible-text-center:focus-visible { text-align: center; }
  .lg-focus-within-text-center:focus-within { text-align: center; }
  .lg-group:hover .lg-group-hover-text-center { text-align: center; }
  .lg-text-right { text-align: right; }
  .lg-hover-text-right:hover { text-align: right; }
  .lg-focus-text-right:focus { text-align: right; }
  .lg-active-text-right:active { text-align: right; }
  .lg-disabled-text-right:disabled { text-align: right; }
  .lg-focus-visible-text-right:focus-visible { text-align: right; }
  .lg-focus-within-text-right:focus-within { text-align: right; }
  .lg-group:hover .lg-group-hover-text-right { text-align: right; }
  .lg-text-justify { text-align: justify; }
  .lg-hover-text-justify:hover { text-align: justify; }
  .lg-focus-text-justify:focus { text-align: justify; }
  .lg-active-text-justify:active { text-align: justify; }
  .lg-disabled-text-justify:disabled { text-align: justify; }
  .lg-focus-visible-text-justify:focus-visible { text-align: justify; }
  .lg-focus-within-text-justify:focus-within { text-align: justify; }
  .lg-group:hover .lg-group-hover-text-justify { text-align: justify; }
  .lg-justify-start { justify-content: flex-start; }
  .lg-hover-justify-start:hover { justify-content: flex-start; }
  .lg-focus-justify-start:focus { justify-content: flex-start; }
  .lg-active-justify-start:active { justify-content: flex-start; }
  .lg-disabled-justify-start:disabled { justify-content: flex-start; }
  .lg-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  .lg-focus-within-justify-start:focus-within { justify-content: flex-start; }
  .lg-group:hover .lg-group-hover-justify-start { justify-content: flex-start; }
  .lg-justify-center { justify-content: center; }
  .lg-hover-justify-center:hover { justify-content: center; }
  .lg-focus-justify-center:focus { justify-content: center; }
  .lg-active-justify-center:active { justify-content: center; }
  .lg-disabled-justify-center:disabled { justify-content: center; }
  .lg-focus-visible-justify-center:focus-visible { justify-content: center; }
  .lg-focus-within-justify-center:focus-within { justify-content: center; }
  .lg-group:hover .lg-group-hover-justify-center { justify-content: center; }
  .lg-justify-end { justify-content: flex-end; }
  .lg-hover-justify-end:hover { justify-content: flex-end; }
  .lg-focus-justify-end:focus { justify-content: flex-end; }
  .lg-active-justify-end:active { justify-content: flex-end; }
  .lg-disabled-justify-end:disabled { justify-content: flex-end; }
  .lg-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  .lg-focus-within-justify-end:focus-within { justify-content: flex-end; }
  .lg-group:hover .lg-group-hover-justify-end { justify-content: flex-end; }
  .lg-justify-between { justify-content: space-between; }
  .lg-hover-justify-between:hover { justify-content: space-between; }
  .lg-focus-justify-between:focus { justify-content: space-between; }
  .lg-active-justify-between:active { justify-content: space-between; }
  .lg-disabled-justify-between:disabled { justify-content: space-between; }
  .lg-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  .lg-focus-within-justify-between:focus-within { justify-content: space-between; }
  .lg-group:hover .lg-group-hover-justify-between { justify-content: space-between; }
  .lg-justify-around { justify-content: space-around; }
  .lg-hover-justify-around:hover { justify-content: space-around; }
  .lg-focus-justify-around:focus { justify-content: space-around; }
  .lg-active-justify-around:active { justify-content: space-around; }
  .lg-disabled-justify-around:disabled { justify-content: space-around; }
  .lg-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  .lg-focus-within-justify-around:focus-within { justify-content: space-around; }
  .lg-group:hover .lg-group-hover-justify-around { justify-content: space-around; }
  .lg-justify-evenly { justify-content: space-evenly; }
  .lg-hover-justify-evenly:hover { justify-content: space-evenly; }
  .lg-focus-justify-evenly:focus { justify-content: space-evenly; }
  .lg-active-justify-evenly:active { justify-content: space-evenly; }
  .lg-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  .lg-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  .lg-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  .lg-group:hover .lg-group-hover-justify-evenly { justify-content: space-evenly; }
  .lg-items-start { align-items: flex-start; }
  .lg-hover-items-start:hover { align-items: flex-start; }
  .lg-focus-items-start:focus { align-items: flex-start; }
  .lg-active-items-start:active { align-items: flex-start; }
  .lg-disabled-items-start:disabled { align-items: flex-start; }
  .lg-focus-visible-items-start:focus-visible { align-items: flex-start; }
  .lg-focus-within-items-start:focus-within { align-items: flex-start; }
  .lg-group:hover .lg-group-hover-items-start { align-items: flex-start; }
  .lg-items-center { align-items: center; }
  .lg-hover-items-center:hover { align-items: center; }
  .lg-focus-items-center:focus { align-items: center; }
  .lg-active-items-center:active { align-items: center; }
  .lg-disabled-items-center:disabled { align-items: center; }
  .lg-focus-visible-items-center:focus-visible { align-items: center; }
  .lg-focus-within-items-center:focus-within { align-items: center; }
  .lg-group:hover .lg-group-hover-items-center { align-items: center; }
  .lg-items-end { align-items: flex-end; }
  .lg-hover-items-end:hover { align-items: flex-end; }
  .lg-focus-items-end:focus { align-items: flex-end; }
  .lg-active-items-end:active { align-items: flex-end; }
  .lg-disabled-items-end:disabled { align-items: flex-end; }
  .lg-focus-visible-items-end:focus-visible { align-items: flex-end; }
  .lg-focus-within-items-end:focus-within { align-items: flex-end; }
  .lg-group:hover .lg-group-hover-items-end { align-items: flex-end; }
  .lg-items-baseline { align-items: baseline; }
  .lg-hover-items-baseline:hover { align-items: baseline; }
  .lg-focus-items-baseline:focus { align-items: baseline; }
  .lg-active-items-baseline:active { align-items: baseline; }
  .lg-disabled-items-baseline:disabled { align-items: baseline; }
  .lg-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  .lg-focus-within-items-baseline:focus-within { align-items: baseline; }
  .lg-group:hover .lg-group-hover-items-baseline { align-items: baseline; }
  .lg-items-stretch { align-items: stretch; }
  .lg-hover-items-stretch:hover { align-items: stretch; }
  .lg-focus-items-stretch:focus { align-items: stretch; }
  .lg-active-items-stretch:active { align-items: stretch; }
  .lg-disabled-items-stretch:disabled { align-items: stretch; }
  .lg-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  .lg-focus-within-items-stretch:focus-within { align-items: stretch; }
  .lg-group:hover .lg-group-hover-items-stretch { align-items: stretch; }
  .lg-content-start { align-content: flex-start; }
  .lg-hover-content-start:hover { align-content: flex-start; }
  .lg-focus-content-start:focus { align-content: flex-start; }
  .lg-active-content-start:active { align-content: flex-start; }
  .lg-disabled-content-start:disabled { align-content: flex-start; }
  .lg-focus-visible-content-start:focus-visible { align-content: flex-start; }
  .lg-focus-within-content-start:focus-within { align-content: flex-start; }
  .lg-group:hover .lg-group-hover-content-start { align-content: flex-start; }
  .lg-content-center { align-content: center; }
  .lg-hover-content-center:hover { align-content: center; }
  .lg-focus-content-center:focus { align-content: center; }
  .lg-active-content-center:active { align-content: center; }
  .lg-disabled-content-center:disabled { align-content: center; }
  .lg-focus-visible-content-center:focus-visible { align-content: center; }
  .lg-focus-within-content-center:focus-within { align-content: center; }
  .lg-group:hover .lg-group-hover-content-center { align-content: center; }
  .lg-content-end { align-content: flex-end; }
  .lg-hover-content-end:hover { align-content: flex-end; }
  .lg-focus-content-end:focus { align-content: flex-end; }
  .lg-active-content-end:active { align-content: flex-end; }
  .lg-disabled-content-end:disabled { align-content: flex-end; }
  .lg-focus-visible-content-end:focus-visible { align-content: flex-end; }
  .lg-focus-within-content-end:focus-within { align-content: flex-end; }
  .lg-group:hover .lg-group-hover-content-end { align-content: flex-end; }
  .lg-content-between { align-content: space-between; }
  .lg-hover-content-between:hover { align-content: space-between; }
  .lg-focus-content-between:focus { align-content: space-between; }
  .lg-active-content-between:active { align-content: space-between; }
  .lg-disabled-content-between:disabled { align-content: space-between; }
  .lg-focus-visible-content-between:focus-visible { align-content: space-between; }
  .lg-focus-within-content-between:focus-within { align-content: space-between; }
  .lg-group:hover .lg-group-hover-content-between { align-content: space-between; }
  .lg-content-around { align-content: space-around; }
  .lg-hover-content-around:hover { align-content: space-around; }
  .lg-focus-content-around:focus { align-content: space-around; }
  .lg-active-content-around:active { align-content: space-around; }
  .lg-disabled-content-around:disabled { align-content: space-around; }
  .lg-focus-visible-content-around:focus-visible { align-content: space-around; }
  .lg-focus-within-content-around:focus-within { align-content: space-around; }
  .lg-group:hover .lg-group-hover-content-around { align-content: space-around; }
  .lg-content-evenly { align-content: space-evenly; }
  .lg-hover-content-evenly:hover { align-content: space-evenly; }
  .lg-focus-content-evenly:focus { align-content: space-evenly; }
  .lg-active-content-evenly:active { align-content: space-evenly; }
  .lg-disabled-content-evenly:disabled { align-content: space-evenly; }
  .lg-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  .lg-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  .lg-group:hover .lg-group-hover-content-evenly { align-content: space-evenly; }
  .lg-self-auto { align-self: auto; }
  .lg-hover-self-auto:hover { align-self: auto; }
  .lg-focus-self-auto:focus { align-self: auto; }
  .lg-active-self-auto:active { align-self: auto; }
  .lg-disabled-self-auto:disabled { align-self: auto; }
  .lg-focus-visible-self-auto:focus-visible { align-self: auto; }
  .lg-focus-within-self-auto:focus-within { align-self: auto; }
  .lg-group:hover .lg-group-hover-self-auto { align-self: auto; }
  .lg-self-start { align-self: flex-start; }
  .lg-hover-self-start:hover { align-self: flex-start; }
  .lg-focus-self-start:focus { align-self: flex-start; }
  .lg-active-self-start:active { align-self: flex-start; }
  .lg-disabled-self-start:disabled { align-self: flex-start; }
  .lg-focus-visible-self-start:focus-visible { align-self: flex-start; }
  .lg-focus-within-self-start:focus-within { align-self: flex-start; }
  .lg-group:hover .lg-group-hover-self-start { align-self: flex-start; }
  .lg-self-center { align-self: center; }
  .lg-hover-self-center:hover { align-self: center; }
  .lg-focus-self-center:focus { align-self: center; }
  .lg-active-self-center:active { align-self: center; }
  .lg-disabled-self-center:disabled { align-self: center; }
  .lg-focus-visible-self-center:focus-visible { align-self: center; }
  .lg-focus-within-self-center:focus-within { align-self: center; }
  .lg-group:hover .lg-group-hover-self-center { align-self: center; }
  .lg-self-end { align-self: flex-end; }
  .lg-hover-self-end:hover { align-self: flex-end; }
  .lg-focus-self-end:focus { align-self: flex-end; }
  .lg-active-self-end:active { align-self: flex-end; }
  .lg-disabled-self-end:disabled { align-self: flex-end; }
  .lg-focus-visible-self-end:focus-visible { align-self: flex-end; }
  .lg-focus-within-self-end:focus-within { align-self: flex-end; }
  .lg-group:hover .lg-group-hover-self-end { align-self: flex-end; }
  .lg-self-stretch { align-self: stretch; }
  .lg-hover-self-stretch:hover { align-self: stretch; }
  .lg-focus-self-stretch:focus { align-self: stretch; }
  .lg-active-self-stretch:active { align-self: stretch; }
  .lg-disabled-self-stretch:disabled { align-self: stretch; }
  .lg-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  .lg-focus-within-self-stretch:focus-within { align-self: stretch; }
  .lg-group:hover .lg-group-hover-self-stretch { align-self: stretch; }
  .lg-place-items-start { place-items: start; }
  .lg-hover-place-items-start:hover { place-items: start; }
  .lg-focus-place-items-start:focus { place-items: start; }
  .lg-active-place-items-start:active { place-items: start; }
  .lg-disabled-place-items-start:disabled { place-items: start; }
  .lg-focus-visible-place-items-start:focus-visible { place-items: start; }
  .lg-focus-within-place-items-start:focus-within { place-items: start; }
  .lg-group:hover .lg-group-hover-place-items-start { place-items: start; }
  .lg-place-items-center { place-items: center; }
  .lg-hover-place-items-center:hover { place-items: center; }
  .lg-focus-place-items-center:focus { place-items: center; }
  .lg-active-place-items-center:active { place-items: center; }
  .lg-disabled-place-items-center:disabled { place-items: center; }
  .lg-focus-visible-place-items-center:focus-visible { place-items: center; }
  .lg-focus-within-place-items-center:focus-within { place-items: center; }
  .lg-group:hover .lg-group-hover-place-items-center { place-items: center; }
  .lg-place-items-end { place-items: end; }
  .lg-hover-place-items-end:hover { place-items: end; }
  .lg-focus-place-items-end:focus { place-items: end; }
  .lg-active-place-items-end:active { place-items: end; }
  .lg-disabled-place-items-end:disabled { place-items: end; }
  .lg-focus-visible-place-items-end:focus-visible { place-items: end; }
  .lg-focus-within-place-items-end:focus-within { place-items: end; }
  .lg-group:hover .lg-group-hover-place-items-end { place-items: end; }
  .lg-place-items-stretch { place-items: stretch; }
  .lg-hover-place-items-stretch:hover { place-items: stretch; }
  .lg-focus-place-items-stretch:focus { place-items: stretch; }
  .lg-active-place-items-stretch:active { place-items: stretch; }
  .lg-disabled-place-items-stretch:disabled { place-items: stretch; }
  .lg-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  .lg-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  .lg-group:hover .lg-group-hover-place-items-stretch { place-items: stretch; }
  .lg-place-content-start { place-content: start; }
  .lg-hover-place-content-start:hover { place-content: start; }
  .lg-focus-place-content-start:focus { place-content: start; }
  .lg-active-place-content-start:active { place-content: start; }
  .lg-disabled-place-content-start:disabled { place-content: start; }
  .lg-focus-visible-place-content-start:focus-visible { place-content: start; }
  .lg-focus-within-place-content-start:focus-within { place-content: start; }
  .lg-group:hover .lg-group-hover-place-content-start { place-content: start; }
  .lg-place-content-center { place-content: center; }
  .lg-hover-place-content-center:hover { place-content: center; }
  .lg-focus-place-content-center:focus { place-content: center; }
  .lg-active-place-content-center:active { place-content: center; }
  .lg-disabled-place-content-center:disabled { place-content: center; }
  .lg-focus-visible-place-content-center:focus-visible { place-content: center; }
  .lg-focus-within-place-content-center:focus-within { place-content: center; }
  .lg-group:hover .lg-group-hover-place-content-center { place-content: center; }
  .lg-place-content-end { place-content: end; }
  .lg-hover-place-content-end:hover { place-content: end; }
  .lg-focus-place-content-end:focus { place-content: end; }
  .lg-active-place-content-end:active { place-content: end; }
  .lg-disabled-place-content-end:disabled { place-content: end; }
  .lg-focus-visible-place-content-end:focus-visible { place-content: end; }
  .lg-focus-within-place-content-end:focus-within { place-content: end; }
  .lg-group:hover .lg-group-hover-place-content-end { place-content: end; }
  .lg-place-content-between { place-content: space-between; }
  .lg-hover-place-content-between:hover { place-content: space-between; }
  .lg-focus-place-content-between:focus { place-content: space-between; }
  .lg-active-place-content-between:active { place-content: space-between; }
  .lg-disabled-place-content-between:disabled { place-content: space-between; }
  .lg-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  .lg-focus-within-place-content-between:focus-within { place-content: space-between; }
  .lg-group:hover .lg-group-hover-place-content-between { place-content: space-between; }
  .lg-place-content-around { place-content: space-around; }
  .lg-hover-place-content-around:hover { place-content: space-around; }
  .lg-focus-place-content-around:focus { place-content: space-around; }
  .lg-active-place-content-around:active { place-content: space-around; }
  .lg-disabled-place-content-around:disabled { place-content: space-around; }
  .lg-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  .lg-focus-within-place-content-around:focus-within { place-content: space-around; }
  .lg-group:hover .lg-group-hover-place-content-around { place-content: space-around; }
  .lg-place-self-auto { place-self: auto; }
  .lg-hover-place-self-auto:hover { place-self: auto; }
  .lg-focus-place-self-auto:focus { place-self: auto; }
  .lg-active-place-self-auto:active { place-self: auto; }
  .lg-disabled-place-self-auto:disabled { place-self: auto; }
  .lg-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  .lg-focus-within-place-self-auto:focus-within { place-self: auto; }
  .lg-group:hover .lg-group-hover-place-self-auto { place-self: auto; }
  .lg-place-self-start { place-self: start; }
  .lg-hover-place-self-start:hover { place-self: start; }
  .lg-focus-place-self-start:focus { place-self: start; }
  .lg-active-place-self-start:active { place-self: start; }
  .lg-disabled-place-self-start:disabled { place-self: start; }
  .lg-focus-visible-place-self-start:focus-visible { place-self: start; }
  .lg-focus-within-place-self-start:focus-within { place-self: start; }
  .lg-group:hover .lg-group-hover-place-self-start { place-self: start; }
  .lg-place-self-center { place-self: center; }
  .lg-hover-place-self-center:hover { place-self: center; }
  .lg-focus-place-self-center:focus { place-self: center; }
  .lg-active-place-self-center:active { place-self: center; }
  .lg-disabled-place-self-center:disabled { place-self: center; }
  .lg-focus-visible-place-self-center:focus-visible { place-self: center; }
  .lg-focus-within-place-self-center:focus-within { place-self: center; }
  .lg-group:hover .lg-group-hover-place-self-center { place-self: center; }
  .lg-place-self-end { place-self: end; }
  .lg-hover-place-self-end:hover { place-self: end; }
  .lg-focus-place-self-end:focus { place-self: end; }
  .lg-active-place-self-end:active { place-self: end; }
  .lg-disabled-place-self-end:disabled { place-self: end; }
  .lg-focus-visible-place-self-end:focus-visible { place-self: end; }
  .lg-focus-within-place-self-end:focus-within { place-self: end; }
  .lg-group:hover .lg-group-hover-place-self-end { place-self: end; }
  .lg-text-uppercase { text-transform: uppercase; }
  .lg-hover-text-uppercase:hover { text-transform: uppercase; }
  .lg-focus-text-uppercase:focus { text-transform: uppercase; }
  .lg-active-text-uppercase:active { text-transform: uppercase; }
  .lg-disabled-text-uppercase:disabled { text-transform: uppercase; }
  .lg-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  .lg-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  .lg-group:hover .lg-group-hover-text-uppercase { text-transform: uppercase; }
  .lg-text-lowercase { text-transform: lowercase; }
  .lg-hover-text-lowercase:hover { text-transform: lowercase; }
  .lg-focus-text-lowercase:focus { text-transform: lowercase; }
  .lg-active-text-lowercase:active { text-transform: lowercase; }
  .lg-disabled-text-lowercase:disabled { text-transform: lowercase; }
  .lg-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  .lg-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  .lg-group:hover .lg-group-hover-text-lowercase { text-transform: lowercase; }
  .lg-text-capitalize { text-transform: capitalize; }
  .lg-hover-text-capitalize:hover { text-transform: capitalize; }
  .lg-focus-text-capitalize:focus { text-transform: capitalize; }
  .lg-active-text-capitalize:active { text-transform: capitalize; }
  .lg-disabled-text-capitalize:disabled { text-transform: capitalize; }
  .lg-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  .lg-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  .lg-group:hover .lg-group-hover-text-capitalize { text-transform: capitalize; }
  .lg-tracking-tight { letter-spacing: -0.05em; }
  .lg-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  .lg-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  .lg-active-tracking-tight:active { letter-spacing: -0.05em; }
  .lg-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  .lg-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  .lg-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  .lg-group:hover .lg-group-hover-tracking-tight { letter-spacing: -0.05em; }
  .lg-tracking-normal { letter-spacing: 0; }
  .lg-hover-tracking-normal:hover { letter-spacing: 0; }
  .lg-focus-tracking-normal:focus { letter-spacing: 0; }
  .lg-active-tracking-normal:active { letter-spacing: 0; }
  .lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .lg-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .lg-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .lg-group:hover .lg-group-hover-tracking-normal { letter-spacing: 0; }
  .lg-tracking-wide { letter-spacing: 0.05em; }
  .lg-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  .lg-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  .lg-active-tracking-wide:active { letter-spacing: 0.05em; }
  .lg-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  .lg-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  .lg-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  .lg-group:hover .lg-group-hover-tracking-wide { letter-spacing: 0.05em; }
  .lg-underline { text-decoration: underline; }
  .lg-hover-underline:hover { text-decoration: underline; }
  .lg-focus-underline:focus { text-decoration: underline; }
  .lg-active-underline:active { text-decoration: underline; }
  .lg-disabled-underline:disabled { text-decoration: underline; }
  .lg-focus-visible-underline:focus-visible { text-decoration: underline; }
  .lg-focus-within-underline:focus-within { text-decoration: underline; }
  .lg-group:hover .lg-group-hover-underline { text-decoration: underline; }
  .lg-line-through { text-decoration: line-through; }
  .lg-hover-line-through:hover { text-decoration: line-through; }
  .lg-focus-line-through:focus { text-decoration: line-through; }
  .lg-active-line-through:active { text-decoration: line-through; }
  .lg-disabled-line-through:disabled { text-decoration: line-through; }
  .lg-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  .lg-focus-within-line-through:focus-within { text-decoration: line-through; }
  .lg-group:hover .lg-group-hover-line-through { text-decoration: line-through; }
  .lg-no-underline { text-decoration: none; }
  .lg-hover-no-underline:hover { text-decoration: none; }
  .lg-focus-no-underline:focus { text-decoration: none; }
  .lg-active-no-underline:active { text-decoration: none; }
  .lg-disabled-no-underline:disabled { text-decoration: none; }
  .lg-focus-visible-no-underline:focus-visible { text-decoration: none; }
  .lg-focus-within-no-underline:focus-within { text-decoration: none; }
  .lg-group:hover .lg-group-hover-no-underline { text-decoration: none; }
  .lg-text-black { color: var(--black); }
  .lg-hover-text-black:hover { color: var(--black); }
  .lg-focus-text-black:focus { color: var(--black); }
  .lg-active-text-black:active { color: var(--black); }
  .lg-disabled-text-black:disabled { color: var(--black); }
  .lg-focus-visible-text-black:focus-visible { color: var(--black); }
  .lg-focus-within-text-black:focus-within { color: var(--black); }
  .lg-group:hover .lg-group-hover-text-black { color: var(--black); }
  .lg-text-white { color: var(--white); }
  .lg-hover-text-white:hover { color: var(--white); }
  .lg-focus-text-white:focus { color: var(--white); }
  .lg-active-text-white:active { color: var(--white); }
  .lg-disabled-text-white:disabled { color: var(--white); }
  .lg-focus-visible-text-white:focus-visible { color: var(--white); }
  .lg-focus-within-text-white:focus-within { color: var(--white); }
  .lg-group:hover .lg-group-hover-text-white { color: var(--white); }
  .lg-text-red-50 { color: var(--quanta-red-50); }
  .lg-hover-text-red-50:hover { color: var(--quanta-red-50); }
  .lg-focus-text-red-50:focus { color: var(--quanta-red-50); }
  .lg-active-text-red-50:active { color: var(--quanta-red-50); }
  .lg-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  .lg-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  .lg-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-text-red-50 { color: var(--quanta-red-50); }
  .lg-text-red-100 { color: var(--quanta-red-100); }
  .lg-hover-text-red-100:hover { color: var(--quanta-red-100); }
  .lg-focus-text-red-100:focus { color: var(--quanta-red-100); }
  .lg-active-text-red-100:active { color: var(--quanta-red-100); }
  .lg-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  .lg-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  .lg-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-text-red-100 { color: var(--quanta-red-100); }
  .lg-text-red-200 { color: var(--quanta-red-200); }
  .lg-hover-text-red-200:hover { color: var(--quanta-red-200); }
  .lg-focus-text-red-200:focus { color: var(--quanta-red-200); }
  .lg-active-text-red-200:active { color: var(--quanta-red-200); }
  .lg-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  .lg-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  .lg-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-text-red-200 { color: var(--quanta-red-200); }
  .lg-text-red-300 { color: var(--quanta-red-300); }
  .lg-hover-text-red-300:hover { color: var(--quanta-red-300); }
  .lg-focus-text-red-300:focus { color: var(--quanta-red-300); }
  .lg-active-text-red-300:active { color: var(--quanta-red-300); }
  .lg-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  .lg-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  .lg-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-text-red-300 { color: var(--quanta-red-300); }
  .lg-text-red-400 { color: var(--quanta-red-400); }
  .lg-hover-text-red-400:hover { color: var(--quanta-red-400); }
  .lg-focus-text-red-400:focus { color: var(--quanta-red-400); }
  .lg-active-text-red-400:active { color: var(--quanta-red-400); }
  .lg-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  .lg-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  .lg-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-text-red-400 { color: var(--quanta-red-400); }
  .lg-text-red-500 { color: var(--quanta-red-500); }
  .lg-hover-text-red-500:hover { color: var(--quanta-red-500); }
  .lg-focus-text-red-500:focus { color: var(--quanta-red-500); }
  .lg-active-text-red-500:active { color: var(--quanta-red-500); }
  .lg-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  .lg-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  .lg-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-text-red-500 { color: var(--quanta-red-500); }
  .lg-text-red-600 { color: var(--quanta-red-600); }
  .lg-hover-text-red-600:hover { color: var(--quanta-red-600); }
  .lg-focus-text-red-600:focus { color: var(--quanta-red-600); }
  .lg-active-text-red-600:active { color: var(--quanta-red-600); }
  .lg-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  .lg-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  .lg-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-text-red-600 { color: var(--quanta-red-600); }
  .lg-text-red-700 { color: var(--quanta-red-700); }
  .lg-hover-text-red-700:hover { color: var(--quanta-red-700); }
  .lg-focus-text-red-700:focus { color: var(--quanta-red-700); }
  .lg-active-text-red-700:active { color: var(--quanta-red-700); }
  .lg-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  .lg-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  .lg-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-text-red-700 { color: var(--quanta-red-700); }
  .lg-text-red-800 { color: var(--quanta-red-800); }
  .lg-hover-text-red-800:hover { color: var(--quanta-red-800); }
  .lg-focus-text-red-800:focus { color: var(--quanta-red-800); }
  .lg-active-text-red-800:active { color: var(--quanta-red-800); }
  .lg-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  .lg-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  .lg-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-text-red-800 { color: var(--quanta-red-800); }
  .lg-text-red-900 { color: var(--quanta-red-900); }
  .lg-hover-text-red-900:hover { color: var(--quanta-red-900); }
  .lg-focus-text-red-900:focus { color: var(--quanta-red-900); }
  .lg-active-text-red-900:active { color: var(--quanta-red-900); }
  .lg-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  .lg-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  .lg-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-text-red-900 { color: var(--quanta-red-900); }
  .lg-text-orange-50 { color: var(--quanta-orange-50); }
  .lg-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  .lg-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  .lg-active-text-orange-50:active { color: var(--quanta-orange-50); }
  .lg-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  .lg-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  .lg-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  .lg-text-orange-100 { color: var(--quanta-orange-100); }
  .lg-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  .lg-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  .lg-active-text-orange-100:active { color: var(--quanta-orange-100); }
  .lg-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  .lg-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  .lg-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  .lg-text-orange-200 { color: var(--quanta-orange-200); }
  .lg-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  .lg-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  .lg-active-text-orange-200:active { color: var(--quanta-orange-200); }
  .lg-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  .lg-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  .lg-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  .lg-text-orange-300 { color: var(--quanta-orange-300); }
  .lg-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  .lg-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  .lg-active-text-orange-300:active { color: var(--quanta-orange-300); }
  .lg-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  .lg-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  .lg-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  .lg-text-orange-400 { color: var(--quanta-orange-400); }
  .lg-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  .lg-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  .lg-active-text-orange-400:active { color: var(--quanta-orange-400); }
  .lg-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  .lg-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  .lg-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  .lg-text-orange-500 { color: var(--quanta-orange-500); }
  .lg-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  .lg-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  .lg-active-text-orange-500:active { color: var(--quanta-orange-500); }
  .lg-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  .lg-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  .lg-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  .lg-text-orange-600 { color: var(--quanta-orange-600); }
  .lg-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  .lg-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  .lg-active-text-orange-600:active { color: var(--quanta-orange-600); }
  .lg-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  .lg-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  .lg-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  .lg-text-orange-700 { color: var(--quanta-orange-700); }
  .lg-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  .lg-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  .lg-active-text-orange-700:active { color: var(--quanta-orange-700); }
  .lg-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  .lg-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  .lg-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  .lg-text-orange-800 { color: var(--quanta-orange-800); }
  .lg-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  .lg-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  .lg-active-text-orange-800:active { color: var(--quanta-orange-800); }
  .lg-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  .lg-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  .lg-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  .lg-text-orange-900 { color: var(--quanta-orange-900); }
  .lg-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  .lg-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  .lg-active-text-orange-900:active { color: var(--quanta-orange-900); }
  .lg-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  .lg-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  .lg-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  .lg-text-teal-50 { color: var(--quanta-teal-50); }
  .lg-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  .lg-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  .lg-active-text-teal-50:active { color: var(--quanta-teal-50); }
  .lg-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  .lg-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  .lg-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  .lg-text-teal-100 { color: var(--quanta-teal-100); }
  .lg-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  .lg-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  .lg-active-text-teal-100:active { color: var(--quanta-teal-100); }
  .lg-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  .lg-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  .lg-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  .lg-text-teal-200 { color: var(--quanta-teal-200); }
  .lg-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  .lg-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  .lg-active-text-teal-200:active { color: var(--quanta-teal-200); }
  .lg-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  .lg-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  .lg-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  .lg-text-teal-300 { color: var(--quanta-teal-300); }
  .lg-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  .lg-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  .lg-active-text-teal-300:active { color: var(--quanta-teal-300); }
  .lg-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  .lg-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  .lg-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  .lg-text-teal-400 { color: var(--quanta-teal-400); }
  .lg-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  .lg-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  .lg-active-text-teal-400:active { color: var(--quanta-teal-400); }
  .lg-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  .lg-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  .lg-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  .lg-text-teal-500 { color: var(--quanta-teal-500); }
  .lg-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  .lg-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  .lg-active-text-teal-500:active { color: var(--quanta-teal-500); }
  .lg-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  .lg-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  .lg-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  .lg-text-teal-600 { color: var(--quanta-teal-600); }
  .lg-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  .lg-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  .lg-active-text-teal-600:active { color: var(--quanta-teal-600); }
  .lg-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  .lg-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  .lg-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  .lg-text-teal-700 { color: var(--quanta-teal-700); }
  .lg-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  .lg-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  .lg-active-text-teal-700:active { color: var(--quanta-teal-700); }
  .lg-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  .lg-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  .lg-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  .lg-text-teal-800 { color: var(--quanta-teal-800); }
  .lg-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  .lg-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  .lg-active-text-teal-800:active { color: var(--quanta-teal-800); }
  .lg-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  .lg-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  .lg-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  .lg-text-teal-900 { color: var(--quanta-teal-900); }
  .lg-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  .lg-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  .lg-active-text-teal-900:active { color: var(--quanta-teal-900); }
  .lg-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  .lg-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  .lg-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  .lg-text-purple-50 { color: var(--quanta-purple-50); }
  .lg-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  .lg-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  .lg-active-text-purple-50:active { color: var(--quanta-purple-50); }
  .lg-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  .lg-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  .lg-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  .lg-text-purple-100 { color: var(--quanta-purple-100); }
  .lg-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  .lg-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  .lg-active-text-purple-100:active { color: var(--quanta-purple-100); }
  .lg-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  .lg-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  .lg-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  .lg-text-purple-200 { color: var(--quanta-purple-200); }
  .lg-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  .lg-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  .lg-active-text-purple-200:active { color: var(--quanta-purple-200); }
  .lg-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  .lg-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  .lg-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  .lg-text-purple-300 { color: var(--quanta-purple-300); }
  .lg-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  .lg-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  .lg-active-text-purple-300:active { color: var(--quanta-purple-300); }
  .lg-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  .lg-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  .lg-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  .lg-text-purple-400 { color: var(--quanta-purple-400); }
  .lg-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  .lg-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  .lg-active-text-purple-400:active { color: var(--quanta-purple-400); }
  .lg-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  .lg-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  .lg-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  .lg-text-purple-500 { color: var(--quanta-purple-500); }
  .lg-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  .lg-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  .lg-active-text-purple-500:active { color: var(--quanta-purple-500); }
  .lg-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  .lg-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  .lg-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  .lg-text-purple-600 { color: var(--quanta-purple-600); }
  .lg-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  .lg-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  .lg-active-text-purple-600:active { color: var(--quanta-purple-600); }
  .lg-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  .lg-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  .lg-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  .lg-text-purple-700 { color: var(--quanta-purple-700); }
  .lg-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  .lg-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  .lg-active-text-purple-700:active { color: var(--quanta-purple-700); }
  .lg-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  .lg-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  .lg-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  .lg-text-purple-800 { color: var(--quanta-purple-800); }
  .lg-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  .lg-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  .lg-active-text-purple-800:active { color: var(--quanta-purple-800); }
  .lg-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  .lg-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  .lg-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  .lg-text-purple-900 { color: var(--quanta-purple-900); }
  .lg-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  .lg-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  .lg-active-text-purple-900:active { color: var(--quanta-purple-900); }
  .lg-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  .lg-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  .lg-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  .lg-text-indigo-50 { color: var(--quanta-indigo-50); }
  .lg-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  .lg-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  .lg-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  .lg-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  .lg-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  .lg-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  .lg-text-indigo-100 { color: var(--quanta-indigo-100); }
  .lg-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  .lg-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  .lg-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  .lg-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  .lg-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  .lg-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  .lg-text-indigo-200 { color: var(--quanta-indigo-200); }
  .lg-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  .lg-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  .lg-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  .lg-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  .lg-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  .lg-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  .lg-text-indigo-300 { color: var(--quanta-indigo-300); }
  .lg-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  .lg-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  .lg-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  .lg-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  .lg-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  .lg-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  .lg-text-indigo-400 { color: var(--quanta-indigo-400); }
  .lg-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  .lg-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  .lg-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  .lg-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  .lg-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  .lg-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  .lg-text-indigo-500 { color: var(--quanta-indigo-500); }
  .lg-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  .lg-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  .lg-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  .lg-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  .lg-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  .lg-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  .lg-text-indigo-600 { color: var(--quanta-indigo-600); }
  .lg-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  .lg-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  .lg-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  .lg-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  .lg-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  .lg-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  .lg-text-indigo-700 { color: var(--quanta-indigo-700); }
  .lg-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  .lg-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  .lg-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  .lg-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  .lg-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  .lg-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  .lg-text-indigo-800 { color: var(--quanta-indigo-800); }
  .lg-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  .lg-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  .lg-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  .lg-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  .lg-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  .lg-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  .lg-text-indigo-900 { color: var(--quanta-indigo-900); }
  .lg-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  .lg-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  .lg-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  .lg-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  .lg-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  .lg-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  .lg-text-yellow-50 { color: var(--quanta-yellow-50); }
  .lg-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  .lg-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  .lg-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  .lg-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  .lg-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  .lg-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  .lg-text-yellow-100 { color: var(--quanta-yellow-100); }
  .lg-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  .lg-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  .lg-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  .lg-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  .lg-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  .lg-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  .lg-text-yellow-200 { color: var(--quanta-yellow-200); }
  .lg-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  .lg-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  .lg-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  .lg-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  .lg-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  .lg-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  .lg-text-yellow-300 { color: var(--quanta-yellow-300); }
  .lg-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  .lg-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  .lg-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  .lg-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  .lg-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  .lg-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  .lg-text-yellow-400 { color: var(--quanta-yellow-400); }
  .lg-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  .lg-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  .lg-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  .lg-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  .lg-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  .lg-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  .lg-text-yellow-500 { color: var(--quanta-yellow-500); }
  .lg-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  .lg-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  .lg-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  .lg-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  .lg-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  .lg-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  .lg-text-yellow-600 { color: var(--quanta-yellow-600); }
  .lg-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  .lg-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  .lg-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  .lg-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  .lg-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  .lg-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  .lg-text-yellow-700 { color: var(--quanta-yellow-700); }
  .lg-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  .lg-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  .lg-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  .lg-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  .lg-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  .lg-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  .lg-text-yellow-800 { color: var(--quanta-yellow-800); }
  .lg-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  .lg-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  .lg-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  .lg-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  .lg-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  .lg-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  .lg-text-yellow-900 { color: var(--quanta-yellow-900); }
  .lg-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  .lg-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  .lg-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  .lg-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  .lg-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  .lg-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  .lg-text-pink-50 { color: var(--quanta-pink-50); }
  .lg-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  .lg-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  .lg-active-text-pink-50:active { color: var(--quanta-pink-50); }
  .lg-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  .lg-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  .lg-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  .lg-text-pink-100 { color: var(--quanta-pink-100); }
  .lg-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  .lg-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  .lg-active-text-pink-100:active { color: var(--quanta-pink-100); }
  .lg-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  .lg-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  .lg-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  .lg-text-pink-200 { color: var(--quanta-pink-200); }
  .lg-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  .lg-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  .lg-active-text-pink-200:active { color: var(--quanta-pink-200); }
  .lg-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  .lg-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  .lg-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  .lg-text-pink-300 { color: var(--quanta-pink-300); }
  .lg-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  .lg-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  .lg-active-text-pink-300:active { color: var(--quanta-pink-300); }
  .lg-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  .lg-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  .lg-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  .lg-text-pink-400 { color: var(--quanta-pink-400); }
  .lg-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  .lg-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  .lg-active-text-pink-400:active { color: var(--quanta-pink-400); }
  .lg-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  .lg-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  .lg-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  .lg-text-pink-500 { color: var(--quanta-pink-500); }
  .lg-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  .lg-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  .lg-active-text-pink-500:active { color: var(--quanta-pink-500); }
  .lg-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  .lg-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  .lg-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  .lg-text-pink-600 { color: var(--quanta-pink-600); }
  .lg-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  .lg-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  .lg-active-text-pink-600:active { color: var(--quanta-pink-600); }
  .lg-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  .lg-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  .lg-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  .lg-text-pink-700 { color: var(--quanta-pink-700); }
  .lg-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  .lg-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  .lg-active-text-pink-700:active { color: var(--quanta-pink-700); }
  .lg-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  .lg-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  .lg-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  .lg-text-pink-800 { color: var(--quanta-pink-800); }
  .lg-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  .lg-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  .lg-active-text-pink-800:active { color: var(--quanta-pink-800); }
  .lg-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  .lg-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  .lg-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  .lg-text-pink-900 { color: var(--quanta-pink-900); }
  .lg-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  .lg-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  .lg-active-text-pink-900:active { color: var(--quanta-pink-900); }
  .lg-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  .lg-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  .lg-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  .lg-text-grey-50 { color: var(--quanta-grey-50); }
  .lg-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  .lg-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  .lg-active-text-grey-50:active { color: var(--quanta-grey-50); }
  .lg-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  .lg-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  .lg-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  .lg-text-grey-100 { color: var(--quanta-grey-100); }
  .lg-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  .lg-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  .lg-active-text-grey-100:active { color: var(--quanta-grey-100); }
  .lg-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  .lg-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  .lg-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  .lg-text-grey-200 { color: var(--quanta-grey-200); }
  .lg-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  .lg-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  .lg-active-text-grey-200:active { color: var(--quanta-grey-200); }
  .lg-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  .lg-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  .lg-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  .lg-text-grey-300 { color: var(--quanta-grey-300); }
  .lg-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  .lg-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  .lg-active-text-grey-300:active { color: var(--quanta-grey-300); }
  .lg-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  .lg-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  .lg-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  .lg-text-grey-400 { color: var(--quanta-grey-400); }
  .lg-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  .lg-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  .lg-active-text-grey-400:active { color: var(--quanta-grey-400); }
  .lg-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  .lg-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  .lg-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  .lg-text-grey-500 { color: var(--quanta-grey-500); }
  .lg-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  .lg-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  .lg-active-text-grey-500:active { color: var(--quanta-grey-500); }
  .lg-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  .lg-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  .lg-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  .lg-text-grey-600 { color: var(--quanta-grey-600); }
  .lg-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  .lg-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  .lg-active-text-grey-600:active { color: var(--quanta-grey-600); }
  .lg-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  .lg-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  .lg-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  .lg-text-grey-700 { color: var(--quanta-grey-700); }
  .lg-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  .lg-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  .lg-active-text-grey-700:active { color: var(--quanta-grey-700); }
  .lg-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  .lg-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  .lg-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  .lg-text-grey-800 { color: var(--quanta-grey-800); }
  .lg-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  .lg-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  .lg-active-text-grey-800:active { color: var(--quanta-grey-800); }
  .lg-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  .lg-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  .lg-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  .lg-text-grey-900 { color: var(--quanta-grey-900); }
  .lg-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  .lg-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  .lg-active-text-grey-900:active { color: var(--quanta-grey-900); }
  .lg-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  .lg-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  .lg-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  .lg-text-zinc-50 { color: var(--quanta-zinc-50); }
  .lg-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  .lg-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  .lg-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  .lg-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  .lg-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  .lg-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  .lg-text-zinc-100 { color: var(--quanta-zinc-100); }
  .lg-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  .lg-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  .lg-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  .lg-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  .lg-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  .lg-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  .lg-text-zinc-200 { color: var(--quanta-zinc-200); }
  .lg-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  .lg-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  .lg-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  .lg-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  .lg-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  .lg-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  .lg-text-zinc-300 { color: var(--quanta-zinc-300); }
  .lg-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  .lg-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  .lg-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  .lg-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  .lg-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  .lg-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  .lg-text-zinc-400 { color: var(--quanta-zinc-400); }
  .lg-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  .lg-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  .lg-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  .lg-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  .lg-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  .lg-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  .lg-text-zinc-500 { color: var(--quanta-zinc-500); }
  .lg-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  .lg-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  .lg-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  .lg-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  .lg-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  .lg-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  .lg-text-zinc-600 { color: var(--quanta-zinc-600); }
  .lg-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  .lg-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  .lg-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  .lg-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  .lg-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  .lg-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  .lg-text-zinc-700 { color: var(--quanta-zinc-700); }
  .lg-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  .lg-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  .lg-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  .lg-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  .lg-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  .lg-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  .lg-text-zinc-800 { color: var(--quanta-zinc-800); }
  .lg-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  .lg-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  .lg-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  .lg-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  .lg-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  .lg-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  .lg-text-zinc-900 { color: var(--quanta-zinc-900); }
  .lg-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  .lg-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  .lg-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  .lg-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  .lg-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  .lg-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  .lg-text-neutral-50 { color: var(--quanta-neutral-50); }
  .lg-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  .lg-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  .lg-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  .lg-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  .lg-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  .lg-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  .lg-text-neutral-100 { color: var(--quanta-neutral-100); }
  .lg-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  .lg-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  .lg-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  .lg-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  .lg-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  .lg-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  .lg-text-neutral-200 { color: var(--quanta-neutral-200); }
  .lg-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  .lg-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  .lg-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  .lg-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  .lg-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  .lg-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  .lg-text-neutral-300 { color: var(--quanta-neutral-300); }
  .lg-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  .lg-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  .lg-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  .lg-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  .lg-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  .lg-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  .lg-text-neutral-400 { color: var(--quanta-neutral-400); }
  .lg-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  .lg-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  .lg-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  .lg-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  .lg-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  .lg-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  .lg-text-neutral-500 { color: var(--quanta-neutral-500); }
  .lg-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  .lg-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  .lg-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  .lg-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  .lg-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  .lg-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  .lg-text-neutral-600 { color: var(--quanta-neutral-600); }
  .lg-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  .lg-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  .lg-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  .lg-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  .lg-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  .lg-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  .lg-text-neutral-700 { color: var(--quanta-neutral-700); }
  .lg-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  .lg-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  .lg-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  .lg-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  .lg-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  .lg-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  .lg-text-neutral-800 { color: var(--quanta-neutral-800); }
  .lg-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  .lg-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  .lg-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  .lg-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  .lg-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  .lg-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  .lg-text-neutral-900 { color: var(--quanta-neutral-900); }
  .lg-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  .lg-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  .lg-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  .lg-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  .lg-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  .lg-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  .lg-text-lime-50 { color: var(--quanta-lime-50); }
  .lg-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  .lg-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  .lg-active-text-lime-50:active { color: var(--quanta-lime-50); }
  .lg-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  .lg-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  .lg-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  .lg-text-lime-100 { color: var(--quanta-lime-100); }
  .lg-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  .lg-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  .lg-active-text-lime-100:active { color: var(--quanta-lime-100); }
  .lg-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  .lg-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  .lg-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  .lg-text-lime-200 { color: var(--quanta-lime-200); }
  .lg-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  .lg-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  .lg-active-text-lime-200:active { color: var(--quanta-lime-200); }
  .lg-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  .lg-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  .lg-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  .lg-text-lime-300 { color: var(--quanta-lime-300); }
  .lg-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  .lg-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  .lg-active-text-lime-300:active { color: var(--quanta-lime-300); }
  .lg-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  .lg-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  .lg-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  .lg-text-lime-400 { color: var(--quanta-lime-400); }
  .lg-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  .lg-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  .lg-active-text-lime-400:active { color: var(--quanta-lime-400); }
  .lg-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  .lg-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  .lg-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  .lg-text-lime-500 { color: var(--quanta-lime-500); }
  .lg-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  .lg-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  .lg-active-text-lime-500:active { color: var(--quanta-lime-500); }
  .lg-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  .lg-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  .lg-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  .lg-text-lime-600 { color: var(--quanta-lime-600); }
  .lg-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  .lg-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  .lg-active-text-lime-600:active { color: var(--quanta-lime-600); }
  .lg-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  .lg-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  .lg-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  .lg-text-lime-700 { color: var(--quanta-lime-700); }
  .lg-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  .lg-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  .lg-active-text-lime-700:active { color: var(--quanta-lime-700); }
  .lg-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  .lg-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  .lg-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  .lg-text-lime-800 { color: var(--quanta-lime-800); }
  .lg-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  .lg-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  .lg-active-text-lime-800:active { color: var(--quanta-lime-800); }
  .lg-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  .lg-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  .lg-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  .lg-text-lime-900 { color: var(--quanta-lime-900); }
  .lg-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  .lg-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  .lg-active-text-lime-900:active { color: var(--quanta-lime-900); }
  .lg-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  .lg-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  .lg-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  .lg-text-cyan-50 { color: var(--quanta-cyan-50); }
  .lg-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  .lg-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  .lg-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  .lg-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  .lg-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  .lg-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  .lg-text-cyan-100 { color: var(--quanta-cyan-100); }
  .lg-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  .lg-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  .lg-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  .lg-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  .lg-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  .lg-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  .lg-text-cyan-200 { color: var(--quanta-cyan-200); }
  .lg-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  .lg-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  .lg-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  .lg-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  .lg-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  .lg-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  .lg-text-cyan-300 { color: var(--quanta-cyan-300); }
  .lg-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  .lg-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  .lg-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  .lg-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  .lg-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  .lg-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  .lg-text-cyan-400 { color: var(--quanta-cyan-400); }
  .lg-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  .lg-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  .lg-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  .lg-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  .lg-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  .lg-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  .lg-text-cyan-500 { color: var(--quanta-cyan-500); }
  .lg-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  .lg-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  .lg-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  .lg-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  .lg-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  .lg-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  .lg-text-cyan-600 { color: var(--quanta-cyan-600); }
  .lg-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  .lg-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  .lg-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  .lg-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  .lg-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  .lg-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  .lg-text-cyan-700 { color: var(--quanta-cyan-700); }
  .lg-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  .lg-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  .lg-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  .lg-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  .lg-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  .lg-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  .lg-text-cyan-800 { color: var(--quanta-cyan-800); }
  .lg-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  .lg-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  .lg-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  .lg-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  .lg-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  .lg-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  .lg-text-cyan-900 { color: var(--quanta-cyan-900); }
  .lg-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  .lg-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  .lg-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  .lg-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  .lg-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  .lg-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  .lg-text-sky-50 { color: var(--quanta-sky-50); }
  .lg-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  .lg-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  .lg-active-text-sky-50:active { color: var(--quanta-sky-50); }
  .lg-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  .lg-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  .lg-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  .lg-text-sky-100 { color: var(--quanta-sky-100); }
  .lg-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  .lg-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  .lg-active-text-sky-100:active { color: var(--quanta-sky-100); }
  .lg-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  .lg-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  .lg-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  .lg-text-sky-200 { color: var(--quanta-sky-200); }
  .lg-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  .lg-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  .lg-active-text-sky-200:active { color: var(--quanta-sky-200); }
  .lg-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  .lg-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  .lg-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  .lg-text-sky-300 { color: var(--quanta-sky-300); }
  .lg-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  .lg-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  .lg-active-text-sky-300:active { color: var(--quanta-sky-300); }
  .lg-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  .lg-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  .lg-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  .lg-text-sky-400 { color: var(--quanta-sky-400); }
  .lg-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  .lg-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  .lg-active-text-sky-400:active { color: var(--quanta-sky-400); }
  .lg-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  .lg-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  .lg-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  .lg-text-sky-500 { color: var(--quanta-sky-500); }
  .lg-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  .lg-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  .lg-active-text-sky-500:active { color: var(--quanta-sky-500); }
  .lg-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  .lg-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  .lg-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  .lg-text-sky-600 { color: var(--quanta-sky-600); }
  .lg-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  .lg-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  .lg-active-text-sky-600:active { color: var(--quanta-sky-600); }
  .lg-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  .lg-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  .lg-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  .lg-text-sky-700 { color: var(--quanta-sky-700); }
  .lg-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  .lg-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  .lg-active-text-sky-700:active { color: var(--quanta-sky-700); }
  .lg-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  .lg-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  .lg-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  .lg-text-sky-800 { color: var(--quanta-sky-800); }
  .lg-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  .lg-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  .lg-active-text-sky-800:active { color: var(--quanta-sky-800); }
  .lg-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  .lg-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  .lg-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  .lg-text-sky-900 { color: var(--quanta-sky-900); }
  .lg-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  .lg-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  .lg-active-text-sky-900:active { color: var(--quanta-sky-900); }
  .lg-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  .lg-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  .lg-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  .lg-text-violet-50 { color: var(--quanta-violet-50); }
  .lg-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  .lg-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  .lg-active-text-violet-50:active { color: var(--quanta-violet-50); }
  .lg-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  .lg-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  .lg-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  .lg-text-violet-100 { color: var(--quanta-violet-100); }
  .lg-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  .lg-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  .lg-active-text-violet-100:active { color: var(--quanta-violet-100); }
  .lg-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  .lg-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  .lg-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  .lg-text-violet-200 { color: var(--quanta-violet-200); }
  .lg-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  .lg-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  .lg-active-text-violet-200:active { color: var(--quanta-violet-200); }
  .lg-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  .lg-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  .lg-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  .lg-text-violet-300 { color: var(--quanta-violet-300); }
  .lg-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  .lg-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  .lg-active-text-violet-300:active { color: var(--quanta-violet-300); }
  .lg-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  .lg-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  .lg-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  .lg-text-violet-400 { color: var(--quanta-violet-400); }
  .lg-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  .lg-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  .lg-active-text-violet-400:active { color: var(--quanta-violet-400); }
  .lg-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  .lg-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  .lg-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  .lg-text-violet-500 { color: var(--quanta-violet-500); }
  .lg-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  .lg-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  .lg-active-text-violet-500:active { color: var(--quanta-violet-500); }
  .lg-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  .lg-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  .lg-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  .lg-text-violet-600 { color: var(--quanta-violet-600); }
  .lg-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  .lg-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  .lg-active-text-violet-600:active { color: var(--quanta-violet-600); }
  .lg-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  .lg-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  .lg-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  .lg-text-violet-700 { color: var(--quanta-violet-700); }
  .lg-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  .lg-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  .lg-active-text-violet-700:active { color: var(--quanta-violet-700); }
  .lg-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  .lg-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  .lg-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  .lg-text-violet-800 { color: var(--quanta-violet-800); }
  .lg-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  .lg-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  .lg-active-text-violet-800:active { color: var(--quanta-violet-800); }
  .lg-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  .lg-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  .lg-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  .lg-text-violet-900 { color: var(--quanta-violet-900); }
  .lg-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  .lg-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  .lg-active-text-violet-900:active { color: var(--quanta-violet-900); }
  .lg-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  .lg-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  .lg-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  .lg-text-rose-50 { color: var(--quanta-rose-50); }
  .lg-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  .lg-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  .lg-active-text-rose-50:active { color: var(--quanta-rose-50); }
  .lg-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  .lg-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  .lg-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  .lg-text-rose-100 { color: var(--quanta-rose-100); }
  .lg-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  .lg-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  .lg-active-text-rose-100:active { color: var(--quanta-rose-100); }
  .lg-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  .lg-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  .lg-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  .lg-text-rose-200 { color: var(--quanta-rose-200); }
  .lg-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  .lg-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  .lg-active-text-rose-200:active { color: var(--quanta-rose-200); }
  .lg-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  .lg-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  .lg-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  .lg-text-rose-300 { color: var(--quanta-rose-300); }
  .lg-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  .lg-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  .lg-active-text-rose-300:active { color: var(--quanta-rose-300); }
  .lg-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  .lg-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  .lg-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  .lg-text-rose-400 { color: var(--quanta-rose-400); }
  .lg-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  .lg-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  .lg-active-text-rose-400:active { color: var(--quanta-rose-400); }
  .lg-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  .lg-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  .lg-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  .lg-text-rose-500 { color: var(--quanta-rose-500); }
  .lg-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  .lg-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  .lg-active-text-rose-500:active { color: var(--quanta-rose-500); }
  .lg-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  .lg-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  .lg-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  .lg-text-rose-600 { color: var(--quanta-rose-600); }
  .lg-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  .lg-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  .lg-active-text-rose-600:active { color: var(--quanta-rose-600); }
  .lg-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  .lg-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  .lg-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  .lg-text-rose-700 { color: var(--quanta-rose-700); }
  .lg-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  .lg-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  .lg-active-text-rose-700:active { color: var(--quanta-rose-700); }
  .lg-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  .lg-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  .lg-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  .lg-text-rose-800 { color: var(--quanta-rose-800); }
  .lg-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  .lg-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  .lg-active-text-rose-800:active { color: var(--quanta-rose-800); }
  .lg-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  .lg-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  .lg-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  .lg-text-rose-900 { color: var(--quanta-rose-900); }
  .lg-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  .lg-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  .lg-active-text-rose-900:active { color: var(--quanta-rose-900); }
  .lg-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  .lg-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  .lg-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  .lg-text-slate-50 { color: var(--quanta-slate-50); }
  .lg-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  .lg-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  .lg-active-text-slate-50:active { color: var(--quanta-slate-50); }
  .lg-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  .lg-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  .lg-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  .lg-text-slate-100 { color: var(--quanta-slate-100); }
  .lg-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  .lg-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  .lg-active-text-slate-100:active { color: var(--quanta-slate-100); }
  .lg-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  .lg-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  .lg-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  .lg-text-slate-200 { color: var(--quanta-slate-200); }
  .lg-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  .lg-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  .lg-active-text-slate-200:active { color: var(--quanta-slate-200); }
  .lg-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  .lg-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  .lg-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  .lg-text-slate-300 { color: var(--quanta-slate-300); }
  .lg-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  .lg-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  .lg-active-text-slate-300:active { color: var(--quanta-slate-300); }
  .lg-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  .lg-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  .lg-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  .lg-text-slate-400 { color: var(--quanta-slate-400); }
  .lg-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  .lg-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  .lg-active-text-slate-400:active { color: var(--quanta-slate-400); }
  .lg-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  .lg-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  .lg-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  .lg-text-slate-500 { color: var(--quanta-slate-500); }
  .lg-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  .lg-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  .lg-active-text-slate-500:active { color: var(--quanta-slate-500); }
  .lg-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  .lg-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  .lg-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  .lg-text-slate-600 { color: var(--quanta-slate-600); }
  .lg-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  .lg-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  .lg-active-text-slate-600:active { color: var(--quanta-slate-600); }
  .lg-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  .lg-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  .lg-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  .lg-text-slate-700 { color: var(--quanta-slate-700); }
  .lg-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  .lg-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  .lg-active-text-slate-700:active { color: var(--quanta-slate-700); }
  .lg-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  .lg-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  .lg-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  .lg-text-slate-800 { color: var(--quanta-slate-800); }
  .lg-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  .lg-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  .lg-active-text-slate-800:active { color: var(--quanta-slate-800); }
  .lg-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  .lg-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  .lg-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  .lg-text-slate-900 { color: var(--quanta-slate-900); }
  .lg-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  .lg-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  .lg-active-text-slate-900:active { color: var(--quanta-slate-900); }
  .lg-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  .lg-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  .lg-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  .lg-text-blue-50 { color: var(--quanta-blue-50); }
  .lg-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  .lg-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  .lg-active-text-blue-50:active { color: var(--quanta-blue-50); }
  .lg-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  .lg-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  .lg-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  .lg-text-blue-100 { color: var(--quanta-blue-100); }
  .lg-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  .lg-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  .lg-active-text-blue-100:active { color: var(--quanta-blue-100); }
  .lg-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  .lg-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  .lg-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  .lg-text-blue-200 { color: var(--quanta-blue-200); }
  .lg-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  .lg-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  .lg-active-text-blue-200:active { color: var(--quanta-blue-200); }
  .lg-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  .lg-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  .lg-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  .lg-text-blue-300 { color: var(--quanta-blue-300); }
  .lg-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  .lg-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  .lg-active-text-blue-300:active { color: var(--quanta-blue-300); }
  .lg-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  .lg-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  .lg-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  .lg-text-blue-400 { color: var(--quanta-blue-400); }
  .lg-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  .lg-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  .lg-active-text-blue-400:active { color: var(--quanta-blue-400); }
  .lg-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  .lg-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  .lg-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  .lg-text-blue-500 { color: var(--quanta-blue-500); }
  .lg-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  .lg-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  .lg-active-text-blue-500:active { color: var(--quanta-blue-500); }
  .lg-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  .lg-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  .lg-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  .lg-text-blue-600 { color: var(--quanta-blue-600); }
  .lg-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  .lg-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  .lg-active-text-blue-600:active { color: var(--quanta-blue-600); }
  .lg-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  .lg-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  .lg-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  .lg-text-blue-700 { color: var(--quanta-blue-700); }
  .lg-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  .lg-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  .lg-active-text-blue-700:active { color: var(--quanta-blue-700); }
  .lg-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  .lg-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  .lg-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  .lg-text-blue-800 { color: var(--quanta-blue-800); }
  .lg-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  .lg-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  .lg-active-text-blue-800:active { color: var(--quanta-blue-800); }
  .lg-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  .lg-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  .lg-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  .lg-text-blue-900 { color: var(--quanta-blue-900); }
  .lg-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  .lg-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  .lg-active-text-blue-900:active { color: var(--quanta-blue-900); }
  .lg-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  .lg-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  .lg-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  .lg-text-green-50 { color: var(--quanta-green-50); }
  .lg-hover-text-green-50:hover { color: var(--quanta-green-50); }
  .lg-focus-text-green-50:focus { color: var(--quanta-green-50); }
  .lg-active-text-green-50:active { color: var(--quanta-green-50); }
  .lg-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  .lg-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  .lg-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-text-green-50 { color: var(--quanta-green-50); }
  .lg-text-green-100 { color: var(--quanta-green-100); }
  .lg-hover-text-green-100:hover { color: var(--quanta-green-100); }
  .lg-focus-text-green-100:focus { color: var(--quanta-green-100); }
  .lg-active-text-green-100:active { color: var(--quanta-green-100); }
  .lg-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  .lg-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  .lg-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-text-green-100 { color: var(--quanta-green-100); }
  .lg-text-green-200 { color: var(--quanta-green-200); }
  .lg-hover-text-green-200:hover { color: var(--quanta-green-200); }
  .lg-focus-text-green-200:focus { color: var(--quanta-green-200); }
  .lg-active-text-green-200:active { color: var(--quanta-green-200); }
  .lg-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  .lg-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  .lg-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-text-green-200 { color: var(--quanta-green-200); }
  .lg-text-green-300 { color: var(--quanta-green-300); }
  .lg-hover-text-green-300:hover { color: var(--quanta-green-300); }
  .lg-focus-text-green-300:focus { color: var(--quanta-green-300); }
  .lg-active-text-green-300:active { color: var(--quanta-green-300); }
  .lg-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  .lg-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  .lg-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-text-green-300 { color: var(--quanta-green-300); }
  .lg-text-green-400 { color: var(--quanta-green-400); }
  .lg-hover-text-green-400:hover { color: var(--quanta-green-400); }
  .lg-focus-text-green-400:focus { color: var(--quanta-green-400); }
  .lg-active-text-green-400:active { color: var(--quanta-green-400); }
  .lg-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  .lg-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  .lg-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-text-green-400 { color: var(--quanta-green-400); }
  .lg-text-green-500 { color: var(--quanta-green-500); }
  .lg-hover-text-green-500:hover { color: var(--quanta-green-500); }
  .lg-focus-text-green-500:focus { color: var(--quanta-green-500); }
  .lg-active-text-green-500:active { color: var(--quanta-green-500); }
  .lg-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  .lg-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  .lg-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-text-green-500 { color: var(--quanta-green-500); }
  .lg-text-green-600 { color: var(--quanta-green-600); }
  .lg-hover-text-green-600:hover { color: var(--quanta-green-600); }
  .lg-focus-text-green-600:focus { color: var(--quanta-green-600); }
  .lg-active-text-green-600:active { color: var(--quanta-green-600); }
  .lg-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  .lg-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  .lg-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-text-green-600 { color: var(--quanta-green-600); }
  .lg-text-green-700 { color: var(--quanta-green-700); }
  .lg-hover-text-green-700:hover { color: var(--quanta-green-700); }
  .lg-focus-text-green-700:focus { color: var(--quanta-green-700); }
  .lg-active-text-green-700:active { color: var(--quanta-green-700); }
  .lg-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  .lg-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  .lg-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-text-green-700 { color: var(--quanta-green-700); }
  .lg-text-green-800 { color: var(--quanta-green-800); }
  .lg-hover-text-green-800:hover { color: var(--quanta-green-800); }
  .lg-focus-text-green-800:focus { color: var(--quanta-green-800); }
  .lg-active-text-green-800:active { color: var(--quanta-green-800); }
  .lg-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  .lg-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  .lg-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-text-green-800 { color: var(--quanta-green-800); }
  .lg-text-green-900 { color: var(--quanta-green-900); }
  .lg-hover-text-green-900:hover { color: var(--quanta-green-900); }
  .lg-focus-text-green-900:focus { color: var(--quanta-green-900); }
  .lg-active-text-green-900:active { color: var(--quanta-green-900); }
  .lg-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  .lg-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  .lg-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-text-green-900 { color: var(--quanta-green-900); }
  .lg-bg-red-50 { background-color: var(--quanta-red-50); }
  .lg-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  .lg-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  .lg-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  .lg-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  .lg-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  .lg-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  .lg-bg-red-100 { background-color: var(--quanta-red-100); }
  .lg-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  .lg-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  .lg-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  .lg-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  .lg-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  .lg-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  .lg-bg-red-200 { background-color: var(--quanta-red-200); }
  .lg-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  .lg-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  .lg-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  .lg-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  .lg-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  .lg-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  .lg-bg-red-300 { background-color: var(--quanta-red-300); }
  .lg-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  .lg-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  .lg-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  .lg-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  .lg-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  .lg-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  .lg-bg-red-400 { background-color: var(--quanta-red-400); }
  .lg-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  .lg-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  .lg-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  .lg-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  .lg-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  .lg-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  .lg-bg-red-500 { background-color: var(--quanta-red-500); }
  .lg-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  .lg-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  .lg-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  .lg-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  .lg-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  .lg-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  .lg-bg-red-600 { background-color: var(--quanta-red-600); }
  .lg-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  .lg-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  .lg-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  .lg-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  .lg-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  .lg-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  .lg-bg-red-700 { background-color: var(--quanta-red-700); }
  .lg-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  .lg-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  .lg-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  .lg-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  .lg-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  .lg-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  .lg-bg-red-800 { background-color: var(--quanta-red-800); }
  .lg-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  .lg-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  .lg-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  .lg-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  .lg-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  .lg-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  .lg-bg-red-900 { background-color: var(--quanta-red-900); }
  .lg-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  .lg-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  .lg-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  .lg-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  .lg-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  .lg-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  .lg-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .lg-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  .lg-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  .lg-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  .lg-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  .lg-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  .lg-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .lg-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .lg-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  .lg-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  .lg-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  .lg-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  .lg-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  .lg-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .lg-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .lg-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  .lg-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  .lg-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  .lg-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  .lg-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  .lg-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .lg-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .lg-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  .lg-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  .lg-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  .lg-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  .lg-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  .lg-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .lg-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .lg-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  .lg-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  .lg-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  .lg-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  .lg-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  .lg-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .lg-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .lg-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  .lg-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  .lg-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  .lg-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  .lg-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  .lg-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .lg-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .lg-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  .lg-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  .lg-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  .lg-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  .lg-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  .lg-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .lg-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .lg-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  .lg-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  .lg-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  .lg-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  .lg-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  .lg-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .lg-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .lg-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  .lg-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  .lg-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  .lg-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  .lg-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  .lg-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .lg-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .lg-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  .lg-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  .lg-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  .lg-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  .lg-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  .lg-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .lg-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .lg-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  .lg-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  .lg-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  .lg-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  .lg-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  .lg-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .lg-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .lg-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  .lg-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  .lg-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  .lg-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  .lg-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  .lg-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .lg-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .lg-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  .lg-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  .lg-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  .lg-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  .lg-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  .lg-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .lg-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .lg-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  .lg-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  .lg-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  .lg-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  .lg-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  .lg-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .lg-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .lg-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  .lg-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  .lg-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  .lg-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  .lg-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  .lg-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .lg-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .lg-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  .lg-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  .lg-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  .lg-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  .lg-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  .lg-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .lg-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .lg-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  .lg-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  .lg-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  .lg-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  .lg-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  .lg-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .lg-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .lg-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  .lg-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  .lg-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  .lg-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  .lg-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  .lg-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .lg-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .lg-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  .lg-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  .lg-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  .lg-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  .lg-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  .lg-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .lg-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .lg-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  .lg-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  .lg-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  .lg-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  .lg-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  .lg-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .lg-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .lg-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  .lg-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  .lg-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  .lg-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  .lg-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  .lg-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .lg-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .lg-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  .lg-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  .lg-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  .lg-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  .lg-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  .lg-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .lg-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .lg-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  .lg-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  .lg-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  .lg-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  .lg-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  .lg-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .lg-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .lg-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  .lg-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  .lg-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  .lg-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  .lg-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  .lg-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .lg-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .lg-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  .lg-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  .lg-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  .lg-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  .lg-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  .lg-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .lg-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .lg-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  .lg-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  .lg-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  .lg-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  .lg-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  .lg-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .lg-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .lg-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  .lg-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  .lg-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  .lg-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  .lg-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  .lg-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .lg-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .lg-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  .lg-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  .lg-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  .lg-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  .lg-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  .lg-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .lg-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .lg-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  .lg-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  .lg-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  .lg-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  .lg-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  .lg-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .lg-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .lg-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  .lg-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  .lg-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  .lg-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  .lg-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  .lg-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .lg-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .lg-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  .lg-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  .lg-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  .lg-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  .lg-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  .lg-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .lg-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .lg-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  .lg-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  .lg-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  .lg-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  .lg-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  .lg-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .lg-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .lg-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  .lg-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  .lg-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  .lg-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  .lg-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  .lg-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .lg-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .lg-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  .lg-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  .lg-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  .lg-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  .lg-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  .lg-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .lg-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .lg-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  .lg-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  .lg-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  .lg-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  .lg-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  .lg-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .lg-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .lg-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  .lg-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  .lg-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  .lg-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  .lg-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  .lg-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .lg-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .lg-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  .lg-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  .lg-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  .lg-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  .lg-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  .lg-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .lg-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .lg-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  .lg-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  .lg-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  .lg-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  .lg-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  .lg-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .lg-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .lg-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  .lg-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  .lg-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  .lg-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  .lg-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  .lg-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .lg-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .lg-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  .lg-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  .lg-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  .lg-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  .lg-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  .lg-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .lg-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .lg-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  .lg-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  .lg-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  .lg-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  .lg-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  .lg-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .lg-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .lg-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  .lg-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  .lg-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  .lg-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  .lg-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  .lg-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .lg-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .lg-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  .lg-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  .lg-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  .lg-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  .lg-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  .lg-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .lg-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .lg-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  .lg-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  .lg-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  .lg-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  .lg-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  .lg-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .lg-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .lg-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  .lg-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  .lg-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  .lg-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  .lg-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  .lg-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .lg-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .lg-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  .lg-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  .lg-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  .lg-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  .lg-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  .lg-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .lg-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .lg-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  .lg-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  .lg-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  .lg-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  .lg-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  .lg-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .lg-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .lg-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  .lg-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  .lg-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  .lg-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  .lg-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  .lg-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .lg-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .lg-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  .lg-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  .lg-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  .lg-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  .lg-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  .lg-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .lg-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .lg-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  .lg-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  .lg-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  .lg-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  .lg-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  .lg-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .lg-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .lg-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  .lg-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  .lg-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  .lg-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  .lg-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  .lg-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .lg-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .lg-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  .lg-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  .lg-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  .lg-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  .lg-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  .lg-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .lg-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .lg-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  .lg-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  .lg-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  .lg-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  .lg-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  .lg-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .lg-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .lg-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  .lg-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  .lg-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  .lg-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  .lg-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  .lg-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .lg-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .lg-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  .lg-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  .lg-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  .lg-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  .lg-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  .lg-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .lg-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .lg-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  .lg-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  .lg-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  .lg-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  .lg-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  .lg-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .lg-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .lg-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  .lg-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  .lg-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  .lg-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  .lg-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  .lg-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .lg-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .lg-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  .lg-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  .lg-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  .lg-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  .lg-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  .lg-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .lg-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .lg-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  .lg-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  .lg-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  .lg-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  .lg-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  .lg-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .lg-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .lg-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  .lg-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  .lg-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  .lg-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  .lg-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  .lg-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .lg-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .lg-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  .lg-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  .lg-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  .lg-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  .lg-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  .lg-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .lg-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .lg-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  .lg-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  .lg-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  .lg-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  .lg-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  .lg-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .lg-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .lg-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  .lg-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  .lg-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  .lg-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  .lg-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  .lg-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .lg-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .lg-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  .lg-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  .lg-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  .lg-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  .lg-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  .lg-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .lg-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .lg-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  .lg-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  .lg-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  .lg-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  .lg-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  .lg-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .lg-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .lg-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  .lg-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  .lg-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  .lg-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  .lg-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  .lg-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .lg-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .lg-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  .lg-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  .lg-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  .lg-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  .lg-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  .lg-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .lg-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .lg-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  .lg-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  .lg-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  .lg-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  .lg-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  .lg-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .lg-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .lg-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  .lg-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  .lg-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  .lg-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  .lg-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  .lg-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .lg-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .lg-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  .lg-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  .lg-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  .lg-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  .lg-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  .lg-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .lg-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .lg-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  .lg-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  .lg-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  .lg-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  .lg-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  .lg-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .lg-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .lg-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  .lg-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  .lg-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  .lg-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  .lg-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  .lg-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .lg-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .lg-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  .lg-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  .lg-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  .lg-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  .lg-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  .lg-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .lg-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .lg-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  .lg-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  .lg-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  .lg-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  .lg-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  .lg-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .lg-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .lg-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  .lg-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  .lg-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  .lg-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  .lg-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  .lg-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .lg-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .lg-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  .lg-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  .lg-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  .lg-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  .lg-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  .lg-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .lg-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .lg-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  .lg-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  .lg-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  .lg-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  .lg-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  .lg-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .lg-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .lg-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  .lg-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  .lg-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  .lg-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  .lg-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  .lg-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .lg-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .lg-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  .lg-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  .lg-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  .lg-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  .lg-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  .lg-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .lg-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .lg-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  .lg-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  .lg-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  .lg-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  .lg-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  .lg-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .lg-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .lg-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  .lg-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  .lg-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  .lg-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  .lg-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  .lg-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .lg-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .lg-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  .lg-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  .lg-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  .lg-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  .lg-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  .lg-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .lg-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .lg-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  .lg-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  .lg-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  .lg-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  .lg-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  .lg-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .lg-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .lg-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  .lg-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  .lg-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  .lg-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  .lg-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  .lg-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .lg-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .lg-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  .lg-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  .lg-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  .lg-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  .lg-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  .lg-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .lg-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .lg-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  .lg-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  .lg-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  .lg-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  .lg-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  .lg-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .lg-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .lg-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  .lg-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  .lg-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  .lg-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  .lg-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  .lg-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .lg-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .lg-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  .lg-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  .lg-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  .lg-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  .lg-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  .lg-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .lg-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .lg-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  .lg-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  .lg-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  .lg-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  .lg-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  .lg-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .lg-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .lg-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  .lg-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  .lg-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  .lg-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  .lg-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  .lg-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .lg-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .lg-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  .lg-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  .lg-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  .lg-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  .lg-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  .lg-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .lg-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .lg-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  .lg-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  .lg-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  .lg-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  .lg-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  .lg-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .lg-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .lg-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  .lg-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  .lg-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  .lg-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  .lg-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  .lg-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .lg-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .lg-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  .lg-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  .lg-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  .lg-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  .lg-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  .lg-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .lg-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .lg-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  .lg-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  .lg-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  .lg-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  .lg-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  .lg-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .lg-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .lg-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  .lg-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  .lg-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  .lg-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  .lg-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  .lg-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .lg-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .lg-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  .lg-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  .lg-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  .lg-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  .lg-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  .lg-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .lg-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .lg-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  .lg-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  .lg-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  .lg-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  .lg-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  .lg-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .lg-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .lg-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  .lg-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  .lg-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  .lg-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  .lg-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  .lg-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .lg-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .lg-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  .lg-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  .lg-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  .lg-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  .lg-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  .lg-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .lg-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .lg-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  .lg-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  .lg-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  .lg-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  .lg-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  .lg-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .lg-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .lg-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  .lg-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  .lg-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  .lg-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  .lg-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  .lg-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .lg-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .lg-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  .lg-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  .lg-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  .lg-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  .lg-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  .lg-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .lg-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .lg-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  .lg-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  .lg-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  .lg-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  .lg-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  .lg-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .lg-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .lg-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  .lg-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  .lg-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  .lg-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  .lg-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  .lg-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .lg-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .lg-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  .lg-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  .lg-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  .lg-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  .lg-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  .lg-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .lg-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .lg-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  .lg-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  .lg-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  .lg-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  .lg-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  .lg-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .lg-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .lg-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  .lg-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  .lg-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  .lg-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  .lg-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  .lg-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .lg-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .lg-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  .lg-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  .lg-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  .lg-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  .lg-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  .lg-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .lg-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .lg-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  .lg-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  .lg-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  .lg-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  .lg-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  .lg-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .lg-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .lg-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  .lg-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  .lg-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  .lg-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  .lg-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  .lg-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .lg-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .lg-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  .lg-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  .lg-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  .lg-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  .lg-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  .lg-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .lg-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .lg-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  .lg-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  .lg-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  .lg-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  .lg-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  .lg-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .lg-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .lg-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  .lg-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  .lg-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  .lg-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  .lg-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  .lg-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .lg-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .lg-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  .lg-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  .lg-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  .lg-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  .lg-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  .lg-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .lg-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .lg-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  .lg-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  .lg-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  .lg-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  .lg-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  .lg-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .lg-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .lg-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  .lg-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  .lg-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  .lg-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  .lg-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  .lg-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .lg-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .lg-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  .lg-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  .lg-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  .lg-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  .lg-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  .lg-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .lg-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .lg-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  .lg-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  .lg-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  .lg-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  .lg-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  .lg-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .lg-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .lg-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  .lg-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  .lg-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  .lg-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  .lg-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  .lg-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .lg-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .lg-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  .lg-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  .lg-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  .lg-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  .lg-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  .lg-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .lg-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .lg-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  .lg-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  .lg-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  .lg-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  .lg-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  .lg-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .lg-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .lg-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  .lg-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  .lg-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  .lg-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  .lg-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  .lg-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .lg-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .lg-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  .lg-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  .lg-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  .lg-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  .lg-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  .lg-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .lg-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .lg-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  .lg-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  .lg-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  .lg-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  .lg-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  .lg-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .lg-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .lg-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  .lg-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  .lg-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  .lg-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  .lg-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  .lg-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .lg-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .lg-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  .lg-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  .lg-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  .lg-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  .lg-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  .lg-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .lg-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .lg-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  .lg-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  .lg-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  .lg-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  .lg-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  .lg-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .lg-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .lg-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  .lg-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  .lg-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  .lg-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  .lg-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  .lg-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .lg-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .lg-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  .lg-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  .lg-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  .lg-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  .lg-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  .lg-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .lg-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .lg-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  .lg-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  .lg-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  .lg-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  .lg-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  .lg-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .lg-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .lg-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  .lg-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  .lg-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  .lg-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  .lg-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  .lg-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .lg-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .lg-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  .lg-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  .lg-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  .lg-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  .lg-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  .lg-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .lg-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .lg-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  .lg-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  .lg-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  .lg-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  .lg-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  .lg-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .lg-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .lg-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  .lg-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  .lg-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  .lg-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  .lg-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  .lg-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .lg-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .lg-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  .lg-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  .lg-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  .lg-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  .lg-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  .lg-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .lg-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .lg-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  .lg-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  .lg-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  .lg-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  .lg-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  .lg-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .lg-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .lg-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  .lg-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  .lg-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  .lg-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  .lg-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  .lg-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .lg-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .lg-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  .lg-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  .lg-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  .lg-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  .lg-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  .lg-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .lg-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .lg-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  .lg-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  .lg-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  .lg-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  .lg-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  .lg-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .lg-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .lg-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  .lg-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  .lg-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  .lg-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  .lg-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  .lg-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .lg-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .lg-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  .lg-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  .lg-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  .lg-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  .lg-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  .lg-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .lg-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .lg-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  .lg-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  .lg-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  .lg-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  .lg-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  .lg-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .lg-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .lg-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  .lg-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  .lg-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  .lg-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  .lg-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  .lg-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .lg-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .lg-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  .lg-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  .lg-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  .lg-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  .lg-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  .lg-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .lg-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .lg-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  .lg-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  .lg-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  .lg-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  .lg-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  .lg-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .lg-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .lg-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  .lg-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  .lg-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  .lg-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  .lg-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  .lg-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .lg-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .lg-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  .lg-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  .lg-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  .lg-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  .lg-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  .lg-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .lg-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .lg-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  .lg-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  .lg-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  .lg-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  .lg-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  .lg-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .lg-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .lg-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  .lg-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  .lg-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  .lg-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  .lg-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  .lg-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .lg-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .lg-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  .lg-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  .lg-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  .lg-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  .lg-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  .lg-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .lg-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .lg-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  .lg-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  .lg-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  .lg-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  .lg-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  .lg-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .lg-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .lg-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  .lg-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  .lg-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  .lg-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  .lg-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  .lg-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .lg-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .lg-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  .lg-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  .lg-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  .lg-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  .lg-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  .lg-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .lg-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .lg-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  .lg-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  .lg-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  .lg-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  .lg-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  .lg-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .lg-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .lg-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  .lg-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  .lg-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  .lg-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  .lg-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  .lg-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .lg-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .lg-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  .lg-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  .lg-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  .lg-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  .lg-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  .lg-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .lg-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .lg-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  .lg-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  .lg-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  .lg-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  .lg-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  .lg-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .lg-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .lg-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  .lg-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  .lg-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  .lg-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  .lg-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  .lg-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .lg-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .lg-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  .lg-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  .lg-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  .lg-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  .lg-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  .lg-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .lg-bg-green-50 { background-color: var(--quanta-green-50); }
  .lg-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  .lg-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  .lg-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  .lg-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  .lg-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  .lg-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  .lg-bg-green-100 { background-color: var(--quanta-green-100); }
  .lg-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  .lg-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  .lg-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  .lg-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  .lg-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  .lg-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  .lg-bg-green-200 { background-color: var(--quanta-green-200); }
  .lg-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  .lg-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  .lg-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  .lg-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  .lg-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  .lg-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  .lg-bg-green-300 { background-color: var(--quanta-green-300); }
  .lg-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  .lg-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  .lg-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  .lg-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  .lg-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  .lg-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  .lg-bg-green-400 { background-color: var(--quanta-green-400); }
  .lg-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  .lg-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  .lg-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  .lg-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  .lg-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  .lg-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  .lg-bg-green-500 { background-color: var(--quanta-green-500); }
  .lg-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  .lg-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  .lg-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  .lg-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  .lg-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  .lg-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  .lg-bg-green-600 { background-color: var(--quanta-green-600); }
  .lg-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  .lg-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  .lg-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  .lg-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  .lg-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  .lg-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  .lg-bg-green-700 { background-color: var(--quanta-green-700); }
  .lg-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  .lg-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  .lg-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  .lg-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  .lg-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  .lg-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  .lg-bg-green-800 { background-color: var(--quanta-green-800); }
  .lg-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  .lg-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  .lg-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  .lg-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  .lg-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  .lg-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  .lg-bg-green-900 { background-color: var(--quanta-green-900); }
  .lg-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  .lg-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  .lg-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  .lg-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  .lg-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  .lg-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  .lg-bg-black { background-color: var(--black); }
  .lg-hover-bg-black:hover { background-color: var(--black); }
  .lg-focus-bg-black:focus { background-color: var(--black); }
  .lg-active-bg-black:active { background-color: var(--black); }
  .lg-disabled-bg-black:disabled { background-color: var(--black); }
  .lg-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  .lg-focus-within-bg-black:focus-within { background-color: var(--black); }
  .lg-group:hover .lg-group-hover-bg-black { background-color: var(--black); }
  .lg-bg-white { background-color: var(--white); }
  .lg-hover-bg-white:hover { background-color: var(--white); }
  .lg-focus-bg-white:focus { background-color: var(--white); }
  .lg-active-bg-white:active { background-color: var(--white); }
  .lg-disabled-bg-white:disabled { background-color: var(--white); }
  .lg-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  .lg-focus-within-bg-white:focus-within { background-color: var(--white); }
  .lg-group:hover .lg-group-hover-bg-white { background-color: var(--white); }
  .lg-border-red-50 { border-color: var(--quanta-red-50); }
  .lg-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  .lg-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  .lg-active-border-red-50:active { border-color: var(--quanta-red-50); }
  .lg-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  .lg-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  .lg-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  .lg-border-red-100 { border-color: var(--quanta-red-100); }
  .lg-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  .lg-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  .lg-active-border-red-100:active { border-color: var(--quanta-red-100); }
  .lg-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  .lg-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  .lg-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  .lg-border-red-200 { border-color: var(--quanta-red-200); }
  .lg-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  .lg-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  .lg-active-border-red-200:active { border-color: var(--quanta-red-200); }
  .lg-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  .lg-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  .lg-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  .lg-border-red-300 { border-color: var(--quanta-red-300); }
  .lg-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  .lg-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  .lg-active-border-red-300:active { border-color: var(--quanta-red-300); }
  .lg-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  .lg-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  .lg-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  .lg-border-red-400 { border-color: var(--quanta-red-400); }
  .lg-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  .lg-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  .lg-active-border-red-400:active { border-color: var(--quanta-red-400); }
  .lg-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  .lg-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  .lg-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  .lg-border-red-500 { border-color: var(--quanta-red-500); }
  .lg-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  .lg-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  .lg-active-border-red-500:active { border-color: var(--quanta-red-500); }
  .lg-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  .lg-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  .lg-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  .lg-border-red-600 { border-color: var(--quanta-red-600); }
  .lg-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  .lg-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  .lg-active-border-red-600:active { border-color: var(--quanta-red-600); }
  .lg-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  .lg-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  .lg-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  .lg-border-red-700 { border-color: var(--quanta-red-700); }
  .lg-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  .lg-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  .lg-active-border-red-700:active { border-color: var(--quanta-red-700); }
  .lg-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  .lg-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  .lg-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  .lg-border-red-800 { border-color: var(--quanta-red-800); }
  .lg-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  .lg-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  .lg-active-border-red-800:active { border-color: var(--quanta-red-800); }
  .lg-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  .lg-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  .lg-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  .lg-border-red-900 { border-color: var(--quanta-red-900); }
  .lg-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  .lg-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  .lg-active-border-red-900:active { border-color: var(--quanta-red-900); }
  .lg-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  .lg-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  .lg-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  .lg-border-orange-50 { border-color: var(--quanta-orange-50); }
  .lg-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  .lg-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  .lg-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  .lg-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  .lg-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  .lg-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  .lg-border-orange-100 { border-color: var(--quanta-orange-100); }
  .lg-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  .lg-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  .lg-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  .lg-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  .lg-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  .lg-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  .lg-border-orange-200 { border-color: var(--quanta-orange-200); }
  .lg-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  .lg-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  .lg-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  .lg-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  .lg-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  .lg-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  .lg-border-orange-300 { border-color: var(--quanta-orange-300); }
  .lg-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  .lg-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  .lg-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  .lg-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  .lg-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  .lg-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  .lg-border-orange-400 { border-color: var(--quanta-orange-400); }
  .lg-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  .lg-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  .lg-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  .lg-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  .lg-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  .lg-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  .lg-border-orange-500 { border-color: var(--quanta-orange-500); }
  .lg-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  .lg-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  .lg-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  .lg-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  .lg-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  .lg-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  .lg-border-orange-600 { border-color: var(--quanta-orange-600); }
  .lg-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  .lg-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  .lg-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  .lg-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  .lg-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  .lg-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  .lg-border-orange-700 { border-color: var(--quanta-orange-700); }
  .lg-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  .lg-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  .lg-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  .lg-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  .lg-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  .lg-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  .lg-border-orange-800 { border-color: var(--quanta-orange-800); }
  .lg-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  .lg-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  .lg-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  .lg-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  .lg-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  .lg-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  .lg-border-orange-900 { border-color: var(--quanta-orange-900); }
  .lg-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  .lg-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  .lg-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  .lg-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  .lg-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  .lg-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  .lg-border-teal-50 { border-color: var(--quanta-teal-50); }
  .lg-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  .lg-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  .lg-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  .lg-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  .lg-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  .lg-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  .lg-border-teal-100 { border-color: var(--quanta-teal-100); }
  .lg-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  .lg-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  .lg-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  .lg-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  .lg-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  .lg-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  .lg-border-teal-200 { border-color: var(--quanta-teal-200); }
  .lg-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  .lg-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  .lg-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  .lg-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  .lg-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  .lg-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  .lg-border-teal-300 { border-color: var(--quanta-teal-300); }
  .lg-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  .lg-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  .lg-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  .lg-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  .lg-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  .lg-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  .lg-border-teal-400 { border-color: var(--quanta-teal-400); }
  .lg-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  .lg-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  .lg-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  .lg-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  .lg-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  .lg-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  .lg-border-teal-500 { border-color: var(--quanta-teal-500); }
  .lg-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  .lg-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  .lg-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  .lg-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  .lg-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  .lg-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  .lg-border-teal-600 { border-color: var(--quanta-teal-600); }
  .lg-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  .lg-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  .lg-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  .lg-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  .lg-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  .lg-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  .lg-border-teal-700 { border-color: var(--quanta-teal-700); }
  .lg-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  .lg-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  .lg-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  .lg-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  .lg-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  .lg-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  .lg-border-teal-800 { border-color: var(--quanta-teal-800); }
  .lg-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  .lg-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  .lg-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  .lg-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  .lg-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  .lg-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  .lg-border-teal-900 { border-color: var(--quanta-teal-900); }
  .lg-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  .lg-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  .lg-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  .lg-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  .lg-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  .lg-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  .lg-border-purple-50 { border-color: var(--quanta-purple-50); }
  .lg-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  .lg-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  .lg-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  .lg-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  .lg-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  .lg-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  .lg-border-purple-100 { border-color: var(--quanta-purple-100); }
  .lg-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  .lg-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  .lg-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  .lg-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  .lg-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  .lg-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  .lg-border-purple-200 { border-color: var(--quanta-purple-200); }
  .lg-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  .lg-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  .lg-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  .lg-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  .lg-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  .lg-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  .lg-border-purple-300 { border-color: var(--quanta-purple-300); }
  .lg-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  .lg-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  .lg-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  .lg-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  .lg-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  .lg-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  .lg-border-purple-400 { border-color: var(--quanta-purple-400); }
  .lg-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  .lg-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  .lg-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  .lg-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  .lg-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  .lg-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  .lg-border-purple-500 { border-color: var(--quanta-purple-500); }
  .lg-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  .lg-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  .lg-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  .lg-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  .lg-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  .lg-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  .lg-border-purple-600 { border-color: var(--quanta-purple-600); }
  .lg-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  .lg-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  .lg-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  .lg-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  .lg-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  .lg-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  .lg-border-purple-700 { border-color: var(--quanta-purple-700); }
  .lg-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  .lg-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  .lg-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  .lg-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  .lg-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  .lg-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  .lg-border-purple-800 { border-color: var(--quanta-purple-800); }
  .lg-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  .lg-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  .lg-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  .lg-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  .lg-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  .lg-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  .lg-border-purple-900 { border-color: var(--quanta-purple-900); }
  .lg-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  .lg-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  .lg-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  .lg-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  .lg-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  .lg-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  .lg-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .lg-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  .lg-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  .lg-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  .lg-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  .lg-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  .lg-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .lg-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .lg-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  .lg-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  .lg-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  .lg-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  .lg-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  .lg-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .lg-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .lg-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  .lg-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  .lg-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  .lg-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  .lg-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  .lg-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .lg-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .lg-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  .lg-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  .lg-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  .lg-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  .lg-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  .lg-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .lg-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .lg-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  .lg-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  .lg-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  .lg-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  .lg-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  .lg-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .lg-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .lg-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  .lg-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  .lg-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  .lg-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  .lg-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  .lg-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .lg-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .lg-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  .lg-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  .lg-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  .lg-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  .lg-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  .lg-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .lg-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .lg-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  .lg-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  .lg-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  .lg-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  .lg-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  .lg-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .lg-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .lg-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  .lg-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  .lg-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  .lg-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  .lg-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  .lg-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .lg-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .lg-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  .lg-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  .lg-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  .lg-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  .lg-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  .lg-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .lg-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .lg-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  .lg-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  .lg-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  .lg-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  .lg-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  .lg-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .lg-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .lg-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  .lg-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  .lg-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  .lg-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  .lg-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  .lg-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .lg-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .lg-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  .lg-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  .lg-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  .lg-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  .lg-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  .lg-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .lg-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .lg-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  .lg-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  .lg-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  .lg-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  .lg-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  .lg-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .lg-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .lg-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  .lg-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  .lg-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  .lg-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  .lg-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  .lg-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .lg-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .lg-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  .lg-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  .lg-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  .lg-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  .lg-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  .lg-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .lg-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .lg-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  .lg-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  .lg-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  .lg-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  .lg-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  .lg-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .lg-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .lg-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  .lg-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  .lg-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  .lg-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  .lg-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  .lg-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .lg-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .lg-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  .lg-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  .lg-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  .lg-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  .lg-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  .lg-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .lg-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .lg-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  .lg-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  .lg-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  .lg-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  .lg-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  .lg-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .lg-border-pink-50 { border-color: var(--quanta-pink-50); }
  .lg-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  .lg-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  .lg-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  .lg-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  .lg-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  .lg-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  .lg-border-pink-100 { border-color: var(--quanta-pink-100); }
  .lg-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  .lg-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  .lg-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  .lg-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  .lg-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  .lg-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  .lg-border-pink-200 { border-color: var(--quanta-pink-200); }
  .lg-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  .lg-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  .lg-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  .lg-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  .lg-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  .lg-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  .lg-border-pink-300 { border-color: var(--quanta-pink-300); }
  .lg-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  .lg-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  .lg-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  .lg-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  .lg-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  .lg-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  .lg-border-pink-400 { border-color: var(--quanta-pink-400); }
  .lg-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  .lg-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  .lg-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  .lg-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  .lg-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  .lg-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  .lg-border-pink-500 { border-color: var(--quanta-pink-500); }
  .lg-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  .lg-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  .lg-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  .lg-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  .lg-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  .lg-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  .lg-border-pink-600 { border-color: var(--quanta-pink-600); }
  .lg-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  .lg-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  .lg-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  .lg-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  .lg-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  .lg-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  .lg-border-pink-700 { border-color: var(--quanta-pink-700); }
  .lg-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  .lg-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  .lg-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  .lg-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  .lg-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  .lg-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  .lg-border-pink-800 { border-color: var(--quanta-pink-800); }
  .lg-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  .lg-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  .lg-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  .lg-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  .lg-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  .lg-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  .lg-border-pink-900 { border-color: var(--quanta-pink-900); }
  .lg-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  .lg-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  .lg-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  .lg-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  .lg-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  .lg-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  .lg-border-grey-50 { border-color: var(--quanta-grey-50); }
  .lg-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  .lg-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  .lg-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  .lg-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  .lg-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  .lg-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  .lg-border-grey-100 { border-color: var(--quanta-grey-100); }
  .lg-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  .lg-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  .lg-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  .lg-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  .lg-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  .lg-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  .lg-border-grey-200 { border-color: var(--quanta-grey-200); }
  .lg-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  .lg-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  .lg-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  .lg-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  .lg-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  .lg-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  .lg-border-grey-300 { border-color: var(--quanta-grey-300); }
  .lg-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  .lg-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  .lg-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  .lg-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  .lg-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  .lg-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  .lg-border-grey-400 { border-color: var(--quanta-grey-400); }
  .lg-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  .lg-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  .lg-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  .lg-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  .lg-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  .lg-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  .lg-border-grey-500 { border-color: var(--quanta-grey-500); }
  .lg-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  .lg-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  .lg-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  .lg-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  .lg-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  .lg-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  .lg-border-grey-600 { border-color: var(--quanta-grey-600); }
  .lg-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  .lg-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  .lg-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  .lg-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  .lg-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  .lg-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  .lg-border-grey-700 { border-color: var(--quanta-grey-700); }
  .lg-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  .lg-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  .lg-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  .lg-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  .lg-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  .lg-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  .lg-border-grey-800 { border-color: var(--quanta-grey-800); }
  .lg-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  .lg-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  .lg-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  .lg-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  .lg-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  .lg-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  .lg-border-grey-900 { border-color: var(--quanta-grey-900); }
  .lg-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  .lg-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  .lg-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  .lg-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  .lg-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  .lg-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  .lg-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .lg-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  .lg-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  .lg-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  .lg-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  .lg-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  .lg-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .lg-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .lg-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  .lg-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  .lg-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  .lg-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  .lg-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  .lg-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .lg-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .lg-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  .lg-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  .lg-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  .lg-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  .lg-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  .lg-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .lg-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .lg-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  .lg-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  .lg-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  .lg-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  .lg-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  .lg-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .lg-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .lg-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  .lg-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  .lg-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  .lg-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  .lg-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  .lg-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .lg-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .lg-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  .lg-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  .lg-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  .lg-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  .lg-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  .lg-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .lg-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .lg-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  .lg-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  .lg-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  .lg-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  .lg-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  .lg-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .lg-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .lg-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  .lg-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  .lg-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  .lg-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  .lg-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  .lg-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .lg-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .lg-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  .lg-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  .lg-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  .lg-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  .lg-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  .lg-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .lg-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .lg-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  .lg-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  .lg-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  .lg-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  .lg-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  .lg-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .lg-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .lg-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  .lg-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  .lg-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  .lg-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  .lg-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  .lg-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .lg-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .lg-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  .lg-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  .lg-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  .lg-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  .lg-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  .lg-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .lg-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .lg-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  .lg-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  .lg-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  .lg-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  .lg-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  .lg-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .lg-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .lg-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  .lg-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  .lg-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  .lg-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  .lg-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  .lg-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .lg-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .lg-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  .lg-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  .lg-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  .lg-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  .lg-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  .lg-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .lg-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .lg-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  .lg-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  .lg-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  .lg-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  .lg-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  .lg-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .lg-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .lg-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  .lg-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  .lg-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  .lg-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  .lg-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  .lg-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .lg-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .lg-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  .lg-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  .lg-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  .lg-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  .lg-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  .lg-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .lg-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .lg-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  .lg-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  .lg-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  .lg-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  .lg-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  .lg-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .lg-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .lg-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  .lg-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  .lg-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  .lg-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  .lg-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  .lg-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .lg-border-lime-50 { border-color: var(--quanta-lime-50); }
  .lg-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  .lg-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  .lg-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  .lg-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  .lg-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  .lg-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  .lg-border-lime-100 { border-color: var(--quanta-lime-100); }
  .lg-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  .lg-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  .lg-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  .lg-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  .lg-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  .lg-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  .lg-border-lime-200 { border-color: var(--quanta-lime-200); }
  .lg-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  .lg-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  .lg-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  .lg-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  .lg-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  .lg-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  .lg-border-lime-300 { border-color: var(--quanta-lime-300); }
  .lg-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  .lg-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  .lg-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  .lg-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  .lg-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  .lg-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  .lg-border-lime-400 { border-color: var(--quanta-lime-400); }
  .lg-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  .lg-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  .lg-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  .lg-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  .lg-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  .lg-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  .lg-border-lime-500 { border-color: var(--quanta-lime-500); }
  .lg-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  .lg-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  .lg-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  .lg-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  .lg-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  .lg-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  .lg-border-lime-600 { border-color: var(--quanta-lime-600); }
  .lg-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  .lg-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  .lg-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  .lg-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  .lg-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  .lg-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  .lg-border-lime-700 { border-color: var(--quanta-lime-700); }
  .lg-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  .lg-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  .lg-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  .lg-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  .lg-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  .lg-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  .lg-border-lime-800 { border-color: var(--quanta-lime-800); }
  .lg-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  .lg-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  .lg-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  .lg-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  .lg-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  .lg-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  .lg-border-lime-900 { border-color: var(--quanta-lime-900); }
  .lg-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  .lg-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  .lg-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  .lg-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  .lg-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  .lg-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  .lg-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .lg-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  .lg-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  .lg-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  .lg-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  .lg-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  .lg-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .lg-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .lg-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  .lg-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  .lg-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  .lg-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  .lg-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  .lg-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .lg-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .lg-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  .lg-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  .lg-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  .lg-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  .lg-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  .lg-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .lg-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .lg-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  .lg-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  .lg-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  .lg-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  .lg-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  .lg-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .lg-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .lg-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  .lg-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  .lg-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  .lg-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  .lg-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  .lg-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .lg-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .lg-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  .lg-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  .lg-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  .lg-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  .lg-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  .lg-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .lg-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .lg-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  .lg-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  .lg-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  .lg-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  .lg-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  .lg-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .lg-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .lg-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  .lg-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  .lg-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  .lg-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  .lg-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  .lg-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .lg-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .lg-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  .lg-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  .lg-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  .lg-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  .lg-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  .lg-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .lg-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .lg-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  .lg-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  .lg-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  .lg-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  .lg-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  .lg-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .lg-border-sky-50 { border-color: var(--quanta-sky-50); }
  .lg-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  .lg-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  .lg-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  .lg-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  .lg-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  .lg-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  .lg-border-sky-100 { border-color: var(--quanta-sky-100); }
  .lg-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  .lg-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  .lg-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  .lg-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  .lg-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  .lg-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  .lg-border-sky-200 { border-color: var(--quanta-sky-200); }
  .lg-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  .lg-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  .lg-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  .lg-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  .lg-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  .lg-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  .lg-border-sky-300 { border-color: var(--quanta-sky-300); }
  .lg-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  .lg-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  .lg-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  .lg-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  .lg-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  .lg-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  .lg-border-sky-400 { border-color: var(--quanta-sky-400); }
  .lg-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  .lg-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  .lg-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  .lg-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  .lg-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  .lg-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  .lg-border-sky-500 { border-color: var(--quanta-sky-500); }
  .lg-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  .lg-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  .lg-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  .lg-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  .lg-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  .lg-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  .lg-border-sky-600 { border-color: var(--quanta-sky-600); }
  .lg-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  .lg-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  .lg-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  .lg-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  .lg-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  .lg-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  .lg-border-sky-700 { border-color: var(--quanta-sky-700); }
  .lg-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  .lg-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  .lg-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  .lg-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  .lg-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  .lg-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  .lg-border-sky-800 { border-color: var(--quanta-sky-800); }
  .lg-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  .lg-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  .lg-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  .lg-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  .lg-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  .lg-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  .lg-border-sky-900 { border-color: var(--quanta-sky-900); }
  .lg-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  .lg-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  .lg-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  .lg-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  .lg-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  .lg-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  .lg-border-violet-50 { border-color: var(--quanta-violet-50); }
  .lg-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  .lg-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  .lg-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  .lg-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  .lg-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  .lg-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  .lg-border-violet-100 { border-color: var(--quanta-violet-100); }
  .lg-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  .lg-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  .lg-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  .lg-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  .lg-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  .lg-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  .lg-border-violet-200 { border-color: var(--quanta-violet-200); }
  .lg-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  .lg-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  .lg-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  .lg-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  .lg-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  .lg-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  .lg-border-violet-300 { border-color: var(--quanta-violet-300); }
  .lg-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  .lg-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  .lg-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  .lg-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  .lg-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  .lg-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  .lg-border-violet-400 { border-color: var(--quanta-violet-400); }
  .lg-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  .lg-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  .lg-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  .lg-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  .lg-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  .lg-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  .lg-border-violet-500 { border-color: var(--quanta-violet-500); }
  .lg-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  .lg-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  .lg-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  .lg-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  .lg-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  .lg-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  .lg-border-violet-600 { border-color: var(--quanta-violet-600); }
  .lg-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  .lg-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  .lg-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  .lg-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  .lg-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  .lg-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  .lg-border-violet-700 { border-color: var(--quanta-violet-700); }
  .lg-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  .lg-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  .lg-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  .lg-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  .lg-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  .lg-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  .lg-border-violet-800 { border-color: var(--quanta-violet-800); }
  .lg-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  .lg-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  .lg-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  .lg-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  .lg-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  .lg-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  .lg-border-violet-900 { border-color: var(--quanta-violet-900); }
  .lg-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  .lg-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  .lg-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  .lg-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  .lg-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  .lg-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  .lg-border-rose-50 { border-color: var(--quanta-rose-50); }
  .lg-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  .lg-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  .lg-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  .lg-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  .lg-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  .lg-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  .lg-border-rose-100 { border-color: var(--quanta-rose-100); }
  .lg-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  .lg-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  .lg-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  .lg-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  .lg-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  .lg-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  .lg-border-rose-200 { border-color: var(--quanta-rose-200); }
  .lg-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  .lg-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  .lg-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  .lg-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  .lg-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  .lg-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  .lg-border-rose-300 { border-color: var(--quanta-rose-300); }
  .lg-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  .lg-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  .lg-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  .lg-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  .lg-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  .lg-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  .lg-border-rose-400 { border-color: var(--quanta-rose-400); }
  .lg-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  .lg-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  .lg-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  .lg-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  .lg-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  .lg-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  .lg-border-rose-500 { border-color: var(--quanta-rose-500); }
  .lg-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  .lg-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  .lg-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  .lg-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  .lg-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  .lg-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  .lg-border-rose-600 { border-color: var(--quanta-rose-600); }
  .lg-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  .lg-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  .lg-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  .lg-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  .lg-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  .lg-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  .lg-border-rose-700 { border-color: var(--quanta-rose-700); }
  .lg-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  .lg-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  .lg-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  .lg-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  .lg-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  .lg-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  .lg-border-rose-800 { border-color: var(--quanta-rose-800); }
  .lg-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  .lg-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  .lg-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  .lg-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  .lg-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  .lg-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  .lg-border-rose-900 { border-color: var(--quanta-rose-900); }
  .lg-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  .lg-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  .lg-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  .lg-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  .lg-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  .lg-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  .lg-border-slate-50 { border-color: var(--quanta-slate-50); }
  .lg-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  .lg-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  .lg-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  .lg-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  .lg-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  .lg-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  .lg-border-slate-100 { border-color: var(--quanta-slate-100); }
  .lg-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  .lg-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  .lg-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  .lg-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  .lg-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  .lg-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  .lg-border-slate-200 { border-color: var(--quanta-slate-200); }
  .lg-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  .lg-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  .lg-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  .lg-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  .lg-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  .lg-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  .lg-border-slate-300 { border-color: var(--quanta-slate-300); }
  .lg-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  .lg-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  .lg-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  .lg-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  .lg-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  .lg-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  .lg-border-slate-400 { border-color: var(--quanta-slate-400); }
  .lg-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  .lg-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  .lg-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  .lg-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  .lg-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  .lg-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  .lg-border-slate-500 { border-color: var(--quanta-slate-500); }
  .lg-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  .lg-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  .lg-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  .lg-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  .lg-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  .lg-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  .lg-border-slate-600 { border-color: var(--quanta-slate-600); }
  .lg-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  .lg-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  .lg-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  .lg-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  .lg-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  .lg-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  .lg-border-slate-700 { border-color: var(--quanta-slate-700); }
  .lg-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  .lg-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  .lg-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  .lg-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  .lg-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  .lg-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  .lg-border-slate-800 { border-color: var(--quanta-slate-800); }
  .lg-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  .lg-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  .lg-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  .lg-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  .lg-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  .lg-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  .lg-border-slate-900 { border-color: var(--quanta-slate-900); }
  .lg-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  .lg-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  .lg-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  .lg-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  .lg-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  .lg-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  .lg-border-blue-50 { border-color: var(--quanta-blue-50); }
  .lg-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  .lg-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  .lg-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  .lg-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  .lg-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  .lg-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  .lg-border-blue-100 { border-color: var(--quanta-blue-100); }
  .lg-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  .lg-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  .lg-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  .lg-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  .lg-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  .lg-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  .lg-border-blue-200 { border-color: var(--quanta-blue-200); }
  .lg-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  .lg-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  .lg-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  .lg-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  .lg-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  .lg-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  .lg-border-blue-300 { border-color: var(--quanta-blue-300); }
  .lg-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  .lg-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  .lg-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  .lg-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  .lg-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  .lg-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  .lg-border-blue-400 { border-color: var(--quanta-blue-400); }
  .lg-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  .lg-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  .lg-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  .lg-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  .lg-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  .lg-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  .lg-border-blue-500 { border-color: var(--quanta-blue-500); }
  .lg-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  .lg-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  .lg-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  .lg-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  .lg-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  .lg-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  .lg-border-blue-600 { border-color: var(--quanta-blue-600); }
  .lg-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  .lg-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  .lg-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  .lg-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  .lg-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  .lg-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  .lg-border-blue-700 { border-color: var(--quanta-blue-700); }
  .lg-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  .lg-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  .lg-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  .lg-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  .lg-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  .lg-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  .lg-border-blue-800 { border-color: var(--quanta-blue-800); }
  .lg-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  .lg-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  .lg-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  .lg-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  .lg-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  .lg-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  .lg-border-blue-900 { border-color: var(--quanta-blue-900); }
  .lg-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  .lg-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  .lg-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  .lg-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  .lg-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  .lg-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  .lg-border-green-50 { border-color: var(--quanta-green-50); }
  .lg-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  .lg-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  .lg-active-border-green-50:active { border-color: var(--quanta-green-50); }
  .lg-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  .lg-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  .lg-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  .lg-border-green-100 { border-color: var(--quanta-green-100); }
  .lg-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  .lg-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  .lg-active-border-green-100:active { border-color: var(--quanta-green-100); }
  .lg-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  .lg-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  .lg-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  .lg-border-green-200 { border-color: var(--quanta-green-200); }
  .lg-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  .lg-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  .lg-active-border-green-200:active { border-color: var(--quanta-green-200); }
  .lg-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  .lg-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  .lg-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  .lg-border-green-300 { border-color: var(--quanta-green-300); }
  .lg-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  .lg-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  .lg-active-border-green-300:active { border-color: var(--quanta-green-300); }
  .lg-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  .lg-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  .lg-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  .lg-border-green-400 { border-color: var(--quanta-green-400); }
  .lg-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  .lg-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  .lg-active-border-green-400:active { border-color: var(--quanta-green-400); }
  .lg-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  .lg-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  .lg-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  .lg-border-green-500 { border-color: var(--quanta-green-500); }
  .lg-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  .lg-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  .lg-active-border-green-500:active { border-color: var(--quanta-green-500); }
  .lg-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  .lg-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  .lg-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  .lg-border-green-600 { border-color: var(--quanta-green-600); }
  .lg-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  .lg-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  .lg-active-border-green-600:active { border-color: var(--quanta-green-600); }
  .lg-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  .lg-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  .lg-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  .lg-border-green-700 { border-color: var(--quanta-green-700); }
  .lg-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  .lg-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  .lg-active-border-green-700:active { border-color: var(--quanta-green-700); }
  .lg-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  .lg-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  .lg-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  .lg-border-green-800 { border-color: var(--quanta-green-800); }
  .lg-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  .lg-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  .lg-active-border-green-800:active { border-color: var(--quanta-green-800); }
  .lg-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  .lg-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  .lg-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  .lg-border-green-900 { border-color: var(--quanta-green-900); }
  .lg-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  .lg-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  .lg-active-border-green-900:active { border-color: var(--quanta-green-900); }
  .lg-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  .lg-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  .lg-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  .lg-border-black { border-color: var(--black); }
  .lg-hover-border-black:hover { border-color: var(--black); }
  .lg-focus-border-black:focus { border-color: var(--black); }
  .lg-active-border-black:active { border-color: var(--black); }
  .lg-disabled-border-black:disabled { border-color: var(--black); }
  .lg-focus-visible-border-black:focus-visible { border-color: var(--black); }
  .lg-focus-within-border-black:focus-within { border-color: var(--black); }
  .lg-group:hover .lg-group-hover-border-black { border-color: var(--black); }
  .lg-border-white { border-color: var(--white); }
  .lg-hover-border-white:hover { border-color: var(--white); }
  .lg-focus-border-white:focus { border-color: var(--white); }
  .lg-active-border-white:active { border-color: var(--white); }
  .lg-disabled-border-white:disabled { border-color: var(--white); }
  .lg-focus-visible-border-white:focus-visible { border-color: var(--white); }
  .lg-focus-within-border-white:focus-within { border-color: var(--white); }
  .lg-group:hover .lg-group-hover-border-white { border-color: var(--white); }
  .lg-border-0 { border-width: 0.0rem; }
  .lg-hover-border-0:hover { border-width: 0.0rem; }
  .lg-focus-border-0:focus { border-width: 0.0rem; }
  .lg-active-border-0:active { border-width: 0.0rem; }
  .lg-disabled-border-0:disabled { border-width: 0.0rem; }
  .lg-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .lg-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-0 { border-width: 0.0rem; }
  .lg-border-0 { border-width: 0.0rem; }
  .lg-hover-border-0:hover { border-width: 0.0rem; }
  .lg-focus-border-0:focus { border-width: 0.0rem; }
  .lg-active-border-0:active { border-width: 0.0rem; }
  .lg-disabled-border-0:disabled { border-width: 0.0rem; }
  .lg-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .lg-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-0 { border-width: 0.0rem; }
  .lg-border-t-0 { border-top-width: 0.0rem; }
  .lg-hover-border-t-0:hover { border-top-width: 0.0rem; }
  .lg-focus-border-t-0:focus { border-top-width: 0.0rem; }
  .lg-active-border-t-0:active { border-top-width: 0.0rem; }
  .lg-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  .lg-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  .lg-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-t-0 { border-top-width: 0.0rem; }
  .lg-border-r-0 { border-right-width: 0.0rem; }
  .lg-hover-border-r-0:hover { border-right-width: 0.0rem; }
  .lg-focus-border-r-0:focus { border-right-width: 0.0rem; }
  .lg-active-border-r-0:active { border-right-width: 0.0rem; }
  .lg-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  .lg-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  .lg-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-r-0 { border-right-width: 0.0rem; }
  .lg-border-b-0 { border-bottom-width: 0.0rem; }
  .lg-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  .lg-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  .lg-active-border-b-0:active { border-bottom-width: 0.0rem; }
  .lg-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  .lg-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  .lg-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  .lg-border-l-0 { border-left-width: 0.0rem; }
  .lg-hover-border-l-0:hover { border-left-width: 0.0rem; }
  .lg-focus-border-l-0:focus { border-left-width: 0.0rem; }
  .lg-active-border-l-0:active { border-left-width: 0.0rem; }
  .lg-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  .lg-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  .lg-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-l-0 { border-left-width: 0.0rem; }
  .lg-border-1 { border-width: 0.0625rem; }
  .lg-hover-border-1:hover { border-width: 0.0625rem; }
  .lg-focus-border-1:focus { border-width: 0.0625rem; }
  .lg-active-border-1:active { border-width: 0.0625rem; }
  .lg-disabled-border-1:disabled { border-width: 0.0625rem; }
  .lg-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .lg-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-1 { border-width: 0.0625rem; }
  .lg-border-1 { border-width: 0.0625rem; }
  .lg-hover-border-1:hover { border-width: 0.0625rem; }
  .lg-focus-border-1:focus { border-width: 0.0625rem; }
  .lg-active-border-1:active { border-width: 0.0625rem; }
  .lg-disabled-border-1:disabled { border-width: 0.0625rem; }
  .lg-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .lg-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-1 { border-width: 0.0625rem; }
  .lg-border-t-1 { border-top-width: 0.0625rem; }
  .lg-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  .lg-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  .lg-active-border-t-1:active { border-top-width: 0.0625rem; }
  .lg-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  .lg-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  .lg-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  .lg-border-r-1 { border-right-width: 0.0625rem; }
  .lg-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  .lg-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  .lg-active-border-r-1:active { border-right-width: 0.0625rem; }
  .lg-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  .lg-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  .lg-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  .lg-border-b-1 { border-bottom-width: 0.0625rem; }
  .lg-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  .lg-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  .lg-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  .lg-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  .lg-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  .lg-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  .lg-border-l-1 { border-left-width: 0.0625rem; }
  .lg-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  .lg-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  .lg-active-border-l-1:active { border-left-width: 0.0625rem; }
  .lg-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  .lg-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  .lg-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  .lg-border-2 { border-width: 0.125rem; }
  .lg-hover-border-2:hover { border-width: 0.125rem; }
  .lg-focus-border-2:focus { border-width: 0.125rem; }
  .lg-active-border-2:active { border-width: 0.125rem; }
  .lg-disabled-border-2:disabled { border-width: 0.125rem; }
  .lg-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .lg-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-2 { border-width: 0.125rem; }
  .lg-border-2 { border-width: 0.125rem; }
  .lg-hover-border-2:hover { border-width: 0.125rem; }
  .lg-focus-border-2:focus { border-width: 0.125rem; }
  .lg-active-border-2:active { border-width: 0.125rem; }
  .lg-disabled-border-2:disabled { border-width: 0.125rem; }
  .lg-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .lg-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-2 { border-width: 0.125rem; }
  .lg-border-t-2 { border-top-width: 0.125rem; }
  .lg-hover-border-t-2:hover { border-top-width: 0.125rem; }
  .lg-focus-border-t-2:focus { border-top-width: 0.125rem; }
  .lg-active-border-t-2:active { border-top-width: 0.125rem; }
  .lg-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  .lg-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  .lg-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-t-2 { border-top-width: 0.125rem; }
  .lg-border-r-2 { border-right-width: 0.125rem; }
  .lg-hover-border-r-2:hover { border-right-width: 0.125rem; }
  .lg-focus-border-r-2:focus { border-right-width: 0.125rem; }
  .lg-active-border-r-2:active { border-right-width: 0.125rem; }
  .lg-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  .lg-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  .lg-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-r-2 { border-right-width: 0.125rem; }
  .lg-border-b-2 { border-bottom-width: 0.125rem; }
  .lg-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  .lg-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  .lg-active-border-b-2:active { border-bottom-width: 0.125rem; }
  .lg-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  .lg-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  .lg-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  .lg-border-l-2 { border-left-width: 0.125rem; }
  .lg-hover-border-l-2:hover { border-left-width: 0.125rem; }
  .lg-focus-border-l-2:focus { border-left-width: 0.125rem; }
  .lg-active-border-l-2:active { border-left-width: 0.125rem; }
  .lg-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  .lg-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  .lg-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-l-2 { border-left-width: 0.125rem; }
  .lg-border-3 { border-width: 0.1875rem; }
  .lg-hover-border-3:hover { border-width: 0.1875rem; }
  .lg-focus-border-3:focus { border-width: 0.1875rem; }
  .lg-active-border-3:active { border-width: 0.1875rem; }
  .lg-disabled-border-3:disabled { border-width: 0.1875rem; }
  .lg-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .lg-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-3 { border-width: 0.1875rem; }
  .lg-border-3 { border-width: 0.1875rem; }
  .lg-hover-border-3:hover { border-width: 0.1875rem; }
  .lg-focus-border-3:focus { border-width: 0.1875rem; }
  .lg-active-border-3:active { border-width: 0.1875rem; }
  .lg-disabled-border-3:disabled { border-width: 0.1875rem; }
  .lg-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .lg-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-3 { border-width: 0.1875rem; }
  .lg-border-t-3 { border-top-width: 0.1875rem; }
  .lg-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  .lg-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  .lg-active-border-t-3:active { border-top-width: 0.1875rem; }
  .lg-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  .lg-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  .lg-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  .lg-border-r-3 { border-right-width: 0.1875rem; }
  .lg-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  .lg-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  .lg-active-border-r-3:active { border-right-width: 0.1875rem; }
  .lg-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  .lg-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  .lg-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  .lg-border-b-3 { border-bottom-width: 0.1875rem; }
  .lg-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  .lg-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  .lg-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  .lg-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  .lg-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  .lg-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  .lg-border-l-3 { border-left-width: 0.1875rem; }
  .lg-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  .lg-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  .lg-active-border-l-3:active { border-left-width: 0.1875rem; }
  .lg-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  .lg-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  .lg-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  .lg-border-4 { border-width: 0.25rem; }
  .lg-hover-border-4:hover { border-width: 0.25rem; }
  .lg-focus-border-4:focus { border-width: 0.25rem; }
  .lg-active-border-4:active { border-width: 0.25rem; }
  .lg-disabled-border-4:disabled { border-width: 0.25rem; }
  .lg-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .lg-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-4 { border-width: 0.25rem; }
  .lg-border-4 { border-width: 0.25rem; }
  .lg-hover-border-4:hover { border-width: 0.25rem; }
  .lg-focus-border-4:focus { border-width: 0.25rem; }
  .lg-active-border-4:active { border-width: 0.25rem; }
  .lg-disabled-border-4:disabled { border-width: 0.25rem; }
  .lg-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .lg-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-4 { border-width: 0.25rem; }
  .lg-border-t-4 { border-top-width: 0.25rem; }
  .lg-hover-border-t-4:hover { border-top-width: 0.25rem; }
  .lg-focus-border-t-4:focus { border-top-width: 0.25rem; }
  .lg-active-border-t-4:active { border-top-width: 0.25rem; }
  .lg-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  .lg-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  .lg-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-t-4 { border-top-width: 0.25rem; }
  .lg-border-r-4 { border-right-width: 0.25rem; }
  .lg-hover-border-r-4:hover { border-right-width: 0.25rem; }
  .lg-focus-border-r-4:focus { border-right-width: 0.25rem; }
  .lg-active-border-r-4:active { border-right-width: 0.25rem; }
  .lg-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  .lg-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  .lg-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-r-4 { border-right-width: 0.25rem; }
  .lg-border-b-4 { border-bottom-width: 0.25rem; }
  .lg-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  .lg-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  .lg-active-border-b-4:active { border-bottom-width: 0.25rem; }
  .lg-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  .lg-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  .lg-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  .lg-border-l-4 { border-left-width: 0.25rem; }
  .lg-hover-border-l-4:hover { border-left-width: 0.25rem; }
  .lg-focus-border-l-4:focus { border-left-width: 0.25rem; }
  .lg-active-border-l-4:active { border-left-width: 0.25rem; }
  .lg-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  .lg-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  .lg-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-l-4 { border-left-width: 0.25rem; }
  .lg-border-5 { border-width: 0.3125rem; }
  .lg-hover-border-5:hover { border-width: 0.3125rem; }
  .lg-focus-border-5:focus { border-width: 0.3125rem; }
  .lg-active-border-5:active { border-width: 0.3125rem; }
  .lg-disabled-border-5:disabled { border-width: 0.3125rem; }
  .lg-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .lg-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-5 { border-width: 0.3125rem; }
  .lg-border-5 { border-width: 0.3125rem; }
  .lg-hover-border-5:hover { border-width: 0.3125rem; }
  .lg-focus-border-5:focus { border-width: 0.3125rem; }
  .lg-active-border-5:active { border-width: 0.3125rem; }
  .lg-disabled-border-5:disabled { border-width: 0.3125rem; }
  .lg-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .lg-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-5 { border-width: 0.3125rem; }
  .lg-border-t-5 { border-top-width: 0.3125rem; }
  .lg-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  .lg-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  .lg-active-border-t-5:active { border-top-width: 0.3125rem; }
  .lg-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  .lg-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  .lg-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  .lg-border-r-5 { border-right-width: 0.3125rem; }
  .lg-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  .lg-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  .lg-active-border-r-5:active { border-right-width: 0.3125rem; }
  .lg-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  .lg-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  .lg-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  .lg-border-b-5 { border-bottom-width: 0.3125rem; }
  .lg-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  .lg-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  .lg-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  .lg-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  .lg-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  .lg-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  .lg-border-l-5 { border-left-width: 0.3125rem; }
  .lg-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  .lg-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  .lg-active-border-l-5:active { border-left-width: 0.3125rem; }
  .lg-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  .lg-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  .lg-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  .lg-border-6 { border-width: 0.375rem; }
  .lg-hover-border-6:hover { border-width: 0.375rem; }
  .lg-focus-border-6:focus { border-width: 0.375rem; }
  .lg-active-border-6:active { border-width: 0.375rem; }
  .lg-disabled-border-6:disabled { border-width: 0.375rem; }
  .lg-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .lg-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-6 { border-width: 0.375rem; }
  .lg-border-6 { border-width: 0.375rem; }
  .lg-hover-border-6:hover { border-width: 0.375rem; }
  .lg-focus-border-6:focus { border-width: 0.375rem; }
  .lg-active-border-6:active { border-width: 0.375rem; }
  .lg-disabled-border-6:disabled { border-width: 0.375rem; }
  .lg-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .lg-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-6 { border-width: 0.375rem; }
  .lg-border-t-6 { border-top-width: 0.375rem; }
  .lg-hover-border-t-6:hover { border-top-width: 0.375rem; }
  .lg-focus-border-t-6:focus { border-top-width: 0.375rem; }
  .lg-active-border-t-6:active { border-top-width: 0.375rem; }
  .lg-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  .lg-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  .lg-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-t-6 { border-top-width: 0.375rem; }
  .lg-border-r-6 { border-right-width: 0.375rem; }
  .lg-hover-border-r-6:hover { border-right-width: 0.375rem; }
  .lg-focus-border-r-6:focus { border-right-width: 0.375rem; }
  .lg-active-border-r-6:active { border-right-width: 0.375rem; }
  .lg-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  .lg-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  .lg-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-r-6 { border-right-width: 0.375rem; }
  .lg-border-b-6 { border-bottom-width: 0.375rem; }
  .lg-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  .lg-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  .lg-active-border-b-6:active { border-bottom-width: 0.375rem; }
  .lg-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  .lg-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  .lg-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  .lg-border-l-6 { border-left-width: 0.375rem; }
  .lg-hover-border-l-6:hover { border-left-width: 0.375rem; }
  .lg-focus-border-l-6:focus { border-left-width: 0.375rem; }
  .lg-active-border-l-6:active { border-left-width: 0.375rem; }
  .lg-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  .lg-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  .lg-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-l-6 { border-left-width: 0.375rem; }
  .lg-border-7 { border-width: 0.4375rem; }
  .lg-hover-border-7:hover { border-width: 0.4375rem; }
  .lg-focus-border-7:focus { border-width: 0.4375rem; }
  .lg-active-border-7:active { border-width: 0.4375rem; }
  .lg-disabled-border-7:disabled { border-width: 0.4375rem; }
  .lg-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .lg-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-7 { border-width: 0.4375rem; }
  .lg-border-7 { border-width: 0.4375rem; }
  .lg-hover-border-7:hover { border-width: 0.4375rem; }
  .lg-focus-border-7:focus { border-width: 0.4375rem; }
  .lg-active-border-7:active { border-width: 0.4375rem; }
  .lg-disabled-border-7:disabled { border-width: 0.4375rem; }
  .lg-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .lg-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-7 { border-width: 0.4375rem; }
  .lg-border-t-7 { border-top-width: 0.4375rem; }
  .lg-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  .lg-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  .lg-active-border-t-7:active { border-top-width: 0.4375rem; }
  .lg-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  .lg-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  .lg-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  .lg-border-r-7 { border-right-width: 0.4375rem; }
  .lg-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  .lg-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  .lg-active-border-r-7:active { border-right-width: 0.4375rem; }
  .lg-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  .lg-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  .lg-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  .lg-border-b-7 { border-bottom-width: 0.4375rem; }
  .lg-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  .lg-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  .lg-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  .lg-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  .lg-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  .lg-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  .lg-border-l-7 { border-left-width: 0.4375rem; }
  .lg-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  .lg-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  .lg-active-border-l-7:active { border-left-width: 0.4375rem; }
  .lg-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  .lg-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  .lg-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  .lg-border-8 { border-width: 0.5rem; }
  .lg-hover-border-8:hover { border-width: 0.5rem; }
  .lg-focus-border-8:focus { border-width: 0.5rem; }
  .lg-active-border-8:active { border-width: 0.5rem; }
  .lg-disabled-border-8:disabled { border-width: 0.5rem; }
  .lg-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .lg-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-8 { border-width: 0.5rem; }
  .lg-border-8 { border-width: 0.5rem; }
  .lg-hover-border-8:hover { border-width: 0.5rem; }
  .lg-focus-border-8:focus { border-width: 0.5rem; }
  .lg-active-border-8:active { border-width: 0.5rem; }
  .lg-disabled-border-8:disabled { border-width: 0.5rem; }
  .lg-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .lg-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-8 { border-width: 0.5rem; }
  .lg-border-t-8 { border-top-width: 0.5rem; }
  .lg-hover-border-t-8:hover { border-top-width: 0.5rem; }
  .lg-focus-border-t-8:focus { border-top-width: 0.5rem; }
  .lg-active-border-t-8:active { border-top-width: 0.5rem; }
  .lg-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  .lg-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  .lg-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-t-8 { border-top-width: 0.5rem; }
  .lg-border-r-8 { border-right-width: 0.5rem; }
  .lg-hover-border-r-8:hover { border-right-width: 0.5rem; }
  .lg-focus-border-r-8:focus { border-right-width: 0.5rem; }
  .lg-active-border-r-8:active { border-right-width: 0.5rem; }
  .lg-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  .lg-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  .lg-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-r-8 { border-right-width: 0.5rem; }
  .lg-border-b-8 { border-bottom-width: 0.5rem; }
  .lg-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  .lg-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  .lg-active-border-b-8:active { border-bottom-width: 0.5rem; }
  .lg-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  .lg-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  .lg-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  .lg-border-l-8 { border-left-width: 0.5rem; }
  .lg-hover-border-l-8:hover { border-left-width: 0.5rem; }
  .lg-focus-border-l-8:focus { border-left-width: 0.5rem; }
  .lg-active-border-l-8:active { border-left-width: 0.5rem; }
  .lg-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  .lg-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  .lg-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-l-8 { border-left-width: 0.5rem; }
  .lg-border-9 { border-width: 0.5625rem; }
  .lg-hover-border-9:hover { border-width: 0.5625rem; }
  .lg-focus-border-9:focus { border-width: 0.5625rem; }
  .lg-active-border-9:active { border-width: 0.5625rem; }
  .lg-disabled-border-9:disabled { border-width: 0.5625rem; }
  .lg-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .lg-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-9 { border-width: 0.5625rem; }
  .lg-border-9 { border-width: 0.5625rem; }
  .lg-hover-border-9:hover { border-width: 0.5625rem; }
  .lg-focus-border-9:focus { border-width: 0.5625rem; }
  .lg-active-border-9:active { border-width: 0.5625rem; }
  .lg-disabled-border-9:disabled { border-width: 0.5625rem; }
  .lg-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .lg-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-9 { border-width: 0.5625rem; }
  .lg-border-t-9 { border-top-width: 0.5625rem; }
  .lg-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  .lg-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  .lg-active-border-t-9:active { border-top-width: 0.5625rem; }
  .lg-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  .lg-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  .lg-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  .lg-border-r-9 { border-right-width: 0.5625rem; }
  .lg-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  .lg-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  .lg-active-border-r-9:active { border-right-width: 0.5625rem; }
  .lg-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  .lg-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  .lg-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  .lg-border-b-9 { border-bottom-width: 0.5625rem; }
  .lg-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  .lg-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  .lg-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  .lg-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  .lg-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  .lg-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  .lg-border-l-9 { border-left-width: 0.5625rem; }
  .lg-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  .lg-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  .lg-active-border-l-9:active { border-left-width: 0.5625rem; }
  .lg-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  .lg-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  .lg-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  .lg-border-10 { border-width: 0.625rem; }
  .lg-hover-border-10:hover { border-width: 0.625rem; }
  .lg-focus-border-10:focus { border-width: 0.625rem; }
  .lg-active-border-10:active { border-width: 0.625rem; }
  .lg-disabled-border-10:disabled { border-width: 0.625rem; }
  .lg-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .lg-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-10 { border-width: 0.625rem; }
  .lg-border-10 { border-width: 0.625rem; }
  .lg-hover-border-10:hover { border-width: 0.625rem; }
  .lg-focus-border-10:focus { border-width: 0.625rem; }
  .lg-active-border-10:active { border-width: 0.625rem; }
  .lg-disabled-border-10:disabled { border-width: 0.625rem; }
  .lg-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .lg-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-10 { border-width: 0.625rem; }
  .lg-border-t-10 { border-top-width: 0.625rem; }
  .lg-hover-border-t-10:hover { border-top-width: 0.625rem; }
  .lg-focus-border-t-10:focus { border-top-width: 0.625rem; }
  .lg-active-border-t-10:active { border-top-width: 0.625rem; }
  .lg-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  .lg-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  .lg-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-t-10 { border-top-width: 0.625rem; }
  .lg-border-r-10 { border-right-width: 0.625rem; }
  .lg-hover-border-r-10:hover { border-right-width: 0.625rem; }
  .lg-focus-border-r-10:focus { border-right-width: 0.625rem; }
  .lg-active-border-r-10:active { border-right-width: 0.625rem; }
  .lg-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  .lg-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  .lg-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-r-10 { border-right-width: 0.625rem; }
  .lg-border-b-10 { border-bottom-width: 0.625rem; }
  .lg-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  .lg-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  .lg-active-border-b-10:active { border-bottom-width: 0.625rem; }
  .lg-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  .lg-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  .lg-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  .lg-border-l-10 { border-left-width: 0.625rem; }
  .lg-hover-border-l-10:hover { border-left-width: 0.625rem; }
  .lg-focus-border-l-10:focus { border-left-width: 0.625rem; }
  .lg-active-border-l-10:active { border-left-width: 0.625rem; }
  .lg-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  .lg-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  .lg-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-l-10 { border-left-width: 0.625rem; }
  .lg-border-11 { border-width: 0.6875rem; }
  .lg-hover-border-11:hover { border-width: 0.6875rem; }
  .lg-focus-border-11:focus { border-width: 0.6875rem; }
  .lg-active-border-11:active { border-width: 0.6875rem; }
  .lg-disabled-border-11:disabled { border-width: 0.6875rem; }
  .lg-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .lg-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-11 { border-width: 0.6875rem; }
  .lg-border-11 { border-width: 0.6875rem; }
  .lg-hover-border-11:hover { border-width: 0.6875rem; }
  .lg-focus-border-11:focus { border-width: 0.6875rem; }
  .lg-active-border-11:active { border-width: 0.6875rem; }
  .lg-disabled-border-11:disabled { border-width: 0.6875rem; }
  .lg-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .lg-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-11 { border-width: 0.6875rem; }
  .lg-border-t-11 { border-top-width: 0.6875rem; }
  .lg-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  .lg-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  .lg-active-border-t-11:active { border-top-width: 0.6875rem; }
  .lg-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  .lg-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  .lg-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  .lg-border-r-11 { border-right-width: 0.6875rem; }
  .lg-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  .lg-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  .lg-active-border-r-11:active { border-right-width: 0.6875rem; }
  .lg-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  .lg-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  .lg-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  .lg-border-b-11 { border-bottom-width: 0.6875rem; }
  .lg-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  .lg-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  .lg-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  .lg-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  .lg-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  .lg-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  .lg-border-l-11 { border-left-width: 0.6875rem; }
  .lg-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  .lg-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  .lg-active-border-l-11:active { border-left-width: 0.6875rem; }
  .lg-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  .lg-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  .lg-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  .lg-border-12 { border-width: 0.75rem; }
  .lg-hover-border-12:hover { border-width: 0.75rem; }
  .lg-focus-border-12:focus { border-width: 0.75rem; }
  .lg-active-border-12:active { border-width: 0.75rem; }
  .lg-disabled-border-12:disabled { border-width: 0.75rem; }
  .lg-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .lg-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-12 { border-width: 0.75rem; }
  .lg-border-12 { border-width: 0.75rem; }
  .lg-hover-border-12:hover { border-width: 0.75rem; }
  .lg-focus-border-12:focus { border-width: 0.75rem; }
  .lg-active-border-12:active { border-width: 0.75rem; }
  .lg-disabled-border-12:disabled { border-width: 0.75rem; }
  .lg-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .lg-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-12 { border-width: 0.75rem; }
  .lg-border-t-12 { border-top-width: 0.75rem; }
  .lg-hover-border-t-12:hover { border-top-width: 0.75rem; }
  .lg-focus-border-t-12:focus { border-top-width: 0.75rem; }
  .lg-active-border-t-12:active { border-top-width: 0.75rem; }
  .lg-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  .lg-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  .lg-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-t-12 { border-top-width: 0.75rem; }
  .lg-border-r-12 { border-right-width: 0.75rem; }
  .lg-hover-border-r-12:hover { border-right-width: 0.75rem; }
  .lg-focus-border-r-12:focus { border-right-width: 0.75rem; }
  .lg-active-border-r-12:active { border-right-width: 0.75rem; }
  .lg-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  .lg-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  .lg-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-r-12 { border-right-width: 0.75rem; }
  .lg-border-b-12 { border-bottom-width: 0.75rem; }
  .lg-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  .lg-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  .lg-active-border-b-12:active { border-bottom-width: 0.75rem; }
  .lg-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  .lg-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  .lg-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  .lg-border-l-12 { border-left-width: 0.75rem; }
  .lg-hover-border-l-12:hover { border-left-width: 0.75rem; }
  .lg-focus-border-l-12:focus { border-left-width: 0.75rem; }
  .lg-active-border-l-12:active { border-left-width: 0.75rem; }
  .lg-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  .lg-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  .lg-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-l-12 { border-left-width: 0.75rem; }
  .lg-border-13 { border-width: 0.8125rem; }
  .lg-hover-border-13:hover { border-width: 0.8125rem; }
  .lg-focus-border-13:focus { border-width: 0.8125rem; }
  .lg-active-border-13:active { border-width: 0.8125rem; }
  .lg-disabled-border-13:disabled { border-width: 0.8125rem; }
  .lg-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .lg-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-13 { border-width: 0.8125rem; }
  .lg-border-13 { border-width: 0.8125rem; }
  .lg-hover-border-13:hover { border-width: 0.8125rem; }
  .lg-focus-border-13:focus { border-width: 0.8125rem; }
  .lg-active-border-13:active { border-width: 0.8125rem; }
  .lg-disabled-border-13:disabled { border-width: 0.8125rem; }
  .lg-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .lg-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-13 { border-width: 0.8125rem; }
  .lg-border-t-13 { border-top-width: 0.8125rem; }
  .lg-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  .lg-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  .lg-active-border-t-13:active { border-top-width: 0.8125rem; }
  .lg-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  .lg-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  .lg-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  .lg-border-r-13 { border-right-width: 0.8125rem; }
  .lg-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  .lg-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  .lg-active-border-r-13:active { border-right-width: 0.8125rem; }
  .lg-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  .lg-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  .lg-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  .lg-border-b-13 { border-bottom-width: 0.8125rem; }
  .lg-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  .lg-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  .lg-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  .lg-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  .lg-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  .lg-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  .lg-border-l-13 { border-left-width: 0.8125rem; }
  .lg-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  .lg-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  .lg-active-border-l-13:active { border-left-width: 0.8125rem; }
  .lg-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  .lg-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  .lg-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  .lg-border-14 { border-width: 0.875rem; }
  .lg-hover-border-14:hover { border-width: 0.875rem; }
  .lg-focus-border-14:focus { border-width: 0.875rem; }
  .lg-active-border-14:active { border-width: 0.875rem; }
  .lg-disabled-border-14:disabled { border-width: 0.875rem; }
  .lg-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .lg-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-14 { border-width: 0.875rem; }
  .lg-border-14 { border-width: 0.875rem; }
  .lg-hover-border-14:hover { border-width: 0.875rem; }
  .lg-focus-border-14:focus { border-width: 0.875rem; }
  .lg-active-border-14:active { border-width: 0.875rem; }
  .lg-disabled-border-14:disabled { border-width: 0.875rem; }
  .lg-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .lg-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-14 { border-width: 0.875rem; }
  .lg-border-t-14 { border-top-width: 0.875rem; }
  .lg-hover-border-t-14:hover { border-top-width: 0.875rem; }
  .lg-focus-border-t-14:focus { border-top-width: 0.875rem; }
  .lg-active-border-t-14:active { border-top-width: 0.875rem; }
  .lg-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  .lg-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  .lg-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-t-14 { border-top-width: 0.875rem; }
  .lg-border-r-14 { border-right-width: 0.875rem; }
  .lg-hover-border-r-14:hover { border-right-width: 0.875rem; }
  .lg-focus-border-r-14:focus { border-right-width: 0.875rem; }
  .lg-active-border-r-14:active { border-right-width: 0.875rem; }
  .lg-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  .lg-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  .lg-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-r-14 { border-right-width: 0.875rem; }
  .lg-border-b-14 { border-bottom-width: 0.875rem; }
  .lg-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  .lg-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  .lg-active-border-b-14:active { border-bottom-width: 0.875rem; }
  .lg-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  .lg-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  .lg-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  .lg-border-l-14 { border-left-width: 0.875rem; }
  .lg-hover-border-l-14:hover { border-left-width: 0.875rem; }
  .lg-focus-border-l-14:focus { border-left-width: 0.875rem; }
  .lg-active-border-l-14:active { border-left-width: 0.875rem; }
  .lg-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  .lg-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  .lg-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-l-14 { border-left-width: 0.875rem; }
  .lg-border-15 { border-width: 0.9375rem; }
  .lg-hover-border-15:hover { border-width: 0.9375rem; }
  .lg-focus-border-15:focus { border-width: 0.9375rem; }
  .lg-active-border-15:active { border-width: 0.9375rem; }
  .lg-disabled-border-15:disabled { border-width: 0.9375rem; }
  .lg-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .lg-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-15 { border-width: 0.9375rem; }
  .lg-border-15 { border-width: 0.9375rem; }
  .lg-hover-border-15:hover { border-width: 0.9375rem; }
  .lg-focus-border-15:focus { border-width: 0.9375rem; }
  .lg-active-border-15:active { border-width: 0.9375rem; }
  .lg-disabled-border-15:disabled { border-width: 0.9375rem; }
  .lg-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .lg-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-15 { border-width: 0.9375rem; }
  .lg-border-t-15 { border-top-width: 0.9375rem; }
  .lg-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  .lg-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  .lg-active-border-t-15:active { border-top-width: 0.9375rem; }
  .lg-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  .lg-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  .lg-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  .lg-border-r-15 { border-right-width: 0.9375rem; }
  .lg-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  .lg-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  .lg-active-border-r-15:active { border-right-width: 0.9375rem; }
  .lg-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  .lg-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  .lg-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  .lg-border-b-15 { border-bottom-width: 0.9375rem; }
  .lg-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  .lg-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  .lg-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  .lg-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  .lg-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  .lg-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  .lg-border-l-15 { border-left-width: 0.9375rem; }
  .lg-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  .lg-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  .lg-active-border-l-15:active { border-left-width: 0.9375rem; }
  .lg-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  .lg-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  .lg-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  .lg-border-16 { border-width: 1.0rem; }
  .lg-hover-border-16:hover { border-width: 1.0rem; }
  .lg-focus-border-16:focus { border-width: 1.0rem; }
  .lg-active-border-16:active { border-width: 1.0rem; }
  .lg-disabled-border-16:disabled { border-width: 1.0rem; }
  .lg-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .lg-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-16 { border-width: 1.0rem; }
  .lg-border-16 { border-width: 1.0rem; }
  .lg-hover-border-16:hover { border-width: 1.0rem; }
  .lg-focus-border-16:focus { border-width: 1.0rem; }
  .lg-active-border-16:active { border-width: 1.0rem; }
  .lg-disabled-border-16:disabled { border-width: 1.0rem; }
  .lg-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .lg-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-16 { border-width: 1.0rem; }
  .lg-border-t-16 { border-top-width: 1.0rem; }
  .lg-hover-border-t-16:hover { border-top-width: 1.0rem; }
  .lg-focus-border-t-16:focus { border-top-width: 1.0rem; }
  .lg-active-border-t-16:active { border-top-width: 1.0rem; }
  .lg-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  .lg-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  .lg-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-t-16 { border-top-width: 1.0rem; }
  .lg-border-r-16 { border-right-width: 1.0rem; }
  .lg-hover-border-r-16:hover { border-right-width: 1.0rem; }
  .lg-focus-border-r-16:focus { border-right-width: 1.0rem; }
  .lg-active-border-r-16:active { border-right-width: 1.0rem; }
  .lg-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  .lg-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  .lg-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-r-16 { border-right-width: 1.0rem; }
  .lg-border-b-16 { border-bottom-width: 1.0rem; }
  .lg-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  .lg-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  .lg-active-border-b-16:active { border-bottom-width: 1.0rem; }
  .lg-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  .lg-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  .lg-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  .lg-border-l-16 { border-left-width: 1.0rem; }
  .lg-hover-border-l-16:hover { border-left-width: 1.0rem; }
  .lg-focus-border-l-16:focus { border-left-width: 1.0rem; }
  .lg-active-border-l-16:active { border-left-width: 1.0rem; }
  .lg-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  .lg-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  .lg-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-l-16 { border-left-width: 1.0rem; }
  .lg-border-17 { border-width: 1.0625rem; }
  .lg-hover-border-17:hover { border-width: 1.0625rem; }
  .lg-focus-border-17:focus { border-width: 1.0625rem; }
  .lg-active-border-17:active { border-width: 1.0625rem; }
  .lg-disabled-border-17:disabled { border-width: 1.0625rem; }
  .lg-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .lg-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-17 { border-width: 1.0625rem; }
  .lg-border-17 { border-width: 1.0625rem; }
  .lg-hover-border-17:hover { border-width: 1.0625rem; }
  .lg-focus-border-17:focus { border-width: 1.0625rem; }
  .lg-active-border-17:active { border-width: 1.0625rem; }
  .lg-disabled-border-17:disabled { border-width: 1.0625rem; }
  .lg-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .lg-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-17 { border-width: 1.0625rem; }
  .lg-border-t-17 { border-top-width: 1.0625rem; }
  .lg-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  .lg-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  .lg-active-border-t-17:active { border-top-width: 1.0625rem; }
  .lg-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  .lg-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  .lg-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  .lg-border-r-17 { border-right-width: 1.0625rem; }
  .lg-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  .lg-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  .lg-active-border-r-17:active { border-right-width: 1.0625rem; }
  .lg-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  .lg-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  .lg-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  .lg-border-b-17 { border-bottom-width: 1.0625rem; }
  .lg-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  .lg-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  .lg-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  .lg-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  .lg-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  .lg-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  .lg-border-l-17 { border-left-width: 1.0625rem; }
  .lg-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  .lg-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  .lg-active-border-l-17:active { border-left-width: 1.0625rem; }
  .lg-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  .lg-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  .lg-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  .lg-border-18 { border-width: 1.125rem; }
  .lg-hover-border-18:hover { border-width: 1.125rem; }
  .lg-focus-border-18:focus { border-width: 1.125rem; }
  .lg-active-border-18:active { border-width: 1.125rem; }
  .lg-disabled-border-18:disabled { border-width: 1.125rem; }
  .lg-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .lg-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-18 { border-width: 1.125rem; }
  .lg-border-18 { border-width: 1.125rem; }
  .lg-hover-border-18:hover { border-width: 1.125rem; }
  .lg-focus-border-18:focus { border-width: 1.125rem; }
  .lg-active-border-18:active { border-width: 1.125rem; }
  .lg-disabled-border-18:disabled { border-width: 1.125rem; }
  .lg-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .lg-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-18 { border-width: 1.125rem; }
  .lg-border-t-18 { border-top-width: 1.125rem; }
  .lg-hover-border-t-18:hover { border-top-width: 1.125rem; }
  .lg-focus-border-t-18:focus { border-top-width: 1.125rem; }
  .lg-active-border-t-18:active { border-top-width: 1.125rem; }
  .lg-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  .lg-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  .lg-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-t-18 { border-top-width: 1.125rem; }
  .lg-border-r-18 { border-right-width: 1.125rem; }
  .lg-hover-border-r-18:hover { border-right-width: 1.125rem; }
  .lg-focus-border-r-18:focus { border-right-width: 1.125rem; }
  .lg-active-border-r-18:active { border-right-width: 1.125rem; }
  .lg-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  .lg-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  .lg-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-r-18 { border-right-width: 1.125rem; }
  .lg-border-b-18 { border-bottom-width: 1.125rem; }
  .lg-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  .lg-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  .lg-active-border-b-18:active { border-bottom-width: 1.125rem; }
  .lg-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  .lg-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  .lg-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  .lg-border-l-18 { border-left-width: 1.125rem; }
  .lg-hover-border-l-18:hover { border-left-width: 1.125rem; }
  .lg-focus-border-l-18:focus { border-left-width: 1.125rem; }
  .lg-active-border-l-18:active { border-left-width: 1.125rem; }
  .lg-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  .lg-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  .lg-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-l-18 { border-left-width: 1.125rem; }
  .lg-border-19 { border-width: 1.1875rem; }
  .lg-hover-border-19:hover { border-width: 1.1875rem; }
  .lg-focus-border-19:focus { border-width: 1.1875rem; }
  .lg-active-border-19:active { border-width: 1.1875rem; }
  .lg-disabled-border-19:disabled { border-width: 1.1875rem; }
  .lg-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .lg-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-19 { border-width: 1.1875rem; }
  .lg-border-19 { border-width: 1.1875rem; }
  .lg-hover-border-19:hover { border-width: 1.1875rem; }
  .lg-focus-border-19:focus { border-width: 1.1875rem; }
  .lg-active-border-19:active { border-width: 1.1875rem; }
  .lg-disabled-border-19:disabled { border-width: 1.1875rem; }
  .lg-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .lg-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-19 { border-width: 1.1875rem; }
  .lg-border-t-19 { border-top-width: 1.1875rem; }
  .lg-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  .lg-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  .lg-active-border-t-19:active { border-top-width: 1.1875rem; }
  .lg-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  .lg-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  .lg-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  .lg-border-r-19 { border-right-width: 1.1875rem; }
  .lg-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  .lg-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  .lg-active-border-r-19:active { border-right-width: 1.1875rem; }
  .lg-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  .lg-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  .lg-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  .lg-border-b-19 { border-bottom-width: 1.1875rem; }
  .lg-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  .lg-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  .lg-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  .lg-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  .lg-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  .lg-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  .lg-border-l-19 { border-left-width: 1.1875rem; }
  .lg-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  .lg-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  .lg-active-border-l-19:active { border-left-width: 1.1875rem; }
  .lg-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  .lg-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  .lg-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  .lg-border-20 { border-width: 1.25rem; }
  .lg-hover-border-20:hover { border-width: 1.25rem; }
  .lg-focus-border-20:focus { border-width: 1.25rem; }
  .lg-active-border-20:active { border-width: 1.25rem; }
  .lg-disabled-border-20:disabled { border-width: 1.25rem; }
  .lg-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .lg-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-20 { border-width: 1.25rem; }
  .lg-border-20 { border-width: 1.25rem; }
  .lg-hover-border-20:hover { border-width: 1.25rem; }
  .lg-focus-border-20:focus { border-width: 1.25rem; }
  .lg-active-border-20:active { border-width: 1.25rem; }
  .lg-disabled-border-20:disabled { border-width: 1.25rem; }
  .lg-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .lg-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-20 { border-width: 1.25rem; }
  .lg-border-t-20 { border-top-width: 1.25rem; }
  .lg-hover-border-t-20:hover { border-top-width: 1.25rem; }
  .lg-focus-border-t-20:focus { border-top-width: 1.25rem; }
  .lg-active-border-t-20:active { border-top-width: 1.25rem; }
  .lg-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  .lg-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  .lg-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-t-20 { border-top-width: 1.25rem; }
  .lg-border-r-20 { border-right-width: 1.25rem; }
  .lg-hover-border-r-20:hover { border-right-width: 1.25rem; }
  .lg-focus-border-r-20:focus { border-right-width: 1.25rem; }
  .lg-active-border-r-20:active { border-right-width: 1.25rem; }
  .lg-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  .lg-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  .lg-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-r-20 { border-right-width: 1.25rem; }
  .lg-border-b-20 { border-bottom-width: 1.25rem; }
  .lg-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  .lg-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  .lg-active-border-b-20:active { border-bottom-width: 1.25rem; }
  .lg-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  .lg-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  .lg-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  .lg-border-l-20 { border-left-width: 1.25rem; }
  .lg-hover-border-l-20:hover { border-left-width: 1.25rem; }
  .lg-focus-border-l-20:focus { border-left-width: 1.25rem; }
  .lg-active-border-l-20:active { border-left-width: 1.25rem; }
  .lg-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  .lg-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  .lg-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-l-20 { border-left-width: 1.25rem; }
  .lg-border-21 { border-width: 1.3125rem; }
  .lg-hover-border-21:hover { border-width: 1.3125rem; }
  .lg-focus-border-21:focus { border-width: 1.3125rem; }
  .lg-active-border-21:active { border-width: 1.3125rem; }
  .lg-disabled-border-21:disabled { border-width: 1.3125rem; }
  .lg-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .lg-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-21 { border-width: 1.3125rem; }
  .lg-border-21 { border-width: 1.3125rem; }
  .lg-hover-border-21:hover { border-width: 1.3125rem; }
  .lg-focus-border-21:focus { border-width: 1.3125rem; }
  .lg-active-border-21:active { border-width: 1.3125rem; }
  .lg-disabled-border-21:disabled { border-width: 1.3125rem; }
  .lg-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .lg-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-21 { border-width: 1.3125rem; }
  .lg-border-t-21 { border-top-width: 1.3125rem; }
  .lg-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  .lg-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  .lg-active-border-t-21:active { border-top-width: 1.3125rem; }
  .lg-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  .lg-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  .lg-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  .lg-border-r-21 { border-right-width: 1.3125rem; }
  .lg-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  .lg-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  .lg-active-border-r-21:active { border-right-width: 1.3125rem; }
  .lg-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  .lg-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  .lg-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  .lg-border-b-21 { border-bottom-width: 1.3125rem; }
  .lg-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  .lg-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  .lg-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  .lg-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  .lg-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  .lg-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  .lg-border-l-21 { border-left-width: 1.3125rem; }
  .lg-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  .lg-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  .lg-active-border-l-21:active { border-left-width: 1.3125rem; }
  .lg-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  .lg-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  .lg-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  .lg-border-22 { border-width: 1.375rem; }
  .lg-hover-border-22:hover { border-width: 1.375rem; }
  .lg-focus-border-22:focus { border-width: 1.375rem; }
  .lg-active-border-22:active { border-width: 1.375rem; }
  .lg-disabled-border-22:disabled { border-width: 1.375rem; }
  .lg-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .lg-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-22 { border-width: 1.375rem; }
  .lg-border-22 { border-width: 1.375rem; }
  .lg-hover-border-22:hover { border-width: 1.375rem; }
  .lg-focus-border-22:focus { border-width: 1.375rem; }
  .lg-active-border-22:active { border-width: 1.375rem; }
  .lg-disabled-border-22:disabled { border-width: 1.375rem; }
  .lg-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .lg-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-22 { border-width: 1.375rem; }
  .lg-border-t-22 { border-top-width: 1.375rem; }
  .lg-hover-border-t-22:hover { border-top-width: 1.375rem; }
  .lg-focus-border-t-22:focus { border-top-width: 1.375rem; }
  .lg-active-border-t-22:active { border-top-width: 1.375rem; }
  .lg-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  .lg-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  .lg-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-t-22 { border-top-width: 1.375rem; }
  .lg-border-r-22 { border-right-width: 1.375rem; }
  .lg-hover-border-r-22:hover { border-right-width: 1.375rem; }
  .lg-focus-border-r-22:focus { border-right-width: 1.375rem; }
  .lg-active-border-r-22:active { border-right-width: 1.375rem; }
  .lg-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  .lg-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  .lg-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-r-22 { border-right-width: 1.375rem; }
  .lg-border-b-22 { border-bottom-width: 1.375rem; }
  .lg-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  .lg-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  .lg-active-border-b-22:active { border-bottom-width: 1.375rem; }
  .lg-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  .lg-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  .lg-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  .lg-border-l-22 { border-left-width: 1.375rem; }
  .lg-hover-border-l-22:hover { border-left-width: 1.375rem; }
  .lg-focus-border-l-22:focus { border-left-width: 1.375rem; }
  .lg-active-border-l-22:active { border-left-width: 1.375rem; }
  .lg-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  .lg-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  .lg-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-l-22 { border-left-width: 1.375rem; }
  .lg-border-23 { border-width: 1.4375rem; }
  .lg-hover-border-23:hover { border-width: 1.4375rem; }
  .lg-focus-border-23:focus { border-width: 1.4375rem; }
  .lg-active-border-23:active { border-width: 1.4375rem; }
  .lg-disabled-border-23:disabled { border-width: 1.4375rem; }
  .lg-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .lg-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-23 { border-width: 1.4375rem; }
  .lg-border-23 { border-width: 1.4375rem; }
  .lg-hover-border-23:hover { border-width: 1.4375rem; }
  .lg-focus-border-23:focus { border-width: 1.4375rem; }
  .lg-active-border-23:active { border-width: 1.4375rem; }
  .lg-disabled-border-23:disabled { border-width: 1.4375rem; }
  .lg-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .lg-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-23 { border-width: 1.4375rem; }
  .lg-border-t-23 { border-top-width: 1.4375rem; }
  .lg-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  .lg-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  .lg-active-border-t-23:active { border-top-width: 1.4375rem; }
  .lg-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  .lg-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  .lg-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  .lg-border-r-23 { border-right-width: 1.4375rem; }
  .lg-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  .lg-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  .lg-active-border-r-23:active { border-right-width: 1.4375rem; }
  .lg-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  .lg-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  .lg-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  .lg-border-b-23 { border-bottom-width: 1.4375rem; }
  .lg-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  .lg-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  .lg-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  .lg-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  .lg-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  .lg-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  .lg-border-l-23 { border-left-width: 1.4375rem; }
  .lg-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  .lg-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  .lg-active-border-l-23:active { border-left-width: 1.4375rem; }
  .lg-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  .lg-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  .lg-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  .lg-border-24 { border-width: 1.5rem; }
  .lg-hover-border-24:hover { border-width: 1.5rem; }
  .lg-focus-border-24:focus { border-width: 1.5rem; }
  .lg-active-border-24:active { border-width: 1.5rem; }
  .lg-disabled-border-24:disabled { border-width: 1.5rem; }
  .lg-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .lg-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-24 { border-width: 1.5rem; }
  .lg-border-24 { border-width: 1.5rem; }
  .lg-hover-border-24:hover { border-width: 1.5rem; }
  .lg-focus-border-24:focus { border-width: 1.5rem; }
  .lg-active-border-24:active { border-width: 1.5rem; }
  .lg-disabled-border-24:disabled { border-width: 1.5rem; }
  .lg-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .lg-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-24 { border-width: 1.5rem; }
  .lg-border-t-24 { border-top-width: 1.5rem; }
  .lg-hover-border-t-24:hover { border-top-width: 1.5rem; }
  .lg-focus-border-t-24:focus { border-top-width: 1.5rem; }
  .lg-active-border-t-24:active { border-top-width: 1.5rem; }
  .lg-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  .lg-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  .lg-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-t-24 { border-top-width: 1.5rem; }
  .lg-border-r-24 { border-right-width: 1.5rem; }
  .lg-hover-border-r-24:hover { border-right-width: 1.5rem; }
  .lg-focus-border-r-24:focus { border-right-width: 1.5rem; }
  .lg-active-border-r-24:active { border-right-width: 1.5rem; }
  .lg-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  .lg-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  .lg-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-r-24 { border-right-width: 1.5rem; }
  .lg-border-b-24 { border-bottom-width: 1.5rem; }
  .lg-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  .lg-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  .lg-active-border-b-24:active { border-bottom-width: 1.5rem; }
  .lg-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  .lg-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  .lg-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  .lg-border-l-24 { border-left-width: 1.5rem; }
  .lg-hover-border-l-24:hover { border-left-width: 1.5rem; }
  .lg-focus-border-l-24:focus { border-left-width: 1.5rem; }
  .lg-active-border-l-24:active { border-left-width: 1.5rem; }
  .lg-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  .lg-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  .lg-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-l-24 { border-left-width: 1.5rem; }
  .lg-border-25 { border-width: 1.5625rem; }
  .lg-hover-border-25:hover { border-width: 1.5625rem; }
  .lg-focus-border-25:focus { border-width: 1.5625rem; }
  .lg-active-border-25:active { border-width: 1.5625rem; }
  .lg-disabled-border-25:disabled { border-width: 1.5625rem; }
  .lg-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .lg-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-25 { border-width: 1.5625rem; }
  .lg-border-25 { border-width: 1.5625rem; }
  .lg-hover-border-25:hover { border-width: 1.5625rem; }
  .lg-focus-border-25:focus { border-width: 1.5625rem; }
  .lg-active-border-25:active { border-width: 1.5625rem; }
  .lg-disabled-border-25:disabled { border-width: 1.5625rem; }
  .lg-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .lg-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-25 { border-width: 1.5625rem; }
  .lg-border-t-25 { border-top-width: 1.5625rem; }
  .lg-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  .lg-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  .lg-active-border-t-25:active { border-top-width: 1.5625rem; }
  .lg-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  .lg-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  .lg-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  .lg-border-r-25 { border-right-width: 1.5625rem; }
  .lg-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  .lg-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  .lg-active-border-r-25:active { border-right-width: 1.5625rem; }
  .lg-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  .lg-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  .lg-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  .lg-border-b-25 { border-bottom-width: 1.5625rem; }
  .lg-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  .lg-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  .lg-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  .lg-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  .lg-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  .lg-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  .lg-border-l-25 { border-left-width: 1.5625rem; }
  .lg-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  .lg-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  .lg-active-border-l-25:active { border-left-width: 1.5625rem; }
  .lg-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  .lg-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  .lg-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  .lg-border-26 { border-width: 1.625rem; }
  .lg-hover-border-26:hover { border-width: 1.625rem; }
  .lg-focus-border-26:focus { border-width: 1.625rem; }
  .lg-active-border-26:active { border-width: 1.625rem; }
  .lg-disabled-border-26:disabled { border-width: 1.625rem; }
  .lg-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .lg-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-26 { border-width: 1.625rem; }
  .lg-border-26 { border-width: 1.625rem; }
  .lg-hover-border-26:hover { border-width: 1.625rem; }
  .lg-focus-border-26:focus { border-width: 1.625rem; }
  .lg-active-border-26:active { border-width: 1.625rem; }
  .lg-disabled-border-26:disabled { border-width: 1.625rem; }
  .lg-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .lg-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-26 { border-width: 1.625rem; }
  .lg-border-t-26 { border-top-width: 1.625rem; }
  .lg-hover-border-t-26:hover { border-top-width: 1.625rem; }
  .lg-focus-border-t-26:focus { border-top-width: 1.625rem; }
  .lg-active-border-t-26:active { border-top-width: 1.625rem; }
  .lg-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  .lg-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  .lg-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-t-26 { border-top-width: 1.625rem; }
  .lg-border-r-26 { border-right-width: 1.625rem; }
  .lg-hover-border-r-26:hover { border-right-width: 1.625rem; }
  .lg-focus-border-r-26:focus { border-right-width: 1.625rem; }
  .lg-active-border-r-26:active { border-right-width: 1.625rem; }
  .lg-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  .lg-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  .lg-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-r-26 { border-right-width: 1.625rem; }
  .lg-border-b-26 { border-bottom-width: 1.625rem; }
  .lg-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  .lg-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  .lg-active-border-b-26:active { border-bottom-width: 1.625rem; }
  .lg-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  .lg-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  .lg-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  .lg-border-l-26 { border-left-width: 1.625rem; }
  .lg-hover-border-l-26:hover { border-left-width: 1.625rem; }
  .lg-focus-border-l-26:focus { border-left-width: 1.625rem; }
  .lg-active-border-l-26:active { border-left-width: 1.625rem; }
  .lg-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  .lg-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  .lg-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-l-26 { border-left-width: 1.625rem; }
  .lg-border-27 { border-width: 1.6875rem; }
  .lg-hover-border-27:hover { border-width: 1.6875rem; }
  .lg-focus-border-27:focus { border-width: 1.6875rem; }
  .lg-active-border-27:active { border-width: 1.6875rem; }
  .lg-disabled-border-27:disabled { border-width: 1.6875rem; }
  .lg-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .lg-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-27 { border-width: 1.6875rem; }
  .lg-border-27 { border-width: 1.6875rem; }
  .lg-hover-border-27:hover { border-width: 1.6875rem; }
  .lg-focus-border-27:focus { border-width: 1.6875rem; }
  .lg-active-border-27:active { border-width: 1.6875rem; }
  .lg-disabled-border-27:disabled { border-width: 1.6875rem; }
  .lg-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .lg-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-27 { border-width: 1.6875rem; }
  .lg-border-t-27 { border-top-width: 1.6875rem; }
  .lg-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  .lg-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  .lg-active-border-t-27:active { border-top-width: 1.6875rem; }
  .lg-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  .lg-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  .lg-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  .lg-border-r-27 { border-right-width: 1.6875rem; }
  .lg-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  .lg-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  .lg-active-border-r-27:active { border-right-width: 1.6875rem; }
  .lg-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  .lg-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  .lg-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  .lg-border-b-27 { border-bottom-width: 1.6875rem; }
  .lg-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  .lg-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  .lg-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  .lg-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  .lg-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  .lg-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  .lg-border-l-27 { border-left-width: 1.6875rem; }
  .lg-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  .lg-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  .lg-active-border-l-27:active { border-left-width: 1.6875rem; }
  .lg-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  .lg-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  .lg-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  .lg-border-28 { border-width: 1.75rem; }
  .lg-hover-border-28:hover { border-width: 1.75rem; }
  .lg-focus-border-28:focus { border-width: 1.75rem; }
  .lg-active-border-28:active { border-width: 1.75rem; }
  .lg-disabled-border-28:disabled { border-width: 1.75rem; }
  .lg-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .lg-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-28 { border-width: 1.75rem; }
  .lg-border-28 { border-width: 1.75rem; }
  .lg-hover-border-28:hover { border-width: 1.75rem; }
  .lg-focus-border-28:focus { border-width: 1.75rem; }
  .lg-active-border-28:active { border-width: 1.75rem; }
  .lg-disabled-border-28:disabled { border-width: 1.75rem; }
  .lg-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .lg-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-28 { border-width: 1.75rem; }
  .lg-border-t-28 { border-top-width: 1.75rem; }
  .lg-hover-border-t-28:hover { border-top-width: 1.75rem; }
  .lg-focus-border-t-28:focus { border-top-width: 1.75rem; }
  .lg-active-border-t-28:active { border-top-width: 1.75rem; }
  .lg-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  .lg-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  .lg-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-t-28 { border-top-width: 1.75rem; }
  .lg-border-r-28 { border-right-width: 1.75rem; }
  .lg-hover-border-r-28:hover { border-right-width: 1.75rem; }
  .lg-focus-border-r-28:focus { border-right-width: 1.75rem; }
  .lg-active-border-r-28:active { border-right-width: 1.75rem; }
  .lg-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  .lg-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  .lg-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-r-28 { border-right-width: 1.75rem; }
  .lg-border-b-28 { border-bottom-width: 1.75rem; }
  .lg-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  .lg-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  .lg-active-border-b-28:active { border-bottom-width: 1.75rem; }
  .lg-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  .lg-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  .lg-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  .lg-border-l-28 { border-left-width: 1.75rem; }
  .lg-hover-border-l-28:hover { border-left-width: 1.75rem; }
  .lg-focus-border-l-28:focus { border-left-width: 1.75rem; }
  .lg-active-border-l-28:active { border-left-width: 1.75rem; }
  .lg-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  .lg-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  .lg-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-l-28 { border-left-width: 1.75rem; }
  .lg-border-29 { border-width: 1.8125rem; }
  .lg-hover-border-29:hover { border-width: 1.8125rem; }
  .lg-focus-border-29:focus { border-width: 1.8125rem; }
  .lg-active-border-29:active { border-width: 1.8125rem; }
  .lg-disabled-border-29:disabled { border-width: 1.8125rem; }
  .lg-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .lg-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-29 { border-width: 1.8125rem; }
  .lg-border-29 { border-width: 1.8125rem; }
  .lg-hover-border-29:hover { border-width: 1.8125rem; }
  .lg-focus-border-29:focus { border-width: 1.8125rem; }
  .lg-active-border-29:active { border-width: 1.8125rem; }
  .lg-disabled-border-29:disabled { border-width: 1.8125rem; }
  .lg-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .lg-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-29 { border-width: 1.8125rem; }
  .lg-border-t-29 { border-top-width: 1.8125rem; }
  .lg-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  .lg-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  .lg-active-border-t-29:active { border-top-width: 1.8125rem; }
  .lg-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  .lg-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  .lg-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  .lg-border-r-29 { border-right-width: 1.8125rem; }
  .lg-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  .lg-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  .lg-active-border-r-29:active { border-right-width: 1.8125rem; }
  .lg-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  .lg-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  .lg-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  .lg-border-b-29 { border-bottom-width: 1.8125rem; }
  .lg-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  .lg-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  .lg-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  .lg-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  .lg-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  .lg-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  .lg-border-l-29 { border-left-width: 1.8125rem; }
  .lg-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  .lg-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  .lg-active-border-l-29:active { border-left-width: 1.8125rem; }
  .lg-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  .lg-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  .lg-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  .lg-border-30 { border-width: 1.875rem; }
  .lg-hover-border-30:hover { border-width: 1.875rem; }
  .lg-focus-border-30:focus { border-width: 1.875rem; }
  .lg-active-border-30:active { border-width: 1.875rem; }
  .lg-disabled-border-30:disabled { border-width: 1.875rem; }
  .lg-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .lg-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-30 { border-width: 1.875rem; }
  .lg-border-30 { border-width: 1.875rem; }
  .lg-hover-border-30:hover { border-width: 1.875rem; }
  .lg-focus-border-30:focus { border-width: 1.875rem; }
  .lg-active-border-30:active { border-width: 1.875rem; }
  .lg-disabled-border-30:disabled { border-width: 1.875rem; }
  .lg-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .lg-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-30 { border-width: 1.875rem; }
  .lg-border-t-30 { border-top-width: 1.875rem; }
  .lg-hover-border-t-30:hover { border-top-width: 1.875rem; }
  .lg-focus-border-t-30:focus { border-top-width: 1.875rem; }
  .lg-active-border-t-30:active { border-top-width: 1.875rem; }
  .lg-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  .lg-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  .lg-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-t-30 { border-top-width: 1.875rem; }
  .lg-border-r-30 { border-right-width: 1.875rem; }
  .lg-hover-border-r-30:hover { border-right-width: 1.875rem; }
  .lg-focus-border-r-30:focus { border-right-width: 1.875rem; }
  .lg-active-border-r-30:active { border-right-width: 1.875rem; }
  .lg-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  .lg-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  .lg-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-r-30 { border-right-width: 1.875rem; }
  .lg-border-b-30 { border-bottom-width: 1.875rem; }
  .lg-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  .lg-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  .lg-active-border-b-30:active { border-bottom-width: 1.875rem; }
  .lg-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  .lg-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  .lg-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  .lg-border-l-30 { border-left-width: 1.875rem; }
  .lg-hover-border-l-30:hover { border-left-width: 1.875rem; }
  .lg-focus-border-l-30:focus { border-left-width: 1.875rem; }
  .lg-active-border-l-30:active { border-left-width: 1.875rem; }
  .lg-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  .lg-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  .lg-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-l-30 { border-left-width: 1.875rem; }
  .lg-border-31 { border-width: 1.9375rem; }
  .lg-hover-border-31:hover { border-width: 1.9375rem; }
  .lg-focus-border-31:focus { border-width: 1.9375rem; }
  .lg-active-border-31:active { border-width: 1.9375rem; }
  .lg-disabled-border-31:disabled { border-width: 1.9375rem; }
  .lg-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .lg-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-31 { border-width: 1.9375rem; }
  .lg-border-31 { border-width: 1.9375rem; }
  .lg-hover-border-31:hover { border-width: 1.9375rem; }
  .lg-focus-border-31:focus { border-width: 1.9375rem; }
  .lg-active-border-31:active { border-width: 1.9375rem; }
  .lg-disabled-border-31:disabled { border-width: 1.9375rem; }
  .lg-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .lg-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-31 { border-width: 1.9375rem; }
  .lg-border-t-31 { border-top-width: 1.9375rem; }
  .lg-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  .lg-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  .lg-active-border-t-31:active { border-top-width: 1.9375rem; }
  .lg-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  .lg-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  .lg-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  .lg-border-r-31 { border-right-width: 1.9375rem; }
  .lg-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  .lg-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  .lg-active-border-r-31:active { border-right-width: 1.9375rem; }
  .lg-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  .lg-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  .lg-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  .lg-border-b-31 { border-bottom-width: 1.9375rem; }
  .lg-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  .lg-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  .lg-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  .lg-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  .lg-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  .lg-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  .lg-border-l-31 { border-left-width: 1.9375rem; }
  .lg-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  .lg-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  .lg-active-border-l-31:active { border-left-width: 1.9375rem; }
  .lg-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  .lg-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  .lg-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  .lg-border-32 { border-width: 2.0rem; }
  .lg-hover-border-32:hover { border-width: 2.0rem; }
  .lg-focus-border-32:focus { border-width: 2.0rem; }
  .lg-active-border-32:active { border-width: 2.0rem; }
  .lg-disabled-border-32:disabled { border-width: 2.0rem; }
  .lg-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .lg-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-32 { border-width: 2.0rem; }
  .lg-border-32 { border-width: 2.0rem; }
  .lg-hover-border-32:hover { border-width: 2.0rem; }
  .lg-focus-border-32:focus { border-width: 2.0rem; }
  .lg-active-border-32:active { border-width: 2.0rem; }
  .lg-disabled-border-32:disabled { border-width: 2.0rem; }
  .lg-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .lg-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-32 { border-width: 2.0rem; }
  .lg-border-t-32 { border-top-width: 2.0rem; }
  .lg-hover-border-t-32:hover { border-top-width: 2.0rem; }
  .lg-focus-border-t-32:focus { border-top-width: 2.0rem; }
  .lg-active-border-t-32:active { border-top-width: 2.0rem; }
  .lg-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  .lg-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  .lg-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-t-32 { border-top-width: 2.0rem; }
  .lg-border-r-32 { border-right-width: 2.0rem; }
  .lg-hover-border-r-32:hover { border-right-width: 2.0rem; }
  .lg-focus-border-r-32:focus { border-right-width: 2.0rem; }
  .lg-active-border-r-32:active { border-right-width: 2.0rem; }
  .lg-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  .lg-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  .lg-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-r-32 { border-right-width: 2.0rem; }
  .lg-border-b-32 { border-bottom-width: 2.0rem; }
  .lg-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  .lg-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  .lg-active-border-b-32:active { border-bottom-width: 2.0rem; }
  .lg-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  .lg-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  .lg-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  .lg-border-l-32 { border-left-width: 2.0rem; }
  .lg-hover-border-l-32:hover { border-left-width: 2.0rem; }
  .lg-focus-border-l-32:focus { border-left-width: 2.0rem; }
  .lg-active-border-l-32:active { border-left-width: 2.0rem; }
  .lg-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  .lg-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  .lg-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-l-32 { border-left-width: 2.0rem; }
  .lg-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .lg-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-group:hover .lg-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .lg-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .lg-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-group:hover .lg-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .lg-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .lg-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .lg-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .lg-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-group:hover .lg-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .lg-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .lg-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-group:hover .lg-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .lg-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .lg-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-group:hover .lg-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .lg-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .lg-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-group:hover .lg-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .lg-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .lg-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-group:hover .lg-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .lg-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .lg-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .lg-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .lg-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-group:hover .lg-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .lg-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .lg-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-group:hover .lg-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .lg-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .lg-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-group:hover .lg-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .lg-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .lg-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-group:hover .lg-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .lg-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .lg-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-group:hover .lg-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .lg-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .lg-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-group:hover .lg-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .lg-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .lg-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-group:hover .lg-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .lg-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .lg-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-group:hover .lg-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .lg-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .lg-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-group:hover .lg-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .lg-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .lg-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-group:hover .lg-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .lg-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .lg-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-group:hover .lg-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .lg-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .lg-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-group:hover .lg-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .lg-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .lg-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-group:hover .lg-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .lg-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .lg-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-group:hover .lg-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .lg-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .lg-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-group:hover .lg-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .lg-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .lg-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-group:hover .lg-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .lg-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .lg-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-group:hover .lg-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .lg-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .lg-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-group:hover .lg-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .lg-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .lg-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-group:hover .lg-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .lg-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .lg-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-group:hover .lg-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .lg-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .lg-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-group:hover .lg-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .lg-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .lg-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-group:hover .lg-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .lg-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .lg-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-group:hover .lg-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .lg-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .lg-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-group:hover .lg-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .lg-border-transparent { border-color: transparent; }
  .lg-hover-border-transparent:hover { border-color: transparent; }
  .lg-focus-border-transparent:focus { border-color: transparent; }
  .lg-active-border-transparent:active { border-color: transparent; }
  .lg-disabled-border-transparent:disabled { border-color: transparent; }
  .lg-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  .lg-focus-within-border-transparent:focus-within { border-color: transparent; }
  .lg-group:hover .lg-group-hover-border-transparent { border-color: transparent; }
  .lg-border-inherit { border-color: inherit; }
  .lg-hover-border-inherit:hover { border-color: inherit; }
  .lg-focus-border-inherit:focus { border-color: inherit; }
  .lg-active-border-inherit:active { border-color: inherit; }
  .lg-disabled-border-inherit:disabled { border-color: inherit; }
  .lg-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  .lg-focus-within-border-inherit:focus-within { border-color: inherit; }
  .lg-group:hover .lg-group-hover-border-inherit { border-color: inherit; }
  .lg-bg-transparent { background-color: transparent; }
  .lg-hover-bg-transparent:hover { background-color: transparent; }
  .lg-focus-bg-transparent:focus { background-color: transparent; }
  .lg-active-bg-transparent:active { background-color: transparent; }
  .lg-disabled-bg-transparent:disabled { background-color: transparent; }
  .lg-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  .lg-focus-within-bg-transparent:focus-within { background-color: transparent; }
  .lg-group:hover .lg-group-hover-bg-transparent { background-color: transparent; }
  .lg-bg-inherit { background-color: inherit; }
  .lg-hover-bg-inherit:hover { background-color: inherit; }
  .lg-focus-bg-inherit:focus { background-color: inherit; }
  .lg-active-bg-inherit:active { background-color: inherit; }
  .lg-disabled-bg-inherit:disabled { background-color: inherit; }
  .lg-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  .lg-focus-within-bg-inherit:focus-within { background-color: inherit; }
  .lg-group:hover .lg-group-hover-bg-inherit { background-color: inherit; }
  .lg-text-transparent { color: transparent; }
  .lg-hover-text-transparent:hover { color: transparent; }
  .lg-focus-text-transparent:focus { color: transparent; }
  .lg-active-text-transparent:active { color: transparent; }
  .lg-disabled-text-transparent:disabled { color: transparent; }
  .lg-focus-visible-text-transparent:focus-visible { color: transparent; }
  .lg-focus-within-text-transparent:focus-within { color: transparent; }
  .lg-group:hover .lg-group-hover-text-transparent { color: transparent; }
  .lg-text-inherit { color: inherit; }
  .lg-hover-text-inherit:hover { color: inherit; }
  .lg-focus-text-inherit:focus { color: inherit; }
  .lg-active-text-inherit:active { color: inherit; }
  .lg-disabled-text-inherit:disabled { color: inherit; }
  .lg-focus-visible-text-inherit:focus-visible { color: inherit; }
  .lg-focus-within-text-inherit:focus-within { color: inherit; }
  .lg-group:hover .lg-group-hover-text-inherit { color: inherit; }
  .lg-border-solid { border-style: solid; }
  .lg-hover-border-solid:hover { border-style: solid; }
  .lg-focus-border-solid:focus { border-style: solid; }
  .lg-active-border-solid:active { border-style: solid; }
  .lg-disabled-border-solid:disabled { border-style: solid; }
  .lg-focus-visible-border-solid:focus-visible { border-style: solid; }
  .lg-focus-within-border-solid:focus-within { border-style: solid; }
  .lg-group:hover .lg-group-hover-border-solid { border-style: solid; }
  .lg-border-dashed { border-style: dashed; }
  .lg-hover-border-dashed:hover { border-style: dashed; }
  .lg-focus-border-dashed:focus { border-style: dashed; }
  .lg-active-border-dashed:active { border-style: dashed; }
  .lg-disabled-border-dashed:disabled { border-style: dashed; }
  .lg-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  .lg-focus-within-border-dashed:focus-within { border-style: dashed; }
  .lg-group:hover .lg-group-hover-border-dashed { border-style: dashed; }
  .lg-border-dotted { border-style: dotted; }
  .lg-hover-border-dotted:hover { border-style: dotted; }
  .lg-focus-border-dotted:focus { border-style: dotted; }
  .lg-active-border-dotted:active { border-style: dotted; }
  .lg-disabled-border-dotted:disabled { border-style: dotted; }
  .lg-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  .lg-focus-within-border-dotted:focus-within { border-style: dotted; }
  .lg-group:hover .lg-group-hover-border-dotted { border-style: dotted; }
  .lg-border-double { border-style: double; }
  .lg-hover-border-double:hover { border-style: double; }
  .lg-focus-border-double:focus { border-style: double; }
  .lg-active-border-double:active { border-style: double; }
  .lg-disabled-border-double:disabled { border-style: double; }
  .lg-focus-visible-border-double:focus-visible { border-style: double; }
  .lg-focus-within-border-double:focus-within { border-style: double; }
  .lg-group:hover .lg-group-hover-border-double { border-style: double; }
  .lg-border-none { border-style: none; }
  .lg-hover-border-none:hover { border-style: none; }
  .lg-focus-border-none:focus { border-style: none; }
  .lg-active-border-none:active { border-style: none; }
  .lg-disabled-border-none:disabled { border-style: none; }
  .lg-focus-visible-border-none:focus-visible { border-style: none; }
  .lg-focus-within-border-none:focus-within { border-style: none; }
  .lg-group:hover .lg-group-hover-border-none { border-style: none; }
  .lg-z-auto { z-index: auto; }
  .lg-hover-z-auto:hover { z-index: auto; }
  .lg-focus-z-auto:focus { z-index: auto; }
  .lg-active-z-auto:active { z-index: auto; }
  .lg-disabled-z-auto:disabled { z-index: auto; }
  .lg-focus-visible-z-auto:focus-visible { z-index: auto; }
  .lg-focus-within-z-auto:focus-within { z-index: auto; }
  .lg-group:hover .lg-group-hover-z-auto { z-index: auto; }
  .lg-z-0 { z-index: 0; }
  .lg-hover-z-0:hover { z-index: 0; }
  .lg-focus-z-0:focus { z-index: 0; }
  .lg-active-z-0:active { z-index: 0; }
  .lg-disabled-z-0:disabled { z-index: 0; }
  .lg-focus-visible-z-0:focus-visible { z-index: 0; }
  .lg-focus-within-z-0:focus-within { z-index: 0; }
  .lg-group:hover .lg-group-hover-z-0 { z-index: 0; }
  .lg-z-10 { z-index: 10; }
  .lg-hover-z-10:hover { z-index: 10; }
  .lg-focus-z-10:focus { z-index: 10; }
  .lg-active-z-10:active { z-index: 10; }
  .lg-disabled-z-10:disabled { z-index: 10; }
  .lg-focus-visible-z-10:focus-visible { z-index: 10; }
  .lg-focus-within-z-10:focus-within { z-index: 10; }
  .lg-group:hover .lg-group-hover-z-10 { z-index: 10; }
  .lg-z-20 { z-index: 20; }
  .lg-hover-z-20:hover { z-index: 20; }
  .lg-focus-z-20:focus { z-index: 20; }
  .lg-active-z-20:active { z-index: 20; }
  .lg-disabled-z-20:disabled { z-index: 20; }
  .lg-focus-visible-z-20:focus-visible { z-index: 20; }
  .lg-focus-within-z-20:focus-within { z-index: 20; }
  .lg-group:hover .lg-group-hover-z-20 { z-index: 20; }
  .lg-z-30 { z-index: 30; }
  .lg-hover-z-30:hover { z-index: 30; }
  .lg-focus-z-30:focus { z-index: 30; }
  .lg-active-z-30:active { z-index: 30; }
  .lg-disabled-z-30:disabled { z-index: 30; }
  .lg-focus-visible-z-30:focus-visible { z-index: 30; }
  .lg-focus-within-z-30:focus-within { z-index: 30; }
  .lg-group:hover .lg-group-hover-z-30 { z-index: 30; }
  .lg-z-40 { z-index: 40; }
  .lg-hover-z-40:hover { z-index: 40; }
  .lg-focus-z-40:focus { z-index: 40; }
  .lg-active-z-40:active { z-index: 40; }
  .lg-disabled-z-40:disabled { z-index: 40; }
  .lg-focus-visible-z-40:focus-visible { z-index: 40; }
  .lg-focus-within-z-40:focus-within { z-index: 40; }
  .lg-group:hover .lg-group-hover-z-40 { z-index: 40; }
  .lg-z-50 { z-index: 50; }
  .lg-hover-z-50:hover { z-index: 50; }
  .lg-focus-z-50:focus { z-index: 50; }
  .lg-active-z-50:active { z-index: 50; }
  .lg-disabled-z-50:disabled { z-index: 50; }
  .lg-focus-visible-z-50:focus-visible { z-index: 50; }
  .lg-focus-within-z-50:focus-within { z-index: 50; }
  .lg-group:hover .lg-group-hover-z-50 { z-index: 50; }
  .lg-z-100 { z-index: 100; }
  .lg-hover-z-100:hover { z-index: 100; }
  .lg-focus-z-100:focus { z-index: 100; }
  .lg-active-z-100:active { z-index: 100; }
  .lg-disabled-z-100:disabled { z-index: 100; }
  .lg-focus-visible-z-100:focus-visible { z-index: 100; }
  .lg-focus-within-z-100:focus-within { z-index: 100; }
  .lg-group:hover .lg-group-hover-z-100 { z-index: 100; }
  .lg-z-9999 { z-index: 9999; }
  .lg-hover-z-9999:hover { z-index: 9999; }
  .lg-focus-z-9999:focus { z-index: 9999; }
  .lg-active-z-9999:active { z-index: 9999; }
  .lg-disabled-z-9999:disabled { z-index: 9999; }
  .lg-focus-visible-z-9999:focus-visible { z-index: 9999; }
  .lg-focus-within-z-9999:focus-within { z-index: 9999; }
  .lg-group:hover .lg-group-hover-z-9999 { z-index: 9999; }
  .lg--z-10 { z-index: -10; }
  .lg-hover--z-10:hover { z-index: -10; }
  .lg-focus--z-10:focus { z-index: -10; }
  .lg-active--z-10:active { z-index: -10; }
  .lg-disabled--z-10:disabled { z-index: -10; }
  .lg-focus-visible--z-10:focus-visible { z-index: -10; }
  .lg-focus-within--z-10:focus-within { z-index: -10; }
  .lg-group:hover .lg-group-hover--z-10 { z-index: -10; }
  .lg--z-20 { z-index: -20; }
  .lg-hover--z-20:hover { z-index: -20; }
  .lg-focus--z-20:focus { z-index: -20; }
  .lg-active--z-20:active { z-index: -20; }
  .lg-disabled--z-20:disabled { z-index: -20; }
  .lg-focus-visible--z-20:focus-visible { z-index: -20; }
  .lg-focus-within--z-20:focus-within { z-index: -20; }
  .lg-group:hover .lg-group-hover--z-20 { z-index: -20; }
  .lg--z-40 { z-index: -40; }
  .lg-hover--z-40:hover { z-index: -40; }
  .lg-focus--z-40:focus { z-index: -40; }
  .lg-active--z-40:active { z-index: -40; }
  .lg-disabled--z-40:disabled { z-index: -40; }
  .lg-focus-visible--z-40:focus-visible { z-index: -40; }
  .lg-focus-within--z-40:focus-within { z-index: -40; }
  .lg-group:hover .lg-group-hover--z-40 { z-index: -40; }
  .lg--z-50 { z-index: -50; }
  .lg-hover--z-50:hover { z-index: -50; }
  .lg-focus--z-50:focus { z-index: -50; }
  .lg-active--z-50:active { z-index: -50; }
  .lg-disabled--z-50:disabled { z-index: -50; }
  .lg-focus-visible--z-50:focus-visible { z-index: -50; }
  .lg-focus-within--z-50:focus-within { z-index: -50; }
  .lg-group:hover .lg-group-hover--z-50 { z-index: -50; }
  .lg--z-100 { z-index: -100; }
  .lg-hover--z-100:hover { z-index: -100; }
  .lg-focus--z-100:focus { z-index: -100; }
  .lg-active--z-100:active { z-index: -100; }
  .lg-disabled--z-100:disabled { z-index: -100; }
  .lg-focus-visible--z-100:focus-visible { z-index: -100; }
  .lg-focus-within--z-100:focus-within { z-index: -100; }
  .lg-group:hover .lg-group-hover--z-100 { z-index: -100; }
  .lg-opacity-0 { opacity: 0; }
  .lg-hover-opacity-0:hover { opacity: 0; }
  .lg-focus-opacity-0:focus { opacity: 0; }
  .lg-active-opacity-0:active { opacity: 0; }
  .lg-disabled-opacity-0:disabled { opacity: 0; }
  .lg-focus-visible-opacity-0:focus-visible { opacity: 0; }
  .lg-focus-within-opacity-0:focus-within { opacity: 0; }
  .lg-group:hover .lg-group-hover-opacity-0 { opacity: 0; }
  .lg-opacity-10 { opacity: 0.1; }
  .lg-hover-opacity-10:hover { opacity: 0.1; }
  .lg-focus-opacity-10:focus { opacity: 0.1; }
  .lg-active-opacity-10:active { opacity: 0.1; }
  .lg-disabled-opacity-10:disabled { opacity: 0.1; }
  .lg-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  .lg-focus-within-opacity-10:focus-within { opacity: 0.1; }
  .lg-group:hover .lg-group-hover-opacity-10 { opacity: 0.1; }
  .lg-opacity-20 { opacity: 0.2; }
  .lg-hover-opacity-20:hover { opacity: 0.2; }
  .lg-focus-opacity-20:focus { opacity: 0.2; }
  .lg-active-opacity-20:active { opacity: 0.2; }
  .lg-disabled-opacity-20:disabled { opacity: 0.2; }
  .lg-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  .lg-focus-within-opacity-20:focus-within { opacity: 0.2; }
  .lg-group:hover .lg-group-hover-opacity-20 { opacity: 0.2; }
  .lg-opacity-25 { opacity: 0.25; }
  .lg-hover-opacity-25:hover { opacity: 0.25; }
  .lg-focus-opacity-25:focus { opacity: 0.25; }
  .lg-active-opacity-25:active { opacity: 0.25; }
  .lg-disabled-opacity-25:disabled { opacity: 0.25; }
  .lg-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  .lg-focus-within-opacity-25:focus-within { opacity: 0.25; }
  .lg-group:hover .lg-group-hover-opacity-25 { opacity: 0.25; }
  .lg-opacity-30 { opacity: 0.3; }
  .lg-hover-opacity-30:hover { opacity: 0.3; }
  .lg-focus-opacity-30:focus { opacity: 0.3; }
  .lg-active-opacity-30:active { opacity: 0.3; }
  .lg-disabled-opacity-30:disabled { opacity: 0.3; }
  .lg-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  .lg-focus-within-opacity-30:focus-within { opacity: 0.3; }
  .lg-group:hover .lg-group-hover-opacity-30 { opacity: 0.3; }
  .lg-opacity-40 { opacity: 0.4; }
  .lg-hover-opacity-40:hover { opacity: 0.4; }
  .lg-focus-opacity-40:focus { opacity: 0.4; }
  .lg-active-opacity-40:active { opacity: 0.4; }
  .lg-disabled-opacity-40:disabled { opacity: 0.4; }
  .lg-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  .lg-focus-within-opacity-40:focus-within { opacity: 0.4; }
  .lg-group:hover .lg-group-hover-opacity-40 { opacity: 0.4; }
  .lg-opacity-50 { opacity: 0.5; }
  .lg-hover-opacity-50:hover { opacity: 0.5; }
  .lg-focus-opacity-50:focus { opacity: 0.5; }
  .lg-active-opacity-50:active { opacity: 0.5; }
  .lg-disabled-opacity-50:disabled { opacity: 0.5; }
  .lg-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  .lg-focus-within-opacity-50:focus-within { opacity: 0.5; }
  .lg-group:hover .lg-group-hover-opacity-50 { opacity: 0.5; }
  .lg-opacity-60 { opacity: 0.6; }
  .lg-hover-opacity-60:hover { opacity: 0.6; }
  .lg-focus-opacity-60:focus { opacity: 0.6; }
  .lg-active-opacity-60:active { opacity: 0.6; }
  .lg-disabled-opacity-60:disabled { opacity: 0.6; }
  .lg-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  .lg-focus-within-opacity-60:focus-within { opacity: 0.6; }
  .lg-group:hover .lg-group-hover-opacity-60 { opacity: 0.6; }
  .lg-opacity-70 { opacity: 0.7; }
  .lg-hover-opacity-70:hover { opacity: 0.7; }
  .lg-focus-opacity-70:focus { opacity: 0.7; }
  .lg-active-opacity-70:active { opacity: 0.7; }
  .lg-disabled-opacity-70:disabled { opacity: 0.7; }
  .lg-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  .lg-focus-within-opacity-70:focus-within { opacity: 0.7; }
  .lg-group:hover .lg-group-hover-opacity-70 { opacity: 0.7; }
  .lg-opacity-75 { opacity: 0.75; }
  .lg-hover-opacity-75:hover { opacity: 0.75; }
  .lg-focus-opacity-75:focus { opacity: 0.75; }
  .lg-active-opacity-75:active { opacity: 0.75; }
  .lg-disabled-opacity-75:disabled { opacity: 0.75; }
  .lg-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  .lg-focus-within-opacity-75:focus-within { opacity: 0.75; }
  .lg-group:hover .lg-group-hover-opacity-75 { opacity: 0.75; }
  .lg-opacity-80 { opacity: 0.8; }
  .lg-hover-opacity-80:hover { opacity: 0.8; }
  .lg-focus-opacity-80:focus { opacity: 0.8; }
  .lg-active-opacity-80:active { opacity: 0.8; }
  .lg-disabled-opacity-80:disabled { opacity: 0.8; }
  .lg-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  .lg-focus-within-opacity-80:focus-within { opacity: 0.8; }
  .lg-group:hover .lg-group-hover-opacity-80 { opacity: 0.8; }
  .lg-opacity-90 { opacity: 0.9; }
  .lg-hover-opacity-90:hover { opacity: 0.9; }
  .lg-focus-opacity-90:focus { opacity: 0.9; }
  .lg-active-opacity-90:active { opacity: 0.9; }
  .lg-disabled-opacity-90:disabled { opacity: 0.9; }
  .lg-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  .lg-focus-within-opacity-90:focus-within { opacity: 0.9; }
  .lg-group:hover .lg-group-hover-opacity-90 { opacity: 0.9; }
  .lg-opacity-100 { opacity: 1; }
  .lg-hover-opacity-100:hover { opacity: 1; }
  .lg-focus-opacity-100:focus { opacity: 1; }
  .lg-active-opacity-100:active { opacity: 1; }
  .lg-disabled-opacity-100:disabled { opacity: 1; }
  .lg-focus-visible-opacity-100:focus-visible { opacity: 1; }
  .lg-focus-within-opacity-100:focus-within { opacity: 1; }
  .lg-group:hover .lg-group-hover-opacity-100 { opacity: 1; }
  .lg-bg-gradient-l { --quanta-gradient-direction: to left; }
  .lg-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  .lg-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  .lg-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  .lg-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  .lg-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  .lg-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  .lg-group:hover .lg-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  .lg-bg-gradient-r { --quanta-gradient-direction: to right; }
  .lg-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  .lg-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  .lg-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  .lg-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  .lg-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  .lg-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  .lg-group:hover .lg-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  .lg-bg-gradient-t { --quanta-gradient-direction: to top; }
  .lg-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  .lg-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  .lg-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  .lg-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  .lg-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  .lg-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  .lg-group:hover .lg-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  .lg-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .lg-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  .lg-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  .lg-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  .lg-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  .lg-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  .lg-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  .lg-group:hover .lg-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .lg-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .lg-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  .lg-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  .lg-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  .lg-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  .lg-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  .lg-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  .lg-group:hover .lg-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .lg-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .lg-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  .lg-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  .lg-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  .lg-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  .lg-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  .lg-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  .lg-group:hover .lg-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .lg-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .lg-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  .lg-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  .lg-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  .lg-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  .lg-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  .lg-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  .lg-group:hover .lg-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .lg-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .lg-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  .lg-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  .lg-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  .lg-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  .lg-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  .lg-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  .lg-group:hover .lg-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .lg-rounded-0 { border-radius: 0; }
  .lg-hover-rounded-0:hover { border-radius: 0; }
  .lg-focus-rounded-0:focus { border-radius: 0; }
  .lg-active-rounded-0:active { border-radius: 0; }
  .lg-disabled-rounded-0:disabled { border-radius: 0; }
  .lg-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  .lg-focus-within-rounded-0:focus-within { border-radius: 0; }
  .lg-group:hover .lg-group-hover-rounded-0 { border-radius: 0; }
  .lg-rounded-xs { border-radius: 0.125rem; }
  .lg-hover-rounded-xs:hover { border-radius: 0.125rem; }
  .lg-focus-rounded-xs:focus { border-radius: 0.125rem; }
  .lg-active-rounded-xs:active { border-radius: 0.125rem; }
  .lg-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  .lg-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  .lg-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  .lg-group:hover .lg-group-hover-rounded-xs { border-radius: 0.125rem; }
  .lg-rounded-sm { border-radius: 0.25rem; }
  .lg-hover-rounded-sm:hover { border-radius: 0.25rem; }
  .lg-focus-rounded-sm:focus { border-radius: 0.25rem; }
  .lg-active-rounded-sm:active { border-radius: 0.25rem; }
  .lg-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  .lg-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  .lg-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  .lg-group:hover .lg-group-hover-rounded-sm { border-radius: 0.25rem; }
  .lg-rounded { border-radius: 0.5rem; }
  .lg-hover-rounded:hover { border-radius: 0.5rem; }
  .lg-focus-rounded:focus { border-radius: 0.5rem; }
  .lg-active-rounded:active { border-radius: 0.5rem; }
  .lg-disabled-rounded:disabled { border-radius: 0.5rem; }
  .lg-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  .lg-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  .lg-group:hover .lg-group-hover-rounded { border-radius: 0.5rem; }
  .lg-rounded-md { border-radius: 0.75rem; }
  .lg-hover-rounded-md:hover { border-radius: 0.75rem; }
  .lg-focus-rounded-md:focus { border-radius: 0.75rem; }
  .lg-active-rounded-md:active { border-radius: 0.75rem; }
  .lg-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  .lg-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  .lg-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  .lg-group:hover .lg-group-hover-rounded-md { border-radius: 0.75rem; }
  .lg-rounded-lg { border-radius: 1rem; }
  .lg-hover-rounded-lg:hover { border-radius: 1rem; }
  .lg-focus-rounded-lg:focus { border-radius: 1rem; }
  .lg-active-rounded-lg:active { border-radius: 1rem; }
  .lg-disabled-rounded-lg:disabled { border-radius: 1rem; }
  .lg-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  .lg-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  .lg-group:hover .lg-group-hover-rounded-lg { border-radius: 1rem; }
  .lg-rounded-xl { border-radius: 1.5rem; }
  .lg-hover-rounded-xl:hover { border-radius: 1.5rem; }
  .lg-focus-rounded-xl:focus { border-radius: 1.5rem; }
  .lg-active-rounded-xl:active { border-radius: 1.5rem; }
  .lg-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  .lg-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  .lg-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  .lg-group:hover .lg-group-hover-rounded-xl { border-radius: 1.5rem; }
  .lg-rounded-2xl { border-radius: 2rem; }
  .lg-hover-rounded-2xl:hover { border-radius: 2rem; }
  .lg-focus-rounded-2xl:focus { border-radius: 2rem; }
  .lg-active-rounded-2xl:active { border-radius: 2rem; }
  .lg-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  .lg-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  .lg-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  .lg-group:hover .lg-group-hover-rounded-2xl { border-radius: 2rem; }
  .lg-rounded-full { border-radius: 9999px; }
  .lg-hover-rounded-full:hover { border-radius: 9999px; }
  .lg-focus-rounded-full:focus { border-radius: 9999px; }
  .lg-active-rounded-full:active { border-radius: 9999px; }
  .lg-disabled-rounded-full:disabled { border-radius: 9999px; }
  .lg-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  .lg-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  .lg-group:hover .lg-group-hover-rounded-full { border-radius: 9999px; }
  .lg-rounded-pill { border-radius: 50px; }
  .lg-hover-rounded-pill:hover { border-radius: 50px; }
  .lg-focus-rounded-pill:focus { border-radius: 50px; }
  .lg-active-rounded-pill:active { border-radius: 50px; }
  .lg-disabled-rounded-pill:disabled { border-radius: 50px; }
  .lg-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  .lg-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  .lg-group:hover .lg-group-hover-rounded-pill { border-radius: 50px; }
  .lg-rounded-tl-0 { border-top-left-radius: 0; }
  .lg-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  .lg-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  .lg-active-rounded-tl-0:active { border-top-left-radius: 0; }
  .lg-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  .lg-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  .lg-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  .lg-group:hover .lg-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  .lg-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .lg-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  .lg-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  .lg-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  .lg-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  .lg-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  .lg-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .lg-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .lg-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  .lg-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  .lg-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  .lg-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  .lg-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  .lg-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .lg-rounded-tl { border-top-left-radius: 0.5rem; }
  .lg-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  .lg-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  .lg-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  .lg-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  .lg-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  .lg-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  .lg-group:hover .lg-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  .lg-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .lg-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  .lg-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  .lg-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  .lg-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  .lg-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  .lg-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .lg-rounded-tl-lg { border-top-left-radius: 1rem; }
  .lg-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  .lg-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  .lg-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  .lg-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  .lg-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  .lg-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  .lg-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .lg-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  .lg-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  .lg-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  .lg-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  .lg-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  .lg-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .lg-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .lg-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  .lg-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  .lg-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  .lg-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  .lg-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  .lg-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  .lg-group:hover .lg-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .lg-rounded-tl-full { border-top-left-radius: 9999px; }
  .lg-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  .lg-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  .lg-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  .lg-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  .lg-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  .lg-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  .lg-group:hover .lg-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  .lg-rounded-tl-pill { border-top-left-radius: 50px; }
  .lg-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  .lg-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  .lg-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  .lg-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  .lg-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  .lg-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  .lg-group:hover .lg-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  .lg-rounded-tr-0 { border-top-right-radius: 0; }
  .lg-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  .lg-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  .lg-active-rounded-tr-0:active { border-top-right-radius: 0; }
  .lg-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  .lg-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  .lg-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  .lg-group:hover .lg-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  .lg-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .lg-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  .lg-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  .lg-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  .lg-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  .lg-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  .lg-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .lg-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .lg-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  .lg-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  .lg-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  .lg-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  .lg-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  .lg-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .lg-rounded-tr { border-top-right-radius: 0.5rem; }
  .lg-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  .lg-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  .lg-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  .lg-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  .lg-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  .lg-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  .lg-group:hover .lg-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  .lg-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .lg-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  .lg-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  .lg-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  .lg-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  .lg-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  .lg-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .lg-rounded-tr-lg { border-top-right-radius: 1rem; }
  .lg-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  .lg-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  .lg-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  .lg-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  .lg-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  .lg-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  .lg-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .lg-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  .lg-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  .lg-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  .lg-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  .lg-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  .lg-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .lg-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .lg-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  .lg-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  .lg-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  .lg-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  .lg-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  .lg-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  .lg-group:hover .lg-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .lg-rounded-tr-full { border-top-right-radius: 9999px; }
  .lg-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  .lg-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  .lg-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  .lg-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  .lg-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  .lg-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  .lg-group:hover .lg-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  .lg-rounded-tr-pill { border-top-right-radius: 50px; }
  .lg-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  .lg-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  .lg-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  .lg-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  .lg-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  .lg-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  .lg-group:hover .lg-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  .lg-rounded-bl-0 { border-bottom-left-radius: 0; }
  .lg-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  .lg-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  .lg-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  .lg-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  .lg-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  .lg-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  .lg-group:hover .lg-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  .lg-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .lg-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  .lg-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  .lg-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  .lg-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  .lg-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  .lg-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .lg-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .lg-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  .lg-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  .lg-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  .lg-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  .lg-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  .lg-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .lg-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .lg-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  .lg-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  .lg-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  .lg-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  .lg-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  .lg-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  .lg-group:hover .lg-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .lg-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .lg-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  .lg-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  .lg-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  .lg-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  .lg-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  .lg-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .lg-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .lg-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  .lg-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  .lg-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  .lg-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  .lg-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  .lg-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .lg-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .lg-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  .lg-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  .lg-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  .lg-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  .lg-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  .lg-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .lg-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .lg-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  .lg-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  .lg-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  .lg-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  .lg-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  .lg-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  .lg-group:hover .lg-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .lg-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .lg-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  .lg-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  .lg-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  .lg-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  .lg-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  .lg-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  .lg-group:hover .lg-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .lg-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .lg-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  .lg-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  .lg-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  .lg-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  .lg-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  .lg-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  .lg-group:hover .lg-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .lg-rounded-br-0 { border-bottom-right-radius: 0; }
  .lg-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  .lg-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  .lg-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  .lg-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  .lg-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  .lg-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  .lg-group:hover .lg-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  .lg-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .lg-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  .lg-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  .lg-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  .lg-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  .lg-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  .lg-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  .lg-group:hover .lg-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .lg-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .lg-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  .lg-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  .lg-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  .lg-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  .lg-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  .lg-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  .lg-group:hover .lg-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .lg-rounded-br { border-bottom-right-radius: 0.5rem; }
  .lg-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  .lg-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  .lg-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  .lg-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  .lg-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  .lg-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  .lg-group:hover .lg-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  .lg-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .lg-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  .lg-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  .lg-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  .lg-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  .lg-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  .lg-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  .lg-group:hover .lg-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .lg-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .lg-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  .lg-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  .lg-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  .lg-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  .lg-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  .lg-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  .lg-group:hover .lg-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .lg-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .lg-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  .lg-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  .lg-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  .lg-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  .lg-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  .lg-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  .lg-group:hover .lg-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .lg-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .lg-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  .lg-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  .lg-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  .lg-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  .lg-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  .lg-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  .lg-group:hover .lg-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .lg-rounded-br-full { border-bottom-right-radius: 9999px; }
  .lg-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  .lg-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  .lg-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  .lg-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  .lg-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  .lg-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  .lg-group:hover .lg-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  .lg-rounded-br-pill { border-bottom-right-radius: 50px; }
  .lg-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  .lg-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  .lg-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  .lg-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  .lg-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  .lg-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  .lg-group:hover .lg-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  .lg-outline-none { outline: none; }
  .lg-hover-outline-none:hover { outline: none; }
  .lg-focus-outline-none:focus { outline: none; }
  .lg-active-outline-none:active { outline: none; }
  .lg-disabled-outline-none:disabled { outline: none; }
  .lg-focus-visible-outline-none:focus-visible { outline: none; }
  .lg-focus-within-outline-none:focus-within { outline: none; }
  .lg-group:hover .lg-group-hover-outline-none { outline: none; }
  .lg-outline { outline: 1px solid currentColor; }
  .lg-hover-outline:hover { outline: 1px solid currentColor; }
  .lg-focus-outline:focus { outline: 1px solid currentColor; }
  .lg-active-outline:active { outline: 1px solid currentColor; }
  .lg-disabled-outline:disabled { outline: 1px solid currentColor; }
  .lg-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  .lg-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  .lg-group:hover .lg-group-hover-outline { outline: 1px solid currentColor; }
  .lg-outline-offset-0 { outline-offset: 0rem; }
  .lg-hover-outline-offset-0:hover { outline-offset: 0rem; }
  .lg-focus-outline-offset-0:focus { outline-offset: 0rem; }
  .lg-active-outline-offset-0:active { outline-offset: 0rem; }
  .lg-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  .lg-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  .lg-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  .lg-group:hover .lg-group-hover-outline-offset-0 { outline-offset: 0rem; }
  .lg-outline-offset-1 { outline-offset: 0.25rem; }
  .lg-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  .lg-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  .lg-active-outline-offset-1:active { outline-offset: 0.25rem; }
  .lg-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  .lg-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  .lg-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  .lg-group:hover .lg-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  .lg-outline-offset-2 { outline-offset: 0.5rem; }
  .lg-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  .lg-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  .lg-active-outline-offset-2:active { outline-offset: 0.5rem; }
  .lg-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  .lg-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  .lg-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  .lg-group:hover .lg-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  .lg-outline-offset-3 { outline-offset: 0.75rem; }
  .lg-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  .lg-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  .lg-active-outline-offset-3:active { outline-offset: 0.75rem; }
  .lg-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  .lg-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  .lg-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  .lg-group:hover .lg-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  .lg-outline-offset-4 { outline-offset: 1rem; }
  .lg-hover-outline-offset-4:hover { outline-offset: 1rem; }
  .lg-focus-outline-offset-4:focus { outline-offset: 1rem; }
  .lg-active-outline-offset-4:active { outline-offset: 1rem; }
  .lg-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  .lg-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  .lg-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  .lg-group:hover .lg-group-hover-outline-offset-4 { outline-offset: 1rem; }
  .lg-outline-offset-8 { outline-offset: 2rem; }
  .lg-hover-outline-offset-8:hover { outline-offset: 2rem; }
  .lg-focus-outline-offset-8:focus { outline-offset: 2rem; }
  .lg-active-outline-offset-8:active { outline-offset: 2rem; }
  .lg-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  .lg-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  .lg-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  .lg-group:hover .lg-group-hover-outline-offset-8 { outline-offset: 2rem; }
  .lg-outline-red-50 { outline-color: var(--quanta-red-50); }
  .lg-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  .lg-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  .lg-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  .lg-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  .lg-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  .lg-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  .lg-outline-red-100 { outline-color: var(--quanta-red-100); }
  .lg-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  .lg-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  .lg-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  .lg-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  .lg-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  .lg-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  .lg-outline-red-200 { outline-color: var(--quanta-red-200); }
  .lg-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  .lg-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  .lg-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  .lg-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  .lg-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  .lg-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  .lg-outline-red-300 { outline-color: var(--quanta-red-300); }
  .lg-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  .lg-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  .lg-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  .lg-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  .lg-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  .lg-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  .lg-outline-red-400 { outline-color: var(--quanta-red-400); }
  .lg-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  .lg-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  .lg-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  .lg-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  .lg-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  .lg-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  .lg-outline-red-500 { outline-color: var(--quanta-red-500); }
  .lg-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  .lg-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  .lg-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  .lg-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  .lg-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  .lg-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  .lg-outline-red-600 { outline-color: var(--quanta-red-600); }
  .lg-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  .lg-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  .lg-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  .lg-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  .lg-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  .lg-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  .lg-outline-red-700 { outline-color: var(--quanta-red-700); }
  .lg-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  .lg-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  .lg-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  .lg-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  .lg-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  .lg-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  .lg-outline-red-800 { outline-color: var(--quanta-red-800); }
  .lg-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  .lg-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  .lg-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  .lg-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  .lg-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  .lg-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  .lg-outline-red-900 { outline-color: var(--quanta-red-900); }
  .lg-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  .lg-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  .lg-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  .lg-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  .lg-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  .lg-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  .lg-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .lg-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  .lg-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  .lg-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  .lg-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  .lg-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  .lg-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .lg-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .lg-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  .lg-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  .lg-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  .lg-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  .lg-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  .lg-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .lg-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .lg-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  .lg-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  .lg-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  .lg-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  .lg-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  .lg-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .lg-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .lg-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  .lg-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  .lg-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  .lg-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  .lg-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  .lg-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .lg-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .lg-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  .lg-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  .lg-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  .lg-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  .lg-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  .lg-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .lg-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .lg-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  .lg-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  .lg-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  .lg-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  .lg-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  .lg-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .lg-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .lg-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  .lg-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  .lg-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  .lg-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  .lg-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  .lg-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .lg-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .lg-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  .lg-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  .lg-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  .lg-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  .lg-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  .lg-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .lg-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .lg-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  .lg-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  .lg-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  .lg-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  .lg-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  .lg-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .lg-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .lg-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  .lg-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  .lg-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  .lg-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  .lg-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  .lg-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .lg-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .lg-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  .lg-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  .lg-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  .lg-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  .lg-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  .lg-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .lg-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .lg-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  .lg-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  .lg-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  .lg-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  .lg-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  .lg-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .lg-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .lg-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  .lg-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  .lg-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  .lg-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  .lg-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  .lg-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .lg-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .lg-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  .lg-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  .lg-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  .lg-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  .lg-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  .lg-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .lg-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .lg-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  .lg-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  .lg-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  .lg-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  .lg-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  .lg-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .lg-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .lg-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  .lg-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  .lg-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  .lg-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  .lg-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  .lg-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .lg-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .lg-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  .lg-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  .lg-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  .lg-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  .lg-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  .lg-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .lg-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .lg-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  .lg-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  .lg-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  .lg-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  .lg-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  .lg-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .lg-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .lg-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  .lg-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  .lg-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  .lg-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  .lg-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  .lg-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .lg-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .lg-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  .lg-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  .lg-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  .lg-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  .lg-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  .lg-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .lg-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .lg-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  .lg-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  .lg-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  .lg-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  .lg-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  .lg-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .lg-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .lg-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  .lg-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  .lg-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  .lg-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  .lg-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  .lg-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .lg-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .lg-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  .lg-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  .lg-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  .lg-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  .lg-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  .lg-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .lg-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .lg-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  .lg-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  .lg-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  .lg-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  .lg-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  .lg-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .lg-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .lg-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  .lg-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  .lg-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  .lg-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  .lg-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  .lg-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .lg-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .lg-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  .lg-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  .lg-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  .lg-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  .lg-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  .lg-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .lg-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .lg-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  .lg-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  .lg-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  .lg-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  .lg-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  .lg-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .lg-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .lg-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  .lg-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  .lg-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  .lg-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  .lg-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  .lg-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .lg-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .lg-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  .lg-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  .lg-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  .lg-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  .lg-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  .lg-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .lg-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .lg-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  .lg-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  .lg-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  .lg-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  .lg-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  .lg-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .lg-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .lg-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  .lg-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  .lg-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  .lg-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  .lg-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  .lg-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .lg-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .lg-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  .lg-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  .lg-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  .lg-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  .lg-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  .lg-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .lg-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .lg-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  .lg-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  .lg-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  .lg-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  .lg-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  .lg-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .lg-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .lg-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  .lg-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  .lg-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  .lg-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  .lg-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  .lg-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .lg-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .lg-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  .lg-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  .lg-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  .lg-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  .lg-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  .lg-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .lg-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .lg-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  .lg-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  .lg-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  .lg-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  .lg-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  .lg-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .lg-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .lg-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  .lg-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  .lg-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  .lg-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  .lg-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  .lg-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .lg-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .lg-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  .lg-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  .lg-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  .lg-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  .lg-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  .lg-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .lg-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .lg-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  .lg-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  .lg-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  .lg-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  .lg-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  .lg-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .lg-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .lg-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  .lg-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  .lg-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  .lg-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  .lg-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  .lg-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .lg-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .lg-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  .lg-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  .lg-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  .lg-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  .lg-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  .lg-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .lg-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .lg-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  .lg-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  .lg-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  .lg-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  .lg-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  .lg-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .lg-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .lg-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  .lg-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  .lg-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  .lg-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  .lg-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  .lg-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .lg-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .lg-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  .lg-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  .lg-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  .lg-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  .lg-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  .lg-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .lg-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .lg-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  .lg-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  .lg-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  .lg-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  .lg-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  .lg-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .lg-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .lg-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  .lg-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  .lg-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  .lg-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  .lg-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  .lg-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .lg-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .lg-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  .lg-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  .lg-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  .lg-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  .lg-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  .lg-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .lg-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .lg-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  .lg-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  .lg-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  .lg-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  .lg-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  .lg-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .lg-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .lg-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  .lg-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  .lg-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  .lg-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  .lg-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  .lg-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .lg-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .lg-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  .lg-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  .lg-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  .lg-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  .lg-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  .lg-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .lg-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .lg-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  .lg-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  .lg-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  .lg-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  .lg-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  .lg-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .lg-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .lg-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  .lg-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  .lg-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  .lg-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  .lg-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  .lg-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .lg-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .lg-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  .lg-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  .lg-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  .lg-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  .lg-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  .lg-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .lg-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .lg-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  .lg-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  .lg-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  .lg-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  .lg-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  .lg-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .lg-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .lg-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  .lg-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  .lg-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  .lg-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  .lg-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  .lg-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .lg-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .lg-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  .lg-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  .lg-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  .lg-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  .lg-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  .lg-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .lg-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .lg-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  .lg-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  .lg-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  .lg-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  .lg-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  .lg-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .lg-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .lg-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  .lg-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  .lg-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  .lg-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  .lg-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  .lg-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .lg-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .lg-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  .lg-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  .lg-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  .lg-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  .lg-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  .lg-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .lg-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .lg-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  .lg-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  .lg-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  .lg-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  .lg-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  .lg-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .lg-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .lg-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  .lg-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  .lg-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  .lg-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  .lg-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  .lg-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .lg-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .lg-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  .lg-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  .lg-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  .lg-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  .lg-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  .lg-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .lg-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .lg-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  .lg-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  .lg-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  .lg-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  .lg-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  .lg-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .lg-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .lg-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  .lg-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  .lg-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  .lg-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  .lg-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  .lg-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .lg-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .lg-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  .lg-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  .lg-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  .lg-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  .lg-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  .lg-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .lg-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .lg-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  .lg-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  .lg-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  .lg-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  .lg-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  .lg-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .lg-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .lg-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  .lg-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  .lg-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  .lg-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  .lg-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  .lg-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .lg-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .lg-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  .lg-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  .lg-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  .lg-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  .lg-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  .lg-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .lg-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .lg-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  .lg-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  .lg-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  .lg-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  .lg-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  .lg-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .lg-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .lg-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  .lg-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  .lg-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  .lg-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  .lg-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  .lg-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .lg-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .lg-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  .lg-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  .lg-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  .lg-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  .lg-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  .lg-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .lg-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .lg-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  .lg-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  .lg-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  .lg-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  .lg-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  .lg-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .lg-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .lg-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  .lg-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  .lg-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  .lg-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  .lg-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  .lg-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .lg-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .lg-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  .lg-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  .lg-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  .lg-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  .lg-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  .lg-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .lg-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .lg-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  .lg-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  .lg-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  .lg-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  .lg-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  .lg-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .lg-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .lg-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  .lg-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  .lg-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  .lg-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  .lg-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  .lg-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .lg-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .lg-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  .lg-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  .lg-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  .lg-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  .lg-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  .lg-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .lg-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .lg-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  .lg-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  .lg-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  .lg-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  .lg-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  .lg-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .lg-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .lg-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  .lg-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  .lg-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  .lg-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  .lg-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  .lg-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .lg-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .lg-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  .lg-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  .lg-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  .lg-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  .lg-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  .lg-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .lg-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .lg-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  .lg-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  .lg-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  .lg-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  .lg-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  .lg-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .lg-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .lg-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  .lg-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  .lg-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  .lg-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  .lg-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  .lg-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .lg-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .lg-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  .lg-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  .lg-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  .lg-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  .lg-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  .lg-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .lg-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .lg-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  .lg-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  .lg-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  .lg-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  .lg-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  .lg-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .lg-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .lg-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  .lg-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  .lg-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  .lg-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  .lg-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  .lg-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .lg-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .lg-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  .lg-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  .lg-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  .lg-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  .lg-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  .lg-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .lg-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .lg-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  .lg-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  .lg-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  .lg-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  .lg-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  .lg-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .lg-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .lg-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  .lg-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  .lg-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  .lg-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  .lg-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  .lg-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .lg-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .lg-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  .lg-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  .lg-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  .lg-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  .lg-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  .lg-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .lg-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .lg-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  .lg-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  .lg-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  .lg-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  .lg-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  .lg-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .lg-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .lg-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  .lg-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  .lg-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  .lg-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  .lg-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  .lg-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .lg-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .lg-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  .lg-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  .lg-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  .lg-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  .lg-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  .lg-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .lg-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .lg-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  .lg-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  .lg-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  .lg-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  .lg-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  .lg-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .lg-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .lg-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  .lg-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  .lg-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  .lg-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  .lg-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  .lg-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .lg-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .lg-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  .lg-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  .lg-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  .lg-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  .lg-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  .lg-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .lg-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .lg-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  .lg-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  .lg-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  .lg-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  .lg-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  .lg-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .lg-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .lg-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  .lg-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  .lg-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  .lg-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  .lg-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  .lg-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .lg-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .lg-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  .lg-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  .lg-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  .lg-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  .lg-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  .lg-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .lg-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .lg-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  .lg-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  .lg-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  .lg-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  .lg-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  .lg-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .lg-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .lg-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  .lg-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  .lg-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  .lg-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  .lg-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  .lg-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .lg-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .lg-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  .lg-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  .lg-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  .lg-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  .lg-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  .lg-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .lg-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .lg-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  .lg-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  .lg-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  .lg-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  .lg-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  .lg-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .lg-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .lg-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  .lg-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  .lg-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  .lg-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  .lg-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  .lg-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .lg-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .lg-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  .lg-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  .lg-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  .lg-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  .lg-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  .lg-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .lg-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .lg-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  .lg-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  .lg-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  .lg-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  .lg-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  .lg-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .lg-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .lg-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  .lg-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  .lg-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  .lg-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  .lg-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  .lg-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .lg-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .lg-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  .lg-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  .lg-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  .lg-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  .lg-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  .lg-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .lg-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .lg-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  .lg-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  .lg-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  .lg-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  .lg-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  .lg-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .lg-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .lg-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  .lg-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  .lg-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  .lg-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  .lg-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  .lg-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .lg-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .lg-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  .lg-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  .lg-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  .lg-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  .lg-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  .lg-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .lg-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .lg-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  .lg-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  .lg-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  .lg-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  .lg-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  .lg-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .lg-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .lg-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  .lg-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  .lg-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  .lg-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  .lg-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  .lg-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .lg-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .lg-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  .lg-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  .lg-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  .lg-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  .lg-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  .lg-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .lg-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .lg-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  .lg-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  .lg-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  .lg-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  .lg-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  .lg-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .lg-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .lg-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  .lg-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  .lg-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  .lg-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  .lg-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  .lg-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .lg-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .lg-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  .lg-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  .lg-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  .lg-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  .lg-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  .lg-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .lg-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .lg-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  .lg-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  .lg-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  .lg-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  .lg-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  .lg-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .lg-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .lg-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  .lg-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  .lg-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  .lg-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  .lg-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  .lg-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .lg-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .lg-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  .lg-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  .lg-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  .lg-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  .lg-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  .lg-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .lg-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .lg-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  .lg-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  .lg-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  .lg-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  .lg-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  .lg-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .lg-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .lg-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  .lg-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  .lg-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  .lg-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  .lg-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  .lg-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .lg-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .lg-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  .lg-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  .lg-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  .lg-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  .lg-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  .lg-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .lg-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .lg-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  .lg-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  .lg-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  .lg-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  .lg-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  .lg-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .lg-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .lg-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  .lg-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  .lg-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  .lg-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  .lg-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  .lg-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .lg-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .lg-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  .lg-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  .lg-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  .lg-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  .lg-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  .lg-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .lg-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .lg-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  .lg-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  .lg-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  .lg-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  .lg-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  .lg-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .lg-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .lg-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  .lg-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  .lg-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  .lg-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  .lg-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  .lg-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .lg-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .lg-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  .lg-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  .lg-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  .lg-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  .lg-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  .lg-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .lg-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .lg-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  .lg-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  .lg-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  .lg-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  .lg-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  .lg-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .lg-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .lg-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  .lg-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  .lg-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  .lg-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  .lg-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  .lg-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .lg-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .lg-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  .lg-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  .lg-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  .lg-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  .lg-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  .lg-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .lg-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .lg-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  .lg-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  .lg-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  .lg-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  .lg-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  .lg-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .lg-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .lg-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  .lg-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  .lg-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  .lg-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  .lg-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  .lg-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .lg-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .lg-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  .lg-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  .lg-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  .lg-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  .lg-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  .lg-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .lg-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .lg-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  .lg-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  .lg-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  .lg-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  .lg-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  .lg-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .lg-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .lg-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  .lg-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  .lg-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  .lg-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  .lg-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  .lg-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .lg-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .lg-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  .lg-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  .lg-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  .lg-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  .lg-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  .lg-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .lg-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .lg-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  .lg-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  .lg-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  .lg-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  .lg-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  .lg-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .lg-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .lg-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  .lg-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  .lg-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  .lg-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  .lg-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  .lg-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .lg-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .lg-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  .lg-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  .lg-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  .lg-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  .lg-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  .lg-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .lg-outline-green-50 { outline-color: var(--quanta-green-50); }
  .lg-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  .lg-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  .lg-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  .lg-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  .lg-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  .lg-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  .lg-outline-green-100 { outline-color: var(--quanta-green-100); }
  .lg-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  .lg-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  .lg-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  .lg-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  .lg-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  .lg-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  .lg-outline-green-200 { outline-color: var(--quanta-green-200); }
  .lg-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  .lg-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  .lg-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  .lg-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  .lg-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  .lg-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  .lg-outline-green-300 { outline-color: var(--quanta-green-300); }
  .lg-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  .lg-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  .lg-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  .lg-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  .lg-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  .lg-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  .lg-outline-green-400 { outline-color: var(--quanta-green-400); }
  .lg-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  .lg-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  .lg-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  .lg-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  .lg-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  .lg-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  .lg-outline-green-500 { outline-color: var(--quanta-green-500); }
  .lg-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  .lg-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  .lg-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  .lg-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  .lg-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  .lg-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  .lg-outline-green-600 { outline-color: var(--quanta-green-600); }
  .lg-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  .lg-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  .lg-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  .lg-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  .lg-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  .lg-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  .lg-outline-green-700 { outline-color: var(--quanta-green-700); }
  .lg-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  .lg-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  .lg-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  .lg-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  .lg-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  .lg-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  .lg-outline-green-800 { outline-color: var(--quanta-green-800); }
  .lg-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  .lg-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  .lg-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  .lg-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  .lg-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  .lg-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  .lg-outline-green-900 { outline-color: var(--quanta-green-900); }
  .lg-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  .lg-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  .lg-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  .lg-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  .lg-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  .lg-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  .lg-outline-black { outline-color: var(--black); }
  .lg-hover-outline-black:hover { outline-color: var(--black); }
  .lg-focus-outline-black:focus { outline-color: var(--black); }
  .lg-active-outline-black:active { outline-color: var(--black); }
  .lg-disabled-outline-black:disabled { outline-color: var(--black); }
  .lg-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  .lg-focus-within-outline-black:focus-within { outline-color: var(--black); }
  .lg-group:hover .lg-group-hover-outline-black { outline-color: var(--black); }
  .lg-outline-white { outline-color: var(--white); }
  .lg-hover-outline-white:hover { outline-color: var(--white); }
  .lg-focus-outline-white:focus { outline-color: var(--white); }
  .lg-active-outline-white:active { outline-color: var(--white); }
  .lg-disabled-outline-white:disabled { outline-color: var(--white); }
  .lg-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  .lg-focus-within-outline-white:focus-within { outline-color: var(--white); }
  .lg-group:hover .lg-group-hover-outline-white { outline-color: var(--white); }
  .lg-ring-sm { --ring-width: 0.125rem; }
  .lg-hover-ring-sm:hover { --ring-width: 0.125rem; }
  .lg-focus-ring-sm:focus { --ring-width: 0.125rem; }
  .lg-active-ring-sm:active { --ring-width: 0.125rem; }
  .lg-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  .lg-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  .lg-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  .lg-group:hover .lg-group-hover-ring-sm { --ring-width: 0.125rem; }
  .lg-ring-md { --ring-width: 0.5rem; }
  .lg-hover-ring-md:hover { --ring-width: 0.5rem; }
  .lg-focus-ring-md:focus { --ring-width: 0.5rem; }
  .lg-active-ring-md:active { --ring-width: 0.5rem; }
  .lg-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  .lg-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  .lg-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  .lg-group:hover .lg-group-hover-ring-md { --ring-width: 0.5rem; }
  .lg-ring-lg { --ring-width: 1rem; }
  .lg-hover-ring-lg:hover { --ring-width: 1rem; }
  .lg-focus-ring-lg:focus { --ring-width: 1rem; }
  .lg-active-ring-lg:active { --ring-width: 1rem; }
  .lg-disabled-ring-lg:disabled { --ring-width: 1rem; }
  .lg-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  .lg-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  .lg-group:hover .lg-group-hover-ring-lg { --ring-width: 1rem; }
  .lg-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-group:hover .lg-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .lg-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-group:hover .lg-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .lg-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-group:hover .lg-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .lg-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .lg-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-group:hover .lg-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .lg-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-group:hover .lg-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .lg-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .lg-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  .lg-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  .lg-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  .lg-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  .lg-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  .lg-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .lg-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .lg-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  .lg-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  .lg-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  .lg-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  .lg-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  .lg-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .lg-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .lg-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  .lg-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  .lg-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  .lg-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  .lg-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  .lg-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .lg-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .lg-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  .lg-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  .lg-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  .lg-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  .lg-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  .lg-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .lg-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .lg-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  .lg-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  .lg-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  .lg-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  .lg-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  .lg-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .lg-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .lg-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  .lg-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  .lg-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  .lg-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  .lg-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  .lg-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .lg-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .lg-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  .lg-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  .lg-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  .lg-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  .lg-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  .lg-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .lg-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .lg-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  .lg-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  .lg-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  .lg-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  .lg-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  .lg-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .lg-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .lg-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  .lg-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  .lg-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  .lg-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  .lg-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  .lg-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .lg-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .lg-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  .lg-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  .lg-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  .lg-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  .lg-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  .lg-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .lg-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .lg-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .lg-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .lg-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .lg-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .lg-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .lg-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .lg-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .lg-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .lg-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .lg-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .lg-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .lg-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .lg-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .lg-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .lg-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .lg-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .lg-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .lg-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .lg-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .lg-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .lg-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .lg-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .lg-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .lg-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .lg-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .lg-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .lg-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .lg-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .lg-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .lg-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .lg-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .lg-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .lg-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .lg-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .lg-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .lg-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .lg-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .lg-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .lg-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .lg-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .lg-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .lg-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .lg-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .lg-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .lg-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .lg-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .lg-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .lg-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .lg-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .lg-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .lg-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .lg-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .lg-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .lg-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .lg-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .lg-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .lg-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .lg-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .lg-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .lg-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .lg-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .lg-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .lg-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .lg-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .lg-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .lg-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .lg-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .lg-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .lg-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .lg-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .lg-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .lg-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .lg-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .lg-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .lg-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .lg-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .lg-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .lg-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .lg-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .lg-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .lg-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .lg-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .lg-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .lg-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .lg-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .lg-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .lg-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .lg-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .lg-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .lg-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .lg-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .lg-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .lg-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .lg-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .lg-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .lg-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .lg-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .lg-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .lg-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .lg-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .lg-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .lg-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .lg-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .lg-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .lg-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .lg-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .lg-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .lg-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .lg-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .lg-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .lg-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .lg-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .lg-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .lg-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .lg-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .lg-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .lg-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .lg-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .lg-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .lg-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .lg-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .lg-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .lg-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .lg-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .lg-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .lg-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .lg-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .lg-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .lg-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .lg-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .lg-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .lg-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .lg-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .lg-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .lg-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .lg-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .lg-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .lg-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .lg-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .lg-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .lg-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .lg-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .lg-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .lg-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .lg-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .lg-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .lg-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .lg-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .lg-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .lg-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .lg-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .lg-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .lg-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .lg-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .lg-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .lg-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .lg-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .lg-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .lg-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .lg-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .lg-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  .lg-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  .lg-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  .lg-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  .lg-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  .lg-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .lg-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .lg-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  .lg-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  .lg-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  .lg-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  .lg-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  .lg-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .lg-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .lg-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  .lg-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  .lg-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  .lg-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  .lg-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  .lg-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .lg-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .lg-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  .lg-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  .lg-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  .lg-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  .lg-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  .lg-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .lg-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .lg-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  .lg-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  .lg-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  .lg-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  .lg-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  .lg-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .lg-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .lg-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  .lg-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  .lg-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  .lg-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  .lg-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  .lg-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .lg-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .lg-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  .lg-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  .lg-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  .lg-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  .lg-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  .lg-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .lg-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .lg-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  .lg-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  .lg-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  .lg-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  .lg-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  .lg-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .lg-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .lg-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  .lg-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  .lg-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  .lg-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  .lg-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  .lg-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .lg-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .lg-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  .lg-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  .lg-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  .lg-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  .lg-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  .lg-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .lg-ring-black { --quanta-ring-color: var(--black); }
  .lg-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  .lg-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  .lg-active-ring-black:active { --quanta-ring-color: var(--black); }
  .lg-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  .lg-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  .lg-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  .lg-group:hover .lg-group-hover-ring-black { --quanta-ring-color: var(--black); }
  .lg-ring-white { --quanta-ring-color: var(--white); }
  .lg-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  .lg-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  .lg-active-ring-white:active { --quanta-ring-color: var(--white); }
  .lg-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  .lg-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  .lg-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  .lg-group:hover .lg-group-hover-ring-white { --quanta-ring-color: var(--white); }
  .lg-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .lg-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .lg-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .lg-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .lg-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .lg-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .lg-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .lg-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .lg-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .lg-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .lg-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .lg-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .lg-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .lg-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .lg-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .lg-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .lg-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .lg-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .lg-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .lg-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .lg-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .lg-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .lg-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .lg-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .lg-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .lg-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .lg-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .lg-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .lg-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .lg-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .lg-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .lg-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .lg-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .lg-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .lg-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .lg-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .lg-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .lg-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .lg-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .lg-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .lg-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .lg-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .lg-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .lg-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .lg-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .lg-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .lg-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .lg-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .lg-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .lg-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .lg-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .lg-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .lg-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .lg-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .lg-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .lg-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .lg-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .lg-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .lg-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .lg-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .lg-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .lg-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .lg-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .lg-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .lg-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .lg-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .lg-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .lg-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .lg-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .lg-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .lg-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .lg-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .lg-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .lg-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .lg-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .lg-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .lg-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .lg-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .lg-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .lg-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .lg-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .lg-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .lg-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .lg-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .lg-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .lg-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .lg-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .lg-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .lg-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .lg-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .lg-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .lg-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .lg-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .lg-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .lg-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .lg-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .lg-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .lg-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .lg-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .lg-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .lg-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .lg-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .lg-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .lg-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .lg-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .lg-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .lg-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .lg-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .lg-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .lg-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .lg-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .lg-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .lg-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .lg-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .lg-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .lg-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .lg-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .lg-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .lg-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .lg-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .lg-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .lg-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .lg-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .lg-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .lg-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .lg-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .lg-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .lg-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .lg-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .lg-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .lg-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .lg-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .lg-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .lg-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .lg-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .lg-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .lg-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .lg-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .lg-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .lg-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .lg-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .lg-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .lg-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .lg-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .lg-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .lg-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .lg-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .lg-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .lg-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .lg-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .lg-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .lg-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .lg-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .lg-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .lg-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .lg-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .lg-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .lg-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .lg-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .lg-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .lg-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .lg-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .lg-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .lg-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .lg-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .lg-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .lg-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .lg-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .lg-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .lg-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .lg-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .lg-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .lg-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .lg-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .lg-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .lg-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .lg-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .lg-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .lg-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .lg-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .lg-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .lg-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  .lg-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  .lg-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  .lg-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  .lg-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  .lg-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  .lg-group:hover .lg-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .lg-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .lg-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  .lg-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  .lg-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  .lg-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  .lg-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  .lg-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  .lg-group:hover .lg-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .lg-bg-tp-05 { --bg-opacity: 0.05; }
  .lg-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  .lg-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  .lg-active-bg-tp-05:active { --bg-opacity: 0.05; }
  .lg-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  .lg-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  .lg-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  .lg-group:hover .lg-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  .lg-bg-tp-10 { --bg-opacity: 0.10; }
  .lg-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  .lg-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  .lg-active-bg-tp-10:active { --bg-opacity: 0.10; }
  .lg-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  .lg-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  .lg-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  .lg-group:hover .lg-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  .lg-bg-tp-15 { --bg-opacity: 0.15; }
  .lg-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  .lg-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  .lg-active-bg-tp-15:active { --bg-opacity: 0.15; }
  .lg-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  .lg-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  .lg-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  .lg-group:hover .lg-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  .lg-bg-tp-20 { --bg-opacity: 0.20; }
  .lg-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  .lg-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  .lg-active-bg-tp-20:active { --bg-opacity: 0.20; }
  .lg-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  .lg-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  .lg-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  .lg-group:hover .lg-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  .lg-bg-tp-25 { --bg-opacity: 0.25; }
  .lg-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  .lg-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  .lg-active-bg-tp-25:active { --bg-opacity: 0.25; }
  .lg-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  .lg-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  .lg-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  .lg-group:hover .lg-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  .lg-bg-tp-30 { --bg-opacity: 0.30; }
  .lg-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  .lg-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  .lg-active-bg-tp-30:active { --bg-opacity: 0.30; }
  .lg-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  .lg-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  .lg-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  .lg-group:hover .lg-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  .lg-bg-tp-35 { --bg-opacity: 0.35; }
  .lg-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  .lg-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  .lg-active-bg-tp-35:active { --bg-opacity: 0.35; }
  .lg-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  .lg-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  .lg-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  .lg-group:hover .lg-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  .lg-bg-tp-40 { --bg-opacity: 0.40; }
  .lg-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  .lg-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  .lg-active-bg-tp-40:active { --bg-opacity: 0.40; }
  .lg-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  .lg-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  .lg-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  .lg-group:hover .lg-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  .lg-bg-tp-45 { --bg-opacity: 0.45; }
  .lg-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  .lg-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  .lg-active-bg-tp-45:active { --bg-opacity: 0.45; }
  .lg-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  .lg-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  .lg-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  .lg-group:hover .lg-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  .lg-bg-tp-50 { --bg-opacity: 0.50; }
  .lg-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  .lg-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  .lg-active-bg-tp-50:active { --bg-opacity: 0.50; }
  .lg-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  .lg-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  .lg-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  .lg-group:hover .lg-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  .lg-bg-tp-55 { --bg-opacity: 0.55; }
  .lg-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  .lg-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  .lg-active-bg-tp-55:active { --bg-opacity: 0.55; }
  .lg-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  .lg-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  .lg-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  .lg-group:hover .lg-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  .lg-bg-tp-60 { --bg-opacity: 0.60; }
  .lg-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  .lg-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  .lg-active-bg-tp-60:active { --bg-opacity: 0.60; }
  .lg-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  .lg-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  .lg-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  .lg-group:hover .lg-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  .lg-bg-tp-65 { --bg-opacity: 0.65; }
  .lg-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  .lg-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  .lg-active-bg-tp-65:active { --bg-opacity: 0.65; }
  .lg-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  .lg-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  .lg-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  .lg-group:hover .lg-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  .lg-bg-tp-70 { --bg-opacity: 0.70; }
  .lg-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  .lg-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  .lg-active-bg-tp-70:active { --bg-opacity: 0.70; }
  .lg-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  .lg-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  .lg-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  .lg-group:hover .lg-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  .lg-bg-tp-75 { --bg-opacity: 0.75; }
  .lg-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  .lg-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  .lg-active-bg-tp-75:active { --bg-opacity: 0.75; }
  .lg-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  .lg-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  .lg-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  .lg-group:hover .lg-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  .lg-bg-tp-80 { --bg-opacity: 0.80; }
  .lg-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  .lg-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  .lg-active-bg-tp-80:active { --bg-opacity: 0.80; }
  .lg-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  .lg-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  .lg-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  .lg-group:hover .lg-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  .lg-bg-tp-85 { --bg-opacity: 0.85; }
  .lg-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  .lg-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  .lg-active-bg-tp-85:active { --bg-opacity: 0.85; }
  .lg-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  .lg-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  .lg-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  .lg-group:hover .lg-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  .lg-bg-tp-90 { --bg-opacity: 0.90; }
  .lg-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  .lg-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  .lg-active-bg-tp-90:active { --bg-opacity: 0.90; }
  .lg-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  .lg-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  .lg-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  .lg-group:hover .lg-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  .lg-bg-tp-95 { --bg-opacity: 0.95; }
  .lg-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  .lg-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  .lg-active-bg-tp-95:active { --bg-opacity: 0.95; }
  .lg-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  .lg-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  .lg-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  .lg-group:hover .lg-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  .lg-bg-tp-100 { --bg-opacity: 1; }
  .lg-hover-bg-tp-100:hover { --bg-opacity: 1; }
  .lg-focus-bg-tp-100:focus { --bg-opacity: 1; }
  .lg-active-bg-tp-100:active { --bg-opacity: 1; }
  .lg-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  .lg-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  .lg-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  .lg-group:hover .lg-group-hover-bg-tp-100 { --bg-opacity: 1; }
  .lg-text-tp-05 { --text-opacity: 0.05; }
  .lg-hover-text-tp-05:hover { --text-opacity: 0.05; }
  .lg-focus-text-tp-05:focus { --text-opacity: 0.05; }
  .lg-active-text-tp-05:active { --text-opacity: 0.05; }
  .lg-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  .lg-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  .lg-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  .lg-group:hover .lg-group-hover-text-tp-05 { --text-opacity: 0.05; }
  .lg-text-tp-10 { --text-opacity: 0.10; }
  .lg-hover-text-tp-10:hover { --text-opacity: 0.10; }
  .lg-focus-text-tp-10:focus { --text-opacity: 0.10; }
  .lg-active-text-tp-10:active { --text-opacity: 0.10; }
  .lg-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  .lg-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  .lg-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  .lg-group:hover .lg-group-hover-text-tp-10 { --text-opacity: 0.10; }
  .lg-text-tp-15 { --text-opacity: 0.15; }
  .lg-hover-text-tp-15:hover { --text-opacity: 0.15; }
  .lg-focus-text-tp-15:focus { --text-opacity: 0.15; }
  .lg-active-text-tp-15:active { --text-opacity: 0.15; }
  .lg-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  .lg-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  .lg-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  .lg-group:hover .lg-group-hover-text-tp-15 { --text-opacity: 0.15; }
  .lg-text-tp-20 { --text-opacity: 0.20; }
  .lg-hover-text-tp-20:hover { --text-opacity: 0.20; }
  .lg-focus-text-tp-20:focus { --text-opacity: 0.20; }
  .lg-active-text-tp-20:active { --text-opacity: 0.20; }
  .lg-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  .lg-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  .lg-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  .lg-group:hover .lg-group-hover-text-tp-20 { --text-opacity: 0.20; }
  .lg-text-tp-25 { --text-opacity: 0.25; }
  .lg-hover-text-tp-25:hover { --text-opacity: 0.25; }
  .lg-focus-text-tp-25:focus { --text-opacity: 0.25; }
  .lg-active-text-tp-25:active { --text-opacity: 0.25; }
  .lg-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  .lg-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  .lg-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  .lg-group:hover .lg-group-hover-text-tp-25 { --text-opacity: 0.25; }
  .lg-text-tp-30 { --text-opacity: 0.30; }
  .lg-hover-text-tp-30:hover { --text-opacity: 0.30; }
  .lg-focus-text-tp-30:focus { --text-opacity: 0.30; }
  .lg-active-text-tp-30:active { --text-opacity: 0.30; }
  .lg-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  .lg-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  .lg-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  .lg-group:hover .lg-group-hover-text-tp-30 { --text-opacity: 0.30; }
  .lg-text-tp-35 { --text-opacity: 0.35; }
  .lg-hover-text-tp-35:hover { --text-opacity: 0.35; }
  .lg-focus-text-tp-35:focus { --text-opacity: 0.35; }
  .lg-active-text-tp-35:active { --text-opacity: 0.35; }
  .lg-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  .lg-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  .lg-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  .lg-group:hover .lg-group-hover-text-tp-35 { --text-opacity: 0.35; }
  .lg-text-tp-40 { --text-opacity: 0.40; }
  .lg-hover-text-tp-40:hover { --text-opacity: 0.40; }
  .lg-focus-text-tp-40:focus { --text-opacity: 0.40; }
  .lg-active-text-tp-40:active { --text-opacity: 0.40; }
  .lg-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  .lg-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  .lg-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  .lg-group:hover .lg-group-hover-text-tp-40 { --text-opacity: 0.40; }
  .lg-text-tp-45 { --text-opacity: 0.45; }
  .lg-hover-text-tp-45:hover { --text-opacity: 0.45; }
  .lg-focus-text-tp-45:focus { --text-opacity: 0.45; }
  .lg-active-text-tp-45:active { --text-opacity: 0.45; }
  .lg-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  .lg-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  .lg-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  .lg-group:hover .lg-group-hover-text-tp-45 { --text-opacity: 0.45; }
  .lg-text-tp-50 { --text-opacity: 0.50; }
  .lg-hover-text-tp-50:hover { --text-opacity: 0.50; }
  .lg-focus-text-tp-50:focus { --text-opacity: 0.50; }
  .lg-active-text-tp-50:active { --text-opacity: 0.50; }
  .lg-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  .lg-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  .lg-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  .lg-group:hover .lg-group-hover-text-tp-50 { --text-opacity: 0.50; }
  .lg-text-tp-55 { --text-opacity: 0.55; }
  .lg-hover-text-tp-55:hover { --text-opacity: 0.55; }
  .lg-focus-text-tp-55:focus { --text-opacity: 0.55; }
  .lg-active-text-tp-55:active { --text-opacity: 0.55; }
  .lg-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  .lg-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  .lg-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  .lg-group:hover .lg-group-hover-text-tp-55 { --text-opacity: 0.55; }
  .lg-text-tp-60 { --text-opacity: 0.60; }
  .lg-hover-text-tp-60:hover { --text-opacity: 0.60; }
  .lg-focus-text-tp-60:focus { --text-opacity: 0.60; }
  .lg-active-text-tp-60:active { --text-opacity: 0.60; }
  .lg-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  .lg-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  .lg-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  .lg-group:hover .lg-group-hover-text-tp-60 { --text-opacity: 0.60; }
  .lg-text-tp-65 { --text-opacity: 0.65; }
  .lg-hover-text-tp-65:hover { --text-opacity: 0.65; }
  .lg-focus-text-tp-65:focus { --text-opacity: 0.65; }
  .lg-active-text-tp-65:active { --text-opacity: 0.65; }
  .lg-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  .lg-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  .lg-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  .lg-group:hover .lg-group-hover-text-tp-65 { --text-opacity: 0.65; }
  .lg-text-tp-70 { --text-opacity: 0.70; }
  .lg-hover-text-tp-70:hover { --text-opacity: 0.70; }
  .lg-focus-text-tp-70:focus { --text-opacity: 0.70; }
  .lg-active-text-tp-70:active { --text-opacity: 0.70; }
  .lg-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  .lg-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  .lg-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  .lg-group:hover .lg-group-hover-text-tp-70 { --text-opacity: 0.70; }
  .lg-text-tp-75 { --text-opacity: 0.75; }
  .lg-hover-text-tp-75:hover { --text-opacity: 0.75; }
  .lg-focus-text-tp-75:focus { --text-opacity: 0.75; }
  .lg-active-text-tp-75:active { --text-opacity: 0.75; }
  .lg-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  .lg-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  .lg-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  .lg-group:hover .lg-group-hover-text-tp-75 { --text-opacity: 0.75; }
  .lg-text-tp-80 { --text-opacity: 0.80; }
  .lg-hover-text-tp-80:hover { --text-opacity: 0.80; }
  .lg-focus-text-tp-80:focus { --text-opacity: 0.80; }
  .lg-active-text-tp-80:active { --text-opacity: 0.80; }
  .lg-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  .lg-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  .lg-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  .lg-group:hover .lg-group-hover-text-tp-80 { --text-opacity: 0.80; }
  .lg-text-tp-85 { --text-opacity: 0.85; }
  .lg-hover-text-tp-85:hover { --text-opacity: 0.85; }
  .lg-focus-text-tp-85:focus { --text-opacity: 0.85; }
  .lg-active-text-tp-85:active { --text-opacity: 0.85; }
  .lg-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  .lg-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  .lg-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  .lg-group:hover .lg-group-hover-text-tp-85 { --text-opacity: 0.85; }
  .lg-text-tp-90 { --text-opacity: 0.90; }
  .lg-hover-text-tp-90:hover { --text-opacity: 0.90; }
  .lg-focus-text-tp-90:focus { --text-opacity: 0.90; }
  .lg-active-text-tp-90:active { --text-opacity: 0.90; }
  .lg-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  .lg-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  .lg-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  .lg-group:hover .lg-group-hover-text-tp-90 { --text-opacity: 0.90; }
  .lg-text-tp-95 { --text-opacity: 0.95; }
  .lg-hover-text-tp-95:hover { --text-opacity: 0.95; }
  .lg-focus-text-tp-95:focus { --text-opacity: 0.95; }
  .lg-active-text-tp-95:active { --text-opacity: 0.95; }
  .lg-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  .lg-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  .lg-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  .lg-group:hover .lg-group-hover-text-tp-95 { --text-opacity: 0.95; }
  .lg-text-tp-100 { --text-opacity: 1; }
  .lg-hover-text-tp-100:hover { --text-opacity: 1; }
  .lg-focus-text-tp-100:focus { --text-opacity: 1; }
  .lg-active-text-tp-100:active { --text-opacity: 1; }
  .lg-disabled-text-tp-100:disabled { --text-opacity: 1; }
  .lg-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  .lg-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  .lg-group:hover .lg-group-hover-text-tp-100 { --text-opacity: 1; }
  .lg-border-tp-05 { --border-opacity: 0.05; }
  .lg-hover-border-tp-05:hover { --border-opacity: 0.05; }
  .lg-focus-border-tp-05:focus { --border-opacity: 0.05; }
  .lg-active-border-tp-05:active { --border-opacity: 0.05; }
  .lg-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  .lg-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  .lg-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  .lg-group:hover .lg-group-hover-border-tp-05 { --border-opacity: 0.05; }
  .lg-border-tp-10 { --border-opacity: 0.10; }
  .lg-hover-border-tp-10:hover { --border-opacity: 0.10; }
  .lg-focus-border-tp-10:focus { --border-opacity: 0.10; }
  .lg-active-border-tp-10:active { --border-opacity: 0.10; }
  .lg-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  .lg-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  .lg-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  .lg-group:hover .lg-group-hover-border-tp-10 { --border-opacity: 0.10; }
  .lg-border-tp-15 { --border-opacity: 0.15; }
  .lg-hover-border-tp-15:hover { --border-opacity: 0.15; }
  .lg-focus-border-tp-15:focus { --border-opacity: 0.15; }
  .lg-active-border-tp-15:active { --border-opacity: 0.15; }
  .lg-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  .lg-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  .lg-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  .lg-group:hover .lg-group-hover-border-tp-15 { --border-opacity: 0.15; }
  .lg-border-tp-20 { --border-opacity: 0.20; }
  .lg-hover-border-tp-20:hover { --border-opacity: 0.20; }
  .lg-focus-border-tp-20:focus { --border-opacity: 0.20; }
  .lg-active-border-tp-20:active { --border-opacity: 0.20; }
  .lg-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  .lg-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  .lg-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  .lg-group:hover .lg-group-hover-border-tp-20 { --border-opacity: 0.20; }
  .lg-border-tp-25 { --border-opacity: 0.25; }
  .lg-hover-border-tp-25:hover { --border-opacity: 0.25; }
  .lg-focus-border-tp-25:focus { --border-opacity: 0.25; }
  .lg-active-border-tp-25:active { --border-opacity: 0.25; }
  .lg-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  .lg-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  .lg-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  .lg-group:hover .lg-group-hover-border-tp-25 { --border-opacity: 0.25; }
  .lg-border-tp-30 { --border-opacity: 0.30; }
  .lg-hover-border-tp-30:hover { --border-opacity: 0.30; }
  .lg-focus-border-tp-30:focus { --border-opacity: 0.30; }
  .lg-active-border-tp-30:active { --border-opacity: 0.30; }
  .lg-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  .lg-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  .lg-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  .lg-group:hover .lg-group-hover-border-tp-30 { --border-opacity: 0.30; }
  .lg-border-tp-35 { --border-opacity: 0.35; }
  .lg-hover-border-tp-35:hover { --border-opacity: 0.35; }
  .lg-focus-border-tp-35:focus { --border-opacity: 0.35; }
  .lg-active-border-tp-35:active { --border-opacity: 0.35; }
  .lg-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  .lg-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  .lg-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  .lg-group:hover .lg-group-hover-border-tp-35 { --border-opacity: 0.35; }
  .lg-border-tp-40 { --border-opacity: 0.40; }
  .lg-hover-border-tp-40:hover { --border-opacity: 0.40; }
  .lg-focus-border-tp-40:focus { --border-opacity: 0.40; }
  .lg-active-border-tp-40:active { --border-opacity: 0.40; }
  .lg-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  .lg-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  .lg-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  .lg-group:hover .lg-group-hover-border-tp-40 { --border-opacity: 0.40; }
  .lg-border-tp-45 { --border-opacity: 0.45; }
  .lg-hover-border-tp-45:hover { --border-opacity: 0.45; }
  .lg-focus-border-tp-45:focus { --border-opacity: 0.45; }
  .lg-active-border-tp-45:active { --border-opacity: 0.45; }
  .lg-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  .lg-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  .lg-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  .lg-group:hover .lg-group-hover-border-tp-45 { --border-opacity: 0.45; }
  .lg-border-tp-50 { --border-opacity: 0.50; }
  .lg-hover-border-tp-50:hover { --border-opacity: 0.50; }
  .lg-focus-border-tp-50:focus { --border-opacity: 0.50; }
  .lg-active-border-tp-50:active { --border-opacity: 0.50; }
  .lg-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  .lg-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  .lg-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  .lg-group:hover .lg-group-hover-border-tp-50 { --border-opacity: 0.50; }
  .lg-border-tp-55 { --border-opacity: 0.55; }
  .lg-hover-border-tp-55:hover { --border-opacity: 0.55; }
  .lg-focus-border-tp-55:focus { --border-opacity: 0.55; }
  .lg-active-border-tp-55:active { --border-opacity: 0.55; }
  .lg-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  .lg-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  .lg-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  .lg-group:hover .lg-group-hover-border-tp-55 { --border-opacity: 0.55; }
  .lg-border-tp-60 { --border-opacity: 0.60; }
  .lg-hover-border-tp-60:hover { --border-opacity: 0.60; }
  .lg-focus-border-tp-60:focus { --border-opacity: 0.60; }
  .lg-active-border-tp-60:active { --border-opacity: 0.60; }
  .lg-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  .lg-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  .lg-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  .lg-group:hover .lg-group-hover-border-tp-60 { --border-opacity: 0.60; }
  .lg-border-tp-65 { --border-opacity: 0.65; }
  .lg-hover-border-tp-65:hover { --border-opacity: 0.65; }
  .lg-focus-border-tp-65:focus { --border-opacity: 0.65; }
  .lg-active-border-tp-65:active { --border-opacity: 0.65; }
  .lg-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  .lg-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  .lg-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  .lg-group:hover .lg-group-hover-border-tp-65 { --border-opacity: 0.65; }
  .lg-border-tp-70 { --border-opacity: 0.70; }
  .lg-hover-border-tp-70:hover { --border-opacity: 0.70; }
  .lg-focus-border-tp-70:focus { --border-opacity: 0.70; }
  .lg-active-border-tp-70:active { --border-opacity: 0.70; }
  .lg-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  .lg-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  .lg-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  .lg-group:hover .lg-group-hover-border-tp-70 { --border-opacity: 0.70; }
  .lg-border-tp-75 { --border-opacity: 0.75; }
  .lg-hover-border-tp-75:hover { --border-opacity: 0.75; }
  .lg-focus-border-tp-75:focus { --border-opacity: 0.75; }
  .lg-active-border-tp-75:active { --border-opacity: 0.75; }
  .lg-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  .lg-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  .lg-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  .lg-group:hover .lg-group-hover-border-tp-75 { --border-opacity: 0.75; }
  .lg-border-tp-80 { --border-opacity: 0.80; }
  .lg-hover-border-tp-80:hover { --border-opacity: 0.80; }
  .lg-focus-border-tp-80:focus { --border-opacity: 0.80; }
  .lg-active-border-tp-80:active { --border-opacity: 0.80; }
  .lg-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  .lg-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  .lg-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  .lg-group:hover .lg-group-hover-border-tp-80 { --border-opacity: 0.80; }
  .lg-border-tp-85 { --border-opacity: 0.85; }
  .lg-hover-border-tp-85:hover { --border-opacity: 0.85; }
  .lg-focus-border-tp-85:focus { --border-opacity: 0.85; }
  .lg-active-border-tp-85:active { --border-opacity: 0.85; }
  .lg-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  .lg-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  .lg-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  .lg-group:hover .lg-group-hover-border-tp-85 { --border-opacity: 0.85; }
  .lg-border-tp-90 { --border-opacity: 0.90; }
  .lg-hover-border-tp-90:hover { --border-opacity: 0.90; }
  .lg-focus-border-tp-90:focus { --border-opacity: 0.90; }
  .lg-active-border-tp-90:active { --border-opacity: 0.90; }
  .lg-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  .lg-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  .lg-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  .lg-group:hover .lg-group-hover-border-tp-90 { --border-opacity: 0.90; }
  .lg-border-tp-95 { --border-opacity: 0.95; }
  .lg-hover-border-tp-95:hover { --border-opacity: 0.95; }
  .lg-focus-border-tp-95:focus { --border-opacity: 0.95; }
  .lg-active-border-tp-95:active { --border-opacity: 0.95; }
  .lg-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  .lg-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  .lg-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  .lg-group:hover .lg-group-hover-border-tp-95 { --border-opacity: 0.95; }
  .lg-border-tp-100 { --border-opacity: 1; }
  .lg-hover-border-tp-100:hover { --border-opacity: 1; }
  .lg-focus-border-tp-100:focus { --border-opacity: 1; }
  .lg-active-border-tp-100:active { --border-opacity: 1; }
  .lg-disabled-border-tp-100:disabled { --border-opacity: 1; }
  .lg-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  .lg-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  .lg-group:hover .lg-group-hover-border-tp-100 { --border-opacity: 1; }
  .lg-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-group:hover .lg-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .lg-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-group:hover .lg-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .lg-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-group:hover .lg-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .lg-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-group:hover .lg-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .lg-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-group:hover .lg-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .lg-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-group:hover .lg-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .lg-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .lg-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  .lg-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  .lg-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  .lg-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  .lg-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  .lg-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .lg-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .lg-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  .lg-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  .lg-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  .lg-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  .lg-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  .lg-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .lg-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .lg-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  .lg-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  .lg-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  .lg-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  .lg-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  .lg-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .lg-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .lg-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  .lg-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  .lg-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  .lg-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  .lg-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  .lg-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .lg-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .lg-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  .lg-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  .lg-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  .lg-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  .lg-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  .lg-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .lg-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .lg-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  .lg-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  .lg-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  .lg-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  .lg-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  .lg-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .lg-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .lg-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  .lg-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  .lg-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  .lg-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  .lg-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  .lg-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .lg-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .lg-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  .lg-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  .lg-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  .lg-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  .lg-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  .lg-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .lg-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .lg-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  .lg-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  .lg-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  .lg-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  .lg-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  .lg-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .lg-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .lg-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  .lg-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  .lg-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  .lg-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  .lg-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  .lg-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .lg-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .lg-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  .lg-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  .lg-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  .lg-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  .lg-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  .lg-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .lg-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .lg-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  .lg-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  .lg-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  .lg-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  .lg-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  .lg-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .lg-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .lg-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  .lg-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  .lg-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  .lg-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  .lg-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  .lg-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .lg-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .lg-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  .lg-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  .lg-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  .lg-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  .lg-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  .lg-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .lg-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .lg-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  .lg-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  .lg-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  .lg-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  .lg-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  .lg-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .lg-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .lg-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  .lg-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  .lg-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  .lg-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  .lg-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  .lg-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .lg-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .lg-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  .lg-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  .lg-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  .lg-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  .lg-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  .lg-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .lg-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .lg-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  .lg-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  .lg-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  .lg-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  .lg-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  .lg-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .lg-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .lg-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  .lg-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  .lg-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  .lg-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  .lg-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  .lg-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .lg-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .lg-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  .lg-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  .lg-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  .lg-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  .lg-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  .lg-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .lg-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .lg-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  .lg-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  .lg-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  .lg-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  .lg-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  .lg-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .lg-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .lg-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  .lg-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  .lg-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  .lg-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  .lg-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  .lg-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .lg-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .lg-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  .lg-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  .lg-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  .lg-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  .lg-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  .lg-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .lg-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .lg-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  .lg-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  .lg-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  .lg-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  .lg-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  .lg-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .lg-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .lg-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  .lg-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  .lg-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  .lg-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  .lg-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  .lg-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .lg-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .lg-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  .lg-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  .lg-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  .lg-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  .lg-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  .lg-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .lg-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .lg-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  .lg-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  .lg-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  .lg-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  .lg-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  .lg-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .lg-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .lg-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  .lg-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  .lg-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  .lg-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  .lg-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  .lg-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .lg-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .lg-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  .lg-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  .lg-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  .lg-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  .lg-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  .lg-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .lg-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .lg-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  .lg-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  .lg-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  .lg-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  .lg-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  .lg-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .lg-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .lg-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  .lg-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  .lg-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  .lg-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  .lg-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  .lg-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .lg-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .lg-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  .lg-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  .lg-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  .lg-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  .lg-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  .lg-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .lg-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .lg-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  .lg-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  .lg-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  .lg-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  .lg-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  .lg-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .lg-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .lg-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  .lg-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  .lg-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  .lg-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  .lg-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  .lg-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .lg-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .lg-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  .lg-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  .lg-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  .lg-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  .lg-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  .lg-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .lg-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .lg-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  .lg-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  .lg-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  .lg-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  .lg-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  .lg-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .lg-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .lg-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  .lg-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  .lg-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  .lg-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  .lg-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  .lg-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .lg-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .lg-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  .lg-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  .lg-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  .lg-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  .lg-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  .lg-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .lg-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .lg-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  .lg-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  .lg-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  .lg-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  .lg-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  .lg-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .lg-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .lg-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  .lg-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  .lg-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  .lg-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  .lg-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  .lg-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .lg-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .lg-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  .lg-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  .lg-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  .lg-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  .lg-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  .lg-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .lg-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .lg-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  .lg-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  .lg-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  .lg-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  .lg-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  .lg-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .lg-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .lg-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  .lg-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  .lg-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  .lg-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  .lg-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  .lg-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .lg-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .lg-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  .lg-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  .lg-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  .lg-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  .lg-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  .lg-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .lg-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .lg-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  .lg-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  .lg-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  .lg-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  .lg-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  .lg-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .lg-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .lg-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  .lg-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  .lg-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  .lg-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  .lg-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  .lg-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .lg-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .lg-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  .lg-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  .lg-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  .lg-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  .lg-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  .lg-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .lg-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .lg-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  .lg-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  .lg-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  .lg-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  .lg-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  .lg-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .lg-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .lg-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  .lg-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  .lg-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  .lg-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  .lg-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  .lg-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .lg-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .lg-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  .lg-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  .lg-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  .lg-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  .lg-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  .lg-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .lg-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .lg-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  .lg-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  .lg-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  .lg-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  .lg-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  .lg-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .lg-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .lg-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  .lg-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  .lg-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  .lg-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  .lg-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  .lg-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .lg-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .lg-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  .lg-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  .lg-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  .lg-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  .lg-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  .lg-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .lg-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .lg-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  .lg-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  .lg-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  .lg-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  .lg-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  .lg-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .lg-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .lg-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  .lg-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  .lg-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  .lg-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  .lg-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  .lg-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .lg-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .lg-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  .lg-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  .lg-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  .lg-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  .lg-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  .lg-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .lg-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .lg-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  .lg-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  .lg-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  .lg-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  .lg-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  .lg-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .lg-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .lg-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  .lg-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  .lg-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  .lg-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  .lg-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  .lg-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .lg-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .lg-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  .lg-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  .lg-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  .lg-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  .lg-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  .lg-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .lg-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .lg-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  .lg-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  .lg-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  .lg-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  .lg-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  .lg-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .lg-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .lg-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  .lg-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  .lg-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  .lg-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  .lg-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  .lg-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .lg-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .lg-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  .lg-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  .lg-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  .lg-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  .lg-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  .lg-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .lg-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .lg-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  .lg-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  .lg-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  .lg-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  .lg-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  .lg-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .lg-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .lg-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  .lg-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  .lg-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  .lg-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  .lg-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  .lg-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .lg-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .lg-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  .lg-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  .lg-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  .lg-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  .lg-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  .lg-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .lg-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .lg-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  .lg-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  .lg-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  .lg-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  .lg-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  .lg-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .lg-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .lg-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  .lg-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  .lg-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  .lg-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  .lg-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  .lg-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .lg-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .lg-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  .lg-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  .lg-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  .lg-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  .lg-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  .lg-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .lg-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .lg-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  .lg-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  .lg-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  .lg-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  .lg-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  .lg-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .lg-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .lg-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  .lg-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  .lg-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  .lg-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  .lg-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  .lg-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .lg-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .lg-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  .lg-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  .lg-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  .lg-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  .lg-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  .lg-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .lg-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .lg-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  .lg-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  .lg-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  .lg-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  .lg-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  .lg-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .lg-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .lg-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  .lg-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  .lg-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  .lg-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  .lg-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  .lg-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .lg-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .lg-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  .lg-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  .lg-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  .lg-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  .lg-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  .lg-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .lg-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .lg-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  .lg-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  .lg-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  .lg-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  .lg-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  .lg-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .lg-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .lg-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  .lg-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  .lg-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  .lg-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  .lg-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  .lg-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .lg-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .lg-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  .lg-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  .lg-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  .lg-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  .lg-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  .lg-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .lg-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .lg-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  .lg-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  .lg-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  .lg-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  .lg-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  .lg-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .lg-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .lg-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  .lg-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  .lg-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  .lg-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  .lg-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  .lg-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .lg-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .lg-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  .lg-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  .lg-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  .lg-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  .lg-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  .lg-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .lg-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .lg-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  .lg-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  .lg-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  .lg-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  .lg-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  .lg-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .lg-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .lg-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  .lg-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  .lg-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  .lg-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  .lg-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  .lg-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .lg-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .lg-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  .lg-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  .lg-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  .lg-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  .lg-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  .lg-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .lg-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .lg-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  .lg-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  .lg-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  .lg-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  .lg-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  .lg-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .lg-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .lg-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  .lg-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  .lg-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  .lg-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  .lg-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  .lg-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .lg-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .lg-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  .lg-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  .lg-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  .lg-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  .lg-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  .lg-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .lg-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .lg-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  .lg-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  .lg-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  .lg-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  .lg-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  .lg-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .lg-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .lg-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  .lg-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  .lg-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  .lg-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  .lg-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  .lg-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .lg-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .lg-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  .lg-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  .lg-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  .lg-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  .lg-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  .lg-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .lg-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .lg-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  .lg-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  .lg-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  .lg-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  .lg-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  .lg-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .lg-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .lg-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  .lg-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  .lg-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  .lg-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  .lg-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  .lg-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .lg-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .lg-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  .lg-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  .lg-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  .lg-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  .lg-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  .lg-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .lg-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .lg-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  .lg-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  .lg-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  .lg-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  .lg-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  .lg-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .lg-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .lg-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  .lg-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  .lg-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  .lg-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  .lg-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  .lg-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .lg-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .lg-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  .lg-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  .lg-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  .lg-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  .lg-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  .lg-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .lg-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .lg-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  .lg-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  .lg-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  .lg-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  .lg-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  .lg-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .lg-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .lg-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  .lg-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  .lg-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  .lg-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  .lg-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  .lg-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .lg-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .lg-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  .lg-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  .lg-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  .lg-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  .lg-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  .lg-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .lg-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .lg-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  .lg-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  .lg-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  .lg-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  .lg-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  .lg-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .lg-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .lg-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  .lg-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  .lg-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  .lg-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  .lg-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  .lg-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .lg-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .lg-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  .lg-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  .lg-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  .lg-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  .lg-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  .lg-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .lg-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .lg-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  .lg-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  .lg-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  .lg-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  .lg-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  .lg-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .lg-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .lg-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  .lg-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  .lg-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  .lg-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  .lg-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  .lg-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .lg-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .lg-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  .lg-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  .lg-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  .lg-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  .lg-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  .lg-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .lg-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .lg-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  .lg-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  .lg-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  .lg-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  .lg-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  .lg-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .lg-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .lg-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  .lg-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  .lg-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  .lg-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  .lg-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  .lg-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .lg-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .lg-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  .lg-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  .lg-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  .lg-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  .lg-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  .lg-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .lg-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .lg-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  .lg-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  .lg-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  .lg-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  .lg-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  .lg-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .lg-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .lg-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  .lg-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  .lg-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  .lg-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  .lg-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  .lg-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .lg-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .lg-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  .lg-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  .lg-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  .lg-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  .lg-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  .lg-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .lg-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .lg-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  .lg-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  .lg-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  .lg-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  .lg-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  .lg-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .lg-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .lg-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  .lg-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  .lg-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  .lg-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  .lg-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  .lg-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .lg-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .lg-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  .lg-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  .lg-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  .lg-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  .lg-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  .lg-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .lg-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .lg-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  .lg-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  .lg-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  .lg-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  .lg-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  .lg-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .lg-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .lg-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  .lg-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  .lg-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  .lg-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  .lg-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  .lg-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .lg-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .lg-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  .lg-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  .lg-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  .lg-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  .lg-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  .lg-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .lg-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .lg-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  .lg-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  .lg-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  .lg-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  .lg-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  .lg-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .lg-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .lg-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  .lg-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  .lg-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  .lg-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  .lg-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  .lg-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .lg-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .lg-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  .lg-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  .lg-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  .lg-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  .lg-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  .lg-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .lg-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .lg-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  .lg-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  .lg-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  .lg-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  .lg-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  .lg-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .lg-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .lg-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  .lg-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  .lg-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  .lg-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  .lg-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  .lg-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .lg-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .lg-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  .lg-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  .lg-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  .lg-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  .lg-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  .lg-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .lg-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .lg-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  .lg-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  .lg-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  .lg-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  .lg-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  .lg-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .lg-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .lg-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  .lg-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  .lg-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  .lg-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  .lg-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  .lg-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .lg-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .lg-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  .lg-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  .lg-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  .lg-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  .lg-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  .lg-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .lg-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .lg-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  .lg-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  .lg-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  .lg-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  .lg-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  .lg-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .lg-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .lg-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  .lg-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  .lg-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  .lg-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  .lg-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  .lg-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .lg-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .lg-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  .lg-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  .lg-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  .lg-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  .lg-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  .lg-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .lg-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .lg-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  .lg-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  .lg-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  .lg-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  .lg-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  .lg-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .lg-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .lg-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  .lg-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  .lg-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  .lg-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  .lg-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  .lg-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .lg-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .lg-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  .lg-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  .lg-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  .lg-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  .lg-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  .lg-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .lg-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .lg-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  .lg-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  .lg-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  .lg-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  .lg-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  .lg-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .lg-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .lg-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  .lg-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  .lg-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  .lg-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  .lg-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  .lg-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .lg-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .lg-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  .lg-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  .lg-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  .lg-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  .lg-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  .lg-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .lg-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .lg-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  .lg-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  .lg-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  .lg-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  .lg-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  .lg-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .lg-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .lg-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  .lg-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  .lg-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  .lg-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  .lg-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  .lg-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .lg-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .lg-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  .lg-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  .lg-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  .lg-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  .lg-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  .lg-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .lg-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .lg-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  .lg-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  .lg-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  .lg-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  .lg-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  .lg-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .lg-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .lg-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  .lg-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  .lg-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  .lg-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  .lg-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  .lg-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .lg-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .lg-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  .lg-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  .lg-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  .lg-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  .lg-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  .lg-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .lg-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .lg-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  .lg-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  .lg-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  .lg-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  .lg-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  .lg-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .lg-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .lg-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  .lg-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  .lg-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  .lg-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  .lg-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  .lg-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .lg-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .lg-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  .lg-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  .lg-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  .lg-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  .lg-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  .lg-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .lg-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .lg-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  .lg-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  .lg-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  .lg-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  .lg-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  .lg-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .lg-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .lg-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  .lg-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  .lg-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  .lg-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  .lg-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  .lg-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .lg-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .lg-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  .lg-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  .lg-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  .lg-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  .lg-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  .lg-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .lg-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .lg-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  .lg-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  .lg-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  .lg-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  .lg-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  .lg-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .lg-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .lg-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  .lg-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  .lg-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  .lg-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  .lg-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  .lg-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .lg-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .lg-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  .lg-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  .lg-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  .lg-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  .lg-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  .lg-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .lg-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .lg-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  .lg-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  .lg-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  .lg-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  .lg-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  .lg-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .lg-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .lg-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  .lg-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  .lg-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  .lg-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  .lg-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  .lg-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .lg-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .lg-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  .lg-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  .lg-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  .lg-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  .lg-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  .lg-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .lg-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .lg-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  .lg-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  .lg-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  .lg-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  .lg-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  .lg-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .lg-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .lg-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  .lg-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  .lg-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  .lg-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  .lg-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  .lg-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .lg-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .lg-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  .lg-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  .lg-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  .lg-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  .lg-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  .lg-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .lg-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .lg-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  .lg-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  .lg-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  .lg-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  .lg-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  .lg-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .lg-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .lg-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  .lg-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  .lg-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  .lg-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  .lg-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  .lg-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .lg-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .lg-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  .lg-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  .lg-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  .lg-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  .lg-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  .lg-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .lg-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .lg-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  .lg-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  .lg-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  .lg-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  .lg-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  .lg-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .lg-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .lg-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  .lg-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  .lg-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  .lg-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  .lg-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  .lg-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .lg-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .lg-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  .lg-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  .lg-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  .lg-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  .lg-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  .lg-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .lg-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .lg-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  .lg-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  .lg-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  .lg-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  .lg-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  .lg-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .lg-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .lg-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  .lg-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  .lg-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  .lg-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  .lg-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  .lg-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .lg-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .lg-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  .lg-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  .lg-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  .lg-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  .lg-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  .lg-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .lg-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .lg-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  .lg-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  .lg-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  .lg-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  .lg-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  .lg-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .lg-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .lg-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  .lg-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  .lg-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  .lg-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  .lg-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  .lg-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .lg-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .lg-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  .lg-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  .lg-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  .lg-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  .lg-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  .lg-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .lg-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .lg-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  .lg-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  .lg-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  .lg-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  .lg-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  .lg-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .lg-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .lg-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  .lg-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  .lg-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  .lg-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  .lg-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  .lg-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .lg-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .lg-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  .lg-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  .lg-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  .lg-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  .lg-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  .lg-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .lg-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .lg-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  .lg-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  .lg-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  .lg-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  .lg-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  .lg-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .lg-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .lg-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  .lg-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  .lg-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  .lg-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  .lg-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  .lg-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .lg-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .lg-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  .lg-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  .lg-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  .lg-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  .lg-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  .lg-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .lg-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .lg-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  .lg-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  .lg-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  .lg-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  .lg-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  .lg-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .lg-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .lg-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  .lg-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  .lg-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  .lg-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  .lg-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  .lg-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .lg-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .lg-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  .lg-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  .lg-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  .lg-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  .lg-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  .lg-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .lg-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .lg-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  .lg-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  .lg-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  .lg-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  .lg-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  .lg-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .lg-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .lg-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  .lg-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  .lg-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  .lg-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  .lg-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  .lg-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .lg-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .lg-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  .lg-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  .lg-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  .lg-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  .lg-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  .lg-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .lg-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .lg-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  .lg-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  .lg-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  .lg-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  .lg-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  .lg-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .lg-shadow-color-black { --shadow-color: var(--black); }
  .lg-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  .lg-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  .lg-active-shadow-color-black:active { --shadow-color: var(--black); }
  .lg-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  .lg-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  .lg-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  .lg-group:hover .lg-group-hover-shadow-color-black { --shadow-color: var(--black); }
  .lg-shadow-color-white { --shadow-color: var(--white); }
  .lg-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  .lg-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  .lg-active-shadow-color-white:active { --shadow-color: var(--white); }
  .lg-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  .lg-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  .lg-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  .lg-group:hover .lg-group-hover-shadow-color-white { --shadow-color: var(--white); }
  .lg-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .lg-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  .lg-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  .lg-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  .lg-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  .lg-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  .lg-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .lg-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .lg-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  .lg-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  .lg-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  .lg-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  .lg-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  .lg-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .lg-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .lg-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  .lg-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  .lg-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  .lg-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  .lg-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  .lg-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .lg-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .lg-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  .lg-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  .lg-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  .lg-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  .lg-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  .lg-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .lg-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .lg-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  .lg-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  .lg-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  .lg-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  .lg-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  .lg-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .lg-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .lg-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  .lg-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  .lg-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  .lg-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  .lg-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  .lg-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .lg-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .lg-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  .lg-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  .lg-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  .lg-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  .lg-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  .lg-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .lg-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .lg-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  .lg-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  .lg-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  .lg-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  .lg-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  .lg-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .lg-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .lg-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  .lg-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  .lg-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  .lg-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  .lg-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  .lg-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .lg-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .lg-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  .lg-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  .lg-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  .lg-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  .lg-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  .lg-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .lg-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .lg-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  .lg-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  .lg-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  .lg-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  .lg-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  .lg-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .lg-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .lg-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  .lg-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  .lg-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  .lg-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  .lg-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  .lg-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .lg-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .lg-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  .lg-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  .lg-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  .lg-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  .lg-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  .lg-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .lg-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .lg-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  .lg-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  .lg-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  .lg-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  .lg-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  .lg-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .lg-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .lg-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  .lg-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  .lg-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  .lg-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  .lg-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  .lg-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .lg-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .lg-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  .lg-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  .lg-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  .lg-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  .lg-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  .lg-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .lg-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .lg-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  .lg-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  .lg-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  .lg-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  .lg-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  .lg-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .lg-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .lg-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  .lg-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  .lg-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  .lg-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  .lg-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  .lg-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .lg-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .lg-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  .lg-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  .lg-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  .lg-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  .lg-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  .lg-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .lg-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .lg-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  .lg-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  .lg-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  .lg-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  .lg-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  .lg-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .lg-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .lg-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  .lg-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  .lg-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  .lg-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  .lg-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  .lg-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .lg-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .lg-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  .lg-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  .lg-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  .lg-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  .lg-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  .lg-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .lg-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .lg-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  .lg-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  .lg-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  .lg-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  .lg-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  .lg-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .lg-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .lg-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  .lg-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  .lg-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  .lg-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  .lg-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  .lg-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .lg-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .lg-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  .lg-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  .lg-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  .lg-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  .lg-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  .lg-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .lg-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .lg-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  .lg-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  .lg-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  .lg-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  .lg-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  .lg-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .lg-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .lg-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  .lg-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  .lg-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  .lg-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  .lg-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  .lg-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .lg-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .lg-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  .lg-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  .lg-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  .lg-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  .lg-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  .lg-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .lg-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .lg-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  .lg-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  .lg-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  .lg-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  .lg-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  .lg-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .lg-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .lg-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  .lg-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  .lg-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  .lg-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  .lg-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  .lg-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .lg-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .lg-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  .lg-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  .lg-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  .lg-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  .lg-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  .lg-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .lg-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .lg-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  .lg-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  .lg-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  .lg-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  .lg-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  .lg-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .lg-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .lg-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  .lg-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  .lg-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  .lg-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  .lg-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  .lg-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .lg-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .lg-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  .lg-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  .lg-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  .lg-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  .lg-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  .lg-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .lg-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .lg-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  .lg-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  .lg-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  .lg-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  .lg-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  .lg-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .lg-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .lg-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  .lg-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  .lg-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  .lg-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  .lg-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  .lg-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .lg-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .lg-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  .lg-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  .lg-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  .lg-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  .lg-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  .lg-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .lg-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .lg-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  .lg-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  .lg-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  .lg-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  .lg-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  .lg-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .lg-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .lg-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  .lg-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  .lg-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  .lg-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  .lg-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  .lg-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .lg-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .lg-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  .lg-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  .lg-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  .lg-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  .lg-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  .lg-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .lg-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .lg-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .lg-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .lg-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .lg-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .lg-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .lg-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .lg-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .lg-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .lg-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .lg-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .lg-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .lg-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .lg-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .lg-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .lg-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .lg-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .lg-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .lg-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .lg-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .lg-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .lg-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  .lg-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  .lg-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  .lg-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  .lg-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  .lg-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .lg-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .lg-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  .lg-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  .lg-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  .lg-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  .lg-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  .lg-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .lg-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .lg-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  .lg-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  .lg-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  .lg-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  .lg-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  .lg-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .lg-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .lg-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  .lg-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  .lg-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  .lg-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  .lg-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  .lg-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .lg-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .lg-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  .lg-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  .lg-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  .lg-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  .lg-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  .lg-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .lg-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .lg-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  .lg-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  .lg-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  .lg-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  .lg-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  .lg-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .lg-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .lg-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  .lg-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  .lg-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  .lg-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  .lg-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  .lg-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .lg-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .lg-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  .lg-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  .lg-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  .lg-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  .lg-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  .lg-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .lg-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .lg-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  .lg-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  .lg-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  .lg-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  .lg-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  .lg-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .lg-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .lg-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  .lg-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  .lg-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  .lg-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  .lg-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  .lg-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .lg-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .lg-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  .lg-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  .lg-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  .lg-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  .lg-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  .lg-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .lg-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .lg-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  .lg-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  .lg-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  .lg-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  .lg-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  .lg-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .lg-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .lg-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  .lg-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  .lg-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  .lg-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  .lg-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  .lg-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .lg-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .lg-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  .lg-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  .lg-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  .lg-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  .lg-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  .lg-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .lg-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .lg-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  .lg-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  .lg-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  .lg-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  .lg-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  .lg-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .lg-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .lg-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  .lg-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  .lg-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  .lg-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  .lg-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  .lg-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .lg-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .lg-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  .lg-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  .lg-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  .lg-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  .lg-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  .lg-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .lg-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .lg-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  .lg-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  .lg-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  .lg-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  .lg-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  .lg-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .lg-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .lg-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  .lg-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  .lg-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  .lg-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  .lg-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  .lg-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .lg-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .lg-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  .lg-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  .lg-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  .lg-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  .lg-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  .lg-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .lg-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .lg-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  .lg-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  .lg-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  .lg-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  .lg-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  .lg-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .lg-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .lg-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  .lg-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  .lg-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  .lg-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  .lg-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  .lg-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .lg-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .lg-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  .lg-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  .lg-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  .lg-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  .lg-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  .lg-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .lg-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .lg-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  .lg-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  .lg-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  .lg-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  .lg-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  .lg-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .lg-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .lg-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  .lg-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  .lg-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  .lg-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  .lg-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  .lg-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .lg-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .lg-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  .lg-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  .lg-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  .lg-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  .lg-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  .lg-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .lg-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .lg-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  .lg-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  .lg-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  .lg-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  .lg-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  .lg-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .lg-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .lg-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  .lg-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  .lg-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  .lg-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  .lg-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  .lg-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .lg-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .lg-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  .lg-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  .lg-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  .lg-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  .lg-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  .lg-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .lg-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .lg-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  .lg-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  .lg-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  .lg-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  .lg-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  .lg-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .lg-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .lg-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .lg-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .lg-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .lg-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .lg-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .lg-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .lg-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .lg-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .lg-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .lg-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .lg-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  .lg-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  .lg-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  .lg-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  .lg-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  .lg-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .lg-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .lg-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  .lg-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  .lg-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  .lg-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  .lg-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  .lg-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .lg-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .lg-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  .lg-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  .lg-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  .lg-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  .lg-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  .lg-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .lg-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .lg-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  .lg-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  .lg-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  .lg-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  .lg-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  .lg-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .lg-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .lg-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  .lg-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  .lg-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  .lg-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  .lg-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  .lg-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .lg-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .lg-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  .lg-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  .lg-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  .lg-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  .lg-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  .lg-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .lg-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .lg-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  .lg-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  .lg-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  .lg-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  .lg-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  .lg-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .lg-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .lg-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  .lg-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  .lg-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  .lg-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  .lg-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  .lg-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .lg-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .lg-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  .lg-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  .lg-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  .lg-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  .lg-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  .lg-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .lg-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .lg-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  .lg-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  .lg-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  .lg-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  .lg-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  .lg-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .lg-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .lg-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  .lg-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  .lg-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  .lg-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  .lg-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  .lg-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .lg-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .lg-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  .lg-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  .lg-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  .lg-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  .lg-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  .lg-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .lg-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .lg-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  .lg-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  .lg-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  .lg-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  .lg-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  .lg-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .lg-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .lg-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  .lg-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  .lg-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  .lg-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  .lg-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  .lg-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .lg-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .lg-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  .lg-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  .lg-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  .lg-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  .lg-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  .lg-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .lg-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .lg-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  .lg-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  .lg-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  .lg-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  .lg-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  .lg-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .lg-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .lg-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  .lg-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  .lg-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  .lg-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  .lg-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  .lg-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .lg-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .lg-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  .lg-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  .lg-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  .lg-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  .lg-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  .lg-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .lg-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .lg-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  .lg-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  .lg-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  .lg-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  .lg-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  .lg-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .lg-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .lg-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  .lg-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  .lg-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  .lg-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  .lg-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  .lg-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .lg-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .lg-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  .lg-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  .lg-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  .lg-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  .lg-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  .lg-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .lg-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .lg-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  .lg-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  .lg-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  .lg-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  .lg-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  .lg-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .lg-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .lg-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  .lg-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  .lg-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  .lg-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  .lg-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  .lg-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .lg-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .lg-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  .lg-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  .lg-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  .lg-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  .lg-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  .lg-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .lg-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .lg-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  .lg-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  .lg-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  .lg-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  .lg-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  .lg-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .lg-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .lg-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  .lg-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  .lg-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  .lg-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  .lg-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  .lg-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .lg-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .lg-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  .lg-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  .lg-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  .lg-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  .lg-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  .lg-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .lg-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .lg-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  .lg-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  .lg-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  .lg-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  .lg-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  .lg-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .lg-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .lg-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  .lg-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  .lg-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  .lg-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  .lg-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  .lg-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .lg-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .lg-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  .lg-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  .lg-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  .lg-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  .lg-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  .lg-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .lg-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .lg-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  .lg-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  .lg-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  .lg-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  .lg-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  .lg-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .lg-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .lg-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  .lg-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  .lg-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  .lg-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  .lg-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  .lg-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .lg-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .lg-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  .lg-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  .lg-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  .lg-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  .lg-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  .lg-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .lg-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .lg-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  .lg-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  .lg-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  .lg-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  .lg-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  .lg-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .lg-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .lg-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  .lg-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  .lg-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  .lg-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  .lg-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  .lg-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .lg-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .lg-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  .lg-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  .lg-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  .lg-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  .lg-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  .lg-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .lg-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .lg-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  .lg-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  .lg-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  .lg-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  .lg-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  .lg-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .lg-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .lg-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  .lg-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  .lg-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  .lg-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  .lg-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  .lg-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .lg-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .lg-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  .lg-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  .lg-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  .lg-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  .lg-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  .lg-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .lg-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .lg-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  .lg-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  .lg-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  .lg-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  .lg-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  .lg-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .lg-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .lg-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  .lg-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  .lg-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  .lg-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  .lg-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  .lg-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .lg-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .lg-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  .lg-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  .lg-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  .lg-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  .lg-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  .lg-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .lg-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .lg-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  .lg-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  .lg-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  .lg-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  .lg-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  .lg-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .lg-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .lg-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  .lg-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  .lg-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  .lg-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  .lg-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  .lg-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .lg-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .lg-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  .lg-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  .lg-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  .lg-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  .lg-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  .lg-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .lg-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .lg-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  .lg-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  .lg-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  .lg-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  .lg-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  .lg-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .lg-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .lg-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  .lg-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  .lg-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  .lg-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  .lg-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  .lg-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .lg-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .lg-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  .lg-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  .lg-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  .lg-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  .lg-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  .lg-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .lg-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .lg-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  .lg-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  .lg-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  .lg-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  .lg-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  .lg-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .lg-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .lg-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  .lg-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  .lg-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  .lg-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  .lg-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  .lg-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .lg-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .lg-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  .lg-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  .lg-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  .lg-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  .lg-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  .lg-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .lg-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .lg-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  .lg-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  .lg-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  .lg-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  .lg-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  .lg-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .lg-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .lg-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  .lg-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  .lg-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  .lg-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  .lg-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  .lg-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .lg-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .lg-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  .lg-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  .lg-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  .lg-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  .lg-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  .lg-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .lg-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .lg-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  .lg-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  .lg-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  .lg-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  .lg-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  .lg-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .lg-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .lg-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  .lg-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  .lg-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  .lg-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  .lg-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  .lg-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .lg-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .lg-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  .lg-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  .lg-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  .lg-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  .lg-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  .lg-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .lg-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .lg-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  .lg-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  .lg-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  .lg-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  .lg-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  .lg-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .lg-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .lg-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  .lg-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  .lg-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  .lg-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  .lg-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  .lg-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .lg-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .lg-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  .lg-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  .lg-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  .lg-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  .lg-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  .lg-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .lg-gradient-from-black { --quanta-from-color: var(--black); }
  .lg-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  .lg-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  .lg-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  .lg-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  .lg-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  .lg-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  .lg-group:hover .lg-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  .lg-gradient-from-white { --quanta-from-color: var(--white); }
  .lg-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  .lg-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  .lg-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  .lg-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  .lg-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  .lg-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  .lg-group:hover .lg-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  .lg-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .lg-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  .lg-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  .lg-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  .lg-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  .lg-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  .lg-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .lg-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .lg-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  .lg-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  .lg-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  .lg-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  .lg-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  .lg-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .lg-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .lg-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  .lg-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  .lg-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  .lg-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  .lg-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  .lg-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .lg-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .lg-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  .lg-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  .lg-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  .lg-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  .lg-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  .lg-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .lg-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .lg-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  .lg-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  .lg-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  .lg-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  .lg-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  .lg-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .lg-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .lg-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  .lg-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  .lg-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  .lg-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  .lg-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  .lg-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .lg-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .lg-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  .lg-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  .lg-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  .lg-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  .lg-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  .lg-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .lg-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .lg-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  .lg-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  .lg-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  .lg-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  .lg-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  .lg-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .lg-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .lg-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  .lg-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  .lg-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  .lg-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  .lg-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  .lg-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .lg-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .lg-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  .lg-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  .lg-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  .lg-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  .lg-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  .lg-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .lg-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .lg-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  .lg-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  .lg-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  .lg-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  .lg-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  .lg-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .lg-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .lg-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  .lg-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  .lg-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  .lg-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  .lg-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  .lg-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .lg-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .lg-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  .lg-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  .lg-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  .lg-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  .lg-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  .lg-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .lg-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .lg-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  .lg-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  .lg-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  .lg-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  .lg-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  .lg-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .lg-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .lg-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  .lg-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  .lg-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  .lg-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  .lg-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  .lg-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .lg-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .lg-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  .lg-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  .lg-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  .lg-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  .lg-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  .lg-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .lg-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .lg-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  .lg-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  .lg-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  .lg-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  .lg-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  .lg-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .lg-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .lg-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  .lg-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  .lg-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  .lg-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  .lg-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  .lg-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .lg-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .lg-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  .lg-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  .lg-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  .lg-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  .lg-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  .lg-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .lg-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .lg-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  .lg-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  .lg-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  .lg-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  .lg-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  .lg-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .lg-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .lg-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  .lg-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  .lg-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  .lg-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  .lg-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  .lg-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .lg-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .lg-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  .lg-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  .lg-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  .lg-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  .lg-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  .lg-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .lg-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .lg-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  .lg-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  .lg-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  .lg-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  .lg-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  .lg-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .lg-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .lg-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  .lg-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  .lg-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  .lg-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  .lg-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  .lg-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .lg-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .lg-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  .lg-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  .lg-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  .lg-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  .lg-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  .lg-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .lg-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .lg-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  .lg-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  .lg-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  .lg-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  .lg-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  .lg-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .lg-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .lg-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  .lg-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  .lg-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  .lg-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  .lg-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  .lg-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .lg-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .lg-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  .lg-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  .lg-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  .lg-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  .lg-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  .lg-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .lg-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .lg-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  .lg-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  .lg-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  .lg-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  .lg-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  .lg-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .lg-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .lg-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  .lg-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  .lg-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  .lg-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  .lg-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  .lg-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .lg-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .lg-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  .lg-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  .lg-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  .lg-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  .lg-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  .lg-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .lg-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .lg-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  .lg-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  .lg-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  .lg-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  .lg-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  .lg-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .lg-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .lg-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  .lg-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  .lg-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  .lg-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  .lg-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  .lg-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .lg-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .lg-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  .lg-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  .lg-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  .lg-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  .lg-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  .lg-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .lg-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .lg-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  .lg-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  .lg-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  .lg-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  .lg-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  .lg-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .lg-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .lg-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  .lg-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  .lg-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  .lg-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  .lg-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  .lg-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .lg-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .lg-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  .lg-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  .lg-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  .lg-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  .lg-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  .lg-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .lg-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .lg-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  .lg-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  .lg-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  .lg-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  .lg-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  .lg-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .lg-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .lg-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  .lg-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  .lg-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  .lg-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  .lg-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  .lg-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .lg-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .lg-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  .lg-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  .lg-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  .lg-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  .lg-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  .lg-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .lg-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .lg-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .lg-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .lg-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .lg-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .lg-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .lg-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .lg-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .lg-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .lg-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .lg-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .lg-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .lg-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .lg-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .lg-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .lg-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .lg-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .lg-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .lg-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .lg-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .lg-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .lg-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  .lg-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  .lg-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  .lg-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  .lg-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  .lg-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .lg-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .lg-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  .lg-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  .lg-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  .lg-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  .lg-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  .lg-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .lg-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .lg-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  .lg-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  .lg-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  .lg-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  .lg-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  .lg-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .lg-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .lg-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  .lg-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  .lg-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  .lg-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  .lg-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  .lg-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .lg-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .lg-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  .lg-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  .lg-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  .lg-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  .lg-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  .lg-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .lg-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .lg-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  .lg-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  .lg-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  .lg-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  .lg-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  .lg-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .lg-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .lg-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  .lg-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  .lg-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  .lg-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  .lg-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  .lg-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .lg-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .lg-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  .lg-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  .lg-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  .lg-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  .lg-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  .lg-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .lg-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .lg-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  .lg-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  .lg-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  .lg-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  .lg-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  .lg-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .lg-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .lg-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  .lg-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  .lg-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  .lg-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  .lg-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  .lg-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .lg-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .lg-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  .lg-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  .lg-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  .lg-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  .lg-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  .lg-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .lg-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .lg-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  .lg-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  .lg-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  .lg-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  .lg-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  .lg-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .lg-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .lg-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  .lg-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  .lg-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  .lg-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  .lg-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  .lg-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .lg-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .lg-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  .lg-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  .lg-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  .lg-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  .lg-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  .lg-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .lg-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .lg-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  .lg-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  .lg-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  .lg-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  .lg-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  .lg-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .lg-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .lg-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  .lg-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  .lg-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  .lg-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  .lg-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  .lg-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .lg-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .lg-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  .lg-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  .lg-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  .lg-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  .lg-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  .lg-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .lg-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .lg-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  .lg-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  .lg-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  .lg-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  .lg-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  .lg-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .lg-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .lg-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  .lg-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  .lg-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  .lg-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  .lg-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  .lg-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .lg-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .lg-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  .lg-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  .lg-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  .lg-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  .lg-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  .lg-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .lg-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .lg-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  .lg-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  .lg-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  .lg-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  .lg-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  .lg-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .lg-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .lg-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  .lg-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  .lg-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  .lg-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  .lg-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  .lg-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .lg-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .lg-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  .lg-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  .lg-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  .lg-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  .lg-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  .lg-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .lg-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .lg-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  .lg-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  .lg-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  .lg-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  .lg-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  .lg-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .lg-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .lg-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  .lg-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  .lg-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  .lg-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  .lg-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  .lg-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .lg-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .lg-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  .lg-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  .lg-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  .lg-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  .lg-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  .lg-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .lg-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .lg-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  .lg-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  .lg-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  .lg-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  .lg-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  .lg-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .lg-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .lg-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  .lg-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  .lg-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  .lg-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  .lg-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  .lg-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .lg-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .lg-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  .lg-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  .lg-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  .lg-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  .lg-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  .lg-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .lg-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .lg-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  .lg-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  .lg-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  .lg-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  .lg-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  .lg-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .lg-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .lg-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .lg-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .lg-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .lg-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .lg-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .lg-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .lg-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .lg-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .lg-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .lg-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .lg-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  .lg-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  .lg-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  .lg-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  .lg-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  .lg-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .lg-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .lg-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  .lg-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  .lg-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  .lg-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  .lg-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  .lg-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .lg-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .lg-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  .lg-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  .lg-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  .lg-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  .lg-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  .lg-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .lg-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .lg-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  .lg-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  .lg-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  .lg-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  .lg-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  .lg-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .lg-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .lg-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  .lg-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  .lg-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  .lg-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  .lg-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  .lg-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .lg-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .lg-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  .lg-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  .lg-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  .lg-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  .lg-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  .lg-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .lg-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .lg-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  .lg-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  .lg-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  .lg-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  .lg-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  .lg-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .lg-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .lg-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  .lg-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  .lg-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  .lg-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  .lg-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  .lg-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .lg-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .lg-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  .lg-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  .lg-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  .lg-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  .lg-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  .lg-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .lg-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .lg-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  .lg-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  .lg-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  .lg-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  .lg-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  .lg-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .lg-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .lg-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  .lg-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  .lg-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  .lg-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  .lg-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  .lg-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .lg-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .lg-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  .lg-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  .lg-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  .lg-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  .lg-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  .lg-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .lg-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .lg-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  .lg-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  .lg-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  .lg-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  .lg-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  .lg-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .lg-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .lg-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  .lg-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  .lg-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  .lg-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  .lg-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  .lg-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .lg-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .lg-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  .lg-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  .lg-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  .lg-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  .lg-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  .lg-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .lg-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .lg-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  .lg-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  .lg-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  .lg-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  .lg-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  .lg-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .lg-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .lg-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  .lg-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  .lg-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  .lg-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  .lg-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  .lg-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .lg-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .lg-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  .lg-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  .lg-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  .lg-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  .lg-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  .lg-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .lg-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .lg-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  .lg-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  .lg-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  .lg-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  .lg-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  .lg-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .lg-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .lg-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  .lg-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  .lg-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  .lg-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  .lg-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  .lg-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .lg-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .lg-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  .lg-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  .lg-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  .lg-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  .lg-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  .lg-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .lg-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .lg-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  .lg-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  .lg-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  .lg-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  .lg-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  .lg-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .lg-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .lg-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  .lg-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  .lg-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  .lg-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  .lg-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  .lg-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .lg-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .lg-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  .lg-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  .lg-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  .lg-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  .lg-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  .lg-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .lg-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .lg-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  .lg-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  .lg-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  .lg-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  .lg-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  .lg-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .lg-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .lg-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  .lg-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  .lg-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  .lg-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  .lg-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  .lg-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .lg-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .lg-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  .lg-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  .lg-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  .lg-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  .lg-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  .lg-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .lg-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .lg-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  .lg-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  .lg-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  .lg-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  .lg-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  .lg-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .lg-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .lg-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  .lg-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  .lg-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  .lg-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  .lg-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  .lg-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .lg-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .lg-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  .lg-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  .lg-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  .lg-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  .lg-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  .lg-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .lg-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .lg-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  .lg-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  .lg-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  .lg-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  .lg-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  .lg-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .lg-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .lg-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  .lg-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  .lg-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  .lg-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  .lg-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  .lg-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .lg-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .lg-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  .lg-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  .lg-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  .lg-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  .lg-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  .lg-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .lg-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .lg-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  .lg-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  .lg-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  .lg-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  .lg-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  .lg-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .lg-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .lg-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  .lg-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  .lg-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  .lg-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  .lg-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  .lg-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .lg-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .lg-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  .lg-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  .lg-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  .lg-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  .lg-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  .lg-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .lg-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .lg-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  .lg-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  .lg-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  .lg-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  .lg-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  .lg-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .lg-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .lg-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  .lg-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  .lg-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  .lg-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  .lg-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  .lg-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .lg-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .lg-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  .lg-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  .lg-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  .lg-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  .lg-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  .lg-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .lg-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .lg-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  .lg-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  .lg-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  .lg-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  .lg-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  .lg-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .lg-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .lg-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  .lg-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  .lg-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  .lg-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  .lg-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  .lg-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .lg-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .lg-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  .lg-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  .lg-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  .lg-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  .lg-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  .lg-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .lg-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .lg-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  .lg-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  .lg-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  .lg-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  .lg-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  .lg-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .lg-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .lg-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  .lg-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  .lg-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  .lg-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  .lg-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  .lg-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .lg-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .lg-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  .lg-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  .lg-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  .lg-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  .lg-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  .lg-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .lg-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .lg-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  .lg-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  .lg-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  .lg-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  .lg-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  .lg-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .lg-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .lg-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  .lg-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  .lg-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  .lg-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  .lg-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  .lg-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .lg-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .lg-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  .lg-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  .lg-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  .lg-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  .lg-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  .lg-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .lg-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .lg-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  .lg-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  .lg-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  .lg-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  .lg-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  .lg-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .lg-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .lg-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  .lg-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  .lg-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  .lg-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  .lg-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  .lg-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .lg-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .lg-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  .lg-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  .lg-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  .lg-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  .lg-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  .lg-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .lg-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .lg-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  .lg-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  .lg-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  .lg-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  .lg-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  .lg-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .lg-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .lg-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  .lg-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  .lg-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  .lg-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  .lg-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  .lg-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .lg-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .lg-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  .lg-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  .lg-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  .lg-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  .lg-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  .lg-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .lg-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .lg-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  .lg-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  .lg-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  .lg-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  .lg-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  .lg-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .lg-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .lg-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  .lg-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  .lg-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  .lg-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  .lg-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  .lg-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .lg-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .lg-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  .lg-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  .lg-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  .lg-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  .lg-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  .lg-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .lg-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .lg-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  .lg-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  .lg-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  .lg-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  .lg-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  .lg-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .lg-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .lg-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  .lg-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  .lg-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  .lg-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  .lg-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  .lg-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .lg-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .lg-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  .lg-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  .lg-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  .lg-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  .lg-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  .lg-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .lg-gradient-to-black { --quanta-to-color: var(--black); }
  .lg-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  .lg-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  .lg-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  .lg-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  .lg-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  .lg-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  .lg-group:hover .lg-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  .lg-gradient-to-white { --quanta-to-color: var(--white); }
  .lg-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  .lg-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  .lg-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  .lg-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  .lg-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  .lg-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  .lg-group:hover .lg-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  .lg-transition-all { transition-property: all; }
  .lg-hover-transition-all:hover { transition-property: all; }
  .lg-focus-transition-all:focus { transition-property: all; }
  .lg-active-transition-all:active { transition-property: all; }
  .lg-disabled-transition-all:disabled { transition-property: all; }
  .lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  .lg-focus-within-transition-all:focus-within { transition-property: all; }
  .lg-group:hover .lg-group-hover-transition-all { transition-property: all; }
  .lg-transition-bg { transition-property: background-color; }
  .lg-hover-transition-bg:hover { transition-property: background-color; }
  .lg-focus-transition-bg:focus { transition-property: background-color; }
  .lg-active-transition-bg:active { transition-property: background-color; }
  .lg-disabled-transition-bg:disabled { transition-property: background-color; }
  .lg-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  .lg-focus-within-transition-bg:focus-within { transition-property: background-color; }
  .lg-group:hover .lg-group-hover-transition-bg { transition-property: background-color; }
  .lg-transition-color { transition-property: color; }
  .lg-hover-transition-color:hover { transition-property: color; }
  .lg-focus-transition-color:focus { transition-property: color; }
  .lg-active-transition-color:active { transition-property: color; }
  .lg-disabled-transition-color:disabled { transition-property: color; }
  .lg-focus-visible-transition-color:focus-visible { transition-property: color; }
  .lg-focus-within-transition-color:focus-within { transition-property: color; }
  .lg-group:hover .lg-group-hover-transition-color { transition-property: color; }
  .lg-transition-opacity { transition-property: opacity; }
  .lg-hover-transition-opacity:hover { transition-property: opacity; }
  .lg-focus-transition-opacity:focus { transition-property: opacity; }
  .lg-active-transition-opacity:active { transition-property: opacity; }
  .lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  .lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .lg-group:hover .lg-group-hover-transition-opacity { transition-property: opacity; }
  .lg-transition-transform { transition-property: transform; }
  .lg-hover-transition-transform:hover { transition-property: transform; }
  .lg-focus-transition-transform:focus { transition-property: transform; }
  .lg-active-transition-transform:active { transition-property: transform; }
  .lg-disabled-transition-transform:disabled { transition-property: transform; }
  .lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  .lg-group:hover .lg-group-hover-transition-transform { transition-property: transform; }
  .lg-transition-shadow { transition-property: shadow; }
  .lg-hover-transition-shadow:hover { transition-property: shadow; }
  .lg-focus-transition-shadow:focus { transition-property: shadow; }
  .lg-active-transition-shadow:active { transition-property: shadow; }
  .lg-disabled-transition-shadow:disabled { transition-property: shadow; }
  .lg-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  .lg-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  .lg-group:hover .lg-group-hover-transition-shadow { transition-property: shadow; }
  .lg-transition-border { transition-property: border; }
  .lg-hover-transition-border:hover { transition-property: border; }
  .lg-focus-transition-border:focus { transition-property: border; }
  .lg-active-transition-border:active { transition-property: border; }
  .lg-disabled-transition-border:disabled { transition-property: border; }
  .lg-focus-visible-transition-border:focus-visible { transition-property: border; }
  .lg-focus-within-transition-border:focus-within { transition-property: border; }
  .lg-group:hover .lg-group-hover-transition-border { transition-property: border; }
  .lg-duration-75 { transition-duration: 75ms; }
  .lg-hover-duration-75:hover { transition-duration: 75ms; }
  .lg-focus-duration-75:focus { transition-duration: 75ms; }
  .lg-active-duration-75:active { transition-duration: 75ms; }
  .lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  .lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .lg-group:hover .lg-group-hover-duration-75 { transition-duration: 75ms; }
  .lg-duration-100 { transition-duration: 100ms; }
  .lg-hover-duration-100:hover { transition-duration: 100ms; }
  .lg-focus-duration-100:focus { transition-duration: 100ms; }
  .lg-active-duration-100:active { transition-duration: 100ms; }
  .lg-disabled-duration-100:disabled { transition-duration: 100ms; }
  .lg-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .lg-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .lg-group:hover .lg-group-hover-duration-100 { transition-duration: 100ms; }
  .lg-duration-150 { transition-duration: 150ms; }
  .lg-hover-duration-150:hover { transition-duration: 150ms; }
  .lg-focus-duration-150:focus { transition-duration: 150ms; }
  .lg-active-duration-150:active { transition-duration: 150ms; }
  .lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  .lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .lg-group:hover .lg-group-hover-duration-150 { transition-duration: 150ms; }
  .lg-duration-200 { transition-duration: 200ms; }
  .lg-hover-duration-200:hover { transition-duration: 200ms; }
  .lg-focus-duration-200:focus { transition-duration: 200ms; }
  .lg-active-duration-200:active { transition-duration: 200ms; }
  .lg-disabled-duration-200:disabled { transition-duration: 200ms; }
  .lg-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .lg-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .lg-group:hover .lg-group-hover-duration-200 { transition-duration: 200ms; }
  .lg-duration-300 { transition-duration: 300ms; }
  .lg-hover-duration-300:hover { transition-duration: 300ms; }
  .lg-focus-duration-300:focus { transition-duration: 300ms; }
  .lg-active-duration-300:active { transition-duration: 300ms; }
  .lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  .lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .lg-group:hover .lg-group-hover-duration-300 { transition-duration: 300ms; }
  .lg-duration-500 { transition-duration: 500ms; }
  .lg-hover-duration-500:hover { transition-duration: 500ms; }
  .lg-focus-duration-500:focus { transition-duration: 500ms; }
  .lg-active-duration-500:active { transition-duration: 500ms; }
  .lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  .lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .lg-group:hover .lg-group-hover-duration-500 { transition-duration: 500ms; }
  .lg-duration-700 { transition-duration: 700ms; }
  .lg-hover-duration-700:hover { transition-duration: 700ms; }
  .lg-focus-duration-700:focus { transition-duration: 700ms; }
  .lg-active-duration-700:active { transition-duration: 700ms; }
  .lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  .lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .lg-group:hover .lg-group-hover-duration-700 { transition-duration: 700ms; }
  .lg-duration-1000 { transition-duration: 1000ms; }
  .lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  .lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  .lg-active-duration-1000:active { transition-duration: 1000ms; }
  .lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .lg-group:hover .lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  .lg-ease-linear { transition-timing-function: ease-linear; }
  .lg-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  .lg-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  .lg-active-ease-linear:active { transition-timing-function: ease-linear; }
  .lg-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  .lg-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  .lg-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  .lg-group:hover .lg-group-hover-ease-linear { transition-timing-function: ease-linear; }
  .lg-ease-in { transition-timing-function: ease-in; }
  .lg-hover-ease-in:hover { transition-timing-function: ease-in; }
  .lg-focus-ease-in:focus { transition-timing-function: ease-in; }
  .lg-active-ease-in:active { transition-timing-function: ease-in; }
  .lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .lg-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .lg-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .lg-group:hover .lg-group-hover-ease-in { transition-timing-function: ease-in; }
  .lg-ease-out { transition-timing-function: ease-out; }
  .lg-hover-ease-out:hover { transition-timing-function: ease-out; }
  .lg-focus-ease-out:focus { transition-timing-function: ease-out; }
  .lg-active-ease-out:active { transition-timing-function: ease-out; }
  .lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .lg-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .lg-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .lg-group:hover .lg-group-hover-ease-out { transition-timing-function: ease-out; }
  .lg-ease-in-out { transition-timing-function: ease-in-out; }
  .lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .lg-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .lg-group:hover .lg-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .lg-translate-x-0 { transform: translateX(0rem); }
  .lg-hover-translate-x-0:hover { transform: translateX(0rem); }
  .lg-focus-translate-x-0:focus { transform: translateX(0rem); }
  .lg-active-translate-x-0:active { transform: translateX(0rem); }
  .lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .lg-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .lg-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .lg-group:hover .lg-group-hover-translate-x-0 { transform: translateX(0rem); }
  .lg-translate-y-0 { transform: translateY(0rem); }
  .lg-hover-translate-y-0:hover { transform: translateY(0rem); }
  .lg-focus-translate-y-0:focus { transform: translateY(0rem); }
  .lg-active-translate-y-0:active { transform: translateY(0rem); }
  .lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .lg-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .lg-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .lg-group:hover .lg-group-hover-translate-y-0 { transform: translateY(0rem); }
  .lg-translate-x-0_25 { transform: translateX(0.25rem); }
  .lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .lg-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .lg-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .lg-translate-y-0_25 { transform: translateY(0.25rem); }
  .lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .lg-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .lg-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .lg-translate-x-0_5 { transform: translateX(0.5rem); }
  .lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .lg-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .lg-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .lg-translate-y-0_5 { transform: translateY(0.5rem); }
  .lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .lg-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .lg-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .lg-translate-x-1 { transform: translateX(1rem); }
  .lg-hover-translate-x-1:hover { transform: translateX(1rem); }
  .lg-focus-translate-x-1:focus { transform: translateX(1rem); }
  .lg-active-translate-x-1:active { transform: translateX(1rem); }
  .lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .lg-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .lg-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .lg-group:hover .lg-group-hover-translate-x-1 { transform: translateX(1rem); }
  .lg-translate-y-1 { transform: translateY(1rem); }
  .lg-hover-translate-y-1:hover { transform: translateY(1rem); }
  .lg-focus-translate-y-1:focus { transform: translateY(1rem); }
  .lg-active-translate-y-1:active { transform: translateY(1rem); }
  .lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .lg-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .lg-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .lg-group:hover .lg-group-hover-translate-y-1 { transform: translateY(1rem); }
  .lg-translate-x-1_5 { transform: translateX(1.5rem); }
  .lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .lg-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .lg-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .lg-group:hover .lg-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .lg-translate-y-1_5 { transform: translateY(1.5rem); }
  .lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .lg-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .lg-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .lg-group:hover .lg-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .lg-translate-x-2 { transform: translateX(2rem); }
  .lg-hover-translate-x-2:hover { transform: translateX(2rem); }
  .lg-focus-translate-x-2:focus { transform: translateX(2rem); }
  .lg-active-translate-x-2:active { transform: translateX(2rem); }
  .lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .lg-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .lg-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .lg-group:hover .lg-group-hover-translate-x-2 { transform: translateX(2rem); }
  .lg-translate-y-2 { transform: translateY(2rem); }
  .lg-hover-translate-y-2:hover { transform: translateY(2rem); }
  .lg-focus-translate-y-2:focus { transform: translateY(2rem); }
  .lg-active-translate-y-2:active { transform: translateY(2rem); }
  .lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .lg-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .lg-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .lg-group:hover .lg-group-hover-translate-y-2 { transform: translateY(2rem); }
  .lg-translate-x-3 { transform: translateX(3rem); }
  .lg-hover-translate-x-3:hover { transform: translateX(3rem); }
  .lg-focus-translate-x-3:focus { transform: translateX(3rem); }
  .lg-active-translate-x-3:active { transform: translateX(3rem); }
  .lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .lg-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .lg-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .lg-group:hover .lg-group-hover-translate-x-3 { transform: translateX(3rem); }
  .lg-translate-y-3 { transform: translateY(3rem); }
  .lg-hover-translate-y-3:hover { transform: translateY(3rem); }
  .lg-focus-translate-y-3:focus { transform: translateY(3rem); }
  .lg-active-translate-y-3:active { transform: translateY(3rem); }
  .lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .lg-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .lg-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .lg-group:hover .lg-group-hover-translate-y-3 { transform: translateY(3rem); }
  .lg-translate-x-4 { transform: translateX(4rem); }
  .lg-hover-translate-x-4:hover { transform: translateX(4rem); }
  .lg-focus-translate-x-4:focus { transform: translateX(4rem); }
  .lg-active-translate-x-4:active { transform: translateX(4rem); }
  .lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .lg-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .lg-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .lg-group:hover .lg-group-hover-translate-x-4 { transform: translateX(4rem); }
  .lg-translate-y-4 { transform: translateY(4rem); }
  .lg-hover-translate-y-4:hover { transform: translateY(4rem); }
  .lg-focus-translate-y-4:focus { transform: translateY(4rem); }
  .lg-active-translate-y-4:active { transform: translateY(4rem); }
  .lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .lg-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .lg-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .lg-group:hover .lg-group-hover-translate-y-4 { transform: translateY(4rem); }
  .lg-translate-x-5 { transform: translateX(5rem); }
  .lg-hover-translate-x-5:hover { transform: translateX(5rem); }
  .lg-focus-translate-x-5:focus { transform: translateX(5rem); }
  .lg-active-translate-x-5:active { transform: translateX(5rem); }
  .lg-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  .lg-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  .lg-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  .lg-group:hover .lg-group-hover-translate-x-5 { transform: translateX(5rem); }
  .lg-translate-y-5 { transform: translateY(5rem); }
  .lg-hover-translate-y-5:hover { transform: translateY(5rem); }
  .lg-focus-translate-y-5:focus { transform: translateY(5rem); }
  .lg-active-translate-y-5:active { transform: translateY(5rem); }
  .lg-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  .lg-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  .lg-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  .lg-group:hover .lg-group-hover-translate-y-5 { transform: translateY(5rem); }
  .lg-translate-x-6 { transform: translateX(6rem); }
  .lg-hover-translate-x-6:hover { transform: translateX(6rem); }
  .lg-focus-translate-x-6:focus { transform: translateX(6rem); }
  .lg-active-translate-x-6:active { transform: translateX(6rem); }
  .lg-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  .lg-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  .lg-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  .lg-group:hover .lg-group-hover-translate-x-6 { transform: translateX(6rem); }
  .lg-translate-y-6 { transform: translateY(6rem); }
  .lg-hover-translate-y-6:hover { transform: translateY(6rem); }
  .lg-focus-translate-y-6:focus { transform: translateY(6rem); }
  .lg-active-translate-y-6:active { transform: translateY(6rem); }
  .lg-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  .lg-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  .lg-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  .lg-group:hover .lg-group-hover-translate-y-6 { transform: translateY(6rem); }
  .lg-translate-x-8 { transform: translateX(8rem); }
  .lg-hover-translate-x-8:hover { transform: translateX(8rem); }
  .lg-focus-translate-x-8:focus { transform: translateX(8rem); }
  .lg-active-translate-x-8:active { transform: translateX(8rem); }
  .lg-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  .lg-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  .lg-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  .lg-group:hover .lg-group-hover-translate-x-8 { transform: translateX(8rem); }
  .lg-translate-y-8 { transform: translateY(8rem); }
  .lg-hover-translate-y-8:hover { transform: translateY(8rem); }
  .lg-focus-translate-y-8:focus { transform: translateY(8rem); }
  .lg-active-translate-y-8:active { transform: translateY(8rem); }
  .lg-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  .lg-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  .lg-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  .lg-group:hover .lg-group-hover-translate-y-8 { transform: translateY(8rem); }
  .lg-translate-x-10 { transform: translateX(10rem); }
  .lg-hover-translate-x-10:hover { transform: translateX(10rem); }
  .lg-focus-translate-x-10:focus { transform: translateX(10rem); }
  .lg-active-translate-x-10:active { transform: translateX(10rem); }
  .lg-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  .lg-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  .lg-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  .lg-group:hover .lg-group-hover-translate-x-10 { transform: translateX(10rem); }
  .lg-translate-y-10 { transform: translateY(10rem); }
  .lg-hover-translate-y-10:hover { transform: translateY(10rem); }
  .lg-focus-translate-y-10:focus { transform: translateY(10rem); }
  .lg-active-translate-y-10:active { transform: translateY(10rem); }
  .lg-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  .lg-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  .lg-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  .lg-group:hover .lg-group-hover-translate-y-10 { transform: translateY(10rem); }
  .lg-translate-x-12 { transform: translateX(12rem); }
  .lg-hover-translate-x-12:hover { transform: translateX(12rem); }
  .lg-focus-translate-x-12:focus { transform: translateX(12rem); }
  .lg-active-translate-x-12:active { transform: translateX(12rem); }
  .lg-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  .lg-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  .lg-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  .lg-group:hover .lg-group-hover-translate-x-12 { transform: translateX(12rem); }
  .lg-translate-y-12 { transform: translateY(12rem); }
  .lg-hover-translate-y-12:hover { transform: translateY(12rem); }
  .lg-focus-translate-y-12:focus { transform: translateY(12rem); }
  .lg-active-translate-y-12:active { transform: translateY(12rem); }
  .lg-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  .lg-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  .lg-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  .lg-group:hover .lg-group-hover-translate-y-12 { transform: translateY(12rem); }
  .lg-translate-x-16 { transform: translateX(16rem); }
  .lg-hover-translate-x-16:hover { transform: translateX(16rem); }
  .lg-focus-translate-x-16:focus { transform: translateX(16rem); }
  .lg-active-translate-x-16:active { transform: translateX(16rem); }
  .lg-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  .lg-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  .lg-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  .lg-group:hover .lg-group-hover-translate-x-16 { transform: translateX(16rem); }
  .lg-translate-y-16 { transform: translateY(16rem); }
  .lg-hover-translate-y-16:hover { transform: translateY(16rem); }
  .lg-focus-translate-y-16:focus { transform: translateY(16rem); }
  .lg-active-translate-y-16:active { transform: translateY(16rem); }
  .lg-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  .lg-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  .lg-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  .lg-group:hover .lg-group-hover-translate-y-16 { transform: translateY(16rem); }
  .lg-translate-x-20 { transform: translateX(20rem); }
  .lg-hover-translate-x-20:hover { transform: translateX(20rem); }
  .lg-focus-translate-x-20:focus { transform: translateX(20rem); }
  .lg-active-translate-x-20:active { transform: translateX(20rem); }
  .lg-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  .lg-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  .lg-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  .lg-group:hover .lg-group-hover-translate-x-20 { transform: translateX(20rem); }
  .lg-translate-y-20 { transform: translateY(20rem); }
  .lg-hover-translate-y-20:hover { transform: translateY(20rem); }
  .lg-focus-translate-y-20:focus { transform: translateY(20rem); }
  .lg-active-translate-y-20:active { transform: translateY(20rem); }
  .lg-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  .lg-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  .lg-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  .lg-group:hover .lg-group-hover-translate-y-20 { transform: translateY(20rem); }
  .lg-translate-x-24 { transform: translateX(24rem); }
  .lg-hover-translate-x-24:hover { transform: translateX(24rem); }
  .lg-focus-translate-x-24:focus { transform: translateX(24rem); }
  .lg-active-translate-x-24:active { transform: translateX(24rem); }
  .lg-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  .lg-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  .lg-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  .lg-group:hover .lg-group-hover-translate-x-24 { transform: translateX(24rem); }
  .lg-translate-y-24 { transform: translateY(24rem); }
  .lg-hover-translate-y-24:hover { transform: translateY(24rem); }
  .lg-focus-translate-y-24:focus { transform: translateY(24rem); }
  .lg-active-translate-y-24:active { transform: translateY(24rem); }
  .lg-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  .lg-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  .lg-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  .lg-group:hover .lg-group-hover-translate-y-24 { transform: translateY(24rem); }
  .lg-translate-x-32 { transform: translateX(32rem); }
  .lg-hover-translate-x-32:hover { transform: translateX(32rem); }
  .lg-focus-translate-x-32:focus { transform: translateX(32rem); }
  .lg-active-translate-x-32:active { transform: translateX(32rem); }
  .lg-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  .lg-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  .lg-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  .lg-group:hover .lg-group-hover-translate-x-32 { transform: translateX(32rem); }
  .lg-translate-y-32 { transform: translateY(32rem); }
  .lg-hover-translate-y-32:hover { transform: translateY(32rem); }
  .lg-focus-translate-y-32:focus { transform: translateY(32rem); }
  .lg-active-translate-y-32:active { transform: translateY(32rem); }
  .lg-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  .lg-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  .lg-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  .lg-group:hover .lg-group-hover-translate-y-32 { transform: translateY(32rem); }
  .lg-scale-0 { transform: scale(0.0); }
  .lg-hover-scale-0:hover { transform: scale(0.0); }
  .lg-focus-scale-0:focus { transform: scale(0.0); }
  .lg-active-scale-0:active { transform: scale(0.0); }
  .lg-disabled-scale-0:disabled { transform: scale(0.0); }
  .lg-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  .lg-focus-within-scale-0:focus-within { transform: scale(0.0); }
  .lg-group:hover .lg-group-hover-scale-0 { transform: scale(0.0); }
  .lg-scale-50 { transform: scale(0.5); }
  .lg-hover-scale-50:hover { transform: scale(0.5); }
  .lg-focus-scale-50:focus { transform: scale(0.5); }
  .lg-active-scale-50:active { transform: scale(0.5); }
  .lg-disabled-scale-50:disabled { transform: scale(0.5); }
  .lg-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .lg-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .lg-group:hover .lg-group-hover-scale-50 { transform: scale(0.5); }
  .lg-scale-75 { transform: scale(0.75); }
  .lg-hover-scale-75:hover { transform: scale(0.75); }
  .lg-focus-scale-75:focus { transform: scale(0.75); }
  .lg-active-scale-75:active { transform: scale(0.75); }
  .lg-disabled-scale-75:disabled { transform: scale(0.75); }
  .lg-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .lg-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .lg-group:hover .lg-group-hover-scale-75 { transform: scale(0.75); }
  .lg-scale-90 { transform: scale(0.9); }
  .lg-hover-scale-90:hover { transform: scale(0.9); }
  .lg-focus-scale-90:focus { transform: scale(0.9); }
  .lg-active-scale-90:active { transform: scale(0.9); }
  .lg-disabled-scale-90:disabled { transform: scale(0.9); }
  .lg-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .lg-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .lg-group:hover .lg-group-hover-scale-90 { transform: scale(0.9); }
  .lg-scale-95 { transform: scale(0.95); }
  .lg-hover-scale-95:hover { transform: scale(0.95); }
  .lg-focus-scale-95:focus { transform: scale(0.95); }
  .lg-active-scale-95:active { transform: scale(0.95); }
  .lg-disabled-scale-95:disabled { transform: scale(0.95); }
  .lg-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .lg-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .lg-group:hover .lg-group-hover-scale-95 { transform: scale(0.95); }
  .lg-scale-100 { transform: scale(1.0); }
  .lg-hover-scale-100:hover { transform: scale(1.0); }
  .lg-focus-scale-100:focus { transform: scale(1.0); }
  .lg-active-scale-100:active { transform: scale(1.0); }
  .lg-disabled-scale-100:disabled { transform: scale(1.0); }
  .lg-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .lg-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .lg-group:hover .lg-group-hover-scale-100 { transform: scale(1.0); }
  .lg-scale-105 { transform: scale(1.05); }
  .lg-hover-scale-105:hover { transform: scale(1.05); }
  .lg-focus-scale-105:focus { transform: scale(1.05); }
  .lg-active-scale-105:active { transform: scale(1.05); }
  .lg-disabled-scale-105:disabled { transform: scale(1.05); }
  .lg-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .lg-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .lg-group:hover .lg-group-hover-scale-105 { transform: scale(1.05); }
  .lg-scale-110 { transform: scale(1.1); }
  .lg-hover-scale-110:hover { transform: scale(1.1); }
  .lg-focus-scale-110:focus { transform: scale(1.1); }
  .lg-active-scale-110:active { transform: scale(1.1); }
  .lg-disabled-scale-110:disabled { transform: scale(1.1); }
  .lg-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .lg-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .lg-group:hover .lg-group-hover-scale-110 { transform: scale(1.1); }
  .lg-scale-125 { transform: scale(1.25); }
  .lg-hover-scale-125:hover { transform: scale(1.25); }
  .lg-focus-scale-125:focus { transform: scale(1.25); }
  .lg-active-scale-125:active { transform: scale(1.25); }
  .lg-disabled-scale-125:disabled { transform: scale(1.25); }
  .lg-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .lg-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .lg-group:hover .lg-group-hover-scale-125 { transform: scale(1.25); }
  .lg-scale-150 { transform: scale(1.5); }
  .lg-hover-scale-150:hover { transform: scale(1.5); }
  .lg-focus-scale-150:focus { transform: scale(1.5); }
  .lg-active-scale-150:active { transform: scale(1.5); }
  .lg-disabled-scale-150:disabled { transform: scale(1.5); }
  .lg-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .lg-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .lg-group:hover .lg-group-hover-scale-150 { transform: scale(1.5); }
  .lg-rotate--180 { transform: rotate(-180deg); }
  .lg-hover-rotate--180:hover { transform: rotate(-180deg); }
  .lg-focus-rotate--180:focus { transform: rotate(-180deg); }
  .lg-active-rotate--180:active { transform: rotate(-180deg); }
  .lg-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  .lg-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  .lg-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  .lg-group:hover .lg-group-hover-rotate--180 { transform: rotate(-180deg); }
  .lg-rotate--90 { transform: rotate(-90deg); }
  .lg-hover-rotate--90:hover { transform: rotate(-90deg); }
  .lg-focus-rotate--90:focus { transform: rotate(-90deg); }
  .lg-active-rotate--90:active { transform: rotate(-90deg); }
  .lg-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  .lg-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  .lg-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  .lg-group:hover .lg-group-hover-rotate--90 { transform: rotate(-90deg); }
  .lg-rotate--45 { transform: rotate(-45deg); }
  .lg-hover-rotate--45:hover { transform: rotate(-45deg); }
  .lg-focus-rotate--45:focus { transform: rotate(-45deg); }
  .lg-active-rotate--45:active { transform: rotate(-45deg); }
  .lg-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  .lg-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  .lg-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  .lg-group:hover .lg-group-hover-rotate--45 { transform: rotate(-45deg); }
  .lg-rotate-0 { transform: rotate(0deg); }
  .lg-hover-rotate-0:hover { transform: rotate(0deg); }
  .lg-focus-rotate-0:focus { transform: rotate(0deg); }
  .lg-active-rotate-0:active { transform: rotate(0deg); }
  .lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .lg-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .lg-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .lg-group:hover .lg-group-hover-rotate-0 { transform: rotate(0deg); }
  .lg-rotate-45 { transform: rotate(45deg); }
  .lg-hover-rotate-45:hover { transform: rotate(45deg); }
  .lg-focus-rotate-45:focus { transform: rotate(45deg); }
  .lg-active-rotate-45:active { transform: rotate(45deg); }
  .lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .lg-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .lg-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .lg-group:hover .lg-group-hover-rotate-45 { transform: rotate(45deg); }
  .lg-rotate-90 { transform: rotate(90deg); }
  .lg-hover-rotate-90:hover { transform: rotate(90deg); }
  .lg-focus-rotate-90:focus { transform: rotate(90deg); }
  .lg-active-rotate-90:active { transform: rotate(90deg); }
  .lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .lg-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .lg-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .lg-group:hover .lg-group-hover-rotate-90 { transform: rotate(90deg); }
  .lg-rotate-180 { transform: rotate(180deg); }
  .lg-hover-rotate-180:hover { transform: rotate(180deg); }
  .lg-focus-rotate-180:focus { transform: rotate(180deg); }
  .lg-active-rotate-180:active { transform: rotate(180deg); }
  .lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .lg-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .lg-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .lg-group:hover .lg-group-hover-rotate-180 { transform: rotate(180deg); }
  .lg-skew-x--45 { transform: skewX(-45deg); }
  .lg-hover-skew-x--45:hover { transform: skewX(-45deg); }
  .lg-focus-skew-x--45:focus { transform: skewX(-45deg); }
  .lg-active-skew-x--45:active { transform: skewX(-45deg); }
  .lg-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  .lg-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  .lg-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  .lg-group:hover .lg-group-hover-skew-x--45 { transform: skewX(-45deg); }
  .lg-skew-y--45 { transform: skewY(-45deg); }
  .lg-hover-skew-y--45:hover { transform: skewY(-45deg); }
  .lg-focus-skew-y--45:focus { transform: skewY(-45deg); }
  .lg-active-skew-y--45:active { transform: skewY(-45deg); }
  .lg-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  .lg-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  .lg-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  .lg-group:hover .lg-group-hover-skew-y--45 { transform: skewY(-45deg); }
  .lg-skew-x--30 { transform: skewX(-30deg); }
  .lg-hover-skew-x--30:hover { transform: skewX(-30deg); }
  .lg-focus-skew-x--30:focus { transform: skewX(-30deg); }
  .lg-active-skew-x--30:active { transform: skewX(-30deg); }
  .lg-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  .lg-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  .lg-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  .lg-group:hover .lg-group-hover-skew-x--30 { transform: skewX(-30deg); }
  .lg-skew-y--30 { transform: skewY(-30deg); }
  .lg-hover-skew-y--30:hover { transform: skewY(-30deg); }
  .lg-focus-skew-y--30:focus { transform: skewY(-30deg); }
  .lg-active-skew-y--30:active { transform: skewY(-30deg); }
  .lg-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  .lg-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  .lg-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  .lg-group:hover .lg-group-hover-skew-y--30 { transform: skewY(-30deg); }
  .lg-skew-x--15 { transform: skewX(-15deg); }
  .lg-hover-skew-x--15:hover { transform: skewX(-15deg); }
  .lg-focus-skew-x--15:focus { transform: skewX(-15deg); }
  .lg-active-skew-x--15:active { transform: skewX(-15deg); }
  .lg-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  .lg-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  .lg-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  .lg-group:hover .lg-group-hover-skew-x--15 { transform: skewX(-15deg); }
  .lg-skew-y--15 { transform: skewY(-15deg); }
  .lg-hover-skew-y--15:hover { transform: skewY(-15deg); }
  .lg-focus-skew-y--15:focus { transform: skewY(-15deg); }
  .lg-active-skew-y--15:active { transform: skewY(-15deg); }
  .lg-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  .lg-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  .lg-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  .lg-group:hover .lg-group-hover-skew-y--15 { transform: skewY(-15deg); }
  .lg-skew-x-0 { transform: skewX(0deg); }
  .lg-hover-skew-x-0:hover { transform: skewX(0deg); }
  .lg-focus-skew-x-0:focus { transform: skewX(0deg); }
  .lg-active-skew-x-0:active { transform: skewX(0deg); }
  .lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .lg-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .lg-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .lg-group:hover .lg-group-hover-skew-x-0 { transform: skewX(0deg); }
  .lg-skew-y-0 { transform: skewY(0deg); }
  .lg-hover-skew-y-0:hover { transform: skewY(0deg); }
  .lg-focus-skew-y-0:focus { transform: skewY(0deg); }
  .lg-active-skew-y-0:active { transform: skewY(0deg); }
  .lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .lg-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .lg-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .lg-group:hover .lg-group-hover-skew-y-0 { transform: skewY(0deg); }
  .lg-skew-x-15 { transform: skewX(15deg); }
  .lg-hover-skew-x-15:hover { transform: skewX(15deg); }
  .lg-focus-skew-x-15:focus { transform: skewX(15deg); }
  .lg-active-skew-x-15:active { transform: skewX(15deg); }
  .lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .lg-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .lg-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .lg-group:hover .lg-group-hover-skew-x-15 { transform: skewX(15deg); }
  .lg-skew-y-15 { transform: skewY(15deg); }
  .lg-hover-skew-y-15:hover { transform: skewY(15deg); }
  .lg-focus-skew-y-15:focus { transform: skewY(15deg); }
  .lg-active-skew-y-15:active { transform: skewY(15deg); }
  .lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .lg-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .lg-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .lg-group:hover .lg-group-hover-skew-y-15 { transform: skewY(15deg); }
  .lg-skew-x-30 { transform: skewX(30deg); }
  .lg-hover-skew-x-30:hover { transform: skewX(30deg); }
  .lg-focus-skew-x-30:focus { transform: skewX(30deg); }
  .lg-active-skew-x-30:active { transform: skewX(30deg); }
  .lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .lg-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .lg-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .lg-group:hover .lg-group-hover-skew-x-30 { transform: skewX(30deg); }
  .lg-skew-y-30 { transform: skewY(30deg); }
  .lg-hover-skew-y-30:hover { transform: skewY(30deg); }
  .lg-focus-skew-y-30:focus { transform: skewY(30deg); }
  .lg-active-skew-y-30:active { transform: skewY(30deg); }
  .lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .lg-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .lg-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .lg-group:hover .lg-group-hover-skew-y-30 { transform: skewY(30deg); }
  .lg-skew-x-45 { transform: skewX(45deg); }
  .lg-hover-skew-x-45:hover { transform: skewX(45deg); }
  .lg-focus-skew-x-45:focus { transform: skewX(45deg); }
  .lg-active-skew-x-45:active { transform: skewX(45deg); }
  .lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .lg-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .lg-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .lg-group:hover .lg-group-hover-skew-x-45 { transform: skewX(45deg); }
  .lg-skew-y-45 { transform: skewY(45deg); }
  .lg-hover-skew-y-45:hover { transform: skewY(45deg); }
  .lg-focus-skew-y-45:focus { transform: skewY(45deg); }
  .lg-active-skew-y-45:active { transform: skewY(45deg); }
  .lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .lg-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .lg-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .lg-group:hover .lg-group-hover-skew-y-45 { transform: skewY(45deg); }
  .lg-duration-75 { animation-duration: 0.075s !important; }
  .lg-hover-duration-75:hover { animation-duration: 0.075s !important; }
  .lg-focus-duration-75:focus { animation-duration: 0.075s !important; }
  .lg-active-duration-75:active { animation-duration: 0.075s !important; }
  .lg-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  .lg-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  .lg-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  .lg-group:hover .lg-group-hover-duration-75 { animation-duration: 0.075s !important; }
  .lg-duration-100 { animation-duration: 0.1s   !important; }
  .lg-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  .lg-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  .lg-active-duration-100:active { animation-duration: 0.1s   !important; }
  .lg-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  .lg-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  .lg-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  .lg-group:hover .lg-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  .lg-duration-150 { animation-duration: 0.15s  !important; }
  .lg-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  .lg-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  .lg-active-duration-150:active { animation-duration: 0.15s  !important; }
  .lg-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  .lg-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  .lg-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  .lg-group:hover .lg-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  .lg-duration-200 { animation-duration: 0.2s   !important; }
  .lg-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  .lg-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  .lg-active-duration-200:active { animation-duration: 0.2s   !important; }
  .lg-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  .lg-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  .lg-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  .lg-group:hover .lg-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  .lg-duration-300 { animation-duration: 0.3s   !important; }
  .lg-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  .lg-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  .lg-active-duration-300:active { animation-duration: 0.3s   !important; }
  .lg-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  .lg-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  .lg-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  .lg-group:hover .lg-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  .lg-duration-500 { animation-duration: 0.5s   !important; }
  .lg-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  .lg-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  .lg-active-duration-500:active { animation-duration: 0.5s   !important; }
  .lg-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  .lg-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  .lg-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  .lg-group:hover .lg-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  .lg-duration-700 { animation-duration: 0.7s   !important; }
  .lg-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  .lg-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  .lg-active-duration-700:active { animation-duration: 0.7s   !important; }
  .lg-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  .lg-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  .lg-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  .lg-group:hover .lg-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  .lg-duration-1000 { animation-duration: 1s     !important; }
  .lg-hover-duration-1000:hover { animation-duration: 1s     !important; }
  .lg-focus-duration-1000:focus { animation-duration: 1s     !important; }
  .lg-active-duration-1000:active { animation-duration: 1s     !important; }
  .lg-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  .lg-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  .lg-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  .lg-group:hover .lg-group-hover-duration-1000 { animation-duration: 1s     !important; }
  .lg-duration-1500 { animation-duration: 1.5s   !important; }
  .lg-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  .lg-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  .lg-active-duration-1500:active { animation-duration: 1.5s   !important; }
  .lg-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  .lg-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  .lg-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  .lg-group:hover .lg-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  .lg-duration-2000 { animation-duration: 2s     !important; }
  .lg-hover-duration-2000:hover { animation-duration: 2s     !important; }
  .lg-focus-duration-2000:focus { animation-duration: 2s     !important; }
  .lg-active-duration-2000:active { animation-duration: 2s     !important; }
  .lg-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  .lg-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  .lg-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  .lg-group:hover .lg-group-hover-duration-2000 { animation-duration: 2s     !important; }
  .lg-blur-none { filter: blur(0); }
  .lg-hover-blur-none:hover { filter: blur(0); }
  .lg-focus-blur-none:focus { filter: blur(0); }
  .lg-active-blur-none:active { filter: blur(0); }
  .lg-disabled-blur-none:disabled { filter: blur(0); }
  .lg-focus-visible-blur-none:focus-visible { filter: blur(0); }
  .lg-focus-within-blur-none:focus-within { filter: blur(0); }
  .lg-group:hover .lg-group-hover-blur-none { filter: blur(0); }
  .lg-blur-sm { filter: blur(2px); }
  .lg-hover-blur-sm:hover { filter: blur(2px); }
  .lg-focus-blur-sm:focus { filter: blur(2px); }
  .lg-active-blur-sm:active { filter: blur(2px); }
  .lg-disabled-blur-sm:disabled { filter: blur(2px); }
  .lg-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .lg-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .lg-group:hover .lg-group-hover-blur-sm { filter: blur(2px); }
  .lg-blur { filter: blur(4px); }
  .lg-hover-blur:hover { filter: blur(4px); }
  .lg-focus-blur:focus { filter: blur(4px); }
  .lg-active-blur:active { filter: blur(4px); }
  .lg-disabled-blur:disabled { filter: blur(4px); }
  .lg-focus-visible-blur:focus-visible { filter: blur(4px); }
  .lg-focus-within-blur:focus-within { filter: blur(4px); }
  .lg-group:hover .lg-group-hover-blur { filter: blur(4px); }
  .lg-blur-md { filter: blur(8px); }
  .lg-hover-blur-md:hover { filter: blur(8px); }
  .lg-focus-blur-md:focus { filter: blur(8px); }
  .lg-active-blur-md:active { filter: blur(8px); }
  .lg-disabled-blur-md:disabled { filter: blur(8px); }
  .lg-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .lg-focus-within-blur-md:focus-within { filter: blur(8px); }
  .lg-group:hover .lg-group-hover-blur-md { filter: blur(8px); }
  .lg-blur-lg { filter: blur(12px); }
  .lg-hover-blur-lg:hover { filter: blur(12px); }
  .lg-focus-blur-lg:focus { filter: blur(12px); }
  .lg-active-blur-lg:active { filter: blur(12px); }
  .lg-disabled-blur-lg:disabled { filter: blur(12px); }
  .lg-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .lg-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .lg-group:hover .lg-group-hover-blur-lg { filter: blur(12px); }
  .lg-blur-xl { filter: blur(20px); }
  .lg-hover-blur-xl:hover { filter: blur(20px); }
  .lg-focus-blur-xl:focus { filter: blur(20px); }
  .lg-active-blur-xl:active { filter: blur(20px); }
  .lg-disabled-blur-xl:disabled { filter: blur(20px); }
  .lg-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .lg-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .lg-group:hover .lg-group-hover-blur-xl { filter: blur(20px); }
  .lg-brightness-0 { filter: brightness(0); }
  .lg-hover-brightness-0:hover { filter: brightness(0); }
  .lg-focus-brightness-0:focus { filter: brightness(0); }
  .lg-active-brightness-0:active { filter: brightness(0); }
  .lg-disabled-brightness-0:disabled { filter: brightness(0); }
  .lg-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  .lg-focus-within-brightness-0:focus-within { filter: brightness(0); }
  .lg-group:hover .lg-group-hover-brightness-0 { filter: brightness(0); }
  .lg-brightness-50 { filter: brightness(0.5); }
  .lg-hover-brightness-50:hover { filter: brightness(0.5); }
  .lg-focus-brightness-50:focus { filter: brightness(0.5); }
  .lg-active-brightness-50:active { filter: brightness(0.5); }
  .lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .lg-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .lg-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .lg-group:hover .lg-group-hover-brightness-50 { filter: brightness(0.5); }
  .lg-brightness-75 { filter: brightness(0.75); }
  .lg-hover-brightness-75:hover { filter: brightness(0.75); }
  .lg-focus-brightness-75:focus { filter: brightness(0.75); }
  .lg-active-brightness-75:active { filter: brightness(0.75); }
  .lg-disabled-brightness-75:disabled { filter: brightness(0.75); }
  .lg-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  .lg-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  .lg-group:hover .lg-group-hover-brightness-75 { filter: brightness(0.75); }
  .lg-brightness-90 { filter: brightness(0.9); }
  .lg-hover-brightness-90:hover { filter: brightness(0.9); }
  .lg-focus-brightness-90:focus { filter: brightness(0.9); }
  .lg-active-brightness-90:active { filter: brightness(0.9); }
  .lg-disabled-brightness-90:disabled { filter: brightness(0.9); }
  .lg-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  .lg-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  .lg-group:hover .lg-group-hover-brightness-90 { filter: brightness(0.9); }
  .lg-brightness-100 { filter: brightness(1); }
  .lg-hover-brightness-100:hover { filter: brightness(1); }
  .lg-focus-brightness-100:focus { filter: brightness(1); }
  .lg-active-brightness-100:active { filter: brightness(1); }
  .lg-disabled-brightness-100:disabled { filter: brightness(1); }
  .lg-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .lg-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .lg-group:hover .lg-group-hover-brightness-100 { filter: brightness(1); }
  .lg-brightness-125 { filter: brightness(1.25); }
  .lg-hover-brightness-125:hover { filter: brightness(1.25); }
  .lg-focus-brightness-125:focus { filter: brightness(1.25); }
  .lg-active-brightness-125:active { filter: brightness(1.25); }
  .lg-disabled-brightness-125:disabled { filter: brightness(1.25); }
  .lg-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  .lg-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  .lg-group:hover .lg-group-hover-brightness-125 { filter: brightness(1.25); }
  .lg-brightness-150 { filter: brightness(1.5); }
  .lg-hover-brightness-150:hover { filter: brightness(1.5); }
  .lg-focus-brightness-150:focus { filter: brightness(1.5); }
  .lg-active-brightness-150:active { filter: brightness(1.5); }
  .lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .lg-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .lg-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .lg-group:hover .lg-group-hover-brightness-150 { filter: brightness(1.5); }
  .lg-brightness-200 { filter: brightness(2); }
  .lg-hover-brightness-200:hover { filter: brightness(2); }
  .lg-focus-brightness-200:focus { filter: brightness(2); }
  .lg-active-brightness-200:active { filter: brightness(2); }
  .lg-disabled-brightness-200:disabled { filter: brightness(2); }
  .lg-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  .lg-focus-within-brightness-200:focus-within { filter: brightness(2); }
  .lg-group:hover .lg-group-hover-brightness-200 { filter: brightness(2); }
  .lg-contrast-0 { filter: contrast(0); }
  .lg-hover-contrast-0:hover { filter: contrast(0); }
  .lg-focus-contrast-0:focus { filter: contrast(0); }
  .lg-active-contrast-0:active { filter: contrast(0); }
  .lg-disabled-contrast-0:disabled { filter: contrast(0); }
  .lg-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  .lg-focus-within-contrast-0:focus-within { filter: contrast(0); }
  .lg-group:hover .lg-group-hover-contrast-0 { filter: contrast(0); }
  .lg-contrast-50 { filter: contrast(0.5); }
  .lg-hover-contrast-50:hover { filter: contrast(0.5); }
  .lg-focus-contrast-50:focus { filter: contrast(0.5); }
  .lg-active-contrast-50:active { filter: contrast(0.5); }
  .lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .lg-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .lg-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .lg-group:hover .lg-group-hover-contrast-50 { filter: contrast(0.5); }
  .lg-contrast-75 { filter: contrast(0.75); }
  .lg-hover-contrast-75:hover { filter: contrast(0.75); }
  .lg-focus-contrast-75:focus { filter: contrast(0.75); }
  .lg-active-contrast-75:active { filter: contrast(0.75); }
  .lg-disabled-contrast-75:disabled { filter: contrast(0.75); }
  .lg-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  .lg-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  .lg-group:hover .lg-group-hover-contrast-75 { filter: contrast(0.75); }
  .lg-contrast-100 { filter: contrast(1); }
  .lg-hover-contrast-100:hover { filter: contrast(1); }
  .lg-focus-contrast-100:focus { filter: contrast(1); }
  .lg-active-contrast-100:active { filter: contrast(1); }
  .lg-disabled-contrast-100:disabled { filter: contrast(1); }
  .lg-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .lg-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .lg-group:hover .lg-group-hover-contrast-100 { filter: contrast(1); }
  .lg-contrast-125 { filter: contrast(1.25); }
  .lg-hover-contrast-125:hover { filter: contrast(1.25); }
  .lg-focus-contrast-125:focus { filter: contrast(1.25); }
  .lg-active-contrast-125:active { filter: contrast(1.25); }
  .lg-disabled-contrast-125:disabled { filter: contrast(1.25); }
  .lg-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  .lg-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  .lg-group:hover .lg-group-hover-contrast-125 { filter: contrast(1.25); }
  .lg-contrast-150 { filter: contrast(1.5); }
  .lg-hover-contrast-150:hover { filter: contrast(1.5); }
  .lg-focus-contrast-150:focus { filter: contrast(1.5); }
  .lg-active-contrast-150:active { filter: contrast(1.5); }
  .lg-disabled-contrast-150:disabled { filter: contrast(1.5); }
  .lg-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  .lg-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  .lg-group:hover .lg-group-hover-contrast-150 { filter: contrast(1.5); }
  .lg-contrast-200 { filter: contrast(2); }
  .lg-hover-contrast-200:hover { filter: contrast(2); }
  .lg-focus-contrast-200:focus { filter: contrast(2); }
  .lg-active-contrast-200:active { filter: contrast(2); }
  .lg-disabled-contrast-200:disabled { filter: contrast(2); }
  .lg-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  .lg-focus-within-contrast-200:focus-within { filter: contrast(2); }
  .lg-group:hover .lg-group-hover-contrast-200 { filter: contrast(2); }
  .lg-grayscale-0 { filter: grayscale(0); }
  .lg-hover-grayscale-0:hover { filter: grayscale(0); }
  .lg-focus-grayscale-0:focus { filter: grayscale(0); }
  .lg-active-grayscale-0:active { filter: grayscale(0); }
  .lg-disabled-grayscale-0:disabled { filter: grayscale(0); }
  .lg-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  .lg-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  .lg-group:hover .lg-group-hover-grayscale-0 { filter: grayscale(0); }
  .lg-grayscale-100 { filter: grayscale(1); }
  .lg-hover-grayscale-100:hover { filter: grayscale(1); }
  .lg-focus-grayscale-100:focus { filter: grayscale(1); }
  .lg-active-grayscale-100:active { filter: grayscale(1); }
  .lg-disabled-grayscale-100:disabled { filter: grayscale(1); }
  .lg-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  .lg-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  .lg-group:hover .lg-group-hover-grayscale-100 { filter: grayscale(1); }
  .lg-hue-rotate-0 { filter: hue-rotate(0deg); }
  .lg-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  .lg-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  .lg-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  .lg-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  .lg-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  .lg-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  .lg-group:hover .lg-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  .lg-hue-rotate-45 { filter: hue-rotate(45deg); }
  .lg-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  .lg-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  .lg-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  .lg-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  .lg-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  .lg-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  .lg-group:hover .lg-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  .lg-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .lg-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .lg-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .lg-group:hover .lg-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-hue-rotate-180 { filter: hue-rotate(180deg); }
  .lg-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  .lg-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  .lg-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  .lg-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  .lg-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  .lg-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  .lg-group:hover .lg-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  .lg-invert-0 { filter: invert(0); }
  .lg-hover-invert-0:hover { filter: invert(0); }
  .lg-focus-invert-0:focus { filter: invert(0); }
  .lg-active-invert-0:active { filter: invert(0); }
  .lg-disabled-invert-0:disabled { filter: invert(0); }
  .lg-focus-visible-invert-0:focus-visible { filter: invert(0); }
  .lg-focus-within-invert-0:focus-within { filter: invert(0); }
  .lg-group:hover .lg-group-hover-invert-0 { filter: invert(0); }
  .lg-invert-100 { filter: invert(1); }
  .lg-hover-invert-100:hover { filter: invert(1); }
  .lg-focus-invert-100:focus { filter: invert(1); }
  .lg-active-invert-100:active { filter: invert(1); }
  .lg-disabled-invert-100:disabled { filter: invert(1); }
  .lg-focus-visible-invert-100:focus-visible { filter: invert(1); }
  .lg-focus-within-invert-100:focus-within { filter: invert(1); }
  .lg-group:hover .lg-group-hover-invert-100 { filter: invert(1); }
  .lg-saturate-0 { filter: saturate(0); }
  .lg-hover-saturate-0:hover { filter: saturate(0); }
  .lg-focus-saturate-0:focus { filter: saturate(0); }
  .lg-active-saturate-0:active { filter: saturate(0); }
  .lg-disabled-saturate-0:disabled { filter: saturate(0); }
  .lg-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  .lg-focus-within-saturate-0:focus-within { filter: saturate(0); }
  .lg-group:hover .lg-group-hover-saturate-0 { filter: saturate(0); }
  .lg-saturate-50 { filter: saturate(0.5); }
  .lg-hover-saturate-50:hover { filter: saturate(0.5); }
  .lg-focus-saturate-50:focus { filter: saturate(0.5); }
  .lg-active-saturate-50:active { filter: saturate(0.5); }
  .lg-disabled-saturate-50:disabled { filter: saturate(0.5); }
  .lg-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  .lg-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  .lg-group:hover .lg-group-hover-saturate-50 { filter: saturate(0.5); }
  .lg-saturate-100 { filter: saturate(1); }
  .lg-hover-saturate-100:hover { filter: saturate(1); }
  .lg-focus-saturate-100:focus { filter: saturate(1); }
  .lg-active-saturate-100:active { filter: saturate(1); }
  .lg-disabled-saturate-100:disabled { filter: saturate(1); }
  .lg-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  .lg-focus-within-saturate-100:focus-within { filter: saturate(1); }
  .lg-group:hover .lg-group-hover-saturate-100 { filter: saturate(1); }
  .lg-saturate-150 { filter: saturate(1.5); }
  .lg-hover-saturate-150:hover { filter: saturate(1.5); }
  .lg-focus-saturate-150:focus { filter: saturate(1.5); }
  .lg-active-saturate-150:active { filter: saturate(1.5); }
  .lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .lg-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .lg-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .lg-group:hover .lg-group-hover-saturate-150 { filter: saturate(1.5); }
  .lg-saturate-200 { filter: saturate(2); }
  .lg-hover-saturate-200:hover { filter: saturate(2); }
  .lg-focus-saturate-200:focus { filter: saturate(2); }
  .lg-active-saturate-200:active { filter: saturate(2); }
  .lg-disabled-saturate-200:disabled { filter: saturate(2); }
  .lg-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  .lg-focus-within-saturate-200:focus-within { filter: saturate(2); }
  .lg-group:hover .lg-group-hover-saturate-200 { filter: saturate(2); }
  .lg-sepia-0 { filter: sepia(0); }
  .lg-hover-sepia-0:hover { filter: sepia(0); }
  .lg-focus-sepia-0:focus { filter: sepia(0); }
  .lg-active-sepia-0:active { filter: sepia(0); }
  .lg-disabled-sepia-0:disabled { filter: sepia(0); }
  .lg-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  .lg-focus-within-sepia-0:focus-within { filter: sepia(0); }
  .lg-group:hover .lg-group-hover-sepia-0 { filter: sepia(0); }
  .lg-sepia-100 { filter: sepia(1); }
  .lg-hover-sepia-100:hover { filter: sepia(1); }
  .lg-focus-sepia-100:focus { filter: sepia(1); }
  .lg-active-sepia-100:active { filter: sepia(1); }
  .lg-disabled-sepia-100:disabled { filter: sepia(1); }
  .lg-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  .lg-focus-within-sepia-100:focus-within { filter: sepia(1); }
  .lg-group:hover .lg-group-hover-sepia-100 { filter: sepia(1); }
  .lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-group:hover .lg-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .lg-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-group:hover .lg-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-group:hover .lg-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .lg-mix-normal { mix-blend-mode: normal; }
  .lg-hover-mix-normal:hover { mix-blend-mode: normal; }
  .lg-focus-mix-normal:focus { mix-blend-mode: normal; }
  .lg-active-mix-normal:active { mix-blend-mode: normal; }
  .lg-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  .lg-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  .lg-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  .lg-group:hover .lg-group-hover-mix-normal { mix-blend-mode: normal; }
  .lg-mix-multiply { mix-blend-mode: multiply; }
  .lg-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  .lg-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  .lg-active-mix-multiply:active { mix-blend-mode: multiply; }
  .lg-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  .lg-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  .lg-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  .lg-group:hover .lg-group-hover-mix-multiply { mix-blend-mode: multiply; }
  .lg-mix-screen { mix-blend-mode: screen; }
  .lg-hover-mix-screen:hover { mix-blend-mode: screen; }
  .lg-focus-mix-screen:focus { mix-blend-mode: screen; }
  .lg-active-mix-screen:active { mix-blend-mode: screen; }
  .lg-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  .lg-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  .lg-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  .lg-group:hover .lg-group-hover-mix-screen { mix-blend-mode: screen; }
  .lg-mix-overlay { mix-blend-mode: overlay; }
  .lg-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  .lg-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  .lg-active-mix-overlay:active { mix-blend-mode: overlay; }
  .lg-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  .lg-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  .lg-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  .lg-group:hover .lg-group-hover-mix-overlay { mix-blend-mode: overlay; }
  .lg-mix-darken { mix-blend-mode: darken; }
  .lg-hover-mix-darken:hover { mix-blend-mode: darken; }
  .lg-focus-mix-darken:focus { mix-blend-mode: darken; }
  .lg-active-mix-darken:active { mix-blend-mode: darken; }
  .lg-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  .lg-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  .lg-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  .lg-group:hover .lg-group-hover-mix-darken { mix-blend-mode: darken; }
  .lg-mix-lighten { mix-blend-mode: lighten; }
  .lg-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  .lg-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  .lg-active-mix-lighten:active { mix-blend-mode: lighten; }
  .lg-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  .lg-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  .lg-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  .lg-group:hover .lg-group-hover-mix-lighten { mix-blend-mode: lighten; }
  .lg-mix-color-dodge { mix-blend-mode: color-dodge; }
  .lg-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  .lg-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  .lg-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  .lg-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  .lg-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  .lg-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  .lg-group:hover .lg-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  .lg-mix-color-burn { mix-blend-mode: color-burn; }
  .lg-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  .lg-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  .lg-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  .lg-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  .lg-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  .lg-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  .lg-group:hover .lg-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  .lg-mix-hard-light { mix-blend-mode: hard-light; }
  .lg-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  .lg-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  .lg-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  .lg-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  .lg-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  .lg-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  .lg-group:hover .lg-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  .lg-mix-soft-light { mix-blend-mode: soft-light; }
  .lg-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  .lg-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  .lg-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  .lg-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  .lg-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  .lg-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  .lg-group:hover .lg-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  .lg-mix-difference { mix-blend-mode: difference; }
  .lg-hover-mix-difference:hover { mix-blend-mode: difference; }
  .lg-focus-mix-difference:focus { mix-blend-mode: difference; }
  .lg-active-mix-difference:active { mix-blend-mode: difference; }
  .lg-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  .lg-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  .lg-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  .lg-group:hover .lg-group-hover-mix-difference { mix-blend-mode: difference; }
  .lg-mix-exclusion { mix-blend-mode: exclusion; }
  .lg-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  .lg-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  .lg-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  .lg-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  .lg-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  .lg-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  .lg-group:hover .lg-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  .lg-mix-hue { mix-blend-mode: hue; }
  .lg-hover-mix-hue:hover { mix-blend-mode: hue; }
  .lg-focus-mix-hue:focus { mix-blend-mode: hue; }
  .lg-active-mix-hue:active { mix-blend-mode: hue; }
  .lg-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  .lg-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  .lg-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  .lg-group:hover .lg-group-hover-mix-hue { mix-blend-mode: hue; }
  .lg-mix-saturation { mix-blend-mode: saturation; }
  .lg-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  .lg-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  .lg-active-mix-saturation:active { mix-blend-mode: saturation; }
  .lg-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  .lg-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  .lg-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  .lg-group:hover .lg-group-hover-mix-saturation { mix-blend-mode: saturation; }
  .lg-mix-color { mix-blend-mode: color; }
  .lg-hover-mix-color:hover { mix-blend-mode: color; }
  .lg-focus-mix-color:focus { mix-blend-mode: color; }
  .lg-active-mix-color:active { mix-blend-mode: color; }
  .lg-disabled-mix-color:disabled { mix-blend-mode: color; }
  .lg-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  .lg-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  .lg-group:hover .lg-group-hover-mix-color { mix-blend-mode: color; }
  .lg-mix-luminosity { mix-blend-mode: luminosity; }
  .lg-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  .lg-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  .lg-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  .lg-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  .lg-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  .lg-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  .lg-group:hover .lg-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  .lg-bg-blend-normal { background-blend-mode: normal; }
  .lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .lg-active-bg-blend-normal:active { background-blend-mode: normal; }
  .lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .lg-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .lg-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .lg-group:hover .lg-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .lg-bg-blend-multiply { background-blend-mode: multiply; }
  .lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .lg-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .lg-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .lg-group:hover .lg-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .lg-bg-blend-screen { background-blend-mode: screen; }
  .lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .lg-active-bg-blend-screen:active { background-blend-mode: screen; }
  .lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .lg-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .lg-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .lg-group:hover .lg-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .lg-bg-blend-overlay { background-blend-mode: overlay; }
  .lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .lg-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .lg-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .lg-group:hover .lg-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .lg-bg-blend-darken { background-blend-mode: darken; }
  .lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .lg-active-bg-blend-darken:active { background-blend-mode: darken; }
  .lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .lg-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .lg-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .lg-group:hover .lg-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .lg-bg-blend-lighten { background-blend-mode: lighten; }
  .lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .lg-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .lg-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .lg-group:hover .lg-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .lg-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .lg-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  .lg-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  .lg-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  .lg-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  .lg-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  .lg-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  .lg-group:hover .lg-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .lg-bg-blend-color-burn { background-blend-mode: color-burn; }
  .lg-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  .lg-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  .lg-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  .lg-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  .lg-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  .lg-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  .lg-group:hover .lg-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  .lg-bg-blend-hard-light { background-blend-mode: hard-light; }
  .lg-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  .lg-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  .lg-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  .lg-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  .lg-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  .lg-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  .lg-group:hover .lg-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  .lg-bg-blend-soft-light { background-blend-mode: soft-light; }
  .lg-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  .lg-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  .lg-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  .lg-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  .lg-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  .lg-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  .lg-group:hover .lg-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  .lg-bg-blend-difference { background-blend-mode: difference; }
  .lg-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  .lg-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  .lg-active-bg-blend-difference:active { background-blend-mode: difference; }
  .lg-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  .lg-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  .lg-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  .lg-group:hover .lg-group-hover-bg-blend-difference { background-blend-mode: difference; }
  .lg-bg-blend-exclusion { background-blend-mode: exclusion; }
  .lg-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  .lg-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  .lg-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  .lg-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  .lg-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  .lg-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  .lg-group:hover .lg-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  .lg-bg-blend-hue { background-blend-mode: hue; }
  .lg-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  .lg-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  .lg-active-bg-blend-hue:active { background-blend-mode: hue; }
  .lg-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  .lg-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  .lg-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  .lg-group:hover .lg-group-hover-bg-blend-hue { background-blend-mode: hue; }
  .lg-bg-blend-saturation { background-blend-mode: saturation; }
  .lg-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  .lg-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  .lg-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  .lg-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  .lg-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  .lg-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  .lg-group:hover .lg-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  .lg-bg-blend-color { background-blend-mode: color; }
  .lg-hover-bg-blend-color:hover { background-blend-mode: color; }
  .lg-focus-bg-blend-color:focus { background-blend-mode: color; }
  .lg-active-bg-blend-color:active { background-blend-mode: color; }
  .lg-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  .lg-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  .lg-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  .lg-group:hover .lg-group-hover-bg-blend-color { background-blend-mode: color; }
  .lg-bg-blend-luminosity { background-blend-mode: luminosity; }
  .lg-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  .lg-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  .lg-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  .lg-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  .lg-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  .lg-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  .lg-group:hover .lg-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  .lg-object-contain { object-fit: contain; }
  .lg-hover-object-contain:hover { object-fit: contain; }
  .lg-focus-object-contain:focus { object-fit: contain; }
  .lg-active-object-contain:active { object-fit: contain; }
  .lg-disabled-object-contain:disabled { object-fit: contain; }
  .lg-focus-visible-object-contain:focus-visible { object-fit: contain; }
  .lg-focus-within-object-contain:focus-within { object-fit: contain; }
  .lg-group:hover .lg-group-hover-object-contain { object-fit: contain; }
  .lg-object-cover { object-fit: cover; }
  .lg-hover-object-cover:hover { object-fit: cover; }
  .lg-focus-object-cover:focus { object-fit: cover; }
  .lg-active-object-cover:active { object-fit: cover; }
  .lg-disabled-object-cover:disabled { object-fit: cover; }
  .lg-focus-visible-object-cover:focus-visible { object-fit: cover; }
  .lg-focus-within-object-cover:focus-within { object-fit: cover; }
  .lg-group:hover .lg-group-hover-object-cover { object-fit: cover; }
  .lg-object-fill { object-fit: fill; }
  .lg-hover-object-fill:hover { object-fit: fill; }
  .lg-focus-object-fill:focus { object-fit: fill; }
  .lg-active-object-fill:active { object-fit: fill; }
  .lg-disabled-object-fill:disabled { object-fit: fill; }
  .lg-focus-visible-object-fill:focus-visible { object-fit: fill; }
  .lg-focus-within-object-fill:focus-within { object-fit: fill; }
  .lg-group:hover .lg-group-hover-object-fill { object-fit: fill; }
  .lg-object-none { object-fit: none; }
  .lg-hover-object-none:hover { object-fit: none; }
  .lg-focus-object-none:focus { object-fit: none; }
  .lg-active-object-none:active { object-fit: none; }
  .lg-disabled-object-none:disabled { object-fit: none; }
  .lg-focus-visible-object-none:focus-visible { object-fit: none; }
  .lg-focus-within-object-none:focus-within { object-fit: none; }
  .lg-group:hover .lg-group-hover-object-none { object-fit: none; }
  .lg-object-scale-down { object-fit: scale-down; }
  .lg-hover-object-scale-down:hover { object-fit: scale-down; }
  .lg-focus-object-scale-down:focus { object-fit: scale-down; }
  .lg-active-object-scale-down:active { object-fit: scale-down; }
  .lg-disabled-object-scale-down:disabled { object-fit: scale-down; }
  .lg-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  .lg-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  .lg-group:hover .lg-group-hover-object-scale-down { object-fit: scale-down; }
  .lg-object-top { object-position: top; }
  .lg-hover-object-top:hover { object-position: top; }
  .lg-focus-object-top:focus { object-position: top; }
  .lg-active-object-top:active { object-position: top; }
  .lg-disabled-object-top:disabled { object-position: top; }
  .lg-focus-visible-object-top:focus-visible { object-position: top; }
  .lg-focus-within-object-top:focus-within { object-position: top; }
  .lg-group:hover .lg-group-hover-object-top { object-position: top; }
  .lg-object-bottom { object-position: bottom; }
  .lg-hover-object-bottom:hover { object-position: bottom; }
  .lg-focus-object-bottom:focus { object-position: bottom; }
  .lg-active-object-bottom:active { object-position: bottom; }
  .lg-disabled-object-bottom:disabled { object-position: bottom; }
  .lg-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  .lg-focus-within-object-bottom:focus-within { object-position: bottom; }
  .lg-group:hover .lg-group-hover-object-bottom { object-position: bottom; }
  .lg-object-center { object-position: center; }
  .lg-hover-object-center:hover { object-position: center; }
  .lg-focus-object-center:focus { object-position: center; }
  .lg-active-object-center:active { object-position: center; }
  .lg-disabled-object-center:disabled { object-position: center; }
  .lg-focus-visible-object-center:focus-visible { object-position: center; }
  .lg-focus-within-object-center:focus-within { object-position: center; }
  .lg-group:hover .lg-group-hover-object-center { object-position: center; }
  .lg-object-left { object-position: left; }
  .lg-hover-object-left:hover { object-position: left; }
  .lg-focus-object-left:focus { object-position: left; }
  .lg-active-object-left:active { object-position: left; }
  .lg-disabled-object-left:disabled { object-position: left; }
  .lg-focus-visible-object-left:focus-visible { object-position: left; }
  .lg-focus-within-object-left:focus-within { object-position: left; }
  .lg-group:hover .lg-group-hover-object-left { object-position: left; }
  .lg-object-right { object-position: right; }
  .lg-hover-object-right:hover { object-position: right; }
  .lg-focus-object-right:focus { object-position: right; }
  .lg-active-object-right:active { object-position: right; }
  .lg-disabled-object-right:disabled { object-position: right; }
  .lg-focus-visible-object-right:focus-visible { object-position: right; }
  .lg-focus-within-object-right:focus-within { object-position: right; }
  .lg-group:hover .lg-group-hover-object-right { object-position: right; }
  .lg-object-left-top { object-position: left top; }
  .lg-hover-object-left-top:hover { object-position: left top; }
  .lg-focus-object-left-top:focus { object-position: left top; }
  .lg-active-object-left-top:active { object-position: left top; }
  .lg-disabled-object-left-top:disabled { object-position: left top; }
  .lg-focus-visible-object-left-top:focus-visible { object-position: left top; }
  .lg-focus-within-object-left-top:focus-within { object-position: left top; }
  .lg-group:hover .lg-group-hover-object-left-top { object-position: left top; }
  .lg-object-right-top { object-position: right top; }
  .lg-hover-object-right-top:hover { object-position: right top; }
  .lg-focus-object-right-top:focus { object-position: right top; }
  .lg-active-object-right-top:active { object-position: right top; }
  .lg-disabled-object-right-top:disabled { object-position: right top; }
  .lg-focus-visible-object-right-top:focus-visible { object-position: right top; }
  .lg-focus-within-object-right-top:focus-within { object-position: right top; }
  .lg-group:hover .lg-group-hover-object-right-top { object-position: right top; }
  .lg-object-left-bottom { object-position: left bottom; }
  .lg-hover-object-left-bottom:hover { object-position: left bottom; }
  .lg-focus-object-left-bottom:focus { object-position: left bottom; }
  .lg-active-object-left-bottom:active { object-position: left bottom; }
  .lg-disabled-object-left-bottom:disabled { object-position: left bottom; }
  .lg-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  .lg-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  .lg-group:hover .lg-group-hover-object-left-bottom { object-position: left bottom; }
  .lg-object-right-bottom { object-position: right bottom; }
  .lg-hover-object-right-bottom:hover { object-position: right bottom; }
  .lg-focus-object-right-bottom:focus { object-position: right bottom; }
  .lg-active-object-right-bottom:active { object-position: right bottom; }
  .lg-disabled-object-right-bottom:disabled { object-position: right bottom; }
  .lg-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  .lg-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  .lg-group:hover .lg-group-hover-object-right-bottom { object-position: right bottom; }
  .lg-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-group:hover .lg-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .lg-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-group:hover .lg-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-group:hover .lg-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .lg-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-group:hover .lg-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .lg-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-group:hover .lg-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .lg-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-group:hover .lg-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .lg-list-style-image-none { list-style-image: none; }
  .lg-hover-list-style-image-none:hover { list-style-image: none; }
  .lg-focus-list-style-image-none:focus { list-style-image: none; }
  .lg-active-list-style-image-none:active { list-style-image: none; }
  .lg-disabled-list-style-image-none:disabled { list-style-image: none; }
  .lg-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  .lg-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  .lg-group:hover .lg-group-hover-list-style-image-none { list-style-image: none; }
  .lg-list-style-position-inside { list-style-position: inside; }
  .lg-hover-list-style-position-inside:hover { list-style-position: inside; }
  .lg-focus-list-style-position-inside:focus { list-style-position: inside; }
  .lg-active-list-style-position-inside:active { list-style-position: inside; }
  .lg-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  .lg-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  .lg-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  .lg-group:hover .lg-group-hover-list-style-position-inside { list-style-position: inside; }
  .lg-list-style-position-outside { list-style-position: outside; }
  .lg-hover-list-style-position-outside:hover { list-style-position: outside; }
  .lg-focus-list-style-position-outside:focus { list-style-position: outside; }
  .lg-active-list-style-position-outside:active { list-style-position: outside; }
  .lg-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  .lg-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  .lg-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  .lg-group:hover .lg-group-hover-list-style-position-outside { list-style-position: outside; }
  .lg-list-style-type-none { list-style-type: none; }
  .lg-hover-list-style-type-none:hover { list-style-type: none; }
  .lg-focus-list-style-type-none:focus { list-style-type: none; }
  .lg-active-list-style-type-none:active { list-style-type: none; }
  .lg-disabled-list-style-type-none:disabled { list-style-type: none; }
  .lg-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  .lg-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  .lg-group:hover .lg-group-hover-list-style-type-none { list-style-type: none; }
  .lg-list-style-type-disc { list-style-type: disc; }
  .lg-hover-list-style-type-disc:hover { list-style-type: disc; }
  .lg-focus-list-style-type-disc:focus { list-style-type: disc; }
  .lg-active-list-style-type-disc:active { list-style-type: disc; }
  .lg-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  .lg-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  .lg-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  .lg-group:hover .lg-group-hover-list-style-type-disc { list-style-type: disc; }
  .lg-list-style-type-circle { list-style-type: circle; }
  .lg-hover-list-style-type-circle:hover { list-style-type: circle; }
  .lg-focus-list-style-type-circle:focus { list-style-type: circle; }
  .lg-active-list-style-type-circle:active { list-style-type: circle; }
  .lg-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  .lg-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  .lg-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  .lg-group:hover .lg-group-hover-list-style-type-circle { list-style-type: circle; }
  .lg-list-style-type-square { list-style-type: square; }
  .lg-hover-list-style-type-square:hover { list-style-type: square; }
  .lg-focus-list-style-type-square:focus { list-style-type: square; }
  .lg-active-list-style-type-square:active { list-style-type: square; }
  .lg-disabled-list-style-type-square:disabled { list-style-type: square; }
  .lg-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  .lg-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  .lg-group:hover .lg-group-hover-list-style-type-square { list-style-type: square; }
  .lg-list-style-type-decimal { list-style-type: decimal; }
  .lg-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  .lg-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  .lg-active-list-style-type-decimal:active { list-style-type: decimal; }
  .lg-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  .lg-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  .lg-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  .lg-group:hover .lg-group-hover-list-style-type-decimal { list-style-type: decimal; }
  .lg-list-style-type-lower_roman { list-style-type: lower-roman; }
  .lg-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  .lg-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  .lg-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  .lg-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  .lg-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  .lg-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  .lg-group:hover .lg-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  .lg-list-style-type-upper_roman { list-style-type: upper-roman; }
  .lg-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  .lg-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  .lg-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  .lg-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  .lg-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  .lg-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  .lg-group:hover .lg-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  .lg-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .lg-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  .lg-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  .lg-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  .lg-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  .lg-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  .lg-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  .lg-group:hover .lg-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .lg-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .lg-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  .lg-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  .lg-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  .lg-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  .lg-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  .lg-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  .lg-group:hover .lg-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .lg-text-align-left { text-align: left; }
  .lg-hover-text-align-left:hover { text-align: left; }
  .lg-focus-text-align-left:focus { text-align: left; }
  .lg-active-text-align-left:active { text-align: left; }
  .lg-disabled-text-align-left:disabled { text-align: left; }
  .lg-focus-visible-text-align-left:focus-visible { text-align: left; }
  .lg-focus-within-text-align-left:focus-within { text-align: left; }
  .lg-group:hover .lg-group-hover-text-align-left { text-align: left; }
  .lg-text-align-center { text-align: center; }
  .lg-hover-text-align-center:hover { text-align: center; }
  .lg-focus-text-align-center:focus { text-align: center; }
  .lg-active-text-align-center:active { text-align: center; }
  .lg-disabled-text-align-center:disabled { text-align: center; }
  .lg-focus-visible-text-align-center:focus-visible { text-align: center; }
  .lg-focus-within-text-align-center:focus-within { text-align: center; }
  .lg-group:hover .lg-group-hover-text-align-center { text-align: center; }
  .lg-text-align-right { text-align: right; }
  .lg-hover-text-align-right:hover { text-align: right; }
  .lg-focus-text-align-right:focus { text-align: right; }
  .lg-active-text-align-right:active { text-align: right; }
  .lg-disabled-text-align-right:disabled { text-align: right; }
  .lg-focus-visible-text-align-right:focus-visible { text-align: right; }
  .lg-focus-within-text-align-right:focus-within { text-align: right; }
  .lg-group:hover .lg-group-hover-text-align-right { text-align: right; }
  .lg-text-align-justify { text-align: justify; }
  .lg-hover-text-align-justify:hover { text-align: justify; }
  .lg-focus-text-align-justify:focus { text-align: justify; }
  .lg-active-text-align-justify:active { text-align: justify; }
  .lg-disabled-text-align-justify:disabled { text-align: justify; }
  .lg-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  .lg-focus-within-text-align-justify:focus-within { text-align: justify; }
  .lg-group:hover .lg-group-hover-text-align-justify { text-align: justify; }
  .lg-backface-visible { backface-visibility: visible; }
  .lg-hover-backface-visible:hover { backface-visibility: visible; }
  .lg-focus-backface-visible:focus { backface-visibility: visible; }
  .lg-active-backface-visible:active { backface-visibility: visible; }
  .lg-disabled-backface-visible:disabled { backface-visibility: visible; }
  .lg-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .lg-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .lg-group:hover .lg-group-hover-backface-visible { backface-visibility: visible; }
  .lg-backface-hidden { backface-visibility: hidden; }
  .lg-hover-backface-hidden:hover { backface-visibility: hidden; }
  .lg-focus-backface-hidden:focus { backface-visibility: hidden; }
  .lg-active-backface-hidden:active { backface-visibility: hidden; }
  .lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .lg-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .lg-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .lg-group:hover .lg-group-hover-backface-hidden { backface-visibility: hidden; }
  .lg-perspective-none { perspective: none; }
  .lg-hover-perspective-none:hover { perspective: none; }
  .lg-focus-perspective-none:focus { perspective: none; }
  .lg-active-perspective-none:active { perspective: none; }
  .lg-disabled-perspective-none:disabled { perspective: none; }
  .lg-focus-visible-perspective-none:focus-visible { perspective: none; }
  .lg-focus-within-perspective-none:focus-within { perspective: none; }
  .lg-group:hover .lg-group-hover-perspective-none { perspective: none; }
  .lg-perspective-100 { perspective: 100px; }
  .lg-hover-perspective-100:hover { perspective: 100px; }
  .lg-focus-perspective-100:focus { perspective: 100px; }
  .lg-active-perspective-100:active { perspective: 100px; }
  .lg-disabled-perspective-100:disabled { perspective: 100px; }
  .lg-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  .lg-focus-within-perspective-100:focus-within { perspective: 100px; }
  .lg-group:hover .lg-group-hover-perspective-100 { perspective: 100px; }
  .lg-perspective-500 { perspective: 500px; }
  .lg-hover-perspective-500:hover { perspective: 500px; }
  .lg-focus-perspective-500:focus { perspective: 500px; }
  .lg-active-perspective-500:active { perspective: 500px; }
  .lg-disabled-perspective-500:disabled { perspective: 500px; }
  .lg-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  .lg-focus-within-perspective-500:focus-within { perspective: 500px; }
  .lg-group:hover .lg-group-hover-perspective-500 { perspective: 500px; }
  .lg-perspective-1000 { perspective: 1000px; }
  .lg-hover-perspective-1000:hover { perspective: 1000px; }
  .lg-focus-perspective-1000:focus { perspective: 1000px; }
  .lg-active-perspective-1000:active { perspective: 1000px; }
  .lg-disabled-perspective-1000:disabled { perspective: 1000px; }
  .lg-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  .lg-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  .lg-group:hover .lg-group-hover-perspective-1000 { perspective: 1000px; }
  .lg-perspective-1500 { perspective: 1500px; }
  .lg-hover-perspective-1500:hover { perspective: 1500px; }
  .lg-focus-perspective-1500:focus { perspective: 1500px; }
  .lg-active-perspective-1500:active { perspective: 1500px; }
  .lg-disabled-perspective-1500:disabled { perspective: 1500px; }
  .lg-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  .lg-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  .lg-group:hover .lg-group-hover-perspective-1500 { perspective: 1500px; }
  .lg-perspective-2000 { perspective: 2000px; }
  .lg-hover-perspective-2000:hover { perspective: 2000px; }
  .lg-focus-perspective-2000:focus { perspective: 2000px; }
  .lg-active-perspective-2000:active { perspective: 2000px; }
  .lg-disabled-perspective-2000:disabled { perspective: 2000px; }
  .lg-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  .lg-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  .lg-group:hover .lg-group-hover-perspective-2000 { perspective: 2000px; }
  .lg-perspective-origin-center { perspective-origin: center; }
  .lg-hover-perspective-origin-center:hover { perspective-origin: center; }
  .lg-focus-perspective-origin-center:focus { perspective-origin: center; }
  .lg-active-perspective-origin-center:active { perspective-origin: center; }
  .lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .lg-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .lg-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .lg-group:hover .lg-group-hover-perspective-origin-center { perspective-origin: center; }
  .lg-perspective-origin-top { perspective-origin: top; }
  .lg-hover-perspective-origin-top:hover { perspective-origin: top; }
  .lg-focus-perspective-origin-top:focus { perspective-origin: top; }
  .lg-active-perspective-origin-top:active { perspective-origin: top; }
  .lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .lg-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .lg-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .lg-group:hover .lg-group-hover-perspective-origin-top { perspective-origin: top; }
  .lg-perspective-origin-bottom { perspective-origin: bottom; }
  .lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .lg-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .lg-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .lg-group:hover .lg-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .lg-perspective-origin-left { perspective-origin: left; }
  .lg-hover-perspective-origin-left:hover { perspective-origin: left; }
  .lg-focus-perspective-origin-left:focus { perspective-origin: left; }
  .lg-active-perspective-origin-left:active { perspective-origin: left; }
  .lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .lg-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .lg-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .lg-group:hover .lg-group-hover-perspective-origin-left { perspective-origin: left; }
  .lg-perspective-origin-right { perspective-origin: right; }
  .lg-hover-perspective-origin-right:hover { perspective-origin: right; }
  .lg-focus-perspective-origin-right:focus { perspective-origin: right; }
  .lg-active-perspective-origin-right:active { perspective-origin: right; }
  .lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .lg-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .lg-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .lg-group:hover .lg-group-hover-perspective-origin-right { perspective-origin: right; }
  .lg-perspective-origin-top_left { perspective-origin: top left; }
  .lg-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  .lg-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  .lg-active-perspective-origin-top_left:active { perspective-origin: top left; }
  .lg-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  .lg-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  .lg-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  .lg-group:hover .lg-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  .lg-perspective-origin-top_right { perspective-origin: top right; }
  .lg-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  .lg-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  .lg-active-perspective-origin-top_right:active { perspective-origin: top right; }
  .lg-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  .lg-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  .lg-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  .lg-group:hover .lg-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  .lg-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .lg-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  .lg-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  .lg-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  .lg-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  .lg-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  .lg-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  .lg-group:hover .lg-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .lg-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .lg-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  .lg-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  .lg-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  .lg-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  .lg-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  .lg-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  .lg-group:hover .lg-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .lg-transform { transform: var(--quanta-transform, none); }
  .lg-hover-transform:hover { transform: var(--quanta-transform, none); }
  .lg-focus-transform:focus { transform: var(--quanta-transform, none); }
  .lg-active-transform:active { transform: var(--quanta-transform, none); }
  .lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .lg-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .lg-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .lg-group:hover .lg-group-hover-transform { transform: var(--quanta-transform, none); }
  .lg-transform-none { transform: none; }
  .lg-hover-transform-none:hover { transform: none; }
  .lg-focus-transform-none:focus { transform: none; }
  .lg-active-transform-none:active { transform: none; }
  .lg-disabled-transform-none:disabled { transform: none; }
  .lg-focus-visible-transform-none:focus-visible { transform: none; }
  .lg-focus-within-transform-none:focus-within { transform: none; }
  .lg-group:hover .lg-group-hover-transform-none { transform: none; }
  .lg-rotate-n180 { transform: rotate(-180deg); }
  .lg-hover-rotate-n180:hover { transform: rotate(-180deg); }
  .lg-focus-rotate-n180:focus { transform: rotate(-180deg); }
  .lg-active-rotate-n180:active { transform: rotate(-180deg); }
  .lg-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  .lg-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  .lg-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  .lg-group:hover .lg-group-hover-rotate-n180 { transform: rotate(-180deg); }
  .lg-rotate-n90 { transform: rotate(-90deg); }
  .lg-hover-rotate-n90:hover { transform: rotate(-90deg); }
  .lg-focus-rotate-n90:focus { transform: rotate(-90deg); }
  .lg-active-rotate-n90:active { transform: rotate(-90deg); }
  .lg-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  .lg-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  .lg-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  .lg-group:hover .lg-group-hover-rotate-n90 { transform: rotate(-90deg); }
  .lg-rotate-n45 { transform: rotate(-45deg); }
  .lg-hover-rotate-n45:hover { transform: rotate(-45deg); }
  .lg-focus-rotate-n45:focus { transform: rotate(-45deg); }
  .lg-active-rotate-n45:active { transform: rotate(-45deg); }
  .lg-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  .lg-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  .lg-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  .lg-group:hover .lg-group-hover-rotate-n45 { transform: rotate(-45deg); }
  .lg-rotate-0 { transform: rotate(0deg); }
  .lg-hover-rotate-0:hover { transform: rotate(0deg); }
  .lg-focus-rotate-0:focus { transform: rotate(0deg); }
  .lg-active-rotate-0:active { transform: rotate(0deg); }
  .lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .lg-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .lg-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .lg-group:hover .lg-group-hover-rotate-0 { transform: rotate(0deg); }
  .lg-rotate-45 { transform: rotate(45deg); }
  .lg-hover-rotate-45:hover { transform: rotate(45deg); }
  .lg-focus-rotate-45:focus { transform: rotate(45deg); }
  .lg-active-rotate-45:active { transform: rotate(45deg); }
  .lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .lg-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .lg-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .lg-group:hover .lg-group-hover-rotate-45 { transform: rotate(45deg); }
  .lg-rotate-90 { transform: rotate(90deg); }
  .lg-hover-rotate-90:hover { transform: rotate(90deg); }
  .lg-focus-rotate-90:focus { transform: rotate(90deg); }
  .lg-active-rotate-90:active { transform: rotate(90deg); }
  .lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .lg-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .lg-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .lg-group:hover .lg-group-hover-rotate-90 { transform: rotate(90deg); }
  .lg-rotate-180 { transform: rotate(180deg); }
  .lg-hover-rotate-180:hover { transform: rotate(180deg); }
  .lg-focus-rotate-180:focus { transform: rotate(180deg); }
  .lg-active-rotate-180:active { transform: rotate(180deg); }
  .lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .lg-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .lg-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .lg-group:hover .lg-group-hover-rotate-180 { transform: rotate(180deg); }
  .lg-scale-50 { transform: scale(0.5); }
  .lg-hover-scale-50:hover { transform: scale(0.5); }
  .lg-focus-scale-50:focus { transform: scale(0.5); }
  .lg-active-scale-50:active { transform: scale(0.5); }
  .lg-disabled-scale-50:disabled { transform: scale(0.5); }
  .lg-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .lg-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .lg-group:hover .lg-group-hover-scale-50 { transform: scale(0.5); }
  .lg-scale-75 { transform: scale(0.75); }
  .lg-hover-scale-75:hover { transform: scale(0.75); }
  .lg-focus-scale-75:focus { transform: scale(0.75); }
  .lg-active-scale-75:active { transform: scale(0.75); }
  .lg-disabled-scale-75:disabled { transform: scale(0.75); }
  .lg-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .lg-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .lg-group:hover .lg-group-hover-scale-75 { transform: scale(0.75); }
  .lg-scale-90 { transform: scale(0.9); }
  .lg-hover-scale-90:hover { transform: scale(0.9); }
  .lg-focus-scale-90:focus { transform: scale(0.9); }
  .lg-active-scale-90:active { transform: scale(0.9); }
  .lg-disabled-scale-90:disabled { transform: scale(0.9); }
  .lg-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .lg-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .lg-group:hover .lg-group-hover-scale-90 { transform: scale(0.9); }
  .lg-scale-95 { transform: scale(0.95); }
  .lg-hover-scale-95:hover { transform: scale(0.95); }
  .lg-focus-scale-95:focus { transform: scale(0.95); }
  .lg-active-scale-95:active { transform: scale(0.95); }
  .lg-disabled-scale-95:disabled { transform: scale(0.95); }
  .lg-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .lg-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .lg-group:hover .lg-group-hover-scale-95 { transform: scale(0.95); }
  .lg-scale-100 { transform: scale(1.0); }
  .lg-hover-scale-100:hover { transform: scale(1.0); }
  .lg-focus-scale-100:focus { transform: scale(1.0); }
  .lg-active-scale-100:active { transform: scale(1.0); }
  .lg-disabled-scale-100:disabled { transform: scale(1.0); }
  .lg-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .lg-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .lg-group:hover .lg-group-hover-scale-100 { transform: scale(1.0); }
  .lg-scale-105 { transform: scale(1.05); }
  .lg-hover-scale-105:hover { transform: scale(1.05); }
  .lg-focus-scale-105:focus { transform: scale(1.05); }
  .lg-active-scale-105:active { transform: scale(1.05); }
  .lg-disabled-scale-105:disabled { transform: scale(1.05); }
  .lg-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .lg-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .lg-group:hover .lg-group-hover-scale-105 { transform: scale(1.05); }
  .lg-scale-110 { transform: scale(1.1); }
  .lg-hover-scale-110:hover { transform: scale(1.1); }
  .lg-focus-scale-110:focus { transform: scale(1.1); }
  .lg-active-scale-110:active { transform: scale(1.1); }
  .lg-disabled-scale-110:disabled { transform: scale(1.1); }
  .lg-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .lg-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .lg-group:hover .lg-group-hover-scale-110 { transform: scale(1.1); }
  .lg-scale-125 { transform: scale(1.25); }
  .lg-hover-scale-125:hover { transform: scale(1.25); }
  .lg-focus-scale-125:focus { transform: scale(1.25); }
  .lg-active-scale-125:active { transform: scale(1.25); }
  .lg-disabled-scale-125:disabled { transform: scale(1.25); }
  .lg-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .lg-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .lg-group:hover .lg-group-hover-scale-125 { transform: scale(1.25); }
  .lg-scale-150 { transform: scale(1.5); }
  .lg-hover-scale-150:hover { transform: scale(1.5); }
  .lg-focus-scale-150:focus { transform: scale(1.5); }
  .lg-active-scale-150:active { transform: scale(1.5); }
  .lg-disabled-scale-150:disabled { transform: scale(1.5); }
  .lg-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .lg-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .lg-group:hover .lg-group-hover-scale-150 { transform: scale(1.5); }
  .lg-skew-x-n45 { transform: skewX(-45deg); }
  .lg-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  .lg-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  .lg-active-skew-x-n45:active { transform: skewX(-45deg); }
  .lg-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  .lg-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  .lg-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  .lg-group:hover .lg-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  .lg-skew-y-n45 { transform: skewY(-45deg); }
  .lg-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  .lg-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  .lg-active-skew-y-n45:active { transform: skewY(-45deg); }
  .lg-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  .lg-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  .lg-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  .lg-group:hover .lg-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  .lg-skew-x-n30 { transform: skewX(-30deg); }
  .lg-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  .lg-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  .lg-active-skew-x-n30:active { transform: skewX(-30deg); }
  .lg-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  .lg-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  .lg-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  .lg-group:hover .lg-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  .lg-skew-y-n30 { transform: skewY(-30deg); }
  .lg-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  .lg-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  .lg-active-skew-y-n30:active { transform: skewY(-30deg); }
  .lg-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  .lg-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  .lg-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  .lg-group:hover .lg-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  .lg-skew-x-n15 { transform: skewX(-15deg); }
  .lg-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  .lg-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  .lg-active-skew-x-n15:active { transform: skewX(-15deg); }
  .lg-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  .lg-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  .lg-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  .lg-group:hover .lg-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  .lg-skew-y-n15 { transform: skewY(-15deg); }
  .lg-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  .lg-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  .lg-active-skew-y-n15:active { transform: skewY(-15deg); }
  .lg-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  .lg-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  .lg-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  .lg-group:hover .lg-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  .lg-skew-x-0 { transform: skewX(0deg); }
  .lg-hover-skew-x-0:hover { transform: skewX(0deg); }
  .lg-focus-skew-x-0:focus { transform: skewX(0deg); }
  .lg-active-skew-x-0:active { transform: skewX(0deg); }
  .lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .lg-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .lg-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .lg-group:hover .lg-group-hover-skew-x-0 { transform: skewX(0deg); }
  .lg-skew-y-0 { transform: skewY(0deg); }
  .lg-hover-skew-y-0:hover { transform: skewY(0deg); }
  .lg-focus-skew-y-0:focus { transform: skewY(0deg); }
  .lg-active-skew-y-0:active { transform: skewY(0deg); }
  .lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .lg-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .lg-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .lg-group:hover .lg-group-hover-skew-y-0 { transform: skewY(0deg); }
  .lg-skew-x-15 { transform: skewX(15deg); }
  .lg-hover-skew-x-15:hover { transform: skewX(15deg); }
  .lg-focus-skew-x-15:focus { transform: skewX(15deg); }
  .lg-active-skew-x-15:active { transform: skewX(15deg); }
  .lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .lg-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .lg-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .lg-group:hover .lg-group-hover-skew-x-15 { transform: skewX(15deg); }
  .lg-skew-y-15 { transform: skewY(15deg); }
  .lg-hover-skew-y-15:hover { transform: skewY(15deg); }
  .lg-focus-skew-y-15:focus { transform: skewY(15deg); }
  .lg-active-skew-y-15:active { transform: skewY(15deg); }
  .lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .lg-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .lg-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .lg-group:hover .lg-group-hover-skew-y-15 { transform: skewY(15deg); }
  .lg-skew-x-30 { transform: skewX(30deg); }
  .lg-hover-skew-x-30:hover { transform: skewX(30deg); }
  .lg-focus-skew-x-30:focus { transform: skewX(30deg); }
  .lg-active-skew-x-30:active { transform: skewX(30deg); }
  .lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .lg-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .lg-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .lg-group:hover .lg-group-hover-skew-x-30 { transform: skewX(30deg); }
  .lg-skew-y-30 { transform: skewY(30deg); }
  .lg-hover-skew-y-30:hover { transform: skewY(30deg); }
  .lg-focus-skew-y-30:focus { transform: skewY(30deg); }
  .lg-active-skew-y-30:active { transform: skewY(30deg); }
  .lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .lg-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .lg-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .lg-group:hover .lg-group-hover-skew-y-30 { transform: skewY(30deg); }
  .lg-skew-x-45 { transform: skewX(45deg); }
  .lg-hover-skew-x-45:hover { transform: skewX(45deg); }
  .lg-focus-skew-x-45:focus { transform: skewX(45deg); }
  .lg-active-skew-x-45:active { transform: skewX(45deg); }
  .lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .lg-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .lg-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .lg-group:hover .lg-group-hover-skew-x-45 { transform: skewX(45deg); }
  .lg-skew-y-45 { transform: skewY(45deg); }
  .lg-hover-skew-y-45:hover { transform: skewY(45deg); }
  .lg-focus-skew-y-45:focus { transform: skewY(45deg); }
  .lg-active-skew-y-45:active { transform: skewY(45deg); }
  .lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .lg-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .lg-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .lg-group:hover .lg-group-hover-skew-y-45 { transform: skewY(45deg); }
  .lg-translate-x-0 { transform: translateX(0rem); }
  .lg-hover-translate-x-0:hover { transform: translateX(0rem); }
  .lg-focus-translate-x-0:focus { transform: translateX(0rem); }
  .lg-active-translate-x-0:active { transform: translateX(0rem); }
  .lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .lg-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .lg-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .lg-group:hover .lg-group-hover-translate-x-0 { transform: translateX(0rem); }
  .lg-translate-y-0 { transform: translateY(0rem); }
  .lg-hover-translate-y-0:hover { transform: translateY(0rem); }
  .lg-focus-translate-y-0:focus { transform: translateY(0rem); }
  .lg-active-translate-y-0:active { transform: translateY(0rem); }
  .lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .lg-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .lg-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .lg-group:hover .lg-group-hover-translate-y-0 { transform: translateY(0rem); }
  .lg-translate-x-0_125 { transform: translateX(0.125rem); }
  .lg-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  .lg-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  .lg-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  .lg-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  .lg-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  .lg-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  .lg-translate-y-0_125 { transform: translateY(0.125rem); }
  .lg-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  .lg-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  .lg-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  .lg-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  .lg-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  .lg-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  .lg-translate-x-0_25 { transform: translateX(0.25rem); }
  .lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .lg-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .lg-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .lg-translate-y-0_25 { transform: translateY(0.25rem); }
  .lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .lg-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .lg-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .lg-translate-x-0_5 { transform: translateX(0.5rem); }
  .lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .lg-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .lg-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .lg-translate-y-0_5 { transform: translateY(0.5rem); }
  .lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .lg-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .lg-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .lg-translate-x-0_75 { transform: translateX(0.75rem); }
  .lg-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  .lg-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  .lg-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  .lg-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  .lg-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  .lg-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  .lg-group:hover .lg-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  .lg-translate-y-0_75 { transform: translateY(0.75rem); }
  .lg-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  .lg-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  .lg-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  .lg-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  .lg-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  .lg-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  .lg-group:hover .lg-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  .lg-translate-x-1 { transform: translateX(1rem); }
  .lg-hover-translate-x-1:hover { transform: translateX(1rem); }
  .lg-focus-translate-x-1:focus { transform: translateX(1rem); }
  .lg-active-translate-x-1:active { transform: translateX(1rem); }
  .lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .lg-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .lg-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .lg-group:hover .lg-group-hover-translate-x-1 { transform: translateX(1rem); }
  .lg-translate-y-1 { transform: translateY(1rem); }
  .lg-hover-translate-y-1:hover { transform: translateY(1rem); }
  .lg-focus-translate-y-1:focus { transform: translateY(1rem); }
  .lg-active-translate-y-1:active { transform: translateY(1rem); }
  .lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .lg-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .lg-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .lg-group:hover .lg-group-hover-translate-y-1 { transform: translateY(1rem); }
  .lg-translate-x-1_5 { transform: translateX(1.5rem); }
  .lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .lg-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .lg-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .lg-group:hover .lg-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .lg-translate-y-1_5 { transform: translateY(1.5rem); }
  .lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .lg-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .lg-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .lg-group:hover .lg-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .lg-translate-x-2 { transform: translateX(2rem); }
  .lg-hover-translate-x-2:hover { transform: translateX(2rem); }
  .lg-focus-translate-x-2:focus { transform: translateX(2rem); }
  .lg-active-translate-x-2:active { transform: translateX(2rem); }
  .lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .lg-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .lg-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .lg-group:hover .lg-group-hover-translate-x-2 { transform: translateX(2rem); }
  .lg-translate-y-2 { transform: translateY(2rem); }
  .lg-hover-translate-y-2:hover { transform: translateY(2rem); }
  .lg-focus-translate-y-2:focus { transform: translateY(2rem); }
  .lg-active-translate-y-2:active { transform: translateY(2rem); }
  .lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .lg-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .lg-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .lg-group:hover .lg-group-hover-translate-y-2 { transform: translateY(2rem); }
  .lg-translate-x-3 { transform: translateX(3rem); }
  .lg-hover-translate-x-3:hover { transform: translateX(3rem); }
  .lg-focus-translate-x-3:focus { transform: translateX(3rem); }
  .lg-active-translate-x-3:active { transform: translateX(3rem); }
  .lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .lg-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .lg-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .lg-group:hover .lg-group-hover-translate-x-3 { transform: translateX(3rem); }
  .lg-translate-y-3 { transform: translateY(3rem); }
  .lg-hover-translate-y-3:hover { transform: translateY(3rem); }
  .lg-focus-translate-y-3:focus { transform: translateY(3rem); }
  .lg-active-translate-y-3:active { transform: translateY(3rem); }
  .lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .lg-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .lg-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .lg-group:hover .lg-group-hover-translate-y-3 { transform: translateY(3rem); }
  .lg-translate-x-4 { transform: translateX(4rem); }
  .lg-hover-translate-x-4:hover { transform: translateX(4rem); }
  .lg-focus-translate-x-4:focus { transform: translateX(4rem); }
  .lg-active-translate-x-4:active { transform: translateX(4rem); }
  .lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .lg-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .lg-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .lg-group:hover .lg-group-hover-translate-x-4 { transform: translateX(4rem); }
  .lg-translate-y-4 { transform: translateY(4rem); }
  .lg-hover-translate-y-4:hover { transform: translateY(4rem); }
  .lg-focus-translate-y-4:focus { transform: translateY(4rem); }
  .lg-active-translate-y-4:active { transform: translateY(4rem); }
  .lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .lg-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .lg-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .lg-group:hover .lg-group-hover-translate-y-4 { transform: translateY(4rem); }
  .lg-origin-center { transform-origin: center; }
  .lg-hover-origin-center:hover { transform-origin: center; }
  .lg-focus-origin-center:focus { transform-origin: center; }
  .lg-active-origin-center:active { transform-origin: center; }
  .lg-disabled-origin-center:disabled { transform-origin: center; }
  .lg-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .lg-focus-within-origin-center:focus-within { transform-origin: center; }
  .lg-group:hover .lg-group-hover-origin-center { transform-origin: center; }
  .lg-origin-top { transform-origin: top; }
  .lg-hover-origin-top:hover { transform-origin: top; }
  .lg-focus-origin-top:focus { transform-origin: top; }
  .lg-active-origin-top:active { transform-origin: top; }
  .lg-disabled-origin-top:disabled { transform-origin: top; }
  .lg-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .lg-focus-within-origin-top:focus-within { transform-origin: top; }
  .lg-group:hover .lg-group-hover-origin-top { transform-origin: top; }
  .lg-origin-bottom { transform-origin: bottom; }
  .lg-hover-origin-bottom:hover { transform-origin: bottom; }
  .lg-focus-origin-bottom:focus { transform-origin: bottom; }
  .lg-active-origin-bottom:active { transform-origin: bottom; }
  .lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .lg-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .lg-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .lg-group:hover .lg-group-hover-origin-bottom { transform-origin: bottom; }
  .lg-origin-left { transform-origin: left; }
  .lg-hover-origin-left:hover { transform-origin: left; }
  .lg-focus-origin-left:focus { transform-origin: left; }
  .lg-active-origin-left:active { transform-origin: left; }
  .lg-disabled-origin-left:disabled { transform-origin: left; }
  .lg-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .lg-focus-within-origin-left:focus-within { transform-origin: left; }
  .lg-group:hover .lg-group-hover-origin-left { transform-origin: left; }
  .lg-origin-right { transform-origin: right; }
  .lg-hover-origin-right:hover { transform-origin: right; }
  .lg-focus-origin-right:focus { transform-origin: right; }
  .lg-active-origin-right:active { transform-origin: right; }
  .lg-disabled-origin-right:disabled { transform-origin: right; }
  .lg-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .lg-focus-within-origin-right:focus-within { transform-origin: right; }
  .lg-group:hover .lg-group-hover-origin-right { transform-origin: right; }
  .lg-origin-top_left { transform-origin: top left; }
  .lg-hover-origin-top_left:hover { transform-origin: top left; }
  .lg-focus-origin-top_left:focus { transform-origin: top left; }
  .lg-active-origin-top_left:active { transform-origin: top left; }
  .lg-disabled-origin-top_left:disabled { transform-origin: top left; }
  .lg-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  .lg-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  .lg-group:hover .lg-group-hover-origin-top_left { transform-origin: top left; }
  .lg-origin-top_right { transform-origin: top right; }
  .lg-hover-origin-top_right:hover { transform-origin: top right; }
  .lg-focus-origin-top_right:focus { transform-origin: top right; }
  .lg-active-origin-top_right:active { transform-origin: top right; }
  .lg-disabled-origin-top_right:disabled { transform-origin: top right; }
  .lg-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  .lg-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  .lg-group:hover .lg-group-hover-origin-top_right { transform-origin: top right; }
  .lg-origin-bottom_left { transform-origin: bottom left; }
  .lg-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  .lg-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  .lg-active-origin-bottom_left:active { transform-origin: bottom left; }
  .lg-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  .lg-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  .lg-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  .lg-group:hover .lg-group-hover-origin-bottom_left { transform-origin: bottom left; }
  .lg-origin-bottom_right { transform-origin: bottom right; }
  .lg-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  .lg-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  .lg-active-origin-bottom_right:active { transform-origin: bottom right; }
  .lg-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  .lg-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  .lg-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  .lg-group:hover .lg-group-hover-origin-bottom_right { transform-origin: bottom right; }
  .lg-transform-style-flat { transform-style: flat; }
  .lg-hover-transform-style-flat:hover { transform-style: flat; }
  .lg-focus-transform-style-flat:focus { transform-style: flat; }
  .lg-active-transform-style-flat:active { transform-style: flat; }
  .lg-disabled-transform-style-flat:disabled { transform-style: flat; }
  .lg-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .lg-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .lg-group:hover .lg-group-hover-transform-style-flat { transform-style: flat; }
  .lg-transform-style-preserve-3d { transform-style: preserve-3d; }
  .lg-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  .lg-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  .lg-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  .lg-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  .lg-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  .lg-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  .lg-group:hover .lg-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  .lg-accent-auto { accent-color: auto; }
  .lg-hover-accent-auto:hover { accent-color: auto; }
  .lg-focus-accent-auto:focus { accent-color: auto; }
  .lg-active-accent-auto:active { accent-color: auto; }
  .lg-disabled-accent-auto:disabled { accent-color: auto; }
  .lg-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .lg-focus-within-accent-auto:focus-within { accent-color: auto; }
  .lg-group:hover .lg-group-hover-accent-auto { accent-color: auto; }
  .lg-accent-transparent { accent-color: transparent; }
  .lg-hover-accent-transparent:hover { accent-color: transparent; }
  .lg-focus-accent-transparent:focus { accent-color: transparent; }
  .lg-active-accent-transparent:active { accent-color: transparent; }
  .lg-disabled-accent-transparent:disabled { accent-color: transparent; }
  .lg-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  .lg-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  .lg-group:hover .lg-group-hover-accent-transparent { accent-color: transparent; }
  .lg-accent-red-50 { accent-color: var(--quanta-red-50); }
  .lg-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  .lg-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  .lg-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  .lg-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  .lg-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  .lg-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  .lg-accent-red-100 { accent-color: var(--quanta-red-100); }
  .lg-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  .lg-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  .lg-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  .lg-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  .lg-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  .lg-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  .lg-accent-red-200 { accent-color: var(--quanta-red-200); }
  .lg-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  .lg-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  .lg-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  .lg-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  .lg-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  .lg-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  .lg-accent-red-300 { accent-color: var(--quanta-red-300); }
  .lg-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  .lg-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  .lg-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  .lg-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  .lg-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  .lg-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  .lg-accent-red-400 { accent-color: var(--quanta-red-400); }
  .lg-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  .lg-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  .lg-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  .lg-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  .lg-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  .lg-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  .lg-accent-red-500 { accent-color: var(--quanta-red-500); }
  .lg-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  .lg-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  .lg-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  .lg-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  .lg-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  .lg-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  .lg-accent-red-600 { accent-color: var(--quanta-red-600); }
  .lg-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  .lg-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  .lg-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  .lg-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  .lg-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  .lg-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  .lg-accent-red-700 { accent-color: var(--quanta-red-700); }
  .lg-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  .lg-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  .lg-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  .lg-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  .lg-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  .lg-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  .lg-accent-red-800 { accent-color: var(--quanta-red-800); }
  .lg-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  .lg-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  .lg-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  .lg-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  .lg-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  .lg-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  .lg-accent-red-900 { accent-color: var(--quanta-red-900); }
  .lg-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  .lg-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  .lg-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  .lg-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  .lg-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  .lg-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  .lg-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .lg-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  .lg-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  .lg-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  .lg-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  .lg-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  .lg-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .lg-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .lg-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  .lg-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  .lg-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  .lg-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  .lg-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  .lg-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .lg-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .lg-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  .lg-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  .lg-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  .lg-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  .lg-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  .lg-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .lg-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .lg-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  .lg-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  .lg-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  .lg-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  .lg-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  .lg-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .lg-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .lg-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  .lg-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  .lg-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  .lg-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  .lg-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  .lg-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .lg-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .lg-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  .lg-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  .lg-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  .lg-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  .lg-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  .lg-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .lg-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .lg-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  .lg-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  .lg-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  .lg-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  .lg-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  .lg-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .lg-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .lg-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  .lg-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  .lg-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  .lg-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  .lg-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  .lg-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .lg-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .lg-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  .lg-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  .lg-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  .lg-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  .lg-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  .lg-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .lg-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .lg-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  .lg-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  .lg-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  .lg-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  .lg-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  .lg-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .lg-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .lg-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  .lg-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  .lg-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  .lg-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  .lg-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  .lg-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .lg-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .lg-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  .lg-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  .lg-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  .lg-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  .lg-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  .lg-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .lg-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .lg-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  .lg-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  .lg-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  .lg-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  .lg-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  .lg-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .lg-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .lg-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  .lg-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  .lg-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  .lg-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  .lg-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  .lg-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .lg-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .lg-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  .lg-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  .lg-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  .lg-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  .lg-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  .lg-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .lg-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .lg-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  .lg-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  .lg-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  .lg-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  .lg-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  .lg-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .lg-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .lg-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  .lg-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  .lg-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  .lg-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  .lg-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  .lg-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .lg-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .lg-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  .lg-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  .lg-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  .lg-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  .lg-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  .lg-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .lg-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .lg-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  .lg-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  .lg-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  .lg-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  .lg-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  .lg-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .lg-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .lg-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  .lg-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  .lg-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  .lg-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  .lg-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  .lg-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .lg-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .lg-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  .lg-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  .lg-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  .lg-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  .lg-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  .lg-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .lg-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .lg-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  .lg-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  .lg-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  .lg-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  .lg-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  .lg-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .lg-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .lg-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  .lg-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  .lg-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  .lg-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  .lg-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  .lg-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .lg-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .lg-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  .lg-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  .lg-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  .lg-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  .lg-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  .lg-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .lg-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .lg-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  .lg-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  .lg-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  .lg-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  .lg-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  .lg-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .lg-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .lg-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  .lg-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  .lg-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  .lg-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  .lg-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  .lg-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .lg-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .lg-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  .lg-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  .lg-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  .lg-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  .lg-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  .lg-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .lg-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .lg-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  .lg-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  .lg-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  .lg-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  .lg-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  .lg-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .lg-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .lg-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  .lg-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  .lg-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  .lg-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  .lg-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  .lg-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .lg-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .lg-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  .lg-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  .lg-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  .lg-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  .lg-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  .lg-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .lg-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .lg-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  .lg-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  .lg-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  .lg-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  .lg-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  .lg-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .lg-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .lg-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  .lg-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  .lg-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  .lg-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  .lg-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  .lg-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .lg-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .lg-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  .lg-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  .lg-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  .lg-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  .lg-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  .lg-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .lg-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .lg-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  .lg-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  .lg-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  .lg-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  .lg-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  .lg-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .lg-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .lg-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  .lg-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  .lg-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  .lg-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  .lg-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  .lg-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .lg-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .lg-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  .lg-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  .lg-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  .lg-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  .lg-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  .lg-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .lg-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .lg-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  .lg-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  .lg-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  .lg-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  .lg-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  .lg-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .lg-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .lg-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  .lg-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  .lg-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  .lg-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  .lg-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  .lg-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .lg-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .lg-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  .lg-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  .lg-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  .lg-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  .lg-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  .lg-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .lg-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .lg-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  .lg-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  .lg-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  .lg-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  .lg-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  .lg-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .lg-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .lg-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  .lg-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  .lg-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  .lg-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  .lg-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  .lg-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .lg-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .lg-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  .lg-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  .lg-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  .lg-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  .lg-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  .lg-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .lg-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .lg-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  .lg-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  .lg-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  .lg-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  .lg-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  .lg-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .lg-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .lg-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  .lg-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  .lg-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  .lg-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  .lg-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  .lg-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .lg-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .lg-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  .lg-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  .lg-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  .lg-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  .lg-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  .lg-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .lg-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .lg-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  .lg-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  .lg-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  .lg-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  .lg-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  .lg-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .lg-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .lg-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  .lg-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  .lg-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  .lg-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  .lg-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  .lg-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .lg-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .lg-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  .lg-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  .lg-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  .lg-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  .lg-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  .lg-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .lg-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .lg-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  .lg-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  .lg-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  .lg-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  .lg-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  .lg-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .lg-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .lg-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  .lg-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  .lg-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  .lg-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  .lg-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  .lg-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .lg-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .lg-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  .lg-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  .lg-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  .lg-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  .lg-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  .lg-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .lg-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .lg-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  .lg-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  .lg-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  .lg-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  .lg-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  .lg-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .lg-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .lg-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  .lg-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  .lg-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  .lg-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  .lg-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  .lg-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .lg-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .lg-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  .lg-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  .lg-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  .lg-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  .lg-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  .lg-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .lg-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .lg-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  .lg-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  .lg-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  .lg-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  .lg-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  .lg-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .lg-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .lg-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  .lg-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  .lg-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  .lg-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  .lg-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  .lg-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .lg-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .lg-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  .lg-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  .lg-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  .lg-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  .lg-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  .lg-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .lg-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .lg-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  .lg-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  .lg-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  .lg-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  .lg-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  .lg-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .lg-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .lg-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  .lg-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  .lg-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  .lg-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  .lg-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  .lg-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .lg-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .lg-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  .lg-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  .lg-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  .lg-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  .lg-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  .lg-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .lg-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .lg-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  .lg-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  .lg-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  .lg-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  .lg-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  .lg-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .lg-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .lg-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  .lg-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  .lg-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  .lg-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  .lg-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  .lg-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .lg-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .lg-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  .lg-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  .lg-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  .lg-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  .lg-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  .lg-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .lg-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .lg-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  .lg-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  .lg-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  .lg-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  .lg-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  .lg-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .lg-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .lg-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  .lg-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  .lg-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  .lg-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  .lg-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  .lg-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .lg-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .lg-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  .lg-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  .lg-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  .lg-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  .lg-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  .lg-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .lg-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .lg-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  .lg-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  .lg-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  .lg-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  .lg-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  .lg-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .lg-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .lg-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  .lg-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  .lg-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  .lg-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  .lg-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  .lg-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .lg-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .lg-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  .lg-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  .lg-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  .lg-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  .lg-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  .lg-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .lg-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .lg-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  .lg-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  .lg-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  .lg-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  .lg-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  .lg-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .lg-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .lg-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  .lg-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  .lg-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  .lg-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  .lg-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  .lg-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .lg-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .lg-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  .lg-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  .lg-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  .lg-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  .lg-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  .lg-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .lg-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .lg-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  .lg-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  .lg-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  .lg-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  .lg-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  .lg-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .lg-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .lg-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  .lg-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  .lg-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  .lg-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  .lg-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  .lg-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .lg-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .lg-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  .lg-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  .lg-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  .lg-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  .lg-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  .lg-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .lg-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .lg-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  .lg-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  .lg-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  .lg-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  .lg-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  .lg-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .lg-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .lg-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  .lg-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  .lg-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  .lg-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  .lg-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  .lg-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .lg-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .lg-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  .lg-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  .lg-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  .lg-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  .lg-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  .lg-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .lg-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .lg-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  .lg-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  .lg-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  .lg-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  .lg-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  .lg-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .lg-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .lg-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  .lg-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  .lg-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  .lg-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  .lg-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  .lg-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .lg-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .lg-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  .lg-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  .lg-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  .lg-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  .lg-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  .lg-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .lg-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .lg-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  .lg-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  .lg-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  .lg-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  .lg-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  .lg-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .lg-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .lg-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  .lg-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  .lg-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  .lg-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  .lg-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  .lg-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .lg-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .lg-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  .lg-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  .lg-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  .lg-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  .lg-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  .lg-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .lg-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .lg-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  .lg-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  .lg-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  .lg-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  .lg-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  .lg-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .lg-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .lg-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  .lg-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  .lg-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  .lg-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  .lg-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  .lg-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .lg-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .lg-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  .lg-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  .lg-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  .lg-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  .lg-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  .lg-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .lg-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .lg-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  .lg-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  .lg-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  .lg-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  .lg-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  .lg-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .lg-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .lg-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  .lg-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  .lg-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  .lg-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  .lg-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  .lg-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .lg-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .lg-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  .lg-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  .lg-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  .lg-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  .lg-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  .lg-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .lg-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .lg-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  .lg-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  .lg-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  .lg-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  .lg-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  .lg-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .lg-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .lg-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  .lg-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  .lg-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  .lg-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  .lg-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  .lg-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .lg-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .lg-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  .lg-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  .lg-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  .lg-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  .lg-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  .lg-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .lg-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .lg-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  .lg-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  .lg-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  .lg-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  .lg-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  .lg-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .lg-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .lg-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  .lg-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  .lg-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  .lg-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  .lg-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  .lg-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .lg-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .lg-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  .lg-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  .lg-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  .lg-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  .lg-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  .lg-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .lg-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .lg-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  .lg-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  .lg-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  .lg-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  .lg-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  .lg-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .lg-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .lg-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  .lg-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  .lg-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  .lg-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  .lg-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  .lg-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .lg-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .lg-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  .lg-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  .lg-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  .lg-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  .lg-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  .lg-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .lg-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .lg-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  .lg-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  .lg-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  .lg-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  .lg-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  .lg-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .lg-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .lg-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  .lg-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  .lg-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  .lg-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  .lg-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  .lg-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .lg-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .lg-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  .lg-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  .lg-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  .lg-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  .lg-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  .lg-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .lg-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .lg-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  .lg-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  .lg-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  .lg-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  .lg-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  .lg-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .lg-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .lg-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  .lg-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  .lg-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  .lg-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  .lg-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  .lg-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .lg-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .lg-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  .lg-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  .lg-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  .lg-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  .lg-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  .lg-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .lg-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .lg-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  .lg-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  .lg-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  .lg-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  .lg-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  .lg-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .lg-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .lg-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  .lg-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  .lg-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  .lg-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  .lg-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  .lg-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .lg-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .lg-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  .lg-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  .lg-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  .lg-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  .lg-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  .lg-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .lg-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .lg-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  .lg-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  .lg-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  .lg-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  .lg-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  .lg-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .lg-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .lg-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  .lg-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  .lg-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  .lg-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  .lg-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  .lg-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .lg-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .lg-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  .lg-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  .lg-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  .lg-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  .lg-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  .lg-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .lg-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .lg-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  .lg-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  .lg-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  .lg-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  .lg-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  .lg-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .lg-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .lg-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  .lg-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  .lg-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  .lg-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  .lg-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  .lg-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .lg-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .lg-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  .lg-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  .lg-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  .lg-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  .lg-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  .lg-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .lg-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .lg-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  .lg-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  .lg-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  .lg-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  .lg-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  .lg-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .lg-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .lg-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  .lg-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  .lg-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  .lg-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  .lg-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  .lg-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .lg-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .lg-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  .lg-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  .lg-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  .lg-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  .lg-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  .lg-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .lg-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .lg-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  .lg-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  .lg-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  .lg-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  .lg-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  .lg-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .lg-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .lg-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  .lg-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  .lg-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  .lg-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  .lg-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  .lg-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .lg-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .lg-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  .lg-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  .lg-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  .lg-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  .lg-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  .lg-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .lg-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .lg-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  .lg-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  .lg-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  .lg-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  .lg-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  .lg-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .lg-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .lg-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  .lg-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  .lg-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  .lg-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  .lg-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  .lg-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .lg-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .lg-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  .lg-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  .lg-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  .lg-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  .lg-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  .lg-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .lg-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .lg-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  .lg-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  .lg-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  .lg-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  .lg-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  .lg-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .lg-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .lg-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  .lg-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  .lg-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  .lg-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  .lg-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  .lg-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .lg-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .lg-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  .lg-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  .lg-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  .lg-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  .lg-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  .lg-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .lg-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .lg-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  .lg-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  .lg-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  .lg-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  .lg-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  .lg-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .lg-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .lg-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  .lg-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  .lg-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  .lg-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  .lg-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  .lg-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .lg-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .lg-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  .lg-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  .lg-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  .lg-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  .lg-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  .lg-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .lg-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .lg-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  .lg-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  .lg-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  .lg-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  .lg-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  .lg-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .lg-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .lg-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  .lg-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  .lg-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  .lg-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  .lg-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  .lg-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .lg-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .lg-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  .lg-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  .lg-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  .lg-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  .lg-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  .lg-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .lg-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .lg-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  .lg-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  .lg-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  .lg-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  .lg-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  .lg-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .lg-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .lg-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  .lg-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  .lg-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  .lg-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  .lg-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  .lg-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .lg-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .lg-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  .lg-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  .lg-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  .lg-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  .lg-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  .lg-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .lg-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .lg-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  .lg-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  .lg-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  .lg-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  .lg-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  .lg-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .lg-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .lg-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  .lg-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  .lg-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  .lg-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  .lg-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  .lg-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .lg-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .lg-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  .lg-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  .lg-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  .lg-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  .lg-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  .lg-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .lg-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .lg-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  .lg-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  .lg-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  .lg-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  .lg-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  .lg-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .lg-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .lg-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  .lg-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  .lg-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  .lg-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  .lg-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  .lg-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .lg-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .lg-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  .lg-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  .lg-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  .lg-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  .lg-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  .lg-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .lg-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .lg-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  .lg-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  .lg-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  .lg-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  .lg-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  .lg-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .lg-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .lg-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  .lg-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  .lg-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  .lg-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  .lg-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  .lg-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .lg-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .lg-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  .lg-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  .lg-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  .lg-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  .lg-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  .lg-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .lg-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .lg-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  .lg-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  .lg-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  .lg-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  .lg-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  .lg-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .lg-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .lg-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  .lg-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  .lg-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  .lg-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  .lg-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  .lg-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .lg-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .lg-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  .lg-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  .lg-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  .lg-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  .lg-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  .lg-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .lg-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .lg-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  .lg-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  .lg-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  .lg-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  .lg-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  .lg-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .lg-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .lg-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  .lg-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  .lg-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  .lg-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  .lg-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  .lg-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .lg-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .lg-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  .lg-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  .lg-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  .lg-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  .lg-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  .lg-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .lg-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .lg-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  .lg-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  .lg-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  .lg-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  .lg-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  .lg-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .lg-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .lg-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  .lg-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  .lg-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  .lg-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  .lg-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  .lg-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .lg-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .lg-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  .lg-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  .lg-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  .lg-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  .lg-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  .lg-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .lg-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .lg-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  .lg-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  .lg-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  .lg-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  .lg-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  .lg-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .lg-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .lg-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  .lg-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  .lg-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  .lg-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  .lg-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  .lg-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .lg-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .lg-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  .lg-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  .lg-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  .lg-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  .lg-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  .lg-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .lg-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .lg-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  .lg-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  .lg-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  .lg-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  .lg-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  .lg-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .lg-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .lg-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  .lg-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  .lg-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  .lg-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  .lg-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  .lg-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .lg-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .lg-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  .lg-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  .lg-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  .lg-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  .lg-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  .lg-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .lg-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .lg-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  .lg-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  .lg-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  .lg-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  .lg-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  .lg-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .lg-accent-green-50 { accent-color: var(--quanta-green-50); }
  .lg-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  .lg-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  .lg-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  .lg-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  .lg-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  .lg-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  .lg-accent-green-100 { accent-color: var(--quanta-green-100); }
  .lg-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  .lg-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  .lg-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  .lg-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  .lg-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  .lg-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  .lg-accent-green-200 { accent-color: var(--quanta-green-200); }
  .lg-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  .lg-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  .lg-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  .lg-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  .lg-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  .lg-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  .lg-accent-green-300 { accent-color: var(--quanta-green-300); }
  .lg-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  .lg-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  .lg-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  .lg-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  .lg-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  .lg-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  .lg-accent-green-400 { accent-color: var(--quanta-green-400); }
  .lg-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  .lg-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  .lg-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  .lg-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  .lg-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  .lg-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  .lg-accent-green-500 { accent-color: var(--quanta-green-500); }
  .lg-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  .lg-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  .lg-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  .lg-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  .lg-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  .lg-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  .lg-accent-green-600 { accent-color: var(--quanta-green-600); }
  .lg-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  .lg-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  .lg-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  .lg-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  .lg-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  .lg-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  .lg-accent-green-700 { accent-color: var(--quanta-green-700); }
  .lg-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  .lg-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  .lg-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  .lg-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  .lg-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  .lg-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  .lg-accent-green-800 { accent-color: var(--quanta-green-800); }
  .lg-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  .lg-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  .lg-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  .lg-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  .lg-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  .lg-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  .lg-accent-green-900 { accent-color: var(--quanta-green-900); }
  .lg-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  .lg-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  .lg-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  .lg-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  .lg-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  .lg-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  .lg-appearance-none { appearance: none; }
  .lg-hover-appearance-none:hover { appearance: none; }
  .lg-focus-appearance-none:focus { appearance: none; }
  .lg-active-appearance-none:active { appearance: none; }
  .lg-disabled-appearance-none:disabled { appearance: none; }
  .lg-focus-visible-appearance-none:focus-visible { appearance: none; }
  .lg-focus-within-appearance-none:focus-within { appearance: none; }
  .lg-group:hover .lg-group-hover-appearance-none { appearance: none; }
  .lg-appearance-auto { appearance: auto; }
  .lg-hover-appearance-auto:hover { appearance: auto; }
  .lg-focus-appearance-auto:focus { appearance: auto; }
  .lg-active-appearance-auto:active { appearance: auto; }
  .lg-disabled-appearance-auto:disabled { appearance: auto; }
  .lg-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  .lg-focus-within-appearance-auto:focus-within { appearance: auto; }
  .lg-group:hover .lg-group-hover-appearance-auto { appearance: auto; }
  .lg-caret-red-50 { caret-color: var(--quanta-red-50); }
  .lg-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  .lg-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  .lg-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  .lg-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  .lg-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  .lg-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  .lg-group:hover .lg-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  .lg-caret-red-100 { caret-color: var(--quanta-red-100); }
  .lg-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  .lg-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  .lg-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  .lg-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  .lg-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  .lg-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  .lg-group:hover .lg-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  .lg-caret-red-200 { caret-color: var(--quanta-red-200); }
  .lg-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  .lg-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  .lg-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  .lg-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  .lg-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  .lg-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  .lg-group:hover .lg-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  .lg-caret-red-300 { caret-color: var(--quanta-red-300); }
  .lg-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  .lg-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  .lg-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  .lg-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  .lg-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  .lg-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  .lg-group:hover .lg-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  .lg-caret-red-400 { caret-color: var(--quanta-red-400); }
  .lg-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  .lg-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  .lg-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  .lg-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  .lg-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  .lg-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  .lg-group:hover .lg-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  .lg-caret-red-500 { caret-color: var(--quanta-red-500); }
  .lg-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  .lg-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  .lg-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  .lg-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  .lg-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  .lg-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  .lg-group:hover .lg-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  .lg-caret-red-600 { caret-color: var(--quanta-red-600); }
  .lg-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  .lg-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  .lg-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  .lg-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  .lg-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  .lg-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  .lg-group:hover .lg-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  .lg-caret-red-700 { caret-color: var(--quanta-red-700); }
  .lg-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  .lg-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  .lg-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  .lg-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  .lg-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  .lg-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  .lg-group:hover .lg-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  .lg-caret-red-800 { caret-color: var(--quanta-red-800); }
  .lg-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  .lg-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  .lg-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  .lg-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  .lg-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  .lg-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  .lg-group:hover .lg-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  .lg-caret-red-900 { caret-color: var(--quanta-red-900); }
  .lg-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  .lg-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  .lg-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  .lg-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  .lg-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  .lg-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  .lg-group:hover .lg-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  .lg-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .lg-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  .lg-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  .lg-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  .lg-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  .lg-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  .lg-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  .lg-group:hover .lg-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .lg-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .lg-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  .lg-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  .lg-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  .lg-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  .lg-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  .lg-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  .lg-group:hover .lg-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .lg-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .lg-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  .lg-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  .lg-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  .lg-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  .lg-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  .lg-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  .lg-group:hover .lg-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .lg-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .lg-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  .lg-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  .lg-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  .lg-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  .lg-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  .lg-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  .lg-group:hover .lg-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .lg-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .lg-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  .lg-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  .lg-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  .lg-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  .lg-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  .lg-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  .lg-group:hover .lg-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .lg-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .lg-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  .lg-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  .lg-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  .lg-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  .lg-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  .lg-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  .lg-group:hover .lg-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .lg-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .lg-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  .lg-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  .lg-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  .lg-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  .lg-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  .lg-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  .lg-group:hover .lg-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .lg-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .lg-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  .lg-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  .lg-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  .lg-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  .lg-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  .lg-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  .lg-group:hover .lg-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .lg-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .lg-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  .lg-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  .lg-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  .lg-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  .lg-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  .lg-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  .lg-group:hover .lg-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .lg-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .lg-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  .lg-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  .lg-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  .lg-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  .lg-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  .lg-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  .lg-group:hover .lg-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .lg-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .lg-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  .lg-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  .lg-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  .lg-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  .lg-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  .lg-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  .lg-group:hover .lg-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .lg-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .lg-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  .lg-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  .lg-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  .lg-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  .lg-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  .lg-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  .lg-group:hover .lg-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .lg-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .lg-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  .lg-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  .lg-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  .lg-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  .lg-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  .lg-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  .lg-group:hover .lg-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .lg-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .lg-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  .lg-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  .lg-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  .lg-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  .lg-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  .lg-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  .lg-group:hover .lg-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .lg-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .lg-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  .lg-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  .lg-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  .lg-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  .lg-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  .lg-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  .lg-group:hover .lg-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .lg-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .lg-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  .lg-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  .lg-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  .lg-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  .lg-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  .lg-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  .lg-group:hover .lg-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .lg-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .lg-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  .lg-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  .lg-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  .lg-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  .lg-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  .lg-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  .lg-group:hover .lg-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .lg-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .lg-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  .lg-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  .lg-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  .lg-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  .lg-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  .lg-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  .lg-group:hover .lg-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .lg-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .lg-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  .lg-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  .lg-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  .lg-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  .lg-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  .lg-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  .lg-group:hover .lg-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .lg-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .lg-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  .lg-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  .lg-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  .lg-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  .lg-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  .lg-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  .lg-group:hover .lg-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .lg-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .lg-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  .lg-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  .lg-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  .lg-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  .lg-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  .lg-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  .lg-group:hover .lg-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .lg-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .lg-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  .lg-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  .lg-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  .lg-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  .lg-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  .lg-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  .lg-group:hover .lg-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .lg-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .lg-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  .lg-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  .lg-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  .lg-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  .lg-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  .lg-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  .lg-group:hover .lg-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .lg-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .lg-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  .lg-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  .lg-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  .lg-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  .lg-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  .lg-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  .lg-group:hover .lg-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .lg-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .lg-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  .lg-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  .lg-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  .lg-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  .lg-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  .lg-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  .lg-group:hover .lg-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .lg-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .lg-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  .lg-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  .lg-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  .lg-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  .lg-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  .lg-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  .lg-group:hover .lg-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .lg-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .lg-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  .lg-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  .lg-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  .lg-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  .lg-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  .lg-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  .lg-group:hover .lg-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .lg-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .lg-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  .lg-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  .lg-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  .lg-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  .lg-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  .lg-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  .lg-group:hover .lg-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .lg-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .lg-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  .lg-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  .lg-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  .lg-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  .lg-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  .lg-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  .lg-group:hover .lg-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .lg-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .lg-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  .lg-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  .lg-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  .lg-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  .lg-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  .lg-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  .lg-group:hover .lg-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .lg-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .lg-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  .lg-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  .lg-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  .lg-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  .lg-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  .lg-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  .lg-group:hover .lg-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .lg-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .lg-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  .lg-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  .lg-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  .lg-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  .lg-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  .lg-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  .lg-group:hover .lg-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .lg-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .lg-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  .lg-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  .lg-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  .lg-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  .lg-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  .lg-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  .lg-group:hover .lg-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .lg-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .lg-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  .lg-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  .lg-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  .lg-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  .lg-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  .lg-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  .lg-group:hover .lg-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .lg-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .lg-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  .lg-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  .lg-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  .lg-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  .lg-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  .lg-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  .lg-group:hover .lg-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .lg-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .lg-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  .lg-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  .lg-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  .lg-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  .lg-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  .lg-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  .lg-group:hover .lg-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .lg-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .lg-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  .lg-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  .lg-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  .lg-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  .lg-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  .lg-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  .lg-group:hover .lg-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .lg-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .lg-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  .lg-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  .lg-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  .lg-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  .lg-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  .lg-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  .lg-group:hover .lg-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .lg-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .lg-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  .lg-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  .lg-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  .lg-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  .lg-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  .lg-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  .lg-group:hover .lg-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .lg-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .lg-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  .lg-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  .lg-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  .lg-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  .lg-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  .lg-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  .lg-group:hover .lg-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .lg-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .lg-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  .lg-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  .lg-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  .lg-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  .lg-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  .lg-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  .lg-group:hover .lg-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .lg-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .lg-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  .lg-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  .lg-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  .lg-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  .lg-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  .lg-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  .lg-group:hover .lg-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .lg-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .lg-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  .lg-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  .lg-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  .lg-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  .lg-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  .lg-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  .lg-group:hover .lg-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .lg-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .lg-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  .lg-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  .lg-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  .lg-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  .lg-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  .lg-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  .lg-group:hover .lg-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .lg-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .lg-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  .lg-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  .lg-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  .lg-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  .lg-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  .lg-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  .lg-group:hover .lg-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .lg-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .lg-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  .lg-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  .lg-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  .lg-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  .lg-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  .lg-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  .lg-group:hover .lg-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .lg-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .lg-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  .lg-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  .lg-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  .lg-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  .lg-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  .lg-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  .lg-group:hover .lg-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .lg-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .lg-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  .lg-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  .lg-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  .lg-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  .lg-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  .lg-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  .lg-group:hover .lg-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .lg-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .lg-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  .lg-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  .lg-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  .lg-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  .lg-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  .lg-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  .lg-group:hover .lg-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .lg-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .lg-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  .lg-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  .lg-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  .lg-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  .lg-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  .lg-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  .lg-group:hover .lg-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .lg-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .lg-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  .lg-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  .lg-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  .lg-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  .lg-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  .lg-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  .lg-group:hover .lg-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .lg-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .lg-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  .lg-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  .lg-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  .lg-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  .lg-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  .lg-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  .lg-group:hover .lg-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .lg-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .lg-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  .lg-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  .lg-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  .lg-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  .lg-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  .lg-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  .lg-group:hover .lg-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .lg-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .lg-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  .lg-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  .lg-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  .lg-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  .lg-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  .lg-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  .lg-group:hover .lg-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .lg-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .lg-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  .lg-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  .lg-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  .lg-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  .lg-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  .lg-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  .lg-group:hover .lg-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .lg-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .lg-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  .lg-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  .lg-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  .lg-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  .lg-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  .lg-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  .lg-group:hover .lg-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .lg-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .lg-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  .lg-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  .lg-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  .lg-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  .lg-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  .lg-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  .lg-group:hover .lg-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .lg-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .lg-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  .lg-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  .lg-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  .lg-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  .lg-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  .lg-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  .lg-group:hover .lg-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .lg-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .lg-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  .lg-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  .lg-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  .lg-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  .lg-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  .lg-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  .lg-group:hover .lg-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .lg-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .lg-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  .lg-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  .lg-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  .lg-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  .lg-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  .lg-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  .lg-group:hover .lg-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .lg-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .lg-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  .lg-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  .lg-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  .lg-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  .lg-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  .lg-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  .lg-group:hover .lg-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .lg-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .lg-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  .lg-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  .lg-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  .lg-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  .lg-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  .lg-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  .lg-group:hover .lg-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .lg-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .lg-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  .lg-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  .lg-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  .lg-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  .lg-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  .lg-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  .lg-group:hover .lg-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .lg-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .lg-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  .lg-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  .lg-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  .lg-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  .lg-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  .lg-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  .lg-group:hover .lg-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .lg-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .lg-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  .lg-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  .lg-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  .lg-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  .lg-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  .lg-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  .lg-group:hover .lg-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .lg-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .lg-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  .lg-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  .lg-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  .lg-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  .lg-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  .lg-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  .lg-group:hover .lg-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .lg-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .lg-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  .lg-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  .lg-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  .lg-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  .lg-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  .lg-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  .lg-group:hover .lg-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .lg-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .lg-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  .lg-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  .lg-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  .lg-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  .lg-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  .lg-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  .lg-group:hover .lg-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .lg-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .lg-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  .lg-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  .lg-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  .lg-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  .lg-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  .lg-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  .lg-group:hover .lg-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .lg-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .lg-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  .lg-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  .lg-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  .lg-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  .lg-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  .lg-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  .lg-group:hover .lg-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .lg-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .lg-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  .lg-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  .lg-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  .lg-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  .lg-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  .lg-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  .lg-group:hover .lg-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .lg-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .lg-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  .lg-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  .lg-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  .lg-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  .lg-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  .lg-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  .lg-group:hover .lg-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .lg-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .lg-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  .lg-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  .lg-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  .lg-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  .lg-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  .lg-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  .lg-group:hover .lg-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .lg-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .lg-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  .lg-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  .lg-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  .lg-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  .lg-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  .lg-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  .lg-group:hover .lg-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .lg-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .lg-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  .lg-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  .lg-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  .lg-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  .lg-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  .lg-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  .lg-group:hover .lg-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .lg-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .lg-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  .lg-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  .lg-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  .lg-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  .lg-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  .lg-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  .lg-group:hover .lg-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .lg-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .lg-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  .lg-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  .lg-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  .lg-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  .lg-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  .lg-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  .lg-group:hover .lg-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .lg-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .lg-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  .lg-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  .lg-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  .lg-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  .lg-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  .lg-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  .lg-group:hover .lg-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .lg-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .lg-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  .lg-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  .lg-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  .lg-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  .lg-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  .lg-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  .lg-group:hover .lg-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .lg-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .lg-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  .lg-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  .lg-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  .lg-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  .lg-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  .lg-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  .lg-group:hover .lg-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .lg-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .lg-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  .lg-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  .lg-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  .lg-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  .lg-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  .lg-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  .lg-group:hover .lg-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .lg-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .lg-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  .lg-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  .lg-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  .lg-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  .lg-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  .lg-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  .lg-group:hover .lg-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .lg-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .lg-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  .lg-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  .lg-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  .lg-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  .lg-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  .lg-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  .lg-group:hover .lg-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .lg-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .lg-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  .lg-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  .lg-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  .lg-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  .lg-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  .lg-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  .lg-group:hover .lg-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .lg-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .lg-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  .lg-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  .lg-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  .lg-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  .lg-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  .lg-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  .lg-group:hover .lg-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .lg-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .lg-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  .lg-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  .lg-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  .lg-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  .lg-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  .lg-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  .lg-group:hover .lg-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .lg-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .lg-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  .lg-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  .lg-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  .lg-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  .lg-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  .lg-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  .lg-group:hover .lg-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .lg-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .lg-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  .lg-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  .lg-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  .lg-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  .lg-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  .lg-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  .lg-group:hover .lg-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .lg-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .lg-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  .lg-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  .lg-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  .lg-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  .lg-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  .lg-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  .lg-group:hover .lg-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .lg-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .lg-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  .lg-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  .lg-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  .lg-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  .lg-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  .lg-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  .lg-group:hover .lg-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .lg-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .lg-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  .lg-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  .lg-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  .lg-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  .lg-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  .lg-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  .lg-group:hover .lg-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .lg-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .lg-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  .lg-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  .lg-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  .lg-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  .lg-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  .lg-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  .lg-group:hover .lg-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .lg-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .lg-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  .lg-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  .lg-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  .lg-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  .lg-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  .lg-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  .lg-group:hover .lg-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .lg-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .lg-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  .lg-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  .lg-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  .lg-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  .lg-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  .lg-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  .lg-group:hover .lg-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .lg-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .lg-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  .lg-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  .lg-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  .lg-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  .lg-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  .lg-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  .lg-group:hover .lg-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .lg-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .lg-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  .lg-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  .lg-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  .lg-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  .lg-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  .lg-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  .lg-group:hover .lg-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .lg-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .lg-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  .lg-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  .lg-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  .lg-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  .lg-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  .lg-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  .lg-group:hover .lg-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .lg-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .lg-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  .lg-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  .lg-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  .lg-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  .lg-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  .lg-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  .lg-group:hover .lg-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .lg-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .lg-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  .lg-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  .lg-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  .lg-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  .lg-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  .lg-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  .lg-group:hover .lg-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .lg-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .lg-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  .lg-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  .lg-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  .lg-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  .lg-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  .lg-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  .lg-group:hover .lg-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .lg-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .lg-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  .lg-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  .lg-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  .lg-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  .lg-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  .lg-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  .lg-group:hover .lg-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .lg-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .lg-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  .lg-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  .lg-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  .lg-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  .lg-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  .lg-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  .lg-group:hover .lg-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .lg-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .lg-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  .lg-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  .lg-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  .lg-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  .lg-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  .lg-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  .lg-group:hover .lg-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .lg-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .lg-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  .lg-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  .lg-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  .lg-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  .lg-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  .lg-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  .lg-group:hover .lg-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .lg-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .lg-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  .lg-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  .lg-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  .lg-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  .lg-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  .lg-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  .lg-group:hover .lg-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .lg-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .lg-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  .lg-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  .lg-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  .lg-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  .lg-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  .lg-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  .lg-group:hover .lg-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .lg-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .lg-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  .lg-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  .lg-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  .lg-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  .lg-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  .lg-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  .lg-group:hover .lg-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .lg-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .lg-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  .lg-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  .lg-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  .lg-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  .lg-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  .lg-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  .lg-group:hover .lg-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .lg-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .lg-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  .lg-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  .lg-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  .lg-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  .lg-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  .lg-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  .lg-group:hover .lg-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .lg-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .lg-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  .lg-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  .lg-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  .lg-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  .lg-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  .lg-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  .lg-group:hover .lg-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .lg-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .lg-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  .lg-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  .lg-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  .lg-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  .lg-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  .lg-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  .lg-group:hover .lg-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .lg-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .lg-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  .lg-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  .lg-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  .lg-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  .lg-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  .lg-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  .lg-group:hover .lg-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .lg-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .lg-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  .lg-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  .lg-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  .lg-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  .lg-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  .lg-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  .lg-group:hover .lg-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .lg-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .lg-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  .lg-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  .lg-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  .lg-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  .lg-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  .lg-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  .lg-group:hover .lg-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .lg-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .lg-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  .lg-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  .lg-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  .lg-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  .lg-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  .lg-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  .lg-group:hover .lg-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .lg-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .lg-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  .lg-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  .lg-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  .lg-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  .lg-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  .lg-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  .lg-group:hover .lg-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .lg-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .lg-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  .lg-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  .lg-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  .lg-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  .lg-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  .lg-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  .lg-group:hover .lg-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .lg-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .lg-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  .lg-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  .lg-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  .lg-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  .lg-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  .lg-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  .lg-group:hover .lg-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .lg-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .lg-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  .lg-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  .lg-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  .lg-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  .lg-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  .lg-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  .lg-group:hover .lg-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .lg-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .lg-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  .lg-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  .lg-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  .lg-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  .lg-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  .lg-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  .lg-group:hover .lg-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .lg-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .lg-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  .lg-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  .lg-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  .lg-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  .lg-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  .lg-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  .lg-group:hover .lg-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .lg-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .lg-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  .lg-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  .lg-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  .lg-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  .lg-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  .lg-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  .lg-group:hover .lg-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .lg-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .lg-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  .lg-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  .lg-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  .lg-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  .lg-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  .lg-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  .lg-group:hover .lg-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .lg-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .lg-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  .lg-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  .lg-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  .lg-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  .lg-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  .lg-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  .lg-group:hover .lg-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .lg-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .lg-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  .lg-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  .lg-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  .lg-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  .lg-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  .lg-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  .lg-group:hover .lg-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .lg-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .lg-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  .lg-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  .lg-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  .lg-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  .lg-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  .lg-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  .lg-group:hover .lg-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .lg-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .lg-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  .lg-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  .lg-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  .lg-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  .lg-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  .lg-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  .lg-group:hover .lg-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .lg-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .lg-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  .lg-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  .lg-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  .lg-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  .lg-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  .lg-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  .lg-group:hover .lg-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .lg-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .lg-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  .lg-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  .lg-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  .lg-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  .lg-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  .lg-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  .lg-group:hover .lg-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .lg-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .lg-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  .lg-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  .lg-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  .lg-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  .lg-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  .lg-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  .lg-group:hover .lg-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .lg-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .lg-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  .lg-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  .lg-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  .lg-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  .lg-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  .lg-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  .lg-group:hover .lg-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .lg-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .lg-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  .lg-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  .lg-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  .lg-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  .lg-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  .lg-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  .lg-group:hover .lg-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .lg-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .lg-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  .lg-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  .lg-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  .lg-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  .lg-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  .lg-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  .lg-group:hover .lg-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .lg-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .lg-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  .lg-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  .lg-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  .lg-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  .lg-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  .lg-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  .lg-group:hover .lg-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .lg-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .lg-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  .lg-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  .lg-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  .lg-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  .lg-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  .lg-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  .lg-group:hover .lg-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .lg-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .lg-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  .lg-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  .lg-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  .lg-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  .lg-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  .lg-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  .lg-group:hover .lg-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .lg-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .lg-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  .lg-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  .lg-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  .lg-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  .lg-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  .lg-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  .lg-group:hover .lg-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .lg-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .lg-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  .lg-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  .lg-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  .lg-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  .lg-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  .lg-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  .lg-group:hover .lg-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .lg-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .lg-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  .lg-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  .lg-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  .lg-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  .lg-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  .lg-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  .lg-group:hover .lg-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .lg-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .lg-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  .lg-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  .lg-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  .lg-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  .lg-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  .lg-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  .lg-group:hover .lg-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .lg-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .lg-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  .lg-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  .lg-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  .lg-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  .lg-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  .lg-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  .lg-group:hover .lg-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .lg-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .lg-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  .lg-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  .lg-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  .lg-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  .lg-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  .lg-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  .lg-group:hover .lg-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .lg-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .lg-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  .lg-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  .lg-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  .lg-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  .lg-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  .lg-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  .lg-group:hover .lg-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .lg-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .lg-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  .lg-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  .lg-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  .lg-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  .lg-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  .lg-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  .lg-group:hover .lg-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .lg-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .lg-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  .lg-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  .lg-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  .lg-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  .lg-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  .lg-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  .lg-group:hover .lg-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .lg-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .lg-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  .lg-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  .lg-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  .lg-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  .lg-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  .lg-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  .lg-group:hover .lg-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .lg-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .lg-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  .lg-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  .lg-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  .lg-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  .lg-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  .lg-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  .lg-group:hover .lg-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .lg-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .lg-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  .lg-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  .lg-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  .lg-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  .lg-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  .lg-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  .lg-group:hover .lg-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .lg-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .lg-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  .lg-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  .lg-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  .lg-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  .lg-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  .lg-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  .lg-group:hover .lg-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .lg-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .lg-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  .lg-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  .lg-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  .lg-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  .lg-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  .lg-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  .lg-group:hover .lg-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .lg-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .lg-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  .lg-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  .lg-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  .lg-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  .lg-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  .lg-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  .lg-group:hover .lg-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .lg-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .lg-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  .lg-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  .lg-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  .lg-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  .lg-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  .lg-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  .lg-group:hover .lg-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .lg-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .lg-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  .lg-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  .lg-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  .lg-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  .lg-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  .lg-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  .lg-group:hover .lg-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .lg-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .lg-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  .lg-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  .lg-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  .lg-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  .lg-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  .lg-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  .lg-group:hover .lg-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .lg-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .lg-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  .lg-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  .lg-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  .lg-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  .lg-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  .lg-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  .lg-group:hover .lg-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .lg-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .lg-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  .lg-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  .lg-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  .lg-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  .lg-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  .lg-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  .lg-group:hover .lg-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .lg-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .lg-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  .lg-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  .lg-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  .lg-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  .lg-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  .lg-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  .lg-group:hover .lg-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .lg-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .lg-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  .lg-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  .lg-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  .lg-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  .lg-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  .lg-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  .lg-group:hover .lg-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .lg-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .lg-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  .lg-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  .lg-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  .lg-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  .lg-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  .lg-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  .lg-group:hover .lg-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .lg-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .lg-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  .lg-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  .lg-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  .lg-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  .lg-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  .lg-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  .lg-group:hover .lg-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .lg-caret-green-50 { caret-color: var(--quanta-green-50); }
  .lg-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  .lg-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  .lg-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  .lg-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  .lg-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  .lg-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  .lg-group:hover .lg-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  .lg-caret-green-100 { caret-color: var(--quanta-green-100); }
  .lg-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  .lg-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  .lg-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  .lg-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  .lg-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  .lg-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  .lg-group:hover .lg-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  .lg-caret-green-200 { caret-color: var(--quanta-green-200); }
  .lg-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  .lg-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  .lg-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  .lg-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  .lg-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  .lg-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  .lg-group:hover .lg-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  .lg-caret-green-300 { caret-color: var(--quanta-green-300); }
  .lg-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  .lg-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  .lg-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  .lg-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  .lg-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  .lg-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  .lg-group:hover .lg-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  .lg-caret-green-400 { caret-color: var(--quanta-green-400); }
  .lg-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  .lg-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  .lg-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  .lg-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  .lg-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  .lg-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  .lg-group:hover .lg-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  .lg-caret-green-500 { caret-color: var(--quanta-green-500); }
  .lg-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  .lg-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  .lg-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  .lg-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  .lg-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  .lg-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  .lg-group:hover .lg-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  .lg-caret-green-600 { caret-color: var(--quanta-green-600); }
  .lg-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  .lg-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  .lg-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  .lg-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  .lg-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  .lg-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  .lg-group:hover .lg-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  .lg-caret-green-700 { caret-color: var(--quanta-green-700); }
  .lg-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  .lg-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  .lg-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  .lg-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  .lg-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  .lg-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  .lg-group:hover .lg-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  .lg-caret-green-800 { caret-color: var(--quanta-green-800); }
  .lg-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  .lg-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  .lg-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  .lg-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  .lg-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  .lg-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  .lg-group:hover .lg-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  .lg-caret-green-900 { caret-color: var(--quanta-green-900); }
  .lg-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  .lg-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  .lg-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  .lg-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  .lg-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  .lg-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  .lg-group:hover .lg-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  .lg-caret-black { caret-color: var(--black); }
  .lg-hover-caret-black:hover { caret-color: var(--black); }
  .lg-focus-caret-black:focus { caret-color: var(--black); }
  .lg-active-caret-black:active { caret-color: var(--black); }
  .lg-disabled-caret-black:disabled { caret-color: var(--black); }
  .lg-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  .lg-focus-within-caret-black:focus-within { caret-color: var(--black); }
  .lg-group:hover .lg-group-hover-caret-black { caret-color: var(--black); }
  .lg-caret-white { caret-color: var(--white); }
  .lg-hover-caret-white:hover { caret-color: var(--white); }
  .lg-focus-caret-white:focus { caret-color: var(--white); }
  .lg-active-caret-white:active { caret-color: var(--white); }
  .lg-disabled-caret-white:disabled { caret-color: var(--white); }
  .lg-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  .lg-focus-within-caret-white:focus-within { caret-color: var(--white); }
  .lg-group:hover .lg-group-hover-caret-white { caret-color: var(--white); }
  .lg-color-scheme-light { color-scheme: light; }
  .lg-hover-color-scheme-light:hover { color-scheme: light; }
  .lg-focus-color-scheme-light:focus { color-scheme: light; }
  .lg-active-color-scheme-light:active { color-scheme: light; }
  .lg-disabled-color-scheme-light:disabled { color-scheme: light; }
  .lg-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .lg-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .lg-group:hover .lg-group-hover-color-scheme-light { color-scheme: light; }
  .lg-color-scheme-dark { color-scheme: dark; }
  .lg-hover-color-scheme-dark:hover { color-scheme: dark; }
  .lg-focus-color-scheme-dark:focus { color-scheme: dark; }
  .lg-active-color-scheme-dark:active { color-scheme: dark; }
  .lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .lg-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .lg-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .lg-group:hover .lg-group-hover-color-scheme-dark { color-scheme: dark; }
  .lg-color-scheme-normal { color-scheme: normal; }
  .lg-hover-color-scheme-normal:hover { color-scheme: normal; }
  .lg-focus-color-scheme-normal:focus { color-scheme: normal; }
  .lg-active-color-scheme-normal:active { color-scheme: normal; }
  .lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .lg-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .lg-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .lg-group:hover .lg-group-hover-color-scheme-normal { color-scheme: normal; }
  .lg-cursor-auto { cursor: auto; }
  .lg-hover-cursor-auto:hover { cursor: auto; }
  .lg-focus-cursor-auto:focus { cursor: auto; }
  .lg-active-cursor-auto:active { cursor: auto; }
  .lg-disabled-cursor-auto:disabled { cursor: auto; }
  .lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  .lg-group:hover .lg-group-hover-cursor-auto { cursor: auto; }
  .lg-cursor-default { cursor: default; }
  .lg-hover-cursor-default:hover { cursor: default; }
  .lg-focus-cursor-default:focus { cursor: default; }
  .lg-active-cursor-default:active { cursor: default; }
  .lg-disabled-cursor-default:disabled { cursor: default; }
  .lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  .lg-focus-within-cursor-default:focus-within { cursor: default; }
  .lg-group:hover .lg-group-hover-cursor-default { cursor: default; }
  .lg-cursor-pointer { cursor: pointer; }
  .lg-hover-cursor-pointer:hover { cursor: pointer; }
  .lg-focus-cursor-pointer:focus { cursor: pointer; }
  .lg-active-cursor-pointer:active { cursor: pointer; }
  .lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  .lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .lg-group:hover .lg-group-hover-cursor-pointer { cursor: pointer; }
  .lg-cursor-wait { cursor: wait; }
  .lg-hover-cursor-wait:hover { cursor: wait; }
  .lg-focus-cursor-wait:focus { cursor: wait; }
  .lg-active-cursor-wait:active { cursor: wait; }
  .lg-disabled-cursor-wait:disabled { cursor: wait; }
  .lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  .lg-group:hover .lg-group-hover-cursor-wait { cursor: wait; }
  .lg-cursor-text { cursor: text; }
  .lg-hover-cursor-text:hover { cursor: text; }
  .lg-focus-cursor-text:focus { cursor: text; }
  .lg-active-cursor-text:active { cursor: text; }
  .lg-disabled-cursor-text:disabled { cursor: text; }
  .lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  .lg-focus-within-cursor-text:focus-within { cursor: text; }
  .lg-group:hover .lg-group-hover-cursor-text { cursor: text; }
  .lg-cursor-move { cursor: move; }
  .lg-hover-cursor-move:hover { cursor: move; }
  .lg-focus-cursor-move:focus { cursor: move; }
  .lg-active-cursor-move:active { cursor: move; }
  .lg-disabled-cursor-move:disabled { cursor: move; }
  .lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  .lg-focus-within-cursor-move:focus-within { cursor: move; }
  .lg-group:hover .lg-group-hover-cursor-move { cursor: move; }
  .lg-cursor-not-allowed { cursor: not-allowed; }
  .lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  .lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .lg-group:hover .lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .lg-cursor-none { cursor: none; }
  .lg-hover-cursor-none:hover { cursor: none; }
  .lg-focus-cursor-none:focus { cursor: none; }
  .lg-active-cursor-none:active { cursor: none; }
  .lg-disabled-cursor-none:disabled { cursor: none; }
  .lg-focus-visible-cursor-none:focus-visible { cursor: none; }
  .lg-focus-within-cursor-none:focus-within { cursor: none; }
  .lg-group:hover .lg-group-hover-cursor-none { cursor: none; }
  .lg-pointer-events-none { pointer-events: none; }
  .lg-hover-pointer-events-none:hover { pointer-events: none; }
  .lg-focus-pointer-events-none:focus { pointer-events: none; }
  .lg-active-pointer-events-none:active { pointer-events: none; }
  .lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  .lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .lg-group:hover .lg-group-hover-pointer-events-none { pointer-events: none; }
  .lg-pointer-events-auto { pointer-events: auto; }
  .lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  .lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  .lg-active-pointer-events-auto:active { pointer-events: auto; }
  .lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .lg-group:hover .lg-group-hover-pointer-events-auto { pointer-events: auto; }
  .lg-resize-none { resize: none; }
  .lg-hover-resize-none:hover { resize: none; }
  .lg-focus-resize-none:focus { resize: none; }
  .lg-active-resize-none:active { resize: none; }
  .lg-disabled-resize-none:disabled { resize: none; }
  .lg-focus-visible-resize-none:focus-visible { resize: none; }
  .lg-focus-within-resize-none:focus-within { resize: none; }
  .lg-group:hover .lg-group-hover-resize-none { resize: none; }
  .lg-resize-x { resize: horizontal; }
  .lg-hover-resize-x:hover { resize: horizontal; }
  .lg-focus-resize-x:focus { resize: horizontal; }
  .lg-active-resize-x:active { resize: horizontal; }
  .lg-disabled-resize-x:disabled { resize: horizontal; }
  .lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .lg-focus-within-resize-x:focus-within { resize: horizontal; }
  .lg-group:hover .lg-group-hover-resize-x { resize: horizontal; }
  .lg-resize-y { resize: vertical; }
  .lg-hover-resize-y:hover { resize: vertical; }
  .lg-focus-resize-y:focus { resize: vertical; }
  .lg-active-resize-y:active { resize: vertical; }
  .lg-disabled-resize-y:disabled { resize: vertical; }
  .lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  .lg-focus-within-resize-y:focus-within { resize: vertical; }
  .lg-group:hover .lg-group-hover-resize-y { resize: vertical; }
  .lg-resize { resize: both; }
  .lg-hover-resize:hover { resize: both; }
  .lg-focus-resize:focus { resize: both; }
  .lg-active-resize:active { resize: both; }
  .lg-disabled-resize:disabled { resize: both; }
  .lg-focus-visible-resize:focus-visible { resize: both; }
  .lg-focus-within-resize:focus-within { resize: both; }
  .lg-group:hover .lg-group-hover-resize { resize: both; }
  .lg-scroll-auto { scroll-behavior: auto; }
  .lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  .lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  .lg-active-scroll-auto:active { scroll-behavior: auto; }
  .lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .lg-group:hover .lg-group-hover-scroll-auto { scroll-behavior: auto; }
  .lg-scroll-smooth { scroll-behavior: smooth; }
  .lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  .lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .lg-group:hover .lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .lg-scroll-m-0 { scroll-margin: 0rem; }
  .lg-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  .lg-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  .lg-active-scroll-m-0:active { scroll-margin: 0rem; }
  .lg-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  .lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  .lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  .lg-group:hover .lg-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  .lg-scroll-p-0 { scroll-padding: 0rem; }
  .lg-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  .lg-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  .lg-active-scroll-p-0:active { scroll-padding: 0rem; }
  .lg-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  .lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  .lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  .lg-group:hover .lg-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  .lg-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .lg-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  .lg-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  .lg-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  .lg-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  .lg-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  .lg-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  .lg-group:hover .lg-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .lg-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .lg-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  .lg-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  .lg-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  .lg-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  .lg-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  .lg-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  .lg-group:hover .lg-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .lg-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .lg-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  .lg-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  .lg-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  .lg-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  .lg-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  .lg-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .lg-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .lg-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  .lg-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  .lg-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  .lg-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  .lg-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  .lg-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .lg-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .lg-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  .lg-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  .lg-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  .lg-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  .lg-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  .lg-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .lg-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .lg-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  .lg-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  .lg-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  .lg-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  .lg-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  .lg-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .lg-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .lg-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  .lg-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  .lg-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  .lg-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  .lg-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  .lg-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  .lg-group:hover .lg-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .lg-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .lg-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  .lg-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  .lg-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  .lg-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  .lg-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  .lg-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  .lg-group:hover .lg-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .lg-scroll-m-1 { scroll-margin: 1rem; }
  .lg-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  .lg-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  .lg-active-scroll-m-1:active { scroll-margin: 1rem; }
  .lg-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  .lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  .lg-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  .lg-scroll-p-1 { scroll-padding: 1rem; }
  .lg-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  .lg-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  .lg-active-scroll-p-1:active { scroll-padding: 1rem; }
  .lg-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  .lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  .lg-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  .lg-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .lg-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  .lg-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  .lg-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  .lg-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  .lg-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  .lg-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  .lg-group:hover .lg-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .lg-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .lg-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  .lg-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  .lg-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  .lg-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  .lg-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  .lg-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  .lg-group:hover .lg-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .lg-scroll-m-2 { scroll-margin: 2rem; }
  .lg-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  .lg-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  .lg-active-scroll-m-2:active { scroll-margin: 2rem; }
  .lg-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  .lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  .lg-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  .lg-scroll-p-2 { scroll-padding: 2rem; }
  .lg-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  .lg-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  .lg-active-scroll-p-2:active { scroll-padding: 2rem; }
  .lg-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  .lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  .lg-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  .lg-scroll-m-3 { scroll-margin: 3rem; }
  .lg-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  .lg-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  .lg-active-scroll-m-3:active { scroll-margin: 3rem; }
  .lg-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  .lg-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  .lg-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  .lg-group:hover .lg-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  .lg-scroll-p-3 { scroll-padding: 3rem; }
  .lg-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  .lg-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  .lg-active-scroll-p-3:active { scroll-padding: 3rem; }
  .lg-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  .lg-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  .lg-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  .lg-group:hover .lg-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  .lg-scroll-m-4 { scroll-margin: 4rem; }
  .lg-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  .lg-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  .lg-active-scroll-m-4:active { scroll-margin: 4rem; }
  .lg-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  .lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  .lg-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  .lg-group:hover .lg-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  .lg-scroll-p-4 { scroll-padding: 4rem; }
  .lg-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  .lg-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  .lg-active-scroll-p-4:active { scroll-padding: 4rem; }
  .lg-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  .lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  .lg-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  .lg-group:hover .lg-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  .lg-snap-x { scroll-snap-type: x mandatory; }
  .lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .lg-active-snap-x:active { scroll-snap-type: x mandatory; }
  .lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .lg-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .lg-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .lg-group:hover .lg-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .lg-snap-y { scroll-snap-type: y mandatory; }
  .lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .lg-active-snap-y:active { scroll-snap-type: y mandatory; }
  .lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .lg-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .lg-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .lg-group:hover .lg-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .lg-snap-both { scroll-snap-type: both mandatory; }
  .lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .lg-active-snap-both:active { scroll-snap-type: both mandatory; }
  .lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .lg-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .lg-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .lg-group:hover .lg-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .lg-snap-align-start { scroll-snap-align: start; }
  .lg-hover-snap-align-start:hover { scroll-snap-align: start; }
  .lg-focus-snap-align-start:focus { scroll-snap-align: start; }
  .lg-active-snap-align-start:active { scroll-snap-align: start; }
  .lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .lg-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .lg-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .lg-group:hover .lg-group-hover-snap-align-start { scroll-snap-align: start; }
  .lg-snap-align-end { scroll-snap-align: end; }
  .lg-hover-snap-align-end:hover { scroll-snap-align: end; }
  .lg-focus-snap-align-end:focus { scroll-snap-align: end; }
  .lg-active-snap-align-end:active { scroll-snap-align: end; }
  .lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .lg-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .lg-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .lg-group:hover .lg-group-hover-snap-align-end { scroll-snap-align: end; }
  .lg-snap-align-center { scroll-snap-align: center; }
  .lg-hover-snap-align-center:hover { scroll-snap-align: center; }
  .lg-focus-snap-align-center:focus { scroll-snap-align: center; }
  .lg-active-snap-align-center:active { scroll-snap-align: center; }
  .lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .lg-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .lg-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .lg-group:hover .lg-group-hover-snap-align-center { scroll-snap-align: center; }
  .lg-snap-align-none { scroll-snap-align: none; }
  .lg-hover-snap-align-none:hover { scroll-snap-align: none; }
  .lg-focus-snap-align-none:focus { scroll-snap-align: none; }
  .lg-active-snap-align-none:active { scroll-snap-align: none; }
  .lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .lg-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .lg-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .lg-group:hover .lg-group-hover-snap-align-none { scroll-snap-align: none; }
  .lg-snap-stop-normal { scroll-snap-stop: normal; }
  .lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .lg-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .lg-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .lg-group:hover .lg-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .lg-snap-stop-always { scroll-snap-stop: always; }
  .lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .lg-active-snap-stop-always:active { scroll-snap-stop: always; }
  .lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .lg-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .lg-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .lg-group:hover .lg-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .lg-touch-auto { touch-action: auto; }
  .lg-hover-touch-auto:hover { touch-action: auto; }
  .lg-focus-touch-auto:focus { touch-action: auto; }
  .lg-active-touch-auto:active { touch-action: auto; }
  .lg-disabled-touch-auto:disabled { touch-action: auto; }
  .lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  .lg-group:hover .lg-group-hover-touch-auto { touch-action: auto; }
  .lg-touch-none { touch-action: none; }
  .lg-hover-touch-none:hover { touch-action: none; }
  .lg-focus-touch-none:focus { touch-action: none; }
  .lg-active-touch-none:active { touch-action: none; }
  .lg-disabled-touch-none:disabled { touch-action: none; }
  .lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  .lg-focus-within-touch-none:focus-within { touch-action: none; }
  .lg-group:hover .lg-group-hover-touch-none { touch-action: none; }
  .lg-touch-pan_x { touch-action: pan-x; }
  .lg-hover-touch-pan_x:hover { touch-action: pan-x; }
  .lg-focus-touch-pan_x:focus { touch-action: pan-x; }
  .lg-active-touch-pan_x:active { touch-action: pan-x; }
  .lg-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  .lg-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  .lg-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  .lg-group:hover .lg-group-hover-touch-pan_x { touch-action: pan-x; }
  .lg-touch-pan_y { touch-action: pan-y; }
  .lg-hover-touch-pan_y:hover { touch-action: pan-y; }
  .lg-focus-touch-pan_y:focus { touch-action: pan-y; }
  .lg-active-touch-pan_y:active { touch-action: pan-y; }
  .lg-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  .lg-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  .lg-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  .lg-group:hover .lg-group-hover-touch-pan_y { touch-action: pan-y; }
  .lg-touch-manipulation { touch-action: manipulation; }
  .lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  .lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  .lg-active-touch-manipulation:active { touch-action: manipulation; }
  .lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .lg-group:hover .lg-group-hover-touch-manipulation { touch-action: manipulation; }
  .lg-select-auto { user-select: auto; }
  .lg-hover-select-auto:hover { user-select: auto; }
  .lg-focus-select-auto:focus { user-select: auto; }
  .lg-active-select-auto:active { user-select: auto; }
  .lg-disabled-select-auto:disabled { user-select: auto; }
  .lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  .lg-focus-within-select-auto:focus-within { user-select: auto; }
  .lg-group:hover .lg-group-hover-select-auto { user-select: auto; }
  .lg-select-none { user-select: none; }
  .lg-hover-select-none:hover { user-select: none; }
  .lg-focus-select-none:focus { user-select: none; }
  .lg-active-select-none:active { user-select: none; }
  .lg-disabled-select-none:disabled { user-select: none; }
  .lg-focus-visible-select-none:focus-visible { user-select: none; }
  .lg-focus-within-select-none:focus-within { user-select: none; }
  .lg-group:hover .lg-group-hover-select-none { user-select: none; }
  .lg-select-text { user-select: text; }
  .lg-hover-select-text:hover { user-select: text; }
  .lg-focus-select-text:focus { user-select: text; }
  .lg-active-select-text:active { user-select: text; }
  .lg-disabled-select-text:disabled { user-select: text; }
  .lg-focus-visible-select-text:focus-visible { user-select: text; }
  .lg-focus-within-select-text:focus-within { user-select: text; }
  .lg-group:hover .lg-group-hover-select-text { user-select: text; }
  .lg-select-all { user-select: all; }
  .lg-hover-select-all:hover { user-select: all; }
  .lg-focus-select-all:focus { user-select: all; }
  .lg-active-select-all:active { user-select: all; }
  .lg-disabled-select-all:disabled { user-select: all; }
  .lg-focus-visible-select-all:focus-visible { user-select: all; }
  .lg-focus-within-select-all:focus-within { user-select: all; }
  .lg-group:hover .lg-group-hover-select-all { user-select: all; }
  .lg-select-contain { user-select: contain; }
  .lg-hover-select-contain:hover { user-select: contain; }
  .lg-focus-select-contain:focus { user-select: contain; }
  .lg-active-select-contain:active { user-select: contain; }
  .lg-disabled-select-contain:disabled { user-select: contain; }
  .lg-focus-visible-select-contain:focus-visible { user-select: contain; }
  .lg-focus-within-select-contain:focus-within { user-select: contain; }
  .lg-group:hover .lg-group-hover-select-contain { user-select: contain; }
  .lg-will-change-auto { will-change: auto; }
  .lg-hover-will-change-auto:hover { will-change: auto; }
  .lg-focus-will-change-auto:focus { will-change: auto; }
  .lg-active-will-change-auto:active { will-change: auto; }
  .lg-disabled-will-change-auto:disabled { will-change: auto; }
  .lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  .lg-group:hover .lg-group-hover-will-change-auto { will-change: auto; }
  .lg-will-change-scroll { will-change: scroll; }
  .lg-hover-will-change-scroll:hover { will-change: scroll; }
  .lg-focus-will-change-scroll:focus { will-change: scroll; }
  .lg-active-will-change-scroll:active { will-change: scroll; }
  .lg-disabled-will-change-scroll:disabled { will-change: scroll; }
  .lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .lg-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .lg-group:hover .lg-group-hover-will-change-scroll { will-change: scroll; }
  .lg-will-change-transform { will-change: transform; }
  .lg-hover-will-change-transform:hover { will-change: transform; }
  .lg-focus-will-change-transform:focus { will-change: transform; }
  .lg-active-will-change-transform:active { will-change: transform; }
  .lg-disabled-will-change-transform:disabled { will-change: transform; }
  .lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  .lg-group:hover .lg-group-hover-will-change-transform { will-change: transform; }
  .lg-will-change-opacity { will-change: opacity; }
  .lg-hover-will-change-opacity:hover { will-change: opacity; }
  .lg-focus-will-change-opacity:focus { will-change: opacity; }
  .lg-active-will-change-opacity:active { will-change: opacity; }
  .lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  .lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .lg-group:hover .lg-group-hover-will-change-opacity { will-change: opacity; }
  .lg-will-change-contents { will-change: contents; }
  .lg-hover-will-change-contents:hover { will-change: contents; }
  .lg-focus-will-change-contents:focus { will-change: contents; }
  .lg-active-will-change-contents:active { will-change: contents; }
  .lg-disabled-will-change-contents:disabled { will-change: contents; }
  .lg-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .lg-focus-within-will-change-contents:focus-within { will-change: contents; }
  .lg-group:hover .lg-group-hover-will-change-contents { will-change: contents; }
  .lg-color-scheme-light { color-scheme: light; }
  .lg-hover-color-scheme-light:hover { color-scheme: light; }
  .lg-focus-color-scheme-light:focus { color-scheme: light; }
  .lg-active-color-scheme-light:active { color-scheme: light; }
  .lg-disabled-color-scheme-light:disabled { color-scheme: light; }
  .lg-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .lg-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .lg-group:hover .lg-group-hover-color-scheme-light { color-scheme: light; }
  .lg-color-scheme-dark { color-scheme: dark; }
  .lg-hover-color-scheme-dark:hover { color-scheme: dark; }
  .lg-focus-color-scheme-dark:focus { color-scheme: dark; }
  .lg-active-color-scheme-dark:active { color-scheme: dark; }
  .lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .lg-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .lg-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .lg-group:hover .lg-group-hover-color-scheme-dark { color-scheme: dark; }
  .lg-color-scheme-normal { color-scheme: normal; }
  .lg-hover-color-scheme-normal:hover { color-scheme: normal; }
  .lg-focus-color-scheme-normal:focus { color-scheme: normal; }
  .lg-active-color-scheme-normal:active { color-scheme: normal; }
  .lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .lg-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .lg-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .lg-group:hover .lg-group-hover-color-scheme-normal { color-scheme: normal; }
  .lg-cursor-auto { cursor: auto; }
  .lg-hover-cursor-auto:hover { cursor: auto; }
  .lg-focus-cursor-auto:focus { cursor: auto; }
  .lg-active-cursor-auto:active { cursor: auto; }
  .lg-disabled-cursor-auto:disabled { cursor: auto; }
  .lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  .lg-group:hover .lg-group-hover-cursor-auto { cursor: auto; }
  .lg-cursor-default { cursor: default; }
  .lg-hover-cursor-default:hover { cursor: default; }
  .lg-focus-cursor-default:focus { cursor: default; }
  .lg-active-cursor-default:active { cursor: default; }
  .lg-disabled-cursor-default:disabled { cursor: default; }
  .lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  .lg-focus-within-cursor-default:focus-within { cursor: default; }
  .lg-group:hover .lg-group-hover-cursor-default { cursor: default; }
  .lg-cursor-pointer { cursor: pointer; }
  .lg-hover-cursor-pointer:hover { cursor: pointer; }
  .lg-focus-cursor-pointer:focus { cursor: pointer; }
  .lg-active-cursor-pointer:active { cursor: pointer; }
  .lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  .lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .lg-group:hover .lg-group-hover-cursor-pointer { cursor: pointer; }
  .lg-cursor-wait { cursor: wait; }
  .lg-hover-cursor-wait:hover { cursor: wait; }
  .lg-focus-cursor-wait:focus { cursor: wait; }
  .lg-active-cursor-wait:active { cursor: wait; }
  .lg-disabled-cursor-wait:disabled { cursor: wait; }
  .lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  .lg-group:hover .lg-group-hover-cursor-wait { cursor: wait; }
  .lg-cursor-text { cursor: text; }
  .lg-hover-cursor-text:hover { cursor: text; }
  .lg-focus-cursor-text:focus { cursor: text; }
  .lg-active-cursor-text:active { cursor: text; }
  .lg-disabled-cursor-text:disabled { cursor: text; }
  .lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  .lg-focus-within-cursor-text:focus-within { cursor: text; }
  .lg-group:hover .lg-group-hover-cursor-text { cursor: text; }
  .lg-cursor-move { cursor: move; }
  .lg-hover-cursor-move:hover { cursor: move; }
  .lg-focus-cursor-move:focus { cursor: move; }
  .lg-active-cursor-move:active { cursor: move; }
  .lg-disabled-cursor-move:disabled { cursor: move; }
  .lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  .lg-focus-within-cursor-move:focus-within { cursor: move; }
  .lg-group:hover .lg-group-hover-cursor-move { cursor: move; }
  .lg-cursor-not-allowed { cursor: not-allowed; }
  .lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  .lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .lg-group:hover .lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .lg-cursor-none { cursor: none; }
  .lg-hover-cursor-none:hover { cursor: none; }
  .lg-focus-cursor-none:focus { cursor: none; }
  .lg-active-cursor-none:active { cursor: none; }
  .lg-disabled-cursor-none:disabled { cursor: none; }
  .lg-focus-visible-cursor-none:focus-visible { cursor: none; }
  .lg-focus-within-cursor-none:focus-within { cursor: none; }
  .lg-group:hover .lg-group-hover-cursor-none { cursor: none; }
  .lg-pointer-events-none { pointer-events: none; }
  .lg-hover-pointer-events-none:hover { pointer-events: none; }
  .lg-focus-pointer-events-none:focus { pointer-events: none; }
  .lg-active-pointer-events-none:active { pointer-events: none; }
  .lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  .lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .lg-group:hover .lg-group-hover-pointer-events-none { pointer-events: none; }
  .lg-pointer-events-auto { pointer-events: auto; }
  .lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  .lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  .lg-active-pointer-events-auto:active { pointer-events: auto; }
  .lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .lg-group:hover .lg-group-hover-pointer-events-auto { pointer-events: auto; }
  .lg-resize-none { resize: none; }
  .lg-hover-resize-none:hover { resize: none; }
  .lg-focus-resize-none:focus { resize: none; }
  .lg-active-resize-none:active { resize: none; }
  .lg-disabled-resize-none:disabled { resize: none; }
  .lg-focus-visible-resize-none:focus-visible { resize: none; }
  .lg-focus-within-resize-none:focus-within { resize: none; }
  .lg-group:hover .lg-group-hover-resize-none { resize: none; }
  .lg-resize-x { resize: horizontal; }
  .lg-hover-resize-x:hover { resize: horizontal; }
  .lg-focus-resize-x:focus { resize: horizontal; }
  .lg-active-resize-x:active { resize: horizontal; }
  .lg-disabled-resize-x:disabled { resize: horizontal; }
  .lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .lg-focus-within-resize-x:focus-within { resize: horizontal; }
  .lg-group:hover .lg-group-hover-resize-x { resize: horizontal; }
  .lg-resize-y { resize: vertical; }
  .lg-hover-resize-y:hover { resize: vertical; }
  .lg-focus-resize-y:focus { resize: vertical; }
  .lg-active-resize-y:active { resize: vertical; }
  .lg-disabled-resize-y:disabled { resize: vertical; }
  .lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  .lg-focus-within-resize-y:focus-within { resize: vertical; }
  .lg-group:hover .lg-group-hover-resize-y { resize: vertical; }
  .lg-resize { resize: both; }
  .lg-hover-resize:hover { resize: both; }
  .lg-focus-resize:focus { resize: both; }
  .lg-active-resize:active { resize: both; }
  .lg-disabled-resize:disabled { resize: both; }
  .lg-focus-visible-resize:focus-visible { resize: both; }
  .lg-focus-within-resize:focus-within { resize: both; }
  .lg-group:hover .lg-group-hover-resize { resize: both; }
  .lg-scroll-auto { scroll-behavior: auto; }
  .lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  .lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  .lg-active-scroll-auto:active { scroll-behavior: auto; }
  .lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .lg-group:hover .lg-group-hover-scroll-auto { scroll-behavior: auto; }
  .lg-scroll-smooth { scroll-behavior: smooth; }
  .lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  .lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .lg-group:hover .lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .lg-scroll-m-0 { scroll-margin: 0; }
  .lg-hover-scroll-m-0:hover { scroll-margin: 0; }
  .lg-focus-scroll-m-0:focus { scroll-margin: 0; }
  .lg-active-scroll-m-0:active { scroll-margin: 0; }
  .lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .lg-group:hover .lg-group-hover-scroll-m-0 { scroll-margin: 0; }
  .lg-scroll-m-1 { scroll-margin: 0.25rem; }
  .lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .lg-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .lg-scroll-m-2 { scroll-margin: 0.5rem; }
  .lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .lg-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .lg-scroll-m-4 { scroll-margin: 1rem; }
  .lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .lg-active-scroll-m-4:active { scroll-margin: 1rem; }
  .lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .lg-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .lg-scroll-m-8 { scroll-margin: 2rem; }
  .lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .lg-active-scroll-m-8:active { scroll-margin: 2rem; }
  .lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .lg-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .lg-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .lg-scroll-p-0 { scroll-padding: 0; }
  .lg-hover-scroll-p-0:hover { scroll-padding: 0; }
  .lg-focus-scroll-p-0:focus { scroll-padding: 0; }
  .lg-active-scroll-p-0:active { scroll-padding: 0; }
  .lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .lg-group:hover .lg-group-hover-scroll-p-0 { scroll-padding: 0; }
  .lg-scroll-p-1 { scroll-padding: 0.25rem; }
  .lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .lg-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .lg-scroll-p-2 { scroll-padding: 0.5rem; }
  .lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .lg-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .lg-scroll-p-4 { scroll-padding: 1rem; }
  .lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .lg-active-scroll-p-4:active { scroll-padding: 1rem; }
  .lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .lg-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .lg-scroll-p-8 { scroll-padding: 2rem; }
  .lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .lg-active-scroll-p-8:active { scroll-padding: 2rem; }
  .lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .lg-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .lg-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .lg-snap-x { scroll-snap-type: x mandatory; }
  .lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .lg-active-snap-x:active { scroll-snap-type: x mandatory; }
  .lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .lg-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .lg-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .lg-group:hover .lg-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .lg-snap-y { scroll-snap-type: y mandatory; }
  .lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .lg-active-snap-y:active { scroll-snap-type: y mandatory; }
  .lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .lg-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .lg-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .lg-group:hover .lg-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .lg-snap-both { scroll-snap-type: both mandatory; }
  .lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .lg-active-snap-both:active { scroll-snap-type: both mandatory; }
  .lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .lg-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .lg-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .lg-group:hover .lg-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .lg-snap-align-start { scroll-snap-align: start; }
  .lg-hover-snap-align-start:hover { scroll-snap-align: start; }
  .lg-focus-snap-align-start:focus { scroll-snap-align: start; }
  .lg-active-snap-align-start:active { scroll-snap-align: start; }
  .lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .lg-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .lg-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .lg-group:hover .lg-group-hover-snap-align-start { scroll-snap-align: start; }
  .lg-snap-align-center { scroll-snap-align: center; }
  .lg-hover-snap-align-center:hover { scroll-snap-align: center; }
  .lg-focus-snap-align-center:focus { scroll-snap-align: center; }
  .lg-active-snap-align-center:active { scroll-snap-align: center; }
  .lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .lg-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .lg-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .lg-group:hover .lg-group-hover-snap-align-center { scroll-snap-align: center; }
  .lg-snap-align-end { scroll-snap-align: end; }
  .lg-hover-snap-align-end:hover { scroll-snap-align: end; }
  .lg-focus-snap-align-end:focus { scroll-snap-align: end; }
  .lg-active-snap-align-end:active { scroll-snap-align: end; }
  .lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .lg-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .lg-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .lg-group:hover .lg-group-hover-snap-align-end { scroll-snap-align: end; }
  .lg-snap-align-none { scroll-snap-align: none; }
  .lg-hover-snap-align-none:hover { scroll-snap-align: none; }
  .lg-focus-snap-align-none:focus { scroll-snap-align: none; }
  .lg-active-snap-align-none:active { scroll-snap-align: none; }
  .lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .lg-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .lg-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .lg-group:hover .lg-group-hover-snap-align-none { scroll-snap-align: none; }
  .lg-snap-stop-normal { scroll-snap-stop: normal; }
  .lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .lg-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .lg-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .lg-group:hover .lg-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .lg-snap-stop-always { scroll-snap-stop: always; }
  .lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .lg-active-snap-stop-always:active { scroll-snap-stop: always; }
  .lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .lg-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .lg-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .lg-group:hover .lg-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .lg-touch-auto { touch-action: auto; }
  .lg-hover-touch-auto:hover { touch-action: auto; }
  .lg-focus-touch-auto:focus { touch-action: auto; }
  .lg-active-touch-auto:active { touch-action: auto; }
  .lg-disabled-touch-auto:disabled { touch-action: auto; }
  .lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  .lg-group:hover .lg-group-hover-touch-auto { touch-action: auto; }
  .lg-touch-none { touch-action: none; }
  .lg-hover-touch-none:hover { touch-action: none; }
  .lg-focus-touch-none:focus { touch-action: none; }
  .lg-active-touch-none:active { touch-action: none; }
  .lg-disabled-touch-none:disabled { touch-action: none; }
  .lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  .lg-focus-within-touch-none:focus-within { touch-action: none; }
  .lg-group:hover .lg-group-hover-touch-none { touch-action: none; }
  .lg-touch-pan-x { touch-action: pan-x; }
  .lg-hover-touch-pan-x:hover { touch-action: pan-x; }
  .lg-focus-touch-pan-x:focus { touch-action: pan-x; }
  .lg-active-touch-pan-x:active { touch-action: pan-x; }
  .lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .lg-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .lg-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .lg-group:hover .lg-group-hover-touch-pan-x { touch-action: pan-x; }
  .lg-touch-pan-y { touch-action: pan-y; }
  .lg-hover-touch-pan-y:hover { touch-action: pan-y; }
  .lg-focus-touch-pan-y:focus { touch-action: pan-y; }
  .lg-active-touch-pan-y:active { touch-action: pan-y; }
  .lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .lg-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .lg-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .lg-group:hover .lg-group-hover-touch-pan-y { touch-action: pan-y; }
  .lg-touch-manipulation { touch-action: manipulation; }
  .lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  .lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  .lg-active-touch-manipulation:active { touch-action: manipulation; }
  .lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .lg-group:hover .lg-group-hover-touch-manipulation { touch-action: manipulation; }
  .lg-select-auto { user-select: auto; }
  .lg-hover-select-auto:hover { user-select: auto; }
  .lg-focus-select-auto:focus { user-select: auto; }
  .lg-active-select-auto:active { user-select: auto; }
  .lg-disabled-select-auto:disabled { user-select: auto; }
  .lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  .lg-focus-within-select-auto:focus-within { user-select: auto; }
  .lg-group:hover .lg-group-hover-select-auto { user-select: auto; }
  .lg-select-none { user-select: none; }
  .lg-hover-select-none:hover { user-select: none; }
  .lg-focus-select-none:focus { user-select: none; }
  .lg-active-select-none:active { user-select: none; }
  .lg-disabled-select-none:disabled { user-select: none; }
  .lg-focus-visible-select-none:focus-visible { user-select: none; }
  .lg-focus-within-select-none:focus-within { user-select: none; }
  .lg-group:hover .lg-group-hover-select-none { user-select: none; }
  .lg-select-text { user-select: text; }
  .lg-hover-select-text:hover { user-select: text; }
  .lg-focus-select-text:focus { user-select: text; }
  .lg-active-select-text:active { user-select: text; }
  .lg-disabled-select-text:disabled { user-select: text; }
  .lg-focus-visible-select-text:focus-visible { user-select: text; }
  .lg-focus-within-select-text:focus-within { user-select: text; }
  .lg-group:hover .lg-group-hover-select-text { user-select: text; }
  .lg-select-all { user-select: all; }
  .lg-hover-select-all:hover { user-select: all; }
  .lg-focus-select-all:focus { user-select: all; }
  .lg-active-select-all:active { user-select: all; }
  .lg-disabled-select-all:disabled { user-select: all; }
  .lg-focus-visible-select-all:focus-visible { user-select: all; }
  .lg-focus-within-select-all:focus-within { user-select: all; }
  .lg-group:hover .lg-group-hover-select-all { user-select: all; }
  .lg-select-contain { user-select: contain; }
  .lg-hover-select-contain:hover { user-select: contain; }
  .lg-focus-select-contain:focus { user-select: contain; }
  .lg-active-select-contain:active { user-select: contain; }
  .lg-disabled-select-contain:disabled { user-select: contain; }
  .lg-focus-visible-select-contain:focus-visible { user-select: contain; }
  .lg-focus-within-select-contain:focus-within { user-select: contain; }
  .lg-group:hover .lg-group-hover-select-contain { user-select: contain; }
  .lg-will-change-auto { will-change: auto; }
  .lg-hover-will-change-auto:hover { will-change: auto; }
  .lg-focus-will-change-auto:focus { will-change: auto; }
  .lg-active-will-change-auto:active { will-change: auto; }
  .lg-disabled-will-change-auto:disabled { will-change: auto; }
  .lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  .lg-group:hover .lg-group-hover-will-change-auto { will-change: auto; }
  .lg-will-change-scroll { will-change: scroll; }
  .lg-hover-will-change-scroll:hover { will-change: scroll; }
  .lg-focus-will-change-scroll:focus { will-change: scroll; }
  .lg-active-will-change-scroll:active { will-change: scroll; }
  .lg-disabled-will-change-scroll:disabled { will-change: scroll; }
  .lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .lg-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .lg-group:hover .lg-group-hover-will-change-scroll { will-change: scroll; }
  .lg-will-change-transform { will-change: transform; }
  .lg-hover-will-change-transform:hover { will-change: transform; }
  .lg-focus-will-change-transform:focus { will-change: transform; }
  .lg-active-will-change-transform:active { will-change: transform; }
  .lg-disabled-will-change-transform:disabled { will-change: transform; }
  .lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  .lg-group:hover .lg-group-hover-will-change-transform { will-change: transform; }
  .lg-will-change-opacity { will-change: opacity; }
  .lg-hover-will-change-opacity:hover { will-change: opacity; }
  .lg-focus-will-change-opacity:focus { will-change: opacity; }
  .lg-active-will-change-opacity:active { will-change: opacity; }
  .lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  .lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .lg-group:hover .lg-group-hover-will-change-opacity { will-change: opacity; }
  .lg-will-change-contents { will-change: contents; }
  .lg-hover-will-change-contents:hover { will-change: contents; }
  .lg-focus-will-change-contents:focus { will-change: contents; }
  .lg-active-will-change-contents:active { will-change: contents; }
  .lg-disabled-will-change-contents:disabled { will-change: contents; }
  .lg-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .lg-focus-within-will-change-contents:focus-within { will-change: contents; }
  .lg-group:hover .lg-group-hover-will-change-contents { will-change: contents; }
  .lg-field-sizing-auto { block-size: auto; inline-size: auto; }
  .lg-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  .lg-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  .lg-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  .lg-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  .lg-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  .lg-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  .lg-group:hover .lg-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  .lg-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .lg-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  .lg-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  .lg-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  .lg-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  .lg-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  .lg-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  .lg-group:hover .lg-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .lg-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .lg-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  .lg-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  .lg-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  .lg-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  .lg-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  .lg-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  .lg-group:hover .lg-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .lg-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .lg-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  .lg-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  .lg-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  .lg-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  .lg-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  .lg-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  .lg-group:hover .lg-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .lg-aspect-auto { aspect-ratio: auto; }
  .lg-hover-aspect-auto:hover { aspect-ratio: auto; }
  .lg-focus-aspect-auto:focus { aspect-ratio: auto; }
  .lg-active-aspect-auto:active { aspect-ratio: auto; }
  .lg-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  .lg-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  .lg-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  .lg-group:hover .lg-group-hover-aspect-auto { aspect-ratio: auto; }
  .lg-aspect-square { aspect-ratio: 1 / 1; }
  .lg-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  .lg-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  .lg-active-aspect-square:active { aspect-ratio: 1 / 1; }
  .lg-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  .lg-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  .lg-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  .lg-group:hover .lg-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  .lg-aspect-video { aspect-ratio: 16 / 9; }
  .lg-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  .lg-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  .lg-active-aspect-video:active { aspect-ratio: 16 / 9; }
  .lg-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  .lg-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  .lg-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  .lg-group:hover .lg-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  .lg-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .lg-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  .lg-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  .lg-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  .lg-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  .lg-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  .lg-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  .lg-group:hover .lg-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .lg-isolation-auto { isolation: auto; }
  .lg-hover-isolation-auto:hover { isolation: auto; }
  .lg-focus-isolation-auto:focus { isolation: auto; }
  .lg-active-isolation-auto:active { isolation: auto; }
  .lg-disabled-isolation-auto:disabled { isolation: auto; }
  .lg-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  .lg-focus-within-isolation-auto:focus-within { isolation: auto; }
  .lg-group:hover .lg-group-hover-isolation-auto { isolation: auto; }
  .lg-isolation-isolate { isolation: isolate; }
  .lg-hover-isolation-isolate:hover { isolation: isolate; }
  .lg-focus-isolation-isolate:focus { isolation: isolate; }
  .lg-active-isolation-isolate:active { isolation: isolate; }
  .lg-disabled-isolation-isolate:disabled { isolation: isolate; }
  .lg-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  .lg-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  .lg-group:hover .lg-group-hover-isolation-isolate { isolation: isolate; }
  .lg-contain-none { contain: none; }
  .lg-hover-contain-none:hover { contain: none; }
  .lg-focus-contain-none:focus { contain: none; }
  .lg-active-contain-none:active { contain: none; }
  .lg-disabled-contain-none:disabled { contain: none; }
  .lg-focus-visible-contain-none:focus-visible { contain: none; }
  .lg-focus-within-contain-none:focus-within { contain: none; }
  .lg-group:hover .lg-group-hover-contain-none { contain: none; }
  .lg-contain-layout { contain: layout; }
  .lg-hover-contain-layout:hover { contain: layout; }
  .lg-focus-contain-layout:focus { contain: layout; }
  .lg-active-contain-layout:active { contain: layout; }
  .lg-disabled-contain-layout:disabled { contain: layout; }
  .lg-focus-visible-contain-layout:focus-visible { contain: layout; }
  .lg-focus-within-contain-layout:focus-within { contain: layout; }
  .lg-group:hover .lg-group-hover-contain-layout { contain: layout; }
  .lg-contain-size { contain: size; }
  .lg-hover-contain-size:hover { contain: size; }
  .lg-focus-contain-size:focus { contain: size; }
  .lg-active-contain-size:active { contain: size; }
  .lg-disabled-contain-size:disabled { contain: size; }
  .lg-focus-visible-contain-size:focus-visible { contain: size; }
  .lg-focus-within-contain-size:focus-within { contain: size; }
  .lg-group:hover .lg-group-hover-contain-size { contain: size; }
  .lg-contain-style { contain: style; }
  .lg-hover-contain-style:hover { contain: style; }
  .lg-focus-contain-style:focus { contain: style; }
  .lg-active-contain-style:active { contain: style; }
  .lg-disabled-contain-style:disabled { contain: style; }
  .lg-focus-visible-contain-style:focus-visible { contain: style; }
  .lg-focus-within-contain-style:focus-within { contain: style; }
  .lg-group:hover .lg-group-hover-contain-style { contain: style; }
  .lg-contain-paint { contain: paint; }
  .lg-hover-contain-paint:hover { contain: paint; }
  .lg-focus-contain-paint:focus { contain: paint; }
  .lg-active-contain-paint:active { contain: paint; }
  .lg-disabled-contain-paint:disabled { contain: paint; }
  .lg-focus-visible-contain-paint:focus-visible { contain: paint; }
  .lg-focus-within-contain-paint:focus-within { contain: paint; }
  .lg-group:hover .lg-group-hover-contain-paint { contain: paint; }
  .lg-contain-content { contain: content; }
  .lg-hover-contain-content:hover { contain: content; }
  .lg-focus-contain-content:focus { contain: content; }
  .lg-active-contain-content:active { contain: content; }
  .lg-disabled-contain-content:disabled { contain: content; }
  .lg-focus-visible-contain-content:focus-visible { contain: content; }
  .lg-focus-within-contain-content:focus-within { contain: content; }
  .lg-group:hover .lg-group-hover-contain-content { contain: content; }
  .lg-content-auto { content-visibility: auto; }
  .lg-hover-content-auto:hover { content-visibility: auto; }
  .lg-focus-content-auto:focus { content-visibility: auto; }
  .lg-active-content-auto:active { content-visibility: auto; }
  .lg-disabled-content-auto:disabled { content-visibility: auto; }
  .lg-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  .lg-focus-within-content-auto:focus-within { content-visibility: auto; }
  .lg-group:hover .lg-group-hover-content-auto { content-visibility: auto; }
  .lg-content-hidden { content-visibility: hidden; }
  .lg-hover-content-hidden:hover { content-visibility: hidden; }
  .lg-focus-content-hidden:focus { content-visibility: hidden; }
  .lg-active-content-hidden:active { content-visibility: hidden; }
  .lg-disabled-content-hidden:disabled { content-visibility: hidden; }
  .lg-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  .lg-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  .lg-group:hover .lg-group-hover-content-hidden { content-visibility: hidden; }
  .lg-content-visible { content-visibility: visible; }
  .lg-hover-content-visible:hover { content-visibility: visible; }
  .lg-focus-content-visible:focus { content-visibility: visible; }
  .lg-active-content-visible:active { content-visibility: visible; }
  .lg-disabled-content-visible:disabled { content-visibility: visible; }
  .lg-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  .lg-focus-within-content-visible:focus-within { content-visibility: visible; }
  .lg-group:hover .lg-group-hover-content-visible { content-visibility: visible; }
  .lg-box-border { box-sizing: border-box; }
  .lg-hover-box-border:hover { box-sizing: border-box; }
  .lg-focus-box-border:focus { box-sizing: border-box; }
  .lg-active-box-border:active { box-sizing: border-box; }
  .lg-disabled-box-border:disabled { box-sizing: border-box; }
  .lg-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .lg-focus-within-box-border:focus-within { box-sizing: border-box; }
  .lg-group:hover .lg-group-hover-box-border { box-sizing: border-box; }
  .lg-box-content { box-sizing: content-box; }
  .lg-hover-box-content:hover { box-sizing: content-box; }
  .lg-focus-box-content:focus { box-sizing: content-box; }
  .lg-active-box-content:active { box-sizing: content-box; }
  .lg-disabled-box-content:disabled { box-sizing: content-box; }
  .lg-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .lg-focus-within-box-content:focus-within { box-sizing: content-box; }
  .lg-group:hover .lg-group-hover-box-content { box-sizing: content-box; }
  .lg-clip-none { clip-path: none; }
  .lg-hover-clip-none:hover { clip-path: none; }
  .lg-focus-clip-none:focus { clip-path: none; }
  .lg-active-clip-none:active { clip-path: none; }
  .lg-disabled-clip-none:disabled { clip-path: none; }
  .lg-focus-visible-clip-none:focus-visible { clip-path: none; }
  .lg-focus-within-clip-none:focus-within { clip-path: none; }
  .lg-group:hover .lg-group-hover-clip-none { clip-path: none; }
  .lg-clip-circle { clip-path: circle(50% at 50% 50%); }
  .lg-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  .lg-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  .lg-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  .lg-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  .lg-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  .lg-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  .lg-group:hover .lg-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  .lg-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-group:hover .lg-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .lg-clip-inset { clip-path: inset(0); }
  .lg-hover-clip-inset:hover { clip-path: inset(0); }
  .lg-focus-clip-inset:focus { clip-path: inset(0); }
  .lg-active-clip-inset:active { clip-path: inset(0); }
  .lg-disabled-clip-inset:disabled { clip-path: inset(0); }
  .lg-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  .lg-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  .lg-group:hover .lg-group-hover-clip-inset { clip-path: inset(0); }
  .lg-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-group:hover .lg-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .lg-margin-block-start-1 { margin-block-start: 1rem; }
  .lg-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  .lg-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  .lg-active-margin-block-start-1:active { margin-block-start: 1rem; }
  .lg-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  .lg-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  .lg-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  .lg-group:hover .lg-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  .lg-margin-block-end-1 { margin-block-end: 1rem; }
  .lg-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  .lg-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  .lg-active-margin-block-end-1:active { margin-block-end: 1rem; }
  .lg-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  .lg-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  .lg-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  .lg-group:hover .lg-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  .lg-margin-inline-start-1 { margin-inline-start: 1rem; }
  .lg-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  .lg-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  .lg-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  .lg-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  .lg-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  .lg-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  .lg-group:hover .lg-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  .lg-margin-inline-end-1 { margin-inline-end: 1rem; }
  .lg-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  .lg-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  .lg-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  .lg-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  .lg-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  .lg-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  .lg-group:hover .lg-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  .lg-padding-block-start-1 { padding-block-start: 1rem; }
  .lg-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  .lg-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  .lg-active-padding-block-start-1:active { padding-block-start: 1rem; }
  .lg-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  .lg-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  .lg-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  .lg-group:hover .lg-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  .lg-padding-block-end-1 { padding-block-end: 1rem; }
  .lg-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  .lg-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  .lg-active-padding-block-end-1:active { padding-block-end: 1rem; }
  .lg-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  .lg-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  .lg-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  .lg-group:hover .lg-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  .lg-padding-inline-start-1 { padding-inline-start: 1rem; }
  .lg-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  .lg-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  .lg-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  .lg-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  .lg-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  .lg-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  .lg-group:hover .lg-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  .lg-padding-inline-end-1 { padding-inline-end: 1rem; }
  .lg-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  .lg-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  .lg-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  .lg-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  .lg-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  .lg-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  .lg-group:hover .lg-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  .lg-transition-all { transition-property: all; }
  .lg-hover-transition-all:hover { transition-property: all; }
  .lg-focus-transition-all:focus { transition-property: all; }
  .lg-active-transition-all:active { transition-property: all; }
  .lg-disabled-transition-all:disabled { transition-property: all; }
  .lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  .lg-focus-within-transition-all:focus-within { transition-property: all; }
  .lg-group:hover .lg-group-hover-transition-all { transition-property: all; }
  .lg-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-group:hover .lg-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .lg-transition-opacity { transition-property: opacity; }
  .lg-hover-transition-opacity:hover { transition-property: opacity; }
  .lg-focus-transition-opacity:focus { transition-property: opacity; }
  .lg-active-transition-opacity:active { transition-property: opacity; }
  .lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  .lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .lg-group:hover .lg-group-hover-transition-opacity { transition-property: opacity; }
  .lg-transition-shadow { transition-property: box-shadow; }
  .lg-hover-transition-shadow:hover { transition-property: box-shadow; }
  .lg-focus-transition-shadow:focus { transition-property: box-shadow; }
  .lg-active-transition-shadow:active { transition-property: box-shadow; }
  .lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .lg-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .lg-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .lg-group:hover .lg-group-hover-transition-shadow { transition-property: box-shadow; }
  .lg-transition-transform { transition-property: transform; }
  .lg-hover-transition-transform:hover { transition-property: transform; }
  .lg-focus-transition-transform:focus { transition-property: transform; }
  .lg-active-transition-transform:active { transition-property: transform; }
  .lg-disabled-transition-transform:disabled { transition-property: transform; }
  .lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  .lg-group:hover .lg-group-hover-transition-transform { transition-property: transform; }
  .lg-duration-75 { transition-duration: 75ms; }
  .lg-hover-duration-75:hover { transition-duration: 75ms; }
  .lg-focus-duration-75:focus { transition-duration: 75ms; }
  .lg-active-duration-75:active { transition-duration: 75ms; }
  .lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  .lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .lg-group:hover .lg-group-hover-duration-75 { transition-duration: 75ms; }
  .lg-duration-100 { transition-duration: 100ms; }
  .lg-hover-duration-100:hover { transition-duration: 100ms; }
  .lg-focus-duration-100:focus { transition-duration: 100ms; }
  .lg-active-duration-100:active { transition-duration: 100ms; }
  .lg-disabled-duration-100:disabled { transition-duration: 100ms; }
  .lg-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .lg-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .lg-group:hover .lg-group-hover-duration-100 { transition-duration: 100ms; }
  .lg-duration-150 { transition-duration: 150ms; }
  .lg-hover-duration-150:hover { transition-duration: 150ms; }
  .lg-focus-duration-150:focus { transition-duration: 150ms; }
  .lg-active-duration-150:active { transition-duration: 150ms; }
  .lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  .lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .lg-group:hover .lg-group-hover-duration-150 { transition-duration: 150ms; }
  .lg-duration-200 { transition-duration: 200ms; }
  .lg-hover-duration-200:hover { transition-duration: 200ms; }
  .lg-focus-duration-200:focus { transition-duration: 200ms; }
  .lg-active-duration-200:active { transition-duration: 200ms; }
  .lg-disabled-duration-200:disabled { transition-duration: 200ms; }
  .lg-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .lg-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .lg-group:hover .lg-group-hover-duration-200 { transition-duration: 200ms; }
  .lg-duration-300 { transition-duration: 300ms; }
  .lg-hover-duration-300:hover { transition-duration: 300ms; }
  .lg-focus-duration-300:focus { transition-duration: 300ms; }
  .lg-active-duration-300:active { transition-duration: 300ms; }
  .lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  .lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .lg-group:hover .lg-group-hover-duration-300 { transition-duration: 300ms; }
  .lg-duration-500 { transition-duration: 500ms; }
  .lg-hover-duration-500:hover { transition-duration: 500ms; }
  .lg-focus-duration-500:focus { transition-duration: 500ms; }
  .lg-active-duration-500:active { transition-duration: 500ms; }
  .lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  .lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .lg-group:hover .lg-group-hover-duration-500 { transition-duration: 500ms; }
  .lg-duration-700 { transition-duration: 700ms; }
  .lg-hover-duration-700:hover { transition-duration: 700ms; }
  .lg-focus-duration-700:focus { transition-duration: 700ms; }
  .lg-active-duration-700:active { transition-duration: 700ms; }
  .lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  .lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .lg-group:hover .lg-group-hover-duration-700 { transition-duration: 700ms; }
  .lg-duration-1000 { transition-duration: 1000ms; }
  .lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  .lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  .lg-active-duration-1000:active { transition-duration: 1000ms; }
  .lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .lg-group:hover .lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  .lg-ease-linear { transition-timing-function: linear; }
  .lg-hover-ease-linear:hover { transition-timing-function: linear; }
  .lg-focus-ease-linear:focus { transition-timing-function: linear; }
  .lg-active-ease-linear:active { transition-timing-function: linear; }
  .lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .lg-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .lg-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .lg-group:hover .lg-group-hover-ease-linear { transition-timing-function: linear; }
  .lg-ease-in { transition-timing-function: ease-in; }
  .lg-hover-ease-in:hover { transition-timing-function: ease-in; }
  .lg-focus-ease-in:focus { transition-timing-function: ease-in; }
  .lg-active-ease-in:active { transition-timing-function: ease-in; }
  .lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .lg-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .lg-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .lg-group:hover .lg-group-hover-ease-in { transition-timing-function: ease-in; }
  .lg-ease-out { transition-timing-function: ease-out; }
  .lg-hover-ease-out:hover { transition-timing-function: ease-out; }
  .lg-focus-ease-out:focus { transition-timing-function: ease-out; }
  .lg-active-ease-out:active { transition-timing-function: ease-out; }
  .lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .lg-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .lg-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .lg-group:hover .lg-group-hover-ease-out { transition-timing-function: ease-out; }
  .lg-ease-in-out { transition-timing-function: ease-in-out; }
  .lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .lg-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .lg-group:hover .lg-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .lg-filter-none { filter: none; }
  .lg-hover-filter-none:hover { filter: none; }
  .lg-focus-filter-none:focus { filter: none; }
  .lg-active-filter-none:active { filter: none; }
  .lg-disabled-filter-none:disabled { filter: none; }
  .lg-focus-visible-filter-none:focus-visible { filter: none; }
  .lg-focus-within-filter-none:focus-within { filter: none; }
  .lg-group:hover .lg-group-hover-filter-none { filter: none; }
  .lg-blur-sm { filter: blur(2px); }
  .lg-hover-blur-sm:hover { filter: blur(2px); }
  .lg-focus-blur-sm:focus { filter: blur(2px); }
  .lg-active-blur-sm:active { filter: blur(2px); }
  .lg-disabled-blur-sm:disabled { filter: blur(2px); }
  .lg-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .lg-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .lg-group:hover .lg-group-hover-blur-sm { filter: blur(2px); }
  .lg-blur { filter: blur(4px); }
  .lg-hover-blur:hover { filter: blur(4px); }
  .lg-focus-blur:focus { filter: blur(4px); }
  .lg-active-blur:active { filter: blur(4px); }
  .lg-disabled-blur:disabled { filter: blur(4px); }
  .lg-focus-visible-blur:focus-visible { filter: blur(4px); }
  .lg-focus-within-blur:focus-within { filter: blur(4px); }
  .lg-group:hover .lg-group-hover-blur { filter: blur(4px); }
  .lg-blur-md { filter: blur(8px); }
  .lg-hover-blur-md:hover { filter: blur(8px); }
  .lg-focus-blur-md:focus { filter: blur(8px); }
  .lg-active-blur-md:active { filter: blur(8px); }
  .lg-disabled-blur-md:disabled { filter: blur(8px); }
  .lg-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .lg-focus-within-blur-md:focus-within { filter: blur(8px); }
  .lg-group:hover .lg-group-hover-blur-md { filter: blur(8px); }
  .lg-blur-lg { filter: blur(12px); }
  .lg-hover-blur-lg:hover { filter: blur(12px); }
  .lg-focus-blur-lg:focus { filter: blur(12px); }
  .lg-active-blur-lg:active { filter: blur(12px); }
  .lg-disabled-blur-lg:disabled { filter: blur(12px); }
  .lg-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .lg-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .lg-group:hover .lg-group-hover-blur-lg { filter: blur(12px); }
  .lg-blur-xl { filter: blur(20px); }
  .lg-hover-blur-xl:hover { filter: blur(20px); }
  .lg-focus-blur-xl:focus { filter: blur(20px); }
  .lg-active-blur-xl:active { filter: blur(20px); }
  .lg-disabled-blur-xl:disabled { filter: blur(20px); }
  .lg-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .lg-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .lg-group:hover .lg-group-hover-blur-xl { filter: blur(20px); }
  .lg-brightness-50 { filter: brightness(0.5); }
  .lg-hover-brightness-50:hover { filter: brightness(0.5); }
  .lg-focus-brightness-50:focus { filter: brightness(0.5); }
  .lg-active-brightness-50:active { filter: brightness(0.5); }
  .lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .lg-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .lg-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .lg-group:hover .lg-group-hover-brightness-50 { filter: brightness(0.5); }
  .lg-brightness-100 { filter: brightness(1); }
  .lg-hover-brightness-100:hover { filter: brightness(1); }
  .lg-focus-brightness-100:focus { filter: brightness(1); }
  .lg-active-brightness-100:active { filter: brightness(1); }
  .lg-disabled-brightness-100:disabled { filter: brightness(1); }
  .lg-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .lg-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .lg-group:hover .lg-group-hover-brightness-100 { filter: brightness(1); }
  .lg-brightness-150 { filter: brightness(1.5); }
  .lg-hover-brightness-150:hover { filter: brightness(1.5); }
  .lg-focus-brightness-150:focus { filter: brightness(1.5); }
  .lg-active-brightness-150:active { filter: brightness(1.5); }
  .lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .lg-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .lg-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .lg-group:hover .lg-group-hover-brightness-150 { filter: brightness(1.5); }
  .lg-contrast-50 { filter: contrast(0.5); }
  .lg-hover-contrast-50:hover { filter: contrast(0.5); }
  .lg-focus-contrast-50:focus { filter: contrast(0.5); }
  .lg-active-contrast-50:active { filter: contrast(0.5); }
  .lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .lg-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .lg-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .lg-group:hover .lg-group-hover-contrast-50 { filter: contrast(0.5); }
  .lg-contrast-100 { filter: contrast(1); }
  .lg-hover-contrast-100:hover { filter: contrast(1); }
  .lg-focus-contrast-100:focus { filter: contrast(1); }
  .lg-active-contrast-100:active { filter: contrast(1); }
  .lg-disabled-contrast-100:disabled { filter: contrast(1); }
  .lg-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .lg-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .lg-group:hover .lg-group-hover-contrast-100 { filter: contrast(1); }
  .lg-grayscale { filter: grayscale(1); }
  .lg-hover-grayscale:hover { filter: grayscale(1); }
  .lg-focus-grayscale:focus { filter: grayscale(1); }
  .lg-active-grayscale:active { filter: grayscale(1); }
  .lg-disabled-grayscale:disabled { filter: grayscale(1); }
  .lg-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  .lg-focus-within-grayscale:focus-within { filter: grayscale(1); }
  .lg-group:hover .lg-group-hover-grayscale { filter: grayscale(1); }
  .lg-sepia { filter: sepia(1); }
  .lg-hover-sepia:hover { filter: sepia(1); }
  .lg-focus-sepia:focus { filter: sepia(1); }
  .lg-active-sepia:active { filter: sepia(1); }
  .lg-disabled-sepia:disabled { filter: sepia(1); }
  .lg-focus-visible-sepia:focus-visible { filter: sepia(1); }
  .lg-focus-within-sepia:focus-within { filter: sepia(1); }
  .lg-group:hover .lg-group-hover-sepia { filter: sepia(1); }
  .lg-saturate-150 { filter: saturate(1.5); }
  .lg-hover-saturate-150:hover { filter: saturate(1.5); }
  .lg-focus-saturate-150:focus { filter: saturate(1.5); }
  .lg-active-saturate-150:active { filter: saturate(1.5); }
  .lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .lg-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .lg-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .lg-group:hover .lg-group-hover-saturate-150 { filter: saturate(1.5); }
  .lg-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .lg-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .lg-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .lg-group:hover .lg-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-group:hover .lg-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  .lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  .lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  .lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  .lg-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  .lg-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  .lg-group:hover .lg-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .lg-grid-flow-row { grid-auto-flow: row; }
  .lg-hover-grid-flow-row:hover { grid-auto-flow: row; }
  .lg-focus-grid-flow-row:focus { grid-auto-flow: row; }
  .lg-active-grid-flow-row:active { grid-auto-flow: row; }
  .lg-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  .lg-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  .lg-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  .lg-group:hover .lg-group-hover-grid-flow-row { grid-auto-flow: row; }
  .lg-grid-flow-col { grid-auto-flow: column; }
  .lg-hover-grid-flow-col:hover { grid-auto-flow: column; }
  .lg-focus-grid-flow-col:focus { grid-auto-flow: column; }
  .lg-active-grid-flow-col:active { grid-auto-flow: column; }
  .lg-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  .lg-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  .lg-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  .lg-group:hover .lg-group-hover-grid-flow-col { grid-auto-flow: column; }
  .lg-grid-flow-row-dense { grid-auto-flow: row dense; }
  .lg-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  .lg-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  .lg-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  .lg-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  .lg-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  .lg-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  .lg-group:hover .lg-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  .lg-grid-flow-col-dense { grid-auto-flow: column dense; }
  .lg-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  .lg-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  .lg-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  .lg-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  .lg-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  .lg-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  .lg-group:hover .lg-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  .lg-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-group:hover .lg-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .lg-transition-none { transition-property: none; }
  .lg-hover-transition-none:hover { transition-property: none; }
  .lg-focus-transition-none:focus { transition-property: none; }
  .lg-active-transition-none:active { transition-property: none; }
  .lg-disabled-transition-none:disabled { transition-property: none; }
  .lg-focus-visible-transition-none:focus-visible { transition-property: none; }
  .lg-focus-within-transition-none:focus-within { transition-property: none; }
  .lg-group:hover .lg-group-hover-transition-none { transition-property: none; }
  .lg-transition-all { transition-property: all; }
  .lg-hover-transition-all:hover { transition-property: all; }
  .lg-focus-transition-all:focus { transition-property: all; }
  .lg-active-transition-all:active { transition-property: all; }
  .lg-disabled-transition-all:disabled { transition-property: all; }
  .lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  .lg-focus-within-transition-all:focus-within { transition-property: all; }
  .lg-group:hover .lg-group-hover-transition-all { transition-property: all; }
  .lg-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-group:hover .lg-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .lg-transition-opacity { transition-property: opacity; }
  .lg-hover-transition-opacity:hover { transition-property: opacity; }
  .lg-focus-transition-opacity:focus { transition-property: opacity; }
  .lg-active-transition-opacity:active { transition-property: opacity; }
  .lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  .lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .lg-group:hover .lg-group-hover-transition-opacity { transition-property: opacity; }
  .lg-transition-shadow { transition-property: box-shadow; }
  .lg-hover-transition-shadow:hover { transition-property: box-shadow; }
  .lg-focus-transition-shadow:focus { transition-property: box-shadow; }
  .lg-active-transition-shadow:active { transition-property: box-shadow; }
  .lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .lg-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .lg-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .lg-group:hover .lg-group-hover-transition-shadow { transition-property: box-shadow; }
  .lg-transition-transform { transition-property: transform; }
  .lg-hover-transition-transform:hover { transition-property: transform; }
  .lg-focus-transition-transform:focus { transition-property: transform; }
  .lg-active-transition-transform:active { transition-property: transform; }
  .lg-disabled-transition-transform:disabled { transition-property: transform; }
  .lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  .lg-group:hover .lg-group-hover-transition-transform { transition-property: transform; }
  .lg-duration-75 { transition-duration: 75ms; }
  .lg-hover-duration-75:hover { transition-duration: 75ms; }
  .lg-focus-duration-75:focus { transition-duration: 75ms; }
  .lg-active-duration-75:active { transition-duration: 75ms; }
  .lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  .lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .lg-group:hover .lg-group-hover-duration-75 { transition-duration: 75ms; }
  .lg-duration-150 { transition-duration: 150ms; }
  .lg-hover-duration-150:hover { transition-duration: 150ms; }
  .lg-focus-duration-150:focus { transition-duration: 150ms; }
  .lg-active-duration-150:active { transition-duration: 150ms; }
  .lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  .lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .lg-group:hover .lg-group-hover-duration-150 { transition-duration: 150ms; }
  .lg-duration-300 { transition-duration: 300ms; }
  .lg-hover-duration-300:hover { transition-duration: 300ms; }
  .lg-focus-duration-300:focus { transition-duration: 300ms; }
  .lg-active-duration-300:active { transition-duration: 300ms; }
  .lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  .lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .lg-group:hover .lg-group-hover-duration-300 { transition-duration: 300ms; }
  .lg-duration-500 { transition-duration: 500ms; }
  .lg-hover-duration-500:hover { transition-duration: 500ms; }
  .lg-focus-duration-500:focus { transition-duration: 500ms; }
  .lg-active-duration-500:active { transition-duration: 500ms; }
  .lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  .lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .lg-group:hover .lg-group-hover-duration-500 { transition-duration: 500ms; }
  .lg-duration-700 { transition-duration: 700ms; }
  .lg-hover-duration-700:hover { transition-duration: 700ms; }
  .lg-focus-duration-700:focus { transition-duration: 700ms; }
  .lg-active-duration-700:active { transition-duration: 700ms; }
  .lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  .lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .lg-group:hover .lg-group-hover-duration-700 { transition-duration: 700ms; }
  .lg-duration-1000 { transition-duration: 1000ms; }
  .lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  .lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  .lg-active-duration-1000:active { transition-duration: 1000ms; }
  .lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .lg-group:hover .lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  .lg-ease-linear { transition-timing-function: linear; }
  .lg-hover-ease-linear:hover { transition-timing-function: linear; }
  .lg-focus-ease-linear:focus { transition-timing-function: linear; }
  .lg-active-ease-linear:active { transition-timing-function: linear; }
  .lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .lg-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .lg-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .lg-group:hover .lg-group-hover-ease-linear { transition-timing-function: linear; }
  .lg-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-group:hover .lg-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .lg-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-group:hover .lg-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .lg-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-group:hover .lg-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .lg-animate-none { animation: none; }
  .lg-hover-animate-none:hover { animation: none; }
  .lg-focus-animate-none:focus { animation: none; }
  .lg-active-animate-none:active { animation: none; }
  .lg-disabled-animate-none:disabled { animation: none; }
  .lg-focus-visible-animate-none:focus-visible { animation: none; }
  .lg-focus-within-animate-none:focus-within { animation: none; }
  .lg-group:hover .lg-group-hover-animate-none { animation: none; }
  .lg-animate-fade { animation: fade 300ms ease-out both; }
  .lg-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  .lg-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  .lg-active-animate-fade:active { animation: fade 300ms ease-out both; }
  .lg-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  .lg-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  .lg-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  .lg-group:hover .lg-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  .lg-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .lg-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  .lg-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  .lg-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  .lg-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  .lg-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  .lg-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  .lg-group:hover .lg-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .lg-animate-spin { animation: spin 1s linear infinite; }
  .lg-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  .lg-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  .lg-active-animate-spin:active { animation: spin 1s linear infinite; }
  .lg-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  .lg-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  .lg-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  .lg-group:hover .lg-group-hover-animate-spin { animation: spin 1s linear infinite; }
  .lg-transform { transform: var(--quanta-transform, none); }
  .lg-hover-transform:hover { transform: var(--quanta-transform, none); }
  .lg-focus-transform:focus { transform: var(--quanta-transform, none); }
  .lg-active-transform:active { transform: var(--quanta-transform, none); }
  .lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .lg-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .lg-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .lg-group:hover .lg-group-hover-transform { transform: var(--quanta-transform, none); }
  .lg-transform-none { transform: none; }
  .lg-hover-transform-none:hover { transform: none; }
  .lg-focus-transform-none:focus { transform: none; }
  .lg-active-transform-none:active { transform: none; }
  .lg-disabled-transform-none:disabled { transform: none; }
  .lg-focus-visible-transform-none:focus-visible { transform: none; }
  .lg-focus-within-transform-none:focus-within { transform: none; }
  .lg-group:hover .lg-group-hover-transform-none { transform: none; }
  .lg-scale-50 { --quanta-transform: scale(0.5); }
  .lg-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  .lg-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  .lg-active-scale-50:active { --quanta-transform: scale(0.5); }
  .lg-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  .lg-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  .lg-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  .lg-group:hover .lg-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  .lg-scale-75 { --quanta-transform: scale(0.75); }
  .lg-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  .lg-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  .lg-active-scale-75:active { --quanta-transform: scale(0.75); }
  .lg-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  .lg-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  .lg-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  .lg-group:hover .lg-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  .lg-scale-90 { --quanta-transform: scale(0.9); }
  .lg-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  .lg-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  .lg-active-scale-90:active { --quanta-transform: scale(0.9); }
  .lg-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  .lg-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  .lg-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  .lg-group:hover .lg-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  .lg-scale-100 { --quanta-transform: scale(1); }
  .lg-hover-scale-100:hover { --quanta-transform: scale(1); }
  .lg-focus-scale-100:focus { --quanta-transform: scale(1); }
  .lg-active-scale-100:active { --quanta-transform: scale(1); }
  .lg-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  .lg-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  .lg-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  .lg-group:hover .lg-group-hover-scale-100 { --quanta-transform: scale(1); }
  .lg-scale-105 { --quanta-transform: scale(1.05); }
  .lg-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  .lg-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  .lg-active-scale-105:active { --quanta-transform: scale(1.05); }
  .lg-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  .lg-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  .lg-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  .lg-group:hover .lg-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  .lg-scale-110 { --quanta-transform: scale(1.1); }
  .lg-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  .lg-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  .lg-active-scale-110:active { --quanta-transform: scale(1.1); }
  .lg-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  .lg-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  .lg-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  .lg-group:hover .lg-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  .lg-scale-125 { --quanta-transform: scale(1.25); }
  .lg-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  .lg-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  .lg-active-scale-125:active { --quanta-transform: scale(1.25); }
  .lg-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  .lg-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  .lg-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  .lg-group:hover .lg-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  .lg-scale-150 { --quanta-transform: scale(1.5); }
  .lg-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  .lg-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  .lg-active-scale-150:active { --quanta-transform: scale(1.5); }
  .lg-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  .lg-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  .lg-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  .lg-group:hover .lg-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  .lg-translate-x-0 { --quanta-transform: translateX(0); }
  .lg-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  .lg-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  .lg-active-translate-x-0:active { --quanta-transform: translateX(0); }
  .lg-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  .lg-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  .lg-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  .lg-group:hover .lg-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  .lg-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .lg-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  .lg-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  .lg-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  .lg-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  .lg-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  .lg-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .lg-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .lg-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  .lg-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  .lg-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  .lg-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  .lg-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  .lg-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .lg-translate-x-4 { --quanta-transform: translateX(1rem); }
  .lg-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  .lg-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  .lg-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  .lg-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  .lg-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  .lg-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  .lg-group:hover .lg-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  .lg-translate-x-8 { --quanta-transform: translateX(2rem); }
  .lg-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  .lg-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  .lg-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  .lg-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  .lg-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  .lg-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  .lg-group:hover .lg-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  .lg-translate-y-0 { --quanta-transform: translateY(0); }
  .lg-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  .lg-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  .lg-active-translate-y-0:active { --quanta-transform: translateY(0); }
  .lg-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  .lg-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  .lg-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  .lg-group:hover .lg-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  .lg-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .lg-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  .lg-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  .lg-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  .lg-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  .lg-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  .lg-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  .lg-group:hover .lg-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .lg-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .lg-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  .lg-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  .lg-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  .lg-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  .lg-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  .lg-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  .lg-group:hover .lg-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .lg-translate-y-4 { --quanta-transform: translateY(1rem); }
  .lg-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  .lg-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  .lg-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  .lg-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  .lg-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  .lg-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  .lg-group:hover .lg-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  .lg-translate-y-8 { --quanta-transform: translateY(2rem); }
  .lg-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  .lg-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  .lg-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  .lg-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  .lg-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  .lg-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  .lg-group:hover .lg-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  .lg-rotate-0 { --quanta-transform: rotate(0deg); }
  .lg-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  .lg-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  .lg-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  .lg-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  .lg-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  .lg-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  .lg-group:hover .lg-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  .lg-rotate-45 { --quanta-transform: rotate(45deg); }
  .lg-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  .lg-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  .lg-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  .lg-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  .lg-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  .lg-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  .lg-group:hover .lg-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  .lg-rotate-90 { --quanta-transform: rotate(90deg); }
  .lg-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  .lg-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  .lg-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  .lg-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  .lg-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  .lg-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  .lg-group:hover .lg-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  .lg-rotate-180 { --quanta-transform: rotate(180deg); }
  .lg-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  .lg-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  .lg-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  .lg-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  .lg-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  .lg-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  .lg-group:hover .lg-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  .lg-skew-x-0 { --quanta-transform: skewX(0); }
  .lg-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  .lg-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  .lg-active-skew-x-0:active { --quanta-transform: skewX(0); }
  .lg-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  .lg-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  .lg-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  .lg-group:hover .lg-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  .lg-skew-x-3 { --quanta-transform: skewX(3deg); }
  .lg-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  .lg-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  .lg-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  .lg-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  .lg-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  .lg-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  .lg-group:hover .lg-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  .lg-skew-x-6 { --quanta-transform: skewX(6deg); }
  .lg-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  .lg-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  .lg-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  .lg-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  .lg-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  .lg-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  .lg-group:hover .lg-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  .lg-skew-y-0 { --quanta-transform: skewY(0); }
  .lg-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  .lg-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  .lg-active-skew-y-0:active { --quanta-transform: skewY(0); }
  .lg-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  .lg-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  .lg-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  .lg-group:hover .lg-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  .lg-skew-y-3 { --quanta-transform: skewY(3deg); }
  .lg-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  .lg-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  .lg-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  .lg-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  .lg-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  .lg-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  .lg-group:hover .lg-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  .lg-skew-y-6 { --quanta-transform: skewY(6deg); }
  .lg-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  .lg-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  .lg-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  .lg-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  .lg-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  .lg-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  .lg-group:hover .lg-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  .lg-origin-center { transform-origin: center; }
  .lg-hover-origin-center:hover { transform-origin: center; }
  .lg-focus-origin-center:focus { transform-origin: center; }
  .lg-active-origin-center:active { transform-origin: center; }
  .lg-disabled-origin-center:disabled { transform-origin: center; }
  .lg-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .lg-focus-within-origin-center:focus-within { transform-origin: center; }
  .lg-group:hover .lg-group-hover-origin-center { transform-origin: center; }
  .lg-origin-top { transform-origin: top; }
  .lg-hover-origin-top:hover { transform-origin: top; }
  .lg-focus-origin-top:focus { transform-origin: top; }
  .lg-active-origin-top:active { transform-origin: top; }
  .lg-disabled-origin-top:disabled { transform-origin: top; }
  .lg-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .lg-focus-within-origin-top:focus-within { transform-origin: top; }
  .lg-group:hover .lg-group-hover-origin-top { transform-origin: top; }
  .lg-origin-right { transform-origin: right; }
  .lg-hover-origin-right:hover { transform-origin: right; }
  .lg-focus-origin-right:focus { transform-origin: right; }
  .lg-active-origin-right:active { transform-origin: right; }
  .lg-disabled-origin-right:disabled { transform-origin: right; }
  .lg-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .lg-focus-within-origin-right:focus-within { transform-origin: right; }
  .lg-group:hover .lg-group-hover-origin-right { transform-origin: right; }
  .lg-origin-bottom { transform-origin: bottom; }
  .lg-hover-origin-bottom:hover { transform-origin: bottom; }
  .lg-focus-origin-bottom:focus { transform-origin: bottom; }
  .lg-active-origin-bottom:active { transform-origin: bottom; }
  .lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .lg-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .lg-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .lg-group:hover .lg-group-hover-origin-bottom { transform-origin: bottom; }
  .lg-origin-left { transform-origin: left; }
  .lg-hover-origin-left:hover { transform-origin: left; }
  .lg-focus-origin-left:focus { transform-origin: left; }
  .lg-active-origin-left:active { transform-origin: left; }
  .lg-disabled-origin-left:disabled { transform-origin: left; }
  .lg-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .lg-focus-within-origin-left:focus-within { transform-origin: left; }
  .lg-group:hover .lg-group-hover-origin-left { transform-origin: left; }
  .lg-perspective-none { perspective: none; }
  .lg-hover-perspective-none:hover { perspective: none; }
  .lg-focus-perspective-none:focus { perspective: none; }
  .lg-active-perspective-none:active { perspective: none; }
  .lg-disabled-perspective-none:disabled { perspective: none; }
  .lg-focus-visible-perspective-none:focus-visible { perspective: none; }
  .lg-focus-within-perspective-none:focus-within { perspective: none; }
  .lg-group:hover .lg-group-hover-perspective-none { perspective: none; }
  .lg-perspective-sm { perspective: 400px; }
  .lg-hover-perspective-sm:hover { perspective: 400px; }
  .lg-focus-perspective-sm:focus { perspective: 400px; }
  .lg-active-perspective-sm:active { perspective: 400px; }
  .lg-disabled-perspective-sm:disabled { perspective: 400px; }
  .lg-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  .lg-focus-within-perspective-sm:focus-within { perspective: 400px; }
  .lg-group:hover .lg-group-hover-perspective-sm { perspective: 400px; }
  .lg-perspective-md { perspective: 800px; }
  .lg-hover-perspective-md:hover { perspective: 800px; }
  .lg-focus-perspective-md:focus { perspective: 800px; }
  .lg-active-perspective-md:active { perspective: 800px; }
  .lg-disabled-perspective-md:disabled { perspective: 800px; }
  .lg-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  .lg-focus-within-perspective-md:focus-within { perspective: 800px; }
  .lg-group:hover .lg-group-hover-perspective-md { perspective: 800px; }
  .lg-perspective-lg { perspective: 1200px; }
  .lg-hover-perspective-lg:hover { perspective: 1200px; }
  .lg-focus-perspective-lg:focus { perspective: 1200px; }
  .lg-active-perspective-lg:active { perspective: 1200px; }
  .lg-disabled-perspective-lg:disabled { perspective: 1200px; }
  .lg-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  .lg-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  .lg-group:hover .lg-group-hover-perspective-lg { perspective: 1200px; }
  .lg-perspective-xl { perspective: 1600px; }
  .lg-hover-perspective-xl:hover { perspective: 1600px; }
  .lg-focus-perspective-xl:focus { perspective: 1600px; }
  .lg-active-perspective-xl:active { perspective: 1600px; }
  .lg-disabled-perspective-xl:disabled { perspective: 1600px; }
  .lg-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  .lg-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  .lg-group:hover .lg-group-hover-perspective-xl { perspective: 1600px; }
  .lg-perspective-origin-center { perspective-origin: center; }
  .lg-hover-perspective-origin-center:hover { perspective-origin: center; }
  .lg-focus-perspective-origin-center:focus { perspective-origin: center; }
  .lg-active-perspective-origin-center:active { perspective-origin: center; }
  .lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .lg-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .lg-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .lg-group:hover .lg-group-hover-perspective-origin-center { perspective-origin: center; }
  .lg-perspective-origin-top { perspective-origin: top; }
  .lg-hover-perspective-origin-top:hover { perspective-origin: top; }
  .lg-focus-perspective-origin-top:focus { perspective-origin: top; }
  .lg-active-perspective-origin-top:active { perspective-origin: top; }
  .lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .lg-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .lg-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .lg-group:hover .lg-group-hover-perspective-origin-top { perspective-origin: top; }
  .lg-perspective-origin-left { perspective-origin: left; }
  .lg-hover-perspective-origin-left:hover { perspective-origin: left; }
  .lg-focus-perspective-origin-left:focus { perspective-origin: left; }
  .lg-active-perspective-origin-left:active { perspective-origin: left; }
  .lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .lg-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .lg-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .lg-group:hover .lg-group-hover-perspective-origin-left { perspective-origin: left; }
  .lg-perspective-origin-right { perspective-origin: right; }
  .lg-hover-perspective-origin-right:hover { perspective-origin: right; }
  .lg-focus-perspective-origin-right:focus { perspective-origin: right; }
  .lg-active-perspective-origin-right:active { perspective-origin: right; }
  .lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .lg-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .lg-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .lg-group:hover .lg-group-hover-perspective-origin-right { perspective-origin: right; }
  .lg-perspective-origin-bottom { perspective-origin: bottom; }
  .lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .lg-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .lg-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .lg-group:hover .lg-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .lg-backface-visible { backface-visibility: visible; }
  .lg-hover-backface-visible:hover { backface-visibility: visible; }
  .lg-focus-backface-visible:focus { backface-visibility: visible; }
  .lg-active-backface-visible:active { backface-visibility: visible; }
  .lg-disabled-backface-visible:disabled { backface-visibility: visible; }
  .lg-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .lg-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .lg-group:hover .lg-group-hover-backface-visible { backface-visibility: visible; }
  .lg-backface-hidden { backface-visibility: hidden; }
  .lg-hover-backface-hidden:hover { backface-visibility: hidden; }
  .lg-focus-backface-hidden:focus { backface-visibility: hidden; }
  .lg-active-backface-hidden:active { backface-visibility: hidden; }
  .lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .lg-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .lg-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .lg-group:hover .lg-group-hover-backface-hidden { backface-visibility: hidden; }
  .lg-transform-style-flat { transform-style: flat; }
  .lg-hover-transform-style-flat:hover { transform-style: flat; }
  .lg-focus-transform-style-flat:focus { transform-style: flat; }
  .lg-active-transform-style-flat:active { transform-style: flat; }
  .lg-disabled-transform-style-flat:disabled { transform-style: flat; }
  .lg-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .lg-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .lg-group:hover .lg-group-hover-transform-style-flat { transform-style: flat; }
  .lg-transform-style-preserve { transform-style: preserve-3d; }
  .lg-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  .lg-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  .lg-active-transform-style-preserve:active { transform-style: preserve-3d; }
  .lg-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  .lg-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  .lg-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  .lg-group:hover .lg-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  .lg-filter-none { filter: none; }
  .lg-hover-filter-none:hover { filter: none; }
  .lg-focus-filter-none:focus { filter: none; }
  .lg-active-filter-none:active { filter: none; }
  .lg-disabled-filter-none:disabled { filter: none; }
  .lg-focus-visible-filter-none:focus-visible { filter: none; }
  .lg-focus-within-filter-none:focus-within { filter: none; }
  .lg-group:hover .lg-group-hover-filter-none { filter: none; }
  .lg-filter-grayscale { filter: grayscale(100%); }
  .lg-hover-filter-grayscale:hover { filter: grayscale(100%); }
  .lg-focus-filter-grayscale:focus { filter: grayscale(100%); }
  .lg-active-filter-grayscale:active { filter: grayscale(100%); }
  .lg-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  .lg-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  .lg-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  .lg-group:hover .lg-group-hover-filter-grayscale { filter: grayscale(100%); }
  .lg-filter-blur { filter: blur(4px); }
  .lg-hover-filter-blur:hover { filter: blur(4px); }
  .lg-focus-filter-blur:focus { filter: blur(4px); }
  .lg-active-filter-blur:active { filter: blur(4px); }
  .lg-disabled-filter-blur:disabled { filter: blur(4px); }
  .lg-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  .lg-focus-within-filter-blur:focus-within { filter: blur(4px); }
  .lg-group:hover .lg-group-hover-filter-blur { filter: blur(4px); }
  .lg-filter-brightness-50 { filter: brightness(0.5); }
  .lg-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  .lg-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  .lg-active-filter-brightness-50:active { filter: brightness(0.5); }
  .lg-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  .lg-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  .lg-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  .lg-group:hover .lg-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  .lg-filter-contrast-125 { filter: contrast(1.25); }
  .lg-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  .lg-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  .lg-active-filter-contrast-125:active { filter: contrast(1.25); }
  .lg-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  .lg-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  .lg-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  .lg-group:hover .lg-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  .lg-filter-saturate-150 { filter: saturate(1.5); }
  .lg-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  .lg-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  .lg-active-filter-saturate-150:active { filter: saturate(1.5); }
  .lg-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  .lg-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  .lg-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  .lg-group:hover .lg-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  .lg-filter-sepia { filter: sepia(100%); }
  .lg-hover-filter-sepia:hover { filter: sepia(100%); }
  .lg-focus-filter-sepia:focus { filter: sepia(100%); }
  .lg-active-filter-sepia:active { filter: sepia(100%); }
  .lg-disabled-filter-sepia:disabled { filter: sepia(100%); }
  .lg-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  .lg-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  .lg-group:hover .lg-group-hover-filter-sepia { filter: sepia(100%); }
  .lg-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .lg-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .lg-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .lg-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .lg-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .lg-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .lg-group:hover .lg-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .lg-backdrop-filter-none { backdrop-filter: none; }
  .lg-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  .lg-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  .lg-active-backdrop-filter-none:active { backdrop-filter: none; }
  .lg-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  .lg-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  .lg-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  .lg-group:hover .lg-group-hover-backdrop-filter-none { backdrop-filter: none; }
  .lg-backdrop-blur { backdrop-filter: blur(4px); }
  .lg-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  .lg-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  .lg-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  .lg-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  .lg-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  .lg-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  .lg-group:hover .lg-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  .lg-bg-blend-normal { background-blend-mode: normal; }
  .lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .lg-active-bg-blend-normal:active { background-blend-mode: normal; }
  .lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .lg-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .lg-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .lg-group:hover .lg-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .lg-bg-blend-multiply { background-blend-mode: multiply; }
  .lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .lg-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .lg-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .lg-group:hover .lg-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .lg-bg-blend-screen { background-blend-mode: screen; }
  .lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .lg-active-bg-blend-screen:active { background-blend-mode: screen; }
  .lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .lg-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .lg-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .lg-group:hover .lg-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .lg-bg-blend-overlay { background-blend-mode: overlay; }
  .lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .lg-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .lg-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .lg-group:hover .lg-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .lg-bg-blend-darken { background-blend-mode: darken; }
  .lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .lg-active-bg-blend-darken:active { background-blend-mode: darken; }
  .lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .lg-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .lg-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .lg-group:hover .lg-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .lg-bg-blend-lighten { background-blend-mode: lighten; }
  .lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .lg-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .lg-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .lg-group:hover .lg-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .lg-mix-blend-normal { mix-blend-mode: normal; }
  .lg-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  .lg-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  .lg-active-mix-blend-normal:active { mix-blend-mode: normal; }
  .lg-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  .lg-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  .lg-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  .lg-group:hover .lg-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  .lg-mix-blend-multiply { mix-blend-mode: multiply; }
  .lg-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  .lg-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  .lg-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  .lg-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  .lg-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  .lg-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  .lg-group:hover .lg-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  .lg-mix-blend-screen { mix-blend-mode: screen; }
  .lg-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  .lg-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  .lg-active-mix-blend-screen:active { mix-blend-mode: screen; }
  .lg-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  .lg-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  .lg-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  .lg-group:hover .lg-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  .lg-mix-blend-overlay { mix-blend-mode: overlay; }
  .lg-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  .lg-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  .lg-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  .lg-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  .lg-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  .lg-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  .lg-group:hover .lg-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  .lg-decoration-slice { box-decoration-break: slice; }
  .lg-hover-decoration-slice:hover { box-decoration-break: slice; }
  .lg-focus-decoration-slice:focus { box-decoration-break: slice; }
  .lg-active-decoration-slice:active { box-decoration-break: slice; }
  .lg-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  .lg-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  .lg-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  .lg-group:hover .lg-group-hover-decoration-slice { box-decoration-break: slice; }
  .lg-decoration-clone { box-decoration-break: clone; }
  .lg-hover-decoration-clone:hover { box-decoration-break: clone; }
  .lg-focus-decoration-clone:focus { box-decoration-break: clone; }
  .lg-active-decoration-clone:active { box-decoration-break: clone; }
  .lg-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  .lg-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  .lg-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  .lg-group:hover .lg-group-hover-decoration-clone { box-decoration-break: clone; }
  .lg-box-border { box-sizing: border-box; }
  .lg-hover-box-border:hover { box-sizing: border-box; }
  .lg-focus-box-border:focus { box-sizing: border-box; }
  .lg-active-box-border:active { box-sizing: border-box; }
  .lg-disabled-box-border:disabled { box-sizing: border-box; }
  .lg-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .lg-focus-within-box-border:focus-within { box-sizing: border-box; }
  .lg-group:hover .lg-group-hover-box-border { box-sizing: border-box; }
  .lg-box-content { box-sizing: content-box; }
  .lg-hover-box-content:hover { box-sizing: content-box; }
  .lg-focus-box-content:focus { box-sizing: content-box; }
  .lg-active-box-content:active { box-sizing: content-box; }
  .lg-disabled-box-content:disabled { box-sizing: content-box; }
  .lg-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .lg-focus-within-box-content:focus-within { box-sizing: content-box; }
  .lg-group:hover .lg-group-hover-box-content { box-sizing: content-box; }
  .lg-break-after-auto { break-after: auto; }
  .lg-hover-break-after-auto:hover { break-after: auto; }
  .lg-focus-break-after-auto:focus { break-after: auto; }
  .lg-active-break-after-auto:active { break-after: auto; }
  .lg-disabled-break-after-auto:disabled { break-after: auto; }
  .lg-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  .lg-focus-within-break-after-auto:focus-within { break-after: auto; }
  .lg-group:hover .lg-group-hover-break-after-auto { break-after: auto; }
  .lg-break-after-avoid { break-after: avoid; }
  .lg-hover-break-after-avoid:hover { break-after: avoid; }
  .lg-focus-break-after-avoid:focus { break-after: avoid; }
  .lg-active-break-after-avoid:active { break-after: avoid; }
  .lg-disabled-break-after-avoid:disabled { break-after: avoid; }
  .lg-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  .lg-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  .lg-group:hover .lg-group-hover-break-after-avoid { break-after: avoid; }
  .lg-break-after-all { break-after: all; }
  .lg-hover-break-after-all:hover { break-after: all; }
  .lg-focus-break-after-all:focus { break-after: all; }
  .lg-active-break-after-all:active { break-after: all; }
  .lg-disabled-break-after-all:disabled { break-after: all; }
  .lg-focus-visible-break-after-all:focus-visible { break-after: all; }
  .lg-focus-within-break-after-all:focus-within { break-after: all; }
  .lg-group:hover .lg-group-hover-break-after-all { break-after: all; }
  .lg-break-after-avoid-page { break-after: avoid-page; }
  .lg-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  .lg-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  .lg-active-break-after-avoid-page:active { break-after: avoid-page; }
  .lg-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  .lg-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  .lg-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  .lg-group:hover .lg-group-hover-break-after-avoid-page { break-after: avoid-page; }
  .lg-break-after-page { break-after: page; }
  .lg-hover-break-after-page:hover { break-after: page; }
  .lg-focus-break-after-page:focus { break-after: page; }
  .lg-active-break-after-page:active { break-after: page; }
  .lg-disabled-break-after-page:disabled { break-after: page; }
  .lg-focus-visible-break-after-page:focus-visible { break-after: page; }
  .lg-focus-within-break-after-page:focus-within { break-after: page; }
  .lg-group:hover .lg-group-hover-break-after-page { break-after: page; }
  .lg-break-after-left { break-after: left; }
  .lg-hover-break-after-left:hover { break-after: left; }
  .lg-focus-break-after-left:focus { break-after: left; }
  .lg-active-break-after-left:active { break-after: left; }
  .lg-disabled-break-after-left:disabled { break-after: left; }
  .lg-focus-visible-break-after-left:focus-visible { break-after: left; }
  .lg-focus-within-break-after-left:focus-within { break-after: left; }
  .lg-group:hover .lg-group-hover-break-after-left { break-after: left; }
  .lg-break-after-right { break-after: right; }
  .lg-hover-break-after-right:hover { break-after: right; }
  .lg-focus-break-after-right:focus { break-after: right; }
  .lg-active-break-after-right:active { break-after: right; }
  .lg-disabled-break-after-right:disabled { break-after: right; }
  .lg-focus-visible-break-after-right:focus-visible { break-after: right; }
  .lg-focus-within-break-after-right:focus-within { break-after: right; }
  .lg-group:hover .lg-group-hover-break-after-right { break-after: right; }
  .lg-break-after-column { break-after: column; }
  .lg-hover-break-after-column:hover { break-after: column; }
  .lg-focus-break-after-column:focus { break-after: column; }
  .lg-active-break-after-column:active { break-after: column; }
  .lg-disabled-break-after-column:disabled { break-after: column; }
  .lg-focus-visible-break-after-column:focus-visible { break-after: column; }
  .lg-focus-within-break-after-column:focus-within { break-after: column; }
  .lg-group:hover .lg-group-hover-break-after-column { break-after: column; }
  .lg-break-before-auto { break-before: auto; }
  .lg-hover-break-before-auto:hover { break-before: auto; }
  .lg-focus-break-before-auto:focus { break-before: auto; }
  .lg-active-break-before-auto:active { break-before: auto; }
  .lg-disabled-break-before-auto:disabled { break-before: auto; }
  .lg-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  .lg-focus-within-break-before-auto:focus-within { break-before: auto; }
  .lg-group:hover .lg-group-hover-break-before-auto { break-before: auto; }
  .lg-break-before-avoid { break-before: avoid; }
  .lg-hover-break-before-avoid:hover { break-before: avoid; }
  .lg-focus-break-before-avoid:focus { break-before: avoid; }
  .lg-active-break-before-avoid:active { break-before: avoid; }
  .lg-disabled-break-before-avoid:disabled { break-before: avoid; }
  .lg-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  .lg-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  .lg-group:hover .lg-group-hover-break-before-avoid { break-before: avoid; }
  .lg-break-before-all { break-before: all; }
  .lg-hover-break-before-all:hover { break-before: all; }
  .lg-focus-break-before-all:focus { break-before: all; }
  .lg-active-break-before-all:active { break-before: all; }
  .lg-disabled-break-before-all:disabled { break-before: all; }
  .lg-focus-visible-break-before-all:focus-visible { break-before: all; }
  .lg-focus-within-break-before-all:focus-within { break-before: all; }
  .lg-group:hover .lg-group-hover-break-before-all { break-before: all; }
  .lg-break-before-avoid-page { break-before: avoid-page; }
  .lg-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  .lg-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  .lg-active-break-before-avoid-page:active { break-before: avoid-page; }
  .lg-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  .lg-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  .lg-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  .lg-group:hover .lg-group-hover-break-before-avoid-page { break-before: avoid-page; }
  .lg-break-before-page { break-before: page; }
  .lg-hover-break-before-page:hover { break-before: page; }
  .lg-focus-break-before-page:focus { break-before: page; }
  .lg-active-break-before-page:active { break-before: page; }
  .lg-disabled-break-before-page:disabled { break-before: page; }
  .lg-focus-visible-break-before-page:focus-visible { break-before: page; }
  .lg-focus-within-break-before-page:focus-within { break-before: page; }
  .lg-group:hover .lg-group-hover-break-before-page { break-before: page; }
  .lg-break-before-left { break-before: left; }
  .lg-hover-break-before-left:hover { break-before: left; }
  .lg-focus-break-before-left:focus { break-before: left; }
  .lg-active-break-before-left:active { break-before: left; }
  .lg-disabled-break-before-left:disabled { break-before: left; }
  .lg-focus-visible-break-before-left:focus-visible { break-before: left; }
  .lg-focus-within-break-before-left:focus-within { break-before: left; }
  .lg-group:hover .lg-group-hover-break-before-left { break-before: left; }
  .lg-break-before-right { break-before: right; }
  .lg-hover-break-before-right:hover { break-before: right; }
  .lg-focus-break-before-right:focus { break-before: right; }
  .lg-active-break-before-right:active { break-before: right; }
  .lg-disabled-break-before-right:disabled { break-before: right; }
  .lg-focus-visible-break-before-right:focus-visible { break-before: right; }
  .lg-focus-within-break-before-right:focus-within { break-before: right; }
  .lg-group:hover .lg-group-hover-break-before-right { break-before: right; }
  .lg-break-before-column { break-before: column; }
  .lg-hover-break-before-column:hover { break-before: column; }
  .lg-focus-break-before-column:focus { break-before: column; }
  .lg-active-break-before-column:active { break-before: column; }
  .lg-disabled-break-before-column:disabled { break-before: column; }
  .lg-focus-visible-break-before-column:focus-visible { break-before: column; }
  .lg-focus-within-break-before-column:focus-within { break-before: column; }
  .lg-group:hover .lg-group-hover-break-before-column { break-before: column; }
  .lg-break-inside-auto { break-inside: auto; }
  .lg-hover-break-inside-auto:hover { break-inside: auto; }
  .lg-focus-break-inside-auto:focus { break-inside: auto; }
  .lg-active-break-inside-auto:active { break-inside: auto; }
  .lg-disabled-break-inside-auto:disabled { break-inside: auto; }
  .lg-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  .lg-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  .lg-group:hover .lg-group-hover-break-inside-auto { break-inside: auto; }
  .lg-break-inside-avoid { break-inside: avoid; }
  .lg-hover-break-inside-avoid:hover { break-inside: avoid; }
  .lg-focus-break-inside-avoid:focus { break-inside: avoid; }
  .lg-active-break-inside-avoid:active { break-inside: avoid; }
  .lg-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  .lg-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  .lg-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  .lg-group:hover .lg-group-hover-break-inside-avoid { break-inside: avoid; }
  .lg-break-inside-avoid-page { break-inside: avoid-page; }
  .lg-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  .lg-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  .lg-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  .lg-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  .lg-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  .lg-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  .lg-group:hover .lg-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  .lg-break-inside-avoid-column { break-inside: avoid-column; }
  .lg-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  .lg-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  .lg-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  .lg-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  .lg-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  .lg-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  .lg-group:hover .lg-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  .lg-clip-none { clip-path: none; }
  .lg-hover-clip-none:hover { clip-path: none; }
  .lg-focus-clip-none:focus { clip-path: none; }
  .lg-active-clip-none:active { clip-path: none; }
  .lg-disabled-clip-none:disabled { clip-path: none; }
  .lg-focus-visible-clip-none:focus-visible { clip-path: none; }
  .lg-focus-within-clip-none:focus-within { clip-path: none; }
  .lg-group:hover .lg-group-hover-clip-none { clip-path: none; }
  .lg-clip-circle { clip-path: circle(50%); }
  .lg-hover-clip-circle:hover { clip-path: circle(50%); }
  .lg-focus-clip-circle:focus { clip-path: circle(50%); }
  .lg-active-clip-circle:active { clip-path: circle(50%); }
  .lg-disabled-clip-circle:disabled { clip-path: circle(50%); }
  .lg-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  .lg-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  .lg-group:hover .lg-group-hover-clip-circle { clip-path: circle(50%); }
  .lg-clip-ellipse { clip-path: ellipse(50% 75%); }
  .lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  .lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  .lg-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  .lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  .lg-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  .lg-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  .lg-group:hover .lg-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  .lg-clip-inset { clip-path: inset(10%); }
  .lg-hover-clip-inset:hover { clip-path: inset(10%); }
  .lg-focus-clip-inset:focus { clip-path: inset(10%); }
  .lg-active-clip-inset:active { clip-path: inset(10%); }
  .lg-disabled-clip-inset:disabled { clip-path: inset(10%); }
  .lg-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  .lg-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  .lg-group:hover .lg-group-hover-clip-inset { clip-path: inset(10%); }
  .lg-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-group:hover .lg-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .lg-outline-none { outline: none; }
  .lg-hover-outline-none:hover { outline: none; }
  .lg-focus-outline-none:focus { outline: none; }
  .lg-active-outline-none:active { outline: none; }
  .lg-disabled-outline-none:disabled { outline: none; }
  .lg-focus-visible-outline-none:focus-visible { outline: none; }
  .lg-focus-within-outline-none:focus-within { outline: none; }
  .lg-group:hover .lg-group-hover-outline-none { outline: none; }
  .lg-outline-solid { outline-style: solid; }
  .lg-hover-outline-solid:hover { outline-style: solid; }
  .lg-focus-outline-solid:focus { outline-style: solid; }
  .lg-active-outline-solid:active { outline-style: solid; }
  .lg-disabled-outline-solid:disabled { outline-style: solid; }
  .lg-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  .lg-focus-within-outline-solid:focus-within { outline-style: solid; }
  .lg-group:hover .lg-group-hover-outline-solid { outline-style: solid; }
  .lg-outline-dashed { outline-style: dashed; }
  .lg-hover-outline-dashed:hover { outline-style: dashed; }
  .lg-focus-outline-dashed:focus { outline-style: dashed; }
  .lg-active-outline-dashed:active { outline-style: dashed; }
  .lg-disabled-outline-dashed:disabled { outline-style: dashed; }
  .lg-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  .lg-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  .lg-group:hover .lg-group-hover-outline-dashed { outline-style: dashed; }
  .lg-outline-offset-0 { outline-offset: 0; }
  .lg-hover-outline-offset-0:hover { outline-offset: 0; }
  .lg-focus-outline-offset-0:focus { outline-offset: 0; }
  .lg-active-outline-offset-0:active { outline-offset: 0; }
  .lg-disabled-outline-offset-0:disabled { outline-offset: 0; }
  .lg-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  .lg-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  .lg-group:hover .lg-group-hover-outline-offset-0 { outline-offset: 0; }
  .lg-outline-offset-2 { outline-offset: 2px; }
  .lg-hover-outline-offset-2:hover { outline-offset: 2px; }
  .lg-focus-outline-offset-2:focus { outline-offset: 2px; }
  .lg-active-outline-offset-2:active { outline-offset: 2px; }
  .lg-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  .lg-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  .lg-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  .lg-group:hover .lg-group-hover-outline-offset-2 { outline-offset: 2px; }
  .lg-outline-offset-4 { outline-offset: 4px; }
  .lg-hover-outline-offset-4:hover { outline-offset: 4px; }
  .lg-focus-outline-offset-4:focus { outline-offset: 4px; }
  .lg-active-outline-offset-4:active { outline-offset: 4px; }
  .lg-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  .lg-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  .lg-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  .lg-group:hover .lg-group-hover-outline-offset-4 { outline-offset: 4px; }
  .lg-shadow-none { box-shadow: none; }
  .lg-hover-shadow-none:hover { box-shadow: none; }
  .lg-focus-shadow-none:focus { box-shadow: none; }
  .lg-active-shadow-none:active { box-shadow: none; }
  .lg-disabled-shadow-none:disabled { box-shadow: none; }
  .lg-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  .lg-focus-within-shadow-none:focus-within { box-shadow: none; }
  .lg-group:hover .lg-group-hover-shadow-none { box-shadow: none; }
  .lg-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-group:hover .lg-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .lg-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-group:hover .lg-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .lg-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-group:hover .lg-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .lg-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-group:hover .lg-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .lg-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-group:hover .lg-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .lg-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-group:hover .lg-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .lg-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .lg-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .lg-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .lg-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .lg-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .lg-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-group:hover .lg-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .lg-accent-auto { accent-color: auto; }
  .lg-hover-accent-auto:hover { accent-color: auto; }
  .lg-focus-accent-auto:focus { accent-color: auto; }
  .lg-active-accent-auto:active { accent-color: auto; }
  .lg-disabled-accent-auto:disabled { accent-color: auto; }
  .lg-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .lg-focus-within-accent-auto:focus-within { accent-color: auto; }
  .lg-group:hover .lg-group-hover-accent-auto { accent-color: auto; }
  .lg-accent-current { accent-color: currentColor; }
  .lg-hover-accent-current:hover { accent-color: currentColor; }
  .lg-focus-accent-current:focus { accent-color: currentColor; }
  .lg-active-accent-current:active { accent-color: currentColor; }
  .lg-disabled-accent-current:disabled { accent-color: currentColor; }
  .lg-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  .lg-focus-within-accent-current:focus-within { accent-color: currentColor; }
  .lg-group:hover .lg-group-hover-accent-current { accent-color: currentColor; }
  .lg-appearance-none { appearance: none; }
  .lg-hover-appearance-none:hover { appearance: none; }
  .lg-focus-appearance-none:focus { appearance: none; }
  .lg-active-appearance-none:active { appearance: none; }
  .lg-disabled-appearance-none:disabled { appearance: none; }
  .lg-focus-visible-appearance-none:focus-visible { appearance: none; }
  .lg-focus-within-appearance-none:focus-within { appearance: none; }
  .lg-group:hover .lg-group-hover-appearance-none { appearance: none; }
  .lg-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-group:hover .lg-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-group:hover .lg-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .lg-cursor-auto { cursor: auto; }
  .lg-hover-cursor-auto:hover { cursor: auto; }
  .lg-focus-cursor-auto:focus { cursor: auto; }
  .lg-active-cursor-auto:active { cursor: auto; }
  .lg-disabled-cursor-auto:disabled { cursor: auto; }
  .lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  .lg-group:hover .lg-group-hover-cursor-auto { cursor: auto; }
  .lg-cursor-pointer { cursor: pointer; }
  .lg-hover-cursor-pointer:hover { cursor: pointer; }
  .lg-focus-cursor-pointer:focus { cursor: pointer; }
  .lg-active-cursor-pointer:active { cursor: pointer; }
  .lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  .lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .lg-group:hover .lg-group-hover-cursor-pointer { cursor: pointer; }
  .lg-cursor-default { cursor: default; }
  .lg-hover-cursor-default:hover { cursor: default; }
  .lg-focus-cursor-default:focus { cursor: default; }
  .lg-active-cursor-default:active { cursor: default; }
  .lg-disabled-cursor-default:disabled { cursor: default; }
  .lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  .lg-focus-within-cursor-default:focus-within { cursor: default; }
  .lg-group:hover .lg-group-hover-cursor-default { cursor: default; }
  .lg-cursor-wait { cursor: wait; }
  .lg-hover-cursor-wait:hover { cursor: wait; }
  .lg-focus-cursor-wait:focus { cursor: wait; }
  .lg-active-cursor-wait:active { cursor: wait; }
  .lg-disabled-cursor-wait:disabled { cursor: wait; }
  .lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  .lg-group:hover .lg-group-hover-cursor-wait { cursor: wait; }
  .lg-cursor-text { cursor: text; }
  .lg-hover-cursor-text:hover { cursor: text; }
  .lg-focus-cursor-text:focus { cursor: text; }
  .lg-active-cursor-text:active { cursor: text; }
  .lg-disabled-cursor-text:disabled { cursor: text; }
  .lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  .lg-focus-within-cursor-text:focus-within { cursor: text; }
  .lg-group:hover .lg-group-hover-cursor-text { cursor: text; }
  .lg-cursor-move { cursor: move; }
  .lg-hover-cursor-move:hover { cursor: move; }
  .lg-focus-cursor-move:focus { cursor: move; }
  .lg-active-cursor-move:active { cursor: move; }
  .lg-disabled-cursor-move:disabled { cursor: move; }
  .lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  .lg-focus-within-cursor-move:focus-within { cursor: move; }
  .lg-group:hover .lg-group-hover-cursor-move { cursor: move; }
  .lg-cursor-not-allowed { cursor: not-allowed; }
  .lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  .lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .lg-group:hover .lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .lg-pointer-events-auto { pointer-events: auto; }
  .lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  .lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  .lg-active-pointer-events-auto:active { pointer-events: auto; }
  .lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .lg-group:hover .lg-group-hover-pointer-events-auto { pointer-events: auto; }
  .lg-pointer-events-none { pointer-events: none; }
  .lg-hover-pointer-events-none:hover { pointer-events: none; }
  .lg-focus-pointer-events-none:focus { pointer-events: none; }
  .lg-active-pointer-events-none:active { pointer-events: none; }
  .lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  .lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .lg-group:hover .lg-group-hover-pointer-events-none { pointer-events: none; }
  .lg-resize-none { resize: none; }
  .lg-hover-resize-none:hover { resize: none; }
  .lg-focus-resize-none:focus { resize: none; }
  .lg-active-resize-none:active { resize: none; }
  .lg-disabled-resize-none:disabled { resize: none; }
  .lg-focus-visible-resize-none:focus-visible { resize: none; }
  .lg-focus-within-resize-none:focus-within { resize: none; }
  .lg-group:hover .lg-group-hover-resize-none { resize: none; }
  .lg-resize-y { resize: vertical; }
  .lg-hover-resize-y:hover { resize: vertical; }
  .lg-focus-resize-y:focus { resize: vertical; }
  .lg-active-resize-y:active { resize: vertical; }
  .lg-disabled-resize-y:disabled { resize: vertical; }
  .lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  .lg-focus-within-resize-y:focus-within { resize: vertical; }
  .lg-group:hover .lg-group-hover-resize-y { resize: vertical; }
  .lg-resize-x { resize: horizontal; }
  .lg-hover-resize-x:hover { resize: horizontal; }
  .lg-focus-resize-x:focus { resize: horizontal; }
  .lg-active-resize-x:active { resize: horizontal; }
  .lg-disabled-resize-x:disabled { resize: horizontal; }
  .lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .lg-focus-within-resize-x:focus-within { resize: horizontal; }
  .lg-group:hover .lg-group-hover-resize-x { resize: horizontal; }
  .lg-resize { resize: both; }
  .lg-hover-resize:hover { resize: both; }
  .lg-focus-resize:focus { resize: both; }
  .lg-active-resize:active { resize: both; }
  .lg-disabled-resize:disabled { resize: both; }
  .lg-focus-visible-resize:focus-visible { resize: both; }
  .lg-focus-within-resize:focus-within { resize: both; }
  .lg-group:hover .lg-group-hover-resize { resize: both; }
  .lg-scroll-auto { scroll-behavior: auto; }
  .lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  .lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  .lg-active-scroll-auto:active { scroll-behavior: auto; }
  .lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .lg-group:hover .lg-group-hover-scroll-auto { scroll-behavior: auto; }
  .lg-scroll-smooth { scroll-behavior: smooth; }
  .lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  .lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .lg-group:hover .lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .lg-scroll-m-0 { scroll-margin: 0; }
  .lg-hover-scroll-m-0:hover { scroll-margin: 0; }
  .lg-focus-scroll-m-0:focus { scroll-margin: 0; }
  .lg-active-scroll-m-0:active { scroll-margin: 0; }
  .lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .lg-group:hover .lg-group-hover-scroll-m-0 { scroll-margin: 0; }
  .lg-scroll-m-1 { scroll-margin: 0.25rem; }
  .lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .lg-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .lg-scroll-m-2 { scroll-margin: 0.5rem; }
  .lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .lg-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .lg-scroll-m-4 { scroll-margin: 1rem; }
  .lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .lg-active-scroll-m-4:active { scroll-margin: 1rem; }
  .lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .lg-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .lg-scroll-m-8 { scroll-margin: 2rem; }
  .lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .lg-active-scroll-m-8:active { scroll-margin: 2rem; }
  .lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .lg-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .lg-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .lg-scroll-p-0 { scroll-padding: 0; }
  .lg-hover-scroll-p-0:hover { scroll-padding: 0; }
  .lg-focus-scroll-p-0:focus { scroll-padding: 0; }
  .lg-active-scroll-p-0:active { scroll-padding: 0; }
  .lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .lg-group:hover .lg-group-hover-scroll-p-0 { scroll-padding: 0; }
  .lg-scroll-p-1 { scroll-padding: 0.25rem; }
  .lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .lg-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .lg-group:hover .lg-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .lg-scroll-p-2 { scroll-padding: 0.5rem; }
  .lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .lg-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .lg-group:hover .lg-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .lg-scroll-p-4 { scroll-padding: 1rem; }
  .lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .lg-active-scroll-p-4:active { scroll-padding: 1rem; }
  .lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .lg-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .lg-group:hover .lg-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .lg-scroll-p-8 { scroll-padding: 2rem; }
  .lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .lg-active-scroll-p-8:active { scroll-padding: 2rem; }
  .lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .lg-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .lg-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .lg-group:hover .lg-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .lg-overscroll-auto { overscroll-behavior: auto; }
  .lg-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  .lg-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  .lg-active-overscroll-auto:active { overscroll-behavior: auto; }
  .lg-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  .lg-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  .lg-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  .lg-group:hover .lg-group-hover-overscroll-auto { overscroll-behavior: auto; }
  .lg-overscroll-contain { overscroll-behavior: contain; }
  .lg-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  .lg-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  .lg-active-overscroll-contain:active { overscroll-behavior: contain; }
  .lg-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  .lg-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  .lg-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  .lg-group:hover .lg-group-hover-overscroll-contain { overscroll-behavior: contain; }
  .lg-overscroll-none { overscroll-behavior: none; }
  .lg-hover-overscroll-none:hover { overscroll-behavior: none; }
  .lg-focus-overscroll-none:focus { overscroll-behavior: none; }
  .lg-active-overscroll-none:active { overscroll-behavior: none; }
  .lg-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  .lg-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  .lg-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  .lg-group:hover .lg-group-hover-overscroll-none { overscroll-behavior: none; }
  .lg-overscroll-x-auto { overscroll-behavior-x: auto; }
  .lg-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  .lg-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  .lg-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  .lg-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  .lg-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  .lg-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  .lg-group:hover .lg-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  .lg-overscroll-x-contain { overscroll-behavior-x: contain; }
  .lg-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  .lg-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  .lg-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  .lg-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  .lg-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  .lg-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  .lg-group:hover .lg-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  .lg-overscroll-x-none { overscroll-behavior-x: none; }
  .lg-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  .lg-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  .lg-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  .lg-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  .lg-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  .lg-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  .lg-group:hover .lg-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  .lg-overscroll-y-auto { overscroll-behavior-y: auto; }
  .lg-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  .lg-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  .lg-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  .lg-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  .lg-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  .lg-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  .lg-group:hover .lg-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  .lg-overscroll-y-contain { overscroll-behavior-y: contain; }
  .lg-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  .lg-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  .lg-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  .lg-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  .lg-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  .lg-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  .lg-group:hover .lg-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  .lg-overscroll-y-none { overscroll-behavior-y: none; }
  .lg-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  .lg-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  .lg-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  .lg-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  .lg-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  .lg-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  .lg-group:hover .lg-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  .lg-touch-auto { touch-action: auto; }
  .lg-hover-touch-auto:hover { touch-action: auto; }
  .lg-focus-touch-auto:focus { touch-action: auto; }
  .lg-active-touch-auto:active { touch-action: auto; }
  .lg-disabled-touch-auto:disabled { touch-action: auto; }
  .lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  .lg-group:hover .lg-group-hover-touch-auto { touch-action: auto; }
  .lg-touch-none { touch-action: none; }
  .lg-hover-touch-none:hover { touch-action: none; }
  .lg-focus-touch-none:focus { touch-action: none; }
  .lg-active-touch-none:active { touch-action: none; }
  .lg-disabled-touch-none:disabled { touch-action: none; }
  .lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  .lg-focus-within-touch-none:focus-within { touch-action: none; }
  .lg-group:hover .lg-group-hover-touch-none { touch-action: none; }
  .lg-touch-pan-x { touch-action: pan-x; }
  .lg-hover-touch-pan-x:hover { touch-action: pan-x; }
  .lg-focus-touch-pan-x:focus { touch-action: pan-x; }
  .lg-active-touch-pan-x:active { touch-action: pan-x; }
  .lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .lg-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .lg-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .lg-group:hover .lg-group-hover-touch-pan-x { touch-action: pan-x; }
  .lg-touch-pan-y { touch-action: pan-y; }
  .lg-hover-touch-pan-y:hover { touch-action: pan-y; }
  .lg-focus-touch-pan-y:focus { touch-action: pan-y; }
  .lg-active-touch-pan-y:active { touch-action: pan-y; }
  .lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .lg-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .lg-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .lg-group:hover .lg-group-hover-touch-pan-y { touch-action: pan-y; }
  .lg-touch-manipulation { touch-action: manipulation; }
  .lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  .lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  .lg-active-touch-manipulation:active { touch-action: manipulation; }
  .lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .lg-group:hover .lg-group-hover-touch-manipulation { touch-action: manipulation; }
  .lg-select-none { user-select: none; }
  .lg-hover-select-none:hover { user-select: none; }
  .lg-focus-select-none:focus { user-select: none; }
  .lg-active-select-none:active { user-select: none; }
  .lg-disabled-select-none:disabled { user-select: none; }
  .lg-focus-visible-select-none:focus-visible { user-select: none; }
  .lg-focus-within-select-none:focus-within { user-select: none; }
  .lg-group:hover .lg-group-hover-select-none { user-select: none; }
  .lg-select-text { user-select: text; }
  .lg-hover-select-text:hover { user-select: text; }
  .lg-focus-select-text:focus { user-select: text; }
  .lg-active-select-text:active { user-select: text; }
  .lg-disabled-select-text:disabled { user-select: text; }
  .lg-focus-visible-select-text:focus-visible { user-select: text; }
  .lg-focus-within-select-text:focus-within { user-select: text; }
  .lg-group:hover .lg-group-hover-select-text { user-select: text; }
  .lg-select-all { user-select: all; }
  .lg-hover-select-all:hover { user-select: all; }
  .lg-focus-select-all:focus { user-select: all; }
  .lg-active-select-all:active { user-select: all; }
  .lg-disabled-select-all:disabled { user-select: all; }
  .lg-focus-visible-select-all:focus-visible { user-select: all; }
  .lg-focus-within-select-all:focus-within { user-select: all; }
  .lg-group:hover .lg-group-hover-select-all { user-select: all; }
  .lg-select-auto { user-select: auto; }
  .lg-hover-select-auto:hover { user-select: auto; }
  .lg-focus-select-auto:focus { user-select: auto; }
  .lg-active-select-auto:active { user-select: auto; }
  .lg-disabled-select-auto:disabled { user-select: auto; }
  .lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  .lg-focus-within-select-auto:focus-within { user-select: auto; }
  .lg-group:hover .lg-group-hover-select-auto { user-select: auto; }
  .lg-will-change-auto { will-change: auto; }
  .lg-hover-will-change-auto:hover { will-change: auto; }
  .lg-focus-will-change-auto:focus { will-change: auto; }
  .lg-active-will-change-auto:active { will-change: auto; }
  .lg-disabled-will-change-auto:disabled { will-change: auto; }
  .lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  .lg-group:hover .lg-group-hover-will-change-auto { will-change: auto; }
  .lg-will-change-scroll { will-change: scroll-position; }
  .lg-hover-will-change-scroll:hover { will-change: scroll-position; }
  .lg-focus-will-change-scroll:focus { will-change: scroll-position; }
  .lg-active-will-change-scroll:active { will-change: scroll-position; }
  .lg-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  .lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  .lg-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  .lg-group:hover .lg-group-hover-will-change-scroll { will-change: scroll-position; }
  .lg-will-change-transform { will-change: transform; }
  .lg-hover-will-change-transform:hover { will-change: transform; }
  .lg-focus-will-change-transform:focus { will-change: transform; }
  .lg-active-will-change-transform:active { will-change: transform; }
  .lg-disabled-will-change-transform:disabled { will-change: transform; }
  .lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  .lg-group:hover .lg-group-hover-will-change-transform { will-change: transform; }
  .lg-will-change-opacity { will-change: opacity; }
  .lg-hover-will-change-opacity:hover { will-change: opacity; }
  .lg-focus-will-change-opacity:focus { will-change: opacity; }
  .lg-active-will-change-opacity:active { will-change: opacity; }
  .lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  .lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .lg-group:hover .lg-group-hover-will-change-opacity { will-change: opacity; }
  .lg-bg-primary { background-color: var(--quanta-primary); }
  .lg-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  .lg-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  .lg-active-bg-primary:active { background-color: var(--quanta-primary); }
  .lg-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  .lg-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  .lg-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  .lg-group:hover .lg-group-hover-bg-primary { background-color: var(--quanta-primary); }
  .lg-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .lg-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  .lg-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  .lg-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  .lg-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  .lg-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  .lg-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  .lg-group:hover .lg-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .lg-bg-success { background-color: var(--quanta-bg-success); }
  .lg-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  .lg-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  .lg-active-bg-success:active { background-color: var(--quanta-bg-success); }
  .lg-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  .lg-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  .lg-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  .lg-group:hover .lg-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  .lg-bg-warning { background-color: var(--quanta-bg-warning); }
  .lg-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  .lg-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  .lg-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  .lg-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  .lg-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  .lg-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  .lg-group:hover .lg-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  .lg-bg-danger { background-color: var(--quanta-bg-danger); }
  .lg-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  .lg-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  .lg-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  .lg-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  .lg-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  .lg-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  .lg-group:hover .lg-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  .lg-bg-info { background-color: var(--quanta-bg-info); }
  .lg-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  .lg-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  .lg-active-bg-info:active { background-color: var(--quanta-bg-info); }
  .lg-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  .lg-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  .lg-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  .lg-group:hover .lg-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  .lg-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .lg-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  .lg-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  .lg-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  .lg-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  .lg-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  .lg-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  .lg-group:hover .lg-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .lg-bg-accent { background-color: var(--quanta-bg-accent); }
  .lg-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  .lg-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  .lg-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  .lg-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  .lg-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  .lg-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  .lg-group:hover .lg-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  .lg-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .lg-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  .lg-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  .lg-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  .lg-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  .lg-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  .lg-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  .lg-group:hover .lg-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .lg-bg-link { background-color: var(--quanta-text-link); }
  .lg-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  .lg-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  .lg-active-bg-link:active { background-color: var(--quanta-text-link); }
  .lg-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  .lg-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  .lg-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  .lg-group:hover .lg-group-hover-bg-link { background-color: var(--quanta-text-link); }
  .lg-text-primary { color: var(--quanta-primary); }
  .lg-hover-text-primary:hover { color: var(--quanta-primary); }
  .lg-focus-text-primary:focus { color: var(--quanta-primary); }
  .lg-active-text-primary:active { color: var(--quanta-primary); }
  .lg-disabled-text-primary:disabled { color: var(--quanta-primary); }
  .lg-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  .lg-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  .lg-group:hover .lg-group-hover-text-primary { color: var(--quanta-primary); }
  .lg-text-secondary { color: var(--quanta-text-secondary); }
  .lg-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  .lg-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  .lg-active-text-secondary:active { color: var(--quanta-text-secondary); }
  .lg-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  .lg-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  .lg-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  .lg-group:hover .lg-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  .lg-text-success { color: var(--quanta-text-success); }
  .lg-hover-text-success:hover { color: var(--quanta-text-success); }
  .lg-focus-text-success:focus { color: var(--quanta-text-success); }
  .lg-active-text-success:active { color: var(--quanta-text-success); }
  .lg-disabled-text-success:disabled { color: var(--quanta-text-success); }
  .lg-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  .lg-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  .lg-group:hover .lg-group-hover-text-success { color: var(--quanta-text-success); }
  .lg-text-warning { color: var(--quanta-text-warning); }
  .lg-hover-text-warning:hover { color: var(--quanta-text-warning); }
  .lg-focus-text-warning:focus { color: var(--quanta-text-warning); }
  .lg-active-text-warning:active { color: var(--quanta-text-warning); }
  .lg-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  .lg-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  .lg-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  .lg-group:hover .lg-group-hover-text-warning { color: var(--quanta-text-warning); }
  .lg-text-danger { color: var(--quanta-text-danger); }
  .lg-hover-text-danger:hover { color: var(--quanta-text-danger); }
  .lg-focus-text-danger:focus { color: var(--quanta-text-danger); }
  .lg-active-text-danger:active { color: var(--quanta-text-danger); }
  .lg-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  .lg-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  .lg-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  .lg-group:hover .lg-group-hover-text-danger { color: var(--quanta-text-danger); }
  .lg-text-info { color: var(--quanta-text-info); }
  .lg-hover-text-info:hover { color: var(--quanta-text-info); }
  .lg-focus-text-info:focus { color: var(--quanta-text-info); }
  .lg-active-text-info:active { color: var(--quanta-text-info); }
  .lg-disabled-text-info:disabled { color: var(--quanta-text-info); }
  .lg-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  .lg-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  .lg-group:hover .lg-group-hover-text-info { color: var(--quanta-text-info); }
  .lg-text-neutral { color: var(--quanta-text-neutral); }
  .lg-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  .lg-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  .lg-active-text-neutral:active { color: var(--quanta-text-neutral); }
  .lg-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  .lg-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  .lg-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  .lg-group:hover .lg-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  .lg-text-accent { color: var(--quanta-text-accent); }
  .lg-hover-text-accent:hover { color: var(--quanta-text-accent); }
  .lg-focus-text-accent:focus { color: var(--quanta-text-accent); }
  .lg-active-text-accent:active { color: var(--quanta-text-accent); }
  .lg-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  .lg-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  .lg-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  .lg-group:hover .lg-group-hover-text-accent { color: var(--quanta-text-accent); }
  .lg-text-ghost { color: var(--quanta-text-ghost); }
  .lg-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  .lg-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  .lg-active-text-ghost:active { color: var(--quanta-text-ghost); }
  .lg-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  .lg-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  .lg-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  .lg-group:hover .lg-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  .lg-text-link { color: var(--quanta-text-link); }
  .lg-hover-text-link:hover { color: var(--quanta-text-link); }
  .lg-focus-text-link:focus { color: var(--quanta-text-link); }
  .lg-active-text-link:active { color: var(--quanta-text-link); }
  .lg-disabled-text-link:disabled { color: var(--quanta-text-link); }
  .lg-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  .lg-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  .lg-group:hover .lg-group-hover-text-link { color: var(--quanta-text-link); }
  .lg-border-primary { border-color: var(--quanta-border-primary); }
  .lg-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  .lg-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  .lg-active-border-primary:active { border-color: var(--quanta-border-primary); }
  .lg-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  .lg-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  .lg-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  .lg-group:hover .lg-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  .lg-border-secondary { border-color: var(--quanta-border-secondary); }
  .lg-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  .lg-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  .lg-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  .lg-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  .lg-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  .lg-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  .lg-group:hover .lg-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  .lg-border-success { border-color: var(--quanta-border-success); }
  .lg-hover-border-success:hover { border-color: var(--quanta-border-success); }
  .lg-focus-border-success:focus { border-color: var(--quanta-border-success); }
  .lg-active-border-success:active { border-color: var(--quanta-border-success); }
  .lg-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  .lg-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  .lg-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  .lg-group:hover .lg-group-hover-border-success { border-color: var(--quanta-border-success); }
  .lg-border-warning { border-color: var(--quanta-border-warning); }
  .lg-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  .lg-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  .lg-active-border-warning:active { border-color: var(--quanta-border-warning); }
  .lg-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  .lg-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  .lg-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  .lg-group:hover .lg-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  .lg-border-danger { border-color: var(--quanta-border-danger); }
  .lg-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  .lg-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  .lg-active-border-danger:active { border-color: var(--quanta-border-danger); }
  .lg-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  .lg-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  .lg-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  .lg-group:hover .lg-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  .lg-border-info { border-color: var(--quanta-border-info); }
  .lg-hover-border-info:hover { border-color: var(--quanta-border-info); }
  .lg-focus-border-info:focus { border-color: var(--quanta-border-info); }
  .lg-active-border-info:active { border-color: var(--quanta-border-info); }
  .lg-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  .lg-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  .lg-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  .lg-group:hover .lg-group-hover-border-info { border-color: var(--quanta-border-info); }
  .lg-border-neutral { border-color: var(--quanta-border-neutral); }
  .lg-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  .lg-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  .lg-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  .lg-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  .lg-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  .lg-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  .lg-group:hover .lg-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  .lg-border-accent { border-color: var(--quanta-border-accent); }
  .lg-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  .lg-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  .lg-active-border-accent:active { border-color: var(--quanta-border-accent); }
  .lg-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  .lg-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  .lg-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  .lg-group:hover .lg-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  .lg-border-ghost { border-color: var(--quanta-border-ghost); }
  .lg-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  .lg-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  .lg-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  .lg-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  .lg-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  .lg-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  .lg-group:hover .lg-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  .lg-border-link { border-color: var(--quanta-text-link); }
  .lg-hover-border-link:hover { border-color: var(--quanta-text-link); }
  .lg-focus-border-link:focus { border-color: var(--quanta-text-link); }
  .lg-active-border-link:active { border-color: var(--quanta-text-link); }
  .lg-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  .lg-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  .lg-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  .lg-group:hover .lg-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1024px) {
  html[data-theme="dark"] .dark-lg-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-lg-hover-p-auto:hover { padding: auto; }
  html[data-theme="dark"] .dark-lg-focus-p-auto:focus { padding: auto; }
  html[data-theme="dark"] .dark-lg-active-p-auto:active { padding: auto; }
  html[data-theme="dark"] .dark-lg-disabled-p-auto:disabled { padding: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-auto:focus-visible { padding: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-p-auto:focus-within { padding: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-lg-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-lg-hover-p-0:hover { padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-p-0:focus { padding: 0; }
  html[data-theme="dark"] .dark-lg-active-p-0:active { padding: 0; }
  html[data-theme="dark"] .dark-lg-disabled-p-0:disabled { padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-0:focus-visible { padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-p-0:focus-within { padding: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-lg-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-p-1:hover { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-p-1:focus { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-p-1:active { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-1:disabled { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-1:focus-within { padding: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-p-2:hover { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-p-2:focus { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-p-2:active { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-2:disabled { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-2:focus-within { padding: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-p-3:hover { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-p-3:focus { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-p-3:active { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-3:disabled { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-3:focus-within { padding: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-p-4:hover { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-p-4:focus { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-active-p-4:active { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-4:disabled { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-4:focus-visible { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-4:focus-within { padding: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-lg-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-p-5:hover { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-p-5:focus { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-p-5:active { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-5:disabled { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-5:focus-within { padding: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-lg-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-p-6:hover { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-p-6:focus { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-p-6:active { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-6:disabled { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-6:focus-within { padding: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-p-8:hover { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-p-8:focus { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-active-p-8:active { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-8:disabled { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-8:focus-visible { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-8:focus-within { padding: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-lg-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-p-10:hover { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-p-10:focus { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-p-10:active { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-10:disabled { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-10:focus-within { padding: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-lg-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-p-12:hover { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-p-12:focus { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-active-p-12:active { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-12:disabled { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-12:focus-visible { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-12:focus-within { padding: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-lg-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-p-16:hover { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-p-16:focus { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-active-p-16:active { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-16:disabled { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-16:focus-visible { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-16:focus-within { padding: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-lg-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-p-20:hover { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-p-20:focus { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-active-p-20:active { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-20:disabled { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-20:focus-visible { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-20:focus-within { padding: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-lg-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-p-24:hover { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-p-24:focus { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-active-p-24:active { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-24:disabled { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-24:focus-visible { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-24:focus-within { padding: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-lg-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-p-28:hover { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-p-28:focus { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-active-p-28:active { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-28:disabled { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-28:focus-visible { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-28:focus-within { padding: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-lg-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-p-32:hover { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-p-32:focus { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-active-p-32:active { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-p-32:disabled { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-p-32:focus-visible { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-p-32:focus-within { padding: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-lg-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-hover-pt-auto:hover { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-pt-auto:focus { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-active-pt-auto:active { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pt-auto:disabled { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-auto:focus-within { padding-top: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-lg-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-hover-pt-0:hover { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-pt-0:focus { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-active-pt-0:active { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-disabled-pt-0:disabled { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-0:focus-visible { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-0:focus-within { padding-top: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-lg-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-1:hover { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-1:focus { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-pt-1:active { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-1:disabled { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-2:hover { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-2:focus { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-pt-2:active { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-2:disabled { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-3:hover { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-3:focus { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-pt-3:active { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-3:disabled { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-4:hover { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-4:focus { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-active-pt-4:active { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-4:disabled { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-4:focus-within { padding-top: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-lg-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-5:hover { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-5:focus { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-pt-5:active { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-5:disabled { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-6:hover { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-6:focus { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-pt-6:active { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-6:disabled { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-8:hover { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-8:focus { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-active-pt-8:active { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-8:disabled { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-8:focus-within { padding-top: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-lg-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-10:hover { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-10:focus { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-pt-10:active { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-10:disabled { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-12:hover { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-12:focus { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-active-pt-12:active { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-12:disabled { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-12:focus-within { padding-top: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-lg-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-16:hover { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-16:focus { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-active-pt-16:active { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-16:disabled { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-16:focus-within { padding-top: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-lg-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-20:hover { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-20:focus { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-active-pt-20:active { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-20:disabled { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-20:focus-within { padding-top: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-lg-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-24:hover { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-24:focus { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-active-pt-24:active { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-24:disabled { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-24:focus-within { padding-top: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-lg-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-28:hover { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-28:focus { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-active-pt-28:active { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-28:disabled { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-28:focus-within { padding-top: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-lg-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-pt-32:hover { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-pt-32:focus { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-active-pt-32:active { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-pt-32:disabled { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pt-32:focus-within { padding-top: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-lg-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-hover-pb-auto:hover { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-pb-auto:focus { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-active-pb-auto:active { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pb-auto:disabled { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-hover-pb-0:hover { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-pb-0:focus { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-active-pb-0:active { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-disabled-pb-0:disabled { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-0:focus-within { padding-bottom: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-1:hover { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-1:focus { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-pb-1:active { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-2:hover { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-2:focus { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-pb-2:active { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-3:hover { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-3:focus { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-pb-3:active { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-4:hover { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-4:focus { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-active-pb-4:active { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-4:disabled { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-5:hover { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-5:focus { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-pb-5:active { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-6:hover { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-6:focus { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-pb-6:active { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-8:hover { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-8:focus { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-active-pb-8:active { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-8:disabled { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-10:hover { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-10:focus { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-pb-10:active { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-12:hover { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-12:focus { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-active-pb-12:active { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-12:disabled { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-16:hover { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-16:focus { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-active-pb-16:active { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-16:disabled { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-20:hover { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-20:focus { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-active-pb-20:active { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-20:disabled { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-24:hover { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-24:focus { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-active-pb-24:active { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-24:disabled { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-28:hover { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-28:focus { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-active-pb-28:active { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-28:disabled { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-pb-32:hover { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-pb-32:focus { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-active-pb-32:active { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-pb-32:disabled { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-hover-pl-auto:hover { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-pl-auto:focus { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-active-pl-auto:active { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pl-auto:disabled { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-auto:focus-within { padding-left: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-lg-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-hover-pl-0:hover { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-pl-0:focus { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-active-pl-0:active { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-disabled-pl-0:disabled { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-0:focus-visible { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-0:focus-within { padding-left: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-lg-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-1:hover { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-1:focus { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-pl-1:active { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-1:disabled { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-2:hover { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-2:focus { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-pl-2:active { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-2:disabled { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-3:hover { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-3:focus { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-pl-3:active { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-3:disabled { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-4:hover { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-4:focus { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-active-pl-4:active { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-4:disabled { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-4:focus-within { padding-left: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-lg-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-5:hover { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-5:focus { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-pl-5:active { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-5:disabled { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-6:hover { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-6:focus { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-pl-6:active { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-6:disabled { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-8:hover { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-8:focus { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-active-pl-8:active { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-8:disabled { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-8:focus-within { padding-left: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-lg-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-10:hover { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-10:focus { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-pl-10:active { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-10:disabled { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-12:hover { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-12:focus { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-active-pl-12:active { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-12:disabled { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-12:focus-within { padding-left: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-lg-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-16:hover { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-16:focus { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-active-pl-16:active { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-16:disabled { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-16:focus-within { padding-left: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-lg-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-20:hover { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-20:focus { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-active-pl-20:active { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-20:disabled { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-20:focus-within { padding-left: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-lg-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-24:hover { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-24:focus { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-active-pl-24:active { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-24:disabled { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-24:focus-within { padding-left: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-lg-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-28:hover { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-28:focus { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-active-pl-28:active { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-28:disabled { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-28:focus-within { padding-left: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-lg-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-pl-32:hover { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-pl-32:focus { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-active-pl-32:active { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-pl-32:disabled { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pl-32:focus-within { padding-left: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-lg-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-hover-pr-auto:hover { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-pr-auto:focus { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-active-pr-auto:active { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pr-auto:disabled { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-auto:focus-within { padding-right: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-lg-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-hover-pr-0:hover { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-pr-0:focus { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-active-pr-0:active { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-disabled-pr-0:disabled { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-0:focus-visible { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-0:focus-within { padding-right: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-lg-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-1:hover { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-1:focus { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-pr-1:active { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-1:disabled { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-2:hover { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-2:focus { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-pr-2:active { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-2:disabled { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-3:hover { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-3:focus { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-pr-3:active { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-3:disabled { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-4:hover { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-4:focus { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-active-pr-4:active { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-4:disabled { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-4:focus-within { padding-right: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-5:hover { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-5:focus { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-pr-5:active { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-5:disabled { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-6:hover { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-6:focus { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-pr-6:active { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-6:disabled { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-8:hover { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-8:focus { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-active-pr-8:active { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-8:disabled { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-8:focus-within { padding-right: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-10:hover { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-10:focus { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-pr-10:active { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-10:disabled { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-12:hover { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-12:focus { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-active-pr-12:active { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-12:disabled { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-12:focus-within { padding-right: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-16:hover { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-16:focus { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-active-pr-16:active { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-16:disabled { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-16:focus-within { padding-right: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-20:hover { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-20:focus { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-active-pr-20:active { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-20:disabled { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-20:focus-within { padding-right: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-24:hover { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-24:focus { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-active-pr-24:active { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-24:disabled { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-24:focus-within { padding-right: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-28:hover { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-28:focus { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-active-pr-28:active { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-28:disabled { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-28:focus-within { padding-right: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-pr-32:hover { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-pr-32:focus { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-active-pr-32:active { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-pr-32:disabled { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-pr-32:focus-within { padding-right: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-active-px-auto:active { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-lg-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-active-px-0:active { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-lg-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-lg-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-lg-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-lg-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-lg-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-lg-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-lg-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-lg-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-lg-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-lg-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-lg-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-lg-hover-m-auto:hover { margin: auto; }
  html[data-theme="dark"] .dark-lg-focus-m-auto:focus { margin: auto; }
  html[data-theme="dark"] .dark-lg-active-m-auto:active { margin: auto; }
  html[data-theme="dark"] .dark-lg-disabled-m-auto:disabled { margin: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-auto:focus-visible { margin: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-m-auto:focus-within { margin: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-lg-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-lg-hover-m-0:hover { margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-m-0:focus { margin: 0; }
  html[data-theme="dark"] .dark-lg-active-m-0:active { margin: 0; }
  html[data-theme="dark"] .dark-lg-disabled-m-0:disabled { margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-0:focus-visible { margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-m-0:focus-within { margin: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-lg-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-m-1:hover { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-m-1:focus { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-m-1:active { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-1:disabled { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-1:focus-within { margin: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-m-2:hover { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-m-2:focus { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-m-2:active { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-2:disabled { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-2:focus-within { margin: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-m-3:hover { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-m-3:focus { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-m-3:active { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-3:disabled { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-3:focus-within { margin: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-m-4:hover { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-m-4:focus { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-active-m-4:active { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-4:disabled { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-4:focus-visible { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-4:focus-within { margin: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-lg-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-m-5:hover { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-m-5:focus { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-m-5:active { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-5:disabled { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-5:focus-within { margin: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-lg-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-m-6:hover { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-m-6:focus { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-m-6:active { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-6:disabled { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-6:focus-within { margin: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-m-8:hover { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-m-8:focus { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-active-m-8:active { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-8:disabled { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-8:focus-visible { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-8:focus-within { margin: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-lg-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-m-10:hover { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-m-10:focus { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-m-10:active { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-10:disabled { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-10:focus-within { margin: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-lg-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-m-12:hover { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-m-12:focus { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-active-m-12:active { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-12:disabled { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-12:focus-visible { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-12:focus-within { margin: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-lg-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-m-16:hover { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-m-16:focus { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-active-m-16:active { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-16:disabled { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-16:focus-visible { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-16:focus-within { margin: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-lg-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-m-20:hover { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-m-20:focus { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-active-m-20:active { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-20:disabled { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-20:focus-visible { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-20:focus-within { margin: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-lg-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-m-24:hover { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-m-24:focus { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-active-m-24:active { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-24:disabled { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-24:focus-visible { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-24:focus-within { margin: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-lg-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-m-28:hover { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-m-28:focus { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-active-m-28:active { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-28:disabled { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-28:focus-visible { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-28:focus-within { margin: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-lg-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-m-32:hover { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-m-32:focus { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-active-m-32:active { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-m-32:disabled { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-m-32:focus-visible { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-m-32:focus-within { margin: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-lg-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-hover-mt-auto:hover { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-mt-auto:focus { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-active-mt-auto:active { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-disabled-mt-auto:disabled { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-auto:focus-within { margin-top: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-lg-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-hover-mt-0:hover { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-mt-0:focus { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-active-mt-0:active { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-disabled-mt-0:disabled { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-0:focus-visible { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-0:focus-within { margin-top: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-lg-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-1:hover { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-1:focus { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-mt-1:active { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-1:disabled { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-lg-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-2:hover { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-2:focus { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-mt-2:active { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-2:disabled { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-lg-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-3:hover { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-3:focus { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-mt-3:active { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-3:disabled { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-lg-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-4:hover { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-4:focus { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-active-mt-4:active { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-4:disabled { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-4:focus-within { margin-top: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-lg-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-5:hover { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-5:focus { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-mt-5:active { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-5:disabled { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-lg-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-6:hover { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-6:focus { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-mt-6:active { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-6:disabled { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-lg-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-8:hover { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-8:focus { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-active-mt-8:active { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-8:disabled { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-8:focus-within { margin-top: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-lg-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-10:hover { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-10:focus { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-mt-10:active { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-10:disabled { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-lg-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-12:hover { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-12:focus { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-active-mt-12:active { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-12:disabled { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-12:focus-within { margin-top: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-lg-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-16:hover { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-16:focus { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-active-mt-16:active { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-16:disabled { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-16:focus-within { margin-top: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-lg-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-20:hover { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-20:focus { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-active-mt-20:active { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-20:disabled { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-20:focus-within { margin-top: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-lg-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-24:hover { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-24:focus { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-active-mt-24:active { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-24:disabled { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-24:focus-within { margin-top: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-lg-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-28:hover { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-28:focus { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-active-mt-28:active { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-28:disabled { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-28:focus-within { margin-top: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-lg-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-mt-32:hover { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-mt-32:focus { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-active-mt-32:active { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-mt-32:disabled { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mt-32:focus-within { margin-top: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-lg-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-hover-mb-auto:hover { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-mb-auto:focus { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-active-mb-auto:active { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-disabled-mb-auto:disabled { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-hover-mb-0:hover { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-mb-0:focus { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-active-mb-0:active { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-disabled-mb-0:disabled { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-0:focus-within { margin-bottom: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-1:hover { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-1:focus { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-mb-1:active { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-2:hover { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-2:focus { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-mb-2:active { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-3:hover { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-3:focus { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-mb-3:active { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-4:hover { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-4:focus { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-active-mb-4:active { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-4:disabled { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-5:hover { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-5:focus { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-mb-5:active { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-6:hover { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-6:focus { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-mb-6:active { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-8:hover { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-8:focus { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-active-mb-8:active { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-8:disabled { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-10:hover { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-10:focus { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-mb-10:active { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-12:hover { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-12:focus { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-active-mb-12:active { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-12:disabled { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-16:hover { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-16:focus { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-active-mb-16:active { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-16:disabled { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-20:hover { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-20:focus { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-active-mb-20:active { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-20:disabled { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-24:hover { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-24:focus { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-active-mb-24:active { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-24:disabled { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-28:hover { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-28:focus { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-active-mb-28:active { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-28:disabled { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-mb-32:hover { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-mb-32:focus { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-active-mb-32:active { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-mb-32:disabled { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-hover-ml-auto:hover { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-ml-auto:focus { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-active-ml-auto:active { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-disabled-ml-auto:disabled { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-auto:focus-within { margin-left: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-lg-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-hover-ml-0:hover { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-ml-0:focus { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-active-ml-0:active { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-disabled-ml-0:disabled { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-0:focus-visible { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-0:focus-within { margin-left: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-lg-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-1:hover { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-1:focus { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-ml-1:active { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-1:disabled { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-lg-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-2:hover { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-2:focus { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-ml-2:active { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-2:disabled { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-lg-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-3:hover { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-3:focus { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-ml-3:active { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-3:disabled { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-lg-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-4:hover { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-4:focus { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-active-ml-4:active { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-4:disabled { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-4:focus-within { margin-left: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-lg-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-5:hover { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-5:focus { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-ml-5:active { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-5:disabled { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-lg-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-6:hover { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-6:focus { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-ml-6:active { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-6:disabled { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-lg-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-8:hover { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-8:focus { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-active-ml-8:active { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-8:disabled { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-8:focus-within { margin-left: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-lg-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-10:hover { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-10:focus { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-ml-10:active { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-10:disabled { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-lg-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-12:hover { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-12:focus { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-active-ml-12:active { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-12:disabled { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-12:focus-within { margin-left: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-lg-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-16:hover { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-16:focus { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-active-ml-16:active { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-16:disabled { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-16:focus-within { margin-left: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-lg-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-20:hover { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-20:focus { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-active-ml-20:active { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-20:disabled { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-20:focus-within { margin-left: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-lg-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-24:hover { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-24:focus { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-active-ml-24:active { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-24:disabled { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-24:focus-within { margin-left: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-lg-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-28:hover { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-28:focus { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-active-ml-28:active { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-28:disabled { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-28:focus-within { margin-left: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-lg-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-ml-32:hover { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-ml-32:focus { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-active-ml-32:active { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-ml-32:disabled { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ml-32:focus-within { margin-left: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-lg-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-hover-mr-auto:hover { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-mr-auto:focus { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-active-mr-auto:active { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-disabled-mr-auto:disabled { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-auto:focus-within { margin-right: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-lg-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-hover-mr-0:hover { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-mr-0:focus { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-active-mr-0:active { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-disabled-mr-0:disabled { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-0:focus-visible { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-0:focus-within { margin-right: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-lg-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-1:hover { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-1:focus { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-mr-1:active { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-1:disabled { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-2:hover { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-2:focus { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-mr-2:active { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-2:disabled { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-3:hover { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-3:focus { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-mr-3:active { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-3:disabled { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-4:hover { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-4:focus { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-active-mr-4:active { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-4:disabled { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-4:focus-within { margin-right: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-5:hover { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-5:focus { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-mr-5:active { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-5:disabled { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-6:hover { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-6:focus { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-mr-6:active { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-6:disabled { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-8:hover { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-8:focus { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-active-mr-8:active { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-8:disabled { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-8:focus-within { margin-right: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-10:hover { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-10:focus { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-mr-10:active { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-10:disabled { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-12:hover { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-12:focus { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-active-mr-12:active { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-12:disabled { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-12:focus-within { margin-right: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-16:hover { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-16:focus { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-active-mr-16:active { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-16:disabled { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-16:focus-within { margin-right: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-20:hover { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-20:focus { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-active-mr-20:active { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-20:disabled { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-20:focus-within { margin-right: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-24:hover { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-24:focus { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-active-mr-24:active { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-24:disabled { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-24:focus-within { margin-right: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-28:hover { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-28:focus { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-active-mr-28:active { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-28:disabled { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-28:focus-within { margin-right: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-mr-32:hover { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-mr-32:focus { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-active-mr-32:active { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-mr-32:disabled { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mr-32:focus-within { margin-right: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-lg-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-active-mx-0:active { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-lg-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-lg-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-lg-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-lg-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-lg-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-lg-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-lg-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-lg-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-lg-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-lg-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-lg-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-lg-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-lg-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-lg-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-lg-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-lg-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-lg-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-lg-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-lg-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-lg-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-lg-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-lg-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-lg-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-lg-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-lg-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-lg-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-lg-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-lg-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-lg-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-lg-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-lg-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-hover-space-x-auto:hover { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-space-x-auto:focus { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-active-space-x-auto:active { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-auto:disabled { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-auto:focus-within { --space-x: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-lg-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-hover-space-x-0:hover { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-focus-space-x-0:focus { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-active-space-x-0:active { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-0:disabled { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-0:focus-within { --space-x: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-lg-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-1:hover { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-1:focus { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-1:active { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-lg-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-2:hover { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-2:focus { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-2:active { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-lg-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-3:hover { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-3:focus { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-3:active { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-lg-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-4:hover { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-4:focus { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-4:active { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-4:disabled { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-lg-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-5:hover { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-5:focus { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-5:active { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-lg-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-6:hover { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-6:focus { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-6:active { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-lg-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-8:hover { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-8:focus { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-8:active { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-8:disabled { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-lg-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-10:hover { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-10:focus { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-10:active { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-lg-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-12:hover { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-12:focus { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-12:active { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-12:disabled { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-lg-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-16:hover { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-16:focus { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-16:active { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-16:disabled { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-lg-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-20:hover { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-20:focus { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-20:active { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-20:disabled { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-lg-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-24:hover { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-24:focus { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-24:active { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-24:disabled { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-lg-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-28:hover { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-28:focus { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-28:active { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-28:disabled { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-lg-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-space-x-32:hover { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-space-x-32:focus { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-active-space-x-32:active { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-x-32:disabled { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-lg-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-hover-space-y-auto:hover { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-space-y-auto:focus { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-active-space-y-auto:active { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-auto:disabled { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-auto:focus-within { --space-y: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-lg-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-hover-space-y-0:hover { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-focus-space-y-0:focus { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-active-space-y-0:active { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-0:disabled { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-0:focus-within { --space-y: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-lg-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-1:hover { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-1:focus { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-1:active { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-lg-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-2:hover { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-2:focus { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-2:active { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-lg-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-3:hover { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-3:focus { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-3:active { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-lg-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-4:hover { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-4:focus { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-4:active { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-4:disabled { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-lg-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-5:hover { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-5:focus { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-5:active { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-lg-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-6:hover { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-6:focus { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-6:active { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-lg-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-8:hover { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-8:focus { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-8:active { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-8:disabled { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-lg-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-10:hover { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-10:focus { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-10:active { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-lg-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-12:hover { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-12:focus { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-12:active { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-12:disabled { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-lg-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-16:hover { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-16:focus { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-16:active { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-16:disabled { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-lg-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-20:hover { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-20:focus { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-20:active { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-20:disabled { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-lg-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-24:hover { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-24:focus { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-24:active { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-24:disabled { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-lg-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-28:hover { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-28:focus { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-28:active { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-28:disabled { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-lg-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-space-y-32:hover { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-space-y-32:focus { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-active-space-y-32:active { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-space-y-32:disabled { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-lg-d-block { display: block; }
  html[data-theme="dark"] .dark-lg-hover-d-block:hover { display: block; }
  html[data-theme="dark"] .dark-lg-focus-d-block:focus { display: block; }
  html[data-theme="dark"] .dark-lg-active-d-block:active { display: block; }
  html[data-theme="dark"] .dark-lg-disabled-d-block:disabled { display: block; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-block:focus-visible { display: block; }
  html[data-theme="dark"] .dark-lg-focus-within-d-block:focus-within { display: block; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-block { display: block; }
  html[data-theme="dark"] .dark-lg-d-inline { display: inline; }
  html[data-theme="dark"] .dark-lg-hover-d-inline:hover { display: inline; }
  html[data-theme="dark"] .dark-lg-focus-d-inline:focus { display: inline; }
  html[data-theme="dark"] .dark-lg-active-d-inline:active { display: inline; }
  html[data-theme="dark"] .dark-lg-disabled-d-inline:disabled { display: inline; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-inline:focus-visible { display: inline; }
  html[data-theme="dark"] .dark-lg-focus-within-d-inline:focus-within { display: inline; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-inline { display: inline; }
  html[data-theme="dark"] .dark-lg-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-lg-hover-d-inline-block:hover { display: inline-block; }
  html[data-theme="dark"] .dark-lg-focus-d-inline-block:focus { display: inline-block; }
  html[data-theme="dark"] .dark-lg-active-d-inline-block:active { display: inline-block; }
  html[data-theme="dark"] .dark-lg-disabled-d-inline-block:disabled { display: inline-block; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  html[data-theme="dark"] .dark-lg-focus-within-d-inline-block:focus-within { display: inline-block; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-lg-d-flex { display: flex; }
  html[data-theme="dark"] .dark-lg-hover-d-flex:hover { display: flex; }
  html[data-theme="dark"] .dark-lg-focus-d-flex:focus { display: flex; }
  html[data-theme="dark"] .dark-lg-active-d-flex:active { display: flex; }
  html[data-theme="dark"] .dark-lg-disabled-d-flex:disabled { display: flex; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-flex:focus-visible { display: flex; }
  html[data-theme="dark"] .dark-lg-focus-within-d-flex:focus-within { display: flex; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-flex { display: flex; }
  html[data-theme="dark"] .dark-lg-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-hover-d-inline-flex:hover { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-focus-d-inline-flex:focus { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-active-d-inline-flex:active { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-disabled-d-inline-flex:disabled { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-lg-d-grid { display: grid; }
  html[data-theme="dark"] .dark-lg-hover-d-grid:hover { display: grid; }
  html[data-theme="dark"] .dark-lg-focus-d-grid:focus { display: grid; }
  html[data-theme="dark"] .dark-lg-active-d-grid:active { display: grid; }
  html[data-theme="dark"] .dark-lg-disabled-d-grid:disabled { display: grid; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-grid:focus-visible { display: grid; }
  html[data-theme="dark"] .dark-lg-focus-within-d-grid:focus-within { display: grid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-grid { display: grid; }
  html[data-theme="dark"] .dark-lg-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-hover-d-inline-grid:hover { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-focus-d-inline-grid:focus { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-active-d-inline-grid:active { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-disabled-d-inline-grid:disabled { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-lg-d-none { display: none; }
  html[data-theme="dark"] .dark-lg-hover-d-none:hover { display: none; }
  html[data-theme="dark"] .dark-lg-focus-d-none:focus { display: none; }
  html[data-theme="dark"] .dark-lg-active-d-none:active { display: none; }
  html[data-theme="dark"] .dark-lg-disabled-d-none:disabled { display: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-d-none:focus-visible { display: none; }
  html[data-theme="dark"] .dark-lg-focus-within-d-none:focus-within { display: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-d-none { display: none; }
  html[data-theme="dark"] .dark-lg-static { position: static; }
  html[data-theme="dark"] .dark-lg-hover-static:hover { position: static; }
  html[data-theme="dark"] .dark-lg-focus-static:focus { position: static; }
  html[data-theme="dark"] .dark-lg-active-static:active { position: static; }
  html[data-theme="dark"] .dark-lg-disabled-static:disabled { position: static; }
  html[data-theme="dark"] .dark-lg-focus-visible-static:focus-visible { position: static; }
  html[data-theme="dark"] .dark-lg-focus-within-static:focus-within { position: static; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-static { position: static; }
  html[data-theme="dark"] .dark-lg-relative { position: relative; }
  html[data-theme="dark"] .dark-lg-hover-relative:hover { position: relative; }
  html[data-theme="dark"] .dark-lg-focus-relative:focus { position: relative; }
  html[data-theme="dark"] .dark-lg-active-relative:active { position: relative; }
  html[data-theme="dark"] .dark-lg-disabled-relative:disabled { position: relative; }
  html[data-theme="dark"] .dark-lg-focus-visible-relative:focus-visible { position: relative; }
  html[data-theme="dark"] .dark-lg-focus-within-relative:focus-within { position: relative; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-relative { position: relative; }
  html[data-theme="dark"] .dark-lg-absolute { position: absolute; }
  html[data-theme="dark"] .dark-lg-hover-absolute:hover { position: absolute; }
  html[data-theme="dark"] .dark-lg-focus-absolute:focus { position: absolute; }
  html[data-theme="dark"] .dark-lg-active-absolute:active { position: absolute; }
  html[data-theme="dark"] .dark-lg-disabled-absolute:disabled { position: absolute; }
  html[data-theme="dark"] .dark-lg-focus-visible-absolute:focus-visible { position: absolute; }
  html[data-theme="dark"] .dark-lg-focus-within-absolute:focus-within { position: absolute; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-absolute { position: absolute; }
  html[data-theme="dark"] .dark-lg-fixed { position: fixed; }
  html[data-theme="dark"] .dark-lg-hover-fixed:hover { position: fixed; }
  html[data-theme="dark"] .dark-lg-focus-fixed:focus { position: fixed; }
  html[data-theme="dark"] .dark-lg-active-fixed:active { position: fixed; }
  html[data-theme="dark"] .dark-lg-disabled-fixed:disabled { position: fixed; }
  html[data-theme="dark"] .dark-lg-focus-visible-fixed:focus-visible { position: fixed; }
  html[data-theme="dark"] .dark-lg-focus-within-fixed:focus-within { position: fixed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-fixed { position: fixed; }
  html[data-theme="dark"] .dark-lg-sticky { position: sticky; }
  html[data-theme="dark"] .dark-lg-hover-sticky:hover { position: sticky; }
  html[data-theme="dark"] .dark-lg-focus-sticky:focus { position: sticky; }
  html[data-theme="dark"] .dark-lg-active-sticky:active { position: sticky; }
  html[data-theme="dark"] .dark-lg-disabled-sticky:disabled { position: sticky; }
  html[data-theme="dark"] .dark-lg-focus-visible-sticky:focus-visible { position: sticky; }
  html[data-theme="dark"] .dark-lg-focus-within-sticky:focus-within { position: sticky; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sticky { position: sticky; }
  html[data-theme="dark"] .dark-lg-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-lg-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-lg-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-lg-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-lg-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-lg-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-lg-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-lg-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-lg-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-lg-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-lg-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-lg-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-lg-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-lg-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-lg-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-lg-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-lg-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-lg-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-lg-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-lg-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-lg-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-lg-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-lg-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-lg-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-lg-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-lg-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-lg-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-lg-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-lg-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-lg-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-lg-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-lg-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-lg-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-lg-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-lg-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-lg-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-lg-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-lg-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-lg-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-lg-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-lg-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-lg-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-lg-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-lg-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-lg-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-lg-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-lg-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-lg-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-lg-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-lg-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-lg-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-lg-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-lg-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-lg-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-lg-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-lg-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-lg-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-lg-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-lg-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-lg-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-lg-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-lg-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-lg-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-lg-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-lg-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-lg-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-lg-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-lg-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-lg-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-lg-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-lg-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-lg-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-lg-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-lg-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-lg-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-lg-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-lg-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-lg-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-lg-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-lg-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-lg-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-lg-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-lg-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-lg-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-lg-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-lg-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-lg-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-lg-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-lg-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-lg-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-lg-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-lg-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-lg-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-lg-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-lg-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-lg-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-lg-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-lg-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-lg-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-lg-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-lg-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-lg-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-lg-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-lg-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-lg-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-lg-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-lg-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-lg-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-lg-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-lg-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-lg-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-lg-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-lg-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-lg-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-lg-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-lg-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-lg-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-lg-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-lg-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-lg-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-lg-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-lg-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-lg-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-lg-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-lg-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-lg-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-lg-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-lg-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-lg-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-lg-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-lg-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-lg-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-lg-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-lg-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-lg-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-lg-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-lg-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-lg-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-lg-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-lg-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-lg-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-lg-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-lg-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-lg-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-lg-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-lg-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-lg-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-lg-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-lg-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-lg-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-lg-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-lg-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-lg-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-lg-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-lg-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-lg-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-lg-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-lg-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-lg-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-lg-hover-gap-0:hover { gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-gap-0:focus { gap: 0; }
  html[data-theme="dark"] .dark-lg-active-gap-0:active { gap: 0; }
  html[data-theme="dark"] .dark-lg-disabled-gap-0:disabled { gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-0:focus-visible { gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-0:focus-within { gap: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-lg-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-1:hover { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-1:focus { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-gap-1:active { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-1:disabled { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-1:focus-within { gap: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-2:hover { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-2:focus { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-gap-2:active { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-2:disabled { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-2:focus-within { gap: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-3:hover { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-3:focus { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-gap-3:active { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-3:disabled { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-3:focus-within { gap: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-4:hover { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-4:focus { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-active-gap-4:active { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-4:disabled { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-4:focus-visible { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-4:focus-within { gap: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-lg-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-5:hover { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-5:focus { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-gap-5:active { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-5:disabled { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-5:focus-within { gap: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-6:hover { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-6:focus { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-gap-6:active { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-6:disabled { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-6:focus-within { gap: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-7:hover { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-7:focus { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-gap-7:active { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-7:disabled { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-7:focus-within { gap: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-8:hover { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-8:focus { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-active-gap-8:active { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-8:disabled { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-8:focus-visible { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-8:focus-within { gap: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-lg-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-9:hover { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-9:focus { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-gap-9:active { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-9:disabled { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-9:focus-within { gap: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-10:hover { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-10:focus { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-gap-10:active { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-10:disabled { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-10:focus-within { gap: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-12:hover { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-12:focus { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-active-gap-12:active { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-12:disabled { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-12:focus-visible { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-12:focus-within { gap: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-lg-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-14:hover { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-14:focus { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-gap-14:active { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-14:disabled { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-14:focus-within { gap: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-16:hover { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-16:focus { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-active-gap-16:active { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-16:disabled { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-16:focus-visible { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-16:focus-within { gap: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-lg-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-20:hover { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-20:focus { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-active-gap-20:active { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-20:disabled { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-20:focus-visible { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-20:focus-within { gap: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-lg-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-24:hover { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-24:focus { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-active-gap-24:active { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-24:disabled { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-24:focus-visible { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-24:focus-within { gap: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-lg-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-28:hover { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-28:focus { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-active-gap-28:active { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-28:disabled { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-28:focus-visible { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-28:focus-within { gap: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-lg-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-gap-32:hover { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-gap-32:focus { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-active-gap-32:active { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-gap-32:disabled { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-gap-32:focus-visible { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-gap-32:focus-within { gap: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-lg-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-0:hover { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-0:focus { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-active-row-gap-0:active { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-0:disabled { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-0:focus-within { row-gap: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-lg-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-1:hover { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-1:focus { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-1:active { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-2:hover { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-2:focus { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-2:active { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-3:hover { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-3:focus { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-3:active { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-4:hover { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-4:focus { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-4:active { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-4:disabled { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-5:hover { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-5:focus { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-5:active { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-6:hover { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-6:focus { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-6:active { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-7:hover { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-7:focus { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-7:active { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-8:hover { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-8:focus { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-8:active { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-8:disabled { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-9:hover { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-9:focus { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-9:active { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-10:hover { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-10:focus { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-10:active { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-12:hover { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-12:focus { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-12:active { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-12:disabled { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-14:hover { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-14:focus { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-14:active { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-16:hover { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-16:focus { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-16:active { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-16:disabled { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-20:hover { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-20:focus { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-20:active { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-20:disabled { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-24:hover { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-24:focus { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-24:active { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-24:disabled { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-28:hover { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-28:focus { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-28:active { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-28:disabled { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-row-gap-32:hover { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-row-gap-32:focus { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-active-row-gap-32:active { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-row-gap-32:disabled { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-0:hover { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-0:focus { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-active-column-gap-0:active { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-0:disabled { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-0:focus-within { column-gap: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-lg-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-1:hover { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-1:focus { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-1:active { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-lg-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-2:hover { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-2:focus { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-2:active { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-lg-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-3:hover { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-3:focus { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-3:active { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-lg-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-4:hover { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-4:focus { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-4:active { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-4:disabled { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-lg-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-5:hover { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-5:focus { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-5:active { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-lg-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-6:hover { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-6:focus { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-6:active { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-lg-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-7:hover { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-7:focus { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-7:active { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-lg-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-8:hover { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-8:focus { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-8:active { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-8:disabled { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-lg-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-9:hover { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-9:focus { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-9:active { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-lg-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-10:hover { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-10:focus { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-10:active { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-lg-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-12:hover { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-12:focus { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-12:active { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-12:disabled { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-lg-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-14:hover { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-14:focus { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-14:active { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-lg-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-16:hover { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-16:focus { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-16:active { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-16:disabled { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-lg-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-20:hover { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-20:focus { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-20:active { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-20:disabled { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-lg-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-24:hover { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-24:focus { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-24:active { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-24:disabled { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-lg-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-28:hover { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-28:focus { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-28:active { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-28:disabled { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-lg-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-column-gap-32:hover { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-column-gap-32:focus { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-active-column-gap-32:active { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-column-gap-32:disabled { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-lg-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-hover-flex-row:hover { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-focus-flex-row:focus { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-active-flex-row:active { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-disabled-flex-row:disabled { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-row:focus-visible { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-row:focus-within { flex-direction: row; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-lg-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-hover-flex-col:hover { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-focus-flex-col:focus { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-active-flex-col:active { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-disabled-flex-col:disabled { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-col:focus-visible { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-col:focus-within { flex-direction: column; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-lg-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-active-flex-row-reverse:active { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-lg-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-active-flex-col-reverse:active { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-lg-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-hover-flex-wrap:hover { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-focus-flex-wrap:focus { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-active-flex-wrap:active { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-lg-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-active-flex-nowrap:active { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-lg-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-lg-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-lg-hover-flex-1:hover { flex: 1; }
  html[data-theme="dark"] .dark-lg-focus-flex-1:focus { flex: 1; }
  html[data-theme="dark"] .dark-lg-active-flex-1:active { flex: 1; }
  html[data-theme="dark"] .dark-lg-disabled-flex-1:disabled { flex: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-1:focus-visible { flex: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-1:focus-within { flex: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-lg-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-lg-hover-flex-auto:hover { flex: auto; }
  html[data-theme="dark"] .dark-lg-focus-flex-auto:focus { flex: auto; }
  html[data-theme="dark"] .dark-lg-active-flex-auto:active { flex: auto; }
  html[data-theme="dark"] .dark-lg-disabled-flex-auto:disabled { flex: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-auto:focus-visible { flex: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-auto:focus-within { flex: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-lg-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-lg-hover-flex-initial:hover { flex: initial; }
  html[data-theme="dark"] .dark-lg-focus-flex-initial:focus { flex: initial; }
  html[data-theme="dark"] .dark-lg-active-flex-initial:active { flex: initial; }
  html[data-theme="dark"] .dark-lg-disabled-flex-initial:disabled { flex: initial; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-initial:focus-visible { flex: initial; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-initial:focus-within { flex: initial; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-lg-flex-none { flex: none; }
  html[data-theme="dark"] .dark-lg-hover-flex-none:hover { flex: none; }
  html[data-theme="dark"] .dark-lg-focus-flex-none:focus { flex: none; }
  html[data-theme="dark"] .dark-lg-active-flex-none:active { flex: none; }
  html[data-theme="dark"] .dark-lg-disabled-flex-none:disabled { flex: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-none:focus-visible { flex: none; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-none:focus-within { flex: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-none { flex: none; }
  html[data-theme="dark"] .dark-lg-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-hover-flex-grow-0:hover { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-focus-flex-grow-0:focus { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-active-flex-grow-0:active { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-disabled-flex-grow-0:disabled { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-lg-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-hover-flex-grow-1:hover { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-focus-flex-grow-1:focus { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-active-flex-grow-1:active { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-disabled-flex-grow-1:disabled { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-lg-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-hover-flex-shrink-0:hover { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-focus-flex-shrink-0:focus { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-active-flex-shrink-0:active { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-lg-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-hover-flex-shrink-1:hover { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-focus-flex-shrink-1:focus { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-active-flex-shrink-1:active { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-lg-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-0:hover { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-0:focus { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-0:active { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-0:disabled { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-lg-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-auto:hover { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-auto:focus { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-auto:active { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-lg-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-full:hover { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-full:focus { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-full:active { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-lg-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-half:hover { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-half:focus { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-half:active { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-lg-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-lg-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-lg-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-lg-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-lg-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-lg-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-lg-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-lg-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-lg-order-first { order: -1; }
  html[data-theme="dark"] .dark-lg-hover-order-first:hover { order: -1; }
  html[data-theme="dark"] .dark-lg-focus-order-first:focus { order: -1; }
  html[data-theme="dark"] .dark-lg-active-order-first:active { order: -1; }
  html[data-theme="dark"] .dark-lg-disabled-order-first:disabled { order: -1; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-first:focus-visible { order: -1; }
  html[data-theme="dark"] .dark-lg-focus-within-order-first:focus-within { order: -1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-first { order: -1; }
  html[data-theme="dark"] .dark-lg-order-last { order: 9999; }
  html[data-theme="dark"] .dark-lg-hover-order-last:hover { order: 9999; }
  html[data-theme="dark"] .dark-lg-focus-order-last:focus { order: 9999; }
  html[data-theme="dark"] .dark-lg-active-order-last:active { order: 9999; }
  html[data-theme="dark"] .dark-lg-disabled-order-last:disabled { order: 9999; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-last:focus-visible { order: 9999; }
  html[data-theme="dark"] .dark-lg-focus-within-order-last:focus-within { order: 9999; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-last { order: 9999; }
  html[data-theme="dark"] .dark-lg-order-0 { order: 0; }
  html[data-theme="dark"] .dark-lg-hover-order-0:hover { order: 0; }
  html[data-theme="dark"] .dark-lg-focus-order-0:focus { order: 0; }
  html[data-theme="dark"] .dark-lg-active-order-0:active { order: 0; }
  html[data-theme="dark"] .dark-lg-disabled-order-0:disabled { order: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-0:focus-visible { order: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-order-0:focus-within { order: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-0 { order: 0; }
  html[data-theme="dark"] .dark-lg-order-1 { order: 1; }
  html[data-theme="dark"] .dark-lg-hover-order-1:hover { order: 1; }
  html[data-theme="dark"] .dark-lg-focus-order-1:focus { order: 1; }
  html[data-theme="dark"] .dark-lg-active-order-1:active { order: 1; }
  html[data-theme="dark"] .dark-lg-disabled-order-1:disabled { order: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-1:focus-visible { order: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-order-1:focus-within { order: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-1 { order: 1; }
  html[data-theme="dark"] .dark-lg-order-2 { order: 2; }
  html[data-theme="dark"] .dark-lg-hover-order-2:hover { order: 2; }
  html[data-theme="dark"] .dark-lg-focus-order-2:focus { order: 2; }
  html[data-theme="dark"] .dark-lg-active-order-2:active { order: 2; }
  html[data-theme="dark"] .dark-lg-disabled-order-2:disabled { order: 2; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-2:focus-visible { order: 2; }
  html[data-theme="dark"] .dark-lg-focus-within-order-2:focus-within { order: 2; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-2 { order: 2; }
  html[data-theme="dark"] .dark-lg-order-3 { order: 3; }
  html[data-theme="dark"] .dark-lg-hover-order-3:hover { order: 3; }
  html[data-theme="dark"] .dark-lg-focus-order-3:focus { order: 3; }
  html[data-theme="dark"] .dark-lg-active-order-3:active { order: 3; }
  html[data-theme="dark"] .dark-lg-disabled-order-3:disabled { order: 3; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-3:focus-visible { order: 3; }
  html[data-theme="dark"] .dark-lg-focus-within-order-3:focus-within { order: 3; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-3 { order: 3; }
  html[data-theme="dark"] .dark-lg-order-4 { order: 4; }
  html[data-theme="dark"] .dark-lg-hover-order-4:hover { order: 4; }
  html[data-theme="dark"] .dark-lg-focus-order-4:focus { order: 4; }
  html[data-theme="dark"] .dark-lg-active-order-4:active { order: 4; }
  html[data-theme="dark"] .dark-lg-disabled-order-4:disabled { order: 4; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-4:focus-visible { order: 4; }
  html[data-theme="dark"] .dark-lg-focus-within-order-4:focus-within { order: 4; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-4 { order: 4; }
  html[data-theme="dark"] .dark-lg-order-5 { order: 5; }
  html[data-theme="dark"] .dark-lg-hover-order-5:hover { order: 5; }
  html[data-theme="dark"] .dark-lg-focus-order-5:focus { order: 5; }
  html[data-theme="dark"] .dark-lg-active-order-5:active { order: 5; }
  html[data-theme="dark"] .dark-lg-disabled-order-5:disabled { order: 5; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-5:focus-visible { order: 5; }
  html[data-theme="dark"] .dark-lg-focus-within-order-5:focus-within { order: 5; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-5 { order: 5; }
  html[data-theme="dark"] .dark-lg-order-6 { order: 6; }
  html[data-theme="dark"] .dark-lg-hover-order-6:hover { order: 6; }
  html[data-theme="dark"] .dark-lg-focus-order-6:focus { order: 6; }
  html[data-theme="dark"] .dark-lg-active-order-6:active { order: 6; }
  html[data-theme="dark"] .dark-lg-disabled-order-6:disabled { order: 6; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-6:focus-visible { order: 6; }
  html[data-theme="dark"] .dark-lg-focus-within-order-6:focus-within { order: 6; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-6 { order: 6; }
  html[data-theme="dark"] .dark-lg-order-7 { order: 7; }
  html[data-theme="dark"] .dark-lg-hover-order-7:hover { order: 7; }
  html[data-theme="dark"] .dark-lg-focus-order-7:focus { order: 7; }
  html[data-theme="dark"] .dark-lg-active-order-7:active { order: 7; }
  html[data-theme="dark"] .dark-lg-disabled-order-7:disabled { order: 7; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-7:focus-visible { order: 7; }
  html[data-theme="dark"] .dark-lg-focus-within-order-7:focus-within { order: 7; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-7 { order: 7; }
  html[data-theme="dark"] .dark-lg-order-8 { order: 8; }
  html[data-theme="dark"] .dark-lg-hover-order-8:hover { order: 8; }
  html[data-theme="dark"] .dark-lg-focus-order-8:focus { order: 8; }
  html[data-theme="dark"] .dark-lg-active-order-8:active { order: 8; }
  html[data-theme="dark"] .dark-lg-disabled-order-8:disabled { order: 8; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-8:focus-visible { order: 8; }
  html[data-theme="dark"] .dark-lg-focus-within-order-8:focus-within { order: 8; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-8 { order: 8; }
  html[data-theme="dark"] .dark-lg-order-9 { order: 9; }
  html[data-theme="dark"] .dark-lg-hover-order-9:hover { order: 9; }
  html[data-theme="dark"] .dark-lg-focus-order-9:focus { order: 9; }
  html[data-theme="dark"] .dark-lg-active-order-9:active { order: 9; }
  html[data-theme="dark"] .dark-lg-disabled-order-9:disabled { order: 9; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-9:focus-visible { order: 9; }
  html[data-theme="dark"] .dark-lg-focus-within-order-9:focus-within { order: 9; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-9 { order: 9; }
  html[data-theme="dark"] .dark-lg-order-10 { order: 10; }
  html[data-theme="dark"] .dark-lg-hover-order-10:hover { order: 10; }
  html[data-theme="dark"] .dark-lg-focus-order-10:focus { order: 10; }
  html[data-theme="dark"] .dark-lg-active-order-10:active { order: 10; }
  html[data-theme="dark"] .dark-lg-disabled-order-10:disabled { order: 10; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-10:focus-visible { order: 10; }
  html[data-theme="dark"] .dark-lg-focus-within-order-10:focus-within { order: 10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-10 { order: 10; }
  html[data-theme="dark"] .dark-lg-order-11 { order: 11; }
  html[data-theme="dark"] .dark-lg-hover-order-11:hover { order: 11; }
  html[data-theme="dark"] .dark-lg-focus-order-11:focus { order: 11; }
  html[data-theme="dark"] .dark-lg-active-order-11:active { order: 11; }
  html[data-theme="dark"] .dark-lg-disabled-order-11:disabled { order: 11; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-11:focus-visible { order: 11; }
  html[data-theme="dark"] .dark-lg-focus-within-order-11:focus-within { order: 11; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-11 { order: 11; }
  html[data-theme="dark"] .dark-lg-order-12 { order: 12; }
  html[data-theme="dark"] .dark-lg-hover-order-12:hover { order: 12; }
  html[data-theme="dark"] .dark-lg-focus-order-12:focus { order: 12; }
  html[data-theme="dark"] .dark-lg-active-order-12:active { order: 12; }
  html[data-theme="dark"] .dark-lg-disabled-order-12:disabled { order: 12; }
  html[data-theme="dark"] .dark-lg-focus-visible-order-12:focus-visible { order: 12; }
  html[data-theme="dark"] .dark-lg-focus-within-order-12:focus-within { order: 12; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-order-12 { order: 12; }
  html[data-theme="dark"] .dark-lg-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-lg-hover-whitespace-normal:hover { white-space: normal; }
  html[data-theme="dark"] .dark-lg-focus-whitespace-normal:focus { white-space: normal; }
  html[data-theme="dark"] .dark-lg-active-whitespace-normal:active { white-space: normal; }
  html[data-theme="dark"] .dark-lg-disabled-whitespace-normal:disabled { white-space: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-whitespace-normal:focus-within { white-space: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-lg-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-hover-whitespace-nowrap:hover { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-whitespace-nowrap:focus { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-active-whitespace-nowrap:active { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-lg-hover-whitespace-pre:hover { white-space: pre; }
  html[data-theme="dark"] .dark-lg-focus-whitespace-pre:focus { white-space: pre; }
  html[data-theme="dark"] .dark-lg-active-whitespace-pre:active { white-space: pre; }
  html[data-theme="dark"] .dark-lg-disabled-whitespace-pre:disabled { white-space: pre; }
  html[data-theme="dark"] .dark-lg-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  html[data-theme="dark"] .dark-lg-focus-within-whitespace-pre:focus-within { white-space: pre; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-lg-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-hover-whitespace-pre-line:hover { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-focus-whitespace-pre-line:focus { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-active-whitespace-pre-line:active { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-lg-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-lg-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-lg-hover-overflow-auto:hover { overflow: auto; }
  html[data-theme="dark"] .dark-lg-focus-overflow-auto:focus { overflow: auto; }
  html[data-theme="dark"] .dark-lg-active-overflow-auto:active { overflow: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-auto:disabled { overflow: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-auto:focus-within { overflow: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-lg-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-hover-overflow-hidden:hover { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-focus-overflow-hidden:focus { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-active-overflow-hidden:active { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-hidden:disabled { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-lg-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-lg-hover-overflow-visible:hover { overflow: visible; }
  html[data-theme="dark"] .dark-lg-focus-overflow-visible:focus { overflow: visible; }
  html[data-theme="dark"] .dark-lg-active-overflow-visible:active { overflow: visible; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-visible:disabled { overflow: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-visible:focus-within { overflow: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-lg-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-hover-overflow-scroll:hover { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-focus-overflow-scroll:focus { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-active-overflow-scroll:active { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-scroll:disabled { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-lg-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-hover-overflow-x-auto:hover { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-overflow-x-auto:focus { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-active-overflow-x-auto:active { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-lg-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-active-overflow-x-hidden:active { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-lg-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-hover-overflow-x-visible:hover { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-focus-overflow-x-visible:focus { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-active-overflow-x-visible:active { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-lg-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-active-overflow-x-scroll:active { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-lg-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-hover-overflow-y-auto:hover { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-overflow-y-auto:focus { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-active-overflow-y-auto:active { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-lg-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-active-overflow-y-hidden:active { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-lg-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-hover-overflow-y-visible:hover { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-focus-overflow-y-visible:focus { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-active-overflow-y-visible:active { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-lg-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-active-overflow-y-scroll:active { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-lg-visible { visibility: visible; }
  html[data-theme="dark"] .dark-lg-hover-visible:hover { visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible:focus { visibility: visible; }
  html[data-theme="dark"] .dark-lg-active-visible:active { visibility: visible; }
  html[data-theme="dark"] .dark-lg-disabled-visible:disabled { visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-visible:focus-visible { visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-visible:focus-within { visibility: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-visible { visibility: visible; }
  html[data-theme="dark"] .dark-lg-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-hover-hidden:hover { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-hidden:focus { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-active-hidden:active { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-hidden:disabled { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-hidden:focus-visible { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-hidden:focus-within { visibility: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-lg-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-hover-collapse:hover { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-focus-collapse:focus { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-active-collapse:active { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-disabled-collapse:disabled { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-focus-visible-collapse:focus-visible { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-focus-within-collapse:focus-within { visibility: collapse; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-lg-clear-left { clear: left; }
  html[data-theme="dark"] .dark-lg-hover-clear-left:hover { clear: left; }
  html[data-theme="dark"] .dark-lg-focus-clear-left:focus { clear: left; }
  html[data-theme="dark"] .dark-lg-active-clear-left:active { clear: left; }
  html[data-theme="dark"] .dark-lg-disabled-clear-left:disabled { clear: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-clear-left:focus-visible { clear: left; }
  html[data-theme="dark"] .dark-lg-focus-within-clear-left:focus-within { clear: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clear-left { clear: left; }
  html[data-theme="dark"] .dark-lg-clear-right { clear: right; }
  html[data-theme="dark"] .dark-lg-hover-clear-right:hover { clear: right; }
  html[data-theme="dark"] .dark-lg-focus-clear-right:focus { clear: right; }
  html[data-theme="dark"] .dark-lg-active-clear-right:active { clear: right; }
  html[data-theme="dark"] .dark-lg-disabled-clear-right:disabled { clear: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-clear-right:focus-visible { clear: right; }
  html[data-theme="dark"] .dark-lg-focus-within-clear-right:focus-within { clear: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clear-right { clear: right; }
  html[data-theme="dark"] .dark-lg-clear-both { clear: both; }
  html[data-theme="dark"] .dark-lg-hover-clear-both:hover { clear: both; }
  html[data-theme="dark"] .dark-lg-focus-clear-both:focus { clear: both; }
  html[data-theme="dark"] .dark-lg-active-clear-both:active { clear: both; }
  html[data-theme="dark"] .dark-lg-disabled-clear-both:disabled { clear: both; }
  html[data-theme="dark"] .dark-lg-focus-visible-clear-both:focus-visible { clear: both; }
  html[data-theme="dark"] .dark-lg-focus-within-clear-both:focus-within { clear: both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clear-both { clear: both; }
  html[data-theme="dark"] .dark-lg-float-left { float: left; }
  html[data-theme="dark"] .dark-lg-hover-float-left:hover { float: left; }
  html[data-theme="dark"] .dark-lg-focus-float-left:focus { float: left; }
  html[data-theme="dark"] .dark-lg-active-float-left:active { float: left; }
  html[data-theme="dark"] .dark-lg-disabled-float-left:disabled { float: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-float-left:focus-visible { float: left; }
  html[data-theme="dark"] .dark-lg-focus-within-float-left:focus-within { float: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-float-left { float: left; }
  html[data-theme="dark"] .dark-lg-float-right { float: right; }
  html[data-theme="dark"] .dark-lg-hover-float-right:hover { float: right; }
  html[data-theme="dark"] .dark-lg-focus-float-right:focus { float: right; }
  html[data-theme="dark"] .dark-lg-active-float-right:active { float: right; }
  html[data-theme="dark"] .dark-lg-disabled-float-right:disabled { float: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-float-right:focus-visible { float: right; }
  html[data-theme="dark"] .dark-lg-focus-within-float-right:focus-within { float: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-float-right { float: right; }
  html[data-theme="dark"] .dark-lg-float-none { float: none; }
  html[data-theme="dark"] .dark-lg-hover-float-none:hover { float: none; }
  html[data-theme="dark"] .dark-lg-focus-float-none:focus { float: none; }
  html[data-theme="dark"] .dark-lg-active-float-none:active { float: none; }
  html[data-theme="dark"] .dark-lg-disabled-float-none:disabled { float: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-float-none:focus-visible { float: none; }
  html[data-theme="dark"] .dark-lg-focus-within-float-none:focus-within { float: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-float-none { float: none; }
  html[data-theme="dark"] .dark-lg-w-0 { width: 0; }
  html[data-theme="dark"] .dark-lg-hover-w-0:hover { width: 0; }
  html[data-theme="dark"] .dark-lg-focus-w-0:focus { width: 0; }
  html[data-theme="dark"] .dark-lg-active-w-0:active { width: 0; }
  html[data-theme="dark"] .dark-lg-disabled-w-0:disabled { width: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-0:focus-visible { width: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-w-0:focus-within { width: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-0 { width: 0; }
  html[data-theme="dark"] .dark-lg-h-0 { height: 0; }
  html[data-theme="dark"] .dark-lg-hover-h-0:hover { height: 0; }
  html[data-theme="dark"] .dark-lg-focus-h-0:focus { height: 0; }
  html[data-theme="dark"] .dark-lg-active-h-0:active { height: 0; }
  html[data-theme="dark"] .dark-lg-disabled-h-0:disabled { height: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-0:focus-visible { height: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-h-0:focus-within { height: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-0 { height: 0; }
  html[data-theme="dark"] .dark-lg-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-lg-hover-min-w-0:hover { min-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-min-w-0:focus { min-width: 0; }
  html[data-theme="dark"] .dark-lg-active-min-w-0:active { min-width: 0; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-0:disabled { min-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-0:focus-visible { min-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-0:focus-within { min-width: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-lg-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-lg-hover-max-w-0:hover { max-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-max-w-0:focus { max-width: 0; }
  html[data-theme="dark"] .dark-lg-active-max-w-0:active { max-width: 0; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-0:disabled { max-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-0:focus-visible { max-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-0:focus-within { max-width: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-lg-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-lg-hover-min-h-0:hover { min-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-min-h-0:focus { min-height: 0; }
  html[data-theme="dark"] .dark-lg-active-min-h-0:active { min-height: 0; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-0:disabled { min-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-0:focus-visible { min-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-0:focus-within { min-height: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-lg-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-lg-hover-max-h-0:hover { max-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-max-h-0:focus { max-height: 0; }
  html[data-theme="dark"] .dark-lg-active-max-h-0:active { max-height: 0; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-0:disabled { max-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-0:focus-visible { max-height: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-0:focus-within { max-height: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-lg-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-w-1:hover { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-w-1:focus { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-w-1:active { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-1:disabled { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-1:focus-visible { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-1:focus-within { width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-h-1:hover { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-h-1:focus { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-h-1:active { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-1:disabled { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-1:focus-visible { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-1:focus-within { height: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-1:hover { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-1:focus { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-1:active { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-1:disabled { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-1:hover { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-1:focus { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-1:active { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-1:disabled { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-1:hover { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-1:focus { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-1:active { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-1:disabled { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-1:hover { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-1:focus { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-1:active { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-1:disabled { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-w-2:hover { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-w-2:focus { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-w-2:active { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-2:disabled { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-2:focus-visible { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-2:focus-within { width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-h-2:hover { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-h-2:focus { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-h-2:active { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-2:disabled { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-2:focus-visible { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-2:focus-within { height: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-2:hover { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-2:focus { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-2:active { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-2:disabled { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-2:hover { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-2:focus { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-2:active { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-2:disabled { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-2:hover { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-2:focus { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-2:active { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-2:disabled { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-2:hover { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-2:focus { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-2:active { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-2:disabled { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-w-3:hover { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-w-3:focus { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-w-3:active { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-3:disabled { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-3:focus-visible { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-3:focus-within { width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-h-3:hover { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-h-3:focus { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-h-3:active { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-3:disabled { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-3:focus-visible { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-3:focus-within { height: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-3:hover { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-3:focus { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-3:active { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-3:disabled { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-3:hover { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-3:focus { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-3:active { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-3:disabled { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-3:hover { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-3:focus { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-3:active { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-3:disabled { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-3:hover { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-3:focus { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-3:active { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-3:disabled { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-w-4:hover { width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-w-4:focus { width: 1rem; }
  html[data-theme="dark"] .dark-lg-active-w-4:active { width: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-4:disabled { width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-4:focus-visible { width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-4:focus-within { width: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-lg-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-h-4:hover { height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-h-4:focus { height: 1rem; }
  html[data-theme="dark"] .dark-lg-active-h-4:active { height: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-4:disabled { height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-4:focus-visible { height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-4:focus-within { height: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-lg-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-4:hover { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-4:focus { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-4:active { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-4:disabled { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-4:focus-within { min-width: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-lg-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-4:hover { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-4:focus { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-4:active { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-4:disabled { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-4:focus-within { max-width: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-lg-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-4:hover { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-4:focus { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-4:active { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-4:disabled { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-4:focus-within { min-height: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-lg-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-4:hover { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-4:focus { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-4:active { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-4:disabled { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-4:focus-within { max-height: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-lg-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-w-5:hover { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-w-5:focus { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-w-5:active { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-5:disabled { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-5:focus-visible { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-5:focus-within { width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-h-5:hover { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-h-5:focus { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-h-5:active { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-5:disabled { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-5:focus-visible { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-5:focus-within { height: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-5:hover { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-5:focus { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-5:active { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-5:disabled { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-5:hover { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-5:focus { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-5:active { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-5:disabled { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-5:hover { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-5:focus { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-5:active { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-5:disabled { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-5:hover { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-5:focus { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-5:active { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-5:disabled { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-w-6:hover { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-w-6:focus { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-w-6:active { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-6:disabled { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-6:focus-visible { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-6:focus-within { width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-h-6:hover { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-h-6:focus { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-h-6:active { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-6:disabled { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-6:focus-visible { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-6:focus-within { height: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-6:hover { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-6:focus { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-6:active { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-6:disabled { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-6:hover { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-6:focus { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-6:active { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-6:disabled { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-6:hover { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-6:focus { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-6:active { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-6:disabled { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-6:hover { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-6:focus { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-6:active { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-6:disabled { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-w-7:hover { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-w-7:focus { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-w-7:active { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-7:disabled { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-7:focus-visible { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-7:focus-within { width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-h-7:hover { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-h-7:focus { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-h-7:active { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-7:disabled { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-7:focus-visible { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-7:focus-within { height: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-7:hover { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-7:focus { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-7:active { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-7:disabled { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-7:hover { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-7:focus { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-7:active { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-7:disabled { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-7:hover { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-7:focus { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-7:active { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-7:disabled { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-7:hover { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-7:focus { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-7:active { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-7:disabled { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-w-8:hover { width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-w-8:focus { width: 2rem; }
  html[data-theme="dark"] .dark-lg-active-w-8:active { width: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-8:disabled { width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-8:focus-visible { width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-8:focus-within { width: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-lg-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-h-8:hover { height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-h-8:focus { height: 2rem; }
  html[data-theme="dark"] .dark-lg-active-h-8:active { height: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-8:disabled { height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-8:focus-visible { height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-8:focus-within { height: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-lg-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-8:hover { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-8:focus { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-8:active { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-8:disabled { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-8:focus-within { min-width: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-lg-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-8:hover { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-8:focus { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-8:active { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-8:disabled { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-8:focus-within { max-width: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-lg-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-8:hover { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-8:focus { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-8:active { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-8:disabled { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-8:focus-within { min-height: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-lg-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-8:hover { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-8:focus { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-8:active { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-8:disabled { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-8:focus-within { max-height: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-lg-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-w-9:hover { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-w-9:focus { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-w-9:active { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-9:disabled { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-9:focus-visible { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-9:focus-within { width: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-h-9:hover { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-h-9:focus { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-h-9:active { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-9:disabled { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-9:focus-visible { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-9:focus-within { height: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-9:hover { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-9:focus { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-9:active { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-9:disabled { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-9:hover { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-9:focus { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-9:active { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-9:disabled { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-lg-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-9:hover { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-9:focus { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-9:active { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-9:disabled { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-9:hover { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-9:focus { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-9:active { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-9:disabled { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-w-10:hover { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-w-10:focus { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-w-10:active { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-10:disabled { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-10:focus-visible { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-10:focus-within { width: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-h-10:hover { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-h-10:focus { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-h-10:active { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-10:disabled { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-10:focus-visible { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-10:focus-within { height: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-10:hover { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-10:focus { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-10:active { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-10:disabled { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-10:hover { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-10:focus { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-10:active { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-10:disabled { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-lg-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-10:hover { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-10:focus { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-10:active { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-10:disabled { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-10:hover { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-10:focus { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-10:active { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-10:disabled { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-w-11:hover { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-w-11:focus { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-w-11:active { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-11:disabled { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-11:focus-visible { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-11:focus-within { width: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-h-11:hover { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-h-11:focus { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-h-11:active { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-11:disabled { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-11:focus-visible { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-11:focus-within { height: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-11:hover { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-11:focus { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-11:active { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-11:disabled { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-11:hover { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-11:focus { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-11:active { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-11:disabled { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-lg-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-11:hover { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-11:focus { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-11:active { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-11:disabled { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-11:hover { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-11:focus { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-11:active { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-11:disabled { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-w-12:hover { width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-w-12:focus { width: 3rem; }
  html[data-theme="dark"] .dark-lg-active-w-12:active { width: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-12:disabled { width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-12:focus-visible { width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-12:focus-within { width: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-lg-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-h-12:hover { height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-h-12:focus { height: 3rem; }
  html[data-theme="dark"] .dark-lg-active-h-12:active { height: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-12:disabled { height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-12:focus-visible { height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-12:focus-within { height: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-lg-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-12:hover { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-12:focus { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-12:active { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-12:disabled { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-12:focus-within { min-width: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-lg-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-12:hover { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-12:focus { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-12:active { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-12:disabled { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-12:focus-within { max-width: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-lg-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-12:hover { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-12:focus { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-12:active { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-12:disabled { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-12:focus-within { min-height: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-lg-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-12:hover { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-12:focus { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-12:active { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-12:disabled { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-12:focus-within { max-height: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-lg-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-w-14:hover { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-w-14:focus { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-w-14:active { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-14:disabled { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-14:focus-visible { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-14:focus-within { width: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-h-14:hover { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-h-14:focus { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-h-14:active { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-14:disabled { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-14:focus-visible { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-14:focus-within { height: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-14:hover { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-14:focus { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-14:active { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-14:disabled { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-14:hover { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-14:focus { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-14:active { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-14:disabled { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-lg-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-14:hover { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-14:focus { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-14:active { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-14:disabled { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-14:hover { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-14:focus { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-14:active { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-14:disabled { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-w-16:hover { width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-w-16:focus { width: 4rem; }
  html[data-theme="dark"] .dark-lg-active-w-16:active { width: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-16:disabled { width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-16:focus-visible { width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-16:focus-within { width: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-lg-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-h-16:hover { height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-h-16:focus { height: 4rem; }
  html[data-theme="dark"] .dark-lg-active-h-16:active { height: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-16:disabled { height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-16:focus-visible { height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-16:focus-within { height: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-lg-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-16:hover { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-16:focus { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-16:active { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-16:disabled { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-16:focus-within { min-width: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-lg-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-16:hover { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-16:focus { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-16:active { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-16:disabled { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-16:focus-within { max-width: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-lg-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-16:hover { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-16:focus { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-16:active { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-16:disabled { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-16:focus-within { min-height: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-lg-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-16:hover { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-16:focus { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-16:active { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-16:disabled { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-16:focus-within { max-height: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-lg-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-w-20:hover { width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-w-20:focus { width: 5rem; }
  html[data-theme="dark"] .dark-lg-active-w-20:active { width: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-20:disabled { width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-20:focus-visible { width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-20:focus-within { width: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-lg-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-h-20:hover { height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-h-20:focus { height: 5rem; }
  html[data-theme="dark"] .dark-lg-active-h-20:active { height: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-20:disabled { height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-20:focus-visible { height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-20:focus-within { height: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-lg-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-20:hover { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-20:focus { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-20:active { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-20:disabled { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-20:focus-within { min-width: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-lg-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-20:hover { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-20:focus { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-20:active { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-20:disabled { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-20:focus-within { max-width: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-lg-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-20:hover { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-20:focus { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-20:active { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-20:disabled { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-20:focus-within { min-height: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-lg-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-20:hover { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-20:focus { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-20:active { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-20:disabled { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-20:focus-within { max-height: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-lg-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-w-24:hover { width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-w-24:focus { width: 6rem; }
  html[data-theme="dark"] .dark-lg-active-w-24:active { width: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-24:disabled { width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-24:focus-visible { width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-24:focus-within { width: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-lg-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-h-24:hover { height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-h-24:focus { height: 6rem; }
  html[data-theme="dark"] .dark-lg-active-h-24:active { height: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-24:disabled { height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-24:focus-visible { height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-24:focus-within { height: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-lg-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-24:hover { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-24:focus { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-24:active { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-24:disabled { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-24:focus-within { min-width: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-lg-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-24:hover { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-24:focus { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-24:active { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-24:disabled { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-24:focus-within { max-width: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-lg-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-24:hover { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-24:focus { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-24:active { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-24:disabled { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-24:focus-within { min-height: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-lg-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-24:hover { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-24:focus { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-24:active { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-24:disabled { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-24:focus-within { max-height: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-lg-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-w-28:hover { width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-w-28:focus { width: 7rem; }
  html[data-theme="dark"] .dark-lg-active-w-28:active { width: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-28:disabled { width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-28:focus-visible { width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-28:focus-within { width: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-lg-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-h-28:hover { height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-h-28:focus { height: 7rem; }
  html[data-theme="dark"] .dark-lg-active-h-28:active { height: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-28:disabled { height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-28:focus-visible { height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-28:focus-within { height: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-lg-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-28:hover { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-28:focus { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-28:active { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-28:disabled { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-28:focus-within { min-width: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-lg-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-28:hover { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-28:focus { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-28:active { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-28:disabled { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-28:focus-within { max-width: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-lg-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-28:hover { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-28:focus { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-28:active { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-28:disabled { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-28:focus-within { min-height: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-lg-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-28:hover { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-28:focus { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-28:active { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-28:disabled { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-28:focus-within { max-height: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-lg-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-w-32:hover { width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-w-32:focus { width: 8rem; }
  html[data-theme="dark"] .dark-lg-active-w-32:active { width: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-32:disabled { width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-32:focus-visible { width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-32:focus-within { width: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-lg-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-h-32:hover { height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-h-32:focus { height: 8rem; }
  html[data-theme="dark"] .dark-lg-active-h-32:active { height: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-32:disabled { height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-32:focus-visible { height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-32:focus-within { height: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-lg-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-32:hover { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-32:focus { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-32:active { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-32:disabled { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-32:focus-within { min-width: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-lg-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-32:hover { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-32:focus { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-32:active { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-32:disabled { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-32:focus-within { max-width: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-lg-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-32:hover { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-32:focus { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-32:active { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-32:disabled { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-32:focus-within { min-height: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-lg-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-32:hover { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-32:focus { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-32:active { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-32:disabled { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-32:focus-within { max-height: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-lg-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-w-36:hover { width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-w-36:focus { width: 9rem; }
  html[data-theme="dark"] .dark-lg-active-w-36:active { width: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-36:disabled { width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-36:focus-visible { width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-36:focus-within { width: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-lg-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-h-36:hover { height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-h-36:focus { height: 9rem; }
  html[data-theme="dark"] .dark-lg-active-h-36:active { height: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-36:disabled { height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-36:focus-visible { height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-36:focus-within { height: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-lg-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-36:hover { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-36:focus { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-36:active { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-36:disabled { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-36:focus-within { min-width: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-lg-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-36:hover { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-36:focus { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-36:active { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-36:disabled { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-36:focus-within { max-width: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-lg-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-36:hover { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-36:focus { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-36:active { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-36:disabled { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-36:focus-within { min-height: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-lg-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-36:hover { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-36:focus { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-36:active { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-36:disabled { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-36:focus-within { max-height: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-lg-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-w-40:hover { width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-w-40:focus { width: 10rem; }
  html[data-theme="dark"] .dark-lg-active-w-40:active { width: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-40:disabled { width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-40:focus-visible { width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-40:focus-within { width: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-lg-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-h-40:hover { height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-h-40:focus { height: 10rem; }
  html[data-theme="dark"] .dark-lg-active-h-40:active { height: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-40:disabled { height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-40:focus-visible { height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-40:focus-within { height: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-lg-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-40:hover { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-40:focus { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-40:active { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-40:disabled { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-40:focus-within { min-width: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-lg-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-40:hover { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-40:focus { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-40:active { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-40:disabled { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-40:focus-within { max-width: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-lg-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-40:hover { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-40:focus { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-40:active { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-40:disabled { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-40:focus-within { min-height: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-lg-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-40:hover { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-40:focus { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-40:active { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-40:disabled { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-40:focus-within { max-height: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-lg-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-w-44:hover { width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-w-44:focus { width: 11rem; }
  html[data-theme="dark"] .dark-lg-active-w-44:active { width: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-44:disabled { width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-44:focus-visible { width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-44:focus-within { width: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-lg-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-h-44:hover { height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-h-44:focus { height: 11rem; }
  html[data-theme="dark"] .dark-lg-active-h-44:active { height: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-44:disabled { height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-44:focus-visible { height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-44:focus-within { height: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-lg-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-44:hover { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-44:focus { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-44:active { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-44:disabled { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-44:focus-within { min-width: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-lg-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-44:hover { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-44:focus { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-44:active { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-44:disabled { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-44:focus-within { max-width: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-lg-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-44:hover { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-44:focus { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-44:active { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-44:disabled { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-44:focus-within { min-height: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-lg-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-44:hover { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-44:focus { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-44:active { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-44:disabled { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-44:focus-within { max-height: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-lg-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-w-48:hover { width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-w-48:focus { width: 12rem; }
  html[data-theme="dark"] .dark-lg-active-w-48:active { width: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-48:disabled { width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-48:focus-visible { width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-48:focus-within { width: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-lg-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-h-48:hover { height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-h-48:focus { height: 12rem; }
  html[data-theme="dark"] .dark-lg-active-h-48:active { height: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-48:disabled { height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-48:focus-visible { height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-48:focus-within { height: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-lg-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-48:hover { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-48:focus { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-48:active { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-48:disabled { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-48:focus-within { min-width: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-lg-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-48:hover { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-48:focus { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-48:active { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-48:disabled { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-48:focus-within { max-width: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-lg-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-48:hover { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-48:focus { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-48:active { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-48:disabled { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-48:focus-within { min-height: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-lg-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-48:hover { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-48:focus { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-48:active { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-48:disabled { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-48:focus-within { max-height: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-lg-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-w-52:hover { width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-w-52:focus { width: 13rem; }
  html[data-theme="dark"] .dark-lg-active-w-52:active { width: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-52:disabled { width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-52:focus-visible { width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-52:focus-within { width: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-lg-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-h-52:hover { height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-h-52:focus { height: 13rem; }
  html[data-theme="dark"] .dark-lg-active-h-52:active { height: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-52:disabled { height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-52:focus-visible { height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-52:focus-within { height: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-lg-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-52:hover { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-52:focus { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-52:active { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-52:disabled { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-52:focus-within { min-width: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-lg-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-52:hover { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-52:focus { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-52:active { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-52:disabled { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-52:focus-within { max-width: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-lg-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-52:hover { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-52:focus { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-52:active { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-52:disabled { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-52:focus-within { min-height: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-lg-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-52:hover { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-52:focus { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-52:active { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-52:disabled { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-52:focus-within { max-height: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-lg-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-w-56:hover { width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-w-56:focus { width: 14rem; }
  html[data-theme="dark"] .dark-lg-active-w-56:active { width: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-56:disabled { width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-56:focus-visible { width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-56:focus-within { width: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-lg-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-h-56:hover { height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-h-56:focus { height: 14rem; }
  html[data-theme="dark"] .dark-lg-active-h-56:active { height: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-56:disabled { height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-56:focus-visible { height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-56:focus-within { height: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-lg-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-56:hover { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-56:focus { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-56:active { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-56:disabled { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-56:focus-within { min-width: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-lg-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-56:hover { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-56:focus { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-56:active { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-56:disabled { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-56:focus-within { max-width: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-lg-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-56:hover { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-56:focus { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-56:active { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-56:disabled { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-56:focus-within { min-height: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-lg-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-56:hover { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-56:focus { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-56:active { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-56:disabled { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-56:focus-within { max-height: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-lg-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-w-60:hover { width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-w-60:focus { width: 15rem; }
  html[data-theme="dark"] .dark-lg-active-w-60:active { width: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-60:disabled { width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-60:focus-visible { width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-60:focus-within { width: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-lg-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-h-60:hover { height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-h-60:focus { height: 15rem; }
  html[data-theme="dark"] .dark-lg-active-h-60:active { height: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-60:disabled { height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-60:focus-visible { height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-60:focus-within { height: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-lg-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-60:hover { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-60:focus { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-60:active { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-60:disabled { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-60:focus-within { min-width: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-lg-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-60:hover { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-60:focus { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-60:active { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-60:disabled { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-60:focus-within { max-width: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-lg-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-60:hover { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-60:focus { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-60:active { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-60:disabled { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-60:focus-within { min-height: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-lg-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-60:hover { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-60:focus { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-60:active { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-60:disabled { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-60:focus-within { max-height: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-lg-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-w-64:hover { width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-w-64:focus { width: 16rem; }
  html[data-theme="dark"] .dark-lg-active-w-64:active { width: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-64:disabled { width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-64:focus-visible { width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-64:focus-within { width: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-lg-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-h-64:hover { height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-h-64:focus { height: 16rem; }
  html[data-theme="dark"] .dark-lg-active-h-64:active { height: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-64:disabled { height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-64:focus-visible { height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-64:focus-within { height: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-lg-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-64:hover { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-64:focus { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-64:active { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-64:disabled { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-64:focus-within { min-width: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-lg-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-64:hover { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-64:focus { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-64:active { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-64:disabled { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-64:focus-within { max-width: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-lg-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-64:hover { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-64:focus { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-64:active { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-64:disabled { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-64:focus-within { min-height: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-lg-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-64:hover { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-64:focus { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-64:active { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-64:disabled { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-64:focus-within { max-height: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-lg-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-w-72:hover { width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-w-72:focus { width: 18rem; }
  html[data-theme="dark"] .dark-lg-active-w-72:active { width: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-72:disabled { width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-72:focus-visible { width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-72:focus-within { width: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-lg-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-h-72:hover { height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-h-72:focus { height: 18rem; }
  html[data-theme="dark"] .dark-lg-active-h-72:active { height: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-72:disabled { height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-72:focus-visible { height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-72:focus-within { height: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-lg-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-72:hover { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-72:focus { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-72:active { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-72:disabled { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-72:focus-within { min-width: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-lg-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-72:hover { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-72:focus { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-72:active { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-72:disabled { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-72:focus-within { max-width: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-lg-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-72:hover { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-72:focus { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-72:active { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-72:disabled { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-72:focus-within { min-height: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-lg-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-72:hover { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-72:focus { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-72:active { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-72:disabled { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-72:focus-within { max-height: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-lg-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-w-80:hover { width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-w-80:focus { width: 20rem; }
  html[data-theme="dark"] .dark-lg-active-w-80:active { width: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-80:disabled { width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-80:focus-visible { width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-80:focus-within { width: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-lg-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-h-80:hover { height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-h-80:focus { height: 20rem; }
  html[data-theme="dark"] .dark-lg-active-h-80:active { height: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-80:disabled { height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-80:focus-visible { height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-80:focus-within { height: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-lg-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-80:hover { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-80:focus { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-80:active { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-80:disabled { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-80:focus-within { min-width: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-lg-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-80:hover { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-80:focus { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-80:active { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-80:disabled { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-80:focus-within { max-width: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-lg-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-80:hover { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-80:focus { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-80:active { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-80:disabled { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-80:focus-within { min-height: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-lg-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-80:hover { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-80:focus { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-80:active { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-80:disabled { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-80:focus-within { max-height: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-lg-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-w-96:hover { width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-w-96:focus { width: 24rem; }
  html[data-theme="dark"] .dark-lg-active-w-96:active { width: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-w-96:disabled { width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-96:focus-visible { width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-w-96:focus-within { width: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-lg-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-h-96:hover { height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-h-96:focus { height: 24rem; }
  html[data-theme="dark"] .dark-lg-active-h-96:active { height: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-h-96:disabled { height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-96:focus-visible { height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-h-96:focus-within { height: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-lg-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-min-w-96:hover { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-min-w-96:focus { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-active-min-w-96:active { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-96:disabled { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-96:focus-within { min-width: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-lg-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-max-w-96:hover { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-max-w-96:focus { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-active-max-w-96:active { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-96:disabled { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-96:focus-within { max-width: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-lg-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-min-h-96:hover { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-min-h-96:focus { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-active-min-h-96:active { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-96:disabled { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-96:focus-within { min-height: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-lg-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-max-h-96:hover { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-max-h-96:focus { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-active-max-h-96:active { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-96:disabled { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-96:focus-within { max-height: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-lg-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-w-1\/2:hover { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-w-1\/2:focus { width: 50%; }
  html[data-theme="dark"] .dark-lg-active-w-1\/2:active { width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-w-1\/2:disabled { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-1\/2:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-1\/2:focus-within { width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-lg-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-h-1\/2:hover { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-h-1\/2:focus { height: 50%; }
  html[data-theme="dark"] .dark-lg-active-h-1\/2:active { height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-h-1\/2:disabled { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-1\/2:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-1\/2:focus-within { height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-lg-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-1\/2:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-1\/2:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-active-min-w-1\/2:active { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-1\/2:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-1\/2:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-1\/2:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-active-max-w-1\/2:active { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-1\/2:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-1\/2:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-1\/2:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-active-min-h-1\/2:active { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-1\/2:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-1\/2:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-1\/2:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-active-max-h-1\/2:active { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-1\/2:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-w-1\/3:hover { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-w-1\/3:focus { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-w-1\/3:active { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-w-1\/3:disabled { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-h-1\/3:hover { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-h-1\/3:focus { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-h-1\/3:active { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-h-1\/3:disabled { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-min-w-1\/3:active { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-max-w-1\/3:active { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-lg-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-min-h-1\/3:active { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-active-max-h-1\/3:active { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-lg-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-w-2\/3:hover { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-w-2\/3:focus { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-w-2\/3:active { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-w-2\/3:disabled { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-h-2\/3:hover { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-h-2\/3:focus { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-h-2\/3:active { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-h-2\/3:disabled { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-min-w-2\/3:active { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-max-w-2\/3:active { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-lg-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-min-h-2\/3:active { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-active-max-h-2\/3:active { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-lg-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-w-1\/4:hover { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-w-1\/4:focus { width: 25%; }
  html[data-theme="dark"] .dark-lg-active-w-1\/4:active { width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-w-1\/4:disabled { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-1\/4:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-1\/4:focus-within { width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-lg-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-h-1\/4:hover { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-h-1\/4:focus { height: 25%; }
  html[data-theme="dark"] .dark-lg-active-h-1\/4:active { height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-h-1\/4:disabled { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-1\/4:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-1\/4:focus-within { height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-lg-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-1\/4:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-1\/4:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-active-min-w-1\/4:active { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-1\/4:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-1\/4:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-1\/4:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-active-max-w-1\/4:active { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-1\/4:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-1\/4:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-1\/4:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-active-min-h-1\/4:active { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-1\/4:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-1\/4:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-1\/4:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-active-max-h-1\/4:active { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-1\/4:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-w-3\/4:hover { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-w-3\/4:focus { width: 75%; }
  html[data-theme="dark"] .dark-lg-active-w-3\/4:active { width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-w-3\/4:disabled { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-3\/4:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-3\/4:focus-within { width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-lg-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-h-3\/4:hover { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-h-3\/4:focus { height: 75%; }
  html[data-theme="dark"] .dark-lg-active-h-3\/4:active { height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-h-3\/4:disabled { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-3\/4:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-3\/4:focus-within { height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-lg-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-3\/4:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-3\/4:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-active-min-w-3\/4:active { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-3\/4:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-3\/4:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-3\/4:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-active-max-w-3\/4:active { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-3\/4:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-3\/4:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-3\/4:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-active-min-h-3\/4:active { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-3\/4:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-3\/4:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-3\/4:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-active-max-h-3\/4:active { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-3\/4:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-w-1\/5:hover { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-w-1\/5:focus { width: 20%; }
  html[data-theme="dark"] .dark-lg-active-w-1\/5:active { width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-w-1\/5:disabled { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-1\/5:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-1\/5:focus-within { width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-lg-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-h-1\/5:hover { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-h-1\/5:focus { height: 20%; }
  html[data-theme="dark"] .dark-lg-active-h-1\/5:active { height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-h-1\/5:disabled { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-1\/5:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-1\/5:focus-within { height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-lg-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-1\/5:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-1\/5:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-active-min-w-1\/5:active { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-1\/5:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-1\/5:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-1\/5:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-active-max-w-1\/5:active { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-1\/5:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-1\/5:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-1\/5:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-active-min-h-1\/5:active { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-1\/5:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-1\/5:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-1\/5:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-active-max-h-1\/5:active { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-1\/5:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-w-2\/5:hover { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-w-2\/5:focus { width: 40%; }
  html[data-theme="dark"] .dark-lg-active-w-2\/5:active { width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-w-2\/5:disabled { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-2\/5:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-2\/5:focus-within { width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-lg-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-h-2\/5:hover { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-h-2\/5:focus { height: 40%; }
  html[data-theme="dark"] .dark-lg-active-h-2\/5:active { height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-h-2\/5:disabled { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-2\/5:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-2\/5:focus-within { height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-lg-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-2\/5:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-2\/5:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-active-min-w-2\/5:active { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-2\/5:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-2\/5:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-2\/5:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-active-max-w-2\/5:active { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-2\/5:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-2\/5:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-2\/5:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-active-min-h-2\/5:active { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-2\/5:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-2\/5:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-2\/5:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-active-max-h-2\/5:active { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-2\/5:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-w-3\/5:hover { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-w-3\/5:focus { width: 60%; }
  html[data-theme="dark"] .dark-lg-active-w-3\/5:active { width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-w-3\/5:disabled { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-3\/5:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-3\/5:focus-within { width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-lg-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-h-3\/5:hover { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-h-3\/5:focus { height: 60%; }
  html[data-theme="dark"] .dark-lg-active-h-3\/5:active { height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-h-3\/5:disabled { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-3\/5:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-3\/5:focus-within { height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-lg-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-3\/5:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-3\/5:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-active-min-w-3\/5:active { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-3\/5:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-3\/5:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-3\/5:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-active-max-w-3\/5:active { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-3\/5:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-3\/5:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-3\/5:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-active-min-h-3\/5:active { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-3\/5:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-3\/5:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-3\/5:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-active-max-h-3\/5:active { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-3\/5:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-w-4\/5:hover { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-w-4\/5:focus { width: 80%; }
  html[data-theme="dark"] .dark-lg-active-w-4\/5:active { width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-w-4\/5:disabled { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-4\/5:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-4\/5:focus-within { width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-lg-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-h-4\/5:hover { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-h-4\/5:focus { height: 80%; }
  html[data-theme="dark"] .dark-lg-active-h-4\/5:active { height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-h-4\/5:disabled { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-4\/5:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-4\/5:focus-within { height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-lg-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-4\/5:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-4\/5:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-active-min-w-4\/5:active { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-4\/5:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-4\/5:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-4\/5:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-active-max-w-4\/5:active { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-4\/5:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-4\/5:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-4\/5:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-active-min-h-4\/5:active { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-4\/5:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-4\/5:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-4\/5:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-active-max-h-4\/5:active { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-4\/5:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-lg-hover-w-5p:hover { width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-w-5p:focus { width: 5%; }
  html[data-theme="dark"] .dark-lg-active-w-5p:active { width: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-w-5p:disabled { width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-5p:focus-visible { width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-5p:focus-within { width: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-lg-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-lg-hover-h-5p:hover { height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-h-5p:focus { height: 5%; }
  html[data-theme="dark"] .dark-lg-active-h-5p:active { height: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-h-5p:disabled { height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-5p:focus-visible { height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-5p:focus-within { height: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-lg-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-5p:hover { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-5p:focus { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-active-min-w-5p:active { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-5p:disabled { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-5p:focus-within { min-width: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-lg-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-5p:hover { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-5p:focus { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-active-max-w-5p:active { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-5p:disabled { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-5p:focus-within { max-width: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-lg-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-5p:hover { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-5p:focus { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-active-min-h-5p:active { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-5p:disabled { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-5p:focus-within { min-height: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-lg-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-5p:hover { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-5p:focus { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-active-max-h-5p:active { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-5p:disabled { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-5p:focus-within { max-height: 5%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-lg-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-lg-hover-w-10p:hover { width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-w-10p:focus { width: 10%; }
  html[data-theme="dark"] .dark-lg-active-w-10p:active { width: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-w-10p:disabled { width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-10p:focus-visible { width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-10p:focus-within { width: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-lg-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-lg-hover-h-10p:hover { height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-h-10p:focus { height: 10%; }
  html[data-theme="dark"] .dark-lg-active-h-10p:active { height: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-h-10p:disabled { height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-10p:focus-visible { height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-10p:focus-within { height: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-lg-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-10p:hover { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-10p:focus { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-active-min-w-10p:active { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-10p:disabled { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-10p:focus-within { min-width: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-lg-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-10p:hover { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-10p:focus { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-active-max-w-10p:active { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-10p:disabled { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-10p:focus-within { max-width: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-lg-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-10p:hover { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-10p:focus { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-active-min-h-10p:active { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-10p:disabled { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-10p:focus-within { min-height: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-lg-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-10p:hover { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-10p:focus { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-active-max-h-10p:active { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-10p:disabled { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-10p:focus-within { max-height: 10%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-lg-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-lg-hover-w-15p:hover { width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-w-15p:focus { width: 15%; }
  html[data-theme="dark"] .dark-lg-active-w-15p:active { width: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-w-15p:disabled { width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-15p:focus-visible { width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-15p:focus-within { width: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-lg-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-lg-hover-h-15p:hover { height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-h-15p:focus { height: 15%; }
  html[data-theme="dark"] .dark-lg-active-h-15p:active { height: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-h-15p:disabled { height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-15p:focus-visible { height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-15p:focus-within { height: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-lg-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-15p:hover { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-15p:focus { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-active-min-w-15p:active { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-15p:disabled { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-15p:focus-within { min-width: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-lg-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-15p:hover { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-15p:focus { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-active-max-w-15p:active { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-15p:disabled { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-15p:focus-within { max-width: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-lg-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-15p:hover { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-15p:focus { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-active-min-h-15p:active { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-15p:disabled { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-15p:focus-within { min-height: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-lg-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-15p:hover { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-15p:focus { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-active-max-h-15p:active { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-15p:disabled { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-15p:focus-within { max-height: 15%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-lg-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-w-20p:hover { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-w-20p:focus { width: 20%; }
  html[data-theme="dark"] .dark-lg-active-w-20p:active { width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-w-20p:disabled { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-20p:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-20p:focus-within { width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-lg-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-h-20p:hover { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-h-20p:focus { height: 20%; }
  html[data-theme="dark"] .dark-lg-active-h-20p:active { height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-h-20p:disabled { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-20p:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-20p:focus-within { height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-lg-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-20p:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-20p:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-active-min-w-20p:active { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-20p:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-20p:focus-within { min-width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-lg-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-20p:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-20p:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-active-max-w-20p:active { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-20p:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-20p:focus-within { max-width: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-lg-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-20p:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-20p:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-active-min-h-20p:active { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-20p:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-20p:focus-within { min-height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-lg-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-20p:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-20p:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-active-max-h-20p:active { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-20p:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-20p:focus-within { max-height: 20%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-lg-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-w-25p:hover { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-w-25p:focus { width: 25%; }
  html[data-theme="dark"] .dark-lg-active-w-25p:active { width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-w-25p:disabled { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-25p:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-25p:focus-within { width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-lg-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-h-25p:hover { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-h-25p:focus { height: 25%; }
  html[data-theme="dark"] .dark-lg-active-h-25p:active { height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-h-25p:disabled { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-25p:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-25p:focus-within { height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-lg-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-25p:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-25p:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-active-min-w-25p:active { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-25p:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-25p:focus-within { min-width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-lg-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-25p:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-25p:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-active-max-w-25p:active { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-25p:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-25p:focus-within { max-width: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-lg-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-25p:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-25p:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-active-min-h-25p:active { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-25p:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-25p:focus-within { min-height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-lg-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-25p:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-25p:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-active-max-h-25p:active { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-25p:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-25p:focus-within { max-height: 25%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-lg-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-lg-hover-w-30p:hover { width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-w-30p:focus { width: 30%; }
  html[data-theme="dark"] .dark-lg-active-w-30p:active { width: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-w-30p:disabled { width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-30p:focus-visible { width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-30p:focus-within { width: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-lg-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-lg-hover-h-30p:hover { height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-h-30p:focus { height: 30%; }
  html[data-theme="dark"] .dark-lg-active-h-30p:active { height: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-h-30p:disabled { height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-30p:focus-visible { height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-30p:focus-within { height: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-lg-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-30p:hover { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-30p:focus { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-active-min-w-30p:active { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-30p:disabled { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-30p:focus-within { min-width: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-lg-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-30p:hover { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-30p:focus { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-active-max-w-30p:active { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-30p:disabled { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-30p:focus-within { max-width: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-lg-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-30p:hover { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-30p:focus { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-active-min-h-30p:active { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-30p:disabled { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-30p:focus-within { min-height: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-lg-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-30p:hover { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-30p:focus { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-active-max-h-30p:active { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-30p:disabled { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-30p:focus-within { max-height: 30%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-lg-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-lg-hover-w-35p:hover { width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-w-35p:focus { width: 35%; }
  html[data-theme="dark"] .dark-lg-active-w-35p:active { width: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-w-35p:disabled { width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-35p:focus-visible { width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-35p:focus-within { width: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-lg-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-lg-hover-h-35p:hover { height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-h-35p:focus { height: 35%; }
  html[data-theme="dark"] .dark-lg-active-h-35p:active { height: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-h-35p:disabled { height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-35p:focus-visible { height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-35p:focus-within { height: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-lg-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-35p:hover { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-35p:focus { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-active-min-w-35p:active { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-35p:disabled { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-35p:focus-within { min-width: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-lg-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-35p:hover { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-35p:focus { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-active-max-w-35p:active { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-35p:disabled { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-35p:focus-within { max-width: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-lg-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-35p:hover { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-35p:focus { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-active-min-h-35p:active { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-35p:disabled { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-35p:focus-within { min-height: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-lg-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-35p:hover { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-35p:focus { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-active-max-h-35p:active { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-35p:disabled { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-35p:focus-within { max-height: 35%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-lg-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-w-40p:hover { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-w-40p:focus { width: 40%; }
  html[data-theme="dark"] .dark-lg-active-w-40p:active { width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-w-40p:disabled { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-40p:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-40p:focus-within { width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-lg-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-h-40p:hover { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-h-40p:focus { height: 40%; }
  html[data-theme="dark"] .dark-lg-active-h-40p:active { height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-h-40p:disabled { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-40p:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-40p:focus-within { height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-lg-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-40p:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-40p:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-active-min-w-40p:active { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-40p:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-40p:focus-within { min-width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-lg-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-40p:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-40p:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-active-max-w-40p:active { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-40p:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-40p:focus-within { max-width: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-lg-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-40p:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-40p:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-active-min-h-40p:active { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-40p:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-40p:focus-within { min-height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-lg-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-40p:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-40p:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-active-max-h-40p:active { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-40p:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-40p:focus-within { max-height: 40%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-lg-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-lg-hover-w-45p:hover { width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-w-45p:focus { width: 45%; }
  html[data-theme="dark"] .dark-lg-active-w-45p:active { width: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-w-45p:disabled { width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-45p:focus-visible { width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-45p:focus-within { width: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-lg-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-lg-hover-h-45p:hover { height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-h-45p:focus { height: 45%; }
  html[data-theme="dark"] .dark-lg-active-h-45p:active { height: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-h-45p:disabled { height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-45p:focus-visible { height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-45p:focus-within { height: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-lg-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-45p:hover { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-45p:focus { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-active-min-w-45p:active { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-45p:disabled { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-45p:focus-within { min-width: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-lg-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-45p:hover { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-45p:focus { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-active-max-w-45p:active { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-45p:disabled { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-45p:focus-within { max-width: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-lg-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-45p:hover { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-45p:focus { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-active-min-h-45p:active { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-45p:disabled { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-45p:focus-within { min-height: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-lg-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-45p:hover { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-45p:focus { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-active-max-h-45p:active { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-45p:disabled { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-45p:focus-within { max-height: 45%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-lg-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-w-50p:hover { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-w-50p:focus { width: 50%; }
  html[data-theme="dark"] .dark-lg-active-w-50p:active { width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-w-50p:disabled { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-50p:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-50p:focus-within { width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-lg-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-h-50p:hover { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-h-50p:focus { height: 50%; }
  html[data-theme="dark"] .dark-lg-active-h-50p:active { height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-h-50p:disabled { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-50p:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-50p:focus-within { height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-lg-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-50p:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-50p:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-active-min-w-50p:active { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-50p:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-50p:focus-within { min-width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-lg-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-50p:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-50p:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-active-max-w-50p:active { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-50p:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-50p:focus-within { max-width: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-lg-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-50p:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-50p:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-active-min-h-50p:active { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-50p:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-50p:focus-within { min-height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-lg-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-50p:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-50p:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-active-max-h-50p:active { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-50p:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-50p:focus-within { max-height: 50%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-lg-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-lg-hover-w-55p:hover { width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-w-55p:focus { width: 55%; }
  html[data-theme="dark"] .dark-lg-active-w-55p:active { width: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-w-55p:disabled { width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-55p:focus-visible { width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-55p:focus-within { width: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-lg-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-lg-hover-h-55p:hover { height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-h-55p:focus { height: 55%; }
  html[data-theme="dark"] .dark-lg-active-h-55p:active { height: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-h-55p:disabled { height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-55p:focus-visible { height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-55p:focus-within { height: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-lg-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-55p:hover { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-55p:focus { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-active-min-w-55p:active { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-55p:disabled { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-55p:focus-within { min-width: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-lg-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-55p:hover { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-55p:focus { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-active-max-w-55p:active { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-55p:disabled { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-55p:focus-within { max-width: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-lg-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-55p:hover { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-55p:focus { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-active-min-h-55p:active { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-55p:disabled { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-55p:focus-within { min-height: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-lg-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-55p:hover { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-55p:focus { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-active-max-h-55p:active { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-55p:disabled { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-55p:focus-within { max-height: 55%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-lg-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-w-60p:hover { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-w-60p:focus { width: 60%; }
  html[data-theme="dark"] .dark-lg-active-w-60p:active { width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-w-60p:disabled { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-60p:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-60p:focus-within { width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-lg-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-h-60p:hover { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-h-60p:focus { height: 60%; }
  html[data-theme="dark"] .dark-lg-active-h-60p:active { height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-h-60p:disabled { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-60p:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-60p:focus-within { height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-lg-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-60p:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-60p:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-active-min-w-60p:active { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-60p:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-60p:focus-within { min-width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-lg-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-60p:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-60p:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-active-max-w-60p:active { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-60p:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-60p:focus-within { max-width: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-lg-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-60p:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-60p:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-active-min-h-60p:active { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-60p:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-60p:focus-within { min-height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-lg-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-60p:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-60p:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-active-max-h-60p:active { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-60p:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-60p:focus-within { max-height: 60%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-lg-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-lg-hover-w-65p:hover { width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-w-65p:focus { width: 65%; }
  html[data-theme="dark"] .dark-lg-active-w-65p:active { width: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-w-65p:disabled { width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-65p:focus-visible { width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-65p:focus-within { width: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-lg-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-lg-hover-h-65p:hover { height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-h-65p:focus { height: 65%; }
  html[data-theme="dark"] .dark-lg-active-h-65p:active { height: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-h-65p:disabled { height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-65p:focus-visible { height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-65p:focus-within { height: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-lg-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-65p:hover { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-65p:focus { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-active-min-w-65p:active { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-65p:disabled { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-65p:focus-within { min-width: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-lg-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-65p:hover { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-65p:focus { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-active-max-w-65p:active { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-65p:disabled { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-65p:focus-within { max-width: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-lg-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-65p:hover { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-65p:focus { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-active-min-h-65p:active { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-65p:disabled { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-65p:focus-within { min-height: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-lg-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-65p:hover { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-65p:focus { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-active-max-h-65p:active { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-65p:disabled { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-65p:focus-within { max-height: 65%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-lg-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-lg-hover-w-70p:hover { width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-w-70p:focus { width: 70%; }
  html[data-theme="dark"] .dark-lg-active-w-70p:active { width: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-w-70p:disabled { width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-70p:focus-visible { width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-70p:focus-within { width: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-lg-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-lg-hover-h-70p:hover { height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-h-70p:focus { height: 70%; }
  html[data-theme="dark"] .dark-lg-active-h-70p:active { height: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-h-70p:disabled { height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-70p:focus-visible { height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-70p:focus-within { height: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-lg-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-70p:hover { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-70p:focus { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-active-min-w-70p:active { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-70p:disabled { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-70p:focus-within { min-width: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-lg-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-70p:hover { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-70p:focus { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-active-max-w-70p:active { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-70p:disabled { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-70p:focus-within { max-width: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-lg-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-70p:hover { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-70p:focus { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-active-min-h-70p:active { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-70p:disabled { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-70p:focus-within { min-height: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-lg-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-70p:hover { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-70p:focus { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-active-max-h-70p:active { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-70p:disabled { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-70p:focus-within { max-height: 70%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-lg-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-w-75p:hover { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-w-75p:focus { width: 75%; }
  html[data-theme="dark"] .dark-lg-active-w-75p:active { width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-w-75p:disabled { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-75p:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-75p:focus-within { width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-lg-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-h-75p:hover { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-h-75p:focus { height: 75%; }
  html[data-theme="dark"] .dark-lg-active-h-75p:active { height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-h-75p:disabled { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-75p:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-75p:focus-within { height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-lg-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-75p:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-75p:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-active-min-w-75p:active { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-75p:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-75p:focus-within { min-width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-lg-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-75p:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-75p:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-active-max-w-75p:active { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-75p:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-75p:focus-within { max-width: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-lg-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-75p:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-75p:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-active-min-h-75p:active { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-75p:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-75p:focus-within { min-height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-lg-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-75p:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-75p:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-active-max-h-75p:active { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-75p:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-75p:focus-within { max-height: 75%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-lg-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-w-80p:hover { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-w-80p:focus { width: 80%; }
  html[data-theme="dark"] .dark-lg-active-w-80p:active { width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-w-80p:disabled { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-80p:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-80p:focus-within { width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-lg-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-h-80p:hover { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-h-80p:focus { height: 80%; }
  html[data-theme="dark"] .dark-lg-active-h-80p:active { height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-h-80p:disabled { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-80p:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-80p:focus-within { height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-lg-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-80p:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-80p:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-active-min-w-80p:active { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-80p:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-80p:focus-within { min-width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-lg-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-80p:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-80p:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-active-max-w-80p:active { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-80p:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-80p:focus-within { max-width: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-lg-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-80p:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-80p:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-active-min-h-80p:active { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-80p:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-80p:focus-within { min-height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-lg-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-80p:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-80p:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-active-max-h-80p:active { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-80p:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-80p:focus-within { max-height: 80%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-lg-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-lg-hover-w-85p:hover { width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-w-85p:focus { width: 85%; }
  html[data-theme="dark"] .dark-lg-active-w-85p:active { width: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-w-85p:disabled { width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-85p:focus-visible { width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-85p:focus-within { width: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-lg-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-lg-hover-h-85p:hover { height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-h-85p:focus { height: 85%; }
  html[data-theme="dark"] .dark-lg-active-h-85p:active { height: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-h-85p:disabled { height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-85p:focus-visible { height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-85p:focus-within { height: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-lg-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-85p:hover { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-85p:focus { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-active-min-w-85p:active { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-85p:disabled { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-85p:focus-within { min-width: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-lg-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-85p:hover { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-85p:focus { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-active-max-w-85p:active { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-85p:disabled { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-85p:focus-within { max-width: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-lg-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-85p:hover { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-85p:focus { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-active-min-h-85p:active { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-85p:disabled { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-85p:focus-within { min-height: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-lg-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-85p:hover { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-85p:focus { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-active-max-h-85p:active { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-85p:disabled { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-85p:focus-within { max-height: 85%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-lg-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-lg-hover-w-90p:hover { width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-w-90p:focus { width: 90%; }
  html[data-theme="dark"] .dark-lg-active-w-90p:active { width: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-w-90p:disabled { width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-90p:focus-visible { width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-90p:focus-within { width: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-lg-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-lg-hover-h-90p:hover { height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-h-90p:focus { height: 90%; }
  html[data-theme="dark"] .dark-lg-active-h-90p:active { height: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-h-90p:disabled { height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-90p:focus-visible { height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-90p:focus-within { height: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-lg-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-90p:hover { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-90p:focus { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-active-min-w-90p:active { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-90p:disabled { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-90p:focus-within { min-width: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-lg-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-90p:hover { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-90p:focus { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-active-max-w-90p:active { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-90p:disabled { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-90p:focus-within { max-width: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-lg-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-90p:hover { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-90p:focus { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-active-min-h-90p:active { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-90p:disabled { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-90p:focus-within { min-height: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-lg-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-90p:hover { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-90p:focus { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-active-max-h-90p:active { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-90p:disabled { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-90p:focus-within { max-height: 90%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-lg-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-lg-hover-w-95p:hover { width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-w-95p:focus { width: 95%; }
  html[data-theme="dark"] .dark-lg-active-w-95p:active { width: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-w-95p:disabled { width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-95p:focus-visible { width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-95p:focus-within { width: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-lg-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-lg-hover-h-95p:hover { height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-h-95p:focus { height: 95%; }
  html[data-theme="dark"] .dark-lg-active-h-95p:active { height: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-h-95p:disabled { height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-95p:focus-visible { height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-95p:focus-within { height: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-lg-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-95p:hover { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-95p:focus { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-active-min-w-95p:active { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-95p:disabled { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-95p:focus-within { min-width: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-lg-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-95p:hover { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-95p:focus { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-active-max-w-95p:active { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-95p:disabled { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-95p:focus-within { max-width: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-lg-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-95p:hover { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-95p:focus { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-active-min-h-95p:active { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-95p:disabled { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-95p:focus-within { min-height: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-lg-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-95p:hover { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-95p:focus { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-active-max-h-95p:active { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-95p:disabled { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-95p:focus-within { max-height: 95%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-lg-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-w-100p:hover { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-w-100p:focus { width: 100%; }
  html[data-theme="dark"] .dark-lg-active-w-100p:active { width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-w-100p:disabled { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-100p:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-100p:focus-within { width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-lg-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-h-100p:hover { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-h-100p:focus { height: 100%; }
  html[data-theme="dark"] .dark-lg-active-h-100p:active { height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-h-100p:disabled { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-100p:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-100p:focus-within { height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-lg-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-100p:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-100p:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-active-min-w-100p:active { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-100p:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-100p:focus-within { min-width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-100p:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-100p:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-active-max-w-100p:active { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-100p:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-100p:focus-within { max-width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-100p:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-100p:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-active-min-h-100p:active { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-100p:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-100p:focus-within { min-height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-100p:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-100p:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-active-max-h-100p:active { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-100p:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-100p:focus-within { max-height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-w-10vw:hover { width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-w-10vw:focus { width: 10vw; }
  html[data-theme="dark"] .dark-lg-active-w-10vw:active { width: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-10vw:disabled { width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-10vw:focus-visible { width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-10vw:focus-within { width: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-lg-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-h-10vw:hover { height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-h-10vw:focus { height: 10vw; }
  html[data-theme="dark"] .dark-lg-active-h-10vw:active { height: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-10vw:disabled { height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-10vw:focus-visible { height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-10vw:focus-within { height: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-lg-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-10vw:hover { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-10vw:focus { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-10vw:active { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-10vw:disabled { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-lg-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-10vw:hover { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-10vw:focus { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-10vw:active { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-10vw:disabled { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-lg-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-10vw:hover { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-10vw:focus { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-10vw:active { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-10vw:disabled { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-lg-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-10vw:hover { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-10vw:focus { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-10vw:active { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-10vw:disabled { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-lg-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-w-20vw:hover { width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-w-20vw:focus { width: 20vw; }
  html[data-theme="dark"] .dark-lg-active-w-20vw:active { width: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-20vw:disabled { width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-20vw:focus-visible { width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-20vw:focus-within { width: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-lg-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-h-20vw:hover { height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-h-20vw:focus { height: 20vw; }
  html[data-theme="dark"] .dark-lg-active-h-20vw:active { height: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-20vw:disabled { height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-20vw:focus-visible { height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-20vw:focus-within { height: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-lg-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-20vw:hover { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-20vw:focus { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-20vw:active { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-20vw:disabled { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-lg-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-20vw:hover { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-20vw:focus { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-20vw:active { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-20vw:disabled { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-lg-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-20vw:hover { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-20vw:focus { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-20vw:active { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-20vw:disabled { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-lg-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-20vw:hover { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-20vw:focus { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-20vw:active { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-20vw:disabled { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-lg-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-w-30vw:hover { width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-w-30vw:focus { width: 30vw; }
  html[data-theme="dark"] .dark-lg-active-w-30vw:active { width: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-30vw:disabled { width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-30vw:focus-visible { width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-30vw:focus-within { width: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-lg-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-h-30vw:hover { height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-h-30vw:focus { height: 30vw; }
  html[data-theme="dark"] .dark-lg-active-h-30vw:active { height: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-30vw:disabled { height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-30vw:focus-visible { height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-30vw:focus-within { height: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-lg-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-30vw:hover { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-30vw:focus { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-30vw:active { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-30vw:disabled { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-lg-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-30vw:hover { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-30vw:focus { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-30vw:active { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-30vw:disabled { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-lg-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-30vw:hover { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-30vw:focus { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-30vw:active { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-30vw:disabled { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-lg-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-30vw:hover { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-30vw:focus { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-30vw:active { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-30vw:disabled { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-lg-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-w-40vw:hover { width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-w-40vw:focus { width: 40vw; }
  html[data-theme="dark"] .dark-lg-active-w-40vw:active { width: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-40vw:disabled { width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-40vw:focus-visible { width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-40vw:focus-within { width: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-lg-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-h-40vw:hover { height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-h-40vw:focus { height: 40vw; }
  html[data-theme="dark"] .dark-lg-active-h-40vw:active { height: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-40vw:disabled { height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-40vw:focus-visible { height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-40vw:focus-within { height: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-lg-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-40vw:hover { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-40vw:focus { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-40vw:active { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-40vw:disabled { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-lg-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-40vw:hover { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-40vw:focus { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-40vw:active { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-40vw:disabled { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-lg-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-40vw:hover { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-40vw:focus { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-40vw:active { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-40vw:disabled { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-lg-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-40vw:hover { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-40vw:focus { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-40vw:active { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-40vw:disabled { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-lg-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-w-50vw:hover { width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-w-50vw:focus { width: 50vw; }
  html[data-theme="dark"] .dark-lg-active-w-50vw:active { width: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-50vw:disabled { width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-50vw:focus-visible { width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-50vw:focus-within { width: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-lg-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-h-50vw:hover { height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-h-50vw:focus { height: 50vw; }
  html[data-theme="dark"] .dark-lg-active-h-50vw:active { height: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-50vw:disabled { height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-50vw:focus-visible { height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-50vw:focus-within { height: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-lg-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-50vw:hover { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-50vw:focus { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-50vw:active { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-50vw:disabled { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-lg-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-50vw:hover { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-50vw:focus { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-50vw:active { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-50vw:disabled { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-lg-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-50vw:hover { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-50vw:focus { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-50vw:active { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-50vw:disabled { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-lg-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-50vw:hover { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-50vw:focus { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-50vw:active { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-50vw:disabled { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-lg-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-w-60vw:hover { width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-w-60vw:focus { width: 60vw; }
  html[data-theme="dark"] .dark-lg-active-w-60vw:active { width: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-60vw:disabled { width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-60vw:focus-visible { width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-60vw:focus-within { width: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-lg-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-h-60vw:hover { height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-h-60vw:focus { height: 60vw; }
  html[data-theme="dark"] .dark-lg-active-h-60vw:active { height: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-60vw:disabled { height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-60vw:focus-visible { height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-60vw:focus-within { height: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-lg-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-60vw:hover { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-60vw:focus { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-60vw:active { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-60vw:disabled { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-lg-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-60vw:hover { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-60vw:focus { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-60vw:active { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-60vw:disabled { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-lg-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-60vw:hover { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-60vw:focus { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-60vw:active { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-60vw:disabled { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-lg-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-60vw:hover { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-60vw:focus { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-60vw:active { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-60vw:disabled { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-lg-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-w-70vw:hover { width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-w-70vw:focus { width: 70vw; }
  html[data-theme="dark"] .dark-lg-active-w-70vw:active { width: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-70vw:disabled { width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-70vw:focus-visible { width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-70vw:focus-within { width: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-lg-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-h-70vw:hover { height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-h-70vw:focus { height: 70vw; }
  html[data-theme="dark"] .dark-lg-active-h-70vw:active { height: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-70vw:disabled { height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-70vw:focus-visible { height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-70vw:focus-within { height: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-lg-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-70vw:hover { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-70vw:focus { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-70vw:active { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-70vw:disabled { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-lg-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-70vw:hover { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-70vw:focus { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-70vw:active { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-70vw:disabled { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-lg-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-70vw:hover { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-70vw:focus { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-70vw:active { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-70vw:disabled { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-lg-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-70vw:hover { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-70vw:focus { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-70vw:active { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-70vw:disabled { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-lg-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-w-80vw:hover { width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-w-80vw:focus { width: 80vw; }
  html[data-theme="dark"] .dark-lg-active-w-80vw:active { width: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-80vw:disabled { width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-80vw:focus-visible { width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-80vw:focus-within { width: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-lg-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-h-80vw:hover { height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-h-80vw:focus { height: 80vw; }
  html[data-theme="dark"] .dark-lg-active-h-80vw:active { height: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-80vw:disabled { height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-80vw:focus-visible { height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-80vw:focus-within { height: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-lg-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-80vw:hover { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-80vw:focus { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-80vw:active { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-80vw:disabled { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-lg-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-80vw:hover { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-80vw:focus { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-80vw:active { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-80vw:disabled { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-lg-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-80vw:hover { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-80vw:focus { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-80vw:active { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-80vw:disabled { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-lg-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-80vw:hover { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-80vw:focus { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-80vw:active { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-80vw:disabled { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-lg-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-w-90vw:hover { width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-w-90vw:focus { width: 90vw; }
  html[data-theme="dark"] .dark-lg-active-w-90vw:active { width: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-90vw:disabled { width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-90vw:focus-visible { width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-90vw:focus-within { width: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-lg-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-h-90vw:hover { height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-h-90vw:focus { height: 90vw; }
  html[data-theme="dark"] .dark-lg-active-h-90vw:active { height: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-90vw:disabled { height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-90vw:focus-visible { height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-90vw:focus-within { height: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-lg-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-90vw:hover { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-90vw:focus { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-90vw:active { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-90vw:disabled { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-lg-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-90vw:hover { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-90vw:focus { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-90vw:active { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-90vw:disabled { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-lg-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-90vw:hover { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-90vw:focus { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-90vw:active { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-90vw:disabled { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-lg-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-90vw:hover { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-90vw:focus { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-90vw:active { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-90vw:disabled { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-lg-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-w-100vw:hover { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-w-100vw:focus { width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-w-100vw:active { width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-100vw:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-100vw:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-100vw:focus-within { width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-lg-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-h-100vw:hover { height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-h-100vw:focus { height: 100vw; }
  html[data-theme="dark"] .dark-lg-active-h-100vw:active { height: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-h-100vw:disabled { height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-100vw:focus-visible { height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-h-100vw:focus-within { height: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-lg-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-100vw:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-100vw:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-100vw:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-100vw:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-100vw:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-100vw:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-100vw:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-100vw:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-min-h-100vw:hover { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-min-h-100vw:focus { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-active-min-h-100vw:active { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-100vw:disabled { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-lg-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-max-h-100vw:hover { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-max-h-100vw:focus { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-active-max-h-100vw:active { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-100vw:disabled { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-lg-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-w-fit:hover { width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-w-fit:focus { width: fit-content; }
  html[data-theme="dark"] .dark-lg-active-w-fit:active { width: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-w-fit:disabled { width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-fit:focus-visible { width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-w-fit:focus-within { width: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-lg-w-max { width: max-content; }
  html[data-theme="dark"] .dark-lg-hover-w-max:hover { width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-w-max:focus { width: max-content; }
  html[data-theme="dark"] .dark-lg-active-w-max:active { width: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-w-max:disabled { width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-max:focus-visible { width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-w-max:focus-within { width: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-max { width: max-content; }
  html[data-theme="dark"] .dark-lg-w-min { width: min-content; }
  html[data-theme="dark"] .dark-lg-hover-w-min:hover { width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-w-min:focus { width: min-content; }
  html[data-theme="dark"] .dark-lg-active-w-min:active { width: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-w-min:disabled { width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-min:focus-visible { width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-w-min:focus-within { width: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-min { width: min-content; }
  html[data-theme="dark"] .dark-lg-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-w-minmax:hover { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-w-minmax:focus { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-w-minmax:active { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-w-full { width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-w-full:hover { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-w-full:focus { width: 100%; }
  html[data-theme="dark"] .dark-lg-active-w-full:active { width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-w-full:disabled { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-full:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-w-full:focus-within { width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-full { width: 100%; }
  html[data-theme="dark"] .dark-lg-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-w-screen:hover { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-w-screen:focus { width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-w-screen:active { width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-w-screen:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-w-screen:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-w-screen:focus-within { width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-lg-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-h-fit:hover { height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-h-fit:focus { height: fit-content; }
  html[data-theme="dark"] .dark-lg-active-h-fit:active { height: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-h-fit:disabled { height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-fit:focus-visible { height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-h-fit:focus-within { height: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-lg-h-max { height: max-content; }
  html[data-theme="dark"] .dark-lg-hover-h-max:hover { height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-h-max:focus { height: max-content; }
  html[data-theme="dark"] .dark-lg-active-h-max:active { height: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-h-max:disabled { height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-max:focus-visible { height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-h-max:focus-within { height: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-max { height: max-content; }
  html[data-theme="dark"] .dark-lg-h-min { height: min-content; }
  html[data-theme="dark"] .dark-lg-hover-h-min:hover { height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-h-min:focus { height: min-content; }
  html[data-theme="dark"] .dark-lg-active-h-min:active { height: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-h-min:disabled { height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-min:focus-visible { height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-h-min:focus-within { height: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-min { height: min-content; }
  html[data-theme="dark"] .dark-lg-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-h-minmax:hover { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-h-minmax:focus { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-h-minmax:active { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-h-full { height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-h-full:hover { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-h-full:focus { height: 100%; }
  html[data-theme="dark"] .dark-lg-active-h-full:active { height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-h-full:disabled { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-full:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-h-full:focus-within { height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-full { height: 100%; }
  html[data-theme="dark"] .dark-lg-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-lg-hover-h-screen:hover { height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-h-screen:focus { height: 100vh; }
  html[data-theme="dark"] .dark-lg-active-h-screen:active { height: 100vh; }
  html[data-theme="dark"] .dark-lg-disabled-h-screen:disabled { height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-visible-h-screen:focus-visible { height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-within-h-screen:focus-within { height: 100vh; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-lg-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-min-w-fit:hover { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-min-w-fit:focus { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-active-min-w-fit:active { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-fit:disabled { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-lg-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-hover-min-w-max:hover { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-min-w-max:focus { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-active-min-w-max:active { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-max:disabled { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-max:focus-within { min-width: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-lg-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-hover-min-w-min:hover { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-min-w-min:focus { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-active-min-w-min:active { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-min:disabled { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-min:focus-within { min-width: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-lg-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-min-w-full:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-min-w-full:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-active-min-w-full:active { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-full:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-full:focus-within { min-width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-lg-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-min-w-screen:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-min-w-screen:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-min-w-screen:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-min-w-screen:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-lg-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-min-h-fit:hover { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-min-h-fit:focus { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-active-min-h-fit:active { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-fit:disabled { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-lg-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-hover-min-h-max:hover { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-min-h-max:focus { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-active-min-h-max:active { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-max:disabled { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-max:focus-within { min-height: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-lg-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-hover-min-h-min:hover { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-min-h-min:focus { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-active-min-h-min:active { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-min:disabled { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-min:focus-within { min-height: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-lg-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-min-h-full:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-min-h-full:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-active-min-h-full:active { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-full:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-full:focus-within { min-height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-lg-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-hover-min-h-screen:hover { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-min-h-screen:focus { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-active-min-h-screen:active { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-disabled-min-h-screen:disabled { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-lg-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-max-w-fit:hover { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-max-w-fit:focus { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-active-max-w-fit:active { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-fit:disabled { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-lg-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-hover-max-w-max:hover { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-max-w-max:focus { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-active-max-w-max:active { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-max:disabled { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-max:focus-within { max-width: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-lg-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-hover-max-w-min:hover { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-max-w-min:focus { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-active-max-w-min:active { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-min:disabled { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-min:focus-within { max-width: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-lg-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-hover-max-w-full:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-max-w-full:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-active-max-w-full:active { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-full:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-full:focus-within { max-width: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-lg-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-hover-max-w-screen:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-max-w-screen:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-active-max-w-screen:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-disabled-max-w-screen:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-lg-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-hover-max-h-fit:hover { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-max-h-fit:focus { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-active-max-h-fit:active { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-fit:disabled { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-lg-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-hover-max-h-max:hover { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-max-h-max:focus { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-active-max-h-max:active { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-max:disabled { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-max:focus-within { max-height: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-lg-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-hover-max-h-min:hover { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-max-h-min:focus { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-active-max-h-min:active { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-min:disabled { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-min:focus-within { max-height: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-lg-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-lg-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-hover-max-h-full:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-max-h-full:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-active-max-h-full:active { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-full:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-full:focus-within { max-height: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-lg-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-hover-max-h-screen:hover { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-max-h-screen:focus { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-active-max-h-screen:active { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-disabled-max-h-screen:disabled { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-lg-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-hover-size-0:hover { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-focus-size-0:focus { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-active-size-0:active { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-disabled-size-0:disabled { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-size-0:focus-within { width: 0; height: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-lg-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-lg-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-lg-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-lg-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-size-4:hover { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-size-4:focus { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-active-size-4:active { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-lg-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-lg-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-lg-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-lg-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-size-8:hover { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-size-8:focus { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-active-size-8:active { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-lg-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-lg-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-lg-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-lg-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-size-12:hover { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-size-12:focus { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-active-size-12:active { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-lg-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-lg-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-size-16:hover { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-size-16:focus { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-active-size-16:active { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-lg-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-size-20:hover { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-size-20:focus { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-active-size-20:active { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-lg-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-size-24:hover { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-size-24:focus { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-active-size-24:active { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-lg-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-size-28:hover { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-size-28:focus { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-active-size-28:active { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-lg-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-size-32:hover { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-size-32:focus { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-active-size-32:active { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-lg-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-hover-size-36:hover { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-size-36:focus { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-active-size-36:active { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-lg-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-hover-size-40:hover { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-size-40:focus { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-active-size-40:active { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-lg-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-hover-size-44:hover { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-size-44:focus { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-active-size-44:active { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-lg-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-hover-size-48:hover { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-size-48:focus { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-active-size-48:active { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-lg-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-hover-size-52:hover { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-size-52:focus { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-active-size-52:active { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-lg-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-hover-size-56:hover { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-size-56:focus { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-active-size-56:active { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-lg-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-hover-size-60:hover { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-size-60:focus { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-active-size-60:active { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-lg-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-hover-size-64:hover { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-size-64:focus { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-active-size-64:active { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-lg-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-hover-size-72:hover { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-size-72:focus { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-active-size-72:active { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-lg-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-hover-size-80:hover { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-size-80:focus { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-active-size-80:active { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-lg-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-hover-size-96:hover { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-size-96:focus { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-active-size-96:active { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-lg-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-lg-hover-font-size-auto:hover { font-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-font-size-auto:focus { font-size: auto; }
  html[data-theme="dark"] .dark-lg-active-font-size-auto:active { font-size: auto; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-auto:disabled { font-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-auto:focus-within { font-size: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-lg-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-lg-hover-font-size-0:hover { font-size: 0; }
  html[data-theme="dark"] .dark-lg-focus-font-size-0:focus { font-size: 0; }
  html[data-theme="dark"] .dark-lg-active-font-size-0:active { font-size: 0; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-0:disabled { font-size: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-0:focus-visible { font-size: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-0:focus-within { font-size: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-lg-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-1:hover { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-1:focus { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-1:active { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-1:disabled { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-lg-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-2:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-2:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-2:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-2:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-3:hover { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-3:focus { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-3:active { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-3:disabled { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-lg-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-4:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-4:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-4:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-4:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-4:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-5:hover { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-5:focus { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-5:active { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-5:disabled { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-lg-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-6:hover { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-6:focus { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-6:active { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-6:disabled { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-lg-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-7:hover { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-7:focus { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-7:active { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-7:disabled { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-lg-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-8:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-8:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-8:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-8:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-8:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-9:hover { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-9:focus { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-9:active { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-9:disabled { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-lg-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-10:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-10:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-10:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-10:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-12:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-12:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-12:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-12:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-12:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-14:hover { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-14:focus { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-14:active { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-14:disabled { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-lg-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-16:hover { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-16:focus { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-16:active { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-16:disabled { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-16:focus-within { font-size: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-lg-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-18:hover { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-18:focus { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-18:active { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-18:disabled { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-lg-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-20:hover { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-20:focus { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-20:active { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-20:disabled { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-20:focus-within { font-size: 5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-lg-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-24:hover { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-24:focus { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-24:active { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-24:disabled { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-24:focus-within { font-size: 6rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-lg-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-28:hover { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-28:focus { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-28:active { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-28:disabled { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-28:focus-within { font-size: 7rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-lg-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-hover-font-size-32:hover { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-font-size-32:focus { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-active-font-size-32:active { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-disabled-font-size-32:disabled { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-focus-within-font-size-32:focus-within { font-size: 8rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-lg-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-lg-hover-font-style-normal:hover { font-style: normal; }
  html[data-theme="dark"] .dark-lg-focus-font-style-normal:focus { font-style: normal; }
  html[data-theme="dark"] .dark-lg-active-font-style-normal:active { font-style: normal; }
  html[data-theme="dark"] .dark-lg-disabled-font-style-normal:disabled { font-style: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-font-style-normal:focus-within { font-style: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-lg-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-lg-hover-font-style-italic:hover { font-style: italic; }
  html[data-theme="dark"] .dark-lg-focus-font-style-italic:focus { font-style: italic; }
  html[data-theme="dark"] .dark-lg-active-font-style-italic:active { font-style: italic; }
  html[data-theme="dark"] .dark-lg-disabled-font-style-italic:disabled { font-style: italic; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  html[data-theme="dark"] .dark-lg-focus-within-font-style-italic:focus-within { font-style: italic; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-lg-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-hover-font-style-oblique:hover { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-focus-font-style-oblique:focus { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-active-font-style-oblique:active { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-disabled-font-style-oblique:disabled { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-lg-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-lg-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-lg-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-thin:hover { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-thin:focus { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-active-font-weight-thin:active { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-thin:disabled { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-lg-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-extralight:hover { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-extralight:focus { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-active-font-weight-extralight:active { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-extralight:disabled { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-lg-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-light:hover { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-light:focus { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-active-font-weight-light:active { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-light:disabled { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-light:focus-within { font-weight: 300; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-lg-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-regular:hover { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-regular:focus { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-active-font-weight-regular:active { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-regular:disabled { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-lg-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-medium:hover { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-medium:focus { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-active-font-weight-medium:active { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-medium:disabled { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-lg-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-semibold:hover { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-semibold:focus { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-active-font-weight-semibold:active { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-semibold:disabled { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-lg-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-bold:hover { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-bold:focus { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-active-font-weight-bold:active { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-bold:disabled { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-lg-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-extrabold:hover { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-extrabold:focus { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-active-font-weight-extrabold:active { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-lg-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-hover-font-weight-ultrabold:hover { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-focus-font-weight-ultrabold:focus { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-active-font-weight-ultrabold:active { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-lg-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-lg-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-lg-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-condensed:active { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-lg-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-lg-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-normal:hover { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-normal:focus { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-normal:active { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-lg-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-lg-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-expanded:active { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-lg-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-lg-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-lg-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-lg-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-active-tracking-tighter:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-active-tracking-tight:active { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-lg-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-active-tracking-wide:active { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-lg-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-active-tracking-wider:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-active-tracking-widest:active { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-lg-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-hover-decoration-solid:hover { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-decoration-solid:focus { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-active-decoration-solid:active { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-lg-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-hover-decoration-double:hover { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-focus-decoration-double:focus { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-active-decoration-double:active { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-double:disabled { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-lg-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-active-decoration-dotted:active { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-lg-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-active-decoration-dashed:active { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-lg-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-active-decoration-wavy:active { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-lg-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-hover-decoration-0:hover { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-focus-decoration-0:focus { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-active-decoration-0:active { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-lg-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-active-decoration-1:active { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-lg-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-active-decoration-2:active { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-lg-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-active-decoration-4:active { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-lg-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-active-decoration-8:active { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-lg-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-hover-underline-offset-0:hover { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-underline-offset-0:focus { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-active-underline-offset-0:active { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-lg-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-active-underline-offset-1:active { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-lg-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-active-underline-offset-2:active { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-active-underline-offset-4:active { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-active-underline-offset-8:active { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-lg-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-text-xs:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-text-xs:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-text-xs:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-xs:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-lg-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-text-sm:hover { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-text-sm:focus { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-text-sm:active { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-sm:disabled { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-lg-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-text-base:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-text-base:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-active-text-base:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-base:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-base:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-base:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-lg-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-text-lg:hover { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-text-lg:focus { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-text-lg:active { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-lg:disabled { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-lg-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-text-xl:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-text-xl:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-active-text-xl:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-xl:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-xl:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-lg-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-hover-text-2xl:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-text-2xl:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-active-text-2xl:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-2xl:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-lg-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-text-3xl:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-text-3xl:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-active-text-3xl:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-text-3xl:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-text-3xl:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-lg-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-hover-indent-0:hover { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-focus-indent-0:focus { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-active-indent-0:active { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-disabled-indent-0:disabled { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-indent-0:focus-visible { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-indent-0:focus-within { text-indent: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-lg-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-indent-1:hover { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-indent-1:focus { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-indent-1:active { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-indent-1:disabled { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-lg-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-indent-2:hover { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-indent-2:focus { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-indent-2:active { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-indent-2:disabled { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-lg-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-indent-4:hover { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-indent-4:focus { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-active-indent-4:active { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-indent-4:disabled { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-indent-4:focus-within { text-indent: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-lg-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-indent-8:hover { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-indent-8:focus { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-active-indent-8:active { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-indent-8:disabled { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-indent-8:focus-within { text-indent: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-lg-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-lg-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-lg-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-lg-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-lg-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-lg-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-lg-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-lg-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-lg-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-lg-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-lg-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-lg-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-lg-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-lg-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-lg-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-lg-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-lg-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-lg-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-lg-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-active-bg-attachment-fixed:active { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-lg-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-hover-bg-attachment-local:hover { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-focus-bg-attachment-local:focus { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-active-bg-attachment-local:active { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-disabled-bg-attachment-local:disabled { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-lg-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-active-bg-attachment-scroll:active { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-lg-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-clip-border:hover { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-clip-border:focus { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-active-bg-clip-border:active { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-clip-border:disabled { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-lg-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-clip-padding:hover { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-clip-padding:focus { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-active-bg-clip-padding:active { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-lg-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-clip-content:hover { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-clip-content:focus { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-active-bg-clip-content:active { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-clip-content:disabled { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-lg-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-hover-bg-color-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-bg-color-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-active-bg-color-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-disabled-bg-color-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-lg-hover-bg-color-black:hover { background-color: #000; }
  html[data-theme="dark"] .dark-lg-focus-bg-color-black:focus { background-color: #000; }
  html[data-theme="dark"] .dark-lg-active-bg-color-black:active { background-color: #000; }
  html[data-theme="dark"] .dark-lg-disabled-bg-color-black:disabled { background-color: #000; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-color-black:focus-within { background-color: #000; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-lg-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-hover-bg-color-white:hover { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-focus-bg-color-white:focus { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-active-bg-color-white:active { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-disabled-bg-color-white:disabled { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-color-white:focus-within { background-color: #fff; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-lg-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-lg-hover-bg-image-none:hover { background-image: none; }
  html[data-theme="dark"] .dark-lg-focus-bg-image-none:focus { background-image: none; }
  html[data-theme="dark"] .dark-lg-active-bg-image-none:active { background-image: none; }
  html[data-theme="dark"] .dark-lg-disabled-bg-image-none:disabled { background-image: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-image-none:focus-visible { background-image: none; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-image-none:focus-within { background-image: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-lg-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-lg-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-origin-border:hover { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-origin-border:focus { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-active-bg-origin-border:active { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-origin-border:disabled { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-lg-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-origin-padding:hover { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-origin-padding:focus { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-active-bg-origin-padding:active { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-lg-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-hover-bg-origin-content:hover { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-focus-bg-origin-content:focus { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-active-bg-origin-content:active { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-disabled-bg-origin-content:disabled { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-lg-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-center:hover { background-position: center; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-center:focus { background-position: center; }
  html[data-theme="dark"] .dark-lg-active-bg-position-center:active { background-position: center; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-center:disabled { background-position: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-center:focus-visible { background-position: center; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-center:focus-within { background-position: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-lg-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-top:hover { background-position: top; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-top:focus { background-position: top; }
  html[data-theme="dark"] .dark-lg-active-bg-position-top:active { background-position: top; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-top:disabled { background-position: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-top:focus-visible { background-position: top; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-top:focus-within { background-position: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-lg-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-bottom:hover { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-bottom:focus { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-active-bg-position-bottom:active { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-bottom:disabled { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-lg-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-left:hover { background-position: left; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-left:focus { background-position: left; }
  html[data-theme="dark"] .dark-lg-active-bg-position-left:active { background-position: left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-left:disabled { background-position: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-left:focus-visible { background-position: left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-left:focus-within { background-position: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-lg-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-right:hover { background-position: right; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-right:focus { background-position: right; }
  html[data-theme="dark"] .dark-lg-active-bg-position-right:active { background-position: right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-right:disabled { background-position: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-right:focus-visible { background-position: right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-right:focus-within { background-position: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-lg-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-top-left:hover { background-position: top left; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-top-left:focus { background-position: top left; }
  html[data-theme="dark"] .dark-lg-active-bg-position-top-left:active { background-position: top left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-top-left:disabled { background-position: top left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-lg-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-top-right:hover { background-position: top right; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-top-right:focus { background-position: top right; }
  html[data-theme="dark"] .dark-lg-active-bg-position-top-right:active { background-position: top right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-top-right:disabled { background-position: top right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-lg-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-active-bg-position-bottom-left:active { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-lg-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-active-bg-position-bottom-right:active { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-lg-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat-none:active { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-lg-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat-x:active { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-lg-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat-y:active { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-lg-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat:hover { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat:focus { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat:active { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat:disabled { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-lg-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat-round:hover { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat-round:focus { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat-round:active { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat-round:disabled { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-lg-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-hover-bg-repeat-space:hover { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-focus-bg-repeat-space:focus { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-active-bg-repeat-space:active { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-disabled-bg-repeat-space:disabled { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-lg-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-lg-hover-bg-size-auto:hover { background-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-bg-size-auto:focus { background-size: auto; }
  html[data-theme="dark"] .dark-lg-active-bg-size-auto:active { background-size: auto; }
  html[data-theme="dark"] .dark-lg-disabled-bg-size-auto:disabled { background-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-size-auto:focus-within { background-size: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-lg-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-lg-hover-bg-size-cover:hover { background-size: cover; }
  html[data-theme="dark"] .dark-lg-focus-bg-size-cover:focus { background-size: cover; }
  html[data-theme="dark"] .dark-lg-active-bg-size-cover:active { background-size: cover; }
  html[data-theme="dark"] .dark-lg-disabled-bg-size-cover:disabled { background-size: cover; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-size-cover:focus-within { background-size: cover; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-lg-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-lg-hover-bg-size-contain:hover { background-size: contain; }
  html[data-theme="dark"] .dark-lg-focus-bg-size-contain:focus { background-size: contain; }
  html[data-theme="dark"] .dark-lg-active-bg-size-contain:active { background-size: contain; }
  html[data-theme="dark"] .dark-lg-disabled-bg-size-contain:disabled { background-size: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-size-contain:focus-within { background-size: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-lg-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-hover-fill-current:hover { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-fill-current:focus { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-active-fill-current:active { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-disabled-fill-current:disabled { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-visible-fill-current:focus-visible { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-within-fill-current:focus-within { fill: currentColor; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-lg-fill-none { fill: none; }
  html[data-theme="dark"] .dark-lg-hover-fill-none:hover { fill: none; }
  html[data-theme="dark"] .dark-lg-focus-fill-none:focus { fill: none; }
  html[data-theme="dark"] .dark-lg-active-fill-none:active { fill: none; }
  html[data-theme="dark"] .dark-lg-disabled-fill-none:disabled { fill: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-fill-none:focus-visible { fill: none; }
  html[data-theme="dark"] .dark-lg-focus-within-fill-none:focus-within { fill: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-fill-none { fill: none; }
  html[data-theme="dark"] .dark-lg-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-hover-stroke-current:hover { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-stroke-current:focus { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-active-stroke-current:active { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-current:disabled { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-current:focus-within { stroke: currentColor; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-lg-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-hover-stroke-0:hover { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-stroke-0:focus { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-active-stroke-0:active { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-0:disabled { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-0:focus-within { stroke-width: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-lg-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-hover-stroke-1:hover { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-focus-stroke-1:focus { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-active-stroke-1:active { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-1:disabled { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-1:focus-within { stroke-width: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-lg-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-hover-stroke-2:hover { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-focus-stroke-2:focus { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-active-stroke-2:active { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-2:disabled { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-2:focus-within { stroke-width: 2; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-lg-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-hover-stroke-4:hover { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-focus-stroke-4:focus { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-active-stroke-4:active { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-4:disabled { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-4:focus-within { stroke-width: 4; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-lg-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-hover-stroke-8:hover { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-focus-stroke-8:focus { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-active-stroke-8:active { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-disabled-stroke-8:disabled { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-focus-within-stroke-8:focus-within { stroke-width: 8; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-lg-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-lg-hover-line-height-1:hover { line-height: 1; }
  html[data-theme="dark"] .dark-lg-focus-line-height-1:focus { line-height: 1; }
  html[data-theme="dark"] .dark-lg-active-line-height-1:active { line-height: 1; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-1:disabled { line-height: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-1:focus-visible { line-height: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-1:focus-within { line-height: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-lg-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-hover-line-height-2:hover { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-focus-line-height-2:focus { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-active-line-height-2:active { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-2:disabled { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-2:focus-within { line-height: 1.25; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-lg-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-hover-line-height-3:hover { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-focus-line-height-3:focus { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-active-line-height-3:active { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-3:disabled { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-3:focus-within { line-height: 1.375; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-lg-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-hover-line-height-4:hover { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-focus-line-height-4:focus { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-active-line-height-4:active { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-4:disabled { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-4:focus-within { line-height: 1.5; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-lg-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-hover-line-height-5:hover { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-focus-line-height-5:focus { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-active-line-height-5:active { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-5:disabled { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-5:focus-within { line-height: 1.625; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-lg-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-hover-line-height-6:hover { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-focus-line-height-6:focus { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-active-line-height-6:active { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-6:disabled { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-6:focus-within { line-height: 1.75; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-lg-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-lg-hover-line-height-7:hover { line-height: 2; }
  html[data-theme="dark"] .dark-lg-focus-line-height-7:focus { line-height: 2; }
  html[data-theme="dark"] .dark-lg-active-line-height-7:active { line-height: 2; }
  html[data-theme="dark"] .dark-lg-disabled-line-height-7:disabled { line-height: 2; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-height-7:focus-visible { line-height: 2; }
  html[data-theme="dark"] .dark-lg-focus-within-line-height-7:focus-within { line-height: 2; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-lg-text-left { text-align: left; }
  html[data-theme="dark"] .dark-lg-hover-text-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-text-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-lg-active-text-left:active { text-align: left; }
  html[data-theme="dark"] .dark-lg-disabled-text-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-within-text-left:focus-within { text-align: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-left { text-align: left; }
  html[data-theme="dark"] .dark-lg-text-center { text-align: center; }
  html[data-theme="dark"] .dark-lg-hover-text-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-text-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-lg-active-text-center:active { text-align: center; }
  html[data-theme="dark"] .dark-lg-disabled-text-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-within-text-center:focus-within { text-align: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-center { text-align: center; }
  html[data-theme="dark"] .dark-lg-text-right { text-align: right; }
  html[data-theme="dark"] .dark-lg-hover-text-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-text-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-lg-active-text-right:active { text-align: right; }
  html[data-theme="dark"] .dark-lg-disabled-text-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-within-text-right:focus-within { text-align: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-right { text-align: right; }
  html[data-theme="dark"] .dark-lg-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-lg-hover-text-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-text-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-lg-active-text-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-lg-disabled-text-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-within-text-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-lg-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-hover-justify-start:hover { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-justify-start:focus { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-active-justify-start:active { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-disabled-justify-start:disabled { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-start:focus-within { justify-content: flex-start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-lg-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-lg-hover-justify-center:hover { justify-content: center; }
  html[data-theme="dark"] .dark-lg-focus-justify-center:focus { justify-content: center; }
  html[data-theme="dark"] .dark-lg-active-justify-center:active { justify-content: center; }
  html[data-theme="dark"] .dark-lg-disabled-justify-center:disabled { justify-content: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-center:focus-visible { justify-content: center; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-center:focus-within { justify-content: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-lg-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-hover-justify-end:hover { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-justify-end:focus { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-active-justify-end:active { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-disabled-justify-end:disabled { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-end:focus-within { justify-content: flex-end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-lg-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-hover-justify-between:hover { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-justify-between:focus { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-active-justify-between:active { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-disabled-justify-between:disabled { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-between:focus-within { justify-content: space-between; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-lg-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-hover-justify-around:hover { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-justify-around:focus { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-active-justify-around:active { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-disabled-justify-around:disabled { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-around:focus-within { justify-content: space-around; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-lg-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-hover-justify-evenly:hover { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-justify-evenly:focus { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-active-justify-evenly:active { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-hover-items-start:hover { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-items-start:focus { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-active-items-start:active { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-disabled-items-start:disabled { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-visible-items-start:focus-visible { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-within-items-start:focus-within { align-items: flex-start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-lg-items-center { align-items: center; }
  html[data-theme="dark"] .dark-lg-hover-items-center:hover { align-items: center; }
  html[data-theme="dark"] .dark-lg-focus-items-center:focus { align-items: center; }
  html[data-theme="dark"] .dark-lg-active-items-center:active { align-items: center; }
  html[data-theme="dark"] .dark-lg-disabled-items-center:disabled { align-items: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-items-center:focus-visible { align-items: center; }
  html[data-theme="dark"] .dark-lg-focus-within-items-center:focus-within { align-items: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-items-center { align-items: center; }
  html[data-theme="dark"] .dark-lg-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-hover-items-end:hover { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-items-end:focus { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-active-items-end:active { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-disabled-items-end:disabled { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-visible-items-end:focus-visible { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-within-items-end:focus-within { align-items: flex-end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-lg-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-hover-items-baseline:hover { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-focus-items-baseline:focus { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-active-items-baseline:active { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-disabled-items-baseline:disabled { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-focus-within-items-baseline:focus-within { align-items: baseline; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-lg-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-hover-items-stretch:hover { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-items-stretch:focus { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-active-items-stretch:active { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-disabled-items-stretch:disabled { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-within-items-stretch:focus-within { align-items: stretch; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-lg-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-hover-content-start:hover { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-content-start:focus { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-active-content-start:active { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-disabled-content-start:disabled { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-start:focus-visible { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-within-content-start:focus-within { align-content: flex-start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-lg-content-center { align-content: center; }
  html[data-theme="dark"] .dark-lg-hover-content-center:hover { align-content: center; }
  html[data-theme="dark"] .dark-lg-focus-content-center:focus { align-content: center; }
  html[data-theme="dark"] .dark-lg-active-content-center:active { align-content: center; }
  html[data-theme="dark"] .dark-lg-disabled-content-center:disabled { align-content: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-center:focus-visible { align-content: center; }
  html[data-theme="dark"] .dark-lg-focus-within-content-center:focus-within { align-content: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-center { align-content: center; }
  html[data-theme="dark"] .dark-lg-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-hover-content-end:hover { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-content-end:focus { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-active-content-end:active { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-disabled-content-end:disabled { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-end:focus-visible { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-within-content-end:focus-within { align-content: flex-end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-lg-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-hover-content-between:hover { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-content-between:focus { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-active-content-between:active { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-disabled-content-between:disabled { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-between:focus-visible { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-within-content-between:focus-within { align-content: space-between; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-lg-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-hover-content-around:hover { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-content-around:focus { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-active-content-around:active { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-disabled-content-around:disabled { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-around:focus-visible { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-within-content-around:focus-within { align-content: space-around; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-lg-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-hover-content-evenly:hover { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-content-evenly:focus { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-active-content-evenly:active { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-disabled-content-evenly:disabled { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-lg-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-lg-hover-self-auto:hover { align-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-self-auto:focus { align-self: auto; }
  html[data-theme="dark"] .dark-lg-active-self-auto:active { align-self: auto; }
  html[data-theme="dark"] .dark-lg-disabled-self-auto:disabled { align-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-self-auto:focus-visible { align-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-self-auto:focus-within { align-self: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-lg-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-hover-self-start:hover { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-self-start:focus { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-active-self-start:active { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-disabled-self-start:disabled { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-visible-self-start:focus-visible { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-focus-within-self-start:focus-within { align-self: flex-start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-lg-self-center { align-self: center; }
  html[data-theme="dark"] .dark-lg-hover-self-center:hover { align-self: center; }
  html[data-theme="dark"] .dark-lg-focus-self-center:focus { align-self: center; }
  html[data-theme="dark"] .dark-lg-active-self-center:active { align-self: center; }
  html[data-theme="dark"] .dark-lg-disabled-self-center:disabled { align-self: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-self-center:focus-visible { align-self: center; }
  html[data-theme="dark"] .dark-lg-focus-within-self-center:focus-within { align-self: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-self-center { align-self: center; }
  html[data-theme="dark"] .dark-lg-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-hover-self-end:hover { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-self-end:focus { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-active-self-end:active { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-disabled-self-end:disabled { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-visible-self-end:focus-visible { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-focus-within-self-end:focus-within { align-self: flex-end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-lg-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-hover-self-stretch:hover { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-focus-self-stretch:focus { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-active-self-stretch:active { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-disabled-self-stretch:disabled { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-focus-within-self-stretch:focus-within { align-self: stretch; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-lg-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-lg-hover-place-items-start:hover { place-items: start; }
  html[data-theme="dark"] .dark-lg-focus-place-items-start:focus { place-items: start; }
  html[data-theme="dark"] .dark-lg-active-place-items-start:active { place-items: start; }
  html[data-theme="dark"] .dark-lg-disabled-place-items-start:disabled { place-items: start; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-items-start:focus-visible { place-items: start; }
  html[data-theme="dark"] .dark-lg-focus-within-place-items-start:focus-within { place-items: start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-lg-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-lg-hover-place-items-center:hover { place-items: center; }
  html[data-theme="dark"] .dark-lg-focus-place-items-center:focus { place-items: center; }
  html[data-theme="dark"] .dark-lg-active-place-items-center:active { place-items: center; }
  html[data-theme="dark"] .dark-lg-disabled-place-items-center:disabled { place-items: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-items-center:focus-visible { place-items: center; }
  html[data-theme="dark"] .dark-lg-focus-within-place-items-center:focus-within { place-items: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-lg-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-lg-hover-place-items-end:hover { place-items: end; }
  html[data-theme="dark"] .dark-lg-focus-place-items-end:focus { place-items: end; }
  html[data-theme="dark"] .dark-lg-active-place-items-end:active { place-items: end; }
  html[data-theme="dark"] .dark-lg-disabled-place-items-end:disabled { place-items: end; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-items-end:focus-visible { place-items: end; }
  html[data-theme="dark"] .dark-lg-focus-within-place-items-end:focus-within { place-items: end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-lg-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-hover-place-items-stretch:hover { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-place-items-stretch:focus { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-active-place-items-stretch:active { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-disabled-place-items-stretch:disabled { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-lg-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-lg-hover-place-content-start:hover { place-content: start; }
  html[data-theme="dark"] .dark-lg-focus-place-content-start:focus { place-content: start; }
  html[data-theme="dark"] .dark-lg-active-place-content-start:active { place-content: start; }
  html[data-theme="dark"] .dark-lg-disabled-place-content-start:disabled { place-content: start; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-content-start:focus-visible { place-content: start; }
  html[data-theme="dark"] .dark-lg-focus-within-place-content-start:focus-within { place-content: start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-lg-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-lg-hover-place-content-center:hover { place-content: center; }
  html[data-theme="dark"] .dark-lg-focus-place-content-center:focus { place-content: center; }
  html[data-theme="dark"] .dark-lg-active-place-content-center:active { place-content: center; }
  html[data-theme="dark"] .dark-lg-disabled-place-content-center:disabled { place-content: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-content-center:focus-visible { place-content: center; }
  html[data-theme="dark"] .dark-lg-focus-within-place-content-center:focus-within { place-content: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-lg-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-lg-hover-place-content-end:hover { place-content: end; }
  html[data-theme="dark"] .dark-lg-focus-place-content-end:focus { place-content: end; }
  html[data-theme="dark"] .dark-lg-active-place-content-end:active { place-content: end; }
  html[data-theme="dark"] .dark-lg-disabled-place-content-end:disabled { place-content: end; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-content-end:focus-visible { place-content: end; }
  html[data-theme="dark"] .dark-lg-focus-within-place-content-end:focus-within { place-content: end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-lg-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-hover-place-content-between:hover { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-place-content-between:focus { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-active-place-content-between:active { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-disabled-place-content-between:disabled { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-focus-within-place-content-between:focus-within { place-content: space-between; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-lg-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-hover-place-content-around:hover { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-place-content-around:focus { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-active-place-content-around:active { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-disabled-place-content-around:disabled { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-focus-within-place-content-around:focus-within { place-content: space-around; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-lg-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-lg-hover-place-self-auto:hover { place-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-place-self-auto:focus { place-self: auto; }
  html[data-theme="dark"] .dark-lg-active-place-self-auto:active { place-self: auto; }
  html[data-theme="dark"] .dark-lg-disabled-place-self-auto:disabled { place-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-place-self-auto:focus-within { place-self: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-lg-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-lg-hover-place-self-start:hover { place-self: start; }
  html[data-theme="dark"] .dark-lg-focus-place-self-start:focus { place-self: start; }
  html[data-theme="dark"] .dark-lg-active-place-self-start:active { place-self: start; }
  html[data-theme="dark"] .dark-lg-disabled-place-self-start:disabled { place-self: start; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-self-start:focus-visible { place-self: start; }
  html[data-theme="dark"] .dark-lg-focus-within-place-self-start:focus-within { place-self: start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-lg-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-lg-hover-place-self-center:hover { place-self: center; }
  html[data-theme="dark"] .dark-lg-focus-place-self-center:focus { place-self: center; }
  html[data-theme="dark"] .dark-lg-active-place-self-center:active { place-self: center; }
  html[data-theme="dark"] .dark-lg-disabled-place-self-center:disabled { place-self: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-self-center:focus-visible { place-self: center; }
  html[data-theme="dark"] .dark-lg-focus-within-place-self-center:focus-within { place-self: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-lg-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-lg-hover-place-self-end:hover { place-self: end; }
  html[data-theme="dark"] .dark-lg-focus-place-self-end:focus { place-self: end; }
  html[data-theme="dark"] .dark-lg-active-place-self-end:active { place-self: end; }
  html[data-theme="dark"] .dark-lg-disabled-place-self-end:disabled { place-self: end; }
  html[data-theme="dark"] .dark-lg-focus-visible-place-self-end:focus-visible { place-self: end; }
  html[data-theme="dark"] .dark-lg-focus-within-place-self-end:focus-within { place-self: end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-lg-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-hover-text-uppercase:hover { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-focus-text-uppercase:focus { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-active-text-uppercase:active { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-disabled-text-uppercase:disabled { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-lg-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-hover-text-lowercase:hover { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-focus-text-lowercase:focus { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-active-text-lowercase:active { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-disabled-text-lowercase:disabled { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-lg-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-hover-text-capitalize:hover { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-focus-text-capitalize:focus { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-active-text-capitalize:active { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-disabled-text-capitalize:disabled { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-lg-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-active-tracking-tight:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-lg-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-lg-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-active-tracking-wide:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-lg-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-hover-underline:hover { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-focus-underline:focus { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-active-underline:active { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-disabled-underline:disabled { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-focus-visible-underline:focus-visible { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-focus-within-underline:focus-within { text-decoration: underline; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-lg-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-hover-line-through:hover { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-focus-line-through:focus { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-active-line-through:active { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-disabled-line-through:disabled { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-focus-within-line-through:focus-within { text-decoration: line-through; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-lg-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-hover-no-underline:hover { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-focus-no-underline:focus { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-active-no-underline:active { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-disabled-no-underline:disabled { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-no-underline:focus-visible { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-focus-within-no-underline:focus-within { text-decoration: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-lg-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-text-black:hover { color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-text-black:focus { color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-text-black:active { color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-text-black:disabled { color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-black:focus-visible { color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-text-black:focus-within { color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-lg-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-text-white:hover { color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-text-white:focus { color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-text-white:active { color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-text-white:disabled { color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-white:focus-visible { color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-text-white:focus-within { color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-lg-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-text-red-50:hover { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-text-red-50:focus { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-text-red-50:active { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-text-red-100:hover { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-text-red-100:focus { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-text-red-100:active { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-text-red-200:hover { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-text-red-200:focus { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-text-red-200:active { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-text-red-300:hover { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-text-red-300:focus { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-text-red-300:active { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-text-red-400:hover { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-text-red-400:focus { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-text-red-400:active { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-text-red-500:hover { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-text-red-500:focus { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-text-red-500:active { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-text-red-600:hover { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-text-red-600:focus { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-text-red-600:active { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-text-red-700:hover { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-text-red-700:focus { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-text-red-700:active { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-text-red-800:hover { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-text-red-800:focus { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-text-red-800:active { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-text-red-900:hover { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-text-red-900:focus { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-text-red-900:active { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-text-orange-50:active { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-text-orange-100:active { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-text-orange-200:active { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-text-orange-300:active { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-text-orange-400:active { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-text-orange-500:active { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-text-orange-600:active { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-text-orange-700:active { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-text-orange-800:active { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-text-orange-900:active { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-text-teal-50:active { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-text-teal-100:active { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-text-teal-200:active { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-text-teal-300:active { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-text-teal-400:active { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-text-teal-500:active { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-text-teal-600:active { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-text-teal-700:active { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-text-teal-800:active { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-text-teal-900:active { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-text-purple-50:active { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-text-purple-100:active { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-text-purple-200:active { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-text-purple-300:active { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-text-purple-400:active { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-text-purple-500:active { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-text-purple-600:active { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-text-purple-700:active { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-text-purple-800:active { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-text-purple-900:active { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-text-pink-50:active { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-text-pink-100:active { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-text-pink-200:active { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-text-pink-300:active { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-text-pink-400:active { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-text-pink-500:active { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-text-pink-600:active { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-text-pink-700:active { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-text-pink-800:active { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-text-pink-900:active { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-text-grey-50:active { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-text-grey-100:active { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-text-grey-200:active { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-text-grey-300:active { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-text-grey-400:active { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-text-grey-500:active { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-text-grey-600:active { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-text-grey-700:active { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-text-grey-800:active { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-text-grey-900:active { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-text-lime-50:active { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-text-lime-100:active { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-text-lime-200:active { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-text-lime-300:active { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-text-lime-400:active { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-text-lime-500:active { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-text-lime-600:active { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-text-lime-700:active { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-text-lime-800:active { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-text-lime-900:active { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-text-sky-50:active { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-text-sky-100:active { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-text-sky-200:active { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-text-sky-300:active { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-text-sky-400:active { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-text-sky-500:active { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-text-sky-600:active { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-text-sky-700:active { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-text-sky-800:active { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-text-sky-900:active { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-text-violet-50:active { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-text-violet-100:active { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-text-violet-200:active { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-text-violet-300:active { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-text-violet-400:active { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-text-violet-500:active { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-text-violet-600:active { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-text-violet-700:active { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-text-violet-800:active { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-text-violet-900:active { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-text-rose-50:active { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-text-rose-100:active { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-text-rose-200:active { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-text-rose-300:active { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-text-rose-400:active { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-text-rose-500:active { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-text-rose-600:active { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-text-rose-700:active { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-text-rose-800:active { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-text-rose-900:active { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-text-slate-50:active { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-text-slate-100:active { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-text-slate-200:active { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-text-slate-300:active { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-text-slate-400:active { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-text-slate-500:active { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-text-slate-600:active { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-text-slate-700:active { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-text-slate-800:active { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-text-slate-900:active { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-text-blue-50:active { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-text-blue-100:active { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-text-blue-200:active { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-text-blue-300:active { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-text-blue-400:active { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-text-blue-500:active { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-text-blue-600:active { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-text-blue-700:active { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-text-blue-800:active { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-text-blue-900:active { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-text-green-50:hover { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-text-green-50:focus { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-text-green-50:active { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-text-green-100:hover { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-text-green-100:focus { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-text-green-100:active { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-text-green-200:hover { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-text-green-200:focus { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-text-green-200:active { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-text-green-300:hover { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-text-green-300:focus { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-text-green-300:active { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-text-green-400:hover { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-text-green-400:focus { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-text-green-400:active { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-text-green-500:hover { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-text-green-500:focus { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-text-green-500:active { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-text-green-600:hover { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-text-green-600:focus { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-text-green-600:active { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-text-green-700:hover { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-text-green-700:focus { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-text-green-700:active { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-text-green-800:hover { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-text-green-800:focus { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-text-green-800:active { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-text-green-900:hover { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-text-green-900:focus { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-text-green-900:active { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-bg-black:hover { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-bg-black:focus { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-bg-black:active { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-bg-black:disabled { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-black:focus-within { background-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-lg-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-bg-white:hover { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-bg-white:focus { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-bg-white:active { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-bg-white:disabled { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-white:focus-within { background-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-lg-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-border-red-50:active { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-border-red-100:active { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-border-red-200:active { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-border-red-300:active { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-border-red-400:active { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-border-red-500:active { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-border-red-600:active { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-border-red-700:active { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-border-red-800:active { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-border-red-900:active { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-border-green-50:active { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-border-green-100:active { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-border-green-200:active { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-border-green-300:active { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-border-green-400:active { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-border-green-500:active { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-border-green-600:active { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-border-green-700:active { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-border-green-800:active { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-border-green-900:active { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-border-black:hover { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-border-black:focus { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-border-black:active { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-border-black:disabled { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-black:focus-visible { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-border-black:focus-within { border-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-lg-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-border-white:hover { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-border-white:focus { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-border-white:active { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-border-white:disabled { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-white:focus-visible { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-border-white:focus-within { border-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-lg-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-0:hover { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-0:focus { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-0:active { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-0:hover { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-0:focus { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-0:active { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-0:active { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-0:hover { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-0:focus { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-0:active { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-1:active { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-1:active { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-1:active { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-2:hover { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-2:focus { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-2:active { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-2:hover { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-2:focus { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-2:active { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-2:active { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-2:hover { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-2:focus { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-2:active { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-3:active { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-3:active { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-3:active { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-4:hover { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-4:focus { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-4:active { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-4:hover { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-4:focus { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-4:active { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-4:active { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-4:hover { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-4:focus { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-4:active { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-5:active { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-5:active { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-5:active { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-6:hover { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-6:focus { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-6:active { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-6:hover { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-6:focus { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-6:active { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-6:active { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-6:hover { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-6:focus { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-6:active { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-7:active { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-7:active { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-7:active { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-8:hover { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-8:focus { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-8:active { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-8:hover { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-8:focus { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-8:active { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-8:active { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-8:hover { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-8:focus { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-8:active { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-9:active { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-9:active { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-9:active { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-10:hover { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-10:focus { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-10:active { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-10:hover { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-10:focus { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-10:active { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-10:active { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-10:hover { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-10:focus { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-10:active { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-11:active { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-11:active { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-11:active { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-12:hover { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-12:focus { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-12:active { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-12:hover { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-12:focus { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-12:active { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-12:active { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-12:hover { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-12:focus { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-12:active { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-13:active { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-13:active { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-13:active { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-14:hover { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-14:focus { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-14:active { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-14:hover { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-14:focus { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-14:active { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-14:active { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-14:hover { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-14:focus { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-14:active { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-15:active { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-15:active { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-15:active { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-16:hover { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-16:focus { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-16:active { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-16:hover { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-16:focus { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-16:active { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-16:active { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-16:hover { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-16:focus { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-16:active { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-17:active { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-17:active { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-17:active { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-18:hover { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-18:focus { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-18:active { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-18:hover { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-18:focus { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-18:active { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-18:active { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-18:hover { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-18:focus { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-18:active { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-19:active { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-19:active { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-19:active { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-20:hover { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-20:focus { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-20:active { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-20:hover { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-20:focus { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-20:active { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-20:active { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-20:hover { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-20:focus { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-20:active { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-21:active { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-21:active { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-21:active { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-22:hover { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-22:focus { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-22:active { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-22:hover { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-22:focus { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-22:active { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-22:active { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-22:hover { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-22:focus { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-22:active { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-23:active { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-23:active { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-23:active { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-24:hover { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-24:focus { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-24:active { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-24:hover { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-24:focus { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-24:active { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-24:active { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-24:hover { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-24:focus { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-24:active { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-25:active { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-25:active { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-25:active { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-26:hover { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-26:focus { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-26:active { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-26:hover { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-26:focus { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-26:active { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-26:active { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-26:hover { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-26:focus { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-26:active { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-27:active { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-27:active { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-27:active { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-28:hover { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-28:focus { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-28:active { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-28:hover { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-28:focus { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-28:active { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-28:active { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-28:hover { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-28:focus { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-28:active { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-29:active { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-29:active { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-29:active { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-30:hover { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-30:focus { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-30:active { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-30:hover { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-30:focus { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-30:active { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-30:active { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-30:hover { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-30:focus { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-30:active { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-31:active { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-31:active { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-31:active { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-t-32:hover { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-t-32:focus { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-t-32:active { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-r-32:hover { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-r-32:focus { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-r-32:active { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-b-32:active { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-l-32:hover { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-l-32:focus { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-l-32:active { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-lg-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-lg-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-lg-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-lg-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-lg-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-lg-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-lg-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-lg-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-lg-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-lg-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-lg-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-lg-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-lg-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-lg-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-lg-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-lg-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-lg-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-lg-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-lg-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-lg-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-lg-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-lg-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-lg-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-lg-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-lg-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-lg-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-lg-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-lg-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-lg-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-lg-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-lg-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-hover-border-transparent:hover { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-border-transparent:focus { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-active-border-transparent:active { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-disabled-border-transparent:disabled { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-within-border-transparent:focus-within { border-color: transparent; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-lg-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-hover-border-inherit:hover { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-border-inherit:focus { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-active-border-inherit:active { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-disabled-border-inherit:disabled { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-within-border-inherit:focus-within { border-color: inherit; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-lg-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-hover-bg-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-bg-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-active-bg-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-disabled-bg-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-lg-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-hover-bg-inherit:hover { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-bg-inherit:focus { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-active-bg-inherit:active { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-disabled-bg-inherit:disabled { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-inherit:focus-within { background-color: inherit; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-lg-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-lg-hover-text-transparent:hover { color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-text-transparent:focus { color: transparent; }
  html[data-theme="dark"] .dark-lg-active-text-transparent:active { color: transparent; }
  html[data-theme="dark"] .dark-lg-disabled-text-transparent:disabled { color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-transparent:focus-visible { color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-within-text-transparent:focus-within { color: transparent; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-lg-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-lg-hover-text-inherit:hover { color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-text-inherit:focus { color: inherit; }
  html[data-theme="dark"] .dark-lg-active-text-inherit:active { color: inherit; }
  html[data-theme="dark"] .dark-lg-disabled-text-inherit:disabled { color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-inherit:focus-visible { color: inherit; }
  html[data-theme="dark"] .dark-lg-focus-within-text-inherit:focus-within { color: inherit; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-lg-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-lg-hover-border-solid:hover { border-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-border-solid:focus { border-style: solid; }
  html[data-theme="dark"] .dark-lg-active-border-solid:active { border-style: solid; }
  html[data-theme="dark"] .dark-lg-disabled-border-solid:disabled { border-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-solid:focus-visible { border-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-within-border-solid:focus-within { border-style: solid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-lg-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-hover-border-dashed:hover { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-border-dashed:focus { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-active-border-dashed:active { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-disabled-border-dashed:disabled { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-within-border-dashed:focus-within { border-style: dashed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-lg-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-hover-border-dotted:hover { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-border-dotted:focus { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-active-border-dotted:active { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-disabled-border-dotted:disabled { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-focus-within-border-dotted:focus-within { border-style: dotted; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-lg-border-double { border-style: double; }
  html[data-theme="dark"] .dark-lg-hover-border-double:hover { border-style: double; }
  html[data-theme="dark"] .dark-lg-focus-border-double:focus { border-style: double; }
  html[data-theme="dark"] .dark-lg-active-border-double:active { border-style: double; }
  html[data-theme="dark"] .dark-lg-disabled-border-double:disabled { border-style: double; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-double:focus-visible { border-style: double; }
  html[data-theme="dark"] .dark-lg-focus-within-border-double:focus-within { border-style: double; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-double { border-style: double; }
  html[data-theme="dark"] .dark-lg-border-none { border-style: none; }
  html[data-theme="dark"] .dark-lg-hover-border-none:hover { border-style: none; }
  html[data-theme="dark"] .dark-lg-focus-border-none:focus { border-style: none; }
  html[data-theme="dark"] .dark-lg-active-border-none:active { border-style: none; }
  html[data-theme="dark"] .dark-lg-disabled-border-none:disabled { border-style: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-none:focus-visible { border-style: none; }
  html[data-theme="dark"] .dark-lg-focus-within-border-none:focus-within { border-style: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-none { border-style: none; }
  html[data-theme="dark"] .dark-lg-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-lg-hover-z-auto:hover { z-index: auto; }
  html[data-theme="dark"] .dark-lg-focus-z-auto:focus { z-index: auto; }
  html[data-theme="dark"] .dark-lg-active-z-auto:active { z-index: auto; }
  html[data-theme="dark"] .dark-lg-disabled-z-auto:disabled { z-index: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-auto:focus-visible { z-index: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-z-auto:focus-within { z-index: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-lg-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-lg-hover-z-0:hover { z-index: 0; }
  html[data-theme="dark"] .dark-lg-focus-z-0:focus { z-index: 0; }
  html[data-theme="dark"] .dark-lg-active-z-0:active { z-index: 0; }
  html[data-theme="dark"] .dark-lg-disabled-z-0:disabled { z-index: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-0:focus-visible { z-index: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-z-0:focus-within { z-index: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-lg-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-lg-hover-z-10:hover { z-index: 10; }
  html[data-theme="dark"] .dark-lg-focus-z-10:focus { z-index: 10; }
  html[data-theme="dark"] .dark-lg-active-z-10:active { z-index: 10; }
  html[data-theme="dark"] .dark-lg-disabled-z-10:disabled { z-index: 10; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-10:focus-visible { z-index: 10; }
  html[data-theme="dark"] .dark-lg-focus-within-z-10:focus-within { z-index: 10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-lg-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-lg-hover-z-20:hover { z-index: 20; }
  html[data-theme="dark"] .dark-lg-focus-z-20:focus { z-index: 20; }
  html[data-theme="dark"] .dark-lg-active-z-20:active { z-index: 20; }
  html[data-theme="dark"] .dark-lg-disabled-z-20:disabled { z-index: 20; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-20:focus-visible { z-index: 20; }
  html[data-theme="dark"] .dark-lg-focus-within-z-20:focus-within { z-index: 20; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-lg-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-lg-hover-z-30:hover { z-index: 30; }
  html[data-theme="dark"] .dark-lg-focus-z-30:focus { z-index: 30; }
  html[data-theme="dark"] .dark-lg-active-z-30:active { z-index: 30; }
  html[data-theme="dark"] .dark-lg-disabled-z-30:disabled { z-index: 30; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-30:focus-visible { z-index: 30; }
  html[data-theme="dark"] .dark-lg-focus-within-z-30:focus-within { z-index: 30; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-lg-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-lg-hover-z-40:hover { z-index: 40; }
  html[data-theme="dark"] .dark-lg-focus-z-40:focus { z-index: 40; }
  html[data-theme="dark"] .dark-lg-active-z-40:active { z-index: 40; }
  html[data-theme="dark"] .dark-lg-disabled-z-40:disabled { z-index: 40; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-40:focus-visible { z-index: 40; }
  html[data-theme="dark"] .dark-lg-focus-within-z-40:focus-within { z-index: 40; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-lg-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-lg-hover-z-50:hover { z-index: 50; }
  html[data-theme="dark"] .dark-lg-focus-z-50:focus { z-index: 50; }
  html[data-theme="dark"] .dark-lg-active-z-50:active { z-index: 50; }
  html[data-theme="dark"] .dark-lg-disabled-z-50:disabled { z-index: 50; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-50:focus-visible { z-index: 50; }
  html[data-theme="dark"] .dark-lg-focus-within-z-50:focus-within { z-index: 50; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-lg-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-lg-hover-z-100:hover { z-index: 100; }
  html[data-theme="dark"] .dark-lg-focus-z-100:focus { z-index: 100; }
  html[data-theme="dark"] .dark-lg-active-z-100:active { z-index: 100; }
  html[data-theme="dark"] .dark-lg-disabled-z-100:disabled { z-index: 100; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-100:focus-visible { z-index: 100; }
  html[data-theme="dark"] .dark-lg-focus-within-z-100:focus-within { z-index: 100; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-lg-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-hover-z-9999:hover { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-focus-z-9999:focus { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-active-z-9999:active { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-disabled-z-9999:disabled { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-focus-visible-z-9999:focus-visible { z-index: 9999; }
  html[data-theme="dark"] .dark-lg-focus-within-z-9999:focus-within { z-index: 9999; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-lg--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-lg-hover--z-10:hover { z-index: -10; }
  html[data-theme="dark"] .dark-lg-focus--z-10:focus { z-index: -10; }
  html[data-theme="dark"] .dark-lg-active--z-10:active { z-index: -10; }
  html[data-theme="dark"] .dark-lg-disabled--z-10:disabled { z-index: -10; }
  html[data-theme="dark"] .dark-lg-focus-visible--z-10:focus-visible { z-index: -10; }
  html[data-theme="dark"] .dark-lg-focus-within--z-10:focus-within { z-index: -10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-lg--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-lg-hover--z-20:hover { z-index: -20; }
  html[data-theme="dark"] .dark-lg-focus--z-20:focus { z-index: -20; }
  html[data-theme="dark"] .dark-lg-active--z-20:active { z-index: -20; }
  html[data-theme="dark"] .dark-lg-disabled--z-20:disabled { z-index: -20; }
  html[data-theme="dark"] .dark-lg-focus-visible--z-20:focus-visible { z-index: -20; }
  html[data-theme="dark"] .dark-lg-focus-within--z-20:focus-within { z-index: -20; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-lg--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-lg-hover--z-40:hover { z-index: -40; }
  html[data-theme="dark"] .dark-lg-focus--z-40:focus { z-index: -40; }
  html[data-theme="dark"] .dark-lg-active--z-40:active { z-index: -40; }
  html[data-theme="dark"] .dark-lg-disabled--z-40:disabled { z-index: -40; }
  html[data-theme="dark"] .dark-lg-focus-visible--z-40:focus-visible { z-index: -40; }
  html[data-theme="dark"] .dark-lg-focus-within--z-40:focus-within { z-index: -40; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-lg--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-lg-hover--z-50:hover { z-index: -50; }
  html[data-theme="dark"] .dark-lg-focus--z-50:focus { z-index: -50; }
  html[data-theme="dark"] .dark-lg-active--z-50:active { z-index: -50; }
  html[data-theme="dark"] .dark-lg-disabled--z-50:disabled { z-index: -50; }
  html[data-theme="dark"] .dark-lg-focus-visible--z-50:focus-visible { z-index: -50; }
  html[data-theme="dark"] .dark-lg-focus-within--z-50:focus-within { z-index: -50; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-lg--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-lg-hover--z-100:hover { z-index: -100; }
  html[data-theme="dark"] .dark-lg-focus--z-100:focus { z-index: -100; }
  html[data-theme="dark"] .dark-lg-active--z-100:active { z-index: -100; }
  html[data-theme="dark"] .dark-lg-disabled--z-100:disabled { z-index: -100; }
  html[data-theme="dark"] .dark-lg-focus-visible--z-100:focus-visible { z-index: -100; }
  html[data-theme="dark"] .dark-lg-focus-within--z-100:focus-within { z-index: -100; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-lg-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-lg-hover-opacity-0:hover { opacity: 0; }
  html[data-theme="dark"] .dark-lg-focus-opacity-0:focus { opacity: 0; }
  html[data-theme="dark"] .dark-lg-active-opacity-0:active { opacity: 0; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-0:disabled { opacity: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-0:focus-visible { opacity: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-0:focus-within { opacity: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-lg-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-hover-opacity-10:hover { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-focus-opacity-10:focus { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-active-opacity-10:active { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-10:disabled { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-10:focus-within { opacity: 0.1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-lg-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-hover-opacity-20:hover { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-focus-opacity-20:focus { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-active-opacity-20:active { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-20:disabled { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-20:focus-within { opacity: 0.2; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-lg-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-hover-opacity-25:hover { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-opacity-25:focus { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-active-opacity-25:active { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-25:disabled { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-25:focus-within { opacity: 0.25; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-hover-opacity-30:hover { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-focus-opacity-30:focus { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-active-opacity-30:active { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-30:disabled { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-30:focus-within { opacity: 0.3; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-lg-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-hover-opacity-40:hover { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-focus-opacity-40:focus { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-active-opacity-40:active { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-40:disabled { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-40:focus-within { opacity: 0.4; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-lg-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-hover-opacity-50:hover { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-focus-opacity-50:focus { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-active-opacity-50:active { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-50:disabled { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-50:focus-within { opacity: 0.5; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-lg-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-hover-opacity-60:hover { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-focus-opacity-60:focus { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-active-opacity-60:active { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-60:disabled { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-60:focus-within { opacity: 0.6; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-lg-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-hover-opacity-70:hover { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-focus-opacity-70:focus { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-active-opacity-70:active { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-70:disabled { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-70:focus-within { opacity: 0.7; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-lg-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-hover-opacity-75:hover { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-opacity-75:focus { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-active-opacity-75:active { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-75:disabled { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-75:focus-within { opacity: 0.75; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-hover-opacity-80:hover { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-focus-opacity-80:focus { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-active-opacity-80:active { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-80:disabled { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-80:focus-within { opacity: 0.8; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-lg-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-hover-opacity-90:hover { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-focus-opacity-90:focus { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-active-opacity-90:active { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-90:disabled { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-90:focus-within { opacity: 0.9; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-lg-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-lg-hover-opacity-100:hover { opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-opacity-100:focus { opacity: 1; }
  html[data-theme="dark"] .dark-lg-active-opacity-100:active { opacity: 1; }
  html[data-theme="dark"] .dark-lg-disabled-opacity-100:disabled { opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-opacity-100:focus-visible { opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-opacity-100:focus-within { opacity: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-lg-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-lg-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-lg-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-lg-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-lg-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-lg-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-lg-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-lg-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-lg-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-hover-rounded-0:hover { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-rounded-0:focus { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-active-rounded-0:active { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-0:disabled { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-0:focus-within { border-radius: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-lg-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-xs:hover { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-xs:focus { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-xs:active { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-sm:hover { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-sm:focus { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-sm:active { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded:hover { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded:focus { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded:active { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded:disabled { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-md:hover { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-md:focus { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-md:active { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-lg:hover { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-lg:focus { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-lg:active { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-lg:disabled { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-xl:hover { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-xl:focus { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-xl:active { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-2xl:hover { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-2xl:focus { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-2xl:active { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-full:hover { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-full:focus { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-active-rounded-full:active { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-full:disabled { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-pill:hover { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-pill:focus { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-active-rounded-pill:active { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-pill:disabled { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-lg-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-0:active { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-0:active { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-lg-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-lg-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-lg-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-lg-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-lg-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-lg-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-lg-outline-none { outline: none; }
  html[data-theme="dark"] .dark-lg-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-lg-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-lg-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-lg-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-hover-outline:hover { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-focus-outline:focus { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-active-outline:active { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-disabled-outline:disabled { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-lg-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-0:hover { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-0:focus { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-0:active { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-lg-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-1:active { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-lg-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-2:active { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-lg-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-3:active { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-lg-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-4:hover { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-4:focus { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-4:active { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-lg-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-8:hover { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-8:focus { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-8:active { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-lg-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-outline-black:hover { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-outline-black:focus { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-outline-black:active { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-outline-black:disabled { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-black:focus-within { outline-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-lg-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-outline-white:hover { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-outline-white:focus { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-outline-white:active { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-outline-white:disabled { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-outline-white:focus-within { outline-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-lg-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-ring-sm:hover { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-ring-sm:focus { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-ring-sm:active { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-lg-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-ring-md:hover { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-ring-md:focus { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-ring-md:active { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-lg-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-ring-lg:hover { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-ring-lg:focus { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-active-ring-lg:active { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-ring-lg:disabled { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-lg-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-lg-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-lg-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-lg-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-lg-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-ring-black:active { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-lg-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-ring-white:active { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-lg-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-lg-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-05:active { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-10:active { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-15:active { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-20:active { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-25:active { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-30:active { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-35:active { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-40:active { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-45:active { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-50:active { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-55:active { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-60:active { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-65:active { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-70:active { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-75:active { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-80:active { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-85:active { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-90:active { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-95:active { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-100:hover { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-100:focus { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-active-bg-tp-100:active { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-lg-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-05:hover { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-05:focus { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-active-text-tp-05:active { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-10:hover { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-10:focus { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-active-text-tp-10:active { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-15:hover { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-15:focus { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-active-text-tp-15:active { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-20:hover { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-20:focus { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-active-text-tp-20:active { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-25:hover { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-25:focus { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-active-text-tp-25:active { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-30:hover { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-30:focus { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-active-text-tp-30:active { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-35:hover { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-35:focus { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-active-text-tp-35:active { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-40:hover { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-40:focus { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-active-text-tp-40:active { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-45:hover { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-45:focus { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-active-text-tp-45:active { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-50:hover { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-50:focus { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-active-text-tp-50:active { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-55:hover { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-55:focus { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-active-text-tp-55:active { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-60:hover { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-60:focus { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-active-text-tp-60:active { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-65:hover { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-65:focus { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-active-text-tp-65:active { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-70:hover { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-70:focus { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-active-text-tp-70:active { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-75:hover { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-75:focus { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-active-text-tp-75:active { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-80:hover { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-80:focus { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-active-text-tp-80:active { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-85:hover { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-85:focus { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-active-text-tp-85:active { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-90:hover { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-90:focus { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-active-text-tp-90:active { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-95:hover { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-95:focus { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-active-text-tp-95:active { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-hover-text-tp-100:hover { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-text-tp-100:focus { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-active-text-tp-100:active { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-100:disabled { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-lg-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-05:hover { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-05:focus { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-active-border-tp-05:active { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-lg-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-10:hover { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-10:focus { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-active-border-tp-10:active { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-lg-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-15:hover { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-15:focus { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-active-border-tp-15:active { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-lg-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-20:hover { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-20:focus { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-active-border-tp-20:active { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-lg-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-25:hover { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-25:focus { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-active-border-tp-25:active { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-lg-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-30:hover { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-30:focus { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-active-border-tp-30:active { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-lg-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-35:hover { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-35:focus { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-active-border-tp-35:active { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-lg-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-40:hover { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-40:focus { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-active-border-tp-40:active { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-lg-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-45:hover { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-45:focus { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-active-border-tp-45:active { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-lg-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-50:hover { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-50:focus { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-active-border-tp-50:active { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-lg-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-55:hover { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-55:focus { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-active-border-tp-55:active { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-lg-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-60:hover { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-60:focus { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-active-border-tp-60:active { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-lg-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-65:hover { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-65:focus { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-active-border-tp-65:active { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-lg-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-70:hover { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-70:focus { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-active-border-tp-70:active { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-lg-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-75:hover { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-75:focus { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-active-border-tp-75:active { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-lg-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-80:hover { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-80:focus { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-active-border-tp-80:active { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-lg-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-85:hover { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-85:focus { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-active-border-tp-85:active { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-lg-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-90:hover { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-90:focus { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-active-border-tp-90:active { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-lg-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-95:hover { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-95:focus { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-active-border-tp-95:active { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-lg-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-hover-border-tp-100:hover { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-border-tp-100:focus { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-active-border-tp-100:active { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-100:disabled { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-lg-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-black:active { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-lg-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-shadow-color-white:active { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-lg-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-lg-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-hover-transition-bg:hover { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-focus-transition-bg:focus { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-active-transition-bg:active { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-disabled-transition-bg:disabled { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-bg:focus-within { transition-property: background-color; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-lg-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-lg-hover-transition-color:hover { transition-property: color; }
  html[data-theme="dark"] .dark-lg-focus-transition-color:focus { transition-property: color; }
  html[data-theme="dark"] .dark-lg-active-transition-color:active { transition-property: color; }
  html[data-theme="dark"] .dark-lg-disabled-transition-color:disabled { transition-property: color; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-color:focus-visible { transition-property: color; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-color:focus-within { transition-property: color; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-lg-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-lg-hover-transition-border:hover { transition-property: border; }
  html[data-theme="dark"] .dark-lg-focus-transition-border:focus { transition-property: border; }
  html[data-theme="dark"] .dark-lg-active-transition-border:active { transition-property: border; }
  html[data-theme="dark"] .dark-lg-disabled-transition-border:disabled { transition-property: border; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-border:focus-visible { transition-property: border; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-border:focus-within { transition-property: border; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-lg-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-5:hover { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-5:focus { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-5:active { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-5:hover { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-5:focus { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-5:active { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-6:hover { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-6:focus { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-6:active { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-lg-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-6:hover { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-6:focus { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-6:active { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-lg-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-8:hover { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-8:focus { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-8:active { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-lg-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-8:hover { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-8:focus { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-8:active { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-lg-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-10:hover { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-10:focus { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-10:active { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-lg-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-10:hover { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-10:focus { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-10:active { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-lg-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-12:hover { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-12:focus { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-12:active { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-lg-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-12:hover { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-12:focus { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-12:active { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-lg-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-16:hover { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-16:focus { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-16:active { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-lg-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-16:hover { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-16:focus { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-16:active { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-lg-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-20:hover { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-20:focus { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-20:active { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-lg-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-20:hover { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-20:focus { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-20:active { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-lg-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-24:hover { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-24:focus { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-24:active { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-lg-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-24:hover { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-24:focus { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-24:active { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-lg-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-32:hover { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-32:focus { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-32:active { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-lg-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-32:hover { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-32:focus { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-32:active { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-lg-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-hover-scale-0:hover { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-focus-scale-0:focus { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-active-scale-0:active { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-disabled-scale-0:disabled { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-0:focus-within { transform: scale(0.0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-lg-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate--180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate--180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-active-rotate--180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate--90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate--90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-active-rotate--90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate--45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate--45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-active-rotate--45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x--45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x--45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x--45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y--45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y--45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y--45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x--30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x--30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x--30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y--30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y--30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y--30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x--15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x--15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x--15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y--15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y--15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y--15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-75:hover { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-75:focus { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-active-duration-75:active { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-lg-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-100:active { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-lg-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-active-duration-150:active { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-lg-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-200:active { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-lg-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-300:active { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-lg-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-500:active { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-lg-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-700:active { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-lg-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-1000:hover { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-1000:focus { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-active-duration-1000:active { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-lg-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-active-duration-1500:active { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-lg-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-hover-duration-2000:hover { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-focus-duration-2000:focus { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-active-duration-2000:active { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-lg-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-hover-blur-none:hover { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-focus-blur-none:focus { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-active-blur-none:active { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-disabled-blur-none:disabled { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-none:focus-visible { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-none:focus-within { filter: blur(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-lg-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-hover-brightness-0:hover { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-focus-brightness-0:focus { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-active-brightness-0:active { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-0:disabled { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-0:focus-within { filter: brightness(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-lg-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-hover-brightness-75:hover { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-focus-brightness-75:focus { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-active-brightness-75:active { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-75:disabled { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-lg-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-hover-brightness-90:hover { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-focus-brightness-90:focus { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-active-brightness-90:active { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-90:disabled { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-lg-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-hover-brightness-125:hover { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-focus-brightness-125:focus { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-active-brightness-125:active { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-125:disabled { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-lg-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-hover-brightness-200:hover { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-focus-brightness-200:focus { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-active-brightness-200:active { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-200:disabled { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-200:focus-within { filter: brightness(2); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-lg-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-hover-contrast-0:hover { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-focus-contrast-0:focus { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-active-contrast-0:active { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-0:disabled { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-0:focus-within { filter: contrast(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-lg-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-hover-contrast-75:hover { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-focus-contrast-75:focus { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-active-contrast-75:active { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-75:disabled { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-lg-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-hover-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-active-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-hover-contrast-150:hover { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-focus-contrast-150:focus { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-active-contrast-150:active { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-150:disabled { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-lg-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-hover-contrast-200:hover { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-focus-contrast-200:focus { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-active-contrast-200:active { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-200:disabled { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-200:focus-within { filter: contrast(2); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-lg-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-hover-grayscale-0:hover { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-focus-grayscale-0:focus { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-active-grayscale-0:active { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-disabled-grayscale-0:disabled { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-lg-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-hover-grayscale-100:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-grayscale-100:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-active-grayscale-100:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-disabled-grayscale-100:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-lg-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-lg-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-lg-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-hover-invert-0:hover { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-focus-invert-0:focus { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-active-invert-0:active { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-disabled-invert-0:disabled { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-invert-0:focus-visible { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-focus-within-invert-0:focus-within { filter: invert(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-lg-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-hover-invert-100:hover { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-focus-invert-100:focus { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-active-invert-100:active { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-disabled-invert-100:disabled { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-invert-100:focus-visible { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-focus-within-invert-100:focus-within { filter: invert(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-lg-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-hover-saturate-0:hover { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-focus-saturate-0:focus { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-active-saturate-0:active { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-0:disabled { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-0:focus-within { filter: saturate(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-lg-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-hover-saturate-50:hover { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-focus-saturate-50:focus { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-active-saturate-50:active { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-50:disabled { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-lg-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-hover-saturate-100:hover { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-focus-saturate-100:focus { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-active-saturate-100:active { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-100:disabled { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-100:focus-within { filter: saturate(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-lg-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-hover-saturate-200:hover { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-focus-saturate-200:focus { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-active-saturate-200:active { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-200:disabled { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-200:focus-within { filter: saturate(2); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-lg-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-hover-sepia-0:hover { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-focus-sepia-0:focus { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-active-sepia-0:active { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-disabled-sepia-0:disabled { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-focus-within-sepia-0:focus-within { filter: sepia(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-lg-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-hover-sepia-100:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-sepia-100:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-active-sepia-100:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-disabled-sepia-100:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-within-sepia-100:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-lg-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-lg-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-hover-mix-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-mix-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-active-mix-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-active-mix-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-hover-mix-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-mix-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-active-mix-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-active-mix-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-hover-mix-darken:hover { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-mix-darken:focus { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-active-mix-darken:active { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-active-mix-lighten:active { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-hover-mix-difference:hover { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-mix-difference:focus { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-active-mix-difference:active { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-hover-mix-hue:hover { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-mix-hue:focus { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-active-mix-hue:active { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-active-mix-saturation:active { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-hover-mix-color:hover { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-mix-color:focus { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-active-mix-color:active { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-disabled-mix-color:disabled { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-lg-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-lg-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-lg-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-lg-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-difference:active { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-lg-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-lg-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-hue:active { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-lg-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-lg-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-color:hover { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-color:focus { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-color:active { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-lg-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-lg-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-hover-object-contain:hover { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-focus-object-contain:focus { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-active-object-contain:active { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-disabled-object-contain:disabled { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-contain:focus-visible { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-object-contain:focus-within { object-fit: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-lg-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-hover-object-cover:hover { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-focus-object-cover:focus { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-active-object-cover:active { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-disabled-object-cover:disabled { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-cover:focus-visible { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-focus-within-object-cover:focus-within { object-fit: cover; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-lg-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-hover-object-fill:hover { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-focus-object-fill:focus { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-active-object-fill:active { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-disabled-object-fill:disabled { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-fill:focus-visible { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-focus-within-object-fill:focus-within { object-fit: fill; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-lg-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-lg-hover-object-none:hover { object-fit: none; }
  html[data-theme="dark"] .dark-lg-focus-object-none:focus { object-fit: none; }
  html[data-theme="dark"] .dark-lg-active-object-none:active { object-fit: none; }
  html[data-theme="dark"] .dark-lg-disabled-object-none:disabled { object-fit: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-none:focus-visible { object-fit: none; }
  html[data-theme="dark"] .dark-lg-focus-within-object-none:focus-within { object-fit: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-lg-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-hover-object-scale-down:hover { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-focus-object-scale-down:focus { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-active-object-scale-down:active { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-disabled-object-scale-down:disabled { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-lg-object-top { object-position: top; }
  html[data-theme="dark"] .dark-lg-hover-object-top:hover { object-position: top; }
  html[data-theme="dark"] .dark-lg-focus-object-top:focus { object-position: top; }
  html[data-theme="dark"] .dark-lg-active-object-top:active { object-position: top; }
  html[data-theme="dark"] .dark-lg-disabled-object-top:disabled { object-position: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-top:focus-visible { object-position: top; }
  html[data-theme="dark"] .dark-lg-focus-within-object-top:focus-within { object-position: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-top { object-position: top; }
  html[data-theme="dark"] .dark-lg-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-hover-object-bottom:hover { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-object-bottom:focus { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-active-object-bottom:active { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-object-bottom:disabled { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-object-bottom:focus-within { object-position: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-lg-object-center { object-position: center; }
  html[data-theme="dark"] .dark-lg-hover-object-center:hover { object-position: center; }
  html[data-theme="dark"] .dark-lg-focus-object-center:focus { object-position: center; }
  html[data-theme="dark"] .dark-lg-active-object-center:active { object-position: center; }
  html[data-theme="dark"] .dark-lg-disabled-object-center:disabled { object-position: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-center:focus-visible { object-position: center; }
  html[data-theme="dark"] .dark-lg-focus-within-object-center:focus-within { object-position: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-center { object-position: center; }
  html[data-theme="dark"] .dark-lg-object-left { object-position: left; }
  html[data-theme="dark"] .dark-lg-hover-object-left:hover { object-position: left; }
  html[data-theme="dark"] .dark-lg-focus-object-left:focus { object-position: left; }
  html[data-theme="dark"] .dark-lg-active-object-left:active { object-position: left; }
  html[data-theme="dark"] .dark-lg-disabled-object-left:disabled { object-position: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-left:focus-visible { object-position: left; }
  html[data-theme="dark"] .dark-lg-focus-within-object-left:focus-within { object-position: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-left { object-position: left; }
  html[data-theme="dark"] .dark-lg-object-right { object-position: right; }
  html[data-theme="dark"] .dark-lg-hover-object-right:hover { object-position: right; }
  html[data-theme="dark"] .dark-lg-focus-object-right:focus { object-position: right; }
  html[data-theme="dark"] .dark-lg-active-object-right:active { object-position: right; }
  html[data-theme="dark"] .dark-lg-disabled-object-right:disabled { object-position: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-right:focus-visible { object-position: right; }
  html[data-theme="dark"] .dark-lg-focus-within-object-right:focus-within { object-position: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-right { object-position: right; }
  html[data-theme="dark"] .dark-lg-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-lg-hover-object-left-top:hover { object-position: left top; }
  html[data-theme="dark"] .dark-lg-focus-object-left-top:focus { object-position: left top; }
  html[data-theme="dark"] .dark-lg-active-object-left-top:active { object-position: left top; }
  html[data-theme="dark"] .dark-lg-disabled-object-left-top:disabled { object-position: left top; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-left-top:focus-visible { object-position: left top; }
  html[data-theme="dark"] .dark-lg-focus-within-object-left-top:focus-within { object-position: left top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-lg-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-lg-hover-object-right-top:hover { object-position: right top; }
  html[data-theme="dark"] .dark-lg-focus-object-right-top:focus { object-position: right top; }
  html[data-theme="dark"] .dark-lg-active-object-right-top:active { object-position: right top; }
  html[data-theme="dark"] .dark-lg-disabled-object-right-top:disabled { object-position: right top; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-right-top:focus-visible { object-position: right top; }
  html[data-theme="dark"] .dark-lg-focus-within-object-right-top:focus-within { object-position: right top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-lg-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-hover-object-left-bottom:hover { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-focus-object-left-bottom:focus { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-active-object-left-bottom:active { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-disabled-object-left-bottom:disabled { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-lg-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-hover-object-right-bottom:hover { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-focus-object-right-bottom:focus { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-active-object-right-bottom:active { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-disabled-object-right-bottom:disabled { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-lg-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-lg-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-lg-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-lg-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-lg-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-lg-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-lg-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-hover-list-style-image-none:hover { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-focus-list-style-image-none:focus { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-active-list-style-image-none:active { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-image-none:disabled { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-lg-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-hover-list-style-position-inside:hover { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-focus-list-style-position-inside:focus { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-active-list-style-position-inside:active { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-lg-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-hover-list-style-position-outside:hover { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-focus-list-style-position-outside:focus { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-active-list-style-position-outside:active { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-lg-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-none:hover { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-none:focus { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-none:active { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-none:disabled { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-lg-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-disc:hover { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-disc:focus { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-disc:active { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-lg-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-circle:hover { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-circle:focus { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-circle:active { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-lg-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-square:hover { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-square:focus { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-square:active { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-square:disabled { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-lg-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-decimal:active { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-lg-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-lg-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-lg-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-lg-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-lg-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-lg-hover-text-align-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-text-align-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-lg-active-text-align-left:active { text-align: left; }
  html[data-theme="dark"] .dark-lg-disabled-text-align-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-align-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-lg-focus-within-text-align-left:focus-within { text-align: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-lg-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-lg-hover-text-align-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-text-align-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-lg-active-text-align-center:active { text-align: center; }
  html[data-theme="dark"] .dark-lg-disabled-text-align-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-align-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-lg-focus-within-text-align-center:focus-within { text-align: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-lg-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-lg-hover-text-align-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-text-align-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-lg-active-text-align-right:active { text-align: right; }
  html[data-theme="dark"] .dark-lg-disabled-text-align-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-align-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-lg-focus-within-text-align-right:focus-within { text-align: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-lg-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-lg-hover-text-align-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-text-align-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-lg-active-text-align-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-lg-disabled-text-align-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-lg-focus-within-text-align-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-lg-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-lg-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-lg-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-lg-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-100:hover { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-100:focus { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-active-perspective-100:active { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-100:disabled { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-100:focus-within { perspective: 100px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-lg-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-500:hover { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-500:focus { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-active-perspective-500:active { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-500:disabled { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-500:focus-within { perspective: 500px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-lg-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-1000:hover { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-1000:focus { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-active-perspective-1000:active { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-1000:disabled { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-lg-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-1500:hover { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-1500:focus { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-active-perspective-1500:active { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-1500:disabled { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-lg-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-2000:hover { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-2000:focus { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-active-perspective-2000:active { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-2000:disabled { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-lg-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-top_left:active { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-lg-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-top_right:active { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-lg-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-transform-none { transform: none; }
  html[data-theme="dark"] .dark-lg-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-lg-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-lg-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-lg-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-n180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-n180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-n180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-lg-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-n90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-n90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-n90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-lg-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-n45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-n45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-n45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-lg-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-lg-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-lg-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-n45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-lg-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-n45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-lg-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-n30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-lg-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-n30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-lg-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-n15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-lg-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-n15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-lg-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-lg-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-lg-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-lg-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-lg-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-lg-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-lg-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-lg-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-lg-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-lg-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-lg-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-lg-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-lg-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-lg-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-hover-origin-top_left:hover { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-origin-top_left:focus { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-active-origin-top_left:active { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-disabled-origin-top_left:disabled { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-lg-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-hover-origin-top_right:hover { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-origin-top_right:focus { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-active-origin-top_right:active { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-disabled-origin-top_right:disabled { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-lg-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-active-origin-bottom_left:active { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-lg-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-active-origin-bottom_right:active { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-lg-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-hover-accent-transparent:hover { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-accent-transparent:focus { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-active-accent-transparent:active { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-disabled-accent-transparent:disabled { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-lg-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-lg-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-lg-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-lg-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-lg-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-lg-hover-appearance-auto:hover { appearance: auto; }
  html[data-theme="dark"] .dark-lg-focus-appearance-auto:focus { appearance: auto; }
  html[data-theme="dark"] .dark-lg-active-appearance-auto:active { appearance: auto; }
  html[data-theme="dark"] .dark-lg-disabled-appearance-auto:disabled { appearance: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-appearance-auto:focus-within { appearance: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-lg-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-lg-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-lg-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-lg-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-lg-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-lg-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-lg-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-lg-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-lg-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-lg-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-lg-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-lg-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-lg-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-lg-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-lg-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-lg-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-lg-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-lg-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-lg-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-lg-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-lg-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-lg-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-lg-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-lg-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-lg-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-lg-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-lg-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-lg-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-lg-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-lg-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-lg-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-lg-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-lg-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-lg-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-lg-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-lg-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-lg-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-lg-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-lg-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-lg-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-lg-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-lg-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-lg-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-lg-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-lg-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-lg-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-lg-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-lg-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-lg-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-lg-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-lg-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-lg-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-lg-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-lg-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-lg-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-lg-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-lg-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-lg-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-lg-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-lg-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-lg-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-lg-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-lg-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-lg-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-lg-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-lg-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-lg-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-lg-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-lg-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-lg-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-lg-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-lg-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-lg-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-lg-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-lg-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-lg-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-lg-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-lg-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-lg-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-lg-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-lg-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-lg-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-lg-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-lg-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-lg-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-lg-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-lg-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-lg-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-lg-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-lg-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-lg-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-lg-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-lg-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-lg-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-lg-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-lg-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-lg-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-lg-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-lg-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-lg-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-lg-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-lg-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-lg-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-lg-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-lg-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-lg-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-lg-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-lg-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-lg-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-lg-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-lg-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-lg-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-lg-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-lg-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-lg-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-lg-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-lg-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-lg-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-lg-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-lg-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-lg-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-lg-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-lg-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-lg-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-lg-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-lg-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-lg-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-lg-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-lg-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-lg-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-lg-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-lg-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-lg-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-lg-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-lg-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-lg-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-lg-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-lg-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-lg-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-lg-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-lg-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-lg-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-lg-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-lg-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-lg-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-lg-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-lg-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-lg-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-lg-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-lg-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-lg-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-lg-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-lg-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-lg-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-lg-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-lg-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-lg-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-lg-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-lg-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-lg-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-lg-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-lg-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-lg-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-lg-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-lg-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-lg-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-lg-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-lg-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-lg-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-lg-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-lg-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-lg-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-lg-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-lg-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-lg-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-lg-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-lg-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-lg-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-lg-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-lg-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-lg-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-hover-caret-black:hover { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-caret-black:focus { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-active-caret-black:active { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-disabled-caret-black:disabled { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-black:focus-within { caret-color: var(--black); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-lg-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-hover-caret-white:hover { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-caret-white:focus { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-active-caret-white:active { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-disabled-caret-white:disabled { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-focus-within-caret-white:focus-within { caret-color: var(--white); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-lg-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-lg-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-lg-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-3:active { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-3:active { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-lg-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan_x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan_x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-active-touch-pan_x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan_y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan_y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-active-touch-pan_y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-lg-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-lg-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-lg-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-lg-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-lg-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-lg-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-lg-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-lg-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-lg-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-lg-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-lg-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-lg-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-lg-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-lg-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-lg-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-lg-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-lg-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-lg-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-lg-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-lg-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-lg-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-lg-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-lg-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-lg-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-lg-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-lg-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-lg-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-lg-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-hover-aspect-auto:hover { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-focus-aspect-auto:focus { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-active-aspect-auto:active { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-lg-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-active-aspect-square:active { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-lg-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-active-aspect-video:active { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-lg-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-lg-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-lg-hover-isolation-auto:hover { isolation: auto; }
  html[data-theme="dark"] .dark-lg-focus-isolation-auto:focus { isolation: auto; }
  html[data-theme="dark"] .dark-lg-active-isolation-auto:active { isolation: auto; }
  html[data-theme="dark"] .dark-lg-disabled-isolation-auto:disabled { isolation: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-isolation-auto:focus-within { isolation: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-lg-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-hover-isolation-isolate:hover { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-focus-isolation-isolate:focus { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-active-isolation-isolate:active { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-disabled-isolation-isolate:disabled { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-lg-contain-none { contain: none; }
  html[data-theme="dark"] .dark-lg-hover-contain-none:hover { contain: none; }
  html[data-theme="dark"] .dark-lg-focus-contain-none:focus { contain: none; }
  html[data-theme="dark"] .dark-lg-active-contain-none:active { contain: none; }
  html[data-theme="dark"] .dark-lg-disabled-contain-none:disabled { contain: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-none:focus-visible { contain: none; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-none:focus-within { contain: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-none { contain: none; }
  html[data-theme="dark"] .dark-lg-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-lg-hover-contain-layout:hover { contain: layout; }
  html[data-theme="dark"] .dark-lg-focus-contain-layout:focus { contain: layout; }
  html[data-theme="dark"] .dark-lg-active-contain-layout:active { contain: layout; }
  html[data-theme="dark"] .dark-lg-disabled-contain-layout:disabled { contain: layout; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-layout:focus-visible { contain: layout; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-layout:focus-within { contain: layout; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-lg-contain-size { contain: size; }
  html[data-theme="dark"] .dark-lg-hover-contain-size:hover { contain: size; }
  html[data-theme="dark"] .dark-lg-focus-contain-size:focus { contain: size; }
  html[data-theme="dark"] .dark-lg-active-contain-size:active { contain: size; }
  html[data-theme="dark"] .dark-lg-disabled-contain-size:disabled { contain: size; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-size:focus-visible { contain: size; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-size:focus-within { contain: size; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-size { contain: size; }
  html[data-theme="dark"] .dark-lg-contain-style { contain: style; }
  html[data-theme="dark"] .dark-lg-hover-contain-style:hover { contain: style; }
  html[data-theme="dark"] .dark-lg-focus-contain-style:focus { contain: style; }
  html[data-theme="dark"] .dark-lg-active-contain-style:active { contain: style; }
  html[data-theme="dark"] .dark-lg-disabled-contain-style:disabled { contain: style; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-style:focus-visible { contain: style; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-style:focus-within { contain: style; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-style { contain: style; }
  html[data-theme="dark"] .dark-lg-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-lg-hover-contain-paint:hover { contain: paint; }
  html[data-theme="dark"] .dark-lg-focus-contain-paint:focus { contain: paint; }
  html[data-theme="dark"] .dark-lg-active-contain-paint:active { contain: paint; }
  html[data-theme="dark"] .dark-lg-disabled-contain-paint:disabled { contain: paint; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-paint:focus-visible { contain: paint; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-paint:focus-within { contain: paint; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-lg-contain-content { contain: content; }
  html[data-theme="dark"] .dark-lg-hover-contain-content:hover { contain: content; }
  html[data-theme="dark"] .dark-lg-focus-contain-content:focus { contain: content; }
  html[data-theme="dark"] .dark-lg-active-contain-content:active { contain: content; }
  html[data-theme="dark"] .dark-lg-disabled-contain-content:disabled { contain: content; }
  html[data-theme="dark"] .dark-lg-focus-visible-contain-content:focus-visible { contain: content; }
  html[data-theme="dark"] .dark-lg-focus-within-contain-content:focus-within { contain: content; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contain-content { contain: content; }
  html[data-theme="dark"] .dark-lg-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-hover-content-auto:hover { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-focus-content-auto:focus { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-active-content-auto:active { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-disabled-content-auto:disabled { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-content-auto:focus-within { content-visibility: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-lg-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-hover-content-hidden:hover { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-content-hidden:focus { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-active-content-hidden:active { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-content-hidden:disabled { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-hover-content-visible:hover { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-content-visible:focus { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-active-content-visible:active { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-disabled-content-visible:disabled { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-content-visible:focus-within { content-visibility: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-lg-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-lg-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-lg-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-lg-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-lg-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-lg-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-hover-clip-inset:hover { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-focus-clip-inset:focus { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-active-clip-inset:active { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-disabled-clip-inset:disabled { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-lg-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-lg-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-active-margin-block-start-1:active { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-active-margin-block-end-1:active { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-active-padding-block-start-1:active { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-lg-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-active-padding-block-end-1:active { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-lg-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-lg-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-lg-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-lg-filter-none { filter: none; }
  html[data-theme="dark"] .dark-lg-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-lg-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-lg-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-lg-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-lg-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-lg-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-lg-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-lg-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-lg-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-lg-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-lg-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-lg-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-hover-grayscale:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-grayscale:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-active-grayscale:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-disabled-grayscale:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-focus-within-grayscale:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-lg-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-hover-sepia:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-sepia:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-active-sepia:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-disabled-sepia:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-sepia:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-focus-within-sepia:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-lg-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-lg-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-hover-grid-flow-row:hover { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-focus-grid-flow-row:focus { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-active-grid-flow-row:active { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-lg-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-hover-grid-flow-col:hover { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-focus-grid-flow-col:focus { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-active-grid-flow-col:active { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-lg-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-lg-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-lg-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-lg-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-lg-hover-transition-none:hover { transition-property: none; }
  html[data-theme="dark"] .dark-lg-focus-transition-none:focus { transition-property: none; }
  html[data-theme="dark"] .dark-lg-active-transition-none:active { transition-property: none; }
  html[data-theme="dark"] .dark-lg-disabled-transition-none:disabled { transition-property: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-none:focus-visible { transition-property: none; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-none:focus-within { transition-property: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-lg-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-lg-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-lg-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-lg-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-lg-animate-none { animation: none; }
  html[data-theme="dark"] .dark-lg-hover-animate-none:hover { animation: none; }
  html[data-theme="dark"] .dark-lg-focus-animate-none:focus { animation: none; }
  html[data-theme="dark"] .dark-lg-active-animate-none:active { animation: none; }
  html[data-theme="dark"] .dark-lg-disabled-animate-none:disabled { animation: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-animate-none:focus-visible { animation: none; }
  html[data-theme="dark"] .dark-lg-focus-within-animate-none:focus-within { animation: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-animate-none { animation: none; }
  html[data-theme="dark"] .dark-lg-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-active-animate-fade:active { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-lg-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-lg-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-active-animate-spin:active { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-lg-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-lg-transform-none { transform: none; }
  html[data-theme="dark"] .dark-lg-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-lg-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-lg-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-lg-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-active-scale-50:active { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-lg-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-active-scale-75:active { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-lg-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-active-scale-90:active { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-lg-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-hover-scale-100:hover { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-focus-scale-100:focus { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-active-scale-100:active { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-lg-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-active-scale-105:active { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-lg-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-active-scale-110:active { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-lg-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-active-scale-125:active { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-lg-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-active-scale-150:active { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-lg-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-active-translate-x-0:active { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-lg-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-lg-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-lg-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-active-translate-y-0:active { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-lg-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-lg-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-lg-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-lg-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-lg-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-lg-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-lg-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-lg-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-lg-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-active-skew-x-0:active { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-lg-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-lg-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-lg-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-active-skew-y-0:active { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-lg-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-lg-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-lg-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-lg-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-lg-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-lg-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-lg-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-lg-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-lg-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-lg-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-lg-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-sm:hover { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-sm:focus { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-active-perspective-sm:active { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-sm:disabled { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-sm:focus-within { perspective: 400px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-lg-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-md:hover { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-md:focus { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-active-perspective-md:active { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-md:disabled { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-md:focus-within { perspective: 800px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-lg-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-lg:hover { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-lg:focus { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-active-perspective-lg:active { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-lg:disabled { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-lg-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-hover-perspective-xl:hover { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-focus-perspective-xl:focus { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-active-perspective-xl:active { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-xl:disabled { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-lg-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-lg-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-lg-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-lg-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-lg-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-lg-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-lg-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-lg-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-lg-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-active-transform-style-preserve:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-lg-filter-none { filter: none; }
  html[data-theme="dark"] .dark-lg-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-lg-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-lg-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-lg-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-lg-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-hover-filter-grayscale:hover { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-focus-filter-grayscale:focus { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-active-filter-grayscale:active { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-lg-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-hover-filter-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-filter-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-active-filter-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-disabled-filter-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-active-filter-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-lg-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-active-filter-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-lg-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-active-filter-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-lg-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-hover-filter-sepia:hover { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-focus-filter-sepia:focus { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-active-filter-sepia:active { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-disabled-filter-sepia:disabled { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-lg-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-lg-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-active-backdrop-filter-none:active { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-lg-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-lg-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-lg-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-lg-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-active-mix-blend-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-lg-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-lg-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-active-mix-blend-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-lg-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-lg-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-hover-decoration-slice:hover { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-focus-decoration-slice:focus { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-active-decoration-slice:active { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-lg-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-hover-decoration-clone:hover { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-focus-decoration-clone:focus { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-active-decoration-clone:active { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-lg-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-lg-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-lg-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-lg-hover-break-after-auto:hover { break-after: auto; }
  html[data-theme="dark"] .dark-lg-focus-break-after-auto:focus { break-after: auto; }
  html[data-theme="dark"] .dark-lg-active-break-after-auto:active { break-after: auto; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-auto:disabled { break-after: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-auto:focus-within { break-after: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-lg-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-hover-break-after-avoid:hover { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-focus-break-after-avoid:focus { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-active-break-after-avoid:active { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-avoid:disabled { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-lg-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-lg-hover-break-after-all:hover { break-after: all; }
  html[data-theme="dark"] .dark-lg-focus-break-after-all:focus { break-after: all; }
  html[data-theme="dark"] .dark-lg-active-break-after-all:active { break-after: all; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-all:disabled { break-after: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-all:focus-visible { break-after: all; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-all:focus-within { break-after: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-lg-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-active-break-after-avoid-page:active { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-lg-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-lg-hover-break-after-page:hover { break-after: page; }
  html[data-theme="dark"] .dark-lg-focus-break-after-page:focus { break-after: page; }
  html[data-theme="dark"] .dark-lg-active-break-after-page:active { break-after: page; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-page:disabled { break-after: page; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-page:focus-visible { break-after: page; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-page:focus-within { break-after: page; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-lg-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-lg-hover-break-after-left:hover { break-after: left; }
  html[data-theme="dark"] .dark-lg-focus-break-after-left:focus { break-after: left; }
  html[data-theme="dark"] .dark-lg-active-break-after-left:active { break-after: left; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-left:disabled { break-after: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-left:focus-visible { break-after: left; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-left:focus-within { break-after: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-lg-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-lg-hover-break-after-right:hover { break-after: right; }
  html[data-theme="dark"] .dark-lg-focus-break-after-right:focus { break-after: right; }
  html[data-theme="dark"] .dark-lg-active-break-after-right:active { break-after: right; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-right:disabled { break-after: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-right:focus-visible { break-after: right; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-right:focus-within { break-after: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-lg-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-lg-hover-break-after-column:hover { break-after: column; }
  html[data-theme="dark"] .dark-lg-focus-break-after-column:focus { break-after: column; }
  html[data-theme="dark"] .dark-lg-active-break-after-column:active { break-after: column; }
  html[data-theme="dark"] .dark-lg-disabled-break-after-column:disabled { break-after: column; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-after-column:focus-visible { break-after: column; }
  html[data-theme="dark"] .dark-lg-focus-within-break-after-column:focus-within { break-after: column; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-lg-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-lg-hover-break-before-auto:hover { break-before: auto; }
  html[data-theme="dark"] .dark-lg-focus-break-before-auto:focus { break-before: auto; }
  html[data-theme="dark"] .dark-lg-active-break-before-auto:active { break-before: auto; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-auto:disabled { break-before: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-auto:focus-within { break-before: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-lg-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-hover-break-before-avoid:hover { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-focus-break-before-avoid:focus { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-active-break-before-avoid:active { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-avoid:disabled { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-lg-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-lg-hover-break-before-all:hover { break-before: all; }
  html[data-theme="dark"] .dark-lg-focus-break-before-all:focus { break-before: all; }
  html[data-theme="dark"] .dark-lg-active-break-before-all:active { break-before: all; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-all:disabled { break-before: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-all:focus-visible { break-before: all; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-all:focus-within { break-before: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-lg-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-active-break-before-avoid-page:active { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-lg-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-lg-hover-break-before-page:hover { break-before: page; }
  html[data-theme="dark"] .dark-lg-focus-break-before-page:focus { break-before: page; }
  html[data-theme="dark"] .dark-lg-active-break-before-page:active { break-before: page; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-page:disabled { break-before: page; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-page:focus-visible { break-before: page; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-page:focus-within { break-before: page; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-lg-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-lg-hover-break-before-left:hover { break-before: left; }
  html[data-theme="dark"] .dark-lg-focus-break-before-left:focus { break-before: left; }
  html[data-theme="dark"] .dark-lg-active-break-before-left:active { break-before: left; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-left:disabled { break-before: left; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-left:focus-visible { break-before: left; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-left:focus-within { break-before: left; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-lg-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-lg-hover-break-before-right:hover { break-before: right; }
  html[data-theme="dark"] .dark-lg-focus-break-before-right:focus { break-before: right; }
  html[data-theme="dark"] .dark-lg-active-break-before-right:active { break-before: right; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-right:disabled { break-before: right; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-right:focus-visible { break-before: right; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-right:focus-within { break-before: right; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-lg-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-lg-hover-break-before-column:hover { break-before: column; }
  html[data-theme="dark"] .dark-lg-focus-break-before-column:focus { break-before: column; }
  html[data-theme="dark"] .dark-lg-active-break-before-column:active { break-before: column; }
  html[data-theme="dark"] .dark-lg-disabled-break-before-column:disabled { break-before: column; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-before-column:focus-visible { break-before: column; }
  html[data-theme="dark"] .dark-lg-focus-within-break-before-column:focus-within { break-before: column; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-lg-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-hover-break-inside-auto:hover { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-focus-break-inside-auto:focus { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-active-break-inside-auto:active { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-disabled-break-inside-auto:disabled { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-lg-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-hover-break-inside-avoid:hover { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-focus-break-inside-avoid:focus { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-active-break-inside-avoid:active { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-lg-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-lg-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-lg-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-lg-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-lg-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-lg-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-lg-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-lg-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-hover-clip-circle:hover { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-focus-clip-circle:focus { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-active-clip-circle:active { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-circle:disabled { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-lg-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-lg-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-hover-clip-inset:hover { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-focus-clip-inset:focus { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-active-clip-inset:active { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-inset:disabled { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-lg-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-lg-outline-none { outline: none; }
  html[data-theme="dark"] .dark-lg-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-lg-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-lg-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-lg-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-hover-outline-solid:hover { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-outline-solid:focus { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-active-outline-solid:active { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-disabled-outline-solid:disabled { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-solid:focus-within { outline-style: solid; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-lg-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-hover-outline-dashed:hover { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-outline-dashed:focus { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-active-outline-dashed:active { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-disabled-outline-dashed:disabled { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-lg-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-0:hover { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-0:focus { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-0:active { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-0:disabled { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-lg-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-2:hover { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-2:focus { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-2:active { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-lg-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-hover-outline-offset-4:hover { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-outline-offset-4:focus { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-active-outline-offset-4:active { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-lg-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-hover-shadow-none:hover { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-focus-shadow-none:focus { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-active-shadow-none:active { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-disabled-shadow-none:disabled { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-none:focus-within { box-shadow: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-lg-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-lg-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-lg-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-lg-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-lg-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-lg-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-lg-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-hover-accent-current:hover { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-accent-current:focus { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-active-accent-current:active { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-disabled-accent-current:disabled { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-focus-within-accent-current:focus-within { accent-color: currentColor; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-lg-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-lg-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-lg-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-lg-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-lg-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-lg-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-lg-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-lg-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-lg-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-lg-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-lg-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-active-overscroll-auto:active { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-lg-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-active-overscroll-contain:active { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-lg-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-none:hover { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-none:focus { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-active-overscroll-none:active { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-lg-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-lg-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-lg-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-lg-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-lg-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-lg-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-lg-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-lg-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-lg-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-lg-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-lg-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-lg-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-lg-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-lg-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-lg-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-active-bg-primary:active { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-lg-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-active-bg-success:active { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-lg-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-lg-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-lg-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-active-bg-info:active { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-lg-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-lg-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-lg-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-lg-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-active-bg-link:active { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-hover-text-primary:hover { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-text-primary:focus { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-active-text-primary:active { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-disabled-text-primary:disabled { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-lg-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-active-text-secondary:active { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-lg-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-hover-text-success:hover { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-focus-text-success:focus { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-active-text-success:active { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-disabled-text-success:disabled { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-lg-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-hover-text-warning:hover { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-focus-text-warning:focus { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-active-text-warning:active { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-lg-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-hover-text-danger:hover { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-focus-text-danger:focus { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-active-text-danger:active { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-lg-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-hover-text-info:hover { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-focus-text-info:focus { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-active-text-info:active { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-disabled-text-info:disabled { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-lg-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-active-text-neutral:active { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-lg-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-hover-text-accent:hover { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-focus-text-accent:focus { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-active-text-accent:active { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-lg-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-active-text-ghost:active { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-lg-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-hover-text-link:hover { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-text-link:focus { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-active-text-link:active { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-disabled-text-link:disabled { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-active-border-primary:active { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-lg-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-lg-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-hover-border-success:hover { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-focus-border-success:focus { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-active-border-success:active { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-lg-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-active-border-warning:active { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-lg-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-active-border-danger:active { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-lg-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-hover-border-info:hover { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-focus-border-info:focus { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-active-border-info:active { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-lg-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-lg-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-active-border-accent:active { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-lg-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-lg-border-link { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-hover-border-link:hover { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-border-link:focus { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-active-border-link:active { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-lg-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .lg-group:hover .dark-lg-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1280px) {
  .xl-p-auto { padding: auto; }
  .xl-hover-p-auto:hover { padding: auto; }
  .xl-focus-p-auto:focus { padding: auto; }
  .xl-active-p-auto:active { padding: auto; }
  .xl-disabled-p-auto:disabled { padding: auto; }
  .xl-focus-visible-p-auto:focus-visible { padding: auto; }
  .xl-focus-within-p-auto:focus-within { padding: auto; }
  .xl-group:hover .xl-group-hover-p-auto { padding: auto; }
  .xl-p-0 { padding: 0; }
  .xl-hover-p-0:hover { padding: 0; }
  .xl-focus-p-0:focus { padding: 0; }
  .xl-active-p-0:active { padding: 0; }
  .xl-disabled-p-0:disabled { padding: 0; }
  .xl-focus-visible-p-0:focus-visible { padding: 0; }
  .xl-focus-within-p-0:focus-within { padding: 0; }
  .xl-group:hover .xl-group-hover-p-0 { padding: 0; }
  .xl-p-1 { padding: 0.25rem; }
  .xl-hover-p-1:hover { padding: 0.25rem; }
  .xl-focus-p-1:focus { padding: 0.25rem; }
  .xl-active-p-1:active { padding: 0.25rem; }
  .xl-disabled-p-1:disabled { padding: 0.25rem; }
  .xl-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  .xl-focus-within-p-1:focus-within { padding: 0.25rem; }
  .xl-group:hover .xl-group-hover-p-1 { padding: 0.25rem; }
  .xl-p-2 { padding: 0.5rem; }
  .xl-hover-p-2:hover { padding: 0.5rem; }
  .xl-focus-p-2:focus { padding: 0.5rem; }
  .xl-active-p-2:active { padding: 0.5rem; }
  .xl-disabled-p-2:disabled { padding: 0.5rem; }
  .xl-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  .xl-focus-within-p-2:focus-within { padding: 0.5rem; }
  .xl-group:hover .xl-group-hover-p-2 { padding: 0.5rem; }
  .xl-p-3 { padding: 0.75rem; }
  .xl-hover-p-3:hover { padding: 0.75rem; }
  .xl-focus-p-3:focus { padding: 0.75rem; }
  .xl-active-p-3:active { padding: 0.75rem; }
  .xl-disabled-p-3:disabled { padding: 0.75rem; }
  .xl-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  .xl-focus-within-p-3:focus-within { padding: 0.75rem; }
  .xl-group:hover .xl-group-hover-p-3 { padding: 0.75rem; }
  .xl-p-4 { padding: 1rem; }
  .xl-hover-p-4:hover { padding: 1rem; }
  .xl-focus-p-4:focus { padding: 1rem; }
  .xl-active-p-4:active { padding: 1rem; }
  .xl-disabled-p-4:disabled { padding: 1rem; }
  .xl-focus-visible-p-4:focus-visible { padding: 1rem; }
  .xl-focus-within-p-4:focus-within { padding: 1rem; }
  .xl-group:hover .xl-group-hover-p-4 { padding: 1rem; }
  .xl-p-5 { padding: 1.25rem; }
  .xl-hover-p-5:hover { padding: 1.25rem; }
  .xl-focus-p-5:focus { padding: 1.25rem; }
  .xl-active-p-5:active { padding: 1.25rem; }
  .xl-disabled-p-5:disabled { padding: 1.25rem; }
  .xl-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  .xl-focus-within-p-5:focus-within { padding: 1.25rem; }
  .xl-group:hover .xl-group-hover-p-5 { padding: 1.25rem; }
  .xl-p-6 { padding: 1.5rem; }
  .xl-hover-p-6:hover { padding: 1.5rem; }
  .xl-focus-p-6:focus { padding: 1.5rem; }
  .xl-active-p-6:active { padding: 1.5rem; }
  .xl-disabled-p-6:disabled { padding: 1.5rem; }
  .xl-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  .xl-focus-within-p-6:focus-within { padding: 1.5rem; }
  .xl-group:hover .xl-group-hover-p-6 { padding: 1.5rem; }
  .xl-p-8 { padding: 2rem; }
  .xl-hover-p-8:hover { padding: 2rem; }
  .xl-focus-p-8:focus { padding: 2rem; }
  .xl-active-p-8:active { padding: 2rem; }
  .xl-disabled-p-8:disabled { padding: 2rem; }
  .xl-focus-visible-p-8:focus-visible { padding: 2rem; }
  .xl-focus-within-p-8:focus-within { padding: 2rem; }
  .xl-group:hover .xl-group-hover-p-8 { padding: 2rem; }
  .xl-p-10 { padding: 2.5rem; }
  .xl-hover-p-10:hover { padding: 2.5rem; }
  .xl-focus-p-10:focus { padding: 2.5rem; }
  .xl-active-p-10:active { padding: 2.5rem; }
  .xl-disabled-p-10:disabled { padding: 2.5rem; }
  .xl-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  .xl-focus-within-p-10:focus-within { padding: 2.5rem; }
  .xl-group:hover .xl-group-hover-p-10 { padding: 2.5rem; }
  .xl-p-12 { padding: 3rem; }
  .xl-hover-p-12:hover { padding: 3rem; }
  .xl-focus-p-12:focus { padding: 3rem; }
  .xl-active-p-12:active { padding: 3rem; }
  .xl-disabled-p-12:disabled { padding: 3rem; }
  .xl-focus-visible-p-12:focus-visible { padding: 3rem; }
  .xl-focus-within-p-12:focus-within { padding: 3rem; }
  .xl-group:hover .xl-group-hover-p-12 { padding: 3rem; }
  .xl-p-16 { padding: 4rem; }
  .xl-hover-p-16:hover { padding: 4rem; }
  .xl-focus-p-16:focus { padding: 4rem; }
  .xl-active-p-16:active { padding: 4rem; }
  .xl-disabled-p-16:disabled { padding: 4rem; }
  .xl-focus-visible-p-16:focus-visible { padding: 4rem; }
  .xl-focus-within-p-16:focus-within { padding: 4rem; }
  .xl-group:hover .xl-group-hover-p-16 { padding: 4rem; }
  .xl-p-20 { padding: 5rem; }
  .xl-hover-p-20:hover { padding: 5rem; }
  .xl-focus-p-20:focus { padding: 5rem; }
  .xl-active-p-20:active { padding: 5rem; }
  .xl-disabled-p-20:disabled { padding: 5rem; }
  .xl-focus-visible-p-20:focus-visible { padding: 5rem; }
  .xl-focus-within-p-20:focus-within { padding: 5rem; }
  .xl-group:hover .xl-group-hover-p-20 { padding: 5rem; }
  .xl-p-24 { padding: 6rem; }
  .xl-hover-p-24:hover { padding: 6rem; }
  .xl-focus-p-24:focus { padding: 6rem; }
  .xl-active-p-24:active { padding: 6rem; }
  .xl-disabled-p-24:disabled { padding: 6rem; }
  .xl-focus-visible-p-24:focus-visible { padding: 6rem; }
  .xl-focus-within-p-24:focus-within { padding: 6rem; }
  .xl-group:hover .xl-group-hover-p-24 { padding: 6rem; }
  .xl-p-28 { padding: 7rem; }
  .xl-hover-p-28:hover { padding: 7rem; }
  .xl-focus-p-28:focus { padding: 7rem; }
  .xl-active-p-28:active { padding: 7rem; }
  .xl-disabled-p-28:disabled { padding: 7rem; }
  .xl-focus-visible-p-28:focus-visible { padding: 7rem; }
  .xl-focus-within-p-28:focus-within { padding: 7rem; }
  .xl-group:hover .xl-group-hover-p-28 { padding: 7rem; }
  .xl-p-32 { padding: 8rem; }
  .xl-hover-p-32:hover { padding: 8rem; }
  .xl-focus-p-32:focus { padding: 8rem; }
  .xl-active-p-32:active { padding: 8rem; }
  .xl-disabled-p-32:disabled { padding: 8rem; }
  .xl-focus-visible-p-32:focus-visible { padding: 8rem; }
  .xl-focus-within-p-32:focus-within { padding: 8rem; }
  .xl-group:hover .xl-group-hover-p-32 { padding: 8rem; }
  .xl-pt-auto { padding-top: auto; }
  .xl-hover-pt-auto:hover { padding-top: auto; }
  .xl-focus-pt-auto:focus { padding-top: auto; }
  .xl-active-pt-auto:active { padding-top: auto; }
  .xl-disabled-pt-auto:disabled { padding-top: auto; }
  .xl-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  .xl-focus-within-pt-auto:focus-within { padding-top: auto; }
  .xl-group:hover .xl-group-hover-pt-auto { padding-top: auto; }
  .xl-pt-0 { padding-top: 0; }
  .xl-hover-pt-0:hover { padding-top: 0; }
  .xl-focus-pt-0:focus { padding-top: 0; }
  .xl-active-pt-0:active { padding-top: 0; }
  .xl-disabled-pt-0:disabled { padding-top: 0; }
  .xl-focus-visible-pt-0:focus-visible { padding-top: 0; }
  .xl-focus-within-pt-0:focus-within { padding-top: 0; }
  .xl-group:hover .xl-group-hover-pt-0 { padding-top: 0; }
  .xl-pt-1 { padding-top: 0.25rem; }
  .xl-hover-pt-1:hover { padding-top: 0.25rem; }
  .xl-focus-pt-1:focus { padding-top: 0.25rem; }
  .xl-active-pt-1:active { padding-top: 0.25rem; }
  .xl-disabled-pt-1:disabled { padding-top: 0.25rem; }
  .xl-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  .xl-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  .xl-group:hover .xl-group-hover-pt-1 { padding-top: 0.25rem; }
  .xl-pt-2 { padding-top: 0.5rem; }
  .xl-hover-pt-2:hover { padding-top: 0.5rem; }
  .xl-focus-pt-2:focus { padding-top: 0.5rem; }
  .xl-active-pt-2:active { padding-top: 0.5rem; }
  .xl-disabled-pt-2:disabled { padding-top: 0.5rem; }
  .xl-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  .xl-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  .xl-group:hover .xl-group-hover-pt-2 { padding-top: 0.5rem; }
  .xl-pt-3 { padding-top: 0.75rem; }
  .xl-hover-pt-3:hover { padding-top: 0.75rem; }
  .xl-focus-pt-3:focus { padding-top: 0.75rem; }
  .xl-active-pt-3:active { padding-top: 0.75rem; }
  .xl-disabled-pt-3:disabled { padding-top: 0.75rem; }
  .xl-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  .xl-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  .xl-group:hover .xl-group-hover-pt-3 { padding-top: 0.75rem; }
  .xl-pt-4 { padding-top: 1rem; }
  .xl-hover-pt-4:hover { padding-top: 1rem; }
  .xl-focus-pt-4:focus { padding-top: 1rem; }
  .xl-active-pt-4:active { padding-top: 1rem; }
  .xl-disabled-pt-4:disabled { padding-top: 1rem; }
  .xl-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  .xl-focus-within-pt-4:focus-within { padding-top: 1rem; }
  .xl-group:hover .xl-group-hover-pt-4 { padding-top: 1rem; }
  .xl-pt-5 { padding-top: 1.25rem; }
  .xl-hover-pt-5:hover { padding-top: 1.25rem; }
  .xl-focus-pt-5:focus { padding-top: 1.25rem; }
  .xl-active-pt-5:active { padding-top: 1.25rem; }
  .xl-disabled-pt-5:disabled { padding-top: 1.25rem; }
  .xl-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  .xl-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  .xl-group:hover .xl-group-hover-pt-5 { padding-top: 1.25rem; }
  .xl-pt-6 { padding-top: 1.5rem; }
  .xl-hover-pt-6:hover { padding-top: 1.5rem; }
  .xl-focus-pt-6:focus { padding-top: 1.5rem; }
  .xl-active-pt-6:active { padding-top: 1.5rem; }
  .xl-disabled-pt-6:disabled { padding-top: 1.5rem; }
  .xl-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  .xl-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  .xl-group:hover .xl-group-hover-pt-6 { padding-top: 1.5rem; }
  .xl-pt-8 { padding-top: 2rem; }
  .xl-hover-pt-8:hover { padding-top: 2rem; }
  .xl-focus-pt-8:focus { padding-top: 2rem; }
  .xl-active-pt-8:active { padding-top: 2rem; }
  .xl-disabled-pt-8:disabled { padding-top: 2rem; }
  .xl-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  .xl-focus-within-pt-8:focus-within { padding-top: 2rem; }
  .xl-group:hover .xl-group-hover-pt-8 { padding-top: 2rem; }
  .xl-pt-10 { padding-top: 2.5rem; }
  .xl-hover-pt-10:hover { padding-top: 2.5rem; }
  .xl-focus-pt-10:focus { padding-top: 2.5rem; }
  .xl-active-pt-10:active { padding-top: 2.5rem; }
  .xl-disabled-pt-10:disabled { padding-top: 2.5rem; }
  .xl-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  .xl-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  .xl-group:hover .xl-group-hover-pt-10 { padding-top: 2.5rem; }
  .xl-pt-12 { padding-top: 3rem; }
  .xl-hover-pt-12:hover { padding-top: 3rem; }
  .xl-focus-pt-12:focus { padding-top: 3rem; }
  .xl-active-pt-12:active { padding-top: 3rem; }
  .xl-disabled-pt-12:disabled { padding-top: 3rem; }
  .xl-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  .xl-focus-within-pt-12:focus-within { padding-top: 3rem; }
  .xl-group:hover .xl-group-hover-pt-12 { padding-top: 3rem; }
  .xl-pt-16 { padding-top: 4rem; }
  .xl-hover-pt-16:hover { padding-top: 4rem; }
  .xl-focus-pt-16:focus { padding-top: 4rem; }
  .xl-active-pt-16:active { padding-top: 4rem; }
  .xl-disabled-pt-16:disabled { padding-top: 4rem; }
  .xl-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  .xl-focus-within-pt-16:focus-within { padding-top: 4rem; }
  .xl-group:hover .xl-group-hover-pt-16 { padding-top: 4rem; }
  .xl-pt-20 { padding-top: 5rem; }
  .xl-hover-pt-20:hover { padding-top: 5rem; }
  .xl-focus-pt-20:focus { padding-top: 5rem; }
  .xl-active-pt-20:active { padding-top: 5rem; }
  .xl-disabled-pt-20:disabled { padding-top: 5rem; }
  .xl-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  .xl-focus-within-pt-20:focus-within { padding-top: 5rem; }
  .xl-group:hover .xl-group-hover-pt-20 { padding-top: 5rem; }
  .xl-pt-24 { padding-top: 6rem; }
  .xl-hover-pt-24:hover { padding-top: 6rem; }
  .xl-focus-pt-24:focus { padding-top: 6rem; }
  .xl-active-pt-24:active { padding-top: 6rem; }
  .xl-disabled-pt-24:disabled { padding-top: 6rem; }
  .xl-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  .xl-focus-within-pt-24:focus-within { padding-top: 6rem; }
  .xl-group:hover .xl-group-hover-pt-24 { padding-top: 6rem; }
  .xl-pt-28 { padding-top: 7rem; }
  .xl-hover-pt-28:hover { padding-top: 7rem; }
  .xl-focus-pt-28:focus { padding-top: 7rem; }
  .xl-active-pt-28:active { padding-top: 7rem; }
  .xl-disabled-pt-28:disabled { padding-top: 7rem; }
  .xl-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  .xl-focus-within-pt-28:focus-within { padding-top: 7rem; }
  .xl-group:hover .xl-group-hover-pt-28 { padding-top: 7rem; }
  .xl-pt-32 { padding-top: 8rem; }
  .xl-hover-pt-32:hover { padding-top: 8rem; }
  .xl-focus-pt-32:focus { padding-top: 8rem; }
  .xl-active-pt-32:active { padding-top: 8rem; }
  .xl-disabled-pt-32:disabled { padding-top: 8rem; }
  .xl-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  .xl-focus-within-pt-32:focus-within { padding-top: 8rem; }
  .xl-group:hover .xl-group-hover-pt-32 { padding-top: 8rem; }
  .xl-pb-auto { padding-bottom: auto; }
  .xl-hover-pb-auto:hover { padding-bottom: auto; }
  .xl-focus-pb-auto:focus { padding-bottom: auto; }
  .xl-active-pb-auto:active { padding-bottom: auto; }
  .xl-disabled-pb-auto:disabled { padding-bottom: auto; }
  .xl-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  .xl-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  .xl-group:hover .xl-group-hover-pb-auto { padding-bottom: auto; }
  .xl-pb-0 { padding-bottom: 0; }
  .xl-hover-pb-0:hover { padding-bottom: 0; }
  .xl-focus-pb-0:focus { padding-bottom: 0; }
  .xl-active-pb-0:active { padding-bottom: 0; }
  .xl-disabled-pb-0:disabled { padding-bottom: 0; }
  .xl-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  .xl-focus-within-pb-0:focus-within { padding-bottom: 0; }
  .xl-group:hover .xl-group-hover-pb-0 { padding-bottom: 0; }
  .xl-pb-1 { padding-bottom: 0.25rem; }
  .xl-hover-pb-1:hover { padding-bottom: 0.25rem; }
  .xl-focus-pb-1:focus { padding-bottom: 0.25rem; }
  .xl-active-pb-1:active { padding-bottom: 0.25rem; }
  .xl-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  .xl-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  .xl-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  .xl-group:hover .xl-group-hover-pb-1 { padding-bottom: 0.25rem; }
  .xl-pb-2 { padding-bottom: 0.5rem; }
  .xl-hover-pb-2:hover { padding-bottom: 0.5rem; }
  .xl-focus-pb-2:focus { padding-bottom: 0.5rem; }
  .xl-active-pb-2:active { padding-bottom: 0.5rem; }
  .xl-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  .xl-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  .xl-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  .xl-group:hover .xl-group-hover-pb-2 { padding-bottom: 0.5rem; }
  .xl-pb-3 { padding-bottom: 0.75rem; }
  .xl-hover-pb-3:hover { padding-bottom: 0.75rem; }
  .xl-focus-pb-3:focus { padding-bottom: 0.75rem; }
  .xl-active-pb-3:active { padding-bottom: 0.75rem; }
  .xl-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  .xl-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  .xl-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  .xl-group:hover .xl-group-hover-pb-3 { padding-bottom: 0.75rem; }
  .xl-pb-4 { padding-bottom: 1rem; }
  .xl-hover-pb-4:hover { padding-bottom: 1rem; }
  .xl-focus-pb-4:focus { padding-bottom: 1rem; }
  .xl-active-pb-4:active { padding-bottom: 1rem; }
  .xl-disabled-pb-4:disabled { padding-bottom: 1rem; }
  .xl-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  .xl-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  .xl-group:hover .xl-group-hover-pb-4 { padding-bottom: 1rem; }
  .xl-pb-5 { padding-bottom: 1.25rem; }
  .xl-hover-pb-5:hover { padding-bottom: 1.25rem; }
  .xl-focus-pb-5:focus { padding-bottom: 1.25rem; }
  .xl-active-pb-5:active { padding-bottom: 1.25rem; }
  .xl-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  .xl-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  .xl-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  .xl-group:hover .xl-group-hover-pb-5 { padding-bottom: 1.25rem; }
  .xl-pb-6 { padding-bottom: 1.5rem; }
  .xl-hover-pb-6:hover { padding-bottom: 1.5rem; }
  .xl-focus-pb-6:focus { padding-bottom: 1.5rem; }
  .xl-active-pb-6:active { padding-bottom: 1.5rem; }
  .xl-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  .xl-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  .xl-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  .xl-group:hover .xl-group-hover-pb-6 { padding-bottom: 1.5rem; }
  .xl-pb-8 { padding-bottom: 2rem; }
  .xl-hover-pb-8:hover { padding-bottom: 2rem; }
  .xl-focus-pb-8:focus { padding-bottom: 2rem; }
  .xl-active-pb-8:active { padding-bottom: 2rem; }
  .xl-disabled-pb-8:disabled { padding-bottom: 2rem; }
  .xl-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  .xl-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  .xl-group:hover .xl-group-hover-pb-8 { padding-bottom: 2rem; }
  .xl-pb-10 { padding-bottom: 2.5rem; }
  .xl-hover-pb-10:hover { padding-bottom: 2.5rem; }
  .xl-focus-pb-10:focus { padding-bottom: 2.5rem; }
  .xl-active-pb-10:active { padding-bottom: 2.5rem; }
  .xl-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  .xl-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  .xl-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  .xl-group:hover .xl-group-hover-pb-10 { padding-bottom: 2.5rem; }
  .xl-pb-12 { padding-bottom: 3rem; }
  .xl-hover-pb-12:hover { padding-bottom: 3rem; }
  .xl-focus-pb-12:focus { padding-bottom: 3rem; }
  .xl-active-pb-12:active { padding-bottom: 3rem; }
  .xl-disabled-pb-12:disabled { padding-bottom: 3rem; }
  .xl-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  .xl-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  .xl-group:hover .xl-group-hover-pb-12 { padding-bottom: 3rem; }
  .xl-pb-16 { padding-bottom: 4rem; }
  .xl-hover-pb-16:hover { padding-bottom: 4rem; }
  .xl-focus-pb-16:focus { padding-bottom: 4rem; }
  .xl-active-pb-16:active { padding-bottom: 4rem; }
  .xl-disabled-pb-16:disabled { padding-bottom: 4rem; }
  .xl-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  .xl-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  .xl-group:hover .xl-group-hover-pb-16 { padding-bottom: 4rem; }
  .xl-pb-20 { padding-bottom: 5rem; }
  .xl-hover-pb-20:hover { padding-bottom: 5rem; }
  .xl-focus-pb-20:focus { padding-bottom: 5rem; }
  .xl-active-pb-20:active { padding-bottom: 5rem; }
  .xl-disabled-pb-20:disabled { padding-bottom: 5rem; }
  .xl-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  .xl-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  .xl-group:hover .xl-group-hover-pb-20 { padding-bottom: 5rem; }
  .xl-pb-24 { padding-bottom: 6rem; }
  .xl-hover-pb-24:hover { padding-bottom: 6rem; }
  .xl-focus-pb-24:focus { padding-bottom: 6rem; }
  .xl-active-pb-24:active { padding-bottom: 6rem; }
  .xl-disabled-pb-24:disabled { padding-bottom: 6rem; }
  .xl-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  .xl-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  .xl-group:hover .xl-group-hover-pb-24 { padding-bottom: 6rem; }
  .xl-pb-28 { padding-bottom: 7rem; }
  .xl-hover-pb-28:hover { padding-bottom: 7rem; }
  .xl-focus-pb-28:focus { padding-bottom: 7rem; }
  .xl-active-pb-28:active { padding-bottom: 7rem; }
  .xl-disabled-pb-28:disabled { padding-bottom: 7rem; }
  .xl-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  .xl-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  .xl-group:hover .xl-group-hover-pb-28 { padding-bottom: 7rem; }
  .xl-pb-32 { padding-bottom: 8rem; }
  .xl-hover-pb-32:hover { padding-bottom: 8rem; }
  .xl-focus-pb-32:focus { padding-bottom: 8rem; }
  .xl-active-pb-32:active { padding-bottom: 8rem; }
  .xl-disabled-pb-32:disabled { padding-bottom: 8rem; }
  .xl-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  .xl-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  .xl-group:hover .xl-group-hover-pb-32 { padding-bottom: 8rem; }
  .xl-pl-auto { padding-left: auto; }
  .xl-hover-pl-auto:hover { padding-left: auto; }
  .xl-focus-pl-auto:focus { padding-left: auto; }
  .xl-active-pl-auto:active { padding-left: auto; }
  .xl-disabled-pl-auto:disabled { padding-left: auto; }
  .xl-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  .xl-focus-within-pl-auto:focus-within { padding-left: auto; }
  .xl-group:hover .xl-group-hover-pl-auto { padding-left: auto; }
  .xl-pl-0 { padding-left: 0; }
  .xl-hover-pl-0:hover { padding-left: 0; }
  .xl-focus-pl-0:focus { padding-left: 0; }
  .xl-active-pl-0:active { padding-left: 0; }
  .xl-disabled-pl-0:disabled { padding-left: 0; }
  .xl-focus-visible-pl-0:focus-visible { padding-left: 0; }
  .xl-focus-within-pl-0:focus-within { padding-left: 0; }
  .xl-group:hover .xl-group-hover-pl-0 { padding-left: 0; }
  .xl-pl-1 { padding-left: 0.25rem; }
  .xl-hover-pl-1:hover { padding-left: 0.25rem; }
  .xl-focus-pl-1:focus { padding-left: 0.25rem; }
  .xl-active-pl-1:active { padding-left: 0.25rem; }
  .xl-disabled-pl-1:disabled { padding-left: 0.25rem; }
  .xl-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  .xl-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  .xl-group:hover .xl-group-hover-pl-1 { padding-left: 0.25rem; }
  .xl-pl-2 { padding-left: 0.5rem; }
  .xl-hover-pl-2:hover { padding-left: 0.5rem; }
  .xl-focus-pl-2:focus { padding-left: 0.5rem; }
  .xl-active-pl-2:active { padding-left: 0.5rem; }
  .xl-disabled-pl-2:disabled { padding-left: 0.5rem; }
  .xl-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  .xl-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  .xl-group:hover .xl-group-hover-pl-2 { padding-left: 0.5rem; }
  .xl-pl-3 { padding-left: 0.75rem; }
  .xl-hover-pl-3:hover { padding-left: 0.75rem; }
  .xl-focus-pl-3:focus { padding-left: 0.75rem; }
  .xl-active-pl-3:active { padding-left: 0.75rem; }
  .xl-disabled-pl-3:disabled { padding-left: 0.75rem; }
  .xl-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  .xl-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  .xl-group:hover .xl-group-hover-pl-3 { padding-left: 0.75rem; }
  .xl-pl-4 { padding-left: 1rem; }
  .xl-hover-pl-4:hover { padding-left: 1rem; }
  .xl-focus-pl-4:focus { padding-left: 1rem; }
  .xl-active-pl-4:active { padding-left: 1rem; }
  .xl-disabled-pl-4:disabled { padding-left: 1rem; }
  .xl-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  .xl-focus-within-pl-4:focus-within { padding-left: 1rem; }
  .xl-group:hover .xl-group-hover-pl-4 { padding-left: 1rem; }
  .xl-pl-5 { padding-left: 1.25rem; }
  .xl-hover-pl-5:hover { padding-left: 1.25rem; }
  .xl-focus-pl-5:focus { padding-left: 1.25rem; }
  .xl-active-pl-5:active { padding-left: 1.25rem; }
  .xl-disabled-pl-5:disabled { padding-left: 1.25rem; }
  .xl-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  .xl-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  .xl-group:hover .xl-group-hover-pl-5 { padding-left: 1.25rem; }
  .xl-pl-6 { padding-left: 1.5rem; }
  .xl-hover-pl-6:hover { padding-left: 1.5rem; }
  .xl-focus-pl-6:focus { padding-left: 1.5rem; }
  .xl-active-pl-6:active { padding-left: 1.5rem; }
  .xl-disabled-pl-6:disabled { padding-left: 1.5rem; }
  .xl-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  .xl-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  .xl-group:hover .xl-group-hover-pl-6 { padding-left: 1.5rem; }
  .xl-pl-8 { padding-left: 2rem; }
  .xl-hover-pl-8:hover { padding-left: 2rem; }
  .xl-focus-pl-8:focus { padding-left: 2rem; }
  .xl-active-pl-8:active { padding-left: 2rem; }
  .xl-disabled-pl-8:disabled { padding-left: 2rem; }
  .xl-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  .xl-focus-within-pl-8:focus-within { padding-left: 2rem; }
  .xl-group:hover .xl-group-hover-pl-8 { padding-left: 2rem; }
  .xl-pl-10 { padding-left: 2.5rem; }
  .xl-hover-pl-10:hover { padding-left: 2.5rem; }
  .xl-focus-pl-10:focus { padding-left: 2.5rem; }
  .xl-active-pl-10:active { padding-left: 2.5rem; }
  .xl-disabled-pl-10:disabled { padding-left: 2.5rem; }
  .xl-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  .xl-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  .xl-group:hover .xl-group-hover-pl-10 { padding-left: 2.5rem; }
  .xl-pl-12 { padding-left: 3rem; }
  .xl-hover-pl-12:hover { padding-left: 3rem; }
  .xl-focus-pl-12:focus { padding-left: 3rem; }
  .xl-active-pl-12:active { padding-left: 3rem; }
  .xl-disabled-pl-12:disabled { padding-left: 3rem; }
  .xl-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  .xl-focus-within-pl-12:focus-within { padding-left: 3rem; }
  .xl-group:hover .xl-group-hover-pl-12 { padding-left: 3rem; }
  .xl-pl-16 { padding-left: 4rem; }
  .xl-hover-pl-16:hover { padding-left: 4rem; }
  .xl-focus-pl-16:focus { padding-left: 4rem; }
  .xl-active-pl-16:active { padding-left: 4rem; }
  .xl-disabled-pl-16:disabled { padding-left: 4rem; }
  .xl-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  .xl-focus-within-pl-16:focus-within { padding-left: 4rem; }
  .xl-group:hover .xl-group-hover-pl-16 { padding-left: 4rem; }
  .xl-pl-20 { padding-left: 5rem; }
  .xl-hover-pl-20:hover { padding-left: 5rem; }
  .xl-focus-pl-20:focus { padding-left: 5rem; }
  .xl-active-pl-20:active { padding-left: 5rem; }
  .xl-disabled-pl-20:disabled { padding-left: 5rem; }
  .xl-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  .xl-focus-within-pl-20:focus-within { padding-left: 5rem; }
  .xl-group:hover .xl-group-hover-pl-20 { padding-left: 5rem; }
  .xl-pl-24 { padding-left: 6rem; }
  .xl-hover-pl-24:hover { padding-left: 6rem; }
  .xl-focus-pl-24:focus { padding-left: 6rem; }
  .xl-active-pl-24:active { padding-left: 6rem; }
  .xl-disabled-pl-24:disabled { padding-left: 6rem; }
  .xl-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  .xl-focus-within-pl-24:focus-within { padding-left: 6rem; }
  .xl-group:hover .xl-group-hover-pl-24 { padding-left: 6rem; }
  .xl-pl-28 { padding-left: 7rem; }
  .xl-hover-pl-28:hover { padding-left: 7rem; }
  .xl-focus-pl-28:focus { padding-left: 7rem; }
  .xl-active-pl-28:active { padding-left: 7rem; }
  .xl-disabled-pl-28:disabled { padding-left: 7rem; }
  .xl-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  .xl-focus-within-pl-28:focus-within { padding-left: 7rem; }
  .xl-group:hover .xl-group-hover-pl-28 { padding-left: 7rem; }
  .xl-pl-32 { padding-left: 8rem; }
  .xl-hover-pl-32:hover { padding-left: 8rem; }
  .xl-focus-pl-32:focus { padding-left: 8rem; }
  .xl-active-pl-32:active { padding-left: 8rem; }
  .xl-disabled-pl-32:disabled { padding-left: 8rem; }
  .xl-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  .xl-focus-within-pl-32:focus-within { padding-left: 8rem; }
  .xl-group:hover .xl-group-hover-pl-32 { padding-left: 8rem; }
  .xl-pr-auto { padding-right: auto; }
  .xl-hover-pr-auto:hover { padding-right: auto; }
  .xl-focus-pr-auto:focus { padding-right: auto; }
  .xl-active-pr-auto:active { padding-right: auto; }
  .xl-disabled-pr-auto:disabled { padding-right: auto; }
  .xl-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  .xl-focus-within-pr-auto:focus-within { padding-right: auto; }
  .xl-group:hover .xl-group-hover-pr-auto { padding-right: auto; }
  .xl-pr-0 { padding-right: 0; }
  .xl-hover-pr-0:hover { padding-right: 0; }
  .xl-focus-pr-0:focus { padding-right: 0; }
  .xl-active-pr-0:active { padding-right: 0; }
  .xl-disabled-pr-0:disabled { padding-right: 0; }
  .xl-focus-visible-pr-0:focus-visible { padding-right: 0; }
  .xl-focus-within-pr-0:focus-within { padding-right: 0; }
  .xl-group:hover .xl-group-hover-pr-0 { padding-right: 0; }
  .xl-pr-1 { padding-right: 0.25rem; }
  .xl-hover-pr-1:hover { padding-right: 0.25rem; }
  .xl-focus-pr-1:focus { padding-right: 0.25rem; }
  .xl-active-pr-1:active { padding-right: 0.25rem; }
  .xl-disabled-pr-1:disabled { padding-right: 0.25rem; }
  .xl-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  .xl-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  .xl-group:hover .xl-group-hover-pr-1 { padding-right: 0.25rem; }
  .xl-pr-2 { padding-right: 0.5rem; }
  .xl-hover-pr-2:hover { padding-right: 0.5rem; }
  .xl-focus-pr-2:focus { padding-right: 0.5rem; }
  .xl-active-pr-2:active { padding-right: 0.5rem; }
  .xl-disabled-pr-2:disabled { padding-right: 0.5rem; }
  .xl-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  .xl-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  .xl-group:hover .xl-group-hover-pr-2 { padding-right: 0.5rem; }
  .xl-pr-3 { padding-right: 0.75rem; }
  .xl-hover-pr-3:hover { padding-right: 0.75rem; }
  .xl-focus-pr-3:focus { padding-right: 0.75rem; }
  .xl-active-pr-3:active { padding-right: 0.75rem; }
  .xl-disabled-pr-3:disabled { padding-right: 0.75rem; }
  .xl-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  .xl-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  .xl-group:hover .xl-group-hover-pr-3 { padding-right: 0.75rem; }
  .xl-pr-4 { padding-right: 1rem; }
  .xl-hover-pr-4:hover { padding-right: 1rem; }
  .xl-focus-pr-4:focus { padding-right: 1rem; }
  .xl-active-pr-4:active { padding-right: 1rem; }
  .xl-disabled-pr-4:disabled { padding-right: 1rem; }
  .xl-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  .xl-focus-within-pr-4:focus-within { padding-right: 1rem; }
  .xl-group:hover .xl-group-hover-pr-4 { padding-right: 1rem; }
  .xl-pr-5 { padding-right: 1.25rem; }
  .xl-hover-pr-5:hover { padding-right: 1.25rem; }
  .xl-focus-pr-5:focus { padding-right: 1.25rem; }
  .xl-active-pr-5:active { padding-right: 1.25rem; }
  .xl-disabled-pr-5:disabled { padding-right: 1.25rem; }
  .xl-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  .xl-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  .xl-group:hover .xl-group-hover-pr-5 { padding-right: 1.25rem; }
  .xl-pr-6 { padding-right: 1.5rem; }
  .xl-hover-pr-6:hover { padding-right: 1.5rem; }
  .xl-focus-pr-6:focus { padding-right: 1.5rem; }
  .xl-active-pr-6:active { padding-right: 1.5rem; }
  .xl-disabled-pr-6:disabled { padding-right: 1.5rem; }
  .xl-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  .xl-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  .xl-group:hover .xl-group-hover-pr-6 { padding-right: 1.5rem; }
  .xl-pr-8 { padding-right: 2rem; }
  .xl-hover-pr-8:hover { padding-right: 2rem; }
  .xl-focus-pr-8:focus { padding-right: 2rem; }
  .xl-active-pr-8:active { padding-right: 2rem; }
  .xl-disabled-pr-8:disabled { padding-right: 2rem; }
  .xl-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  .xl-focus-within-pr-8:focus-within { padding-right: 2rem; }
  .xl-group:hover .xl-group-hover-pr-8 { padding-right: 2rem; }
  .xl-pr-10 { padding-right: 2.5rem; }
  .xl-hover-pr-10:hover { padding-right: 2.5rem; }
  .xl-focus-pr-10:focus { padding-right: 2.5rem; }
  .xl-active-pr-10:active { padding-right: 2.5rem; }
  .xl-disabled-pr-10:disabled { padding-right: 2.5rem; }
  .xl-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  .xl-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  .xl-group:hover .xl-group-hover-pr-10 { padding-right: 2.5rem; }
  .xl-pr-12 { padding-right: 3rem; }
  .xl-hover-pr-12:hover { padding-right: 3rem; }
  .xl-focus-pr-12:focus { padding-right: 3rem; }
  .xl-active-pr-12:active { padding-right: 3rem; }
  .xl-disabled-pr-12:disabled { padding-right: 3rem; }
  .xl-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  .xl-focus-within-pr-12:focus-within { padding-right: 3rem; }
  .xl-group:hover .xl-group-hover-pr-12 { padding-right: 3rem; }
  .xl-pr-16 { padding-right: 4rem; }
  .xl-hover-pr-16:hover { padding-right: 4rem; }
  .xl-focus-pr-16:focus { padding-right: 4rem; }
  .xl-active-pr-16:active { padding-right: 4rem; }
  .xl-disabled-pr-16:disabled { padding-right: 4rem; }
  .xl-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  .xl-focus-within-pr-16:focus-within { padding-right: 4rem; }
  .xl-group:hover .xl-group-hover-pr-16 { padding-right: 4rem; }
  .xl-pr-20 { padding-right: 5rem; }
  .xl-hover-pr-20:hover { padding-right: 5rem; }
  .xl-focus-pr-20:focus { padding-right: 5rem; }
  .xl-active-pr-20:active { padding-right: 5rem; }
  .xl-disabled-pr-20:disabled { padding-right: 5rem; }
  .xl-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  .xl-focus-within-pr-20:focus-within { padding-right: 5rem; }
  .xl-group:hover .xl-group-hover-pr-20 { padding-right: 5rem; }
  .xl-pr-24 { padding-right: 6rem; }
  .xl-hover-pr-24:hover { padding-right: 6rem; }
  .xl-focus-pr-24:focus { padding-right: 6rem; }
  .xl-active-pr-24:active { padding-right: 6rem; }
  .xl-disabled-pr-24:disabled { padding-right: 6rem; }
  .xl-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  .xl-focus-within-pr-24:focus-within { padding-right: 6rem; }
  .xl-group:hover .xl-group-hover-pr-24 { padding-right: 6rem; }
  .xl-pr-28 { padding-right: 7rem; }
  .xl-hover-pr-28:hover { padding-right: 7rem; }
  .xl-focus-pr-28:focus { padding-right: 7rem; }
  .xl-active-pr-28:active { padding-right: 7rem; }
  .xl-disabled-pr-28:disabled { padding-right: 7rem; }
  .xl-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  .xl-focus-within-pr-28:focus-within { padding-right: 7rem; }
  .xl-group:hover .xl-group-hover-pr-28 { padding-right: 7rem; }
  .xl-pr-32 { padding-right: 8rem; }
  .xl-hover-pr-32:hover { padding-right: 8rem; }
  .xl-focus-pr-32:focus { padding-right: 8rem; }
  .xl-active-pr-32:active { padding-right: 8rem; }
  .xl-disabled-pr-32:disabled { padding-right: 8rem; }
  .xl-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  .xl-focus-within-pr-32:focus-within { padding-right: 8rem; }
  .xl-group:hover .xl-group-hover-pr-32 { padding-right: 8rem; }
  .xl-px-auto { padding-left: auto; padding-right: auto; }
  .xl-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  .xl-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  .xl-active-px-auto:active { padding-left: auto; padding-right: auto; }
  .xl-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  .xl-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  .xl-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  .xl-group:hover .xl-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  .xl-px-0 { padding-left: 0; padding-right: 0; }
  .xl-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  .xl-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  .xl-active-px-0:active { padding-left: 0; padding-right: 0; }
  .xl-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  .xl-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  .xl-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  .xl-group:hover .xl-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  .xl-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-group:hover .xl-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .xl-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-group:hover .xl-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .xl-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-group:hover .xl-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .xl-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .xl-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  .xl-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  .xl-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  .xl-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  .xl-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  .xl-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  .xl-group:hover .xl-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .xl-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-group:hover .xl-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .xl-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-group:hover .xl-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .xl-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .xl-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  .xl-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  .xl-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  .xl-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  .xl-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  .xl-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  .xl-group:hover .xl-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .xl-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-group:hover .xl-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .xl-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .xl-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  .xl-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  .xl-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  .xl-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  .xl-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  .xl-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  .xl-group:hover .xl-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .xl-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .xl-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  .xl-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  .xl-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  .xl-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  .xl-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  .xl-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  .xl-group:hover .xl-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .xl-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .xl-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  .xl-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  .xl-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  .xl-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  .xl-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  .xl-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  .xl-group:hover .xl-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .xl-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .xl-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  .xl-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  .xl-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  .xl-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  .xl-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  .xl-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  .xl-group:hover .xl-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .xl-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .xl-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  .xl-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  .xl-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  .xl-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  .xl-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  .xl-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  .xl-group:hover .xl-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .xl-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .xl-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  .xl-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  .xl-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  .xl-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  .xl-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  .xl-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  .xl-group:hover .xl-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .xl-py-auto { padding-top: auto; padding-bottom: auto; }
  .xl-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  .xl-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  .xl-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  .xl-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  .xl-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  .xl-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  .xl-group:hover .xl-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  .xl-py-0 { padding-top: 0; padding-bottom: 0; }
  .xl-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  .xl-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  .xl-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  .xl-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  .xl-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  .xl-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  .xl-group:hover .xl-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  .xl-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-group:hover .xl-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .xl-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-group:hover .xl-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .xl-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-group:hover .xl-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-group:hover .xl-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .xl-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-group:hover .xl-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .xl-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-group:hover .xl-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-group:hover .xl-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .xl-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-group:hover .xl-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-group:hover .xl-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .xl-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-group:hover .xl-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .xl-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-group:hover .xl-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .xl-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-group:hover .xl-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .xl-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-group:hover .xl-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .xl-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-group:hover .xl-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .xl-m-auto { margin: auto; }
  .xl-hover-m-auto:hover { margin: auto; }
  .xl-focus-m-auto:focus { margin: auto; }
  .xl-active-m-auto:active { margin: auto; }
  .xl-disabled-m-auto:disabled { margin: auto; }
  .xl-focus-visible-m-auto:focus-visible { margin: auto; }
  .xl-focus-within-m-auto:focus-within { margin: auto; }
  .xl-group:hover .xl-group-hover-m-auto { margin: auto; }
  .xl-m-0 { margin: 0; }
  .xl-hover-m-0:hover { margin: 0; }
  .xl-focus-m-0:focus { margin: 0; }
  .xl-active-m-0:active { margin: 0; }
  .xl-disabled-m-0:disabled { margin: 0; }
  .xl-focus-visible-m-0:focus-visible { margin: 0; }
  .xl-focus-within-m-0:focus-within { margin: 0; }
  .xl-group:hover .xl-group-hover-m-0 { margin: 0; }
  .xl-m-1 { margin: 0.25rem; }
  .xl-hover-m-1:hover { margin: 0.25rem; }
  .xl-focus-m-1:focus { margin: 0.25rem; }
  .xl-active-m-1:active { margin: 0.25rem; }
  .xl-disabled-m-1:disabled { margin: 0.25rem; }
  .xl-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  .xl-focus-within-m-1:focus-within { margin: 0.25rem; }
  .xl-group:hover .xl-group-hover-m-1 { margin: 0.25rem; }
  .xl-m-2 { margin: 0.5rem; }
  .xl-hover-m-2:hover { margin: 0.5rem; }
  .xl-focus-m-2:focus { margin: 0.5rem; }
  .xl-active-m-2:active { margin: 0.5rem; }
  .xl-disabled-m-2:disabled { margin: 0.5rem; }
  .xl-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  .xl-focus-within-m-2:focus-within { margin: 0.5rem; }
  .xl-group:hover .xl-group-hover-m-2 { margin: 0.5rem; }
  .xl-m-3 { margin: 0.75rem; }
  .xl-hover-m-3:hover { margin: 0.75rem; }
  .xl-focus-m-3:focus { margin: 0.75rem; }
  .xl-active-m-3:active { margin: 0.75rem; }
  .xl-disabled-m-3:disabled { margin: 0.75rem; }
  .xl-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  .xl-focus-within-m-3:focus-within { margin: 0.75rem; }
  .xl-group:hover .xl-group-hover-m-3 { margin: 0.75rem; }
  .xl-m-4 { margin: 1rem; }
  .xl-hover-m-4:hover { margin: 1rem; }
  .xl-focus-m-4:focus { margin: 1rem; }
  .xl-active-m-4:active { margin: 1rem; }
  .xl-disabled-m-4:disabled { margin: 1rem; }
  .xl-focus-visible-m-4:focus-visible { margin: 1rem; }
  .xl-focus-within-m-4:focus-within { margin: 1rem; }
  .xl-group:hover .xl-group-hover-m-4 { margin: 1rem; }
  .xl-m-5 { margin: 1.25rem; }
  .xl-hover-m-5:hover { margin: 1.25rem; }
  .xl-focus-m-5:focus { margin: 1.25rem; }
  .xl-active-m-5:active { margin: 1.25rem; }
  .xl-disabled-m-5:disabled { margin: 1.25rem; }
  .xl-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  .xl-focus-within-m-5:focus-within { margin: 1.25rem; }
  .xl-group:hover .xl-group-hover-m-5 { margin: 1.25rem; }
  .xl-m-6 { margin: 1.5rem; }
  .xl-hover-m-6:hover { margin: 1.5rem; }
  .xl-focus-m-6:focus { margin: 1.5rem; }
  .xl-active-m-6:active { margin: 1.5rem; }
  .xl-disabled-m-6:disabled { margin: 1.5rem; }
  .xl-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  .xl-focus-within-m-6:focus-within { margin: 1.5rem; }
  .xl-group:hover .xl-group-hover-m-6 { margin: 1.5rem; }
  .xl-m-8 { margin: 2rem; }
  .xl-hover-m-8:hover { margin: 2rem; }
  .xl-focus-m-8:focus { margin: 2rem; }
  .xl-active-m-8:active { margin: 2rem; }
  .xl-disabled-m-8:disabled { margin: 2rem; }
  .xl-focus-visible-m-8:focus-visible { margin: 2rem; }
  .xl-focus-within-m-8:focus-within { margin: 2rem; }
  .xl-group:hover .xl-group-hover-m-8 { margin: 2rem; }
  .xl-m-10 { margin: 2.5rem; }
  .xl-hover-m-10:hover { margin: 2.5rem; }
  .xl-focus-m-10:focus { margin: 2.5rem; }
  .xl-active-m-10:active { margin: 2.5rem; }
  .xl-disabled-m-10:disabled { margin: 2.5rem; }
  .xl-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  .xl-focus-within-m-10:focus-within { margin: 2.5rem; }
  .xl-group:hover .xl-group-hover-m-10 { margin: 2.5rem; }
  .xl-m-12 { margin: 3rem; }
  .xl-hover-m-12:hover { margin: 3rem; }
  .xl-focus-m-12:focus { margin: 3rem; }
  .xl-active-m-12:active { margin: 3rem; }
  .xl-disabled-m-12:disabled { margin: 3rem; }
  .xl-focus-visible-m-12:focus-visible { margin: 3rem; }
  .xl-focus-within-m-12:focus-within { margin: 3rem; }
  .xl-group:hover .xl-group-hover-m-12 { margin: 3rem; }
  .xl-m-16 { margin: 4rem; }
  .xl-hover-m-16:hover { margin: 4rem; }
  .xl-focus-m-16:focus { margin: 4rem; }
  .xl-active-m-16:active { margin: 4rem; }
  .xl-disabled-m-16:disabled { margin: 4rem; }
  .xl-focus-visible-m-16:focus-visible { margin: 4rem; }
  .xl-focus-within-m-16:focus-within { margin: 4rem; }
  .xl-group:hover .xl-group-hover-m-16 { margin: 4rem; }
  .xl-m-20 { margin: 5rem; }
  .xl-hover-m-20:hover { margin: 5rem; }
  .xl-focus-m-20:focus { margin: 5rem; }
  .xl-active-m-20:active { margin: 5rem; }
  .xl-disabled-m-20:disabled { margin: 5rem; }
  .xl-focus-visible-m-20:focus-visible { margin: 5rem; }
  .xl-focus-within-m-20:focus-within { margin: 5rem; }
  .xl-group:hover .xl-group-hover-m-20 { margin: 5rem; }
  .xl-m-24 { margin: 6rem; }
  .xl-hover-m-24:hover { margin: 6rem; }
  .xl-focus-m-24:focus { margin: 6rem; }
  .xl-active-m-24:active { margin: 6rem; }
  .xl-disabled-m-24:disabled { margin: 6rem; }
  .xl-focus-visible-m-24:focus-visible { margin: 6rem; }
  .xl-focus-within-m-24:focus-within { margin: 6rem; }
  .xl-group:hover .xl-group-hover-m-24 { margin: 6rem; }
  .xl-m-28 { margin: 7rem; }
  .xl-hover-m-28:hover { margin: 7rem; }
  .xl-focus-m-28:focus { margin: 7rem; }
  .xl-active-m-28:active { margin: 7rem; }
  .xl-disabled-m-28:disabled { margin: 7rem; }
  .xl-focus-visible-m-28:focus-visible { margin: 7rem; }
  .xl-focus-within-m-28:focus-within { margin: 7rem; }
  .xl-group:hover .xl-group-hover-m-28 { margin: 7rem; }
  .xl-m-32 { margin: 8rem; }
  .xl-hover-m-32:hover { margin: 8rem; }
  .xl-focus-m-32:focus { margin: 8rem; }
  .xl-active-m-32:active { margin: 8rem; }
  .xl-disabled-m-32:disabled { margin: 8rem; }
  .xl-focus-visible-m-32:focus-visible { margin: 8rem; }
  .xl-focus-within-m-32:focus-within { margin: 8rem; }
  .xl-group:hover .xl-group-hover-m-32 { margin: 8rem; }
  .xl-mt-auto { margin-top: auto; }
  .xl-hover-mt-auto:hover { margin-top: auto; }
  .xl-focus-mt-auto:focus { margin-top: auto; }
  .xl-active-mt-auto:active { margin-top: auto; }
  .xl-disabled-mt-auto:disabled { margin-top: auto; }
  .xl-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  .xl-focus-within-mt-auto:focus-within { margin-top: auto; }
  .xl-group:hover .xl-group-hover-mt-auto { margin-top: auto; }
  .xl-mt-0 { margin-top: 0; }
  .xl-hover-mt-0:hover { margin-top: 0; }
  .xl-focus-mt-0:focus { margin-top: 0; }
  .xl-active-mt-0:active { margin-top: 0; }
  .xl-disabled-mt-0:disabled { margin-top: 0; }
  .xl-focus-visible-mt-0:focus-visible { margin-top: 0; }
  .xl-focus-within-mt-0:focus-within { margin-top: 0; }
  .xl-group:hover .xl-group-hover-mt-0 { margin-top: 0; }
  .xl-mt-1 { margin-top: 0.25rem; }
  .xl-hover-mt-1:hover { margin-top: 0.25rem; }
  .xl-focus-mt-1:focus { margin-top: 0.25rem; }
  .xl-active-mt-1:active { margin-top: 0.25rem; }
  .xl-disabled-mt-1:disabled { margin-top: 0.25rem; }
  .xl-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  .xl-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  .xl-group:hover .xl-group-hover-mt-1 { margin-top: 0.25rem; }
  .xl-mt-2 { margin-top: 0.5rem; }
  .xl-hover-mt-2:hover { margin-top: 0.5rem; }
  .xl-focus-mt-2:focus { margin-top: 0.5rem; }
  .xl-active-mt-2:active { margin-top: 0.5rem; }
  .xl-disabled-mt-2:disabled { margin-top: 0.5rem; }
  .xl-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  .xl-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  .xl-group:hover .xl-group-hover-mt-2 { margin-top: 0.5rem; }
  .xl-mt-3 { margin-top: 0.75rem; }
  .xl-hover-mt-3:hover { margin-top: 0.75rem; }
  .xl-focus-mt-3:focus { margin-top: 0.75rem; }
  .xl-active-mt-3:active { margin-top: 0.75rem; }
  .xl-disabled-mt-3:disabled { margin-top: 0.75rem; }
  .xl-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  .xl-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  .xl-group:hover .xl-group-hover-mt-3 { margin-top: 0.75rem; }
  .xl-mt-4 { margin-top: 1rem; }
  .xl-hover-mt-4:hover { margin-top: 1rem; }
  .xl-focus-mt-4:focus { margin-top: 1rem; }
  .xl-active-mt-4:active { margin-top: 1rem; }
  .xl-disabled-mt-4:disabled { margin-top: 1rem; }
  .xl-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  .xl-focus-within-mt-4:focus-within { margin-top: 1rem; }
  .xl-group:hover .xl-group-hover-mt-4 { margin-top: 1rem; }
  .xl-mt-5 { margin-top: 1.25rem; }
  .xl-hover-mt-5:hover { margin-top: 1.25rem; }
  .xl-focus-mt-5:focus { margin-top: 1.25rem; }
  .xl-active-mt-5:active { margin-top: 1.25rem; }
  .xl-disabled-mt-5:disabled { margin-top: 1.25rem; }
  .xl-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  .xl-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  .xl-group:hover .xl-group-hover-mt-5 { margin-top: 1.25rem; }
  .xl-mt-6 { margin-top: 1.5rem; }
  .xl-hover-mt-6:hover { margin-top: 1.5rem; }
  .xl-focus-mt-6:focus { margin-top: 1.5rem; }
  .xl-active-mt-6:active { margin-top: 1.5rem; }
  .xl-disabled-mt-6:disabled { margin-top: 1.5rem; }
  .xl-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  .xl-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  .xl-group:hover .xl-group-hover-mt-6 { margin-top: 1.5rem; }
  .xl-mt-8 { margin-top: 2rem; }
  .xl-hover-mt-8:hover { margin-top: 2rem; }
  .xl-focus-mt-8:focus { margin-top: 2rem; }
  .xl-active-mt-8:active { margin-top: 2rem; }
  .xl-disabled-mt-8:disabled { margin-top: 2rem; }
  .xl-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  .xl-focus-within-mt-8:focus-within { margin-top: 2rem; }
  .xl-group:hover .xl-group-hover-mt-8 { margin-top: 2rem; }
  .xl-mt-10 { margin-top: 2.5rem; }
  .xl-hover-mt-10:hover { margin-top: 2.5rem; }
  .xl-focus-mt-10:focus { margin-top: 2.5rem; }
  .xl-active-mt-10:active { margin-top: 2.5rem; }
  .xl-disabled-mt-10:disabled { margin-top: 2.5rem; }
  .xl-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  .xl-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  .xl-group:hover .xl-group-hover-mt-10 { margin-top: 2.5rem; }
  .xl-mt-12 { margin-top: 3rem; }
  .xl-hover-mt-12:hover { margin-top: 3rem; }
  .xl-focus-mt-12:focus { margin-top: 3rem; }
  .xl-active-mt-12:active { margin-top: 3rem; }
  .xl-disabled-mt-12:disabled { margin-top: 3rem; }
  .xl-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  .xl-focus-within-mt-12:focus-within { margin-top: 3rem; }
  .xl-group:hover .xl-group-hover-mt-12 { margin-top: 3rem; }
  .xl-mt-16 { margin-top: 4rem; }
  .xl-hover-mt-16:hover { margin-top: 4rem; }
  .xl-focus-mt-16:focus { margin-top: 4rem; }
  .xl-active-mt-16:active { margin-top: 4rem; }
  .xl-disabled-mt-16:disabled { margin-top: 4rem; }
  .xl-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  .xl-focus-within-mt-16:focus-within { margin-top: 4rem; }
  .xl-group:hover .xl-group-hover-mt-16 { margin-top: 4rem; }
  .xl-mt-20 { margin-top: 5rem; }
  .xl-hover-mt-20:hover { margin-top: 5rem; }
  .xl-focus-mt-20:focus { margin-top: 5rem; }
  .xl-active-mt-20:active { margin-top: 5rem; }
  .xl-disabled-mt-20:disabled { margin-top: 5rem; }
  .xl-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  .xl-focus-within-mt-20:focus-within { margin-top: 5rem; }
  .xl-group:hover .xl-group-hover-mt-20 { margin-top: 5rem; }
  .xl-mt-24 { margin-top: 6rem; }
  .xl-hover-mt-24:hover { margin-top: 6rem; }
  .xl-focus-mt-24:focus { margin-top: 6rem; }
  .xl-active-mt-24:active { margin-top: 6rem; }
  .xl-disabled-mt-24:disabled { margin-top: 6rem; }
  .xl-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  .xl-focus-within-mt-24:focus-within { margin-top: 6rem; }
  .xl-group:hover .xl-group-hover-mt-24 { margin-top: 6rem; }
  .xl-mt-28 { margin-top: 7rem; }
  .xl-hover-mt-28:hover { margin-top: 7rem; }
  .xl-focus-mt-28:focus { margin-top: 7rem; }
  .xl-active-mt-28:active { margin-top: 7rem; }
  .xl-disabled-mt-28:disabled { margin-top: 7rem; }
  .xl-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  .xl-focus-within-mt-28:focus-within { margin-top: 7rem; }
  .xl-group:hover .xl-group-hover-mt-28 { margin-top: 7rem; }
  .xl-mt-32 { margin-top: 8rem; }
  .xl-hover-mt-32:hover { margin-top: 8rem; }
  .xl-focus-mt-32:focus { margin-top: 8rem; }
  .xl-active-mt-32:active { margin-top: 8rem; }
  .xl-disabled-mt-32:disabled { margin-top: 8rem; }
  .xl-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  .xl-focus-within-mt-32:focus-within { margin-top: 8rem; }
  .xl-group:hover .xl-group-hover-mt-32 { margin-top: 8rem; }
  .xl-mb-auto { margin-bottom: auto; }
  .xl-hover-mb-auto:hover { margin-bottom: auto; }
  .xl-focus-mb-auto:focus { margin-bottom: auto; }
  .xl-active-mb-auto:active { margin-bottom: auto; }
  .xl-disabled-mb-auto:disabled { margin-bottom: auto; }
  .xl-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  .xl-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  .xl-group:hover .xl-group-hover-mb-auto { margin-bottom: auto; }
  .xl-mb-0 { margin-bottom: 0; }
  .xl-hover-mb-0:hover { margin-bottom: 0; }
  .xl-focus-mb-0:focus { margin-bottom: 0; }
  .xl-active-mb-0:active { margin-bottom: 0; }
  .xl-disabled-mb-0:disabled { margin-bottom: 0; }
  .xl-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  .xl-focus-within-mb-0:focus-within { margin-bottom: 0; }
  .xl-group:hover .xl-group-hover-mb-0 { margin-bottom: 0; }
  .xl-mb-1 { margin-bottom: 0.25rem; }
  .xl-hover-mb-1:hover { margin-bottom: 0.25rem; }
  .xl-focus-mb-1:focus { margin-bottom: 0.25rem; }
  .xl-active-mb-1:active { margin-bottom: 0.25rem; }
  .xl-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  .xl-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  .xl-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  .xl-group:hover .xl-group-hover-mb-1 { margin-bottom: 0.25rem; }
  .xl-mb-2 { margin-bottom: 0.5rem; }
  .xl-hover-mb-2:hover { margin-bottom: 0.5rem; }
  .xl-focus-mb-2:focus { margin-bottom: 0.5rem; }
  .xl-active-mb-2:active { margin-bottom: 0.5rem; }
  .xl-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  .xl-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  .xl-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  .xl-group:hover .xl-group-hover-mb-2 { margin-bottom: 0.5rem; }
  .xl-mb-3 { margin-bottom: 0.75rem; }
  .xl-hover-mb-3:hover { margin-bottom: 0.75rem; }
  .xl-focus-mb-3:focus { margin-bottom: 0.75rem; }
  .xl-active-mb-3:active { margin-bottom: 0.75rem; }
  .xl-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  .xl-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  .xl-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  .xl-group:hover .xl-group-hover-mb-3 { margin-bottom: 0.75rem; }
  .xl-mb-4 { margin-bottom: 1rem; }
  .xl-hover-mb-4:hover { margin-bottom: 1rem; }
  .xl-focus-mb-4:focus { margin-bottom: 1rem; }
  .xl-active-mb-4:active { margin-bottom: 1rem; }
  .xl-disabled-mb-4:disabled { margin-bottom: 1rem; }
  .xl-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  .xl-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  .xl-group:hover .xl-group-hover-mb-4 { margin-bottom: 1rem; }
  .xl-mb-5 { margin-bottom: 1.25rem; }
  .xl-hover-mb-5:hover { margin-bottom: 1.25rem; }
  .xl-focus-mb-5:focus { margin-bottom: 1.25rem; }
  .xl-active-mb-5:active { margin-bottom: 1.25rem; }
  .xl-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  .xl-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  .xl-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  .xl-group:hover .xl-group-hover-mb-5 { margin-bottom: 1.25rem; }
  .xl-mb-6 { margin-bottom: 1.5rem; }
  .xl-hover-mb-6:hover { margin-bottom: 1.5rem; }
  .xl-focus-mb-6:focus { margin-bottom: 1.5rem; }
  .xl-active-mb-6:active { margin-bottom: 1.5rem; }
  .xl-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  .xl-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  .xl-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  .xl-group:hover .xl-group-hover-mb-6 { margin-bottom: 1.5rem; }
  .xl-mb-8 { margin-bottom: 2rem; }
  .xl-hover-mb-8:hover { margin-bottom: 2rem; }
  .xl-focus-mb-8:focus { margin-bottom: 2rem; }
  .xl-active-mb-8:active { margin-bottom: 2rem; }
  .xl-disabled-mb-8:disabled { margin-bottom: 2rem; }
  .xl-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  .xl-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  .xl-group:hover .xl-group-hover-mb-8 { margin-bottom: 2rem; }
  .xl-mb-10 { margin-bottom: 2.5rem; }
  .xl-hover-mb-10:hover { margin-bottom: 2.5rem; }
  .xl-focus-mb-10:focus { margin-bottom: 2.5rem; }
  .xl-active-mb-10:active { margin-bottom: 2.5rem; }
  .xl-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  .xl-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  .xl-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  .xl-group:hover .xl-group-hover-mb-10 { margin-bottom: 2.5rem; }
  .xl-mb-12 { margin-bottom: 3rem; }
  .xl-hover-mb-12:hover { margin-bottom: 3rem; }
  .xl-focus-mb-12:focus { margin-bottom: 3rem; }
  .xl-active-mb-12:active { margin-bottom: 3rem; }
  .xl-disabled-mb-12:disabled { margin-bottom: 3rem; }
  .xl-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  .xl-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  .xl-group:hover .xl-group-hover-mb-12 { margin-bottom: 3rem; }
  .xl-mb-16 { margin-bottom: 4rem; }
  .xl-hover-mb-16:hover { margin-bottom: 4rem; }
  .xl-focus-mb-16:focus { margin-bottom: 4rem; }
  .xl-active-mb-16:active { margin-bottom: 4rem; }
  .xl-disabled-mb-16:disabled { margin-bottom: 4rem; }
  .xl-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  .xl-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  .xl-group:hover .xl-group-hover-mb-16 { margin-bottom: 4rem; }
  .xl-mb-20 { margin-bottom: 5rem; }
  .xl-hover-mb-20:hover { margin-bottom: 5rem; }
  .xl-focus-mb-20:focus { margin-bottom: 5rem; }
  .xl-active-mb-20:active { margin-bottom: 5rem; }
  .xl-disabled-mb-20:disabled { margin-bottom: 5rem; }
  .xl-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  .xl-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  .xl-group:hover .xl-group-hover-mb-20 { margin-bottom: 5rem; }
  .xl-mb-24 { margin-bottom: 6rem; }
  .xl-hover-mb-24:hover { margin-bottom: 6rem; }
  .xl-focus-mb-24:focus { margin-bottom: 6rem; }
  .xl-active-mb-24:active { margin-bottom: 6rem; }
  .xl-disabled-mb-24:disabled { margin-bottom: 6rem; }
  .xl-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  .xl-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  .xl-group:hover .xl-group-hover-mb-24 { margin-bottom: 6rem; }
  .xl-mb-28 { margin-bottom: 7rem; }
  .xl-hover-mb-28:hover { margin-bottom: 7rem; }
  .xl-focus-mb-28:focus { margin-bottom: 7rem; }
  .xl-active-mb-28:active { margin-bottom: 7rem; }
  .xl-disabled-mb-28:disabled { margin-bottom: 7rem; }
  .xl-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  .xl-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  .xl-group:hover .xl-group-hover-mb-28 { margin-bottom: 7rem; }
  .xl-mb-32 { margin-bottom: 8rem; }
  .xl-hover-mb-32:hover { margin-bottom: 8rem; }
  .xl-focus-mb-32:focus { margin-bottom: 8rem; }
  .xl-active-mb-32:active { margin-bottom: 8rem; }
  .xl-disabled-mb-32:disabled { margin-bottom: 8rem; }
  .xl-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  .xl-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  .xl-group:hover .xl-group-hover-mb-32 { margin-bottom: 8rem; }
  .xl-ml-auto { margin-left: auto; }
  .xl-hover-ml-auto:hover { margin-left: auto; }
  .xl-focus-ml-auto:focus { margin-left: auto; }
  .xl-active-ml-auto:active { margin-left: auto; }
  .xl-disabled-ml-auto:disabled { margin-left: auto; }
  .xl-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  .xl-focus-within-ml-auto:focus-within { margin-left: auto; }
  .xl-group:hover .xl-group-hover-ml-auto { margin-left: auto; }
  .xl-ml-0 { margin-left: 0; }
  .xl-hover-ml-0:hover { margin-left: 0; }
  .xl-focus-ml-0:focus { margin-left: 0; }
  .xl-active-ml-0:active { margin-left: 0; }
  .xl-disabled-ml-0:disabled { margin-left: 0; }
  .xl-focus-visible-ml-0:focus-visible { margin-left: 0; }
  .xl-focus-within-ml-0:focus-within { margin-left: 0; }
  .xl-group:hover .xl-group-hover-ml-0 { margin-left: 0; }
  .xl-ml-1 { margin-left: 0.25rem; }
  .xl-hover-ml-1:hover { margin-left: 0.25rem; }
  .xl-focus-ml-1:focus { margin-left: 0.25rem; }
  .xl-active-ml-1:active { margin-left: 0.25rem; }
  .xl-disabled-ml-1:disabled { margin-left: 0.25rem; }
  .xl-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  .xl-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  .xl-group:hover .xl-group-hover-ml-1 { margin-left: 0.25rem; }
  .xl-ml-2 { margin-left: 0.5rem; }
  .xl-hover-ml-2:hover { margin-left: 0.5rem; }
  .xl-focus-ml-2:focus { margin-left: 0.5rem; }
  .xl-active-ml-2:active { margin-left: 0.5rem; }
  .xl-disabled-ml-2:disabled { margin-left: 0.5rem; }
  .xl-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  .xl-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  .xl-group:hover .xl-group-hover-ml-2 { margin-left: 0.5rem; }
  .xl-ml-3 { margin-left: 0.75rem; }
  .xl-hover-ml-3:hover { margin-left: 0.75rem; }
  .xl-focus-ml-3:focus { margin-left: 0.75rem; }
  .xl-active-ml-3:active { margin-left: 0.75rem; }
  .xl-disabled-ml-3:disabled { margin-left: 0.75rem; }
  .xl-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  .xl-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  .xl-group:hover .xl-group-hover-ml-3 { margin-left: 0.75rem; }
  .xl-ml-4 { margin-left: 1rem; }
  .xl-hover-ml-4:hover { margin-left: 1rem; }
  .xl-focus-ml-4:focus { margin-left: 1rem; }
  .xl-active-ml-4:active { margin-left: 1rem; }
  .xl-disabled-ml-4:disabled { margin-left: 1rem; }
  .xl-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  .xl-focus-within-ml-4:focus-within { margin-left: 1rem; }
  .xl-group:hover .xl-group-hover-ml-4 { margin-left: 1rem; }
  .xl-ml-5 { margin-left: 1.25rem; }
  .xl-hover-ml-5:hover { margin-left: 1.25rem; }
  .xl-focus-ml-5:focus { margin-left: 1.25rem; }
  .xl-active-ml-5:active { margin-left: 1.25rem; }
  .xl-disabled-ml-5:disabled { margin-left: 1.25rem; }
  .xl-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  .xl-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  .xl-group:hover .xl-group-hover-ml-5 { margin-left: 1.25rem; }
  .xl-ml-6 { margin-left: 1.5rem; }
  .xl-hover-ml-6:hover { margin-left: 1.5rem; }
  .xl-focus-ml-6:focus { margin-left: 1.5rem; }
  .xl-active-ml-6:active { margin-left: 1.5rem; }
  .xl-disabled-ml-6:disabled { margin-left: 1.5rem; }
  .xl-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  .xl-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  .xl-group:hover .xl-group-hover-ml-6 { margin-left: 1.5rem; }
  .xl-ml-8 { margin-left: 2rem; }
  .xl-hover-ml-8:hover { margin-left: 2rem; }
  .xl-focus-ml-8:focus { margin-left: 2rem; }
  .xl-active-ml-8:active { margin-left: 2rem; }
  .xl-disabled-ml-8:disabled { margin-left: 2rem; }
  .xl-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  .xl-focus-within-ml-8:focus-within { margin-left: 2rem; }
  .xl-group:hover .xl-group-hover-ml-8 { margin-left: 2rem; }
  .xl-ml-10 { margin-left: 2.5rem; }
  .xl-hover-ml-10:hover { margin-left: 2.5rem; }
  .xl-focus-ml-10:focus { margin-left: 2.5rem; }
  .xl-active-ml-10:active { margin-left: 2.5rem; }
  .xl-disabled-ml-10:disabled { margin-left: 2.5rem; }
  .xl-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  .xl-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  .xl-group:hover .xl-group-hover-ml-10 { margin-left: 2.5rem; }
  .xl-ml-12 { margin-left: 3rem; }
  .xl-hover-ml-12:hover { margin-left: 3rem; }
  .xl-focus-ml-12:focus { margin-left: 3rem; }
  .xl-active-ml-12:active { margin-left: 3rem; }
  .xl-disabled-ml-12:disabled { margin-left: 3rem; }
  .xl-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  .xl-focus-within-ml-12:focus-within { margin-left: 3rem; }
  .xl-group:hover .xl-group-hover-ml-12 { margin-left: 3rem; }
  .xl-ml-16 { margin-left: 4rem; }
  .xl-hover-ml-16:hover { margin-left: 4rem; }
  .xl-focus-ml-16:focus { margin-left: 4rem; }
  .xl-active-ml-16:active { margin-left: 4rem; }
  .xl-disabled-ml-16:disabled { margin-left: 4rem; }
  .xl-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  .xl-focus-within-ml-16:focus-within { margin-left: 4rem; }
  .xl-group:hover .xl-group-hover-ml-16 { margin-left: 4rem; }
  .xl-ml-20 { margin-left: 5rem; }
  .xl-hover-ml-20:hover { margin-left: 5rem; }
  .xl-focus-ml-20:focus { margin-left: 5rem; }
  .xl-active-ml-20:active { margin-left: 5rem; }
  .xl-disabled-ml-20:disabled { margin-left: 5rem; }
  .xl-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  .xl-focus-within-ml-20:focus-within { margin-left: 5rem; }
  .xl-group:hover .xl-group-hover-ml-20 { margin-left: 5rem; }
  .xl-ml-24 { margin-left: 6rem; }
  .xl-hover-ml-24:hover { margin-left: 6rem; }
  .xl-focus-ml-24:focus { margin-left: 6rem; }
  .xl-active-ml-24:active { margin-left: 6rem; }
  .xl-disabled-ml-24:disabled { margin-left: 6rem; }
  .xl-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  .xl-focus-within-ml-24:focus-within { margin-left: 6rem; }
  .xl-group:hover .xl-group-hover-ml-24 { margin-left: 6rem; }
  .xl-ml-28 { margin-left: 7rem; }
  .xl-hover-ml-28:hover { margin-left: 7rem; }
  .xl-focus-ml-28:focus { margin-left: 7rem; }
  .xl-active-ml-28:active { margin-left: 7rem; }
  .xl-disabled-ml-28:disabled { margin-left: 7rem; }
  .xl-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  .xl-focus-within-ml-28:focus-within { margin-left: 7rem; }
  .xl-group:hover .xl-group-hover-ml-28 { margin-left: 7rem; }
  .xl-ml-32 { margin-left: 8rem; }
  .xl-hover-ml-32:hover { margin-left: 8rem; }
  .xl-focus-ml-32:focus { margin-left: 8rem; }
  .xl-active-ml-32:active { margin-left: 8rem; }
  .xl-disabled-ml-32:disabled { margin-left: 8rem; }
  .xl-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  .xl-focus-within-ml-32:focus-within { margin-left: 8rem; }
  .xl-group:hover .xl-group-hover-ml-32 { margin-left: 8rem; }
  .xl-mr-auto { margin-right: auto; }
  .xl-hover-mr-auto:hover { margin-right: auto; }
  .xl-focus-mr-auto:focus { margin-right: auto; }
  .xl-active-mr-auto:active { margin-right: auto; }
  .xl-disabled-mr-auto:disabled { margin-right: auto; }
  .xl-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  .xl-focus-within-mr-auto:focus-within { margin-right: auto; }
  .xl-group:hover .xl-group-hover-mr-auto { margin-right: auto; }
  .xl-mr-0 { margin-right: 0; }
  .xl-hover-mr-0:hover { margin-right: 0; }
  .xl-focus-mr-0:focus { margin-right: 0; }
  .xl-active-mr-0:active { margin-right: 0; }
  .xl-disabled-mr-0:disabled { margin-right: 0; }
  .xl-focus-visible-mr-0:focus-visible { margin-right: 0; }
  .xl-focus-within-mr-0:focus-within { margin-right: 0; }
  .xl-group:hover .xl-group-hover-mr-0 { margin-right: 0; }
  .xl-mr-1 { margin-right: 0.25rem; }
  .xl-hover-mr-1:hover { margin-right: 0.25rem; }
  .xl-focus-mr-1:focus { margin-right: 0.25rem; }
  .xl-active-mr-1:active { margin-right: 0.25rem; }
  .xl-disabled-mr-1:disabled { margin-right: 0.25rem; }
  .xl-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  .xl-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  .xl-group:hover .xl-group-hover-mr-1 { margin-right: 0.25rem; }
  .xl-mr-2 { margin-right: 0.5rem; }
  .xl-hover-mr-2:hover { margin-right: 0.5rem; }
  .xl-focus-mr-2:focus { margin-right: 0.5rem; }
  .xl-active-mr-2:active { margin-right: 0.5rem; }
  .xl-disabled-mr-2:disabled { margin-right: 0.5rem; }
  .xl-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  .xl-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  .xl-group:hover .xl-group-hover-mr-2 { margin-right: 0.5rem; }
  .xl-mr-3 { margin-right: 0.75rem; }
  .xl-hover-mr-3:hover { margin-right: 0.75rem; }
  .xl-focus-mr-3:focus { margin-right: 0.75rem; }
  .xl-active-mr-3:active { margin-right: 0.75rem; }
  .xl-disabled-mr-3:disabled { margin-right: 0.75rem; }
  .xl-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  .xl-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  .xl-group:hover .xl-group-hover-mr-3 { margin-right: 0.75rem; }
  .xl-mr-4 { margin-right: 1rem; }
  .xl-hover-mr-4:hover { margin-right: 1rem; }
  .xl-focus-mr-4:focus { margin-right: 1rem; }
  .xl-active-mr-4:active { margin-right: 1rem; }
  .xl-disabled-mr-4:disabled { margin-right: 1rem; }
  .xl-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  .xl-focus-within-mr-4:focus-within { margin-right: 1rem; }
  .xl-group:hover .xl-group-hover-mr-4 { margin-right: 1rem; }
  .xl-mr-5 { margin-right: 1.25rem; }
  .xl-hover-mr-5:hover { margin-right: 1.25rem; }
  .xl-focus-mr-5:focus { margin-right: 1.25rem; }
  .xl-active-mr-5:active { margin-right: 1.25rem; }
  .xl-disabled-mr-5:disabled { margin-right: 1.25rem; }
  .xl-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  .xl-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  .xl-group:hover .xl-group-hover-mr-5 { margin-right: 1.25rem; }
  .xl-mr-6 { margin-right: 1.5rem; }
  .xl-hover-mr-6:hover { margin-right: 1.5rem; }
  .xl-focus-mr-6:focus { margin-right: 1.5rem; }
  .xl-active-mr-6:active { margin-right: 1.5rem; }
  .xl-disabled-mr-6:disabled { margin-right: 1.5rem; }
  .xl-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  .xl-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  .xl-group:hover .xl-group-hover-mr-6 { margin-right: 1.5rem; }
  .xl-mr-8 { margin-right: 2rem; }
  .xl-hover-mr-8:hover { margin-right: 2rem; }
  .xl-focus-mr-8:focus { margin-right: 2rem; }
  .xl-active-mr-8:active { margin-right: 2rem; }
  .xl-disabled-mr-8:disabled { margin-right: 2rem; }
  .xl-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  .xl-focus-within-mr-8:focus-within { margin-right: 2rem; }
  .xl-group:hover .xl-group-hover-mr-8 { margin-right: 2rem; }
  .xl-mr-10 { margin-right: 2.5rem; }
  .xl-hover-mr-10:hover { margin-right: 2.5rem; }
  .xl-focus-mr-10:focus { margin-right: 2.5rem; }
  .xl-active-mr-10:active { margin-right: 2.5rem; }
  .xl-disabled-mr-10:disabled { margin-right: 2.5rem; }
  .xl-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  .xl-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  .xl-group:hover .xl-group-hover-mr-10 { margin-right: 2.5rem; }
  .xl-mr-12 { margin-right: 3rem; }
  .xl-hover-mr-12:hover { margin-right: 3rem; }
  .xl-focus-mr-12:focus { margin-right: 3rem; }
  .xl-active-mr-12:active { margin-right: 3rem; }
  .xl-disabled-mr-12:disabled { margin-right: 3rem; }
  .xl-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  .xl-focus-within-mr-12:focus-within { margin-right: 3rem; }
  .xl-group:hover .xl-group-hover-mr-12 { margin-right: 3rem; }
  .xl-mr-16 { margin-right: 4rem; }
  .xl-hover-mr-16:hover { margin-right: 4rem; }
  .xl-focus-mr-16:focus { margin-right: 4rem; }
  .xl-active-mr-16:active { margin-right: 4rem; }
  .xl-disabled-mr-16:disabled { margin-right: 4rem; }
  .xl-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  .xl-focus-within-mr-16:focus-within { margin-right: 4rem; }
  .xl-group:hover .xl-group-hover-mr-16 { margin-right: 4rem; }
  .xl-mr-20 { margin-right: 5rem; }
  .xl-hover-mr-20:hover { margin-right: 5rem; }
  .xl-focus-mr-20:focus { margin-right: 5rem; }
  .xl-active-mr-20:active { margin-right: 5rem; }
  .xl-disabled-mr-20:disabled { margin-right: 5rem; }
  .xl-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  .xl-focus-within-mr-20:focus-within { margin-right: 5rem; }
  .xl-group:hover .xl-group-hover-mr-20 { margin-right: 5rem; }
  .xl-mr-24 { margin-right: 6rem; }
  .xl-hover-mr-24:hover { margin-right: 6rem; }
  .xl-focus-mr-24:focus { margin-right: 6rem; }
  .xl-active-mr-24:active { margin-right: 6rem; }
  .xl-disabled-mr-24:disabled { margin-right: 6rem; }
  .xl-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  .xl-focus-within-mr-24:focus-within { margin-right: 6rem; }
  .xl-group:hover .xl-group-hover-mr-24 { margin-right: 6rem; }
  .xl-mr-28 { margin-right: 7rem; }
  .xl-hover-mr-28:hover { margin-right: 7rem; }
  .xl-focus-mr-28:focus { margin-right: 7rem; }
  .xl-active-mr-28:active { margin-right: 7rem; }
  .xl-disabled-mr-28:disabled { margin-right: 7rem; }
  .xl-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  .xl-focus-within-mr-28:focus-within { margin-right: 7rem; }
  .xl-group:hover .xl-group-hover-mr-28 { margin-right: 7rem; }
  .xl-mr-32 { margin-right: 8rem; }
  .xl-hover-mr-32:hover { margin-right: 8rem; }
  .xl-focus-mr-32:focus { margin-right: 8rem; }
  .xl-active-mr-32:active { margin-right: 8rem; }
  .xl-disabled-mr-32:disabled { margin-right: 8rem; }
  .xl-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  .xl-focus-within-mr-32:focus-within { margin-right: 8rem; }
  .xl-group:hover .xl-group-hover-mr-32 { margin-right: 8rem; }
  .xl-mx-auto { margin-left: auto; margin-right: auto; }
  .xl-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  .xl-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  .xl-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  .xl-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  .xl-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  .xl-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  .xl-group:hover .xl-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  .xl-mx-0 { margin-left: 0; margin-right: 0; }
  .xl-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  .xl-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  .xl-active-mx-0:active { margin-left: 0; margin-right: 0; }
  .xl-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  .xl-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  .xl-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  .xl-group:hover .xl-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  .xl-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-group:hover .xl-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .xl-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-group:hover .xl-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .xl-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-group:hover .xl-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .xl-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .xl-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  .xl-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  .xl-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  .xl-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  .xl-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  .xl-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  .xl-group:hover .xl-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .xl-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-group:hover .xl-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .xl-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-group:hover .xl-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .xl-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .xl-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  .xl-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  .xl-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  .xl-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  .xl-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  .xl-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  .xl-group:hover .xl-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .xl-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-group:hover .xl-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .xl-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .xl-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  .xl-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  .xl-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  .xl-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  .xl-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  .xl-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  .xl-group:hover .xl-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .xl-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .xl-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  .xl-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  .xl-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  .xl-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  .xl-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  .xl-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  .xl-group:hover .xl-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .xl-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .xl-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  .xl-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  .xl-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  .xl-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  .xl-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  .xl-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  .xl-group:hover .xl-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .xl-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .xl-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  .xl-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  .xl-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  .xl-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  .xl-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  .xl-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  .xl-group:hover .xl-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .xl-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .xl-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  .xl-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  .xl-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  .xl-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  .xl-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  .xl-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  .xl-group:hover .xl-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .xl-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .xl-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  .xl-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  .xl-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  .xl-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  .xl-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  .xl-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  .xl-group:hover .xl-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .xl-my-auto { margin-top: auto; margin-bottom: auto; }
  .xl-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  .xl-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  .xl-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  .xl-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  .xl-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  .xl-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  .xl-group:hover .xl-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  .xl-my-0 { margin-top: 0; margin-bottom: 0; }
  .xl-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  .xl-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  .xl-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  .xl-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  .xl-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  .xl-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  .xl-group:hover .xl-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  .xl-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-group:hover .xl-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .xl-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-group:hover .xl-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .xl-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-group:hover .xl-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .xl-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-group:hover .xl-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .xl-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-group:hover .xl-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-group:hover .xl-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .xl-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-group:hover .xl-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .xl-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-group:hover .xl-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .xl-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-group:hover .xl-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .xl-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-group:hover .xl-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .xl-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-group:hover .xl-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .xl-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-group:hover .xl-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .xl-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-group:hover .xl-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .xl-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-group:hover .xl-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .xl-space-x-auto { --space-x: auto; }
  .xl-hover-space-x-auto:hover { --space-x: auto; }
  .xl-focus-space-x-auto:focus { --space-x: auto; }
  .xl-active-space-x-auto:active { --space-x: auto; }
  .xl-disabled-space-x-auto:disabled { --space-x: auto; }
  .xl-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  .xl-focus-within-space-x-auto:focus-within { --space-x: auto; }
  .xl-group:hover .xl-group-hover-space-x-auto { --space-x: auto; }
  .xl-space-x-0 { --space-x: 0; }
  .xl-hover-space-x-0:hover { --space-x: 0; }
  .xl-focus-space-x-0:focus { --space-x: 0; }
  .xl-active-space-x-0:active { --space-x: 0; }
  .xl-disabled-space-x-0:disabled { --space-x: 0; }
  .xl-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  .xl-focus-within-space-x-0:focus-within { --space-x: 0; }
  .xl-group:hover .xl-group-hover-space-x-0 { --space-x: 0; }
  .xl-space-x-1 { --space-x: 0.25rem; }
  .xl-hover-space-x-1:hover { --space-x: 0.25rem; }
  .xl-focus-space-x-1:focus { --space-x: 0.25rem; }
  .xl-active-space-x-1:active { --space-x: 0.25rem; }
  .xl-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  .xl-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  .xl-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  .xl-group:hover .xl-group-hover-space-x-1 { --space-x: 0.25rem; }
  .xl-space-x-2 { --space-x: 0.5rem; }
  .xl-hover-space-x-2:hover { --space-x: 0.5rem; }
  .xl-focus-space-x-2:focus { --space-x: 0.5rem; }
  .xl-active-space-x-2:active { --space-x: 0.5rem; }
  .xl-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  .xl-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  .xl-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  .xl-group:hover .xl-group-hover-space-x-2 { --space-x: 0.5rem; }
  .xl-space-x-3 { --space-x: 0.75rem; }
  .xl-hover-space-x-3:hover { --space-x: 0.75rem; }
  .xl-focus-space-x-3:focus { --space-x: 0.75rem; }
  .xl-active-space-x-3:active { --space-x: 0.75rem; }
  .xl-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  .xl-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  .xl-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  .xl-group:hover .xl-group-hover-space-x-3 { --space-x: 0.75rem; }
  .xl-space-x-4 { --space-x: 1rem; }
  .xl-hover-space-x-4:hover { --space-x: 1rem; }
  .xl-focus-space-x-4:focus { --space-x: 1rem; }
  .xl-active-space-x-4:active { --space-x: 1rem; }
  .xl-disabled-space-x-4:disabled { --space-x: 1rem; }
  .xl-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  .xl-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  .xl-group:hover .xl-group-hover-space-x-4 { --space-x: 1rem; }
  .xl-space-x-5 { --space-x: 1.25rem; }
  .xl-hover-space-x-5:hover { --space-x: 1.25rem; }
  .xl-focus-space-x-5:focus { --space-x: 1.25rem; }
  .xl-active-space-x-5:active { --space-x: 1.25rem; }
  .xl-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  .xl-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  .xl-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  .xl-group:hover .xl-group-hover-space-x-5 { --space-x: 1.25rem; }
  .xl-space-x-6 { --space-x: 1.5rem; }
  .xl-hover-space-x-6:hover { --space-x: 1.5rem; }
  .xl-focus-space-x-6:focus { --space-x: 1.5rem; }
  .xl-active-space-x-6:active { --space-x: 1.5rem; }
  .xl-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  .xl-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  .xl-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  .xl-group:hover .xl-group-hover-space-x-6 { --space-x: 1.5rem; }
  .xl-space-x-8 { --space-x: 2rem; }
  .xl-hover-space-x-8:hover { --space-x: 2rem; }
  .xl-focus-space-x-8:focus { --space-x: 2rem; }
  .xl-active-space-x-8:active { --space-x: 2rem; }
  .xl-disabled-space-x-8:disabled { --space-x: 2rem; }
  .xl-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  .xl-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  .xl-group:hover .xl-group-hover-space-x-8 { --space-x: 2rem; }
  .xl-space-x-10 { --space-x: 2.5rem; }
  .xl-hover-space-x-10:hover { --space-x: 2.5rem; }
  .xl-focus-space-x-10:focus { --space-x: 2.5rem; }
  .xl-active-space-x-10:active { --space-x: 2.5rem; }
  .xl-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  .xl-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  .xl-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  .xl-group:hover .xl-group-hover-space-x-10 { --space-x: 2.5rem; }
  .xl-space-x-12 { --space-x: 3rem; }
  .xl-hover-space-x-12:hover { --space-x: 3rem; }
  .xl-focus-space-x-12:focus { --space-x: 3rem; }
  .xl-active-space-x-12:active { --space-x: 3rem; }
  .xl-disabled-space-x-12:disabled { --space-x: 3rem; }
  .xl-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  .xl-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  .xl-group:hover .xl-group-hover-space-x-12 { --space-x: 3rem; }
  .xl-space-x-16 { --space-x: 4rem; }
  .xl-hover-space-x-16:hover { --space-x: 4rem; }
  .xl-focus-space-x-16:focus { --space-x: 4rem; }
  .xl-active-space-x-16:active { --space-x: 4rem; }
  .xl-disabled-space-x-16:disabled { --space-x: 4rem; }
  .xl-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  .xl-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  .xl-group:hover .xl-group-hover-space-x-16 { --space-x: 4rem; }
  .xl-space-x-20 { --space-x: 5rem; }
  .xl-hover-space-x-20:hover { --space-x: 5rem; }
  .xl-focus-space-x-20:focus { --space-x: 5rem; }
  .xl-active-space-x-20:active { --space-x: 5rem; }
  .xl-disabled-space-x-20:disabled { --space-x: 5rem; }
  .xl-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  .xl-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  .xl-group:hover .xl-group-hover-space-x-20 { --space-x: 5rem; }
  .xl-space-x-24 { --space-x: 6rem; }
  .xl-hover-space-x-24:hover { --space-x: 6rem; }
  .xl-focus-space-x-24:focus { --space-x: 6rem; }
  .xl-active-space-x-24:active { --space-x: 6rem; }
  .xl-disabled-space-x-24:disabled { --space-x: 6rem; }
  .xl-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  .xl-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  .xl-group:hover .xl-group-hover-space-x-24 { --space-x: 6rem; }
  .xl-space-x-28 { --space-x: 7rem; }
  .xl-hover-space-x-28:hover { --space-x: 7rem; }
  .xl-focus-space-x-28:focus { --space-x: 7rem; }
  .xl-active-space-x-28:active { --space-x: 7rem; }
  .xl-disabled-space-x-28:disabled { --space-x: 7rem; }
  .xl-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  .xl-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  .xl-group:hover .xl-group-hover-space-x-28 { --space-x: 7rem; }
  .xl-space-x-32 { --space-x: 8rem; }
  .xl-hover-space-x-32:hover { --space-x: 8rem; }
  .xl-focus-space-x-32:focus { --space-x: 8rem; }
  .xl-active-space-x-32:active { --space-x: 8rem; }
  .xl-disabled-space-x-32:disabled { --space-x: 8rem; }
  .xl-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  .xl-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  .xl-group:hover .xl-group-hover-space-x-32 { --space-x: 8rem; }
  .xl-space-y-auto { --space-y: auto; }
  .xl-hover-space-y-auto:hover { --space-y: auto; }
  .xl-focus-space-y-auto:focus { --space-y: auto; }
  .xl-active-space-y-auto:active { --space-y: auto; }
  .xl-disabled-space-y-auto:disabled { --space-y: auto; }
  .xl-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  .xl-focus-within-space-y-auto:focus-within { --space-y: auto; }
  .xl-group:hover .xl-group-hover-space-y-auto { --space-y: auto; }
  .xl-space-y-0 { --space-y: 0; }
  .xl-hover-space-y-0:hover { --space-y: 0; }
  .xl-focus-space-y-0:focus { --space-y: 0; }
  .xl-active-space-y-0:active { --space-y: 0; }
  .xl-disabled-space-y-0:disabled { --space-y: 0; }
  .xl-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  .xl-focus-within-space-y-0:focus-within { --space-y: 0; }
  .xl-group:hover .xl-group-hover-space-y-0 { --space-y: 0; }
  .xl-space-y-1 { --space-y: 0.25rem; }
  .xl-hover-space-y-1:hover { --space-y: 0.25rem; }
  .xl-focus-space-y-1:focus { --space-y: 0.25rem; }
  .xl-active-space-y-1:active { --space-y: 0.25rem; }
  .xl-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  .xl-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  .xl-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  .xl-group:hover .xl-group-hover-space-y-1 { --space-y: 0.25rem; }
  .xl-space-y-2 { --space-y: 0.5rem; }
  .xl-hover-space-y-2:hover { --space-y: 0.5rem; }
  .xl-focus-space-y-2:focus { --space-y: 0.5rem; }
  .xl-active-space-y-2:active { --space-y: 0.5rem; }
  .xl-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  .xl-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  .xl-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  .xl-group:hover .xl-group-hover-space-y-2 { --space-y: 0.5rem; }
  .xl-space-y-3 { --space-y: 0.75rem; }
  .xl-hover-space-y-3:hover { --space-y: 0.75rem; }
  .xl-focus-space-y-3:focus { --space-y: 0.75rem; }
  .xl-active-space-y-3:active { --space-y: 0.75rem; }
  .xl-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  .xl-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  .xl-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  .xl-group:hover .xl-group-hover-space-y-3 { --space-y: 0.75rem; }
  .xl-space-y-4 { --space-y: 1rem; }
  .xl-hover-space-y-4:hover { --space-y: 1rem; }
  .xl-focus-space-y-4:focus { --space-y: 1rem; }
  .xl-active-space-y-4:active { --space-y: 1rem; }
  .xl-disabled-space-y-4:disabled { --space-y: 1rem; }
  .xl-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  .xl-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  .xl-group:hover .xl-group-hover-space-y-4 { --space-y: 1rem; }
  .xl-space-y-5 { --space-y: 1.25rem; }
  .xl-hover-space-y-5:hover { --space-y: 1.25rem; }
  .xl-focus-space-y-5:focus { --space-y: 1.25rem; }
  .xl-active-space-y-5:active { --space-y: 1.25rem; }
  .xl-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  .xl-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  .xl-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  .xl-group:hover .xl-group-hover-space-y-5 { --space-y: 1.25rem; }
  .xl-space-y-6 { --space-y: 1.5rem; }
  .xl-hover-space-y-6:hover { --space-y: 1.5rem; }
  .xl-focus-space-y-6:focus { --space-y: 1.5rem; }
  .xl-active-space-y-6:active { --space-y: 1.5rem; }
  .xl-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  .xl-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  .xl-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  .xl-group:hover .xl-group-hover-space-y-6 { --space-y: 1.5rem; }
  .xl-space-y-8 { --space-y: 2rem; }
  .xl-hover-space-y-8:hover { --space-y: 2rem; }
  .xl-focus-space-y-8:focus { --space-y: 2rem; }
  .xl-active-space-y-8:active { --space-y: 2rem; }
  .xl-disabled-space-y-8:disabled { --space-y: 2rem; }
  .xl-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  .xl-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  .xl-group:hover .xl-group-hover-space-y-8 { --space-y: 2rem; }
  .xl-space-y-10 { --space-y: 2.5rem; }
  .xl-hover-space-y-10:hover { --space-y: 2.5rem; }
  .xl-focus-space-y-10:focus { --space-y: 2.5rem; }
  .xl-active-space-y-10:active { --space-y: 2.5rem; }
  .xl-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  .xl-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  .xl-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  .xl-group:hover .xl-group-hover-space-y-10 { --space-y: 2.5rem; }
  .xl-space-y-12 { --space-y: 3rem; }
  .xl-hover-space-y-12:hover { --space-y: 3rem; }
  .xl-focus-space-y-12:focus { --space-y: 3rem; }
  .xl-active-space-y-12:active { --space-y: 3rem; }
  .xl-disabled-space-y-12:disabled { --space-y: 3rem; }
  .xl-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  .xl-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  .xl-group:hover .xl-group-hover-space-y-12 { --space-y: 3rem; }
  .xl-space-y-16 { --space-y: 4rem; }
  .xl-hover-space-y-16:hover { --space-y: 4rem; }
  .xl-focus-space-y-16:focus { --space-y: 4rem; }
  .xl-active-space-y-16:active { --space-y: 4rem; }
  .xl-disabled-space-y-16:disabled { --space-y: 4rem; }
  .xl-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  .xl-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  .xl-group:hover .xl-group-hover-space-y-16 { --space-y: 4rem; }
  .xl-space-y-20 { --space-y: 5rem; }
  .xl-hover-space-y-20:hover { --space-y: 5rem; }
  .xl-focus-space-y-20:focus { --space-y: 5rem; }
  .xl-active-space-y-20:active { --space-y: 5rem; }
  .xl-disabled-space-y-20:disabled { --space-y: 5rem; }
  .xl-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  .xl-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  .xl-group:hover .xl-group-hover-space-y-20 { --space-y: 5rem; }
  .xl-space-y-24 { --space-y: 6rem; }
  .xl-hover-space-y-24:hover { --space-y: 6rem; }
  .xl-focus-space-y-24:focus { --space-y: 6rem; }
  .xl-active-space-y-24:active { --space-y: 6rem; }
  .xl-disabled-space-y-24:disabled { --space-y: 6rem; }
  .xl-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  .xl-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  .xl-group:hover .xl-group-hover-space-y-24 { --space-y: 6rem; }
  .xl-space-y-28 { --space-y: 7rem; }
  .xl-hover-space-y-28:hover { --space-y: 7rem; }
  .xl-focus-space-y-28:focus { --space-y: 7rem; }
  .xl-active-space-y-28:active { --space-y: 7rem; }
  .xl-disabled-space-y-28:disabled { --space-y: 7rem; }
  .xl-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  .xl-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  .xl-group:hover .xl-group-hover-space-y-28 { --space-y: 7rem; }
  .xl-space-y-32 { --space-y: 8rem; }
  .xl-hover-space-y-32:hover { --space-y: 8rem; }
  .xl-focus-space-y-32:focus { --space-y: 8rem; }
  .xl-active-space-y-32:active { --space-y: 8rem; }
  .xl-disabled-space-y-32:disabled { --space-y: 8rem; }
  .xl-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  .xl-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  .xl-group:hover .xl-group-hover-space-y-32 { --space-y: 8rem; }
  .xl-d-block { display: block; }
  .xl-hover-d-block:hover { display: block; }
  .xl-focus-d-block:focus { display: block; }
  .xl-active-d-block:active { display: block; }
  .xl-disabled-d-block:disabled { display: block; }
  .xl-focus-visible-d-block:focus-visible { display: block; }
  .xl-focus-within-d-block:focus-within { display: block; }
  .xl-group:hover .xl-group-hover-d-block { display: block; }
  .xl-d-inline { display: inline; }
  .xl-hover-d-inline:hover { display: inline; }
  .xl-focus-d-inline:focus { display: inline; }
  .xl-active-d-inline:active { display: inline; }
  .xl-disabled-d-inline:disabled { display: inline; }
  .xl-focus-visible-d-inline:focus-visible { display: inline; }
  .xl-focus-within-d-inline:focus-within { display: inline; }
  .xl-group:hover .xl-group-hover-d-inline { display: inline; }
  .xl-d-inline-block { display: inline-block; }
  .xl-hover-d-inline-block:hover { display: inline-block; }
  .xl-focus-d-inline-block:focus { display: inline-block; }
  .xl-active-d-inline-block:active { display: inline-block; }
  .xl-disabled-d-inline-block:disabled { display: inline-block; }
  .xl-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  .xl-focus-within-d-inline-block:focus-within { display: inline-block; }
  .xl-group:hover .xl-group-hover-d-inline-block { display: inline-block; }
  .xl-d-flex { display: flex; }
  .xl-hover-d-flex:hover { display: flex; }
  .xl-focus-d-flex:focus { display: flex; }
  .xl-active-d-flex:active { display: flex; }
  .xl-disabled-d-flex:disabled { display: flex; }
  .xl-focus-visible-d-flex:focus-visible { display: flex; }
  .xl-focus-within-d-flex:focus-within { display: flex; }
  .xl-group:hover .xl-group-hover-d-flex { display: flex; }
  .xl-d-inline-flex { display: inline-flex; }
  .xl-hover-d-inline-flex:hover { display: inline-flex; }
  .xl-focus-d-inline-flex:focus { display: inline-flex; }
  .xl-active-d-inline-flex:active { display: inline-flex; }
  .xl-disabled-d-inline-flex:disabled { display: inline-flex; }
  .xl-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  .xl-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  .xl-group:hover .xl-group-hover-d-inline-flex { display: inline-flex; }
  .xl-d-grid { display: grid; }
  .xl-hover-d-grid:hover { display: grid; }
  .xl-focus-d-grid:focus { display: grid; }
  .xl-active-d-grid:active { display: grid; }
  .xl-disabled-d-grid:disabled { display: grid; }
  .xl-focus-visible-d-grid:focus-visible { display: grid; }
  .xl-focus-within-d-grid:focus-within { display: grid; }
  .xl-group:hover .xl-group-hover-d-grid { display: grid; }
  .xl-d-inline-grid { display: inline-grid; }
  .xl-hover-d-inline-grid:hover { display: inline-grid; }
  .xl-focus-d-inline-grid:focus { display: inline-grid; }
  .xl-active-d-inline-grid:active { display: inline-grid; }
  .xl-disabled-d-inline-grid:disabled { display: inline-grid; }
  .xl-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  .xl-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  .xl-group:hover .xl-group-hover-d-inline-grid { display: inline-grid; }
  .xl-d-none { display: none; }
  .xl-hover-d-none:hover { display: none; }
  .xl-focus-d-none:focus { display: none; }
  .xl-active-d-none:active { display: none; }
  .xl-disabled-d-none:disabled { display: none; }
  .xl-focus-visible-d-none:focus-visible { display: none; }
  .xl-focus-within-d-none:focus-within { display: none; }
  .xl-group:hover .xl-group-hover-d-none { display: none; }
  .xl-static { position: static; }
  .xl-hover-static:hover { position: static; }
  .xl-focus-static:focus { position: static; }
  .xl-active-static:active { position: static; }
  .xl-disabled-static:disabled { position: static; }
  .xl-focus-visible-static:focus-visible { position: static; }
  .xl-focus-within-static:focus-within { position: static; }
  .xl-group:hover .xl-group-hover-static { position: static; }
  .xl-relative { position: relative; }
  .xl-hover-relative:hover { position: relative; }
  .xl-focus-relative:focus { position: relative; }
  .xl-active-relative:active { position: relative; }
  .xl-disabled-relative:disabled { position: relative; }
  .xl-focus-visible-relative:focus-visible { position: relative; }
  .xl-focus-within-relative:focus-within { position: relative; }
  .xl-group:hover .xl-group-hover-relative { position: relative; }
  .xl-absolute { position: absolute; }
  .xl-hover-absolute:hover { position: absolute; }
  .xl-focus-absolute:focus { position: absolute; }
  .xl-active-absolute:active { position: absolute; }
  .xl-disabled-absolute:disabled { position: absolute; }
  .xl-focus-visible-absolute:focus-visible { position: absolute; }
  .xl-focus-within-absolute:focus-within { position: absolute; }
  .xl-group:hover .xl-group-hover-absolute { position: absolute; }
  .xl-fixed { position: fixed; }
  .xl-hover-fixed:hover { position: fixed; }
  .xl-focus-fixed:focus { position: fixed; }
  .xl-active-fixed:active { position: fixed; }
  .xl-disabled-fixed:disabled { position: fixed; }
  .xl-focus-visible-fixed:focus-visible { position: fixed; }
  .xl-focus-within-fixed:focus-within { position: fixed; }
  .xl-group:hover .xl-group-hover-fixed { position: fixed; }
  .xl-sticky { position: sticky; }
  .xl-hover-sticky:hover { position: sticky; }
  .xl-focus-sticky:focus { position: sticky; }
  .xl-active-sticky:active { position: sticky; }
  .xl-disabled-sticky:disabled { position: sticky; }
  .xl-focus-visible-sticky:focus-visible { position: sticky; }
  .xl-focus-within-sticky:focus-within { position: sticky; }
  .xl-group:hover .xl-group-hover-sticky { position: sticky; }
  .xl-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-group:hover .xl-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .xl-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-group:hover .xl-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .xl-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-group:hover .xl-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .xl-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-group:hover .xl-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .xl-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-group:hover .xl-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .xl-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-group:hover .xl-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .xl-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-group:hover .xl-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .xl-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-group:hover .xl-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .xl-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-group:hover .xl-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .xl-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-group:hover .xl-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .xl-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-group:hover .xl-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .xl-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-group:hover .xl-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .xl-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-group:hover .xl-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .xl-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-group:hover .xl-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .xl-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-group:hover .xl-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .xl-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-group:hover .xl-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .xl-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-group:hover .xl-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .xl-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-group:hover .xl-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .xl-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-group:hover .xl-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .xl-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-group:hover .xl-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .xl-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-group:hover .xl-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .xl-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-group:hover .xl-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .xl-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-group:hover .xl-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .xl-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-group:hover .xl-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .xl-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-group:hover .xl-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .xl-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-group:hover .xl-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .xl-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-group:hover .xl-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .xl-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-group:hover .xl-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .xl-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-group:hover .xl-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .xl-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-group:hover .xl-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .xl-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-group:hover .xl-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .xl-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-group:hover .xl-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .xl-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-group:hover .xl-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .xl-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-group:hover .xl-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .xl-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .xl-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .xl-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .xl-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-group:hover .xl-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .xl-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .xl-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .xl-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .xl-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-group:hover .xl-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .xl-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .xl-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .xl-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .xl-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-group:hover .xl-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .xl-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .xl-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .xl-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .xl-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-group:hover .xl-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .xl-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .xl-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .xl-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .xl-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .xl-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .xl-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .xl-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .xl-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-group:hover .xl-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .xl-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .xl-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .xl-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .xl-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-group:hover .xl-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .xl-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-group:hover .xl-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .xl-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-group:hover .xl-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .xl-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-group:hover .xl-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .xl-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-group:hover .xl-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .xl-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-group:hover .xl-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .xl-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .xl-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .xl-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .xl-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-group:hover .xl-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .xl-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .xl-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .xl-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .xl-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-group:hover .xl-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .xl-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .xl-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .xl-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .xl-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-group:hover .xl-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .xl-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .xl-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .xl-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .xl-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-group:hover .xl-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .xl-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .xl-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .xl-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .xl-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-group:hover .xl-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .xl-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-group:hover .xl-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .xl-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-group:hover .xl-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .xl-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-group:hover .xl-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .xl-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-group:hover .xl-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .xl-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-group:hover .xl-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .xl-top-0 { top: 0; }      .-top-0   { top: 0; }
  .xl-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  .xl-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  .xl-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  .xl-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  .xl-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  .xl-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  .xl-group:hover .xl-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  .xl-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-group:hover .xl-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .xl-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-group:hover .xl-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .xl-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-group:hover .xl-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .xl-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-group:hover .xl-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .xl-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-group:hover .xl-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .xl-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-group:hover .xl-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .xl-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-group:hover .xl-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .xl-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-group:hover .xl-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .xl-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-group:hover .xl-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .xl-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-group:hover .xl-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .xl-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-group:hover .xl-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .xl-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-group:hover .xl-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .xl-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-group:hover .xl-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .xl-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-group:hover .xl-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .xl-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-group:hover .xl-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .xl-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-group:hover .xl-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .xl-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-group:hover .xl-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .xl-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-group:hover .xl-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .xl-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-group:hover .xl-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .xl-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-group:hover .xl-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .xl-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-group:hover .xl-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .xl-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-group:hover .xl-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .xl-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-group:hover .xl-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .xl-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-group:hover .xl-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .xl-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-group:hover .xl-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .xl-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-group:hover .xl-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .xl-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-group:hover .xl-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .xl-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-group:hover .xl-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .xl-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-group:hover .xl-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .xl-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-group:hover .xl-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .xl-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-group:hover .xl-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .xl-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-group:hover .xl-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .xl-right-0 { right: 0; }      .-right-0   { right: 0; }
  .xl-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  .xl-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  .xl-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  .xl-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  .xl-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  .xl-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  .xl-group:hover .xl-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  .xl-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-group:hover .xl-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .xl-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-group:hover .xl-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .xl-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-group:hover .xl-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .xl-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-group:hover .xl-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .xl-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-group:hover .xl-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .xl-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-group:hover .xl-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .xl-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-group:hover .xl-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .xl-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-group:hover .xl-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .xl-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-group:hover .xl-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .xl-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-group:hover .xl-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .xl-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-group:hover .xl-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .xl-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-group:hover .xl-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .xl-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-group:hover .xl-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .xl-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-group:hover .xl-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .xl-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-group:hover .xl-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .xl-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-group:hover .xl-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .xl-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-group:hover .xl-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .xl-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-group:hover .xl-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .xl-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-group:hover .xl-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .xl-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-group:hover .xl-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .xl-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-group:hover .xl-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .xl-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-group:hover .xl-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .xl-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-group:hover .xl-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .xl-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-group:hover .xl-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .xl-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-group:hover .xl-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .xl-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-group:hover .xl-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .xl-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-group:hover .xl-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .xl-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-group:hover .xl-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .xl-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-group:hover .xl-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .xl-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-group:hover .xl-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .xl-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-group:hover .xl-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .xl-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-group:hover .xl-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .xl-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-group:hover .xl-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .xl-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-group:hover .xl-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .xl-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-group:hover .xl-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .xl-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-group:hover .xl-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .xl-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-group:hover .xl-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .xl-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-group:hover .xl-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .xl-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-group:hover .xl-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .xl-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-group:hover .xl-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .xl-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-group:hover .xl-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .xl-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-group:hover .xl-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .xl-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-group:hover .xl-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .xl-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-group:hover .xl-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .xl-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-group:hover .xl-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .xl-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-group:hover .xl-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .xl-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-group:hover .xl-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .xl-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-group:hover .xl-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .xl-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-group:hover .xl-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .xl-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-group:hover .xl-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .xl-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-group:hover .xl-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .xl-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-group:hover .xl-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .xl-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-group:hover .xl-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .xl-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-group:hover .xl-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .xl-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-group:hover .xl-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .xl-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-group:hover .xl-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .xl-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-group:hover .xl-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .xl-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-group:hover .xl-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .xl-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-group:hover .xl-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .xl-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-group:hover .xl-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .xl-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-group:hover .xl-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .xl-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-group:hover .xl-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .xl-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-group:hover .xl-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .xl-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-group:hover .xl-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .xl-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-group:hover .xl-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .xl-left-0 { left: 0; }      .-left-0   { left: 0; }
  .xl-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  .xl-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  .xl-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  .xl-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  .xl-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  .xl-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  .xl-group:hover .xl-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  .xl-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-group:hover .xl-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .xl-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-group:hover .xl-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .xl-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-group:hover .xl-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .xl-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-group:hover .xl-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .xl-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-group:hover .xl-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .xl-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-group:hover .xl-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .xl-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-group:hover .xl-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .xl-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-group:hover .xl-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .xl-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-group:hover .xl-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .xl-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-group:hover .xl-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .xl-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-group:hover .xl-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .xl-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-group:hover .xl-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .xl-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-group:hover .xl-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .xl-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-group:hover .xl-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .xl-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-group:hover .xl-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .xl-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-group:hover .xl-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .xl-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-group:hover .xl-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .xl-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-group:hover .xl-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .xl-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-group:hover .xl-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .xl-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-group:hover .xl-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .xl-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-group:hover .xl-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .xl-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-group:hover .xl-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .xl-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-group:hover .xl-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .xl-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-group:hover .xl-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .xl-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-group:hover .xl-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .xl-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-group:hover .xl-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .xl-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-group:hover .xl-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .xl-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-group:hover .xl-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .xl-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-group:hover .xl-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .xl-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-group:hover .xl-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .xl-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-group:hover .xl-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .xl-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-group:hover .xl-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .xl-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .xl-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  .xl-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  .xl-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  .xl-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  .xl-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  .xl-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .xl-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .xl-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  .xl-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  .xl-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  .xl-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  .xl-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  .xl-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .xl-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .xl-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  .xl-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  .xl-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  .xl-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  .xl-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  .xl-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .xl-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .xl-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  .xl-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  .xl-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  .xl-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  .xl-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  .xl-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .xl-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .xl-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  .xl-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  .xl-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  .xl-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  .xl-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  .xl-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .xl-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .xl-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  .xl-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  .xl-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  .xl-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  .xl-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  .xl-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .xl-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .xl-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  .xl-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  .xl-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  .xl-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  .xl-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  .xl-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .xl-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .xl-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  .xl-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  .xl-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  .xl-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  .xl-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  .xl-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .xl-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .xl-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  .xl-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  .xl-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  .xl-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  .xl-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  .xl-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .xl-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .xl-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  .xl-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  .xl-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  .xl-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  .xl-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  .xl-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .xl-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .xl-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  .xl-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  .xl-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  .xl-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  .xl-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  .xl-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .xl-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .xl-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  .xl-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  .xl-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  .xl-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  .xl-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  .xl-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .xl-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .xl-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  .xl-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  .xl-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  .xl-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  .xl-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  .xl-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .xl-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .xl-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  .xl-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  .xl-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  .xl-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  .xl-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  .xl-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .xl-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .xl-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  .xl-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  .xl-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  .xl-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  .xl-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  .xl-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .xl-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .xl-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  .xl-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  .xl-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  .xl-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  .xl-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  .xl-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .xl-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .xl-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  .xl-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  .xl-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  .xl-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  .xl-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  .xl-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .xl-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .xl-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  .xl-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  .xl-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  .xl-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  .xl-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  .xl-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .xl-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .xl-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .xl-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .xl-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .xl-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .xl-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .xl-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .xl-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-group:hover .xl-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .xl-gap-0 { gap: 0; }
  .xl-hover-gap-0:hover { gap: 0; }
  .xl-focus-gap-0:focus { gap: 0; }
  .xl-active-gap-0:active { gap: 0; }
  .xl-disabled-gap-0:disabled { gap: 0; }
  .xl-focus-visible-gap-0:focus-visible { gap: 0; }
  .xl-focus-within-gap-0:focus-within { gap: 0; }
  .xl-group:hover .xl-group-hover-gap-0 { gap: 0; }
  .xl-gap-1 { gap: 0.25rem; }
  .xl-hover-gap-1:hover { gap: 0.25rem; }
  .xl-focus-gap-1:focus { gap: 0.25rem; }
  .xl-active-gap-1:active { gap: 0.25rem; }
  .xl-disabled-gap-1:disabled { gap: 0.25rem; }
  .xl-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  .xl-focus-within-gap-1:focus-within { gap: 0.25rem; }
  .xl-group:hover .xl-group-hover-gap-1 { gap: 0.25rem; }
  .xl-gap-2 { gap: 0.5rem; }
  .xl-hover-gap-2:hover { gap: 0.5rem; }
  .xl-focus-gap-2:focus { gap: 0.5rem; }
  .xl-active-gap-2:active { gap: 0.5rem; }
  .xl-disabled-gap-2:disabled { gap: 0.5rem; }
  .xl-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  .xl-focus-within-gap-2:focus-within { gap: 0.5rem; }
  .xl-group:hover .xl-group-hover-gap-2 { gap: 0.5rem; }
  .xl-gap-3 { gap: 0.75rem; }
  .xl-hover-gap-3:hover { gap: 0.75rem; }
  .xl-focus-gap-3:focus { gap: 0.75rem; }
  .xl-active-gap-3:active { gap: 0.75rem; }
  .xl-disabled-gap-3:disabled { gap: 0.75rem; }
  .xl-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  .xl-focus-within-gap-3:focus-within { gap: 0.75rem; }
  .xl-group:hover .xl-group-hover-gap-3 { gap: 0.75rem; }
  .xl-gap-4 { gap: 1rem; }
  .xl-hover-gap-4:hover { gap: 1rem; }
  .xl-focus-gap-4:focus { gap: 1rem; }
  .xl-active-gap-4:active { gap: 1rem; }
  .xl-disabled-gap-4:disabled { gap: 1rem; }
  .xl-focus-visible-gap-4:focus-visible { gap: 1rem; }
  .xl-focus-within-gap-4:focus-within { gap: 1rem; }
  .xl-group:hover .xl-group-hover-gap-4 { gap: 1rem; }
  .xl-gap-5 { gap: 1.25rem; }
  .xl-hover-gap-5:hover { gap: 1.25rem; }
  .xl-focus-gap-5:focus { gap: 1.25rem; }
  .xl-active-gap-5:active { gap: 1.25rem; }
  .xl-disabled-gap-5:disabled { gap: 1.25rem; }
  .xl-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  .xl-focus-within-gap-5:focus-within { gap: 1.25rem; }
  .xl-group:hover .xl-group-hover-gap-5 { gap: 1.25rem; }
  .xl-gap-6 { gap: 1.5rem; }
  .xl-hover-gap-6:hover { gap: 1.5rem; }
  .xl-focus-gap-6:focus { gap: 1.5rem; }
  .xl-active-gap-6:active { gap: 1.5rem; }
  .xl-disabled-gap-6:disabled { gap: 1.5rem; }
  .xl-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  .xl-focus-within-gap-6:focus-within { gap: 1.5rem; }
  .xl-group:hover .xl-group-hover-gap-6 { gap: 1.5rem; }
  .xl-gap-7 { gap: 1.75rem; }
  .xl-hover-gap-7:hover { gap: 1.75rem; }
  .xl-focus-gap-7:focus { gap: 1.75rem; }
  .xl-active-gap-7:active { gap: 1.75rem; }
  .xl-disabled-gap-7:disabled { gap: 1.75rem; }
  .xl-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  .xl-focus-within-gap-7:focus-within { gap: 1.75rem; }
  .xl-group:hover .xl-group-hover-gap-7 { gap: 1.75rem; }
  .xl-gap-8 { gap: 2rem; }
  .xl-hover-gap-8:hover { gap: 2rem; }
  .xl-focus-gap-8:focus { gap: 2rem; }
  .xl-active-gap-8:active { gap: 2rem; }
  .xl-disabled-gap-8:disabled { gap: 2rem; }
  .xl-focus-visible-gap-8:focus-visible { gap: 2rem; }
  .xl-focus-within-gap-8:focus-within { gap: 2rem; }
  .xl-group:hover .xl-group-hover-gap-8 { gap: 2rem; }
  .xl-gap-9 { gap: 2.25rem; }
  .xl-hover-gap-9:hover { gap: 2.25rem; }
  .xl-focus-gap-9:focus { gap: 2.25rem; }
  .xl-active-gap-9:active { gap: 2.25rem; }
  .xl-disabled-gap-9:disabled { gap: 2.25rem; }
  .xl-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  .xl-focus-within-gap-9:focus-within { gap: 2.25rem; }
  .xl-group:hover .xl-group-hover-gap-9 { gap: 2.25rem; }
  .xl-gap-10 { gap: 2.5rem; }
  .xl-hover-gap-10:hover { gap: 2.5rem; }
  .xl-focus-gap-10:focus { gap: 2.5rem; }
  .xl-active-gap-10:active { gap: 2.5rem; }
  .xl-disabled-gap-10:disabled { gap: 2.5rem; }
  .xl-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  .xl-focus-within-gap-10:focus-within { gap: 2.5rem; }
  .xl-group:hover .xl-group-hover-gap-10 { gap: 2.5rem; }
  .xl-gap-12 { gap: 3rem; }
  .xl-hover-gap-12:hover { gap: 3rem; }
  .xl-focus-gap-12:focus { gap: 3rem; }
  .xl-active-gap-12:active { gap: 3rem; }
  .xl-disabled-gap-12:disabled { gap: 3rem; }
  .xl-focus-visible-gap-12:focus-visible { gap: 3rem; }
  .xl-focus-within-gap-12:focus-within { gap: 3rem; }
  .xl-group:hover .xl-group-hover-gap-12 { gap: 3rem; }
  .xl-gap-14 { gap: 3.5rem; }
  .xl-hover-gap-14:hover { gap: 3.5rem; }
  .xl-focus-gap-14:focus { gap: 3.5rem; }
  .xl-active-gap-14:active { gap: 3.5rem; }
  .xl-disabled-gap-14:disabled { gap: 3.5rem; }
  .xl-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  .xl-focus-within-gap-14:focus-within { gap: 3.5rem; }
  .xl-group:hover .xl-group-hover-gap-14 { gap: 3.5rem; }
  .xl-gap-16 { gap: 4rem; }
  .xl-hover-gap-16:hover { gap: 4rem; }
  .xl-focus-gap-16:focus { gap: 4rem; }
  .xl-active-gap-16:active { gap: 4rem; }
  .xl-disabled-gap-16:disabled { gap: 4rem; }
  .xl-focus-visible-gap-16:focus-visible { gap: 4rem; }
  .xl-focus-within-gap-16:focus-within { gap: 4rem; }
  .xl-group:hover .xl-group-hover-gap-16 { gap: 4rem; }
  .xl-gap-20 { gap: 5rem; }
  .xl-hover-gap-20:hover { gap: 5rem; }
  .xl-focus-gap-20:focus { gap: 5rem; }
  .xl-active-gap-20:active { gap: 5rem; }
  .xl-disabled-gap-20:disabled { gap: 5rem; }
  .xl-focus-visible-gap-20:focus-visible { gap: 5rem; }
  .xl-focus-within-gap-20:focus-within { gap: 5rem; }
  .xl-group:hover .xl-group-hover-gap-20 { gap: 5rem; }
  .xl-gap-24 { gap: 6rem; }
  .xl-hover-gap-24:hover { gap: 6rem; }
  .xl-focus-gap-24:focus { gap: 6rem; }
  .xl-active-gap-24:active { gap: 6rem; }
  .xl-disabled-gap-24:disabled { gap: 6rem; }
  .xl-focus-visible-gap-24:focus-visible { gap: 6rem; }
  .xl-focus-within-gap-24:focus-within { gap: 6rem; }
  .xl-group:hover .xl-group-hover-gap-24 { gap: 6rem; }
  .xl-gap-28 { gap: 7rem; }
  .xl-hover-gap-28:hover { gap: 7rem; }
  .xl-focus-gap-28:focus { gap: 7rem; }
  .xl-active-gap-28:active { gap: 7rem; }
  .xl-disabled-gap-28:disabled { gap: 7rem; }
  .xl-focus-visible-gap-28:focus-visible { gap: 7rem; }
  .xl-focus-within-gap-28:focus-within { gap: 7rem; }
  .xl-group:hover .xl-group-hover-gap-28 { gap: 7rem; }
  .xl-gap-32 { gap: 8rem; }
  .xl-hover-gap-32:hover { gap: 8rem; }
  .xl-focus-gap-32:focus { gap: 8rem; }
  .xl-active-gap-32:active { gap: 8rem; }
  .xl-disabled-gap-32:disabled { gap: 8rem; }
  .xl-focus-visible-gap-32:focus-visible { gap: 8rem; }
  .xl-focus-within-gap-32:focus-within { gap: 8rem; }
  .xl-group:hover .xl-group-hover-gap-32 { gap: 8rem; }
  .xl-row-gap-0 { row-gap: 0; }
  .xl-hover-row-gap-0:hover { row-gap: 0; }
  .xl-focus-row-gap-0:focus { row-gap: 0; }
  .xl-active-row-gap-0:active { row-gap: 0; }
  .xl-disabled-row-gap-0:disabled { row-gap: 0; }
  .xl-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  .xl-focus-within-row-gap-0:focus-within { row-gap: 0; }
  .xl-group:hover .xl-group-hover-row-gap-0 { row-gap: 0; }
  .xl-row-gap-1 { row-gap: 0.25rem; }
  .xl-hover-row-gap-1:hover { row-gap: 0.25rem; }
  .xl-focus-row-gap-1:focus { row-gap: 0.25rem; }
  .xl-active-row-gap-1:active { row-gap: 0.25rem; }
  .xl-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  .xl-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  .xl-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  .xl-group:hover .xl-group-hover-row-gap-1 { row-gap: 0.25rem; }
  .xl-row-gap-2 { row-gap: 0.5rem; }
  .xl-hover-row-gap-2:hover { row-gap: 0.5rem; }
  .xl-focus-row-gap-2:focus { row-gap: 0.5rem; }
  .xl-active-row-gap-2:active { row-gap: 0.5rem; }
  .xl-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  .xl-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  .xl-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  .xl-group:hover .xl-group-hover-row-gap-2 { row-gap: 0.5rem; }
  .xl-row-gap-3 { row-gap: 0.75rem; }
  .xl-hover-row-gap-3:hover { row-gap: 0.75rem; }
  .xl-focus-row-gap-3:focus { row-gap: 0.75rem; }
  .xl-active-row-gap-3:active { row-gap: 0.75rem; }
  .xl-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  .xl-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  .xl-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  .xl-group:hover .xl-group-hover-row-gap-3 { row-gap: 0.75rem; }
  .xl-row-gap-4 { row-gap: 1rem; }
  .xl-hover-row-gap-4:hover { row-gap: 1rem; }
  .xl-focus-row-gap-4:focus { row-gap: 1rem; }
  .xl-active-row-gap-4:active { row-gap: 1rem; }
  .xl-disabled-row-gap-4:disabled { row-gap: 1rem; }
  .xl-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  .xl-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  .xl-group:hover .xl-group-hover-row-gap-4 { row-gap: 1rem; }
  .xl-row-gap-5 { row-gap: 1.25rem; }
  .xl-hover-row-gap-5:hover { row-gap: 1.25rem; }
  .xl-focus-row-gap-5:focus { row-gap: 1.25rem; }
  .xl-active-row-gap-5:active { row-gap: 1.25rem; }
  .xl-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  .xl-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  .xl-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  .xl-group:hover .xl-group-hover-row-gap-5 { row-gap: 1.25rem; }
  .xl-row-gap-6 { row-gap: 1.5rem; }
  .xl-hover-row-gap-6:hover { row-gap: 1.5rem; }
  .xl-focus-row-gap-6:focus { row-gap: 1.5rem; }
  .xl-active-row-gap-6:active { row-gap: 1.5rem; }
  .xl-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  .xl-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  .xl-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  .xl-group:hover .xl-group-hover-row-gap-6 { row-gap: 1.5rem; }
  .xl-row-gap-7 { row-gap: 1.75rem; }
  .xl-hover-row-gap-7:hover { row-gap: 1.75rem; }
  .xl-focus-row-gap-7:focus { row-gap: 1.75rem; }
  .xl-active-row-gap-7:active { row-gap: 1.75rem; }
  .xl-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  .xl-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  .xl-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  .xl-group:hover .xl-group-hover-row-gap-7 { row-gap: 1.75rem; }
  .xl-row-gap-8 { row-gap: 2rem; }
  .xl-hover-row-gap-8:hover { row-gap: 2rem; }
  .xl-focus-row-gap-8:focus { row-gap: 2rem; }
  .xl-active-row-gap-8:active { row-gap: 2rem; }
  .xl-disabled-row-gap-8:disabled { row-gap: 2rem; }
  .xl-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  .xl-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  .xl-group:hover .xl-group-hover-row-gap-8 { row-gap: 2rem; }
  .xl-row-gap-9 { row-gap: 2.25rem; }
  .xl-hover-row-gap-9:hover { row-gap: 2.25rem; }
  .xl-focus-row-gap-9:focus { row-gap: 2.25rem; }
  .xl-active-row-gap-9:active { row-gap: 2.25rem; }
  .xl-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  .xl-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  .xl-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  .xl-group:hover .xl-group-hover-row-gap-9 { row-gap: 2.25rem; }
  .xl-row-gap-10 { row-gap: 2.5rem; }
  .xl-hover-row-gap-10:hover { row-gap: 2.5rem; }
  .xl-focus-row-gap-10:focus { row-gap: 2.5rem; }
  .xl-active-row-gap-10:active { row-gap: 2.5rem; }
  .xl-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  .xl-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  .xl-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  .xl-group:hover .xl-group-hover-row-gap-10 { row-gap: 2.5rem; }
  .xl-row-gap-12 { row-gap: 3rem; }
  .xl-hover-row-gap-12:hover { row-gap: 3rem; }
  .xl-focus-row-gap-12:focus { row-gap: 3rem; }
  .xl-active-row-gap-12:active { row-gap: 3rem; }
  .xl-disabled-row-gap-12:disabled { row-gap: 3rem; }
  .xl-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  .xl-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  .xl-group:hover .xl-group-hover-row-gap-12 { row-gap: 3rem; }
  .xl-row-gap-14 { row-gap: 3.5rem; }
  .xl-hover-row-gap-14:hover { row-gap: 3.5rem; }
  .xl-focus-row-gap-14:focus { row-gap: 3.5rem; }
  .xl-active-row-gap-14:active { row-gap: 3.5rem; }
  .xl-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  .xl-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  .xl-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  .xl-group:hover .xl-group-hover-row-gap-14 { row-gap: 3.5rem; }
  .xl-row-gap-16 { row-gap: 4rem; }
  .xl-hover-row-gap-16:hover { row-gap: 4rem; }
  .xl-focus-row-gap-16:focus { row-gap: 4rem; }
  .xl-active-row-gap-16:active { row-gap: 4rem; }
  .xl-disabled-row-gap-16:disabled { row-gap: 4rem; }
  .xl-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  .xl-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  .xl-group:hover .xl-group-hover-row-gap-16 { row-gap: 4rem; }
  .xl-row-gap-20 { row-gap: 5rem; }
  .xl-hover-row-gap-20:hover { row-gap: 5rem; }
  .xl-focus-row-gap-20:focus { row-gap: 5rem; }
  .xl-active-row-gap-20:active { row-gap: 5rem; }
  .xl-disabled-row-gap-20:disabled { row-gap: 5rem; }
  .xl-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  .xl-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  .xl-group:hover .xl-group-hover-row-gap-20 { row-gap: 5rem; }
  .xl-row-gap-24 { row-gap: 6rem; }
  .xl-hover-row-gap-24:hover { row-gap: 6rem; }
  .xl-focus-row-gap-24:focus { row-gap: 6rem; }
  .xl-active-row-gap-24:active { row-gap: 6rem; }
  .xl-disabled-row-gap-24:disabled { row-gap: 6rem; }
  .xl-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  .xl-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  .xl-group:hover .xl-group-hover-row-gap-24 { row-gap: 6rem; }
  .xl-row-gap-28 { row-gap: 7rem; }
  .xl-hover-row-gap-28:hover { row-gap: 7rem; }
  .xl-focus-row-gap-28:focus { row-gap: 7rem; }
  .xl-active-row-gap-28:active { row-gap: 7rem; }
  .xl-disabled-row-gap-28:disabled { row-gap: 7rem; }
  .xl-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  .xl-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  .xl-group:hover .xl-group-hover-row-gap-28 { row-gap: 7rem; }
  .xl-row-gap-32 { row-gap: 8rem; }
  .xl-hover-row-gap-32:hover { row-gap: 8rem; }
  .xl-focus-row-gap-32:focus { row-gap: 8rem; }
  .xl-active-row-gap-32:active { row-gap: 8rem; }
  .xl-disabled-row-gap-32:disabled { row-gap: 8rem; }
  .xl-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  .xl-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  .xl-group:hover .xl-group-hover-row-gap-32 { row-gap: 8rem; }
  .xl-column-gap-0 { column-gap: 0; }
  .xl-hover-column-gap-0:hover { column-gap: 0; }
  .xl-focus-column-gap-0:focus { column-gap: 0; }
  .xl-active-column-gap-0:active { column-gap: 0; }
  .xl-disabled-column-gap-0:disabled { column-gap: 0; }
  .xl-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  .xl-focus-within-column-gap-0:focus-within { column-gap: 0; }
  .xl-group:hover .xl-group-hover-column-gap-0 { column-gap: 0; }
  .xl-column-gap-1 { column-gap: 0.25rem; }
  .xl-hover-column-gap-1:hover { column-gap: 0.25rem; }
  .xl-focus-column-gap-1:focus { column-gap: 0.25rem; }
  .xl-active-column-gap-1:active { column-gap: 0.25rem; }
  .xl-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  .xl-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  .xl-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  .xl-group:hover .xl-group-hover-column-gap-1 { column-gap: 0.25rem; }
  .xl-column-gap-2 { column-gap: 0.5rem; }
  .xl-hover-column-gap-2:hover { column-gap: 0.5rem; }
  .xl-focus-column-gap-2:focus { column-gap: 0.5rem; }
  .xl-active-column-gap-2:active { column-gap: 0.5rem; }
  .xl-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  .xl-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  .xl-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  .xl-group:hover .xl-group-hover-column-gap-2 { column-gap: 0.5rem; }
  .xl-column-gap-3 { column-gap: 0.75rem; }
  .xl-hover-column-gap-3:hover { column-gap: 0.75rem; }
  .xl-focus-column-gap-3:focus { column-gap: 0.75rem; }
  .xl-active-column-gap-3:active { column-gap: 0.75rem; }
  .xl-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  .xl-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  .xl-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  .xl-group:hover .xl-group-hover-column-gap-3 { column-gap: 0.75rem; }
  .xl-column-gap-4 { column-gap: 1rem; }
  .xl-hover-column-gap-4:hover { column-gap: 1rem; }
  .xl-focus-column-gap-4:focus { column-gap: 1rem; }
  .xl-active-column-gap-4:active { column-gap: 1rem; }
  .xl-disabled-column-gap-4:disabled { column-gap: 1rem; }
  .xl-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  .xl-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  .xl-group:hover .xl-group-hover-column-gap-4 { column-gap: 1rem; }
  .xl-column-gap-5 { column-gap: 1.25rem; }
  .xl-hover-column-gap-5:hover { column-gap: 1.25rem; }
  .xl-focus-column-gap-5:focus { column-gap: 1.25rem; }
  .xl-active-column-gap-5:active { column-gap: 1.25rem; }
  .xl-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  .xl-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  .xl-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  .xl-group:hover .xl-group-hover-column-gap-5 { column-gap: 1.25rem; }
  .xl-column-gap-6 { column-gap: 1.5rem; }
  .xl-hover-column-gap-6:hover { column-gap: 1.5rem; }
  .xl-focus-column-gap-6:focus { column-gap: 1.5rem; }
  .xl-active-column-gap-6:active { column-gap: 1.5rem; }
  .xl-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  .xl-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  .xl-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  .xl-group:hover .xl-group-hover-column-gap-6 { column-gap: 1.5rem; }
  .xl-column-gap-7 { column-gap: 1.75rem; }
  .xl-hover-column-gap-7:hover { column-gap: 1.75rem; }
  .xl-focus-column-gap-7:focus { column-gap: 1.75rem; }
  .xl-active-column-gap-7:active { column-gap: 1.75rem; }
  .xl-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  .xl-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  .xl-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  .xl-group:hover .xl-group-hover-column-gap-7 { column-gap: 1.75rem; }
  .xl-column-gap-8 { column-gap: 2rem; }
  .xl-hover-column-gap-8:hover { column-gap: 2rem; }
  .xl-focus-column-gap-8:focus { column-gap: 2rem; }
  .xl-active-column-gap-8:active { column-gap: 2rem; }
  .xl-disabled-column-gap-8:disabled { column-gap: 2rem; }
  .xl-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  .xl-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  .xl-group:hover .xl-group-hover-column-gap-8 { column-gap: 2rem; }
  .xl-column-gap-9 { column-gap: 2.25rem; }
  .xl-hover-column-gap-9:hover { column-gap: 2.25rem; }
  .xl-focus-column-gap-9:focus { column-gap: 2.25rem; }
  .xl-active-column-gap-9:active { column-gap: 2.25rem; }
  .xl-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  .xl-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  .xl-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  .xl-group:hover .xl-group-hover-column-gap-9 { column-gap: 2.25rem; }
  .xl-column-gap-10 { column-gap: 2.5rem; }
  .xl-hover-column-gap-10:hover { column-gap: 2.5rem; }
  .xl-focus-column-gap-10:focus { column-gap: 2.5rem; }
  .xl-active-column-gap-10:active { column-gap: 2.5rem; }
  .xl-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  .xl-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  .xl-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  .xl-group:hover .xl-group-hover-column-gap-10 { column-gap: 2.5rem; }
  .xl-column-gap-12 { column-gap: 3rem; }
  .xl-hover-column-gap-12:hover { column-gap: 3rem; }
  .xl-focus-column-gap-12:focus { column-gap: 3rem; }
  .xl-active-column-gap-12:active { column-gap: 3rem; }
  .xl-disabled-column-gap-12:disabled { column-gap: 3rem; }
  .xl-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  .xl-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  .xl-group:hover .xl-group-hover-column-gap-12 { column-gap: 3rem; }
  .xl-column-gap-14 { column-gap: 3.5rem; }
  .xl-hover-column-gap-14:hover { column-gap: 3.5rem; }
  .xl-focus-column-gap-14:focus { column-gap: 3.5rem; }
  .xl-active-column-gap-14:active { column-gap: 3.5rem; }
  .xl-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  .xl-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  .xl-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  .xl-group:hover .xl-group-hover-column-gap-14 { column-gap: 3.5rem; }
  .xl-column-gap-16 { column-gap: 4rem; }
  .xl-hover-column-gap-16:hover { column-gap: 4rem; }
  .xl-focus-column-gap-16:focus { column-gap: 4rem; }
  .xl-active-column-gap-16:active { column-gap: 4rem; }
  .xl-disabled-column-gap-16:disabled { column-gap: 4rem; }
  .xl-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  .xl-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  .xl-group:hover .xl-group-hover-column-gap-16 { column-gap: 4rem; }
  .xl-column-gap-20 { column-gap: 5rem; }
  .xl-hover-column-gap-20:hover { column-gap: 5rem; }
  .xl-focus-column-gap-20:focus { column-gap: 5rem; }
  .xl-active-column-gap-20:active { column-gap: 5rem; }
  .xl-disabled-column-gap-20:disabled { column-gap: 5rem; }
  .xl-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  .xl-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  .xl-group:hover .xl-group-hover-column-gap-20 { column-gap: 5rem; }
  .xl-column-gap-24 { column-gap: 6rem; }
  .xl-hover-column-gap-24:hover { column-gap: 6rem; }
  .xl-focus-column-gap-24:focus { column-gap: 6rem; }
  .xl-active-column-gap-24:active { column-gap: 6rem; }
  .xl-disabled-column-gap-24:disabled { column-gap: 6rem; }
  .xl-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  .xl-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  .xl-group:hover .xl-group-hover-column-gap-24 { column-gap: 6rem; }
  .xl-column-gap-28 { column-gap: 7rem; }
  .xl-hover-column-gap-28:hover { column-gap: 7rem; }
  .xl-focus-column-gap-28:focus { column-gap: 7rem; }
  .xl-active-column-gap-28:active { column-gap: 7rem; }
  .xl-disabled-column-gap-28:disabled { column-gap: 7rem; }
  .xl-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  .xl-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  .xl-group:hover .xl-group-hover-column-gap-28 { column-gap: 7rem; }
  .xl-column-gap-32 { column-gap: 8rem; }
  .xl-hover-column-gap-32:hover { column-gap: 8rem; }
  .xl-focus-column-gap-32:focus { column-gap: 8rem; }
  .xl-active-column-gap-32:active { column-gap: 8rem; }
  .xl-disabled-column-gap-32:disabled { column-gap: 8rem; }
  .xl-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  .xl-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  .xl-group:hover .xl-group-hover-column-gap-32 { column-gap: 8rem; }
  .xl-flex-row { flex-direction: row; }
  .xl-hover-flex-row:hover { flex-direction: row; }
  .xl-focus-flex-row:focus { flex-direction: row; }
  .xl-active-flex-row:active { flex-direction: row; }
  .xl-disabled-flex-row:disabled { flex-direction: row; }
  .xl-focus-visible-flex-row:focus-visible { flex-direction: row; }
  .xl-focus-within-flex-row:focus-within { flex-direction: row; }
  .xl-group:hover .xl-group-hover-flex-row { flex-direction: row; }
  .xl-flex-col { flex-direction: column; }
  .xl-hover-flex-col:hover { flex-direction: column; }
  .xl-focus-flex-col:focus { flex-direction: column; }
  .xl-active-flex-col:active { flex-direction: column; }
  .xl-disabled-flex-col:disabled { flex-direction: column; }
  .xl-focus-visible-flex-col:focus-visible { flex-direction: column; }
  .xl-focus-within-flex-col:focus-within { flex-direction: column; }
  .xl-group:hover .xl-group-hover-flex-col { flex-direction: column; }
  .xl-flex-row-reverse { flex-direction: row-reverse; }
  .xl-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  .xl-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  .xl-active-flex-row-reverse:active { flex-direction: row-reverse; }
  .xl-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  .xl-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  .xl-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  .xl-group:hover .xl-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  .xl-flex-col-reverse { flex-direction: column-reverse; }
  .xl-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  .xl-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  .xl-active-flex-col-reverse:active { flex-direction: column-reverse; }
  .xl-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  .xl-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  .xl-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  .xl-group:hover .xl-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  .xl-flex-wrap { flex-wrap: wrap; }
  .xl-hover-flex-wrap:hover { flex-wrap: wrap; }
  .xl-focus-flex-wrap:focus { flex-wrap: wrap; }
  .xl-active-flex-wrap:active { flex-wrap: wrap; }
  .xl-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  .xl-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  .xl-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  .xl-group:hover .xl-group-hover-flex-wrap { flex-wrap: wrap; }
  .xl-flex-nowrap { flex-wrap: nowrap; }
  .xl-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  .xl-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  .xl-active-flex-nowrap:active { flex-wrap: nowrap; }
  .xl-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  .xl-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  .xl-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  .xl-group:hover .xl-group-hover-flex-nowrap { flex-wrap: nowrap; }
  .xl-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .xl-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  .xl-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  .xl-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  .xl-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  .xl-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  .xl-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  .xl-group:hover .xl-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .xl-flex-1 { flex: 1; }
  .xl-hover-flex-1:hover { flex: 1; }
  .xl-focus-flex-1:focus { flex: 1; }
  .xl-active-flex-1:active { flex: 1; }
  .xl-disabled-flex-1:disabled { flex: 1; }
  .xl-focus-visible-flex-1:focus-visible { flex: 1; }
  .xl-focus-within-flex-1:focus-within { flex: 1; }
  .xl-group:hover .xl-group-hover-flex-1 { flex: 1; }
  .xl-flex-auto { flex: auto; }
  .xl-hover-flex-auto:hover { flex: auto; }
  .xl-focus-flex-auto:focus { flex: auto; }
  .xl-active-flex-auto:active { flex: auto; }
  .xl-disabled-flex-auto:disabled { flex: auto; }
  .xl-focus-visible-flex-auto:focus-visible { flex: auto; }
  .xl-focus-within-flex-auto:focus-within { flex: auto; }
  .xl-group:hover .xl-group-hover-flex-auto { flex: auto; }
  .xl-flex-initial { flex: initial; }
  .xl-hover-flex-initial:hover { flex: initial; }
  .xl-focus-flex-initial:focus { flex: initial; }
  .xl-active-flex-initial:active { flex: initial; }
  .xl-disabled-flex-initial:disabled { flex: initial; }
  .xl-focus-visible-flex-initial:focus-visible { flex: initial; }
  .xl-focus-within-flex-initial:focus-within { flex: initial; }
  .xl-group:hover .xl-group-hover-flex-initial { flex: initial; }
  .xl-flex-none { flex: none; }
  .xl-hover-flex-none:hover { flex: none; }
  .xl-focus-flex-none:focus { flex: none; }
  .xl-active-flex-none:active { flex: none; }
  .xl-disabled-flex-none:disabled { flex: none; }
  .xl-focus-visible-flex-none:focus-visible { flex: none; }
  .xl-focus-within-flex-none:focus-within { flex: none; }
  .xl-group:hover .xl-group-hover-flex-none { flex: none; }
  .xl-flex-grow-0 { flex-grow: 0; }
  .xl-hover-flex-grow-0:hover { flex-grow: 0; }
  .xl-focus-flex-grow-0:focus { flex-grow: 0; }
  .xl-active-flex-grow-0:active { flex-grow: 0; }
  .xl-disabled-flex-grow-0:disabled { flex-grow: 0; }
  .xl-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  .xl-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  .xl-group:hover .xl-group-hover-flex-grow-0 { flex-grow: 0; }
  .xl-flex-grow-1 { flex-grow: 1; }
  .xl-hover-flex-grow-1:hover { flex-grow: 1; }
  .xl-focus-flex-grow-1:focus { flex-grow: 1; }
  .xl-active-flex-grow-1:active { flex-grow: 1; }
  .xl-disabled-flex-grow-1:disabled { flex-grow: 1; }
  .xl-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  .xl-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  .xl-group:hover .xl-group-hover-flex-grow-1 { flex-grow: 1; }
  .xl-flex-shrink-0 { flex-shrink: 0; }
  .xl-hover-flex-shrink-0:hover { flex-shrink: 0; }
  .xl-focus-flex-shrink-0:focus { flex-shrink: 0; }
  .xl-active-flex-shrink-0:active { flex-shrink: 0; }
  .xl-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  .xl-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  .xl-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  .xl-group:hover .xl-group-hover-flex-shrink-0 { flex-shrink: 0; }
  .xl-flex-shrink-1 { flex-shrink: 1; }
  .xl-hover-flex-shrink-1:hover { flex-shrink: 1; }
  .xl-focus-flex-shrink-1:focus { flex-shrink: 1; }
  .xl-active-flex-shrink-1:active { flex-shrink: 1; }
  .xl-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  .xl-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  .xl-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  .xl-group:hover .xl-group-hover-flex-shrink-1 { flex-shrink: 1; }
  .xl-flex-basis-0 { flex-basis: 0; }
  .xl-hover-flex-basis-0:hover { flex-basis: 0; }
  .xl-focus-flex-basis-0:focus { flex-basis: 0; }
  .xl-active-flex-basis-0:active { flex-basis: 0; }
  .xl-disabled-flex-basis-0:disabled { flex-basis: 0; }
  .xl-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  .xl-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  .xl-group:hover .xl-group-hover-flex-basis-0 { flex-basis: 0; }
  .xl-flex-basis-auto { flex-basis: auto; }
  .xl-hover-flex-basis-auto:hover { flex-basis: auto; }
  .xl-focus-flex-basis-auto:focus { flex-basis: auto; }
  .xl-active-flex-basis-auto:active { flex-basis: auto; }
  .xl-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  .xl-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  .xl-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  .xl-group:hover .xl-group-hover-flex-basis-auto { flex-basis: auto; }
  .xl-flex-basis-full { flex-basis: 100%; }
  .xl-hover-flex-basis-full:hover { flex-basis: 100%; }
  .xl-focus-flex-basis-full:focus { flex-basis: 100%; }
  .xl-active-flex-basis-full:active { flex-basis: 100%; }
  .xl-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  .xl-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  .xl-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  .xl-group:hover .xl-group-hover-flex-basis-full { flex-basis: 100%; }
  .xl-flex-basis-half { flex-basis: 50%; }
  .xl-hover-flex-basis-half:hover { flex-basis: 50%; }
  .xl-focus-flex-basis-half:focus { flex-basis: 50%; }
  .xl-active-flex-basis-half:active { flex-basis: 50%; }
  .xl-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  .xl-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  .xl-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  .xl-group:hover .xl-group-hover-flex-basis-half { flex-basis: 50%; }
  .xl-flex-basis-one-third { flex-basis: 33.3333%; }
  .xl-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  .xl-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  .xl-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  .xl-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  .xl-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  .xl-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  .xl-group:hover .xl-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  .xl-flex-basis-two-third { flex-basis: 66.6667%; }
  .xl-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  .xl-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  .xl-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  .xl-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  .xl-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  .xl-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  .xl-group:hover .xl-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  .xl-flex-basis-one-quarter { flex-basis: 25%; }
  .xl-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  .xl-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  .xl-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  .xl-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  .xl-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  .xl-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  .xl-group:hover .xl-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  .xl-flex-basis-three-quarter { flex-basis: 75%; }
  .xl-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  .xl-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  .xl-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  .xl-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  .xl-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  .xl-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  .xl-group:hover .xl-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  .xl-flex-basis-one-fifth { flex-basis: 20%; }
  .xl-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  .xl-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  .xl-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  .xl-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  .xl-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  .xl-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  .xl-group:hover .xl-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  .xl-flex-basis-two-fifth { flex-basis: 40%; }
  .xl-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  .xl-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  .xl-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  .xl-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  .xl-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  .xl-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  .xl-group:hover .xl-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  .xl-flex-basis-three-fifth { flex-basis: 60%; }
  .xl-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  .xl-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  .xl-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  .xl-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  .xl-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  .xl-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  .xl-group:hover .xl-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  .xl-flex-basis-four-fifth { flex-basis: 80%; }
  .xl-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  .xl-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  .xl-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  .xl-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  .xl-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  .xl-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  .xl-group:hover .xl-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  .xl-order-first { order: -1; }
  .xl-hover-order-first:hover { order: -1; }
  .xl-focus-order-first:focus { order: -1; }
  .xl-active-order-first:active { order: -1; }
  .xl-disabled-order-first:disabled { order: -1; }
  .xl-focus-visible-order-first:focus-visible { order: -1; }
  .xl-focus-within-order-first:focus-within { order: -1; }
  .xl-group:hover .xl-group-hover-order-first { order: -1; }
  .xl-order-last { order: 9999; }
  .xl-hover-order-last:hover { order: 9999; }
  .xl-focus-order-last:focus { order: 9999; }
  .xl-active-order-last:active { order: 9999; }
  .xl-disabled-order-last:disabled { order: 9999; }
  .xl-focus-visible-order-last:focus-visible { order: 9999; }
  .xl-focus-within-order-last:focus-within { order: 9999; }
  .xl-group:hover .xl-group-hover-order-last { order: 9999; }
  .xl-order-0 { order: 0; }
  .xl-hover-order-0:hover { order: 0; }
  .xl-focus-order-0:focus { order: 0; }
  .xl-active-order-0:active { order: 0; }
  .xl-disabled-order-0:disabled { order: 0; }
  .xl-focus-visible-order-0:focus-visible { order: 0; }
  .xl-focus-within-order-0:focus-within { order: 0; }
  .xl-group:hover .xl-group-hover-order-0 { order: 0; }
  .xl-order-1 { order: 1; }
  .xl-hover-order-1:hover { order: 1; }
  .xl-focus-order-1:focus { order: 1; }
  .xl-active-order-1:active { order: 1; }
  .xl-disabled-order-1:disabled { order: 1; }
  .xl-focus-visible-order-1:focus-visible { order: 1; }
  .xl-focus-within-order-1:focus-within { order: 1; }
  .xl-group:hover .xl-group-hover-order-1 { order: 1; }
  .xl-order-2 { order: 2; }
  .xl-hover-order-2:hover { order: 2; }
  .xl-focus-order-2:focus { order: 2; }
  .xl-active-order-2:active { order: 2; }
  .xl-disabled-order-2:disabled { order: 2; }
  .xl-focus-visible-order-2:focus-visible { order: 2; }
  .xl-focus-within-order-2:focus-within { order: 2; }
  .xl-group:hover .xl-group-hover-order-2 { order: 2; }
  .xl-order-3 { order: 3; }
  .xl-hover-order-3:hover { order: 3; }
  .xl-focus-order-3:focus { order: 3; }
  .xl-active-order-3:active { order: 3; }
  .xl-disabled-order-3:disabled { order: 3; }
  .xl-focus-visible-order-3:focus-visible { order: 3; }
  .xl-focus-within-order-3:focus-within { order: 3; }
  .xl-group:hover .xl-group-hover-order-3 { order: 3; }
  .xl-order-4 { order: 4; }
  .xl-hover-order-4:hover { order: 4; }
  .xl-focus-order-4:focus { order: 4; }
  .xl-active-order-4:active { order: 4; }
  .xl-disabled-order-4:disabled { order: 4; }
  .xl-focus-visible-order-4:focus-visible { order: 4; }
  .xl-focus-within-order-4:focus-within { order: 4; }
  .xl-group:hover .xl-group-hover-order-4 { order: 4; }
  .xl-order-5 { order: 5; }
  .xl-hover-order-5:hover { order: 5; }
  .xl-focus-order-5:focus { order: 5; }
  .xl-active-order-5:active { order: 5; }
  .xl-disabled-order-5:disabled { order: 5; }
  .xl-focus-visible-order-5:focus-visible { order: 5; }
  .xl-focus-within-order-5:focus-within { order: 5; }
  .xl-group:hover .xl-group-hover-order-5 { order: 5; }
  .xl-order-6 { order: 6; }
  .xl-hover-order-6:hover { order: 6; }
  .xl-focus-order-6:focus { order: 6; }
  .xl-active-order-6:active { order: 6; }
  .xl-disabled-order-6:disabled { order: 6; }
  .xl-focus-visible-order-6:focus-visible { order: 6; }
  .xl-focus-within-order-6:focus-within { order: 6; }
  .xl-group:hover .xl-group-hover-order-6 { order: 6; }
  .xl-order-7 { order: 7; }
  .xl-hover-order-7:hover { order: 7; }
  .xl-focus-order-7:focus { order: 7; }
  .xl-active-order-7:active { order: 7; }
  .xl-disabled-order-7:disabled { order: 7; }
  .xl-focus-visible-order-7:focus-visible { order: 7; }
  .xl-focus-within-order-7:focus-within { order: 7; }
  .xl-group:hover .xl-group-hover-order-7 { order: 7; }
  .xl-order-8 { order: 8; }
  .xl-hover-order-8:hover { order: 8; }
  .xl-focus-order-8:focus { order: 8; }
  .xl-active-order-8:active { order: 8; }
  .xl-disabled-order-8:disabled { order: 8; }
  .xl-focus-visible-order-8:focus-visible { order: 8; }
  .xl-focus-within-order-8:focus-within { order: 8; }
  .xl-group:hover .xl-group-hover-order-8 { order: 8; }
  .xl-order-9 { order: 9; }
  .xl-hover-order-9:hover { order: 9; }
  .xl-focus-order-9:focus { order: 9; }
  .xl-active-order-9:active { order: 9; }
  .xl-disabled-order-9:disabled { order: 9; }
  .xl-focus-visible-order-9:focus-visible { order: 9; }
  .xl-focus-within-order-9:focus-within { order: 9; }
  .xl-group:hover .xl-group-hover-order-9 { order: 9; }
  .xl-order-10 { order: 10; }
  .xl-hover-order-10:hover { order: 10; }
  .xl-focus-order-10:focus { order: 10; }
  .xl-active-order-10:active { order: 10; }
  .xl-disabled-order-10:disabled { order: 10; }
  .xl-focus-visible-order-10:focus-visible { order: 10; }
  .xl-focus-within-order-10:focus-within { order: 10; }
  .xl-group:hover .xl-group-hover-order-10 { order: 10; }
  .xl-order-11 { order: 11; }
  .xl-hover-order-11:hover { order: 11; }
  .xl-focus-order-11:focus { order: 11; }
  .xl-active-order-11:active { order: 11; }
  .xl-disabled-order-11:disabled { order: 11; }
  .xl-focus-visible-order-11:focus-visible { order: 11; }
  .xl-focus-within-order-11:focus-within { order: 11; }
  .xl-group:hover .xl-group-hover-order-11 { order: 11; }
  .xl-order-12 { order: 12; }
  .xl-hover-order-12:hover { order: 12; }
  .xl-focus-order-12:focus { order: 12; }
  .xl-active-order-12:active { order: 12; }
  .xl-disabled-order-12:disabled { order: 12; }
  .xl-focus-visible-order-12:focus-visible { order: 12; }
  .xl-focus-within-order-12:focus-within { order: 12; }
  .xl-group:hover .xl-group-hover-order-12 { order: 12; }
  .xl-whitespace-normal { white-space: normal; }
  .xl-hover-whitespace-normal:hover { white-space: normal; }
  .xl-focus-whitespace-normal:focus { white-space: normal; }
  .xl-active-whitespace-normal:active { white-space: normal; }
  .xl-disabled-whitespace-normal:disabled { white-space: normal; }
  .xl-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  .xl-focus-within-whitespace-normal:focus-within { white-space: normal; }
  .xl-group:hover .xl-group-hover-whitespace-normal { white-space: normal; }
  .xl-whitespace-nowrap { white-space: nowrap; }
  .xl-hover-whitespace-nowrap:hover { white-space: nowrap; }
  .xl-focus-whitespace-nowrap:focus { white-space: nowrap; }
  .xl-active-whitespace-nowrap:active { white-space: nowrap; }
  .xl-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  .xl-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  .xl-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  .xl-group:hover .xl-group-hover-whitespace-nowrap { white-space: nowrap; }
  .xl-whitespace-pre { white-space: pre; }
  .xl-hover-whitespace-pre:hover { white-space: pre; }
  .xl-focus-whitespace-pre:focus { white-space: pre; }
  .xl-active-whitespace-pre:active { white-space: pre; }
  .xl-disabled-whitespace-pre:disabled { white-space: pre; }
  .xl-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  .xl-focus-within-whitespace-pre:focus-within { white-space: pre; }
  .xl-group:hover .xl-group-hover-whitespace-pre { white-space: pre; }
  .xl-whitespace-pre-line { white-space: pre-line; }
  .xl-hover-whitespace-pre-line:hover { white-space: pre-line; }
  .xl-focus-whitespace-pre-line:focus { white-space: pre-line; }
  .xl-active-whitespace-pre-line:active { white-space: pre-line; }
  .xl-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  .xl-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  .xl-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  .xl-group:hover .xl-group-hover-whitespace-pre-line { white-space: pre-line; }
  .xl-whitespace-pre-wrap { white-space: pre-wrap; }
  .xl-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  .xl-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  .xl-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  .xl-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  .xl-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  .xl-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  .xl-group:hover .xl-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  .xl-overflow-auto { overflow: auto; }
  .xl-hover-overflow-auto:hover { overflow: auto; }
  .xl-focus-overflow-auto:focus { overflow: auto; }
  .xl-active-overflow-auto:active { overflow: auto; }
  .xl-disabled-overflow-auto:disabled { overflow: auto; }
  .xl-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  .xl-focus-within-overflow-auto:focus-within { overflow: auto; }
  .xl-group:hover .xl-group-hover-overflow-auto { overflow: auto; }
  .xl-overflow-hidden { overflow: hidden; }
  .xl-hover-overflow-hidden:hover { overflow: hidden; }
  .xl-focus-overflow-hidden:focus { overflow: hidden; }
  .xl-active-overflow-hidden:active { overflow: hidden; }
  .xl-disabled-overflow-hidden:disabled { overflow: hidden; }
  .xl-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  .xl-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  .xl-group:hover .xl-group-hover-overflow-hidden { overflow: hidden; }
  .xl-overflow-visible { overflow: visible; }
  .xl-hover-overflow-visible:hover { overflow: visible; }
  .xl-focus-overflow-visible:focus { overflow: visible; }
  .xl-active-overflow-visible:active { overflow: visible; }
  .xl-disabled-overflow-visible:disabled { overflow: visible; }
  .xl-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  .xl-focus-within-overflow-visible:focus-within { overflow: visible; }
  .xl-group:hover .xl-group-hover-overflow-visible { overflow: visible; }
  .xl-overflow-scroll { overflow: scroll; }
  .xl-hover-overflow-scroll:hover { overflow: scroll; }
  .xl-focus-overflow-scroll:focus { overflow: scroll; }
  .xl-active-overflow-scroll:active { overflow: scroll; }
  .xl-disabled-overflow-scroll:disabled { overflow: scroll; }
  .xl-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  .xl-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  .xl-group:hover .xl-group-hover-overflow-scroll { overflow: scroll; }
  .xl-overflow-x-auto { overflow-x: auto; }
  .xl-hover-overflow-x-auto:hover { overflow-x: auto; }
  .xl-focus-overflow-x-auto:focus { overflow-x: auto; }
  .xl-active-overflow-x-auto:active { overflow-x: auto; }
  .xl-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  .xl-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  .xl-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  .xl-group:hover .xl-group-hover-overflow-x-auto { overflow-x: auto; }
  .xl-overflow-x-hidden { overflow-x: hidden; }
  .xl-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  .xl-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  .xl-active-overflow-x-hidden:active { overflow-x: hidden; }
  .xl-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  .xl-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  .xl-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  .xl-group:hover .xl-group-hover-overflow-x-hidden { overflow-x: hidden; }
  .xl-overflow-x-visible { overflow-x: visible; }
  .xl-hover-overflow-x-visible:hover { overflow-x: visible; }
  .xl-focus-overflow-x-visible:focus { overflow-x: visible; }
  .xl-active-overflow-x-visible:active { overflow-x: visible; }
  .xl-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  .xl-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  .xl-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  .xl-group:hover .xl-group-hover-overflow-x-visible { overflow-x: visible; }
  .xl-overflow-x-scroll { overflow-x: scroll; }
  .xl-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  .xl-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  .xl-active-overflow-x-scroll:active { overflow-x: scroll; }
  .xl-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  .xl-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  .xl-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  .xl-group:hover .xl-group-hover-overflow-x-scroll { overflow-x: scroll; }
  .xl-overflow-y-auto { overflow-y: auto; }
  .xl-hover-overflow-y-auto:hover { overflow-y: auto; }
  .xl-focus-overflow-y-auto:focus { overflow-y: auto; }
  .xl-active-overflow-y-auto:active { overflow-y: auto; }
  .xl-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  .xl-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  .xl-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  .xl-group:hover .xl-group-hover-overflow-y-auto { overflow-y: auto; }
  .xl-overflow-y-hidden { overflow-y: hidden; }
  .xl-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  .xl-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  .xl-active-overflow-y-hidden:active { overflow-y: hidden; }
  .xl-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  .xl-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  .xl-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  .xl-group:hover .xl-group-hover-overflow-y-hidden { overflow-y: hidden; }
  .xl-overflow-y-visible { overflow-y: visible; }
  .xl-hover-overflow-y-visible:hover { overflow-y: visible; }
  .xl-focus-overflow-y-visible:focus { overflow-y: visible; }
  .xl-active-overflow-y-visible:active { overflow-y: visible; }
  .xl-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  .xl-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  .xl-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  .xl-group:hover .xl-group-hover-overflow-y-visible { overflow-y: visible; }
  .xl-overflow-y-scroll { overflow-y: scroll; }
  .xl-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  .xl-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  .xl-active-overflow-y-scroll:active { overflow-y: scroll; }
  .xl-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  .xl-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  .xl-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  .xl-group:hover .xl-group-hover-overflow-y-scroll { overflow-y: scroll; }
  .xl-visible { visibility: visible; }
  .xl-hover-visible:hover { visibility: visible; }
  .xl-focus-visible:focus { visibility: visible; }
  .xl-active-visible:active { visibility: visible; }
  .xl-disabled-visible:disabled { visibility: visible; }
  .xl-focus-visible-visible:focus-visible { visibility: visible; }
  .xl-focus-within-visible:focus-within { visibility: visible; }
  .xl-group:hover .xl-group-hover-visible { visibility: visible; }
  .xl-hidden { visibility: hidden; }
  .xl-hover-hidden:hover { visibility: hidden; }
  .xl-focus-hidden:focus { visibility: hidden; }
  .xl-active-hidden:active { visibility: hidden; }
  .xl-disabled-hidden:disabled { visibility: hidden; }
  .xl-focus-visible-hidden:focus-visible { visibility: hidden; }
  .xl-focus-within-hidden:focus-within { visibility: hidden; }
  .xl-group:hover .xl-group-hover-hidden { visibility: hidden; }
  .xl-collapse { visibility: collapse; }
  .xl-hover-collapse:hover { visibility: collapse; }
  .xl-focus-collapse:focus { visibility: collapse; }
  .xl-active-collapse:active { visibility: collapse; }
  .xl-disabled-collapse:disabled { visibility: collapse; }
  .xl-focus-visible-collapse:focus-visible { visibility: collapse; }
  .xl-focus-within-collapse:focus-within { visibility: collapse; }
  .xl-group:hover .xl-group-hover-collapse { visibility: collapse; }
  .xl-clear-left { clear: left; }
  .xl-hover-clear-left:hover { clear: left; }
  .xl-focus-clear-left:focus { clear: left; }
  .xl-active-clear-left:active { clear: left; }
  .xl-disabled-clear-left:disabled { clear: left; }
  .xl-focus-visible-clear-left:focus-visible { clear: left; }
  .xl-focus-within-clear-left:focus-within { clear: left; }
  .xl-group:hover .xl-group-hover-clear-left { clear: left; }
  .xl-clear-right { clear: right; }
  .xl-hover-clear-right:hover { clear: right; }
  .xl-focus-clear-right:focus { clear: right; }
  .xl-active-clear-right:active { clear: right; }
  .xl-disabled-clear-right:disabled { clear: right; }
  .xl-focus-visible-clear-right:focus-visible { clear: right; }
  .xl-focus-within-clear-right:focus-within { clear: right; }
  .xl-group:hover .xl-group-hover-clear-right { clear: right; }
  .xl-clear-both { clear: both; }
  .xl-hover-clear-both:hover { clear: both; }
  .xl-focus-clear-both:focus { clear: both; }
  .xl-active-clear-both:active { clear: both; }
  .xl-disabled-clear-both:disabled { clear: both; }
  .xl-focus-visible-clear-both:focus-visible { clear: both; }
  .xl-focus-within-clear-both:focus-within { clear: both; }
  .xl-group:hover .xl-group-hover-clear-both { clear: both; }
  .xl-float-left { float: left; }
  .xl-hover-float-left:hover { float: left; }
  .xl-focus-float-left:focus { float: left; }
  .xl-active-float-left:active { float: left; }
  .xl-disabled-float-left:disabled { float: left; }
  .xl-focus-visible-float-left:focus-visible { float: left; }
  .xl-focus-within-float-left:focus-within { float: left; }
  .xl-group:hover .xl-group-hover-float-left { float: left; }
  .xl-float-right { float: right; }
  .xl-hover-float-right:hover { float: right; }
  .xl-focus-float-right:focus { float: right; }
  .xl-active-float-right:active { float: right; }
  .xl-disabled-float-right:disabled { float: right; }
  .xl-focus-visible-float-right:focus-visible { float: right; }
  .xl-focus-within-float-right:focus-within { float: right; }
  .xl-group:hover .xl-group-hover-float-right { float: right; }
  .xl-float-none { float: none; }
  .xl-hover-float-none:hover { float: none; }
  .xl-focus-float-none:focus { float: none; }
  .xl-active-float-none:active { float: none; }
  .xl-disabled-float-none:disabled { float: none; }
  .xl-focus-visible-float-none:focus-visible { float: none; }
  .xl-focus-within-float-none:focus-within { float: none; }
  .xl-group:hover .xl-group-hover-float-none { float: none; }
  .xl-w-0 { width: 0; }
  .xl-hover-w-0:hover { width: 0; }
  .xl-focus-w-0:focus { width: 0; }
  .xl-active-w-0:active { width: 0; }
  .xl-disabled-w-0:disabled { width: 0; }
  .xl-focus-visible-w-0:focus-visible { width: 0; }
  .xl-focus-within-w-0:focus-within { width: 0; }
  .xl-group:hover .xl-group-hover-w-0 { width: 0; }
  .xl-h-0 { height: 0; }
  .xl-hover-h-0:hover { height: 0; }
  .xl-focus-h-0:focus { height: 0; }
  .xl-active-h-0:active { height: 0; }
  .xl-disabled-h-0:disabled { height: 0; }
  .xl-focus-visible-h-0:focus-visible { height: 0; }
  .xl-focus-within-h-0:focus-within { height: 0; }
  .xl-group:hover .xl-group-hover-h-0 { height: 0; }
  .xl-min-w-0 { min-width: 0; }
  .xl-hover-min-w-0:hover { min-width: 0; }
  .xl-focus-min-w-0:focus { min-width: 0; }
  .xl-active-min-w-0:active { min-width: 0; }
  .xl-disabled-min-w-0:disabled { min-width: 0; }
  .xl-focus-visible-min-w-0:focus-visible { min-width: 0; }
  .xl-focus-within-min-w-0:focus-within { min-width: 0; }
  .xl-group:hover .xl-group-hover-min-w-0 { min-width: 0; }
  .xl-max-w-0 { max-width: 0; }
  .xl-hover-max-w-0:hover { max-width: 0; }
  .xl-focus-max-w-0:focus { max-width: 0; }
  .xl-active-max-w-0:active { max-width: 0; }
  .xl-disabled-max-w-0:disabled { max-width: 0; }
  .xl-focus-visible-max-w-0:focus-visible { max-width: 0; }
  .xl-focus-within-max-w-0:focus-within { max-width: 0; }
  .xl-group:hover .xl-group-hover-max-w-0 { max-width: 0; }
  .xl-min-h-0 { min-height: 0; }
  .xl-hover-min-h-0:hover { min-height: 0; }
  .xl-focus-min-h-0:focus { min-height: 0; }
  .xl-active-min-h-0:active { min-height: 0; }
  .xl-disabled-min-h-0:disabled { min-height: 0; }
  .xl-focus-visible-min-h-0:focus-visible { min-height: 0; }
  .xl-focus-within-min-h-0:focus-within { min-height: 0; }
  .xl-group:hover .xl-group-hover-min-h-0 { min-height: 0; }
  .xl-max-h-0 { max-height: 0; }
  .xl-hover-max-h-0:hover { max-height: 0; }
  .xl-focus-max-h-0:focus { max-height: 0; }
  .xl-active-max-h-0:active { max-height: 0; }
  .xl-disabled-max-h-0:disabled { max-height: 0; }
  .xl-focus-visible-max-h-0:focus-visible { max-height: 0; }
  .xl-focus-within-max-h-0:focus-within { max-height: 0; }
  .xl-group:hover .xl-group-hover-max-h-0 { max-height: 0; }
  .xl-w-1 { width: 0.25rem; }
  .xl-hover-w-1:hover { width: 0.25rem; }
  .xl-focus-w-1:focus { width: 0.25rem; }
  .xl-active-w-1:active { width: 0.25rem; }
  .xl-disabled-w-1:disabled { width: 0.25rem; }
  .xl-focus-visible-w-1:focus-visible { width: 0.25rem; }
  .xl-focus-within-w-1:focus-within { width: 0.25rem; }
  .xl-group:hover .xl-group-hover-w-1 { width: 0.25rem; }
  .xl-h-1 { height: 0.25rem; }
  .xl-hover-h-1:hover { height: 0.25rem; }
  .xl-focus-h-1:focus { height: 0.25rem; }
  .xl-active-h-1:active { height: 0.25rem; }
  .xl-disabled-h-1:disabled { height: 0.25rem; }
  .xl-focus-visible-h-1:focus-visible { height: 0.25rem; }
  .xl-focus-within-h-1:focus-within { height: 0.25rem; }
  .xl-group:hover .xl-group-hover-h-1 { height: 0.25rem; }
  .xl-min-w-1 { min-width: 0.25rem; }
  .xl-hover-min-w-1:hover { min-width: 0.25rem; }
  .xl-focus-min-w-1:focus { min-width: 0.25rem; }
  .xl-active-min-w-1:active { min-width: 0.25rem; }
  .xl-disabled-min-w-1:disabled { min-width: 0.25rem; }
  .xl-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  .xl-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-min-w-1 { min-width: 0.25rem; }
  .xl-max-w-1 { max-width: 0.25rem; }
  .xl-hover-max-w-1:hover { max-width: 0.25rem; }
  .xl-focus-max-w-1:focus { max-width: 0.25rem; }
  .xl-active-max-w-1:active { max-width: 0.25rem; }
  .xl-disabled-max-w-1:disabled { max-width: 0.25rem; }
  .xl-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  .xl-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-max-w-1 { max-width: 0.25rem; }
  .xl-min-h-1 { min-height: 0.25rem; }
  .xl-hover-min-h-1:hover { min-height: 0.25rem; }
  .xl-focus-min-h-1:focus { min-height: 0.25rem; }
  .xl-active-min-h-1:active { min-height: 0.25rem; }
  .xl-disabled-min-h-1:disabled { min-height: 0.25rem; }
  .xl-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  .xl-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  .xl-group:hover .xl-group-hover-min-h-1 { min-height: 0.25rem; }
  .xl-max-h-1 { max-height: 0.25rem; }
  .xl-hover-max-h-1:hover { max-height: 0.25rem; }
  .xl-focus-max-h-1:focus { max-height: 0.25rem; }
  .xl-active-max-h-1:active { max-height: 0.25rem; }
  .xl-disabled-max-h-1:disabled { max-height: 0.25rem; }
  .xl-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  .xl-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  .xl-group:hover .xl-group-hover-max-h-1 { max-height: 0.25rem; }
  .xl-w-2 { width: 0.5rem; }
  .xl-hover-w-2:hover { width: 0.5rem; }
  .xl-focus-w-2:focus { width: 0.5rem; }
  .xl-active-w-2:active { width: 0.5rem; }
  .xl-disabled-w-2:disabled { width: 0.5rem; }
  .xl-focus-visible-w-2:focus-visible { width: 0.5rem; }
  .xl-focus-within-w-2:focus-within { width: 0.5rem; }
  .xl-group:hover .xl-group-hover-w-2 { width: 0.5rem; }
  .xl-h-2 { height: 0.5rem; }
  .xl-hover-h-2:hover { height: 0.5rem; }
  .xl-focus-h-2:focus { height: 0.5rem; }
  .xl-active-h-2:active { height: 0.5rem; }
  .xl-disabled-h-2:disabled { height: 0.5rem; }
  .xl-focus-visible-h-2:focus-visible { height: 0.5rem; }
  .xl-focus-within-h-2:focus-within { height: 0.5rem; }
  .xl-group:hover .xl-group-hover-h-2 { height: 0.5rem; }
  .xl-min-w-2 { min-width: 0.5rem; }
  .xl-hover-min-w-2:hover { min-width: 0.5rem; }
  .xl-focus-min-w-2:focus { min-width: 0.5rem; }
  .xl-active-min-w-2:active { min-width: 0.5rem; }
  .xl-disabled-min-w-2:disabled { min-width: 0.5rem; }
  .xl-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  .xl-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-min-w-2 { min-width: 0.5rem; }
  .xl-max-w-2 { max-width: 0.5rem; }
  .xl-hover-max-w-2:hover { max-width: 0.5rem; }
  .xl-focus-max-w-2:focus { max-width: 0.5rem; }
  .xl-active-max-w-2:active { max-width: 0.5rem; }
  .xl-disabled-max-w-2:disabled { max-width: 0.5rem; }
  .xl-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  .xl-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-max-w-2 { max-width: 0.5rem; }
  .xl-min-h-2 { min-height: 0.5rem; }
  .xl-hover-min-h-2:hover { min-height: 0.5rem; }
  .xl-focus-min-h-2:focus { min-height: 0.5rem; }
  .xl-active-min-h-2:active { min-height: 0.5rem; }
  .xl-disabled-min-h-2:disabled { min-height: 0.5rem; }
  .xl-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  .xl-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  .xl-group:hover .xl-group-hover-min-h-2 { min-height: 0.5rem; }
  .xl-max-h-2 { max-height: 0.5rem; }
  .xl-hover-max-h-2:hover { max-height: 0.5rem; }
  .xl-focus-max-h-2:focus { max-height: 0.5rem; }
  .xl-active-max-h-2:active { max-height: 0.5rem; }
  .xl-disabled-max-h-2:disabled { max-height: 0.5rem; }
  .xl-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  .xl-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  .xl-group:hover .xl-group-hover-max-h-2 { max-height: 0.5rem; }
  .xl-w-3 { width: 0.75rem; }
  .xl-hover-w-3:hover { width: 0.75rem; }
  .xl-focus-w-3:focus { width: 0.75rem; }
  .xl-active-w-3:active { width: 0.75rem; }
  .xl-disabled-w-3:disabled { width: 0.75rem; }
  .xl-focus-visible-w-3:focus-visible { width: 0.75rem; }
  .xl-focus-within-w-3:focus-within { width: 0.75rem; }
  .xl-group:hover .xl-group-hover-w-3 { width: 0.75rem; }
  .xl-h-3 { height: 0.75rem; }
  .xl-hover-h-3:hover { height: 0.75rem; }
  .xl-focus-h-3:focus { height: 0.75rem; }
  .xl-active-h-3:active { height: 0.75rem; }
  .xl-disabled-h-3:disabled { height: 0.75rem; }
  .xl-focus-visible-h-3:focus-visible { height: 0.75rem; }
  .xl-focus-within-h-3:focus-within { height: 0.75rem; }
  .xl-group:hover .xl-group-hover-h-3 { height: 0.75rem; }
  .xl-min-w-3 { min-width: 0.75rem; }
  .xl-hover-min-w-3:hover { min-width: 0.75rem; }
  .xl-focus-min-w-3:focus { min-width: 0.75rem; }
  .xl-active-min-w-3:active { min-width: 0.75rem; }
  .xl-disabled-min-w-3:disabled { min-width: 0.75rem; }
  .xl-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  .xl-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-min-w-3 { min-width: 0.75rem; }
  .xl-max-w-3 { max-width: 0.75rem; }
  .xl-hover-max-w-3:hover { max-width: 0.75rem; }
  .xl-focus-max-w-3:focus { max-width: 0.75rem; }
  .xl-active-max-w-3:active { max-width: 0.75rem; }
  .xl-disabled-max-w-3:disabled { max-width: 0.75rem; }
  .xl-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  .xl-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-max-w-3 { max-width: 0.75rem; }
  .xl-min-h-3 { min-height: 0.75rem; }
  .xl-hover-min-h-3:hover { min-height: 0.75rem; }
  .xl-focus-min-h-3:focus { min-height: 0.75rem; }
  .xl-active-min-h-3:active { min-height: 0.75rem; }
  .xl-disabled-min-h-3:disabled { min-height: 0.75rem; }
  .xl-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  .xl-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  .xl-group:hover .xl-group-hover-min-h-3 { min-height: 0.75rem; }
  .xl-max-h-3 { max-height: 0.75rem; }
  .xl-hover-max-h-3:hover { max-height: 0.75rem; }
  .xl-focus-max-h-3:focus { max-height: 0.75rem; }
  .xl-active-max-h-3:active { max-height: 0.75rem; }
  .xl-disabled-max-h-3:disabled { max-height: 0.75rem; }
  .xl-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  .xl-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  .xl-group:hover .xl-group-hover-max-h-3 { max-height: 0.75rem; }
  .xl-w-4 { width: 1rem; }
  .xl-hover-w-4:hover { width: 1rem; }
  .xl-focus-w-4:focus { width: 1rem; }
  .xl-active-w-4:active { width: 1rem; }
  .xl-disabled-w-4:disabled { width: 1rem; }
  .xl-focus-visible-w-4:focus-visible { width: 1rem; }
  .xl-focus-within-w-4:focus-within { width: 1rem; }
  .xl-group:hover .xl-group-hover-w-4 { width: 1rem; }
  .xl-h-4 { height: 1rem; }
  .xl-hover-h-4:hover { height: 1rem; }
  .xl-focus-h-4:focus { height: 1rem; }
  .xl-active-h-4:active { height: 1rem; }
  .xl-disabled-h-4:disabled { height: 1rem; }
  .xl-focus-visible-h-4:focus-visible { height: 1rem; }
  .xl-focus-within-h-4:focus-within { height: 1rem; }
  .xl-group:hover .xl-group-hover-h-4 { height: 1rem; }
  .xl-min-w-4 { min-width: 1rem; }
  .xl-hover-min-w-4:hover { min-width: 1rem; }
  .xl-focus-min-w-4:focus { min-width: 1rem; }
  .xl-active-min-w-4:active { min-width: 1rem; }
  .xl-disabled-min-w-4:disabled { min-width: 1rem; }
  .xl-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  .xl-focus-within-min-w-4:focus-within { min-width: 1rem; }
  .xl-group:hover .xl-group-hover-min-w-4 { min-width: 1rem; }
  .xl-max-w-4 { max-width: 1rem; }
  .xl-hover-max-w-4:hover { max-width: 1rem; }
  .xl-focus-max-w-4:focus { max-width: 1rem; }
  .xl-active-max-w-4:active { max-width: 1rem; }
  .xl-disabled-max-w-4:disabled { max-width: 1rem; }
  .xl-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  .xl-focus-within-max-w-4:focus-within { max-width: 1rem; }
  .xl-group:hover .xl-group-hover-max-w-4 { max-width: 1rem; }
  .xl-min-h-4 { min-height: 1rem; }
  .xl-hover-min-h-4:hover { min-height: 1rem; }
  .xl-focus-min-h-4:focus { min-height: 1rem; }
  .xl-active-min-h-4:active { min-height: 1rem; }
  .xl-disabled-min-h-4:disabled { min-height: 1rem; }
  .xl-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  .xl-focus-within-min-h-4:focus-within { min-height: 1rem; }
  .xl-group:hover .xl-group-hover-min-h-4 { min-height: 1rem; }
  .xl-max-h-4 { max-height: 1rem; }
  .xl-hover-max-h-4:hover { max-height: 1rem; }
  .xl-focus-max-h-4:focus { max-height: 1rem; }
  .xl-active-max-h-4:active { max-height: 1rem; }
  .xl-disabled-max-h-4:disabled { max-height: 1rem; }
  .xl-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  .xl-focus-within-max-h-4:focus-within { max-height: 1rem; }
  .xl-group:hover .xl-group-hover-max-h-4 { max-height: 1rem; }
  .xl-w-5 { width: 1.25rem; }
  .xl-hover-w-5:hover { width: 1.25rem; }
  .xl-focus-w-5:focus { width: 1.25rem; }
  .xl-active-w-5:active { width: 1.25rem; }
  .xl-disabled-w-5:disabled { width: 1.25rem; }
  .xl-focus-visible-w-5:focus-visible { width: 1.25rem; }
  .xl-focus-within-w-5:focus-within { width: 1.25rem; }
  .xl-group:hover .xl-group-hover-w-5 { width: 1.25rem; }
  .xl-h-5 { height: 1.25rem; }
  .xl-hover-h-5:hover { height: 1.25rem; }
  .xl-focus-h-5:focus { height: 1.25rem; }
  .xl-active-h-5:active { height: 1.25rem; }
  .xl-disabled-h-5:disabled { height: 1.25rem; }
  .xl-focus-visible-h-5:focus-visible { height: 1.25rem; }
  .xl-focus-within-h-5:focus-within { height: 1.25rem; }
  .xl-group:hover .xl-group-hover-h-5 { height: 1.25rem; }
  .xl-min-w-5 { min-width: 1.25rem; }
  .xl-hover-min-w-5:hover { min-width: 1.25rem; }
  .xl-focus-min-w-5:focus { min-width: 1.25rem; }
  .xl-active-min-w-5:active { min-width: 1.25rem; }
  .xl-disabled-min-w-5:disabled { min-width: 1.25rem; }
  .xl-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  .xl-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-min-w-5 { min-width: 1.25rem; }
  .xl-max-w-5 { max-width: 1.25rem; }
  .xl-hover-max-w-5:hover { max-width: 1.25rem; }
  .xl-focus-max-w-5:focus { max-width: 1.25rem; }
  .xl-active-max-w-5:active { max-width: 1.25rem; }
  .xl-disabled-max-w-5:disabled { max-width: 1.25rem; }
  .xl-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  .xl-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-max-w-5 { max-width: 1.25rem; }
  .xl-min-h-5 { min-height: 1.25rem; }
  .xl-hover-min-h-5:hover { min-height: 1.25rem; }
  .xl-focus-min-h-5:focus { min-height: 1.25rem; }
  .xl-active-min-h-5:active { min-height: 1.25rem; }
  .xl-disabled-min-h-5:disabled { min-height: 1.25rem; }
  .xl-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  .xl-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  .xl-group:hover .xl-group-hover-min-h-5 { min-height: 1.25rem; }
  .xl-max-h-5 { max-height: 1.25rem; }
  .xl-hover-max-h-5:hover { max-height: 1.25rem; }
  .xl-focus-max-h-5:focus { max-height: 1.25rem; }
  .xl-active-max-h-5:active { max-height: 1.25rem; }
  .xl-disabled-max-h-5:disabled { max-height: 1.25rem; }
  .xl-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  .xl-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  .xl-group:hover .xl-group-hover-max-h-5 { max-height: 1.25rem; }
  .xl-w-6 { width: 1.5rem; }
  .xl-hover-w-6:hover { width: 1.5rem; }
  .xl-focus-w-6:focus { width: 1.5rem; }
  .xl-active-w-6:active { width: 1.5rem; }
  .xl-disabled-w-6:disabled { width: 1.5rem; }
  .xl-focus-visible-w-6:focus-visible { width: 1.5rem; }
  .xl-focus-within-w-6:focus-within { width: 1.5rem; }
  .xl-group:hover .xl-group-hover-w-6 { width: 1.5rem; }
  .xl-h-6 { height: 1.5rem; }
  .xl-hover-h-6:hover { height: 1.5rem; }
  .xl-focus-h-6:focus { height: 1.5rem; }
  .xl-active-h-6:active { height: 1.5rem; }
  .xl-disabled-h-6:disabled { height: 1.5rem; }
  .xl-focus-visible-h-6:focus-visible { height: 1.5rem; }
  .xl-focus-within-h-6:focus-within { height: 1.5rem; }
  .xl-group:hover .xl-group-hover-h-6 { height: 1.5rem; }
  .xl-min-w-6 { min-width: 1.5rem; }
  .xl-hover-min-w-6:hover { min-width: 1.5rem; }
  .xl-focus-min-w-6:focus { min-width: 1.5rem; }
  .xl-active-min-w-6:active { min-width: 1.5rem; }
  .xl-disabled-min-w-6:disabled { min-width: 1.5rem; }
  .xl-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  .xl-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-min-w-6 { min-width: 1.5rem; }
  .xl-max-w-6 { max-width: 1.5rem; }
  .xl-hover-max-w-6:hover { max-width: 1.5rem; }
  .xl-focus-max-w-6:focus { max-width: 1.5rem; }
  .xl-active-max-w-6:active { max-width: 1.5rem; }
  .xl-disabled-max-w-6:disabled { max-width: 1.5rem; }
  .xl-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  .xl-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-max-w-6 { max-width: 1.5rem; }
  .xl-min-h-6 { min-height: 1.5rem; }
  .xl-hover-min-h-6:hover { min-height: 1.5rem; }
  .xl-focus-min-h-6:focus { min-height: 1.5rem; }
  .xl-active-min-h-6:active { min-height: 1.5rem; }
  .xl-disabled-min-h-6:disabled { min-height: 1.5rem; }
  .xl-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  .xl-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  .xl-group:hover .xl-group-hover-min-h-6 { min-height: 1.5rem; }
  .xl-max-h-6 { max-height: 1.5rem; }
  .xl-hover-max-h-6:hover { max-height: 1.5rem; }
  .xl-focus-max-h-6:focus { max-height: 1.5rem; }
  .xl-active-max-h-6:active { max-height: 1.5rem; }
  .xl-disabled-max-h-6:disabled { max-height: 1.5rem; }
  .xl-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  .xl-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  .xl-group:hover .xl-group-hover-max-h-6 { max-height: 1.5rem; }
  .xl-w-7 { width: 1.75rem; }
  .xl-hover-w-7:hover { width: 1.75rem; }
  .xl-focus-w-7:focus { width: 1.75rem; }
  .xl-active-w-7:active { width: 1.75rem; }
  .xl-disabled-w-7:disabled { width: 1.75rem; }
  .xl-focus-visible-w-7:focus-visible { width: 1.75rem; }
  .xl-focus-within-w-7:focus-within { width: 1.75rem; }
  .xl-group:hover .xl-group-hover-w-7 { width: 1.75rem; }
  .xl-h-7 { height: 1.75rem; }
  .xl-hover-h-7:hover { height: 1.75rem; }
  .xl-focus-h-7:focus { height: 1.75rem; }
  .xl-active-h-7:active { height: 1.75rem; }
  .xl-disabled-h-7:disabled { height: 1.75rem; }
  .xl-focus-visible-h-7:focus-visible { height: 1.75rem; }
  .xl-focus-within-h-7:focus-within { height: 1.75rem; }
  .xl-group:hover .xl-group-hover-h-7 { height: 1.75rem; }
  .xl-min-w-7 { min-width: 1.75rem; }
  .xl-hover-min-w-7:hover { min-width: 1.75rem; }
  .xl-focus-min-w-7:focus { min-width: 1.75rem; }
  .xl-active-min-w-7:active { min-width: 1.75rem; }
  .xl-disabled-min-w-7:disabled { min-width: 1.75rem; }
  .xl-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  .xl-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-min-w-7 { min-width: 1.75rem; }
  .xl-max-w-7 { max-width: 1.75rem; }
  .xl-hover-max-w-7:hover { max-width: 1.75rem; }
  .xl-focus-max-w-7:focus { max-width: 1.75rem; }
  .xl-active-max-w-7:active { max-width: 1.75rem; }
  .xl-disabled-max-w-7:disabled { max-width: 1.75rem; }
  .xl-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  .xl-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-max-w-7 { max-width: 1.75rem; }
  .xl-min-h-7 { min-height: 1.75rem; }
  .xl-hover-min-h-7:hover { min-height: 1.75rem; }
  .xl-focus-min-h-7:focus { min-height: 1.75rem; }
  .xl-active-min-h-7:active { min-height: 1.75rem; }
  .xl-disabled-min-h-7:disabled { min-height: 1.75rem; }
  .xl-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  .xl-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  .xl-group:hover .xl-group-hover-min-h-7 { min-height: 1.75rem; }
  .xl-max-h-7 { max-height: 1.75rem; }
  .xl-hover-max-h-7:hover { max-height: 1.75rem; }
  .xl-focus-max-h-7:focus { max-height: 1.75rem; }
  .xl-active-max-h-7:active { max-height: 1.75rem; }
  .xl-disabled-max-h-7:disabled { max-height: 1.75rem; }
  .xl-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  .xl-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  .xl-group:hover .xl-group-hover-max-h-7 { max-height: 1.75rem; }
  .xl-w-8 { width: 2rem; }
  .xl-hover-w-8:hover { width: 2rem; }
  .xl-focus-w-8:focus { width: 2rem; }
  .xl-active-w-8:active { width: 2rem; }
  .xl-disabled-w-8:disabled { width: 2rem; }
  .xl-focus-visible-w-8:focus-visible { width: 2rem; }
  .xl-focus-within-w-8:focus-within { width: 2rem; }
  .xl-group:hover .xl-group-hover-w-8 { width: 2rem; }
  .xl-h-8 { height: 2rem; }
  .xl-hover-h-8:hover { height: 2rem; }
  .xl-focus-h-8:focus { height: 2rem; }
  .xl-active-h-8:active { height: 2rem; }
  .xl-disabled-h-8:disabled { height: 2rem; }
  .xl-focus-visible-h-8:focus-visible { height: 2rem; }
  .xl-focus-within-h-8:focus-within { height: 2rem; }
  .xl-group:hover .xl-group-hover-h-8 { height: 2rem; }
  .xl-min-w-8 { min-width: 2rem; }
  .xl-hover-min-w-8:hover { min-width: 2rem; }
  .xl-focus-min-w-8:focus { min-width: 2rem; }
  .xl-active-min-w-8:active { min-width: 2rem; }
  .xl-disabled-min-w-8:disabled { min-width: 2rem; }
  .xl-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  .xl-focus-within-min-w-8:focus-within { min-width: 2rem; }
  .xl-group:hover .xl-group-hover-min-w-8 { min-width: 2rem; }
  .xl-max-w-8 { max-width: 2rem; }
  .xl-hover-max-w-8:hover { max-width: 2rem; }
  .xl-focus-max-w-8:focus { max-width: 2rem; }
  .xl-active-max-w-8:active { max-width: 2rem; }
  .xl-disabled-max-w-8:disabled { max-width: 2rem; }
  .xl-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  .xl-focus-within-max-w-8:focus-within { max-width: 2rem; }
  .xl-group:hover .xl-group-hover-max-w-8 { max-width: 2rem; }
  .xl-min-h-8 { min-height: 2rem; }
  .xl-hover-min-h-8:hover { min-height: 2rem; }
  .xl-focus-min-h-8:focus { min-height: 2rem; }
  .xl-active-min-h-8:active { min-height: 2rem; }
  .xl-disabled-min-h-8:disabled { min-height: 2rem; }
  .xl-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  .xl-focus-within-min-h-8:focus-within { min-height: 2rem; }
  .xl-group:hover .xl-group-hover-min-h-8 { min-height: 2rem; }
  .xl-max-h-8 { max-height: 2rem; }
  .xl-hover-max-h-8:hover { max-height: 2rem; }
  .xl-focus-max-h-8:focus { max-height: 2rem; }
  .xl-active-max-h-8:active { max-height: 2rem; }
  .xl-disabled-max-h-8:disabled { max-height: 2rem; }
  .xl-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  .xl-focus-within-max-h-8:focus-within { max-height: 2rem; }
  .xl-group:hover .xl-group-hover-max-h-8 { max-height: 2rem; }
  .xl-w-9 { width: 2.25rem; }
  .xl-hover-w-9:hover { width: 2.25rem; }
  .xl-focus-w-9:focus { width: 2.25rem; }
  .xl-active-w-9:active { width: 2.25rem; }
  .xl-disabled-w-9:disabled { width: 2.25rem; }
  .xl-focus-visible-w-9:focus-visible { width: 2.25rem; }
  .xl-focus-within-w-9:focus-within { width: 2.25rem; }
  .xl-group:hover .xl-group-hover-w-9 { width: 2.25rem; }
  .xl-h-9 { height: 2.25rem; }
  .xl-hover-h-9:hover { height: 2.25rem; }
  .xl-focus-h-9:focus { height: 2.25rem; }
  .xl-active-h-9:active { height: 2.25rem; }
  .xl-disabled-h-9:disabled { height: 2.25rem; }
  .xl-focus-visible-h-9:focus-visible { height: 2.25rem; }
  .xl-focus-within-h-9:focus-within { height: 2.25rem; }
  .xl-group:hover .xl-group-hover-h-9 { height: 2.25rem; }
  .xl-min-w-9 { min-width: 2.25rem; }
  .xl-hover-min-w-9:hover { min-width: 2.25rem; }
  .xl-focus-min-w-9:focus { min-width: 2.25rem; }
  .xl-active-min-w-9:active { min-width: 2.25rem; }
  .xl-disabled-min-w-9:disabled { min-width: 2.25rem; }
  .xl-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  .xl-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  .xl-group:hover .xl-group-hover-min-w-9 { min-width: 2.25rem; }
  .xl-max-w-9 { max-width: 2.25rem; }
  .xl-hover-max-w-9:hover { max-width: 2.25rem; }
  .xl-focus-max-w-9:focus { max-width: 2.25rem; }
  .xl-active-max-w-9:active { max-width: 2.25rem; }
  .xl-disabled-max-w-9:disabled { max-width: 2.25rem; }
  .xl-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  .xl-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  .xl-group:hover .xl-group-hover-max-w-9 { max-width: 2.25rem; }
  .xl-min-h-9 { min-height: 2.25rem; }
  .xl-hover-min-h-9:hover { min-height: 2.25rem; }
  .xl-focus-min-h-9:focus { min-height: 2.25rem; }
  .xl-active-min-h-9:active { min-height: 2.25rem; }
  .xl-disabled-min-h-9:disabled { min-height: 2.25rem; }
  .xl-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  .xl-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  .xl-group:hover .xl-group-hover-min-h-9 { min-height: 2.25rem; }
  .xl-max-h-9 { max-height: 2.25rem; }
  .xl-hover-max-h-9:hover { max-height: 2.25rem; }
  .xl-focus-max-h-9:focus { max-height: 2.25rem; }
  .xl-active-max-h-9:active { max-height: 2.25rem; }
  .xl-disabled-max-h-9:disabled { max-height: 2.25rem; }
  .xl-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  .xl-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  .xl-group:hover .xl-group-hover-max-h-9 { max-height: 2.25rem; }
  .xl-w-10 { width: 2.5rem; }
  .xl-hover-w-10:hover { width: 2.5rem; }
  .xl-focus-w-10:focus { width: 2.5rem; }
  .xl-active-w-10:active { width: 2.5rem; }
  .xl-disabled-w-10:disabled { width: 2.5rem; }
  .xl-focus-visible-w-10:focus-visible { width: 2.5rem; }
  .xl-focus-within-w-10:focus-within { width: 2.5rem; }
  .xl-group:hover .xl-group-hover-w-10 { width: 2.5rem; }
  .xl-h-10 { height: 2.5rem; }
  .xl-hover-h-10:hover { height: 2.5rem; }
  .xl-focus-h-10:focus { height: 2.5rem; }
  .xl-active-h-10:active { height: 2.5rem; }
  .xl-disabled-h-10:disabled { height: 2.5rem; }
  .xl-focus-visible-h-10:focus-visible { height: 2.5rem; }
  .xl-focus-within-h-10:focus-within { height: 2.5rem; }
  .xl-group:hover .xl-group-hover-h-10 { height: 2.5rem; }
  .xl-min-w-10 { min-width: 2.5rem; }
  .xl-hover-min-w-10:hover { min-width: 2.5rem; }
  .xl-focus-min-w-10:focus { min-width: 2.5rem; }
  .xl-active-min-w-10:active { min-width: 2.5rem; }
  .xl-disabled-min-w-10:disabled { min-width: 2.5rem; }
  .xl-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  .xl-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  .xl-group:hover .xl-group-hover-min-w-10 { min-width: 2.5rem; }
  .xl-max-w-10 { max-width: 2.5rem; }
  .xl-hover-max-w-10:hover { max-width: 2.5rem; }
  .xl-focus-max-w-10:focus { max-width: 2.5rem; }
  .xl-active-max-w-10:active { max-width: 2.5rem; }
  .xl-disabled-max-w-10:disabled { max-width: 2.5rem; }
  .xl-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  .xl-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  .xl-group:hover .xl-group-hover-max-w-10 { max-width: 2.5rem; }
  .xl-min-h-10 { min-height: 2.5rem; }
  .xl-hover-min-h-10:hover { min-height: 2.5rem; }
  .xl-focus-min-h-10:focus { min-height: 2.5rem; }
  .xl-active-min-h-10:active { min-height: 2.5rem; }
  .xl-disabled-min-h-10:disabled { min-height: 2.5rem; }
  .xl-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  .xl-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  .xl-group:hover .xl-group-hover-min-h-10 { min-height: 2.5rem; }
  .xl-max-h-10 { max-height: 2.5rem; }
  .xl-hover-max-h-10:hover { max-height: 2.5rem; }
  .xl-focus-max-h-10:focus { max-height: 2.5rem; }
  .xl-active-max-h-10:active { max-height: 2.5rem; }
  .xl-disabled-max-h-10:disabled { max-height: 2.5rem; }
  .xl-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  .xl-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  .xl-group:hover .xl-group-hover-max-h-10 { max-height: 2.5rem; }
  .xl-w-11 { width: 2.75rem; }
  .xl-hover-w-11:hover { width: 2.75rem; }
  .xl-focus-w-11:focus { width: 2.75rem; }
  .xl-active-w-11:active { width: 2.75rem; }
  .xl-disabled-w-11:disabled { width: 2.75rem; }
  .xl-focus-visible-w-11:focus-visible { width: 2.75rem; }
  .xl-focus-within-w-11:focus-within { width: 2.75rem; }
  .xl-group:hover .xl-group-hover-w-11 { width: 2.75rem; }
  .xl-h-11 { height: 2.75rem; }
  .xl-hover-h-11:hover { height: 2.75rem; }
  .xl-focus-h-11:focus { height: 2.75rem; }
  .xl-active-h-11:active { height: 2.75rem; }
  .xl-disabled-h-11:disabled { height: 2.75rem; }
  .xl-focus-visible-h-11:focus-visible { height: 2.75rem; }
  .xl-focus-within-h-11:focus-within { height: 2.75rem; }
  .xl-group:hover .xl-group-hover-h-11 { height: 2.75rem; }
  .xl-min-w-11 { min-width: 2.75rem; }
  .xl-hover-min-w-11:hover { min-width: 2.75rem; }
  .xl-focus-min-w-11:focus { min-width: 2.75rem; }
  .xl-active-min-w-11:active { min-width: 2.75rem; }
  .xl-disabled-min-w-11:disabled { min-width: 2.75rem; }
  .xl-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  .xl-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  .xl-group:hover .xl-group-hover-min-w-11 { min-width: 2.75rem; }
  .xl-max-w-11 { max-width: 2.75rem; }
  .xl-hover-max-w-11:hover { max-width: 2.75rem; }
  .xl-focus-max-w-11:focus { max-width: 2.75rem; }
  .xl-active-max-w-11:active { max-width: 2.75rem; }
  .xl-disabled-max-w-11:disabled { max-width: 2.75rem; }
  .xl-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  .xl-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  .xl-group:hover .xl-group-hover-max-w-11 { max-width: 2.75rem; }
  .xl-min-h-11 { min-height: 2.75rem; }
  .xl-hover-min-h-11:hover { min-height: 2.75rem; }
  .xl-focus-min-h-11:focus { min-height: 2.75rem; }
  .xl-active-min-h-11:active { min-height: 2.75rem; }
  .xl-disabled-min-h-11:disabled { min-height: 2.75rem; }
  .xl-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  .xl-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  .xl-group:hover .xl-group-hover-min-h-11 { min-height: 2.75rem; }
  .xl-max-h-11 { max-height: 2.75rem; }
  .xl-hover-max-h-11:hover { max-height: 2.75rem; }
  .xl-focus-max-h-11:focus { max-height: 2.75rem; }
  .xl-active-max-h-11:active { max-height: 2.75rem; }
  .xl-disabled-max-h-11:disabled { max-height: 2.75rem; }
  .xl-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  .xl-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  .xl-group:hover .xl-group-hover-max-h-11 { max-height: 2.75rem; }
  .xl-w-12 { width: 3rem; }
  .xl-hover-w-12:hover { width: 3rem; }
  .xl-focus-w-12:focus { width: 3rem; }
  .xl-active-w-12:active { width: 3rem; }
  .xl-disabled-w-12:disabled { width: 3rem; }
  .xl-focus-visible-w-12:focus-visible { width: 3rem; }
  .xl-focus-within-w-12:focus-within { width: 3rem; }
  .xl-group:hover .xl-group-hover-w-12 { width: 3rem; }
  .xl-h-12 { height: 3rem; }
  .xl-hover-h-12:hover { height: 3rem; }
  .xl-focus-h-12:focus { height: 3rem; }
  .xl-active-h-12:active { height: 3rem; }
  .xl-disabled-h-12:disabled { height: 3rem; }
  .xl-focus-visible-h-12:focus-visible { height: 3rem; }
  .xl-focus-within-h-12:focus-within { height: 3rem; }
  .xl-group:hover .xl-group-hover-h-12 { height: 3rem; }
  .xl-min-w-12 { min-width: 3rem; }
  .xl-hover-min-w-12:hover { min-width: 3rem; }
  .xl-focus-min-w-12:focus { min-width: 3rem; }
  .xl-active-min-w-12:active { min-width: 3rem; }
  .xl-disabled-min-w-12:disabled { min-width: 3rem; }
  .xl-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  .xl-focus-within-min-w-12:focus-within { min-width: 3rem; }
  .xl-group:hover .xl-group-hover-min-w-12 { min-width: 3rem; }
  .xl-max-w-12 { max-width: 3rem; }
  .xl-hover-max-w-12:hover { max-width: 3rem; }
  .xl-focus-max-w-12:focus { max-width: 3rem; }
  .xl-active-max-w-12:active { max-width: 3rem; }
  .xl-disabled-max-w-12:disabled { max-width: 3rem; }
  .xl-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  .xl-focus-within-max-w-12:focus-within { max-width: 3rem; }
  .xl-group:hover .xl-group-hover-max-w-12 { max-width: 3rem; }
  .xl-min-h-12 { min-height: 3rem; }
  .xl-hover-min-h-12:hover { min-height: 3rem; }
  .xl-focus-min-h-12:focus { min-height: 3rem; }
  .xl-active-min-h-12:active { min-height: 3rem; }
  .xl-disabled-min-h-12:disabled { min-height: 3rem; }
  .xl-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  .xl-focus-within-min-h-12:focus-within { min-height: 3rem; }
  .xl-group:hover .xl-group-hover-min-h-12 { min-height: 3rem; }
  .xl-max-h-12 { max-height: 3rem; }
  .xl-hover-max-h-12:hover { max-height: 3rem; }
  .xl-focus-max-h-12:focus { max-height: 3rem; }
  .xl-active-max-h-12:active { max-height: 3rem; }
  .xl-disabled-max-h-12:disabled { max-height: 3rem; }
  .xl-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  .xl-focus-within-max-h-12:focus-within { max-height: 3rem; }
  .xl-group:hover .xl-group-hover-max-h-12 { max-height: 3rem; }
  .xl-w-14 { width: 3.5rem; }
  .xl-hover-w-14:hover { width: 3.5rem; }
  .xl-focus-w-14:focus { width: 3.5rem; }
  .xl-active-w-14:active { width: 3.5rem; }
  .xl-disabled-w-14:disabled { width: 3.5rem; }
  .xl-focus-visible-w-14:focus-visible { width: 3.5rem; }
  .xl-focus-within-w-14:focus-within { width: 3.5rem; }
  .xl-group:hover .xl-group-hover-w-14 { width: 3.5rem; }
  .xl-h-14 { height: 3.5rem; }
  .xl-hover-h-14:hover { height: 3.5rem; }
  .xl-focus-h-14:focus { height: 3.5rem; }
  .xl-active-h-14:active { height: 3.5rem; }
  .xl-disabled-h-14:disabled { height: 3.5rem; }
  .xl-focus-visible-h-14:focus-visible { height: 3.5rem; }
  .xl-focus-within-h-14:focus-within { height: 3.5rem; }
  .xl-group:hover .xl-group-hover-h-14 { height: 3.5rem; }
  .xl-min-w-14 { min-width: 3.5rem; }
  .xl-hover-min-w-14:hover { min-width: 3.5rem; }
  .xl-focus-min-w-14:focus { min-width: 3.5rem; }
  .xl-active-min-w-14:active { min-width: 3.5rem; }
  .xl-disabled-min-w-14:disabled { min-width: 3.5rem; }
  .xl-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  .xl-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  .xl-group:hover .xl-group-hover-min-w-14 { min-width: 3.5rem; }
  .xl-max-w-14 { max-width: 3.5rem; }
  .xl-hover-max-w-14:hover { max-width: 3.5rem; }
  .xl-focus-max-w-14:focus { max-width: 3.5rem; }
  .xl-active-max-w-14:active { max-width: 3.5rem; }
  .xl-disabled-max-w-14:disabled { max-width: 3.5rem; }
  .xl-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  .xl-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  .xl-group:hover .xl-group-hover-max-w-14 { max-width: 3.5rem; }
  .xl-min-h-14 { min-height: 3.5rem; }
  .xl-hover-min-h-14:hover { min-height: 3.5rem; }
  .xl-focus-min-h-14:focus { min-height: 3.5rem; }
  .xl-active-min-h-14:active { min-height: 3.5rem; }
  .xl-disabled-min-h-14:disabled { min-height: 3.5rem; }
  .xl-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  .xl-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  .xl-group:hover .xl-group-hover-min-h-14 { min-height: 3.5rem; }
  .xl-max-h-14 { max-height: 3.5rem; }
  .xl-hover-max-h-14:hover { max-height: 3.5rem; }
  .xl-focus-max-h-14:focus { max-height: 3.5rem; }
  .xl-active-max-h-14:active { max-height: 3.5rem; }
  .xl-disabled-max-h-14:disabled { max-height: 3.5rem; }
  .xl-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  .xl-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  .xl-group:hover .xl-group-hover-max-h-14 { max-height: 3.5rem; }
  .xl-w-16 { width: 4rem; }
  .xl-hover-w-16:hover { width: 4rem; }
  .xl-focus-w-16:focus { width: 4rem; }
  .xl-active-w-16:active { width: 4rem; }
  .xl-disabled-w-16:disabled { width: 4rem; }
  .xl-focus-visible-w-16:focus-visible { width: 4rem; }
  .xl-focus-within-w-16:focus-within { width: 4rem; }
  .xl-group:hover .xl-group-hover-w-16 { width: 4rem; }
  .xl-h-16 { height: 4rem; }
  .xl-hover-h-16:hover { height: 4rem; }
  .xl-focus-h-16:focus { height: 4rem; }
  .xl-active-h-16:active { height: 4rem; }
  .xl-disabled-h-16:disabled { height: 4rem; }
  .xl-focus-visible-h-16:focus-visible { height: 4rem; }
  .xl-focus-within-h-16:focus-within { height: 4rem; }
  .xl-group:hover .xl-group-hover-h-16 { height: 4rem; }
  .xl-min-w-16 { min-width: 4rem; }
  .xl-hover-min-w-16:hover { min-width: 4rem; }
  .xl-focus-min-w-16:focus { min-width: 4rem; }
  .xl-active-min-w-16:active { min-width: 4rem; }
  .xl-disabled-min-w-16:disabled { min-width: 4rem; }
  .xl-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  .xl-focus-within-min-w-16:focus-within { min-width: 4rem; }
  .xl-group:hover .xl-group-hover-min-w-16 { min-width: 4rem; }
  .xl-max-w-16 { max-width: 4rem; }
  .xl-hover-max-w-16:hover { max-width: 4rem; }
  .xl-focus-max-w-16:focus { max-width: 4rem; }
  .xl-active-max-w-16:active { max-width: 4rem; }
  .xl-disabled-max-w-16:disabled { max-width: 4rem; }
  .xl-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  .xl-focus-within-max-w-16:focus-within { max-width: 4rem; }
  .xl-group:hover .xl-group-hover-max-w-16 { max-width: 4rem; }
  .xl-min-h-16 { min-height: 4rem; }
  .xl-hover-min-h-16:hover { min-height: 4rem; }
  .xl-focus-min-h-16:focus { min-height: 4rem; }
  .xl-active-min-h-16:active { min-height: 4rem; }
  .xl-disabled-min-h-16:disabled { min-height: 4rem; }
  .xl-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  .xl-focus-within-min-h-16:focus-within { min-height: 4rem; }
  .xl-group:hover .xl-group-hover-min-h-16 { min-height: 4rem; }
  .xl-max-h-16 { max-height: 4rem; }
  .xl-hover-max-h-16:hover { max-height: 4rem; }
  .xl-focus-max-h-16:focus { max-height: 4rem; }
  .xl-active-max-h-16:active { max-height: 4rem; }
  .xl-disabled-max-h-16:disabled { max-height: 4rem; }
  .xl-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  .xl-focus-within-max-h-16:focus-within { max-height: 4rem; }
  .xl-group:hover .xl-group-hover-max-h-16 { max-height: 4rem; }
  .xl-w-20 { width: 5rem; }
  .xl-hover-w-20:hover { width: 5rem; }
  .xl-focus-w-20:focus { width: 5rem; }
  .xl-active-w-20:active { width: 5rem; }
  .xl-disabled-w-20:disabled { width: 5rem; }
  .xl-focus-visible-w-20:focus-visible { width: 5rem; }
  .xl-focus-within-w-20:focus-within { width: 5rem; }
  .xl-group:hover .xl-group-hover-w-20 { width: 5rem; }
  .xl-h-20 { height: 5rem; }
  .xl-hover-h-20:hover { height: 5rem; }
  .xl-focus-h-20:focus { height: 5rem; }
  .xl-active-h-20:active { height: 5rem; }
  .xl-disabled-h-20:disabled { height: 5rem; }
  .xl-focus-visible-h-20:focus-visible { height: 5rem; }
  .xl-focus-within-h-20:focus-within { height: 5rem; }
  .xl-group:hover .xl-group-hover-h-20 { height: 5rem; }
  .xl-min-w-20 { min-width: 5rem; }
  .xl-hover-min-w-20:hover { min-width: 5rem; }
  .xl-focus-min-w-20:focus { min-width: 5rem; }
  .xl-active-min-w-20:active { min-width: 5rem; }
  .xl-disabled-min-w-20:disabled { min-width: 5rem; }
  .xl-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  .xl-focus-within-min-w-20:focus-within { min-width: 5rem; }
  .xl-group:hover .xl-group-hover-min-w-20 { min-width: 5rem; }
  .xl-max-w-20 { max-width: 5rem; }
  .xl-hover-max-w-20:hover { max-width: 5rem; }
  .xl-focus-max-w-20:focus { max-width: 5rem; }
  .xl-active-max-w-20:active { max-width: 5rem; }
  .xl-disabled-max-w-20:disabled { max-width: 5rem; }
  .xl-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  .xl-focus-within-max-w-20:focus-within { max-width: 5rem; }
  .xl-group:hover .xl-group-hover-max-w-20 { max-width: 5rem; }
  .xl-min-h-20 { min-height: 5rem; }
  .xl-hover-min-h-20:hover { min-height: 5rem; }
  .xl-focus-min-h-20:focus { min-height: 5rem; }
  .xl-active-min-h-20:active { min-height: 5rem; }
  .xl-disabled-min-h-20:disabled { min-height: 5rem; }
  .xl-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  .xl-focus-within-min-h-20:focus-within { min-height: 5rem; }
  .xl-group:hover .xl-group-hover-min-h-20 { min-height: 5rem; }
  .xl-max-h-20 { max-height: 5rem; }
  .xl-hover-max-h-20:hover { max-height: 5rem; }
  .xl-focus-max-h-20:focus { max-height: 5rem; }
  .xl-active-max-h-20:active { max-height: 5rem; }
  .xl-disabled-max-h-20:disabled { max-height: 5rem; }
  .xl-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  .xl-focus-within-max-h-20:focus-within { max-height: 5rem; }
  .xl-group:hover .xl-group-hover-max-h-20 { max-height: 5rem; }
  .xl-w-24 { width: 6rem; }
  .xl-hover-w-24:hover { width: 6rem; }
  .xl-focus-w-24:focus { width: 6rem; }
  .xl-active-w-24:active { width: 6rem; }
  .xl-disabled-w-24:disabled { width: 6rem; }
  .xl-focus-visible-w-24:focus-visible { width: 6rem; }
  .xl-focus-within-w-24:focus-within { width: 6rem; }
  .xl-group:hover .xl-group-hover-w-24 { width: 6rem; }
  .xl-h-24 { height: 6rem; }
  .xl-hover-h-24:hover { height: 6rem; }
  .xl-focus-h-24:focus { height: 6rem; }
  .xl-active-h-24:active { height: 6rem; }
  .xl-disabled-h-24:disabled { height: 6rem; }
  .xl-focus-visible-h-24:focus-visible { height: 6rem; }
  .xl-focus-within-h-24:focus-within { height: 6rem; }
  .xl-group:hover .xl-group-hover-h-24 { height: 6rem; }
  .xl-min-w-24 { min-width: 6rem; }
  .xl-hover-min-w-24:hover { min-width: 6rem; }
  .xl-focus-min-w-24:focus { min-width: 6rem; }
  .xl-active-min-w-24:active { min-width: 6rem; }
  .xl-disabled-min-w-24:disabled { min-width: 6rem; }
  .xl-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  .xl-focus-within-min-w-24:focus-within { min-width: 6rem; }
  .xl-group:hover .xl-group-hover-min-w-24 { min-width: 6rem; }
  .xl-max-w-24 { max-width: 6rem; }
  .xl-hover-max-w-24:hover { max-width: 6rem; }
  .xl-focus-max-w-24:focus { max-width: 6rem; }
  .xl-active-max-w-24:active { max-width: 6rem; }
  .xl-disabled-max-w-24:disabled { max-width: 6rem; }
  .xl-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  .xl-focus-within-max-w-24:focus-within { max-width: 6rem; }
  .xl-group:hover .xl-group-hover-max-w-24 { max-width: 6rem; }
  .xl-min-h-24 { min-height: 6rem; }
  .xl-hover-min-h-24:hover { min-height: 6rem; }
  .xl-focus-min-h-24:focus { min-height: 6rem; }
  .xl-active-min-h-24:active { min-height: 6rem; }
  .xl-disabled-min-h-24:disabled { min-height: 6rem; }
  .xl-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  .xl-focus-within-min-h-24:focus-within { min-height: 6rem; }
  .xl-group:hover .xl-group-hover-min-h-24 { min-height: 6rem; }
  .xl-max-h-24 { max-height: 6rem; }
  .xl-hover-max-h-24:hover { max-height: 6rem; }
  .xl-focus-max-h-24:focus { max-height: 6rem; }
  .xl-active-max-h-24:active { max-height: 6rem; }
  .xl-disabled-max-h-24:disabled { max-height: 6rem; }
  .xl-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  .xl-focus-within-max-h-24:focus-within { max-height: 6rem; }
  .xl-group:hover .xl-group-hover-max-h-24 { max-height: 6rem; }
  .xl-w-28 { width: 7rem; }
  .xl-hover-w-28:hover { width: 7rem; }
  .xl-focus-w-28:focus { width: 7rem; }
  .xl-active-w-28:active { width: 7rem; }
  .xl-disabled-w-28:disabled { width: 7rem; }
  .xl-focus-visible-w-28:focus-visible { width: 7rem; }
  .xl-focus-within-w-28:focus-within { width: 7rem; }
  .xl-group:hover .xl-group-hover-w-28 { width: 7rem; }
  .xl-h-28 { height: 7rem; }
  .xl-hover-h-28:hover { height: 7rem; }
  .xl-focus-h-28:focus { height: 7rem; }
  .xl-active-h-28:active { height: 7rem; }
  .xl-disabled-h-28:disabled { height: 7rem; }
  .xl-focus-visible-h-28:focus-visible { height: 7rem; }
  .xl-focus-within-h-28:focus-within { height: 7rem; }
  .xl-group:hover .xl-group-hover-h-28 { height: 7rem; }
  .xl-min-w-28 { min-width: 7rem; }
  .xl-hover-min-w-28:hover { min-width: 7rem; }
  .xl-focus-min-w-28:focus { min-width: 7rem; }
  .xl-active-min-w-28:active { min-width: 7rem; }
  .xl-disabled-min-w-28:disabled { min-width: 7rem; }
  .xl-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  .xl-focus-within-min-w-28:focus-within { min-width: 7rem; }
  .xl-group:hover .xl-group-hover-min-w-28 { min-width: 7rem; }
  .xl-max-w-28 { max-width: 7rem; }
  .xl-hover-max-w-28:hover { max-width: 7rem; }
  .xl-focus-max-w-28:focus { max-width: 7rem; }
  .xl-active-max-w-28:active { max-width: 7rem; }
  .xl-disabled-max-w-28:disabled { max-width: 7rem; }
  .xl-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  .xl-focus-within-max-w-28:focus-within { max-width: 7rem; }
  .xl-group:hover .xl-group-hover-max-w-28 { max-width: 7rem; }
  .xl-min-h-28 { min-height: 7rem; }
  .xl-hover-min-h-28:hover { min-height: 7rem; }
  .xl-focus-min-h-28:focus { min-height: 7rem; }
  .xl-active-min-h-28:active { min-height: 7rem; }
  .xl-disabled-min-h-28:disabled { min-height: 7rem; }
  .xl-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  .xl-focus-within-min-h-28:focus-within { min-height: 7rem; }
  .xl-group:hover .xl-group-hover-min-h-28 { min-height: 7rem; }
  .xl-max-h-28 { max-height: 7rem; }
  .xl-hover-max-h-28:hover { max-height: 7rem; }
  .xl-focus-max-h-28:focus { max-height: 7rem; }
  .xl-active-max-h-28:active { max-height: 7rem; }
  .xl-disabled-max-h-28:disabled { max-height: 7rem; }
  .xl-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  .xl-focus-within-max-h-28:focus-within { max-height: 7rem; }
  .xl-group:hover .xl-group-hover-max-h-28 { max-height: 7rem; }
  .xl-w-32 { width: 8rem; }
  .xl-hover-w-32:hover { width: 8rem; }
  .xl-focus-w-32:focus { width: 8rem; }
  .xl-active-w-32:active { width: 8rem; }
  .xl-disabled-w-32:disabled { width: 8rem; }
  .xl-focus-visible-w-32:focus-visible { width: 8rem; }
  .xl-focus-within-w-32:focus-within { width: 8rem; }
  .xl-group:hover .xl-group-hover-w-32 { width: 8rem; }
  .xl-h-32 { height: 8rem; }
  .xl-hover-h-32:hover { height: 8rem; }
  .xl-focus-h-32:focus { height: 8rem; }
  .xl-active-h-32:active { height: 8rem; }
  .xl-disabled-h-32:disabled { height: 8rem; }
  .xl-focus-visible-h-32:focus-visible { height: 8rem; }
  .xl-focus-within-h-32:focus-within { height: 8rem; }
  .xl-group:hover .xl-group-hover-h-32 { height: 8rem; }
  .xl-min-w-32 { min-width: 8rem; }
  .xl-hover-min-w-32:hover { min-width: 8rem; }
  .xl-focus-min-w-32:focus { min-width: 8rem; }
  .xl-active-min-w-32:active { min-width: 8rem; }
  .xl-disabled-min-w-32:disabled { min-width: 8rem; }
  .xl-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  .xl-focus-within-min-w-32:focus-within { min-width: 8rem; }
  .xl-group:hover .xl-group-hover-min-w-32 { min-width: 8rem; }
  .xl-max-w-32 { max-width: 8rem; }
  .xl-hover-max-w-32:hover { max-width: 8rem; }
  .xl-focus-max-w-32:focus { max-width: 8rem; }
  .xl-active-max-w-32:active { max-width: 8rem; }
  .xl-disabled-max-w-32:disabled { max-width: 8rem; }
  .xl-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  .xl-focus-within-max-w-32:focus-within { max-width: 8rem; }
  .xl-group:hover .xl-group-hover-max-w-32 { max-width: 8rem; }
  .xl-min-h-32 { min-height: 8rem; }
  .xl-hover-min-h-32:hover { min-height: 8rem; }
  .xl-focus-min-h-32:focus { min-height: 8rem; }
  .xl-active-min-h-32:active { min-height: 8rem; }
  .xl-disabled-min-h-32:disabled { min-height: 8rem; }
  .xl-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  .xl-focus-within-min-h-32:focus-within { min-height: 8rem; }
  .xl-group:hover .xl-group-hover-min-h-32 { min-height: 8rem; }
  .xl-max-h-32 { max-height: 8rem; }
  .xl-hover-max-h-32:hover { max-height: 8rem; }
  .xl-focus-max-h-32:focus { max-height: 8rem; }
  .xl-active-max-h-32:active { max-height: 8rem; }
  .xl-disabled-max-h-32:disabled { max-height: 8rem; }
  .xl-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  .xl-focus-within-max-h-32:focus-within { max-height: 8rem; }
  .xl-group:hover .xl-group-hover-max-h-32 { max-height: 8rem; }
  .xl-w-36 { width: 9rem; }
  .xl-hover-w-36:hover { width: 9rem; }
  .xl-focus-w-36:focus { width: 9rem; }
  .xl-active-w-36:active { width: 9rem; }
  .xl-disabled-w-36:disabled { width: 9rem; }
  .xl-focus-visible-w-36:focus-visible { width: 9rem; }
  .xl-focus-within-w-36:focus-within { width: 9rem; }
  .xl-group:hover .xl-group-hover-w-36 { width: 9rem; }
  .xl-h-36 { height: 9rem; }
  .xl-hover-h-36:hover { height: 9rem; }
  .xl-focus-h-36:focus { height: 9rem; }
  .xl-active-h-36:active { height: 9rem; }
  .xl-disabled-h-36:disabled { height: 9rem; }
  .xl-focus-visible-h-36:focus-visible { height: 9rem; }
  .xl-focus-within-h-36:focus-within { height: 9rem; }
  .xl-group:hover .xl-group-hover-h-36 { height: 9rem; }
  .xl-min-w-36 { min-width: 9rem; }
  .xl-hover-min-w-36:hover { min-width: 9rem; }
  .xl-focus-min-w-36:focus { min-width: 9rem; }
  .xl-active-min-w-36:active { min-width: 9rem; }
  .xl-disabled-min-w-36:disabled { min-width: 9rem; }
  .xl-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  .xl-focus-within-min-w-36:focus-within { min-width: 9rem; }
  .xl-group:hover .xl-group-hover-min-w-36 { min-width: 9rem; }
  .xl-max-w-36 { max-width: 9rem; }
  .xl-hover-max-w-36:hover { max-width: 9rem; }
  .xl-focus-max-w-36:focus { max-width: 9rem; }
  .xl-active-max-w-36:active { max-width: 9rem; }
  .xl-disabled-max-w-36:disabled { max-width: 9rem; }
  .xl-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  .xl-focus-within-max-w-36:focus-within { max-width: 9rem; }
  .xl-group:hover .xl-group-hover-max-w-36 { max-width: 9rem; }
  .xl-min-h-36 { min-height: 9rem; }
  .xl-hover-min-h-36:hover { min-height: 9rem; }
  .xl-focus-min-h-36:focus { min-height: 9rem; }
  .xl-active-min-h-36:active { min-height: 9rem; }
  .xl-disabled-min-h-36:disabled { min-height: 9rem; }
  .xl-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  .xl-focus-within-min-h-36:focus-within { min-height: 9rem; }
  .xl-group:hover .xl-group-hover-min-h-36 { min-height: 9rem; }
  .xl-max-h-36 { max-height: 9rem; }
  .xl-hover-max-h-36:hover { max-height: 9rem; }
  .xl-focus-max-h-36:focus { max-height: 9rem; }
  .xl-active-max-h-36:active { max-height: 9rem; }
  .xl-disabled-max-h-36:disabled { max-height: 9rem; }
  .xl-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  .xl-focus-within-max-h-36:focus-within { max-height: 9rem; }
  .xl-group:hover .xl-group-hover-max-h-36 { max-height: 9rem; }
  .xl-w-40 { width: 10rem; }
  .xl-hover-w-40:hover { width: 10rem; }
  .xl-focus-w-40:focus { width: 10rem; }
  .xl-active-w-40:active { width: 10rem; }
  .xl-disabled-w-40:disabled { width: 10rem; }
  .xl-focus-visible-w-40:focus-visible { width: 10rem; }
  .xl-focus-within-w-40:focus-within { width: 10rem; }
  .xl-group:hover .xl-group-hover-w-40 { width: 10rem; }
  .xl-h-40 { height: 10rem; }
  .xl-hover-h-40:hover { height: 10rem; }
  .xl-focus-h-40:focus { height: 10rem; }
  .xl-active-h-40:active { height: 10rem; }
  .xl-disabled-h-40:disabled { height: 10rem; }
  .xl-focus-visible-h-40:focus-visible { height: 10rem; }
  .xl-focus-within-h-40:focus-within { height: 10rem; }
  .xl-group:hover .xl-group-hover-h-40 { height: 10rem; }
  .xl-min-w-40 { min-width: 10rem; }
  .xl-hover-min-w-40:hover { min-width: 10rem; }
  .xl-focus-min-w-40:focus { min-width: 10rem; }
  .xl-active-min-w-40:active { min-width: 10rem; }
  .xl-disabled-min-w-40:disabled { min-width: 10rem; }
  .xl-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  .xl-focus-within-min-w-40:focus-within { min-width: 10rem; }
  .xl-group:hover .xl-group-hover-min-w-40 { min-width: 10rem; }
  .xl-max-w-40 { max-width: 10rem; }
  .xl-hover-max-w-40:hover { max-width: 10rem; }
  .xl-focus-max-w-40:focus { max-width: 10rem; }
  .xl-active-max-w-40:active { max-width: 10rem; }
  .xl-disabled-max-w-40:disabled { max-width: 10rem; }
  .xl-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  .xl-focus-within-max-w-40:focus-within { max-width: 10rem; }
  .xl-group:hover .xl-group-hover-max-w-40 { max-width: 10rem; }
  .xl-min-h-40 { min-height: 10rem; }
  .xl-hover-min-h-40:hover { min-height: 10rem; }
  .xl-focus-min-h-40:focus { min-height: 10rem; }
  .xl-active-min-h-40:active { min-height: 10rem; }
  .xl-disabled-min-h-40:disabled { min-height: 10rem; }
  .xl-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  .xl-focus-within-min-h-40:focus-within { min-height: 10rem; }
  .xl-group:hover .xl-group-hover-min-h-40 { min-height: 10rem; }
  .xl-max-h-40 { max-height: 10rem; }
  .xl-hover-max-h-40:hover { max-height: 10rem; }
  .xl-focus-max-h-40:focus { max-height: 10rem; }
  .xl-active-max-h-40:active { max-height: 10rem; }
  .xl-disabled-max-h-40:disabled { max-height: 10rem; }
  .xl-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  .xl-focus-within-max-h-40:focus-within { max-height: 10rem; }
  .xl-group:hover .xl-group-hover-max-h-40 { max-height: 10rem; }
  .xl-w-44 { width: 11rem; }
  .xl-hover-w-44:hover { width: 11rem; }
  .xl-focus-w-44:focus { width: 11rem; }
  .xl-active-w-44:active { width: 11rem; }
  .xl-disabled-w-44:disabled { width: 11rem; }
  .xl-focus-visible-w-44:focus-visible { width: 11rem; }
  .xl-focus-within-w-44:focus-within { width: 11rem; }
  .xl-group:hover .xl-group-hover-w-44 { width: 11rem; }
  .xl-h-44 { height: 11rem; }
  .xl-hover-h-44:hover { height: 11rem; }
  .xl-focus-h-44:focus { height: 11rem; }
  .xl-active-h-44:active { height: 11rem; }
  .xl-disabled-h-44:disabled { height: 11rem; }
  .xl-focus-visible-h-44:focus-visible { height: 11rem; }
  .xl-focus-within-h-44:focus-within { height: 11rem; }
  .xl-group:hover .xl-group-hover-h-44 { height: 11rem; }
  .xl-min-w-44 { min-width: 11rem; }
  .xl-hover-min-w-44:hover { min-width: 11rem; }
  .xl-focus-min-w-44:focus { min-width: 11rem; }
  .xl-active-min-w-44:active { min-width: 11rem; }
  .xl-disabled-min-w-44:disabled { min-width: 11rem; }
  .xl-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  .xl-focus-within-min-w-44:focus-within { min-width: 11rem; }
  .xl-group:hover .xl-group-hover-min-w-44 { min-width: 11rem; }
  .xl-max-w-44 { max-width: 11rem; }
  .xl-hover-max-w-44:hover { max-width: 11rem; }
  .xl-focus-max-w-44:focus { max-width: 11rem; }
  .xl-active-max-w-44:active { max-width: 11rem; }
  .xl-disabled-max-w-44:disabled { max-width: 11rem; }
  .xl-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  .xl-focus-within-max-w-44:focus-within { max-width: 11rem; }
  .xl-group:hover .xl-group-hover-max-w-44 { max-width: 11rem; }
  .xl-min-h-44 { min-height: 11rem; }
  .xl-hover-min-h-44:hover { min-height: 11rem; }
  .xl-focus-min-h-44:focus { min-height: 11rem; }
  .xl-active-min-h-44:active { min-height: 11rem; }
  .xl-disabled-min-h-44:disabled { min-height: 11rem; }
  .xl-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  .xl-focus-within-min-h-44:focus-within { min-height: 11rem; }
  .xl-group:hover .xl-group-hover-min-h-44 { min-height: 11rem; }
  .xl-max-h-44 { max-height: 11rem; }
  .xl-hover-max-h-44:hover { max-height: 11rem; }
  .xl-focus-max-h-44:focus { max-height: 11rem; }
  .xl-active-max-h-44:active { max-height: 11rem; }
  .xl-disabled-max-h-44:disabled { max-height: 11rem; }
  .xl-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  .xl-focus-within-max-h-44:focus-within { max-height: 11rem; }
  .xl-group:hover .xl-group-hover-max-h-44 { max-height: 11rem; }
  .xl-w-48 { width: 12rem; }
  .xl-hover-w-48:hover { width: 12rem; }
  .xl-focus-w-48:focus { width: 12rem; }
  .xl-active-w-48:active { width: 12rem; }
  .xl-disabled-w-48:disabled { width: 12rem; }
  .xl-focus-visible-w-48:focus-visible { width: 12rem; }
  .xl-focus-within-w-48:focus-within { width: 12rem; }
  .xl-group:hover .xl-group-hover-w-48 { width: 12rem; }
  .xl-h-48 { height: 12rem; }
  .xl-hover-h-48:hover { height: 12rem; }
  .xl-focus-h-48:focus { height: 12rem; }
  .xl-active-h-48:active { height: 12rem; }
  .xl-disabled-h-48:disabled { height: 12rem; }
  .xl-focus-visible-h-48:focus-visible { height: 12rem; }
  .xl-focus-within-h-48:focus-within { height: 12rem; }
  .xl-group:hover .xl-group-hover-h-48 { height: 12rem; }
  .xl-min-w-48 { min-width: 12rem; }
  .xl-hover-min-w-48:hover { min-width: 12rem; }
  .xl-focus-min-w-48:focus { min-width: 12rem; }
  .xl-active-min-w-48:active { min-width: 12rem; }
  .xl-disabled-min-w-48:disabled { min-width: 12rem; }
  .xl-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  .xl-focus-within-min-w-48:focus-within { min-width: 12rem; }
  .xl-group:hover .xl-group-hover-min-w-48 { min-width: 12rem; }
  .xl-max-w-48 { max-width: 12rem; }
  .xl-hover-max-w-48:hover { max-width: 12rem; }
  .xl-focus-max-w-48:focus { max-width: 12rem; }
  .xl-active-max-w-48:active { max-width: 12rem; }
  .xl-disabled-max-w-48:disabled { max-width: 12rem; }
  .xl-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  .xl-focus-within-max-w-48:focus-within { max-width: 12rem; }
  .xl-group:hover .xl-group-hover-max-w-48 { max-width: 12rem; }
  .xl-min-h-48 { min-height: 12rem; }
  .xl-hover-min-h-48:hover { min-height: 12rem; }
  .xl-focus-min-h-48:focus { min-height: 12rem; }
  .xl-active-min-h-48:active { min-height: 12rem; }
  .xl-disabled-min-h-48:disabled { min-height: 12rem; }
  .xl-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  .xl-focus-within-min-h-48:focus-within { min-height: 12rem; }
  .xl-group:hover .xl-group-hover-min-h-48 { min-height: 12rem; }
  .xl-max-h-48 { max-height: 12rem; }
  .xl-hover-max-h-48:hover { max-height: 12rem; }
  .xl-focus-max-h-48:focus { max-height: 12rem; }
  .xl-active-max-h-48:active { max-height: 12rem; }
  .xl-disabled-max-h-48:disabled { max-height: 12rem; }
  .xl-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  .xl-focus-within-max-h-48:focus-within { max-height: 12rem; }
  .xl-group:hover .xl-group-hover-max-h-48 { max-height: 12rem; }
  .xl-w-52 { width: 13rem; }
  .xl-hover-w-52:hover { width: 13rem; }
  .xl-focus-w-52:focus { width: 13rem; }
  .xl-active-w-52:active { width: 13rem; }
  .xl-disabled-w-52:disabled { width: 13rem; }
  .xl-focus-visible-w-52:focus-visible { width: 13rem; }
  .xl-focus-within-w-52:focus-within { width: 13rem; }
  .xl-group:hover .xl-group-hover-w-52 { width: 13rem; }
  .xl-h-52 { height: 13rem; }
  .xl-hover-h-52:hover { height: 13rem; }
  .xl-focus-h-52:focus { height: 13rem; }
  .xl-active-h-52:active { height: 13rem; }
  .xl-disabled-h-52:disabled { height: 13rem; }
  .xl-focus-visible-h-52:focus-visible { height: 13rem; }
  .xl-focus-within-h-52:focus-within { height: 13rem; }
  .xl-group:hover .xl-group-hover-h-52 { height: 13rem; }
  .xl-min-w-52 { min-width: 13rem; }
  .xl-hover-min-w-52:hover { min-width: 13rem; }
  .xl-focus-min-w-52:focus { min-width: 13rem; }
  .xl-active-min-w-52:active { min-width: 13rem; }
  .xl-disabled-min-w-52:disabled { min-width: 13rem; }
  .xl-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  .xl-focus-within-min-w-52:focus-within { min-width: 13rem; }
  .xl-group:hover .xl-group-hover-min-w-52 { min-width: 13rem; }
  .xl-max-w-52 { max-width: 13rem; }
  .xl-hover-max-w-52:hover { max-width: 13rem; }
  .xl-focus-max-w-52:focus { max-width: 13rem; }
  .xl-active-max-w-52:active { max-width: 13rem; }
  .xl-disabled-max-w-52:disabled { max-width: 13rem; }
  .xl-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  .xl-focus-within-max-w-52:focus-within { max-width: 13rem; }
  .xl-group:hover .xl-group-hover-max-w-52 { max-width: 13rem; }
  .xl-min-h-52 { min-height: 13rem; }
  .xl-hover-min-h-52:hover { min-height: 13rem; }
  .xl-focus-min-h-52:focus { min-height: 13rem; }
  .xl-active-min-h-52:active { min-height: 13rem; }
  .xl-disabled-min-h-52:disabled { min-height: 13rem; }
  .xl-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  .xl-focus-within-min-h-52:focus-within { min-height: 13rem; }
  .xl-group:hover .xl-group-hover-min-h-52 { min-height: 13rem; }
  .xl-max-h-52 { max-height: 13rem; }
  .xl-hover-max-h-52:hover { max-height: 13rem; }
  .xl-focus-max-h-52:focus { max-height: 13rem; }
  .xl-active-max-h-52:active { max-height: 13rem; }
  .xl-disabled-max-h-52:disabled { max-height: 13rem; }
  .xl-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  .xl-focus-within-max-h-52:focus-within { max-height: 13rem; }
  .xl-group:hover .xl-group-hover-max-h-52 { max-height: 13rem; }
  .xl-w-56 { width: 14rem; }
  .xl-hover-w-56:hover { width: 14rem; }
  .xl-focus-w-56:focus { width: 14rem; }
  .xl-active-w-56:active { width: 14rem; }
  .xl-disabled-w-56:disabled { width: 14rem; }
  .xl-focus-visible-w-56:focus-visible { width: 14rem; }
  .xl-focus-within-w-56:focus-within { width: 14rem; }
  .xl-group:hover .xl-group-hover-w-56 { width: 14rem; }
  .xl-h-56 { height: 14rem; }
  .xl-hover-h-56:hover { height: 14rem; }
  .xl-focus-h-56:focus { height: 14rem; }
  .xl-active-h-56:active { height: 14rem; }
  .xl-disabled-h-56:disabled { height: 14rem; }
  .xl-focus-visible-h-56:focus-visible { height: 14rem; }
  .xl-focus-within-h-56:focus-within { height: 14rem; }
  .xl-group:hover .xl-group-hover-h-56 { height: 14rem; }
  .xl-min-w-56 { min-width: 14rem; }
  .xl-hover-min-w-56:hover { min-width: 14rem; }
  .xl-focus-min-w-56:focus { min-width: 14rem; }
  .xl-active-min-w-56:active { min-width: 14rem; }
  .xl-disabled-min-w-56:disabled { min-width: 14rem; }
  .xl-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  .xl-focus-within-min-w-56:focus-within { min-width: 14rem; }
  .xl-group:hover .xl-group-hover-min-w-56 { min-width: 14rem; }
  .xl-max-w-56 { max-width: 14rem; }
  .xl-hover-max-w-56:hover { max-width: 14rem; }
  .xl-focus-max-w-56:focus { max-width: 14rem; }
  .xl-active-max-w-56:active { max-width: 14rem; }
  .xl-disabled-max-w-56:disabled { max-width: 14rem; }
  .xl-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  .xl-focus-within-max-w-56:focus-within { max-width: 14rem; }
  .xl-group:hover .xl-group-hover-max-w-56 { max-width: 14rem; }
  .xl-min-h-56 { min-height: 14rem; }
  .xl-hover-min-h-56:hover { min-height: 14rem; }
  .xl-focus-min-h-56:focus { min-height: 14rem; }
  .xl-active-min-h-56:active { min-height: 14rem; }
  .xl-disabled-min-h-56:disabled { min-height: 14rem; }
  .xl-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  .xl-focus-within-min-h-56:focus-within { min-height: 14rem; }
  .xl-group:hover .xl-group-hover-min-h-56 { min-height: 14rem; }
  .xl-max-h-56 { max-height: 14rem; }
  .xl-hover-max-h-56:hover { max-height: 14rem; }
  .xl-focus-max-h-56:focus { max-height: 14rem; }
  .xl-active-max-h-56:active { max-height: 14rem; }
  .xl-disabled-max-h-56:disabled { max-height: 14rem; }
  .xl-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  .xl-focus-within-max-h-56:focus-within { max-height: 14rem; }
  .xl-group:hover .xl-group-hover-max-h-56 { max-height: 14rem; }
  .xl-w-60 { width: 15rem; }
  .xl-hover-w-60:hover { width: 15rem; }
  .xl-focus-w-60:focus { width: 15rem; }
  .xl-active-w-60:active { width: 15rem; }
  .xl-disabled-w-60:disabled { width: 15rem; }
  .xl-focus-visible-w-60:focus-visible { width: 15rem; }
  .xl-focus-within-w-60:focus-within { width: 15rem; }
  .xl-group:hover .xl-group-hover-w-60 { width: 15rem; }
  .xl-h-60 { height: 15rem; }
  .xl-hover-h-60:hover { height: 15rem; }
  .xl-focus-h-60:focus { height: 15rem; }
  .xl-active-h-60:active { height: 15rem; }
  .xl-disabled-h-60:disabled { height: 15rem; }
  .xl-focus-visible-h-60:focus-visible { height: 15rem; }
  .xl-focus-within-h-60:focus-within { height: 15rem; }
  .xl-group:hover .xl-group-hover-h-60 { height: 15rem; }
  .xl-min-w-60 { min-width: 15rem; }
  .xl-hover-min-w-60:hover { min-width: 15rem; }
  .xl-focus-min-w-60:focus { min-width: 15rem; }
  .xl-active-min-w-60:active { min-width: 15rem; }
  .xl-disabled-min-w-60:disabled { min-width: 15rem; }
  .xl-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  .xl-focus-within-min-w-60:focus-within { min-width: 15rem; }
  .xl-group:hover .xl-group-hover-min-w-60 { min-width: 15rem; }
  .xl-max-w-60 { max-width: 15rem; }
  .xl-hover-max-w-60:hover { max-width: 15rem; }
  .xl-focus-max-w-60:focus { max-width: 15rem; }
  .xl-active-max-w-60:active { max-width: 15rem; }
  .xl-disabled-max-w-60:disabled { max-width: 15rem; }
  .xl-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  .xl-focus-within-max-w-60:focus-within { max-width: 15rem; }
  .xl-group:hover .xl-group-hover-max-w-60 { max-width: 15rem; }
  .xl-min-h-60 { min-height: 15rem; }
  .xl-hover-min-h-60:hover { min-height: 15rem; }
  .xl-focus-min-h-60:focus { min-height: 15rem; }
  .xl-active-min-h-60:active { min-height: 15rem; }
  .xl-disabled-min-h-60:disabled { min-height: 15rem; }
  .xl-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  .xl-focus-within-min-h-60:focus-within { min-height: 15rem; }
  .xl-group:hover .xl-group-hover-min-h-60 { min-height: 15rem; }
  .xl-max-h-60 { max-height: 15rem; }
  .xl-hover-max-h-60:hover { max-height: 15rem; }
  .xl-focus-max-h-60:focus { max-height: 15rem; }
  .xl-active-max-h-60:active { max-height: 15rem; }
  .xl-disabled-max-h-60:disabled { max-height: 15rem; }
  .xl-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  .xl-focus-within-max-h-60:focus-within { max-height: 15rem; }
  .xl-group:hover .xl-group-hover-max-h-60 { max-height: 15rem; }
  .xl-w-64 { width: 16rem; }
  .xl-hover-w-64:hover { width: 16rem; }
  .xl-focus-w-64:focus { width: 16rem; }
  .xl-active-w-64:active { width: 16rem; }
  .xl-disabled-w-64:disabled { width: 16rem; }
  .xl-focus-visible-w-64:focus-visible { width: 16rem; }
  .xl-focus-within-w-64:focus-within { width: 16rem; }
  .xl-group:hover .xl-group-hover-w-64 { width: 16rem; }
  .xl-h-64 { height: 16rem; }
  .xl-hover-h-64:hover { height: 16rem; }
  .xl-focus-h-64:focus { height: 16rem; }
  .xl-active-h-64:active { height: 16rem; }
  .xl-disabled-h-64:disabled { height: 16rem; }
  .xl-focus-visible-h-64:focus-visible { height: 16rem; }
  .xl-focus-within-h-64:focus-within { height: 16rem; }
  .xl-group:hover .xl-group-hover-h-64 { height: 16rem; }
  .xl-min-w-64 { min-width: 16rem; }
  .xl-hover-min-w-64:hover { min-width: 16rem; }
  .xl-focus-min-w-64:focus { min-width: 16rem; }
  .xl-active-min-w-64:active { min-width: 16rem; }
  .xl-disabled-min-w-64:disabled { min-width: 16rem; }
  .xl-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  .xl-focus-within-min-w-64:focus-within { min-width: 16rem; }
  .xl-group:hover .xl-group-hover-min-w-64 { min-width: 16rem; }
  .xl-max-w-64 { max-width: 16rem; }
  .xl-hover-max-w-64:hover { max-width: 16rem; }
  .xl-focus-max-w-64:focus { max-width: 16rem; }
  .xl-active-max-w-64:active { max-width: 16rem; }
  .xl-disabled-max-w-64:disabled { max-width: 16rem; }
  .xl-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  .xl-focus-within-max-w-64:focus-within { max-width: 16rem; }
  .xl-group:hover .xl-group-hover-max-w-64 { max-width: 16rem; }
  .xl-min-h-64 { min-height: 16rem; }
  .xl-hover-min-h-64:hover { min-height: 16rem; }
  .xl-focus-min-h-64:focus { min-height: 16rem; }
  .xl-active-min-h-64:active { min-height: 16rem; }
  .xl-disabled-min-h-64:disabled { min-height: 16rem; }
  .xl-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  .xl-focus-within-min-h-64:focus-within { min-height: 16rem; }
  .xl-group:hover .xl-group-hover-min-h-64 { min-height: 16rem; }
  .xl-max-h-64 { max-height: 16rem; }
  .xl-hover-max-h-64:hover { max-height: 16rem; }
  .xl-focus-max-h-64:focus { max-height: 16rem; }
  .xl-active-max-h-64:active { max-height: 16rem; }
  .xl-disabled-max-h-64:disabled { max-height: 16rem; }
  .xl-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  .xl-focus-within-max-h-64:focus-within { max-height: 16rem; }
  .xl-group:hover .xl-group-hover-max-h-64 { max-height: 16rem; }
  .xl-w-72 { width: 18rem; }
  .xl-hover-w-72:hover { width: 18rem; }
  .xl-focus-w-72:focus { width: 18rem; }
  .xl-active-w-72:active { width: 18rem; }
  .xl-disabled-w-72:disabled { width: 18rem; }
  .xl-focus-visible-w-72:focus-visible { width: 18rem; }
  .xl-focus-within-w-72:focus-within { width: 18rem; }
  .xl-group:hover .xl-group-hover-w-72 { width: 18rem; }
  .xl-h-72 { height: 18rem; }
  .xl-hover-h-72:hover { height: 18rem; }
  .xl-focus-h-72:focus { height: 18rem; }
  .xl-active-h-72:active { height: 18rem; }
  .xl-disabled-h-72:disabled { height: 18rem; }
  .xl-focus-visible-h-72:focus-visible { height: 18rem; }
  .xl-focus-within-h-72:focus-within { height: 18rem; }
  .xl-group:hover .xl-group-hover-h-72 { height: 18rem; }
  .xl-min-w-72 { min-width: 18rem; }
  .xl-hover-min-w-72:hover { min-width: 18rem; }
  .xl-focus-min-w-72:focus { min-width: 18rem; }
  .xl-active-min-w-72:active { min-width: 18rem; }
  .xl-disabled-min-w-72:disabled { min-width: 18rem; }
  .xl-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  .xl-focus-within-min-w-72:focus-within { min-width: 18rem; }
  .xl-group:hover .xl-group-hover-min-w-72 { min-width: 18rem; }
  .xl-max-w-72 { max-width: 18rem; }
  .xl-hover-max-w-72:hover { max-width: 18rem; }
  .xl-focus-max-w-72:focus { max-width: 18rem; }
  .xl-active-max-w-72:active { max-width: 18rem; }
  .xl-disabled-max-w-72:disabled { max-width: 18rem; }
  .xl-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  .xl-focus-within-max-w-72:focus-within { max-width: 18rem; }
  .xl-group:hover .xl-group-hover-max-w-72 { max-width: 18rem; }
  .xl-min-h-72 { min-height: 18rem; }
  .xl-hover-min-h-72:hover { min-height: 18rem; }
  .xl-focus-min-h-72:focus { min-height: 18rem; }
  .xl-active-min-h-72:active { min-height: 18rem; }
  .xl-disabled-min-h-72:disabled { min-height: 18rem; }
  .xl-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  .xl-focus-within-min-h-72:focus-within { min-height: 18rem; }
  .xl-group:hover .xl-group-hover-min-h-72 { min-height: 18rem; }
  .xl-max-h-72 { max-height: 18rem; }
  .xl-hover-max-h-72:hover { max-height: 18rem; }
  .xl-focus-max-h-72:focus { max-height: 18rem; }
  .xl-active-max-h-72:active { max-height: 18rem; }
  .xl-disabled-max-h-72:disabled { max-height: 18rem; }
  .xl-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  .xl-focus-within-max-h-72:focus-within { max-height: 18rem; }
  .xl-group:hover .xl-group-hover-max-h-72 { max-height: 18rem; }
  .xl-w-80 { width: 20rem; }
  .xl-hover-w-80:hover { width: 20rem; }
  .xl-focus-w-80:focus { width: 20rem; }
  .xl-active-w-80:active { width: 20rem; }
  .xl-disabled-w-80:disabled { width: 20rem; }
  .xl-focus-visible-w-80:focus-visible { width: 20rem; }
  .xl-focus-within-w-80:focus-within { width: 20rem; }
  .xl-group:hover .xl-group-hover-w-80 { width: 20rem; }
  .xl-h-80 { height: 20rem; }
  .xl-hover-h-80:hover { height: 20rem; }
  .xl-focus-h-80:focus { height: 20rem; }
  .xl-active-h-80:active { height: 20rem; }
  .xl-disabled-h-80:disabled { height: 20rem; }
  .xl-focus-visible-h-80:focus-visible { height: 20rem; }
  .xl-focus-within-h-80:focus-within { height: 20rem; }
  .xl-group:hover .xl-group-hover-h-80 { height: 20rem; }
  .xl-min-w-80 { min-width: 20rem; }
  .xl-hover-min-w-80:hover { min-width: 20rem; }
  .xl-focus-min-w-80:focus { min-width: 20rem; }
  .xl-active-min-w-80:active { min-width: 20rem; }
  .xl-disabled-min-w-80:disabled { min-width: 20rem; }
  .xl-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  .xl-focus-within-min-w-80:focus-within { min-width: 20rem; }
  .xl-group:hover .xl-group-hover-min-w-80 { min-width: 20rem; }
  .xl-max-w-80 { max-width: 20rem; }
  .xl-hover-max-w-80:hover { max-width: 20rem; }
  .xl-focus-max-w-80:focus { max-width: 20rem; }
  .xl-active-max-w-80:active { max-width: 20rem; }
  .xl-disabled-max-w-80:disabled { max-width: 20rem; }
  .xl-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  .xl-focus-within-max-w-80:focus-within { max-width: 20rem; }
  .xl-group:hover .xl-group-hover-max-w-80 { max-width: 20rem; }
  .xl-min-h-80 { min-height: 20rem; }
  .xl-hover-min-h-80:hover { min-height: 20rem; }
  .xl-focus-min-h-80:focus { min-height: 20rem; }
  .xl-active-min-h-80:active { min-height: 20rem; }
  .xl-disabled-min-h-80:disabled { min-height: 20rem; }
  .xl-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  .xl-focus-within-min-h-80:focus-within { min-height: 20rem; }
  .xl-group:hover .xl-group-hover-min-h-80 { min-height: 20rem; }
  .xl-max-h-80 { max-height: 20rem; }
  .xl-hover-max-h-80:hover { max-height: 20rem; }
  .xl-focus-max-h-80:focus { max-height: 20rem; }
  .xl-active-max-h-80:active { max-height: 20rem; }
  .xl-disabled-max-h-80:disabled { max-height: 20rem; }
  .xl-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  .xl-focus-within-max-h-80:focus-within { max-height: 20rem; }
  .xl-group:hover .xl-group-hover-max-h-80 { max-height: 20rem; }
  .xl-w-96 { width: 24rem; }
  .xl-hover-w-96:hover { width: 24rem; }
  .xl-focus-w-96:focus { width: 24rem; }
  .xl-active-w-96:active { width: 24rem; }
  .xl-disabled-w-96:disabled { width: 24rem; }
  .xl-focus-visible-w-96:focus-visible { width: 24rem; }
  .xl-focus-within-w-96:focus-within { width: 24rem; }
  .xl-group:hover .xl-group-hover-w-96 { width: 24rem; }
  .xl-h-96 { height: 24rem; }
  .xl-hover-h-96:hover { height: 24rem; }
  .xl-focus-h-96:focus { height: 24rem; }
  .xl-active-h-96:active { height: 24rem; }
  .xl-disabled-h-96:disabled { height: 24rem; }
  .xl-focus-visible-h-96:focus-visible { height: 24rem; }
  .xl-focus-within-h-96:focus-within { height: 24rem; }
  .xl-group:hover .xl-group-hover-h-96 { height: 24rem; }
  .xl-min-w-96 { min-width: 24rem; }
  .xl-hover-min-w-96:hover { min-width: 24rem; }
  .xl-focus-min-w-96:focus { min-width: 24rem; }
  .xl-active-min-w-96:active { min-width: 24rem; }
  .xl-disabled-min-w-96:disabled { min-width: 24rem; }
  .xl-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  .xl-focus-within-min-w-96:focus-within { min-width: 24rem; }
  .xl-group:hover .xl-group-hover-min-w-96 { min-width: 24rem; }
  .xl-max-w-96 { max-width: 24rem; }
  .xl-hover-max-w-96:hover { max-width: 24rem; }
  .xl-focus-max-w-96:focus { max-width: 24rem; }
  .xl-active-max-w-96:active { max-width: 24rem; }
  .xl-disabled-max-w-96:disabled { max-width: 24rem; }
  .xl-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  .xl-focus-within-max-w-96:focus-within { max-width: 24rem; }
  .xl-group:hover .xl-group-hover-max-w-96 { max-width: 24rem; }
  .xl-min-h-96 { min-height: 24rem; }
  .xl-hover-min-h-96:hover { min-height: 24rem; }
  .xl-focus-min-h-96:focus { min-height: 24rem; }
  .xl-active-min-h-96:active { min-height: 24rem; }
  .xl-disabled-min-h-96:disabled { min-height: 24rem; }
  .xl-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  .xl-focus-within-min-h-96:focus-within { min-height: 24rem; }
  .xl-group:hover .xl-group-hover-min-h-96 { min-height: 24rem; }
  .xl-max-h-96 { max-height: 24rem; }
  .xl-hover-max-h-96:hover { max-height: 24rem; }
  .xl-focus-max-h-96:focus { max-height: 24rem; }
  .xl-active-max-h-96:active { max-height: 24rem; }
  .xl-disabled-max-h-96:disabled { max-height: 24rem; }
  .xl-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  .xl-focus-within-max-h-96:focus-within { max-height: 24rem; }
  .xl-group:hover .xl-group-hover-max-h-96 { max-height: 24rem; }
  .xl-w-1\/2 { width: 50%; }
  .xl-hover-w-1\/2:hover { width: 50%; }
  .xl-focus-w-1\/2:focus { width: 50%; }
  .xl-active-w-1\/2:active { width: 50%; }
  .xl-disabled-w-1\/2:disabled { width: 50%; }
  .xl-focus-visible-w-1\/2:focus-visible { width: 50%; }
  .xl-focus-within-w-1\/2:focus-within { width: 50%; }
  .xl-group:hover .xl-group-hover-w-1\/2 { width: 50%; }
  .xl-h-1\/2 { height: 50%; }
  .xl-hover-h-1\/2:hover { height: 50%; }
  .xl-focus-h-1\/2:focus { height: 50%; }
  .xl-active-h-1\/2:active { height: 50%; }
  .xl-disabled-h-1\/2:disabled { height: 50%; }
  .xl-focus-visible-h-1\/2:focus-visible { height: 50%; }
  .xl-focus-within-h-1\/2:focus-within { height: 50%; }
  .xl-group:hover .xl-group-hover-h-1\/2 { height: 50%; }
  .xl-min-w-1\/2 { min-width: 50%; }
  .xl-hover-min-w-1\/2:hover { min-width: 50%; }
  .xl-focus-min-w-1\/2:focus { min-width: 50%; }
  .xl-active-min-w-1\/2:active { min-width: 50%; }
  .xl-disabled-min-w-1\/2:disabled { min-width: 50%; }
  .xl-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  .xl-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  .xl-group:hover .xl-group-hover-min-w-1\/2 { min-width: 50%; }
  .xl-max-w-1\/2 { max-width: 50%; }
  .xl-hover-max-w-1\/2:hover { max-width: 50%; }
  .xl-focus-max-w-1\/2:focus { max-width: 50%; }
  .xl-active-max-w-1\/2:active { max-width: 50%; }
  .xl-disabled-max-w-1\/2:disabled { max-width: 50%; }
  .xl-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  .xl-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  .xl-group:hover .xl-group-hover-max-w-1\/2 { max-width: 50%; }
  .xl-min-h-1\/2 { min-height: 50%; }
  .xl-hover-min-h-1\/2:hover { min-height: 50%; }
  .xl-focus-min-h-1\/2:focus { min-height: 50%; }
  .xl-active-min-h-1\/2:active { min-height: 50%; }
  .xl-disabled-min-h-1\/2:disabled { min-height: 50%; }
  .xl-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  .xl-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  .xl-group:hover .xl-group-hover-min-h-1\/2 { min-height: 50%; }
  .xl-max-h-1\/2 { max-height: 50%; }
  .xl-hover-max-h-1\/2:hover { max-height: 50%; }
  .xl-focus-max-h-1\/2:focus { max-height: 50%; }
  .xl-active-max-h-1\/2:active { max-height: 50%; }
  .xl-disabled-max-h-1\/2:disabled { max-height: 50%; }
  .xl-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  .xl-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  .xl-group:hover .xl-group-hover-max-h-1\/2 { max-height: 50%; }
  .xl-w-1\/3 { width: 33.3333%; }
  .xl-hover-w-1\/3:hover { width: 33.3333%; }
  .xl-focus-w-1\/3:focus { width: 33.3333%; }
  .xl-active-w-1\/3:active { width: 33.3333%; }
  .xl-disabled-w-1\/3:disabled { width: 33.3333%; }
  .xl-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  .xl-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  .xl-group:hover .xl-group-hover-w-1\/3 { width: 33.3333%; }
  .xl-h-1\/3 { height: 33.3333%; }
  .xl-hover-h-1\/3:hover { height: 33.3333%; }
  .xl-focus-h-1\/3:focus { height: 33.3333%; }
  .xl-active-h-1\/3:active { height: 33.3333%; }
  .xl-disabled-h-1\/3:disabled { height: 33.3333%; }
  .xl-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  .xl-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  .xl-group:hover .xl-group-hover-h-1\/3 { height: 33.3333%; }
  .xl-min-w-1\/3 { min-width: 33.3333%; }
  .xl-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  .xl-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  .xl-active-min-w-1\/3:active { min-width: 33.3333%; }
  .xl-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  .xl-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  .xl-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  .xl-group:hover .xl-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  .xl-max-w-1\/3 { max-width: 33.3333%; }
  .xl-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  .xl-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  .xl-active-max-w-1\/3:active { max-width: 33.3333%; }
  .xl-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  .xl-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  .xl-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  .xl-group:hover .xl-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  .xl-min-h-1\/3 { min-height: 33.3333%; }
  .xl-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  .xl-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  .xl-active-min-h-1\/3:active { min-height: 33.3333%; }
  .xl-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  .xl-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  .xl-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  .xl-group:hover .xl-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  .xl-max-h-1\/3 { max-height: 33.3333%; }
  .xl-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  .xl-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  .xl-active-max-h-1\/3:active { max-height: 33.3333%; }
  .xl-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  .xl-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  .xl-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  .xl-group:hover .xl-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  .xl-w-2\/3 { width: 66.6667%; }
  .xl-hover-w-2\/3:hover { width: 66.6667%; }
  .xl-focus-w-2\/3:focus { width: 66.6667%; }
  .xl-active-w-2\/3:active { width: 66.6667%; }
  .xl-disabled-w-2\/3:disabled { width: 66.6667%; }
  .xl-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  .xl-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  .xl-group:hover .xl-group-hover-w-2\/3 { width: 66.6667%; }
  .xl-h-2\/3 { height: 66.6667%; }
  .xl-hover-h-2\/3:hover { height: 66.6667%; }
  .xl-focus-h-2\/3:focus { height: 66.6667%; }
  .xl-active-h-2\/3:active { height: 66.6667%; }
  .xl-disabled-h-2\/3:disabled { height: 66.6667%; }
  .xl-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  .xl-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  .xl-group:hover .xl-group-hover-h-2\/3 { height: 66.6667%; }
  .xl-min-w-2\/3 { min-width: 66.6667%; }
  .xl-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  .xl-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  .xl-active-min-w-2\/3:active { min-width: 66.6667%; }
  .xl-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  .xl-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  .xl-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  .xl-group:hover .xl-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  .xl-max-w-2\/3 { max-width: 66.6667%; }
  .xl-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  .xl-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  .xl-active-max-w-2\/3:active { max-width: 66.6667%; }
  .xl-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  .xl-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  .xl-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  .xl-group:hover .xl-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  .xl-min-h-2\/3 { min-height: 66.6667%; }
  .xl-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  .xl-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  .xl-active-min-h-2\/3:active { min-height: 66.6667%; }
  .xl-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  .xl-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  .xl-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  .xl-group:hover .xl-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  .xl-max-h-2\/3 { max-height: 66.6667%; }
  .xl-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  .xl-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  .xl-active-max-h-2\/3:active { max-height: 66.6667%; }
  .xl-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  .xl-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  .xl-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  .xl-group:hover .xl-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  .xl-w-1\/4 { width: 25%; }
  .xl-hover-w-1\/4:hover { width: 25%; }
  .xl-focus-w-1\/4:focus { width: 25%; }
  .xl-active-w-1\/4:active { width: 25%; }
  .xl-disabled-w-1\/4:disabled { width: 25%; }
  .xl-focus-visible-w-1\/4:focus-visible { width: 25%; }
  .xl-focus-within-w-1\/4:focus-within { width: 25%; }
  .xl-group:hover .xl-group-hover-w-1\/4 { width: 25%; }
  .xl-h-1\/4 { height: 25%; }
  .xl-hover-h-1\/4:hover { height: 25%; }
  .xl-focus-h-1\/4:focus { height: 25%; }
  .xl-active-h-1\/4:active { height: 25%; }
  .xl-disabled-h-1\/4:disabled { height: 25%; }
  .xl-focus-visible-h-1\/4:focus-visible { height: 25%; }
  .xl-focus-within-h-1\/4:focus-within { height: 25%; }
  .xl-group:hover .xl-group-hover-h-1\/4 { height: 25%; }
  .xl-min-w-1\/4 { min-width: 25%; }
  .xl-hover-min-w-1\/4:hover { min-width: 25%; }
  .xl-focus-min-w-1\/4:focus { min-width: 25%; }
  .xl-active-min-w-1\/4:active { min-width: 25%; }
  .xl-disabled-min-w-1\/4:disabled { min-width: 25%; }
  .xl-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  .xl-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  .xl-group:hover .xl-group-hover-min-w-1\/4 { min-width: 25%; }
  .xl-max-w-1\/4 { max-width: 25%; }
  .xl-hover-max-w-1\/4:hover { max-width: 25%; }
  .xl-focus-max-w-1\/4:focus { max-width: 25%; }
  .xl-active-max-w-1\/4:active { max-width: 25%; }
  .xl-disabled-max-w-1\/4:disabled { max-width: 25%; }
  .xl-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  .xl-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  .xl-group:hover .xl-group-hover-max-w-1\/4 { max-width: 25%; }
  .xl-min-h-1\/4 { min-height: 25%; }
  .xl-hover-min-h-1\/4:hover { min-height: 25%; }
  .xl-focus-min-h-1\/4:focus { min-height: 25%; }
  .xl-active-min-h-1\/4:active { min-height: 25%; }
  .xl-disabled-min-h-1\/4:disabled { min-height: 25%; }
  .xl-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  .xl-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  .xl-group:hover .xl-group-hover-min-h-1\/4 { min-height: 25%; }
  .xl-max-h-1\/4 { max-height: 25%; }
  .xl-hover-max-h-1\/4:hover { max-height: 25%; }
  .xl-focus-max-h-1\/4:focus { max-height: 25%; }
  .xl-active-max-h-1\/4:active { max-height: 25%; }
  .xl-disabled-max-h-1\/4:disabled { max-height: 25%; }
  .xl-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  .xl-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  .xl-group:hover .xl-group-hover-max-h-1\/4 { max-height: 25%; }
  .xl-w-3\/4 { width: 75%; }
  .xl-hover-w-3\/4:hover { width: 75%; }
  .xl-focus-w-3\/4:focus { width: 75%; }
  .xl-active-w-3\/4:active { width: 75%; }
  .xl-disabled-w-3\/4:disabled { width: 75%; }
  .xl-focus-visible-w-3\/4:focus-visible { width: 75%; }
  .xl-focus-within-w-3\/4:focus-within { width: 75%; }
  .xl-group:hover .xl-group-hover-w-3\/4 { width: 75%; }
  .xl-h-3\/4 { height: 75%; }
  .xl-hover-h-3\/4:hover { height: 75%; }
  .xl-focus-h-3\/4:focus { height: 75%; }
  .xl-active-h-3\/4:active { height: 75%; }
  .xl-disabled-h-3\/4:disabled { height: 75%; }
  .xl-focus-visible-h-3\/4:focus-visible { height: 75%; }
  .xl-focus-within-h-3\/4:focus-within { height: 75%; }
  .xl-group:hover .xl-group-hover-h-3\/4 { height: 75%; }
  .xl-min-w-3\/4 { min-width: 75%; }
  .xl-hover-min-w-3\/4:hover { min-width: 75%; }
  .xl-focus-min-w-3\/4:focus { min-width: 75%; }
  .xl-active-min-w-3\/4:active { min-width: 75%; }
  .xl-disabled-min-w-3\/4:disabled { min-width: 75%; }
  .xl-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  .xl-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  .xl-group:hover .xl-group-hover-min-w-3\/4 { min-width: 75%; }
  .xl-max-w-3\/4 { max-width: 75%; }
  .xl-hover-max-w-3\/4:hover { max-width: 75%; }
  .xl-focus-max-w-3\/4:focus { max-width: 75%; }
  .xl-active-max-w-3\/4:active { max-width: 75%; }
  .xl-disabled-max-w-3\/4:disabled { max-width: 75%; }
  .xl-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  .xl-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  .xl-group:hover .xl-group-hover-max-w-3\/4 { max-width: 75%; }
  .xl-min-h-3\/4 { min-height: 75%; }
  .xl-hover-min-h-3\/4:hover { min-height: 75%; }
  .xl-focus-min-h-3\/4:focus { min-height: 75%; }
  .xl-active-min-h-3\/4:active { min-height: 75%; }
  .xl-disabled-min-h-3\/4:disabled { min-height: 75%; }
  .xl-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  .xl-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  .xl-group:hover .xl-group-hover-min-h-3\/4 { min-height: 75%; }
  .xl-max-h-3\/4 { max-height: 75%; }
  .xl-hover-max-h-3\/4:hover { max-height: 75%; }
  .xl-focus-max-h-3\/4:focus { max-height: 75%; }
  .xl-active-max-h-3\/4:active { max-height: 75%; }
  .xl-disabled-max-h-3\/4:disabled { max-height: 75%; }
  .xl-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  .xl-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  .xl-group:hover .xl-group-hover-max-h-3\/4 { max-height: 75%; }
  .xl-w-1\/5 { width: 20%; }
  .xl-hover-w-1\/5:hover { width: 20%; }
  .xl-focus-w-1\/5:focus { width: 20%; }
  .xl-active-w-1\/5:active { width: 20%; }
  .xl-disabled-w-1\/5:disabled { width: 20%; }
  .xl-focus-visible-w-1\/5:focus-visible { width: 20%; }
  .xl-focus-within-w-1\/5:focus-within { width: 20%; }
  .xl-group:hover .xl-group-hover-w-1\/5 { width: 20%; }
  .xl-h-1\/5 { height: 20%; }
  .xl-hover-h-1\/5:hover { height: 20%; }
  .xl-focus-h-1\/5:focus { height: 20%; }
  .xl-active-h-1\/5:active { height: 20%; }
  .xl-disabled-h-1\/5:disabled { height: 20%; }
  .xl-focus-visible-h-1\/5:focus-visible { height: 20%; }
  .xl-focus-within-h-1\/5:focus-within { height: 20%; }
  .xl-group:hover .xl-group-hover-h-1\/5 { height: 20%; }
  .xl-min-w-1\/5 { min-width: 20%; }
  .xl-hover-min-w-1\/5:hover { min-width: 20%; }
  .xl-focus-min-w-1\/5:focus { min-width: 20%; }
  .xl-active-min-w-1\/5:active { min-width: 20%; }
  .xl-disabled-min-w-1\/5:disabled { min-width: 20%; }
  .xl-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  .xl-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  .xl-group:hover .xl-group-hover-min-w-1\/5 { min-width: 20%; }
  .xl-max-w-1\/5 { max-width: 20%; }
  .xl-hover-max-w-1\/5:hover { max-width: 20%; }
  .xl-focus-max-w-1\/5:focus { max-width: 20%; }
  .xl-active-max-w-1\/5:active { max-width: 20%; }
  .xl-disabled-max-w-1\/5:disabled { max-width: 20%; }
  .xl-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  .xl-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  .xl-group:hover .xl-group-hover-max-w-1\/5 { max-width: 20%; }
  .xl-min-h-1\/5 { min-height: 20%; }
  .xl-hover-min-h-1\/5:hover { min-height: 20%; }
  .xl-focus-min-h-1\/5:focus { min-height: 20%; }
  .xl-active-min-h-1\/5:active { min-height: 20%; }
  .xl-disabled-min-h-1\/5:disabled { min-height: 20%; }
  .xl-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  .xl-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  .xl-group:hover .xl-group-hover-min-h-1\/5 { min-height: 20%; }
  .xl-max-h-1\/5 { max-height: 20%; }
  .xl-hover-max-h-1\/5:hover { max-height: 20%; }
  .xl-focus-max-h-1\/5:focus { max-height: 20%; }
  .xl-active-max-h-1\/5:active { max-height: 20%; }
  .xl-disabled-max-h-1\/5:disabled { max-height: 20%; }
  .xl-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  .xl-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  .xl-group:hover .xl-group-hover-max-h-1\/5 { max-height: 20%; }
  .xl-w-2\/5 { width: 40%; }
  .xl-hover-w-2\/5:hover { width: 40%; }
  .xl-focus-w-2\/5:focus { width: 40%; }
  .xl-active-w-2\/5:active { width: 40%; }
  .xl-disabled-w-2\/5:disabled { width: 40%; }
  .xl-focus-visible-w-2\/5:focus-visible { width: 40%; }
  .xl-focus-within-w-2\/5:focus-within { width: 40%; }
  .xl-group:hover .xl-group-hover-w-2\/5 { width: 40%; }
  .xl-h-2\/5 { height: 40%; }
  .xl-hover-h-2\/5:hover { height: 40%; }
  .xl-focus-h-2\/5:focus { height: 40%; }
  .xl-active-h-2\/5:active { height: 40%; }
  .xl-disabled-h-2\/5:disabled { height: 40%; }
  .xl-focus-visible-h-2\/5:focus-visible { height: 40%; }
  .xl-focus-within-h-2\/5:focus-within { height: 40%; }
  .xl-group:hover .xl-group-hover-h-2\/5 { height: 40%; }
  .xl-min-w-2\/5 { min-width: 40%; }
  .xl-hover-min-w-2\/5:hover { min-width: 40%; }
  .xl-focus-min-w-2\/5:focus { min-width: 40%; }
  .xl-active-min-w-2\/5:active { min-width: 40%; }
  .xl-disabled-min-w-2\/5:disabled { min-width: 40%; }
  .xl-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  .xl-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  .xl-group:hover .xl-group-hover-min-w-2\/5 { min-width: 40%; }
  .xl-max-w-2\/5 { max-width: 40%; }
  .xl-hover-max-w-2\/5:hover { max-width: 40%; }
  .xl-focus-max-w-2\/5:focus { max-width: 40%; }
  .xl-active-max-w-2\/5:active { max-width: 40%; }
  .xl-disabled-max-w-2\/5:disabled { max-width: 40%; }
  .xl-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  .xl-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  .xl-group:hover .xl-group-hover-max-w-2\/5 { max-width: 40%; }
  .xl-min-h-2\/5 { min-height: 40%; }
  .xl-hover-min-h-2\/5:hover { min-height: 40%; }
  .xl-focus-min-h-2\/5:focus { min-height: 40%; }
  .xl-active-min-h-2\/5:active { min-height: 40%; }
  .xl-disabled-min-h-2\/5:disabled { min-height: 40%; }
  .xl-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  .xl-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  .xl-group:hover .xl-group-hover-min-h-2\/5 { min-height: 40%; }
  .xl-max-h-2\/5 { max-height: 40%; }
  .xl-hover-max-h-2\/5:hover { max-height: 40%; }
  .xl-focus-max-h-2\/5:focus { max-height: 40%; }
  .xl-active-max-h-2\/5:active { max-height: 40%; }
  .xl-disabled-max-h-2\/5:disabled { max-height: 40%; }
  .xl-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  .xl-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  .xl-group:hover .xl-group-hover-max-h-2\/5 { max-height: 40%; }
  .xl-w-3\/5 { width: 60%; }
  .xl-hover-w-3\/5:hover { width: 60%; }
  .xl-focus-w-3\/5:focus { width: 60%; }
  .xl-active-w-3\/5:active { width: 60%; }
  .xl-disabled-w-3\/5:disabled { width: 60%; }
  .xl-focus-visible-w-3\/5:focus-visible { width: 60%; }
  .xl-focus-within-w-3\/5:focus-within { width: 60%; }
  .xl-group:hover .xl-group-hover-w-3\/5 { width: 60%; }
  .xl-h-3\/5 { height: 60%; }
  .xl-hover-h-3\/5:hover { height: 60%; }
  .xl-focus-h-3\/5:focus { height: 60%; }
  .xl-active-h-3\/5:active { height: 60%; }
  .xl-disabled-h-3\/5:disabled { height: 60%; }
  .xl-focus-visible-h-3\/5:focus-visible { height: 60%; }
  .xl-focus-within-h-3\/5:focus-within { height: 60%; }
  .xl-group:hover .xl-group-hover-h-3\/5 { height: 60%; }
  .xl-min-w-3\/5 { min-width: 60%; }
  .xl-hover-min-w-3\/5:hover { min-width: 60%; }
  .xl-focus-min-w-3\/5:focus { min-width: 60%; }
  .xl-active-min-w-3\/5:active { min-width: 60%; }
  .xl-disabled-min-w-3\/5:disabled { min-width: 60%; }
  .xl-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  .xl-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  .xl-group:hover .xl-group-hover-min-w-3\/5 { min-width: 60%; }
  .xl-max-w-3\/5 { max-width: 60%; }
  .xl-hover-max-w-3\/5:hover { max-width: 60%; }
  .xl-focus-max-w-3\/5:focus { max-width: 60%; }
  .xl-active-max-w-3\/5:active { max-width: 60%; }
  .xl-disabled-max-w-3\/5:disabled { max-width: 60%; }
  .xl-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  .xl-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  .xl-group:hover .xl-group-hover-max-w-3\/5 { max-width: 60%; }
  .xl-min-h-3\/5 { min-height: 60%; }
  .xl-hover-min-h-3\/5:hover { min-height: 60%; }
  .xl-focus-min-h-3\/5:focus { min-height: 60%; }
  .xl-active-min-h-3\/5:active { min-height: 60%; }
  .xl-disabled-min-h-3\/5:disabled { min-height: 60%; }
  .xl-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  .xl-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  .xl-group:hover .xl-group-hover-min-h-3\/5 { min-height: 60%; }
  .xl-max-h-3\/5 { max-height: 60%; }
  .xl-hover-max-h-3\/5:hover { max-height: 60%; }
  .xl-focus-max-h-3\/5:focus { max-height: 60%; }
  .xl-active-max-h-3\/5:active { max-height: 60%; }
  .xl-disabled-max-h-3\/5:disabled { max-height: 60%; }
  .xl-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  .xl-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  .xl-group:hover .xl-group-hover-max-h-3\/5 { max-height: 60%; }
  .xl-w-4\/5 { width: 80%; }
  .xl-hover-w-4\/5:hover { width: 80%; }
  .xl-focus-w-4\/5:focus { width: 80%; }
  .xl-active-w-4\/5:active { width: 80%; }
  .xl-disabled-w-4\/5:disabled { width: 80%; }
  .xl-focus-visible-w-4\/5:focus-visible { width: 80%; }
  .xl-focus-within-w-4\/5:focus-within { width: 80%; }
  .xl-group:hover .xl-group-hover-w-4\/5 { width: 80%; }
  .xl-h-4\/5 { height: 80%; }
  .xl-hover-h-4\/5:hover { height: 80%; }
  .xl-focus-h-4\/5:focus { height: 80%; }
  .xl-active-h-4\/5:active { height: 80%; }
  .xl-disabled-h-4\/5:disabled { height: 80%; }
  .xl-focus-visible-h-4\/5:focus-visible { height: 80%; }
  .xl-focus-within-h-4\/5:focus-within { height: 80%; }
  .xl-group:hover .xl-group-hover-h-4\/5 { height: 80%; }
  .xl-min-w-4\/5 { min-width: 80%; }
  .xl-hover-min-w-4\/5:hover { min-width: 80%; }
  .xl-focus-min-w-4\/5:focus { min-width: 80%; }
  .xl-active-min-w-4\/5:active { min-width: 80%; }
  .xl-disabled-min-w-4\/5:disabled { min-width: 80%; }
  .xl-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  .xl-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  .xl-group:hover .xl-group-hover-min-w-4\/5 { min-width: 80%; }
  .xl-max-w-4\/5 { max-width: 80%; }
  .xl-hover-max-w-4\/5:hover { max-width: 80%; }
  .xl-focus-max-w-4\/5:focus { max-width: 80%; }
  .xl-active-max-w-4\/5:active { max-width: 80%; }
  .xl-disabled-max-w-4\/5:disabled { max-width: 80%; }
  .xl-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  .xl-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  .xl-group:hover .xl-group-hover-max-w-4\/5 { max-width: 80%; }
  .xl-min-h-4\/5 { min-height: 80%; }
  .xl-hover-min-h-4\/5:hover { min-height: 80%; }
  .xl-focus-min-h-4\/5:focus { min-height: 80%; }
  .xl-active-min-h-4\/5:active { min-height: 80%; }
  .xl-disabled-min-h-4\/5:disabled { min-height: 80%; }
  .xl-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  .xl-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  .xl-group:hover .xl-group-hover-min-h-4\/5 { min-height: 80%; }
  .xl-max-h-4\/5 { max-height: 80%; }
  .xl-hover-max-h-4\/5:hover { max-height: 80%; }
  .xl-focus-max-h-4\/5:focus { max-height: 80%; }
  .xl-active-max-h-4\/5:active { max-height: 80%; }
  .xl-disabled-max-h-4\/5:disabled { max-height: 80%; }
  .xl-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  .xl-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  .xl-group:hover .xl-group-hover-max-h-4\/5 { max-height: 80%; }
  .xl-w-5p { width: 5%; }
  .xl-hover-w-5p:hover { width: 5%; }
  .xl-focus-w-5p:focus { width: 5%; }
  .xl-active-w-5p:active { width: 5%; }
  .xl-disabled-w-5p:disabled { width: 5%; }
  .xl-focus-visible-w-5p:focus-visible { width: 5%; }
  .xl-focus-within-w-5p:focus-within { width: 5%; }
  .xl-group:hover .xl-group-hover-w-5p { width: 5%; }
  .xl-h-5p { height: 5%; }
  .xl-hover-h-5p:hover { height: 5%; }
  .xl-focus-h-5p:focus { height: 5%; }
  .xl-active-h-5p:active { height: 5%; }
  .xl-disabled-h-5p:disabled { height: 5%; }
  .xl-focus-visible-h-5p:focus-visible { height: 5%; }
  .xl-focus-within-h-5p:focus-within { height: 5%; }
  .xl-group:hover .xl-group-hover-h-5p { height: 5%; }
  .xl-min-w-5p { min-width: 5%; }
  .xl-hover-min-w-5p:hover { min-width: 5%; }
  .xl-focus-min-w-5p:focus { min-width: 5%; }
  .xl-active-min-w-5p:active { min-width: 5%; }
  .xl-disabled-min-w-5p:disabled { min-width: 5%; }
  .xl-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  .xl-focus-within-min-w-5p:focus-within { min-width: 5%; }
  .xl-group:hover .xl-group-hover-min-w-5p { min-width: 5%; }
  .xl-max-w-5p { max-width: 5%; }
  .xl-hover-max-w-5p:hover { max-width: 5%; }
  .xl-focus-max-w-5p:focus { max-width: 5%; }
  .xl-active-max-w-5p:active { max-width: 5%; }
  .xl-disabled-max-w-5p:disabled { max-width: 5%; }
  .xl-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  .xl-focus-within-max-w-5p:focus-within { max-width: 5%; }
  .xl-group:hover .xl-group-hover-max-w-5p { max-width: 5%; }
  .xl-min-h-5p { min-height: 5%; }
  .xl-hover-min-h-5p:hover { min-height: 5%; }
  .xl-focus-min-h-5p:focus { min-height: 5%; }
  .xl-active-min-h-5p:active { min-height: 5%; }
  .xl-disabled-min-h-5p:disabled { min-height: 5%; }
  .xl-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  .xl-focus-within-min-h-5p:focus-within { min-height: 5%; }
  .xl-group:hover .xl-group-hover-min-h-5p { min-height: 5%; }
  .xl-max-h-5p { max-height: 5%; }
  .xl-hover-max-h-5p:hover { max-height: 5%; }
  .xl-focus-max-h-5p:focus { max-height: 5%; }
  .xl-active-max-h-5p:active { max-height: 5%; }
  .xl-disabled-max-h-5p:disabled { max-height: 5%; }
  .xl-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  .xl-focus-within-max-h-5p:focus-within { max-height: 5%; }
  .xl-group:hover .xl-group-hover-max-h-5p { max-height: 5%; }
  .xl-w-10p { width: 10%; }
  .xl-hover-w-10p:hover { width: 10%; }
  .xl-focus-w-10p:focus { width: 10%; }
  .xl-active-w-10p:active { width: 10%; }
  .xl-disabled-w-10p:disabled { width: 10%; }
  .xl-focus-visible-w-10p:focus-visible { width: 10%; }
  .xl-focus-within-w-10p:focus-within { width: 10%; }
  .xl-group:hover .xl-group-hover-w-10p { width: 10%; }
  .xl-h-10p { height: 10%; }
  .xl-hover-h-10p:hover { height: 10%; }
  .xl-focus-h-10p:focus { height: 10%; }
  .xl-active-h-10p:active { height: 10%; }
  .xl-disabled-h-10p:disabled { height: 10%; }
  .xl-focus-visible-h-10p:focus-visible { height: 10%; }
  .xl-focus-within-h-10p:focus-within { height: 10%; }
  .xl-group:hover .xl-group-hover-h-10p { height: 10%; }
  .xl-min-w-10p { min-width: 10%; }
  .xl-hover-min-w-10p:hover { min-width: 10%; }
  .xl-focus-min-w-10p:focus { min-width: 10%; }
  .xl-active-min-w-10p:active { min-width: 10%; }
  .xl-disabled-min-w-10p:disabled { min-width: 10%; }
  .xl-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  .xl-focus-within-min-w-10p:focus-within { min-width: 10%; }
  .xl-group:hover .xl-group-hover-min-w-10p { min-width: 10%; }
  .xl-max-w-10p { max-width: 10%; }
  .xl-hover-max-w-10p:hover { max-width: 10%; }
  .xl-focus-max-w-10p:focus { max-width: 10%; }
  .xl-active-max-w-10p:active { max-width: 10%; }
  .xl-disabled-max-w-10p:disabled { max-width: 10%; }
  .xl-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  .xl-focus-within-max-w-10p:focus-within { max-width: 10%; }
  .xl-group:hover .xl-group-hover-max-w-10p { max-width: 10%; }
  .xl-min-h-10p { min-height: 10%; }
  .xl-hover-min-h-10p:hover { min-height: 10%; }
  .xl-focus-min-h-10p:focus { min-height: 10%; }
  .xl-active-min-h-10p:active { min-height: 10%; }
  .xl-disabled-min-h-10p:disabled { min-height: 10%; }
  .xl-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  .xl-focus-within-min-h-10p:focus-within { min-height: 10%; }
  .xl-group:hover .xl-group-hover-min-h-10p { min-height: 10%; }
  .xl-max-h-10p { max-height: 10%; }
  .xl-hover-max-h-10p:hover { max-height: 10%; }
  .xl-focus-max-h-10p:focus { max-height: 10%; }
  .xl-active-max-h-10p:active { max-height: 10%; }
  .xl-disabled-max-h-10p:disabled { max-height: 10%; }
  .xl-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  .xl-focus-within-max-h-10p:focus-within { max-height: 10%; }
  .xl-group:hover .xl-group-hover-max-h-10p { max-height: 10%; }
  .xl-w-15p { width: 15%; }
  .xl-hover-w-15p:hover { width: 15%; }
  .xl-focus-w-15p:focus { width: 15%; }
  .xl-active-w-15p:active { width: 15%; }
  .xl-disabled-w-15p:disabled { width: 15%; }
  .xl-focus-visible-w-15p:focus-visible { width: 15%; }
  .xl-focus-within-w-15p:focus-within { width: 15%; }
  .xl-group:hover .xl-group-hover-w-15p { width: 15%; }
  .xl-h-15p { height: 15%; }
  .xl-hover-h-15p:hover { height: 15%; }
  .xl-focus-h-15p:focus { height: 15%; }
  .xl-active-h-15p:active { height: 15%; }
  .xl-disabled-h-15p:disabled { height: 15%; }
  .xl-focus-visible-h-15p:focus-visible { height: 15%; }
  .xl-focus-within-h-15p:focus-within { height: 15%; }
  .xl-group:hover .xl-group-hover-h-15p { height: 15%; }
  .xl-min-w-15p { min-width: 15%; }
  .xl-hover-min-w-15p:hover { min-width: 15%; }
  .xl-focus-min-w-15p:focus { min-width: 15%; }
  .xl-active-min-w-15p:active { min-width: 15%; }
  .xl-disabled-min-w-15p:disabled { min-width: 15%; }
  .xl-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  .xl-focus-within-min-w-15p:focus-within { min-width: 15%; }
  .xl-group:hover .xl-group-hover-min-w-15p { min-width: 15%; }
  .xl-max-w-15p { max-width: 15%; }
  .xl-hover-max-w-15p:hover { max-width: 15%; }
  .xl-focus-max-w-15p:focus { max-width: 15%; }
  .xl-active-max-w-15p:active { max-width: 15%; }
  .xl-disabled-max-w-15p:disabled { max-width: 15%; }
  .xl-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  .xl-focus-within-max-w-15p:focus-within { max-width: 15%; }
  .xl-group:hover .xl-group-hover-max-w-15p { max-width: 15%; }
  .xl-min-h-15p { min-height: 15%; }
  .xl-hover-min-h-15p:hover { min-height: 15%; }
  .xl-focus-min-h-15p:focus { min-height: 15%; }
  .xl-active-min-h-15p:active { min-height: 15%; }
  .xl-disabled-min-h-15p:disabled { min-height: 15%; }
  .xl-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  .xl-focus-within-min-h-15p:focus-within { min-height: 15%; }
  .xl-group:hover .xl-group-hover-min-h-15p { min-height: 15%; }
  .xl-max-h-15p { max-height: 15%; }
  .xl-hover-max-h-15p:hover { max-height: 15%; }
  .xl-focus-max-h-15p:focus { max-height: 15%; }
  .xl-active-max-h-15p:active { max-height: 15%; }
  .xl-disabled-max-h-15p:disabled { max-height: 15%; }
  .xl-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  .xl-focus-within-max-h-15p:focus-within { max-height: 15%; }
  .xl-group:hover .xl-group-hover-max-h-15p { max-height: 15%; }
  .xl-w-20p { width: 20%; }
  .xl-hover-w-20p:hover { width: 20%; }
  .xl-focus-w-20p:focus { width: 20%; }
  .xl-active-w-20p:active { width: 20%; }
  .xl-disabled-w-20p:disabled { width: 20%; }
  .xl-focus-visible-w-20p:focus-visible { width: 20%; }
  .xl-focus-within-w-20p:focus-within { width: 20%; }
  .xl-group:hover .xl-group-hover-w-20p { width: 20%; }
  .xl-h-20p { height: 20%; }
  .xl-hover-h-20p:hover { height: 20%; }
  .xl-focus-h-20p:focus { height: 20%; }
  .xl-active-h-20p:active { height: 20%; }
  .xl-disabled-h-20p:disabled { height: 20%; }
  .xl-focus-visible-h-20p:focus-visible { height: 20%; }
  .xl-focus-within-h-20p:focus-within { height: 20%; }
  .xl-group:hover .xl-group-hover-h-20p { height: 20%; }
  .xl-min-w-20p { min-width: 20%; }
  .xl-hover-min-w-20p:hover { min-width: 20%; }
  .xl-focus-min-w-20p:focus { min-width: 20%; }
  .xl-active-min-w-20p:active { min-width: 20%; }
  .xl-disabled-min-w-20p:disabled { min-width: 20%; }
  .xl-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  .xl-focus-within-min-w-20p:focus-within { min-width: 20%; }
  .xl-group:hover .xl-group-hover-min-w-20p { min-width: 20%; }
  .xl-max-w-20p { max-width: 20%; }
  .xl-hover-max-w-20p:hover { max-width: 20%; }
  .xl-focus-max-w-20p:focus { max-width: 20%; }
  .xl-active-max-w-20p:active { max-width: 20%; }
  .xl-disabled-max-w-20p:disabled { max-width: 20%; }
  .xl-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  .xl-focus-within-max-w-20p:focus-within { max-width: 20%; }
  .xl-group:hover .xl-group-hover-max-w-20p { max-width: 20%; }
  .xl-min-h-20p { min-height: 20%; }
  .xl-hover-min-h-20p:hover { min-height: 20%; }
  .xl-focus-min-h-20p:focus { min-height: 20%; }
  .xl-active-min-h-20p:active { min-height: 20%; }
  .xl-disabled-min-h-20p:disabled { min-height: 20%; }
  .xl-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  .xl-focus-within-min-h-20p:focus-within { min-height: 20%; }
  .xl-group:hover .xl-group-hover-min-h-20p { min-height: 20%; }
  .xl-max-h-20p { max-height: 20%; }
  .xl-hover-max-h-20p:hover { max-height: 20%; }
  .xl-focus-max-h-20p:focus { max-height: 20%; }
  .xl-active-max-h-20p:active { max-height: 20%; }
  .xl-disabled-max-h-20p:disabled { max-height: 20%; }
  .xl-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  .xl-focus-within-max-h-20p:focus-within { max-height: 20%; }
  .xl-group:hover .xl-group-hover-max-h-20p { max-height: 20%; }
  .xl-w-25p { width: 25%; }
  .xl-hover-w-25p:hover { width: 25%; }
  .xl-focus-w-25p:focus { width: 25%; }
  .xl-active-w-25p:active { width: 25%; }
  .xl-disabled-w-25p:disabled { width: 25%; }
  .xl-focus-visible-w-25p:focus-visible { width: 25%; }
  .xl-focus-within-w-25p:focus-within { width: 25%; }
  .xl-group:hover .xl-group-hover-w-25p { width: 25%; }
  .xl-h-25p { height: 25%; }
  .xl-hover-h-25p:hover { height: 25%; }
  .xl-focus-h-25p:focus { height: 25%; }
  .xl-active-h-25p:active { height: 25%; }
  .xl-disabled-h-25p:disabled { height: 25%; }
  .xl-focus-visible-h-25p:focus-visible { height: 25%; }
  .xl-focus-within-h-25p:focus-within { height: 25%; }
  .xl-group:hover .xl-group-hover-h-25p { height: 25%; }
  .xl-min-w-25p { min-width: 25%; }
  .xl-hover-min-w-25p:hover { min-width: 25%; }
  .xl-focus-min-w-25p:focus { min-width: 25%; }
  .xl-active-min-w-25p:active { min-width: 25%; }
  .xl-disabled-min-w-25p:disabled { min-width: 25%; }
  .xl-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  .xl-focus-within-min-w-25p:focus-within { min-width: 25%; }
  .xl-group:hover .xl-group-hover-min-w-25p { min-width: 25%; }
  .xl-max-w-25p { max-width: 25%; }
  .xl-hover-max-w-25p:hover { max-width: 25%; }
  .xl-focus-max-w-25p:focus { max-width: 25%; }
  .xl-active-max-w-25p:active { max-width: 25%; }
  .xl-disabled-max-w-25p:disabled { max-width: 25%; }
  .xl-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  .xl-focus-within-max-w-25p:focus-within { max-width: 25%; }
  .xl-group:hover .xl-group-hover-max-w-25p { max-width: 25%; }
  .xl-min-h-25p { min-height: 25%; }
  .xl-hover-min-h-25p:hover { min-height: 25%; }
  .xl-focus-min-h-25p:focus { min-height: 25%; }
  .xl-active-min-h-25p:active { min-height: 25%; }
  .xl-disabled-min-h-25p:disabled { min-height: 25%; }
  .xl-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  .xl-focus-within-min-h-25p:focus-within { min-height: 25%; }
  .xl-group:hover .xl-group-hover-min-h-25p { min-height: 25%; }
  .xl-max-h-25p { max-height: 25%; }
  .xl-hover-max-h-25p:hover { max-height: 25%; }
  .xl-focus-max-h-25p:focus { max-height: 25%; }
  .xl-active-max-h-25p:active { max-height: 25%; }
  .xl-disabled-max-h-25p:disabled { max-height: 25%; }
  .xl-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  .xl-focus-within-max-h-25p:focus-within { max-height: 25%; }
  .xl-group:hover .xl-group-hover-max-h-25p { max-height: 25%; }
  .xl-w-30p { width: 30%; }
  .xl-hover-w-30p:hover { width: 30%; }
  .xl-focus-w-30p:focus { width: 30%; }
  .xl-active-w-30p:active { width: 30%; }
  .xl-disabled-w-30p:disabled { width: 30%; }
  .xl-focus-visible-w-30p:focus-visible { width: 30%; }
  .xl-focus-within-w-30p:focus-within { width: 30%; }
  .xl-group:hover .xl-group-hover-w-30p { width: 30%; }
  .xl-h-30p { height: 30%; }
  .xl-hover-h-30p:hover { height: 30%; }
  .xl-focus-h-30p:focus { height: 30%; }
  .xl-active-h-30p:active { height: 30%; }
  .xl-disabled-h-30p:disabled { height: 30%; }
  .xl-focus-visible-h-30p:focus-visible { height: 30%; }
  .xl-focus-within-h-30p:focus-within { height: 30%; }
  .xl-group:hover .xl-group-hover-h-30p { height: 30%; }
  .xl-min-w-30p { min-width: 30%; }
  .xl-hover-min-w-30p:hover { min-width: 30%; }
  .xl-focus-min-w-30p:focus { min-width: 30%; }
  .xl-active-min-w-30p:active { min-width: 30%; }
  .xl-disabled-min-w-30p:disabled { min-width: 30%; }
  .xl-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  .xl-focus-within-min-w-30p:focus-within { min-width: 30%; }
  .xl-group:hover .xl-group-hover-min-w-30p { min-width: 30%; }
  .xl-max-w-30p { max-width: 30%; }
  .xl-hover-max-w-30p:hover { max-width: 30%; }
  .xl-focus-max-w-30p:focus { max-width: 30%; }
  .xl-active-max-w-30p:active { max-width: 30%; }
  .xl-disabled-max-w-30p:disabled { max-width: 30%; }
  .xl-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  .xl-focus-within-max-w-30p:focus-within { max-width: 30%; }
  .xl-group:hover .xl-group-hover-max-w-30p { max-width: 30%; }
  .xl-min-h-30p { min-height: 30%; }
  .xl-hover-min-h-30p:hover { min-height: 30%; }
  .xl-focus-min-h-30p:focus { min-height: 30%; }
  .xl-active-min-h-30p:active { min-height: 30%; }
  .xl-disabled-min-h-30p:disabled { min-height: 30%; }
  .xl-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  .xl-focus-within-min-h-30p:focus-within { min-height: 30%; }
  .xl-group:hover .xl-group-hover-min-h-30p { min-height: 30%; }
  .xl-max-h-30p { max-height: 30%; }
  .xl-hover-max-h-30p:hover { max-height: 30%; }
  .xl-focus-max-h-30p:focus { max-height: 30%; }
  .xl-active-max-h-30p:active { max-height: 30%; }
  .xl-disabled-max-h-30p:disabled { max-height: 30%; }
  .xl-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  .xl-focus-within-max-h-30p:focus-within { max-height: 30%; }
  .xl-group:hover .xl-group-hover-max-h-30p { max-height: 30%; }
  .xl-w-35p { width: 35%; }
  .xl-hover-w-35p:hover { width: 35%; }
  .xl-focus-w-35p:focus { width: 35%; }
  .xl-active-w-35p:active { width: 35%; }
  .xl-disabled-w-35p:disabled { width: 35%; }
  .xl-focus-visible-w-35p:focus-visible { width: 35%; }
  .xl-focus-within-w-35p:focus-within { width: 35%; }
  .xl-group:hover .xl-group-hover-w-35p { width: 35%; }
  .xl-h-35p { height: 35%; }
  .xl-hover-h-35p:hover { height: 35%; }
  .xl-focus-h-35p:focus { height: 35%; }
  .xl-active-h-35p:active { height: 35%; }
  .xl-disabled-h-35p:disabled { height: 35%; }
  .xl-focus-visible-h-35p:focus-visible { height: 35%; }
  .xl-focus-within-h-35p:focus-within { height: 35%; }
  .xl-group:hover .xl-group-hover-h-35p { height: 35%; }
  .xl-min-w-35p { min-width: 35%; }
  .xl-hover-min-w-35p:hover { min-width: 35%; }
  .xl-focus-min-w-35p:focus { min-width: 35%; }
  .xl-active-min-w-35p:active { min-width: 35%; }
  .xl-disabled-min-w-35p:disabled { min-width: 35%; }
  .xl-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  .xl-focus-within-min-w-35p:focus-within { min-width: 35%; }
  .xl-group:hover .xl-group-hover-min-w-35p { min-width: 35%; }
  .xl-max-w-35p { max-width: 35%; }
  .xl-hover-max-w-35p:hover { max-width: 35%; }
  .xl-focus-max-w-35p:focus { max-width: 35%; }
  .xl-active-max-w-35p:active { max-width: 35%; }
  .xl-disabled-max-w-35p:disabled { max-width: 35%; }
  .xl-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  .xl-focus-within-max-w-35p:focus-within { max-width: 35%; }
  .xl-group:hover .xl-group-hover-max-w-35p { max-width: 35%; }
  .xl-min-h-35p { min-height: 35%; }
  .xl-hover-min-h-35p:hover { min-height: 35%; }
  .xl-focus-min-h-35p:focus { min-height: 35%; }
  .xl-active-min-h-35p:active { min-height: 35%; }
  .xl-disabled-min-h-35p:disabled { min-height: 35%; }
  .xl-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  .xl-focus-within-min-h-35p:focus-within { min-height: 35%; }
  .xl-group:hover .xl-group-hover-min-h-35p { min-height: 35%; }
  .xl-max-h-35p { max-height: 35%; }
  .xl-hover-max-h-35p:hover { max-height: 35%; }
  .xl-focus-max-h-35p:focus { max-height: 35%; }
  .xl-active-max-h-35p:active { max-height: 35%; }
  .xl-disabled-max-h-35p:disabled { max-height: 35%; }
  .xl-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  .xl-focus-within-max-h-35p:focus-within { max-height: 35%; }
  .xl-group:hover .xl-group-hover-max-h-35p { max-height: 35%; }
  .xl-w-40p { width: 40%; }
  .xl-hover-w-40p:hover { width: 40%; }
  .xl-focus-w-40p:focus { width: 40%; }
  .xl-active-w-40p:active { width: 40%; }
  .xl-disabled-w-40p:disabled { width: 40%; }
  .xl-focus-visible-w-40p:focus-visible { width: 40%; }
  .xl-focus-within-w-40p:focus-within { width: 40%; }
  .xl-group:hover .xl-group-hover-w-40p { width: 40%; }
  .xl-h-40p { height: 40%; }
  .xl-hover-h-40p:hover { height: 40%; }
  .xl-focus-h-40p:focus { height: 40%; }
  .xl-active-h-40p:active { height: 40%; }
  .xl-disabled-h-40p:disabled { height: 40%; }
  .xl-focus-visible-h-40p:focus-visible { height: 40%; }
  .xl-focus-within-h-40p:focus-within { height: 40%; }
  .xl-group:hover .xl-group-hover-h-40p { height: 40%; }
  .xl-min-w-40p { min-width: 40%; }
  .xl-hover-min-w-40p:hover { min-width: 40%; }
  .xl-focus-min-w-40p:focus { min-width: 40%; }
  .xl-active-min-w-40p:active { min-width: 40%; }
  .xl-disabled-min-w-40p:disabled { min-width: 40%; }
  .xl-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  .xl-focus-within-min-w-40p:focus-within { min-width: 40%; }
  .xl-group:hover .xl-group-hover-min-w-40p { min-width: 40%; }
  .xl-max-w-40p { max-width: 40%; }
  .xl-hover-max-w-40p:hover { max-width: 40%; }
  .xl-focus-max-w-40p:focus { max-width: 40%; }
  .xl-active-max-w-40p:active { max-width: 40%; }
  .xl-disabled-max-w-40p:disabled { max-width: 40%; }
  .xl-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  .xl-focus-within-max-w-40p:focus-within { max-width: 40%; }
  .xl-group:hover .xl-group-hover-max-w-40p { max-width: 40%; }
  .xl-min-h-40p { min-height: 40%; }
  .xl-hover-min-h-40p:hover { min-height: 40%; }
  .xl-focus-min-h-40p:focus { min-height: 40%; }
  .xl-active-min-h-40p:active { min-height: 40%; }
  .xl-disabled-min-h-40p:disabled { min-height: 40%; }
  .xl-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  .xl-focus-within-min-h-40p:focus-within { min-height: 40%; }
  .xl-group:hover .xl-group-hover-min-h-40p { min-height: 40%; }
  .xl-max-h-40p { max-height: 40%; }
  .xl-hover-max-h-40p:hover { max-height: 40%; }
  .xl-focus-max-h-40p:focus { max-height: 40%; }
  .xl-active-max-h-40p:active { max-height: 40%; }
  .xl-disabled-max-h-40p:disabled { max-height: 40%; }
  .xl-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  .xl-focus-within-max-h-40p:focus-within { max-height: 40%; }
  .xl-group:hover .xl-group-hover-max-h-40p { max-height: 40%; }
  .xl-w-45p { width: 45%; }
  .xl-hover-w-45p:hover { width: 45%; }
  .xl-focus-w-45p:focus { width: 45%; }
  .xl-active-w-45p:active { width: 45%; }
  .xl-disabled-w-45p:disabled { width: 45%; }
  .xl-focus-visible-w-45p:focus-visible { width: 45%; }
  .xl-focus-within-w-45p:focus-within { width: 45%; }
  .xl-group:hover .xl-group-hover-w-45p { width: 45%; }
  .xl-h-45p { height: 45%; }
  .xl-hover-h-45p:hover { height: 45%; }
  .xl-focus-h-45p:focus { height: 45%; }
  .xl-active-h-45p:active { height: 45%; }
  .xl-disabled-h-45p:disabled { height: 45%; }
  .xl-focus-visible-h-45p:focus-visible { height: 45%; }
  .xl-focus-within-h-45p:focus-within { height: 45%; }
  .xl-group:hover .xl-group-hover-h-45p { height: 45%; }
  .xl-min-w-45p { min-width: 45%; }
  .xl-hover-min-w-45p:hover { min-width: 45%; }
  .xl-focus-min-w-45p:focus { min-width: 45%; }
  .xl-active-min-w-45p:active { min-width: 45%; }
  .xl-disabled-min-w-45p:disabled { min-width: 45%; }
  .xl-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  .xl-focus-within-min-w-45p:focus-within { min-width: 45%; }
  .xl-group:hover .xl-group-hover-min-w-45p { min-width: 45%; }
  .xl-max-w-45p { max-width: 45%; }
  .xl-hover-max-w-45p:hover { max-width: 45%; }
  .xl-focus-max-w-45p:focus { max-width: 45%; }
  .xl-active-max-w-45p:active { max-width: 45%; }
  .xl-disabled-max-w-45p:disabled { max-width: 45%; }
  .xl-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  .xl-focus-within-max-w-45p:focus-within { max-width: 45%; }
  .xl-group:hover .xl-group-hover-max-w-45p { max-width: 45%; }
  .xl-min-h-45p { min-height: 45%; }
  .xl-hover-min-h-45p:hover { min-height: 45%; }
  .xl-focus-min-h-45p:focus { min-height: 45%; }
  .xl-active-min-h-45p:active { min-height: 45%; }
  .xl-disabled-min-h-45p:disabled { min-height: 45%; }
  .xl-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  .xl-focus-within-min-h-45p:focus-within { min-height: 45%; }
  .xl-group:hover .xl-group-hover-min-h-45p { min-height: 45%; }
  .xl-max-h-45p { max-height: 45%; }
  .xl-hover-max-h-45p:hover { max-height: 45%; }
  .xl-focus-max-h-45p:focus { max-height: 45%; }
  .xl-active-max-h-45p:active { max-height: 45%; }
  .xl-disabled-max-h-45p:disabled { max-height: 45%; }
  .xl-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  .xl-focus-within-max-h-45p:focus-within { max-height: 45%; }
  .xl-group:hover .xl-group-hover-max-h-45p { max-height: 45%; }
  .xl-w-50p { width: 50%; }
  .xl-hover-w-50p:hover { width: 50%; }
  .xl-focus-w-50p:focus { width: 50%; }
  .xl-active-w-50p:active { width: 50%; }
  .xl-disabled-w-50p:disabled { width: 50%; }
  .xl-focus-visible-w-50p:focus-visible { width: 50%; }
  .xl-focus-within-w-50p:focus-within { width: 50%; }
  .xl-group:hover .xl-group-hover-w-50p { width: 50%; }
  .xl-h-50p { height: 50%; }
  .xl-hover-h-50p:hover { height: 50%; }
  .xl-focus-h-50p:focus { height: 50%; }
  .xl-active-h-50p:active { height: 50%; }
  .xl-disabled-h-50p:disabled { height: 50%; }
  .xl-focus-visible-h-50p:focus-visible { height: 50%; }
  .xl-focus-within-h-50p:focus-within { height: 50%; }
  .xl-group:hover .xl-group-hover-h-50p { height: 50%; }
  .xl-min-w-50p { min-width: 50%; }
  .xl-hover-min-w-50p:hover { min-width: 50%; }
  .xl-focus-min-w-50p:focus { min-width: 50%; }
  .xl-active-min-w-50p:active { min-width: 50%; }
  .xl-disabled-min-w-50p:disabled { min-width: 50%; }
  .xl-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  .xl-focus-within-min-w-50p:focus-within { min-width: 50%; }
  .xl-group:hover .xl-group-hover-min-w-50p { min-width: 50%; }
  .xl-max-w-50p { max-width: 50%; }
  .xl-hover-max-w-50p:hover { max-width: 50%; }
  .xl-focus-max-w-50p:focus { max-width: 50%; }
  .xl-active-max-w-50p:active { max-width: 50%; }
  .xl-disabled-max-w-50p:disabled { max-width: 50%; }
  .xl-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  .xl-focus-within-max-w-50p:focus-within { max-width: 50%; }
  .xl-group:hover .xl-group-hover-max-w-50p { max-width: 50%; }
  .xl-min-h-50p { min-height: 50%; }
  .xl-hover-min-h-50p:hover { min-height: 50%; }
  .xl-focus-min-h-50p:focus { min-height: 50%; }
  .xl-active-min-h-50p:active { min-height: 50%; }
  .xl-disabled-min-h-50p:disabled { min-height: 50%; }
  .xl-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  .xl-focus-within-min-h-50p:focus-within { min-height: 50%; }
  .xl-group:hover .xl-group-hover-min-h-50p { min-height: 50%; }
  .xl-max-h-50p { max-height: 50%; }
  .xl-hover-max-h-50p:hover { max-height: 50%; }
  .xl-focus-max-h-50p:focus { max-height: 50%; }
  .xl-active-max-h-50p:active { max-height: 50%; }
  .xl-disabled-max-h-50p:disabled { max-height: 50%; }
  .xl-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  .xl-focus-within-max-h-50p:focus-within { max-height: 50%; }
  .xl-group:hover .xl-group-hover-max-h-50p { max-height: 50%; }
  .xl-w-55p { width: 55%; }
  .xl-hover-w-55p:hover { width: 55%; }
  .xl-focus-w-55p:focus { width: 55%; }
  .xl-active-w-55p:active { width: 55%; }
  .xl-disabled-w-55p:disabled { width: 55%; }
  .xl-focus-visible-w-55p:focus-visible { width: 55%; }
  .xl-focus-within-w-55p:focus-within { width: 55%; }
  .xl-group:hover .xl-group-hover-w-55p { width: 55%; }
  .xl-h-55p { height: 55%; }
  .xl-hover-h-55p:hover { height: 55%; }
  .xl-focus-h-55p:focus { height: 55%; }
  .xl-active-h-55p:active { height: 55%; }
  .xl-disabled-h-55p:disabled { height: 55%; }
  .xl-focus-visible-h-55p:focus-visible { height: 55%; }
  .xl-focus-within-h-55p:focus-within { height: 55%; }
  .xl-group:hover .xl-group-hover-h-55p { height: 55%; }
  .xl-min-w-55p { min-width: 55%; }
  .xl-hover-min-w-55p:hover { min-width: 55%; }
  .xl-focus-min-w-55p:focus { min-width: 55%; }
  .xl-active-min-w-55p:active { min-width: 55%; }
  .xl-disabled-min-w-55p:disabled { min-width: 55%; }
  .xl-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  .xl-focus-within-min-w-55p:focus-within { min-width: 55%; }
  .xl-group:hover .xl-group-hover-min-w-55p { min-width: 55%; }
  .xl-max-w-55p { max-width: 55%; }
  .xl-hover-max-w-55p:hover { max-width: 55%; }
  .xl-focus-max-w-55p:focus { max-width: 55%; }
  .xl-active-max-w-55p:active { max-width: 55%; }
  .xl-disabled-max-w-55p:disabled { max-width: 55%; }
  .xl-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  .xl-focus-within-max-w-55p:focus-within { max-width: 55%; }
  .xl-group:hover .xl-group-hover-max-w-55p { max-width: 55%; }
  .xl-min-h-55p { min-height: 55%; }
  .xl-hover-min-h-55p:hover { min-height: 55%; }
  .xl-focus-min-h-55p:focus { min-height: 55%; }
  .xl-active-min-h-55p:active { min-height: 55%; }
  .xl-disabled-min-h-55p:disabled { min-height: 55%; }
  .xl-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  .xl-focus-within-min-h-55p:focus-within { min-height: 55%; }
  .xl-group:hover .xl-group-hover-min-h-55p { min-height: 55%; }
  .xl-max-h-55p { max-height: 55%; }
  .xl-hover-max-h-55p:hover { max-height: 55%; }
  .xl-focus-max-h-55p:focus { max-height: 55%; }
  .xl-active-max-h-55p:active { max-height: 55%; }
  .xl-disabled-max-h-55p:disabled { max-height: 55%; }
  .xl-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  .xl-focus-within-max-h-55p:focus-within { max-height: 55%; }
  .xl-group:hover .xl-group-hover-max-h-55p { max-height: 55%; }
  .xl-w-60p { width: 60%; }
  .xl-hover-w-60p:hover { width: 60%; }
  .xl-focus-w-60p:focus { width: 60%; }
  .xl-active-w-60p:active { width: 60%; }
  .xl-disabled-w-60p:disabled { width: 60%; }
  .xl-focus-visible-w-60p:focus-visible { width: 60%; }
  .xl-focus-within-w-60p:focus-within { width: 60%; }
  .xl-group:hover .xl-group-hover-w-60p { width: 60%; }
  .xl-h-60p { height: 60%; }
  .xl-hover-h-60p:hover { height: 60%; }
  .xl-focus-h-60p:focus { height: 60%; }
  .xl-active-h-60p:active { height: 60%; }
  .xl-disabled-h-60p:disabled { height: 60%; }
  .xl-focus-visible-h-60p:focus-visible { height: 60%; }
  .xl-focus-within-h-60p:focus-within { height: 60%; }
  .xl-group:hover .xl-group-hover-h-60p { height: 60%; }
  .xl-min-w-60p { min-width: 60%; }
  .xl-hover-min-w-60p:hover { min-width: 60%; }
  .xl-focus-min-w-60p:focus { min-width: 60%; }
  .xl-active-min-w-60p:active { min-width: 60%; }
  .xl-disabled-min-w-60p:disabled { min-width: 60%; }
  .xl-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  .xl-focus-within-min-w-60p:focus-within { min-width: 60%; }
  .xl-group:hover .xl-group-hover-min-w-60p { min-width: 60%; }
  .xl-max-w-60p { max-width: 60%; }
  .xl-hover-max-w-60p:hover { max-width: 60%; }
  .xl-focus-max-w-60p:focus { max-width: 60%; }
  .xl-active-max-w-60p:active { max-width: 60%; }
  .xl-disabled-max-w-60p:disabled { max-width: 60%; }
  .xl-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  .xl-focus-within-max-w-60p:focus-within { max-width: 60%; }
  .xl-group:hover .xl-group-hover-max-w-60p { max-width: 60%; }
  .xl-min-h-60p { min-height: 60%; }
  .xl-hover-min-h-60p:hover { min-height: 60%; }
  .xl-focus-min-h-60p:focus { min-height: 60%; }
  .xl-active-min-h-60p:active { min-height: 60%; }
  .xl-disabled-min-h-60p:disabled { min-height: 60%; }
  .xl-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  .xl-focus-within-min-h-60p:focus-within { min-height: 60%; }
  .xl-group:hover .xl-group-hover-min-h-60p { min-height: 60%; }
  .xl-max-h-60p { max-height: 60%; }
  .xl-hover-max-h-60p:hover { max-height: 60%; }
  .xl-focus-max-h-60p:focus { max-height: 60%; }
  .xl-active-max-h-60p:active { max-height: 60%; }
  .xl-disabled-max-h-60p:disabled { max-height: 60%; }
  .xl-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  .xl-focus-within-max-h-60p:focus-within { max-height: 60%; }
  .xl-group:hover .xl-group-hover-max-h-60p { max-height: 60%; }
  .xl-w-65p { width: 65%; }
  .xl-hover-w-65p:hover { width: 65%; }
  .xl-focus-w-65p:focus { width: 65%; }
  .xl-active-w-65p:active { width: 65%; }
  .xl-disabled-w-65p:disabled { width: 65%; }
  .xl-focus-visible-w-65p:focus-visible { width: 65%; }
  .xl-focus-within-w-65p:focus-within { width: 65%; }
  .xl-group:hover .xl-group-hover-w-65p { width: 65%; }
  .xl-h-65p { height: 65%; }
  .xl-hover-h-65p:hover { height: 65%; }
  .xl-focus-h-65p:focus { height: 65%; }
  .xl-active-h-65p:active { height: 65%; }
  .xl-disabled-h-65p:disabled { height: 65%; }
  .xl-focus-visible-h-65p:focus-visible { height: 65%; }
  .xl-focus-within-h-65p:focus-within { height: 65%; }
  .xl-group:hover .xl-group-hover-h-65p { height: 65%; }
  .xl-min-w-65p { min-width: 65%; }
  .xl-hover-min-w-65p:hover { min-width: 65%; }
  .xl-focus-min-w-65p:focus { min-width: 65%; }
  .xl-active-min-w-65p:active { min-width: 65%; }
  .xl-disabled-min-w-65p:disabled { min-width: 65%; }
  .xl-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  .xl-focus-within-min-w-65p:focus-within { min-width: 65%; }
  .xl-group:hover .xl-group-hover-min-w-65p { min-width: 65%; }
  .xl-max-w-65p { max-width: 65%; }
  .xl-hover-max-w-65p:hover { max-width: 65%; }
  .xl-focus-max-w-65p:focus { max-width: 65%; }
  .xl-active-max-w-65p:active { max-width: 65%; }
  .xl-disabled-max-w-65p:disabled { max-width: 65%; }
  .xl-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  .xl-focus-within-max-w-65p:focus-within { max-width: 65%; }
  .xl-group:hover .xl-group-hover-max-w-65p { max-width: 65%; }
  .xl-min-h-65p { min-height: 65%; }
  .xl-hover-min-h-65p:hover { min-height: 65%; }
  .xl-focus-min-h-65p:focus { min-height: 65%; }
  .xl-active-min-h-65p:active { min-height: 65%; }
  .xl-disabled-min-h-65p:disabled { min-height: 65%; }
  .xl-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  .xl-focus-within-min-h-65p:focus-within { min-height: 65%; }
  .xl-group:hover .xl-group-hover-min-h-65p { min-height: 65%; }
  .xl-max-h-65p { max-height: 65%; }
  .xl-hover-max-h-65p:hover { max-height: 65%; }
  .xl-focus-max-h-65p:focus { max-height: 65%; }
  .xl-active-max-h-65p:active { max-height: 65%; }
  .xl-disabled-max-h-65p:disabled { max-height: 65%; }
  .xl-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  .xl-focus-within-max-h-65p:focus-within { max-height: 65%; }
  .xl-group:hover .xl-group-hover-max-h-65p { max-height: 65%; }
  .xl-w-70p { width: 70%; }
  .xl-hover-w-70p:hover { width: 70%; }
  .xl-focus-w-70p:focus { width: 70%; }
  .xl-active-w-70p:active { width: 70%; }
  .xl-disabled-w-70p:disabled { width: 70%; }
  .xl-focus-visible-w-70p:focus-visible { width: 70%; }
  .xl-focus-within-w-70p:focus-within { width: 70%; }
  .xl-group:hover .xl-group-hover-w-70p { width: 70%; }
  .xl-h-70p { height: 70%; }
  .xl-hover-h-70p:hover { height: 70%; }
  .xl-focus-h-70p:focus { height: 70%; }
  .xl-active-h-70p:active { height: 70%; }
  .xl-disabled-h-70p:disabled { height: 70%; }
  .xl-focus-visible-h-70p:focus-visible { height: 70%; }
  .xl-focus-within-h-70p:focus-within { height: 70%; }
  .xl-group:hover .xl-group-hover-h-70p { height: 70%; }
  .xl-min-w-70p { min-width: 70%; }
  .xl-hover-min-w-70p:hover { min-width: 70%; }
  .xl-focus-min-w-70p:focus { min-width: 70%; }
  .xl-active-min-w-70p:active { min-width: 70%; }
  .xl-disabled-min-w-70p:disabled { min-width: 70%; }
  .xl-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  .xl-focus-within-min-w-70p:focus-within { min-width: 70%; }
  .xl-group:hover .xl-group-hover-min-w-70p { min-width: 70%; }
  .xl-max-w-70p { max-width: 70%; }
  .xl-hover-max-w-70p:hover { max-width: 70%; }
  .xl-focus-max-w-70p:focus { max-width: 70%; }
  .xl-active-max-w-70p:active { max-width: 70%; }
  .xl-disabled-max-w-70p:disabled { max-width: 70%; }
  .xl-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  .xl-focus-within-max-w-70p:focus-within { max-width: 70%; }
  .xl-group:hover .xl-group-hover-max-w-70p { max-width: 70%; }
  .xl-min-h-70p { min-height: 70%; }
  .xl-hover-min-h-70p:hover { min-height: 70%; }
  .xl-focus-min-h-70p:focus { min-height: 70%; }
  .xl-active-min-h-70p:active { min-height: 70%; }
  .xl-disabled-min-h-70p:disabled { min-height: 70%; }
  .xl-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  .xl-focus-within-min-h-70p:focus-within { min-height: 70%; }
  .xl-group:hover .xl-group-hover-min-h-70p { min-height: 70%; }
  .xl-max-h-70p { max-height: 70%; }
  .xl-hover-max-h-70p:hover { max-height: 70%; }
  .xl-focus-max-h-70p:focus { max-height: 70%; }
  .xl-active-max-h-70p:active { max-height: 70%; }
  .xl-disabled-max-h-70p:disabled { max-height: 70%; }
  .xl-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  .xl-focus-within-max-h-70p:focus-within { max-height: 70%; }
  .xl-group:hover .xl-group-hover-max-h-70p { max-height: 70%; }
  .xl-w-75p { width: 75%; }
  .xl-hover-w-75p:hover { width: 75%; }
  .xl-focus-w-75p:focus { width: 75%; }
  .xl-active-w-75p:active { width: 75%; }
  .xl-disabled-w-75p:disabled { width: 75%; }
  .xl-focus-visible-w-75p:focus-visible { width: 75%; }
  .xl-focus-within-w-75p:focus-within { width: 75%; }
  .xl-group:hover .xl-group-hover-w-75p { width: 75%; }
  .xl-h-75p { height: 75%; }
  .xl-hover-h-75p:hover { height: 75%; }
  .xl-focus-h-75p:focus { height: 75%; }
  .xl-active-h-75p:active { height: 75%; }
  .xl-disabled-h-75p:disabled { height: 75%; }
  .xl-focus-visible-h-75p:focus-visible { height: 75%; }
  .xl-focus-within-h-75p:focus-within { height: 75%; }
  .xl-group:hover .xl-group-hover-h-75p { height: 75%; }
  .xl-min-w-75p { min-width: 75%; }
  .xl-hover-min-w-75p:hover { min-width: 75%; }
  .xl-focus-min-w-75p:focus { min-width: 75%; }
  .xl-active-min-w-75p:active { min-width: 75%; }
  .xl-disabled-min-w-75p:disabled { min-width: 75%; }
  .xl-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  .xl-focus-within-min-w-75p:focus-within { min-width: 75%; }
  .xl-group:hover .xl-group-hover-min-w-75p { min-width: 75%; }
  .xl-max-w-75p { max-width: 75%; }
  .xl-hover-max-w-75p:hover { max-width: 75%; }
  .xl-focus-max-w-75p:focus { max-width: 75%; }
  .xl-active-max-w-75p:active { max-width: 75%; }
  .xl-disabled-max-w-75p:disabled { max-width: 75%; }
  .xl-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  .xl-focus-within-max-w-75p:focus-within { max-width: 75%; }
  .xl-group:hover .xl-group-hover-max-w-75p { max-width: 75%; }
  .xl-min-h-75p { min-height: 75%; }
  .xl-hover-min-h-75p:hover { min-height: 75%; }
  .xl-focus-min-h-75p:focus { min-height: 75%; }
  .xl-active-min-h-75p:active { min-height: 75%; }
  .xl-disabled-min-h-75p:disabled { min-height: 75%; }
  .xl-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  .xl-focus-within-min-h-75p:focus-within { min-height: 75%; }
  .xl-group:hover .xl-group-hover-min-h-75p { min-height: 75%; }
  .xl-max-h-75p { max-height: 75%; }
  .xl-hover-max-h-75p:hover { max-height: 75%; }
  .xl-focus-max-h-75p:focus { max-height: 75%; }
  .xl-active-max-h-75p:active { max-height: 75%; }
  .xl-disabled-max-h-75p:disabled { max-height: 75%; }
  .xl-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  .xl-focus-within-max-h-75p:focus-within { max-height: 75%; }
  .xl-group:hover .xl-group-hover-max-h-75p { max-height: 75%; }
  .xl-w-80p { width: 80%; }
  .xl-hover-w-80p:hover { width: 80%; }
  .xl-focus-w-80p:focus { width: 80%; }
  .xl-active-w-80p:active { width: 80%; }
  .xl-disabled-w-80p:disabled { width: 80%; }
  .xl-focus-visible-w-80p:focus-visible { width: 80%; }
  .xl-focus-within-w-80p:focus-within { width: 80%; }
  .xl-group:hover .xl-group-hover-w-80p { width: 80%; }
  .xl-h-80p { height: 80%; }
  .xl-hover-h-80p:hover { height: 80%; }
  .xl-focus-h-80p:focus { height: 80%; }
  .xl-active-h-80p:active { height: 80%; }
  .xl-disabled-h-80p:disabled { height: 80%; }
  .xl-focus-visible-h-80p:focus-visible { height: 80%; }
  .xl-focus-within-h-80p:focus-within { height: 80%; }
  .xl-group:hover .xl-group-hover-h-80p { height: 80%; }
  .xl-min-w-80p { min-width: 80%; }
  .xl-hover-min-w-80p:hover { min-width: 80%; }
  .xl-focus-min-w-80p:focus { min-width: 80%; }
  .xl-active-min-w-80p:active { min-width: 80%; }
  .xl-disabled-min-w-80p:disabled { min-width: 80%; }
  .xl-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  .xl-focus-within-min-w-80p:focus-within { min-width: 80%; }
  .xl-group:hover .xl-group-hover-min-w-80p { min-width: 80%; }
  .xl-max-w-80p { max-width: 80%; }
  .xl-hover-max-w-80p:hover { max-width: 80%; }
  .xl-focus-max-w-80p:focus { max-width: 80%; }
  .xl-active-max-w-80p:active { max-width: 80%; }
  .xl-disabled-max-w-80p:disabled { max-width: 80%; }
  .xl-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  .xl-focus-within-max-w-80p:focus-within { max-width: 80%; }
  .xl-group:hover .xl-group-hover-max-w-80p { max-width: 80%; }
  .xl-min-h-80p { min-height: 80%; }
  .xl-hover-min-h-80p:hover { min-height: 80%; }
  .xl-focus-min-h-80p:focus { min-height: 80%; }
  .xl-active-min-h-80p:active { min-height: 80%; }
  .xl-disabled-min-h-80p:disabled { min-height: 80%; }
  .xl-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  .xl-focus-within-min-h-80p:focus-within { min-height: 80%; }
  .xl-group:hover .xl-group-hover-min-h-80p { min-height: 80%; }
  .xl-max-h-80p { max-height: 80%; }
  .xl-hover-max-h-80p:hover { max-height: 80%; }
  .xl-focus-max-h-80p:focus { max-height: 80%; }
  .xl-active-max-h-80p:active { max-height: 80%; }
  .xl-disabled-max-h-80p:disabled { max-height: 80%; }
  .xl-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  .xl-focus-within-max-h-80p:focus-within { max-height: 80%; }
  .xl-group:hover .xl-group-hover-max-h-80p { max-height: 80%; }
  .xl-w-85p { width: 85%; }
  .xl-hover-w-85p:hover { width: 85%; }
  .xl-focus-w-85p:focus { width: 85%; }
  .xl-active-w-85p:active { width: 85%; }
  .xl-disabled-w-85p:disabled { width: 85%; }
  .xl-focus-visible-w-85p:focus-visible { width: 85%; }
  .xl-focus-within-w-85p:focus-within { width: 85%; }
  .xl-group:hover .xl-group-hover-w-85p { width: 85%; }
  .xl-h-85p { height: 85%; }
  .xl-hover-h-85p:hover { height: 85%; }
  .xl-focus-h-85p:focus { height: 85%; }
  .xl-active-h-85p:active { height: 85%; }
  .xl-disabled-h-85p:disabled { height: 85%; }
  .xl-focus-visible-h-85p:focus-visible { height: 85%; }
  .xl-focus-within-h-85p:focus-within { height: 85%; }
  .xl-group:hover .xl-group-hover-h-85p { height: 85%; }
  .xl-min-w-85p { min-width: 85%; }
  .xl-hover-min-w-85p:hover { min-width: 85%; }
  .xl-focus-min-w-85p:focus { min-width: 85%; }
  .xl-active-min-w-85p:active { min-width: 85%; }
  .xl-disabled-min-w-85p:disabled { min-width: 85%; }
  .xl-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  .xl-focus-within-min-w-85p:focus-within { min-width: 85%; }
  .xl-group:hover .xl-group-hover-min-w-85p { min-width: 85%; }
  .xl-max-w-85p { max-width: 85%; }
  .xl-hover-max-w-85p:hover { max-width: 85%; }
  .xl-focus-max-w-85p:focus { max-width: 85%; }
  .xl-active-max-w-85p:active { max-width: 85%; }
  .xl-disabled-max-w-85p:disabled { max-width: 85%; }
  .xl-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  .xl-focus-within-max-w-85p:focus-within { max-width: 85%; }
  .xl-group:hover .xl-group-hover-max-w-85p { max-width: 85%; }
  .xl-min-h-85p { min-height: 85%; }
  .xl-hover-min-h-85p:hover { min-height: 85%; }
  .xl-focus-min-h-85p:focus { min-height: 85%; }
  .xl-active-min-h-85p:active { min-height: 85%; }
  .xl-disabled-min-h-85p:disabled { min-height: 85%; }
  .xl-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  .xl-focus-within-min-h-85p:focus-within { min-height: 85%; }
  .xl-group:hover .xl-group-hover-min-h-85p { min-height: 85%; }
  .xl-max-h-85p { max-height: 85%; }
  .xl-hover-max-h-85p:hover { max-height: 85%; }
  .xl-focus-max-h-85p:focus { max-height: 85%; }
  .xl-active-max-h-85p:active { max-height: 85%; }
  .xl-disabled-max-h-85p:disabled { max-height: 85%; }
  .xl-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  .xl-focus-within-max-h-85p:focus-within { max-height: 85%; }
  .xl-group:hover .xl-group-hover-max-h-85p { max-height: 85%; }
  .xl-w-90p { width: 90%; }
  .xl-hover-w-90p:hover { width: 90%; }
  .xl-focus-w-90p:focus { width: 90%; }
  .xl-active-w-90p:active { width: 90%; }
  .xl-disabled-w-90p:disabled { width: 90%; }
  .xl-focus-visible-w-90p:focus-visible { width: 90%; }
  .xl-focus-within-w-90p:focus-within { width: 90%; }
  .xl-group:hover .xl-group-hover-w-90p { width: 90%; }
  .xl-h-90p { height: 90%; }
  .xl-hover-h-90p:hover { height: 90%; }
  .xl-focus-h-90p:focus { height: 90%; }
  .xl-active-h-90p:active { height: 90%; }
  .xl-disabled-h-90p:disabled { height: 90%; }
  .xl-focus-visible-h-90p:focus-visible { height: 90%; }
  .xl-focus-within-h-90p:focus-within { height: 90%; }
  .xl-group:hover .xl-group-hover-h-90p { height: 90%; }
  .xl-min-w-90p { min-width: 90%; }
  .xl-hover-min-w-90p:hover { min-width: 90%; }
  .xl-focus-min-w-90p:focus { min-width: 90%; }
  .xl-active-min-w-90p:active { min-width: 90%; }
  .xl-disabled-min-w-90p:disabled { min-width: 90%; }
  .xl-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  .xl-focus-within-min-w-90p:focus-within { min-width: 90%; }
  .xl-group:hover .xl-group-hover-min-w-90p { min-width: 90%; }
  .xl-max-w-90p { max-width: 90%; }
  .xl-hover-max-w-90p:hover { max-width: 90%; }
  .xl-focus-max-w-90p:focus { max-width: 90%; }
  .xl-active-max-w-90p:active { max-width: 90%; }
  .xl-disabled-max-w-90p:disabled { max-width: 90%; }
  .xl-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  .xl-focus-within-max-w-90p:focus-within { max-width: 90%; }
  .xl-group:hover .xl-group-hover-max-w-90p { max-width: 90%; }
  .xl-min-h-90p { min-height: 90%; }
  .xl-hover-min-h-90p:hover { min-height: 90%; }
  .xl-focus-min-h-90p:focus { min-height: 90%; }
  .xl-active-min-h-90p:active { min-height: 90%; }
  .xl-disabled-min-h-90p:disabled { min-height: 90%; }
  .xl-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  .xl-focus-within-min-h-90p:focus-within { min-height: 90%; }
  .xl-group:hover .xl-group-hover-min-h-90p { min-height: 90%; }
  .xl-max-h-90p { max-height: 90%; }
  .xl-hover-max-h-90p:hover { max-height: 90%; }
  .xl-focus-max-h-90p:focus { max-height: 90%; }
  .xl-active-max-h-90p:active { max-height: 90%; }
  .xl-disabled-max-h-90p:disabled { max-height: 90%; }
  .xl-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  .xl-focus-within-max-h-90p:focus-within { max-height: 90%; }
  .xl-group:hover .xl-group-hover-max-h-90p { max-height: 90%; }
  .xl-w-95p { width: 95%; }
  .xl-hover-w-95p:hover { width: 95%; }
  .xl-focus-w-95p:focus { width: 95%; }
  .xl-active-w-95p:active { width: 95%; }
  .xl-disabled-w-95p:disabled { width: 95%; }
  .xl-focus-visible-w-95p:focus-visible { width: 95%; }
  .xl-focus-within-w-95p:focus-within { width: 95%; }
  .xl-group:hover .xl-group-hover-w-95p { width: 95%; }
  .xl-h-95p { height: 95%; }
  .xl-hover-h-95p:hover { height: 95%; }
  .xl-focus-h-95p:focus { height: 95%; }
  .xl-active-h-95p:active { height: 95%; }
  .xl-disabled-h-95p:disabled { height: 95%; }
  .xl-focus-visible-h-95p:focus-visible { height: 95%; }
  .xl-focus-within-h-95p:focus-within { height: 95%; }
  .xl-group:hover .xl-group-hover-h-95p { height: 95%; }
  .xl-min-w-95p { min-width: 95%; }
  .xl-hover-min-w-95p:hover { min-width: 95%; }
  .xl-focus-min-w-95p:focus { min-width: 95%; }
  .xl-active-min-w-95p:active { min-width: 95%; }
  .xl-disabled-min-w-95p:disabled { min-width: 95%; }
  .xl-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  .xl-focus-within-min-w-95p:focus-within { min-width: 95%; }
  .xl-group:hover .xl-group-hover-min-w-95p { min-width: 95%; }
  .xl-max-w-95p { max-width: 95%; }
  .xl-hover-max-w-95p:hover { max-width: 95%; }
  .xl-focus-max-w-95p:focus { max-width: 95%; }
  .xl-active-max-w-95p:active { max-width: 95%; }
  .xl-disabled-max-w-95p:disabled { max-width: 95%; }
  .xl-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  .xl-focus-within-max-w-95p:focus-within { max-width: 95%; }
  .xl-group:hover .xl-group-hover-max-w-95p { max-width: 95%; }
  .xl-min-h-95p { min-height: 95%; }
  .xl-hover-min-h-95p:hover { min-height: 95%; }
  .xl-focus-min-h-95p:focus { min-height: 95%; }
  .xl-active-min-h-95p:active { min-height: 95%; }
  .xl-disabled-min-h-95p:disabled { min-height: 95%; }
  .xl-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  .xl-focus-within-min-h-95p:focus-within { min-height: 95%; }
  .xl-group:hover .xl-group-hover-min-h-95p { min-height: 95%; }
  .xl-max-h-95p { max-height: 95%; }
  .xl-hover-max-h-95p:hover { max-height: 95%; }
  .xl-focus-max-h-95p:focus { max-height: 95%; }
  .xl-active-max-h-95p:active { max-height: 95%; }
  .xl-disabled-max-h-95p:disabled { max-height: 95%; }
  .xl-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  .xl-focus-within-max-h-95p:focus-within { max-height: 95%; }
  .xl-group:hover .xl-group-hover-max-h-95p { max-height: 95%; }
  .xl-w-100p { width: 100%; }
  .xl-hover-w-100p:hover { width: 100%; }
  .xl-focus-w-100p:focus { width: 100%; }
  .xl-active-w-100p:active { width: 100%; }
  .xl-disabled-w-100p:disabled { width: 100%; }
  .xl-focus-visible-w-100p:focus-visible { width: 100%; }
  .xl-focus-within-w-100p:focus-within { width: 100%; }
  .xl-group:hover .xl-group-hover-w-100p { width: 100%; }
  .xl-h-100p { height: 100%; }
  .xl-hover-h-100p:hover { height: 100%; }
  .xl-focus-h-100p:focus { height: 100%; }
  .xl-active-h-100p:active { height: 100%; }
  .xl-disabled-h-100p:disabled { height: 100%; }
  .xl-focus-visible-h-100p:focus-visible { height: 100%; }
  .xl-focus-within-h-100p:focus-within { height: 100%; }
  .xl-group:hover .xl-group-hover-h-100p { height: 100%; }
  .xl-min-w-100p { min-width: 100%; }
  .xl-hover-min-w-100p:hover { min-width: 100%; }
  .xl-focus-min-w-100p:focus { min-width: 100%; }
  .xl-active-min-w-100p:active { min-width: 100%; }
  .xl-disabled-min-w-100p:disabled { min-width: 100%; }
  .xl-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  .xl-focus-within-min-w-100p:focus-within { min-width: 100%; }
  .xl-group:hover .xl-group-hover-min-w-100p { min-width: 100%; }
  .xl-max-w-100p { max-width: 100%; }
  .xl-hover-max-w-100p:hover { max-width: 100%; }
  .xl-focus-max-w-100p:focus { max-width: 100%; }
  .xl-active-max-w-100p:active { max-width: 100%; }
  .xl-disabled-max-w-100p:disabled { max-width: 100%; }
  .xl-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  .xl-focus-within-max-w-100p:focus-within { max-width: 100%; }
  .xl-group:hover .xl-group-hover-max-w-100p { max-width: 100%; }
  .xl-min-h-100p { min-height: 100%; }
  .xl-hover-min-h-100p:hover { min-height: 100%; }
  .xl-focus-min-h-100p:focus { min-height: 100%; }
  .xl-active-min-h-100p:active { min-height: 100%; }
  .xl-disabled-min-h-100p:disabled { min-height: 100%; }
  .xl-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  .xl-focus-within-min-h-100p:focus-within { min-height: 100%; }
  .xl-group:hover .xl-group-hover-min-h-100p { min-height: 100%; }
  .xl-max-h-100p { max-height: 100%; }
  .xl-hover-max-h-100p:hover { max-height: 100%; }
  .xl-focus-max-h-100p:focus { max-height: 100%; }
  .xl-active-max-h-100p:active { max-height: 100%; }
  .xl-disabled-max-h-100p:disabled { max-height: 100%; }
  .xl-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  .xl-focus-within-max-h-100p:focus-within { max-height: 100%; }
  .xl-group:hover .xl-group-hover-max-h-100p { max-height: 100%; }
  .xl-w-10vw { width: 10vw; }
  .xl-hover-w-10vw:hover { width: 10vw; }
  .xl-focus-w-10vw:focus { width: 10vw; }
  .xl-active-w-10vw:active { width: 10vw; }
  .xl-disabled-w-10vw:disabled { width: 10vw; }
  .xl-focus-visible-w-10vw:focus-visible { width: 10vw; }
  .xl-focus-within-w-10vw:focus-within { width: 10vw; }
  .xl-group:hover .xl-group-hover-w-10vw { width: 10vw; }
  .xl-h-10vw { height: 10vw; }
  .xl-hover-h-10vw:hover { height: 10vw; }
  .xl-focus-h-10vw:focus { height: 10vw; }
  .xl-active-h-10vw:active { height: 10vw; }
  .xl-disabled-h-10vw:disabled { height: 10vw; }
  .xl-focus-visible-h-10vw:focus-visible { height: 10vw; }
  .xl-focus-within-h-10vw:focus-within { height: 10vw; }
  .xl-group:hover .xl-group-hover-h-10vw { height: 10vw; }
  .xl-min-w-10vw { min-width: 10vw; }
  .xl-hover-min-w-10vw:hover { min-width: 10vw; }
  .xl-focus-min-w-10vw:focus { min-width: 10vw; }
  .xl-active-min-w-10vw:active { min-width: 10vw; }
  .xl-disabled-min-w-10vw:disabled { min-width: 10vw; }
  .xl-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  .xl-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  .xl-group:hover .xl-group-hover-min-w-10vw { min-width: 10vw; }
  .xl-max-w-10vw { max-width: 10vw; }
  .xl-hover-max-w-10vw:hover { max-width: 10vw; }
  .xl-focus-max-w-10vw:focus { max-width: 10vw; }
  .xl-active-max-w-10vw:active { max-width: 10vw; }
  .xl-disabled-max-w-10vw:disabled { max-width: 10vw; }
  .xl-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  .xl-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  .xl-group:hover .xl-group-hover-max-w-10vw { max-width: 10vw; }
  .xl-min-h-10vw { min-height: 10vw; }
  .xl-hover-min-h-10vw:hover { min-height: 10vw; }
  .xl-focus-min-h-10vw:focus { min-height: 10vw; }
  .xl-active-min-h-10vw:active { min-height: 10vw; }
  .xl-disabled-min-h-10vw:disabled { min-height: 10vw; }
  .xl-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  .xl-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  .xl-group:hover .xl-group-hover-min-h-10vw { min-height: 10vw; }
  .xl-max-h-10vw { max-height: 10vw; }
  .xl-hover-max-h-10vw:hover { max-height: 10vw; }
  .xl-focus-max-h-10vw:focus { max-height: 10vw; }
  .xl-active-max-h-10vw:active { max-height: 10vw; }
  .xl-disabled-max-h-10vw:disabled { max-height: 10vw; }
  .xl-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  .xl-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  .xl-group:hover .xl-group-hover-max-h-10vw { max-height: 10vw; }
  .xl-w-20vw { width: 20vw; }
  .xl-hover-w-20vw:hover { width: 20vw; }
  .xl-focus-w-20vw:focus { width: 20vw; }
  .xl-active-w-20vw:active { width: 20vw; }
  .xl-disabled-w-20vw:disabled { width: 20vw; }
  .xl-focus-visible-w-20vw:focus-visible { width: 20vw; }
  .xl-focus-within-w-20vw:focus-within { width: 20vw; }
  .xl-group:hover .xl-group-hover-w-20vw { width: 20vw; }
  .xl-h-20vw { height: 20vw; }
  .xl-hover-h-20vw:hover { height: 20vw; }
  .xl-focus-h-20vw:focus { height: 20vw; }
  .xl-active-h-20vw:active { height: 20vw; }
  .xl-disabled-h-20vw:disabled { height: 20vw; }
  .xl-focus-visible-h-20vw:focus-visible { height: 20vw; }
  .xl-focus-within-h-20vw:focus-within { height: 20vw; }
  .xl-group:hover .xl-group-hover-h-20vw { height: 20vw; }
  .xl-min-w-20vw { min-width: 20vw; }
  .xl-hover-min-w-20vw:hover { min-width: 20vw; }
  .xl-focus-min-w-20vw:focus { min-width: 20vw; }
  .xl-active-min-w-20vw:active { min-width: 20vw; }
  .xl-disabled-min-w-20vw:disabled { min-width: 20vw; }
  .xl-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  .xl-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  .xl-group:hover .xl-group-hover-min-w-20vw { min-width: 20vw; }
  .xl-max-w-20vw { max-width: 20vw; }
  .xl-hover-max-w-20vw:hover { max-width: 20vw; }
  .xl-focus-max-w-20vw:focus { max-width: 20vw; }
  .xl-active-max-w-20vw:active { max-width: 20vw; }
  .xl-disabled-max-w-20vw:disabled { max-width: 20vw; }
  .xl-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  .xl-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  .xl-group:hover .xl-group-hover-max-w-20vw { max-width: 20vw; }
  .xl-min-h-20vw { min-height: 20vw; }
  .xl-hover-min-h-20vw:hover { min-height: 20vw; }
  .xl-focus-min-h-20vw:focus { min-height: 20vw; }
  .xl-active-min-h-20vw:active { min-height: 20vw; }
  .xl-disabled-min-h-20vw:disabled { min-height: 20vw; }
  .xl-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  .xl-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  .xl-group:hover .xl-group-hover-min-h-20vw { min-height: 20vw; }
  .xl-max-h-20vw { max-height: 20vw; }
  .xl-hover-max-h-20vw:hover { max-height: 20vw; }
  .xl-focus-max-h-20vw:focus { max-height: 20vw; }
  .xl-active-max-h-20vw:active { max-height: 20vw; }
  .xl-disabled-max-h-20vw:disabled { max-height: 20vw; }
  .xl-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  .xl-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  .xl-group:hover .xl-group-hover-max-h-20vw { max-height: 20vw; }
  .xl-w-30vw { width: 30vw; }
  .xl-hover-w-30vw:hover { width: 30vw; }
  .xl-focus-w-30vw:focus { width: 30vw; }
  .xl-active-w-30vw:active { width: 30vw; }
  .xl-disabled-w-30vw:disabled { width: 30vw; }
  .xl-focus-visible-w-30vw:focus-visible { width: 30vw; }
  .xl-focus-within-w-30vw:focus-within { width: 30vw; }
  .xl-group:hover .xl-group-hover-w-30vw { width: 30vw; }
  .xl-h-30vw { height: 30vw; }
  .xl-hover-h-30vw:hover { height: 30vw; }
  .xl-focus-h-30vw:focus { height: 30vw; }
  .xl-active-h-30vw:active { height: 30vw; }
  .xl-disabled-h-30vw:disabled { height: 30vw; }
  .xl-focus-visible-h-30vw:focus-visible { height: 30vw; }
  .xl-focus-within-h-30vw:focus-within { height: 30vw; }
  .xl-group:hover .xl-group-hover-h-30vw { height: 30vw; }
  .xl-min-w-30vw { min-width: 30vw; }
  .xl-hover-min-w-30vw:hover { min-width: 30vw; }
  .xl-focus-min-w-30vw:focus { min-width: 30vw; }
  .xl-active-min-w-30vw:active { min-width: 30vw; }
  .xl-disabled-min-w-30vw:disabled { min-width: 30vw; }
  .xl-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  .xl-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  .xl-group:hover .xl-group-hover-min-w-30vw { min-width: 30vw; }
  .xl-max-w-30vw { max-width: 30vw; }
  .xl-hover-max-w-30vw:hover { max-width: 30vw; }
  .xl-focus-max-w-30vw:focus { max-width: 30vw; }
  .xl-active-max-w-30vw:active { max-width: 30vw; }
  .xl-disabled-max-w-30vw:disabled { max-width: 30vw; }
  .xl-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  .xl-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  .xl-group:hover .xl-group-hover-max-w-30vw { max-width: 30vw; }
  .xl-min-h-30vw { min-height: 30vw; }
  .xl-hover-min-h-30vw:hover { min-height: 30vw; }
  .xl-focus-min-h-30vw:focus { min-height: 30vw; }
  .xl-active-min-h-30vw:active { min-height: 30vw; }
  .xl-disabled-min-h-30vw:disabled { min-height: 30vw; }
  .xl-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  .xl-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  .xl-group:hover .xl-group-hover-min-h-30vw { min-height: 30vw; }
  .xl-max-h-30vw { max-height: 30vw; }
  .xl-hover-max-h-30vw:hover { max-height: 30vw; }
  .xl-focus-max-h-30vw:focus { max-height: 30vw; }
  .xl-active-max-h-30vw:active { max-height: 30vw; }
  .xl-disabled-max-h-30vw:disabled { max-height: 30vw; }
  .xl-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  .xl-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  .xl-group:hover .xl-group-hover-max-h-30vw { max-height: 30vw; }
  .xl-w-40vw { width: 40vw; }
  .xl-hover-w-40vw:hover { width: 40vw; }
  .xl-focus-w-40vw:focus { width: 40vw; }
  .xl-active-w-40vw:active { width: 40vw; }
  .xl-disabled-w-40vw:disabled { width: 40vw; }
  .xl-focus-visible-w-40vw:focus-visible { width: 40vw; }
  .xl-focus-within-w-40vw:focus-within { width: 40vw; }
  .xl-group:hover .xl-group-hover-w-40vw { width: 40vw; }
  .xl-h-40vw { height: 40vw; }
  .xl-hover-h-40vw:hover { height: 40vw; }
  .xl-focus-h-40vw:focus { height: 40vw; }
  .xl-active-h-40vw:active { height: 40vw; }
  .xl-disabled-h-40vw:disabled { height: 40vw; }
  .xl-focus-visible-h-40vw:focus-visible { height: 40vw; }
  .xl-focus-within-h-40vw:focus-within { height: 40vw; }
  .xl-group:hover .xl-group-hover-h-40vw { height: 40vw; }
  .xl-min-w-40vw { min-width: 40vw; }
  .xl-hover-min-w-40vw:hover { min-width: 40vw; }
  .xl-focus-min-w-40vw:focus { min-width: 40vw; }
  .xl-active-min-w-40vw:active { min-width: 40vw; }
  .xl-disabled-min-w-40vw:disabled { min-width: 40vw; }
  .xl-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  .xl-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  .xl-group:hover .xl-group-hover-min-w-40vw { min-width: 40vw; }
  .xl-max-w-40vw { max-width: 40vw; }
  .xl-hover-max-w-40vw:hover { max-width: 40vw; }
  .xl-focus-max-w-40vw:focus { max-width: 40vw; }
  .xl-active-max-w-40vw:active { max-width: 40vw; }
  .xl-disabled-max-w-40vw:disabled { max-width: 40vw; }
  .xl-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  .xl-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  .xl-group:hover .xl-group-hover-max-w-40vw { max-width: 40vw; }
  .xl-min-h-40vw { min-height: 40vw; }
  .xl-hover-min-h-40vw:hover { min-height: 40vw; }
  .xl-focus-min-h-40vw:focus { min-height: 40vw; }
  .xl-active-min-h-40vw:active { min-height: 40vw; }
  .xl-disabled-min-h-40vw:disabled { min-height: 40vw; }
  .xl-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  .xl-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  .xl-group:hover .xl-group-hover-min-h-40vw { min-height: 40vw; }
  .xl-max-h-40vw { max-height: 40vw; }
  .xl-hover-max-h-40vw:hover { max-height: 40vw; }
  .xl-focus-max-h-40vw:focus { max-height: 40vw; }
  .xl-active-max-h-40vw:active { max-height: 40vw; }
  .xl-disabled-max-h-40vw:disabled { max-height: 40vw; }
  .xl-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  .xl-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  .xl-group:hover .xl-group-hover-max-h-40vw { max-height: 40vw; }
  .xl-w-50vw { width: 50vw; }
  .xl-hover-w-50vw:hover { width: 50vw; }
  .xl-focus-w-50vw:focus { width: 50vw; }
  .xl-active-w-50vw:active { width: 50vw; }
  .xl-disabled-w-50vw:disabled { width: 50vw; }
  .xl-focus-visible-w-50vw:focus-visible { width: 50vw; }
  .xl-focus-within-w-50vw:focus-within { width: 50vw; }
  .xl-group:hover .xl-group-hover-w-50vw { width: 50vw; }
  .xl-h-50vw { height: 50vw; }
  .xl-hover-h-50vw:hover { height: 50vw; }
  .xl-focus-h-50vw:focus { height: 50vw; }
  .xl-active-h-50vw:active { height: 50vw; }
  .xl-disabled-h-50vw:disabled { height: 50vw; }
  .xl-focus-visible-h-50vw:focus-visible { height: 50vw; }
  .xl-focus-within-h-50vw:focus-within { height: 50vw; }
  .xl-group:hover .xl-group-hover-h-50vw { height: 50vw; }
  .xl-min-w-50vw { min-width: 50vw; }
  .xl-hover-min-w-50vw:hover { min-width: 50vw; }
  .xl-focus-min-w-50vw:focus { min-width: 50vw; }
  .xl-active-min-w-50vw:active { min-width: 50vw; }
  .xl-disabled-min-w-50vw:disabled { min-width: 50vw; }
  .xl-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  .xl-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  .xl-group:hover .xl-group-hover-min-w-50vw { min-width: 50vw; }
  .xl-max-w-50vw { max-width: 50vw; }
  .xl-hover-max-w-50vw:hover { max-width: 50vw; }
  .xl-focus-max-w-50vw:focus { max-width: 50vw; }
  .xl-active-max-w-50vw:active { max-width: 50vw; }
  .xl-disabled-max-w-50vw:disabled { max-width: 50vw; }
  .xl-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  .xl-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  .xl-group:hover .xl-group-hover-max-w-50vw { max-width: 50vw; }
  .xl-min-h-50vw { min-height: 50vw; }
  .xl-hover-min-h-50vw:hover { min-height: 50vw; }
  .xl-focus-min-h-50vw:focus { min-height: 50vw; }
  .xl-active-min-h-50vw:active { min-height: 50vw; }
  .xl-disabled-min-h-50vw:disabled { min-height: 50vw; }
  .xl-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  .xl-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  .xl-group:hover .xl-group-hover-min-h-50vw { min-height: 50vw; }
  .xl-max-h-50vw { max-height: 50vw; }
  .xl-hover-max-h-50vw:hover { max-height: 50vw; }
  .xl-focus-max-h-50vw:focus { max-height: 50vw; }
  .xl-active-max-h-50vw:active { max-height: 50vw; }
  .xl-disabled-max-h-50vw:disabled { max-height: 50vw; }
  .xl-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  .xl-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  .xl-group:hover .xl-group-hover-max-h-50vw { max-height: 50vw; }
  .xl-w-60vw { width: 60vw; }
  .xl-hover-w-60vw:hover { width: 60vw; }
  .xl-focus-w-60vw:focus { width: 60vw; }
  .xl-active-w-60vw:active { width: 60vw; }
  .xl-disabled-w-60vw:disabled { width: 60vw; }
  .xl-focus-visible-w-60vw:focus-visible { width: 60vw; }
  .xl-focus-within-w-60vw:focus-within { width: 60vw; }
  .xl-group:hover .xl-group-hover-w-60vw { width: 60vw; }
  .xl-h-60vw { height: 60vw; }
  .xl-hover-h-60vw:hover { height: 60vw; }
  .xl-focus-h-60vw:focus { height: 60vw; }
  .xl-active-h-60vw:active { height: 60vw; }
  .xl-disabled-h-60vw:disabled { height: 60vw; }
  .xl-focus-visible-h-60vw:focus-visible { height: 60vw; }
  .xl-focus-within-h-60vw:focus-within { height: 60vw; }
  .xl-group:hover .xl-group-hover-h-60vw { height: 60vw; }
  .xl-min-w-60vw { min-width: 60vw; }
  .xl-hover-min-w-60vw:hover { min-width: 60vw; }
  .xl-focus-min-w-60vw:focus { min-width: 60vw; }
  .xl-active-min-w-60vw:active { min-width: 60vw; }
  .xl-disabled-min-w-60vw:disabled { min-width: 60vw; }
  .xl-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  .xl-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  .xl-group:hover .xl-group-hover-min-w-60vw { min-width: 60vw; }
  .xl-max-w-60vw { max-width: 60vw; }
  .xl-hover-max-w-60vw:hover { max-width: 60vw; }
  .xl-focus-max-w-60vw:focus { max-width: 60vw; }
  .xl-active-max-w-60vw:active { max-width: 60vw; }
  .xl-disabled-max-w-60vw:disabled { max-width: 60vw; }
  .xl-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  .xl-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  .xl-group:hover .xl-group-hover-max-w-60vw { max-width: 60vw; }
  .xl-min-h-60vw { min-height: 60vw; }
  .xl-hover-min-h-60vw:hover { min-height: 60vw; }
  .xl-focus-min-h-60vw:focus { min-height: 60vw; }
  .xl-active-min-h-60vw:active { min-height: 60vw; }
  .xl-disabled-min-h-60vw:disabled { min-height: 60vw; }
  .xl-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  .xl-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  .xl-group:hover .xl-group-hover-min-h-60vw { min-height: 60vw; }
  .xl-max-h-60vw { max-height: 60vw; }
  .xl-hover-max-h-60vw:hover { max-height: 60vw; }
  .xl-focus-max-h-60vw:focus { max-height: 60vw; }
  .xl-active-max-h-60vw:active { max-height: 60vw; }
  .xl-disabled-max-h-60vw:disabled { max-height: 60vw; }
  .xl-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  .xl-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  .xl-group:hover .xl-group-hover-max-h-60vw { max-height: 60vw; }
  .xl-w-70vw { width: 70vw; }
  .xl-hover-w-70vw:hover { width: 70vw; }
  .xl-focus-w-70vw:focus { width: 70vw; }
  .xl-active-w-70vw:active { width: 70vw; }
  .xl-disabled-w-70vw:disabled { width: 70vw; }
  .xl-focus-visible-w-70vw:focus-visible { width: 70vw; }
  .xl-focus-within-w-70vw:focus-within { width: 70vw; }
  .xl-group:hover .xl-group-hover-w-70vw { width: 70vw; }
  .xl-h-70vw { height: 70vw; }
  .xl-hover-h-70vw:hover { height: 70vw; }
  .xl-focus-h-70vw:focus { height: 70vw; }
  .xl-active-h-70vw:active { height: 70vw; }
  .xl-disabled-h-70vw:disabled { height: 70vw; }
  .xl-focus-visible-h-70vw:focus-visible { height: 70vw; }
  .xl-focus-within-h-70vw:focus-within { height: 70vw; }
  .xl-group:hover .xl-group-hover-h-70vw { height: 70vw; }
  .xl-min-w-70vw { min-width: 70vw; }
  .xl-hover-min-w-70vw:hover { min-width: 70vw; }
  .xl-focus-min-w-70vw:focus { min-width: 70vw; }
  .xl-active-min-w-70vw:active { min-width: 70vw; }
  .xl-disabled-min-w-70vw:disabled { min-width: 70vw; }
  .xl-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  .xl-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  .xl-group:hover .xl-group-hover-min-w-70vw { min-width: 70vw; }
  .xl-max-w-70vw { max-width: 70vw; }
  .xl-hover-max-w-70vw:hover { max-width: 70vw; }
  .xl-focus-max-w-70vw:focus { max-width: 70vw; }
  .xl-active-max-w-70vw:active { max-width: 70vw; }
  .xl-disabled-max-w-70vw:disabled { max-width: 70vw; }
  .xl-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  .xl-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  .xl-group:hover .xl-group-hover-max-w-70vw { max-width: 70vw; }
  .xl-min-h-70vw { min-height: 70vw; }
  .xl-hover-min-h-70vw:hover { min-height: 70vw; }
  .xl-focus-min-h-70vw:focus { min-height: 70vw; }
  .xl-active-min-h-70vw:active { min-height: 70vw; }
  .xl-disabled-min-h-70vw:disabled { min-height: 70vw; }
  .xl-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  .xl-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  .xl-group:hover .xl-group-hover-min-h-70vw { min-height: 70vw; }
  .xl-max-h-70vw { max-height: 70vw; }
  .xl-hover-max-h-70vw:hover { max-height: 70vw; }
  .xl-focus-max-h-70vw:focus { max-height: 70vw; }
  .xl-active-max-h-70vw:active { max-height: 70vw; }
  .xl-disabled-max-h-70vw:disabled { max-height: 70vw; }
  .xl-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  .xl-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  .xl-group:hover .xl-group-hover-max-h-70vw { max-height: 70vw; }
  .xl-w-80vw { width: 80vw; }
  .xl-hover-w-80vw:hover { width: 80vw; }
  .xl-focus-w-80vw:focus { width: 80vw; }
  .xl-active-w-80vw:active { width: 80vw; }
  .xl-disabled-w-80vw:disabled { width: 80vw; }
  .xl-focus-visible-w-80vw:focus-visible { width: 80vw; }
  .xl-focus-within-w-80vw:focus-within { width: 80vw; }
  .xl-group:hover .xl-group-hover-w-80vw { width: 80vw; }
  .xl-h-80vw { height: 80vw; }
  .xl-hover-h-80vw:hover { height: 80vw; }
  .xl-focus-h-80vw:focus { height: 80vw; }
  .xl-active-h-80vw:active { height: 80vw; }
  .xl-disabled-h-80vw:disabled { height: 80vw; }
  .xl-focus-visible-h-80vw:focus-visible { height: 80vw; }
  .xl-focus-within-h-80vw:focus-within { height: 80vw; }
  .xl-group:hover .xl-group-hover-h-80vw { height: 80vw; }
  .xl-min-w-80vw { min-width: 80vw; }
  .xl-hover-min-w-80vw:hover { min-width: 80vw; }
  .xl-focus-min-w-80vw:focus { min-width: 80vw; }
  .xl-active-min-w-80vw:active { min-width: 80vw; }
  .xl-disabled-min-w-80vw:disabled { min-width: 80vw; }
  .xl-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  .xl-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  .xl-group:hover .xl-group-hover-min-w-80vw { min-width: 80vw; }
  .xl-max-w-80vw { max-width: 80vw; }
  .xl-hover-max-w-80vw:hover { max-width: 80vw; }
  .xl-focus-max-w-80vw:focus { max-width: 80vw; }
  .xl-active-max-w-80vw:active { max-width: 80vw; }
  .xl-disabled-max-w-80vw:disabled { max-width: 80vw; }
  .xl-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  .xl-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  .xl-group:hover .xl-group-hover-max-w-80vw { max-width: 80vw; }
  .xl-min-h-80vw { min-height: 80vw; }
  .xl-hover-min-h-80vw:hover { min-height: 80vw; }
  .xl-focus-min-h-80vw:focus { min-height: 80vw; }
  .xl-active-min-h-80vw:active { min-height: 80vw; }
  .xl-disabled-min-h-80vw:disabled { min-height: 80vw; }
  .xl-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  .xl-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  .xl-group:hover .xl-group-hover-min-h-80vw { min-height: 80vw; }
  .xl-max-h-80vw { max-height: 80vw; }
  .xl-hover-max-h-80vw:hover { max-height: 80vw; }
  .xl-focus-max-h-80vw:focus { max-height: 80vw; }
  .xl-active-max-h-80vw:active { max-height: 80vw; }
  .xl-disabled-max-h-80vw:disabled { max-height: 80vw; }
  .xl-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  .xl-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  .xl-group:hover .xl-group-hover-max-h-80vw { max-height: 80vw; }
  .xl-w-90vw { width: 90vw; }
  .xl-hover-w-90vw:hover { width: 90vw; }
  .xl-focus-w-90vw:focus { width: 90vw; }
  .xl-active-w-90vw:active { width: 90vw; }
  .xl-disabled-w-90vw:disabled { width: 90vw; }
  .xl-focus-visible-w-90vw:focus-visible { width: 90vw; }
  .xl-focus-within-w-90vw:focus-within { width: 90vw; }
  .xl-group:hover .xl-group-hover-w-90vw { width: 90vw; }
  .xl-h-90vw { height: 90vw; }
  .xl-hover-h-90vw:hover { height: 90vw; }
  .xl-focus-h-90vw:focus { height: 90vw; }
  .xl-active-h-90vw:active { height: 90vw; }
  .xl-disabled-h-90vw:disabled { height: 90vw; }
  .xl-focus-visible-h-90vw:focus-visible { height: 90vw; }
  .xl-focus-within-h-90vw:focus-within { height: 90vw; }
  .xl-group:hover .xl-group-hover-h-90vw { height: 90vw; }
  .xl-min-w-90vw { min-width: 90vw; }
  .xl-hover-min-w-90vw:hover { min-width: 90vw; }
  .xl-focus-min-w-90vw:focus { min-width: 90vw; }
  .xl-active-min-w-90vw:active { min-width: 90vw; }
  .xl-disabled-min-w-90vw:disabled { min-width: 90vw; }
  .xl-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  .xl-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  .xl-group:hover .xl-group-hover-min-w-90vw { min-width: 90vw; }
  .xl-max-w-90vw { max-width: 90vw; }
  .xl-hover-max-w-90vw:hover { max-width: 90vw; }
  .xl-focus-max-w-90vw:focus { max-width: 90vw; }
  .xl-active-max-w-90vw:active { max-width: 90vw; }
  .xl-disabled-max-w-90vw:disabled { max-width: 90vw; }
  .xl-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  .xl-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  .xl-group:hover .xl-group-hover-max-w-90vw { max-width: 90vw; }
  .xl-min-h-90vw { min-height: 90vw; }
  .xl-hover-min-h-90vw:hover { min-height: 90vw; }
  .xl-focus-min-h-90vw:focus { min-height: 90vw; }
  .xl-active-min-h-90vw:active { min-height: 90vw; }
  .xl-disabled-min-h-90vw:disabled { min-height: 90vw; }
  .xl-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  .xl-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  .xl-group:hover .xl-group-hover-min-h-90vw { min-height: 90vw; }
  .xl-max-h-90vw { max-height: 90vw; }
  .xl-hover-max-h-90vw:hover { max-height: 90vw; }
  .xl-focus-max-h-90vw:focus { max-height: 90vw; }
  .xl-active-max-h-90vw:active { max-height: 90vw; }
  .xl-disabled-max-h-90vw:disabled { max-height: 90vw; }
  .xl-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  .xl-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  .xl-group:hover .xl-group-hover-max-h-90vw { max-height: 90vw; }
  .xl-w-100vw { width: 100vw; }
  .xl-hover-w-100vw:hover { width: 100vw; }
  .xl-focus-w-100vw:focus { width: 100vw; }
  .xl-active-w-100vw:active { width: 100vw; }
  .xl-disabled-w-100vw:disabled { width: 100vw; }
  .xl-focus-visible-w-100vw:focus-visible { width: 100vw; }
  .xl-focus-within-w-100vw:focus-within { width: 100vw; }
  .xl-group:hover .xl-group-hover-w-100vw { width: 100vw; }
  .xl-h-100vw { height: 100vw; }
  .xl-hover-h-100vw:hover { height: 100vw; }
  .xl-focus-h-100vw:focus { height: 100vw; }
  .xl-active-h-100vw:active { height: 100vw; }
  .xl-disabled-h-100vw:disabled { height: 100vw; }
  .xl-focus-visible-h-100vw:focus-visible { height: 100vw; }
  .xl-focus-within-h-100vw:focus-within { height: 100vw; }
  .xl-group:hover .xl-group-hover-h-100vw { height: 100vw; }
  .xl-min-w-100vw { min-width: 100vw; }
  .xl-hover-min-w-100vw:hover { min-width: 100vw; }
  .xl-focus-min-w-100vw:focus { min-width: 100vw; }
  .xl-active-min-w-100vw:active { min-width: 100vw; }
  .xl-disabled-min-w-100vw:disabled { min-width: 100vw; }
  .xl-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  .xl-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  .xl-group:hover .xl-group-hover-min-w-100vw { min-width: 100vw; }
  .xl-max-w-100vw { max-width: 100vw; }
  .xl-hover-max-w-100vw:hover { max-width: 100vw; }
  .xl-focus-max-w-100vw:focus { max-width: 100vw; }
  .xl-active-max-w-100vw:active { max-width: 100vw; }
  .xl-disabled-max-w-100vw:disabled { max-width: 100vw; }
  .xl-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  .xl-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  .xl-group:hover .xl-group-hover-max-w-100vw { max-width: 100vw; }
  .xl-min-h-100vw { min-height: 100vw; }
  .xl-hover-min-h-100vw:hover { min-height: 100vw; }
  .xl-focus-min-h-100vw:focus { min-height: 100vw; }
  .xl-active-min-h-100vw:active { min-height: 100vw; }
  .xl-disabled-min-h-100vw:disabled { min-height: 100vw; }
  .xl-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  .xl-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  .xl-group:hover .xl-group-hover-min-h-100vw { min-height: 100vw; }
  .xl-max-h-100vw { max-height: 100vw; }
  .xl-hover-max-h-100vw:hover { max-height: 100vw; }
  .xl-focus-max-h-100vw:focus { max-height: 100vw; }
  .xl-active-max-h-100vw:active { max-height: 100vw; }
  .xl-disabled-max-h-100vw:disabled { max-height: 100vw; }
  .xl-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  .xl-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  .xl-group:hover .xl-group-hover-max-h-100vw { max-height: 100vw; }
  .xl-w-fit { width: fit-content; }
  .xl-hover-w-fit:hover { width: fit-content; }
  .xl-focus-w-fit:focus { width: fit-content; }
  .xl-active-w-fit:active { width: fit-content; }
  .xl-disabled-w-fit:disabled { width: fit-content; }
  .xl-focus-visible-w-fit:focus-visible { width: fit-content; }
  .xl-focus-within-w-fit:focus-within { width: fit-content; }
  .xl-group:hover .xl-group-hover-w-fit { width: fit-content; }
  .xl-w-max { width: max-content; }
  .xl-hover-w-max:hover { width: max-content; }
  .xl-focus-w-max:focus { width: max-content; }
  .xl-active-w-max:active { width: max-content; }
  .xl-disabled-w-max:disabled { width: max-content; }
  .xl-focus-visible-w-max:focus-visible { width: max-content; }
  .xl-focus-within-w-max:focus-within { width: max-content; }
  .xl-group:hover .xl-group-hover-w-max { width: max-content; }
  .xl-w-min { width: min-content; }
  .xl-hover-w-min:hover { width: min-content; }
  .xl-focus-w-min:focus { width: min-content; }
  .xl-active-w-min:active { width: min-content; }
  .xl-disabled-w-min:disabled { width: min-content; }
  .xl-focus-visible-w-min:focus-visible { width: min-content; }
  .xl-focus-within-w-min:focus-within { width: min-content; }
  .xl-group:hover .xl-group-hover-w-min { width: min-content; }
  .xl-w-minmax { width: minmax(0, 100%); }
  .xl-hover-w-minmax:hover { width: minmax(0, 100%); }
  .xl-focus-w-minmax:focus { width: minmax(0, 100%); }
  .xl-active-w-minmax:active { width: minmax(0, 100%); }
  .xl-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  .xl-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  .xl-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-w-minmax { width: minmax(0, 100%); }
  .xl-w-full { width: 100%; }
  .xl-hover-w-full:hover { width: 100%; }
  .xl-focus-w-full:focus { width: 100%; }
  .xl-active-w-full:active { width: 100%; }
  .xl-disabled-w-full:disabled { width: 100%; }
  .xl-focus-visible-w-full:focus-visible { width: 100%; }
  .xl-focus-within-w-full:focus-within { width: 100%; }
  .xl-group:hover .xl-group-hover-w-full { width: 100%; }
  .xl-w-screen { width: 100vw; }
  .xl-hover-w-screen:hover { width: 100vw; }
  .xl-focus-w-screen:focus { width: 100vw; }
  .xl-active-w-screen:active { width: 100vw; }
  .xl-disabled-w-screen:disabled { width: 100vw; }
  .xl-focus-visible-w-screen:focus-visible { width: 100vw; }
  .xl-focus-within-w-screen:focus-within { width: 100vw; }
  .xl-group:hover .xl-group-hover-w-screen { width: 100vw; }
  .xl-h-fit { height: fit-content; }
  .xl-hover-h-fit:hover { height: fit-content; }
  .xl-focus-h-fit:focus { height: fit-content; }
  .xl-active-h-fit:active { height: fit-content; }
  .xl-disabled-h-fit:disabled { height: fit-content; }
  .xl-focus-visible-h-fit:focus-visible { height: fit-content; }
  .xl-focus-within-h-fit:focus-within { height: fit-content; }
  .xl-group:hover .xl-group-hover-h-fit { height: fit-content; }
  .xl-h-max { height: max-content; }
  .xl-hover-h-max:hover { height: max-content; }
  .xl-focus-h-max:focus { height: max-content; }
  .xl-active-h-max:active { height: max-content; }
  .xl-disabled-h-max:disabled { height: max-content; }
  .xl-focus-visible-h-max:focus-visible { height: max-content; }
  .xl-focus-within-h-max:focus-within { height: max-content; }
  .xl-group:hover .xl-group-hover-h-max { height: max-content; }
  .xl-h-min { height: min-content; }
  .xl-hover-h-min:hover { height: min-content; }
  .xl-focus-h-min:focus { height: min-content; }
  .xl-active-h-min:active { height: min-content; }
  .xl-disabled-h-min:disabled { height: min-content; }
  .xl-focus-visible-h-min:focus-visible { height: min-content; }
  .xl-focus-within-h-min:focus-within { height: min-content; }
  .xl-group:hover .xl-group-hover-h-min { height: min-content; }
  .xl-h-minmax { height: minmax(0, 100%); }
  .xl-hover-h-minmax:hover { height: minmax(0, 100%); }
  .xl-focus-h-minmax:focus { height: minmax(0, 100%); }
  .xl-active-h-minmax:active { height: minmax(0, 100%); }
  .xl-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  .xl-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  .xl-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-h-minmax { height: minmax(0, 100%); }
  .xl-h-full { height: 100%; }
  .xl-hover-h-full:hover { height: 100%; }
  .xl-focus-h-full:focus { height: 100%; }
  .xl-active-h-full:active { height: 100%; }
  .xl-disabled-h-full:disabled { height: 100%; }
  .xl-focus-visible-h-full:focus-visible { height: 100%; }
  .xl-focus-within-h-full:focus-within { height: 100%; }
  .xl-group:hover .xl-group-hover-h-full { height: 100%; }
  .xl-h-screen { height: 100vh; }
  .xl-hover-h-screen:hover { height: 100vh; }
  .xl-focus-h-screen:focus { height: 100vh; }
  .xl-active-h-screen:active { height: 100vh; }
  .xl-disabled-h-screen:disabled { height: 100vh; }
  .xl-focus-visible-h-screen:focus-visible { height: 100vh; }
  .xl-focus-within-h-screen:focus-within { height: 100vh; }
  .xl-group:hover .xl-group-hover-h-screen { height: 100vh; }
  .xl-min-w-fit { min-width: fit-content; }
  .xl-hover-min-w-fit:hover { min-width: fit-content; }
  .xl-focus-min-w-fit:focus { min-width: fit-content; }
  .xl-active-min-w-fit:active { min-width: fit-content; }
  .xl-disabled-min-w-fit:disabled { min-width: fit-content; }
  .xl-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  .xl-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  .xl-group:hover .xl-group-hover-min-w-fit { min-width: fit-content; }
  .xl-min-w-max { min-width: max-content; }
  .xl-hover-min-w-max:hover { min-width: max-content; }
  .xl-focus-min-w-max:focus { min-width: max-content; }
  .xl-active-min-w-max:active { min-width: max-content; }
  .xl-disabled-min-w-max:disabled { min-width: max-content; }
  .xl-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  .xl-focus-within-min-w-max:focus-within { min-width: max-content; }
  .xl-group:hover .xl-group-hover-min-w-max { min-width: max-content; }
  .xl-min-w-min { min-width: min-content; }
  .xl-hover-min-w-min:hover { min-width: min-content; }
  .xl-focus-min-w-min:focus { min-width: min-content; }
  .xl-active-min-w-min:active { min-width: min-content; }
  .xl-disabled-min-w-min:disabled { min-width: min-content; }
  .xl-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  .xl-focus-within-min-w-min:focus-within { min-width: min-content; }
  .xl-group:hover .xl-group-hover-min-w-min { min-width: min-content; }
  .xl-min-w-minmax { min-width: minmax(0, 100%); }
  .xl-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  .xl-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  .xl-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  .xl-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  .xl-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  .xl-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  .xl-min-w-full { min-width: 100%; }
  .xl-hover-min-w-full:hover { min-width: 100%; }
  .xl-focus-min-w-full:focus { min-width: 100%; }
  .xl-active-min-w-full:active { min-width: 100%; }
  .xl-disabled-min-w-full:disabled { min-width: 100%; }
  .xl-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  .xl-focus-within-min-w-full:focus-within { min-width: 100%; }
  .xl-group:hover .xl-group-hover-min-w-full { min-width: 100%; }
  .xl-min-w-screen { min-width: 100vw; }
  .xl-hover-min-w-screen:hover { min-width: 100vw; }
  .xl-focus-min-w-screen:focus { min-width: 100vw; }
  .xl-active-min-w-screen:active { min-width: 100vw; }
  .xl-disabled-min-w-screen:disabled { min-width: 100vw; }
  .xl-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  .xl-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  .xl-group:hover .xl-group-hover-min-w-screen { min-width: 100vw; }
  .xl-min-h-fit { min-height: fit-content; }
  .xl-hover-min-h-fit:hover { min-height: fit-content; }
  .xl-focus-min-h-fit:focus { min-height: fit-content; }
  .xl-active-min-h-fit:active { min-height: fit-content; }
  .xl-disabled-min-h-fit:disabled { min-height: fit-content; }
  .xl-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  .xl-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  .xl-group:hover .xl-group-hover-min-h-fit { min-height: fit-content; }
  .xl-min-h-max { min-height: max-content; }
  .xl-hover-min-h-max:hover { min-height: max-content; }
  .xl-focus-min-h-max:focus { min-height: max-content; }
  .xl-active-min-h-max:active { min-height: max-content; }
  .xl-disabled-min-h-max:disabled { min-height: max-content; }
  .xl-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  .xl-focus-within-min-h-max:focus-within { min-height: max-content; }
  .xl-group:hover .xl-group-hover-min-h-max { min-height: max-content; }
  .xl-min-h-min { min-height: min-content; }
  .xl-hover-min-h-min:hover { min-height: min-content; }
  .xl-focus-min-h-min:focus { min-height: min-content; }
  .xl-active-min-h-min:active { min-height: min-content; }
  .xl-disabled-min-h-min:disabled { min-height: min-content; }
  .xl-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  .xl-focus-within-min-h-min:focus-within { min-height: min-content; }
  .xl-group:hover .xl-group-hover-min-h-min { min-height: min-content; }
  .xl-min-h-minmax { min-height: minmax(0, 100%); }
  .xl-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  .xl-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  .xl-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  .xl-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  .xl-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  .xl-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  .xl-min-h-full { min-height: 100%; }
  .xl-hover-min-h-full:hover { min-height: 100%; }
  .xl-focus-min-h-full:focus { min-height: 100%; }
  .xl-active-min-h-full:active { min-height: 100%; }
  .xl-disabled-min-h-full:disabled { min-height: 100%; }
  .xl-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  .xl-focus-within-min-h-full:focus-within { min-height: 100%; }
  .xl-group:hover .xl-group-hover-min-h-full { min-height: 100%; }
  .xl-min-h-screen { min-height: 100vh; }
  .xl-hover-min-h-screen:hover { min-height: 100vh; }
  .xl-focus-min-h-screen:focus { min-height: 100vh; }
  .xl-active-min-h-screen:active { min-height: 100vh; }
  .xl-disabled-min-h-screen:disabled { min-height: 100vh; }
  .xl-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  .xl-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  .xl-group:hover .xl-group-hover-min-h-screen { min-height: 100vh; }
  .xl-max-w-fit { max-width: fit-content; }
  .xl-hover-max-w-fit:hover { max-width: fit-content; }
  .xl-focus-max-w-fit:focus { max-width: fit-content; }
  .xl-active-max-w-fit:active { max-width: fit-content; }
  .xl-disabled-max-w-fit:disabled { max-width: fit-content; }
  .xl-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  .xl-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  .xl-group:hover .xl-group-hover-max-w-fit { max-width: fit-content; }
  .xl-max-w-max { max-width: max-content; }
  .xl-hover-max-w-max:hover { max-width: max-content; }
  .xl-focus-max-w-max:focus { max-width: max-content; }
  .xl-active-max-w-max:active { max-width: max-content; }
  .xl-disabled-max-w-max:disabled { max-width: max-content; }
  .xl-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  .xl-focus-within-max-w-max:focus-within { max-width: max-content; }
  .xl-group:hover .xl-group-hover-max-w-max { max-width: max-content; }
  .xl-max-w-min { max-width: min-content; }
  .xl-hover-max-w-min:hover { max-width: min-content; }
  .xl-focus-max-w-min:focus { max-width: min-content; }
  .xl-active-max-w-min:active { max-width: min-content; }
  .xl-disabled-max-w-min:disabled { max-width: min-content; }
  .xl-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  .xl-focus-within-max-w-min:focus-within { max-width: min-content; }
  .xl-group:hover .xl-group-hover-max-w-min { max-width: min-content; }
  .xl-max-w-minmax { max-width: minmax(0, 100%); }
  .xl-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  .xl-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  .xl-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  .xl-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  .xl-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  .xl-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  .xl-max-w-full { max-width: 100%; }
  .xl-hover-max-w-full:hover { max-width: 100%; }
  .xl-focus-max-w-full:focus { max-width: 100%; }
  .xl-active-max-w-full:active { max-width: 100%; }
  .xl-disabled-max-w-full:disabled { max-width: 100%; }
  .xl-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  .xl-focus-within-max-w-full:focus-within { max-width: 100%; }
  .xl-group:hover .xl-group-hover-max-w-full { max-width: 100%; }
  .xl-max-w-screen { max-width: 100vw; }
  .xl-hover-max-w-screen:hover { max-width: 100vw; }
  .xl-focus-max-w-screen:focus { max-width: 100vw; }
  .xl-active-max-w-screen:active { max-width: 100vw; }
  .xl-disabled-max-w-screen:disabled { max-width: 100vw; }
  .xl-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  .xl-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  .xl-group:hover .xl-group-hover-max-w-screen { max-width: 100vw; }
  .xl-max-h-fit { max-height: fit-content; }
  .xl-hover-max-h-fit:hover { max-height: fit-content; }
  .xl-focus-max-h-fit:focus { max-height: fit-content; }
  .xl-active-max-h-fit:active { max-height: fit-content; }
  .xl-disabled-max-h-fit:disabled { max-height: fit-content; }
  .xl-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  .xl-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  .xl-group:hover .xl-group-hover-max-h-fit { max-height: fit-content; }
  .xl-max-h-max { max-height: max-content; }
  .xl-hover-max-h-max:hover { max-height: max-content; }
  .xl-focus-max-h-max:focus { max-height: max-content; }
  .xl-active-max-h-max:active { max-height: max-content; }
  .xl-disabled-max-h-max:disabled { max-height: max-content; }
  .xl-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  .xl-focus-within-max-h-max:focus-within { max-height: max-content; }
  .xl-group:hover .xl-group-hover-max-h-max { max-height: max-content; }
  .xl-max-h-min { max-height: min-content; }
  .xl-hover-max-h-min:hover { max-height: min-content; }
  .xl-focus-max-h-min:focus { max-height: min-content; }
  .xl-active-max-h-min:active { max-height: min-content; }
  .xl-disabled-max-h-min:disabled { max-height: min-content; }
  .xl-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  .xl-focus-within-max-h-min:focus-within { max-height: min-content; }
  .xl-group:hover .xl-group-hover-max-h-min { max-height: min-content; }
  .xl-max-h-minmax { max-height: minmax(0, 100%); }
  .xl-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  .xl-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  .xl-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  .xl-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  .xl-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  .xl-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  .xl-group:hover .xl-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  .xl-max-h-full { max-height: 100%; }
  .xl-hover-max-h-full:hover { max-height: 100%; }
  .xl-focus-max-h-full:focus { max-height: 100%; }
  .xl-active-max-h-full:active { max-height: 100%; }
  .xl-disabled-max-h-full:disabled { max-height: 100%; }
  .xl-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  .xl-focus-within-max-h-full:focus-within { max-height: 100%; }
  .xl-group:hover .xl-group-hover-max-h-full { max-height: 100%; }
  .xl-max-h-screen { max-height: 100vh; }
  .xl-hover-max-h-screen:hover { max-height: 100vh; }
  .xl-focus-max-h-screen:focus { max-height: 100vh; }
  .xl-active-max-h-screen:active { max-height: 100vh; }
  .xl-disabled-max-h-screen:disabled { max-height: 100vh; }
  .xl-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  .xl-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  .xl-group:hover .xl-group-hover-max-h-screen { max-height: 100vh; }
  .xl-size-0 { width: 0; height: 0; }
  .xl-hover-size-0:hover { width: 0; height: 0; }
  .xl-focus-size-0:focus { width: 0; height: 0; }
  .xl-active-size-0:active { width: 0; height: 0; }
  .xl-disabled-size-0:disabled { width: 0; height: 0; }
  .xl-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  .xl-focus-within-size-0:focus-within { width: 0; height: 0; }
  .xl-group:hover .xl-group-hover-size-0 { width: 0; height: 0; }
  .xl-size-1 { width: 0.25rem; height: 0.25rem; }
  .xl-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  .xl-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  .xl-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  .xl-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  .xl-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  .xl-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  .xl-group:hover .xl-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  .xl-size-2 { width: 0.5rem; height: 0.5rem; }
  .xl-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  .xl-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  .xl-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  .xl-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  .xl-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  .xl-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  .xl-group:hover .xl-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  .xl-size-3 { width: 0.75rem; height: 0.75rem; }
  .xl-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  .xl-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  .xl-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  .xl-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  .xl-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  .xl-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  .xl-group:hover .xl-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  .xl-size-4 { width: 1rem; height: 1rem; }
  .xl-hover-size-4:hover { width: 1rem; height: 1rem; }
  .xl-focus-size-4:focus { width: 1rem; height: 1rem; }
  .xl-active-size-4:active { width: 1rem; height: 1rem; }
  .xl-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  .xl-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  .xl-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  .xl-group:hover .xl-group-hover-size-4 { width: 1rem; height: 1rem; }
  .xl-size-5 { width: 1.25rem; height: 1.25rem; }
  .xl-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  .xl-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  .xl-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  .xl-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  .xl-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  .xl-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  .xl-group:hover .xl-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  .xl-size-6 { width: 1.5rem; height: 1.5rem; }
  .xl-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  .xl-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  .xl-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  .xl-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  .xl-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  .xl-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  .xl-group:hover .xl-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  .xl-size-7 { width: 1.75rem; height: 1.75rem; }
  .xl-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  .xl-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  .xl-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  .xl-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  .xl-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  .xl-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  .xl-group:hover .xl-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  .xl-size-8 { width: 2rem; height: 2rem; }
  .xl-hover-size-8:hover { width: 2rem; height: 2rem; }
  .xl-focus-size-8:focus { width: 2rem; height: 2rem; }
  .xl-active-size-8:active { width: 2rem; height: 2rem; }
  .xl-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  .xl-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  .xl-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  .xl-group:hover .xl-group-hover-size-8 { width: 2rem; height: 2rem; }
  .xl-size-9 { width: 2.25rem; height: 2.25rem; }
  .xl-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  .xl-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  .xl-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  .xl-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  .xl-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  .xl-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  .xl-group:hover .xl-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  .xl-size-10 { width: 2.5rem; height: 2.5rem; }
  .xl-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  .xl-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  .xl-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  .xl-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  .xl-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  .xl-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  .xl-group:hover .xl-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  .xl-size-11 { width: 2.75rem; height: 2.75rem; }
  .xl-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  .xl-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  .xl-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  .xl-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  .xl-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  .xl-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  .xl-group:hover .xl-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  .xl-size-12 { width: 3rem; height: 3rem; }
  .xl-hover-size-12:hover { width: 3rem; height: 3rem; }
  .xl-focus-size-12:focus { width: 3rem; height: 3rem; }
  .xl-active-size-12:active { width: 3rem; height: 3rem; }
  .xl-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  .xl-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  .xl-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  .xl-group:hover .xl-group-hover-size-12 { width: 3rem; height: 3rem; }
  .xl-size-14 { width: 3.5rem; height: 3.5rem; }
  .xl-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  .xl-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  .xl-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  .xl-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  .xl-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  .xl-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  .xl-group:hover .xl-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  .xl-size-16 { width: 4rem; height: 4rem; }
  .xl-hover-size-16:hover { width: 4rem; height: 4rem; }
  .xl-focus-size-16:focus { width: 4rem; height: 4rem; }
  .xl-active-size-16:active { width: 4rem; height: 4rem; }
  .xl-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  .xl-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  .xl-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  .xl-group:hover .xl-group-hover-size-16 { width: 4rem; height: 4rem; }
  .xl-size-20 { width: 5rem; height: 5rem; }
  .xl-hover-size-20:hover { width: 5rem; height: 5rem; }
  .xl-focus-size-20:focus { width: 5rem; height: 5rem; }
  .xl-active-size-20:active { width: 5rem; height: 5rem; }
  .xl-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  .xl-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  .xl-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  .xl-group:hover .xl-group-hover-size-20 { width: 5rem; height: 5rem; }
  .xl-size-24 { width: 6rem; height: 6rem; }
  .xl-hover-size-24:hover { width: 6rem; height: 6rem; }
  .xl-focus-size-24:focus { width: 6rem; height: 6rem; }
  .xl-active-size-24:active { width: 6rem; height: 6rem; }
  .xl-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  .xl-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  .xl-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  .xl-group:hover .xl-group-hover-size-24 { width: 6rem; height: 6rem; }
  .xl-size-28 { width: 7rem; height: 7rem; }
  .xl-hover-size-28:hover { width: 7rem; height: 7rem; }
  .xl-focus-size-28:focus { width: 7rem; height: 7rem; }
  .xl-active-size-28:active { width: 7rem; height: 7rem; }
  .xl-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  .xl-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  .xl-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  .xl-group:hover .xl-group-hover-size-28 { width: 7rem; height: 7rem; }
  .xl-size-32 { width: 8rem; height: 8rem; }
  .xl-hover-size-32:hover { width: 8rem; height: 8rem; }
  .xl-focus-size-32:focus { width: 8rem; height: 8rem; }
  .xl-active-size-32:active { width: 8rem; height: 8rem; }
  .xl-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  .xl-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  .xl-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  .xl-group:hover .xl-group-hover-size-32 { width: 8rem; height: 8rem; }
  .xl-size-36 { width: 9rem; height: 9rem; }
  .xl-hover-size-36:hover { width: 9rem; height: 9rem; }
  .xl-focus-size-36:focus { width: 9rem; height: 9rem; }
  .xl-active-size-36:active { width: 9rem; height: 9rem; }
  .xl-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  .xl-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  .xl-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  .xl-group:hover .xl-group-hover-size-36 { width: 9rem; height: 9rem; }
  .xl-size-40 { width: 10rem; height: 10rem; }
  .xl-hover-size-40:hover { width: 10rem; height: 10rem; }
  .xl-focus-size-40:focus { width: 10rem; height: 10rem; }
  .xl-active-size-40:active { width: 10rem; height: 10rem; }
  .xl-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  .xl-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  .xl-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  .xl-group:hover .xl-group-hover-size-40 { width: 10rem; height: 10rem; }
  .xl-size-44 { width: 11rem; height: 11rem; }
  .xl-hover-size-44:hover { width: 11rem; height: 11rem; }
  .xl-focus-size-44:focus { width: 11rem; height: 11rem; }
  .xl-active-size-44:active { width: 11rem; height: 11rem; }
  .xl-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  .xl-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  .xl-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  .xl-group:hover .xl-group-hover-size-44 { width: 11rem; height: 11rem; }
  .xl-size-48 { width: 12rem; height: 12rem; }
  .xl-hover-size-48:hover { width: 12rem; height: 12rem; }
  .xl-focus-size-48:focus { width: 12rem; height: 12rem; }
  .xl-active-size-48:active { width: 12rem; height: 12rem; }
  .xl-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  .xl-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  .xl-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  .xl-group:hover .xl-group-hover-size-48 { width: 12rem; height: 12rem; }
  .xl-size-52 { width: 13rem; height: 13rem; }
  .xl-hover-size-52:hover { width: 13rem; height: 13rem; }
  .xl-focus-size-52:focus { width: 13rem; height: 13rem; }
  .xl-active-size-52:active { width: 13rem; height: 13rem; }
  .xl-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  .xl-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  .xl-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  .xl-group:hover .xl-group-hover-size-52 { width: 13rem; height: 13rem; }
  .xl-size-56 { width: 14rem; height: 14rem; }
  .xl-hover-size-56:hover { width: 14rem; height: 14rem; }
  .xl-focus-size-56:focus { width: 14rem; height: 14rem; }
  .xl-active-size-56:active { width: 14rem; height: 14rem; }
  .xl-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  .xl-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  .xl-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  .xl-group:hover .xl-group-hover-size-56 { width: 14rem; height: 14rem; }
  .xl-size-60 { width: 15rem; height: 15rem; }
  .xl-hover-size-60:hover { width: 15rem; height: 15rem; }
  .xl-focus-size-60:focus { width: 15rem; height: 15rem; }
  .xl-active-size-60:active { width: 15rem; height: 15rem; }
  .xl-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  .xl-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  .xl-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  .xl-group:hover .xl-group-hover-size-60 { width: 15rem; height: 15rem; }
  .xl-size-64 { width: 16rem; height: 16rem; }
  .xl-hover-size-64:hover { width: 16rem; height: 16rem; }
  .xl-focus-size-64:focus { width: 16rem; height: 16rem; }
  .xl-active-size-64:active { width: 16rem; height: 16rem; }
  .xl-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  .xl-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  .xl-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  .xl-group:hover .xl-group-hover-size-64 { width: 16rem; height: 16rem; }
  .xl-size-72 { width: 18rem; height: 18rem; }
  .xl-hover-size-72:hover { width: 18rem; height: 18rem; }
  .xl-focus-size-72:focus { width: 18rem; height: 18rem; }
  .xl-active-size-72:active { width: 18rem; height: 18rem; }
  .xl-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  .xl-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  .xl-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  .xl-group:hover .xl-group-hover-size-72 { width: 18rem; height: 18rem; }
  .xl-size-80 { width: 20rem; height: 20rem; }
  .xl-hover-size-80:hover { width: 20rem; height: 20rem; }
  .xl-focus-size-80:focus { width: 20rem; height: 20rem; }
  .xl-active-size-80:active { width: 20rem; height: 20rem; }
  .xl-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  .xl-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  .xl-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  .xl-group:hover .xl-group-hover-size-80 { width: 20rem; height: 20rem; }
  .xl-size-96 { width: 24rem; height: 24rem; }
  .xl-hover-size-96:hover { width: 24rem; height: 24rem; }
  .xl-focus-size-96:focus { width: 24rem; height: 24rem; }
  .xl-active-size-96:active { width: 24rem; height: 24rem; }
  .xl-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  .xl-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  .xl-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  .xl-group:hover .xl-group-hover-size-96 { width: 24rem; height: 24rem; }
  .xl-font-size-auto { font-size: auto; }
  .xl-hover-font-size-auto:hover { font-size: auto; }
  .xl-focus-font-size-auto:focus { font-size: auto; }
  .xl-active-font-size-auto:active { font-size: auto; }
  .xl-disabled-font-size-auto:disabled { font-size: auto; }
  .xl-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  .xl-focus-within-font-size-auto:focus-within { font-size: auto; }
  .xl-group:hover .xl-group-hover-font-size-auto { font-size: auto; }
  .xl-font-size-0 { font-size: 0; }
  .xl-hover-font-size-0:hover { font-size: 0; }
  .xl-focus-font-size-0:focus { font-size: 0; }
  .xl-active-font-size-0:active { font-size: 0; }
  .xl-disabled-font-size-0:disabled { font-size: 0; }
  .xl-focus-visible-font-size-0:focus-visible { font-size: 0; }
  .xl-focus-within-font-size-0:focus-within { font-size: 0; }
  .xl-group:hover .xl-group-hover-font-size-0 { font-size: 0; }
  .xl-font-size-1 { font-size: 0.25rem; }
  .xl-hover-font-size-1:hover { font-size: 0.25rem; }
  .xl-focus-font-size-1:focus { font-size: 0.25rem; }
  .xl-active-font-size-1:active { font-size: 0.25rem; }
  .xl-disabled-font-size-1:disabled { font-size: 0.25rem; }
  .xl-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  .xl-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  .xl-group:hover .xl-group-hover-font-size-1 { font-size: 0.25rem; }
  .xl-font-size-2 { font-size: 0.5rem; }
  .xl-hover-font-size-2:hover { font-size: 0.5rem; }
  .xl-focus-font-size-2:focus { font-size: 0.5rem; }
  .xl-active-font-size-2:active { font-size: 0.5rem; }
  .xl-disabled-font-size-2:disabled { font-size: 0.5rem; }
  .xl-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  .xl-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  .xl-group:hover .xl-group-hover-font-size-2 { font-size: 0.5rem; }
  .xl-font-size-3 { font-size: 0.75rem; }
  .xl-hover-font-size-3:hover { font-size: 0.75rem; }
  .xl-focus-font-size-3:focus { font-size: 0.75rem; }
  .xl-active-font-size-3:active { font-size: 0.75rem; }
  .xl-disabled-font-size-3:disabled { font-size: 0.75rem; }
  .xl-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  .xl-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  .xl-group:hover .xl-group-hover-font-size-3 { font-size: 0.75rem; }
  .xl-font-size-4 { font-size: 1rem; }
  .xl-hover-font-size-4:hover { font-size: 1rem; }
  .xl-focus-font-size-4:focus { font-size: 1rem; }
  .xl-active-font-size-4:active { font-size: 1rem; }
  .xl-disabled-font-size-4:disabled { font-size: 1rem; }
  .xl-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  .xl-focus-within-font-size-4:focus-within { font-size: 1rem; }
  .xl-group:hover .xl-group-hover-font-size-4 { font-size: 1rem; }
  .xl-font-size-5 { font-size: 1.25rem; }
  .xl-hover-font-size-5:hover { font-size: 1.25rem; }
  .xl-focus-font-size-5:focus { font-size: 1.25rem; }
  .xl-active-font-size-5:active { font-size: 1.25rem; }
  .xl-disabled-font-size-5:disabled { font-size: 1.25rem; }
  .xl-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  .xl-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  .xl-group:hover .xl-group-hover-font-size-5 { font-size: 1.25rem; }
  .xl-font-size-6 { font-size: 1.5rem; }
  .xl-hover-font-size-6:hover { font-size: 1.5rem; }
  .xl-focus-font-size-6:focus { font-size: 1.5rem; }
  .xl-active-font-size-6:active { font-size: 1.5rem; }
  .xl-disabled-font-size-6:disabled { font-size: 1.5rem; }
  .xl-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  .xl-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  .xl-group:hover .xl-group-hover-font-size-6 { font-size: 1.5rem; }
  .xl-font-size-7 { font-size: 1.75rem; }
  .xl-hover-font-size-7:hover { font-size: 1.75rem; }
  .xl-focus-font-size-7:focus { font-size: 1.75rem; }
  .xl-active-font-size-7:active { font-size: 1.75rem; }
  .xl-disabled-font-size-7:disabled { font-size: 1.75rem; }
  .xl-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  .xl-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  .xl-group:hover .xl-group-hover-font-size-7 { font-size: 1.75rem; }
  .xl-font-size-8 { font-size: 2rem; }
  .xl-hover-font-size-8:hover { font-size: 2rem; }
  .xl-focus-font-size-8:focus { font-size: 2rem; }
  .xl-active-font-size-8:active { font-size: 2rem; }
  .xl-disabled-font-size-8:disabled { font-size: 2rem; }
  .xl-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  .xl-focus-within-font-size-8:focus-within { font-size: 2rem; }
  .xl-group:hover .xl-group-hover-font-size-8 { font-size: 2rem; }
  .xl-font-size-9 { font-size: 2.25rem; }
  .xl-hover-font-size-9:hover { font-size: 2.25rem; }
  .xl-focus-font-size-9:focus { font-size: 2.25rem; }
  .xl-active-font-size-9:active { font-size: 2.25rem; }
  .xl-disabled-font-size-9:disabled { font-size: 2.25rem; }
  .xl-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  .xl-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  .xl-group:hover .xl-group-hover-font-size-9 { font-size: 2.25rem; }
  .xl-font-size-10 { font-size: 2.5rem; }
  .xl-hover-font-size-10:hover { font-size: 2.5rem; }
  .xl-focus-font-size-10:focus { font-size: 2.5rem; }
  .xl-active-font-size-10:active { font-size: 2.5rem; }
  .xl-disabled-font-size-10:disabled { font-size: 2.5rem; }
  .xl-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  .xl-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  .xl-group:hover .xl-group-hover-font-size-10 { font-size: 2.5rem; }
  .xl-font-size-12 { font-size: 3rem; }
  .xl-hover-font-size-12:hover { font-size: 3rem; }
  .xl-focus-font-size-12:focus { font-size: 3rem; }
  .xl-active-font-size-12:active { font-size: 3rem; }
  .xl-disabled-font-size-12:disabled { font-size: 3rem; }
  .xl-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  .xl-focus-within-font-size-12:focus-within { font-size: 3rem; }
  .xl-group:hover .xl-group-hover-font-size-12 { font-size: 3rem; }
  .xl-font-size-14 { font-size: 3.5rem; }
  .xl-hover-font-size-14:hover { font-size: 3.5rem; }
  .xl-focus-font-size-14:focus { font-size: 3.5rem; }
  .xl-active-font-size-14:active { font-size: 3.5rem; }
  .xl-disabled-font-size-14:disabled { font-size: 3.5rem; }
  .xl-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  .xl-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  .xl-group:hover .xl-group-hover-font-size-14 { font-size: 3.5rem; }
  .xl-font-size-16 { font-size: 4rem; }
  .xl-hover-font-size-16:hover { font-size: 4rem; }
  .xl-focus-font-size-16:focus { font-size: 4rem; }
  .xl-active-font-size-16:active { font-size: 4rem; }
  .xl-disabled-font-size-16:disabled { font-size: 4rem; }
  .xl-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  .xl-focus-within-font-size-16:focus-within { font-size: 4rem; }
  .xl-group:hover .xl-group-hover-font-size-16 { font-size: 4rem; }
  .xl-font-size-18 { font-size: 4.5rem; }
  .xl-hover-font-size-18:hover { font-size: 4.5rem; }
  .xl-focus-font-size-18:focus { font-size: 4.5rem; }
  .xl-active-font-size-18:active { font-size: 4.5rem; }
  .xl-disabled-font-size-18:disabled { font-size: 4.5rem; }
  .xl-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  .xl-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  .xl-group:hover .xl-group-hover-font-size-18 { font-size: 4.5rem; }
  .xl-font-size-20 { font-size: 5rem; }
  .xl-hover-font-size-20:hover { font-size: 5rem; }
  .xl-focus-font-size-20:focus { font-size: 5rem; }
  .xl-active-font-size-20:active { font-size: 5rem; }
  .xl-disabled-font-size-20:disabled { font-size: 5rem; }
  .xl-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  .xl-focus-within-font-size-20:focus-within { font-size: 5rem; }
  .xl-group:hover .xl-group-hover-font-size-20 { font-size: 5rem; }
  .xl-font-size-24 { font-size: 6rem; }
  .xl-hover-font-size-24:hover { font-size: 6rem; }
  .xl-focus-font-size-24:focus { font-size: 6rem; }
  .xl-active-font-size-24:active { font-size: 6rem; }
  .xl-disabled-font-size-24:disabled { font-size: 6rem; }
  .xl-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  .xl-focus-within-font-size-24:focus-within { font-size: 6rem; }
  .xl-group:hover .xl-group-hover-font-size-24 { font-size: 6rem; }
  .xl-font-size-28 { font-size: 7rem; }
  .xl-hover-font-size-28:hover { font-size: 7rem; }
  .xl-focus-font-size-28:focus { font-size: 7rem; }
  .xl-active-font-size-28:active { font-size: 7rem; }
  .xl-disabled-font-size-28:disabled { font-size: 7rem; }
  .xl-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  .xl-focus-within-font-size-28:focus-within { font-size: 7rem; }
  .xl-group:hover .xl-group-hover-font-size-28 { font-size: 7rem; }
  .xl-font-size-32 { font-size: 8rem; }
  .xl-hover-font-size-32:hover { font-size: 8rem; }
  .xl-focus-font-size-32:focus { font-size: 8rem; }
  .xl-active-font-size-32:active { font-size: 8rem; }
  .xl-disabled-font-size-32:disabled { font-size: 8rem; }
  .xl-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  .xl-focus-within-font-size-32:focus-within { font-size: 8rem; }
  .xl-group:hover .xl-group-hover-font-size-32 { font-size: 8rem; }
  .xl-font-style-normal { font-style: normal; }
  .xl-hover-font-style-normal:hover { font-style: normal; }
  .xl-focus-font-style-normal:focus { font-style: normal; }
  .xl-active-font-style-normal:active { font-style: normal; }
  .xl-disabled-font-style-normal:disabled { font-style: normal; }
  .xl-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  .xl-focus-within-font-style-normal:focus-within { font-style: normal; }
  .xl-group:hover .xl-group-hover-font-style-normal { font-style: normal; }
  .xl-font-style-italic { font-style: italic; }
  .xl-hover-font-style-italic:hover { font-style: italic; }
  .xl-focus-font-style-italic:focus { font-style: italic; }
  .xl-active-font-style-italic:active { font-style: italic; }
  .xl-disabled-font-style-italic:disabled { font-style: italic; }
  .xl-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  .xl-focus-within-font-style-italic:focus-within { font-style: italic; }
  .xl-group:hover .xl-group-hover-font-style-italic { font-style: italic; }
  .xl-font-style-oblique { font-style: oblique; }
  .xl-hover-font-style-oblique:hover { font-style: oblique; }
  .xl-focus-font-style-oblique:focus { font-style: oblique; }
  .xl-active-font-style-oblique:active { font-style: oblique; }
  .xl-disabled-font-style-oblique:disabled { font-style: oblique; }
  .xl-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  .xl-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  .xl-group:hover .xl-group-hover-font-style-oblique { font-style: oblique; }
  .xl-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .xl-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  .xl-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  .xl-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  .xl-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  .xl-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  .xl-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  .xl-group:hover .xl-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .xl-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-group:hover .xl-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .xl-font-weight-thin { font-weight: 100; }
  .xl-hover-font-weight-thin:hover { font-weight: 100; }
  .xl-focus-font-weight-thin:focus { font-weight: 100; }
  .xl-active-font-weight-thin:active { font-weight: 100; }
  .xl-disabled-font-weight-thin:disabled { font-weight: 100; }
  .xl-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  .xl-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  .xl-group:hover .xl-group-hover-font-weight-thin { font-weight: 100; }
  .xl-font-weight-extralight { font-weight: 200; }
  .xl-hover-font-weight-extralight:hover { font-weight: 200; }
  .xl-focus-font-weight-extralight:focus { font-weight: 200; }
  .xl-active-font-weight-extralight:active { font-weight: 200; }
  .xl-disabled-font-weight-extralight:disabled { font-weight: 200; }
  .xl-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  .xl-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  .xl-group:hover .xl-group-hover-font-weight-extralight { font-weight: 200; }
  .xl-font-weight-light { font-weight: 300; }
  .xl-hover-font-weight-light:hover { font-weight: 300; }
  .xl-focus-font-weight-light:focus { font-weight: 300; }
  .xl-active-font-weight-light:active { font-weight: 300; }
  .xl-disabled-font-weight-light:disabled { font-weight: 300; }
  .xl-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  .xl-focus-within-font-weight-light:focus-within { font-weight: 300; }
  .xl-group:hover .xl-group-hover-font-weight-light { font-weight: 300; }
  .xl-font-weight-regular { font-weight: 400; }
  .xl-hover-font-weight-regular:hover { font-weight: 400; }
  .xl-focus-font-weight-regular:focus { font-weight: 400; }
  .xl-active-font-weight-regular:active { font-weight: 400; }
  .xl-disabled-font-weight-regular:disabled { font-weight: 400; }
  .xl-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  .xl-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  .xl-group:hover .xl-group-hover-font-weight-regular { font-weight: 400; }
  .xl-font-weight-medium { font-weight: 500; }
  .xl-hover-font-weight-medium:hover { font-weight: 500; }
  .xl-focus-font-weight-medium:focus { font-weight: 500; }
  .xl-active-font-weight-medium:active { font-weight: 500; }
  .xl-disabled-font-weight-medium:disabled { font-weight: 500; }
  .xl-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  .xl-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  .xl-group:hover .xl-group-hover-font-weight-medium { font-weight: 500; }
  .xl-font-weight-semibold { font-weight: 600; }
  .xl-hover-font-weight-semibold:hover { font-weight: 600; }
  .xl-focus-font-weight-semibold:focus { font-weight: 600; }
  .xl-active-font-weight-semibold:active { font-weight: 600; }
  .xl-disabled-font-weight-semibold:disabled { font-weight: 600; }
  .xl-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  .xl-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  .xl-group:hover .xl-group-hover-font-weight-semibold { font-weight: 600; }
  .xl-font-weight-bold { font-weight: 700; }
  .xl-hover-font-weight-bold:hover { font-weight: 700; }
  .xl-focus-font-weight-bold:focus { font-weight: 700; }
  .xl-active-font-weight-bold:active { font-weight: 700; }
  .xl-disabled-font-weight-bold:disabled { font-weight: 700; }
  .xl-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  .xl-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  .xl-group:hover .xl-group-hover-font-weight-bold { font-weight: 700; }
  .xl-font-weight-extrabold { font-weight: 800; }
  .xl-hover-font-weight-extrabold:hover { font-weight: 800; }
  .xl-focus-font-weight-extrabold:focus { font-weight: 800; }
  .xl-active-font-weight-extrabold:active { font-weight: 800; }
  .xl-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  .xl-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  .xl-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  .xl-group:hover .xl-group-hover-font-weight-extrabold { font-weight: 800; }
  .xl-font-weight-ultrabold { font-weight: 900; }
  .xl-hover-font-weight-ultrabold:hover { font-weight: 900; }
  .xl-focus-font-weight-ultrabold:focus { font-weight: 900; }
  .xl-active-font-weight-ultrabold:active { font-weight: 900; }
  .xl-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  .xl-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  .xl-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  .xl-group:hover .xl-group-hover-font-weight-ultrabold { font-weight: 900; }
  .xl-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .xl-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  .xl-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  .xl-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  .xl-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  .xl-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  .xl-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  .xl-group:hover .xl-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .xl-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .xl-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  .xl-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  .xl-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  .xl-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  .xl-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  .xl-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  .xl-group:hover .xl-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .xl-font-stretch-condensed { font-stretch: condensed; }
  .xl-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  .xl-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  .xl-active-font-stretch-condensed:active { font-stretch: condensed; }
  .xl-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  .xl-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  .xl-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  .xl-group:hover .xl-group-hover-font-stretch-condensed { font-stretch: condensed; }
  .xl-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .xl-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  .xl-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  .xl-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  .xl-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  .xl-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  .xl-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  .xl-group:hover .xl-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .xl-font-stretch-normal { font-stretch: normal; }
  .xl-hover-font-stretch-normal:hover { font-stretch: normal; }
  .xl-focus-font-stretch-normal:focus { font-stretch: normal; }
  .xl-active-font-stretch-normal:active { font-stretch: normal; }
  .xl-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  .xl-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  .xl-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  .xl-group:hover .xl-group-hover-font-stretch-normal { font-stretch: normal; }
  .xl-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .xl-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  .xl-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  .xl-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  .xl-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  .xl-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  .xl-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  .xl-group:hover .xl-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .xl-font-stretch-expanded { font-stretch: expanded; }
  .xl-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  .xl-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  .xl-active-font-stretch-expanded:active { font-stretch: expanded; }
  .xl-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  .xl-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  .xl-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  .xl-group:hover .xl-group-hover-font-stretch-expanded { font-stretch: expanded; }
  .xl-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .xl-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  .xl-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  .xl-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  .xl-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  .xl-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  .xl-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  .xl-group:hover .xl-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .xl-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .xl-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  .xl-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  .xl-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  .xl-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  .xl-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  .xl-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  .xl-group:hover .xl-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .xl-font-variant-numeric-normal { font-variant-numeric: normal; }
  .xl-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  .xl-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  .xl-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  .xl-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  .xl-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  .xl-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  .xl-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .xl-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  .xl-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  .xl-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  .xl-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  .xl-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  .xl-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .xl-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .xl-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  .xl-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  .xl-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  .xl-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  .xl-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  .xl-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .xl-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .xl-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  .xl-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  .xl-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  .xl-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  .xl-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  .xl-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .xl-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .xl-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  .xl-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  .xl-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  .xl-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  .xl-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  .xl-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .xl-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .xl-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  .xl-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  .xl-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  .xl-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  .xl-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  .xl-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .xl-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .xl-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  .xl-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  .xl-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  .xl-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  .xl-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  .xl-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  .xl-group:hover .xl-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .xl-tracking-tighter { letter-spacing: -0.05em; }
  .xl-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  .xl-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  .xl-active-tracking-tighter:active { letter-spacing: -0.05em; }
  .xl-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  .xl-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  .xl-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  .xl-group:hover .xl-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  .xl-tracking-tight { letter-spacing: -0.025em; }
  .xl-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  .xl-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  .xl-active-tracking-tight:active { letter-spacing: -0.025em; }
  .xl-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  .xl-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  .xl-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  .xl-group:hover .xl-group-hover-tracking-tight { letter-spacing: -0.025em; }
  .xl-tracking-normal { letter-spacing: 0; }
  .xl-hover-tracking-normal:hover { letter-spacing: 0; }
  .xl-focus-tracking-normal:focus { letter-spacing: 0; }
  .xl-active-tracking-normal:active { letter-spacing: 0; }
  .xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .xl-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .xl-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .xl-group:hover .xl-group-hover-tracking-normal { letter-spacing: 0; }
  .xl-tracking-wide { letter-spacing: 0.025em; }
  .xl-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  .xl-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  .xl-active-tracking-wide:active { letter-spacing: 0.025em; }
  .xl-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  .xl-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  .xl-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  .xl-group:hover .xl-group-hover-tracking-wide { letter-spacing: 0.025em; }
  .xl-tracking-wider { letter-spacing: 0.05em; }
  .xl-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  .xl-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  .xl-active-tracking-wider:active { letter-spacing: 0.05em; }
  .xl-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  .xl-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  .xl-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  .xl-group:hover .xl-group-hover-tracking-wider { letter-spacing: 0.05em; }
  .xl-tracking-widest { letter-spacing: 0.1em; }
  .xl-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  .xl-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  .xl-active-tracking-widest:active { letter-spacing: 0.1em; }
  .xl-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  .xl-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  .xl-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  .xl-group:hover .xl-group-hover-tracking-widest { letter-spacing: 0.1em; }
  .xl-decoration-solid { text-decoration-style: solid; }
  .xl-hover-decoration-solid:hover { text-decoration-style: solid; }
  .xl-focus-decoration-solid:focus { text-decoration-style: solid; }
  .xl-active-decoration-solid:active { text-decoration-style: solid; }
  .xl-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  .xl-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  .xl-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  .xl-group:hover .xl-group-hover-decoration-solid { text-decoration-style: solid; }
  .xl-decoration-double { text-decoration-style: double; }
  .xl-hover-decoration-double:hover { text-decoration-style: double; }
  .xl-focus-decoration-double:focus { text-decoration-style: double; }
  .xl-active-decoration-double:active { text-decoration-style: double; }
  .xl-disabled-decoration-double:disabled { text-decoration-style: double; }
  .xl-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  .xl-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  .xl-group:hover .xl-group-hover-decoration-double { text-decoration-style: double; }
  .xl-decoration-dotted { text-decoration-style: dotted; }
  .xl-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  .xl-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  .xl-active-decoration-dotted:active { text-decoration-style: dotted; }
  .xl-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  .xl-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  .xl-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  .xl-group:hover .xl-group-hover-decoration-dotted { text-decoration-style: dotted; }
  .xl-decoration-dashed { text-decoration-style: dashed; }
  .xl-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  .xl-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  .xl-active-decoration-dashed:active { text-decoration-style: dashed; }
  .xl-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  .xl-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  .xl-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  .xl-group:hover .xl-group-hover-decoration-dashed { text-decoration-style: dashed; }
  .xl-decoration-wavy { text-decoration-style: wavy; }
  .xl-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  .xl-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  .xl-active-decoration-wavy:active { text-decoration-style: wavy; }
  .xl-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  .xl-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  .xl-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  .xl-group:hover .xl-group-hover-decoration-wavy { text-decoration-style: wavy; }
  .xl-decoration-0 { text-decoration-thickness: 0; }
  .xl-hover-decoration-0:hover { text-decoration-thickness: 0; }
  .xl-focus-decoration-0:focus { text-decoration-thickness: 0; }
  .xl-active-decoration-0:active { text-decoration-thickness: 0; }
  .xl-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  .xl-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  .xl-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  .xl-group:hover .xl-group-hover-decoration-0 { text-decoration-thickness: 0; }
  .xl-decoration-1 { text-decoration-thickness: 1px; }
  .xl-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  .xl-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  .xl-active-decoration-1:active { text-decoration-thickness: 1px; }
  .xl-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  .xl-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  .xl-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  .xl-group:hover .xl-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  .xl-decoration-2 { text-decoration-thickness: 2px; }
  .xl-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  .xl-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  .xl-active-decoration-2:active { text-decoration-thickness: 2px; }
  .xl-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  .xl-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  .xl-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  .xl-group:hover .xl-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  .xl-decoration-4 { text-decoration-thickness: 4px; }
  .xl-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  .xl-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  .xl-active-decoration-4:active { text-decoration-thickness: 4px; }
  .xl-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  .xl-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  .xl-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  .xl-group:hover .xl-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  .xl-decoration-8 { text-decoration-thickness: 8px; }
  .xl-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  .xl-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  .xl-active-decoration-8:active { text-decoration-thickness: 8px; }
  .xl-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  .xl-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  .xl-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  .xl-group:hover .xl-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  .xl-underline-offset-0 { text-underline-offset: 0; }
  .xl-hover-underline-offset-0:hover { text-underline-offset: 0; }
  .xl-focus-underline-offset-0:focus { text-underline-offset: 0; }
  .xl-active-underline-offset-0:active { text-underline-offset: 0; }
  .xl-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  .xl-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  .xl-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  .xl-group:hover .xl-group-hover-underline-offset-0 { text-underline-offset: 0; }
  .xl-underline-offset-1 { text-underline-offset: 1px; }
  .xl-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  .xl-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  .xl-active-underline-offset-1:active { text-underline-offset: 1px; }
  .xl-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  .xl-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  .xl-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  .xl-group:hover .xl-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  .xl-underline-offset-2 { text-underline-offset: 2px; }
  .xl-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  .xl-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  .xl-active-underline-offset-2:active { text-underline-offset: 2px; }
  .xl-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  .xl-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  .xl-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  .xl-group:hover .xl-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  .xl-underline-offset-4 { text-underline-offset: 4px; }
  .xl-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  .xl-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  .xl-active-underline-offset-4:active { text-underline-offset: 4px; }
  .xl-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  .xl-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  .xl-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  .xl-group:hover .xl-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  .xl-underline-offset-8 { text-underline-offset: 8px; }
  .xl-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  .xl-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  .xl-active-underline-offset-8:active { text-underline-offset: 8px; }
  .xl-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  .xl-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  .xl-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  .xl-group:hover .xl-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  .xl-text-xs { font-size: 0.5rem; }
  .xl-hover-text-xs:hover { font-size: 0.5rem; }
  .xl-focus-text-xs:focus { font-size: 0.5rem; }
  .xl-active-text-xs:active { font-size: 0.5rem; }
  .xl-disabled-text-xs:disabled { font-size: 0.5rem; }
  .xl-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  .xl-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  .xl-group:hover .xl-group-hover-text-xs { font-size: 0.5rem; }
  .xl-text-sm { font-size: 0.875rem; }
  .xl-hover-text-sm:hover { font-size: 0.875rem; }
  .xl-focus-text-sm:focus { font-size: 0.875rem; }
  .xl-active-text-sm:active { font-size: 0.875rem; }
  .xl-disabled-text-sm:disabled { font-size: 0.875rem; }
  .xl-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  .xl-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  .xl-group:hover .xl-group-hover-text-sm { font-size: 0.875rem; }
  .xl-text-base { font-size: 1rem; }
  .xl-hover-text-base:hover { font-size: 1rem; }
  .xl-focus-text-base:focus { font-size: 1rem; }
  .xl-active-text-base:active { font-size: 1rem; }
  .xl-disabled-text-base:disabled { font-size: 1rem; }
  .xl-focus-visible-text-base:focus-visible { font-size: 1rem; }
  .xl-focus-within-text-base:focus-within { font-size: 1rem; }
  .xl-group:hover .xl-group-hover-text-base { font-size: 1rem; }
  .xl-text-lg { font-size: 1.125rem; }
  .xl-hover-text-lg:hover { font-size: 1.125rem; }
  .xl-focus-text-lg:focus { font-size: 1.125rem; }
  .xl-active-text-lg:active { font-size: 1.125rem; }
  .xl-disabled-text-lg:disabled { font-size: 1.125rem; }
  .xl-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  .xl-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  .xl-group:hover .xl-group-hover-text-lg { font-size: 1.125rem; }
  .xl-text-xl { font-size: 2rem; }
  .xl-hover-text-xl:hover { font-size: 2rem; }
  .xl-focus-text-xl:focus { font-size: 2rem; }
  .xl-active-text-xl:active { font-size: 2rem; }
  .xl-disabled-text-xl:disabled { font-size: 2rem; }
  .xl-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  .xl-focus-within-text-xl:focus-within { font-size: 2rem; }
  .xl-group:hover .xl-group-hover-text-xl { font-size: 2rem; }
  .xl-text-2xl { font-size: 2.5rem; }
  .xl-hover-text-2xl:hover { font-size: 2.5rem; }
  .xl-focus-text-2xl:focus { font-size: 2.5rem; }
  .xl-active-text-2xl:active { font-size: 2.5rem; }
  .xl-disabled-text-2xl:disabled { font-size: 2.5rem; }
  .xl-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  .xl-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  .xl-group:hover .xl-group-hover-text-2xl { font-size: 2.5rem; }
  .xl-text-3xl { font-size: 3rem; }
  .xl-hover-text-3xl:hover { font-size: 3rem; }
  .xl-focus-text-3xl:focus { font-size: 3rem; }
  .xl-active-text-3xl:active { font-size: 3rem; }
  .xl-disabled-text-3xl:disabled { font-size: 3rem; }
  .xl-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  .xl-focus-within-text-3xl:focus-within { font-size: 3rem; }
  .xl-group:hover .xl-group-hover-text-3xl { font-size: 3rem; }
  .xl-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-group:hover .xl-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .xl-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-group:hover .xl-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .xl-indent-0 { text-indent: 0; }
  .xl-hover-indent-0:hover { text-indent: 0; }
  .xl-focus-indent-0:focus { text-indent: 0; }
  .xl-active-indent-0:active { text-indent: 0; }
  .xl-disabled-indent-0:disabled { text-indent: 0; }
  .xl-focus-visible-indent-0:focus-visible { text-indent: 0; }
  .xl-focus-within-indent-0:focus-within { text-indent: 0; }
  .xl-group:hover .xl-group-hover-indent-0 { text-indent: 0; }
  .xl-indent-1 { text-indent: 0.25rem; }
  .xl-hover-indent-1:hover { text-indent: 0.25rem; }
  .xl-focus-indent-1:focus { text-indent: 0.25rem; }
  .xl-active-indent-1:active { text-indent: 0.25rem; }
  .xl-disabled-indent-1:disabled { text-indent: 0.25rem; }
  .xl-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  .xl-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  .xl-group:hover .xl-group-hover-indent-1 { text-indent: 0.25rem; }
  .xl-indent-2 { text-indent: 0.5rem; }
  .xl-hover-indent-2:hover { text-indent: 0.5rem; }
  .xl-focus-indent-2:focus { text-indent: 0.5rem; }
  .xl-active-indent-2:active { text-indent: 0.5rem; }
  .xl-disabled-indent-2:disabled { text-indent: 0.5rem; }
  .xl-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  .xl-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  .xl-group:hover .xl-group-hover-indent-2 { text-indent: 0.5rem; }
  .xl-indent-4 { text-indent: 1rem; }
  .xl-hover-indent-4:hover { text-indent: 1rem; }
  .xl-focus-indent-4:focus { text-indent: 1rem; }
  .xl-active-indent-4:active { text-indent: 1rem; }
  .xl-disabled-indent-4:disabled { text-indent: 1rem; }
  .xl-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  .xl-focus-within-indent-4:focus-within { text-indent: 1rem; }
  .xl-group:hover .xl-group-hover-indent-4 { text-indent: 1rem; }
  .xl-indent-8 { text-indent: 2rem; }
  .xl-hover-indent-8:hover { text-indent: 2rem; }
  .xl-focus-indent-8:focus { text-indent: 2rem; }
  .xl-active-indent-8:active { text-indent: 2rem; }
  .xl-disabled-indent-8:disabled { text-indent: 2rem; }
  .xl-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  .xl-focus-within-indent-8:focus-within { text-indent: 2rem; }
  .xl-group:hover .xl-group-hover-indent-8 { text-indent: 2rem; }
  .xl-break-normal { word-break: normal; }
  .xl-hover-break-normal:hover { word-break: normal; }
  .xl-focus-break-normal:focus { word-break: normal; }
  .xl-active-break-normal:active { word-break: normal; }
  .xl-disabled-break-normal:disabled { word-break: normal; }
  .xl-focus-visible-break-normal:focus-visible { word-break: normal; }
  .xl-focus-within-break-normal:focus-within { word-break: normal; }
  .xl-group:hover .xl-group-hover-break-normal { word-break: normal; }
  .xl-break-words { word-break: break-word; }
  .xl-hover-break-words:hover { word-break: break-word; }
  .xl-focus-break-words:focus { word-break: break-word; }
  .xl-active-break-words:active { word-break: break-word; }
  .xl-disabled-break-words:disabled { word-break: break-word; }
  .xl-focus-visible-break-words:focus-visible { word-break: break-word; }
  .xl-focus-within-break-words:focus-within { word-break: break-word; }
  .xl-group:hover .xl-group-hover-break-words { word-break: break-word; }
  .xl-break-all { word-break: break-all; }
  .xl-hover-break-all:hover { word-break: break-all; }
  .xl-focus-break-all:focus { word-break: break-all; }
  .xl-active-break-all:active { word-break: break-all; }
  .xl-disabled-break-all:disabled { word-break: break-all; }
  .xl-focus-visible-break-all:focus-visible { word-break: break-all; }
  .xl-focus-within-break-all:focus-within { word-break: break-all; }
  .xl-group:hover .xl-group-hover-break-all { word-break: break-all; }
  .xl-overflow-normal { overflow-wrap: normal; }
  .xl-hover-overflow-normal:hover { overflow-wrap: normal; }
  .xl-focus-overflow-normal:focus { overflow-wrap: normal; }
  .xl-active-overflow-normal:active { overflow-wrap: normal; }
  .xl-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .xl-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .xl-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .xl-group:hover .xl-group-hover-overflow-normal { overflow-wrap: normal; }
  .xl-overflow-break { overflow-wrap: break-word; }
  .xl-hover-overflow-break:hover { overflow-wrap: break-word; }
  .xl-focus-overflow-break:focus { overflow-wrap: break-word; }
  .xl-active-overflow-break:active { overflow-wrap: break-word; }
  .xl-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .xl-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .xl-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .xl-group:hover .xl-group-hover-overflow-break { overflow-wrap: break-word; }
  .xl-hyphens-none { hyphens: none; }
  .xl-hover-hyphens-none:hover { hyphens: none; }
  .xl-focus-hyphens-none:focus { hyphens: none; }
  .xl-active-hyphens-none:active { hyphens: none; }
  .xl-disabled-hyphens-none:disabled { hyphens: none; }
  .xl-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .xl-focus-within-hyphens-none:focus-within { hyphens: none; }
  .xl-group:hover .xl-group-hover-hyphens-none { hyphens: none; }
  .xl-hyphens-manual { hyphens: manual; }
  .xl-hover-hyphens-manual:hover { hyphens: manual; }
  .xl-focus-hyphens-manual:focus { hyphens: manual; }
  .xl-active-hyphens-manual:active { hyphens: manual; }
  .xl-disabled-hyphens-manual:disabled { hyphens: manual; }
  .xl-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .xl-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .xl-group:hover .xl-group-hover-hyphens-manual { hyphens: manual; }
  .xl-hyphens-auto { hyphens: auto; }
  .xl-hover-hyphens-auto:hover { hyphens: auto; }
  .xl-focus-hyphens-auto:focus { hyphens: auto; }
  .xl-active-hyphens-auto:active { hyphens: auto; }
  .xl-disabled-hyphens-auto:disabled { hyphens: auto; }
  .xl-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .xl-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .xl-group:hover .xl-group-hover-hyphens-auto { hyphens: auto; }
  .xl-break-normal { word-break: normal; }
  .xl-hover-break-normal:hover { word-break: normal; }
  .xl-focus-break-normal:focus { word-break: normal; }
  .xl-active-break-normal:active { word-break: normal; }
  .xl-disabled-break-normal:disabled { word-break: normal; }
  .xl-focus-visible-break-normal:focus-visible { word-break: normal; }
  .xl-focus-within-break-normal:focus-within { word-break: normal; }
  .xl-group:hover .xl-group-hover-break-normal { word-break: normal; }
  .xl-break-words { word-break: break-word; }
  .xl-hover-break-words:hover { word-break: break-word; }
  .xl-focus-break-words:focus { word-break: break-word; }
  .xl-active-break-words:active { word-break: break-word; }
  .xl-disabled-break-words:disabled { word-break: break-word; }
  .xl-focus-visible-break-words:focus-visible { word-break: break-word; }
  .xl-focus-within-break-words:focus-within { word-break: break-word; }
  .xl-group:hover .xl-group-hover-break-words { word-break: break-word; }
  .xl-break-all { word-break: break-all; }
  .xl-hover-break-all:hover { word-break: break-all; }
  .xl-focus-break-all:focus { word-break: break-all; }
  .xl-active-break-all:active { word-break: break-all; }
  .xl-disabled-break-all:disabled { word-break: break-all; }
  .xl-focus-visible-break-all:focus-visible { word-break: break-all; }
  .xl-focus-within-break-all:focus-within { word-break: break-all; }
  .xl-group:hover .xl-group-hover-break-all { word-break: break-all; }
  .xl-overflow-normal { overflow-wrap: normal; }
  .xl-hover-overflow-normal:hover { overflow-wrap: normal; }
  .xl-focus-overflow-normal:focus { overflow-wrap: normal; }
  .xl-active-overflow-normal:active { overflow-wrap: normal; }
  .xl-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .xl-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .xl-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .xl-group:hover .xl-group-hover-overflow-normal { overflow-wrap: normal; }
  .xl-overflow-break { overflow-wrap: break-word; }
  .xl-hover-overflow-break:hover { overflow-wrap: break-word; }
  .xl-focus-overflow-break:focus { overflow-wrap: break-word; }
  .xl-active-overflow-break:active { overflow-wrap: break-word; }
  .xl-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .xl-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .xl-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .xl-group:hover .xl-group-hover-overflow-break { overflow-wrap: break-word; }
  .xl-hyphens-none { hyphens: none; }
  .xl-hover-hyphens-none:hover { hyphens: none; }
  .xl-focus-hyphens-none:focus { hyphens: none; }
  .xl-active-hyphens-none:active { hyphens: none; }
  .xl-disabled-hyphens-none:disabled { hyphens: none; }
  .xl-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .xl-focus-within-hyphens-none:focus-within { hyphens: none; }
  .xl-group:hover .xl-group-hover-hyphens-none { hyphens: none; }
  .xl-hyphens-manual { hyphens: manual; }
  .xl-hover-hyphens-manual:hover { hyphens: manual; }
  .xl-focus-hyphens-manual:focus { hyphens: manual; }
  .xl-active-hyphens-manual:active { hyphens: manual; }
  .xl-disabled-hyphens-manual:disabled { hyphens: manual; }
  .xl-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .xl-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .xl-group:hover .xl-group-hover-hyphens-manual { hyphens: manual; }
  .xl-hyphens-auto { hyphens: auto; }
  .xl-hover-hyphens-auto:hover { hyphens: auto; }
  .xl-focus-hyphens-auto:focus { hyphens: auto; }
  .xl-active-hyphens-auto:active { hyphens: auto; }
  .xl-disabled-hyphens-auto:disabled { hyphens: auto; }
  .xl-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .xl-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .xl-group:hover .xl-group-hover-hyphens-auto { hyphens: auto; }
  .xl-bg-attachment-fixed { background-attachment: fixed; }
  .xl-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  .xl-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  .xl-active-bg-attachment-fixed:active { background-attachment: fixed; }
  .xl-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  .xl-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  .xl-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  .xl-group:hover .xl-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  .xl-bg-attachment-local { background-attachment: local; }
  .xl-hover-bg-attachment-local:hover { background-attachment: local; }
  .xl-focus-bg-attachment-local:focus { background-attachment: local; }
  .xl-active-bg-attachment-local:active { background-attachment: local; }
  .xl-disabled-bg-attachment-local:disabled { background-attachment: local; }
  .xl-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  .xl-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  .xl-group:hover .xl-group-hover-bg-attachment-local { background-attachment: local; }
  .xl-bg-attachment-scroll { background-attachment: scroll; }
  .xl-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  .xl-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  .xl-active-bg-attachment-scroll:active { background-attachment: scroll; }
  .xl-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  .xl-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  .xl-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  .xl-group:hover .xl-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  .xl-bg-clip-border { background-clip: border-box; }
  .xl-hover-bg-clip-border:hover { background-clip: border-box; }
  .xl-focus-bg-clip-border:focus { background-clip: border-box; }
  .xl-active-bg-clip-border:active { background-clip: border-box; }
  .xl-disabled-bg-clip-border:disabled { background-clip: border-box; }
  .xl-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  .xl-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  .xl-group:hover .xl-group-hover-bg-clip-border { background-clip: border-box; }
  .xl-bg-clip-padding { background-clip: padding-box; }
  .xl-hover-bg-clip-padding:hover { background-clip: padding-box; }
  .xl-focus-bg-clip-padding:focus { background-clip: padding-box; }
  .xl-active-bg-clip-padding:active { background-clip: padding-box; }
  .xl-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  .xl-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  .xl-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  .xl-group:hover .xl-group-hover-bg-clip-padding { background-clip: padding-box; }
  .xl-bg-clip-content { background-clip: content-box; }
  .xl-hover-bg-clip-content:hover { background-clip: content-box; }
  .xl-focus-bg-clip-content:focus { background-clip: content-box; }
  .xl-active-bg-clip-content:active { background-clip: content-box; }
  .xl-disabled-bg-clip-content:disabled { background-clip: content-box; }
  .xl-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  .xl-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  .xl-group:hover .xl-group-hover-bg-clip-content { background-clip: content-box; }
  .xl-bg-color-transparent { background-color: transparent; }
  .xl-hover-bg-color-transparent:hover { background-color: transparent; }
  .xl-focus-bg-color-transparent:focus { background-color: transparent; }
  .xl-active-bg-color-transparent:active { background-color: transparent; }
  .xl-disabled-bg-color-transparent:disabled { background-color: transparent; }
  .xl-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  .xl-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  .xl-group:hover .xl-group-hover-bg-color-transparent { background-color: transparent; }
  .xl-bg-color-black { background-color: #000; }
  .xl-hover-bg-color-black:hover { background-color: #000; }
  .xl-focus-bg-color-black:focus { background-color: #000; }
  .xl-active-bg-color-black:active { background-color: #000; }
  .xl-disabled-bg-color-black:disabled { background-color: #000; }
  .xl-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  .xl-focus-within-bg-color-black:focus-within { background-color: #000; }
  .xl-group:hover .xl-group-hover-bg-color-black { background-color: #000; }
  .xl-bg-color-white { background-color: #fff; }
  .xl-hover-bg-color-white:hover { background-color: #fff; }
  .xl-focus-bg-color-white:focus { background-color: #fff; }
  .xl-active-bg-color-white:active { background-color: #fff; }
  .xl-disabled-bg-color-white:disabled { background-color: #fff; }
  .xl-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  .xl-focus-within-bg-color-white:focus-within { background-color: #fff; }
  .xl-group:hover .xl-group-hover-bg-color-white { background-color: #fff; }
  .xl-bg-image-none { background-image: none; }
  .xl-hover-bg-image-none:hover { background-image: none; }
  .xl-focus-bg-image-none:focus { background-image: none; }
  .xl-active-bg-image-none:active { background-image: none; }
  .xl-disabled-bg-image-none:disabled { background-image: none; }
  .xl-focus-visible-bg-image-none:focus-visible { background-image: none; }
  .xl-focus-within-bg-image-none:focus-within { background-image: none; }
  .xl-group:hover .xl-group-hover-bg-image-none { background-image: none; }
  .xl-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-group:hover .xl-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .xl-bg-origin-border { background-origin: border-box; }
  .xl-hover-bg-origin-border:hover { background-origin: border-box; }
  .xl-focus-bg-origin-border:focus { background-origin: border-box; }
  .xl-active-bg-origin-border:active { background-origin: border-box; }
  .xl-disabled-bg-origin-border:disabled { background-origin: border-box; }
  .xl-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  .xl-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  .xl-group:hover .xl-group-hover-bg-origin-border { background-origin: border-box; }
  .xl-bg-origin-padding { background-origin: padding-box; }
  .xl-hover-bg-origin-padding:hover { background-origin: padding-box; }
  .xl-focus-bg-origin-padding:focus { background-origin: padding-box; }
  .xl-active-bg-origin-padding:active { background-origin: padding-box; }
  .xl-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  .xl-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  .xl-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  .xl-group:hover .xl-group-hover-bg-origin-padding { background-origin: padding-box; }
  .xl-bg-origin-content { background-origin: content-box; }
  .xl-hover-bg-origin-content:hover { background-origin: content-box; }
  .xl-focus-bg-origin-content:focus { background-origin: content-box; }
  .xl-active-bg-origin-content:active { background-origin: content-box; }
  .xl-disabled-bg-origin-content:disabled { background-origin: content-box; }
  .xl-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  .xl-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  .xl-group:hover .xl-group-hover-bg-origin-content { background-origin: content-box; }
  .xl-bg-position-center { background-position: center; }
  .xl-hover-bg-position-center:hover { background-position: center; }
  .xl-focus-bg-position-center:focus { background-position: center; }
  .xl-active-bg-position-center:active { background-position: center; }
  .xl-disabled-bg-position-center:disabled { background-position: center; }
  .xl-focus-visible-bg-position-center:focus-visible { background-position: center; }
  .xl-focus-within-bg-position-center:focus-within { background-position: center; }
  .xl-group:hover .xl-group-hover-bg-position-center { background-position: center; }
  .xl-bg-position-top { background-position: top; }
  .xl-hover-bg-position-top:hover { background-position: top; }
  .xl-focus-bg-position-top:focus { background-position: top; }
  .xl-active-bg-position-top:active { background-position: top; }
  .xl-disabled-bg-position-top:disabled { background-position: top; }
  .xl-focus-visible-bg-position-top:focus-visible { background-position: top; }
  .xl-focus-within-bg-position-top:focus-within { background-position: top; }
  .xl-group:hover .xl-group-hover-bg-position-top { background-position: top; }
  .xl-bg-position-bottom { background-position: bottom; }
  .xl-hover-bg-position-bottom:hover { background-position: bottom; }
  .xl-focus-bg-position-bottom:focus { background-position: bottom; }
  .xl-active-bg-position-bottom:active { background-position: bottom; }
  .xl-disabled-bg-position-bottom:disabled { background-position: bottom; }
  .xl-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  .xl-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  .xl-group:hover .xl-group-hover-bg-position-bottom { background-position: bottom; }
  .xl-bg-position-left { background-position: left; }
  .xl-hover-bg-position-left:hover { background-position: left; }
  .xl-focus-bg-position-left:focus { background-position: left; }
  .xl-active-bg-position-left:active { background-position: left; }
  .xl-disabled-bg-position-left:disabled { background-position: left; }
  .xl-focus-visible-bg-position-left:focus-visible { background-position: left; }
  .xl-focus-within-bg-position-left:focus-within { background-position: left; }
  .xl-group:hover .xl-group-hover-bg-position-left { background-position: left; }
  .xl-bg-position-right { background-position: right; }
  .xl-hover-bg-position-right:hover { background-position: right; }
  .xl-focus-bg-position-right:focus { background-position: right; }
  .xl-active-bg-position-right:active { background-position: right; }
  .xl-disabled-bg-position-right:disabled { background-position: right; }
  .xl-focus-visible-bg-position-right:focus-visible { background-position: right; }
  .xl-focus-within-bg-position-right:focus-within { background-position: right; }
  .xl-group:hover .xl-group-hover-bg-position-right { background-position: right; }
  .xl-bg-position-top-left { background-position: top left; }
  .xl-hover-bg-position-top-left:hover { background-position: top left; }
  .xl-focus-bg-position-top-left:focus { background-position: top left; }
  .xl-active-bg-position-top-left:active { background-position: top left; }
  .xl-disabled-bg-position-top-left:disabled { background-position: top left; }
  .xl-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  .xl-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  .xl-group:hover .xl-group-hover-bg-position-top-left { background-position: top left; }
  .xl-bg-position-top-right { background-position: top right; }
  .xl-hover-bg-position-top-right:hover { background-position: top right; }
  .xl-focus-bg-position-top-right:focus { background-position: top right; }
  .xl-active-bg-position-top-right:active { background-position: top right; }
  .xl-disabled-bg-position-top-right:disabled { background-position: top right; }
  .xl-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  .xl-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  .xl-group:hover .xl-group-hover-bg-position-top-right { background-position: top right; }
  .xl-bg-position-bottom-left { background-position: bottom left; }
  .xl-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  .xl-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  .xl-active-bg-position-bottom-left:active { background-position: bottom left; }
  .xl-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  .xl-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  .xl-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  .xl-group:hover .xl-group-hover-bg-position-bottom-left { background-position: bottom left; }
  .xl-bg-position-bottom-right { background-position: bottom right; }
  .xl-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  .xl-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  .xl-active-bg-position-bottom-right:active { background-position: bottom right; }
  .xl-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  .xl-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  .xl-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  .xl-group:hover .xl-group-hover-bg-position-bottom-right { background-position: bottom right; }
  .xl-bg-repeat-none { background-repeat: no-repeat; }
  .xl-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  .xl-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  .xl-active-bg-repeat-none:active { background-repeat: no-repeat; }
  .xl-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  .xl-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  .xl-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  .xl-group:hover .xl-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  .xl-bg-repeat-x { background-repeat: repeat-x; }
  .xl-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  .xl-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  .xl-active-bg-repeat-x:active { background-repeat: repeat-x; }
  .xl-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  .xl-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  .xl-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  .xl-group:hover .xl-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  .xl-bg-repeat-y { background-repeat: repeat-y; }
  .xl-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  .xl-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  .xl-active-bg-repeat-y:active { background-repeat: repeat-y; }
  .xl-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  .xl-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  .xl-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  .xl-group:hover .xl-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  .xl-bg-repeat { background-repeat: repeat; }
  .xl-hover-bg-repeat:hover { background-repeat: repeat; }
  .xl-focus-bg-repeat:focus { background-repeat: repeat; }
  .xl-active-bg-repeat:active { background-repeat: repeat; }
  .xl-disabled-bg-repeat:disabled { background-repeat: repeat; }
  .xl-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  .xl-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  .xl-group:hover .xl-group-hover-bg-repeat { background-repeat: repeat; }
  .xl-bg-repeat-round { background-repeat: round; }
  .xl-hover-bg-repeat-round:hover { background-repeat: round; }
  .xl-focus-bg-repeat-round:focus { background-repeat: round; }
  .xl-active-bg-repeat-round:active { background-repeat: round; }
  .xl-disabled-bg-repeat-round:disabled { background-repeat: round; }
  .xl-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  .xl-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  .xl-group:hover .xl-group-hover-bg-repeat-round { background-repeat: round; }
  .xl-bg-repeat-space { background-repeat: space; }
  .xl-hover-bg-repeat-space:hover { background-repeat: space; }
  .xl-focus-bg-repeat-space:focus { background-repeat: space; }
  .xl-active-bg-repeat-space:active { background-repeat: space; }
  .xl-disabled-bg-repeat-space:disabled { background-repeat: space; }
  .xl-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  .xl-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  .xl-group:hover .xl-group-hover-bg-repeat-space { background-repeat: space; }
  .xl-bg-size-auto { background-size: auto; }
  .xl-hover-bg-size-auto:hover { background-size: auto; }
  .xl-focus-bg-size-auto:focus { background-size: auto; }
  .xl-active-bg-size-auto:active { background-size: auto; }
  .xl-disabled-bg-size-auto:disabled { background-size: auto; }
  .xl-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  .xl-focus-within-bg-size-auto:focus-within { background-size: auto; }
  .xl-group:hover .xl-group-hover-bg-size-auto { background-size: auto; }
  .xl-bg-size-cover { background-size: cover; }
  .xl-hover-bg-size-cover:hover { background-size: cover; }
  .xl-focus-bg-size-cover:focus { background-size: cover; }
  .xl-active-bg-size-cover:active { background-size: cover; }
  .xl-disabled-bg-size-cover:disabled { background-size: cover; }
  .xl-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  .xl-focus-within-bg-size-cover:focus-within { background-size: cover; }
  .xl-group:hover .xl-group-hover-bg-size-cover { background-size: cover; }
  .xl-bg-size-contain { background-size: contain; }
  .xl-hover-bg-size-contain:hover { background-size: contain; }
  .xl-focus-bg-size-contain:focus { background-size: contain; }
  .xl-active-bg-size-contain:active { background-size: contain; }
  .xl-disabled-bg-size-contain:disabled { background-size: contain; }
  .xl-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  .xl-focus-within-bg-size-contain:focus-within { background-size: contain; }
  .xl-group:hover .xl-group-hover-bg-size-contain { background-size: contain; }
  .xl-fill-current { fill: currentColor; }
  .xl-hover-fill-current:hover { fill: currentColor; }
  .xl-focus-fill-current:focus { fill: currentColor; }
  .xl-active-fill-current:active { fill: currentColor; }
  .xl-disabled-fill-current:disabled { fill: currentColor; }
  .xl-focus-visible-fill-current:focus-visible { fill: currentColor; }
  .xl-focus-within-fill-current:focus-within { fill: currentColor; }
  .xl-group:hover .xl-group-hover-fill-current { fill: currentColor; }
  .xl-fill-none { fill: none; }
  .xl-hover-fill-none:hover { fill: none; }
  .xl-focus-fill-none:focus { fill: none; }
  .xl-active-fill-none:active { fill: none; }
  .xl-disabled-fill-none:disabled { fill: none; }
  .xl-focus-visible-fill-none:focus-visible { fill: none; }
  .xl-focus-within-fill-none:focus-within { fill: none; }
  .xl-group:hover .xl-group-hover-fill-none { fill: none; }
  .xl-stroke-current { stroke: currentColor; }
  .xl-hover-stroke-current:hover { stroke: currentColor; }
  .xl-focus-stroke-current:focus { stroke: currentColor; }
  .xl-active-stroke-current:active { stroke: currentColor; }
  .xl-disabled-stroke-current:disabled { stroke: currentColor; }
  .xl-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  .xl-focus-within-stroke-current:focus-within { stroke: currentColor; }
  .xl-group:hover .xl-group-hover-stroke-current { stroke: currentColor; }
  .xl-stroke-0 { stroke-width: 0; }
  .xl-hover-stroke-0:hover { stroke-width: 0; }
  .xl-focus-stroke-0:focus { stroke-width: 0; }
  .xl-active-stroke-0:active { stroke-width: 0; }
  .xl-disabled-stroke-0:disabled { stroke-width: 0; }
  .xl-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  .xl-focus-within-stroke-0:focus-within { stroke-width: 0; }
  .xl-group:hover .xl-group-hover-stroke-0 { stroke-width: 0; }
  .xl-stroke-1 { stroke-width: 1; }
  .xl-hover-stroke-1:hover { stroke-width: 1; }
  .xl-focus-stroke-1:focus { stroke-width: 1; }
  .xl-active-stroke-1:active { stroke-width: 1; }
  .xl-disabled-stroke-1:disabled { stroke-width: 1; }
  .xl-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  .xl-focus-within-stroke-1:focus-within { stroke-width: 1; }
  .xl-group:hover .xl-group-hover-stroke-1 { stroke-width: 1; }
  .xl-stroke-2 { stroke-width: 2; }
  .xl-hover-stroke-2:hover { stroke-width: 2; }
  .xl-focus-stroke-2:focus { stroke-width: 2; }
  .xl-active-stroke-2:active { stroke-width: 2; }
  .xl-disabled-stroke-2:disabled { stroke-width: 2; }
  .xl-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  .xl-focus-within-stroke-2:focus-within { stroke-width: 2; }
  .xl-group:hover .xl-group-hover-stroke-2 { stroke-width: 2; }
  .xl-stroke-4 { stroke-width: 4; }
  .xl-hover-stroke-4:hover { stroke-width: 4; }
  .xl-focus-stroke-4:focus { stroke-width: 4; }
  .xl-active-stroke-4:active { stroke-width: 4; }
  .xl-disabled-stroke-4:disabled { stroke-width: 4; }
  .xl-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  .xl-focus-within-stroke-4:focus-within { stroke-width: 4; }
  .xl-group:hover .xl-group-hover-stroke-4 { stroke-width: 4; }
  .xl-stroke-8 { stroke-width: 8; }
  .xl-hover-stroke-8:hover { stroke-width: 8; }
  .xl-focus-stroke-8:focus { stroke-width: 8; }
  .xl-active-stroke-8:active { stroke-width: 8; }
  .xl-disabled-stroke-8:disabled { stroke-width: 8; }
  .xl-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  .xl-focus-within-stroke-8:focus-within { stroke-width: 8; }
  .xl-group:hover .xl-group-hover-stroke-8 { stroke-width: 8; }
  .xl-line-height-1 { line-height: 1; }
  .xl-hover-line-height-1:hover { line-height: 1; }
  .xl-focus-line-height-1:focus { line-height: 1; }
  .xl-active-line-height-1:active { line-height: 1; }
  .xl-disabled-line-height-1:disabled { line-height: 1; }
  .xl-focus-visible-line-height-1:focus-visible { line-height: 1; }
  .xl-focus-within-line-height-1:focus-within { line-height: 1; }
  .xl-group:hover .xl-group-hover-line-height-1 { line-height: 1; }
  .xl-line-height-2 { line-height: 1.25; }
  .xl-hover-line-height-2:hover { line-height: 1.25; }
  .xl-focus-line-height-2:focus { line-height: 1.25; }
  .xl-active-line-height-2:active { line-height: 1.25; }
  .xl-disabled-line-height-2:disabled { line-height: 1.25; }
  .xl-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  .xl-focus-within-line-height-2:focus-within { line-height: 1.25; }
  .xl-group:hover .xl-group-hover-line-height-2 { line-height: 1.25; }
  .xl-line-height-3 { line-height: 1.375; }
  .xl-hover-line-height-3:hover { line-height: 1.375; }
  .xl-focus-line-height-3:focus { line-height: 1.375; }
  .xl-active-line-height-3:active { line-height: 1.375; }
  .xl-disabled-line-height-3:disabled { line-height: 1.375; }
  .xl-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  .xl-focus-within-line-height-3:focus-within { line-height: 1.375; }
  .xl-group:hover .xl-group-hover-line-height-3 { line-height: 1.375; }
  .xl-line-height-4 { line-height: 1.5; }
  .xl-hover-line-height-4:hover { line-height: 1.5; }
  .xl-focus-line-height-4:focus { line-height: 1.5; }
  .xl-active-line-height-4:active { line-height: 1.5; }
  .xl-disabled-line-height-4:disabled { line-height: 1.5; }
  .xl-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  .xl-focus-within-line-height-4:focus-within { line-height: 1.5; }
  .xl-group:hover .xl-group-hover-line-height-4 { line-height: 1.5; }
  .xl-line-height-5 { line-height: 1.625; }
  .xl-hover-line-height-5:hover { line-height: 1.625; }
  .xl-focus-line-height-5:focus { line-height: 1.625; }
  .xl-active-line-height-5:active { line-height: 1.625; }
  .xl-disabled-line-height-5:disabled { line-height: 1.625; }
  .xl-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  .xl-focus-within-line-height-5:focus-within { line-height: 1.625; }
  .xl-group:hover .xl-group-hover-line-height-5 { line-height: 1.625; }
  .xl-line-height-6 { line-height: 1.75; }
  .xl-hover-line-height-6:hover { line-height: 1.75; }
  .xl-focus-line-height-6:focus { line-height: 1.75; }
  .xl-active-line-height-6:active { line-height: 1.75; }
  .xl-disabled-line-height-6:disabled { line-height: 1.75; }
  .xl-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  .xl-focus-within-line-height-6:focus-within { line-height: 1.75; }
  .xl-group:hover .xl-group-hover-line-height-6 { line-height: 1.75; }
  .xl-line-height-7 { line-height: 2; }
  .xl-hover-line-height-7:hover { line-height: 2; }
  .xl-focus-line-height-7:focus { line-height: 2; }
  .xl-active-line-height-7:active { line-height: 2; }
  .xl-disabled-line-height-7:disabled { line-height: 2; }
  .xl-focus-visible-line-height-7:focus-visible { line-height: 2; }
  .xl-focus-within-line-height-7:focus-within { line-height: 2; }
  .xl-group:hover .xl-group-hover-line-height-7 { line-height: 2; }
  .xl-text-left { text-align: left; }
  .xl-hover-text-left:hover { text-align: left; }
  .xl-focus-text-left:focus { text-align: left; }
  .xl-active-text-left:active { text-align: left; }
  .xl-disabled-text-left:disabled { text-align: left; }
  .xl-focus-visible-text-left:focus-visible { text-align: left; }
  .xl-focus-within-text-left:focus-within { text-align: left; }
  .xl-group:hover .xl-group-hover-text-left { text-align: left; }
  .xl-text-center { text-align: center; }
  .xl-hover-text-center:hover { text-align: center; }
  .xl-focus-text-center:focus { text-align: center; }
  .xl-active-text-center:active { text-align: center; }
  .xl-disabled-text-center:disabled { text-align: center; }
  .xl-focus-visible-text-center:focus-visible { text-align: center; }
  .xl-focus-within-text-center:focus-within { text-align: center; }
  .xl-group:hover .xl-group-hover-text-center { text-align: center; }
  .xl-text-right { text-align: right; }
  .xl-hover-text-right:hover { text-align: right; }
  .xl-focus-text-right:focus { text-align: right; }
  .xl-active-text-right:active { text-align: right; }
  .xl-disabled-text-right:disabled { text-align: right; }
  .xl-focus-visible-text-right:focus-visible { text-align: right; }
  .xl-focus-within-text-right:focus-within { text-align: right; }
  .xl-group:hover .xl-group-hover-text-right { text-align: right; }
  .xl-text-justify { text-align: justify; }
  .xl-hover-text-justify:hover { text-align: justify; }
  .xl-focus-text-justify:focus { text-align: justify; }
  .xl-active-text-justify:active { text-align: justify; }
  .xl-disabled-text-justify:disabled { text-align: justify; }
  .xl-focus-visible-text-justify:focus-visible { text-align: justify; }
  .xl-focus-within-text-justify:focus-within { text-align: justify; }
  .xl-group:hover .xl-group-hover-text-justify { text-align: justify; }
  .xl-justify-start { justify-content: flex-start; }
  .xl-hover-justify-start:hover { justify-content: flex-start; }
  .xl-focus-justify-start:focus { justify-content: flex-start; }
  .xl-active-justify-start:active { justify-content: flex-start; }
  .xl-disabled-justify-start:disabled { justify-content: flex-start; }
  .xl-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  .xl-focus-within-justify-start:focus-within { justify-content: flex-start; }
  .xl-group:hover .xl-group-hover-justify-start { justify-content: flex-start; }
  .xl-justify-center { justify-content: center; }
  .xl-hover-justify-center:hover { justify-content: center; }
  .xl-focus-justify-center:focus { justify-content: center; }
  .xl-active-justify-center:active { justify-content: center; }
  .xl-disabled-justify-center:disabled { justify-content: center; }
  .xl-focus-visible-justify-center:focus-visible { justify-content: center; }
  .xl-focus-within-justify-center:focus-within { justify-content: center; }
  .xl-group:hover .xl-group-hover-justify-center { justify-content: center; }
  .xl-justify-end { justify-content: flex-end; }
  .xl-hover-justify-end:hover { justify-content: flex-end; }
  .xl-focus-justify-end:focus { justify-content: flex-end; }
  .xl-active-justify-end:active { justify-content: flex-end; }
  .xl-disabled-justify-end:disabled { justify-content: flex-end; }
  .xl-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  .xl-focus-within-justify-end:focus-within { justify-content: flex-end; }
  .xl-group:hover .xl-group-hover-justify-end { justify-content: flex-end; }
  .xl-justify-between { justify-content: space-between; }
  .xl-hover-justify-between:hover { justify-content: space-between; }
  .xl-focus-justify-between:focus { justify-content: space-between; }
  .xl-active-justify-between:active { justify-content: space-between; }
  .xl-disabled-justify-between:disabled { justify-content: space-between; }
  .xl-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  .xl-focus-within-justify-between:focus-within { justify-content: space-between; }
  .xl-group:hover .xl-group-hover-justify-between { justify-content: space-between; }
  .xl-justify-around { justify-content: space-around; }
  .xl-hover-justify-around:hover { justify-content: space-around; }
  .xl-focus-justify-around:focus { justify-content: space-around; }
  .xl-active-justify-around:active { justify-content: space-around; }
  .xl-disabled-justify-around:disabled { justify-content: space-around; }
  .xl-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  .xl-focus-within-justify-around:focus-within { justify-content: space-around; }
  .xl-group:hover .xl-group-hover-justify-around { justify-content: space-around; }
  .xl-justify-evenly { justify-content: space-evenly; }
  .xl-hover-justify-evenly:hover { justify-content: space-evenly; }
  .xl-focus-justify-evenly:focus { justify-content: space-evenly; }
  .xl-active-justify-evenly:active { justify-content: space-evenly; }
  .xl-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  .xl-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  .xl-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  .xl-group:hover .xl-group-hover-justify-evenly { justify-content: space-evenly; }
  .xl-items-start { align-items: flex-start; }
  .xl-hover-items-start:hover { align-items: flex-start; }
  .xl-focus-items-start:focus { align-items: flex-start; }
  .xl-active-items-start:active { align-items: flex-start; }
  .xl-disabled-items-start:disabled { align-items: flex-start; }
  .xl-focus-visible-items-start:focus-visible { align-items: flex-start; }
  .xl-focus-within-items-start:focus-within { align-items: flex-start; }
  .xl-group:hover .xl-group-hover-items-start { align-items: flex-start; }
  .xl-items-center { align-items: center; }
  .xl-hover-items-center:hover { align-items: center; }
  .xl-focus-items-center:focus { align-items: center; }
  .xl-active-items-center:active { align-items: center; }
  .xl-disabled-items-center:disabled { align-items: center; }
  .xl-focus-visible-items-center:focus-visible { align-items: center; }
  .xl-focus-within-items-center:focus-within { align-items: center; }
  .xl-group:hover .xl-group-hover-items-center { align-items: center; }
  .xl-items-end { align-items: flex-end; }
  .xl-hover-items-end:hover { align-items: flex-end; }
  .xl-focus-items-end:focus { align-items: flex-end; }
  .xl-active-items-end:active { align-items: flex-end; }
  .xl-disabled-items-end:disabled { align-items: flex-end; }
  .xl-focus-visible-items-end:focus-visible { align-items: flex-end; }
  .xl-focus-within-items-end:focus-within { align-items: flex-end; }
  .xl-group:hover .xl-group-hover-items-end { align-items: flex-end; }
  .xl-items-baseline { align-items: baseline; }
  .xl-hover-items-baseline:hover { align-items: baseline; }
  .xl-focus-items-baseline:focus { align-items: baseline; }
  .xl-active-items-baseline:active { align-items: baseline; }
  .xl-disabled-items-baseline:disabled { align-items: baseline; }
  .xl-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  .xl-focus-within-items-baseline:focus-within { align-items: baseline; }
  .xl-group:hover .xl-group-hover-items-baseline { align-items: baseline; }
  .xl-items-stretch { align-items: stretch; }
  .xl-hover-items-stretch:hover { align-items: stretch; }
  .xl-focus-items-stretch:focus { align-items: stretch; }
  .xl-active-items-stretch:active { align-items: stretch; }
  .xl-disabled-items-stretch:disabled { align-items: stretch; }
  .xl-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  .xl-focus-within-items-stretch:focus-within { align-items: stretch; }
  .xl-group:hover .xl-group-hover-items-stretch { align-items: stretch; }
  .xl-content-start { align-content: flex-start; }
  .xl-hover-content-start:hover { align-content: flex-start; }
  .xl-focus-content-start:focus { align-content: flex-start; }
  .xl-active-content-start:active { align-content: flex-start; }
  .xl-disabled-content-start:disabled { align-content: flex-start; }
  .xl-focus-visible-content-start:focus-visible { align-content: flex-start; }
  .xl-focus-within-content-start:focus-within { align-content: flex-start; }
  .xl-group:hover .xl-group-hover-content-start { align-content: flex-start; }
  .xl-content-center { align-content: center; }
  .xl-hover-content-center:hover { align-content: center; }
  .xl-focus-content-center:focus { align-content: center; }
  .xl-active-content-center:active { align-content: center; }
  .xl-disabled-content-center:disabled { align-content: center; }
  .xl-focus-visible-content-center:focus-visible { align-content: center; }
  .xl-focus-within-content-center:focus-within { align-content: center; }
  .xl-group:hover .xl-group-hover-content-center { align-content: center; }
  .xl-content-end { align-content: flex-end; }
  .xl-hover-content-end:hover { align-content: flex-end; }
  .xl-focus-content-end:focus { align-content: flex-end; }
  .xl-active-content-end:active { align-content: flex-end; }
  .xl-disabled-content-end:disabled { align-content: flex-end; }
  .xl-focus-visible-content-end:focus-visible { align-content: flex-end; }
  .xl-focus-within-content-end:focus-within { align-content: flex-end; }
  .xl-group:hover .xl-group-hover-content-end { align-content: flex-end; }
  .xl-content-between { align-content: space-between; }
  .xl-hover-content-between:hover { align-content: space-between; }
  .xl-focus-content-between:focus { align-content: space-between; }
  .xl-active-content-between:active { align-content: space-between; }
  .xl-disabled-content-between:disabled { align-content: space-between; }
  .xl-focus-visible-content-between:focus-visible { align-content: space-between; }
  .xl-focus-within-content-between:focus-within { align-content: space-between; }
  .xl-group:hover .xl-group-hover-content-between { align-content: space-between; }
  .xl-content-around { align-content: space-around; }
  .xl-hover-content-around:hover { align-content: space-around; }
  .xl-focus-content-around:focus { align-content: space-around; }
  .xl-active-content-around:active { align-content: space-around; }
  .xl-disabled-content-around:disabled { align-content: space-around; }
  .xl-focus-visible-content-around:focus-visible { align-content: space-around; }
  .xl-focus-within-content-around:focus-within { align-content: space-around; }
  .xl-group:hover .xl-group-hover-content-around { align-content: space-around; }
  .xl-content-evenly { align-content: space-evenly; }
  .xl-hover-content-evenly:hover { align-content: space-evenly; }
  .xl-focus-content-evenly:focus { align-content: space-evenly; }
  .xl-active-content-evenly:active { align-content: space-evenly; }
  .xl-disabled-content-evenly:disabled { align-content: space-evenly; }
  .xl-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  .xl-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  .xl-group:hover .xl-group-hover-content-evenly { align-content: space-evenly; }
  .xl-self-auto { align-self: auto; }
  .xl-hover-self-auto:hover { align-self: auto; }
  .xl-focus-self-auto:focus { align-self: auto; }
  .xl-active-self-auto:active { align-self: auto; }
  .xl-disabled-self-auto:disabled { align-self: auto; }
  .xl-focus-visible-self-auto:focus-visible { align-self: auto; }
  .xl-focus-within-self-auto:focus-within { align-self: auto; }
  .xl-group:hover .xl-group-hover-self-auto { align-self: auto; }
  .xl-self-start { align-self: flex-start; }
  .xl-hover-self-start:hover { align-self: flex-start; }
  .xl-focus-self-start:focus { align-self: flex-start; }
  .xl-active-self-start:active { align-self: flex-start; }
  .xl-disabled-self-start:disabled { align-self: flex-start; }
  .xl-focus-visible-self-start:focus-visible { align-self: flex-start; }
  .xl-focus-within-self-start:focus-within { align-self: flex-start; }
  .xl-group:hover .xl-group-hover-self-start { align-self: flex-start; }
  .xl-self-center { align-self: center; }
  .xl-hover-self-center:hover { align-self: center; }
  .xl-focus-self-center:focus { align-self: center; }
  .xl-active-self-center:active { align-self: center; }
  .xl-disabled-self-center:disabled { align-self: center; }
  .xl-focus-visible-self-center:focus-visible { align-self: center; }
  .xl-focus-within-self-center:focus-within { align-self: center; }
  .xl-group:hover .xl-group-hover-self-center { align-self: center; }
  .xl-self-end { align-self: flex-end; }
  .xl-hover-self-end:hover { align-self: flex-end; }
  .xl-focus-self-end:focus { align-self: flex-end; }
  .xl-active-self-end:active { align-self: flex-end; }
  .xl-disabled-self-end:disabled { align-self: flex-end; }
  .xl-focus-visible-self-end:focus-visible { align-self: flex-end; }
  .xl-focus-within-self-end:focus-within { align-self: flex-end; }
  .xl-group:hover .xl-group-hover-self-end { align-self: flex-end; }
  .xl-self-stretch { align-self: stretch; }
  .xl-hover-self-stretch:hover { align-self: stretch; }
  .xl-focus-self-stretch:focus { align-self: stretch; }
  .xl-active-self-stretch:active { align-self: stretch; }
  .xl-disabled-self-stretch:disabled { align-self: stretch; }
  .xl-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  .xl-focus-within-self-stretch:focus-within { align-self: stretch; }
  .xl-group:hover .xl-group-hover-self-stretch { align-self: stretch; }
  .xl-place-items-start { place-items: start; }
  .xl-hover-place-items-start:hover { place-items: start; }
  .xl-focus-place-items-start:focus { place-items: start; }
  .xl-active-place-items-start:active { place-items: start; }
  .xl-disabled-place-items-start:disabled { place-items: start; }
  .xl-focus-visible-place-items-start:focus-visible { place-items: start; }
  .xl-focus-within-place-items-start:focus-within { place-items: start; }
  .xl-group:hover .xl-group-hover-place-items-start { place-items: start; }
  .xl-place-items-center { place-items: center; }
  .xl-hover-place-items-center:hover { place-items: center; }
  .xl-focus-place-items-center:focus { place-items: center; }
  .xl-active-place-items-center:active { place-items: center; }
  .xl-disabled-place-items-center:disabled { place-items: center; }
  .xl-focus-visible-place-items-center:focus-visible { place-items: center; }
  .xl-focus-within-place-items-center:focus-within { place-items: center; }
  .xl-group:hover .xl-group-hover-place-items-center { place-items: center; }
  .xl-place-items-end { place-items: end; }
  .xl-hover-place-items-end:hover { place-items: end; }
  .xl-focus-place-items-end:focus { place-items: end; }
  .xl-active-place-items-end:active { place-items: end; }
  .xl-disabled-place-items-end:disabled { place-items: end; }
  .xl-focus-visible-place-items-end:focus-visible { place-items: end; }
  .xl-focus-within-place-items-end:focus-within { place-items: end; }
  .xl-group:hover .xl-group-hover-place-items-end { place-items: end; }
  .xl-place-items-stretch { place-items: stretch; }
  .xl-hover-place-items-stretch:hover { place-items: stretch; }
  .xl-focus-place-items-stretch:focus { place-items: stretch; }
  .xl-active-place-items-stretch:active { place-items: stretch; }
  .xl-disabled-place-items-stretch:disabled { place-items: stretch; }
  .xl-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  .xl-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  .xl-group:hover .xl-group-hover-place-items-stretch { place-items: stretch; }
  .xl-place-content-start { place-content: start; }
  .xl-hover-place-content-start:hover { place-content: start; }
  .xl-focus-place-content-start:focus { place-content: start; }
  .xl-active-place-content-start:active { place-content: start; }
  .xl-disabled-place-content-start:disabled { place-content: start; }
  .xl-focus-visible-place-content-start:focus-visible { place-content: start; }
  .xl-focus-within-place-content-start:focus-within { place-content: start; }
  .xl-group:hover .xl-group-hover-place-content-start { place-content: start; }
  .xl-place-content-center { place-content: center; }
  .xl-hover-place-content-center:hover { place-content: center; }
  .xl-focus-place-content-center:focus { place-content: center; }
  .xl-active-place-content-center:active { place-content: center; }
  .xl-disabled-place-content-center:disabled { place-content: center; }
  .xl-focus-visible-place-content-center:focus-visible { place-content: center; }
  .xl-focus-within-place-content-center:focus-within { place-content: center; }
  .xl-group:hover .xl-group-hover-place-content-center { place-content: center; }
  .xl-place-content-end { place-content: end; }
  .xl-hover-place-content-end:hover { place-content: end; }
  .xl-focus-place-content-end:focus { place-content: end; }
  .xl-active-place-content-end:active { place-content: end; }
  .xl-disabled-place-content-end:disabled { place-content: end; }
  .xl-focus-visible-place-content-end:focus-visible { place-content: end; }
  .xl-focus-within-place-content-end:focus-within { place-content: end; }
  .xl-group:hover .xl-group-hover-place-content-end { place-content: end; }
  .xl-place-content-between { place-content: space-between; }
  .xl-hover-place-content-between:hover { place-content: space-between; }
  .xl-focus-place-content-between:focus { place-content: space-between; }
  .xl-active-place-content-between:active { place-content: space-between; }
  .xl-disabled-place-content-between:disabled { place-content: space-between; }
  .xl-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  .xl-focus-within-place-content-between:focus-within { place-content: space-between; }
  .xl-group:hover .xl-group-hover-place-content-between { place-content: space-between; }
  .xl-place-content-around { place-content: space-around; }
  .xl-hover-place-content-around:hover { place-content: space-around; }
  .xl-focus-place-content-around:focus { place-content: space-around; }
  .xl-active-place-content-around:active { place-content: space-around; }
  .xl-disabled-place-content-around:disabled { place-content: space-around; }
  .xl-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  .xl-focus-within-place-content-around:focus-within { place-content: space-around; }
  .xl-group:hover .xl-group-hover-place-content-around { place-content: space-around; }
  .xl-place-self-auto { place-self: auto; }
  .xl-hover-place-self-auto:hover { place-self: auto; }
  .xl-focus-place-self-auto:focus { place-self: auto; }
  .xl-active-place-self-auto:active { place-self: auto; }
  .xl-disabled-place-self-auto:disabled { place-self: auto; }
  .xl-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  .xl-focus-within-place-self-auto:focus-within { place-self: auto; }
  .xl-group:hover .xl-group-hover-place-self-auto { place-self: auto; }
  .xl-place-self-start { place-self: start; }
  .xl-hover-place-self-start:hover { place-self: start; }
  .xl-focus-place-self-start:focus { place-self: start; }
  .xl-active-place-self-start:active { place-self: start; }
  .xl-disabled-place-self-start:disabled { place-self: start; }
  .xl-focus-visible-place-self-start:focus-visible { place-self: start; }
  .xl-focus-within-place-self-start:focus-within { place-self: start; }
  .xl-group:hover .xl-group-hover-place-self-start { place-self: start; }
  .xl-place-self-center { place-self: center; }
  .xl-hover-place-self-center:hover { place-self: center; }
  .xl-focus-place-self-center:focus { place-self: center; }
  .xl-active-place-self-center:active { place-self: center; }
  .xl-disabled-place-self-center:disabled { place-self: center; }
  .xl-focus-visible-place-self-center:focus-visible { place-self: center; }
  .xl-focus-within-place-self-center:focus-within { place-self: center; }
  .xl-group:hover .xl-group-hover-place-self-center { place-self: center; }
  .xl-place-self-end { place-self: end; }
  .xl-hover-place-self-end:hover { place-self: end; }
  .xl-focus-place-self-end:focus { place-self: end; }
  .xl-active-place-self-end:active { place-self: end; }
  .xl-disabled-place-self-end:disabled { place-self: end; }
  .xl-focus-visible-place-self-end:focus-visible { place-self: end; }
  .xl-focus-within-place-self-end:focus-within { place-self: end; }
  .xl-group:hover .xl-group-hover-place-self-end { place-self: end; }
  .xl-text-uppercase { text-transform: uppercase; }
  .xl-hover-text-uppercase:hover { text-transform: uppercase; }
  .xl-focus-text-uppercase:focus { text-transform: uppercase; }
  .xl-active-text-uppercase:active { text-transform: uppercase; }
  .xl-disabled-text-uppercase:disabled { text-transform: uppercase; }
  .xl-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  .xl-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  .xl-group:hover .xl-group-hover-text-uppercase { text-transform: uppercase; }
  .xl-text-lowercase { text-transform: lowercase; }
  .xl-hover-text-lowercase:hover { text-transform: lowercase; }
  .xl-focus-text-lowercase:focus { text-transform: lowercase; }
  .xl-active-text-lowercase:active { text-transform: lowercase; }
  .xl-disabled-text-lowercase:disabled { text-transform: lowercase; }
  .xl-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  .xl-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  .xl-group:hover .xl-group-hover-text-lowercase { text-transform: lowercase; }
  .xl-text-capitalize { text-transform: capitalize; }
  .xl-hover-text-capitalize:hover { text-transform: capitalize; }
  .xl-focus-text-capitalize:focus { text-transform: capitalize; }
  .xl-active-text-capitalize:active { text-transform: capitalize; }
  .xl-disabled-text-capitalize:disabled { text-transform: capitalize; }
  .xl-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  .xl-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  .xl-group:hover .xl-group-hover-text-capitalize { text-transform: capitalize; }
  .xl-tracking-tight { letter-spacing: -0.05em; }
  .xl-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  .xl-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  .xl-active-tracking-tight:active { letter-spacing: -0.05em; }
  .xl-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  .xl-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  .xl-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  .xl-group:hover .xl-group-hover-tracking-tight { letter-spacing: -0.05em; }
  .xl-tracking-normal { letter-spacing: 0; }
  .xl-hover-tracking-normal:hover { letter-spacing: 0; }
  .xl-focus-tracking-normal:focus { letter-spacing: 0; }
  .xl-active-tracking-normal:active { letter-spacing: 0; }
  .xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .xl-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .xl-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .xl-group:hover .xl-group-hover-tracking-normal { letter-spacing: 0; }
  .xl-tracking-wide { letter-spacing: 0.05em; }
  .xl-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  .xl-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  .xl-active-tracking-wide:active { letter-spacing: 0.05em; }
  .xl-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  .xl-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  .xl-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  .xl-group:hover .xl-group-hover-tracking-wide { letter-spacing: 0.05em; }
  .xl-underline { text-decoration: underline; }
  .xl-hover-underline:hover { text-decoration: underline; }
  .xl-focus-underline:focus { text-decoration: underline; }
  .xl-active-underline:active { text-decoration: underline; }
  .xl-disabled-underline:disabled { text-decoration: underline; }
  .xl-focus-visible-underline:focus-visible { text-decoration: underline; }
  .xl-focus-within-underline:focus-within { text-decoration: underline; }
  .xl-group:hover .xl-group-hover-underline { text-decoration: underline; }
  .xl-line-through { text-decoration: line-through; }
  .xl-hover-line-through:hover { text-decoration: line-through; }
  .xl-focus-line-through:focus { text-decoration: line-through; }
  .xl-active-line-through:active { text-decoration: line-through; }
  .xl-disabled-line-through:disabled { text-decoration: line-through; }
  .xl-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  .xl-focus-within-line-through:focus-within { text-decoration: line-through; }
  .xl-group:hover .xl-group-hover-line-through { text-decoration: line-through; }
  .xl-no-underline { text-decoration: none; }
  .xl-hover-no-underline:hover { text-decoration: none; }
  .xl-focus-no-underline:focus { text-decoration: none; }
  .xl-active-no-underline:active { text-decoration: none; }
  .xl-disabled-no-underline:disabled { text-decoration: none; }
  .xl-focus-visible-no-underline:focus-visible { text-decoration: none; }
  .xl-focus-within-no-underline:focus-within { text-decoration: none; }
  .xl-group:hover .xl-group-hover-no-underline { text-decoration: none; }
  .xl-text-black { color: var(--black); }
  .xl-hover-text-black:hover { color: var(--black); }
  .xl-focus-text-black:focus { color: var(--black); }
  .xl-active-text-black:active { color: var(--black); }
  .xl-disabled-text-black:disabled { color: var(--black); }
  .xl-focus-visible-text-black:focus-visible { color: var(--black); }
  .xl-focus-within-text-black:focus-within { color: var(--black); }
  .xl-group:hover .xl-group-hover-text-black { color: var(--black); }
  .xl-text-white { color: var(--white); }
  .xl-hover-text-white:hover { color: var(--white); }
  .xl-focus-text-white:focus { color: var(--white); }
  .xl-active-text-white:active { color: var(--white); }
  .xl-disabled-text-white:disabled { color: var(--white); }
  .xl-focus-visible-text-white:focus-visible { color: var(--white); }
  .xl-focus-within-text-white:focus-within { color: var(--white); }
  .xl-group:hover .xl-group-hover-text-white { color: var(--white); }
  .xl-text-red-50 { color: var(--quanta-red-50); }
  .xl-hover-text-red-50:hover { color: var(--quanta-red-50); }
  .xl-focus-text-red-50:focus { color: var(--quanta-red-50); }
  .xl-active-text-red-50:active { color: var(--quanta-red-50); }
  .xl-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  .xl-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  .xl-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-text-red-50 { color: var(--quanta-red-50); }
  .xl-text-red-100 { color: var(--quanta-red-100); }
  .xl-hover-text-red-100:hover { color: var(--quanta-red-100); }
  .xl-focus-text-red-100:focus { color: var(--quanta-red-100); }
  .xl-active-text-red-100:active { color: var(--quanta-red-100); }
  .xl-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  .xl-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  .xl-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-text-red-100 { color: var(--quanta-red-100); }
  .xl-text-red-200 { color: var(--quanta-red-200); }
  .xl-hover-text-red-200:hover { color: var(--quanta-red-200); }
  .xl-focus-text-red-200:focus { color: var(--quanta-red-200); }
  .xl-active-text-red-200:active { color: var(--quanta-red-200); }
  .xl-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  .xl-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  .xl-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-text-red-200 { color: var(--quanta-red-200); }
  .xl-text-red-300 { color: var(--quanta-red-300); }
  .xl-hover-text-red-300:hover { color: var(--quanta-red-300); }
  .xl-focus-text-red-300:focus { color: var(--quanta-red-300); }
  .xl-active-text-red-300:active { color: var(--quanta-red-300); }
  .xl-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  .xl-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  .xl-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-text-red-300 { color: var(--quanta-red-300); }
  .xl-text-red-400 { color: var(--quanta-red-400); }
  .xl-hover-text-red-400:hover { color: var(--quanta-red-400); }
  .xl-focus-text-red-400:focus { color: var(--quanta-red-400); }
  .xl-active-text-red-400:active { color: var(--quanta-red-400); }
  .xl-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  .xl-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  .xl-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-text-red-400 { color: var(--quanta-red-400); }
  .xl-text-red-500 { color: var(--quanta-red-500); }
  .xl-hover-text-red-500:hover { color: var(--quanta-red-500); }
  .xl-focus-text-red-500:focus { color: var(--quanta-red-500); }
  .xl-active-text-red-500:active { color: var(--quanta-red-500); }
  .xl-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  .xl-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  .xl-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-text-red-500 { color: var(--quanta-red-500); }
  .xl-text-red-600 { color: var(--quanta-red-600); }
  .xl-hover-text-red-600:hover { color: var(--quanta-red-600); }
  .xl-focus-text-red-600:focus { color: var(--quanta-red-600); }
  .xl-active-text-red-600:active { color: var(--quanta-red-600); }
  .xl-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  .xl-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  .xl-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-text-red-600 { color: var(--quanta-red-600); }
  .xl-text-red-700 { color: var(--quanta-red-700); }
  .xl-hover-text-red-700:hover { color: var(--quanta-red-700); }
  .xl-focus-text-red-700:focus { color: var(--quanta-red-700); }
  .xl-active-text-red-700:active { color: var(--quanta-red-700); }
  .xl-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  .xl-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  .xl-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-text-red-700 { color: var(--quanta-red-700); }
  .xl-text-red-800 { color: var(--quanta-red-800); }
  .xl-hover-text-red-800:hover { color: var(--quanta-red-800); }
  .xl-focus-text-red-800:focus { color: var(--quanta-red-800); }
  .xl-active-text-red-800:active { color: var(--quanta-red-800); }
  .xl-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  .xl-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  .xl-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-text-red-800 { color: var(--quanta-red-800); }
  .xl-text-red-900 { color: var(--quanta-red-900); }
  .xl-hover-text-red-900:hover { color: var(--quanta-red-900); }
  .xl-focus-text-red-900:focus { color: var(--quanta-red-900); }
  .xl-active-text-red-900:active { color: var(--quanta-red-900); }
  .xl-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  .xl-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  .xl-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-text-red-900 { color: var(--quanta-red-900); }
  .xl-text-orange-50 { color: var(--quanta-orange-50); }
  .xl-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  .xl-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  .xl-active-text-orange-50:active { color: var(--quanta-orange-50); }
  .xl-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  .xl-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  .xl-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  .xl-text-orange-100 { color: var(--quanta-orange-100); }
  .xl-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  .xl-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  .xl-active-text-orange-100:active { color: var(--quanta-orange-100); }
  .xl-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  .xl-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  .xl-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  .xl-text-orange-200 { color: var(--quanta-orange-200); }
  .xl-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  .xl-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  .xl-active-text-orange-200:active { color: var(--quanta-orange-200); }
  .xl-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  .xl-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  .xl-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  .xl-text-orange-300 { color: var(--quanta-orange-300); }
  .xl-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  .xl-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  .xl-active-text-orange-300:active { color: var(--quanta-orange-300); }
  .xl-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  .xl-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  .xl-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  .xl-text-orange-400 { color: var(--quanta-orange-400); }
  .xl-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  .xl-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  .xl-active-text-orange-400:active { color: var(--quanta-orange-400); }
  .xl-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  .xl-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  .xl-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  .xl-text-orange-500 { color: var(--quanta-orange-500); }
  .xl-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  .xl-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  .xl-active-text-orange-500:active { color: var(--quanta-orange-500); }
  .xl-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  .xl-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  .xl-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  .xl-text-orange-600 { color: var(--quanta-orange-600); }
  .xl-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  .xl-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  .xl-active-text-orange-600:active { color: var(--quanta-orange-600); }
  .xl-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  .xl-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  .xl-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  .xl-text-orange-700 { color: var(--quanta-orange-700); }
  .xl-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  .xl-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  .xl-active-text-orange-700:active { color: var(--quanta-orange-700); }
  .xl-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  .xl-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  .xl-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  .xl-text-orange-800 { color: var(--quanta-orange-800); }
  .xl-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  .xl-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  .xl-active-text-orange-800:active { color: var(--quanta-orange-800); }
  .xl-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  .xl-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  .xl-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  .xl-text-orange-900 { color: var(--quanta-orange-900); }
  .xl-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  .xl-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  .xl-active-text-orange-900:active { color: var(--quanta-orange-900); }
  .xl-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  .xl-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  .xl-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  .xl-text-teal-50 { color: var(--quanta-teal-50); }
  .xl-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  .xl-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  .xl-active-text-teal-50:active { color: var(--quanta-teal-50); }
  .xl-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  .xl-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  .xl-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  .xl-text-teal-100 { color: var(--quanta-teal-100); }
  .xl-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  .xl-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  .xl-active-text-teal-100:active { color: var(--quanta-teal-100); }
  .xl-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  .xl-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  .xl-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  .xl-text-teal-200 { color: var(--quanta-teal-200); }
  .xl-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  .xl-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  .xl-active-text-teal-200:active { color: var(--quanta-teal-200); }
  .xl-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  .xl-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  .xl-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  .xl-text-teal-300 { color: var(--quanta-teal-300); }
  .xl-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  .xl-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  .xl-active-text-teal-300:active { color: var(--quanta-teal-300); }
  .xl-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  .xl-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  .xl-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  .xl-text-teal-400 { color: var(--quanta-teal-400); }
  .xl-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  .xl-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  .xl-active-text-teal-400:active { color: var(--quanta-teal-400); }
  .xl-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  .xl-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  .xl-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  .xl-text-teal-500 { color: var(--quanta-teal-500); }
  .xl-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  .xl-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  .xl-active-text-teal-500:active { color: var(--quanta-teal-500); }
  .xl-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  .xl-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  .xl-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  .xl-text-teal-600 { color: var(--quanta-teal-600); }
  .xl-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  .xl-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  .xl-active-text-teal-600:active { color: var(--quanta-teal-600); }
  .xl-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  .xl-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  .xl-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  .xl-text-teal-700 { color: var(--quanta-teal-700); }
  .xl-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  .xl-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  .xl-active-text-teal-700:active { color: var(--quanta-teal-700); }
  .xl-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  .xl-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  .xl-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  .xl-text-teal-800 { color: var(--quanta-teal-800); }
  .xl-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  .xl-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  .xl-active-text-teal-800:active { color: var(--quanta-teal-800); }
  .xl-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  .xl-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  .xl-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  .xl-text-teal-900 { color: var(--quanta-teal-900); }
  .xl-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  .xl-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  .xl-active-text-teal-900:active { color: var(--quanta-teal-900); }
  .xl-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  .xl-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  .xl-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  .xl-text-purple-50 { color: var(--quanta-purple-50); }
  .xl-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  .xl-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  .xl-active-text-purple-50:active { color: var(--quanta-purple-50); }
  .xl-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  .xl-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  .xl-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  .xl-text-purple-100 { color: var(--quanta-purple-100); }
  .xl-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  .xl-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  .xl-active-text-purple-100:active { color: var(--quanta-purple-100); }
  .xl-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  .xl-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  .xl-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  .xl-text-purple-200 { color: var(--quanta-purple-200); }
  .xl-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  .xl-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  .xl-active-text-purple-200:active { color: var(--quanta-purple-200); }
  .xl-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  .xl-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  .xl-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  .xl-text-purple-300 { color: var(--quanta-purple-300); }
  .xl-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  .xl-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  .xl-active-text-purple-300:active { color: var(--quanta-purple-300); }
  .xl-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  .xl-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  .xl-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  .xl-text-purple-400 { color: var(--quanta-purple-400); }
  .xl-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  .xl-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  .xl-active-text-purple-400:active { color: var(--quanta-purple-400); }
  .xl-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  .xl-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  .xl-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  .xl-text-purple-500 { color: var(--quanta-purple-500); }
  .xl-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  .xl-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  .xl-active-text-purple-500:active { color: var(--quanta-purple-500); }
  .xl-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  .xl-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  .xl-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  .xl-text-purple-600 { color: var(--quanta-purple-600); }
  .xl-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  .xl-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  .xl-active-text-purple-600:active { color: var(--quanta-purple-600); }
  .xl-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  .xl-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  .xl-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  .xl-text-purple-700 { color: var(--quanta-purple-700); }
  .xl-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  .xl-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  .xl-active-text-purple-700:active { color: var(--quanta-purple-700); }
  .xl-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  .xl-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  .xl-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  .xl-text-purple-800 { color: var(--quanta-purple-800); }
  .xl-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  .xl-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  .xl-active-text-purple-800:active { color: var(--quanta-purple-800); }
  .xl-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  .xl-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  .xl-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  .xl-text-purple-900 { color: var(--quanta-purple-900); }
  .xl-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  .xl-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  .xl-active-text-purple-900:active { color: var(--quanta-purple-900); }
  .xl-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  .xl-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  .xl-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  .xl-text-indigo-50 { color: var(--quanta-indigo-50); }
  .xl-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  .xl-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  .xl-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  .xl-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  .xl-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  .xl-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  .xl-text-indigo-100 { color: var(--quanta-indigo-100); }
  .xl-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  .xl-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  .xl-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  .xl-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  .xl-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  .xl-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  .xl-text-indigo-200 { color: var(--quanta-indigo-200); }
  .xl-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  .xl-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  .xl-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  .xl-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  .xl-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  .xl-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  .xl-text-indigo-300 { color: var(--quanta-indigo-300); }
  .xl-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  .xl-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  .xl-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  .xl-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  .xl-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  .xl-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  .xl-text-indigo-400 { color: var(--quanta-indigo-400); }
  .xl-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  .xl-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  .xl-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  .xl-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  .xl-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  .xl-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  .xl-text-indigo-500 { color: var(--quanta-indigo-500); }
  .xl-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  .xl-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  .xl-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  .xl-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  .xl-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  .xl-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  .xl-text-indigo-600 { color: var(--quanta-indigo-600); }
  .xl-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  .xl-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  .xl-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  .xl-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  .xl-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  .xl-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  .xl-text-indigo-700 { color: var(--quanta-indigo-700); }
  .xl-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  .xl-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  .xl-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  .xl-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  .xl-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  .xl-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  .xl-text-indigo-800 { color: var(--quanta-indigo-800); }
  .xl-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  .xl-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  .xl-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  .xl-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  .xl-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  .xl-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  .xl-text-indigo-900 { color: var(--quanta-indigo-900); }
  .xl-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  .xl-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  .xl-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  .xl-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  .xl-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  .xl-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  .xl-text-yellow-50 { color: var(--quanta-yellow-50); }
  .xl-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  .xl-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  .xl-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  .xl-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  .xl-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  .xl-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  .xl-text-yellow-100 { color: var(--quanta-yellow-100); }
  .xl-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  .xl-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  .xl-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  .xl-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  .xl-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  .xl-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  .xl-text-yellow-200 { color: var(--quanta-yellow-200); }
  .xl-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  .xl-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  .xl-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  .xl-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  .xl-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  .xl-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  .xl-text-yellow-300 { color: var(--quanta-yellow-300); }
  .xl-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  .xl-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  .xl-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  .xl-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  .xl-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  .xl-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  .xl-text-yellow-400 { color: var(--quanta-yellow-400); }
  .xl-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  .xl-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  .xl-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  .xl-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  .xl-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  .xl-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  .xl-text-yellow-500 { color: var(--quanta-yellow-500); }
  .xl-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  .xl-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  .xl-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  .xl-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  .xl-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  .xl-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  .xl-text-yellow-600 { color: var(--quanta-yellow-600); }
  .xl-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  .xl-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  .xl-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  .xl-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  .xl-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  .xl-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  .xl-text-yellow-700 { color: var(--quanta-yellow-700); }
  .xl-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  .xl-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  .xl-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  .xl-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  .xl-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  .xl-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  .xl-text-yellow-800 { color: var(--quanta-yellow-800); }
  .xl-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  .xl-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  .xl-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  .xl-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  .xl-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  .xl-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  .xl-text-yellow-900 { color: var(--quanta-yellow-900); }
  .xl-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  .xl-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  .xl-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  .xl-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  .xl-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  .xl-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  .xl-text-pink-50 { color: var(--quanta-pink-50); }
  .xl-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  .xl-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  .xl-active-text-pink-50:active { color: var(--quanta-pink-50); }
  .xl-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  .xl-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  .xl-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  .xl-text-pink-100 { color: var(--quanta-pink-100); }
  .xl-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  .xl-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  .xl-active-text-pink-100:active { color: var(--quanta-pink-100); }
  .xl-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  .xl-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  .xl-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  .xl-text-pink-200 { color: var(--quanta-pink-200); }
  .xl-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  .xl-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  .xl-active-text-pink-200:active { color: var(--quanta-pink-200); }
  .xl-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  .xl-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  .xl-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  .xl-text-pink-300 { color: var(--quanta-pink-300); }
  .xl-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  .xl-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  .xl-active-text-pink-300:active { color: var(--quanta-pink-300); }
  .xl-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  .xl-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  .xl-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  .xl-text-pink-400 { color: var(--quanta-pink-400); }
  .xl-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  .xl-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  .xl-active-text-pink-400:active { color: var(--quanta-pink-400); }
  .xl-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  .xl-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  .xl-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  .xl-text-pink-500 { color: var(--quanta-pink-500); }
  .xl-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  .xl-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  .xl-active-text-pink-500:active { color: var(--quanta-pink-500); }
  .xl-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  .xl-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  .xl-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  .xl-text-pink-600 { color: var(--quanta-pink-600); }
  .xl-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  .xl-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  .xl-active-text-pink-600:active { color: var(--quanta-pink-600); }
  .xl-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  .xl-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  .xl-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  .xl-text-pink-700 { color: var(--quanta-pink-700); }
  .xl-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  .xl-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  .xl-active-text-pink-700:active { color: var(--quanta-pink-700); }
  .xl-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  .xl-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  .xl-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  .xl-text-pink-800 { color: var(--quanta-pink-800); }
  .xl-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  .xl-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  .xl-active-text-pink-800:active { color: var(--quanta-pink-800); }
  .xl-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  .xl-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  .xl-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  .xl-text-pink-900 { color: var(--quanta-pink-900); }
  .xl-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  .xl-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  .xl-active-text-pink-900:active { color: var(--quanta-pink-900); }
  .xl-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  .xl-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  .xl-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  .xl-text-grey-50 { color: var(--quanta-grey-50); }
  .xl-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  .xl-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  .xl-active-text-grey-50:active { color: var(--quanta-grey-50); }
  .xl-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  .xl-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  .xl-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  .xl-text-grey-100 { color: var(--quanta-grey-100); }
  .xl-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  .xl-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  .xl-active-text-grey-100:active { color: var(--quanta-grey-100); }
  .xl-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  .xl-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  .xl-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  .xl-text-grey-200 { color: var(--quanta-grey-200); }
  .xl-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  .xl-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  .xl-active-text-grey-200:active { color: var(--quanta-grey-200); }
  .xl-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  .xl-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  .xl-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  .xl-text-grey-300 { color: var(--quanta-grey-300); }
  .xl-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  .xl-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  .xl-active-text-grey-300:active { color: var(--quanta-grey-300); }
  .xl-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  .xl-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  .xl-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  .xl-text-grey-400 { color: var(--quanta-grey-400); }
  .xl-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  .xl-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  .xl-active-text-grey-400:active { color: var(--quanta-grey-400); }
  .xl-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  .xl-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  .xl-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  .xl-text-grey-500 { color: var(--quanta-grey-500); }
  .xl-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  .xl-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  .xl-active-text-grey-500:active { color: var(--quanta-grey-500); }
  .xl-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  .xl-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  .xl-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  .xl-text-grey-600 { color: var(--quanta-grey-600); }
  .xl-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  .xl-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  .xl-active-text-grey-600:active { color: var(--quanta-grey-600); }
  .xl-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  .xl-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  .xl-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  .xl-text-grey-700 { color: var(--quanta-grey-700); }
  .xl-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  .xl-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  .xl-active-text-grey-700:active { color: var(--quanta-grey-700); }
  .xl-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  .xl-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  .xl-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  .xl-text-grey-800 { color: var(--quanta-grey-800); }
  .xl-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  .xl-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  .xl-active-text-grey-800:active { color: var(--quanta-grey-800); }
  .xl-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  .xl-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  .xl-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  .xl-text-grey-900 { color: var(--quanta-grey-900); }
  .xl-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  .xl-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  .xl-active-text-grey-900:active { color: var(--quanta-grey-900); }
  .xl-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  .xl-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  .xl-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  .xl-text-zinc-50 { color: var(--quanta-zinc-50); }
  .xl-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  .xl-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  .xl-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  .xl-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  .xl-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  .xl-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  .xl-text-zinc-100 { color: var(--quanta-zinc-100); }
  .xl-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  .xl-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  .xl-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  .xl-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  .xl-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  .xl-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  .xl-text-zinc-200 { color: var(--quanta-zinc-200); }
  .xl-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  .xl-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  .xl-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  .xl-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  .xl-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  .xl-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  .xl-text-zinc-300 { color: var(--quanta-zinc-300); }
  .xl-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  .xl-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  .xl-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  .xl-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  .xl-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  .xl-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  .xl-text-zinc-400 { color: var(--quanta-zinc-400); }
  .xl-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  .xl-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  .xl-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  .xl-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  .xl-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  .xl-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  .xl-text-zinc-500 { color: var(--quanta-zinc-500); }
  .xl-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  .xl-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  .xl-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  .xl-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  .xl-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  .xl-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  .xl-text-zinc-600 { color: var(--quanta-zinc-600); }
  .xl-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  .xl-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  .xl-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  .xl-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  .xl-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  .xl-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  .xl-text-zinc-700 { color: var(--quanta-zinc-700); }
  .xl-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  .xl-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  .xl-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  .xl-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  .xl-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  .xl-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  .xl-text-zinc-800 { color: var(--quanta-zinc-800); }
  .xl-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  .xl-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  .xl-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  .xl-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  .xl-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  .xl-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  .xl-text-zinc-900 { color: var(--quanta-zinc-900); }
  .xl-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  .xl-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  .xl-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  .xl-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  .xl-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  .xl-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  .xl-text-neutral-50 { color: var(--quanta-neutral-50); }
  .xl-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  .xl-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  .xl-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  .xl-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  .xl-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  .xl-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  .xl-text-neutral-100 { color: var(--quanta-neutral-100); }
  .xl-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  .xl-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  .xl-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  .xl-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  .xl-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  .xl-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  .xl-text-neutral-200 { color: var(--quanta-neutral-200); }
  .xl-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  .xl-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  .xl-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  .xl-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  .xl-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  .xl-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  .xl-text-neutral-300 { color: var(--quanta-neutral-300); }
  .xl-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  .xl-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  .xl-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  .xl-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  .xl-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  .xl-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  .xl-text-neutral-400 { color: var(--quanta-neutral-400); }
  .xl-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  .xl-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  .xl-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  .xl-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  .xl-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  .xl-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  .xl-text-neutral-500 { color: var(--quanta-neutral-500); }
  .xl-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  .xl-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  .xl-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  .xl-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  .xl-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  .xl-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  .xl-text-neutral-600 { color: var(--quanta-neutral-600); }
  .xl-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  .xl-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  .xl-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  .xl-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  .xl-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  .xl-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  .xl-text-neutral-700 { color: var(--quanta-neutral-700); }
  .xl-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  .xl-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  .xl-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  .xl-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  .xl-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  .xl-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  .xl-text-neutral-800 { color: var(--quanta-neutral-800); }
  .xl-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  .xl-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  .xl-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  .xl-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  .xl-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  .xl-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  .xl-text-neutral-900 { color: var(--quanta-neutral-900); }
  .xl-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  .xl-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  .xl-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  .xl-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  .xl-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  .xl-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  .xl-text-lime-50 { color: var(--quanta-lime-50); }
  .xl-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  .xl-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  .xl-active-text-lime-50:active { color: var(--quanta-lime-50); }
  .xl-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  .xl-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  .xl-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  .xl-text-lime-100 { color: var(--quanta-lime-100); }
  .xl-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  .xl-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  .xl-active-text-lime-100:active { color: var(--quanta-lime-100); }
  .xl-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  .xl-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  .xl-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  .xl-text-lime-200 { color: var(--quanta-lime-200); }
  .xl-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  .xl-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  .xl-active-text-lime-200:active { color: var(--quanta-lime-200); }
  .xl-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  .xl-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  .xl-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  .xl-text-lime-300 { color: var(--quanta-lime-300); }
  .xl-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  .xl-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  .xl-active-text-lime-300:active { color: var(--quanta-lime-300); }
  .xl-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  .xl-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  .xl-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  .xl-text-lime-400 { color: var(--quanta-lime-400); }
  .xl-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  .xl-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  .xl-active-text-lime-400:active { color: var(--quanta-lime-400); }
  .xl-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  .xl-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  .xl-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  .xl-text-lime-500 { color: var(--quanta-lime-500); }
  .xl-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  .xl-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  .xl-active-text-lime-500:active { color: var(--quanta-lime-500); }
  .xl-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  .xl-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  .xl-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  .xl-text-lime-600 { color: var(--quanta-lime-600); }
  .xl-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  .xl-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  .xl-active-text-lime-600:active { color: var(--quanta-lime-600); }
  .xl-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  .xl-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  .xl-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  .xl-text-lime-700 { color: var(--quanta-lime-700); }
  .xl-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  .xl-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  .xl-active-text-lime-700:active { color: var(--quanta-lime-700); }
  .xl-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  .xl-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  .xl-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  .xl-text-lime-800 { color: var(--quanta-lime-800); }
  .xl-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  .xl-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  .xl-active-text-lime-800:active { color: var(--quanta-lime-800); }
  .xl-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  .xl-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  .xl-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  .xl-text-lime-900 { color: var(--quanta-lime-900); }
  .xl-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  .xl-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  .xl-active-text-lime-900:active { color: var(--quanta-lime-900); }
  .xl-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  .xl-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  .xl-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  .xl-text-cyan-50 { color: var(--quanta-cyan-50); }
  .xl-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  .xl-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  .xl-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  .xl-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  .xl-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  .xl-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  .xl-text-cyan-100 { color: var(--quanta-cyan-100); }
  .xl-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  .xl-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  .xl-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  .xl-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  .xl-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  .xl-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  .xl-text-cyan-200 { color: var(--quanta-cyan-200); }
  .xl-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  .xl-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  .xl-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  .xl-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  .xl-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  .xl-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  .xl-text-cyan-300 { color: var(--quanta-cyan-300); }
  .xl-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  .xl-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  .xl-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  .xl-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  .xl-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  .xl-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  .xl-text-cyan-400 { color: var(--quanta-cyan-400); }
  .xl-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  .xl-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  .xl-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  .xl-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  .xl-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  .xl-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  .xl-text-cyan-500 { color: var(--quanta-cyan-500); }
  .xl-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  .xl-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  .xl-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  .xl-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  .xl-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  .xl-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  .xl-text-cyan-600 { color: var(--quanta-cyan-600); }
  .xl-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  .xl-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  .xl-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  .xl-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  .xl-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  .xl-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  .xl-text-cyan-700 { color: var(--quanta-cyan-700); }
  .xl-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  .xl-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  .xl-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  .xl-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  .xl-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  .xl-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  .xl-text-cyan-800 { color: var(--quanta-cyan-800); }
  .xl-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  .xl-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  .xl-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  .xl-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  .xl-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  .xl-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  .xl-text-cyan-900 { color: var(--quanta-cyan-900); }
  .xl-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  .xl-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  .xl-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  .xl-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  .xl-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  .xl-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  .xl-text-sky-50 { color: var(--quanta-sky-50); }
  .xl-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  .xl-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  .xl-active-text-sky-50:active { color: var(--quanta-sky-50); }
  .xl-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  .xl-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  .xl-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  .xl-text-sky-100 { color: var(--quanta-sky-100); }
  .xl-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  .xl-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  .xl-active-text-sky-100:active { color: var(--quanta-sky-100); }
  .xl-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  .xl-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  .xl-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  .xl-text-sky-200 { color: var(--quanta-sky-200); }
  .xl-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  .xl-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  .xl-active-text-sky-200:active { color: var(--quanta-sky-200); }
  .xl-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  .xl-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  .xl-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  .xl-text-sky-300 { color: var(--quanta-sky-300); }
  .xl-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  .xl-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  .xl-active-text-sky-300:active { color: var(--quanta-sky-300); }
  .xl-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  .xl-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  .xl-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  .xl-text-sky-400 { color: var(--quanta-sky-400); }
  .xl-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  .xl-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  .xl-active-text-sky-400:active { color: var(--quanta-sky-400); }
  .xl-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  .xl-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  .xl-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  .xl-text-sky-500 { color: var(--quanta-sky-500); }
  .xl-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  .xl-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  .xl-active-text-sky-500:active { color: var(--quanta-sky-500); }
  .xl-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  .xl-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  .xl-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  .xl-text-sky-600 { color: var(--quanta-sky-600); }
  .xl-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  .xl-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  .xl-active-text-sky-600:active { color: var(--quanta-sky-600); }
  .xl-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  .xl-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  .xl-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  .xl-text-sky-700 { color: var(--quanta-sky-700); }
  .xl-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  .xl-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  .xl-active-text-sky-700:active { color: var(--quanta-sky-700); }
  .xl-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  .xl-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  .xl-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  .xl-text-sky-800 { color: var(--quanta-sky-800); }
  .xl-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  .xl-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  .xl-active-text-sky-800:active { color: var(--quanta-sky-800); }
  .xl-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  .xl-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  .xl-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  .xl-text-sky-900 { color: var(--quanta-sky-900); }
  .xl-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  .xl-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  .xl-active-text-sky-900:active { color: var(--quanta-sky-900); }
  .xl-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  .xl-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  .xl-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  .xl-text-violet-50 { color: var(--quanta-violet-50); }
  .xl-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  .xl-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  .xl-active-text-violet-50:active { color: var(--quanta-violet-50); }
  .xl-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  .xl-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  .xl-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  .xl-text-violet-100 { color: var(--quanta-violet-100); }
  .xl-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  .xl-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  .xl-active-text-violet-100:active { color: var(--quanta-violet-100); }
  .xl-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  .xl-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  .xl-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  .xl-text-violet-200 { color: var(--quanta-violet-200); }
  .xl-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  .xl-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  .xl-active-text-violet-200:active { color: var(--quanta-violet-200); }
  .xl-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  .xl-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  .xl-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  .xl-text-violet-300 { color: var(--quanta-violet-300); }
  .xl-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  .xl-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  .xl-active-text-violet-300:active { color: var(--quanta-violet-300); }
  .xl-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  .xl-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  .xl-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  .xl-text-violet-400 { color: var(--quanta-violet-400); }
  .xl-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  .xl-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  .xl-active-text-violet-400:active { color: var(--quanta-violet-400); }
  .xl-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  .xl-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  .xl-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  .xl-text-violet-500 { color: var(--quanta-violet-500); }
  .xl-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  .xl-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  .xl-active-text-violet-500:active { color: var(--quanta-violet-500); }
  .xl-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  .xl-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  .xl-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  .xl-text-violet-600 { color: var(--quanta-violet-600); }
  .xl-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  .xl-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  .xl-active-text-violet-600:active { color: var(--quanta-violet-600); }
  .xl-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  .xl-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  .xl-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  .xl-text-violet-700 { color: var(--quanta-violet-700); }
  .xl-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  .xl-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  .xl-active-text-violet-700:active { color: var(--quanta-violet-700); }
  .xl-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  .xl-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  .xl-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  .xl-text-violet-800 { color: var(--quanta-violet-800); }
  .xl-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  .xl-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  .xl-active-text-violet-800:active { color: var(--quanta-violet-800); }
  .xl-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  .xl-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  .xl-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  .xl-text-violet-900 { color: var(--quanta-violet-900); }
  .xl-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  .xl-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  .xl-active-text-violet-900:active { color: var(--quanta-violet-900); }
  .xl-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  .xl-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  .xl-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  .xl-text-rose-50 { color: var(--quanta-rose-50); }
  .xl-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  .xl-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  .xl-active-text-rose-50:active { color: var(--quanta-rose-50); }
  .xl-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  .xl-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  .xl-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  .xl-text-rose-100 { color: var(--quanta-rose-100); }
  .xl-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  .xl-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  .xl-active-text-rose-100:active { color: var(--quanta-rose-100); }
  .xl-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  .xl-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  .xl-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  .xl-text-rose-200 { color: var(--quanta-rose-200); }
  .xl-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  .xl-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  .xl-active-text-rose-200:active { color: var(--quanta-rose-200); }
  .xl-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  .xl-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  .xl-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  .xl-text-rose-300 { color: var(--quanta-rose-300); }
  .xl-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  .xl-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  .xl-active-text-rose-300:active { color: var(--quanta-rose-300); }
  .xl-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  .xl-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  .xl-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  .xl-text-rose-400 { color: var(--quanta-rose-400); }
  .xl-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  .xl-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  .xl-active-text-rose-400:active { color: var(--quanta-rose-400); }
  .xl-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  .xl-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  .xl-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  .xl-text-rose-500 { color: var(--quanta-rose-500); }
  .xl-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  .xl-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  .xl-active-text-rose-500:active { color: var(--quanta-rose-500); }
  .xl-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  .xl-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  .xl-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  .xl-text-rose-600 { color: var(--quanta-rose-600); }
  .xl-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  .xl-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  .xl-active-text-rose-600:active { color: var(--quanta-rose-600); }
  .xl-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  .xl-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  .xl-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  .xl-text-rose-700 { color: var(--quanta-rose-700); }
  .xl-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  .xl-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  .xl-active-text-rose-700:active { color: var(--quanta-rose-700); }
  .xl-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  .xl-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  .xl-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  .xl-text-rose-800 { color: var(--quanta-rose-800); }
  .xl-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  .xl-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  .xl-active-text-rose-800:active { color: var(--quanta-rose-800); }
  .xl-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  .xl-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  .xl-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  .xl-text-rose-900 { color: var(--quanta-rose-900); }
  .xl-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  .xl-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  .xl-active-text-rose-900:active { color: var(--quanta-rose-900); }
  .xl-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  .xl-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  .xl-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  .xl-text-slate-50 { color: var(--quanta-slate-50); }
  .xl-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  .xl-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  .xl-active-text-slate-50:active { color: var(--quanta-slate-50); }
  .xl-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  .xl-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  .xl-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  .xl-text-slate-100 { color: var(--quanta-slate-100); }
  .xl-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  .xl-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  .xl-active-text-slate-100:active { color: var(--quanta-slate-100); }
  .xl-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  .xl-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  .xl-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  .xl-text-slate-200 { color: var(--quanta-slate-200); }
  .xl-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  .xl-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  .xl-active-text-slate-200:active { color: var(--quanta-slate-200); }
  .xl-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  .xl-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  .xl-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  .xl-text-slate-300 { color: var(--quanta-slate-300); }
  .xl-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  .xl-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  .xl-active-text-slate-300:active { color: var(--quanta-slate-300); }
  .xl-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  .xl-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  .xl-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  .xl-text-slate-400 { color: var(--quanta-slate-400); }
  .xl-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  .xl-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  .xl-active-text-slate-400:active { color: var(--quanta-slate-400); }
  .xl-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  .xl-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  .xl-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  .xl-text-slate-500 { color: var(--quanta-slate-500); }
  .xl-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  .xl-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  .xl-active-text-slate-500:active { color: var(--quanta-slate-500); }
  .xl-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  .xl-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  .xl-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  .xl-text-slate-600 { color: var(--quanta-slate-600); }
  .xl-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  .xl-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  .xl-active-text-slate-600:active { color: var(--quanta-slate-600); }
  .xl-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  .xl-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  .xl-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  .xl-text-slate-700 { color: var(--quanta-slate-700); }
  .xl-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  .xl-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  .xl-active-text-slate-700:active { color: var(--quanta-slate-700); }
  .xl-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  .xl-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  .xl-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  .xl-text-slate-800 { color: var(--quanta-slate-800); }
  .xl-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  .xl-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  .xl-active-text-slate-800:active { color: var(--quanta-slate-800); }
  .xl-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  .xl-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  .xl-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  .xl-text-slate-900 { color: var(--quanta-slate-900); }
  .xl-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  .xl-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  .xl-active-text-slate-900:active { color: var(--quanta-slate-900); }
  .xl-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  .xl-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  .xl-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  .xl-text-blue-50 { color: var(--quanta-blue-50); }
  .xl-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  .xl-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  .xl-active-text-blue-50:active { color: var(--quanta-blue-50); }
  .xl-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  .xl-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  .xl-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  .xl-text-blue-100 { color: var(--quanta-blue-100); }
  .xl-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  .xl-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  .xl-active-text-blue-100:active { color: var(--quanta-blue-100); }
  .xl-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  .xl-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  .xl-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  .xl-text-blue-200 { color: var(--quanta-blue-200); }
  .xl-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  .xl-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  .xl-active-text-blue-200:active { color: var(--quanta-blue-200); }
  .xl-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  .xl-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  .xl-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  .xl-text-blue-300 { color: var(--quanta-blue-300); }
  .xl-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  .xl-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  .xl-active-text-blue-300:active { color: var(--quanta-blue-300); }
  .xl-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  .xl-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  .xl-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  .xl-text-blue-400 { color: var(--quanta-blue-400); }
  .xl-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  .xl-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  .xl-active-text-blue-400:active { color: var(--quanta-blue-400); }
  .xl-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  .xl-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  .xl-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  .xl-text-blue-500 { color: var(--quanta-blue-500); }
  .xl-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  .xl-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  .xl-active-text-blue-500:active { color: var(--quanta-blue-500); }
  .xl-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  .xl-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  .xl-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  .xl-text-blue-600 { color: var(--quanta-blue-600); }
  .xl-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  .xl-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  .xl-active-text-blue-600:active { color: var(--quanta-blue-600); }
  .xl-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  .xl-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  .xl-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  .xl-text-blue-700 { color: var(--quanta-blue-700); }
  .xl-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  .xl-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  .xl-active-text-blue-700:active { color: var(--quanta-blue-700); }
  .xl-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  .xl-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  .xl-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  .xl-text-blue-800 { color: var(--quanta-blue-800); }
  .xl-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  .xl-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  .xl-active-text-blue-800:active { color: var(--quanta-blue-800); }
  .xl-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  .xl-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  .xl-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  .xl-text-blue-900 { color: var(--quanta-blue-900); }
  .xl-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  .xl-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  .xl-active-text-blue-900:active { color: var(--quanta-blue-900); }
  .xl-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  .xl-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  .xl-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  .xl-text-green-50 { color: var(--quanta-green-50); }
  .xl-hover-text-green-50:hover { color: var(--quanta-green-50); }
  .xl-focus-text-green-50:focus { color: var(--quanta-green-50); }
  .xl-active-text-green-50:active { color: var(--quanta-green-50); }
  .xl-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  .xl-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  .xl-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-text-green-50 { color: var(--quanta-green-50); }
  .xl-text-green-100 { color: var(--quanta-green-100); }
  .xl-hover-text-green-100:hover { color: var(--quanta-green-100); }
  .xl-focus-text-green-100:focus { color: var(--quanta-green-100); }
  .xl-active-text-green-100:active { color: var(--quanta-green-100); }
  .xl-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  .xl-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  .xl-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-text-green-100 { color: var(--quanta-green-100); }
  .xl-text-green-200 { color: var(--quanta-green-200); }
  .xl-hover-text-green-200:hover { color: var(--quanta-green-200); }
  .xl-focus-text-green-200:focus { color: var(--quanta-green-200); }
  .xl-active-text-green-200:active { color: var(--quanta-green-200); }
  .xl-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  .xl-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  .xl-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-text-green-200 { color: var(--quanta-green-200); }
  .xl-text-green-300 { color: var(--quanta-green-300); }
  .xl-hover-text-green-300:hover { color: var(--quanta-green-300); }
  .xl-focus-text-green-300:focus { color: var(--quanta-green-300); }
  .xl-active-text-green-300:active { color: var(--quanta-green-300); }
  .xl-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  .xl-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  .xl-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-text-green-300 { color: var(--quanta-green-300); }
  .xl-text-green-400 { color: var(--quanta-green-400); }
  .xl-hover-text-green-400:hover { color: var(--quanta-green-400); }
  .xl-focus-text-green-400:focus { color: var(--quanta-green-400); }
  .xl-active-text-green-400:active { color: var(--quanta-green-400); }
  .xl-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  .xl-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  .xl-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-text-green-400 { color: var(--quanta-green-400); }
  .xl-text-green-500 { color: var(--quanta-green-500); }
  .xl-hover-text-green-500:hover { color: var(--quanta-green-500); }
  .xl-focus-text-green-500:focus { color: var(--quanta-green-500); }
  .xl-active-text-green-500:active { color: var(--quanta-green-500); }
  .xl-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  .xl-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  .xl-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-text-green-500 { color: var(--quanta-green-500); }
  .xl-text-green-600 { color: var(--quanta-green-600); }
  .xl-hover-text-green-600:hover { color: var(--quanta-green-600); }
  .xl-focus-text-green-600:focus { color: var(--quanta-green-600); }
  .xl-active-text-green-600:active { color: var(--quanta-green-600); }
  .xl-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  .xl-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  .xl-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-text-green-600 { color: var(--quanta-green-600); }
  .xl-text-green-700 { color: var(--quanta-green-700); }
  .xl-hover-text-green-700:hover { color: var(--quanta-green-700); }
  .xl-focus-text-green-700:focus { color: var(--quanta-green-700); }
  .xl-active-text-green-700:active { color: var(--quanta-green-700); }
  .xl-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  .xl-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  .xl-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-text-green-700 { color: var(--quanta-green-700); }
  .xl-text-green-800 { color: var(--quanta-green-800); }
  .xl-hover-text-green-800:hover { color: var(--quanta-green-800); }
  .xl-focus-text-green-800:focus { color: var(--quanta-green-800); }
  .xl-active-text-green-800:active { color: var(--quanta-green-800); }
  .xl-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  .xl-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  .xl-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-text-green-800 { color: var(--quanta-green-800); }
  .xl-text-green-900 { color: var(--quanta-green-900); }
  .xl-hover-text-green-900:hover { color: var(--quanta-green-900); }
  .xl-focus-text-green-900:focus { color: var(--quanta-green-900); }
  .xl-active-text-green-900:active { color: var(--quanta-green-900); }
  .xl-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  .xl-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  .xl-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-text-green-900 { color: var(--quanta-green-900); }
  .xl-bg-red-50 { background-color: var(--quanta-red-50); }
  .xl-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  .xl-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  .xl-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  .xl-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  .xl-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  .xl-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  .xl-bg-red-100 { background-color: var(--quanta-red-100); }
  .xl-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  .xl-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  .xl-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  .xl-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  .xl-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  .xl-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  .xl-bg-red-200 { background-color: var(--quanta-red-200); }
  .xl-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  .xl-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  .xl-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  .xl-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  .xl-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  .xl-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  .xl-bg-red-300 { background-color: var(--quanta-red-300); }
  .xl-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  .xl-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  .xl-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  .xl-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  .xl-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  .xl-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  .xl-bg-red-400 { background-color: var(--quanta-red-400); }
  .xl-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  .xl-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  .xl-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  .xl-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  .xl-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  .xl-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  .xl-bg-red-500 { background-color: var(--quanta-red-500); }
  .xl-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  .xl-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  .xl-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  .xl-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  .xl-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  .xl-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  .xl-bg-red-600 { background-color: var(--quanta-red-600); }
  .xl-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  .xl-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  .xl-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  .xl-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  .xl-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  .xl-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  .xl-bg-red-700 { background-color: var(--quanta-red-700); }
  .xl-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  .xl-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  .xl-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  .xl-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  .xl-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  .xl-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  .xl-bg-red-800 { background-color: var(--quanta-red-800); }
  .xl-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  .xl-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  .xl-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  .xl-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  .xl-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  .xl-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  .xl-bg-red-900 { background-color: var(--quanta-red-900); }
  .xl-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  .xl-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  .xl-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  .xl-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  .xl-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  .xl-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  .xl-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .xl-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  .xl-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  .xl-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  .xl-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  .xl-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  .xl-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .xl-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .xl-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  .xl-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  .xl-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  .xl-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  .xl-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  .xl-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .xl-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .xl-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  .xl-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  .xl-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  .xl-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  .xl-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  .xl-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .xl-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .xl-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  .xl-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  .xl-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  .xl-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  .xl-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  .xl-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .xl-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .xl-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  .xl-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  .xl-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  .xl-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  .xl-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  .xl-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .xl-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .xl-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  .xl-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  .xl-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  .xl-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  .xl-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  .xl-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .xl-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .xl-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  .xl-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  .xl-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  .xl-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  .xl-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  .xl-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .xl-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .xl-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  .xl-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  .xl-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  .xl-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  .xl-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  .xl-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .xl-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .xl-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  .xl-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  .xl-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  .xl-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  .xl-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  .xl-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .xl-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .xl-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  .xl-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  .xl-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  .xl-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  .xl-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  .xl-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .xl-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .xl-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  .xl-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  .xl-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  .xl-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  .xl-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  .xl-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .xl-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .xl-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  .xl-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  .xl-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  .xl-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  .xl-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  .xl-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .xl-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .xl-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  .xl-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  .xl-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  .xl-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  .xl-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  .xl-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .xl-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .xl-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  .xl-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  .xl-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  .xl-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  .xl-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  .xl-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .xl-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .xl-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  .xl-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  .xl-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  .xl-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  .xl-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  .xl-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .xl-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .xl-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  .xl-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  .xl-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  .xl-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  .xl-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  .xl-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .xl-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .xl-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  .xl-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  .xl-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  .xl-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  .xl-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  .xl-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .xl-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .xl-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  .xl-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  .xl-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  .xl-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  .xl-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  .xl-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .xl-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .xl-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  .xl-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  .xl-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  .xl-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  .xl-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  .xl-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .xl-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .xl-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  .xl-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  .xl-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  .xl-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  .xl-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  .xl-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .xl-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .xl-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  .xl-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  .xl-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  .xl-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  .xl-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  .xl-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .xl-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .xl-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  .xl-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  .xl-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  .xl-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  .xl-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  .xl-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .xl-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .xl-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  .xl-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  .xl-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  .xl-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  .xl-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  .xl-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .xl-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .xl-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  .xl-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  .xl-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  .xl-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  .xl-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  .xl-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .xl-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .xl-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  .xl-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  .xl-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  .xl-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  .xl-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  .xl-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .xl-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .xl-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  .xl-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  .xl-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  .xl-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  .xl-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  .xl-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .xl-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .xl-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  .xl-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  .xl-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  .xl-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  .xl-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  .xl-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .xl-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .xl-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  .xl-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  .xl-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  .xl-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  .xl-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  .xl-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .xl-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .xl-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  .xl-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  .xl-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  .xl-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  .xl-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  .xl-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .xl-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .xl-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  .xl-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  .xl-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  .xl-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  .xl-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  .xl-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .xl-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .xl-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  .xl-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  .xl-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  .xl-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  .xl-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  .xl-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .xl-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .xl-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  .xl-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  .xl-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  .xl-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  .xl-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  .xl-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .xl-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .xl-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  .xl-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  .xl-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  .xl-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  .xl-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  .xl-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .xl-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .xl-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  .xl-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  .xl-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  .xl-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  .xl-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  .xl-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .xl-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .xl-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  .xl-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  .xl-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  .xl-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  .xl-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  .xl-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .xl-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .xl-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  .xl-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  .xl-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  .xl-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  .xl-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  .xl-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .xl-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .xl-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  .xl-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  .xl-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  .xl-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  .xl-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  .xl-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .xl-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .xl-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  .xl-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  .xl-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  .xl-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  .xl-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  .xl-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .xl-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .xl-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  .xl-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  .xl-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  .xl-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  .xl-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  .xl-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .xl-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .xl-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  .xl-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  .xl-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  .xl-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  .xl-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  .xl-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .xl-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .xl-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  .xl-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  .xl-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  .xl-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  .xl-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  .xl-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .xl-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .xl-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  .xl-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  .xl-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  .xl-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  .xl-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  .xl-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .xl-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .xl-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  .xl-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  .xl-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  .xl-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  .xl-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  .xl-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .xl-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .xl-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  .xl-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  .xl-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  .xl-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  .xl-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  .xl-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .xl-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .xl-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  .xl-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  .xl-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  .xl-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  .xl-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  .xl-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .xl-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .xl-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  .xl-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  .xl-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  .xl-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  .xl-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  .xl-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .xl-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .xl-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  .xl-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  .xl-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  .xl-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  .xl-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  .xl-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .xl-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .xl-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  .xl-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  .xl-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  .xl-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  .xl-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  .xl-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .xl-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .xl-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  .xl-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  .xl-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  .xl-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  .xl-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  .xl-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .xl-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .xl-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  .xl-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  .xl-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  .xl-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  .xl-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  .xl-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .xl-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .xl-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  .xl-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  .xl-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  .xl-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  .xl-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  .xl-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .xl-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .xl-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  .xl-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  .xl-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  .xl-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  .xl-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  .xl-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .xl-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .xl-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  .xl-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  .xl-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  .xl-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  .xl-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  .xl-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .xl-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .xl-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  .xl-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  .xl-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  .xl-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  .xl-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  .xl-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .xl-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .xl-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  .xl-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  .xl-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  .xl-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  .xl-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  .xl-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .xl-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .xl-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  .xl-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  .xl-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  .xl-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  .xl-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  .xl-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .xl-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .xl-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  .xl-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  .xl-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  .xl-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  .xl-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  .xl-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .xl-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .xl-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  .xl-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  .xl-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  .xl-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  .xl-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  .xl-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .xl-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .xl-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  .xl-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  .xl-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  .xl-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  .xl-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  .xl-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .xl-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .xl-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  .xl-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  .xl-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  .xl-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  .xl-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  .xl-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .xl-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .xl-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  .xl-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  .xl-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  .xl-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  .xl-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  .xl-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .xl-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .xl-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  .xl-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  .xl-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  .xl-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  .xl-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  .xl-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .xl-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .xl-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  .xl-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  .xl-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  .xl-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  .xl-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  .xl-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .xl-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .xl-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  .xl-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  .xl-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  .xl-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  .xl-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  .xl-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .xl-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .xl-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  .xl-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  .xl-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  .xl-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  .xl-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  .xl-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .xl-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .xl-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  .xl-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  .xl-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  .xl-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  .xl-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  .xl-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .xl-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .xl-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  .xl-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  .xl-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  .xl-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  .xl-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  .xl-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .xl-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .xl-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  .xl-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  .xl-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  .xl-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  .xl-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  .xl-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .xl-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .xl-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  .xl-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  .xl-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  .xl-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  .xl-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  .xl-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .xl-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .xl-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  .xl-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  .xl-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  .xl-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  .xl-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  .xl-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .xl-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .xl-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  .xl-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  .xl-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  .xl-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  .xl-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  .xl-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .xl-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .xl-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  .xl-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  .xl-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  .xl-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  .xl-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  .xl-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .xl-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .xl-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  .xl-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  .xl-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  .xl-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  .xl-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  .xl-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .xl-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .xl-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  .xl-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  .xl-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  .xl-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  .xl-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  .xl-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .xl-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .xl-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  .xl-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  .xl-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  .xl-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  .xl-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  .xl-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .xl-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .xl-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  .xl-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  .xl-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  .xl-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  .xl-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  .xl-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .xl-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .xl-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  .xl-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  .xl-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  .xl-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  .xl-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  .xl-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .xl-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .xl-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  .xl-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  .xl-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  .xl-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  .xl-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  .xl-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .xl-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .xl-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  .xl-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  .xl-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  .xl-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  .xl-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  .xl-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .xl-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .xl-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  .xl-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  .xl-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  .xl-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  .xl-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  .xl-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .xl-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .xl-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  .xl-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  .xl-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  .xl-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  .xl-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  .xl-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .xl-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .xl-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  .xl-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  .xl-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  .xl-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  .xl-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  .xl-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .xl-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .xl-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  .xl-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  .xl-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  .xl-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  .xl-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  .xl-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .xl-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .xl-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  .xl-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  .xl-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  .xl-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  .xl-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  .xl-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .xl-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .xl-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  .xl-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  .xl-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  .xl-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  .xl-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  .xl-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .xl-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .xl-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  .xl-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  .xl-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  .xl-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  .xl-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  .xl-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .xl-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .xl-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  .xl-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  .xl-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  .xl-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  .xl-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  .xl-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .xl-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .xl-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  .xl-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  .xl-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  .xl-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  .xl-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  .xl-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .xl-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .xl-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  .xl-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  .xl-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  .xl-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  .xl-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  .xl-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .xl-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .xl-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  .xl-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  .xl-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  .xl-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  .xl-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  .xl-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .xl-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .xl-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  .xl-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  .xl-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  .xl-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  .xl-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  .xl-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .xl-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .xl-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  .xl-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  .xl-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  .xl-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  .xl-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  .xl-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .xl-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .xl-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  .xl-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  .xl-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  .xl-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  .xl-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  .xl-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .xl-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .xl-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  .xl-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  .xl-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  .xl-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  .xl-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  .xl-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .xl-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .xl-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  .xl-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  .xl-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  .xl-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  .xl-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  .xl-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .xl-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .xl-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  .xl-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  .xl-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  .xl-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  .xl-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  .xl-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .xl-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .xl-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  .xl-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  .xl-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  .xl-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  .xl-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  .xl-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .xl-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .xl-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  .xl-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  .xl-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  .xl-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  .xl-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  .xl-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .xl-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .xl-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  .xl-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  .xl-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  .xl-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  .xl-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  .xl-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .xl-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .xl-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  .xl-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  .xl-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  .xl-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  .xl-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  .xl-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .xl-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .xl-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  .xl-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  .xl-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  .xl-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  .xl-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  .xl-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .xl-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .xl-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  .xl-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  .xl-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  .xl-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  .xl-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  .xl-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .xl-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .xl-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  .xl-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  .xl-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  .xl-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  .xl-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  .xl-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .xl-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .xl-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  .xl-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  .xl-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  .xl-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  .xl-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  .xl-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .xl-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .xl-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  .xl-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  .xl-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  .xl-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  .xl-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  .xl-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .xl-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .xl-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  .xl-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  .xl-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  .xl-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  .xl-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  .xl-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .xl-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .xl-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  .xl-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  .xl-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  .xl-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  .xl-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  .xl-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .xl-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .xl-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  .xl-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  .xl-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  .xl-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  .xl-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  .xl-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .xl-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .xl-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  .xl-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  .xl-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  .xl-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  .xl-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  .xl-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .xl-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .xl-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  .xl-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  .xl-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  .xl-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  .xl-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  .xl-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .xl-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .xl-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  .xl-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  .xl-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  .xl-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  .xl-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  .xl-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .xl-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .xl-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  .xl-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  .xl-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  .xl-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  .xl-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  .xl-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .xl-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .xl-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  .xl-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  .xl-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  .xl-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  .xl-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  .xl-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .xl-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .xl-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  .xl-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  .xl-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  .xl-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  .xl-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  .xl-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .xl-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .xl-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  .xl-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  .xl-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  .xl-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  .xl-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  .xl-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .xl-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .xl-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  .xl-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  .xl-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  .xl-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  .xl-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  .xl-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .xl-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .xl-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  .xl-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  .xl-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  .xl-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  .xl-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  .xl-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .xl-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .xl-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  .xl-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  .xl-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  .xl-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  .xl-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  .xl-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .xl-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .xl-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  .xl-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  .xl-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  .xl-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  .xl-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  .xl-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .xl-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .xl-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  .xl-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  .xl-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  .xl-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  .xl-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  .xl-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .xl-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .xl-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  .xl-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  .xl-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  .xl-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  .xl-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  .xl-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .xl-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .xl-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  .xl-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  .xl-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  .xl-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  .xl-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  .xl-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .xl-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .xl-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  .xl-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  .xl-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  .xl-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  .xl-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  .xl-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .xl-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .xl-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  .xl-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  .xl-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  .xl-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  .xl-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  .xl-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .xl-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .xl-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  .xl-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  .xl-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  .xl-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  .xl-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  .xl-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .xl-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .xl-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  .xl-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  .xl-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  .xl-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  .xl-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  .xl-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .xl-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .xl-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  .xl-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  .xl-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  .xl-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  .xl-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  .xl-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .xl-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .xl-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  .xl-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  .xl-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  .xl-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  .xl-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  .xl-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .xl-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .xl-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  .xl-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  .xl-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  .xl-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  .xl-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  .xl-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .xl-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .xl-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  .xl-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  .xl-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  .xl-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  .xl-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  .xl-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .xl-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .xl-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  .xl-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  .xl-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  .xl-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  .xl-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  .xl-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .xl-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .xl-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  .xl-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  .xl-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  .xl-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  .xl-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  .xl-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .xl-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .xl-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  .xl-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  .xl-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  .xl-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  .xl-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  .xl-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .xl-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .xl-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  .xl-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  .xl-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  .xl-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  .xl-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  .xl-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .xl-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .xl-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  .xl-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  .xl-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  .xl-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  .xl-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  .xl-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .xl-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .xl-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  .xl-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  .xl-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  .xl-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  .xl-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  .xl-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .xl-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .xl-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  .xl-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  .xl-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  .xl-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  .xl-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  .xl-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .xl-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .xl-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  .xl-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  .xl-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  .xl-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  .xl-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  .xl-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .xl-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .xl-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  .xl-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  .xl-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  .xl-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  .xl-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  .xl-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .xl-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .xl-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  .xl-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  .xl-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  .xl-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  .xl-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  .xl-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .xl-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .xl-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  .xl-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  .xl-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  .xl-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  .xl-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  .xl-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .xl-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .xl-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  .xl-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  .xl-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  .xl-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  .xl-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  .xl-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .xl-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .xl-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  .xl-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  .xl-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  .xl-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  .xl-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  .xl-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .xl-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .xl-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  .xl-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  .xl-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  .xl-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  .xl-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  .xl-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .xl-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .xl-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  .xl-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  .xl-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  .xl-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  .xl-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  .xl-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .xl-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .xl-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  .xl-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  .xl-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  .xl-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  .xl-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  .xl-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .xl-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .xl-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  .xl-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  .xl-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  .xl-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  .xl-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  .xl-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .xl-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .xl-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  .xl-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  .xl-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  .xl-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  .xl-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  .xl-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .xl-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .xl-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  .xl-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  .xl-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  .xl-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  .xl-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  .xl-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .xl-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .xl-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  .xl-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  .xl-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  .xl-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  .xl-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  .xl-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .xl-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .xl-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  .xl-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  .xl-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  .xl-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  .xl-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  .xl-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .xl-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .xl-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  .xl-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  .xl-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  .xl-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  .xl-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  .xl-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .xl-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .xl-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  .xl-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  .xl-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  .xl-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  .xl-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  .xl-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .xl-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .xl-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  .xl-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  .xl-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  .xl-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  .xl-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  .xl-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .xl-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .xl-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  .xl-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  .xl-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  .xl-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  .xl-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  .xl-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .xl-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .xl-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  .xl-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  .xl-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  .xl-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  .xl-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  .xl-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .xl-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .xl-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  .xl-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  .xl-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  .xl-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  .xl-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  .xl-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .xl-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .xl-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  .xl-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  .xl-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  .xl-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  .xl-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  .xl-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .xl-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .xl-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  .xl-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  .xl-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  .xl-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  .xl-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  .xl-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .xl-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .xl-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  .xl-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  .xl-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  .xl-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  .xl-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  .xl-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .xl-bg-green-50 { background-color: var(--quanta-green-50); }
  .xl-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  .xl-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  .xl-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  .xl-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  .xl-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  .xl-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  .xl-bg-green-100 { background-color: var(--quanta-green-100); }
  .xl-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  .xl-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  .xl-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  .xl-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  .xl-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  .xl-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  .xl-bg-green-200 { background-color: var(--quanta-green-200); }
  .xl-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  .xl-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  .xl-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  .xl-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  .xl-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  .xl-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  .xl-bg-green-300 { background-color: var(--quanta-green-300); }
  .xl-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  .xl-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  .xl-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  .xl-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  .xl-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  .xl-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  .xl-bg-green-400 { background-color: var(--quanta-green-400); }
  .xl-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  .xl-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  .xl-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  .xl-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  .xl-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  .xl-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  .xl-bg-green-500 { background-color: var(--quanta-green-500); }
  .xl-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  .xl-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  .xl-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  .xl-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  .xl-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  .xl-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  .xl-bg-green-600 { background-color: var(--quanta-green-600); }
  .xl-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  .xl-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  .xl-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  .xl-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  .xl-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  .xl-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  .xl-bg-green-700 { background-color: var(--quanta-green-700); }
  .xl-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  .xl-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  .xl-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  .xl-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  .xl-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  .xl-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  .xl-bg-green-800 { background-color: var(--quanta-green-800); }
  .xl-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  .xl-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  .xl-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  .xl-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  .xl-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  .xl-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  .xl-bg-green-900 { background-color: var(--quanta-green-900); }
  .xl-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  .xl-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  .xl-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  .xl-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  .xl-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  .xl-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  .xl-bg-black { background-color: var(--black); }
  .xl-hover-bg-black:hover { background-color: var(--black); }
  .xl-focus-bg-black:focus { background-color: var(--black); }
  .xl-active-bg-black:active { background-color: var(--black); }
  .xl-disabled-bg-black:disabled { background-color: var(--black); }
  .xl-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  .xl-focus-within-bg-black:focus-within { background-color: var(--black); }
  .xl-group:hover .xl-group-hover-bg-black { background-color: var(--black); }
  .xl-bg-white { background-color: var(--white); }
  .xl-hover-bg-white:hover { background-color: var(--white); }
  .xl-focus-bg-white:focus { background-color: var(--white); }
  .xl-active-bg-white:active { background-color: var(--white); }
  .xl-disabled-bg-white:disabled { background-color: var(--white); }
  .xl-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  .xl-focus-within-bg-white:focus-within { background-color: var(--white); }
  .xl-group:hover .xl-group-hover-bg-white { background-color: var(--white); }
  .xl-border-red-50 { border-color: var(--quanta-red-50); }
  .xl-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  .xl-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  .xl-active-border-red-50:active { border-color: var(--quanta-red-50); }
  .xl-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  .xl-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  .xl-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  .xl-border-red-100 { border-color: var(--quanta-red-100); }
  .xl-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  .xl-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  .xl-active-border-red-100:active { border-color: var(--quanta-red-100); }
  .xl-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  .xl-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  .xl-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  .xl-border-red-200 { border-color: var(--quanta-red-200); }
  .xl-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  .xl-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  .xl-active-border-red-200:active { border-color: var(--quanta-red-200); }
  .xl-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  .xl-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  .xl-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  .xl-border-red-300 { border-color: var(--quanta-red-300); }
  .xl-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  .xl-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  .xl-active-border-red-300:active { border-color: var(--quanta-red-300); }
  .xl-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  .xl-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  .xl-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  .xl-border-red-400 { border-color: var(--quanta-red-400); }
  .xl-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  .xl-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  .xl-active-border-red-400:active { border-color: var(--quanta-red-400); }
  .xl-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  .xl-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  .xl-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  .xl-border-red-500 { border-color: var(--quanta-red-500); }
  .xl-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  .xl-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  .xl-active-border-red-500:active { border-color: var(--quanta-red-500); }
  .xl-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  .xl-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  .xl-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  .xl-border-red-600 { border-color: var(--quanta-red-600); }
  .xl-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  .xl-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  .xl-active-border-red-600:active { border-color: var(--quanta-red-600); }
  .xl-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  .xl-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  .xl-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  .xl-border-red-700 { border-color: var(--quanta-red-700); }
  .xl-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  .xl-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  .xl-active-border-red-700:active { border-color: var(--quanta-red-700); }
  .xl-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  .xl-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  .xl-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  .xl-border-red-800 { border-color: var(--quanta-red-800); }
  .xl-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  .xl-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  .xl-active-border-red-800:active { border-color: var(--quanta-red-800); }
  .xl-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  .xl-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  .xl-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  .xl-border-red-900 { border-color: var(--quanta-red-900); }
  .xl-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  .xl-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  .xl-active-border-red-900:active { border-color: var(--quanta-red-900); }
  .xl-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  .xl-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  .xl-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  .xl-border-orange-50 { border-color: var(--quanta-orange-50); }
  .xl-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  .xl-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  .xl-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  .xl-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  .xl-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  .xl-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  .xl-border-orange-100 { border-color: var(--quanta-orange-100); }
  .xl-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  .xl-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  .xl-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  .xl-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  .xl-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  .xl-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  .xl-border-orange-200 { border-color: var(--quanta-orange-200); }
  .xl-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  .xl-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  .xl-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  .xl-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  .xl-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  .xl-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  .xl-border-orange-300 { border-color: var(--quanta-orange-300); }
  .xl-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  .xl-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  .xl-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  .xl-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  .xl-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  .xl-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  .xl-border-orange-400 { border-color: var(--quanta-orange-400); }
  .xl-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  .xl-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  .xl-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  .xl-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  .xl-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  .xl-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  .xl-border-orange-500 { border-color: var(--quanta-orange-500); }
  .xl-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  .xl-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  .xl-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  .xl-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  .xl-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  .xl-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  .xl-border-orange-600 { border-color: var(--quanta-orange-600); }
  .xl-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  .xl-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  .xl-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  .xl-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  .xl-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  .xl-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  .xl-border-orange-700 { border-color: var(--quanta-orange-700); }
  .xl-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  .xl-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  .xl-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  .xl-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  .xl-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  .xl-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  .xl-border-orange-800 { border-color: var(--quanta-orange-800); }
  .xl-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  .xl-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  .xl-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  .xl-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  .xl-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  .xl-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  .xl-border-orange-900 { border-color: var(--quanta-orange-900); }
  .xl-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  .xl-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  .xl-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  .xl-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  .xl-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  .xl-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  .xl-border-teal-50 { border-color: var(--quanta-teal-50); }
  .xl-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  .xl-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  .xl-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  .xl-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  .xl-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  .xl-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  .xl-border-teal-100 { border-color: var(--quanta-teal-100); }
  .xl-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  .xl-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  .xl-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  .xl-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  .xl-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  .xl-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  .xl-border-teal-200 { border-color: var(--quanta-teal-200); }
  .xl-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  .xl-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  .xl-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  .xl-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  .xl-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  .xl-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  .xl-border-teal-300 { border-color: var(--quanta-teal-300); }
  .xl-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  .xl-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  .xl-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  .xl-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  .xl-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  .xl-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  .xl-border-teal-400 { border-color: var(--quanta-teal-400); }
  .xl-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  .xl-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  .xl-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  .xl-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  .xl-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  .xl-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  .xl-border-teal-500 { border-color: var(--quanta-teal-500); }
  .xl-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  .xl-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  .xl-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  .xl-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  .xl-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  .xl-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  .xl-border-teal-600 { border-color: var(--quanta-teal-600); }
  .xl-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  .xl-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  .xl-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  .xl-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  .xl-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  .xl-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  .xl-border-teal-700 { border-color: var(--quanta-teal-700); }
  .xl-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  .xl-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  .xl-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  .xl-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  .xl-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  .xl-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  .xl-border-teal-800 { border-color: var(--quanta-teal-800); }
  .xl-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  .xl-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  .xl-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  .xl-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  .xl-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  .xl-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  .xl-border-teal-900 { border-color: var(--quanta-teal-900); }
  .xl-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  .xl-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  .xl-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  .xl-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  .xl-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  .xl-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  .xl-border-purple-50 { border-color: var(--quanta-purple-50); }
  .xl-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  .xl-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  .xl-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  .xl-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  .xl-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  .xl-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  .xl-border-purple-100 { border-color: var(--quanta-purple-100); }
  .xl-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  .xl-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  .xl-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  .xl-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  .xl-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  .xl-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  .xl-border-purple-200 { border-color: var(--quanta-purple-200); }
  .xl-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  .xl-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  .xl-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  .xl-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  .xl-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  .xl-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  .xl-border-purple-300 { border-color: var(--quanta-purple-300); }
  .xl-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  .xl-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  .xl-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  .xl-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  .xl-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  .xl-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  .xl-border-purple-400 { border-color: var(--quanta-purple-400); }
  .xl-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  .xl-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  .xl-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  .xl-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  .xl-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  .xl-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  .xl-border-purple-500 { border-color: var(--quanta-purple-500); }
  .xl-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  .xl-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  .xl-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  .xl-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  .xl-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  .xl-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  .xl-border-purple-600 { border-color: var(--quanta-purple-600); }
  .xl-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  .xl-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  .xl-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  .xl-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  .xl-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  .xl-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  .xl-border-purple-700 { border-color: var(--quanta-purple-700); }
  .xl-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  .xl-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  .xl-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  .xl-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  .xl-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  .xl-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  .xl-border-purple-800 { border-color: var(--quanta-purple-800); }
  .xl-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  .xl-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  .xl-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  .xl-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  .xl-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  .xl-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  .xl-border-purple-900 { border-color: var(--quanta-purple-900); }
  .xl-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  .xl-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  .xl-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  .xl-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  .xl-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  .xl-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  .xl-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .xl-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  .xl-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  .xl-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  .xl-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  .xl-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  .xl-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .xl-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .xl-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  .xl-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  .xl-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  .xl-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  .xl-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  .xl-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .xl-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .xl-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  .xl-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  .xl-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  .xl-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  .xl-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  .xl-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .xl-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .xl-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  .xl-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  .xl-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  .xl-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  .xl-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  .xl-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .xl-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .xl-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  .xl-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  .xl-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  .xl-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  .xl-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  .xl-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .xl-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .xl-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  .xl-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  .xl-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  .xl-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  .xl-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  .xl-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .xl-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .xl-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  .xl-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  .xl-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  .xl-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  .xl-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  .xl-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .xl-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .xl-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  .xl-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  .xl-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  .xl-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  .xl-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  .xl-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .xl-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .xl-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  .xl-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  .xl-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  .xl-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  .xl-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  .xl-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .xl-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .xl-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  .xl-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  .xl-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  .xl-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  .xl-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  .xl-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .xl-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .xl-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  .xl-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  .xl-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  .xl-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  .xl-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  .xl-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .xl-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .xl-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  .xl-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  .xl-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  .xl-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  .xl-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  .xl-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .xl-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .xl-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  .xl-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  .xl-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  .xl-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  .xl-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  .xl-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .xl-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .xl-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  .xl-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  .xl-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  .xl-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  .xl-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  .xl-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .xl-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .xl-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  .xl-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  .xl-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  .xl-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  .xl-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  .xl-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .xl-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .xl-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  .xl-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  .xl-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  .xl-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  .xl-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  .xl-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .xl-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .xl-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  .xl-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  .xl-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  .xl-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  .xl-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  .xl-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .xl-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .xl-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  .xl-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  .xl-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  .xl-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  .xl-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  .xl-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .xl-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .xl-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  .xl-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  .xl-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  .xl-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  .xl-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  .xl-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .xl-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .xl-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  .xl-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  .xl-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  .xl-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  .xl-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  .xl-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .xl-border-pink-50 { border-color: var(--quanta-pink-50); }
  .xl-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  .xl-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  .xl-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  .xl-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  .xl-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  .xl-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  .xl-border-pink-100 { border-color: var(--quanta-pink-100); }
  .xl-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  .xl-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  .xl-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  .xl-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  .xl-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  .xl-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  .xl-border-pink-200 { border-color: var(--quanta-pink-200); }
  .xl-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  .xl-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  .xl-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  .xl-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  .xl-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  .xl-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  .xl-border-pink-300 { border-color: var(--quanta-pink-300); }
  .xl-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  .xl-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  .xl-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  .xl-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  .xl-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  .xl-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  .xl-border-pink-400 { border-color: var(--quanta-pink-400); }
  .xl-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  .xl-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  .xl-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  .xl-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  .xl-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  .xl-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  .xl-border-pink-500 { border-color: var(--quanta-pink-500); }
  .xl-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  .xl-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  .xl-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  .xl-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  .xl-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  .xl-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  .xl-border-pink-600 { border-color: var(--quanta-pink-600); }
  .xl-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  .xl-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  .xl-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  .xl-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  .xl-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  .xl-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  .xl-border-pink-700 { border-color: var(--quanta-pink-700); }
  .xl-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  .xl-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  .xl-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  .xl-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  .xl-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  .xl-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  .xl-border-pink-800 { border-color: var(--quanta-pink-800); }
  .xl-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  .xl-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  .xl-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  .xl-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  .xl-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  .xl-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  .xl-border-pink-900 { border-color: var(--quanta-pink-900); }
  .xl-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  .xl-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  .xl-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  .xl-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  .xl-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  .xl-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  .xl-border-grey-50 { border-color: var(--quanta-grey-50); }
  .xl-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  .xl-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  .xl-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  .xl-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  .xl-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  .xl-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  .xl-border-grey-100 { border-color: var(--quanta-grey-100); }
  .xl-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  .xl-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  .xl-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  .xl-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  .xl-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  .xl-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  .xl-border-grey-200 { border-color: var(--quanta-grey-200); }
  .xl-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  .xl-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  .xl-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  .xl-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  .xl-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  .xl-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  .xl-border-grey-300 { border-color: var(--quanta-grey-300); }
  .xl-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  .xl-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  .xl-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  .xl-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  .xl-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  .xl-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  .xl-border-grey-400 { border-color: var(--quanta-grey-400); }
  .xl-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  .xl-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  .xl-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  .xl-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  .xl-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  .xl-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  .xl-border-grey-500 { border-color: var(--quanta-grey-500); }
  .xl-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  .xl-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  .xl-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  .xl-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  .xl-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  .xl-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  .xl-border-grey-600 { border-color: var(--quanta-grey-600); }
  .xl-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  .xl-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  .xl-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  .xl-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  .xl-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  .xl-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  .xl-border-grey-700 { border-color: var(--quanta-grey-700); }
  .xl-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  .xl-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  .xl-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  .xl-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  .xl-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  .xl-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  .xl-border-grey-800 { border-color: var(--quanta-grey-800); }
  .xl-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  .xl-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  .xl-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  .xl-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  .xl-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  .xl-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  .xl-border-grey-900 { border-color: var(--quanta-grey-900); }
  .xl-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  .xl-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  .xl-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  .xl-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  .xl-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  .xl-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  .xl-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .xl-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  .xl-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  .xl-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  .xl-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  .xl-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  .xl-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .xl-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .xl-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  .xl-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  .xl-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  .xl-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  .xl-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  .xl-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .xl-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .xl-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  .xl-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  .xl-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  .xl-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  .xl-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  .xl-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .xl-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .xl-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  .xl-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  .xl-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  .xl-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  .xl-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  .xl-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .xl-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .xl-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  .xl-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  .xl-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  .xl-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  .xl-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  .xl-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .xl-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .xl-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  .xl-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  .xl-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  .xl-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  .xl-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  .xl-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .xl-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .xl-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  .xl-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  .xl-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  .xl-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  .xl-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  .xl-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .xl-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .xl-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  .xl-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  .xl-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  .xl-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  .xl-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  .xl-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .xl-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .xl-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  .xl-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  .xl-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  .xl-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  .xl-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  .xl-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .xl-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .xl-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  .xl-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  .xl-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  .xl-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  .xl-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  .xl-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .xl-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .xl-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  .xl-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  .xl-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  .xl-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  .xl-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  .xl-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .xl-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .xl-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  .xl-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  .xl-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  .xl-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  .xl-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  .xl-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .xl-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .xl-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  .xl-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  .xl-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  .xl-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  .xl-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  .xl-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .xl-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .xl-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  .xl-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  .xl-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  .xl-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  .xl-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  .xl-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .xl-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .xl-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  .xl-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  .xl-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  .xl-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  .xl-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  .xl-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .xl-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .xl-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  .xl-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  .xl-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  .xl-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  .xl-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  .xl-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .xl-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .xl-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  .xl-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  .xl-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  .xl-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  .xl-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  .xl-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .xl-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .xl-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  .xl-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  .xl-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  .xl-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  .xl-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  .xl-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .xl-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .xl-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  .xl-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  .xl-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  .xl-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  .xl-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  .xl-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .xl-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .xl-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  .xl-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  .xl-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  .xl-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  .xl-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  .xl-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .xl-border-lime-50 { border-color: var(--quanta-lime-50); }
  .xl-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  .xl-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  .xl-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  .xl-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  .xl-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  .xl-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  .xl-border-lime-100 { border-color: var(--quanta-lime-100); }
  .xl-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  .xl-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  .xl-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  .xl-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  .xl-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  .xl-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  .xl-border-lime-200 { border-color: var(--quanta-lime-200); }
  .xl-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  .xl-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  .xl-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  .xl-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  .xl-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  .xl-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  .xl-border-lime-300 { border-color: var(--quanta-lime-300); }
  .xl-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  .xl-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  .xl-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  .xl-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  .xl-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  .xl-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  .xl-border-lime-400 { border-color: var(--quanta-lime-400); }
  .xl-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  .xl-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  .xl-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  .xl-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  .xl-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  .xl-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  .xl-border-lime-500 { border-color: var(--quanta-lime-500); }
  .xl-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  .xl-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  .xl-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  .xl-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  .xl-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  .xl-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  .xl-border-lime-600 { border-color: var(--quanta-lime-600); }
  .xl-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  .xl-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  .xl-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  .xl-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  .xl-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  .xl-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  .xl-border-lime-700 { border-color: var(--quanta-lime-700); }
  .xl-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  .xl-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  .xl-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  .xl-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  .xl-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  .xl-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  .xl-border-lime-800 { border-color: var(--quanta-lime-800); }
  .xl-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  .xl-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  .xl-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  .xl-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  .xl-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  .xl-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  .xl-border-lime-900 { border-color: var(--quanta-lime-900); }
  .xl-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  .xl-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  .xl-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  .xl-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  .xl-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  .xl-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  .xl-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .xl-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  .xl-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  .xl-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  .xl-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  .xl-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  .xl-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .xl-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .xl-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  .xl-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  .xl-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  .xl-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  .xl-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  .xl-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .xl-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .xl-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  .xl-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  .xl-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  .xl-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  .xl-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  .xl-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .xl-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .xl-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  .xl-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  .xl-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  .xl-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  .xl-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  .xl-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .xl-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .xl-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  .xl-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  .xl-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  .xl-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  .xl-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  .xl-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .xl-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .xl-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  .xl-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  .xl-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  .xl-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  .xl-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  .xl-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .xl-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .xl-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  .xl-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  .xl-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  .xl-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  .xl-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  .xl-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .xl-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .xl-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  .xl-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  .xl-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  .xl-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  .xl-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  .xl-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .xl-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .xl-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  .xl-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  .xl-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  .xl-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  .xl-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  .xl-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .xl-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .xl-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  .xl-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  .xl-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  .xl-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  .xl-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  .xl-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .xl-border-sky-50 { border-color: var(--quanta-sky-50); }
  .xl-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  .xl-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  .xl-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  .xl-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  .xl-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  .xl-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  .xl-border-sky-100 { border-color: var(--quanta-sky-100); }
  .xl-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  .xl-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  .xl-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  .xl-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  .xl-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  .xl-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  .xl-border-sky-200 { border-color: var(--quanta-sky-200); }
  .xl-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  .xl-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  .xl-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  .xl-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  .xl-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  .xl-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  .xl-border-sky-300 { border-color: var(--quanta-sky-300); }
  .xl-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  .xl-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  .xl-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  .xl-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  .xl-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  .xl-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  .xl-border-sky-400 { border-color: var(--quanta-sky-400); }
  .xl-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  .xl-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  .xl-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  .xl-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  .xl-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  .xl-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  .xl-border-sky-500 { border-color: var(--quanta-sky-500); }
  .xl-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  .xl-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  .xl-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  .xl-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  .xl-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  .xl-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  .xl-border-sky-600 { border-color: var(--quanta-sky-600); }
  .xl-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  .xl-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  .xl-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  .xl-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  .xl-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  .xl-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  .xl-border-sky-700 { border-color: var(--quanta-sky-700); }
  .xl-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  .xl-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  .xl-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  .xl-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  .xl-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  .xl-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  .xl-border-sky-800 { border-color: var(--quanta-sky-800); }
  .xl-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  .xl-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  .xl-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  .xl-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  .xl-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  .xl-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  .xl-border-sky-900 { border-color: var(--quanta-sky-900); }
  .xl-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  .xl-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  .xl-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  .xl-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  .xl-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  .xl-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  .xl-border-violet-50 { border-color: var(--quanta-violet-50); }
  .xl-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  .xl-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  .xl-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  .xl-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  .xl-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  .xl-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  .xl-border-violet-100 { border-color: var(--quanta-violet-100); }
  .xl-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  .xl-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  .xl-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  .xl-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  .xl-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  .xl-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  .xl-border-violet-200 { border-color: var(--quanta-violet-200); }
  .xl-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  .xl-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  .xl-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  .xl-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  .xl-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  .xl-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  .xl-border-violet-300 { border-color: var(--quanta-violet-300); }
  .xl-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  .xl-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  .xl-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  .xl-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  .xl-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  .xl-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  .xl-border-violet-400 { border-color: var(--quanta-violet-400); }
  .xl-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  .xl-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  .xl-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  .xl-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  .xl-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  .xl-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  .xl-border-violet-500 { border-color: var(--quanta-violet-500); }
  .xl-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  .xl-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  .xl-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  .xl-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  .xl-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  .xl-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  .xl-border-violet-600 { border-color: var(--quanta-violet-600); }
  .xl-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  .xl-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  .xl-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  .xl-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  .xl-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  .xl-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  .xl-border-violet-700 { border-color: var(--quanta-violet-700); }
  .xl-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  .xl-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  .xl-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  .xl-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  .xl-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  .xl-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  .xl-border-violet-800 { border-color: var(--quanta-violet-800); }
  .xl-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  .xl-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  .xl-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  .xl-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  .xl-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  .xl-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  .xl-border-violet-900 { border-color: var(--quanta-violet-900); }
  .xl-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  .xl-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  .xl-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  .xl-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  .xl-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  .xl-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  .xl-border-rose-50 { border-color: var(--quanta-rose-50); }
  .xl-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  .xl-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  .xl-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  .xl-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  .xl-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  .xl-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  .xl-border-rose-100 { border-color: var(--quanta-rose-100); }
  .xl-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  .xl-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  .xl-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  .xl-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  .xl-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  .xl-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  .xl-border-rose-200 { border-color: var(--quanta-rose-200); }
  .xl-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  .xl-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  .xl-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  .xl-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  .xl-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  .xl-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  .xl-border-rose-300 { border-color: var(--quanta-rose-300); }
  .xl-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  .xl-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  .xl-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  .xl-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  .xl-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  .xl-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  .xl-border-rose-400 { border-color: var(--quanta-rose-400); }
  .xl-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  .xl-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  .xl-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  .xl-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  .xl-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  .xl-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  .xl-border-rose-500 { border-color: var(--quanta-rose-500); }
  .xl-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  .xl-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  .xl-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  .xl-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  .xl-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  .xl-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  .xl-border-rose-600 { border-color: var(--quanta-rose-600); }
  .xl-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  .xl-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  .xl-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  .xl-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  .xl-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  .xl-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  .xl-border-rose-700 { border-color: var(--quanta-rose-700); }
  .xl-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  .xl-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  .xl-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  .xl-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  .xl-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  .xl-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  .xl-border-rose-800 { border-color: var(--quanta-rose-800); }
  .xl-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  .xl-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  .xl-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  .xl-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  .xl-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  .xl-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  .xl-border-rose-900 { border-color: var(--quanta-rose-900); }
  .xl-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  .xl-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  .xl-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  .xl-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  .xl-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  .xl-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  .xl-border-slate-50 { border-color: var(--quanta-slate-50); }
  .xl-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  .xl-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  .xl-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  .xl-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  .xl-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  .xl-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  .xl-border-slate-100 { border-color: var(--quanta-slate-100); }
  .xl-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  .xl-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  .xl-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  .xl-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  .xl-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  .xl-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  .xl-border-slate-200 { border-color: var(--quanta-slate-200); }
  .xl-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  .xl-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  .xl-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  .xl-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  .xl-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  .xl-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  .xl-border-slate-300 { border-color: var(--quanta-slate-300); }
  .xl-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  .xl-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  .xl-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  .xl-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  .xl-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  .xl-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  .xl-border-slate-400 { border-color: var(--quanta-slate-400); }
  .xl-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  .xl-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  .xl-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  .xl-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  .xl-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  .xl-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  .xl-border-slate-500 { border-color: var(--quanta-slate-500); }
  .xl-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  .xl-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  .xl-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  .xl-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  .xl-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  .xl-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  .xl-border-slate-600 { border-color: var(--quanta-slate-600); }
  .xl-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  .xl-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  .xl-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  .xl-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  .xl-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  .xl-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  .xl-border-slate-700 { border-color: var(--quanta-slate-700); }
  .xl-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  .xl-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  .xl-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  .xl-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  .xl-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  .xl-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  .xl-border-slate-800 { border-color: var(--quanta-slate-800); }
  .xl-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  .xl-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  .xl-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  .xl-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  .xl-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  .xl-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  .xl-border-slate-900 { border-color: var(--quanta-slate-900); }
  .xl-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  .xl-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  .xl-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  .xl-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  .xl-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  .xl-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  .xl-border-blue-50 { border-color: var(--quanta-blue-50); }
  .xl-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  .xl-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  .xl-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  .xl-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  .xl-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  .xl-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  .xl-border-blue-100 { border-color: var(--quanta-blue-100); }
  .xl-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  .xl-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  .xl-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  .xl-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  .xl-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  .xl-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  .xl-border-blue-200 { border-color: var(--quanta-blue-200); }
  .xl-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  .xl-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  .xl-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  .xl-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  .xl-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  .xl-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  .xl-border-blue-300 { border-color: var(--quanta-blue-300); }
  .xl-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  .xl-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  .xl-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  .xl-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  .xl-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  .xl-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  .xl-border-blue-400 { border-color: var(--quanta-blue-400); }
  .xl-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  .xl-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  .xl-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  .xl-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  .xl-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  .xl-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  .xl-border-blue-500 { border-color: var(--quanta-blue-500); }
  .xl-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  .xl-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  .xl-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  .xl-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  .xl-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  .xl-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  .xl-border-blue-600 { border-color: var(--quanta-blue-600); }
  .xl-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  .xl-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  .xl-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  .xl-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  .xl-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  .xl-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  .xl-border-blue-700 { border-color: var(--quanta-blue-700); }
  .xl-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  .xl-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  .xl-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  .xl-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  .xl-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  .xl-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  .xl-border-blue-800 { border-color: var(--quanta-blue-800); }
  .xl-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  .xl-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  .xl-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  .xl-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  .xl-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  .xl-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  .xl-border-blue-900 { border-color: var(--quanta-blue-900); }
  .xl-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  .xl-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  .xl-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  .xl-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  .xl-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  .xl-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  .xl-border-green-50 { border-color: var(--quanta-green-50); }
  .xl-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  .xl-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  .xl-active-border-green-50:active { border-color: var(--quanta-green-50); }
  .xl-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  .xl-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  .xl-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  .xl-border-green-100 { border-color: var(--quanta-green-100); }
  .xl-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  .xl-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  .xl-active-border-green-100:active { border-color: var(--quanta-green-100); }
  .xl-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  .xl-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  .xl-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  .xl-border-green-200 { border-color: var(--quanta-green-200); }
  .xl-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  .xl-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  .xl-active-border-green-200:active { border-color: var(--quanta-green-200); }
  .xl-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  .xl-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  .xl-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  .xl-border-green-300 { border-color: var(--quanta-green-300); }
  .xl-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  .xl-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  .xl-active-border-green-300:active { border-color: var(--quanta-green-300); }
  .xl-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  .xl-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  .xl-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  .xl-border-green-400 { border-color: var(--quanta-green-400); }
  .xl-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  .xl-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  .xl-active-border-green-400:active { border-color: var(--quanta-green-400); }
  .xl-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  .xl-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  .xl-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  .xl-border-green-500 { border-color: var(--quanta-green-500); }
  .xl-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  .xl-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  .xl-active-border-green-500:active { border-color: var(--quanta-green-500); }
  .xl-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  .xl-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  .xl-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  .xl-border-green-600 { border-color: var(--quanta-green-600); }
  .xl-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  .xl-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  .xl-active-border-green-600:active { border-color: var(--quanta-green-600); }
  .xl-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  .xl-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  .xl-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  .xl-border-green-700 { border-color: var(--quanta-green-700); }
  .xl-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  .xl-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  .xl-active-border-green-700:active { border-color: var(--quanta-green-700); }
  .xl-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  .xl-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  .xl-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  .xl-border-green-800 { border-color: var(--quanta-green-800); }
  .xl-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  .xl-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  .xl-active-border-green-800:active { border-color: var(--quanta-green-800); }
  .xl-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  .xl-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  .xl-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  .xl-border-green-900 { border-color: var(--quanta-green-900); }
  .xl-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  .xl-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  .xl-active-border-green-900:active { border-color: var(--quanta-green-900); }
  .xl-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  .xl-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  .xl-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  .xl-border-black { border-color: var(--black); }
  .xl-hover-border-black:hover { border-color: var(--black); }
  .xl-focus-border-black:focus { border-color: var(--black); }
  .xl-active-border-black:active { border-color: var(--black); }
  .xl-disabled-border-black:disabled { border-color: var(--black); }
  .xl-focus-visible-border-black:focus-visible { border-color: var(--black); }
  .xl-focus-within-border-black:focus-within { border-color: var(--black); }
  .xl-group:hover .xl-group-hover-border-black { border-color: var(--black); }
  .xl-border-white { border-color: var(--white); }
  .xl-hover-border-white:hover { border-color: var(--white); }
  .xl-focus-border-white:focus { border-color: var(--white); }
  .xl-active-border-white:active { border-color: var(--white); }
  .xl-disabled-border-white:disabled { border-color: var(--white); }
  .xl-focus-visible-border-white:focus-visible { border-color: var(--white); }
  .xl-focus-within-border-white:focus-within { border-color: var(--white); }
  .xl-group:hover .xl-group-hover-border-white { border-color: var(--white); }
  .xl-border-0 { border-width: 0.0rem; }
  .xl-hover-border-0:hover { border-width: 0.0rem; }
  .xl-focus-border-0:focus { border-width: 0.0rem; }
  .xl-active-border-0:active { border-width: 0.0rem; }
  .xl-disabled-border-0:disabled { border-width: 0.0rem; }
  .xl-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .xl-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-0 { border-width: 0.0rem; }
  .xl-border-0 { border-width: 0.0rem; }
  .xl-hover-border-0:hover { border-width: 0.0rem; }
  .xl-focus-border-0:focus { border-width: 0.0rem; }
  .xl-active-border-0:active { border-width: 0.0rem; }
  .xl-disabled-border-0:disabled { border-width: 0.0rem; }
  .xl-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .xl-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-0 { border-width: 0.0rem; }
  .xl-border-t-0 { border-top-width: 0.0rem; }
  .xl-hover-border-t-0:hover { border-top-width: 0.0rem; }
  .xl-focus-border-t-0:focus { border-top-width: 0.0rem; }
  .xl-active-border-t-0:active { border-top-width: 0.0rem; }
  .xl-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  .xl-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  .xl-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-t-0 { border-top-width: 0.0rem; }
  .xl-border-r-0 { border-right-width: 0.0rem; }
  .xl-hover-border-r-0:hover { border-right-width: 0.0rem; }
  .xl-focus-border-r-0:focus { border-right-width: 0.0rem; }
  .xl-active-border-r-0:active { border-right-width: 0.0rem; }
  .xl-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  .xl-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  .xl-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-r-0 { border-right-width: 0.0rem; }
  .xl-border-b-0 { border-bottom-width: 0.0rem; }
  .xl-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  .xl-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  .xl-active-border-b-0:active { border-bottom-width: 0.0rem; }
  .xl-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  .xl-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  .xl-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  .xl-border-l-0 { border-left-width: 0.0rem; }
  .xl-hover-border-l-0:hover { border-left-width: 0.0rem; }
  .xl-focus-border-l-0:focus { border-left-width: 0.0rem; }
  .xl-active-border-l-0:active { border-left-width: 0.0rem; }
  .xl-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  .xl-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  .xl-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-l-0 { border-left-width: 0.0rem; }
  .xl-border-1 { border-width: 0.0625rem; }
  .xl-hover-border-1:hover { border-width: 0.0625rem; }
  .xl-focus-border-1:focus { border-width: 0.0625rem; }
  .xl-active-border-1:active { border-width: 0.0625rem; }
  .xl-disabled-border-1:disabled { border-width: 0.0625rem; }
  .xl-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .xl-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-1 { border-width: 0.0625rem; }
  .xl-border-1 { border-width: 0.0625rem; }
  .xl-hover-border-1:hover { border-width: 0.0625rem; }
  .xl-focus-border-1:focus { border-width: 0.0625rem; }
  .xl-active-border-1:active { border-width: 0.0625rem; }
  .xl-disabled-border-1:disabled { border-width: 0.0625rem; }
  .xl-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .xl-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-1 { border-width: 0.0625rem; }
  .xl-border-t-1 { border-top-width: 0.0625rem; }
  .xl-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  .xl-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  .xl-active-border-t-1:active { border-top-width: 0.0625rem; }
  .xl-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  .xl-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  .xl-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  .xl-border-r-1 { border-right-width: 0.0625rem; }
  .xl-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  .xl-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  .xl-active-border-r-1:active { border-right-width: 0.0625rem; }
  .xl-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  .xl-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  .xl-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  .xl-border-b-1 { border-bottom-width: 0.0625rem; }
  .xl-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  .xl-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  .xl-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  .xl-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  .xl-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  .xl-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  .xl-border-l-1 { border-left-width: 0.0625rem; }
  .xl-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  .xl-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  .xl-active-border-l-1:active { border-left-width: 0.0625rem; }
  .xl-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  .xl-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  .xl-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  .xl-border-2 { border-width: 0.125rem; }
  .xl-hover-border-2:hover { border-width: 0.125rem; }
  .xl-focus-border-2:focus { border-width: 0.125rem; }
  .xl-active-border-2:active { border-width: 0.125rem; }
  .xl-disabled-border-2:disabled { border-width: 0.125rem; }
  .xl-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .xl-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-2 { border-width: 0.125rem; }
  .xl-border-2 { border-width: 0.125rem; }
  .xl-hover-border-2:hover { border-width: 0.125rem; }
  .xl-focus-border-2:focus { border-width: 0.125rem; }
  .xl-active-border-2:active { border-width: 0.125rem; }
  .xl-disabled-border-2:disabled { border-width: 0.125rem; }
  .xl-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .xl-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-2 { border-width: 0.125rem; }
  .xl-border-t-2 { border-top-width: 0.125rem; }
  .xl-hover-border-t-2:hover { border-top-width: 0.125rem; }
  .xl-focus-border-t-2:focus { border-top-width: 0.125rem; }
  .xl-active-border-t-2:active { border-top-width: 0.125rem; }
  .xl-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  .xl-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  .xl-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-t-2 { border-top-width: 0.125rem; }
  .xl-border-r-2 { border-right-width: 0.125rem; }
  .xl-hover-border-r-2:hover { border-right-width: 0.125rem; }
  .xl-focus-border-r-2:focus { border-right-width: 0.125rem; }
  .xl-active-border-r-2:active { border-right-width: 0.125rem; }
  .xl-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  .xl-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  .xl-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-r-2 { border-right-width: 0.125rem; }
  .xl-border-b-2 { border-bottom-width: 0.125rem; }
  .xl-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  .xl-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  .xl-active-border-b-2:active { border-bottom-width: 0.125rem; }
  .xl-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  .xl-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  .xl-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  .xl-border-l-2 { border-left-width: 0.125rem; }
  .xl-hover-border-l-2:hover { border-left-width: 0.125rem; }
  .xl-focus-border-l-2:focus { border-left-width: 0.125rem; }
  .xl-active-border-l-2:active { border-left-width: 0.125rem; }
  .xl-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  .xl-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  .xl-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-l-2 { border-left-width: 0.125rem; }
  .xl-border-3 { border-width: 0.1875rem; }
  .xl-hover-border-3:hover { border-width: 0.1875rem; }
  .xl-focus-border-3:focus { border-width: 0.1875rem; }
  .xl-active-border-3:active { border-width: 0.1875rem; }
  .xl-disabled-border-3:disabled { border-width: 0.1875rem; }
  .xl-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .xl-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-3 { border-width: 0.1875rem; }
  .xl-border-3 { border-width: 0.1875rem; }
  .xl-hover-border-3:hover { border-width: 0.1875rem; }
  .xl-focus-border-3:focus { border-width: 0.1875rem; }
  .xl-active-border-3:active { border-width: 0.1875rem; }
  .xl-disabled-border-3:disabled { border-width: 0.1875rem; }
  .xl-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .xl-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-3 { border-width: 0.1875rem; }
  .xl-border-t-3 { border-top-width: 0.1875rem; }
  .xl-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  .xl-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  .xl-active-border-t-3:active { border-top-width: 0.1875rem; }
  .xl-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  .xl-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  .xl-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  .xl-border-r-3 { border-right-width: 0.1875rem; }
  .xl-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  .xl-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  .xl-active-border-r-3:active { border-right-width: 0.1875rem; }
  .xl-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  .xl-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  .xl-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  .xl-border-b-3 { border-bottom-width: 0.1875rem; }
  .xl-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  .xl-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  .xl-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  .xl-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  .xl-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  .xl-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  .xl-border-l-3 { border-left-width: 0.1875rem; }
  .xl-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  .xl-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  .xl-active-border-l-3:active { border-left-width: 0.1875rem; }
  .xl-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  .xl-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  .xl-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  .xl-border-4 { border-width: 0.25rem; }
  .xl-hover-border-4:hover { border-width: 0.25rem; }
  .xl-focus-border-4:focus { border-width: 0.25rem; }
  .xl-active-border-4:active { border-width: 0.25rem; }
  .xl-disabled-border-4:disabled { border-width: 0.25rem; }
  .xl-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .xl-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-4 { border-width: 0.25rem; }
  .xl-border-4 { border-width: 0.25rem; }
  .xl-hover-border-4:hover { border-width: 0.25rem; }
  .xl-focus-border-4:focus { border-width: 0.25rem; }
  .xl-active-border-4:active { border-width: 0.25rem; }
  .xl-disabled-border-4:disabled { border-width: 0.25rem; }
  .xl-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .xl-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-4 { border-width: 0.25rem; }
  .xl-border-t-4 { border-top-width: 0.25rem; }
  .xl-hover-border-t-4:hover { border-top-width: 0.25rem; }
  .xl-focus-border-t-4:focus { border-top-width: 0.25rem; }
  .xl-active-border-t-4:active { border-top-width: 0.25rem; }
  .xl-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  .xl-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  .xl-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-t-4 { border-top-width: 0.25rem; }
  .xl-border-r-4 { border-right-width: 0.25rem; }
  .xl-hover-border-r-4:hover { border-right-width: 0.25rem; }
  .xl-focus-border-r-4:focus { border-right-width: 0.25rem; }
  .xl-active-border-r-4:active { border-right-width: 0.25rem; }
  .xl-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  .xl-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  .xl-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-r-4 { border-right-width: 0.25rem; }
  .xl-border-b-4 { border-bottom-width: 0.25rem; }
  .xl-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  .xl-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  .xl-active-border-b-4:active { border-bottom-width: 0.25rem; }
  .xl-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  .xl-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  .xl-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  .xl-border-l-4 { border-left-width: 0.25rem; }
  .xl-hover-border-l-4:hover { border-left-width: 0.25rem; }
  .xl-focus-border-l-4:focus { border-left-width: 0.25rem; }
  .xl-active-border-l-4:active { border-left-width: 0.25rem; }
  .xl-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  .xl-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  .xl-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-l-4 { border-left-width: 0.25rem; }
  .xl-border-5 { border-width: 0.3125rem; }
  .xl-hover-border-5:hover { border-width: 0.3125rem; }
  .xl-focus-border-5:focus { border-width: 0.3125rem; }
  .xl-active-border-5:active { border-width: 0.3125rem; }
  .xl-disabled-border-5:disabled { border-width: 0.3125rem; }
  .xl-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .xl-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-5 { border-width: 0.3125rem; }
  .xl-border-5 { border-width: 0.3125rem; }
  .xl-hover-border-5:hover { border-width: 0.3125rem; }
  .xl-focus-border-5:focus { border-width: 0.3125rem; }
  .xl-active-border-5:active { border-width: 0.3125rem; }
  .xl-disabled-border-5:disabled { border-width: 0.3125rem; }
  .xl-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .xl-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-5 { border-width: 0.3125rem; }
  .xl-border-t-5 { border-top-width: 0.3125rem; }
  .xl-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  .xl-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  .xl-active-border-t-5:active { border-top-width: 0.3125rem; }
  .xl-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  .xl-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  .xl-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  .xl-border-r-5 { border-right-width: 0.3125rem; }
  .xl-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  .xl-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  .xl-active-border-r-5:active { border-right-width: 0.3125rem; }
  .xl-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  .xl-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  .xl-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  .xl-border-b-5 { border-bottom-width: 0.3125rem; }
  .xl-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  .xl-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  .xl-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  .xl-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  .xl-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  .xl-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  .xl-border-l-5 { border-left-width: 0.3125rem; }
  .xl-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  .xl-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  .xl-active-border-l-5:active { border-left-width: 0.3125rem; }
  .xl-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  .xl-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  .xl-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  .xl-border-6 { border-width: 0.375rem; }
  .xl-hover-border-6:hover { border-width: 0.375rem; }
  .xl-focus-border-6:focus { border-width: 0.375rem; }
  .xl-active-border-6:active { border-width: 0.375rem; }
  .xl-disabled-border-6:disabled { border-width: 0.375rem; }
  .xl-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .xl-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-6 { border-width: 0.375rem; }
  .xl-border-6 { border-width: 0.375rem; }
  .xl-hover-border-6:hover { border-width: 0.375rem; }
  .xl-focus-border-6:focus { border-width: 0.375rem; }
  .xl-active-border-6:active { border-width: 0.375rem; }
  .xl-disabled-border-6:disabled { border-width: 0.375rem; }
  .xl-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .xl-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-6 { border-width: 0.375rem; }
  .xl-border-t-6 { border-top-width: 0.375rem; }
  .xl-hover-border-t-6:hover { border-top-width: 0.375rem; }
  .xl-focus-border-t-6:focus { border-top-width: 0.375rem; }
  .xl-active-border-t-6:active { border-top-width: 0.375rem; }
  .xl-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  .xl-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  .xl-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-t-6 { border-top-width: 0.375rem; }
  .xl-border-r-6 { border-right-width: 0.375rem; }
  .xl-hover-border-r-6:hover { border-right-width: 0.375rem; }
  .xl-focus-border-r-6:focus { border-right-width: 0.375rem; }
  .xl-active-border-r-6:active { border-right-width: 0.375rem; }
  .xl-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  .xl-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  .xl-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-r-6 { border-right-width: 0.375rem; }
  .xl-border-b-6 { border-bottom-width: 0.375rem; }
  .xl-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  .xl-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  .xl-active-border-b-6:active { border-bottom-width: 0.375rem; }
  .xl-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  .xl-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  .xl-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  .xl-border-l-6 { border-left-width: 0.375rem; }
  .xl-hover-border-l-6:hover { border-left-width: 0.375rem; }
  .xl-focus-border-l-6:focus { border-left-width: 0.375rem; }
  .xl-active-border-l-6:active { border-left-width: 0.375rem; }
  .xl-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  .xl-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  .xl-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-l-6 { border-left-width: 0.375rem; }
  .xl-border-7 { border-width: 0.4375rem; }
  .xl-hover-border-7:hover { border-width: 0.4375rem; }
  .xl-focus-border-7:focus { border-width: 0.4375rem; }
  .xl-active-border-7:active { border-width: 0.4375rem; }
  .xl-disabled-border-7:disabled { border-width: 0.4375rem; }
  .xl-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .xl-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-7 { border-width: 0.4375rem; }
  .xl-border-7 { border-width: 0.4375rem; }
  .xl-hover-border-7:hover { border-width: 0.4375rem; }
  .xl-focus-border-7:focus { border-width: 0.4375rem; }
  .xl-active-border-7:active { border-width: 0.4375rem; }
  .xl-disabled-border-7:disabled { border-width: 0.4375rem; }
  .xl-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .xl-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-7 { border-width: 0.4375rem; }
  .xl-border-t-7 { border-top-width: 0.4375rem; }
  .xl-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  .xl-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  .xl-active-border-t-7:active { border-top-width: 0.4375rem; }
  .xl-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  .xl-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  .xl-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  .xl-border-r-7 { border-right-width: 0.4375rem; }
  .xl-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  .xl-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  .xl-active-border-r-7:active { border-right-width: 0.4375rem; }
  .xl-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  .xl-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  .xl-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  .xl-border-b-7 { border-bottom-width: 0.4375rem; }
  .xl-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  .xl-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  .xl-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  .xl-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  .xl-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  .xl-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  .xl-border-l-7 { border-left-width: 0.4375rem; }
  .xl-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  .xl-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  .xl-active-border-l-7:active { border-left-width: 0.4375rem; }
  .xl-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  .xl-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  .xl-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  .xl-border-8 { border-width: 0.5rem; }
  .xl-hover-border-8:hover { border-width: 0.5rem; }
  .xl-focus-border-8:focus { border-width: 0.5rem; }
  .xl-active-border-8:active { border-width: 0.5rem; }
  .xl-disabled-border-8:disabled { border-width: 0.5rem; }
  .xl-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .xl-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-8 { border-width: 0.5rem; }
  .xl-border-8 { border-width: 0.5rem; }
  .xl-hover-border-8:hover { border-width: 0.5rem; }
  .xl-focus-border-8:focus { border-width: 0.5rem; }
  .xl-active-border-8:active { border-width: 0.5rem; }
  .xl-disabled-border-8:disabled { border-width: 0.5rem; }
  .xl-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .xl-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-8 { border-width: 0.5rem; }
  .xl-border-t-8 { border-top-width: 0.5rem; }
  .xl-hover-border-t-8:hover { border-top-width: 0.5rem; }
  .xl-focus-border-t-8:focus { border-top-width: 0.5rem; }
  .xl-active-border-t-8:active { border-top-width: 0.5rem; }
  .xl-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  .xl-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  .xl-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-t-8 { border-top-width: 0.5rem; }
  .xl-border-r-8 { border-right-width: 0.5rem; }
  .xl-hover-border-r-8:hover { border-right-width: 0.5rem; }
  .xl-focus-border-r-8:focus { border-right-width: 0.5rem; }
  .xl-active-border-r-8:active { border-right-width: 0.5rem; }
  .xl-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  .xl-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  .xl-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-r-8 { border-right-width: 0.5rem; }
  .xl-border-b-8 { border-bottom-width: 0.5rem; }
  .xl-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  .xl-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  .xl-active-border-b-8:active { border-bottom-width: 0.5rem; }
  .xl-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  .xl-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  .xl-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  .xl-border-l-8 { border-left-width: 0.5rem; }
  .xl-hover-border-l-8:hover { border-left-width: 0.5rem; }
  .xl-focus-border-l-8:focus { border-left-width: 0.5rem; }
  .xl-active-border-l-8:active { border-left-width: 0.5rem; }
  .xl-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  .xl-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  .xl-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-l-8 { border-left-width: 0.5rem; }
  .xl-border-9 { border-width: 0.5625rem; }
  .xl-hover-border-9:hover { border-width: 0.5625rem; }
  .xl-focus-border-9:focus { border-width: 0.5625rem; }
  .xl-active-border-9:active { border-width: 0.5625rem; }
  .xl-disabled-border-9:disabled { border-width: 0.5625rem; }
  .xl-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .xl-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-9 { border-width: 0.5625rem; }
  .xl-border-9 { border-width: 0.5625rem; }
  .xl-hover-border-9:hover { border-width: 0.5625rem; }
  .xl-focus-border-9:focus { border-width: 0.5625rem; }
  .xl-active-border-9:active { border-width: 0.5625rem; }
  .xl-disabled-border-9:disabled { border-width: 0.5625rem; }
  .xl-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .xl-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-9 { border-width: 0.5625rem; }
  .xl-border-t-9 { border-top-width: 0.5625rem; }
  .xl-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  .xl-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  .xl-active-border-t-9:active { border-top-width: 0.5625rem; }
  .xl-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  .xl-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  .xl-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  .xl-border-r-9 { border-right-width: 0.5625rem; }
  .xl-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  .xl-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  .xl-active-border-r-9:active { border-right-width: 0.5625rem; }
  .xl-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  .xl-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  .xl-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  .xl-border-b-9 { border-bottom-width: 0.5625rem; }
  .xl-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  .xl-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  .xl-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  .xl-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  .xl-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  .xl-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  .xl-border-l-9 { border-left-width: 0.5625rem; }
  .xl-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  .xl-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  .xl-active-border-l-9:active { border-left-width: 0.5625rem; }
  .xl-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  .xl-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  .xl-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  .xl-border-10 { border-width: 0.625rem; }
  .xl-hover-border-10:hover { border-width: 0.625rem; }
  .xl-focus-border-10:focus { border-width: 0.625rem; }
  .xl-active-border-10:active { border-width: 0.625rem; }
  .xl-disabled-border-10:disabled { border-width: 0.625rem; }
  .xl-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .xl-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-10 { border-width: 0.625rem; }
  .xl-border-10 { border-width: 0.625rem; }
  .xl-hover-border-10:hover { border-width: 0.625rem; }
  .xl-focus-border-10:focus { border-width: 0.625rem; }
  .xl-active-border-10:active { border-width: 0.625rem; }
  .xl-disabled-border-10:disabled { border-width: 0.625rem; }
  .xl-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .xl-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-10 { border-width: 0.625rem; }
  .xl-border-t-10 { border-top-width: 0.625rem; }
  .xl-hover-border-t-10:hover { border-top-width: 0.625rem; }
  .xl-focus-border-t-10:focus { border-top-width: 0.625rem; }
  .xl-active-border-t-10:active { border-top-width: 0.625rem; }
  .xl-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  .xl-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  .xl-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-t-10 { border-top-width: 0.625rem; }
  .xl-border-r-10 { border-right-width: 0.625rem; }
  .xl-hover-border-r-10:hover { border-right-width: 0.625rem; }
  .xl-focus-border-r-10:focus { border-right-width: 0.625rem; }
  .xl-active-border-r-10:active { border-right-width: 0.625rem; }
  .xl-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  .xl-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  .xl-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-r-10 { border-right-width: 0.625rem; }
  .xl-border-b-10 { border-bottom-width: 0.625rem; }
  .xl-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  .xl-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  .xl-active-border-b-10:active { border-bottom-width: 0.625rem; }
  .xl-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  .xl-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  .xl-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  .xl-border-l-10 { border-left-width: 0.625rem; }
  .xl-hover-border-l-10:hover { border-left-width: 0.625rem; }
  .xl-focus-border-l-10:focus { border-left-width: 0.625rem; }
  .xl-active-border-l-10:active { border-left-width: 0.625rem; }
  .xl-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  .xl-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  .xl-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-l-10 { border-left-width: 0.625rem; }
  .xl-border-11 { border-width: 0.6875rem; }
  .xl-hover-border-11:hover { border-width: 0.6875rem; }
  .xl-focus-border-11:focus { border-width: 0.6875rem; }
  .xl-active-border-11:active { border-width: 0.6875rem; }
  .xl-disabled-border-11:disabled { border-width: 0.6875rem; }
  .xl-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .xl-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-11 { border-width: 0.6875rem; }
  .xl-border-11 { border-width: 0.6875rem; }
  .xl-hover-border-11:hover { border-width: 0.6875rem; }
  .xl-focus-border-11:focus { border-width: 0.6875rem; }
  .xl-active-border-11:active { border-width: 0.6875rem; }
  .xl-disabled-border-11:disabled { border-width: 0.6875rem; }
  .xl-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .xl-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-11 { border-width: 0.6875rem; }
  .xl-border-t-11 { border-top-width: 0.6875rem; }
  .xl-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  .xl-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  .xl-active-border-t-11:active { border-top-width: 0.6875rem; }
  .xl-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  .xl-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  .xl-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  .xl-border-r-11 { border-right-width: 0.6875rem; }
  .xl-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  .xl-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  .xl-active-border-r-11:active { border-right-width: 0.6875rem; }
  .xl-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  .xl-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  .xl-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  .xl-border-b-11 { border-bottom-width: 0.6875rem; }
  .xl-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  .xl-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  .xl-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  .xl-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  .xl-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  .xl-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  .xl-border-l-11 { border-left-width: 0.6875rem; }
  .xl-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  .xl-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  .xl-active-border-l-11:active { border-left-width: 0.6875rem; }
  .xl-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  .xl-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  .xl-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  .xl-border-12 { border-width: 0.75rem; }
  .xl-hover-border-12:hover { border-width: 0.75rem; }
  .xl-focus-border-12:focus { border-width: 0.75rem; }
  .xl-active-border-12:active { border-width: 0.75rem; }
  .xl-disabled-border-12:disabled { border-width: 0.75rem; }
  .xl-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .xl-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-12 { border-width: 0.75rem; }
  .xl-border-12 { border-width: 0.75rem; }
  .xl-hover-border-12:hover { border-width: 0.75rem; }
  .xl-focus-border-12:focus { border-width: 0.75rem; }
  .xl-active-border-12:active { border-width: 0.75rem; }
  .xl-disabled-border-12:disabled { border-width: 0.75rem; }
  .xl-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .xl-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-12 { border-width: 0.75rem; }
  .xl-border-t-12 { border-top-width: 0.75rem; }
  .xl-hover-border-t-12:hover { border-top-width: 0.75rem; }
  .xl-focus-border-t-12:focus { border-top-width: 0.75rem; }
  .xl-active-border-t-12:active { border-top-width: 0.75rem; }
  .xl-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  .xl-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  .xl-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-t-12 { border-top-width: 0.75rem; }
  .xl-border-r-12 { border-right-width: 0.75rem; }
  .xl-hover-border-r-12:hover { border-right-width: 0.75rem; }
  .xl-focus-border-r-12:focus { border-right-width: 0.75rem; }
  .xl-active-border-r-12:active { border-right-width: 0.75rem; }
  .xl-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  .xl-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  .xl-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-r-12 { border-right-width: 0.75rem; }
  .xl-border-b-12 { border-bottom-width: 0.75rem; }
  .xl-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  .xl-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  .xl-active-border-b-12:active { border-bottom-width: 0.75rem; }
  .xl-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  .xl-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  .xl-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  .xl-border-l-12 { border-left-width: 0.75rem; }
  .xl-hover-border-l-12:hover { border-left-width: 0.75rem; }
  .xl-focus-border-l-12:focus { border-left-width: 0.75rem; }
  .xl-active-border-l-12:active { border-left-width: 0.75rem; }
  .xl-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  .xl-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  .xl-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-l-12 { border-left-width: 0.75rem; }
  .xl-border-13 { border-width: 0.8125rem; }
  .xl-hover-border-13:hover { border-width: 0.8125rem; }
  .xl-focus-border-13:focus { border-width: 0.8125rem; }
  .xl-active-border-13:active { border-width: 0.8125rem; }
  .xl-disabled-border-13:disabled { border-width: 0.8125rem; }
  .xl-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .xl-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-13 { border-width: 0.8125rem; }
  .xl-border-13 { border-width: 0.8125rem; }
  .xl-hover-border-13:hover { border-width: 0.8125rem; }
  .xl-focus-border-13:focus { border-width: 0.8125rem; }
  .xl-active-border-13:active { border-width: 0.8125rem; }
  .xl-disabled-border-13:disabled { border-width: 0.8125rem; }
  .xl-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .xl-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-13 { border-width: 0.8125rem; }
  .xl-border-t-13 { border-top-width: 0.8125rem; }
  .xl-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  .xl-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  .xl-active-border-t-13:active { border-top-width: 0.8125rem; }
  .xl-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  .xl-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  .xl-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  .xl-border-r-13 { border-right-width: 0.8125rem; }
  .xl-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  .xl-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  .xl-active-border-r-13:active { border-right-width: 0.8125rem; }
  .xl-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  .xl-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  .xl-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  .xl-border-b-13 { border-bottom-width: 0.8125rem; }
  .xl-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  .xl-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  .xl-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  .xl-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  .xl-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  .xl-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  .xl-border-l-13 { border-left-width: 0.8125rem; }
  .xl-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  .xl-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  .xl-active-border-l-13:active { border-left-width: 0.8125rem; }
  .xl-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  .xl-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  .xl-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  .xl-border-14 { border-width: 0.875rem; }
  .xl-hover-border-14:hover { border-width: 0.875rem; }
  .xl-focus-border-14:focus { border-width: 0.875rem; }
  .xl-active-border-14:active { border-width: 0.875rem; }
  .xl-disabled-border-14:disabled { border-width: 0.875rem; }
  .xl-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .xl-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-14 { border-width: 0.875rem; }
  .xl-border-14 { border-width: 0.875rem; }
  .xl-hover-border-14:hover { border-width: 0.875rem; }
  .xl-focus-border-14:focus { border-width: 0.875rem; }
  .xl-active-border-14:active { border-width: 0.875rem; }
  .xl-disabled-border-14:disabled { border-width: 0.875rem; }
  .xl-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .xl-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-14 { border-width: 0.875rem; }
  .xl-border-t-14 { border-top-width: 0.875rem; }
  .xl-hover-border-t-14:hover { border-top-width: 0.875rem; }
  .xl-focus-border-t-14:focus { border-top-width: 0.875rem; }
  .xl-active-border-t-14:active { border-top-width: 0.875rem; }
  .xl-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  .xl-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  .xl-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-t-14 { border-top-width: 0.875rem; }
  .xl-border-r-14 { border-right-width: 0.875rem; }
  .xl-hover-border-r-14:hover { border-right-width: 0.875rem; }
  .xl-focus-border-r-14:focus { border-right-width: 0.875rem; }
  .xl-active-border-r-14:active { border-right-width: 0.875rem; }
  .xl-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  .xl-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  .xl-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-r-14 { border-right-width: 0.875rem; }
  .xl-border-b-14 { border-bottom-width: 0.875rem; }
  .xl-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  .xl-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  .xl-active-border-b-14:active { border-bottom-width: 0.875rem; }
  .xl-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  .xl-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  .xl-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  .xl-border-l-14 { border-left-width: 0.875rem; }
  .xl-hover-border-l-14:hover { border-left-width: 0.875rem; }
  .xl-focus-border-l-14:focus { border-left-width: 0.875rem; }
  .xl-active-border-l-14:active { border-left-width: 0.875rem; }
  .xl-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  .xl-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  .xl-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-l-14 { border-left-width: 0.875rem; }
  .xl-border-15 { border-width: 0.9375rem; }
  .xl-hover-border-15:hover { border-width: 0.9375rem; }
  .xl-focus-border-15:focus { border-width: 0.9375rem; }
  .xl-active-border-15:active { border-width: 0.9375rem; }
  .xl-disabled-border-15:disabled { border-width: 0.9375rem; }
  .xl-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .xl-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-15 { border-width: 0.9375rem; }
  .xl-border-15 { border-width: 0.9375rem; }
  .xl-hover-border-15:hover { border-width: 0.9375rem; }
  .xl-focus-border-15:focus { border-width: 0.9375rem; }
  .xl-active-border-15:active { border-width: 0.9375rem; }
  .xl-disabled-border-15:disabled { border-width: 0.9375rem; }
  .xl-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .xl-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-15 { border-width: 0.9375rem; }
  .xl-border-t-15 { border-top-width: 0.9375rem; }
  .xl-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  .xl-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  .xl-active-border-t-15:active { border-top-width: 0.9375rem; }
  .xl-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  .xl-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  .xl-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  .xl-border-r-15 { border-right-width: 0.9375rem; }
  .xl-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  .xl-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  .xl-active-border-r-15:active { border-right-width: 0.9375rem; }
  .xl-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  .xl-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  .xl-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  .xl-border-b-15 { border-bottom-width: 0.9375rem; }
  .xl-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  .xl-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  .xl-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  .xl-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  .xl-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  .xl-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  .xl-border-l-15 { border-left-width: 0.9375rem; }
  .xl-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  .xl-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  .xl-active-border-l-15:active { border-left-width: 0.9375rem; }
  .xl-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  .xl-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  .xl-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  .xl-border-16 { border-width: 1.0rem; }
  .xl-hover-border-16:hover { border-width: 1.0rem; }
  .xl-focus-border-16:focus { border-width: 1.0rem; }
  .xl-active-border-16:active { border-width: 1.0rem; }
  .xl-disabled-border-16:disabled { border-width: 1.0rem; }
  .xl-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .xl-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-16 { border-width: 1.0rem; }
  .xl-border-16 { border-width: 1.0rem; }
  .xl-hover-border-16:hover { border-width: 1.0rem; }
  .xl-focus-border-16:focus { border-width: 1.0rem; }
  .xl-active-border-16:active { border-width: 1.0rem; }
  .xl-disabled-border-16:disabled { border-width: 1.0rem; }
  .xl-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .xl-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-16 { border-width: 1.0rem; }
  .xl-border-t-16 { border-top-width: 1.0rem; }
  .xl-hover-border-t-16:hover { border-top-width: 1.0rem; }
  .xl-focus-border-t-16:focus { border-top-width: 1.0rem; }
  .xl-active-border-t-16:active { border-top-width: 1.0rem; }
  .xl-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  .xl-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  .xl-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-t-16 { border-top-width: 1.0rem; }
  .xl-border-r-16 { border-right-width: 1.0rem; }
  .xl-hover-border-r-16:hover { border-right-width: 1.0rem; }
  .xl-focus-border-r-16:focus { border-right-width: 1.0rem; }
  .xl-active-border-r-16:active { border-right-width: 1.0rem; }
  .xl-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  .xl-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  .xl-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-r-16 { border-right-width: 1.0rem; }
  .xl-border-b-16 { border-bottom-width: 1.0rem; }
  .xl-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  .xl-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  .xl-active-border-b-16:active { border-bottom-width: 1.0rem; }
  .xl-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  .xl-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  .xl-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  .xl-border-l-16 { border-left-width: 1.0rem; }
  .xl-hover-border-l-16:hover { border-left-width: 1.0rem; }
  .xl-focus-border-l-16:focus { border-left-width: 1.0rem; }
  .xl-active-border-l-16:active { border-left-width: 1.0rem; }
  .xl-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  .xl-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  .xl-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-l-16 { border-left-width: 1.0rem; }
  .xl-border-17 { border-width: 1.0625rem; }
  .xl-hover-border-17:hover { border-width: 1.0625rem; }
  .xl-focus-border-17:focus { border-width: 1.0625rem; }
  .xl-active-border-17:active { border-width: 1.0625rem; }
  .xl-disabled-border-17:disabled { border-width: 1.0625rem; }
  .xl-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .xl-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-17 { border-width: 1.0625rem; }
  .xl-border-17 { border-width: 1.0625rem; }
  .xl-hover-border-17:hover { border-width: 1.0625rem; }
  .xl-focus-border-17:focus { border-width: 1.0625rem; }
  .xl-active-border-17:active { border-width: 1.0625rem; }
  .xl-disabled-border-17:disabled { border-width: 1.0625rem; }
  .xl-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .xl-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-17 { border-width: 1.0625rem; }
  .xl-border-t-17 { border-top-width: 1.0625rem; }
  .xl-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  .xl-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  .xl-active-border-t-17:active { border-top-width: 1.0625rem; }
  .xl-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  .xl-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  .xl-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  .xl-border-r-17 { border-right-width: 1.0625rem; }
  .xl-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  .xl-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  .xl-active-border-r-17:active { border-right-width: 1.0625rem; }
  .xl-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  .xl-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  .xl-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  .xl-border-b-17 { border-bottom-width: 1.0625rem; }
  .xl-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  .xl-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  .xl-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  .xl-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  .xl-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  .xl-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  .xl-border-l-17 { border-left-width: 1.0625rem; }
  .xl-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  .xl-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  .xl-active-border-l-17:active { border-left-width: 1.0625rem; }
  .xl-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  .xl-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  .xl-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  .xl-border-18 { border-width: 1.125rem; }
  .xl-hover-border-18:hover { border-width: 1.125rem; }
  .xl-focus-border-18:focus { border-width: 1.125rem; }
  .xl-active-border-18:active { border-width: 1.125rem; }
  .xl-disabled-border-18:disabled { border-width: 1.125rem; }
  .xl-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .xl-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-18 { border-width: 1.125rem; }
  .xl-border-18 { border-width: 1.125rem; }
  .xl-hover-border-18:hover { border-width: 1.125rem; }
  .xl-focus-border-18:focus { border-width: 1.125rem; }
  .xl-active-border-18:active { border-width: 1.125rem; }
  .xl-disabled-border-18:disabled { border-width: 1.125rem; }
  .xl-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .xl-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-18 { border-width: 1.125rem; }
  .xl-border-t-18 { border-top-width: 1.125rem; }
  .xl-hover-border-t-18:hover { border-top-width: 1.125rem; }
  .xl-focus-border-t-18:focus { border-top-width: 1.125rem; }
  .xl-active-border-t-18:active { border-top-width: 1.125rem; }
  .xl-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  .xl-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  .xl-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-t-18 { border-top-width: 1.125rem; }
  .xl-border-r-18 { border-right-width: 1.125rem; }
  .xl-hover-border-r-18:hover { border-right-width: 1.125rem; }
  .xl-focus-border-r-18:focus { border-right-width: 1.125rem; }
  .xl-active-border-r-18:active { border-right-width: 1.125rem; }
  .xl-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  .xl-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  .xl-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-r-18 { border-right-width: 1.125rem; }
  .xl-border-b-18 { border-bottom-width: 1.125rem; }
  .xl-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  .xl-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  .xl-active-border-b-18:active { border-bottom-width: 1.125rem; }
  .xl-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  .xl-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  .xl-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  .xl-border-l-18 { border-left-width: 1.125rem; }
  .xl-hover-border-l-18:hover { border-left-width: 1.125rem; }
  .xl-focus-border-l-18:focus { border-left-width: 1.125rem; }
  .xl-active-border-l-18:active { border-left-width: 1.125rem; }
  .xl-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  .xl-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  .xl-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-l-18 { border-left-width: 1.125rem; }
  .xl-border-19 { border-width: 1.1875rem; }
  .xl-hover-border-19:hover { border-width: 1.1875rem; }
  .xl-focus-border-19:focus { border-width: 1.1875rem; }
  .xl-active-border-19:active { border-width: 1.1875rem; }
  .xl-disabled-border-19:disabled { border-width: 1.1875rem; }
  .xl-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .xl-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-19 { border-width: 1.1875rem; }
  .xl-border-19 { border-width: 1.1875rem; }
  .xl-hover-border-19:hover { border-width: 1.1875rem; }
  .xl-focus-border-19:focus { border-width: 1.1875rem; }
  .xl-active-border-19:active { border-width: 1.1875rem; }
  .xl-disabled-border-19:disabled { border-width: 1.1875rem; }
  .xl-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .xl-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-19 { border-width: 1.1875rem; }
  .xl-border-t-19 { border-top-width: 1.1875rem; }
  .xl-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  .xl-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  .xl-active-border-t-19:active { border-top-width: 1.1875rem; }
  .xl-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  .xl-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  .xl-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  .xl-border-r-19 { border-right-width: 1.1875rem; }
  .xl-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  .xl-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  .xl-active-border-r-19:active { border-right-width: 1.1875rem; }
  .xl-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  .xl-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  .xl-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  .xl-border-b-19 { border-bottom-width: 1.1875rem; }
  .xl-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  .xl-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  .xl-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  .xl-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  .xl-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  .xl-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  .xl-border-l-19 { border-left-width: 1.1875rem; }
  .xl-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  .xl-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  .xl-active-border-l-19:active { border-left-width: 1.1875rem; }
  .xl-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  .xl-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  .xl-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  .xl-border-20 { border-width: 1.25rem; }
  .xl-hover-border-20:hover { border-width: 1.25rem; }
  .xl-focus-border-20:focus { border-width: 1.25rem; }
  .xl-active-border-20:active { border-width: 1.25rem; }
  .xl-disabled-border-20:disabled { border-width: 1.25rem; }
  .xl-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .xl-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-20 { border-width: 1.25rem; }
  .xl-border-20 { border-width: 1.25rem; }
  .xl-hover-border-20:hover { border-width: 1.25rem; }
  .xl-focus-border-20:focus { border-width: 1.25rem; }
  .xl-active-border-20:active { border-width: 1.25rem; }
  .xl-disabled-border-20:disabled { border-width: 1.25rem; }
  .xl-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .xl-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-20 { border-width: 1.25rem; }
  .xl-border-t-20 { border-top-width: 1.25rem; }
  .xl-hover-border-t-20:hover { border-top-width: 1.25rem; }
  .xl-focus-border-t-20:focus { border-top-width: 1.25rem; }
  .xl-active-border-t-20:active { border-top-width: 1.25rem; }
  .xl-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  .xl-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  .xl-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-t-20 { border-top-width: 1.25rem; }
  .xl-border-r-20 { border-right-width: 1.25rem; }
  .xl-hover-border-r-20:hover { border-right-width: 1.25rem; }
  .xl-focus-border-r-20:focus { border-right-width: 1.25rem; }
  .xl-active-border-r-20:active { border-right-width: 1.25rem; }
  .xl-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  .xl-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  .xl-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-r-20 { border-right-width: 1.25rem; }
  .xl-border-b-20 { border-bottom-width: 1.25rem; }
  .xl-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  .xl-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  .xl-active-border-b-20:active { border-bottom-width: 1.25rem; }
  .xl-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  .xl-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  .xl-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  .xl-border-l-20 { border-left-width: 1.25rem; }
  .xl-hover-border-l-20:hover { border-left-width: 1.25rem; }
  .xl-focus-border-l-20:focus { border-left-width: 1.25rem; }
  .xl-active-border-l-20:active { border-left-width: 1.25rem; }
  .xl-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  .xl-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  .xl-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-l-20 { border-left-width: 1.25rem; }
  .xl-border-21 { border-width: 1.3125rem; }
  .xl-hover-border-21:hover { border-width: 1.3125rem; }
  .xl-focus-border-21:focus { border-width: 1.3125rem; }
  .xl-active-border-21:active { border-width: 1.3125rem; }
  .xl-disabled-border-21:disabled { border-width: 1.3125rem; }
  .xl-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .xl-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-21 { border-width: 1.3125rem; }
  .xl-border-21 { border-width: 1.3125rem; }
  .xl-hover-border-21:hover { border-width: 1.3125rem; }
  .xl-focus-border-21:focus { border-width: 1.3125rem; }
  .xl-active-border-21:active { border-width: 1.3125rem; }
  .xl-disabled-border-21:disabled { border-width: 1.3125rem; }
  .xl-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .xl-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-21 { border-width: 1.3125rem; }
  .xl-border-t-21 { border-top-width: 1.3125rem; }
  .xl-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  .xl-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  .xl-active-border-t-21:active { border-top-width: 1.3125rem; }
  .xl-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  .xl-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  .xl-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  .xl-border-r-21 { border-right-width: 1.3125rem; }
  .xl-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  .xl-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  .xl-active-border-r-21:active { border-right-width: 1.3125rem; }
  .xl-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  .xl-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  .xl-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  .xl-border-b-21 { border-bottom-width: 1.3125rem; }
  .xl-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  .xl-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  .xl-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  .xl-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  .xl-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  .xl-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  .xl-border-l-21 { border-left-width: 1.3125rem; }
  .xl-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  .xl-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  .xl-active-border-l-21:active { border-left-width: 1.3125rem; }
  .xl-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  .xl-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  .xl-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  .xl-border-22 { border-width: 1.375rem; }
  .xl-hover-border-22:hover { border-width: 1.375rem; }
  .xl-focus-border-22:focus { border-width: 1.375rem; }
  .xl-active-border-22:active { border-width: 1.375rem; }
  .xl-disabled-border-22:disabled { border-width: 1.375rem; }
  .xl-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .xl-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-22 { border-width: 1.375rem; }
  .xl-border-22 { border-width: 1.375rem; }
  .xl-hover-border-22:hover { border-width: 1.375rem; }
  .xl-focus-border-22:focus { border-width: 1.375rem; }
  .xl-active-border-22:active { border-width: 1.375rem; }
  .xl-disabled-border-22:disabled { border-width: 1.375rem; }
  .xl-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .xl-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-22 { border-width: 1.375rem; }
  .xl-border-t-22 { border-top-width: 1.375rem; }
  .xl-hover-border-t-22:hover { border-top-width: 1.375rem; }
  .xl-focus-border-t-22:focus { border-top-width: 1.375rem; }
  .xl-active-border-t-22:active { border-top-width: 1.375rem; }
  .xl-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  .xl-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  .xl-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-t-22 { border-top-width: 1.375rem; }
  .xl-border-r-22 { border-right-width: 1.375rem; }
  .xl-hover-border-r-22:hover { border-right-width: 1.375rem; }
  .xl-focus-border-r-22:focus { border-right-width: 1.375rem; }
  .xl-active-border-r-22:active { border-right-width: 1.375rem; }
  .xl-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  .xl-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  .xl-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-r-22 { border-right-width: 1.375rem; }
  .xl-border-b-22 { border-bottom-width: 1.375rem; }
  .xl-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  .xl-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  .xl-active-border-b-22:active { border-bottom-width: 1.375rem; }
  .xl-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  .xl-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  .xl-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  .xl-border-l-22 { border-left-width: 1.375rem; }
  .xl-hover-border-l-22:hover { border-left-width: 1.375rem; }
  .xl-focus-border-l-22:focus { border-left-width: 1.375rem; }
  .xl-active-border-l-22:active { border-left-width: 1.375rem; }
  .xl-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  .xl-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  .xl-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-l-22 { border-left-width: 1.375rem; }
  .xl-border-23 { border-width: 1.4375rem; }
  .xl-hover-border-23:hover { border-width: 1.4375rem; }
  .xl-focus-border-23:focus { border-width: 1.4375rem; }
  .xl-active-border-23:active { border-width: 1.4375rem; }
  .xl-disabled-border-23:disabled { border-width: 1.4375rem; }
  .xl-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .xl-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-23 { border-width: 1.4375rem; }
  .xl-border-23 { border-width: 1.4375rem; }
  .xl-hover-border-23:hover { border-width: 1.4375rem; }
  .xl-focus-border-23:focus { border-width: 1.4375rem; }
  .xl-active-border-23:active { border-width: 1.4375rem; }
  .xl-disabled-border-23:disabled { border-width: 1.4375rem; }
  .xl-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .xl-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-23 { border-width: 1.4375rem; }
  .xl-border-t-23 { border-top-width: 1.4375rem; }
  .xl-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  .xl-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  .xl-active-border-t-23:active { border-top-width: 1.4375rem; }
  .xl-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  .xl-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  .xl-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  .xl-border-r-23 { border-right-width: 1.4375rem; }
  .xl-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  .xl-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  .xl-active-border-r-23:active { border-right-width: 1.4375rem; }
  .xl-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  .xl-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  .xl-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  .xl-border-b-23 { border-bottom-width: 1.4375rem; }
  .xl-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  .xl-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  .xl-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  .xl-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  .xl-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  .xl-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  .xl-border-l-23 { border-left-width: 1.4375rem; }
  .xl-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  .xl-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  .xl-active-border-l-23:active { border-left-width: 1.4375rem; }
  .xl-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  .xl-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  .xl-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  .xl-border-24 { border-width: 1.5rem; }
  .xl-hover-border-24:hover { border-width: 1.5rem; }
  .xl-focus-border-24:focus { border-width: 1.5rem; }
  .xl-active-border-24:active { border-width: 1.5rem; }
  .xl-disabled-border-24:disabled { border-width: 1.5rem; }
  .xl-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .xl-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-24 { border-width: 1.5rem; }
  .xl-border-24 { border-width: 1.5rem; }
  .xl-hover-border-24:hover { border-width: 1.5rem; }
  .xl-focus-border-24:focus { border-width: 1.5rem; }
  .xl-active-border-24:active { border-width: 1.5rem; }
  .xl-disabled-border-24:disabled { border-width: 1.5rem; }
  .xl-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .xl-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-24 { border-width: 1.5rem; }
  .xl-border-t-24 { border-top-width: 1.5rem; }
  .xl-hover-border-t-24:hover { border-top-width: 1.5rem; }
  .xl-focus-border-t-24:focus { border-top-width: 1.5rem; }
  .xl-active-border-t-24:active { border-top-width: 1.5rem; }
  .xl-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  .xl-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  .xl-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-t-24 { border-top-width: 1.5rem; }
  .xl-border-r-24 { border-right-width: 1.5rem; }
  .xl-hover-border-r-24:hover { border-right-width: 1.5rem; }
  .xl-focus-border-r-24:focus { border-right-width: 1.5rem; }
  .xl-active-border-r-24:active { border-right-width: 1.5rem; }
  .xl-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  .xl-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  .xl-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-r-24 { border-right-width: 1.5rem; }
  .xl-border-b-24 { border-bottom-width: 1.5rem; }
  .xl-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  .xl-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  .xl-active-border-b-24:active { border-bottom-width: 1.5rem; }
  .xl-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  .xl-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  .xl-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  .xl-border-l-24 { border-left-width: 1.5rem; }
  .xl-hover-border-l-24:hover { border-left-width: 1.5rem; }
  .xl-focus-border-l-24:focus { border-left-width: 1.5rem; }
  .xl-active-border-l-24:active { border-left-width: 1.5rem; }
  .xl-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  .xl-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  .xl-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-l-24 { border-left-width: 1.5rem; }
  .xl-border-25 { border-width: 1.5625rem; }
  .xl-hover-border-25:hover { border-width: 1.5625rem; }
  .xl-focus-border-25:focus { border-width: 1.5625rem; }
  .xl-active-border-25:active { border-width: 1.5625rem; }
  .xl-disabled-border-25:disabled { border-width: 1.5625rem; }
  .xl-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .xl-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-25 { border-width: 1.5625rem; }
  .xl-border-25 { border-width: 1.5625rem; }
  .xl-hover-border-25:hover { border-width: 1.5625rem; }
  .xl-focus-border-25:focus { border-width: 1.5625rem; }
  .xl-active-border-25:active { border-width: 1.5625rem; }
  .xl-disabled-border-25:disabled { border-width: 1.5625rem; }
  .xl-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .xl-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-25 { border-width: 1.5625rem; }
  .xl-border-t-25 { border-top-width: 1.5625rem; }
  .xl-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  .xl-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  .xl-active-border-t-25:active { border-top-width: 1.5625rem; }
  .xl-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  .xl-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  .xl-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  .xl-border-r-25 { border-right-width: 1.5625rem; }
  .xl-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  .xl-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  .xl-active-border-r-25:active { border-right-width: 1.5625rem; }
  .xl-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  .xl-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  .xl-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  .xl-border-b-25 { border-bottom-width: 1.5625rem; }
  .xl-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  .xl-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  .xl-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  .xl-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  .xl-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  .xl-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  .xl-border-l-25 { border-left-width: 1.5625rem; }
  .xl-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  .xl-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  .xl-active-border-l-25:active { border-left-width: 1.5625rem; }
  .xl-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  .xl-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  .xl-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  .xl-border-26 { border-width: 1.625rem; }
  .xl-hover-border-26:hover { border-width: 1.625rem; }
  .xl-focus-border-26:focus { border-width: 1.625rem; }
  .xl-active-border-26:active { border-width: 1.625rem; }
  .xl-disabled-border-26:disabled { border-width: 1.625rem; }
  .xl-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .xl-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-26 { border-width: 1.625rem; }
  .xl-border-26 { border-width: 1.625rem; }
  .xl-hover-border-26:hover { border-width: 1.625rem; }
  .xl-focus-border-26:focus { border-width: 1.625rem; }
  .xl-active-border-26:active { border-width: 1.625rem; }
  .xl-disabled-border-26:disabled { border-width: 1.625rem; }
  .xl-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .xl-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-26 { border-width: 1.625rem; }
  .xl-border-t-26 { border-top-width: 1.625rem; }
  .xl-hover-border-t-26:hover { border-top-width: 1.625rem; }
  .xl-focus-border-t-26:focus { border-top-width: 1.625rem; }
  .xl-active-border-t-26:active { border-top-width: 1.625rem; }
  .xl-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  .xl-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  .xl-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-t-26 { border-top-width: 1.625rem; }
  .xl-border-r-26 { border-right-width: 1.625rem; }
  .xl-hover-border-r-26:hover { border-right-width: 1.625rem; }
  .xl-focus-border-r-26:focus { border-right-width: 1.625rem; }
  .xl-active-border-r-26:active { border-right-width: 1.625rem; }
  .xl-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  .xl-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  .xl-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-r-26 { border-right-width: 1.625rem; }
  .xl-border-b-26 { border-bottom-width: 1.625rem; }
  .xl-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  .xl-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  .xl-active-border-b-26:active { border-bottom-width: 1.625rem; }
  .xl-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  .xl-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  .xl-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  .xl-border-l-26 { border-left-width: 1.625rem; }
  .xl-hover-border-l-26:hover { border-left-width: 1.625rem; }
  .xl-focus-border-l-26:focus { border-left-width: 1.625rem; }
  .xl-active-border-l-26:active { border-left-width: 1.625rem; }
  .xl-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  .xl-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  .xl-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-l-26 { border-left-width: 1.625rem; }
  .xl-border-27 { border-width: 1.6875rem; }
  .xl-hover-border-27:hover { border-width: 1.6875rem; }
  .xl-focus-border-27:focus { border-width: 1.6875rem; }
  .xl-active-border-27:active { border-width: 1.6875rem; }
  .xl-disabled-border-27:disabled { border-width: 1.6875rem; }
  .xl-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .xl-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-27 { border-width: 1.6875rem; }
  .xl-border-27 { border-width: 1.6875rem; }
  .xl-hover-border-27:hover { border-width: 1.6875rem; }
  .xl-focus-border-27:focus { border-width: 1.6875rem; }
  .xl-active-border-27:active { border-width: 1.6875rem; }
  .xl-disabled-border-27:disabled { border-width: 1.6875rem; }
  .xl-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .xl-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-27 { border-width: 1.6875rem; }
  .xl-border-t-27 { border-top-width: 1.6875rem; }
  .xl-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  .xl-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  .xl-active-border-t-27:active { border-top-width: 1.6875rem; }
  .xl-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  .xl-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  .xl-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  .xl-border-r-27 { border-right-width: 1.6875rem; }
  .xl-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  .xl-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  .xl-active-border-r-27:active { border-right-width: 1.6875rem; }
  .xl-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  .xl-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  .xl-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  .xl-border-b-27 { border-bottom-width: 1.6875rem; }
  .xl-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  .xl-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  .xl-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  .xl-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  .xl-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  .xl-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  .xl-border-l-27 { border-left-width: 1.6875rem; }
  .xl-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  .xl-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  .xl-active-border-l-27:active { border-left-width: 1.6875rem; }
  .xl-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  .xl-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  .xl-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  .xl-border-28 { border-width: 1.75rem; }
  .xl-hover-border-28:hover { border-width: 1.75rem; }
  .xl-focus-border-28:focus { border-width: 1.75rem; }
  .xl-active-border-28:active { border-width: 1.75rem; }
  .xl-disabled-border-28:disabled { border-width: 1.75rem; }
  .xl-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .xl-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-28 { border-width: 1.75rem; }
  .xl-border-28 { border-width: 1.75rem; }
  .xl-hover-border-28:hover { border-width: 1.75rem; }
  .xl-focus-border-28:focus { border-width: 1.75rem; }
  .xl-active-border-28:active { border-width: 1.75rem; }
  .xl-disabled-border-28:disabled { border-width: 1.75rem; }
  .xl-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .xl-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-28 { border-width: 1.75rem; }
  .xl-border-t-28 { border-top-width: 1.75rem; }
  .xl-hover-border-t-28:hover { border-top-width: 1.75rem; }
  .xl-focus-border-t-28:focus { border-top-width: 1.75rem; }
  .xl-active-border-t-28:active { border-top-width: 1.75rem; }
  .xl-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  .xl-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  .xl-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-t-28 { border-top-width: 1.75rem; }
  .xl-border-r-28 { border-right-width: 1.75rem; }
  .xl-hover-border-r-28:hover { border-right-width: 1.75rem; }
  .xl-focus-border-r-28:focus { border-right-width: 1.75rem; }
  .xl-active-border-r-28:active { border-right-width: 1.75rem; }
  .xl-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  .xl-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  .xl-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-r-28 { border-right-width: 1.75rem; }
  .xl-border-b-28 { border-bottom-width: 1.75rem; }
  .xl-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  .xl-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  .xl-active-border-b-28:active { border-bottom-width: 1.75rem; }
  .xl-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  .xl-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  .xl-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  .xl-border-l-28 { border-left-width: 1.75rem; }
  .xl-hover-border-l-28:hover { border-left-width: 1.75rem; }
  .xl-focus-border-l-28:focus { border-left-width: 1.75rem; }
  .xl-active-border-l-28:active { border-left-width: 1.75rem; }
  .xl-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  .xl-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  .xl-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-l-28 { border-left-width: 1.75rem; }
  .xl-border-29 { border-width: 1.8125rem; }
  .xl-hover-border-29:hover { border-width: 1.8125rem; }
  .xl-focus-border-29:focus { border-width: 1.8125rem; }
  .xl-active-border-29:active { border-width: 1.8125rem; }
  .xl-disabled-border-29:disabled { border-width: 1.8125rem; }
  .xl-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .xl-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-29 { border-width: 1.8125rem; }
  .xl-border-29 { border-width: 1.8125rem; }
  .xl-hover-border-29:hover { border-width: 1.8125rem; }
  .xl-focus-border-29:focus { border-width: 1.8125rem; }
  .xl-active-border-29:active { border-width: 1.8125rem; }
  .xl-disabled-border-29:disabled { border-width: 1.8125rem; }
  .xl-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .xl-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-29 { border-width: 1.8125rem; }
  .xl-border-t-29 { border-top-width: 1.8125rem; }
  .xl-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  .xl-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  .xl-active-border-t-29:active { border-top-width: 1.8125rem; }
  .xl-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  .xl-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  .xl-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  .xl-border-r-29 { border-right-width: 1.8125rem; }
  .xl-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  .xl-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  .xl-active-border-r-29:active { border-right-width: 1.8125rem; }
  .xl-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  .xl-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  .xl-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  .xl-border-b-29 { border-bottom-width: 1.8125rem; }
  .xl-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  .xl-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  .xl-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  .xl-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  .xl-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  .xl-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  .xl-border-l-29 { border-left-width: 1.8125rem; }
  .xl-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  .xl-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  .xl-active-border-l-29:active { border-left-width: 1.8125rem; }
  .xl-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  .xl-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  .xl-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  .xl-border-30 { border-width: 1.875rem; }
  .xl-hover-border-30:hover { border-width: 1.875rem; }
  .xl-focus-border-30:focus { border-width: 1.875rem; }
  .xl-active-border-30:active { border-width: 1.875rem; }
  .xl-disabled-border-30:disabled { border-width: 1.875rem; }
  .xl-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .xl-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-30 { border-width: 1.875rem; }
  .xl-border-30 { border-width: 1.875rem; }
  .xl-hover-border-30:hover { border-width: 1.875rem; }
  .xl-focus-border-30:focus { border-width: 1.875rem; }
  .xl-active-border-30:active { border-width: 1.875rem; }
  .xl-disabled-border-30:disabled { border-width: 1.875rem; }
  .xl-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .xl-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-30 { border-width: 1.875rem; }
  .xl-border-t-30 { border-top-width: 1.875rem; }
  .xl-hover-border-t-30:hover { border-top-width: 1.875rem; }
  .xl-focus-border-t-30:focus { border-top-width: 1.875rem; }
  .xl-active-border-t-30:active { border-top-width: 1.875rem; }
  .xl-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  .xl-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  .xl-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-t-30 { border-top-width: 1.875rem; }
  .xl-border-r-30 { border-right-width: 1.875rem; }
  .xl-hover-border-r-30:hover { border-right-width: 1.875rem; }
  .xl-focus-border-r-30:focus { border-right-width: 1.875rem; }
  .xl-active-border-r-30:active { border-right-width: 1.875rem; }
  .xl-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  .xl-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  .xl-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-r-30 { border-right-width: 1.875rem; }
  .xl-border-b-30 { border-bottom-width: 1.875rem; }
  .xl-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  .xl-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  .xl-active-border-b-30:active { border-bottom-width: 1.875rem; }
  .xl-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  .xl-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  .xl-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  .xl-border-l-30 { border-left-width: 1.875rem; }
  .xl-hover-border-l-30:hover { border-left-width: 1.875rem; }
  .xl-focus-border-l-30:focus { border-left-width: 1.875rem; }
  .xl-active-border-l-30:active { border-left-width: 1.875rem; }
  .xl-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  .xl-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  .xl-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-l-30 { border-left-width: 1.875rem; }
  .xl-border-31 { border-width: 1.9375rem; }
  .xl-hover-border-31:hover { border-width: 1.9375rem; }
  .xl-focus-border-31:focus { border-width: 1.9375rem; }
  .xl-active-border-31:active { border-width: 1.9375rem; }
  .xl-disabled-border-31:disabled { border-width: 1.9375rem; }
  .xl-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .xl-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-31 { border-width: 1.9375rem; }
  .xl-border-31 { border-width: 1.9375rem; }
  .xl-hover-border-31:hover { border-width: 1.9375rem; }
  .xl-focus-border-31:focus { border-width: 1.9375rem; }
  .xl-active-border-31:active { border-width: 1.9375rem; }
  .xl-disabled-border-31:disabled { border-width: 1.9375rem; }
  .xl-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .xl-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-31 { border-width: 1.9375rem; }
  .xl-border-t-31 { border-top-width: 1.9375rem; }
  .xl-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  .xl-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  .xl-active-border-t-31:active { border-top-width: 1.9375rem; }
  .xl-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  .xl-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  .xl-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  .xl-border-r-31 { border-right-width: 1.9375rem; }
  .xl-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  .xl-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  .xl-active-border-r-31:active { border-right-width: 1.9375rem; }
  .xl-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  .xl-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  .xl-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  .xl-border-b-31 { border-bottom-width: 1.9375rem; }
  .xl-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  .xl-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  .xl-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  .xl-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  .xl-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  .xl-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  .xl-border-l-31 { border-left-width: 1.9375rem; }
  .xl-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  .xl-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  .xl-active-border-l-31:active { border-left-width: 1.9375rem; }
  .xl-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  .xl-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  .xl-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  .xl-border-32 { border-width: 2.0rem; }
  .xl-hover-border-32:hover { border-width: 2.0rem; }
  .xl-focus-border-32:focus { border-width: 2.0rem; }
  .xl-active-border-32:active { border-width: 2.0rem; }
  .xl-disabled-border-32:disabled { border-width: 2.0rem; }
  .xl-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .xl-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-32 { border-width: 2.0rem; }
  .xl-border-32 { border-width: 2.0rem; }
  .xl-hover-border-32:hover { border-width: 2.0rem; }
  .xl-focus-border-32:focus { border-width: 2.0rem; }
  .xl-active-border-32:active { border-width: 2.0rem; }
  .xl-disabled-border-32:disabled { border-width: 2.0rem; }
  .xl-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .xl-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-32 { border-width: 2.0rem; }
  .xl-border-t-32 { border-top-width: 2.0rem; }
  .xl-hover-border-t-32:hover { border-top-width: 2.0rem; }
  .xl-focus-border-t-32:focus { border-top-width: 2.0rem; }
  .xl-active-border-t-32:active { border-top-width: 2.0rem; }
  .xl-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  .xl-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  .xl-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-t-32 { border-top-width: 2.0rem; }
  .xl-border-r-32 { border-right-width: 2.0rem; }
  .xl-hover-border-r-32:hover { border-right-width: 2.0rem; }
  .xl-focus-border-r-32:focus { border-right-width: 2.0rem; }
  .xl-active-border-r-32:active { border-right-width: 2.0rem; }
  .xl-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  .xl-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  .xl-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-r-32 { border-right-width: 2.0rem; }
  .xl-border-b-32 { border-bottom-width: 2.0rem; }
  .xl-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  .xl-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  .xl-active-border-b-32:active { border-bottom-width: 2.0rem; }
  .xl-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  .xl-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  .xl-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  .xl-border-l-32 { border-left-width: 2.0rem; }
  .xl-hover-border-l-32:hover { border-left-width: 2.0rem; }
  .xl-focus-border-l-32:focus { border-left-width: 2.0rem; }
  .xl-active-border-l-32:active { border-left-width: 2.0rem; }
  .xl-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  .xl-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  .xl-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-l-32 { border-left-width: 2.0rem; }
  .xl-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .xl-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-group:hover .xl-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .xl-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .xl-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-group:hover .xl-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .xl-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .xl-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .xl-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .xl-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-group:hover .xl-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .xl-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .xl-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-group:hover .xl-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .xl-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .xl-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-group:hover .xl-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .xl-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .xl-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-group:hover .xl-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .xl-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .xl-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-group:hover .xl-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .xl-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .xl-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .xl-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .xl-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-group:hover .xl-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .xl-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .xl-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-group:hover .xl-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .xl-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .xl-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-group:hover .xl-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .xl-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .xl-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-group:hover .xl-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .xl-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .xl-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-group:hover .xl-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .xl-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .xl-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-group:hover .xl-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .xl-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .xl-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-group:hover .xl-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .xl-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .xl-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-group:hover .xl-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .xl-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .xl-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-group:hover .xl-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .xl-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .xl-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-group:hover .xl-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .xl-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .xl-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-group:hover .xl-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .xl-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .xl-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-group:hover .xl-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .xl-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .xl-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-group:hover .xl-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .xl-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .xl-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-group:hover .xl-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .xl-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .xl-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-group:hover .xl-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .xl-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .xl-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-group:hover .xl-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .xl-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .xl-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-group:hover .xl-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .xl-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .xl-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-group:hover .xl-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .xl-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .xl-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-group:hover .xl-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .xl-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .xl-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-group:hover .xl-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .xl-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .xl-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-group:hover .xl-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .xl-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .xl-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-group:hover .xl-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .xl-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .xl-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-group:hover .xl-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .xl-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .xl-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-group:hover .xl-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .xl-border-transparent { border-color: transparent; }
  .xl-hover-border-transparent:hover { border-color: transparent; }
  .xl-focus-border-transparent:focus { border-color: transparent; }
  .xl-active-border-transparent:active { border-color: transparent; }
  .xl-disabled-border-transparent:disabled { border-color: transparent; }
  .xl-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  .xl-focus-within-border-transparent:focus-within { border-color: transparent; }
  .xl-group:hover .xl-group-hover-border-transparent { border-color: transparent; }
  .xl-border-inherit { border-color: inherit; }
  .xl-hover-border-inherit:hover { border-color: inherit; }
  .xl-focus-border-inherit:focus { border-color: inherit; }
  .xl-active-border-inherit:active { border-color: inherit; }
  .xl-disabled-border-inherit:disabled { border-color: inherit; }
  .xl-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  .xl-focus-within-border-inherit:focus-within { border-color: inherit; }
  .xl-group:hover .xl-group-hover-border-inherit { border-color: inherit; }
  .xl-bg-transparent { background-color: transparent; }
  .xl-hover-bg-transparent:hover { background-color: transparent; }
  .xl-focus-bg-transparent:focus { background-color: transparent; }
  .xl-active-bg-transparent:active { background-color: transparent; }
  .xl-disabled-bg-transparent:disabled { background-color: transparent; }
  .xl-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  .xl-focus-within-bg-transparent:focus-within { background-color: transparent; }
  .xl-group:hover .xl-group-hover-bg-transparent { background-color: transparent; }
  .xl-bg-inherit { background-color: inherit; }
  .xl-hover-bg-inherit:hover { background-color: inherit; }
  .xl-focus-bg-inherit:focus { background-color: inherit; }
  .xl-active-bg-inherit:active { background-color: inherit; }
  .xl-disabled-bg-inherit:disabled { background-color: inherit; }
  .xl-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  .xl-focus-within-bg-inherit:focus-within { background-color: inherit; }
  .xl-group:hover .xl-group-hover-bg-inherit { background-color: inherit; }
  .xl-text-transparent { color: transparent; }
  .xl-hover-text-transparent:hover { color: transparent; }
  .xl-focus-text-transparent:focus { color: transparent; }
  .xl-active-text-transparent:active { color: transparent; }
  .xl-disabled-text-transparent:disabled { color: transparent; }
  .xl-focus-visible-text-transparent:focus-visible { color: transparent; }
  .xl-focus-within-text-transparent:focus-within { color: transparent; }
  .xl-group:hover .xl-group-hover-text-transparent { color: transparent; }
  .xl-text-inherit { color: inherit; }
  .xl-hover-text-inherit:hover { color: inherit; }
  .xl-focus-text-inherit:focus { color: inherit; }
  .xl-active-text-inherit:active { color: inherit; }
  .xl-disabled-text-inherit:disabled { color: inherit; }
  .xl-focus-visible-text-inherit:focus-visible { color: inherit; }
  .xl-focus-within-text-inherit:focus-within { color: inherit; }
  .xl-group:hover .xl-group-hover-text-inherit { color: inherit; }
  .xl-border-solid { border-style: solid; }
  .xl-hover-border-solid:hover { border-style: solid; }
  .xl-focus-border-solid:focus { border-style: solid; }
  .xl-active-border-solid:active { border-style: solid; }
  .xl-disabled-border-solid:disabled { border-style: solid; }
  .xl-focus-visible-border-solid:focus-visible { border-style: solid; }
  .xl-focus-within-border-solid:focus-within { border-style: solid; }
  .xl-group:hover .xl-group-hover-border-solid { border-style: solid; }
  .xl-border-dashed { border-style: dashed; }
  .xl-hover-border-dashed:hover { border-style: dashed; }
  .xl-focus-border-dashed:focus { border-style: dashed; }
  .xl-active-border-dashed:active { border-style: dashed; }
  .xl-disabled-border-dashed:disabled { border-style: dashed; }
  .xl-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  .xl-focus-within-border-dashed:focus-within { border-style: dashed; }
  .xl-group:hover .xl-group-hover-border-dashed { border-style: dashed; }
  .xl-border-dotted { border-style: dotted; }
  .xl-hover-border-dotted:hover { border-style: dotted; }
  .xl-focus-border-dotted:focus { border-style: dotted; }
  .xl-active-border-dotted:active { border-style: dotted; }
  .xl-disabled-border-dotted:disabled { border-style: dotted; }
  .xl-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  .xl-focus-within-border-dotted:focus-within { border-style: dotted; }
  .xl-group:hover .xl-group-hover-border-dotted { border-style: dotted; }
  .xl-border-double { border-style: double; }
  .xl-hover-border-double:hover { border-style: double; }
  .xl-focus-border-double:focus { border-style: double; }
  .xl-active-border-double:active { border-style: double; }
  .xl-disabled-border-double:disabled { border-style: double; }
  .xl-focus-visible-border-double:focus-visible { border-style: double; }
  .xl-focus-within-border-double:focus-within { border-style: double; }
  .xl-group:hover .xl-group-hover-border-double { border-style: double; }
  .xl-border-none { border-style: none; }
  .xl-hover-border-none:hover { border-style: none; }
  .xl-focus-border-none:focus { border-style: none; }
  .xl-active-border-none:active { border-style: none; }
  .xl-disabled-border-none:disabled { border-style: none; }
  .xl-focus-visible-border-none:focus-visible { border-style: none; }
  .xl-focus-within-border-none:focus-within { border-style: none; }
  .xl-group:hover .xl-group-hover-border-none { border-style: none; }
  .xl-z-auto { z-index: auto; }
  .xl-hover-z-auto:hover { z-index: auto; }
  .xl-focus-z-auto:focus { z-index: auto; }
  .xl-active-z-auto:active { z-index: auto; }
  .xl-disabled-z-auto:disabled { z-index: auto; }
  .xl-focus-visible-z-auto:focus-visible { z-index: auto; }
  .xl-focus-within-z-auto:focus-within { z-index: auto; }
  .xl-group:hover .xl-group-hover-z-auto { z-index: auto; }
  .xl-z-0 { z-index: 0; }
  .xl-hover-z-0:hover { z-index: 0; }
  .xl-focus-z-0:focus { z-index: 0; }
  .xl-active-z-0:active { z-index: 0; }
  .xl-disabled-z-0:disabled { z-index: 0; }
  .xl-focus-visible-z-0:focus-visible { z-index: 0; }
  .xl-focus-within-z-0:focus-within { z-index: 0; }
  .xl-group:hover .xl-group-hover-z-0 { z-index: 0; }
  .xl-z-10 { z-index: 10; }
  .xl-hover-z-10:hover { z-index: 10; }
  .xl-focus-z-10:focus { z-index: 10; }
  .xl-active-z-10:active { z-index: 10; }
  .xl-disabled-z-10:disabled { z-index: 10; }
  .xl-focus-visible-z-10:focus-visible { z-index: 10; }
  .xl-focus-within-z-10:focus-within { z-index: 10; }
  .xl-group:hover .xl-group-hover-z-10 { z-index: 10; }
  .xl-z-20 { z-index: 20; }
  .xl-hover-z-20:hover { z-index: 20; }
  .xl-focus-z-20:focus { z-index: 20; }
  .xl-active-z-20:active { z-index: 20; }
  .xl-disabled-z-20:disabled { z-index: 20; }
  .xl-focus-visible-z-20:focus-visible { z-index: 20; }
  .xl-focus-within-z-20:focus-within { z-index: 20; }
  .xl-group:hover .xl-group-hover-z-20 { z-index: 20; }
  .xl-z-30 { z-index: 30; }
  .xl-hover-z-30:hover { z-index: 30; }
  .xl-focus-z-30:focus { z-index: 30; }
  .xl-active-z-30:active { z-index: 30; }
  .xl-disabled-z-30:disabled { z-index: 30; }
  .xl-focus-visible-z-30:focus-visible { z-index: 30; }
  .xl-focus-within-z-30:focus-within { z-index: 30; }
  .xl-group:hover .xl-group-hover-z-30 { z-index: 30; }
  .xl-z-40 { z-index: 40; }
  .xl-hover-z-40:hover { z-index: 40; }
  .xl-focus-z-40:focus { z-index: 40; }
  .xl-active-z-40:active { z-index: 40; }
  .xl-disabled-z-40:disabled { z-index: 40; }
  .xl-focus-visible-z-40:focus-visible { z-index: 40; }
  .xl-focus-within-z-40:focus-within { z-index: 40; }
  .xl-group:hover .xl-group-hover-z-40 { z-index: 40; }
  .xl-z-50 { z-index: 50; }
  .xl-hover-z-50:hover { z-index: 50; }
  .xl-focus-z-50:focus { z-index: 50; }
  .xl-active-z-50:active { z-index: 50; }
  .xl-disabled-z-50:disabled { z-index: 50; }
  .xl-focus-visible-z-50:focus-visible { z-index: 50; }
  .xl-focus-within-z-50:focus-within { z-index: 50; }
  .xl-group:hover .xl-group-hover-z-50 { z-index: 50; }
  .xl-z-100 { z-index: 100; }
  .xl-hover-z-100:hover { z-index: 100; }
  .xl-focus-z-100:focus { z-index: 100; }
  .xl-active-z-100:active { z-index: 100; }
  .xl-disabled-z-100:disabled { z-index: 100; }
  .xl-focus-visible-z-100:focus-visible { z-index: 100; }
  .xl-focus-within-z-100:focus-within { z-index: 100; }
  .xl-group:hover .xl-group-hover-z-100 { z-index: 100; }
  .xl-z-9999 { z-index: 9999; }
  .xl-hover-z-9999:hover { z-index: 9999; }
  .xl-focus-z-9999:focus { z-index: 9999; }
  .xl-active-z-9999:active { z-index: 9999; }
  .xl-disabled-z-9999:disabled { z-index: 9999; }
  .xl-focus-visible-z-9999:focus-visible { z-index: 9999; }
  .xl-focus-within-z-9999:focus-within { z-index: 9999; }
  .xl-group:hover .xl-group-hover-z-9999 { z-index: 9999; }
  .xl--z-10 { z-index: -10; }
  .xl-hover--z-10:hover { z-index: -10; }
  .xl-focus--z-10:focus { z-index: -10; }
  .xl-active--z-10:active { z-index: -10; }
  .xl-disabled--z-10:disabled { z-index: -10; }
  .xl-focus-visible--z-10:focus-visible { z-index: -10; }
  .xl-focus-within--z-10:focus-within { z-index: -10; }
  .xl-group:hover .xl-group-hover--z-10 { z-index: -10; }
  .xl--z-20 { z-index: -20; }
  .xl-hover--z-20:hover { z-index: -20; }
  .xl-focus--z-20:focus { z-index: -20; }
  .xl-active--z-20:active { z-index: -20; }
  .xl-disabled--z-20:disabled { z-index: -20; }
  .xl-focus-visible--z-20:focus-visible { z-index: -20; }
  .xl-focus-within--z-20:focus-within { z-index: -20; }
  .xl-group:hover .xl-group-hover--z-20 { z-index: -20; }
  .xl--z-40 { z-index: -40; }
  .xl-hover--z-40:hover { z-index: -40; }
  .xl-focus--z-40:focus { z-index: -40; }
  .xl-active--z-40:active { z-index: -40; }
  .xl-disabled--z-40:disabled { z-index: -40; }
  .xl-focus-visible--z-40:focus-visible { z-index: -40; }
  .xl-focus-within--z-40:focus-within { z-index: -40; }
  .xl-group:hover .xl-group-hover--z-40 { z-index: -40; }
  .xl--z-50 { z-index: -50; }
  .xl-hover--z-50:hover { z-index: -50; }
  .xl-focus--z-50:focus { z-index: -50; }
  .xl-active--z-50:active { z-index: -50; }
  .xl-disabled--z-50:disabled { z-index: -50; }
  .xl-focus-visible--z-50:focus-visible { z-index: -50; }
  .xl-focus-within--z-50:focus-within { z-index: -50; }
  .xl-group:hover .xl-group-hover--z-50 { z-index: -50; }
  .xl--z-100 { z-index: -100; }
  .xl-hover--z-100:hover { z-index: -100; }
  .xl-focus--z-100:focus { z-index: -100; }
  .xl-active--z-100:active { z-index: -100; }
  .xl-disabled--z-100:disabled { z-index: -100; }
  .xl-focus-visible--z-100:focus-visible { z-index: -100; }
  .xl-focus-within--z-100:focus-within { z-index: -100; }
  .xl-group:hover .xl-group-hover--z-100 { z-index: -100; }
  .xl-opacity-0 { opacity: 0; }
  .xl-hover-opacity-0:hover { opacity: 0; }
  .xl-focus-opacity-0:focus { opacity: 0; }
  .xl-active-opacity-0:active { opacity: 0; }
  .xl-disabled-opacity-0:disabled { opacity: 0; }
  .xl-focus-visible-opacity-0:focus-visible { opacity: 0; }
  .xl-focus-within-opacity-0:focus-within { opacity: 0; }
  .xl-group:hover .xl-group-hover-opacity-0 { opacity: 0; }
  .xl-opacity-10 { opacity: 0.1; }
  .xl-hover-opacity-10:hover { opacity: 0.1; }
  .xl-focus-opacity-10:focus { opacity: 0.1; }
  .xl-active-opacity-10:active { opacity: 0.1; }
  .xl-disabled-opacity-10:disabled { opacity: 0.1; }
  .xl-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  .xl-focus-within-opacity-10:focus-within { opacity: 0.1; }
  .xl-group:hover .xl-group-hover-opacity-10 { opacity: 0.1; }
  .xl-opacity-20 { opacity: 0.2; }
  .xl-hover-opacity-20:hover { opacity: 0.2; }
  .xl-focus-opacity-20:focus { opacity: 0.2; }
  .xl-active-opacity-20:active { opacity: 0.2; }
  .xl-disabled-opacity-20:disabled { opacity: 0.2; }
  .xl-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  .xl-focus-within-opacity-20:focus-within { opacity: 0.2; }
  .xl-group:hover .xl-group-hover-opacity-20 { opacity: 0.2; }
  .xl-opacity-25 { opacity: 0.25; }
  .xl-hover-opacity-25:hover { opacity: 0.25; }
  .xl-focus-opacity-25:focus { opacity: 0.25; }
  .xl-active-opacity-25:active { opacity: 0.25; }
  .xl-disabled-opacity-25:disabled { opacity: 0.25; }
  .xl-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  .xl-focus-within-opacity-25:focus-within { opacity: 0.25; }
  .xl-group:hover .xl-group-hover-opacity-25 { opacity: 0.25; }
  .xl-opacity-30 { opacity: 0.3; }
  .xl-hover-opacity-30:hover { opacity: 0.3; }
  .xl-focus-opacity-30:focus { opacity: 0.3; }
  .xl-active-opacity-30:active { opacity: 0.3; }
  .xl-disabled-opacity-30:disabled { opacity: 0.3; }
  .xl-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  .xl-focus-within-opacity-30:focus-within { opacity: 0.3; }
  .xl-group:hover .xl-group-hover-opacity-30 { opacity: 0.3; }
  .xl-opacity-40 { opacity: 0.4; }
  .xl-hover-opacity-40:hover { opacity: 0.4; }
  .xl-focus-opacity-40:focus { opacity: 0.4; }
  .xl-active-opacity-40:active { opacity: 0.4; }
  .xl-disabled-opacity-40:disabled { opacity: 0.4; }
  .xl-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  .xl-focus-within-opacity-40:focus-within { opacity: 0.4; }
  .xl-group:hover .xl-group-hover-opacity-40 { opacity: 0.4; }
  .xl-opacity-50 { opacity: 0.5; }
  .xl-hover-opacity-50:hover { opacity: 0.5; }
  .xl-focus-opacity-50:focus { opacity: 0.5; }
  .xl-active-opacity-50:active { opacity: 0.5; }
  .xl-disabled-opacity-50:disabled { opacity: 0.5; }
  .xl-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  .xl-focus-within-opacity-50:focus-within { opacity: 0.5; }
  .xl-group:hover .xl-group-hover-opacity-50 { opacity: 0.5; }
  .xl-opacity-60 { opacity: 0.6; }
  .xl-hover-opacity-60:hover { opacity: 0.6; }
  .xl-focus-opacity-60:focus { opacity: 0.6; }
  .xl-active-opacity-60:active { opacity: 0.6; }
  .xl-disabled-opacity-60:disabled { opacity: 0.6; }
  .xl-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  .xl-focus-within-opacity-60:focus-within { opacity: 0.6; }
  .xl-group:hover .xl-group-hover-opacity-60 { opacity: 0.6; }
  .xl-opacity-70 { opacity: 0.7; }
  .xl-hover-opacity-70:hover { opacity: 0.7; }
  .xl-focus-opacity-70:focus { opacity: 0.7; }
  .xl-active-opacity-70:active { opacity: 0.7; }
  .xl-disabled-opacity-70:disabled { opacity: 0.7; }
  .xl-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  .xl-focus-within-opacity-70:focus-within { opacity: 0.7; }
  .xl-group:hover .xl-group-hover-opacity-70 { opacity: 0.7; }
  .xl-opacity-75 { opacity: 0.75; }
  .xl-hover-opacity-75:hover { opacity: 0.75; }
  .xl-focus-opacity-75:focus { opacity: 0.75; }
  .xl-active-opacity-75:active { opacity: 0.75; }
  .xl-disabled-opacity-75:disabled { opacity: 0.75; }
  .xl-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  .xl-focus-within-opacity-75:focus-within { opacity: 0.75; }
  .xl-group:hover .xl-group-hover-opacity-75 { opacity: 0.75; }
  .xl-opacity-80 { opacity: 0.8; }
  .xl-hover-opacity-80:hover { opacity: 0.8; }
  .xl-focus-opacity-80:focus { opacity: 0.8; }
  .xl-active-opacity-80:active { opacity: 0.8; }
  .xl-disabled-opacity-80:disabled { opacity: 0.8; }
  .xl-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  .xl-focus-within-opacity-80:focus-within { opacity: 0.8; }
  .xl-group:hover .xl-group-hover-opacity-80 { opacity: 0.8; }
  .xl-opacity-90 { opacity: 0.9; }
  .xl-hover-opacity-90:hover { opacity: 0.9; }
  .xl-focus-opacity-90:focus { opacity: 0.9; }
  .xl-active-opacity-90:active { opacity: 0.9; }
  .xl-disabled-opacity-90:disabled { opacity: 0.9; }
  .xl-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  .xl-focus-within-opacity-90:focus-within { opacity: 0.9; }
  .xl-group:hover .xl-group-hover-opacity-90 { opacity: 0.9; }
  .xl-opacity-100 { opacity: 1; }
  .xl-hover-opacity-100:hover { opacity: 1; }
  .xl-focus-opacity-100:focus { opacity: 1; }
  .xl-active-opacity-100:active { opacity: 1; }
  .xl-disabled-opacity-100:disabled { opacity: 1; }
  .xl-focus-visible-opacity-100:focus-visible { opacity: 1; }
  .xl-focus-within-opacity-100:focus-within { opacity: 1; }
  .xl-group:hover .xl-group-hover-opacity-100 { opacity: 1; }
  .xl-bg-gradient-l { --quanta-gradient-direction: to left; }
  .xl-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  .xl-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  .xl-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  .xl-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  .xl-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  .xl-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  .xl-group:hover .xl-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  .xl-bg-gradient-r { --quanta-gradient-direction: to right; }
  .xl-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  .xl-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  .xl-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  .xl-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  .xl-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  .xl-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  .xl-group:hover .xl-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  .xl-bg-gradient-t { --quanta-gradient-direction: to top; }
  .xl-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  .xl-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  .xl-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  .xl-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  .xl-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  .xl-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  .xl-group:hover .xl-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  .xl-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .xl-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  .xl-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  .xl-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  .xl-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  .xl-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  .xl-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  .xl-group:hover .xl-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .xl-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .xl-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  .xl-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  .xl-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  .xl-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  .xl-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  .xl-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  .xl-group:hover .xl-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .xl-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .xl-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  .xl-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  .xl-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  .xl-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  .xl-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  .xl-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  .xl-group:hover .xl-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .xl-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .xl-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  .xl-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  .xl-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  .xl-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  .xl-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  .xl-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  .xl-group:hover .xl-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .xl-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .xl-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  .xl-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  .xl-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  .xl-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  .xl-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  .xl-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  .xl-group:hover .xl-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .xl-rounded-0 { border-radius: 0; }
  .xl-hover-rounded-0:hover { border-radius: 0; }
  .xl-focus-rounded-0:focus { border-radius: 0; }
  .xl-active-rounded-0:active { border-radius: 0; }
  .xl-disabled-rounded-0:disabled { border-radius: 0; }
  .xl-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  .xl-focus-within-rounded-0:focus-within { border-radius: 0; }
  .xl-group:hover .xl-group-hover-rounded-0 { border-radius: 0; }
  .xl-rounded-xs { border-radius: 0.125rem; }
  .xl-hover-rounded-xs:hover { border-radius: 0.125rem; }
  .xl-focus-rounded-xs:focus { border-radius: 0.125rem; }
  .xl-active-rounded-xs:active { border-radius: 0.125rem; }
  .xl-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  .xl-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  .xl-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  .xl-group:hover .xl-group-hover-rounded-xs { border-radius: 0.125rem; }
  .xl-rounded-sm { border-radius: 0.25rem; }
  .xl-hover-rounded-sm:hover { border-radius: 0.25rem; }
  .xl-focus-rounded-sm:focus { border-radius: 0.25rem; }
  .xl-active-rounded-sm:active { border-radius: 0.25rem; }
  .xl-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  .xl-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  .xl-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  .xl-group:hover .xl-group-hover-rounded-sm { border-radius: 0.25rem; }
  .xl-rounded { border-radius: 0.5rem; }
  .xl-hover-rounded:hover { border-radius: 0.5rem; }
  .xl-focus-rounded:focus { border-radius: 0.5rem; }
  .xl-active-rounded:active { border-radius: 0.5rem; }
  .xl-disabled-rounded:disabled { border-radius: 0.5rem; }
  .xl-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  .xl-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  .xl-group:hover .xl-group-hover-rounded { border-radius: 0.5rem; }
  .xl-rounded-md { border-radius: 0.75rem; }
  .xl-hover-rounded-md:hover { border-radius: 0.75rem; }
  .xl-focus-rounded-md:focus { border-radius: 0.75rem; }
  .xl-active-rounded-md:active { border-radius: 0.75rem; }
  .xl-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  .xl-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  .xl-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  .xl-group:hover .xl-group-hover-rounded-md { border-radius: 0.75rem; }
  .xl-rounded-lg { border-radius: 1rem; }
  .xl-hover-rounded-lg:hover { border-radius: 1rem; }
  .xl-focus-rounded-lg:focus { border-radius: 1rem; }
  .xl-active-rounded-lg:active { border-radius: 1rem; }
  .xl-disabled-rounded-lg:disabled { border-radius: 1rem; }
  .xl-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  .xl-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  .xl-group:hover .xl-group-hover-rounded-lg { border-radius: 1rem; }
  .xl-rounded-xl { border-radius: 1.5rem; }
  .xl-hover-rounded-xl:hover { border-radius: 1.5rem; }
  .xl-focus-rounded-xl:focus { border-radius: 1.5rem; }
  .xl-active-rounded-xl:active { border-radius: 1.5rem; }
  .xl-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  .xl-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  .xl-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  .xl-group:hover .xl-group-hover-rounded-xl { border-radius: 1.5rem; }
  .xl-rounded-2xl { border-radius: 2rem; }
  .xl-hover-rounded-2xl:hover { border-radius: 2rem; }
  .xl-focus-rounded-2xl:focus { border-radius: 2rem; }
  .xl-active-rounded-2xl:active { border-radius: 2rem; }
  .xl-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  .xl-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  .xl-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  .xl-group:hover .xl-group-hover-rounded-2xl { border-radius: 2rem; }
  .xl-rounded-full { border-radius: 9999px; }
  .xl-hover-rounded-full:hover { border-radius: 9999px; }
  .xl-focus-rounded-full:focus { border-radius: 9999px; }
  .xl-active-rounded-full:active { border-radius: 9999px; }
  .xl-disabled-rounded-full:disabled { border-radius: 9999px; }
  .xl-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  .xl-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  .xl-group:hover .xl-group-hover-rounded-full { border-radius: 9999px; }
  .xl-rounded-pill { border-radius: 50px; }
  .xl-hover-rounded-pill:hover { border-radius: 50px; }
  .xl-focus-rounded-pill:focus { border-radius: 50px; }
  .xl-active-rounded-pill:active { border-radius: 50px; }
  .xl-disabled-rounded-pill:disabled { border-radius: 50px; }
  .xl-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  .xl-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  .xl-group:hover .xl-group-hover-rounded-pill { border-radius: 50px; }
  .xl-rounded-tl-0 { border-top-left-radius: 0; }
  .xl-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  .xl-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  .xl-active-rounded-tl-0:active { border-top-left-radius: 0; }
  .xl-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  .xl-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  .xl-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  .xl-group:hover .xl-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  .xl-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .xl-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  .xl-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  .xl-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  .xl-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  .xl-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  .xl-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .xl-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .xl-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  .xl-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  .xl-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  .xl-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  .xl-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  .xl-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .xl-rounded-tl { border-top-left-radius: 0.5rem; }
  .xl-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  .xl-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  .xl-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  .xl-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  .xl-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  .xl-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  .xl-group:hover .xl-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  .xl-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .xl-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  .xl-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  .xl-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  .xl-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  .xl-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  .xl-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .xl-rounded-tl-lg { border-top-left-radius: 1rem; }
  .xl-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  .xl-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  .xl-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  .xl-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  .xl-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  .xl-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  .xl-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .xl-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  .xl-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  .xl-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  .xl-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  .xl-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  .xl-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .xl-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .xl-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  .xl-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  .xl-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  .xl-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  .xl-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  .xl-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  .xl-group:hover .xl-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .xl-rounded-tl-full { border-top-left-radius: 9999px; }
  .xl-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  .xl-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  .xl-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  .xl-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  .xl-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  .xl-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  .xl-group:hover .xl-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  .xl-rounded-tl-pill { border-top-left-radius: 50px; }
  .xl-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  .xl-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  .xl-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  .xl-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  .xl-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  .xl-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  .xl-group:hover .xl-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  .xl-rounded-tr-0 { border-top-right-radius: 0; }
  .xl-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  .xl-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  .xl-active-rounded-tr-0:active { border-top-right-radius: 0; }
  .xl-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  .xl-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  .xl-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  .xl-group:hover .xl-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  .xl-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .xl-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  .xl-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  .xl-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  .xl-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  .xl-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  .xl-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .xl-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .xl-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  .xl-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  .xl-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  .xl-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  .xl-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  .xl-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .xl-rounded-tr { border-top-right-radius: 0.5rem; }
  .xl-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  .xl-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  .xl-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  .xl-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  .xl-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  .xl-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  .xl-group:hover .xl-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  .xl-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .xl-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  .xl-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  .xl-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  .xl-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  .xl-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  .xl-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .xl-rounded-tr-lg { border-top-right-radius: 1rem; }
  .xl-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  .xl-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  .xl-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  .xl-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  .xl-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  .xl-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  .xl-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .xl-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  .xl-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  .xl-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  .xl-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  .xl-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  .xl-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .xl-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .xl-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  .xl-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  .xl-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  .xl-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  .xl-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  .xl-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  .xl-group:hover .xl-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .xl-rounded-tr-full { border-top-right-radius: 9999px; }
  .xl-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  .xl-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  .xl-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  .xl-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  .xl-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  .xl-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  .xl-group:hover .xl-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  .xl-rounded-tr-pill { border-top-right-radius: 50px; }
  .xl-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  .xl-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  .xl-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  .xl-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  .xl-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  .xl-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  .xl-group:hover .xl-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  .xl-rounded-bl-0 { border-bottom-left-radius: 0; }
  .xl-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  .xl-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  .xl-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  .xl-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  .xl-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  .xl-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  .xl-group:hover .xl-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  .xl-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .xl-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  .xl-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  .xl-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  .xl-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  .xl-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  .xl-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .xl-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .xl-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  .xl-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  .xl-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  .xl-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  .xl-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  .xl-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .xl-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .xl-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  .xl-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  .xl-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  .xl-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  .xl-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  .xl-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  .xl-group:hover .xl-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .xl-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .xl-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  .xl-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  .xl-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  .xl-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  .xl-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  .xl-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .xl-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .xl-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  .xl-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  .xl-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  .xl-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  .xl-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  .xl-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .xl-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .xl-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  .xl-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  .xl-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  .xl-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  .xl-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  .xl-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .xl-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .xl-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  .xl-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  .xl-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  .xl-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  .xl-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  .xl-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  .xl-group:hover .xl-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .xl-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .xl-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  .xl-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  .xl-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  .xl-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  .xl-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  .xl-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  .xl-group:hover .xl-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .xl-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .xl-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  .xl-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  .xl-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  .xl-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  .xl-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  .xl-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  .xl-group:hover .xl-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .xl-rounded-br-0 { border-bottom-right-radius: 0; }
  .xl-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  .xl-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  .xl-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  .xl-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  .xl-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  .xl-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  .xl-group:hover .xl-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  .xl-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .xl-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  .xl-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  .xl-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  .xl-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  .xl-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  .xl-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  .xl-group:hover .xl-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .xl-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .xl-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  .xl-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  .xl-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  .xl-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  .xl-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  .xl-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  .xl-group:hover .xl-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .xl-rounded-br { border-bottom-right-radius: 0.5rem; }
  .xl-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  .xl-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  .xl-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  .xl-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  .xl-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  .xl-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  .xl-group:hover .xl-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  .xl-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .xl-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  .xl-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  .xl-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  .xl-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  .xl-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  .xl-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  .xl-group:hover .xl-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .xl-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .xl-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  .xl-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  .xl-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  .xl-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  .xl-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  .xl-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  .xl-group:hover .xl-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .xl-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .xl-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  .xl-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  .xl-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  .xl-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  .xl-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  .xl-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  .xl-group:hover .xl-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .xl-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .xl-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  .xl-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  .xl-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  .xl-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  .xl-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  .xl-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  .xl-group:hover .xl-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .xl-rounded-br-full { border-bottom-right-radius: 9999px; }
  .xl-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  .xl-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  .xl-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  .xl-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  .xl-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  .xl-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  .xl-group:hover .xl-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  .xl-rounded-br-pill { border-bottom-right-radius: 50px; }
  .xl-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  .xl-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  .xl-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  .xl-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  .xl-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  .xl-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  .xl-group:hover .xl-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  .xl-outline-none { outline: none; }
  .xl-hover-outline-none:hover { outline: none; }
  .xl-focus-outline-none:focus { outline: none; }
  .xl-active-outline-none:active { outline: none; }
  .xl-disabled-outline-none:disabled { outline: none; }
  .xl-focus-visible-outline-none:focus-visible { outline: none; }
  .xl-focus-within-outline-none:focus-within { outline: none; }
  .xl-group:hover .xl-group-hover-outline-none { outline: none; }
  .xl-outline { outline: 1px solid currentColor; }
  .xl-hover-outline:hover { outline: 1px solid currentColor; }
  .xl-focus-outline:focus { outline: 1px solid currentColor; }
  .xl-active-outline:active { outline: 1px solid currentColor; }
  .xl-disabled-outline:disabled { outline: 1px solid currentColor; }
  .xl-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  .xl-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  .xl-group:hover .xl-group-hover-outline { outline: 1px solid currentColor; }
  .xl-outline-offset-0 { outline-offset: 0rem; }
  .xl-hover-outline-offset-0:hover { outline-offset: 0rem; }
  .xl-focus-outline-offset-0:focus { outline-offset: 0rem; }
  .xl-active-outline-offset-0:active { outline-offset: 0rem; }
  .xl-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  .xl-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  .xl-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  .xl-group:hover .xl-group-hover-outline-offset-0 { outline-offset: 0rem; }
  .xl-outline-offset-1 { outline-offset: 0.25rem; }
  .xl-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  .xl-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  .xl-active-outline-offset-1:active { outline-offset: 0.25rem; }
  .xl-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  .xl-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  .xl-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  .xl-group:hover .xl-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  .xl-outline-offset-2 { outline-offset: 0.5rem; }
  .xl-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  .xl-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  .xl-active-outline-offset-2:active { outline-offset: 0.5rem; }
  .xl-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  .xl-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  .xl-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  .xl-group:hover .xl-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  .xl-outline-offset-3 { outline-offset: 0.75rem; }
  .xl-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  .xl-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  .xl-active-outline-offset-3:active { outline-offset: 0.75rem; }
  .xl-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  .xl-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  .xl-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  .xl-group:hover .xl-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  .xl-outline-offset-4 { outline-offset: 1rem; }
  .xl-hover-outline-offset-4:hover { outline-offset: 1rem; }
  .xl-focus-outline-offset-4:focus { outline-offset: 1rem; }
  .xl-active-outline-offset-4:active { outline-offset: 1rem; }
  .xl-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  .xl-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  .xl-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  .xl-group:hover .xl-group-hover-outline-offset-4 { outline-offset: 1rem; }
  .xl-outline-offset-8 { outline-offset: 2rem; }
  .xl-hover-outline-offset-8:hover { outline-offset: 2rem; }
  .xl-focus-outline-offset-8:focus { outline-offset: 2rem; }
  .xl-active-outline-offset-8:active { outline-offset: 2rem; }
  .xl-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  .xl-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  .xl-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  .xl-group:hover .xl-group-hover-outline-offset-8 { outline-offset: 2rem; }
  .xl-outline-red-50 { outline-color: var(--quanta-red-50); }
  .xl-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  .xl-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  .xl-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  .xl-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  .xl-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  .xl-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  .xl-outline-red-100 { outline-color: var(--quanta-red-100); }
  .xl-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  .xl-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  .xl-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  .xl-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  .xl-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  .xl-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  .xl-outline-red-200 { outline-color: var(--quanta-red-200); }
  .xl-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  .xl-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  .xl-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  .xl-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  .xl-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  .xl-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  .xl-outline-red-300 { outline-color: var(--quanta-red-300); }
  .xl-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  .xl-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  .xl-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  .xl-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  .xl-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  .xl-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  .xl-outline-red-400 { outline-color: var(--quanta-red-400); }
  .xl-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  .xl-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  .xl-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  .xl-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  .xl-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  .xl-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  .xl-outline-red-500 { outline-color: var(--quanta-red-500); }
  .xl-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  .xl-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  .xl-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  .xl-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  .xl-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  .xl-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  .xl-outline-red-600 { outline-color: var(--quanta-red-600); }
  .xl-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  .xl-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  .xl-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  .xl-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  .xl-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  .xl-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  .xl-outline-red-700 { outline-color: var(--quanta-red-700); }
  .xl-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  .xl-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  .xl-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  .xl-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  .xl-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  .xl-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  .xl-outline-red-800 { outline-color: var(--quanta-red-800); }
  .xl-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  .xl-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  .xl-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  .xl-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  .xl-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  .xl-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  .xl-outline-red-900 { outline-color: var(--quanta-red-900); }
  .xl-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  .xl-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  .xl-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  .xl-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  .xl-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  .xl-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  .xl-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .xl-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  .xl-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  .xl-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  .xl-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  .xl-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  .xl-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .xl-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .xl-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  .xl-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  .xl-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  .xl-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  .xl-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  .xl-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .xl-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .xl-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  .xl-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  .xl-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  .xl-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  .xl-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  .xl-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .xl-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .xl-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  .xl-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  .xl-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  .xl-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  .xl-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  .xl-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .xl-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .xl-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  .xl-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  .xl-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  .xl-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  .xl-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  .xl-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .xl-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .xl-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  .xl-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  .xl-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  .xl-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  .xl-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  .xl-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .xl-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .xl-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  .xl-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  .xl-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  .xl-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  .xl-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  .xl-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .xl-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .xl-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  .xl-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  .xl-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  .xl-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  .xl-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  .xl-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .xl-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .xl-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  .xl-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  .xl-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  .xl-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  .xl-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  .xl-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .xl-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .xl-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  .xl-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  .xl-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  .xl-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  .xl-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  .xl-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .xl-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .xl-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  .xl-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  .xl-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  .xl-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  .xl-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  .xl-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .xl-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .xl-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  .xl-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  .xl-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  .xl-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  .xl-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  .xl-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .xl-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .xl-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  .xl-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  .xl-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  .xl-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  .xl-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  .xl-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .xl-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .xl-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  .xl-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  .xl-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  .xl-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  .xl-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  .xl-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .xl-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .xl-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  .xl-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  .xl-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  .xl-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  .xl-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  .xl-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .xl-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .xl-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  .xl-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  .xl-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  .xl-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  .xl-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  .xl-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .xl-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .xl-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  .xl-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  .xl-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  .xl-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  .xl-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  .xl-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .xl-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .xl-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  .xl-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  .xl-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  .xl-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  .xl-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  .xl-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .xl-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .xl-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  .xl-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  .xl-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  .xl-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  .xl-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  .xl-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .xl-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .xl-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  .xl-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  .xl-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  .xl-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  .xl-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  .xl-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .xl-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .xl-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  .xl-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  .xl-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  .xl-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  .xl-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  .xl-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .xl-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .xl-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  .xl-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  .xl-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  .xl-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  .xl-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  .xl-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .xl-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .xl-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  .xl-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  .xl-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  .xl-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  .xl-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  .xl-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .xl-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .xl-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  .xl-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  .xl-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  .xl-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  .xl-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  .xl-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .xl-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .xl-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  .xl-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  .xl-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  .xl-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  .xl-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  .xl-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .xl-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .xl-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  .xl-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  .xl-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  .xl-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  .xl-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  .xl-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .xl-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .xl-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  .xl-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  .xl-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  .xl-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  .xl-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  .xl-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .xl-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .xl-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  .xl-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  .xl-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  .xl-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  .xl-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  .xl-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .xl-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .xl-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  .xl-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  .xl-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  .xl-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  .xl-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  .xl-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .xl-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .xl-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  .xl-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  .xl-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  .xl-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  .xl-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  .xl-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .xl-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .xl-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  .xl-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  .xl-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  .xl-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  .xl-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  .xl-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .xl-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .xl-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  .xl-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  .xl-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  .xl-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  .xl-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  .xl-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .xl-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .xl-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  .xl-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  .xl-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  .xl-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  .xl-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  .xl-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .xl-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .xl-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  .xl-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  .xl-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  .xl-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  .xl-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  .xl-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .xl-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .xl-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  .xl-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  .xl-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  .xl-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  .xl-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  .xl-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .xl-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .xl-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  .xl-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  .xl-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  .xl-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  .xl-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  .xl-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .xl-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .xl-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  .xl-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  .xl-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  .xl-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  .xl-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  .xl-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .xl-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .xl-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  .xl-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  .xl-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  .xl-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  .xl-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  .xl-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .xl-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .xl-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  .xl-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  .xl-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  .xl-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  .xl-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  .xl-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .xl-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .xl-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  .xl-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  .xl-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  .xl-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  .xl-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  .xl-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .xl-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .xl-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  .xl-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  .xl-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  .xl-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  .xl-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  .xl-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .xl-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .xl-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  .xl-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  .xl-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  .xl-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  .xl-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  .xl-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .xl-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .xl-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  .xl-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  .xl-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  .xl-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  .xl-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  .xl-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .xl-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .xl-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  .xl-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  .xl-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  .xl-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  .xl-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  .xl-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .xl-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .xl-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  .xl-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  .xl-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  .xl-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  .xl-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  .xl-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .xl-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .xl-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  .xl-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  .xl-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  .xl-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  .xl-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  .xl-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .xl-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .xl-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  .xl-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  .xl-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  .xl-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  .xl-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  .xl-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .xl-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .xl-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  .xl-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  .xl-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  .xl-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  .xl-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  .xl-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .xl-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .xl-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  .xl-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  .xl-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  .xl-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  .xl-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  .xl-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .xl-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .xl-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  .xl-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  .xl-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  .xl-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  .xl-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  .xl-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .xl-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .xl-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  .xl-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  .xl-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  .xl-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  .xl-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  .xl-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .xl-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .xl-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  .xl-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  .xl-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  .xl-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  .xl-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  .xl-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .xl-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .xl-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  .xl-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  .xl-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  .xl-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  .xl-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  .xl-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .xl-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .xl-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  .xl-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  .xl-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  .xl-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  .xl-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  .xl-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .xl-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .xl-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  .xl-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  .xl-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  .xl-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  .xl-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  .xl-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .xl-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .xl-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  .xl-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  .xl-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  .xl-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  .xl-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  .xl-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .xl-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .xl-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  .xl-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  .xl-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  .xl-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  .xl-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  .xl-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .xl-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .xl-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  .xl-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  .xl-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  .xl-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  .xl-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  .xl-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .xl-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .xl-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  .xl-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  .xl-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  .xl-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  .xl-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  .xl-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .xl-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .xl-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  .xl-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  .xl-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  .xl-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  .xl-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  .xl-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .xl-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .xl-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  .xl-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  .xl-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  .xl-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  .xl-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  .xl-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .xl-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .xl-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  .xl-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  .xl-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  .xl-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  .xl-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  .xl-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .xl-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .xl-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  .xl-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  .xl-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  .xl-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  .xl-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  .xl-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .xl-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .xl-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  .xl-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  .xl-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  .xl-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  .xl-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  .xl-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .xl-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .xl-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  .xl-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  .xl-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  .xl-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  .xl-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  .xl-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .xl-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .xl-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  .xl-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  .xl-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  .xl-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  .xl-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  .xl-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .xl-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .xl-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  .xl-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  .xl-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  .xl-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  .xl-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  .xl-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .xl-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .xl-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  .xl-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  .xl-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  .xl-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  .xl-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  .xl-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .xl-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .xl-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  .xl-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  .xl-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  .xl-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  .xl-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  .xl-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .xl-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .xl-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  .xl-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  .xl-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  .xl-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  .xl-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  .xl-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .xl-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .xl-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  .xl-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  .xl-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  .xl-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  .xl-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  .xl-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .xl-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .xl-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  .xl-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  .xl-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  .xl-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  .xl-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  .xl-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .xl-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .xl-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  .xl-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  .xl-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  .xl-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  .xl-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  .xl-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .xl-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .xl-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  .xl-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  .xl-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  .xl-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  .xl-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  .xl-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .xl-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .xl-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  .xl-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  .xl-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  .xl-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  .xl-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  .xl-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .xl-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .xl-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  .xl-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  .xl-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  .xl-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  .xl-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  .xl-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .xl-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .xl-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  .xl-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  .xl-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  .xl-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  .xl-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  .xl-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .xl-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .xl-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  .xl-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  .xl-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  .xl-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  .xl-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  .xl-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .xl-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .xl-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  .xl-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  .xl-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  .xl-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  .xl-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  .xl-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .xl-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .xl-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  .xl-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  .xl-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  .xl-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  .xl-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  .xl-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .xl-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .xl-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  .xl-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  .xl-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  .xl-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  .xl-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  .xl-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .xl-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .xl-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  .xl-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  .xl-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  .xl-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  .xl-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  .xl-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .xl-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .xl-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  .xl-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  .xl-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  .xl-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  .xl-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  .xl-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .xl-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .xl-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  .xl-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  .xl-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  .xl-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  .xl-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  .xl-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .xl-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .xl-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  .xl-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  .xl-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  .xl-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  .xl-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  .xl-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .xl-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .xl-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  .xl-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  .xl-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  .xl-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  .xl-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  .xl-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .xl-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .xl-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  .xl-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  .xl-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  .xl-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  .xl-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  .xl-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .xl-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .xl-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  .xl-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  .xl-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  .xl-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  .xl-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  .xl-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .xl-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .xl-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  .xl-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  .xl-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  .xl-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  .xl-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  .xl-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .xl-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .xl-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  .xl-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  .xl-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  .xl-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  .xl-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  .xl-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .xl-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .xl-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  .xl-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  .xl-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  .xl-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  .xl-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  .xl-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .xl-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .xl-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  .xl-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  .xl-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  .xl-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  .xl-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  .xl-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .xl-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .xl-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  .xl-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  .xl-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  .xl-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  .xl-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  .xl-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .xl-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .xl-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  .xl-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  .xl-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  .xl-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  .xl-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  .xl-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .xl-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .xl-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  .xl-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  .xl-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  .xl-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  .xl-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  .xl-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .xl-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .xl-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  .xl-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  .xl-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  .xl-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  .xl-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  .xl-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .xl-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .xl-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  .xl-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  .xl-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  .xl-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  .xl-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  .xl-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .xl-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .xl-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  .xl-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  .xl-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  .xl-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  .xl-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  .xl-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .xl-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .xl-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  .xl-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  .xl-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  .xl-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  .xl-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  .xl-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .xl-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .xl-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  .xl-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  .xl-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  .xl-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  .xl-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  .xl-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .xl-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .xl-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  .xl-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  .xl-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  .xl-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  .xl-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  .xl-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .xl-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .xl-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  .xl-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  .xl-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  .xl-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  .xl-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  .xl-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .xl-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .xl-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  .xl-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  .xl-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  .xl-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  .xl-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  .xl-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .xl-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .xl-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  .xl-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  .xl-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  .xl-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  .xl-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  .xl-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .xl-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .xl-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  .xl-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  .xl-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  .xl-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  .xl-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  .xl-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .xl-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .xl-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  .xl-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  .xl-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  .xl-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  .xl-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  .xl-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .xl-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .xl-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  .xl-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  .xl-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  .xl-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  .xl-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  .xl-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .xl-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .xl-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  .xl-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  .xl-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  .xl-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  .xl-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  .xl-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .xl-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .xl-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  .xl-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  .xl-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  .xl-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  .xl-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  .xl-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .xl-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .xl-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  .xl-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  .xl-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  .xl-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  .xl-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  .xl-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .xl-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .xl-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  .xl-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  .xl-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  .xl-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  .xl-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  .xl-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .xl-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .xl-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  .xl-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  .xl-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  .xl-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  .xl-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  .xl-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .xl-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .xl-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  .xl-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  .xl-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  .xl-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  .xl-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  .xl-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .xl-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .xl-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  .xl-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  .xl-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  .xl-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  .xl-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  .xl-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .xl-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .xl-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  .xl-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  .xl-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  .xl-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  .xl-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  .xl-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .xl-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .xl-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  .xl-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  .xl-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  .xl-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  .xl-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  .xl-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .xl-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .xl-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  .xl-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  .xl-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  .xl-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  .xl-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  .xl-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .xl-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .xl-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  .xl-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  .xl-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  .xl-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  .xl-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  .xl-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .xl-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .xl-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  .xl-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  .xl-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  .xl-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  .xl-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  .xl-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .xl-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .xl-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  .xl-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  .xl-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  .xl-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  .xl-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  .xl-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .xl-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .xl-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  .xl-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  .xl-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  .xl-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  .xl-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  .xl-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .xl-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .xl-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  .xl-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  .xl-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  .xl-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  .xl-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  .xl-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .xl-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .xl-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  .xl-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  .xl-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  .xl-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  .xl-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  .xl-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .xl-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .xl-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  .xl-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  .xl-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  .xl-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  .xl-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  .xl-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .xl-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .xl-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  .xl-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  .xl-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  .xl-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  .xl-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  .xl-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .xl-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .xl-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  .xl-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  .xl-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  .xl-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  .xl-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  .xl-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .xl-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .xl-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  .xl-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  .xl-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  .xl-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  .xl-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  .xl-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .xl-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .xl-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  .xl-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  .xl-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  .xl-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  .xl-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  .xl-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .xl-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .xl-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  .xl-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  .xl-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  .xl-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  .xl-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  .xl-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .xl-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .xl-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  .xl-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  .xl-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  .xl-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  .xl-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  .xl-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .xl-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .xl-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  .xl-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  .xl-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  .xl-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  .xl-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  .xl-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .xl-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .xl-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  .xl-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  .xl-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  .xl-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  .xl-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  .xl-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .xl-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .xl-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  .xl-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  .xl-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  .xl-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  .xl-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  .xl-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .xl-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .xl-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  .xl-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  .xl-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  .xl-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  .xl-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  .xl-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .xl-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .xl-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  .xl-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  .xl-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  .xl-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  .xl-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  .xl-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .xl-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .xl-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  .xl-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  .xl-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  .xl-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  .xl-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  .xl-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .xl-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .xl-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  .xl-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  .xl-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  .xl-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  .xl-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  .xl-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .xl-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .xl-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  .xl-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  .xl-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  .xl-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  .xl-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  .xl-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .xl-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .xl-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  .xl-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  .xl-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  .xl-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  .xl-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  .xl-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .xl-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .xl-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  .xl-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  .xl-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  .xl-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  .xl-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  .xl-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .xl-outline-green-50 { outline-color: var(--quanta-green-50); }
  .xl-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  .xl-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  .xl-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  .xl-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  .xl-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  .xl-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  .xl-outline-green-100 { outline-color: var(--quanta-green-100); }
  .xl-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  .xl-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  .xl-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  .xl-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  .xl-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  .xl-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  .xl-outline-green-200 { outline-color: var(--quanta-green-200); }
  .xl-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  .xl-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  .xl-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  .xl-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  .xl-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  .xl-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  .xl-outline-green-300 { outline-color: var(--quanta-green-300); }
  .xl-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  .xl-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  .xl-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  .xl-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  .xl-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  .xl-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  .xl-outline-green-400 { outline-color: var(--quanta-green-400); }
  .xl-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  .xl-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  .xl-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  .xl-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  .xl-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  .xl-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  .xl-outline-green-500 { outline-color: var(--quanta-green-500); }
  .xl-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  .xl-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  .xl-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  .xl-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  .xl-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  .xl-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  .xl-outline-green-600 { outline-color: var(--quanta-green-600); }
  .xl-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  .xl-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  .xl-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  .xl-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  .xl-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  .xl-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  .xl-outline-green-700 { outline-color: var(--quanta-green-700); }
  .xl-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  .xl-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  .xl-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  .xl-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  .xl-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  .xl-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  .xl-outline-green-800 { outline-color: var(--quanta-green-800); }
  .xl-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  .xl-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  .xl-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  .xl-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  .xl-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  .xl-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  .xl-outline-green-900 { outline-color: var(--quanta-green-900); }
  .xl-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  .xl-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  .xl-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  .xl-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  .xl-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  .xl-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  .xl-outline-black { outline-color: var(--black); }
  .xl-hover-outline-black:hover { outline-color: var(--black); }
  .xl-focus-outline-black:focus { outline-color: var(--black); }
  .xl-active-outline-black:active { outline-color: var(--black); }
  .xl-disabled-outline-black:disabled { outline-color: var(--black); }
  .xl-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  .xl-focus-within-outline-black:focus-within { outline-color: var(--black); }
  .xl-group:hover .xl-group-hover-outline-black { outline-color: var(--black); }
  .xl-outline-white { outline-color: var(--white); }
  .xl-hover-outline-white:hover { outline-color: var(--white); }
  .xl-focus-outline-white:focus { outline-color: var(--white); }
  .xl-active-outline-white:active { outline-color: var(--white); }
  .xl-disabled-outline-white:disabled { outline-color: var(--white); }
  .xl-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  .xl-focus-within-outline-white:focus-within { outline-color: var(--white); }
  .xl-group:hover .xl-group-hover-outline-white { outline-color: var(--white); }
  .xl-ring-sm { --ring-width: 0.125rem; }
  .xl-hover-ring-sm:hover { --ring-width: 0.125rem; }
  .xl-focus-ring-sm:focus { --ring-width: 0.125rem; }
  .xl-active-ring-sm:active { --ring-width: 0.125rem; }
  .xl-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  .xl-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  .xl-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  .xl-group:hover .xl-group-hover-ring-sm { --ring-width: 0.125rem; }
  .xl-ring-md { --ring-width: 0.5rem; }
  .xl-hover-ring-md:hover { --ring-width: 0.5rem; }
  .xl-focus-ring-md:focus { --ring-width: 0.5rem; }
  .xl-active-ring-md:active { --ring-width: 0.5rem; }
  .xl-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  .xl-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  .xl-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  .xl-group:hover .xl-group-hover-ring-md { --ring-width: 0.5rem; }
  .xl-ring-lg { --ring-width: 1rem; }
  .xl-hover-ring-lg:hover { --ring-width: 1rem; }
  .xl-focus-ring-lg:focus { --ring-width: 1rem; }
  .xl-active-ring-lg:active { --ring-width: 1rem; }
  .xl-disabled-ring-lg:disabled { --ring-width: 1rem; }
  .xl-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  .xl-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  .xl-group:hover .xl-group-hover-ring-lg { --ring-width: 1rem; }
  .xl-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-group:hover .xl-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .xl-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-group:hover .xl-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .xl-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-group:hover .xl-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .xl-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .xl-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-group:hover .xl-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .xl-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-group:hover .xl-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .xl-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .xl-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  .xl-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  .xl-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  .xl-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  .xl-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  .xl-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .xl-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .xl-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  .xl-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  .xl-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  .xl-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  .xl-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  .xl-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .xl-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .xl-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  .xl-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  .xl-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  .xl-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  .xl-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  .xl-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .xl-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .xl-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  .xl-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  .xl-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  .xl-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  .xl-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  .xl-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .xl-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .xl-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  .xl-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  .xl-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  .xl-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  .xl-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  .xl-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .xl-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .xl-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  .xl-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  .xl-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  .xl-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  .xl-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  .xl-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .xl-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .xl-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  .xl-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  .xl-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  .xl-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  .xl-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  .xl-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .xl-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .xl-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  .xl-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  .xl-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  .xl-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  .xl-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  .xl-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .xl-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .xl-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  .xl-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  .xl-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  .xl-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  .xl-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  .xl-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .xl-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .xl-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  .xl-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  .xl-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  .xl-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  .xl-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  .xl-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .xl-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .xl-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .xl-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .xl-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .xl-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .xl-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .xl-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .xl-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .xl-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .xl-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .xl-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .xl-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .xl-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .xl-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .xl-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .xl-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .xl-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .xl-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .xl-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .xl-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .xl-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .xl-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .xl-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .xl-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .xl-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .xl-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .xl-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .xl-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .xl-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .xl-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .xl-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .xl-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .xl-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .xl-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .xl-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .xl-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .xl-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .xl-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .xl-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .xl-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .xl-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .xl-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .xl-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .xl-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .xl-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .xl-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .xl-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .xl-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .xl-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .xl-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .xl-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .xl-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .xl-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .xl-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .xl-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .xl-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .xl-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .xl-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .xl-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .xl-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .xl-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .xl-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .xl-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .xl-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .xl-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .xl-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .xl-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .xl-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .xl-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .xl-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .xl-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .xl-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .xl-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .xl-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .xl-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .xl-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .xl-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .xl-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .xl-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .xl-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .xl-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .xl-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .xl-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .xl-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .xl-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .xl-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .xl-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .xl-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .xl-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .xl-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .xl-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .xl-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .xl-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .xl-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .xl-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .xl-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .xl-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .xl-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .xl-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .xl-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .xl-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .xl-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .xl-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .xl-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .xl-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .xl-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .xl-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .xl-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .xl-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .xl-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .xl-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .xl-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .xl-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .xl-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .xl-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .xl-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .xl-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .xl-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .xl-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .xl-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .xl-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .xl-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .xl-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .xl-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .xl-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .xl-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .xl-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .xl-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .xl-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .xl-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .xl-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .xl-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .xl-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .xl-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .xl-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .xl-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .xl-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .xl-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .xl-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .xl-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .xl-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .xl-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .xl-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .xl-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .xl-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .xl-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .xl-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .xl-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .xl-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .xl-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .xl-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .xl-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .xl-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .xl-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .xl-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .xl-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .xl-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .xl-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .xl-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .xl-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .xl-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .xl-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  .xl-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  .xl-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  .xl-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  .xl-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  .xl-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .xl-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .xl-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  .xl-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  .xl-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  .xl-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  .xl-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  .xl-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .xl-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .xl-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  .xl-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  .xl-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  .xl-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  .xl-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  .xl-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .xl-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .xl-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  .xl-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  .xl-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  .xl-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  .xl-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  .xl-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .xl-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .xl-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  .xl-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  .xl-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  .xl-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  .xl-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  .xl-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .xl-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .xl-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  .xl-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  .xl-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  .xl-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  .xl-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  .xl-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .xl-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .xl-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  .xl-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  .xl-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  .xl-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  .xl-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  .xl-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .xl-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .xl-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  .xl-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  .xl-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  .xl-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  .xl-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  .xl-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .xl-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .xl-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  .xl-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  .xl-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  .xl-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  .xl-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  .xl-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .xl-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .xl-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  .xl-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  .xl-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  .xl-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  .xl-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  .xl-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .xl-ring-black { --quanta-ring-color: var(--black); }
  .xl-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  .xl-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  .xl-active-ring-black:active { --quanta-ring-color: var(--black); }
  .xl-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  .xl-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  .xl-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  .xl-group:hover .xl-group-hover-ring-black { --quanta-ring-color: var(--black); }
  .xl-ring-white { --quanta-ring-color: var(--white); }
  .xl-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  .xl-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  .xl-active-ring-white:active { --quanta-ring-color: var(--white); }
  .xl-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  .xl-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  .xl-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  .xl-group:hover .xl-group-hover-ring-white { --quanta-ring-color: var(--white); }
  .xl-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .xl-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .xl-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .xl-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .xl-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .xl-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .xl-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .xl-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .xl-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .xl-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .xl-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .xl-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .xl-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .xl-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .xl-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .xl-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .xl-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .xl-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .xl-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .xl-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .xl-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .xl-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .xl-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .xl-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .xl-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .xl-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .xl-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .xl-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .xl-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .xl-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .xl-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .xl-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .xl-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .xl-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .xl-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .xl-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .xl-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .xl-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .xl-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .xl-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .xl-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .xl-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .xl-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .xl-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .xl-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .xl-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .xl-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .xl-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .xl-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .xl-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .xl-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .xl-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .xl-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .xl-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .xl-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .xl-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .xl-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .xl-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .xl-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .xl-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .xl-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .xl-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .xl-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .xl-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .xl-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .xl-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .xl-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .xl-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .xl-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .xl-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .xl-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .xl-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .xl-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .xl-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .xl-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .xl-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .xl-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .xl-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .xl-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .xl-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .xl-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .xl-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .xl-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .xl-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .xl-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .xl-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .xl-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .xl-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .xl-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .xl-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .xl-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .xl-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .xl-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .xl-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .xl-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .xl-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .xl-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .xl-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .xl-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .xl-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .xl-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .xl-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .xl-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .xl-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .xl-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .xl-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .xl-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .xl-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .xl-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .xl-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .xl-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .xl-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .xl-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .xl-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .xl-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .xl-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .xl-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .xl-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .xl-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .xl-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .xl-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .xl-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .xl-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .xl-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .xl-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .xl-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .xl-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .xl-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .xl-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .xl-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .xl-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .xl-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .xl-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .xl-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .xl-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .xl-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .xl-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .xl-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .xl-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .xl-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .xl-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .xl-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .xl-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .xl-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .xl-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .xl-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .xl-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .xl-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .xl-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .xl-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .xl-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .xl-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .xl-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .xl-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .xl-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .xl-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .xl-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .xl-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .xl-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .xl-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .xl-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .xl-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .xl-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .xl-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .xl-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .xl-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .xl-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .xl-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .xl-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .xl-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .xl-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .xl-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .xl-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .xl-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .xl-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .xl-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .xl-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .xl-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .xl-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .xl-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .xl-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .xl-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  .xl-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  .xl-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  .xl-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  .xl-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  .xl-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  .xl-group:hover .xl-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .xl-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .xl-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  .xl-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  .xl-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  .xl-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  .xl-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  .xl-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  .xl-group:hover .xl-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .xl-bg-tp-05 { --bg-opacity: 0.05; }
  .xl-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  .xl-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  .xl-active-bg-tp-05:active { --bg-opacity: 0.05; }
  .xl-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  .xl-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  .xl-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  .xl-group:hover .xl-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  .xl-bg-tp-10 { --bg-opacity: 0.10; }
  .xl-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  .xl-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  .xl-active-bg-tp-10:active { --bg-opacity: 0.10; }
  .xl-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  .xl-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  .xl-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  .xl-group:hover .xl-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  .xl-bg-tp-15 { --bg-opacity: 0.15; }
  .xl-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  .xl-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  .xl-active-bg-tp-15:active { --bg-opacity: 0.15; }
  .xl-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  .xl-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  .xl-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  .xl-group:hover .xl-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  .xl-bg-tp-20 { --bg-opacity: 0.20; }
  .xl-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  .xl-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  .xl-active-bg-tp-20:active { --bg-opacity: 0.20; }
  .xl-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  .xl-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  .xl-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  .xl-group:hover .xl-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  .xl-bg-tp-25 { --bg-opacity: 0.25; }
  .xl-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  .xl-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  .xl-active-bg-tp-25:active { --bg-opacity: 0.25; }
  .xl-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  .xl-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  .xl-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  .xl-group:hover .xl-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  .xl-bg-tp-30 { --bg-opacity: 0.30; }
  .xl-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  .xl-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  .xl-active-bg-tp-30:active { --bg-opacity: 0.30; }
  .xl-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  .xl-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  .xl-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  .xl-group:hover .xl-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  .xl-bg-tp-35 { --bg-opacity: 0.35; }
  .xl-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  .xl-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  .xl-active-bg-tp-35:active { --bg-opacity: 0.35; }
  .xl-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  .xl-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  .xl-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  .xl-group:hover .xl-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  .xl-bg-tp-40 { --bg-opacity: 0.40; }
  .xl-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  .xl-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  .xl-active-bg-tp-40:active { --bg-opacity: 0.40; }
  .xl-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  .xl-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  .xl-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  .xl-group:hover .xl-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  .xl-bg-tp-45 { --bg-opacity: 0.45; }
  .xl-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  .xl-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  .xl-active-bg-tp-45:active { --bg-opacity: 0.45; }
  .xl-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  .xl-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  .xl-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  .xl-group:hover .xl-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  .xl-bg-tp-50 { --bg-opacity: 0.50; }
  .xl-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  .xl-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  .xl-active-bg-tp-50:active { --bg-opacity: 0.50; }
  .xl-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  .xl-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  .xl-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  .xl-group:hover .xl-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  .xl-bg-tp-55 { --bg-opacity: 0.55; }
  .xl-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  .xl-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  .xl-active-bg-tp-55:active { --bg-opacity: 0.55; }
  .xl-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  .xl-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  .xl-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  .xl-group:hover .xl-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  .xl-bg-tp-60 { --bg-opacity: 0.60; }
  .xl-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  .xl-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  .xl-active-bg-tp-60:active { --bg-opacity: 0.60; }
  .xl-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  .xl-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  .xl-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  .xl-group:hover .xl-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  .xl-bg-tp-65 { --bg-opacity: 0.65; }
  .xl-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  .xl-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  .xl-active-bg-tp-65:active { --bg-opacity: 0.65; }
  .xl-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  .xl-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  .xl-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  .xl-group:hover .xl-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  .xl-bg-tp-70 { --bg-opacity: 0.70; }
  .xl-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  .xl-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  .xl-active-bg-tp-70:active { --bg-opacity: 0.70; }
  .xl-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  .xl-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  .xl-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  .xl-group:hover .xl-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  .xl-bg-tp-75 { --bg-opacity: 0.75; }
  .xl-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  .xl-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  .xl-active-bg-tp-75:active { --bg-opacity: 0.75; }
  .xl-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  .xl-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  .xl-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  .xl-group:hover .xl-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  .xl-bg-tp-80 { --bg-opacity: 0.80; }
  .xl-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  .xl-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  .xl-active-bg-tp-80:active { --bg-opacity: 0.80; }
  .xl-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  .xl-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  .xl-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  .xl-group:hover .xl-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  .xl-bg-tp-85 { --bg-opacity: 0.85; }
  .xl-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  .xl-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  .xl-active-bg-tp-85:active { --bg-opacity: 0.85; }
  .xl-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  .xl-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  .xl-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  .xl-group:hover .xl-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  .xl-bg-tp-90 { --bg-opacity: 0.90; }
  .xl-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  .xl-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  .xl-active-bg-tp-90:active { --bg-opacity: 0.90; }
  .xl-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  .xl-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  .xl-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  .xl-group:hover .xl-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  .xl-bg-tp-95 { --bg-opacity: 0.95; }
  .xl-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  .xl-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  .xl-active-bg-tp-95:active { --bg-opacity: 0.95; }
  .xl-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  .xl-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  .xl-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  .xl-group:hover .xl-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  .xl-bg-tp-100 { --bg-opacity: 1; }
  .xl-hover-bg-tp-100:hover { --bg-opacity: 1; }
  .xl-focus-bg-tp-100:focus { --bg-opacity: 1; }
  .xl-active-bg-tp-100:active { --bg-opacity: 1; }
  .xl-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  .xl-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  .xl-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  .xl-group:hover .xl-group-hover-bg-tp-100 { --bg-opacity: 1; }
  .xl-text-tp-05 { --text-opacity: 0.05; }
  .xl-hover-text-tp-05:hover { --text-opacity: 0.05; }
  .xl-focus-text-tp-05:focus { --text-opacity: 0.05; }
  .xl-active-text-tp-05:active { --text-opacity: 0.05; }
  .xl-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  .xl-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  .xl-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  .xl-group:hover .xl-group-hover-text-tp-05 { --text-opacity: 0.05; }
  .xl-text-tp-10 { --text-opacity: 0.10; }
  .xl-hover-text-tp-10:hover { --text-opacity: 0.10; }
  .xl-focus-text-tp-10:focus { --text-opacity: 0.10; }
  .xl-active-text-tp-10:active { --text-opacity: 0.10; }
  .xl-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  .xl-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  .xl-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  .xl-group:hover .xl-group-hover-text-tp-10 { --text-opacity: 0.10; }
  .xl-text-tp-15 { --text-opacity: 0.15; }
  .xl-hover-text-tp-15:hover { --text-opacity: 0.15; }
  .xl-focus-text-tp-15:focus { --text-opacity: 0.15; }
  .xl-active-text-tp-15:active { --text-opacity: 0.15; }
  .xl-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  .xl-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  .xl-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  .xl-group:hover .xl-group-hover-text-tp-15 { --text-opacity: 0.15; }
  .xl-text-tp-20 { --text-opacity: 0.20; }
  .xl-hover-text-tp-20:hover { --text-opacity: 0.20; }
  .xl-focus-text-tp-20:focus { --text-opacity: 0.20; }
  .xl-active-text-tp-20:active { --text-opacity: 0.20; }
  .xl-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  .xl-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  .xl-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  .xl-group:hover .xl-group-hover-text-tp-20 { --text-opacity: 0.20; }
  .xl-text-tp-25 { --text-opacity: 0.25; }
  .xl-hover-text-tp-25:hover { --text-opacity: 0.25; }
  .xl-focus-text-tp-25:focus { --text-opacity: 0.25; }
  .xl-active-text-tp-25:active { --text-opacity: 0.25; }
  .xl-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  .xl-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  .xl-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  .xl-group:hover .xl-group-hover-text-tp-25 { --text-opacity: 0.25; }
  .xl-text-tp-30 { --text-opacity: 0.30; }
  .xl-hover-text-tp-30:hover { --text-opacity: 0.30; }
  .xl-focus-text-tp-30:focus { --text-opacity: 0.30; }
  .xl-active-text-tp-30:active { --text-opacity: 0.30; }
  .xl-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  .xl-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  .xl-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  .xl-group:hover .xl-group-hover-text-tp-30 { --text-opacity: 0.30; }
  .xl-text-tp-35 { --text-opacity: 0.35; }
  .xl-hover-text-tp-35:hover { --text-opacity: 0.35; }
  .xl-focus-text-tp-35:focus { --text-opacity: 0.35; }
  .xl-active-text-tp-35:active { --text-opacity: 0.35; }
  .xl-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  .xl-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  .xl-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  .xl-group:hover .xl-group-hover-text-tp-35 { --text-opacity: 0.35; }
  .xl-text-tp-40 { --text-opacity: 0.40; }
  .xl-hover-text-tp-40:hover { --text-opacity: 0.40; }
  .xl-focus-text-tp-40:focus { --text-opacity: 0.40; }
  .xl-active-text-tp-40:active { --text-opacity: 0.40; }
  .xl-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  .xl-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  .xl-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  .xl-group:hover .xl-group-hover-text-tp-40 { --text-opacity: 0.40; }
  .xl-text-tp-45 { --text-opacity: 0.45; }
  .xl-hover-text-tp-45:hover { --text-opacity: 0.45; }
  .xl-focus-text-tp-45:focus { --text-opacity: 0.45; }
  .xl-active-text-tp-45:active { --text-opacity: 0.45; }
  .xl-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  .xl-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  .xl-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  .xl-group:hover .xl-group-hover-text-tp-45 { --text-opacity: 0.45; }
  .xl-text-tp-50 { --text-opacity: 0.50; }
  .xl-hover-text-tp-50:hover { --text-opacity: 0.50; }
  .xl-focus-text-tp-50:focus { --text-opacity: 0.50; }
  .xl-active-text-tp-50:active { --text-opacity: 0.50; }
  .xl-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  .xl-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  .xl-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  .xl-group:hover .xl-group-hover-text-tp-50 { --text-opacity: 0.50; }
  .xl-text-tp-55 { --text-opacity: 0.55; }
  .xl-hover-text-tp-55:hover { --text-opacity: 0.55; }
  .xl-focus-text-tp-55:focus { --text-opacity: 0.55; }
  .xl-active-text-tp-55:active { --text-opacity: 0.55; }
  .xl-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  .xl-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  .xl-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  .xl-group:hover .xl-group-hover-text-tp-55 { --text-opacity: 0.55; }
  .xl-text-tp-60 { --text-opacity: 0.60; }
  .xl-hover-text-tp-60:hover { --text-opacity: 0.60; }
  .xl-focus-text-tp-60:focus { --text-opacity: 0.60; }
  .xl-active-text-tp-60:active { --text-opacity: 0.60; }
  .xl-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  .xl-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  .xl-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  .xl-group:hover .xl-group-hover-text-tp-60 { --text-opacity: 0.60; }
  .xl-text-tp-65 { --text-opacity: 0.65; }
  .xl-hover-text-tp-65:hover { --text-opacity: 0.65; }
  .xl-focus-text-tp-65:focus { --text-opacity: 0.65; }
  .xl-active-text-tp-65:active { --text-opacity: 0.65; }
  .xl-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  .xl-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  .xl-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  .xl-group:hover .xl-group-hover-text-tp-65 { --text-opacity: 0.65; }
  .xl-text-tp-70 { --text-opacity: 0.70; }
  .xl-hover-text-tp-70:hover { --text-opacity: 0.70; }
  .xl-focus-text-tp-70:focus { --text-opacity: 0.70; }
  .xl-active-text-tp-70:active { --text-opacity: 0.70; }
  .xl-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  .xl-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  .xl-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  .xl-group:hover .xl-group-hover-text-tp-70 { --text-opacity: 0.70; }
  .xl-text-tp-75 { --text-opacity: 0.75; }
  .xl-hover-text-tp-75:hover { --text-opacity: 0.75; }
  .xl-focus-text-tp-75:focus { --text-opacity: 0.75; }
  .xl-active-text-tp-75:active { --text-opacity: 0.75; }
  .xl-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  .xl-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  .xl-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  .xl-group:hover .xl-group-hover-text-tp-75 { --text-opacity: 0.75; }
  .xl-text-tp-80 { --text-opacity: 0.80; }
  .xl-hover-text-tp-80:hover { --text-opacity: 0.80; }
  .xl-focus-text-tp-80:focus { --text-opacity: 0.80; }
  .xl-active-text-tp-80:active { --text-opacity: 0.80; }
  .xl-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  .xl-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  .xl-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  .xl-group:hover .xl-group-hover-text-tp-80 { --text-opacity: 0.80; }
  .xl-text-tp-85 { --text-opacity: 0.85; }
  .xl-hover-text-tp-85:hover { --text-opacity: 0.85; }
  .xl-focus-text-tp-85:focus { --text-opacity: 0.85; }
  .xl-active-text-tp-85:active { --text-opacity: 0.85; }
  .xl-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  .xl-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  .xl-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  .xl-group:hover .xl-group-hover-text-tp-85 { --text-opacity: 0.85; }
  .xl-text-tp-90 { --text-opacity: 0.90; }
  .xl-hover-text-tp-90:hover { --text-opacity: 0.90; }
  .xl-focus-text-tp-90:focus { --text-opacity: 0.90; }
  .xl-active-text-tp-90:active { --text-opacity: 0.90; }
  .xl-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  .xl-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  .xl-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  .xl-group:hover .xl-group-hover-text-tp-90 { --text-opacity: 0.90; }
  .xl-text-tp-95 { --text-opacity: 0.95; }
  .xl-hover-text-tp-95:hover { --text-opacity: 0.95; }
  .xl-focus-text-tp-95:focus { --text-opacity: 0.95; }
  .xl-active-text-tp-95:active { --text-opacity: 0.95; }
  .xl-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  .xl-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  .xl-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  .xl-group:hover .xl-group-hover-text-tp-95 { --text-opacity: 0.95; }
  .xl-text-tp-100 { --text-opacity: 1; }
  .xl-hover-text-tp-100:hover { --text-opacity: 1; }
  .xl-focus-text-tp-100:focus { --text-opacity: 1; }
  .xl-active-text-tp-100:active { --text-opacity: 1; }
  .xl-disabled-text-tp-100:disabled { --text-opacity: 1; }
  .xl-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  .xl-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  .xl-group:hover .xl-group-hover-text-tp-100 { --text-opacity: 1; }
  .xl-border-tp-05 { --border-opacity: 0.05; }
  .xl-hover-border-tp-05:hover { --border-opacity: 0.05; }
  .xl-focus-border-tp-05:focus { --border-opacity: 0.05; }
  .xl-active-border-tp-05:active { --border-opacity: 0.05; }
  .xl-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  .xl-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  .xl-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  .xl-group:hover .xl-group-hover-border-tp-05 { --border-opacity: 0.05; }
  .xl-border-tp-10 { --border-opacity: 0.10; }
  .xl-hover-border-tp-10:hover { --border-opacity: 0.10; }
  .xl-focus-border-tp-10:focus { --border-opacity: 0.10; }
  .xl-active-border-tp-10:active { --border-opacity: 0.10; }
  .xl-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  .xl-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  .xl-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  .xl-group:hover .xl-group-hover-border-tp-10 { --border-opacity: 0.10; }
  .xl-border-tp-15 { --border-opacity: 0.15; }
  .xl-hover-border-tp-15:hover { --border-opacity: 0.15; }
  .xl-focus-border-tp-15:focus { --border-opacity: 0.15; }
  .xl-active-border-tp-15:active { --border-opacity: 0.15; }
  .xl-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  .xl-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  .xl-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  .xl-group:hover .xl-group-hover-border-tp-15 { --border-opacity: 0.15; }
  .xl-border-tp-20 { --border-opacity: 0.20; }
  .xl-hover-border-tp-20:hover { --border-opacity: 0.20; }
  .xl-focus-border-tp-20:focus { --border-opacity: 0.20; }
  .xl-active-border-tp-20:active { --border-opacity: 0.20; }
  .xl-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  .xl-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  .xl-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  .xl-group:hover .xl-group-hover-border-tp-20 { --border-opacity: 0.20; }
  .xl-border-tp-25 { --border-opacity: 0.25; }
  .xl-hover-border-tp-25:hover { --border-opacity: 0.25; }
  .xl-focus-border-tp-25:focus { --border-opacity: 0.25; }
  .xl-active-border-tp-25:active { --border-opacity: 0.25; }
  .xl-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  .xl-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  .xl-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  .xl-group:hover .xl-group-hover-border-tp-25 { --border-opacity: 0.25; }
  .xl-border-tp-30 { --border-opacity: 0.30; }
  .xl-hover-border-tp-30:hover { --border-opacity: 0.30; }
  .xl-focus-border-tp-30:focus { --border-opacity: 0.30; }
  .xl-active-border-tp-30:active { --border-opacity: 0.30; }
  .xl-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  .xl-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  .xl-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  .xl-group:hover .xl-group-hover-border-tp-30 { --border-opacity: 0.30; }
  .xl-border-tp-35 { --border-opacity: 0.35; }
  .xl-hover-border-tp-35:hover { --border-opacity: 0.35; }
  .xl-focus-border-tp-35:focus { --border-opacity: 0.35; }
  .xl-active-border-tp-35:active { --border-opacity: 0.35; }
  .xl-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  .xl-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  .xl-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  .xl-group:hover .xl-group-hover-border-tp-35 { --border-opacity: 0.35; }
  .xl-border-tp-40 { --border-opacity: 0.40; }
  .xl-hover-border-tp-40:hover { --border-opacity: 0.40; }
  .xl-focus-border-tp-40:focus { --border-opacity: 0.40; }
  .xl-active-border-tp-40:active { --border-opacity: 0.40; }
  .xl-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  .xl-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  .xl-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  .xl-group:hover .xl-group-hover-border-tp-40 { --border-opacity: 0.40; }
  .xl-border-tp-45 { --border-opacity: 0.45; }
  .xl-hover-border-tp-45:hover { --border-opacity: 0.45; }
  .xl-focus-border-tp-45:focus { --border-opacity: 0.45; }
  .xl-active-border-tp-45:active { --border-opacity: 0.45; }
  .xl-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  .xl-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  .xl-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  .xl-group:hover .xl-group-hover-border-tp-45 { --border-opacity: 0.45; }
  .xl-border-tp-50 { --border-opacity: 0.50; }
  .xl-hover-border-tp-50:hover { --border-opacity: 0.50; }
  .xl-focus-border-tp-50:focus { --border-opacity: 0.50; }
  .xl-active-border-tp-50:active { --border-opacity: 0.50; }
  .xl-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  .xl-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  .xl-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  .xl-group:hover .xl-group-hover-border-tp-50 { --border-opacity: 0.50; }
  .xl-border-tp-55 { --border-opacity: 0.55; }
  .xl-hover-border-tp-55:hover { --border-opacity: 0.55; }
  .xl-focus-border-tp-55:focus { --border-opacity: 0.55; }
  .xl-active-border-tp-55:active { --border-opacity: 0.55; }
  .xl-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  .xl-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  .xl-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  .xl-group:hover .xl-group-hover-border-tp-55 { --border-opacity: 0.55; }
  .xl-border-tp-60 { --border-opacity: 0.60; }
  .xl-hover-border-tp-60:hover { --border-opacity: 0.60; }
  .xl-focus-border-tp-60:focus { --border-opacity: 0.60; }
  .xl-active-border-tp-60:active { --border-opacity: 0.60; }
  .xl-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  .xl-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  .xl-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  .xl-group:hover .xl-group-hover-border-tp-60 { --border-opacity: 0.60; }
  .xl-border-tp-65 { --border-opacity: 0.65; }
  .xl-hover-border-tp-65:hover { --border-opacity: 0.65; }
  .xl-focus-border-tp-65:focus { --border-opacity: 0.65; }
  .xl-active-border-tp-65:active { --border-opacity: 0.65; }
  .xl-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  .xl-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  .xl-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  .xl-group:hover .xl-group-hover-border-tp-65 { --border-opacity: 0.65; }
  .xl-border-tp-70 { --border-opacity: 0.70; }
  .xl-hover-border-tp-70:hover { --border-opacity: 0.70; }
  .xl-focus-border-tp-70:focus { --border-opacity: 0.70; }
  .xl-active-border-tp-70:active { --border-opacity: 0.70; }
  .xl-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  .xl-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  .xl-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  .xl-group:hover .xl-group-hover-border-tp-70 { --border-opacity: 0.70; }
  .xl-border-tp-75 { --border-opacity: 0.75; }
  .xl-hover-border-tp-75:hover { --border-opacity: 0.75; }
  .xl-focus-border-tp-75:focus { --border-opacity: 0.75; }
  .xl-active-border-tp-75:active { --border-opacity: 0.75; }
  .xl-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  .xl-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  .xl-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  .xl-group:hover .xl-group-hover-border-tp-75 { --border-opacity: 0.75; }
  .xl-border-tp-80 { --border-opacity: 0.80; }
  .xl-hover-border-tp-80:hover { --border-opacity: 0.80; }
  .xl-focus-border-tp-80:focus { --border-opacity: 0.80; }
  .xl-active-border-tp-80:active { --border-opacity: 0.80; }
  .xl-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  .xl-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  .xl-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  .xl-group:hover .xl-group-hover-border-tp-80 { --border-opacity: 0.80; }
  .xl-border-tp-85 { --border-opacity: 0.85; }
  .xl-hover-border-tp-85:hover { --border-opacity: 0.85; }
  .xl-focus-border-tp-85:focus { --border-opacity: 0.85; }
  .xl-active-border-tp-85:active { --border-opacity: 0.85; }
  .xl-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  .xl-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  .xl-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  .xl-group:hover .xl-group-hover-border-tp-85 { --border-opacity: 0.85; }
  .xl-border-tp-90 { --border-opacity: 0.90; }
  .xl-hover-border-tp-90:hover { --border-opacity: 0.90; }
  .xl-focus-border-tp-90:focus { --border-opacity: 0.90; }
  .xl-active-border-tp-90:active { --border-opacity: 0.90; }
  .xl-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  .xl-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  .xl-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  .xl-group:hover .xl-group-hover-border-tp-90 { --border-opacity: 0.90; }
  .xl-border-tp-95 { --border-opacity: 0.95; }
  .xl-hover-border-tp-95:hover { --border-opacity: 0.95; }
  .xl-focus-border-tp-95:focus { --border-opacity: 0.95; }
  .xl-active-border-tp-95:active { --border-opacity: 0.95; }
  .xl-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  .xl-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  .xl-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  .xl-group:hover .xl-group-hover-border-tp-95 { --border-opacity: 0.95; }
  .xl-border-tp-100 { --border-opacity: 1; }
  .xl-hover-border-tp-100:hover { --border-opacity: 1; }
  .xl-focus-border-tp-100:focus { --border-opacity: 1; }
  .xl-active-border-tp-100:active { --border-opacity: 1; }
  .xl-disabled-border-tp-100:disabled { --border-opacity: 1; }
  .xl-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  .xl-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  .xl-group:hover .xl-group-hover-border-tp-100 { --border-opacity: 1; }
  .xl-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-group:hover .xl-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .xl-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-group:hover .xl-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .xl-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-group:hover .xl-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .xl-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-group:hover .xl-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .xl-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-group:hover .xl-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .xl-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-group:hover .xl-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .xl-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .xl-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  .xl-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  .xl-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  .xl-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  .xl-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  .xl-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .xl-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .xl-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  .xl-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  .xl-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  .xl-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  .xl-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  .xl-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .xl-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .xl-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  .xl-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  .xl-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  .xl-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  .xl-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  .xl-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .xl-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .xl-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  .xl-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  .xl-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  .xl-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  .xl-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  .xl-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .xl-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .xl-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  .xl-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  .xl-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  .xl-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  .xl-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  .xl-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .xl-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .xl-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  .xl-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  .xl-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  .xl-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  .xl-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  .xl-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .xl-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .xl-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  .xl-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  .xl-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  .xl-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  .xl-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  .xl-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .xl-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .xl-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  .xl-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  .xl-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  .xl-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  .xl-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  .xl-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .xl-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .xl-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  .xl-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  .xl-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  .xl-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  .xl-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  .xl-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .xl-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .xl-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  .xl-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  .xl-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  .xl-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  .xl-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  .xl-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .xl-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .xl-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  .xl-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  .xl-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  .xl-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  .xl-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  .xl-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .xl-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .xl-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  .xl-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  .xl-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  .xl-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  .xl-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  .xl-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .xl-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .xl-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  .xl-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  .xl-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  .xl-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  .xl-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  .xl-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .xl-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .xl-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  .xl-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  .xl-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  .xl-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  .xl-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  .xl-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .xl-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .xl-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  .xl-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  .xl-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  .xl-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  .xl-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  .xl-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .xl-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .xl-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  .xl-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  .xl-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  .xl-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  .xl-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  .xl-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .xl-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .xl-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  .xl-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  .xl-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  .xl-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  .xl-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  .xl-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .xl-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .xl-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  .xl-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  .xl-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  .xl-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  .xl-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  .xl-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .xl-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .xl-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  .xl-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  .xl-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  .xl-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  .xl-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  .xl-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .xl-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .xl-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  .xl-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  .xl-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  .xl-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  .xl-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  .xl-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .xl-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .xl-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  .xl-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  .xl-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  .xl-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  .xl-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  .xl-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .xl-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .xl-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  .xl-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  .xl-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  .xl-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  .xl-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  .xl-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .xl-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .xl-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  .xl-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  .xl-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  .xl-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  .xl-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  .xl-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .xl-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .xl-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  .xl-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  .xl-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  .xl-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  .xl-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  .xl-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .xl-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .xl-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  .xl-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  .xl-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  .xl-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  .xl-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  .xl-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .xl-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .xl-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  .xl-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  .xl-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  .xl-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  .xl-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  .xl-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .xl-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .xl-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  .xl-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  .xl-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  .xl-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  .xl-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  .xl-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .xl-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .xl-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  .xl-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  .xl-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  .xl-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  .xl-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  .xl-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .xl-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .xl-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  .xl-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  .xl-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  .xl-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  .xl-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  .xl-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .xl-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .xl-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  .xl-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  .xl-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  .xl-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  .xl-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  .xl-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .xl-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .xl-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  .xl-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  .xl-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  .xl-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  .xl-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  .xl-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .xl-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .xl-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  .xl-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  .xl-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  .xl-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  .xl-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  .xl-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .xl-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .xl-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  .xl-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  .xl-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  .xl-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  .xl-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  .xl-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .xl-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .xl-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  .xl-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  .xl-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  .xl-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  .xl-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  .xl-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .xl-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .xl-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  .xl-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  .xl-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  .xl-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  .xl-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  .xl-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .xl-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .xl-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  .xl-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  .xl-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  .xl-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  .xl-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  .xl-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .xl-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .xl-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  .xl-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  .xl-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  .xl-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  .xl-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  .xl-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .xl-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .xl-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  .xl-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  .xl-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  .xl-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  .xl-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  .xl-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .xl-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .xl-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  .xl-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  .xl-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  .xl-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  .xl-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  .xl-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .xl-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .xl-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  .xl-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  .xl-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  .xl-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  .xl-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  .xl-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .xl-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .xl-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  .xl-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  .xl-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  .xl-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  .xl-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  .xl-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .xl-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .xl-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  .xl-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  .xl-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  .xl-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  .xl-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  .xl-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .xl-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .xl-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  .xl-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  .xl-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  .xl-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  .xl-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  .xl-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .xl-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .xl-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  .xl-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  .xl-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  .xl-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  .xl-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  .xl-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .xl-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .xl-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  .xl-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  .xl-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  .xl-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  .xl-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  .xl-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .xl-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .xl-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  .xl-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  .xl-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  .xl-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  .xl-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  .xl-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .xl-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .xl-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  .xl-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  .xl-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  .xl-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  .xl-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  .xl-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .xl-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .xl-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  .xl-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  .xl-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  .xl-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  .xl-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  .xl-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .xl-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .xl-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  .xl-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  .xl-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  .xl-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  .xl-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  .xl-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .xl-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .xl-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  .xl-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  .xl-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  .xl-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  .xl-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  .xl-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .xl-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .xl-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  .xl-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  .xl-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  .xl-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  .xl-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  .xl-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .xl-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .xl-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  .xl-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  .xl-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  .xl-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  .xl-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  .xl-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .xl-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .xl-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  .xl-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  .xl-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  .xl-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  .xl-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  .xl-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .xl-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .xl-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  .xl-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  .xl-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  .xl-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  .xl-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  .xl-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .xl-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .xl-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  .xl-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  .xl-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  .xl-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  .xl-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  .xl-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .xl-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .xl-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  .xl-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  .xl-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  .xl-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  .xl-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  .xl-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .xl-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .xl-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  .xl-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  .xl-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  .xl-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  .xl-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  .xl-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .xl-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .xl-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  .xl-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  .xl-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  .xl-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  .xl-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  .xl-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .xl-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .xl-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  .xl-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  .xl-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  .xl-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  .xl-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  .xl-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .xl-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .xl-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  .xl-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  .xl-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  .xl-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  .xl-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  .xl-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .xl-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .xl-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  .xl-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  .xl-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  .xl-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  .xl-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  .xl-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .xl-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .xl-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  .xl-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  .xl-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  .xl-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  .xl-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  .xl-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .xl-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .xl-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  .xl-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  .xl-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  .xl-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  .xl-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  .xl-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .xl-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .xl-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  .xl-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  .xl-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  .xl-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  .xl-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  .xl-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .xl-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .xl-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  .xl-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  .xl-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  .xl-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  .xl-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  .xl-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .xl-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .xl-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  .xl-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  .xl-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  .xl-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  .xl-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  .xl-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .xl-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .xl-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  .xl-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  .xl-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  .xl-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  .xl-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  .xl-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .xl-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .xl-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  .xl-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  .xl-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  .xl-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  .xl-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  .xl-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .xl-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .xl-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  .xl-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  .xl-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  .xl-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  .xl-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  .xl-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .xl-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .xl-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  .xl-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  .xl-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  .xl-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  .xl-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  .xl-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .xl-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .xl-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  .xl-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  .xl-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  .xl-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  .xl-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  .xl-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .xl-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .xl-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  .xl-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  .xl-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  .xl-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  .xl-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  .xl-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .xl-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .xl-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  .xl-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  .xl-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  .xl-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  .xl-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  .xl-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .xl-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .xl-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  .xl-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  .xl-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  .xl-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  .xl-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  .xl-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .xl-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .xl-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  .xl-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  .xl-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  .xl-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  .xl-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  .xl-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .xl-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .xl-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  .xl-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  .xl-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  .xl-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  .xl-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  .xl-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .xl-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .xl-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  .xl-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  .xl-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  .xl-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  .xl-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  .xl-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .xl-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .xl-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  .xl-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  .xl-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  .xl-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  .xl-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  .xl-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .xl-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .xl-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  .xl-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  .xl-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  .xl-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  .xl-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  .xl-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .xl-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .xl-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  .xl-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  .xl-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  .xl-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  .xl-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  .xl-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .xl-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .xl-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  .xl-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  .xl-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  .xl-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  .xl-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  .xl-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .xl-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .xl-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  .xl-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  .xl-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  .xl-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  .xl-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  .xl-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .xl-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .xl-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  .xl-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  .xl-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  .xl-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  .xl-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  .xl-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .xl-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .xl-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  .xl-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  .xl-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  .xl-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  .xl-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  .xl-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .xl-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .xl-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  .xl-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  .xl-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  .xl-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  .xl-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  .xl-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .xl-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .xl-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  .xl-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  .xl-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  .xl-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  .xl-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  .xl-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .xl-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .xl-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  .xl-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  .xl-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  .xl-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  .xl-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  .xl-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .xl-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .xl-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  .xl-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  .xl-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  .xl-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  .xl-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  .xl-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .xl-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .xl-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  .xl-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  .xl-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  .xl-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  .xl-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  .xl-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .xl-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .xl-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  .xl-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  .xl-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  .xl-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  .xl-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  .xl-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .xl-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .xl-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  .xl-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  .xl-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  .xl-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  .xl-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  .xl-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .xl-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .xl-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  .xl-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  .xl-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  .xl-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  .xl-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  .xl-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .xl-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .xl-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  .xl-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  .xl-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  .xl-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  .xl-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  .xl-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .xl-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .xl-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  .xl-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  .xl-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  .xl-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  .xl-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  .xl-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .xl-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .xl-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  .xl-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  .xl-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  .xl-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  .xl-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  .xl-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .xl-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .xl-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  .xl-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  .xl-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  .xl-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  .xl-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  .xl-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .xl-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .xl-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  .xl-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  .xl-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  .xl-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  .xl-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  .xl-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .xl-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .xl-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  .xl-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  .xl-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  .xl-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  .xl-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  .xl-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .xl-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .xl-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  .xl-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  .xl-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  .xl-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  .xl-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  .xl-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .xl-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .xl-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  .xl-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  .xl-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  .xl-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  .xl-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  .xl-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .xl-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .xl-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  .xl-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  .xl-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  .xl-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  .xl-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  .xl-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .xl-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .xl-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  .xl-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  .xl-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  .xl-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  .xl-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  .xl-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .xl-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .xl-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  .xl-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  .xl-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  .xl-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  .xl-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  .xl-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .xl-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .xl-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  .xl-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  .xl-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  .xl-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  .xl-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  .xl-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .xl-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .xl-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  .xl-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  .xl-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  .xl-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  .xl-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  .xl-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .xl-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .xl-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  .xl-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  .xl-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  .xl-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  .xl-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  .xl-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .xl-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .xl-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  .xl-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  .xl-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  .xl-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  .xl-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  .xl-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .xl-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .xl-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  .xl-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  .xl-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  .xl-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  .xl-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  .xl-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .xl-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .xl-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  .xl-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  .xl-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  .xl-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  .xl-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  .xl-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .xl-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .xl-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  .xl-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  .xl-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  .xl-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  .xl-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  .xl-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .xl-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .xl-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  .xl-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  .xl-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  .xl-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  .xl-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  .xl-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .xl-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .xl-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  .xl-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  .xl-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  .xl-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  .xl-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  .xl-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .xl-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .xl-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  .xl-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  .xl-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  .xl-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  .xl-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  .xl-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .xl-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .xl-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  .xl-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  .xl-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  .xl-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  .xl-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  .xl-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .xl-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .xl-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  .xl-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  .xl-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  .xl-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  .xl-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  .xl-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .xl-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .xl-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  .xl-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  .xl-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  .xl-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  .xl-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  .xl-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .xl-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .xl-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  .xl-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  .xl-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  .xl-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  .xl-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  .xl-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .xl-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .xl-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  .xl-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  .xl-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  .xl-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  .xl-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  .xl-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .xl-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .xl-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  .xl-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  .xl-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  .xl-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  .xl-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  .xl-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .xl-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .xl-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  .xl-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  .xl-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  .xl-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  .xl-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  .xl-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .xl-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .xl-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  .xl-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  .xl-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  .xl-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  .xl-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  .xl-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .xl-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .xl-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  .xl-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  .xl-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  .xl-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  .xl-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  .xl-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .xl-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .xl-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  .xl-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  .xl-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  .xl-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  .xl-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  .xl-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .xl-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .xl-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  .xl-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  .xl-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  .xl-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  .xl-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  .xl-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .xl-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .xl-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  .xl-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  .xl-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  .xl-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  .xl-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  .xl-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .xl-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .xl-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  .xl-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  .xl-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  .xl-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  .xl-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  .xl-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .xl-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .xl-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  .xl-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  .xl-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  .xl-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  .xl-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  .xl-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .xl-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .xl-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  .xl-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  .xl-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  .xl-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  .xl-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  .xl-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .xl-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .xl-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  .xl-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  .xl-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  .xl-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  .xl-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  .xl-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .xl-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .xl-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  .xl-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  .xl-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  .xl-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  .xl-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  .xl-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .xl-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .xl-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  .xl-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  .xl-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  .xl-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  .xl-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  .xl-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .xl-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .xl-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  .xl-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  .xl-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  .xl-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  .xl-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  .xl-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .xl-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .xl-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  .xl-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  .xl-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  .xl-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  .xl-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  .xl-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .xl-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .xl-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  .xl-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  .xl-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  .xl-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  .xl-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  .xl-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .xl-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .xl-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  .xl-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  .xl-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  .xl-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  .xl-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  .xl-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .xl-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .xl-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  .xl-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  .xl-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  .xl-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  .xl-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  .xl-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .xl-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .xl-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  .xl-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  .xl-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  .xl-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  .xl-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  .xl-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .xl-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .xl-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  .xl-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  .xl-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  .xl-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  .xl-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  .xl-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .xl-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .xl-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  .xl-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  .xl-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  .xl-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  .xl-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  .xl-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .xl-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .xl-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  .xl-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  .xl-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  .xl-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  .xl-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  .xl-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .xl-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .xl-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  .xl-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  .xl-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  .xl-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  .xl-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  .xl-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .xl-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .xl-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  .xl-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  .xl-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  .xl-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  .xl-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  .xl-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .xl-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .xl-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  .xl-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  .xl-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  .xl-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  .xl-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  .xl-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .xl-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .xl-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  .xl-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  .xl-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  .xl-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  .xl-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  .xl-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .xl-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .xl-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  .xl-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  .xl-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  .xl-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  .xl-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  .xl-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .xl-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .xl-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  .xl-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  .xl-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  .xl-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  .xl-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  .xl-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .xl-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .xl-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  .xl-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  .xl-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  .xl-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  .xl-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  .xl-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .xl-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .xl-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  .xl-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  .xl-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  .xl-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  .xl-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  .xl-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .xl-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .xl-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  .xl-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  .xl-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  .xl-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  .xl-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  .xl-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .xl-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .xl-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  .xl-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  .xl-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  .xl-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  .xl-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  .xl-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .xl-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .xl-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  .xl-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  .xl-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  .xl-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  .xl-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  .xl-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .xl-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .xl-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  .xl-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  .xl-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  .xl-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  .xl-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  .xl-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .xl-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .xl-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  .xl-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  .xl-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  .xl-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  .xl-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  .xl-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .xl-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .xl-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  .xl-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  .xl-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  .xl-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  .xl-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  .xl-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .xl-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .xl-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  .xl-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  .xl-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  .xl-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  .xl-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  .xl-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .xl-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .xl-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  .xl-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  .xl-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  .xl-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  .xl-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  .xl-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .xl-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .xl-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  .xl-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  .xl-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  .xl-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  .xl-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  .xl-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .xl-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .xl-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  .xl-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  .xl-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  .xl-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  .xl-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  .xl-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .xl-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .xl-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  .xl-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  .xl-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  .xl-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  .xl-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  .xl-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .xl-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .xl-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  .xl-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  .xl-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  .xl-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  .xl-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  .xl-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .xl-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .xl-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  .xl-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  .xl-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  .xl-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  .xl-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  .xl-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .xl-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .xl-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  .xl-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  .xl-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  .xl-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  .xl-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  .xl-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .xl-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .xl-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  .xl-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  .xl-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  .xl-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  .xl-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  .xl-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .xl-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .xl-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  .xl-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  .xl-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  .xl-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  .xl-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  .xl-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .xl-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .xl-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  .xl-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  .xl-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  .xl-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  .xl-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  .xl-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .xl-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .xl-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  .xl-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  .xl-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  .xl-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  .xl-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  .xl-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .xl-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .xl-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  .xl-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  .xl-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  .xl-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  .xl-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  .xl-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .xl-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .xl-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  .xl-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  .xl-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  .xl-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  .xl-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  .xl-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .xl-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .xl-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  .xl-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  .xl-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  .xl-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  .xl-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  .xl-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .xl-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .xl-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  .xl-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  .xl-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  .xl-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  .xl-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  .xl-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .xl-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .xl-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  .xl-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  .xl-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  .xl-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  .xl-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  .xl-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .xl-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .xl-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  .xl-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  .xl-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  .xl-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  .xl-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  .xl-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .xl-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .xl-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  .xl-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  .xl-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  .xl-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  .xl-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  .xl-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .xl-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .xl-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  .xl-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  .xl-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  .xl-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  .xl-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  .xl-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .xl-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .xl-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  .xl-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  .xl-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  .xl-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  .xl-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  .xl-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .xl-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .xl-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  .xl-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  .xl-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  .xl-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  .xl-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  .xl-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .xl-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .xl-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  .xl-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  .xl-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  .xl-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  .xl-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  .xl-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .xl-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .xl-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  .xl-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  .xl-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  .xl-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  .xl-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  .xl-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .xl-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .xl-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  .xl-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  .xl-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  .xl-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  .xl-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  .xl-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .xl-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .xl-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  .xl-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  .xl-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  .xl-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  .xl-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  .xl-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .xl-shadow-color-black { --shadow-color: var(--black); }
  .xl-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  .xl-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  .xl-active-shadow-color-black:active { --shadow-color: var(--black); }
  .xl-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  .xl-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  .xl-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  .xl-group:hover .xl-group-hover-shadow-color-black { --shadow-color: var(--black); }
  .xl-shadow-color-white { --shadow-color: var(--white); }
  .xl-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  .xl-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  .xl-active-shadow-color-white:active { --shadow-color: var(--white); }
  .xl-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  .xl-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  .xl-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  .xl-group:hover .xl-group-hover-shadow-color-white { --shadow-color: var(--white); }
  .xl-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .xl-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  .xl-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  .xl-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  .xl-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  .xl-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  .xl-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .xl-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .xl-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  .xl-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  .xl-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  .xl-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  .xl-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  .xl-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .xl-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .xl-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  .xl-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  .xl-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  .xl-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  .xl-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  .xl-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .xl-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .xl-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  .xl-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  .xl-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  .xl-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  .xl-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  .xl-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .xl-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .xl-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  .xl-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  .xl-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  .xl-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  .xl-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  .xl-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .xl-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .xl-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  .xl-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  .xl-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  .xl-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  .xl-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  .xl-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .xl-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .xl-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  .xl-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  .xl-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  .xl-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  .xl-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  .xl-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .xl-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .xl-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  .xl-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  .xl-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  .xl-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  .xl-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  .xl-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .xl-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .xl-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  .xl-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  .xl-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  .xl-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  .xl-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  .xl-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .xl-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .xl-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  .xl-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  .xl-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  .xl-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  .xl-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  .xl-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .xl-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .xl-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  .xl-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  .xl-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  .xl-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  .xl-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  .xl-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .xl-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .xl-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  .xl-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  .xl-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  .xl-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  .xl-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  .xl-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .xl-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .xl-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  .xl-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  .xl-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  .xl-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  .xl-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  .xl-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .xl-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .xl-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  .xl-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  .xl-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  .xl-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  .xl-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  .xl-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .xl-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .xl-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  .xl-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  .xl-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  .xl-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  .xl-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  .xl-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .xl-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .xl-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  .xl-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  .xl-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  .xl-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  .xl-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  .xl-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .xl-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .xl-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  .xl-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  .xl-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  .xl-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  .xl-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  .xl-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .xl-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .xl-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  .xl-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  .xl-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  .xl-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  .xl-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  .xl-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .xl-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .xl-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  .xl-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  .xl-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  .xl-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  .xl-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  .xl-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .xl-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .xl-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  .xl-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  .xl-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  .xl-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  .xl-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  .xl-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .xl-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .xl-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  .xl-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  .xl-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  .xl-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  .xl-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  .xl-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .xl-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .xl-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  .xl-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  .xl-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  .xl-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  .xl-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  .xl-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .xl-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .xl-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  .xl-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  .xl-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  .xl-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  .xl-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  .xl-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .xl-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .xl-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  .xl-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  .xl-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  .xl-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  .xl-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  .xl-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .xl-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .xl-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  .xl-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  .xl-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  .xl-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  .xl-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  .xl-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .xl-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .xl-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  .xl-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  .xl-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  .xl-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  .xl-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  .xl-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .xl-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .xl-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  .xl-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  .xl-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  .xl-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  .xl-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  .xl-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .xl-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .xl-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  .xl-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  .xl-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  .xl-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  .xl-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  .xl-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .xl-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .xl-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  .xl-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  .xl-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  .xl-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  .xl-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  .xl-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .xl-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .xl-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  .xl-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  .xl-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  .xl-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  .xl-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  .xl-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .xl-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .xl-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  .xl-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  .xl-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  .xl-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  .xl-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  .xl-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .xl-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .xl-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  .xl-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  .xl-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  .xl-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  .xl-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  .xl-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .xl-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .xl-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  .xl-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  .xl-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  .xl-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  .xl-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  .xl-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .xl-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .xl-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  .xl-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  .xl-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  .xl-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  .xl-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  .xl-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .xl-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .xl-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  .xl-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  .xl-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  .xl-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  .xl-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  .xl-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .xl-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .xl-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  .xl-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  .xl-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  .xl-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  .xl-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  .xl-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .xl-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .xl-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  .xl-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  .xl-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  .xl-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  .xl-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  .xl-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .xl-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .xl-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  .xl-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  .xl-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  .xl-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  .xl-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  .xl-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .xl-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .xl-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  .xl-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  .xl-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  .xl-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  .xl-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  .xl-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .xl-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .xl-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  .xl-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  .xl-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  .xl-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  .xl-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  .xl-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .xl-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .xl-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .xl-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .xl-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .xl-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .xl-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .xl-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .xl-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .xl-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .xl-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .xl-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .xl-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .xl-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .xl-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .xl-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .xl-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .xl-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .xl-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .xl-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .xl-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .xl-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .xl-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  .xl-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  .xl-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  .xl-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  .xl-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  .xl-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .xl-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .xl-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  .xl-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  .xl-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  .xl-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  .xl-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  .xl-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .xl-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .xl-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  .xl-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  .xl-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  .xl-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  .xl-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  .xl-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .xl-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .xl-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  .xl-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  .xl-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  .xl-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  .xl-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  .xl-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .xl-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .xl-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  .xl-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  .xl-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  .xl-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  .xl-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  .xl-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .xl-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .xl-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  .xl-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  .xl-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  .xl-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  .xl-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  .xl-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .xl-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .xl-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  .xl-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  .xl-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  .xl-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  .xl-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  .xl-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .xl-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .xl-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  .xl-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  .xl-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  .xl-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  .xl-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  .xl-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .xl-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .xl-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  .xl-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  .xl-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  .xl-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  .xl-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  .xl-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .xl-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .xl-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  .xl-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  .xl-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  .xl-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  .xl-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  .xl-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .xl-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .xl-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  .xl-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  .xl-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  .xl-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  .xl-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  .xl-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .xl-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .xl-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  .xl-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  .xl-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  .xl-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  .xl-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  .xl-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .xl-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .xl-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  .xl-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  .xl-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  .xl-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  .xl-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  .xl-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .xl-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .xl-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  .xl-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  .xl-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  .xl-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  .xl-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  .xl-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .xl-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .xl-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  .xl-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  .xl-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  .xl-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  .xl-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  .xl-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .xl-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .xl-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  .xl-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  .xl-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  .xl-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  .xl-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  .xl-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .xl-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .xl-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  .xl-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  .xl-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  .xl-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  .xl-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  .xl-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .xl-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .xl-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  .xl-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  .xl-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  .xl-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  .xl-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  .xl-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .xl-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .xl-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  .xl-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  .xl-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  .xl-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  .xl-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  .xl-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .xl-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .xl-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  .xl-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  .xl-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  .xl-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  .xl-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  .xl-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .xl-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .xl-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  .xl-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  .xl-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  .xl-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  .xl-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  .xl-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .xl-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .xl-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  .xl-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  .xl-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  .xl-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  .xl-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  .xl-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .xl-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .xl-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  .xl-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  .xl-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  .xl-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  .xl-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  .xl-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .xl-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .xl-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  .xl-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  .xl-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  .xl-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  .xl-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  .xl-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .xl-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .xl-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  .xl-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  .xl-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  .xl-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  .xl-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  .xl-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .xl-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .xl-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  .xl-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  .xl-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  .xl-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  .xl-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  .xl-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .xl-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .xl-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  .xl-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  .xl-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  .xl-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  .xl-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  .xl-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .xl-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .xl-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  .xl-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  .xl-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  .xl-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  .xl-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  .xl-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .xl-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .xl-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  .xl-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  .xl-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  .xl-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  .xl-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  .xl-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .xl-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .xl-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  .xl-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  .xl-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  .xl-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  .xl-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  .xl-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .xl-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .xl-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .xl-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .xl-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .xl-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .xl-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .xl-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .xl-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .xl-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .xl-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .xl-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .xl-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  .xl-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  .xl-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  .xl-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  .xl-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  .xl-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .xl-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .xl-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  .xl-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  .xl-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  .xl-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  .xl-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  .xl-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .xl-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .xl-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  .xl-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  .xl-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  .xl-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  .xl-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  .xl-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .xl-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .xl-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  .xl-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  .xl-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  .xl-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  .xl-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  .xl-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .xl-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .xl-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  .xl-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  .xl-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  .xl-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  .xl-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  .xl-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .xl-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .xl-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  .xl-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  .xl-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  .xl-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  .xl-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  .xl-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .xl-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .xl-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  .xl-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  .xl-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  .xl-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  .xl-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  .xl-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .xl-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .xl-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  .xl-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  .xl-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  .xl-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  .xl-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  .xl-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .xl-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .xl-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  .xl-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  .xl-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  .xl-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  .xl-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  .xl-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .xl-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .xl-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  .xl-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  .xl-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  .xl-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  .xl-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  .xl-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .xl-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .xl-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  .xl-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  .xl-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  .xl-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  .xl-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  .xl-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .xl-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .xl-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  .xl-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  .xl-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  .xl-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  .xl-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  .xl-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .xl-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .xl-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  .xl-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  .xl-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  .xl-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  .xl-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  .xl-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .xl-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .xl-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  .xl-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  .xl-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  .xl-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  .xl-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  .xl-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .xl-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .xl-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  .xl-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  .xl-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  .xl-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  .xl-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  .xl-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .xl-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .xl-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  .xl-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  .xl-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  .xl-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  .xl-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  .xl-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .xl-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .xl-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  .xl-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  .xl-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  .xl-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  .xl-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  .xl-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .xl-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .xl-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  .xl-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  .xl-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  .xl-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  .xl-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  .xl-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .xl-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .xl-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  .xl-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  .xl-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  .xl-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  .xl-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  .xl-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .xl-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .xl-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  .xl-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  .xl-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  .xl-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  .xl-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  .xl-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .xl-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .xl-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  .xl-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  .xl-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  .xl-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  .xl-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  .xl-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .xl-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .xl-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  .xl-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  .xl-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  .xl-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  .xl-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  .xl-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .xl-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .xl-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  .xl-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  .xl-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  .xl-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  .xl-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  .xl-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .xl-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .xl-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  .xl-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  .xl-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  .xl-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  .xl-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  .xl-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .xl-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .xl-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  .xl-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  .xl-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  .xl-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  .xl-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  .xl-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .xl-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .xl-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  .xl-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  .xl-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  .xl-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  .xl-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  .xl-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .xl-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .xl-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  .xl-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  .xl-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  .xl-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  .xl-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  .xl-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .xl-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .xl-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  .xl-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  .xl-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  .xl-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  .xl-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  .xl-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .xl-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .xl-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  .xl-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  .xl-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  .xl-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  .xl-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  .xl-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .xl-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .xl-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  .xl-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  .xl-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  .xl-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  .xl-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  .xl-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .xl-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .xl-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  .xl-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  .xl-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  .xl-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  .xl-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  .xl-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .xl-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .xl-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  .xl-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  .xl-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  .xl-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  .xl-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  .xl-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .xl-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .xl-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  .xl-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  .xl-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  .xl-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  .xl-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  .xl-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .xl-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .xl-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  .xl-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  .xl-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  .xl-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  .xl-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  .xl-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .xl-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .xl-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  .xl-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  .xl-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  .xl-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  .xl-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  .xl-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .xl-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .xl-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  .xl-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  .xl-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  .xl-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  .xl-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  .xl-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .xl-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .xl-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  .xl-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  .xl-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  .xl-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  .xl-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  .xl-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .xl-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .xl-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  .xl-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  .xl-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  .xl-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  .xl-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  .xl-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .xl-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .xl-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  .xl-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  .xl-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  .xl-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  .xl-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  .xl-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .xl-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .xl-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  .xl-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  .xl-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  .xl-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  .xl-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  .xl-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .xl-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .xl-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  .xl-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  .xl-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  .xl-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  .xl-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  .xl-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .xl-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .xl-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  .xl-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  .xl-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  .xl-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  .xl-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  .xl-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .xl-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .xl-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  .xl-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  .xl-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  .xl-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  .xl-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  .xl-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .xl-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .xl-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  .xl-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  .xl-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  .xl-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  .xl-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  .xl-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .xl-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .xl-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  .xl-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  .xl-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  .xl-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  .xl-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  .xl-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .xl-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .xl-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  .xl-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  .xl-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  .xl-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  .xl-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  .xl-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .xl-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .xl-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  .xl-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  .xl-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  .xl-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  .xl-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  .xl-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .xl-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .xl-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  .xl-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  .xl-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  .xl-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  .xl-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  .xl-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .xl-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .xl-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  .xl-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  .xl-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  .xl-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  .xl-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  .xl-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .xl-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .xl-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  .xl-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  .xl-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  .xl-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  .xl-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  .xl-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .xl-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .xl-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  .xl-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  .xl-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  .xl-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  .xl-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  .xl-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .xl-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .xl-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  .xl-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  .xl-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  .xl-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  .xl-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  .xl-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .xl-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .xl-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  .xl-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  .xl-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  .xl-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  .xl-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  .xl-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .xl-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .xl-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  .xl-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  .xl-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  .xl-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  .xl-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  .xl-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .xl-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .xl-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  .xl-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  .xl-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  .xl-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  .xl-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  .xl-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .xl-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .xl-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  .xl-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  .xl-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  .xl-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  .xl-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  .xl-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .xl-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .xl-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  .xl-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  .xl-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  .xl-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  .xl-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  .xl-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .xl-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .xl-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  .xl-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  .xl-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  .xl-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  .xl-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  .xl-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .xl-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .xl-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  .xl-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  .xl-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  .xl-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  .xl-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  .xl-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .xl-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .xl-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  .xl-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  .xl-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  .xl-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  .xl-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  .xl-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .xl-gradient-from-black { --quanta-from-color: var(--black); }
  .xl-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  .xl-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  .xl-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  .xl-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  .xl-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  .xl-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  .xl-group:hover .xl-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  .xl-gradient-from-white { --quanta-from-color: var(--white); }
  .xl-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  .xl-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  .xl-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  .xl-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  .xl-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  .xl-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  .xl-group:hover .xl-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  .xl-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .xl-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  .xl-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  .xl-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  .xl-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  .xl-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  .xl-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .xl-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .xl-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  .xl-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  .xl-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  .xl-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  .xl-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  .xl-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .xl-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .xl-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  .xl-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  .xl-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  .xl-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  .xl-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  .xl-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .xl-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .xl-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  .xl-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  .xl-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  .xl-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  .xl-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  .xl-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .xl-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .xl-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  .xl-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  .xl-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  .xl-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  .xl-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  .xl-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .xl-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .xl-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  .xl-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  .xl-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  .xl-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  .xl-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  .xl-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .xl-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .xl-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  .xl-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  .xl-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  .xl-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  .xl-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  .xl-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .xl-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .xl-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  .xl-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  .xl-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  .xl-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  .xl-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  .xl-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .xl-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .xl-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  .xl-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  .xl-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  .xl-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  .xl-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  .xl-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .xl-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .xl-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  .xl-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  .xl-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  .xl-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  .xl-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  .xl-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .xl-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .xl-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  .xl-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  .xl-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  .xl-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  .xl-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  .xl-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .xl-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .xl-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  .xl-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  .xl-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  .xl-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  .xl-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  .xl-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .xl-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .xl-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  .xl-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  .xl-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  .xl-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  .xl-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  .xl-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .xl-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .xl-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  .xl-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  .xl-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  .xl-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  .xl-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  .xl-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .xl-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .xl-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  .xl-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  .xl-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  .xl-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  .xl-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  .xl-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .xl-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .xl-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  .xl-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  .xl-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  .xl-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  .xl-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  .xl-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .xl-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .xl-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  .xl-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  .xl-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  .xl-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  .xl-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  .xl-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .xl-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .xl-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  .xl-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  .xl-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  .xl-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  .xl-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  .xl-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .xl-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .xl-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  .xl-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  .xl-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  .xl-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  .xl-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  .xl-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .xl-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .xl-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  .xl-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  .xl-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  .xl-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  .xl-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  .xl-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .xl-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .xl-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  .xl-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  .xl-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  .xl-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  .xl-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  .xl-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .xl-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .xl-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  .xl-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  .xl-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  .xl-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  .xl-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  .xl-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .xl-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .xl-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  .xl-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  .xl-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  .xl-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  .xl-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  .xl-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .xl-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .xl-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  .xl-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  .xl-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  .xl-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  .xl-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  .xl-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .xl-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .xl-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  .xl-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  .xl-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  .xl-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  .xl-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  .xl-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .xl-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .xl-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  .xl-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  .xl-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  .xl-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  .xl-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  .xl-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .xl-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .xl-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  .xl-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  .xl-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  .xl-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  .xl-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  .xl-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .xl-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .xl-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  .xl-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  .xl-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  .xl-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  .xl-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  .xl-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .xl-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .xl-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  .xl-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  .xl-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  .xl-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  .xl-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  .xl-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .xl-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .xl-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  .xl-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  .xl-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  .xl-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  .xl-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  .xl-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .xl-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .xl-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  .xl-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  .xl-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  .xl-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  .xl-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  .xl-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .xl-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .xl-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  .xl-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  .xl-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  .xl-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  .xl-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  .xl-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .xl-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .xl-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  .xl-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  .xl-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  .xl-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  .xl-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  .xl-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .xl-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .xl-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  .xl-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  .xl-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  .xl-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  .xl-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  .xl-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .xl-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .xl-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  .xl-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  .xl-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  .xl-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  .xl-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  .xl-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .xl-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .xl-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  .xl-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  .xl-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  .xl-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  .xl-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  .xl-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .xl-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .xl-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  .xl-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  .xl-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  .xl-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  .xl-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  .xl-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .xl-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .xl-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  .xl-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  .xl-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  .xl-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  .xl-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  .xl-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .xl-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .xl-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  .xl-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  .xl-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  .xl-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  .xl-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  .xl-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .xl-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .xl-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  .xl-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  .xl-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  .xl-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  .xl-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  .xl-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .xl-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .xl-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .xl-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .xl-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .xl-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .xl-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .xl-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .xl-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .xl-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .xl-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .xl-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .xl-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .xl-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .xl-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .xl-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .xl-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .xl-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .xl-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .xl-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .xl-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .xl-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .xl-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  .xl-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  .xl-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  .xl-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  .xl-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  .xl-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .xl-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .xl-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  .xl-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  .xl-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  .xl-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  .xl-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  .xl-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .xl-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .xl-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  .xl-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  .xl-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  .xl-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  .xl-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  .xl-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .xl-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .xl-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  .xl-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  .xl-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  .xl-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  .xl-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  .xl-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .xl-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .xl-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  .xl-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  .xl-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  .xl-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  .xl-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  .xl-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .xl-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .xl-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  .xl-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  .xl-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  .xl-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  .xl-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  .xl-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .xl-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .xl-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  .xl-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  .xl-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  .xl-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  .xl-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  .xl-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .xl-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .xl-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  .xl-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  .xl-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  .xl-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  .xl-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  .xl-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .xl-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .xl-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  .xl-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  .xl-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  .xl-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  .xl-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  .xl-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .xl-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .xl-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  .xl-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  .xl-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  .xl-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  .xl-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  .xl-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .xl-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .xl-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  .xl-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  .xl-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  .xl-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  .xl-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  .xl-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .xl-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .xl-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  .xl-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  .xl-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  .xl-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  .xl-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  .xl-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .xl-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .xl-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  .xl-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  .xl-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  .xl-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  .xl-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  .xl-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .xl-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .xl-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  .xl-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  .xl-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  .xl-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  .xl-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  .xl-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .xl-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .xl-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  .xl-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  .xl-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  .xl-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  .xl-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  .xl-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .xl-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .xl-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  .xl-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  .xl-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  .xl-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  .xl-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  .xl-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .xl-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .xl-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  .xl-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  .xl-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  .xl-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  .xl-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  .xl-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .xl-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .xl-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  .xl-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  .xl-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  .xl-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  .xl-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  .xl-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .xl-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .xl-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  .xl-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  .xl-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  .xl-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  .xl-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  .xl-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .xl-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .xl-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  .xl-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  .xl-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  .xl-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  .xl-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  .xl-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .xl-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .xl-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  .xl-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  .xl-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  .xl-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  .xl-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  .xl-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .xl-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .xl-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  .xl-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  .xl-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  .xl-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  .xl-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  .xl-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .xl-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .xl-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  .xl-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  .xl-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  .xl-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  .xl-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  .xl-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .xl-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .xl-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  .xl-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  .xl-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  .xl-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  .xl-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  .xl-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .xl-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .xl-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  .xl-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  .xl-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  .xl-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  .xl-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  .xl-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .xl-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .xl-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  .xl-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  .xl-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  .xl-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  .xl-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  .xl-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .xl-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .xl-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  .xl-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  .xl-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  .xl-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  .xl-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  .xl-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .xl-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .xl-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  .xl-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  .xl-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  .xl-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  .xl-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  .xl-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .xl-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .xl-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  .xl-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  .xl-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  .xl-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  .xl-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  .xl-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .xl-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .xl-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  .xl-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  .xl-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  .xl-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  .xl-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  .xl-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .xl-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .xl-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .xl-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .xl-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .xl-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .xl-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .xl-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .xl-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .xl-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .xl-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .xl-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .xl-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  .xl-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  .xl-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  .xl-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  .xl-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  .xl-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .xl-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .xl-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  .xl-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  .xl-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  .xl-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  .xl-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  .xl-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .xl-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .xl-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  .xl-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  .xl-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  .xl-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  .xl-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  .xl-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .xl-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .xl-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  .xl-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  .xl-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  .xl-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  .xl-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  .xl-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .xl-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .xl-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  .xl-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  .xl-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  .xl-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  .xl-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  .xl-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .xl-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .xl-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  .xl-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  .xl-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  .xl-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  .xl-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  .xl-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .xl-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .xl-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  .xl-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  .xl-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  .xl-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  .xl-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  .xl-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .xl-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .xl-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  .xl-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  .xl-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  .xl-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  .xl-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  .xl-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .xl-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .xl-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  .xl-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  .xl-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  .xl-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  .xl-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  .xl-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .xl-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .xl-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  .xl-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  .xl-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  .xl-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  .xl-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  .xl-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .xl-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .xl-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  .xl-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  .xl-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  .xl-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  .xl-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  .xl-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .xl-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .xl-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  .xl-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  .xl-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  .xl-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  .xl-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  .xl-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .xl-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .xl-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  .xl-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  .xl-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  .xl-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  .xl-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  .xl-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .xl-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .xl-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  .xl-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  .xl-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  .xl-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  .xl-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  .xl-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .xl-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .xl-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  .xl-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  .xl-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  .xl-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  .xl-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  .xl-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .xl-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .xl-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  .xl-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  .xl-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  .xl-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  .xl-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  .xl-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .xl-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .xl-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  .xl-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  .xl-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  .xl-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  .xl-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  .xl-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .xl-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .xl-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  .xl-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  .xl-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  .xl-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  .xl-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  .xl-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .xl-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .xl-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  .xl-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  .xl-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  .xl-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  .xl-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  .xl-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .xl-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .xl-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  .xl-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  .xl-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  .xl-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  .xl-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  .xl-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .xl-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .xl-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  .xl-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  .xl-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  .xl-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  .xl-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  .xl-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .xl-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .xl-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  .xl-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  .xl-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  .xl-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  .xl-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  .xl-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .xl-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .xl-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  .xl-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  .xl-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  .xl-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  .xl-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  .xl-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .xl-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .xl-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  .xl-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  .xl-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  .xl-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  .xl-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  .xl-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .xl-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .xl-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  .xl-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  .xl-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  .xl-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  .xl-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  .xl-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .xl-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .xl-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  .xl-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  .xl-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  .xl-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  .xl-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  .xl-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .xl-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .xl-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  .xl-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  .xl-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  .xl-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  .xl-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  .xl-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .xl-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .xl-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  .xl-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  .xl-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  .xl-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  .xl-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  .xl-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .xl-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .xl-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  .xl-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  .xl-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  .xl-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  .xl-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  .xl-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .xl-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .xl-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  .xl-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  .xl-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  .xl-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  .xl-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  .xl-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .xl-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .xl-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  .xl-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  .xl-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  .xl-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  .xl-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  .xl-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .xl-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .xl-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  .xl-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  .xl-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  .xl-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  .xl-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  .xl-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .xl-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .xl-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  .xl-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  .xl-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  .xl-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  .xl-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  .xl-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .xl-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .xl-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  .xl-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  .xl-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  .xl-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  .xl-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  .xl-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .xl-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .xl-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  .xl-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  .xl-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  .xl-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  .xl-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  .xl-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .xl-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .xl-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  .xl-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  .xl-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  .xl-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  .xl-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  .xl-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .xl-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .xl-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  .xl-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  .xl-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  .xl-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  .xl-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  .xl-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .xl-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .xl-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  .xl-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  .xl-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  .xl-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  .xl-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  .xl-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .xl-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .xl-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  .xl-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  .xl-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  .xl-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  .xl-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  .xl-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .xl-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .xl-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  .xl-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  .xl-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  .xl-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  .xl-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  .xl-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .xl-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .xl-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  .xl-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  .xl-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  .xl-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  .xl-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  .xl-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .xl-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .xl-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  .xl-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  .xl-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  .xl-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  .xl-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  .xl-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .xl-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .xl-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  .xl-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  .xl-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  .xl-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  .xl-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  .xl-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .xl-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .xl-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  .xl-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  .xl-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  .xl-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  .xl-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  .xl-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .xl-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .xl-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  .xl-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  .xl-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  .xl-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  .xl-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  .xl-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .xl-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .xl-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  .xl-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  .xl-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  .xl-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  .xl-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  .xl-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .xl-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .xl-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  .xl-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  .xl-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  .xl-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  .xl-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  .xl-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .xl-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .xl-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  .xl-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  .xl-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  .xl-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  .xl-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  .xl-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .xl-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .xl-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  .xl-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  .xl-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  .xl-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  .xl-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  .xl-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .xl-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .xl-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  .xl-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  .xl-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  .xl-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  .xl-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  .xl-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .xl-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .xl-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  .xl-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  .xl-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  .xl-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  .xl-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  .xl-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .xl-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .xl-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  .xl-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  .xl-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  .xl-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  .xl-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  .xl-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .xl-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .xl-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  .xl-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  .xl-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  .xl-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  .xl-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  .xl-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .xl-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .xl-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  .xl-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  .xl-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  .xl-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  .xl-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  .xl-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .xl-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .xl-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  .xl-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  .xl-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  .xl-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  .xl-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  .xl-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .xl-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .xl-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  .xl-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  .xl-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  .xl-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  .xl-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  .xl-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .xl-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .xl-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  .xl-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  .xl-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  .xl-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  .xl-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  .xl-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .xl-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .xl-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  .xl-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  .xl-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  .xl-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  .xl-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  .xl-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .xl-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .xl-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  .xl-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  .xl-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  .xl-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  .xl-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  .xl-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .xl-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .xl-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  .xl-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  .xl-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  .xl-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  .xl-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  .xl-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .xl-gradient-to-black { --quanta-to-color: var(--black); }
  .xl-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  .xl-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  .xl-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  .xl-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  .xl-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  .xl-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  .xl-group:hover .xl-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  .xl-gradient-to-white { --quanta-to-color: var(--white); }
  .xl-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  .xl-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  .xl-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  .xl-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  .xl-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  .xl-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  .xl-group:hover .xl-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  .xl-transition-all { transition-property: all; }
  .xl-hover-transition-all:hover { transition-property: all; }
  .xl-focus-transition-all:focus { transition-property: all; }
  .xl-active-transition-all:active { transition-property: all; }
  .xl-disabled-transition-all:disabled { transition-property: all; }
  .xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  .xl-focus-within-transition-all:focus-within { transition-property: all; }
  .xl-group:hover .xl-group-hover-transition-all { transition-property: all; }
  .xl-transition-bg { transition-property: background-color; }
  .xl-hover-transition-bg:hover { transition-property: background-color; }
  .xl-focus-transition-bg:focus { transition-property: background-color; }
  .xl-active-transition-bg:active { transition-property: background-color; }
  .xl-disabled-transition-bg:disabled { transition-property: background-color; }
  .xl-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  .xl-focus-within-transition-bg:focus-within { transition-property: background-color; }
  .xl-group:hover .xl-group-hover-transition-bg { transition-property: background-color; }
  .xl-transition-color { transition-property: color; }
  .xl-hover-transition-color:hover { transition-property: color; }
  .xl-focus-transition-color:focus { transition-property: color; }
  .xl-active-transition-color:active { transition-property: color; }
  .xl-disabled-transition-color:disabled { transition-property: color; }
  .xl-focus-visible-transition-color:focus-visible { transition-property: color; }
  .xl-focus-within-transition-color:focus-within { transition-property: color; }
  .xl-group:hover .xl-group-hover-transition-color { transition-property: color; }
  .xl-transition-opacity { transition-property: opacity; }
  .xl-hover-transition-opacity:hover { transition-property: opacity; }
  .xl-focus-transition-opacity:focus { transition-property: opacity; }
  .xl-active-transition-opacity:active { transition-property: opacity; }
  .xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  .xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .xl-group:hover .xl-group-hover-transition-opacity { transition-property: opacity; }
  .xl-transition-transform { transition-property: transform; }
  .xl-hover-transition-transform:hover { transition-property: transform; }
  .xl-focus-transition-transform:focus { transition-property: transform; }
  .xl-active-transition-transform:active { transition-property: transform; }
  .xl-disabled-transition-transform:disabled { transition-property: transform; }
  .xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  .xl-group:hover .xl-group-hover-transition-transform { transition-property: transform; }
  .xl-transition-shadow { transition-property: shadow; }
  .xl-hover-transition-shadow:hover { transition-property: shadow; }
  .xl-focus-transition-shadow:focus { transition-property: shadow; }
  .xl-active-transition-shadow:active { transition-property: shadow; }
  .xl-disabled-transition-shadow:disabled { transition-property: shadow; }
  .xl-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  .xl-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  .xl-group:hover .xl-group-hover-transition-shadow { transition-property: shadow; }
  .xl-transition-border { transition-property: border; }
  .xl-hover-transition-border:hover { transition-property: border; }
  .xl-focus-transition-border:focus { transition-property: border; }
  .xl-active-transition-border:active { transition-property: border; }
  .xl-disabled-transition-border:disabled { transition-property: border; }
  .xl-focus-visible-transition-border:focus-visible { transition-property: border; }
  .xl-focus-within-transition-border:focus-within { transition-property: border; }
  .xl-group:hover .xl-group-hover-transition-border { transition-property: border; }
  .xl-duration-75 { transition-duration: 75ms; }
  .xl-hover-duration-75:hover { transition-duration: 75ms; }
  .xl-focus-duration-75:focus { transition-duration: 75ms; }
  .xl-active-duration-75:active { transition-duration: 75ms; }
  .xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  .xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .xl-group:hover .xl-group-hover-duration-75 { transition-duration: 75ms; }
  .xl-duration-100 { transition-duration: 100ms; }
  .xl-hover-duration-100:hover { transition-duration: 100ms; }
  .xl-focus-duration-100:focus { transition-duration: 100ms; }
  .xl-active-duration-100:active { transition-duration: 100ms; }
  .xl-disabled-duration-100:disabled { transition-duration: 100ms; }
  .xl-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .xl-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .xl-group:hover .xl-group-hover-duration-100 { transition-duration: 100ms; }
  .xl-duration-150 { transition-duration: 150ms; }
  .xl-hover-duration-150:hover { transition-duration: 150ms; }
  .xl-focus-duration-150:focus { transition-duration: 150ms; }
  .xl-active-duration-150:active { transition-duration: 150ms; }
  .xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  .xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .xl-group:hover .xl-group-hover-duration-150 { transition-duration: 150ms; }
  .xl-duration-200 { transition-duration: 200ms; }
  .xl-hover-duration-200:hover { transition-duration: 200ms; }
  .xl-focus-duration-200:focus { transition-duration: 200ms; }
  .xl-active-duration-200:active { transition-duration: 200ms; }
  .xl-disabled-duration-200:disabled { transition-duration: 200ms; }
  .xl-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .xl-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .xl-group:hover .xl-group-hover-duration-200 { transition-duration: 200ms; }
  .xl-duration-300 { transition-duration: 300ms; }
  .xl-hover-duration-300:hover { transition-duration: 300ms; }
  .xl-focus-duration-300:focus { transition-duration: 300ms; }
  .xl-active-duration-300:active { transition-duration: 300ms; }
  .xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  .xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .xl-group:hover .xl-group-hover-duration-300 { transition-duration: 300ms; }
  .xl-duration-500 { transition-duration: 500ms; }
  .xl-hover-duration-500:hover { transition-duration: 500ms; }
  .xl-focus-duration-500:focus { transition-duration: 500ms; }
  .xl-active-duration-500:active { transition-duration: 500ms; }
  .xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  .xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .xl-group:hover .xl-group-hover-duration-500 { transition-duration: 500ms; }
  .xl-duration-700 { transition-duration: 700ms; }
  .xl-hover-duration-700:hover { transition-duration: 700ms; }
  .xl-focus-duration-700:focus { transition-duration: 700ms; }
  .xl-active-duration-700:active { transition-duration: 700ms; }
  .xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  .xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .xl-group:hover .xl-group-hover-duration-700 { transition-duration: 700ms; }
  .xl-duration-1000 { transition-duration: 1000ms; }
  .xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  .xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  .xl-active-duration-1000:active { transition-duration: 1000ms; }
  .xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .xl-group:hover .xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  .xl-ease-linear { transition-timing-function: ease-linear; }
  .xl-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  .xl-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  .xl-active-ease-linear:active { transition-timing-function: ease-linear; }
  .xl-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  .xl-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  .xl-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  .xl-group:hover .xl-group-hover-ease-linear { transition-timing-function: ease-linear; }
  .xl-ease-in { transition-timing-function: ease-in; }
  .xl-hover-ease-in:hover { transition-timing-function: ease-in; }
  .xl-focus-ease-in:focus { transition-timing-function: ease-in; }
  .xl-active-ease-in:active { transition-timing-function: ease-in; }
  .xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .xl-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .xl-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .xl-group:hover .xl-group-hover-ease-in { transition-timing-function: ease-in; }
  .xl-ease-out { transition-timing-function: ease-out; }
  .xl-hover-ease-out:hover { transition-timing-function: ease-out; }
  .xl-focus-ease-out:focus { transition-timing-function: ease-out; }
  .xl-active-ease-out:active { transition-timing-function: ease-out; }
  .xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .xl-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .xl-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .xl-group:hover .xl-group-hover-ease-out { transition-timing-function: ease-out; }
  .xl-ease-in-out { transition-timing-function: ease-in-out; }
  .xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .xl-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .xl-group:hover .xl-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .xl-translate-x-0 { transform: translateX(0rem); }
  .xl-hover-translate-x-0:hover { transform: translateX(0rem); }
  .xl-focus-translate-x-0:focus { transform: translateX(0rem); }
  .xl-active-translate-x-0:active { transform: translateX(0rem); }
  .xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .xl-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .xl-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .xl-group:hover .xl-group-hover-translate-x-0 { transform: translateX(0rem); }
  .xl-translate-y-0 { transform: translateY(0rem); }
  .xl-hover-translate-y-0:hover { transform: translateY(0rem); }
  .xl-focus-translate-y-0:focus { transform: translateY(0rem); }
  .xl-active-translate-y-0:active { transform: translateY(0rem); }
  .xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .xl-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .xl-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .xl-group:hover .xl-group-hover-translate-y-0 { transform: translateY(0rem); }
  .xl-translate-x-0_25 { transform: translateX(0.25rem); }
  .xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .xl-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .xl-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .xl-translate-y-0_25 { transform: translateY(0.25rem); }
  .xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .xl-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .xl-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .xl-translate-x-0_5 { transform: translateX(0.5rem); }
  .xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .xl-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .xl-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .xl-translate-y-0_5 { transform: translateY(0.5rem); }
  .xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .xl-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .xl-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .xl-translate-x-1 { transform: translateX(1rem); }
  .xl-hover-translate-x-1:hover { transform: translateX(1rem); }
  .xl-focus-translate-x-1:focus { transform: translateX(1rem); }
  .xl-active-translate-x-1:active { transform: translateX(1rem); }
  .xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .xl-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .xl-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .xl-group:hover .xl-group-hover-translate-x-1 { transform: translateX(1rem); }
  .xl-translate-y-1 { transform: translateY(1rem); }
  .xl-hover-translate-y-1:hover { transform: translateY(1rem); }
  .xl-focus-translate-y-1:focus { transform: translateY(1rem); }
  .xl-active-translate-y-1:active { transform: translateY(1rem); }
  .xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .xl-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .xl-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .xl-group:hover .xl-group-hover-translate-y-1 { transform: translateY(1rem); }
  .xl-translate-x-1_5 { transform: translateX(1.5rem); }
  .xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .xl-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .xl-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .xl-group:hover .xl-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .xl-translate-y-1_5 { transform: translateY(1.5rem); }
  .xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .xl-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .xl-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .xl-group:hover .xl-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .xl-translate-x-2 { transform: translateX(2rem); }
  .xl-hover-translate-x-2:hover { transform: translateX(2rem); }
  .xl-focus-translate-x-2:focus { transform: translateX(2rem); }
  .xl-active-translate-x-2:active { transform: translateX(2rem); }
  .xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .xl-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .xl-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .xl-group:hover .xl-group-hover-translate-x-2 { transform: translateX(2rem); }
  .xl-translate-y-2 { transform: translateY(2rem); }
  .xl-hover-translate-y-2:hover { transform: translateY(2rem); }
  .xl-focus-translate-y-2:focus { transform: translateY(2rem); }
  .xl-active-translate-y-2:active { transform: translateY(2rem); }
  .xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .xl-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .xl-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .xl-group:hover .xl-group-hover-translate-y-2 { transform: translateY(2rem); }
  .xl-translate-x-3 { transform: translateX(3rem); }
  .xl-hover-translate-x-3:hover { transform: translateX(3rem); }
  .xl-focus-translate-x-3:focus { transform: translateX(3rem); }
  .xl-active-translate-x-3:active { transform: translateX(3rem); }
  .xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .xl-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .xl-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .xl-group:hover .xl-group-hover-translate-x-3 { transform: translateX(3rem); }
  .xl-translate-y-3 { transform: translateY(3rem); }
  .xl-hover-translate-y-3:hover { transform: translateY(3rem); }
  .xl-focus-translate-y-3:focus { transform: translateY(3rem); }
  .xl-active-translate-y-3:active { transform: translateY(3rem); }
  .xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .xl-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .xl-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .xl-group:hover .xl-group-hover-translate-y-3 { transform: translateY(3rem); }
  .xl-translate-x-4 { transform: translateX(4rem); }
  .xl-hover-translate-x-4:hover { transform: translateX(4rem); }
  .xl-focus-translate-x-4:focus { transform: translateX(4rem); }
  .xl-active-translate-x-4:active { transform: translateX(4rem); }
  .xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .xl-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .xl-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .xl-group:hover .xl-group-hover-translate-x-4 { transform: translateX(4rem); }
  .xl-translate-y-4 { transform: translateY(4rem); }
  .xl-hover-translate-y-4:hover { transform: translateY(4rem); }
  .xl-focus-translate-y-4:focus { transform: translateY(4rem); }
  .xl-active-translate-y-4:active { transform: translateY(4rem); }
  .xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .xl-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .xl-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .xl-group:hover .xl-group-hover-translate-y-4 { transform: translateY(4rem); }
  .xl-translate-x-5 { transform: translateX(5rem); }
  .xl-hover-translate-x-5:hover { transform: translateX(5rem); }
  .xl-focus-translate-x-5:focus { transform: translateX(5rem); }
  .xl-active-translate-x-5:active { transform: translateX(5rem); }
  .xl-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  .xl-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  .xl-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  .xl-group:hover .xl-group-hover-translate-x-5 { transform: translateX(5rem); }
  .xl-translate-y-5 { transform: translateY(5rem); }
  .xl-hover-translate-y-5:hover { transform: translateY(5rem); }
  .xl-focus-translate-y-5:focus { transform: translateY(5rem); }
  .xl-active-translate-y-5:active { transform: translateY(5rem); }
  .xl-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  .xl-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  .xl-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  .xl-group:hover .xl-group-hover-translate-y-5 { transform: translateY(5rem); }
  .xl-translate-x-6 { transform: translateX(6rem); }
  .xl-hover-translate-x-6:hover { transform: translateX(6rem); }
  .xl-focus-translate-x-6:focus { transform: translateX(6rem); }
  .xl-active-translate-x-6:active { transform: translateX(6rem); }
  .xl-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  .xl-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  .xl-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  .xl-group:hover .xl-group-hover-translate-x-6 { transform: translateX(6rem); }
  .xl-translate-y-6 { transform: translateY(6rem); }
  .xl-hover-translate-y-6:hover { transform: translateY(6rem); }
  .xl-focus-translate-y-6:focus { transform: translateY(6rem); }
  .xl-active-translate-y-6:active { transform: translateY(6rem); }
  .xl-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  .xl-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  .xl-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  .xl-group:hover .xl-group-hover-translate-y-6 { transform: translateY(6rem); }
  .xl-translate-x-8 { transform: translateX(8rem); }
  .xl-hover-translate-x-8:hover { transform: translateX(8rem); }
  .xl-focus-translate-x-8:focus { transform: translateX(8rem); }
  .xl-active-translate-x-8:active { transform: translateX(8rem); }
  .xl-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  .xl-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  .xl-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  .xl-group:hover .xl-group-hover-translate-x-8 { transform: translateX(8rem); }
  .xl-translate-y-8 { transform: translateY(8rem); }
  .xl-hover-translate-y-8:hover { transform: translateY(8rem); }
  .xl-focus-translate-y-8:focus { transform: translateY(8rem); }
  .xl-active-translate-y-8:active { transform: translateY(8rem); }
  .xl-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  .xl-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  .xl-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  .xl-group:hover .xl-group-hover-translate-y-8 { transform: translateY(8rem); }
  .xl-translate-x-10 { transform: translateX(10rem); }
  .xl-hover-translate-x-10:hover { transform: translateX(10rem); }
  .xl-focus-translate-x-10:focus { transform: translateX(10rem); }
  .xl-active-translate-x-10:active { transform: translateX(10rem); }
  .xl-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  .xl-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  .xl-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  .xl-group:hover .xl-group-hover-translate-x-10 { transform: translateX(10rem); }
  .xl-translate-y-10 { transform: translateY(10rem); }
  .xl-hover-translate-y-10:hover { transform: translateY(10rem); }
  .xl-focus-translate-y-10:focus { transform: translateY(10rem); }
  .xl-active-translate-y-10:active { transform: translateY(10rem); }
  .xl-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  .xl-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  .xl-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  .xl-group:hover .xl-group-hover-translate-y-10 { transform: translateY(10rem); }
  .xl-translate-x-12 { transform: translateX(12rem); }
  .xl-hover-translate-x-12:hover { transform: translateX(12rem); }
  .xl-focus-translate-x-12:focus { transform: translateX(12rem); }
  .xl-active-translate-x-12:active { transform: translateX(12rem); }
  .xl-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  .xl-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  .xl-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  .xl-group:hover .xl-group-hover-translate-x-12 { transform: translateX(12rem); }
  .xl-translate-y-12 { transform: translateY(12rem); }
  .xl-hover-translate-y-12:hover { transform: translateY(12rem); }
  .xl-focus-translate-y-12:focus { transform: translateY(12rem); }
  .xl-active-translate-y-12:active { transform: translateY(12rem); }
  .xl-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  .xl-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  .xl-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  .xl-group:hover .xl-group-hover-translate-y-12 { transform: translateY(12rem); }
  .xl-translate-x-16 { transform: translateX(16rem); }
  .xl-hover-translate-x-16:hover { transform: translateX(16rem); }
  .xl-focus-translate-x-16:focus { transform: translateX(16rem); }
  .xl-active-translate-x-16:active { transform: translateX(16rem); }
  .xl-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  .xl-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  .xl-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  .xl-group:hover .xl-group-hover-translate-x-16 { transform: translateX(16rem); }
  .xl-translate-y-16 { transform: translateY(16rem); }
  .xl-hover-translate-y-16:hover { transform: translateY(16rem); }
  .xl-focus-translate-y-16:focus { transform: translateY(16rem); }
  .xl-active-translate-y-16:active { transform: translateY(16rem); }
  .xl-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  .xl-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  .xl-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  .xl-group:hover .xl-group-hover-translate-y-16 { transform: translateY(16rem); }
  .xl-translate-x-20 { transform: translateX(20rem); }
  .xl-hover-translate-x-20:hover { transform: translateX(20rem); }
  .xl-focus-translate-x-20:focus { transform: translateX(20rem); }
  .xl-active-translate-x-20:active { transform: translateX(20rem); }
  .xl-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  .xl-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  .xl-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  .xl-group:hover .xl-group-hover-translate-x-20 { transform: translateX(20rem); }
  .xl-translate-y-20 { transform: translateY(20rem); }
  .xl-hover-translate-y-20:hover { transform: translateY(20rem); }
  .xl-focus-translate-y-20:focus { transform: translateY(20rem); }
  .xl-active-translate-y-20:active { transform: translateY(20rem); }
  .xl-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  .xl-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  .xl-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  .xl-group:hover .xl-group-hover-translate-y-20 { transform: translateY(20rem); }
  .xl-translate-x-24 { transform: translateX(24rem); }
  .xl-hover-translate-x-24:hover { transform: translateX(24rem); }
  .xl-focus-translate-x-24:focus { transform: translateX(24rem); }
  .xl-active-translate-x-24:active { transform: translateX(24rem); }
  .xl-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  .xl-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  .xl-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  .xl-group:hover .xl-group-hover-translate-x-24 { transform: translateX(24rem); }
  .xl-translate-y-24 { transform: translateY(24rem); }
  .xl-hover-translate-y-24:hover { transform: translateY(24rem); }
  .xl-focus-translate-y-24:focus { transform: translateY(24rem); }
  .xl-active-translate-y-24:active { transform: translateY(24rem); }
  .xl-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  .xl-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  .xl-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  .xl-group:hover .xl-group-hover-translate-y-24 { transform: translateY(24rem); }
  .xl-translate-x-32 { transform: translateX(32rem); }
  .xl-hover-translate-x-32:hover { transform: translateX(32rem); }
  .xl-focus-translate-x-32:focus { transform: translateX(32rem); }
  .xl-active-translate-x-32:active { transform: translateX(32rem); }
  .xl-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  .xl-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  .xl-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  .xl-group:hover .xl-group-hover-translate-x-32 { transform: translateX(32rem); }
  .xl-translate-y-32 { transform: translateY(32rem); }
  .xl-hover-translate-y-32:hover { transform: translateY(32rem); }
  .xl-focus-translate-y-32:focus { transform: translateY(32rem); }
  .xl-active-translate-y-32:active { transform: translateY(32rem); }
  .xl-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  .xl-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  .xl-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  .xl-group:hover .xl-group-hover-translate-y-32 { transform: translateY(32rem); }
  .xl-scale-0 { transform: scale(0.0); }
  .xl-hover-scale-0:hover { transform: scale(0.0); }
  .xl-focus-scale-0:focus { transform: scale(0.0); }
  .xl-active-scale-0:active { transform: scale(0.0); }
  .xl-disabled-scale-0:disabled { transform: scale(0.0); }
  .xl-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  .xl-focus-within-scale-0:focus-within { transform: scale(0.0); }
  .xl-group:hover .xl-group-hover-scale-0 { transform: scale(0.0); }
  .xl-scale-50 { transform: scale(0.5); }
  .xl-hover-scale-50:hover { transform: scale(0.5); }
  .xl-focus-scale-50:focus { transform: scale(0.5); }
  .xl-active-scale-50:active { transform: scale(0.5); }
  .xl-disabled-scale-50:disabled { transform: scale(0.5); }
  .xl-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .xl-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .xl-group:hover .xl-group-hover-scale-50 { transform: scale(0.5); }
  .xl-scale-75 { transform: scale(0.75); }
  .xl-hover-scale-75:hover { transform: scale(0.75); }
  .xl-focus-scale-75:focus { transform: scale(0.75); }
  .xl-active-scale-75:active { transform: scale(0.75); }
  .xl-disabled-scale-75:disabled { transform: scale(0.75); }
  .xl-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .xl-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .xl-group:hover .xl-group-hover-scale-75 { transform: scale(0.75); }
  .xl-scale-90 { transform: scale(0.9); }
  .xl-hover-scale-90:hover { transform: scale(0.9); }
  .xl-focus-scale-90:focus { transform: scale(0.9); }
  .xl-active-scale-90:active { transform: scale(0.9); }
  .xl-disabled-scale-90:disabled { transform: scale(0.9); }
  .xl-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .xl-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .xl-group:hover .xl-group-hover-scale-90 { transform: scale(0.9); }
  .xl-scale-95 { transform: scale(0.95); }
  .xl-hover-scale-95:hover { transform: scale(0.95); }
  .xl-focus-scale-95:focus { transform: scale(0.95); }
  .xl-active-scale-95:active { transform: scale(0.95); }
  .xl-disabled-scale-95:disabled { transform: scale(0.95); }
  .xl-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .xl-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .xl-group:hover .xl-group-hover-scale-95 { transform: scale(0.95); }
  .xl-scale-100 { transform: scale(1.0); }
  .xl-hover-scale-100:hover { transform: scale(1.0); }
  .xl-focus-scale-100:focus { transform: scale(1.0); }
  .xl-active-scale-100:active { transform: scale(1.0); }
  .xl-disabled-scale-100:disabled { transform: scale(1.0); }
  .xl-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .xl-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .xl-group:hover .xl-group-hover-scale-100 { transform: scale(1.0); }
  .xl-scale-105 { transform: scale(1.05); }
  .xl-hover-scale-105:hover { transform: scale(1.05); }
  .xl-focus-scale-105:focus { transform: scale(1.05); }
  .xl-active-scale-105:active { transform: scale(1.05); }
  .xl-disabled-scale-105:disabled { transform: scale(1.05); }
  .xl-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .xl-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .xl-group:hover .xl-group-hover-scale-105 { transform: scale(1.05); }
  .xl-scale-110 { transform: scale(1.1); }
  .xl-hover-scale-110:hover { transform: scale(1.1); }
  .xl-focus-scale-110:focus { transform: scale(1.1); }
  .xl-active-scale-110:active { transform: scale(1.1); }
  .xl-disabled-scale-110:disabled { transform: scale(1.1); }
  .xl-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .xl-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .xl-group:hover .xl-group-hover-scale-110 { transform: scale(1.1); }
  .xl-scale-125 { transform: scale(1.25); }
  .xl-hover-scale-125:hover { transform: scale(1.25); }
  .xl-focus-scale-125:focus { transform: scale(1.25); }
  .xl-active-scale-125:active { transform: scale(1.25); }
  .xl-disabled-scale-125:disabled { transform: scale(1.25); }
  .xl-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .xl-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .xl-group:hover .xl-group-hover-scale-125 { transform: scale(1.25); }
  .xl-scale-150 { transform: scale(1.5); }
  .xl-hover-scale-150:hover { transform: scale(1.5); }
  .xl-focus-scale-150:focus { transform: scale(1.5); }
  .xl-active-scale-150:active { transform: scale(1.5); }
  .xl-disabled-scale-150:disabled { transform: scale(1.5); }
  .xl-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .xl-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .xl-group:hover .xl-group-hover-scale-150 { transform: scale(1.5); }
  .xl-rotate--180 { transform: rotate(-180deg); }
  .xl-hover-rotate--180:hover { transform: rotate(-180deg); }
  .xl-focus-rotate--180:focus { transform: rotate(-180deg); }
  .xl-active-rotate--180:active { transform: rotate(-180deg); }
  .xl-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  .xl-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  .xl-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  .xl-group:hover .xl-group-hover-rotate--180 { transform: rotate(-180deg); }
  .xl-rotate--90 { transform: rotate(-90deg); }
  .xl-hover-rotate--90:hover { transform: rotate(-90deg); }
  .xl-focus-rotate--90:focus { transform: rotate(-90deg); }
  .xl-active-rotate--90:active { transform: rotate(-90deg); }
  .xl-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  .xl-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  .xl-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  .xl-group:hover .xl-group-hover-rotate--90 { transform: rotate(-90deg); }
  .xl-rotate--45 { transform: rotate(-45deg); }
  .xl-hover-rotate--45:hover { transform: rotate(-45deg); }
  .xl-focus-rotate--45:focus { transform: rotate(-45deg); }
  .xl-active-rotate--45:active { transform: rotate(-45deg); }
  .xl-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  .xl-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  .xl-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  .xl-group:hover .xl-group-hover-rotate--45 { transform: rotate(-45deg); }
  .xl-rotate-0 { transform: rotate(0deg); }
  .xl-hover-rotate-0:hover { transform: rotate(0deg); }
  .xl-focus-rotate-0:focus { transform: rotate(0deg); }
  .xl-active-rotate-0:active { transform: rotate(0deg); }
  .xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .xl-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .xl-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .xl-group:hover .xl-group-hover-rotate-0 { transform: rotate(0deg); }
  .xl-rotate-45 { transform: rotate(45deg); }
  .xl-hover-rotate-45:hover { transform: rotate(45deg); }
  .xl-focus-rotate-45:focus { transform: rotate(45deg); }
  .xl-active-rotate-45:active { transform: rotate(45deg); }
  .xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .xl-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .xl-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .xl-group:hover .xl-group-hover-rotate-45 { transform: rotate(45deg); }
  .xl-rotate-90 { transform: rotate(90deg); }
  .xl-hover-rotate-90:hover { transform: rotate(90deg); }
  .xl-focus-rotate-90:focus { transform: rotate(90deg); }
  .xl-active-rotate-90:active { transform: rotate(90deg); }
  .xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .xl-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .xl-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .xl-group:hover .xl-group-hover-rotate-90 { transform: rotate(90deg); }
  .xl-rotate-180 { transform: rotate(180deg); }
  .xl-hover-rotate-180:hover { transform: rotate(180deg); }
  .xl-focus-rotate-180:focus { transform: rotate(180deg); }
  .xl-active-rotate-180:active { transform: rotate(180deg); }
  .xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .xl-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .xl-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .xl-group:hover .xl-group-hover-rotate-180 { transform: rotate(180deg); }
  .xl-skew-x--45 { transform: skewX(-45deg); }
  .xl-hover-skew-x--45:hover { transform: skewX(-45deg); }
  .xl-focus-skew-x--45:focus { transform: skewX(-45deg); }
  .xl-active-skew-x--45:active { transform: skewX(-45deg); }
  .xl-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  .xl-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  .xl-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  .xl-group:hover .xl-group-hover-skew-x--45 { transform: skewX(-45deg); }
  .xl-skew-y--45 { transform: skewY(-45deg); }
  .xl-hover-skew-y--45:hover { transform: skewY(-45deg); }
  .xl-focus-skew-y--45:focus { transform: skewY(-45deg); }
  .xl-active-skew-y--45:active { transform: skewY(-45deg); }
  .xl-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  .xl-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  .xl-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  .xl-group:hover .xl-group-hover-skew-y--45 { transform: skewY(-45deg); }
  .xl-skew-x--30 { transform: skewX(-30deg); }
  .xl-hover-skew-x--30:hover { transform: skewX(-30deg); }
  .xl-focus-skew-x--30:focus { transform: skewX(-30deg); }
  .xl-active-skew-x--30:active { transform: skewX(-30deg); }
  .xl-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  .xl-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  .xl-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  .xl-group:hover .xl-group-hover-skew-x--30 { transform: skewX(-30deg); }
  .xl-skew-y--30 { transform: skewY(-30deg); }
  .xl-hover-skew-y--30:hover { transform: skewY(-30deg); }
  .xl-focus-skew-y--30:focus { transform: skewY(-30deg); }
  .xl-active-skew-y--30:active { transform: skewY(-30deg); }
  .xl-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  .xl-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  .xl-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  .xl-group:hover .xl-group-hover-skew-y--30 { transform: skewY(-30deg); }
  .xl-skew-x--15 { transform: skewX(-15deg); }
  .xl-hover-skew-x--15:hover { transform: skewX(-15deg); }
  .xl-focus-skew-x--15:focus { transform: skewX(-15deg); }
  .xl-active-skew-x--15:active { transform: skewX(-15deg); }
  .xl-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  .xl-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  .xl-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  .xl-group:hover .xl-group-hover-skew-x--15 { transform: skewX(-15deg); }
  .xl-skew-y--15 { transform: skewY(-15deg); }
  .xl-hover-skew-y--15:hover { transform: skewY(-15deg); }
  .xl-focus-skew-y--15:focus { transform: skewY(-15deg); }
  .xl-active-skew-y--15:active { transform: skewY(-15deg); }
  .xl-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  .xl-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  .xl-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  .xl-group:hover .xl-group-hover-skew-y--15 { transform: skewY(-15deg); }
  .xl-skew-x-0 { transform: skewX(0deg); }
  .xl-hover-skew-x-0:hover { transform: skewX(0deg); }
  .xl-focus-skew-x-0:focus { transform: skewX(0deg); }
  .xl-active-skew-x-0:active { transform: skewX(0deg); }
  .xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .xl-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .xl-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .xl-group:hover .xl-group-hover-skew-x-0 { transform: skewX(0deg); }
  .xl-skew-y-0 { transform: skewY(0deg); }
  .xl-hover-skew-y-0:hover { transform: skewY(0deg); }
  .xl-focus-skew-y-0:focus { transform: skewY(0deg); }
  .xl-active-skew-y-0:active { transform: skewY(0deg); }
  .xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .xl-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .xl-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .xl-group:hover .xl-group-hover-skew-y-0 { transform: skewY(0deg); }
  .xl-skew-x-15 { transform: skewX(15deg); }
  .xl-hover-skew-x-15:hover { transform: skewX(15deg); }
  .xl-focus-skew-x-15:focus { transform: skewX(15deg); }
  .xl-active-skew-x-15:active { transform: skewX(15deg); }
  .xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .xl-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .xl-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .xl-group:hover .xl-group-hover-skew-x-15 { transform: skewX(15deg); }
  .xl-skew-y-15 { transform: skewY(15deg); }
  .xl-hover-skew-y-15:hover { transform: skewY(15deg); }
  .xl-focus-skew-y-15:focus { transform: skewY(15deg); }
  .xl-active-skew-y-15:active { transform: skewY(15deg); }
  .xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .xl-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .xl-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .xl-group:hover .xl-group-hover-skew-y-15 { transform: skewY(15deg); }
  .xl-skew-x-30 { transform: skewX(30deg); }
  .xl-hover-skew-x-30:hover { transform: skewX(30deg); }
  .xl-focus-skew-x-30:focus { transform: skewX(30deg); }
  .xl-active-skew-x-30:active { transform: skewX(30deg); }
  .xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .xl-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .xl-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .xl-group:hover .xl-group-hover-skew-x-30 { transform: skewX(30deg); }
  .xl-skew-y-30 { transform: skewY(30deg); }
  .xl-hover-skew-y-30:hover { transform: skewY(30deg); }
  .xl-focus-skew-y-30:focus { transform: skewY(30deg); }
  .xl-active-skew-y-30:active { transform: skewY(30deg); }
  .xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .xl-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .xl-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .xl-group:hover .xl-group-hover-skew-y-30 { transform: skewY(30deg); }
  .xl-skew-x-45 { transform: skewX(45deg); }
  .xl-hover-skew-x-45:hover { transform: skewX(45deg); }
  .xl-focus-skew-x-45:focus { transform: skewX(45deg); }
  .xl-active-skew-x-45:active { transform: skewX(45deg); }
  .xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .xl-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .xl-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .xl-group:hover .xl-group-hover-skew-x-45 { transform: skewX(45deg); }
  .xl-skew-y-45 { transform: skewY(45deg); }
  .xl-hover-skew-y-45:hover { transform: skewY(45deg); }
  .xl-focus-skew-y-45:focus { transform: skewY(45deg); }
  .xl-active-skew-y-45:active { transform: skewY(45deg); }
  .xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .xl-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .xl-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .xl-group:hover .xl-group-hover-skew-y-45 { transform: skewY(45deg); }
  .xl-duration-75 { animation-duration: 0.075s !important; }
  .xl-hover-duration-75:hover { animation-duration: 0.075s !important; }
  .xl-focus-duration-75:focus { animation-duration: 0.075s !important; }
  .xl-active-duration-75:active { animation-duration: 0.075s !important; }
  .xl-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  .xl-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  .xl-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  .xl-group:hover .xl-group-hover-duration-75 { animation-duration: 0.075s !important; }
  .xl-duration-100 { animation-duration: 0.1s   !important; }
  .xl-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  .xl-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  .xl-active-duration-100:active { animation-duration: 0.1s   !important; }
  .xl-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  .xl-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  .xl-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  .xl-group:hover .xl-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  .xl-duration-150 { animation-duration: 0.15s  !important; }
  .xl-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  .xl-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  .xl-active-duration-150:active { animation-duration: 0.15s  !important; }
  .xl-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  .xl-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  .xl-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  .xl-group:hover .xl-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  .xl-duration-200 { animation-duration: 0.2s   !important; }
  .xl-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  .xl-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  .xl-active-duration-200:active { animation-duration: 0.2s   !important; }
  .xl-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  .xl-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  .xl-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  .xl-group:hover .xl-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  .xl-duration-300 { animation-duration: 0.3s   !important; }
  .xl-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  .xl-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  .xl-active-duration-300:active { animation-duration: 0.3s   !important; }
  .xl-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  .xl-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  .xl-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  .xl-group:hover .xl-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  .xl-duration-500 { animation-duration: 0.5s   !important; }
  .xl-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  .xl-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  .xl-active-duration-500:active { animation-duration: 0.5s   !important; }
  .xl-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  .xl-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  .xl-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  .xl-group:hover .xl-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  .xl-duration-700 { animation-duration: 0.7s   !important; }
  .xl-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  .xl-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  .xl-active-duration-700:active { animation-duration: 0.7s   !important; }
  .xl-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  .xl-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  .xl-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  .xl-group:hover .xl-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  .xl-duration-1000 { animation-duration: 1s     !important; }
  .xl-hover-duration-1000:hover { animation-duration: 1s     !important; }
  .xl-focus-duration-1000:focus { animation-duration: 1s     !important; }
  .xl-active-duration-1000:active { animation-duration: 1s     !important; }
  .xl-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  .xl-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  .xl-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  .xl-group:hover .xl-group-hover-duration-1000 { animation-duration: 1s     !important; }
  .xl-duration-1500 { animation-duration: 1.5s   !important; }
  .xl-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  .xl-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  .xl-active-duration-1500:active { animation-duration: 1.5s   !important; }
  .xl-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  .xl-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  .xl-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  .xl-group:hover .xl-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  .xl-duration-2000 { animation-duration: 2s     !important; }
  .xl-hover-duration-2000:hover { animation-duration: 2s     !important; }
  .xl-focus-duration-2000:focus { animation-duration: 2s     !important; }
  .xl-active-duration-2000:active { animation-duration: 2s     !important; }
  .xl-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  .xl-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  .xl-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  .xl-group:hover .xl-group-hover-duration-2000 { animation-duration: 2s     !important; }
  .xl-blur-none { filter: blur(0); }
  .xl-hover-blur-none:hover { filter: blur(0); }
  .xl-focus-blur-none:focus { filter: blur(0); }
  .xl-active-blur-none:active { filter: blur(0); }
  .xl-disabled-blur-none:disabled { filter: blur(0); }
  .xl-focus-visible-blur-none:focus-visible { filter: blur(0); }
  .xl-focus-within-blur-none:focus-within { filter: blur(0); }
  .xl-group:hover .xl-group-hover-blur-none { filter: blur(0); }
  .xl-blur-sm { filter: blur(2px); }
  .xl-hover-blur-sm:hover { filter: blur(2px); }
  .xl-focus-blur-sm:focus { filter: blur(2px); }
  .xl-active-blur-sm:active { filter: blur(2px); }
  .xl-disabled-blur-sm:disabled { filter: blur(2px); }
  .xl-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .xl-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .xl-group:hover .xl-group-hover-blur-sm { filter: blur(2px); }
  .xl-blur { filter: blur(4px); }
  .xl-hover-blur:hover { filter: blur(4px); }
  .xl-focus-blur:focus { filter: blur(4px); }
  .xl-active-blur:active { filter: blur(4px); }
  .xl-disabled-blur:disabled { filter: blur(4px); }
  .xl-focus-visible-blur:focus-visible { filter: blur(4px); }
  .xl-focus-within-blur:focus-within { filter: blur(4px); }
  .xl-group:hover .xl-group-hover-blur { filter: blur(4px); }
  .xl-blur-md { filter: blur(8px); }
  .xl-hover-blur-md:hover { filter: blur(8px); }
  .xl-focus-blur-md:focus { filter: blur(8px); }
  .xl-active-blur-md:active { filter: blur(8px); }
  .xl-disabled-blur-md:disabled { filter: blur(8px); }
  .xl-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .xl-focus-within-blur-md:focus-within { filter: blur(8px); }
  .xl-group:hover .xl-group-hover-blur-md { filter: blur(8px); }
  .xl-blur-lg { filter: blur(12px); }
  .xl-hover-blur-lg:hover { filter: blur(12px); }
  .xl-focus-blur-lg:focus { filter: blur(12px); }
  .xl-active-blur-lg:active { filter: blur(12px); }
  .xl-disabled-blur-lg:disabled { filter: blur(12px); }
  .xl-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .xl-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .xl-group:hover .xl-group-hover-blur-lg { filter: blur(12px); }
  .xl-blur-xl { filter: blur(20px); }
  .xl-hover-blur-xl:hover { filter: blur(20px); }
  .xl-focus-blur-xl:focus { filter: blur(20px); }
  .xl-active-blur-xl:active { filter: blur(20px); }
  .xl-disabled-blur-xl:disabled { filter: blur(20px); }
  .xl-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .xl-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .xl-group:hover .xl-group-hover-blur-xl { filter: blur(20px); }
  .xl-brightness-0 { filter: brightness(0); }
  .xl-hover-brightness-0:hover { filter: brightness(0); }
  .xl-focus-brightness-0:focus { filter: brightness(0); }
  .xl-active-brightness-0:active { filter: brightness(0); }
  .xl-disabled-brightness-0:disabled { filter: brightness(0); }
  .xl-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  .xl-focus-within-brightness-0:focus-within { filter: brightness(0); }
  .xl-group:hover .xl-group-hover-brightness-0 { filter: brightness(0); }
  .xl-brightness-50 { filter: brightness(0.5); }
  .xl-hover-brightness-50:hover { filter: brightness(0.5); }
  .xl-focus-brightness-50:focus { filter: brightness(0.5); }
  .xl-active-brightness-50:active { filter: brightness(0.5); }
  .xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .xl-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .xl-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .xl-group:hover .xl-group-hover-brightness-50 { filter: brightness(0.5); }
  .xl-brightness-75 { filter: brightness(0.75); }
  .xl-hover-brightness-75:hover { filter: brightness(0.75); }
  .xl-focus-brightness-75:focus { filter: brightness(0.75); }
  .xl-active-brightness-75:active { filter: brightness(0.75); }
  .xl-disabled-brightness-75:disabled { filter: brightness(0.75); }
  .xl-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  .xl-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  .xl-group:hover .xl-group-hover-brightness-75 { filter: brightness(0.75); }
  .xl-brightness-90 { filter: brightness(0.9); }
  .xl-hover-brightness-90:hover { filter: brightness(0.9); }
  .xl-focus-brightness-90:focus { filter: brightness(0.9); }
  .xl-active-brightness-90:active { filter: brightness(0.9); }
  .xl-disabled-brightness-90:disabled { filter: brightness(0.9); }
  .xl-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  .xl-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  .xl-group:hover .xl-group-hover-brightness-90 { filter: brightness(0.9); }
  .xl-brightness-100 { filter: brightness(1); }
  .xl-hover-brightness-100:hover { filter: brightness(1); }
  .xl-focus-brightness-100:focus { filter: brightness(1); }
  .xl-active-brightness-100:active { filter: brightness(1); }
  .xl-disabled-brightness-100:disabled { filter: brightness(1); }
  .xl-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .xl-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .xl-group:hover .xl-group-hover-brightness-100 { filter: brightness(1); }
  .xl-brightness-125 { filter: brightness(1.25); }
  .xl-hover-brightness-125:hover { filter: brightness(1.25); }
  .xl-focus-brightness-125:focus { filter: brightness(1.25); }
  .xl-active-brightness-125:active { filter: brightness(1.25); }
  .xl-disabled-brightness-125:disabled { filter: brightness(1.25); }
  .xl-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  .xl-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  .xl-group:hover .xl-group-hover-brightness-125 { filter: brightness(1.25); }
  .xl-brightness-150 { filter: brightness(1.5); }
  .xl-hover-brightness-150:hover { filter: brightness(1.5); }
  .xl-focus-brightness-150:focus { filter: brightness(1.5); }
  .xl-active-brightness-150:active { filter: brightness(1.5); }
  .xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .xl-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .xl-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .xl-group:hover .xl-group-hover-brightness-150 { filter: brightness(1.5); }
  .xl-brightness-200 { filter: brightness(2); }
  .xl-hover-brightness-200:hover { filter: brightness(2); }
  .xl-focus-brightness-200:focus { filter: brightness(2); }
  .xl-active-brightness-200:active { filter: brightness(2); }
  .xl-disabled-brightness-200:disabled { filter: brightness(2); }
  .xl-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  .xl-focus-within-brightness-200:focus-within { filter: brightness(2); }
  .xl-group:hover .xl-group-hover-brightness-200 { filter: brightness(2); }
  .xl-contrast-0 { filter: contrast(0); }
  .xl-hover-contrast-0:hover { filter: contrast(0); }
  .xl-focus-contrast-0:focus { filter: contrast(0); }
  .xl-active-contrast-0:active { filter: contrast(0); }
  .xl-disabled-contrast-0:disabled { filter: contrast(0); }
  .xl-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  .xl-focus-within-contrast-0:focus-within { filter: contrast(0); }
  .xl-group:hover .xl-group-hover-contrast-0 { filter: contrast(0); }
  .xl-contrast-50 { filter: contrast(0.5); }
  .xl-hover-contrast-50:hover { filter: contrast(0.5); }
  .xl-focus-contrast-50:focus { filter: contrast(0.5); }
  .xl-active-contrast-50:active { filter: contrast(0.5); }
  .xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .xl-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .xl-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .xl-group:hover .xl-group-hover-contrast-50 { filter: contrast(0.5); }
  .xl-contrast-75 { filter: contrast(0.75); }
  .xl-hover-contrast-75:hover { filter: contrast(0.75); }
  .xl-focus-contrast-75:focus { filter: contrast(0.75); }
  .xl-active-contrast-75:active { filter: contrast(0.75); }
  .xl-disabled-contrast-75:disabled { filter: contrast(0.75); }
  .xl-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  .xl-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  .xl-group:hover .xl-group-hover-contrast-75 { filter: contrast(0.75); }
  .xl-contrast-100 { filter: contrast(1); }
  .xl-hover-contrast-100:hover { filter: contrast(1); }
  .xl-focus-contrast-100:focus { filter: contrast(1); }
  .xl-active-contrast-100:active { filter: contrast(1); }
  .xl-disabled-contrast-100:disabled { filter: contrast(1); }
  .xl-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .xl-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .xl-group:hover .xl-group-hover-contrast-100 { filter: contrast(1); }
  .xl-contrast-125 { filter: contrast(1.25); }
  .xl-hover-contrast-125:hover { filter: contrast(1.25); }
  .xl-focus-contrast-125:focus { filter: contrast(1.25); }
  .xl-active-contrast-125:active { filter: contrast(1.25); }
  .xl-disabled-contrast-125:disabled { filter: contrast(1.25); }
  .xl-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  .xl-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  .xl-group:hover .xl-group-hover-contrast-125 { filter: contrast(1.25); }
  .xl-contrast-150 { filter: contrast(1.5); }
  .xl-hover-contrast-150:hover { filter: contrast(1.5); }
  .xl-focus-contrast-150:focus { filter: contrast(1.5); }
  .xl-active-contrast-150:active { filter: contrast(1.5); }
  .xl-disabled-contrast-150:disabled { filter: contrast(1.5); }
  .xl-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  .xl-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  .xl-group:hover .xl-group-hover-contrast-150 { filter: contrast(1.5); }
  .xl-contrast-200 { filter: contrast(2); }
  .xl-hover-contrast-200:hover { filter: contrast(2); }
  .xl-focus-contrast-200:focus { filter: contrast(2); }
  .xl-active-contrast-200:active { filter: contrast(2); }
  .xl-disabled-contrast-200:disabled { filter: contrast(2); }
  .xl-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  .xl-focus-within-contrast-200:focus-within { filter: contrast(2); }
  .xl-group:hover .xl-group-hover-contrast-200 { filter: contrast(2); }
  .xl-grayscale-0 { filter: grayscale(0); }
  .xl-hover-grayscale-0:hover { filter: grayscale(0); }
  .xl-focus-grayscale-0:focus { filter: grayscale(0); }
  .xl-active-grayscale-0:active { filter: grayscale(0); }
  .xl-disabled-grayscale-0:disabled { filter: grayscale(0); }
  .xl-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  .xl-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  .xl-group:hover .xl-group-hover-grayscale-0 { filter: grayscale(0); }
  .xl-grayscale-100 { filter: grayscale(1); }
  .xl-hover-grayscale-100:hover { filter: grayscale(1); }
  .xl-focus-grayscale-100:focus { filter: grayscale(1); }
  .xl-active-grayscale-100:active { filter: grayscale(1); }
  .xl-disabled-grayscale-100:disabled { filter: grayscale(1); }
  .xl-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  .xl-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  .xl-group:hover .xl-group-hover-grayscale-100 { filter: grayscale(1); }
  .xl-hue-rotate-0 { filter: hue-rotate(0deg); }
  .xl-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  .xl-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  .xl-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  .xl-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  .xl-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  .xl-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  .xl-group:hover .xl-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  .xl-hue-rotate-45 { filter: hue-rotate(45deg); }
  .xl-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  .xl-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  .xl-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  .xl-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  .xl-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  .xl-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  .xl-group:hover .xl-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  .xl-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .xl-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .xl-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .xl-group:hover .xl-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-hue-rotate-180 { filter: hue-rotate(180deg); }
  .xl-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  .xl-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  .xl-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  .xl-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  .xl-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  .xl-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  .xl-group:hover .xl-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  .xl-invert-0 { filter: invert(0); }
  .xl-hover-invert-0:hover { filter: invert(0); }
  .xl-focus-invert-0:focus { filter: invert(0); }
  .xl-active-invert-0:active { filter: invert(0); }
  .xl-disabled-invert-0:disabled { filter: invert(0); }
  .xl-focus-visible-invert-0:focus-visible { filter: invert(0); }
  .xl-focus-within-invert-0:focus-within { filter: invert(0); }
  .xl-group:hover .xl-group-hover-invert-0 { filter: invert(0); }
  .xl-invert-100 { filter: invert(1); }
  .xl-hover-invert-100:hover { filter: invert(1); }
  .xl-focus-invert-100:focus { filter: invert(1); }
  .xl-active-invert-100:active { filter: invert(1); }
  .xl-disabled-invert-100:disabled { filter: invert(1); }
  .xl-focus-visible-invert-100:focus-visible { filter: invert(1); }
  .xl-focus-within-invert-100:focus-within { filter: invert(1); }
  .xl-group:hover .xl-group-hover-invert-100 { filter: invert(1); }
  .xl-saturate-0 { filter: saturate(0); }
  .xl-hover-saturate-0:hover { filter: saturate(0); }
  .xl-focus-saturate-0:focus { filter: saturate(0); }
  .xl-active-saturate-0:active { filter: saturate(0); }
  .xl-disabled-saturate-0:disabled { filter: saturate(0); }
  .xl-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  .xl-focus-within-saturate-0:focus-within { filter: saturate(0); }
  .xl-group:hover .xl-group-hover-saturate-0 { filter: saturate(0); }
  .xl-saturate-50 { filter: saturate(0.5); }
  .xl-hover-saturate-50:hover { filter: saturate(0.5); }
  .xl-focus-saturate-50:focus { filter: saturate(0.5); }
  .xl-active-saturate-50:active { filter: saturate(0.5); }
  .xl-disabled-saturate-50:disabled { filter: saturate(0.5); }
  .xl-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  .xl-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  .xl-group:hover .xl-group-hover-saturate-50 { filter: saturate(0.5); }
  .xl-saturate-100 { filter: saturate(1); }
  .xl-hover-saturate-100:hover { filter: saturate(1); }
  .xl-focus-saturate-100:focus { filter: saturate(1); }
  .xl-active-saturate-100:active { filter: saturate(1); }
  .xl-disabled-saturate-100:disabled { filter: saturate(1); }
  .xl-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  .xl-focus-within-saturate-100:focus-within { filter: saturate(1); }
  .xl-group:hover .xl-group-hover-saturate-100 { filter: saturate(1); }
  .xl-saturate-150 { filter: saturate(1.5); }
  .xl-hover-saturate-150:hover { filter: saturate(1.5); }
  .xl-focus-saturate-150:focus { filter: saturate(1.5); }
  .xl-active-saturate-150:active { filter: saturate(1.5); }
  .xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .xl-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .xl-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .xl-group:hover .xl-group-hover-saturate-150 { filter: saturate(1.5); }
  .xl-saturate-200 { filter: saturate(2); }
  .xl-hover-saturate-200:hover { filter: saturate(2); }
  .xl-focus-saturate-200:focus { filter: saturate(2); }
  .xl-active-saturate-200:active { filter: saturate(2); }
  .xl-disabled-saturate-200:disabled { filter: saturate(2); }
  .xl-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  .xl-focus-within-saturate-200:focus-within { filter: saturate(2); }
  .xl-group:hover .xl-group-hover-saturate-200 { filter: saturate(2); }
  .xl-sepia-0 { filter: sepia(0); }
  .xl-hover-sepia-0:hover { filter: sepia(0); }
  .xl-focus-sepia-0:focus { filter: sepia(0); }
  .xl-active-sepia-0:active { filter: sepia(0); }
  .xl-disabled-sepia-0:disabled { filter: sepia(0); }
  .xl-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  .xl-focus-within-sepia-0:focus-within { filter: sepia(0); }
  .xl-group:hover .xl-group-hover-sepia-0 { filter: sepia(0); }
  .xl-sepia-100 { filter: sepia(1); }
  .xl-hover-sepia-100:hover { filter: sepia(1); }
  .xl-focus-sepia-100:focus { filter: sepia(1); }
  .xl-active-sepia-100:active { filter: sepia(1); }
  .xl-disabled-sepia-100:disabled { filter: sepia(1); }
  .xl-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  .xl-focus-within-sepia-100:focus-within { filter: sepia(1); }
  .xl-group:hover .xl-group-hover-sepia-100 { filter: sepia(1); }
  .xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-group:hover .xl-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .xl-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-group:hover .xl-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-group:hover .xl-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .xl-mix-normal { mix-blend-mode: normal; }
  .xl-hover-mix-normal:hover { mix-blend-mode: normal; }
  .xl-focus-mix-normal:focus { mix-blend-mode: normal; }
  .xl-active-mix-normal:active { mix-blend-mode: normal; }
  .xl-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  .xl-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  .xl-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  .xl-group:hover .xl-group-hover-mix-normal { mix-blend-mode: normal; }
  .xl-mix-multiply { mix-blend-mode: multiply; }
  .xl-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  .xl-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  .xl-active-mix-multiply:active { mix-blend-mode: multiply; }
  .xl-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  .xl-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  .xl-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  .xl-group:hover .xl-group-hover-mix-multiply { mix-blend-mode: multiply; }
  .xl-mix-screen { mix-blend-mode: screen; }
  .xl-hover-mix-screen:hover { mix-blend-mode: screen; }
  .xl-focus-mix-screen:focus { mix-blend-mode: screen; }
  .xl-active-mix-screen:active { mix-blend-mode: screen; }
  .xl-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  .xl-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  .xl-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  .xl-group:hover .xl-group-hover-mix-screen { mix-blend-mode: screen; }
  .xl-mix-overlay { mix-blend-mode: overlay; }
  .xl-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  .xl-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  .xl-active-mix-overlay:active { mix-blend-mode: overlay; }
  .xl-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  .xl-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  .xl-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  .xl-group:hover .xl-group-hover-mix-overlay { mix-blend-mode: overlay; }
  .xl-mix-darken { mix-blend-mode: darken; }
  .xl-hover-mix-darken:hover { mix-blend-mode: darken; }
  .xl-focus-mix-darken:focus { mix-blend-mode: darken; }
  .xl-active-mix-darken:active { mix-blend-mode: darken; }
  .xl-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  .xl-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  .xl-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  .xl-group:hover .xl-group-hover-mix-darken { mix-blend-mode: darken; }
  .xl-mix-lighten { mix-blend-mode: lighten; }
  .xl-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  .xl-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  .xl-active-mix-lighten:active { mix-blend-mode: lighten; }
  .xl-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  .xl-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  .xl-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  .xl-group:hover .xl-group-hover-mix-lighten { mix-blend-mode: lighten; }
  .xl-mix-color-dodge { mix-blend-mode: color-dodge; }
  .xl-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  .xl-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  .xl-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  .xl-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  .xl-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  .xl-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  .xl-group:hover .xl-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  .xl-mix-color-burn { mix-blend-mode: color-burn; }
  .xl-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  .xl-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  .xl-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  .xl-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  .xl-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  .xl-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  .xl-group:hover .xl-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  .xl-mix-hard-light { mix-blend-mode: hard-light; }
  .xl-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  .xl-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  .xl-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  .xl-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  .xl-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  .xl-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  .xl-group:hover .xl-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  .xl-mix-soft-light { mix-blend-mode: soft-light; }
  .xl-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  .xl-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  .xl-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  .xl-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  .xl-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  .xl-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  .xl-group:hover .xl-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  .xl-mix-difference { mix-blend-mode: difference; }
  .xl-hover-mix-difference:hover { mix-blend-mode: difference; }
  .xl-focus-mix-difference:focus { mix-blend-mode: difference; }
  .xl-active-mix-difference:active { mix-blend-mode: difference; }
  .xl-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  .xl-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  .xl-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  .xl-group:hover .xl-group-hover-mix-difference { mix-blend-mode: difference; }
  .xl-mix-exclusion { mix-blend-mode: exclusion; }
  .xl-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  .xl-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  .xl-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  .xl-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  .xl-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  .xl-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  .xl-group:hover .xl-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  .xl-mix-hue { mix-blend-mode: hue; }
  .xl-hover-mix-hue:hover { mix-blend-mode: hue; }
  .xl-focus-mix-hue:focus { mix-blend-mode: hue; }
  .xl-active-mix-hue:active { mix-blend-mode: hue; }
  .xl-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  .xl-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  .xl-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  .xl-group:hover .xl-group-hover-mix-hue { mix-blend-mode: hue; }
  .xl-mix-saturation { mix-blend-mode: saturation; }
  .xl-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  .xl-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  .xl-active-mix-saturation:active { mix-blend-mode: saturation; }
  .xl-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  .xl-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  .xl-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  .xl-group:hover .xl-group-hover-mix-saturation { mix-blend-mode: saturation; }
  .xl-mix-color { mix-blend-mode: color; }
  .xl-hover-mix-color:hover { mix-blend-mode: color; }
  .xl-focus-mix-color:focus { mix-blend-mode: color; }
  .xl-active-mix-color:active { mix-blend-mode: color; }
  .xl-disabled-mix-color:disabled { mix-blend-mode: color; }
  .xl-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  .xl-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  .xl-group:hover .xl-group-hover-mix-color { mix-blend-mode: color; }
  .xl-mix-luminosity { mix-blend-mode: luminosity; }
  .xl-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  .xl-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  .xl-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  .xl-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  .xl-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  .xl-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  .xl-group:hover .xl-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  .xl-bg-blend-normal { background-blend-mode: normal; }
  .xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .xl-active-bg-blend-normal:active { background-blend-mode: normal; }
  .xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .xl-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .xl-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .xl-group:hover .xl-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .xl-bg-blend-multiply { background-blend-mode: multiply; }
  .xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .xl-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .xl-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .xl-group:hover .xl-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .xl-bg-blend-screen { background-blend-mode: screen; }
  .xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .xl-active-bg-blend-screen:active { background-blend-mode: screen; }
  .xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .xl-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .xl-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .xl-group:hover .xl-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .xl-bg-blend-overlay { background-blend-mode: overlay; }
  .xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .xl-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .xl-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .xl-group:hover .xl-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .xl-bg-blend-darken { background-blend-mode: darken; }
  .xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .xl-active-bg-blend-darken:active { background-blend-mode: darken; }
  .xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .xl-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .xl-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .xl-group:hover .xl-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .xl-bg-blend-lighten { background-blend-mode: lighten; }
  .xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .xl-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .xl-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .xl-group:hover .xl-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .xl-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .xl-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  .xl-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  .xl-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  .xl-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  .xl-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  .xl-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  .xl-group:hover .xl-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .xl-bg-blend-color-burn { background-blend-mode: color-burn; }
  .xl-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  .xl-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  .xl-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  .xl-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  .xl-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  .xl-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  .xl-group:hover .xl-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  .xl-bg-blend-hard-light { background-blend-mode: hard-light; }
  .xl-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  .xl-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  .xl-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  .xl-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  .xl-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  .xl-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  .xl-group:hover .xl-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  .xl-bg-blend-soft-light { background-blend-mode: soft-light; }
  .xl-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  .xl-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  .xl-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  .xl-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  .xl-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  .xl-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  .xl-group:hover .xl-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  .xl-bg-blend-difference { background-blend-mode: difference; }
  .xl-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  .xl-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  .xl-active-bg-blend-difference:active { background-blend-mode: difference; }
  .xl-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  .xl-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  .xl-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  .xl-group:hover .xl-group-hover-bg-blend-difference { background-blend-mode: difference; }
  .xl-bg-blend-exclusion { background-blend-mode: exclusion; }
  .xl-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  .xl-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  .xl-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  .xl-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  .xl-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  .xl-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  .xl-group:hover .xl-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  .xl-bg-blend-hue { background-blend-mode: hue; }
  .xl-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  .xl-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  .xl-active-bg-blend-hue:active { background-blend-mode: hue; }
  .xl-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  .xl-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  .xl-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  .xl-group:hover .xl-group-hover-bg-blend-hue { background-blend-mode: hue; }
  .xl-bg-blend-saturation { background-blend-mode: saturation; }
  .xl-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  .xl-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  .xl-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  .xl-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  .xl-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  .xl-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  .xl-group:hover .xl-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  .xl-bg-blend-color { background-blend-mode: color; }
  .xl-hover-bg-blend-color:hover { background-blend-mode: color; }
  .xl-focus-bg-blend-color:focus { background-blend-mode: color; }
  .xl-active-bg-blend-color:active { background-blend-mode: color; }
  .xl-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  .xl-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  .xl-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  .xl-group:hover .xl-group-hover-bg-blend-color { background-blend-mode: color; }
  .xl-bg-blend-luminosity { background-blend-mode: luminosity; }
  .xl-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  .xl-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  .xl-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  .xl-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  .xl-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  .xl-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  .xl-group:hover .xl-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  .xl-object-contain { object-fit: contain; }
  .xl-hover-object-contain:hover { object-fit: contain; }
  .xl-focus-object-contain:focus { object-fit: contain; }
  .xl-active-object-contain:active { object-fit: contain; }
  .xl-disabled-object-contain:disabled { object-fit: contain; }
  .xl-focus-visible-object-contain:focus-visible { object-fit: contain; }
  .xl-focus-within-object-contain:focus-within { object-fit: contain; }
  .xl-group:hover .xl-group-hover-object-contain { object-fit: contain; }
  .xl-object-cover { object-fit: cover; }
  .xl-hover-object-cover:hover { object-fit: cover; }
  .xl-focus-object-cover:focus { object-fit: cover; }
  .xl-active-object-cover:active { object-fit: cover; }
  .xl-disabled-object-cover:disabled { object-fit: cover; }
  .xl-focus-visible-object-cover:focus-visible { object-fit: cover; }
  .xl-focus-within-object-cover:focus-within { object-fit: cover; }
  .xl-group:hover .xl-group-hover-object-cover { object-fit: cover; }
  .xl-object-fill { object-fit: fill; }
  .xl-hover-object-fill:hover { object-fit: fill; }
  .xl-focus-object-fill:focus { object-fit: fill; }
  .xl-active-object-fill:active { object-fit: fill; }
  .xl-disabled-object-fill:disabled { object-fit: fill; }
  .xl-focus-visible-object-fill:focus-visible { object-fit: fill; }
  .xl-focus-within-object-fill:focus-within { object-fit: fill; }
  .xl-group:hover .xl-group-hover-object-fill { object-fit: fill; }
  .xl-object-none { object-fit: none; }
  .xl-hover-object-none:hover { object-fit: none; }
  .xl-focus-object-none:focus { object-fit: none; }
  .xl-active-object-none:active { object-fit: none; }
  .xl-disabled-object-none:disabled { object-fit: none; }
  .xl-focus-visible-object-none:focus-visible { object-fit: none; }
  .xl-focus-within-object-none:focus-within { object-fit: none; }
  .xl-group:hover .xl-group-hover-object-none { object-fit: none; }
  .xl-object-scale-down { object-fit: scale-down; }
  .xl-hover-object-scale-down:hover { object-fit: scale-down; }
  .xl-focus-object-scale-down:focus { object-fit: scale-down; }
  .xl-active-object-scale-down:active { object-fit: scale-down; }
  .xl-disabled-object-scale-down:disabled { object-fit: scale-down; }
  .xl-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  .xl-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  .xl-group:hover .xl-group-hover-object-scale-down { object-fit: scale-down; }
  .xl-object-top { object-position: top; }
  .xl-hover-object-top:hover { object-position: top; }
  .xl-focus-object-top:focus { object-position: top; }
  .xl-active-object-top:active { object-position: top; }
  .xl-disabled-object-top:disabled { object-position: top; }
  .xl-focus-visible-object-top:focus-visible { object-position: top; }
  .xl-focus-within-object-top:focus-within { object-position: top; }
  .xl-group:hover .xl-group-hover-object-top { object-position: top; }
  .xl-object-bottom { object-position: bottom; }
  .xl-hover-object-bottom:hover { object-position: bottom; }
  .xl-focus-object-bottom:focus { object-position: bottom; }
  .xl-active-object-bottom:active { object-position: bottom; }
  .xl-disabled-object-bottom:disabled { object-position: bottom; }
  .xl-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  .xl-focus-within-object-bottom:focus-within { object-position: bottom; }
  .xl-group:hover .xl-group-hover-object-bottom { object-position: bottom; }
  .xl-object-center { object-position: center; }
  .xl-hover-object-center:hover { object-position: center; }
  .xl-focus-object-center:focus { object-position: center; }
  .xl-active-object-center:active { object-position: center; }
  .xl-disabled-object-center:disabled { object-position: center; }
  .xl-focus-visible-object-center:focus-visible { object-position: center; }
  .xl-focus-within-object-center:focus-within { object-position: center; }
  .xl-group:hover .xl-group-hover-object-center { object-position: center; }
  .xl-object-left { object-position: left; }
  .xl-hover-object-left:hover { object-position: left; }
  .xl-focus-object-left:focus { object-position: left; }
  .xl-active-object-left:active { object-position: left; }
  .xl-disabled-object-left:disabled { object-position: left; }
  .xl-focus-visible-object-left:focus-visible { object-position: left; }
  .xl-focus-within-object-left:focus-within { object-position: left; }
  .xl-group:hover .xl-group-hover-object-left { object-position: left; }
  .xl-object-right { object-position: right; }
  .xl-hover-object-right:hover { object-position: right; }
  .xl-focus-object-right:focus { object-position: right; }
  .xl-active-object-right:active { object-position: right; }
  .xl-disabled-object-right:disabled { object-position: right; }
  .xl-focus-visible-object-right:focus-visible { object-position: right; }
  .xl-focus-within-object-right:focus-within { object-position: right; }
  .xl-group:hover .xl-group-hover-object-right { object-position: right; }
  .xl-object-left-top { object-position: left top; }
  .xl-hover-object-left-top:hover { object-position: left top; }
  .xl-focus-object-left-top:focus { object-position: left top; }
  .xl-active-object-left-top:active { object-position: left top; }
  .xl-disabled-object-left-top:disabled { object-position: left top; }
  .xl-focus-visible-object-left-top:focus-visible { object-position: left top; }
  .xl-focus-within-object-left-top:focus-within { object-position: left top; }
  .xl-group:hover .xl-group-hover-object-left-top { object-position: left top; }
  .xl-object-right-top { object-position: right top; }
  .xl-hover-object-right-top:hover { object-position: right top; }
  .xl-focus-object-right-top:focus { object-position: right top; }
  .xl-active-object-right-top:active { object-position: right top; }
  .xl-disabled-object-right-top:disabled { object-position: right top; }
  .xl-focus-visible-object-right-top:focus-visible { object-position: right top; }
  .xl-focus-within-object-right-top:focus-within { object-position: right top; }
  .xl-group:hover .xl-group-hover-object-right-top { object-position: right top; }
  .xl-object-left-bottom { object-position: left bottom; }
  .xl-hover-object-left-bottom:hover { object-position: left bottom; }
  .xl-focus-object-left-bottom:focus { object-position: left bottom; }
  .xl-active-object-left-bottom:active { object-position: left bottom; }
  .xl-disabled-object-left-bottom:disabled { object-position: left bottom; }
  .xl-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  .xl-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  .xl-group:hover .xl-group-hover-object-left-bottom { object-position: left bottom; }
  .xl-object-right-bottom { object-position: right bottom; }
  .xl-hover-object-right-bottom:hover { object-position: right bottom; }
  .xl-focus-object-right-bottom:focus { object-position: right bottom; }
  .xl-active-object-right-bottom:active { object-position: right bottom; }
  .xl-disabled-object-right-bottom:disabled { object-position: right bottom; }
  .xl-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  .xl-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  .xl-group:hover .xl-group-hover-object-right-bottom { object-position: right bottom; }
  .xl-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-group:hover .xl-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .xl-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-group:hover .xl-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .xl-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-group:hover .xl-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .xl-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-group:hover .xl-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .xl-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-group:hover .xl-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .xl-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-group:hover .xl-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .xl-list-style-image-none { list-style-image: none; }
  .xl-hover-list-style-image-none:hover { list-style-image: none; }
  .xl-focus-list-style-image-none:focus { list-style-image: none; }
  .xl-active-list-style-image-none:active { list-style-image: none; }
  .xl-disabled-list-style-image-none:disabled { list-style-image: none; }
  .xl-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  .xl-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  .xl-group:hover .xl-group-hover-list-style-image-none { list-style-image: none; }
  .xl-list-style-position-inside { list-style-position: inside; }
  .xl-hover-list-style-position-inside:hover { list-style-position: inside; }
  .xl-focus-list-style-position-inside:focus { list-style-position: inside; }
  .xl-active-list-style-position-inside:active { list-style-position: inside; }
  .xl-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  .xl-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  .xl-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  .xl-group:hover .xl-group-hover-list-style-position-inside { list-style-position: inside; }
  .xl-list-style-position-outside { list-style-position: outside; }
  .xl-hover-list-style-position-outside:hover { list-style-position: outside; }
  .xl-focus-list-style-position-outside:focus { list-style-position: outside; }
  .xl-active-list-style-position-outside:active { list-style-position: outside; }
  .xl-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  .xl-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  .xl-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  .xl-group:hover .xl-group-hover-list-style-position-outside { list-style-position: outside; }
  .xl-list-style-type-none { list-style-type: none; }
  .xl-hover-list-style-type-none:hover { list-style-type: none; }
  .xl-focus-list-style-type-none:focus { list-style-type: none; }
  .xl-active-list-style-type-none:active { list-style-type: none; }
  .xl-disabled-list-style-type-none:disabled { list-style-type: none; }
  .xl-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  .xl-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  .xl-group:hover .xl-group-hover-list-style-type-none { list-style-type: none; }
  .xl-list-style-type-disc { list-style-type: disc; }
  .xl-hover-list-style-type-disc:hover { list-style-type: disc; }
  .xl-focus-list-style-type-disc:focus { list-style-type: disc; }
  .xl-active-list-style-type-disc:active { list-style-type: disc; }
  .xl-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  .xl-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  .xl-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  .xl-group:hover .xl-group-hover-list-style-type-disc { list-style-type: disc; }
  .xl-list-style-type-circle { list-style-type: circle; }
  .xl-hover-list-style-type-circle:hover { list-style-type: circle; }
  .xl-focus-list-style-type-circle:focus { list-style-type: circle; }
  .xl-active-list-style-type-circle:active { list-style-type: circle; }
  .xl-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  .xl-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  .xl-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  .xl-group:hover .xl-group-hover-list-style-type-circle { list-style-type: circle; }
  .xl-list-style-type-square { list-style-type: square; }
  .xl-hover-list-style-type-square:hover { list-style-type: square; }
  .xl-focus-list-style-type-square:focus { list-style-type: square; }
  .xl-active-list-style-type-square:active { list-style-type: square; }
  .xl-disabled-list-style-type-square:disabled { list-style-type: square; }
  .xl-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  .xl-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  .xl-group:hover .xl-group-hover-list-style-type-square { list-style-type: square; }
  .xl-list-style-type-decimal { list-style-type: decimal; }
  .xl-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  .xl-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  .xl-active-list-style-type-decimal:active { list-style-type: decimal; }
  .xl-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  .xl-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  .xl-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  .xl-group:hover .xl-group-hover-list-style-type-decimal { list-style-type: decimal; }
  .xl-list-style-type-lower_roman { list-style-type: lower-roman; }
  .xl-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  .xl-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  .xl-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  .xl-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  .xl-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  .xl-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  .xl-group:hover .xl-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  .xl-list-style-type-upper_roman { list-style-type: upper-roman; }
  .xl-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  .xl-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  .xl-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  .xl-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  .xl-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  .xl-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  .xl-group:hover .xl-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  .xl-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .xl-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  .xl-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  .xl-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  .xl-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  .xl-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  .xl-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  .xl-group:hover .xl-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .xl-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .xl-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  .xl-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  .xl-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  .xl-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  .xl-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  .xl-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  .xl-group:hover .xl-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .xl-text-align-left { text-align: left; }
  .xl-hover-text-align-left:hover { text-align: left; }
  .xl-focus-text-align-left:focus { text-align: left; }
  .xl-active-text-align-left:active { text-align: left; }
  .xl-disabled-text-align-left:disabled { text-align: left; }
  .xl-focus-visible-text-align-left:focus-visible { text-align: left; }
  .xl-focus-within-text-align-left:focus-within { text-align: left; }
  .xl-group:hover .xl-group-hover-text-align-left { text-align: left; }
  .xl-text-align-center { text-align: center; }
  .xl-hover-text-align-center:hover { text-align: center; }
  .xl-focus-text-align-center:focus { text-align: center; }
  .xl-active-text-align-center:active { text-align: center; }
  .xl-disabled-text-align-center:disabled { text-align: center; }
  .xl-focus-visible-text-align-center:focus-visible { text-align: center; }
  .xl-focus-within-text-align-center:focus-within { text-align: center; }
  .xl-group:hover .xl-group-hover-text-align-center { text-align: center; }
  .xl-text-align-right { text-align: right; }
  .xl-hover-text-align-right:hover { text-align: right; }
  .xl-focus-text-align-right:focus { text-align: right; }
  .xl-active-text-align-right:active { text-align: right; }
  .xl-disabled-text-align-right:disabled { text-align: right; }
  .xl-focus-visible-text-align-right:focus-visible { text-align: right; }
  .xl-focus-within-text-align-right:focus-within { text-align: right; }
  .xl-group:hover .xl-group-hover-text-align-right { text-align: right; }
  .xl-text-align-justify { text-align: justify; }
  .xl-hover-text-align-justify:hover { text-align: justify; }
  .xl-focus-text-align-justify:focus { text-align: justify; }
  .xl-active-text-align-justify:active { text-align: justify; }
  .xl-disabled-text-align-justify:disabled { text-align: justify; }
  .xl-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  .xl-focus-within-text-align-justify:focus-within { text-align: justify; }
  .xl-group:hover .xl-group-hover-text-align-justify { text-align: justify; }
  .xl-backface-visible { backface-visibility: visible; }
  .xl-hover-backface-visible:hover { backface-visibility: visible; }
  .xl-focus-backface-visible:focus { backface-visibility: visible; }
  .xl-active-backface-visible:active { backface-visibility: visible; }
  .xl-disabled-backface-visible:disabled { backface-visibility: visible; }
  .xl-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .xl-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .xl-group:hover .xl-group-hover-backface-visible { backface-visibility: visible; }
  .xl-backface-hidden { backface-visibility: hidden; }
  .xl-hover-backface-hidden:hover { backface-visibility: hidden; }
  .xl-focus-backface-hidden:focus { backface-visibility: hidden; }
  .xl-active-backface-hidden:active { backface-visibility: hidden; }
  .xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .xl-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .xl-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .xl-group:hover .xl-group-hover-backface-hidden { backface-visibility: hidden; }
  .xl-perspective-none { perspective: none; }
  .xl-hover-perspective-none:hover { perspective: none; }
  .xl-focus-perspective-none:focus { perspective: none; }
  .xl-active-perspective-none:active { perspective: none; }
  .xl-disabled-perspective-none:disabled { perspective: none; }
  .xl-focus-visible-perspective-none:focus-visible { perspective: none; }
  .xl-focus-within-perspective-none:focus-within { perspective: none; }
  .xl-group:hover .xl-group-hover-perspective-none { perspective: none; }
  .xl-perspective-100 { perspective: 100px; }
  .xl-hover-perspective-100:hover { perspective: 100px; }
  .xl-focus-perspective-100:focus { perspective: 100px; }
  .xl-active-perspective-100:active { perspective: 100px; }
  .xl-disabled-perspective-100:disabled { perspective: 100px; }
  .xl-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  .xl-focus-within-perspective-100:focus-within { perspective: 100px; }
  .xl-group:hover .xl-group-hover-perspective-100 { perspective: 100px; }
  .xl-perspective-500 { perspective: 500px; }
  .xl-hover-perspective-500:hover { perspective: 500px; }
  .xl-focus-perspective-500:focus { perspective: 500px; }
  .xl-active-perspective-500:active { perspective: 500px; }
  .xl-disabled-perspective-500:disabled { perspective: 500px; }
  .xl-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  .xl-focus-within-perspective-500:focus-within { perspective: 500px; }
  .xl-group:hover .xl-group-hover-perspective-500 { perspective: 500px; }
  .xl-perspective-1000 { perspective: 1000px; }
  .xl-hover-perspective-1000:hover { perspective: 1000px; }
  .xl-focus-perspective-1000:focus { perspective: 1000px; }
  .xl-active-perspective-1000:active { perspective: 1000px; }
  .xl-disabled-perspective-1000:disabled { perspective: 1000px; }
  .xl-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  .xl-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  .xl-group:hover .xl-group-hover-perspective-1000 { perspective: 1000px; }
  .xl-perspective-1500 { perspective: 1500px; }
  .xl-hover-perspective-1500:hover { perspective: 1500px; }
  .xl-focus-perspective-1500:focus { perspective: 1500px; }
  .xl-active-perspective-1500:active { perspective: 1500px; }
  .xl-disabled-perspective-1500:disabled { perspective: 1500px; }
  .xl-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  .xl-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  .xl-group:hover .xl-group-hover-perspective-1500 { perspective: 1500px; }
  .xl-perspective-2000 { perspective: 2000px; }
  .xl-hover-perspective-2000:hover { perspective: 2000px; }
  .xl-focus-perspective-2000:focus { perspective: 2000px; }
  .xl-active-perspective-2000:active { perspective: 2000px; }
  .xl-disabled-perspective-2000:disabled { perspective: 2000px; }
  .xl-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  .xl-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  .xl-group:hover .xl-group-hover-perspective-2000 { perspective: 2000px; }
  .xl-perspective-origin-center { perspective-origin: center; }
  .xl-hover-perspective-origin-center:hover { perspective-origin: center; }
  .xl-focus-perspective-origin-center:focus { perspective-origin: center; }
  .xl-active-perspective-origin-center:active { perspective-origin: center; }
  .xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .xl-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .xl-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .xl-group:hover .xl-group-hover-perspective-origin-center { perspective-origin: center; }
  .xl-perspective-origin-top { perspective-origin: top; }
  .xl-hover-perspective-origin-top:hover { perspective-origin: top; }
  .xl-focus-perspective-origin-top:focus { perspective-origin: top; }
  .xl-active-perspective-origin-top:active { perspective-origin: top; }
  .xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .xl-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .xl-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .xl-group:hover .xl-group-hover-perspective-origin-top { perspective-origin: top; }
  .xl-perspective-origin-bottom { perspective-origin: bottom; }
  .xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .xl-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .xl-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .xl-group:hover .xl-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .xl-perspective-origin-left { perspective-origin: left; }
  .xl-hover-perspective-origin-left:hover { perspective-origin: left; }
  .xl-focus-perspective-origin-left:focus { perspective-origin: left; }
  .xl-active-perspective-origin-left:active { perspective-origin: left; }
  .xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .xl-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .xl-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .xl-group:hover .xl-group-hover-perspective-origin-left { perspective-origin: left; }
  .xl-perspective-origin-right { perspective-origin: right; }
  .xl-hover-perspective-origin-right:hover { perspective-origin: right; }
  .xl-focus-perspective-origin-right:focus { perspective-origin: right; }
  .xl-active-perspective-origin-right:active { perspective-origin: right; }
  .xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .xl-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .xl-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .xl-group:hover .xl-group-hover-perspective-origin-right { perspective-origin: right; }
  .xl-perspective-origin-top_left { perspective-origin: top left; }
  .xl-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  .xl-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  .xl-active-perspective-origin-top_left:active { perspective-origin: top left; }
  .xl-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  .xl-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  .xl-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  .xl-group:hover .xl-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  .xl-perspective-origin-top_right { perspective-origin: top right; }
  .xl-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  .xl-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  .xl-active-perspective-origin-top_right:active { perspective-origin: top right; }
  .xl-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  .xl-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  .xl-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  .xl-group:hover .xl-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  .xl-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .xl-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  .xl-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  .xl-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  .xl-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  .xl-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  .xl-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  .xl-group:hover .xl-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .xl-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .xl-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  .xl-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  .xl-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  .xl-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  .xl-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  .xl-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  .xl-group:hover .xl-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .xl-transform { transform: var(--quanta-transform, none); }
  .xl-hover-transform:hover { transform: var(--quanta-transform, none); }
  .xl-focus-transform:focus { transform: var(--quanta-transform, none); }
  .xl-active-transform:active { transform: var(--quanta-transform, none); }
  .xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .xl-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .xl-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .xl-group:hover .xl-group-hover-transform { transform: var(--quanta-transform, none); }
  .xl-transform-none { transform: none; }
  .xl-hover-transform-none:hover { transform: none; }
  .xl-focus-transform-none:focus { transform: none; }
  .xl-active-transform-none:active { transform: none; }
  .xl-disabled-transform-none:disabled { transform: none; }
  .xl-focus-visible-transform-none:focus-visible { transform: none; }
  .xl-focus-within-transform-none:focus-within { transform: none; }
  .xl-group:hover .xl-group-hover-transform-none { transform: none; }
  .xl-rotate-n180 { transform: rotate(-180deg); }
  .xl-hover-rotate-n180:hover { transform: rotate(-180deg); }
  .xl-focus-rotate-n180:focus { transform: rotate(-180deg); }
  .xl-active-rotate-n180:active { transform: rotate(-180deg); }
  .xl-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  .xl-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  .xl-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  .xl-group:hover .xl-group-hover-rotate-n180 { transform: rotate(-180deg); }
  .xl-rotate-n90 { transform: rotate(-90deg); }
  .xl-hover-rotate-n90:hover { transform: rotate(-90deg); }
  .xl-focus-rotate-n90:focus { transform: rotate(-90deg); }
  .xl-active-rotate-n90:active { transform: rotate(-90deg); }
  .xl-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  .xl-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  .xl-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  .xl-group:hover .xl-group-hover-rotate-n90 { transform: rotate(-90deg); }
  .xl-rotate-n45 { transform: rotate(-45deg); }
  .xl-hover-rotate-n45:hover { transform: rotate(-45deg); }
  .xl-focus-rotate-n45:focus { transform: rotate(-45deg); }
  .xl-active-rotate-n45:active { transform: rotate(-45deg); }
  .xl-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  .xl-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  .xl-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  .xl-group:hover .xl-group-hover-rotate-n45 { transform: rotate(-45deg); }
  .xl-rotate-0 { transform: rotate(0deg); }
  .xl-hover-rotate-0:hover { transform: rotate(0deg); }
  .xl-focus-rotate-0:focus { transform: rotate(0deg); }
  .xl-active-rotate-0:active { transform: rotate(0deg); }
  .xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .xl-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .xl-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .xl-group:hover .xl-group-hover-rotate-0 { transform: rotate(0deg); }
  .xl-rotate-45 { transform: rotate(45deg); }
  .xl-hover-rotate-45:hover { transform: rotate(45deg); }
  .xl-focus-rotate-45:focus { transform: rotate(45deg); }
  .xl-active-rotate-45:active { transform: rotate(45deg); }
  .xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .xl-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .xl-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .xl-group:hover .xl-group-hover-rotate-45 { transform: rotate(45deg); }
  .xl-rotate-90 { transform: rotate(90deg); }
  .xl-hover-rotate-90:hover { transform: rotate(90deg); }
  .xl-focus-rotate-90:focus { transform: rotate(90deg); }
  .xl-active-rotate-90:active { transform: rotate(90deg); }
  .xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .xl-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .xl-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .xl-group:hover .xl-group-hover-rotate-90 { transform: rotate(90deg); }
  .xl-rotate-180 { transform: rotate(180deg); }
  .xl-hover-rotate-180:hover { transform: rotate(180deg); }
  .xl-focus-rotate-180:focus { transform: rotate(180deg); }
  .xl-active-rotate-180:active { transform: rotate(180deg); }
  .xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .xl-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .xl-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .xl-group:hover .xl-group-hover-rotate-180 { transform: rotate(180deg); }
  .xl-scale-50 { transform: scale(0.5); }
  .xl-hover-scale-50:hover { transform: scale(0.5); }
  .xl-focus-scale-50:focus { transform: scale(0.5); }
  .xl-active-scale-50:active { transform: scale(0.5); }
  .xl-disabled-scale-50:disabled { transform: scale(0.5); }
  .xl-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .xl-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .xl-group:hover .xl-group-hover-scale-50 { transform: scale(0.5); }
  .xl-scale-75 { transform: scale(0.75); }
  .xl-hover-scale-75:hover { transform: scale(0.75); }
  .xl-focus-scale-75:focus { transform: scale(0.75); }
  .xl-active-scale-75:active { transform: scale(0.75); }
  .xl-disabled-scale-75:disabled { transform: scale(0.75); }
  .xl-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .xl-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .xl-group:hover .xl-group-hover-scale-75 { transform: scale(0.75); }
  .xl-scale-90 { transform: scale(0.9); }
  .xl-hover-scale-90:hover { transform: scale(0.9); }
  .xl-focus-scale-90:focus { transform: scale(0.9); }
  .xl-active-scale-90:active { transform: scale(0.9); }
  .xl-disabled-scale-90:disabled { transform: scale(0.9); }
  .xl-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .xl-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .xl-group:hover .xl-group-hover-scale-90 { transform: scale(0.9); }
  .xl-scale-95 { transform: scale(0.95); }
  .xl-hover-scale-95:hover { transform: scale(0.95); }
  .xl-focus-scale-95:focus { transform: scale(0.95); }
  .xl-active-scale-95:active { transform: scale(0.95); }
  .xl-disabled-scale-95:disabled { transform: scale(0.95); }
  .xl-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .xl-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .xl-group:hover .xl-group-hover-scale-95 { transform: scale(0.95); }
  .xl-scale-100 { transform: scale(1.0); }
  .xl-hover-scale-100:hover { transform: scale(1.0); }
  .xl-focus-scale-100:focus { transform: scale(1.0); }
  .xl-active-scale-100:active { transform: scale(1.0); }
  .xl-disabled-scale-100:disabled { transform: scale(1.0); }
  .xl-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .xl-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .xl-group:hover .xl-group-hover-scale-100 { transform: scale(1.0); }
  .xl-scale-105 { transform: scale(1.05); }
  .xl-hover-scale-105:hover { transform: scale(1.05); }
  .xl-focus-scale-105:focus { transform: scale(1.05); }
  .xl-active-scale-105:active { transform: scale(1.05); }
  .xl-disabled-scale-105:disabled { transform: scale(1.05); }
  .xl-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .xl-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .xl-group:hover .xl-group-hover-scale-105 { transform: scale(1.05); }
  .xl-scale-110 { transform: scale(1.1); }
  .xl-hover-scale-110:hover { transform: scale(1.1); }
  .xl-focus-scale-110:focus { transform: scale(1.1); }
  .xl-active-scale-110:active { transform: scale(1.1); }
  .xl-disabled-scale-110:disabled { transform: scale(1.1); }
  .xl-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .xl-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .xl-group:hover .xl-group-hover-scale-110 { transform: scale(1.1); }
  .xl-scale-125 { transform: scale(1.25); }
  .xl-hover-scale-125:hover { transform: scale(1.25); }
  .xl-focus-scale-125:focus { transform: scale(1.25); }
  .xl-active-scale-125:active { transform: scale(1.25); }
  .xl-disabled-scale-125:disabled { transform: scale(1.25); }
  .xl-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .xl-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .xl-group:hover .xl-group-hover-scale-125 { transform: scale(1.25); }
  .xl-scale-150 { transform: scale(1.5); }
  .xl-hover-scale-150:hover { transform: scale(1.5); }
  .xl-focus-scale-150:focus { transform: scale(1.5); }
  .xl-active-scale-150:active { transform: scale(1.5); }
  .xl-disabled-scale-150:disabled { transform: scale(1.5); }
  .xl-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .xl-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .xl-group:hover .xl-group-hover-scale-150 { transform: scale(1.5); }
  .xl-skew-x-n45 { transform: skewX(-45deg); }
  .xl-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  .xl-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  .xl-active-skew-x-n45:active { transform: skewX(-45deg); }
  .xl-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  .xl-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  .xl-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  .xl-group:hover .xl-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  .xl-skew-y-n45 { transform: skewY(-45deg); }
  .xl-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  .xl-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  .xl-active-skew-y-n45:active { transform: skewY(-45deg); }
  .xl-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  .xl-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  .xl-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  .xl-group:hover .xl-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  .xl-skew-x-n30 { transform: skewX(-30deg); }
  .xl-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  .xl-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  .xl-active-skew-x-n30:active { transform: skewX(-30deg); }
  .xl-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  .xl-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  .xl-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  .xl-group:hover .xl-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  .xl-skew-y-n30 { transform: skewY(-30deg); }
  .xl-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  .xl-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  .xl-active-skew-y-n30:active { transform: skewY(-30deg); }
  .xl-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  .xl-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  .xl-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  .xl-group:hover .xl-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  .xl-skew-x-n15 { transform: skewX(-15deg); }
  .xl-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  .xl-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  .xl-active-skew-x-n15:active { transform: skewX(-15deg); }
  .xl-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  .xl-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  .xl-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  .xl-group:hover .xl-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  .xl-skew-y-n15 { transform: skewY(-15deg); }
  .xl-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  .xl-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  .xl-active-skew-y-n15:active { transform: skewY(-15deg); }
  .xl-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  .xl-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  .xl-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  .xl-group:hover .xl-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  .xl-skew-x-0 { transform: skewX(0deg); }
  .xl-hover-skew-x-0:hover { transform: skewX(0deg); }
  .xl-focus-skew-x-0:focus { transform: skewX(0deg); }
  .xl-active-skew-x-0:active { transform: skewX(0deg); }
  .xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .xl-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .xl-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .xl-group:hover .xl-group-hover-skew-x-0 { transform: skewX(0deg); }
  .xl-skew-y-0 { transform: skewY(0deg); }
  .xl-hover-skew-y-0:hover { transform: skewY(0deg); }
  .xl-focus-skew-y-0:focus { transform: skewY(0deg); }
  .xl-active-skew-y-0:active { transform: skewY(0deg); }
  .xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .xl-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .xl-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .xl-group:hover .xl-group-hover-skew-y-0 { transform: skewY(0deg); }
  .xl-skew-x-15 { transform: skewX(15deg); }
  .xl-hover-skew-x-15:hover { transform: skewX(15deg); }
  .xl-focus-skew-x-15:focus { transform: skewX(15deg); }
  .xl-active-skew-x-15:active { transform: skewX(15deg); }
  .xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .xl-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .xl-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .xl-group:hover .xl-group-hover-skew-x-15 { transform: skewX(15deg); }
  .xl-skew-y-15 { transform: skewY(15deg); }
  .xl-hover-skew-y-15:hover { transform: skewY(15deg); }
  .xl-focus-skew-y-15:focus { transform: skewY(15deg); }
  .xl-active-skew-y-15:active { transform: skewY(15deg); }
  .xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .xl-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .xl-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .xl-group:hover .xl-group-hover-skew-y-15 { transform: skewY(15deg); }
  .xl-skew-x-30 { transform: skewX(30deg); }
  .xl-hover-skew-x-30:hover { transform: skewX(30deg); }
  .xl-focus-skew-x-30:focus { transform: skewX(30deg); }
  .xl-active-skew-x-30:active { transform: skewX(30deg); }
  .xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .xl-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .xl-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .xl-group:hover .xl-group-hover-skew-x-30 { transform: skewX(30deg); }
  .xl-skew-y-30 { transform: skewY(30deg); }
  .xl-hover-skew-y-30:hover { transform: skewY(30deg); }
  .xl-focus-skew-y-30:focus { transform: skewY(30deg); }
  .xl-active-skew-y-30:active { transform: skewY(30deg); }
  .xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .xl-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .xl-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .xl-group:hover .xl-group-hover-skew-y-30 { transform: skewY(30deg); }
  .xl-skew-x-45 { transform: skewX(45deg); }
  .xl-hover-skew-x-45:hover { transform: skewX(45deg); }
  .xl-focus-skew-x-45:focus { transform: skewX(45deg); }
  .xl-active-skew-x-45:active { transform: skewX(45deg); }
  .xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .xl-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .xl-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .xl-group:hover .xl-group-hover-skew-x-45 { transform: skewX(45deg); }
  .xl-skew-y-45 { transform: skewY(45deg); }
  .xl-hover-skew-y-45:hover { transform: skewY(45deg); }
  .xl-focus-skew-y-45:focus { transform: skewY(45deg); }
  .xl-active-skew-y-45:active { transform: skewY(45deg); }
  .xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .xl-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .xl-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .xl-group:hover .xl-group-hover-skew-y-45 { transform: skewY(45deg); }
  .xl-translate-x-0 { transform: translateX(0rem); }
  .xl-hover-translate-x-0:hover { transform: translateX(0rem); }
  .xl-focus-translate-x-0:focus { transform: translateX(0rem); }
  .xl-active-translate-x-0:active { transform: translateX(0rem); }
  .xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .xl-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .xl-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .xl-group:hover .xl-group-hover-translate-x-0 { transform: translateX(0rem); }
  .xl-translate-y-0 { transform: translateY(0rem); }
  .xl-hover-translate-y-0:hover { transform: translateY(0rem); }
  .xl-focus-translate-y-0:focus { transform: translateY(0rem); }
  .xl-active-translate-y-0:active { transform: translateY(0rem); }
  .xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .xl-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .xl-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .xl-group:hover .xl-group-hover-translate-y-0 { transform: translateY(0rem); }
  .xl-translate-x-0_125 { transform: translateX(0.125rem); }
  .xl-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  .xl-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  .xl-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  .xl-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  .xl-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  .xl-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  .xl-translate-y-0_125 { transform: translateY(0.125rem); }
  .xl-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  .xl-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  .xl-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  .xl-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  .xl-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  .xl-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  .xl-translate-x-0_25 { transform: translateX(0.25rem); }
  .xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .xl-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .xl-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .xl-translate-y-0_25 { transform: translateY(0.25rem); }
  .xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .xl-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .xl-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .xl-translate-x-0_5 { transform: translateX(0.5rem); }
  .xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .xl-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .xl-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .xl-translate-y-0_5 { transform: translateY(0.5rem); }
  .xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .xl-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .xl-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .xl-translate-x-0_75 { transform: translateX(0.75rem); }
  .xl-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  .xl-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  .xl-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  .xl-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  .xl-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  .xl-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  .xl-group:hover .xl-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  .xl-translate-y-0_75 { transform: translateY(0.75rem); }
  .xl-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  .xl-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  .xl-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  .xl-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  .xl-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  .xl-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  .xl-group:hover .xl-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  .xl-translate-x-1 { transform: translateX(1rem); }
  .xl-hover-translate-x-1:hover { transform: translateX(1rem); }
  .xl-focus-translate-x-1:focus { transform: translateX(1rem); }
  .xl-active-translate-x-1:active { transform: translateX(1rem); }
  .xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .xl-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .xl-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .xl-group:hover .xl-group-hover-translate-x-1 { transform: translateX(1rem); }
  .xl-translate-y-1 { transform: translateY(1rem); }
  .xl-hover-translate-y-1:hover { transform: translateY(1rem); }
  .xl-focus-translate-y-1:focus { transform: translateY(1rem); }
  .xl-active-translate-y-1:active { transform: translateY(1rem); }
  .xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .xl-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .xl-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .xl-group:hover .xl-group-hover-translate-y-1 { transform: translateY(1rem); }
  .xl-translate-x-1_5 { transform: translateX(1.5rem); }
  .xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .xl-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .xl-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .xl-group:hover .xl-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .xl-translate-y-1_5 { transform: translateY(1.5rem); }
  .xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .xl-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .xl-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .xl-group:hover .xl-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .xl-translate-x-2 { transform: translateX(2rem); }
  .xl-hover-translate-x-2:hover { transform: translateX(2rem); }
  .xl-focus-translate-x-2:focus { transform: translateX(2rem); }
  .xl-active-translate-x-2:active { transform: translateX(2rem); }
  .xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .xl-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .xl-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .xl-group:hover .xl-group-hover-translate-x-2 { transform: translateX(2rem); }
  .xl-translate-y-2 { transform: translateY(2rem); }
  .xl-hover-translate-y-2:hover { transform: translateY(2rem); }
  .xl-focus-translate-y-2:focus { transform: translateY(2rem); }
  .xl-active-translate-y-2:active { transform: translateY(2rem); }
  .xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .xl-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .xl-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .xl-group:hover .xl-group-hover-translate-y-2 { transform: translateY(2rem); }
  .xl-translate-x-3 { transform: translateX(3rem); }
  .xl-hover-translate-x-3:hover { transform: translateX(3rem); }
  .xl-focus-translate-x-3:focus { transform: translateX(3rem); }
  .xl-active-translate-x-3:active { transform: translateX(3rem); }
  .xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .xl-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .xl-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .xl-group:hover .xl-group-hover-translate-x-3 { transform: translateX(3rem); }
  .xl-translate-y-3 { transform: translateY(3rem); }
  .xl-hover-translate-y-3:hover { transform: translateY(3rem); }
  .xl-focus-translate-y-3:focus { transform: translateY(3rem); }
  .xl-active-translate-y-3:active { transform: translateY(3rem); }
  .xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .xl-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .xl-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .xl-group:hover .xl-group-hover-translate-y-3 { transform: translateY(3rem); }
  .xl-translate-x-4 { transform: translateX(4rem); }
  .xl-hover-translate-x-4:hover { transform: translateX(4rem); }
  .xl-focus-translate-x-4:focus { transform: translateX(4rem); }
  .xl-active-translate-x-4:active { transform: translateX(4rem); }
  .xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .xl-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .xl-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .xl-group:hover .xl-group-hover-translate-x-4 { transform: translateX(4rem); }
  .xl-translate-y-4 { transform: translateY(4rem); }
  .xl-hover-translate-y-4:hover { transform: translateY(4rem); }
  .xl-focus-translate-y-4:focus { transform: translateY(4rem); }
  .xl-active-translate-y-4:active { transform: translateY(4rem); }
  .xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .xl-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .xl-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .xl-group:hover .xl-group-hover-translate-y-4 { transform: translateY(4rem); }
  .xl-origin-center { transform-origin: center; }
  .xl-hover-origin-center:hover { transform-origin: center; }
  .xl-focus-origin-center:focus { transform-origin: center; }
  .xl-active-origin-center:active { transform-origin: center; }
  .xl-disabled-origin-center:disabled { transform-origin: center; }
  .xl-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .xl-focus-within-origin-center:focus-within { transform-origin: center; }
  .xl-group:hover .xl-group-hover-origin-center { transform-origin: center; }
  .xl-origin-top { transform-origin: top; }
  .xl-hover-origin-top:hover { transform-origin: top; }
  .xl-focus-origin-top:focus { transform-origin: top; }
  .xl-active-origin-top:active { transform-origin: top; }
  .xl-disabled-origin-top:disabled { transform-origin: top; }
  .xl-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .xl-focus-within-origin-top:focus-within { transform-origin: top; }
  .xl-group:hover .xl-group-hover-origin-top { transform-origin: top; }
  .xl-origin-bottom { transform-origin: bottom; }
  .xl-hover-origin-bottom:hover { transform-origin: bottom; }
  .xl-focus-origin-bottom:focus { transform-origin: bottom; }
  .xl-active-origin-bottom:active { transform-origin: bottom; }
  .xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .xl-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .xl-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .xl-group:hover .xl-group-hover-origin-bottom { transform-origin: bottom; }
  .xl-origin-left { transform-origin: left; }
  .xl-hover-origin-left:hover { transform-origin: left; }
  .xl-focus-origin-left:focus { transform-origin: left; }
  .xl-active-origin-left:active { transform-origin: left; }
  .xl-disabled-origin-left:disabled { transform-origin: left; }
  .xl-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .xl-focus-within-origin-left:focus-within { transform-origin: left; }
  .xl-group:hover .xl-group-hover-origin-left { transform-origin: left; }
  .xl-origin-right { transform-origin: right; }
  .xl-hover-origin-right:hover { transform-origin: right; }
  .xl-focus-origin-right:focus { transform-origin: right; }
  .xl-active-origin-right:active { transform-origin: right; }
  .xl-disabled-origin-right:disabled { transform-origin: right; }
  .xl-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .xl-focus-within-origin-right:focus-within { transform-origin: right; }
  .xl-group:hover .xl-group-hover-origin-right { transform-origin: right; }
  .xl-origin-top_left { transform-origin: top left; }
  .xl-hover-origin-top_left:hover { transform-origin: top left; }
  .xl-focus-origin-top_left:focus { transform-origin: top left; }
  .xl-active-origin-top_left:active { transform-origin: top left; }
  .xl-disabled-origin-top_left:disabled { transform-origin: top left; }
  .xl-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  .xl-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  .xl-group:hover .xl-group-hover-origin-top_left { transform-origin: top left; }
  .xl-origin-top_right { transform-origin: top right; }
  .xl-hover-origin-top_right:hover { transform-origin: top right; }
  .xl-focus-origin-top_right:focus { transform-origin: top right; }
  .xl-active-origin-top_right:active { transform-origin: top right; }
  .xl-disabled-origin-top_right:disabled { transform-origin: top right; }
  .xl-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  .xl-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  .xl-group:hover .xl-group-hover-origin-top_right { transform-origin: top right; }
  .xl-origin-bottom_left { transform-origin: bottom left; }
  .xl-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  .xl-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  .xl-active-origin-bottom_left:active { transform-origin: bottom left; }
  .xl-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  .xl-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  .xl-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  .xl-group:hover .xl-group-hover-origin-bottom_left { transform-origin: bottom left; }
  .xl-origin-bottom_right { transform-origin: bottom right; }
  .xl-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  .xl-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  .xl-active-origin-bottom_right:active { transform-origin: bottom right; }
  .xl-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  .xl-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  .xl-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  .xl-group:hover .xl-group-hover-origin-bottom_right { transform-origin: bottom right; }
  .xl-transform-style-flat { transform-style: flat; }
  .xl-hover-transform-style-flat:hover { transform-style: flat; }
  .xl-focus-transform-style-flat:focus { transform-style: flat; }
  .xl-active-transform-style-flat:active { transform-style: flat; }
  .xl-disabled-transform-style-flat:disabled { transform-style: flat; }
  .xl-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .xl-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .xl-group:hover .xl-group-hover-transform-style-flat { transform-style: flat; }
  .xl-transform-style-preserve-3d { transform-style: preserve-3d; }
  .xl-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  .xl-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  .xl-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  .xl-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  .xl-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  .xl-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  .xl-group:hover .xl-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  .xl-accent-auto { accent-color: auto; }
  .xl-hover-accent-auto:hover { accent-color: auto; }
  .xl-focus-accent-auto:focus { accent-color: auto; }
  .xl-active-accent-auto:active { accent-color: auto; }
  .xl-disabled-accent-auto:disabled { accent-color: auto; }
  .xl-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .xl-focus-within-accent-auto:focus-within { accent-color: auto; }
  .xl-group:hover .xl-group-hover-accent-auto { accent-color: auto; }
  .xl-accent-transparent { accent-color: transparent; }
  .xl-hover-accent-transparent:hover { accent-color: transparent; }
  .xl-focus-accent-transparent:focus { accent-color: transparent; }
  .xl-active-accent-transparent:active { accent-color: transparent; }
  .xl-disabled-accent-transparent:disabled { accent-color: transparent; }
  .xl-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  .xl-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  .xl-group:hover .xl-group-hover-accent-transparent { accent-color: transparent; }
  .xl-accent-red-50 { accent-color: var(--quanta-red-50); }
  .xl-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  .xl-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  .xl-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  .xl-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  .xl-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  .xl-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  .xl-accent-red-100 { accent-color: var(--quanta-red-100); }
  .xl-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  .xl-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  .xl-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  .xl-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  .xl-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  .xl-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  .xl-accent-red-200 { accent-color: var(--quanta-red-200); }
  .xl-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  .xl-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  .xl-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  .xl-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  .xl-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  .xl-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  .xl-accent-red-300 { accent-color: var(--quanta-red-300); }
  .xl-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  .xl-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  .xl-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  .xl-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  .xl-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  .xl-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  .xl-accent-red-400 { accent-color: var(--quanta-red-400); }
  .xl-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  .xl-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  .xl-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  .xl-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  .xl-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  .xl-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  .xl-accent-red-500 { accent-color: var(--quanta-red-500); }
  .xl-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  .xl-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  .xl-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  .xl-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  .xl-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  .xl-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  .xl-accent-red-600 { accent-color: var(--quanta-red-600); }
  .xl-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  .xl-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  .xl-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  .xl-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  .xl-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  .xl-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  .xl-accent-red-700 { accent-color: var(--quanta-red-700); }
  .xl-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  .xl-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  .xl-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  .xl-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  .xl-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  .xl-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  .xl-accent-red-800 { accent-color: var(--quanta-red-800); }
  .xl-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  .xl-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  .xl-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  .xl-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  .xl-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  .xl-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  .xl-accent-red-900 { accent-color: var(--quanta-red-900); }
  .xl-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  .xl-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  .xl-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  .xl-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  .xl-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  .xl-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  .xl-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .xl-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  .xl-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  .xl-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  .xl-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  .xl-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  .xl-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .xl-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .xl-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  .xl-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  .xl-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  .xl-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  .xl-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  .xl-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .xl-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .xl-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  .xl-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  .xl-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  .xl-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  .xl-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  .xl-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .xl-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .xl-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  .xl-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  .xl-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  .xl-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  .xl-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  .xl-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .xl-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .xl-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  .xl-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  .xl-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  .xl-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  .xl-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  .xl-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .xl-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .xl-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  .xl-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  .xl-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  .xl-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  .xl-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  .xl-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .xl-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .xl-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  .xl-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  .xl-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  .xl-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  .xl-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  .xl-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .xl-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .xl-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  .xl-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  .xl-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  .xl-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  .xl-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  .xl-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .xl-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .xl-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  .xl-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  .xl-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  .xl-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  .xl-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  .xl-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .xl-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .xl-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  .xl-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  .xl-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  .xl-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  .xl-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  .xl-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .xl-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .xl-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  .xl-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  .xl-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  .xl-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  .xl-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  .xl-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .xl-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .xl-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  .xl-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  .xl-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  .xl-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  .xl-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  .xl-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .xl-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .xl-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  .xl-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  .xl-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  .xl-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  .xl-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  .xl-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .xl-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .xl-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  .xl-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  .xl-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  .xl-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  .xl-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  .xl-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .xl-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .xl-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  .xl-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  .xl-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  .xl-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  .xl-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  .xl-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .xl-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .xl-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  .xl-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  .xl-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  .xl-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  .xl-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  .xl-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .xl-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .xl-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  .xl-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  .xl-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  .xl-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  .xl-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  .xl-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .xl-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .xl-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  .xl-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  .xl-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  .xl-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  .xl-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  .xl-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .xl-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .xl-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  .xl-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  .xl-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  .xl-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  .xl-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  .xl-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .xl-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .xl-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  .xl-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  .xl-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  .xl-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  .xl-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  .xl-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .xl-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .xl-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  .xl-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  .xl-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  .xl-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  .xl-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  .xl-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .xl-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .xl-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  .xl-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  .xl-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  .xl-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  .xl-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  .xl-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .xl-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .xl-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  .xl-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  .xl-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  .xl-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  .xl-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  .xl-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .xl-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .xl-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  .xl-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  .xl-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  .xl-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  .xl-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  .xl-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .xl-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .xl-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  .xl-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  .xl-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  .xl-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  .xl-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  .xl-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .xl-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .xl-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  .xl-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  .xl-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  .xl-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  .xl-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  .xl-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .xl-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .xl-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  .xl-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  .xl-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  .xl-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  .xl-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  .xl-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .xl-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .xl-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  .xl-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  .xl-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  .xl-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  .xl-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  .xl-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .xl-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .xl-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  .xl-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  .xl-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  .xl-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  .xl-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  .xl-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .xl-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .xl-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  .xl-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  .xl-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  .xl-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  .xl-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  .xl-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .xl-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .xl-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  .xl-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  .xl-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  .xl-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  .xl-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  .xl-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .xl-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .xl-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  .xl-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  .xl-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  .xl-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  .xl-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  .xl-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .xl-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .xl-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  .xl-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  .xl-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  .xl-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  .xl-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  .xl-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .xl-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .xl-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  .xl-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  .xl-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  .xl-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  .xl-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  .xl-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .xl-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .xl-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  .xl-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  .xl-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  .xl-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  .xl-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  .xl-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .xl-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .xl-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  .xl-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  .xl-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  .xl-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  .xl-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  .xl-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .xl-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .xl-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  .xl-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  .xl-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  .xl-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  .xl-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  .xl-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .xl-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .xl-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  .xl-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  .xl-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  .xl-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  .xl-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  .xl-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .xl-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .xl-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  .xl-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  .xl-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  .xl-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  .xl-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  .xl-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .xl-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .xl-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  .xl-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  .xl-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  .xl-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  .xl-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  .xl-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .xl-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .xl-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  .xl-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  .xl-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  .xl-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  .xl-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  .xl-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .xl-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .xl-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  .xl-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  .xl-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  .xl-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  .xl-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  .xl-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .xl-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .xl-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  .xl-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  .xl-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  .xl-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  .xl-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  .xl-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .xl-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .xl-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  .xl-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  .xl-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  .xl-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  .xl-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  .xl-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .xl-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .xl-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  .xl-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  .xl-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  .xl-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  .xl-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  .xl-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .xl-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .xl-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  .xl-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  .xl-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  .xl-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  .xl-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  .xl-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .xl-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .xl-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  .xl-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  .xl-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  .xl-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  .xl-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  .xl-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .xl-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .xl-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  .xl-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  .xl-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  .xl-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  .xl-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  .xl-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .xl-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .xl-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  .xl-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  .xl-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  .xl-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  .xl-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  .xl-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .xl-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .xl-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  .xl-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  .xl-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  .xl-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  .xl-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  .xl-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .xl-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .xl-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  .xl-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  .xl-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  .xl-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  .xl-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  .xl-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .xl-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .xl-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  .xl-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  .xl-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  .xl-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  .xl-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  .xl-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .xl-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .xl-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  .xl-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  .xl-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  .xl-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  .xl-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  .xl-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .xl-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .xl-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  .xl-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  .xl-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  .xl-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  .xl-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  .xl-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .xl-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .xl-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  .xl-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  .xl-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  .xl-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  .xl-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  .xl-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .xl-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .xl-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  .xl-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  .xl-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  .xl-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  .xl-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  .xl-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .xl-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .xl-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  .xl-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  .xl-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  .xl-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  .xl-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  .xl-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .xl-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .xl-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  .xl-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  .xl-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  .xl-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  .xl-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  .xl-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .xl-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .xl-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  .xl-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  .xl-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  .xl-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  .xl-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  .xl-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .xl-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .xl-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  .xl-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  .xl-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  .xl-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  .xl-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  .xl-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .xl-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .xl-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  .xl-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  .xl-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  .xl-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  .xl-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  .xl-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .xl-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .xl-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  .xl-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  .xl-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  .xl-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  .xl-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  .xl-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .xl-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .xl-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  .xl-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  .xl-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  .xl-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  .xl-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  .xl-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .xl-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .xl-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  .xl-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  .xl-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  .xl-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  .xl-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  .xl-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .xl-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .xl-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  .xl-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  .xl-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  .xl-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  .xl-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  .xl-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .xl-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .xl-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  .xl-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  .xl-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  .xl-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  .xl-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  .xl-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .xl-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .xl-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  .xl-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  .xl-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  .xl-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  .xl-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  .xl-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .xl-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .xl-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  .xl-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  .xl-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  .xl-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  .xl-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  .xl-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .xl-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .xl-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  .xl-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  .xl-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  .xl-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  .xl-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  .xl-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .xl-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .xl-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  .xl-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  .xl-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  .xl-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  .xl-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  .xl-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .xl-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .xl-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  .xl-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  .xl-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  .xl-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  .xl-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  .xl-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .xl-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .xl-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  .xl-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  .xl-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  .xl-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  .xl-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  .xl-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .xl-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .xl-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  .xl-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  .xl-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  .xl-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  .xl-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  .xl-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .xl-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .xl-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  .xl-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  .xl-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  .xl-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  .xl-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  .xl-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .xl-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .xl-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  .xl-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  .xl-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  .xl-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  .xl-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  .xl-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .xl-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .xl-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  .xl-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  .xl-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  .xl-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  .xl-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  .xl-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .xl-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .xl-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  .xl-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  .xl-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  .xl-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  .xl-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  .xl-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .xl-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .xl-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  .xl-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  .xl-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  .xl-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  .xl-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  .xl-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .xl-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .xl-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  .xl-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  .xl-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  .xl-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  .xl-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  .xl-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .xl-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .xl-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  .xl-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  .xl-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  .xl-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  .xl-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  .xl-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .xl-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .xl-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  .xl-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  .xl-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  .xl-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  .xl-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  .xl-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .xl-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .xl-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  .xl-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  .xl-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  .xl-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  .xl-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  .xl-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .xl-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .xl-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  .xl-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  .xl-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  .xl-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  .xl-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  .xl-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .xl-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .xl-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  .xl-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  .xl-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  .xl-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  .xl-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  .xl-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .xl-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .xl-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  .xl-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  .xl-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  .xl-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  .xl-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  .xl-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .xl-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .xl-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  .xl-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  .xl-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  .xl-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  .xl-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  .xl-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .xl-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .xl-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  .xl-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  .xl-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  .xl-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  .xl-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  .xl-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .xl-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .xl-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  .xl-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  .xl-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  .xl-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  .xl-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  .xl-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .xl-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .xl-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  .xl-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  .xl-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  .xl-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  .xl-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  .xl-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .xl-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .xl-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  .xl-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  .xl-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  .xl-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  .xl-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  .xl-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .xl-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .xl-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  .xl-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  .xl-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  .xl-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  .xl-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  .xl-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .xl-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .xl-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  .xl-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  .xl-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  .xl-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  .xl-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  .xl-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .xl-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .xl-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  .xl-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  .xl-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  .xl-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  .xl-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  .xl-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .xl-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .xl-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  .xl-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  .xl-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  .xl-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  .xl-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  .xl-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .xl-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .xl-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  .xl-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  .xl-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  .xl-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  .xl-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  .xl-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .xl-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .xl-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  .xl-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  .xl-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  .xl-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  .xl-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  .xl-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .xl-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .xl-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  .xl-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  .xl-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  .xl-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  .xl-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  .xl-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .xl-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .xl-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  .xl-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  .xl-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  .xl-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  .xl-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  .xl-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .xl-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .xl-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  .xl-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  .xl-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  .xl-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  .xl-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  .xl-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .xl-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .xl-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  .xl-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  .xl-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  .xl-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  .xl-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  .xl-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .xl-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .xl-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  .xl-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  .xl-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  .xl-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  .xl-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  .xl-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .xl-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .xl-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  .xl-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  .xl-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  .xl-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  .xl-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  .xl-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .xl-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .xl-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  .xl-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  .xl-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  .xl-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  .xl-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  .xl-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .xl-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .xl-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  .xl-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  .xl-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  .xl-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  .xl-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  .xl-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .xl-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .xl-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  .xl-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  .xl-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  .xl-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  .xl-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  .xl-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .xl-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .xl-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  .xl-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  .xl-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  .xl-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  .xl-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  .xl-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .xl-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .xl-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  .xl-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  .xl-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  .xl-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  .xl-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  .xl-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .xl-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .xl-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  .xl-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  .xl-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  .xl-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  .xl-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  .xl-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .xl-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .xl-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  .xl-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  .xl-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  .xl-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  .xl-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  .xl-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .xl-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .xl-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  .xl-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  .xl-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  .xl-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  .xl-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  .xl-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .xl-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .xl-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  .xl-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  .xl-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  .xl-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  .xl-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  .xl-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .xl-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .xl-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  .xl-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  .xl-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  .xl-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  .xl-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  .xl-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .xl-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .xl-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  .xl-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  .xl-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  .xl-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  .xl-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  .xl-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .xl-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .xl-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  .xl-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  .xl-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  .xl-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  .xl-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  .xl-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .xl-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .xl-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  .xl-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  .xl-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  .xl-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  .xl-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  .xl-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .xl-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .xl-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  .xl-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  .xl-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  .xl-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  .xl-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  .xl-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .xl-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .xl-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  .xl-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  .xl-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  .xl-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  .xl-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  .xl-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .xl-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .xl-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  .xl-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  .xl-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  .xl-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  .xl-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  .xl-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .xl-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .xl-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  .xl-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  .xl-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  .xl-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  .xl-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  .xl-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .xl-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .xl-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  .xl-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  .xl-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  .xl-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  .xl-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  .xl-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .xl-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .xl-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  .xl-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  .xl-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  .xl-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  .xl-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  .xl-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .xl-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .xl-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  .xl-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  .xl-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  .xl-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  .xl-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  .xl-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .xl-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .xl-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  .xl-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  .xl-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  .xl-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  .xl-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  .xl-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .xl-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .xl-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  .xl-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  .xl-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  .xl-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  .xl-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  .xl-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .xl-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .xl-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  .xl-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  .xl-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  .xl-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  .xl-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  .xl-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .xl-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .xl-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  .xl-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  .xl-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  .xl-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  .xl-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  .xl-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .xl-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .xl-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  .xl-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  .xl-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  .xl-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  .xl-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  .xl-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .xl-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .xl-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  .xl-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  .xl-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  .xl-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  .xl-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  .xl-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .xl-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .xl-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  .xl-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  .xl-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  .xl-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  .xl-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  .xl-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .xl-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .xl-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  .xl-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  .xl-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  .xl-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  .xl-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  .xl-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .xl-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .xl-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  .xl-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  .xl-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  .xl-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  .xl-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  .xl-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .xl-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .xl-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  .xl-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  .xl-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  .xl-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  .xl-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  .xl-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .xl-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .xl-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  .xl-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  .xl-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  .xl-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  .xl-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  .xl-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .xl-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .xl-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  .xl-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  .xl-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  .xl-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  .xl-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  .xl-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .xl-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .xl-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  .xl-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  .xl-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  .xl-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  .xl-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  .xl-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .xl-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .xl-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  .xl-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  .xl-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  .xl-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  .xl-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  .xl-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .xl-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .xl-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  .xl-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  .xl-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  .xl-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  .xl-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  .xl-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .xl-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .xl-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  .xl-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  .xl-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  .xl-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  .xl-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  .xl-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .xl-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .xl-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  .xl-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  .xl-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  .xl-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  .xl-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  .xl-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .xl-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .xl-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  .xl-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  .xl-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  .xl-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  .xl-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  .xl-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .xl-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .xl-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  .xl-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  .xl-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  .xl-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  .xl-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  .xl-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .xl-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .xl-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  .xl-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  .xl-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  .xl-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  .xl-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  .xl-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .xl-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .xl-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  .xl-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  .xl-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  .xl-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  .xl-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  .xl-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .xl-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .xl-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  .xl-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  .xl-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  .xl-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  .xl-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  .xl-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .xl-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .xl-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  .xl-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  .xl-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  .xl-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  .xl-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  .xl-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .xl-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .xl-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  .xl-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  .xl-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  .xl-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  .xl-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  .xl-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .xl-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .xl-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  .xl-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  .xl-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  .xl-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  .xl-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  .xl-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .xl-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .xl-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  .xl-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  .xl-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  .xl-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  .xl-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  .xl-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .xl-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .xl-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  .xl-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  .xl-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  .xl-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  .xl-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  .xl-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .xl-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .xl-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  .xl-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  .xl-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  .xl-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  .xl-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  .xl-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .xl-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .xl-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  .xl-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  .xl-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  .xl-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  .xl-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  .xl-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .xl-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .xl-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  .xl-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  .xl-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  .xl-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  .xl-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  .xl-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .xl-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .xl-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  .xl-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  .xl-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  .xl-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  .xl-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  .xl-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .xl-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .xl-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  .xl-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  .xl-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  .xl-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  .xl-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  .xl-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .xl-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .xl-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  .xl-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  .xl-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  .xl-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  .xl-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  .xl-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .xl-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .xl-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  .xl-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  .xl-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  .xl-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  .xl-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  .xl-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .xl-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .xl-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  .xl-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  .xl-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  .xl-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  .xl-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  .xl-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .xl-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .xl-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  .xl-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  .xl-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  .xl-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  .xl-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  .xl-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .xl-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .xl-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  .xl-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  .xl-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  .xl-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  .xl-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  .xl-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .xl-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .xl-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  .xl-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  .xl-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  .xl-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  .xl-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  .xl-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .xl-accent-green-50 { accent-color: var(--quanta-green-50); }
  .xl-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  .xl-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  .xl-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  .xl-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  .xl-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  .xl-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  .xl-accent-green-100 { accent-color: var(--quanta-green-100); }
  .xl-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  .xl-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  .xl-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  .xl-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  .xl-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  .xl-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  .xl-accent-green-200 { accent-color: var(--quanta-green-200); }
  .xl-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  .xl-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  .xl-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  .xl-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  .xl-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  .xl-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  .xl-accent-green-300 { accent-color: var(--quanta-green-300); }
  .xl-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  .xl-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  .xl-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  .xl-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  .xl-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  .xl-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  .xl-accent-green-400 { accent-color: var(--quanta-green-400); }
  .xl-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  .xl-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  .xl-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  .xl-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  .xl-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  .xl-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  .xl-accent-green-500 { accent-color: var(--quanta-green-500); }
  .xl-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  .xl-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  .xl-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  .xl-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  .xl-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  .xl-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  .xl-accent-green-600 { accent-color: var(--quanta-green-600); }
  .xl-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  .xl-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  .xl-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  .xl-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  .xl-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  .xl-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  .xl-accent-green-700 { accent-color: var(--quanta-green-700); }
  .xl-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  .xl-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  .xl-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  .xl-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  .xl-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  .xl-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  .xl-accent-green-800 { accent-color: var(--quanta-green-800); }
  .xl-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  .xl-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  .xl-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  .xl-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  .xl-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  .xl-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  .xl-accent-green-900 { accent-color: var(--quanta-green-900); }
  .xl-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  .xl-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  .xl-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  .xl-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  .xl-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  .xl-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  .xl-appearance-none { appearance: none; }
  .xl-hover-appearance-none:hover { appearance: none; }
  .xl-focus-appearance-none:focus { appearance: none; }
  .xl-active-appearance-none:active { appearance: none; }
  .xl-disabled-appearance-none:disabled { appearance: none; }
  .xl-focus-visible-appearance-none:focus-visible { appearance: none; }
  .xl-focus-within-appearance-none:focus-within { appearance: none; }
  .xl-group:hover .xl-group-hover-appearance-none { appearance: none; }
  .xl-appearance-auto { appearance: auto; }
  .xl-hover-appearance-auto:hover { appearance: auto; }
  .xl-focus-appearance-auto:focus { appearance: auto; }
  .xl-active-appearance-auto:active { appearance: auto; }
  .xl-disabled-appearance-auto:disabled { appearance: auto; }
  .xl-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  .xl-focus-within-appearance-auto:focus-within { appearance: auto; }
  .xl-group:hover .xl-group-hover-appearance-auto { appearance: auto; }
  .xl-caret-red-50 { caret-color: var(--quanta-red-50); }
  .xl-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  .xl-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  .xl-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  .xl-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  .xl-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  .xl-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  .xl-group:hover .xl-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  .xl-caret-red-100 { caret-color: var(--quanta-red-100); }
  .xl-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  .xl-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  .xl-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  .xl-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  .xl-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  .xl-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  .xl-group:hover .xl-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  .xl-caret-red-200 { caret-color: var(--quanta-red-200); }
  .xl-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  .xl-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  .xl-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  .xl-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  .xl-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  .xl-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  .xl-group:hover .xl-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  .xl-caret-red-300 { caret-color: var(--quanta-red-300); }
  .xl-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  .xl-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  .xl-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  .xl-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  .xl-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  .xl-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  .xl-group:hover .xl-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  .xl-caret-red-400 { caret-color: var(--quanta-red-400); }
  .xl-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  .xl-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  .xl-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  .xl-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  .xl-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  .xl-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  .xl-group:hover .xl-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  .xl-caret-red-500 { caret-color: var(--quanta-red-500); }
  .xl-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  .xl-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  .xl-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  .xl-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  .xl-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  .xl-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  .xl-group:hover .xl-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  .xl-caret-red-600 { caret-color: var(--quanta-red-600); }
  .xl-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  .xl-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  .xl-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  .xl-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  .xl-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  .xl-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  .xl-group:hover .xl-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  .xl-caret-red-700 { caret-color: var(--quanta-red-700); }
  .xl-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  .xl-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  .xl-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  .xl-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  .xl-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  .xl-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  .xl-group:hover .xl-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  .xl-caret-red-800 { caret-color: var(--quanta-red-800); }
  .xl-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  .xl-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  .xl-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  .xl-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  .xl-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  .xl-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  .xl-group:hover .xl-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  .xl-caret-red-900 { caret-color: var(--quanta-red-900); }
  .xl-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  .xl-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  .xl-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  .xl-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  .xl-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  .xl-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  .xl-group:hover .xl-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  .xl-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .xl-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  .xl-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  .xl-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  .xl-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  .xl-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  .xl-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  .xl-group:hover .xl-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .xl-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .xl-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  .xl-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  .xl-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  .xl-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  .xl-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  .xl-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  .xl-group:hover .xl-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .xl-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .xl-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  .xl-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  .xl-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  .xl-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  .xl-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  .xl-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  .xl-group:hover .xl-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .xl-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .xl-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  .xl-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  .xl-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  .xl-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  .xl-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  .xl-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  .xl-group:hover .xl-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .xl-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .xl-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  .xl-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  .xl-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  .xl-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  .xl-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  .xl-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  .xl-group:hover .xl-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .xl-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .xl-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  .xl-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  .xl-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  .xl-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  .xl-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  .xl-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  .xl-group:hover .xl-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .xl-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .xl-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  .xl-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  .xl-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  .xl-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  .xl-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  .xl-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  .xl-group:hover .xl-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .xl-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .xl-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  .xl-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  .xl-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  .xl-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  .xl-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  .xl-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  .xl-group:hover .xl-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .xl-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .xl-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  .xl-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  .xl-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  .xl-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  .xl-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  .xl-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  .xl-group:hover .xl-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .xl-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .xl-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  .xl-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  .xl-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  .xl-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  .xl-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  .xl-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  .xl-group:hover .xl-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .xl-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .xl-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  .xl-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  .xl-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  .xl-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  .xl-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  .xl-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  .xl-group:hover .xl-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .xl-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .xl-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  .xl-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  .xl-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  .xl-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  .xl-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  .xl-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  .xl-group:hover .xl-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .xl-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .xl-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  .xl-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  .xl-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  .xl-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  .xl-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  .xl-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  .xl-group:hover .xl-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .xl-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .xl-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  .xl-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  .xl-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  .xl-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  .xl-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  .xl-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  .xl-group:hover .xl-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .xl-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .xl-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  .xl-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  .xl-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  .xl-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  .xl-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  .xl-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  .xl-group:hover .xl-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .xl-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .xl-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  .xl-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  .xl-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  .xl-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  .xl-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  .xl-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  .xl-group:hover .xl-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .xl-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .xl-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  .xl-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  .xl-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  .xl-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  .xl-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  .xl-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  .xl-group:hover .xl-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .xl-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .xl-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  .xl-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  .xl-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  .xl-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  .xl-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  .xl-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  .xl-group:hover .xl-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .xl-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .xl-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  .xl-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  .xl-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  .xl-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  .xl-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  .xl-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  .xl-group:hover .xl-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .xl-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .xl-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  .xl-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  .xl-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  .xl-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  .xl-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  .xl-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  .xl-group:hover .xl-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .xl-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .xl-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  .xl-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  .xl-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  .xl-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  .xl-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  .xl-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  .xl-group:hover .xl-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .xl-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .xl-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  .xl-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  .xl-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  .xl-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  .xl-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  .xl-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  .xl-group:hover .xl-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .xl-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .xl-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  .xl-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  .xl-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  .xl-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  .xl-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  .xl-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  .xl-group:hover .xl-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .xl-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .xl-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  .xl-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  .xl-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  .xl-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  .xl-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  .xl-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  .xl-group:hover .xl-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .xl-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .xl-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  .xl-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  .xl-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  .xl-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  .xl-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  .xl-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  .xl-group:hover .xl-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .xl-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .xl-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  .xl-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  .xl-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  .xl-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  .xl-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  .xl-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  .xl-group:hover .xl-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .xl-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .xl-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  .xl-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  .xl-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  .xl-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  .xl-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  .xl-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  .xl-group:hover .xl-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .xl-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .xl-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  .xl-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  .xl-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  .xl-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  .xl-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  .xl-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  .xl-group:hover .xl-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .xl-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .xl-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  .xl-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  .xl-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  .xl-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  .xl-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  .xl-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  .xl-group:hover .xl-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .xl-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .xl-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  .xl-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  .xl-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  .xl-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  .xl-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  .xl-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  .xl-group:hover .xl-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .xl-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .xl-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  .xl-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  .xl-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  .xl-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  .xl-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  .xl-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  .xl-group:hover .xl-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .xl-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .xl-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  .xl-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  .xl-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  .xl-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  .xl-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  .xl-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  .xl-group:hover .xl-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .xl-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .xl-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  .xl-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  .xl-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  .xl-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  .xl-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  .xl-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  .xl-group:hover .xl-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .xl-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .xl-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  .xl-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  .xl-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  .xl-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  .xl-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  .xl-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  .xl-group:hover .xl-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .xl-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .xl-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  .xl-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  .xl-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  .xl-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  .xl-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  .xl-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  .xl-group:hover .xl-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .xl-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .xl-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  .xl-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  .xl-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  .xl-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  .xl-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  .xl-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  .xl-group:hover .xl-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .xl-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .xl-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  .xl-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  .xl-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  .xl-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  .xl-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  .xl-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  .xl-group:hover .xl-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .xl-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .xl-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  .xl-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  .xl-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  .xl-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  .xl-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  .xl-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  .xl-group:hover .xl-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .xl-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .xl-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  .xl-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  .xl-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  .xl-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  .xl-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  .xl-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  .xl-group:hover .xl-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .xl-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .xl-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  .xl-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  .xl-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  .xl-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  .xl-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  .xl-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  .xl-group:hover .xl-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .xl-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .xl-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  .xl-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  .xl-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  .xl-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  .xl-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  .xl-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  .xl-group:hover .xl-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .xl-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .xl-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  .xl-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  .xl-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  .xl-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  .xl-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  .xl-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  .xl-group:hover .xl-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .xl-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .xl-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  .xl-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  .xl-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  .xl-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  .xl-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  .xl-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  .xl-group:hover .xl-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .xl-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .xl-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  .xl-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  .xl-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  .xl-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  .xl-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  .xl-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  .xl-group:hover .xl-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .xl-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .xl-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  .xl-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  .xl-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  .xl-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  .xl-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  .xl-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  .xl-group:hover .xl-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .xl-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .xl-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  .xl-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  .xl-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  .xl-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  .xl-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  .xl-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  .xl-group:hover .xl-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .xl-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .xl-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  .xl-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  .xl-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  .xl-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  .xl-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  .xl-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  .xl-group:hover .xl-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .xl-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .xl-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  .xl-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  .xl-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  .xl-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  .xl-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  .xl-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  .xl-group:hover .xl-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .xl-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .xl-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  .xl-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  .xl-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  .xl-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  .xl-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  .xl-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  .xl-group:hover .xl-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .xl-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .xl-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  .xl-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  .xl-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  .xl-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  .xl-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  .xl-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  .xl-group:hover .xl-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .xl-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .xl-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  .xl-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  .xl-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  .xl-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  .xl-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  .xl-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  .xl-group:hover .xl-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .xl-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .xl-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  .xl-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  .xl-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  .xl-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  .xl-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  .xl-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  .xl-group:hover .xl-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .xl-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .xl-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  .xl-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  .xl-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  .xl-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  .xl-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  .xl-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  .xl-group:hover .xl-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .xl-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .xl-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  .xl-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  .xl-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  .xl-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  .xl-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  .xl-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  .xl-group:hover .xl-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .xl-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .xl-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  .xl-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  .xl-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  .xl-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  .xl-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  .xl-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  .xl-group:hover .xl-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .xl-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .xl-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  .xl-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  .xl-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  .xl-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  .xl-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  .xl-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  .xl-group:hover .xl-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .xl-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .xl-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  .xl-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  .xl-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  .xl-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  .xl-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  .xl-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  .xl-group:hover .xl-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .xl-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .xl-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  .xl-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  .xl-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  .xl-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  .xl-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  .xl-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  .xl-group:hover .xl-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .xl-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .xl-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  .xl-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  .xl-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  .xl-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  .xl-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  .xl-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  .xl-group:hover .xl-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .xl-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .xl-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  .xl-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  .xl-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  .xl-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  .xl-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  .xl-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  .xl-group:hover .xl-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .xl-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .xl-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  .xl-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  .xl-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  .xl-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  .xl-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  .xl-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  .xl-group:hover .xl-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .xl-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .xl-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  .xl-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  .xl-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  .xl-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  .xl-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  .xl-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  .xl-group:hover .xl-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .xl-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .xl-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  .xl-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  .xl-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  .xl-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  .xl-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  .xl-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  .xl-group:hover .xl-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .xl-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .xl-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  .xl-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  .xl-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  .xl-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  .xl-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  .xl-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  .xl-group:hover .xl-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .xl-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .xl-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  .xl-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  .xl-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  .xl-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  .xl-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  .xl-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  .xl-group:hover .xl-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .xl-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .xl-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  .xl-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  .xl-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  .xl-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  .xl-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  .xl-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  .xl-group:hover .xl-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .xl-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .xl-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  .xl-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  .xl-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  .xl-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  .xl-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  .xl-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  .xl-group:hover .xl-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .xl-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .xl-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  .xl-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  .xl-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  .xl-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  .xl-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  .xl-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  .xl-group:hover .xl-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .xl-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .xl-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  .xl-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  .xl-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  .xl-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  .xl-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  .xl-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  .xl-group:hover .xl-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .xl-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .xl-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  .xl-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  .xl-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  .xl-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  .xl-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  .xl-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  .xl-group:hover .xl-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .xl-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .xl-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  .xl-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  .xl-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  .xl-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  .xl-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  .xl-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  .xl-group:hover .xl-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .xl-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .xl-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  .xl-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  .xl-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  .xl-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  .xl-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  .xl-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  .xl-group:hover .xl-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .xl-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .xl-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  .xl-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  .xl-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  .xl-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  .xl-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  .xl-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  .xl-group:hover .xl-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .xl-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .xl-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  .xl-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  .xl-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  .xl-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  .xl-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  .xl-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  .xl-group:hover .xl-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .xl-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .xl-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  .xl-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  .xl-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  .xl-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  .xl-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  .xl-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  .xl-group:hover .xl-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .xl-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .xl-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  .xl-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  .xl-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  .xl-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  .xl-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  .xl-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  .xl-group:hover .xl-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .xl-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .xl-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  .xl-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  .xl-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  .xl-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  .xl-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  .xl-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  .xl-group:hover .xl-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .xl-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .xl-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  .xl-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  .xl-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  .xl-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  .xl-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  .xl-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  .xl-group:hover .xl-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .xl-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .xl-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  .xl-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  .xl-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  .xl-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  .xl-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  .xl-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  .xl-group:hover .xl-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .xl-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .xl-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  .xl-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  .xl-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  .xl-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  .xl-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  .xl-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  .xl-group:hover .xl-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .xl-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .xl-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  .xl-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  .xl-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  .xl-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  .xl-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  .xl-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  .xl-group:hover .xl-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .xl-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .xl-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  .xl-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  .xl-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  .xl-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  .xl-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  .xl-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  .xl-group:hover .xl-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .xl-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .xl-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  .xl-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  .xl-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  .xl-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  .xl-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  .xl-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  .xl-group:hover .xl-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .xl-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .xl-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  .xl-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  .xl-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  .xl-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  .xl-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  .xl-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  .xl-group:hover .xl-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .xl-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .xl-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  .xl-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  .xl-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  .xl-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  .xl-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  .xl-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  .xl-group:hover .xl-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .xl-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .xl-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  .xl-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  .xl-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  .xl-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  .xl-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  .xl-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  .xl-group:hover .xl-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .xl-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .xl-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  .xl-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  .xl-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  .xl-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  .xl-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  .xl-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  .xl-group:hover .xl-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .xl-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .xl-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  .xl-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  .xl-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  .xl-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  .xl-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  .xl-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  .xl-group:hover .xl-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .xl-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .xl-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  .xl-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  .xl-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  .xl-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  .xl-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  .xl-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  .xl-group:hover .xl-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .xl-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .xl-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  .xl-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  .xl-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  .xl-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  .xl-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  .xl-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  .xl-group:hover .xl-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .xl-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .xl-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  .xl-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  .xl-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  .xl-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  .xl-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  .xl-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  .xl-group:hover .xl-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .xl-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .xl-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  .xl-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  .xl-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  .xl-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  .xl-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  .xl-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  .xl-group:hover .xl-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .xl-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .xl-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  .xl-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  .xl-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  .xl-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  .xl-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  .xl-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  .xl-group:hover .xl-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .xl-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .xl-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  .xl-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  .xl-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  .xl-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  .xl-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  .xl-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  .xl-group:hover .xl-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .xl-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .xl-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  .xl-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  .xl-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  .xl-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  .xl-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  .xl-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  .xl-group:hover .xl-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .xl-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .xl-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  .xl-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  .xl-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  .xl-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  .xl-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  .xl-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  .xl-group:hover .xl-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .xl-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .xl-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  .xl-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  .xl-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  .xl-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  .xl-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  .xl-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  .xl-group:hover .xl-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .xl-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .xl-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  .xl-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  .xl-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  .xl-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  .xl-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  .xl-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  .xl-group:hover .xl-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .xl-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .xl-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  .xl-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  .xl-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  .xl-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  .xl-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  .xl-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  .xl-group:hover .xl-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .xl-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .xl-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  .xl-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  .xl-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  .xl-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  .xl-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  .xl-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  .xl-group:hover .xl-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .xl-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .xl-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  .xl-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  .xl-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  .xl-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  .xl-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  .xl-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  .xl-group:hover .xl-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .xl-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .xl-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  .xl-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  .xl-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  .xl-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  .xl-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  .xl-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  .xl-group:hover .xl-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .xl-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .xl-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  .xl-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  .xl-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  .xl-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  .xl-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  .xl-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  .xl-group:hover .xl-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .xl-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .xl-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  .xl-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  .xl-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  .xl-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  .xl-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  .xl-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  .xl-group:hover .xl-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .xl-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .xl-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  .xl-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  .xl-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  .xl-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  .xl-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  .xl-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  .xl-group:hover .xl-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .xl-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .xl-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  .xl-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  .xl-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  .xl-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  .xl-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  .xl-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  .xl-group:hover .xl-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .xl-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .xl-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  .xl-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  .xl-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  .xl-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  .xl-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  .xl-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  .xl-group:hover .xl-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .xl-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .xl-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  .xl-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  .xl-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  .xl-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  .xl-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  .xl-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  .xl-group:hover .xl-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .xl-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .xl-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  .xl-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  .xl-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  .xl-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  .xl-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  .xl-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  .xl-group:hover .xl-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .xl-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .xl-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  .xl-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  .xl-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  .xl-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  .xl-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  .xl-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  .xl-group:hover .xl-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .xl-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .xl-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  .xl-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  .xl-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  .xl-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  .xl-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  .xl-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  .xl-group:hover .xl-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .xl-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .xl-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  .xl-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  .xl-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  .xl-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  .xl-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  .xl-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  .xl-group:hover .xl-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .xl-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .xl-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  .xl-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  .xl-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  .xl-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  .xl-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  .xl-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  .xl-group:hover .xl-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .xl-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .xl-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  .xl-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  .xl-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  .xl-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  .xl-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  .xl-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  .xl-group:hover .xl-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .xl-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .xl-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  .xl-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  .xl-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  .xl-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  .xl-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  .xl-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  .xl-group:hover .xl-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .xl-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .xl-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  .xl-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  .xl-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  .xl-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  .xl-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  .xl-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  .xl-group:hover .xl-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .xl-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .xl-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  .xl-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  .xl-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  .xl-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  .xl-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  .xl-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  .xl-group:hover .xl-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .xl-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .xl-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  .xl-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  .xl-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  .xl-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  .xl-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  .xl-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  .xl-group:hover .xl-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .xl-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .xl-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  .xl-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  .xl-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  .xl-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  .xl-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  .xl-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  .xl-group:hover .xl-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .xl-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .xl-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  .xl-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  .xl-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  .xl-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  .xl-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  .xl-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  .xl-group:hover .xl-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .xl-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .xl-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  .xl-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  .xl-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  .xl-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  .xl-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  .xl-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  .xl-group:hover .xl-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .xl-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .xl-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  .xl-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  .xl-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  .xl-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  .xl-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  .xl-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  .xl-group:hover .xl-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .xl-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .xl-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  .xl-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  .xl-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  .xl-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  .xl-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  .xl-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  .xl-group:hover .xl-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .xl-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .xl-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  .xl-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  .xl-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  .xl-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  .xl-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  .xl-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  .xl-group:hover .xl-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .xl-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .xl-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  .xl-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  .xl-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  .xl-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  .xl-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  .xl-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  .xl-group:hover .xl-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .xl-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .xl-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  .xl-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  .xl-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  .xl-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  .xl-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  .xl-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  .xl-group:hover .xl-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .xl-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .xl-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  .xl-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  .xl-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  .xl-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  .xl-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  .xl-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  .xl-group:hover .xl-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .xl-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .xl-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  .xl-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  .xl-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  .xl-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  .xl-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  .xl-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  .xl-group:hover .xl-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .xl-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .xl-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  .xl-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  .xl-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  .xl-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  .xl-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  .xl-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  .xl-group:hover .xl-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .xl-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .xl-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  .xl-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  .xl-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  .xl-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  .xl-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  .xl-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  .xl-group:hover .xl-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .xl-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .xl-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  .xl-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  .xl-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  .xl-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  .xl-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  .xl-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  .xl-group:hover .xl-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .xl-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .xl-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  .xl-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  .xl-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  .xl-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  .xl-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  .xl-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  .xl-group:hover .xl-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .xl-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .xl-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  .xl-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  .xl-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  .xl-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  .xl-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  .xl-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  .xl-group:hover .xl-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .xl-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .xl-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  .xl-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  .xl-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  .xl-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  .xl-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  .xl-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  .xl-group:hover .xl-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .xl-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .xl-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  .xl-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  .xl-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  .xl-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  .xl-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  .xl-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  .xl-group:hover .xl-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .xl-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .xl-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  .xl-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  .xl-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  .xl-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  .xl-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  .xl-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  .xl-group:hover .xl-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .xl-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .xl-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  .xl-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  .xl-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  .xl-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  .xl-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  .xl-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  .xl-group:hover .xl-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .xl-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .xl-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  .xl-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  .xl-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  .xl-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  .xl-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  .xl-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  .xl-group:hover .xl-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .xl-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .xl-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  .xl-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  .xl-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  .xl-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  .xl-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  .xl-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  .xl-group:hover .xl-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .xl-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .xl-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  .xl-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  .xl-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  .xl-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  .xl-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  .xl-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  .xl-group:hover .xl-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .xl-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .xl-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  .xl-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  .xl-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  .xl-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  .xl-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  .xl-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  .xl-group:hover .xl-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .xl-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .xl-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  .xl-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  .xl-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  .xl-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  .xl-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  .xl-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  .xl-group:hover .xl-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .xl-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .xl-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  .xl-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  .xl-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  .xl-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  .xl-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  .xl-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  .xl-group:hover .xl-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .xl-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .xl-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  .xl-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  .xl-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  .xl-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  .xl-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  .xl-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  .xl-group:hover .xl-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .xl-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .xl-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  .xl-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  .xl-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  .xl-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  .xl-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  .xl-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  .xl-group:hover .xl-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .xl-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .xl-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  .xl-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  .xl-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  .xl-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  .xl-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  .xl-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  .xl-group:hover .xl-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .xl-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .xl-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  .xl-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  .xl-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  .xl-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  .xl-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  .xl-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  .xl-group:hover .xl-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .xl-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .xl-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  .xl-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  .xl-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  .xl-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  .xl-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  .xl-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  .xl-group:hover .xl-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .xl-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .xl-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  .xl-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  .xl-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  .xl-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  .xl-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  .xl-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  .xl-group:hover .xl-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .xl-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .xl-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  .xl-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  .xl-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  .xl-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  .xl-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  .xl-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  .xl-group:hover .xl-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .xl-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .xl-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  .xl-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  .xl-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  .xl-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  .xl-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  .xl-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  .xl-group:hover .xl-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .xl-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .xl-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  .xl-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  .xl-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  .xl-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  .xl-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  .xl-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  .xl-group:hover .xl-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .xl-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .xl-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  .xl-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  .xl-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  .xl-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  .xl-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  .xl-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  .xl-group:hover .xl-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .xl-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .xl-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  .xl-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  .xl-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  .xl-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  .xl-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  .xl-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  .xl-group:hover .xl-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .xl-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .xl-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  .xl-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  .xl-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  .xl-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  .xl-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  .xl-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  .xl-group:hover .xl-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .xl-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .xl-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  .xl-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  .xl-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  .xl-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  .xl-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  .xl-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  .xl-group:hover .xl-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .xl-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .xl-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  .xl-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  .xl-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  .xl-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  .xl-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  .xl-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  .xl-group:hover .xl-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .xl-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .xl-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  .xl-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  .xl-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  .xl-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  .xl-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  .xl-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  .xl-group:hover .xl-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .xl-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .xl-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  .xl-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  .xl-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  .xl-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  .xl-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  .xl-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  .xl-group:hover .xl-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .xl-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .xl-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  .xl-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  .xl-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  .xl-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  .xl-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  .xl-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  .xl-group:hover .xl-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .xl-caret-green-50 { caret-color: var(--quanta-green-50); }
  .xl-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  .xl-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  .xl-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  .xl-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  .xl-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  .xl-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  .xl-group:hover .xl-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  .xl-caret-green-100 { caret-color: var(--quanta-green-100); }
  .xl-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  .xl-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  .xl-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  .xl-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  .xl-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  .xl-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  .xl-group:hover .xl-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  .xl-caret-green-200 { caret-color: var(--quanta-green-200); }
  .xl-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  .xl-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  .xl-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  .xl-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  .xl-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  .xl-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  .xl-group:hover .xl-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  .xl-caret-green-300 { caret-color: var(--quanta-green-300); }
  .xl-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  .xl-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  .xl-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  .xl-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  .xl-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  .xl-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  .xl-group:hover .xl-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  .xl-caret-green-400 { caret-color: var(--quanta-green-400); }
  .xl-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  .xl-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  .xl-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  .xl-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  .xl-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  .xl-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  .xl-group:hover .xl-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  .xl-caret-green-500 { caret-color: var(--quanta-green-500); }
  .xl-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  .xl-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  .xl-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  .xl-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  .xl-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  .xl-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  .xl-group:hover .xl-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  .xl-caret-green-600 { caret-color: var(--quanta-green-600); }
  .xl-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  .xl-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  .xl-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  .xl-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  .xl-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  .xl-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  .xl-group:hover .xl-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  .xl-caret-green-700 { caret-color: var(--quanta-green-700); }
  .xl-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  .xl-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  .xl-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  .xl-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  .xl-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  .xl-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  .xl-group:hover .xl-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  .xl-caret-green-800 { caret-color: var(--quanta-green-800); }
  .xl-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  .xl-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  .xl-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  .xl-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  .xl-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  .xl-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  .xl-group:hover .xl-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  .xl-caret-green-900 { caret-color: var(--quanta-green-900); }
  .xl-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  .xl-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  .xl-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  .xl-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  .xl-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  .xl-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  .xl-group:hover .xl-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  .xl-caret-black { caret-color: var(--black); }
  .xl-hover-caret-black:hover { caret-color: var(--black); }
  .xl-focus-caret-black:focus { caret-color: var(--black); }
  .xl-active-caret-black:active { caret-color: var(--black); }
  .xl-disabled-caret-black:disabled { caret-color: var(--black); }
  .xl-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  .xl-focus-within-caret-black:focus-within { caret-color: var(--black); }
  .xl-group:hover .xl-group-hover-caret-black { caret-color: var(--black); }
  .xl-caret-white { caret-color: var(--white); }
  .xl-hover-caret-white:hover { caret-color: var(--white); }
  .xl-focus-caret-white:focus { caret-color: var(--white); }
  .xl-active-caret-white:active { caret-color: var(--white); }
  .xl-disabled-caret-white:disabled { caret-color: var(--white); }
  .xl-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  .xl-focus-within-caret-white:focus-within { caret-color: var(--white); }
  .xl-group:hover .xl-group-hover-caret-white { caret-color: var(--white); }
  .xl-color-scheme-light { color-scheme: light; }
  .xl-hover-color-scheme-light:hover { color-scheme: light; }
  .xl-focus-color-scheme-light:focus { color-scheme: light; }
  .xl-active-color-scheme-light:active { color-scheme: light; }
  .xl-disabled-color-scheme-light:disabled { color-scheme: light; }
  .xl-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .xl-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .xl-group:hover .xl-group-hover-color-scheme-light { color-scheme: light; }
  .xl-color-scheme-dark { color-scheme: dark; }
  .xl-hover-color-scheme-dark:hover { color-scheme: dark; }
  .xl-focus-color-scheme-dark:focus { color-scheme: dark; }
  .xl-active-color-scheme-dark:active { color-scheme: dark; }
  .xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .xl-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .xl-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .xl-group:hover .xl-group-hover-color-scheme-dark { color-scheme: dark; }
  .xl-color-scheme-normal { color-scheme: normal; }
  .xl-hover-color-scheme-normal:hover { color-scheme: normal; }
  .xl-focus-color-scheme-normal:focus { color-scheme: normal; }
  .xl-active-color-scheme-normal:active { color-scheme: normal; }
  .xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .xl-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .xl-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .xl-group:hover .xl-group-hover-color-scheme-normal { color-scheme: normal; }
  .xl-cursor-auto { cursor: auto; }
  .xl-hover-cursor-auto:hover { cursor: auto; }
  .xl-focus-cursor-auto:focus { cursor: auto; }
  .xl-active-cursor-auto:active { cursor: auto; }
  .xl-disabled-cursor-auto:disabled { cursor: auto; }
  .xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  .xl-group:hover .xl-group-hover-cursor-auto { cursor: auto; }
  .xl-cursor-default { cursor: default; }
  .xl-hover-cursor-default:hover { cursor: default; }
  .xl-focus-cursor-default:focus { cursor: default; }
  .xl-active-cursor-default:active { cursor: default; }
  .xl-disabled-cursor-default:disabled { cursor: default; }
  .xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  .xl-focus-within-cursor-default:focus-within { cursor: default; }
  .xl-group:hover .xl-group-hover-cursor-default { cursor: default; }
  .xl-cursor-pointer { cursor: pointer; }
  .xl-hover-cursor-pointer:hover { cursor: pointer; }
  .xl-focus-cursor-pointer:focus { cursor: pointer; }
  .xl-active-cursor-pointer:active { cursor: pointer; }
  .xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  .xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .xl-group:hover .xl-group-hover-cursor-pointer { cursor: pointer; }
  .xl-cursor-wait { cursor: wait; }
  .xl-hover-cursor-wait:hover { cursor: wait; }
  .xl-focus-cursor-wait:focus { cursor: wait; }
  .xl-active-cursor-wait:active { cursor: wait; }
  .xl-disabled-cursor-wait:disabled { cursor: wait; }
  .xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  .xl-group:hover .xl-group-hover-cursor-wait { cursor: wait; }
  .xl-cursor-text { cursor: text; }
  .xl-hover-cursor-text:hover { cursor: text; }
  .xl-focus-cursor-text:focus { cursor: text; }
  .xl-active-cursor-text:active { cursor: text; }
  .xl-disabled-cursor-text:disabled { cursor: text; }
  .xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  .xl-focus-within-cursor-text:focus-within { cursor: text; }
  .xl-group:hover .xl-group-hover-cursor-text { cursor: text; }
  .xl-cursor-move { cursor: move; }
  .xl-hover-cursor-move:hover { cursor: move; }
  .xl-focus-cursor-move:focus { cursor: move; }
  .xl-active-cursor-move:active { cursor: move; }
  .xl-disabled-cursor-move:disabled { cursor: move; }
  .xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  .xl-focus-within-cursor-move:focus-within { cursor: move; }
  .xl-group:hover .xl-group-hover-cursor-move { cursor: move; }
  .xl-cursor-not-allowed { cursor: not-allowed; }
  .xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  .xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .xl-group:hover .xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .xl-cursor-none { cursor: none; }
  .xl-hover-cursor-none:hover { cursor: none; }
  .xl-focus-cursor-none:focus { cursor: none; }
  .xl-active-cursor-none:active { cursor: none; }
  .xl-disabled-cursor-none:disabled { cursor: none; }
  .xl-focus-visible-cursor-none:focus-visible { cursor: none; }
  .xl-focus-within-cursor-none:focus-within { cursor: none; }
  .xl-group:hover .xl-group-hover-cursor-none { cursor: none; }
  .xl-pointer-events-none { pointer-events: none; }
  .xl-hover-pointer-events-none:hover { pointer-events: none; }
  .xl-focus-pointer-events-none:focus { pointer-events: none; }
  .xl-active-pointer-events-none:active { pointer-events: none; }
  .xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  .xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .xl-group:hover .xl-group-hover-pointer-events-none { pointer-events: none; }
  .xl-pointer-events-auto { pointer-events: auto; }
  .xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  .xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  .xl-active-pointer-events-auto:active { pointer-events: auto; }
  .xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .xl-group:hover .xl-group-hover-pointer-events-auto { pointer-events: auto; }
  .xl-resize-none { resize: none; }
  .xl-hover-resize-none:hover { resize: none; }
  .xl-focus-resize-none:focus { resize: none; }
  .xl-active-resize-none:active { resize: none; }
  .xl-disabled-resize-none:disabled { resize: none; }
  .xl-focus-visible-resize-none:focus-visible { resize: none; }
  .xl-focus-within-resize-none:focus-within { resize: none; }
  .xl-group:hover .xl-group-hover-resize-none { resize: none; }
  .xl-resize-x { resize: horizontal; }
  .xl-hover-resize-x:hover { resize: horizontal; }
  .xl-focus-resize-x:focus { resize: horizontal; }
  .xl-active-resize-x:active { resize: horizontal; }
  .xl-disabled-resize-x:disabled { resize: horizontal; }
  .xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .xl-focus-within-resize-x:focus-within { resize: horizontal; }
  .xl-group:hover .xl-group-hover-resize-x { resize: horizontal; }
  .xl-resize-y { resize: vertical; }
  .xl-hover-resize-y:hover { resize: vertical; }
  .xl-focus-resize-y:focus { resize: vertical; }
  .xl-active-resize-y:active { resize: vertical; }
  .xl-disabled-resize-y:disabled { resize: vertical; }
  .xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  .xl-focus-within-resize-y:focus-within { resize: vertical; }
  .xl-group:hover .xl-group-hover-resize-y { resize: vertical; }
  .xl-resize { resize: both; }
  .xl-hover-resize:hover { resize: both; }
  .xl-focus-resize:focus { resize: both; }
  .xl-active-resize:active { resize: both; }
  .xl-disabled-resize:disabled { resize: both; }
  .xl-focus-visible-resize:focus-visible { resize: both; }
  .xl-focus-within-resize:focus-within { resize: both; }
  .xl-group:hover .xl-group-hover-resize { resize: both; }
  .xl-scroll-auto { scroll-behavior: auto; }
  .xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  .xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  .xl-active-scroll-auto:active { scroll-behavior: auto; }
  .xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .xl-group:hover .xl-group-hover-scroll-auto { scroll-behavior: auto; }
  .xl-scroll-smooth { scroll-behavior: smooth; }
  .xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  .xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .xl-group:hover .xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .xl-scroll-m-0 { scroll-margin: 0rem; }
  .xl-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  .xl-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  .xl-active-scroll-m-0:active { scroll-margin: 0rem; }
  .xl-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  .xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  .xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  .xl-group:hover .xl-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  .xl-scroll-p-0 { scroll-padding: 0rem; }
  .xl-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  .xl-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  .xl-active-scroll-p-0:active { scroll-padding: 0rem; }
  .xl-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  .xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  .xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  .xl-group:hover .xl-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  .xl-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .xl-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  .xl-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  .xl-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  .xl-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  .xl-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  .xl-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  .xl-group:hover .xl-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .xl-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .xl-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  .xl-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  .xl-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  .xl-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  .xl-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  .xl-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  .xl-group:hover .xl-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .xl-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .xl-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  .xl-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  .xl-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  .xl-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  .xl-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  .xl-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .xl-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .xl-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  .xl-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  .xl-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  .xl-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  .xl-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  .xl-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .xl-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .xl-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  .xl-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  .xl-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  .xl-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  .xl-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  .xl-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .xl-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .xl-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  .xl-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  .xl-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  .xl-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  .xl-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  .xl-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .xl-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .xl-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  .xl-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  .xl-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  .xl-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  .xl-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  .xl-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  .xl-group:hover .xl-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .xl-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .xl-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  .xl-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  .xl-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  .xl-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  .xl-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  .xl-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  .xl-group:hover .xl-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .xl-scroll-m-1 { scroll-margin: 1rem; }
  .xl-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  .xl-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  .xl-active-scroll-m-1:active { scroll-margin: 1rem; }
  .xl-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  .xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  .xl-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  .xl-scroll-p-1 { scroll-padding: 1rem; }
  .xl-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  .xl-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  .xl-active-scroll-p-1:active { scroll-padding: 1rem; }
  .xl-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  .xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  .xl-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  .xl-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .xl-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  .xl-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  .xl-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  .xl-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  .xl-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  .xl-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  .xl-group:hover .xl-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .xl-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .xl-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  .xl-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  .xl-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  .xl-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  .xl-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  .xl-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  .xl-group:hover .xl-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .xl-scroll-m-2 { scroll-margin: 2rem; }
  .xl-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  .xl-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  .xl-active-scroll-m-2:active { scroll-margin: 2rem; }
  .xl-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  .xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  .xl-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  .xl-scroll-p-2 { scroll-padding: 2rem; }
  .xl-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  .xl-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  .xl-active-scroll-p-2:active { scroll-padding: 2rem; }
  .xl-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  .xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  .xl-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  .xl-scroll-m-3 { scroll-margin: 3rem; }
  .xl-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  .xl-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  .xl-active-scroll-m-3:active { scroll-margin: 3rem; }
  .xl-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  .xl-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  .xl-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  .xl-group:hover .xl-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  .xl-scroll-p-3 { scroll-padding: 3rem; }
  .xl-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  .xl-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  .xl-active-scroll-p-3:active { scroll-padding: 3rem; }
  .xl-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  .xl-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  .xl-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  .xl-group:hover .xl-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  .xl-scroll-m-4 { scroll-margin: 4rem; }
  .xl-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  .xl-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  .xl-active-scroll-m-4:active { scroll-margin: 4rem; }
  .xl-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  .xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  .xl-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  .xl-group:hover .xl-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  .xl-scroll-p-4 { scroll-padding: 4rem; }
  .xl-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  .xl-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  .xl-active-scroll-p-4:active { scroll-padding: 4rem; }
  .xl-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  .xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  .xl-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  .xl-group:hover .xl-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  .xl-snap-x { scroll-snap-type: x mandatory; }
  .xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .xl-active-snap-x:active { scroll-snap-type: x mandatory; }
  .xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .xl-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .xl-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .xl-group:hover .xl-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .xl-snap-y { scroll-snap-type: y mandatory; }
  .xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .xl-active-snap-y:active { scroll-snap-type: y mandatory; }
  .xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .xl-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .xl-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .xl-group:hover .xl-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .xl-snap-both { scroll-snap-type: both mandatory; }
  .xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .xl-active-snap-both:active { scroll-snap-type: both mandatory; }
  .xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .xl-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .xl-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .xl-group:hover .xl-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .xl-snap-align-start { scroll-snap-align: start; }
  .xl-hover-snap-align-start:hover { scroll-snap-align: start; }
  .xl-focus-snap-align-start:focus { scroll-snap-align: start; }
  .xl-active-snap-align-start:active { scroll-snap-align: start; }
  .xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .xl-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .xl-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .xl-group:hover .xl-group-hover-snap-align-start { scroll-snap-align: start; }
  .xl-snap-align-end { scroll-snap-align: end; }
  .xl-hover-snap-align-end:hover { scroll-snap-align: end; }
  .xl-focus-snap-align-end:focus { scroll-snap-align: end; }
  .xl-active-snap-align-end:active { scroll-snap-align: end; }
  .xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .xl-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .xl-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .xl-group:hover .xl-group-hover-snap-align-end { scroll-snap-align: end; }
  .xl-snap-align-center { scroll-snap-align: center; }
  .xl-hover-snap-align-center:hover { scroll-snap-align: center; }
  .xl-focus-snap-align-center:focus { scroll-snap-align: center; }
  .xl-active-snap-align-center:active { scroll-snap-align: center; }
  .xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .xl-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .xl-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .xl-group:hover .xl-group-hover-snap-align-center { scroll-snap-align: center; }
  .xl-snap-align-none { scroll-snap-align: none; }
  .xl-hover-snap-align-none:hover { scroll-snap-align: none; }
  .xl-focus-snap-align-none:focus { scroll-snap-align: none; }
  .xl-active-snap-align-none:active { scroll-snap-align: none; }
  .xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .xl-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .xl-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .xl-group:hover .xl-group-hover-snap-align-none { scroll-snap-align: none; }
  .xl-snap-stop-normal { scroll-snap-stop: normal; }
  .xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .xl-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .xl-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .xl-group:hover .xl-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .xl-snap-stop-always { scroll-snap-stop: always; }
  .xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .xl-active-snap-stop-always:active { scroll-snap-stop: always; }
  .xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .xl-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .xl-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .xl-group:hover .xl-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .xl-touch-auto { touch-action: auto; }
  .xl-hover-touch-auto:hover { touch-action: auto; }
  .xl-focus-touch-auto:focus { touch-action: auto; }
  .xl-active-touch-auto:active { touch-action: auto; }
  .xl-disabled-touch-auto:disabled { touch-action: auto; }
  .xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  .xl-group:hover .xl-group-hover-touch-auto { touch-action: auto; }
  .xl-touch-none { touch-action: none; }
  .xl-hover-touch-none:hover { touch-action: none; }
  .xl-focus-touch-none:focus { touch-action: none; }
  .xl-active-touch-none:active { touch-action: none; }
  .xl-disabled-touch-none:disabled { touch-action: none; }
  .xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  .xl-focus-within-touch-none:focus-within { touch-action: none; }
  .xl-group:hover .xl-group-hover-touch-none { touch-action: none; }
  .xl-touch-pan_x { touch-action: pan-x; }
  .xl-hover-touch-pan_x:hover { touch-action: pan-x; }
  .xl-focus-touch-pan_x:focus { touch-action: pan-x; }
  .xl-active-touch-pan_x:active { touch-action: pan-x; }
  .xl-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  .xl-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  .xl-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  .xl-group:hover .xl-group-hover-touch-pan_x { touch-action: pan-x; }
  .xl-touch-pan_y { touch-action: pan-y; }
  .xl-hover-touch-pan_y:hover { touch-action: pan-y; }
  .xl-focus-touch-pan_y:focus { touch-action: pan-y; }
  .xl-active-touch-pan_y:active { touch-action: pan-y; }
  .xl-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  .xl-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  .xl-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  .xl-group:hover .xl-group-hover-touch-pan_y { touch-action: pan-y; }
  .xl-touch-manipulation { touch-action: manipulation; }
  .xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  .xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  .xl-active-touch-manipulation:active { touch-action: manipulation; }
  .xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .xl-group:hover .xl-group-hover-touch-manipulation { touch-action: manipulation; }
  .xl-select-auto { user-select: auto; }
  .xl-hover-select-auto:hover { user-select: auto; }
  .xl-focus-select-auto:focus { user-select: auto; }
  .xl-active-select-auto:active { user-select: auto; }
  .xl-disabled-select-auto:disabled { user-select: auto; }
  .xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  .xl-focus-within-select-auto:focus-within { user-select: auto; }
  .xl-group:hover .xl-group-hover-select-auto { user-select: auto; }
  .xl-select-none { user-select: none; }
  .xl-hover-select-none:hover { user-select: none; }
  .xl-focus-select-none:focus { user-select: none; }
  .xl-active-select-none:active { user-select: none; }
  .xl-disabled-select-none:disabled { user-select: none; }
  .xl-focus-visible-select-none:focus-visible { user-select: none; }
  .xl-focus-within-select-none:focus-within { user-select: none; }
  .xl-group:hover .xl-group-hover-select-none { user-select: none; }
  .xl-select-text { user-select: text; }
  .xl-hover-select-text:hover { user-select: text; }
  .xl-focus-select-text:focus { user-select: text; }
  .xl-active-select-text:active { user-select: text; }
  .xl-disabled-select-text:disabled { user-select: text; }
  .xl-focus-visible-select-text:focus-visible { user-select: text; }
  .xl-focus-within-select-text:focus-within { user-select: text; }
  .xl-group:hover .xl-group-hover-select-text { user-select: text; }
  .xl-select-all { user-select: all; }
  .xl-hover-select-all:hover { user-select: all; }
  .xl-focus-select-all:focus { user-select: all; }
  .xl-active-select-all:active { user-select: all; }
  .xl-disabled-select-all:disabled { user-select: all; }
  .xl-focus-visible-select-all:focus-visible { user-select: all; }
  .xl-focus-within-select-all:focus-within { user-select: all; }
  .xl-group:hover .xl-group-hover-select-all { user-select: all; }
  .xl-select-contain { user-select: contain; }
  .xl-hover-select-contain:hover { user-select: contain; }
  .xl-focus-select-contain:focus { user-select: contain; }
  .xl-active-select-contain:active { user-select: contain; }
  .xl-disabled-select-contain:disabled { user-select: contain; }
  .xl-focus-visible-select-contain:focus-visible { user-select: contain; }
  .xl-focus-within-select-contain:focus-within { user-select: contain; }
  .xl-group:hover .xl-group-hover-select-contain { user-select: contain; }
  .xl-will-change-auto { will-change: auto; }
  .xl-hover-will-change-auto:hover { will-change: auto; }
  .xl-focus-will-change-auto:focus { will-change: auto; }
  .xl-active-will-change-auto:active { will-change: auto; }
  .xl-disabled-will-change-auto:disabled { will-change: auto; }
  .xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  .xl-group:hover .xl-group-hover-will-change-auto { will-change: auto; }
  .xl-will-change-scroll { will-change: scroll; }
  .xl-hover-will-change-scroll:hover { will-change: scroll; }
  .xl-focus-will-change-scroll:focus { will-change: scroll; }
  .xl-active-will-change-scroll:active { will-change: scroll; }
  .xl-disabled-will-change-scroll:disabled { will-change: scroll; }
  .xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .xl-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .xl-group:hover .xl-group-hover-will-change-scroll { will-change: scroll; }
  .xl-will-change-transform { will-change: transform; }
  .xl-hover-will-change-transform:hover { will-change: transform; }
  .xl-focus-will-change-transform:focus { will-change: transform; }
  .xl-active-will-change-transform:active { will-change: transform; }
  .xl-disabled-will-change-transform:disabled { will-change: transform; }
  .xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  .xl-group:hover .xl-group-hover-will-change-transform { will-change: transform; }
  .xl-will-change-opacity { will-change: opacity; }
  .xl-hover-will-change-opacity:hover { will-change: opacity; }
  .xl-focus-will-change-opacity:focus { will-change: opacity; }
  .xl-active-will-change-opacity:active { will-change: opacity; }
  .xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  .xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .xl-group:hover .xl-group-hover-will-change-opacity { will-change: opacity; }
  .xl-will-change-contents { will-change: contents; }
  .xl-hover-will-change-contents:hover { will-change: contents; }
  .xl-focus-will-change-contents:focus { will-change: contents; }
  .xl-active-will-change-contents:active { will-change: contents; }
  .xl-disabled-will-change-contents:disabled { will-change: contents; }
  .xl-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .xl-focus-within-will-change-contents:focus-within { will-change: contents; }
  .xl-group:hover .xl-group-hover-will-change-contents { will-change: contents; }
  .xl-color-scheme-light { color-scheme: light; }
  .xl-hover-color-scheme-light:hover { color-scheme: light; }
  .xl-focus-color-scheme-light:focus { color-scheme: light; }
  .xl-active-color-scheme-light:active { color-scheme: light; }
  .xl-disabled-color-scheme-light:disabled { color-scheme: light; }
  .xl-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .xl-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .xl-group:hover .xl-group-hover-color-scheme-light { color-scheme: light; }
  .xl-color-scheme-dark { color-scheme: dark; }
  .xl-hover-color-scheme-dark:hover { color-scheme: dark; }
  .xl-focus-color-scheme-dark:focus { color-scheme: dark; }
  .xl-active-color-scheme-dark:active { color-scheme: dark; }
  .xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .xl-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .xl-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .xl-group:hover .xl-group-hover-color-scheme-dark { color-scheme: dark; }
  .xl-color-scheme-normal { color-scheme: normal; }
  .xl-hover-color-scheme-normal:hover { color-scheme: normal; }
  .xl-focus-color-scheme-normal:focus { color-scheme: normal; }
  .xl-active-color-scheme-normal:active { color-scheme: normal; }
  .xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .xl-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .xl-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .xl-group:hover .xl-group-hover-color-scheme-normal { color-scheme: normal; }
  .xl-cursor-auto { cursor: auto; }
  .xl-hover-cursor-auto:hover { cursor: auto; }
  .xl-focus-cursor-auto:focus { cursor: auto; }
  .xl-active-cursor-auto:active { cursor: auto; }
  .xl-disabled-cursor-auto:disabled { cursor: auto; }
  .xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  .xl-group:hover .xl-group-hover-cursor-auto { cursor: auto; }
  .xl-cursor-default { cursor: default; }
  .xl-hover-cursor-default:hover { cursor: default; }
  .xl-focus-cursor-default:focus { cursor: default; }
  .xl-active-cursor-default:active { cursor: default; }
  .xl-disabled-cursor-default:disabled { cursor: default; }
  .xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  .xl-focus-within-cursor-default:focus-within { cursor: default; }
  .xl-group:hover .xl-group-hover-cursor-default { cursor: default; }
  .xl-cursor-pointer { cursor: pointer; }
  .xl-hover-cursor-pointer:hover { cursor: pointer; }
  .xl-focus-cursor-pointer:focus { cursor: pointer; }
  .xl-active-cursor-pointer:active { cursor: pointer; }
  .xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  .xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .xl-group:hover .xl-group-hover-cursor-pointer { cursor: pointer; }
  .xl-cursor-wait { cursor: wait; }
  .xl-hover-cursor-wait:hover { cursor: wait; }
  .xl-focus-cursor-wait:focus { cursor: wait; }
  .xl-active-cursor-wait:active { cursor: wait; }
  .xl-disabled-cursor-wait:disabled { cursor: wait; }
  .xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  .xl-group:hover .xl-group-hover-cursor-wait { cursor: wait; }
  .xl-cursor-text { cursor: text; }
  .xl-hover-cursor-text:hover { cursor: text; }
  .xl-focus-cursor-text:focus { cursor: text; }
  .xl-active-cursor-text:active { cursor: text; }
  .xl-disabled-cursor-text:disabled { cursor: text; }
  .xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  .xl-focus-within-cursor-text:focus-within { cursor: text; }
  .xl-group:hover .xl-group-hover-cursor-text { cursor: text; }
  .xl-cursor-move { cursor: move; }
  .xl-hover-cursor-move:hover { cursor: move; }
  .xl-focus-cursor-move:focus { cursor: move; }
  .xl-active-cursor-move:active { cursor: move; }
  .xl-disabled-cursor-move:disabled { cursor: move; }
  .xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  .xl-focus-within-cursor-move:focus-within { cursor: move; }
  .xl-group:hover .xl-group-hover-cursor-move { cursor: move; }
  .xl-cursor-not-allowed { cursor: not-allowed; }
  .xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  .xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .xl-group:hover .xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .xl-cursor-none { cursor: none; }
  .xl-hover-cursor-none:hover { cursor: none; }
  .xl-focus-cursor-none:focus { cursor: none; }
  .xl-active-cursor-none:active { cursor: none; }
  .xl-disabled-cursor-none:disabled { cursor: none; }
  .xl-focus-visible-cursor-none:focus-visible { cursor: none; }
  .xl-focus-within-cursor-none:focus-within { cursor: none; }
  .xl-group:hover .xl-group-hover-cursor-none { cursor: none; }
  .xl-pointer-events-none { pointer-events: none; }
  .xl-hover-pointer-events-none:hover { pointer-events: none; }
  .xl-focus-pointer-events-none:focus { pointer-events: none; }
  .xl-active-pointer-events-none:active { pointer-events: none; }
  .xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  .xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .xl-group:hover .xl-group-hover-pointer-events-none { pointer-events: none; }
  .xl-pointer-events-auto { pointer-events: auto; }
  .xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  .xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  .xl-active-pointer-events-auto:active { pointer-events: auto; }
  .xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .xl-group:hover .xl-group-hover-pointer-events-auto { pointer-events: auto; }
  .xl-resize-none { resize: none; }
  .xl-hover-resize-none:hover { resize: none; }
  .xl-focus-resize-none:focus { resize: none; }
  .xl-active-resize-none:active { resize: none; }
  .xl-disabled-resize-none:disabled { resize: none; }
  .xl-focus-visible-resize-none:focus-visible { resize: none; }
  .xl-focus-within-resize-none:focus-within { resize: none; }
  .xl-group:hover .xl-group-hover-resize-none { resize: none; }
  .xl-resize-x { resize: horizontal; }
  .xl-hover-resize-x:hover { resize: horizontal; }
  .xl-focus-resize-x:focus { resize: horizontal; }
  .xl-active-resize-x:active { resize: horizontal; }
  .xl-disabled-resize-x:disabled { resize: horizontal; }
  .xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .xl-focus-within-resize-x:focus-within { resize: horizontal; }
  .xl-group:hover .xl-group-hover-resize-x { resize: horizontal; }
  .xl-resize-y { resize: vertical; }
  .xl-hover-resize-y:hover { resize: vertical; }
  .xl-focus-resize-y:focus { resize: vertical; }
  .xl-active-resize-y:active { resize: vertical; }
  .xl-disabled-resize-y:disabled { resize: vertical; }
  .xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  .xl-focus-within-resize-y:focus-within { resize: vertical; }
  .xl-group:hover .xl-group-hover-resize-y { resize: vertical; }
  .xl-resize { resize: both; }
  .xl-hover-resize:hover { resize: both; }
  .xl-focus-resize:focus { resize: both; }
  .xl-active-resize:active { resize: both; }
  .xl-disabled-resize:disabled { resize: both; }
  .xl-focus-visible-resize:focus-visible { resize: both; }
  .xl-focus-within-resize:focus-within { resize: both; }
  .xl-group:hover .xl-group-hover-resize { resize: both; }
  .xl-scroll-auto { scroll-behavior: auto; }
  .xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  .xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  .xl-active-scroll-auto:active { scroll-behavior: auto; }
  .xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .xl-group:hover .xl-group-hover-scroll-auto { scroll-behavior: auto; }
  .xl-scroll-smooth { scroll-behavior: smooth; }
  .xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  .xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .xl-group:hover .xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .xl-scroll-m-0 { scroll-margin: 0; }
  .xl-hover-scroll-m-0:hover { scroll-margin: 0; }
  .xl-focus-scroll-m-0:focus { scroll-margin: 0; }
  .xl-active-scroll-m-0:active { scroll-margin: 0; }
  .xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .xl-group:hover .xl-group-hover-scroll-m-0 { scroll-margin: 0; }
  .xl-scroll-m-1 { scroll-margin: 0.25rem; }
  .xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .xl-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .xl-scroll-m-2 { scroll-margin: 0.5rem; }
  .xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .xl-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .xl-scroll-m-4 { scroll-margin: 1rem; }
  .xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .xl-active-scroll-m-4:active { scroll-margin: 1rem; }
  .xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .xl-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .xl-scroll-m-8 { scroll-margin: 2rem; }
  .xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .xl-active-scroll-m-8:active { scroll-margin: 2rem; }
  .xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .xl-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .xl-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .xl-scroll-p-0 { scroll-padding: 0; }
  .xl-hover-scroll-p-0:hover { scroll-padding: 0; }
  .xl-focus-scroll-p-0:focus { scroll-padding: 0; }
  .xl-active-scroll-p-0:active { scroll-padding: 0; }
  .xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .xl-group:hover .xl-group-hover-scroll-p-0 { scroll-padding: 0; }
  .xl-scroll-p-1 { scroll-padding: 0.25rem; }
  .xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .xl-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .xl-scroll-p-2 { scroll-padding: 0.5rem; }
  .xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .xl-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .xl-scroll-p-4 { scroll-padding: 1rem; }
  .xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .xl-active-scroll-p-4:active { scroll-padding: 1rem; }
  .xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .xl-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .xl-scroll-p-8 { scroll-padding: 2rem; }
  .xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .xl-active-scroll-p-8:active { scroll-padding: 2rem; }
  .xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .xl-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .xl-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .xl-snap-x { scroll-snap-type: x mandatory; }
  .xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .xl-active-snap-x:active { scroll-snap-type: x mandatory; }
  .xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .xl-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .xl-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .xl-group:hover .xl-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .xl-snap-y { scroll-snap-type: y mandatory; }
  .xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .xl-active-snap-y:active { scroll-snap-type: y mandatory; }
  .xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .xl-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .xl-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .xl-group:hover .xl-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .xl-snap-both { scroll-snap-type: both mandatory; }
  .xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .xl-active-snap-both:active { scroll-snap-type: both mandatory; }
  .xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .xl-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .xl-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .xl-group:hover .xl-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .xl-snap-align-start { scroll-snap-align: start; }
  .xl-hover-snap-align-start:hover { scroll-snap-align: start; }
  .xl-focus-snap-align-start:focus { scroll-snap-align: start; }
  .xl-active-snap-align-start:active { scroll-snap-align: start; }
  .xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .xl-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .xl-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .xl-group:hover .xl-group-hover-snap-align-start { scroll-snap-align: start; }
  .xl-snap-align-center { scroll-snap-align: center; }
  .xl-hover-snap-align-center:hover { scroll-snap-align: center; }
  .xl-focus-snap-align-center:focus { scroll-snap-align: center; }
  .xl-active-snap-align-center:active { scroll-snap-align: center; }
  .xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .xl-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .xl-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .xl-group:hover .xl-group-hover-snap-align-center { scroll-snap-align: center; }
  .xl-snap-align-end { scroll-snap-align: end; }
  .xl-hover-snap-align-end:hover { scroll-snap-align: end; }
  .xl-focus-snap-align-end:focus { scroll-snap-align: end; }
  .xl-active-snap-align-end:active { scroll-snap-align: end; }
  .xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .xl-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .xl-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .xl-group:hover .xl-group-hover-snap-align-end { scroll-snap-align: end; }
  .xl-snap-align-none { scroll-snap-align: none; }
  .xl-hover-snap-align-none:hover { scroll-snap-align: none; }
  .xl-focus-snap-align-none:focus { scroll-snap-align: none; }
  .xl-active-snap-align-none:active { scroll-snap-align: none; }
  .xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .xl-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .xl-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .xl-group:hover .xl-group-hover-snap-align-none { scroll-snap-align: none; }
  .xl-snap-stop-normal { scroll-snap-stop: normal; }
  .xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .xl-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .xl-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .xl-group:hover .xl-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .xl-snap-stop-always { scroll-snap-stop: always; }
  .xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .xl-active-snap-stop-always:active { scroll-snap-stop: always; }
  .xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .xl-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .xl-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .xl-group:hover .xl-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .xl-touch-auto { touch-action: auto; }
  .xl-hover-touch-auto:hover { touch-action: auto; }
  .xl-focus-touch-auto:focus { touch-action: auto; }
  .xl-active-touch-auto:active { touch-action: auto; }
  .xl-disabled-touch-auto:disabled { touch-action: auto; }
  .xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  .xl-group:hover .xl-group-hover-touch-auto { touch-action: auto; }
  .xl-touch-none { touch-action: none; }
  .xl-hover-touch-none:hover { touch-action: none; }
  .xl-focus-touch-none:focus { touch-action: none; }
  .xl-active-touch-none:active { touch-action: none; }
  .xl-disabled-touch-none:disabled { touch-action: none; }
  .xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  .xl-focus-within-touch-none:focus-within { touch-action: none; }
  .xl-group:hover .xl-group-hover-touch-none { touch-action: none; }
  .xl-touch-pan-x { touch-action: pan-x; }
  .xl-hover-touch-pan-x:hover { touch-action: pan-x; }
  .xl-focus-touch-pan-x:focus { touch-action: pan-x; }
  .xl-active-touch-pan-x:active { touch-action: pan-x; }
  .xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .xl-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .xl-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .xl-group:hover .xl-group-hover-touch-pan-x { touch-action: pan-x; }
  .xl-touch-pan-y { touch-action: pan-y; }
  .xl-hover-touch-pan-y:hover { touch-action: pan-y; }
  .xl-focus-touch-pan-y:focus { touch-action: pan-y; }
  .xl-active-touch-pan-y:active { touch-action: pan-y; }
  .xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .xl-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .xl-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .xl-group:hover .xl-group-hover-touch-pan-y { touch-action: pan-y; }
  .xl-touch-manipulation { touch-action: manipulation; }
  .xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  .xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  .xl-active-touch-manipulation:active { touch-action: manipulation; }
  .xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .xl-group:hover .xl-group-hover-touch-manipulation { touch-action: manipulation; }
  .xl-select-auto { user-select: auto; }
  .xl-hover-select-auto:hover { user-select: auto; }
  .xl-focus-select-auto:focus { user-select: auto; }
  .xl-active-select-auto:active { user-select: auto; }
  .xl-disabled-select-auto:disabled { user-select: auto; }
  .xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  .xl-focus-within-select-auto:focus-within { user-select: auto; }
  .xl-group:hover .xl-group-hover-select-auto { user-select: auto; }
  .xl-select-none { user-select: none; }
  .xl-hover-select-none:hover { user-select: none; }
  .xl-focus-select-none:focus { user-select: none; }
  .xl-active-select-none:active { user-select: none; }
  .xl-disabled-select-none:disabled { user-select: none; }
  .xl-focus-visible-select-none:focus-visible { user-select: none; }
  .xl-focus-within-select-none:focus-within { user-select: none; }
  .xl-group:hover .xl-group-hover-select-none { user-select: none; }
  .xl-select-text { user-select: text; }
  .xl-hover-select-text:hover { user-select: text; }
  .xl-focus-select-text:focus { user-select: text; }
  .xl-active-select-text:active { user-select: text; }
  .xl-disabled-select-text:disabled { user-select: text; }
  .xl-focus-visible-select-text:focus-visible { user-select: text; }
  .xl-focus-within-select-text:focus-within { user-select: text; }
  .xl-group:hover .xl-group-hover-select-text { user-select: text; }
  .xl-select-all { user-select: all; }
  .xl-hover-select-all:hover { user-select: all; }
  .xl-focus-select-all:focus { user-select: all; }
  .xl-active-select-all:active { user-select: all; }
  .xl-disabled-select-all:disabled { user-select: all; }
  .xl-focus-visible-select-all:focus-visible { user-select: all; }
  .xl-focus-within-select-all:focus-within { user-select: all; }
  .xl-group:hover .xl-group-hover-select-all { user-select: all; }
  .xl-select-contain { user-select: contain; }
  .xl-hover-select-contain:hover { user-select: contain; }
  .xl-focus-select-contain:focus { user-select: contain; }
  .xl-active-select-contain:active { user-select: contain; }
  .xl-disabled-select-contain:disabled { user-select: contain; }
  .xl-focus-visible-select-contain:focus-visible { user-select: contain; }
  .xl-focus-within-select-contain:focus-within { user-select: contain; }
  .xl-group:hover .xl-group-hover-select-contain { user-select: contain; }
  .xl-will-change-auto { will-change: auto; }
  .xl-hover-will-change-auto:hover { will-change: auto; }
  .xl-focus-will-change-auto:focus { will-change: auto; }
  .xl-active-will-change-auto:active { will-change: auto; }
  .xl-disabled-will-change-auto:disabled { will-change: auto; }
  .xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  .xl-group:hover .xl-group-hover-will-change-auto { will-change: auto; }
  .xl-will-change-scroll { will-change: scroll; }
  .xl-hover-will-change-scroll:hover { will-change: scroll; }
  .xl-focus-will-change-scroll:focus { will-change: scroll; }
  .xl-active-will-change-scroll:active { will-change: scroll; }
  .xl-disabled-will-change-scroll:disabled { will-change: scroll; }
  .xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .xl-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .xl-group:hover .xl-group-hover-will-change-scroll { will-change: scroll; }
  .xl-will-change-transform { will-change: transform; }
  .xl-hover-will-change-transform:hover { will-change: transform; }
  .xl-focus-will-change-transform:focus { will-change: transform; }
  .xl-active-will-change-transform:active { will-change: transform; }
  .xl-disabled-will-change-transform:disabled { will-change: transform; }
  .xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  .xl-group:hover .xl-group-hover-will-change-transform { will-change: transform; }
  .xl-will-change-opacity { will-change: opacity; }
  .xl-hover-will-change-opacity:hover { will-change: opacity; }
  .xl-focus-will-change-opacity:focus { will-change: opacity; }
  .xl-active-will-change-opacity:active { will-change: opacity; }
  .xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  .xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .xl-group:hover .xl-group-hover-will-change-opacity { will-change: opacity; }
  .xl-will-change-contents { will-change: contents; }
  .xl-hover-will-change-contents:hover { will-change: contents; }
  .xl-focus-will-change-contents:focus { will-change: contents; }
  .xl-active-will-change-contents:active { will-change: contents; }
  .xl-disabled-will-change-contents:disabled { will-change: contents; }
  .xl-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .xl-focus-within-will-change-contents:focus-within { will-change: contents; }
  .xl-group:hover .xl-group-hover-will-change-contents { will-change: contents; }
  .xl-field-sizing-auto { block-size: auto; inline-size: auto; }
  .xl-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  .xl-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  .xl-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  .xl-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  .xl-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  .xl-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  .xl-group:hover .xl-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  .xl-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .xl-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  .xl-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  .xl-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  .xl-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  .xl-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  .xl-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  .xl-group:hover .xl-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .xl-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .xl-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  .xl-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  .xl-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  .xl-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  .xl-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  .xl-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  .xl-group:hover .xl-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .xl-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .xl-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  .xl-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  .xl-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  .xl-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  .xl-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  .xl-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  .xl-group:hover .xl-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .xl-aspect-auto { aspect-ratio: auto; }
  .xl-hover-aspect-auto:hover { aspect-ratio: auto; }
  .xl-focus-aspect-auto:focus { aspect-ratio: auto; }
  .xl-active-aspect-auto:active { aspect-ratio: auto; }
  .xl-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  .xl-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  .xl-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  .xl-group:hover .xl-group-hover-aspect-auto { aspect-ratio: auto; }
  .xl-aspect-square { aspect-ratio: 1 / 1; }
  .xl-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  .xl-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  .xl-active-aspect-square:active { aspect-ratio: 1 / 1; }
  .xl-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  .xl-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  .xl-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  .xl-group:hover .xl-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  .xl-aspect-video { aspect-ratio: 16 / 9; }
  .xl-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  .xl-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  .xl-active-aspect-video:active { aspect-ratio: 16 / 9; }
  .xl-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  .xl-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  .xl-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  .xl-group:hover .xl-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  .xl-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .xl-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  .xl-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  .xl-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  .xl-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  .xl-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  .xl-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  .xl-group:hover .xl-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .xl-isolation-auto { isolation: auto; }
  .xl-hover-isolation-auto:hover { isolation: auto; }
  .xl-focus-isolation-auto:focus { isolation: auto; }
  .xl-active-isolation-auto:active { isolation: auto; }
  .xl-disabled-isolation-auto:disabled { isolation: auto; }
  .xl-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  .xl-focus-within-isolation-auto:focus-within { isolation: auto; }
  .xl-group:hover .xl-group-hover-isolation-auto { isolation: auto; }
  .xl-isolation-isolate { isolation: isolate; }
  .xl-hover-isolation-isolate:hover { isolation: isolate; }
  .xl-focus-isolation-isolate:focus { isolation: isolate; }
  .xl-active-isolation-isolate:active { isolation: isolate; }
  .xl-disabled-isolation-isolate:disabled { isolation: isolate; }
  .xl-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  .xl-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  .xl-group:hover .xl-group-hover-isolation-isolate { isolation: isolate; }
  .xl-contain-none { contain: none; }
  .xl-hover-contain-none:hover { contain: none; }
  .xl-focus-contain-none:focus { contain: none; }
  .xl-active-contain-none:active { contain: none; }
  .xl-disabled-contain-none:disabled { contain: none; }
  .xl-focus-visible-contain-none:focus-visible { contain: none; }
  .xl-focus-within-contain-none:focus-within { contain: none; }
  .xl-group:hover .xl-group-hover-contain-none { contain: none; }
  .xl-contain-layout { contain: layout; }
  .xl-hover-contain-layout:hover { contain: layout; }
  .xl-focus-contain-layout:focus { contain: layout; }
  .xl-active-contain-layout:active { contain: layout; }
  .xl-disabled-contain-layout:disabled { contain: layout; }
  .xl-focus-visible-contain-layout:focus-visible { contain: layout; }
  .xl-focus-within-contain-layout:focus-within { contain: layout; }
  .xl-group:hover .xl-group-hover-contain-layout { contain: layout; }
  .xl-contain-size { contain: size; }
  .xl-hover-contain-size:hover { contain: size; }
  .xl-focus-contain-size:focus { contain: size; }
  .xl-active-contain-size:active { contain: size; }
  .xl-disabled-contain-size:disabled { contain: size; }
  .xl-focus-visible-contain-size:focus-visible { contain: size; }
  .xl-focus-within-contain-size:focus-within { contain: size; }
  .xl-group:hover .xl-group-hover-contain-size { contain: size; }
  .xl-contain-style { contain: style; }
  .xl-hover-contain-style:hover { contain: style; }
  .xl-focus-contain-style:focus { contain: style; }
  .xl-active-contain-style:active { contain: style; }
  .xl-disabled-contain-style:disabled { contain: style; }
  .xl-focus-visible-contain-style:focus-visible { contain: style; }
  .xl-focus-within-contain-style:focus-within { contain: style; }
  .xl-group:hover .xl-group-hover-contain-style { contain: style; }
  .xl-contain-paint { contain: paint; }
  .xl-hover-contain-paint:hover { contain: paint; }
  .xl-focus-contain-paint:focus { contain: paint; }
  .xl-active-contain-paint:active { contain: paint; }
  .xl-disabled-contain-paint:disabled { contain: paint; }
  .xl-focus-visible-contain-paint:focus-visible { contain: paint; }
  .xl-focus-within-contain-paint:focus-within { contain: paint; }
  .xl-group:hover .xl-group-hover-contain-paint { contain: paint; }
  .xl-contain-content { contain: content; }
  .xl-hover-contain-content:hover { contain: content; }
  .xl-focus-contain-content:focus { contain: content; }
  .xl-active-contain-content:active { contain: content; }
  .xl-disabled-contain-content:disabled { contain: content; }
  .xl-focus-visible-contain-content:focus-visible { contain: content; }
  .xl-focus-within-contain-content:focus-within { contain: content; }
  .xl-group:hover .xl-group-hover-contain-content { contain: content; }
  .xl-content-auto { content-visibility: auto; }
  .xl-hover-content-auto:hover { content-visibility: auto; }
  .xl-focus-content-auto:focus { content-visibility: auto; }
  .xl-active-content-auto:active { content-visibility: auto; }
  .xl-disabled-content-auto:disabled { content-visibility: auto; }
  .xl-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  .xl-focus-within-content-auto:focus-within { content-visibility: auto; }
  .xl-group:hover .xl-group-hover-content-auto { content-visibility: auto; }
  .xl-content-hidden { content-visibility: hidden; }
  .xl-hover-content-hidden:hover { content-visibility: hidden; }
  .xl-focus-content-hidden:focus { content-visibility: hidden; }
  .xl-active-content-hidden:active { content-visibility: hidden; }
  .xl-disabled-content-hidden:disabled { content-visibility: hidden; }
  .xl-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  .xl-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  .xl-group:hover .xl-group-hover-content-hidden { content-visibility: hidden; }
  .xl-content-visible { content-visibility: visible; }
  .xl-hover-content-visible:hover { content-visibility: visible; }
  .xl-focus-content-visible:focus { content-visibility: visible; }
  .xl-active-content-visible:active { content-visibility: visible; }
  .xl-disabled-content-visible:disabled { content-visibility: visible; }
  .xl-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  .xl-focus-within-content-visible:focus-within { content-visibility: visible; }
  .xl-group:hover .xl-group-hover-content-visible { content-visibility: visible; }
  .xl-box-border { box-sizing: border-box; }
  .xl-hover-box-border:hover { box-sizing: border-box; }
  .xl-focus-box-border:focus { box-sizing: border-box; }
  .xl-active-box-border:active { box-sizing: border-box; }
  .xl-disabled-box-border:disabled { box-sizing: border-box; }
  .xl-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .xl-focus-within-box-border:focus-within { box-sizing: border-box; }
  .xl-group:hover .xl-group-hover-box-border { box-sizing: border-box; }
  .xl-box-content { box-sizing: content-box; }
  .xl-hover-box-content:hover { box-sizing: content-box; }
  .xl-focus-box-content:focus { box-sizing: content-box; }
  .xl-active-box-content:active { box-sizing: content-box; }
  .xl-disabled-box-content:disabled { box-sizing: content-box; }
  .xl-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .xl-focus-within-box-content:focus-within { box-sizing: content-box; }
  .xl-group:hover .xl-group-hover-box-content { box-sizing: content-box; }
  .xl-clip-none { clip-path: none; }
  .xl-hover-clip-none:hover { clip-path: none; }
  .xl-focus-clip-none:focus { clip-path: none; }
  .xl-active-clip-none:active { clip-path: none; }
  .xl-disabled-clip-none:disabled { clip-path: none; }
  .xl-focus-visible-clip-none:focus-visible { clip-path: none; }
  .xl-focus-within-clip-none:focus-within { clip-path: none; }
  .xl-group:hover .xl-group-hover-clip-none { clip-path: none; }
  .xl-clip-circle { clip-path: circle(50% at 50% 50%); }
  .xl-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  .xl-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  .xl-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  .xl-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  .xl-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  .xl-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  .xl-group:hover .xl-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  .xl-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-group:hover .xl-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .xl-clip-inset { clip-path: inset(0); }
  .xl-hover-clip-inset:hover { clip-path: inset(0); }
  .xl-focus-clip-inset:focus { clip-path: inset(0); }
  .xl-active-clip-inset:active { clip-path: inset(0); }
  .xl-disabled-clip-inset:disabled { clip-path: inset(0); }
  .xl-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  .xl-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  .xl-group:hover .xl-group-hover-clip-inset { clip-path: inset(0); }
  .xl-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-group:hover .xl-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .xl-margin-block-start-1 { margin-block-start: 1rem; }
  .xl-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  .xl-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  .xl-active-margin-block-start-1:active { margin-block-start: 1rem; }
  .xl-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  .xl-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  .xl-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  .xl-group:hover .xl-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  .xl-margin-block-end-1 { margin-block-end: 1rem; }
  .xl-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  .xl-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  .xl-active-margin-block-end-1:active { margin-block-end: 1rem; }
  .xl-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  .xl-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  .xl-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  .xl-group:hover .xl-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  .xl-margin-inline-start-1 { margin-inline-start: 1rem; }
  .xl-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  .xl-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  .xl-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  .xl-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  .xl-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  .xl-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  .xl-group:hover .xl-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  .xl-margin-inline-end-1 { margin-inline-end: 1rem; }
  .xl-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  .xl-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  .xl-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  .xl-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  .xl-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  .xl-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  .xl-group:hover .xl-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  .xl-padding-block-start-1 { padding-block-start: 1rem; }
  .xl-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  .xl-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  .xl-active-padding-block-start-1:active { padding-block-start: 1rem; }
  .xl-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  .xl-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  .xl-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  .xl-group:hover .xl-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  .xl-padding-block-end-1 { padding-block-end: 1rem; }
  .xl-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  .xl-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  .xl-active-padding-block-end-1:active { padding-block-end: 1rem; }
  .xl-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  .xl-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  .xl-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  .xl-group:hover .xl-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  .xl-padding-inline-start-1 { padding-inline-start: 1rem; }
  .xl-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  .xl-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  .xl-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  .xl-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  .xl-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  .xl-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  .xl-group:hover .xl-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  .xl-padding-inline-end-1 { padding-inline-end: 1rem; }
  .xl-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  .xl-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  .xl-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  .xl-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  .xl-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  .xl-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  .xl-group:hover .xl-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  .xl-transition-all { transition-property: all; }
  .xl-hover-transition-all:hover { transition-property: all; }
  .xl-focus-transition-all:focus { transition-property: all; }
  .xl-active-transition-all:active { transition-property: all; }
  .xl-disabled-transition-all:disabled { transition-property: all; }
  .xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  .xl-focus-within-transition-all:focus-within { transition-property: all; }
  .xl-group:hover .xl-group-hover-transition-all { transition-property: all; }
  .xl-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-group:hover .xl-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .xl-transition-opacity { transition-property: opacity; }
  .xl-hover-transition-opacity:hover { transition-property: opacity; }
  .xl-focus-transition-opacity:focus { transition-property: opacity; }
  .xl-active-transition-opacity:active { transition-property: opacity; }
  .xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  .xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .xl-group:hover .xl-group-hover-transition-opacity { transition-property: opacity; }
  .xl-transition-shadow { transition-property: box-shadow; }
  .xl-hover-transition-shadow:hover { transition-property: box-shadow; }
  .xl-focus-transition-shadow:focus { transition-property: box-shadow; }
  .xl-active-transition-shadow:active { transition-property: box-shadow; }
  .xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .xl-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .xl-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .xl-group:hover .xl-group-hover-transition-shadow { transition-property: box-shadow; }
  .xl-transition-transform { transition-property: transform; }
  .xl-hover-transition-transform:hover { transition-property: transform; }
  .xl-focus-transition-transform:focus { transition-property: transform; }
  .xl-active-transition-transform:active { transition-property: transform; }
  .xl-disabled-transition-transform:disabled { transition-property: transform; }
  .xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  .xl-group:hover .xl-group-hover-transition-transform { transition-property: transform; }
  .xl-duration-75 { transition-duration: 75ms; }
  .xl-hover-duration-75:hover { transition-duration: 75ms; }
  .xl-focus-duration-75:focus { transition-duration: 75ms; }
  .xl-active-duration-75:active { transition-duration: 75ms; }
  .xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  .xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .xl-group:hover .xl-group-hover-duration-75 { transition-duration: 75ms; }
  .xl-duration-100 { transition-duration: 100ms; }
  .xl-hover-duration-100:hover { transition-duration: 100ms; }
  .xl-focus-duration-100:focus { transition-duration: 100ms; }
  .xl-active-duration-100:active { transition-duration: 100ms; }
  .xl-disabled-duration-100:disabled { transition-duration: 100ms; }
  .xl-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .xl-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .xl-group:hover .xl-group-hover-duration-100 { transition-duration: 100ms; }
  .xl-duration-150 { transition-duration: 150ms; }
  .xl-hover-duration-150:hover { transition-duration: 150ms; }
  .xl-focus-duration-150:focus { transition-duration: 150ms; }
  .xl-active-duration-150:active { transition-duration: 150ms; }
  .xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  .xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .xl-group:hover .xl-group-hover-duration-150 { transition-duration: 150ms; }
  .xl-duration-200 { transition-duration: 200ms; }
  .xl-hover-duration-200:hover { transition-duration: 200ms; }
  .xl-focus-duration-200:focus { transition-duration: 200ms; }
  .xl-active-duration-200:active { transition-duration: 200ms; }
  .xl-disabled-duration-200:disabled { transition-duration: 200ms; }
  .xl-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .xl-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .xl-group:hover .xl-group-hover-duration-200 { transition-duration: 200ms; }
  .xl-duration-300 { transition-duration: 300ms; }
  .xl-hover-duration-300:hover { transition-duration: 300ms; }
  .xl-focus-duration-300:focus { transition-duration: 300ms; }
  .xl-active-duration-300:active { transition-duration: 300ms; }
  .xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  .xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .xl-group:hover .xl-group-hover-duration-300 { transition-duration: 300ms; }
  .xl-duration-500 { transition-duration: 500ms; }
  .xl-hover-duration-500:hover { transition-duration: 500ms; }
  .xl-focus-duration-500:focus { transition-duration: 500ms; }
  .xl-active-duration-500:active { transition-duration: 500ms; }
  .xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  .xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .xl-group:hover .xl-group-hover-duration-500 { transition-duration: 500ms; }
  .xl-duration-700 { transition-duration: 700ms; }
  .xl-hover-duration-700:hover { transition-duration: 700ms; }
  .xl-focus-duration-700:focus { transition-duration: 700ms; }
  .xl-active-duration-700:active { transition-duration: 700ms; }
  .xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  .xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .xl-group:hover .xl-group-hover-duration-700 { transition-duration: 700ms; }
  .xl-duration-1000 { transition-duration: 1000ms; }
  .xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  .xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  .xl-active-duration-1000:active { transition-duration: 1000ms; }
  .xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .xl-group:hover .xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  .xl-ease-linear { transition-timing-function: linear; }
  .xl-hover-ease-linear:hover { transition-timing-function: linear; }
  .xl-focus-ease-linear:focus { transition-timing-function: linear; }
  .xl-active-ease-linear:active { transition-timing-function: linear; }
  .xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .xl-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .xl-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .xl-group:hover .xl-group-hover-ease-linear { transition-timing-function: linear; }
  .xl-ease-in { transition-timing-function: ease-in; }
  .xl-hover-ease-in:hover { transition-timing-function: ease-in; }
  .xl-focus-ease-in:focus { transition-timing-function: ease-in; }
  .xl-active-ease-in:active { transition-timing-function: ease-in; }
  .xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .xl-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .xl-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .xl-group:hover .xl-group-hover-ease-in { transition-timing-function: ease-in; }
  .xl-ease-out { transition-timing-function: ease-out; }
  .xl-hover-ease-out:hover { transition-timing-function: ease-out; }
  .xl-focus-ease-out:focus { transition-timing-function: ease-out; }
  .xl-active-ease-out:active { transition-timing-function: ease-out; }
  .xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .xl-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .xl-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .xl-group:hover .xl-group-hover-ease-out { transition-timing-function: ease-out; }
  .xl-ease-in-out { transition-timing-function: ease-in-out; }
  .xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .xl-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .xl-group:hover .xl-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .xl-filter-none { filter: none; }
  .xl-hover-filter-none:hover { filter: none; }
  .xl-focus-filter-none:focus { filter: none; }
  .xl-active-filter-none:active { filter: none; }
  .xl-disabled-filter-none:disabled { filter: none; }
  .xl-focus-visible-filter-none:focus-visible { filter: none; }
  .xl-focus-within-filter-none:focus-within { filter: none; }
  .xl-group:hover .xl-group-hover-filter-none { filter: none; }
  .xl-blur-sm { filter: blur(2px); }
  .xl-hover-blur-sm:hover { filter: blur(2px); }
  .xl-focus-blur-sm:focus { filter: blur(2px); }
  .xl-active-blur-sm:active { filter: blur(2px); }
  .xl-disabled-blur-sm:disabled { filter: blur(2px); }
  .xl-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .xl-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .xl-group:hover .xl-group-hover-blur-sm { filter: blur(2px); }
  .xl-blur { filter: blur(4px); }
  .xl-hover-blur:hover { filter: blur(4px); }
  .xl-focus-blur:focus { filter: blur(4px); }
  .xl-active-blur:active { filter: blur(4px); }
  .xl-disabled-blur:disabled { filter: blur(4px); }
  .xl-focus-visible-blur:focus-visible { filter: blur(4px); }
  .xl-focus-within-blur:focus-within { filter: blur(4px); }
  .xl-group:hover .xl-group-hover-blur { filter: blur(4px); }
  .xl-blur-md { filter: blur(8px); }
  .xl-hover-blur-md:hover { filter: blur(8px); }
  .xl-focus-blur-md:focus { filter: blur(8px); }
  .xl-active-blur-md:active { filter: blur(8px); }
  .xl-disabled-blur-md:disabled { filter: blur(8px); }
  .xl-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .xl-focus-within-blur-md:focus-within { filter: blur(8px); }
  .xl-group:hover .xl-group-hover-blur-md { filter: blur(8px); }
  .xl-blur-lg { filter: blur(12px); }
  .xl-hover-blur-lg:hover { filter: blur(12px); }
  .xl-focus-blur-lg:focus { filter: blur(12px); }
  .xl-active-blur-lg:active { filter: blur(12px); }
  .xl-disabled-blur-lg:disabled { filter: blur(12px); }
  .xl-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .xl-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .xl-group:hover .xl-group-hover-blur-lg { filter: blur(12px); }
  .xl-blur-xl { filter: blur(20px); }
  .xl-hover-blur-xl:hover { filter: blur(20px); }
  .xl-focus-blur-xl:focus { filter: blur(20px); }
  .xl-active-blur-xl:active { filter: blur(20px); }
  .xl-disabled-blur-xl:disabled { filter: blur(20px); }
  .xl-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .xl-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .xl-group:hover .xl-group-hover-blur-xl { filter: blur(20px); }
  .xl-brightness-50 { filter: brightness(0.5); }
  .xl-hover-brightness-50:hover { filter: brightness(0.5); }
  .xl-focus-brightness-50:focus { filter: brightness(0.5); }
  .xl-active-brightness-50:active { filter: brightness(0.5); }
  .xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .xl-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .xl-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .xl-group:hover .xl-group-hover-brightness-50 { filter: brightness(0.5); }
  .xl-brightness-100 { filter: brightness(1); }
  .xl-hover-brightness-100:hover { filter: brightness(1); }
  .xl-focus-brightness-100:focus { filter: brightness(1); }
  .xl-active-brightness-100:active { filter: brightness(1); }
  .xl-disabled-brightness-100:disabled { filter: brightness(1); }
  .xl-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .xl-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .xl-group:hover .xl-group-hover-brightness-100 { filter: brightness(1); }
  .xl-brightness-150 { filter: brightness(1.5); }
  .xl-hover-brightness-150:hover { filter: brightness(1.5); }
  .xl-focus-brightness-150:focus { filter: brightness(1.5); }
  .xl-active-brightness-150:active { filter: brightness(1.5); }
  .xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .xl-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .xl-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .xl-group:hover .xl-group-hover-brightness-150 { filter: brightness(1.5); }
  .xl-contrast-50 { filter: contrast(0.5); }
  .xl-hover-contrast-50:hover { filter: contrast(0.5); }
  .xl-focus-contrast-50:focus { filter: contrast(0.5); }
  .xl-active-contrast-50:active { filter: contrast(0.5); }
  .xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .xl-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .xl-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .xl-group:hover .xl-group-hover-contrast-50 { filter: contrast(0.5); }
  .xl-contrast-100 { filter: contrast(1); }
  .xl-hover-contrast-100:hover { filter: contrast(1); }
  .xl-focus-contrast-100:focus { filter: contrast(1); }
  .xl-active-contrast-100:active { filter: contrast(1); }
  .xl-disabled-contrast-100:disabled { filter: contrast(1); }
  .xl-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .xl-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .xl-group:hover .xl-group-hover-contrast-100 { filter: contrast(1); }
  .xl-grayscale { filter: grayscale(1); }
  .xl-hover-grayscale:hover { filter: grayscale(1); }
  .xl-focus-grayscale:focus { filter: grayscale(1); }
  .xl-active-grayscale:active { filter: grayscale(1); }
  .xl-disabled-grayscale:disabled { filter: grayscale(1); }
  .xl-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  .xl-focus-within-grayscale:focus-within { filter: grayscale(1); }
  .xl-group:hover .xl-group-hover-grayscale { filter: grayscale(1); }
  .xl-sepia { filter: sepia(1); }
  .xl-hover-sepia:hover { filter: sepia(1); }
  .xl-focus-sepia:focus { filter: sepia(1); }
  .xl-active-sepia:active { filter: sepia(1); }
  .xl-disabled-sepia:disabled { filter: sepia(1); }
  .xl-focus-visible-sepia:focus-visible { filter: sepia(1); }
  .xl-focus-within-sepia:focus-within { filter: sepia(1); }
  .xl-group:hover .xl-group-hover-sepia { filter: sepia(1); }
  .xl-saturate-150 { filter: saturate(1.5); }
  .xl-hover-saturate-150:hover { filter: saturate(1.5); }
  .xl-focus-saturate-150:focus { filter: saturate(1.5); }
  .xl-active-saturate-150:active { filter: saturate(1.5); }
  .xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .xl-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .xl-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .xl-group:hover .xl-group-hover-saturate-150 { filter: saturate(1.5); }
  .xl-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .xl-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .xl-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .xl-group:hover .xl-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-group:hover .xl-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  .xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  .xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  .xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  .xl-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  .xl-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  .xl-group:hover .xl-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .xl-grid-flow-row { grid-auto-flow: row; }
  .xl-hover-grid-flow-row:hover { grid-auto-flow: row; }
  .xl-focus-grid-flow-row:focus { grid-auto-flow: row; }
  .xl-active-grid-flow-row:active { grid-auto-flow: row; }
  .xl-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  .xl-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  .xl-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  .xl-group:hover .xl-group-hover-grid-flow-row { grid-auto-flow: row; }
  .xl-grid-flow-col { grid-auto-flow: column; }
  .xl-hover-grid-flow-col:hover { grid-auto-flow: column; }
  .xl-focus-grid-flow-col:focus { grid-auto-flow: column; }
  .xl-active-grid-flow-col:active { grid-auto-flow: column; }
  .xl-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  .xl-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  .xl-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  .xl-group:hover .xl-group-hover-grid-flow-col { grid-auto-flow: column; }
  .xl-grid-flow-row-dense { grid-auto-flow: row dense; }
  .xl-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  .xl-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  .xl-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  .xl-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  .xl-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  .xl-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  .xl-group:hover .xl-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  .xl-grid-flow-col-dense { grid-auto-flow: column dense; }
  .xl-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  .xl-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  .xl-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  .xl-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  .xl-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  .xl-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  .xl-group:hover .xl-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  .xl-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-group:hover .xl-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .xl-transition-none { transition-property: none; }
  .xl-hover-transition-none:hover { transition-property: none; }
  .xl-focus-transition-none:focus { transition-property: none; }
  .xl-active-transition-none:active { transition-property: none; }
  .xl-disabled-transition-none:disabled { transition-property: none; }
  .xl-focus-visible-transition-none:focus-visible { transition-property: none; }
  .xl-focus-within-transition-none:focus-within { transition-property: none; }
  .xl-group:hover .xl-group-hover-transition-none { transition-property: none; }
  .xl-transition-all { transition-property: all; }
  .xl-hover-transition-all:hover { transition-property: all; }
  .xl-focus-transition-all:focus { transition-property: all; }
  .xl-active-transition-all:active { transition-property: all; }
  .xl-disabled-transition-all:disabled { transition-property: all; }
  .xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  .xl-focus-within-transition-all:focus-within { transition-property: all; }
  .xl-group:hover .xl-group-hover-transition-all { transition-property: all; }
  .xl-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-group:hover .xl-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .xl-transition-opacity { transition-property: opacity; }
  .xl-hover-transition-opacity:hover { transition-property: opacity; }
  .xl-focus-transition-opacity:focus { transition-property: opacity; }
  .xl-active-transition-opacity:active { transition-property: opacity; }
  .xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  .xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .xl-group:hover .xl-group-hover-transition-opacity { transition-property: opacity; }
  .xl-transition-shadow { transition-property: box-shadow; }
  .xl-hover-transition-shadow:hover { transition-property: box-shadow; }
  .xl-focus-transition-shadow:focus { transition-property: box-shadow; }
  .xl-active-transition-shadow:active { transition-property: box-shadow; }
  .xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .xl-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .xl-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .xl-group:hover .xl-group-hover-transition-shadow { transition-property: box-shadow; }
  .xl-transition-transform { transition-property: transform; }
  .xl-hover-transition-transform:hover { transition-property: transform; }
  .xl-focus-transition-transform:focus { transition-property: transform; }
  .xl-active-transition-transform:active { transition-property: transform; }
  .xl-disabled-transition-transform:disabled { transition-property: transform; }
  .xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  .xl-group:hover .xl-group-hover-transition-transform { transition-property: transform; }
  .xl-duration-75 { transition-duration: 75ms; }
  .xl-hover-duration-75:hover { transition-duration: 75ms; }
  .xl-focus-duration-75:focus { transition-duration: 75ms; }
  .xl-active-duration-75:active { transition-duration: 75ms; }
  .xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  .xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .xl-group:hover .xl-group-hover-duration-75 { transition-duration: 75ms; }
  .xl-duration-150 { transition-duration: 150ms; }
  .xl-hover-duration-150:hover { transition-duration: 150ms; }
  .xl-focus-duration-150:focus { transition-duration: 150ms; }
  .xl-active-duration-150:active { transition-duration: 150ms; }
  .xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  .xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .xl-group:hover .xl-group-hover-duration-150 { transition-duration: 150ms; }
  .xl-duration-300 { transition-duration: 300ms; }
  .xl-hover-duration-300:hover { transition-duration: 300ms; }
  .xl-focus-duration-300:focus { transition-duration: 300ms; }
  .xl-active-duration-300:active { transition-duration: 300ms; }
  .xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  .xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .xl-group:hover .xl-group-hover-duration-300 { transition-duration: 300ms; }
  .xl-duration-500 { transition-duration: 500ms; }
  .xl-hover-duration-500:hover { transition-duration: 500ms; }
  .xl-focus-duration-500:focus { transition-duration: 500ms; }
  .xl-active-duration-500:active { transition-duration: 500ms; }
  .xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  .xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .xl-group:hover .xl-group-hover-duration-500 { transition-duration: 500ms; }
  .xl-duration-700 { transition-duration: 700ms; }
  .xl-hover-duration-700:hover { transition-duration: 700ms; }
  .xl-focus-duration-700:focus { transition-duration: 700ms; }
  .xl-active-duration-700:active { transition-duration: 700ms; }
  .xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  .xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .xl-group:hover .xl-group-hover-duration-700 { transition-duration: 700ms; }
  .xl-duration-1000 { transition-duration: 1000ms; }
  .xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  .xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  .xl-active-duration-1000:active { transition-duration: 1000ms; }
  .xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .xl-group:hover .xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  .xl-ease-linear { transition-timing-function: linear; }
  .xl-hover-ease-linear:hover { transition-timing-function: linear; }
  .xl-focus-ease-linear:focus { transition-timing-function: linear; }
  .xl-active-ease-linear:active { transition-timing-function: linear; }
  .xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .xl-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .xl-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .xl-group:hover .xl-group-hover-ease-linear { transition-timing-function: linear; }
  .xl-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-group:hover .xl-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .xl-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-group:hover .xl-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .xl-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-group:hover .xl-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .xl-animate-none { animation: none; }
  .xl-hover-animate-none:hover { animation: none; }
  .xl-focus-animate-none:focus { animation: none; }
  .xl-active-animate-none:active { animation: none; }
  .xl-disabled-animate-none:disabled { animation: none; }
  .xl-focus-visible-animate-none:focus-visible { animation: none; }
  .xl-focus-within-animate-none:focus-within { animation: none; }
  .xl-group:hover .xl-group-hover-animate-none { animation: none; }
  .xl-animate-fade { animation: fade 300ms ease-out both; }
  .xl-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  .xl-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  .xl-active-animate-fade:active { animation: fade 300ms ease-out both; }
  .xl-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  .xl-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  .xl-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  .xl-group:hover .xl-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  .xl-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .xl-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  .xl-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  .xl-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  .xl-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  .xl-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  .xl-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  .xl-group:hover .xl-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .xl-animate-spin { animation: spin 1s linear infinite; }
  .xl-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  .xl-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  .xl-active-animate-spin:active { animation: spin 1s linear infinite; }
  .xl-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  .xl-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  .xl-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  .xl-group:hover .xl-group-hover-animate-spin { animation: spin 1s linear infinite; }
  .xl-transform { transform: var(--quanta-transform, none); }
  .xl-hover-transform:hover { transform: var(--quanta-transform, none); }
  .xl-focus-transform:focus { transform: var(--quanta-transform, none); }
  .xl-active-transform:active { transform: var(--quanta-transform, none); }
  .xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .xl-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .xl-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .xl-group:hover .xl-group-hover-transform { transform: var(--quanta-transform, none); }
  .xl-transform-none { transform: none; }
  .xl-hover-transform-none:hover { transform: none; }
  .xl-focus-transform-none:focus { transform: none; }
  .xl-active-transform-none:active { transform: none; }
  .xl-disabled-transform-none:disabled { transform: none; }
  .xl-focus-visible-transform-none:focus-visible { transform: none; }
  .xl-focus-within-transform-none:focus-within { transform: none; }
  .xl-group:hover .xl-group-hover-transform-none { transform: none; }
  .xl-scale-50 { --quanta-transform: scale(0.5); }
  .xl-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  .xl-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  .xl-active-scale-50:active { --quanta-transform: scale(0.5); }
  .xl-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  .xl-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  .xl-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  .xl-group:hover .xl-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  .xl-scale-75 { --quanta-transform: scale(0.75); }
  .xl-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  .xl-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  .xl-active-scale-75:active { --quanta-transform: scale(0.75); }
  .xl-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  .xl-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  .xl-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  .xl-group:hover .xl-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  .xl-scale-90 { --quanta-transform: scale(0.9); }
  .xl-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  .xl-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  .xl-active-scale-90:active { --quanta-transform: scale(0.9); }
  .xl-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  .xl-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  .xl-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  .xl-group:hover .xl-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  .xl-scale-100 { --quanta-transform: scale(1); }
  .xl-hover-scale-100:hover { --quanta-transform: scale(1); }
  .xl-focus-scale-100:focus { --quanta-transform: scale(1); }
  .xl-active-scale-100:active { --quanta-transform: scale(1); }
  .xl-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  .xl-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  .xl-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  .xl-group:hover .xl-group-hover-scale-100 { --quanta-transform: scale(1); }
  .xl-scale-105 { --quanta-transform: scale(1.05); }
  .xl-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  .xl-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  .xl-active-scale-105:active { --quanta-transform: scale(1.05); }
  .xl-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  .xl-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  .xl-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  .xl-group:hover .xl-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  .xl-scale-110 { --quanta-transform: scale(1.1); }
  .xl-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  .xl-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  .xl-active-scale-110:active { --quanta-transform: scale(1.1); }
  .xl-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  .xl-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  .xl-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  .xl-group:hover .xl-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  .xl-scale-125 { --quanta-transform: scale(1.25); }
  .xl-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  .xl-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  .xl-active-scale-125:active { --quanta-transform: scale(1.25); }
  .xl-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  .xl-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  .xl-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  .xl-group:hover .xl-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  .xl-scale-150 { --quanta-transform: scale(1.5); }
  .xl-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  .xl-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  .xl-active-scale-150:active { --quanta-transform: scale(1.5); }
  .xl-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  .xl-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  .xl-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  .xl-group:hover .xl-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  .xl-translate-x-0 { --quanta-transform: translateX(0); }
  .xl-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  .xl-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  .xl-active-translate-x-0:active { --quanta-transform: translateX(0); }
  .xl-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  .xl-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  .xl-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  .xl-group:hover .xl-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  .xl-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .xl-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  .xl-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  .xl-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  .xl-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  .xl-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  .xl-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .xl-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .xl-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  .xl-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  .xl-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  .xl-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  .xl-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  .xl-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .xl-translate-x-4 { --quanta-transform: translateX(1rem); }
  .xl-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  .xl-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  .xl-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  .xl-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  .xl-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  .xl-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  .xl-group:hover .xl-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  .xl-translate-x-8 { --quanta-transform: translateX(2rem); }
  .xl-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  .xl-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  .xl-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  .xl-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  .xl-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  .xl-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  .xl-group:hover .xl-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  .xl-translate-y-0 { --quanta-transform: translateY(0); }
  .xl-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  .xl-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  .xl-active-translate-y-0:active { --quanta-transform: translateY(0); }
  .xl-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  .xl-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  .xl-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  .xl-group:hover .xl-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  .xl-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .xl-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  .xl-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  .xl-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  .xl-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  .xl-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  .xl-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  .xl-group:hover .xl-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .xl-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .xl-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  .xl-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  .xl-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  .xl-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  .xl-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  .xl-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  .xl-group:hover .xl-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .xl-translate-y-4 { --quanta-transform: translateY(1rem); }
  .xl-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  .xl-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  .xl-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  .xl-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  .xl-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  .xl-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  .xl-group:hover .xl-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  .xl-translate-y-8 { --quanta-transform: translateY(2rem); }
  .xl-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  .xl-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  .xl-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  .xl-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  .xl-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  .xl-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  .xl-group:hover .xl-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  .xl-rotate-0 { --quanta-transform: rotate(0deg); }
  .xl-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  .xl-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  .xl-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  .xl-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  .xl-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  .xl-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  .xl-group:hover .xl-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  .xl-rotate-45 { --quanta-transform: rotate(45deg); }
  .xl-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  .xl-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  .xl-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  .xl-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  .xl-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  .xl-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  .xl-group:hover .xl-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  .xl-rotate-90 { --quanta-transform: rotate(90deg); }
  .xl-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  .xl-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  .xl-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  .xl-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  .xl-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  .xl-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  .xl-group:hover .xl-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  .xl-rotate-180 { --quanta-transform: rotate(180deg); }
  .xl-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  .xl-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  .xl-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  .xl-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  .xl-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  .xl-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  .xl-group:hover .xl-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  .xl-skew-x-0 { --quanta-transform: skewX(0); }
  .xl-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  .xl-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  .xl-active-skew-x-0:active { --quanta-transform: skewX(0); }
  .xl-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  .xl-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  .xl-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  .xl-group:hover .xl-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  .xl-skew-x-3 { --quanta-transform: skewX(3deg); }
  .xl-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  .xl-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  .xl-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  .xl-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  .xl-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  .xl-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  .xl-group:hover .xl-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  .xl-skew-x-6 { --quanta-transform: skewX(6deg); }
  .xl-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  .xl-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  .xl-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  .xl-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  .xl-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  .xl-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  .xl-group:hover .xl-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  .xl-skew-y-0 { --quanta-transform: skewY(0); }
  .xl-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  .xl-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  .xl-active-skew-y-0:active { --quanta-transform: skewY(0); }
  .xl-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  .xl-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  .xl-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  .xl-group:hover .xl-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  .xl-skew-y-3 { --quanta-transform: skewY(3deg); }
  .xl-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  .xl-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  .xl-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  .xl-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  .xl-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  .xl-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  .xl-group:hover .xl-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  .xl-skew-y-6 { --quanta-transform: skewY(6deg); }
  .xl-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  .xl-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  .xl-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  .xl-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  .xl-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  .xl-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  .xl-group:hover .xl-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  .xl-origin-center { transform-origin: center; }
  .xl-hover-origin-center:hover { transform-origin: center; }
  .xl-focus-origin-center:focus { transform-origin: center; }
  .xl-active-origin-center:active { transform-origin: center; }
  .xl-disabled-origin-center:disabled { transform-origin: center; }
  .xl-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .xl-focus-within-origin-center:focus-within { transform-origin: center; }
  .xl-group:hover .xl-group-hover-origin-center { transform-origin: center; }
  .xl-origin-top { transform-origin: top; }
  .xl-hover-origin-top:hover { transform-origin: top; }
  .xl-focus-origin-top:focus { transform-origin: top; }
  .xl-active-origin-top:active { transform-origin: top; }
  .xl-disabled-origin-top:disabled { transform-origin: top; }
  .xl-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .xl-focus-within-origin-top:focus-within { transform-origin: top; }
  .xl-group:hover .xl-group-hover-origin-top { transform-origin: top; }
  .xl-origin-right { transform-origin: right; }
  .xl-hover-origin-right:hover { transform-origin: right; }
  .xl-focus-origin-right:focus { transform-origin: right; }
  .xl-active-origin-right:active { transform-origin: right; }
  .xl-disabled-origin-right:disabled { transform-origin: right; }
  .xl-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .xl-focus-within-origin-right:focus-within { transform-origin: right; }
  .xl-group:hover .xl-group-hover-origin-right { transform-origin: right; }
  .xl-origin-bottom { transform-origin: bottom; }
  .xl-hover-origin-bottom:hover { transform-origin: bottom; }
  .xl-focus-origin-bottom:focus { transform-origin: bottom; }
  .xl-active-origin-bottom:active { transform-origin: bottom; }
  .xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .xl-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .xl-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .xl-group:hover .xl-group-hover-origin-bottom { transform-origin: bottom; }
  .xl-origin-left { transform-origin: left; }
  .xl-hover-origin-left:hover { transform-origin: left; }
  .xl-focus-origin-left:focus { transform-origin: left; }
  .xl-active-origin-left:active { transform-origin: left; }
  .xl-disabled-origin-left:disabled { transform-origin: left; }
  .xl-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .xl-focus-within-origin-left:focus-within { transform-origin: left; }
  .xl-group:hover .xl-group-hover-origin-left { transform-origin: left; }
  .xl-perspective-none { perspective: none; }
  .xl-hover-perspective-none:hover { perspective: none; }
  .xl-focus-perspective-none:focus { perspective: none; }
  .xl-active-perspective-none:active { perspective: none; }
  .xl-disabled-perspective-none:disabled { perspective: none; }
  .xl-focus-visible-perspective-none:focus-visible { perspective: none; }
  .xl-focus-within-perspective-none:focus-within { perspective: none; }
  .xl-group:hover .xl-group-hover-perspective-none { perspective: none; }
  .xl-perspective-sm { perspective: 400px; }
  .xl-hover-perspective-sm:hover { perspective: 400px; }
  .xl-focus-perspective-sm:focus { perspective: 400px; }
  .xl-active-perspective-sm:active { perspective: 400px; }
  .xl-disabled-perspective-sm:disabled { perspective: 400px; }
  .xl-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  .xl-focus-within-perspective-sm:focus-within { perspective: 400px; }
  .xl-group:hover .xl-group-hover-perspective-sm { perspective: 400px; }
  .xl-perspective-md { perspective: 800px; }
  .xl-hover-perspective-md:hover { perspective: 800px; }
  .xl-focus-perspective-md:focus { perspective: 800px; }
  .xl-active-perspective-md:active { perspective: 800px; }
  .xl-disabled-perspective-md:disabled { perspective: 800px; }
  .xl-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  .xl-focus-within-perspective-md:focus-within { perspective: 800px; }
  .xl-group:hover .xl-group-hover-perspective-md { perspective: 800px; }
  .xl-perspective-lg { perspective: 1200px; }
  .xl-hover-perspective-lg:hover { perspective: 1200px; }
  .xl-focus-perspective-lg:focus { perspective: 1200px; }
  .xl-active-perspective-lg:active { perspective: 1200px; }
  .xl-disabled-perspective-lg:disabled { perspective: 1200px; }
  .xl-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  .xl-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  .xl-group:hover .xl-group-hover-perspective-lg { perspective: 1200px; }
  .xl-perspective-xl { perspective: 1600px; }
  .xl-hover-perspective-xl:hover { perspective: 1600px; }
  .xl-focus-perspective-xl:focus { perspective: 1600px; }
  .xl-active-perspective-xl:active { perspective: 1600px; }
  .xl-disabled-perspective-xl:disabled { perspective: 1600px; }
  .xl-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  .xl-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  .xl-group:hover .xl-group-hover-perspective-xl { perspective: 1600px; }
  .xl-perspective-origin-center { perspective-origin: center; }
  .xl-hover-perspective-origin-center:hover { perspective-origin: center; }
  .xl-focus-perspective-origin-center:focus { perspective-origin: center; }
  .xl-active-perspective-origin-center:active { perspective-origin: center; }
  .xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .xl-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .xl-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .xl-group:hover .xl-group-hover-perspective-origin-center { perspective-origin: center; }
  .xl-perspective-origin-top { perspective-origin: top; }
  .xl-hover-perspective-origin-top:hover { perspective-origin: top; }
  .xl-focus-perspective-origin-top:focus { perspective-origin: top; }
  .xl-active-perspective-origin-top:active { perspective-origin: top; }
  .xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .xl-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .xl-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .xl-group:hover .xl-group-hover-perspective-origin-top { perspective-origin: top; }
  .xl-perspective-origin-left { perspective-origin: left; }
  .xl-hover-perspective-origin-left:hover { perspective-origin: left; }
  .xl-focus-perspective-origin-left:focus { perspective-origin: left; }
  .xl-active-perspective-origin-left:active { perspective-origin: left; }
  .xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .xl-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .xl-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .xl-group:hover .xl-group-hover-perspective-origin-left { perspective-origin: left; }
  .xl-perspective-origin-right { perspective-origin: right; }
  .xl-hover-perspective-origin-right:hover { perspective-origin: right; }
  .xl-focus-perspective-origin-right:focus { perspective-origin: right; }
  .xl-active-perspective-origin-right:active { perspective-origin: right; }
  .xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .xl-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .xl-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .xl-group:hover .xl-group-hover-perspective-origin-right { perspective-origin: right; }
  .xl-perspective-origin-bottom { perspective-origin: bottom; }
  .xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .xl-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .xl-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .xl-group:hover .xl-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .xl-backface-visible { backface-visibility: visible; }
  .xl-hover-backface-visible:hover { backface-visibility: visible; }
  .xl-focus-backface-visible:focus { backface-visibility: visible; }
  .xl-active-backface-visible:active { backface-visibility: visible; }
  .xl-disabled-backface-visible:disabled { backface-visibility: visible; }
  .xl-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .xl-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .xl-group:hover .xl-group-hover-backface-visible { backface-visibility: visible; }
  .xl-backface-hidden { backface-visibility: hidden; }
  .xl-hover-backface-hidden:hover { backface-visibility: hidden; }
  .xl-focus-backface-hidden:focus { backface-visibility: hidden; }
  .xl-active-backface-hidden:active { backface-visibility: hidden; }
  .xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .xl-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .xl-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .xl-group:hover .xl-group-hover-backface-hidden { backface-visibility: hidden; }
  .xl-transform-style-flat { transform-style: flat; }
  .xl-hover-transform-style-flat:hover { transform-style: flat; }
  .xl-focus-transform-style-flat:focus { transform-style: flat; }
  .xl-active-transform-style-flat:active { transform-style: flat; }
  .xl-disabled-transform-style-flat:disabled { transform-style: flat; }
  .xl-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .xl-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .xl-group:hover .xl-group-hover-transform-style-flat { transform-style: flat; }
  .xl-transform-style-preserve { transform-style: preserve-3d; }
  .xl-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  .xl-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  .xl-active-transform-style-preserve:active { transform-style: preserve-3d; }
  .xl-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  .xl-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  .xl-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  .xl-group:hover .xl-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  .xl-filter-none { filter: none; }
  .xl-hover-filter-none:hover { filter: none; }
  .xl-focus-filter-none:focus { filter: none; }
  .xl-active-filter-none:active { filter: none; }
  .xl-disabled-filter-none:disabled { filter: none; }
  .xl-focus-visible-filter-none:focus-visible { filter: none; }
  .xl-focus-within-filter-none:focus-within { filter: none; }
  .xl-group:hover .xl-group-hover-filter-none { filter: none; }
  .xl-filter-grayscale { filter: grayscale(100%); }
  .xl-hover-filter-grayscale:hover { filter: grayscale(100%); }
  .xl-focus-filter-grayscale:focus { filter: grayscale(100%); }
  .xl-active-filter-grayscale:active { filter: grayscale(100%); }
  .xl-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  .xl-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  .xl-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  .xl-group:hover .xl-group-hover-filter-grayscale { filter: grayscale(100%); }
  .xl-filter-blur { filter: blur(4px); }
  .xl-hover-filter-blur:hover { filter: blur(4px); }
  .xl-focus-filter-blur:focus { filter: blur(4px); }
  .xl-active-filter-blur:active { filter: blur(4px); }
  .xl-disabled-filter-blur:disabled { filter: blur(4px); }
  .xl-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  .xl-focus-within-filter-blur:focus-within { filter: blur(4px); }
  .xl-group:hover .xl-group-hover-filter-blur { filter: blur(4px); }
  .xl-filter-brightness-50 { filter: brightness(0.5); }
  .xl-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  .xl-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  .xl-active-filter-brightness-50:active { filter: brightness(0.5); }
  .xl-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  .xl-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  .xl-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  .xl-group:hover .xl-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  .xl-filter-contrast-125 { filter: contrast(1.25); }
  .xl-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  .xl-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  .xl-active-filter-contrast-125:active { filter: contrast(1.25); }
  .xl-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  .xl-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  .xl-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  .xl-group:hover .xl-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  .xl-filter-saturate-150 { filter: saturate(1.5); }
  .xl-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  .xl-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  .xl-active-filter-saturate-150:active { filter: saturate(1.5); }
  .xl-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  .xl-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  .xl-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  .xl-group:hover .xl-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  .xl-filter-sepia { filter: sepia(100%); }
  .xl-hover-filter-sepia:hover { filter: sepia(100%); }
  .xl-focus-filter-sepia:focus { filter: sepia(100%); }
  .xl-active-filter-sepia:active { filter: sepia(100%); }
  .xl-disabled-filter-sepia:disabled { filter: sepia(100%); }
  .xl-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  .xl-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  .xl-group:hover .xl-group-hover-filter-sepia { filter: sepia(100%); }
  .xl-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .xl-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .xl-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .xl-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .xl-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .xl-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .xl-group:hover .xl-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .xl-backdrop-filter-none { backdrop-filter: none; }
  .xl-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  .xl-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  .xl-active-backdrop-filter-none:active { backdrop-filter: none; }
  .xl-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  .xl-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  .xl-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  .xl-group:hover .xl-group-hover-backdrop-filter-none { backdrop-filter: none; }
  .xl-backdrop-blur { backdrop-filter: blur(4px); }
  .xl-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  .xl-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  .xl-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  .xl-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  .xl-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  .xl-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  .xl-group:hover .xl-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  .xl-bg-blend-normal { background-blend-mode: normal; }
  .xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .xl-active-bg-blend-normal:active { background-blend-mode: normal; }
  .xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .xl-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .xl-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .xl-group:hover .xl-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .xl-bg-blend-multiply { background-blend-mode: multiply; }
  .xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .xl-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .xl-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .xl-group:hover .xl-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .xl-bg-blend-screen { background-blend-mode: screen; }
  .xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .xl-active-bg-blend-screen:active { background-blend-mode: screen; }
  .xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .xl-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .xl-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .xl-group:hover .xl-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .xl-bg-blend-overlay { background-blend-mode: overlay; }
  .xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .xl-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .xl-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .xl-group:hover .xl-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .xl-bg-blend-darken { background-blend-mode: darken; }
  .xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .xl-active-bg-blend-darken:active { background-blend-mode: darken; }
  .xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .xl-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .xl-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .xl-group:hover .xl-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .xl-bg-blend-lighten { background-blend-mode: lighten; }
  .xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .xl-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .xl-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .xl-group:hover .xl-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .xl-mix-blend-normal { mix-blend-mode: normal; }
  .xl-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  .xl-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  .xl-active-mix-blend-normal:active { mix-blend-mode: normal; }
  .xl-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  .xl-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  .xl-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  .xl-group:hover .xl-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  .xl-mix-blend-multiply { mix-blend-mode: multiply; }
  .xl-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  .xl-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  .xl-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  .xl-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  .xl-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  .xl-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  .xl-group:hover .xl-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  .xl-mix-blend-screen { mix-blend-mode: screen; }
  .xl-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  .xl-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  .xl-active-mix-blend-screen:active { mix-blend-mode: screen; }
  .xl-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  .xl-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  .xl-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  .xl-group:hover .xl-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  .xl-mix-blend-overlay { mix-blend-mode: overlay; }
  .xl-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  .xl-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  .xl-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  .xl-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  .xl-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  .xl-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  .xl-group:hover .xl-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  .xl-decoration-slice { box-decoration-break: slice; }
  .xl-hover-decoration-slice:hover { box-decoration-break: slice; }
  .xl-focus-decoration-slice:focus { box-decoration-break: slice; }
  .xl-active-decoration-slice:active { box-decoration-break: slice; }
  .xl-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  .xl-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  .xl-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  .xl-group:hover .xl-group-hover-decoration-slice { box-decoration-break: slice; }
  .xl-decoration-clone { box-decoration-break: clone; }
  .xl-hover-decoration-clone:hover { box-decoration-break: clone; }
  .xl-focus-decoration-clone:focus { box-decoration-break: clone; }
  .xl-active-decoration-clone:active { box-decoration-break: clone; }
  .xl-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  .xl-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  .xl-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  .xl-group:hover .xl-group-hover-decoration-clone { box-decoration-break: clone; }
  .xl-box-border { box-sizing: border-box; }
  .xl-hover-box-border:hover { box-sizing: border-box; }
  .xl-focus-box-border:focus { box-sizing: border-box; }
  .xl-active-box-border:active { box-sizing: border-box; }
  .xl-disabled-box-border:disabled { box-sizing: border-box; }
  .xl-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .xl-focus-within-box-border:focus-within { box-sizing: border-box; }
  .xl-group:hover .xl-group-hover-box-border { box-sizing: border-box; }
  .xl-box-content { box-sizing: content-box; }
  .xl-hover-box-content:hover { box-sizing: content-box; }
  .xl-focus-box-content:focus { box-sizing: content-box; }
  .xl-active-box-content:active { box-sizing: content-box; }
  .xl-disabled-box-content:disabled { box-sizing: content-box; }
  .xl-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .xl-focus-within-box-content:focus-within { box-sizing: content-box; }
  .xl-group:hover .xl-group-hover-box-content { box-sizing: content-box; }
  .xl-break-after-auto { break-after: auto; }
  .xl-hover-break-after-auto:hover { break-after: auto; }
  .xl-focus-break-after-auto:focus { break-after: auto; }
  .xl-active-break-after-auto:active { break-after: auto; }
  .xl-disabled-break-after-auto:disabled { break-after: auto; }
  .xl-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  .xl-focus-within-break-after-auto:focus-within { break-after: auto; }
  .xl-group:hover .xl-group-hover-break-after-auto { break-after: auto; }
  .xl-break-after-avoid { break-after: avoid; }
  .xl-hover-break-after-avoid:hover { break-after: avoid; }
  .xl-focus-break-after-avoid:focus { break-after: avoid; }
  .xl-active-break-after-avoid:active { break-after: avoid; }
  .xl-disabled-break-after-avoid:disabled { break-after: avoid; }
  .xl-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  .xl-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  .xl-group:hover .xl-group-hover-break-after-avoid { break-after: avoid; }
  .xl-break-after-all { break-after: all; }
  .xl-hover-break-after-all:hover { break-after: all; }
  .xl-focus-break-after-all:focus { break-after: all; }
  .xl-active-break-after-all:active { break-after: all; }
  .xl-disabled-break-after-all:disabled { break-after: all; }
  .xl-focus-visible-break-after-all:focus-visible { break-after: all; }
  .xl-focus-within-break-after-all:focus-within { break-after: all; }
  .xl-group:hover .xl-group-hover-break-after-all { break-after: all; }
  .xl-break-after-avoid-page { break-after: avoid-page; }
  .xl-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  .xl-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  .xl-active-break-after-avoid-page:active { break-after: avoid-page; }
  .xl-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  .xl-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  .xl-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  .xl-group:hover .xl-group-hover-break-after-avoid-page { break-after: avoid-page; }
  .xl-break-after-page { break-after: page; }
  .xl-hover-break-after-page:hover { break-after: page; }
  .xl-focus-break-after-page:focus { break-after: page; }
  .xl-active-break-after-page:active { break-after: page; }
  .xl-disabled-break-after-page:disabled { break-after: page; }
  .xl-focus-visible-break-after-page:focus-visible { break-after: page; }
  .xl-focus-within-break-after-page:focus-within { break-after: page; }
  .xl-group:hover .xl-group-hover-break-after-page { break-after: page; }
  .xl-break-after-left { break-after: left; }
  .xl-hover-break-after-left:hover { break-after: left; }
  .xl-focus-break-after-left:focus { break-after: left; }
  .xl-active-break-after-left:active { break-after: left; }
  .xl-disabled-break-after-left:disabled { break-after: left; }
  .xl-focus-visible-break-after-left:focus-visible { break-after: left; }
  .xl-focus-within-break-after-left:focus-within { break-after: left; }
  .xl-group:hover .xl-group-hover-break-after-left { break-after: left; }
  .xl-break-after-right { break-after: right; }
  .xl-hover-break-after-right:hover { break-after: right; }
  .xl-focus-break-after-right:focus { break-after: right; }
  .xl-active-break-after-right:active { break-after: right; }
  .xl-disabled-break-after-right:disabled { break-after: right; }
  .xl-focus-visible-break-after-right:focus-visible { break-after: right; }
  .xl-focus-within-break-after-right:focus-within { break-after: right; }
  .xl-group:hover .xl-group-hover-break-after-right { break-after: right; }
  .xl-break-after-column { break-after: column; }
  .xl-hover-break-after-column:hover { break-after: column; }
  .xl-focus-break-after-column:focus { break-after: column; }
  .xl-active-break-after-column:active { break-after: column; }
  .xl-disabled-break-after-column:disabled { break-after: column; }
  .xl-focus-visible-break-after-column:focus-visible { break-after: column; }
  .xl-focus-within-break-after-column:focus-within { break-after: column; }
  .xl-group:hover .xl-group-hover-break-after-column { break-after: column; }
  .xl-break-before-auto { break-before: auto; }
  .xl-hover-break-before-auto:hover { break-before: auto; }
  .xl-focus-break-before-auto:focus { break-before: auto; }
  .xl-active-break-before-auto:active { break-before: auto; }
  .xl-disabled-break-before-auto:disabled { break-before: auto; }
  .xl-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  .xl-focus-within-break-before-auto:focus-within { break-before: auto; }
  .xl-group:hover .xl-group-hover-break-before-auto { break-before: auto; }
  .xl-break-before-avoid { break-before: avoid; }
  .xl-hover-break-before-avoid:hover { break-before: avoid; }
  .xl-focus-break-before-avoid:focus { break-before: avoid; }
  .xl-active-break-before-avoid:active { break-before: avoid; }
  .xl-disabled-break-before-avoid:disabled { break-before: avoid; }
  .xl-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  .xl-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  .xl-group:hover .xl-group-hover-break-before-avoid { break-before: avoid; }
  .xl-break-before-all { break-before: all; }
  .xl-hover-break-before-all:hover { break-before: all; }
  .xl-focus-break-before-all:focus { break-before: all; }
  .xl-active-break-before-all:active { break-before: all; }
  .xl-disabled-break-before-all:disabled { break-before: all; }
  .xl-focus-visible-break-before-all:focus-visible { break-before: all; }
  .xl-focus-within-break-before-all:focus-within { break-before: all; }
  .xl-group:hover .xl-group-hover-break-before-all { break-before: all; }
  .xl-break-before-avoid-page { break-before: avoid-page; }
  .xl-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  .xl-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  .xl-active-break-before-avoid-page:active { break-before: avoid-page; }
  .xl-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  .xl-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  .xl-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  .xl-group:hover .xl-group-hover-break-before-avoid-page { break-before: avoid-page; }
  .xl-break-before-page { break-before: page; }
  .xl-hover-break-before-page:hover { break-before: page; }
  .xl-focus-break-before-page:focus { break-before: page; }
  .xl-active-break-before-page:active { break-before: page; }
  .xl-disabled-break-before-page:disabled { break-before: page; }
  .xl-focus-visible-break-before-page:focus-visible { break-before: page; }
  .xl-focus-within-break-before-page:focus-within { break-before: page; }
  .xl-group:hover .xl-group-hover-break-before-page { break-before: page; }
  .xl-break-before-left { break-before: left; }
  .xl-hover-break-before-left:hover { break-before: left; }
  .xl-focus-break-before-left:focus { break-before: left; }
  .xl-active-break-before-left:active { break-before: left; }
  .xl-disabled-break-before-left:disabled { break-before: left; }
  .xl-focus-visible-break-before-left:focus-visible { break-before: left; }
  .xl-focus-within-break-before-left:focus-within { break-before: left; }
  .xl-group:hover .xl-group-hover-break-before-left { break-before: left; }
  .xl-break-before-right { break-before: right; }
  .xl-hover-break-before-right:hover { break-before: right; }
  .xl-focus-break-before-right:focus { break-before: right; }
  .xl-active-break-before-right:active { break-before: right; }
  .xl-disabled-break-before-right:disabled { break-before: right; }
  .xl-focus-visible-break-before-right:focus-visible { break-before: right; }
  .xl-focus-within-break-before-right:focus-within { break-before: right; }
  .xl-group:hover .xl-group-hover-break-before-right { break-before: right; }
  .xl-break-before-column { break-before: column; }
  .xl-hover-break-before-column:hover { break-before: column; }
  .xl-focus-break-before-column:focus { break-before: column; }
  .xl-active-break-before-column:active { break-before: column; }
  .xl-disabled-break-before-column:disabled { break-before: column; }
  .xl-focus-visible-break-before-column:focus-visible { break-before: column; }
  .xl-focus-within-break-before-column:focus-within { break-before: column; }
  .xl-group:hover .xl-group-hover-break-before-column { break-before: column; }
  .xl-break-inside-auto { break-inside: auto; }
  .xl-hover-break-inside-auto:hover { break-inside: auto; }
  .xl-focus-break-inside-auto:focus { break-inside: auto; }
  .xl-active-break-inside-auto:active { break-inside: auto; }
  .xl-disabled-break-inside-auto:disabled { break-inside: auto; }
  .xl-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  .xl-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  .xl-group:hover .xl-group-hover-break-inside-auto { break-inside: auto; }
  .xl-break-inside-avoid { break-inside: avoid; }
  .xl-hover-break-inside-avoid:hover { break-inside: avoid; }
  .xl-focus-break-inside-avoid:focus { break-inside: avoid; }
  .xl-active-break-inside-avoid:active { break-inside: avoid; }
  .xl-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  .xl-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  .xl-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  .xl-group:hover .xl-group-hover-break-inside-avoid { break-inside: avoid; }
  .xl-break-inside-avoid-page { break-inside: avoid-page; }
  .xl-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  .xl-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  .xl-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  .xl-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  .xl-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  .xl-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  .xl-group:hover .xl-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  .xl-break-inside-avoid-column { break-inside: avoid-column; }
  .xl-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  .xl-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  .xl-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  .xl-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  .xl-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  .xl-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  .xl-group:hover .xl-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  .xl-clip-none { clip-path: none; }
  .xl-hover-clip-none:hover { clip-path: none; }
  .xl-focus-clip-none:focus { clip-path: none; }
  .xl-active-clip-none:active { clip-path: none; }
  .xl-disabled-clip-none:disabled { clip-path: none; }
  .xl-focus-visible-clip-none:focus-visible { clip-path: none; }
  .xl-focus-within-clip-none:focus-within { clip-path: none; }
  .xl-group:hover .xl-group-hover-clip-none { clip-path: none; }
  .xl-clip-circle { clip-path: circle(50%); }
  .xl-hover-clip-circle:hover { clip-path: circle(50%); }
  .xl-focus-clip-circle:focus { clip-path: circle(50%); }
  .xl-active-clip-circle:active { clip-path: circle(50%); }
  .xl-disabled-clip-circle:disabled { clip-path: circle(50%); }
  .xl-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  .xl-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  .xl-group:hover .xl-group-hover-clip-circle { clip-path: circle(50%); }
  .xl-clip-ellipse { clip-path: ellipse(50% 75%); }
  .xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  .xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  .xl-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  .xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  .xl-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  .xl-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  .xl-group:hover .xl-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  .xl-clip-inset { clip-path: inset(10%); }
  .xl-hover-clip-inset:hover { clip-path: inset(10%); }
  .xl-focus-clip-inset:focus { clip-path: inset(10%); }
  .xl-active-clip-inset:active { clip-path: inset(10%); }
  .xl-disabled-clip-inset:disabled { clip-path: inset(10%); }
  .xl-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  .xl-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  .xl-group:hover .xl-group-hover-clip-inset { clip-path: inset(10%); }
  .xl-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-group:hover .xl-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .xl-outline-none { outline: none; }
  .xl-hover-outline-none:hover { outline: none; }
  .xl-focus-outline-none:focus { outline: none; }
  .xl-active-outline-none:active { outline: none; }
  .xl-disabled-outline-none:disabled { outline: none; }
  .xl-focus-visible-outline-none:focus-visible { outline: none; }
  .xl-focus-within-outline-none:focus-within { outline: none; }
  .xl-group:hover .xl-group-hover-outline-none { outline: none; }
  .xl-outline-solid { outline-style: solid; }
  .xl-hover-outline-solid:hover { outline-style: solid; }
  .xl-focus-outline-solid:focus { outline-style: solid; }
  .xl-active-outline-solid:active { outline-style: solid; }
  .xl-disabled-outline-solid:disabled { outline-style: solid; }
  .xl-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  .xl-focus-within-outline-solid:focus-within { outline-style: solid; }
  .xl-group:hover .xl-group-hover-outline-solid { outline-style: solid; }
  .xl-outline-dashed { outline-style: dashed; }
  .xl-hover-outline-dashed:hover { outline-style: dashed; }
  .xl-focus-outline-dashed:focus { outline-style: dashed; }
  .xl-active-outline-dashed:active { outline-style: dashed; }
  .xl-disabled-outline-dashed:disabled { outline-style: dashed; }
  .xl-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  .xl-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  .xl-group:hover .xl-group-hover-outline-dashed { outline-style: dashed; }
  .xl-outline-offset-0 { outline-offset: 0; }
  .xl-hover-outline-offset-0:hover { outline-offset: 0; }
  .xl-focus-outline-offset-0:focus { outline-offset: 0; }
  .xl-active-outline-offset-0:active { outline-offset: 0; }
  .xl-disabled-outline-offset-0:disabled { outline-offset: 0; }
  .xl-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  .xl-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  .xl-group:hover .xl-group-hover-outline-offset-0 { outline-offset: 0; }
  .xl-outline-offset-2 { outline-offset: 2px; }
  .xl-hover-outline-offset-2:hover { outline-offset: 2px; }
  .xl-focus-outline-offset-2:focus { outline-offset: 2px; }
  .xl-active-outline-offset-2:active { outline-offset: 2px; }
  .xl-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  .xl-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  .xl-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  .xl-group:hover .xl-group-hover-outline-offset-2 { outline-offset: 2px; }
  .xl-outline-offset-4 { outline-offset: 4px; }
  .xl-hover-outline-offset-4:hover { outline-offset: 4px; }
  .xl-focus-outline-offset-4:focus { outline-offset: 4px; }
  .xl-active-outline-offset-4:active { outline-offset: 4px; }
  .xl-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  .xl-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  .xl-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  .xl-group:hover .xl-group-hover-outline-offset-4 { outline-offset: 4px; }
  .xl-shadow-none { box-shadow: none; }
  .xl-hover-shadow-none:hover { box-shadow: none; }
  .xl-focus-shadow-none:focus { box-shadow: none; }
  .xl-active-shadow-none:active { box-shadow: none; }
  .xl-disabled-shadow-none:disabled { box-shadow: none; }
  .xl-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  .xl-focus-within-shadow-none:focus-within { box-shadow: none; }
  .xl-group:hover .xl-group-hover-shadow-none { box-shadow: none; }
  .xl-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-group:hover .xl-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .xl-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-group:hover .xl-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .xl-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-group:hover .xl-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .xl-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-group:hover .xl-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .xl-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-group:hover .xl-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .xl-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-group:hover .xl-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .xl-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .xl-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .xl-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .xl-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .xl-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .xl-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-group:hover .xl-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .xl-accent-auto { accent-color: auto; }
  .xl-hover-accent-auto:hover { accent-color: auto; }
  .xl-focus-accent-auto:focus { accent-color: auto; }
  .xl-active-accent-auto:active { accent-color: auto; }
  .xl-disabled-accent-auto:disabled { accent-color: auto; }
  .xl-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .xl-focus-within-accent-auto:focus-within { accent-color: auto; }
  .xl-group:hover .xl-group-hover-accent-auto { accent-color: auto; }
  .xl-accent-current { accent-color: currentColor; }
  .xl-hover-accent-current:hover { accent-color: currentColor; }
  .xl-focus-accent-current:focus { accent-color: currentColor; }
  .xl-active-accent-current:active { accent-color: currentColor; }
  .xl-disabled-accent-current:disabled { accent-color: currentColor; }
  .xl-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  .xl-focus-within-accent-current:focus-within { accent-color: currentColor; }
  .xl-group:hover .xl-group-hover-accent-current { accent-color: currentColor; }
  .xl-appearance-none { appearance: none; }
  .xl-hover-appearance-none:hover { appearance: none; }
  .xl-focus-appearance-none:focus { appearance: none; }
  .xl-active-appearance-none:active { appearance: none; }
  .xl-disabled-appearance-none:disabled { appearance: none; }
  .xl-focus-visible-appearance-none:focus-visible { appearance: none; }
  .xl-focus-within-appearance-none:focus-within { appearance: none; }
  .xl-group:hover .xl-group-hover-appearance-none { appearance: none; }
  .xl-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-group:hover .xl-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-group:hover .xl-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .xl-cursor-auto { cursor: auto; }
  .xl-hover-cursor-auto:hover { cursor: auto; }
  .xl-focus-cursor-auto:focus { cursor: auto; }
  .xl-active-cursor-auto:active { cursor: auto; }
  .xl-disabled-cursor-auto:disabled { cursor: auto; }
  .xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  .xl-group:hover .xl-group-hover-cursor-auto { cursor: auto; }
  .xl-cursor-pointer { cursor: pointer; }
  .xl-hover-cursor-pointer:hover { cursor: pointer; }
  .xl-focus-cursor-pointer:focus { cursor: pointer; }
  .xl-active-cursor-pointer:active { cursor: pointer; }
  .xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  .xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .xl-group:hover .xl-group-hover-cursor-pointer { cursor: pointer; }
  .xl-cursor-default { cursor: default; }
  .xl-hover-cursor-default:hover { cursor: default; }
  .xl-focus-cursor-default:focus { cursor: default; }
  .xl-active-cursor-default:active { cursor: default; }
  .xl-disabled-cursor-default:disabled { cursor: default; }
  .xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  .xl-focus-within-cursor-default:focus-within { cursor: default; }
  .xl-group:hover .xl-group-hover-cursor-default { cursor: default; }
  .xl-cursor-wait { cursor: wait; }
  .xl-hover-cursor-wait:hover { cursor: wait; }
  .xl-focus-cursor-wait:focus { cursor: wait; }
  .xl-active-cursor-wait:active { cursor: wait; }
  .xl-disabled-cursor-wait:disabled { cursor: wait; }
  .xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  .xl-group:hover .xl-group-hover-cursor-wait { cursor: wait; }
  .xl-cursor-text { cursor: text; }
  .xl-hover-cursor-text:hover { cursor: text; }
  .xl-focus-cursor-text:focus { cursor: text; }
  .xl-active-cursor-text:active { cursor: text; }
  .xl-disabled-cursor-text:disabled { cursor: text; }
  .xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  .xl-focus-within-cursor-text:focus-within { cursor: text; }
  .xl-group:hover .xl-group-hover-cursor-text { cursor: text; }
  .xl-cursor-move { cursor: move; }
  .xl-hover-cursor-move:hover { cursor: move; }
  .xl-focus-cursor-move:focus { cursor: move; }
  .xl-active-cursor-move:active { cursor: move; }
  .xl-disabled-cursor-move:disabled { cursor: move; }
  .xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  .xl-focus-within-cursor-move:focus-within { cursor: move; }
  .xl-group:hover .xl-group-hover-cursor-move { cursor: move; }
  .xl-cursor-not-allowed { cursor: not-allowed; }
  .xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  .xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .xl-group:hover .xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .xl-pointer-events-auto { pointer-events: auto; }
  .xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  .xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  .xl-active-pointer-events-auto:active { pointer-events: auto; }
  .xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .xl-group:hover .xl-group-hover-pointer-events-auto { pointer-events: auto; }
  .xl-pointer-events-none { pointer-events: none; }
  .xl-hover-pointer-events-none:hover { pointer-events: none; }
  .xl-focus-pointer-events-none:focus { pointer-events: none; }
  .xl-active-pointer-events-none:active { pointer-events: none; }
  .xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  .xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .xl-group:hover .xl-group-hover-pointer-events-none { pointer-events: none; }
  .xl-resize-none { resize: none; }
  .xl-hover-resize-none:hover { resize: none; }
  .xl-focus-resize-none:focus { resize: none; }
  .xl-active-resize-none:active { resize: none; }
  .xl-disabled-resize-none:disabled { resize: none; }
  .xl-focus-visible-resize-none:focus-visible { resize: none; }
  .xl-focus-within-resize-none:focus-within { resize: none; }
  .xl-group:hover .xl-group-hover-resize-none { resize: none; }
  .xl-resize-y { resize: vertical; }
  .xl-hover-resize-y:hover { resize: vertical; }
  .xl-focus-resize-y:focus { resize: vertical; }
  .xl-active-resize-y:active { resize: vertical; }
  .xl-disabled-resize-y:disabled { resize: vertical; }
  .xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  .xl-focus-within-resize-y:focus-within { resize: vertical; }
  .xl-group:hover .xl-group-hover-resize-y { resize: vertical; }
  .xl-resize-x { resize: horizontal; }
  .xl-hover-resize-x:hover { resize: horizontal; }
  .xl-focus-resize-x:focus { resize: horizontal; }
  .xl-active-resize-x:active { resize: horizontal; }
  .xl-disabled-resize-x:disabled { resize: horizontal; }
  .xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .xl-focus-within-resize-x:focus-within { resize: horizontal; }
  .xl-group:hover .xl-group-hover-resize-x { resize: horizontal; }
  .xl-resize { resize: both; }
  .xl-hover-resize:hover { resize: both; }
  .xl-focus-resize:focus { resize: both; }
  .xl-active-resize:active { resize: both; }
  .xl-disabled-resize:disabled { resize: both; }
  .xl-focus-visible-resize:focus-visible { resize: both; }
  .xl-focus-within-resize:focus-within { resize: both; }
  .xl-group:hover .xl-group-hover-resize { resize: both; }
  .xl-scroll-auto { scroll-behavior: auto; }
  .xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  .xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  .xl-active-scroll-auto:active { scroll-behavior: auto; }
  .xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .xl-group:hover .xl-group-hover-scroll-auto { scroll-behavior: auto; }
  .xl-scroll-smooth { scroll-behavior: smooth; }
  .xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  .xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .xl-group:hover .xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .xl-scroll-m-0 { scroll-margin: 0; }
  .xl-hover-scroll-m-0:hover { scroll-margin: 0; }
  .xl-focus-scroll-m-0:focus { scroll-margin: 0; }
  .xl-active-scroll-m-0:active { scroll-margin: 0; }
  .xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .xl-group:hover .xl-group-hover-scroll-m-0 { scroll-margin: 0; }
  .xl-scroll-m-1 { scroll-margin: 0.25rem; }
  .xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .xl-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .xl-scroll-m-2 { scroll-margin: 0.5rem; }
  .xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .xl-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .xl-scroll-m-4 { scroll-margin: 1rem; }
  .xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .xl-active-scroll-m-4:active { scroll-margin: 1rem; }
  .xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .xl-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .xl-scroll-m-8 { scroll-margin: 2rem; }
  .xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .xl-active-scroll-m-8:active { scroll-margin: 2rem; }
  .xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .xl-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .xl-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .xl-scroll-p-0 { scroll-padding: 0; }
  .xl-hover-scroll-p-0:hover { scroll-padding: 0; }
  .xl-focus-scroll-p-0:focus { scroll-padding: 0; }
  .xl-active-scroll-p-0:active { scroll-padding: 0; }
  .xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .xl-group:hover .xl-group-hover-scroll-p-0 { scroll-padding: 0; }
  .xl-scroll-p-1 { scroll-padding: 0.25rem; }
  .xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .xl-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .xl-group:hover .xl-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .xl-scroll-p-2 { scroll-padding: 0.5rem; }
  .xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .xl-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .xl-group:hover .xl-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .xl-scroll-p-4 { scroll-padding: 1rem; }
  .xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .xl-active-scroll-p-4:active { scroll-padding: 1rem; }
  .xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .xl-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .xl-group:hover .xl-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .xl-scroll-p-8 { scroll-padding: 2rem; }
  .xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .xl-active-scroll-p-8:active { scroll-padding: 2rem; }
  .xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .xl-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .xl-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .xl-group:hover .xl-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .xl-overscroll-auto { overscroll-behavior: auto; }
  .xl-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  .xl-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  .xl-active-overscroll-auto:active { overscroll-behavior: auto; }
  .xl-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  .xl-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  .xl-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  .xl-group:hover .xl-group-hover-overscroll-auto { overscroll-behavior: auto; }
  .xl-overscroll-contain { overscroll-behavior: contain; }
  .xl-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  .xl-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  .xl-active-overscroll-contain:active { overscroll-behavior: contain; }
  .xl-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  .xl-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  .xl-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  .xl-group:hover .xl-group-hover-overscroll-contain { overscroll-behavior: contain; }
  .xl-overscroll-none { overscroll-behavior: none; }
  .xl-hover-overscroll-none:hover { overscroll-behavior: none; }
  .xl-focus-overscroll-none:focus { overscroll-behavior: none; }
  .xl-active-overscroll-none:active { overscroll-behavior: none; }
  .xl-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  .xl-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  .xl-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  .xl-group:hover .xl-group-hover-overscroll-none { overscroll-behavior: none; }
  .xl-overscroll-x-auto { overscroll-behavior-x: auto; }
  .xl-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  .xl-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  .xl-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  .xl-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  .xl-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  .xl-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  .xl-group:hover .xl-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  .xl-overscroll-x-contain { overscroll-behavior-x: contain; }
  .xl-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  .xl-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  .xl-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  .xl-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  .xl-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  .xl-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  .xl-group:hover .xl-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  .xl-overscroll-x-none { overscroll-behavior-x: none; }
  .xl-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  .xl-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  .xl-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  .xl-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  .xl-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  .xl-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  .xl-group:hover .xl-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  .xl-overscroll-y-auto { overscroll-behavior-y: auto; }
  .xl-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  .xl-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  .xl-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  .xl-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  .xl-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  .xl-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  .xl-group:hover .xl-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  .xl-overscroll-y-contain { overscroll-behavior-y: contain; }
  .xl-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  .xl-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  .xl-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  .xl-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  .xl-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  .xl-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  .xl-group:hover .xl-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  .xl-overscroll-y-none { overscroll-behavior-y: none; }
  .xl-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  .xl-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  .xl-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  .xl-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  .xl-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  .xl-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  .xl-group:hover .xl-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  .xl-touch-auto { touch-action: auto; }
  .xl-hover-touch-auto:hover { touch-action: auto; }
  .xl-focus-touch-auto:focus { touch-action: auto; }
  .xl-active-touch-auto:active { touch-action: auto; }
  .xl-disabled-touch-auto:disabled { touch-action: auto; }
  .xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  .xl-group:hover .xl-group-hover-touch-auto { touch-action: auto; }
  .xl-touch-none { touch-action: none; }
  .xl-hover-touch-none:hover { touch-action: none; }
  .xl-focus-touch-none:focus { touch-action: none; }
  .xl-active-touch-none:active { touch-action: none; }
  .xl-disabled-touch-none:disabled { touch-action: none; }
  .xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  .xl-focus-within-touch-none:focus-within { touch-action: none; }
  .xl-group:hover .xl-group-hover-touch-none { touch-action: none; }
  .xl-touch-pan-x { touch-action: pan-x; }
  .xl-hover-touch-pan-x:hover { touch-action: pan-x; }
  .xl-focus-touch-pan-x:focus { touch-action: pan-x; }
  .xl-active-touch-pan-x:active { touch-action: pan-x; }
  .xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .xl-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .xl-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .xl-group:hover .xl-group-hover-touch-pan-x { touch-action: pan-x; }
  .xl-touch-pan-y { touch-action: pan-y; }
  .xl-hover-touch-pan-y:hover { touch-action: pan-y; }
  .xl-focus-touch-pan-y:focus { touch-action: pan-y; }
  .xl-active-touch-pan-y:active { touch-action: pan-y; }
  .xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .xl-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .xl-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .xl-group:hover .xl-group-hover-touch-pan-y { touch-action: pan-y; }
  .xl-touch-manipulation { touch-action: manipulation; }
  .xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  .xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  .xl-active-touch-manipulation:active { touch-action: manipulation; }
  .xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .xl-group:hover .xl-group-hover-touch-manipulation { touch-action: manipulation; }
  .xl-select-none { user-select: none; }
  .xl-hover-select-none:hover { user-select: none; }
  .xl-focus-select-none:focus { user-select: none; }
  .xl-active-select-none:active { user-select: none; }
  .xl-disabled-select-none:disabled { user-select: none; }
  .xl-focus-visible-select-none:focus-visible { user-select: none; }
  .xl-focus-within-select-none:focus-within { user-select: none; }
  .xl-group:hover .xl-group-hover-select-none { user-select: none; }
  .xl-select-text { user-select: text; }
  .xl-hover-select-text:hover { user-select: text; }
  .xl-focus-select-text:focus { user-select: text; }
  .xl-active-select-text:active { user-select: text; }
  .xl-disabled-select-text:disabled { user-select: text; }
  .xl-focus-visible-select-text:focus-visible { user-select: text; }
  .xl-focus-within-select-text:focus-within { user-select: text; }
  .xl-group:hover .xl-group-hover-select-text { user-select: text; }
  .xl-select-all { user-select: all; }
  .xl-hover-select-all:hover { user-select: all; }
  .xl-focus-select-all:focus { user-select: all; }
  .xl-active-select-all:active { user-select: all; }
  .xl-disabled-select-all:disabled { user-select: all; }
  .xl-focus-visible-select-all:focus-visible { user-select: all; }
  .xl-focus-within-select-all:focus-within { user-select: all; }
  .xl-group:hover .xl-group-hover-select-all { user-select: all; }
  .xl-select-auto { user-select: auto; }
  .xl-hover-select-auto:hover { user-select: auto; }
  .xl-focus-select-auto:focus { user-select: auto; }
  .xl-active-select-auto:active { user-select: auto; }
  .xl-disabled-select-auto:disabled { user-select: auto; }
  .xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  .xl-focus-within-select-auto:focus-within { user-select: auto; }
  .xl-group:hover .xl-group-hover-select-auto { user-select: auto; }
  .xl-will-change-auto { will-change: auto; }
  .xl-hover-will-change-auto:hover { will-change: auto; }
  .xl-focus-will-change-auto:focus { will-change: auto; }
  .xl-active-will-change-auto:active { will-change: auto; }
  .xl-disabled-will-change-auto:disabled { will-change: auto; }
  .xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  .xl-group:hover .xl-group-hover-will-change-auto { will-change: auto; }
  .xl-will-change-scroll { will-change: scroll-position; }
  .xl-hover-will-change-scroll:hover { will-change: scroll-position; }
  .xl-focus-will-change-scroll:focus { will-change: scroll-position; }
  .xl-active-will-change-scroll:active { will-change: scroll-position; }
  .xl-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  .xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  .xl-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  .xl-group:hover .xl-group-hover-will-change-scroll { will-change: scroll-position; }
  .xl-will-change-transform { will-change: transform; }
  .xl-hover-will-change-transform:hover { will-change: transform; }
  .xl-focus-will-change-transform:focus { will-change: transform; }
  .xl-active-will-change-transform:active { will-change: transform; }
  .xl-disabled-will-change-transform:disabled { will-change: transform; }
  .xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  .xl-group:hover .xl-group-hover-will-change-transform { will-change: transform; }
  .xl-will-change-opacity { will-change: opacity; }
  .xl-hover-will-change-opacity:hover { will-change: opacity; }
  .xl-focus-will-change-opacity:focus { will-change: opacity; }
  .xl-active-will-change-opacity:active { will-change: opacity; }
  .xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  .xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .xl-group:hover .xl-group-hover-will-change-opacity { will-change: opacity; }
  .xl-bg-primary { background-color: var(--quanta-primary); }
  .xl-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  .xl-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  .xl-active-bg-primary:active { background-color: var(--quanta-primary); }
  .xl-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  .xl-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  .xl-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  .xl-group:hover .xl-group-hover-bg-primary { background-color: var(--quanta-primary); }
  .xl-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .xl-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  .xl-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  .xl-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  .xl-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  .xl-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  .xl-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  .xl-group:hover .xl-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .xl-bg-success { background-color: var(--quanta-bg-success); }
  .xl-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  .xl-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  .xl-active-bg-success:active { background-color: var(--quanta-bg-success); }
  .xl-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  .xl-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  .xl-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  .xl-group:hover .xl-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  .xl-bg-warning { background-color: var(--quanta-bg-warning); }
  .xl-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  .xl-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  .xl-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  .xl-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  .xl-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  .xl-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  .xl-group:hover .xl-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  .xl-bg-danger { background-color: var(--quanta-bg-danger); }
  .xl-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  .xl-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  .xl-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  .xl-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  .xl-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  .xl-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  .xl-group:hover .xl-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  .xl-bg-info { background-color: var(--quanta-bg-info); }
  .xl-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  .xl-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  .xl-active-bg-info:active { background-color: var(--quanta-bg-info); }
  .xl-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  .xl-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  .xl-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  .xl-group:hover .xl-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  .xl-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .xl-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  .xl-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  .xl-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  .xl-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  .xl-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  .xl-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  .xl-group:hover .xl-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .xl-bg-accent { background-color: var(--quanta-bg-accent); }
  .xl-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  .xl-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  .xl-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  .xl-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  .xl-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  .xl-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  .xl-group:hover .xl-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  .xl-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .xl-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  .xl-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  .xl-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  .xl-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  .xl-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  .xl-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  .xl-group:hover .xl-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .xl-bg-link { background-color: var(--quanta-text-link); }
  .xl-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  .xl-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  .xl-active-bg-link:active { background-color: var(--quanta-text-link); }
  .xl-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  .xl-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  .xl-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  .xl-group:hover .xl-group-hover-bg-link { background-color: var(--quanta-text-link); }
  .xl-text-primary { color: var(--quanta-primary); }
  .xl-hover-text-primary:hover { color: var(--quanta-primary); }
  .xl-focus-text-primary:focus { color: var(--quanta-primary); }
  .xl-active-text-primary:active { color: var(--quanta-primary); }
  .xl-disabled-text-primary:disabled { color: var(--quanta-primary); }
  .xl-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  .xl-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  .xl-group:hover .xl-group-hover-text-primary { color: var(--quanta-primary); }
  .xl-text-secondary { color: var(--quanta-text-secondary); }
  .xl-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  .xl-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  .xl-active-text-secondary:active { color: var(--quanta-text-secondary); }
  .xl-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  .xl-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  .xl-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  .xl-group:hover .xl-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  .xl-text-success { color: var(--quanta-text-success); }
  .xl-hover-text-success:hover { color: var(--quanta-text-success); }
  .xl-focus-text-success:focus { color: var(--quanta-text-success); }
  .xl-active-text-success:active { color: var(--quanta-text-success); }
  .xl-disabled-text-success:disabled { color: var(--quanta-text-success); }
  .xl-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  .xl-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  .xl-group:hover .xl-group-hover-text-success { color: var(--quanta-text-success); }
  .xl-text-warning { color: var(--quanta-text-warning); }
  .xl-hover-text-warning:hover { color: var(--quanta-text-warning); }
  .xl-focus-text-warning:focus { color: var(--quanta-text-warning); }
  .xl-active-text-warning:active { color: var(--quanta-text-warning); }
  .xl-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  .xl-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  .xl-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  .xl-group:hover .xl-group-hover-text-warning { color: var(--quanta-text-warning); }
  .xl-text-danger { color: var(--quanta-text-danger); }
  .xl-hover-text-danger:hover { color: var(--quanta-text-danger); }
  .xl-focus-text-danger:focus { color: var(--quanta-text-danger); }
  .xl-active-text-danger:active { color: var(--quanta-text-danger); }
  .xl-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  .xl-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  .xl-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  .xl-group:hover .xl-group-hover-text-danger { color: var(--quanta-text-danger); }
  .xl-text-info { color: var(--quanta-text-info); }
  .xl-hover-text-info:hover { color: var(--quanta-text-info); }
  .xl-focus-text-info:focus { color: var(--quanta-text-info); }
  .xl-active-text-info:active { color: var(--quanta-text-info); }
  .xl-disabled-text-info:disabled { color: var(--quanta-text-info); }
  .xl-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  .xl-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  .xl-group:hover .xl-group-hover-text-info { color: var(--quanta-text-info); }
  .xl-text-neutral { color: var(--quanta-text-neutral); }
  .xl-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  .xl-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  .xl-active-text-neutral:active { color: var(--quanta-text-neutral); }
  .xl-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  .xl-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  .xl-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  .xl-group:hover .xl-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  .xl-text-accent { color: var(--quanta-text-accent); }
  .xl-hover-text-accent:hover { color: var(--quanta-text-accent); }
  .xl-focus-text-accent:focus { color: var(--quanta-text-accent); }
  .xl-active-text-accent:active { color: var(--quanta-text-accent); }
  .xl-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  .xl-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  .xl-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  .xl-group:hover .xl-group-hover-text-accent { color: var(--quanta-text-accent); }
  .xl-text-ghost { color: var(--quanta-text-ghost); }
  .xl-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  .xl-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  .xl-active-text-ghost:active { color: var(--quanta-text-ghost); }
  .xl-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  .xl-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  .xl-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  .xl-group:hover .xl-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  .xl-text-link { color: var(--quanta-text-link); }
  .xl-hover-text-link:hover { color: var(--quanta-text-link); }
  .xl-focus-text-link:focus { color: var(--quanta-text-link); }
  .xl-active-text-link:active { color: var(--quanta-text-link); }
  .xl-disabled-text-link:disabled { color: var(--quanta-text-link); }
  .xl-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  .xl-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  .xl-group:hover .xl-group-hover-text-link { color: var(--quanta-text-link); }
  .xl-border-primary { border-color: var(--quanta-border-primary); }
  .xl-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  .xl-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  .xl-active-border-primary:active { border-color: var(--quanta-border-primary); }
  .xl-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  .xl-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  .xl-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  .xl-group:hover .xl-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  .xl-border-secondary { border-color: var(--quanta-border-secondary); }
  .xl-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  .xl-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  .xl-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  .xl-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  .xl-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  .xl-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  .xl-group:hover .xl-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  .xl-border-success { border-color: var(--quanta-border-success); }
  .xl-hover-border-success:hover { border-color: var(--quanta-border-success); }
  .xl-focus-border-success:focus { border-color: var(--quanta-border-success); }
  .xl-active-border-success:active { border-color: var(--quanta-border-success); }
  .xl-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  .xl-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  .xl-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  .xl-group:hover .xl-group-hover-border-success { border-color: var(--quanta-border-success); }
  .xl-border-warning { border-color: var(--quanta-border-warning); }
  .xl-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  .xl-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  .xl-active-border-warning:active { border-color: var(--quanta-border-warning); }
  .xl-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  .xl-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  .xl-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  .xl-group:hover .xl-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  .xl-border-danger { border-color: var(--quanta-border-danger); }
  .xl-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  .xl-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  .xl-active-border-danger:active { border-color: var(--quanta-border-danger); }
  .xl-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  .xl-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  .xl-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  .xl-group:hover .xl-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  .xl-border-info { border-color: var(--quanta-border-info); }
  .xl-hover-border-info:hover { border-color: var(--quanta-border-info); }
  .xl-focus-border-info:focus { border-color: var(--quanta-border-info); }
  .xl-active-border-info:active { border-color: var(--quanta-border-info); }
  .xl-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  .xl-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  .xl-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  .xl-group:hover .xl-group-hover-border-info { border-color: var(--quanta-border-info); }
  .xl-border-neutral { border-color: var(--quanta-border-neutral); }
  .xl-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  .xl-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  .xl-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  .xl-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  .xl-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  .xl-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  .xl-group:hover .xl-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  .xl-border-accent { border-color: var(--quanta-border-accent); }
  .xl-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  .xl-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  .xl-active-border-accent:active { border-color: var(--quanta-border-accent); }
  .xl-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  .xl-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  .xl-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  .xl-group:hover .xl-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  .xl-border-ghost { border-color: var(--quanta-border-ghost); }
  .xl-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  .xl-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  .xl-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  .xl-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  .xl-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  .xl-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  .xl-group:hover .xl-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  .xl-border-link { border-color: var(--quanta-text-link); }
  .xl-hover-border-link:hover { border-color: var(--quanta-text-link); }
  .xl-focus-border-link:focus { border-color: var(--quanta-text-link); }
  .xl-active-border-link:active { border-color: var(--quanta-text-link); }
  .xl-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  .xl-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  .xl-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  .xl-group:hover .xl-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1280px) {
  html[data-theme="dark"] .dark-xl-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-xl-hover-p-auto:hover { padding: auto; }
  html[data-theme="dark"] .dark-xl-focus-p-auto:focus { padding: auto; }
  html[data-theme="dark"] .dark-xl-active-p-auto:active { padding: auto; }
  html[data-theme="dark"] .dark-xl-disabled-p-auto:disabled { padding: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-auto:focus-visible { padding: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-p-auto:focus-within { padding: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-xl-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-xl-hover-p-0:hover { padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-p-0:focus { padding: 0; }
  html[data-theme="dark"] .dark-xl-active-p-0:active { padding: 0; }
  html[data-theme="dark"] .dark-xl-disabled-p-0:disabled { padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-0:focus-visible { padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-p-0:focus-within { padding: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-xl-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-p-1:hover { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-p-1:focus { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-p-1:active { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-1:disabled { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-1:focus-within { padding: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-p-2:hover { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-p-2:focus { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-p-2:active { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-2:disabled { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-2:focus-within { padding: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-p-3:hover { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-p-3:focus { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-p-3:active { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-3:disabled { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-3:focus-within { padding: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-p-4:hover { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-p-4:focus { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-active-p-4:active { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-4:disabled { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-4:focus-visible { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-4:focus-within { padding: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-xl-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-p-5:hover { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-p-5:focus { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-p-5:active { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-5:disabled { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-5:focus-within { padding: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-xl-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-p-6:hover { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-p-6:focus { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-p-6:active { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-6:disabled { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-6:focus-within { padding: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-p-8:hover { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-p-8:focus { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-active-p-8:active { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-8:disabled { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-8:focus-visible { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-8:focus-within { padding: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-xl-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-p-10:hover { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-p-10:focus { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-p-10:active { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-10:disabled { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-10:focus-within { padding: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-xl-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-p-12:hover { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-p-12:focus { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-active-p-12:active { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-12:disabled { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-12:focus-visible { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-12:focus-within { padding: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-xl-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-p-16:hover { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-p-16:focus { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-active-p-16:active { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-16:disabled { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-16:focus-visible { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-16:focus-within { padding: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-xl-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-p-20:hover { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-p-20:focus { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-active-p-20:active { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-20:disabled { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-20:focus-visible { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-20:focus-within { padding: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-xl-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-p-24:hover { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-p-24:focus { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-active-p-24:active { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-24:disabled { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-24:focus-visible { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-24:focus-within { padding: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-xl-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-p-28:hover { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-p-28:focus { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-active-p-28:active { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-28:disabled { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-28:focus-visible { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-28:focus-within { padding: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-xl-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-p-32:hover { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-p-32:focus { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-active-p-32:active { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-p-32:disabled { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-p-32:focus-visible { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-p-32:focus-within { padding: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-xl-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-hover-pt-auto:hover { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-pt-auto:focus { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-active-pt-auto:active { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pt-auto:disabled { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-auto:focus-within { padding-top: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-xl-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-hover-pt-0:hover { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-pt-0:focus { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-active-pt-0:active { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-disabled-pt-0:disabled { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-0:focus-visible { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-0:focus-within { padding-top: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-xl-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-1:hover { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-1:focus { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-pt-1:active { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-1:disabled { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-2:hover { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-2:focus { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-pt-2:active { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-2:disabled { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-3:hover { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-3:focus { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-pt-3:active { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-3:disabled { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-4:hover { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-4:focus { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-active-pt-4:active { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-4:disabled { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-4:focus-within { padding-top: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-xl-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-5:hover { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-5:focus { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-pt-5:active { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-5:disabled { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-6:hover { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-6:focus { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-pt-6:active { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-6:disabled { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-8:hover { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-8:focus { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-active-pt-8:active { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-8:disabled { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-8:focus-within { padding-top: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-xl-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-10:hover { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-10:focus { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-pt-10:active { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-10:disabled { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-12:hover { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-12:focus { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-active-pt-12:active { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-12:disabled { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-12:focus-within { padding-top: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-xl-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-16:hover { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-16:focus { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-active-pt-16:active { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-16:disabled { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-16:focus-within { padding-top: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-xl-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-20:hover { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-20:focus { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-active-pt-20:active { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-20:disabled { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-20:focus-within { padding-top: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-xl-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-24:hover { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-24:focus { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-active-pt-24:active { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-24:disabled { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-24:focus-within { padding-top: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-xl-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-28:hover { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-28:focus { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-active-pt-28:active { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-28:disabled { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-28:focus-within { padding-top: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-xl-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-pt-32:hover { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-pt-32:focus { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-active-pt-32:active { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-pt-32:disabled { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pt-32:focus-within { padding-top: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-xl-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-hover-pb-auto:hover { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-pb-auto:focus { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-active-pb-auto:active { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pb-auto:disabled { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-hover-pb-0:hover { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-pb-0:focus { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-active-pb-0:active { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-disabled-pb-0:disabled { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-0:focus-within { padding-bottom: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-1:hover { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-1:focus { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-pb-1:active { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-2:hover { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-2:focus { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-pb-2:active { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-3:hover { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-3:focus { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-pb-3:active { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-4:hover { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-4:focus { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-active-pb-4:active { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-4:disabled { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-5:hover { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-5:focus { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-pb-5:active { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-6:hover { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-6:focus { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-pb-6:active { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-8:hover { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-8:focus { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-active-pb-8:active { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-8:disabled { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-10:hover { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-10:focus { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-pb-10:active { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-12:hover { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-12:focus { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-active-pb-12:active { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-12:disabled { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-16:hover { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-16:focus { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-active-pb-16:active { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-16:disabled { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-20:hover { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-20:focus { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-active-pb-20:active { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-20:disabled { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-24:hover { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-24:focus { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-active-pb-24:active { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-24:disabled { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-28:hover { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-28:focus { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-active-pb-28:active { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-28:disabled { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-pb-32:hover { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-pb-32:focus { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-active-pb-32:active { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-pb-32:disabled { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-hover-pl-auto:hover { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-pl-auto:focus { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-active-pl-auto:active { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pl-auto:disabled { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-auto:focus-within { padding-left: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-xl-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-hover-pl-0:hover { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-pl-0:focus { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-active-pl-0:active { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-disabled-pl-0:disabled { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-0:focus-visible { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-0:focus-within { padding-left: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-xl-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-1:hover { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-1:focus { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-pl-1:active { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-1:disabled { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-2:hover { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-2:focus { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-pl-2:active { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-2:disabled { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-3:hover { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-3:focus { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-pl-3:active { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-3:disabled { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-4:hover { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-4:focus { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-active-pl-4:active { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-4:disabled { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-4:focus-within { padding-left: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-xl-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-5:hover { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-5:focus { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-pl-5:active { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-5:disabled { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-6:hover { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-6:focus { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-pl-6:active { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-6:disabled { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-8:hover { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-8:focus { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-active-pl-8:active { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-8:disabled { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-8:focus-within { padding-left: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-xl-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-10:hover { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-10:focus { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-pl-10:active { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-10:disabled { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-12:hover { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-12:focus { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-active-pl-12:active { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-12:disabled { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-12:focus-within { padding-left: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-xl-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-16:hover { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-16:focus { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-active-pl-16:active { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-16:disabled { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-16:focus-within { padding-left: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-xl-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-20:hover { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-20:focus { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-active-pl-20:active { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-20:disabled { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-20:focus-within { padding-left: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-xl-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-24:hover { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-24:focus { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-active-pl-24:active { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-24:disabled { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-24:focus-within { padding-left: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-xl-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-28:hover { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-28:focus { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-active-pl-28:active { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-28:disabled { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-28:focus-within { padding-left: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-xl-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-pl-32:hover { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-pl-32:focus { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-active-pl-32:active { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-pl-32:disabled { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pl-32:focus-within { padding-left: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-xl-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-hover-pr-auto:hover { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-pr-auto:focus { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-active-pr-auto:active { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pr-auto:disabled { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-auto:focus-within { padding-right: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-xl-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-hover-pr-0:hover { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-pr-0:focus { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-active-pr-0:active { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-disabled-pr-0:disabled { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-0:focus-visible { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-0:focus-within { padding-right: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-xl-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-1:hover { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-1:focus { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-pr-1:active { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-1:disabled { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-2:hover { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-2:focus { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-pr-2:active { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-2:disabled { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-3:hover { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-3:focus { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-pr-3:active { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-3:disabled { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-4:hover { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-4:focus { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-active-pr-4:active { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-4:disabled { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-4:focus-within { padding-right: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-5:hover { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-5:focus { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-pr-5:active { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-5:disabled { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-6:hover { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-6:focus { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-pr-6:active { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-6:disabled { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-8:hover { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-8:focus { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-active-pr-8:active { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-8:disabled { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-8:focus-within { padding-right: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-10:hover { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-10:focus { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-pr-10:active { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-10:disabled { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-12:hover { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-12:focus { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-active-pr-12:active { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-12:disabled { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-12:focus-within { padding-right: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-16:hover { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-16:focus { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-active-pr-16:active { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-16:disabled { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-16:focus-within { padding-right: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-20:hover { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-20:focus { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-active-pr-20:active { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-20:disabled { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-20:focus-within { padding-right: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-24:hover { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-24:focus { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-active-pr-24:active { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-24:disabled { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-24:focus-within { padding-right: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-28:hover { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-28:focus { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-active-pr-28:active { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-28:disabled { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-28:focus-within { padding-right: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-pr-32:hover { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-pr-32:focus { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-active-pr-32:active { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-pr-32:disabled { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-pr-32:focus-within { padding-right: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-active-px-auto:active { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-xl-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-active-px-0:active { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-xl-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-xl-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-xl-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-xl-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-xl-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-xl-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-xl-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-xl-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-xl-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-xl-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-xl-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-xl-hover-m-auto:hover { margin: auto; }
  html[data-theme="dark"] .dark-xl-focus-m-auto:focus { margin: auto; }
  html[data-theme="dark"] .dark-xl-active-m-auto:active { margin: auto; }
  html[data-theme="dark"] .dark-xl-disabled-m-auto:disabled { margin: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-auto:focus-visible { margin: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-m-auto:focus-within { margin: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-xl-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-xl-hover-m-0:hover { margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-m-0:focus { margin: 0; }
  html[data-theme="dark"] .dark-xl-active-m-0:active { margin: 0; }
  html[data-theme="dark"] .dark-xl-disabled-m-0:disabled { margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-0:focus-visible { margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-m-0:focus-within { margin: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-xl-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-m-1:hover { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-m-1:focus { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-m-1:active { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-1:disabled { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-1:focus-within { margin: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-m-2:hover { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-m-2:focus { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-m-2:active { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-2:disabled { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-2:focus-within { margin: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-m-3:hover { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-m-3:focus { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-m-3:active { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-3:disabled { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-3:focus-within { margin: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-m-4:hover { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-m-4:focus { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-active-m-4:active { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-4:disabled { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-4:focus-visible { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-4:focus-within { margin: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-xl-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-m-5:hover { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-m-5:focus { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-m-5:active { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-5:disabled { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-5:focus-within { margin: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-xl-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-m-6:hover { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-m-6:focus { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-m-6:active { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-6:disabled { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-6:focus-within { margin: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-m-8:hover { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-m-8:focus { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-active-m-8:active { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-8:disabled { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-8:focus-visible { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-8:focus-within { margin: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-xl-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-m-10:hover { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-m-10:focus { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-m-10:active { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-10:disabled { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-10:focus-within { margin: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-xl-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-m-12:hover { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-m-12:focus { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-active-m-12:active { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-12:disabled { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-12:focus-visible { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-12:focus-within { margin: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-xl-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-m-16:hover { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-m-16:focus { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-active-m-16:active { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-16:disabled { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-16:focus-visible { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-16:focus-within { margin: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-xl-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-m-20:hover { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-m-20:focus { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-active-m-20:active { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-20:disabled { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-20:focus-visible { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-20:focus-within { margin: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-xl-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-m-24:hover { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-m-24:focus { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-active-m-24:active { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-24:disabled { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-24:focus-visible { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-24:focus-within { margin: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-xl-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-m-28:hover { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-m-28:focus { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-active-m-28:active { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-28:disabled { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-28:focus-visible { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-28:focus-within { margin: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-xl-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-m-32:hover { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-m-32:focus { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-active-m-32:active { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-m-32:disabled { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-m-32:focus-visible { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-m-32:focus-within { margin: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-xl-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-hover-mt-auto:hover { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-mt-auto:focus { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-active-mt-auto:active { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-disabled-mt-auto:disabled { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-auto:focus-within { margin-top: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-xl-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-hover-mt-0:hover { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-mt-0:focus { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-active-mt-0:active { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-disabled-mt-0:disabled { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-0:focus-visible { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-0:focus-within { margin-top: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-xl-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-1:hover { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-1:focus { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-mt-1:active { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-1:disabled { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-xl-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-2:hover { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-2:focus { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-mt-2:active { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-2:disabled { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-xl-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-3:hover { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-3:focus { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-mt-3:active { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-3:disabled { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-xl-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-4:hover { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-4:focus { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-active-mt-4:active { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-4:disabled { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-4:focus-within { margin-top: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-xl-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-5:hover { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-5:focus { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-mt-5:active { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-5:disabled { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-xl-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-6:hover { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-6:focus { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-mt-6:active { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-6:disabled { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-xl-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-8:hover { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-8:focus { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-active-mt-8:active { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-8:disabled { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-8:focus-within { margin-top: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-xl-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-10:hover { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-10:focus { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-mt-10:active { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-10:disabled { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-xl-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-12:hover { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-12:focus { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-active-mt-12:active { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-12:disabled { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-12:focus-within { margin-top: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-xl-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-16:hover { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-16:focus { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-active-mt-16:active { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-16:disabled { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-16:focus-within { margin-top: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-xl-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-20:hover { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-20:focus { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-active-mt-20:active { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-20:disabled { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-20:focus-within { margin-top: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-xl-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-24:hover { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-24:focus { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-active-mt-24:active { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-24:disabled { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-24:focus-within { margin-top: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-xl-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-28:hover { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-28:focus { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-active-mt-28:active { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-28:disabled { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-28:focus-within { margin-top: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-xl-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-mt-32:hover { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-mt-32:focus { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-active-mt-32:active { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-mt-32:disabled { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mt-32:focus-within { margin-top: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-xl-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-hover-mb-auto:hover { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-mb-auto:focus { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-active-mb-auto:active { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-disabled-mb-auto:disabled { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-hover-mb-0:hover { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-mb-0:focus { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-active-mb-0:active { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-disabled-mb-0:disabled { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-0:focus-within { margin-bottom: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-1:hover { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-1:focus { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-mb-1:active { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-2:hover { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-2:focus { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-mb-2:active { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-3:hover { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-3:focus { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-mb-3:active { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-4:hover { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-4:focus { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-active-mb-4:active { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-4:disabled { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-5:hover { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-5:focus { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-mb-5:active { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-6:hover { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-6:focus { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-mb-6:active { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-8:hover { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-8:focus { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-active-mb-8:active { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-8:disabled { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-10:hover { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-10:focus { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-mb-10:active { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-12:hover { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-12:focus { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-active-mb-12:active { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-12:disabled { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-16:hover { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-16:focus { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-active-mb-16:active { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-16:disabled { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-20:hover { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-20:focus { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-active-mb-20:active { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-20:disabled { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-24:hover { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-24:focus { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-active-mb-24:active { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-24:disabled { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-28:hover { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-28:focus { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-active-mb-28:active { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-28:disabled { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-mb-32:hover { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-mb-32:focus { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-active-mb-32:active { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-mb-32:disabled { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-hover-ml-auto:hover { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-ml-auto:focus { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-active-ml-auto:active { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-disabled-ml-auto:disabled { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-auto:focus-within { margin-left: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-xl-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-hover-ml-0:hover { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-ml-0:focus { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-active-ml-0:active { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-disabled-ml-0:disabled { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-0:focus-visible { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-0:focus-within { margin-left: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-xl-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-1:hover { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-1:focus { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-ml-1:active { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-1:disabled { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-xl-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-2:hover { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-2:focus { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-ml-2:active { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-2:disabled { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-xl-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-3:hover { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-3:focus { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-ml-3:active { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-3:disabled { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-xl-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-4:hover { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-4:focus { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-active-ml-4:active { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-4:disabled { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-4:focus-within { margin-left: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-xl-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-5:hover { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-5:focus { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-ml-5:active { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-5:disabled { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-xl-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-6:hover { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-6:focus { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-ml-6:active { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-6:disabled { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-xl-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-8:hover { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-8:focus { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-active-ml-8:active { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-8:disabled { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-8:focus-within { margin-left: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-xl-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-10:hover { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-10:focus { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-ml-10:active { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-10:disabled { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-xl-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-12:hover { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-12:focus { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-active-ml-12:active { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-12:disabled { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-12:focus-within { margin-left: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-xl-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-16:hover { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-16:focus { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-active-ml-16:active { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-16:disabled { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-16:focus-within { margin-left: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-xl-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-20:hover { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-20:focus { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-active-ml-20:active { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-20:disabled { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-20:focus-within { margin-left: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-xl-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-24:hover { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-24:focus { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-active-ml-24:active { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-24:disabled { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-24:focus-within { margin-left: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-xl-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-28:hover { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-28:focus { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-active-ml-28:active { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-28:disabled { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-28:focus-within { margin-left: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-xl-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-ml-32:hover { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-ml-32:focus { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-active-ml-32:active { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-ml-32:disabled { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ml-32:focus-within { margin-left: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-xl-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-hover-mr-auto:hover { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-mr-auto:focus { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-active-mr-auto:active { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-disabled-mr-auto:disabled { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-auto:focus-within { margin-right: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-xl-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-hover-mr-0:hover { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-mr-0:focus { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-active-mr-0:active { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-disabled-mr-0:disabled { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-0:focus-visible { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-0:focus-within { margin-right: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-xl-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-1:hover { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-1:focus { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-mr-1:active { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-1:disabled { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-2:hover { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-2:focus { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-mr-2:active { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-2:disabled { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-3:hover { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-3:focus { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-mr-3:active { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-3:disabled { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-4:hover { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-4:focus { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-active-mr-4:active { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-4:disabled { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-4:focus-within { margin-right: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-5:hover { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-5:focus { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-mr-5:active { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-5:disabled { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-6:hover { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-6:focus { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-mr-6:active { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-6:disabled { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-8:hover { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-8:focus { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-active-mr-8:active { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-8:disabled { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-8:focus-within { margin-right: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-10:hover { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-10:focus { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-mr-10:active { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-10:disabled { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-12:hover { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-12:focus { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-active-mr-12:active { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-12:disabled { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-12:focus-within { margin-right: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-16:hover { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-16:focus { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-active-mr-16:active { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-16:disabled { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-16:focus-within { margin-right: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-20:hover { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-20:focus { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-active-mr-20:active { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-20:disabled { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-20:focus-within { margin-right: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-24:hover { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-24:focus { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-active-mr-24:active { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-24:disabled { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-24:focus-within { margin-right: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-28:hover { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-28:focus { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-active-mr-28:active { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-28:disabled { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-28:focus-within { margin-right: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-mr-32:hover { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-mr-32:focus { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-active-mr-32:active { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-mr-32:disabled { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mr-32:focus-within { margin-right: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-xl-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-active-mx-0:active { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-xl-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-xl-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-xl-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-xl-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-xl-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-xl-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-xl-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-xl-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-xl-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-xl-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-xl-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-xl-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-xl-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-xl-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-xl-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-xl-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-xl-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-xl-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-xl-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-xl-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-xl-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-xl-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-xl-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-xl-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-xl-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-xl-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-xl-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-xl-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-xl-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-xl-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-xl-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-hover-space-x-auto:hover { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-space-x-auto:focus { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-active-space-x-auto:active { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-auto:disabled { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-auto:focus-within { --space-x: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-xl-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-hover-space-x-0:hover { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-focus-space-x-0:focus { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-active-space-x-0:active { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-0:disabled { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-0:focus-within { --space-x: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-xl-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-1:hover { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-1:focus { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-1:active { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-xl-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-2:hover { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-2:focus { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-2:active { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-xl-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-3:hover { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-3:focus { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-3:active { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-xl-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-4:hover { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-4:focus { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-4:active { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-4:disabled { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-xl-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-5:hover { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-5:focus { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-5:active { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-xl-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-6:hover { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-6:focus { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-6:active { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-xl-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-8:hover { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-8:focus { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-8:active { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-8:disabled { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-xl-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-10:hover { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-10:focus { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-10:active { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-xl-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-12:hover { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-12:focus { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-12:active { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-12:disabled { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-xl-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-16:hover { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-16:focus { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-16:active { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-16:disabled { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-xl-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-20:hover { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-20:focus { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-20:active { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-20:disabled { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-xl-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-24:hover { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-24:focus { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-24:active { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-24:disabled { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-xl-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-28:hover { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-28:focus { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-28:active { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-28:disabled { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-xl-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-space-x-32:hover { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-space-x-32:focus { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-active-space-x-32:active { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-x-32:disabled { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-xl-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-hover-space-y-auto:hover { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-space-y-auto:focus { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-active-space-y-auto:active { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-auto:disabled { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-auto:focus-within { --space-y: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-xl-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-hover-space-y-0:hover { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-focus-space-y-0:focus { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-active-space-y-0:active { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-0:disabled { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-0:focus-within { --space-y: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-xl-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-1:hover { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-1:focus { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-1:active { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-xl-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-2:hover { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-2:focus { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-2:active { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-xl-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-3:hover { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-3:focus { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-3:active { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-xl-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-4:hover { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-4:focus { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-4:active { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-4:disabled { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-xl-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-5:hover { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-5:focus { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-5:active { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-xl-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-6:hover { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-6:focus { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-6:active { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-xl-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-8:hover { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-8:focus { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-8:active { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-8:disabled { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-xl-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-10:hover { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-10:focus { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-10:active { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-xl-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-12:hover { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-12:focus { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-12:active { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-12:disabled { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-xl-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-16:hover { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-16:focus { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-16:active { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-16:disabled { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-xl-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-20:hover { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-20:focus { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-20:active { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-20:disabled { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-xl-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-24:hover { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-24:focus { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-24:active { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-24:disabled { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-xl-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-28:hover { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-28:focus { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-28:active { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-28:disabled { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-xl-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-space-y-32:hover { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-space-y-32:focus { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-active-space-y-32:active { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-space-y-32:disabled { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-xl-d-block { display: block; }
  html[data-theme="dark"] .dark-xl-hover-d-block:hover { display: block; }
  html[data-theme="dark"] .dark-xl-focus-d-block:focus { display: block; }
  html[data-theme="dark"] .dark-xl-active-d-block:active { display: block; }
  html[data-theme="dark"] .dark-xl-disabled-d-block:disabled { display: block; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-block:focus-visible { display: block; }
  html[data-theme="dark"] .dark-xl-focus-within-d-block:focus-within { display: block; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-block { display: block; }
  html[data-theme="dark"] .dark-xl-d-inline { display: inline; }
  html[data-theme="dark"] .dark-xl-hover-d-inline:hover { display: inline; }
  html[data-theme="dark"] .dark-xl-focus-d-inline:focus { display: inline; }
  html[data-theme="dark"] .dark-xl-active-d-inline:active { display: inline; }
  html[data-theme="dark"] .dark-xl-disabled-d-inline:disabled { display: inline; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-inline:focus-visible { display: inline; }
  html[data-theme="dark"] .dark-xl-focus-within-d-inline:focus-within { display: inline; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-inline { display: inline; }
  html[data-theme="dark"] .dark-xl-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-xl-hover-d-inline-block:hover { display: inline-block; }
  html[data-theme="dark"] .dark-xl-focus-d-inline-block:focus { display: inline-block; }
  html[data-theme="dark"] .dark-xl-active-d-inline-block:active { display: inline-block; }
  html[data-theme="dark"] .dark-xl-disabled-d-inline-block:disabled { display: inline-block; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  html[data-theme="dark"] .dark-xl-focus-within-d-inline-block:focus-within { display: inline-block; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-xl-d-flex { display: flex; }
  html[data-theme="dark"] .dark-xl-hover-d-flex:hover { display: flex; }
  html[data-theme="dark"] .dark-xl-focus-d-flex:focus { display: flex; }
  html[data-theme="dark"] .dark-xl-active-d-flex:active { display: flex; }
  html[data-theme="dark"] .dark-xl-disabled-d-flex:disabled { display: flex; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-flex:focus-visible { display: flex; }
  html[data-theme="dark"] .dark-xl-focus-within-d-flex:focus-within { display: flex; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-flex { display: flex; }
  html[data-theme="dark"] .dark-xl-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-hover-d-inline-flex:hover { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-focus-d-inline-flex:focus { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-active-d-inline-flex:active { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-disabled-d-inline-flex:disabled { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-xl-d-grid { display: grid; }
  html[data-theme="dark"] .dark-xl-hover-d-grid:hover { display: grid; }
  html[data-theme="dark"] .dark-xl-focus-d-grid:focus { display: grid; }
  html[data-theme="dark"] .dark-xl-active-d-grid:active { display: grid; }
  html[data-theme="dark"] .dark-xl-disabled-d-grid:disabled { display: grid; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-grid:focus-visible { display: grid; }
  html[data-theme="dark"] .dark-xl-focus-within-d-grid:focus-within { display: grid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-grid { display: grid; }
  html[data-theme="dark"] .dark-xl-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-hover-d-inline-grid:hover { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-focus-d-inline-grid:focus { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-active-d-inline-grid:active { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-disabled-d-inline-grid:disabled { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-xl-d-none { display: none; }
  html[data-theme="dark"] .dark-xl-hover-d-none:hover { display: none; }
  html[data-theme="dark"] .dark-xl-focus-d-none:focus { display: none; }
  html[data-theme="dark"] .dark-xl-active-d-none:active { display: none; }
  html[data-theme="dark"] .dark-xl-disabled-d-none:disabled { display: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-d-none:focus-visible { display: none; }
  html[data-theme="dark"] .dark-xl-focus-within-d-none:focus-within { display: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-d-none { display: none; }
  html[data-theme="dark"] .dark-xl-static { position: static; }
  html[data-theme="dark"] .dark-xl-hover-static:hover { position: static; }
  html[data-theme="dark"] .dark-xl-focus-static:focus { position: static; }
  html[data-theme="dark"] .dark-xl-active-static:active { position: static; }
  html[data-theme="dark"] .dark-xl-disabled-static:disabled { position: static; }
  html[data-theme="dark"] .dark-xl-focus-visible-static:focus-visible { position: static; }
  html[data-theme="dark"] .dark-xl-focus-within-static:focus-within { position: static; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-static { position: static; }
  html[data-theme="dark"] .dark-xl-relative { position: relative; }
  html[data-theme="dark"] .dark-xl-hover-relative:hover { position: relative; }
  html[data-theme="dark"] .dark-xl-focus-relative:focus { position: relative; }
  html[data-theme="dark"] .dark-xl-active-relative:active { position: relative; }
  html[data-theme="dark"] .dark-xl-disabled-relative:disabled { position: relative; }
  html[data-theme="dark"] .dark-xl-focus-visible-relative:focus-visible { position: relative; }
  html[data-theme="dark"] .dark-xl-focus-within-relative:focus-within { position: relative; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-relative { position: relative; }
  html[data-theme="dark"] .dark-xl-absolute { position: absolute; }
  html[data-theme="dark"] .dark-xl-hover-absolute:hover { position: absolute; }
  html[data-theme="dark"] .dark-xl-focus-absolute:focus { position: absolute; }
  html[data-theme="dark"] .dark-xl-active-absolute:active { position: absolute; }
  html[data-theme="dark"] .dark-xl-disabled-absolute:disabled { position: absolute; }
  html[data-theme="dark"] .dark-xl-focus-visible-absolute:focus-visible { position: absolute; }
  html[data-theme="dark"] .dark-xl-focus-within-absolute:focus-within { position: absolute; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-absolute { position: absolute; }
  html[data-theme="dark"] .dark-xl-fixed { position: fixed; }
  html[data-theme="dark"] .dark-xl-hover-fixed:hover { position: fixed; }
  html[data-theme="dark"] .dark-xl-focus-fixed:focus { position: fixed; }
  html[data-theme="dark"] .dark-xl-active-fixed:active { position: fixed; }
  html[data-theme="dark"] .dark-xl-disabled-fixed:disabled { position: fixed; }
  html[data-theme="dark"] .dark-xl-focus-visible-fixed:focus-visible { position: fixed; }
  html[data-theme="dark"] .dark-xl-focus-within-fixed:focus-within { position: fixed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-fixed { position: fixed; }
  html[data-theme="dark"] .dark-xl-sticky { position: sticky; }
  html[data-theme="dark"] .dark-xl-hover-sticky:hover { position: sticky; }
  html[data-theme="dark"] .dark-xl-focus-sticky:focus { position: sticky; }
  html[data-theme="dark"] .dark-xl-active-sticky:active { position: sticky; }
  html[data-theme="dark"] .dark-xl-disabled-sticky:disabled { position: sticky; }
  html[data-theme="dark"] .dark-xl-focus-visible-sticky:focus-visible { position: sticky; }
  html[data-theme="dark"] .dark-xl-focus-within-sticky:focus-within { position: sticky; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sticky { position: sticky; }
  html[data-theme="dark"] .dark-xl-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-xl-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-xl-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-xl-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-xl-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-xl-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-xl-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-xl-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-xl-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-xl-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-xl-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-xl-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-xl-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-xl-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-xl-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-xl-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-xl-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-xl-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-xl-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-xl-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-xl-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-xl-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-xl-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-xl-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-xl-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-xl-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-xl-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-xl-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-xl-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-xl-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-xl-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-xl-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-xl-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-xl-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-xl-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-xl-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-xl-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-xl-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-xl-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-xl-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-xl-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-xl-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-xl-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-xl-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-xl-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-xl-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-xl-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-xl-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-xl-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-xl-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-xl-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-xl-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-xl-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-xl-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-xl-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-xl-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-xl-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-xl-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-xl-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-xl-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-xl-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-xl-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-xl-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-xl-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-xl-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-xl-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-xl-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-xl-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-xl-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-xl-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-xl-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-xl-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-xl-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-xl-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-xl-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-xl-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-xl-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-xl-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-xl-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-xl-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-xl-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-xl-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-xl-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-xl-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-xl-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-xl-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-xl-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-xl-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-xl-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-xl-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-xl-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-xl-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-xl-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-xl-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-xl-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-xl-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-xl-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-xl-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-xl-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-xl-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-xl-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-xl-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-xl-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-xl-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-xl-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-xl-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-xl-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-xl-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-xl-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-xl-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-xl-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-xl-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-xl-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-xl-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-xl-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-xl-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-xl-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-xl-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-xl-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-xl-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-xl-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-xl-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-xl-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-xl-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-xl-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-xl-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-xl-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-xl-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-xl-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-xl-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-xl-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-xl-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-xl-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-xl-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-xl-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-xl-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-xl-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-xl-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-xl-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-xl-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-xl-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-xl-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-xl-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-xl-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-xl-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-xl-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-xl-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-xl-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-xl-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-xl-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-xl-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-xl-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-xl-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-xl-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-xl-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-xl-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-xl-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-xl-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-xl-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-xl-hover-gap-0:hover { gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-gap-0:focus { gap: 0; }
  html[data-theme="dark"] .dark-xl-active-gap-0:active { gap: 0; }
  html[data-theme="dark"] .dark-xl-disabled-gap-0:disabled { gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-0:focus-visible { gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-0:focus-within { gap: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-xl-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-1:hover { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-1:focus { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-gap-1:active { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-1:disabled { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-1:focus-within { gap: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-2:hover { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-2:focus { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-gap-2:active { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-2:disabled { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-2:focus-within { gap: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-3:hover { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-3:focus { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-gap-3:active { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-3:disabled { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-3:focus-within { gap: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-4:hover { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-4:focus { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-active-gap-4:active { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-4:disabled { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-4:focus-visible { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-4:focus-within { gap: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-xl-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-5:hover { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-5:focus { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-gap-5:active { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-5:disabled { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-5:focus-within { gap: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-6:hover { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-6:focus { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-gap-6:active { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-6:disabled { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-6:focus-within { gap: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-7:hover { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-7:focus { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-gap-7:active { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-7:disabled { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-7:focus-within { gap: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-8:hover { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-8:focus { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-active-gap-8:active { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-8:disabled { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-8:focus-visible { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-8:focus-within { gap: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-xl-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-9:hover { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-9:focus { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-gap-9:active { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-9:disabled { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-9:focus-within { gap: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-10:hover { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-10:focus { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-gap-10:active { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-10:disabled { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-10:focus-within { gap: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-12:hover { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-12:focus { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-active-gap-12:active { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-12:disabled { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-12:focus-visible { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-12:focus-within { gap: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-xl-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-14:hover { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-14:focus { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-gap-14:active { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-14:disabled { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-14:focus-within { gap: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-16:hover { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-16:focus { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-active-gap-16:active { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-16:disabled { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-16:focus-visible { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-16:focus-within { gap: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-xl-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-20:hover { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-20:focus { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-active-gap-20:active { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-20:disabled { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-20:focus-visible { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-20:focus-within { gap: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-xl-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-24:hover { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-24:focus { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-active-gap-24:active { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-24:disabled { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-24:focus-visible { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-24:focus-within { gap: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-xl-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-28:hover { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-28:focus { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-active-gap-28:active { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-28:disabled { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-28:focus-visible { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-28:focus-within { gap: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-xl-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-gap-32:hover { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-gap-32:focus { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-active-gap-32:active { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-gap-32:disabled { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-gap-32:focus-visible { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-gap-32:focus-within { gap: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-xl-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-0:hover { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-0:focus { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-active-row-gap-0:active { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-0:disabled { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-0:focus-within { row-gap: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-xl-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-1:hover { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-1:focus { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-1:active { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-2:hover { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-2:focus { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-2:active { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-3:hover { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-3:focus { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-3:active { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-4:hover { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-4:focus { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-4:active { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-4:disabled { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-5:hover { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-5:focus { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-5:active { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-6:hover { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-6:focus { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-6:active { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-7:hover { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-7:focus { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-7:active { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-8:hover { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-8:focus { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-8:active { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-8:disabled { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-9:hover { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-9:focus { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-9:active { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-10:hover { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-10:focus { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-10:active { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-12:hover { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-12:focus { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-12:active { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-12:disabled { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-14:hover { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-14:focus { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-14:active { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-16:hover { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-16:focus { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-16:active { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-16:disabled { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-20:hover { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-20:focus { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-20:active { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-20:disabled { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-24:hover { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-24:focus { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-24:active { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-24:disabled { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-28:hover { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-28:focus { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-28:active { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-28:disabled { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-row-gap-32:hover { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-row-gap-32:focus { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-active-row-gap-32:active { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-row-gap-32:disabled { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-0:hover { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-0:focus { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-active-column-gap-0:active { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-0:disabled { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-0:focus-within { column-gap: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-xl-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-1:hover { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-1:focus { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-1:active { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-xl-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-2:hover { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-2:focus { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-2:active { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-xl-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-3:hover { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-3:focus { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-3:active { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-xl-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-4:hover { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-4:focus { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-4:active { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-4:disabled { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-xl-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-5:hover { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-5:focus { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-5:active { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-xl-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-6:hover { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-6:focus { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-6:active { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-xl-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-7:hover { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-7:focus { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-7:active { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-xl-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-8:hover { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-8:focus { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-8:active { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-8:disabled { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-xl-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-9:hover { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-9:focus { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-9:active { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-xl-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-10:hover { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-10:focus { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-10:active { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-xl-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-12:hover { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-12:focus { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-12:active { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-12:disabled { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-xl-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-14:hover { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-14:focus { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-14:active { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-xl-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-16:hover { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-16:focus { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-16:active { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-16:disabled { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-xl-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-20:hover { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-20:focus { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-20:active { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-20:disabled { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-xl-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-24:hover { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-24:focus { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-24:active { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-24:disabled { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-xl-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-28:hover { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-28:focus { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-28:active { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-28:disabled { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-xl-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-column-gap-32:hover { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-column-gap-32:focus { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-active-column-gap-32:active { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-column-gap-32:disabled { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-xl-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-hover-flex-row:hover { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-focus-flex-row:focus { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-active-flex-row:active { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-disabled-flex-row:disabled { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-row:focus-visible { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-row:focus-within { flex-direction: row; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-xl-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-hover-flex-col:hover { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-focus-flex-col:focus { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-active-flex-col:active { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-disabled-flex-col:disabled { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-col:focus-visible { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-col:focus-within { flex-direction: column; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-xl-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-active-flex-row-reverse:active { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-xl-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-active-flex-col-reverse:active { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-xl-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-hover-flex-wrap:hover { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-focus-flex-wrap:focus { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-active-flex-wrap:active { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-xl-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-active-flex-nowrap:active { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-xl-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-xl-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-xl-hover-flex-1:hover { flex: 1; }
  html[data-theme="dark"] .dark-xl-focus-flex-1:focus { flex: 1; }
  html[data-theme="dark"] .dark-xl-active-flex-1:active { flex: 1; }
  html[data-theme="dark"] .dark-xl-disabled-flex-1:disabled { flex: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-1:focus-visible { flex: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-1:focus-within { flex: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-xl-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-xl-hover-flex-auto:hover { flex: auto; }
  html[data-theme="dark"] .dark-xl-focus-flex-auto:focus { flex: auto; }
  html[data-theme="dark"] .dark-xl-active-flex-auto:active { flex: auto; }
  html[data-theme="dark"] .dark-xl-disabled-flex-auto:disabled { flex: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-auto:focus-visible { flex: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-auto:focus-within { flex: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-xl-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-xl-hover-flex-initial:hover { flex: initial; }
  html[data-theme="dark"] .dark-xl-focus-flex-initial:focus { flex: initial; }
  html[data-theme="dark"] .dark-xl-active-flex-initial:active { flex: initial; }
  html[data-theme="dark"] .dark-xl-disabled-flex-initial:disabled { flex: initial; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-initial:focus-visible { flex: initial; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-initial:focus-within { flex: initial; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-xl-flex-none { flex: none; }
  html[data-theme="dark"] .dark-xl-hover-flex-none:hover { flex: none; }
  html[data-theme="dark"] .dark-xl-focus-flex-none:focus { flex: none; }
  html[data-theme="dark"] .dark-xl-active-flex-none:active { flex: none; }
  html[data-theme="dark"] .dark-xl-disabled-flex-none:disabled { flex: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-none:focus-visible { flex: none; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-none:focus-within { flex: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-none { flex: none; }
  html[data-theme="dark"] .dark-xl-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-hover-flex-grow-0:hover { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-focus-flex-grow-0:focus { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-active-flex-grow-0:active { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-disabled-flex-grow-0:disabled { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-xl-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-hover-flex-grow-1:hover { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-focus-flex-grow-1:focus { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-active-flex-grow-1:active { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-disabled-flex-grow-1:disabled { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-xl-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-hover-flex-shrink-0:hover { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-focus-flex-shrink-0:focus { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-active-flex-shrink-0:active { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-xl-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-hover-flex-shrink-1:hover { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-focus-flex-shrink-1:focus { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-active-flex-shrink-1:active { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-xl-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-0:hover { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-0:focus { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-0:active { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-0:disabled { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-xl-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-auto:hover { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-auto:focus { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-auto:active { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-xl-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-full:hover { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-full:focus { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-full:active { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-xl-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-half:hover { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-half:focus { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-half:active { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-xl-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-xl-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-xl-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-xl-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-xl-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-xl-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-xl-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-xl-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-xl-order-first { order: -1; }
  html[data-theme="dark"] .dark-xl-hover-order-first:hover { order: -1; }
  html[data-theme="dark"] .dark-xl-focus-order-first:focus { order: -1; }
  html[data-theme="dark"] .dark-xl-active-order-first:active { order: -1; }
  html[data-theme="dark"] .dark-xl-disabled-order-first:disabled { order: -1; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-first:focus-visible { order: -1; }
  html[data-theme="dark"] .dark-xl-focus-within-order-first:focus-within { order: -1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-first { order: -1; }
  html[data-theme="dark"] .dark-xl-order-last { order: 9999; }
  html[data-theme="dark"] .dark-xl-hover-order-last:hover { order: 9999; }
  html[data-theme="dark"] .dark-xl-focus-order-last:focus { order: 9999; }
  html[data-theme="dark"] .dark-xl-active-order-last:active { order: 9999; }
  html[data-theme="dark"] .dark-xl-disabled-order-last:disabled { order: 9999; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-last:focus-visible { order: 9999; }
  html[data-theme="dark"] .dark-xl-focus-within-order-last:focus-within { order: 9999; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-last { order: 9999; }
  html[data-theme="dark"] .dark-xl-order-0 { order: 0; }
  html[data-theme="dark"] .dark-xl-hover-order-0:hover { order: 0; }
  html[data-theme="dark"] .dark-xl-focus-order-0:focus { order: 0; }
  html[data-theme="dark"] .dark-xl-active-order-0:active { order: 0; }
  html[data-theme="dark"] .dark-xl-disabled-order-0:disabled { order: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-0:focus-visible { order: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-order-0:focus-within { order: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-0 { order: 0; }
  html[data-theme="dark"] .dark-xl-order-1 { order: 1; }
  html[data-theme="dark"] .dark-xl-hover-order-1:hover { order: 1; }
  html[data-theme="dark"] .dark-xl-focus-order-1:focus { order: 1; }
  html[data-theme="dark"] .dark-xl-active-order-1:active { order: 1; }
  html[data-theme="dark"] .dark-xl-disabled-order-1:disabled { order: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-1:focus-visible { order: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-order-1:focus-within { order: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-1 { order: 1; }
  html[data-theme="dark"] .dark-xl-order-2 { order: 2; }
  html[data-theme="dark"] .dark-xl-hover-order-2:hover { order: 2; }
  html[data-theme="dark"] .dark-xl-focus-order-2:focus { order: 2; }
  html[data-theme="dark"] .dark-xl-active-order-2:active { order: 2; }
  html[data-theme="dark"] .dark-xl-disabled-order-2:disabled { order: 2; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-2:focus-visible { order: 2; }
  html[data-theme="dark"] .dark-xl-focus-within-order-2:focus-within { order: 2; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-2 { order: 2; }
  html[data-theme="dark"] .dark-xl-order-3 { order: 3; }
  html[data-theme="dark"] .dark-xl-hover-order-3:hover { order: 3; }
  html[data-theme="dark"] .dark-xl-focus-order-3:focus { order: 3; }
  html[data-theme="dark"] .dark-xl-active-order-3:active { order: 3; }
  html[data-theme="dark"] .dark-xl-disabled-order-3:disabled { order: 3; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-3:focus-visible { order: 3; }
  html[data-theme="dark"] .dark-xl-focus-within-order-3:focus-within { order: 3; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-3 { order: 3; }
  html[data-theme="dark"] .dark-xl-order-4 { order: 4; }
  html[data-theme="dark"] .dark-xl-hover-order-4:hover { order: 4; }
  html[data-theme="dark"] .dark-xl-focus-order-4:focus { order: 4; }
  html[data-theme="dark"] .dark-xl-active-order-4:active { order: 4; }
  html[data-theme="dark"] .dark-xl-disabled-order-4:disabled { order: 4; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-4:focus-visible { order: 4; }
  html[data-theme="dark"] .dark-xl-focus-within-order-4:focus-within { order: 4; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-4 { order: 4; }
  html[data-theme="dark"] .dark-xl-order-5 { order: 5; }
  html[data-theme="dark"] .dark-xl-hover-order-5:hover { order: 5; }
  html[data-theme="dark"] .dark-xl-focus-order-5:focus { order: 5; }
  html[data-theme="dark"] .dark-xl-active-order-5:active { order: 5; }
  html[data-theme="dark"] .dark-xl-disabled-order-5:disabled { order: 5; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-5:focus-visible { order: 5; }
  html[data-theme="dark"] .dark-xl-focus-within-order-5:focus-within { order: 5; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-5 { order: 5; }
  html[data-theme="dark"] .dark-xl-order-6 { order: 6; }
  html[data-theme="dark"] .dark-xl-hover-order-6:hover { order: 6; }
  html[data-theme="dark"] .dark-xl-focus-order-6:focus { order: 6; }
  html[data-theme="dark"] .dark-xl-active-order-6:active { order: 6; }
  html[data-theme="dark"] .dark-xl-disabled-order-6:disabled { order: 6; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-6:focus-visible { order: 6; }
  html[data-theme="dark"] .dark-xl-focus-within-order-6:focus-within { order: 6; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-6 { order: 6; }
  html[data-theme="dark"] .dark-xl-order-7 { order: 7; }
  html[data-theme="dark"] .dark-xl-hover-order-7:hover { order: 7; }
  html[data-theme="dark"] .dark-xl-focus-order-7:focus { order: 7; }
  html[data-theme="dark"] .dark-xl-active-order-7:active { order: 7; }
  html[data-theme="dark"] .dark-xl-disabled-order-7:disabled { order: 7; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-7:focus-visible { order: 7; }
  html[data-theme="dark"] .dark-xl-focus-within-order-7:focus-within { order: 7; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-7 { order: 7; }
  html[data-theme="dark"] .dark-xl-order-8 { order: 8; }
  html[data-theme="dark"] .dark-xl-hover-order-8:hover { order: 8; }
  html[data-theme="dark"] .dark-xl-focus-order-8:focus { order: 8; }
  html[data-theme="dark"] .dark-xl-active-order-8:active { order: 8; }
  html[data-theme="dark"] .dark-xl-disabled-order-8:disabled { order: 8; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-8:focus-visible { order: 8; }
  html[data-theme="dark"] .dark-xl-focus-within-order-8:focus-within { order: 8; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-8 { order: 8; }
  html[data-theme="dark"] .dark-xl-order-9 { order: 9; }
  html[data-theme="dark"] .dark-xl-hover-order-9:hover { order: 9; }
  html[data-theme="dark"] .dark-xl-focus-order-9:focus { order: 9; }
  html[data-theme="dark"] .dark-xl-active-order-9:active { order: 9; }
  html[data-theme="dark"] .dark-xl-disabled-order-9:disabled { order: 9; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-9:focus-visible { order: 9; }
  html[data-theme="dark"] .dark-xl-focus-within-order-9:focus-within { order: 9; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-9 { order: 9; }
  html[data-theme="dark"] .dark-xl-order-10 { order: 10; }
  html[data-theme="dark"] .dark-xl-hover-order-10:hover { order: 10; }
  html[data-theme="dark"] .dark-xl-focus-order-10:focus { order: 10; }
  html[data-theme="dark"] .dark-xl-active-order-10:active { order: 10; }
  html[data-theme="dark"] .dark-xl-disabled-order-10:disabled { order: 10; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-10:focus-visible { order: 10; }
  html[data-theme="dark"] .dark-xl-focus-within-order-10:focus-within { order: 10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-10 { order: 10; }
  html[data-theme="dark"] .dark-xl-order-11 { order: 11; }
  html[data-theme="dark"] .dark-xl-hover-order-11:hover { order: 11; }
  html[data-theme="dark"] .dark-xl-focus-order-11:focus { order: 11; }
  html[data-theme="dark"] .dark-xl-active-order-11:active { order: 11; }
  html[data-theme="dark"] .dark-xl-disabled-order-11:disabled { order: 11; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-11:focus-visible { order: 11; }
  html[data-theme="dark"] .dark-xl-focus-within-order-11:focus-within { order: 11; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-11 { order: 11; }
  html[data-theme="dark"] .dark-xl-order-12 { order: 12; }
  html[data-theme="dark"] .dark-xl-hover-order-12:hover { order: 12; }
  html[data-theme="dark"] .dark-xl-focus-order-12:focus { order: 12; }
  html[data-theme="dark"] .dark-xl-active-order-12:active { order: 12; }
  html[data-theme="dark"] .dark-xl-disabled-order-12:disabled { order: 12; }
  html[data-theme="dark"] .dark-xl-focus-visible-order-12:focus-visible { order: 12; }
  html[data-theme="dark"] .dark-xl-focus-within-order-12:focus-within { order: 12; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-order-12 { order: 12; }
  html[data-theme="dark"] .dark-xl-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-xl-hover-whitespace-normal:hover { white-space: normal; }
  html[data-theme="dark"] .dark-xl-focus-whitespace-normal:focus { white-space: normal; }
  html[data-theme="dark"] .dark-xl-active-whitespace-normal:active { white-space: normal; }
  html[data-theme="dark"] .dark-xl-disabled-whitespace-normal:disabled { white-space: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-whitespace-normal:focus-within { white-space: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-xl-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-hover-whitespace-nowrap:hover { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-whitespace-nowrap:focus { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-active-whitespace-nowrap:active { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-xl-hover-whitespace-pre:hover { white-space: pre; }
  html[data-theme="dark"] .dark-xl-focus-whitespace-pre:focus { white-space: pre; }
  html[data-theme="dark"] .dark-xl-active-whitespace-pre:active { white-space: pre; }
  html[data-theme="dark"] .dark-xl-disabled-whitespace-pre:disabled { white-space: pre; }
  html[data-theme="dark"] .dark-xl-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  html[data-theme="dark"] .dark-xl-focus-within-whitespace-pre:focus-within { white-space: pre; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-xl-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-hover-whitespace-pre-line:hover { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-focus-whitespace-pre-line:focus { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-active-whitespace-pre-line:active { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-xl-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-xl-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-xl-hover-overflow-auto:hover { overflow: auto; }
  html[data-theme="dark"] .dark-xl-focus-overflow-auto:focus { overflow: auto; }
  html[data-theme="dark"] .dark-xl-active-overflow-auto:active { overflow: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-auto:disabled { overflow: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-auto:focus-within { overflow: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-xl-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-hover-overflow-hidden:hover { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-focus-overflow-hidden:focus { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-active-overflow-hidden:active { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-hidden:disabled { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-xl-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-xl-hover-overflow-visible:hover { overflow: visible; }
  html[data-theme="dark"] .dark-xl-focus-overflow-visible:focus { overflow: visible; }
  html[data-theme="dark"] .dark-xl-active-overflow-visible:active { overflow: visible; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-visible:disabled { overflow: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-visible:focus-within { overflow: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-xl-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-hover-overflow-scroll:hover { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-focus-overflow-scroll:focus { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-active-overflow-scroll:active { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-scroll:disabled { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-xl-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-hover-overflow-x-auto:hover { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-overflow-x-auto:focus { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-active-overflow-x-auto:active { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-xl-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-active-overflow-x-hidden:active { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-xl-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-hover-overflow-x-visible:hover { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-focus-overflow-x-visible:focus { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-active-overflow-x-visible:active { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-xl-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-active-overflow-x-scroll:active { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-xl-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-hover-overflow-y-auto:hover { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-overflow-y-auto:focus { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-active-overflow-y-auto:active { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-xl-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-active-overflow-y-hidden:active { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-xl-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-hover-overflow-y-visible:hover { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-focus-overflow-y-visible:focus { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-active-overflow-y-visible:active { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-xl-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-active-overflow-y-scroll:active { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-xl-visible { visibility: visible; }
  html[data-theme="dark"] .dark-xl-hover-visible:hover { visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible:focus { visibility: visible; }
  html[data-theme="dark"] .dark-xl-active-visible:active { visibility: visible; }
  html[data-theme="dark"] .dark-xl-disabled-visible:disabled { visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-visible:focus-visible { visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-visible:focus-within { visibility: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-visible { visibility: visible; }
  html[data-theme="dark"] .dark-xl-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-hover-hidden:hover { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-hidden:focus { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-active-hidden:active { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-hidden:disabled { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-hidden:focus-visible { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-hidden:focus-within { visibility: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-xl-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-hover-collapse:hover { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-focus-collapse:focus { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-active-collapse:active { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-disabled-collapse:disabled { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-focus-visible-collapse:focus-visible { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-focus-within-collapse:focus-within { visibility: collapse; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-xl-clear-left { clear: left; }
  html[data-theme="dark"] .dark-xl-hover-clear-left:hover { clear: left; }
  html[data-theme="dark"] .dark-xl-focus-clear-left:focus { clear: left; }
  html[data-theme="dark"] .dark-xl-active-clear-left:active { clear: left; }
  html[data-theme="dark"] .dark-xl-disabled-clear-left:disabled { clear: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-clear-left:focus-visible { clear: left; }
  html[data-theme="dark"] .dark-xl-focus-within-clear-left:focus-within { clear: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clear-left { clear: left; }
  html[data-theme="dark"] .dark-xl-clear-right { clear: right; }
  html[data-theme="dark"] .dark-xl-hover-clear-right:hover { clear: right; }
  html[data-theme="dark"] .dark-xl-focus-clear-right:focus { clear: right; }
  html[data-theme="dark"] .dark-xl-active-clear-right:active { clear: right; }
  html[data-theme="dark"] .dark-xl-disabled-clear-right:disabled { clear: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-clear-right:focus-visible { clear: right; }
  html[data-theme="dark"] .dark-xl-focus-within-clear-right:focus-within { clear: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clear-right { clear: right; }
  html[data-theme="dark"] .dark-xl-clear-both { clear: both; }
  html[data-theme="dark"] .dark-xl-hover-clear-both:hover { clear: both; }
  html[data-theme="dark"] .dark-xl-focus-clear-both:focus { clear: both; }
  html[data-theme="dark"] .dark-xl-active-clear-both:active { clear: both; }
  html[data-theme="dark"] .dark-xl-disabled-clear-both:disabled { clear: both; }
  html[data-theme="dark"] .dark-xl-focus-visible-clear-both:focus-visible { clear: both; }
  html[data-theme="dark"] .dark-xl-focus-within-clear-both:focus-within { clear: both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clear-both { clear: both; }
  html[data-theme="dark"] .dark-xl-float-left { float: left; }
  html[data-theme="dark"] .dark-xl-hover-float-left:hover { float: left; }
  html[data-theme="dark"] .dark-xl-focus-float-left:focus { float: left; }
  html[data-theme="dark"] .dark-xl-active-float-left:active { float: left; }
  html[data-theme="dark"] .dark-xl-disabled-float-left:disabled { float: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-float-left:focus-visible { float: left; }
  html[data-theme="dark"] .dark-xl-focus-within-float-left:focus-within { float: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-float-left { float: left; }
  html[data-theme="dark"] .dark-xl-float-right { float: right; }
  html[data-theme="dark"] .dark-xl-hover-float-right:hover { float: right; }
  html[data-theme="dark"] .dark-xl-focus-float-right:focus { float: right; }
  html[data-theme="dark"] .dark-xl-active-float-right:active { float: right; }
  html[data-theme="dark"] .dark-xl-disabled-float-right:disabled { float: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-float-right:focus-visible { float: right; }
  html[data-theme="dark"] .dark-xl-focus-within-float-right:focus-within { float: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-float-right { float: right; }
  html[data-theme="dark"] .dark-xl-float-none { float: none; }
  html[data-theme="dark"] .dark-xl-hover-float-none:hover { float: none; }
  html[data-theme="dark"] .dark-xl-focus-float-none:focus { float: none; }
  html[data-theme="dark"] .dark-xl-active-float-none:active { float: none; }
  html[data-theme="dark"] .dark-xl-disabled-float-none:disabled { float: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-float-none:focus-visible { float: none; }
  html[data-theme="dark"] .dark-xl-focus-within-float-none:focus-within { float: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-float-none { float: none; }
  html[data-theme="dark"] .dark-xl-w-0 { width: 0; }
  html[data-theme="dark"] .dark-xl-hover-w-0:hover { width: 0; }
  html[data-theme="dark"] .dark-xl-focus-w-0:focus { width: 0; }
  html[data-theme="dark"] .dark-xl-active-w-0:active { width: 0; }
  html[data-theme="dark"] .dark-xl-disabled-w-0:disabled { width: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-0:focus-visible { width: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-w-0:focus-within { width: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-0 { width: 0; }
  html[data-theme="dark"] .dark-xl-h-0 { height: 0; }
  html[data-theme="dark"] .dark-xl-hover-h-0:hover { height: 0; }
  html[data-theme="dark"] .dark-xl-focus-h-0:focus { height: 0; }
  html[data-theme="dark"] .dark-xl-active-h-0:active { height: 0; }
  html[data-theme="dark"] .dark-xl-disabled-h-0:disabled { height: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-0:focus-visible { height: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-h-0:focus-within { height: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-0 { height: 0; }
  html[data-theme="dark"] .dark-xl-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-xl-hover-min-w-0:hover { min-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-min-w-0:focus { min-width: 0; }
  html[data-theme="dark"] .dark-xl-active-min-w-0:active { min-width: 0; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-0:disabled { min-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-0:focus-visible { min-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-0:focus-within { min-width: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-xl-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-xl-hover-max-w-0:hover { max-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-max-w-0:focus { max-width: 0; }
  html[data-theme="dark"] .dark-xl-active-max-w-0:active { max-width: 0; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-0:disabled { max-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-0:focus-visible { max-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-0:focus-within { max-width: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-xl-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-xl-hover-min-h-0:hover { min-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-min-h-0:focus { min-height: 0; }
  html[data-theme="dark"] .dark-xl-active-min-h-0:active { min-height: 0; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-0:disabled { min-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-0:focus-visible { min-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-0:focus-within { min-height: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-xl-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-xl-hover-max-h-0:hover { max-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-max-h-0:focus { max-height: 0; }
  html[data-theme="dark"] .dark-xl-active-max-h-0:active { max-height: 0; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-0:disabled { max-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-0:focus-visible { max-height: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-0:focus-within { max-height: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-xl-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-w-1:hover { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-w-1:focus { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-w-1:active { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-1:disabled { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-1:focus-visible { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-1:focus-within { width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-h-1:hover { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-h-1:focus { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-h-1:active { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-1:disabled { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-1:focus-visible { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-1:focus-within { height: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-1:hover { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-1:focus { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-1:active { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-1:disabled { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-1:hover { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-1:focus { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-1:active { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-1:disabled { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-1:hover { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-1:focus { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-1:active { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-1:disabled { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-1:hover { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-1:focus { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-1:active { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-1:disabled { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-w-2:hover { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-w-2:focus { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-w-2:active { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-2:disabled { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-2:focus-visible { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-2:focus-within { width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-h-2:hover { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-h-2:focus { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-h-2:active { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-2:disabled { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-2:focus-visible { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-2:focus-within { height: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-2:hover { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-2:focus { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-2:active { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-2:disabled { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-2:hover { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-2:focus { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-2:active { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-2:disabled { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-2:hover { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-2:focus { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-2:active { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-2:disabled { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-2:hover { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-2:focus { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-2:active { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-2:disabled { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-w-3:hover { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-w-3:focus { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-w-3:active { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-3:disabled { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-3:focus-visible { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-3:focus-within { width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-h-3:hover { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-h-3:focus { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-h-3:active { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-3:disabled { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-3:focus-visible { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-3:focus-within { height: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-3:hover { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-3:focus { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-3:active { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-3:disabled { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-3:hover { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-3:focus { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-3:active { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-3:disabled { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-3:hover { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-3:focus { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-3:active { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-3:disabled { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-3:hover { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-3:focus { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-3:active { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-3:disabled { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-w-4:hover { width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-w-4:focus { width: 1rem; }
  html[data-theme="dark"] .dark-xl-active-w-4:active { width: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-4:disabled { width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-4:focus-visible { width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-4:focus-within { width: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-xl-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-h-4:hover { height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-h-4:focus { height: 1rem; }
  html[data-theme="dark"] .dark-xl-active-h-4:active { height: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-4:disabled { height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-4:focus-visible { height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-4:focus-within { height: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-xl-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-4:hover { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-4:focus { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-4:active { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-4:disabled { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-4:focus-within { min-width: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-xl-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-4:hover { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-4:focus { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-4:active { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-4:disabled { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-4:focus-within { max-width: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-xl-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-4:hover { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-4:focus { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-4:active { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-4:disabled { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-4:focus-within { min-height: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-xl-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-4:hover { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-4:focus { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-4:active { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-4:disabled { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-4:focus-within { max-height: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-xl-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-w-5:hover { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-w-5:focus { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-w-5:active { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-5:disabled { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-5:focus-visible { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-5:focus-within { width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-h-5:hover { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-h-5:focus { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-h-5:active { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-5:disabled { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-5:focus-visible { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-5:focus-within { height: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-5:hover { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-5:focus { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-5:active { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-5:disabled { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-5:hover { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-5:focus { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-5:active { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-5:disabled { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-5:hover { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-5:focus { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-5:active { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-5:disabled { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-5:hover { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-5:focus { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-5:active { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-5:disabled { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-w-6:hover { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-w-6:focus { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-w-6:active { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-6:disabled { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-6:focus-visible { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-6:focus-within { width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-h-6:hover { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-h-6:focus { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-h-6:active { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-6:disabled { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-6:focus-visible { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-6:focus-within { height: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-6:hover { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-6:focus { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-6:active { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-6:disabled { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-6:hover { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-6:focus { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-6:active { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-6:disabled { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-6:hover { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-6:focus { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-6:active { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-6:disabled { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-6:hover { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-6:focus { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-6:active { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-6:disabled { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-w-7:hover { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-w-7:focus { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-w-7:active { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-7:disabled { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-7:focus-visible { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-7:focus-within { width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-h-7:hover { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-h-7:focus { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-h-7:active { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-7:disabled { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-7:focus-visible { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-7:focus-within { height: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-7:hover { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-7:focus { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-7:active { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-7:disabled { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-7:hover { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-7:focus { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-7:active { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-7:disabled { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-7:hover { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-7:focus { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-7:active { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-7:disabled { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-7:hover { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-7:focus { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-7:active { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-7:disabled { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-w-8:hover { width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-w-8:focus { width: 2rem; }
  html[data-theme="dark"] .dark-xl-active-w-8:active { width: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-8:disabled { width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-8:focus-visible { width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-8:focus-within { width: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-xl-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-h-8:hover { height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-h-8:focus { height: 2rem; }
  html[data-theme="dark"] .dark-xl-active-h-8:active { height: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-8:disabled { height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-8:focus-visible { height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-8:focus-within { height: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-xl-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-8:hover { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-8:focus { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-8:active { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-8:disabled { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-8:focus-within { min-width: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-xl-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-8:hover { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-8:focus { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-8:active { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-8:disabled { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-8:focus-within { max-width: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-xl-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-8:hover { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-8:focus { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-8:active { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-8:disabled { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-8:focus-within { min-height: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-xl-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-8:hover { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-8:focus { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-8:active { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-8:disabled { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-8:focus-within { max-height: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-xl-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-w-9:hover { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-w-9:focus { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-w-9:active { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-9:disabled { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-9:focus-visible { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-9:focus-within { width: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-h-9:hover { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-h-9:focus { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-h-9:active { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-9:disabled { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-9:focus-visible { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-9:focus-within { height: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-9:hover { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-9:focus { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-9:active { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-9:disabled { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-9:hover { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-9:focus { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-9:active { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-9:disabled { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-xl-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-9:hover { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-9:focus { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-9:active { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-9:disabled { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-9:hover { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-9:focus { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-9:active { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-9:disabled { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-w-10:hover { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-w-10:focus { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-w-10:active { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-10:disabled { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-10:focus-visible { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-10:focus-within { width: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-h-10:hover { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-h-10:focus { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-h-10:active { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-10:disabled { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-10:focus-visible { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-10:focus-within { height: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-10:hover { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-10:focus { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-10:active { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-10:disabled { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-10:hover { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-10:focus { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-10:active { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-10:disabled { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-xl-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-10:hover { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-10:focus { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-10:active { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-10:disabled { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-10:hover { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-10:focus { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-10:active { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-10:disabled { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-w-11:hover { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-w-11:focus { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-w-11:active { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-11:disabled { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-11:focus-visible { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-11:focus-within { width: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-h-11:hover { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-h-11:focus { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-h-11:active { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-11:disabled { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-11:focus-visible { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-11:focus-within { height: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-11:hover { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-11:focus { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-11:active { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-11:disabled { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-11:hover { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-11:focus { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-11:active { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-11:disabled { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-xl-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-11:hover { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-11:focus { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-11:active { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-11:disabled { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-11:hover { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-11:focus { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-11:active { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-11:disabled { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-w-12:hover { width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-w-12:focus { width: 3rem; }
  html[data-theme="dark"] .dark-xl-active-w-12:active { width: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-12:disabled { width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-12:focus-visible { width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-12:focus-within { width: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-xl-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-h-12:hover { height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-h-12:focus { height: 3rem; }
  html[data-theme="dark"] .dark-xl-active-h-12:active { height: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-12:disabled { height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-12:focus-visible { height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-12:focus-within { height: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-xl-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-12:hover { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-12:focus { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-12:active { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-12:disabled { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-12:focus-within { min-width: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-xl-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-12:hover { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-12:focus { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-12:active { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-12:disabled { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-12:focus-within { max-width: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-xl-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-12:hover { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-12:focus { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-12:active { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-12:disabled { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-12:focus-within { min-height: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-xl-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-12:hover { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-12:focus { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-12:active { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-12:disabled { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-12:focus-within { max-height: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-xl-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-w-14:hover { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-w-14:focus { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-w-14:active { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-14:disabled { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-14:focus-visible { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-14:focus-within { width: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-h-14:hover { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-h-14:focus { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-h-14:active { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-14:disabled { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-14:focus-visible { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-14:focus-within { height: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-14:hover { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-14:focus { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-14:active { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-14:disabled { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-14:hover { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-14:focus { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-14:active { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-14:disabled { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-xl-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-14:hover { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-14:focus { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-14:active { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-14:disabled { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-14:hover { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-14:focus { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-14:active { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-14:disabled { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-w-16:hover { width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-w-16:focus { width: 4rem; }
  html[data-theme="dark"] .dark-xl-active-w-16:active { width: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-16:disabled { width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-16:focus-visible { width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-16:focus-within { width: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-xl-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-h-16:hover { height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-h-16:focus { height: 4rem; }
  html[data-theme="dark"] .dark-xl-active-h-16:active { height: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-16:disabled { height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-16:focus-visible { height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-16:focus-within { height: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-xl-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-16:hover { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-16:focus { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-16:active { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-16:disabled { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-16:focus-within { min-width: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-xl-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-16:hover { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-16:focus { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-16:active { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-16:disabled { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-16:focus-within { max-width: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-xl-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-16:hover { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-16:focus { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-16:active { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-16:disabled { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-16:focus-within { min-height: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-xl-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-16:hover { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-16:focus { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-16:active { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-16:disabled { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-16:focus-within { max-height: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-xl-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-w-20:hover { width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-w-20:focus { width: 5rem; }
  html[data-theme="dark"] .dark-xl-active-w-20:active { width: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-20:disabled { width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-20:focus-visible { width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-20:focus-within { width: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-xl-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-h-20:hover { height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-h-20:focus { height: 5rem; }
  html[data-theme="dark"] .dark-xl-active-h-20:active { height: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-20:disabled { height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-20:focus-visible { height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-20:focus-within { height: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-xl-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-20:hover { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-20:focus { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-20:active { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-20:disabled { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-20:focus-within { min-width: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-xl-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-20:hover { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-20:focus { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-20:active { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-20:disabled { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-20:focus-within { max-width: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-xl-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-20:hover { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-20:focus { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-20:active { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-20:disabled { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-20:focus-within { min-height: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-xl-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-20:hover { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-20:focus { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-20:active { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-20:disabled { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-20:focus-within { max-height: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-xl-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-w-24:hover { width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-w-24:focus { width: 6rem; }
  html[data-theme="dark"] .dark-xl-active-w-24:active { width: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-24:disabled { width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-24:focus-visible { width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-24:focus-within { width: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-xl-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-h-24:hover { height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-h-24:focus { height: 6rem; }
  html[data-theme="dark"] .dark-xl-active-h-24:active { height: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-24:disabled { height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-24:focus-visible { height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-24:focus-within { height: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-xl-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-24:hover { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-24:focus { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-24:active { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-24:disabled { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-24:focus-within { min-width: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-xl-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-24:hover { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-24:focus { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-24:active { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-24:disabled { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-24:focus-within { max-width: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-xl-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-24:hover { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-24:focus { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-24:active { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-24:disabled { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-24:focus-within { min-height: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-xl-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-24:hover { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-24:focus { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-24:active { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-24:disabled { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-24:focus-within { max-height: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-xl-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-w-28:hover { width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-w-28:focus { width: 7rem; }
  html[data-theme="dark"] .dark-xl-active-w-28:active { width: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-28:disabled { width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-28:focus-visible { width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-28:focus-within { width: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-xl-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-h-28:hover { height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-h-28:focus { height: 7rem; }
  html[data-theme="dark"] .dark-xl-active-h-28:active { height: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-28:disabled { height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-28:focus-visible { height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-28:focus-within { height: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-xl-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-28:hover { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-28:focus { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-28:active { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-28:disabled { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-28:focus-within { min-width: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-xl-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-28:hover { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-28:focus { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-28:active { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-28:disabled { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-28:focus-within { max-width: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-xl-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-28:hover { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-28:focus { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-28:active { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-28:disabled { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-28:focus-within { min-height: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-xl-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-28:hover { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-28:focus { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-28:active { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-28:disabled { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-28:focus-within { max-height: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-xl-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-w-32:hover { width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-w-32:focus { width: 8rem; }
  html[data-theme="dark"] .dark-xl-active-w-32:active { width: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-32:disabled { width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-32:focus-visible { width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-32:focus-within { width: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-xl-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-h-32:hover { height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-h-32:focus { height: 8rem; }
  html[data-theme="dark"] .dark-xl-active-h-32:active { height: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-32:disabled { height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-32:focus-visible { height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-32:focus-within { height: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-xl-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-32:hover { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-32:focus { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-32:active { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-32:disabled { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-32:focus-within { min-width: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-xl-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-32:hover { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-32:focus { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-32:active { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-32:disabled { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-32:focus-within { max-width: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-xl-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-32:hover { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-32:focus { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-32:active { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-32:disabled { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-32:focus-within { min-height: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-xl-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-32:hover { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-32:focus { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-32:active { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-32:disabled { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-32:focus-within { max-height: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-xl-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-w-36:hover { width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-w-36:focus { width: 9rem; }
  html[data-theme="dark"] .dark-xl-active-w-36:active { width: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-36:disabled { width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-36:focus-visible { width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-36:focus-within { width: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-xl-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-h-36:hover { height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-h-36:focus { height: 9rem; }
  html[data-theme="dark"] .dark-xl-active-h-36:active { height: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-36:disabled { height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-36:focus-visible { height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-36:focus-within { height: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-xl-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-36:hover { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-36:focus { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-36:active { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-36:disabled { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-36:focus-within { min-width: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-xl-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-36:hover { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-36:focus { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-36:active { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-36:disabled { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-36:focus-within { max-width: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-xl-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-36:hover { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-36:focus { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-36:active { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-36:disabled { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-36:focus-within { min-height: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-xl-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-36:hover { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-36:focus { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-36:active { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-36:disabled { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-36:focus-within { max-height: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-xl-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-w-40:hover { width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-w-40:focus { width: 10rem; }
  html[data-theme="dark"] .dark-xl-active-w-40:active { width: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-40:disabled { width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-40:focus-visible { width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-40:focus-within { width: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-xl-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-h-40:hover { height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-h-40:focus { height: 10rem; }
  html[data-theme="dark"] .dark-xl-active-h-40:active { height: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-40:disabled { height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-40:focus-visible { height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-40:focus-within { height: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-xl-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-40:hover { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-40:focus { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-40:active { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-40:disabled { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-40:focus-within { min-width: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-xl-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-40:hover { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-40:focus { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-40:active { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-40:disabled { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-40:focus-within { max-width: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-xl-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-40:hover { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-40:focus { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-40:active { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-40:disabled { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-40:focus-within { min-height: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-xl-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-40:hover { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-40:focus { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-40:active { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-40:disabled { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-40:focus-within { max-height: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-xl-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-w-44:hover { width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-w-44:focus { width: 11rem; }
  html[data-theme="dark"] .dark-xl-active-w-44:active { width: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-44:disabled { width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-44:focus-visible { width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-44:focus-within { width: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-xl-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-h-44:hover { height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-h-44:focus { height: 11rem; }
  html[data-theme="dark"] .dark-xl-active-h-44:active { height: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-44:disabled { height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-44:focus-visible { height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-44:focus-within { height: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-xl-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-44:hover { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-44:focus { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-44:active { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-44:disabled { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-44:focus-within { min-width: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-xl-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-44:hover { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-44:focus { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-44:active { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-44:disabled { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-44:focus-within { max-width: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-xl-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-44:hover { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-44:focus { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-44:active { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-44:disabled { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-44:focus-within { min-height: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-xl-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-44:hover { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-44:focus { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-44:active { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-44:disabled { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-44:focus-within { max-height: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-xl-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-w-48:hover { width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-w-48:focus { width: 12rem; }
  html[data-theme="dark"] .dark-xl-active-w-48:active { width: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-48:disabled { width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-48:focus-visible { width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-48:focus-within { width: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-xl-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-h-48:hover { height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-h-48:focus { height: 12rem; }
  html[data-theme="dark"] .dark-xl-active-h-48:active { height: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-48:disabled { height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-48:focus-visible { height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-48:focus-within { height: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-xl-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-48:hover { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-48:focus { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-48:active { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-48:disabled { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-48:focus-within { min-width: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-xl-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-48:hover { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-48:focus { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-48:active { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-48:disabled { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-48:focus-within { max-width: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-xl-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-48:hover { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-48:focus { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-48:active { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-48:disabled { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-48:focus-within { min-height: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-xl-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-48:hover { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-48:focus { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-48:active { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-48:disabled { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-48:focus-within { max-height: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-xl-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-w-52:hover { width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-w-52:focus { width: 13rem; }
  html[data-theme="dark"] .dark-xl-active-w-52:active { width: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-52:disabled { width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-52:focus-visible { width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-52:focus-within { width: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-xl-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-h-52:hover { height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-h-52:focus { height: 13rem; }
  html[data-theme="dark"] .dark-xl-active-h-52:active { height: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-52:disabled { height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-52:focus-visible { height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-52:focus-within { height: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-xl-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-52:hover { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-52:focus { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-52:active { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-52:disabled { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-52:focus-within { min-width: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-xl-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-52:hover { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-52:focus { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-52:active { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-52:disabled { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-52:focus-within { max-width: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-xl-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-52:hover { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-52:focus { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-52:active { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-52:disabled { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-52:focus-within { min-height: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-xl-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-52:hover { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-52:focus { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-52:active { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-52:disabled { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-52:focus-within { max-height: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-xl-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-w-56:hover { width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-w-56:focus { width: 14rem; }
  html[data-theme="dark"] .dark-xl-active-w-56:active { width: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-56:disabled { width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-56:focus-visible { width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-56:focus-within { width: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-xl-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-h-56:hover { height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-h-56:focus { height: 14rem; }
  html[data-theme="dark"] .dark-xl-active-h-56:active { height: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-56:disabled { height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-56:focus-visible { height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-56:focus-within { height: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-xl-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-56:hover { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-56:focus { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-56:active { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-56:disabled { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-56:focus-within { min-width: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-xl-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-56:hover { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-56:focus { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-56:active { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-56:disabled { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-56:focus-within { max-width: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-xl-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-56:hover { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-56:focus { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-56:active { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-56:disabled { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-56:focus-within { min-height: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-xl-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-56:hover { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-56:focus { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-56:active { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-56:disabled { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-56:focus-within { max-height: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-xl-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-w-60:hover { width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-w-60:focus { width: 15rem; }
  html[data-theme="dark"] .dark-xl-active-w-60:active { width: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-60:disabled { width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-60:focus-visible { width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-60:focus-within { width: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-xl-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-h-60:hover { height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-h-60:focus { height: 15rem; }
  html[data-theme="dark"] .dark-xl-active-h-60:active { height: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-60:disabled { height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-60:focus-visible { height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-60:focus-within { height: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-xl-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-60:hover { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-60:focus { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-60:active { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-60:disabled { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-60:focus-within { min-width: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-xl-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-60:hover { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-60:focus { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-60:active { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-60:disabled { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-60:focus-within { max-width: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-xl-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-60:hover { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-60:focus { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-60:active { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-60:disabled { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-60:focus-within { min-height: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-xl-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-60:hover { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-60:focus { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-60:active { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-60:disabled { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-60:focus-within { max-height: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-xl-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-w-64:hover { width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-w-64:focus { width: 16rem; }
  html[data-theme="dark"] .dark-xl-active-w-64:active { width: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-64:disabled { width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-64:focus-visible { width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-64:focus-within { width: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-xl-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-h-64:hover { height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-h-64:focus { height: 16rem; }
  html[data-theme="dark"] .dark-xl-active-h-64:active { height: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-64:disabled { height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-64:focus-visible { height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-64:focus-within { height: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-xl-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-64:hover { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-64:focus { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-64:active { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-64:disabled { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-64:focus-within { min-width: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-xl-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-64:hover { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-64:focus { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-64:active { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-64:disabled { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-64:focus-within { max-width: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-xl-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-64:hover { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-64:focus { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-64:active { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-64:disabled { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-64:focus-within { min-height: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-xl-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-64:hover { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-64:focus { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-64:active { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-64:disabled { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-64:focus-within { max-height: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-xl-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-w-72:hover { width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-w-72:focus { width: 18rem; }
  html[data-theme="dark"] .dark-xl-active-w-72:active { width: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-72:disabled { width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-72:focus-visible { width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-72:focus-within { width: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-xl-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-h-72:hover { height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-h-72:focus { height: 18rem; }
  html[data-theme="dark"] .dark-xl-active-h-72:active { height: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-72:disabled { height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-72:focus-visible { height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-72:focus-within { height: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-xl-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-72:hover { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-72:focus { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-72:active { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-72:disabled { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-72:focus-within { min-width: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-xl-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-72:hover { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-72:focus { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-72:active { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-72:disabled { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-72:focus-within { max-width: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-xl-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-72:hover { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-72:focus { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-72:active { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-72:disabled { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-72:focus-within { min-height: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-xl-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-72:hover { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-72:focus { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-72:active { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-72:disabled { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-72:focus-within { max-height: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-xl-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-w-80:hover { width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-w-80:focus { width: 20rem; }
  html[data-theme="dark"] .dark-xl-active-w-80:active { width: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-80:disabled { width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-80:focus-visible { width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-80:focus-within { width: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-xl-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-h-80:hover { height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-h-80:focus { height: 20rem; }
  html[data-theme="dark"] .dark-xl-active-h-80:active { height: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-80:disabled { height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-80:focus-visible { height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-80:focus-within { height: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-xl-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-80:hover { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-80:focus { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-80:active { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-80:disabled { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-80:focus-within { min-width: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-xl-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-80:hover { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-80:focus { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-80:active { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-80:disabled { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-80:focus-within { max-width: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-xl-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-80:hover { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-80:focus { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-80:active { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-80:disabled { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-80:focus-within { min-height: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-xl-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-80:hover { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-80:focus { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-80:active { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-80:disabled { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-80:focus-within { max-height: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-xl-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-w-96:hover { width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-w-96:focus { width: 24rem; }
  html[data-theme="dark"] .dark-xl-active-w-96:active { width: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-w-96:disabled { width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-96:focus-visible { width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-w-96:focus-within { width: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-xl-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-h-96:hover { height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-h-96:focus { height: 24rem; }
  html[data-theme="dark"] .dark-xl-active-h-96:active { height: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-h-96:disabled { height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-96:focus-visible { height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-h-96:focus-within { height: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-xl-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-min-w-96:hover { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-min-w-96:focus { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-active-min-w-96:active { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-96:disabled { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-96:focus-within { min-width: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-xl-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-max-w-96:hover { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-max-w-96:focus { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-active-max-w-96:active { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-96:disabled { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-96:focus-within { max-width: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-xl-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-min-h-96:hover { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-min-h-96:focus { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-active-min-h-96:active { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-96:disabled { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-96:focus-within { min-height: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-xl-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-max-h-96:hover { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-max-h-96:focus { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-active-max-h-96:active { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-96:disabled { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-96:focus-within { max-height: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-xl-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-w-1\/2:hover { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-w-1\/2:focus { width: 50%; }
  html[data-theme="dark"] .dark-xl-active-w-1\/2:active { width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-w-1\/2:disabled { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-1\/2:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-1\/2:focus-within { width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-xl-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-h-1\/2:hover { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-h-1\/2:focus { height: 50%; }
  html[data-theme="dark"] .dark-xl-active-h-1\/2:active { height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-h-1\/2:disabled { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-1\/2:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-1\/2:focus-within { height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-xl-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-1\/2:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-1\/2:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-active-min-w-1\/2:active { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-1\/2:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-1\/2:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-1\/2:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-active-max-w-1\/2:active { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-1\/2:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-1\/2:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-1\/2:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-active-min-h-1\/2:active { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-1\/2:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-1\/2:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-1\/2:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-active-max-h-1\/2:active { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-1\/2:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-w-1\/3:hover { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-w-1\/3:focus { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-w-1\/3:active { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-w-1\/3:disabled { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-h-1\/3:hover { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-h-1\/3:focus { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-h-1\/3:active { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-h-1\/3:disabled { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-min-w-1\/3:active { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-max-w-1\/3:active { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-xl-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-min-h-1\/3:active { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-active-max-h-1\/3:active { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-xl-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-w-2\/3:hover { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-w-2\/3:focus { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-w-2\/3:active { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-w-2\/3:disabled { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-h-2\/3:hover { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-h-2\/3:focus { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-h-2\/3:active { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-h-2\/3:disabled { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-min-w-2\/3:active { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-max-w-2\/3:active { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-xl-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-min-h-2\/3:active { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-active-max-h-2\/3:active { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-xl-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-w-1\/4:hover { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-w-1\/4:focus { width: 25%; }
  html[data-theme="dark"] .dark-xl-active-w-1\/4:active { width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-w-1\/4:disabled { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-1\/4:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-1\/4:focus-within { width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-xl-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-h-1\/4:hover { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-h-1\/4:focus { height: 25%; }
  html[data-theme="dark"] .dark-xl-active-h-1\/4:active { height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-h-1\/4:disabled { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-1\/4:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-1\/4:focus-within { height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-xl-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-1\/4:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-1\/4:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-active-min-w-1\/4:active { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-1\/4:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-1\/4:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-1\/4:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-active-max-w-1\/4:active { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-1\/4:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-1\/4:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-1\/4:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-active-min-h-1\/4:active { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-1\/4:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-1\/4:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-1\/4:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-active-max-h-1\/4:active { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-1\/4:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-w-3\/4:hover { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-w-3\/4:focus { width: 75%; }
  html[data-theme="dark"] .dark-xl-active-w-3\/4:active { width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-w-3\/4:disabled { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-3\/4:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-3\/4:focus-within { width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-xl-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-h-3\/4:hover { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-h-3\/4:focus { height: 75%; }
  html[data-theme="dark"] .dark-xl-active-h-3\/4:active { height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-h-3\/4:disabled { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-3\/4:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-3\/4:focus-within { height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-xl-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-3\/4:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-3\/4:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-active-min-w-3\/4:active { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-3\/4:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-3\/4:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-3\/4:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-active-max-w-3\/4:active { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-3\/4:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-3\/4:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-3\/4:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-active-min-h-3\/4:active { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-3\/4:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-3\/4:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-3\/4:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-active-max-h-3\/4:active { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-3\/4:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-w-1\/5:hover { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-w-1\/5:focus { width: 20%; }
  html[data-theme="dark"] .dark-xl-active-w-1\/5:active { width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-w-1\/5:disabled { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-1\/5:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-1\/5:focus-within { width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-xl-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-h-1\/5:hover { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-h-1\/5:focus { height: 20%; }
  html[data-theme="dark"] .dark-xl-active-h-1\/5:active { height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-h-1\/5:disabled { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-1\/5:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-1\/5:focus-within { height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-xl-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-1\/5:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-1\/5:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-active-min-w-1\/5:active { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-1\/5:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-1\/5:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-1\/5:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-active-max-w-1\/5:active { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-1\/5:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-1\/5:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-1\/5:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-active-min-h-1\/5:active { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-1\/5:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-1\/5:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-1\/5:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-active-max-h-1\/5:active { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-1\/5:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-w-2\/5:hover { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-w-2\/5:focus { width: 40%; }
  html[data-theme="dark"] .dark-xl-active-w-2\/5:active { width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-w-2\/5:disabled { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-2\/5:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-2\/5:focus-within { width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-xl-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-h-2\/5:hover { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-h-2\/5:focus { height: 40%; }
  html[data-theme="dark"] .dark-xl-active-h-2\/5:active { height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-h-2\/5:disabled { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-2\/5:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-2\/5:focus-within { height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-xl-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-2\/5:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-2\/5:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-active-min-w-2\/5:active { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-2\/5:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-2\/5:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-2\/5:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-active-max-w-2\/5:active { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-2\/5:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-2\/5:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-2\/5:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-active-min-h-2\/5:active { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-2\/5:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-2\/5:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-2\/5:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-active-max-h-2\/5:active { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-2\/5:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-w-3\/5:hover { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-w-3\/5:focus { width: 60%; }
  html[data-theme="dark"] .dark-xl-active-w-3\/5:active { width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-w-3\/5:disabled { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-3\/5:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-3\/5:focus-within { width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-xl-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-h-3\/5:hover { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-h-3\/5:focus { height: 60%; }
  html[data-theme="dark"] .dark-xl-active-h-3\/5:active { height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-h-3\/5:disabled { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-3\/5:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-3\/5:focus-within { height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-xl-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-3\/5:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-3\/5:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-active-min-w-3\/5:active { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-3\/5:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-3\/5:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-3\/5:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-active-max-w-3\/5:active { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-3\/5:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-3\/5:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-3\/5:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-active-min-h-3\/5:active { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-3\/5:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-3\/5:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-3\/5:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-active-max-h-3\/5:active { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-3\/5:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-w-4\/5:hover { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-w-4\/5:focus { width: 80%; }
  html[data-theme="dark"] .dark-xl-active-w-4\/5:active { width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-w-4\/5:disabled { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-4\/5:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-4\/5:focus-within { width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-xl-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-h-4\/5:hover { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-h-4\/5:focus { height: 80%; }
  html[data-theme="dark"] .dark-xl-active-h-4\/5:active { height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-h-4\/5:disabled { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-4\/5:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-4\/5:focus-within { height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-xl-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-4\/5:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-4\/5:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-active-min-w-4\/5:active { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-4\/5:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-4\/5:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-4\/5:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-active-max-w-4\/5:active { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-4\/5:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-4\/5:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-4\/5:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-active-min-h-4\/5:active { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-4\/5:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-4\/5:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-4\/5:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-active-max-h-4\/5:active { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-4\/5:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-xl-hover-w-5p:hover { width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-w-5p:focus { width: 5%; }
  html[data-theme="dark"] .dark-xl-active-w-5p:active { width: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-w-5p:disabled { width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-5p:focus-visible { width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-5p:focus-within { width: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-xl-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-xl-hover-h-5p:hover { height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-h-5p:focus { height: 5%; }
  html[data-theme="dark"] .dark-xl-active-h-5p:active { height: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-h-5p:disabled { height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-5p:focus-visible { height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-5p:focus-within { height: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-xl-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-5p:hover { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-5p:focus { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-active-min-w-5p:active { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-5p:disabled { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-5p:focus-within { min-width: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-xl-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-5p:hover { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-5p:focus { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-active-max-w-5p:active { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-5p:disabled { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-5p:focus-within { max-width: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-xl-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-5p:hover { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-5p:focus { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-active-min-h-5p:active { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-5p:disabled { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-5p:focus-within { min-height: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-xl-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-5p:hover { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-5p:focus { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-active-max-h-5p:active { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-5p:disabled { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-5p:focus-within { max-height: 5%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-xl-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-xl-hover-w-10p:hover { width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-w-10p:focus { width: 10%; }
  html[data-theme="dark"] .dark-xl-active-w-10p:active { width: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-w-10p:disabled { width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-10p:focus-visible { width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-10p:focus-within { width: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-xl-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-xl-hover-h-10p:hover { height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-h-10p:focus { height: 10%; }
  html[data-theme="dark"] .dark-xl-active-h-10p:active { height: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-h-10p:disabled { height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-10p:focus-visible { height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-10p:focus-within { height: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-xl-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-10p:hover { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-10p:focus { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-active-min-w-10p:active { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-10p:disabled { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-10p:focus-within { min-width: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-xl-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-10p:hover { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-10p:focus { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-active-max-w-10p:active { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-10p:disabled { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-10p:focus-within { max-width: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-xl-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-10p:hover { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-10p:focus { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-active-min-h-10p:active { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-10p:disabled { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-10p:focus-within { min-height: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-xl-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-10p:hover { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-10p:focus { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-active-max-h-10p:active { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-10p:disabled { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-10p:focus-within { max-height: 10%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-xl-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-xl-hover-w-15p:hover { width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-w-15p:focus { width: 15%; }
  html[data-theme="dark"] .dark-xl-active-w-15p:active { width: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-w-15p:disabled { width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-15p:focus-visible { width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-15p:focus-within { width: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-xl-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-xl-hover-h-15p:hover { height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-h-15p:focus { height: 15%; }
  html[data-theme="dark"] .dark-xl-active-h-15p:active { height: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-h-15p:disabled { height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-15p:focus-visible { height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-15p:focus-within { height: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-xl-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-15p:hover { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-15p:focus { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-active-min-w-15p:active { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-15p:disabled { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-15p:focus-within { min-width: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-xl-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-15p:hover { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-15p:focus { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-active-max-w-15p:active { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-15p:disabled { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-15p:focus-within { max-width: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-xl-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-15p:hover { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-15p:focus { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-active-min-h-15p:active { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-15p:disabled { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-15p:focus-within { min-height: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-xl-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-15p:hover { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-15p:focus { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-active-max-h-15p:active { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-15p:disabled { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-15p:focus-within { max-height: 15%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-xl-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-w-20p:hover { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-w-20p:focus { width: 20%; }
  html[data-theme="dark"] .dark-xl-active-w-20p:active { width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-w-20p:disabled { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-20p:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-20p:focus-within { width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-xl-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-h-20p:hover { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-h-20p:focus { height: 20%; }
  html[data-theme="dark"] .dark-xl-active-h-20p:active { height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-h-20p:disabled { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-20p:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-20p:focus-within { height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-xl-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-20p:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-20p:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-active-min-w-20p:active { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-20p:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-20p:focus-within { min-width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-xl-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-20p:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-20p:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-active-max-w-20p:active { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-20p:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-20p:focus-within { max-width: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-xl-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-20p:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-20p:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-active-min-h-20p:active { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-20p:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-20p:focus-within { min-height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-xl-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-20p:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-20p:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-active-max-h-20p:active { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-20p:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-20p:focus-within { max-height: 20%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-xl-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-w-25p:hover { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-w-25p:focus { width: 25%; }
  html[data-theme="dark"] .dark-xl-active-w-25p:active { width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-w-25p:disabled { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-25p:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-25p:focus-within { width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-xl-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-h-25p:hover { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-h-25p:focus { height: 25%; }
  html[data-theme="dark"] .dark-xl-active-h-25p:active { height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-h-25p:disabled { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-25p:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-25p:focus-within { height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-xl-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-25p:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-25p:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-active-min-w-25p:active { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-25p:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-25p:focus-within { min-width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-xl-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-25p:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-25p:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-active-max-w-25p:active { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-25p:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-25p:focus-within { max-width: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-xl-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-25p:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-25p:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-active-min-h-25p:active { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-25p:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-25p:focus-within { min-height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-xl-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-25p:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-25p:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-active-max-h-25p:active { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-25p:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-25p:focus-within { max-height: 25%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-xl-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-xl-hover-w-30p:hover { width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-w-30p:focus { width: 30%; }
  html[data-theme="dark"] .dark-xl-active-w-30p:active { width: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-w-30p:disabled { width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-30p:focus-visible { width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-30p:focus-within { width: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-xl-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-xl-hover-h-30p:hover { height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-h-30p:focus { height: 30%; }
  html[data-theme="dark"] .dark-xl-active-h-30p:active { height: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-h-30p:disabled { height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-30p:focus-visible { height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-30p:focus-within { height: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-xl-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-30p:hover { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-30p:focus { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-active-min-w-30p:active { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-30p:disabled { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-30p:focus-within { min-width: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-xl-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-30p:hover { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-30p:focus { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-active-max-w-30p:active { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-30p:disabled { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-30p:focus-within { max-width: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-xl-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-30p:hover { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-30p:focus { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-active-min-h-30p:active { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-30p:disabled { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-30p:focus-within { min-height: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-xl-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-30p:hover { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-30p:focus { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-active-max-h-30p:active { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-30p:disabled { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-30p:focus-within { max-height: 30%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-xl-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-xl-hover-w-35p:hover { width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-w-35p:focus { width: 35%; }
  html[data-theme="dark"] .dark-xl-active-w-35p:active { width: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-w-35p:disabled { width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-35p:focus-visible { width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-35p:focus-within { width: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-xl-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-xl-hover-h-35p:hover { height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-h-35p:focus { height: 35%; }
  html[data-theme="dark"] .dark-xl-active-h-35p:active { height: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-h-35p:disabled { height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-35p:focus-visible { height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-35p:focus-within { height: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-xl-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-35p:hover { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-35p:focus { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-active-min-w-35p:active { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-35p:disabled { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-35p:focus-within { min-width: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-xl-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-35p:hover { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-35p:focus { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-active-max-w-35p:active { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-35p:disabled { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-35p:focus-within { max-width: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-xl-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-35p:hover { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-35p:focus { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-active-min-h-35p:active { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-35p:disabled { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-35p:focus-within { min-height: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-xl-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-35p:hover { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-35p:focus { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-active-max-h-35p:active { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-35p:disabled { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-35p:focus-within { max-height: 35%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-xl-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-w-40p:hover { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-w-40p:focus { width: 40%; }
  html[data-theme="dark"] .dark-xl-active-w-40p:active { width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-w-40p:disabled { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-40p:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-40p:focus-within { width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-xl-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-h-40p:hover { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-h-40p:focus { height: 40%; }
  html[data-theme="dark"] .dark-xl-active-h-40p:active { height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-h-40p:disabled { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-40p:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-40p:focus-within { height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-xl-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-40p:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-40p:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-active-min-w-40p:active { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-40p:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-40p:focus-within { min-width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-xl-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-40p:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-40p:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-active-max-w-40p:active { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-40p:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-40p:focus-within { max-width: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-xl-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-40p:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-40p:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-active-min-h-40p:active { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-40p:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-40p:focus-within { min-height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-xl-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-40p:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-40p:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-active-max-h-40p:active { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-40p:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-40p:focus-within { max-height: 40%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-xl-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-xl-hover-w-45p:hover { width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-w-45p:focus { width: 45%; }
  html[data-theme="dark"] .dark-xl-active-w-45p:active { width: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-w-45p:disabled { width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-45p:focus-visible { width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-45p:focus-within { width: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-xl-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-xl-hover-h-45p:hover { height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-h-45p:focus { height: 45%; }
  html[data-theme="dark"] .dark-xl-active-h-45p:active { height: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-h-45p:disabled { height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-45p:focus-visible { height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-45p:focus-within { height: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-xl-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-45p:hover { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-45p:focus { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-active-min-w-45p:active { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-45p:disabled { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-45p:focus-within { min-width: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-xl-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-45p:hover { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-45p:focus { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-active-max-w-45p:active { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-45p:disabled { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-45p:focus-within { max-width: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-xl-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-45p:hover { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-45p:focus { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-active-min-h-45p:active { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-45p:disabled { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-45p:focus-within { min-height: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-xl-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-45p:hover { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-45p:focus { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-active-max-h-45p:active { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-45p:disabled { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-45p:focus-within { max-height: 45%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-xl-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-w-50p:hover { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-w-50p:focus { width: 50%; }
  html[data-theme="dark"] .dark-xl-active-w-50p:active { width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-w-50p:disabled { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-50p:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-50p:focus-within { width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-xl-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-h-50p:hover { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-h-50p:focus { height: 50%; }
  html[data-theme="dark"] .dark-xl-active-h-50p:active { height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-h-50p:disabled { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-50p:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-50p:focus-within { height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-xl-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-50p:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-50p:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-active-min-w-50p:active { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-50p:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-50p:focus-within { min-width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-xl-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-50p:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-50p:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-active-max-w-50p:active { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-50p:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-50p:focus-within { max-width: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-xl-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-50p:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-50p:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-active-min-h-50p:active { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-50p:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-50p:focus-within { min-height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-xl-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-50p:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-50p:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-active-max-h-50p:active { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-50p:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-50p:focus-within { max-height: 50%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-xl-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-xl-hover-w-55p:hover { width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-w-55p:focus { width: 55%; }
  html[data-theme="dark"] .dark-xl-active-w-55p:active { width: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-w-55p:disabled { width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-55p:focus-visible { width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-55p:focus-within { width: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-xl-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-xl-hover-h-55p:hover { height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-h-55p:focus { height: 55%; }
  html[data-theme="dark"] .dark-xl-active-h-55p:active { height: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-h-55p:disabled { height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-55p:focus-visible { height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-55p:focus-within { height: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-xl-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-55p:hover { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-55p:focus { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-active-min-w-55p:active { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-55p:disabled { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-55p:focus-within { min-width: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-xl-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-55p:hover { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-55p:focus { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-active-max-w-55p:active { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-55p:disabled { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-55p:focus-within { max-width: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-xl-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-55p:hover { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-55p:focus { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-active-min-h-55p:active { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-55p:disabled { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-55p:focus-within { min-height: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-xl-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-55p:hover { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-55p:focus { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-active-max-h-55p:active { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-55p:disabled { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-55p:focus-within { max-height: 55%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-xl-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-w-60p:hover { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-w-60p:focus { width: 60%; }
  html[data-theme="dark"] .dark-xl-active-w-60p:active { width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-w-60p:disabled { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-60p:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-60p:focus-within { width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-xl-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-h-60p:hover { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-h-60p:focus { height: 60%; }
  html[data-theme="dark"] .dark-xl-active-h-60p:active { height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-h-60p:disabled { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-60p:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-60p:focus-within { height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-xl-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-60p:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-60p:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-active-min-w-60p:active { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-60p:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-60p:focus-within { min-width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-xl-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-60p:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-60p:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-active-max-w-60p:active { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-60p:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-60p:focus-within { max-width: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-xl-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-60p:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-60p:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-active-min-h-60p:active { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-60p:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-60p:focus-within { min-height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-xl-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-60p:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-60p:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-active-max-h-60p:active { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-60p:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-60p:focus-within { max-height: 60%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-xl-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-xl-hover-w-65p:hover { width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-w-65p:focus { width: 65%; }
  html[data-theme="dark"] .dark-xl-active-w-65p:active { width: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-w-65p:disabled { width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-65p:focus-visible { width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-65p:focus-within { width: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-xl-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-xl-hover-h-65p:hover { height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-h-65p:focus { height: 65%; }
  html[data-theme="dark"] .dark-xl-active-h-65p:active { height: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-h-65p:disabled { height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-65p:focus-visible { height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-65p:focus-within { height: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-xl-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-65p:hover { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-65p:focus { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-active-min-w-65p:active { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-65p:disabled { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-65p:focus-within { min-width: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-xl-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-65p:hover { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-65p:focus { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-active-max-w-65p:active { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-65p:disabled { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-65p:focus-within { max-width: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-xl-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-65p:hover { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-65p:focus { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-active-min-h-65p:active { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-65p:disabled { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-65p:focus-within { min-height: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-xl-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-65p:hover { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-65p:focus { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-active-max-h-65p:active { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-65p:disabled { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-65p:focus-within { max-height: 65%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-xl-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-xl-hover-w-70p:hover { width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-w-70p:focus { width: 70%; }
  html[data-theme="dark"] .dark-xl-active-w-70p:active { width: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-w-70p:disabled { width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-70p:focus-visible { width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-70p:focus-within { width: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-xl-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-xl-hover-h-70p:hover { height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-h-70p:focus { height: 70%; }
  html[data-theme="dark"] .dark-xl-active-h-70p:active { height: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-h-70p:disabled { height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-70p:focus-visible { height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-70p:focus-within { height: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-xl-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-70p:hover { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-70p:focus { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-active-min-w-70p:active { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-70p:disabled { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-70p:focus-within { min-width: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-xl-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-70p:hover { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-70p:focus { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-active-max-w-70p:active { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-70p:disabled { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-70p:focus-within { max-width: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-xl-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-70p:hover { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-70p:focus { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-active-min-h-70p:active { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-70p:disabled { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-70p:focus-within { min-height: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-xl-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-70p:hover { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-70p:focus { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-active-max-h-70p:active { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-70p:disabled { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-70p:focus-within { max-height: 70%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-xl-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-w-75p:hover { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-w-75p:focus { width: 75%; }
  html[data-theme="dark"] .dark-xl-active-w-75p:active { width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-w-75p:disabled { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-75p:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-75p:focus-within { width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-xl-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-h-75p:hover { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-h-75p:focus { height: 75%; }
  html[data-theme="dark"] .dark-xl-active-h-75p:active { height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-h-75p:disabled { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-75p:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-75p:focus-within { height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-xl-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-75p:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-75p:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-active-min-w-75p:active { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-75p:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-75p:focus-within { min-width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-xl-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-75p:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-75p:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-active-max-w-75p:active { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-75p:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-75p:focus-within { max-width: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-xl-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-75p:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-75p:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-active-min-h-75p:active { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-75p:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-75p:focus-within { min-height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-xl-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-75p:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-75p:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-active-max-h-75p:active { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-75p:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-75p:focus-within { max-height: 75%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-xl-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-w-80p:hover { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-w-80p:focus { width: 80%; }
  html[data-theme="dark"] .dark-xl-active-w-80p:active { width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-w-80p:disabled { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-80p:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-80p:focus-within { width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-xl-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-h-80p:hover { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-h-80p:focus { height: 80%; }
  html[data-theme="dark"] .dark-xl-active-h-80p:active { height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-h-80p:disabled { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-80p:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-80p:focus-within { height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-xl-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-80p:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-80p:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-active-min-w-80p:active { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-80p:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-80p:focus-within { min-width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-xl-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-80p:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-80p:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-active-max-w-80p:active { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-80p:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-80p:focus-within { max-width: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-xl-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-80p:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-80p:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-active-min-h-80p:active { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-80p:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-80p:focus-within { min-height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-xl-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-80p:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-80p:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-active-max-h-80p:active { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-80p:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-80p:focus-within { max-height: 80%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-xl-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-xl-hover-w-85p:hover { width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-w-85p:focus { width: 85%; }
  html[data-theme="dark"] .dark-xl-active-w-85p:active { width: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-w-85p:disabled { width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-85p:focus-visible { width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-85p:focus-within { width: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-xl-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-xl-hover-h-85p:hover { height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-h-85p:focus { height: 85%; }
  html[data-theme="dark"] .dark-xl-active-h-85p:active { height: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-h-85p:disabled { height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-85p:focus-visible { height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-85p:focus-within { height: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-xl-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-85p:hover { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-85p:focus { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-active-min-w-85p:active { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-85p:disabled { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-85p:focus-within { min-width: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-xl-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-85p:hover { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-85p:focus { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-active-max-w-85p:active { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-85p:disabled { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-85p:focus-within { max-width: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-xl-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-85p:hover { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-85p:focus { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-active-min-h-85p:active { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-85p:disabled { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-85p:focus-within { min-height: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-xl-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-85p:hover { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-85p:focus { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-active-max-h-85p:active { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-85p:disabled { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-85p:focus-within { max-height: 85%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-xl-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-xl-hover-w-90p:hover { width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-w-90p:focus { width: 90%; }
  html[data-theme="dark"] .dark-xl-active-w-90p:active { width: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-w-90p:disabled { width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-90p:focus-visible { width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-90p:focus-within { width: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-xl-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-xl-hover-h-90p:hover { height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-h-90p:focus { height: 90%; }
  html[data-theme="dark"] .dark-xl-active-h-90p:active { height: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-h-90p:disabled { height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-90p:focus-visible { height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-90p:focus-within { height: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-xl-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-90p:hover { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-90p:focus { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-active-min-w-90p:active { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-90p:disabled { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-90p:focus-within { min-width: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-xl-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-90p:hover { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-90p:focus { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-active-max-w-90p:active { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-90p:disabled { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-90p:focus-within { max-width: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-xl-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-90p:hover { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-90p:focus { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-active-min-h-90p:active { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-90p:disabled { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-90p:focus-within { min-height: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-xl-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-90p:hover { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-90p:focus { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-active-max-h-90p:active { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-90p:disabled { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-90p:focus-within { max-height: 90%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-xl-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-xl-hover-w-95p:hover { width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-w-95p:focus { width: 95%; }
  html[data-theme="dark"] .dark-xl-active-w-95p:active { width: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-w-95p:disabled { width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-95p:focus-visible { width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-95p:focus-within { width: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-xl-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-xl-hover-h-95p:hover { height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-h-95p:focus { height: 95%; }
  html[data-theme="dark"] .dark-xl-active-h-95p:active { height: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-h-95p:disabled { height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-95p:focus-visible { height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-95p:focus-within { height: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-xl-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-95p:hover { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-95p:focus { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-active-min-w-95p:active { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-95p:disabled { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-95p:focus-within { min-width: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-xl-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-95p:hover { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-95p:focus { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-active-max-w-95p:active { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-95p:disabled { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-95p:focus-within { max-width: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-xl-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-95p:hover { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-95p:focus { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-active-min-h-95p:active { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-95p:disabled { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-95p:focus-within { min-height: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-xl-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-95p:hover { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-95p:focus { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-active-max-h-95p:active { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-95p:disabled { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-95p:focus-within { max-height: 95%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-xl-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-w-100p:hover { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-w-100p:focus { width: 100%; }
  html[data-theme="dark"] .dark-xl-active-w-100p:active { width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-w-100p:disabled { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-100p:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-100p:focus-within { width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-xl-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-h-100p:hover { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-h-100p:focus { height: 100%; }
  html[data-theme="dark"] .dark-xl-active-h-100p:active { height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-h-100p:disabled { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-100p:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-100p:focus-within { height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-xl-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-100p:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-100p:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-active-min-w-100p:active { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-100p:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-100p:focus-within { min-width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-100p:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-100p:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-active-max-w-100p:active { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-100p:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-100p:focus-within { max-width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-100p:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-100p:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-active-min-h-100p:active { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-100p:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-100p:focus-within { min-height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-100p:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-100p:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-active-max-h-100p:active { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-100p:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-100p:focus-within { max-height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-w-10vw:hover { width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-w-10vw:focus { width: 10vw; }
  html[data-theme="dark"] .dark-xl-active-w-10vw:active { width: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-10vw:disabled { width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-10vw:focus-visible { width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-10vw:focus-within { width: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-xl-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-h-10vw:hover { height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-h-10vw:focus { height: 10vw; }
  html[data-theme="dark"] .dark-xl-active-h-10vw:active { height: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-10vw:disabled { height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-10vw:focus-visible { height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-10vw:focus-within { height: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-xl-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-10vw:hover { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-10vw:focus { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-10vw:active { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-10vw:disabled { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-xl-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-10vw:hover { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-10vw:focus { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-10vw:active { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-10vw:disabled { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-xl-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-10vw:hover { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-10vw:focus { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-10vw:active { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-10vw:disabled { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-xl-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-10vw:hover { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-10vw:focus { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-10vw:active { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-10vw:disabled { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-xl-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-w-20vw:hover { width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-w-20vw:focus { width: 20vw; }
  html[data-theme="dark"] .dark-xl-active-w-20vw:active { width: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-20vw:disabled { width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-20vw:focus-visible { width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-20vw:focus-within { width: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-xl-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-h-20vw:hover { height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-h-20vw:focus { height: 20vw; }
  html[data-theme="dark"] .dark-xl-active-h-20vw:active { height: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-20vw:disabled { height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-20vw:focus-visible { height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-20vw:focus-within { height: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-xl-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-20vw:hover { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-20vw:focus { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-20vw:active { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-20vw:disabled { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-xl-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-20vw:hover { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-20vw:focus { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-20vw:active { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-20vw:disabled { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-xl-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-20vw:hover { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-20vw:focus { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-20vw:active { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-20vw:disabled { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-xl-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-20vw:hover { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-20vw:focus { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-20vw:active { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-20vw:disabled { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-xl-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-w-30vw:hover { width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-w-30vw:focus { width: 30vw; }
  html[data-theme="dark"] .dark-xl-active-w-30vw:active { width: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-30vw:disabled { width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-30vw:focus-visible { width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-30vw:focus-within { width: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-xl-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-h-30vw:hover { height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-h-30vw:focus { height: 30vw; }
  html[data-theme="dark"] .dark-xl-active-h-30vw:active { height: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-30vw:disabled { height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-30vw:focus-visible { height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-30vw:focus-within { height: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-xl-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-30vw:hover { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-30vw:focus { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-30vw:active { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-30vw:disabled { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-xl-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-30vw:hover { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-30vw:focus { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-30vw:active { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-30vw:disabled { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-xl-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-30vw:hover { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-30vw:focus { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-30vw:active { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-30vw:disabled { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-xl-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-30vw:hover { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-30vw:focus { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-30vw:active { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-30vw:disabled { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-xl-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-w-40vw:hover { width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-w-40vw:focus { width: 40vw; }
  html[data-theme="dark"] .dark-xl-active-w-40vw:active { width: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-40vw:disabled { width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-40vw:focus-visible { width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-40vw:focus-within { width: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-xl-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-h-40vw:hover { height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-h-40vw:focus { height: 40vw; }
  html[data-theme="dark"] .dark-xl-active-h-40vw:active { height: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-40vw:disabled { height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-40vw:focus-visible { height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-40vw:focus-within { height: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-xl-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-40vw:hover { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-40vw:focus { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-40vw:active { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-40vw:disabled { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-xl-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-40vw:hover { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-40vw:focus { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-40vw:active { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-40vw:disabled { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-xl-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-40vw:hover { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-40vw:focus { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-40vw:active { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-40vw:disabled { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-xl-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-40vw:hover { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-40vw:focus { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-40vw:active { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-40vw:disabled { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-xl-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-w-50vw:hover { width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-w-50vw:focus { width: 50vw; }
  html[data-theme="dark"] .dark-xl-active-w-50vw:active { width: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-50vw:disabled { width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-50vw:focus-visible { width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-50vw:focus-within { width: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-xl-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-h-50vw:hover { height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-h-50vw:focus { height: 50vw; }
  html[data-theme="dark"] .dark-xl-active-h-50vw:active { height: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-50vw:disabled { height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-50vw:focus-visible { height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-50vw:focus-within { height: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-xl-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-50vw:hover { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-50vw:focus { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-50vw:active { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-50vw:disabled { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-xl-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-50vw:hover { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-50vw:focus { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-50vw:active { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-50vw:disabled { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-xl-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-50vw:hover { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-50vw:focus { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-50vw:active { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-50vw:disabled { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-xl-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-50vw:hover { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-50vw:focus { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-50vw:active { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-50vw:disabled { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-xl-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-w-60vw:hover { width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-w-60vw:focus { width: 60vw; }
  html[data-theme="dark"] .dark-xl-active-w-60vw:active { width: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-60vw:disabled { width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-60vw:focus-visible { width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-60vw:focus-within { width: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-xl-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-h-60vw:hover { height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-h-60vw:focus { height: 60vw; }
  html[data-theme="dark"] .dark-xl-active-h-60vw:active { height: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-60vw:disabled { height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-60vw:focus-visible { height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-60vw:focus-within { height: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-xl-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-60vw:hover { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-60vw:focus { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-60vw:active { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-60vw:disabled { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-xl-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-60vw:hover { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-60vw:focus { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-60vw:active { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-60vw:disabled { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-xl-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-60vw:hover { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-60vw:focus { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-60vw:active { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-60vw:disabled { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-xl-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-60vw:hover { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-60vw:focus { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-60vw:active { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-60vw:disabled { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-xl-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-w-70vw:hover { width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-w-70vw:focus { width: 70vw; }
  html[data-theme="dark"] .dark-xl-active-w-70vw:active { width: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-70vw:disabled { width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-70vw:focus-visible { width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-70vw:focus-within { width: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-xl-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-h-70vw:hover { height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-h-70vw:focus { height: 70vw; }
  html[data-theme="dark"] .dark-xl-active-h-70vw:active { height: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-70vw:disabled { height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-70vw:focus-visible { height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-70vw:focus-within { height: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-xl-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-70vw:hover { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-70vw:focus { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-70vw:active { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-70vw:disabled { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-xl-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-70vw:hover { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-70vw:focus { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-70vw:active { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-70vw:disabled { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-xl-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-70vw:hover { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-70vw:focus { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-70vw:active { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-70vw:disabled { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-xl-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-70vw:hover { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-70vw:focus { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-70vw:active { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-70vw:disabled { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-xl-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-w-80vw:hover { width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-w-80vw:focus { width: 80vw; }
  html[data-theme="dark"] .dark-xl-active-w-80vw:active { width: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-80vw:disabled { width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-80vw:focus-visible { width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-80vw:focus-within { width: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-xl-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-h-80vw:hover { height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-h-80vw:focus { height: 80vw; }
  html[data-theme="dark"] .dark-xl-active-h-80vw:active { height: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-80vw:disabled { height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-80vw:focus-visible { height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-80vw:focus-within { height: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-xl-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-80vw:hover { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-80vw:focus { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-80vw:active { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-80vw:disabled { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-xl-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-80vw:hover { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-80vw:focus { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-80vw:active { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-80vw:disabled { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-xl-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-80vw:hover { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-80vw:focus { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-80vw:active { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-80vw:disabled { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-xl-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-80vw:hover { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-80vw:focus { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-80vw:active { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-80vw:disabled { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-xl-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-w-90vw:hover { width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-w-90vw:focus { width: 90vw; }
  html[data-theme="dark"] .dark-xl-active-w-90vw:active { width: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-90vw:disabled { width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-90vw:focus-visible { width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-90vw:focus-within { width: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-xl-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-h-90vw:hover { height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-h-90vw:focus { height: 90vw; }
  html[data-theme="dark"] .dark-xl-active-h-90vw:active { height: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-90vw:disabled { height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-90vw:focus-visible { height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-90vw:focus-within { height: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-xl-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-90vw:hover { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-90vw:focus { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-90vw:active { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-90vw:disabled { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-xl-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-90vw:hover { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-90vw:focus { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-90vw:active { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-90vw:disabled { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-xl-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-90vw:hover { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-90vw:focus { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-90vw:active { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-90vw:disabled { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-xl-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-90vw:hover { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-90vw:focus { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-90vw:active { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-90vw:disabled { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-xl-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-w-100vw:hover { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-w-100vw:focus { width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-w-100vw:active { width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-100vw:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-100vw:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-100vw:focus-within { width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-xl-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-h-100vw:hover { height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-h-100vw:focus { height: 100vw; }
  html[data-theme="dark"] .dark-xl-active-h-100vw:active { height: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-h-100vw:disabled { height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-100vw:focus-visible { height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-h-100vw:focus-within { height: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-xl-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-100vw:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-100vw:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-100vw:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-100vw:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-100vw:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-100vw:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-100vw:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-100vw:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-min-h-100vw:hover { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-min-h-100vw:focus { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-active-min-h-100vw:active { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-100vw:disabled { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-xl-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-max-h-100vw:hover { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-max-h-100vw:focus { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-active-max-h-100vw:active { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-100vw:disabled { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-xl-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-w-fit:hover { width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-w-fit:focus { width: fit-content; }
  html[data-theme="dark"] .dark-xl-active-w-fit:active { width: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-w-fit:disabled { width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-fit:focus-visible { width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-w-fit:focus-within { width: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-xl-w-max { width: max-content; }
  html[data-theme="dark"] .dark-xl-hover-w-max:hover { width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-w-max:focus { width: max-content; }
  html[data-theme="dark"] .dark-xl-active-w-max:active { width: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-w-max:disabled { width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-max:focus-visible { width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-w-max:focus-within { width: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-max { width: max-content; }
  html[data-theme="dark"] .dark-xl-w-min { width: min-content; }
  html[data-theme="dark"] .dark-xl-hover-w-min:hover { width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-w-min:focus { width: min-content; }
  html[data-theme="dark"] .dark-xl-active-w-min:active { width: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-w-min:disabled { width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-min:focus-visible { width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-w-min:focus-within { width: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-min { width: min-content; }
  html[data-theme="dark"] .dark-xl-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-w-minmax:hover { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-w-minmax:focus { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-w-minmax:active { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-w-full { width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-w-full:hover { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-w-full:focus { width: 100%; }
  html[data-theme="dark"] .dark-xl-active-w-full:active { width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-w-full:disabled { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-full:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-w-full:focus-within { width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-full { width: 100%; }
  html[data-theme="dark"] .dark-xl-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-w-screen:hover { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-w-screen:focus { width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-w-screen:active { width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-w-screen:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-w-screen:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-w-screen:focus-within { width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-xl-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-h-fit:hover { height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-h-fit:focus { height: fit-content; }
  html[data-theme="dark"] .dark-xl-active-h-fit:active { height: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-h-fit:disabled { height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-fit:focus-visible { height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-h-fit:focus-within { height: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-xl-h-max { height: max-content; }
  html[data-theme="dark"] .dark-xl-hover-h-max:hover { height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-h-max:focus { height: max-content; }
  html[data-theme="dark"] .dark-xl-active-h-max:active { height: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-h-max:disabled { height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-max:focus-visible { height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-h-max:focus-within { height: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-max { height: max-content; }
  html[data-theme="dark"] .dark-xl-h-min { height: min-content; }
  html[data-theme="dark"] .dark-xl-hover-h-min:hover { height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-h-min:focus { height: min-content; }
  html[data-theme="dark"] .dark-xl-active-h-min:active { height: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-h-min:disabled { height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-min:focus-visible { height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-h-min:focus-within { height: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-min { height: min-content; }
  html[data-theme="dark"] .dark-xl-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-h-minmax:hover { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-h-minmax:focus { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-h-minmax:active { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-h-full { height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-h-full:hover { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-h-full:focus { height: 100%; }
  html[data-theme="dark"] .dark-xl-active-h-full:active { height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-h-full:disabled { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-full:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-h-full:focus-within { height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-full { height: 100%; }
  html[data-theme="dark"] .dark-xl-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-xl-hover-h-screen:hover { height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-h-screen:focus { height: 100vh; }
  html[data-theme="dark"] .dark-xl-active-h-screen:active { height: 100vh; }
  html[data-theme="dark"] .dark-xl-disabled-h-screen:disabled { height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-visible-h-screen:focus-visible { height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-within-h-screen:focus-within { height: 100vh; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-xl-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-min-w-fit:hover { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-min-w-fit:focus { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-active-min-w-fit:active { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-fit:disabled { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-xl-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-hover-min-w-max:hover { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-min-w-max:focus { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-active-min-w-max:active { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-max:disabled { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-max:focus-within { min-width: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-xl-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-hover-min-w-min:hover { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-min-w-min:focus { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-active-min-w-min:active { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-min:disabled { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-min:focus-within { min-width: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-xl-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-min-w-full:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-min-w-full:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-active-min-w-full:active { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-full:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-full:focus-within { min-width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-xl-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-min-w-screen:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-min-w-screen:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-min-w-screen:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-min-w-screen:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-xl-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-min-h-fit:hover { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-min-h-fit:focus { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-active-min-h-fit:active { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-fit:disabled { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-xl-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-hover-min-h-max:hover { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-min-h-max:focus { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-active-min-h-max:active { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-max:disabled { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-max:focus-within { min-height: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-xl-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-hover-min-h-min:hover { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-min-h-min:focus { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-active-min-h-min:active { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-min:disabled { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-min:focus-within { min-height: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-xl-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-min-h-full:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-min-h-full:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-active-min-h-full:active { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-full:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-full:focus-within { min-height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-xl-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-hover-min-h-screen:hover { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-min-h-screen:focus { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-active-min-h-screen:active { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-disabled-min-h-screen:disabled { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-xl-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-max-w-fit:hover { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-max-w-fit:focus { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-active-max-w-fit:active { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-fit:disabled { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-xl-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-hover-max-w-max:hover { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-max-w-max:focus { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-active-max-w-max:active { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-max:disabled { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-max:focus-within { max-width: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-xl-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-hover-max-w-min:hover { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-max-w-min:focus { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-active-max-w-min:active { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-min:disabled { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-min:focus-within { max-width: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-xl-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-hover-max-w-full:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-max-w-full:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-active-max-w-full:active { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-full:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-full:focus-within { max-width: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-xl-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-hover-max-w-screen:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-max-w-screen:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-active-max-w-screen:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-disabled-max-w-screen:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-xl-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-hover-max-h-fit:hover { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-max-h-fit:focus { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-active-max-h-fit:active { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-fit:disabled { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-xl-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-hover-max-h-max:hover { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-max-h-max:focus { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-active-max-h-max:active { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-max:disabled { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-max:focus-within { max-height: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-xl-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-hover-max-h-min:hover { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-max-h-min:focus { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-active-max-h-min:active { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-min:disabled { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-min:focus-within { max-height: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-xl-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-xl-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-hover-max-h-full:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-max-h-full:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-active-max-h-full:active { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-full:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-full:focus-within { max-height: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-xl-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-hover-max-h-screen:hover { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-max-h-screen:focus { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-active-max-h-screen:active { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-disabled-max-h-screen:disabled { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-xl-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-hover-size-0:hover { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-focus-size-0:focus { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-active-size-0:active { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-disabled-size-0:disabled { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-size-0:focus-within { width: 0; height: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-xl-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-xl-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-xl-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-xl-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-size-4:hover { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-size-4:focus { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-active-size-4:active { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-xl-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-xl-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-xl-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-xl-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-size-8:hover { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-size-8:focus { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-active-size-8:active { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-xl-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-xl-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-xl-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-xl-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-size-12:hover { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-size-12:focus { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-active-size-12:active { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-xl-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-xl-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-size-16:hover { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-size-16:focus { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-active-size-16:active { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-xl-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-size-20:hover { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-size-20:focus { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-active-size-20:active { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-xl-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-size-24:hover { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-size-24:focus { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-active-size-24:active { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-xl-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-size-28:hover { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-size-28:focus { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-active-size-28:active { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-xl-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-size-32:hover { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-size-32:focus { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-active-size-32:active { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-xl-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-hover-size-36:hover { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-size-36:focus { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-active-size-36:active { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-xl-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-hover-size-40:hover { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-size-40:focus { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-active-size-40:active { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-xl-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-hover-size-44:hover { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-size-44:focus { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-active-size-44:active { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-xl-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-hover-size-48:hover { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-size-48:focus { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-active-size-48:active { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-xl-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-hover-size-52:hover { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-size-52:focus { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-active-size-52:active { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-xl-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-hover-size-56:hover { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-size-56:focus { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-active-size-56:active { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-xl-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-hover-size-60:hover { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-size-60:focus { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-active-size-60:active { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-xl-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-hover-size-64:hover { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-size-64:focus { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-active-size-64:active { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-xl-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-hover-size-72:hover { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-size-72:focus { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-active-size-72:active { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-xl-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-hover-size-80:hover { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-size-80:focus { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-active-size-80:active { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-xl-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-hover-size-96:hover { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-size-96:focus { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-active-size-96:active { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-xl-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-xl-hover-font-size-auto:hover { font-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-font-size-auto:focus { font-size: auto; }
  html[data-theme="dark"] .dark-xl-active-font-size-auto:active { font-size: auto; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-auto:disabled { font-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-auto:focus-within { font-size: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-xl-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-xl-hover-font-size-0:hover { font-size: 0; }
  html[data-theme="dark"] .dark-xl-focus-font-size-0:focus { font-size: 0; }
  html[data-theme="dark"] .dark-xl-active-font-size-0:active { font-size: 0; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-0:disabled { font-size: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-0:focus-visible { font-size: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-0:focus-within { font-size: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-xl-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-1:hover { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-1:focus { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-1:active { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-1:disabled { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-xl-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-2:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-2:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-2:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-2:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-3:hover { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-3:focus { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-3:active { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-3:disabled { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-xl-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-4:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-4:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-4:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-4:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-4:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-5:hover { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-5:focus { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-5:active { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-5:disabled { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-xl-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-6:hover { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-6:focus { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-6:active { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-6:disabled { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-xl-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-7:hover { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-7:focus { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-7:active { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-7:disabled { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-xl-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-8:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-8:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-8:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-8:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-8:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-9:hover { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-9:focus { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-9:active { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-9:disabled { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-xl-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-10:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-10:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-10:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-10:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-12:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-12:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-12:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-12:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-12:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-14:hover { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-14:focus { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-14:active { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-14:disabled { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-xl-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-16:hover { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-16:focus { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-16:active { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-16:disabled { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-16:focus-within { font-size: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-xl-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-18:hover { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-18:focus { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-18:active { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-18:disabled { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-xl-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-20:hover { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-20:focus { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-20:active { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-20:disabled { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-20:focus-within { font-size: 5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-xl-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-24:hover { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-24:focus { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-24:active { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-24:disabled { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-24:focus-within { font-size: 6rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-xl-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-28:hover { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-28:focus { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-28:active { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-28:disabled { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-28:focus-within { font-size: 7rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-xl-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-hover-font-size-32:hover { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-font-size-32:focus { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-active-font-size-32:active { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-disabled-font-size-32:disabled { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-focus-within-font-size-32:focus-within { font-size: 8rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-xl-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-xl-hover-font-style-normal:hover { font-style: normal; }
  html[data-theme="dark"] .dark-xl-focus-font-style-normal:focus { font-style: normal; }
  html[data-theme="dark"] .dark-xl-active-font-style-normal:active { font-style: normal; }
  html[data-theme="dark"] .dark-xl-disabled-font-style-normal:disabled { font-style: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-font-style-normal:focus-within { font-style: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-xl-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-xl-hover-font-style-italic:hover { font-style: italic; }
  html[data-theme="dark"] .dark-xl-focus-font-style-italic:focus { font-style: italic; }
  html[data-theme="dark"] .dark-xl-active-font-style-italic:active { font-style: italic; }
  html[data-theme="dark"] .dark-xl-disabled-font-style-italic:disabled { font-style: italic; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  html[data-theme="dark"] .dark-xl-focus-within-font-style-italic:focus-within { font-style: italic; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-xl-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-hover-font-style-oblique:hover { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-focus-font-style-oblique:focus { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-active-font-style-oblique:active { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-disabled-font-style-oblique:disabled { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-xl-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-xl-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-xl-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-thin:hover { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-thin:focus { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-active-font-weight-thin:active { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-thin:disabled { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-xl-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-extralight:hover { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-extralight:focus { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-active-font-weight-extralight:active { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-extralight:disabled { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-xl-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-light:hover { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-light:focus { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-active-font-weight-light:active { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-light:disabled { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-light:focus-within { font-weight: 300; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-xl-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-regular:hover { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-regular:focus { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-active-font-weight-regular:active { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-regular:disabled { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-xl-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-medium:hover { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-medium:focus { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-active-font-weight-medium:active { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-medium:disabled { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-xl-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-semibold:hover { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-semibold:focus { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-active-font-weight-semibold:active { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-semibold:disabled { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-xl-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-bold:hover { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-bold:focus { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-active-font-weight-bold:active { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-bold:disabled { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-xl-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-extrabold:hover { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-extrabold:focus { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-active-font-weight-extrabold:active { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-xl-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-hover-font-weight-ultrabold:hover { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-focus-font-weight-ultrabold:focus { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-active-font-weight-ultrabold:active { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-xl-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-xl-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-xl-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-condensed:active { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-xl-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-xl-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-normal:hover { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-normal:focus { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-normal:active { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-xl-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-xl-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-expanded:active { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-xl-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-xl-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-xl-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-xl-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-active-tracking-tighter:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-active-tracking-tight:active { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-xl-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-active-tracking-wide:active { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-xl-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-active-tracking-wider:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-active-tracking-widest:active { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-xl-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-hover-decoration-solid:hover { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-decoration-solid:focus { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-active-decoration-solid:active { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-xl-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-hover-decoration-double:hover { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-focus-decoration-double:focus { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-active-decoration-double:active { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-double:disabled { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-xl-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-active-decoration-dotted:active { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-xl-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-active-decoration-dashed:active { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-xl-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-active-decoration-wavy:active { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-xl-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-hover-decoration-0:hover { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-focus-decoration-0:focus { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-active-decoration-0:active { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-xl-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-active-decoration-1:active { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-xl-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-active-decoration-2:active { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-xl-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-active-decoration-4:active { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-xl-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-active-decoration-8:active { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-xl-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-hover-underline-offset-0:hover { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-underline-offset-0:focus { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-active-underline-offset-0:active { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-xl-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-active-underline-offset-1:active { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-xl-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-active-underline-offset-2:active { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-active-underline-offset-4:active { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-active-underline-offset-8:active { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-xl-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-text-xs:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-text-xs:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-text-xs:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-xs:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-xl-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-text-sm:hover { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-text-sm:focus { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-text-sm:active { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-sm:disabled { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-xl-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-text-base:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-text-base:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-active-text-base:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-base:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-base:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-base:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-xl-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-text-lg:hover { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-text-lg:focus { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-text-lg:active { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-lg:disabled { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-xl-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-text-xl:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-text-xl:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-active-text-xl:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-xl:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-xl:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-xl-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-hover-text-2xl:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-text-2xl:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-active-text-2xl:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-2xl:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-xl-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-text-3xl:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-text-3xl:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-active-text-3xl:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-text-3xl:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-text-3xl:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-xl-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-hover-indent-0:hover { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-focus-indent-0:focus { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-active-indent-0:active { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-disabled-indent-0:disabled { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-indent-0:focus-visible { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-indent-0:focus-within { text-indent: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-xl-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-indent-1:hover { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-indent-1:focus { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-indent-1:active { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-indent-1:disabled { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-xl-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-indent-2:hover { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-indent-2:focus { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-indent-2:active { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-indent-2:disabled { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-xl-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-indent-4:hover { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-indent-4:focus { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-active-indent-4:active { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-indent-4:disabled { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-indent-4:focus-within { text-indent: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-xl-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-indent-8:hover { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-indent-8:focus { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-active-indent-8:active { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-indent-8:disabled { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-indent-8:focus-within { text-indent: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-xl-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-xl-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-xl-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-xl-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-xl-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-xl-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-xl-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-xl-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-xl-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-xl-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-xl-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-xl-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-xl-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-xl-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-xl-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-xl-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-xl-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-xl-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-xl-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-active-bg-attachment-fixed:active { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-xl-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-hover-bg-attachment-local:hover { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-focus-bg-attachment-local:focus { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-active-bg-attachment-local:active { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-disabled-bg-attachment-local:disabled { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-xl-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-active-bg-attachment-scroll:active { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-xl-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-clip-border:hover { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-clip-border:focus { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-active-bg-clip-border:active { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-clip-border:disabled { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-xl-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-clip-padding:hover { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-clip-padding:focus { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-active-bg-clip-padding:active { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-xl-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-clip-content:hover { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-clip-content:focus { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-active-bg-clip-content:active { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-clip-content:disabled { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-xl-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-hover-bg-color-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-bg-color-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-active-bg-color-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-disabled-bg-color-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-xl-hover-bg-color-black:hover { background-color: #000; }
  html[data-theme="dark"] .dark-xl-focus-bg-color-black:focus { background-color: #000; }
  html[data-theme="dark"] .dark-xl-active-bg-color-black:active { background-color: #000; }
  html[data-theme="dark"] .dark-xl-disabled-bg-color-black:disabled { background-color: #000; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-color-black:focus-within { background-color: #000; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-xl-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-hover-bg-color-white:hover { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-focus-bg-color-white:focus { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-active-bg-color-white:active { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-disabled-bg-color-white:disabled { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-color-white:focus-within { background-color: #fff; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-xl-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-xl-hover-bg-image-none:hover { background-image: none; }
  html[data-theme="dark"] .dark-xl-focus-bg-image-none:focus { background-image: none; }
  html[data-theme="dark"] .dark-xl-active-bg-image-none:active { background-image: none; }
  html[data-theme="dark"] .dark-xl-disabled-bg-image-none:disabled { background-image: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-image-none:focus-visible { background-image: none; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-image-none:focus-within { background-image: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-xl-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-xl-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-origin-border:hover { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-origin-border:focus { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-active-bg-origin-border:active { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-origin-border:disabled { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-xl-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-origin-padding:hover { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-origin-padding:focus { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-active-bg-origin-padding:active { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-xl-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-hover-bg-origin-content:hover { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-focus-bg-origin-content:focus { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-active-bg-origin-content:active { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-disabled-bg-origin-content:disabled { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-xl-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-center:hover { background-position: center; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-center:focus { background-position: center; }
  html[data-theme="dark"] .dark-xl-active-bg-position-center:active { background-position: center; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-center:disabled { background-position: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-center:focus-visible { background-position: center; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-center:focus-within { background-position: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-xl-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-top:hover { background-position: top; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-top:focus { background-position: top; }
  html[data-theme="dark"] .dark-xl-active-bg-position-top:active { background-position: top; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-top:disabled { background-position: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-top:focus-visible { background-position: top; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-top:focus-within { background-position: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-xl-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-bottom:hover { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-bottom:focus { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-active-bg-position-bottom:active { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-bottom:disabled { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-xl-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-left:hover { background-position: left; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-left:focus { background-position: left; }
  html[data-theme="dark"] .dark-xl-active-bg-position-left:active { background-position: left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-left:disabled { background-position: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-left:focus-visible { background-position: left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-left:focus-within { background-position: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-xl-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-right:hover { background-position: right; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-right:focus { background-position: right; }
  html[data-theme="dark"] .dark-xl-active-bg-position-right:active { background-position: right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-right:disabled { background-position: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-right:focus-visible { background-position: right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-right:focus-within { background-position: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-xl-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-top-left:hover { background-position: top left; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-top-left:focus { background-position: top left; }
  html[data-theme="dark"] .dark-xl-active-bg-position-top-left:active { background-position: top left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-top-left:disabled { background-position: top left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-xl-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-top-right:hover { background-position: top right; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-top-right:focus { background-position: top right; }
  html[data-theme="dark"] .dark-xl-active-bg-position-top-right:active { background-position: top right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-top-right:disabled { background-position: top right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-xl-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-active-bg-position-bottom-left:active { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-xl-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-active-bg-position-bottom-right:active { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-xl-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat-none:active { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-xl-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat-x:active { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-xl-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat-y:active { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-xl-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat:hover { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat:focus { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat:active { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat:disabled { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-xl-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat-round:hover { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat-round:focus { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat-round:active { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat-round:disabled { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-xl-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-hover-bg-repeat-space:hover { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-focus-bg-repeat-space:focus { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-active-bg-repeat-space:active { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-disabled-bg-repeat-space:disabled { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-xl-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-xl-hover-bg-size-auto:hover { background-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-bg-size-auto:focus { background-size: auto; }
  html[data-theme="dark"] .dark-xl-active-bg-size-auto:active { background-size: auto; }
  html[data-theme="dark"] .dark-xl-disabled-bg-size-auto:disabled { background-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-size-auto:focus-within { background-size: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-xl-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-xl-hover-bg-size-cover:hover { background-size: cover; }
  html[data-theme="dark"] .dark-xl-focus-bg-size-cover:focus { background-size: cover; }
  html[data-theme="dark"] .dark-xl-active-bg-size-cover:active { background-size: cover; }
  html[data-theme="dark"] .dark-xl-disabled-bg-size-cover:disabled { background-size: cover; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-size-cover:focus-within { background-size: cover; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-xl-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-xl-hover-bg-size-contain:hover { background-size: contain; }
  html[data-theme="dark"] .dark-xl-focus-bg-size-contain:focus { background-size: contain; }
  html[data-theme="dark"] .dark-xl-active-bg-size-contain:active { background-size: contain; }
  html[data-theme="dark"] .dark-xl-disabled-bg-size-contain:disabled { background-size: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-size-contain:focus-within { background-size: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-xl-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-hover-fill-current:hover { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-fill-current:focus { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-active-fill-current:active { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-disabled-fill-current:disabled { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-visible-fill-current:focus-visible { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-within-fill-current:focus-within { fill: currentColor; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-xl-fill-none { fill: none; }
  html[data-theme="dark"] .dark-xl-hover-fill-none:hover { fill: none; }
  html[data-theme="dark"] .dark-xl-focus-fill-none:focus { fill: none; }
  html[data-theme="dark"] .dark-xl-active-fill-none:active { fill: none; }
  html[data-theme="dark"] .dark-xl-disabled-fill-none:disabled { fill: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-fill-none:focus-visible { fill: none; }
  html[data-theme="dark"] .dark-xl-focus-within-fill-none:focus-within { fill: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-fill-none { fill: none; }
  html[data-theme="dark"] .dark-xl-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-hover-stroke-current:hover { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-stroke-current:focus { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-active-stroke-current:active { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-current:disabled { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-current:focus-within { stroke: currentColor; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-xl-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-hover-stroke-0:hover { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-stroke-0:focus { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-active-stroke-0:active { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-0:disabled { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-0:focus-within { stroke-width: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-xl-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-hover-stroke-1:hover { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-focus-stroke-1:focus { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-active-stroke-1:active { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-1:disabled { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-1:focus-within { stroke-width: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-xl-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-hover-stroke-2:hover { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-focus-stroke-2:focus { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-active-stroke-2:active { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-2:disabled { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-2:focus-within { stroke-width: 2; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-xl-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-hover-stroke-4:hover { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-focus-stroke-4:focus { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-active-stroke-4:active { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-4:disabled { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-4:focus-within { stroke-width: 4; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-xl-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-hover-stroke-8:hover { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-focus-stroke-8:focus { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-active-stroke-8:active { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-disabled-stroke-8:disabled { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-focus-within-stroke-8:focus-within { stroke-width: 8; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-xl-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-xl-hover-line-height-1:hover { line-height: 1; }
  html[data-theme="dark"] .dark-xl-focus-line-height-1:focus { line-height: 1; }
  html[data-theme="dark"] .dark-xl-active-line-height-1:active { line-height: 1; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-1:disabled { line-height: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-1:focus-visible { line-height: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-1:focus-within { line-height: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-xl-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-hover-line-height-2:hover { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-focus-line-height-2:focus { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-active-line-height-2:active { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-2:disabled { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-2:focus-within { line-height: 1.25; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-xl-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-hover-line-height-3:hover { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-focus-line-height-3:focus { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-active-line-height-3:active { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-3:disabled { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-3:focus-within { line-height: 1.375; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-xl-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-hover-line-height-4:hover { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-focus-line-height-4:focus { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-active-line-height-4:active { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-4:disabled { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-4:focus-within { line-height: 1.5; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-xl-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-hover-line-height-5:hover { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-focus-line-height-5:focus { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-active-line-height-5:active { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-5:disabled { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-5:focus-within { line-height: 1.625; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-xl-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-hover-line-height-6:hover { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-focus-line-height-6:focus { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-active-line-height-6:active { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-6:disabled { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-6:focus-within { line-height: 1.75; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-xl-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-xl-hover-line-height-7:hover { line-height: 2; }
  html[data-theme="dark"] .dark-xl-focus-line-height-7:focus { line-height: 2; }
  html[data-theme="dark"] .dark-xl-active-line-height-7:active { line-height: 2; }
  html[data-theme="dark"] .dark-xl-disabled-line-height-7:disabled { line-height: 2; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-height-7:focus-visible { line-height: 2; }
  html[data-theme="dark"] .dark-xl-focus-within-line-height-7:focus-within { line-height: 2; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-xl-text-left { text-align: left; }
  html[data-theme="dark"] .dark-xl-hover-text-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-text-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-xl-active-text-left:active { text-align: left; }
  html[data-theme="dark"] .dark-xl-disabled-text-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-within-text-left:focus-within { text-align: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-left { text-align: left; }
  html[data-theme="dark"] .dark-xl-text-center { text-align: center; }
  html[data-theme="dark"] .dark-xl-hover-text-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-text-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-xl-active-text-center:active { text-align: center; }
  html[data-theme="dark"] .dark-xl-disabled-text-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-within-text-center:focus-within { text-align: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-center { text-align: center; }
  html[data-theme="dark"] .dark-xl-text-right { text-align: right; }
  html[data-theme="dark"] .dark-xl-hover-text-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-text-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-xl-active-text-right:active { text-align: right; }
  html[data-theme="dark"] .dark-xl-disabled-text-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-within-text-right:focus-within { text-align: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-right { text-align: right; }
  html[data-theme="dark"] .dark-xl-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-xl-hover-text-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-text-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-xl-active-text-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-xl-disabled-text-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-within-text-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-xl-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-hover-justify-start:hover { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-justify-start:focus { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-active-justify-start:active { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-disabled-justify-start:disabled { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-start:focus-within { justify-content: flex-start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-xl-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-xl-hover-justify-center:hover { justify-content: center; }
  html[data-theme="dark"] .dark-xl-focus-justify-center:focus { justify-content: center; }
  html[data-theme="dark"] .dark-xl-active-justify-center:active { justify-content: center; }
  html[data-theme="dark"] .dark-xl-disabled-justify-center:disabled { justify-content: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-center:focus-visible { justify-content: center; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-center:focus-within { justify-content: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-xl-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-hover-justify-end:hover { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-justify-end:focus { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-active-justify-end:active { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-disabled-justify-end:disabled { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-end:focus-within { justify-content: flex-end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-xl-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-hover-justify-between:hover { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-justify-between:focus { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-active-justify-between:active { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-disabled-justify-between:disabled { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-between:focus-within { justify-content: space-between; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-xl-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-hover-justify-around:hover { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-justify-around:focus { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-active-justify-around:active { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-disabled-justify-around:disabled { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-around:focus-within { justify-content: space-around; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-xl-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-hover-justify-evenly:hover { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-justify-evenly:focus { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-active-justify-evenly:active { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-hover-items-start:hover { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-items-start:focus { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-active-items-start:active { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-disabled-items-start:disabled { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-visible-items-start:focus-visible { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-within-items-start:focus-within { align-items: flex-start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-xl-items-center { align-items: center; }
  html[data-theme="dark"] .dark-xl-hover-items-center:hover { align-items: center; }
  html[data-theme="dark"] .dark-xl-focus-items-center:focus { align-items: center; }
  html[data-theme="dark"] .dark-xl-active-items-center:active { align-items: center; }
  html[data-theme="dark"] .dark-xl-disabled-items-center:disabled { align-items: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-items-center:focus-visible { align-items: center; }
  html[data-theme="dark"] .dark-xl-focus-within-items-center:focus-within { align-items: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-items-center { align-items: center; }
  html[data-theme="dark"] .dark-xl-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-hover-items-end:hover { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-items-end:focus { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-active-items-end:active { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-disabled-items-end:disabled { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-visible-items-end:focus-visible { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-within-items-end:focus-within { align-items: flex-end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-xl-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-hover-items-baseline:hover { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-focus-items-baseline:focus { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-active-items-baseline:active { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-disabled-items-baseline:disabled { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-focus-within-items-baseline:focus-within { align-items: baseline; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-xl-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-hover-items-stretch:hover { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-items-stretch:focus { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-active-items-stretch:active { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-disabled-items-stretch:disabled { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-within-items-stretch:focus-within { align-items: stretch; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-xl-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-hover-content-start:hover { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-content-start:focus { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-active-content-start:active { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-disabled-content-start:disabled { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-start:focus-visible { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-within-content-start:focus-within { align-content: flex-start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-xl-content-center { align-content: center; }
  html[data-theme="dark"] .dark-xl-hover-content-center:hover { align-content: center; }
  html[data-theme="dark"] .dark-xl-focus-content-center:focus { align-content: center; }
  html[data-theme="dark"] .dark-xl-active-content-center:active { align-content: center; }
  html[data-theme="dark"] .dark-xl-disabled-content-center:disabled { align-content: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-center:focus-visible { align-content: center; }
  html[data-theme="dark"] .dark-xl-focus-within-content-center:focus-within { align-content: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-center { align-content: center; }
  html[data-theme="dark"] .dark-xl-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-hover-content-end:hover { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-content-end:focus { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-active-content-end:active { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-disabled-content-end:disabled { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-end:focus-visible { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-within-content-end:focus-within { align-content: flex-end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-xl-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-hover-content-between:hover { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-content-between:focus { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-active-content-between:active { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-disabled-content-between:disabled { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-between:focus-visible { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-within-content-between:focus-within { align-content: space-between; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-xl-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-hover-content-around:hover { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-content-around:focus { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-active-content-around:active { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-disabled-content-around:disabled { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-around:focus-visible { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-within-content-around:focus-within { align-content: space-around; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-xl-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-hover-content-evenly:hover { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-content-evenly:focus { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-active-content-evenly:active { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-disabled-content-evenly:disabled { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-xl-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-xl-hover-self-auto:hover { align-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-self-auto:focus { align-self: auto; }
  html[data-theme="dark"] .dark-xl-active-self-auto:active { align-self: auto; }
  html[data-theme="dark"] .dark-xl-disabled-self-auto:disabled { align-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-self-auto:focus-visible { align-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-self-auto:focus-within { align-self: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-xl-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-hover-self-start:hover { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-self-start:focus { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-active-self-start:active { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-disabled-self-start:disabled { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-visible-self-start:focus-visible { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-focus-within-self-start:focus-within { align-self: flex-start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-xl-self-center { align-self: center; }
  html[data-theme="dark"] .dark-xl-hover-self-center:hover { align-self: center; }
  html[data-theme="dark"] .dark-xl-focus-self-center:focus { align-self: center; }
  html[data-theme="dark"] .dark-xl-active-self-center:active { align-self: center; }
  html[data-theme="dark"] .dark-xl-disabled-self-center:disabled { align-self: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-self-center:focus-visible { align-self: center; }
  html[data-theme="dark"] .dark-xl-focus-within-self-center:focus-within { align-self: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-self-center { align-self: center; }
  html[data-theme="dark"] .dark-xl-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-hover-self-end:hover { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-self-end:focus { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-active-self-end:active { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-disabled-self-end:disabled { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-visible-self-end:focus-visible { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-focus-within-self-end:focus-within { align-self: flex-end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-xl-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-hover-self-stretch:hover { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-focus-self-stretch:focus { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-active-self-stretch:active { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-disabled-self-stretch:disabled { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-focus-within-self-stretch:focus-within { align-self: stretch; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-xl-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-xl-hover-place-items-start:hover { place-items: start; }
  html[data-theme="dark"] .dark-xl-focus-place-items-start:focus { place-items: start; }
  html[data-theme="dark"] .dark-xl-active-place-items-start:active { place-items: start; }
  html[data-theme="dark"] .dark-xl-disabled-place-items-start:disabled { place-items: start; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-items-start:focus-visible { place-items: start; }
  html[data-theme="dark"] .dark-xl-focus-within-place-items-start:focus-within { place-items: start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-xl-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-xl-hover-place-items-center:hover { place-items: center; }
  html[data-theme="dark"] .dark-xl-focus-place-items-center:focus { place-items: center; }
  html[data-theme="dark"] .dark-xl-active-place-items-center:active { place-items: center; }
  html[data-theme="dark"] .dark-xl-disabled-place-items-center:disabled { place-items: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-items-center:focus-visible { place-items: center; }
  html[data-theme="dark"] .dark-xl-focus-within-place-items-center:focus-within { place-items: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-xl-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-xl-hover-place-items-end:hover { place-items: end; }
  html[data-theme="dark"] .dark-xl-focus-place-items-end:focus { place-items: end; }
  html[data-theme="dark"] .dark-xl-active-place-items-end:active { place-items: end; }
  html[data-theme="dark"] .dark-xl-disabled-place-items-end:disabled { place-items: end; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-items-end:focus-visible { place-items: end; }
  html[data-theme="dark"] .dark-xl-focus-within-place-items-end:focus-within { place-items: end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-xl-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-hover-place-items-stretch:hover { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-place-items-stretch:focus { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-active-place-items-stretch:active { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-disabled-place-items-stretch:disabled { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-xl-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-xl-hover-place-content-start:hover { place-content: start; }
  html[data-theme="dark"] .dark-xl-focus-place-content-start:focus { place-content: start; }
  html[data-theme="dark"] .dark-xl-active-place-content-start:active { place-content: start; }
  html[data-theme="dark"] .dark-xl-disabled-place-content-start:disabled { place-content: start; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-content-start:focus-visible { place-content: start; }
  html[data-theme="dark"] .dark-xl-focus-within-place-content-start:focus-within { place-content: start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-xl-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-xl-hover-place-content-center:hover { place-content: center; }
  html[data-theme="dark"] .dark-xl-focus-place-content-center:focus { place-content: center; }
  html[data-theme="dark"] .dark-xl-active-place-content-center:active { place-content: center; }
  html[data-theme="dark"] .dark-xl-disabled-place-content-center:disabled { place-content: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-content-center:focus-visible { place-content: center; }
  html[data-theme="dark"] .dark-xl-focus-within-place-content-center:focus-within { place-content: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-xl-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-xl-hover-place-content-end:hover { place-content: end; }
  html[data-theme="dark"] .dark-xl-focus-place-content-end:focus { place-content: end; }
  html[data-theme="dark"] .dark-xl-active-place-content-end:active { place-content: end; }
  html[data-theme="dark"] .dark-xl-disabled-place-content-end:disabled { place-content: end; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-content-end:focus-visible { place-content: end; }
  html[data-theme="dark"] .dark-xl-focus-within-place-content-end:focus-within { place-content: end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-xl-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-hover-place-content-between:hover { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-place-content-between:focus { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-active-place-content-between:active { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-disabled-place-content-between:disabled { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-focus-within-place-content-between:focus-within { place-content: space-between; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-xl-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-hover-place-content-around:hover { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-place-content-around:focus { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-active-place-content-around:active { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-disabled-place-content-around:disabled { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-focus-within-place-content-around:focus-within { place-content: space-around; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-xl-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-xl-hover-place-self-auto:hover { place-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-place-self-auto:focus { place-self: auto; }
  html[data-theme="dark"] .dark-xl-active-place-self-auto:active { place-self: auto; }
  html[data-theme="dark"] .dark-xl-disabled-place-self-auto:disabled { place-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-place-self-auto:focus-within { place-self: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-xl-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-xl-hover-place-self-start:hover { place-self: start; }
  html[data-theme="dark"] .dark-xl-focus-place-self-start:focus { place-self: start; }
  html[data-theme="dark"] .dark-xl-active-place-self-start:active { place-self: start; }
  html[data-theme="dark"] .dark-xl-disabled-place-self-start:disabled { place-self: start; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-self-start:focus-visible { place-self: start; }
  html[data-theme="dark"] .dark-xl-focus-within-place-self-start:focus-within { place-self: start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-xl-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-xl-hover-place-self-center:hover { place-self: center; }
  html[data-theme="dark"] .dark-xl-focus-place-self-center:focus { place-self: center; }
  html[data-theme="dark"] .dark-xl-active-place-self-center:active { place-self: center; }
  html[data-theme="dark"] .dark-xl-disabled-place-self-center:disabled { place-self: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-self-center:focus-visible { place-self: center; }
  html[data-theme="dark"] .dark-xl-focus-within-place-self-center:focus-within { place-self: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-xl-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-xl-hover-place-self-end:hover { place-self: end; }
  html[data-theme="dark"] .dark-xl-focus-place-self-end:focus { place-self: end; }
  html[data-theme="dark"] .dark-xl-active-place-self-end:active { place-self: end; }
  html[data-theme="dark"] .dark-xl-disabled-place-self-end:disabled { place-self: end; }
  html[data-theme="dark"] .dark-xl-focus-visible-place-self-end:focus-visible { place-self: end; }
  html[data-theme="dark"] .dark-xl-focus-within-place-self-end:focus-within { place-self: end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-xl-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-hover-text-uppercase:hover { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-focus-text-uppercase:focus { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-active-text-uppercase:active { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-disabled-text-uppercase:disabled { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-xl-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-hover-text-lowercase:hover { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-focus-text-lowercase:focus { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-active-text-lowercase:active { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-disabled-text-lowercase:disabled { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-xl-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-hover-text-capitalize:hover { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-focus-text-capitalize:focus { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-active-text-capitalize:active { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-disabled-text-capitalize:disabled { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-xl-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-active-tracking-tight:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-xl-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-xl-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-active-tracking-wide:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-xl-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-hover-underline:hover { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-focus-underline:focus { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-active-underline:active { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-disabled-underline:disabled { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-focus-visible-underline:focus-visible { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-focus-within-underline:focus-within { text-decoration: underline; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-xl-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-hover-line-through:hover { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-focus-line-through:focus { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-active-line-through:active { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-disabled-line-through:disabled { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-focus-within-line-through:focus-within { text-decoration: line-through; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-xl-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-hover-no-underline:hover { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-focus-no-underline:focus { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-active-no-underline:active { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-disabled-no-underline:disabled { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-no-underline:focus-visible { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-focus-within-no-underline:focus-within { text-decoration: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-xl-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-text-black:hover { color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-text-black:focus { color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-text-black:active { color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-text-black:disabled { color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-black:focus-visible { color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-text-black:focus-within { color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-xl-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-text-white:hover { color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-text-white:focus { color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-text-white:active { color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-text-white:disabled { color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-white:focus-visible { color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-text-white:focus-within { color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-xl-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-text-red-50:hover { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-text-red-50:focus { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-text-red-50:active { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-text-red-100:hover { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-text-red-100:focus { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-text-red-100:active { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-text-red-200:hover { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-text-red-200:focus { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-text-red-200:active { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-text-red-300:hover { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-text-red-300:focus { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-text-red-300:active { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-text-red-400:hover { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-text-red-400:focus { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-text-red-400:active { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-text-red-500:hover { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-text-red-500:focus { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-text-red-500:active { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-text-red-600:hover { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-text-red-600:focus { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-text-red-600:active { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-text-red-700:hover { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-text-red-700:focus { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-text-red-700:active { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-text-red-800:hover { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-text-red-800:focus { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-text-red-800:active { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-text-red-900:hover { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-text-red-900:focus { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-text-red-900:active { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-text-orange-50:active { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-text-orange-100:active { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-text-orange-200:active { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-text-orange-300:active { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-text-orange-400:active { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-text-orange-500:active { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-text-orange-600:active { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-text-orange-700:active { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-text-orange-800:active { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-text-orange-900:active { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-text-teal-50:active { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-text-teal-100:active { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-text-teal-200:active { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-text-teal-300:active { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-text-teal-400:active { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-text-teal-500:active { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-text-teal-600:active { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-text-teal-700:active { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-text-teal-800:active { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-text-teal-900:active { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-text-purple-50:active { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-text-purple-100:active { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-text-purple-200:active { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-text-purple-300:active { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-text-purple-400:active { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-text-purple-500:active { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-text-purple-600:active { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-text-purple-700:active { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-text-purple-800:active { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-text-purple-900:active { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-text-pink-50:active { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-text-pink-100:active { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-text-pink-200:active { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-text-pink-300:active { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-text-pink-400:active { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-text-pink-500:active { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-text-pink-600:active { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-text-pink-700:active { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-text-pink-800:active { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-text-pink-900:active { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-text-grey-50:active { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-text-grey-100:active { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-text-grey-200:active { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-text-grey-300:active { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-text-grey-400:active { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-text-grey-500:active { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-text-grey-600:active { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-text-grey-700:active { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-text-grey-800:active { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-text-grey-900:active { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-text-lime-50:active { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-text-lime-100:active { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-text-lime-200:active { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-text-lime-300:active { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-text-lime-400:active { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-text-lime-500:active { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-text-lime-600:active { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-text-lime-700:active { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-text-lime-800:active { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-text-lime-900:active { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-text-sky-50:active { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-text-sky-100:active { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-text-sky-200:active { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-text-sky-300:active { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-text-sky-400:active { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-text-sky-500:active { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-text-sky-600:active { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-text-sky-700:active { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-text-sky-800:active { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-text-sky-900:active { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-text-violet-50:active { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-text-violet-100:active { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-text-violet-200:active { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-text-violet-300:active { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-text-violet-400:active { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-text-violet-500:active { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-text-violet-600:active { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-text-violet-700:active { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-text-violet-800:active { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-text-violet-900:active { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-text-rose-50:active { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-text-rose-100:active { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-text-rose-200:active { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-text-rose-300:active { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-text-rose-400:active { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-text-rose-500:active { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-text-rose-600:active { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-text-rose-700:active { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-text-rose-800:active { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-text-rose-900:active { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-text-slate-50:active { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-text-slate-100:active { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-text-slate-200:active { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-text-slate-300:active { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-text-slate-400:active { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-text-slate-500:active { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-text-slate-600:active { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-text-slate-700:active { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-text-slate-800:active { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-text-slate-900:active { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-text-blue-50:active { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-text-blue-100:active { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-text-blue-200:active { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-text-blue-300:active { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-text-blue-400:active { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-text-blue-500:active { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-text-blue-600:active { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-text-blue-700:active { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-text-blue-800:active { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-text-blue-900:active { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-text-green-50:hover { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-text-green-50:focus { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-text-green-50:active { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-text-green-100:hover { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-text-green-100:focus { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-text-green-100:active { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-text-green-200:hover { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-text-green-200:focus { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-text-green-200:active { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-text-green-300:hover { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-text-green-300:focus { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-text-green-300:active { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-text-green-400:hover { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-text-green-400:focus { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-text-green-400:active { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-text-green-500:hover { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-text-green-500:focus { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-text-green-500:active { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-text-green-600:hover { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-text-green-600:focus { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-text-green-600:active { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-text-green-700:hover { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-text-green-700:focus { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-text-green-700:active { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-text-green-800:hover { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-text-green-800:focus { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-text-green-800:active { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-text-green-900:hover { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-text-green-900:focus { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-text-green-900:active { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-bg-black:hover { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-bg-black:focus { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-bg-black:active { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-bg-black:disabled { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-black:focus-within { background-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-xl-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-bg-white:hover { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-bg-white:focus { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-bg-white:active { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-bg-white:disabled { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-white:focus-within { background-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-xl-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-border-red-50:active { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-border-red-100:active { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-border-red-200:active { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-border-red-300:active { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-border-red-400:active { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-border-red-500:active { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-border-red-600:active { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-border-red-700:active { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-border-red-800:active { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-border-red-900:active { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-border-green-50:active { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-border-green-100:active { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-border-green-200:active { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-border-green-300:active { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-border-green-400:active { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-border-green-500:active { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-border-green-600:active { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-border-green-700:active { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-border-green-800:active { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-border-green-900:active { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-border-black:hover { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-border-black:focus { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-border-black:active { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-border-black:disabled { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-black:focus-visible { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-border-black:focus-within { border-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-xl-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-border-white:hover { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-border-white:focus { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-border-white:active { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-border-white:disabled { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-white:focus-visible { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-border-white:focus-within { border-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-xl-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-0:hover { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-0:focus { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-0:active { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-0:hover { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-0:focus { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-0:active { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-0:active { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-0:hover { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-0:focus { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-0:active { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-1:active { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-1:active { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-1:active { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-2:hover { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-2:focus { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-2:active { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-2:hover { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-2:focus { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-2:active { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-2:active { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-2:hover { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-2:focus { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-2:active { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-3:active { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-3:active { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-3:active { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-4:hover { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-4:focus { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-4:active { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-4:hover { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-4:focus { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-4:active { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-4:active { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-4:hover { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-4:focus { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-4:active { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-5:active { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-5:active { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-5:active { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-6:hover { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-6:focus { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-6:active { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-6:hover { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-6:focus { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-6:active { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-6:active { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-6:hover { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-6:focus { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-6:active { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-7:active { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-7:active { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-7:active { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-8:hover { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-8:focus { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-8:active { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-8:hover { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-8:focus { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-8:active { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-8:active { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-8:hover { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-8:focus { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-8:active { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-9:active { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-9:active { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-9:active { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-10:hover { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-10:focus { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-10:active { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-10:hover { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-10:focus { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-10:active { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-10:active { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-10:hover { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-10:focus { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-10:active { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-11:active { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-11:active { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-11:active { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-12:hover { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-12:focus { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-12:active { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-12:hover { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-12:focus { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-12:active { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-12:active { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-12:hover { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-12:focus { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-12:active { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-13:active { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-13:active { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-13:active { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-14:hover { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-14:focus { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-14:active { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-14:hover { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-14:focus { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-14:active { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-14:active { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-14:hover { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-14:focus { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-14:active { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-15:active { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-15:active { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-15:active { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-16:hover { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-16:focus { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-16:active { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-16:hover { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-16:focus { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-16:active { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-16:active { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-16:hover { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-16:focus { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-16:active { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-17:active { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-17:active { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-17:active { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-18:hover { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-18:focus { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-18:active { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-18:hover { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-18:focus { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-18:active { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-18:active { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-18:hover { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-18:focus { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-18:active { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-19:active { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-19:active { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-19:active { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-20:hover { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-20:focus { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-20:active { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-20:hover { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-20:focus { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-20:active { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-20:active { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-20:hover { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-20:focus { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-20:active { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-21:active { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-21:active { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-21:active { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-22:hover { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-22:focus { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-22:active { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-22:hover { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-22:focus { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-22:active { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-22:active { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-22:hover { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-22:focus { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-22:active { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-23:active { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-23:active { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-23:active { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-24:hover { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-24:focus { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-24:active { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-24:hover { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-24:focus { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-24:active { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-24:active { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-24:hover { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-24:focus { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-24:active { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-25:active { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-25:active { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-25:active { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-26:hover { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-26:focus { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-26:active { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-26:hover { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-26:focus { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-26:active { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-26:active { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-26:hover { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-26:focus { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-26:active { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-27:active { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-27:active { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-27:active { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-28:hover { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-28:focus { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-28:active { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-28:hover { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-28:focus { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-28:active { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-28:active { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-28:hover { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-28:focus { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-28:active { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-29:active { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-29:active { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-29:active { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-30:hover { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-30:focus { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-30:active { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-30:hover { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-30:focus { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-30:active { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-30:active { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-30:hover { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-30:focus { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-30:active { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-31:active { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-31:active { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-31:active { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-t-32:hover { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-t-32:focus { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-t-32:active { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-r-32:hover { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-r-32:focus { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-r-32:active { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-b-32:active { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-l-32:hover { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-l-32:focus { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-l-32:active { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-xl-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-xl-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-xl-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-xl-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-xl-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-xl-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-xl-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-xl-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-xl-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-xl-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-xl-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-xl-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-xl-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-xl-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-xl-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-xl-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-xl-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-xl-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-xl-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-xl-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-xl-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-xl-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-xl-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-xl-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-xl-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-xl-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-xl-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-xl-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-xl-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-xl-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-xl-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-hover-border-transparent:hover { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-border-transparent:focus { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-active-border-transparent:active { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-disabled-border-transparent:disabled { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-within-border-transparent:focus-within { border-color: transparent; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-xl-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-hover-border-inherit:hover { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-border-inherit:focus { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-active-border-inherit:active { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-disabled-border-inherit:disabled { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-within-border-inherit:focus-within { border-color: inherit; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-xl-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-hover-bg-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-bg-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-active-bg-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-disabled-bg-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-xl-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-hover-bg-inherit:hover { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-bg-inherit:focus { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-active-bg-inherit:active { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-disabled-bg-inherit:disabled { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-inherit:focus-within { background-color: inherit; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-xl-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-xl-hover-text-transparent:hover { color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-text-transparent:focus { color: transparent; }
  html[data-theme="dark"] .dark-xl-active-text-transparent:active { color: transparent; }
  html[data-theme="dark"] .dark-xl-disabled-text-transparent:disabled { color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-transparent:focus-visible { color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-within-text-transparent:focus-within { color: transparent; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-xl-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-xl-hover-text-inherit:hover { color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-text-inherit:focus { color: inherit; }
  html[data-theme="dark"] .dark-xl-active-text-inherit:active { color: inherit; }
  html[data-theme="dark"] .dark-xl-disabled-text-inherit:disabled { color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-inherit:focus-visible { color: inherit; }
  html[data-theme="dark"] .dark-xl-focus-within-text-inherit:focus-within { color: inherit; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-xl-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-xl-hover-border-solid:hover { border-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-border-solid:focus { border-style: solid; }
  html[data-theme="dark"] .dark-xl-active-border-solid:active { border-style: solid; }
  html[data-theme="dark"] .dark-xl-disabled-border-solid:disabled { border-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-solid:focus-visible { border-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-within-border-solid:focus-within { border-style: solid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-xl-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-hover-border-dashed:hover { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-border-dashed:focus { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-active-border-dashed:active { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-disabled-border-dashed:disabled { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-within-border-dashed:focus-within { border-style: dashed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-xl-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-hover-border-dotted:hover { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-border-dotted:focus { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-active-border-dotted:active { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-disabled-border-dotted:disabled { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-focus-within-border-dotted:focus-within { border-style: dotted; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-xl-border-double { border-style: double; }
  html[data-theme="dark"] .dark-xl-hover-border-double:hover { border-style: double; }
  html[data-theme="dark"] .dark-xl-focus-border-double:focus { border-style: double; }
  html[data-theme="dark"] .dark-xl-active-border-double:active { border-style: double; }
  html[data-theme="dark"] .dark-xl-disabled-border-double:disabled { border-style: double; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-double:focus-visible { border-style: double; }
  html[data-theme="dark"] .dark-xl-focus-within-border-double:focus-within { border-style: double; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-double { border-style: double; }
  html[data-theme="dark"] .dark-xl-border-none { border-style: none; }
  html[data-theme="dark"] .dark-xl-hover-border-none:hover { border-style: none; }
  html[data-theme="dark"] .dark-xl-focus-border-none:focus { border-style: none; }
  html[data-theme="dark"] .dark-xl-active-border-none:active { border-style: none; }
  html[data-theme="dark"] .dark-xl-disabled-border-none:disabled { border-style: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-none:focus-visible { border-style: none; }
  html[data-theme="dark"] .dark-xl-focus-within-border-none:focus-within { border-style: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-none { border-style: none; }
  html[data-theme="dark"] .dark-xl-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-xl-hover-z-auto:hover { z-index: auto; }
  html[data-theme="dark"] .dark-xl-focus-z-auto:focus { z-index: auto; }
  html[data-theme="dark"] .dark-xl-active-z-auto:active { z-index: auto; }
  html[data-theme="dark"] .dark-xl-disabled-z-auto:disabled { z-index: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-auto:focus-visible { z-index: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-z-auto:focus-within { z-index: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-xl-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-xl-hover-z-0:hover { z-index: 0; }
  html[data-theme="dark"] .dark-xl-focus-z-0:focus { z-index: 0; }
  html[data-theme="dark"] .dark-xl-active-z-0:active { z-index: 0; }
  html[data-theme="dark"] .dark-xl-disabled-z-0:disabled { z-index: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-0:focus-visible { z-index: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-z-0:focus-within { z-index: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-xl-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-xl-hover-z-10:hover { z-index: 10; }
  html[data-theme="dark"] .dark-xl-focus-z-10:focus { z-index: 10; }
  html[data-theme="dark"] .dark-xl-active-z-10:active { z-index: 10; }
  html[data-theme="dark"] .dark-xl-disabled-z-10:disabled { z-index: 10; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-10:focus-visible { z-index: 10; }
  html[data-theme="dark"] .dark-xl-focus-within-z-10:focus-within { z-index: 10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-xl-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-xl-hover-z-20:hover { z-index: 20; }
  html[data-theme="dark"] .dark-xl-focus-z-20:focus { z-index: 20; }
  html[data-theme="dark"] .dark-xl-active-z-20:active { z-index: 20; }
  html[data-theme="dark"] .dark-xl-disabled-z-20:disabled { z-index: 20; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-20:focus-visible { z-index: 20; }
  html[data-theme="dark"] .dark-xl-focus-within-z-20:focus-within { z-index: 20; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-xl-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-xl-hover-z-30:hover { z-index: 30; }
  html[data-theme="dark"] .dark-xl-focus-z-30:focus { z-index: 30; }
  html[data-theme="dark"] .dark-xl-active-z-30:active { z-index: 30; }
  html[data-theme="dark"] .dark-xl-disabled-z-30:disabled { z-index: 30; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-30:focus-visible { z-index: 30; }
  html[data-theme="dark"] .dark-xl-focus-within-z-30:focus-within { z-index: 30; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-xl-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-xl-hover-z-40:hover { z-index: 40; }
  html[data-theme="dark"] .dark-xl-focus-z-40:focus { z-index: 40; }
  html[data-theme="dark"] .dark-xl-active-z-40:active { z-index: 40; }
  html[data-theme="dark"] .dark-xl-disabled-z-40:disabled { z-index: 40; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-40:focus-visible { z-index: 40; }
  html[data-theme="dark"] .dark-xl-focus-within-z-40:focus-within { z-index: 40; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-xl-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-xl-hover-z-50:hover { z-index: 50; }
  html[data-theme="dark"] .dark-xl-focus-z-50:focus { z-index: 50; }
  html[data-theme="dark"] .dark-xl-active-z-50:active { z-index: 50; }
  html[data-theme="dark"] .dark-xl-disabled-z-50:disabled { z-index: 50; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-50:focus-visible { z-index: 50; }
  html[data-theme="dark"] .dark-xl-focus-within-z-50:focus-within { z-index: 50; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-xl-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-xl-hover-z-100:hover { z-index: 100; }
  html[data-theme="dark"] .dark-xl-focus-z-100:focus { z-index: 100; }
  html[data-theme="dark"] .dark-xl-active-z-100:active { z-index: 100; }
  html[data-theme="dark"] .dark-xl-disabled-z-100:disabled { z-index: 100; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-100:focus-visible { z-index: 100; }
  html[data-theme="dark"] .dark-xl-focus-within-z-100:focus-within { z-index: 100; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-xl-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-hover-z-9999:hover { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-focus-z-9999:focus { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-active-z-9999:active { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-disabled-z-9999:disabled { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-focus-visible-z-9999:focus-visible { z-index: 9999; }
  html[data-theme="dark"] .dark-xl-focus-within-z-9999:focus-within { z-index: 9999; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-xl--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-xl-hover--z-10:hover { z-index: -10; }
  html[data-theme="dark"] .dark-xl-focus--z-10:focus { z-index: -10; }
  html[data-theme="dark"] .dark-xl-active--z-10:active { z-index: -10; }
  html[data-theme="dark"] .dark-xl-disabled--z-10:disabled { z-index: -10; }
  html[data-theme="dark"] .dark-xl-focus-visible--z-10:focus-visible { z-index: -10; }
  html[data-theme="dark"] .dark-xl-focus-within--z-10:focus-within { z-index: -10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-xl--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-xl-hover--z-20:hover { z-index: -20; }
  html[data-theme="dark"] .dark-xl-focus--z-20:focus { z-index: -20; }
  html[data-theme="dark"] .dark-xl-active--z-20:active { z-index: -20; }
  html[data-theme="dark"] .dark-xl-disabled--z-20:disabled { z-index: -20; }
  html[data-theme="dark"] .dark-xl-focus-visible--z-20:focus-visible { z-index: -20; }
  html[data-theme="dark"] .dark-xl-focus-within--z-20:focus-within { z-index: -20; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-xl--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-xl-hover--z-40:hover { z-index: -40; }
  html[data-theme="dark"] .dark-xl-focus--z-40:focus { z-index: -40; }
  html[data-theme="dark"] .dark-xl-active--z-40:active { z-index: -40; }
  html[data-theme="dark"] .dark-xl-disabled--z-40:disabled { z-index: -40; }
  html[data-theme="dark"] .dark-xl-focus-visible--z-40:focus-visible { z-index: -40; }
  html[data-theme="dark"] .dark-xl-focus-within--z-40:focus-within { z-index: -40; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-xl--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-xl-hover--z-50:hover { z-index: -50; }
  html[data-theme="dark"] .dark-xl-focus--z-50:focus { z-index: -50; }
  html[data-theme="dark"] .dark-xl-active--z-50:active { z-index: -50; }
  html[data-theme="dark"] .dark-xl-disabled--z-50:disabled { z-index: -50; }
  html[data-theme="dark"] .dark-xl-focus-visible--z-50:focus-visible { z-index: -50; }
  html[data-theme="dark"] .dark-xl-focus-within--z-50:focus-within { z-index: -50; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-xl--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-xl-hover--z-100:hover { z-index: -100; }
  html[data-theme="dark"] .dark-xl-focus--z-100:focus { z-index: -100; }
  html[data-theme="dark"] .dark-xl-active--z-100:active { z-index: -100; }
  html[data-theme="dark"] .dark-xl-disabled--z-100:disabled { z-index: -100; }
  html[data-theme="dark"] .dark-xl-focus-visible--z-100:focus-visible { z-index: -100; }
  html[data-theme="dark"] .dark-xl-focus-within--z-100:focus-within { z-index: -100; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-xl-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-xl-hover-opacity-0:hover { opacity: 0; }
  html[data-theme="dark"] .dark-xl-focus-opacity-0:focus { opacity: 0; }
  html[data-theme="dark"] .dark-xl-active-opacity-0:active { opacity: 0; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-0:disabled { opacity: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-0:focus-visible { opacity: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-0:focus-within { opacity: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-xl-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-hover-opacity-10:hover { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-focus-opacity-10:focus { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-active-opacity-10:active { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-10:disabled { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-10:focus-within { opacity: 0.1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-xl-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-hover-opacity-20:hover { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-focus-opacity-20:focus { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-active-opacity-20:active { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-20:disabled { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-20:focus-within { opacity: 0.2; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-xl-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-hover-opacity-25:hover { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-opacity-25:focus { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-active-opacity-25:active { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-25:disabled { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-25:focus-within { opacity: 0.25; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-hover-opacity-30:hover { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-focus-opacity-30:focus { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-active-opacity-30:active { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-30:disabled { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-30:focus-within { opacity: 0.3; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-xl-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-hover-opacity-40:hover { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-focus-opacity-40:focus { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-active-opacity-40:active { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-40:disabled { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-40:focus-within { opacity: 0.4; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-xl-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-hover-opacity-50:hover { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-focus-opacity-50:focus { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-active-opacity-50:active { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-50:disabled { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-50:focus-within { opacity: 0.5; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-xl-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-hover-opacity-60:hover { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-focus-opacity-60:focus { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-active-opacity-60:active { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-60:disabled { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-60:focus-within { opacity: 0.6; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-xl-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-hover-opacity-70:hover { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-focus-opacity-70:focus { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-active-opacity-70:active { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-70:disabled { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-70:focus-within { opacity: 0.7; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-xl-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-hover-opacity-75:hover { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-opacity-75:focus { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-active-opacity-75:active { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-75:disabled { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-75:focus-within { opacity: 0.75; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-hover-opacity-80:hover { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-focus-opacity-80:focus { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-active-opacity-80:active { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-80:disabled { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-80:focus-within { opacity: 0.8; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-xl-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-hover-opacity-90:hover { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-focus-opacity-90:focus { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-active-opacity-90:active { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-90:disabled { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-90:focus-within { opacity: 0.9; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-xl-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-xl-hover-opacity-100:hover { opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-opacity-100:focus { opacity: 1; }
  html[data-theme="dark"] .dark-xl-active-opacity-100:active { opacity: 1; }
  html[data-theme="dark"] .dark-xl-disabled-opacity-100:disabled { opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-opacity-100:focus-visible { opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-opacity-100:focus-within { opacity: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-xl-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-xl-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-xl-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-xl-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-xl-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-xl-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-xl-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-xl-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-xl-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-hover-rounded-0:hover { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-rounded-0:focus { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-active-rounded-0:active { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-0:disabled { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-0:focus-within { border-radius: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-xl-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-xs:hover { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-xs:focus { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-xs:active { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-sm:hover { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-sm:focus { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-sm:active { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded:hover { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded:focus { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded:active { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded:disabled { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-md:hover { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-md:focus { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-md:active { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-lg:hover { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-lg:focus { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-lg:active { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-lg:disabled { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-xl:hover { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-xl:focus { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-xl:active { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-2xl:hover { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-2xl:focus { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-2xl:active { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-full:hover { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-full:focus { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-active-rounded-full:active { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-full:disabled { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-pill:hover { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-pill:focus { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-active-rounded-pill:active { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-pill:disabled { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-xl-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-0:active { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-0:active { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-xl-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-xl-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-xl-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-xl-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-xl-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-xl-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-xl-outline-none { outline: none; }
  html[data-theme="dark"] .dark-xl-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-xl-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-xl-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-xl-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-hover-outline:hover { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-focus-outline:focus { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-active-outline:active { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-disabled-outline:disabled { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-xl-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-0:hover { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-0:focus { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-0:active { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-xl-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-1:active { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-xl-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-2:active { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-xl-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-3:active { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-xl-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-4:hover { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-4:focus { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-4:active { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-xl-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-8:hover { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-8:focus { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-8:active { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-xl-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-outline-black:hover { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-outline-black:focus { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-outline-black:active { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-outline-black:disabled { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-black:focus-within { outline-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-xl-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-outline-white:hover { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-outline-white:focus { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-outline-white:active { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-outline-white:disabled { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-outline-white:focus-within { outline-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-xl-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-ring-sm:hover { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-ring-sm:focus { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-ring-sm:active { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-xl-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-ring-md:hover { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-ring-md:focus { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-ring-md:active { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-xl-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-ring-lg:hover { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-ring-lg:focus { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-active-ring-lg:active { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-ring-lg:disabled { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-xl-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-xl-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-xl-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-xl-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-xl-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-ring-black:active { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-xl-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-ring-white:active { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-xl-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-xl-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-05:active { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-10:active { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-15:active { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-20:active { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-25:active { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-30:active { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-35:active { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-40:active { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-45:active { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-50:active { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-55:active { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-60:active { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-65:active { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-70:active { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-75:active { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-80:active { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-85:active { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-90:active { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-95:active { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-100:hover { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-100:focus { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-active-bg-tp-100:active { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-xl-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-05:hover { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-05:focus { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-active-text-tp-05:active { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-10:hover { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-10:focus { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-active-text-tp-10:active { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-15:hover { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-15:focus { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-active-text-tp-15:active { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-20:hover { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-20:focus { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-active-text-tp-20:active { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-25:hover { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-25:focus { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-active-text-tp-25:active { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-30:hover { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-30:focus { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-active-text-tp-30:active { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-35:hover { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-35:focus { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-active-text-tp-35:active { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-40:hover { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-40:focus { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-active-text-tp-40:active { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-45:hover { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-45:focus { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-active-text-tp-45:active { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-50:hover { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-50:focus { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-active-text-tp-50:active { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-55:hover { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-55:focus { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-active-text-tp-55:active { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-60:hover { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-60:focus { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-active-text-tp-60:active { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-65:hover { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-65:focus { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-active-text-tp-65:active { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-70:hover { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-70:focus { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-active-text-tp-70:active { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-75:hover { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-75:focus { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-active-text-tp-75:active { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-80:hover { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-80:focus { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-active-text-tp-80:active { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-85:hover { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-85:focus { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-active-text-tp-85:active { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-90:hover { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-90:focus { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-active-text-tp-90:active { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-95:hover { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-95:focus { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-active-text-tp-95:active { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-hover-text-tp-100:hover { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-text-tp-100:focus { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-active-text-tp-100:active { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-100:disabled { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-xl-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-05:hover { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-05:focus { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-active-border-tp-05:active { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-xl-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-10:hover { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-10:focus { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-active-border-tp-10:active { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-xl-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-15:hover { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-15:focus { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-active-border-tp-15:active { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-xl-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-20:hover { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-20:focus { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-active-border-tp-20:active { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-xl-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-25:hover { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-25:focus { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-active-border-tp-25:active { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-xl-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-30:hover { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-30:focus { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-active-border-tp-30:active { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-xl-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-35:hover { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-35:focus { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-active-border-tp-35:active { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-xl-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-40:hover { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-40:focus { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-active-border-tp-40:active { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-xl-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-45:hover { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-45:focus { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-active-border-tp-45:active { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-xl-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-50:hover { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-50:focus { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-active-border-tp-50:active { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-xl-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-55:hover { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-55:focus { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-active-border-tp-55:active { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-xl-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-60:hover { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-60:focus { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-active-border-tp-60:active { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-xl-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-65:hover { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-65:focus { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-active-border-tp-65:active { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-xl-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-70:hover { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-70:focus { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-active-border-tp-70:active { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-xl-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-75:hover { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-75:focus { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-active-border-tp-75:active { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-xl-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-80:hover { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-80:focus { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-active-border-tp-80:active { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-xl-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-85:hover { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-85:focus { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-active-border-tp-85:active { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-xl-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-90:hover { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-90:focus { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-active-border-tp-90:active { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-xl-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-95:hover { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-95:focus { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-active-border-tp-95:active { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-xl-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-hover-border-tp-100:hover { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-border-tp-100:focus { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-active-border-tp-100:active { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-100:disabled { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-xl-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-black:active { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-xl-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-shadow-color-white:active { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-xl-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-xl-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-hover-transition-bg:hover { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-focus-transition-bg:focus { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-active-transition-bg:active { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-disabled-transition-bg:disabled { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-bg:focus-within { transition-property: background-color; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-xl-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-xl-hover-transition-color:hover { transition-property: color; }
  html[data-theme="dark"] .dark-xl-focus-transition-color:focus { transition-property: color; }
  html[data-theme="dark"] .dark-xl-active-transition-color:active { transition-property: color; }
  html[data-theme="dark"] .dark-xl-disabled-transition-color:disabled { transition-property: color; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-color:focus-visible { transition-property: color; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-color:focus-within { transition-property: color; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-xl-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-xl-hover-transition-border:hover { transition-property: border; }
  html[data-theme="dark"] .dark-xl-focus-transition-border:focus { transition-property: border; }
  html[data-theme="dark"] .dark-xl-active-transition-border:active { transition-property: border; }
  html[data-theme="dark"] .dark-xl-disabled-transition-border:disabled { transition-property: border; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-border:focus-visible { transition-property: border; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-border:focus-within { transition-property: border; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-xl-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-5:hover { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-5:focus { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-5:active { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-5:hover { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-5:focus { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-5:active { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-6:hover { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-6:focus { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-6:active { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-xl-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-6:hover { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-6:focus { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-6:active { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-xl-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-8:hover { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-8:focus { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-8:active { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-xl-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-8:hover { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-8:focus { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-8:active { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-xl-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-10:hover { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-10:focus { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-10:active { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-xl-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-10:hover { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-10:focus { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-10:active { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-xl-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-12:hover { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-12:focus { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-12:active { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-xl-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-12:hover { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-12:focus { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-12:active { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-xl-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-16:hover { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-16:focus { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-16:active { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-xl-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-16:hover { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-16:focus { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-16:active { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-xl-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-20:hover { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-20:focus { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-20:active { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-xl-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-20:hover { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-20:focus { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-20:active { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-xl-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-24:hover { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-24:focus { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-24:active { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-xl-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-24:hover { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-24:focus { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-24:active { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-xl-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-32:hover { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-32:focus { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-32:active { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-xl-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-32:hover { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-32:focus { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-32:active { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-xl-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-hover-scale-0:hover { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-focus-scale-0:focus { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-active-scale-0:active { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-disabled-scale-0:disabled { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-0:focus-within { transform: scale(0.0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-xl-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate--180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate--180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-active-rotate--180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate--90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate--90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-active-rotate--90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate--45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate--45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-active-rotate--45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x--45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x--45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x--45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y--45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y--45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y--45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x--30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x--30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x--30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y--30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y--30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y--30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x--15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x--15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x--15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y--15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y--15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y--15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-75:hover { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-75:focus { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-active-duration-75:active { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-xl-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-100:active { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-xl-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-active-duration-150:active { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-xl-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-200:active { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-xl-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-300:active { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-xl-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-500:active { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-xl-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-700:active { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-xl-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-1000:hover { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-1000:focus { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-active-duration-1000:active { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-xl-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-active-duration-1500:active { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-xl-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-hover-duration-2000:hover { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-focus-duration-2000:focus { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-active-duration-2000:active { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-xl-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-hover-blur-none:hover { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-focus-blur-none:focus { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-active-blur-none:active { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-disabled-blur-none:disabled { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-none:focus-visible { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-none:focus-within { filter: blur(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-xl-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-hover-brightness-0:hover { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-focus-brightness-0:focus { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-active-brightness-0:active { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-0:disabled { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-0:focus-within { filter: brightness(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-xl-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-hover-brightness-75:hover { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-focus-brightness-75:focus { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-active-brightness-75:active { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-75:disabled { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-xl-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-hover-brightness-90:hover { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-focus-brightness-90:focus { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-active-brightness-90:active { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-90:disabled { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-xl-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-hover-brightness-125:hover { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-focus-brightness-125:focus { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-active-brightness-125:active { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-125:disabled { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-xl-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-hover-brightness-200:hover { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-focus-brightness-200:focus { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-active-brightness-200:active { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-200:disabled { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-200:focus-within { filter: brightness(2); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-xl-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-hover-contrast-0:hover { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-focus-contrast-0:focus { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-active-contrast-0:active { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-0:disabled { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-0:focus-within { filter: contrast(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-xl-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-hover-contrast-75:hover { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-focus-contrast-75:focus { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-active-contrast-75:active { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-75:disabled { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-xl-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-hover-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-active-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-hover-contrast-150:hover { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-focus-contrast-150:focus { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-active-contrast-150:active { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-150:disabled { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-xl-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-hover-contrast-200:hover { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-focus-contrast-200:focus { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-active-contrast-200:active { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-200:disabled { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-200:focus-within { filter: contrast(2); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-xl-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-hover-grayscale-0:hover { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-focus-grayscale-0:focus { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-active-grayscale-0:active { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-disabled-grayscale-0:disabled { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-xl-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-hover-grayscale-100:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-grayscale-100:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-active-grayscale-100:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-disabled-grayscale-100:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-xl-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-xl-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-xl-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-hover-invert-0:hover { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-focus-invert-0:focus { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-active-invert-0:active { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-disabled-invert-0:disabled { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-invert-0:focus-visible { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-focus-within-invert-0:focus-within { filter: invert(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-xl-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-hover-invert-100:hover { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-focus-invert-100:focus { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-active-invert-100:active { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-disabled-invert-100:disabled { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-invert-100:focus-visible { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-focus-within-invert-100:focus-within { filter: invert(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-xl-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-hover-saturate-0:hover { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-focus-saturate-0:focus { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-active-saturate-0:active { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-0:disabled { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-0:focus-within { filter: saturate(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-xl-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-hover-saturate-50:hover { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-focus-saturate-50:focus { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-active-saturate-50:active { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-50:disabled { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-xl-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-hover-saturate-100:hover { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-focus-saturate-100:focus { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-active-saturate-100:active { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-100:disabled { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-100:focus-within { filter: saturate(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-xl-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-hover-saturate-200:hover { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-focus-saturate-200:focus { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-active-saturate-200:active { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-200:disabled { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-200:focus-within { filter: saturate(2); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-xl-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-hover-sepia-0:hover { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-focus-sepia-0:focus { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-active-sepia-0:active { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-disabled-sepia-0:disabled { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-focus-within-sepia-0:focus-within { filter: sepia(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-xl-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-hover-sepia-100:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-sepia-100:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-active-sepia-100:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-disabled-sepia-100:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-within-sepia-100:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-xl-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-xl-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-hover-mix-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-mix-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-active-mix-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-active-mix-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-hover-mix-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-mix-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-active-mix-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-active-mix-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-hover-mix-darken:hover { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-mix-darken:focus { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-active-mix-darken:active { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-active-mix-lighten:active { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-hover-mix-difference:hover { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-mix-difference:focus { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-active-mix-difference:active { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-hover-mix-hue:hover { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-mix-hue:focus { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-active-mix-hue:active { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-active-mix-saturation:active { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-hover-mix-color:hover { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-mix-color:focus { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-active-mix-color:active { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-disabled-mix-color:disabled { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-xl-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-xl-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-xl-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-xl-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-difference:active { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-xl-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-xl-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-hue:active { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-xl-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-xl-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-color:hover { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-color:focus { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-color:active { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-xl-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-xl-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-hover-object-contain:hover { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-focus-object-contain:focus { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-active-object-contain:active { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-disabled-object-contain:disabled { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-contain:focus-visible { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-object-contain:focus-within { object-fit: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-xl-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-hover-object-cover:hover { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-focus-object-cover:focus { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-active-object-cover:active { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-disabled-object-cover:disabled { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-cover:focus-visible { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-focus-within-object-cover:focus-within { object-fit: cover; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-xl-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-hover-object-fill:hover { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-focus-object-fill:focus { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-active-object-fill:active { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-disabled-object-fill:disabled { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-fill:focus-visible { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-focus-within-object-fill:focus-within { object-fit: fill; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-xl-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-xl-hover-object-none:hover { object-fit: none; }
  html[data-theme="dark"] .dark-xl-focus-object-none:focus { object-fit: none; }
  html[data-theme="dark"] .dark-xl-active-object-none:active { object-fit: none; }
  html[data-theme="dark"] .dark-xl-disabled-object-none:disabled { object-fit: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-none:focus-visible { object-fit: none; }
  html[data-theme="dark"] .dark-xl-focus-within-object-none:focus-within { object-fit: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-xl-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-hover-object-scale-down:hover { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-focus-object-scale-down:focus { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-active-object-scale-down:active { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-disabled-object-scale-down:disabled { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-xl-object-top { object-position: top; }
  html[data-theme="dark"] .dark-xl-hover-object-top:hover { object-position: top; }
  html[data-theme="dark"] .dark-xl-focus-object-top:focus { object-position: top; }
  html[data-theme="dark"] .dark-xl-active-object-top:active { object-position: top; }
  html[data-theme="dark"] .dark-xl-disabled-object-top:disabled { object-position: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-top:focus-visible { object-position: top; }
  html[data-theme="dark"] .dark-xl-focus-within-object-top:focus-within { object-position: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-top { object-position: top; }
  html[data-theme="dark"] .dark-xl-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-hover-object-bottom:hover { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-object-bottom:focus { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-active-object-bottom:active { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-object-bottom:disabled { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-object-bottom:focus-within { object-position: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-xl-object-center { object-position: center; }
  html[data-theme="dark"] .dark-xl-hover-object-center:hover { object-position: center; }
  html[data-theme="dark"] .dark-xl-focus-object-center:focus { object-position: center; }
  html[data-theme="dark"] .dark-xl-active-object-center:active { object-position: center; }
  html[data-theme="dark"] .dark-xl-disabled-object-center:disabled { object-position: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-center:focus-visible { object-position: center; }
  html[data-theme="dark"] .dark-xl-focus-within-object-center:focus-within { object-position: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-center { object-position: center; }
  html[data-theme="dark"] .dark-xl-object-left { object-position: left; }
  html[data-theme="dark"] .dark-xl-hover-object-left:hover { object-position: left; }
  html[data-theme="dark"] .dark-xl-focus-object-left:focus { object-position: left; }
  html[data-theme="dark"] .dark-xl-active-object-left:active { object-position: left; }
  html[data-theme="dark"] .dark-xl-disabled-object-left:disabled { object-position: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-left:focus-visible { object-position: left; }
  html[data-theme="dark"] .dark-xl-focus-within-object-left:focus-within { object-position: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-left { object-position: left; }
  html[data-theme="dark"] .dark-xl-object-right { object-position: right; }
  html[data-theme="dark"] .dark-xl-hover-object-right:hover { object-position: right; }
  html[data-theme="dark"] .dark-xl-focus-object-right:focus { object-position: right; }
  html[data-theme="dark"] .dark-xl-active-object-right:active { object-position: right; }
  html[data-theme="dark"] .dark-xl-disabled-object-right:disabled { object-position: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-right:focus-visible { object-position: right; }
  html[data-theme="dark"] .dark-xl-focus-within-object-right:focus-within { object-position: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-right { object-position: right; }
  html[data-theme="dark"] .dark-xl-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-xl-hover-object-left-top:hover { object-position: left top; }
  html[data-theme="dark"] .dark-xl-focus-object-left-top:focus { object-position: left top; }
  html[data-theme="dark"] .dark-xl-active-object-left-top:active { object-position: left top; }
  html[data-theme="dark"] .dark-xl-disabled-object-left-top:disabled { object-position: left top; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-left-top:focus-visible { object-position: left top; }
  html[data-theme="dark"] .dark-xl-focus-within-object-left-top:focus-within { object-position: left top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-xl-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-xl-hover-object-right-top:hover { object-position: right top; }
  html[data-theme="dark"] .dark-xl-focus-object-right-top:focus { object-position: right top; }
  html[data-theme="dark"] .dark-xl-active-object-right-top:active { object-position: right top; }
  html[data-theme="dark"] .dark-xl-disabled-object-right-top:disabled { object-position: right top; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-right-top:focus-visible { object-position: right top; }
  html[data-theme="dark"] .dark-xl-focus-within-object-right-top:focus-within { object-position: right top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-xl-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-hover-object-left-bottom:hover { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-focus-object-left-bottom:focus { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-active-object-left-bottom:active { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-disabled-object-left-bottom:disabled { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-xl-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-hover-object-right-bottom:hover { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-focus-object-right-bottom:focus { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-active-object-right-bottom:active { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-disabled-object-right-bottom:disabled { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-xl-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-xl-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-xl-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-xl-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-xl-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-xl-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-xl-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-hover-list-style-image-none:hover { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-focus-list-style-image-none:focus { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-active-list-style-image-none:active { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-image-none:disabled { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-xl-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-hover-list-style-position-inside:hover { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-focus-list-style-position-inside:focus { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-active-list-style-position-inside:active { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-xl-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-hover-list-style-position-outside:hover { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-focus-list-style-position-outside:focus { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-active-list-style-position-outside:active { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-xl-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-none:hover { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-none:focus { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-none:active { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-none:disabled { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-xl-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-disc:hover { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-disc:focus { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-disc:active { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-xl-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-circle:hover { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-circle:focus { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-circle:active { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-xl-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-square:hover { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-square:focus { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-square:active { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-square:disabled { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-xl-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-decimal:active { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-xl-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-xl-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-xl-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-xl-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-xl-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-xl-hover-text-align-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-text-align-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-xl-active-text-align-left:active { text-align: left; }
  html[data-theme="dark"] .dark-xl-disabled-text-align-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-align-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-xl-focus-within-text-align-left:focus-within { text-align: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-xl-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-xl-hover-text-align-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-text-align-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-xl-active-text-align-center:active { text-align: center; }
  html[data-theme="dark"] .dark-xl-disabled-text-align-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-align-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-xl-focus-within-text-align-center:focus-within { text-align: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-xl-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-xl-hover-text-align-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-text-align-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-xl-active-text-align-right:active { text-align: right; }
  html[data-theme="dark"] .dark-xl-disabled-text-align-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-align-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-xl-focus-within-text-align-right:focus-within { text-align: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-xl-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-xl-hover-text-align-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-text-align-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-xl-active-text-align-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-xl-disabled-text-align-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-xl-focus-within-text-align-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-xl-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-xl-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-xl-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-xl-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-100:hover { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-100:focus { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-active-perspective-100:active { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-100:disabled { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-100:focus-within { perspective: 100px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-xl-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-500:hover { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-500:focus { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-active-perspective-500:active { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-500:disabled { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-500:focus-within { perspective: 500px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-xl-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-1000:hover { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-1000:focus { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-active-perspective-1000:active { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-1000:disabled { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-xl-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-1500:hover { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-1500:focus { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-active-perspective-1500:active { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-1500:disabled { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-xl-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-2000:hover { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-2000:focus { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-active-perspective-2000:active { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-2000:disabled { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-xl-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-top_left:active { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-xl-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-top_right:active { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-xl-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-transform-none { transform: none; }
  html[data-theme="dark"] .dark-xl-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-xl-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-xl-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-xl-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-n180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-n180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-n180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-xl-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-n90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-n90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-n90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-xl-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-n45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-n45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-n45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-xl-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-xl-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-xl-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-n45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-xl-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-n45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-xl-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-n30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-xl-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-n30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-xl-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-n15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-xl-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-n15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-xl-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-xl-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-xl-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-xl-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-xl-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-xl-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-xl-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-xl-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-xl-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-xl-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-xl-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-xl-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-xl-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-xl-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-hover-origin-top_left:hover { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-origin-top_left:focus { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-active-origin-top_left:active { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-disabled-origin-top_left:disabled { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-xl-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-hover-origin-top_right:hover { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-origin-top_right:focus { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-active-origin-top_right:active { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-disabled-origin-top_right:disabled { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-xl-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-active-origin-bottom_left:active { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-xl-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-active-origin-bottom_right:active { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-xl-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-hover-accent-transparent:hover { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-accent-transparent:focus { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-active-accent-transparent:active { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-disabled-accent-transparent:disabled { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-xl-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-xl-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-xl-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-xl-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-xl-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-xl-hover-appearance-auto:hover { appearance: auto; }
  html[data-theme="dark"] .dark-xl-focus-appearance-auto:focus { appearance: auto; }
  html[data-theme="dark"] .dark-xl-active-appearance-auto:active { appearance: auto; }
  html[data-theme="dark"] .dark-xl-disabled-appearance-auto:disabled { appearance: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-appearance-auto:focus-within { appearance: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-xl-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-xl-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-xl-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-xl-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-xl-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-xl-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-xl-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-xl-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-xl-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-xl-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-xl-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-xl-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-xl-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-xl-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-xl-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-xl-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-xl-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-xl-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-xl-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-xl-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-xl-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-xl-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-xl-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-xl-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-xl-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-xl-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-xl-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-xl-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-xl-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-xl-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-xl-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-xl-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-xl-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-xl-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-xl-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-xl-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-xl-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-xl-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-xl-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-xl-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-xl-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-xl-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-xl-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-xl-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-xl-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-xl-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-xl-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-xl-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-xl-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-xl-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-xl-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-xl-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-xl-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-xl-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-xl-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-xl-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-xl-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-xl-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-xl-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-xl-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-xl-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-xl-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-xl-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-xl-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-xl-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-xl-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-xl-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-xl-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-xl-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-xl-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-xl-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-xl-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-xl-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-xl-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-xl-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-xl-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-xl-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-xl-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-xl-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-xl-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-xl-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-xl-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-xl-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-xl-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-xl-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-xl-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-xl-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-xl-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-xl-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-xl-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-xl-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-xl-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-xl-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-xl-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-xl-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-xl-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-xl-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-xl-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-xl-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-xl-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-xl-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-xl-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-xl-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-xl-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-xl-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-xl-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-xl-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-xl-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-xl-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-xl-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-xl-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-xl-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-xl-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-xl-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-xl-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-xl-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-xl-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-xl-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-xl-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-xl-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-xl-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-xl-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-xl-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-xl-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-xl-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-xl-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-xl-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-xl-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-xl-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-xl-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-xl-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-xl-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-xl-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-xl-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-xl-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-xl-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-xl-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-xl-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-xl-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-xl-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-xl-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-xl-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-xl-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-xl-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-xl-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-xl-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-xl-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-xl-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-xl-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-xl-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-xl-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-xl-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-xl-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-xl-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-xl-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-xl-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-xl-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-xl-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-xl-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-xl-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-xl-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-xl-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-xl-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-xl-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-xl-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-xl-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-xl-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-xl-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-xl-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-xl-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-xl-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-xl-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-xl-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-xl-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-xl-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-xl-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-xl-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-xl-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-xl-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-xl-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-xl-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-hover-caret-black:hover { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-caret-black:focus { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-active-caret-black:active { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-disabled-caret-black:disabled { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-black:focus-within { caret-color: var(--black); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-xl-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-hover-caret-white:hover { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-caret-white:focus { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-active-caret-white:active { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-disabled-caret-white:disabled { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-focus-within-caret-white:focus-within { caret-color: var(--white); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-xl-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-xl-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-xl-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-3:active { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-3:active { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-xl-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan_x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan_x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-active-touch-pan_x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan_y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan_y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-active-touch-pan_y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-xl-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-xl-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-xl-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-xl-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-xl-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-xl-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-xl-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-xl-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-xl-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-xl-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-xl-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-xl-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-xl-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-xl-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-xl-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-xl-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-xl-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-xl-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-xl-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-xl-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-xl-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-xl-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-xl-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-xl-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-xl-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-xl-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-xl-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-xl-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-hover-aspect-auto:hover { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-focus-aspect-auto:focus { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-active-aspect-auto:active { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-xl-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-active-aspect-square:active { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-xl-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-active-aspect-video:active { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-xl-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-xl-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-xl-hover-isolation-auto:hover { isolation: auto; }
  html[data-theme="dark"] .dark-xl-focus-isolation-auto:focus { isolation: auto; }
  html[data-theme="dark"] .dark-xl-active-isolation-auto:active { isolation: auto; }
  html[data-theme="dark"] .dark-xl-disabled-isolation-auto:disabled { isolation: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-isolation-auto:focus-within { isolation: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-xl-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-hover-isolation-isolate:hover { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-focus-isolation-isolate:focus { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-active-isolation-isolate:active { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-disabled-isolation-isolate:disabled { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-xl-contain-none { contain: none; }
  html[data-theme="dark"] .dark-xl-hover-contain-none:hover { contain: none; }
  html[data-theme="dark"] .dark-xl-focus-contain-none:focus { contain: none; }
  html[data-theme="dark"] .dark-xl-active-contain-none:active { contain: none; }
  html[data-theme="dark"] .dark-xl-disabled-contain-none:disabled { contain: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-none:focus-visible { contain: none; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-none:focus-within { contain: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-none { contain: none; }
  html[data-theme="dark"] .dark-xl-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-xl-hover-contain-layout:hover { contain: layout; }
  html[data-theme="dark"] .dark-xl-focus-contain-layout:focus { contain: layout; }
  html[data-theme="dark"] .dark-xl-active-contain-layout:active { contain: layout; }
  html[data-theme="dark"] .dark-xl-disabled-contain-layout:disabled { contain: layout; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-layout:focus-visible { contain: layout; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-layout:focus-within { contain: layout; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-xl-contain-size { contain: size; }
  html[data-theme="dark"] .dark-xl-hover-contain-size:hover { contain: size; }
  html[data-theme="dark"] .dark-xl-focus-contain-size:focus { contain: size; }
  html[data-theme="dark"] .dark-xl-active-contain-size:active { contain: size; }
  html[data-theme="dark"] .dark-xl-disabled-contain-size:disabled { contain: size; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-size:focus-visible { contain: size; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-size:focus-within { contain: size; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-size { contain: size; }
  html[data-theme="dark"] .dark-xl-contain-style { contain: style; }
  html[data-theme="dark"] .dark-xl-hover-contain-style:hover { contain: style; }
  html[data-theme="dark"] .dark-xl-focus-contain-style:focus { contain: style; }
  html[data-theme="dark"] .dark-xl-active-contain-style:active { contain: style; }
  html[data-theme="dark"] .dark-xl-disabled-contain-style:disabled { contain: style; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-style:focus-visible { contain: style; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-style:focus-within { contain: style; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-style { contain: style; }
  html[data-theme="dark"] .dark-xl-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-xl-hover-contain-paint:hover { contain: paint; }
  html[data-theme="dark"] .dark-xl-focus-contain-paint:focus { contain: paint; }
  html[data-theme="dark"] .dark-xl-active-contain-paint:active { contain: paint; }
  html[data-theme="dark"] .dark-xl-disabled-contain-paint:disabled { contain: paint; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-paint:focus-visible { contain: paint; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-paint:focus-within { contain: paint; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-xl-contain-content { contain: content; }
  html[data-theme="dark"] .dark-xl-hover-contain-content:hover { contain: content; }
  html[data-theme="dark"] .dark-xl-focus-contain-content:focus { contain: content; }
  html[data-theme="dark"] .dark-xl-active-contain-content:active { contain: content; }
  html[data-theme="dark"] .dark-xl-disabled-contain-content:disabled { contain: content; }
  html[data-theme="dark"] .dark-xl-focus-visible-contain-content:focus-visible { contain: content; }
  html[data-theme="dark"] .dark-xl-focus-within-contain-content:focus-within { contain: content; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contain-content { contain: content; }
  html[data-theme="dark"] .dark-xl-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-hover-content-auto:hover { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-focus-content-auto:focus { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-active-content-auto:active { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-disabled-content-auto:disabled { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-content-auto:focus-within { content-visibility: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-xl-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-hover-content-hidden:hover { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-content-hidden:focus { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-active-content-hidden:active { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-content-hidden:disabled { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-hover-content-visible:hover { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-content-visible:focus { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-active-content-visible:active { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-disabled-content-visible:disabled { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-content-visible:focus-within { content-visibility: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-xl-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-xl-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-xl-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-xl-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-xl-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-xl-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-hover-clip-inset:hover { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-focus-clip-inset:focus { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-active-clip-inset:active { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-disabled-clip-inset:disabled { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-xl-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-xl-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-active-margin-block-start-1:active { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-active-margin-block-end-1:active { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-active-padding-block-start-1:active { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-xl-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-active-padding-block-end-1:active { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-xl-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-xl-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-xl-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-xl-filter-none { filter: none; }
  html[data-theme="dark"] .dark-xl-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-xl-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-xl-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-xl-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-xl-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-xl-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-xl-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-xl-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-xl-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-xl-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-xl-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-xl-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-hover-grayscale:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-grayscale:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-active-grayscale:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-disabled-grayscale:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-focus-within-grayscale:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-xl-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-hover-sepia:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-sepia:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-active-sepia:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-disabled-sepia:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-sepia:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-focus-within-sepia:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-xl-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-xl-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-hover-grid-flow-row:hover { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-focus-grid-flow-row:focus { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-active-grid-flow-row:active { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-xl-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-hover-grid-flow-col:hover { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-focus-grid-flow-col:focus { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-active-grid-flow-col:active { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-xl-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-xl-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-xl-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-xl-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-xl-hover-transition-none:hover { transition-property: none; }
  html[data-theme="dark"] .dark-xl-focus-transition-none:focus { transition-property: none; }
  html[data-theme="dark"] .dark-xl-active-transition-none:active { transition-property: none; }
  html[data-theme="dark"] .dark-xl-disabled-transition-none:disabled { transition-property: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-none:focus-visible { transition-property: none; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-none:focus-within { transition-property: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-xl-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-xl-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-xl-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-xl-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-xl-animate-none { animation: none; }
  html[data-theme="dark"] .dark-xl-hover-animate-none:hover { animation: none; }
  html[data-theme="dark"] .dark-xl-focus-animate-none:focus { animation: none; }
  html[data-theme="dark"] .dark-xl-active-animate-none:active { animation: none; }
  html[data-theme="dark"] .dark-xl-disabled-animate-none:disabled { animation: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-animate-none:focus-visible { animation: none; }
  html[data-theme="dark"] .dark-xl-focus-within-animate-none:focus-within { animation: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-animate-none { animation: none; }
  html[data-theme="dark"] .dark-xl-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-active-animate-fade:active { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-xl-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-xl-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-active-animate-spin:active { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-xl-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-xl-transform-none { transform: none; }
  html[data-theme="dark"] .dark-xl-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-xl-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-xl-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-xl-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-active-scale-50:active { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-xl-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-active-scale-75:active { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-xl-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-active-scale-90:active { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-xl-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-hover-scale-100:hover { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-focus-scale-100:focus { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-active-scale-100:active { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-xl-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-active-scale-105:active { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-xl-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-active-scale-110:active { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-xl-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-active-scale-125:active { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-xl-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-active-scale-150:active { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-xl-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-active-translate-x-0:active { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-xl-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-xl-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-xl-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-active-translate-y-0:active { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-xl-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-xl-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-xl-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-xl-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-xl-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-xl-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-xl-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-xl-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-xl-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-active-skew-x-0:active { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-xl-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-xl-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-xl-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-active-skew-y-0:active { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-xl-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-xl-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-xl-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-xl-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-xl-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-xl-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-xl-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-xl-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-xl-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-xl-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-xl-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-sm:hover { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-sm:focus { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-active-perspective-sm:active { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-sm:disabled { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-sm:focus-within { perspective: 400px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-xl-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-md:hover { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-md:focus { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-active-perspective-md:active { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-md:disabled { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-md:focus-within { perspective: 800px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-xl-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-lg:hover { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-lg:focus { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-active-perspective-lg:active { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-lg:disabled { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-xl-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-hover-perspective-xl:hover { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-focus-perspective-xl:focus { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-active-perspective-xl:active { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-xl:disabled { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-xl-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-xl-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-xl-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-xl-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-xl-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-xl-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-xl-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-xl-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-xl-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-active-transform-style-preserve:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-xl-filter-none { filter: none; }
  html[data-theme="dark"] .dark-xl-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-xl-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-xl-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-xl-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-xl-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-hover-filter-grayscale:hover { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-focus-filter-grayscale:focus { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-active-filter-grayscale:active { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-xl-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-hover-filter-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-filter-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-active-filter-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-disabled-filter-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-active-filter-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-xl-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-active-filter-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-xl-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-active-filter-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-xl-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-hover-filter-sepia:hover { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-focus-filter-sepia:focus { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-active-filter-sepia:active { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-disabled-filter-sepia:disabled { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-xl-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-xl-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-active-backdrop-filter-none:active { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-xl-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-xl-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-xl-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-xl-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-active-mix-blend-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-xl-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-xl-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-active-mix-blend-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-xl-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-xl-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-hover-decoration-slice:hover { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-focus-decoration-slice:focus { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-active-decoration-slice:active { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-xl-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-hover-decoration-clone:hover { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-focus-decoration-clone:focus { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-active-decoration-clone:active { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-xl-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-xl-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-xl-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-xl-hover-break-after-auto:hover { break-after: auto; }
  html[data-theme="dark"] .dark-xl-focus-break-after-auto:focus { break-after: auto; }
  html[data-theme="dark"] .dark-xl-active-break-after-auto:active { break-after: auto; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-auto:disabled { break-after: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-auto:focus-within { break-after: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-xl-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-hover-break-after-avoid:hover { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-focus-break-after-avoid:focus { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-active-break-after-avoid:active { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-avoid:disabled { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-xl-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-xl-hover-break-after-all:hover { break-after: all; }
  html[data-theme="dark"] .dark-xl-focus-break-after-all:focus { break-after: all; }
  html[data-theme="dark"] .dark-xl-active-break-after-all:active { break-after: all; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-all:disabled { break-after: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-all:focus-visible { break-after: all; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-all:focus-within { break-after: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-xl-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-active-break-after-avoid-page:active { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-xl-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-xl-hover-break-after-page:hover { break-after: page; }
  html[data-theme="dark"] .dark-xl-focus-break-after-page:focus { break-after: page; }
  html[data-theme="dark"] .dark-xl-active-break-after-page:active { break-after: page; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-page:disabled { break-after: page; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-page:focus-visible { break-after: page; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-page:focus-within { break-after: page; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-xl-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-xl-hover-break-after-left:hover { break-after: left; }
  html[data-theme="dark"] .dark-xl-focus-break-after-left:focus { break-after: left; }
  html[data-theme="dark"] .dark-xl-active-break-after-left:active { break-after: left; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-left:disabled { break-after: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-left:focus-visible { break-after: left; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-left:focus-within { break-after: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-xl-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-xl-hover-break-after-right:hover { break-after: right; }
  html[data-theme="dark"] .dark-xl-focus-break-after-right:focus { break-after: right; }
  html[data-theme="dark"] .dark-xl-active-break-after-right:active { break-after: right; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-right:disabled { break-after: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-right:focus-visible { break-after: right; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-right:focus-within { break-after: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-xl-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-xl-hover-break-after-column:hover { break-after: column; }
  html[data-theme="dark"] .dark-xl-focus-break-after-column:focus { break-after: column; }
  html[data-theme="dark"] .dark-xl-active-break-after-column:active { break-after: column; }
  html[data-theme="dark"] .dark-xl-disabled-break-after-column:disabled { break-after: column; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-after-column:focus-visible { break-after: column; }
  html[data-theme="dark"] .dark-xl-focus-within-break-after-column:focus-within { break-after: column; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-xl-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-xl-hover-break-before-auto:hover { break-before: auto; }
  html[data-theme="dark"] .dark-xl-focus-break-before-auto:focus { break-before: auto; }
  html[data-theme="dark"] .dark-xl-active-break-before-auto:active { break-before: auto; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-auto:disabled { break-before: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-auto:focus-within { break-before: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-xl-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-hover-break-before-avoid:hover { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-focus-break-before-avoid:focus { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-active-break-before-avoid:active { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-avoid:disabled { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-xl-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-xl-hover-break-before-all:hover { break-before: all; }
  html[data-theme="dark"] .dark-xl-focus-break-before-all:focus { break-before: all; }
  html[data-theme="dark"] .dark-xl-active-break-before-all:active { break-before: all; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-all:disabled { break-before: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-all:focus-visible { break-before: all; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-all:focus-within { break-before: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-xl-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-active-break-before-avoid-page:active { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-xl-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-xl-hover-break-before-page:hover { break-before: page; }
  html[data-theme="dark"] .dark-xl-focus-break-before-page:focus { break-before: page; }
  html[data-theme="dark"] .dark-xl-active-break-before-page:active { break-before: page; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-page:disabled { break-before: page; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-page:focus-visible { break-before: page; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-page:focus-within { break-before: page; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-xl-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-xl-hover-break-before-left:hover { break-before: left; }
  html[data-theme="dark"] .dark-xl-focus-break-before-left:focus { break-before: left; }
  html[data-theme="dark"] .dark-xl-active-break-before-left:active { break-before: left; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-left:disabled { break-before: left; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-left:focus-visible { break-before: left; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-left:focus-within { break-before: left; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-xl-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-xl-hover-break-before-right:hover { break-before: right; }
  html[data-theme="dark"] .dark-xl-focus-break-before-right:focus { break-before: right; }
  html[data-theme="dark"] .dark-xl-active-break-before-right:active { break-before: right; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-right:disabled { break-before: right; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-right:focus-visible { break-before: right; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-right:focus-within { break-before: right; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-xl-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-xl-hover-break-before-column:hover { break-before: column; }
  html[data-theme="dark"] .dark-xl-focus-break-before-column:focus { break-before: column; }
  html[data-theme="dark"] .dark-xl-active-break-before-column:active { break-before: column; }
  html[data-theme="dark"] .dark-xl-disabled-break-before-column:disabled { break-before: column; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-before-column:focus-visible { break-before: column; }
  html[data-theme="dark"] .dark-xl-focus-within-break-before-column:focus-within { break-before: column; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-xl-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-hover-break-inside-auto:hover { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-focus-break-inside-auto:focus { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-active-break-inside-auto:active { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-disabled-break-inside-auto:disabled { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-xl-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-hover-break-inside-avoid:hover { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-focus-break-inside-avoid:focus { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-active-break-inside-avoid:active { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-xl-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-xl-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-xl-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-xl-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-xl-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-xl-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-xl-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-xl-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-hover-clip-circle:hover { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-focus-clip-circle:focus { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-active-clip-circle:active { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-circle:disabled { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-xl-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-xl-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-hover-clip-inset:hover { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-focus-clip-inset:focus { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-active-clip-inset:active { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-inset:disabled { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-xl-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-xl-outline-none { outline: none; }
  html[data-theme="dark"] .dark-xl-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-xl-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-xl-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-xl-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-hover-outline-solid:hover { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-outline-solid:focus { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-active-outline-solid:active { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-disabled-outline-solid:disabled { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-solid:focus-within { outline-style: solid; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-xl-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-hover-outline-dashed:hover { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-outline-dashed:focus { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-active-outline-dashed:active { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-disabled-outline-dashed:disabled { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-xl-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-0:hover { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-0:focus { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-0:active { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-0:disabled { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-xl-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-2:hover { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-2:focus { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-2:active { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-xl-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-hover-outline-offset-4:hover { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-outline-offset-4:focus { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-active-outline-offset-4:active { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-xl-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-hover-shadow-none:hover { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-focus-shadow-none:focus { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-active-shadow-none:active { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-disabled-shadow-none:disabled { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-none:focus-within { box-shadow: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-xl-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-xl-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-xl-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-xl-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-xl-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-xl-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-xl-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-hover-accent-current:hover { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-accent-current:focus { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-active-accent-current:active { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-disabled-accent-current:disabled { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-focus-within-accent-current:focus-within { accent-color: currentColor; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-xl-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-xl-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-xl-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-xl-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-xl-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-xl-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-xl-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-xl-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-xl-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-xl-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-xl-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-active-overscroll-auto:active { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-xl-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-active-overscroll-contain:active { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-xl-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-none:hover { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-none:focus { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-active-overscroll-none:active { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-xl-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-xl-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-xl-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-xl-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-xl-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-xl-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-xl-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-xl-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-xl-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-xl-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-xl-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-xl-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-xl-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-xl-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-xl-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-active-bg-primary:active { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-xl-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-active-bg-success:active { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-xl-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-xl-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-xl-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-active-bg-info:active { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-xl-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-xl-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-xl-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-xl-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-active-bg-link:active { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-hover-text-primary:hover { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-text-primary:focus { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-active-text-primary:active { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-disabled-text-primary:disabled { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-xl-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-active-text-secondary:active { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-xl-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-hover-text-success:hover { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-focus-text-success:focus { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-active-text-success:active { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-disabled-text-success:disabled { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-xl-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-hover-text-warning:hover { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-focus-text-warning:focus { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-active-text-warning:active { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-xl-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-hover-text-danger:hover { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-focus-text-danger:focus { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-active-text-danger:active { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-xl-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-hover-text-info:hover { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-focus-text-info:focus { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-active-text-info:active { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-disabled-text-info:disabled { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-xl-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-active-text-neutral:active { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-xl-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-hover-text-accent:hover { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-focus-text-accent:focus { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-active-text-accent:active { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-xl-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-active-text-ghost:active { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-xl-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-hover-text-link:hover { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-text-link:focus { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-active-text-link:active { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-disabled-text-link:disabled { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-active-border-primary:active { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-xl-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-xl-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-hover-border-success:hover { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-focus-border-success:focus { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-active-border-success:active { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-xl-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-active-border-warning:active { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-xl-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-active-border-danger:active { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-xl-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-hover-border-info:hover { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-focus-border-info:focus { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-active-border-info:active { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-xl-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-xl-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-active-border-accent:active { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-xl-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-xl-border-link { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-hover-border-link:hover { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-border-link:focus { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-active-border-link:active { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-xl-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .xl-group:hover .dark-xl-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1536px) {
  .uw-p-auto { padding: auto; }
  .uw-hover-p-auto:hover { padding: auto; }
  .uw-focus-p-auto:focus { padding: auto; }
  .uw-active-p-auto:active { padding: auto; }
  .uw-disabled-p-auto:disabled { padding: auto; }
  .uw-focus-visible-p-auto:focus-visible { padding: auto; }
  .uw-focus-within-p-auto:focus-within { padding: auto; }
  .uw-group:hover .uw-group-hover-p-auto { padding: auto; }
  .uw-p-0 { padding: 0; }
  .uw-hover-p-0:hover { padding: 0; }
  .uw-focus-p-0:focus { padding: 0; }
  .uw-active-p-0:active { padding: 0; }
  .uw-disabled-p-0:disabled { padding: 0; }
  .uw-focus-visible-p-0:focus-visible { padding: 0; }
  .uw-focus-within-p-0:focus-within { padding: 0; }
  .uw-group:hover .uw-group-hover-p-0 { padding: 0; }
  .uw-p-1 { padding: 0.25rem; }
  .uw-hover-p-1:hover { padding: 0.25rem; }
  .uw-focus-p-1:focus { padding: 0.25rem; }
  .uw-active-p-1:active { padding: 0.25rem; }
  .uw-disabled-p-1:disabled { padding: 0.25rem; }
  .uw-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  .uw-focus-within-p-1:focus-within { padding: 0.25rem; }
  .uw-group:hover .uw-group-hover-p-1 { padding: 0.25rem; }
  .uw-p-2 { padding: 0.5rem; }
  .uw-hover-p-2:hover { padding: 0.5rem; }
  .uw-focus-p-2:focus { padding: 0.5rem; }
  .uw-active-p-2:active { padding: 0.5rem; }
  .uw-disabled-p-2:disabled { padding: 0.5rem; }
  .uw-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  .uw-focus-within-p-2:focus-within { padding: 0.5rem; }
  .uw-group:hover .uw-group-hover-p-2 { padding: 0.5rem; }
  .uw-p-3 { padding: 0.75rem; }
  .uw-hover-p-3:hover { padding: 0.75rem; }
  .uw-focus-p-3:focus { padding: 0.75rem; }
  .uw-active-p-3:active { padding: 0.75rem; }
  .uw-disabled-p-3:disabled { padding: 0.75rem; }
  .uw-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  .uw-focus-within-p-3:focus-within { padding: 0.75rem; }
  .uw-group:hover .uw-group-hover-p-3 { padding: 0.75rem; }
  .uw-p-4 { padding: 1rem; }
  .uw-hover-p-4:hover { padding: 1rem; }
  .uw-focus-p-4:focus { padding: 1rem; }
  .uw-active-p-4:active { padding: 1rem; }
  .uw-disabled-p-4:disabled { padding: 1rem; }
  .uw-focus-visible-p-4:focus-visible { padding: 1rem; }
  .uw-focus-within-p-4:focus-within { padding: 1rem; }
  .uw-group:hover .uw-group-hover-p-4 { padding: 1rem; }
  .uw-p-5 { padding: 1.25rem; }
  .uw-hover-p-5:hover { padding: 1.25rem; }
  .uw-focus-p-5:focus { padding: 1.25rem; }
  .uw-active-p-5:active { padding: 1.25rem; }
  .uw-disabled-p-5:disabled { padding: 1.25rem; }
  .uw-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  .uw-focus-within-p-5:focus-within { padding: 1.25rem; }
  .uw-group:hover .uw-group-hover-p-5 { padding: 1.25rem; }
  .uw-p-6 { padding: 1.5rem; }
  .uw-hover-p-6:hover { padding: 1.5rem; }
  .uw-focus-p-6:focus { padding: 1.5rem; }
  .uw-active-p-6:active { padding: 1.5rem; }
  .uw-disabled-p-6:disabled { padding: 1.5rem; }
  .uw-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  .uw-focus-within-p-6:focus-within { padding: 1.5rem; }
  .uw-group:hover .uw-group-hover-p-6 { padding: 1.5rem; }
  .uw-p-8 { padding: 2rem; }
  .uw-hover-p-8:hover { padding: 2rem; }
  .uw-focus-p-8:focus { padding: 2rem; }
  .uw-active-p-8:active { padding: 2rem; }
  .uw-disabled-p-8:disabled { padding: 2rem; }
  .uw-focus-visible-p-8:focus-visible { padding: 2rem; }
  .uw-focus-within-p-8:focus-within { padding: 2rem; }
  .uw-group:hover .uw-group-hover-p-8 { padding: 2rem; }
  .uw-p-10 { padding: 2.5rem; }
  .uw-hover-p-10:hover { padding: 2.5rem; }
  .uw-focus-p-10:focus { padding: 2.5rem; }
  .uw-active-p-10:active { padding: 2.5rem; }
  .uw-disabled-p-10:disabled { padding: 2.5rem; }
  .uw-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  .uw-focus-within-p-10:focus-within { padding: 2.5rem; }
  .uw-group:hover .uw-group-hover-p-10 { padding: 2.5rem; }
  .uw-p-12 { padding: 3rem; }
  .uw-hover-p-12:hover { padding: 3rem; }
  .uw-focus-p-12:focus { padding: 3rem; }
  .uw-active-p-12:active { padding: 3rem; }
  .uw-disabled-p-12:disabled { padding: 3rem; }
  .uw-focus-visible-p-12:focus-visible { padding: 3rem; }
  .uw-focus-within-p-12:focus-within { padding: 3rem; }
  .uw-group:hover .uw-group-hover-p-12 { padding: 3rem; }
  .uw-p-16 { padding: 4rem; }
  .uw-hover-p-16:hover { padding: 4rem; }
  .uw-focus-p-16:focus { padding: 4rem; }
  .uw-active-p-16:active { padding: 4rem; }
  .uw-disabled-p-16:disabled { padding: 4rem; }
  .uw-focus-visible-p-16:focus-visible { padding: 4rem; }
  .uw-focus-within-p-16:focus-within { padding: 4rem; }
  .uw-group:hover .uw-group-hover-p-16 { padding: 4rem; }
  .uw-p-20 { padding: 5rem; }
  .uw-hover-p-20:hover { padding: 5rem; }
  .uw-focus-p-20:focus { padding: 5rem; }
  .uw-active-p-20:active { padding: 5rem; }
  .uw-disabled-p-20:disabled { padding: 5rem; }
  .uw-focus-visible-p-20:focus-visible { padding: 5rem; }
  .uw-focus-within-p-20:focus-within { padding: 5rem; }
  .uw-group:hover .uw-group-hover-p-20 { padding: 5rem; }
  .uw-p-24 { padding: 6rem; }
  .uw-hover-p-24:hover { padding: 6rem; }
  .uw-focus-p-24:focus { padding: 6rem; }
  .uw-active-p-24:active { padding: 6rem; }
  .uw-disabled-p-24:disabled { padding: 6rem; }
  .uw-focus-visible-p-24:focus-visible { padding: 6rem; }
  .uw-focus-within-p-24:focus-within { padding: 6rem; }
  .uw-group:hover .uw-group-hover-p-24 { padding: 6rem; }
  .uw-p-28 { padding: 7rem; }
  .uw-hover-p-28:hover { padding: 7rem; }
  .uw-focus-p-28:focus { padding: 7rem; }
  .uw-active-p-28:active { padding: 7rem; }
  .uw-disabled-p-28:disabled { padding: 7rem; }
  .uw-focus-visible-p-28:focus-visible { padding: 7rem; }
  .uw-focus-within-p-28:focus-within { padding: 7rem; }
  .uw-group:hover .uw-group-hover-p-28 { padding: 7rem; }
  .uw-p-32 { padding: 8rem; }
  .uw-hover-p-32:hover { padding: 8rem; }
  .uw-focus-p-32:focus { padding: 8rem; }
  .uw-active-p-32:active { padding: 8rem; }
  .uw-disabled-p-32:disabled { padding: 8rem; }
  .uw-focus-visible-p-32:focus-visible { padding: 8rem; }
  .uw-focus-within-p-32:focus-within { padding: 8rem; }
  .uw-group:hover .uw-group-hover-p-32 { padding: 8rem; }
  .uw-pt-auto { padding-top: auto; }
  .uw-hover-pt-auto:hover { padding-top: auto; }
  .uw-focus-pt-auto:focus { padding-top: auto; }
  .uw-active-pt-auto:active { padding-top: auto; }
  .uw-disabled-pt-auto:disabled { padding-top: auto; }
  .uw-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  .uw-focus-within-pt-auto:focus-within { padding-top: auto; }
  .uw-group:hover .uw-group-hover-pt-auto { padding-top: auto; }
  .uw-pt-0 { padding-top: 0; }
  .uw-hover-pt-0:hover { padding-top: 0; }
  .uw-focus-pt-0:focus { padding-top: 0; }
  .uw-active-pt-0:active { padding-top: 0; }
  .uw-disabled-pt-0:disabled { padding-top: 0; }
  .uw-focus-visible-pt-0:focus-visible { padding-top: 0; }
  .uw-focus-within-pt-0:focus-within { padding-top: 0; }
  .uw-group:hover .uw-group-hover-pt-0 { padding-top: 0; }
  .uw-pt-1 { padding-top: 0.25rem; }
  .uw-hover-pt-1:hover { padding-top: 0.25rem; }
  .uw-focus-pt-1:focus { padding-top: 0.25rem; }
  .uw-active-pt-1:active { padding-top: 0.25rem; }
  .uw-disabled-pt-1:disabled { padding-top: 0.25rem; }
  .uw-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  .uw-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  .uw-group:hover .uw-group-hover-pt-1 { padding-top: 0.25rem; }
  .uw-pt-2 { padding-top: 0.5rem; }
  .uw-hover-pt-2:hover { padding-top: 0.5rem; }
  .uw-focus-pt-2:focus { padding-top: 0.5rem; }
  .uw-active-pt-2:active { padding-top: 0.5rem; }
  .uw-disabled-pt-2:disabled { padding-top: 0.5rem; }
  .uw-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  .uw-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  .uw-group:hover .uw-group-hover-pt-2 { padding-top: 0.5rem; }
  .uw-pt-3 { padding-top: 0.75rem; }
  .uw-hover-pt-3:hover { padding-top: 0.75rem; }
  .uw-focus-pt-3:focus { padding-top: 0.75rem; }
  .uw-active-pt-3:active { padding-top: 0.75rem; }
  .uw-disabled-pt-3:disabled { padding-top: 0.75rem; }
  .uw-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  .uw-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  .uw-group:hover .uw-group-hover-pt-3 { padding-top: 0.75rem; }
  .uw-pt-4 { padding-top: 1rem; }
  .uw-hover-pt-4:hover { padding-top: 1rem; }
  .uw-focus-pt-4:focus { padding-top: 1rem; }
  .uw-active-pt-4:active { padding-top: 1rem; }
  .uw-disabled-pt-4:disabled { padding-top: 1rem; }
  .uw-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  .uw-focus-within-pt-4:focus-within { padding-top: 1rem; }
  .uw-group:hover .uw-group-hover-pt-4 { padding-top: 1rem; }
  .uw-pt-5 { padding-top: 1.25rem; }
  .uw-hover-pt-5:hover { padding-top: 1.25rem; }
  .uw-focus-pt-5:focus { padding-top: 1.25rem; }
  .uw-active-pt-5:active { padding-top: 1.25rem; }
  .uw-disabled-pt-5:disabled { padding-top: 1.25rem; }
  .uw-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  .uw-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  .uw-group:hover .uw-group-hover-pt-5 { padding-top: 1.25rem; }
  .uw-pt-6 { padding-top: 1.5rem; }
  .uw-hover-pt-6:hover { padding-top: 1.5rem; }
  .uw-focus-pt-6:focus { padding-top: 1.5rem; }
  .uw-active-pt-6:active { padding-top: 1.5rem; }
  .uw-disabled-pt-6:disabled { padding-top: 1.5rem; }
  .uw-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  .uw-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  .uw-group:hover .uw-group-hover-pt-6 { padding-top: 1.5rem; }
  .uw-pt-8 { padding-top: 2rem; }
  .uw-hover-pt-8:hover { padding-top: 2rem; }
  .uw-focus-pt-8:focus { padding-top: 2rem; }
  .uw-active-pt-8:active { padding-top: 2rem; }
  .uw-disabled-pt-8:disabled { padding-top: 2rem; }
  .uw-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  .uw-focus-within-pt-8:focus-within { padding-top: 2rem; }
  .uw-group:hover .uw-group-hover-pt-8 { padding-top: 2rem; }
  .uw-pt-10 { padding-top: 2.5rem; }
  .uw-hover-pt-10:hover { padding-top: 2.5rem; }
  .uw-focus-pt-10:focus { padding-top: 2.5rem; }
  .uw-active-pt-10:active { padding-top: 2.5rem; }
  .uw-disabled-pt-10:disabled { padding-top: 2.5rem; }
  .uw-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  .uw-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  .uw-group:hover .uw-group-hover-pt-10 { padding-top: 2.5rem; }
  .uw-pt-12 { padding-top: 3rem; }
  .uw-hover-pt-12:hover { padding-top: 3rem; }
  .uw-focus-pt-12:focus { padding-top: 3rem; }
  .uw-active-pt-12:active { padding-top: 3rem; }
  .uw-disabled-pt-12:disabled { padding-top: 3rem; }
  .uw-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  .uw-focus-within-pt-12:focus-within { padding-top: 3rem; }
  .uw-group:hover .uw-group-hover-pt-12 { padding-top: 3rem; }
  .uw-pt-16 { padding-top: 4rem; }
  .uw-hover-pt-16:hover { padding-top: 4rem; }
  .uw-focus-pt-16:focus { padding-top: 4rem; }
  .uw-active-pt-16:active { padding-top: 4rem; }
  .uw-disabled-pt-16:disabled { padding-top: 4rem; }
  .uw-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  .uw-focus-within-pt-16:focus-within { padding-top: 4rem; }
  .uw-group:hover .uw-group-hover-pt-16 { padding-top: 4rem; }
  .uw-pt-20 { padding-top: 5rem; }
  .uw-hover-pt-20:hover { padding-top: 5rem; }
  .uw-focus-pt-20:focus { padding-top: 5rem; }
  .uw-active-pt-20:active { padding-top: 5rem; }
  .uw-disabled-pt-20:disabled { padding-top: 5rem; }
  .uw-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  .uw-focus-within-pt-20:focus-within { padding-top: 5rem; }
  .uw-group:hover .uw-group-hover-pt-20 { padding-top: 5rem; }
  .uw-pt-24 { padding-top: 6rem; }
  .uw-hover-pt-24:hover { padding-top: 6rem; }
  .uw-focus-pt-24:focus { padding-top: 6rem; }
  .uw-active-pt-24:active { padding-top: 6rem; }
  .uw-disabled-pt-24:disabled { padding-top: 6rem; }
  .uw-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  .uw-focus-within-pt-24:focus-within { padding-top: 6rem; }
  .uw-group:hover .uw-group-hover-pt-24 { padding-top: 6rem; }
  .uw-pt-28 { padding-top: 7rem; }
  .uw-hover-pt-28:hover { padding-top: 7rem; }
  .uw-focus-pt-28:focus { padding-top: 7rem; }
  .uw-active-pt-28:active { padding-top: 7rem; }
  .uw-disabled-pt-28:disabled { padding-top: 7rem; }
  .uw-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  .uw-focus-within-pt-28:focus-within { padding-top: 7rem; }
  .uw-group:hover .uw-group-hover-pt-28 { padding-top: 7rem; }
  .uw-pt-32 { padding-top: 8rem; }
  .uw-hover-pt-32:hover { padding-top: 8rem; }
  .uw-focus-pt-32:focus { padding-top: 8rem; }
  .uw-active-pt-32:active { padding-top: 8rem; }
  .uw-disabled-pt-32:disabled { padding-top: 8rem; }
  .uw-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  .uw-focus-within-pt-32:focus-within { padding-top: 8rem; }
  .uw-group:hover .uw-group-hover-pt-32 { padding-top: 8rem; }
  .uw-pb-auto { padding-bottom: auto; }
  .uw-hover-pb-auto:hover { padding-bottom: auto; }
  .uw-focus-pb-auto:focus { padding-bottom: auto; }
  .uw-active-pb-auto:active { padding-bottom: auto; }
  .uw-disabled-pb-auto:disabled { padding-bottom: auto; }
  .uw-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  .uw-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  .uw-group:hover .uw-group-hover-pb-auto { padding-bottom: auto; }
  .uw-pb-0 { padding-bottom: 0; }
  .uw-hover-pb-0:hover { padding-bottom: 0; }
  .uw-focus-pb-0:focus { padding-bottom: 0; }
  .uw-active-pb-0:active { padding-bottom: 0; }
  .uw-disabled-pb-0:disabled { padding-bottom: 0; }
  .uw-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  .uw-focus-within-pb-0:focus-within { padding-bottom: 0; }
  .uw-group:hover .uw-group-hover-pb-0 { padding-bottom: 0; }
  .uw-pb-1 { padding-bottom: 0.25rem; }
  .uw-hover-pb-1:hover { padding-bottom: 0.25rem; }
  .uw-focus-pb-1:focus { padding-bottom: 0.25rem; }
  .uw-active-pb-1:active { padding-bottom: 0.25rem; }
  .uw-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  .uw-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  .uw-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  .uw-group:hover .uw-group-hover-pb-1 { padding-bottom: 0.25rem; }
  .uw-pb-2 { padding-bottom: 0.5rem; }
  .uw-hover-pb-2:hover { padding-bottom: 0.5rem; }
  .uw-focus-pb-2:focus { padding-bottom: 0.5rem; }
  .uw-active-pb-2:active { padding-bottom: 0.5rem; }
  .uw-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  .uw-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  .uw-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  .uw-group:hover .uw-group-hover-pb-2 { padding-bottom: 0.5rem; }
  .uw-pb-3 { padding-bottom: 0.75rem; }
  .uw-hover-pb-3:hover { padding-bottom: 0.75rem; }
  .uw-focus-pb-3:focus { padding-bottom: 0.75rem; }
  .uw-active-pb-3:active { padding-bottom: 0.75rem; }
  .uw-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  .uw-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  .uw-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  .uw-group:hover .uw-group-hover-pb-3 { padding-bottom: 0.75rem; }
  .uw-pb-4 { padding-bottom: 1rem; }
  .uw-hover-pb-4:hover { padding-bottom: 1rem; }
  .uw-focus-pb-4:focus { padding-bottom: 1rem; }
  .uw-active-pb-4:active { padding-bottom: 1rem; }
  .uw-disabled-pb-4:disabled { padding-bottom: 1rem; }
  .uw-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  .uw-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  .uw-group:hover .uw-group-hover-pb-4 { padding-bottom: 1rem; }
  .uw-pb-5 { padding-bottom: 1.25rem; }
  .uw-hover-pb-5:hover { padding-bottom: 1.25rem; }
  .uw-focus-pb-5:focus { padding-bottom: 1.25rem; }
  .uw-active-pb-5:active { padding-bottom: 1.25rem; }
  .uw-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  .uw-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  .uw-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  .uw-group:hover .uw-group-hover-pb-5 { padding-bottom: 1.25rem; }
  .uw-pb-6 { padding-bottom: 1.5rem; }
  .uw-hover-pb-6:hover { padding-bottom: 1.5rem; }
  .uw-focus-pb-6:focus { padding-bottom: 1.5rem; }
  .uw-active-pb-6:active { padding-bottom: 1.5rem; }
  .uw-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  .uw-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  .uw-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  .uw-group:hover .uw-group-hover-pb-6 { padding-bottom: 1.5rem; }
  .uw-pb-8 { padding-bottom: 2rem; }
  .uw-hover-pb-8:hover { padding-bottom: 2rem; }
  .uw-focus-pb-8:focus { padding-bottom: 2rem; }
  .uw-active-pb-8:active { padding-bottom: 2rem; }
  .uw-disabled-pb-8:disabled { padding-bottom: 2rem; }
  .uw-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  .uw-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  .uw-group:hover .uw-group-hover-pb-8 { padding-bottom: 2rem; }
  .uw-pb-10 { padding-bottom: 2.5rem; }
  .uw-hover-pb-10:hover { padding-bottom: 2.5rem; }
  .uw-focus-pb-10:focus { padding-bottom: 2.5rem; }
  .uw-active-pb-10:active { padding-bottom: 2.5rem; }
  .uw-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  .uw-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  .uw-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  .uw-group:hover .uw-group-hover-pb-10 { padding-bottom: 2.5rem; }
  .uw-pb-12 { padding-bottom: 3rem; }
  .uw-hover-pb-12:hover { padding-bottom: 3rem; }
  .uw-focus-pb-12:focus { padding-bottom: 3rem; }
  .uw-active-pb-12:active { padding-bottom: 3rem; }
  .uw-disabled-pb-12:disabled { padding-bottom: 3rem; }
  .uw-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  .uw-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  .uw-group:hover .uw-group-hover-pb-12 { padding-bottom: 3rem; }
  .uw-pb-16 { padding-bottom: 4rem; }
  .uw-hover-pb-16:hover { padding-bottom: 4rem; }
  .uw-focus-pb-16:focus { padding-bottom: 4rem; }
  .uw-active-pb-16:active { padding-bottom: 4rem; }
  .uw-disabled-pb-16:disabled { padding-bottom: 4rem; }
  .uw-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  .uw-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  .uw-group:hover .uw-group-hover-pb-16 { padding-bottom: 4rem; }
  .uw-pb-20 { padding-bottom: 5rem; }
  .uw-hover-pb-20:hover { padding-bottom: 5rem; }
  .uw-focus-pb-20:focus { padding-bottom: 5rem; }
  .uw-active-pb-20:active { padding-bottom: 5rem; }
  .uw-disabled-pb-20:disabled { padding-bottom: 5rem; }
  .uw-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  .uw-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  .uw-group:hover .uw-group-hover-pb-20 { padding-bottom: 5rem; }
  .uw-pb-24 { padding-bottom: 6rem; }
  .uw-hover-pb-24:hover { padding-bottom: 6rem; }
  .uw-focus-pb-24:focus { padding-bottom: 6rem; }
  .uw-active-pb-24:active { padding-bottom: 6rem; }
  .uw-disabled-pb-24:disabled { padding-bottom: 6rem; }
  .uw-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  .uw-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  .uw-group:hover .uw-group-hover-pb-24 { padding-bottom: 6rem; }
  .uw-pb-28 { padding-bottom: 7rem; }
  .uw-hover-pb-28:hover { padding-bottom: 7rem; }
  .uw-focus-pb-28:focus { padding-bottom: 7rem; }
  .uw-active-pb-28:active { padding-bottom: 7rem; }
  .uw-disabled-pb-28:disabled { padding-bottom: 7rem; }
  .uw-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  .uw-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  .uw-group:hover .uw-group-hover-pb-28 { padding-bottom: 7rem; }
  .uw-pb-32 { padding-bottom: 8rem; }
  .uw-hover-pb-32:hover { padding-bottom: 8rem; }
  .uw-focus-pb-32:focus { padding-bottom: 8rem; }
  .uw-active-pb-32:active { padding-bottom: 8rem; }
  .uw-disabled-pb-32:disabled { padding-bottom: 8rem; }
  .uw-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  .uw-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  .uw-group:hover .uw-group-hover-pb-32 { padding-bottom: 8rem; }
  .uw-pl-auto { padding-left: auto; }
  .uw-hover-pl-auto:hover { padding-left: auto; }
  .uw-focus-pl-auto:focus { padding-left: auto; }
  .uw-active-pl-auto:active { padding-left: auto; }
  .uw-disabled-pl-auto:disabled { padding-left: auto; }
  .uw-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  .uw-focus-within-pl-auto:focus-within { padding-left: auto; }
  .uw-group:hover .uw-group-hover-pl-auto { padding-left: auto; }
  .uw-pl-0 { padding-left: 0; }
  .uw-hover-pl-0:hover { padding-left: 0; }
  .uw-focus-pl-0:focus { padding-left: 0; }
  .uw-active-pl-0:active { padding-left: 0; }
  .uw-disabled-pl-0:disabled { padding-left: 0; }
  .uw-focus-visible-pl-0:focus-visible { padding-left: 0; }
  .uw-focus-within-pl-0:focus-within { padding-left: 0; }
  .uw-group:hover .uw-group-hover-pl-0 { padding-left: 0; }
  .uw-pl-1 { padding-left: 0.25rem; }
  .uw-hover-pl-1:hover { padding-left: 0.25rem; }
  .uw-focus-pl-1:focus { padding-left: 0.25rem; }
  .uw-active-pl-1:active { padding-left: 0.25rem; }
  .uw-disabled-pl-1:disabled { padding-left: 0.25rem; }
  .uw-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  .uw-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  .uw-group:hover .uw-group-hover-pl-1 { padding-left: 0.25rem; }
  .uw-pl-2 { padding-left: 0.5rem; }
  .uw-hover-pl-2:hover { padding-left: 0.5rem; }
  .uw-focus-pl-2:focus { padding-left: 0.5rem; }
  .uw-active-pl-2:active { padding-left: 0.5rem; }
  .uw-disabled-pl-2:disabled { padding-left: 0.5rem; }
  .uw-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  .uw-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  .uw-group:hover .uw-group-hover-pl-2 { padding-left: 0.5rem; }
  .uw-pl-3 { padding-left: 0.75rem; }
  .uw-hover-pl-3:hover { padding-left: 0.75rem; }
  .uw-focus-pl-3:focus { padding-left: 0.75rem; }
  .uw-active-pl-3:active { padding-left: 0.75rem; }
  .uw-disabled-pl-3:disabled { padding-left: 0.75rem; }
  .uw-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  .uw-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  .uw-group:hover .uw-group-hover-pl-3 { padding-left: 0.75rem; }
  .uw-pl-4 { padding-left: 1rem; }
  .uw-hover-pl-4:hover { padding-left: 1rem; }
  .uw-focus-pl-4:focus { padding-left: 1rem; }
  .uw-active-pl-4:active { padding-left: 1rem; }
  .uw-disabled-pl-4:disabled { padding-left: 1rem; }
  .uw-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  .uw-focus-within-pl-4:focus-within { padding-left: 1rem; }
  .uw-group:hover .uw-group-hover-pl-4 { padding-left: 1rem; }
  .uw-pl-5 { padding-left: 1.25rem; }
  .uw-hover-pl-5:hover { padding-left: 1.25rem; }
  .uw-focus-pl-5:focus { padding-left: 1.25rem; }
  .uw-active-pl-5:active { padding-left: 1.25rem; }
  .uw-disabled-pl-5:disabled { padding-left: 1.25rem; }
  .uw-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  .uw-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  .uw-group:hover .uw-group-hover-pl-5 { padding-left: 1.25rem; }
  .uw-pl-6 { padding-left: 1.5rem; }
  .uw-hover-pl-6:hover { padding-left: 1.5rem; }
  .uw-focus-pl-6:focus { padding-left: 1.5rem; }
  .uw-active-pl-6:active { padding-left: 1.5rem; }
  .uw-disabled-pl-6:disabled { padding-left: 1.5rem; }
  .uw-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  .uw-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  .uw-group:hover .uw-group-hover-pl-6 { padding-left: 1.5rem; }
  .uw-pl-8 { padding-left: 2rem; }
  .uw-hover-pl-8:hover { padding-left: 2rem; }
  .uw-focus-pl-8:focus { padding-left: 2rem; }
  .uw-active-pl-8:active { padding-left: 2rem; }
  .uw-disabled-pl-8:disabled { padding-left: 2rem; }
  .uw-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  .uw-focus-within-pl-8:focus-within { padding-left: 2rem; }
  .uw-group:hover .uw-group-hover-pl-8 { padding-left: 2rem; }
  .uw-pl-10 { padding-left: 2.5rem; }
  .uw-hover-pl-10:hover { padding-left: 2.5rem; }
  .uw-focus-pl-10:focus { padding-left: 2.5rem; }
  .uw-active-pl-10:active { padding-left: 2.5rem; }
  .uw-disabled-pl-10:disabled { padding-left: 2.5rem; }
  .uw-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  .uw-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  .uw-group:hover .uw-group-hover-pl-10 { padding-left: 2.5rem; }
  .uw-pl-12 { padding-left: 3rem; }
  .uw-hover-pl-12:hover { padding-left: 3rem; }
  .uw-focus-pl-12:focus { padding-left: 3rem; }
  .uw-active-pl-12:active { padding-left: 3rem; }
  .uw-disabled-pl-12:disabled { padding-left: 3rem; }
  .uw-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  .uw-focus-within-pl-12:focus-within { padding-left: 3rem; }
  .uw-group:hover .uw-group-hover-pl-12 { padding-left: 3rem; }
  .uw-pl-16 { padding-left: 4rem; }
  .uw-hover-pl-16:hover { padding-left: 4rem; }
  .uw-focus-pl-16:focus { padding-left: 4rem; }
  .uw-active-pl-16:active { padding-left: 4rem; }
  .uw-disabled-pl-16:disabled { padding-left: 4rem; }
  .uw-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  .uw-focus-within-pl-16:focus-within { padding-left: 4rem; }
  .uw-group:hover .uw-group-hover-pl-16 { padding-left: 4rem; }
  .uw-pl-20 { padding-left: 5rem; }
  .uw-hover-pl-20:hover { padding-left: 5rem; }
  .uw-focus-pl-20:focus { padding-left: 5rem; }
  .uw-active-pl-20:active { padding-left: 5rem; }
  .uw-disabled-pl-20:disabled { padding-left: 5rem; }
  .uw-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  .uw-focus-within-pl-20:focus-within { padding-left: 5rem; }
  .uw-group:hover .uw-group-hover-pl-20 { padding-left: 5rem; }
  .uw-pl-24 { padding-left: 6rem; }
  .uw-hover-pl-24:hover { padding-left: 6rem; }
  .uw-focus-pl-24:focus { padding-left: 6rem; }
  .uw-active-pl-24:active { padding-left: 6rem; }
  .uw-disabled-pl-24:disabled { padding-left: 6rem; }
  .uw-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  .uw-focus-within-pl-24:focus-within { padding-left: 6rem; }
  .uw-group:hover .uw-group-hover-pl-24 { padding-left: 6rem; }
  .uw-pl-28 { padding-left: 7rem; }
  .uw-hover-pl-28:hover { padding-left: 7rem; }
  .uw-focus-pl-28:focus { padding-left: 7rem; }
  .uw-active-pl-28:active { padding-left: 7rem; }
  .uw-disabled-pl-28:disabled { padding-left: 7rem; }
  .uw-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  .uw-focus-within-pl-28:focus-within { padding-left: 7rem; }
  .uw-group:hover .uw-group-hover-pl-28 { padding-left: 7rem; }
  .uw-pl-32 { padding-left: 8rem; }
  .uw-hover-pl-32:hover { padding-left: 8rem; }
  .uw-focus-pl-32:focus { padding-left: 8rem; }
  .uw-active-pl-32:active { padding-left: 8rem; }
  .uw-disabled-pl-32:disabled { padding-left: 8rem; }
  .uw-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  .uw-focus-within-pl-32:focus-within { padding-left: 8rem; }
  .uw-group:hover .uw-group-hover-pl-32 { padding-left: 8rem; }
  .uw-pr-auto { padding-right: auto; }
  .uw-hover-pr-auto:hover { padding-right: auto; }
  .uw-focus-pr-auto:focus { padding-right: auto; }
  .uw-active-pr-auto:active { padding-right: auto; }
  .uw-disabled-pr-auto:disabled { padding-right: auto; }
  .uw-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  .uw-focus-within-pr-auto:focus-within { padding-right: auto; }
  .uw-group:hover .uw-group-hover-pr-auto { padding-right: auto; }
  .uw-pr-0 { padding-right: 0; }
  .uw-hover-pr-0:hover { padding-right: 0; }
  .uw-focus-pr-0:focus { padding-right: 0; }
  .uw-active-pr-0:active { padding-right: 0; }
  .uw-disabled-pr-0:disabled { padding-right: 0; }
  .uw-focus-visible-pr-0:focus-visible { padding-right: 0; }
  .uw-focus-within-pr-0:focus-within { padding-right: 0; }
  .uw-group:hover .uw-group-hover-pr-0 { padding-right: 0; }
  .uw-pr-1 { padding-right: 0.25rem; }
  .uw-hover-pr-1:hover { padding-right: 0.25rem; }
  .uw-focus-pr-1:focus { padding-right: 0.25rem; }
  .uw-active-pr-1:active { padding-right: 0.25rem; }
  .uw-disabled-pr-1:disabled { padding-right: 0.25rem; }
  .uw-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  .uw-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  .uw-group:hover .uw-group-hover-pr-1 { padding-right: 0.25rem; }
  .uw-pr-2 { padding-right: 0.5rem; }
  .uw-hover-pr-2:hover { padding-right: 0.5rem; }
  .uw-focus-pr-2:focus { padding-right: 0.5rem; }
  .uw-active-pr-2:active { padding-right: 0.5rem; }
  .uw-disabled-pr-2:disabled { padding-right: 0.5rem; }
  .uw-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  .uw-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  .uw-group:hover .uw-group-hover-pr-2 { padding-right: 0.5rem; }
  .uw-pr-3 { padding-right: 0.75rem; }
  .uw-hover-pr-3:hover { padding-right: 0.75rem; }
  .uw-focus-pr-3:focus { padding-right: 0.75rem; }
  .uw-active-pr-3:active { padding-right: 0.75rem; }
  .uw-disabled-pr-3:disabled { padding-right: 0.75rem; }
  .uw-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  .uw-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  .uw-group:hover .uw-group-hover-pr-3 { padding-right: 0.75rem; }
  .uw-pr-4 { padding-right: 1rem; }
  .uw-hover-pr-4:hover { padding-right: 1rem; }
  .uw-focus-pr-4:focus { padding-right: 1rem; }
  .uw-active-pr-4:active { padding-right: 1rem; }
  .uw-disabled-pr-4:disabled { padding-right: 1rem; }
  .uw-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  .uw-focus-within-pr-4:focus-within { padding-right: 1rem; }
  .uw-group:hover .uw-group-hover-pr-4 { padding-right: 1rem; }
  .uw-pr-5 { padding-right: 1.25rem; }
  .uw-hover-pr-5:hover { padding-right: 1.25rem; }
  .uw-focus-pr-5:focus { padding-right: 1.25rem; }
  .uw-active-pr-5:active { padding-right: 1.25rem; }
  .uw-disabled-pr-5:disabled { padding-right: 1.25rem; }
  .uw-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  .uw-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  .uw-group:hover .uw-group-hover-pr-5 { padding-right: 1.25rem; }
  .uw-pr-6 { padding-right: 1.5rem; }
  .uw-hover-pr-6:hover { padding-right: 1.5rem; }
  .uw-focus-pr-6:focus { padding-right: 1.5rem; }
  .uw-active-pr-6:active { padding-right: 1.5rem; }
  .uw-disabled-pr-6:disabled { padding-right: 1.5rem; }
  .uw-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  .uw-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  .uw-group:hover .uw-group-hover-pr-6 { padding-right: 1.5rem; }
  .uw-pr-8 { padding-right: 2rem; }
  .uw-hover-pr-8:hover { padding-right: 2rem; }
  .uw-focus-pr-8:focus { padding-right: 2rem; }
  .uw-active-pr-8:active { padding-right: 2rem; }
  .uw-disabled-pr-8:disabled { padding-right: 2rem; }
  .uw-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  .uw-focus-within-pr-8:focus-within { padding-right: 2rem; }
  .uw-group:hover .uw-group-hover-pr-8 { padding-right: 2rem; }
  .uw-pr-10 { padding-right: 2.5rem; }
  .uw-hover-pr-10:hover { padding-right: 2.5rem; }
  .uw-focus-pr-10:focus { padding-right: 2.5rem; }
  .uw-active-pr-10:active { padding-right: 2.5rem; }
  .uw-disabled-pr-10:disabled { padding-right: 2.5rem; }
  .uw-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  .uw-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  .uw-group:hover .uw-group-hover-pr-10 { padding-right: 2.5rem; }
  .uw-pr-12 { padding-right: 3rem; }
  .uw-hover-pr-12:hover { padding-right: 3rem; }
  .uw-focus-pr-12:focus { padding-right: 3rem; }
  .uw-active-pr-12:active { padding-right: 3rem; }
  .uw-disabled-pr-12:disabled { padding-right: 3rem; }
  .uw-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  .uw-focus-within-pr-12:focus-within { padding-right: 3rem; }
  .uw-group:hover .uw-group-hover-pr-12 { padding-right: 3rem; }
  .uw-pr-16 { padding-right: 4rem; }
  .uw-hover-pr-16:hover { padding-right: 4rem; }
  .uw-focus-pr-16:focus { padding-right: 4rem; }
  .uw-active-pr-16:active { padding-right: 4rem; }
  .uw-disabled-pr-16:disabled { padding-right: 4rem; }
  .uw-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  .uw-focus-within-pr-16:focus-within { padding-right: 4rem; }
  .uw-group:hover .uw-group-hover-pr-16 { padding-right: 4rem; }
  .uw-pr-20 { padding-right: 5rem; }
  .uw-hover-pr-20:hover { padding-right: 5rem; }
  .uw-focus-pr-20:focus { padding-right: 5rem; }
  .uw-active-pr-20:active { padding-right: 5rem; }
  .uw-disabled-pr-20:disabled { padding-right: 5rem; }
  .uw-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  .uw-focus-within-pr-20:focus-within { padding-right: 5rem; }
  .uw-group:hover .uw-group-hover-pr-20 { padding-right: 5rem; }
  .uw-pr-24 { padding-right: 6rem; }
  .uw-hover-pr-24:hover { padding-right: 6rem; }
  .uw-focus-pr-24:focus { padding-right: 6rem; }
  .uw-active-pr-24:active { padding-right: 6rem; }
  .uw-disabled-pr-24:disabled { padding-right: 6rem; }
  .uw-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  .uw-focus-within-pr-24:focus-within { padding-right: 6rem; }
  .uw-group:hover .uw-group-hover-pr-24 { padding-right: 6rem; }
  .uw-pr-28 { padding-right: 7rem; }
  .uw-hover-pr-28:hover { padding-right: 7rem; }
  .uw-focus-pr-28:focus { padding-right: 7rem; }
  .uw-active-pr-28:active { padding-right: 7rem; }
  .uw-disabled-pr-28:disabled { padding-right: 7rem; }
  .uw-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  .uw-focus-within-pr-28:focus-within { padding-right: 7rem; }
  .uw-group:hover .uw-group-hover-pr-28 { padding-right: 7rem; }
  .uw-pr-32 { padding-right: 8rem; }
  .uw-hover-pr-32:hover { padding-right: 8rem; }
  .uw-focus-pr-32:focus { padding-right: 8rem; }
  .uw-active-pr-32:active { padding-right: 8rem; }
  .uw-disabled-pr-32:disabled { padding-right: 8rem; }
  .uw-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  .uw-focus-within-pr-32:focus-within { padding-right: 8rem; }
  .uw-group:hover .uw-group-hover-pr-32 { padding-right: 8rem; }
  .uw-px-auto { padding-left: auto; padding-right: auto; }
  .uw-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  .uw-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  .uw-active-px-auto:active { padding-left: auto; padding-right: auto; }
  .uw-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  .uw-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  .uw-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  .uw-group:hover .uw-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  .uw-px-0 { padding-left: 0; padding-right: 0; }
  .uw-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  .uw-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  .uw-active-px-0:active { padding-left: 0; padding-right: 0; }
  .uw-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  .uw-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  .uw-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  .uw-group:hover .uw-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  .uw-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-group:hover .uw-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .uw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-group:hover .uw-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .uw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-group:hover .uw-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .uw-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .uw-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  .uw-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  .uw-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  .uw-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  .uw-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  .uw-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  .uw-group:hover .uw-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .uw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-group:hover .uw-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .uw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-group:hover .uw-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .uw-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .uw-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  .uw-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  .uw-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  .uw-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  .uw-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  .uw-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  .uw-group:hover .uw-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  .uw-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-group:hover .uw-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .uw-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .uw-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  .uw-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  .uw-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  .uw-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  .uw-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  .uw-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  .uw-group:hover .uw-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .uw-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .uw-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  .uw-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  .uw-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  .uw-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  .uw-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  .uw-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  .uw-group:hover .uw-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  .uw-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .uw-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  .uw-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  .uw-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  .uw-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  .uw-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  .uw-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  .uw-group:hover .uw-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  .uw-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .uw-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  .uw-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  .uw-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  .uw-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  .uw-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  .uw-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  .uw-group:hover .uw-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  .uw-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .uw-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  .uw-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  .uw-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  .uw-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  .uw-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  .uw-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  .uw-group:hover .uw-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  .uw-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .uw-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  .uw-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  .uw-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  .uw-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  .uw-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  .uw-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  .uw-group:hover .uw-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  .uw-py-auto { padding-top: auto; padding-bottom: auto; }
  .uw-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  .uw-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  .uw-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  .uw-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  .uw-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  .uw-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  .uw-group:hover .uw-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  .uw-py-0 { padding-top: 0; padding-bottom: 0; }
  .uw-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  .uw-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  .uw-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  .uw-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  .uw-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  .uw-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  .uw-group:hover .uw-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  .uw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-group:hover .uw-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .uw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-group:hover .uw-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .uw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-group:hover .uw-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .uw-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-group:hover .uw-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .uw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-group:hover .uw-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .uw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-group:hover .uw-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .uw-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-group:hover .uw-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .uw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-group:hover .uw-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .uw-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-group:hover .uw-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .uw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-group:hover .uw-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .uw-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-group:hover .uw-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .uw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-group:hover .uw-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .uw-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-group:hover .uw-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .uw-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-group:hover .uw-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .uw-m-auto { margin: auto; }
  .uw-hover-m-auto:hover { margin: auto; }
  .uw-focus-m-auto:focus { margin: auto; }
  .uw-active-m-auto:active { margin: auto; }
  .uw-disabled-m-auto:disabled { margin: auto; }
  .uw-focus-visible-m-auto:focus-visible { margin: auto; }
  .uw-focus-within-m-auto:focus-within { margin: auto; }
  .uw-group:hover .uw-group-hover-m-auto { margin: auto; }
  .uw-m-0 { margin: 0; }
  .uw-hover-m-0:hover { margin: 0; }
  .uw-focus-m-0:focus { margin: 0; }
  .uw-active-m-0:active { margin: 0; }
  .uw-disabled-m-0:disabled { margin: 0; }
  .uw-focus-visible-m-0:focus-visible { margin: 0; }
  .uw-focus-within-m-0:focus-within { margin: 0; }
  .uw-group:hover .uw-group-hover-m-0 { margin: 0; }
  .uw-m-1 { margin: 0.25rem; }
  .uw-hover-m-1:hover { margin: 0.25rem; }
  .uw-focus-m-1:focus { margin: 0.25rem; }
  .uw-active-m-1:active { margin: 0.25rem; }
  .uw-disabled-m-1:disabled { margin: 0.25rem; }
  .uw-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  .uw-focus-within-m-1:focus-within { margin: 0.25rem; }
  .uw-group:hover .uw-group-hover-m-1 { margin: 0.25rem; }
  .uw-m-2 { margin: 0.5rem; }
  .uw-hover-m-2:hover { margin: 0.5rem; }
  .uw-focus-m-2:focus { margin: 0.5rem; }
  .uw-active-m-2:active { margin: 0.5rem; }
  .uw-disabled-m-2:disabled { margin: 0.5rem; }
  .uw-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  .uw-focus-within-m-2:focus-within { margin: 0.5rem; }
  .uw-group:hover .uw-group-hover-m-2 { margin: 0.5rem; }
  .uw-m-3 { margin: 0.75rem; }
  .uw-hover-m-3:hover { margin: 0.75rem; }
  .uw-focus-m-3:focus { margin: 0.75rem; }
  .uw-active-m-3:active { margin: 0.75rem; }
  .uw-disabled-m-3:disabled { margin: 0.75rem; }
  .uw-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  .uw-focus-within-m-3:focus-within { margin: 0.75rem; }
  .uw-group:hover .uw-group-hover-m-3 { margin: 0.75rem; }
  .uw-m-4 { margin: 1rem; }
  .uw-hover-m-4:hover { margin: 1rem; }
  .uw-focus-m-4:focus { margin: 1rem; }
  .uw-active-m-4:active { margin: 1rem; }
  .uw-disabled-m-4:disabled { margin: 1rem; }
  .uw-focus-visible-m-4:focus-visible { margin: 1rem; }
  .uw-focus-within-m-4:focus-within { margin: 1rem; }
  .uw-group:hover .uw-group-hover-m-4 { margin: 1rem; }
  .uw-m-5 { margin: 1.25rem; }
  .uw-hover-m-5:hover { margin: 1.25rem; }
  .uw-focus-m-5:focus { margin: 1.25rem; }
  .uw-active-m-5:active { margin: 1.25rem; }
  .uw-disabled-m-5:disabled { margin: 1.25rem; }
  .uw-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  .uw-focus-within-m-5:focus-within { margin: 1.25rem; }
  .uw-group:hover .uw-group-hover-m-5 { margin: 1.25rem; }
  .uw-m-6 { margin: 1.5rem; }
  .uw-hover-m-6:hover { margin: 1.5rem; }
  .uw-focus-m-6:focus { margin: 1.5rem; }
  .uw-active-m-6:active { margin: 1.5rem; }
  .uw-disabled-m-6:disabled { margin: 1.5rem; }
  .uw-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  .uw-focus-within-m-6:focus-within { margin: 1.5rem; }
  .uw-group:hover .uw-group-hover-m-6 { margin: 1.5rem; }
  .uw-m-8 { margin: 2rem; }
  .uw-hover-m-8:hover { margin: 2rem; }
  .uw-focus-m-8:focus { margin: 2rem; }
  .uw-active-m-8:active { margin: 2rem; }
  .uw-disabled-m-8:disabled { margin: 2rem; }
  .uw-focus-visible-m-8:focus-visible { margin: 2rem; }
  .uw-focus-within-m-8:focus-within { margin: 2rem; }
  .uw-group:hover .uw-group-hover-m-8 { margin: 2rem; }
  .uw-m-10 { margin: 2.5rem; }
  .uw-hover-m-10:hover { margin: 2.5rem; }
  .uw-focus-m-10:focus { margin: 2.5rem; }
  .uw-active-m-10:active { margin: 2.5rem; }
  .uw-disabled-m-10:disabled { margin: 2.5rem; }
  .uw-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  .uw-focus-within-m-10:focus-within { margin: 2.5rem; }
  .uw-group:hover .uw-group-hover-m-10 { margin: 2.5rem; }
  .uw-m-12 { margin: 3rem; }
  .uw-hover-m-12:hover { margin: 3rem; }
  .uw-focus-m-12:focus { margin: 3rem; }
  .uw-active-m-12:active { margin: 3rem; }
  .uw-disabled-m-12:disabled { margin: 3rem; }
  .uw-focus-visible-m-12:focus-visible { margin: 3rem; }
  .uw-focus-within-m-12:focus-within { margin: 3rem; }
  .uw-group:hover .uw-group-hover-m-12 { margin: 3rem; }
  .uw-m-16 { margin: 4rem; }
  .uw-hover-m-16:hover { margin: 4rem; }
  .uw-focus-m-16:focus { margin: 4rem; }
  .uw-active-m-16:active { margin: 4rem; }
  .uw-disabled-m-16:disabled { margin: 4rem; }
  .uw-focus-visible-m-16:focus-visible { margin: 4rem; }
  .uw-focus-within-m-16:focus-within { margin: 4rem; }
  .uw-group:hover .uw-group-hover-m-16 { margin: 4rem; }
  .uw-m-20 { margin: 5rem; }
  .uw-hover-m-20:hover { margin: 5rem; }
  .uw-focus-m-20:focus { margin: 5rem; }
  .uw-active-m-20:active { margin: 5rem; }
  .uw-disabled-m-20:disabled { margin: 5rem; }
  .uw-focus-visible-m-20:focus-visible { margin: 5rem; }
  .uw-focus-within-m-20:focus-within { margin: 5rem; }
  .uw-group:hover .uw-group-hover-m-20 { margin: 5rem; }
  .uw-m-24 { margin: 6rem; }
  .uw-hover-m-24:hover { margin: 6rem; }
  .uw-focus-m-24:focus { margin: 6rem; }
  .uw-active-m-24:active { margin: 6rem; }
  .uw-disabled-m-24:disabled { margin: 6rem; }
  .uw-focus-visible-m-24:focus-visible { margin: 6rem; }
  .uw-focus-within-m-24:focus-within { margin: 6rem; }
  .uw-group:hover .uw-group-hover-m-24 { margin: 6rem; }
  .uw-m-28 { margin: 7rem; }
  .uw-hover-m-28:hover { margin: 7rem; }
  .uw-focus-m-28:focus { margin: 7rem; }
  .uw-active-m-28:active { margin: 7rem; }
  .uw-disabled-m-28:disabled { margin: 7rem; }
  .uw-focus-visible-m-28:focus-visible { margin: 7rem; }
  .uw-focus-within-m-28:focus-within { margin: 7rem; }
  .uw-group:hover .uw-group-hover-m-28 { margin: 7rem; }
  .uw-m-32 { margin: 8rem; }
  .uw-hover-m-32:hover { margin: 8rem; }
  .uw-focus-m-32:focus { margin: 8rem; }
  .uw-active-m-32:active { margin: 8rem; }
  .uw-disabled-m-32:disabled { margin: 8rem; }
  .uw-focus-visible-m-32:focus-visible { margin: 8rem; }
  .uw-focus-within-m-32:focus-within { margin: 8rem; }
  .uw-group:hover .uw-group-hover-m-32 { margin: 8rem; }
  .uw-mt-auto { margin-top: auto; }
  .uw-hover-mt-auto:hover { margin-top: auto; }
  .uw-focus-mt-auto:focus { margin-top: auto; }
  .uw-active-mt-auto:active { margin-top: auto; }
  .uw-disabled-mt-auto:disabled { margin-top: auto; }
  .uw-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  .uw-focus-within-mt-auto:focus-within { margin-top: auto; }
  .uw-group:hover .uw-group-hover-mt-auto { margin-top: auto; }
  .uw-mt-0 { margin-top: 0; }
  .uw-hover-mt-0:hover { margin-top: 0; }
  .uw-focus-mt-0:focus { margin-top: 0; }
  .uw-active-mt-0:active { margin-top: 0; }
  .uw-disabled-mt-0:disabled { margin-top: 0; }
  .uw-focus-visible-mt-0:focus-visible { margin-top: 0; }
  .uw-focus-within-mt-0:focus-within { margin-top: 0; }
  .uw-group:hover .uw-group-hover-mt-0 { margin-top: 0; }
  .uw-mt-1 { margin-top: 0.25rem; }
  .uw-hover-mt-1:hover { margin-top: 0.25rem; }
  .uw-focus-mt-1:focus { margin-top: 0.25rem; }
  .uw-active-mt-1:active { margin-top: 0.25rem; }
  .uw-disabled-mt-1:disabled { margin-top: 0.25rem; }
  .uw-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  .uw-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  .uw-group:hover .uw-group-hover-mt-1 { margin-top: 0.25rem; }
  .uw-mt-2 { margin-top: 0.5rem; }
  .uw-hover-mt-2:hover { margin-top: 0.5rem; }
  .uw-focus-mt-2:focus { margin-top: 0.5rem; }
  .uw-active-mt-2:active { margin-top: 0.5rem; }
  .uw-disabled-mt-2:disabled { margin-top: 0.5rem; }
  .uw-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  .uw-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  .uw-group:hover .uw-group-hover-mt-2 { margin-top: 0.5rem; }
  .uw-mt-3 { margin-top: 0.75rem; }
  .uw-hover-mt-3:hover { margin-top: 0.75rem; }
  .uw-focus-mt-3:focus { margin-top: 0.75rem; }
  .uw-active-mt-3:active { margin-top: 0.75rem; }
  .uw-disabled-mt-3:disabled { margin-top: 0.75rem; }
  .uw-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  .uw-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  .uw-group:hover .uw-group-hover-mt-3 { margin-top: 0.75rem; }
  .uw-mt-4 { margin-top: 1rem; }
  .uw-hover-mt-4:hover { margin-top: 1rem; }
  .uw-focus-mt-4:focus { margin-top: 1rem; }
  .uw-active-mt-4:active { margin-top: 1rem; }
  .uw-disabled-mt-4:disabled { margin-top: 1rem; }
  .uw-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  .uw-focus-within-mt-4:focus-within { margin-top: 1rem; }
  .uw-group:hover .uw-group-hover-mt-4 { margin-top: 1rem; }
  .uw-mt-5 { margin-top: 1.25rem; }
  .uw-hover-mt-5:hover { margin-top: 1.25rem; }
  .uw-focus-mt-5:focus { margin-top: 1.25rem; }
  .uw-active-mt-5:active { margin-top: 1.25rem; }
  .uw-disabled-mt-5:disabled { margin-top: 1.25rem; }
  .uw-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  .uw-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  .uw-group:hover .uw-group-hover-mt-5 { margin-top: 1.25rem; }
  .uw-mt-6 { margin-top: 1.5rem; }
  .uw-hover-mt-6:hover { margin-top: 1.5rem; }
  .uw-focus-mt-6:focus { margin-top: 1.5rem; }
  .uw-active-mt-6:active { margin-top: 1.5rem; }
  .uw-disabled-mt-6:disabled { margin-top: 1.5rem; }
  .uw-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  .uw-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  .uw-group:hover .uw-group-hover-mt-6 { margin-top: 1.5rem; }
  .uw-mt-8 { margin-top: 2rem; }
  .uw-hover-mt-8:hover { margin-top: 2rem; }
  .uw-focus-mt-8:focus { margin-top: 2rem; }
  .uw-active-mt-8:active { margin-top: 2rem; }
  .uw-disabled-mt-8:disabled { margin-top: 2rem; }
  .uw-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  .uw-focus-within-mt-8:focus-within { margin-top: 2rem; }
  .uw-group:hover .uw-group-hover-mt-8 { margin-top: 2rem; }
  .uw-mt-10 { margin-top: 2.5rem; }
  .uw-hover-mt-10:hover { margin-top: 2.5rem; }
  .uw-focus-mt-10:focus { margin-top: 2.5rem; }
  .uw-active-mt-10:active { margin-top: 2.5rem; }
  .uw-disabled-mt-10:disabled { margin-top: 2.5rem; }
  .uw-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  .uw-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  .uw-group:hover .uw-group-hover-mt-10 { margin-top: 2.5rem; }
  .uw-mt-12 { margin-top: 3rem; }
  .uw-hover-mt-12:hover { margin-top: 3rem; }
  .uw-focus-mt-12:focus { margin-top: 3rem; }
  .uw-active-mt-12:active { margin-top: 3rem; }
  .uw-disabled-mt-12:disabled { margin-top: 3rem; }
  .uw-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  .uw-focus-within-mt-12:focus-within { margin-top: 3rem; }
  .uw-group:hover .uw-group-hover-mt-12 { margin-top: 3rem; }
  .uw-mt-16 { margin-top: 4rem; }
  .uw-hover-mt-16:hover { margin-top: 4rem; }
  .uw-focus-mt-16:focus { margin-top: 4rem; }
  .uw-active-mt-16:active { margin-top: 4rem; }
  .uw-disabled-mt-16:disabled { margin-top: 4rem; }
  .uw-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  .uw-focus-within-mt-16:focus-within { margin-top: 4rem; }
  .uw-group:hover .uw-group-hover-mt-16 { margin-top: 4rem; }
  .uw-mt-20 { margin-top: 5rem; }
  .uw-hover-mt-20:hover { margin-top: 5rem; }
  .uw-focus-mt-20:focus { margin-top: 5rem; }
  .uw-active-mt-20:active { margin-top: 5rem; }
  .uw-disabled-mt-20:disabled { margin-top: 5rem; }
  .uw-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  .uw-focus-within-mt-20:focus-within { margin-top: 5rem; }
  .uw-group:hover .uw-group-hover-mt-20 { margin-top: 5rem; }
  .uw-mt-24 { margin-top: 6rem; }
  .uw-hover-mt-24:hover { margin-top: 6rem; }
  .uw-focus-mt-24:focus { margin-top: 6rem; }
  .uw-active-mt-24:active { margin-top: 6rem; }
  .uw-disabled-mt-24:disabled { margin-top: 6rem; }
  .uw-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  .uw-focus-within-mt-24:focus-within { margin-top: 6rem; }
  .uw-group:hover .uw-group-hover-mt-24 { margin-top: 6rem; }
  .uw-mt-28 { margin-top: 7rem; }
  .uw-hover-mt-28:hover { margin-top: 7rem; }
  .uw-focus-mt-28:focus { margin-top: 7rem; }
  .uw-active-mt-28:active { margin-top: 7rem; }
  .uw-disabled-mt-28:disabled { margin-top: 7rem; }
  .uw-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  .uw-focus-within-mt-28:focus-within { margin-top: 7rem; }
  .uw-group:hover .uw-group-hover-mt-28 { margin-top: 7rem; }
  .uw-mt-32 { margin-top: 8rem; }
  .uw-hover-mt-32:hover { margin-top: 8rem; }
  .uw-focus-mt-32:focus { margin-top: 8rem; }
  .uw-active-mt-32:active { margin-top: 8rem; }
  .uw-disabled-mt-32:disabled { margin-top: 8rem; }
  .uw-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  .uw-focus-within-mt-32:focus-within { margin-top: 8rem; }
  .uw-group:hover .uw-group-hover-mt-32 { margin-top: 8rem; }
  .uw-mb-auto { margin-bottom: auto; }
  .uw-hover-mb-auto:hover { margin-bottom: auto; }
  .uw-focus-mb-auto:focus { margin-bottom: auto; }
  .uw-active-mb-auto:active { margin-bottom: auto; }
  .uw-disabled-mb-auto:disabled { margin-bottom: auto; }
  .uw-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  .uw-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  .uw-group:hover .uw-group-hover-mb-auto { margin-bottom: auto; }
  .uw-mb-0 { margin-bottom: 0; }
  .uw-hover-mb-0:hover { margin-bottom: 0; }
  .uw-focus-mb-0:focus { margin-bottom: 0; }
  .uw-active-mb-0:active { margin-bottom: 0; }
  .uw-disabled-mb-0:disabled { margin-bottom: 0; }
  .uw-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  .uw-focus-within-mb-0:focus-within { margin-bottom: 0; }
  .uw-group:hover .uw-group-hover-mb-0 { margin-bottom: 0; }
  .uw-mb-1 { margin-bottom: 0.25rem; }
  .uw-hover-mb-1:hover { margin-bottom: 0.25rem; }
  .uw-focus-mb-1:focus { margin-bottom: 0.25rem; }
  .uw-active-mb-1:active { margin-bottom: 0.25rem; }
  .uw-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  .uw-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  .uw-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  .uw-group:hover .uw-group-hover-mb-1 { margin-bottom: 0.25rem; }
  .uw-mb-2 { margin-bottom: 0.5rem; }
  .uw-hover-mb-2:hover { margin-bottom: 0.5rem; }
  .uw-focus-mb-2:focus { margin-bottom: 0.5rem; }
  .uw-active-mb-2:active { margin-bottom: 0.5rem; }
  .uw-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  .uw-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  .uw-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  .uw-group:hover .uw-group-hover-mb-2 { margin-bottom: 0.5rem; }
  .uw-mb-3 { margin-bottom: 0.75rem; }
  .uw-hover-mb-3:hover { margin-bottom: 0.75rem; }
  .uw-focus-mb-3:focus { margin-bottom: 0.75rem; }
  .uw-active-mb-3:active { margin-bottom: 0.75rem; }
  .uw-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  .uw-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  .uw-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  .uw-group:hover .uw-group-hover-mb-3 { margin-bottom: 0.75rem; }
  .uw-mb-4 { margin-bottom: 1rem; }
  .uw-hover-mb-4:hover { margin-bottom: 1rem; }
  .uw-focus-mb-4:focus { margin-bottom: 1rem; }
  .uw-active-mb-4:active { margin-bottom: 1rem; }
  .uw-disabled-mb-4:disabled { margin-bottom: 1rem; }
  .uw-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  .uw-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  .uw-group:hover .uw-group-hover-mb-4 { margin-bottom: 1rem; }
  .uw-mb-5 { margin-bottom: 1.25rem; }
  .uw-hover-mb-5:hover { margin-bottom: 1.25rem; }
  .uw-focus-mb-5:focus { margin-bottom: 1.25rem; }
  .uw-active-mb-5:active { margin-bottom: 1.25rem; }
  .uw-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  .uw-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  .uw-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  .uw-group:hover .uw-group-hover-mb-5 { margin-bottom: 1.25rem; }
  .uw-mb-6 { margin-bottom: 1.5rem; }
  .uw-hover-mb-6:hover { margin-bottom: 1.5rem; }
  .uw-focus-mb-6:focus { margin-bottom: 1.5rem; }
  .uw-active-mb-6:active { margin-bottom: 1.5rem; }
  .uw-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  .uw-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  .uw-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  .uw-group:hover .uw-group-hover-mb-6 { margin-bottom: 1.5rem; }
  .uw-mb-8 { margin-bottom: 2rem; }
  .uw-hover-mb-8:hover { margin-bottom: 2rem; }
  .uw-focus-mb-8:focus { margin-bottom: 2rem; }
  .uw-active-mb-8:active { margin-bottom: 2rem; }
  .uw-disabled-mb-8:disabled { margin-bottom: 2rem; }
  .uw-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  .uw-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  .uw-group:hover .uw-group-hover-mb-8 { margin-bottom: 2rem; }
  .uw-mb-10 { margin-bottom: 2.5rem; }
  .uw-hover-mb-10:hover { margin-bottom: 2.5rem; }
  .uw-focus-mb-10:focus { margin-bottom: 2.5rem; }
  .uw-active-mb-10:active { margin-bottom: 2.5rem; }
  .uw-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  .uw-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  .uw-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  .uw-group:hover .uw-group-hover-mb-10 { margin-bottom: 2.5rem; }
  .uw-mb-12 { margin-bottom: 3rem; }
  .uw-hover-mb-12:hover { margin-bottom: 3rem; }
  .uw-focus-mb-12:focus { margin-bottom: 3rem; }
  .uw-active-mb-12:active { margin-bottom: 3rem; }
  .uw-disabled-mb-12:disabled { margin-bottom: 3rem; }
  .uw-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  .uw-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  .uw-group:hover .uw-group-hover-mb-12 { margin-bottom: 3rem; }
  .uw-mb-16 { margin-bottom: 4rem; }
  .uw-hover-mb-16:hover { margin-bottom: 4rem; }
  .uw-focus-mb-16:focus { margin-bottom: 4rem; }
  .uw-active-mb-16:active { margin-bottom: 4rem; }
  .uw-disabled-mb-16:disabled { margin-bottom: 4rem; }
  .uw-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  .uw-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  .uw-group:hover .uw-group-hover-mb-16 { margin-bottom: 4rem; }
  .uw-mb-20 { margin-bottom: 5rem; }
  .uw-hover-mb-20:hover { margin-bottom: 5rem; }
  .uw-focus-mb-20:focus { margin-bottom: 5rem; }
  .uw-active-mb-20:active { margin-bottom: 5rem; }
  .uw-disabled-mb-20:disabled { margin-bottom: 5rem; }
  .uw-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  .uw-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  .uw-group:hover .uw-group-hover-mb-20 { margin-bottom: 5rem; }
  .uw-mb-24 { margin-bottom: 6rem; }
  .uw-hover-mb-24:hover { margin-bottom: 6rem; }
  .uw-focus-mb-24:focus { margin-bottom: 6rem; }
  .uw-active-mb-24:active { margin-bottom: 6rem; }
  .uw-disabled-mb-24:disabled { margin-bottom: 6rem; }
  .uw-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  .uw-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  .uw-group:hover .uw-group-hover-mb-24 { margin-bottom: 6rem; }
  .uw-mb-28 { margin-bottom: 7rem; }
  .uw-hover-mb-28:hover { margin-bottom: 7rem; }
  .uw-focus-mb-28:focus { margin-bottom: 7rem; }
  .uw-active-mb-28:active { margin-bottom: 7rem; }
  .uw-disabled-mb-28:disabled { margin-bottom: 7rem; }
  .uw-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  .uw-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  .uw-group:hover .uw-group-hover-mb-28 { margin-bottom: 7rem; }
  .uw-mb-32 { margin-bottom: 8rem; }
  .uw-hover-mb-32:hover { margin-bottom: 8rem; }
  .uw-focus-mb-32:focus { margin-bottom: 8rem; }
  .uw-active-mb-32:active { margin-bottom: 8rem; }
  .uw-disabled-mb-32:disabled { margin-bottom: 8rem; }
  .uw-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  .uw-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  .uw-group:hover .uw-group-hover-mb-32 { margin-bottom: 8rem; }
  .uw-ml-auto { margin-left: auto; }
  .uw-hover-ml-auto:hover { margin-left: auto; }
  .uw-focus-ml-auto:focus { margin-left: auto; }
  .uw-active-ml-auto:active { margin-left: auto; }
  .uw-disabled-ml-auto:disabled { margin-left: auto; }
  .uw-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  .uw-focus-within-ml-auto:focus-within { margin-left: auto; }
  .uw-group:hover .uw-group-hover-ml-auto { margin-left: auto; }
  .uw-ml-0 { margin-left: 0; }
  .uw-hover-ml-0:hover { margin-left: 0; }
  .uw-focus-ml-0:focus { margin-left: 0; }
  .uw-active-ml-0:active { margin-left: 0; }
  .uw-disabled-ml-0:disabled { margin-left: 0; }
  .uw-focus-visible-ml-0:focus-visible { margin-left: 0; }
  .uw-focus-within-ml-0:focus-within { margin-left: 0; }
  .uw-group:hover .uw-group-hover-ml-0 { margin-left: 0; }
  .uw-ml-1 { margin-left: 0.25rem; }
  .uw-hover-ml-1:hover { margin-left: 0.25rem; }
  .uw-focus-ml-1:focus { margin-left: 0.25rem; }
  .uw-active-ml-1:active { margin-left: 0.25rem; }
  .uw-disabled-ml-1:disabled { margin-left: 0.25rem; }
  .uw-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  .uw-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  .uw-group:hover .uw-group-hover-ml-1 { margin-left: 0.25rem; }
  .uw-ml-2 { margin-left: 0.5rem; }
  .uw-hover-ml-2:hover { margin-left: 0.5rem; }
  .uw-focus-ml-2:focus { margin-left: 0.5rem; }
  .uw-active-ml-2:active { margin-left: 0.5rem; }
  .uw-disabled-ml-2:disabled { margin-left: 0.5rem; }
  .uw-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  .uw-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  .uw-group:hover .uw-group-hover-ml-2 { margin-left: 0.5rem; }
  .uw-ml-3 { margin-left: 0.75rem; }
  .uw-hover-ml-3:hover { margin-left: 0.75rem; }
  .uw-focus-ml-3:focus { margin-left: 0.75rem; }
  .uw-active-ml-3:active { margin-left: 0.75rem; }
  .uw-disabled-ml-3:disabled { margin-left: 0.75rem; }
  .uw-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  .uw-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  .uw-group:hover .uw-group-hover-ml-3 { margin-left: 0.75rem; }
  .uw-ml-4 { margin-left: 1rem; }
  .uw-hover-ml-4:hover { margin-left: 1rem; }
  .uw-focus-ml-4:focus { margin-left: 1rem; }
  .uw-active-ml-4:active { margin-left: 1rem; }
  .uw-disabled-ml-4:disabled { margin-left: 1rem; }
  .uw-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  .uw-focus-within-ml-4:focus-within { margin-left: 1rem; }
  .uw-group:hover .uw-group-hover-ml-4 { margin-left: 1rem; }
  .uw-ml-5 { margin-left: 1.25rem; }
  .uw-hover-ml-5:hover { margin-left: 1.25rem; }
  .uw-focus-ml-5:focus { margin-left: 1.25rem; }
  .uw-active-ml-5:active { margin-left: 1.25rem; }
  .uw-disabled-ml-5:disabled { margin-left: 1.25rem; }
  .uw-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  .uw-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  .uw-group:hover .uw-group-hover-ml-5 { margin-left: 1.25rem; }
  .uw-ml-6 { margin-left: 1.5rem; }
  .uw-hover-ml-6:hover { margin-left: 1.5rem; }
  .uw-focus-ml-6:focus { margin-left: 1.5rem; }
  .uw-active-ml-6:active { margin-left: 1.5rem; }
  .uw-disabled-ml-6:disabled { margin-left: 1.5rem; }
  .uw-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  .uw-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  .uw-group:hover .uw-group-hover-ml-6 { margin-left: 1.5rem; }
  .uw-ml-8 { margin-left: 2rem; }
  .uw-hover-ml-8:hover { margin-left: 2rem; }
  .uw-focus-ml-8:focus { margin-left: 2rem; }
  .uw-active-ml-8:active { margin-left: 2rem; }
  .uw-disabled-ml-8:disabled { margin-left: 2rem; }
  .uw-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  .uw-focus-within-ml-8:focus-within { margin-left: 2rem; }
  .uw-group:hover .uw-group-hover-ml-8 { margin-left: 2rem; }
  .uw-ml-10 { margin-left: 2.5rem; }
  .uw-hover-ml-10:hover { margin-left: 2.5rem; }
  .uw-focus-ml-10:focus { margin-left: 2.5rem; }
  .uw-active-ml-10:active { margin-left: 2.5rem; }
  .uw-disabled-ml-10:disabled { margin-left: 2.5rem; }
  .uw-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  .uw-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  .uw-group:hover .uw-group-hover-ml-10 { margin-left: 2.5rem; }
  .uw-ml-12 { margin-left: 3rem; }
  .uw-hover-ml-12:hover { margin-left: 3rem; }
  .uw-focus-ml-12:focus { margin-left: 3rem; }
  .uw-active-ml-12:active { margin-left: 3rem; }
  .uw-disabled-ml-12:disabled { margin-left: 3rem; }
  .uw-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  .uw-focus-within-ml-12:focus-within { margin-left: 3rem; }
  .uw-group:hover .uw-group-hover-ml-12 { margin-left: 3rem; }
  .uw-ml-16 { margin-left: 4rem; }
  .uw-hover-ml-16:hover { margin-left: 4rem; }
  .uw-focus-ml-16:focus { margin-left: 4rem; }
  .uw-active-ml-16:active { margin-left: 4rem; }
  .uw-disabled-ml-16:disabled { margin-left: 4rem; }
  .uw-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  .uw-focus-within-ml-16:focus-within { margin-left: 4rem; }
  .uw-group:hover .uw-group-hover-ml-16 { margin-left: 4rem; }
  .uw-ml-20 { margin-left: 5rem; }
  .uw-hover-ml-20:hover { margin-left: 5rem; }
  .uw-focus-ml-20:focus { margin-left: 5rem; }
  .uw-active-ml-20:active { margin-left: 5rem; }
  .uw-disabled-ml-20:disabled { margin-left: 5rem; }
  .uw-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  .uw-focus-within-ml-20:focus-within { margin-left: 5rem; }
  .uw-group:hover .uw-group-hover-ml-20 { margin-left: 5rem; }
  .uw-ml-24 { margin-left: 6rem; }
  .uw-hover-ml-24:hover { margin-left: 6rem; }
  .uw-focus-ml-24:focus { margin-left: 6rem; }
  .uw-active-ml-24:active { margin-left: 6rem; }
  .uw-disabled-ml-24:disabled { margin-left: 6rem; }
  .uw-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  .uw-focus-within-ml-24:focus-within { margin-left: 6rem; }
  .uw-group:hover .uw-group-hover-ml-24 { margin-left: 6rem; }
  .uw-ml-28 { margin-left: 7rem; }
  .uw-hover-ml-28:hover { margin-left: 7rem; }
  .uw-focus-ml-28:focus { margin-left: 7rem; }
  .uw-active-ml-28:active { margin-left: 7rem; }
  .uw-disabled-ml-28:disabled { margin-left: 7rem; }
  .uw-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  .uw-focus-within-ml-28:focus-within { margin-left: 7rem; }
  .uw-group:hover .uw-group-hover-ml-28 { margin-left: 7rem; }
  .uw-ml-32 { margin-left: 8rem; }
  .uw-hover-ml-32:hover { margin-left: 8rem; }
  .uw-focus-ml-32:focus { margin-left: 8rem; }
  .uw-active-ml-32:active { margin-left: 8rem; }
  .uw-disabled-ml-32:disabled { margin-left: 8rem; }
  .uw-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  .uw-focus-within-ml-32:focus-within { margin-left: 8rem; }
  .uw-group:hover .uw-group-hover-ml-32 { margin-left: 8rem; }
  .uw-mr-auto { margin-right: auto; }
  .uw-hover-mr-auto:hover { margin-right: auto; }
  .uw-focus-mr-auto:focus { margin-right: auto; }
  .uw-active-mr-auto:active { margin-right: auto; }
  .uw-disabled-mr-auto:disabled { margin-right: auto; }
  .uw-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  .uw-focus-within-mr-auto:focus-within { margin-right: auto; }
  .uw-group:hover .uw-group-hover-mr-auto { margin-right: auto; }
  .uw-mr-0 { margin-right: 0; }
  .uw-hover-mr-0:hover { margin-right: 0; }
  .uw-focus-mr-0:focus { margin-right: 0; }
  .uw-active-mr-0:active { margin-right: 0; }
  .uw-disabled-mr-0:disabled { margin-right: 0; }
  .uw-focus-visible-mr-0:focus-visible { margin-right: 0; }
  .uw-focus-within-mr-0:focus-within { margin-right: 0; }
  .uw-group:hover .uw-group-hover-mr-0 { margin-right: 0; }
  .uw-mr-1 { margin-right: 0.25rem; }
  .uw-hover-mr-1:hover { margin-right: 0.25rem; }
  .uw-focus-mr-1:focus { margin-right: 0.25rem; }
  .uw-active-mr-1:active { margin-right: 0.25rem; }
  .uw-disabled-mr-1:disabled { margin-right: 0.25rem; }
  .uw-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  .uw-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  .uw-group:hover .uw-group-hover-mr-1 { margin-right: 0.25rem; }
  .uw-mr-2 { margin-right: 0.5rem; }
  .uw-hover-mr-2:hover { margin-right: 0.5rem; }
  .uw-focus-mr-2:focus { margin-right: 0.5rem; }
  .uw-active-mr-2:active { margin-right: 0.5rem; }
  .uw-disabled-mr-2:disabled { margin-right: 0.5rem; }
  .uw-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  .uw-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  .uw-group:hover .uw-group-hover-mr-2 { margin-right: 0.5rem; }
  .uw-mr-3 { margin-right: 0.75rem; }
  .uw-hover-mr-3:hover { margin-right: 0.75rem; }
  .uw-focus-mr-3:focus { margin-right: 0.75rem; }
  .uw-active-mr-3:active { margin-right: 0.75rem; }
  .uw-disabled-mr-3:disabled { margin-right: 0.75rem; }
  .uw-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  .uw-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  .uw-group:hover .uw-group-hover-mr-3 { margin-right: 0.75rem; }
  .uw-mr-4 { margin-right: 1rem; }
  .uw-hover-mr-4:hover { margin-right: 1rem; }
  .uw-focus-mr-4:focus { margin-right: 1rem; }
  .uw-active-mr-4:active { margin-right: 1rem; }
  .uw-disabled-mr-4:disabled { margin-right: 1rem; }
  .uw-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  .uw-focus-within-mr-4:focus-within { margin-right: 1rem; }
  .uw-group:hover .uw-group-hover-mr-4 { margin-right: 1rem; }
  .uw-mr-5 { margin-right: 1.25rem; }
  .uw-hover-mr-5:hover { margin-right: 1.25rem; }
  .uw-focus-mr-5:focus { margin-right: 1.25rem; }
  .uw-active-mr-5:active { margin-right: 1.25rem; }
  .uw-disabled-mr-5:disabled { margin-right: 1.25rem; }
  .uw-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  .uw-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  .uw-group:hover .uw-group-hover-mr-5 { margin-right: 1.25rem; }
  .uw-mr-6 { margin-right: 1.5rem; }
  .uw-hover-mr-6:hover { margin-right: 1.5rem; }
  .uw-focus-mr-6:focus { margin-right: 1.5rem; }
  .uw-active-mr-6:active { margin-right: 1.5rem; }
  .uw-disabled-mr-6:disabled { margin-right: 1.5rem; }
  .uw-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  .uw-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  .uw-group:hover .uw-group-hover-mr-6 { margin-right: 1.5rem; }
  .uw-mr-8 { margin-right: 2rem; }
  .uw-hover-mr-8:hover { margin-right: 2rem; }
  .uw-focus-mr-8:focus { margin-right: 2rem; }
  .uw-active-mr-8:active { margin-right: 2rem; }
  .uw-disabled-mr-8:disabled { margin-right: 2rem; }
  .uw-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  .uw-focus-within-mr-8:focus-within { margin-right: 2rem; }
  .uw-group:hover .uw-group-hover-mr-8 { margin-right: 2rem; }
  .uw-mr-10 { margin-right: 2.5rem; }
  .uw-hover-mr-10:hover { margin-right: 2.5rem; }
  .uw-focus-mr-10:focus { margin-right: 2.5rem; }
  .uw-active-mr-10:active { margin-right: 2.5rem; }
  .uw-disabled-mr-10:disabled { margin-right: 2.5rem; }
  .uw-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  .uw-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  .uw-group:hover .uw-group-hover-mr-10 { margin-right: 2.5rem; }
  .uw-mr-12 { margin-right: 3rem; }
  .uw-hover-mr-12:hover { margin-right: 3rem; }
  .uw-focus-mr-12:focus { margin-right: 3rem; }
  .uw-active-mr-12:active { margin-right: 3rem; }
  .uw-disabled-mr-12:disabled { margin-right: 3rem; }
  .uw-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  .uw-focus-within-mr-12:focus-within { margin-right: 3rem; }
  .uw-group:hover .uw-group-hover-mr-12 { margin-right: 3rem; }
  .uw-mr-16 { margin-right: 4rem; }
  .uw-hover-mr-16:hover { margin-right: 4rem; }
  .uw-focus-mr-16:focus { margin-right: 4rem; }
  .uw-active-mr-16:active { margin-right: 4rem; }
  .uw-disabled-mr-16:disabled { margin-right: 4rem; }
  .uw-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  .uw-focus-within-mr-16:focus-within { margin-right: 4rem; }
  .uw-group:hover .uw-group-hover-mr-16 { margin-right: 4rem; }
  .uw-mr-20 { margin-right: 5rem; }
  .uw-hover-mr-20:hover { margin-right: 5rem; }
  .uw-focus-mr-20:focus { margin-right: 5rem; }
  .uw-active-mr-20:active { margin-right: 5rem; }
  .uw-disabled-mr-20:disabled { margin-right: 5rem; }
  .uw-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  .uw-focus-within-mr-20:focus-within { margin-right: 5rem; }
  .uw-group:hover .uw-group-hover-mr-20 { margin-right: 5rem; }
  .uw-mr-24 { margin-right: 6rem; }
  .uw-hover-mr-24:hover { margin-right: 6rem; }
  .uw-focus-mr-24:focus { margin-right: 6rem; }
  .uw-active-mr-24:active { margin-right: 6rem; }
  .uw-disabled-mr-24:disabled { margin-right: 6rem; }
  .uw-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  .uw-focus-within-mr-24:focus-within { margin-right: 6rem; }
  .uw-group:hover .uw-group-hover-mr-24 { margin-right: 6rem; }
  .uw-mr-28 { margin-right: 7rem; }
  .uw-hover-mr-28:hover { margin-right: 7rem; }
  .uw-focus-mr-28:focus { margin-right: 7rem; }
  .uw-active-mr-28:active { margin-right: 7rem; }
  .uw-disabled-mr-28:disabled { margin-right: 7rem; }
  .uw-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  .uw-focus-within-mr-28:focus-within { margin-right: 7rem; }
  .uw-group:hover .uw-group-hover-mr-28 { margin-right: 7rem; }
  .uw-mr-32 { margin-right: 8rem; }
  .uw-hover-mr-32:hover { margin-right: 8rem; }
  .uw-focus-mr-32:focus { margin-right: 8rem; }
  .uw-active-mr-32:active { margin-right: 8rem; }
  .uw-disabled-mr-32:disabled { margin-right: 8rem; }
  .uw-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  .uw-focus-within-mr-32:focus-within { margin-right: 8rem; }
  .uw-group:hover .uw-group-hover-mr-32 { margin-right: 8rem; }
  .uw-mx-auto { margin-left: auto; margin-right: auto; }
  .uw-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  .uw-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  .uw-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  .uw-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  .uw-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  .uw-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  .uw-group:hover .uw-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  .uw-mx-0 { margin-left: 0; margin-right: 0; }
  .uw-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  .uw-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  .uw-active-mx-0:active { margin-left: 0; margin-right: 0; }
  .uw-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  .uw-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  .uw-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  .uw-group:hover .uw-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  .uw-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-group:hover .uw-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .uw-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-group:hover .uw-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .uw-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-group:hover .uw-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .uw-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .uw-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  .uw-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  .uw-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  .uw-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  .uw-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  .uw-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  .uw-group:hover .uw-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .uw-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-group:hover .uw-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .uw-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-group:hover .uw-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .uw-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .uw-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  .uw-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  .uw-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  .uw-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  .uw-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  .uw-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  .uw-group:hover .uw-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .uw-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-group:hover .uw-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .uw-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .uw-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  .uw-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  .uw-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  .uw-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  .uw-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  .uw-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  .uw-group:hover .uw-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .uw-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .uw-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  .uw-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  .uw-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  .uw-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  .uw-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  .uw-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  .uw-group:hover .uw-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  .uw-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .uw-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  .uw-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  .uw-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  .uw-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  .uw-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  .uw-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  .uw-group:hover .uw-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .uw-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .uw-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  .uw-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  .uw-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  .uw-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  .uw-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  .uw-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  .uw-group:hover .uw-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .uw-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .uw-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  .uw-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  .uw-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  .uw-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  .uw-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  .uw-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  .uw-group:hover .uw-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  .uw-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .uw-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  .uw-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  .uw-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  .uw-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  .uw-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  .uw-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  .uw-group:hover .uw-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  .uw-my-auto { margin-top: auto; margin-bottom: auto; }
  .uw-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  .uw-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  .uw-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  .uw-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  .uw-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  .uw-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  .uw-group:hover .uw-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  .uw-my-0 { margin-top: 0; margin-bottom: 0; }
  .uw-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  .uw-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  .uw-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  .uw-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  .uw-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  .uw-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  .uw-group:hover .uw-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  .uw-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-group:hover .uw-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .uw-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-group:hover .uw-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .uw-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-group:hover .uw-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .uw-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-group:hover .uw-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .uw-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-group:hover .uw-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .uw-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-group:hover .uw-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .uw-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-group:hover .uw-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .uw-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-group:hover .uw-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .uw-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-group:hover .uw-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .uw-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-group:hover .uw-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .uw-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-group:hover .uw-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .uw-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-group:hover .uw-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  .uw-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-group:hover .uw-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .uw-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-group:hover .uw-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .uw-space-x-auto { --space-x: auto; }
  .uw-hover-space-x-auto:hover { --space-x: auto; }
  .uw-focus-space-x-auto:focus { --space-x: auto; }
  .uw-active-space-x-auto:active { --space-x: auto; }
  .uw-disabled-space-x-auto:disabled { --space-x: auto; }
  .uw-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  .uw-focus-within-space-x-auto:focus-within { --space-x: auto; }
  .uw-group:hover .uw-group-hover-space-x-auto { --space-x: auto; }
  .uw-space-x-0 { --space-x: 0; }
  .uw-hover-space-x-0:hover { --space-x: 0; }
  .uw-focus-space-x-0:focus { --space-x: 0; }
  .uw-active-space-x-0:active { --space-x: 0; }
  .uw-disabled-space-x-0:disabled { --space-x: 0; }
  .uw-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  .uw-focus-within-space-x-0:focus-within { --space-x: 0; }
  .uw-group:hover .uw-group-hover-space-x-0 { --space-x: 0; }
  .uw-space-x-1 { --space-x: 0.25rem; }
  .uw-hover-space-x-1:hover { --space-x: 0.25rem; }
  .uw-focus-space-x-1:focus { --space-x: 0.25rem; }
  .uw-active-space-x-1:active { --space-x: 0.25rem; }
  .uw-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  .uw-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  .uw-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  .uw-group:hover .uw-group-hover-space-x-1 { --space-x: 0.25rem; }
  .uw-space-x-2 { --space-x: 0.5rem; }
  .uw-hover-space-x-2:hover { --space-x: 0.5rem; }
  .uw-focus-space-x-2:focus { --space-x: 0.5rem; }
  .uw-active-space-x-2:active { --space-x: 0.5rem; }
  .uw-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  .uw-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  .uw-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  .uw-group:hover .uw-group-hover-space-x-2 { --space-x: 0.5rem; }
  .uw-space-x-3 { --space-x: 0.75rem; }
  .uw-hover-space-x-3:hover { --space-x: 0.75rem; }
  .uw-focus-space-x-3:focus { --space-x: 0.75rem; }
  .uw-active-space-x-3:active { --space-x: 0.75rem; }
  .uw-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  .uw-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  .uw-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  .uw-group:hover .uw-group-hover-space-x-3 { --space-x: 0.75rem; }
  .uw-space-x-4 { --space-x: 1rem; }
  .uw-hover-space-x-4:hover { --space-x: 1rem; }
  .uw-focus-space-x-4:focus { --space-x: 1rem; }
  .uw-active-space-x-4:active { --space-x: 1rem; }
  .uw-disabled-space-x-4:disabled { --space-x: 1rem; }
  .uw-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  .uw-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  .uw-group:hover .uw-group-hover-space-x-4 { --space-x: 1rem; }
  .uw-space-x-5 { --space-x: 1.25rem; }
  .uw-hover-space-x-5:hover { --space-x: 1.25rem; }
  .uw-focus-space-x-5:focus { --space-x: 1.25rem; }
  .uw-active-space-x-5:active { --space-x: 1.25rem; }
  .uw-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  .uw-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  .uw-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  .uw-group:hover .uw-group-hover-space-x-5 { --space-x: 1.25rem; }
  .uw-space-x-6 { --space-x: 1.5rem; }
  .uw-hover-space-x-6:hover { --space-x: 1.5rem; }
  .uw-focus-space-x-6:focus { --space-x: 1.5rem; }
  .uw-active-space-x-6:active { --space-x: 1.5rem; }
  .uw-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  .uw-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  .uw-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  .uw-group:hover .uw-group-hover-space-x-6 { --space-x: 1.5rem; }
  .uw-space-x-8 { --space-x: 2rem; }
  .uw-hover-space-x-8:hover { --space-x: 2rem; }
  .uw-focus-space-x-8:focus { --space-x: 2rem; }
  .uw-active-space-x-8:active { --space-x: 2rem; }
  .uw-disabled-space-x-8:disabled { --space-x: 2rem; }
  .uw-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  .uw-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  .uw-group:hover .uw-group-hover-space-x-8 { --space-x: 2rem; }
  .uw-space-x-10 { --space-x: 2.5rem; }
  .uw-hover-space-x-10:hover { --space-x: 2.5rem; }
  .uw-focus-space-x-10:focus { --space-x: 2.5rem; }
  .uw-active-space-x-10:active { --space-x: 2.5rem; }
  .uw-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  .uw-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  .uw-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  .uw-group:hover .uw-group-hover-space-x-10 { --space-x: 2.5rem; }
  .uw-space-x-12 { --space-x: 3rem; }
  .uw-hover-space-x-12:hover { --space-x: 3rem; }
  .uw-focus-space-x-12:focus { --space-x: 3rem; }
  .uw-active-space-x-12:active { --space-x: 3rem; }
  .uw-disabled-space-x-12:disabled { --space-x: 3rem; }
  .uw-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  .uw-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  .uw-group:hover .uw-group-hover-space-x-12 { --space-x: 3rem; }
  .uw-space-x-16 { --space-x: 4rem; }
  .uw-hover-space-x-16:hover { --space-x: 4rem; }
  .uw-focus-space-x-16:focus { --space-x: 4rem; }
  .uw-active-space-x-16:active { --space-x: 4rem; }
  .uw-disabled-space-x-16:disabled { --space-x: 4rem; }
  .uw-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  .uw-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  .uw-group:hover .uw-group-hover-space-x-16 { --space-x: 4rem; }
  .uw-space-x-20 { --space-x: 5rem; }
  .uw-hover-space-x-20:hover { --space-x: 5rem; }
  .uw-focus-space-x-20:focus { --space-x: 5rem; }
  .uw-active-space-x-20:active { --space-x: 5rem; }
  .uw-disabled-space-x-20:disabled { --space-x: 5rem; }
  .uw-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  .uw-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  .uw-group:hover .uw-group-hover-space-x-20 { --space-x: 5rem; }
  .uw-space-x-24 { --space-x: 6rem; }
  .uw-hover-space-x-24:hover { --space-x: 6rem; }
  .uw-focus-space-x-24:focus { --space-x: 6rem; }
  .uw-active-space-x-24:active { --space-x: 6rem; }
  .uw-disabled-space-x-24:disabled { --space-x: 6rem; }
  .uw-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  .uw-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  .uw-group:hover .uw-group-hover-space-x-24 { --space-x: 6rem; }
  .uw-space-x-28 { --space-x: 7rem; }
  .uw-hover-space-x-28:hover { --space-x: 7rem; }
  .uw-focus-space-x-28:focus { --space-x: 7rem; }
  .uw-active-space-x-28:active { --space-x: 7rem; }
  .uw-disabled-space-x-28:disabled { --space-x: 7rem; }
  .uw-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  .uw-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  .uw-group:hover .uw-group-hover-space-x-28 { --space-x: 7rem; }
  .uw-space-x-32 { --space-x: 8rem; }
  .uw-hover-space-x-32:hover { --space-x: 8rem; }
  .uw-focus-space-x-32:focus { --space-x: 8rem; }
  .uw-active-space-x-32:active { --space-x: 8rem; }
  .uw-disabled-space-x-32:disabled { --space-x: 8rem; }
  .uw-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  .uw-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  .uw-group:hover .uw-group-hover-space-x-32 { --space-x: 8rem; }
  .uw-space-y-auto { --space-y: auto; }
  .uw-hover-space-y-auto:hover { --space-y: auto; }
  .uw-focus-space-y-auto:focus { --space-y: auto; }
  .uw-active-space-y-auto:active { --space-y: auto; }
  .uw-disabled-space-y-auto:disabled { --space-y: auto; }
  .uw-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  .uw-focus-within-space-y-auto:focus-within { --space-y: auto; }
  .uw-group:hover .uw-group-hover-space-y-auto { --space-y: auto; }
  .uw-space-y-0 { --space-y: 0; }
  .uw-hover-space-y-0:hover { --space-y: 0; }
  .uw-focus-space-y-0:focus { --space-y: 0; }
  .uw-active-space-y-0:active { --space-y: 0; }
  .uw-disabled-space-y-0:disabled { --space-y: 0; }
  .uw-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  .uw-focus-within-space-y-0:focus-within { --space-y: 0; }
  .uw-group:hover .uw-group-hover-space-y-0 { --space-y: 0; }
  .uw-space-y-1 { --space-y: 0.25rem; }
  .uw-hover-space-y-1:hover { --space-y: 0.25rem; }
  .uw-focus-space-y-1:focus { --space-y: 0.25rem; }
  .uw-active-space-y-1:active { --space-y: 0.25rem; }
  .uw-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  .uw-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  .uw-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  .uw-group:hover .uw-group-hover-space-y-1 { --space-y: 0.25rem; }
  .uw-space-y-2 { --space-y: 0.5rem; }
  .uw-hover-space-y-2:hover { --space-y: 0.5rem; }
  .uw-focus-space-y-2:focus { --space-y: 0.5rem; }
  .uw-active-space-y-2:active { --space-y: 0.5rem; }
  .uw-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  .uw-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  .uw-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  .uw-group:hover .uw-group-hover-space-y-2 { --space-y: 0.5rem; }
  .uw-space-y-3 { --space-y: 0.75rem; }
  .uw-hover-space-y-3:hover { --space-y: 0.75rem; }
  .uw-focus-space-y-3:focus { --space-y: 0.75rem; }
  .uw-active-space-y-3:active { --space-y: 0.75rem; }
  .uw-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  .uw-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  .uw-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  .uw-group:hover .uw-group-hover-space-y-3 { --space-y: 0.75rem; }
  .uw-space-y-4 { --space-y: 1rem; }
  .uw-hover-space-y-4:hover { --space-y: 1rem; }
  .uw-focus-space-y-4:focus { --space-y: 1rem; }
  .uw-active-space-y-4:active { --space-y: 1rem; }
  .uw-disabled-space-y-4:disabled { --space-y: 1rem; }
  .uw-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  .uw-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  .uw-group:hover .uw-group-hover-space-y-4 { --space-y: 1rem; }
  .uw-space-y-5 { --space-y: 1.25rem; }
  .uw-hover-space-y-5:hover { --space-y: 1.25rem; }
  .uw-focus-space-y-5:focus { --space-y: 1.25rem; }
  .uw-active-space-y-5:active { --space-y: 1.25rem; }
  .uw-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  .uw-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  .uw-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  .uw-group:hover .uw-group-hover-space-y-5 { --space-y: 1.25rem; }
  .uw-space-y-6 { --space-y: 1.5rem; }
  .uw-hover-space-y-6:hover { --space-y: 1.5rem; }
  .uw-focus-space-y-6:focus { --space-y: 1.5rem; }
  .uw-active-space-y-6:active { --space-y: 1.5rem; }
  .uw-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  .uw-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  .uw-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  .uw-group:hover .uw-group-hover-space-y-6 { --space-y: 1.5rem; }
  .uw-space-y-8 { --space-y: 2rem; }
  .uw-hover-space-y-8:hover { --space-y: 2rem; }
  .uw-focus-space-y-8:focus { --space-y: 2rem; }
  .uw-active-space-y-8:active { --space-y: 2rem; }
  .uw-disabled-space-y-8:disabled { --space-y: 2rem; }
  .uw-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  .uw-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  .uw-group:hover .uw-group-hover-space-y-8 { --space-y: 2rem; }
  .uw-space-y-10 { --space-y: 2.5rem; }
  .uw-hover-space-y-10:hover { --space-y: 2.5rem; }
  .uw-focus-space-y-10:focus { --space-y: 2.5rem; }
  .uw-active-space-y-10:active { --space-y: 2.5rem; }
  .uw-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  .uw-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  .uw-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  .uw-group:hover .uw-group-hover-space-y-10 { --space-y: 2.5rem; }
  .uw-space-y-12 { --space-y: 3rem; }
  .uw-hover-space-y-12:hover { --space-y: 3rem; }
  .uw-focus-space-y-12:focus { --space-y: 3rem; }
  .uw-active-space-y-12:active { --space-y: 3rem; }
  .uw-disabled-space-y-12:disabled { --space-y: 3rem; }
  .uw-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  .uw-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  .uw-group:hover .uw-group-hover-space-y-12 { --space-y: 3rem; }
  .uw-space-y-16 { --space-y: 4rem; }
  .uw-hover-space-y-16:hover { --space-y: 4rem; }
  .uw-focus-space-y-16:focus { --space-y: 4rem; }
  .uw-active-space-y-16:active { --space-y: 4rem; }
  .uw-disabled-space-y-16:disabled { --space-y: 4rem; }
  .uw-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  .uw-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  .uw-group:hover .uw-group-hover-space-y-16 { --space-y: 4rem; }
  .uw-space-y-20 { --space-y: 5rem; }
  .uw-hover-space-y-20:hover { --space-y: 5rem; }
  .uw-focus-space-y-20:focus { --space-y: 5rem; }
  .uw-active-space-y-20:active { --space-y: 5rem; }
  .uw-disabled-space-y-20:disabled { --space-y: 5rem; }
  .uw-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  .uw-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  .uw-group:hover .uw-group-hover-space-y-20 { --space-y: 5rem; }
  .uw-space-y-24 { --space-y: 6rem; }
  .uw-hover-space-y-24:hover { --space-y: 6rem; }
  .uw-focus-space-y-24:focus { --space-y: 6rem; }
  .uw-active-space-y-24:active { --space-y: 6rem; }
  .uw-disabled-space-y-24:disabled { --space-y: 6rem; }
  .uw-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  .uw-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  .uw-group:hover .uw-group-hover-space-y-24 { --space-y: 6rem; }
  .uw-space-y-28 { --space-y: 7rem; }
  .uw-hover-space-y-28:hover { --space-y: 7rem; }
  .uw-focus-space-y-28:focus { --space-y: 7rem; }
  .uw-active-space-y-28:active { --space-y: 7rem; }
  .uw-disabled-space-y-28:disabled { --space-y: 7rem; }
  .uw-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  .uw-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  .uw-group:hover .uw-group-hover-space-y-28 { --space-y: 7rem; }
  .uw-space-y-32 { --space-y: 8rem; }
  .uw-hover-space-y-32:hover { --space-y: 8rem; }
  .uw-focus-space-y-32:focus { --space-y: 8rem; }
  .uw-active-space-y-32:active { --space-y: 8rem; }
  .uw-disabled-space-y-32:disabled { --space-y: 8rem; }
  .uw-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  .uw-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  .uw-group:hover .uw-group-hover-space-y-32 { --space-y: 8rem; }
  .uw-d-block { display: block; }
  .uw-hover-d-block:hover { display: block; }
  .uw-focus-d-block:focus { display: block; }
  .uw-active-d-block:active { display: block; }
  .uw-disabled-d-block:disabled { display: block; }
  .uw-focus-visible-d-block:focus-visible { display: block; }
  .uw-focus-within-d-block:focus-within { display: block; }
  .uw-group:hover .uw-group-hover-d-block { display: block; }
  .uw-d-inline { display: inline; }
  .uw-hover-d-inline:hover { display: inline; }
  .uw-focus-d-inline:focus { display: inline; }
  .uw-active-d-inline:active { display: inline; }
  .uw-disabled-d-inline:disabled { display: inline; }
  .uw-focus-visible-d-inline:focus-visible { display: inline; }
  .uw-focus-within-d-inline:focus-within { display: inline; }
  .uw-group:hover .uw-group-hover-d-inline { display: inline; }
  .uw-d-inline-block { display: inline-block; }
  .uw-hover-d-inline-block:hover { display: inline-block; }
  .uw-focus-d-inline-block:focus { display: inline-block; }
  .uw-active-d-inline-block:active { display: inline-block; }
  .uw-disabled-d-inline-block:disabled { display: inline-block; }
  .uw-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  .uw-focus-within-d-inline-block:focus-within { display: inline-block; }
  .uw-group:hover .uw-group-hover-d-inline-block { display: inline-block; }
  .uw-d-flex { display: flex; }
  .uw-hover-d-flex:hover { display: flex; }
  .uw-focus-d-flex:focus { display: flex; }
  .uw-active-d-flex:active { display: flex; }
  .uw-disabled-d-flex:disabled { display: flex; }
  .uw-focus-visible-d-flex:focus-visible { display: flex; }
  .uw-focus-within-d-flex:focus-within { display: flex; }
  .uw-group:hover .uw-group-hover-d-flex { display: flex; }
  .uw-d-inline-flex { display: inline-flex; }
  .uw-hover-d-inline-flex:hover { display: inline-flex; }
  .uw-focus-d-inline-flex:focus { display: inline-flex; }
  .uw-active-d-inline-flex:active { display: inline-flex; }
  .uw-disabled-d-inline-flex:disabled { display: inline-flex; }
  .uw-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  .uw-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  .uw-group:hover .uw-group-hover-d-inline-flex { display: inline-flex; }
  .uw-d-grid { display: grid; }
  .uw-hover-d-grid:hover { display: grid; }
  .uw-focus-d-grid:focus { display: grid; }
  .uw-active-d-grid:active { display: grid; }
  .uw-disabled-d-grid:disabled { display: grid; }
  .uw-focus-visible-d-grid:focus-visible { display: grid; }
  .uw-focus-within-d-grid:focus-within { display: grid; }
  .uw-group:hover .uw-group-hover-d-grid { display: grid; }
  .uw-d-inline-grid { display: inline-grid; }
  .uw-hover-d-inline-grid:hover { display: inline-grid; }
  .uw-focus-d-inline-grid:focus { display: inline-grid; }
  .uw-active-d-inline-grid:active { display: inline-grid; }
  .uw-disabled-d-inline-grid:disabled { display: inline-grid; }
  .uw-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  .uw-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  .uw-group:hover .uw-group-hover-d-inline-grid { display: inline-grid; }
  .uw-d-none { display: none; }
  .uw-hover-d-none:hover { display: none; }
  .uw-focus-d-none:focus { display: none; }
  .uw-active-d-none:active { display: none; }
  .uw-disabled-d-none:disabled { display: none; }
  .uw-focus-visible-d-none:focus-visible { display: none; }
  .uw-focus-within-d-none:focus-within { display: none; }
  .uw-group:hover .uw-group-hover-d-none { display: none; }
  .uw-static { position: static; }
  .uw-hover-static:hover { position: static; }
  .uw-focus-static:focus { position: static; }
  .uw-active-static:active { position: static; }
  .uw-disabled-static:disabled { position: static; }
  .uw-focus-visible-static:focus-visible { position: static; }
  .uw-focus-within-static:focus-within { position: static; }
  .uw-group:hover .uw-group-hover-static { position: static; }
  .uw-relative { position: relative; }
  .uw-hover-relative:hover { position: relative; }
  .uw-focus-relative:focus { position: relative; }
  .uw-active-relative:active { position: relative; }
  .uw-disabled-relative:disabled { position: relative; }
  .uw-focus-visible-relative:focus-visible { position: relative; }
  .uw-focus-within-relative:focus-within { position: relative; }
  .uw-group:hover .uw-group-hover-relative { position: relative; }
  .uw-absolute { position: absolute; }
  .uw-hover-absolute:hover { position: absolute; }
  .uw-focus-absolute:focus { position: absolute; }
  .uw-active-absolute:active { position: absolute; }
  .uw-disabled-absolute:disabled { position: absolute; }
  .uw-focus-visible-absolute:focus-visible { position: absolute; }
  .uw-focus-within-absolute:focus-within { position: absolute; }
  .uw-group:hover .uw-group-hover-absolute { position: absolute; }
  .uw-fixed { position: fixed; }
  .uw-hover-fixed:hover { position: fixed; }
  .uw-focus-fixed:focus { position: fixed; }
  .uw-active-fixed:active { position: fixed; }
  .uw-disabled-fixed:disabled { position: fixed; }
  .uw-focus-visible-fixed:focus-visible { position: fixed; }
  .uw-focus-within-fixed:focus-within { position: fixed; }
  .uw-group:hover .uw-group-hover-fixed { position: fixed; }
  .uw-sticky { position: sticky; }
  .uw-hover-sticky:hover { position: sticky; }
  .uw-focus-sticky:focus { position: sticky; }
  .uw-active-sticky:active { position: sticky; }
  .uw-disabled-sticky:disabled { position: sticky; }
  .uw-focus-visible-sticky:focus-visible { position: sticky; }
  .uw-focus-within-sticky:focus-within { position: sticky; }
  .uw-group:hover .uw-group-hover-sticky { position: sticky; }
  .uw-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-group:hover .uw-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  .uw-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-group:hover .uw-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  .uw-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-group:hover .uw-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  .uw-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-group:hover .uw-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  .uw-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-group:hover .uw-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  .uw-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-group:hover .uw-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  .uw-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-group:hover .uw-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  .uw-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-group:hover .uw-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  .uw-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-group:hover .uw-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  .uw-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-group:hover .uw-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  .uw-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-group:hover .uw-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  .uw-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-group:hover .uw-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  .uw-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-group:hover .uw-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  .uw-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-group:hover .uw-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  .uw-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-group:hover .uw-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  .uw-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-group:hover .uw-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  .uw-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-group:hover .uw-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  .uw-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-group:hover .uw-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  .uw-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-group:hover .uw-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  .uw-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-group:hover .uw-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  .uw-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-group:hover .uw-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  .uw-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-group:hover .uw-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  .uw-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-group:hover .uw-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  .uw-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-group:hover .uw-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  .uw-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-group:hover .uw-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  .uw-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-group:hover .uw-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  .uw-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-group:hover .uw-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  .uw-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-group:hover .uw-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  .uw-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-group:hover .uw-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  .uw-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-group:hover .uw-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  .uw-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-group:hover .uw-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  .uw-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-group:hover .uw-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  .uw-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-group:hover .uw-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  .uw-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-group:hover .uw-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  .uw-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  .uw-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  .uw-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  .uw-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-group:hover .uw-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  .uw-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  .uw-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  .uw-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  .uw-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-group:hover .uw-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  .uw-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  .uw-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  .uw-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  .uw-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-group:hover .uw-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  .uw-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  .uw-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  .uw-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  .uw-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-group:hover .uw-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  .uw-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  .uw-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  .uw-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  .uw-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  .uw-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  .uw-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  .uw-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  .uw-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-group:hover .uw-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  .uw-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  .uw-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  .uw-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  .uw-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-group:hover .uw-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  .uw-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-group:hover .uw-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  .uw-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-group:hover .uw-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  .uw-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-group:hover .uw-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  .uw-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-group:hover .uw-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  .uw-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-group:hover .uw-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  .uw-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  .uw-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  .uw-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  .uw-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-group:hover .uw-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  .uw-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  .uw-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  .uw-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  .uw-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-group:hover .uw-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  .uw-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  .uw-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  .uw-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  .uw-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-group:hover .uw-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  .uw-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  .uw-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  .uw-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  .uw-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-group:hover .uw-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  .uw-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  .uw-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  .uw-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  .uw-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-group:hover .uw-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  .uw-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-group:hover .uw-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  .uw-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-group:hover .uw-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  .uw-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-group:hover .uw-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  .uw-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-group:hover .uw-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  .uw-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-group:hover .uw-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  .uw-top-0 { top: 0; }      .-top-0   { top: 0; }
  .uw-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  .uw-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  .uw-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  .uw-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  .uw-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  .uw-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  .uw-group:hover .uw-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  .uw-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-group:hover .uw-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  .uw-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-group:hover .uw-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  .uw-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-group:hover .uw-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  .uw-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-group:hover .uw-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  .uw-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-group:hover .uw-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  .uw-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-group:hover .uw-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  .uw-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-group:hover .uw-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  .uw-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-group:hover .uw-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  .uw-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-group:hover .uw-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  .uw-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-group:hover .uw-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  .uw-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-group:hover .uw-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  .uw-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-group:hover .uw-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  .uw-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-group:hover .uw-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  .uw-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-group:hover .uw-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  .uw-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-group:hover .uw-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  .uw-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-group:hover .uw-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  .uw-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-group:hover .uw-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  .uw-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-group:hover .uw-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  .uw-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-group:hover .uw-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  .uw-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-group:hover .uw-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  .uw-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-group:hover .uw-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  .uw-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-group:hover .uw-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  .uw-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-group:hover .uw-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  .uw-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-group:hover .uw-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  .uw-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-group:hover .uw-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  .uw-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-group:hover .uw-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  .uw-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-group:hover .uw-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  .uw-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-group:hover .uw-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  .uw-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-group:hover .uw-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  .uw-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-group:hover .uw-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  .uw-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-group:hover .uw-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  .uw-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-group:hover .uw-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  .uw-right-0 { right: 0; }      .-right-0   { right: 0; }
  .uw-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  .uw-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  .uw-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  .uw-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  .uw-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  .uw-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  .uw-group:hover .uw-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  .uw-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-group:hover .uw-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  .uw-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-group:hover .uw-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  .uw-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-group:hover .uw-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  .uw-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-group:hover .uw-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  .uw-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-group:hover .uw-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  .uw-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-group:hover .uw-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  .uw-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-group:hover .uw-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  .uw-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-group:hover .uw-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  .uw-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-group:hover .uw-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  .uw-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-group:hover .uw-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  .uw-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-group:hover .uw-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  .uw-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-group:hover .uw-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  .uw-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-group:hover .uw-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  .uw-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-group:hover .uw-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  .uw-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-group:hover .uw-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  .uw-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-group:hover .uw-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  .uw-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-group:hover .uw-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  .uw-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-group:hover .uw-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  .uw-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-group:hover .uw-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  .uw-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-group:hover .uw-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  .uw-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-group:hover .uw-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  .uw-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-group:hover .uw-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  .uw-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-group:hover .uw-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  .uw-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-group:hover .uw-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  .uw-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-group:hover .uw-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  .uw-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-group:hover .uw-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  .uw-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-group:hover .uw-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  .uw-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-group:hover .uw-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  .uw-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-group:hover .uw-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  .uw-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-group:hover .uw-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  .uw-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-group:hover .uw-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  .uw-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-group:hover .uw-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  .uw-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-group:hover .uw-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  .uw-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-group:hover .uw-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  .uw-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-group:hover .uw-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  .uw-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-group:hover .uw-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  .uw-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-group:hover .uw-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  .uw-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-group:hover .uw-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  .uw-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-group:hover .uw-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  .uw-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-group:hover .uw-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  .uw-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-group:hover .uw-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  .uw-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-group:hover .uw-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  .uw-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-group:hover .uw-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  .uw-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-group:hover .uw-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  .uw-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-group:hover .uw-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  .uw-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-group:hover .uw-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  .uw-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-group:hover .uw-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  .uw-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-group:hover .uw-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  .uw-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-group:hover .uw-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  .uw-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-group:hover .uw-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  .uw-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-group:hover .uw-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  .uw-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-group:hover .uw-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  .uw-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-group:hover .uw-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  .uw-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-group:hover .uw-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  .uw-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-group:hover .uw-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  .uw-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-group:hover .uw-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  .uw-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-group:hover .uw-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  .uw-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-group:hover .uw-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  .uw-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-group:hover .uw-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  .uw-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-group:hover .uw-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  .uw-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-group:hover .uw-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  .uw-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-group:hover .uw-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  .uw-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-group:hover .uw-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  .uw-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-group:hover .uw-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  .uw-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-group:hover .uw-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  .uw-left-0 { left: 0; }      .-left-0   { left: 0; }
  .uw-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  .uw-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  .uw-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  .uw-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  .uw-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  .uw-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  .uw-group:hover .uw-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  .uw-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-group:hover .uw-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  .uw-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-group:hover .uw-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  .uw-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-group:hover .uw-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  .uw-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-group:hover .uw-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  .uw-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-group:hover .uw-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  .uw-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-group:hover .uw-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  .uw-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-group:hover .uw-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  .uw-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-group:hover .uw-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  .uw-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-group:hover .uw-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  .uw-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-group:hover .uw-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  .uw-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-group:hover .uw-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  .uw-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-group:hover .uw-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  .uw-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-group:hover .uw-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  .uw-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-group:hover .uw-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  .uw-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-group:hover .uw-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  .uw-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-group:hover .uw-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  .uw-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-group:hover .uw-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  .uw-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-group:hover .uw-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  .uw-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-group:hover .uw-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  .uw-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-group:hover .uw-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  .uw-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-group:hover .uw-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  .uw-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-group:hover .uw-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  .uw-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-group:hover .uw-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  .uw-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-group:hover .uw-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  .uw-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-group:hover .uw-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  .uw-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-group:hover .uw-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  .uw-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-group:hover .uw-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  .uw-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-group:hover .uw-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  .uw-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-group:hover .uw-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  .uw-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-group:hover .uw-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  .uw-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-group:hover .uw-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  .uw-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-group:hover .uw-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  .uw-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .uw-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  .uw-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  .uw-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  .uw-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  .uw-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  .uw-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  .uw-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .uw-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  .uw-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  .uw-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  .uw-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  .uw-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  .uw-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .uw-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .uw-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  .uw-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  .uw-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  .uw-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  .uw-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  .uw-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .uw-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .uw-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  .uw-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  .uw-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  .uw-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  .uw-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  .uw-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .uw-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .uw-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  .uw-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  .uw-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  .uw-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  .uw-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  .uw-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  .uw-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .uw-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  .uw-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  .uw-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  .uw-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  .uw-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  .uw-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  .uw-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .uw-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  .uw-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  .uw-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  .uw-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  .uw-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  .uw-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  .uw-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .uw-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  .uw-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  .uw-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  .uw-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  .uw-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  .uw-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  .uw-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .uw-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  .uw-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  .uw-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  .uw-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  .uw-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  .uw-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  .uw-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .uw-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  .uw-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  .uw-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  .uw-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  .uw-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  .uw-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  .uw-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .uw-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  .uw-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  .uw-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  .uw-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  .uw-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  .uw-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  .uw-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .uw-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  .uw-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  .uw-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  .uw-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  .uw-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  .uw-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  .uw-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .uw-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  .uw-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  .uw-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  .uw-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  .uw-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  .uw-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  .uw-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .uw-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  .uw-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  .uw-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  .uw-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  .uw-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  .uw-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  .uw-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .uw-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  .uw-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  .uw-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  .uw-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  .uw-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  .uw-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  .uw-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .uw-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  .uw-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  .uw-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  .uw-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  .uw-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  .uw-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  .uw-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .uw-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  .uw-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  .uw-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  .uw-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  .uw-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  .uw-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  .uw-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .uw-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  .uw-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  .uw-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  .uw-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  .uw-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  .uw-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  .uw-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .uw-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .uw-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .uw-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .uw-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .uw-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .uw-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .uw-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .uw-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .uw-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .uw-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .uw-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .uw-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  .uw-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  .uw-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  .uw-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  .uw-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  .uw-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .uw-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  .uw-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-group:hover .uw-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  .uw-gap-0 { gap: 0; }
  .uw-hover-gap-0:hover { gap: 0; }
  .uw-focus-gap-0:focus { gap: 0; }
  .uw-active-gap-0:active { gap: 0; }
  .uw-disabled-gap-0:disabled { gap: 0; }
  .uw-focus-visible-gap-0:focus-visible { gap: 0; }
  .uw-focus-within-gap-0:focus-within { gap: 0; }
  .uw-group:hover .uw-group-hover-gap-0 { gap: 0; }
  .uw-gap-1 { gap: 0.25rem; }
  .uw-hover-gap-1:hover { gap: 0.25rem; }
  .uw-focus-gap-1:focus { gap: 0.25rem; }
  .uw-active-gap-1:active { gap: 0.25rem; }
  .uw-disabled-gap-1:disabled { gap: 0.25rem; }
  .uw-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  .uw-focus-within-gap-1:focus-within { gap: 0.25rem; }
  .uw-group:hover .uw-group-hover-gap-1 { gap: 0.25rem; }
  .uw-gap-2 { gap: 0.5rem; }
  .uw-hover-gap-2:hover { gap: 0.5rem; }
  .uw-focus-gap-2:focus { gap: 0.5rem; }
  .uw-active-gap-2:active { gap: 0.5rem; }
  .uw-disabled-gap-2:disabled { gap: 0.5rem; }
  .uw-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  .uw-focus-within-gap-2:focus-within { gap: 0.5rem; }
  .uw-group:hover .uw-group-hover-gap-2 { gap: 0.5rem; }
  .uw-gap-3 { gap: 0.75rem; }
  .uw-hover-gap-3:hover { gap: 0.75rem; }
  .uw-focus-gap-3:focus { gap: 0.75rem; }
  .uw-active-gap-3:active { gap: 0.75rem; }
  .uw-disabled-gap-3:disabled { gap: 0.75rem; }
  .uw-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  .uw-focus-within-gap-3:focus-within { gap: 0.75rem; }
  .uw-group:hover .uw-group-hover-gap-3 { gap: 0.75rem; }
  .uw-gap-4 { gap: 1rem; }
  .uw-hover-gap-4:hover { gap: 1rem; }
  .uw-focus-gap-4:focus { gap: 1rem; }
  .uw-active-gap-4:active { gap: 1rem; }
  .uw-disabled-gap-4:disabled { gap: 1rem; }
  .uw-focus-visible-gap-4:focus-visible { gap: 1rem; }
  .uw-focus-within-gap-4:focus-within { gap: 1rem; }
  .uw-group:hover .uw-group-hover-gap-4 { gap: 1rem; }
  .uw-gap-5 { gap: 1.25rem; }
  .uw-hover-gap-5:hover { gap: 1.25rem; }
  .uw-focus-gap-5:focus { gap: 1.25rem; }
  .uw-active-gap-5:active { gap: 1.25rem; }
  .uw-disabled-gap-5:disabled { gap: 1.25rem; }
  .uw-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  .uw-focus-within-gap-5:focus-within { gap: 1.25rem; }
  .uw-group:hover .uw-group-hover-gap-5 { gap: 1.25rem; }
  .uw-gap-6 { gap: 1.5rem; }
  .uw-hover-gap-6:hover { gap: 1.5rem; }
  .uw-focus-gap-6:focus { gap: 1.5rem; }
  .uw-active-gap-6:active { gap: 1.5rem; }
  .uw-disabled-gap-6:disabled { gap: 1.5rem; }
  .uw-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  .uw-focus-within-gap-6:focus-within { gap: 1.5rem; }
  .uw-group:hover .uw-group-hover-gap-6 { gap: 1.5rem; }
  .uw-gap-7 { gap: 1.75rem; }
  .uw-hover-gap-7:hover { gap: 1.75rem; }
  .uw-focus-gap-7:focus { gap: 1.75rem; }
  .uw-active-gap-7:active { gap: 1.75rem; }
  .uw-disabled-gap-7:disabled { gap: 1.75rem; }
  .uw-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  .uw-focus-within-gap-7:focus-within { gap: 1.75rem; }
  .uw-group:hover .uw-group-hover-gap-7 { gap: 1.75rem; }
  .uw-gap-8 { gap: 2rem; }
  .uw-hover-gap-8:hover { gap: 2rem; }
  .uw-focus-gap-8:focus { gap: 2rem; }
  .uw-active-gap-8:active { gap: 2rem; }
  .uw-disabled-gap-8:disabled { gap: 2rem; }
  .uw-focus-visible-gap-8:focus-visible { gap: 2rem; }
  .uw-focus-within-gap-8:focus-within { gap: 2rem; }
  .uw-group:hover .uw-group-hover-gap-8 { gap: 2rem; }
  .uw-gap-9 { gap: 2.25rem; }
  .uw-hover-gap-9:hover { gap: 2.25rem; }
  .uw-focus-gap-9:focus { gap: 2.25rem; }
  .uw-active-gap-9:active { gap: 2.25rem; }
  .uw-disabled-gap-9:disabled { gap: 2.25rem; }
  .uw-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  .uw-focus-within-gap-9:focus-within { gap: 2.25rem; }
  .uw-group:hover .uw-group-hover-gap-9 { gap: 2.25rem; }
  .uw-gap-10 { gap: 2.5rem; }
  .uw-hover-gap-10:hover { gap: 2.5rem; }
  .uw-focus-gap-10:focus { gap: 2.5rem; }
  .uw-active-gap-10:active { gap: 2.5rem; }
  .uw-disabled-gap-10:disabled { gap: 2.5rem; }
  .uw-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  .uw-focus-within-gap-10:focus-within { gap: 2.5rem; }
  .uw-group:hover .uw-group-hover-gap-10 { gap: 2.5rem; }
  .uw-gap-12 { gap: 3rem; }
  .uw-hover-gap-12:hover { gap: 3rem; }
  .uw-focus-gap-12:focus { gap: 3rem; }
  .uw-active-gap-12:active { gap: 3rem; }
  .uw-disabled-gap-12:disabled { gap: 3rem; }
  .uw-focus-visible-gap-12:focus-visible { gap: 3rem; }
  .uw-focus-within-gap-12:focus-within { gap: 3rem; }
  .uw-group:hover .uw-group-hover-gap-12 { gap: 3rem; }
  .uw-gap-14 { gap: 3.5rem; }
  .uw-hover-gap-14:hover { gap: 3.5rem; }
  .uw-focus-gap-14:focus { gap: 3.5rem; }
  .uw-active-gap-14:active { gap: 3.5rem; }
  .uw-disabled-gap-14:disabled { gap: 3.5rem; }
  .uw-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  .uw-focus-within-gap-14:focus-within { gap: 3.5rem; }
  .uw-group:hover .uw-group-hover-gap-14 { gap: 3.5rem; }
  .uw-gap-16 { gap: 4rem; }
  .uw-hover-gap-16:hover { gap: 4rem; }
  .uw-focus-gap-16:focus { gap: 4rem; }
  .uw-active-gap-16:active { gap: 4rem; }
  .uw-disabled-gap-16:disabled { gap: 4rem; }
  .uw-focus-visible-gap-16:focus-visible { gap: 4rem; }
  .uw-focus-within-gap-16:focus-within { gap: 4rem; }
  .uw-group:hover .uw-group-hover-gap-16 { gap: 4rem; }
  .uw-gap-20 { gap: 5rem; }
  .uw-hover-gap-20:hover { gap: 5rem; }
  .uw-focus-gap-20:focus { gap: 5rem; }
  .uw-active-gap-20:active { gap: 5rem; }
  .uw-disabled-gap-20:disabled { gap: 5rem; }
  .uw-focus-visible-gap-20:focus-visible { gap: 5rem; }
  .uw-focus-within-gap-20:focus-within { gap: 5rem; }
  .uw-group:hover .uw-group-hover-gap-20 { gap: 5rem; }
  .uw-gap-24 { gap: 6rem; }
  .uw-hover-gap-24:hover { gap: 6rem; }
  .uw-focus-gap-24:focus { gap: 6rem; }
  .uw-active-gap-24:active { gap: 6rem; }
  .uw-disabled-gap-24:disabled { gap: 6rem; }
  .uw-focus-visible-gap-24:focus-visible { gap: 6rem; }
  .uw-focus-within-gap-24:focus-within { gap: 6rem; }
  .uw-group:hover .uw-group-hover-gap-24 { gap: 6rem; }
  .uw-gap-28 { gap: 7rem; }
  .uw-hover-gap-28:hover { gap: 7rem; }
  .uw-focus-gap-28:focus { gap: 7rem; }
  .uw-active-gap-28:active { gap: 7rem; }
  .uw-disabled-gap-28:disabled { gap: 7rem; }
  .uw-focus-visible-gap-28:focus-visible { gap: 7rem; }
  .uw-focus-within-gap-28:focus-within { gap: 7rem; }
  .uw-group:hover .uw-group-hover-gap-28 { gap: 7rem; }
  .uw-gap-32 { gap: 8rem; }
  .uw-hover-gap-32:hover { gap: 8rem; }
  .uw-focus-gap-32:focus { gap: 8rem; }
  .uw-active-gap-32:active { gap: 8rem; }
  .uw-disabled-gap-32:disabled { gap: 8rem; }
  .uw-focus-visible-gap-32:focus-visible { gap: 8rem; }
  .uw-focus-within-gap-32:focus-within { gap: 8rem; }
  .uw-group:hover .uw-group-hover-gap-32 { gap: 8rem; }
  .uw-row-gap-0 { row-gap: 0; }
  .uw-hover-row-gap-0:hover { row-gap: 0; }
  .uw-focus-row-gap-0:focus { row-gap: 0; }
  .uw-active-row-gap-0:active { row-gap: 0; }
  .uw-disabled-row-gap-0:disabled { row-gap: 0; }
  .uw-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  .uw-focus-within-row-gap-0:focus-within { row-gap: 0; }
  .uw-group:hover .uw-group-hover-row-gap-0 { row-gap: 0; }
  .uw-row-gap-1 { row-gap: 0.25rem; }
  .uw-hover-row-gap-1:hover { row-gap: 0.25rem; }
  .uw-focus-row-gap-1:focus { row-gap: 0.25rem; }
  .uw-active-row-gap-1:active { row-gap: 0.25rem; }
  .uw-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  .uw-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  .uw-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  .uw-group:hover .uw-group-hover-row-gap-1 { row-gap: 0.25rem; }
  .uw-row-gap-2 { row-gap: 0.5rem; }
  .uw-hover-row-gap-2:hover { row-gap: 0.5rem; }
  .uw-focus-row-gap-2:focus { row-gap: 0.5rem; }
  .uw-active-row-gap-2:active { row-gap: 0.5rem; }
  .uw-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  .uw-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  .uw-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  .uw-group:hover .uw-group-hover-row-gap-2 { row-gap: 0.5rem; }
  .uw-row-gap-3 { row-gap: 0.75rem; }
  .uw-hover-row-gap-3:hover { row-gap: 0.75rem; }
  .uw-focus-row-gap-3:focus { row-gap: 0.75rem; }
  .uw-active-row-gap-3:active { row-gap: 0.75rem; }
  .uw-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  .uw-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  .uw-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  .uw-group:hover .uw-group-hover-row-gap-3 { row-gap: 0.75rem; }
  .uw-row-gap-4 { row-gap: 1rem; }
  .uw-hover-row-gap-4:hover { row-gap: 1rem; }
  .uw-focus-row-gap-4:focus { row-gap: 1rem; }
  .uw-active-row-gap-4:active { row-gap: 1rem; }
  .uw-disabled-row-gap-4:disabled { row-gap: 1rem; }
  .uw-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  .uw-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  .uw-group:hover .uw-group-hover-row-gap-4 { row-gap: 1rem; }
  .uw-row-gap-5 { row-gap: 1.25rem; }
  .uw-hover-row-gap-5:hover { row-gap: 1.25rem; }
  .uw-focus-row-gap-5:focus { row-gap: 1.25rem; }
  .uw-active-row-gap-5:active { row-gap: 1.25rem; }
  .uw-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  .uw-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  .uw-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  .uw-group:hover .uw-group-hover-row-gap-5 { row-gap: 1.25rem; }
  .uw-row-gap-6 { row-gap: 1.5rem; }
  .uw-hover-row-gap-6:hover { row-gap: 1.5rem; }
  .uw-focus-row-gap-6:focus { row-gap: 1.5rem; }
  .uw-active-row-gap-6:active { row-gap: 1.5rem; }
  .uw-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  .uw-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  .uw-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  .uw-group:hover .uw-group-hover-row-gap-6 { row-gap: 1.5rem; }
  .uw-row-gap-7 { row-gap: 1.75rem; }
  .uw-hover-row-gap-7:hover { row-gap: 1.75rem; }
  .uw-focus-row-gap-7:focus { row-gap: 1.75rem; }
  .uw-active-row-gap-7:active { row-gap: 1.75rem; }
  .uw-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  .uw-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  .uw-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  .uw-group:hover .uw-group-hover-row-gap-7 { row-gap: 1.75rem; }
  .uw-row-gap-8 { row-gap: 2rem; }
  .uw-hover-row-gap-8:hover { row-gap: 2rem; }
  .uw-focus-row-gap-8:focus { row-gap: 2rem; }
  .uw-active-row-gap-8:active { row-gap: 2rem; }
  .uw-disabled-row-gap-8:disabled { row-gap: 2rem; }
  .uw-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  .uw-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  .uw-group:hover .uw-group-hover-row-gap-8 { row-gap: 2rem; }
  .uw-row-gap-9 { row-gap: 2.25rem; }
  .uw-hover-row-gap-9:hover { row-gap: 2.25rem; }
  .uw-focus-row-gap-9:focus { row-gap: 2.25rem; }
  .uw-active-row-gap-9:active { row-gap: 2.25rem; }
  .uw-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  .uw-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  .uw-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  .uw-group:hover .uw-group-hover-row-gap-9 { row-gap: 2.25rem; }
  .uw-row-gap-10 { row-gap: 2.5rem; }
  .uw-hover-row-gap-10:hover { row-gap: 2.5rem; }
  .uw-focus-row-gap-10:focus { row-gap: 2.5rem; }
  .uw-active-row-gap-10:active { row-gap: 2.5rem; }
  .uw-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  .uw-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  .uw-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  .uw-group:hover .uw-group-hover-row-gap-10 { row-gap: 2.5rem; }
  .uw-row-gap-12 { row-gap: 3rem; }
  .uw-hover-row-gap-12:hover { row-gap: 3rem; }
  .uw-focus-row-gap-12:focus { row-gap: 3rem; }
  .uw-active-row-gap-12:active { row-gap: 3rem; }
  .uw-disabled-row-gap-12:disabled { row-gap: 3rem; }
  .uw-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  .uw-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  .uw-group:hover .uw-group-hover-row-gap-12 { row-gap: 3rem; }
  .uw-row-gap-14 { row-gap: 3.5rem; }
  .uw-hover-row-gap-14:hover { row-gap: 3.5rem; }
  .uw-focus-row-gap-14:focus { row-gap: 3.5rem; }
  .uw-active-row-gap-14:active { row-gap: 3.5rem; }
  .uw-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  .uw-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  .uw-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  .uw-group:hover .uw-group-hover-row-gap-14 { row-gap: 3.5rem; }
  .uw-row-gap-16 { row-gap: 4rem; }
  .uw-hover-row-gap-16:hover { row-gap: 4rem; }
  .uw-focus-row-gap-16:focus { row-gap: 4rem; }
  .uw-active-row-gap-16:active { row-gap: 4rem; }
  .uw-disabled-row-gap-16:disabled { row-gap: 4rem; }
  .uw-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  .uw-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  .uw-group:hover .uw-group-hover-row-gap-16 { row-gap: 4rem; }
  .uw-row-gap-20 { row-gap: 5rem; }
  .uw-hover-row-gap-20:hover { row-gap: 5rem; }
  .uw-focus-row-gap-20:focus { row-gap: 5rem; }
  .uw-active-row-gap-20:active { row-gap: 5rem; }
  .uw-disabled-row-gap-20:disabled { row-gap: 5rem; }
  .uw-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  .uw-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  .uw-group:hover .uw-group-hover-row-gap-20 { row-gap: 5rem; }
  .uw-row-gap-24 { row-gap: 6rem; }
  .uw-hover-row-gap-24:hover { row-gap: 6rem; }
  .uw-focus-row-gap-24:focus { row-gap: 6rem; }
  .uw-active-row-gap-24:active { row-gap: 6rem; }
  .uw-disabled-row-gap-24:disabled { row-gap: 6rem; }
  .uw-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  .uw-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  .uw-group:hover .uw-group-hover-row-gap-24 { row-gap: 6rem; }
  .uw-row-gap-28 { row-gap: 7rem; }
  .uw-hover-row-gap-28:hover { row-gap: 7rem; }
  .uw-focus-row-gap-28:focus { row-gap: 7rem; }
  .uw-active-row-gap-28:active { row-gap: 7rem; }
  .uw-disabled-row-gap-28:disabled { row-gap: 7rem; }
  .uw-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  .uw-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  .uw-group:hover .uw-group-hover-row-gap-28 { row-gap: 7rem; }
  .uw-row-gap-32 { row-gap: 8rem; }
  .uw-hover-row-gap-32:hover { row-gap: 8rem; }
  .uw-focus-row-gap-32:focus { row-gap: 8rem; }
  .uw-active-row-gap-32:active { row-gap: 8rem; }
  .uw-disabled-row-gap-32:disabled { row-gap: 8rem; }
  .uw-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  .uw-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  .uw-group:hover .uw-group-hover-row-gap-32 { row-gap: 8rem; }
  .uw-column-gap-0 { column-gap: 0; }
  .uw-hover-column-gap-0:hover { column-gap: 0; }
  .uw-focus-column-gap-0:focus { column-gap: 0; }
  .uw-active-column-gap-0:active { column-gap: 0; }
  .uw-disabled-column-gap-0:disabled { column-gap: 0; }
  .uw-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  .uw-focus-within-column-gap-0:focus-within { column-gap: 0; }
  .uw-group:hover .uw-group-hover-column-gap-0 { column-gap: 0; }
  .uw-column-gap-1 { column-gap: 0.25rem; }
  .uw-hover-column-gap-1:hover { column-gap: 0.25rem; }
  .uw-focus-column-gap-1:focus { column-gap: 0.25rem; }
  .uw-active-column-gap-1:active { column-gap: 0.25rem; }
  .uw-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  .uw-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  .uw-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  .uw-group:hover .uw-group-hover-column-gap-1 { column-gap: 0.25rem; }
  .uw-column-gap-2 { column-gap: 0.5rem; }
  .uw-hover-column-gap-2:hover { column-gap: 0.5rem; }
  .uw-focus-column-gap-2:focus { column-gap: 0.5rem; }
  .uw-active-column-gap-2:active { column-gap: 0.5rem; }
  .uw-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  .uw-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  .uw-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  .uw-group:hover .uw-group-hover-column-gap-2 { column-gap: 0.5rem; }
  .uw-column-gap-3 { column-gap: 0.75rem; }
  .uw-hover-column-gap-3:hover { column-gap: 0.75rem; }
  .uw-focus-column-gap-3:focus { column-gap: 0.75rem; }
  .uw-active-column-gap-3:active { column-gap: 0.75rem; }
  .uw-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  .uw-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  .uw-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  .uw-group:hover .uw-group-hover-column-gap-3 { column-gap: 0.75rem; }
  .uw-column-gap-4 { column-gap: 1rem; }
  .uw-hover-column-gap-4:hover { column-gap: 1rem; }
  .uw-focus-column-gap-4:focus { column-gap: 1rem; }
  .uw-active-column-gap-4:active { column-gap: 1rem; }
  .uw-disabled-column-gap-4:disabled { column-gap: 1rem; }
  .uw-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  .uw-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  .uw-group:hover .uw-group-hover-column-gap-4 { column-gap: 1rem; }
  .uw-column-gap-5 { column-gap: 1.25rem; }
  .uw-hover-column-gap-5:hover { column-gap: 1.25rem; }
  .uw-focus-column-gap-5:focus { column-gap: 1.25rem; }
  .uw-active-column-gap-5:active { column-gap: 1.25rem; }
  .uw-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  .uw-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  .uw-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  .uw-group:hover .uw-group-hover-column-gap-5 { column-gap: 1.25rem; }
  .uw-column-gap-6 { column-gap: 1.5rem; }
  .uw-hover-column-gap-6:hover { column-gap: 1.5rem; }
  .uw-focus-column-gap-6:focus { column-gap: 1.5rem; }
  .uw-active-column-gap-6:active { column-gap: 1.5rem; }
  .uw-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  .uw-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  .uw-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  .uw-group:hover .uw-group-hover-column-gap-6 { column-gap: 1.5rem; }
  .uw-column-gap-7 { column-gap: 1.75rem; }
  .uw-hover-column-gap-7:hover { column-gap: 1.75rem; }
  .uw-focus-column-gap-7:focus { column-gap: 1.75rem; }
  .uw-active-column-gap-7:active { column-gap: 1.75rem; }
  .uw-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  .uw-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  .uw-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  .uw-group:hover .uw-group-hover-column-gap-7 { column-gap: 1.75rem; }
  .uw-column-gap-8 { column-gap: 2rem; }
  .uw-hover-column-gap-8:hover { column-gap: 2rem; }
  .uw-focus-column-gap-8:focus { column-gap: 2rem; }
  .uw-active-column-gap-8:active { column-gap: 2rem; }
  .uw-disabled-column-gap-8:disabled { column-gap: 2rem; }
  .uw-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  .uw-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  .uw-group:hover .uw-group-hover-column-gap-8 { column-gap: 2rem; }
  .uw-column-gap-9 { column-gap: 2.25rem; }
  .uw-hover-column-gap-9:hover { column-gap: 2.25rem; }
  .uw-focus-column-gap-9:focus { column-gap: 2.25rem; }
  .uw-active-column-gap-9:active { column-gap: 2.25rem; }
  .uw-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  .uw-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  .uw-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  .uw-group:hover .uw-group-hover-column-gap-9 { column-gap: 2.25rem; }
  .uw-column-gap-10 { column-gap: 2.5rem; }
  .uw-hover-column-gap-10:hover { column-gap: 2.5rem; }
  .uw-focus-column-gap-10:focus { column-gap: 2.5rem; }
  .uw-active-column-gap-10:active { column-gap: 2.5rem; }
  .uw-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  .uw-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  .uw-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  .uw-group:hover .uw-group-hover-column-gap-10 { column-gap: 2.5rem; }
  .uw-column-gap-12 { column-gap: 3rem; }
  .uw-hover-column-gap-12:hover { column-gap: 3rem; }
  .uw-focus-column-gap-12:focus { column-gap: 3rem; }
  .uw-active-column-gap-12:active { column-gap: 3rem; }
  .uw-disabled-column-gap-12:disabled { column-gap: 3rem; }
  .uw-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  .uw-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  .uw-group:hover .uw-group-hover-column-gap-12 { column-gap: 3rem; }
  .uw-column-gap-14 { column-gap: 3.5rem; }
  .uw-hover-column-gap-14:hover { column-gap: 3.5rem; }
  .uw-focus-column-gap-14:focus { column-gap: 3.5rem; }
  .uw-active-column-gap-14:active { column-gap: 3.5rem; }
  .uw-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  .uw-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  .uw-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  .uw-group:hover .uw-group-hover-column-gap-14 { column-gap: 3.5rem; }
  .uw-column-gap-16 { column-gap: 4rem; }
  .uw-hover-column-gap-16:hover { column-gap: 4rem; }
  .uw-focus-column-gap-16:focus { column-gap: 4rem; }
  .uw-active-column-gap-16:active { column-gap: 4rem; }
  .uw-disabled-column-gap-16:disabled { column-gap: 4rem; }
  .uw-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  .uw-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  .uw-group:hover .uw-group-hover-column-gap-16 { column-gap: 4rem; }
  .uw-column-gap-20 { column-gap: 5rem; }
  .uw-hover-column-gap-20:hover { column-gap: 5rem; }
  .uw-focus-column-gap-20:focus { column-gap: 5rem; }
  .uw-active-column-gap-20:active { column-gap: 5rem; }
  .uw-disabled-column-gap-20:disabled { column-gap: 5rem; }
  .uw-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  .uw-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  .uw-group:hover .uw-group-hover-column-gap-20 { column-gap: 5rem; }
  .uw-column-gap-24 { column-gap: 6rem; }
  .uw-hover-column-gap-24:hover { column-gap: 6rem; }
  .uw-focus-column-gap-24:focus { column-gap: 6rem; }
  .uw-active-column-gap-24:active { column-gap: 6rem; }
  .uw-disabled-column-gap-24:disabled { column-gap: 6rem; }
  .uw-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  .uw-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  .uw-group:hover .uw-group-hover-column-gap-24 { column-gap: 6rem; }
  .uw-column-gap-28 { column-gap: 7rem; }
  .uw-hover-column-gap-28:hover { column-gap: 7rem; }
  .uw-focus-column-gap-28:focus { column-gap: 7rem; }
  .uw-active-column-gap-28:active { column-gap: 7rem; }
  .uw-disabled-column-gap-28:disabled { column-gap: 7rem; }
  .uw-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  .uw-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  .uw-group:hover .uw-group-hover-column-gap-28 { column-gap: 7rem; }
  .uw-column-gap-32 { column-gap: 8rem; }
  .uw-hover-column-gap-32:hover { column-gap: 8rem; }
  .uw-focus-column-gap-32:focus { column-gap: 8rem; }
  .uw-active-column-gap-32:active { column-gap: 8rem; }
  .uw-disabled-column-gap-32:disabled { column-gap: 8rem; }
  .uw-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  .uw-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  .uw-group:hover .uw-group-hover-column-gap-32 { column-gap: 8rem; }
  .uw-flex-row { flex-direction: row; }
  .uw-hover-flex-row:hover { flex-direction: row; }
  .uw-focus-flex-row:focus { flex-direction: row; }
  .uw-active-flex-row:active { flex-direction: row; }
  .uw-disabled-flex-row:disabled { flex-direction: row; }
  .uw-focus-visible-flex-row:focus-visible { flex-direction: row; }
  .uw-focus-within-flex-row:focus-within { flex-direction: row; }
  .uw-group:hover .uw-group-hover-flex-row { flex-direction: row; }
  .uw-flex-col { flex-direction: column; }
  .uw-hover-flex-col:hover { flex-direction: column; }
  .uw-focus-flex-col:focus { flex-direction: column; }
  .uw-active-flex-col:active { flex-direction: column; }
  .uw-disabled-flex-col:disabled { flex-direction: column; }
  .uw-focus-visible-flex-col:focus-visible { flex-direction: column; }
  .uw-focus-within-flex-col:focus-within { flex-direction: column; }
  .uw-group:hover .uw-group-hover-flex-col { flex-direction: column; }
  .uw-flex-row-reverse { flex-direction: row-reverse; }
  .uw-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  .uw-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  .uw-active-flex-row-reverse:active { flex-direction: row-reverse; }
  .uw-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  .uw-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  .uw-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  .uw-group:hover .uw-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  .uw-flex-col-reverse { flex-direction: column-reverse; }
  .uw-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  .uw-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  .uw-active-flex-col-reverse:active { flex-direction: column-reverse; }
  .uw-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  .uw-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  .uw-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  .uw-group:hover .uw-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  .uw-flex-wrap { flex-wrap: wrap; }
  .uw-hover-flex-wrap:hover { flex-wrap: wrap; }
  .uw-focus-flex-wrap:focus { flex-wrap: wrap; }
  .uw-active-flex-wrap:active { flex-wrap: wrap; }
  .uw-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  .uw-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  .uw-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  .uw-group:hover .uw-group-hover-flex-wrap { flex-wrap: wrap; }
  .uw-flex-nowrap { flex-wrap: nowrap; }
  .uw-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  .uw-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  .uw-active-flex-nowrap:active { flex-wrap: nowrap; }
  .uw-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  .uw-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  .uw-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  .uw-group:hover .uw-group-hover-flex-nowrap { flex-wrap: nowrap; }
  .uw-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .uw-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  .uw-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  .uw-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  .uw-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  .uw-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  .uw-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  .uw-group:hover .uw-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .uw-flex-1 { flex: 1; }
  .uw-hover-flex-1:hover { flex: 1; }
  .uw-focus-flex-1:focus { flex: 1; }
  .uw-active-flex-1:active { flex: 1; }
  .uw-disabled-flex-1:disabled { flex: 1; }
  .uw-focus-visible-flex-1:focus-visible { flex: 1; }
  .uw-focus-within-flex-1:focus-within { flex: 1; }
  .uw-group:hover .uw-group-hover-flex-1 { flex: 1; }
  .uw-flex-auto { flex: auto; }
  .uw-hover-flex-auto:hover { flex: auto; }
  .uw-focus-flex-auto:focus { flex: auto; }
  .uw-active-flex-auto:active { flex: auto; }
  .uw-disabled-flex-auto:disabled { flex: auto; }
  .uw-focus-visible-flex-auto:focus-visible { flex: auto; }
  .uw-focus-within-flex-auto:focus-within { flex: auto; }
  .uw-group:hover .uw-group-hover-flex-auto { flex: auto; }
  .uw-flex-initial { flex: initial; }
  .uw-hover-flex-initial:hover { flex: initial; }
  .uw-focus-flex-initial:focus { flex: initial; }
  .uw-active-flex-initial:active { flex: initial; }
  .uw-disabled-flex-initial:disabled { flex: initial; }
  .uw-focus-visible-flex-initial:focus-visible { flex: initial; }
  .uw-focus-within-flex-initial:focus-within { flex: initial; }
  .uw-group:hover .uw-group-hover-flex-initial { flex: initial; }
  .uw-flex-none { flex: none; }
  .uw-hover-flex-none:hover { flex: none; }
  .uw-focus-flex-none:focus { flex: none; }
  .uw-active-flex-none:active { flex: none; }
  .uw-disabled-flex-none:disabled { flex: none; }
  .uw-focus-visible-flex-none:focus-visible { flex: none; }
  .uw-focus-within-flex-none:focus-within { flex: none; }
  .uw-group:hover .uw-group-hover-flex-none { flex: none; }
  .uw-flex-grow-0 { flex-grow: 0; }
  .uw-hover-flex-grow-0:hover { flex-grow: 0; }
  .uw-focus-flex-grow-0:focus { flex-grow: 0; }
  .uw-active-flex-grow-0:active { flex-grow: 0; }
  .uw-disabled-flex-grow-0:disabled { flex-grow: 0; }
  .uw-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  .uw-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  .uw-group:hover .uw-group-hover-flex-grow-0 { flex-grow: 0; }
  .uw-flex-grow-1 { flex-grow: 1; }
  .uw-hover-flex-grow-1:hover { flex-grow: 1; }
  .uw-focus-flex-grow-1:focus { flex-grow: 1; }
  .uw-active-flex-grow-1:active { flex-grow: 1; }
  .uw-disabled-flex-grow-1:disabled { flex-grow: 1; }
  .uw-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  .uw-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  .uw-group:hover .uw-group-hover-flex-grow-1 { flex-grow: 1; }
  .uw-flex-shrink-0 { flex-shrink: 0; }
  .uw-hover-flex-shrink-0:hover { flex-shrink: 0; }
  .uw-focus-flex-shrink-0:focus { flex-shrink: 0; }
  .uw-active-flex-shrink-0:active { flex-shrink: 0; }
  .uw-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  .uw-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  .uw-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  .uw-group:hover .uw-group-hover-flex-shrink-0 { flex-shrink: 0; }
  .uw-flex-shrink-1 { flex-shrink: 1; }
  .uw-hover-flex-shrink-1:hover { flex-shrink: 1; }
  .uw-focus-flex-shrink-1:focus { flex-shrink: 1; }
  .uw-active-flex-shrink-1:active { flex-shrink: 1; }
  .uw-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  .uw-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  .uw-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  .uw-group:hover .uw-group-hover-flex-shrink-1 { flex-shrink: 1; }
  .uw-flex-basis-0 { flex-basis: 0; }
  .uw-hover-flex-basis-0:hover { flex-basis: 0; }
  .uw-focus-flex-basis-0:focus { flex-basis: 0; }
  .uw-active-flex-basis-0:active { flex-basis: 0; }
  .uw-disabled-flex-basis-0:disabled { flex-basis: 0; }
  .uw-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  .uw-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  .uw-group:hover .uw-group-hover-flex-basis-0 { flex-basis: 0; }
  .uw-flex-basis-auto { flex-basis: auto; }
  .uw-hover-flex-basis-auto:hover { flex-basis: auto; }
  .uw-focus-flex-basis-auto:focus { flex-basis: auto; }
  .uw-active-flex-basis-auto:active { flex-basis: auto; }
  .uw-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  .uw-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  .uw-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  .uw-group:hover .uw-group-hover-flex-basis-auto { flex-basis: auto; }
  .uw-flex-basis-full { flex-basis: 100%; }
  .uw-hover-flex-basis-full:hover { flex-basis: 100%; }
  .uw-focus-flex-basis-full:focus { flex-basis: 100%; }
  .uw-active-flex-basis-full:active { flex-basis: 100%; }
  .uw-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  .uw-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  .uw-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  .uw-group:hover .uw-group-hover-flex-basis-full { flex-basis: 100%; }
  .uw-flex-basis-half { flex-basis: 50%; }
  .uw-hover-flex-basis-half:hover { flex-basis: 50%; }
  .uw-focus-flex-basis-half:focus { flex-basis: 50%; }
  .uw-active-flex-basis-half:active { flex-basis: 50%; }
  .uw-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  .uw-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  .uw-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  .uw-group:hover .uw-group-hover-flex-basis-half { flex-basis: 50%; }
  .uw-flex-basis-one-third { flex-basis: 33.3333%; }
  .uw-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  .uw-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  .uw-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  .uw-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  .uw-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  .uw-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  .uw-group:hover .uw-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  .uw-flex-basis-two-third { flex-basis: 66.6667%; }
  .uw-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  .uw-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  .uw-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  .uw-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  .uw-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  .uw-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  .uw-group:hover .uw-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  .uw-flex-basis-one-quarter { flex-basis: 25%; }
  .uw-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  .uw-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  .uw-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  .uw-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  .uw-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  .uw-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  .uw-group:hover .uw-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  .uw-flex-basis-three-quarter { flex-basis: 75%; }
  .uw-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  .uw-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  .uw-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  .uw-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  .uw-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  .uw-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  .uw-group:hover .uw-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  .uw-flex-basis-one-fifth { flex-basis: 20%; }
  .uw-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  .uw-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  .uw-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  .uw-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  .uw-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  .uw-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  .uw-group:hover .uw-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  .uw-flex-basis-two-fifth { flex-basis: 40%; }
  .uw-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  .uw-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  .uw-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  .uw-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  .uw-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  .uw-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  .uw-group:hover .uw-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  .uw-flex-basis-three-fifth { flex-basis: 60%; }
  .uw-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  .uw-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  .uw-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  .uw-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  .uw-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  .uw-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  .uw-group:hover .uw-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  .uw-flex-basis-four-fifth { flex-basis: 80%; }
  .uw-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  .uw-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  .uw-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  .uw-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  .uw-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  .uw-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  .uw-group:hover .uw-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  .uw-order-first { order: -1; }
  .uw-hover-order-first:hover { order: -1; }
  .uw-focus-order-first:focus { order: -1; }
  .uw-active-order-first:active { order: -1; }
  .uw-disabled-order-first:disabled { order: -1; }
  .uw-focus-visible-order-first:focus-visible { order: -1; }
  .uw-focus-within-order-first:focus-within { order: -1; }
  .uw-group:hover .uw-group-hover-order-first { order: -1; }
  .uw-order-last { order: 9999; }
  .uw-hover-order-last:hover { order: 9999; }
  .uw-focus-order-last:focus { order: 9999; }
  .uw-active-order-last:active { order: 9999; }
  .uw-disabled-order-last:disabled { order: 9999; }
  .uw-focus-visible-order-last:focus-visible { order: 9999; }
  .uw-focus-within-order-last:focus-within { order: 9999; }
  .uw-group:hover .uw-group-hover-order-last { order: 9999; }
  .uw-order-0 { order: 0; }
  .uw-hover-order-0:hover { order: 0; }
  .uw-focus-order-0:focus { order: 0; }
  .uw-active-order-0:active { order: 0; }
  .uw-disabled-order-0:disabled { order: 0; }
  .uw-focus-visible-order-0:focus-visible { order: 0; }
  .uw-focus-within-order-0:focus-within { order: 0; }
  .uw-group:hover .uw-group-hover-order-0 { order: 0; }
  .uw-order-1 { order: 1; }
  .uw-hover-order-1:hover { order: 1; }
  .uw-focus-order-1:focus { order: 1; }
  .uw-active-order-1:active { order: 1; }
  .uw-disabled-order-1:disabled { order: 1; }
  .uw-focus-visible-order-1:focus-visible { order: 1; }
  .uw-focus-within-order-1:focus-within { order: 1; }
  .uw-group:hover .uw-group-hover-order-1 { order: 1; }
  .uw-order-2 { order: 2; }
  .uw-hover-order-2:hover { order: 2; }
  .uw-focus-order-2:focus { order: 2; }
  .uw-active-order-2:active { order: 2; }
  .uw-disabled-order-2:disabled { order: 2; }
  .uw-focus-visible-order-2:focus-visible { order: 2; }
  .uw-focus-within-order-2:focus-within { order: 2; }
  .uw-group:hover .uw-group-hover-order-2 { order: 2; }
  .uw-order-3 { order: 3; }
  .uw-hover-order-3:hover { order: 3; }
  .uw-focus-order-3:focus { order: 3; }
  .uw-active-order-3:active { order: 3; }
  .uw-disabled-order-3:disabled { order: 3; }
  .uw-focus-visible-order-3:focus-visible { order: 3; }
  .uw-focus-within-order-3:focus-within { order: 3; }
  .uw-group:hover .uw-group-hover-order-3 { order: 3; }
  .uw-order-4 { order: 4; }
  .uw-hover-order-4:hover { order: 4; }
  .uw-focus-order-4:focus { order: 4; }
  .uw-active-order-4:active { order: 4; }
  .uw-disabled-order-4:disabled { order: 4; }
  .uw-focus-visible-order-4:focus-visible { order: 4; }
  .uw-focus-within-order-4:focus-within { order: 4; }
  .uw-group:hover .uw-group-hover-order-4 { order: 4; }
  .uw-order-5 { order: 5; }
  .uw-hover-order-5:hover { order: 5; }
  .uw-focus-order-5:focus { order: 5; }
  .uw-active-order-5:active { order: 5; }
  .uw-disabled-order-5:disabled { order: 5; }
  .uw-focus-visible-order-5:focus-visible { order: 5; }
  .uw-focus-within-order-5:focus-within { order: 5; }
  .uw-group:hover .uw-group-hover-order-5 { order: 5; }
  .uw-order-6 { order: 6; }
  .uw-hover-order-6:hover { order: 6; }
  .uw-focus-order-6:focus { order: 6; }
  .uw-active-order-6:active { order: 6; }
  .uw-disabled-order-6:disabled { order: 6; }
  .uw-focus-visible-order-6:focus-visible { order: 6; }
  .uw-focus-within-order-6:focus-within { order: 6; }
  .uw-group:hover .uw-group-hover-order-6 { order: 6; }
  .uw-order-7 { order: 7; }
  .uw-hover-order-7:hover { order: 7; }
  .uw-focus-order-7:focus { order: 7; }
  .uw-active-order-7:active { order: 7; }
  .uw-disabled-order-7:disabled { order: 7; }
  .uw-focus-visible-order-7:focus-visible { order: 7; }
  .uw-focus-within-order-7:focus-within { order: 7; }
  .uw-group:hover .uw-group-hover-order-7 { order: 7; }
  .uw-order-8 { order: 8; }
  .uw-hover-order-8:hover { order: 8; }
  .uw-focus-order-8:focus { order: 8; }
  .uw-active-order-8:active { order: 8; }
  .uw-disabled-order-8:disabled { order: 8; }
  .uw-focus-visible-order-8:focus-visible { order: 8; }
  .uw-focus-within-order-8:focus-within { order: 8; }
  .uw-group:hover .uw-group-hover-order-8 { order: 8; }
  .uw-order-9 { order: 9; }
  .uw-hover-order-9:hover { order: 9; }
  .uw-focus-order-9:focus { order: 9; }
  .uw-active-order-9:active { order: 9; }
  .uw-disabled-order-9:disabled { order: 9; }
  .uw-focus-visible-order-9:focus-visible { order: 9; }
  .uw-focus-within-order-9:focus-within { order: 9; }
  .uw-group:hover .uw-group-hover-order-9 { order: 9; }
  .uw-order-10 { order: 10; }
  .uw-hover-order-10:hover { order: 10; }
  .uw-focus-order-10:focus { order: 10; }
  .uw-active-order-10:active { order: 10; }
  .uw-disabled-order-10:disabled { order: 10; }
  .uw-focus-visible-order-10:focus-visible { order: 10; }
  .uw-focus-within-order-10:focus-within { order: 10; }
  .uw-group:hover .uw-group-hover-order-10 { order: 10; }
  .uw-order-11 { order: 11; }
  .uw-hover-order-11:hover { order: 11; }
  .uw-focus-order-11:focus { order: 11; }
  .uw-active-order-11:active { order: 11; }
  .uw-disabled-order-11:disabled { order: 11; }
  .uw-focus-visible-order-11:focus-visible { order: 11; }
  .uw-focus-within-order-11:focus-within { order: 11; }
  .uw-group:hover .uw-group-hover-order-11 { order: 11; }
  .uw-order-12 { order: 12; }
  .uw-hover-order-12:hover { order: 12; }
  .uw-focus-order-12:focus { order: 12; }
  .uw-active-order-12:active { order: 12; }
  .uw-disabled-order-12:disabled { order: 12; }
  .uw-focus-visible-order-12:focus-visible { order: 12; }
  .uw-focus-within-order-12:focus-within { order: 12; }
  .uw-group:hover .uw-group-hover-order-12 { order: 12; }
  .uw-whitespace-normal { white-space: normal; }
  .uw-hover-whitespace-normal:hover { white-space: normal; }
  .uw-focus-whitespace-normal:focus { white-space: normal; }
  .uw-active-whitespace-normal:active { white-space: normal; }
  .uw-disabled-whitespace-normal:disabled { white-space: normal; }
  .uw-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  .uw-focus-within-whitespace-normal:focus-within { white-space: normal; }
  .uw-group:hover .uw-group-hover-whitespace-normal { white-space: normal; }
  .uw-whitespace-nowrap { white-space: nowrap; }
  .uw-hover-whitespace-nowrap:hover { white-space: nowrap; }
  .uw-focus-whitespace-nowrap:focus { white-space: nowrap; }
  .uw-active-whitespace-nowrap:active { white-space: nowrap; }
  .uw-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  .uw-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  .uw-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  .uw-group:hover .uw-group-hover-whitespace-nowrap { white-space: nowrap; }
  .uw-whitespace-pre { white-space: pre; }
  .uw-hover-whitespace-pre:hover { white-space: pre; }
  .uw-focus-whitespace-pre:focus { white-space: pre; }
  .uw-active-whitespace-pre:active { white-space: pre; }
  .uw-disabled-whitespace-pre:disabled { white-space: pre; }
  .uw-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  .uw-focus-within-whitespace-pre:focus-within { white-space: pre; }
  .uw-group:hover .uw-group-hover-whitespace-pre { white-space: pre; }
  .uw-whitespace-pre-line { white-space: pre-line; }
  .uw-hover-whitespace-pre-line:hover { white-space: pre-line; }
  .uw-focus-whitespace-pre-line:focus { white-space: pre-line; }
  .uw-active-whitespace-pre-line:active { white-space: pre-line; }
  .uw-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  .uw-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  .uw-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  .uw-group:hover .uw-group-hover-whitespace-pre-line { white-space: pre-line; }
  .uw-whitespace-pre-wrap { white-space: pre-wrap; }
  .uw-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  .uw-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  .uw-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  .uw-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  .uw-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  .uw-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  .uw-group:hover .uw-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  .uw-overflow-auto { overflow: auto; }
  .uw-hover-overflow-auto:hover { overflow: auto; }
  .uw-focus-overflow-auto:focus { overflow: auto; }
  .uw-active-overflow-auto:active { overflow: auto; }
  .uw-disabled-overflow-auto:disabled { overflow: auto; }
  .uw-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  .uw-focus-within-overflow-auto:focus-within { overflow: auto; }
  .uw-group:hover .uw-group-hover-overflow-auto { overflow: auto; }
  .uw-overflow-hidden { overflow: hidden; }
  .uw-hover-overflow-hidden:hover { overflow: hidden; }
  .uw-focus-overflow-hidden:focus { overflow: hidden; }
  .uw-active-overflow-hidden:active { overflow: hidden; }
  .uw-disabled-overflow-hidden:disabled { overflow: hidden; }
  .uw-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  .uw-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  .uw-group:hover .uw-group-hover-overflow-hidden { overflow: hidden; }
  .uw-overflow-visible { overflow: visible; }
  .uw-hover-overflow-visible:hover { overflow: visible; }
  .uw-focus-overflow-visible:focus { overflow: visible; }
  .uw-active-overflow-visible:active { overflow: visible; }
  .uw-disabled-overflow-visible:disabled { overflow: visible; }
  .uw-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  .uw-focus-within-overflow-visible:focus-within { overflow: visible; }
  .uw-group:hover .uw-group-hover-overflow-visible { overflow: visible; }
  .uw-overflow-scroll { overflow: scroll; }
  .uw-hover-overflow-scroll:hover { overflow: scroll; }
  .uw-focus-overflow-scroll:focus { overflow: scroll; }
  .uw-active-overflow-scroll:active { overflow: scroll; }
  .uw-disabled-overflow-scroll:disabled { overflow: scroll; }
  .uw-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  .uw-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  .uw-group:hover .uw-group-hover-overflow-scroll { overflow: scroll; }
  .uw-overflow-x-auto { overflow-x: auto; }
  .uw-hover-overflow-x-auto:hover { overflow-x: auto; }
  .uw-focus-overflow-x-auto:focus { overflow-x: auto; }
  .uw-active-overflow-x-auto:active { overflow-x: auto; }
  .uw-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  .uw-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  .uw-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  .uw-group:hover .uw-group-hover-overflow-x-auto { overflow-x: auto; }
  .uw-overflow-x-hidden { overflow-x: hidden; }
  .uw-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  .uw-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  .uw-active-overflow-x-hidden:active { overflow-x: hidden; }
  .uw-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  .uw-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  .uw-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  .uw-group:hover .uw-group-hover-overflow-x-hidden { overflow-x: hidden; }
  .uw-overflow-x-visible { overflow-x: visible; }
  .uw-hover-overflow-x-visible:hover { overflow-x: visible; }
  .uw-focus-overflow-x-visible:focus { overflow-x: visible; }
  .uw-active-overflow-x-visible:active { overflow-x: visible; }
  .uw-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  .uw-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  .uw-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  .uw-group:hover .uw-group-hover-overflow-x-visible { overflow-x: visible; }
  .uw-overflow-x-scroll { overflow-x: scroll; }
  .uw-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  .uw-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  .uw-active-overflow-x-scroll:active { overflow-x: scroll; }
  .uw-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  .uw-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  .uw-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  .uw-group:hover .uw-group-hover-overflow-x-scroll { overflow-x: scroll; }
  .uw-overflow-y-auto { overflow-y: auto; }
  .uw-hover-overflow-y-auto:hover { overflow-y: auto; }
  .uw-focus-overflow-y-auto:focus { overflow-y: auto; }
  .uw-active-overflow-y-auto:active { overflow-y: auto; }
  .uw-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  .uw-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  .uw-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  .uw-group:hover .uw-group-hover-overflow-y-auto { overflow-y: auto; }
  .uw-overflow-y-hidden { overflow-y: hidden; }
  .uw-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  .uw-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  .uw-active-overflow-y-hidden:active { overflow-y: hidden; }
  .uw-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  .uw-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  .uw-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  .uw-group:hover .uw-group-hover-overflow-y-hidden { overflow-y: hidden; }
  .uw-overflow-y-visible { overflow-y: visible; }
  .uw-hover-overflow-y-visible:hover { overflow-y: visible; }
  .uw-focus-overflow-y-visible:focus { overflow-y: visible; }
  .uw-active-overflow-y-visible:active { overflow-y: visible; }
  .uw-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  .uw-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  .uw-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  .uw-group:hover .uw-group-hover-overflow-y-visible { overflow-y: visible; }
  .uw-overflow-y-scroll { overflow-y: scroll; }
  .uw-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  .uw-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  .uw-active-overflow-y-scroll:active { overflow-y: scroll; }
  .uw-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  .uw-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  .uw-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  .uw-group:hover .uw-group-hover-overflow-y-scroll { overflow-y: scroll; }
  .uw-visible { visibility: visible; }
  .uw-hover-visible:hover { visibility: visible; }
  .uw-focus-visible:focus { visibility: visible; }
  .uw-active-visible:active { visibility: visible; }
  .uw-disabled-visible:disabled { visibility: visible; }
  .uw-focus-visible-visible:focus-visible { visibility: visible; }
  .uw-focus-within-visible:focus-within { visibility: visible; }
  .uw-group:hover .uw-group-hover-visible { visibility: visible; }
  .uw-hidden { visibility: hidden; }
  .uw-hover-hidden:hover { visibility: hidden; }
  .uw-focus-hidden:focus { visibility: hidden; }
  .uw-active-hidden:active { visibility: hidden; }
  .uw-disabled-hidden:disabled { visibility: hidden; }
  .uw-focus-visible-hidden:focus-visible { visibility: hidden; }
  .uw-focus-within-hidden:focus-within { visibility: hidden; }
  .uw-group:hover .uw-group-hover-hidden { visibility: hidden; }
  .uw-collapse { visibility: collapse; }
  .uw-hover-collapse:hover { visibility: collapse; }
  .uw-focus-collapse:focus { visibility: collapse; }
  .uw-active-collapse:active { visibility: collapse; }
  .uw-disabled-collapse:disabled { visibility: collapse; }
  .uw-focus-visible-collapse:focus-visible { visibility: collapse; }
  .uw-focus-within-collapse:focus-within { visibility: collapse; }
  .uw-group:hover .uw-group-hover-collapse { visibility: collapse; }
  .uw-clear-left { clear: left; }
  .uw-hover-clear-left:hover { clear: left; }
  .uw-focus-clear-left:focus { clear: left; }
  .uw-active-clear-left:active { clear: left; }
  .uw-disabled-clear-left:disabled { clear: left; }
  .uw-focus-visible-clear-left:focus-visible { clear: left; }
  .uw-focus-within-clear-left:focus-within { clear: left; }
  .uw-group:hover .uw-group-hover-clear-left { clear: left; }
  .uw-clear-right { clear: right; }
  .uw-hover-clear-right:hover { clear: right; }
  .uw-focus-clear-right:focus { clear: right; }
  .uw-active-clear-right:active { clear: right; }
  .uw-disabled-clear-right:disabled { clear: right; }
  .uw-focus-visible-clear-right:focus-visible { clear: right; }
  .uw-focus-within-clear-right:focus-within { clear: right; }
  .uw-group:hover .uw-group-hover-clear-right { clear: right; }
  .uw-clear-both { clear: both; }
  .uw-hover-clear-both:hover { clear: both; }
  .uw-focus-clear-both:focus { clear: both; }
  .uw-active-clear-both:active { clear: both; }
  .uw-disabled-clear-both:disabled { clear: both; }
  .uw-focus-visible-clear-both:focus-visible { clear: both; }
  .uw-focus-within-clear-both:focus-within { clear: both; }
  .uw-group:hover .uw-group-hover-clear-both { clear: both; }
  .uw-float-left { float: left; }
  .uw-hover-float-left:hover { float: left; }
  .uw-focus-float-left:focus { float: left; }
  .uw-active-float-left:active { float: left; }
  .uw-disabled-float-left:disabled { float: left; }
  .uw-focus-visible-float-left:focus-visible { float: left; }
  .uw-focus-within-float-left:focus-within { float: left; }
  .uw-group:hover .uw-group-hover-float-left { float: left; }
  .uw-float-right { float: right; }
  .uw-hover-float-right:hover { float: right; }
  .uw-focus-float-right:focus { float: right; }
  .uw-active-float-right:active { float: right; }
  .uw-disabled-float-right:disabled { float: right; }
  .uw-focus-visible-float-right:focus-visible { float: right; }
  .uw-focus-within-float-right:focus-within { float: right; }
  .uw-group:hover .uw-group-hover-float-right { float: right; }
  .uw-float-none { float: none; }
  .uw-hover-float-none:hover { float: none; }
  .uw-focus-float-none:focus { float: none; }
  .uw-active-float-none:active { float: none; }
  .uw-disabled-float-none:disabled { float: none; }
  .uw-focus-visible-float-none:focus-visible { float: none; }
  .uw-focus-within-float-none:focus-within { float: none; }
  .uw-group:hover .uw-group-hover-float-none { float: none; }
  .uw-w-0 { width: 0; }
  .uw-hover-w-0:hover { width: 0; }
  .uw-focus-w-0:focus { width: 0; }
  .uw-active-w-0:active { width: 0; }
  .uw-disabled-w-0:disabled { width: 0; }
  .uw-focus-visible-w-0:focus-visible { width: 0; }
  .uw-focus-within-w-0:focus-within { width: 0; }
  .uw-group:hover .uw-group-hover-w-0 { width: 0; }
  .uw-h-0 { height: 0; }
  .uw-hover-h-0:hover { height: 0; }
  .uw-focus-h-0:focus { height: 0; }
  .uw-active-h-0:active { height: 0; }
  .uw-disabled-h-0:disabled { height: 0; }
  .uw-focus-visible-h-0:focus-visible { height: 0; }
  .uw-focus-within-h-0:focus-within { height: 0; }
  .uw-group:hover .uw-group-hover-h-0 { height: 0; }
  .uw-min-w-0 { min-width: 0; }
  .uw-hover-min-w-0:hover { min-width: 0; }
  .uw-focus-min-w-0:focus { min-width: 0; }
  .uw-active-min-w-0:active { min-width: 0; }
  .uw-disabled-min-w-0:disabled { min-width: 0; }
  .uw-focus-visible-min-w-0:focus-visible { min-width: 0; }
  .uw-focus-within-min-w-0:focus-within { min-width: 0; }
  .uw-group:hover .uw-group-hover-min-w-0 { min-width: 0; }
  .uw-max-w-0 { max-width: 0; }
  .uw-hover-max-w-0:hover { max-width: 0; }
  .uw-focus-max-w-0:focus { max-width: 0; }
  .uw-active-max-w-0:active { max-width: 0; }
  .uw-disabled-max-w-0:disabled { max-width: 0; }
  .uw-focus-visible-max-w-0:focus-visible { max-width: 0; }
  .uw-focus-within-max-w-0:focus-within { max-width: 0; }
  .uw-group:hover .uw-group-hover-max-w-0 { max-width: 0; }
  .uw-min-h-0 { min-height: 0; }
  .uw-hover-min-h-0:hover { min-height: 0; }
  .uw-focus-min-h-0:focus { min-height: 0; }
  .uw-active-min-h-0:active { min-height: 0; }
  .uw-disabled-min-h-0:disabled { min-height: 0; }
  .uw-focus-visible-min-h-0:focus-visible { min-height: 0; }
  .uw-focus-within-min-h-0:focus-within { min-height: 0; }
  .uw-group:hover .uw-group-hover-min-h-0 { min-height: 0; }
  .uw-max-h-0 { max-height: 0; }
  .uw-hover-max-h-0:hover { max-height: 0; }
  .uw-focus-max-h-0:focus { max-height: 0; }
  .uw-active-max-h-0:active { max-height: 0; }
  .uw-disabled-max-h-0:disabled { max-height: 0; }
  .uw-focus-visible-max-h-0:focus-visible { max-height: 0; }
  .uw-focus-within-max-h-0:focus-within { max-height: 0; }
  .uw-group:hover .uw-group-hover-max-h-0 { max-height: 0; }
  .uw-w-1 { width: 0.25rem; }
  .uw-hover-w-1:hover { width: 0.25rem; }
  .uw-focus-w-1:focus { width: 0.25rem; }
  .uw-active-w-1:active { width: 0.25rem; }
  .uw-disabled-w-1:disabled { width: 0.25rem; }
  .uw-focus-visible-w-1:focus-visible { width: 0.25rem; }
  .uw-focus-within-w-1:focus-within { width: 0.25rem; }
  .uw-group:hover .uw-group-hover-w-1 { width: 0.25rem; }
  .uw-h-1 { height: 0.25rem; }
  .uw-hover-h-1:hover { height: 0.25rem; }
  .uw-focus-h-1:focus { height: 0.25rem; }
  .uw-active-h-1:active { height: 0.25rem; }
  .uw-disabled-h-1:disabled { height: 0.25rem; }
  .uw-focus-visible-h-1:focus-visible { height: 0.25rem; }
  .uw-focus-within-h-1:focus-within { height: 0.25rem; }
  .uw-group:hover .uw-group-hover-h-1 { height: 0.25rem; }
  .uw-min-w-1 { min-width: 0.25rem; }
  .uw-hover-min-w-1:hover { min-width: 0.25rem; }
  .uw-focus-min-w-1:focus { min-width: 0.25rem; }
  .uw-active-min-w-1:active { min-width: 0.25rem; }
  .uw-disabled-min-w-1:disabled { min-width: 0.25rem; }
  .uw-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  .uw-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-min-w-1 { min-width: 0.25rem; }
  .uw-max-w-1 { max-width: 0.25rem; }
  .uw-hover-max-w-1:hover { max-width: 0.25rem; }
  .uw-focus-max-w-1:focus { max-width: 0.25rem; }
  .uw-active-max-w-1:active { max-width: 0.25rem; }
  .uw-disabled-max-w-1:disabled { max-width: 0.25rem; }
  .uw-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  .uw-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-max-w-1 { max-width: 0.25rem; }
  .uw-min-h-1 { min-height: 0.25rem; }
  .uw-hover-min-h-1:hover { min-height: 0.25rem; }
  .uw-focus-min-h-1:focus { min-height: 0.25rem; }
  .uw-active-min-h-1:active { min-height: 0.25rem; }
  .uw-disabled-min-h-1:disabled { min-height: 0.25rem; }
  .uw-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  .uw-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  .uw-group:hover .uw-group-hover-min-h-1 { min-height: 0.25rem; }
  .uw-max-h-1 { max-height: 0.25rem; }
  .uw-hover-max-h-1:hover { max-height: 0.25rem; }
  .uw-focus-max-h-1:focus { max-height: 0.25rem; }
  .uw-active-max-h-1:active { max-height: 0.25rem; }
  .uw-disabled-max-h-1:disabled { max-height: 0.25rem; }
  .uw-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  .uw-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  .uw-group:hover .uw-group-hover-max-h-1 { max-height: 0.25rem; }
  .uw-w-2 { width: 0.5rem; }
  .uw-hover-w-2:hover { width: 0.5rem; }
  .uw-focus-w-2:focus { width: 0.5rem; }
  .uw-active-w-2:active { width: 0.5rem; }
  .uw-disabled-w-2:disabled { width: 0.5rem; }
  .uw-focus-visible-w-2:focus-visible { width: 0.5rem; }
  .uw-focus-within-w-2:focus-within { width: 0.5rem; }
  .uw-group:hover .uw-group-hover-w-2 { width: 0.5rem; }
  .uw-h-2 { height: 0.5rem; }
  .uw-hover-h-2:hover { height: 0.5rem; }
  .uw-focus-h-2:focus { height: 0.5rem; }
  .uw-active-h-2:active { height: 0.5rem; }
  .uw-disabled-h-2:disabled { height: 0.5rem; }
  .uw-focus-visible-h-2:focus-visible { height: 0.5rem; }
  .uw-focus-within-h-2:focus-within { height: 0.5rem; }
  .uw-group:hover .uw-group-hover-h-2 { height: 0.5rem; }
  .uw-min-w-2 { min-width: 0.5rem; }
  .uw-hover-min-w-2:hover { min-width: 0.5rem; }
  .uw-focus-min-w-2:focus { min-width: 0.5rem; }
  .uw-active-min-w-2:active { min-width: 0.5rem; }
  .uw-disabled-min-w-2:disabled { min-width: 0.5rem; }
  .uw-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  .uw-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-min-w-2 { min-width: 0.5rem; }
  .uw-max-w-2 { max-width: 0.5rem; }
  .uw-hover-max-w-2:hover { max-width: 0.5rem; }
  .uw-focus-max-w-2:focus { max-width: 0.5rem; }
  .uw-active-max-w-2:active { max-width: 0.5rem; }
  .uw-disabled-max-w-2:disabled { max-width: 0.5rem; }
  .uw-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  .uw-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-max-w-2 { max-width: 0.5rem; }
  .uw-min-h-2 { min-height: 0.5rem; }
  .uw-hover-min-h-2:hover { min-height: 0.5rem; }
  .uw-focus-min-h-2:focus { min-height: 0.5rem; }
  .uw-active-min-h-2:active { min-height: 0.5rem; }
  .uw-disabled-min-h-2:disabled { min-height: 0.5rem; }
  .uw-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  .uw-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  .uw-group:hover .uw-group-hover-min-h-2 { min-height: 0.5rem; }
  .uw-max-h-2 { max-height: 0.5rem; }
  .uw-hover-max-h-2:hover { max-height: 0.5rem; }
  .uw-focus-max-h-2:focus { max-height: 0.5rem; }
  .uw-active-max-h-2:active { max-height: 0.5rem; }
  .uw-disabled-max-h-2:disabled { max-height: 0.5rem; }
  .uw-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  .uw-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  .uw-group:hover .uw-group-hover-max-h-2 { max-height: 0.5rem; }
  .uw-w-3 { width: 0.75rem; }
  .uw-hover-w-3:hover { width: 0.75rem; }
  .uw-focus-w-3:focus { width: 0.75rem; }
  .uw-active-w-3:active { width: 0.75rem; }
  .uw-disabled-w-3:disabled { width: 0.75rem; }
  .uw-focus-visible-w-3:focus-visible { width: 0.75rem; }
  .uw-focus-within-w-3:focus-within { width: 0.75rem; }
  .uw-group:hover .uw-group-hover-w-3 { width: 0.75rem; }
  .uw-h-3 { height: 0.75rem; }
  .uw-hover-h-3:hover { height: 0.75rem; }
  .uw-focus-h-3:focus { height: 0.75rem; }
  .uw-active-h-3:active { height: 0.75rem; }
  .uw-disabled-h-3:disabled { height: 0.75rem; }
  .uw-focus-visible-h-3:focus-visible { height: 0.75rem; }
  .uw-focus-within-h-3:focus-within { height: 0.75rem; }
  .uw-group:hover .uw-group-hover-h-3 { height: 0.75rem; }
  .uw-min-w-3 { min-width: 0.75rem; }
  .uw-hover-min-w-3:hover { min-width: 0.75rem; }
  .uw-focus-min-w-3:focus { min-width: 0.75rem; }
  .uw-active-min-w-3:active { min-width: 0.75rem; }
  .uw-disabled-min-w-3:disabled { min-width: 0.75rem; }
  .uw-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  .uw-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-min-w-3 { min-width: 0.75rem; }
  .uw-max-w-3 { max-width: 0.75rem; }
  .uw-hover-max-w-3:hover { max-width: 0.75rem; }
  .uw-focus-max-w-3:focus { max-width: 0.75rem; }
  .uw-active-max-w-3:active { max-width: 0.75rem; }
  .uw-disabled-max-w-3:disabled { max-width: 0.75rem; }
  .uw-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  .uw-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-max-w-3 { max-width: 0.75rem; }
  .uw-min-h-3 { min-height: 0.75rem; }
  .uw-hover-min-h-3:hover { min-height: 0.75rem; }
  .uw-focus-min-h-3:focus { min-height: 0.75rem; }
  .uw-active-min-h-3:active { min-height: 0.75rem; }
  .uw-disabled-min-h-3:disabled { min-height: 0.75rem; }
  .uw-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  .uw-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  .uw-group:hover .uw-group-hover-min-h-3 { min-height: 0.75rem; }
  .uw-max-h-3 { max-height: 0.75rem; }
  .uw-hover-max-h-3:hover { max-height: 0.75rem; }
  .uw-focus-max-h-3:focus { max-height: 0.75rem; }
  .uw-active-max-h-3:active { max-height: 0.75rem; }
  .uw-disabled-max-h-3:disabled { max-height: 0.75rem; }
  .uw-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  .uw-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  .uw-group:hover .uw-group-hover-max-h-3 { max-height: 0.75rem; }
  .uw-w-4 { width: 1rem; }
  .uw-hover-w-4:hover { width: 1rem; }
  .uw-focus-w-4:focus { width: 1rem; }
  .uw-active-w-4:active { width: 1rem; }
  .uw-disabled-w-4:disabled { width: 1rem; }
  .uw-focus-visible-w-4:focus-visible { width: 1rem; }
  .uw-focus-within-w-4:focus-within { width: 1rem; }
  .uw-group:hover .uw-group-hover-w-4 { width: 1rem; }
  .uw-h-4 { height: 1rem; }
  .uw-hover-h-4:hover { height: 1rem; }
  .uw-focus-h-4:focus { height: 1rem; }
  .uw-active-h-4:active { height: 1rem; }
  .uw-disabled-h-4:disabled { height: 1rem; }
  .uw-focus-visible-h-4:focus-visible { height: 1rem; }
  .uw-focus-within-h-4:focus-within { height: 1rem; }
  .uw-group:hover .uw-group-hover-h-4 { height: 1rem; }
  .uw-min-w-4 { min-width: 1rem; }
  .uw-hover-min-w-4:hover { min-width: 1rem; }
  .uw-focus-min-w-4:focus { min-width: 1rem; }
  .uw-active-min-w-4:active { min-width: 1rem; }
  .uw-disabled-min-w-4:disabled { min-width: 1rem; }
  .uw-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  .uw-focus-within-min-w-4:focus-within { min-width: 1rem; }
  .uw-group:hover .uw-group-hover-min-w-4 { min-width: 1rem; }
  .uw-max-w-4 { max-width: 1rem; }
  .uw-hover-max-w-4:hover { max-width: 1rem; }
  .uw-focus-max-w-4:focus { max-width: 1rem; }
  .uw-active-max-w-4:active { max-width: 1rem; }
  .uw-disabled-max-w-4:disabled { max-width: 1rem; }
  .uw-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  .uw-focus-within-max-w-4:focus-within { max-width: 1rem; }
  .uw-group:hover .uw-group-hover-max-w-4 { max-width: 1rem; }
  .uw-min-h-4 { min-height: 1rem; }
  .uw-hover-min-h-4:hover { min-height: 1rem; }
  .uw-focus-min-h-4:focus { min-height: 1rem; }
  .uw-active-min-h-4:active { min-height: 1rem; }
  .uw-disabled-min-h-4:disabled { min-height: 1rem; }
  .uw-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  .uw-focus-within-min-h-4:focus-within { min-height: 1rem; }
  .uw-group:hover .uw-group-hover-min-h-4 { min-height: 1rem; }
  .uw-max-h-4 { max-height: 1rem; }
  .uw-hover-max-h-4:hover { max-height: 1rem; }
  .uw-focus-max-h-4:focus { max-height: 1rem; }
  .uw-active-max-h-4:active { max-height: 1rem; }
  .uw-disabled-max-h-4:disabled { max-height: 1rem; }
  .uw-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  .uw-focus-within-max-h-4:focus-within { max-height: 1rem; }
  .uw-group:hover .uw-group-hover-max-h-4 { max-height: 1rem; }
  .uw-w-5 { width: 1.25rem; }
  .uw-hover-w-5:hover { width: 1.25rem; }
  .uw-focus-w-5:focus { width: 1.25rem; }
  .uw-active-w-5:active { width: 1.25rem; }
  .uw-disabled-w-5:disabled { width: 1.25rem; }
  .uw-focus-visible-w-5:focus-visible { width: 1.25rem; }
  .uw-focus-within-w-5:focus-within { width: 1.25rem; }
  .uw-group:hover .uw-group-hover-w-5 { width: 1.25rem; }
  .uw-h-5 { height: 1.25rem; }
  .uw-hover-h-5:hover { height: 1.25rem; }
  .uw-focus-h-5:focus { height: 1.25rem; }
  .uw-active-h-5:active { height: 1.25rem; }
  .uw-disabled-h-5:disabled { height: 1.25rem; }
  .uw-focus-visible-h-5:focus-visible { height: 1.25rem; }
  .uw-focus-within-h-5:focus-within { height: 1.25rem; }
  .uw-group:hover .uw-group-hover-h-5 { height: 1.25rem; }
  .uw-min-w-5 { min-width: 1.25rem; }
  .uw-hover-min-w-5:hover { min-width: 1.25rem; }
  .uw-focus-min-w-5:focus { min-width: 1.25rem; }
  .uw-active-min-w-5:active { min-width: 1.25rem; }
  .uw-disabled-min-w-5:disabled { min-width: 1.25rem; }
  .uw-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  .uw-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-min-w-5 { min-width: 1.25rem; }
  .uw-max-w-5 { max-width: 1.25rem; }
  .uw-hover-max-w-5:hover { max-width: 1.25rem; }
  .uw-focus-max-w-5:focus { max-width: 1.25rem; }
  .uw-active-max-w-5:active { max-width: 1.25rem; }
  .uw-disabled-max-w-5:disabled { max-width: 1.25rem; }
  .uw-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  .uw-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-max-w-5 { max-width: 1.25rem; }
  .uw-min-h-5 { min-height: 1.25rem; }
  .uw-hover-min-h-5:hover { min-height: 1.25rem; }
  .uw-focus-min-h-5:focus { min-height: 1.25rem; }
  .uw-active-min-h-5:active { min-height: 1.25rem; }
  .uw-disabled-min-h-5:disabled { min-height: 1.25rem; }
  .uw-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  .uw-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  .uw-group:hover .uw-group-hover-min-h-5 { min-height: 1.25rem; }
  .uw-max-h-5 { max-height: 1.25rem; }
  .uw-hover-max-h-5:hover { max-height: 1.25rem; }
  .uw-focus-max-h-5:focus { max-height: 1.25rem; }
  .uw-active-max-h-5:active { max-height: 1.25rem; }
  .uw-disabled-max-h-5:disabled { max-height: 1.25rem; }
  .uw-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  .uw-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  .uw-group:hover .uw-group-hover-max-h-5 { max-height: 1.25rem; }
  .uw-w-6 { width: 1.5rem; }
  .uw-hover-w-6:hover { width: 1.5rem; }
  .uw-focus-w-6:focus { width: 1.5rem; }
  .uw-active-w-6:active { width: 1.5rem; }
  .uw-disabled-w-6:disabled { width: 1.5rem; }
  .uw-focus-visible-w-6:focus-visible { width: 1.5rem; }
  .uw-focus-within-w-6:focus-within { width: 1.5rem; }
  .uw-group:hover .uw-group-hover-w-6 { width: 1.5rem; }
  .uw-h-6 { height: 1.5rem; }
  .uw-hover-h-6:hover { height: 1.5rem; }
  .uw-focus-h-6:focus { height: 1.5rem; }
  .uw-active-h-6:active { height: 1.5rem; }
  .uw-disabled-h-6:disabled { height: 1.5rem; }
  .uw-focus-visible-h-6:focus-visible { height: 1.5rem; }
  .uw-focus-within-h-6:focus-within { height: 1.5rem; }
  .uw-group:hover .uw-group-hover-h-6 { height: 1.5rem; }
  .uw-min-w-6 { min-width: 1.5rem; }
  .uw-hover-min-w-6:hover { min-width: 1.5rem; }
  .uw-focus-min-w-6:focus { min-width: 1.5rem; }
  .uw-active-min-w-6:active { min-width: 1.5rem; }
  .uw-disabled-min-w-6:disabled { min-width: 1.5rem; }
  .uw-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  .uw-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-min-w-6 { min-width: 1.5rem; }
  .uw-max-w-6 { max-width: 1.5rem; }
  .uw-hover-max-w-6:hover { max-width: 1.5rem; }
  .uw-focus-max-w-6:focus { max-width: 1.5rem; }
  .uw-active-max-w-6:active { max-width: 1.5rem; }
  .uw-disabled-max-w-6:disabled { max-width: 1.5rem; }
  .uw-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  .uw-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-max-w-6 { max-width: 1.5rem; }
  .uw-min-h-6 { min-height: 1.5rem; }
  .uw-hover-min-h-6:hover { min-height: 1.5rem; }
  .uw-focus-min-h-6:focus { min-height: 1.5rem; }
  .uw-active-min-h-6:active { min-height: 1.5rem; }
  .uw-disabled-min-h-6:disabled { min-height: 1.5rem; }
  .uw-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  .uw-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  .uw-group:hover .uw-group-hover-min-h-6 { min-height: 1.5rem; }
  .uw-max-h-6 { max-height: 1.5rem; }
  .uw-hover-max-h-6:hover { max-height: 1.5rem; }
  .uw-focus-max-h-6:focus { max-height: 1.5rem; }
  .uw-active-max-h-6:active { max-height: 1.5rem; }
  .uw-disabled-max-h-6:disabled { max-height: 1.5rem; }
  .uw-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  .uw-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  .uw-group:hover .uw-group-hover-max-h-6 { max-height: 1.5rem; }
  .uw-w-7 { width: 1.75rem; }
  .uw-hover-w-7:hover { width: 1.75rem; }
  .uw-focus-w-7:focus { width: 1.75rem; }
  .uw-active-w-7:active { width: 1.75rem; }
  .uw-disabled-w-7:disabled { width: 1.75rem; }
  .uw-focus-visible-w-7:focus-visible { width: 1.75rem; }
  .uw-focus-within-w-7:focus-within { width: 1.75rem; }
  .uw-group:hover .uw-group-hover-w-7 { width: 1.75rem; }
  .uw-h-7 { height: 1.75rem; }
  .uw-hover-h-7:hover { height: 1.75rem; }
  .uw-focus-h-7:focus { height: 1.75rem; }
  .uw-active-h-7:active { height: 1.75rem; }
  .uw-disabled-h-7:disabled { height: 1.75rem; }
  .uw-focus-visible-h-7:focus-visible { height: 1.75rem; }
  .uw-focus-within-h-7:focus-within { height: 1.75rem; }
  .uw-group:hover .uw-group-hover-h-7 { height: 1.75rem; }
  .uw-min-w-7 { min-width: 1.75rem; }
  .uw-hover-min-w-7:hover { min-width: 1.75rem; }
  .uw-focus-min-w-7:focus { min-width: 1.75rem; }
  .uw-active-min-w-7:active { min-width: 1.75rem; }
  .uw-disabled-min-w-7:disabled { min-width: 1.75rem; }
  .uw-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  .uw-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-min-w-7 { min-width: 1.75rem; }
  .uw-max-w-7 { max-width: 1.75rem; }
  .uw-hover-max-w-7:hover { max-width: 1.75rem; }
  .uw-focus-max-w-7:focus { max-width: 1.75rem; }
  .uw-active-max-w-7:active { max-width: 1.75rem; }
  .uw-disabled-max-w-7:disabled { max-width: 1.75rem; }
  .uw-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  .uw-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-max-w-7 { max-width: 1.75rem; }
  .uw-min-h-7 { min-height: 1.75rem; }
  .uw-hover-min-h-7:hover { min-height: 1.75rem; }
  .uw-focus-min-h-7:focus { min-height: 1.75rem; }
  .uw-active-min-h-7:active { min-height: 1.75rem; }
  .uw-disabled-min-h-7:disabled { min-height: 1.75rem; }
  .uw-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  .uw-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  .uw-group:hover .uw-group-hover-min-h-7 { min-height: 1.75rem; }
  .uw-max-h-7 { max-height: 1.75rem; }
  .uw-hover-max-h-7:hover { max-height: 1.75rem; }
  .uw-focus-max-h-7:focus { max-height: 1.75rem; }
  .uw-active-max-h-7:active { max-height: 1.75rem; }
  .uw-disabled-max-h-7:disabled { max-height: 1.75rem; }
  .uw-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  .uw-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  .uw-group:hover .uw-group-hover-max-h-7 { max-height: 1.75rem; }
  .uw-w-8 { width: 2rem; }
  .uw-hover-w-8:hover { width: 2rem; }
  .uw-focus-w-8:focus { width: 2rem; }
  .uw-active-w-8:active { width: 2rem; }
  .uw-disabled-w-8:disabled { width: 2rem; }
  .uw-focus-visible-w-8:focus-visible { width: 2rem; }
  .uw-focus-within-w-8:focus-within { width: 2rem; }
  .uw-group:hover .uw-group-hover-w-8 { width: 2rem; }
  .uw-h-8 { height: 2rem; }
  .uw-hover-h-8:hover { height: 2rem; }
  .uw-focus-h-8:focus { height: 2rem; }
  .uw-active-h-8:active { height: 2rem; }
  .uw-disabled-h-8:disabled { height: 2rem; }
  .uw-focus-visible-h-8:focus-visible { height: 2rem; }
  .uw-focus-within-h-8:focus-within { height: 2rem; }
  .uw-group:hover .uw-group-hover-h-8 { height: 2rem; }
  .uw-min-w-8 { min-width: 2rem; }
  .uw-hover-min-w-8:hover { min-width: 2rem; }
  .uw-focus-min-w-8:focus { min-width: 2rem; }
  .uw-active-min-w-8:active { min-width: 2rem; }
  .uw-disabled-min-w-8:disabled { min-width: 2rem; }
  .uw-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  .uw-focus-within-min-w-8:focus-within { min-width: 2rem; }
  .uw-group:hover .uw-group-hover-min-w-8 { min-width: 2rem; }
  .uw-max-w-8 { max-width: 2rem; }
  .uw-hover-max-w-8:hover { max-width: 2rem; }
  .uw-focus-max-w-8:focus { max-width: 2rem; }
  .uw-active-max-w-8:active { max-width: 2rem; }
  .uw-disabled-max-w-8:disabled { max-width: 2rem; }
  .uw-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  .uw-focus-within-max-w-8:focus-within { max-width: 2rem; }
  .uw-group:hover .uw-group-hover-max-w-8 { max-width: 2rem; }
  .uw-min-h-8 { min-height: 2rem; }
  .uw-hover-min-h-8:hover { min-height: 2rem; }
  .uw-focus-min-h-8:focus { min-height: 2rem; }
  .uw-active-min-h-8:active { min-height: 2rem; }
  .uw-disabled-min-h-8:disabled { min-height: 2rem; }
  .uw-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  .uw-focus-within-min-h-8:focus-within { min-height: 2rem; }
  .uw-group:hover .uw-group-hover-min-h-8 { min-height: 2rem; }
  .uw-max-h-8 { max-height: 2rem; }
  .uw-hover-max-h-8:hover { max-height: 2rem; }
  .uw-focus-max-h-8:focus { max-height: 2rem; }
  .uw-active-max-h-8:active { max-height: 2rem; }
  .uw-disabled-max-h-8:disabled { max-height: 2rem; }
  .uw-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  .uw-focus-within-max-h-8:focus-within { max-height: 2rem; }
  .uw-group:hover .uw-group-hover-max-h-8 { max-height: 2rem; }
  .uw-w-9 { width: 2.25rem; }
  .uw-hover-w-9:hover { width: 2.25rem; }
  .uw-focus-w-9:focus { width: 2.25rem; }
  .uw-active-w-9:active { width: 2.25rem; }
  .uw-disabled-w-9:disabled { width: 2.25rem; }
  .uw-focus-visible-w-9:focus-visible { width: 2.25rem; }
  .uw-focus-within-w-9:focus-within { width: 2.25rem; }
  .uw-group:hover .uw-group-hover-w-9 { width: 2.25rem; }
  .uw-h-9 { height: 2.25rem; }
  .uw-hover-h-9:hover { height: 2.25rem; }
  .uw-focus-h-9:focus { height: 2.25rem; }
  .uw-active-h-9:active { height: 2.25rem; }
  .uw-disabled-h-9:disabled { height: 2.25rem; }
  .uw-focus-visible-h-9:focus-visible { height: 2.25rem; }
  .uw-focus-within-h-9:focus-within { height: 2.25rem; }
  .uw-group:hover .uw-group-hover-h-9 { height: 2.25rem; }
  .uw-min-w-9 { min-width: 2.25rem; }
  .uw-hover-min-w-9:hover { min-width: 2.25rem; }
  .uw-focus-min-w-9:focus { min-width: 2.25rem; }
  .uw-active-min-w-9:active { min-width: 2.25rem; }
  .uw-disabled-min-w-9:disabled { min-width: 2.25rem; }
  .uw-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  .uw-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  .uw-group:hover .uw-group-hover-min-w-9 { min-width: 2.25rem; }
  .uw-max-w-9 { max-width: 2.25rem; }
  .uw-hover-max-w-9:hover { max-width: 2.25rem; }
  .uw-focus-max-w-9:focus { max-width: 2.25rem; }
  .uw-active-max-w-9:active { max-width: 2.25rem; }
  .uw-disabled-max-w-9:disabled { max-width: 2.25rem; }
  .uw-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  .uw-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  .uw-group:hover .uw-group-hover-max-w-9 { max-width: 2.25rem; }
  .uw-min-h-9 { min-height: 2.25rem; }
  .uw-hover-min-h-9:hover { min-height: 2.25rem; }
  .uw-focus-min-h-9:focus { min-height: 2.25rem; }
  .uw-active-min-h-9:active { min-height: 2.25rem; }
  .uw-disabled-min-h-9:disabled { min-height: 2.25rem; }
  .uw-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  .uw-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  .uw-group:hover .uw-group-hover-min-h-9 { min-height: 2.25rem; }
  .uw-max-h-9 { max-height: 2.25rem; }
  .uw-hover-max-h-9:hover { max-height: 2.25rem; }
  .uw-focus-max-h-9:focus { max-height: 2.25rem; }
  .uw-active-max-h-9:active { max-height: 2.25rem; }
  .uw-disabled-max-h-9:disabled { max-height: 2.25rem; }
  .uw-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  .uw-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  .uw-group:hover .uw-group-hover-max-h-9 { max-height: 2.25rem; }
  .uw-w-10 { width: 2.5rem; }
  .uw-hover-w-10:hover { width: 2.5rem; }
  .uw-focus-w-10:focus { width: 2.5rem; }
  .uw-active-w-10:active { width: 2.5rem; }
  .uw-disabled-w-10:disabled { width: 2.5rem; }
  .uw-focus-visible-w-10:focus-visible { width: 2.5rem; }
  .uw-focus-within-w-10:focus-within { width: 2.5rem; }
  .uw-group:hover .uw-group-hover-w-10 { width: 2.5rem; }
  .uw-h-10 { height: 2.5rem; }
  .uw-hover-h-10:hover { height: 2.5rem; }
  .uw-focus-h-10:focus { height: 2.5rem; }
  .uw-active-h-10:active { height: 2.5rem; }
  .uw-disabled-h-10:disabled { height: 2.5rem; }
  .uw-focus-visible-h-10:focus-visible { height: 2.5rem; }
  .uw-focus-within-h-10:focus-within { height: 2.5rem; }
  .uw-group:hover .uw-group-hover-h-10 { height: 2.5rem; }
  .uw-min-w-10 { min-width: 2.5rem; }
  .uw-hover-min-w-10:hover { min-width: 2.5rem; }
  .uw-focus-min-w-10:focus { min-width: 2.5rem; }
  .uw-active-min-w-10:active { min-width: 2.5rem; }
  .uw-disabled-min-w-10:disabled { min-width: 2.5rem; }
  .uw-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  .uw-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  .uw-group:hover .uw-group-hover-min-w-10 { min-width: 2.5rem; }
  .uw-max-w-10 { max-width: 2.5rem; }
  .uw-hover-max-w-10:hover { max-width: 2.5rem; }
  .uw-focus-max-w-10:focus { max-width: 2.5rem; }
  .uw-active-max-w-10:active { max-width: 2.5rem; }
  .uw-disabled-max-w-10:disabled { max-width: 2.5rem; }
  .uw-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  .uw-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  .uw-group:hover .uw-group-hover-max-w-10 { max-width: 2.5rem; }
  .uw-min-h-10 { min-height: 2.5rem; }
  .uw-hover-min-h-10:hover { min-height: 2.5rem; }
  .uw-focus-min-h-10:focus { min-height: 2.5rem; }
  .uw-active-min-h-10:active { min-height: 2.5rem; }
  .uw-disabled-min-h-10:disabled { min-height: 2.5rem; }
  .uw-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  .uw-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  .uw-group:hover .uw-group-hover-min-h-10 { min-height: 2.5rem; }
  .uw-max-h-10 { max-height: 2.5rem; }
  .uw-hover-max-h-10:hover { max-height: 2.5rem; }
  .uw-focus-max-h-10:focus { max-height: 2.5rem; }
  .uw-active-max-h-10:active { max-height: 2.5rem; }
  .uw-disabled-max-h-10:disabled { max-height: 2.5rem; }
  .uw-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  .uw-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  .uw-group:hover .uw-group-hover-max-h-10 { max-height: 2.5rem; }
  .uw-w-11 { width: 2.75rem; }
  .uw-hover-w-11:hover { width: 2.75rem; }
  .uw-focus-w-11:focus { width: 2.75rem; }
  .uw-active-w-11:active { width: 2.75rem; }
  .uw-disabled-w-11:disabled { width: 2.75rem; }
  .uw-focus-visible-w-11:focus-visible { width: 2.75rem; }
  .uw-focus-within-w-11:focus-within { width: 2.75rem; }
  .uw-group:hover .uw-group-hover-w-11 { width: 2.75rem; }
  .uw-h-11 { height: 2.75rem; }
  .uw-hover-h-11:hover { height: 2.75rem; }
  .uw-focus-h-11:focus { height: 2.75rem; }
  .uw-active-h-11:active { height: 2.75rem; }
  .uw-disabled-h-11:disabled { height: 2.75rem; }
  .uw-focus-visible-h-11:focus-visible { height: 2.75rem; }
  .uw-focus-within-h-11:focus-within { height: 2.75rem; }
  .uw-group:hover .uw-group-hover-h-11 { height: 2.75rem; }
  .uw-min-w-11 { min-width: 2.75rem; }
  .uw-hover-min-w-11:hover { min-width: 2.75rem; }
  .uw-focus-min-w-11:focus { min-width: 2.75rem; }
  .uw-active-min-w-11:active { min-width: 2.75rem; }
  .uw-disabled-min-w-11:disabled { min-width: 2.75rem; }
  .uw-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  .uw-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  .uw-group:hover .uw-group-hover-min-w-11 { min-width: 2.75rem; }
  .uw-max-w-11 { max-width: 2.75rem; }
  .uw-hover-max-w-11:hover { max-width: 2.75rem; }
  .uw-focus-max-w-11:focus { max-width: 2.75rem; }
  .uw-active-max-w-11:active { max-width: 2.75rem; }
  .uw-disabled-max-w-11:disabled { max-width: 2.75rem; }
  .uw-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  .uw-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  .uw-group:hover .uw-group-hover-max-w-11 { max-width: 2.75rem; }
  .uw-min-h-11 { min-height: 2.75rem; }
  .uw-hover-min-h-11:hover { min-height: 2.75rem; }
  .uw-focus-min-h-11:focus { min-height: 2.75rem; }
  .uw-active-min-h-11:active { min-height: 2.75rem; }
  .uw-disabled-min-h-11:disabled { min-height: 2.75rem; }
  .uw-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  .uw-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  .uw-group:hover .uw-group-hover-min-h-11 { min-height: 2.75rem; }
  .uw-max-h-11 { max-height: 2.75rem; }
  .uw-hover-max-h-11:hover { max-height: 2.75rem; }
  .uw-focus-max-h-11:focus { max-height: 2.75rem; }
  .uw-active-max-h-11:active { max-height: 2.75rem; }
  .uw-disabled-max-h-11:disabled { max-height: 2.75rem; }
  .uw-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  .uw-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  .uw-group:hover .uw-group-hover-max-h-11 { max-height: 2.75rem; }
  .uw-w-12 { width: 3rem; }
  .uw-hover-w-12:hover { width: 3rem; }
  .uw-focus-w-12:focus { width: 3rem; }
  .uw-active-w-12:active { width: 3rem; }
  .uw-disabled-w-12:disabled { width: 3rem; }
  .uw-focus-visible-w-12:focus-visible { width: 3rem; }
  .uw-focus-within-w-12:focus-within { width: 3rem; }
  .uw-group:hover .uw-group-hover-w-12 { width: 3rem; }
  .uw-h-12 { height: 3rem; }
  .uw-hover-h-12:hover { height: 3rem; }
  .uw-focus-h-12:focus { height: 3rem; }
  .uw-active-h-12:active { height: 3rem; }
  .uw-disabled-h-12:disabled { height: 3rem; }
  .uw-focus-visible-h-12:focus-visible { height: 3rem; }
  .uw-focus-within-h-12:focus-within { height: 3rem; }
  .uw-group:hover .uw-group-hover-h-12 { height: 3rem; }
  .uw-min-w-12 { min-width: 3rem; }
  .uw-hover-min-w-12:hover { min-width: 3rem; }
  .uw-focus-min-w-12:focus { min-width: 3rem; }
  .uw-active-min-w-12:active { min-width: 3rem; }
  .uw-disabled-min-w-12:disabled { min-width: 3rem; }
  .uw-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  .uw-focus-within-min-w-12:focus-within { min-width: 3rem; }
  .uw-group:hover .uw-group-hover-min-w-12 { min-width: 3rem; }
  .uw-max-w-12 { max-width: 3rem; }
  .uw-hover-max-w-12:hover { max-width: 3rem; }
  .uw-focus-max-w-12:focus { max-width: 3rem; }
  .uw-active-max-w-12:active { max-width: 3rem; }
  .uw-disabled-max-w-12:disabled { max-width: 3rem; }
  .uw-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  .uw-focus-within-max-w-12:focus-within { max-width: 3rem; }
  .uw-group:hover .uw-group-hover-max-w-12 { max-width: 3rem; }
  .uw-min-h-12 { min-height: 3rem; }
  .uw-hover-min-h-12:hover { min-height: 3rem; }
  .uw-focus-min-h-12:focus { min-height: 3rem; }
  .uw-active-min-h-12:active { min-height: 3rem; }
  .uw-disabled-min-h-12:disabled { min-height: 3rem; }
  .uw-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  .uw-focus-within-min-h-12:focus-within { min-height: 3rem; }
  .uw-group:hover .uw-group-hover-min-h-12 { min-height: 3rem; }
  .uw-max-h-12 { max-height: 3rem; }
  .uw-hover-max-h-12:hover { max-height: 3rem; }
  .uw-focus-max-h-12:focus { max-height: 3rem; }
  .uw-active-max-h-12:active { max-height: 3rem; }
  .uw-disabled-max-h-12:disabled { max-height: 3rem; }
  .uw-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  .uw-focus-within-max-h-12:focus-within { max-height: 3rem; }
  .uw-group:hover .uw-group-hover-max-h-12 { max-height: 3rem; }
  .uw-w-14 { width: 3.5rem; }
  .uw-hover-w-14:hover { width: 3.5rem; }
  .uw-focus-w-14:focus { width: 3.5rem; }
  .uw-active-w-14:active { width: 3.5rem; }
  .uw-disabled-w-14:disabled { width: 3.5rem; }
  .uw-focus-visible-w-14:focus-visible { width: 3.5rem; }
  .uw-focus-within-w-14:focus-within { width: 3.5rem; }
  .uw-group:hover .uw-group-hover-w-14 { width: 3.5rem; }
  .uw-h-14 { height: 3.5rem; }
  .uw-hover-h-14:hover { height: 3.5rem; }
  .uw-focus-h-14:focus { height: 3.5rem; }
  .uw-active-h-14:active { height: 3.5rem; }
  .uw-disabled-h-14:disabled { height: 3.5rem; }
  .uw-focus-visible-h-14:focus-visible { height: 3.5rem; }
  .uw-focus-within-h-14:focus-within { height: 3.5rem; }
  .uw-group:hover .uw-group-hover-h-14 { height: 3.5rem; }
  .uw-min-w-14 { min-width: 3.5rem; }
  .uw-hover-min-w-14:hover { min-width: 3.5rem; }
  .uw-focus-min-w-14:focus { min-width: 3.5rem; }
  .uw-active-min-w-14:active { min-width: 3.5rem; }
  .uw-disabled-min-w-14:disabled { min-width: 3.5rem; }
  .uw-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  .uw-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  .uw-group:hover .uw-group-hover-min-w-14 { min-width: 3.5rem; }
  .uw-max-w-14 { max-width: 3.5rem; }
  .uw-hover-max-w-14:hover { max-width: 3.5rem; }
  .uw-focus-max-w-14:focus { max-width: 3.5rem; }
  .uw-active-max-w-14:active { max-width: 3.5rem; }
  .uw-disabled-max-w-14:disabled { max-width: 3.5rem; }
  .uw-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  .uw-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  .uw-group:hover .uw-group-hover-max-w-14 { max-width: 3.5rem; }
  .uw-min-h-14 { min-height: 3.5rem; }
  .uw-hover-min-h-14:hover { min-height: 3.5rem; }
  .uw-focus-min-h-14:focus { min-height: 3.5rem; }
  .uw-active-min-h-14:active { min-height: 3.5rem; }
  .uw-disabled-min-h-14:disabled { min-height: 3.5rem; }
  .uw-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  .uw-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  .uw-group:hover .uw-group-hover-min-h-14 { min-height: 3.5rem; }
  .uw-max-h-14 { max-height: 3.5rem; }
  .uw-hover-max-h-14:hover { max-height: 3.5rem; }
  .uw-focus-max-h-14:focus { max-height: 3.5rem; }
  .uw-active-max-h-14:active { max-height: 3.5rem; }
  .uw-disabled-max-h-14:disabled { max-height: 3.5rem; }
  .uw-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  .uw-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  .uw-group:hover .uw-group-hover-max-h-14 { max-height: 3.5rem; }
  .uw-w-16 { width: 4rem; }
  .uw-hover-w-16:hover { width: 4rem; }
  .uw-focus-w-16:focus { width: 4rem; }
  .uw-active-w-16:active { width: 4rem; }
  .uw-disabled-w-16:disabled { width: 4rem; }
  .uw-focus-visible-w-16:focus-visible { width: 4rem; }
  .uw-focus-within-w-16:focus-within { width: 4rem; }
  .uw-group:hover .uw-group-hover-w-16 { width: 4rem; }
  .uw-h-16 { height: 4rem; }
  .uw-hover-h-16:hover { height: 4rem; }
  .uw-focus-h-16:focus { height: 4rem; }
  .uw-active-h-16:active { height: 4rem; }
  .uw-disabled-h-16:disabled { height: 4rem; }
  .uw-focus-visible-h-16:focus-visible { height: 4rem; }
  .uw-focus-within-h-16:focus-within { height: 4rem; }
  .uw-group:hover .uw-group-hover-h-16 { height: 4rem; }
  .uw-min-w-16 { min-width: 4rem; }
  .uw-hover-min-w-16:hover { min-width: 4rem; }
  .uw-focus-min-w-16:focus { min-width: 4rem; }
  .uw-active-min-w-16:active { min-width: 4rem; }
  .uw-disabled-min-w-16:disabled { min-width: 4rem; }
  .uw-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  .uw-focus-within-min-w-16:focus-within { min-width: 4rem; }
  .uw-group:hover .uw-group-hover-min-w-16 { min-width: 4rem; }
  .uw-max-w-16 { max-width: 4rem; }
  .uw-hover-max-w-16:hover { max-width: 4rem; }
  .uw-focus-max-w-16:focus { max-width: 4rem; }
  .uw-active-max-w-16:active { max-width: 4rem; }
  .uw-disabled-max-w-16:disabled { max-width: 4rem; }
  .uw-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  .uw-focus-within-max-w-16:focus-within { max-width: 4rem; }
  .uw-group:hover .uw-group-hover-max-w-16 { max-width: 4rem; }
  .uw-min-h-16 { min-height: 4rem; }
  .uw-hover-min-h-16:hover { min-height: 4rem; }
  .uw-focus-min-h-16:focus { min-height: 4rem; }
  .uw-active-min-h-16:active { min-height: 4rem; }
  .uw-disabled-min-h-16:disabled { min-height: 4rem; }
  .uw-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  .uw-focus-within-min-h-16:focus-within { min-height: 4rem; }
  .uw-group:hover .uw-group-hover-min-h-16 { min-height: 4rem; }
  .uw-max-h-16 { max-height: 4rem; }
  .uw-hover-max-h-16:hover { max-height: 4rem; }
  .uw-focus-max-h-16:focus { max-height: 4rem; }
  .uw-active-max-h-16:active { max-height: 4rem; }
  .uw-disabled-max-h-16:disabled { max-height: 4rem; }
  .uw-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  .uw-focus-within-max-h-16:focus-within { max-height: 4rem; }
  .uw-group:hover .uw-group-hover-max-h-16 { max-height: 4rem; }
  .uw-w-20 { width: 5rem; }
  .uw-hover-w-20:hover { width: 5rem; }
  .uw-focus-w-20:focus { width: 5rem; }
  .uw-active-w-20:active { width: 5rem; }
  .uw-disabled-w-20:disabled { width: 5rem; }
  .uw-focus-visible-w-20:focus-visible { width: 5rem; }
  .uw-focus-within-w-20:focus-within { width: 5rem; }
  .uw-group:hover .uw-group-hover-w-20 { width: 5rem; }
  .uw-h-20 { height: 5rem; }
  .uw-hover-h-20:hover { height: 5rem; }
  .uw-focus-h-20:focus { height: 5rem; }
  .uw-active-h-20:active { height: 5rem; }
  .uw-disabled-h-20:disabled { height: 5rem; }
  .uw-focus-visible-h-20:focus-visible { height: 5rem; }
  .uw-focus-within-h-20:focus-within { height: 5rem; }
  .uw-group:hover .uw-group-hover-h-20 { height: 5rem; }
  .uw-min-w-20 { min-width: 5rem; }
  .uw-hover-min-w-20:hover { min-width: 5rem; }
  .uw-focus-min-w-20:focus { min-width: 5rem; }
  .uw-active-min-w-20:active { min-width: 5rem; }
  .uw-disabled-min-w-20:disabled { min-width: 5rem; }
  .uw-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  .uw-focus-within-min-w-20:focus-within { min-width: 5rem; }
  .uw-group:hover .uw-group-hover-min-w-20 { min-width: 5rem; }
  .uw-max-w-20 { max-width: 5rem; }
  .uw-hover-max-w-20:hover { max-width: 5rem; }
  .uw-focus-max-w-20:focus { max-width: 5rem; }
  .uw-active-max-w-20:active { max-width: 5rem; }
  .uw-disabled-max-w-20:disabled { max-width: 5rem; }
  .uw-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  .uw-focus-within-max-w-20:focus-within { max-width: 5rem; }
  .uw-group:hover .uw-group-hover-max-w-20 { max-width: 5rem; }
  .uw-min-h-20 { min-height: 5rem; }
  .uw-hover-min-h-20:hover { min-height: 5rem; }
  .uw-focus-min-h-20:focus { min-height: 5rem; }
  .uw-active-min-h-20:active { min-height: 5rem; }
  .uw-disabled-min-h-20:disabled { min-height: 5rem; }
  .uw-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  .uw-focus-within-min-h-20:focus-within { min-height: 5rem; }
  .uw-group:hover .uw-group-hover-min-h-20 { min-height: 5rem; }
  .uw-max-h-20 { max-height: 5rem; }
  .uw-hover-max-h-20:hover { max-height: 5rem; }
  .uw-focus-max-h-20:focus { max-height: 5rem; }
  .uw-active-max-h-20:active { max-height: 5rem; }
  .uw-disabled-max-h-20:disabled { max-height: 5rem; }
  .uw-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  .uw-focus-within-max-h-20:focus-within { max-height: 5rem; }
  .uw-group:hover .uw-group-hover-max-h-20 { max-height: 5rem; }
  .uw-w-24 { width: 6rem; }
  .uw-hover-w-24:hover { width: 6rem; }
  .uw-focus-w-24:focus { width: 6rem; }
  .uw-active-w-24:active { width: 6rem; }
  .uw-disabled-w-24:disabled { width: 6rem; }
  .uw-focus-visible-w-24:focus-visible { width: 6rem; }
  .uw-focus-within-w-24:focus-within { width: 6rem; }
  .uw-group:hover .uw-group-hover-w-24 { width: 6rem; }
  .uw-h-24 { height: 6rem; }
  .uw-hover-h-24:hover { height: 6rem; }
  .uw-focus-h-24:focus { height: 6rem; }
  .uw-active-h-24:active { height: 6rem; }
  .uw-disabled-h-24:disabled { height: 6rem; }
  .uw-focus-visible-h-24:focus-visible { height: 6rem; }
  .uw-focus-within-h-24:focus-within { height: 6rem; }
  .uw-group:hover .uw-group-hover-h-24 { height: 6rem; }
  .uw-min-w-24 { min-width: 6rem; }
  .uw-hover-min-w-24:hover { min-width: 6rem; }
  .uw-focus-min-w-24:focus { min-width: 6rem; }
  .uw-active-min-w-24:active { min-width: 6rem; }
  .uw-disabled-min-w-24:disabled { min-width: 6rem; }
  .uw-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  .uw-focus-within-min-w-24:focus-within { min-width: 6rem; }
  .uw-group:hover .uw-group-hover-min-w-24 { min-width: 6rem; }
  .uw-max-w-24 { max-width: 6rem; }
  .uw-hover-max-w-24:hover { max-width: 6rem; }
  .uw-focus-max-w-24:focus { max-width: 6rem; }
  .uw-active-max-w-24:active { max-width: 6rem; }
  .uw-disabled-max-w-24:disabled { max-width: 6rem; }
  .uw-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  .uw-focus-within-max-w-24:focus-within { max-width: 6rem; }
  .uw-group:hover .uw-group-hover-max-w-24 { max-width: 6rem; }
  .uw-min-h-24 { min-height: 6rem; }
  .uw-hover-min-h-24:hover { min-height: 6rem; }
  .uw-focus-min-h-24:focus { min-height: 6rem; }
  .uw-active-min-h-24:active { min-height: 6rem; }
  .uw-disabled-min-h-24:disabled { min-height: 6rem; }
  .uw-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  .uw-focus-within-min-h-24:focus-within { min-height: 6rem; }
  .uw-group:hover .uw-group-hover-min-h-24 { min-height: 6rem; }
  .uw-max-h-24 { max-height: 6rem; }
  .uw-hover-max-h-24:hover { max-height: 6rem; }
  .uw-focus-max-h-24:focus { max-height: 6rem; }
  .uw-active-max-h-24:active { max-height: 6rem; }
  .uw-disabled-max-h-24:disabled { max-height: 6rem; }
  .uw-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  .uw-focus-within-max-h-24:focus-within { max-height: 6rem; }
  .uw-group:hover .uw-group-hover-max-h-24 { max-height: 6rem; }
  .uw-w-28 { width: 7rem; }
  .uw-hover-w-28:hover { width: 7rem; }
  .uw-focus-w-28:focus { width: 7rem; }
  .uw-active-w-28:active { width: 7rem; }
  .uw-disabled-w-28:disabled { width: 7rem; }
  .uw-focus-visible-w-28:focus-visible { width: 7rem; }
  .uw-focus-within-w-28:focus-within { width: 7rem; }
  .uw-group:hover .uw-group-hover-w-28 { width: 7rem; }
  .uw-h-28 { height: 7rem; }
  .uw-hover-h-28:hover { height: 7rem; }
  .uw-focus-h-28:focus { height: 7rem; }
  .uw-active-h-28:active { height: 7rem; }
  .uw-disabled-h-28:disabled { height: 7rem; }
  .uw-focus-visible-h-28:focus-visible { height: 7rem; }
  .uw-focus-within-h-28:focus-within { height: 7rem; }
  .uw-group:hover .uw-group-hover-h-28 { height: 7rem; }
  .uw-min-w-28 { min-width: 7rem; }
  .uw-hover-min-w-28:hover { min-width: 7rem; }
  .uw-focus-min-w-28:focus { min-width: 7rem; }
  .uw-active-min-w-28:active { min-width: 7rem; }
  .uw-disabled-min-w-28:disabled { min-width: 7rem; }
  .uw-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  .uw-focus-within-min-w-28:focus-within { min-width: 7rem; }
  .uw-group:hover .uw-group-hover-min-w-28 { min-width: 7rem; }
  .uw-max-w-28 { max-width: 7rem; }
  .uw-hover-max-w-28:hover { max-width: 7rem; }
  .uw-focus-max-w-28:focus { max-width: 7rem; }
  .uw-active-max-w-28:active { max-width: 7rem; }
  .uw-disabled-max-w-28:disabled { max-width: 7rem; }
  .uw-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  .uw-focus-within-max-w-28:focus-within { max-width: 7rem; }
  .uw-group:hover .uw-group-hover-max-w-28 { max-width: 7rem; }
  .uw-min-h-28 { min-height: 7rem; }
  .uw-hover-min-h-28:hover { min-height: 7rem; }
  .uw-focus-min-h-28:focus { min-height: 7rem; }
  .uw-active-min-h-28:active { min-height: 7rem; }
  .uw-disabled-min-h-28:disabled { min-height: 7rem; }
  .uw-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  .uw-focus-within-min-h-28:focus-within { min-height: 7rem; }
  .uw-group:hover .uw-group-hover-min-h-28 { min-height: 7rem; }
  .uw-max-h-28 { max-height: 7rem; }
  .uw-hover-max-h-28:hover { max-height: 7rem; }
  .uw-focus-max-h-28:focus { max-height: 7rem; }
  .uw-active-max-h-28:active { max-height: 7rem; }
  .uw-disabled-max-h-28:disabled { max-height: 7rem; }
  .uw-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  .uw-focus-within-max-h-28:focus-within { max-height: 7rem; }
  .uw-group:hover .uw-group-hover-max-h-28 { max-height: 7rem; }
  .uw-w-32 { width: 8rem; }
  .uw-hover-w-32:hover { width: 8rem; }
  .uw-focus-w-32:focus { width: 8rem; }
  .uw-active-w-32:active { width: 8rem; }
  .uw-disabled-w-32:disabled { width: 8rem; }
  .uw-focus-visible-w-32:focus-visible { width: 8rem; }
  .uw-focus-within-w-32:focus-within { width: 8rem; }
  .uw-group:hover .uw-group-hover-w-32 { width: 8rem; }
  .uw-h-32 { height: 8rem; }
  .uw-hover-h-32:hover { height: 8rem; }
  .uw-focus-h-32:focus { height: 8rem; }
  .uw-active-h-32:active { height: 8rem; }
  .uw-disabled-h-32:disabled { height: 8rem; }
  .uw-focus-visible-h-32:focus-visible { height: 8rem; }
  .uw-focus-within-h-32:focus-within { height: 8rem; }
  .uw-group:hover .uw-group-hover-h-32 { height: 8rem; }
  .uw-min-w-32 { min-width: 8rem; }
  .uw-hover-min-w-32:hover { min-width: 8rem; }
  .uw-focus-min-w-32:focus { min-width: 8rem; }
  .uw-active-min-w-32:active { min-width: 8rem; }
  .uw-disabled-min-w-32:disabled { min-width: 8rem; }
  .uw-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  .uw-focus-within-min-w-32:focus-within { min-width: 8rem; }
  .uw-group:hover .uw-group-hover-min-w-32 { min-width: 8rem; }
  .uw-max-w-32 { max-width: 8rem; }
  .uw-hover-max-w-32:hover { max-width: 8rem; }
  .uw-focus-max-w-32:focus { max-width: 8rem; }
  .uw-active-max-w-32:active { max-width: 8rem; }
  .uw-disabled-max-w-32:disabled { max-width: 8rem; }
  .uw-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  .uw-focus-within-max-w-32:focus-within { max-width: 8rem; }
  .uw-group:hover .uw-group-hover-max-w-32 { max-width: 8rem; }
  .uw-min-h-32 { min-height: 8rem; }
  .uw-hover-min-h-32:hover { min-height: 8rem; }
  .uw-focus-min-h-32:focus { min-height: 8rem; }
  .uw-active-min-h-32:active { min-height: 8rem; }
  .uw-disabled-min-h-32:disabled { min-height: 8rem; }
  .uw-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  .uw-focus-within-min-h-32:focus-within { min-height: 8rem; }
  .uw-group:hover .uw-group-hover-min-h-32 { min-height: 8rem; }
  .uw-max-h-32 { max-height: 8rem; }
  .uw-hover-max-h-32:hover { max-height: 8rem; }
  .uw-focus-max-h-32:focus { max-height: 8rem; }
  .uw-active-max-h-32:active { max-height: 8rem; }
  .uw-disabled-max-h-32:disabled { max-height: 8rem; }
  .uw-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  .uw-focus-within-max-h-32:focus-within { max-height: 8rem; }
  .uw-group:hover .uw-group-hover-max-h-32 { max-height: 8rem; }
  .uw-w-36 { width: 9rem; }
  .uw-hover-w-36:hover { width: 9rem; }
  .uw-focus-w-36:focus { width: 9rem; }
  .uw-active-w-36:active { width: 9rem; }
  .uw-disabled-w-36:disabled { width: 9rem; }
  .uw-focus-visible-w-36:focus-visible { width: 9rem; }
  .uw-focus-within-w-36:focus-within { width: 9rem; }
  .uw-group:hover .uw-group-hover-w-36 { width: 9rem; }
  .uw-h-36 { height: 9rem; }
  .uw-hover-h-36:hover { height: 9rem; }
  .uw-focus-h-36:focus { height: 9rem; }
  .uw-active-h-36:active { height: 9rem; }
  .uw-disabled-h-36:disabled { height: 9rem; }
  .uw-focus-visible-h-36:focus-visible { height: 9rem; }
  .uw-focus-within-h-36:focus-within { height: 9rem; }
  .uw-group:hover .uw-group-hover-h-36 { height: 9rem; }
  .uw-min-w-36 { min-width: 9rem; }
  .uw-hover-min-w-36:hover { min-width: 9rem; }
  .uw-focus-min-w-36:focus { min-width: 9rem; }
  .uw-active-min-w-36:active { min-width: 9rem; }
  .uw-disabled-min-w-36:disabled { min-width: 9rem; }
  .uw-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  .uw-focus-within-min-w-36:focus-within { min-width: 9rem; }
  .uw-group:hover .uw-group-hover-min-w-36 { min-width: 9rem; }
  .uw-max-w-36 { max-width: 9rem; }
  .uw-hover-max-w-36:hover { max-width: 9rem; }
  .uw-focus-max-w-36:focus { max-width: 9rem; }
  .uw-active-max-w-36:active { max-width: 9rem; }
  .uw-disabled-max-w-36:disabled { max-width: 9rem; }
  .uw-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  .uw-focus-within-max-w-36:focus-within { max-width: 9rem; }
  .uw-group:hover .uw-group-hover-max-w-36 { max-width: 9rem; }
  .uw-min-h-36 { min-height: 9rem; }
  .uw-hover-min-h-36:hover { min-height: 9rem; }
  .uw-focus-min-h-36:focus { min-height: 9rem; }
  .uw-active-min-h-36:active { min-height: 9rem; }
  .uw-disabled-min-h-36:disabled { min-height: 9rem; }
  .uw-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  .uw-focus-within-min-h-36:focus-within { min-height: 9rem; }
  .uw-group:hover .uw-group-hover-min-h-36 { min-height: 9rem; }
  .uw-max-h-36 { max-height: 9rem; }
  .uw-hover-max-h-36:hover { max-height: 9rem; }
  .uw-focus-max-h-36:focus { max-height: 9rem; }
  .uw-active-max-h-36:active { max-height: 9rem; }
  .uw-disabled-max-h-36:disabled { max-height: 9rem; }
  .uw-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  .uw-focus-within-max-h-36:focus-within { max-height: 9rem; }
  .uw-group:hover .uw-group-hover-max-h-36 { max-height: 9rem; }
  .uw-w-40 { width: 10rem; }
  .uw-hover-w-40:hover { width: 10rem; }
  .uw-focus-w-40:focus { width: 10rem; }
  .uw-active-w-40:active { width: 10rem; }
  .uw-disabled-w-40:disabled { width: 10rem; }
  .uw-focus-visible-w-40:focus-visible { width: 10rem; }
  .uw-focus-within-w-40:focus-within { width: 10rem; }
  .uw-group:hover .uw-group-hover-w-40 { width: 10rem; }
  .uw-h-40 { height: 10rem; }
  .uw-hover-h-40:hover { height: 10rem; }
  .uw-focus-h-40:focus { height: 10rem; }
  .uw-active-h-40:active { height: 10rem; }
  .uw-disabled-h-40:disabled { height: 10rem; }
  .uw-focus-visible-h-40:focus-visible { height: 10rem; }
  .uw-focus-within-h-40:focus-within { height: 10rem; }
  .uw-group:hover .uw-group-hover-h-40 { height: 10rem; }
  .uw-min-w-40 { min-width: 10rem; }
  .uw-hover-min-w-40:hover { min-width: 10rem; }
  .uw-focus-min-w-40:focus { min-width: 10rem; }
  .uw-active-min-w-40:active { min-width: 10rem; }
  .uw-disabled-min-w-40:disabled { min-width: 10rem; }
  .uw-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  .uw-focus-within-min-w-40:focus-within { min-width: 10rem; }
  .uw-group:hover .uw-group-hover-min-w-40 { min-width: 10rem; }
  .uw-max-w-40 { max-width: 10rem; }
  .uw-hover-max-w-40:hover { max-width: 10rem; }
  .uw-focus-max-w-40:focus { max-width: 10rem; }
  .uw-active-max-w-40:active { max-width: 10rem; }
  .uw-disabled-max-w-40:disabled { max-width: 10rem; }
  .uw-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  .uw-focus-within-max-w-40:focus-within { max-width: 10rem; }
  .uw-group:hover .uw-group-hover-max-w-40 { max-width: 10rem; }
  .uw-min-h-40 { min-height: 10rem; }
  .uw-hover-min-h-40:hover { min-height: 10rem; }
  .uw-focus-min-h-40:focus { min-height: 10rem; }
  .uw-active-min-h-40:active { min-height: 10rem; }
  .uw-disabled-min-h-40:disabled { min-height: 10rem; }
  .uw-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  .uw-focus-within-min-h-40:focus-within { min-height: 10rem; }
  .uw-group:hover .uw-group-hover-min-h-40 { min-height: 10rem; }
  .uw-max-h-40 { max-height: 10rem; }
  .uw-hover-max-h-40:hover { max-height: 10rem; }
  .uw-focus-max-h-40:focus { max-height: 10rem; }
  .uw-active-max-h-40:active { max-height: 10rem; }
  .uw-disabled-max-h-40:disabled { max-height: 10rem; }
  .uw-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  .uw-focus-within-max-h-40:focus-within { max-height: 10rem; }
  .uw-group:hover .uw-group-hover-max-h-40 { max-height: 10rem; }
  .uw-w-44 { width: 11rem; }
  .uw-hover-w-44:hover { width: 11rem; }
  .uw-focus-w-44:focus { width: 11rem; }
  .uw-active-w-44:active { width: 11rem; }
  .uw-disabled-w-44:disabled { width: 11rem; }
  .uw-focus-visible-w-44:focus-visible { width: 11rem; }
  .uw-focus-within-w-44:focus-within { width: 11rem; }
  .uw-group:hover .uw-group-hover-w-44 { width: 11rem; }
  .uw-h-44 { height: 11rem; }
  .uw-hover-h-44:hover { height: 11rem; }
  .uw-focus-h-44:focus { height: 11rem; }
  .uw-active-h-44:active { height: 11rem; }
  .uw-disabled-h-44:disabled { height: 11rem; }
  .uw-focus-visible-h-44:focus-visible { height: 11rem; }
  .uw-focus-within-h-44:focus-within { height: 11rem; }
  .uw-group:hover .uw-group-hover-h-44 { height: 11rem; }
  .uw-min-w-44 { min-width: 11rem; }
  .uw-hover-min-w-44:hover { min-width: 11rem; }
  .uw-focus-min-w-44:focus { min-width: 11rem; }
  .uw-active-min-w-44:active { min-width: 11rem; }
  .uw-disabled-min-w-44:disabled { min-width: 11rem; }
  .uw-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  .uw-focus-within-min-w-44:focus-within { min-width: 11rem; }
  .uw-group:hover .uw-group-hover-min-w-44 { min-width: 11rem; }
  .uw-max-w-44 { max-width: 11rem; }
  .uw-hover-max-w-44:hover { max-width: 11rem; }
  .uw-focus-max-w-44:focus { max-width: 11rem; }
  .uw-active-max-w-44:active { max-width: 11rem; }
  .uw-disabled-max-w-44:disabled { max-width: 11rem; }
  .uw-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  .uw-focus-within-max-w-44:focus-within { max-width: 11rem; }
  .uw-group:hover .uw-group-hover-max-w-44 { max-width: 11rem; }
  .uw-min-h-44 { min-height: 11rem; }
  .uw-hover-min-h-44:hover { min-height: 11rem; }
  .uw-focus-min-h-44:focus { min-height: 11rem; }
  .uw-active-min-h-44:active { min-height: 11rem; }
  .uw-disabled-min-h-44:disabled { min-height: 11rem; }
  .uw-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  .uw-focus-within-min-h-44:focus-within { min-height: 11rem; }
  .uw-group:hover .uw-group-hover-min-h-44 { min-height: 11rem; }
  .uw-max-h-44 { max-height: 11rem; }
  .uw-hover-max-h-44:hover { max-height: 11rem; }
  .uw-focus-max-h-44:focus { max-height: 11rem; }
  .uw-active-max-h-44:active { max-height: 11rem; }
  .uw-disabled-max-h-44:disabled { max-height: 11rem; }
  .uw-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  .uw-focus-within-max-h-44:focus-within { max-height: 11rem; }
  .uw-group:hover .uw-group-hover-max-h-44 { max-height: 11rem; }
  .uw-w-48 { width: 12rem; }
  .uw-hover-w-48:hover { width: 12rem; }
  .uw-focus-w-48:focus { width: 12rem; }
  .uw-active-w-48:active { width: 12rem; }
  .uw-disabled-w-48:disabled { width: 12rem; }
  .uw-focus-visible-w-48:focus-visible { width: 12rem; }
  .uw-focus-within-w-48:focus-within { width: 12rem; }
  .uw-group:hover .uw-group-hover-w-48 { width: 12rem; }
  .uw-h-48 { height: 12rem; }
  .uw-hover-h-48:hover { height: 12rem; }
  .uw-focus-h-48:focus { height: 12rem; }
  .uw-active-h-48:active { height: 12rem; }
  .uw-disabled-h-48:disabled { height: 12rem; }
  .uw-focus-visible-h-48:focus-visible { height: 12rem; }
  .uw-focus-within-h-48:focus-within { height: 12rem; }
  .uw-group:hover .uw-group-hover-h-48 { height: 12rem; }
  .uw-min-w-48 { min-width: 12rem; }
  .uw-hover-min-w-48:hover { min-width: 12rem; }
  .uw-focus-min-w-48:focus { min-width: 12rem; }
  .uw-active-min-w-48:active { min-width: 12rem; }
  .uw-disabled-min-w-48:disabled { min-width: 12rem; }
  .uw-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  .uw-focus-within-min-w-48:focus-within { min-width: 12rem; }
  .uw-group:hover .uw-group-hover-min-w-48 { min-width: 12rem; }
  .uw-max-w-48 { max-width: 12rem; }
  .uw-hover-max-w-48:hover { max-width: 12rem; }
  .uw-focus-max-w-48:focus { max-width: 12rem; }
  .uw-active-max-w-48:active { max-width: 12rem; }
  .uw-disabled-max-w-48:disabled { max-width: 12rem; }
  .uw-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  .uw-focus-within-max-w-48:focus-within { max-width: 12rem; }
  .uw-group:hover .uw-group-hover-max-w-48 { max-width: 12rem; }
  .uw-min-h-48 { min-height: 12rem; }
  .uw-hover-min-h-48:hover { min-height: 12rem; }
  .uw-focus-min-h-48:focus { min-height: 12rem; }
  .uw-active-min-h-48:active { min-height: 12rem; }
  .uw-disabled-min-h-48:disabled { min-height: 12rem; }
  .uw-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  .uw-focus-within-min-h-48:focus-within { min-height: 12rem; }
  .uw-group:hover .uw-group-hover-min-h-48 { min-height: 12rem; }
  .uw-max-h-48 { max-height: 12rem; }
  .uw-hover-max-h-48:hover { max-height: 12rem; }
  .uw-focus-max-h-48:focus { max-height: 12rem; }
  .uw-active-max-h-48:active { max-height: 12rem; }
  .uw-disabled-max-h-48:disabled { max-height: 12rem; }
  .uw-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  .uw-focus-within-max-h-48:focus-within { max-height: 12rem; }
  .uw-group:hover .uw-group-hover-max-h-48 { max-height: 12rem; }
  .uw-w-52 { width: 13rem; }
  .uw-hover-w-52:hover { width: 13rem; }
  .uw-focus-w-52:focus { width: 13rem; }
  .uw-active-w-52:active { width: 13rem; }
  .uw-disabled-w-52:disabled { width: 13rem; }
  .uw-focus-visible-w-52:focus-visible { width: 13rem; }
  .uw-focus-within-w-52:focus-within { width: 13rem; }
  .uw-group:hover .uw-group-hover-w-52 { width: 13rem; }
  .uw-h-52 { height: 13rem; }
  .uw-hover-h-52:hover { height: 13rem; }
  .uw-focus-h-52:focus { height: 13rem; }
  .uw-active-h-52:active { height: 13rem; }
  .uw-disabled-h-52:disabled { height: 13rem; }
  .uw-focus-visible-h-52:focus-visible { height: 13rem; }
  .uw-focus-within-h-52:focus-within { height: 13rem; }
  .uw-group:hover .uw-group-hover-h-52 { height: 13rem; }
  .uw-min-w-52 { min-width: 13rem; }
  .uw-hover-min-w-52:hover { min-width: 13rem; }
  .uw-focus-min-w-52:focus { min-width: 13rem; }
  .uw-active-min-w-52:active { min-width: 13rem; }
  .uw-disabled-min-w-52:disabled { min-width: 13rem; }
  .uw-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  .uw-focus-within-min-w-52:focus-within { min-width: 13rem; }
  .uw-group:hover .uw-group-hover-min-w-52 { min-width: 13rem; }
  .uw-max-w-52 { max-width: 13rem; }
  .uw-hover-max-w-52:hover { max-width: 13rem; }
  .uw-focus-max-w-52:focus { max-width: 13rem; }
  .uw-active-max-w-52:active { max-width: 13rem; }
  .uw-disabled-max-w-52:disabled { max-width: 13rem; }
  .uw-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  .uw-focus-within-max-w-52:focus-within { max-width: 13rem; }
  .uw-group:hover .uw-group-hover-max-w-52 { max-width: 13rem; }
  .uw-min-h-52 { min-height: 13rem; }
  .uw-hover-min-h-52:hover { min-height: 13rem; }
  .uw-focus-min-h-52:focus { min-height: 13rem; }
  .uw-active-min-h-52:active { min-height: 13rem; }
  .uw-disabled-min-h-52:disabled { min-height: 13rem; }
  .uw-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  .uw-focus-within-min-h-52:focus-within { min-height: 13rem; }
  .uw-group:hover .uw-group-hover-min-h-52 { min-height: 13rem; }
  .uw-max-h-52 { max-height: 13rem; }
  .uw-hover-max-h-52:hover { max-height: 13rem; }
  .uw-focus-max-h-52:focus { max-height: 13rem; }
  .uw-active-max-h-52:active { max-height: 13rem; }
  .uw-disabled-max-h-52:disabled { max-height: 13rem; }
  .uw-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  .uw-focus-within-max-h-52:focus-within { max-height: 13rem; }
  .uw-group:hover .uw-group-hover-max-h-52 { max-height: 13rem; }
  .uw-w-56 { width: 14rem; }
  .uw-hover-w-56:hover { width: 14rem; }
  .uw-focus-w-56:focus { width: 14rem; }
  .uw-active-w-56:active { width: 14rem; }
  .uw-disabled-w-56:disabled { width: 14rem; }
  .uw-focus-visible-w-56:focus-visible { width: 14rem; }
  .uw-focus-within-w-56:focus-within { width: 14rem; }
  .uw-group:hover .uw-group-hover-w-56 { width: 14rem; }
  .uw-h-56 { height: 14rem; }
  .uw-hover-h-56:hover { height: 14rem; }
  .uw-focus-h-56:focus { height: 14rem; }
  .uw-active-h-56:active { height: 14rem; }
  .uw-disabled-h-56:disabled { height: 14rem; }
  .uw-focus-visible-h-56:focus-visible { height: 14rem; }
  .uw-focus-within-h-56:focus-within { height: 14rem; }
  .uw-group:hover .uw-group-hover-h-56 { height: 14rem; }
  .uw-min-w-56 { min-width: 14rem; }
  .uw-hover-min-w-56:hover { min-width: 14rem; }
  .uw-focus-min-w-56:focus { min-width: 14rem; }
  .uw-active-min-w-56:active { min-width: 14rem; }
  .uw-disabled-min-w-56:disabled { min-width: 14rem; }
  .uw-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  .uw-focus-within-min-w-56:focus-within { min-width: 14rem; }
  .uw-group:hover .uw-group-hover-min-w-56 { min-width: 14rem; }
  .uw-max-w-56 { max-width: 14rem; }
  .uw-hover-max-w-56:hover { max-width: 14rem; }
  .uw-focus-max-w-56:focus { max-width: 14rem; }
  .uw-active-max-w-56:active { max-width: 14rem; }
  .uw-disabled-max-w-56:disabled { max-width: 14rem; }
  .uw-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  .uw-focus-within-max-w-56:focus-within { max-width: 14rem; }
  .uw-group:hover .uw-group-hover-max-w-56 { max-width: 14rem; }
  .uw-min-h-56 { min-height: 14rem; }
  .uw-hover-min-h-56:hover { min-height: 14rem; }
  .uw-focus-min-h-56:focus { min-height: 14rem; }
  .uw-active-min-h-56:active { min-height: 14rem; }
  .uw-disabled-min-h-56:disabled { min-height: 14rem; }
  .uw-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  .uw-focus-within-min-h-56:focus-within { min-height: 14rem; }
  .uw-group:hover .uw-group-hover-min-h-56 { min-height: 14rem; }
  .uw-max-h-56 { max-height: 14rem; }
  .uw-hover-max-h-56:hover { max-height: 14rem; }
  .uw-focus-max-h-56:focus { max-height: 14rem; }
  .uw-active-max-h-56:active { max-height: 14rem; }
  .uw-disabled-max-h-56:disabled { max-height: 14rem; }
  .uw-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  .uw-focus-within-max-h-56:focus-within { max-height: 14rem; }
  .uw-group:hover .uw-group-hover-max-h-56 { max-height: 14rem; }
  .uw-w-60 { width: 15rem; }
  .uw-hover-w-60:hover { width: 15rem; }
  .uw-focus-w-60:focus { width: 15rem; }
  .uw-active-w-60:active { width: 15rem; }
  .uw-disabled-w-60:disabled { width: 15rem; }
  .uw-focus-visible-w-60:focus-visible { width: 15rem; }
  .uw-focus-within-w-60:focus-within { width: 15rem; }
  .uw-group:hover .uw-group-hover-w-60 { width: 15rem; }
  .uw-h-60 { height: 15rem; }
  .uw-hover-h-60:hover { height: 15rem; }
  .uw-focus-h-60:focus { height: 15rem; }
  .uw-active-h-60:active { height: 15rem; }
  .uw-disabled-h-60:disabled { height: 15rem; }
  .uw-focus-visible-h-60:focus-visible { height: 15rem; }
  .uw-focus-within-h-60:focus-within { height: 15rem; }
  .uw-group:hover .uw-group-hover-h-60 { height: 15rem; }
  .uw-min-w-60 { min-width: 15rem; }
  .uw-hover-min-w-60:hover { min-width: 15rem; }
  .uw-focus-min-w-60:focus { min-width: 15rem; }
  .uw-active-min-w-60:active { min-width: 15rem; }
  .uw-disabled-min-w-60:disabled { min-width: 15rem; }
  .uw-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  .uw-focus-within-min-w-60:focus-within { min-width: 15rem; }
  .uw-group:hover .uw-group-hover-min-w-60 { min-width: 15rem; }
  .uw-max-w-60 { max-width: 15rem; }
  .uw-hover-max-w-60:hover { max-width: 15rem; }
  .uw-focus-max-w-60:focus { max-width: 15rem; }
  .uw-active-max-w-60:active { max-width: 15rem; }
  .uw-disabled-max-w-60:disabled { max-width: 15rem; }
  .uw-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  .uw-focus-within-max-w-60:focus-within { max-width: 15rem; }
  .uw-group:hover .uw-group-hover-max-w-60 { max-width: 15rem; }
  .uw-min-h-60 { min-height: 15rem; }
  .uw-hover-min-h-60:hover { min-height: 15rem; }
  .uw-focus-min-h-60:focus { min-height: 15rem; }
  .uw-active-min-h-60:active { min-height: 15rem; }
  .uw-disabled-min-h-60:disabled { min-height: 15rem; }
  .uw-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  .uw-focus-within-min-h-60:focus-within { min-height: 15rem; }
  .uw-group:hover .uw-group-hover-min-h-60 { min-height: 15rem; }
  .uw-max-h-60 { max-height: 15rem; }
  .uw-hover-max-h-60:hover { max-height: 15rem; }
  .uw-focus-max-h-60:focus { max-height: 15rem; }
  .uw-active-max-h-60:active { max-height: 15rem; }
  .uw-disabled-max-h-60:disabled { max-height: 15rem; }
  .uw-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  .uw-focus-within-max-h-60:focus-within { max-height: 15rem; }
  .uw-group:hover .uw-group-hover-max-h-60 { max-height: 15rem; }
  .uw-w-64 { width: 16rem; }
  .uw-hover-w-64:hover { width: 16rem; }
  .uw-focus-w-64:focus { width: 16rem; }
  .uw-active-w-64:active { width: 16rem; }
  .uw-disabled-w-64:disabled { width: 16rem; }
  .uw-focus-visible-w-64:focus-visible { width: 16rem; }
  .uw-focus-within-w-64:focus-within { width: 16rem; }
  .uw-group:hover .uw-group-hover-w-64 { width: 16rem; }
  .uw-h-64 { height: 16rem; }
  .uw-hover-h-64:hover { height: 16rem; }
  .uw-focus-h-64:focus { height: 16rem; }
  .uw-active-h-64:active { height: 16rem; }
  .uw-disabled-h-64:disabled { height: 16rem; }
  .uw-focus-visible-h-64:focus-visible { height: 16rem; }
  .uw-focus-within-h-64:focus-within { height: 16rem; }
  .uw-group:hover .uw-group-hover-h-64 { height: 16rem; }
  .uw-min-w-64 { min-width: 16rem; }
  .uw-hover-min-w-64:hover { min-width: 16rem; }
  .uw-focus-min-w-64:focus { min-width: 16rem; }
  .uw-active-min-w-64:active { min-width: 16rem; }
  .uw-disabled-min-w-64:disabled { min-width: 16rem; }
  .uw-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  .uw-focus-within-min-w-64:focus-within { min-width: 16rem; }
  .uw-group:hover .uw-group-hover-min-w-64 { min-width: 16rem; }
  .uw-max-w-64 { max-width: 16rem; }
  .uw-hover-max-w-64:hover { max-width: 16rem; }
  .uw-focus-max-w-64:focus { max-width: 16rem; }
  .uw-active-max-w-64:active { max-width: 16rem; }
  .uw-disabled-max-w-64:disabled { max-width: 16rem; }
  .uw-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  .uw-focus-within-max-w-64:focus-within { max-width: 16rem; }
  .uw-group:hover .uw-group-hover-max-w-64 { max-width: 16rem; }
  .uw-min-h-64 { min-height: 16rem; }
  .uw-hover-min-h-64:hover { min-height: 16rem; }
  .uw-focus-min-h-64:focus { min-height: 16rem; }
  .uw-active-min-h-64:active { min-height: 16rem; }
  .uw-disabled-min-h-64:disabled { min-height: 16rem; }
  .uw-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  .uw-focus-within-min-h-64:focus-within { min-height: 16rem; }
  .uw-group:hover .uw-group-hover-min-h-64 { min-height: 16rem; }
  .uw-max-h-64 { max-height: 16rem; }
  .uw-hover-max-h-64:hover { max-height: 16rem; }
  .uw-focus-max-h-64:focus { max-height: 16rem; }
  .uw-active-max-h-64:active { max-height: 16rem; }
  .uw-disabled-max-h-64:disabled { max-height: 16rem; }
  .uw-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  .uw-focus-within-max-h-64:focus-within { max-height: 16rem; }
  .uw-group:hover .uw-group-hover-max-h-64 { max-height: 16rem; }
  .uw-w-72 { width: 18rem; }
  .uw-hover-w-72:hover { width: 18rem; }
  .uw-focus-w-72:focus { width: 18rem; }
  .uw-active-w-72:active { width: 18rem; }
  .uw-disabled-w-72:disabled { width: 18rem; }
  .uw-focus-visible-w-72:focus-visible { width: 18rem; }
  .uw-focus-within-w-72:focus-within { width: 18rem; }
  .uw-group:hover .uw-group-hover-w-72 { width: 18rem; }
  .uw-h-72 { height: 18rem; }
  .uw-hover-h-72:hover { height: 18rem; }
  .uw-focus-h-72:focus { height: 18rem; }
  .uw-active-h-72:active { height: 18rem; }
  .uw-disabled-h-72:disabled { height: 18rem; }
  .uw-focus-visible-h-72:focus-visible { height: 18rem; }
  .uw-focus-within-h-72:focus-within { height: 18rem; }
  .uw-group:hover .uw-group-hover-h-72 { height: 18rem; }
  .uw-min-w-72 { min-width: 18rem; }
  .uw-hover-min-w-72:hover { min-width: 18rem; }
  .uw-focus-min-w-72:focus { min-width: 18rem; }
  .uw-active-min-w-72:active { min-width: 18rem; }
  .uw-disabled-min-w-72:disabled { min-width: 18rem; }
  .uw-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  .uw-focus-within-min-w-72:focus-within { min-width: 18rem; }
  .uw-group:hover .uw-group-hover-min-w-72 { min-width: 18rem; }
  .uw-max-w-72 { max-width: 18rem; }
  .uw-hover-max-w-72:hover { max-width: 18rem; }
  .uw-focus-max-w-72:focus { max-width: 18rem; }
  .uw-active-max-w-72:active { max-width: 18rem; }
  .uw-disabled-max-w-72:disabled { max-width: 18rem; }
  .uw-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  .uw-focus-within-max-w-72:focus-within { max-width: 18rem; }
  .uw-group:hover .uw-group-hover-max-w-72 { max-width: 18rem; }
  .uw-min-h-72 { min-height: 18rem; }
  .uw-hover-min-h-72:hover { min-height: 18rem; }
  .uw-focus-min-h-72:focus { min-height: 18rem; }
  .uw-active-min-h-72:active { min-height: 18rem; }
  .uw-disabled-min-h-72:disabled { min-height: 18rem; }
  .uw-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  .uw-focus-within-min-h-72:focus-within { min-height: 18rem; }
  .uw-group:hover .uw-group-hover-min-h-72 { min-height: 18rem; }
  .uw-max-h-72 { max-height: 18rem; }
  .uw-hover-max-h-72:hover { max-height: 18rem; }
  .uw-focus-max-h-72:focus { max-height: 18rem; }
  .uw-active-max-h-72:active { max-height: 18rem; }
  .uw-disabled-max-h-72:disabled { max-height: 18rem; }
  .uw-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  .uw-focus-within-max-h-72:focus-within { max-height: 18rem; }
  .uw-group:hover .uw-group-hover-max-h-72 { max-height: 18rem; }
  .uw-w-80 { width: 20rem; }
  .uw-hover-w-80:hover { width: 20rem; }
  .uw-focus-w-80:focus { width: 20rem; }
  .uw-active-w-80:active { width: 20rem; }
  .uw-disabled-w-80:disabled { width: 20rem; }
  .uw-focus-visible-w-80:focus-visible { width: 20rem; }
  .uw-focus-within-w-80:focus-within { width: 20rem; }
  .uw-group:hover .uw-group-hover-w-80 { width: 20rem; }
  .uw-h-80 { height: 20rem; }
  .uw-hover-h-80:hover { height: 20rem; }
  .uw-focus-h-80:focus { height: 20rem; }
  .uw-active-h-80:active { height: 20rem; }
  .uw-disabled-h-80:disabled { height: 20rem; }
  .uw-focus-visible-h-80:focus-visible { height: 20rem; }
  .uw-focus-within-h-80:focus-within { height: 20rem; }
  .uw-group:hover .uw-group-hover-h-80 { height: 20rem; }
  .uw-min-w-80 { min-width: 20rem; }
  .uw-hover-min-w-80:hover { min-width: 20rem; }
  .uw-focus-min-w-80:focus { min-width: 20rem; }
  .uw-active-min-w-80:active { min-width: 20rem; }
  .uw-disabled-min-w-80:disabled { min-width: 20rem; }
  .uw-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  .uw-focus-within-min-w-80:focus-within { min-width: 20rem; }
  .uw-group:hover .uw-group-hover-min-w-80 { min-width: 20rem; }
  .uw-max-w-80 { max-width: 20rem; }
  .uw-hover-max-w-80:hover { max-width: 20rem; }
  .uw-focus-max-w-80:focus { max-width: 20rem; }
  .uw-active-max-w-80:active { max-width: 20rem; }
  .uw-disabled-max-w-80:disabled { max-width: 20rem; }
  .uw-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  .uw-focus-within-max-w-80:focus-within { max-width: 20rem; }
  .uw-group:hover .uw-group-hover-max-w-80 { max-width: 20rem; }
  .uw-min-h-80 { min-height: 20rem; }
  .uw-hover-min-h-80:hover { min-height: 20rem; }
  .uw-focus-min-h-80:focus { min-height: 20rem; }
  .uw-active-min-h-80:active { min-height: 20rem; }
  .uw-disabled-min-h-80:disabled { min-height: 20rem; }
  .uw-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  .uw-focus-within-min-h-80:focus-within { min-height: 20rem; }
  .uw-group:hover .uw-group-hover-min-h-80 { min-height: 20rem; }
  .uw-max-h-80 { max-height: 20rem; }
  .uw-hover-max-h-80:hover { max-height: 20rem; }
  .uw-focus-max-h-80:focus { max-height: 20rem; }
  .uw-active-max-h-80:active { max-height: 20rem; }
  .uw-disabled-max-h-80:disabled { max-height: 20rem; }
  .uw-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  .uw-focus-within-max-h-80:focus-within { max-height: 20rem; }
  .uw-group:hover .uw-group-hover-max-h-80 { max-height: 20rem; }
  .uw-w-96 { width: 24rem; }
  .uw-hover-w-96:hover { width: 24rem; }
  .uw-focus-w-96:focus { width: 24rem; }
  .uw-active-w-96:active { width: 24rem; }
  .uw-disabled-w-96:disabled { width: 24rem; }
  .uw-focus-visible-w-96:focus-visible { width: 24rem; }
  .uw-focus-within-w-96:focus-within { width: 24rem; }
  .uw-group:hover .uw-group-hover-w-96 { width: 24rem; }
  .uw-h-96 { height: 24rem; }
  .uw-hover-h-96:hover { height: 24rem; }
  .uw-focus-h-96:focus { height: 24rem; }
  .uw-active-h-96:active { height: 24rem; }
  .uw-disabled-h-96:disabled { height: 24rem; }
  .uw-focus-visible-h-96:focus-visible { height: 24rem; }
  .uw-focus-within-h-96:focus-within { height: 24rem; }
  .uw-group:hover .uw-group-hover-h-96 { height: 24rem; }
  .uw-min-w-96 { min-width: 24rem; }
  .uw-hover-min-w-96:hover { min-width: 24rem; }
  .uw-focus-min-w-96:focus { min-width: 24rem; }
  .uw-active-min-w-96:active { min-width: 24rem; }
  .uw-disabled-min-w-96:disabled { min-width: 24rem; }
  .uw-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  .uw-focus-within-min-w-96:focus-within { min-width: 24rem; }
  .uw-group:hover .uw-group-hover-min-w-96 { min-width: 24rem; }
  .uw-max-w-96 { max-width: 24rem; }
  .uw-hover-max-w-96:hover { max-width: 24rem; }
  .uw-focus-max-w-96:focus { max-width: 24rem; }
  .uw-active-max-w-96:active { max-width: 24rem; }
  .uw-disabled-max-w-96:disabled { max-width: 24rem; }
  .uw-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  .uw-focus-within-max-w-96:focus-within { max-width: 24rem; }
  .uw-group:hover .uw-group-hover-max-w-96 { max-width: 24rem; }
  .uw-min-h-96 { min-height: 24rem; }
  .uw-hover-min-h-96:hover { min-height: 24rem; }
  .uw-focus-min-h-96:focus { min-height: 24rem; }
  .uw-active-min-h-96:active { min-height: 24rem; }
  .uw-disabled-min-h-96:disabled { min-height: 24rem; }
  .uw-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  .uw-focus-within-min-h-96:focus-within { min-height: 24rem; }
  .uw-group:hover .uw-group-hover-min-h-96 { min-height: 24rem; }
  .uw-max-h-96 { max-height: 24rem; }
  .uw-hover-max-h-96:hover { max-height: 24rem; }
  .uw-focus-max-h-96:focus { max-height: 24rem; }
  .uw-active-max-h-96:active { max-height: 24rem; }
  .uw-disabled-max-h-96:disabled { max-height: 24rem; }
  .uw-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  .uw-focus-within-max-h-96:focus-within { max-height: 24rem; }
  .uw-group:hover .uw-group-hover-max-h-96 { max-height: 24rem; }
  .uw-w-1\/2 { width: 50%; }
  .uw-hover-w-1\/2:hover { width: 50%; }
  .uw-focus-w-1\/2:focus { width: 50%; }
  .uw-active-w-1\/2:active { width: 50%; }
  .uw-disabled-w-1\/2:disabled { width: 50%; }
  .uw-focus-visible-w-1\/2:focus-visible { width: 50%; }
  .uw-focus-within-w-1\/2:focus-within { width: 50%; }
  .uw-group:hover .uw-group-hover-w-1\/2 { width: 50%; }
  .uw-h-1\/2 { height: 50%; }
  .uw-hover-h-1\/2:hover { height: 50%; }
  .uw-focus-h-1\/2:focus { height: 50%; }
  .uw-active-h-1\/2:active { height: 50%; }
  .uw-disabled-h-1\/2:disabled { height: 50%; }
  .uw-focus-visible-h-1\/2:focus-visible { height: 50%; }
  .uw-focus-within-h-1\/2:focus-within { height: 50%; }
  .uw-group:hover .uw-group-hover-h-1\/2 { height: 50%; }
  .uw-min-w-1\/2 { min-width: 50%; }
  .uw-hover-min-w-1\/2:hover { min-width: 50%; }
  .uw-focus-min-w-1\/2:focus { min-width: 50%; }
  .uw-active-min-w-1\/2:active { min-width: 50%; }
  .uw-disabled-min-w-1\/2:disabled { min-width: 50%; }
  .uw-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  .uw-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  .uw-group:hover .uw-group-hover-min-w-1\/2 { min-width: 50%; }
  .uw-max-w-1\/2 { max-width: 50%; }
  .uw-hover-max-w-1\/2:hover { max-width: 50%; }
  .uw-focus-max-w-1\/2:focus { max-width: 50%; }
  .uw-active-max-w-1\/2:active { max-width: 50%; }
  .uw-disabled-max-w-1\/2:disabled { max-width: 50%; }
  .uw-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  .uw-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  .uw-group:hover .uw-group-hover-max-w-1\/2 { max-width: 50%; }
  .uw-min-h-1\/2 { min-height: 50%; }
  .uw-hover-min-h-1\/2:hover { min-height: 50%; }
  .uw-focus-min-h-1\/2:focus { min-height: 50%; }
  .uw-active-min-h-1\/2:active { min-height: 50%; }
  .uw-disabled-min-h-1\/2:disabled { min-height: 50%; }
  .uw-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  .uw-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  .uw-group:hover .uw-group-hover-min-h-1\/2 { min-height: 50%; }
  .uw-max-h-1\/2 { max-height: 50%; }
  .uw-hover-max-h-1\/2:hover { max-height: 50%; }
  .uw-focus-max-h-1\/2:focus { max-height: 50%; }
  .uw-active-max-h-1\/2:active { max-height: 50%; }
  .uw-disabled-max-h-1\/2:disabled { max-height: 50%; }
  .uw-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  .uw-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  .uw-group:hover .uw-group-hover-max-h-1\/2 { max-height: 50%; }
  .uw-w-1\/3 { width: 33.3333%; }
  .uw-hover-w-1\/3:hover { width: 33.3333%; }
  .uw-focus-w-1\/3:focus { width: 33.3333%; }
  .uw-active-w-1\/3:active { width: 33.3333%; }
  .uw-disabled-w-1\/3:disabled { width: 33.3333%; }
  .uw-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  .uw-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  .uw-group:hover .uw-group-hover-w-1\/3 { width: 33.3333%; }
  .uw-h-1\/3 { height: 33.3333%; }
  .uw-hover-h-1\/3:hover { height: 33.3333%; }
  .uw-focus-h-1\/3:focus { height: 33.3333%; }
  .uw-active-h-1\/3:active { height: 33.3333%; }
  .uw-disabled-h-1\/3:disabled { height: 33.3333%; }
  .uw-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  .uw-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  .uw-group:hover .uw-group-hover-h-1\/3 { height: 33.3333%; }
  .uw-min-w-1\/3 { min-width: 33.3333%; }
  .uw-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  .uw-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  .uw-active-min-w-1\/3:active { min-width: 33.3333%; }
  .uw-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  .uw-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  .uw-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  .uw-group:hover .uw-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  .uw-max-w-1\/3 { max-width: 33.3333%; }
  .uw-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  .uw-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  .uw-active-max-w-1\/3:active { max-width: 33.3333%; }
  .uw-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  .uw-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  .uw-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  .uw-group:hover .uw-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  .uw-min-h-1\/3 { min-height: 33.3333%; }
  .uw-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  .uw-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  .uw-active-min-h-1\/3:active { min-height: 33.3333%; }
  .uw-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  .uw-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  .uw-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  .uw-group:hover .uw-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  .uw-max-h-1\/3 { max-height: 33.3333%; }
  .uw-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  .uw-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  .uw-active-max-h-1\/3:active { max-height: 33.3333%; }
  .uw-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  .uw-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  .uw-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  .uw-group:hover .uw-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  .uw-w-2\/3 { width: 66.6667%; }
  .uw-hover-w-2\/3:hover { width: 66.6667%; }
  .uw-focus-w-2\/3:focus { width: 66.6667%; }
  .uw-active-w-2\/3:active { width: 66.6667%; }
  .uw-disabled-w-2\/3:disabled { width: 66.6667%; }
  .uw-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  .uw-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  .uw-group:hover .uw-group-hover-w-2\/3 { width: 66.6667%; }
  .uw-h-2\/3 { height: 66.6667%; }
  .uw-hover-h-2\/3:hover { height: 66.6667%; }
  .uw-focus-h-2\/3:focus { height: 66.6667%; }
  .uw-active-h-2\/3:active { height: 66.6667%; }
  .uw-disabled-h-2\/3:disabled { height: 66.6667%; }
  .uw-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  .uw-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  .uw-group:hover .uw-group-hover-h-2\/3 { height: 66.6667%; }
  .uw-min-w-2\/3 { min-width: 66.6667%; }
  .uw-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  .uw-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  .uw-active-min-w-2\/3:active { min-width: 66.6667%; }
  .uw-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  .uw-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  .uw-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  .uw-group:hover .uw-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  .uw-max-w-2\/3 { max-width: 66.6667%; }
  .uw-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  .uw-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  .uw-active-max-w-2\/3:active { max-width: 66.6667%; }
  .uw-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  .uw-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  .uw-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  .uw-group:hover .uw-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  .uw-min-h-2\/3 { min-height: 66.6667%; }
  .uw-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  .uw-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  .uw-active-min-h-2\/3:active { min-height: 66.6667%; }
  .uw-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  .uw-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  .uw-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  .uw-group:hover .uw-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  .uw-max-h-2\/3 { max-height: 66.6667%; }
  .uw-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  .uw-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  .uw-active-max-h-2\/3:active { max-height: 66.6667%; }
  .uw-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  .uw-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  .uw-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  .uw-group:hover .uw-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  .uw-w-1\/4 { width: 25%; }
  .uw-hover-w-1\/4:hover { width: 25%; }
  .uw-focus-w-1\/4:focus { width: 25%; }
  .uw-active-w-1\/4:active { width: 25%; }
  .uw-disabled-w-1\/4:disabled { width: 25%; }
  .uw-focus-visible-w-1\/4:focus-visible { width: 25%; }
  .uw-focus-within-w-1\/4:focus-within { width: 25%; }
  .uw-group:hover .uw-group-hover-w-1\/4 { width: 25%; }
  .uw-h-1\/4 { height: 25%; }
  .uw-hover-h-1\/4:hover { height: 25%; }
  .uw-focus-h-1\/4:focus { height: 25%; }
  .uw-active-h-1\/4:active { height: 25%; }
  .uw-disabled-h-1\/4:disabled { height: 25%; }
  .uw-focus-visible-h-1\/4:focus-visible { height: 25%; }
  .uw-focus-within-h-1\/4:focus-within { height: 25%; }
  .uw-group:hover .uw-group-hover-h-1\/4 { height: 25%; }
  .uw-min-w-1\/4 { min-width: 25%; }
  .uw-hover-min-w-1\/4:hover { min-width: 25%; }
  .uw-focus-min-w-1\/4:focus { min-width: 25%; }
  .uw-active-min-w-1\/4:active { min-width: 25%; }
  .uw-disabled-min-w-1\/4:disabled { min-width: 25%; }
  .uw-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  .uw-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  .uw-group:hover .uw-group-hover-min-w-1\/4 { min-width: 25%; }
  .uw-max-w-1\/4 { max-width: 25%; }
  .uw-hover-max-w-1\/4:hover { max-width: 25%; }
  .uw-focus-max-w-1\/4:focus { max-width: 25%; }
  .uw-active-max-w-1\/4:active { max-width: 25%; }
  .uw-disabled-max-w-1\/4:disabled { max-width: 25%; }
  .uw-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  .uw-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  .uw-group:hover .uw-group-hover-max-w-1\/4 { max-width: 25%; }
  .uw-min-h-1\/4 { min-height: 25%; }
  .uw-hover-min-h-1\/4:hover { min-height: 25%; }
  .uw-focus-min-h-1\/4:focus { min-height: 25%; }
  .uw-active-min-h-1\/4:active { min-height: 25%; }
  .uw-disabled-min-h-1\/4:disabled { min-height: 25%; }
  .uw-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  .uw-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  .uw-group:hover .uw-group-hover-min-h-1\/4 { min-height: 25%; }
  .uw-max-h-1\/4 { max-height: 25%; }
  .uw-hover-max-h-1\/4:hover { max-height: 25%; }
  .uw-focus-max-h-1\/4:focus { max-height: 25%; }
  .uw-active-max-h-1\/4:active { max-height: 25%; }
  .uw-disabled-max-h-1\/4:disabled { max-height: 25%; }
  .uw-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  .uw-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  .uw-group:hover .uw-group-hover-max-h-1\/4 { max-height: 25%; }
  .uw-w-3\/4 { width: 75%; }
  .uw-hover-w-3\/4:hover { width: 75%; }
  .uw-focus-w-3\/4:focus { width: 75%; }
  .uw-active-w-3\/4:active { width: 75%; }
  .uw-disabled-w-3\/4:disabled { width: 75%; }
  .uw-focus-visible-w-3\/4:focus-visible { width: 75%; }
  .uw-focus-within-w-3\/4:focus-within { width: 75%; }
  .uw-group:hover .uw-group-hover-w-3\/4 { width: 75%; }
  .uw-h-3\/4 { height: 75%; }
  .uw-hover-h-3\/4:hover { height: 75%; }
  .uw-focus-h-3\/4:focus { height: 75%; }
  .uw-active-h-3\/4:active { height: 75%; }
  .uw-disabled-h-3\/4:disabled { height: 75%; }
  .uw-focus-visible-h-3\/4:focus-visible { height: 75%; }
  .uw-focus-within-h-3\/4:focus-within { height: 75%; }
  .uw-group:hover .uw-group-hover-h-3\/4 { height: 75%; }
  .uw-min-w-3\/4 { min-width: 75%; }
  .uw-hover-min-w-3\/4:hover { min-width: 75%; }
  .uw-focus-min-w-3\/4:focus { min-width: 75%; }
  .uw-active-min-w-3\/4:active { min-width: 75%; }
  .uw-disabled-min-w-3\/4:disabled { min-width: 75%; }
  .uw-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  .uw-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  .uw-group:hover .uw-group-hover-min-w-3\/4 { min-width: 75%; }
  .uw-max-w-3\/4 { max-width: 75%; }
  .uw-hover-max-w-3\/4:hover { max-width: 75%; }
  .uw-focus-max-w-3\/4:focus { max-width: 75%; }
  .uw-active-max-w-3\/4:active { max-width: 75%; }
  .uw-disabled-max-w-3\/4:disabled { max-width: 75%; }
  .uw-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  .uw-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  .uw-group:hover .uw-group-hover-max-w-3\/4 { max-width: 75%; }
  .uw-min-h-3\/4 { min-height: 75%; }
  .uw-hover-min-h-3\/4:hover { min-height: 75%; }
  .uw-focus-min-h-3\/4:focus { min-height: 75%; }
  .uw-active-min-h-3\/4:active { min-height: 75%; }
  .uw-disabled-min-h-3\/4:disabled { min-height: 75%; }
  .uw-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  .uw-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  .uw-group:hover .uw-group-hover-min-h-3\/4 { min-height: 75%; }
  .uw-max-h-3\/4 { max-height: 75%; }
  .uw-hover-max-h-3\/4:hover { max-height: 75%; }
  .uw-focus-max-h-3\/4:focus { max-height: 75%; }
  .uw-active-max-h-3\/4:active { max-height: 75%; }
  .uw-disabled-max-h-3\/4:disabled { max-height: 75%; }
  .uw-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  .uw-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  .uw-group:hover .uw-group-hover-max-h-3\/4 { max-height: 75%; }
  .uw-w-1\/5 { width: 20%; }
  .uw-hover-w-1\/5:hover { width: 20%; }
  .uw-focus-w-1\/5:focus { width: 20%; }
  .uw-active-w-1\/5:active { width: 20%; }
  .uw-disabled-w-1\/5:disabled { width: 20%; }
  .uw-focus-visible-w-1\/5:focus-visible { width: 20%; }
  .uw-focus-within-w-1\/5:focus-within { width: 20%; }
  .uw-group:hover .uw-group-hover-w-1\/5 { width: 20%; }
  .uw-h-1\/5 { height: 20%; }
  .uw-hover-h-1\/5:hover { height: 20%; }
  .uw-focus-h-1\/5:focus { height: 20%; }
  .uw-active-h-1\/5:active { height: 20%; }
  .uw-disabled-h-1\/5:disabled { height: 20%; }
  .uw-focus-visible-h-1\/5:focus-visible { height: 20%; }
  .uw-focus-within-h-1\/5:focus-within { height: 20%; }
  .uw-group:hover .uw-group-hover-h-1\/5 { height: 20%; }
  .uw-min-w-1\/5 { min-width: 20%; }
  .uw-hover-min-w-1\/5:hover { min-width: 20%; }
  .uw-focus-min-w-1\/5:focus { min-width: 20%; }
  .uw-active-min-w-1\/5:active { min-width: 20%; }
  .uw-disabled-min-w-1\/5:disabled { min-width: 20%; }
  .uw-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  .uw-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  .uw-group:hover .uw-group-hover-min-w-1\/5 { min-width: 20%; }
  .uw-max-w-1\/5 { max-width: 20%; }
  .uw-hover-max-w-1\/5:hover { max-width: 20%; }
  .uw-focus-max-w-1\/5:focus { max-width: 20%; }
  .uw-active-max-w-1\/5:active { max-width: 20%; }
  .uw-disabled-max-w-1\/5:disabled { max-width: 20%; }
  .uw-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  .uw-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  .uw-group:hover .uw-group-hover-max-w-1\/5 { max-width: 20%; }
  .uw-min-h-1\/5 { min-height: 20%; }
  .uw-hover-min-h-1\/5:hover { min-height: 20%; }
  .uw-focus-min-h-1\/5:focus { min-height: 20%; }
  .uw-active-min-h-1\/5:active { min-height: 20%; }
  .uw-disabled-min-h-1\/5:disabled { min-height: 20%; }
  .uw-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  .uw-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  .uw-group:hover .uw-group-hover-min-h-1\/5 { min-height: 20%; }
  .uw-max-h-1\/5 { max-height: 20%; }
  .uw-hover-max-h-1\/5:hover { max-height: 20%; }
  .uw-focus-max-h-1\/5:focus { max-height: 20%; }
  .uw-active-max-h-1\/5:active { max-height: 20%; }
  .uw-disabled-max-h-1\/5:disabled { max-height: 20%; }
  .uw-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  .uw-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  .uw-group:hover .uw-group-hover-max-h-1\/5 { max-height: 20%; }
  .uw-w-2\/5 { width: 40%; }
  .uw-hover-w-2\/5:hover { width: 40%; }
  .uw-focus-w-2\/5:focus { width: 40%; }
  .uw-active-w-2\/5:active { width: 40%; }
  .uw-disabled-w-2\/5:disabled { width: 40%; }
  .uw-focus-visible-w-2\/5:focus-visible { width: 40%; }
  .uw-focus-within-w-2\/5:focus-within { width: 40%; }
  .uw-group:hover .uw-group-hover-w-2\/5 { width: 40%; }
  .uw-h-2\/5 { height: 40%; }
  .uw-hover-h-2\/5:hover { height: 40%; }
  .uw-focus-h-2\/5:focus { height: 40%; }
  .uw-active-h-2\/5:active { height: 40%; }
  .uw-disabled-h-2\/5:disabled { height: 40%; }
  .uw-focus-visible-h-2\/5:focus-visible { height: 40%; }
  .uw-focus-within-h-2\/5:focus-within { height: 40%; }
  .uw-group:hover .uw-group-hover-h-2\/5 { height: 40%; }
  .uw-min-w-2\/5 { min-width: 40%; }
  .uw-hover-min-w-2\/5:hover { min-width: 40%; }
  .uw-focus-min-w-2\/5:focus { min-width: 40%; }
  .uw-active-min-w-2\/5:active { min-width: 40%; }
  .uw-disabled-min-w-2\/5:disabled { min-width: 40%; }
  .uw-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  .uw-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  .uw-group:hover .uw-group-hover-min-w-2\/5 { min-width: 40%; }
  .uw-max-w-2\/5 { max-width: 40%; }
  .uw-hover-max-w-2\/5:hover { max-width: 40%; }
  .uw-focus-max-w-2\/5:focus { max-width: 40%; }
  .uw-active-max-w-2\/5:active { max-width: 40%; }
  .uw-disabled-max-w-2\/5:disabled { max-width: 40%; }
  .uw-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  .uw-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  .uw-group:hover .uw-group-hover-max-w-2\/5 { max-width: 40%; }
  .uw-min-h-2\/5 { min-height: 40%; }
  .uw-hover-min-h-2\/5:hover { min-height: 40%; }
  .uw-focus-min-h-2\/5:focus { min-height: 40%; }
  .uw-active-min-h-2\/5:active { min-height: 40%; }
  .uw-disabled-min-h-2\/5:disabled { min-height: 40%; }
  .uw-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  .uw-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  .uw-group:hover .uw-group-hover-min-h-2\/5 { min-height: 40%; }
  .uw-max-h-2\/5 { max-height: 40%; }
  .uw-hover-max-h-2\/5:hover { max-height: 40%; }
  .uw-focus-max-h-2\/5:focus { max-height: 40%; }
  .uw-active-max-h-2\/5:active { max-height: 40%; }
  .uw-disabled-max-h-2\/5:disabled { max-height: 40%; }
  .uw-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  .uw-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  .uw-group:hover .uw-group-hover-max-h-2\/5 { max-height: 40%; }
  .uw-w-3\/5 { width: 60%; }
  .uw-hover-w-3\/5:hover { width: 60%; }
  .uw-focus-w-3\/5:focus { width: 60%; }
  .uw-active-w-3\/5:active { width: 60%; }
  .uw-disabled-w-3\/5:disabled { width: 60%; }
  .uw-focus-visible-w-3\/5:focus-visible { width: 60%; }
  .uw-focus-within-w-3\/5:focus-within { width: 60%; }
  .uw-group:hover .uw-group-hover-w-3\/5 { width: 60%; }
  .uw-h-3\/5 { height: 60%; }
  .uw-hover-h-3\/5:hover { height: 60%; }
  .uw-focus-h-3\/5:focus { height: 60%; }
  .uw-active-h-3\/5:active { height: 60%; }
  .uw-disabled-h-3\/5:disabled { height: 60%; }
  .uw-focus-visible-h-3\/5:focus-visible { height: 60%; }
  .uw-focus-within-h-3\/5:focus-within { height: 60%; }
  .uw-group:hover .uw-group-hover-h-3\/5 { height: 60%; }
  .uw-min-w-3\/5 { min-width: 60%; }
  .uw-hover-min-w-3\/5:hover { min-width: 60%; }
  .uw-focus-min-w-3\/5:focus { min-width: 60%; }
  .uw-active-min-w-3\/5:active { min-width: 60%; }
  .uw-disabled-min-w-3\/5:disabled { min-width: 60%; }
  .uw-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  .uw-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  .uw-group:hover .uw-group-hover-min-w-3\/5 { min-width: 60%; }
  .uw-max-w-3\/5 { max-width: 60%; }
  .uw-hover-max-w-3\/5:hover { max-width: 60%; }
  .uw-focus-max-w-3\/5:focus { max-width: 60%; }
  .uw-active-max-w-3\/5:active { max-width: 60%; }
  .uw-disabled-max-w-3\/5:disabled { max-width: 60%; }
  .uw-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  .uw-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  .uw-group:hover .uw-group-hover-max-w-3\/5 { max-width: 60%; }
  .uw-min-h-3\/5 { min-height: 60%; }
  .uw-hover-min-h-3\/5:hover { min-height: 60%; }
  .uw-focus-min-h-3\/5:focus { min-height: 60%; }
  .uw-active-min-h-3\/5:active { min-height: 60%; }
  .uw-disabled-min-h-3\/5:disabled { min-height: 60%; }
  .uw-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  .uw-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  .uw-group:hover .uw-group-hover-min-h-3\/5 { min-height: 60%; }
  .uw-max-h-3\/5 { max-height: 60%; }
  .uw-hover-max-h-3\/5:hover { max-height: 60%; }
  .uw-focus-max-h-3\/5:focus { max-height: 60%; }
  .uw-active-max-h-3\/5:active { max-height: 60%; }
  .uw-disabled-max-h-3\/5:disabled { max-height: 60%; }
  .uw-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  .uw-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  .uw-group:hover .uw-group-hover-max-h-3\/5 { max-height: 60%; }
  .uw-w-4\/5 { width: 80%; }
  .uw-hover-w-4\/5:hover { width: 80%; }
  .uw-focus-w-4\/5:focus { width: 80%; }
  .uw-active-w-4\/5:active { width: 80%; }
  .uw-disabled-w-4\/5:disabled { width: 80%; }
  .uw-focus-visible-w-4\/5:focus-visible { width: 80%; }
  .uw-focus-within-w-4\/5:focus-within { width: 80%; }
  .uw-group:hover .uw-group-hover-w-4\/5 { width: 80%; }
  .uw-h-4\/5 { height: 80%; }
  .uw-hover-h-4\/5:hover { height: 80%; }
  .uw-focus-h-4\/5:focus { height: 80%; }
  .uw-active-h-4\/5:active { height: 80%; }
  .uw-disabled-h-4\/5:disabled { height: 80%; }
  .uw-focus-visible-h-4\/5:focus-visible { height: 80%; }
  .uw-focus-within-h-4\/5:focus-within { height: 80%; }
  .uw-group:hover .uw-group-hover-h-4\/5 { height: 80%; }
  .uw-min-w-4\/5 { min-width: 80%; }
  .uw-hover-min-w-4\/5:hover { min-width: 80%; }
  .uw-focus-min-w-4\/5:focus { min-width: 80%; }
  .uw-active-min-w-4\/5:active { min-width: 80%; }
  .uw-disabled-min-w-4\/5:disabled { min-width: 80%; }
  .uw-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  .uw-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  .uw-group:hover .uw-group-hover-min-w-4\/5 { min-width: 80%; }
  .uw-max-w-4\/5 { max-width: 80%; }
  .uw-hover-max-w-4\/5:hover { max-width: 80%; }
  .uw-focus-max-w-4\/5:focus { max-width: 80%; }
  .uw-active-max-w-4\/5:active { max-width: 80%; }
  .uw-disabled-max-w-4\/5:disabled { max-width: 80%; }
  .uw-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  .uw-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  .uw-group:hover .uw-group-hover-max-w-4\/5 { max-width: 80%; }
  .uw-min-h-4\/5 { min-height: 80%; }
  .uw-hover-min-h-4\/5:hover { min-height: 80%; }
  .uw-focus-min-h-4\/5:focus { min-height: 80%; }
  .uw-active-min-h-4\/5:active { min-height: 80%; }
  .uw-disabled-min-h-4\/5:disabled { min-height: 80%; }
  .uw-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  .uw-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  .uw-group:hover .uw-group-hover-min-h-4\/5 { min-height: 80%; }
  .uw-max-h-4\/5 { max-height: 80%; }
  .uw-hover-max-h-4\/5:hover { max-height: 80%; }
  .uw-focus-max-h-4\/5:focus { max-height: 80%; }
  .uw-active-max-h-4\/5:active { max-height: 80%; }
  .uw-disabled-max-h-4\/5:disabled { max-height: 80%; }
  .uw-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  .uw-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  .uw-group:hover .uw-group-hover-max-h-4\/5 { max-height: 80%; }
  .uw-w-5p { width: 5%; }
  .uw-hover-w-5p:hover { width: 5%; }
  .uw-focus-w-5p:focus { width: 5%; }
  .uw-active-w-5p:active { width: 5%; }
  .uw-disabled-w-5p:disabled { width: 5%; }
  .uw-focus-visible-w-5p:focus-visible { width: 5%; }
  .uw-focus-within-w-5p:focus-within { width: 5%; }
  .uw-group:hover .uw-group-hover-w-5p { width: 5%; }
  .uw-h-5p { height: 5%; }
  .uw-hover-h-5p:hover { height: 5%; }
  .uw-focus-h-5p:focus { height: 5%; }
  .uw-active-h-5p:active { height: 5%; }
  .uw-disabled-h-5p:disabled { height: 5%; }
  .uw-focus-visible-h-5p:focus-visible { height: 5%; }
  .uw-focus-within-h-5p:focus-within { height: 5%; }
  .uw-group:hover .uw-group-hover-h-5p { height: 5%; }
  .uw-min-w-5p { min-width: 5%; }
  .uw-hover-min-w-5p:hover { min-width: 5%; }
  .uw-focus-min-w-5p:focus { min-width: 5%; }
  .uw-active-min-w-5p:active { min-width: 5%; }
  .uw-disabled-min-w-5p:disabled { min-width: 5%; }
  .uw-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  .uw-focus-within-min-w-5p:focus-within { min-width: 5%; }
  .uw-group:hover .uw-group-hover-min-w-5p { min-width: 5%; }
  .uw-max-w-5p { max-width: 5%; }
  .uw-hover-max-w-5p:hover { max-width: 5%; }
  .uw-focus-max-w-5p:focus { max-width: 5%; }
  .uw-active-max-w-5p:active { max-width: 5%; }
  .uw-disabled-max-w-5p:disabled { max-width: 5%; }
  .uw-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  .uw-focus-within-max-w-5p:focus-within { max-width: 5%; }
  .uw-group:hover .uw-group-hover-max-w-5p { max-width: 5%; }
  .uw-min-h-5p { min-height: 5%; }
  .uw-hover-min-h-5p:hover { min-height: 5%; }
  .uw-focus-min-h-5p:focus { min-height: 5%; }
  .uw-active-min-h-5p:active { min-height: 5%; }
  .uw-disabled-min-h-5p:disabled { min-height: 5%; }
  .uw-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  .uw-focus-within-min-h-5p:focus-within { min-height: 5%; }
  .uw-group:hover .uw-group-hover-min-h-5p { min-height: 5%; }
  .uw-max-h-5p { max-height: 5%; }
  .uw-hover-max-h-5p:hover { max-height: 5%; }
  .uw-focus-max-h-5p:focus { max-height: 5%; }
  .uw-active-max-h-5p:active { max-height: 5%; }
  .uw-disabled-max-h-5p:disabled { max-height: 5%; }
  .uw-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  .uw-focus-within-max-h-5p:focus-within { max-height: 5%; }
  .uw-group:hover .uw-group-hover-max-h-5p { max-height: 5%; }
  .uw-w-10p { width: 10%; }
  .uw-hover-w-10p:hover { width: 10%; }
  .uw-focus-w-10p:focus { width: 10%; }
  .uw-active-w-10p:active { width: 10%; }
  .uw-disabled-w-10p:disabled { width: 10%; }
  .uw-focus-visible-w-10p:focus-visible { width: 10%; }
  .uw-focus-within-w-10p:focus-within { width: 10%; }
  .uw-group:hover .uw-group-hover-w-10p { width: 10%; }
  .uw-h-10p { height: 10%; }
  .uw-hover-h-10p:hover { height: 10%; }
  .uw-focus-h-10p:focus { height: 10%; }
  .uw-active-h-10p:active { height: 10%; }
  .uw-disabled-h-10p:disabled { height: 10%; }
  .uw-focus-visible-h-10p:focus-visible { height: 10%; }
  .uw-focus-within-h-10p:focus-within { height: 10%; }
  .uw-group:hover .uw-group-hover-h-10p { height: 10%; }
  .uw-min-w-10p { min-width: 10%; }
  .uw-hover-min-w-10p:hover { min-width: 10%; }
  .uw-focus-min-w-10p:focus { min-width: 10%; }
  .uw-active-min-w-10p:active { min-width: 10%; }
  .uw-disabled-min-w-10p:disabled { min-width: 10%; }
  .uw-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  .uw-focus-within-min-w-10p:focus-within { min-width: 10%; }
  .uw-group:hover .uw-group-hover-min-w-10p { min-width: 10%; }
  .uw-max-w-10p { max-width: 10%; }
  .uw-hover-max-w-10p:hover { max-width: 10%; }
  .uw-focus-max-w-10p:focus { max-width: 10%; }
  .uw-active-max-w-10p:active { max-width: 10%; }
  .uw-disabled-max-w-10p:disabled { max-width: 10%; }
  .uw-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  .uw-focus-within-max-w-10p:focus-within { max-width: 10%; }
  .uw-group:hover .uw-group-hover-max-w-10p { max-width: 10%; }
  .uw-min-h-10p { min-height: 10%; }
  .uw-hover-min-h-10p:hover { min-height: 10%; }
  .uw-focus-min-h-10p:focus { min-height: 10%; }
  .uw-active-min-h-10p:active { min-height: 10%; }
  .uw-disabled-min-h-10p:disabled { min-height: 10%; }
  .uw-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  .uw-focus-within-min-h-10p:focus-within { min-height: 10%; }
  .uw-group:hover .uw-group-hover-min-h-10p { min-height: 10%; }
  .uw-max-h-10p { max-height: 10%; }
  .uw-hover-max-h-10p:hover { max-height: 10%; }
  .uw-focus-max-h-10p:focus { max-height: 10%; }
  .uw-active-max-h-10p:active { max-height: 10%; }
  .uw-disabled-max-h-10p:disabled { max-height: 10%; }
  .uw-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  .uw-focus-within-max-h-10p:focus-within { max-height: 10%; }
  .uw-group:hover .uw-group-hover-max-h-10p { max-height: 10%; }
  .uw-w-15p { width: 15%; }
  .uw-hover-w-15p:hover { width: 15%; }
  .uw-focus-w-15p:focus { width: 15%; }
  .uw-active-w-15p:active { width: 15%; }
  .uw-disabled-w-15p:disabled { width: 15%; }
  .uw-focus-visible-w-15p:focus-visible { width: 15%; }
  .uw-focus-within-w-15p:focus-within { width: 15%; }
  .uw-group:hover .uw-group-hover-w-15p { width: 15%; }
  .uw-h-15p { height: 15%; }
  .uw-hover-h-15p:hover { height: 15%; }
  .uw-focus-h-15p:focus { height: 15%; }
  .uw-active-h-15p:active { height: 15%; }
  .uw-disabled-h-15p:disabled { height: 15%; }
  .uw-focus-visible-h-15p:focus-visible { height: 15%; }
  .uw-focus-within-h-15p:focus-within { height: 15%; }
  .uw-group:hover .uw-group-hover-h-15p { height: 15%; }
  .uw-min-w-15p { min-width: 15%; }
  .uw-hover-min-w-15p:hover { min-width: 15%; }
  .uw-focus-min-w-15p:focus { min-width: 15%; }
  .uw-active-min-w-15p:active { min-width: 15%; }
  .uw-disabled-min-w-15p:disabled { min-width: 15%; }
  .uw-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  .uw-focus-within-min-w-15p:focus-within { min-width: 15%; }
  .uw-group:hover .uw-group-hover-min-w-15p { min-width: 15%; }
  .uw-max-w-15p { max-width: 15%; }
  .uw-hover-max-w-15p:hover { max-width: 15%; }
  .uw-focus-max-w-15p:focus { max-width: 15%; }
  .uw-active-max-w-15p:active { max-width: 15%; }
  .uw-disabled-max-w-15p:disabled { max-width: 15%; }
  .uw-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  .uw-focus-within-max-w-15p:focus-within { max-width: 15%; }
  .uw-group:hover .uw-group-hover-max-w-15p { max-width: 15%; }
  .uw-min-h-15p { min-height: 15%; }
  .uw-hover-min-h-15p:hover { min-height: 15%; }
  .uw-focus-min-h-15p:focus { min-height: 15%; }
  .uw-active-min-h-15p:active { min-height: 15%; }
  .uw-disabled-min-h-15p:disabled { min-height: 15%; }
  .uw-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  .uw-focus-within-min-h-15p:focus-within { min-height: 15%; }
  .uw-group:hover .uw-group-hover-min-h-15p { min-height: 15%; }
  .uw-max-h-15p { max-height: 15%; }
  .uw-hover-max-h-15p:hover { max-height: 15%; }
  .uw-focus-max-h-15p:focus { max-height: 15%; }
  .uw-active-max-h-15p:active { max-height: 15%; }
  .uw-disabled-max-h-15p:disabled { max-height: 15%; }
  .uw-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  .uw-focus-within-max-h-15p:focus-within { max-height: 15%; }
  .uw-group:hover .uw-group-hover-max-h-15p { max-height: 15%; }
  .uw-w-20p { width: 20%; }
  .uw-hover-w-20p:hover { width: 20%; }
  .uw-focus-w-20p:focus { width: 20%; }
  .uw-active-w-20p:active { width: 20%; }
  .uw-disabled-w-20p:disabled { width: 20%; }
  .uw-focus-visible-w-20p:focus-visible { width: 20%; }
  .uw-focus-within-w-20p:focus-within { width: 20%; }
  .uw-group:hover .uw-group-hover-w-20p { width: 20%; }
  .uw-h-20p { height: 20%; }
  .uw-hover-h-20p:hover { height: 20%; }
  .uw-focus-h-20p:focus { height: 20%; }
  .uw-active-h-20p:active { height: 20%; }
  .uw-disabled-h-20p:disabled { height: 20%; }
  .uw-focus-visible-h-20p:focus-visible { height: 20%; }
  .uw-focus-within-h-20p:focus-within { height: 20%; }
  .uw-group:hover .uw-group-hover-h-20p { height: 20%; }
  .uw-min-w-20p { min-width: 20%; }
  .uw-hover-min-w-20p:hover { min-width: 20%; }
  .uw-focus-min-w-20p:focus { min-width: 20%; }
  .uw-active-min-w-20p:active { min-width: 20%; }
  .uw-disabled-min-w-20p:disabled { min-width: 20%; }
  .uw-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  .uw-focus-within-min-w-20p:focus-within { min-width: 20%; }
  .uw-group:hover .uw-group-hover-min-w-20p { min-width: 20%; }
  .uw-max-w-20p { max-width: 20%; }
  .uw-hover-max-w-20p:hover { max-width: 20%; }
  .uw-focus-max-w-20p:focus { max-width: 20%; }
  .uw-active-max-w-20p:active { max-width: 20%; }
  .uw-disabled-max-w-20p:disabled { max-width: 20%; }
  .uw-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  .uw-focus-within-max-w-20p:focus-within { max-width: 20%; }
  .uw-group:hover .uw-group-hover-max-w-20p { max-width: 20%; }
  .uw-min-h-20p { min-height: 20%; }
  .uw-hover-min-h-20p:hover { min-height: 20%; }
  .uw-focus-min-h-20p:focus { min-height: 20%; }
  .uw-active-min-h-20p:active { min-height: 20%; }
  .uw-disabled-min-h-20p:disabled { min-height: 20%; }
  .uw-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  .uw-focus-within-min-h-20p:focus-within { min-height: 20%; }
  .uw-group:hover .uw-group-hover-min-h-20p { min-height: 20%; }
  .uw-max-h-20p { max-height: 20%; }
  .uw-hover-max-h-20p:hover { max-height: 20%; }
  .uw-focus-max-h-20p:focus { max-height: 20%; }
  .uw-active-max-h-20p:active { max-height: 20%; }
  .uw-disabled-max-h-20p:disabled { max-height: 20%; }
  .uw-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  .uw-focus-within-max-h-20p:focus-within { max-height: 20%; }
  .uw-group:hover .uw-group-hover-max-h-20p { max-height: 20%; }
  .uw-w-25p { width: 25%; }
  .uw-hover-w-25p:hover { width: 25%; }
  .uw-focus-w-25p:focus { width: 25%; }
  .uw-active-w-25p:active { width: 25%; }
  .uw-disabled-w-25p:disabled { width: 25%; }
  .uw-focus-visible-w-25p:focus-visible { width: 25%; }
  .uw-focus-within-w-25p:focus-within { width: 25%; }
  .uw-group:hover .uw-group-hover-w-25p { width: 25%; }
  .uw-h-25p { height: 25%; }
  .uw-hover-h-25p:hover { height: 25%; }
  .uw-focus-h-25p:focus { height: 25%; }
  .uw-active-h-25p:active { height: 25%; }
  .uw-disabled-h-25p:disabled { height: 25%; }
  .uw-focus-visible-h-25p:focus-visible { height: 25%; }
  .uw-focus-within-h-25p:focus-within { height: 25%; }
  .uw-group:hover .uw-group-hover-h-25p { height: 25%; }
  .uw-min-w-25p { min-width: 25%; }
  .uw-hover-min-w-25p:hover { min-width: 25%; }
  .uw-focus-min-w-25p:focus { min-width: 25%; }
  .uw-active-min-w-25p:active { min-width: 25%; }
  .uw-disabled-min-w-25p:disabled { min-width: 25%; }
  .uw-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  .uw-focus-within-min-w-25p:focus-within { min-width: 25%; }
  .uw-group:hover .uw-group-hover-min-w-25p { min-width: 25%; }
  .uw-max-w-25p { max-width: 25%; }
  .uw-hover-max-w-25p:hover { max-width: 25%; }
  .uw-focus-max-w-25p:focus { max-width: 25%; }
  .uw-active-max-w-25p:active { max-width: 25%; }
  .uw-disabled-max-w-25p:disabled { max-width: 25%; }
  .uw-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  .uw-focus-within-max-w-25p:focus-within { max-width: 25%; }
  .uw-group:hover .uw-group-hover-max-w-25p { max-width: 25%; }
  .uw-min-h-25p { min-height: 25%; }
  .uw-hover-min-h-25p:hover { min-height: 25%; }
  .uw-focus-min-h-25p:focus { min-height: 25%; }
  .uw-active-min-h-25p:active { min-height: 25%; }
  .uw-disabled-min-h-25p:disabled { min-height: 25%; }
  .uw-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  .uw-focus-within-min-h-25p:focus-within { min-height: 25%; }
  .uw-group:hover .uw-group-hover-min-h-25p { min-height: 25%; }
  .uw-max-h-25p { max-height: 25%; }
  .uw-hover-max-h-25p:hover { max-height: 25%; }
  .uw-focus-max-h-25p:focus { max-height: 25%; }
  .uw-active-max-h-25p:active { max-height: 25%; }
  .uw-disabled-max-h-25p:disabled { max-height: 25%; }
  .uw-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  .uw-focus-within-max-h-25p:focus-within { max-height: 25%; }
  .uw-group:hover .uw-group-hover-max-h-25p { max-height: 25%; }
  .uw-w-30p { width: 30%; }
  .uw-hover-w-30p:hover { width: 30%; }
  .uw-focus-w-30p:focus { width: 30%; }
  .uw-active-w-30p:active { width: 30%; }
  .uw-disabled-w-30p:disabled { width: 30%; }
  .uw-focus-visible-w-30p:focus-visible { width: 30%; }
  .uw-focus-within-w-30p:focus-within { width: 30%; }
  .uw-group:hover .uw-group-hover-w-30p { width: 30%; }
  .uw-h-30p { height: 30%; }
  .uw-hover-h-30p:hover { height: 30%; }
  .uw-focus-h-30p:focus { height: 30%; }
  .uw-active-h-30p:active { height: 30%; }
  .uw-disabled-h-30p:disabled { height: 30%; }
  .uw-focus-visible-h-30p:focus-visible { height: 30%; }
  .uw-focus-within-h-30p:focus-within { height: 30%; }
  .uw-group:hover .uw-group-hover-h-30p { height: 30%; }
  .uw-min-w-30p { min-width: 30%; }
  .uw-hover-min-w-30p:hover { min-width: 30%; }
  .uw-focus-min-w-30p:focus { min-width: 30%; }
  .uw-active-min-w-30p:active { min-width: 30%; }
  .uw-disabled-min-w-30p:disabled { min-width: 30%; }
  .uw-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  .uw-focus-within-min-w-30p:focus-within { min-width: 30%; }
  .uw-group:hover .uw-group-hover-min-w-30p { min-width: 30%; }
  .uw-max-w-30p { max-width: 30%; }
  .uw-hover-max-w-30p:hover { max-width: 30%; }
  .uw-focus-max-w-30p:focus { max-width: 30%; }
  .uw-active-max-w-30p:active { max-width: 30%; }
  .uw-disabled-max-w-30p:disabled { max-width: 30%; }
  .uw-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  .uw-focus-within-max-w-30p:focus-within { max-width: 30%; }
  .uw-group:hover .uw-group-hover-max-w-30p { max-width: 30%; }
  .uw-min-h-30p { min-height: 30%; }
  .uw-hover-min-h-30p:hover { min-height: 30%; }
  .uw-focus-min-h-30p:focus { min-height: 30%; }
  .uw-active-min-h-30p:active { min-height: 30%; }
  .uw-disabled-min-h-30p:disabled { min-height: 30%; }
  .uw-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  .uw-focus-within-min-h-30p:focus-within { min-height: 30%; }
  .uw-group:hover .uw-group-hover-min-h-30p { min-height: 30%; }
  .uw-max-h-30p { max-height: 30%; }
  .uw-hover-max-h-30p:hover { max-height: 30%; }
  .uw-focus-max-h-30p:focus { max-height: 30%; }
  .uw-active-max-h-30p:active { max-height: 30%; }
  .uw-disabled-max-h-30p:disabled { max-height: 30%; }
  .uw-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  .uw-focus-within-max-h-30p:focus-within { max-height: 30%; }
  .uw-group:hover .uw-group-hover-max-h-30p { max-height: 30%; }
  .uw-w-35p { width: 35%; }
  .uw-hover-w-35p:hover { width: 35%; }
  .uw-focus-w-35p:focus { width: 35%; }
  .uw-active-w-35p:active { width: 35%; }
  .uw-disabled-w-35p:disabled { width: 35%; }
  .uw-focus-visible-w-35p:focus-visible { width: 35%; }
  .uw-focus-within-w-35p:focus-within { width: 35%; }
  .uw-group:hover .uw-group-hover-w-35p { width: 35%; }
  .uw-h-35p { height: 35%; }
  .uw-hover-h-35p:hover { height: 35%; }
  .uw-focus-h-35p:focus { height: 35%; }
  .uw-active-h-35p:active { height: 35%; }
  .uw-disabled-h-35p:disabled { height: 35%; }
  .uw-focus-visible-h-35p:focus-visible { height: 35%; }
  .uw-focus-within-h-35p:focus-within { height: 35%; }
  .uw-group:hover .uw-group-hover-h-35p { height: 35%; }
  .uw-min-w-35p { min-width: 35%; }
  .uw-hover-min-w-35p:hover { min-width: 35%; }
  .uw-focus-min-w-35p:focus { min-width: 35%; }
  .uw-active-min-w-35p:active { min-width: 35%; }
  .uw-disabled-min-w-35p:disabled { min-width: 35%; }
  .uw-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  .uw-focus-within-min-w-35p:focus-within { min-width: 35%; }
  .uw-group:hover .uw-group-hover-min-w-35p { min-width: 35%; }
  .uw-max-w-35p { max-width: 35%; }
  .uw-hover-max-w-35p:hover { max-width: 35%; }
  .uw-focus-max-w-35p:focus { max-width: 35%; }
  .uw-active-max-w-35p:active { max-width: 35%; }
  .uw-disabled-max-w-35p:disabled { max-width: 35%; }
  .uw-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  .uw-focus-within-max-w-35p:focus-within { max-width: 35%; }
  .uw-group:hover .uw-group-hover-max-w-35p { max-width: 35%; }
  .uw-min-h-35p { min-height: 35%; }
  .uw-hover-min-h-35p:hover { min-height: 35%; }
  .uw-focus-min-h-35p:focus { min-height: 35%; }
  .uw-active-min-h-35p:active { min-height: 35%; }
  .uw-disabled-min-h-35p:disabled { min-height: 35%; }
  .uw-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  .uw-focus-within-min-h-35p:focus-within { min-height: 35%; }
  .uw-group:hover .uw-group-hover-min-h-35p { min-height: 35%; }
  .uw-max-h-35p { max-height: 35%; }
  .uw-hover-max-h-35p:hover { max-height: 35%; }
  .uw-focus-max-h-35p:focus { max-height: 35%; }
  .uw-active-max-h-35p:active { max-height: 35%; }
  .uw-disabled-max-h-35p:disabled { max-height: 35%; }
  .uw-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  .uw-focus-within-max-h-35p:focus-within { max-height: 35%; }
  .uw-group:hover .uw-group-hover-max-h-35p { max-height: 35%; }
  .uw-w-40p { width: 40%; }
  .uw-hover-w-40p:hover { width: 40%; }
  .uw-focus-w-40p:focus { width: 40%; }
  .uw-active-w-40p:active { width: 40%; }
  .uw-disabled-w-40p:disabled { width: 40%; }
  .uw-focus-visible-w-40p:focus-visible { width: 40%; }
  .uw-focus-within-w-40p:focus-within { width: 40%; }
  .uw-group:hover .uw-group-hover-w-40p { width: 40%; }
  .uw-h-40p { height: 40%; }
  .uw-hover-h-40p:hover { height: 40%; }
  .uw-focus-h-40p:focus { height: 40%; }
  .uw-active-h-40p:active { height: 40%; }
  .uw-disabled-h-40p:disabled { height: 40%; }
  .uw-focus-visible-h-40p:focus-visible { height: 40%; }
  .uw-focus-within-h-40p:focus-within { height: 40%; }
  .uw-group:hover .uw-group-hover-h-40p { height: 40%; }
  .uw-min-w-40p { min-width: 40%; }
  .uw-hover-min-w-40p:hover { min-width: 40%; }
  .uw-focus-min-w-40p:focus { min-width: 40%; }
  .uw-active-min-w-40p:active { min-width: 40%; }
  .uw-disabled-min-w-40p:disabled { min-width: 40%; }
  .uw-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  .uw-focus-within-min-w-40p:focus-within { min-width: 40%; }
  .uw-group:hover .uw-group-hover-min-w-40p { min-width: 40%; }
  .uw-max-w-40p { max-width: 40%; }
  .uw-hover-max-w-40p:hover { max-width: 40%; }
  .uw-focus-max-w-40p:focus { max-width: 40%; }
  .uw-active-max-w-40p:active { max-width: 40%; }
  .uw-disabled-max-w-40p:disabled { max-width: 40%; }
  .uw-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  .uw-focus-within-max-w-40p:focus-within { max-width: 40%; }
  .uw-group:hover .uw-group-hover-max-w-40p { max-width: 40%; }
  .uw-min-h-40p { min-height: 40%; }
  .uw-hover-min-h-40p:hover { min-height: 40%; }
  .uw-focus-min-h-40p:focus { min-height: 40%; }
  .uw-active-min-h-40p:active { min-height: 40%; }
  .uw-disabled-min-h-40p:disabled { min-height: 40%; }
  .uw-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  .uw-focus-within-min-h-40p:focus-within { min-height: 40%; }
  .uw-group:hover .uw-group-hover-min-h-40p { min-height: 40%; }
  .uw-max-h-40p { max-height: 40%; }
  .uw-hover-max-h-40p:hover { max-height: 40%; }
  .uw-focus-max-h-40p:focus { max-height: 40%; }
  .uw-active-max-h-40p:active { max-height: 40%; }
  .uw-disabled-max-h-40p:disabled { max-height: 40%; }
  .uw-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  .uw-focus-within-max-h-40p:focus-within { max-height: 40%; }
  .uw-group:hover .uw-group-hover-max-h-40p { max-height: 40%; }
  .uw-w-45p { width: 45%; }
  .uw-hover-w-45p:hover { width: 45%; }
  .uw-focus-w-45p:focus { width: 45%; }
  .uw-active-w-45p:active { width: 45%; }
  .uw-disabled-w-45p:disabled { width: 45%; }
  .uw-focus-visible-w-45p:focus-visible { width: 45%; }
  .uw-focus-within-w-45p:focus-within { width: 45%; }
  .uw-group:hover .uw-group-hover-w-45p { width: 45%; }
  .uw-h-45p { height: 45%; }
  .uw-hover-h-45p:hover { height: 45%; }
  .uw-focus-h-45p:focus { height: 45%; }
  .uw-active-h-45p:active { height: 45%; }
  .uw-disabled-h-45p:disabled { height: 45%; }
  .uw-focus-visible-h-45p:focus-visible { height: 45%; }
  .uw-focus-within-h-45p:focus-within { height: 45%; }
  .uw-group:hover .uw-group-hover-h-45p { height: 45%; }
  .uw-min-w-45p { min-width: 45%; }
  .uw-hover-min-w-45p:hover { min-width: 45%; }
  .uw-focus-min-w-45p:focus { min-width: 45%; }
  .uw-active-min-w-45p:active { min-width: 45%; }
  .uw-disabled-min-w-45p:disabled { min-width: 45%; }
  .uw-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  .uw-focus-within-min-w-45p:focus-within { min-width: 45%; }
  .uw-group:hover .uw-group-hover-min-w-45p { min-width: 45%; }
  .uw-max-w-45p { max-width: 45%; }
  .uw-hover-max-w-45p:hover { max-width: 45%; }
  .uw-focus-max-w-45p:focus { max-width: 45%; }
  .uw-active-max-w-45p:active { max-width: 45%; }
  .uw-disabled-max-w-45p:disabled { max-width: 45%; }
  .uw-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  .uw-focus-within-max-w-45p:focus-within { max-width: 45%; }
  .uw-group:hover .uw-group-hover-max-w-45p { max-width: 45%; }
  .uw-min-h-45p { min-height: 45%; }
  .uw-hover-min-h-45p:hover { min-height: 45%; }
  .uw-focus-min-h-45p:focus { min-height: 45%; }
  .uw-active-min-h-45p:active { min-height: 45%; }
  .uw-disabled-min-h-45p:disabled { min-height: 45%; }
  .uw-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  .uw-focus-within-min-h-45p:focus-within { min-height: 45%; }
  .uw-group:hover .uw-group-hover-min-h-45p { min-height: 45%; }
  .uw-max-h-45p { max-height: 45%; }
  .uw-hover-max-h-45p:hover { max-height: 45%; }
  .uw-focus-max-h-45p:focus { max-height: 45%; }
  .uw-active-max-h-45p:active { max-height: 45%; }
  .uw-disabled-max-h-45p:disabled { max-height: 45%; }
  .uw-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  .uw-focus-within-max-h-45p:focus-within { max-height: 45%; }
  .uw-group:hover .uw-group-hover-max-h-45p { max-height: 45%; }
  .uw-w-50p { width: 50%; }
  .uw-hover-w-50p:hover { width: 50%; }
  .uw-focus-w-50p:focus { width: 50%; }
  .uw-active-w-50p:active { width: 50%; }
  .uw-disabled-w-50p:disabled { width: 50%; }
  .uw-focus-visible-w-50p:focus-visible { width: 50%; }
  .uw-focus-within-w-50p:focus-within { width: 50%; }
  .uw-group:hover .uw-group-hover-w-50p { width: 50%; }
  .uw-h-50p { height: 50%; }
  .uw-hover-h-50p:hover { height: 50%; }
  .uw-focus-h-50p:focus { height: 50%; }
  .uw-active-h-50p:active { height: 50%; }
  .uw-disabled-h-50p:disabled { height: 50%; }
  .uw-focus-visible-h-50p:focus-visible { height: 50%; }
  .uw-focus-within-h-50p:focus-within { height: 50%; }
  .uw-group:hover .uw-group-hover-h-50p { height: 50%; }
  .uw-min-w-50p { min-width: 50%; }
  .uw-hover-min-w-50p:hover { min-width: 50%; }
  .uw-focus-min-w-50p:focus { min-width: 50%; }
  .uw-active-min-w-50p:active { min-width: 50%; }
  .uw-disabled-min-w-50p:disabled { min-width: 50%; }
  .uw-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  .uw-focus-within-min-w-50p:focus-within { min-width: 50%; }
  .uw-group:hover .uw-group-hover-min-w-50p { min-width: 50%; }
  .uw-max-w-50p { max-width: 50%; }
  .uw-hover-max-w-50p:hover { max-width: 50%; }
  .uw-focus-max-w-50p:focus { max-width: 50%; }
  .uw-active-max-w-50p:active { max-width: 50%; }
  .uw-disabled-max-w-50p:disabled { max-width: 50%; }
  .uw-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  .uw-focus-within-max-w-50p:focus-within { max-width: 50%; }
  .uw-group:hover .uw-group-hover-max-w-50p { max-width: 50%; }
  .uw-min-h-50p { min-height: 50%; }
  .uw-hover-min-h-50p:hover { min-height: 50%; }
  .uw-focus-min-h-50p:focus { min-height: 50%; }
  .uw-active-min-h-50p:active { min-height: 50%; }
  .uw-disabled-min-h-50p:disabled { min-height: 50%; }
  .uw-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  .uw-focus-within-min-h-50p:focus-within { min-height: 50%; }
  .uw-group:hover .uw-group-hover-min-h-50p { min-height: 50%; }
  .uw-max-h-50p { max-height: 50%; }
  .uw-hover-max-h-50p:hover { max-height: 50%; }
  .uw-focus-max-h-50p:focus { max-height: 50%; }
  .uw-active-max-h-50p:active { max-height: 50%; }
  .uw-disabled-max-h-50p:disabled { max-height: 50%; }
  .uw-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  .uw-focus-within-max-h-50p:focus-within { max-height: 50%; }
  .uw-group:hover .uw-group-hover-max-h-50p { max-height: 50%; }
  .uw-w-55p { width: 55%; }
  .uw-hover-w-55p:hover { width: 55%; }
  .uw-focus-w-55p:focus { width: 55%; }
  .uw-active-w-55p:active { width: 55%; }
  .uw-disabled-w-55p:disabled { width: 55%; }
  .uw-focus-visible-w-55p:focus-visible { width: 55%; }
  .uw-focus-within-w-55p:focus-within { width: 55%; }
  .uw-group:hover .uw-group-hover-w-55p { width: 55%; }
  .uw-h-55p { height: 55%; }
  .uw-hover-h-55p:hover { height: 55%; }
  .uw-focus-h-55p:focus { height: 55%; }
  .uw-active-h-55p:active { height: 55%; }
  .uw-disabled-h-55p:disabled { height: 55%; }
  .uw-focus-visible-h-55p:focus-visible { height: 55%; }
  .uw-focus-within-h-55p:focus-within { height: 55%; }
  .uw-group:hover .uw-group-hover-h-55p { height: 55%; }
  .uw-min-w-55p { min-width: 55%; }
  .uw-hover-min-w-55p:hover { min-width: 55%; }
  .uw-focus-min-w-55p:focus { min-width: 55%; }
  .uw-active-min-w-55p:active { min-width: 55%; }
  .uw-disabled-min-w-55p:disabled { min-width: 55%; }
  .uw-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  .uw-focus-within-min-w-55p:focus-within { min-width: 55%; }
  .uw-group:hover .uw-group-hover-min-w-55p { min-width: 55%; }
  .uw-max-w-55p { max-width: 55%; }
  .uw-hover-max-w-55p:hover { max-width: 55%; }
  .uw-focus-max-w-55p:focus { max-width: 55%; }
  .uw-active-max-w-55p:active { max-width: 55%; }
  .uw-disabled-max-w-55p:disabled { max-width: 55%; }
  .uw-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  .uw-focus-within-max-w-55p:focus-within { max-width: 55%; }
  .uw-group:hover .uw-group-hover-max-w-55p { max-width: 55%; }
  .uw-min-h-55p { min-height: 55%; }
  .uw-hover-min-h-55p:hover { min-height: 55%; }
  .uw-focus-min-h-55p:focus { min-height: 55%; }
  .uw-active-min-h-55p:active { min-height: 55%; }
  .uw-disabled-min-h-55p:disabled { min-height: 55%; }
  .uw-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  .uw-focus-within-min-h-55p:focus-within { min-height: 55%; }
  .uw-group:hover .uw-group-hover-min-h-55p { min-height: 55%; }
  .uw-max-h-55p { max-height: 55%; }
  .uw-hover-max-h-55p:hover { max-height: 55%; }
  .uw-focus-max-h-55p:focus { max-height: 55%; }
  .uw-active-max-h-55p:active { max-height: 55%; }
  .uw-disabled-max-h-55p:disabled { max-height: 55%; }
  .uw-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  .uw-focus-within-max-h-55p:focus-within { max-height: 55%; }
  .uw-group:hover .uw-group-hover-max-h-55p { max-height: 55%; }
  .uw-w-60p { width: 60%; }
  .uw-hover-w-60p:hover { width: 60%; }
  .uw-focus-w-60p:focus { width: 60%; }
  .uw-active-w-60p:active { width: 60%; }
  .uw-disabled-w-60p:disabled { width: 60%; }
  .uw-focus-visible-w-60p:focus-visible { width: 60%; }
  .uw-focus-within-w-60p:focus-within { width: 60%; }
  .uw-group:hover .uw-group-hover-w-60p { width: 60%; }
  .uw-h-60p { height: 60%; }
  .uw-hover-h-60p:hover { height: 60%; }
  .uw-focus-h-60p:focus { height: 60%; }
  .uw-active-h-60p:active { height: 60%; }
  .uw-disabled-h-60p:disabled { height: 60%; }
  .uw-focus-visible-h-60p:focus-visible { height: 60%; }
  .uw-focus-within-h-60p:focus-within { height: 60%; }
  .uw-group:hover .uw-group-hover-h-60p { height: 60%; }
  .uw-min-w-60p { min-width: 60%; }
  .uw-hover-min-w-60p:hover { min-width: 60%; }
  .uw-focus-min-w-60p:focus { min-width: 60%; }
  .uw-active-min-w-60p:active { min-width: 60%; }
  .uw-disabled-min-w-60p:disabled { min-width: 60%; }
  .uw-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  .uw-focus-within-min-w-60p:focus-within { min-width: 60%; }
  .uw-group:hover .uw-group-hover-min-w-60p { min-width: 60%; }
  .uw-max-w-60p { max-width: 60%; }
  .uw-hover-max-w-60p:hover { max-width: 60%; }
  .uw-focus-max-w-60p:focus { max-width: 60%; }
  .uw-active-max-w-60p:active { max-width: 60%; }
  .uw-disabled-max-w-60p:disabled { max-width: 60%; }
  .uw-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  .uw-focus-within-max-w-60p:focus-within { max-width: 60%; }
  .uw-group:hover .uw-group-hover-max-w-60p { max-width: 60%; }
  .uw-min-h-60p { min-height: 60%; }
  .uw-hover-min-h-60p:hover { min-height: 60%; }
  .uw-focus-min-h-60p:focus { min-height: 60%; }
  .uw-active-min-h-60p:active { min-height: 60%; }
  .uw-disabled-min-h-60p:disabled { min-height: 60%; }
  .uw-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  .uw-focus-within-min-h-60p:focus-within { min-height: 60%; }
  .uw-group:hover .uw-group-hover-min-h-60p { min-height: 60%; }
  .uw-max-h-60p { max-height: 60%; }
  .uw-hover-max-h-60p:hover { max-height: 60%; }
  .uw-focus-max-h-60p:focus { max-height: 60%; }
  .uw-active-max-h-60p:active { max-height: 60%; }
  .uw-disabled-max-h-60p:disabled { max-height: 60%; }
  .uw-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  .uw-focus-within-max-h-60p:focus-within { max-height: 60%; }
  .uw-group:hover .uw-group-hover-max-h-60p { max-height: 60%; }
  .uw-w-65p { width: 65%; }
  .uw-hover-w-65p:hover { width: 65%; }
  .uw-focus-w-65p:focus { width: 65%; }
  .uw-active-w-65p:active { width: 65%; }
  .uw-disabled-w-65p:disabled { width: 65%; }
  .uw-focus-visible-w-65p:focus-visible { width: 65%; }
  .uw-focus-within-w-65p:focus-within { width: 65%; }
  .uw-group:hover .uw-group-hover-w-65p { width: 65%; }
  .uw-h-65p { height: 65%; }
  .uw-hover-h-65p:hover { height: 65%; }
  .uw-focus-h-65p:focus { height: 65%; }
  .uw-active-h-65p:active { height: 65%; }
  .uw-disabled-h-65p:disabled { height: 65%; }
  .uw-focus-visible-h-65p:focus-visible { height: 65%; }
  .uw-focus-within-h-65p:focus-within { height: 65%; }
  .uw-group:hover .uw-group-hover-h-65p { height: 65%; }
  .uw-min-w-65p { min-width: 65%; }
  .uw-hover-min-w-65p:hover { min-width: 65%; }
  .uw-focus-min-w-65p:focus { min-width: 65%; }
  .uw-active-min-w-65p:active { min-width: 65%; }
  .uw-disabled-min-w-65p:disabled { min-width: 65%; }
  .uw-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  .uw-focus-within-min-w-65p:focus-within { min-width: 65%; }
  .uw-group:hover .uw-group-hover-min-w-65p { min-width: 65%; }
  .uw-max-w-65p { max-width: 65%; }
  .uw-hover-max-w-65p:hover { max-width: 65%; }
  .uw-focus-max-w-65p:focus { max-width: 65%; }
  .uw-active-max-w-65p:active { max-width: 65%; }
  .uw-disabled-max-w-65p:disabled { max-width: 65%; }
  .uw-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  .uw-focus-within-max-w-65p:focus-within { max-width: 65%; }
  .uw-group:hover .uw-group-hover-max-w-65p { max-width: 65%; }
  .uw-min-h-65p { min-height: 65%; }
  .uw-hover-min-h-65p:hover { min-height: 65%; }
  .uw-focus-min-h-65p:focus { min-height: 65%; }
  .uw-active-min-h-65p:active { min-height: 65%; }
  .uw-disabled-min-h-65p:disabled { min-height: 65%; }
  .uw-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  .uw-focus-within-min-h-65p:focus-within { min-height: 65%; }
  .uw-group:hover .uw-group-hover-min-h-65p { min-height: 65%; }
  .uw-max-h-65p { max-height: 65%; }
  .uw-hover-max-h-65p:hover { max-height: 65%; }
  .uw-focus-max-h-65p:focus { max-height: 65%; }
  .uw-active-max-h-65p:active { max-height: 65%; }
  .uw-disabled-max-h-65p:disabled { max-height: 65%; }
  .uw-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  .uw-focus-within-max-h-65p:focus-within { max-height: 65%; }
  .uw-group:hover .uw-group-hover-max-h-65p { max-height: 65%; }
  .uw-w-70p { width: 70%; }
  .uw-hover-w-70p:hover { width: 70%; }
  .uw-focus-w-70p:focus { width: 70%; }
  .uw-active-w-70p:active { width: 70%; }
  .uw-disabled-w-70p:disabled { width: 70%; }
  .uw-focus-visible-w-70p:focus-visible { width: 70%; }
  .uw-focus-within-w-70p:focus-within { width: 70%; }
  .uw-group:hover .uw-group-hover-w-70p { width: 70%; }
  .uw-h-70p { height: 70%; }
  .uw-hover-h-70p:hover { height: 70%; }
  .uw-focus-h-70p:focus { height: 70%; }
  .uw-active-h-70p:active { height: 70%; }
  .uw-disabled-h-70p:disabled { height: 70%; }
  .uw-focus-visible-h-70p:focus-visible { height: 70%; }
  .uw-focus-within-h-70p:focus-within { height: 70%; }
  .uw-group:hover .uw-group-hover-h-70p { height: 70%; }
  .uw-min-w-70p { min-width: 70%; }
  .uw-hover-min-w-70p:hover { min-width: 70%; }
  .uw-focus-min-w-70p:focus { min-width: 70%; }
  .uw-active-min-w-70p:active { min-width: 70%; }
  .uw-disabled-min-w-70p:disabled { min-width: 70%; }
  .uw-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  .uw-focus-within-min-w-70p:focus-within { min-width: 70%; }
  .uw-group:hover .uw-group-hover-min-w-70p { min-width: 70%; }
  .uw-max-w-70p { max-width: 70%; }
  .uw-hover-max-w-70p:hover { max-width: 70%; }
  .uw-focus-max-w-70p:focus { max-width: 70%; }
  .uw-active-max-w-70p:active { max-width: 70%; }
  .uw-disabled-max-w-70p:disabled { max-width: 70%; }
  .uw-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  .uw-focus-within-max-w-70p:focus-within { max-width: 70%; }
  .uw-group:hover .uw-group-hover-max-w-70p { max-width: 70%; }
  .uw-min-h-70p { min-height: 70%; }
  .uw-hover-min-h-70p:hover { min-height: 70%; }
  .uw-focus-min-h-70p:focus { min-height: 70%; }
  .uw-active-min-h-70p:active { min-height: 70%; }
  .uw-disabled-min-h-70p:disabled { min-height: 70%; }
  .uw-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  .uw-focus-within-min-h-70p:focus-within { min-height: 70%; }
  .uw-group:hover .uw-group-hover-min-h-70p { min-height: 70%; }
  .uw-max-h-70p { max-height: 70%; }
  .uw-hover-max-h-70p:hover { max-height: 70%; }
  .uw-focus-max-h-70p:focus { max-height: 70%; }
  .uw-active-max-h-70p:active { max-height: 70%; }
  .uw-disabled-max-h-70p:disabled { max-height: 70%; }
  .uw-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  .uw-focus-within-max-h-70p:focus-within { max-height: 70%; }
  .uw-group:hover .uw-group-hover-max-h-70p { max-height: 70%; }
  .uw-w-75p { width: 75%; }
  .uw-hover-w-75p:hover { width: 75%; }
  .uw-focus-w-75p:focus { width: 75%; }
  .uw-active-w-75p:active { width: 75%; }
  .uw-disabled-w-75p:disabled { width: 75%; }
  .uw-focus-visible-w-75p:focus-visible { width: 75%; }
  .uw-focus-within-w-75p:focus-within { width: 75%; }
  .uw-group:hover .uw-group-hover-w-75p { width: 75%; }
  .uw-h-75p { height: 75%; }
  .uw-hover-h-75p:hover { height: 75%; }
  .uw-focus-h-75p:focus { height: 75%; }
  .uw-active-h-75p:active { height: 75%; }
  .uw-disabled-h-75p:disabled { height: 75%; }
  .uw-focus-visible-h-75p:focus-visible { height: 75%; }
  .uw-focus-within-h-75p:focus-within { height: 75%; }
  .uw-group:hover .uw-group-hover-h-75p { height: 75%; }
  .uw-min-w-75p { min-width: 75%; }
  .uw-hover-min-w-75p:hover { min-width: 75%; }
  .uw-focus-min-w-75p:focus { min-width: 75%; }
  .uw-active-min-w-75p:active { min-width: 75%; }
  .uw-disabled-min-w-75p:disabled { min-width: 75%; }
  .uw-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  .uw-focus-within-min-w-75p:focus-within { min-width: 75%; }
  .uw-group:hover .uw-group-hover-min-w-75p { min-width: 75%; }
  .uw-max-w-75p { max-width: 75%; }
  .uw-hover-max-w-75p:hover { max-width: 75%; }
  .uw-focus-max-w-75p:focus { max-width: 75%; }
  .uw-active-max-w-75p:active { max-width: 75%; }
  .uw-disabled-max-w-75p:disabled { max-width: 75%; }
  .uw-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  .uw-focus-within-max-w-75p:focus-within { max-width: 75%; }
  .uw-group:hover .uw-group-hover-max-w-75p { max-width: 75%; }
  .uw-min-h-75p { min-height: 75%; }
  .uw-hover-min-h-75p:hover { min-height: 75%; }
  .uw-focus-min-h-75p:focus { min-height: 75%; }
  .uw-active-min-h-75p:active { min-height: 75%; }
  .uw-disabled-min-h-75p:disabled { min-height: 75%; }
  .uw-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  .uw-focus-within-min-h-75p:focus-within { min-height: 75%; }
  .uw-group:hover .uw-group-hover-min-h-75p { min-height: 75%; }
  .uw-max-h-75p { max-height: 75%; }
  .uw-hover-max-h-75p:hover { max-height: 75%; }
  .uw-focus-max-h-75p:focus { max-height: 75%; }
  .uw-active-max-h-75p:active { max-height: 75%; }
  .uw-disabled-max-h-75p:disabled { max-height: 75%; }
  .uw-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  .uw-focus-within-max-h-75p:focus-within { max-height: 75%; }
  .uw-group:hover .uw-group-hover-max-h-75p { max-height: 75%; }
  .uw-w-80p { width: 80%; }
  .uw-hover-w-80p:hover { width: 80%; }
  .uw-focus-w-80p:focus { width: 80%; }
  .uw-active-w-80p:active { width: 80%; }
  .uw-disabled-w-80p:disabled { width: 80%; }
  .uw-focus-visible-w-80p:focus-visible { width: 80%; }
  .uw-focus-within-w-80p:focus-within { width: 80%; }
  .uw-group:hover .uw-group-hover-w-80p { width: 80%; }
  .uw-h-80p { height: 80%; }
  .uw-hover-h-80p:hover { height: 80%; }
  .uw-focus-h-80p:focus { height: 80%; }
  .uw-active-h-80p:active { height: 80%; }
  .uw-disabled-h-80p:disabled { height: 80%; }
  .uw-focus-visible-h-80p:focus-visible { height: 80%; }
  .uw-focus-within-h-80p:focus-within { height: 80%; }
  .uw-group:hover .uw-group-hover-h-80p { height: 80%; }
  .uw-min-w-80p { min-width: 80%; }
  .uw-hover-min-w-80p:hover { min-width: 80%; }
  .uw-focus-min-w-80p:focus { min-width: 80%; }
  .uw-active-min-w-80p:active { min-width: 80%; }
  .uw-disabled-min-w-80p:disabled { min-width: 80%; }
  .uw-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  .uw-focus-within-min-w-80p:focus-within { min-width: 80%; }
  .uw-group:hover .uw-group-hover-min-w-80p { min-width: 80%; }
  .uw-max-w-80p { max-width: 80%; }
  .uw-hover-max-w-80p:hover { max-width: 80%; }
  .uw-focus-max-w-80p:focus { max-width: 80%; }
  .uw-active-max-w-80p:active { max-width: 80%; }
  .uw-disabled-max-w-80p:disabled { max-width: 80%; }
  .uw-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  .uw-focus-within-max-w-80p:focus-within { max-width: 80%; }
  .uw-group:hover .uw-group-hover-max-w-80p { max-width: 80%; }
  .uw-min-h-80p { min-height: 80%; }
  .uw-hover-min-h-80p:hover { min-height: 80%; }
  .uw-focus-min-h-80p:focus { min-height: 80%; }
  .uw-active-min-h-80p:active { min-height: 80%; }
  .uw-disabled-min-h-80p:disabled { min-height: 80%; }
  .uw-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  .uw-focus-within-min-h-80p:focus-within { min-height: 80%; }
  .uw-group:hover .uw-group-hover-min-h-80p { min-height: 80%; }
  .uw-max-h-80p { max-height: 80%; }
  .uw-hover-max-h-80p:hover { max-height: 80%; }
  .uw-focus-max-h-80p:focus { max-height: 80%; }
  .uw-active-max-h-80p:active { max-height: 80%; }
  .uw-disabled-max-h-80p:disabled { max-height: 80%; }
  .uw-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  .uw-focus-within-max-h-80p:focus-within { max-height: 80%; }
  .uw-group:hover .uw-group-hover-max-h-80p { max-height: 80%; }
  .uw-w-85p { width: 85%; }
  .uw-hover-w-85p:hover { width: 85%; }
  .uw-focus-w-85p:focus { width: 85%; }
  .uw-active-w-85p:active { width: 85%; }
  .uw-disabled-w-85p:disabled { width: 85%; }
  .uw-focus-visible-w-85p:focus-visible { width: 85%; }
  .uw-focus-within-w-85p:focus-within { width: 85%; }
  .uw-group:hover .uw-group-hover-w-85p { width: 85%; }
  .uw-h-85p { height: 85%; }
  .uw-hover-h-85p:hover { height: 85%; }
  .uw-focus-h-85p:focus { height: 85%; }
  .uw-active-h-85p:active { height: 85%; }
  .uw-disabled-h-85p:disabled { height: 85%; }
  .uw-focus-visible-h-85p:focus-visible { height: 85%; }
  .uw-focus-within-h-85p:focus-within { height: 85%; }
  .uw-group:hover .uw-group-hover-h-85p { height: 85%; }
  .uw-min-w-85p { min-width: 85%; }
  .uw-hover-min-w-85p:hover { min-width: 85%; }
  .uw-focus-min-w-85p:focus { min-width: 85%; }
  .uw-active-min-w-85p:active { min-width: 85%; }
  .uw-disabled-min-w-85p:disabled { min-width: 85%; }
  .uw-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  .uw-focus-within-min-w-85p:focus-within { min-width: 85%; }
  .uw-group:hover .uw-group-hover-min-w-85p { min-width: 85%; }
  .uw-max-w-85p { max-width: 85%; }
  .uw-hover-max-w-85p:hover { max-width: 85%; }
  .uw-focus-max-w-85p:focus { max-width: 85%; }
  .uw-active-max-w-85p:active { max-width: 85%; }
  .uw-disabled-max-w-85p:disabled { max-width: 85%; }
  .uw-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  .uw-focus-within-max-w-85p:focus-within { max-width: 85%; }
  .uw-group:hover .uw-group-hover-max-w-85p { max-width: 85%; }
  .uw-min-h-85p { min-height: 85%; }
  .uw-hover-min-h-85p:hover { min-height: 85%; }
  .uw-focus-min-h-85p:focus { min-height: 85%; }
  .uw-active-min-h-85p:active { min-height: 85%; }
  .uw-disabled-min-h-85p:disabled { min-height: 85%; }
  .uw-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  .uw-focus-within-min-h-85p:focus-within { min-height: 85%; }
  .uw-group:hover .uw-group-hover-min-h-85p { min-height: 85%; }
  .uw-max-h-85p { max-height: 85%; }
  .uw-hover-max-h-85p:hover { max-height: 85%; }
  .uw-focus-max-h-85p:focus { max-height: 85%; }
  .uw-active-max-h-85p:active { max-height: 85%; }
  .uw-disabled-max-h-85p:disabled { max-height: 85%; }
  .uw-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  .uw-focus-within-max-h-85p:focus-within { max-height: 85%; }
  .uw-group:hover .uw-group-hover-max-h-85p { max-height: 85%; }
  .uw-w-90p { width: 90%; }
  .uw-hover-w-90p:hover { width: 90%; }
  .uw-focus-w-90p:focus { width: 90%; }
  .uw-active-w-90p:active { width: 90%; }
  .uw-disabled-w-90p:disabled { width: 90%; }
  .uw-focus-visible-w-90p:focus-visible { width: 90%; }
  .uw-focus-within-w-90p:focus-within { width: 90%; }
  .uw-group:hover .uw-group-hover-w-90p { width: 90%; }
  .uw-h-90p { height: 90%; }
  .uw-hover-h-90p:hover { height: 90%; }
  .uw-focus-h-90p:focus { height: 90%; }
  .uw-active-h-90p:active { height: 90%; }
  .uw-disabled-h-90p:disabled { height: 90%; }
  .uw-focus-visible-h-90p:focus-visible { height: 90%; }
  .uw-focus-within-h-90p:focus-within { height: 90%; }
  .uw-group:hover .uw-group-hover-h-90p { height: 90%; }
  .uw-min-w-90p { min-width: 90%; }
  .uw-hover-min-w-90p:hover { min-width: 90%; }
  .uw-focus-min-w-90p:focus { min-width: 90%; }
  .uw-active-min-w-90p:active { min-width: 90%; }
  .uw-disabled-min-w-90p:disabled { min-width: 90%; }
  .uw-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  .uw-focus-within-min-w-90p:focus-within { min-width: 90%; }
  .uw-group:hover .uw-group-hover-min-w-90p { min-width: 90%; }
  .uw-max-w-90p { max-width: 90%; }
  .uw-hover-max-w-90p:hover { max-width: 90%; }
  .uw-focus-max-w-90p:focus { max-width: 90%; }
  .uw-active-max-w-90p:active { max-width: 90%; }
  .uw-disabled-max-w-90p:disabled { max-width: 90%; }
  .uw-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  .uw-focus-within-max-w-90p:focus-within { max-width: 90%; }
  .uw-group:hover .uw-group-hover-max-w-90p { max-width: 90%; }
  .uw-min-h-90p { min-height: 90%; }
  .uw-hover-min-h-90p:hover { min-height: 90%; }
  .uw-focus-min-h-90p:focus { min-height: 90%; }
  .uw-active-min-h-90p:active { min-height: 90%; }
  .uw-disabled-min-h-90p:disabled { min-height: 90%; }
  .uw-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  .uw-focus-within-min-h-90p:focus-within { min-height: 90%; }
  .uw-group:hover .uw-group-hover-min-h-90p { min-height: 90%; }
  .uw-max-h-90p { max-height: 90%; }
  .uw-hover-max-h-90p:hover { max-height: 90%; }
  .uw-focus-max-h-90p:focus { max-height: 90%; }
  .uw-active-max-h-90p:active { max-height: 90%; }
  .uw-disabled-max-h-90p:disabled { max-height: 90%; }
  .uw-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  .uw-focus-within-max-h-90p:focus-within { max-height: 90%; }
  .uw-group:hover .uw-group-hover-max-h-90p { max-height: 90%; }
  .uw-w-95p { width: 95%; }
  .uw-hover-w-95p:hover { width: 95%; }
  .uw-focus-w-95p:focus { width: 95%; }
  .uw-active-w-95p:active { width: 95%; }
  .uw-disabled-w-95p:disabled { width: 95%; }
  .uw-focus-visible-w-95p:focus-visible { width: 95%; }
  .uw-focus-within-w-95p:focus-within { width: 95%; }
  .uw-group:hover .uw-group-hover-w-95p { width: 95%; }
  .uw-h-95p { height: 95%; }
  .uw-hover-h-95p:hover { height: 95%; }
  .uw-focus-h-95p:focus { height: 95%; }
  .uw-active-h-95p:active { height: 95%; }
  .uw-disabled-h-95p:disabled { height: 95%; }
  .uw-focus-visible-h-95p:focus-visible { height: 95%; }
  .uw-focus-within-h-95p:focus-within { height: 95%; }
  .uw-group:hover .uw-group-hover-h-95p { height: 95%; }
  .uw-min-w-95p { min-width: 95%; }
  .uw-hover-min-w-95p:hover { min-width: 95%; }
  .uw-focus-min-w-95p:focus { min-width: 95%; }
  .uw-active-min-w-95p:active { min-width: 95%; }
  .uw-disabled-min-w-95p:disabled { min-width: 95%; }
  .uw-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  .uw-focus-within-min-w-95p:focus-within { min-width: 95%; }
  .uw-group:hover .uw-group-hover-min-w-95p { min-width: 95%; }
  .uw-max-w-95p { max-width: 95%; }
  .uw-hover-max-w-95p:hover { max-width: 95%; }
  .uw-focus-max-w-95p:focus { max-width: 95%; }
  .uw-active-max-w-95p:active { max-width: 95%; }
  .uw-disabled-max-w-95p:disabled { max-width: 95%; }
  .uw-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  .uw-focus-within-max-w-95p:focus-within { max-width: 95%; }
  .uw-group:hover .uw-group-hover-max-w-95p { max-width: 95%; }
  .uw-min-h-95p { min-height: 95%; }
  .uw-hover-min-h-95p:hover { min-height: 95%; }
  .uw-focus-min-h-95p:focus { min-height: 95%; }
  .uw-active-min-h-95p:active { min-height: 95%; }
  .uw-disabled-min-h-95p:disabled { min-height: 95%; }
  .uw-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  .uw-focus-within-min-h-95p:focus-within { min-height: 95%; }
  .uw-group:hover .uw-group-hover-min-h-95p { min-height: 95%; }
  .uw-max-h-95p { max-height: 95%; }
  .uw-hover-max-h-95p:hover { max-height: 95%; }
  .uw-focus-max-h-95p:focus { max-height: 95%; }
  .uw-active-max-h-95p:active { max-height: 95%; }
  .uw-disabled-max-h-95p:disabled { max-height: 95%; }
  .uw-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  .uw-focus-within-max-h-95p:focus-within { max-height: 95%; }
  .uw-group:hover .uw-group-hover-max-h-95p { max-height: 95%; }
  .uw-w-100p { width: 100%; }
  .uw-hover-w-100p:hover { width: 100%; }
  .uw-focus-w-100p:focus { width: 100%; }
  .uw-active-w-100p:active { width: 100%; }
  .uw-disabled-w-100p:disabled { width: 100%; }
  .uw-focus-visible-w-100p:focus-visible { width: 100%; }
  .uw-focus-within-w-100p:focus-within { width: 100%; }
  .uw-group:hover .uw-group-hover-w-100p { width: 100%; }
  .uw-h-100p { height: 100%; }
  .uw-hover-h-100p:hover { height: 100%; }
  .uw-focus-h-100p:focus { height: 100%; }
  .uw-active-h-100p:active { height: 100%; }
  .uw-disabled-h-100p:disabled { height: 100%; }
  .uw-focus-visible-h-100p:focus-visible { height: 100%; }
  .uw-focus-within-h-100p:focus-within { height: 100%; }
  .uw-group:hover .uw-group-hover-h-100p { height: 100%; }
  .uw-min-w-100p { min-width: 100%; }
  .uw-hover-min-w-100p:hover { min-width: 100%; }
  .uw-focus-min-w-100p:focus { min-width: 100%; }
  .uw-active-min-w-100p:active { min-width: 100%; }
  .uw-disabled-min-w-100p:disabled { min-width: 100%; }
  .uw-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  .uw-focus-within-min-w-100p:focus-within { min-width: 100%; }
  .uw-group:hover .uw-group-hover-min-w-100p { min-width: 100%; }
  .uw-max-w-100p { max-width: 100%; }
  .uw-hover-max-w-100p:hover { max-width: 100%; }
  .uw-focus-max-w-100p:focus { max-width: 100%; }
  .uw-active-max-w-100p:active { max-width: 100%; }
  .uw-disabled-max-w-100p:disabled { max-width: 100%; }
  .uw-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  .uw-focus-within-max-w-100p:focus-within { max-width: 100%; }
  .uw-group:hover .uw-group-hover-max-w-100p { max-width: 100%; }
  .uw-min-h-100p { min-height: 100%; }
  .uw-hover-min-h-100p:hover { min-height: 100%; }
  .uw-focus-min-h-100p:focus { min-height: 100%; }
  .uw-active-min-h-100p:active { min-height: 100%; }
  .uw-disabled-min-h-100p:disabled { min-height: 100%; }
  .uw-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  .uw-focus-within-min-h-100p:focus-within { min-height: 100%; }
  .uw-group:hover .uw-group-hover-min-h-100p { min-height: 100%; }
  .uw-max-h-100p { max-height: 100%; }
  .uw-hover-max-h-100p:hover { max-height: 100%; }
  .uw-focus-max-h-100p:focus { max-height: 100%; }
  .uw-active-max-h-100p:active { max-height: 100%; }
  .uw-disabled-max-h-100p:disabled { max-height: 100%; }
  .uw-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  .uw-focus-within-max-h-100p:focus-within { max-height: 100%; }
  .uw-group:hover .uw-group-hover-max-h-100p { max-height: 100%; }
  .uw-w-10vw { width: 10vw; }
  .uw-hover-w-10vw:hover { width: 10vw; }
  .uw-focus-w-10vw:focus { width: 10vw; }
  .uw-active-w-10vw:active { width: 10vw; }
  .uw-disabled-w-10vw:disabled { width: 10vw; }
  .uw-focus-visible-w-10vw:focus-visible { width: 10vw; }
  .uw-focus-within-w-10vw:focus-within { width: 10vw; }
  .uw-group:hover .uw-group-hover-w-10vw { width: 10vw; }
  .uw-h-10vw { height: 10vw; }
  .uw-hover-h-10vw:hover { height: 10vw; }
  .uw-focus-h-10vw:focus { height: 10vw; }
  .uw-active-h-10vw:active { height: 10vw; }
  .uw-disabled-h-10vw:disabled { height: 10vw; }
  .uw-focus-visible-h-10vw:focus-visible { height: 10vw; }
  .uw-focus-within-h-10vw:focus-within { height: 10vw; }
  .uw-group:hover .uw-group-hover-h-10vw { height: 10vw; }
  .uw-min-w-10vw { min-width: 10vw; }
  .uw-hover-min-w-10vw:hover { min-width: 10vw; }
  .uw-focus-min-w-10vw:focus { min-width: 10vw; }
  .uw-active-min-w-10vw:active { min-width: 10vw; }
  .uw-disabled-min-w-10vw:disabled { min-width: 10vw; }
  .uw-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  .uw-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  .uw-group:hover .uw-group-hover-min-w-10vw { min-width: 10vw; }
  .uw-max-w-10vw { max-width: 10vw; }
  .uw-hover-max-w-10vw:hover { max-width: 10vw; }
  .uw-focus-max-w-10vw:focus { max-width: 10vw; }
  .uw-active-max-w-10vw:active { max-width: 10vw; }
  .uw-disabled-max-w-10vw:disabled { max-width: 10vw; }
  .uw-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  .uw-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  .uw-group:hover .uw-group-hover-max-w-10vw { max-width: 10vw; }
  .uw-min-h-10vw { min-height: 10vw; }
  .uw-hover-min-h-10vw:hover { min-height: 10vw; }
  .uw-focus-min-h-10vw:focus { min-height: 10vw; }
  .uw-active-min-h-10vw:active { min-height: 10vw; }
  .uw-disabled-min-h-10vw:disabled { min-height: 10vw; }
  .uw-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  .uw-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  .uw-group:hover .uw-group-hover-min-h-10vw { min-height: 10vw; }
  .uw-max-h-10vw { max-height: 10vw; }
  .uw-hover-max-h-10vw:hover { max-height: 10vw; }
  .uw-focus-max-h-10vw:focus { max-height: 10vw; }
  .uw-active-max-h-10vw:active { max-height: 10vw; }
  .uw-disabled-max-h-10vw:disabled { max-height: 10vw; }
  .uw-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  .uw-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  .uw-group:hover .uw-group-hover-max-h-10vw { max-height: 10vw; }
  .uw-w-20vw { width: 20vw; }
  .uw-hover-w-20vw:hover { width: 20vw; }
  .uw-focus-w-20vw:focus { width: 20vw; }
  .uw-active-w-20vw:active { width: 20vw; }
  .uw-disabled-w-20vw:disabled { width: 20vw; }
  .uw-focus-visible-w-20vw:focus-visible { width: 20vw; }
  .uw-focus-within-w-20vw:focus-within { width: 20vw; }
  .uw-group:hover .uw-group-hover-w-20vw { width: 20vw; }
  .uw-h-20vw { height: 20vw; }
  .uw-hover-h-20vw:hover { height: 20vw; }
  .uw-focus-h-20vw:focus { height: 20vw; }
  .uw-active-h-20vw:active { height: 20vw; }
  .uw-disabled-h-20vw:disabled { height: 20vw; }
  .uw-focus-visible-h-20vw:focus-visible { height: 20vw; }
  .uw-focus-within-h-20vw:focus-within { height: 20vw; }
  .uw-group:hover .uw-group-hover-h-20vw { height: 20vw; }
  .uw-min-w-20vw { min-width: 20vw; }
  .uw-hover-min-w-20vw:hover { min-width: 20vw; }
  .uw-focus-min-w-20vw:focus { min-width: 20vw; }
  .uw-active-min-w-20vw:active { min-width: 20vw; }
  .uw-disabled-min-w-20vw:disabled { min-width: 20vw; }
  .uw-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  .uw-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  .uw-group:hover .uw-group-hover-min-w-20vw { min-width: 20vw; }
  .uw-max-w-20vw { max-width: 20vw; }
  .uw-hover-max-w-20vw:hover { max-width: 20vw; }
  .uw-focus-max-w-20vw:focus { max-width: 20vw; }
  .uw-active-max-w-20vw:active { max-width: 20vw; }
  .uw-disabled-max-w-20vw:disabled { max-width: 20vw; }
  .uw-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  .uw-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  .uw-group:hover .uw-group-hover-max-w-20vw { max-width: 20vw; }
  .uw-min-h-20vw { min-height: 20vw; }
  .uw-hover-min-h-20vw:hover { min-height: 20vw; }
  .uw-focus-min-h-20vw:focus { min-height: 20vw; }
  .uw-active-min-h-20vw:active { min-height: 20vw; }
  .uw-disabled-min-h-20vw:disabled { min-height: 20vw; }
  .uw-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  .uw-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  .uw-group:hover .uw-group-hover-min-h-20vw { min-height: 20vw; }
  .uw-max-h-20vw { max-height: 20vw; }
  .uw-hover-max-h-20vw:hover { max-height: 20vw; }
  .uw-focus-max-h-20vw:focus { max-height: 20vw; }
  .uw-active-max-h-20vw:active { max-height: 20vw; }
  .uw-disabled-max-h-20vw:disabled { max-height: 20vw; }
  .uw-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  .uw-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  .uw-group:hover .uw-group-hover-max-h-20vw { max-height: 20vw; }
  .uw-w-30vw { width: 30vw; }
  .uw-hover-w-30vw:hover { width: 30vw; }
  .uw-focus-w-30vw:focus { width: 30vw; }
  .uw-active-w-30vw:active { width: 30vw; }
  .uw-disabled-w-30vw:disabled { width: 30vw; }
  .uw-focus-visible-w-30vw:focus-visible { width: 30vw; }
  .uw-focus-within-w-30vw:focus-within { width: 30vw; }
  .uw-group:hover .uw-group-hover-w-30vw { width: 30vw; }
  .uw-h-30vw { height: 30vw; }
  .uw-hover-h-30vw:hover { height: 30vw; }
  .uw-focus-h-30vw:focus { height: 30vw; }
  .uw-active-h-30vw:active { height: 30vw; }
  .uw-disabled-h-30vw:disabled { height: 30vw; }
  .uw-focus-visible-h-30vw:focus-visible { height: 30vw; }
  .uw-focus-within-h-30vw:focus-within { height: 30vw; }
  .uw-group:hover .uw-group-hover-h-30vw { height: 30vw; }
  .uw-min-w-30vw { min-width: 30vw; }
  .uw-hover-min-w-30vw:hover { min-width: 30vw; }
  .uw-focus-min-w-30vw:focus { min-width: 30vw; }
  .uw-active-min-w-30vw:active { min-width: 30vw; }
  .uw-disabled-min-w-30vw:disabled { min-width: 30vw; }
  .uw-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  .uw-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  .uw-group:hover .uw-group-hover-min-w-30vw { min-width: 30vw; }
  .uw-max-w-30vw { max-width: 30vw; }
  .uw-hover-max-w-30vw:hover { max-width: 30vw; }
  .uw-focus-max-w-30vw:focus { max-width: 30vw; }
  .uw-active-max-w-30vw:active { max-width: 30vw; }
  .uw-disabled-max-w-30vw:disabled { max-width: 30vw; }
  .uw-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  .uw-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  .uw-group:hover .uw-group-hover-max-w-30vw { max-width: 30vw; }
  .uw-min-h-30vw { min-height: 30vw; }
  .uw-hover-min-h-30vw:hover { min-height: 30vw; }
  .uw-focus-min-h-30vw:focus { min-height: 30vw; }
  .uw-active-min-h-30vw:active { min-height: 30vw; }
  .uw-disabled-min-h-30vw:disabled { min-height: 30vw; }
  .uw-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  .uw-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  .uw-group:hover .uw-group-hover-min-h-30vw { min-height: 30vw; }
  .uw-max-h-30vw { max-height: 30vw; }
  .uw-hover-max-h-30vw:hover { max-height: 30vw; }
  .uw-focus-max-h-30vw:focus { max-height: 30vw; }
  .uw-active-max-h-30vw:active { max-height: 30vw; }
  .uw-disabled-max-h-30vw:disabled { max-height: 30vw; }
  .uw-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  .uw-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  .uw-group:hover .uw-group-hover-max-h-30vw { max-height: 30vw; }
  .uw-w-40vw { width: 40vw; }
  .uw-hover-w-40vw:hover { width: 40vw; }
  .uw-focus-w-40vw:focus { width: 40vw; }
  .uw-active-w-40vw:active { width: 40vw; }
  .uw-disabled-w-40vw:disabled { width: 40vw; }
  .uw-focus-visible-w-40vw:focus-visible { width: 40vw; }
  .uw-focus-within-w-40vw:focus-within { width: 40vw; }
  .uw-group:hover .uw-group-hover-w-40vw { width: 40vw; }
  .uw-h-40vw { height: 40vw; }
  .uw-hover-h-40vw:hover { height: 40vw; }
  .uw-focus-h-40vw:focus { height: 40vw; }
  .uw-active-h-40vw:active { height: 40vw; }
  .uw-disabled-h-40vw:disabled { height: 40vw; }
  .uw-focus-visible-h-40vw:focus-visible { height: 40vw; }
  .uw-focus-within-h-40vw:focus-within { height: 40vw; }
  .uw-group:hover .uw-group-hover-h-40vw { height: 40vw; }
  .uw-min-w-40vw { min-width: 40vw; }
  .uw-hover-min-w-40vw:hover { min-width: 40vw; }
  .uw-focus-min-w-40vw:focus { min-width: 40vw; }
  .uw-active-min-w-40vw:active { min-width: 40vw; }
  .uw-disabled-min-w-40vw:disabled { min-width: 40vw; }
  .uw-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  .uw-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  .uw-group:hover .uw-group-hover-min-w-40vw { min-width: 40vw; }
  .uw-max-w-40vw { max-width: 40vw; }
  .uw-hover-max-w-40vw:hover { max-width: 40vw; }
  .uw-focus-max-w-40vw:focus { max-width: 40vw; }
  .uw-active-max-w-40vw:active { max-width: 40vw; }
  .uw-disabled-max-w-40vw:disabled { max-width: 40vw; }
  .uw-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  .uw-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  .uw-group:hover .uw-group-hover-max-w-40vw { max-width: 40vw; }
  .uw-min-h-40vw { min-height: 40vw; }
  .uw-hover-min-h-40vw:hover { min-height: 40vw; }
  .uw-focus-min-h-40vw:focus { min-height: 40vw; }
  .uw-active-min-h-40vw:active { min-height: 40vw; }
  .uw-disabled-min-h-40vw:disabled { min-height: 40vw; }
  .uw-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  .uw-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  .uw-group:hover .uw-group-hover-min-h-40vw { min-height: 40vw; }
  .uw-max-h-40vw { max-height: 40vw; }
  .uw-hover-max-h-40vw:hover { max-height: 40vw; }
  .uw-focus-max-h-40vw:focus { max-height: 40vw; }
  .uw-active-max-h-40vw:active { max-height: 40vw; }
  .uw-disabled-max-h-40vw:disabled { max-height: 40vw; }
  .uw-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  .uw-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  .uw-group:hover .uw-group-hover-max-h-40vw { max-height: 40vw; }
  .uw-w-50vw { width: 50vw; }
  .uw-hover-w-50vw:hover { width: 50vw; }
  .uw-focus-w-50vw:focus { width: 50vw; }
  .uw-active-w-50vw:active { width: 50vw; }
  .uw-disabled-w-50vw:disabled { width: 50vw; }
  .uw-focus-visible-w-50vw:focus-visible { width: 50vw; }
  .uw-focus-within-w-50vw:focus-within { width: 50vw; }
  .uw-group:hover .uw-group-hover-w-50vw { width: 50vw; }
  .uw-h-50vw { height: 50vw; }
  .uw-hover-h-50vw:hover { height: 50vw; }
  .uw-focus-h-50vw:focus { height: 50vw; }
  .uw-active-h-50vw:active { height: 50vw; }
  .uw-disabled-h-50vw:disabled { height: 50vw; }
  .uw-focus-visible-h-50vw:focus-visible { height: 50vw; }
  .uw-focus-within-h-50vw:focus-within { height: 50vw; }
  .uw-group:hover .uw-group-hover-h-50vw { height: 50vw; }
  .uw-min-w-50vw { min-width: 50vw; }
  .uw-hover-min-w-50vw:hover { min-width: 50vw; }
  .uw-focus-min-w-50vw:focus { min-width: 50vw; }
  .uw-active-min-w-50vw:active { min-width: 50vw; }
  .uw-disabled-min-w-50vw:disabled { min-width: 50vw; }
  .uw-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  .uw-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  .uw-group:hover .uw-group-hover-min-w-50vw { min-width: 50vw; }
  .uw-max-w-50vw { max-width: 50vw; }
  .uw-hover-max-w-50vw:hover { max-width: 50vw; }
  .uw-focus-max-w-50vw:focus { max-width: 50vw; }
  .uw-active-max-w-50vw:active { max-width: 50vw; }
  .uw-disabled-max-w-50vw:disabled { max-width: 50vw; }
  .uw-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  .uw-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  .uw-group:hover .uw-group-hover-max-w-50vw { max-width: 50vw; }
  .uw-min-h-50vw { min-height: 50vw; }
  .uw-hover-min-h-50vw:hover { min-height: 50vw; }
  .uw-focus-min-h-50vw:focus { min-height: 50vw; }
  .uw-active-min-h-50vw:active { min-height: 50vw; }
  .uw-disabled-min-h-50vw:disabled { min-height: 50vw; }
  .uw-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  .uw-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  .uw-group:hover .uw-group-hover-min-h-50vw { min-height: 50vw; }
  .uw-max-h-50vw { max-height: 50vw; }
  .uw-hover-max-h-50vw:hover { max-height: 50vw; }
  .uw-focus-max-h-50vw:focus { max-height: 50vw; }
  .uw-active-max-h-50vw:active { max-height: 50vw; }
  .uw-disabled-max-h-50vw:disabled { max-height: 50vw; }
  .uw-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  .uw-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  .uw-group:hover .uw-group-hover-max-h-50vw { max-height: 50vw; }
  .uw-w-60vw { width: 60vw; }
  .uw-hover-w-60vw:hover { width: 60vw; }
  .uw-focus-w-60vw:focus { width: 60vw; }
  .uw-active-w-60vw:active { width: 60vw; }
  .uw-disabled-w-60vw:disabled { width: 60vw; }
  .uw-focus-visible-w-60vw:focus-visible { width: 60vw; }
  .uw-focus-within-w-60vw:focus-within { width: 60vw; }
  .uw-group:hover .uw-group-hover-w-60vw { width: 60vw; }
  .uw-h-60vw { height: 60vw; }
  .uw-hover-h-60vw:hover { height: 60vw; }
  .uw-focus-h-60vw:focus { height: 60vw; }
  .uw-active-h-60vw:active { height: 60vw; }
  .uw-disabled-h-60vw:disabled { height: 60vw; }
  .uw-focus-visible-h-60vw:focus-visible { height: 60vw; }
  .uw-focus-within-h-60vw:focus-within { height: 60vw; }
  .uw-group:hover .uw-group-hover-h-60vw { height: 60vw; }
  .uw-min-w-60vw { min-width: 60vw; }
  .uw-hover-min-w-60vw:hover { min-width: 60vw; }
  .uw-focus-min-w-60vw:focus { min-width: 60vw; }
  .uw-active-min-w-60vw:active { min-width: 60vw; }
  .uw-disabled-min-w-60vw:disabled { min-width: 60vw; }
  .uw-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  .uw-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  .uw-group:hover .uw-group-hover-min-w-60vw { min-width: 60vw; }
  .uw-max-w-60vw { max-width: 60vw; }
  .uw-hover-max-w-60vw:hover { max-width: 60vw; }
  .uw-focus-max-w-60vw:focus { max-width: 60vw; }
  .uw-active-max-w-60vw:active { max-width: 60vw; }
  .uw-disabled-max-w-60vw:disabled { max-width: 60vw; }
  .uw-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  .uw-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  .uw-group:hover .uw-group-hover-max-w-60vw { max-width: 60vw; }
  .uw-min-h-60vw { min-height: 60vw; }
  .uw-hover-min-h-60vw:hover { min-height: 60vw; }
  .uw-focus-min-h-60vw:focus { min-height: 60vw; }
  .uw-active-min-h-60vw:active { min-height: 60vw; }
  .uw-disabled-min-h-60vw:disabled { min-height: 60vw; }
  .uw-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  .uw-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  .uw-group:hover .uw-group-hover-min-h-60vw { min-height: 60vw; }
  .uw-max-h-60vw { max-height: 60vw; }
  .uw-hover-max-h-60vw:hover { max-height: 60vw; }
  .uw-focus-max-h-60vw:focus { max-height: 60vw; }
  .uw-active-max-h-60vw:active { max-height: 60vw; }
  .uw-disabled-max-h-60vw:disabled { max-height: 60vw; }
  .uw-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  .uw-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  .uw-group:hover .uw-group-hover-max-h-60vw { max-height: 60vw; }
  .uw-w-70vw { width: 70vw; }
  .uw-hover-w-70vw:hover { width: 70vw; }
  .uw-focus-w-70vw:focus { width: 70vw; }
  .uw-active-w-70vw:active { width: 70vw; }
  .uw-disabled-w-70vw:disabled { width: 70vw; }
  .uw-focus-visible-w-70vw:focus-visible { width: 70vw; }
  .uw-focus-within-w-70vw:focus-within { width: 70vw; }
  .uw-group:hover .uw-group-hover-w-70vw { width: 70vw; }
  .uw-h-70vw { height: 70vw; }
  .uw-hover-h-70vw:hover { height: 70vw; }
  .uw-focus-h-70vw:focus { height: 70vw; }
  .uw-active-h-70vw:active { height: 70vw; }
  .uw-disabled-h-70vw:disabled { height: 70vw; }
  .uw-focus-visible-h-70vw:focus-visible { height: 70vw; }
  .uw-focus-within-h-70vw:focus-within { height: 70vw; }
  .uw-group:hover .uw-group-hover-h-70vw { height: 70vw; }
  .uw-min-w-70vw { min-width: 70vw; }
  .uw-hover-min-w-70vw:hover { min-width: 70vw; }
  .uw-focus-min-w-70vw:focus { min-width: 70vw; }
  .uw-active-min-w-70vw:active { min-width: 70vw; }
  .uw-disabled-min-w-70vw:disabled { min-width: 70vw; }
  .uw-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  .uw-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  .uw-group:hover .uw-group-hover-min-w-70vw { min-width: 70vw; }
  .uw-max-w-70vw { max-width: 70vw; }
  .uw-hover-max-w-70vw:hover { max-width: 70vw; }
  .uw-focus-max-w-70vw:focus { max-width: 70vw; }
  .uw-active-max-w-70vw:active { max-width: 70vw; }
  .uw-disabled-max-w-70vw:disabled { max-width: 70vw; }
  .uw-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  .uw-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  .uw-group:hover .uw-group-hover-max-w-70vw { max-width: 70vw; }
  .uw-min-h-70vw { min-height: 70vw; }
  .uw-hover-min-h-70vw:hover { min-height: 70vw; }
  .uw-focus-min-h-70vw:focus { min-height: 70vw; }
  .uw-active-min-h-70vw:active { min-height: 70vw; }
  .uw-disabled-min-h-70vw:disabled { min-height: 70vw; }
  .uw-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  .uw-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  .uw-group:hover .uw-group-hover-min-h-70vw { min-height: 70vw; }
  .uw-max-h-70vw { max-height: 70vw; }
  .uw-hover-max-h-70vw:hover { max-height: 70vw; }
  .uw-focus-max-h-70vw:focus { max-height: 70vw; }
  .uw-active-max-h-70vw:active { max-height: 70vw; }
  .uw-disabled-max-h-70vw:disabled { max-height: 70vw; }
  .uw-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  .uw-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  .uw-group:hover .uw-group-hover-max-h-70vw { max-height: 70vw; }
  .uw-w-80vw { width: 80vw; }
  .uw-hover-w-80vw:hover { width: 80vw; }
  .uw-focus-w-80vw:focus { width: 80vw; }
  .uw-active-w-80vw:active { width: 80vw; }
  .uw-disabled-w-80vw:disabled { width: 80vw; }
  .uw-focus-visible-w-80vw:focus-visible { width: 80vw; }
  .uw-focus-within-w-80vw:focus-within { width: 80vw; }
  .uw-group:hover .uw-group-hover-w-80vw { width: 80vw; }
  .uw-h-80vw { height: 80vw; }
  .uw-hover-h-80vw:hover { height: 80vw; }
  .uw-focus-h-80vw:focus { height: 80vw; }
  .uw-active-h-80vw:active { height: 80vw; }
  .uw-disabled-h-80vw:disabled { height: 80vw; }
  .uw-focus-visible-h-80vw:focus-visible { height: 80vw; }
  .uw-focus-within-h-80vw:focus-within { height: 80vw; }
  .uw-group:hover .uw-group-hover-h-80vw { height: 80vw; }
  .uw-min-w-80vw { min-width: 80vw; }
  .uw-hover-min-w-80vw:hover { min-width: 80vw; }
  .uw-focus-min-w-80vw:focus { min-width: 80vw; }
  .uw-active-min-w-80vw:active { min-width: 80vw; }
  .uw-disabled-min-w-80vw:disabled { min-width: 80vw; }
  .uw-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  .uw-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  .uw-group:hover .uw-group-hover-min-w-80vw { min-width: 80vw; }
  .uw-max-w-80vw { max-width: 80vw; }
  .uw-hover-max-w-80vw:hover { max-width: 80vw; }
  .uw-focus-max-w-80vw:focus { max-width: 80vw; }
  .uw-active-max-w-80vw:active { max-width: 80vw; }
  .uw-disabled-max-w-80vw:disabled { max-width: 80vw; }
  .uw-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  .uw-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  .uw-group:hover .uw-group-hover-max-w-80vw { max-width: 80vw; }
  .uw-min-h-80vw { min-height: 80vw; }
  .uw-hover-min-h-80vw:hover { min-height: 80vw; }
  .uw-focus-min-h-80vw:focus { min-height: 80vw; }
  .uw-active-min-h-80vw:active { min-height: 80vw; }
  .uw-disabled-min-h-80vw:disabled { min-height: 80vw; }
  .uw-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  .uw-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  .uw-group:hover .uw-group-hover-min-h-80vw { min-height: 80vw; }
  .uw-max-h-80vw { max-height: 80vw; }
  .uw-hover-max-h-80vw:hover { max-height: 80vw; }
  .uw-focus-max-h-80vw:focus { max-height: 80vw; }
  .uw-active-max-h-80vw:active { max-height: 80vw; }
  .uw-disabled-max-h-80vw:disabled { max-height: 80vw; }
  .uw-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  .uw-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  .uw-group:hover .uw-group-hover-max-h-80vw { max-height: 80vw; }
  .uw-w-90vw { width: 90vw; }
  .uw-hover-w-90vw:hover { width: 90vw; }
  .uw-focus-w-90vw:focus { width: 90vw; }
  .uw-active-w-90vw:active { width: 90vw; }
  .uw-disabled-w-90vw:disabled { width: 90vw; }
  .uw-focus-visible-w-90vw:focus-visible { width: 90vw; }
  .uw-focus-within-w-90vw:focus-within { width: 90vw; }
  .uw-group:hover .uw-group-hover-w-90vw { width: 90vw; }
  .uw-h-90vw { height: 90vw; }
  .uw-hover-h-90vw:hover { height: 90vw; }
  .uw-focus-h-90vw:focus { height: 90vw; }
  .uw-active-h-90vw:active { height: 90vw; }
  .uw-disabled-h-90vw:disabled { height: 90vw; }
  .uw-focus-visible-h-90vw:focus-visible { height: 90vw; }
  .uw-focus-within-h-90vw:focus-within { height: 90vw; }
  .uw-group:hover .uw-group-hover-h-90vw { height: 90vw; }
  .uw-min-w-90vw { min-width: 90vw; }
  .uw-hover-min-w-90vw:hover { min-width: 90vw; }
  .uw-focus-min-w-90vw:focus { min-width: 90vw; }
  .uw-active-min-w-90vw:active { min-width: 90vw; }
  .uw-disabled-min-w-90vw:disabled { min-width: 90vw; }
  .uw-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  .uw-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  .uw-group:hover .uw-group-hover-min-w-90vw { min-width: 90vw; }
  .uw-max-w-90vw { max-width: 90vw; }
  .uw-hover-max-w-90vw:hover { max-width: 90vw; }
  .uw-focus-max-w-90vw:focus { max-width: 90vw; }
  .uw-active-max-w-90vw:active { max-width: 90vw; }
  .uw-disabled-max-w-90vw:disabled { max-width: 90vw; }
  .uw-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  .uw-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  .uw-group:hover .uw-group-hover-max-w-90vw { max-width: 90vw; }
  .uw-min-h-90vw { min-height: 90vw; }
  .uw-hover-min-h-90vw:hover { min-height: 90vw; }
  .uw-focus-min-h-90vw:focus { min-height: 90vw; }
  .uw-active-min-h-90vw:active { min-height: 90vw; }
  .uw-disabled-min-h-90vw:disabled { min-height: 90vw; }
  .uw-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  .uw-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  .uw-group:hover .uw-group-hover-min-h-90vw { min-height: 90vw; }
  .uw-max-h-90vw { max-height: 90vw; }
  .uw-hover-max-h-90vw:hover { max-height: 90vw; }
  .uw-focus-max-h-90vw:focus { max-height: 90vw; }
  .uw-active-max-h-90vw:active { max-height: 90vw; }
  .uw-disabled-max-h-90vw:disabled { max-height: 90vw; }
  .uw-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  .uw-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  .uw-group:hover .uw-group-hover-max-h-90vw { max-height: 90vw; }
  .uw-w-100vw { width: 100vw; }
  .uw-hover-w-100vw:hover { width: 100vw; }
  .uw-focus-w-100vw:focus { width: 100vw; }
  .uw-active-w-100vw:active { width: 100vw; }
  .uw-disabled-w-100vw:disabled { width: 100vw; }
  .uw-focus-visible-w-100vw:focus-visible { width: 100vw; }
  .uw-focus-within-w-100vw:focus-within { width: 100vw; }
  .uw-group:hover .uw-group-hover-w-100vw { width: 100vw; }
  .uw-h-100vw { height: 100vw; }
  .uw-hover-h-100vw:hover { height: 100vw; }
  .uw-focus-h-100vw:focus { height: 100vw; }
  .uw-active-h-100vw:active { height: 100vw; }
  .uw-disabled-h-100vw:disabled { height: 100vw; }
  .uw-focus-visible-h-100vw:focus-visible { height: 100vw; }
  .uw-focus-within-h-100vw:focus-within { height: 100vw; }
  .uw-group:hover .uw-group-hover-h-100vw { height: 100vw; }
  .uw-min-w-100vw { min-width: 100vw; }
  .uw-hover-min-w-100vw:hover { min-width: 100vw; }
  .uw-focus-min-w-100vw:focus { min-width: 100vw; }
  .uw-active-min-w-100vw:active { min-width: 100vw; }
  .uw-disabled-min-w-100vw:disabled { min-width: 100vw; }
  .uw-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  .uw-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  .uw-group:hover .uw-group-hover-min-w-100vw { min-width: 100vw; }
  .uw-max-w-100vw { max-width: 100vw; }
  .uw-hover-max-w-100vw:hover { max-width: 100vw; }
  .uw-focus-max-w-100vw:focus { max-width: 100vw; }
  .uw-active-max-w-100vw:active { max-width: 100vw; }
  .uw-disabled-max-w-100vw:disabled { max-width: 100vw; }
  .uw-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  .uw-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  .uw-group:hover .uw-group-hover-max-w-100vw { max-width: 100vw; }
  .uw-min-h-100vw { min-height: 100vw; }
  .uw-hover-min-h-100vw:hover { min-height: 100vw; }
  .uw-focus-min-h-100vw:focus { min-height: 100vw; }
  .uw-active-min-h-100vw:active { min-height: 100vw; }
  .uw-disabled-min-h-100vw:disabled { min-height: 100vw; }
  .uw-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  .uw-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  .uw-group:hover .uw-group-hover-min-h-100vw { min-height: 100vw; }
  .uw-max-h-100vw { max-height: 100vw; }
  .uw-hover-max-h-100vw:hover { max-height: 100vw; }
  .uw-focus-max-h-100vw:focus { max-height: 100vw; }
  .uw-active-max-h-100vw:active { max-height: 100vw; }
  .uw-disabled-max-h-100vw:disabled { max-height: 100vw; }
  .uw-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  .uw-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  .uw-group:hover .uw-group-hover-max-h-100vw { max-height: 100vw; }
  .uw-w-fit { width: fit-content; }
  .uw-hover-w-fit:hover { width: fit-content; }
  .uw-focus-w-fit:focus { width: fit-content; }
  .uw-active-w-fit:active { width: fit-content; }
  .uw-disabled-w-fit:disabled { width: fit-content; }
  .uw-focus-visible-w-fit:focus-visible { width: fit-content; }
  .uw-focus-within-w-fit:focus-within { width: fit-content; }
  .uw-group:hover .uw-group-hover-w-fit { width: fit-content; }
  .uw-w-max { width: max-content; }
  .uw-hover-w-max:hover { width: max-content; }
  .uw-focus-w-max:focus { width: max-content; }
  .uw-active-w-max:active { width: max-content; }
  .uw-disabled-w-max:disabled { width: max-content; }
  .uw-focus-visible-w-max:focus-visible { width: max-content; }
  .uw-focus-within-w-max:focus-within { width: max-content; }
  .uw-group:hover .uw-group-hover-w-max { width: max-content; }
  .uw-w-min { width: min-content; }
  .uw-hover-w-min:hover { width: min-content; }
  .uw-focus-w-min:focus { width: min-content; }
  .uw-active-w-min:active { width: min-content; }
  .uw-disabled-w-min:disabled { width: min-content; }
  .uw-focus-visible-w-min:focus-visible { width: min-content; }
  .uw-focus-within-w-min:focus-within { width: min-content; }
  .uw-group:hover .uw-group-hover-w-min { width: min-content; }
  .uw-w-minmax { width: minmax(0, 100%); }
  .uw-hover-w-minmax:hover { width: minmax(0, 100%); }
  .uw-focus-w-minmax:focus { width: minmax(0, 100%); }
  .uw-active-w-minmax:active { width: minmax(0, 100%); }
  .uw-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  .uw-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  .uw-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-w-minmax { width: minmax(0, 100%); }
  .uw-w-full { width: 100%; }
  .uw-hover-w-full:hover { width: 100%; }
  .uw-focus-w-full:focus { width: 100%; }
  .uw-active-w-full:active { width: 100%; }
  .uw-disabled-w-full:disabled { width: 100%; }
  .uw-focus-visible-w-full:focus-visible { width: 100%; }
  .uw-focus-within-w-full:focus-within { width: 100%; }
  .uw-group:hover .uw-group-hover-w-full { width: 100%; }
  .uw-w-screen { width: 100vw; }
  .uw-hover-w-screen:hover { width: 100vw; }
  .uw-focus-w-screen:focus { width: 100vw; }
  .uw-active-w-screen:active { width: 100vw; }
  .uw-disabled-w-screen:disabled { width: 100vw; }
  .uw-focus-visible-w-screen:focus-visible { width: 100vw; }
  .uw-focus-within-w-screen:focus-within { width: 100vw; }
  .uw-group:hover .uw-group-hover-w-screen { width: 100vw; }
  .uw-h-fit { height: fit-content; }
  .uw-hover-h-fit:hover { height: fit-content; }
  .uw-focus-h-fit:focus { height: fit-content; }
  .uw-active-h-fit:active { height: fit-content; }
  .uw-disabled-h-fit:disabled { height: fit-content; }
  .uw-focus-visible-h-fit:focus-visible { height: fit-content; }
  .uw-focus-within-h-fit:focus-within { height: fit-content; }
  .uw-group:hover .uw-group-hover-h-fit { height: fit-content; }
  .uw-h-max { height: max-content; }
  .uw-hover-h-max:hover { height: max-content; }
  .uw-focus-h-max:focus { height: max-content; }
  .uw-active-h-max:active { height: max-content; }
  .uw-disabled-h-max:disabled { height: max-content; }
  .uw-focus-visible-h-max:focus-visible { height: max-content; }
  .uw-focus-within-h-max:focus-within { height: max-content; }
  .uw-group:hover .uw-group-hover-h-max { height: max-content; }
  .uw-h-min { height: min-content; }
  .uw-hover-h-min:hover { height: min-content; }
  .uw-focus-h-min:focus { height: min-content; }
  .uw-active-h-min:active { height: min-content; }
  .uw-disabled-h-min:disabled { height: min-content; }
  .uw-focus-visible-h-min:focus-visible { height: min-content; }
  .uw-focus-within-h-min:focus-within { height: min-content; }
  .uw-group:hover .uw-group-hover-h-min { height: min-content; }
  .uw-h-minmax { height: minmax(0, 100%); }
  .uw-hover-h-minmax:hover { height: minmax(0, 100%); }
  .uw-focus-h-minmax:focus { height: minmax(0, 100%); }
  .uw-active-h-minmax:active { height: minmax(0, 100%); }
  .uw-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  .uw-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  .uw-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-h-minmax { height: minmax(0, 100%); }
  .uw-h-full { height: 100%; }
  .uw-hover-h-full:hover { height: 100%; }
  .uw-focus-h-full:focus { height: 100%; }
  .uw-active-h-full:active { height: 100%; }
  .uw-disabled-h-full:disabled { height: 100%; }
  .uw-focus-visible-h-full:focus-visible { height: 100%; }
  .uw-focus-within-h-full:focus-within { height: 100%; }
  .uw-group:hover .uw-group-hover-h-full { height: 100%; }
  .uw-h-screen { height: 100vh; }
  .uw-hover-h-screen:hover { height: 100vh; }
  .uw-focus-h-screen:focus { height: 100vh; }
  .uw-active-h-screen:active { height: 100vh; }
  .uw-disabled-h-screen:disabled { height: 100vh; }
  .uw-focus-visible-h-screen:focus-visible { height: 100vh; }
  .uw-focus-within-h-screen:focus-within { height: 100vh; }
  .uw-group:hover .uw-group-hover-h-screen { height: 100vh; }
  .uw-min-w-fit { min-width: fit-content; }
  .uw-hover-min-w-fit:hover { min-width: fit-content; }
  .uw-focus-min-w-fit:focus { min-width: fit-content; }
  .uw-active-min-w-fit:active { min-width: fit-content; }
  .uw-disabled-min-w-fit:disabled { min-width: fit-content; }
  .uw-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  .uw-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  .uw-group:hover .uw-group-hover-min-w-fit { min-width: fit-content; }
  .uw-min-w-max { min-width: max-content; }
  .uw-hover-min-w-max:hover { min-width: max-content; }
  .uw-focus-min-w-max:focus { min-width: max-content; }
  .uw-active-min-w-max:active { min-width: max-content; }
  .uw-disabled-min-w-max:disabled { min-width: max-content; }
  .uw-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  .uw-focus-within-min-w-max:focus-within { min-width: max-content; }
  .uw-group:hover .uw-group-hover-min-w-max { min-width: max-content; }
  .uw-min-w-min { min-width: min-content; }
  .uw-hover-min-w-min:hover { min-width: min-content; }
  .uw-focus-min-w-min:focus { min-width: min-content; }
  .uw-active-min-w-min:active { min-width: min-content; }
  .uw-disabled-min-w-min:disabled { min-width: min-content; }
  .uw-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  .uw-focus-within-min-w-min:focus-within { min-width: min-content; }
  .uw-group:hover .uw-group-hover-min-w-min { min-width: min-content; }
  .uw-min-w-minmax { min-width: minmax(0, 100%); }
  .uw-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  .uw-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  .uw-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  .uw-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  .uw-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  .uw-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  .uw-min-w-full { min-width: 100%; }
  .uw-hover-min-w-full:hover { min-width: 100%; }
  .uw-focus-min-w-full:focus { min-width: 100%; }
  .uw-active-min-w-full:active { min-width: 100%; }
  .uw-disabled-min-w-full:disabled { min-width: 100%; }
  .uw-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  .uw-focus-within-min-w-full:focus-within { min-width: 100%; }
  .uw-group:hover .uw-group-hover-min-w-full { min-width: 100%; }
  .uw-min-w-screen { min-width: 100vw; }
  .uw-hover-min-w-screen:hover { min-width: 100vw; }
  .uw-focus-min-w-screen:focus { min-width: 100vw; }
  .uw-active-min-w-screen:active { min-width: 100vw; }
  .uw-disabled-min-w-screen:disabled { min-width: 100vw; }
  .uw-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  .uw-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  .uw-group:hover .uw-group-hover-min-w-screen { min-width: 100vw; }
  .uw-min-h-fit { min-height: fit-content; }
  .uw-hover-min-h-fit:hover { min-height: fit-content; }
  .uw-focus-min-h-fit:focus { min-height: fit-content; }
  .uw-active-min-h-fit:active { min-height: fit-content; }
  .uw-disabled-min-h-fit:disabled { min-height: fit-content; }
  .uw-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  .uw-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  .uw-group:hover .uw-group-hover-min-h-fit { min-height: fit-content; }
  .uw-min-h-max { min-height: max-content; }
  .uw-hover-min-h-max:hover { min-height: max-content; }
  .uw-focus-min-h-max:focus { min-height: max-content; }
  .uw-active-min-h-max:active { min-height: max-content; }
  .uw-disabled-min-h-max:disabled { min-height: max-content; }
  .uw-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  .uw-focus-within-min-h-max:focus-within { min-height: max-content; }
  .uw-group:hover .uw-group-hover-min-h-max { min-height: max-content; }
  .uw-min-h-min { min-height: min-content; }
  .uw-hover-min-h-min:hover { min-height: min-content; }
  .uw-focus-min-h-min:focus { min-height: min-content; }
  .uw-active-min-h-min:active { min-height: min-content; }
  .uw-disabled-min-h-min:disabled { min-height: min-content; }
  .uw-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  .uw-focus-within-min-h-min:focus-within { min-height: min-content; }
  .uw-group:hover .uw-group-hover-min-h-min { min-height: min-content; }
  .uw-min-h-minmax { min-height: minmax(0, 100%); }
  .uw-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  .uw-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  .uw-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  .uw-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  .uw-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  .uw-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  .uw-min-h-full { min-height: 100%; }
  .uw-hover-min-h-full:hover { min-height: 100%; }
  .uw-focus-min-h-full:focus { min-height: 100%; }
  .uw-active-min-h-full:active { min-height: 100%; }
  .uw-disabled-min-h-full:disabled { min-height: 100%; }
  .uw-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  .uw-focus-within-min-h-full:focus-within { min-height: 100%; }
  .uw-group:hover .uw-group-hover-min-h-full { min-height: 100%; }
  .uw-min-h-screen { min-height: 100vh; }
  .uw-hover-min-h-screen:hover { min-height: 100vh; }
  .uw-focus-min-h-screen:focus { min-height: 100vh; }
  .uw-active-min-h-screen:active { min-height: 100vh; }
  .uw-disabled-min-h-screen:disabled { min-height: 100vh; }
  .uw-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  .uw-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  .uw-group:hover .uw-group-hover-min-h-screen { min-height: 100vh; }
  .uw-max-w-fit { max-width: fit-content; }
  .uw-hover-max-w-fit:hover { max-width: fit-content; }
  .uw-focus-max-w-fit:focus { max-width: fit-content; }
  .uw-active-max-w-fit:active { max-width: fit-content; }
  .uw-disabled-max-w-fit:disabled { max-width: fit-content; }
  .uw-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  .uw-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  .uw-group:hover .uw-group-hover-max-w-fit { max-width: fit-content; }
  .uw-max-w-max { max-width: max-content; }
  .uw-hover-max-w-max:hover { max-width: max-content; }
  .uw-focus-max-w-max:focus { max-width: max-content; }
  .uw-active-max-w-max:active { max-width: max-content; }
  .uw-disabled-max-w-max:disabled { max-width: max-content; }
  .uw-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  .uw-focus-within-max-w-max:focus-within { max-width: max-content; }
  .uw-group:hover .uw-group-hover-max-w-max { max-width: max-content; }
  .uw-max-w-min { max-width: min-content; }
  .uw-hover-max-w-min:hover { max-width: min-content; }
  .uw-focus-max-w-min:focus { max-width: min-content; }
  .uw-active-max-w-min:active { max-width: min-content; }
  .uw-disabled-max-w-min:disabled { max-width: min-content; }
  .uw-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  .uw-focus-within-max-w-min:focus-within { max-width: min-content; }
  .uw-group:hover .uw-group-hover-max-w-min { max-width: min-content; }
  .uw-max-w-minmax { max-width: minmax(0, 100%); }
  .uw-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  .uw-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  .uw-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  .uw-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  .uw-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  .uw-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  .uw-max-w-full { max-width: 100%; }
  .uw-hover-max-w-full:hover { max-width: 100%; }
  .uw-focus-max-w-full:focus { max-width: 100%; }
  .uw-active-max-w-full:active { max-width: 100%; }
  .uw-disabled-max-w-full:disabled { max-width: 100%; }
  .uw-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  .uw-focus-within-max-w-full:focus-within { max-width: 100%; }
  .uw-group:hover .uw-group-hover-max-w-full { max-width: 100%; }
  .uw-max-w-screen { max-width: 100vw; }
  .uw-hover-max-w-screen:hover { max-width: 100vw; }
  .uw-focus-max-w-screen:focus { max-width: 100vw; }
  .uw-active-max-w-screen:active { max-width: 100vw; }
  .uw-disabled-max-w-screen:disabled { max-width: 100vw; }
  .uw-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  .uw-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  .uw-group:hover .uw-group-hover-max-w-screen { max-width: 100vw; }
  .uw-max-h-fit { max-height: fit-content; }
  .uw-hover-max-h-fit:hover { max-height: fit-content; }
  .uw-focus-max-h-fit:focus { max-height: fit-content; }
  .uw-active-max-h-fit:active { max-height: fit-content; }
  .uw-disabled-max-h-fit:disabled { max-height: fit-content; }
  .uw-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  .uw-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  .uw-group:hover .uw-group-hover-max-h-fit { max-height: fit-content; }
  .uw-max-h-max { max-height: max-content; }
  .uw-hover-max-h-max:hover { max-height: max-content; }
  .uw-focus-max-h-max:focus { max-height: max-content; }
  .uw-active-max-h-max:active { max-height: max-content; }
  .uw-disabled-max-h-max:disabled { max-height: max-content; }
  .uw-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  .uw-focus-within-max-h-max:focus-within { max-height: max-content; }
  .uw-group:hover .uw-group-hover-max-h-max { max-height: max-content; }
  .uw-max-h-min { max-height: min-content; }
  .uw-hover-max-h-min:hover { max-height: min-content; }
  .uw-focus-max-h-min:focus { max-height: min-content; }
  .uw-active-max-h-min:active { max-height: min-content; }
  .uw-disabled-max-h-min:disabled { max-height: min-content; }
  .uw-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  .uw-focus-within-max-h-min:focus-within { max-height: min-content; }
  .uw-group:hover .uw-group-hover-max-h-min { max-height: min-content; }
  .uw-max-h-minmax { max-height: minmax(0, 100%); }
  .uw-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  .uw-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  .uw-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  .uw-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  .uw-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  .uw-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  .uw-group:hover .uw-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  .uw-max-h-full { max-height: 100%; }
  .uw-hover-max-h-full:hover { max-height: 100%; }
  .uw-focus-max-h-full:focus { max-height: 100%; }
  .uw-active-max-h-full:active { max-height: 100%; }
  .uw-disabled-max-h-full:disabled { max-height: 100%; }
  .uw-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  .uw-focus-within-max-h-full:focus-within { max-height: 100%; }
  .uw-group:hover .uw-group-hover-max-h-full { max-height: 100%; }
  .uw-max-h-screen { max-height: 100vh; }
  .uw-hover-max-h-screen:hover { max-height: 100vh; }
  .uw-focus-max-h-screen:focus { max-height: 100vh; }
  .uw-active-max-h-screen:active { max-height: 100vh; }
  .uw-disabled-max-h-screen:disabled { max-height: 100vh; }
  .uw-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  .uw-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  .uw-group:hover .uw-group-hover-max-h-screen { max-height: 100vh; }
  .uw-size-0 { width: 0; height: 0; }
  .uw-hover-size-0:hover { width: 0; height: 0; }
  .uw-focus-size-0:focus { width: 0; height: 0; }
  .uw-active-size-0:active { width: 0; height: 0; }
  .uw-disabled-size-0:disabled { width: 0; height: 0; }
  .uw-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  .uw-focus-within-size-0:focus-within { width: 0; height: 0; }
  .uw-group:hover .uw-group-hover-size-0 { width: 0; height: 0; }
  .uw-size-1 { width: 0.25rem; height: 0.25rem; }
  .uw-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  .uw-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  .uw-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  .uw-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  .uw-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  .uw-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  .uw-group:hover .uw-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  .uw-size-2 { width: 0.5rem; height: 0.5rem; }
  .uw-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  .uw-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  .uw-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  .uw-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  .uw-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  .uw-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  .uw-group:hover .uw-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  .uw-size-3 { width: 0.75rem; height: 0.75rem; }
  .uw-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  .uw-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  .uw-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  .uw-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  .uw-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  .uw-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  .uw-group:hover .uw-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  .uw-size-4 { width: 1rem; height: 1rem; }
  .uw-hover-size-4:hover { width: 1rem; height: 1rem; }
  .uw-focus-size-4:focus { width: 1rem; height: 1rem; }
  .uw-active-size-4:active { width: 1rem; height: 1rem; }
  .uw-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  .uw-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  .uw-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  .uw-group:hover .uw-group-hover-size-4 { width: 1rem; height: 1rem; }
  .uw-size-5 { width: 1.25rem; height: 1.25rem; }
  .uw-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  .uw-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  .uw-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  .uw-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  .uw-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  .uw-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  .uw-group:hover .uw-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  .uw-size-6 { width: 1.5rem; height: 1.5rem; }
  .uw-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  .uw-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  .uw-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  .uw-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  .uw-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  .uw-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  .uw-group:hover .uw-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  .uw-size-7 { width: 1.75rem; height: 1.75rem; }
  .uw-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  .uw-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  .uw-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  .uw-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  .uw-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  .uw-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  .uw-group:hover .uw-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  .uw-size-8 { width: 2rem; height: 2rem; }
  .uw-hover-size-8:hover { width: 2rem; height: 2rem; }
  .uw-focus-size-8:focus { width: 2rem; height: 2rem; }
  .uw-active-size-8:active { width: 2rem; height: 2rem; }
  .uw-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  .uw-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  .uw-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  .uw-group:hover .uw-group-hover-size-8 { width: 2rem; height: 2rem; }
  .uw-size-9 { width: 2.25rem; height: 2.25rem; }
  .uw-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  .uw-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  .uw-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  .uw-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  .uw-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  .uw-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  .uw-group:hover .uw-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  .uw-size-10 { width: 2.5rem; height: 2.5rem; }
  .uw-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  .uw-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  .uw-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  .uw-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  .uw-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  .uw-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  .uw-group:hover .uw-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  .uw-size-11 { width: 2.75rem; height: 2.75rem; }
  .uw-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  .uw-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  .uw-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  .uw-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  .uw-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  .uw-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  .uw-group:hover .uw-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  .uw-size-12 { width: 3rem; height: 3rem; }
  .uw-hover-size-12:hover { width: 3rem; height: 3rem; }
  .uw-focus-size-12:focus { width: 3rem; height: 3rem; }
  .uw-active-size-12:active { width: 3rem; height: 3rem; }
  .uw-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  .uw-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  .uw-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  .uw-group:hover .uw-group-hover-size-12 { width: 3rem; height: 3rem; }
  .uw-size-14 { width: 3.5rem; height: 3.5rem; }
  .uw-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  .uw-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  .uw-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  .uw-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  .uw-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  .uw-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  .uw-group:hover .uw-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  .uw-size-16 { width: 4rem; height: 4rem; }
  .uw-hover-size-16:hover { width: 4rem; height: 4rem; }
  .uw-focus-size-16:focus { width: 4rem; height: 4rem; }
  .uw-active-size-16:active { width: 4rem; height: 4rem; }
  .uw-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  .uw-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  .uw-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  .uw-group:hover .uw-group-hover-size-16 { width: 4rem; height: 4rem; }
  .uw-size-20 { width: 5rem; height: 5rem; }
  .uw-hover-size-20:hover { width: 5rem; height: 5rem; }
  .uw-focus-size-20:focus { width: 5rem; height: 5rem; }
  .uw-active-size-20:active { width: 5rem; height: 5rem; }
  .uw-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  .uw-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  .uw-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  .uw-group:hover .uw-group-hover-size-20 { width: 5rem; height: 5rem; }
  .uw-size-24 { width: 6rem; height: 6rem; }
  .uw-hover-size-24:hover { width: 6rem; height: 6rem; }
  .uw-focus-size-24:focus { width: 6rem; height: 6rem; }
  .uw-active-size-24:active { width: 6rem; height: 6rem; }
  .uw-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  .uw-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  .uw-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  .uw-group:hover .uw-group-hover-size-24 { width: 6rem; height: 6rem; }
  .uw-size-28 { width: 7rem; height: 7rem; }
  .uw-hover-size-28:hover { width: 7rem; height: 7rem; }
  .uw-focus-size-28:focus { width: 7rem; height: 7rem; }
  .uw-active-size-28:active { width: 7rem; height: 7rem; }
  .uw-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  .uw-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  .uw-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  .uw-group:hover .uw-group-hover-size-28 { width: 7rem; height: 7rem; }
  .uw-size-32 { width: 8rem; height: 8rem; }
  .uw-hover-size-32:hover { width: 8rem; height: 8rem; }
  .uw-focus-size-32:focus { width: 8rem; height: 8rem; }
  .uw-active-size-32:active { width: 8rem; height: 8rem; }
  .uw-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  .uw-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  .uw-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  .uw-group:hover .uw-group-hover-size-32 { width: 8rem; height: 8rem; }
  .uw-size-36 { width: 9rem; height: 9rem; }
  .uw-hover-size-36:hover { width: 9rem; height: 9rem; }
  .uw-focus-size-36:focus { width: 9rem; height: 9rem; }
  .uw-active-size-36:active { width: 9rem; height: 9rem; }
  .uw-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  .uw-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  .uw-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  .uw-group:hover .uw-group-hover-size-36 { width: 9rem; height: 9rem; }
  .uw-size-40 { width: 10rem; height: 10rem; }
  .uw-hover-size-40:hover { width: 10rem; height: 10rem; }
  .uw-focus-size-40:focus { width: 10rem; height: 10rem; }
  .uw-active-size-40:active { width: 10rem; height: 10rem; }
  .uw-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  .uw-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  .uw-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  .uw-group:hover .uw-group-hover-size-40 { width: 10rem; height: 10rem; }
  .uw-size-44 { width: 11rem; height: 11rem; }
  .uw-hover-size-44:hover { width: 11rem; height: 11rem; }
  .uw-focus-size-44:focus { width: 11rem; height: 11rem; }
  .uw-active-size-44:active { width: 11rem; height: 11rem; }
  .uw-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  .uw-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  .uw-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  .uw-group:hover .uw-group-hover-size-44 { width: 11rem; height: 11rem; }
  .uw-size-48 { width: 12rem; height: 12rem; }
  .uw-hover-size-48:hover { width: 12rem; height: 12rem; }
  .uw-focus-size-48:focus { width: 12rem; height: 12rem; }
  .uw-active-size-48:active { width: 12rem; height: 12rem; }
  .uw-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  .uw-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  .uw-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  .uw-group:hover .uw-group-hover-size-48 { width: 12rem; height: 12rem; }
  .uw-size-52 { width: 13rem; height: 13rem; }
  .uw-hover-size-52:hover { width: 13rem; height: 13rem; }
  .uw-focus-size-52:focus { width: 13rem; height: 13rem; }
  .uw-active-size-52:active { width: 13rem; height: 13rem; }
  .uw-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  .uw-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  .uw-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  .uw-group:hover .uw-group-hover-size-52 { width: 13rem; height: 13rem; }
  .uw-size-56 { width: 14rem; height: 14rem; }
  .uw-hover-size-56:hover { width: 14rem; height: 14rem; }
  .uw-focus-size-56:focus { width: 14rem; height: 14rem; }
  .uw-active-size-56:active { width: 14rem; height: 14rem; }
  .uw-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  .uw-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  .uw-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  .uw-group:hover .uw-group-hover-size-56 { width: 14rem; height: 14rem; }
  .uw-size-60 { width: 15rem; height: 15rem; }
  .uw-hover-size-60:hover { width: 15rem; height: 15rem; }
  .uw-focus-size-60:focus { width: 15rem; height: 15rem; }
  .uw-active-size-60:active { width: 15rem; height: 15rem; }
  .uw-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  .uw-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  .uw-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  .uw-group:hover .uw-group-hover-size-60 { width: 15rem; height: 15rem; }
  .uw-size-64 { width: 16rem; height: 16rem; }
  .uw-hover-size-64:hover { width: 16rem; height: 16rem; }
  .uw-focus-size-64:focus { width: 16rem; height: 16rem; }
  .uw-active-size-64:active { width: 16rem; height: 16rem; }
  .uw-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  .uw-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  .uw-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  .uw-group:hover .uw-group-hover-size-64 { width: 16rem; height: 16rem; }
  .uw-size-72 { width: 18rem; height: 18rem; }
  .uw-hover-size-72:hover { width: 18rem; height: 18rem; }
  .uw-focus-size-72:focus { width: 18rem; height: 18rem; }
  .uw-active-size-72:active { width: 18rem; height: 18rem; }
  .uw-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  .uw-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  .uw-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  .uw-group:hover .uw-group-hover-size-72 { width: 18rem; height: 18rem; }
  .uw-size-80 { width: 20rem; height: 20rem; }
  .uw-hover-size-80:hover { width: 20rem; height: 20rem; }
  .uw-focus-size-80:focus { width: 20rem; height: 20rem; }
  .uw-active-size-80:active { width: 20rem; height: 20rem; }
  .uw-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  .uw-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  .uw-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  .uw-group:hover .uw-group-hover-size-80 { width: 20rem; height: 20rem; }
  .uw-size-96 { width: 24rem; height: 24rem; }
  .uw-hover-size-96:hover { width: 24rem; height: 24rem; }
  .uw-focus-size-96:focus { width: 24rem; height: 24rem; }
  .uw-active-size-96:active { width: 24rem; height: 24rem; }
  .uw-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  .uw-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  .uw-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  .uw-group:hover .uw-group-hover-size-96 { width: 24rem; height: 24rem; }
  .uw-font-size-auto { font-size: auto; }
  .uw-hover-font-size-auto:hover { font-size: auto; }
  .uw-focus-font-size-auto:focus { font-size: auto; }
  .uw-active-font-size-auto:active { font-size: auto; }
  .uw-disabled-font-size-auto:disabled { font-size: auto; }
  .uw-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  .uw-focus-within-font-size-auto:focus-within { font-size: auto; }
  .uw-group:hover .uw-group-hover-font-size-auto { font-size: auto; }
  .uw-font-size-0 { font-size: 0; }
  .uw-hover-font-size-0:hover { font-size: 0; }
  .uw-focus-font-size-0:focus { font-size: 0; }
  .uw-active-font-size-0:active { font-size: 0; }
  .uw-disabled-font-size-0:disabled { font-size: 0; }
  .uw-focus-visible-font-size-0:focus-visible { font-size: 0; }
  .uw-focus-within-font-size-0:focus-within { font-size: 0; }
  .uw-group:hover .uw-group-hover-font-size-0 { font-size: 0; }
  .uw-font-size-1 { font-size: 0.25rem; }
  .uw-hover-font-size-1:hover { font-size: 0.25rem; }
  .uw-focus-font-size-1:focus { font-size: 0.25rem; }
  .uw-active-font-size-1:active { font-size: 0.25rem; }
  .uw-disabled-font-size-1:disabled { font-size: 0.25rem; }
  .uw-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  .uw-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  .uw-group:hover .uw-group-hover-font-size-1 { font-size: 0.25rem; }
  .uw-font-size-2 { font-size: 0.5rem; }
  .uw-hover-font-size-2:hover { font-size: 0.5rem; }
  .uw-focus-font-size-2:focus { font-size: 0.5rem; }
  .uw-active-font-size-2:active { font-size: 0.5rem; }
  .uw-disabled-font-size-2:disabled { font-size: 0.5rem; }
  .uw-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  .uw-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  .uw-group:hover .uw-group-hover-font-size-2 { font-size: 0.5rem; }
  .uw-font-size-3 { font-size: 0.75rem; }
  .uw-hover-font-size-3:hover { font-size: 0.75rem; }
  .uw-focus-font-size-3:focus { font-size: 0.75rem; }
  .uw-active-font-size-3:active { font-size: 0.75rem; }
  .uw-disabled-font-size-3:disabled { font-size: 0.75rem; }
  .uw-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  .uw-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  .uw-group:hover .uw-group-hover-font-size-3 { font-size: 0.75rem; }
  .uw-font-size-4 { font-size: 1rem; }
  .uw-hover-font-size-4:hover { font-size: 1rem; }
  .uw-focus-font-size-4:focus { font-size: 1rem; }
  .uw-active-font-size-4:active { font-size: 1rem; }
  .uw-disabled-font-size-4:disabled { font-size: 1rem; }
  .uw-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  .uw-focus-within-font-size-4:focus-within { font-size: 1rem; }
  .uw-group:hover .uw-group-hover-font-size-4 { font-size: 1rem; }
  .uw-font-size-5 { font-size: 1.25rem; }
  .uw-hover-font-size-5:hover { font-size: 1.25rem; }
  .uw-focus-font-size-5:focus { font-size: 1.25rem; }
  .uw-active-font-size-5:active { font-size: 1.25rem; }
  .uw-disabled-font-size-5:disabled { font-size: 1.25rem; }
  .uw-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  .uw-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  .uw-group:hover .uw-group-hover-font-size-5 { font-size: 1.25rem; }
  .uw-font-size-6 { font-size: 1.5rem; }
  .uw-hover-font-size-6:hover { font-size: 1.5rem; }
  .uw-focus-font-size-6:focus { font-size: 1.5rem; }
  .uw-active-font-size-6:active { font-size: 1.5rem; }
  .uw-disabled-font-size-6:disabled { font-size: 1.5rem; }
  .uw-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  .uw-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  .uw-group:hover .uw-group-hover-font-size-6 { font-size: 1.5rem; }
  .uw-font-size-7 { font-size: 1.75rem; }
  .uw-hover-font-size-7:hover { font-size: 1.75rem; }
  .uw-focus-font-size-7:focus { font-size: 1.75rem; }
  .uw-active-font-size-7:active { font-size: 1.75rem; }
  .uw-disabled-font-size-7:disabled { font-size: 1.75rem; }
  .uw-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  .uw-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  .uw-group:hover .uw-group-hover-font-size-7 { font-size: 1.75rem; }
  .uw-font-size-8 { font-size: 2rem; }
  .uw-hover-font-size-8:hover { font-size: 2rem; }
  .uw-focus-font-size-8:focus { font-size: 2rem; }
  .uw-active-font-size-8:active { font-size: 2rem; }
  .uw-disabled-font-size-8:disabled { font-size: 2rem; }
  .uw-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  .uw-focus-within-font-size-8:focus-within { font-size: 2rem; }
  .uw-group:hover .uw-group-hover-font-size-8 { font-size: 2rem; }
  .uw-font-size-9 { font-size: 2.25rem; }
  .uw-hover-font-size-9:hover { font-size: 2.25rem; }
  .uw-focus-font-size-9:focus { font-size: 2.25rem; }
  .uw-active-font-size-9:active { font-size: 2.25rem; }
  .uw-disabled-font-size-9:disabled { font-size: 2.25rem; }
  .uw-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  .uw-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  .uw-group:hover .uw-group-hover-font-size-9 { font-size: 2.25rem; }
  .uw-font-size-10 { font-size: 2.5rem; }
  .uw-hover-font-size-10:hover { font-size: 2.5rem; }
  .uw-focus-font-size-10:focus { font-size: 2.5rem; }
  .uw-active-font-size-10:active { font-size: 2.5rem; }
  .uw-disabled-font-size-10:disabled { font-size: 2.5rem; }
  .uw-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  .uw-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  .uw-group:hover .uw-group-hover-font-size-10 { font-size: 2.5rem; }
  .uw-font-size-12 { font-size: 3rem; }
  .uw-hover-font-size-12:hover { font-size: 3rem; }
  .uw-focus-font-size-12:focus { font-size: 3rem; }
  .uw-active-font-size-12:active { font-size: 3rem; }
  .uw-disabled-font-size-12:disabled { font-size: 3rem; }
  .uw-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  .uw-focus-within-font-size-12:focus-within { font-size: 3rem; }
  .uw-group:hover .uw-group-hover-font-size-12 { font-size: 3rem; }
  .uw-font-size-14 { font-size: 3.5rem; }
  .uw-hover-font-size-14:hover { font-size: 3.5rem; }
  .uw-focus-font-size-14:focus { font-size: 3.5rem; }
  .uw-active-font-size-14:active { font-size: 3.5rem; }
  .uw-disabled-font-size-14:disabled { font-size: 3.5rem; }
  .uw-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  .uw-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  .uw-group:hover .uw-group-hover-font-size-14 { font-size: 3.5rem; }
  .uw-font-size-16 { font-size: 4rem; }
  .uw-hover-font-size-16:hover { font-size: 4rem; }
  .uw-focus-font-size-16:focus { font-size: 4rem; }
  .uw-active-font-size-16:active { font-size: 4rem; }
  .uw-disabled-font-size-16:disabled { font-size: 4rem; }
  .uw-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  .uw-focus-within-font-size-16:focus-within { font-size: 4rem; }
  .uw-group:hover .uw-group-hover-font-size-16 { font-size: 4rem; }
  .uw-font-size-18 { font-size: 4.5rem; }
  .uw-hover-font-size-18:hover { font-size: 4.5rem; }
  .uw-focus-font-size-18:focus { font-size: 4.5rem; }
  .uw-active-font-size-18:active { font-size: 4.5rem; }
  .uw-disabled-font-size-18:disabled { font-size: 4.5rem; }
  .uw-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  .uw-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  .uw-group:hover .uw-group-hover-font-size-18 { font-size: 4.5rem; }
  .uw-font-size-20 { font-size: 5rem; }
  .uw-hover-font-size-20:hover { font-size: 5rem; }
  .uw-focus-font-size-20:focus { font-size: 5rem; }
  .uw-active-font-size-20:active { font-size: 5rem; }
  .uw-disabled-font-size-20:disabled { font-size: 5rem; }
  .uw-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  .uw-focus-within-font-size-20:focus-within { font-size: 5rem; }
  .uw-group:hover .uw-group-hover-font-size-20 { font-size: 5rem; }
  .uw-font-size-24 { font-size: 6rem; }
  .uw-hover-font-size-24:hover { font-size: 6rem; }
  .uw-focus-font-size-24:focus { font-size: 6rem; }
  .uw-active-font-size-24:active { font-size: 6rem; }
  .uw-disabled-font-size-24:disabled { font-size: 6rem; }
  .uw-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  .uw-focus-within-font-size-24:focus-within { font-size: 6rem; }
  .uw-group:hover .uw-group-hover-font-size-24 { font-size: 6rem; }
  .uw-font-size-28 { font-size: 7rem; }
  .uw-hover-font-size-28:hover { font-size: 7rem; }
  .uw-focus-font-size-28:focus { font-size: 7rem; }
  .uw-active-font-size-28:active { font-size: 7rem; }
  .uw-disabled-font-size-28:disabled { font-size: 7rem; }
  .uw-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  .uw-focus-within-font-size-28:focus-within { font-size: 7rem; }
  .uw-group:hover .uw-group-hover-font-size-28 { font-size: 7rem; }
  .uw-font-size-32 { font-size: 8rem; }
  .uw-hover-font-size-32:hover { font-size: 8rem; }
  .uw-focus-font-size-32:focus { font-size: 8rem; }
  .uw-active-font-size-32:active { font-size: 8rem; }
  .uw-disabled-font-size-32:disabled { font-size: 8rem; }
  .uw-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  .uw-focus-within-font-size-32:focus-within { font-size: 8rem; }
  .uw-group:hover .uw-group-hover-font-size-32 { font-size: 8rem; }
  .uw-font-style-normal { font-style: normal; }
  .uw-hover-font-style-normal:hover { font-style: normal; }
  .uw-focus-font-style-normal:focus { font-style: normal; }
  .uw-active-font-style-normal:active { font-style: normal; }
  .uw-disabled-font-style-normal:disabled { font-style: normal; }
  .uw-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  .uw-focus-within-font-style-normal:focus-within { font-style: normal; }
  .uw-group:hover .uw-group-hover-font-style-normal { font-style: normal; }
  .uw-font-style-italic { font-style: italic; }
  .uw-hover-font-style-italic:hover { font-style: italic; }
  .uw-focus-font-style-italic:focus { font-style: italic; }
  .uw-active-font-style-italic:active { font-style: italic; }
  .uw-disabled-font-style-italic:disabled { font-style: italic; }
  .uw-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  .uw-focus-within-font-style-italic:focus-within { font-style: italic; }
  .uw-group:hover .uw-group-hover-font-style-italic { font-style: italic; }
  .uw-font-style-oblique { font-style: oblique; }
  .uw-hover-font-style-oblique:hover { font-style: oblique; }
  .uw-focus-font-style-oblique:focus { font-style: oblique; }
  .uw-active-font-style-oblique:active { font-style: oblique; }
  .uw-disabled-font-style-oblique:disabled { font-style: oblique; }
  .uw-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  .uw-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  .uw-group:hover .uw-group-hover-font-style-oblique { font-style: oblique; }
  .uw-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .uw-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  .uw-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  .uw-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  .uw-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  .uw-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  .uw-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  .uw-group:hover .uw-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  .uw-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-group:hover .uw-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  .uw-font-weight-thin { font-weight: 100; }
  .uw-hover-font-weight-thin:hover { font-weight: 100; }
  .uw-focus-font-weight-thin:focus { font-weight: 100; }
  .uw-active-font-weight-thin:active { font-weight: 100; }
  .uw-disabled-font-weight-thin:disabled { font-weight: 100; }
  .uw-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  .uw-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  .uw-group:hover .uw-group-hover-font-weight-thin { font-weight: 100; }
  .uw-font-weight-extralight { font-weight: 200; }
  .uw-hover-font-weight-extralight:hover { font-weight: 200; }
  .uw-focus-font-weight-extralight:focus { font-weight: 200; }
  .uw-active-font-weight-extralight:active { font-weight: 200; }
  .uw-disabled-font-weight-extralight:disabled { font-weight: 200; }
  .uw-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  .uw-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  .uw-group:hover .uw-group-hover-font-weight-extralight { font-weight: 200; }
  .uw-font-weight-light { font-weight: 300; }
  .uw-hover-font-weight-light:hover { font-weight: 300; }
  .uw-focus-font-weight-light:focus { font-weight: 300; }
  .uw-active-font-weight-light:active { font-weight: 300; }
  .uw-disabled-font-weight-light:disabled { font-weight: 300; }
  .uw-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  .uw-focus-within-font-weight-light:focus-within { font-weight: 300; }
  .uw-group:hover .uw-group-hover-font-weight-light { font-weight: 300; }
  .uw-font-weight-regular { font-weight: 400; }
  .uw-hover-font-weight-regular:hover { font-weight: 400; }
  .uw-focus-font-weight-regular:focus { font-weight: 400; }
  .uw-active-font-weight-regular:active { font-weight: 400; }
  .uw-disabled-font-weight-regular:disabled { font-weight: 400; }
  .uw-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  .uw-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  .uw-group:hover .uw-group-hover-font-weight-regular { font-weight: 400; }
  .uw-font-weight-medium { font-weight: 500; }
  .uw-hover-font-weight-medium:hover { font-weight: 500; }
  .uw-focus-font-weight-medium:focus { font-weight: 500; }
  .uw-active-font-weight-medium:active { font-weight: 500; }
  .uw-disabled-font-weight-medium:disabled { font-weight: 500; }
  .uw-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  .uw-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  .uw-group:hover .uw-group-hover-font-weight-medium { font-weight: 500; }
  .uw-font-weight-semibold { font-weight: 600; }
  .uw-hover-font-weight-semibold:hover { font-weight: 600; }
  .uw-focus-font-weight-semibold:focus { font-weight: 600; }
  .uw-active-font-weight-semibold:active { font-weight: 600; }
  .uw-disabled-font-weight-semibold:disabled { font-weight: 600; }
  .uw-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  .uw-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  .uw-group:hover .uw-group-hover-font-weight-semibold { font-weight: 600; }
  .uw-font-weight-bold { font-weight: 700; }
  .uw-hover-font-weight-bold:hover { font-weight: 700; }
  .uw-focus-font-weight-bold:focus { font-weight: 700; }
  .uw-active-font-weight-bold:active { font-weight: 700; }
  .uw-disabled-font-weight-bold:disabled { font-weight: 700; }
  .uw-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  .uw-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  .uw-group:hover .uw-group-hover-font-weight-bold { font-weight: 700; }
  .uw-font-weight-extrabold { font-weight: 800; }
  .uw-hover-font-weight-extrabold:hover { font-weight: 800; }
  .uw-focus-font-weight-extrabold:focus { font-weight: 800; }
  .uw-active-font-weight-extrabold:active { font-weight: 800; }
  .uw-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  .uw-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  .uw-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  .uw-group:hover .uw-group-hover-font-weight-extrabold { font-weight: 800; }
  .uw-font-weight-ultrabold { font-weight: 900; }
  .uw-hover-font-weight-ultrabold:hover { font-weight: 900; }
  .uw-focus-font-weight-ultrabold:focus { font-weight: 900; }
  .uw-active-font-weight-ultrabold:active { font-weight: 900; }
  .uw-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  .uw-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  .uw-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  .uw-group:hover .uw-group-hover-font-weight-ultrabold { font-weight: 900; }
  .uw-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .uw-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  .uw-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  .uw-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  .uw-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  .uw-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  .uw-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  .uw-group:hover .uw-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  .uw-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .uw-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  .uw-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  .uw-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  .uw-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  .uw-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  .uw-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  .uw-group:hover .uw-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  .uw-font-stretch-condensed { font-stretch: condensed; }
  .uw-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  .uw-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  .uw-active-font-stretch-condensed:active { font-stretch: condensed; }
  .uw-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  .uw-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  .uw-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  .uw-group:hover .uw-group-hover-font-stretch-condensed { font-stretch: condensed; }
  .uw-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .uw-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  .uw-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  .uw-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  .uw-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  .uw-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  .uw-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  .uw-group:hover .uw-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  .uw-font-stretch-normal { font-stretch: normal; }
  .uw-hover-font-stretch-normal:hover { font-stretch: normal; }
  .uw-focus-font-stretch-normal:focus { font-stretch: normal; }
  .uw-active-font-stretch-normal:active { font-stretch: normal; }
  .uw-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  .uw-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  .uw-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  .uw-group:hover .uw-group-hover-font-stretch-normal { font-stretch: normal; }
  .uw-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .uw-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  .uw-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  .uw-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  .uw-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  .uw-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  .uw-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  .uw-group:hover .uw-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  .uw-font-stretch-expanded { font-stretch: expanded; }
  .uw-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  .uw-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  .uw-active-font-stretch-expanded:active { font-stretch: expanded; }
  .uw-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  .uw-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  .uw-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  .uw-group:hover .uw-group-hover-font-stretch-expanded { font-stretch: expanded; }
  .uw-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .uw-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  .uw-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  .uw-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  .uw-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  .uw-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  .uw-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  .uw-group:hover .uw-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  .uw-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .uw-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  .uw-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  .uw-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  .uw-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  .uw-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  .uw-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  .uw-group:hover .uw-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  .uw-font-variant-numeric-normal { font-variant-numeric: normal; }
  .uw-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  .uw-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  .uw-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  .uw-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  .uw-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  .uw-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  .uw-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .uw-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  .uw-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  .uw-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  .uw-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  .uw-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  .uw-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  .uw-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .uw-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  .uw-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  .uw-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  .uw-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  .uw-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  .uw-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  .uw-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .uw-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  .uw-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  .uw-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  .uw-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  .uw-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  .uw-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  .uw-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .uw-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  .uw-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  .uw-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  .uw-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  .uw-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  .uw-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  .uw-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .uw-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  .uw-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  .uw-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  .uw-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  .uw-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  .uw-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  .uw-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .uw-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  .uw-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  .uw-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  .uw-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  .uw-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  .uw-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  .uw-group:hover .uw-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  .uw-tracking-tighter { letter-spacing: -0.05em; }
  .uw-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  .uw-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  .uw-active-tracking-tighter:active { letter-spacing: -0.05em; }
  .uw-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  .uw-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  .uw-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  .uw-group:hover .uw-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  .uw-tracking-tight { letter-spacing: -0.025em; }
  .uw-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  .uw-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  .uw-active-tracking-tight:active { letter-spacing: -0.025em; }
  .uw-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  .uw-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  .uw-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  .uw-group:hover .uw-group-hover-tracking-tight { letter-spacing: -0.025em; }
  .uw-tracking-normal { letter-spacing: 0; }
  .uw-hover-tracking-normal:hover { letter-spacing: 0; }
  .uw-focus-tracking-normal:focus { letter-spacing: 0; }
  .uw-active-tracking-normal:active { letter-spacing: 0; }
  .uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .uw-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .uw-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .uw-group:hover .uw-group-hover-tracking-normal { letter-spacing: 0; }
  .uw-tracking-wide { letter-spacing: 0.025em; }
  .uw-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  .uw-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  .uw-active-tracking-wide:active { letter-spacing: 0.025em; }
  .uw-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  .uw-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  .uw-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  .uw-group:hover .uw-group-hover-tracking-wide { letter-spacing: 0.025em; }
  .uw-tracking-wider { letter-spacing: 0.05em; }
  .uw-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  .uw-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  .uw-active-tracking-wider:active { letter-spacing: 0.05em; }
  .uw-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  .uw-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  .uw-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  .uw-group:hover .uw-group-hover-tracking-wider { letter-spacing: 0.05em; }
  .uw-tracking-widest { letter-spacing: 0.1em; }
  .uw-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  .uw-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  .uw-active-tracking-widest:active { letter-spacing: 0.1em; }
  .uw-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  .uw-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  .uw-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  .uw-group:hover .uw-group-hover-tracking-widest { letter-spacing: 0.1em; }
  .uw-decoration-solid { text-decoration-style: solid; }
  .uw-hover-decoration-solid:hover { text-decoration-style: solid; }
  .uw-focus-decoration-solid:focus { text-decoration-style: solid; }
  .uw-active-decoration-solid:active { text-decoration-style: solid; }
  .uw-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  .uw-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  .uw-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  .uw-group:hover .uw-group-hover-decoration-solid { text-decoration-style: solid; }
  .uw-decoration-double { text-decoration-style: double; }
  .uw-hover-decoration-double:hover { text-decoration-style: double; }
  .uw-focus-decoration-double:focus { text-decoration-style: double; }
  .uw-active-decoration-double:active { text-decoration-style: double; }
  .uw-disabled-decoration-double:disabled { text-decoration-style: double; }
  .uw-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  .uw-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  .uw-group:hover .uw-group-hover-decoration-double { text-decoration-style: double; }
  .uw-decoration-dotted { text-decoration-style: dotted; }
  .uw-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  .uw-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  .uw-active-decoration-dotted:active { text-decoration-style: dotted; }
  .uw-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  .uw-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  .uw-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  .uw-group:hover .uw-group-hover-decoration-dotted { text-decoration-style: dotted; }
  .uw-decoration-dashed { text-decoration-style: dashed; }
  .uw-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  .uw-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  .uw-active-decoration-dashed:active { text-decoration-style: dashed; }
  .uw-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  .uw-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  .uw-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  .uw-group:hover .uw-group-hover-decoration-dashed { text-decoration-style: dashed; }
  .uw-decoration-wavy { text-decoration-style: wavy; }
  .uw-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  .uw-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  .uw-active-decoration-wavy:active { text-decoration-style: wavy; }
  .uw-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  .uw-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  .uw-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  .uw-group:hover .uw-group-hover-decoration-wavy { text-decoration-style: wavy; }
  .uw-decoration-0 { text-decoration-thickness: 0; }
  .uw-hover-decoration-0:hover { text-decoration-thickness: 0; }
  .uw-focus-decoration-0:focus { text-decoration-thickness: 0; }
  .uw-active-decoration-0:active { text-decoration-thickness: 0; }
  .uw-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  .uw-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  .uw-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  .uw-group:hover .uw-group-hover-decoration-0 { text-decoration-thickness: 0; }
  .uw-decoration-1 { text-decoration-thickness: 1px; }
  .uw-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  .uw-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  .uw-active-decoration-1:active { text-decoration-thickness: 1px; }
  .uw-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  .uw-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  .uw-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  .uw-group:hover .uw-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  .uw-decoration-2 { text-decoration-thickness: 2px; }
  .uw-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  .uw-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  .uw-active-decoration-2:active { text-decoration-thickness: 2px; }
  .uw-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  .uw-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  .uw-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  .uw-group:hover .uw-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  .uw-decoration-4 { text-decoration-thickness: 4px; }
  .uw-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  .uw-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  .uw-active-decoration-4:active { text-decoration-thickness: 4px; }
  .uw-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  .uw-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  .uw-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  .uw-group:hover .uw-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  .uw-decoration-8 { text-decoration-thickness: 8px; }
  .uw-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  .uw-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  .uw-active-decoration-8:active { text-decoration-thickness: 8px; }
  .uw-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  .uw-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  .uw-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  .uw-group:hover .uw-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  .uw-underline-offset-0 { text-underline-offset: 0; }
  .uw-hover-underline-offset-0:hover { text-underline-offset: 0; }
  .uw-focus-underline-offset-0:focus { text-underline-offset: 0; }
  .uw-active-underline-offset-0:active { text-underline-offset: 0; }
  .uw-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  .uw-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  .uw-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  .uw-group:hover .uw-group-hover-underline-offset-0 { text-underline-offset: 0; }
  .uw-underline-offset-1 { text-underline-offset: 1px; }
  .uw-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  .uw-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  .uw-active-underline-offset-1:active { text-underline-offset: 1px; }
  .uw-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  .uw-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  .uw-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  .uw-group:hover .uw-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  .uw-underline-offset-2 { text-underline-offset: 2px; }
  .uw-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  .uw-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  .uw-active-underline-offset-2:active { text-underline-offset: 2px; }
  .uw-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  .uw-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  .uw-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  .uw-group:hover .uw-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  .uw-underline-offset-4 { text-underline-offset: 4px; }
  .uw-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  .uw-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  .uw-active-underline-offset-4:active { text-underline-offset: 4px; }
  .uw-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  .uw-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  .uw-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  .uw-group:hover .uw-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  .uw-underline-offset-8 { text-underline-offset: 8px; }
  .uw-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  .uw-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  .uw-active-underline-offset-8:active { text-underline-offset: 8px; }
  .uw-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  .uw-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  .uw-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  .uw-group:hover .uw-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  .uw-text-xs { font-size: 0.5rem; }
  .uw-hover-text-xs:hover { font-size: 0.5rem; }
  .uw-focus-text-xs:focus { font-size: 0.5rem; }
  .uw-active-text-xs:active { font-size: 0.5rem; }
  .uw-disabled-text-xs:disabled { font-size: 0.5rem; }
  .uw-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  .uw-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  .uw-group:hover .uw-group-hover-text-xs { font-size: 0.5rem; }
  .uw-text-sm { font-size: 0.875rem; }
  .uw-hover-text-sm:hover { font-size: 0.875rem; }
  .uw-focus-text-sm:focus { font-size: 0.875rem; }
  .uw-active-text-sm:active { font-size: 0.875rem; }
  .uw-disabled-text-sm:disabled { font-size: 0.875rem; }
  .uw-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  .uw-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  .uw-group:hover .uw-group-hover-text-sm { font-size: 0.875rem; }
  .uw-text-base { font-size: 1rem; }
  .uw-hover-text-base:hover { font-size: 1rem; }
  .uw-focus-text-base:focus { font-size: 1rem; }
  .uw-active-text-base:active { font-size: 1rem; }
  .uw-disabled-text-base:disabled { font-size: 1rem; }
  .uw-focus-visible-text-base:focus-visible { font-size: 1rem; }
  .uw-focus-within-text-base:focus-within { font-size: 1rem; }
  .uw-group:hover .uw-group-hover-text-base { font-size: 1rem; }
  .uw-text-lg { font-size: 1.125rem; }
  .uw-hover-text-lg:hover { font-size: 1.125rem; }
  .uw-focus-text-lg:focus { font-size: 1.125rem; }
  .uw-active-text-lg:active { font-size: 1.125rem; }
  .uw-disabled-text-lg:disabled { font-size: 1.125rem; }
  .uw-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  .uw-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  .uw-group:hover .uw-group-hover-text-lg { font-size: 1.125rem; }
  .uw-text-xl { font-size: 2rem; }
  .uw-hover-text-xl:hover { font-size: 2rem; }
  .uw-focus-text-xl:focus { font-size: 2rem; }
  .uw-active-text-xl:active { font-size: 2rem; }
  .uw-disabled-text-xl:disabled { font-size: 2rem; }
  .uw-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  .uw-focus-within-text-xl:focus-within { font-size: 2rem; }
  .uw-group:hover .uw-group-hover-text-xl { font-size: 2rem; }
  .uw-text-2xl { font-size: 2.5rem; }
  .uw-hover-text-2xl:hover { font-size: 2.5rem; }
  .uw-focus-text-2xl:focus { font-size: 2.5rem; }
  .uw-active-text-2xl:active { font-size: 2.5rem; }
  .uw-disabled-text-2xl:disabled { font-size: 2.5rem; }
  .uw-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  .uw-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  .uw-group:hover .uw-group-hover-text-2xl { font-size: 2.5rem; }
  .uw-text-3xl { font-size: 3rem; }
  .uw-hover-text-3xl:hover { font-size: 3rem; }
  .uw-focus-text-3xl:focus { font-size: 3rem; }
  .uw-active-text-3xl:active { font-size: 3rem; }
  .uw-disabled-text-3xl:disabled { font-size: 3rem; }
  .uw-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  .uw-focus-within-text-3xl:focus-within { font-size: 3rem; }
  .uw-group:hover .uw-group-hover-text-3xl { font-size: 3rem; }
  .uw-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-group:hover .uw-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .uw-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-group:hover .uw-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  .uw-indent-0 { text-indent: 0; }
  .uw-hover-indent-0:hover { text-indent: 0; }
  .uw-focus-indent-0:focus { text-indent: 0; }
  .uw-active-indent-0:active { text-indent: 0; }
  .uw-disabled-indent-0:disabled { text-indent: 0; }
  .uw-focus-visible-indent-0:focus-visible { text-indent: 0; }
  .uw-focus-within-indent-0:focus-within { text-indent: 0; }
  .uw-group:hover .uw-group-hover-indent-0 { text-indent: 0; }
  .uw-indent-1 { text-indent: 0.25rem; }
  .uw-hover-indent-1:hover { text-indent: 0.25rem; }
  .uw-focus-indent-1:focus { text-indent: 0.25rem; }
  .uw-active-indent-1:active { text-indent: 0.25rem; }
  .uw-disabled-indent-1:disabled { text-indent: 0.25rem; }
  .uw-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  .uw-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  .uw-group:hover .uw-group-hover-indent-1 { text-indent: 0.25rem; }
  .uw-indent-2 { text-indent: 0.5rem; }
  .uw-hover-indent-2:hover { text-indent: 0.5rem; }
  .uw-focus-indent-2:focus { text-indent: 0.5rem; }
  .uw-active-indent-2:active { text-indent: 0.5rem; }
  .uw-disabled-indent-2:disabled { text-indent: 0.5rem; }
  .uw-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  .uw-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  .uw-group:hover .uw-group-hover-indent-2 { text-indent: 0.5rem; }
  .uw-indent-4 { text-indent: 1rem; }
  .uw-hover-indent-4:hover { text-indent: 1rem; }
  .uw-focus-indent-4:focus { text-indent: 1rem; }
  .uw-active-indent-4:active { text-indent: 1rem; }
  .uw-disabled-indent-4:disabled { text-indent: 1rem; }
  .uw-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  .uw-focus-within-indent-4:focus-within { text-indent: 1rem; }
  .uw-group:hover .uw-group-hover-indent-4 { text-indent: 1rem; }
  .uw-indent-8 { text-indent: 2rem; }
  .uw-hover-indent-8:hover { text-indent: 2rem; }
  .uw-focus-indent-8:focus { text-indent: 2rem; }
  .uw-active-indent-8:active { text-indent: 2rem; }
  .uw-disabled-indent-8:disabled { text-indent: 2rem; }
  .uw-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  .uw-focus-within-indent-8:focus-within { text-indent: 2rem; }
  .uw-group:hover .uw-group-hover-indent-8 { text-indent: 2rem; }
  .uw-break-normal { word-break: normal; }
  .uw-hover-break-normal:hover { word-break: normal; }
  .uw-focus-break-normal:focus { word-break: normal; }
  .uw-active-break-normal:active { word-break: normal; }
  .uw-disabled-break-normal:disabled { word-break: normal; }
  .uw-focus-visible-break-normal:focus-visible { word-break: normal; }
  .uw-focus-within-break-normal:focus-within { word-break: normal; }
  .uw-group:hover .uw-group-hover-break-normal { word-break: normal; }
  .uw-break-words { word-break: break-word; }
  .uw-hover-break-words:hover { word-break: break-word; }
  .uw-focus-break-words:focus { word-break: break-word; }
  .uw-active-break-words:active { word-break: break-word; }
  .uw-disabled-break-words:disabled { word-break: break-word; }
  .uw-focus-visible-break-words:focus-visible { word-break: break-word; }
  .uw-focus-within-break-words:focus-within { word-break: break-word; }
  .uw-group:hover .uw-group-hover-break-words { word-break: break-word; }
  .uw-break-all { word-break: break-all; }
  .uw-hover-break-all:hover { word-break: break-all; }
  .uw-focus-break-all:focus { word-break: break-all; }
  .uw-active-break-all:active { word-break: break-all; }
  .uw-disabled-break-all:disabled { word-break: break-all; }
  .uw-focus-visible-break-all:focus-visible { word-break: break-all; }
  .uw-focus-within-break-all:focus-within { word-break: break-all; }
  .uw-group:hover .uw-group-hover-break-all { word-break: break-all; }
  .uw-overflow-normal { overflow-wrap: normal; }
  .uw-hover-overflow-normal:hover { overflow-wrap: normal; }
  .uw-focus-overflow-normal:focus { overflow-wrap: normal; }
  .uw-active-overflow-normal:active { overflow-wrap: normal; }
  .uw-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .uw-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .uw-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .uw-group:hover .uw-group-hover-overflow-normal { overflow-wrap: normal; }
  .uw-overflow-break { overflow-wrap: break-word; }
  .uw-hover-overflow-break:hover { overflow-wrap: break-word; }
  .uw-focus-overflow-break:focus { overflow-wrap: break-word; }
  .uw-active-overflow-break:active { overflow-wrap: break-word; }
  .uw-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .uw-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .uw-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .uw-group:hover .uw-group-hover-overflow-break { overflow-wrap: break-word; }
  .uw-hyphens-none { hyphens: none; }
  .uw-hover-hyphens-none:hover { hyphens: none; }
  .uw-focus-hyphens-none:focus { hyphens: none; }
  .uw-active-hyphens-none:active { hyphens: none; }
  .uw-disabled-hyphens-none:disabled { hyphens: none; }
  .uw-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .uw-focus-within-hyphens-none:focus-within { hyphens: none; }
  .uw-group:hover .uw-group-hover-hyphens-none { hyphens: none; }
  .uw-hyphens-manual { hyphens: manual; }
  .uw-hover-hyphens-manual:hover { hyphens: manual; }
  .uw-focus-hyphens-manual:focus { hyphens: manual; }
  .uw-active-hyphens-manual:active { hyphens: manual; }
  .uw-disabled-hyphens-manual:disabled { hyphens: manual; }
  .uw-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .uw-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .uw-group:hover .uw-group-hover-hyphens-manual { hyphens: manual; }
  .uw-hyphens-auto { hyphens: auto; }
  .uw-hover-hyphens-auto:hover { hyphens: auto; }
  .uw-focus-hyphens-auto:focus { hyphens: auto; }
  .uw-active-hyphens-auto:active { hyphens: auto; }
  .uw-disabled-hyphens-auto:disabled { hyphens: auto; }
  .uw-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .uw-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .uw-group:hover .uw-group-hover-hyphens-auto { hyphens: auto; }
  .uw-break-normal { word-break: normal; }
  .uw-hover-break-normal:hover { word-break: normal; }
  .uw-focus-break-normal:focus { word-break: normal; }
  .uw-active-break-normal:active { word-break: normal; }
  .uw-disabled-break-normal:disabled { word-break: normal; }
  .uw-focus-visible-break-normal:focus-visible { word-break: normal; }
  .uw-focus-within-break-normal:focus-within { word-break: normal; }
  .uw-group:hover .uw-group-hover-break-normal { word-break: normal; }
  .uw-break-words { word-break: break-word; }
  .uw-hover-break-words:hover { word-break: break-word; }
  .uw-focus-break-words:focus { word-break: break-word; }
  .uw-active-break-words:active { word-break: break-word; }
  .uw-disabled-break-words:disabled { word-break: break-word; }
  .uw-focus-visible-break-words:focus-visible { word-break: break-word; }
  .uw-focus-within-break-words:focus-within { word-break: break-word; }
  .uw-group:hover .uw-group-hover-break-words { word-break: break-word; }
  .uw-break-all { word-break: break-all; }
  .uw-hover-break-all:hover { word-break: break-all; }
  .uw-focus-break-all:focus { word-break: break-all; }
  .uw-active-break-all:active { word-break: break-all; }
  .uw-disabled-break-all:disabled { word-break: break-all; }
  .uw-focus-visible-break-all:focus-visible { word-break: break-all; }
  .uw-focus-within-break-all:focus-within { word-break: break-all; }
  .uw-group:hover .uw-group-hover-break-all { word-break: break-all; }
  .uw-overflow-normal { overflow-wrap: normal; }
  .uw-hover-overflow-normal:hover { overflow-wrap: normal; }
  .uw-focus-overflow-normal:focus { overflow-wrap: normal; }
  .uw-active-overflow-normal:active { overflow-wrap: normal; }
  .uw-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  .uw-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  .uw-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  .uw-group:hover .uw-group-hover-overflow-normal { overflow-wrap: normal; }
  .uw-overflow-break { overflow-wrap: break-word; }
  .uw-hover-overflow-break:hover { overflow-wrap: break-word; }
  .uw-focus-overflow-break:focus { overflow-wrap: break-word; }
  .uw-active-overflow-break:active { overflow-wrap: break-word; }
  .uw-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  .uw-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  .uw-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  .uw-group:hover .uw-group-hover-overflow-break { overflow-wrap: break-word; }
  .uw-hyphens-none { hyphens: none; }
  .uw-hover-hyphens-none:hover { hyphens: none; }
  .uw-focus-hyphens-none:focus { hyphens: none; }
  .uw-active-hyphens-none:active { hyphens: none; }
  .uw-disabled-hyphens-none:disabled { hyphens: none; }
  .uw-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  .uw-focus-within-hyphens-none:focus-within { hyphens: none; }
  .uw-group:hover .uw-group-hover-hyphens-none { hyphens: none; }
  .uw-hyphens-manual { hyphens: manual; }
  .uw-hover-hyphens-manual:hover { hyphens: manual; }
  .uw-focus-hyphens-manual:focus { hyphens: manual; }
  .uw-active-hyphens-manual:active { hyphens: manual; }
  .uw-disabled-hyphens-manual:disabled { hyphens: manual; }
  .uw-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  .uw-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  .uw-group:hover .uw-group-hover-hyphens-manual { hyphens: manual; }
  .uw-hyphens-auto { hyphens: auto; }
  .uw-hover-hyphens-auto:hover { hyphens: auto; }
  .uw-focus-hyphens-auto:focus { hyphens: auto; }
  .uw-active-hyphens-auto:active { hyphens: auto; }
  .uw-disabled-hyphens-auto:disabled { hyphens: auto; }
  .uw-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  .uw-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  .uw-group:hover .uw-group-hover-hyphens-auto { hyphens: auto; }
  .uw-bg-attachment-fixed { background-attachment: fixed; }
  .uw-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  .uw-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  .uw-active-bg-attachment-fixed:active { background-attachment: fixed; }
  .uw-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  .uw-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  .uw-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  .uw-group:hover .uw-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  .uw-bg-attachment-local { background-attachment: local; }
  .uw-hover-bg-attachment-local:hover { background-attachment: local; }
  .uw-focus-bg-attachment-local:focus { background-attachment: local; }
  .uw-active-bg-attachment-local:active { background-attachment: local; }
  .uw-disabled-bg-attachment-local:disabled { background-attachment: local; }
  .uw-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  .uw-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  .uw-group:hover .uw-group-hover-bg-attachment-local { background-attachment: local; }
  .uw-bg-attachment-scroll { background-attachment: scroll; }
  .uw-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  .uw-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  .uw-active-bg-attachment-scroll:active { background-attachment: scroll; }
  .uw-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  .uw-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  .uw-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  .uw-group:hover .uw-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  .uw-bg-clip-border { background-clip: border-box; }
  .uw-hover-bg-clip-border:hover { background-clip: border-box; }
  .uw-focus-bg-clip-border:focus { background-clip: border-box; }
  .uw-active-bg-clip-border:active { background-clip: border-box; }
  .uw-disabled-bg-clip-border:disabled { background-clip: border-box; }
  .uw-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  .uw-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  .uw-group:hover .uw-group-hover-bg-clip-border { background-clip: border-box; }
  .uw-bg-clip-padding { background-clip: padding-box; }
  .uw-hover-bg-clip-padding:hover { background-clip: padding-box; }
  .uw-focus-bg-clip-padding:focus { background-clip: padding-box; }
  .uw-active-bg-clip-padding:active { background-clip: padding-box; }
  .uw-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  .uw-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  .uw-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  .uw-group:hover .uw-group-hover-bg-clip-padding { background-clip: padding-box; }
  .uw-bg-clip-content { background-clip: content-box; }
  .uw-hover-bg-clip-content:hover { background-clip: content-box; }
  .uw-focus-bg-clip-content:focus { background-clip: content-box; }
  .uw-active-bg-clip-content:active { background-clip: content-box; }
  .uw-disabled-bg-clip-content:disabled { background-clip: content-box; }
  .uw-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  .uw-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  .uw-group:hover .uw-group-hover-bg-clip-content { background-clip: content-box; }
  .uw-bg-color-transparent { background-color: transparent; }
  .uw-hover-bg-color-transparent:hover { background-color: transparent; }
  .uw-focus-bg-color-transparent:focus { background-color: transparent; }
  .uw-active-bg-color-transparent:active { background-color: transparent; }
  .uw-disabled-bg-color-transparent:disabled { background-color: transparent; }
  .uw-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  .uw-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  .uw-group:hover .uw-group-hover-bg-color-transparent { background-color: transparent; }
  .uw-bg-color-black { background-color: #000; }
  .uw-hover-bg-color-black:hover { background-color: #000; }
  .uw-focus-bg-color-black:focus { background-color: #000; }
  .uw-active-bg-color-black:active { background-color: #000; }
  .uw-disabled-bg-color-black:disabled { background-color: #000; }
  .uw-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  .uw-focus-within-bg-color-black:focus-within { background-color: #000; }
  .uw-group:hover .uw-group-hover-bg-color-black { background-color: #000; }
  .uw-bg-color-white { background-color: #fff; }
  .uw-hover-bg-color-white:hover { background-color: #fff; }
  .uw-focus-bg-color-white:focus { background-color: #fff; }
  .uw-active-bg-color-white:active { background-color: #fff; }
  .uw-disabled-bg-color-white:disabled { background-color: #fff; }
  .uw-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  .uw-focus-within-bg-color-white:focus-within { background-color: #fff; }
  .uw-group:hover .uw-group-hover-bg-color-white { background-color: #fff; }
  .uw-bg-image-none { background-image: none; }
  .uw-hover-bg-image-none:hover { background-image: none; }
  .uw-focus-bg-image-none:focus { background-image: none; }
  .uw-active-bg-image-none:active { background-image: none; }
  .uw-disabled-bg-image-none:disabled { background-image: none; }
  .uw-focus-visible-bg-image-none:focus-visible { background-image: none; }
  .uw-focus-within-bg-image-none:focus-within { background-image: none; }
  .uw-group:hover .uw-group-hover-bg-image-none { background-image: none; }
  .uw-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-group:hover .uw-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  .uw-bg-origin-border { background-origin: border-box; }
  .uw-hover-bg-origin-border:hover { background-origin: border-box; }
  .uw-focus-bg-origin-border:focus { background-origin: border-box; }
  .uw-active-bg-origin-border:active { background-origin: border-box; }
  .uw-disabled-bg-origin-border:disabled { background-origin: border-box; }
  .uw-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  .uw-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  .uw-group:hover .uw-group-hover-bg-origin-border { background-origin: border-box; }
  .uw-bg-origin-padding { background-origin: padding-box; }
  .uw-hover-bg-origin-padding:hover { background-origin: padding-box; }
  .uw-focus-bg-origin-padding:focus { background-origin: padding-box; }
  .uw-active-bg-origin-padding:active { background-origin: padding-box; }
  .uw-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  .uw-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  .uw-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  .uw-group:hover .uw-group-hover-bg-origin-padding { background-origin: padding-box; }
  .uw-bg-origin-content { background-origin: content-box; }
  .uw-hover-bg-origin-content:hover { background-origin: content-box; }
  .uw-focus-bg-origin-content:focus { background-origin: content-box; }
  .uw-active-bg-origin-content:active { background-origin: content-box; }
  .uw-disabled-bg-origin-content:disabled { background-origin: content-box; }
  .uw-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  .uw-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  .uw-group:hover .uw-group-hover-bg-origin-content { background-origin: content-box; }
  .uw-bg-position-center { background-position: center; }
  .uw-hover-bg-position-center:hover { background-position: center; }
  .uw-focus-bg-position-center:focus { background-position: center; }
  .uw-active-bg-position-center:active { background-position: center; }
  .uw-disabled-bg-position-center:disabled { background-position: center; }
  .uw-focus-visible-bg-position-center:focus-visible { background-position: center; }
  .uw-focus-within-bg-position-center:focus-within { background-position: center; }
  .uw-group:hover .uw-group-hover-bg-position-center { background-position: center; }
  .uw-bg-position-top { background-position: top; }
  .uw-hover-bg-position-top:hover { background-position: top; }
  .uw-focus-bg-position-top:focus { background-position: top; }
  .uw-active-bg-position-top:active { background-position: top; }
  .uw-disabled-bg-position-top:disabled { background-position: top; }
  .uw-focus-visible-bg-position-top:focus-visible { background-position: top; }
  .uw-focus-within-bg-position-top:focus-within { background-position: top; }
  .uw-group:hover .uw-group-hover-bg-position-top { background-position: top; }
  .uw-bg-position-bottom { background-position: bottom; }
  .uw-hover-bg-position-bottom:hover { background-position: bottom; }
  .uw-focus-bg-position-bottom:focus { background-position: bottom; }
  .uw-active-bg-position-bottom:active { background-position: bottom; }
  .uw-disabled-bg-position-bottom:disabled { background-position: bottom; }
  .uw-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  .uw-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  .uw-group:hover .uw-group-hover-bg-position-bottom { background-position: bottom; }
  .uw-bg-position-left { background-position: left; }
  .uw-hover-bg-position-left:hover { background-position: left; }
  .uw-focus-bg-position-left:focus { background-position: left; }
  .uw-active-bg-position-left:active { background-position: left; }
  .uw-disabled-bg-position-left:disabled { background-position: left; }
  .uw-focus-visible-bg-position-left:focus-visible { background-position: left; }
  .uw-focus-within-bg-position-left:focus-within { background-position: left; }
  .uw-group:hover .uw-group-hover-bg-position-left { background-position: left; }
  .uw-bg-position-right { background-position: right; }
  .uw-hover-bg-position-right:hover { background-position: right; }
  .uw-focus-bg-position-right:focus { background-position: right; }
  .uw-active-bg-position-right:active { background-position: right; }
  .uw-disabled-bg-position-right:disabled { background-position: right; }
  .uw-focus-visible-bg-position-right:focus-visible { background-position: right; }
  .uw-focus-within-bg-position-right:focus-within { background-position: right; }
  .uw-group:hover .uw-group-hover-bg-position-right { background-position: right; }
  .uw-bg-position-top-left { background-position: top left; }
  .uw-hover-bg-position-top-left:hover { background-position: top left; }
  .uw-focus-bg-position-top-left:focus { background-position: top left; }
  .uw-active-bg-position-top-left:active { background-position: top left; }
  .uw-disabled-bg-position-top-left:disabled { background-position: top left; }
  .uw-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  .uw-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  .uw-group:hover .uw-group-hover-bg-position-top-left { background-position: top left; }
  .uw-bg-position-top-right { background-position: top right; }
  .uw-hover-bg-position-top-right:hover { background-position: top right; }
  .uw-focus-bg-position-top-right:focus { background-position: top right; }
  .uw-active-bg-position-top-right:active { background-position: top right; }
  .uw-disabled-bg-position-top-right:disabled { background-position: top right; }
  .uw-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  .uw-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  .uw-group:hover .uw-group-hover-bg-position-top-right { background-position: top right; }
  .uw-bg-position-bottom-left { background-position: bottom left; }
  .uw-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  .uw-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  .uw-active-bg-position-bottom-left:active { background-position: bottom left; }
  .uw-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  .uw-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  .uw-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  .uw-group:hover .uw-group-hover-bg-position-bottom-left { background-position: bottom left; }
  .uw-bg-position-bottom-right { background-position: bottom right; }
  .uw-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  .uw-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  .uw-active-bg-position-bottom-right:active { background-position: bottom right; }
  .uw-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  .uw-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  .uw-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  .uw-group:hover .uw-group-hover-bg-position-bottom-right { background-position: bottom right; }
  .uw-bg-repeat-none { background-repeat: no-repeat; }
  .uw-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  .uw-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  .uw-active-bg-repeat-none:active { background-repeat: no-repeat; }
  .uw-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  .uw-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  .uw-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  .uw-group:hover .uw-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  .uw-bg-repeat-x { background-repeat: repeat-x; }
  .uw-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  .uw-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  .uw-active-bg-repeat-x:active { background-repeat: repeat-x; }
  .uw-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  .uw-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  .uw-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  .uw-group:hover .uw-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  .uw-bg-repeat-y { background-repeat: repeat-y; }
  .uw-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  .uw-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  .uw-active-bg-repeat-y:active { background-repeat: repeat-y; }
  .uw-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  .uw-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  .uw-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  .uw-group:hover .uw-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  .uw-bg-repeat { background-repeat: repeat; }
  .uw-hover-bg-repeat:hover { background-repeat: repeat; }
  .uw-focus-bg-repeat:focus { background-repeat: repeat; }
  .uw-active-bg-repeat:active { background-repeat: repeat; }
  .uw-disabled-bg-repeat:disabled { background-repeat: repeat; }
  .uw-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  .uw-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  .uw-group:hover .uw-group-hover-bg-repeat { background-repeat: repeat; }
  .uw-bg-repeat-round { background-repeat: round; }
  .uw-hover-bg-repeat-round:hover { background-repeat: round; }
  .uw-focus-bg-repeat-round:focus { background-repeat: round; }
  .uw-active-bg-repeat-round:active { background-repeat: round; }
  .uw-disabled-bg-repeat-round:disabled { background-repeat: round; }
  .uw-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  .uw-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  .uw-group:hover .uw-group-hover-bg-repeat-round { background-repeat: round; }
  .uw-bg-repeat-space { background-repeat: space; }
  .uw-hover-bg-repeat-space:hover { background-repeat: space; }
  .uw-focus-bg-repeat-space:focus { background-repeat: space; }
  .uw-active-bg-repeat-space:active { background-repeat: space; }
  .uw-disabled-bg-repeat-space:disabled { background-repeat: space; }
  .uw-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  .uw-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  .uw-group:hover .uw-group-hover-bg-repeat-space { background-repeat: space; }
  .uw-bg-size-auto { background-size: auto; }
  .uw-hover-bg-size-auto:hover { background-size: auto; }
  .uw-focus-bg-size-auto:focus { background-size: auto; }
  .uw-active-bg-size-auto:active { background-size: auto; }
  .uw-disabled-bg-size-auto:disabled { background-size: auto; }
  .uw-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  .uw-focus-within-bg-size-auto:focus-within { background-size: auto; }
  .uw-group:hover .uw-group-hover-bg-size-auto { background-size: auto; }
  .uw-bg-size-cover { background-size: cover; }
  .uw-hover-bg-size-cover:hover { background-size: cover; }
  .uw-focus-bg-size-cover:focus { background-size: cover; }
  .uw-active-bg-size-cover:active { background-size: cover; }
  .uw-disabled-bg-size-cover:disabled { background-size: cover; }
  .uw-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  .uw-focus-within-bg-size-cover:focus-within { background-size: cover; }
  .uw-group:hover .uw-group-hover-bg-size-cover { background-size: cover; }
  .uw-bg-size-contain { background-size: contain; }
  .uw-hover-bg-size-contain:hover { background-size: contain; }
  .uw-focus-bg-size-contain:focus { background-size: contain; }
  .uw-active-bg-size-contain:active { background-size: contain; }
  .uw-disabled-bg-size-contain:disabled { background-size: contain; }
  .uw-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  .uw-focus-within-bg-size-contain:focus-within { background-size: contain; }
  .uw-group:hover .uw-group-hover-bg-size-contain { background-size: contain; }
  .uw-fill-current { fill: currentColor; }
  .uw-hover-fill-current:hover { fill: currentColor; }
  .uw-focus-fill-current:focus { fill: currentColor; }
  .uw-active-fill-current:active { fill: currentColor; }
  .uw-disabled-fill-current:disabled { fill: currentColor; }
  .uw-focus-visible-fill-current:focus-visible { fill: currentColor; }
  .uw-focus-within-fill-current:focus-within { fill: currentColor; }
  .uw-group:hover .uw-group-hover-fill-current { fill: currentColor; }
  .uw-fill-none { fill: none; }
  .uw-hover-fill-none:hover { fill: none; }
  .uw-focus-fill-none:focus { fill: none; }
  .uw-active-fill-none:active { fill: none; }
  .uw-disabled-fill-none:disabled { fill: none; }
  .uw-focus-visible-fill-none:focus-visible { fill: none; }
  .uw-focus-within-fill-none:focus-within { fill: none; }
  .uw-group:hover .uw-group-hover-fill-none { fill: none; }
  .uw-stroke-current { stroke: currentColor; }
  .uw-hover-stroke-current:hover { stroke: currentColor; }
  .uw-focus-stroke-current:focus { stroke: currentColor; }
  .uw-active-stroke-current:active { stroke: currentColor; }
  .uw-disabled-stroke-current:disabled { stroke: currentColor; }
  .uw-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  .uw-focus-within-stroke-current:focus-within { stroke: currentColor; }
  .uw-group:hover .uw-group-hover-stroke-current { stroke: currentColor; }
  .uw-stroke-0 { stroke-width: 0; }
  .uw-hover-stroke-0:hover { stroke-width: 0; }
  .uw-focus-stroke-0:focus { stroke-width: 0; }
  .uw-active-stroke-0:active { stroke-width: 0; }
  .uw-disabled-stroke-0:disabled { stroke-width: 0; }
  .uw-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  .uw-focus-within-stroke-0:focus-within { stroke-width: 0; }
  .uw-group:hover .uw-group-hover-stroke-0 { stroke-width: 0; }
  .uw-stroke-1 { stroke-width: 1; }
  .uw-hover-stroke-1:hover { stroke-width: 1; }
  .uw-focus-stroke-1:focus { stroke-width: 1; }
  .uw-active-stroke-1:active { stroke-width: 1; }
  .uw-disabled-stroke-1:disabled { stroke-width: 1; }
  .uw-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  .uw-focus-within-stroke-1:focus-within { stroke-width: 1; }
  .uw-group:hover .uw-group-hover-stroke-1 { stroke-width: 1; }
  .uw-stroke-2 { stroke-width: 2; }
  .uw-hover-stroke-2:hover { stroke-width: 2; }
  .uw-focus-stroke-2:focus { stroke-width: 2; }
  .uw-active-stroke-2:active { stroke-width: 2; }
  .uw-disabled-stroke-2:disabled { stroke-width: 2; }
  .uw-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  .uw-focus-within-stroke-2:focus-within { stroke-width: 2; }
  .uw-group:hover .uw-group-hover-stroke-2 { stroke-width: 2; }
  .uw-stroke-4 { stroke-width: 4; }
  .uw-hover-stroke-4:hover { stroke-width: 4; }
  .uw-focus-stroke-4:focus { stroke-width: 4; }
  .uw-active-stroke-4:active { stroke-width: 4; }
  .uw-disabled-stroke-4:disabled { stroke-width: 4; }
  .uw-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  .uw-focus-within-stroke-4:focus-within { stroke-width: 4; }
  .uw-group:hover .uw-group-hover-stroke-4 { stroke-width: 4; }
  .uw-stroke-8 { stroke-width: 8; }
  .uw-hover-stroke-8:hover { stroke-width: 8; }
  .uw-focus-stroke-8:focus { stroke-width: 8; }
  .uw-active-stroke-8:active { stroke-width: 8; }
  .uw-disabled-stroke-8:disabled { stroke-width: 8; }
  .uw-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  .uw-focus-within-stroke-8:focus-within { stroke-width: 8; }
  .uw-group:hover .uw-group-hover-stroke-8 { stroke-width: 8; }
  .uw-line-height-1 { line-height: 1; }
  .uw-hover-line-height-1:hover { line-height: 1; }
  .uw-focus-line-height-1:focus { line-height: 1; }
  .uw-active-line-height-1:active { line-height: 1; }
  .uw-disabled-line-height-1:disabled { line-height: 1; }
  .uw-focus-visible-line-height-1:focus-visible { line-height: 1; }
  .uw-focus-within-line-height-1:focus-within { line-height: 1; }
  .uw-group:hover .uw-group-hover-line-height-1 { line-height: 1; }
  .uw-line-height-2 { line-height: 1.25; }
  .uw-hover-line-height-2:hover { line-height: 1.25; }
  .uw-focus-line-height-2:focus { line-height: 1.25; }
  .uw-active-line-height-2:active { line-height: 1.25; }
  .uw-disabled-line-height-2:disabled { line-height: 1.25; }
  .uw-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  .uw-focus-within-line-height-2:focus-within { line-height: 1.25; }
  .uw-group:hover .uw-group-hover-line-height-2 { line-height: 1.25; }
  .uw-line-height-3 { line-height: 1.375; }
  .uw-hover-line-height-3:hover { line-height: 1.375; }
  .uw-focus-line-height-3:focus { line-height: 1.375; }
  .uw-active-line-height-3:active { line-height: 1.375; }
  .uw-disabled-line-height-3:disabled { line-height: 1.375; }
  .uw-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  .uw-focus-within-line-height-3:focus-within { line-height: 1.375; }
  .uw-group:hover .uw-group-hover-line-height-3 { line-height: 1.375; }
  .uw-line-height-4 { line-height: 1.5; }
  .uw-hover-line-height-4:hover { line-height: 1.5; }
  .uw-focus-line-height-4:focus { line-height: 1.5; }
  .uw-active-line-height-4:active { line-height: 1.5; }
  .uw-disabled-line-height-4:disabled { line-height: 1.5; }
  .uw-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  .uw-focus-within-line-height-4:focus-within { line-height: 1.5; }
  .uw-group:hover .uw-group-hover-line-height-4 { line-height: 1.5; }
  .uw-line-height-5 { line-height: 1.625; }
  .uw-hover-line-height-5:hover { line-height: 1.625; }
  .uw-focus-line-height-5:focus { line-height: 1.625; }
  .uw-active-line-height-5:active { line-height: 1.625; }
  .uw-disabled-line-height-5:disabled { line-height: 1.625; }
  .uw-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  .uw-focus-within-line-height-5:focus-within { line-height: 1.625; }
  .uw-group:hover .uw-group-hover-line-height-5 { line-height: 1.625; }
  .uw-line-height-6 { line-height: 1.75; }
  .uw-hover-line-height-6:hover { line-height: 1.75; }
  .uw-focus-line-height-6:focus { line-height: 1.75; }
  .uw-active-line-height-6:active { line-height: 1.75; }
  .uw-disabled-line-height-6:disabled { line-height: 1.75; }
  .uw-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  .uw-focus-within-line-height-6:focus-within { line-height: 1.75; }
  .uw-group:hover .uw-group-hover-line-height-6 { line-height: 1.75; }
  .uw-line-height-7 { line-height: 2; }
  .uw-hover-line-height-7:hover { line-height: 2; }
  .uw-focus-line-height-7:focus { line-height: 2; }
  .uw-active-line-height-7:active { line-height: 2; }
  .uw-disabled-line-height-7:disabled { line-height: 2; }
  .uw-focus-visible-line-height-7:focus-visible { line-height: 2; }
  .uw-focus-within-line-height-7:focus-within { line-height: 2; }
  .uw-group:hover .uw-group-hover-line-height-7 { line-height: 2; }
  .uw-text-left { text-align: left; }
  .uw-hover-text-left:hover { text-align: left; }
  .uw-focus-text-left:focus { text-align: left; }
  .uw-active-text-left:active { text-align: left; }
  .uw-disabled-text-left:disabled { text-align: left; }
  .uw-focus-visible-text-left:focus-visible { text-align: left; }
  .uw-focus-within-text-left:focus-within { text-align: left; }
  .uw-group:hover .uw-group-hover-text-left { text-align: left; }
  .uw-text-center { text-align: center; }
  .uw-hover-text-center:hover { text-align: center; }
  .uw-focus-text-center:focus { text-align: center; }
  .uw-active-text-center:active { text-align: center; }
  .uw-disabled-text-center:disabled { text-align: center; }
  .uw-focus-visible-text-center:focus-visible { text-align: center; }
  .uw-focus-within-text-center:focus-within { text-align: center; }
  .uw-group:hover .uw-group-hover-text-center { text-align: center; }
  .uw-text-right { text-align: right; }
  .uw-hover-text-right:hover { text-align: right; }
  .uw-focus-text-right:focus { text-align: right; }
  .uw-active-text-right:active { text-align: right; }
  .uw-disabled-text-right:disabled { text-align: right; }
  .uw-focus-visible-text-right:focus-visible { text-align: right; }
  .uw-focus-within-text-right:focus-within { text-align: right; }
  .uw-group:hover .uw-group-hover-text-right { text-align: right; }
  .uw-text-justify { text-align: justify; }
  .uw-hover-text-justify:hover { text-align: justify; }
  .uw-focus-text-justify:focus { text-align: justify; }
  .uw-active-text-justify:active { text-align: justify; }
  .uw-disabled-text-justify:disabled { text-align: justify; }
  .uw-focus-visible-text-justify:focus-visible { text-align: justify; }
  .uw-focus-within-text-justify:focus-within { text-align: justify; }
  .uw-group:hover .uw-group-hover-text-justify { text-align: justify; }
  .uw-justify-start { justify-content: flex-start; }
  .uw-hover-justify-start:hover { justify-content: flex-start; }
  .uw-focus-justify-start:focus { justify-content: flex-start; }
  .uw-active-justify-start:active { justify-content: flex-start; }
  .uw-disabled-justify-start:disabled { justify-content: flex-start; }
  .uw-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  .uw-focus-within-justify-start:focus-within { justify-content: flex-start; }
  .uw-group:hover .uw-group-hover-justify-start { justify-content: flex-start; }
  .uw-justify-center { justify-content: center; }
  .uw-hover-justify-center:hover { justify-content: center; }
  .uw-focus-justify-center:focus { justify-content: center; }
  .uw-active-justify-center:active { justify-content: center; }
  .uw-disabled-justify-center:disabled { justify-content: center; }
  .uw-focus-visible-justify-center:focus-visible { justify-content: center; }
  .uw-focus-within-justify-center:focus-within { justify-content: center; }
  .uw-group:hover .uw-group-hover-justify-center { justify-content: center; }
  .uw-justify-end { justify-content: flex-end; }
  .uw-hover-justify-end:hover { justify-content: flex-end; }
  .uw-focus-justify-end:focus { justify-content: flex-end; }
  .uw-active-justify-end:active { justify-content: flex-end; }
  .uw-disabled-justify-end:disabled { justify-content: flex-end; }
  .uw-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  .uw-focus-within-justify-end:focus-within { justify-content: flex-end; }
  .uw-group:hover .uw-group-hover-justify-end { justify-content: flex-end; }
  .uw-justify-between { justify-content: space-between; }
  .uw-hover-justify-between:hover { justify-content: space-between; }
  .uw-focus-justify-between:focus { justify-content: space-between; }
  .uw-active-justify-between:active { justify-content: space-between; }
  .uw-disabled-justify-between:disabled { justify-content: space-between; }
  .uw-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  .uw-focus-within-justify-between:focus-within { justify-content: space-between; }
  .uw-group:hover .uw-group-hover-justify-between { justify-content: space-between; }
  .uw-justify-around { justify-content: space-around; }
  .uw-hover-justify-around:hover { justify-content: space-around; }
  .uw-focus-justify-around:focus { justify-content: space-around; }
  .uw-active-justify-around:active { justify-content: space-around; }
  .uw-disabled-justify-around:disabled { justify-content: space-around; }
  .uw-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  .uw-focus-within-justify-around:focus-within { justify-content: space-around; }
  .uw-group:hover .uw-group-hover-justify-around { justify-content: space-around; }
  .uw-justify-evenly { justify-content: space-evenly; }
  .uw-hover-justify-evenly:hover { justify-content: space-evenly; }
  .uw-focus-justify-evenly:focus { justify-content: space-evenly; }
  .uw-active-justify-evenly:active { justify-content: space-evenly; }
  .uw-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  .uw-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  .uw-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  .uw-group:hover .uw-group-hover-justify-evenly { justify-content: space-evenly; }
  .uw-items-start { align-items: flex-start; }
  .uw-hover-items-start:hover { align-items: flex-start; }
  .uw-focus-items-start:focus { align-items: flex-start; }
  .uw-active-items-start:active { align-items: flex-start; }
  .uw-disabled-items-start:disabled { align-items: flex-start; }
  .uw-focus-visible-items-start:focus-visible { align-items: flex-start; }
  .uw-focus-within-items-start:focus-within { align-items: flex-start; }
  .uw-group:hover .uw-group-hover-items-start { align-items: flex-start; }
  .uw-items-center { align-items: center; }
  .uw-hover-items-center:hover { align-items: center; }
  .uw-focus-items-center:focus { align-items: center; }
  .uw-active-items-center:active { align-items: center; }
  .uw-disabled-items-center:disabled { align-items: center; }
  .uw-focus-visible-items-center:focus-visible { align-items: center; }
  .uw-focus-within-items-center:focus-within { align-items: center; }
  .uw-group:hover .uw-group-hover-items-center { align-items: center; }
  .uw-items-end { align-items: flex-end; }
  .uw-hover-items-end:hover { align-items: flex-end; }
  .uw-focus-items-end:focus { align-items: flex-end; }
  .uw-active-items-end:active { align-items: flex-end; }
  .uw-disabled-items-end:disabled { align-items: flex-end; }
  .uw-focus-visible-items-end:focus-visible { align-items: flex-end; }
  .uw-focus-within-items-end:focus-within { align-items: flex-end; }
  .uw-group:hover .uw-group-hover-items-end { align-items: flex-end; }
  .uw-items-baseline { align-items: baseline; }
  .uw-hover-items-baseline:hover { align-items: baseline; }
  .uw-focus-items-baseline:focus { align-items: baseline; }
  .uw-active-items-baseline:active { align-items: baseline; }
  .uw-disabled-items-baseline:disabled { align-items: baseline; }
  .uw-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  .uw-focus-within-items-baseline:focus-within { align-items: baseline; }
  .uw-group:hover .uw-group-hover-items-baseline { align-items: baseline; }
  .uw-items-stretch { align-items: stretch; }
  .uw-hover-items-stretch:hover { align-items: stretch; }
  .uw-focus-items-stretch:focus { align-items: stretch; }
  .uw-active-items-stretch:active { align-items: stretch; }
  .uw-disabled-items-stretch:disabled { align-items: stretch; }
  .uw-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  .uw-focus-within-items-stretch:focus-within { align-items: stretch; }
  .uw-group:hover .uw-group-hover-items-stretch { align-items: stretch; }
  .uw-content-start { align-content: flex-start; }
  .uw-hover-content-start:hover { align-content: flex-start; }
  .uw-focus-content-start:focus { align-content: flex-start; }
  .uw-active-content-start:active { align-content: flex-start; }
  .uw-disabled-content-start:disabled { align-content: flex-start; }
  .uw-focus-visible-content-start:focus-visible { align-content: flex-start; }
  .uw-focus-within-content-start:focus-within { align-content: flex-start; }
  .uw-group:hover .uw-group-hover-content-start { align-content: flex-start; }
  .uw-content-center { align-content: center; }
  .uw-hover-content-center:hover { align-content: center; }
  .uw-focus-content-center:focus { align-content: center; }
  .uw-active-content-center:active { align-content: center; }
  .uw-disabled-content-center:disabled { align-content: center; }
  .uw-focus-visible-content-center:focus-visible { align-content: center; }
  .uw-focus-within-content-center:focus-within { align-content: center; }
  .uw-group:hover .uw-group-hover-content-center { align-content: center; }
  .uw-content-end { align-content: flex-end; }
  .uw-hover-content-end:hover { align-content: flex-end; }
  .uw-focus-content-end:focus { align-content: flex-end; }
  .uw-active-content-end:active { align-content: flex-end; }
  .uw-disabled-content-end:disabled { align-content: flex-end; }
  .uw-focus-visible-content-end:focus-visible { align-content: flex-end; }
  .uw-focus-within-content-end:focus-within { align-content: flex-end; }
  .uw-group:hover .uw-group-hover-content-end { align-content: flex-end; }
  .uw-content-between { align-content: space-between; }
  .uw-hover-content-between:hover { align-content: space-between; }
  .uw-focus-content-between:focus { align-content: space-between; }
  .uw-active-content-between:active { align-content: space-between; }
  .uw-disabled-content-between:disabled { align-content: space-between; }
  .uw-focus-visible-content-between:focus-visible { align-content: space-between; }
  .uw-focus-within-content-between:focus-within { align-content: space-between; }
  .uw-group:hover .uw-group-hover-content-between { align-content: space-between; }
  .uw-content-around { align-content: space-around; }
  .uw-hover-content-around:hover { align-content: space-around; }
  .uw-focus-content-around:focus { align-content: space-around; }
  .uw-active-content-around:active { align-content: space-around; }
  .uw-disabled-content-around:disabled { align-content: space-around; }
  .uw-focus-visible-content-around:focus-visible { align-content: space-around; }
  .uw-focus-within-content-around:focus-within { align-content: space-around; }
  .uw-group:hover .uw-group-hover-content-around { align-content: space-around; }
  .uw-content-evenly { align-content: space-evenly; }
  .uw-hover-content-evenly:hover { align-content: space-evenly; }
  .uw-focus-content-evenly:focus { align-content: space-evenly; }
  .uw-active-content-evenly:active { align-content: space-evenly; }
  .uw-disabled-content-evenly:disabled { align-content: space-evenly; }
  .uw-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  .uw-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  .uw-group:hover .uw-group-hover-content-evenly { align-content: space-evenly; }
  .uw-self-auto { align-self: auto; }
  .uw-hover-self-auto:hover { align-self: auto; }
  .uw-focus-self-auto:focus { align-self: auto; }
  .uw-active-self-auto:active { align-self: auto; }
  .uw-disabled-self-auto:disabled { align-self: auto; }
  .uw-focus-visible-self-auto:focus-visible { align-self: auto; }
  .uw-focus-within-self-auto:focus-within { align-self: auto; }
  .uw-group:hover .uw-group-hover-self-auto { align-self: auto; }
  .uw-self-start { align-self: flex-start; }
  .uw-hover-self-start:hover { align-self: flex-start; }
  .uw-focus-self-start:focus { align-self: flex-start; }
  .uw-active-self-start:active { align-self: flex-start; }
  .uw-disabled-self-start:disabled { align-self: flex-start; }
  .uw-focus-visible-self-start:focus-visible { align-self: flex-start; }
  .uw-focus-within-self-start:focus-within { align-self: flex-start; }
  .uw-group:hover .uw-group-hover-self-start { align-self: flex-start; }
  .uw-self-center { align-self: center; }
  .uw-hover-self-center:hover { align-self: center; }
  .uw-focus-self-center:focus { align-self: center; }
  .uw-active-self-center:active { align-self: center; }
  .uw-disabled-self-center:disabled { align-self: center; }
  .uw-focus-visible-self-center:focus-visible { align-self: center; }
  .uw-focus-within-self-center:focus-within { align-self: center; }
  .uw-group:hover .uw-group-hover-self-center { align-self: center; }
  .uw-self-end { align-self: flex-end; }
  .uw-hover-self-end:hover { align-self: flex-end; }
  .uw-focus-self-end:focus { align-self: flex-end; }
  .uw-active-self-end:active { align-self: flex-end; }
  .uw-disabled-self-end:disabled { align-self: flex-end; }
  .uw-focus-visible-self-end:focus-visible { align-self: flex-end; }
  .uw-focus-within-self-end:focus-within { align-self: flex-end; }
  .uw-group:hover .uw-group-hover-self-end { align-self: flex-end; }
  .uw-self-stretch { align-self: stretch; }
  .uw-hover-self-stretch:hover { align-self: stretch; }
  .uw-focus-self-stretch:focus { align-self: stretch; }
  .uw-active-self-stretch:active { align-self: stretch; }
  .uw-disabled-self-stretch:disabled { align-self: stretch; }
  .uw-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  .uw-focus-within-self-stretch:focus-within { align-self: stretch; }
  .uw-group:hover .uw-group-hover-self-stretch { align-self: stretch; }
  .uw-place-items-start { place-items: start; }
  .uw-hover-place-items-start:hover { place-items: start; }
  .uw-focus-place-items-start:focus { place-items: start; }
  .uw-active-place-items-start:active { place-items: start; }
  .uw-disabled-place-items-start:disabled { place-items: start; }
  .uw-focus-visible-place-items-start:focus-visible { place-items: start; }
  .uw-focus-within-place-items-start:focus-within { place-items: start; }
  .uw-group:hover .uw-group-hover-place-items-start { place-items: start; }
  .uw-place-items-center { place-items: center; }
  .uw-hover-place-items-center:hover { place-items: center; }
  .uw-focus-place-items-center:focus { place-items: center; }
  .uw-active-place-items-center:active { place-items: center; }
  .uw-disabled-place-items-center:disabled { place-items: center; }
  .uw-focus-visible-place-items-center:focus-visible { place-items: center; }
  .uw-focus-within-place-items-center:focus-within { place-items: center; }
  .uw-group:hover .uw-group-hover-place-items-center { place-items: center; }
  .uw-place-items-end { place-items: end; }
  .uw-hover-place-items-end:hover { place-items: end; }
  .uw-focus-place-items-end:focus { place-items: end; }
  .uw-active-place-items-end:active { place-items: end; }
  .uw-disabled-place-items-end:disabled { place-items: end; }
  .uw-focus-visible-place-items-end:focus-visible { place-items: end; }
  .uw-focus-within-place-items-end:focus-within { place-items: end; }
  .uw-group:hover .uw-group-hover-place-items-end { place-items: end; }
  .uw-place-items-stretch { place-items: stretch; }
  .uw-hover-place-items-stretch:hover { place-items: stretch; }
  .uw-focus-place-items-stretch:focus { place-items: stretch; }
  .uw-active-place-items-stretch:active { place-items: stretch; }
  .uw-disabled-place-items-stretch:disabled { place-items: stretch; }
  .uw-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  .uw-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  .uw-group:hover .uw-group-hover-place-items-stretch { place-items: stretch; }
  .uw-place-content-start { place-content: start; }
  .uw-hover-place-content-start:hover { place-content: start; }
  .uw-focus-place-content-start:focus { place-content: start; }
  .uw-active-place-content-start:active { place-content: start; }
  .uw-disabled-place-content-start:disabled { place-content: start; }
  .uw-focus-visible-place-content-start:focus-visible { place-content: start; }
  .uw-focus-within-place-content-start:focus-within { place-content: start; }
  .uw-group:hover .uw-group-hover-place-content-start { place-content: start; }
  .uw-place-content-center { place-content: center; }
  .uw-hover-place-content-center:hover { place-content: center; }
  .uw-focus-place-content-center:focus { place-content: center; }
  .uw-active-place-content-center:active { place-content: center; }
  .uw-disabled-place-content-center:disabled { place-content: center; }
  .uw-focus-visible-place-content-center:focus-visible { place-content: center; }
  .uw-focus-within-place-content-center:focus-within { place-content: center; }
  .uw-group:hover .uw-group-hover-place-content-center { place-content: center; }
  .uw-place-content-end { place-content: end; }
  .uw-hover-place-content-end:hover { place-content: end; }
  .uw-focus-place-content-end:focus { place-content: end; }
  .uw-active-place-content-end:active { place-content: end; }
  .uw-disabled-place-content-end:disabled { place-content: end; }
  .uw-focus-visible-place-content-end:focus-visible { place-content: end; }
  .uw-focus-within-place-content-end:focus-within { place-content: end; }
  .uw-group:hover .uw-group-hover-place-content-end { place-content: end; }
  .uw-place-content-between { place-content: space-between; }
  .uw-hover-place-content-between:hover { place-content: space-between; }
  .uw-focus-place-content-between:focus { place-content: space-between; }
  .uw-active-place-content-between:active { place-content: space-between; }
  .uw-disabled-place-content-between:disabled { place-content: space-between; }
  .uw-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  .uw-focus-within-place-content-between:focus-within { place-content: space-between; }
  .uw-group:hover .uw-group-hover-place-content-between { place-content: space-between; }
  .uw-place-content-around { place-content: space-around; }
  .uw-hover-place-content-around:hover { place-content: space-around; }
  .uw-focus-place-content-around:focus { place-content: space-around; }
  .uw-active-place-content-around:active { place-content: space-around; }
  .uw-disabled-place-content-around:disabled { place-content: space-around; }
  .uw-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  .uw-focus-within-place-content-around:focus-within { place-content: space-around; }
  .uw-group:hover .uw-group-hover-place-content-around { place-content: space-around; }
  .uw-place-self-auto { place-self: auto; }
  .uw-hover-place-self-auto:hover { place-self: auto; }
  .uw-focus-place-self-auto:focus { place-self: auto; }
  .uw-active-place-self-auto:active { place-self: auto; }
  .uw-disabled-place-self-auto:disabled { place-self: auto; }
  .uw-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  .uw-focus-within-place-self-auto:focus-within { place-self: auto; }
  .uw-group:hover .uw-group-hover-place-self-auto { place-self: auto; }
  .uw-place-self-start { place-self: start; }
  .uw-hover-place-self-start:hover { place-self: start; }
  .uw-focus-place-self-start:focus { place-self: start; }
  .uw-active-place-self-start:active { place-self: start; }
  .uw-disabled-place-self-start:disabled { place-self: start; }
  .uw-focus-visible-place-self-start:focus-visible { place-self: start; }
  .uw-focus-within-place-self-start:focus-within { place-self: start; }
  .uw-group:hover .uw-group-hover-place-self-start { place-self: start; }
  .uw-place-self-center { place-self: center; }
  .uw-hover-place-self-center:hover { place-self: center; }
  .uw-focus-place-self-center:focus { place-self: center; }
  .uw-active-place-self-center:active { place-self: center; }
  .uw-disabled-place-self-center:disabled { place-self: center; }
  .uw-focus-visible-place-self-center:focus-visible { place-self: center; }
  .uw-focus-within-place-self-center:focus-within { place-self: center; }
  .uw-group:hover .uw-group-hover-place-self-center { place-self: center; }
  .uw-place-self-end { place-self: end; }
  .uw-hover-place-self-end:hover { place-self: end; }
  .uw-focus-place-self-end:focus { place-self: end; }
  .uw-active-place-self-end:active { place-self: end; }
  .uw-disabled-place-self-end:disabled { place-self: end; }
  .uw-focus-visible-place-self-end:focus-visible { place-self: end; }
  .uw-focus-within-place-self-end:focus-within { place-self: end; }
  .uw-group:hover .uw-group-hover-place-self-end { place-self: end; }
  .uw-text-uppercase { text-transform: uppercase; }
  .uw-hover-text-uppercase:hover { text-transform: uppercase; }
  .uw-focus-text-uppercase:focus { text-transform: uppercase; }
  .uw-active-text-uppercase:active { text-transform: uppercase; }
  .uw-disabled-text-uppercase:disabled { text-transform: uppercase; }
  .uw-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  .uw-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  .uw-group:hover .uw-group-hover-text-uppercase { text-transform: uppercase; }
  .uw-text-lowercase { text-transform: lowercase; }
  .uw-hover-text-lowercase:hover { text-transform: lowercase; }
  .uw-focus-text-lowercase:focus { text-transform: lowercase; }
  .uw-active-text-lowercase:active { text-transform: lowercase; }
  .uw-disabled-text-lowercase:disabled { text-transform: lowercase; }
  .uw-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  .uw-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  .uw-group:hover .uw-group-hover-text-lowercase { text-transform: lowercase; }
  .uw-text-capitalize { text-transform: capitalize; }
  .uw-hover-text-capitalize:hover { text-transform: capitalize; }
  .uw-focus-text-capitalize:focus { text-transform: capitalize; }
  .uw-active-text-capitalize:active { text-transform: capitalize; }
  .uw-disabled-text-capitalize:disabled { text-transform: capitalize; }
  .uw-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  .uw-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  .uw-group:hover .uw-group-hover-text-capitalize { text-transform: capitalize; }
  .uw-tracking-tight { letter-spacing: -0.05em; }
  .uw-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  .uw-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  .uw-active-tracking-tight:active { letter-spacing: -0.05em; }
  .uw-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  .uw-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  .uw-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  .uw-group:hover .uw-group-hover-tracking-tight { letter-spacing: -0.05em; }
  .uw-tracking-normal { letter-spacing: 0; }
  .uw-hover-tracking-normal:hover { letter-spacing: 0; }
  .uw-focus-tracking-normal:focus { letter-spacing: 0; }
  .uw-active-tracking-normal:active { letter-spacing: 0; }
  .uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
  .uw-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  .uw-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  .uw-group:hover .uw-group-hover-tracking-normal { letter-spacing: 0; }
  .uw-tracking-wide { letter-spacing: 0.05em; }
  .uw-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  .uw-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  .uw-active-tracking-wide:active { letter-spacing: 0.05em; }
  .uw-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  .uw-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  .uw-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  .uw-group:hover .uw-group-hover-tracking-wide { letter-spacing: 0.05em; }
  .uw-underline { text-decoration: underline; }
  .uw-hover-underline:hover { text-decoration: underline; }
  .uw-focus-underline:focus { text-decoration: underline; }
  .uw-active-underline:active { text-decoration: underline; }
  .uw-disabled-underline:disabled { text-decoration: underline; }
  .uw-focus-visible-underline:focus-visible { text-decoration: underline; }
  .uw-focus-within-underline:focus-within { text-decoration: underline; }
  .uw-group:hover .uw-group-hover-underline { text-decoration: underline; }
  .uw-line-through { text-decoration: line-through; }
  .uw-hover-line-through:hover { text-decoration: line-through; }
  .uw-focus-line-through:focus { text-decoration: line-through; }
  .uw-active-line-through:active { text-decoration: line-through; }
  .uw-disabled-line-through:disabled { text-decoration: line-through; }
  .uw-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  .uw-focus-within-line-through:focus-within { text-decoration: line-through; }
  .uw-group:hover .uw-group-hover-line-through { text-decoration: line-through; }
  .uw-no-underline { text-decoration: none; }
  .uw-hover-no-underline:hover { text-decoration: none; }
  .uw-focus-no-underline:focus { text-decoration: none; }
  .uw-active-no-underline:active { text-decoration: none; }
  .uw-disabled-no-underline:disabled { text-decoration: none; }
  .uw-focus-visible-no-underline:focus-visible { text-decoration: none; }
  .uw-focus-within-no-underline:focus-within { text-decoration: none; }
  .uw-group:hover .uw-group-hover-no-underline { text-decoration: none; }
  .uw-text-black { color: var(--black); }
  .uw-hover-text-black:hover { color: var(--black); }
  .uw-focus-text-black:focus { color: var(--black); }
  .uw-active-text-black:active { color: var(--black); }
  .uw-disabled-text-black:disabled { color: var(--black); }
  .uw-focus-visible-text-black:focus-visible { color: var(--black); }
  .uw-focus-within-text-black:focus-within { color: var(--black); }
  .uw-group:hover .uw-group-hover-text-black { color: var(--black); }
  .uw-text-white { color: var(--white); }
  .uw-hover-text-white:hover { color: var(--white); }
  .uw-focus-text-white:focus { color: var(--white); }
  .uw-active-text-white:active { color: var(--white); }
  .uw-disabled-text-white:disabled { color: var(--white); }
  .uw-focus-visible-text-white:focus-visible { color: var(--white); }
  .uw-focus-within-text-white:focus-within { color: var(--white); }
  .uw-group:hover .uw-group-hover-text-white { color: var(--white); }
  .uw-text-red-50 { color: var(--quanta-red-50); }
  .uw-hover-text-red-50:hover { color: var(--quanta-red-50); }
  .uw-focus-text-red-50:focus { color: var(--quanta-red-50); }
  .uw-active-text-red-50:active { color: var(--quanta-red-50); }
  .uw-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  .uw-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  .uw-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-text-red-50 { color: var(--quanta-red-50); }
  .uw-text-red-100 { color: var(--quanta-red-100); }
  .uw-hover-text-red-100:hover { color: var(--quanta-red-100); }
  .uw-focus-text-red-100:focus { color: var(--quanta-red-100); }
  .uw-active-text-red-100:active { color: var(--quanta-red-100); }
  .uw-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  .uw-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  .uw-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-text-red-100 { color: var(--quanta-red-100); }
  .uw-text-red-200 { color: var(--quanta-red-200); }
  .uw-hover-text-red-200:hover { color: var(--quanta-red-200); }
  .uw-focus-text-red-200:focus { color: var(--quanta-red-200); }
  .uw-active-text-red-200:active { color: var(--quanta-red-200); }
  .uw-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  .uw-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  .uw-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-text-red-200 { color: var(--quanta-red-200); }
  .uw-text-red-300 { color: var(--quanta-red-300); }
  .uw-hover-text-red-300:hover { color: var(--quanta-red-300); }
  .uw-focus-text-red-300:focus { color: var(--quanta-red-300); }
  .uw-active-text-red-300:active { color: var(--quanta-red-300); }
  .uw-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  .uw-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  .uw-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-text-red-300 { color: var(--quanta-red-300); }
  .uw-text-red-400 { color: var(--quanta-red-400); }
  .uw-hover-text-red-400:hover { color: var(--quanta-red-400); }
  .uw-focus-text-red-400:focus { color: var(--quanta-red-400); }
  .uw-active-text-red-400:active { color: var(--quanta-red-400); }
  .uw-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  .uw-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  .uw-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-text-red-400 { color: var(--quanta-red-400); }
  .uw-text-red-500 { color: var(--quanta-red-500); }
  .uw-hover-text-red-500:hover { color: var(--quanta-red-500); }
  .uw-focus-text-red-500:focus { color: var(--quanta-red-500); }
  .uw-active-text-red-500:active { color: var(--quanta-red-500); }
  .uw-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  .uw-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  .uw-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-text-red-500 { color: var(--quanta-red-500); }
  .uw-text-red-600 { color: var(--quanta-red-600); }
  .uw-hover-text-red-600:hover { color: var(--quanta-red-600); }
  .uw-focus-text-red-600:focus { color: var(--quanta-red-600); }
  .uw-active-text-red-600:active { color: var(--quanta-red-600); }
  .uw-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  .uw-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  .uw-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-text-red-600 { color: var(--quanta-red-600); }
  .uw-text-red-700 { color: var(--quanta-red-700); }
  .uw-hover-text-red-700:hover { color: var(--quanta-red-700); }
  .uw-focus-text-red-700:focus { color: var(--quanta-red-700); }
  .uw-active-text-red-700:active { color: var(--quanta-red-700); }
  .uw-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  .uw-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  .uw-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-text-red-700 { color: var(--quanta-red-700); }
  .uw-text-red-800 { color: var(--quanta-red-800); }
  .uw-hover-text-red-800:hover { color: var(--quanta-red-800); }
  .uw-focus-text-red-800:focus { color: var(--quanta-red-800); }
  .uw-active-text-red-800:active { color: var(--quanta-red-800); }
  .uw-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  .uw-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  .uw-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-text-red-800 { color: var(--quanta-red-800); }
  .uw-text-red-900 { color: var(--quanta-red-900); }
  .uw-hover-text-red-900:hover { color: var(--quanta-red-900); }
  .uw-focus-text-red-900:focus { color: var(--quanta-red-900); }
  .uw-active-text-red-900:active { color: var(--quanta-red-900); }
  .uw-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  .uw-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  .uw-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-text-red-900 { color: var(--quanta-red-900); }
  .uw-text-orange-50 { color: var(--quanta-orange-50); }
  .uw-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  .uw-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  .uw-active-text-orange-50:active { color: var(--quanta-orange-50); }
  .uw-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  .uw-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  .uw-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  .uw-text-orange-100 { color: var(--quanta-orange-100); }
  .uw-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  .uw-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  .uw-active-text-orange-100:active { color: var(--quanta-orange-100); }
  .uw-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  .uw-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  .uw-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  .uw-text-orange-200 { color: var(--quanta-orange-200); }
  .uw-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  .uw-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  .uw-active-text-orange-200:active { color: var(--quanta-orange-200); }
  .uw-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  .uw-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  .uw-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  .uw-text-orange-300 { color: var(--quanta-orange-300); }
  .uw-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  .uw-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  .uw-active-text-orange-300:active { color: var(--quanta-orange-300); }
  .uw-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  .uw-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  .uw-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  .uw-text-orange-400 { color: var(--quanta-orange-400); }
  .uw-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  .uw-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  .uw-active-text-orange-400:active { color: var(--quanta-orange-400); }
  .uw-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  .uw-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  .uw-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  .uw-text-orange-500 { color: var(--quanta-orange-500); }
  .uw-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  .uw-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  .uw-active-text-orange-500:active { color: var(--quanta-orange-500); }
  .uw-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  .uw-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  .uw-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  .uw-text-orange-600 { color: var(--quanta-orange-600); }
  .uw-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  .uw-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  .uw-active-text-orange-600:active { color: var(--quanta-orange-600); }
  .uw-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  .uw-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  .uw-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  .uw-text-orange-700 { color: var(--quanta-orange-700); }
  .uw-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  .uw-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  .uw-active-text-orange-700:active { color: var(--quanta-orange-700); }
  .uw-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  .uw-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  .uw-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  .uw-text-orange-800 { color: var(--quanta-orange-800); }
  .uw-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  .uw-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  .uw-active-text-orange-800:active { color: var(--quanta-orange-800); }
  .uw-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  .uw-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  .uw-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  .uw-text-orange-900 { color: var(--quanta-orange-900); }
  .uw-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  .uw-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  .uw-active-text-orange-900:active { color: var(--quanta-orange-900); }
  .uw-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  .uw-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  .uw-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  .uw-text-teal-50 { color: var(--quanta-teal-50); }
  .uw-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  .uw-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  .uw-active-text-teal-50:active { color: var(--quanta-teal-50); }
  .uw-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  .uw-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  .uw-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  .uw-text-teal-100 { color: var(--quanta-teal-100); }
  .uw-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  .uw-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  .uw-active-text-teal-100:active { color: var(--quanta-teal-100); }
  .uw-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  .uw-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  .uw-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  .uw-text-teal-200 { color: var(--quanta-teal-200); }
  .uw-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  .uw-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  .uw-active-text-teal-200:active { color: var(--quanta-teal-200); }
  .uw-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  .uw-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  .uw-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  .uw-text-teal-300 { color: var(--quanta-teal-300); }
  .uw-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  .uw-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  .uw-active-text-teal-300:active { color: var(--quanta-teal-300); }
  .uw-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  .uw-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  .uw-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  .uw-text-teal-400 { color: var(--quanta-teal-400); }
  .uw-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  .uw-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  .uw-active-text-teal-400:active { color: var(--quanta-teal-400); }
  .uw-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  .uw-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  .uw-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  .uw-text-teal-500 { color: var(--quanta-teal-500); }
  .uw-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  .uw-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  .uw-active-text-teal-500:active { color: var(--quanta-teal-500); }
  .uw-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  .uw-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  .uw-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  .uw-text-teal-600 { color: var(--quanta-teal-600); }
  .uw-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  .uw-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  .uw-active-text-teal-600:active { color: var(--quanta-teal-600); }
  .uw-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  .uw-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  .uw-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  .uw-text-teal-700 { color: var(--quanta-teal-700); }
  .uw-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  .uw-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  .uw-active-text-teal-700:active { color: var(--quanta-teal-700); }
  .uw-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  .uw-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  .uw-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  .uw-text-teal-800 { color: var(--quanta-teal-800); }
  .uw-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  .uw-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  .uw-active-text-teal-800:active { color: var(--quanta-teal-800); }
  .uw-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  .uw-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  .uw-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  .uw-text-teal-900 { color: var(--quanta-teal-900); }
  .uw-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  .uw-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  .uw-active-text-teal-900:active { color: var(--quanta-teal-900); }
  .uw-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  .uw-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  .uw-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  .uw-text-purple-50 { color: var(--quanta-purple-50); }
  .uw-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  .uw-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  .uw-active-text-purple-50:active { color: var(--quanta-purple-50); }
  .uw-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  .uw-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  .uw-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  .uw-text-purple-100 { color: var(--quanta-purple-100); }
  .uw-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  .uw-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  .uw-active-text-purple-100:active { color: var(--quanta-purple-100); }
  .uw-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  .uw-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  .uw-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  .uw-text-purple-200 { color: var(--quanta-purple-200); }
  .uw-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  .uw-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  .uw-active-text-purple-200:active { color: var(--quanta-purple-200); }
  .uw-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  .uw-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  .uw-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  .uw-text-purple-300 { color: var(--quanta-purple-300); }
  .uw-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  .uw-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  .uw-active-text-purple-300:active { color: var(--quanta-purple-300); }
  .uw-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  .uw-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  .uw-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  .uw-text-purple-400 { color: var(--quanta-purple-400); }
  .uw-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  .uw-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  .uw-active-text-purple-400:active { color: var(--quanta-purple-400); }
  .uw-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  .uw-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  .uw-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  .uw-text-purple-500 { color: var(--quanta-purple-500); }
  .uw-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  .uw-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  .uw-active-text-purple-500:active { color: var(--quanta-purple-500); }
  .uw-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  .uw-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  .uw-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  .uw-text-purple-600 { color: var(--quanta-purple-600); }
  .uw-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  .uw-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  .uw-active-text-purple-600:active { color: var(--quanta-purple-600); }
  .uw-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  .uw-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  .uw-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  .uw-text-purple-700 { color: var(--quanta-purple-700); }
  .uw-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  .uw-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  .uw-active-text-purple-700:active { color: var(--quanta-purple-700); }
  .uw-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  .uw-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  .uw-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  .uw-text-purple-800 { color: var(--quanta-purple-800); }
  .uw-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  .uw-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  .uw-active-text-purple-800:active { color: var(--quanta-purple-800); }
  .uw-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  .uw-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  .uw-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  .uw-text-purple-900 { color: var(--quanta-purple-900); }
  .uw-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  .uw-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  .uw-active-text-purple-900:active { color: var(--quanta-purple-900); }
  .uw-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  .uw-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  .uw-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  .uw-text-indigo-50 { color: var(--quanta-indigo-50); }
  .uw-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  .uw-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  .uw-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  .uw-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  .uw-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  .uw-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  .uw-text-indigo-100 { color: var(--quanta-indigo-100); }
  .uw-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  .uw-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  .uw-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  .uw-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  .uw-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  .uw-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  .uw-text-indigo-200 { color: var(--quanta-indigo-200); }
  .uw-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  .uw-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  .uw-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  .uw-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  .uw-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  .uw-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  .uw-text-indigo-300 { color: var(--quanta-indigo-300); }
  .uw-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  .uw-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  .uw-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  .uw-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  .uw-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  .uw-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  .uw-text-indigo-400 { color: var(--quanta-indigo-400); }
  .uw-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  .uw-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  .uw-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  .uw-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  .uw-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  .uw-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  .uw-text-indigo-500 { color: var(--quanta-indigo-500); }
  .uw-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  .uw-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  .uw-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  .uw-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  .uw-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  .uw-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  .uw-text-indigo-600 { color: var(--quanta-indigo-600); }
  .uw-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  .uw-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  .uw-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  .uw-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  .uw-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  .uw-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  .uw-text-indigo-700 { color: var(--quanta-indigo-700); }
  .uw-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  .uw-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  .uw-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  .uw-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  .uw-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  .uw-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  .uw-text-indigo-800 { color: var(--quanta-indigo-800); }
  .uw-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  .uw-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  .uw-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  .uw-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  .uw-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  .uw-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  .uw-text-indigo-900 { color: var(--quanta-indigo-900); }
  .uw-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  .uw-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  .uw-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  .uw-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  .uw-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  .uw-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  .uw-text-yellow-50 { color: var(--quanta-yellow-50); }
  .uw-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  .uw-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  .uw-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  .uw-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  .uw-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  .uw-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  .uw-text-yellow-100 { color: var(--quanta-yellow-100); }
  .uw-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  .uw-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  .uw-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  .uw-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  .uw-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  .uw-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  .uw-text-yellow-200 { color: var(--quanta-yellow-200); }
  .uw-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  .uw-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  .uw-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  .uw-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  .uw-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  .uw-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  .uw-text-yellow-300 { color: var(--quanta-yellow-300); }
  .uw-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  .uw-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  .uw-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  .uw-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  .uw-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  .uw-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  .uw-text-yellow-400 { color: var(--quanta-yellow-400); }
  .uw-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  .uw-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  .uw-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  .uw-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  .uw-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  .uw-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  .uw-text-yellow-500 { color: var(--quanta-yellow-500); }
  .uw-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  .uw-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  .uw-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  .uw-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  .uw-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  .uw-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  .uw-text-yellow-600 { color: var(--quanta-yellow-600); }
  .uw-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  .uw-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  .uw-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  .uw-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  .uw-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  .uw-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  .uw-text-yellow-700 { color: var(--quanta-yellow-700); }
  .uw-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  .uw-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  .uw-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  .uw-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  .uw-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  .uw-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  .uw-text-yellow-800 { color: var(--quanta-yellow-800); }
  .uw-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  .uw-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  .uw-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  .uw-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  .uw-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  .uw-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  .uw-text-yellow-900 { color: var(--quanta-yellow-900); }
  .uw-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  .uw-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  .uw-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  .uw-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  .uw-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  .uw-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  .uw-text-pink-50 { color: var(--quanta-pink-50); }
  .uw-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  .uw-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  .uw-active-text-pink-50:active { color: var(--quanta-pink-50); }
  .uw-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  .uw-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  .uw-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  .uw-text-pink-100 { color: var(--quanta-pink-100); }
  .uw-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  .uw-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  .uw-active-text-pink-100:active { color: var(--quanta-pink-100); }
  .uw-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  .uw-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  .uw-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  .uw-text-pink-200 { color: var(--quanta-pink-200); }
  .uw-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  .uw-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  .uw-active-text-pink-200:active { color: var(--quanta-pink-200); }
  .uw-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  .uw-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  .uw-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  .uw-text-pink-300 { color: var(--quanta-pink-300); }
  .uw-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  .uw-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  .uw-active-text-pink-300:active { color: var(--quanta-pink-300); }
  .uw-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  .uw-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  .uw-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  .uw-text-pink-400 { color: var(--quanta-pink-400); }
  .uw-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  .uw-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  .uw-active-text-pink-400:active { color: var(--quanta-pink-400); }
  .uw-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  .uw-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  .uw-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  .uw-text-pink-500 { color: var(--quanta-pink-500); }
  .uw-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  .uw-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  .uw-active-text-pink-500:active { color: var(--quanta-pink-500); }
  .uw-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  .uw-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  .uw-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  .uw-text-pink-600 { color: var(--quanta-pink-600); }
  .uw-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  .uw-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  .uw-active-text-pink-600:active { color: var(--quanta-pink-600); }
  .uw-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  .uw-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  .uw-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  .uw-text-pink-700 { color: var(--quanta-pink-700); }
  .uw-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  .uw-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  .uw-active-text-pink-700:active { color: var(--quanta-pink-700); }
  .uw-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  .uw-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  .uw-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  .uw-text-pink-800 { color: var(--quanta-pink-800); }
  .uw-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  .uw-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  .uw-active-text-pink-800:active { color: var(--quanta-pink-800); }
  .uw-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  .uw-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  .uw-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  .uw-text-pink-900 { color: var(--quanta-pink-900); }
  .uw-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  .uw-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  .uw-active-text-pink-900:active { color: var(--quanta-pink-900); }
  .uw-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  .uw-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  .uw-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  .uw-text-grey-50 { color: var(--quanta-grey-50); }
  .uw-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  .uw-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  .uw-active-text-grey-50:active { color: var(--quanta-grey-50); }
  .uw-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  .uw-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  .uw-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  .uw-text-grey-100 { color: var(--quanta-grey-100); }
  .uw-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  .uw-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  .uw-active-text-grey-100:active { color: var(--quanta-grey-100); }
  .uw-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  .uw-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  .uw-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  .uw-text-grey-200 { color: var(--quanta-grey-200); }
  .uw-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  .uw-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  .uw-active-text-grey-200:active { color: var(--quanta-grey-200); }
  .uw-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  .uw-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  .uw-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  .uw-text-grey-300 { color: var(--quanta-grey-300); }
  .uw-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  .uw-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  .uw-active-text-grey-300:active { color: var(--quanta-grey-300); }
  .uw-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  .uw-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  .uw-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  .uw-text-grey-400 { color: var(--quanta-grey-400); }
  .uw-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  .uw-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  .uw-active-text-grey-400:active { color: var(--quanta-grey-400); }
  .uw-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  .uw-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  .uw-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  .uw-text-grey-500 { color: var(--quanta-grey-500); }
  .uw-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  .uw-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  .uw-active-text-grey-500:active { color: var(--quanta-grey-500); }
  .uw-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  .uw-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  .uw-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  .uw-text-grey-600 { color: var(--quanta-grey-600); }
  .uw-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  .uw-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  .uw-active-text-grey-600:active { color: var(--quanta-grey-600); }
  .uw-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  .uw-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  .uw-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  .uw-text-grey-700 { color: var(--quanta-grey-700); }
  .uw-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  .uw-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  .uw-active-text-grey-700:active { color: var(--quanta-grey-700); }
  .uw-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  .uw-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  .uw-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  .uw-text-grey-800 { color: var(--quanta-grey-800); }
  .uw-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  .uw-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  .uw-active-text-grey-800:active { color: var(--quanta-grey-800); }
  .uw-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  .uw-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  .uw-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  .uw-text-grey-900 { color: var(--quanta-grey-900); }
  .uw-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  .uw-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  .uw-active-text-grey-900:active { color: var(--quanta-grey-900); }
  .uw-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  .uw-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  .uw-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  .uw-text-zinc-50 { color: var(--quanta-zinc-50); }
  .uw-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  .uw-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  .uw-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  .uw-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  .uw-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  .uw-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  .uw-text-zinc-100 { color: var(--quanta-zinc-100); }
  .uw-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  .uw-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  .uw-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  .uw-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  .uw-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  .uw-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  .uw-text-zinc-200 { color: var(--quanta-zinc-200); }
  .uw-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  .uw-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  .uw-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  .uw-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  .uw-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  .uw-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  .uw-text-zinc-300 { color: var(--quanta-zinc-300); }
  .uw-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  .uw-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  .uw-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  .uw-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  .uw-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  .uw-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  .uw-text-zinc-400 { color: var(--quanta-zinc-400); }
  .uw-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  .uw-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  .uw-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  .uw-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  .uw-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  .uw-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  .uw-text-zinc-500 { color: var(--quanta-zinc-500); }
  .uw-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  .uw-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  .uw-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  .uw-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  .uw-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  .uw-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  .uw-text-zinc-600 { color: var(--quanta-zinc-600); }
  .uw-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  .uw-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  .uw-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  .uw-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  .uw-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  .uw-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  .uw-text-zinc-700 { color: var(--quanta-zinc-700); }
  .uw-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  .uw-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  .uw-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  .uw-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  .uw-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  .uw-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  .uw-text-zinc-800 { color: var(--quanta-zinc-800); }
  .uw-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  .uw-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  .uw-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  .uw-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  .uw-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  .uw-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  .uw-text-zinc-900 { color: var(--quanta-zinc-900); }
  .uw-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  .uw-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  .uw-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  .uw-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  .uw-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  .uw-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  .uw-text-neutral-50 { color: var(--quanta-neutral-50); }
  .uw-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  .uw-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  .uw-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  .uw-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  .uw-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  .uw-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  .uw-text-neutral-100 { color: var(--quanta-neutral-100); }
  .uw-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  .uw-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  .uw-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  .uw-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  .uw-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  .uw-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  .uw-text-neutral-200 { color: var(--quanta-neutral-200); }
  .uw-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  .uw-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  .uw-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  .uw-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  .uw-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  .uw-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  .uw-text-neutral-300 { color: var(--quanta-neutral-300); }
  .uw-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  .uw-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  .uw-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  .uw-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  .uw-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  .uw-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  .uw-text-neutral-400 { color: var(--quanta-neutral-400); }
  .uw-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  .uw-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  .uw-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  .uw-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  .uw-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  .uw-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  .uw-text-neutral-500 { color: var(--quanta-neutral-500); }
  .uw-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  .uw-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  .uw-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  .uw-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  .uw-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  .uw-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  .uw-text-neutral-600 { color: var(--quanta-neutral-600); }
  .uw-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  .uw-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  .uw-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  .uw-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  .uw-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  .uw-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  .uw-text-neutral-700 { color: var(--quanta-neutral-700); }
  .uw-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  .uw-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  .uw-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  .uw-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  .uw-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  .uw-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  .uw-text-neutral-800 { color: var(--quanta-neutral-800); }
  .uw-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  .uw-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  .uw-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  .uw-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  .uw-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  .uw-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  .uw-text-neutral-900 { color: var(--quanta-neutral-900); }
  .uw-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  .uw-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  .uw-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  .uw-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  .uw-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  .uw-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  .uw-text-lime-50 { color: var(--quanta-lime-50); }
  .uw-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  .uw-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  .uw-active-text-lime-50:active { color: var(--quanta-lime-50); }
  .uw-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  .uw-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  .uw-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  .uw-text-lime-100 { color: var(--quanta-lime-100); }
  .uw-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  .uw-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  .uw-active-text-lime-100:active { color: var(--quanta-lime-100); }
  .uw-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  .uw-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  .uw-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  .uw-text-lime-200 { color: var(--quanta-lime-200); }
  .uw-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  .uw-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  .uw-active-text-lime-200:active { color: var(--quanta-lime-200); }
  .uw-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  .uw-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  .uw-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  .uw-text-lime-300 { color: var(--quanta-lime-300); }
  .uw-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  .uw-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  .uw-active-text-lime-300:active { color: var(--quanta-lime-300); }
  .uw-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  .uw-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  .uw-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  .uw-text-lime-400 { color: var(--quanta-lime-400); }
  .uw-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  .uw-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  .uw-active-text-lime-400:active { color: var(--quanta-lime-400); }
  .uw-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  .uw-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  .uw-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  .uw-text-lime-500 { color: var(--quanta-lime-500); }
  .uw-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  .uw-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  .uw-active-text-lime-500:active { color: var(--quanta-lime-500); }
  .uw-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  .uw-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  .uw-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  .uw-text-lime-600 { color: var(--quanta-lime-600); }
  .uw-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  .uw-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  .uw-active-text-lime-600:active { color: var(--quanta-lime-600); }
  .uw-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  .uw-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  .uw-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  .uw-text-lime-700 { color: var(--quanta-lime-700); }
  .uw-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  .uw-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  .uw-active-text-lime-700:active { color: var(--quanta-lime-700); }
  .uw-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  .uw-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  .uw-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  .uw-text-lime-800 { color: var(--quanta-lime-800); }
  .uw-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  .uw-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  .uw-active-text-lime-800:active { color: var(--quanta-lime-800); }
  .uw-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  .uw-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  .uw-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  .uw-text-lime-900 { color: var(--quanta-lime-900); }
  .uw-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  .uw-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  .uw-active-text-lime-900:active { color: var(--quanta-lime-900); }
  .uw-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  .uw-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  .uw-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  .uw-text-cyan-50 { color: var(--quanta-cyan-50); }
  .uw-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  .uw-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  .uw-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  .uw-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  .uw-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  .uw-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  .uw-text-cyan-100 { color: var(--quanta-cyan-100); }
  .uw-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  .uw-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  .uw-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  .uw-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  .uw-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  .uw-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  .uw-text-cyan-200 { color: var(--quanta-cyan-200); }
  .uw-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  .uw-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  .uw-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  .uw-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  .uw-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  .uw-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  .uw-text-cyan-300 { color: var(--quanta-cyan-300); }
  .uw-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  .uw-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  .uw-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  .uw-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  .uw-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  .uw-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  .uw-text-cyan-400 { color: var(--quanta-cyan-400); }
  .uw-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  .uw-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  .uw-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  .uw-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  .uw-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  .uw-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  .uw-text-cyan-500 { color: var(--quanta-cyan-500); }
  .uw-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  .uw-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  .uw-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  .uw-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  .uw-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  .uw-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  .uw-text-cyan-600 { color: var(--quanta-cyan-600); }
  .uw-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  .uw-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  .uw-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  .uw-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  .uw-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  .uw-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  .uw-text-cyan-700 { color: var(--quanta-cyan-700); }
  .uw-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  .uw-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  .uw-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  .uw-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  .uw-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  .uw-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  .uw-text-cyan-800 { color: var(--quanta-cyan-800); }
  .uw-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  .uw-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  .uw-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  .uw-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  .uw-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  .uw-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  .uw-text-cyan-900 { color: var(--quanta-cyan-900); }
  .uw-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  .uw-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  .uw-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  .uw-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  .uw-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  .uw-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  .uw-text-sky-50 { color: var(--quanta-sky-50); }
  .uw-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  .uw-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  .uw-active-text-sky-50:active { color: var(--quanta-sky-50); }
  .uw-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  .uw-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  .uw-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  .uw-text-sky-100 { color: var(--quanta-sky-100); }
  .uw-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  .uw-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  .uw-active-text-sky-100:active { color: var(--quanta-sky-100); }
  .uw-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  .uw-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  .uw-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  .uw-text-sky-200 { color: var(--quanta-sky-200); }
  .uw-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  .uw-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  .uw-active-text-sky-200:active { color: var(--quanta-sky-200); }
  .uw-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  .uw-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  .uw-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  .uw-text-sky-300 { color: var(--quanta-sky-300); }
  .uw-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  .uw-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  .uw-active-text-sky-300:active { color: var(--quanta-sky-300); }
  .uw-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  .uw-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  .uw-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  .uw-text-sky-400 { color: var(--quanta-sky-400); }
  .uw-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  .uw-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  .uw-active-text-sky-400:active { color: var(--quanta-sky-400); }
  .uw-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  .uw-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  .uw-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  .uw-text-sky-500 { color: var(--quanta-sky-500); }
  .uw-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  .uw-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  .uw-active-text-sky-500:active { color: var(--quanta-sky-500); }
  .uw-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  .uw-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  .uw-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  .uw-text-sky-600 { color: var(--quanta-sky-600); }
  .uw-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  .uw-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  .uw-active-text-sky-600:active { color: var(--quanta-sky-600); }
  .uw-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  .uw-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  .uw-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  .uw-text-sky-700 { color: var(--quanta-sky-700); }
  .uw-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  .uw-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  .uw-active-text-sky-700:active { color: var(--quanta-sky-700); }
  .uw-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  .uw-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  .uw-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  .uw-text-sky-800 { color: var(--quanta-sky-800); }
  .uw-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  .uw-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  .uw-active-text-sky-800:active { color: var(--quanta-sky-800); }
  .uw-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  .uw-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  .uw-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  .uw-text-sky-900 { color: var(--quanta-sky-900); }
  .uw-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  .uw-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  .uw-active-text-sky-900:active { color: var(--quanta-sky-900); }
  .uw-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  .uw-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  .uw-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  .uw-text-violet-50 { color: var(--quanta-violet-50); }
  .uw-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  .uw-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  .uw-active-text-violet-50:active { color: var(--quanta-violet-50); }
  .uw-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  .uw-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  .uw-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  .uw-text-violet-100 { color: var(--quanta-violet-100); }
  .uw-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  .uw-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  .uw-active-text-violet-100:active { color: var(--quanta-violet-100); }
  .uw-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  .uw-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  .uw-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  .uw-text-violet-200 { color: var(--quanta-violet-200); }
  .uw-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  .uw-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  .uw-active-text-violet-200:active { color: var(--quanta-violet-200); }
  .uw-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  .uw-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  .uw-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  .uw-text-violet-300 { color: var(--quanta-violet-300); }
  .uw-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  .uw-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  .uw-active-text-violet-300:active { color: var(--quanta-violet-300); }
  .uw-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  .uw-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  .uw-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  .uw-text-violet-400 { color: var(--quanta-violet-400); }
  .uw-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  .uw-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  .uw-active-text-violet-400:active { color: var(--quanta-violet-400); }
  .uw-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  .uw-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  .uw-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  .uw-text-violet-500 { color: var(--quanta-violet-500); }
  .uw-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  .uw-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  .uw-active-text-violet-500:active { color: var(--quanta-violet-500); }
  .uw-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  .uw-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  .uw-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  .uw-text-violet-600 { color: var(--quanta-violet-600); }
  .uw-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  .uw-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  .uw-active-text-violet-600:active { color: var(--quanta-violet-600); }
  .uw-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  .uw-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  .uw-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  .uw-text-violet-700 { color: var(--quanta-violet-700); }
  .uw-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  .uw-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  .uw-active-text-violet-700:active { color: var(--quanta-violet-700); }
  .uw-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  .uw-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  .uw-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  .uw-text-violet-800 { color: var(--quanta-violet-800); }
  .uw-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  .uw-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  .uw-active-text-violet-800:active { color: var(--quanta-violet-800); }
  .uw-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  .uw-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  .uw-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  .uw-text-violet-900 { color: var(--quanta-violet-900); }
  .uw-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  .uw-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  .uw-active-text-violet-900:active { color: var(--quanta-violet-900); }
  .uw-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  .uw-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  .uw-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  .uw-text-rose-50 { color: var(--quanta-rose-50); }
  .uw-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  .uw-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  .uw-active-text-rose-50:active { color: var(--quanta-rose-50); }
  .uw-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  .uw-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  .uw-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  .uw-text-rose-100 { color: var(--quanta-rose-100); }
  .uw-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  .uw-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  .uw-active-text-rose-100:active { color: var(--quanta-rose-100); }
  .uw-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  .uw-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  .uw-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  .uw-text-rose-200 { color: var(--quanta-rose-200); }
  .uw-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  .uw-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  .uw-active-text-rose-200:active { color: var(--quanta-rose-200); }
  .uw-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  .uw-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  .uw-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  .uw-text-rose-300 { color: var(--quanta-rose-300); }
  .uw-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  .uw-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  .uw-active-text-rose-300:active { color: var(--quanta-rose-300); }
  .uw-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  .uw-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  .uw-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  .uw-text-rose-400 { color: var(--quanta-rose-400); }
  .uw-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  .uw-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  .uw-active-text-rose-400:active { color: var(--quanta-rose-400); }
  .uw-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  .uw-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  .uw-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  .uw-text-rose-500 { color: var(--quanta-rose-500); }
  .uw-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  .uw-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  .uw-active-text-rose-500:active { color: var(--quanta-rose-500); }
  .uw-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  .uw-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  .uw-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  .uw-text-rose-600 { color: var(--quanta-rose-600); }
  .uw-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  .uw-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  .uw-active-text-rose-600:active { color: var(--quanta-rose-600); }
  .uw-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  .uw-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  .uw-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  .uw-text-rose-700 { color: var(--quanta-rose-700); }
  .uw-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  .uw-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  .uw-active-text-rose-700:active { color: var(--quanta-rose-700); }
  .uw-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  .uw-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  .uw-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  .uw-text-rose-800 { color: var(--quanta-rose-800); }
  .uw-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  .uw-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  .uw-active-text-rose-800:active { color: var(--quanta-rose-800); }
  .uw-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  .uw-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  .uw-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  .uw-text-rose-900 { color: var(--quanta-rose-900); }
  .uw-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  .uw-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  .uw-active-text-rose-900:active { color: var(--quanta-rose-900); }
  .uw-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  .uw-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  .uw-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  .uw-text-slate-50 { color: var(--quanta-slate-50); }
  .uw-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  .uw-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  .uw-active-text-slate-50:active { color: var(--quanta-slate-50); }
  .uw-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  .uw-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  .uw-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  .uw-text-slate-100 { color: var(--quanta-slate-100); }
  .uw-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  .uw-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  .uw-active-text-slate-100:active { color: var(--quanta-slate-100); }
  .uw-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  .uw-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  .uw-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  .uw-text-slate-200 { color: var(--quanta-slate-200); }
  .uw-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  .uw-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  .uw-active-text-slate-200:active { color: var(--quanta-slate-200); }
  .uw-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  .uw-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  .uw-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  .uw-text-slate-300 { color: var(--quanta-slate-300); }
  .uw-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  .uw-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  .uw-active-text-slate-300:active { color: var(--quanta-slate-300); }
  .uw-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  .uw-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  .uw-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  .uw-text-slate-400 { color: var(--quanta-slate-400); }
  .uw-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  .uw-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  .uw-active-text-slate-400:active { color: var(--quanta-slate-400); }
  .uw-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  .uw-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  .uw-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  .uw-text-slate-500 { color: var(--quanta-slate-500); }
  .uw-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  .uw-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  .uw-active-text-slate-500:active { color: var(--quanta-slate-500); }
  .uw-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  .uw-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  .uw-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  .uw-text-slate-600 { color: var(--quanta-slate-600); }
  .uw-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  .uw-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  .uw-active-text-slate-600:active { color: var(--quanta-slate-600); }
  .uw-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  .uw-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  .uw-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  .uw-text-slate-700 { color: var(--quanta-slate-700); }
  .uw-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  .uw-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  .uw-active-text-slate-700:active { color: var(--quanta-slate-700); }
  .uw-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  .uw-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  .uw-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  .uw-text-slate-800 { color: var(--quanta-slate-800); }
  .uw-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  .uw-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  .uw-active-text-slate-800:active { color: var(--quanta-slate-800); }
  .uw-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  .uw-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  .uw-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  .uw-text-slate-900 { color: var(--quanta-slate-900); }
  .uw-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  .uw-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  .uw-active-text-slate-900:active { color: var(--quanta-slate-900); }
  .uw-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  .uw-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  .uw-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  .uw-text-blue-50 { color: var(--quanta-blue-50); }
  .uw-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  .uw-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  .uw-active-text-blue-50:active { color: var(--quanta-blue-50); }
  .uw-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  .uw-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  .uw-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  .uw-text-blue-100 { color: var(--quanta-blue-100); }
  .uw-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  .uw-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  .uw-active-text-blue-100:active { color: var(--quanta-blue-100); }
  .uw-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  .uw-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  .uw-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  .uw-text-blue-200 { color: var(--quanta-blue-200); }
  .uw-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  .uw-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  .uw-active-text-blue-200:active { color: var(--quanta-blue-200); }
  .uw-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  .uw-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  .uw-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  .uw-text-blue-300 { color: var(--quanta-blue-300); }
  .uw-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  .uw-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  .uw-active-text-blue-300:active { color: var(--quanta-blue-300); }
  .uw-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  .uw-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  .uw-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  .uw-text-blue-400 { color: var(--quanta-blue-400); }
  .uw-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  .uw-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  .uw-active-text-blue-400:active { color: var(--quanta-blue-400); }
  .uw-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  .uw-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  .uw-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  .uw-text-blue-500 { color: var(--quanta-blue-500); }
  .uw-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  .uw-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  .uw-active-text-blue-500:active { color: var(--quanta-blue-500); }
  .uw-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  .uw-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  .uw-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  .uw-text-blue-600 { color: var(--quanta-blue-600); }
  .uw-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  .uw-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  .uw-active-text-blue-600:active { color: var(--quanta-blue-600); }
  .uw-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  .uw-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  .uw-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  .uw-text-blue-700 { color: var(--quanta-blue-700); }
  .uw-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  .uw-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  .uw-active-text-blue-700:active { color: var(--quanta-blue-700); }
  .uw-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  .uw-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  .uw-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  .uw-text-blue-800 { color: var(--quanta-blue-800); }
  .uw-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  .uw-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  .uw-active-text-blue-800:active { color: var(--quanta-blue-800); }
  .uw-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  .uw-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  .uw-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  .uw-text-blue-900 { color: var(--quanta-blue-900); }
  .uw-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  .uw-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  .uw-active-text-blue-900:active { color: var(--quanta-blue-900); }
  .uw-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  .uw-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  .uw-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  .uw-text-green-50 { color: var(--quanta-green-50); }
  .uw-hover-text-green-50:hover { color: var(--quanta-green-50); }
  .uw-focus-text-green-50:focus { color: var(--quanta-green-50); }
  .uw-active-text-green-50:active { color: var(--quanta-green-50); }
  .uw-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  .uw-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  .uw-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-text-green-50 { color: var(--quanta-green-50); }
  .uw-text-green-100 { color: var(--quanta-green-100); }
  .uw-hover-text-green-100:hover { color: var(--quanta-green-100); }
  .uw-focus-text-green-100:focus { color: var(--quanta-green-100); }
  .uw-active-text-green-100:active { color: var(--quanta-green-100); }
  .uw-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  .uw-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  .uw-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-text-green-100 { color: var(--quanta-green-100); }
  .uw-text-green-200 { color: var(--quanta-green-200); }
  .uw-hover-text-green-200:hover { color: var(--quanta-green-200); }
  .uw-focus-text-green-200:focus { color: var(--quanta-green-200); }
  .uw-active-text-green-200:active { color: var(--quanta-green-200); }
  .uw-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  .uw-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  .uw-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-text-green-200 { color: var(--quanta-green-200); }
  .uw-text-green-300 { color: var(--quanta-green-300); }
  .uw-hover-text-green-300:hover { color: var(--quanta-green-300); }
  .uw-focus-text-green-300:focus { color: var(--quanta-green-300); }
  .uw-active-text-green-300:active { color: var(--quanta-green-300); }
  .uw-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  .uw-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  .uw-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-text-green-300 { color: var(--quanta-green-300); }
  .uw-text-green-400 { color: var(--quanta-green-400); }
  .uw-hover-text-green-400:hover { color: var(--quanta-green-400); }
  .uw-focus-text-green-400:focus { color: var(--quanta-green-400); }
  .uw-active-text-green-400:active { color: var(--quanta-green-400); }
  .uw-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  .uw-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  .uw-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-text-green-400 { color: var(--quanta-green-400); }
  .uw-text-green-500 { color: var(--quanta-green-500); }
  .uw-hover-text-green-500:hover { color: var(--quanta-green-500); }
  .uw-focus-text-green-500:focus { color: var(--quanta-green-500); }
  .uw-active-text-green-500:active { color: var(--quanta-green-500); }
  .uw-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  .uw-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  .uw-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-text-green-500 { color: var(--quanta-green-500); }
  .uw-text-green-600 { color: var(--quanta-green-600); }
  .uw-hover-text-green-600:hover { color: var(--quanta-green-600); }
  .uw-focus-text-green-600:focus { color: var(--quanta-green-600); }
  .uw-active-text-green-600:active { color: var(--quanta-green-600); }
  .uw-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  .uw-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  .uw-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-text-green-600 { color: var(--quanta-green-600); }
  .uw-text-green-700 { color: var(--quanta-green-700); }
  .uw-hover-text-green-700:hover { color: var(--quanta-green-700); }
  .uw-focus-text-green-700:focus { color: var(--quanta-green-700); }
  .uw-active-text-green-700:active { color: var(--quanta-green-700); }
  .uw-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  .uw-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  .uw-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-text-green-700 { color: var(--quanta-green-700); }
  .uw-text-green-800 { color: var(--quanta-green-800); }
  .uw-hover-text-green-800:hover { color: var(--quanta-green-800); }
  .uw-focus-text-green-800:focus { color: var(--quanta-green-800); }
  .uw-active-text-green-800:active { color: var(--quanta-green-800); }
  .uw-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  .uw-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  .uw-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-text-green-800 { color: var(--quanta-green-800); }
  .uw-text-green-900 { color: var(--quanta-green-900); }
  .uw-hover-text-green-900:hover { color: var(--quanta-green-900); }
  .uw-focus-text-green-900:focus { color: var(--quanta-green-900); }
  .uw-active-text-green-900:active { color: var(--quanta-green-900); }
  .uw-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  .uw-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  .uw-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-text-green-900 { color: var(--quanta-green-900); }
  .uw-bg-red-50 { background-color: var(--quanta-red-50); }
  .uw-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  .uw-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  .uw-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  .uw-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  .uw-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  .uw-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  .uw-bg-red-100 { background-color: var(--quanta-red-100); }
  .uw-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  .uw-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  .uw-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  .uw-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  .uw-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  .uw-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  .uw-bg-red-200 { background-color: var(--quanta-red-200); }
  .uw-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  .uw-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  .uw-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  .uw-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  .uw-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  .uw-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  .uw-bg-red-300 { background-color: var(--quanta-red-300); }
  .uw-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  .uw-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  .uw-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  .uw-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  .uw-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  .uw-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  .uw-bg-red-400 { background-color: var(--quanta-red-400); }
  .uw-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  .uw-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  .uw-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  .uw-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  .uw-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  .uw-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  .uw-bg-red-500 { background-color: var(--quanta-red-500); }
  .uw-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  .uw-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  .uw-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  .uw-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  .uw-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  .uw-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  .uw-bg-red-600 { background-color: var(--quanta-red-600); }
  .uw-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  .uw-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  .uw-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  .uw-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  .uw-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  .uw-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  .uw-bg-red-700 { background-color: var(--quanta-red-700); }
  .uw-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  .uw-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  .uw-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  .uw-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  .uw-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  .uw-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  .uw-bg-red-800 { background-color: var(--quanta-red-800); }
  .uw-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  .uw-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  .uw-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  .uw-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  .uw-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  .uw-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  .uw-bg-red-900 { background-color: var(--quanta-red-900); }
  .uw-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  .uw-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  .uw-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  .uw-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  .uw-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  .uw-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  .uw-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .uw-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  .uw-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  .uw-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  .uw-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  .uw-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  .uw-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  .uw-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .uw-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  .uw-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  .uw-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  .uw-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  .uw-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  .uw-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  .uw-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .uw-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  .uw-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  .uw-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  .uw-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  .uw-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  .uw-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  .uw-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .uw-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  .uw-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  .uw-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  .uw-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  .uw-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  .uw-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  .uw-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .uw-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  .uw-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  .uw-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  .uw-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  .uw-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  .uw-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  .uw-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .uw-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  .uw-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  .uw-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  .uw-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  .uw-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  .uw-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  .uw-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .uw-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  .uw-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  .uw-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  .uw-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  .uw-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  .uw-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  .uw-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .uw-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  .uw-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  .uw-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  .uw-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  .uw-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  .uw-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  .uw-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .uw-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  .uw-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  .uw-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  .uw-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  .uw-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  .uw-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  .uw-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .uw-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  .uw-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  .uw-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  .uw-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  .uw-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  .uw-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  .uw-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .uw-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  .uw-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  .uw-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  .uw-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  .uw-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  .uw-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  .uw-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .uw-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  .uw-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  .uw-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  .uw-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  .uw-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  .uw-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  .uw-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .uw-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  .uw-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  .uw-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  .uw-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  .uw-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  .uw-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  .uw-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .uw-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  .uw-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  .uw-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  .uw-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  .uw-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  .uw-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  .uw-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .uw-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  .uw-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  .uw-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  .uw-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  .uw-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  .uw-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  .uw-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .uw-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  .uw-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  .uw-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  .uw-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  .uw-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  .uw-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  .uw-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .uw-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  .uw-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  .uw-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  .uw-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  .uw-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  .uw-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  .uw-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .uw-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  .uw-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  .uw-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  .uw-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  .uw-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  .uw-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  .uw-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .uw-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  .uw-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  .uw-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  .uw-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  .uw-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  .uw-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  .uw-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .uw-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  .uw-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  .uw-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  .uw-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  .uw-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  .uw-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  .uw-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .uw-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  .uw-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  .uw-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  .uw-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  .uw-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  .uw-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  .uw-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .uw-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  .uw-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  .uw-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  .uw-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  .uw-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  .uw-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  .uw-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .uw-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  .uw-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  .uw-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  .uw-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  .uw-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  .uw-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  .uw-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .uw-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  .uw-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  .uw-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  .uw-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  .uw-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  .uw-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  .uw-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .uw-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  .uw-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  .uw-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  .uw-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  .uw-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  .uw-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  .uw-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .uw-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  .uw-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  .uw-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  .uw-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  .uw-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  .uw-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  .uw-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .uw-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  .uw-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  .uw-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  .uw-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  .uw-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  .uw-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  .uw-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .uw-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  .uw-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  .uw-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  .uw-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  .uw-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  .uw-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  .uw-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .uw-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  .uw-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  .uw-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  .uw-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  .uw-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  .uw-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  .uw-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .uw-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  .uw-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  .uw-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  .uw-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  .uw-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  .uw-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  .uw-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .uw-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  .uw-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  .uw-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  .uw-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  .uw-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  .uw-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  .uw-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .uw-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  .uw-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  .uw-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  .uw-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  .uw-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  .uw-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  .uw-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .uw-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  .uw-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  .uw-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  .uw-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  .uw-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  .uw-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  .uw-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .uw-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  .uw-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  .uw-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  .uw-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  .uw-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  .uw-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  .uw-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .uw-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  .uw-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  .uw-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  .uw-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  .uw-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  .uw-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  .uw-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .uw-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  .uw-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  .uw-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  .uw-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  .uw-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  .uw-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  .uw-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .uw-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  .uw-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  .uw-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  .uw-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  .uw-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  .uw-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  .uw-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .uw-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  .uw-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  .uw-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  .uw-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  .uw-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  .uw-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  .uw-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .uw-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  .uw-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  .uw-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  .uw-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  .uw-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  .uw-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  .uw-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .uw-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  .uw-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  .uw-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  .uw-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  .uw-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  .uw-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  .uw-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .uw-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  .uw-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  .uw-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  .uw-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  .uw-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  .uw-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  .uw-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .uw-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  .uw-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  .uw-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  .uw-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  .uw-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  .uw-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  .uw-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .uw-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  .uw-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  .uw-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  .uw-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  .uw-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  .uw-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  .uw-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .uw-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  .uw-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  .uw-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  .uw-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  .uw-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  .uw-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  .uw-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .uw-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  .uw-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  .uw-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  .uw-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  .uw-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  .uw-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  .uw-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .uw-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  .uw-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  .uw-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  .uw-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  .uw-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  .uw-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  .uw-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .uw-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  .uw-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  .uw-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  .uw-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  .uw-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  .uw-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  .uw-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .uw-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  .uw-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  .uw-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  .uw-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  .uw-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  .uw-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  .uw-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .uw-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  .uw-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  .uw-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  .uw-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  .uw-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  .uw-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  .uw-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .uw-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  .uw-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  .uw-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  .uw-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  .uw-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  .uw-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  .uw-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .uw-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  .uw-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  .uw-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  .uw-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  .uw-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  .uw-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  .uw-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .uw-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  .uw-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  .uw-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  .uw-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  .uw-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  .uw-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  .uw-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .uw-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  .uw-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  .uw-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  .uw-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  .uw-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  .uw-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  .uw-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .uw-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  .uw-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  .uw-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  .uw-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  .uw-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  .uw-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  .uw-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .uw-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  .uw-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  .uw-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  .uw-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  .uw-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  .uw-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  .uw-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .uw-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  .uw-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  .uw-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  .uw-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  .uw-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  .uw-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  .uw-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .uw-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  .uw-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  .uw-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  .uw-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  .uw-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  .uw-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  .uw-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .uw-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  .uw-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  .uw-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  .uw-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  .uw-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  .uw-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  .uw-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .uw-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  .uw-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  .uw-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  .uw-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  .uw-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  .uw-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  .uw-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .uw-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  .uw-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  .uw-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  .uw-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  .uw-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  .uw-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  .uw-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .uw-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  .uw-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  .uw-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  .uw-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  .uw-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  .uw-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  .uw-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .uw-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  .uw-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  .uw-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  .uw-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  .uw-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  .uw-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  .uw-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .uw-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  .uw-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  .uw-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  .uw-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  .uw-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  .uw-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  .uw-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .uw-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  .uw-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  .uw-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  .uw-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  .uw-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  .uw-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  .uw-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .uw-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  .uw-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  .uw-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  .uw-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  .uw-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  .uw-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  .uw-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .uw-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  .uw-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  .uw-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  .uw-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  .uw-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  .uw-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  .uw-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .uw-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  .uw-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  .uw-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  .uw-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  .uw-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  .uw-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  .uw-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .uw-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  .uw-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  .uw-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  .uw-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  .uw-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  .uw-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  .uw-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .uw-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  .uw-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  .uw-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  .uw-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  .uw-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  .uw-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  .uw-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .uw-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  .uw-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  .uw-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  .uw-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  .uw-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  .uw-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  .uw-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .uw-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  .uw-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  .uw-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  .uw-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  .uw-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  .uw-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  .uw-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .uw-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  .uw-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  .uw-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  .uw-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  .uw-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  .uw-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  .uw-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .uw-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  .uw-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  .uw-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  .uw-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  .uw-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  .uw-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  .uw-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .uw-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  .uw-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  .uw-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  .uw-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  .uw-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  .uw-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  .uw-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .uw-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  .uw-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  .uw-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  .uw-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  .uw-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  .uw-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  .uw-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .uw-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  .uw-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  .uw-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  .uw-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  .uw-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  .uw-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  .uw-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .uw-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  .uw-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  .uw-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  .uw-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  .uw-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  .uw-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  .uw-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .uw-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  .uw-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  .uw-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  .uw-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  .uw-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  .uw-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  .uw-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .uw-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  .uw-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  .uw-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  .uw-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  .uw-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  .uw-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  .uw-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .uw-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  .uw-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  .uw-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  .uw-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  .uw-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  .uw-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  .uw-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .uw-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  .uw-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  .uw-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  .uw-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  .uw-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  .uw-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  .uw-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .uw-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  .uw-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  .uw-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  .uw-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  .uw-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  .uw-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  .uw-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .uw-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  .uw-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  .uw-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  .uw-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  .uw-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  .uw-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  .uw-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .uw-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  .uw-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  .uw-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  .uw-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  .uw-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  .uw-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  .uw-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .uw-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  .uw-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  .uw-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  .uw-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  .uw-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  .uw-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  .uw-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .uw-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  .uw-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  .uw-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  .uw-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  .uw-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  .uw-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  .uw-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .uw-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  .uw-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  .uw-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  .uw-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  .uw-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  .uw-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  .uw-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .uw-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  .uw-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  .uw-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  .uw-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  .uw-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  .uw-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  .uw-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .uw-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  .uw-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  .uw-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  .uw-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  .uw-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  .uw-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  .uw-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .uw-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  .uw-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  .uw-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  .uw-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  .uw-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  .uw-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  .uw-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .uw-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  .uw-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  .uw-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  .uw-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  .uw-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  .uw-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  .uw-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .uw-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  .uw-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  .uw-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  .uw-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  .uw-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  .uw-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  .uw-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .uw-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  .uw-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  .uw-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  .uw-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  .uw-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  .uw-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  .uw-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .uw-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  .uw-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  .uw-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  .uw-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  .uw-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  .uw-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  .uw-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .uw-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  .uw-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  .uw-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  .uw-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  .uw-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  .uw-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  .uw-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .uw-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  .uw-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  .uw-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  .uw-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  .uw-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  .uw-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  .uw-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .uw-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  .uw-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  .uw-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  .uw-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  .uw-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  .uw-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  .uw-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .uw-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  .uw-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  .uw-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  .uw-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  .uw-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  .uw-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  .uw-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .uw-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  .uw-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  .uw-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  .uw-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  .uw-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  .uw-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  .uw-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .uw-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  .uw-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  .uw-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  .uw-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  .uw-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  .uw-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  .uw-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .uw-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  .uw-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  .uw-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  .uw-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  .uw-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  .uw-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  .uw-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .uw-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  .uw-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  .uw-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  .uw-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  .uw-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  .uw-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  .uw-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .uw-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  .uw-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  .uw-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  .uw-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  .uw-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  .uw-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  .uw-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .uw-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  .uw-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  .uw-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  .uw-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  .uw-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  .uw-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  .uw-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .uw-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  .uw-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  .uw-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  .uw-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  .uw-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  .uw-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  .uw-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .uw-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  .uw-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  .uw-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  .uw-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  .uw-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  .uw-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  .uw-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .uw-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  .uw-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  .uw-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  .uw-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  .uw-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  .uw-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  .uw-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .uw-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  .uw-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  .uw-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  .uw-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  .uw-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  .uw-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  .uw-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .uw-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  .uw-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  .uw-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  .uw-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  .uw-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  .uw-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  .uw-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .uw-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  .uw-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  .uw-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  .uw-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  .uw-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  .uw-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  .uw-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .uw-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  .uw-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  .uw-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  .uw-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  .uw-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  .uw-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  .uw-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .uw-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  .uw-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  .uw-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  .uw-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  .uw-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  .uw-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  .uw-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .uw-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  .uw-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  .uw-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  .uw-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  .uw-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  .uw-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  .uw-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .uw-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  .uw-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  .uw-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  .uw-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  .uw-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  .uw-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  .uw-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .uw-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  .uw-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  .uw-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  .uw-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  .uw-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  .uw-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  .uw-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .uw-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  .uw-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  .uw-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  .uw-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  .uw-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  .uw-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  .uw-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .uw-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  .uw-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  .uw-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  .uw-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  .uw-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  .uw-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  .uw-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .uw-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  .uw-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  .uw-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  .uw-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  .uw-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  .uw-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  .uw-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .uw-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  .uw-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  .uw-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  .uw-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  .uw-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  .uw-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  .uw-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .uw-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  .uw-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  .uw-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  .uw-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  .uw-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  .uw-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  .uw-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .uw-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  .uw-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  .uw-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  .uw-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  .uw-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  .uw-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  .uw-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .uw-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  .uw-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  .uw-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  .uw-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  .uw-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  .uw-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  .uw-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .uw-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  .uw-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  .uw-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  .uw-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  .uw-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  .uw-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  .uw-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .uw-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  .uw-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  .uw-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  .uw-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  .uw-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  .uw-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  .uw-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .uw-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  .uw-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  .uw-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  .uw-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  .uw-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  .uw-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  .uw-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .uw-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  .uw-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  .uw-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  .uw-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  .uw-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  .uw-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  .uw-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .uw-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  .uw-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  .uw-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  .uw-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  .uw-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  .uw-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  .uw-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .uw-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  .uw-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  .uw-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  .uw-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  .uw-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  .uw-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  .uw-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .uw-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  .uw-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  .uw-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  .uw-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  .uw-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  .uw-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  .uw-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .uw-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  .uw-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  .uw-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  .uw-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  .uw-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  .uw-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  .uw-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .uw-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  .uw-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  .uw-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  .uw-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  .uw-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  .uw-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  .uw-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .uw-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  .uw-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  .uw-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  .uw-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  .uw-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  .uw-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  .uw-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .uw-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  .uw-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  .uw-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  .uw-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  .uw-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  .uw-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  .uw-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .uw-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  .uw-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  .uw-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  .uw-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  .uw-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  .uw-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  .uw-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .uw-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  .uw-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  .uw-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  .uw-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  .uw-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  .uw-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  .uw-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .uw-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  .uw-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  .uw-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  .uw-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  .uw-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  .uw-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  .uw-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .uw-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  .uw-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  .uw-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  .uw-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  .uw-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  .uw-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  .uw-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .uw-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  .uw-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  .uw-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  .uw-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  .uw-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  .uw-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  .uw-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .uw-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  .uw-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  .uw-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  .uw-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  .uw-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  .uw-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  .uw-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .uw-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  .uw-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  .uw-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  .uw-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  .uw-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  .uw-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  .uw-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .uw-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  .uw-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  .uw-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  .uw-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  .uw-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  .uw-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  .uw-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .uw-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  .uw-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  .uw-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  .uw-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  .uw-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  .uw-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  .uw-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .uw-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  .uw-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  .uw-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  .uw-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  .uw-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  .uw-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  .uw-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .uw-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  .uw-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  .uw-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  .uw-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  .uw-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  .uw-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  .uw-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .uw-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  .uw-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  .uw-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  .uw-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  .uw-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  .uw-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  .uw-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .uw-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  .uw-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  .uw-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  .uw-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  .uw-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  .uw-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  .uw-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .uw-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  .uw-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  .uw-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  .uw-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  .uw-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  .uw-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  .uw-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .uw-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  .uw-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  .uw-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  .uw-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  .uw-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  .uw-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  .uw-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .uw-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  .uw-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  .uw-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  .uw-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  .uw-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  .uw-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  .uw-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .uw-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  .uw-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  .uw-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  .uw-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  .uw-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  .uw-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  .uw-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .uw-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  .uw-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  .uw-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  .uw-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  .uw-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  .uw-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  .uw-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .uw-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  .uw-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  .uw-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  .uw-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  .uw-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  .uw-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  .uw-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .uw-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  .uw-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  .uw-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  .uw-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  .uw-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  .uw-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  .uw-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .uw-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  .uw-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  .uw-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  .uw-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  .uw-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  .uw-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  .uw-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .uw-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  .uw-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  .uw-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  .uw-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  .uw-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  .uw-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  .uw-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .uw-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  .uw-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  .uw-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  .uw-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  .uw-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  .uw-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  .uw-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .uw-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  .uw-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  .uw-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  .uw-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  .uw-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  .uw-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  .uw-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .uw-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  .uw-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  .uw-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  .uw-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  .uw-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  .uw-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  .uw-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .uw-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  .uw-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  .uw-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  .uw-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  .uw-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  .uw-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  .uw-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .uw-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  .uw-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  .uw-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  .uw-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  .uw-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  .uw-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  .uw-bg-green-50 { background-color: var(--quanta-green-50); }
  .uw-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  .uw-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  .uw-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  .uw-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  .uw-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  .uw-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  .uw-bg-green-100 { background-color: var(--quanta-green-100); }
  .uw-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  .uw-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  .uw-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  .uw-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  .uw-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  .uw-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  .uw-bg-green-200 { background-color: var(--quanta-green-200); }
  .uw-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  .uw-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  .uw-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  .uw-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  .uw-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  .uw-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  .uw-bg-green-300 { background-color: var(--quanta-green-300); }
  .uw-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  .uw-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  .uw-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  .uw-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  .uw-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  .uw-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  .uw-bg-green-400 { background-color: var(--quanta-green-400); }
  .uw-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  .uw-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  .uw-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  .uw-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  .uw-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  .uw-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  .uw-bg-green-500 { background-color: var(--quanta-green-500); }
  .uw-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  .uw-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  .uw-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  .uw-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  .uw-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  .uw-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  .uw-bg-green-600 { background-color: var(--quanta-green-600); }
  .uw-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  .uw-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  .uw-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  .uw-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  .uw-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  .uw-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  .uw-bg-green-700 { background-color: var(--quanta-green-700); }
  .uw-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  .uw-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  .uw-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  .uw-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  .uw-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  .uw-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  .uw-bg-green-800 { background-color: var(--quanta-green-800); }
  .uw-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  .uw-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  .uw-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  .uw-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  .uw-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  .uw-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  .uw-bg-green-900 { background-color: var(--quanta-green-900); }
  .uw-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  .uw-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  .uw-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  .uw-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  .uw-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  .uw-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  .uw-bg-black { background-color: var(--black); }
  .uw-hover-bg-black:hover { background-color: var(--black); }
  .uw-focus-bg-black:focus { background-color: var(--black); }
  .uw-active-bg-black:active { background-color: var(--black); }
  .uw-disabled-bg-black:disabled { background-color: var(--black); }
  .uw-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  .uw-focus-within-bg-black:focus-within { background-color: var(--black); }
  .uw-group:hover .uw-group-hover-bg-black { background-color: var(--black); }
  .uw-bg-white { background-color: var(--white); }
  .uw-hover-bg-white:hover { background-color: var(--white); }
  .uw-focus-bg-white:focus { background-color: var(--white); }
  .uw-active-bg-white:active { background-color: var(--white); }
  .uw-disabled-bg-white:disabled { background-color: var(--white); }
  .uw-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  .uw-focus-within-bg-white:focus-within { background-color: var(--white); }
  .uw-group:hover .uw-group-hover-bg-white { background-color: var(--white); }
  .uw-border-red-50 { border-color: var(--quanta-red-50); }
  .uw-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  .uw-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  .uw-active-border-red-50:active { border-color: var(--quanta-red-50); }
  .uw-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  .uw-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  .uw-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  .uw-border-red-100 { border-color: var(--quanta-red-100); }
  .uw-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  .uw-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  .uw-active-border-red-100:active { border-color: var(--quanta-red-100); }
  .uw-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  .uw-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  .uw-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  .uw-border-red-200 { border-color: var(--quanta-red-200); }
  .uw-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  .uw-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  .uw-active-border-red-200:active { border-color: var(--quanta-red-200); }
  .uw-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  .uw-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  .uw-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  .uw-border-red-300 { border-color: var(--quanta-red-300); }
  .uw-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  .uw-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  .uw-active-border-red-300:active { border-color: var(--quanta-red-300); }
  .uw-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  .uw-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  .uw-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  .uw-border-red-400 { border-color: var(--quanta-red-400); }
  .uw-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  .uw-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  .uw-active-border-red-400:active { border-color: var(--quanta-red-400); }
  .uw-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  .uw-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  .uw-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  .uw-border-red-500 { border-color: var(--quanta-red-500); }
  .uw-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  .uw-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  .uw-active-border-red-500:active { border-color: var(--quanta-red-500); }
  .uw-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  .uw-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  .uw-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  .uw-border-red-600 { border-color: var(--quanta-red-600); }
  .uw-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  .uw-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  .uw-active-border-red-600:active { border-color: var(--quanta-red-600); }
  .uw-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  .uw-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  .uw-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  .uw-border-red-700 { border-color: var(--quanta-red-700); }
  .uw-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  .uw-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  .uw-active-border-red-700:active { border-color: var(--quanta-red-700); }
  .uw-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  .uw-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  .uw-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  .uw-border-red-800 { border-color: var(--quanta-red-800); }
  .uw-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  .uw-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  .uw-active-border-red-800:active { border-color: var(--quanta-red-800); }
  .uw-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  .uw-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  .uw-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  .uw-border-red-900 { border-color: var(--quanta-red-900); }
  .uw-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  .uw-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  .uw-active-border-red-900:active { border-color: var(--quanta-red-900); }
  .uw-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  .uw-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  .uw-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  .uw-border-orange-50 { border-color: var(--quanta-orange-50); }
  .uw-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  .uw-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  .uw-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  .uw-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  .uw-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  .uw-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  .uw-border-orange-100 { border-color: var(--quanta-orange-100); }
  .uw-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  .uw-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  .uw-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  .uw-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  .uw-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  .uw-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  .uw-border-orange-200 { border-color: var(--quanta-orange-200); }
  .uw-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  .uw-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  .uw-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  .uw-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  .uw-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  .uw-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  .uw-border-orange-300 { border-color: var(--quanta-orange-300); }
  .uw-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  .uw-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  .uw-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  .uw-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  .uw-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  .uw-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  .uw-border-orange-400 { border-color: var(--quanta-orange-400); }
  .uw-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  .uw-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  .uw-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  .uw-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  .uw-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  .uw-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  .uw-border-orange-500 { border-color: var(--quanta-orange-500); }
  .uw-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  .uw-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  .uw-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  .uw-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  .uw-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  .uw-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  .uw-border-orange-600 { border-color: var(--quanta-orange-600); }
  .uw-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  .uw-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  .uw-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  .uw-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  .uw-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  .uw-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  .uw-border-orange-700 { border-color: var(--quanta-orange-700); }
  .uw-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  .uw-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  .uw-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  .uw-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  .uw-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  .uw-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  .uw-border-orange-800 { border-color: var(--quanta-orange-800); }
  .uw-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  .uw-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  .uw-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  .uw-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  .uw-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  .uw-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  .uw-border-orange-900 { border-color: var(--quanta-orange-900); }
  .uw-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  .uw-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  .uw-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  .uw-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  .uw-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  .uw-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  .uw-border-teal-50 { border-color: var(--quanta-teal-50); }
  .uw-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  .uw-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  .uw-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  .uw-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  .uw-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  .uw-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  .uw-border-teal-100 { border-color: var(--quanta-teal-100); }
  .uw-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  .uw-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  .uw-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  .uw-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  .uw-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  .uw-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  .uw-border-teal-200 { border-color: var(--quanta-teal-200); }
  .uw-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  .uw-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  .uw-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  .uw-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  .uw-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  .uw-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  .uw-border-teal-300 { border-color: var(--quanta-teal-300); }
  .uw-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  .uw-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  .uw-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  .uw-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  .uw-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  .uw-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  .uw-border-teal-400 { border-color: var(--quanta-teal-400); }
  .uw-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  .uw-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  .uw-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  .uw-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  .uw-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  .uw-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  .uw-border-teal-500 { border-color: var(--quanta-teal-500); }
  .uw-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  .uw-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  .uw-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  .uw-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  .uw-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  .uw-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  .uw-border-teal-600 { border-color: var(--quanta-teal-600); }
  .uw-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  .uw-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  .uw-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  .uw-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  .uw-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  .uw-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  .uw-border-teal-700 { border-color: var(--quanta-teal-700); }
  .uw-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  .uw-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  .uw-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  .uw-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  .uw-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  .uw-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  .uw-border-teal-800 { border-color: var(--quanta-teal-800); }
  .uw-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  .uw-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  .uw-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  .uw-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  .uw-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  .uw-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  .uw-border-teal-900 { border-color: var(--quanta-teal-900); }
  .uw-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  .uw-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  .uw-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  .uw-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  .uw-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  .uw-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  .uw-border-purple-50 { border-color: var(--quanta-purple-50); }
  .uw-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  .uw-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  .uw-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  .uw-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  .uw-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  .uw-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  .uw-border-purple-100 { border-color: var(--quanta-purple-100); }
  .uw-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  .uw-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  .uw-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  .uw-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  .uw-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  .uw-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  .uw-border-purple-200 { border-color: var(--quanta-purple-200); }
  .uw-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  .uw-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  .uw-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  .uw-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  .uw-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  .uw-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  .uw-border-purple-300 { border-color: var(--quanta-purple-300); }
  .uw-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  .uw-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  .uw-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  .uw-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  .uw-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  .uw-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  .uw-border-purple-400 { border-color: var(--quanta-purple-400); }
  .uw-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  .uw-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  .uw-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  .uw-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  .uw-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  .uw-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  .uw-border-purple-500 { border-color: var(--quanta-purple-500); }
  .uw-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  .uw-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  .uw-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  .uw-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  .uw-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  .uw-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  .uw-border-purple-600 { border-color: var(--quanta-purple-600); }
  .uw-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  .uw-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  .uw-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  .uw-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  .uw-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  .uw-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  .uw-border-purple-700 { border-color: var(--quanta-purple-700); }
  .uw-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  .uw-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  .uw-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  .uw-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  .uw-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  .uw-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  .uw-border-purple-800 { border-color: var(--quanta-purple-800); }
  .uw-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  .uw-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  .uw-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  .uw-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  .uw-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  .uw-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  .uw-border-purple-900 { border-color: var(--quanta-purple-900); }
  .uw-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  .uw-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  .uw-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  .uw-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  .uw-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  .uw-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  .uw-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .uw-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  .uw-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  .uw-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  .uw-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  .uw-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  .uw-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  .uw-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .uw-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  .uw-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  .uw-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  .uw-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  .uw-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  .uw-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  .uw-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .uw-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  .uw-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  .uw-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  .uw-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  .uw-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  .uw-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  .uw-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .uw-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  .uw-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  .uw-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  .uw-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  .uw-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  .uw-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  .uw-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .uw-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  .uw-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  .uw-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  .uw-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  .uw-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  .uw-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  .uw-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .uw-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  .uw-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  .uw-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  .uw-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  .uw-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  .uw-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  .uw-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .uw-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  .uw-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  .uw-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  .uw-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  .uw-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  .uw-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  .uw-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .uw-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  .uw-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  .uw-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  .uw-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  .uw-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  .uw-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  .uw-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .uw-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  .uw-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  .uw-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  .uw-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  .uw-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  .uw-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  .uw-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .uw-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  .uw-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  .uw-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  .uw-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  .uw-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  .uw-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  .uw-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .uw-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  .uw-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  .uw-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  .uw-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  .uw-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  .uw-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  .uw-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .uw-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  .uw-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  .uw-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  .uw-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  .uw-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  .uw-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  .uw-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .uw-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  .uw-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  .uw-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  .uw-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  .uw-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  .uw-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  .uw-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .uw-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  .uw-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  .uw-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  .uw-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  .uw-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  .uw-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  .uw-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .uw-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  .uw-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  .uw-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  .uw-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  .uw-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  .uw-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  .uw-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .uw-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  .uw-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  .uw-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  .uw-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  .uw-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  .uw-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  .uw-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .uw-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  .uw-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  .uw-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  .uw-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  .uw-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  .uw-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  .uw-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .uw-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  .uw-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  .uw-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  .uw-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  .uw-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  .uw-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  .uw-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .uw-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  .uw-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  .uw-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  .uw-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  .uw-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  .uw-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  .uw-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .uw-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  .uw-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  .uw-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  .uw-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  .uw-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  .uw-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  .uw-border-pink-50 { border-color: var(--quanta-pink-50); }
  .uw-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  .uw-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  .uw-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  .uw-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  .uw-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  .uw-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  .uw-border-pink-100 { border-color: var(--quanta-pink-100); }
  .uw-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  .uw-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  .uw-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  .uw-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  .uw-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  .uw-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  .uw-border-pink-200 { border-color: var(--quanta-pink-200); }
  .uw-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  .uw-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  .uw-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  .uw-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  .uw-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  .uw-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  .uw-border-pink-300 { border-color: var(--quanta-pink-300); }
  .uw-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  .uw-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  .uw-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  .uw-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  .uw-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  .uw-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  .uw-border-pink-400 { border-color: var(--quanta-pink-400); }
  .uw-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  .uw-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  .uw-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  .uw-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  .uw-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  .uw-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  .uw-border-pink-500 { border-color: var(--quanta-pink-500); }
  .uw-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  .uw-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  .uw-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  .uw-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  .uw-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  .uw-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  .uw-border-pink-600 { border-color: var(--quanta-pink-600); }
  .uw-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  .uw-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  .uw-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  .uw-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  .uw-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  .uw-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  .uw-border-pink-700 { border-color: var(--quanta-pink-700); }
  .uw-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  .uw-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  .uw-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  .uw-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  .uw-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  .uw-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  .uw-border-pink-800 { border-color: var(--quanta-pink-800); }
  .uw-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  .uw-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  .uw-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  .uw-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  .uw-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  .uw-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  .uw-border-pink-900 { border-color: var(--quanta-pink-900); }
  .uw-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  .uw-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  .uw-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  .uw-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  .uw-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  .uw-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  .uw-border-grey-50 { border-color: var(--quanta-grey-50); }
  .uw-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  .uw-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  .uw-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  .uw-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  .uw-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  .uw-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  .uw-border-grey-100 { border-color: var(--quanta-grey-100); }
  .uw-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  .uw-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  .uw-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  .uw-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  .uw-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  .uw-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  .uw-border-grey-200 { border-color: var(--quanta-grey-200); }
  .uw-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  .uw-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  .uw-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  .uw-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  .uw-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  .uw-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  .uw-border-grey-300 { border-color: var(--quanta-grey-300); }
  .uw-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  .uw-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  .uw-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  .uw-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  .uw-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  .uw-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  .uw-border-grey-400 { border-color: var(--quanta-grey-400); }
  .uw-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  .uw-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  .uw-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  .uw-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  .uw-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  .uw-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  .uw-border-grey-500 { border-color: var(--quanta-grey-500); }
  .uw-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  .uw-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  .uw-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  .uw-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  .uw-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  .uw-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  .uw-border-grey-600 { border-color: var(--quanta-grey-600); }
  .uw-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  .uw-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  .uw-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  .uw-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  .uw-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  .uw-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  .uw-border-grey-700 { border-color: var(--quanta-grey-700); }
  .uw-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  .uw-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  .uw-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  .uw-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  .uw-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  .uw-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  .uw-border-grey-800 { border-color: var(--quanta-grey-800); }
  .uw-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  .uw-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  .uw-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  .uw-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  .uw-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  .uw-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  .uw-border-grey-900 { border-color: var(--quanta-grey-900); }
  .uw-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  .uw-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  .uw-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  .uw-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  .uw-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  .uw-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  .uw-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .uw-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  .uw-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  .uw-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  .uw-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  .uw-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  .uw-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  .uw-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .uw-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  .uw-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  .uw-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  .uw-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  .uw-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  .uw-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  .uw-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .uw-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  .uw-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  .uw-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  .uw-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  .uw-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  .uw-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  .uw-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .uw-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  .uw-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  .uw-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  .uw-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  .uw-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  .uw-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  .uw-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .uw-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  .uw-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  .uw-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  .uw-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  .uw-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  .uw-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  .uw-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .uw-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  .uw-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  .uw-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  .uw-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  .uw-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  .uw-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  .uw-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .uw-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  .uw-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  .uw-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  .uw-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  .uw-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  .uw-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  .uw-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .uw-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  .uw-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  .uw-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  .uw-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  .uw-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  .uw-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  .uw-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .uw-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  .uw-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  .uw-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  .uw-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  .uw-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  .uw-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  .uw-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .uw-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  .uw-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  .uw-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  .uw-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  .uw-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  .uw-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  .uw-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .uw-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  .uw-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  .uw-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  .uw-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  .uw-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  .uw-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  .uw-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .uw-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  .uw-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  .uw-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  .uw-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  .uw-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  .uw-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  .uw-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .uw-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  .uw-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  .uw-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  .uw-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  .uw-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  .uw-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  .uw-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .uw-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  .uw-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  .uw-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  .uw-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  .uw-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  .uw-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  .uw-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .uw-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  .uw-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  .uw-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  .uw-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  .uw-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  .uw-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  .uw-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .uw-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  .uw-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  .uw-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  .uw-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  .uw-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  .uw-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  .uw-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .uw-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  .uw-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  .uw-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  .uw-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  .uw-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  .uw-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  .uw-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .uw-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  .uw-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  .uw-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  .uw-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  .uw-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  .uw-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  .uw-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .uw-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  .uw-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  .uw-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  .uw-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  .uw-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  .uw-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  .uw-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .uw-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  .uw-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  .uw-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  .uw-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  .uw-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  .uw-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  .uw-border-lime-50 { border-color: var(--quanta-lime-50); }
  .uw-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  .uw-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  .uw-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  .uw-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  .uw-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  .uw-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  .uw-border-lime-100 { border-color: var(--quanta-lime-100); }
  .uw-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  .uw-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  .uw-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  .uw-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  .uw-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  .uw-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  .uw-border-lime-200 { border-color: var(--quanta-lime-200); }
  .uw-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  .uw-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  .uw-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  .uw-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  .uw-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  .uw-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  .uw-border-lime-300 { border-color: var(--quanta-lime-300); }
  .uw-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  .uw-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  .uw-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  .uw-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  .uw-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  .uw-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  .uw-border-lime-400 { border-color: var(--quanta-lime-400); }
  .uw-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  .uw-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  .uw-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  .uw-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  .uw-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  .uw-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  .uw-border-lime-500 { border-color: var(--quanta-lime-500); }
  .uw-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  .uw-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  .uw-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  .uw-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  .uw-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  .uw-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  .uw-border-lime-600 { border-color: var(--quanta-lime-600); }
  .uw-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  .uw-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  .uw-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  .uw-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  .uw-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  .uw-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  .uw-border-lime-700 { border-color: var(--quanta-lime-700); }
  .uw-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  .uw-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  .uw-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  .uw-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  .uw-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  .uw-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  .uw-border-lime-800 { border-color: var(--quanta-lime-800); }
  .uw-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  .uw-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  .uw-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  .uw-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  .uw-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  .uw-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  .uw-border-lime-900 { border-color: var(--quanta-lime-900); }
  .uw-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  .uw-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  .uw-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  .uw-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  .uw-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  .uw-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  .uw-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .uw-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  .uw-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  .uw-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  .uw-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  .uw-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  .uw-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  .uw-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .uw-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  .uw-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  .uw-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  .uw-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  .uw-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  .uw-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  .uw-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .uw-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  .uw-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  .uw-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  .uw-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  .uw-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  .uw-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  .uw-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .uw-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  .uw-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  .uw-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  .uw-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  .uw-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  .uw-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  .uw-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .uw-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  .uw-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  .uw-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  .uw-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  .uw-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  .uw-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  .uw-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .uw-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  .uw-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  .uw-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  .uw-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  .uw-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  .uw-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  .uw-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .uw-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  .uw-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  .uw-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  .uw-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  .uw-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  .uw-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  .uw-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .uw-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  .uw-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  .uw-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  .uw-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  .uw-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  .uw-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  .uw-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .uw-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  .uw-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  .uw-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  .uw-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  .uw-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  .uw-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  .uw-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .uw-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  .uw-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  .uw-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  .uw-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  .uw-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  .uw-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  .uw-border-sky-50 { border-color: var(--quanta-sky-50); }
  .uw-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  .uw-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  .uw-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  .uw-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  .uw-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  .uw-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  .uw-border-sky-100 { border-color: var(--quanta-sky-100); }
  .uw-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  .uw-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  .uw-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  .uw-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  .uw-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  .uw-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  .uw-border-sky-200 { border-color: var(--quanta-sky-200); }
  .uw-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  .uw-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  .uw-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  .uw-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  .uw-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  .uw-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  .uw-border-sky-300 { border-color: var(--quanta-sky-300); }
  .uw-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  .uw-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  .uw-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  .uw-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  .uw-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  .uw-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  .uw-border-sky-400 { border-color: var(--quanta-sky-400); }
  .uw-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  .uw-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  .uw-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  .uw-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  .uw-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  .uw-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  .uw-border-sky-500 { border-color: var(--quanta-sky-500); }
  .uw-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  .uw-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  .uw-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  .uw-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  .uw-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  .uw-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  .uw-border-sky-600 { border-color: var(--quanta-sky-600); }
  .uw-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  .uw-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  .uw-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  .uw-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  .uw-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  .uw-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  .uw-border-sky-700 { border-color: var(--quanta-sky-700); }
  .uw-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  .uw-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  .uw-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  .uw-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  .uw-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  .uw-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  .uw-border-sky-800 { border-color: var(--quanta-sky-800); }
  .uw-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  .uw-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  .uw-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  .uw-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  .uw-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  .uw-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  .uw-border-sky-900 { border-color: var(--quanta-sky-900); }
  .uw-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  .uw-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  .uw-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  .uw-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  .uw-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  .uw-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  .uw-border-violet-50 { border-color: var(--quanta-violet-50); }
  .uw-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  .uw-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  .uw-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  .uw-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  .uw-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  .uw-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  .uw-border-violet-100 { border-color: var(--quanta-violet-100); }
  .uw-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  .uw-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  .uw-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  .uw-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  .uw-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  .uw-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  .uw-border-violet-200 { border-color: var(--quanta-violet-200); }
  .uw-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  .uw-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  .uw-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  .uw-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  .uw-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  .uw-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  .uw-border-violet-300 { border-color: var(--quanta-violet-300); }
  .uw-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  .uw-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  .uw-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  .uw-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  .uw-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  .uw-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  .uw-border-violet-400 { border-color: var(--quanta-violet-400); }
  .uw-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  .uw-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  .uw-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  .uw-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  .uw-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  .uw-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  .uw-border-violet-500 { border-color: var(--quanta-violet-500); }
  .uw-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  .uw-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  .uw-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  .uw-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  .uw-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  .uw-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  .uw-border-violet-600 { border-color: var(--quanta-violet-600); }
  .uw-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  .uw-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  .uw-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  .uw-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  .uw-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  .uw-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  .uw-border-violet-700 { border-color: var(--quanta-violet-700); }
  .uw-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  .uw-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  .uw-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  .uw-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  .uw-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  .uw-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  .uw-border-violet-800 { border-color: var(--quanta-violet-800); }
  .uw-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  .uw-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  .uw-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  .uw-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  .uw-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  .uw-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  .uw-border-violet-900 { border-color: var(--quanta-violet-900); }
  .uw-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  .uw-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  .uw-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  .uw-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  .uw-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  .uw-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  .uw-border-rose-50 { border-color: var(--quanta-rose-50); }
  .uw-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  .uw-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  .uw-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  .uw-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  .uw-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  .uw-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  .uw-border-rose-100 { border-color: var(--quanta-rose-100); }
  .uw-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  .uw-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  .uw-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  .uw-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  .uw-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  .uw-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  .uw-border-rose-200 { border-color: var(--quanta-rose-200); }
  .uw-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  .uw-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  .uw-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  .uw-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  .uw-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  .uw-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  .uw-border-rose-300 { border-color: var(--quanta-rose-300); }
  .uw-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  .uw-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  .uw-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  .uw-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  .uw-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  .uw-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  .uw-border-rose-400 { border-color: var(--quanta-rose-400); }
  .uw-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  .uw-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  .uw-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  .uw-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  .uw-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  .uw-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  .uw-border-rose-500 { border-color: var(--quanta-rose-500); }
  .uw-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  .uw-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  .uw-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  .uw-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  .uw-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  .uw-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  .uw-border-rose-600 { border-color: var(--quanta-rose-600); }
  .uw-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  .uw-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  .uw-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  .uw-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  .uw-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  .uw-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  .uw-border-rose-700 { border-color: var(--quanta-rose-700); }
  .uw-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  .uw-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  .uw-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  .uw-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  .uw-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  .uw-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  .uw-border-rose-800 { border-color: var(--quanta-rose-800); }
  .uw-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  .uw-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  .uw-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  .uw-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  .uw-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  .uw-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  .uw-border-rose-900 { border-color: var(--quanta-rose-900); }
  .uw-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  .uw-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  .uw-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  .uw-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  .uw-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  .uw-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  .uw-border-slate-50 { border-color: var(--quanta-slate-50); }
  .uw-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  .uw-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  .uw-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  .uw-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  .uw-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  .uw-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  .uw-border-slate-100 { border-color: var(--quanta-slate-100); }
  .uw-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  .uw-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  .uw-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  .uw-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  .uw-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  .uw-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  .uw-border-slate-200 { border-color: var(--quanta-slate-200); }
  .uw-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  .uw-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  .uw-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  .uw-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  .uw-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  .uw-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  .uw-border-slate-300 { border-color: var(--quanta-slate-300); }
  .uw-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  .uw-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  .uw-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  .uw-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  .uw-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  .uw-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  .uw-border-slate-400 { border-color: var(--quanta-slate-400); }
  .uw-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  .uw-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  .uw-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  .uw-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  .uw-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  .uw-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  .uw-border-slate-500 { border-color: var(--quanta-slate-500); }
  .uw-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  .uw-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  .uw-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  .uw-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  .uw-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  .uw-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  .uw-border-slate-600 { border-color: var(--quanta-slate-600); }
  .uw-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  .uw-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  .uw-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  .uw-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  .uw-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  .uw-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  .uw-border-slate-700 { border-color: var(--quanta-slate-700); }
  .uw-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  .uw-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  .uw-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  .uw-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  .uw-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  .uw-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  .uw-border-slate-800 { border-color: var(--quanta-slate-800); }
  .uw-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  .uw-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  .uw-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  .uw-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  .uw-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  .uw-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  .uw-border-slate-900 { border-color: var(--quanta-slate-900); }
  .uw-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  .uw-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  .uw-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  .uw-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  .uw-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  .uw-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  .uw-border-blue-50 { border-color: var(--quanta-blue-50); }
  .uw-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  .uw-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  .uw-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  .uw-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  .uw-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  .uw-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  .uw-border-blue-100 { border-color: var(--quanta-blue-100); }
  .uw-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  .uw-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  .uw-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  .uw-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  .uw-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  .uw-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  .uw-border-blue-200 { border-color: var(--quanta-blue-200); }
  .uw-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  .uw-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  .uw-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  .uw-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  .uw-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  .uw-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  .uw-border-blue-300 { border-color: var(--quanta-blue-300); }
  .uw-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  .uw-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  .uw-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  .uw-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  .uw-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  .uw-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  .uw-border-blue-400 { border-color: var(--quanta-blue-400); }
  .uw-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  .uw-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  .uw-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  .uw-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  .uw-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  .uw-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  .uw-border-blue-500 { border-color: var(--quanta-blue-500); }
  .uw-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  .uw-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  .uw-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  .uw-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  .uw-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  .uw-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  .uw-border-blue-600 { border-color: var(--quanta-blue-600); }
  .uw-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  .uw-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  .uw-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  .uw-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  .uw-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  .uw-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  .uw-border-blue-700 { border-color: var(--quanta-blue-700); }
  .uw-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  .uw-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  .uw-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  .uw-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  .uw-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  .uw-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  .uw-border-blue-800 { border-color: var(--quanta-blue-800); }
  .uw-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  .uw-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  .uw-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  .uw-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  .uw-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  .uw-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  .uw-border-blue-900 { border-color: var(--quanta-blue-900); }
  .uw-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  .uw-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  .uw-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  .uw-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  .uw-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  .uw-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  .uw-border-green-50 { border-color: var(--quanta-green-50); }
  .uw-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  .uw-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  .uw-active-border-green-50:active { border-color: var(--quanta-green-50); }
  .uw-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  .uw-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  .uw-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  .uw-border-green-100 { border-color: var(--quanta-green-100); }
  .uw-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  .uw-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  .uw-active-border-green-100:active { border-color: var(--quanta-green-100); }
  .uw-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  .uw-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  .uw-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  .uw-border-green-200 { border-color: var(--quanta-green-200); }
  .uw-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  .uw-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  .uw-active-border-green-200:active { border-color: var(--quanta-green-200); }
  .uw-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  .uw-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  .uw-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  .uw-border-green-300 { border-color: var(--quanta-green-300); }
  .uw-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  .uw-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  .uw-active-border-green-300:active { border-color: var(--quanta-green-300); }
  .uw-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  .uw-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  .uw-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  .uw-border-green-400 { border-color: var(--quanta-green-400); }
  .uw-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  .uw-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  .uw-active-border-green-400:active { border-color: var(--quanta-green-400); }
  .uw-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  .uw-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  .uw-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  .uw-border-green-500 { border-color: var(--quanta-green-500); }
  .uw-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  .uw-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  .uw-active-border-green-500:active { border-color: var(--quanta-green-500); }
  .uw-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  .uw-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  .uw-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  .uw-border-green-600 { border-color: var(--quanta-green-600); }
  .uw-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  .uw-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  .uw-active-border-green-600:active { border-color: var(--quanta-green-600); }
  .uw-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  .uw-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  .uw-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  .uw-border-green-700 { border-color: var(--quanta-green-700); }
  .uw-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  .uw-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  .uw-active-border-green-700:active { border-color: var(--quanta-green-700); }
  .uw-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  .uw-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  .uw-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  .uw-border-green-800 { border-color: var(--quanta-green-800); }
  .uw-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  .uw-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  .uw-active-border-green-800:active { border-color: var(--quanta-green-800); }
  .uw-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  .uw-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  .uw-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  .uw-border-green-900 { border-color: var(--quanta-green-900); }
  .uw-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  .uw-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  .uw-active-border-green-900:active { border-color: var(--quanta-green-900); }
  .uw-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  .uw-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  .uw-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  .uw-border-black { border-color: var(--black); }
  .uw-hover-border-black:hover { border-color: var(--black); }
  .uw-focus-border-black:focus { border-color: var(--black); }
  .uw-active-border-black:active { border-color: var(--black); }
  .uw-disabled-border-black:disabled { border-color: var(--black); }
  .uw-focus-visible-border-black:focus-visible { border-color: var(--black); }
  .uw-focus-within-border-black:focus-within { border-color: var(--black); }
  .uw-group:hover .uw-group-hover-border-black { border-color: var(--black); }
  .uw-border-white { border-color: var(--white); }
  .uw-hover-border-white:hover { border-color: var(--white); }
  .uw-focus-border-white:focus { border-color: var(--white); }
  .uw-active-border-white:active { border-color: var(--white); }
  .uw-disabled-border-white:disabled { border-color: var(--white); }
  .uw-focus-visible-border-white:focus-visible { border-color: var(--white); }
  .uw-focus-within-border-white:focus-within { border-color: var(--white); }
  .uw-group:hover .uw-group-hover-border-white { border-color: var(--white); }
  .uw-border-0 { border-width: 0.0rem; }
  .uw-hover-border-0:hover { border-width: 0.0rem; }
  .uw-focus-border-0:focus { border-width: 0.0rem; }
  .uw-active-border-0:active { border-width: 0.0rem; }
  .uw-disabled-border-0:disabled { border-width: 0.0rem; }
  .uw-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .uw-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-0 { border-width: 0.0rem; }
  .uw-border-0 { border-width: 0.0rem; }
  .uw-hover-border-0:hover { border-width: 0.0rem; }
  .uw-focus-border-0:focus { border-width: 0.0rem; }
  .uw-active-border-0:active { border-width: 0.0rem; }
  .uw-disabled-border-0:disabled { border-width: 0.0rem; }
  .uw-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  .uw-focus-within-border-0:focus-within { border-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-0 { border-width: 0.0rem; }
  .uw-border-t-0 { border-top-width: 0.0rem; }
  .uw-hover-border-t-0:hover { border-top-width: 0.0rem; }
  .uw-focus-border-t-0:focus { border-top-width: 0.0rem; }
  .uw-active-border-t-0:active { border-top-width: 0.0rem; }
  .uw-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  .uw-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  .uw-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-t-0 { border-top-width: 0.0rem; }
  .uw-border-r-0 { border-right-width: 0.0rem; }
  .uw-hover-border-r-0:hover { border-right-width: 0.0rem; }
  .uw-focus-border-r-0:focus { border-right-width: 0.0rem; }
  .uw-active-border-r-0:active { border-right-width: 0.0rem; }
  .uw-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  .uw-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  .uw-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-r-0 { border-right-width: 0.0rem; }
  .uw-border-b-0 { border-bottom-width: 0.0rem; }
  .uw-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  .uw-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  .uw-active-border-b-0:active { border-bottom-width: 0.0rem; }
  .uw-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  .uw-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  .uw-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  .uw-border-l-0 { border-left-width: 0.0rem; }
  .uw-hover-border-l-0:hover { border-left-width: 0.0rem; }
  .uw-focus-border-l-0:focus { border-left-width: 0.0rem; }
  .uw-active-border-l-0:active { border-left-width: 0.0rem; }
  .uw-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  .uw-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  .uw-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-l-0 { border-left-width: 0.0rem; }
  .uw-border-1 { border-width: 0.0625rem; }
  .uw-hover-border-1:hover { border-width: 0.0625rem; }
  .uw-focus-border-1:focus { border-width: 0.0625rem; }
  .uw-active-border-1:active { border-width: 0.0625rem; }
  .uw-disabled-border-1:disabled { border-width: 0.0625rem; }
  .uw-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .uw-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-1 { border-width: 0.0625rem; }
  .uw-border-1 { border-width: 0.0625rem; }
  .uw-hover-border-1:hover { border-width: 0.0625rem; }
  .uw-focus-border-1:focus { border-width: 0.0625rem; }
  .uw-active-border-1:active { border-width: 0.0625rem; }
  .uw-disabled-border-1:disabled { border-width: 0.0625rem; }
  .uw-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  .uw-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-1 { border-width: 0.0625rem; }
  .uw-border-t-1 { border-top-width: 0.0625rem; }
  .uw-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  .uw-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  .uw-active-border-t-1:active { border-top-width: 0.0625rem; }
  .uw-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  .uw-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  .uw-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  .uw-border-r-1 { border-right-width: 0.0625rem; }
  .uw-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  .uw-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  .uw-active-border-r-1:active { border-right-width: 0.0625rem; }
  .uw-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  .uw-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  .uw-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  .uw-border-b-1 { border-bottom-width: 0.0625rem; }
  .uw-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  .uw-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  .uw-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  .uw-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  .uw-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  .uw-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  .uw-border-l-1 { border-left-width: 0.0625rem; }
  .uw-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  .uw-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  .uw-active-border-l-1:active { border-left-width: 0.0625rem; }
  .uw-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  .uw-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  .uw-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  .uw-border-2 { border-width: 0.125rem; }
  .uw-hover-border-2:hover { border-width: 0.125rem; }
  .uw-focus-border-2:focus { border-width: 0.125rem; }
  .uw-active-border-2:active { border-width: 0.125rem; }
  .uw-disabled-border-2:disabled { border-width: 0.125rem; }
  .uw-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .uw-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-2 { border-width: 0.125rem; }
  .uw-border-2 { border-width: 0.125rem; }
  .uw-hover-border-2:hover { border-width: 0.125rem; }
  .uw-focus-border-2:focus { border-width: 0.125rem; }
  .uw-active-border-2:active { border-width: 0.125rem; }
  .uw-disabled-border-2:disabled { border-width: 0.125rem; }
  .uw-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  .uw-focus-within-border-2:focus-within { border-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-2 { border-width: 0.125rem; }
  .uw-border-t-2 { border-top-width: 0.125rem; }
  .uw-hover-border-t-2:hover { border-top-width: 0.125rem; }
  .uw-focus-border-t-2:focus { border-top-width: 0.125rem; }
  .uw-active-border-t-2:active { border-top-width: 0.125rem; }
  .uw-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  .uw-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  .uw-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-t-2 { border-top-width: 0.125rem; }
  .uw-border-r-2 { border-right-width: 0.125rem; }
  .uw-hover-border-r-2:hover { border-right-width: 0.125rem; }
  .uw-focus-border-r-2:focus { border-right-width: 0.125rem; }
  .uw-active-border-r-2:active { border-right-width: 0.125rem; }
  .uw-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  .uw-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  .uw-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-r-2 { border-right-width: 0.125rem; }
  .uw-border-b-2 { border-bottom-width: 0.125rem; }
  .uw-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  .uw-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  .uw-active-border-b-2:active { border-bottom-width: 0.125rem; }
  .uw-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  .uw-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  .uw-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  .uw-border-l-2 { border-left-width: 0.125rem; }
  .uw-hover-border-l-2:hover { border-left-width: 0.125rem; }
  .uw-focus-border-l-2:focus { border-left-width: 0.125rem; }
  .uw-active-border-l-2:active { border-left-width: 0.125rem; }
  .uw-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  .uw-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  .uw-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-l-2 { border-left-width: 0.125rem; }
  .uw-border-3 { border-width: 0.1875rem; }
  .uw-hover-border-3:hover { border-width: 0.1875rem; }
  .uw-focus-border-3:focus { border-width: 0.1875rem; }
  .uw-active-border-3:active { border-width: 0.1875rem; }
  .uw-disabled-border-3:disabled { border-width: 0.1875rem; }
  .uw-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .uw-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-3 { border-width: 0.1875rem; }
  .uw-border-3 { border-width: 0.1875rem; }
  .uw-hover-border-3:hover { border-width: 0.1875rem; }
  .uw-focus-border-3:focus { border-width: 0.1875rem; }
  .uw-active-border-3:active { border-width: 0.1875rem; }
  .uw-disabled-border-3:disabled { border-width: 0.1875rem; }
  .uw-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  .uw-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-3 { border-width: 0.1875rem; }
  .uw-border-t-3 { border-top-width: 0.1875rem; }
  .uw-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  .uw-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  .uw-active-border-t-3:active { border-top-width: 0.1875rem; }
  .uw-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  .uw-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  .uw-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  .uw-border-r-3 { border-right-width: 0.1875rem; }
  .uw-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  .uw-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  .uw-active-border-r-3:active { border-right-width: 0.1875rem; }
  .uw-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  .uw-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  .uw-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  .uw-border-b-3 { border-bottom-width: 0.1875rem; }
  .uw-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  .uw-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  .uw-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  .uw-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  .uw-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  .uw-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  .uw-border-l-3 { border-left-width: 0.1875rem; }
  .uw-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  .uw-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  .uw-active-border-l-3:active { border-left-width: 0.1875rem; }
  .uw-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  .uw-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  .uw-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  .uw-border-4 { border-width: 0.25rem; }
  .uw-hover-border-4:hover { border-width: 0.25rem; }
  .uw-focus-border-4:focus { border-width: 0.25rem; }
  .uw-active-border-4:active { border-width: 0.25rem; }
  .uw-disabled-border-4:disabled { border-width: 0.25rem; }
  .uw-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .uw-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-4 { border-width: 0.25rem; }
  .uw-border-4 { border-width: 0.25rem; }
  .uw-hover-border-4:hover { border-width: 0.25rem; }
  .uw-focus-border-4:focus { border-width: 0.25rem; }
  .uw-active-border-4:active { border-width: 0.25rem; }
  .uw-disabled-border-4:disabled { border-width: 0.25rem; }
  .uw-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  .uw-focus-within-border-4:focus-within { border-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-4 { border-width: 0.25rem; }
  .uw-border-t-4 { border-top-width: 0.25rem; }
  .uw-hover-border-t-4:hover { border-top-width: 0.25rem; }
  .uw-focus-border-t-4:focus { border-top-width: 0.25rem; }
  .uw-active-border-t-4:active { border-top-width: 0.25rem; }
  .uw-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  .uw-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  .uw-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-t-4 { border-top-width: 0.25rem; }
  .uw-border-r-4 { border-right-width: 0.25rem; }
  .uw-hover-border-r-4:hover { border-right-width: 0.25rem; }
  .uw-focus-border-r-4:focus { border-right-width: 0.25rem; }
  .uw-active-border-r-4:active { border-right-width: 0.25rem; }
  .uw-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  .uw-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  .uw-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-r-4 { border-right-width: 0.25rem; }
  .uw-border-b-4 { border-bottom-width: 0.25rem; }
  .uw-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  .uw-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  .uw-active-border-b-4:active { border-bottom-width: 0.25rem; }
  .uw-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  .uw-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  .uw-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  .uw-border-l-4 { border-left-width: 0.25rem; }
  .uw-hover-border-l-4:hover { border-left-width: 0.25rem; }
  .uw-focus-border-l-4:focus { border-left-width: 0.25rem; }
  .uw-active-border-l-4:active { border-left-width: 0.25rem; }
  .uw-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  .uw-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  .uw-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-l-4 { border-left-width: 0.25rem; }
  .uw-border-5 { border-width: 0.3125rem; }
  .uw-hover-border-5:hover { border-width: 0.3125rem; }
  .uw-focus-border-5:focus { border-width: 0.3125rem; }
  .uw-active-border-5:active { border-width: 0.3125rem; }
  .uw-disabled-border-5:disabled { border-width: 0.3125rem; }
  .uw-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .uw-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-5 { border-width: 0.3125rem; }
  .uw-border-5 { border-width: 0.3125rem; }
  .uw-hover-border-5:hover { border-width: 0.3125rem; }
  .uw-focus-border-5:focus { border-width: 0.3125rem; }
  .uw-active-border-5:active { border-width: 0.3125rem; }
  .uw-disabled-border-5:disabled { border-width: 0.3125rem; }
  .uw-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  .uw-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-5 { border-width: 0.3125rem; }
  .uw-border-t-5 { border-top-width: 0.3125rem; }
  .uw-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  .uw-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  .uw-active-border-t-5:active { border-top-width: 0.3125rem; }
  .uw-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  .uw-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  .uw-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  .uw-border-r-5 { border-right-width: 0.3125rem; }
  .uw-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  .uw-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  .uw-active-border-r-5:active { border-right-width: 0.3125rem; }
  .uw-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  .uw-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  .uw-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  .uw-border-b-5 { border-bottom-width: 0.3125rem; }
  .uw-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  .uw-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  .uw-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  .uw-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  .uw-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  .uw-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  .uw-border-l-5 { border-left-width: 0.3125rem; }
  .uw-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  .uw-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  .uw-active-border-l-5:active { border-left-width: 0.3125rem; }
  .uw-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  .uw-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  .uw-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  .uw-border-6 { border-width: 0.375rem; }
  .uw-hover-border-6:hover { border-width: 0.375rem; }
  .uw-focus-border-6:focus { border-width: 0.375rem; }
  .uw-active-border-6:active { border-width: 0.375rem; }
  .uw-disabled-border-6:disabled { border-width: 0.375rem; }
  .uw-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .uw-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-6 { border-width: 0.375rem; }
  .uw-border-6 { border-width: 0.375rem; }
  .uw-hover-border-6:hover { border-width: 0.375rem; }
  .uw-focus-border-6:focus { border-width: 0.375rem; }
  .uw-active-border-6:active { border-width: 0.375rem; }
  .uw-disabled-border-6:disabled { border-width: 0.375rem; }
  .uw-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  .uw-focus-within-border-6:focus-within { border-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-6 { border-width: 0.375rem; }
  .uw-border-t-6 { border-top-width: 0.375rem; }
  .uw-hover-border-t-6:hover { border-top-width: 0.375rem; }
  .uw-focus-border-t-6:focus { border-top-width: 0.375rem; }
  .uw-active-border-t-6:active { border-top-width: 0.375rem; }
  .uw-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  .uw-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  .uw-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-t-6 { border-top-width: 0.375rem; }
  .uw-border-r-6 { border-right-width: 0.375rem; }
  .uw-hover-border-r-6:hover { border-right-width: 0.375rem; }
  .uw-focus-border-r-6:focus { border-right-width: 0.375rem; }
  .uw-active-border-r-6:active { border-right-width: 0.375rem; }
  .uw-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  .uw-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  .uw-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-r-6 { border-right-width: 0.375rem; }
  .uw-border-b-6 { border-bottom-width: 0.375rem; }
  .uw-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  .uw-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  .uw-active-border-b-6:active { border-bottom-width: 0.375rem; }
  .uw-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  .uw-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  .uw-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  .uw-border-l-6 { border-left-width: 0.375rem; }
  .uw-hover-border-l-6:hover { border-left-width: 0.375rem; }
  .uw-focus-border-l-6:focus { border-left-width: 0.375rem; }
  .uw-active-border-l-6:active { border-left-width: 0.375rem; }
  .uw-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  .uw-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  .uw-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-l-6 { border-left-width: 0.375rem; }
  .uw-border-7 { border-width: 0.4375rem; }
  .uw-hover-border-7:hover { border-width: 0.4375rem; }
  .uw-focus-border-7:focus { border-width: 0.4375rem; }
  .uw-active-border-7:active { border-width: 0.4375rem; }
  .uw-disabled-border-7:disabled { border-width: 0.4375rem; }
  .uw-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .uw-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-7 { border-width: 0.4375rem; }
  .uw-border-7 { border-width: 0.4375rem; }
  .uw-hover-border-7:hover { border-width: 0.4375rem; }
  .uw-focus-border-7:focus { border-width: 0.4375rem; }
  .uw-active-border-7:active { border-width: 0.4375rem; }
  .uw-disabled-border-7:disabled { border-width: 0.4375rem; }
  .uw-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  .uw-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-7 { border-width: 0.4375rem; }
  .uw-border-t-7 { border-top-width: 0.4375rem; }
  .uw-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  .uw-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  .uw-active-border-t-7:active { border-top-width: 0.4375rem; }
  .uw-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  .uw-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  .uw-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  .uw-border-r-7 { border-right-width: 0.4375rem; }
  .uw-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  .uw-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  .uw-active-border-r-7:active { border-right-width: 0.4375rem; }
  .uw-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  .uw-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  .uw-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  .uw-border-b-7 { border-bottom-width: 0.4375rem; }
  .uw-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  .uw-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  .uw-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  .uw-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  .uw-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  .uw-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  .uw-border-l-7 { border-left-width: 0.4375rem; }
  .uw-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  .uw-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  .uw-active-border-l-7:active { border-left-width: 0.4375rem; }
  .uw-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  .uw-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  .uw-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  .uw-border-8 { border-width: 0.5rem; }
  .uw-hover-border-8:hover { border-width: 0.5rem; }
  .uw-focus-border-8:focus { border-width: 0.5rem; }
  .uw-active-border-8:active { border-width: 0.5rem; }
  .uw-disabled-border-8:disabled { border-width: 0.5rem; }
  .uw-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .uw-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-8 { border-width: 0.5rem; }
  .uw-border-8 { border-width: 0.5rem; }
  .uw-hover-border-8:hover { border-width: 0.5rem; }
  .uw-focus-border-8:focus { border-width: 0.5rem; }
  .uw-active-border-8:active { border-width: 0.5rem; }
  .uw-disabled-border-8:disabled { border-width: 0.5rem; }
  .uw-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  .uw-focus-within-border-8:focus-within { border-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-8 { border-width: 0.5rem; }
  .uw-border-t-8 { border-top-width: 0.5rem; }
  .uw-hover-border-t-8:hover { border-top-width: 0.5rem; }
  .uw-focus-border-t-8:focus { border-top-width: 0.5rem; }
  .uw-active-border-t-8:active { border-top-width: 0.5rem; }
  .uw-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  .uw-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  .uw-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-t-8 { border-top-width: 0.5rem; }
  .uw-border-r-8 { border-right-width: 0.5rem; }
  .uw-hover-border-r-8:hover { border-right-width: 0.5rem; }
  .uw-focus-border-r-8:focus { border-right-width: 0.5rem; }
  .uw-active-border-r-8:active { border-right-width: 0.5rem; }
  .uw-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  .uw-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  .uw-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-r-8 { border-right-width: 0.5rem; }
  .uw-border-b-8 { border-bottom-width: 0.5rem; }
  .uw-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  .uw-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  .uw-active-border-b-8:active { border-bottom-width: 0.5rem; }
  .uw-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  .uw-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  .uw-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  .uw-border-l-8 { border-left-width: 0.5rem; }
  .uw-hover-border-l-8:hover { border-left-width: 0.5rem; }
  .uw-focus-border-l-8:focus { border-left-width: 0.5rem; }
  .uw-active-border-l-8:active { border-left-width: 0.5rem; }
  .uw-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  .uw-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  .uw-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-l-8 { border-left-width: 0.5rem; }
  .uw-border-9 { border-width: 0.5625rem; }
  .uw-hover-border-9:hover { border-width: 0.5625rem; }
  .uw-focus-border-9:focus { border-width: 0.5625rem; }
  .uw-active-border-9:active { border-width: 0.5625rem; }
  .uw-disabled-border-9:disabled { border-width: 0.5625rem; }
  .uw-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .uw-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-9 { border-width: 0.5625rem; }
  .uw-border-9 { border-width: 0.5625rem; }
  .uw-hover-border-9:hover { border-width: 0.5625rem; }
  .uw-focus-border-9:focus { border-width: 0.5625rem; }
  .uw-active-border-9:active { border-width: 0.5625rem; }
  .uw-disabled-border-9:disabled { border-width: 0.5625rem; }
  .uw-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  .uw-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-9 { border-width: 0.5625rem; }
  .uw-border-t-9 { border-top-width: 0.5625rem; }
  .uw-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  .uw-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  .uw-active-border-t-9:active { border-top-width: 0.5625rem; }
  .uw-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  .uw-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  .uw-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  .uw-border-r-9 { border-right-width: 0.5625rem; }
  .uw-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  .uw-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  .uw-active-border-r-9:active { border-right-width: 0.5625rem; }
  .uw-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  .uw-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  .uw-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  .uw-border-b-9 { border-bottom-width: 0.5625rem; }
  .uw-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  .uw-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  .uw-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  .uw-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  .uw-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  .uw-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  .uw-border-l-9 { border-left-width: 0.5625rem; }
  .uw-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  .uw-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  .uw-active-border-l-9:active { border-left-width: 0.5625rem; }
  .uw-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  .uw-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  .uw-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  .uw-border-10 { border-width: 0.625rem; }
  .uw-hover-border-10:hover { border-width: 0.625rem; }
  .uw-focus-border-10:focus { border-width: 0.625rem; }
  .uw-active-border-10:active { border-width: 0.625rem; }
  .uw-disabled-border-10:disabled { border-width: 0.625rem; }
  .uw-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .uw-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-10 { border-width: 0.625rem; }
  .uw-border-10 { border-width: 0.625rem; }
  .uw-hover-border-10:hover { border-width: 0.625rem; }
  .uw-focus-border-10:focus { border-width: 0.625rem; }
  .uw-active-border-10:active { border-width: 0.625rem; }
  .uw-disabled-border-10:disabled { border-width: 0.625rem; }
  .uw-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  .uw-focus-within-border-10:focus-within { border-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-10 { border-width: 0.625rem; }
  .uw-border-t-10 { border-top-width: 0.625rem; }
  .uw-hover-border-t-10:hover { border-top-width: 0.625rem; }
  .uw-focus-border-t-10:focus { border-top-width: 0.625rem; }
  .uw-active-border-t-10:active { border-top-width: 0.625rem; }
  .uw-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  .uw-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  .uw-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-t-10 { border-top-width: 0.625rem; }
  .uw-border-r-10 { border-right-width: 0.625rem; }
  .uw-hover-border-r-10:hover { border-right-width: 0.625rem; }
  .uw-focus-border-r-10:focus { border-right-width: 0.625rem; }
  .uw-active-border-r-10:active { border-right-width: 0.625rem; }
  .uw-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  .uw-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  .uw-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-r-10 { border-right-width: 0.625rem; }
  .uw-border-b-10 { border-bottom-width: 0.625rem; }
  .uw-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  .uw-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  .uw-active-border-b-10:active { border-bottom-width: 0.625rem; }
  .uw-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  .uw-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  .uw-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  .uw-border-l-10 { border-left-width: 0.625rem; }
  .uw-hover-border-l-10:hover { border-left-width: 0.625rem; }
  .uw-focus-border-l-10:focus { border-left-width: 0.625rem; }
  .uw-active-border-l-10:active { border-left-width: 0.625rem; }
  .uw-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  .uw-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  .uw-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-l-10 { border-left-width: 0.625rem; }
  .uw-border-11 { border-width: 0.6875rem; }
  .uw-hover-border-11:hover { border-width: 0.6875rem; }
  .uw-focus-border-11:focus { border-width: 0.6875rem; }
  .uw-active-border-11:active { border-width: 0.6875rem; }
  .uw-disabled-border-11:disabled { border-width: 0.6875rem; }
  .uw-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .uw-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-11 { border-width: 0.6875rem; }
  .uw-border-11 { border-width: 0.6875rem; }
  .uw-hover-border-11:hover { border-width: 0.6875rem; }
  .uw-focus-border-11:focus { border-width: 0.6875rem; }
  .uw-active-border-11:active { border-width: 0.6875rem; }
  .uw-disabled-border-11:disabled { border-width: 0.6875rem; }
  .uw-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  .uw-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-11 { border-width: 0.6875rem; }
  .uw-border-t-11 { border-top-width: 0.6875rem; }
  .uw-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  .uw-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  .uw-active-border-t-11:active { border-top-width: 0.6875rem; }
  .uw-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  .uw-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  .uw-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  .uw-border-r-11 { border-right-width: 0.6875rem; }
  .uw-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  .uw-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  .uw-active-border-r-11:active { border-right-width: 0.6875rem; }
  .uw-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  .uw-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  .uw-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  .uw-border-b-11 { border-bottom-width: 0.6875rem; }
  .uw-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  .uw-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  .uw-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  .uw-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  .uw-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  .uw-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  .uw-border-l-11 { border-left-width: 0.6875rem; }
  .uw-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  .uw-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  .uw-active-border-l-11:active { border-left-width: 0.6875rem; }
  .uw-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  .uw-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  .uw-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  .uw-border-12 { border-width: 0.75rem; }
  .uw-hover-border-12:hover { border-width: 0.75rem; }
  .uw-focus-border-12:focus { border-width: 0.75rem; }
  .uw-active-border-12:active { border-width: 0.75rem; }
  .uw-disabled-border-12:disabled { border-width: 0.75rem; }
  .uw-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .uw-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-12 { border-width: 0.75rem; }
  .uw-border-12 { border-width: 0.75rem; }
  .uw-hover-border-12:hover { border-width: 0.75rem; }
  .uw-focus-border-12:focus { border-width: 0.75rem; }
  .uw-active-border-12:active { border-width: 0.75rem; }
  .uw-disabled-border-12:disabled { border-width: 0.75rem; }
  .uw-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  .uw-focus-within-border-12:focus-within { border-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-12 { border-width: 0.75rem; }
  .uw-border-t-12 { border-top-width: 0.75rem; }
  .uw-hover-border-t-12:hover { border-top-width: 0.75rem; }
  .uw-focus-border-t-12:focus { border-top-width: 0.75rem; }
  .uw-active-border-t-12:active { border-top-width: 0.75rem; }
  .uw-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  .uw-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  .uw-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-t-12 { border-top-width: 0.75rem; }
  .uw-border-r-12 { border-right-width: 0.75rem; }
  .uw-hover-border-r-12:hover { border-right-width: 0.75rem; }
  .uw-focus-border-r-12:focus { border-right-width: 0.75rem; }
  .uw-active-border-r-12:active { border-right-width: 0.75rem; }
  .uw-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  .uw-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  .uw-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-r-12 { border-right-width: 0.75rem; }
  .uw-border-b-12 { border-bottom-width: 0.75rem; }
  .uw-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  .uw-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  .uw-active-border-b-12:active { border-bottom-width: 0.75rem; }
  .uw-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  .uw-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  .uw-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  .uw-border-l-12 { border-left-width: 0.75rem; }
  .uw-hover-border-l-12:hover { border-left-width: 0.75rem; }
  .uw-focus-border-l-12:focus { border-left-width: 0.75rem; }
  .uw-active-border-l-12:active { border-left-width: 0.75rem; }
  .uw-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  .uw-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  .uw-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-l-12 { border-left-width: 0.75rem; }
  .uw-border-13 { border-width: 0.8125rem; }
  .uw-hover-border-13:hover { border-width: 0.8125rem; }
  .uw-focus-border-13:focus { border-width: 0.8125rem; }
  .uw-active-border-13:active { border-width: 0.8125rem; }
  .uw-disabled-border-13:disabled { border-width: 0.8125rem; }
  .uw-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .uw-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-13 { border-width: 0.8125rem; }
  .uw-border-13 { border-width: 0.8125rem; }
  .uw-hover-border-13:hover { border-width: 0.8125rem; }
  .uw-focus-border-13:focus { border-width: 0.8125rem; }
  .uw-active-border-13:active { border-width: 0.8125rem; }
  .uw-disabled-border-13:disabled { border-width: 0.8125rem; }
  .uw-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  .uw-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-13 { border-width: 0.8125rem; }
  .uw-border-t-13 { border-top-width: 0.8125rem; }
  .uw-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  .uw-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  .uw-active-border-t-13:active { border-top-width: 0.8125rem; }
  .uw-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  .uw-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  .uw-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  .uw-border-r-13 { border-right-width: 0.8125rem; }
  .uw-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  .uw-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  .uw-active-border-r-13:active { border-right-width: 0.8125rem; }
  .uw-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  .uw-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  .uw-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  .uw-border-b-13 { border-bottom-width: 0.8125rem; }
  .uw-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  .uw-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  .uw-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  .uw-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  .uw-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  .uw-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  .uw-border-l-13 { border-left-width: 0.8125rem; }
  .uw-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  .uw-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  .uw-active-border-l-13:active { border-left-width: 0.8125rem; }
  .uw-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  .uw-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  .uw-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  .uw-border-14 { border-width: 0.875rem; }
  .uw-hover-border-14:hover { border-width: 0.875rem; }
  .uw-focus-border-14:focus { border-width: 0.875rem; }
  .uw-active-border-14:active { border-width: 0.875rem; }
  .uw-disabled-border-14:disabled { border-width: 0.875rem; }
  .uw-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .uw-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-14 { border-width: 0.875rem; }
  .uw-border-14 { border-width: 0.875rem; }
  .uw-hover-border-14:hover { border-width: 0.875rem; }
  .uw-focus-border-14:focus { border-width: 0.875rem; }
  .uw-active-border-14:active { border-width: 0.875rem; }
  .uw-disabled-border-14:disabled { border-width: 0.875rem; }
  .uw-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  .uw-focus-within-border-14:focus-within { border-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-14 { border-width: 0.875rem; }
  .uw-border-t-14 { border-top-width: 0.875rem; }
  .uw-hover-border-t-14:hover { border-top-width: 0.875rem; }
  .uw-focus-border-t-14:focus { border-top-width: 0.875rem; }
  .uw-active-border-t-14:active { border-top-width: 0.875rem; }
  .uw-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  .uw-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  .uw-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-t-14 { border-top-width: 0.875rem; }
  .uw-border-r-14 { border-right-width: 0.875rem; }
  .uw-hover-border-r-14:hover { border-right-width: 0.875rem; }
  .uw-focus-border-r-14:focus { border-right-width: 0.875rem; }
  .uw-active-border-r-14:active { border-right-width: 0.875rem; }
  .uw-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  .uw-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  .uw-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-r-14 { border-right-width: 0.875rem; }
  .uw-border-b-14 { border-bottom-width: 0.875rem; }
  .uw-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  .uw-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  .uw-active-border-b-14:active { border-bottom-width: 0.875rem; }
  .uw-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  .uw-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  .uw-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  .uw-border-l-14 { border-left-width: 0.875rem; }
  .uw-hover-border-l-14:hover { border-left-width: 0.875rem; }
  .uw-focus-border-l-14:focus { border-left-width: 0.875rem; }
  .uw-active-border-l-14:active { border-left-width: 0.875rem; }
  .uw-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  .uw-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  .uw-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-l-14 { border-left-width: 0.875rem; }
  .uw-border-15 { border-width: 0.9375rem; }
  .uw-hover-border-15:hover { border-width: 0.9375rem; }
  .uw-focus-border-15:focus { border-width: 0.9375rem; }
  .uw-active-border-15:active { border-width: 0.9375rem; }
  .uw-disabled-border-15:disabled { border-width: 0.9375rem; }
  .uw-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .uw-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-15 { border-width: 0.9375rem; }
  .uw-border-15 { border-width: 0.9375rem; }
  .uw-hover-border-15:hover { border-width: 0.9375rem; }
  .uw-focus-border-15:focus { border-width: 0.9375rem; }
  .uw-active-border-15:active { border-width: 0.9375rem; }
  .uw-disabled-border-15:disabled { border-width: 0.9375rem; }
  .uw-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  .uw-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-15 { border-width: 0.9375rem; }
  .uw-border-t-15 { border-top-width: 0.9375rem; }
  .uw-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  .uw-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  .uw-active-border-t-15:active { border-top-width: 0.9375rem; }
  .uw-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  .uw-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  .uw-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  .uw-border-r-15 { border-right-width: 0.9375rem; }
  .uw-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  .uw-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  .uw-active-border-r-15:active { border-right-width: 0.9375rem; }
  .uw-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  .uw-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  .uw-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  .uw-border-b-15 { border-bottom-width: 0.9375rem; }
  .uw-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  .uw-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  .uw-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  .uw-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  .uw-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  .uw-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  .uw-border-l-15 { border-left-width: 0.9375rem; }
  .uw-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  .uw-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  .uw-active-border-l-15:active { border-left-width: 0.9375rem; }
  .uw-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  .uw-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  .uw-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  .uw-border-16 { border-width: 1.0rem; }
  .uw-hover-border-16:hover { border-width: 1.0rem; }
  .uw-focus-border-16:focus { border-width: 1.0rem; }
  .uw-active-border-16:active { border-width: 1.0rem; }
  .uw-disabled-border-16:disabled { border-width: 1.0rem; }
  .uw-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .uw-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-16 { border-width: 1.0rem; }
  .uw-border-16 { border-width: 1.0rem; }
  .uw-hover-border-16:hover { border-width: 1.0rem; }
  .uw-focus-border-16:focus { border-width: 1.0rem; }
  .uw-active-border-16:active { border-width: 1.0rem; }
  .uw-disabled-border-16:disabled { border-width: 1.0rem; }
  .uw-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  .uw-focus-within-border-16:focus-within { border-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-16 { border-width: 1.0rem; }
  .uw-border-t-16 { border-top-width: 1.0rem; }
  .uw-hover-border-t-16:hover { border-top-width: 1.0rem; }
  .uw-focus-border-t-16:focus { border-top-width: 1.0rem; }
  .uw-active-border-t-16:active { border-top-width: 1.0rem; }
  .uw-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  .uw-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  .uw-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-t-16 { border-top-width: 1.0rem; }
  .uw-border-r-16 { border-right-width: 1.0rem; }
  .uw-hover-border-r-16:hover { border-right-width: 1.0rem; }
  .uw-focus-border-r-16:focus { border-right-width: 1.0rem; }
  .uw-active-border-r-16:active { border-right-width: 1.0rem; }
  .uw-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  .uw-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  .uw-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-r-16 { border-right-width: 1.0rem; }
  .uw-border-b-16 { border-bottom-width: 1.0rem; }
  .uw-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  .uw-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  .uw-active-border-b-16:active { border-bottom-width: 1.0rem; }
  .uw-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  .uw-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  .uw-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  .uw-border-l-16 { border-left-width: 1.0rem; }
  .uw-hover-border-l-16:hover { border-left-width: 1.0rem; }
  .uw-focus-border-l-16:focus { border-left-width: 1.0rem; }
  .uw-active-border-l-16:active { border-left-width: 1.0rem; }
  .uw-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  .uw-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  .uw-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-l-16 { border-left-width: 1.0rem; }
  .uw-border-17 { border-width: 1.0625rem; }
  .uw-hover-border-17:hover { border-width: 1.0625rem; }
  .uw-focus-border-17:focus { border-width: 1.0625rem; }
  .uw-active-border-17:active { border-width: 1.0625rem; }
  .uw-disabled-border-17:disabled { border-width: 1.0625rem; }
  .uw-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .uw-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-17 { border-width: 1.0625rem; }
  .uw-border-17 { border-width: 1.0625rem; }
  .uw-hover-border-17:hover { border-width: 1.0625rem; }
  .uw-focus-border-17:focus { border-width: 1.0625rem; }
  .uw-active-border-17:active { border-width: 1.0625rem; }
  .uw-disabled-border-17:disabled { border-width: 1.0625rem; }
  .uw-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  .uw-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-17 { border-width: 1.0625rem; }
  .uw-border-t-17 { border-top-width: 1.0625rem; }
  .uw-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  .uw-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  .uw-active-border-t-17:active { border-top-width: 1.0625rem; }
  .uw-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  .uw-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  .uw-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  .uw-border-r-17 { border-right-width: 1.0625rem; }
  .uw-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  .uw-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  .uw-active-border-r-17:active { border-right-width: 1.0625rem; }
  .uw-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  .uw-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  .uw-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  .uw-border-b-17 { border-bottom-width: 1.0625rem; }
  .uw-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  .uw-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  .uw-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  .uw-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  .uw-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  .uw-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  .uw-border-l-17 { border-left-width: 1.0625rem; }
  .uw-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  .uw-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  .uw-active-border-l-17:active { border-left-width: 1.0625rem; }
  .uw-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  .uw-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  .uw-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  .uw-border-18 { border-width: 1.125rem; }
  .uw-hover-border-18:hover { border-width: 1.125rem; }
  .uw-focus-border-18:focus { border-width: 1.125rem; }
  .uw-active-border-18:active { border-width: 1.125rem; }
  .uw-disabled-border-18:disabled { border-width: 1.125rem; }
  .uw-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .uw-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-18 { border-width: 1.125rem; }
  .uw-border-18 { border-width: 1.125rem; }
  .uw-hover-border-18:hover { border-width: 1.125rem; }
  .uw-focus-border-18:focus { border-width: 1.125rem; }
  .uw-active-border-18:active { border-width: 1.125rem; }
  .uw-disabled-border-18:disabled { border-width: 1.125rem; }
  .uw-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  .uw-focus-within-border-18:focus-within { border-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-18 { border-width: 1.125rem; }
  .uw-border-t-18 { border-top-width: 1.125rem; }
  .uw-hover-border-t-18:hover { border-top-width: 1.125rem; }
  .uw-focus-border-t-18:focus { border-top-width: 1.125rem; }
  .uw-active-border-t-18:active { border-top-width: 1.125rem; }
  .uw-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  .uw-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  .uw-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-t-18 { border-top-width: 1.125rem; }
  .uw-border-r-18 { border-right-width: 1.125rem; }
  .uw-hover-border-r-18:hover { border-right-width: 1.125rem; }
  .uw-focus-border-r-18:focus { border-right-width: 1.125rem; }
  .uw-active-border-r-18:active { border-right-width: 1.125rem; }
  .uw-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  .uw-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  .uw-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-r-18 { border-right-width: 1.125rem; }
  .uw-border-b-18 { border-bottom-width: 1.125rem; }
  .uw-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  .uw-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  .uw-active-border-b-18:active { border-bottom-width: 1.125rem; }
  .uw-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  .uw-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  .uw-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  .uw-border-l-18 { border-left-width: 1.125rem; }
  .uw-hover-border-l-18:hover { border-left-width: 1.125rem; }
  .uw-focus-border-l-18:focus { border-left-width: 1.125rem; }
  .uw-active-border-l-18:active { border-left-width: 1.125rem; }
  .uw-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  .uw-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  .uw-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-l-18 { border-left-width: 1.125rem; }
  .uw-border-19 { border-width: 1.1875rem; }
  .uw-hover-border-19:hover { border-width: 1.1875rem; }
  .uw-focus-border-19:focus { border-width: 1.1875rem; }
  .uw-active-border-19:active { border-width: 1.1875rem; }
  .uw-disabled-border-19:disabled { border-width: 1.1875rem; }
  .uw-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .uw-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-19 { border-width: 1.1875rem; }
  .uw-border-19 { border-width: 1.1875rem; }
  .uw-hover-border-19:hover { border-width: 1.1875rem; }
  .uw-focus-border-19:focus { border-width: 1.1875rem; }
  .uw-active-border-19:active { border-width: 1.1875rem; }
  .uw-disabled-border-19:disabled { border-width: 1.1875rem; }
  .uw-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  .uw-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-19 { border-width: 1.1875rem; }
  .uw-border-t-19 { border-top-width: 1.1875rem; }
  .uw-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  .uw-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  .uw-active-border-t-19:active { border-top-width: 1.1875rem; }
  .uw-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  .uw-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  .uw-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  .uw-border-r-19 { border-right-width: 1.1875rem; }
  .uw-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  .uw-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  .uw-active-border-r-19:active { border-right-width: 1.1875rem; }
  .uw-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  .uw-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  .uw-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  .uw-border-b-19 { border-bottom-width: 1.1875rem; }
  .uw-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  .uw-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  .uw-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  .uw-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  .uw-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  .uw-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  .uw-border-l-19 { border-left-width: 1.1875rem; }
  .uw-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  .uw-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  .uw-active-border-l-19:active { border-left-width: 1.1875rem; }
  .uw-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  .uw-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  .uw-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  .uw-border-20 { border-width: 1.25rem; }
  .uw-hover-border-20:hover { border-width: 1.25rem; }
  .uw-focus-border-20:focus { border-width: 1.25rem; }
  .uw-active-border-20:active { border-width: 1.25rem; }
  .uw-disabled-border-20:disabled { border-width: 1.25rem; }
  .uw-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .uw-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-20 { border-width: 1.25rem; }
  .uw-border-20 { border-width: 1.25rem; }
  .uw-hover-border-20:hover { border-width: 1.25rem; }
  .uw-focus-border-20:focus { border-width: 1.25rem; }
  .uw-active-border-20:active { border-width: 1.25rem; }
  .uw-disabled-border-20:disabled { border-width: 1.25rem; }
  .uw-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  .uw-focus-within-border-20:focus-within { border-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-20 { border-width: 1.25rem; }
  .uw-border-t-20 { border-top-width: 1.25rem; }
  .uw-hover-border-t-20:hover { border-top-width: 1.25rem; }
  .uw-focus-border-t-20:focus { border-top-width: 1.25rem; }
  .uw-active-border-t-20:active { border-top-width: 1.25rem; }
  .uw-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  .uw-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  .uw-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-t-20 { border-top-width: 1.25rem; }
  .uw-border-r-20 { border-right-width: 1.25rem; }
  .uw-hover-border-r-20:hover { border-right-width: 1.25rem; }
  .uw-focus-border-r-20:focus { border-right-width: 1.25rem; }
  .uw-active-border-r-20:active { border-right-width: 1.25rem; }
  .uw-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  .uw-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  .uw-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-r-20 { border-right-width: 1.25rem; }
  .uw-border-b-20 { border-bottom-width: 1.25rem; }
  .uw-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  .uw-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  .uw-active-border-b-20:active { border-bottom-width: 1.25rem; }
  .uw-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  .uw-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  .uw-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  .uw-border-l-20 { border-left-width: 1.25rem; }
  .uw-hover-border-l-20:hover { border-left-width: 1.25rem; }
  .uw-focus-border-l-20:focus { border-left-width: 1.25rem; }
  .uw-active-border-l-20:active { border-left-width: 1.25rem; }
  .uw-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  .uw-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  .uw-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-l-20 { border-left-width: 1.25rem; }
  .uw-border-21 { border-width: 1.3125rem; }
  .uw-hover-border-21:hover { border-width: 1.3125rem; }
  .uw-focus-border-21:focus { border-width: 1.3125rem; }
  .uw-active-border-21:active { border-width: 1.3125rem; }
  .uw-disabled-border-21:disabled { border-width: 1.3125rem; }
  .uw-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .uw-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-21 { border-width: 1.3125rem; }
  .uw-border-21 { border-width: 1.3125rem; }
  .uw-hover-border-21:hover { border-width: 1.3125rem; }
  .uw-focus-border-21:focus { border-width: 1.3125rem; }
  .uw-active-border-21:active { border-width: 1.3125rem; }
  .uw-disabled-border-21:disabled { border-width: 1.3125rem; }
  .uw-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  .uw-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-21 { border-width: 1.3125rem; }
  .uw-border-t-21 { border-top-width: 1.3125rem; }
  .uw-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  .uw-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  .uw-active-border-t-21:active { border-top-width: 1.3125rem; }
  .uw-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  .uw-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  .uw-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  .uw-border-r-21 { border-right-width: 1.3125rem; }
  .uw-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  .uw-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  .uw-active-border-r-21:active { border-right-width: 1.3125rem; }
  .uw-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  .uw-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  .uw-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  .uw-border-b-21 { border-bottom-width: 1.3125rem; }
  .uw-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  .uw-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  .uw-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  .uw-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  .uw-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  .uw-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  .uw-border-l-21 { border-left-width: 1.3125rem; }
  .uw-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  .uw-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  .uw-active-border-l-21:active { border-left-width: 1.3125rem; }
  .uw-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  .uw-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  .uw-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  .uw-border-22 { border-width: 1.375rem; }
  .uw-hover-border-22:hover { border-width: 1.375rem; }
  .uw-focus-border-22:focus { border-width: 1.375rem; }
  .uw-active-border-22:active { border-width: 1.375rem; }
  .uw-disabled-border-22:disabled { border-width: 1.375rem; }
  .uw-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .uw-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-22 { border-width: 1.375rem; }
  .uw-border-22 { border-width: 1.375rem; }
  .uw-hover-border-22:hover { border-width: 1.375rem; }
  .uw-focus-border-22:focus { border-width: 1.375rem; }
  .uw-active-border-22:active { border-width: 1.375rem; }
  .uw-disabled-border-22:disabled { border-width: 1.375rem; }
  .uw-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  .uw-focus-within-border-22:focus-within { border-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-22 { border-width: 1.375rem; }
  .uw-border-t-22 { border-top-width: 1.375rem; }
  .uw-hover-border-t-22:hover { border-top-width: 1.375rem; }
  .uw-focus-border-t-22:focus { border-top-width: 1.375rem; }
  .uw-active-border-t-22:active { border-top-width: 1.375rem; }
  .uw-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  .uw-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  .uw-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-t-22 { border-top-width: 1.375rem; }
  .uw-border-r-22 { border-right-width: 1.375rem; }
  .uw-hover-border-r-22:hover { border-right-width: 1.375rem; }
  .uw-focus-border-r-22:focus { border-right-width: 1.375rem; }
  .uw-active-border-r-22:active { border-right-width: 1.375rem; }
  .uw-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  .uw-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  .uw-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-r-22 { border-right-width: 1.375rem; }
  .uw-border-b-22 { border-bottom-width: 1.375rem; }
  .uw-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  .uw-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  .uw-active-border-b-22:active { border-bottom-width: 1.375rem; }
  .uw-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  .uw-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  .uw-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  .uw-border-l-22 { border-left-width: 1.375rem; }
  .uw-hover-border-l-22:hover { border-left-width: 1.375rem; }
  .uw-focus-border-l-22:focus { border-left-width: 1.375rem; }
  .uw-active-border-l-22:active { border-left-width: 1.375rem; }
  .uw-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  .uw-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  .uw-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-l-22 { border-left-width: 1.375rem; }
  .uw-border-23 { border-width: 1.4375rem; }
  .uw-hover-border-23:hover { border-width: 1.4375rem; }
  .uw-focus-border-23:focus { border-width: 1.4375rem; }
  .uw-active-border-23:active { border-width: 1.4375rem; }
  .uw-disabled-border-23:disabled { border-width: 1.4375rem; }
  .uw-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .uw-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-23 { border-width: 1.4375rem; }
  .uw-border-23 { border-width: 1.4375rem; }
  .uw-hover-border-23:hover { border-width: 1.4375rem; }
  .uw-focus-border-23:focus { border-width: 1.4375rem; }
  .uw-active-border-23:active { border-width: 1.4375rem; }
  .uw-disabled-border-23:disabled { border-width: 1.4375rem; }
  .uw-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  .uw-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-23 { border-width: 1.4375rem; }
  .uw-border-t-23 { border-top-width: 1.4375rem; }
  .uw-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  .uw-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  .uw-active-border-t-23:active { border-top-width: 1.4375rem; }
  .uw-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  .uw-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  .uw-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  .uw-border-r-23 { border-right-width: 1.4375rem; }
  .uw-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  .uw-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  .uw-active-border-r-23:active { border-right-width: 1.4375rem; }
  .uw-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  .uw-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  .uw-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  .uw-border-b-23 { border-bottom-width: 1.4375rem; }
  .uw-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  .uw-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  .uw-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  .uw-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  .uw-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  .uw-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  .uw-border-l-23 { border-left-width: 1.4375rem; }
  .uw-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  .uw-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  .uw-active-border-l-23:active { border-left-width: 1.4375rem; }
  .uw-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  .uw-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  .uw-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  .uw-border-24 { border-width: 1.5rem; }
  .uw-hover-border-24:hover { border-width: 1.5rem; }
  .uw-focus-border-24:focus { border-width: 1.5rem; }
  .uw-active-border-24:active { border-width: 1.5rem; }
  .uw-disabled-border-24:disabled { border-width: 1.5rem; }
  .uw-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .uw-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-24 { border-width: 1.5rem; }
  .uw-border-24 { border-width: 1.5rem; }
  .uw-hover-border-24:hover { border-width: 1.5rem; }
  .uw-focus-border-24:focus { border-width: 1.5rem; }
  .uw-active-border-24:active { border-width: 1.5rem; }
  .uw-disabled-border-24:disabled { border-width: 1.5rem; }
  .uw-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  .uw-focus-within-border-24:focus-within { border-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-24 { border-width: 1.5rem; }
  .uw-border-t-24 { border-top-width: 1.5rem; }
  .uw-hover-border-t-24:hover { border-top-width: 1.5rem; }
  .uw-focus-border-t-24:focus { border-top-width: 1.5rem; }
  .uw-active-border-t-24:active { border-top-width: 1.5rem; }
  .uw-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  .uw-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  .uw-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-t-24 { border-top-width: 1.5rem; }
  .uw-border-r-24 { border-right-width: 1.5rem; }
  .uw-hover-border-r-24:hover { border-right-width: 1.5rem; }
  .uw-focus-border-r-24:focus { border-right-width: 1.5rem; }
  .uw-active-border-r-24:active { border-right-width: 1.5rem; }
  .uw-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  .uw-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  .uw-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-r-24 { border-right-width: 1.5rem; }
  .uw-border-b-24 { border-bottom-width: 1.5rem; }
  .uw-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  .uw-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  .uw-active-border-b-24:active { border-bottom-width: 1.5rem; }
  .uw-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  .uw-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  .uw-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  .uw-border-l-24 { border-left-width: 1.5rem; }
  .uw-hover-border-l-24:hover { border-left-width: 1.5rem; }
  .uw-focus-border-l-24:focus { border-left-width: 1.5rem; }
  .uw-active-border-l-24:active { border-left-width: 1.5rem; }
  .uw-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  .uw-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  .uw-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-l-24 { border-left-width: 1.5rem; }
  .uw-border-25 { border-width: 1.5625rem; }
  .uw-hover-border-25:hover { border-width: 1.5625rem; }
  .uw-focus-border-25:focus { border-width: 1.5625rem; }
  .uw-active-border-25:active { border-width: 1.5625rem; }
  .uw-disabled-border-25:disabled { border-width: 1.5625rem; }
  .uw-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .uw-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-25 { border-width: 1.5625rem; }
  .uw-border-25 { border-width: 1.5625rem; }
  .uw-hover-border-25:hover { border-width: 1.5625rem; }
  .uw-focus-border-25:focus { border-width: 1.5625rem; }
  .uw-active-border-25:active { border-width: 1.5625rem; }
  .uw-disabled-border-25:disabled { border-width: 1.5625rem; }
  .uw-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  .uw-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-25 { border-width: 1.5625rem; }
  .uw-border-t-25 { border-top-width: 1.5625rem; }
  .uw-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  .uw-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  .uw-active-border-t-25:active { border-top-width: 1.5625rem; }
  .uw-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  .uw-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  .uw-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  .uw-border-r-25 { border-right-width: 1.5625rem; }
  .uw-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  .uw-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  .uw-active-border-r-25:active { border-right-width: 1.5625rem; }
  .uw-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  .uw-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  .uw-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  .uw-border-b-25 { border-bottom-width: 1.5625rem; }
  .uw-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  .uw-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  .uw-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  .uw-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  .uw-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  .uw-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  .uw-border-l-25 { border-left-width: 1.5625rem; }
  .uw-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  .uw-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  .uw-active-border-l-25:active { border-left-width: 1.5625rem; }
  .uw-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  .uw-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  .uw-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  .uw-border-26 { border-width: 1.625rem; }
  .uw-hover-border-26:hover { border-width: 1.625rem; }
  .uw-focus-border-26:focus { border-width: 1.625rem; }
  .uw-active-border-26:active { border-width: 1.625rem; }
  .uw-disabled-border-26:disabled { border-width: 1.625rem; }
  .uw-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .uw-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-26 { border-width: 1.625rem; }
  .uw-border-26 { border-width: 1.625rem; }
  .uw-hover-border-26:hover { border-width: 1.625rem; }
  .uw-focus-border-26:focus { border-width: 1.625rem; }
  .uw-active-border-26:active { border-width: 1.625rem; }
  .uw-disabled-border-26:disabled { border-width: 1.625rem; }
  .uw-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  .uw-focus-within-border-26:focus-within { border-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-26 { border-width: 1.625rem; }
  .uw-border-t-26 { border-top-width: 1.625rem; }
  .uw-hover-border-t-26:hover { border-top-width: 1.625rem; }
  .uw-focus-border-t-26:focus { border-top-width: 1.625rem; }
  .uw-active-border-t-26:active { border-top-width: 1.625rem; }
  .uw-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  .uw-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  .uw-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-t-26 { border-top-width: 1.625rem; }
  .uw-border-r-26 { border-right-width: 1.625rem; }
  .uw-hover-border-r-26:hover { border-right-width: 1.625rem; }
  .uw-focus-border-r-26:focus { border-right-width: 1.625rem; }
  .uw-active-border-r-26:active { border-right-width: 1.625rem; }
  .uw-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  .uw-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  .uw-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-r-26 { border-right-width: 1.625rem; }
  .uw-border-b-26 { border-bottom-width: 1.625rem; }
  .uw-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  .uw-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  .uw-active-border-b-26:active { border-bottom-width: 1.625rem; }
  .uw-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  .uw-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  .uw-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  .uw-border-l-26 { border-left-width: 1.625rem; }
  .uw-hover-border-l-26:hover { border-left-width: 1.625rem; }
  .uw-focus-border-l-26:focus { border-left-width: 1.625rem; }
  .uw-active-border-l-26:active { border-left-width: 1.625rem; }
  .uw-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  .uw-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  .uw-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-l-26 { border-left-width: 1.625rem; }
  .uw-border-27 { border-width: 1.6875rem; }
  .uw-hover-border-27:hover { border-width: 1.6875rem; }
  .uw-focus-border-27:focus { border-width: 1.6875rem; }
  .uw-active-border-27:active { border-width: 1.6875rem; }
  .uw-disabled-border-27:disabled { border-width: 1.6875rem; }
  .uw-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .uw-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-27 { border-width: 1.6875rem; }
  .uw-border-27 { border-width: 1.6875rem; }
  .uw-hover-border-27:hover { border-width: 1.6875rem; }
  .uw-focus-border-27:focus { border-width: 1.6875rem; }
  .uw-active-border-27:active { border-width: 1.6875rem; }
  .uw-disabled-border-27:disabled { border-width: 1.6875rem; }
  .uw-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  .uw-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-27 { border-width: 1.6875rem; }
  .uw-border-t-27 { border-top-width: 1.6875rem; }
  .uw-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  .uw-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  .uw-active-border-t-27:active { border-top-width: 1.6875rem; }
  .uw-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  .uw-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  .uw-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  .uw-border-r-27 { border-right-width: 1.6875rem; }
  .uw-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  .uw-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  .uw-active-border-r-27:active { border-right-width: 1.6875rem; }
  .uw-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  .uw-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  .uw-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  .uw-border-b-27 { border-bottom-width: 1.6875rem; }
  .uw-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  .uw-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  .uw-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  .uw-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  .uw-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  .uw-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  .uw-border-l-27 { border-left-width: 1.6875rem; }
  .uw-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  .uw-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  .uw-active-border-l-27:active { border-left-width: 1.6875rem; }
  .uw-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  .uw-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  .uw-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  .uw-border-28 { border-width: 1.75rem; }
  .uw-hover-border-28:hover { border-width: 1.75rem; }
  .uw-focus-border-28:focus { border-width: 1.75rem; }
  .uw-active-border-28:active { border-width: 1.75rem; }
  .uw-disabled-border-28:disabled { border-width: 1.75rem; }
  .uw-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .uw-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-28 { border-width: 1.75rem; }
  .uw-border-28 { border-width: 1.75rem; }
  .uw-hover-border-28:hover { border-width: 1.75rem; }
  .uw-focus-border-28:focus { border-width: 1.75rem; }
  .uw-active-border-28:active { border-width: 1.75rem; }
  .uw-disabled-border-28:disabled { border-width: 1.75rem; }
  .uw-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  .uw-focus-within-border-28:focus-within { border-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-28 { border-width: 1.75rem; }
  .uw-border-t-28 { border-top-width: 1.75rem; }
  .uw-hover-border-t-28:hover { border-top-width: 1.75rem; }
  .uw-focus-border-t-28:focus { border-top-width: 1.75rem; }
  .uw-active-border-t-28:active { border-top-width: 1.75rem; }
  .uw-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  .uw-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  .uw-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-t-28 { border-top-width: 1.75rem; }
  .uw-border-r-28 { border-right-width: 1.75rem; }
  .uw-hover-border-r-28:hover { border-right-width: 1.75rem; }
  .uw-focus-border-r-28:focus { border-right-width: 1.75rem; }
  .uw-active-border-r-28:active { border-right-width: 1.75rem; }
  .uw-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  .uw-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  .uw-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-r-28 { border-right-width: 1.75rem; }
  .uw-border-b-28 { border-bottom-width: 1.75rem; }
  .uw-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  .uw-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  .uw-active-border-b-28:active { border-bottom-width: 1.75rem; }
  .uw-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  .uw-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  .uw-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  .uw-border-l-28 { border-left-width: 1.75rem; }
  .uw-hover-border-l-28:hover { border-left-width: 1.75rem; }
  .uw-focus-border-l-28:focus { border-left-width: 1.75rem; }
  .uw-active-border-l-28:active { border-left-width: 1.75rem; }
  .uw-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  .uw-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  .uw-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-l-28 { border-left-width: 1.75rem; }
  .uw-border-29 { border-width: 1.8125rem; }
  .uw-hover-border-29:hover { border-width: 1.8125rem; }
  .uw-focus-border-29:focus { border-width: 1.8125rem; }
  .uw-active-border-29:active { border-width: 1.8125rem; }
  .uw-disabled-border-29:disabled { border-width: 1.8125rem; }
  .uw-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .uw-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-29 { border-width: 1.8125rem; }
  .uw-border-29 { border-width: 1.8125rem; }
  .uw-hover-border-29:hover { border-width: 1.8125rem; }
  .uw-focus-border-29:focus { border-width: 1.8125rem; }
  .uw-active-border-29:active { border-width: 1.8125rem; }
  .uw-disabled-border-29:disabled { border-width: 1.8125rem; }
  .uw-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  .uw-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-29 { border-width: 1.8125rem; }
  .uw-border-t-29 { border-top-width: 1.8125rem; }
  .uw-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  .uw-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  .uw-active-border-t-29:active { border-top-width: 1.8125rem; }
  .uw-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  .uw-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  .uw-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  .uw-border-r-29 { border-right-width: 1.8125rem; }
  .uw-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  .uw-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  .uw-active-border-r-29:active { border-right-width: 1.8125rem; }
  .uw-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  .uw-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  .uw-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  .uw-border-b-29 { border-bottom-width: 1.8125rem; }
  .uw-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  .uw-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  .uw-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  .uw-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  .uw-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  .uw-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  .uw-border-l-29 { border-left-width: 1.8125rem; }
  .uw-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  .uw-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  .uw-active-border-l-29:active { border-left-width: 1.8125rem; }
  .uw-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  .uw-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  .uw-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  .uw-border-30 { border-width: 1.875rem; }
  .uw-hover-border-30:hover { border-width: 1.875rem; }
  .uw-focus-border-30:focus { border-width: 1.875rem; }
  .uw-active-border-30:active { border-width: 1.875rem; }
  .uw-disabled-border-30:disabled { border-width: 1.875rem; }
  .uw-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .uw-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-30 { border-width: 1.875rem; }
  .uw-border-30 { border-width: 1.875rem; }
  .uw-hover-border-30:hover { border-width: 1.875rem; }
  .uw-focus-border-30:focus { border-width: 1.875rem; }
  .uw-active-border-30:active { border-width: 1.875rem; }
  .uw-disabled-border-30:disabled { border-width: 1.875rem; }
  .uw-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  .uw-focus-within-border-30:focus-within { border-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-30 { border-width: 1.875rem; }
  .uw-border-t-30 { border-top-width: 1.875rem; }
  .uw-hover-border-t-30:hover { border-top-width: 1.875rem; }
  .uw-focus-border-t-30:focus { border-top-width: 1.875rem; }
  .uw-active-border-t-30:active { border-top-width: 1.875rem; }
  .uw-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  .uw-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  .uw-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-t-30 { border-top-width: 1.875rem; }
  .uw-border-r-30 { border-right-width: 1.875rem; }
  .uw-hover-border-r-30:hover { border-right-width: 1.875rem; }
  .uw-focus-border-r-30:focus { border-right-width: 1.875rem; }
  .uw-active-border-r-30:active { border-right-width: 1.875rem; }
  .uw-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  .uw-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  .uw-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-r-30 { border-right-width: 1.875rem; }
  .uw-border-b-30 { border-bottom-width: 1.875rem; }
  .uw-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  .uw-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  .uw-active-border-b-30:active { border-bottom-width: 1.875rem; }
  .uw-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  .uw-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  .uw-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  .uw-border-l-30 { border-left-width: 1.875rem; }
  .uw-hover-border-l-30:hover { border-left-width: 1.875rem; }
  .uw-focus-border-l-30:focus { border-left-width: 1.875rem; }
  .uw-active-border-l-30:active { border-left-width: 1.875rem; }
  .uw-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  .uw-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  .uw-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-l-30 { border-left-width: 1.875rem; }
  .uw-border-31 { border-width: 1.9375rem; }
  .uw-hover-border-31:hover { border-width: 1.9375rem; }
  .uw-focus-border-31:focus { border-width: 1.9375rem; }
  .uw-active-border-31:active { border-width: 1.9375rem; }
  .uw-disabled-border-31:disabled { border-width: 1.9375rem; }
  .uw-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .uw-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-31 { border-width: 1.9375rem; }
  .uw-border-31 { border-width: 1.9375rem; }
  .uw-hover-border-31:hover { border-width: 1.9375rem; }
  .uw-focus-border-31:focus { border-width: 1.9375rem; }
  .uw-active-border-31:active { border-width: 1.9375rem; }
  .uw-disabled-border-31:disabled { border-width: 1.9375rem; }
  .uw-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  .uw-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-31 { border-width: 1.9375rem; }
  .uw-border-t-31 { border-top-width: 1.9375rem; }
  .uw-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  .uw-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  .uw-active-border-t-31:active { border-top-width: 1.9375rem; }
  .uw-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  .uw-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  .uw-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  .uw-border-r-31 { border-right-width: 1.9375rem; }
  .uw-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  .uw-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  .uw-active-border-r-31:active { border-right-width: 1.9375rem; }
  .uw-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  .uw-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  .uw-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  .uw-border-b-31 { border-bottom-width: 1.9375rem; }
  .uw-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  .uw-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  .uw-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  .uw-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  .uw-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  .uw-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  .uw-border-l-31 { border-left-width: 1.9375rem; }
  .uw-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  .uw-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  .uw-active-border-l-31:active { border-left-width: 1.9375rem; }
  .uw-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  .uw-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  .uw-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  .uw-border-32 { border-width: 2.0rem; }
  .uw-hover-border-32:hover { border-width: 2.0rem; }
  .uw-focus-border-32:focus { border-width: 2.0rem; }
  .uw-active-border-32:active { border-width: 2.0rem; }
  .uw-disabled-border-32:disabled { border-width: 2.0rem; }
  .uw-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .uw-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-32 { border-width: 2.0rem; }
  .uw-border-32 { border-width: 2.0rem; }
  .uw-hover-border-32:hover { border-width: 2.0rem; }
  .uw-focus-border-32:focus { border-width: 2.0rem; }
  .uw-active-border-32:active { border-width: 2.0rem; }
  .uw-disabled-border-32:disabled { border-width: 2.0rem; }
  .uw-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  .uw-focus-within-border-32:focus-within { border-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-32 { border-width: 2.0rem; }
  .uw-border-t-32 { border-top-width: 2.0rem; }
  .uw-hover-border-t-32:hover { border-top-width: 2.0rem; }
  .uw-focus-border-t-32:focus { border-top-width: 2.0rem; }
  .uw-active-border-t-32:active { border-top-width: 2.0rem; }
  .uw-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  .uw-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  .uw-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-t-32 { border-top-width: 2.0rem; }
  .uw-border-r-32 { border-right-width: 2.0rem; }
  .uw-hover-border-r-32:hover { border-right-width: 2.0rem; }
  .uw-focus-border-r-32:focus { border-right-width: 2.0rem; }
  .uw-active-border-r-32:active { border-right-width: 2.0rem; }
  .uw-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  .uw-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  .uw-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-r-32 { border-right-width: 2.0rem; }
  .uw-border-b-32 { border-bottom-width: 2.0rem; }
  .uw-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  .uw-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  .uw-active-border-b-32:active { border-bottom-width: 2.0rem; }
  .uw-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  .uw-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  .uw-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  .uw-border-l-32 { border-left-width: 2.0rem; }
  .uw-hover-border-l-32:hover { border-left-width: 2.0rem; }
  .uw-focus-border-l-32:focus { border-left-width: 2.0rem; }
  .uw-active-border-l-32:active { border-left-width: 2.0rem; }
  .uw-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  .uw-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  .uw-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-l-32 { border-left-width: 2.0rem; }
  .uw-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  .uw-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-group:hover .uw-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  .uw-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  .uw-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-group:hover .uw-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  .uw-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  .uw-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  .uw-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  .uw-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-group:hover .uw-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  .uw-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  .uw-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-group:hover .uw-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  .uw-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  .uw-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-group:hover .uw-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  .uw-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  .uw-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-group:hover .uw-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  .uw-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  .uw-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-group:hover .uw-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  .uw-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  .uw-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  .uw-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  .uw-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-group:hover .uw-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  .uw-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  .uw-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-group:hover .uw-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  .uw-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  .uw-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-group:hover .uw-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  .uw-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  .uw-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-group:hover .uw-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  .uw-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  .uw-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-group:hover .uw-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  .uw-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  .uw-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-group:hover .uw-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  .uw-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  .uw-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-group:hover .uw-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  .uw-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  .uw-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-group:hover .uw-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  .uw-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  .uw-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-group:hover .uw-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  .uw-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  .uw-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-group:hover .uw-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  .uw-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  .uw-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-group:hover .uw-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  .uw-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  .uw-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-group:hover .uw-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  .uw-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  .uw-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-group:hover .uw-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  .uw-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  .uw-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-group:hover .uw-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  .uw-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  .uw-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-group:hover .uw-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  .uw-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  .uw-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-group:hover .uw-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  .uw-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  .uw-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-group:hover .uw-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  .uw-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  .uw-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-group:hover .uw-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  .uw-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  .uw-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-group:hover .uw-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  .uw-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  .uw-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-group:hover .uw-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  .uw-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  .uw-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-group:hover .uw-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  .uw-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  .uw-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-group:hover .uw-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  .uw-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  .uw-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-group:hover .uw-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  .uw-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  .uw-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-group:hover .uw-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  .uw-border-transparent { border-color: transparent; }
  .uw-hover-border-transparent:hover { border-color: transparent; }
  .uw-focus-border-transparent:focus { border-color: transparent; }
  .uw-active-border-transparent:active { border-color: transparent; }
  .uw-disabled-border-transparent:disabled { border-color: transparent; }
  .uw-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  .uw-focus-within-border-transparent:focus-within { border-color: transparent; }
  .uw-group:hover .uw-group-hover-border-transparent { border-color: transparent; }
  .uw-border-inherit { border-color: inherit; }
  .uw-hover-border-inherit:hover { border-color: inherit; }
  .uw-focus-border-inherit:focus { border-color: inherit; }
  .uw-active-border-inherit:active { border-color: inherit; }
  .uw-disabled-border-inherit:disabled { border-color: inherit; }
  .uw-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  .uw-focus-within-border-inherit:focus-within { border-color: inherit; }
  .uw-group:hover .uw-group-hover-border-inherit { border-color: inherit; }
  .uw-bg-transparent { background-color: transparent; }
  .uw-hover-bg-transparent:hover { background-color: transparent; }
  .uw-focus-bg-transparent:focus { background-color: transparent; }
  .uw-active-bg-transparent:active { background-color: transparent; }
  .uw-disabled-bg-transparent:disabled { background-color: transparent; }
  .uw-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  .uw-focus-within-bg-transparent:focus-within { background-color: transparent; }
  .uw-group:hover .uw-group-hover-bg-transparent { background-color: transparent; }
  .uw-bg-inherit { background-color: inherit; }
  .uw-hover-bg-inherit:hover { background-color: inherit; }
  .uw-focus-bg-inherit:focus { background-color: inherit; }
  .uw-active-bg-inherit:active { background-color: inherit; }
  .uw-disabled-bg-inherit:disabled { background-color: inherit; }
  .uw-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  .uw-focus-within-bg-inherit:focus-within { background-color: inherit; }
  .uw-group:hover .uw-group-hover-bg-inherit { background-color: inherit; }
  .uw-text-transparent { color: transparent; }
  .uw-hover-text-transparent:hover { color: transparent; }
  .uw-focus-text-transparent:focus { color: transparent; }
  .uw-active-text-transparent:active { color: transparent; }
  .uw-disabled-text-transparent:disabled { color: transparent; }
  .uw-focus-visible-text-transparent:focus-visible { color: transparent; }
  .uw-focus-within-text-transparent:focus-within { color: transparent; }
  .uw-group:hover .uw-group-hover-text-transparent { color: transparent; }
  .uw-text-inherit { color: inherit; }
  .uw-hover-text-inherit:hover { color: inherit; }
  .uw-focus-text-inherit:focus { color: inherit; }
  .uw-active-text-inherit:active { color: inherit; }
  .uw-disabled-text-inherit:disabled { color: inherit; }
  .uw-focus-visible-text-inherit:focus-visible { color: inherit; }
  .uw-focus-within-text-inherit:focus-within { color: inherit; }
  .uw-group:hover .uw-group-hover-text-inherit { color: inherit; }
  .uw-border-solid { border-style: solid; }
  .uw-hover-border-solid:hover { border-style: solid; }
  .uw-focus-border-solid:focus { border-style: solid; }
  .uw-active-border-solid:active { border-style: solid; }
  .uw-disabled-border-solid:disabled { border-style: solid; }
  .uw-focus-visible-border-solid:focus-visible { border-style: solid; }
  .uw-focus-within-border-solid:focus-within { border-style: solid; }
  .uw-group:hover .uw-group-hover-border-solid { border-style: solid; }
  .uw-border-dashed { border-style: dashed; }
  .uw-hover-border-dashed:hover { border-style: dashed; }
  .uw-focus-border-dashed:focus { border-style: dashed; }
  .uw-active-border-dashed:active { border-style: dashed; }
  .uw-disabled-border-dashed:disabled { border-style: dashed; }
  .uw-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  .uw-focus-within-border-dashed:focus-within { border-style: dashed; }
  .uw-group:hover .uw-group-hover-border-dashed { border-style: dashed; }
  .uw-border-dotted { border-style: dotted; }
  .uw-hover-border-dotted:hover { border-style: dotted; }
  .uw-focus-border-dotted:focus { border-style: dotted; }
  .uw-active-border-dotted:active { border-style: dotted; }
  .uw-disabled-border-dotted:disabled { border-style: dotted; }
  .uw-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  .uw-focus-within-border-dotted:focus-within { border-style: dotted; }
  .uw-group:hover .uw-group-hover-border-dotted { border-style: dotted; }
  .uw-border-double { border-style: double; }
  .uw-hover-border-double:hover { border-style: double; }
  .uw-focus-border-double:focus { border-style: double; }
  .uw-active-border-double:active { border-style: double; }
  .uw-disabled-border-double:disabled { border-style: double; }
  .uw-focus-visible-border-double:focus-visible { border-style: double; }
  .uw-focus-within-border-double:focus-within { border-style: double; }
  .uw-group:hover .uw-group-hover-border-double { border-style: double; }
  .uw-border-none { border-style: none; }
  .uw-hover-border-none:hover { border-style: none; }
  .uw-focus-border-none:focus { border-style: none; }
  .uw-active-border-none:active { border-style: none; }
  .uw-disabled-border-none:disabled { border-style: none; }
  .uw-focus-visible-border-none:focus-visible { border-style: none; }
  .uw-focus-within-border-none:focus-within { border-style: none; }
  .uw-group:hover .uw-group-hover-border-none { border-style: none; }
  .uw-z-auto { z-index: auto; }
  .uw-hover-z-auto:hover { z-index: auto; }
  .uw-focus-z-auto:focus { z-index: auto; }
  .uw-active-z-auto:active { z-index: auto; }
  .uw-disabled-z-auto:disabled { z-index: auto; }
  .uw-focus-visible-z-auto:focus-visible { z-index: auto; }
  .uw-focus-within-z-auto:focus-within { z-index: auto; }
  .uw-group:hover .uw-group-hover-z-auto { z-index: auto; }
  .uw-z-0 { z-index: 0; }
  .uw-hover-z-0:hover { z-index: 0; }
  .uw-focus-z-0:focus { z-index: 0; }
  .uw-active-z-0:active { z-index: 0; }
  .uw-disabled-z-0:disabled { z-index: 0; }
  .uw-focus-visible-z-0:focus-visible { z-index: 0; }
  .uw-focus-within-z-0:focus-within { z-index: 0; }
  .uw-group:hover .uw-group-hover-z-0 { z-index: 0; }
  .uw-z-10 { z-index: 10; }
  .uw-hover-z-10:hover { z-index: 10; }
  .uw-focus-z-10:focus { z-index: 10; }
  .uw-active-z-10:active { z-index: 10; }
  .uw-disabled-z-10:disabled { z-index: 10; }
  .uw-focus-visible-z-10:focus-visible { z-index: 10; }
  .uw-focus-within-z-10:focus-within { z-index: 10; }
  .uw-group:hover .uw-group-hover-z-10 { z-index: 10; }
  .uw-z-20 { z-index: 20; }
  .uw-hover-z-20:hover { z-index: 20; }
  .uw-focus-z-20:focus { z-index: 20; }
  .uw-active-z-20:active { z-index: 20; }
  .uw-disabled-z-20:disabled { z-index: 20; }
  .uw-focus-visible-z-20:focus-visible { z-index: 20; }
  .uw-focus-within-z-20:focus-within { z-index: 20; }
  .uw-group:hover .uw-group-hover-z-20 { z-index: 20; }
  .uw-z-30 { z-index: 30; }
  .uw-hover-z-30:hover { z-index: 30; }
  .uw-focus-z-30:focus { z-index: 30; }
  .uw-active-z-30:active { z-index: 30; }
  .uw-disabled-z-30:disabled { z-index: 30; }
  .uw-focus-visible-z-30:focus-visible { z-index: 30; }
  .uw-focus-within-z-30:focus-within { z-index: 30; }
  .uw-group:hover .uw-group-hover-z-30 { z-index: 30; }
  .uw-z-40 { z-index: 40; }
  .uw-hover-z-40:hover { z-index: 40; }
  .uw-focus-z-40:focus { z-index: 40; }
  .uw-active-z-40:active { z-index: 40; }
  .uw-disabled-z-40:disabled { z-index: 40; }
  .uw-focus-visible-z-40:focus-visible { z-index: 40; }
  .uw-focus-within-z-40:focus-within { z-index: 40; }
  .uw-group:hover .uw-group-hover-z-40 { z-index: 40; }
  .uw-z-50 { z-index: 50; }
  .uw-hover-z-50:hover { z-index: 50; }
  .uw-focus-z-50:focus { z-index: 50; }
  .uw-active-z-50:active { z-index: 50; }
  .uw-disabled-z-50:disabled { z-index: 50; }
  .uw-focus-visible-z-50:focus-visible { z-index: 50; }
  .uw-focus-within-z-50:focus-within { z-index: 50; }
  .uw-group:hover .uw-group-hover-z-50 { z-index: 50; }
  .uw-z-100 { z-index: 100; }
  .uw-hover-z-100:hover { z-index: 100; }
  .uw-focus-z-100:focus { z-index: 100; }
  .uw-active-z-100:active { z-index: 100; }
  .uw-disabled-z-100:disabled { z-index: 100; }
  .uw-focus-visible-z-100:focus-visible { z-index: 100; }
  .uw-focus-within-z-100:focus-within { z-index: 100; }
  .uw-group:hover .uw-group-hover-z-100 { z-index: 100; }
  .uw-z-9999 { z-index: 9999; }
  .uw-hover-z-9999:hover { z-index: 9999; }
  .uw-focus-z-9999:focus { z-index: 9999; }
  .uw-active-z-9999:active { z-index: 9999; }
  .uw-disabled-z-9999:disabled { z-index: 9999; }
  .uw-focus-visible-z-9999:focus-visible { z-index: 9999; }
  .uw-focus-within-z-9999:focus-within { z-index: 9999; }
  .uw-group:hover .uw-group-hover-z-9999 { z-index: 9999; }
  .uw--z-10 { z-index: -10; }
  .uw-hover--z-10:hover { z-index: -10; }
  .uw-focus--z-10:focus { z-index: -10; }
  .uw-active--z-10:active { z-index: -10; }
  .uw-disabled--z-10:disabled { z-index: -10; }
  .uw-focus-visible--z-10:focus-visible { z-index: -10; }
  .uw-focus-within--z-10:focus-within { z-index: -10; }
  .uw-group:hover .uw-group-hover--z-10 { z-index: -10; }
  .uw--z-20 { z-index: -20; }
  .uw-hover--z-20:hover { z-index: -20; }
  .uw-focus--z-20:focus { z-index: -20; }
  .uw-active--z-20:active { z-index: -20; }
  .uw-disabled--z-20:disabled { z-index: -20; }
  .uw-focus-visible--z-20:focus-visible { z-index: -20; }
  .uw-focus-within--z-20:focus-within { z-index: -20; }
  .uw-group:hover .uw-group-hover--z-20 { z-index: -20; }
  .uw--z-40 { z-index: -40; }
  .uw-hover--z-40:hover { z-index: -40; }
  .uw-focus--z-40:focus { z-index: -40; }
  .uw-active--z-40:active { z-index: -40; }
  .uw-disabled--z-40:disabled { z-index: -40; }
  .uw-focus-visible--z-40:focus-visible { z-index: -40; }
  .uw-focus-within--z-40:focus-within { z-index: -40; }
  .uw-group:hover .uw-group-hover--z-40 { z-index: -40; }
  .uw--z-50 { z-index: -50; }
  .uw-hover--z-50:hover { z-index: -50; }
  .uw-focus--z-50:focus { z-index: -50; }
  .uw-active--z-50:active { z-index: -50; }
  .uw-disabled--z-50:disabled { z-index: -50; }
  .uw-focus-visible--z-50:focus-visible { z-index: -50; }
  .uw-focus-within--z-50:focus-within { z-index: -50; }
  .uw-group:hover .uw-group-hover--z-50 { z-index: -50; }
  .uw--z-100 { z-index: -100; }
  .uw-hover--z-100:hover { z-index: -100; }
  .uw-focus--z-100:focus { z-index: -100; }
  .uw-active--z-100:active { z-index: -100; }
  .uw-disabled--z-100:disabled { z-index: -100; }
  .uw-focus-visible--z-100:focus-visible { z-index: -100; }
  .uw-focus-within--z-100:focus-within { z-index: -100; }
  .uw-group:hover .uw-group-hover--z-100 { z-index: -100; }
  .uw-opacity-0 { opacity: 0; }
  .uw-hover-opacity-0:hover { opacity: 0; }
  .uw-focus-opacity-0:focus { opacity: 0; }
  .uw-active-opacity-0:active { opacity: 0; }
  .uw-disabled-opacity-0:disabled { opacity: 0; }
  .uw-focus-visible-opacity-0:focus-visible { opacity: 0; }
  .uw-focus-within-opacity-0:focus-within { opacity: 0; }
  .uw-group:hover .uw-group-hover-opacity-0 { opacity: 0; }
  .uw-opacity-10 { opacity: 0.1; }
  .uw-hover-opacity-10:hover { opacity: 0.1; }
  .uw-focus-opacity-10:focus { opacity: 0.1; }
  .uw-active-opacity-10:active { opacity: 0.1; }
  .uw-disabled-opacity-10:disabled { opacity: 0.1; }
  .uw-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  .uw-focus-within-opacity-10:focus-within { opacity: 0.1; }
  .uw-group:hover .uw-group-hover-opacity-10 { opacity: 0.1; }
  .uw-opacity-20 { opacity: 0.2; }
  .uw-hover-opacity-20:hover { opacity: 0.2; }
  .uw-focus-opacity-20:focus { opacity: 0.2; }
  .uw-active-opacity-20:active { opacity: 0.2; }
  .uw-disabled-opacity-20:disabled { opacity: 0.2; }
  .uw-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  .uw-focus-within-opacity-20:focus-within { opacity: 0.2; }
  .uw-group:hover .uw-group-hover-opacity-20 { opacity: 0.2; }
  .uw-opacity-25 { opacity: 0.25; }
  .uw-hover-opacity-25:hover { opacity: 0.25; }
  .uw-focus-opacity-25:focus { opacity: 0.25; }
  .uw-active-opacity-25:active { opacity: 0.25; }
  .uw-disabled-opacity-25:disabled { opacity: 0.25; }
  .uw-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  .uw-focus-within-opacity-25:focus-within { opacity: 0.25; }
  .uw-group:hover .uw-group-hover-opacity-25 { opacity: 0.25; }
  .uw-opacity-30 { opacity: 0.3; }
  .uw-hover-opacity-30:hover { opacity: 0.3; }
  .uw-focus-opacity-30:focus { opacity: 0.3; }
  .uw-active-opacity-30:active { opacity: 0.3; }
  .uw-disabled-opacity-30:disabled { opacity: 0.3; }
  .uw-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  .uw-focus-within-opacity-30:focus-within { opacity: 0.3; }
  .uw-group:hover .uw-group-hover-opacity-30 { opacity: 0.3; }
  .uw-opacity-40 { opacity: 0.4; }
  .uw-hover-opacity-40:hover { opacity: 0.4; }
  .uw-focus-opacity-40:focus { opacity: 0.4; }
  .uw-active-opacity-40:active { opacity: 0.4; }
  .uw-disabled-opacity-40:disabled { opacity: 0.4; }
  .uw-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  .uw-focus-within-opacity-40:focus-within { opacity: 0.4; }
  .uw-group:hover .uw-group-hover-opacity-40 { opacity: 0.4; }
  .uw-opacity-50 { opacity: 0.5; }
  .uw-hover-opacity-50:hover { opacity: 0.5; }
  .uw-focus-opacity-50:focus { opacity: 0.5; }
  .uw-active-opacity-50:active { opacity: 0.5; }
  .uw-disabled-opacity-50:disabled { opacity: 0.5; }
  .uw-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  .uw-focus-within-opacity-50:focus-within { opacity: 0.5; }
  .uw-group:hover .uw-group-hover-opacity-50 { opacity: 0.5; }
  .uw-opacity-60 { opacity: 0.6; }
  .uw-hover-opacity-60:hover { opacity: 0.6; }
  .uw-focus-opacity-60:focus { opacity: 0.6; }
  .uw-active-opacity-60:active { opacity: 0.6; }
  .uw-disabled-opacity-60:disabled { opacity: 0.6; }
  .uw-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  .uw-focus-within-opacity-60:focus-within { opacity: 0.6; }
  .uw-group:hover .uw-group-hover-opacity-60 { opacity: 0.6; }
  .uw-opacity-70 { opacity: 0.7; }
  .uw-hover-opacity-70:hover { opacity: 0.7; }
  .uw-focus-opacity-70:focus { opacity: 0.7; }
  .uw-active-opacity-70:active { opacity: 0.7; }
  .uw-disabled-opacity-70:disabled { opacity: 0.7; }
  .uw-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  .uw-focus-within-opacity-70:focus-within { opacity: 0.7; }
  .uw-group:hover .uw-group-hover-opacity-70 { opacity: 0.7; }
  .uw-opacity-75 { opacity: 0.75; }
  .uw-hover-opacity-75:hover { opacity: 0.75; }
  .uw-focus-opacity-75:focus { opacity: 0.75; }
  .uw-active-opacity-75:active { opacity: 0.75; }
  .uw-disabled-opacity-75:disabled { opacity: 0.75; }
  .uw-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  .uw-focus-within-opacity-75:focus-within { opacity: 0.75; }
  .uw-group:hover .uw-group-hover-opacity-75 { opacity: 0.75; }
  .uw-opacity-80 { opacity: 0.8; }
  .uw-hover-opacity-80:hover { opacity: 0.8; }
  .uw-focus-opacity-80:focus { opacity: 0.8; }
  .uw-active-opacity-80:active { opacity: 0.8; }
  .uw-disabled-opacity-80:disabled { opacity: 0.8; }
  .uw-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  .uw-focus-within-opacity-80:focus-within { opacity: 0.8; }
  .uw-group:hover .uw-group-hover-opacity-80 { opacity: 0.8; }
  .uw-opacity-90 { opacity: 0.9; }
  .uw-hover-opacity-90:hover { opacity: 0.9; }
  .uw-focus-opacity-90:focus { opacity: 0.9; }
  .uw-active-opacity-90:active { opacity: 0.9; }
  .uw-disabled-opacity-90:disabled { opacity: 0.9; }
  .uw-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  .uw-focus-within-opacity-90:focus-within { opacity: 0.9; }
  .uw-group:hover .uw-group-hover-opacity-90 { opacity: 0.9; }
  .uw-opacity-100 { opacity: 1; }
  .uw-hover-opacity-100:hover { opacity: 1; }
  .uw-focus-opacity-100:focus { opacity: 1; }
  .uw-active-opacity-100:active { opacity: 1; }
  .uw-disabled-opacity-100:disabled { opacity: 1; }
  .uw-focus-visible-opacity-100:focus-visible { opacity: 1; }
  .uw-focus-within-opacity-100:focus-within { opacity: 1; }
  .uw-group:hover .uw-group-hover-opacity-100 { opacity: 1; }
  .uw-bg-gradient-l { --quanta-gradient-direction: to left; }
  .uw-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  .uw-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  .uw-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  .uw-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  .uw-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  .uw-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  .uw-group:hover .uw-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  .uw-bg-gradient-r { --quanta-gradient-direction: to right; }
  .uw-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  .uw-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  .uw-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  .uw-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  .uw-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  .uw-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  .uw-group:hover .uw-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  .uw-bg-gradient-t { --quanta-gradient-direction: to top; }
  .uw-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  .uw-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  .uw-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  .uw-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  .uw-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  .uw-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  .uw-group:hover .uw-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  .uw-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .uw-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  .uw-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  .uw-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  .uw-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  .uw-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  .uw-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  .uw-group:hover .uw-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  .uw-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .uw-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  .uw-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  .uw-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  .uw-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  .uw-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  .uw-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  .uw-group:hover .uw-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  .uw-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .uw-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  .uw-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  .uw-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  .uw-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  .uw-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  .uw-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  .uw-group:hover .uw-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  .uw-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .uw-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  .uw-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  .uw-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  .uw-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  .uw-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  .uw-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  .uw-group:hover .uw-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  .uw-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .uw-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  .uw-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  .uw-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  .uw-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  .uw-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  .uw-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  .uw-group:hover .uw-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  .uw-rounded-0 { border-radius: 0; }
  .uw-hover-rounded-0:hover { border-radius: 0; }
  .uw-focus-rounded-0:focus { border-radius: 0; }
  .uw-active-rounded-0:active { border-radius: 0; }
  .uw-disabled-rounded-0:disabled { border-radius: 0; }
  .uw-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  .uw-focus-within-rounded-0:focus-within { border-radius: 0; }
  .uw-group:hover .uw-group-hover-rounded-0 { border-radius: 0; }
  .uw-rounded-xs { border-radius: 0.125rem; }
  .uw-hover-rounded-xs:hover { border-radius: 0.125rem; }
  .uw-focus-rounded-xs:focus { border-radius: 0.125rem; }
  .uw-active-rounded-xs:active { border-radius: 0.125rem; }
  .uw-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  .uw-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  .uw-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  .uw-group:hover .uw-group-hover-rounded-xs { border-radius: 0.125rem; }
  .uw-rounded-sm { border-radius: 0.25rem; }
  .uw-hover-rounded-sm:hover { border-radius: 0.25rem; }
  .uw-focus-rounded-sm:focus { border-radius: 0.25rem; }
  .uw-active-rounded-sm:active { border-radius: 0.25rem; }
  .uw-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  .uw-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  .uw-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  .uw-group:hover .uw-group-hover-rounded-sm { border-radius: 0.25rem; }
  .uw-rounded { border-radius: 0.5rem; }
  .uw-hover-rounded:hover { border-radius: 0.5rem; }
  .uw-focus-rounded:focus { border-radius: 0.5rem; }
  .uw-active-rounded:active { border-radius: 0.5rem; }
  .uw-disabled-rounded:disabled { border-radius: 0.5rem; }
  .uw-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  .uw-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  .uw-group:hover .uw-group-hover-rounded { border-radius: 0.5rem; }
  .uw-rounded-md { border-radius: 0.75rem; }
  .uw-hover-rounded-md:hover { border-radius: 0.75rem; }
  .uw-focus-rounded-md:focus { border-radius: 0.75rem; }
  .uw-active-rounded-md:active { border-radius: 0.75rem; }
  .uw-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  .uw-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  .uw-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  .uw-group:hover .uw-group-hover-rounded-md { border-radius: 0.75rem; }
  .uw-rounded-lg { border-radius: 1rem; }
  .uw-hover-rounded-lg:hover { border-radius: 1rem; }
  .uw-focus-rounded-lg:focus { border-radius: 1rem; }
  .uw-active-rounded-lg:active { border-radius: 1rem; }
  .uw-disabled-rounded-lg:disabled { border-radius: 1rem; }
  .uw-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  .uw-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  .uw-group:hover .uw-group-hover-rounded-lg { border-radius: 1rem; }
  .uw-rounded-xl { border-radius: 1.5rem; }
  .uw-hover-rounded-xl:hover { border-radius: 1.5rem; }
  .uw-focus-rounded-xl:focus { border-radius: 1.5rem; }
  .uw-active-rounded-xl:active { border-radius: 1.5rem; }
  .uw-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  .uw-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  .uw-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  .uw-group:hover .uw-group-hover-rounded-xl { border-radius: 1.5rem; }
  .uw-rounded-2xl { border-radius: 2rem; }
  .uw-hover-rounded-2xl:hover { border-radius: 2rem; }
  .uw-focus-rounded-2xl:focus { border-radius: 2rem; }
  .uw-active-rounded-2xl:active { border-radius: 2rem; }
  .uw-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  .uw-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  .uw-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  .uw-group:hover .uw-group-hover-rounded-2xl { border-radius: 2rem; }
  .uw-rounded-full { border-radius: 9999px; }
  .uw-hover-rounded-full:hover { border-radius: 9999px; }
  .uw-focus-rounded-full:focus { border-radius: 9999px; }
  .uw-active-rounded-full:active { border-radius: 9999px; }
  .uw-disabled-rounded-full:disabled { border-radius: 9999px; }
  .uw-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  .uw-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  .uw-group:hover .uw-group-hover-rounded-full { border-radius: 9999px; }
  .uw-rounded-pill { border-radius: 50px; }
  .uw-hover-rounded-pill:hover { border-radius: 50px; }
  .uw-focus-rounded-pill:focus { border-radius: 50px; }
  .uw-active-rounded-pill:active { border-radius: 50px; }
  .uw-disabled-rounded-pill:disabled { border-radius: 50px; }
  .uw-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  .uw-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  .uw-group:hover .uw-group-hover-rounded-pill { border-radius: 50px; }
  .uw-rounded-tl-0 { border-top-left-radius: 0; }
  .uw-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  .uw-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  .uw-active-rounded-tl-0:active { border-top-left-radius: 0; }
  .uw-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  .uw-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  .uw-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  .uw-group:hover .uw-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  .uw-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .uw-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  .uw-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  .uw-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  .uw-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  .uw-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  .uw-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  .uw-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .uw-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  .uw-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  .uw-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  .uw-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  .uw-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  .uw-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  .uw-rounded-tl { border-top-left-radius: 0.5rem; }
  .uw-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  .uw-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  .uw-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  .uw-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  .uw-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  .uw-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  .uw-group:hover .uw-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  .uw-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .uw-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  .uw-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  .uw-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  .uw-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  .uw-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  .uw-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  .uw-rounded-tl-lg { border-top-left-radius: 1rem; }
  .uw-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  .uw-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  .uw-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  .uw-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  .uw-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  .uw-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  .uw-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .uw-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  .uw-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  .uw-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  .uw-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  .uw-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  .uw-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  .uw-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .uw-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  .uw-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  .uw-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  .uw-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  .uw-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  .uw-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  .uw-group:hover .uw-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  .uw-rounded-tl-full { border-top-left-radius: 9999px; }
  .uw-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  .uw-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  .uw-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  .uw-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  .uw-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  .uw-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  .uw-group:hover .uw-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  .uw-rounded-tl-pill { border-top-left-radius: 50px; }
  .uw-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  .uw-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  .uw-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  .uw-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  .uw-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  .uw-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  .uw-group:hover .uw-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  .uw-rounded-tr-0 { border-top-right-radius: 0; }
  .uw-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  .uw-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  .uw-active-rounded-tr-0:active { border-top-right-radius: 0; }
  .uw-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  .uw-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  .uw-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  .uw-group:hover .uw-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  .uw-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .uw-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  .uw-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  .uw-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  .uw-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  .uw-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  .uw-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  .uw-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .uw-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  .uw-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  .uw-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  .uw-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  .uw-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  .uw-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  .uw-rounded-tr { border-top-right-radius: 0.5rem; }
  .uw-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  .uw-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  .uw-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  .uw-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  .uw-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  .uw-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  .uw-group:hover .uw-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  .uw-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .uw-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  .uw-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  .uw-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  .uw-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  .uw-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  .uw-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  .uw-rounded-tr-lg { border-top-right-radius: 1rem; }
  .uw-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  .uw-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  .uw-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  .uw-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  .uw-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  .uw-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  .uw-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .uw-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  .uw-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  .uw-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  .uw-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  .uw-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  .uw-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  .uw-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .uw-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  .uw-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  .uw-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  .uw-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  .uw-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  .uw-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  .uw-group:hover .uw-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  .uw-rounded-tr-full { border-top-right-radius: 9999px; }
  .uw-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  .uw-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  .uw-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  .uw-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  .uw-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  .uw-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  .uw-group:hover .uw-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  .uw-rounded-tr-pill { border-top-right-radius: 50px; }
  .uw-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  .uw-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  .uw-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  .uw-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  .uw-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  .uw-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  .uw-group:hover .uw-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  .uw-rounded-bl-0 { border-bottom-left-radius: 0; }
  .uw-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  .uw-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  .uw-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  .uw-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  .uw-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  .uw-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  .uw-group:hover .uw-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  .uw-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .uw-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  .uw-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  .uw-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  .uw-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  .uw-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  .uw-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  .uw-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .uw-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  .uw-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  .uw-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  .uw-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  .uw-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  .uw-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  .uw-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .uw-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  .uw-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  .uw-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  .uw-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  .uw-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  .uw-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  .uw-group:hover .uw-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  .uw-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .uw-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  .uw-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  .uw-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  .uw-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  .uw-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  .uw-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  .uw-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .uw-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  .uw-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  .uw-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  .uw-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  .uw-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  .uw-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  .uw-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .uw-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  .uw-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  .uw-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  .uw-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  .uw-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  .uw-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  .uw-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .uw-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  .uw-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  .uw-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  .uw-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  .uw-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  .uw-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  .uw-group:hover .uw-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  .uw-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .uw-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  .uw-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  .uw-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  .uw-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  .uw-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  .uw-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  .uw-group:hover .uw-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  .uw-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .uw-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  .uw-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  .uw-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  .uw-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  .uw-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  .uw-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  .uw-group:hover .uw-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  .uw-rounded-br-0 { border-bottom-right-radius: 0; }
  .uw-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  .uw-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  .uw-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  .uw-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  .uw-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  .uw-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  .uw-group:hover .uw-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  .uw-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .uw-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  .uw-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  .uw-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  .uw-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  .uw-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  .uw-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  .uw-group:hover .uw-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  .uw-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .uw-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  .uw-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  .uw-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  .uw-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  .uw-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  .uw-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  .uw-group:hover .uw-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  .uw-rounded-br { border-bottom-right-radius: 0.5rem; }
  .uw-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  .uw-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  .uw-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  .uw-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  .uw-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  .uw-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  .uw-group:hover .uw-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  .uw-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .uw-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  .uw-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  .uw-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  .uw-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  .uw-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  .uw-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  .uw-group:hover .uw-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  .uw-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .uw-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  .uw-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  .uw-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  .uw-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  .uw-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  .uw-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  .uw-group:hover .uw-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  .uw-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .uw-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  .uw-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  .uw-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  .uw-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  .uw-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  .uw-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  .uw-group:hover .uw-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  .uw-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .uw-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  .uw-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  .uw-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  .uw-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  .uw-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  .uw-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  .uw-group:hover .uw-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  .uw-rounded-br-full { border-bottom-right-radius: 9999px; }
  .uw-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  .uw-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  .uw-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  .uw-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  .uw-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  .uw-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  .uw-group:hover .uw-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  .uw-rounded-br-pill { border-bottom-right-radius: 50px; }
  .uw-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  .uw-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  .uw-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  .uw-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  .uw-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  .uw-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  .uw-group:hover .uw-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  .uw-outline-none { outline: none; }
  .uw-hover-outline-none:hover { outline: none; }
  .uw-focus-outline-none:focus { outline: none; }
  .uw-active-outline-none:active { outline: none; }
  .uw-disabled-outline-none:disabled { outline: none; }
  .uw-focus-visible-outline-none:focus-visible { outline: none; }
  .uw-focus-within-outline-none:focus-within { outline: none; }
  .uw-group:hover .uw-group-hover-outline-none { outline: none; }
  .uw-outline { outline: 1px solid currentColor; }
  .uw-hover-outline:hover { outline: 1px solid currentColor; }
  .uw-focus-outline:focus { outline: 1px solid currentColor; }
  .uw-active-outline:active { outline: 1px solid currentColor; }
  .uw-disabled-outline:disabled { outline: 1px solid currentColor; }
  .uw-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  .uw-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  .uw-group:hover .uw-group-hover-outline { outline: 1px solid currentColor; }
  .uw-outline-offset-0 { outline-offset: 0rem; }
  .uw-hover-outline-offset-0:hover { outline-offset: 0rem; }
  .uw-focus-outline-offset-0:focus { outline-offset: 0rem; }
  .uw-active-outline-offset-0:active { outline-offset: 0rem; }
  .uw-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  .uw-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  .uw-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  .uw-group:hover .uw-group-hover-outline-offset-0 { outline-offset: 0rem; }
  .uw-outline-offset-1 { outline-offset: 0.25rem; }
  .uw-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  .uw-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  .uw-active-outline-offset-1:active { outline-offset: 0.25rem; }
  .uw-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  .uw-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  .uw-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  .uw-group:hover .uw-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  .uw-outline-offset-2 { outline-offset: 0.5rem; }
  .uw-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  .uw-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  .uw-active-outline-offset-2:active { outline-offset: 0.5rem; }
  .uw-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  .uw-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  .uw-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  .uw-group:hover .uw-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  .uw-outline-offset-3 { outline-offset: 0.75rem; }
  .uw-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  .uw-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  .uw-active-outline-offset-3:active { outline-offset: 0.75rem; }
  .uw-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  .uw-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  .uw-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  .uw-group:hover .uw-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  .uw-outline-offset-4 { outline-offset: 1rem; }
  .uw-hover-outline-offset-4:hover { outline-offset: 1rem; }
  .uw-focus-outline-offset-4:focus { outline-offset: 1rem; }
  .uw-active-outline-offset-4:active { outline-offset: 1rem; }
  .uw-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  .uw-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  .uw-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  .uw-group:hover .uw-group-hover-outline-offset-4 { outline-offset: 1rem; }
  .uw-outline-offset-8 { outline-offset: 2rem; }
  .uw-hover-outline-offset-8:hover { outline-offset: 2rem; }
  .uw-focus-outline-offset-8:focus { outline-offset: 2rem; }
  .uw-active-outline-offset-8:active { outline-offset: 2rem; }
  .uw-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  .uw-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  .uw-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  .uw-group:hover .uw-group-hover-outline-offset-8 { outline-offset: 2rem; }
  .uw-outline-red-50 { outline-color: var(--quanta-red-50); }
  .uw-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  .uw-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  .uw-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  .uw-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  .uw-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  .uw-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  .uw-outline-red-100 { outline-color: var(--quanta-red-100); }
  .uw-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  .uw-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  .uw-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  .uw-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  .uw-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  .uw-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  .uw-outline-red-200 { outline-color: var(--quanta-red-200); }
  .uw-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  .uw-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  .uw-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  .uw-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  .uw-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  .uw-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  .uw-outline-red-300 { outline-color: var(--quanta-red-300); }
  .uw-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  .uw-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  .uw-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  .uw-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  .uw-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  .uw-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  .uw-outline-red-400 { outline-color: var(--quanta-red-400); }
  .uw-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  .uw-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  .uw-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  .uw-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  .uw-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  .uw-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  .uw-outline-red-500 { outline-color: var(--quanta-red-500); }
  .uw-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  .uw-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  .uw-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  .uw-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  .uw-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  .uw-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  .uw-outline-red-600 { outline-color: var(--quanta-red-600); }
  .uw-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  .uw-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  .uw-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  .uw-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  .uw-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  .uw-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  .uw-outline-red-700 { outline-color: var(--quanta-red-700); }
  .uw-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  .uw-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  .uw-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  .uw-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  .uw-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  .uw-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  .uw-outline-red-800 { outline-color: var(--quanta-red-800); }
  .uw-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  .uw-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  .uw-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  .uw-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  .uw-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  .uw-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  .uw-outline-red-900 { outline-color: var(--quanta-red-900); }
  .uw-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  .uw-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  .uw-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  .uw-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  .uw-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  .uw-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  .uw-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .uw-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  .uw-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  .uw-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  .uw-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  .uw-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  .uw-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  .uw-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .uw-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  .uw-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  .uw-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  .uw-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  .uw-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  .uw-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  .uw-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .uw-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  .uw-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  .uw-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  .uw-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  .uw-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  .uw-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  .uw-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .uw-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  .uw-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  .uw-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  .uw-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  .uw-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  .uw-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  .uw-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .uw-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  .uw-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  .uw-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  .uw-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  .uw-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  .uw-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  .uw-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .uw-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  .uw-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  .uw-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  .uw-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  .uw-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  .uw-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  .uw-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .uw-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  .uw-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  .uw-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  .uw-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  .uw-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  .uw-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  .uw-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .uw-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  .uw-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  .uw-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  .uw-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  .uw-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  .uw-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  .uw-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .uw-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  .uw-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  .uw-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  .uw-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  .uw-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  .uw-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  .uw-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .uw-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  .uw-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  .uw-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  .uw-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  .uw-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  .uw-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  .uw-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .uw-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  .uw-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  .uw-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  .uw-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  .uw-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  .uw-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  .uw-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .uw-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  .uw-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  .uw-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  .uw-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  .uw-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  .uw-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  .uw-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .uw-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  .uw-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  .uw-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  .uw-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  .uw-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  .uw-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  .uw-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .uw-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  .uw-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  .uw-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  .uw-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  .uw-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  .uw-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  .uw-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .uw-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  .uw-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  .uw-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  .uw-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  .uw-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  .uw-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  .uw-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .uw-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  .uw-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  .uw-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  .uw-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  .uw-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  .uw-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  .uw-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .uw-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  .uw-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  .uw-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  .uw-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  .uw-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  .uw-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  .uw-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .uw-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  .uw-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  .uw-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  .uw-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  .uw-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  .uw-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  .uw-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .uw-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  .uw-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  .uw-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  .uw-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  .uw-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  .uw-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  .uw-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .uw-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  .uw-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  .uw-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  .uw-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  .uw-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  .uw-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  .uw-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .uw-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  .uw-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  .uw-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  .uw-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  .uw-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  .uw-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  .uw-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .uw-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  .uw-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  .uw-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  .uw-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  .uw-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  .uw-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  .uw-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .uw-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  .uw-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  .uw-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  .uw-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  .uw-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  .uw-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  .uw-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .uw-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  .uw-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  .uw-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  .uw-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  .uw-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  .uw-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  .uw-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .uw-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  .uw-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  .uw-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  .uw-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  .uw-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  .uw-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  .uw-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .uw-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  .uw-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  .uw-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  .uw-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  .uw-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  .uw-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  .uw-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .uw-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  .uw-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  .uw-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  .uw-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  .uw-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  .uw-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  .uw-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .uw-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  .uw-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  .uw-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  .uw-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  .uw-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  .uw-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  .uw-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .uw-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  .uw-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  .uw-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  .uw-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  .uw-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  .uw-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  .uw-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .uw-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  .uw-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  .uw-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  .uw-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  .uw-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  .uw-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  .uw-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .uw-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  .uw-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  .uw-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  .uw-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  .uw-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  .uw-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  .uw-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .uw-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  .uw-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  .uw-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  .uw-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  .uw-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  .uw-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  .uw-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .uw-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  .uw-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  .uw-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  .uw-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  .uw-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  .uw-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  .uw-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .uw-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  .uw-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  .uw-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  .uw-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  .uw-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  .uw-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  .uw-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .uw-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  .uw-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  .uw-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  .uw-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  .uw-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  .uw-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  .uw-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .uw-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  .uw-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  .uw-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  .uw-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  .uw-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  .uw-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  .uw-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .uw-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  .uw-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  .uw-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  .uw-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  .uw-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  .uw-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  .uw-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .uw-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  .uw-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  .uw-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  .uw-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  .uw-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  .uw-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  .uw-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .uw-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  .uw-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  .uw-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  .uw-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  .uw-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  .uw-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  .uw-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .uw-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  .uw-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  .uw-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  .uw-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  .uw-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  .uw-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  .uw-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .uw-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  .uw-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  .uw-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  .uw-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  .uw-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  .uw-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  .uw-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .uw-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  .uw-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  .uw-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  .uw-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  .uw-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  .uw-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  .uw-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .uw-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  .uw-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  .uw-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  .uw-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  .uw-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  .uw-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  .uw-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .uw-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  .uw-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  .uw-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  .uw-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  .uw-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  .uw-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  .uw-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .uw-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  .uw-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  .uw-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  .uw-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  .uw-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  .uw-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  .uw-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .uw-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  .uw-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  .uw-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  .uw-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  .uw-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  .uw-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  .uw-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .uw-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  .uw-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  .uw-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  .uw-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  .uw-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  .uw-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  .uw-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .uw-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  .uw-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  .uw-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  .uw-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  .uw-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  .uw-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  .uw-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .uw-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  .uw-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  .uw-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  .uw-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  .uw-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  .uw-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  .uw-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .uw-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  .uw-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  .uw-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  .uw-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  .uw-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  .uw-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  .uw-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .uw-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  .uw-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  .uw-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  .uw-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  .uw-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  .uw-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  .uw-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .uw-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  .uw-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  .uw-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  .uw-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  .uw-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  .uw-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  .uw-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .uw-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  .uw-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  .uw-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  .uw-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  .uw-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  .uw-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  .uw-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .uw-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  .uw-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  .uw-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  .uw-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  .uw-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  .uw-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  .uw-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .uw-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  .uw-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  .uw-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  .uw-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  .uw-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  .uw-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  .uw-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .uw-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  .uw-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  .uw-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  .uw-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  .uw-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  .uw-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  .uw-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .uw-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  .uw-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  .uw-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  .uw-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  .uw-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  .uw-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  .uw-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .uw-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  .uw-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  .uw-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  .uw-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  .uw-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  .uw-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  .uw-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .uw-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  .uw-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  .uw-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  .uw-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  .uw-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  .uw-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  .uw-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .uw-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  .uw-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  .uw-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  .uw-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  .uw-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  .uw-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  .uw-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .uw-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  .uw-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  .uw-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  .uw-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  .uw-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  .uw-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  .uw-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .uw-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  .uw-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  .uw-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  .uw-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  .uw-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  .uw-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  .uw-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .uw-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  .uw-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  .uw-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  .uw-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  .uw-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  .uw-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  .uw-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .uw-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  .uw-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  .uw-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  .uw-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  .uw-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  .uw-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  .uw-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .uw-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  .uw-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  .uw-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  .uw-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  .uw-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  .uw-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  .uw-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .uw-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  .uw-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  .uw-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  .uw-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  .uw-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  .uw-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  .uw-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .uw-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  .uw-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  .uw-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  .uw-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  .uw-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  .uw-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  .uw-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .uw-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  .uw-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  .uw-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  .uw-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  .uw-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  .uw-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  .uw-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .uw-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  .uw-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  .uw-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  .uw-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  .uw-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  .uw-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  .uw-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .uw-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  .uw-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  .uw-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  .uw-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  .uw-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  .uw-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  .uw-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .uw-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  .uw-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  .uw-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  .uw-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  .uw-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  .uw-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  .uw-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .uw-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  .uw-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  .uw-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  .uw-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  .uw-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  .uw-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  .uw-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .uw-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  .uw-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  .uw-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  .uw-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  .uw-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  .uw-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  .uw-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .uw-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  .uw-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  .uw-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  .uw-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  .uw-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  .uw-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  .uw-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .uw-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  .uw-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  .uw-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  .uw-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  .uw-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  .uw-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  .uw-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .uw-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  .uw-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  .uw-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  .uw-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  .uw-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  .uw-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  .uw-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .uw-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  .uw-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  .uw-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  .uw-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  .uw-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  .uw-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  .uw-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .uw-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  .uw-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  .uw-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  .uw-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  .uw-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  .uw-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  .uw-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .uw-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  .uw-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  .uw-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  .uw-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  .uw-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  .uw-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  .uw-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .uw-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  .uw-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  .uw-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  .uw-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  .uw-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  .uw-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  .uw-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .uw-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  .uw-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  .uw-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  .uw-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  .uw-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  .uw-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  .uw-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .uw-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  .uw-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  .uw-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  .uw-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  .uw-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  .uw-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  .uw-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .uw-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  .uw-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  .uw-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  .uw-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  .uw-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  .uw-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  .uw-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .uw-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  .uw-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  .uw-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  .uw-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  .uw-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  .uw-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  .uw-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .uw-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  .uw-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  .uw-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  .uw-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  .uw-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  .uw-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  .uw-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .uw-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  .uw-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  .uw-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  .uw-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  .uw-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  .uw-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  .uw-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .uw-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  .uw-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  .uw-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  .uw-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  .uw-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  .uw-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  .uw-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .uw-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  .uw-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  .uw-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  .uw-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  .uw-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  .uw-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  .uw-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .uw-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  .uw-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  .uw-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  .uw-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  .uw-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  .uw-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  .uw-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .uw-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  .uw-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  .uw-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  .uw-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  .uw-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  .uw-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  .uw-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .uw-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  .uw-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  .uw-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  .uw-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  .uw-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  .uw-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  .uw-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .uw-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  .uw-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  .uw-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  .uw-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  .uw-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  .uw-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  .uw-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .uw-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  .uw-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  .uw-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  .uw-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  .uw-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  .uw-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  .uw-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .uw-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  .uw-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  .uw-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  .uw-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  .uw-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  .uw-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  .uw-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .uw-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  .uw-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  .uw-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  .uw-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  .uw-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  .uw-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  .uw-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .uw-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  .uw-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  .uw-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  .uw-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  .uw-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  .uw-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  .uw-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .uw-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  .uw-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  .uw-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  .uw-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  .uw-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  .uw-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  .uw-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .uw-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  .uw-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  .uw-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  .uw-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  .uw-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  .uw-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  .uw-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .uw-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  .uw-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  .uw-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  .uw-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  .uw-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  .uw-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  .uw-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .uw-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  .uw-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  .uw-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  .uw-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  .uw-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  .uw-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  .uw-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .uw-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  .uw-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  .uw-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  .uw-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  .uw-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  .uw-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  .uw-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .uw-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  .uw-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  .uw-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  .uw-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  .uw-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  .uw-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  .uw-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .uw-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  .uw-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  .uw-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  .uw-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  .uw-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  .uw-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  .uw-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .uw-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  .uw-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  .uw-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  .uw-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  .uw-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  .uw-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  .uw-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .uw-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  .uw-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  .uw-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  .uw-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  .uw-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  .uw-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  .uw-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .uw-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  .uw-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  .uw-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  .uw-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  .uw-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  .uw-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  .uw-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .uw-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  .uw-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  .uw-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  .uw-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  .uw-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  .uw-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  .uw-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .uw-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  .uw-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  .uw-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  .uw-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  .uw-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  .uw-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  .uw-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .uw-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  .uw-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  .uw-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  .uw-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  .uw-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  .uw-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  .uw-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .uw-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  .uw-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  .uw-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  .uw-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  .uw-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  .uw-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  .uw-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .uw-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  .uw-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  .uw-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  .uw-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  .uw-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  .uw-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  .uw-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .uw-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  .uw-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  .uw-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  .uw-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  .uw-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  .uw-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  .uw-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .uw-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  .uw-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  .uw-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  .uw-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  .uw-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  .uw-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  .uw-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .uw-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  .uw-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  .uw-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  .uw-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  .uw-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  .uw-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  .uw-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .uw-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  .uw-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  .uw-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  .uw-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  .uw-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  .uw-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  .uw-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .uw-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  .uw-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  .uw-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  .uw-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  .uw-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  .uw-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  .uw-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .uw-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  .uw-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  .uw-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  .uw-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  .uw-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  .uw-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  .uw-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .uw-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  .uw-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  .uw-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  .uw-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  .uw-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  .uw-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  .uw-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .uw-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  .uw-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  .uw-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  .uw-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  .uw-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  .uw-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  .uw-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .uw-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  .uw-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  .uw-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  .uw-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  .uw-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  .uw-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  .uw-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .uw-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  .uw-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  .uw-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  .uw-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  .uw-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  .uw-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  .uw-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .uw-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  .uw-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  .uw-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  .uw-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  .uw-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  .uw-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  .uw-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .uw-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  .uw-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  .uw-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  .uw-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  .uw-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  .uw-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  .uw-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .uw-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  .uw-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  .uw-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  .uw-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  .uw-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  .uw-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  .uw-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .uw-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  .uw-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  .uw-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  .uw-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  .uw-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  .uw-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  .uw-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .uw-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  .uw-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  .uw-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  .uw-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  .uw-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  .uw-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  .uw-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .uw-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  .uw-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  .uw-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  .uw-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  .uw-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  .uw-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  .uw-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .uw-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  .uw-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  .uw-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  .uw-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  .uw-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  .uw-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  .uw-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .uw-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  .uw-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  .uw-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  .uw-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  .uw-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  .uw-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  .uw-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .uw-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  .uw-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  .uw-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  .uw-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  .uw-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  .uw-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  .uw-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .uw-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  .uw-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  .uw-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  .uw-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  .uw-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  .uw-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  .uw-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .uw-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  .uw-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  .uw-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  .uw-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  .uw-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  .uw-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  .uw-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .uw-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  .uw-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  .uw-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  .uw-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  .uw-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  .uw-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  .uw-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .uw-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  .uw-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  .uw-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  .uw-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  .uw-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  .uw-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  .uw-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .uw-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  .uw-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  .uw-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  .uw-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  .uw-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  .uw-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  .uw-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .uw-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  .uw-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  .uw-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  .uw-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  .uw-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  .uw-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  .uw-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .uw-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  .uw-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  .uw-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  .uw-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  .uw-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  .uw-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  .uw-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .uw-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  .uw-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  .uw-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  .uw-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  .uw-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  .uw-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  .uw-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .uw-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  .uw-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  .uw-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  .uw-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  .uw-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  .uw-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  .uw-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .uw-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  .uw-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  .uw-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  .uw-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  .uw-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  .uw-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  .uw-outline-green-50 { outline-color: var(--quanta-green-50); }
  .uw-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  .uw-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  .uw-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  .uw-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  .uw-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  .uw-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  .uw-outline-green-100 { outline-color: var(--quanta-green-100); }
  .uw-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  .uw-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  .uw-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  .uw-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  .uw-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  .uw-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  .uw-outline-green-200 { outline-color: var(--quanta-green-200); }
  .uw-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  .uw-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  .uw-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  .uw-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  .uw-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  .uw-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  .uw-outline-green-300 { outline-color: var(--quanta-green-300); }
  .uw-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  .uw-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  .uw-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  .uw-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  .uw-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  .uw-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  .uw-outline-green-400 { outline-color: var(--quanta-green-400); }
  .uw-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  .uw-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  .uw-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  .uw-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  .uw-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  .uw-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  .uw-outline-green-500 { outline-color: var(--quanta-green-500); }
  .uw-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  .uw-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  .uw-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  .uw-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  .uw-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  .uw-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  .uw-outline-green-600 { outline-color: var(--quanta-green-600); }
  .uw-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  .uw-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  .uw-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  .uw-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  .uw-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  .uw-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  .uw-outline-green-700 { outline-color: var(--quanta-green-700); }
  .uw-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  .uw-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  .uw-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  .uw-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  .uw-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  .uw-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  .uw-outline-green-800 { outline-color: var(--quanta-green-800); }
  .uw-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  .uw-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  .uw-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  .uw-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  .uw-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  .uw-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  .uw-outline-green-900 { outline-color: var(--quanta-green-900); }
  .uw-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  .uw-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  .uw-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  .uw-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  .uw-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  .uw-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  .uw-outline-black { outline-color: var(--black); }
  .uw-hover-outline-black:hover { outline-color: var(--black); }
  .uw-focus-outline-black:focus { outline-color: var(--black); }
  .uw-active-outline-black:active { outline-color: var(--black); }
  .uw-disabled-outline-black:disabled { outline-color: var(--black); }
  .uw-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  .uw-focus-within-outline-black:focus-within { outline-color: var(--black); }
  .uw-group:hover .uw-group-hover-outline-black { outline-color: var(--black); }
  .uw-outline-white { outline-color: var(--white); }
  .uw-hover-outline-white:hover { outline-color: var(--white); }
  .uw-focus-outline-white:focus { outline-color: var(--white); }
  .uw-active-outline-white:active { outline-color: var(--white); }
  .uw-disabled-outline-white:disabled { outline-color: var(--white); }
  .uw-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  .uw-focus-within-outline-white:focus-within { outline-color: var(--white); }
  .uw-group:hover .uw-group-hover-outline-white { outline-color: var(--white); }
  .uw-ring-sm { --ring-width: 0.125rem; }
  .uw-hover-ring-sm:hover { --ring-width: 0.125rem; }
  .uw-focus-ring-sm:focus { --ring-width: 0.125rem; }
  .uw-active-ring-sm:active { --ring-width: 0.125rem; }
  .uw-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  .uw-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  .uw-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  .uw-group:hover .uw-group-hover-ring-sm { --ring-width: 0.125rem; }
  .uw-ring-md { --ring-width: 0.5rem; }
  .uw-hover-ring-md:hover { --ring-width: 0.5rem; }
  .uw-focus-ring-md:focus { --ring-width: 0.5rem; }
  .uw-active-ring-md:active { --ring-width: 0.5rem; }
  .uw-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  .uw-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  .uw-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  .uw-group:hover .uw-group-hover-ring-md { --ring-width: 0.5rem; }
  .uw-ring-lg { --ring-width: 1rem; }
  .uw-hover-ring-lg:hover { --ring-width: 1rem; }
  .uw-focus-ring-lg:focus { --ring-width: 1rem; }
  .uw-active-ring-lg:active { --ring-width: 1rem; }
  .uw-disabled-ring-lg:disabled { --ring-width: 1rem; }
  .uw-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  .uw-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  .uw-group:hover .uw-group-hover-ring-lg { --ring-width: 1rem; }
  .uw-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-group:hover .uw-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  .uw-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-group:hover .uw-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  .uw-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-group:hover .uw-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  .uw-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  .uw-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-group:hover .uw-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  .uw-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-group:hover .uw-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  .uw-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .uw-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  .uw-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  .uw-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  .uw-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  .uw-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  .uw-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  .uw-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .uw-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  .uw-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  .uw-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  .uw-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  .uw-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  .uw-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  .uw-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .uw-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  .uw-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  .uw-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  .uw-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  .uw-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  .uw-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  .uw-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .uw-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  .uw-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  .uw-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  .uw-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  .uw-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  .uw-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  .uw-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .uw-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  .uw-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  .uw-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  .uw-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  .uw-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  .uw-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  .uw-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .uw-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  .uw-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  .uw-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  .uw-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  .uw-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  .uw-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  .uw-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .uw-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  .uw-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  .uw-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  .uw-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  .uw-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  .uw-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  .uw-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .uw-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  .uw-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  .uw-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  .uw-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  .uw-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  .uw-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  .uw-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .uw-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  .uw-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  .uw-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  .uw-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  .uw-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  .uw-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  .uw-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .uw-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  .uw-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  .uw-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  .uw-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  .uw-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  .uw-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  .uw-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  .uw-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  .uw-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  .uw-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  .uw-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  .uw-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  .uw-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  .uw-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  .uw-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  .uw-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  .uw-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  .uw-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  .uw-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  .uw-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  .uw-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  .uw-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  .uw-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  .uw-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  .uw-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  .uw-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  .uw-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  .uw-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  .uw-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  .uw-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  .uw-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  .uw-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  .uw-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  .uw-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  .uw-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  .uw-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  .uw-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  .uw-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  .uw-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  .uw-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  .uw-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  .uw-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  .uw-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  .uw-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  .uw-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  .uw-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  .uw-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  .uw-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  .uw-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  .uw-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  .uw-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  .uw-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  .uw-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  .uw-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  .uw-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  .uw-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  .uw-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  .uw-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  .uw-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  .uw-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  .uw-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  .uw-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  .uw-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  .uw-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  .uw-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  .uw-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  .uw-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  .uw-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  .uw-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  .uw-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  .uw-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  .uw-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  .uw-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  .uw-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  .uw-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  .uw-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  .uw-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  .uw-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  .uw-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  .uw-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  .uw-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  .uw-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  .uw-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  .uw-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  .uw-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  .uw-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  .uw-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  .uw-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  .uw-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  .uw-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  .uw-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  .uw-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  .uw-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  .uw-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  .uw-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  .uw-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  .uw-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  .uw-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  .uw-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  .uw-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  .uw-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  .uw-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  .uw-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  .uw-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  .uw-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  .uw-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  .uw-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  .uw-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  .uw-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  .uw-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  .uw-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  .uw-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  .uw-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  .uw-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  .uw-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  .uw-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  .uw-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  .uw-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  .uw-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  .uw-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  .uw-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  .uw-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  .uw-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  .uw-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  .uw-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  .uw-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  .uw-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  .uw-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  .uw-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  .uw-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  .uw-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  .uw-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  .uw-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  .uw-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  .uw-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  .uw-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  .uw-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  .uw-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  .uw-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  .uw-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  .uw-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  .uw-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  .uw-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  .uw-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  .uw-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  .uw-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  .uw-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  .uw-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  .uw-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  .uw-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  .uw-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  .uw-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  .uw-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  .uw-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  .uw-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  .uw-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  .uw-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  .uw-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  .uw-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  .uw-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  .uw-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  .uw-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  .uw-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  .uw-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  .uw-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  .uw-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  .uw-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .uw-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  .uw-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  .uw-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  .uw-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  .uw-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  .uw-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  .uw-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .uw-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  .uw-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  .uw-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  .uw-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  .uw-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  .uw-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  .uw-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .uw-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  .uw-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  .uw-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  .uw-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  .uw-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  .uw-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  .uw-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .uw-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  .uw-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  .uw-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  .uw-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  .uw-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  .uw-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  .uw-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .uw-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  .uw-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  .uw-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  .uw-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  .uw-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  .uw-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  .uw-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .uw-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  .uw-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  .uw-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  .uw-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  .uw-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  .uw-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  .uw-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .uw-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  .uw-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  .uw-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  .uw-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  .uw-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  .uw-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  .uw-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .uw-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  .uw-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  .uw-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  .uw-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  .uw-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  .uw-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  .uw-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .uw-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  .uw-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  .uw-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  .uw-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  .uw-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  .uw-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  .uw-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .uw-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  .uw-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  .uw-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  .uw-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  .uw-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  .uw-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  .uw-ring-black { --quanta-ring-color: var(--black); }
  .uw-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  .uw-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  .uw-active-ring-black:active { --quanta-ring-color: var(--black); }
  .uw-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  .uw-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  .uw-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  .uw-group:hover .uw-group-hover-ring-black { --quanta-ring-color: var(--black); }
  .uw-ring-white { --quanta-ring-color: var(--white); }
  .uw-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  .uw-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  .uw-active-ring-white:active { --quanta-ring-color: var(--white); }
  .uw-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  .uw-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  .uw-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  .uw-group:hover .uw-group-hover-ring-white { --quanta-ring-color: var(--white); }
  .uw-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  .uw-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  .uw-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  .uw-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  .uw-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  .uw-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  .uw-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  .uw-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  .uw-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  .uw-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  .uw-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  .uw-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  .uw-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  .uw-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  .uw-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  .uw-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  .uw-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  .uw-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  .uw-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  .uw-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  .uw-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  .uw-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  .uw-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  .uw-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  .uw-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  .uw-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  .uw-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  .uw-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  .uw-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  .uw-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  .uw-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  .uw-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  .uw-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  .uw-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  .uw-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  .uw-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  .uw-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  .uw-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  .uw-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  .uw-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  .uw-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  .uw-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  .uw-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  .uw-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  .uw-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  .uw-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  .uw-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  .uw-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  .uw-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  .uw-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  .uw-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  .uw-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  .uw-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  .uw-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  .uw-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  .uw-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  .uw-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  .uw-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  .uw-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  .uw-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  .uw-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  .uw-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  .uw-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  .uw-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  .uw-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  .uw-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  .uw-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  .uw-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  .uw-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  .uw-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  .uw-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  .uw-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  .uw-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  .uw-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  .uw-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  .uw-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  .uw-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  .uw-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  .uw-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  .uw-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  .uw-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  .uw-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  .uw-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  .uw-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  .uw-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  .uw-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  .uw-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  .uw-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  .uw-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  .uw-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  .uw-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  .uw-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  .uw-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  .uw-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  .uw-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  .uw-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  .uw-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  .uw-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  .uw-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  .uw-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  .uw-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  .uw-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  .uw-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  .uw-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  .uw-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  .uw-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  .uw-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  .uw-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  .uw-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  .uw-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  .uw-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  .uw-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  .uw-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  .uw-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  .uw-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  .uw-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  .uw-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  .uw-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  .uw-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  .uw-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  .uw-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  .uw-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  .uw-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  .uw-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  .uw-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  .uw-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  .uw-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  .uw-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  .uw-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  .uw-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  .uw-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  .uw-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  .uw-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  .uw-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  .uw-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  .uw-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  .uw-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  .uw-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  .uw-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  .uw-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  .uw-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  .uw-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  .uw-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  .uw-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  .uw-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  .uw-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  .uw-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  .uw-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  .uw-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  .uw-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  .uw-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  .uw-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  .uw-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  .uw-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  .uw-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  .uw-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  .uw-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  .uw-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  .uw-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  .uw-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  .uw-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  .uw-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  .uw-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  .uw-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  .uw-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  .uw-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  .uw-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  .uw-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  .uw-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  .uw-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  .uw-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  .uw-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  .uw-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  .uw-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  .uw-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  .uw-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  .uw-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  .uw-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  .uw-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  .uw-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  .uw-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .uw-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  .uw-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  .uw-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  .uw-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  .uw-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  .uw-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  .uw-group:hover .uw-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  .uw-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .uw-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  .uw-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  .uw-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  .uw-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  .uw-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  .uw-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  .uw-group:hover .uw-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  .uw-bg-tp-05 { --bg-opacity: 0.05; }
  .uw-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  .uw-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  .uw-active-bg-tp-05:active { --bg-opacity: 0.05; }
  .uw-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  .uw-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  .uw-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  .uw-group:hover .uw-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  .uw-bg-tp-10 { --bg-opacity: 0.10; }
  .uw-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  .uw-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  .uw-active-bg-tp-10:active { --bg-opacity: 0.10; }
  .uw-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  .uw-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  .uw-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  .uw-group:hover .uw-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  .uw-bg-tp-15 { --bg-opacity: 0.15; }
  .uw-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  .uw-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  .uw-active-bg-tp-15:active { --bg-opacity: 0.15; }
  .uw-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  .uw-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  .uw-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  .uw-group:hover .uw-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  .uw-bg-tp-20 { --bg-opacity: 0.20; }
  .uw-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  .uw-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  .uw-active-bg-tp-20:active { --bg-opacity: 0.20; }
  .uw-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  .uw-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  .uw-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  .uw-group:hover .uw-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  .uw-bg-tp-25 { --bg-opacity: 0.25; }
  .uw-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  .uw-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  .uw-active-bg-tp-25:active { --bg-opacity: 0.25; }
  .uw-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  .uw-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  .uw-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  .uw-group:hover .uw-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  .uw-bg-tp-30 { --bg-opacity: 0.30; }
  .uw-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  .uw-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  .uw-active-bg-tp-30:active { --bg-opacity: 0.30; }
  .uw-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  .uw-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  .uw-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  .uw-group:hover .uw-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  .uw-bg-tp-35 { --bg-opacity: 0.35; }
  .uw-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  .uw-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  .uw-active-bg-tp-35:active { --bg-opacity: 0.35; }
  .uw-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  .uw-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  .uw-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  .uw-group:hover .uw-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  .uw-bg-tp-40 { --bg-opacity: 0.40; }
  .uw-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  .uw-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  .uw-active-bg-tp-40:active { --bg-opacity: 0.40; }
  .uw-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  .uw-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  .uw-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  .uw-group:hover .uw-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  .uw-bg-tp-45 { --bg-opacity: 0.45; }
  .uw-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  .uw-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  .uw-active-bg-tp-45:active { --bg-opacity: 0.45; }
  .uw-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  .uw-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  .uw-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  .uw-group:hover .uw-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  .uw-bg-tp-50 { --bg-opacity: 0.50; }
  .uw-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  .uw-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  .uw-active-bg-tp-50:active { --bg-opacity: 0.50; }
  .uw-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  .uw-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  .uw-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  .uw-group:hover .uw-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  .uw-bg-tp-55 { --bg-opacity: 0.55; }
  .uw-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  .uw-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  .uw-active-bg-tp-55:active { --bg-opacity: 0.55; }
  .uw-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  .uw-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  .uw-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  .uw-group:hover .uw-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  .uw-bg-tp-60 { --bg-opacity: 0.60; }
  .uw-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  .uw-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  .uw-active-bg-tp-60:active { --bg-opacity: 0.60; }
  .uw-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  .uw-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  .uw-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  .uw-group:hover .uw-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  .uw-bg-tp-65 { --bg-opacity: 0.65; }
  .uw-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  .uw-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  .uw-active-bg-tp-65:active { --bg-opacity: 0.65; }
  .uw-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  .uw-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  .uw-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  .uw-group:hover .uw-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  .uw-bg-tp-70 { --bg-opacity: 0.70; }
  .uw-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  .uw-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  .uw-active-bg-tp-70:active { --bg-opacity: 0.70; }
  .uw-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  .uw-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  .uw-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  .uw-group:hover .uw-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  .uw-bg-tp-75 { --bg-opacity: 0.75; }
  .uw-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  .uw-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  .uw-active-bg-tp-75:active { --bg-opacity: 0.75; }
  .uw-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  .uw-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  .uw-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  .uw-group:hover .uw-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  .uw-bg-tp-80 { --bg-opacity: 0.80; }
  .uw-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  .uw-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  .uw-active-bg-tp-80:active { --bg-opacity: 0.80; }
  .uw-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  .uw-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  .uw-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  .uw-group:hover .uw-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  .uw-bg-tp-85 { --bg-opacity: 0.85; }
  .uw-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  .uw-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  .uw-active-bg-tp-85:active { --bg-opacity: 0.85; }
  .uw-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  .uw-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  .uw-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  .uw-group:hover .uw-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  .uw-bg-tp-90 { --bg-opacity: 0.90; }
  .uw-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  .uw-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  .uw-active-bg-tp-90:active { --bg-opacity: 0.90; }
  .uw-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  .uw-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  .uw-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  .uw-group:hover .uw-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  .uw-bg-tp-95 { --bg-opacity: 0.95; }
  .uw-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  .uw-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  .uw-active-bg-tp-95:active { --bg-opacity: 0.95; }
  .uw-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  .uw-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  .uw-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  .uw-group:hover .uw-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  .uw-bg-tp-100 { --bg-opacity: 1; }
  .uw-hover-bg-tp-100:hover { --bg-opacity: 1; }
  .uw-focus-bg-tp-100:focus { --bg-opacity: 1; }
  .uw-active-bg-tp-100:active { --bg-opacity: 1; }
  .uw-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  .uw-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  .uw-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  .uw-group:hover .uw-group-hover-bg-tp-100 { --bg-opacity: 1; }
  .uw-text-tp-05 { --text-opacity: 0.05; }
  .uw-hover-text-tp-05:hover { --text-opacity: 0.05; }
  .uw-focus-text-tp-05:focus { --text-opacity: 0.05; }
  .uw-active-text-tp-05:active { --text-opacity: 0.05; }
  .uw-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  .uw-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  .uw-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  .uw-group:hover .uw-group-hover-text-tp-05 { --text-opacity: 0.05; }
  .uw-text-tp-10 { --text-opacity: 0.10; }
  .uw-hover-text-tp-10:hover { --text-opacity: 0.10; }
  .uw-focus-text-tp-10:focus { --text-opacity: 0.10; }
  .uw-active-text-tp-10:active { --text-opacity: 0.10; }
  .uw-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  .uw-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  .uw-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  .uw-group:hover .uw-group-hover-text-tp-10 { --text-opacity: 0.10; }
  .uw-text-tp-15 { --text-opacity: 0.15; }
  .uw-hover-text-tp-15:hover { --text-opacity: 0.15; }
  .uw-focus-text-tp-15:focus { --text-opacity: 0.15; }
  .uw-active-text-tp-15:active { --text-opacity: 0.15; }
  .uw-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  .uw-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  .uw-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  .uw-group:hover .uw-group-hover-text-tp-15 { --text-opacity: 0.15; }
  .uw-text-tp-20 { --text-opacity: 0.20; }
  .uw-hover-text-tp-20:hover { --text-opacity: 0.20; }
  .uw-focus-text-tp-20:focus { --text-opacity: 0.20; }
  .uw-active-text-tp-20:active { --text-opacity: 0.20; }
  .uw-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  .uw-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  .uw-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  .uw-group:hover .uw-group-hover-text-tp-20 { --text-opacity: 0.20; }
  .uw-text-tp-25 { --text-opacity: 0.25; }
  .uw-hover-text-tp-25:hover { --text-opacity: 0.25; }
  .uw-focus-text-tp-25:focus { --text-opacity: 0.25; }
  .uw-active-text-tp-25:active { --text-opacity: 0.25; }
  .uw-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  .uw-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  .uw-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  .uw-group:hover .uw-group-hover-text-tp-25 { --text-opacity: 0.25; }
  .uw-text-tp-30 { --text-opacity: 0.30; }
  .uw-hover-text-tp-30:hover { --text-opacity: 0.30; }
  .uw-focus-text-tp-30:focus { --text-opacity: 0.30; }
  .uw-active-text-tp-30:active { --text-opacity: 0.30; }
  .uw-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  .uw-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  .uw-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  .uw-group:hover .uw-group-hover-text-tp-30 { --text-opacity: 0.30; }
  .uw-text-tp-35 { --text-opacity: 0.35; }
  .uw-hover-text-tp-35:hover { --text-opacity: 0.35; }
  .uw-focus-text-tp-35:focus { --text-opacity: 0.35; }
  .uw-active-text-tp-35:active { --text-opacity: 0.35; }
  .uw-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  .uw-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  .uw-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  .uw-group:hover .uw-group-hover-text-tp-35 { --text-opacity: 0.35; }
  .uw-text-tp-40 { --text-opacity: 0.40; }
  .uw-hover-text-tp-40:hover { --text-opacity: 0.40; }
  .uw-focus-text-tp-40:focus { --text-opacity: 0.40; }
  .uw-active-text-tp-40:active { --text-opacity: 0.40; }
  .uw-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  .uw-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  .uw-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  .uw-group:hover .uw-group-hover-text-tp-40 { --text-opacity: 0.40; }
  .uw-text-tp-45 { --text-opacity: 0.45; }
  .uw-hover-text-tp-45:hover { --text-opacity: 0.45; }
  .uw-focus-text-tp-45:focus { --text-opacity: 0.45; }
  .uw-active-text-tp-45:active { --text-opacity: 0.45; }
  .uw-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  .uw-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  .uw-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  .uw-group:hover .uw-group-hover-text-tp-45 { --text-opacity: 0.45; }
  .uw-text-tp-50 { --text-opacity: 0.50; }
  .uw-hover-text-tp-50:hover { --text-opacity: 0.50; }
  .uw-focus-text-tp-50:focus { --text-opacity: 0.50; }
  .uw-active-text-tp-50:active { --text-opacity: 0.50; }
  .uw-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  .uw-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  .uw-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  .uw-group:hover .uw-group-hover-text-tp-50 { --text-opacity: 0.50; }
  .uw-text-tp-55 { --text-opacity: 0.55; }
  .uw-hover-text-tp-55:hover { --text-opacity: 0.55; }
  .uw-focus-text-tp-55:focus { --text-opacity: 0.55; }
  .uw-active-text-tp-55:active { --text-opacity: 0.55; }
  .uw-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  .uw-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  .uw-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  .uw-group:hover .uw-group-hover-text-tp-55 { --text-opacity: 0.55; }
  .uw-text-tp-60 { --text-opacity: 0.60; }
  .uw-hover-text-tp-60:hover { --text-opacity: 0.60; }
  .uw-focus-text-tp-60:focus { --text-opacity: 0.60; }
  .uw-active-text-tp-60:active { --text-opacity: 0.60; }
  .uw-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  .uw-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  .uw-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  .uw-group:hover .uw-group-hover-text-tp-60 { --text-opacity: 0.60; }
  .uw-text-tp-65 { --text-opacity: 0.65; }
  .uw-hover-text-tp-65:hover { --text-opacity: 0.65; }
  .uw-focus-text-tp-65:focus { --text-opacity: 0.65; }
  .uw-active-text-tp-65:active { --text-opacity: 0.65; }
  .uw-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  .uw-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  .uw-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  .uw-group:hover .uw-group-hover-text-tp-65 { --text-opacity: 0.65; }
  .uw-text-tp-70 { --text-opacity: 0.70; }
  .uw-hover-text-tp-70:hover { --text-opacity: 0.70; }
  .uw-focus-text-tp-70:focus { --text-opacity: 0.70; }
  .uw-active-text-tp-70:active { --text-opacity: 0.70; }
  .uw-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  .uw-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  .uw-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  .uw-group:hover .uw-group-hover-text-tp-70 { --text-opacity: 0.70; }
  .uw-text-tp-75 { --text-opacity: 0.75; }
  .uw-hover-text-tp-75:hover { --text-opacity: 0.75; }
  .uw-focus-text-tp-75:focus { --text-opacity: 0.75; }
  .uw-active-text-tp-75:active { --text-opacity: 0.75; }
  .uw-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  .uw-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  .uw-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  .uw-group:hover .uw-group-hover-text-tp-75 { --text-opacity: 0.75; }
  .uw-text-tp-80 { --text-opacity: 0.80; }
  .uw-hover-text-tp-80:hover { --text-opacity: 0.80; }
  .uw-focus-text-tp-80:focus { --text-opacity: 0.80; }
  .uw-active-text-tp-80:active { --text-opacity: 0.80; }
  .uw-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  .uw-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  .uw-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  .uw-group:hover .uw-group-hover-text-tp-80 { --text-opacity: 0.80; }
  .uw-text-tp-85 { --text-opacity: 0.85; }
  .uw-hover-text-tp-85:hover { --text-opacity: 0.85; }
  .uw-focus-text-tp-85:focus { --text-opacity: 0.85; }
  .uw-active-text-tp-85:active { --text-opacity: 0.85; }
  .uw-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  .uw-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  .uw-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  .uw-group:hover .uw-group-hover-text-tp-85 { --text-opacity: 0.85; }
  .uw-text-tp-90 { --text-opacity: 0.90; }
  .uw-hover-text-tp-90:hover { --text-opacity: 0.90; }
  .uw-focus-text-tp-90:focus { --text-opacity: 0.90; }
  .uw-active-text-tp-90:active { --text-opacity: 0.90; }
  .uw-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  .uw-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  .uw-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  .uw-group:hover .uw-group-hover-text-tp-90 { --text-opacity: 0.90; }
  .uw-text-tp-95 { --text-opacity: 0.95; }
  .uw-hover-text-tp-95:hover { --text-opacity: 0.95; }
  .uw-focus-text-tp-95:focus { --text-opacity: 0.95; }
  .uw-active-text-tp-95:active { --text-opacity: 0.95; }
  .uw-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  .uw-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  .uw-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  .uw-group:hover .uw-group-hover-text-tp-95 { --text-opacity: 0.95; }
  .uw-text-tp-100 { --text-opacity: 1; }
  .uw-hover-text-tp-100:hover { --text-opacity: 1; }
  .uw-focus-text-tp-100:focus { --text-opacity: 1; }
  .uw-active-text-tp-100:active { --text-opacity: 1; }
  .uw-disabled-text-tp-100:disabled { --text-opacity: 1; }
  .uw-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  .uw-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  .uw-group:hover .uw-group-hover-text-tp-100 { --text-opacity: 1; }
  .uw-border-tp-05 { --border-opacity: 0.05; }
  .uw-hover-border-tp-05:hover { --border-opacity: 0.05; }
  .uw-focus-border-tp-05:focus { --border-opacity: 0.05; }
  .uw-active-border-tp-05:active { --border-opacity: 0.05; }
  .uw-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  .uw-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  .uw-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  .uw-group:hover .uw-group-hover-border-tp-05 { --border-opacity: 0.05; }
  .uw-border-tp-10 { --border-opacity: 0.10; }
  .uw-hover-border-tp-10:hover { --border-opacity: 0.10; }
  .uw-focus-border-tp-10:focus { --border-opacity: 0.10; }
  .uw-active-border-tp-10:active { --border-opacity: 0.10; }
  .uw-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  .uw-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  .uw-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  .uw-group:hover .uw-group-hover-border-tp-10 { --border-opacity: 0.10; }
  .uw-border-tp-15 { --border-opacity: 0.15; }
  .uw-hover-border-tp-15:hover { --border-opacity: 0.15; }
  .uw-focus-border-tp-15:focus { --border-opacity: 0.15; }
  .uw-active-border-tp-15:active { --border-opacity: 0.15; }
  .uw-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  .uw-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  .uw-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  .uw-group:hover .uw-group-hover-border-tp-15 { --border-opacity: 0.15; }
  .uw-border-tp-20 { --border-opacity: 0.20; }
  .uw-hover-border-tp-20:hover { --border-opacity: 0.20; }
  .uw-focus-border-tp-20:focus { --border-opacity: 0.20; }
  .uw-active-border-tp-20:active { --border-opacity: 0.20; }
  .uw-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  .uw-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  .uw-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  .uw-group:hover .uw-group-hover-border-tp-20 { --border-opacity: 0.20; }
  .uw-border-tp-25 { --border-opacity: 0.25; }
  .uw-hover-border-tp-25:hover { --border-opacity: 0.25; }
  .uw-focus-border-tp-25:focus { --border-opacity: 0.25; }
  .uw-active-border-tp-25:active { --border-opacity: 0.25; }
  .uw-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  .uw-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  .uw-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  .uw-group:hover .uw-group-hover-border-tp-25 { --border-opacity: 0.25; }
  .uw-border-tp-30 { --border-opacity: 0.30; }
  .uw-hover-border-tp-30:hover { --border-opacity: 0.30; }
  .uw-focus-border-tp-30:focus { --border-opacity: 0.30; }
  .uw-active-border-tp-30:active { --border-opacity: 0.30; }
  .uw-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  .uw-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  .uw-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  .uw-group:hover .uw-group-hover-border-tp-30 { --border-opacity: 0.30; }
  .uw-border-tp-35 { --border-opacity: 0.35; }
  .uw-hover-border-tp-35:hover { --border-opacity: 0.35; }
  .uw-focus-border-tp-35:focus { --border-opacity: 0.35; }
  .uw-active-border-tp-35:active { --border-opacity: 0.35; }
  .uw-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  .uw-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  .uw-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  .uw-group:hover .uw-group-hover-border-tp-35 { --border-opacity: 0.35; }
  .uw-border-tp-40 { --border-opacity: 0.40; }
  .uw-hover-border-tp-40:hover { --border-opacity: 0.40; }
  .uw-focus-border-tp-40:focus { --border-opacity: 0.40; }
  .uw-active-border-tp-40:active { --border-opacity: 0.40; }
  .uw-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  .uw-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  .uw-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  .uw-group:hover .uw-group-hover-border-tp-40 { --border-opacity: 0.40; }
  .uw-border-tp-45 { --border-opacity: 0.45; }
  .uw-hover-border-tp-45:hover { --border-opacity: 0.45; }
  .uw-focus-border-tp-45:focus { --border-opacity: 0.45; }
  .uw-active-border-tp-45:active { --border-opacity: 0.45; }
  .uw-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  .uw-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  .uw-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  .uw-group:hover .uw-group-hover-border-tp-45 { --border-opacity: 0.45; }
  .uw-border-tp-50 { --border-opacity: 0.50; }
  .uw-hover-border-tp-50:hover { --border-opacity: 0.50; }
  .uw-focus-border-tp-50:focus { --border-opacity: 0.50; }
  .uw-active-border-tp-50:active { --border-opacity: 0.50; }
  .uw-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  .uw-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  .uw-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  .uw-group:hover .uw-group-hover-border-tp-50 { --border-opacity: 0.50; }
  .uw-border-tp-55 { --border-opacity: 0.55; }
  .uw-hover-border-tp-55:hover { --border-opacity: 0.55; }
  .uw-focus-border-tp-55:focus { --border-opacity: 0.55; }
  .uw-active-border-tp-55:active { --border-opacity: 0.55; }
  .uw-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  .uw-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  .uw-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  .uw-group:hover .uw-group-hover-border-tp-55 { --border-opacity: 0.55; }
  .uw-border-tp-60 { --border-opacity: 0.60; }
  .uw-hover-border-tp-60:hover { --border-opacity: 0.60; }
  .uw-focus-border-tp-60:focus { --border-opacity: 0.60; }
  .uw-active-border-tp-60:active { --border-opacity: 0.60; }
  .uw-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  .uw-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  .uw-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  .uw-group:hover .uw-group-hover-border-tp-60 { --border-opacity: 0.60; }
  .uw-border-tp-65 { --border-opacity: 0.65; }
  .uw-hover-border-tp-65:hover { --border-opacity: 0.65; }
  .uw-focus-border-tp-65:focus { --border-opacity: 0.65; }
  .uw-active-border-tp-65:active { --border-opacity: 0.65; }
  .uw-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  .uw-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  .uw-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  .uw-group:hover .uw-group-hover-border-tp-65 { --border-opacity: 0.65; }
  .uw-border-tp-70 { --border-opacity: 0.70; }
  .uw-hover-border-tp-70:hover { --border-opacity: 0.70; }
  .uw-focus-border-tp-70:focus { --border-opacity: 0.70; }
  .uw-active-border-tp-70:active { --border-opacity: 0.70; }
  .uw-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  .uw-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  .uw-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  .uw-group:hover .uw-group-hover-border-tp-70 { --border-opacity: 0.70; }
  .uw-border-tp-75 { --border-opacity: 0.75; }
  .uw-hover-border-tp-75:hover { --border-opacity: 0.75; }
  .uw-focus-border-tp-75:focus { --border-opacity: 0.75; }
  .uw-active-border-tp-75:active { --border-opacity: 0.75; }
  .uw-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  .uw-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  .uw-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  .uw-group:hover .uw-group-hover-border-tp-75 { --border-opacity: 0.75; }
  .uw-border-tp-80 { --border-opacity: 0.80; }
  .uw-hover-border-tp-80:hover { --border-opacity: 0.80; }
  .uw-focus-border-tp-80:focus { --border-opacity: 0.80; }
  .uw-active-border-tp-80:active { --border-opacity: 0.80; }
  .uw-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  .uw-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  .uw-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  .uw-group:hover .uw-group-hover-border-tp-80 { --border-opacity: 0.80; }
  .uw-border-tp-85 { --border-opacity: 0.85; }
  .uw-hover-border-tp-85:hover { --border-opacity: 0.85; }
  .uw-focus-border-tp-85:focus { --border-opacity: 0.85; }
  .uw-active-border-tp-85:active { --border-opacity: 0.85; }
  .uw-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  .uw-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  .uw-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  .uw-group:hover .uw-group-hover-border-tp-85 { --border-opacity: 0.85; }
  .uw-border-tp-90 { --border-opacity: 0.90; }
  .uw-hover-border-tp-90:hover { --border-opacity: 0.90; }
  .uw-focus-border-tp-90:focus { --border-opacity: 0.90; }
  .uw-active-border-tp-90:active { --border-opacity: 0.90; }
  .uw-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  .uw-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  .uw-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  .uw-group:hover .uw-group-hover-border-tp-90 { --border-opacity: 0.90; }
  .uw-border-tp-95 { --border-opacity: 0.95; }
  .uw-hover-border-tp-95:hover { --border-opacity: 0.95; }
  .uw-focus-border-tp-95:focus { --border-opacity: 0.95; }
  .uw-active-border-tp-95:active { --border-opacity: 0.95; }
  .uw-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  .uw-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  .uw-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  .uw-group:hover .uw-group-hover-border-tp-95 { --border-opacity: 0.95; }
  .uw-border-tp-100 { --border-opacity: 1; }
  .uw-hover-border-tp-100:hover { --border-opacity: 1; }
  .uw-focus-border-tp-100:focus { --border-opacity: 1; }
  .uw-active-border-tp-100:active { --border-opacity: 1; }
  .uw-disabled-border-tp-100:disabled { --border-opacity: 1; }
  .uw-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  .uw-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  .uw-group:hover .uw-group-hover-border-tp-100 { --border-opacity: 1; }
  .uw-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-group:hover .uw-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  .uw-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-group:hover .uw-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  .uw-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-group:hover .uw-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  .uw-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-group:hover .uw-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  .uw-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-group:hover .uw-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  .uw-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-group:hover .uw-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  .uw-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .uw-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  .uw-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  .uw-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  .uw-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  .uw-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  .uw-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  .uw-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .uw-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  .uw-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  .uw-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  .uw-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  .uw-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  .uw-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  .uw-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .uw-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  .uw-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  .uw-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  .uw-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  .uw-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  .uw-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  .uw-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .uw-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  .uw-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  .uw-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  .uw-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  .uw-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  .uw-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  .uw-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .uw-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  .uw-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  .uw-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  .uw-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  .uw-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  .uw-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  .uw-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .uw-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  .uw-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  .uw-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  .uw-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  .uw-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  .uw-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  .uw-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .uw-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  .uw-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  .uw-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  .uw-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  .uw-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  .uw-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  .uw-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .uw-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  .uw-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  .uw-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  .uw-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  .uw-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  .uw-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  .uw-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .uw-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  .uw-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  .uw-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  .uw-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  .uw-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  .uw-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  .uw-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .uw-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  .uw-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  .uw-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  .uw-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  .uw-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  .uw-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  .uw-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .uw-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  .uw-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  .uw-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  .uw-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  .uw-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  .uw-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  .uw-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .uw-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  .uw-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  .uw-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  .uw-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  .uw-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  .uw-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  .uw-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .uw-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  .uw-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  .uw-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  .uw-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  .uw-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  .uw-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  .uw-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .uw-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  .uw-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  .uw-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  .uw-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  .uw-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  .uw-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  .uw-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .uw-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  .uw-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  .uw-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  .uw-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  .uw-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  .uw-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  .uw-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .uw-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  .uw-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  .uw-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  .uw-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  .uw-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  .uw-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  .uw-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .uw-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  .uw-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  .uw-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  .uw-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  .uw-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  .uw-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  .uw-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .uw-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  .uw-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  .uw-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  .uw-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  .uw-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  .uw-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  .uw-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .uw-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  .uw-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  .uw-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  .uw-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  .uw-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  .uw-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  .uw-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .uw-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  .uw-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  .uw-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  .uw-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  .uw-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  .uw-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  .uw-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .uw-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  .uw-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  .uw-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  .uw-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  .uw-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  .uw-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  .uw-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .uw-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  .uw-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  .uw-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  .uw-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  .uw-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  .uw-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  .uw-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .uw-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  .uw-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  .uw-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  .uw-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  .uw-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  .uw-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  .uw-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .uw-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  .uw-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  .uw-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  .uw-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  .uw-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  .uw-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  .uw-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .uw-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  .uw-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  .uw-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  .uw-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  .uw-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  .uw-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  .uw-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .uw-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  .uw-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  .uw-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  .uw-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  .uw-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  .uw-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  .uw-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .uw-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  .uw-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  .uw-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  .uw-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  .uw-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  .uw-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  .uw-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .uw-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  .uw-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  .uw-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  .uw-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  .uw-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  .uw-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  .uw-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .uw-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  .uw-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  .uw-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  .uw-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  .uw-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  .uw-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  .uw-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .uw-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  .uw-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  .uw-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  .uw-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  .uw-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  .uw-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  .uw-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .uw-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  .uw-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  .uw-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  .uw-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  .uw-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  .uw-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  .uw-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .uw-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  .uw-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  .uw-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  .uw-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  .uw-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  .uw-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  .uw-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .uw-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  .uw-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  .uw-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  .uw-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  .uw-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  .uw-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  .uw-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .uw-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  .uw-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  .uw-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  .uw-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  .uw-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  .uw-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  .uw-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .uw-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  .uw-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  .uw-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  .uw-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  .uw-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  .uw-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  .uw-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .uw-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  .uw-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  .uw-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  .uw-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  .uw-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  .uw-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  .uw-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .uw-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  .uw-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  .uw-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  .uw-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  .uw-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  .uw-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  .uw-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .uw-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  .uw-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  .uw-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  .uw-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  .uw-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  .uw-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  .uw-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .uw-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  .uw-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  .uw-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  .uw-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  .uw-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  .uw-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  .uw-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .uw-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  .uw-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  .uw-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  .uw-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  .uw-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  .uw-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  .uw-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .uw-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  .uw-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  .uw-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  .uw-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  .uw-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  .uw-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  .uw-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .uw-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  .uw-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  .uw-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  .uw-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  .uw-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  .uw-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  .uw-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .uw-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  .uw-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  .uw-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  .uw-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  .uw-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  .uw-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  .uw-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .uw-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  .uw-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  .uw-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  .uw-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  .uw-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  .uw-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  .uw-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .uw-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  .uw-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  .uw-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  .uw-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  .uw-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  .uw-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  .uw-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .uw-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  .uw-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  .uw-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  .uw-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  .uw-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  .uw-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  .uw-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .uw-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  .uw-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  .uw-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  .uw-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  .uw-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  .uw-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  .uw-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .uw-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  .uw-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  .uw-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  .uw-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  .uw-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  .uw-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  .uw-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .uw-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  .uw-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  .uw-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  .uw-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  .uw-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  .uw-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  .uw-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .uw-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  .uw-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  .uw-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  .uw-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  .uw-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  .uw-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  .uw-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .uw-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  .uw-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  .uw-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  .uw-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  .uw-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  .uw-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  .uw-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .uw-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  .uw-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  .uw-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  .uw-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  .uw-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  .uw-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  .uw-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .uw-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  .uw-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  .uw-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  .uw-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  .uw-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  .uw-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  .uw-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .uw-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  .uw-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  .uw-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  .uw-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  .uw-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  .uw-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  .uw-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .uw-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  .uw-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  .uw-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  .uw-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  .uw-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  .uw-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  .uw-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .uw-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  .uw-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  .uw-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  .uw-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  .uw-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  .uw-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  .uw-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .uw-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  .uw-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  .uw-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  .uw-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  .uw-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  .uw-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  .uw-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .uw-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  .uw-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  .uw-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  .uw-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  .uw-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  .uw-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  .uw-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .uw-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  .uw-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  .uw-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  .uw-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  .uw-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  .uw-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  .uw-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .uw-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  .uw-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  .uw-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  .uw-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  .uw-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  .uw-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  .uw-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .uw-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  .uw-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  .uw-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  .uw-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  .uw-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  .uw-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  .uw-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .uw-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  .uw-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  .uw-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  .uw-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  .uw-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  .uw-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  .uw-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .uw-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  .uw-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  .uw-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  .uw-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  .uw-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  .uw-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  .uw-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .uw-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  .uw-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  .uw-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  .uw-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  .uw-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  .uw-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  .uw-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .uw-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  .uw-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  .uw-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  .uw-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  .uw-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  .uw-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  .uw-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .uw-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  .uw-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  .uw-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  .uw-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  .uw-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  .uw-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  .uw-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .uw-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  .uw-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  .uw-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  .uw-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  .uw-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  .uw-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  .uw-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .uw-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  .uw-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  .uw-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  .uw-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  .uw-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  .uw-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  .uw-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .uw-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  .uw-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  .uw-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  .uw-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  .uw-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  .uw-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  .uw-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .uw-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  .uw-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  .uw-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  .uw-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  .uw-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  .uw-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  .uw-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .uw-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  .uw-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  .uw-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  .uw-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  .uw-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  .uw-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  .uw-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .uw-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  .uw-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  .uw-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  .uw-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  .uw-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  .uw-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  .uw-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .uw-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  .uw-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  .uw-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  .uw-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  .uw-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  .uw-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  .uw-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .uw-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  .uw-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  .uw-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  .uw-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  .uw-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  .uw-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  .uw-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .uw-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  .uw-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  .uw-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  .uw-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  .uw-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  .uw-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  .uw-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .uw-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  .uw-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  .uw-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  .uw-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  .uw-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  .uw-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  .uw-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .uw-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  .uw-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  .uw-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  .uw-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  .uw-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  .uw-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  .uw-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .uw-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  .uw-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  .uw-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  .uw-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  .uw-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  .uw-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  .uw-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .uw-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  .uw-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  .uw-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  .uw-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  .uw-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  .uw-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  .uw-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .uw-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  .uw-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  .uw-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  .uw-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  .uw-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  .uw-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  .uw-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .uw-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  .uw-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  .uw-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  .uw-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  .uw-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  .uw-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  .uw-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .uw-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  .uw-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  .uw-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  .uw-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  .uw-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  .uw-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  .uw-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .uw-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  .uw-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  .uw-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  .uw-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  .uw-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  .uw-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  .uw-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .uw-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  .uw-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  .uw-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  .uw-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  .uw-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  .uw-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  .uw-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .uw-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  .uw-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  .uw-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  .uw-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  .uw-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  .uw-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  .uw-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .uw-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  .uw-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  .uw-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  .uw-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  .uw-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  .uw-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  .uw-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .uw-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  .uw-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  .uw-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  .uw-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  .uw-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  .uw-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  .uw-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .uw-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  .uw-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  .uw-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  .uw-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  .uw-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  .uw-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  .uw-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .uw-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  .uw-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  .uw-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  .uw-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  .uw-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  .uw-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  .uw-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .uw-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  .uw-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  .uw-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  .uw-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  .uw-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  .uw-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  .uw-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .uw-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  .uw-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  .uw-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  .uw-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  .uw-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  .uw-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  .uw-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .uw-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  .uw-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  .uw-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  .uw-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  .uw-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  .uw-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  .uw-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .uw-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  .uw-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  .uw-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  .uw-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  .uw-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  .uw-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  .uw-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .uw-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  .uw-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  .uw-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  .uw-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  .uw-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  .uw-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  .uw-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .uw-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  .uw-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  .uw-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  .uw-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  .uw-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  .uw-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  .uw-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .uw-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  .uw-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  .uw-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  .uw-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  .uw-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  .uw-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  .uw-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .uw-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  .uw-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  .uw-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  .uw-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  .uw-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  .uw-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  .uw-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .uw-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  .uw-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  .uw-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  .uw-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  .uw-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  .uw-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  .uw-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .uw-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  .uw-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  .uw-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  .uw-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  .uw-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  .uw-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  .uw-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .uw-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  .uw-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  .uw-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  .uw-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  .uw-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  .uw-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  .uw-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .uw-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  .uw-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  .uw-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  .uw-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  .uw-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  .uw-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  .uw-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .uw-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  .uw-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  .uw-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  .uw-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  .uw-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  .uw-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  .uw-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .uw-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  .uw-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  .uw-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  .uw-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  .uw-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  .uw-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  .uw-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .uw-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  .uw-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  .uw-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  .uw-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  .uw-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  .uw-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  .uw-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .uw-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  .uw-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  .uw-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  .uw-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  .uw-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  .uw-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  .uw-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .uw-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  .uw-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  .uw-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  .uw-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  .uw-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  .uw-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  .uw-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .uw-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  .uw-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  .uw-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  .uw-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  .uw-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  .uw-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  .uw-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .uw-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  .uw-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  .uw-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  .uw-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  .uw-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  .uw-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  .uw-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .uw-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  .uw-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  .uw-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  .uw-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  .uw-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  .uw-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  .uw-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .uw-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  .uw-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  .uw-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  .uw-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  .uw-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  .uw-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  .uw-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .uw-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  .uw-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  .uw-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  .uw-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  .uw-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  .uw-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  .uw-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .uw-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  .uw-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  .uw-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  .uw-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  .uw-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  .uw-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  .uw-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .uw-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  .uw-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  .uw-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  .uw-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  .uw-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  .uw-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  .uw-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .uw-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  .uw-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  .uw-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  .uw-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  .uw-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  .uw-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  .uw-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .uw-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  .uw-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  .uw-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  .uw-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  .uw-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  .uw-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  .uw-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .uw-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  .uw-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  .uw-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  .uw-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  .uw-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  .uw-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  .uw-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .uw-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  .uw-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  .uw-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  .uw-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  .uw-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  .uw-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  .uw-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .uw-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  .uw-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  .uw-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  .uw-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  .uw-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  .uw-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  .uw-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .uw-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  .uw-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  .uw-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  .uw-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  .uw-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  .uw-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  .uw-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .uw-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  .uw-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  .uw-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  .uw-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  .uw-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  .uw-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  .uw-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .uw-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  .uw-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  .uw-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  .uw-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  .uw-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  .uw-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  .uw-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .uw-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  .uw-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  .uw-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  .uw-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  .uw-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  .uw-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  .uw-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .uw-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  .uw-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  .uw-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  .uw-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  .uw-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  .uw-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  .uw-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .uw-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  .uw-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  .uw-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  .uw-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  .uw-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  .uw-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  .uw-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .uw-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  .uw-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  .uw-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  .uw-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  .uw-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  .uw-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  .uw-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .uw-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  .uw-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  .uw-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  .uw-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  .uw-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  .uw-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  .uw-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .uw-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  .uw-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  .uw-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  .uw-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  .uw-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  .uw-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  .uw-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .uw-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  .uw-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  .uw-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  .uw-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  .uw-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  .uw-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  .uw-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .uw-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  .uw-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  .uw-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  .uw-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  .uw-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  .uw-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  .uw-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .uw-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  .uw-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  .uw-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  .uw-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  .uw-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  .uw-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  .uw-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .uw-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  .uw-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  .uw-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  .uw-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  .uw-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  .uw-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  .uw-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .uw-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  .uw-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  .uw-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  .uw-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  .uw-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  .uw-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  .uw-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .uw-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  .uw-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  .uw-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  .uw-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  .uw-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  .uw-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  .uw-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .uw-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  .uw-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  .uw-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  .uw-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  .uw-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  .uw-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  .uw-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .uw-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  .uw-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  .uw-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  .uw-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  .uw-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  .uw-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  .uw-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .uw-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  .uw-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  .uw-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  .uw-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  .uw-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  .uw-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  .uw-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .uw-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  .uw-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  .uw-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  .uw-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  .uw-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  .uw-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  .uw-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .uw-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  .uw-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  .uw-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  .uw-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  .uw-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  .uw-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  .uw-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .uw-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  .uw-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  .uw-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  .uw-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  .uw-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  .uw-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  .uw-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .uw-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  .uw-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  .uw-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  .uw-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  .uw-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  .uw-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  .uw-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .uw-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  .uw-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  .uw-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  .uw-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  .uw-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  .uw-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  .uw-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .uw-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  .uw-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  .uw-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  .uw-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  .uw-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  .uw-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  .uw-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .uw-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  .uw-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  .uw-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  .uw-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  .uw-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  .uw-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  .uw-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .uw-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  .uw-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  .uw-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  .uw-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  .uw-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  .uw-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  .uw-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .uw-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  .uw-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  .uw-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  .uw-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  .uw-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  .uw-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  .uw-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .uw-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  .uw-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  .uw-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  .uw-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  .uw-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  .uw-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  .uw-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .uw-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  .uw-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  .uw-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  .uw-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  .uw-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  .uw-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  .uw-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .uw-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  .uw-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  .uw-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  .uw-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  .uw-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  .uw-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  .uw-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .uw-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  .uw-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  .uw-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  .uw-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  .uw-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  .uw-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  .uw-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .uw-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  .uw-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  .uw-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  .uw-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  .uw-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  .uw-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  .uw-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .uw-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  .uw-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  .uw-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  .uw-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  .uw-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  .uw-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  .uw-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .uw-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  .uw-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  .uw-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  .uw-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  .uw-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  .uw-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  .uw-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .uw-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  .uw-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  .uw-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  .uw-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  .uw-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  .uw-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  .uw-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .uw-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  .uw-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  .uw-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  .uw-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  .uw-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  .uw-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  .uw-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .uw-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  .uw-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  .uw-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  .uw-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  .uw-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  .uw-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  .uw-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .uw-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  .uw-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  .uw-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  .uw-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  .uw-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  .uw-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  .uw-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .uw-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  .uw-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  .uw-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  .uw-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  .uw-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  .uw-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  .uw-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .uw-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  .uw-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  .uw-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  .uw-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  .uw-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  .uw-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  .uw-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .uw-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  .uw-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  .uw-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  .uw-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  .uw-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  .uw-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  .uw-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .uw-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  .uw-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  .uw-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  .uw-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  .uw-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  .uw-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  .uw-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .uw-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  .uw-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  .uw-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  .uw-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  .uw-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  .uw-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  .uw-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .uw-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  .uw-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  .uw-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  .uw-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  .uw-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  .uw-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  .uw-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .uw-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  .uw-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  .uw-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  .uw-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  .uw-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  .uw-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  .uw-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .uw-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  .uw-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  .uw-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  .uw-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  .uw-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  .uw-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  .uw-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .uw-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  .uw-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  .uw-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  .uw-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  .uw-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  .uw-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  .uw-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .uw-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  .uw-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  .uw-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  .uw-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  .uw-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  .uw-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  .uw-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .uw-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  .uw-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  .uw-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  .uw-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  .uw-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  .uw-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  .uw-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .uw-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  .uw-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  .uw-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  .uw-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  .uw-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  .uw-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  .uw-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .uw-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  .uw-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  .uw-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  .uw-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  .uw-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  .uw-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  .uw-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .uw-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  .uw-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  .uw-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  .uw-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  .uw-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  .uw-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  .uw-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .uw-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  .uw-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  .uw-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  .uw-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  .uw-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  .uw-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  .uw-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .uw-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  .uw-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  .uw-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  .uw-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  .uw-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  .uw-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  .uw-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .uw-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  .uw-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  .uw-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  .uw-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  .uw-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  .uw-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  .uw-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .uw-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  .uw-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  .uw-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  .uw-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  .uw-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  .uw-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  .uw-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .uw-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  .uw-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  .uw-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  .uw-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  .uw-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  .uw-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  .uw-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .uw-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  .uw-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  .uw-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  .uw-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  .uw-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  .uw-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  .uw-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .uw-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  .uw-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  .uw-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  .uw-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  .uw-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  .uw-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  .uw-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .uw-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  .uw-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  .uw-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  .uw-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  .uw-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  .uw-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  .uw-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .uw-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  .uw-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  .uw-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  .uw-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  .uw-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  .uw-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  .uw-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .uw-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  .uw-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  .uw-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  .uw-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  .uw-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  .uw-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  .uw-shadow-color-black { --shadow-color: var(--black); }
  .uw-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  .uw-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  .uw-active-shadow-color-black:active { --shadow-color: var(--black); }
  .uw-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  .uw-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  .uw-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  .uw-group:hover .uw-group-hover-shadow-color-black { --shadow-color: var(--black); }
  .uw-shadow-color-white { --shadow-color: var(--white); }
  .uw-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  .uw-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  .uw-active-shadow-color-white:active { --shadow-color: var(--white); }
  .uw-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  .uw-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  .uw-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  .uw-group:hover .uw-group-hover-shadow-color-white { --shadow-color: var(--white); }
  .uw-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .uw-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  .uw-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  .uw-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  .uw-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  .uw-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  .uw-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  .uw-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .uw-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  .uw-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  .uw-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  .uw-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  .uw-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  .uw-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  .uw-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .uw-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  .uw-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  .uw-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  .uw-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  .uw-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  .uw-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  .uw-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .uw-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  .uw-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  .uw-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  .uw-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  .uw-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  .uw-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  .uw-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .uw-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  .uw-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  .uw-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  .uw-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  .uw-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  .uw-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  .uw-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .uw-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  .uw-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  .uw-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  .uw-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  .uw-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  .uw-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  .uw-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .uw-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  .uw-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  .uw-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  .uw-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  .uw-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  .uw-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  .uw-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .uw-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  .uw-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  .uw-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  .uw-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  .uw-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  .uw-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  .uw-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .uw-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  .uw-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  .uw-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  .uw-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  .uw-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  .uw-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  .uw-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .uw-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  .uw-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  .uw-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  .uw-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  .uw-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  .uw-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  .uw-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .uw-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  .uw-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  .uw-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  .uw-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  .uw-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  .uw-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  .uw-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .uw-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  .uw-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  .uw-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  .uw-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  .uw-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  .uw-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  .uw-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .uw-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  .uw-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  .uw-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  .uw-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  .uw-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  .uw-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  .uw-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .uw-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  .uw-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  .uw-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  .uw-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  .uw-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  .uw-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  .uw-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .uw-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  .uw-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  .uw-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  .uw-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  .uw-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  .uw-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  .uw-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .uw-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  .uw-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  .uw-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  .uw-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  .uw-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  .uw-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  .uw-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .uw-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  .uw-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  .uw-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  .uw-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  .uw-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  .uw-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  .uw-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .uw-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  .uw-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  .uw-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  .uw-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  .uw-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  .uw-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  .uw-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .uw-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  .uw-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  .uw-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  .uw-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  .uw-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  .uw-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  .uw-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .uw-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  .uw-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  .uw-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  .uw-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  .uw-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  .uw-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  .uw-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .uw-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  .uw-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  .uw-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  .uw-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  .uw-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  .uw-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  .uw-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .uw-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  .uw-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  .uw-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  .uw-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  .uw-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  .uw-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  .uw-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .uw-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  .uw-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  .uw-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  .uw-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  .uw-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  .uw-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  .uw-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .uw-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  .uw-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  .uw-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  .uw-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  .uw-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  .uw-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  .uw-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .uw-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  .uw-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  .uw-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  .uw-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  .uw-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  .uw-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  .uw-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .uw-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  .uw-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  .uw-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  .uw-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  .uw-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  .uw-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  .uw-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .uw-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  .uw-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  .uw-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  .uw-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  .uw-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  .uw-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  .uw-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .uw-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  .uw-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  .uw-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  .uw-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  .uw-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  .uw-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  .uw-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .uw-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  .uw-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  .uw-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  .uw-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  .uw-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  .uw-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  .uw-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .uw-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  .uw-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  .uw-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  .uw-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  .uw-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  .uw-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  .uw-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .uw-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  .uw-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  .uw-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  .uw-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  .uw-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  .uw-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  .uw-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .uw-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  .uw-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  .uw-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  .uw-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  .uw-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  .uw-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  .uw-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .uw-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  .uw-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  .uw-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  .uw-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  .uw-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  .uw-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  .uw-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .uw-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  .uw-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  .uw-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  .uw-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  .uw-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  .uw-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  .uw-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .uw-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  .uw-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  .uw-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  .uw-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  .uw-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  .uw-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  .uw-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .uw-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  .uw-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  .uw-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  .uw-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  .uw-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  .uw-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  .uw-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .uw-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  .uw-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  .uw-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  .uw-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  .uw-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  .uw-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  .uw-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .uw-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  .uw-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  .uw-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  .uw-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  .uw-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  .uw-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  .uw-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .uw-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  .uw-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  .uw-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  .uw-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  .uw-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  .uw-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  .uw-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .uw-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  .uw-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  .uw-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  .uw-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  .uw-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  .uw-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  .uw-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  .uw-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  .uw-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  .uw-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  .uw-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  .uw-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  .uw-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  .uw-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  .uw-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  .uw-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  .uw-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  .uw-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  .uw-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  .uw-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  .uw-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  .uw-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  .uw-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  .uw-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  .uw-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  .uw-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  .uw-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .uw-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  .uw-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  .uw-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  .uw-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  .uw-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  .uw-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  .uw-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .uw-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  .uw-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  .uw-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  .uw-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  .uw-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  .uw-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  .uw-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .uw-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  .uw-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  .uw-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  .uw-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  .uw-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  .uw-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  .uw-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .uw-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  .uw-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  .uw-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  .uw-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  .uw-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  .uw-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  .uw-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .uw-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  .uw-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  .uw-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  .uw-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  .uw-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  .uw-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  .uw-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .uw-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  .uw-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  .uw-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  .uw-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  .uw-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  .uw-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  .uw-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .uw-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  .uw-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  .uw-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  .uw-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  .uw-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  .uw-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  .uw-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .uw-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  .uw-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  .uw-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  .uw-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  .uw-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  .uw-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  .uw-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .uw-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  .uw-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  .uw-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  .uw-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  .uw-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  .uw-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  .uw-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .uw-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  .uw-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  .uw-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  .uw-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  .uw-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  .uw-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  .uw-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .uw-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  .uw-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  .uw-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  .uw-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  .uw-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  .uw-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  .uw-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .uw-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  .uw-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  .uw-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  .uw-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  .uw-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  .uw-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  .uw-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .uw-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  .uw-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  .uw-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  .uw-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  .uw-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  .uw-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  .uw-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .uw-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  .uw-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  .uw-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  .uw-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  .uw-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  .uw-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  .uw-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .uw-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  .uw-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  .uw-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  .uw-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  .uw-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  .uw-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  .uw-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .uw-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  .uw-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  .uw-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  .uw-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  .uw-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  .uw-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  .uw-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .uw-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  .uw-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  .uw-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  .uw-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  .uw-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  .uw-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  .uw-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .uw-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  .uw-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  .uw-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  .uw-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  .uw-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  .uw-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  .uw-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .uw-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  .uw-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  .uw-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  .uw-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  .uw-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  .uw-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  .uw-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .uw-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  .uw-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  .uw-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  .uw-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  .uw-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  .uw-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  .uw-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .uw-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  .uw-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  .uw-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  .uw-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  .uw-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  .uw-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  .uw-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .uw-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  .uw-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  .uw-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  .uw-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  .uw-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  .uw-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  .uw-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .uw-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  .uw-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  .uw-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  .uw-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  .uw-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  .uw-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  .uw-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .uw-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  .uw-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  .uw-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  .uw-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  .uw-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  .uw-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  .uw-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .uw-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  .uw-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  .uw-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  .uw-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  .uw-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  .uw-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  .uw-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .uw-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  .uw-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  .uw-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  .uw-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  .uw-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  .uw-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  .uw-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .uw-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  .uw-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  .uw-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  .uw-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  .uw-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  .uw-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  .uw-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .uw-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  .uw-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  .uw-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  .uw-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  .uw-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  .uw-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  .uw-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .uw-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  .uw-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  .uw-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  .uw-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  .uw-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  .uw-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  .uw-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .uw-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  .uw-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  .uw-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  .uw-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  .uw-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  .uw-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  .uw-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  .uw-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  .uw-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  .uw-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  .uw-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  .uw-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  .uw-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  .uw-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  .uw-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  .uw-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  .uw-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .uw-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  .uw-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  .uw-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  .uw-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  .uw-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  .uw-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  .uw-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .uw-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  .uw-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  .uw-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  .uw-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  .uw-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  .uw-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  .uw-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .uw-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  .uw-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  .uw-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  .uw-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  .uw-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  .uw-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  .uw-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .uw-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  .uw-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  .uw-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  .uw-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  .uw-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  .uw-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  .uw-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .uw-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  .uw-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  .uw-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  .uw-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  .uw-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  .uw-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  .uw-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .uw-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  .uw-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  .uw-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  .uw-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  .uw-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  .uw-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  .uw-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .uw-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  .uw-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  .uw-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  .uw-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  .uw-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  .uw-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  .uw-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .uw-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  .uw-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  .uw-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  .uw-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  .uw-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  .uw-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  .uw-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .uw-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  .uw-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  .uw-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  .uw-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  .uw-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  .uw-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  .uw-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .uw-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  .uw-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  .uw-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  .uw-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  .uw-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  .uw-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  .uw-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .uw-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  .uw-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  .uw-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  .uw-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  .uw-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  .uw-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  .uw-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .uw-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  .uw-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  .uw-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  .uw-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  .uw-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  .uw-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  .uw-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .uw-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  .uw-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  .uw-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  .uw-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  .uw-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  .uw-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  .uw-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .uw-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  .uw-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  .uw-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  .uw-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  .uw-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  .uw-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  .uw-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .uw-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  .uw-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  .uw-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  .uw-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  .uw-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  .uw-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  .uw-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .uw-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  .uw-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  .uw-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  .uw-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  .uw-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  .uw-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  .uw-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .uw-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  .uw-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  .uw-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  .uw-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  .uw-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  .uw-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  .uw-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .uw-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  .uw-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  .uw-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  .uw-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  .uw-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  .uw-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  .uw-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .uw-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  .uw-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  .uw-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  .uw-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  .uw-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  .uw-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  .uw-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .uw-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  .uw-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  .uw-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  .uw-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  .uw-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  .uw-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  .uw-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .uw-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  .uw-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  .uw-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  .uw-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  .uw-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  .uw-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  .uw-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .uw-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  .uw-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  .uw-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  .uw-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  .uw-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  .uw-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  .uw-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .uw-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  .uw-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  .uw-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  .uw-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  .uw-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  .uw-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  .uw-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .uw-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  .uw-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  .uw-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  .uw-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  .uw-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  .uw-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  .uw-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .uw-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  .uw-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  .uw-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  .uw-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  .uw-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  .uw-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  .uw-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .uw-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  .uw-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  .uw-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  .uw-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  .uw-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  .uw-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  .uw-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .uw-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  .uw-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  .uw-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  .uw-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  .uw-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  .uw-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  .uw-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .uw-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  .uw-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  .uw-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  .uw-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  .uw-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  .uw-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  .uw-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .uw-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  .uw-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  .uw-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  .uw-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  .uw-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  .uw-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  .uw-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .uw-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  .uw-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  .uw-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  .uw-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  .uw-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  .uw-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  .uw-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .uw-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  .uw-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  .uw-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  .uw-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  .uw-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  .uw-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  .uw-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .uw-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  .uw-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  .uw-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  .uw-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  .uw-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  .uw-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  .uw-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .uw-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  .uw-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  .uw-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  .uw-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  .uw-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  .uw-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  .uw-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .uw-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  .uw-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  .uw-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  .uw-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  .uw-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  .uw-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  .uw-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .uw-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  .uw-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  .uw-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  .uw-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  .uw-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  .uw-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  .uw-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .uw-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  .uw-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  .uw-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  .uw-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  .uw-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  .uw-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  .uw-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .uw-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  .uw-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  .uw-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  .uw-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  .uw-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  .uw-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  .uw-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .uw-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  .uw-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  .uw-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  .uw-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  .uw-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  .uw-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  .uw-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .uw-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  .uw-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  .uw-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  .uw-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  .uw-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  .uw-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  .uw-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .uw-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  .uw-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  .uw-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  .uw-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  .uw-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  .uw-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  .uw-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .uw-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  .uw-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  .uw-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  .uw-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  .uw-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  .uw-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  .uw-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .uw-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  .uw-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  .uw-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  .uw-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  .uw-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  .uw-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  .uw-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .uw-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  .uw-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  .uw-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  .uw-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  .uw-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  .uw-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  .uw-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .uw-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  .uw-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  .uw-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  .uw-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  .uw-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  .uw-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  .uw-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .uw-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  .uw-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  .uw-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  .uw-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  .uw-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  .uw-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  .uw-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .uw-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  .uw-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  .uw-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  .uw-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  .uw-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  .uw-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  .uw-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .uw-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  .uw-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  .uw-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  .uw-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  .uw-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  .uw-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  .uw-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .uw-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  .uw-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  .uw-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  .uw-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  .uw-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  .uw-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  .uw-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .uw-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  .uw-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  .uw-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  .uw-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  .uw-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  .uw-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  .uw-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .uw-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  .uw-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  .uw-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  .uw-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  .uw-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  .uw-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  .uw-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .uw-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  .uw-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  .uw-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  .uw-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  .uw-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  .uw-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  .uw-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .uw-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  .uw-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  .uw-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  .uw-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  .uw-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  .uw-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  .uw-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .uw-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  .uw-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  .uw-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  .uw-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  .uw-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  .uw-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  .uw-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .uw-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  .uw-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  .uw-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  .uw-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  .uw-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  .uw-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  .uw-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .uw-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  .uw-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  .uw-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  .uw-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  .uw-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  .uw-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  .uw-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .uw-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  .uw-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  .uw-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  .uw-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  .uw-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  .uw-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  .uw-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .uw-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  .uw-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  .uw-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  .uw-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  .uw-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  .uw-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  .uw-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .uw-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  .uw-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  .uw-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  .uw-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  .uw-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  .uw-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  .uw-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .uw-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  .uw-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  .uw-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  .uw-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  .uw-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  .uw-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  .uw-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .uw-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  .uw-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  .uw-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  .uw-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  .uw-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  .uw-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  .uw-gradient-from-black { --quanta-from-color: var(--black); }
  .uw-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  .uw-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  .uw-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  .uw-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  .uw-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  .uw-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  .uw-group:hover .uw-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  .uw-gradient-from-white { --quanta-from-color: var(--white); }
  .uw-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  .uw-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  .uw-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  .uw-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  .uw-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  .uw-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  .uw-group:hover .uw-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  .uw-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .uw-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  .uw-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  .uw-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  .uw-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  .uw-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  .uw-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  .uw-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .uw-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  .uw-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  .uw-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  .uw-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  .uw-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  .uw-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  .uw-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .uw-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  .uw-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  .uw-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  .uw-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  .uw-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  .uw-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  .uw-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .uw-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  .uw-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  .uw-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  .uw-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  .uw-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  .uw-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  .uw-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .uw-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  .uw-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  .uw-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  .uw-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  .uw-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  .uw-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  .uw-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .uw-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  .uw-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  .uw-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  .uw-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  .uw-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  .uw-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  .uw-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .uw-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  .uw-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  .uw-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  .uw-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  .uw-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  .uw-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  .uw-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .uw-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  .uw-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  .uw-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  .uw-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  .uw-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  .uw-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  .uw-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .uw-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  .uw-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  .uw-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  .uw-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  .uw-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  .uw-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  .uw-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .uw-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  .uw-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  .uw-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  .uw-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  .uw-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  .uw-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  .uw-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .uw-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  .uw-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  .uw-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  .uw-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  .uw-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  .uw-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  .uw-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .uw-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  .uw-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  .uw-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  .uw-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  .uw-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  .uw-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  .uw-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .uw-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  .uw-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  .uw-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  .uw-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  .uw-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  .uw-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  .uw-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .uw-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  .uw-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  .uw-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  .uw-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  .uw-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  .uw-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  .uw-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .uw-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  .uw-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  .uw-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  .uw-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  .uw-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  .uw-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  .uw-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .uw-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  .uw-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  .uw-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  .uw-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  .uw-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  .uw-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  .uw-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .uw-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  .uw-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  .uw-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  .uw-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  .uw-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  .uw-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  .uw-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .uw-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  .uw-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  .uw-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  .uw-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  .uw-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  .uw-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  .uw-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .uw-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  .uw-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  .uw-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  .uw-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  .uw-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  .uw-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  .uw-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .uw-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  .uw-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  .uw-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  .uw-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  .uw-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  .uw-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  .uw-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .uw-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  .uw-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  .uw-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  .uw-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  .uw-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  .uw-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  .uw-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .uw-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  .uw-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  .uw-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  .uw-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  .uw-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  .uw-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  .uw-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .uw-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  .uw-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  .uw-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  .uw-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  .uw-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  .uw-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  .uw-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .uw-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  .uw-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  .uw-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  .uw-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  .uw-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  .uw-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  .uw-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .uw-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  .uw-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  .uw-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  .uw-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  .uw-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  .uw-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  .uw-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .uw-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  .uw-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  .uw-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  .uw-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  .uw-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  .uw-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  .uw-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .uw-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  .uw-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  .uw-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  .uw-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  .uw-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  .uw-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  .uw-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .uw-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  .uw-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  .uw-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  .uw-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  .uw-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  .uw-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  .uw-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .uw-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  .uw-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  .uw-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  .uw-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  .uw-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  .uw-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  .uw-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .uw-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  .uw-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  .uw-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  .uw-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  .uw-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  .uw-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  .uw-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .uw-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  .uw-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  .uw-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  .uw-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  .uw-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  .uw-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  .uw-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .uw-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  .uw-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  .uw-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  .uw-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  .uw-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  .uw-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  .uw-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .uw-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  .uw-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  .uw-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  .uw-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  .uw-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  .uw-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  .uw-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .uw-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  .uw-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  .uw-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  .uw-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  .uw-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  .uw-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  .uw-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .uw-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  .uw-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  .uw-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  .uw-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  .uw-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  .uw-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  .uw-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .uw-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  .uw-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  .uw-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  .uw-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  .uw-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  .uw-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  .uw-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .uw-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  .uw-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  .uw-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  .uw-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  .uw-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  .uw-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  .uw-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .uw-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  .uw-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  .uw-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  .uw-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  .uw-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  .uw-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  .uw-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .uw-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  .uw-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  .uw-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  .uw-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  .uw-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  .uw-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  .uw-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .uw-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  .uw-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  .uw-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  .uw-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  .uw-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  .uw-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  .uw-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  .uw-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  .uw-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  .uw-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  .uw-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  .uw-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  .uw-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  .uw-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  .uw-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  .uw-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  .uw-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  .uw-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  .uw-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  .uw-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  .uw-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  .uw-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  .uw-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  .uw-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  .uw-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  .uw-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  .uw-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .uw-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  .uw-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  .uw-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  .uw-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  .uw-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  .uw-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  .uw-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .uw-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  .uw-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  .uw-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  .uw-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  .uw-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  .uw-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  .uw-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .uw-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  .uw-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  .uw-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  .uw-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  .uw-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  .uw-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  .uw-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .uw-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  .uw-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  .uw-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  .uw-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  .uw-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  .uw-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  .uw-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .uw-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  .uw-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  .uw-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  .uw-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  .uw-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  .uw-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  .uw-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .uw-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  .uw-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  .uw-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  .uw-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  .uw-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  .uw-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  .uw-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .uw-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  .uw-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  .uw-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  .uw-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  .uw-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  .uw-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  .uw-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .uw-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  .uw-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  .uw-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  .uw-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  .uw-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  .uw-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  .uw-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .uw-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  .uw-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  .uw-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  .uw-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  .uw-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  .uw-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  .uw-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .uw-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  .uw-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  .uw-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  .uw-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  .uw-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  .uw-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  .uw-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .uw-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  .uw-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  .uw-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  .uw-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  .uw-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  .uw-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  .uw-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .uw-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  .uw-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  .uw-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  .uw-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  .uw-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  .uw-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  .uw-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .uw-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  .uw-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  .uw-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  .uw-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  .uw-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  .uw-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  .uw-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .uw-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  .uw-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  .uw-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  .uw-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  .uw-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  .uw-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  .uw-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .uw-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  .uw-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  .uw-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  .uw-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  .uw-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  .uw-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  .uw-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .uw-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  .uw-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  .uw-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  .uw-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  .uw-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  .uw-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  .uw-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .uw-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  .uw-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  .uw-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  .uw-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  .uw-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  .uw-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  .uw-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .uw-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  .uw-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  .uw-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  .uw-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  .uw-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  .uw-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  .uw-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .uw-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  .uw-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  .uw-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  .uw-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  .uw-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  .uw-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  .uw-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .uw-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  .uw-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  .uw-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  .uw-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  .uw-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  .uw-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  .uw-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .uw-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  .uw-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  .uw-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  .uw-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  .uw-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  .uw-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  .uw-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .uw-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  .uw-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  .uw-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  .uw-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  .uw-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  .uw-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  .uw-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .uw-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  .uw-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  .uw-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  .uw-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  .uw-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  .uw-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  .uw-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .uw-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  .uw-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  .uw-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  .uw-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  .uw-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  .uw-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  .uw-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .uw-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  .uw-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  .uw-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  .uw-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  .uw-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  .uw-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  .uw-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .uw-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  .uw-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  .uw-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  .uw-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  .uw-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  .uw-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  .uw-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .uw-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  .uw-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  .uw-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  .uw-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  .uw-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  .uw-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  .uw-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .uw-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  .uw-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  .uw-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  .uw-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  .uw-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  .uw-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  .uw-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .uw-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  .uw-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  .uw-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  .uw-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  .uw-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  .uw-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  .uw-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .uw-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  .uw-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  .uw-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  .uw-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  .uw-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  .uw-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  .uw-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  .uw-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  .uw-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  .uw-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  .uw-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  .uw-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  .uw-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  .uw-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  .uw-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  .uw-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  .uw-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .uw-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  .uw-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  .uw-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  .uw-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  .uw-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  .uw-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  .uw-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .uw-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  .uw-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  .uw-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  .uw-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  .uw-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  .uw-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  .uw-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .uw-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  .uw-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  .uw-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  .uw-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  .uw-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  .uw-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  .uw-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .uw-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  .uw-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  .uw-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  .uw-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  .uw-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  .uw-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  .uw-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .uw-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  .uw-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  .uw-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  .uw-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  .uw-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  .uw-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  .uw-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .uw-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  .uw-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  .uw-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  .uw-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  .uw-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  .uw-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  .uw-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .uw-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  .uw-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  .uw-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  .uw-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  .uw-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  .uw-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  .uw-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .uw-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  .uw-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  .uw-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  .uw-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  .uw-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  .uw-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  .uw-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .uw-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  .uw-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  .uw-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  .uw-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  .uw-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  .uw-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  .uw-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .uw-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  .uw-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  .uw-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  .uw-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  .uw-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  .uw-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  .uw-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .uw-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  .uw-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  .uw-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  .uw-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  .uw-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  .uw-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  .uw-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .uw-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  .uw-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  .uw-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  .uw-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  .uw-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  .uw-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  .uw-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .uw-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  .uw-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  .uw-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  .uw-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  .uw-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  .uw-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  .uw-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .uw-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  .uw-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  .uw-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  .uw-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  .uw-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  .uw-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  .uw-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .uw-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  .uw-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  .uw-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  .uw-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  .uw-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  .uw-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  .uw-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .uw-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  .uw-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  .uw-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  .uw-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  .uw-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  .uw-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  .uw-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .uw-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  .uw-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  .uw-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  .uw-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  .uw-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  .uw-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  .uw-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .uw-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  .uw-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  .uw-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  .uw-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  .uw-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  .uw-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  .uw-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .uw-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  .uw-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  .uw-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  .uw-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  .uw-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  .uw-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  .uw-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .uw-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  .uw-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  .uw-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  .uw-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  .uw-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  .uw-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  .uw-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .uw-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  .uw-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  .uw-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  .uw-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  .uw-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  .uw-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  .uw-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .uw-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  .uw-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  .uw-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  .uw-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  .uw-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  .uw-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  .uw-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .uw-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  .uw-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  .uw-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  .uw-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  .uw-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  .uw-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  .uw-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .uw-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  .uw-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  .uw-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  .uw-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  .uw-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  .uw-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  .uw-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .uw-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  .uw-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  .uw-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  .uw-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  .uw-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  .uw-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  .uw-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .uw-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  .uw-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  .uw-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  .uw-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  .uw-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  .uw-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  .uw-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .uw-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  .uw-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  .uw-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  .uw-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  .uw-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  .uw-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  .uw-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .uw-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  .uw-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  .uw-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  .uw-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  .uw-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  .uw-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  .uw-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .uw-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  .uw-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  .uw-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  .uw-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  .uw-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  .uw-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  .uw-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .uw-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  .uw-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  .uw-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  .uw-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  .uw-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  .uw-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  .uw-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .uw-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  .uw-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  .uw-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  .uw-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  .uw-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  .uw-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  .uw-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .uw-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  .uw-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  .uw-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  .uw-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  .uw-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  .uw-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  .uw-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .uw-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  .uw-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  .uw-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  .uw-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  .uw-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  .uw-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  .uw-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .uw-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  .uw-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  .uw-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  .uw-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  .uw-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  .uw-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  .uw-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .uw-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  .uw-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  .uw-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  .uw-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  .uw-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  .uw-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  .uw-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .uw-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  .uw-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  .uw-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  .uw-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  .uw-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  .uw-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  .uw-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .uw-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  .uw-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  .uw-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  .uw-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  .uw-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  .uw-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  .uw-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .uw-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  .uw-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  .uw-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  .uw-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  .uw-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  .uw-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  .uw-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .uw-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  .uw-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  .uw-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  .uw-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  .uw-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  .uw-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  .uw-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .uw-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  .uw-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  .uw-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  .uw-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  .uw-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  .uw-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  .uw-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .uw-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  .uw-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  .uw-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  .uw-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  .uw-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  .uw-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  .uw-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .uw-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  .uw-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  .uw-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  .uw-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  .uw-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  .uw-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  .uw-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .uw-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  .uw-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  .uw-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  .uw-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  .uw-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  .uw-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  .uw-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .uw-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  .uw-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  .uw-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  .uw-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  .uw-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  .uw-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  .uw-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .uw-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  .uw-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  .uw-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  .uw-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  .uw-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  .uw-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  .uw-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .uw-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  .uw-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  .uw-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  .uw-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  .uw-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  .uw-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  .uw-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .uw-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  .uw-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  .uw-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  .uw-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  .uw-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  .uw-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  .uw-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .uw-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  .uw-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  .uw-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  .uw-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  .uw-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  .uw-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  .uw-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .uw-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  .uw-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  .uw-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  .uw-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  .uw-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  .uw-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  .uw-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .uw-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  .uw-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  .uw-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  .uw-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  .uw-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  .uw-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  .uw-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .uw-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  .uw-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  .uw-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  .uw-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  .uw-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  .uw-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  .uw-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .uw-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  .uw-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  .uw-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  .uw-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  .uw-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  .uw-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  .uw-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .uw-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  .uw-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  .uw-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  .uw-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  .uw-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  .uw-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  .uw-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .uw-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  .uw-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  .uw-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  .uw-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  .uw-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  .uw-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  .uw-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .uw-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  .uw-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  .uw-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  .uw-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  .uw-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  .uw-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  .uw-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .uw-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  .uw-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  .uw-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  .uw-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  .uw-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  .uw-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  .uw-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .uw-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  .uw-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  .uw-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  .uw-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  .uw-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  .uw-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  .uw-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .uw-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  .uw-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  .uw-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  .uw-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  .uw-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  .uw-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  .uw-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .uw-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  .uw-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  .uw-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  .uw-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  .uw-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  .uw-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  .uw-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .uw-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  .uw-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  .uw-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  .uw-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  .uw-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  .uw-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  .uw-gradient-to-black { --quanta-to-color: var(--black); }
  .uw-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  .uw-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  .uw-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  .uw-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  .uw-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  .uw-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  .uw-group:hover .uw-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  .uw-gradient-to-white { --quanta-to-color: var(--white); }
  .uw-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  .uw-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  .uw-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  .uw-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  .uw-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  .uw-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  .uw-group:hover .uw-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  .uw-transition-all { transition-property: all; }
  .uw-hover-transition-all:hover { transition-property: all; }
  .uw-focus-transition-all:focus { transition-property: all; }
  .uw-active-transition-all:active { transition-property: all; }
  .uw-disabled-transition-all:disabled { transition-property: all; }
  .uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  .uw-focus-within-transition-all:focus-within { transition-property: all; }
  .uw-group:hover .uw-group-hover-transition-all { transition-property: all; }
  .uw-transition-bg { transition-property: background-color; }
  .uw-hover-transition-bg:hover { transition-property: background-color; }
  .uw-focus-transition-bg:focus { transition-property: background-color; }
  .uw-active-transition-bg:active { transition-property: background-color; }
  .uw-disabled-transition-bg:disabled { transition-property: background-color; }
  .uw-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  .uw-focus-within-transition-bg:focus-within { transition-property: background-color; }
  .uw-group:hover .uw-group-hover-transition-bg { transition-property: background-color; }
  .uw-transition-color { transition-property: color; }
  .uw-hover-transition-color:hover { transition-property: color; }
  .uw-focus-transition-color:focus { transition-property: color; }
  .uw-active-transition-color:active { transition-property: color; }
  .uw-disabled-transition-color:disabled { transition-property: color; }
  .uw-focus-visible-transition-color:focus-visible { transition-property: color; }
  .uw-focus-within-transition-color:focus-within { transition-property: color; }
  .uw-group:hover .uw-group-hover-transition-color { transition-property: color; }
  .uw-transition-opacity { transition-property: opacity; }
  .uw-hover-transition-opacity:hover { transition-property: opacity; }
  .uw-focus-transition-opacity:focus { transition-property: opacity; }
  .uw-active-transition-opacity:active { transition-property: opacity; }
  .uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  .uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .uw-group:hover .uw-group-hover-transition-opacity { transition-property: opacity; }
  .uw-transition-transform { transition-property: transform; }
  .uw-hover-transition-transform:hover { transition-property: transform; }
  .uw-focus-transition-transform:focus { transition-property: transform; }
  .uw-active-transition-transform:active { transition-property: transform; }
  .uw-disabled-transition-transform:disabled { transition-property: transform; }
  .uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  .uw-group:hover .uw-group-hover-transition-transform { transition-property: transform; }
  .uw-transition-shadow { transition-property: shadow; }
  .uw-hover-transition-shadow:hover { transition-property: shadow; }
  .uw-focus-transition-shadow:focus { transition-property: shadow; }
  .uw-active-transition-shadow:active { transition-property: shadow; }
  .uw-disabled-transition-shadow:disabled { transition-property: shadow; }
  .uw-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  .uw-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  .uw-group:hover .uw-group-hover-transition-shadow { transition-property: shadow; }
  .uw-transition-border { transition-property: border; }
  .uw-hover-transition-border:hover { transition-property: border; }
  .uw-focus-transition-border:focus { transition-property: border; }
  .uw-active-transition-border:active { transition-property: border; }
  .uw-disabled-transition-border:disabled { transition-property: border; }
  .uw-focus-visible-transition-border:focus-visible { transition-property: border; }
  .uw-focus-within-transition-border:focus-within { transition-property: border; }
  .uw-group:hover .uw-group-hover-transition-border { transition-property: border; }
  .uw-duration-75 { transition-duration: 75ms; }
  .uw-hover-duration-75:hover { transition-duration: 75ms; }
  .uw-focus-duration-75:focus { transition-duration: 75ms; }
  .uw-active-duration-75:active { transition-duration: 75ms; }
  .uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  .uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .uw-group:hover .uw-group-hover-duration-75 { transition-duration: 75ms; }
  .uw-duration-100 { transition-duration: 100ms; }
  .uw-hover-duration-100:hover { transition-duration: 100ms; }
  .uw-focus-duration-100:focus { transition-duration: 100ms; }
  .uw-active-duration-100:active { transition-duration: 100ms; }
  .uw-disabled-duration-100:disabled { transition-duration: 100ms; }
  .uw-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .uw-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .uw-group:hover .uw-group-hover-duration-100 { transition-duration: 100ms; }
  .uw-duration-150 { transition-duration: 150ms; }
  .uw-hover-duration-150:hover { transition-duration: 150ms; }
  .uw-focus-duration-150:focus { transition-duration: 150ms; }
  .uw-active-duration-150:active { transition-duration: 150ms; }
  .uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  .uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .uw-group:hover .uw-group-hover-duration-150 { transition-duration: 150ms; }
  .uw-duration-200 { transition-duration: 200ms; }
  .uw-hover-duration-200:hover { transition-duration: 200ms; }
  .uw-focus-duration-200:focus { transition-duration: 200ms; }
  .uw-active-duration-200:active { transition-duration: 200ms; }
  .uw-disabled-duration-200:disabled { transition-duration: 200ms; }
  .uw-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .uw-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .uw-group:hover .uw-group-hover-duration-200 { transition-duration: 200ms; }
  .uw-duration-300 { transition-duration: 300ms; }
  .uw-hover-duration-300:hover { transition-duration: 300ms; }
  .uw-focus-duration-300:focus { transition-duration: 300ms; }
  .uw-active-duration-300:active { transition-duration: 300ms; }
  .uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  .uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .uw-group:hover .uw-group-hover-duration-300 { transition-duration: 300ms; }
  .uw-duration-500 { transition-duration: 500ms; }
  .uw-hover-duration-500:hover { transition-duration: 500ms; }
  .uw-focus-duration-500:focus { transition-duration: 500ms; }
  .uw-active-duration-500:active { transition-duration: 500ms; }
  .uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  .uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .uw-group:hover .uw-group-hover-duration-500 { transition-duration: 500ms; }
  .uw-duration-700 { transition-duration: 700ms; }
  .uw-hover-duration-700:hover { transition-duration: 700ms; }
  .uw-focus-duration-700:focus { transition-duration: 700ms; }
  .uw-active-duration-700:active { transition-duration: 700ms; }
  .uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  .uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .uw-group:hover .uw-group-hover-duration-700 { transition-duration: 700ms; }
  .uw-duration-1000 { transition-duration: 1000ms; }
  .uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  .uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  .uw-active-duration-1000:active { transition-duration: 1000ms; }
  .uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .uw-group:hover .uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  .uw-ease-linear { transition-timing-function: ease-linear; }
  .uw-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  .uw-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  .uw-active-ease-linear:active { transition-timing-function: ease-linear; }
  .uw-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  .uw-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  .uw-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  .uw-group:hover .uw-group-hover-ease-linear { transition-timing-function: ease-linear; }
  .uw-ease-in { transition-timing-function: ease-in; }
  .uw-hover-ease-in:hover { transition-timing-function: ease-in; }
  .uw-focus-ease-in:focus { transition-timing-function: ease-in; }
  .uw-active-ease-in:active { transition-timing-function: ease-in; }
  .uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .uw-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .uw-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .uw-group:hover .uw-group-hover-ease-in { transition-timing-function: ease-in; }
  .uw-ease-out { transition-timing-function: ease-out; }
  .uw-hover-ease-out:hover { transition-timing-function: ease-out; }
  .uw-focus-ease-out:focus { transition-timing-function: ease-out; }
  .uw-active-ease-out:active { transition-timing-function: ease-out; }
  .uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .uw-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .uw-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .uw-group:hover .uw-group-hover-ease-out { transition-timing-function: ease-out; }
  .uw-ease-in-out { transition-timing-function: ease-in-out; }
  .uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .uw-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .uw-group:hover .uw-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .uw-translate-x-0 { transform: translateX(0rem); }
  .uw-hover-translate-x-0:hover { transform: translateX(0rem); }
  .uw-focus-translate-x-0:focus { transform: translateX(0rem); }
  .uw-active-translate-x-0:active { transform: translateX(0rem); }
  .uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .uw-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .uw-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .uw-group:hover .uw-group-hover-translate-x-0 { transform: translateX(0rem); }
  .uw-translate-y-0 { transform: translateY(0rem); }
  .uw-hover-translate-y-0:hover { transform: translateY(0rem); }
  .uw-focus-translate-y-0:focus { transform: translateY(0rem); }
  .uw-active-translate-y-0:active { transform: translateY(0rem); }
  .uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .uw-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .uw-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .uw-group:hover .uw-group-hover-translate-y-0 { transform: translateY(0rem); }
  .uw-translate-x-0_25 { transform: translateX(0.25rem); }
  .uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .uw-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .uw-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .uw-translate-y-0_25 { transform: translateY(0.25rem); }
  .uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .uw-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .uw-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .uw-translate-x-0_5 { transform: translateX(0.5rem); }
  .uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .uw-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .uw-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .uw-translate-y-0_5 { transform: translateY(0.5rem); }
  .uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .uw-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .uw-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .uw-translate-x-1 { transform: translateX(1rem); }
  .uw-hover-translate-x-1:hover { transform: translateX(1rem); }
  .uw-focus-translate-x-1:focus { transform: translateX(1rem); }
  .uw-active-translate-x-1:active { transform: translateX(1rem); }
  .uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .uw-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .uw-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .uw-group:hover .uw-group-hover-translate-x-1 { transform: translateX(1rem); }
  .uw-translate-y-1 { transform: translateY(1rem); }
  .uw-hover-translate-y-1:hover { transform: translateY(1rem); }
  .uw-focus-translate-y-1:focus { transform: translateY(1rem); }
  .uw-active-translate-y-1:active { transform: translateY(1rem); }
  .uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .uw-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .uw-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .uw-group:hover .uw-group-hover-translate-y-1 { transform: translateY(1rem); }
  .uw-translate-x-1_5 { transform: translateX(1.5rem); }
  .uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .uw-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .uw-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .uw-group:hover .uw-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .uw-translate-y-1_5 { transform: translateY(1.5rem); }
  .uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .uw-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .uw-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .uw-group:hover .uw-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .uw-translate-x-2 { transform: translateX(2rem); }
  .uw-hover-translate-x-2:hover { transform: translateX(2rem); }
  .uw-focus-translate-x-2:focus { transform: translateX(2rem); }
  .uw-active-translate-x-2:active { transform: translateX(2rem); }
  .uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .uw-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .uw-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .uw-group:hover .uw-group-hover-translate-x-2 { transform: translateX(2rem); }
  .uw-translate-y-2 { transform: translateY(2rem); }
  .uw-hover-translate-y-2:hover { transform: translateY(2rem); }
  .uw-focus-translate-y-2:focus { transform: translateY(2rem); }
  .uw-active-translate-y-2:active { transform: translateY(2rem); }
  .uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .uw-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .uw-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .uw-group:hover .uw-group-hover-translate-y-2 { transform: translateY(2rem); }
  .uw-translate-x-3 { transform: translateX(3rem); }
  .uw-hover-translate-x-3:hover { transform: translateX(3rem); }
  .uw-focus-translate-x-3:focus { transform: translateX(3rem); }
  .uw-active-translate-x-3:active { transform: translateX(3rem); }
  .uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .uw-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .uw-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .uw-group:hover .uw-group-hover-translate-x-3 { transform: translateX(3rem); }
  .uw-translate-y-3 { transform: translateY(3rem); }
  .uw-hover-translate-y-3:hover { transform: translateY(3rem); }
  .uw-focus-translate-y-3:focus { transform: translateY(3rem); }
  .uw-active-translate-y-3:active { transform: translateY(3rem); }
  .uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .uw-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .uw-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .uw-group:hover .uw-group-hover-translate-y-3 { transform: translateY(3rem); }
  .uw-translate-x-4 { transform: translateX(4rem); }
  .uw-hover-translate-x-4:hover { transform: translateX(4rem); }
  .uw-focus-translate-x-4:focus { transform: translateX(4rem); }
  .uw-active-translate-x-4:active { transform: translateX(4rem); }
  .uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .uw-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .uw-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .uw-group:hover .uw-group-hover-translate-x-4 { transform: translateX(4rem); }
  .uw-translate-y-4 { transform: translateY(4rem); }
  .uw-hover-translate-y-4:hover { transform: translateY(4rem); }
  .uw-focus-translate-y-4:focus { transform: translateY(4rem); }
  .uw-active-translate-y-4:active { transform: translateY(4rem); }
  .uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .uw-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .uw-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .uw-group:hover .uw-group-hover-translate-y-4 { transform: translateY(4rem); }
  .uw-translate-x-5 { transform: translateX(5rem); }
  .uw-hover-translate-x-5:hover { transform: translateX(5rem); }
  .uw-focus-translate-x-5:focus { transform: translateX(5rem); }
  .uw-active-translate-x-5:active { transform: translateX(5rem); }
  .uw-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  .uw-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  .uw-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  .uw-group:hover .uw-group-hover-translate-x-5 { transform: translateX(5rem); }
  .uw-translate-y-5 { transform: translateY(5rem); }
  .uw-hover-translate-y-5:hover { transform: translateY(5rem); }
  .uw-focus-translate-y-5:focus { transform: translateY(5rem); }
  .uw-active-translate-y-5:active { transform: translateY(5rem); }
  .uw-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  .uw-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  .uw-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  .uw-group:hover .uw-group-hover-translate-y-5 { transform: translateY(5rem); }
  .uw-translate-x-6 { transform: translateX(6rem); }
  .uw-hover-translate-x-6:hover { transform: translateX(6rem); }
  .uw-focus-translate-x-6:focus { transform: translateX(6rem); }
  .uw-active-translate-x-6:active { transform: translateX(6rem); }
  .uw-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  .uw-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  .uw-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  .uw-group:hover .uw-group-hover-translate-x-6 { transform: translateX(6rem); }
  .uw-translate-y-6 { transform: translateY(6rem); }
  .uw-hover-translate-y-6:hover { transform: translateY(6rem); }
  .uw-focus-translate-y-6:focus { transform: translateY(6rem); }
  .uw-active-translate-y-6:active { transform: translateY(6rem); }
  .uw-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  .uw-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  .uw-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  .uw-group:hover .uw-group-hover-translate-y-6 { transform: translateY(6rem); }
  .uw-translate-x-8 { transform: translateX(8rem); }
  .uw-hover-translate-x-8:hover { transform: translateX(8rem); }
  .uw-focus-translate-x-8:focus { transform: translateX(8rem); }
  .uw-active-translate-x-8:active { transform: translateX(8rem); }
  .uw-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  .uw-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  .uw-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  .uw-group:hover .uw-group-hover-translate-x-8 { transform: translateX(8rem); }
  .uw-translate-y-8 { transform: translateY(8rem); }
  .uw-hover-translate-y-8:hover { transform: translateY(8rem); }
  .uw-focus-translate-y-8:focus { transform: translateY(8rem); }
  .uw-active-translate-y-8:active { transform: translateY(8rem); }
  .uw-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  .uw-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  .uw-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  .uw-group:hover .uw-group-hover-translate-y-8 { transform: translateY(8rem); }
  .uw-translate-x-10 { transform: translateX(10rem); }
  .uw-hover-translate-x-10:hover { transform: translateX(10rem); }
  .uw-focus-translate-x-10:focus { transform: translateX(10rem); }
  .uw-active-translate-x-10:active { transform: translateX(10rem); }
  .uw-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  .uw-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  .uw-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  .uw-group:hover .uw-group-hover-translate-x-10 { transform: translateX(10rem); }
  .uw-translate-y-10 { transform: translateY(10rem); }
  .uw-hover-translate-y-10:hover { transform: translateY(10rem); }
  .uw-focus-translate-y-10:focus { transform: translateY(10rem); }
  .uw-active-translate-y-10:active { transform: translateY(10rem); }
  .uw-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  .uw-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  .uw-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  .uw-group:hover .uw-group-hover-translate-y-10 { transform: translateY(10rem); }
  .uw-translate-x-12 { transform: translateX(12rem); }
  .uw-hover-translate-x-12:hover { transform: translateX(12rem); }
  .uw-focus-translate-x-12:focus { transform: translateX(12rem); }
  .uw-active-translate-x-12:active { transform: translateX(12rem); }
  .uw-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  .uw-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  .uw-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  .uw-group:hover .uw-group-hover-translate-x-12 { transform: translateX(12rem); }
  .uw-translate-y-12 { transform: translateY(12rem); }
  .uw-hover-translate-y-12:hover { transform: translateY(12rem); }
  .uw-focus-translate-y-12:focus { transform: translateY(12rem); }
  .uw-active-translate-y-12:active { transform: translateY(12rem); }
  .uw-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  .uw-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  .uw-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  .uw-group:hover .uw-group-hover-translate-y-12 { transform: translateY(12rem); }
  .uw-translate-x-16 { transform: translateX(16rem); }
  .uw-hover-translate-x-16:hover { transform: translateX(16rem); }
  .uw-focus-translate-x-16:focus { transform: translateX(16rem); }
  .uw-active-translate-x-16:active { transform: translateX(16rem); }
  .uw-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  .uw-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  .uw-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  .uw-group:hover .uw-group-hover-translate-x-16 { transform: translateX(16rem); }
  .uw-translate-y-16 { transform: translateY(16rem); }
  .uw-hover-translate-y-16:hover { transform: translateY(16rem); }
  .uw-focus-translate-y-16:focus { transform: translateY(16rem); }
  .uw-active-translate-y-16:active { transform: translateY(16rem); }
  .uw-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  .uw-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  .uw-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  .uw-group:hover .uw-group-hover-translate-y-16 { transform: translateY(16rem); }
  .uw-translate-x-20 { transform: translateX(20rem); }
  .uw-hover-translate-x-20:hover { transform: translateX(20rem); }
  .uw-focus-translate-x-20:focus { transform: translateX(20rem); }
  .uw-active-translate-x-20:active { transform: translateX(20rem); }
  .uw-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  .uw-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  .uw-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  .uw-group:hover .uw-group-hover-translate-x-20 { transform: translateX(20rem); }
  .uw-translate-y-20 { transform: translateY(20rem); }
  .uw-hover-translate-y-20:hover { transform: translateY(20rem); }
  .uw-focus-translate-y-20:focus { transform: translateY(20rem); }
  .uw-active-translate-y-20:active { transform: translateY(20rem); }
  .uw-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  .uw-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  .uw-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  .uw-group:hover .uw-group-hover-translate-y-20 { transform: translateY(20rem); }
  .uw-translate-x-24 { transform: translateX(24rem); }
  .uw-hover-translate-x-24:hover { transform: translateX(24rem); }
  .uw-focus-translate-x-24:focus { transform: translateX(24rem); }
  .uw-active-translate-x-24:active { transform: translateX(24rem); }
  .uw-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  .uw-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  .uw-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  .uw-group:hover .uw-group-hover-translate-x-24 { transform: translateX(24rem); }
  .uw-translate-y-24 { transform: translateY(24rem); }
  .uw-hover-translate-y-24:hover { transform: translateY(24rem); }
  .uw-focus-translate-y-24:focus { transform: translateY(24rem); }
  .uw-active-translate-y-24:active { transform: translateY(24rem); }
  .uw-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  .uw-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  .uw-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  .uw-group:hover .uw-group-hover-translate-y-24 { transform: translateY(24rem); }
  .uw-translate-x-32 { transform: translateX(32rem); }
  .uw-hover-translate-x-32:hover { transform: translateX(32rem); }
  .uw-focus-translate-x-32:focus { transform: translateX(32rem); }
  .uw-active-translate-x-32:active { transform: translateX(32rem); }
  .uw-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  .uw-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  .uw-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  .uw-group:hover .uw-group-hover-translate-x-32 { transform: translateX(32rem); }
  .uw-translate-y-32 { transform: translateY(32rem); }
  .uw-hover-translate-y-32:hover { transform: translateY(32rem); }
  .uw-focus-translate-y-32:focus { transform: translateY(32rem); }
  .uw-active-translate-y-32:active { transform: translateY(32rem); }
  .uw-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  .uw-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  .uw-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  .uw-group:hover .uw-group-hover-translate-y-32 { transform: translateY(32rem); }
  .uw-scale-0 { transform: scale(0.0); }
  .uw-hover-scale-0:hover { transform: scale(0.0); }
  .uw-focus-scale-0:focus { transform: scale(0.0); }
  .uw-active-scale-0:active { transform: scale(0.0); }
  .uw-disabled-scale-0:disabled { transform: scale(0.0); }
  .uw-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  .uw-focus-within-scale-0:focus-within { transform: scale(0.0); }
  .uw-group:hover .uw-group-hover-scale-0 { transform: scale(0.0); }
  .uw-scale-50 { transform: scale(0.5); }
  .uw-hover-scale-50:hover { transform: scale(0.5); }
  .uw-focus-scale-50:focus { transform: scale(0.5); }
  .uw-active-scale-50:active { transform: scale(0.5); }
  .uw-disabled-scale-50:disabled { transform: scale(0.5); }
  .uw-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .uw-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .uw-group:hover .uw-group-hover-scale-50 { transform: scale(0.5); }
  .uw-scale-75 { transform: scale(0.75); }
  .uw-hover-scale-75:hover { transform: scale(0.75); }
  .uw-focus-scale-75:focus { transform: scale(0.75); }
  .uw-active-scale-75:active { transform: scale(0.75); }
  .uw-disabled-scale-75:disabled { transform: scale(0.75); }
  .uw-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .uw-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .uw-group:hover .uw-group-hover-scale-75 { transform: scale(0.75); }
  .uw-scale-90 { transform: scale(0.9); }
  .uw-hover-scale-90:hover { transform: scale(0.9); }
  .uw-focus-scale-90:focus { transform: scale(0.9); }
  .uw-active-scale-90:active { transform: scale(0.9); }
  .uw-disabled-scale-90:disabled { transform: scale(0.9); }
  .uw-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .uw-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .uw-group:hover .uw-group-hover-scale-90 { transform: scale(0.9); }
  .uw-scale-95 { transform: scale(0.95); }
  .uw-hover-scale-95:hover { transform: scale(0.95); }
  .uw-focus-scale-95:focus { transform: scale(0.95); }
  .uw-active-scale-95:active { transform: scale(0.95); }
  .uw-disabled-scale-95:disabled { transform: scale(0.95); }
  .uw-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .uw-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .uw-group:hover .uw-group-hover-scale-95 { transform: scale(0.95); }
  .uw-scale-100 { transform: scale(1.0); }
  .uw-hover-scale-100:hover { transform: scale(1.0); }
  .uw-focus-scale-100:focus { transform: scale(1.0); }
  .uw-active-scale-100:active { transform: scale(1.0); }
  .uw-disabled-scale-100:disabled { transform: scale(1.0); }
  .uw-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .uw-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .uw-group:hover .uw-group-hover-scale-100 { transform: scale(1.0); }
  .uw-scale-105 { transform: scale(1.05); }
  .uw-hover-scale-105:hover { transform: scale(1.05); }
  .uw-focus-scale-105:focus { transform: scale(1.05); }
  .uw-active-scale-105:active { transform: scale(1.05); }
  .uw-disabled-scale-105:disabled { transform: scale(1.05); }
  .uw-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .uw-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .uw-group:hover .uw-group-hover-scale-105 { transform: scale(1.05); }
  .uw-scale-110 { transform: scale(1.1); }
  .uw-hover-scale-110:hover { transform: scale(1.1); }
  .uw-focus-scale-110:focus { transform: scale(1.1); }
  .uw-active-scale-110:active { transform: scale(1.1); }
  .uw-disabled-scale-110:disabled { transform: scale(1.1); }
  .uw-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .uw-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .uw-group:hover .uw-group-hover-scale-110 { transform: scale(1.1); }
  .uw-scale-125 { transform: scale(1.25); }
  .uw-hover-scale-125:hover { transform: scale(1.25); }
  .uw-focus-scale-125:focus { transform: scale(1.25); }
  .uw-active-scale-125:active { transform: scale(1.25); }
  .uw-disabled-scale-125:disabled { transform: scale(1.25); }
  .uw-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .uw-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .uw-group:hover .uw-group-hover-scale-125 { transform: scale(1.25); }
  .uw-scale-150 { transform: scale(1.5); }
  .uw-hover-scale-150:hover { transform: scale(1.5); }
  .uw-focus-scale-150:focus { transform: scale(1.5); }
  .uw-active-scale-150:active { transform: scale(1.5); }
  .uw-disabled-scale-150:disabled { transform: scale(1.5); }
  .uw-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .uw-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .uw-group:hover .uw-group-hover-scale-150 { transform: scale(1.5); }
  .uw-rotate--180 { transform: rotate(-180deg); }
  .uw-hover-rotate--180:hover { transform: rotate(-180deg); }
  .uw-focus-rotate--180:focus { transform: rotate(-180deg); }
  .uw-active-rotate--180:active { transform: rotate(-180deg); }
  .uw-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  .uw-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  .uw-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  .uw-group:hover .uw-group-hover-rotate--180 { transform: rotate(-180deg); }
  .uw-rotate--90 { transform: rotate(-90deg); }
  .uw-hover-rotate--90:hover { transform: rotate(-90deg); }
  .uw-focus-rotate--90:focus { transform: rotate(-90deg); }
  .uw-active-rotate--90:active { transform: rotate(-90deg); }
  .uw-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  .uw-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  .uw-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  .uw-group:hover .uw-group-hover-rotate--90 { transform: rotate(-90deg); }
  .uw-rotate--45 { transform: rotate(-45deg); }
  .uw-hover-rotate--45:hover { transform: rotate(-45deg); }
  .uw-focus-rotate--45:focus { transform: rotate(-45deg); }
  .uw-active-rotate--45:active { transform: rotate(-45deg); }
  .uw-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  .uw-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  .uw-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  .uw-group:hover .uw-group-hover-rotate--45 { transform: rotate(-45deg); }
  .uw-rotate-0 { transform: rotate(0deg); }
  .uw-hover-rotate-0:hover { transform: rotate(0deg); }
  .uw-focus-rotate-0:focus { transform: rotate(0deg); }
  .uw-active-rotate-0:active { transform: rotate(0deg); }
  .uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .uw-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .uw-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .uw-group:hover .uw-group-hover-rotate-0 { transform: rotate(0deg); }
  .uw-rotate-45 { transform: rotate(45deg); }
  .uw-hover-rotate-45:hover { transform: rotate(45deg); }
  .uw-focus-rotate-45:focus { transform: rotate(45deg); }
  .uw-active-rotate-45:active { transform: rotate(45deg); }
  .uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .uw-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .uw-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .uw-group:hover .uw-group-hover-rotate-45 { transform: rotate(45deg); }
  .uw-rotate-90 { transform: rotate(90deg); }
  .uw-hover-rotate-90:hover { transform: rotate(90deg); }
  .uw-focus-rotate-90:focus { transform: rotate(90deg); }
  .uw-active-rotate-90:active { transform: rotate(90deg); }
  .uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .uw-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .uw-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .uw-group:hover .uw-group-hover-rotate-90 { transform: rotate(90deg); }
  .uw-rotate-180 { transform: rotate(180deg); }
  .uw-hover-rotate-180:hover { transform: rotate(180deg); }
  .uw-focus-rotate-180:focus { transform: rotate(180deg); }
  .uw-active-rotate-180:active { transform: rotate(180deg); }
  .uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .uw-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .uw-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .uw-group:hover .uw-group-hover-rotate-180 { transform: rotate(180deg); }
  .uw-skew-x--45 { transform: skewX(-45deg); }
  .uw-hover-skew-x--45:hover { transform: skewX(-45deg); }
  .uw-focus-skew-x--45:focus { transform: skewX(-45deg); }
  .uw-active-skew-x--45:active { transform: skewX(-45deg); }
  .uw-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  .uw-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  .uw-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  .uw-group:hover .uw-group-hover-skew-x--45 { transform: skewX(-45deg); }
  .uw-skew-y--45 { transform: skewY(-45deg); }
  .uw-hover-skew-y--45:hover { transform: skewY(-45deg); }
  .uw-focus-skew-y--45:focus { transform: skewY(-45deg); }
  .uw-active-skew-y--45:active { transform: skewY(-45deg); }
  .uw-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  .uw-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  .uw-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  .uw-group:hover .uw-group-hover-skew-y--45 { transform: skewY(-45deg); }
  .uw-skew-x--30 { transform: skewX(-30deg); }
  .uw-hover-skew-x--30:hover { transform: skewX(-30deg); }
  .uw-focus-skew-x--30:focus { transform: skewX(-30deg); }
  .uw-active-skew-x--30:active { transform: skewX(-30deg); }
  .uw-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  .uw-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  .uw-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  .uw-group:hover .uw-group-hover-skew-x--30 { transform: skewX(-30deg); }
  .uw-skew-y--30 { transform: skewY(-30deg); }
  .uw-hover-skew-y--30:hover { transform: skewY(-30deg); }
  .uw-focus-skew-y--30:focus { transform: skewY(-30deg); }
  .uw-active-skew-y--30:active { transform: skewY(-30deg); }
  .uw-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  .uw-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  .uw-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  .uw-group:hover .uw-group-hover-skew-y--30 { transform: skewY(-30deg); }
  .uw-skew-x--15 { transform: skewX(-15deg); }
  .uw-hover-skew-x--15:hover { transform: skewX(-15deg); }
  .uw-focus-skew-x--15:focus { transform: skewX(-15deg); }
  .uw-active-skew-x--15:active { transform: skewX(-15deg); }
  .uw-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  .uw-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  .uw-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  .uw-group:hover .uw-group-hover-skew-x--15 { transform: skewX(-15deg); }
  .uw-skew-y--15 { transform: skewY(-15deg); }
  .uw-hover-skew-y--15:hover { transform: skewY(-15deg); }
  .uw-focus-skew-y--15:focus { transform: skewY(-15deg); }
  .uw-active-skew-y--15:active { transform: skewY(-15deg); }
  .uw-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  .uw-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  .uw-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  .uw-group:hover .uw-group-hover-skew-y--15 { transform: skewY(-15deg); }
  .uw-skew-x-0 { transform: skewX(0deg); }
  .uw-hover-skew-x-0:hover { transform: skewX(0deg); }
  .uw-focus-skew-x-0:focus { transform: skewX(0deg); }
  .uw-active-skew-x-0:active { transform: skewX(0deg); }
  .uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .uw-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .uw-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .uw-group:hover .uw-group-hover-skew-x-0 { transform: skewX(0deg); }
  .uw-skew-y-0 { transform: skewY(0deg); }
  .uw-hover-skew-y-0:hover { transform: skewY(0deg); }
  .uw-focus-skew-y-0:focus { transform: skewY(0deg); }
  .uw-active-skew-y-0:active { transform: skewY(0deg); }
  .uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .uw-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .uw-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .uw-group:hover .uw-group-hover-skew-y-0 { transform: skewY(0deg); }
  .uw-skew-x-15 { transform: skewX(15deg); }
  .uw-hover-skew-x-15:hover { transform: skewX(15deg); }
  .uw-focus-skew-x-15:focus { transform: skewX(15deg); }
  .uw-active-skew-x-15:active { transform: skewX(15deg); }
  .uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .uw-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .uw-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .uw-group:hover .uw-group-hover-skew-x-15 { transform: skewX(15deg); }
  .uw-skew-y-15 { transform: skewY(15deg); }
  .uw-hover-skew-y-15:hover { transform: skewY(15deg); }
  .uw-focus-skew-y-15:focus { transform: skewY(15deg); }
  .uw-active-skew-y-15:active { transform: skewY(15deg); }
  .uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .uw-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .uw-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .uw-group:hover .uw-group-hover-skew-y-15 { transform: skewY(15deg); }
  .uw-skew-x-30 { transform: skewX(30deg); }
  .uw-hover-skew-x-30:hover { transform: skewX(30deg); }
  .uw-focus-skew-x-30:focus { transform: skewX(30deg); }
  .uw-active-skew-x-30:active { transform: skewX(30deg); }
  .uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .uw-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .uw-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .uw-group:hover .uw-group-hover-skew-x-30 { transform: skewX(30deg); }
  .uw-skew-y-30 { transform: skewY(30deg); }
  .uw-hover-skew-y-30:hover { transform: skewY(30deg); }
  .uw-focus-skew-y-30:focus { transform: skewY(30deg); }
  .uw-active-skew-y-30:active { transform: skewY(30deg); }
  .uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .uw-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .uw-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .uw-group:hover .uw-group-hover-skew-y-30 { transform: skewY(30deg); }
  .uw-skew-x-45 { transform: skewX(45deg); }
  .uw-hover-skew-x-45:hover { transform: skewX(45deg); }
  .uw-focus-skew-x-45:focus { transform: skewX(45deg); }
  .uw-active-skew-x-45:active { transform: skewX(45deg); }
  .uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .uw-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .uw-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .uw-group:hover .uw-group-hover-skew-x-45 { transform: skewX(45deg); }
  .uw-skew-y-45 { transform: skewY(45deg); }
  .uw-hover-skew-y-45:hover { transform: skewY(45deg); }
  .uw-focus-skew-y-45:focus { transform: skewY(45deg); }
  .uw-active-skew-y-45:active { transform: skewY(45deg); }
  .uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .uw-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .uw-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .uw-group:hover .uw-group-hover-skew-y-45 { transform: skewY(45deg); }
  .uw-duration-75 { animation-duration: 0.075s !important; }
  .uw-hover-duration-75:hover { animation-duration: 0.075s !important; }
  .uw-focus-duration-75:focus { animation-duration: 0.075s !important; }
  .uw-active-duration-75:active { animation-duration: 0.075s !important; }
  .uw-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  .uw-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  .uw-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  .uw-group:hover .uw-group-hover-duration-75 { animation-duration: 0.075s !important; }
  .uw-duration-100 { animation-duration: 0.1s   !important; }
  .uw-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  .uw-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  .uw-active-duration-100:active { animation-duration: 0.1s   !important; }
  .uw-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  .uw-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  .uw-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  .uw-group:hover .uw-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  .uw-duration-150 { animation-duration: 0.15s  !important; }
  .uw-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  .uw-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  .uw-active-duration-150:active { animation-duration: 0.15s  !important; }
  .uw-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  .uw-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  .uw-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  .uw-group:hover .uw-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  .uw-duration-200 { animation-duration: 0.2s   !important; }
  .uw-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  .uw-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  .uw-active-duration-200:active { animation-duration: 0.2s   !important; }
  .uw-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  .uw-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  .uw-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  .uw-group:hover .uw-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  .uw-duration-300 { animation-duration: 0.3s   !important; }
  .uw-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  .uw-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  .uw-active-duration-300:active { animation-duration: 0.3s   !important; }
  .uw-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  .uw-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  .uw-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  .uw-group:hover .uw-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  .uw-duration-500 { animation-duration: 0.5s   !important; }
  .uw-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  .uw-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  .uw-active-duration-500:active { animation-duration: 0.5s   !important; }
  .uw-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  .uw-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  .uw-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  .uw-group:hover .uw-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  .uw-duration-700 { animation-duration: 0.7s   !important; }
  .uw-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  .uw-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  .uw-active-duration-700:active { animation-duration: 0.7s   !important; }
  .uw-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  .uw-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  .uw-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  .uw-group:hover .uw-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  .uw-duration-1000 { animation-duration: 1s     !important; }
  .uw-hover-duration-1000:hover { animation-duration: 1s     !important; }
  .uw-focus-duration-1000:focus { animation-duration: 1s     !important; }
  .uw-active-duration-1000:active { animation-duration: 1s     !important; }
  .uw-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  .uw-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  .uw-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  .uw-group:hover .uw-group-hover-duration-1000 { animation-duration: 1s     !important; }
  .uw-duration-1500 { animation-duration: 1.5s   !important; }
  .uw-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  .uw-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  .uw-active-duration-1500:active { animation-duration: 1.5s   !important; }
  .uw-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  .uw-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  .uw-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  .uw-group:hover .uw-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  .uw-duration-2000 { animation-duration: 2s     !important; }
  .uw-hover-duration-2000:hover { animation-duration: 2s     !important; }
  .uw-focus-duration-2000:focus { animation-duration: 2s     !important; }
  .uw-active-duration-2000:active { animation-duration: 2s     !important; }
  .uw-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  .uw-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  .uw-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  .uw-group:hover .uw-group-hover-duration-2000 { animation-duration: 2s     !important; }
  .uw-blur-none { filter: blur(0); }
  .uw-hover-blur-none:hover { filter: blur(0); }
  .uw-focus-blur-none:focus { filter: blur(0); }
  .uw-active-blur-none:active { filter: blur(0); }
  .uw-disabled-blur-none:disabled { filter: blur(0); }
  .uw-focus-visible-blur-none:focus-visible { filter: blur(0); }
  .uw-focus-within-blur-none:focus-within { filter: blur(0); }
  .uw-group:hover .uw-group-hover-blur-none { filter: blur(0); }
  .uw-blur-sm { filter: blur(2px); }
  .uw-hover-blur-sm:hover { filter: blur(2px); }
  .uw-focus-blur-sm:focus { filter: blur(2px); }
  .uw-active-blur-sm:active { filter: blur(2px); }
  .uw-disabled-blur-sm:disabled { filter: blur(2px); }
  .uw-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .uw-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .uw-group:hover .uw-group-hover-blur-sm { filter: blur(2px); }
  .uw-blur { filter: blur(4px); }
  .uw-hover-blur:hover { filter: blur(4px); }
  .uw-focus-blur:focus { filter: blur(4px); }
  .uw-active-blur:active { filter: blur(4px); }
  .uw-disabled-blur:disabled { filter: blur(4px); }
  .uw-focus-visible-blur:focus-visible { filter: blur(4px); }
  .uw-focus-within-blur:focus-within { filter: blur(4px); }
  .uw-group:hover .uw-group-hover-blur { filter: blur(4px); }
  .uw-blur-md { filter: blur(8px); }
  .uw-hover-blur-md:hover { filter: blur(8px); }
  .uw-focus-blur-md:focus { filter: blur(8px); }
  .uw-active-blur-md:active { filter: blur(8px); }
  .uw-disabled-blur-md:disabled { filter: blur(8px); }
  .uw-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .uw-focus-within-blur-md:focus-within { filter: blur(8px); }
  .uw-group:hover .uw-group-hover-blur-md { filter: blur(8px); }
  .uw-blur-lg { filter: blur(12px); }
  .uw-hover-blur-lg:hover { filter: blur(12px); }
  .uw-focus-blur-lg:focus { filter: blur(12px); }
  .uw-active-blur-lg:active { filter: blur(12px); }
  .uw-disabled-blur-lg:disabled { filter: blur(12px); }
  .uw-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .uw-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .uw-group:hover .uw-group-hover-blur-lg { filter: blur(12px); }
  .uw-blur-xl { filter: blur(20px); }
  .uw-hover-blur-xl:hover { filter: blur(20px); }
  .uw-focus-blur-xl:focus { filter: blur(20px); }
  .uw-active-blur-xl:active { filter: blur(20px); }
  .uw-disabled-blur-xl:disabled { filter: blur(20px); }
  .uw-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .uw-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .uw-group:hover .uw-group-hover-blur-xl { filter: blur(20px); }
  .uw-brightness-0 { filter: brightness(0); }
  .uw-hover-brightness-0:hover { filter: brightness(0); }
  .uw-focus-brightness-0:focus { filter: brightness(0); }
  .uw-active-brightness-0:active { filter: brightness(0); }
  .uw-disabled-brightness-0:disabled { filter: brightness(0); }
  .uw-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  .uw-focus-within-brightness-0:focus-within { filter: brightness(0); }
  .uw-group:hover .uw-group-hover-brightness-0 { filter: brightness(0); }
  .uw-brightness-50 { filter: brightness(0.5); }
  .uw-hover-brightness-50:hover { filter: brightness(0.5); }
  .uw-focus-brightness-50:focus { filter: brightness(0.5); }
  .uw-active-brightness-50:active { filter: brightness(0.5); }
  .uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .uw-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .uw-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .uw-group:hover .uw-group-hover-brightness-50 { filter: brightness(0.5); }
  .uw-brightness-75 { filter: brightness(0.75); }
  .uw-hover-brightness-75:hover { filter: brightness(0.75); }
  .uw-focus-brightness-75:focus { filter: brightness(0.75); }
  .uw-active-brightness-75:active { filter: brightness(0.75); }
  .uw-disabled-brightness-75:disabled { filter: brightness(0.75); }
  .uw-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  .uw-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  .uw-group:hover .uw-group-hover-brightness-75 { filter: brightness(0.75); }
  .uw-brightness-90 { filter: brightness(0.9); }
  .uw-hover-brightness-90:hover { filter: brightness(0.9); }
  .uw-focus-brightness-90:focus { filter: brightness(0.9); }
  .uw-active-brightness-90:active { filter: brightness(0.9); }
  .uw-disabled-brightness-90:disabled { filter: brightness(0.9); }
  .uw-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  .uw-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  .uw-group:hover .uw-group-hover-brightness-90 { filter: brightness(0.9); }
  .uw-brightness-100 { filter: brightness(1); }
  .uw-hover-brightness-100:hover { filter: brightness(1); }
  .uw-focus-brightness-100:focus { filter: brightness(1); }
  .uw-active-brightness-100:active { filter: brightness(1); }
  .uw-disabled-brightness-100:disabled { filter: brightness(1); }
  .uw-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .uw-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .uw-group:hover .uw-group-hover-brightness-100 { filter: brightness(1); }
  .uw-brightness-125 { filter: brightness(1.25); }
  .uw-hover-brightness-125:hover { filter: brightness(1.25); }
  .uw-focus-brightness-125:focus { filter: brightness(1.25); }
  .uw-active-brightness-125:active { filter: brightness(1.25); }
  .uw-disabled-brightness-125:disabled { filter: brightness(1.25); }
  .uw-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  .uw-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  .uw-group:hover .uw-group-hover-brightness-125 { filter: brightness(1.25); }
  .uw-brightness-150 { filter: brightness(1.5); }
  .uw-hover-brightness-150:hover { filter: brightness(1.5); }
  .uw-focus-brightness-150:focus { filter: brightness(1.5); }
  .uw-active-brightness-150:active { filter: brightness(1.5); }
  .uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .uw-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .uw-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .uw-group:hover .uw-group-hover-brightness-150 { filter: brightness(1.5); }
  .uw-brightness-200 { filter: brightness(2); }
  .uw-hover-brightness-200:hover { filter: brightness(2); }
  .uw-focus-brightness-200:focus { filter: brightness(2); }
  .uw-active-brightness-200:active { filter: brightness(2); }
  .uw-disabled-brightness-200:disabled { filter: brightness(2); }
  .uw-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  .uw-focus-within-brightness-200:focus-within { filter: brightness(2); }
  .uw-group:hover .uw-group-hover-brightness-200 { filter: brightness(2); }
  .uw-contrast-0 { filter: contrast(0); }
  .uw-hover-contrast-0:hover { filter: contrast(0); }
  .uw-focus-contrast-0:focus { filter: contrast(0); }
  .uw-active-contrast-0:active { filter: contrast(0); }
  .uw-disabled-contrast-0:disabled { filter: contrast(0); }
  .uw-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  .uw-focus-within-contrast-0:focus-within { filter: contrast(0); }
  .uw-group:hover .uw-group-hover-contrast-0 { filter: contrast(0); }
  .uw-contrast-50 { filter: contrast(0.5); }
  .uw-hover-contrast-50:hover { filter: contrast(0.5); }
  .uw-focus-contrast-50:focus { filter: contrast(0.5); }
  .uw-active-contrast-50:active { filter: contrast(0.5); }
  .uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .uw-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .uw-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .uw-group:hover .uw-group-hover-contrast-50 { filter: contrast(0.5); }
  .uw-contrast-75 { filter: contrast(0.75); }
  .uw-hover-contrast-75:hover { filter: contrast(0.75); }
  .uw-focus-contrast-75:focus { filter: contrast(0.75); }
  .uw-active-contrast-75:active { filter: contrast(0.75); }
  .uw-disabled-contrast-75:disabled { filter: contrast(0.75); }
  .uw-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  .uw-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  .uw-group:hover .uw-group-hover-contrast-75 { filter: contrast(0.75); }
  .uw-contrast-100 { filter: contrast(1); }
  .uw-hover-contrast-100:hover { filter: contrast(1); }
  .uw-focus-contrast-100:focus { filter: contrast(1); }
  .uw-active-contrast-100:active { filter: contrast(1); }
  .uw-disabled-contrast-100:disabled { filter: contrast(1); }
  .uw-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .uw-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .uw-group:hover .uw-group-hover-contrast-100 { filter: contrast(1); }
  .uw-contrast-125 { filter: contrast(1.25); }
  .uw-hover-contrast-125:hover { filter: contrast(1.25); }
  .uw-focus-contrast-125:focus { filter: contrast(1.25); }
  .uw-active-contrast-125:active { filter: contrast(1.25); }
  .uw-disabled-contrast-125:disabled { filter: contrast(1.25); }
  .uw-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  .uw-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  .uw-group:hover .uw-group-hover-contrast-125 { filter: contrast(1.25); }
  .uw-contrast-150 { filter: contrast(1.5); }
  .uw-hover-contrast-150:hover { filter: contrast(1.5); }
  .uw-focus-contrast-150:focus { filter: contrast(1.5); }
  .uw-active-contrast-150:active { filter: contrast(1.5); }
  .uw-disabled-contrast-150:disabled { filter: contrast(1.5); }
  .uw-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  .uw-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  .uw-group:hover .uw-group-hover-contrast-150 { filter: contrast(1.5); }
  .uw-contrast-200 { filter: contrast(2); }
  .uw-hover-contrast-200:hover { filter: contrast(2); }
  .uw-focus-contrast-200:focus { filter: contrast(2); }
  .uw-active-contrast-200:active { filter: contrast(2); }
  .uw-disabled-contrast-200:disabled { filter: contrast(2); }
  .uw-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  .uw-focus-within-contrast-200:focus-within { filter: contrast(2); }
  .uw-group:hover .uw-group-hover-contrast-200 { filter: contrast(2); }
  .uw-grayscale-0 { filter: grayscale(0); }
  .uw-hover-grayscale-0:hover { filter: grayscale(0); }
  .uw-focus-grayscale-0:focus { filter: grayscale(0); }
  .uw-active-grayscale-0:active { filter: grayscale(0); }
  .uw-disabled-grayscale-0:disabled { filter: grayscale(0); }
  .uw-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  .uw-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  .uw-group:hover .uw-group-hover-grayscale-0 { filter: grayscale(0); }
  .uw-grayscale-100 { filter: grayscale(1); }
  .uw-hover-grayscale-100:hover { filter: grayscale(1); }
  .uw-focus-grayscale-100:focus { filter: grayscale(1); }
  .uw-active-grayscale-100:active { filter: grayscale(1); }
  .uw-disabled-grayscale-100:disabled { filter: grayscale(1); }
  .uw-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  .uw-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  .uw-group:hover .uw-group-hover-grayscale-100 { filter: grayscale(1); }
  .uw-hue-rotate-0 { filter: hue-rotate(0deg); }
  .uw-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  .uw-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  .uw-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  .uw-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  .uw-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  .uw-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  .uw-group:hover .uw-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  .uw-hue-rotate-45 { filter: hue-rotate(45deg); }
  .uw-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  .uw-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  .uw-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  .uw-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  .uw-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  .uw-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  .uw-group:hover .uw-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  .uw-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .uw-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .uw-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .uw-group:hover .uw-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-hue-rotate-180 { filter: hue-rotate(180deg); }
  .uw-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  .uw-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  .uw-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  .uw-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  .uw-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  .uw-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  .uw-group:hover .uw-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  .uw-invert-0 { filter: invert(0); }
  .uw-hover-invert-0:hover { filter: invert(0); }
  .uw-focus-invert-0:focus { filter: invert(0); }
  .uw-active-invert-0:active { filter: invert(0); }
  .uw-disabled-invert-0:disabled { filter: invert(0); }
  .uw-focus-visible-invert-0:focus-visible { filter: invert(0); }
  .uw-focus-within-invert-0:focus-within { filter: invert(0); }
  .uw-group:hover .uw-group-hover-invert-0 { filter: invert(0); }
  .uw-invert-100 { filter: invert(1); }
  .uw-hover-invert-100:hover { filter: invert(1); }
  .uw-focus-invert-100:focus { filter: invert(1); }
  .uw-active-invert-100:active { filter: invert(1); }
  .uw-disabled-invert-100:disabled { filter: invert(1); }
  .uw-focus-visible-invert-100:focus-visible { filter: invert(1); }
  .uw-focus-within-invert-100:focus-within { filter: invert(1); }
  .uw-group:hover .uw-group-hover-invert-100 { filter: invert(1); }
  .uw-saturate-0 { filter: saturate(0); }
  .uw-hover-saturate-0:hover { filter: saturate(0); }
  .uw-focus-saturate-0:focus { filter: saturate(0); }
  .uw-active-saturate-0:active { filter: saturate(0); }
  .uw-disabled-saturate-0:disabled { filter: saturate(0); }
  .uw-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  .uw-focus-within-saturate-0:focus-within { filter: saturate(0); }
  .uw-group:hover .uw-group-hover-saturate-0 { filter: saturate(0); }
  .uw-saturate-50 { filter: saturate(0.5); }
  .uw-hover-saturate-50:hover { filter: saturate(0.5); }
  .uw-focus-saturate-50:focus { filter: saturate(0.5); }
  .uw-active-saturate-50:active { filter: saturate(0.5); }
  .uw-disabled-saturate-50:disabled { filter: saturate(0.5); }
  .uw-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  .uw-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  .uw-group:hover .uw-group-hover-saturate-50 { filter: saturate(0.5); }
  .uw-saturate-100 { filter: saturate(1); }
  .uw-hover-saturate-100:hover { filter: saturate(1); }
  .uw-focus-saturate-100:focus { filter: saturate(1); }
  .uw-active-saturate-100:active { filter: saturate(1); }
  .uw-disabled-saturate-100:disabled { filter: saturate(1); }
  .uw-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  .uw-focus-within-saturate-100:focus-within { filter: saturate(1); }
  .uw-group:hover .uw-group-hover-saturate-100 { filter: saturate(1); }
  .uw-saturate-150 { filter: saturate(1.5); }
  .uw-hover-saturate-150:hover { filter: saturate(1.5); }
  .uw-focus-saturate-150:focus { filter: saturate(1.5); }
  .uw-active-saturate-150:active { filter: saturate(1.5); }
  .uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .uw-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .uw-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .uw-group:hover .uw-group-hover-saturate-150 { filter: saturate(1.5); }
  .uw-saturate-200 { filter: saturate(2); }
  .uw-hover-saturate-200:hover { filter: saturate(2); }
  .uw-focus-saturate-200:focus { filter: saturate(2); }
  .uw-active-saturate-200:active { filter: saturate(2); }
  .uw-disabled-saturate-200:disabled { filter: saturate(2); }
  .uw-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  .uw-focus-within-saturate-200:focus-within { filter: saturate(2); }
  .uw-group:hover .uw-group-hover-saturate-200 { filter: saturate(2); }
  .uw-sepia-0 { filter: sepia(0); }
  .uw-hover-sepia-0:hover { filter: sepia(0); }
  .uw-focus-sepia-0:focus { filter: sepia(0); }
  .uw-active-sepia-0:active { filter: sepia(0); }
  .uw-disabled-sepia-0:disabled { filter: sepia(0); }
  .uw-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  .uw-focus-within-sepia-0:focus-within { filter: sepia(0); }
  .uw-group:hover .uw-group-hover-sepia-0 { filter: sepia(0); }
  .uw-sepia-100 { filter: sepia(1); }
  .uw-hover-sepia-100:hover { filter: sepia(1); }
  .uw-focus-sepia-100:focus { filter: sepia(1); }
  .uw-active-sepia-100:active { filter: sepia(1); }
  .uw-disabled-sepia-100:disabled { filter: sepia(1); }
  .uw-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  .uw-focus-within-sepia-100:focus-within { filter: sepia(1); }
  .uw-group:hover .uw-group-hover-sepia-100 { filter: sepia(1); }
  .uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-group:hover .uw-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  .uw-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-group:hover .uw-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  .uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-group:hover .uw-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  .uw-mix-normal { mix-blend-mode: normal; }
  .uw-hover-mix-normal:hover { mix-blend-mode: normal; }
  .uw-focus-mix-normal:focus { mix-blend-mode: normal; }
  .uw-active-mix-normal:active { mix-blend-mode: normal; }
  .uw-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  .uw-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  .uw-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  .uw-group:hover .uw-group-hover-mix-normal { mix-blend-mode: normal; }
  .uw-mix-multiply { mix-blend-mode: multiply; }
  .uw-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  .uw-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  .uw-active-mix-multiply:active { mix-blend-mode: multiply; }
  .uw-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  .uw-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  .uw-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  .uw-group:hover .uw-group-hover-mix-multiply { mix-blend-mode: multiply; }
  .uw-mix-screen { mix-blend-mode: screen; }
  .uw-hover-mix-screen:hover { mix-blend-mode: screen; }
  .uw-focus-mix-screen:focus { mix-blend-mode: screen; }
  .uw-active-mix-screen:active { mix-blend-mode: screen; }
  .uw-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  .uw-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  .uw-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  .uw-group:hover .uw-group-hover-mix-screen { mix-blend-mode: screen; }
  .uw-mix-overlay { mix-blend-mode: overlay; }
  .uw-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  .uw-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  .uw-active-mix-overlay:active { mix-blend-mode: overlay; }
  .uw-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  .uw-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  .uw-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  .uw-group:hover .uw-group-hover-mix-overlay { mix-blend-mode: overlay; }
  .uw-mix-darken { mix-blend-mode: darken; }
  .uw-hover-mix-darken:hover { mix-blend-mode: darken; }
  .uw-focus-mix-darken:focus { mix-blend-mode: darken; }
  .uw-active-mix-darken:active { mix-blend-mode: darken; }
  .uw-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  .uw-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  .uw-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  .uw-group:hover .uw-group-hover-mix-darken { mix-blend-mode: darken; }
  .uw-mix-lighten { mix-blend-mode: lighten; }
  .uw-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  .uw-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  .uw-active-mix-lighten:active { mix-blend-mode: lighten; }
  .uw-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  .uw-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  .uw-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  .uw-group:hover .uw-group-hover-mix-lighten { mix-blend-mode: lighten; }
  .uw-mix-color-dodge { mix-blend-mode: color-dodge; }
  .uw-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  .uw-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  .uw-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  .uw-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  .uw-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  .uw-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  .uw-group:hover .uw-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  .uw-mix-color-burn { mix-blend-mode: color-burn; }
  .uw-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  .uw-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  .uw-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  .uw-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  .uw-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  .uw-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  .uw-group:hover .uw-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  .uw-mix-hard-light { mix-blend-mode: hard-light; }
  .uw-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  .uw-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  .uw-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  .uw-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  .uw-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  .uw-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  .uw-group:hover .uw-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  .uw-mix-soft-light { mix-blend-mode: soft-light; }
  .uw-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  .uw-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  .uw-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  .uw-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  .uw-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  .uw-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  .uw-group:hover .uw-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  .uw-mix-difference { mix-blend-mode: difference; }
  .uw-hover-mix-difference:hover { mix-blend-mode: difference; }
  .uw-focus-mix-difference:focus { mix-blend-mode: difference; }
  .uw-active-mix-difference:active { mix-blend-mode: difference; }
  .uw-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  .uw-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  .uw-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  .uw-group:hover .uw-group-hover-mix-difference { mix-blend-mode: difference; }
  .uw-mix-exclusion { mix-blend-mode: exclusion; }
  .uw-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  .uw-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  .uw-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  .uw-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  .uw-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  .uw-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  .uw-group:hover .uw-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  .uw-mix-hue { mix-blend-mode: hue; }
  .uw-hover-mix-hue:hover { mix-blend-mode: hue; }
  .uw-focus-mix-hue:focus { mix-blend-mode: hue; }
  .uw-active-mix-hue:active { mix-blend-mode: hue; }
  .uw-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  .uw-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  .uw-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  .uw-group:hover .uw-group-hover-mix-hue { mix-blend-mode: hue; }
  .uw-mix-saturation { mix-blend-mode: saturation; }
  .uw-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  .uw-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  .uw-active-mix-saturation:active { mix-blend-mode: saturation; }
  .uw-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  .uw-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  .uw-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  .uw-group:hover .uw-group-hover-mix-saturation { mix-blend-mode: saturation; }
  .uw-mix-color { mix-blend-mode: color; }
  .uw-hover-mix-color:hover { mix-blend-mode: color; }
  .uw-focus-mix-color:focus { mix-blend-mode: color; }
  .uw-active-mix-color:active { mix-blend-mode: color; }
  .uw-disabled-mix-color:disabled { mix-blend-mode: color; }
  .uw-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  .uw-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  .uw-group:hover .uw-group-hover-mix-color { mix-blend-mode: color; }
  .uw-mix-luminosity { mix-blend-mode: luminosity; }
  .uw-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  .uw-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  .uw-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  .uw-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  .uw-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  .uw-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  .uw-group:hover .uw-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  .uw-bg-blend-normal { background-blend-mode: normal; }
  .uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .uw-active-bg-blend-normal:active { background-blend-mode: normal; }
  .uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .uw-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .uw-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .uw-group:hover .uw-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .uw-bg-blend-multiply { background-blend-mode: multiply; }
  .uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .uw-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .uw-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .uw-group:hover .uw-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .uw-bg-blend-screen { background-blend-mode: screen; }
  .uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .uw-active-bg-blend-screen:active { background-blend-mode: screen; }
  .uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .uw-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .uw-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .uw-group:hover .uw-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .uw-bg-blend-overlay { background-blend-mode: overlay; }
  .uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .uw-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .uw-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .uw-group:hover .uw-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .uw-bg-blend-darken { background-blend-mode: darken; }
  .uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .uw-active-bg-blend-darken:active { background-blend-mode: darken; }
  .uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .uw-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .uw-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .uw-group:hover .uw-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .uw-bg-blend-lighten { background-blend-mode: lighten; }
  .uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .uw-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .uw-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .uw-group:hover .uw-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .uw-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .uw-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  .uw-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  .uw-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  .uw-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  .uw-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  .uw-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  .uw-group:hover .uw-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  .uw-bg-blend-color-burn { background-blend-mode: color-burn; }
  .uw-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  .uw-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  .uw-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  .uw-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  .uw-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  .uw-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  .uw-group:hover .uw-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  .uw-bg-blend-hard-light { background-blend-mode: hard-light; }
  .uw-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  .uw-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  .uw-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  .uw-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  .uw-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  .uw-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  .uw-group:hover .uw-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  .uw-bg-blend-soft-light { background-blend-mode: soft-light; }
  .uw-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  .uw-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  .uw-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  .uw-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  .uw-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  .uw-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  .uw-group:hover .uw-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  .uw-bg-blend-difference { background-blend-mode: difference; }
  .uw-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  .uw-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  .uw-active-bg-blend-difference:active { background-blend-mode: difference; }
  .uw-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  .uw-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  .uw-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  .uw-group:hover .uw-group-hover-bg-blend-difference { background-blend-mode: difference; }
  .uw-bg-blend-exclusion { background-blend-mode: exclusion; }
  .uw-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  .uw-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  .uw-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  .uw-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  .uw-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  .uw-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  .uw-group:hover .uw-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  .uw-bg-blend-hue { background-blend-mode: hue; }
  .uw-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  .uw-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  .uw-active-bg-blend-hue:active { background-blend-mode: hue; }
  .uw-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  .uw-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  .uw-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  .uw-group:hover .uw-group-hover-bg-blend-hue { background-blend-mode: hue; }
  .uw-bg-blend-saturation { background-blend-mode: saturation; }
  .uw-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  .uw-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  .uw-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  .uw-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  .uw-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  .uw-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  .uw-group:hover .uw-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  .uw-bg-blend-color { background-blend-mode: color; }
  .uw-hover-bg-blend-color:hover { background-blend-mode: color; }
  .uw-focus-bg-blend-color:focus { background-blend-mode: color; }
  .uw-active-bg-blend-color:active { background-blend-mode: color; }
  .uw-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  .uw-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  .uw-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  .uw-group:hover .uw-group-hover-bg-blend-color { background-blend-mode: color; }
  .uw-bg-blend-luminosity { background-blend-mode: luminosity; }
  .uw-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  .uw-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  .uw-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  .uw-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  .uw-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  .uw-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  .uw-group:hover .uw-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  .uw-object-contain { object-fit: contain; }
  .uw-hover-object-contain:hover { object-fit: contain; }
  .uw-focus-object-contain:focus { object-fit: contain; }
  .uw-active-object-contain:active { object-fit: contain; }
  .uw-disabled-object-contain:disabled { object-fit: contain; }
  .uw-focus-visible-object-contain:focus-visible { object-fit: contain; }
  .uw-focus-within-object-contain:focus-within { object-fit: contain; }
  .uw-group:hover .uw-group-hover-object-contain { object-fit: contain; }
  .uw-object-cover { object-fit: cover; }
  .uw-hover-object-cover:hover { object-fit: cover; }
  .uw-focus-object-cover:focus { object-fit: cover; }
  .uw-active-object-cover:active { object-fit: cover; }
  .uw-disabled-object-cover:disabled { object-fit: cover; }
  .uw-focus-visible-object-cover:focus-visible { object-fit: cover; }
  .uw-focus-within-object-cover:focus-within { object-fit: cover; }
  .uw-group:hover .uw-group-hover-object-cover { object-fit: cover; }
  .uw-object-fill { object-fit: fill; }
  .uw-hover-object-fill:hover { object-fit: fill; }
  .uw-focus-object-fill:focus { object-fit: fill; }
  .uw-active-object-fill:active { object-fit: fill; }
  .uw-disabled-object-fill:disabled { object-fit: fill; }
  .uw-focus-visible-object-fill:focus-visible { object-fit: fill; }
  .uw-focus-within-object-fill:focus-within { object-fit: fill; }
  .uw-group:hover .uw-group-hover-object-fill { object-fit: fill; }
  .uw-object-none { object-fit: none; }
  .uw-hover-object-none:hover { object-fit: none; }
  .uw-focus-object-none:focus { object-fit: none; }
  .uw-active-object-none:active { object-fit: none; }
  .uw-disabled-object-none:disabled { object-fit: none; }
  .uw-focus-visible-object-none:focus-visible { object-fit: none; }
  .uw-focus-within-object-none:focus-within { object-fit: none; }
  .uw-group:hover .uw-group-hover-object-none { object-fit: none; }
  .uw-object-scale-down { object-fit: scale-down; }
  .uw-hover-object-scale-down:hover { object-fit: scale-down; }
  .uw-focus-object-scale-down:focus { object-fit: scale-down; }
  .uw-active-object-scale-down:active { object-fit: scale-down; }
  .uw-disabled-object-scale-down:disabled { object-fit: scale-down; }
  .uw-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  .uw-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  .uw-group:hover .uw-group-hover-object-scale-down { object-fit: scale-down; }
  .uw-object-top { object-position: top; }
  .uw-hover-object-top:hover { object-position: top; }
  .uw-focus-object-top:focus { object-position: top; }
  .uw-active-object-top:active { object-position: top; }
  .uw-disabled-object-top:disabled { object-position: top; }
  .uw-focus-visible-object-top:focus-visible { object-position: top; }
  .uw-focus-within-object-top:focus-within { object-position: top; }
  .uw-group:hover .uw-group-hover-object-top { object-position: top; }
  .uw-object-bottom { object-position: bottom; }
  .uw-hover-object-bottom:hover { object-position: bottom; }
  .uw-focus-object-bottom:focus { object-position: bottom; }
  .uw-active-object-bottom:active { object-position: bottom; }
  .uw-disabled-object-bottom:disabled { object-position: bottom; }
  .uw-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  .uw-focus-within-object-bottom:focus-within { object-position: bottom; }
  .uw-group:hover .uw-group-hover-object-bottom { object-position: bottom; }
  .uw-object-center { object-position: center; }
  .uw-hover-object-center:hover { object-position: center; }
  .uw-focus-object-center:focus { object-position: center; }
  .uw-active-object-center:active { object-position: center; }
  .uw-disabled-object-center:disabled { object-position: center; }
  .uw-focus-visible-object-center:focus-visible { object-position: center; }
  .uw-focus-within-object-center:focus-within { object-position: center; }
  .uw-group:hover .uw-group-hover-object-center { object-position: center; }
  .uw-object-left { object-position: left; }
  .uw-hover-object-left:hover { object-position: left; }
  .uw-focus-object-left:focus { object-position: left; }
  .uw-active-object-left:active { object-position: left; }
  .uw-disabled-object-left:disabled { object-position: left; }
  .uw-focus-visible-object-left:focus-visible { object-position: left; }
  .uw-focus-within-object-left:focus-within { object-position: left; }
  .uw-group:hover .uw-group-hover-object-left { object-position: left; }
  .uw-object-right { object-position: right; }
  .uw-hover-object-right:hover { object-position: right; }
  .uw-focus-object-right:focus { object-position: right; }
  .uw-active-object-right:active { object-position: right; }
  .uw-disabled-object-right:disabled { object-position: right; }
  .uw-focus-visible-object-right:focus-visible { object-position: right; }
  .uw-focus-within-object-right:focus-within { object-position: right; }
  .uw-group:hover .uw-group-hover-object-right { object-position: right; }
  .uw-object-left-top { object-position: left top; }
  .uw-hover-object-left-top:hover { object-position: left top; }
  .uw-focus-object-left-top:focus { object-position: left top; }
  .uw-active-object-left-top:active { object-position: left top; }
  .uw-disabled-object-left-top:disabled { object-position: left top; }
  .uw-focus-visible-object-left-top:focus-visible { object-position: left top; }
  .uw-focus-within-object-left-top:focus-within { object-position: left top; }
  .uw-group:hover .uw-group-hover-object-left-top { object-position: left top; }
  .uw-object-right-top { object-position: right top; }
  .uw-hover-object-right-top:hover { object-position: right top; }
  .uw-focus-object-right-top:focus { object-position: right top; }
  .uw-active-object-right-top:active { object-position: right top; }
  .uw-disabled-object-right-top:disabled { object-position: right top; }
  .uw-focus-visible-object-right-top:focus-visible { object-position: right top; }
  .uw-focus-within-object-right-top:focus-within { object-position: right top; }
  .uw-group:hover .uw-group-hover-object-right-top { object-position: right top; }
  .uw-object-left-bottom { object-position: left bottom; }
  .uw-hover-object-left-bottom:hover { object-position: left bottom; }
  .uw-focus-object-left-bottom:focus { object-position: left bottom; }
  .uw-active-object-left-bottom:active { object-position: left bottom; }
  .uw-disabled-object-left-bottom:disabled { object-position: left bottom; }
  .uw-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  .uw-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  .uw-group:hover .uw-group-hover-object-left-bottom { object-position: left bottom; }
  .uw-object-right-bottom { object-position: right bottom; }
  .uw-hover-object-right-bottom:hover { object-position: right bottom; }
  .uw-focus-object-right-bottom:focus { object-position: right bottom; }
  .uw-active-object-right-bottom:active { object-position: right bottom; }
  .uw-disabled-object-right-bottom:disabled { object-position: right bottom; }
  .uw-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  .uw-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  .uw-group:hover .uw-group-hover-object-right-bottom { object-position: right bottom; }
  .uw-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-group:hover .uw-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .uw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-group:hover .uw-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .uw-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-group:hover .uw-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .uw-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-group:hover .uw-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .uw-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-group:hover .uw-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .uw-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-group:hover .uw-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  .uw-list-style-image-none { list-style-image: none; }
  .uw-hover-list-style-image-none:hover { list-style-image: none; }
  .uw-focus-list-style-image-none:focus { list-style-image: none; }
  .uw-active-list-style-image-none:active { list-style-image: none; }
  .uw-disabled-list-style-image-none:disabled { list-style-image: none; }
  .uw-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  .uw-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  .uw-group:hover .uw-group-hover-list-style-image-none { list-style-image: none; }
  .uw-list-style-position-inside { list-style-position: inside; }
  .uw-hover-list-style-position-inside:hover { list-style-position: inside; }
  .uw-focus-list-style-position-inside:focus { list-style-position: inside; }
  .uw-active-list-style-position-inside:active { list-style-position: inside; }
  .uw-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  .uw-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  .uw-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  .uw-group:hover .uw-group-hover-list-style-position-inside { list-style-position: inside; }
  .uw-list-style-position-outside { list-style-position: outside; }
  .uw-hover-list-style-position-outside:hover { list-style-position: outside; }
  .uw-focus-list-style-position-outside:focus { list-style-position: outside; }
  .uw-active-list-style-position-outside:active { list-style-position: outside; }
  .uw-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  .uw-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  .uw-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  .uw-group:hover .uw-group-hover-list-style-position-outside { list-style-position: outside; }
  .uw-list-style-type-none { list-style-type: none; }
  .uw-hover-list-style-type-none:hover { list-style-type: none; }
  .uw-focus-list-style-type-none:focus { list-style-type: none; }
  .uw-active-list-style-type-none:active { list-style-type: none; }
  .uw-disabled-list-style-type-none:disabled { list-style-type: none; }
  .uw-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  .uw-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  .uw-group:hover .uw-group-hover-list-style-type-none { list-style-type: none; }
  .uw-list-style-type-disc { list-style-type: disc; }
  .uw-hover-list-style-type-disc:hover { list-style-type: disc; }
  .uw-focus-list-style-type-disc:focus { list-style-type: disc; }
  .uw-active-list-style-type-disc:active { list-style-type: disc; }
  .uw-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  .uw-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  .uw-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  .uw-group:hover .uw-group-hover-list-style-type-disc { list-style-type: disc; }
  .uw-list-style-type-circle { list-style-type: circle; }
  .uw-hover-list-style-type-circle:hover { list-style-type: circle; }
  .uw-focus-list-style-type-circle:focus { list-style-type: circle; }
  .uw-active-list-style-type-circle:active { list-style-type: circle; }
  .uw-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  .uw-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  .uw-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  .uw-group:hover .uw-group-hover-list-style-type-circle { list-style-type: circle; }
  .uw-list-style-type-square { list-style-type: square; }
  .uw-hover-list-style-type-square:hover { list-style-type: square; }
  .uw-focus-list-style-type-square:focus { list-style-type: square; }
  .uw-active-list-style-type-square:active { list-style-type: square; }
  .uw-disabled-list-style-type-square:disabled { list-style-type: square; }
  .uw-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  .uw-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  .uw-group:hover .uw-group-hover-list-style-type-square { list-style-type: square; }
  .uw-list-style-type-decimal { list-style-type: decimal; }
  .uw-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  .uw-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  .uw-active-list-style-type-decimal:active { list-style-type: decimal; }
  .uw-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  .uw-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  .uw-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  .uw-group:hover .uw-group-hover-list-style-type-decimal { list-style-type: decimal; }
  .uw-list-style-type-lower_roman { list-style-type: lower-roman; }
  .uw-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  .uw-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  .uw-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  .uw-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  .uw-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  .uw-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  .uw-group:hover .uw-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  .uw-list-style-type-upper_roman { list-style-type: upper-roman; }
  .uw-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  .uw-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  .uw-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  .uw-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  .uw-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  .uw-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  .uw-group:hover .uw-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  .uw-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .uw-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  .uw-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  .uw-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  .uw-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  .uw-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  .uw-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  .uw-group:hover .uw-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  .uw-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .uw-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  .uw-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  .uw-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  .uw-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  .uw-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  .uw-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  .uw-group:hover .uw-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  .uw-text-align-left { text-align: left; }
  .uw-hover-text-align-left:hover { text-align: left; }
  .uw-focus-text-align-left:focus { text-align: left; }
  .uw-active-text-align-left:active { text-align: left; }
  .uw-disabled-text-align-left:disabled { text-align: left; }
  .uw-focus-visible-text-align-left:focus-visible { text-align: left; }
  .uw-focus-within-text-align-left:focus-within { text-align: left; }
  .uw-group:hover .uw-group-hover-text-align-left { text-align: left; }
  .uw-text-align-center { text-align: center; }
  .uw-hover-text-align-center:hover { text-align: center; }
  .uw-focus-text-align-center:focus { text-align: center; }
  .uw-active-text-align-center:active { text-align: center; }
  .uw-disabled-text-align-center:disabled { text-align: center; }
  .uw-focus-visible-text-align-center:focus-visible { text-align: center; }
  .uw-focus-within-text-align-center:focus-within { text-align: center; }
  .uw-group:hover .uw-group-hover-text-align-center { text-align: center; }
  .uw-text-align-right { text-align: right; }
  .uw-hover-text-align-right:hover { text-align: right; }
  .uw-focus-text-align-right:focus { text-align: right; }
  .uw-active-text-align-right:active { text-align: right; }
  .uw-disabled-text-align-right:disabled { text-align: right; }
  .uw-focus-visible-text-align-right:focus-visible { text-align: right; }
  .uw-focus-within-text-align-right:focus-within { text-align: right; }
  .uw-group:hover .uw-group-hover-text-align-right { text-align: right; }
  .uw-text-align-justify { text-align: justify; }
  .uw-hover-text-align-justify:hover { text-align: justify; }
  .uw-focus-text-align-justify:focus { text-align: justify; }
  .uw-active-text-align-justify:active { text-align: justify; }
  .uw-disabled-text-align-justify:disabled { text-align: justify; }
  .uw-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  .uw-focus-within-text-align-justify:focus-within { text-align: justify; }
  .uw-group:hover .uw-group-hover-text-align-justify { text-align: justify; }
  .uw-backface-visible { backface-visibility: visible; }
  .uw-hover-backface-visible:hover { backface-visibility: visible; }
  .uw-focus-backface-visible:focus { backface-visibility: visible; }
  .uw-active-backface-visible:active { backface-visibility: visible; }
  .uw-disabled-backface-visible:disabled { backface-visibility: visible; }
  .uw-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .uw-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .uw-group:hover .uw-group-hover-backface-visible { backface-visibility: visible; }
  .uw-backface-hidden { backface-visibility: hidden; }
  .uw-hover-backface-hidden:hover { backface-visibility: hidden; }
  .uw-focus-backface-hidden:focus { backface-visibility: hidden; }
  .uw-active-backface-hidden:active { backface-visibility: hidden; }
  .uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .uw-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .uw-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .uw-group:hover .uw-group-hover-backface-hidden { backface-visibility: hidden; }
  .uw-perspective-none { perspective: none; }
  .uw-hover-perspective-none:hover { perspective: none; }
  .uw-focus-perspective-none:focus { perspective: none; }
  .uw-active-perspective-none:active { perspective: none; }
  .uw-disabled-perspective-none:disabled { perspective: none; }
  .uw-focus-visible-perspective-none:focus-visible { perspective: none; }
  .uw-focus-within-perspective-none:focus-within { perspective: none; }
  .uw-group:hover .uw-group-hover-perspective-none { perspective: none; }
  .uw-perspective-100 { perspective: 100px; }
  .uw-hover-perspective-100:hover { perspective: 100px; }
  .uw-focus-perspective-100:focus { perspective: 100px; }
  .uw-active-perspective-100:active { perspective: 100px; }
  .uw-disabled-perspective-100:disabled { perspective: 100px; }
  .uw-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  .uw-focus-within-perspective-100:focus-within { perspective: 100px; }
  .uw-group:hover .uw-group-hover-perspective-100 { perspective: 100px; }
  .uw-perspective-500 { perspective: 500px; }
  .uw-hover-perspective-500:hover { perspective: 500px; }
  .uw-focus-perspective-500:focus { perspective: 500px; }
  .uw-active-perspective-500:active { perspective: 500px; }
  .uw-disabled-perspective-500:disabled { perspective: 500px; }
  .uw-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  .uw-focus-within-perspective-500:focus-within { perspective: 500px; }
  .uw-group:hover .uw-group-hover-perspective-500 { perspective: 500px; }
  .uw-perspective-1000 { perspective: 1000px; }
  .uw-hover-perspective-1000:hover { perspective: 1000px; }
  .uw-focus-perspective-1000:focus { perspective: 1000px; }
  .uw-active-perspective-1000:active { perspective: 1000px; }
  .uw-disabled-perspective-1000:disabled { perspective: 1000px; }
  .uw-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  .uw-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  .uw-group:hover .uw-group-hover-perspective-1000 { perspective: 1000px; }
  .uw-perspective-1500 { perspective: 1500px; }
  .uw-hover-perspective-1500:hover { perspective: 1500px; }
  .uw-focus-perspective-1500:focus { perspective: 1500px; }
  .uw-active-perspective-1500:active { perspective: 1500px; }
  .uw-disabled-perspective-1500:disabled { perspective: 1500px; }
  .uw-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  .uw-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  .uw-group:hover .uw-group-hover-perspective-1500 { perspective: 1500px; }
  .uw-perspective-2000 { perspective: 2000px; }
  .uw-hover-perspective-2000:hover { perspective: 2000px; }
  .uw-focus-perspective-2000:focus { perspective: 2000px; }
  .uw-active-perspective-2000:active { perspective: 2000px; }
  .uw-disabled-perspective-2000:disabled { perspective: 2000px; }
  .uw-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  .uw-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  .uw-group:hover .uw-group-hover-perspective-2000 { perspective: 2000px; }
  .uw-perspective-origin-center { perspective-origin: center; }
  .uw-hover-perspective-origin-center:hover { perspective-origin: center; }
  .uw-focus-perspective-origin-center:focus { perspective-origin: center; }
  .uw-active-perspective-origin-center:active { perspective-origin: center; }
  .uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .uw-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .uw-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .uw-group:hover .uw-group-hover-perspective-origin-center { perspective-origin: center; }
  .uw-perspective-origin-top { perspective-origin: top; }
  .uw-hover-perspective-origin-top:hover { perspective-origin: top; }
  .uw-focus-perspective-origin-top:focus { perspective-origin: top; }
  .uw-active-perspective-origin-top:active { perspective-origin: top; }
  .uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .uw-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .uw-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .uw-group:hover .uw-group-hover-perspective-origin-top { perspective-origin: top; }
  .uw-perspective-origin-bottom { perspective-origin: bottom; }
  .uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .uw-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .uw-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .uw-group:hover .uw-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .uw-perspective-origin-left { perspective-origin: left; }
  .uw-hover-perspective-origin-left:hover { perspective-origin: left; }
  .uw-focus-perspective-origin-left:focus { perspective-origin: left; }
  .uw-active-perspective-origin-left:active { perspective-origin: left; }
  .uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .uw-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .uw-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .uw-group:hover .uw-group-hover-perspective-origin-left { perspective-origin: left; }
  .uw-perspective-origin-right { perspective-origin: right; }
  .uw-hover-perspective-origin-right:hover { perspective-origin: right; }
  .uw-focus-perspective-origin-right:focus { perspective-origin: right; }
  .uw-active-perspective-origin-right:active { perspective-origin: right; }
  .uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .uw-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .uw-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .uw-group:hover .uw-group-hover-perspective-origin-right { perspective-origin: right; }
  .uw-perspective-origin-top_left { perspective-origin: top left; }
  .uw-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  .uw-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  .uw-active-perspective-origin-top_left:active { perspective-origin: top left; }
  .uw-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  .uw-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  .uw-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  .uw-group:hover .uw-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  .uw-perspective-origin-top_right { perspective-origin: top right; }
  .uw-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  .uw-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  .uw-active-perspective-origin-top_right:active { perspective-origin: top right; }
  .uw-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  .uw-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  .uw-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  .uw-group:hover .uw-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  .uw-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .uw-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  .uw-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  .uw-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  .uw-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  .uw-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  .uw-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  .uw-group:hover .uw-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  .uw-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .uw-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  .uw-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  .uw-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  .uw-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  .uw-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  .uw-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  .uw-group:hover .uw-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  .uw-transform { transform: var(--quanta-transform, none); }
  .uw-hover-transform:hover { transform: var(--quanta-transform, none); }
  .uw-focus-transform:focus { transform: var(--quanta-transform, none); }
  .uw-active-transform:active { transform: var(--quanta-transform, none); }
  .uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .uw-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .uw-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .uw-group:hover .uw-group-hover-transform { transform: var(--quanta-transform, none); }
  .uw-transform-none { transform: none; }
  .uw-hover-transform-none:hover { transform: none; }
  .uw-focus-transform-none:focus { transform: none; }
  .uw-active-transform-none:active { transform: none; }
  .uw-disabled-transform-none:disabled { transform: none; }
  .uw-focus-visible-transform-none:focus-visible { transform: none; }
  .uw-focus-within-transform-none:focus-within { transform: none; }
  .uw-group:hover .uw-group-hover-transform-none { transform: none; }
  .uw-rotate-n180 { transform: rotate(-180deg); }
  .uw-hover-rotate-n180:hover { transform: rotate(-180deg); }
  .uw-focus-rotate-n180:focus { transform: rotate(-180deg); }
  .uw-active-rotate-n180:active { transform: rotate(-180deg); }
  .uw-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  .uw-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  .uw-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  .uw-group:hover .uw-group-hover-rotate-n180 { transform: rotate(-180deg); }
  .uw-rotate-n90 { transform: rotate(-90deg); }
  .uw-hover-rotate-n90:hover { transform: rotate(-90deg); }
  .uw-focus-rotate-n90:focus { transform: rotate(-90deg); }
  .uw-active-rotate-n90:active { transform: rotate(-90deg); }
  .uw-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  .uw-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  .uw-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  .uw-group:hover .uw-group-hover-rotate-n90 { transform: rotate(-90deg); }
  .uw-rotate-n45 { transform: rotate(-45deg); }
  .uw-hover-rotate-n45:hover { transform: rotate(-45deg); }
  .uw-focus-rotate-n45:focus { transform: rotate(-45deg); }
  .uw-active-rotate-n45:active { transform: rotate(-45deg); }
  .uw-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  .uw-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  .uw-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  .uw-group:hover .uw-group-hover-rotate-n45 { transform: rotate(-45deg); }
  .uw-rotate-0 { transform: rotate(0deg); }
  .uw-hover-rotate-0:hover { transform: rotate(0deg); }
  .uw-focus-rotate-0:focus { transform: rotate(0deg); }
  .uw-active-rotate-0:active { transform: rotate(0deg); }
  .uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
  .uw-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  .uw-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  .uw-group:hover .uw-group-hover-rotate-0 { transform: rotate(0deg); }
  .uw-rotate-45 { transform: rotate(45deg); }
  .uw-hover-rotate-45:hover { transform: rotate(45deg); }
  .uw-focus-rotate-45:focus { transform: rotate(45deg); }
  .uw-active-rotate-45:active { transform: rotate(45deg); }
  .uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
  .uw-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  .uw-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  .uw-group:hover .uw-group-hover-rotate-45 { transform: rotate(45deg); }
  .uw-rotate-90 { transform: rotate(90deg); }
  .uw-hover-rotate-90:hover { transform: rotate(90deg); }
  .uw-focus-rotate-90:focus { transform: rotate(90deg); }
  .uw-active-rotate-90:active { transform: rotate(90deg); }
  .uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
  .uw-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  .uw-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  .uw-group:hover .uw-group-hover-rotate-90 { transform: rotate(90deg); }
  .uw-rotate-180 { transform: rotate(180deg); }
  .uw-hover-rotate-180:hover { transform: rotate(180deg); }
  .uw-focus-rotate-180:focus { transform: rotate(180deg); }
  .uw-active-rotate-180:active { transform: rotate(180deg); }
  .uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
  .uw-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  .uw-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  .uw-group:hover .uw-group-hover-rotate-180 { transform: rotate(180deg); }
  .uw-scale-50 { transform: scale(0.5); }
  .uw-hover-scale-50:hover { transform: scale(0.5); }
  .uw-focus-scale-50:focus { transform: scale(0.5); }
  .uw-active-scale-50:active { transform: scale(0.5); }
  .uw-disabled-scale-50:disabled { transform: scale(0.5); }
  .uw-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  .uw-focus-within-scale-50:focus-within { transform: scale(0.5); }
  .uw-group:hover .uw-group-hover-scale-50 { transform: scale(0.5); }
  .uw-scale-75 { transform: scale(0.75); }
  .uw-hover-scale-75:hover { transform: scale(0.75); }
  .uw-focus-scale-75:focus { transform: scale(0.75); }
  .uw-active-scale-75:active { transform: scale(0.75); }
  .uw-disabled-scale-75:disabled { transform: scale(0.75); }
  .uw-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  .uw-focus-within-scale-75:focus-within { transform: scale(0.75); }
  .uw-group:hover .uw-group-hover-scale-75 { transform: scale(0.75); }
  .uw-scale-90 { transform: scale(0.9); }
  .uw-hover-scale-90:hover { transform: scale(0.9); }
  .uw-focus-scale-90:focus { transform: scale(0.9); }
  .uw-active-scale-90:active { transform: scale(0.9); }
  .uw-disabled-scale-90:disabled { transform: scale(0.9); }
  .uw-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  .uw-focus-within-scale-90:focus-within { transform: scale(0.9); }
  .uw-group:hover .uw-group-hover-scale-90 { transform: scale(0.9); }
  .uw-scale-95 { transform: scale(0.95); }
  .uw-hover-scale-95:hover { transform: scale(0.95); }
  .uw-focus-scale-95:focus { transform: scale(0.95); }
  .uw-active-scale-95:active { transform: scale(0.95); }
  .uw-disabled-scale-95:disabled { transform: scale(0.95); }
  .uw-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  .uw-focus-within-scale-95:focus-within { transform: scale(0.95); }
  .uw-group:hover .uw-group-hover-scale-95 { transform: scale(0.95); }
  .uw-scale-100 { transform: scale(1.0); }
  .uw-hover-scale-100:hover { transform: scale(1.0); }
  .uw-focus-scale-100:focus { transform: scale(1.0); }
  .uw-active-scale-100:active { transform: scale(1.0); }
  .uw-disabled-scale-100:disabled { transform: scale(1.0); }
  .uw-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  .uw-focus-within-scale-100:focus-within { transform: scale(1.0); }
  .uw-group:hover .uw-group-hover-scale-100 { transform: scale(1.0); }
  .uw-scale-105 { transform: scale(1.05); }
  .uw-hover-scale-105:hover { transform: scale(1.05); }
  .uw-focus-scale-105:focus { transform: scale(1.05); }
  .uw-active-scale-105:active { transform: scale(1.05); }
  .uw-disabled-scale-105:disabled { transform: scale(1.05); }
  .uw-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  .uw-focus-within-scale-105:focus-within { transform: scale(1.05); }
  .uw-group:hover .uw-group-hover-scale-105 { transform: scale(1.05); }
  .uw-scale-110 { transform: scale(1.1); }
  .uw-hover-scale-110:hover { transform: scale(1.1); }
  .uw-focus-scale-110:focus { transform: scale(1.1); }
  .uw-active-scale-110:active { transform: scale(1.1); }
  .uw-disabled-scale-110:disabled { transform: scale(1.1); }
  .uw-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  .uw-focus-within-scale-110:focus-within { transform: scale(1.1); }
  .uw-group:hover .uw-group-hover-scale-110 { transform: scale(1.1); }
  .uw-scale-125 { transform: scale(1.25); }
  .uw-hover-scale-125:hover { transform: scale(1.25); }
  .uw-focus-scale-125:focus { transform: scale(1.25); }
  .uw-active-scale-125:active { transform: scale(1.25); }
  .uw-disabled-scale-125:disabled { transform: scale(1.25); }
  .uw-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  .uw-focus-within-scale-125:focus-within { transform: scale(1.25); }
  .uw-group:hover .uw-group-hover-scale-125 { transform: scale(1.25); }
  .uw-scale-150 { transform: scale(1.5); }
  .uw-hover-scale-150:hover { transform: scale(1.5); }
  .uw-focus-scale-150:focus { transform: scale(1.5); }
  .uw-active-scale-150:active { transform: scale(1.5); }
  .uw-disabled-scale-150:disabled { transform: scale(1.5); }
  .uw-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  .uw-focus-within-scale-150:focus-within { transform: scale(1.5); }
  .uw-group:hover .uw-group-hover-scale-150 { transform: scale(1.5); }
  .uw-skew-x-n45 { transform: skewX(-45deg); }
  .uw-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  .uw-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  .uw-active-skew-x-n45:active { transform: skewX(-45deg); }
  .uw-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  .uw-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  .uw-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  .uw-group:hover .uw-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  .uw-skew-y-n45 { transform: skewY(-45deg); }
  .uw-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  .uw-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  .uw-active-skew-y-n45:active { transform: skewY(-45deg); }
  .uw-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  .uw-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  .uw-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  .uw-group:hover .uw-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  .uw-skew-x-n30 { transform: skewX(-30deg); }
  .uw-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  .uw-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  .uw-active-skew-x-n30:active { transform: skewX(-30deg); }
  .uw-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  .uw-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  .uw-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  .uw-group:hover .uw-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  .uw-skew-y-n30 { transform: skewY(-30deg); }
  .uw-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  .uw-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  .uw-active-skew-y-n30:active { transform: skewY(-30deg); }
  .uw-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  .uw-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  .uw-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  .uw-group:hover .uw-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  .uw-skew-x-n15 { transform: skewX(-15deg); }
  .uw-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  .uw-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  .uw-active-skew-x-n15:active { transform: skewX(-15deg); }
  .uw-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  .uw-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  .uw-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  .uw-group:hover .uw-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  .uw-skew-y-n15 { transform: skewY(-15deg); }
  .uw-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  .uw-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  .uw-active-skew-y-n15:active { transform: skewY(-15deg); }
  .uw-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  .uw-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  .uw-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  .uw-group:hover .uw-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  .uw-skew-x-0 { transform: skewX(0deg); }
  .uw-hover-skew-x-0:hover { transform: skewX(0deg); }
  .uw-focus-skew-x-0:focus { transform: skewX(0deg); }
  .uw-active-skew-x-0:active { transform: skewX(0deg); }
  .uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  .uw-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  .uw-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  .uw-group:hover .uw-group-hover-skew-x-0 { transform: skewX(0deg); }
  .uw-skew-y-0 { transform: skewY(0deg); }
  .uw-hover-skew-y-0:hover { transform: skewY(0deg); }
  .uw-focus-skew-y-0:focus { transform: skewY(0deg); }
  .uw-active-skew-y-0:active { transform: skewY(0deg); }
  .uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  .uw-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  .uw-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  .uw-group:hover .uw-group-hover-skew-y-0 { transform: skewY(0deg); }
  .uw-skew-x-15 { transform: skewX(15deg); }
  .uw-hover-skew-x-15:hover { transform: skewX(15deg); }
  .uw-focus-skew-x-15:focus { transform: skewX(15deg); }
  .uw-active-skew-x-15:active { transform: skewX(15deg); }
  .uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  .uw-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  .uw-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  .uw-group:hover .uw-group-hover-skew-x-15 { transform: skewX(15deg); }
  .uw-skew-y-15 { transform: skewY(15deg); }
  .uw-hover-skew-y-15:hover { transform: skewY(15deg); }
  .uw-focus-skew-y-15:focus { transform: skewY(15deg); }
  .uw-active-skew-y-15:active { transform: skewY(15deg); }
  .uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  .uw-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  .uw-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  .uw-group:hover .uw-group-hover-skew-y-15 { transform: skewY(15deg); }
  .uw-skew-x-30 { transform: skewX(30deg); }
  .uw-hover-skew-x-30:hover { transform: skewX(30deg); }
  .uw-focus-skew-x-30:focus { transform: skewX(30deg); }
  .uw-active-skew-x-30:active { transform: skewX(30deg); }
  .uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  .uw-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  .uw-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  .uw-group:hover .uw-group-hover-skew-x-30 { transform: skewX(30deg); }
  .uw-skew-y-30 { transform: skewY(30deg); }
  .uw-hover-skew-y-30:hover { transform: skewY(30deg); }
  .uw-focus-skew-y-30:focus { transform: skewY(30deg); }
  .uw-active-skew-y-30:active { transform: skewY(30deg); }
  .uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  .uw-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  .uw-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  .uw-group:hover .uw-group-hover-skew-y-30 { transform: skewY(30deg); }
  .uw-skew-x-45 { transform: skewX(45deg); }
  .uw-hover-skew-x-45:hover { transform: skewX(45deg); }
  .uw-focus-skew-x-45:focus { transform: skewX(45deg); }
  .uw-active-skew-x-45:active { transform: skewX(45deg); }
  .uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  .uw-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  .uw-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  .uw-group:hover .uw-group-hover-skew-x-45 { transform: skewX(45deg); }
  .uw-skew-y-45 { transform: skewY(45deg); }
  .uw-hover-skew-y-45:hover { transform: skewY(45deg); }
  .uw-focus-skew-y-45:focus { transform: skewY(45deg); }
  .uw-active-skew-y-45:active { transform: skewY(45deg); }
  .uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  .uw-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  .uw-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  .uw-group:hover .uw-group-hover-skew-y-45 { transform: skewY(45deg); }
  .uw-translate-x-0 { transform: translateX(0rem); }
  .uw-hover-translate-x-0:hover { transform: translateX(0rem); }
  .uw-focus-translate-x-0:focus { transform: translateX(0rem); }
  .uw-active-translate-x-0:active { transform: translateX(0rem); }
  .uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  .uw-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  .uw-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  .uw-group:hover .uw-group-hover-translate-x-0 { transform: translateX(0rem); }
  .uw-translate-y-0 { transform: translateY(0rem); }
  .uw-hover-translate-y-0:hover { transform: translateY(0rem); }
  .uw-focus-translate-y-0:focus { transform: translateY(0rem); }
  .uw-active-translate-y-0:active { transform: translateY(0rem); }
  .uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  .uw-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  .uw-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  .uw-group:hover .uw-group-hover-translate-y-0 { transform: translateY(0rem); }
  .uw-translate-x-0_125 { transform: translateX(0.125rem); }
  .uw-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  .uw-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  .uw-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  .uw-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  .uw-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  .uw-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  .uw-translate-y-0_125 { transform: translateY(0.125rem); }
  .uw-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  .uw-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  .uw-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  .uw-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  .uw-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  .uw-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  .uw-translate-x-0_25 { transform: translateX(0.25rem); }
  .uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  .uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  .uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  .uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  .uw-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  .uw-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  .uw-translate-y-0_25 { transform: translateY(0.25rem); }
  .uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  .uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  .uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  .uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  .uw-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  .uw-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  .uw-translate-x-0_5 { transform: translateX(0.5rem); }
  .uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  .uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  .uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  .uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  .uw-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  .uw-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  .uw-translate-y-0_5 { transform: translateY(0.5rem); }
  .uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  .uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  .uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  .uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  .uw-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  .uw-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  .uw-translate-x-0_75 { transform: translateX(0.75rem); }
  .uw-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  .uw-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  .uw-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  .uw-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  .uw-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  .uw-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  .uw-group:hover .uw-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  .uw-translate-y-0_75 { transform: translateY(0.75rem); }
  .uw-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  .uw-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  .uw-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  .uw-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  .uw-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  .uw-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  .uw-group:hover .uw-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  .uw-translate-x-1 { transform: translateX(1rem); }
  .uw-hover-translate-x-1:hover { transform: translateX(1rem); }
  .uw-focus-translate-x-1:focus { transform: translateX(1rem); }
  .uw-active-translate-x-1:active { transform: translateX(1rem); }
  .uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  .uw-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  .uw-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  .uw-group:hover .uw-group-hover-translate-x-1 { transform: translateX(1rem); }
  .uw-translate-y-1 { transform: translateY(1rem); }
  .uw-hover-translate-y-1:hover { transform: translateY(1rem); }
  .uw-focus-translate-y-1:focus { transform: translateY(1rem); }
  .uw-active-translate-y-1:active { transform: translateY(1rem); }
  .uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  .uw-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  .uw-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  .uw-group:hover .uw-group-hover-translate-y-1 { transform: translateY(1rem); }
  .uw-translate-x-1_5 { transform: translateX(1.5rem); }
  .uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  .uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  .uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  .uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  .uw-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  .uw-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  .uw-group:hover .uw-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  .uw-translate-y-1_5 { transform: translateY(1.5rem); }
  .uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  .uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  .uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  .uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  .uw-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  .uw-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  .uw-group:hover .uw-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  .uw-translate-x-2 { transform: translateX(2rem); }
  .uw-hover-translate-x-2:hover { transform: translateX(2rem); }
  .uw-focus-translate-x-2:focus { transform: translateX(2rem); }
  .uw-active-translate-x-2:active { transform: translateX(2rem); }
  .uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  .uw-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  .uw-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  .uw-group:hover .uw-group-hover-translate-x-2 { transform: translateX(2rem); }
  .uw-translate-y-2 { transform: translateY(2rem); }
  .uw-hover-translate-y-2:hover { transform: translateY(2rem); }
  .uw-focus-translate-y-2:focus { transform: translateY(2rem); }
  .uw-active-translate-y-2:active { transform: translateY(2rem); }
  .uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  .uw-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  .uw-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  .uw-group:hover .uw-group-hover-translate-y-2 { transform: translateY(2rem); }
  .uw-translate-x-3 { transform: translateX(3rem); }
  .uw-hover-translate-x-3:hover { transform: translateX(3rem); }
  .uw-focus-translate-x-3:focus { transform: translateX(3rem); }
  .uw-active-translate-x-3:active { transform: translateX(3rem); }
  .uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  .uw-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  .uw-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  .uw-group:hover .uw-group-hover-translate-x-3 { transform: translateX(3rem); }
  .uw-translate-y-3 { transform: translateY(3rem); }
  .uw-hover-translate-y-3:hover { transform: translateY(3rem); }
  .uw-focus-translate-y-3:focus { transform: translateY(3rem); }
  .uw-active-translate-y-3:active { transform: translateY(3rem); }
  .uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  .uw-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  .uw-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  .uw-group:hover .uw-group-hover-translate-y-3 { transform: translateY(3rem); }
  .uw-translate-x-4 { transform: translateX(4rem); }
  .uw-hover-translate-x-4:hover { transform: translateX(4rem); }
  .uw-focus-translate-x-4:focus { transform: translateX(4rem); }
  .uw-active-translate-x-4:active { transform: translateX(4rem); }
  .uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  .uw-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  .uw-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  .uw-group:hover .uw-group-hover-translate-x-4 { transform: translateX(4rem); }
  .uw-translate-y-4 { transform: translateY(4rem); }
  .uw-hover-translate-y-4:hover { transform: translateY(4rem); }
  .uw-focus-translate-y-4:focus { transform: translateY(4rem); }
  .uw-active-translate-y-4:active { transform: translateY(4rem); }
  .uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  .uw-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  .uw-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  .uw-group:hover .uw-group-hover-translate-y-4 { transform: translateY(4rem); }
  .uw-origin-center { transform-origin: center; }
  .uw-hover-origin-center:hover { transform-origin: center; }
  .uw-focus-origin-center:focus { transform-origin: center; }
  .uw-active-origin-center:active { transform-origin: center; }
  .uw-disabled-origin-center:disabled { transform-origin: center; }
  .uw-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .uw-focus-within-origin-center:focus-within { transform-origin: center; }
  .uw-group:hover .uw-group-hover-origin-center { transform-origin: center; }
  .uw-origin-top { transform-origin: top; }
  .uw-hover-origin-top:hover { transform-origin: top; }
  .uw-focus-origin-top:focus { transform-origin: top; }
  .uw-active-origin-top:active { transform-origin: top; }
  .uw-disabled-origin-top:disabled { transform-origin: top; }
  .uw-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .uw-focus-within-origin-top:focus-within { transform-origin: top; }
  .uw-group:hover .uw-group-hover-origin-top { transform-origin: top; }
  .uw-origin-bottom { transform-origin: bottom; }
  .uw-hover-origin-bottom:hover { transform-origin: bottom; }
  .uw-focus-origin-bottom:focus { transform-origin: bottom; }
  .uw-active-origin-bottom:active { transform-origin: bottom; }
  .uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .uw-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .uw-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .uw-group:hover .uw-group-hover-origin-bottom { transform-origin: bottom; }
  .uw-origin-left { transform-origin: left; }
  .uw-hover-origin-left:hover { transform-origin: left; }
  .uw-focus-origin-left:focus { transform-origin: left; }
  .uw-active-origin-left:active { transform-origin: left; }
  .uw-disabled-origin-left:disabled { transform-origin: left; }
  .uw-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .uw-focus-within-origin-left:focus-within { transform-origin: left; }
  .uw-group:hover .uw-group-hover-origin-left { transform-origin: left; }
  .uw-origin-right { transform-origin: right; }
  .uw-hover-origin-right:hover { transform-origin: right; }
  .uw-focus-origin-right:focus { transform-origin: right; }
  .uw-active-origin-right:active { transform-origin: right; }
  .uw-disabled-origin-right:disabled { transform-origin: right; }
  .uw-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .uw-focus-within-origin-right:focus-within { transform-origin: right; }
  .uw-group:hover .uw-group-hover-origin-right { transform-origin: right; }
  .uw-origin-top_left { transform-origin: top left; }
  .uw-hover-origin-top_left:hover { transform-origin: top left; }
  .uw-focus-origin-top_left:focus { transform-origin: top left; }
  .uw-active-origin-top_left:active { transform-origin: top left; }
  .uw-disabled-origin-top_left:disabled { transform-origin: top left; }
  .uw-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  .uw-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  .uw-group:hover .uw-group-hover-origin-top_left { transform-origin: top left; }
  .uw-origin-top_right { transform-origin: top right; }
  .uw-hover-origin-top_right:hover { transform-origin: top right; }
  .uw-focus-origin-top_right:focus { transform-origin: top right; }
  .uw-active-origin-top_right:active { transform-origin: top right; }
  .uw-disabled-origin-top_right:disabled { transform-origin: top right; }
  .uw-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  .uw-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  .uw-group:hover .uw-group-hover-origin-top_right { transform-origin: top right; }
  .uw-origin-bottom_left { transform-origin: bottom left; }
  .uw-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  .uw-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  .uw-active-origin-bottom_left:active { transform-origin: bottom left; }
  .uw-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  .uw-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  .uw-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  .uw-group:hover .uw-group-hover-origin-bottom_left { transform-origin: bottom left; }
  .uw-origin-bottom_right { transform-origin: bottom right; }
  .uw-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  .uw-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  .uw-active-origin-bottom_right:active { transform-origin: bottom right; }
  .uw-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  .uw-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  .uw-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  .uw-group:hover .uw-group-hover-origin-bottom_right { transform-origin: bottom right; }
  .uw-transform-style-flat { transform-style: flat; }
  .uw-hover-transform-style-flat:hover { transform-style: flat; }
  .uw-focus-transform-style-flat:focus { transform-style: flat; }
  .uw-active-transform-style-flat:active { transform-style: flat; }
  .uw-disabled-transform-style-flat:disabled { transform-style: flat; }
  .uw-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .uw-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .uw-group:hover .uw-group-hover-transform-style-flat { transform-style: flat; }
  .uw-transform-style-preserve-3d { transform-style: preserve-3d; }
  .uw-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  .uw-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  .uw-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  .uw-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  .uw-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  .uw-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  .uw-group:hover .uw-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  .uw-accent-auto { accent-color: auto; }
  .uw-hover-accent-auto:hover { accent-color: auto; }
  .uw-focus-accent-auto:focus { accent-color: auto; }
  .uw-active-accent-auto:active { accent-color: auto; }
  .uw-disabled-accent-auto:disabled { accent-color: auto; }
  .uw-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .uw-focus-within-accent-auto:focus-within { accent-color: auto; }
  .uw-group:hover .uw-group-hover-accent-auto { accent-color: auto; }
  .uw-accent-transparent { accent-color: transparent; }
  .uw-hover-accent-transparent:hover { accent-color: transparent; }
  .uw-focus-accent-transparent:focus { accent-color: transparent; }
  .uw-active-accent-transparent:active { accent-color: transparent; }
  .uw-disabled-accent-transparent:disabled { accent-color: transparent; }
  .uw-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  .uw-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  .uw-group:hover .uw-group-hover-accent-transparent { accent-color: transparent; }
  .uw-accent-red-50 { accent-color: var(--quanta-red-50); }
  .uw-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  .uw-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  .uw-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  .uw-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  .uw-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  .uw-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  .uw-accent-red-100 { accent-color: var(--quanta-red-100); }
  .uw-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  .uw-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  .uw-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  .uw-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  .uw-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  .uw-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  .uw-accent-red-200 { accent-color: var(--quanta-red-200); }
  .uw-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  .uw-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  .uw-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  .uw-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  .uw-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  .uw-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  .uw-accent-red-300 { accent-color: var(--quanta-red-300); }
  .uw-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  .uw-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  .uw-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  .uw-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  .uw-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  .uw-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  .uw-accent-red-400 { accent-color: var(--quanta-red-400); }
  .uw-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  .uw-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  .uw-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  .uw-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  .uw-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  .uw-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  .uw-accent-red-500 { accent-color: var(--quanta-red-500); }
  .uw-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  .uw-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  .uw-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  .uw-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  .uw-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  .uw-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  .uw-accent-red-600 { accent-color: var(--quanta-red-600); }
  .uw-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  .uw-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  .uw-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  .uw-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  .uw-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  .uw-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  .uw-accent-red-700 { accent-color: var(--quanta-red-700); }
  .uw-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  .uw-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  .uw-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  .uw-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  .uw-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  .uw-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  .uw-accent-red-800 { accent-color: var(--quanta-red-800); }
  .uw-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  .uw-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  .uw-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  .uw-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  .uw-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  .uw-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  .uw-accent-red-900 { accent-color: var(--quanta-red-900); }
  .uw-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  .uw-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  .uw-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  .uw-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  .uw-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  .uw-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  .uw-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .uw-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  .uw-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  .uw-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  .uw-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  .uw-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  .uw-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  .uw-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .uw-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  .uw-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  .uw-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  .uw-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  .uw-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  .uw-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  .uw-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .uw-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  .uw-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  .uw-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  .uw-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  .uw-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  .uw-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  .uw-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .uw-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  .uw-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  .uw-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  .uw-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  .uw-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  .uw-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  .uw-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .uw-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  .uw-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  .uw-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  .uw-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  .uw-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  .uw-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  .uw-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .uw-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  .uw-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  .uw-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  .uw-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  .uw-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  .uw-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  .uw-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .uw-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  .uw-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  .uw-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  .uw-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  .uw-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  .uw-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  .uw-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .uw-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  .uw-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  .uw-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  .uw-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  .uw-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  .uw-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  .uw-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .uw-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  .uw-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  .uw-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  .uw-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  .uw-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  .uw-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  .uw-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .uw-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  .uw-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  .uw-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  .uw-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  .uw-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  .uw-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  .uw-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .uw-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  .uw-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  .uw-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  .uw-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  .uw-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  .uw-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  .uw-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .uw-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  .uw-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  .uw-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  .uw-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  .uw-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  .uw-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  .uw-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .uw-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  .uw-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  .uw-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  .uw-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  .uw-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  .uw-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  .uw-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .uw-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  .uw-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  .uw-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  .uw-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  .uw-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  .uw-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  .uw-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .uw-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  .uw-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  .uw-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  .uw-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  .uw-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  .uw-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  .uw-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .uw-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  .uw-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  .uw-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  .uw-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  .uw-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  .uw-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  .uw-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .uw-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  .uw-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  .uw-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  .uw-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  .uw-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  .uw-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  .uw-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .uw-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  .uw-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  .uw-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  .uw-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  .uw-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  .uw-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  .uw-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .uw-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  .uw-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  .uw-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  .uw-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  .uw-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  .uw-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  .uw-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .uw-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  .uw-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  .uw-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  .uw-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  .uw-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  .uw-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  .uw-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .uw-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  .uw-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  .uw-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  .uw-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  .uw-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  .uw-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  .uw-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .uw-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  .uw-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  .uw-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  .uw-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  .uw-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  .uw-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  .uw-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .uw-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  .uw-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  .uw-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  .uw-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  .uw-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  .uw-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  .uw-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .uw-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  .uw-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  .uw-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  .uw-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  .uw-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  .uw-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  .uw-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .uw-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  .uw-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  .uw-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  .uw-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  .uw-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  .uw-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  .uw-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .uw-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  .uw-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  .uw-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  .uw-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  .uw-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  .uw-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  .uw-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .uw-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  .uw-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  .uw-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  .uw-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  .uw-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  .uw-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  .uw-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .uw-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  .uw-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  .uw-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  .uw-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  .uw-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  .uw-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  .uw-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .uw-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  .uw-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  .uw-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  .uw-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  .uw-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  .uw-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  .uw-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .uw-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  .uw-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  .uw-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  .uw-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  .uw-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  .uw-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  .uw-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .uw-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  .uw-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  .uw-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  .uw-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  .uw-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  .uw-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  .uw-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .uw-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  .uw-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  .uw-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  .uw-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  .uw-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  .uw-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  .uw-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .uw-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  .uw-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  .uw-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  .uw-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  .uw-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  .uw-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  .uw-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .uw-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  .uw-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  .uw-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  .uw-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  .uw-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  .uw-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  .uw-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .uw-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  .uw-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  .uw-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  .uw-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  .uw-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  .uw-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  .uw-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .uw-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  .uw-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  .uw-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  .uw-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  .uw-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  .uw-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  .uw-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .uw-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  .uw-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  .uw-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  .uw-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  .uw-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  .uw-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  .uw-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .uw-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  .uw-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  .uw-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  .uw-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  .uw-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  .uw-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  .uw-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .uw-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  .uw-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  .uw-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  .uw-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  .uw-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  .uw-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  .uw-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .uw-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  .uw-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  .uw-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  .uw-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  .uw-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  .uw-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  .uw-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .uw-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  .uw-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  .uw-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  .uw-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  .uw-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  .uw-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  .uw-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .uw-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  .uw-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  .uw-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  .uw-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  .uw-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  .uw-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  .uw-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .uw-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  .uw-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  .uw-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  .uw-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  .uw-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  .uw-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  .uw-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .uw-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  .uw-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  .uw-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  .uw-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  .uw-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  .uw-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  .uw-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .uw-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  .uw-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  .uw-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  .uw-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  .uw-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  .uw-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  .uw-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .uw-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  .uw-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  .uw-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  .uw-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  .uw-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  .uw-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  .uw-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .uw-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  .uw-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  .uw-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  .uw-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  .uw-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  .uw-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  .uw-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .uw-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  .uw-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  .uw-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  .uw-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  .uw-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  .uw-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  .uw-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .uw-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  .uw-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  .uw-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  .uw-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  .uw-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  .uw-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  .uw-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .uw-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  .uw-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  .uw-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  .uw-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  .uw-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  .uw-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  .uw-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .uw-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  .uw-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  .uw-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  .uw-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  .uw-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  .uw-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  .uw-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .uw-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  .uw-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  .uw-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  .uw-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  .uw-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  .uw-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  .uw-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .uw-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  .uw-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  .uw-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  .uw-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  .uw-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  .uw-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  .uw-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .uw-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  .uw-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  .uw-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  .uw-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  .uw-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  .uw-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  .uw-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .uw-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  .uw-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  .uw-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  .uw-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  .uw-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  .uw-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  .uw-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .uw-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  .uw-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  .uw-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  .uw-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  .uw-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  .uw-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  .uw-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .uw-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  .uw-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  .uw-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  .uw-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  .uw-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  .uw-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  .uw-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .uw-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  .uw-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  .uw-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  .uw-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  .uw-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  .uw-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  .uw-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .uw-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  .uw-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  .uw-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  .uw-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  .uw-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  .uw-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  .uw-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .uw-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  .uw-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  .uw-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  .uw-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  .uw-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  .uw-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  .uw-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .uw-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  .uw-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  .uw-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  .uw-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  .uw-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  .uw-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  .uw-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .uw-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  .uw-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  .uw-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  .uw-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  .uw-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  .uw-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  .uw-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .uw-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  .uw-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  .uw-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  .uw-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  .uw-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  .uw-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  .uw-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .uw-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  .uw-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  .uw-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  .uw-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  .uw-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  .uw-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  .uw-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .uw-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  .uw-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  .uw-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  .uw-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  .uw-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  .uw-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  .uw-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .uw-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  .uw-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  .uw-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  .uw-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  .uw-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  .uw-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  .uw-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .uw-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  .uw-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  .uw-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  .uw-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  .uw-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  .uw-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  .uw-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .uw-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  .uw-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  .uw-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  .uw-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  .uw-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  .uw-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  .uw-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .uw-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  .uw-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  .uw-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  .uw-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  .uw-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  .uw-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  .uw-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .uw-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  .uw-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  .uw-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  .uw-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  .uw-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  .uw-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  .uw-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .uw-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  .uw-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  .uw-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  .uw-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  .uw-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  .uw-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  .uw-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .uw-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  .uw-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  .uw-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  .uw-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  .uw-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  .uw-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  .uw-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .uw-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  .uw-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  .uw-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  .uw-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  .uw-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  .uw-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  .uw-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .uw-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  .uw-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  .uw-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  .uw-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  .uw-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  .uw-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  .uw-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .uw-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  .uw-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  .uw-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  .uw-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  .uw-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  .uw-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  .uw-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .uw-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  .uw-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  .uw-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  .uw-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  .uw-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  .uw-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  .uw-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .uw-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  .uw-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  .uw-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  .uw-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  .uw-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  .uw-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  .uw-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .uw-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  .uw-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  .uw-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  .uw-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  .uw-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  .uw-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  .uw-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .uw-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  .uw-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  .uw-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  .uw-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  .uw-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  .uw-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  .uw-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .uw-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  .uw-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  .uw-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  .uw-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  .uw-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  .uw-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  .uw-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .uw-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  .uw-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  .uw-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  .uw-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  .uw-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  .uw-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  .uw-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .uw-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  .uw-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  .uw-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  .uw-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  .uw-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  .uw-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  .uw-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .uw-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  .uw-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  .uw-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  .uw-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  .uw-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  .uw-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  .uw-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .uw-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  .uw-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  .uw-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  .uw-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  .uw-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  .uw-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  .uw-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .uw-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  .uw-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  .uw-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  .uw-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  .uw-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  .uw-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  .uw-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .uw-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  .uw-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  .uw-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  .uw-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  .uw-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  .uw-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  .uw-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .uw-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  .uw-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  .uw-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  .uw-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  .uw-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  .uw-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  .uw-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .uw-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  .uw-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  .uw-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  .uw-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  .uw-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  .uw-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  .uw-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .uw-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  .uw-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  .uw-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  .uw-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  .uw-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  .uw-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  .uw-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .uw-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  .uw-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  .uw-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  .uw-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  .uw-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  .uw-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  .uw-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .uw-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  .uw-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  .uw-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  .uw-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  .uw-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  .uw-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  .uw-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .uw-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  .uw-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  .uw-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  .uw-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  .uw-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  .uw-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  .uw-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .uw-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  .uw-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  .uw-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  .uw-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  .uw-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  .uw-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  .uw-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .uw-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  .uw-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  .uw-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  .uw-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  .uw-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  .uw-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  .uw-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .uw-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  .uw-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  .uw-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  .uw-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  .uw-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  .uw-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  .uw-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .uw-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  .uw-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  .uw-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  .uw-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  .uw-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  .uw-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  .uw-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .uw-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  .uw-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  .uw-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  .uw-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  .uw-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  .uw-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  .uw-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .uw-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  .uw-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  .uw-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  .uw-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  .uw-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  .uw-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  .uw-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .uw-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  .uw-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  .uw-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  .uw-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  .uw-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  .uw-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  .uw-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .uw-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  .uw-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  .uw-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  .uw-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  .uw-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  .uw-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  .uw-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .uw-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  .uw-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  .uw-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  .uw-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  .uw-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  .uw-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  .uw-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .uw-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  .uw-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  .uw-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  .uw-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  .uw-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  .uw-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  .uw-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .uw-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  .uw-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  .uw-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  .uw-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  .uw-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  .uw-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  .uw-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .uw-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  .uw-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  .uw-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  .uw-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  .uw-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  .uw-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  .uw-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .uw-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  .uw-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  .uw-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  .uw-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  .uw-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  .uw-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  .uw-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .uw-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  .uw-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  .uw-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  .uw-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  .uw-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  .uw-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  .uw-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .uw-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  .uw-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  .uw-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  .uw-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  .uw-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  .uw-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  .uw-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .uw-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  .uw-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  .uw-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  .uw-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  .uw-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  .uw-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  .uw-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .uw-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  .uw-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  .uw-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  .uw-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  .uw-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  .uw-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  .uw-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .uw-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  .uw-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  .uw-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  .uw-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  .uw-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  .uw-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  .uw-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .uw-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  .uw-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  .uw-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  .uw-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  .uw-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  .uw-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  .uw-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .uw-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  .uw-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  .uw-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  .uw-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  .uw-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  .uw-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  .uw-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .uw-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  .uw-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  .uw-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  .uw-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  .uw-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  .uw-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  .uw-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .uw-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  .uw-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  .uw-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  .uw-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  .uw-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  .uw-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  .uw-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .uw-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  .uw-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  .uw-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  .uw-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  .uw-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  .uw-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  .uw-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .uw-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  .uw-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  .uw-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  .uw-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  .uw-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  .uw-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  .uw-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .uw-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  .uw-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  .uw-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  .uw-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  .uw-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  .uw-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  .uw-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .uw-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  .uw-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  .uw-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  .uw-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  .uw-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  .uw-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  .uw-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .uw-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  .uw-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  .uw-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  .uw-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  .uw-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  .uw-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  .uw-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .uw-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  .uw-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  .uw-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  .uw-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  .uw-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  .uw-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  .uw-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .uw-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  .uw-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  .uw-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  .uw-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  .uw-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  .uw-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  .uw-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .uw-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  .uw-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  .uw-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  .uw-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  .uw-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  .uw-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  .uw-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .uw-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  .uw-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  .uw-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  .uw-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  .uw-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  .uw-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  .uw-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .uw-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  .uw-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  .uw-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  .uw-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  .uw-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  .uw-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  .uw-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .uw-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  .uw-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  .uw-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  .uw-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  .uw-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  .uw-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  .uw-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .uw-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  .uw-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  .uw-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  .uw-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  .uw-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  .uw-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  .uw-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .uw-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  .uw-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  .uw-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  .uw-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  .uw-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  .uw-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  .uw-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .uw-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  .uw-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  .uw-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  .uw-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  .uw-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  .uw-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  .uw-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .uw-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  .uw-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  .uw-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  .uw-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  .uw-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  .uw-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  .uw-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .uw-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  .uw-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  .uw-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  .uw-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  .uw-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  .uw-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  .uw-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .uw-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  .uw-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  .uw-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  .uw-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  .uw-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  .uw-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  .uw-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .uw-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  .uw-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  .uw-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  .uw-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  .uw-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  .uw-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  .uw-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .uw-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  .uw-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  .uw-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  .uw-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  .uw-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  .uw-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  .uw-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .uw-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  .uw-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  .uw-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  .uw-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  .uw-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  .uw-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  .uw-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .uw-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  .uw-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  .uw-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  .uw-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  .uw-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  .uw-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  .uw-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .uw-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  .uw-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  .uw-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  .uw-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  .uw-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  .uw-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  .uw-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .uw-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  .uw-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  .uw-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  .uw-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  .uw-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  .uw-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  .uw-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .uw-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  .uw-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  .uw-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  .uw-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  .uw-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  .uw-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  .uw-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .uw-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  .uw-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  .uw-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  .uw-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  .uw-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  .uw-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  .uw-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .uw-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  .uw-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  .uw-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  .uw-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  .uw-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  .uw-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  .uw-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .uw-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  .uw-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  .uw-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  .uw-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  .uw-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  .uw-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  .uw-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .uw-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  .uw-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  .uw-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  .uw-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  .uw-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  .uw-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  .uw-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .uw-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  .uw-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  .uw-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  .uw-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  .uw-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  .uw-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  .uw-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .uw-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  .uw-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  .uw-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  .uw-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  .uw-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  .uw-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  .uw-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .uw-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  .uw-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  .uw-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  .uw-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  .uw-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  .uw-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  .uw-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .uw-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  .uw-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  .uw-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  .uw-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  .uw-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  .uw-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  .uw-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .uw-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  .uw-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  .uw-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  .uw-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  .uw-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  .uw-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  .uw-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .uw-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  .uw-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  .uw-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  .uw-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  .uw-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  .uw-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  .uw-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .uw-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  .uw-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  .uw-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  .uw-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  .uw-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  .uw-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  .uw-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .uw-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  .uw-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  .uw-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  .uw-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  .uw-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  .uw-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  .uw-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .uw-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  .uw-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  .uw-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  .uw-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  .uw-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  .uw-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  .uw-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .uw-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  .uw-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  .uw-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  .uw-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  .uw-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  .uw-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  .uw-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .uw-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  .uw-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  .uw-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  .uw-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  .uw-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  .uw-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  .uw-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .uw-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  .uw-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  .uw-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  .uw-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  .uw-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  .uw-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  .uw-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .uw-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  .uw-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  .uw-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  .uw-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  .uw-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  .uw-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  .uw-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .uw-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  .uw-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  .uw-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  .uw-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  .uw-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  .uw-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  .uw-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .uw-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  .uw-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  .uw-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  .uw-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  .uw-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  .uw-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  .uw-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .uw-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  .uw-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  .uw-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  .uw-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  .uw-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  .uw-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  .uw-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .uw-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  .uw-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  .uw-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  .uw-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  .uw-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  .uw-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  .uw-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .uw-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  .uw-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  .uw-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  .uw-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  .uw-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  .uw-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  .uw-accent-green-50 { accent-color: var(--quanta-green-50); }
  .uw-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  .uw-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  .uw-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  .uw-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  .uw-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  .uw-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  .uw-accent-green-100 { accent-color: var(--quanta-green-100); }
  .uw-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  .uw-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  .uw-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  .uw-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  .uw-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  .uw-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  .uw-accent-green-200 { accent-color: var(--quanta-green-200); }
  .uw-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  .uw-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  .uw-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  .uw-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  .uw-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  .uw-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  .uw-accent-green-300 { accent-color: var(--quanta-green-300); }
  .uw-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  .uw-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  .uw-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  .uw-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  .uw-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  .uw-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  .uw-accent-green-400 { accent-color: var(--quanta-green-400); }
  .uw-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  .uw-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  .uw-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  .uw-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  .uw-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  .uw-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  .uw-accent-green-500 { accent-color: var(--quanta-green-500); }
  .uw-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  .uw-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  .uw-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  .uw-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  .uw-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  .uw-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  .uw-accent-green-600 { accent-color: var(--quanta-green-600); }
  .uw-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  .uw-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  .uw-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  .uw-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  .uw-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  .uw-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  .uw-accent-green-700 { accent-color: var(--quanta-green-700); }
  .uw-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  .uw-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  .uw-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  .uw-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  .uw-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  .uw-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  .uw-accent-green-800 { accent-color: var(--quanta-green-800); }
  .uw-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  .uw-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  .uw-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  .uw-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  .uw-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  .uw-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  .uw-accent-green-900 { accent-color: var(--quanta-green-900); }
  .uw-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  .uw-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  .uw-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  .uw-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  .uw-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  .uw-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  .uw-appearance-none { appearance: none; }
  .uw-hover-appearance-none:hover { appearance: none; }
  .uw-focus-appearance-none:focus { appearance: none; }
  .uw-active-appearance-none:active { appearance: none; }
  .uw-disabled-appearance-none:disabled { appearance: none; }
  .uw-focus-visible-appearance-none:focus-visible { appearance: none; }
  .uw-focus-within-appearance-none:focus-within { appearance: none; }
  .uw-group:hover .uw-group-hover-appearance-none { appearance: none; }
  .uw-appearance-auto { appearance: auto; }
  .uw-hover-appearance-auto:hover { appearance: auto; }
  .uw-focus-appearance-auto:focus { appearance: auto; }
  .uw-active-appearance-auto:active { appearance: auto; }
  .uw-disabled-appearance-auto:disabled { appearance: auto; }
  .uw-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  .uw-focus-within-appearance-auto:focus-within { appearance: auto; }
  .uw-group:hover .uw-group-hover-appearance-auto { appearance: auto; }
  .uw-caret-red-50 { caret-color: var(--quanta-red-50); }
  .uw-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  .uw-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  .uw-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  .uw-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  .uw-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  .uw-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  .uw-group:hover .uw-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  .uw-caret-red-100 { caret-color: var(--quanta-red-100); }
  .uw-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  .uw-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  .uw-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  .uw-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  .uw-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  .uw-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  .uw-group:hover .uw-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  .uw-caret-red-200 { caret-color: var(--quanta-red-200); }
  .uw-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  .uw-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  .uw-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  .uw-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  .uw-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  .uw-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  .uw-group:hover .uw-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  .uw-caret-red-300 { caret-color: var(--quanta-red-300); }
  .uw-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  .uw-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  .uw-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  .uw-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  .uw-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  .uw-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  .uw-group:hover .uw-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  .uw-caret-red-400 { caret-color: var(--quanta-red-400); }
  .uw-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  .uw-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  .uw-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  .uw-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  .uw-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  .uw-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  .uw-group:hover .uw-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  .uw-caret-red-500 { caret-color: var(--quanta-red-500); }
  .uw-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  .uw-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  .uw-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  .uw-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  .uw-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  .uw-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  .uw-group:hover .uw-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  .uw-caret-red-600 { caret-color: var(--quanta-red-600); }
  .uw-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  .uw-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  .uw-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  .uw-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  .uw-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  .uw-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  .uw-group:hover .uw-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  .uw-caret-red-700 { caret-color: var(--quanta-red-700); }
  .uw-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  .uw-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  .uw-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  .uw-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  .uw-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  .uw-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  .uw-group:hover .uw-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  .uw-caret-red-800 { caret-color: var(--quanta-red-800); }
  .uw-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  .uw-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  .uw-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  .uw-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  .uw-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  .uw-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  .uw-group:hover .uw-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  .uw-caret-red-900 { caret-color: var(--quanta-red-900); }
  .uw-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  .uw-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  .uw-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  .uw-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  .uw-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  .uw-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  .uw-group:hover .uw-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  .uw-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .uw-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  .uw-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  .uw-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  .uw-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  .uw-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  .uw-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  .uw-group:hover .uw-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  .uw-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .uw-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  .uw-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  .uw-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  .uw-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  .uw-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  .uw-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  .uw-group:hover .uw-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  .uw-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .uw-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  .uw-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  .uw-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  .uw-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  .uw-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  .uw-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  .uw-group:hover .uw-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  .uw-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .uw-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  .uw-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  .uw-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  .uw-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  .uw-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  .uw-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  .uw-group:hover .uw-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  .uw-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .uw-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  .uw-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  .uw-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  .uw-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  .uw-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  .uw-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  .uw-group:hover .uw-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  .uw-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .uw-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  .uw-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  .uw-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  .uw-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  .uw-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  .uw-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  .uw-group:hover .uw-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  .uw-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .uw-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  .uw-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  .uw-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  .uw-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  .uw-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  .uw-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  .uw-group:hover .uw-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  .uw-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .uw-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  .uw-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  .uw-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  .uw-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  .uw-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  .uw-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  .uw-group:hover .uw-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  .uw-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .uw-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  .uw-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  .uw-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  .uw-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  .uw-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  .uw-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  .uw-group:hover .uw-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  .uw-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .uw-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  .uw-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  .uw-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  .uw-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  .uw-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  .uw-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  .uw-group:hover .uw-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  .uw-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .uw-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  .uw-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  .uw-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  .uw-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  .uw-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  .uw-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  .uw-group:hover .uw-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  .uw-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .uw-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  .uw-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  .uw-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  .uw-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  .uw-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  .uw-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  .uw-group:hover .uw-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  .uw-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .uw-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  .uw-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  .uw-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  .uw-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  .uw-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  .uw-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  .uw-group:hover .uw-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  .uw-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .uw-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  .uw-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  .uw-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  .uw-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  .uw-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  .uw-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  .uw-group:hover .uw-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  .uw-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .uw-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  .uw-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  .uw-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  .uw-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  .uw-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  .uw-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  .uw-group:hover .uw-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  .uw-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .uw-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  .uw-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  .uw-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  .uw-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  .uw-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  .uw-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  .uw-group:hover .uw-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  .uw-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .uw-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  .uw-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  .uw-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  .uw-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  .uw-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  .uw-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  .uw-group:hover .uw-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  .uw-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .uw-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  .uw-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  .uw-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  .uw-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  .uw-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  .uw-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  .uw-group:hover .uw-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  .uw-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .uw-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  .uw-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  .uw-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  .uw-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  .uw-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  .uw-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  .uw-group:hover .uw-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  .uw-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .uw-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  .uw-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  .uw-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  .uw-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  .uw-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  .uw-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  .uw-group:hover .uw-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  .uw-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .uw-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  .uw-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  .uw-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  .uw-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  .uw-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  .uw-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  .uw-group:hover .uw-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  .uw-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .uw-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  .uw-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  .uw-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  .uw-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  .uw-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  .uw-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  .uw-group:hover .uw-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  .uw-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .uw-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  .uw-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  .uw-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  .uw-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  .uw-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  .uw-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  .uw-group:hover .uw-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  .uw-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .uw-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  .uw-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  .uw-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  .uw-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  .uw-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  .uw-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  .uw-group:hover .uw-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  .uw-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .uw-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  .uw-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  .uw-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  .uw-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  .uw-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  .uw-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  .uw-group:hover .uw-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  .uw-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .uw-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  .uw-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  .uw-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  .uw-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  .uw-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  .uw-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  .uw-group:hover .uw-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  .uw-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .uw-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  .uw-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  .uw-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  .uw-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  .uw-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  .uw-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  .uw-group:hover .uw-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  .uw-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .uw-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  .uw-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  .uw-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  .uw-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  .uw-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  .uw-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  .uw-group:hover .uw-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  .uw-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .uw-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  .uw-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  .uw-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  .uw-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  .uw-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  .uw-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  .uw-group:hover .uw-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  .uw-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .uw-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  .uw-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  .uw-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  .uw-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  .uw-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  .uw-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  .uw-group:hover .uw-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  .uw-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .uw-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  .uw-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  .uw-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  .uw-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  .uw-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  .uw-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  .uw-group:hover .uw-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  .uw-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .uw-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  .uw-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  .uw-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  .uw-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  .uw-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  .uw-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  .uw-group:hover .uw-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  .uw-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .uw-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  .uw-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  .uw-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  .uw-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  .uw-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  .uw-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  .uw-group:hover .uw-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  .uw-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .uw-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  .uw-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  .uw-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  .uw-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  .uw-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  .uw-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  .uw-group:hover .uw-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  .uw-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .uw-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  .uw-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  .uw-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  .uw-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  .uw-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  .uw-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  .uw-group:hover .uw-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  .uw-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .uw-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  .uw-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  .uw-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  .uw-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  .uw-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  .uw-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  .uw-group:hover .uw-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  .uw-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .uw-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  .uw-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  .uw-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  .uw-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  .uw-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  .uw-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  .uw-group:hover .uw-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  .uw-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .uw-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  .uw-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  .uw-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  .uw-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  .uw-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  .uw-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  .uw-group:hover .uw-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  .uw-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .uw-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  .uw-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  .uw-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  .uw-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  .uw-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  .uw-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  .uw-group:hover .uw-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  .uw-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .uw-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  .uw-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  .uw-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  .uw-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  .uw-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  .uw-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  .uw-group:hover .uw-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  .uw-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .uw-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  .uw-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  .uw-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  .uw-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  .uw-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  .uw-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  .uw-group:hover .uw-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  .uw-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .uw-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  .uw-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  .uw-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  .uw-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  .uw-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  .uw-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  .uw-group:hover .uw-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  .uw-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .uw-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  .uw-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  .uw-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  .uw-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  .uw-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  .uw-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  .uw-group:hover .uw-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  .uw-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .uw-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  .uw-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  .uw-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  .uw-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  .uw-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  .uw-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  .uw-group:hover .uw-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  .uw-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .uw-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  .uw-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  .uw-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  .uw-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  .uw-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  .uw-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  .uw-group:hover .uw-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  .uw-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .uw-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  .uw-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  .uw-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  .uw-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  .uw-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  .uw-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  .uw-group:hover .uw-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  .uw-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .uw-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  .uw-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  .uw-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  .uw-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  .uw-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  .uw-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  .uw-group:hover .uw-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  .uw-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .uw-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  .uw-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  .uw-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  .uw-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  .uw-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  .uw-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  .uw-group:hover .uw-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  .uw-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .uw-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  .uw-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  .uw-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  .uw-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  .uw-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  .uw-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  .uw-group:hover .uw-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  .uw-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .uw-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  .uw-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  .uw-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  .uw-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  .uw-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  .uw-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  .uw-group:hover .uw-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  .uw-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .uw-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  .uw-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  .uw-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  .uw-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  .uw-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  .uw-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  .uw-group:hover .uw-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  .uw-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .uw-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  .uw-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  .uw-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  .uw-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  .uw-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  .uw-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  .uw-group:hover .uw-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  .uw-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .uw-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  .uw-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  .uw-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  .uw-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  .uw-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  .uw-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  .uw-group:hover .uw-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  .uw-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .uw-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  .uw-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  .uw-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  .uw-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  .uw-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  .uw-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  .uw-group:hover .uw-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  .uw-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .uw-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  .uw-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  .uw-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  .uw-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  .uw-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  .uw-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  .uw-group:hover .uw-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  .uw-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .uw-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  .uw-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  .uw-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  .uw-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  .uw-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  .uw-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  .uw-group:hover .uw-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  .uw-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .uw-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  .uw-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  .uw-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  .uw-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  .uw-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  .uw-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  .uw-group:hover .uw-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  .uw-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .uw-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  .uw-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  .uw-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  .uw-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  .uw-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  .uw-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  .uw-group:hover .uw-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  .uw-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .uw-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  .uw-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  .uw-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  .uw-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  .uw-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  .uw-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  .uw-group:hover .uw-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  .uw-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .uw-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  .uw-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  .uw-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  .uw-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  .uw-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  .uw-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  .uw-group:hover .uw-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  .uw-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .uw-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  .uw-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  .uw-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  .uw-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  .uw-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  .uw-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  .uw-group:hover .uw-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  .uw-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .uw-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  .uw-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  .uw-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  .uw-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  .uw-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  .uw-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  .uw-group:hover .uw-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  .uw-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .uw-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  .uw-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  .uw-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  .uw-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  .uw-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  .uw-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  .uw-group:hover .uw-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  .uw-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .uw-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  .uw-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  .uw-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  .uw-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  .uw-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  .uw-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  .uw-group:hover .uw-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  .uw-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .uw-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  .uw-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  .uw-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  .uw-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  .uw-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  .uw-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  .uw-group:hover .uw-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  .uw-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .uw-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  .uw-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  .uw-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  .uw-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  .uw-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  .uw-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  .uw-group:hover .uw-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  .uw-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .uw-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  .uw-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  .uw-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  .uw-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  .uw-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  .uw-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  .uw-group:hover .uw-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  .uw-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .uw-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  .uw-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  .uw-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  .uw-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  .uw-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  .uw-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  .uw-group:hover .uw-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  .uw-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .uw-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  .uw-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  .uw-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  .uw-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  .uw-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  .uw-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  .uw-group:hover .uw-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  .uw-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .uw-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  .uw-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  .uw-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  .uw-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  .uw-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  .uw-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  .uw-group:hover .uw-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  .uw-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .uw-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  .uw-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  .uw-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  .uw-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  .uw-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  .uw-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  .uw-group:hover .uw-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  .uw-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .uw-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  .uw-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  .uw-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  .uw-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  .uw-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  .uw-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  .uw-group:hover .uw-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  .uw-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .uw-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  .uw-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  .uw-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  .uw-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  .uw-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  .uw-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  .uw-group:hover .uw-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  .uw-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .uw-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  .uw-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  .uw-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  .uw-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  .uw-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  .uw-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  .uw-group:hover .uw-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  .uw-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .uw-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  .uw-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  .uw-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  .uw-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  .uw-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  .uw-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  .uw-group:hover .uw-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  .uw-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .uw-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  .uw-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  .uw-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  .uw-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  .uw-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  .uw-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  .uw-group:hover .uw-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  .uw-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .uw-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  .uw-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  .uw-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  .uw-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  .uw-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  .uw-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  .uw-group:hover .uw-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  .uw-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .uw-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  .uw-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  .uw-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  .uw-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  .uw-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  .uw-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  .uw-group:hover .uw-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  .uw-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .uw-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  .uw-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  .uw-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  .uw-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  .uw-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  .uw-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  .uw-group:hover .uw-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  .uw-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .uw-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  .uw-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  .uw-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  .uw-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  .uw-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  .uw-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  .uw-group:hover .uw-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  .uw-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .uw-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  .uw-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  .uw-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  .uw-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  .uw-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  .uw-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  .uw-group:hover .uw-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  .uw-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .uw-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  .uw-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  .uw-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  .uw-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  .uw-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  .uw-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  .uw-group:hover .uw-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  .uw-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .uw-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  .uw-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  .uw-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  .uw-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  .uw-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  .uw-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  .uw-group:hover .uw-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  .uw-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .uw-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  .uw-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  .uw-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  .uw-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  .uw-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  .uw-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  .uw-group:hover .uw-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  .uw-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .uw-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  .uw-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  .uw-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  .uw-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  .uw-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  .uw-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  .uw-group:hover .uw-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  .uw-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .uw-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  .uw-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  .uw-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  .uw-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  .uw-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  .uw-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  .uw-group:hover .uw-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  .uw-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .uw-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  .uw-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  .uw-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  .uw-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  .uw-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  .uw-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  .uw-group:hover .uw-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  .uw-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .uw-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  .uw-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  .uw-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  .uw-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  .uw-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  .uw-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  .uw-group:hover .uw-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  .uw-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .uw-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  .uw-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  .uw-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  .uw-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  .uw-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  .uw-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  .uw-group:hover .uw-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  .uw-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .uw-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  .uw-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  .uw-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  .uw-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  .uw-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  .uw-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  .uw-group:hover .uw-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  .uw-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .uw-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  .uw-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  .uw-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  .uw-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  .uw-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  .uw-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  .uw-group:hover .uw-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  .uw-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .uw-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  .uw-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  .uw-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  .uw-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  .uw-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  .uw-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  .uw-group:hover .uw-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  .uw-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .uw-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  .uw-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  .uw-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  .uw-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  .uw-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  .uw-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  .uw-group:hover .uw-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  .uw-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .uw-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  .uw-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  .uw-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  .uw-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  .uw-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  .uw-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  .uw-group:hover .uw-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  .uw-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .uw-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  .uw-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  .uw-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  .uw-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  .uw-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  .uw-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  .uw-group:hover .uw-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  .uw-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .uw-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  .uw-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  .uw-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  .uw-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  .uw-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  .uw-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  .uw-group:hover .uw-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  .uw-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .uw-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  .uw-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  .uw-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  .uw-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  .uw-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  .uw-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  .uw-group:hover .uw-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  .uw-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .uw-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  .uw-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  .uw-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  .uw-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  .uw-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  .uw-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  .uw-group:hover .uw-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  .uw-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .uw-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  .uw-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  .uw-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  .uw-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  .uw-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  .uw-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  .uw-group:hover .uw-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  .uw-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .uw-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  .uw-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  .uw-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  .uw-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  .uw-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  .uw-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  .uw-group:hover .uw-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  .uw-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .uw-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  .uw-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  .uw-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  .uw-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  .uw-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  .uw-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  .uw-group:hover .uw-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  .uw-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .uw-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  .uw-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  .uw-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  .uw-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  .uw-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  .uw-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  .uw-group:hover .uw-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  .uw-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .uw-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  .uw-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  .uw-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  .uw-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  .uw-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  .uw-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  .uw-group:hover .uw-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  .uw-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .uw-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  .uw-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  .uw-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  .uw-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  .uw-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  .uw-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  .uw-group:hover .uw-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  .uw-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .uw-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  .uw-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  .uw-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  .uw-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  .uw-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  .uw-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  .uw-group:hover .uw-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  .uw-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .uw-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  .uw-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  .uw-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  .uw-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  .uw-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  .uw-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  .uw-group:hover .uw-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  .uw-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .uw-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  .uw-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  .uw-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  .uw-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  .uw-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  .uw-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  .uw-group:hover .uw-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  .uw-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .uw-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  .uw-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  .uw-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  .uw-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  .uw-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  .uw-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  .uw-group:hover .uw-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  .uw-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .uw-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  .uw-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  .uw-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  .uw-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  .uw-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  .uw-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  .uw-group:hover .uw-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  .uw-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .uw-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  .uw-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  .uw-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  .uw-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  .uw-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  .uw-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  .uw-group:hover .uw-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  .uw-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .uw-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  .uw-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  .uw-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  .uw-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  .uw-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  .uw-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  .uw-group:hover .uw-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  .uw-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .uw-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  .uw-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  .uw-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  .uw-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  .uw-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  .uw-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  .uw-group:hover .uw-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  .uw-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .uw-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  .uw-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  .uw-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  .uw-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  .uw-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  .uw-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  .uw-group:hover .uw-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  .uw-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .uw-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  .uw-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  .uw-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  .uw-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  .uw-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  .uw-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  .uw-group:hover .uw-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  .uw-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .uw-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  .uw-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  .uw-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  .uw-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  .uw-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  .uw-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  .uw-group:hover .uw-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  .uw-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .uw-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  .uw-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  .uw-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  .uw-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  .uw-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  .uw-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  .uw-group:hover .uw-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  .uw-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .uw-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  .uw-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  .uw-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  .uw-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  .uw-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  .uw-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  .uw-group:hover .uw-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  .uw-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .uw-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  .uw-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  .uw-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  .uw-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  .uw-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  .uw-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  .uw-group:hover .uw-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  .uw-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .uw-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  .uw-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  .uw-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  .uw-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  .uw-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  .uw-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  .uw-group:hover .uw-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  .uw-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .uw-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  .uw-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  .uw-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  .uw-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  .uw-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  .uw-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  .uw-group:hover .uw-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  .uw-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .uw-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  .uw-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  .uw-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  .uw-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  .uw-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  .uw-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  .uw-group:hover .uw-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  .uw-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .uw-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  .uw-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  .uw-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  .uw-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  .uw-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  .uw-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  .uw-group:hover .uw-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  .uw-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .uw-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  .uw-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  .uw-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  .uw-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  .uw-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  .uw-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  .uw-group:hover .uw-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  .uw-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .uw-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  .uw-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  .uw-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  .uw-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  .uw-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  .uw-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  .uw-group:hover .uw-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  .uw-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .uw-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  .uw-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  .uw-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  .uw-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  .uw-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  .uw-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  .uw-group:hover .uw-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  .uw-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .uw-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  .uw-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  .uw-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  .uw-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  .uw-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  .uw-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  .uw-group:hover .uw-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  .uw-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .uw-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  .uw-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  .uw-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  .uw-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  .uw-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  .uw-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  .uw-group:hover .uw-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  .uw-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .uw-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  .uw-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  .uw-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  .uw-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  .uw-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  .uw-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  .uw-group:hover .uw-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  .uw-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .uw-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  .uw-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  .uw-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  .uw-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  .uw-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  .uw-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  .uw-group:hover .uw-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  .uw-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .uw-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  .uw-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  .uw-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  .uw-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  .uw-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  .uw-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  .uw-group:hover .uw-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  .uw-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .uw-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  .uw-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  .uw-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  .uw-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  .uw-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  .uw-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  .uw-group:hover .uw-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  .uw-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .uw-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  .uw-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  .uw-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  .uw-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  .uw-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  .uw-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  .uw-group:hover .uw-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  .uw-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .uw-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  .uw-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  .uw-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  .uw-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  .uw-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  .uw-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  .uw-group:hover .uw-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  .uw-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .uw-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  .uw-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  .uw-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  .uw-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  .uw-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  .uw-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  .uw-group:hover .uw-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  .uw-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .uw-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  .uw-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  .uw-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  .uw-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  .uw-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  .uw-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  .uw-group:hover .uw-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  .uw-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .uw-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  .uw-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  .uw-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  .uw-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  .uw-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  .uw-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  .uw-group:hover .uw-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  .uw-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .uw-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  .uw-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  .uw-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  .uw-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  .uw-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  .uw-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  .uw-group:hover .uw-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  .uw-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .uw-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  .uw-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  .uw-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  .uw-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  .uw-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  .uw-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  .uw-group:hover .uw-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  .uw-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .uw-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  .uw-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  .uw-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  .uw-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  .uw-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  .uw-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  .uw-group:hover .uw-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  .uw-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .uw-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  .uw-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  .uw-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  .uw-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  .uw-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  .uw-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  .uw-group:hover .uw-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  .uw-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .uw-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  .uw-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  .uw-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  .uw-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  .uw-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  .uw-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  .uw-group:hover .uw-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  .uw-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .uw-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  .uw-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  .uw-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  .uw-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  .uw-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  .uw-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  .uw-group:hover .uw-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  .uw-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .uw-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  .uw-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  .uw-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  .uw-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  .uw-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  .uw-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  .uw-group:hover .uw-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  .uw-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .uw-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  .uw-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  .uw-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  .uw-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  .uw-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  .uw-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  .uw-group:hover .uw-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  .uw-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .uw-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  .uw-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  .uw-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  .uw-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  .uw-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  .uw-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  .uw-group:hover .uw-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  .uw-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .uw-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  .uw-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  .uw-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  .uw-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  .uw-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  .uw-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  .uw-group:hover .uw-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  .uw-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .uw-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  .uw-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  .uw-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  .uw-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  .uw-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  .uw-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  .uw-group:hover .uw-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  .uw-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .uw-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  .uw-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  .uw-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  .uw-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  .uw-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  .uw-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  .uw-group:hover .uw-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  .uw-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .uw-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  .uw-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  .uw-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  .uw-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  .uw-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  .uw-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  .uw-group:hover .uw-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  .uw-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .uw-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  .uw-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  .uw-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  .uw-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  .uw-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  .uw-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  .uw-group:hover .uw-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  .uw-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .uw-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  .uw-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  .uw-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  .uw-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  .uw-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  .uw-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  .uw-group:hover .uw-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  .uw-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .uw-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  .uw-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  .uw-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  .uw-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  .uw-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  .uw-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  .uw-group:hover .uw-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  .uw-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .uw-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  .uw-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  .uw-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  .uw-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  .uw-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  .uw-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  .uw-group:hover .uw-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  .uw-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .uw-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  .uw-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  .uw-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  .uw-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  .uw-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  .uw-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  .uw-group:hover .uw-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  .uw-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .uw-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  .uw-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  .uw-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  .uw-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  .uw-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  .uw-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  .uw-group:hover .uw-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  .uw-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .uw-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  .uw-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  .uw-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  .uw-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  .uw-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  .uw-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  .uw-group:hover .uw-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  .uw-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .uw-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  .uw-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  .uw-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  .uw-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  .uw-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  .uw-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  .uw-group:hover .uw-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  .uw-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .uw-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  .uw-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  .uw-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  .uw-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  .uw-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  .uw-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  .uw-group:hover .uw-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  .uw-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .uw-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  .uw-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  .uw-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  .uw-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  .uw-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  .uw-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  .uw-group:hover .uw-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  .uw-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .uw-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  .uw-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  .uw-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  .uw-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  .uw-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  .uw-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  .uw-group:hover .uw-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  .uw-caret-green-50 { caret-color: var(--quanta-green-50); }
  .uw-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  .uw-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  .uw-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  .uw-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  .uw-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  .uw-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  .uw-group:hover .uw-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  .uw-caret-green-100 { caret-color: var(--quanta-green-100); }
  .uw-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  .uw-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  .uw-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  .uw-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  .uw-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  .uw-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  .uw-group:hover .uw-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  .uw-caret-green-200 { caret-color: var(--quanta-green-200); }
  .uw-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  .uw-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  .uw-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  .uw-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  .uw-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  .uw-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  .uw-group:hover .uw-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  .uw-caret-green-300 { caret-color: var(--quanta-green-300); }
  .uw-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  .uw-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  .uw-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  .uw-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  .uw-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  .uw-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  .uw-group:hover .uw-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  .uw-caret-green-400 { caret-color: var(--quanta-green-400); }
  .uw-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  .uw-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  .uw-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  .uw-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  .uw-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  .uw-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  .uw-group:hover .uw-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  .uw-caret-green-500 { caret-color: var(--quanta-green-500); }
  .uw-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  .uw-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  .uw-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  .uw-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  .uw-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  .uw-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  .uw-group:hover .uw-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  .uw-caret-green-600 { caret-color: var(--quanta-green-600); }
  .uw-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  .uw-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  .uw-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  .uw-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  .uw-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  .uw-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  .uw-group:hover .uw-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  .uw-caret-green-700 { caret-color: var(--quanta-green-700); }
  .uw-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  .uw-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  .uw-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  .uw-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  .uw-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  .uw-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  .uw-group:hover .uw-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  .uw-caret-green-800 { caret-color: var(--quanta-green-800); }
  .uw-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  .uw-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  .uw-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  .uw-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  .uw-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  .uw-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  .uw-group:hover .uw-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  .uw-caret-green-900 { caret-color: var(--quanta-green-900); }
  .uw-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  .uw-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  .uw-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  .uw-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  .uw-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  .uw-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  .uw-group:hover .uw-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  .uw-caret-black { caret-color: var(--black); }
  .uw-hover-caret-black:hover { caret-color: var(--black); }
  .uw-focus-caret-black:focus { caret-color: var(--black); }
  .uw-active-caret-black:active { caret-color: var(--black); }
  .uw-disabled-caret-black:disabled { caret-color: var(--black); }
  .uw-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  .uw-focus-within-caret-black:focus-within { caret-color: var(--black); }
  .uw-group:hover .uw-group-hover-caret-black { caret-color: var(--black); }
  .uw-caret-white { caret-color: var(--white); }
  .uw-hover-caret-white:hover { caret-color: var(--white); }
  .uw-focus-caret-white:focus { caret-color: var(--white); }
  .uw-active-caret-white:active { caret-color: var(--white); }
  .uw-disabled-caret-white:disabled { caret-color: var(--white); }
  .uw-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  .uw-focus-within-caret-white:focus-within { caret-color: var(--white); }
  .uw-group:hover .uw-group-hover-caret-white { caret-color: var(--white); }
  .uw-color-scheme-light { color-scheme: light; }
  .uw-hover-color-scheme-light:hover { color-scheme: light; }
  .uw-focus-color-scheme-light:focus { color-scheme: light; }
  .uw-active-color-scheme-light:active { color-scheme: light; }
  .uw-disabled-color-scheme-light:disabled { color-scheme: light; }
  .uw-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .uw-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .uw-group:hover .uw-group-hover-color-scheme-light { color-scheme: light; }
  .uw-color-scheme-dark { color-scheme: dark; }
  .uw-hover-color-scheme-dark:hover { color-scheme: dark; }
  .uw-focus-color-scheme-dark:focus { color-scheme: dark; }
  .uw-active-color-scheme-dark:active { color-scheme: dark; }
  .uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .uw-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .uw-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .uw-group:hover .uw-group-hover-color-scheme-dark { color-scheme: dark; }
  .uw-color-scheme-normal { color-scheme: normal; }
  .uw-hover-color-scheme-normal:hover { color-scheme: normal; }
  .uw-focus-color-scheme-normal:focus { color-scheme: normal; }
  .uw-active-color-scheme-normal:active { color-scheme: normal; }
  .uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .uw-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .uw-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .uw-group:hover .uw-group-hover-color-scheme-normal { color-scheme: normal; }
  .uw-cursor-auto { cursor: auto; }
  .uw-hover-cursor-auto:hover { cursor: auto; }
  .uw-focus-cursor-auto:focus { cursor: auto; }
  .uw-active-cursor-auto:active { cursor: auto; }
  .uw-disabled-cursor-auto:disabled { cursor: auto; }
  .uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  .uw-group:hover .uw-group-hover-cursor-auto { cursor: auto; }
  .uw-cursor-default { cursor: default; }
  .uw-hover-cursor-default:hover { cursor: default; }
  .uw-focus-cursor-default:focus { cursor: default; }
  .uw-active-cursor-default:active { cursor: default; }
  .uw-disabled-cursor-default:disabled { cursor: default; }
  .uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  .uw-focus-within-cursor-default:focus-within { cursor: default; }
  .uw-group:hover .uw-group-hover-cursor-default { cursor: default; }
  .uw-cursor-pointer { cursor: pointer; }
  .uw-hover-cursor-pointer:hover { cursor: pointer; }
  .uw-focus-cursor-pointer:focus { cursor: pointer; }
  .uw-active-cursor-pointer:active { cursor: pointer; }
  .uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  .uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .uw-group:hover .uw-group-hover-cursor-pointer { cursor: pointer; }
  .uw-cursor-wait { cursor: wait; }
  .uw-hover-cursor-wait:hover { cursor: wait; }
  .uw-focus-cursor-wait:focus { cursor: wait; }
  .uw-active-cursor-wait:active { cursor: wait; }
  .uw-disabled-cursor-wait:disabled { cursor: wait; }
  .uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  .uw-group:hover .uw-group-hover-cursor-wait { cursor: wait; }
  .uw-cursor-text { cursor: text; }
  .uw-hover-cursor-text:hover { cursor: text; }
  .uw-focus-cursor-text:focus { cursor: text; }
  .uw-active-cursor-text:active { cursor: text; }
  .uw-disabled-cursor-text:disabled { cursor: text; }
  .uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  .uw-focus-within-cursor-text:focus-within { cursor: text; }
  .uw-group:hover .uw-group-hover-cursor-text { cursor: text; }
  .uw-cursor-move { cursor: move; }
  .uw-hover-cursor-move:hover { cursor: move; }
  .uw-focus-cursor-move:focus { cursor: move; }
  .uw-active-cursor-move:active { cursor: move; }
  .uw-disabled-cursor-move:disabled { cursor: move; }
  .uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  .uw-focus-within-cursor-move:focus-within { cursor: move; }
  .uw-group:hover .uw-group-hover-cursor-move { cursor: move; }
  .uw-cursor-not-allowed { cursor: not-allowed; }
  .uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  .uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .uw-group:hover .uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .uw-cursor-none { cursor: none; }
  .uw-hover-cursor-none:hover { cursor: none; }
  .uw-focus-cursor-none:focus { cursor: none; }
  .uw-active-cursor-none:active { cursor: none; }
  .uw-disabled-cursor-none:disabled { cursor: none; }
  .uw-focus-visible-cursor-none:focus-visible { cursor: none; }
  .uw-focus-within-cursor-none:focus-within { cursor: none; }
  .uw-group:hover .uw-group-hover-cursor-none { cursor: none; }
  .uw-pointer-events-none { pointer-events: none; }
  .uw-hover-pointer-events-none:hover { pointer-events: none; }
  .uw-focus-pointer-events-none:focus { pointer-events: none; }
  .uw-active-pointer-events-none:active { pointer-events: none; }
  .uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  .uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .uw-group:hover .uw-group-hover-pointer-events-none { pointer-events: none; }
  .uw-pointer-events-auto { pointer-events: auto; }
  .uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  .uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  .uw-active-pointer-events-auto:active { pointer-events: auto; }
  .uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .uw-group:hover .uw-group-hover-pointer-events-auto { pointer-events: auto; }
  .uw-resize-none { resize: none; }
  .uw-hover-resize-none:hover { resize: none; }
  .uw-focus-resize-none:focus { resize: none; }
  .uw-active-resize-none:active { resize: none; }
  .uw-disabled-resize-none:disabled { resize: none; }
  .uw-focus-visible-resize-none:focus-visible { resize: none; }
  .uw-focus-within-resize-none:focus-within { resize: none; }
  .uw-group:hover .uw-group-hover-resize-none { resize: none; }
  .uw-resize-x { resize: horizontal; }
  .uw-hover-resize-x:hover { resize: horizontal; }
  .uw-focus-resize-x:focus { resize: horizontal; }
  .uw-active-resize-x:active { resize: horizontal; }
  .uw-disabled-resize-x:disabled { resize: horizontal; }
  .uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .uw-focus-within-resize-x:focus-within { resize: horizontal; }
  .uw-group:hover .uw-group-hover-resize-x { resize: horizontal; }
  .uw-resize-y { resize: vertical; }
  .uw-hover-resize-y:hover { resize: vertical; }
  .uw-focus-resize-y:focus { resize: vertical; }
  .uw-active-resize-y:active { resize: vertical; }
  .uw-disabled-resize-y:disabled { resize: vertical; }
  .uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  .uw-focus-within-resize-y:focus-within { resize: vertical; }
  .uw-group:hover .uw-group-hover-resize-y { resize: vertical; }
  .uw-resize { resize: both; }
  .uw-hover-resize:hover { resize: both; }
  .uw-focus-resize:focus { resize: both; }
  .uw-active-resize:active { resize: both; }
  .uw-disabled-resize:disabled { resize: both; }
  .uw-focus-visible-resize:focus-visible { resize: both; }
  .uw-focus-within-resize:focus-within { resize: both; }
  .uw-group:hover .uw-group-hover-resize { resize: both; }
  .uw-scroll-auto { scroll-behavior: auto; }
  .uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  .uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  .uw-active-scroll-auto:active { scroll-behavior: auto; }
  .uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .uw-group:hover .uw-group-hover-scroll-auto { scroll-behavior: auto; }
  .uw-scroll-smooth { scroll-behavior: smooth; }
  .uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  .uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .uw-group:hover .uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .uw-scroll-m-0 { scroll-margin: 0rem; }
  .uw-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  .uw-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  .uw-active-scroll-m-0:active { scroll-margin: 0rem; }
  .uw-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  .uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  .uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  .uw-group:hover .uw-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  .uw-scroll-p-0 { scroll-padding: 0rem; }
  .uw-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  .uw-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  .uw-active-scroll-p-0:active { scroll-padding: 0rem; }
  .uw-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  .uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  .uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  .uw-group:hover .uw-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  .uw-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .uw-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  .uw-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  .uw-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  .uw-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  .uw-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  .uw-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  .uw-group:hover .uw-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  .uw-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .uw-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  .uw-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  .uw-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  .uw-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  .uw-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  .uw-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  .uw-group:hover .uw-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  .uw-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .uw-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  .uw-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  .uw-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  .uw-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  .uw-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  .uw-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  .uw-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .uw-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  .uw-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  .uw-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  .uw-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  .uw-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  .uw-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  .uw-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .uw-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  .uw-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  .uw-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  .uw-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  .uw-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  .uw-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  .uw-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .uw-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  .uw-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  .uw-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  .uw-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  .uw-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  .uw-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  .uw-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .uw-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  .uw-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  .uw-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  .uw-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  .uw-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  .uw-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  .uw-group:hover .uw-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  .uw-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .uw-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  .uw-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  .uw-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  .uw-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  .uw-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  .uw-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  .uw-group:hover .uw-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  .uw-scroll-m-1 { scroll-margin: 1rem; }
  .uw-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  .uw-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  .uw-active-scroll-m-1:active { scroll-margin: 1rem; }
  .uw-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  .uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  .uw-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  .uw-scroll-p-1 { scroll-padding: 1rem; }
  .uw-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  .uw-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  .uw-active-scroll-p-1:active { scroll-padding: 1rem; }
  .uw-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  .uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  .uw-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  .uw-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .uw-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  .uw-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  .uw-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  .uw-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  .uw-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  .uw-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  .uw-group:hover .uw-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  .uw-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .uw-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  .uw-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  .uw-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  .uw-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  .uw-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  .uw-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  .uw-group:hover .uw-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  .uw-scroll-m-2 { scroll-margin: 2rem; }
  .uw-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  .uw-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  .uw-active-scroll-m-2:active { scroll-margin: 2rem; }
  .uw-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  .uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  .uw-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  .uw-scroll-p-2 { scroll-padding: 2rem; }
  .uw-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  .uw-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  .uw-active-scroll-p-2:active { scroll-padding: 2rem; }
  .uw-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  .uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  .uw-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  .uw-scroll-m-3 { scroll-margin: 3rem; }
  .uw-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  .uw-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  .uw-active-scroll-m-3:active { scroll-margin: 3rem; }
  .uw-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  .uw-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  .uw-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  .uw-group:hover .uw-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  .uw-scroll-p-3 { scroll-padding: 3rem; }
  .uw-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  .uw-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  .uw-active-scroll-p-3:active { scroll-padding: 3rem; }
  .uw-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  .uw-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  .uw-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  .uw-group:hover .uw-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  .uw-scroll-m-4 { scroll-margin: 4rem; }
  .uw-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  .uw-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  .uw-active-scroll-m-4:active { scroll-margin: 4rem; }
  .uw-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  .uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  .uw-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  .uw-group:hover .uw-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  .uw-scroll-p-4 { scroll-padding: 4rem; }
  .uw-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  .uw-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  .uw-active-scroll-p-4:active { scroll-padding: 4rem; }
  .uw-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  .uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  .uw-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  .uw-group:hover .uw-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  .uw-snap-x { scroll-snap-type: x mandatory; }
  .uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .uw-active-snap-x:active { scroll-snap-type: x mandatory; }
  .uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .uw-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .uw-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .uw-group:hover .uw-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .uw-snap-y { scroll-snap-type: y mandatory; }
  .uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .uw-active-snap-y:active { scroll-snap-type: y mandatory; }
  .uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .uw-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .uw-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .uw-group:hover .uw-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .uw-snap-both { scroll-snap-type: both mandatory; }
  .uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .uw-active-snap-both:active { scroll-snap-type: both mandatory; }
  .uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .uw-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .uw-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .uw-group:hover .uw-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .uw-snap-align-start { scroll-snap-align: start; }
  .uw-hover-snap-align-start:hover { scroll-snap-align: start; }
  .uw-focus-snap-align-start:focus { scroll-snap-align: start; }
  .uw-active-snap-align-start:active { scroll-snap-align: start; }
  .uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .uw-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .uw-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .uw-group:hover .uw-group-hover-snap-align-start { scroll-snap-align: start; }
  .uw-snap-align-end { scroll-snap-align: end; }
  .uw-hover-snap-align-end:hover { scroll-snap-align: end; }
  .uw-focus-snap-align-end:focus { scroll-snap-align: end; }
  .uw-active-snap-align-end:active { scroll-snap-align: end; }
  .uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .uw-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .uw-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .uw-group:hover .uw-group-hover-snap-align-end { scroll-snap-align: end; }
  .uw-snap-align-center { scroll-snap-align: center; }
  .uw-hover-snap-align-center:hover { scroll-snap-align: center; }
  .uw-focus-snap-align-center:focus { scroll-snap-align: center; }
  .uw-active-snap-align-center:active { scroll-snap-align: center; }
  .uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .uw-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .uw-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .uw-group:hover .uw-group-hover-snap-align-center { scroll-snap-align: center; }
  .uw-snap-align-none { scroll-snap-align: none; }
  .uw-hover-snap-align-none:hover { scroll-snap-align: none; }
  .uw-focus-snap-align-none:focus { scroll-snap-align: none; }
  .uw-active-snap-align-none:active { scroll-snap-align: none; }
  .uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .uw-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .uw-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .uw-group:hover .uw-group-hover-snap-align-none { scroll-snap-align: none; }
  .uw-snap-stop-normal { scroll-snap-stop: normal; }
  .uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .uw-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .uw-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .uw-group:hover .uw-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .uw-snap-stop-always { scroll-snap-stop: always; }
  .uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .uw-active-snap-stop-always:active { scroll-snap-stop: always; }
  .uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .uw-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .uw-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .uw-group:hover .uw-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .uw-touch-auto { touch-action: auto; }
  .uw-hover-touch-auto:hover { touch-action: auto; }
  .uw-focus-touch-auto:focus { touch-action: auto; }
  .uw-active-touch-auto:active { touch-action: auto; }
  .uw-disabled-touch-auto:disabled { touch-action: auto; }
  .uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  .uw-group:hover .uw-group-hover-touch-auto { touch-action: auto; }
  .uw-touch-none { touch-action: none; }
  .uw-hover-touch-none:hover { touch-action: none; }
  .uw-focus-touch-none:focus { touch-action: none; }
  .uw-active-touch-none:active { touch-action: none; }
  .uw-disabled-touch-none:disabled { touch-action: none; }
  .uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  .uw-focus-within-touch-none:focus-within { touch-action: none; }
  .uw-group:hover .uw-group-hover-touch-none { touch-action: none; }
  .uw-touch-pan_x { touch-action: pan-x; }
  .uw-hover-touch-pan_x:hover { touch-action: pan-x; }
  .uw-focus-touch-pan_x:focus { touch-action: pan-x; }
  .uw-active-touch-pan_x:active { touch-action: pan-x; }
  .uw-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  .uw-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  .uw-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  .uw-group:hover .uw-group-hover-touch-pan_x { touch-action: pan-x; }
  .uw-touch-pan_y { touch-action: pan-y; }
  .uw-hover-touch-pan_y:hover { touch-action: pan-y; }
  .uw-focus-touch-pan_y:focus { touch-action: pan-y; }
  .uw-active-touch-pan_y:active { touch-action: pan-y; }
  .uw-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  .uw-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  .uw-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  .uw-group:hover .uw-group-hover-touch-pan_y { touch-action: pan-y; }
  .uw-touch-manipulation { touch-action: manipulation; }
  .uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  .uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  .uw-active-touch-manipulation:active { touch-action: manipulation; }
  .uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .uw-group:hover .uw-group-hover-touch-manipulation { touch-action: manipulation; }
  .uw-select-auto { user-select: auto; }
  .uw-hover-select-auto:hover { user-select: auto; }
  .uw-focus-select-auto:focus { user-select: auto; }
  .uw-active-select-auto:active { user-select: auto; }
  .uw-disabled-select-auto:disabled { user-select: auto; }
  .uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  .uw-focus-within-select-auto:focus-within { user-select: auto; }
  .uw-group:hover .uw-group-hover-select-auto { user-select: auto; }
  .uw-select-none { user-select: none; }
  .uw-hover-select-none:hover { user-select: none; }
  .uw-focus-select-none:focus { user-select: none; }
  .uw-active-select-none:active { user-select: none; }
  .uw-disabled-select-none:disabled { user-select: none; }
  .uw-focus-visible-select-none:focus-visible { user-select: none; }
  .uw-focus-within-select-none:focus-within { user-select: none; }
  .uw-group:hover .uw-group-hover-select-none { user-select: none; }
  .uw-select-text { user-select: text; }
  .uw-hover-select-text:hover { user-select: text; }
  .uw-focus-select-text:focus { user-select: text; }
  .uw-active-select-text:active { user-select: text; }
  .uw-disabled-select-text:disabled { user-select: text; }
  .uw-focus-visible-select-text:focus-visible { user-select: text; }
  .uw-focus-within-select-text:focus-within { user-select: text; }
  .uw-group:hover .uw-group-hover-select-text { user-select: text; }
  .uw-select-all { user-select: all; }
  .uw-hover-select-all:hover { user-select: all; }
  .uw-focus-select-all:focus { user-select: all; }
  .uw-active-select-all:active { user-select: all; }
  .uw-disabled-select-all:disabled { user-select: all; }
  .uw-focus-visible-select-all:focus-visible { user-select: all; }
  .uw-focus-within-select-all:focus-within { user-select: all; }
  .uw-group:hover .uw-group-hover-select-all { user-select: all; }
  .uw-select-contain { user-select: contain; }
  .uw-hover-select-contain:hover { user-select: contain; }
  .uw-focus-select-contain:focus { user-select: contain; }
  .uw-active-select-contain:active { user-select: contain; }
  .uw-disabled-select-contain:disabled { user-select: contain; }
  .uw-focus-visible-select-contain:focus-visible { user-select: contain; }
  .uw-focus-within-select-contain:focus-within { user-select: contain; }
  .uw-group:hover .uw-group-hover-select-contain { user-select: contain; }
  .uw-will-change-auto { will-change: auto; }
  .uw-hover-will-change-auto:hover { will-change: auto; }
  .uw-focus-will-change-auto:focus { will-change: auto; }
  .uw-active-will-change-auto:active { will-change: auto; }
  .uw-disabled-will-change-auto:disabled { will-change: auto; }
  .uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  .uw-group:hover .uw-group-hover-will-change-auto { will-change: auto; }
  .uw-will-change-scroll { will-change: scroll; }
  .uw-hover-will-change-scroll:hover { will-change: scroll; }
  .uw-focus-will-change-scroll:focus { will-change: scroll; }
  .uw-active-will-change-scroll:active { will-change: scroll; }
  .uw-disabled-will-change-scroll:disabled { will-change: scroll; }
  .uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .uw-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .uw-group:hover .uw-group-hover-will-change-scroll { will-change: scroll; }
  .uw-will-change-transform { will-change: transform; }
  .uw-hover-will-change-transform:hover { will-change: transform; }
  .uw-focus-will-change-transform:focus { will-change: transform; }
  .uw-active-will-change-transform:active { will-change: transform; }
  .uw-disabled-will-change-transform:disabled { will-change: transform; }
  .uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  .uw-group:hover .uw-group-hover-will-change-transform { will-change: transform; }
  .uw-will-change-opacity { will-change: opacity; }
  .uw-hover-will-change-opacity:hover { will-change: opacity; }
  .uw-focus-will-change-opacity:focus { will-change: opacity; }
  .uw-active-will-change-opacity:active { will-change: opacity; }
  .uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  .uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .uw-group:hover .uw-group-hover-will-change-opacity { will-change: opacity; }
  .uw-will-change-contents { will-change: contents; }
  .uw-hover-will-change-contents:hover { will-change: contents; }
  .uw-focus-will-change-contents:focus { will-change: contents; }
  .uw-active-will-change-contents:active { will-change: contents; }
  .uw-disabled-will-change-contents:disabled { will-change: contents; }
  .uw-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .uw-focus-within-will-change-contents:focus-within { will-change: contents; }
  .uw-group:hover .uw-group-hover-will-change-contents { will-change: contents; }
  .uw-color-scheme-light { color-scheme: light; }
  .uw-hover-color-scheme-light:hover { color-scheme: light; }
  .uw-focus-color-scheme-light:focus { color-scheme: light; }
  .uw-active-color-scheme-light:active { color-scheme: light; }
  .uw-disabled-color-scheme-light:disabled { color-scheme: light; }
  .uw-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  .uw-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  .uw-group:hover .uw-group-hover-color-scheme-light { color-scheme: light; }
  .uw-color-scheme-dark { color-scheme: dark; }
  .uw-hover-color-scheme-dark:hover { color-scheme: dark; }
  .uw-focus-color-scheme-dark:focus { color-scheme: dark; }
  .uw-active-color-scheme-dark:active { color-scheme: dark; }
  .uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  .uw-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  .uw-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  .uw-group:hover .uw-group-hover-color-scheme-dark { color-scheme: dark; }
  .uw-color-scheme-normal { color-scheme: normal; }
  .uw-hover-color-scheme-normal:hover { color-scheme: normal; }
  .uw-focus-color-scheme-normal:focus { color-scheme: normal; }
  .uw-active-color-scheme-normal:active { color-scheme: normal; }
  .uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  .uw-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  .uw-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  .uw-group:hover .uw-group-hover-color-scheme-normal { color-scheme: normal; }
  .uw-cursor-auto { cursor: auto; }
  .uw-hover-cursor-auto:hover { cursor: auto; }
  .uw-focus-cursor-auto:focus { cursor: auto; }
  .uw-active-cursor-auto:active { cursor: auto; }
  .uw-disabled-cursor-auto:disabled { cursor: auto; }
  .uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  .uw-group:hover .uw-group-hover-cursor-auto { cursor: auto; }
  .uw-cursor-default { cursor: default; }
  .uw-hover-cursor-default:hover { cursor: default; }
  .uw-focus-cursor-default:focus { cursor: default; }
  .uw-active-cursor-default:active { cursor: default; }
  .uw-disabled-cursor-default:disabled { cursor: default; }
  .uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  .uw-focus-within-cursor-default:focus-within { cursor: default; }
  .uw-group:hover .uw-group-hover-cursor-default { cursor: default; }
  .uw-cursor-pointer { cursor: pointer; }
  .uw-hover-cursor-pointer:hover { cursor: pointer; }
  .uw-focus-cursor-pointer:focus { cursor: pointer; }
  .uw-active-cursor-pointer:active { cursor: pointer; }
  .uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  .uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .uw-group:hover .uw-group-hover-cursor-pointer { cursor: pointer; }
  .uw-cursor-wait { cursor: wait; }
  .uw-hover-cursor-wait:hover { cursor: wait; }
  .uw-focus-cursor-wait:focus { cursor: wait; }
  .uw-active-cursor-wait:active { cursor: wait; }
  .uw-disabled-cursor-wait:disabled { cursor: wait; }
  .uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  .uw-group:hover .uw-group-hover-cursor-wait { cursor: wait; }
  .uw-cursor-text { cursor: text; }
  .uw-hover-cursor-text:hover { cursor: text; }
  .uw-focus-cursor-text:focus { cursor: text; }
  .uw-active-cursor-text:active { cursor: text; }
  .uw-disabled-cursor-text:disabled { cursor: text; }
  .uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  .uw-focus-within-cursor-text:focus-within { cursor: text; }
  .uw-group:hover .uw-group-hover-cursor-text { cursor: text; }
  .uw-cursor-move { cursor: move; }
  .uw-hover-cursor-move:hover { cursor: move; }
  .uw-focus-cursor-move:focus { cursor: move; }
  .uw-active-cursor-move:active { cursor: move; }
  .uw-disabled-cursor-move:disabled { cursor: move; }
  .uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  .uw-focus-within-cursor-move:focus-within { cursor: move; }
  .uw-group:hover .uw-group-hover-cursor-move { cursor: move; }
  .uw-cursor-not-allowed { cursor: not-allowed; }
  .uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  .uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .uw-group:hover .uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .uw-cursor-none { cursor: none; }
  .uw-hover-cursor-none:hover { cursor: none; }
  .uw-focus-cursor-none:focus { cursor: none; }
  .uw-active-cursor-none:active { cursor: none; }
  .uw-disabled-cursor-none:disabled { cursor: none; }
  .uw-focus-visible-cursor-none:focus-visible { cursor: none; }
  .uw-focus-within-cursor-none:focus-within { cursor: none; }
  .uw-group:hover .uw-group-hover-cursor-none { cursor: none; }
  .uw-pointer-events-none { pointer-events: none; }
  .uw-hover-pointer-events-none:hover { pointer-events: none; }
  .uw-focus-pointer-events-none:focus { pointer-events: none; }
  .uw-active-pointer-events-none:active { pointer-events: none; }
  .uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  .uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .uw-group:hover .uw-group-hover-pointer-events-none { pointer-events: none; }
  .uw-pointer-events-auto { pointer-events: auto; }
  .uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  .uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  .uw-active-pointer-events-auto:active { pointer-events: auto; }
  .uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .uw-group:hover .uw-group-hover-pointer-events-auto { pointer-events: auto; }
  .uw-resize-none { resize: none; }
  .uw-hover-resize-none:hover { resize: none; }
  .uw-focus-resize-none:focus { resize: none; }
  .uw-active-resize-none:active { resize: none; }
  .uw-disabled-resize-none:disabled { resize: none; }
  .uw-focus-visible-resize-none:focus-visible { resize: none; }
  .uw-focus-within-resize-none:focus-within { resize: none; }
  .uw-group:hover .uw-group-hover-resize-none { resize: none; }
  .uw-resize-x { resize: horizontal; }
  .uw-hover-resize-x:hover { resize: horizontal; }
  .uw-focus-resize-x:focus { resize: horizontal; }
  .uw-active-resize-x:active { resize: horizontal; }
  .uw-disabled-resize-x:disabled { resize: horizontal; }
  .uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .uw-focus-within-resize-x:focus-within { resize: horizontal; }
  .uw-group:hover .uw-group-hover-resize-x { resize: horizontal; }
  .uw-resize-y { resize: vertical; }
  .uw-hover-resize-y:hover { resize: vertical; }
  .uw-focus-resize-y:focus { resize: vertical; }
  .uw-active-resize-y:active { resize: vertical; }
  .uw-disabled-resize-y:disabled { resize: vertical; }
  .uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  .uw-focus-within-resize-y:focus-within { resize: vertical; }
  .uw-group:hover .uw-group-hover-resize-y { resize: vertical; }
  .uw-resize { resize: both; }
  .uw-hover-resize:hover { resize: both; }
  .uw-focus-resize:focus { resize: both; }
  .uw-active-resize:active { resize: both; }
  .uw-disabled-resize:disabled { resize: both; }
  .uw-focus-visible-resize:focus-visible { resize: both; }
  .uw-focus-within-resize:focus-within { resize: both; }
  .uw-group:hover .uw-group-hover-resize { resize: both; }
  .uw-scroll-auto { scroll-behavior: auto; }
  .uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  .uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  .uw-active-scroll-auto:active { scroll-behavior: auto; }
  .uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .uw-group:hover .uw-group-hover-scroll-auto { scroll-behavior: auto; }
  .uw-scroll-smooth { scroll-behavior: smooth; }
  .uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  .uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .uw-group:hover .uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .uw-scroll-m-0 { scroll-margin: 0; }
  .uw-hover-scroll-m-0:hover { scroll-margin: 0; }
  .uw-focus-scroll-m-0:focus { scroll-margin: 0; }
  .uw-active-scroll-m-0:active { scroll-margin: 0; }
  .uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .uw-group:hover .uw-group-hover-scroll-m-0 { scroll-margin: 0; }
  .uw-scroll-m-1 { scroll-margin: 0.25rem; }
  .uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .uw-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .uw-scroll-m-2 { scroll-margin: 0.5rem; }
  .uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .uw-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .uw-scroll-m-4 { scroll-margin: 1rem; }
  .uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .uw-active-scroll-m-4:active { scroll-margin: 1rem; }
  .uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .uw-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .uw-scroll-m-8 { scroll-margin: 2rem; }
  .uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .uw-active-scroll-m-8:active { scroll-margin: 2rem; }
  .uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .uw-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .uw-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .uw-scroll-p-0 { scroll-padding: 0; }
  .uw-hover-scroll-p-0:hover { scroll-padding: 0; }
  .uw-focus-scroll-p-0:focus { scroll-padding: 0; }
  .uw-active-scroll-p-0:active { scroll-padding: 0; }
  .uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .uw-group:hover .uw-group-hover-scroll-p-0 { scroll-padding: 0; }
  .uw-scroll-p-1 { scroll-padding: 0.25rem; }
  .uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .uw-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .uw-scroll-p-2 { scroll-padding: 0.5rem; }
  .uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .uw-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .uw-scroll-p-4 { scroll-padding: 1rem; }
  .uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .uw-active-scroll-p-4:active { scroll-padding: 1rem; }
  .uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .uw-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .uw-scroll-p-8 { scroll-padding: 2rem; }
  .uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .uw-active-scroll-p-8:active { scroll-padding: 2rem; }
  .uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .uw-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .uw-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .uw-snap-x { scroll-snap-type: x mandatory; }
  .uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  .uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  .uw-active-snap-x:active { scroll-snap-type: x mandatory; }
  .uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  .uw-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  .uw-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  .uw-group:hover .uw-group-hover-snap-x { scroll-snap-type: x mandatory; }
  .uw-snap-y { scroll-snap-type: y mandatory; }
  .uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  .uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  .uw-active-snap-y:active { scroll-snap-type: y mandatory; }
  .uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  .uw-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  .uw-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  .uw-group:hover .uw-group-hover-snap-y { scroll-snap-type: y mandatory; }
  .uw-snap-both { scroll-snap-type: both mandatory; }
  .uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  .uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  .uw-active-snap-both:active { scroll-snap-type: both mandatory; }
  .uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  .uw-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  .uw-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  .uw-group:hover .uw-group-hover-snap-both { scroll-snap-type: both mandatory; }
  .uw-snap-align-start { scroll-snap-align: start; }
  .uw-hover-snap-align-start:hover { scroll-snap-align: start; }
  .uw-focus-snap-align-start:focus { scroll-snap-align: start; }
  .uw-active-snap-align-start:active { scroll-snap-align: start; }
  .uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  .uw-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  .uw-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  .uw-group:hover .uw-group-hover-snap-align-start { scroll-snap-align: start; }
  .uw-snap-align-center { scroll-snap-align: center; }
  .uw-hover-snap-align-center:hover { scroll-snap-align: center; }
  .uw-focus-snap-align-center:focus { scroll-snap-align: center; }
  .uw-active-snap-align-center:active { scroll-snap-align: center; }
  .uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  .uw-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  .uw-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  .uw-group:hover .uw-group-hover-snap-align-center { scroll-snap-align: center; }
  .uw-snap-align-end { scroll-snap-align: end; }
  .uw-hover-snap-align-end:hover { scroll-snap-align: end; }
  .uw-focus-snap-align-end:focus { scroll-snap-align: end; }
  .uw-active-snap-align-end:active { scroll-snap-align: end; }
  .uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  .uw-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  .uw-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  .uw-group:hover .uw-group-hover-snap-align-end { scroll-snap-align: end; }
  .uw-snap-align-none { scroll-snap-align: none; }
  .uw-hover-snap-align-none:hover { scroll-snap-align: none; }
  .uw-focus-snap-align-none:focus { scroll-snap-align: none; }
  .uw-active-snap-align-none:active { scroll-snap-align: none; }
  .uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  .uw-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  .uw-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  .uw-group:hover .uw-group-hover-snap-align-none { scroll-snap-align: none; }
  .uw-snap-stop-normal { scroll-snap-stop: normal; }
  .uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  .uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  .uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  .uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  .uw-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  .uw-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  .uw-group:hover .uw-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  .uw-snap-stop-always { scroll-snap-stop: always; }
  .uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  .uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  .uw-active-snap-stop-always:active { scroll-snap-stop: always; }
  .uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  .uw-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  .uw-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  .uw-group:hover .uw-group-hover-snap-stop-always { scroll-snap-stop: always; }
  .uw-touch-auto { touch-action: auto; }
  .uw-hover-touch-auto:hover { touch-action: auto; }
  .uw-focus-touch-auto:focus { touch-action: auto; }
  .uw-active-touch-auto:active { touch-action: auto; }
  .uw-disabled-touch-auto:disabled { touch-action: auto; }
  .uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  .uw-group:hover .uw-group-hover-touch-auto { touch-action: auto; }
  .uw-touch-none { touch-action: none; }
  .uw-hover-touch-none:hover { touch-action: none; }
  .uw-focus-touch-none:focus { touch-action: none; }
  .uw-active-touch-none:active { touch-action: none; }
  .uw-disabled-touch-none:disabled { touch-action: none; }
  .uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  .uw-focus-within-touch-none:focus-within { touch-action: none; }
  .uw-group:hover .uw-group-hover-touch-none { touch-action: none; }
  .uw-touch-pan-x { touch-action: pan-x; }
  .uw-hover-touch-pan-x:hover { touch-action: pan-x; }
  .uw-focus-touch-pan-x:focus { touch-action: pan-x; }
  .uw-active-touch-pan-x:active { touch-action: pan-x; }
  .uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .uw-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .uw-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .uw-group:hover .uw-group-hover-touch-pan-x { touch-action: pan-x; }
  .uw-touch-pan-y { touch-action: pan-y; }
  .uw-hover-touch-pan-y:hover { touch-action: pan-y; }
  .uw-focus-touch-pan-y:focus { touch-action: pan-y; }
  .uw-active-touch-pan-y:active { touch-action: pan-y; }
  .uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .uw-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .uw-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .uw-group:hover .uw-group-hover-touch-pan-y { touch-action: pan-y; }
  .uw-touch-manipulation { touch-action: manipulation; }
  .uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  .uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  .uw-active-touch-manipulation:active { touch-action: manipulation; }
  .uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .uw-group:hover .uw-group-hover-touch-manipulation { touch-action: manipulation; }
  .uw-select-auto { user-select: auto; }
  .uw-hover-select-auto:hover { user-select: auto; }
  .uw-focus-select-auto:focus { user-select: auto; }
  .uw-active-select-auto:active { user-select: auto; }
  .uw-disabled-select-auto:disabled { user-select: auto; }
  .uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  .uw-focus-within-select-auto:focus-within { user-select: auto; }
  .uw-group:hover .uw-group-hover-select-auto { user-select: auto; }
  .uw-select-none { user-select: none; }
  .uw-hover-select-none:hover { user-select: none; }
  .uw-focus-select-none:focus { user-select: none; }
  .uw-active-select-none:active { user-select: none; }
  .uw-disabled-select-none:disabled { user-select: none; }
  .uw-focus-visible-select-none:focus-visible { user-select: none; }
  .uw-focus-within-select-none:focus-within { user-select: none; }
  .uw-group:hover .uw-group-hover-select-none { user-select: none; }
  .uw-select-text { user-select: text; }
  .uw-hover-select-text:hover { user-select: text; }
  .uw-focus-select-text:focus { user-select: text; }
  .uw-active-select-text:active { user-select: text; }
  .uw-disabled-select-text:disabled { user-select: text; }
  .uw-focus-visible-select-text:focus-visible { user-select: text; }
  .uw-focus-within-select-text:focus-within { user-select: text; }
  .uw-group:hover .uw-group-hover-select-text { user-select: text; }
  .uw-select-all { user-select: all; }
  .uw-hover-select-all:hover { user-select: all; }
  .uw-focus-select-all:focus { user-select: all; }
  .uw-active-select-all:active { user-select: all; }
  .uw-disabled-select-all:disabled { user-select: all; }
  .uw-focus-visible-select-all:focus-visible { user-select: all; }
  .uw-focus-within-select-all:focus-within { user-select: all; }
  .uw-group:hover .uw-group-hover-select-all { user-select: all; }
  .uw-select-contain { user-select: contain; }
  .uw-hover-select-contain:hover { user-select: contain; }
  .uw-focus-select-contain:focus { user-select: contain; }
  .uw-active-select-contain:active { user-select: contain; }
  .uw-disabled-select-contain:disabled { user-select: contain; }
  .uw-focus-visible-select-contain:focus-visible { user-select: contain; }
  .uw-focus-within-select-contain:focus-within { user-select: contain; }
  .uw-group:hover .uw-group-hover-select-contain { user-select: contain; }
  .uw-will-change-auto { will-change: auto; }
  .uw-hover-will-change-auto:hover { will-change: auto; }
  .uw-focus-will-change-auto:focus { will-change: auto; }
  .uw-active-will-change-auto:active { will-change: auto; }
  .uw-disabled-will-change-auto:disabled { will-change: auto; }
  .uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  .uw-group:hover .uw-group-hover-will-change-auto { will-change: auto; }
  .uw-will-change-scroll { will-change: scroll; }
  .uw-hover-will-change-scroll:hover { will-change: scroll; }
  .uw-focus-will-change-scroll:focus { will-change: scroll; }
  .uw-active-will-change-scroll:active { will-change: scroll; }
  .uw-disabled-will-change-scroll:disabled { will-change: scroll; }
  .uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  .uw-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  .uw-group:hover .uw-group-hover-will-change-scroll { will-change: scroll; }
  .uw-will-change-transform { will-change: transform; }
  .uw-hover-will-change-transform:hover { will-change: transform; }
  .uw-focus-will-change-transform:focus { will-change: transform; }
  .uw-active-will-change-transform:active { will-change: transform; }
  .uw-disabled-will-change-transform:disabled { will-change: transform; }
  .uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  .uw-group:hover .uw-group-hover-will-change-transform { will-change: transform; }
  .uw-will-change-opacity { will-change: opacity; }
  .uw-hover-will-change-opacity:hover { will-change: opacity; }
  .uw-focus-will-change-opacity:focus { will-change: opacity; }
  .uw-active-will-change-opacity:active { will-change: opacity; }
  .uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  .uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .uw-group:hover .uw-group-hover-will-change-opacity { will-change: opacity; }
  .uw-will-change-contents { will-change: contents; }
  .uw-hover-will-change-contents:hover { will-change: contents; }
  .uw-focus-will-change-contents:focus { will-change: contents; }
  .uw-active-will-change-contents:active { will-change: contents; }
  .uw-disabled-will-change-contents:disabled { will-change: contents; }
  .uw-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  .uw-focus-within-will-change-contents:focus-within { will-change: contents; }
  .uw-group:hover .uw-group-hover-will-change-contents { will-change: contents; }
  .uw-field-sizing-auto { block-size: auto; inline-size: auto; }
  .uw-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  .uw-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  .uw-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  .uw-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  .uw-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  .uw-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  .uw-group:hover .uw-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  .uw-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .uw-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  .uw-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  .uw-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  .uw-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  .uw-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  .uw-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  .uw-group:hover .uw-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  .uw-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .uw-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  .uw-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  .uw-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  .uw-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  .uw-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  .uw-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  .uw-group:hover .uw-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  .uw-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .uw-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  .uw-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  .uw-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  .uw-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  .uw-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  .uw-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  .uw-group:hover .uw-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  .uw-aspect-auto { aspect-ratio: auto; }
  .uw-hover-aspect-auto:hover { aspect-ratio: auto; }
  .uw-focus-aspect-auto:focus { aspect-ratio: auto; }
  .uw-active-aspect-auto:active { aspect-ratio: auto; }
  .uw-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  .uw-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  .uw-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  .uw-group:hover .uw-group-hover-aspect-auto { aspect-ratio: auto; }
  .uw-aspect-square { aspect-ratio: 1 / 1; }
  .uw-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  .uw-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  .uw-active-aspect-square:active { aspect-ratio: 1 / 1; }
  .uw-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  .uw-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  .uw-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  .uw-group:hover .uw-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  .uw-aspect-video { aspect-ratio: 16 / 9; }
  .uw-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  .uw-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  .uw-active-aspect-video:active { aspect-ratio: 16 / 9; }
  .uw-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  .uw-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  .uw-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  .uw-group:hover .uw-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  .uw-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .uw-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  .uw-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  .uw-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  .uw-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  .uw-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  .uw-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  .uw-group:hover .uw-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  .uw-isolation-auto { isolation: auto; }
  .uw-hover-isolation-auto:hover { isolation: auto; }
  .uw-focus-isolation-auto:focus { isolation: auto; }
  .uw-active-isolation-auto:active { isolation: auto; }
  .uw-disabled-isolation-auto:disabled { isolation: auto; }
  .uw-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  .uw-focus-within-isolation-auto:focus-within { isolation: auto; }
  .uw-group:hover .uw-group-hover-isolation-auto { isolation: auto; }
  .uw-isolation-isolate { isolation: isolate; }
  .uw-hover-isolation-isolate:hover { isolation: isolate; }
  .uw-focus-isolation-isolate:focus { isolation: isolate; }
  .uw-active-isolation-isolate:active { isolation: isolate; }
  .uw-disabled-isolation-isolate:disabled { isolation: isolate; }
  .uw-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  .uw-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  .uw-group:hover .uw-group-hover-isolation-isolate { isolation: isolate; }
  .uw-contain-none { contain: none; }
  .uw-hover-contain-none:hover { contain: none; }
  .uw-focus-contain-none:focus { contain: none; }
  .uw-active-contain-none:active { contain: none; }
  .uw-disabled-contain-none:disabled { contain: none; }
  .uw-focus-visible-contain-none:focus-visible { contain: none; }
  .uw-focus-within-contain-none:focus-within { contain: none; }
  .uw-group:hover .uw-group-hover-contain-none { contain: none; }
  .uw-contain-layout { contain: layout; }
  .uw-hover-contain-layout:hover { contain: layout; }
  .uw-focus-contain-layout:focus { contain: layout; }
  .uw-active-contain-layout:active { contain: layout; }
  .uw-disabled-contain-layout:disabled { contain: layout; }
  .uw-focus-visible-contain-layout:focus-visible { contain: layout; }
  .uw-focus-within-contain-layout:focus-within { contain: layout; }
  .uw-group:hover .uw-group-hover-contain-layout { contain: layout; }
  .uw-contain-size { contain: size; }
  .uw-hover-contain-size:hover { contain: size; }
  .uw-focus-contain-size:focus { contain: size; }
  .uw-active-contain-size:active { contain: size; }
  .uw-disabled-contain-size:disabled { contain: size; }
  .uw-focus-visible-contain-size:focus-visible { contain: size; }
  .uw-focus-within-contain-size:focus-within { contain: size; }
  .uw-group:hover .uw-group-hover-contain-size { contain: size; }
  .uw-contain-style { contain: style; }
  .uw-hover-contain-style:hover { contain: style; }
  .uw-focus-contain-style:focus { contain: style; }
  .uw-active-contain-style:active { contain: style; }
  .uw-disabled-contain-style:disabled { contain: style; }
  .uw-focus-visible-contain-style:focus-visible { contain: style; }
  .uw-focus-within-contain-style:focus-within { contain: style; }
  .uw-group:hover .uw-group-hover-contain-style { contain: style; }
  .uw-contain-paint { contain: paint; }
  .uw-hover-contain-paint:hover { contain: paint; }
  .uw-focus-contain-paint:focus { contain: paint; }
  .uw-active-contain-paint:active { contain: paint; }
  .uw-disabled-contain-paint:disabled { contain: paint; }
  .uw-focus-visible-contain-paint:focus-visible { contain: paint; }
  .uw-focus-within-contain-paint:focus-within { contain: paint; }
  .uw-group:hover .uw-group-hover-contain-paint { contain: paint; }
  .uw-contain-content { contain: content; }
  .uw-hover-contain-content:hover { contain: content; }
  .uw-focus-contain-content:focus { contain: content; }
  .uw-active-contain-content:active { contain: content; }
  .uw-disabled-contain-content:disabled { contain: content; }
  .uw-focus-visible-contain-content:focus-visible { contain: content; }
  .uw-focus-within-contain-content:focus-within { contain: content; }
  .uw-group:hover .uw-group-hover-contain-content { contain: content; }
  .uw-content-auto { content-visibility: auto; }
  .uw-hover-content-auto:hover { content-visibility: auto; }
  .uw-focus-content-auto:focus { content-visibility: auto; }
  .uw-active-content-auto:active { content-visibility: auto; }
  .uw-disabled-content-auto:disabled { content-visibility: auto; }
  .uw-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  .uw-focus-within-content-auto:focus-within { content-visibility: auto; }
  .uw-group:hover .uw-group-hover-content-auto { content-visibility: auto; }
  .uw-content-hidden { content-visibility: hidden; }
  .uw-hover-content-hidden:hover { content-visibility: hidden; }
  .uw-focus-content-hidden:focus { content-visibility: hidden; }
  .uw-active-content-hidden:active { content-visibility: hidden; }
  .uw-disabled-content-hidden:disabled { content-visibility: hidden; }
  .uw-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  .uw-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  .uw-group:hover .uw-group-hover-content-hidden { content-visibility: hidden; }
  .uw-content-visible { content-visibility: visible; }
  .uw-hover-content-visible:hover { content-visibility: visible; }
  .uw-focus-content-visible:focus { content-visibility: visible; }
  .uw-active-content-visible:active { content-visibility: visible; }
  .uw-disabled-content-visible:disabled { content-visibility: visible; }
  .uw-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  .uw-focus-within-content-visible:focus-within { content-visibility: visible; }
  .uw-group:hover .uw-group-hover-content-visible { content-visibility: visible; }
  .uw-box-border { box-sizing: border-box; }
  .uw-hover-box-border:hover { box-sizing: border-box; }
  .uw-focus-box-border:focus { box-sizing: border-box; }
  .uw-active-box-border:active { box-sizing: border-box; }
  .uw-disabled-box-border:disabled { box-sizing: border-box; }
  .uw-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .uw-focus-within-box-border:focus-within { box-sizing: border-box; }
  .uw-group:hover .uw-group-hover-box-border { box-sizing: border-box; }
  .uw-box-content { box-sizing: content-box; }
  .uw-hover-box-content:hover { box-sizing: content-box; }
  .uw-focus-box-content:focus { box-sizing: content-box; }
  .uw-active-box-content:active { box-sizing: content-box; }
  .uw-disabled-box-content:disabled { box-sizing: content-box; }
  .uw-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .uw-focus-within-box-content:focus-within { box-sizing: content-box; }
  .uw-group:hover .uw-group-hover-box-content { box-sizing: content-box; }
  .uw-clip-none { clip-path: none; }
  .uw-hover-clip-none:hover { clip-path: none; }
  .uw-focus-clip-none:focus { clip-path: none; }
  .uw-active-clip-none:active { clip-path: none; }
  .uw-disabled-clip-none:disabled { clip-path: none; }
  .uw-focus-visible-clip-none:focus-visible { clip-path: none; }
  .uw-focus-within-clip-none:focus-within { clip-path: none; }
  .uw-group:hover .uw-group-hover-clip-none { clip-path: none; }
  .uw-clip-circle { clip-path: circle(50% at 50% 50%); }
  .uw-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  .uw-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  .uw-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  .uw-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  .uw-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  .uw-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  .uw-group:hover .uw-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  .uw-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-group:hover .uw-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  .uw-clip-inset { clip-path: inset(0); }
  .uw-hover-clip-inset:hover { clip-path: inset(0); }
  .uw-focus-clip-inset:focus { clip-path: inset(0); }
  .uw-active-clip-inset:active { clip-path: inset(0); }
  .uw-disabled-clip-inset:disabled { clip-path: inset(0); }
  .uw-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  .uw-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  .uw-group:hover .uw-group-hover-clip-inset { clip-path: inset(0); }
  .uw-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-group:hover .uw-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  .uw-margin-block-start-1 { margin-block-start: 1rem; }
  .uw-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  .uw-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  .uw-active-margin-block-start-1:active { margin-block-start: 1rem; }
  .uw-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  .uw-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  .uw-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  .uw-group:hover .uw-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  .uw-margin-block-end-1 { margin-block-end: 1rem; }
  .uw-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  .uw-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  .uw-active-margin-block-end-1:active { margin-block-end: 1rem; }
  .uw-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  .uw-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  .uw-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  .uw-group:hover .uw-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  .uw-margin-inline-start-1 { margin-inline-start: 1rem; }
  .uw-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  .uw-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  .uw-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  .uw-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  .uw-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  .uw-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  .uw-group:hover .uw-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  .uw-margin-inline-end-1 { margin-inline-end: 1rem; }
  .uw-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  .uw-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  .uw-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  .uw-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  .uw-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  .uw-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  .uw-group:hover .uw-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  .uw-padding-block-start-1 { padding-block-start: 1rem; }
  .uw-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  .uw-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  .uw-active-padding-block-start-1:active { padding-block-start: 1rem; }
  .uw-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  .uw-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  .uw-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  .uw-group:hover .uw-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  .uw-padding-block-end-1 { padding-block-end: 1rem; }
  .uw-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  .uw-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  .uw-active-padding-block-end-1:active { padding-block-end: 1rem; }
  .uw-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  .uw-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  .uw-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  .uw-group:hover .uw-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  .uw-padding-inline-start-1 { padding-inline-start: 1rem; }
  .uw-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  .uw-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  .uw-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  .uw-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  .uw-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  .uw-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  .uw-group:hover .uw-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  .uw-padding-inline-end-1 { padding-inline-end: 1rem; }
  .uw-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  .uw-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  .uw-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  .uw-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  .uw-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  .uw-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  .uw-group:hover .uw-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  .uw-transition-all { transition-property: all; }
  .uw-hover-transition-all:hover { transition-property: all; }
  .uw-focus-transition-all:focus { transition-property: all; }
  .uw-active-transition-all:active { transition-property: all; }
  .uw-disabled-transition-all:disabled { transition-property: all; }
  .uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  .uw-focus-within-transition-all:focus-within { transition-property: all; }
  .uw-group:hover .uw-group-hover-transition-all { transition-property: all; }
  .uw-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-group:hover .uw-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  .uw-transition-opacity { transition-property: opacity; }
  .uw-hover-transition-opacity:hover { transition-property: opacity; }
  .uw-focus-transition-opacity:focus { transition-property: opacity; }
  .uw-active-transition-opacity:active { transition-property: opacity; }
  .uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  .uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .uw-group:hover .uw-group-hover-transition-opacity { transition-property: opacity; }
  .uw-transition-shadow { transition-property: box-shadow; }
  .uw-hover-transition-shadow:hover { transition-property: box-shadow; }
  .uw-focus-transition-shadow:focus { transition-property: box-shadow; }
  .uw-active-transition-shadow:active { transition-property: box-shadow; }
  .uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .uw-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .uw-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .uw-group:hover .uw-group-hover-transition-shadow { transition-property: box-shadow; }
  .uw-transition-transform { transition-property: transform; }
  .uw-hover-transition-transform:hover { transition-property: transform; }
  .uw-focus-transition-transform:focus { transition-property: transform; }
  .uw-active-transition-transform:active { transition-property: transform; }
  .uw-disabled-transition-transform:disabled { transition-property: transform; }
  .uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  .uw-group:hover .uw-group-hover-transition-transform { transition-property: transform; }
  .uw-duration-75 { transition-duration: 75ms; }
  .uw-hover-duration-75:hover { transition-duration: 75ms; }
  .uw-focus-duration-75:focus { transition-duration: 75ms; }
  .uw-active-duration-75:active { transition-duration: 75ms; }
  .uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  .uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .uw-group:hover .uw-group-hover-duration-75 { transition-duration: 75ms; }
  .uw-duration-100 { transition-duration: 100ms; }
  .uw-hover-duration-100:hover { transition-duration: 100ms; }
  .uw-focus-duration-100:focus { transition-duration: 100ms; }
  .uw-active-duration-100:active { transition-duration: 100ms; }
  .uw-disabled-duration-100:disabled { transition-duration: 100ms; }
  .uw-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  .uw-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  .uw-group:hover .uw-group-hover-duration-100 { transition-duration: 100ms; }
  .uw-duration-150 { transition-duration: 150ms; }
  .uw-hover-duration-150:hover { transition-duration: 150ms; }
  .uw-focus-duration-150:focus { transition-duration: 150ms; }
  .uw-active-duration-150:active { transition-duration: 150ms; }
  .uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  .uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .uw-group:hover .uw-group-hover-duration-150 { transition-duration: 150ms; }
  .uw-duration-200 { transition-duration: 200ms; }
  .uw-hover-duration-200:hover { transition-duration: 200ms; }
  .uw-focus-duration-200:focus { transition-duration: 200ms; }
  .uw-active-duration-200:active { transition-duration: 200ms; }
  .uw-disabled-duration-200:disabled { transition-duration: 200ms; }
  .uw-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  .uw-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  .uw-group:hover .uw-group-hover-duration-200 { transition-duration: 200ms; }
  .uw-duration-300 { transition-duration: 300ms; }
  .uw-hover-duration-300:hover { transition-duration: 300ms; }
  .uw-focus-duration-300:focus { transition-duration: 300ms; }
  .uw-active-duration-300:active { transition-duration: 300ms; }
  .uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  .uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .uw-group:hover .uw-group-hover-duration-300 { transition-duration: 300ms; }
  .uw-duration-500 { transition-duration: 500ms; }
  .uw-hover-duration-500:hover { transition-duration: 500ms; }
  .uw-focus-duration-500:focus { transition-duration: 500ms; }
  .uw-active-duration-500:active { transition-duration: 500ms; }
  .uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  .uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .uw-group:hover .uw-group-hover-duration-500 { transition-duration: 500ms; }
  .uw-duration-700 { transition-duration: 700ms; }
  .uw-hover-duration-700:hover { transition-duration: 700ms; }
  .uw-focus-duration-700:focus { transition-duration: 700ms; }
  .uw-active-duration-700:active { transition-duration: 700ms; }
  .uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  .uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .uw-group:hover .uw-group-hover-duration-700 { transition-duration: 700ms; }
  .uw-duration-1000 { transition-duration: 1000ms; }
  .uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  .uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  .uw-active-duration-1000:active { transition-duration: 1000ms; }
  .uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .uw-group:hover .uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  .uw-ease-linear { transition-timing-function: linear; }
  .uw-hover-ease-linear:hover { transition-timing-function: linear; }
  .uw-focus-ease-linear:focus { transition-timing-function: linear; }
  .uw-active-ease-linear:active { transition-timing-function: linear; }
  .uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .uw-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .uw-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .uw-group:hover .uw-group-hover-ease-linear { transition-timing-function: linear; }
  .uw-ease-in { transition-timing-function: ease-in; }
  .uw-hover-ease-in:hover { transition-timing-function: ease-in; }
  .uw-focus-ease-in:focus { transition-timing-function: ease-in; }
  .uw-active-ease-in:active { transition-timing-function: ease-in; }
  .uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  .uw-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  .uw-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  .uw-group:hover .uw-group-hover-ease-in { transition-timing-function: ease-in; }
  .uw-ease-out { transition-timing-function: ease-out; }
  .uw-hover-ease-out:hover { transition-timing-function: ease-out; }
  .uw-focus-ease-out:focus { transition-timing-function: ease-out; }
  .uw-active-ease-out:active { transition-timing-function: ease-out; }
  .uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  .uw-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  .uw-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  .uw-group:hover .uw-group-hover-ease-out { transition-timing-function: ease-out; }
  .uw-ease-in-out { transition-timing-function: ease-in-out; }
  .uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  .uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  .uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  .uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  .uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  .uw-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  .uw-group:hover .uw-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  .uw-filter-none { filter: none; }
  .uw-hover-filter-none:hover { filter: none; }
  .uw-focus-filter-none:focus { filter: none; }
  .uw-active-filter-none:active { filter: none; }
  .uw-disabled-filter-none:disabled { filter: none; }
  .uw-focus-visible-filter-none:focus-visible { filter: none; }
  .uw-focus-within-filter-none:focus-within { filter: none; }
  .uw-group:hover .uw-group-hover-filter-none { filter: none; }
  .uw-blur-sm { filter: blur(2px); }
  .uw-hover-blur-sm:hover { filter: blur(2px); }
  .uw-focus-blur-sm:focus { filter: blur(2px); }
  .uw-active-blur-sm:active { filter: blur(2px); }
  .uw-disabled-blur-sm:disabled { filter: blur(2px); }
  .uw-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  .uw-focus-within-blur-sm:focus-within { filter: blur(2px); }
  .uw-group:hover .uw-group-hover-blur-sm { filter: blur(2px); }
  .uw-blur { filter: blur(4px); }
  .uw-hover-blur:hover { filter: blur(4px); }
  .uw-focus-blur:focus { filter: blur(4px); }
  .uw-active-blur:active { filter: blur(4px); }
  .uw-disabled-blur:disabled { filter: blur(4px); }
  .uw-focus-visible-blur:focus-visible { filter: blur(4px); }
  .uw-focus-within-blur:focus-within { filter: blur(4px); }
  .uw-group:hover .uw-group-hover-blur { filter: blur(4px); }
  .uw-blur-md { filter: blur(8px); }
  .uw-hover-blur-md:hover { filter: blur(8px); }
  .uw-focus-blur-md:focus { filter: blur(8px); }
  .uw-active-blur-md:active { filter: blur(8px); }
  .uw-disabled-blur-md:disabled { filter: blur(8px); }
  .uw-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  .uw-focus-within-blur-md:focus-within { filter: blur(8px); }
  .uw-group:hover .uw-group-hover-blur-md { filter: blur(8px); }
  .uw-blur-lg { filter: blur(12px); }
  .uw-hover-blur-lg:hover { filter: blur(12px); }
  .uw-focus-blur-lg:focus { filter: blur(12px); }
  .uw-active-blur-lg:active { filter: blur(12px); }
  .uw-disabled-blur-lg:disabled { filter: blur(12px); }
  .uw-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  .uw-focus-within-blur-lg:focus-within { filter: blur(12px); }
  .uw-group:hover .uw-group-hover-blur-lg { filter: blur(12px); }
  .uw-blur-xl { filter: blur(20px); }
  .uw-hover-blur-xl:hover { filter: blur(20px); }
  .uw-focus-blur-xl:focus { filter: blur(20px); }
  .uw-active-blur-xl:active { filter: blur(20px); }
  .uw-disabled-blur-xl:disabled { filter: blur(20px); }
  .uw-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  .uw-focus-within-blur-xl:focus-within { filter: blur(20px); }
  .uw-group:hover .uw-group-hover-blur-xl { filter: blur(20px); }
  .uw-brightness-50 { filter: brightness(0.5); }
  .uw-hover-brightness-50:hover { filter: brightness(0.5); }
  .uw-focus-brightness-50:focus { filter: brightness(0.5); }
  .uw-active-brightness-50:active { filter: brightness(0.5); }
  .uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
  .uw-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  .uw-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  .uw-group:hover .uw-group-hover-brightness-50 { filter: brightness(0.5); }
  .uw-brightness-100 { filter: brightness(1); }
  .uw-hover-brightness-100:hover { filter: brightness(1); }
  .uw-focus-brightness-100:focus { filter: brightness(1); }
  .uw-active-brightness-100:active { filter: brightness(1); }
  .uw-disabled-brightness-100:disabled { filter: brightness(1); }
  .uw-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  .uw-focus-within-brightness-100:focus-within { filter: brightness(1); }
  .uw-group:hover .uw-group-hover-brightness-100 { filter: brightness(1); }
  .uw-brightness-150 { filter: brightness(1.5); }
  .uw-hover-brightness-150:hover { filter: brightness(1.5); }
  .uw-focus-brightness-150:focus { filter: brightness(1.5); }
  .uw-active-brightness-150:active { filter: brightness(1.5); }
  .uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
  .uw-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  .uw-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  .uw-group:hover .uw-group-hover-brightness-150 { filter: brightness(1.5); }
  .uw-contrast-50 { filter: contrast(0.5); }
  .uw-hover-contrast-50:hover { filter: contrast(0.5); }
  .uw-focus-contrast-50:focus { filter: contrast(0.5); }
  .uw-active-contrast-50:active { filter: contrast(0.5); }
  .uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
  .uw-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  .uw-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  .uw-group:hover .uw-group-hover-contrast-50 { filter: contrast(0.5); }
  .uw-contrast-100 { filter: contrast(1); }
  .uw-hover-contrast-100:hover { filter: contrast(1); }
  .uw-focus-contrast-100:focus { filter: contrast(1); }
  .uw-active-contrast-100:active { filter: contrast(1); }
  .uw-disabled-contrast-100:disabled { filter: contrast(1); }
  .uw-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  .uw-focus-within-contrast-100:focus-within { filter: contrast(1); }
  .uw-group:hover .uw-group-hover-contrast-100 { filter: contrast(1); }
  .uw-grayscale { filter: grayscale(1); }
  .uw-hover-grayscale:hover { filter: grayscale(1); }
  .uw-focus-grayscale:focus { filter: grayscale(1); }
  .uw-active-grayscale:active { filter: grayscale(1); }
  .uw-disabled-grayscale:disabled { filter: grayscale(1); }
  .uw-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  .uw-focus-within-grayscale:focus-within { filter: grayscale(1); }
  .uw-group:hover .uw-group-hover-grayscale { filter: grayscale(1); }
  .uw-sepia { filter: sepia(1); }
  .uw-hover-sepia:hover { filter: sepia(1); }
  .uw-focus-sepia:focus { filter: sepia(1); }
  .uw-active-sepia:active { filter: sepia(1); }
  .uw-disabled-sepia:disabled { filter: sepia(1); }
  .uw-focus-visible-sepia:focus-visible { filter: sepia(1); }
  .uw-focus-within-sepia:focus-within { filter: sepia(1); }
  .uw-group:hover .uw-group-hover-sepia { filter: sepia(1); }
  .uw-saturate-150 { filter: saturate(1.5); }
  .uw-hover-saturate-150:hover { filter: saturate(1.5); }
  .uw-focus-saturate-150:focus { filter: saturate(1.5); }
  .uw-active-saturate-150:active { filter: saturate(1.5); }
  .uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
  .uw-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  .uw-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  .uw-group:hover .uw-group-hover-saturate-150 { filter: saturate(1.5); }
  .uw-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .uw-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .uw-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .uw-group:hover .uw-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-group:hover .uw-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  .uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  .uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  .uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  .uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  .uw-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  .uw-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  .uw-group:hover .uw-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  .uw-grid-flow-row { grid-auto-flow: row; }
  .uw-hover-grid-flow-row:hover { grid-auto-flow: row; }
  .uw-focus-grid-flow-row:focus { grid-auto-flow: row; }
  .uw-active-grid-flow-row:active { grid-auto-flow: row; }
  .uw-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  .uw-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  .uw-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  .uw-group:hover .uw-group-hover-grid-flow-row { grid-auto-flow: row; }
  .uw-grid-flow-col { grid-auto-flow: column; }
  .uw-hover-grid-flow-col:hover { grid-auto-flow: column; }
  .uw-focus-grid-flow-col:focus { grid-auto-flow: column; }
  .uw-active-grid-flow-col:active { grid-auto-flow: column; }
  .uw-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  .uw-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  .uw-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  .uw-group:hover .uw-group-hover-grid-flow-col { grid-auto-flow: column; }
  .uw-grid-flow-row-dense { grid-auto-flow: row dense; }
  .uw-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  .uw-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  .uw-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  .uw-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  .uw-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  .uw-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  .uw-group:hover .uw-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  .uw-grid-flow-col-dense { grid-auto-flow: column dense; }
  .uw-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  .uw-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  .uw-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  .uw-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  .uw-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  .uw-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  .uw-group:hover .uw-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  .uw-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-group:hover .uw-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  .uw-transition-none { transition-property: none; }
  .uw-hover-transition-none:hover { transition-property: none; }
  .uw-focus-transition-none:focus { transition-property: none; }
  .uw-active-transition-none:active { transition-property: none; }
  .uw-disabled-transition-none:disabled { transition-property: none; }
  .uw-focus-visible-transition-none:focus-visible { transition-property: none; }
  .uw-focus-within-transition-none:focus-within { transition-property: none; }
  .uw-group:hover .uw-group-hover-transition-none { transition-property: none; }
  .uw-transition-all { transition-property: all; }
  .uw-hover-transition-all:hover { transition-property: all; }
  .uw-focus-transition-all:focus { transition-property: all; }
  .uw-active-transition-all:active { transition-property: all; }
  .uw-disabled-transition-all:disabled { transition-property: all; }
  .uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  .uw-focus-within-transition-all:focus-within { transition-property: all; }
  .uw-group:hover .uw-group-hover-transition-all { transition-property: all; }
  .uw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-group:hover .uw-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  .uw-transition-opacity { transition-property: opacity; }
  .uw-hover-transition-opacity:hover { transition-property: opacity; }
  .uw-focus-transition-opacity:focus { transition-property: opacity; }
  .uw-active-transition-opacity:active { transition-property: opacity; }
  .uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  .uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  .uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  .uw-group:hover .uw-group-hover-transition-opacity { transition-property: opacity; }
  .uw-transition-shadow { transition-property: box-shadow; }
  .uw-hover-transition-shadow:hover { transition-property: box-shadow; }
  .uw-focus-transition-shadow:focus { transition-property: box-shadow; }
  .uw-active-transition-shadow:active { transition-property: box-shadow; }
  .uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  .uw-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  .uw-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  .uw-group:hover .uw-group-hover-transition-shadow { transition-property: box-shadow; }
  .uw-transition-transform { transition-property: transform; }
  .uw-hover-transition-transform:hover { transition-property: transform; }
  .uw-focus-transition-transform:focus { transition-property: transform; }
  .uw-active-transition-transform:active { transition-property: transform; }
  .uw-disabled-transition-transform:disabled { transition-property: transform; }
  .uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  .uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  .uw-group:hover .uw-group-hover-transition-transform { transition-property: transform; }
  .uw-duration-75 { transition-duration: 75ms; }
  .uw-hover-duration-75:hover { transition-duration: 75ms; }
  .uw-focus-duration-75:focus { transition-duration: 75ms; }
  .uw-active-duration-75:active { transition-duration: 75ms; }
  .uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  .uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  .uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  .uw-group:hover .uw-group-hover-duration-75 { transition-duration: 75ms; }
  .uw-duration-150 { transition-duration: 150ms; }
  .uw-hover-duration-150:hover { transition-duration: 150ms; }
  .uw-focus-duration-150:focus { transition-duration: 150ms; }
  .uw-active-duration-150:active { transition-duration: 150ms; }
  .uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  .uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  .uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  .uw-group:hover .uw-group-hover-duration-150 { transition-duration: 150ms; }
  .uw-duration-300 { transition-duration: 300ms; }
  .uw-hover-duration-300:hover { transition-duration: 300ms; }
  .uw-focus-duration-300:focus { transition-duration: 300ms; }
  .uw-active-duration-300:active { transition-duration: 300ms; }
  .uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  .uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  .uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  .uw-group:hover .uw-group-hover-duration-300 { transition-duration: 300ms; }
  .uw-duration-500 { transition-duration: 500ms; }
  .uw-hover-duration-500:hover { transition-duration: 500ms; }
  .uw-focus-duration-500:focus { transition-duration: 500ms; }
  .uw-active-duration-500:active { transition-duration: 500ms; }
  .uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  .uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  .uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  .uw-group:hover .uw-group-hover-duration-500 { transition-duration: 500ms; }
  .uw-duration-700 { transition-duration: 700ms; }
  .uw-hover-duration-700:hover { transition-duration: 700ms; }
  .uw-focus-duration-700:focus { transition-duration: 700ms; }
  .uw-active-duration-700:active { transition-duration: 700ms; }
  .uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  .uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  .uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  .uw-group:hover .uw-group-hover-duration-700 { transition-duration: 700ms; }
  .uw-duration-1000 { transition-duration: 1000ms; }
  .uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  .uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  .uw-active-duration-1000:active { transition-duration: 1000ms; }
  .uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  .uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  .uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  .uw-group:hover .uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  .uw-ease-linear { transition-timing-function: linear; }
  .uw-hover-ease-linear:hover { transition-timing-function: linear; }
  .uw-focus-ease-linear:focus { transition-timing-function: linear; }
  .uw-active-ease-linear:active { transition-timing-function: linear; }
  .uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
  .uw-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  .uw-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  .uw-group:hover .uw-group-hover-ease-linear { transition-timing-function: linear; }
  .uw-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-group:hover .uw-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  .uw-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-group:hover .uw-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  .uw-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-group:hover .uw-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  .uw-animate-none { animation: none; }
  .uw-hover-animate-none:hover { animation: none; }
  .uw-focus-animate-none:focus { animation: none; }
  .uw-active-animate-none:active { animation: none; }
  .uw-disabled-animate-none:disabled { animation: none; }
  .uw-focus-visible-animate-none:focus-visible { animation: none; }
  .uw-focus-within-animate-none:focus-within { animation: none; }
  .uw-group:hover .uw-group-hover-animate-none { animation: none; }
  .uw-animate-fade { animation: fade 300ms ease-out both; }
  .uw-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  .uw-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  .uw-active-animate-fade:active { animation: fade 300ms ease-out both; }
  .uw-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  .uw-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  .uw-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  .uw-group:hover .uw-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  .uw-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .uw-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  .uw-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  .uw-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  .uw-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  .uw-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  .uw-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  .uw-group:hover .uw-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  .uw-animate-spin { animation: spin 1s linear infinite; }
  .uw-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  .uw-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  .uw-active-animate-spin:active { animation: spin 1s linear infinite; }
  .uw-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  .uw-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  .uw-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  .uw-group:hover .uw-group-hover-animate-spin { animation: spin 1s linear infinite; }
  .uw-transform { transform: var(--quanta-transform, none); }
  .uw-hover-transform:hover { transform: var(--quanta-transform, none); }
  .uw-focus-transform:focus { transform: var(--quanta-transform, none); }
  .uw-active-transform:active { transform: var(--quanta-transform, none); }
  .uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  .uw-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  .uw-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  .uw-group:hover .uw-group-hover-transform { transform: var(--quanta-transform, none); }
  .uw-transform-none { transform: none; }
  .uw-hover-transform-none:hover { transform: none; }
  .uw-focus-transform-none:focus { transform: none; }
  .uw-active-transform-none:active { transform: none; }
  .uw-disabled-transform-none:disabled { transform: none; }
  .uw-focus-visible-transform-none:focus-visible { transform: none; }
  .uw-focus-within-transform-none:focus-within { transform: none; }
  .uw-group:hover .uw-group-hover-transform-none { transform: none; }
  .uw-scale-50 { --quanta-transform: scale(0.5); }
  .uw-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  .uw-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  .uw-active-scale-50:active { --quanta-transform: scale(0.5); }
  .uw-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  .uw-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  .uw-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  .uw-group:hover .uw-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  .uw-scale-75 { --quanta-transform: scale(0.75); }
  .uw-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  .uw-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  .uw-active-scale-75:active { --quanta-transform: scale(0.75); }
  .uw-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  .uw-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  .uw-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  .uw-group:hover .uw-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  .uw-scale-90 { --quanta-transform: scale(0.9); }
  .uw-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  .uw-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  .uw-active-scale-90:active { --quanta-transform: scale(0.9); }
  .uw-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  .uw-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  .uw-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  .uw-group:hover .uw-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  .uw-scale-100 { --quanta-transform: scale(1); }
  .uw-hover-scale-100:hover { --quanta-transform: scale(1); }
  .uw-focus-scale-100:focus { --quanta-transform: scale(1); }
  .uw-active-scale-100:active { --quanta-transform: scale(1); }
  .uw-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  .uw-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  .uw-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  .uw-group:hover .uw-group-hover-scale-100 { --quanta-transform: scale(1); }
  .uw-scale-105 { --quanta-transform: scale(1.05); }
  .uw-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  .uw-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  .uw-active-scale-105:active { --quanta-transform: scale(1.05); }
  .uw-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  .uw-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  .uw-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  .uw-group:hover .uw-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  .uw-scale-110 { --quanta-transform: scale(1.1); }
  .uw-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  .uw-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  .uw-active-scale-110:active { --quanta-transform: scale(1.1); }
  .uw-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  .uw-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  .uw-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  .uw-group:hover .uw-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  .uw-scale-125 { --quanta-transform: scale(1.25); }
  .uw-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  .uw-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  .uw-active-scale-125:active { --quanta-transform: scale(1.25); }
  .uw-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  .uw-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  .uw-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  .uw-group:hover .uw-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  .uw-scale-150 { --quanta-transform: scale(1.5); }
  .uw-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  .uw-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  .uw-active-scale-150:active { --quanta-transform: scale(1.5); }
  .uw-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  .uw-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  .uw-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  .uw-group:hover .uw-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  .uw-translate-x-0 { --quanta-transform: translateX(0); }
  .uw-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  .uw-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  .uw-active-translate-x-0:active { --quanta-transform: translateX(0); }
  .uw-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  .uw-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  .uw-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  .uw-group:hover .uw-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  .uw-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .uw-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  .uw-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  .uw-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  .uw-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  .uw-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  .uw-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  .uw-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .uw-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  .uw-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  .uw-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  .uw-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  .uw-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  .uw-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  .uw-translate-x-4 { --quanta-transform: translateX(1rem); }
  .uw-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  .uw-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  .uw-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  .uw-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  .uw-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  .uw-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  .uw-group:hover .uw-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  .uw-translate-x-8 { --quanta-transform: translateX(2rem); }
  .uw-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  .uw-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  .uw-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  .uw-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  .uw-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  .uw-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  .uw-group:hover .uw-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  .uw-translate-y-0 { --quanta-transform: translateY(0); }
  .uw-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  .uw-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  .uw-active-translate-y-0:active { --quanta-transform: translateY(0); }
  .uw-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  .uw-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  .uw-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  .uw-group:hover .uw-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  .uw-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .uw-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  .uw-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  .uw-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  .uw-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  .uw-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  .uw-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  .uw-group:hover .uw-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  .uw-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .uw-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  .uw-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  .uw-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  .uw-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  .uw-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  .uw-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  .uw-group:hover .uw-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  .uw-translate-y-4 { --quanta-transform: translateY(1rem); }
  .uw-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  .uw-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  .uw-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  .uw-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  .uw-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  .uw-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  .uw-group:hover .uw-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  .uw-translate-y-8 { --quanta-transform: translateY(2rem); }
  .uw-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  .uw-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  .uw-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  .uw-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  .uw-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  .uw-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  .uw-group:hover .uw-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  .uw-rotate-0 { --quanta-transform: rotate(0deg); }
  .uw-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  .uw-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  .uw-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  .uw-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  .uw-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  .uw-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  .uw-group:hover .uw-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  .uw-rotate-45 { --quanta-transform: rotate(45deg); }
  .uw-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  .uw-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  .uw-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  .uw-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  .uw-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  .uw-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  .uw-group:hover .uw-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  .uw-rotate-90 { --quanta-transform: rotate(90deg); }
  .uw-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  .uw-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  .uw-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  .uw-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  .uw-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  .uw-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  .uw-group:hover .uw-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  .uw-rotate-180 { --quanta-transform: rotate(180deg); }
  .uw-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  .uw-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  .uw-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  .uw-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  .uw-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  .uw-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  .uw-group:hover .uw-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  .uw-skew-x-0 { --quanta-transform: skewX(0); }
  .uw-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  .uw-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  .uw-active-skew-x-0:active { --quanta-transform: skewX(0); }
  .uw-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  .uw-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  .uw-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  .uw-group:hover .uw-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  .uw-skew-x-3 { --quanta-transform: skewX(3deg); }
  .uw-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  .uw-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  .uw-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  .uw-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  .uw-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  .uw-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  .uw-group:hover .uw-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  .uw-skew-x-6 { --quanta-transform: skewX(6deg); }
  .uw-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  .uw-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  .uw-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  .uw-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  .uw-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  .uw-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  .uw-group:hover .uw-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  .uw-skew-y-0 { --quanta-transform: skewY(0); }
  .uw-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  .uw-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  .uw-active-skew-y-0:active { --quanta-transform: skewY(0); }
  .uw-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  .uw-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  .uw-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  .uw-group:hover .uw-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  .uw-skew-y-3 { --quanta-transform: skewY(3deg); }
  .uw-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  .uw-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  .uw-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  .uw-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  .uw-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  .uw-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  .uw-group:hover .uw-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  .uw-skew-y-6 { --quanta-transform: skewY(6deg); }
  .uw-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  .uw-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  .uw-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  .uw-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  .uw-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  .uw-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  .uw-group:hover .uw-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  .uw-origin-center { transform-origin: center; }
  .uw-hover-origin-center:hover { transform-origin: center; }
  .uw-focus-origin-center:focus { transform-origin: center; }
  .uw-active-origin-center:active { transform-origin: center; }
  .uw-disabled-origin-center:disabled { transform-origin: center; }
  .uw-focus-visible-origin-center:focus-visible { transform-origin: center; }
  .uw-focus-within-origin-center:focus-within { transform-origin: center; }
  .uw-group:hover .uw-group-hover-origin-center { transform-origin: center; }
  .uw-origin-top { transform-origin: top; }
  .uw-hover-origin-top:hover { transform-origin: top; }
  .uw-focus-origin-top:focus { transform-origin: top; }
  .uw-active-origin-top:active { transform-origin: top; }
  .uw-disabled-origin-top:disabled { transform-origin: top; }
  .uw-focus-visible-origin-top:focus-visible { transform-origin: top; }
  .uw-focus-within-origin-top:focus-within { transform-origin: top; }
  .uw-group:hover .uw-group-hover-origin-top { transform-origin: top; }
  .uw-origin-right { transform-origin: right; }
  .uw-hover-origin-right:hover { transform-origin: right; }
  .uw-focus-origin-right:focus { transform-origin: right; }
  .uw-active-origin-right:active { transform-origin: right; }
  .uw-disabled-origin-right:disabled { transform-origin: right; }
  .uw-focus-visible-origin-right:focus-visible { transform-origin: right; }
  .uw-focus-within-origin-right:focus-within { transform-origin: right; }
  .uw-group:hover .uw-group-hover-origin-right { transform-origin: right; }
  .uw-origin-bottom { transform-origin: bottom; }
  .uw-hover-origin-bottom:hover { transform-origin: bottom; }
  .uw-focus-origin-bottom:focus { transform-origin: bottom; }
  .uw-active-origin-bottom:active { transform-origin: bottom; }
  .uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
  .uw-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  .uw-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  .uw-group:hover .uw-group-hover-origin-bottom { transform-origin: bottom; }
  .uw-origin-left { transform-origin: left; }
  .uw-hover-origin-left:hover { transform-origin: left; }
  .uw-focus-origin-left:focus { transform-origin: left; }
  .uw-active-origin-left:active { transform-origin: left; }
  .uw-disabled-origin-left:disabled { transform-origin: left; }
  .uw-focus-visible-origin-left:focus-visible { transform-origin: left; }
  .uw-focus-within-origin-left:focus-within { transform-origin: left; }
  .uw-group:hover .uw-group-hover-origin-left { transform-origin: left; }
  .uw-perspective-none { perspective: none; }
  .uw-hover-perspective-none:hover { perspective: none; }
  .uw-focus-perspective-none:focus { perspective: none; }
  .uw-active-perspective-none:active { perspective: none; }
  .uw-disabled-perspective-none:disabled { perspective: none; }
  .uw-focus-visible-perspective-none:focus-visible { perspective: none; }
  .uw-focus-within-perspective-none:focus-within { perspective: none; }
  .uw-group:hover .uw-group-hover-perspective-none { perspective: none; }
  .uw-perspective-sm { perspective: 400px; }
  .uw-hover-perspective-sm:hover { perspective: 400px; }
  .uw-focus-perspective-sm:focus { perspective: 400px; }
  .uw-active-perspective-sm:active { perspective: 400px; }
  .uw-disabled-perspective-sm:disabled { perspective: 400px; }
  .uw-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  .uw-focus-within-perspective-sm:focus-within { perspective: 400px; }
  .uw-group:hover .uw-group-hover-perspective-sm { perspective: 400px; }
  .uw-perspective-md { perspective: 800px; }
  .uw-hover-perspective-md:hover { perspective: 800px; }
  .uw-focus-perspective-md:focus { perspective: 800px; }
  .uw-active-perspective-md:active { perspective: 800px; }
  .uw-disabled-perspective-md:disabled { perspective: 800px; }
  .uw-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  .uw-focus-within-perspective-md:focus-within { perspective: 800px; }
  .uw-group:hover .uw-group-hover-perspective-md { perspective: 800px; }
  .uw-perspective-lg { perspective: 1200px; }
  .uw-hover-perspective-lg:hover { perspective: 1200px; }
  .uw-focus-perspective-lg:focus { perspective: 1200px; }
  .uw-active-perspective-lg:active { perspective: 1200px; }
  .uw-disabled-perspective-lg:disabled { perspective: 1200px; }
  .uw-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  .uw-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  .uw-group:hover .uw-group-hover-perspective-lg { perspective: 1200px; }
  .uw-perspective-xl { perspective: 1600px; }
  .uw-hover-perspective-xl:hover { perspective: 1600px; }
  .uw-focus-perspective-xl:focus { perspective: 1600px; }
  .uw-active-perspective-xl:active { perspective: 1600px; }
  .uw-disabled-perspective-xl:disabled { perspective: 1600px; }
  .uw-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  .uw-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  .uw-group:hover .uw-group-hover-perspective-xl { perspective: 1600px; }
  .uw-perspective-origin-center { perspective-origin: center; }
  .uw-hover-perspective-origin-center:hover { perspective-origin: center; }
  .uw-focus-perspective-origin-center:focus { perspective-origin: center; }
  .uw-active-perspective-origin-center:active { perspective-origin: center; }
  .uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  .uw-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  .uw-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  .uw-group:hover .uw-group-hover-perspective-origin-center { perspective-origin: center; }
  .uw-perspective-origin-top { perspective-origin: top; }
  .uw-hover-perspective-origin-top:hover { perspective-origin: top; }
  .uw-focus-perspective-origin-top:focus { perspective-origin: top; }
  .uw-active-perspective-origin-top:active { perspective-origin: top; }
  .uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  .uw-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  .uw-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  .uw-group:hover .uw-group-hover-perspective-origin-top { perspective-origin: top; }
  .uw-perspective-origin-left { perspective-origin: left; }
  .uw-hover-perspective-origin-left:hover { perspective-origin: left; }
  .uw-focus-perspective-origin-left:focus { perspective-origin: left; }
  .uw-active-perspective-origin-left:active { perspective-origin: left; }
  .uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  .uw-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  .uw-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  .uw-group:hover .uw-group-hover-perspective-origin-left { perspective-origin: left; }
  .uw-perspective-origin-right { perspective-origin: right; }
  .uw-hover-perspective-origin-right:hover { perspective-origin: right; }
  .uw-focus-perspective-origin-right:focus { perspective-origin: right; }
  .uw-active-perspective-origin-right:active { perspective-origin: right; }
  .uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  .uw-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  .uw-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  .uw-group:hover .uw-group-hover-perspective-origin-right { perspective-origin: right; }
  .uw-perspective-origin-bottom { perspective-origin: bottom; }
  .uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  .uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  .uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  .uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  .uw-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  .uw-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  .uw-group:hover .uw-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  .uw-backface-visible { backface-visibility: visible; }
  .uw-hover-backface-visible:hover { backface-visibility: visible; }
  .uw-focus-backface-visible:focus { backface-visibility: visible; }
  .uw-active-backface-visible:active { backface-visibility: visible; }
  .uw-disabled-backface-visible:disabled { backface-visibility: visible; }
  .uw-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  .uw-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  .uw-group:hover .uw-group-hover-backface-visible { backface-visibility: visible; }
  .uw-backface-hidden { backface-visibility: hidden; }
  .uw-hover-backface-hidden:hover { backface-visibility: hidden; }
  .uw-focus-backface-hidden:focus { backface-visibility: hidden; }
  .uw-active-backface-hidden:active { backface-visibility: hidden; }
  .uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  .uw-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  .uw-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  .uw-group:hover .uw-group-hover-backface-hidden { backface-visibility: hidden; }
  .uw-transform-style-flat { transform-style: flat; }
  .uw-hover-transform-style-flat:hover { transform-style: flat; }
  .uw-focus-transform-style-flat:focus { transform-style: flat; }
  .uw-active-transform-style-flat:active { transform-style: flat; }
  .uw-disabled-transform-style-flat:disabled { transform-style: flat; }
  .uw-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  .uw-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  .uw-group:hover .uw-group-hover-transform-style-flat { transform-style: flat; }
  .uw-transform-style-preserve { transform-style: preserve-3d; }
  .uw-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  .uw-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  .uw-active-transform-style-preserve:active { transform-style: preserve-3d; }
  .uw-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  .uw-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  .uw-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  .uw-group:hover .uw-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  .uw-filter-none { filter: none; }
  .uw-hover-filter-none:hover { filter: none; }
  .uw-focus-filter-none:focus { filter: none; }
  .uw-active-filter-none:active { filter: none; }
  .uw-disabled-filter-none:disabled { filter: none; }
  .uw-focus-visible-filter-none:focus-visible { filter: none; }
  .uw-focus-within-filter-none:focus-within { filter: none; }
  .uw-group:hover .uw-group-hover-filter-none { filter: none; }
  .uw-filter-grayscale { filter: grayscale(100%); }
  .uw-hover-filter-grayscale:hover { filter: grayscale(100%); }
  .uw-focus-filter-grayscale:focus { filter: grayscale(100%); }
  .uw-active-filter-grayscale:active { filter: grayscale(100%); }
  .uw-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  .uw-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  .uw-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  .uw-group:hover .uw-group-hover-filter-grayscale { filter: grayscale(100%); }
  .uw-filter-blur { filter: blur(4px); }
  .uw-hover-filter-blur:hover { filter: blur(4px); }
  .uw-focus-filter-blur:focus { filter: blur(4px); }
  .uw-active-filter-blur:active { filter: blur(4px); }
  .uw-disabled-filter-blur:disabled { filter: blur(4px); }
  .uw-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  .uw-focus-within-filter-blur:focus-within { filter: blur(4px); }
  .uw-group:hover .uw-group-hover-filter-blur { filter: blur(4px); }
  .uw-filter-brightness-50 { filter: brightness(0.5); }
  .uw-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  .uw-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  .uw-active-filter-brightness-50:active { filter: brightness(0.5); }
  .uw-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  .uw-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  .uw-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  .uw-group:hover .uw-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  .uw-filter-contrast-125 { filter: contrast(1.25); }
  .uw-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  .uw-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  .uw-active-filter-contrast-125:active { filter: contrast(1.25); }
  .uw-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  .uw-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  .uw-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  .uw-group:hover .uw-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  .uw-filter-saturate-150 { filter: saturate(1.5); }
  .uw-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  .uw-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  .uw-active-filter-saturate-150:active { filter: saturate(1.5); }
  .uw-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  .uw-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  .uw-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  .uw-group:hover .uw-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  .uw-filter-sepia { filter: sepia(100%); }
  .uw-hover-filter-sepia:hover { filter: sepia(100%); }
  .uw-focus-filter-sepia:focus { filter: sepia(100%); }
  .uw-active-filter-sepia:active { filter: sepia(100%); }
  .uw-disabled-filter-sepia:disabled { filter: sepia(100%); }
  .uw-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  .uw-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  .uw-group:hover .uw-group-hover-filter-sepia { filter: sepia(100%); }
  .uw-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  .uw-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  .uw-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  .uw-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  .uw-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  .uw-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  .uw-group:hover .uw-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  .uw-backdrop-filter-none { backdrop-filter: none; }
  .uw-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  .uw-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  .uw-active-backdrop-filter-none:active { backdrop-filter: none; }
  .uw-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  .uw-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  .uw-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  .uw-group:hover .uw-group-hover-backdrop-filter-none { backdrop-filter: none; }
  .uw-backdrop-blur { backdrop-filter: blur(4px); }
  .uw-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  .uw-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  .uw-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  .uw-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  .uw-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  .uw-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  .uw-group:hover .uw-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  .uw-bg-blend-normal { background-blend-mode: normal; }
  .uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  .uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  .uw-active-bg-blend-normal:active { background-blend-mode: normal; }
  .uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  .uw-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  .uw-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  .uw-group:hover .uw-group-hover-bg-blend-normal { background-blend-mode: normal; }
  .uw-bg-blend-multiply { background-blend-mode: multiply; }
  .uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  .uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  .uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  .uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  .uw-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  .uw-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  .uw-group:hover .uw-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  .uw-bg-blend-screen { background-blend-mode: screen; }
  .uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  .uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  .uw-active-bg-blend-screen:active { background-blend-mode: screen; }
  .uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  .uw-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  .uw-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  .uw-group:hover .uw-group-hover-bg-blend-screen { background-blend-mode: screen; }
  .uw-bg-blend-overlay { background-blend-mode: overlay; }
  .uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  .uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  .uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  .uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  .uw-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  .uw-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  .uw-group:hover .uw-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  .uw-bg-blend-darken { background-blend-mode: darken; }
  .uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  .uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  .uw-active-bg-blend-darken:active { background-blend-mode: darken; }
  .uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  .uw-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  .uw-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  .uw-group:hover .uw-group-hover-bg-blend-darken { background-blend-mode: darken; }
  .uw-bg-blend-lighten { background-blend-mode: lighten; }
  .uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  .uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  .uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  .uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  .uw-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  .uw-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  .uw-group:hover .uw-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  .uw-mix-blend-normal { mix-blend-mode: normal; }
  .uw-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  .uw-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  .uw-active-mix-blend-normal:active { mix-blend-mode: normal; }
  .uw-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  .uw-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  .uw-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  .uw-group:hover .uw-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  .uw-mix-blend-multiply { mix-blend-mode: multiply; }
  .uw-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  .uw-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  .uw-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  .uw-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  .uw-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  .uw-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  .uw-group:hover .uw-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  .uw-mix-blend-screen { mix-blend-mode: screen; }
  .uw-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  .uw-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  .uw-active-mix-blend-screen:active { mix-blend-mode: screen; }
  .uw-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  .uw-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  .uw-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  .uw-group:hover .uw-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  .uw-mix-blend-overlay { mix-blend-mode: overlay; }
  .uw-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  .uw-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  .uw-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  .uw-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  .uw-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  .uw-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  .uw-group:hover .uw-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  .uw-decoration-slice { box-decoration-break: slice; }
  .uw-hover-decoration-slice:hover { box-decoration-break: slice; }
  .uw-focus-decoration-slice:focus { box-decoration-break: slice; }
  .uw-active-decoration-slice:active { box-decoration-break: slice; }
  .uw-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  .uw-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  .uw-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  .uw-group:hover .uw-group-hover-decoration-slice { box-decoration-break: slice; }
  .uw-decoration-clone { box-decoration-break: clone; }
  .uw-hover-decoration-clone:hover { box-decoration-break: clone; }
  .uw-focus-decoration-clone:focus { box-decoration-break: clone; }
  .uw-active-decoration-clone:active { box-decoration-break: clone; }
  .uw-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  .uw-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  .uw-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  .uw-group:hover .uw-group-hover-decoration-clone { box-decoration-break: clone; }
  .uw-box-border { box-sizing: border-box; }
  .uw-hover-box-border:hover { box-sizing: border-box; }
  .uw-focus-box-border:focus { box-sizing: border-box; }
  .uw-active-box-border:active { box-sizing: border-box; }
  .uw-disabled-box-border:disabled { box-sizing: border-box; }
  .uw-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  .uw-focus-within-box-border:focus-within { box-sizing: border-box; }
  .uw-group:hover .uw-group-hover-box-border { box-sizing: border-box; }
  .uw-box-content { box-sizing: content-box; }
  .uw-hover-box-content:hover { box-sizing: content-box; }
  .uw-focus-box-content:focus { box-sizing: content-box; }
  .uw-active-box-content:active { box-sizing: content-box; }
  .uw-disabled-box-content:disabled { box-sizing: content-box; }
  .uw-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  .uw-focus-within-box-content:focus-within { box-sizing: content-box; }
  .uw-group:hover .uw-group-hover-box-content { box-sizing: content-box; }
  .uw-break-after-auto { break-after: auto; }
  .uw-hover-break-after-auto:hover { break-after: auto; }
  .uw-focus-break-after-auto:focus { break-after: auto; }
  .uw-active-break-after-auto:active { break-after: auto; }
  .uw-disabled-break-after-auto:disabled { break-after: auto; }
  .uw-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  .uw-focus-within-break-after-auto:focus-within { break-after: auto; }
  .uw-group:hover .uw-group-hover-break-after-auto { break-after: auto; }
  .uw-break-after-avoid { break-after: avoid; }
  .uw-hover-break-after-avoid:hover { break-after: avoid; }
  .uw-focus-break-after-avoid:focus { break-after: avoid; }
  .uw-active-break-after-avoid:active { break-after: avoid; }
  .uw-disabled-break-after-avoid:disabled { break-after: avoid; }
  .uw-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  .uw-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  .uw-group:hover .uw-group-hover-break-after-avoid { break-after: avoid; }
  .uw-break-after-all { break-after: all; }
  .uw-hover-break-after-all:hover { break-after: all; }
  .uw-focus-break-after-all:focus { break-after: all; }
  .uw-active-break-after-all:active { break-after: all; }
  .uw-disabled-break-after-all:disabled { break-after: all; }
  .uw-focus-visible-break-after-all:focus-visible { break-after: all; }
  .uw-focus-within-break-after-all:focus-within { break-after: all; }
  .uw-group:hover .uw-group-hover-break-after-all { break-after: all; }
  .uw-break-after-avoid-page { break-after: avoid-page; }
  .uw-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  .uw-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  .uw-active-break-after-avoid-page:active { break-after: avoid-page; }
  .uw-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  .uw-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  .uw-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  .uw-group:hover .uw-group-hover-break-after-avoid-page { break-after: avoid-page; }
  .uw-break-after-page { break-after: page; }
  .uw-hover-break-after-page:hover { break-after: page; }
  .uw-focus-break-after-page:focus { break-after: page; }
  .uw-active-break-after-page:active { break-after: page; }
  .uw-disabled-break-after-page:disabled { break-after: page; }
  .uw-focus-visible-break-after-page:focus-visible { break-after: page; }
  .uw-focus-within-break-after-page:focus-within { break-after: page; }
  .uw-group:hover .uw-group-hover-break-after-page { break-after: page; }
  .uw-break-after-left { break-after: left; }
  .uw-hover-break-after-left:hover { break-after: left; }
  .uw-focus-break-after-left:focus { break-after: left; }
  .uw-active-break-after-left:active { break-after: left; }
  .uw-disabled-break-after-left:disabled { break-after: left; }
  .uw-focus-visible-break-after-left:focus-visible { break-after: left; }
  .uw-focus-within-break-after-left:focus-within { break-after: left; }
  .uw-group:hover .uw-group-hover-break-after-left { break-after: left; }
  .uw-break-after-right { break-after: right; }
  .uw-hover-break-after-right:hover { break-after: right; }
  .uw-focus-break-after-right:focus { break-after: right; }
  .uw-active-break-after-right:active { break-after: right; }
  .uw-disabled-break-after-right:disabled { break-after: right; }
  .uw-focus-visible-break-after-right:focus-visible { break-after: right; }
  .uw-focus-within-break-after-right:focus-within { break-after: right; }
  .uw-group:hover .uw-group-hover-break-after-right { break-after: right; }
  .uw-break-after-column { break-after: column; }
  .uw-hover-break-after-column:hover { break-after: column; }
  .uw-focus-break-after-column:focus { break-after: column; }
  .uw-active-break-after-column:active { break-after: column; }
  .uw-disabled-break-after-column:disabled { break-after: column; }
  .uw-focus-visible-break-after-column:focus-visible { break-after: column; }
  .uw-focus-within-break-after-column:focus-within { break-after: column; }
  .uw-group:hover .uw-group-hover-break-after-column { break-after: column; }
  .uw-break-before-auto { break-before: auto; }
  .uw-hover-break-before-auto:hover { break-before: auto; }
  .uw-focus-break-before-auto:focus { break-before: auto; }
  .uw-active-break-before-auto:active { break-before: auto; }
  .uw-disabled-break-before-auto:disabled { break-before: auto; }
  .uw-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  .uw-focus-within-break-before-auto:focus-within { break-before: auto; }
  .uw-group:hover .uw-group-hover-break-before-auto { break-before: auto; }
  .uw-break-before-avoid { break-before: avoid; }
  .uw-hover-break-before-avoid:hover { break-before: avoid; }
  .uw-focus-break-before-avoid:focus { break-before: avoid; }
  .uw-active-break-before-avoid:active { break-before: avoid; }
  .uw-disabled-break-before-avoid:disabled { break-before: avoid; }
  .uw-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  .uw-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  .uw-group:hover .uw-group-hover-break-before-avoid { break-before: avoid; }
  .uw-break-before-all { break-before: all; }
  .uw-hover-break-before-all:hover { break-before: all; }
  .uw-focus-break-before-all:focus { break-before: all; }
  .uw-active-break-before-all:active { break-before: all; }
  .uw-disabled-break-before-all:disabled { break-before: all; }
  .uw-focus-visible-break-before-all:focus-visible { break-before: all; }
  .uw-focus-within-break-before-all:focus-within { break-before: all; }
  .uw-group:hover .uw-group-hover-break-before-all { break-before: all; }
  .uw-break-before-avoid-page { break-before: avoid-page; }
  .uw-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  .uw-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  .uw-active-break-before-avoid-page:active { break-before: avoid-page; }
  .uw-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  .uw-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  .uw-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  .uw-group:hover .uw-group-hover-break-before-avoid-page { break-before: avoid-page; }
  .uw-break-before-page { break-before: page; }
  .uw-hover-break-before-page:hover { break-before: page; }
  .uw-focus-break-before-page:focus { break-before: page; }
  .uw-active-break-before-page:active { break-before: page; }
  .uw-disabled-break-before-page:disabled { break-before: page; }
  .uw-focus-visible-break-before-page:focus-visible { break-before: page; }
  .uw-focus-within-break-before-page:focus-within { break-before: page; }
  .uw-group:hover .uw-group-hover-break-before-page { break-before: page; }
  .uw-break-before-left { break-before: left; }
  .uw-hover-break-before-left:hover { break-before: left; }
  .uw-focus-break-before-left:focus { break-before: left; }
  .uw-active-break-before-left:active { break-before: left; }
  .uw-disabled-break-before-left:disabled { break-before: left; }
  .uw-focus-visible-break-before-left:focus-visible { break-before: left; }
  .uw-focus-within-break-before-left:focus-within { break-before: left; }
  .uw-group:hover .uw-group-hover-break-before-left { break-before: left; }
  .uw-break-before-right { break-before: right; }
  .uw-hover-break-before-right:hover { break-before: right; }
  .uw-focus-break-before-right:focus { break-before: right; }
  .uw-active-break-before-right:active { break-before: right; }
  .uw-disabled-break-before-right:disabled { break-before: right; }
  .uw-focus-visible-break-before-right:focus-visible { break-before: right; }
  .uw-focus-within-break-before-right:focus-within { break-before: right; }
  .uw-group:hover .uw-group-hover-break-before-right { break-before: right; }
  .uw-break-before-column { break-before: column; }
  .uw-hover-break-before-column:hover { break-before: column; }
  .uw-focus-break-before-column:focus { break-before: column; }
  .uw-active-break-before-column:active { break-before: column; }
  .uw-disabled-break-before-column:disabled { break-before: column; }
  .uw-focus-visible-break-before-column:focus-visible { break-before: column; }
  .uw-focus-within-break-before-column:focus-within { break-before: column; }
  .uw-group:hover .uw-group-hover-break-before-column { break-before: column; }
  .uw-break-inside-auto { break-inside: auto; }
  .uw-hover-break-inside-auto:hover { break-inside: auto; }
  .uw-focus-break-inside-auto:focus { break-inside: auto; }
  .uw-active-break-inside-auto:active { break-inside: auto; }
  .uw-disabled-break-inside-auto:disabled { break-inside: auto; }
  .uw-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  .uw-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  .uw-group:hover .uw-group-hover-break-inside-auto { break-inside: auto; }
  .uw-break-inside-avoid { break-inside: avoid; }
  .uw-hover-break-inside-avoid:hover { break-inside: avoid; }
  .uw-focus-break-inside-avoid:focus { break-inside: avoid; }
  .uw-active-break-inside-avoid:active { break-inside: avoid; }
  .uw-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  .uw-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  .uw-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  .uw-group:hover .uw-group-hover-break-inside-avoid { break-inside: avoid; }
  .uw-break-inside-avoid-page { break-inside: avoid-page; }
  .uw-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  .uw-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  .uw-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  .uw-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  .uw-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  .uw-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  .uw-group:hover .uw-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  .uw-break-inside-avoid-column { break-inside: avoid-column; }
  .uw-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  .uw-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  .uw-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  .uw-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  .uw-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  .uw-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  .uw-group:hover .uw-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  .uw-clip-none { clip-path: none; }
  .uw-hover-clip-none:hover { clip-path: none; }
  .uw-focus-clip-none:focus { clip-path: none; }
  .uw-active-clip-none:active { clip-path: none; }
  .uw-disabled-clip-none:disabled { clip-path: none; }
  .uw-focus-visible-clip-none:focus-visible { clip-path: none; }
  .uw-focus-within-clip-none:focus-within { clip-path: none; }
  .uw-group:hover .uw-group-hover-clip-none { clip-path: none; }
  .uw-clip-circle { clip-path: circle(50%); }
  .uw-hover-clip-circle:hover { clip-path: circle(50%); }
  .uw-focus-clip-circle:focus { clip-path: circle(50%); }
  .uw-active-clip-circle:active { clip-path: circle(50%); }
  .uw-disabled-clip-circle:disabled { clip-path: circle(50%); }
  .uw-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  .uw-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  .uw-group:hover .uw-group-hover-clip-circle { clip-path: circle(50%); }
  .uw-clip-ellipse { clip-path: ellipse(50% 75%); }
  .uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  .uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  .uw-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  .uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  .uw-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  .uw-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  .uw-group:hover .uw-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  .uw-clip-inset { clip-path: inset(10%); }
  .uw-hover-clip-inset:hover { clip-path: inset(10%); }
  .uw-focus-clip-inset:focus { clip-path: inset(10%); }
  .uw-active-clip-inset:active { clip-path: inset(10%); }
  .uw-disabled-clip-inset:disabled { clip-path: inset(10%); }
  .uw-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  .uw-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  .uw-group:hover .uw-group-hover-clip-inset { clip-path: inset(10%); }
  .uw-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-group:hover .uw-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  .uw-outline-none { outline: none; }
  .uw-hover-outline-none:hover { outline: none; }
  .uw-focus-outline-none:focus { outline: none; }
  .uw-active-outline-none:active { outline: none; }
  .uw-disabled-outline-none:disabled { outline: none; }
  .uw-focus-visible-outline-none:focus-visible { outline: none; }
  .uw-focus-within-outline-none:focus-within { outline: none; }
  .uw-group:hover .uw-group-hover-outline-none { outline: none; }
  .uw-outline-solid { outline-style: solid; }
  .uw-hover-outline-solid:hover { outline-style: solid; }
  .uw-focus-outline-solid:focus { outline-style: solid; }
  .uw-active-outline-solid:active { outline-style: solid; }
  .uw-disabled-outline-solid:disabled { outline-style: solid; }
  .uw-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  .uw-focus-within-outline-solid:focus-within { outline-style: solid; }
  .uw-group:hover .uw-group-hover-outline-solid { outline-style: solid; }
  .uw-outline-dashed { outline-style: dashed; }
  .uw-hover-outline-dashed:hover { outline-style: dashed; }
  .uw-focus-outline-dashed:focus { outline-style: dashed; }
  .uw-active-outline-dashed:active { outline-style: dashed; }
  .uw-disabled-outline-dashed:disabled { outline-style: dashed; }
  .uw-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  .uw-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  .uw-group:hover .uw-group-hover-outline-dashed { outline-style: dashed; }
  .uw-outline-offset-0 { outline-offset: 0; }
  .uw-hover-outline-offset-0:hover { outline-offset: 0; }
  .uw-focus-outline-offset-0:focus { outline-offset: 0; }
  .uw-active-outline-offset-0:active { outline-offset: 0; }
  .uw-disabled-outline-offset-0:disabled { outline-offset: 0; }
  .uw-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  .uw-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  .uw-group:hover .uw-group-hover-outline-offset-0 { outline-offset: 0; }
  .uw-outline-offset-2 { outline-offset: 2px; }
  .uw-hover-outline-offset-2:hover { outline-offset: 2px; }
  .uw-focus-outline-offset-2:focus { outline-offset: 2px; }
  .uw-active-outline-offset-2:active { outline-offset: 2px; }
  .uw-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  .uw-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  .uw-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  .uw-group:hover .uw-group-hover-outline-offset-2 { outline-offset: 2px; }
  .uw-outline-offset-4 { outline-offset: 4px; }
  .uw-hover-outline-offset-4:hover { outline-offset: 4px; }
  .uw-focus-outline-offset-4:focus { outline-offset: 4px; }
  .uw-active-outline-offset-4:active { outline-offset: 4px; }
  .uw-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  .uw-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  .uw-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  .uw-group:hover .uw-group-hover-outline-offset-4 { outline-offset: 4px; }
  .uw-shadow-none { box-shadow: none; }
  .uw-hover-shadow-none:hover { box-shadow: none; }
  .uw-focus-shadow-none:focus { box-shadow: none; }
  .uw-active-shadow-none:active { box-shadow: none; }
  .uw-disabled-shadow-none:disabled { box-shadow: none; }
  .uw-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  .uw-focus-within-shadow-none:focus-within { box-shadow: none; }
  .uw-group:hover .uw-group-hover-shadow-none { box-shadow: none; }
  .uw-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-group:hover .uw-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  .uw-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-group:hover .uw-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  .uw-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-group:hover .uw-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  .uw-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-group:hover .uw-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  .uw-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-group:hover .uw-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  .uw-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-group:hover .uw-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  .uw-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  .uw-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  .uw-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  .uw-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  .uw-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  .uw-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-group:hover .uw-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  .uw-accent-auto { accent-color: auto; }
  .uw-hover-accent-auto:hover { accent-color: auto; }
  .uw-focus-accent-auto:focus { accent-color: auto; }
  .uw-active-accent-auto:active { accent-color: auto; }
  .uw-disabled-accent-auto:disabled { accent-color: auto; }
  .uw-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  .uw-focus-within-accent-auto:focus-within { accent-color: auto; }
  .uw-group:hover .uw-group-hover-accent-auto { accent-color: auto; }
  .uw-accent-current { accent-color: currentColor; }
  .uw-hover-accent-current:hover { accent-color: currentColor; }
  .uw-focus-accent-current:focus { accent-color: currentColor; }
  .uw-active-accent-current:active { accent-color: currentColor; }
  .uw-disabled-accent-current:disabled { accent-color: currentColor; }
  .uw-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  .uw-focus-within-accent-current:focus-within { accent-color: currentColor; }
  .uw-group:hover .uw-group-hover-accent-current { accent-color: currentColor; }
  .uw-appearance-none { appearance: none; }
  .uw-hover-appearance-none:hover { appearance: none; }
  .uw-focus-appearance-none:focus { appearance: none; }
  .uw-active-appearance-none:active { appearance: none; }
  .uw-disabled-appearance-none:disabled { appearance: none; }
  .uw-focus-visible-appearance-none:focus-visible { appearance: none; }
  .uw-focus-within-appearance-none:focus-within { appearance: none; }
  .uw-group:hover .uw-group-hover-appearance-none { appearance: none; }
  .uw-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-group:hover .uw-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  .uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-group:hover .uw-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .uw-cursor-auto { cursor: auto; }
  .uw-hover-cursor-auto:hover { cursor: auto; }
  .uw-focus-cursor-auto:focus { cursor: auto; }
  .uw-active-cursor-auto:active { cursor: auto; }
  .uw-disabled-cursor-auto:disabled { cursor: auto; }
  .uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  .uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  .uw-group:hover .uw-group-hover-cursor-auto { cursor: auto; }
  .uw-cursor-pointer { cursor: pointer; }
  .uw-hover-cursor-pointer:hover { cursor: pointer; }
  .uw-focus-cursor-pointer:focus { cursor: pointer; }
  .uw-active-cursor-pointer:active { cursor: pointer; }
  .uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  .uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  .uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  .uw-group:hover .uw-group-hover-cursor-pointer { cursor: pointer; }
  .uw-cursor-default { cursor: default; }
  .uw-hover-cursor-default:hover { cursor: default; }
  .uw-focus-cursor-default:focus { cursor: default; }
  .uw-active-cursor-default:active { cursor: default; }
  .uw-disabled-cursor-default:disabled { cursor: default; }
  .uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  .uw-focus-within-cursor-default:focus-within { cursor: default; }
  .uw-group:hover .uw-group-hover-cursor-default { cursor: default; }
  .uw-cursor-wait { cursor: wait; }
  .uw-hover-cursor-wait:hover { cursor: wait; }
  .uw-focus-cursor-wait:focus { cursor: wait; }
  .uw-active-cursor-wait:active { cursor: wait; }
  .uw-disabled-cursor-wait:disabled { cursor: wait; }
  .uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  .uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  .uw-group:hover .uw-group-hover-cursor-wait { cursor: wait; }
  .uw-cursor-text { cursor: text; }
  .uw-hover-cursor-text:hover { cursor: text; }
  .uw-focus-cursor-text:focus { cursor: text; }
  .uw-active-cursor-text:active { cursor: text; }
  .uw-disabled-cursor-text:disabled { cursor: text; }
  .uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  .uw-focus-within-cursor-text:focus-within { cursor: text; }
  .uw-group:hover .uw-group-hover-cursor-text { cursor: text; }
  .uw-cursor-move { cursor: move; }
  .uw-hover-cursor-move:hover { cursor: move; }
  .uw-focus-cursor-move:focus { cursor: move; }
  .uw-active-cursor-move:active { cursor: move; }
  .uw-disabled-cursor-move:disabled { cursor: move; }
  .uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  .uw-focus-within-cursor-move:focus-within { cursor: move; }
  .uw-group:hover .uw-group-hover-cursor-move { cursor: move; }
  .uw-cursor-not-allowed { cursor: not-allowed; }
  .uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  .uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  .uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  .uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  .uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  .uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  .uw-group:hover .uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  .uw-pointer-events-auto { pointer-events: auto; }
  .uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  .uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  .uw-active-pointer-events-auto:active { pointer-events: auto; }
  .uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  .uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  .uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  .uw-group:hover .uw-group-hover-pointer-events-auto { pointer-events: auto; }
  .uw-pointer-events-none { pointer-events: none; }
  .uw-hover-pointer-events-none:hover { pointer-events: none; }
  .uw-focus-pointer-events-none:focus { pointer-events: none; }
  .uw-active-pointer-events-none:active { pointer-events: none; }
  .uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  .uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  .uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  .uw-group:hover .uw-group-hover-pointer-events-none { pointer-events: none; }
  .uw-resize-none { resize: none; }
  .uw-hover-resize-none:hover { resize: none; }
  .uw-focus-resize-none:focus { resize: none; }
  .uw-active-resize-none:active { resize: none; }
  .uw-disabled-resize-none:disabled { resize: none; }
  .uw-focus-visible-resize-none:focus-visible { resize: none; }
  .uw-focus-within-resize-none:focus-within { resize: none; }
  .uw-group:hover .uw-group-hover-resize-none { resize: none; }
  .uw-resize-y { resize: vertical; }
  .uw-hover-resize-y:hover { resize: vertical; }
  .uw-focus-resize-y:focus { resize: vertical; }
  .uw-active-resize-y:active { resize: vertical; }
  .uw-disabled-resize-y:disabled { resize: vertical; }
  .uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  .uw-focus-within-resize-y:focus-within { resize: vertical; }
  .uw-group:hover .uw-group-hover-resize-y { resize: vertical; }
  .uw-resize-x { resize: horizontal; }
  .uw-hover-resize-x:hover { resize: horizontal; }
  .uw-focus-resize-x:focus { resize: horizontal; }
  .uw-active-resize-x:active { resize: horizontal; }
  .uw-disabled-resize-x:disabled { resize: horizontal; }
  .uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  .uw-focus-within-resize-x:focus-within { resize: horizontal; }
  .uw-group:hover .uw-group-hover-resize-x { resize: horizontal; }
  .uw-resize { resize: both; }
  .uw-hover-resize:hover { resize: both; }
  .uw-focus-resize:focus { resize: both; }
  .uw-active-resize:active { resize: both; }
  .uw-disabled-resize:disabled { resize: both; }
  .uw-focus-visible-resize:focus-visible { resize: both; }
  .uw-focus-within-resize:focus-within { resize: both; }
  .uw-group:hover .uw-group-hover-resize { resize: both; }
  .uw-scroll-auto { scroll-behavior: auto; }
  .uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  .uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  .uw-active-scroll-auto:active { scroll-behavior: auto; }
  .uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  .uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  .uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  .uw-group:hover .uw-group-hover-scroll-auto { scroll-behavior: auto; }
  .uw-scroll-smooth { scroll-behavior: smooth; }
  .uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  .uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  .uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  .uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  .uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  .uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  .uw-group:hover .uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  .uw-scroll-m-0 { scroll-margin: 0; }
  .uw-hover-scroll-m-0:hover { scroll-margin: 0; }
  .uw-focus-scroll-m-0:focus { scroll-margin: 0; }
  .uw-active-scroll-m-0:active { scroll-margin: 0; }
  .uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  .uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  .uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  .uw-group:hover .uw-group-hover-scroll-m-0 { scroll-margin: 0; }
  .uw-scroll-m-1 { scroll-margin: 0.25rem; }
  .uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  .uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  .uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  .uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  .uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  .uw-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  .uw-scroll-m-2 { scroll-margin: 0.5rem; }
  .uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  .uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  .uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  .uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  .uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  .uw-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  .uw-scroll-m-4 { scroll-margin: 1rem; }
  .uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  .uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  .uw-active-scroll-m-4:active { scroll-margin: 1rem; }
  .uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  .uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  .uw-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  .uw-scroll-m-8 { scroll-margin: 2rem; }
  .uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  .uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  .uw-active-scroll-m-8:active { scroll-margin: 2rem; }
  .uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  .uw-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  .uw-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  .uw-scroll-p-0 { scroll-padding: 0; }
  .uw-hover-scroll-p-0:hover { scroll-padding: 0; }
  .uw-focus-scroll-p-0:focus { scroll-padding: 0; }
  .uw-active-scroll-p-0:active { scroll-padding: 0; }
  .uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  .uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  .uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  .uw-group:hover .uw-group-hover-scroll-p-0 { scroll-padding: 0; }
  .uw-scroll-p-1 { scroll-padding: 0.25rem; }
  .uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  .uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  .uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  .uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  .uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  .uw-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  .uw-group:hover .uw-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  .uw-scroll-p-2 { scroll-padding: 0.5rem; }
  .uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  .uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  .uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  .uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  .uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  .uw-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  .uw-group:hover .uw-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  .uw-scroll-p-4 { scroll-padding: 1rem; }
  .uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  .uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  .uw-active-scroll-p-4:active { scroll-padding: 1rem; }
  .uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  .uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  .uw-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  .uw-group:hover .uw-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  .uw-scroll-p-8 { scroll-padding: 2rem; }
  .uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  .uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  .uw-active-scroll-p-8:active { scroll-padding: 2rem; }
  .uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  .uw-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  .uw-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  .uw-group:hover .uw-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  .uw-overscroll-auto { overscroll-behavior: auto; }
  .uw-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  .uw-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  .uw-active-overscroll-auto:active { overscroll-behavior: auto; }
  .uw-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  .uw-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  .uw-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  .uw-group:hover .uw-group-hover-overscroll-auto { overscroll-behavior: auto; }
  .uw-overscroll-contain { overscroll-behavior: contain; }
  .uw-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  .uw-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  .uw-active-overscroll-contain:active { overscroll-behavior: contain; }
  .uw-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  .uw-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  .uw-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  .uw-group:hover .uw-group-hover-overscroll-contain { overscroll-behavior: contain; }
  .uw-overscroll-none { overscroll-behavior: none; }
  .uw-hover-overscroll-none:hover { overscroll-behavior: none; }
  .uw-focus-overscroll-none:focus { overscroll-behavior: none; }
  .uw-active-overscroll-none:active { overscroll-behavior: none; }
  .uw-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  .uw-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  .uw-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  .uw-group:hover .uw-group-hover-overscroll-none { overscroll-behavior: none; }
  .uw-overscroll-x-auto { overscroll-behavior-x: auto; }
  .uw-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  .uw-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  .uw-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  .uw-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  .uw-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  .uw-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  .uw-group:hover .uw-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  .uw-overscroll-x-contain { overscroll-behavior-x: contain; }
  .uw-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  .uw-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  .uw-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  .uw-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  .uw-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  .uw-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  .uw-group:hover .uw-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  .uw-overscroll-x-none { overscroll-behavior-x: none; }
  .uw-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  .uw-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  .uw-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  .uw-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  .uw-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  .uw-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  .uw-group:hover .uw-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  .uw-overscroll-y-auto { overscroll-behavior-y: auto; }
  .uw-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  .uw-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  .uw-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  .uw-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  .uw-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  .uw-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  .uw-group:hover .uw-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  .uw-overscroll-y-contain { overscroll-behavior-y: contain; }
  .uw-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  .uw-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  .uw-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  .uw-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  .uw-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  .uw-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  .uw-group:hover .uw-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  .uw-overscroll-y-none { overscroll-behavior-y: none; }
  .uw-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  .uw-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  .uw-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  .uw-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  .uw-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  .uw-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  .uw-group:hover .uw-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  .uw-touch-auto { touch-action: auto; }
  .uw-hover-touch-auto:hover { touch-action: auto; }
  .uw-focus-touch-auto:focus { touch-action: auto; }
  .uw-active-touch-auto:active { touch-action: auto; }
  .uw-disabled-touch-auto:disabled { touch-action: auto; }
  .uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  .uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  .uw-group:hover .uw-group-hover-touch-auto { touch-action: auto; }
  .uw-touch-none { touch-action: none; }
  .uw-hover-touch-none:hover { touch-action: none; }
  .uw-focus-touch-none:focus { touch-action: none; }
  .uw-active-touch-none:active { touch-action: none; }
  .uw-disabled-touch-none:disabled { touch-action: none; }
  .uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  .uw-focus-within-touch-none:focus-within { touch-action: none; }
  .uw-group:hover .uw-group-hover-touch-none { touch-action: none; }
  .uw-touch-pan-x { touch-action: pan-x; }
  .uw-hover-touch-pan-x:hover { touch-action: pan-x; }
  .uw-focus-touch-pan-x:focus { touch-action: pan-x; }
  .uw-active-touch-pan-x:active { touch-action: pan-x; }
  .uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  .uw-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  .uw-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  .uw-group:hover .uw-group-hover-touch-pan-x { touch-action: pan-x; }
  .uw-touch-pan-y { touch-action: pan-y; }
  .uw-hover-touch-pan-y:hover { touch-action: pan-y; }
  .uw-focus-touch-pan-y:focus { touch-action: pan-y; }
  .uw-active-touch-pan-y:active { touch-action: pan-y; }
  .uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  .uw-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  .uw-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  .uw-group:hover .uw-group-hover-touch-pan-y { touch-action: pan-y; }
  .uw-touch-manipulation { touch-action: manipulation; }
  .uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  .uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  .uw-active-touch-manipulation:active { touch-action: manipulation; }
  .uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  .uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  .uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  .uw-group:hover .uw-group-hover-touch-manipulation { touch-action: manipulation; }
  .uw-select-none { user-select: none; }
  .uw-hover-select-none:hover { user-select: none; }
  .uw-focus-select-none:focus { user-select: none; }
  .uw-active-select-none:active { user-select: none; }
  .uw-disabled-select-none:disabled { user-select: none; }
  .uw-focus-visible-select-none:focus-visible { user-select: none; }
  .uw-focus-within-select-none:focus-within { user-select: none; }
  .uw-group:hover .uw-group-hover-select-none { user-select: none; }
  .uw-select-text { user-select: text; }
  .uw-hover-select-text:hover { user-select: text; }
  .uw-focus-select-text:focus { user-select: text; }
  .uw-active-select-text:active { user-select: text; }
  .uw-disabled-select-text:disabled { user-select: text; }
  .uw-focus-visible-select-text:focus-visible { user-select: text; }
  .uw-focus-within-select-text:focus-within { user-select: text; }
  .uw-group:hover .uw-group-hover-select-text { user-select: text; }
  .uw-select-all { user-select: all; }
  .uw-hover-select-all:hover { user-select: all; }
  .uw-focus-select-all:focus { user-select: all; }
  .uw-active-select-all:active { user-select: all; }
  .uw-disabled-select-all:disabled { user-select: all; }
  .uw-focus-visible-select-all:focus-visible { user-select: all; }
  .uw-focus-within-select-all:focus-within { user-select: all; }
  .uw-group:hover .uw-group-hover-select-all { user-select: all; }
  .uw-select-auto { user-select: auto; }
  .uw-hover-select-auto:hover { user-select: auto; }
  .uw-focus-select-auto:focus { user-select: auto; }
  .uw-active-select-auto:active { user-select: auto; }
  .uw-disabled-select-auto:disabled { user-select: auto; }
  .uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  .uw-focus-within-select-auto:focus-within { user-select: auto; }
  .uw-group:hover .uw-group-hover-select-auto { user-select: auto; }
  .uw-will-change-auto { will-change: auto; }
  .uw-hover-will-change-auto:hover { will-change: auto; }
  .uw-focus-will-change-auto:focus { will-change: auto; }
  .uw-active-will-change-auto:active { will-change: auto; }
  .uw-disabled-will-change-auto:disabled { will-change: auto; }
  .uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  .uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  .uw-group:hover .uw-group-hover-will-change-auto { will-change: auto; }
  .uw-will-change-scroll { will-change: scroll-position; }
  .uw-hover-will-change-scroll:hover { will-change: scroll-position; }
  .uw-focus-will-change-scroll:focus { will-change: scroll-position; }
  .uw-active-will-change-scroll:active { will-change: scroll-position; }
  .uw-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  .uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  .uw-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  .uw-group:hover .uw-group-hover-will-change-scroll { will-change: scroll-position; }
  .uw-will-change-transform { will-change: transform; }
  .uw-hover-will-change-transform:hover { will-change: transform; }
  .uw-focus-will-change-transform:focus { will-change: transform; }
  .uw-active-will-change-transform:active { will-change: transform; }
  .uw-disabled-will-change-transform:disabled { will-change: transform; }
  .uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  .uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  .uw-group:hover .uw-group-hover-will-change-transform { will-change: transform; }
  .uw-will-change-opacity { will-change: opacity; }
  .uw-hover-will-change-opacity:hover { will-change: opacity; }
  .uw-focus-will-change-opacity:focus { will-change: opacity; }
  .uw-active-will-change-opacity:active { will-change: opacity; }
  .uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  .uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  .uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  .uw-group:hover .uw-group-hover-will-change-opacity { will-change: opacity; }
  .uw-bg-primary { background-color: var(--quanta-primary); }
  .uw-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  .uw-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  .uw-active-bg-primary:active { background-color: var(--quanta-primary); }
  .uw-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  .uw-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  .uw-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  .uw-group:hover .uw-group-hover-bg-primary { background-color: var(--quanta-primary); }
  .uw-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .uw-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  .uw-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  .uw-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  .uw-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  .uw-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  .uw-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  .uw-group:hover .uw-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  .uw-bg-success { background-color: var(--quanta-bg-success); }
  .uw-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  .uw-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  .uw-active-bg-success:active { background-color: var(--quanta-bg-success); }
  .uw-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  .uw-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  .uw-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  .uw-group:hover .uw-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  .uw-bg-warning { background-color: var(--quanta-bg-warning); }
  .uw-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  .uw-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  .uw-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  .uw-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  .uw-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  .uw-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  .uw-group:hover .uw-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  .uw-bg-danger { background-color: var(--quanta-bg-danger); }
  .uw-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  .uw-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  .uw-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  .uw-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  .uw-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  .uw-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  .uw-group:hover .uw-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  .uw-bg-info { background-color: var(--quanta-bg-info); }
  .uw-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  .uw-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  .uw-active-bg-info:active { background-color: var(--quanta-bg-info); }
  .uw-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  .uw-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  .uw-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  .uw-group:hover .uw-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  .uw-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .uw-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  .uw-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  .uw-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  .uw-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  .uw-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  .uw-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  .uw-group:hover .uw-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  .uw-bg-accent { background-color: var(--quanta-bg-accent); }
  .uw-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  .uw-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  .uw-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  .uw-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  .uw-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  .uw-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  .uw-group:hover .uw-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  .uw-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .uw-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  .uw-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  .uw-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  .uw-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  .uw-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  .uw-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  .uw-group:hover .uw-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  .uw-bg-link { background-color: var(--quanta-text-link); }
  .uw-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  .uw-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  .uw-active-bg-link:active { background-color: var(--quanta-text-link); }
  .uw-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  .uw-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  .uw-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  .uw-group:hover .uw-group-hover-bg-link { background-color: var(--quanta-text-link); }
  .uw-text-primary { color: var(--quanta-primary); }
  .uw-hover-text-primary:hover { color: var(--quanta-primary); }
  .uw-focus-text-primary:focus { color: var(--quanta-primary); }
  .uw-active-text-primary:active { color: var(--quanta-primary); }
  .uw-disabled-text-primary:disabled { color: var(--quanta-primary); }
  .uw-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  .uw-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  .uw-group:hover .uw-group-hover-text-primary { color: var(--quanta-primary); }
  .uw-text-secondary { color: var(--quanta-text-secondary); }
  .uw-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  .uw-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  .uw-active-text-secondary:active { color: var(--quanta-text-secondary); }
  .uw-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  .uw-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  .uw-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  .uw-group:hover .uw-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  .uw-text-success { color: var(--quanta-text-success); }
  .uw-hover-text-success:hover { color: var(--quanta-text-success); }
  .uw-focus-text-success:focus { color: var(--quanta-text-success); }
  .uw-active-text-success:active { color: var(--quanta-text-success); }
  .uw-disabled-text-success:disabled { color: var(--quanta-text-success); }
  .uw-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  .uw-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  .uw-group:hover .uw-group-hover-text-success { color: var(--quanta-text-success); }
  .uw-text-warning { color: var(--quanta-text-warning); }
  .uw-hover-text-warning:hover { color: var(--quanta-text-warning); }
  .uw-focus-text-warning:focus { color: var(--quanta-text-warning); }
  .uw-active-text-warning:active { color: var(--quanta-text-warning); }
  .uw-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  .uw-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  .uw-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  .uw-group:hover .uw-group-hover-text-warning { color: var(--quanta-text-warning); }
  .uw-text-danger { color: var(--quanta-text-danger); }
  .uw-hover-text-danger:hover { color: var(--quanta-text-danger); }
  .uw-focus-text-danger:focus { color: var(--quanta-text-danger); }
  .uw-active-text-danger:active { color: var(--quanta-text-danger); }
  .uw-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  .uw-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  .uw-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  .uw-group:hover .uw-group-hover-text-danger { color: var(--quanta-text-danger); }
  .uw-text-info { color: var(--quanta-text-info); }
  .uw-hover-text-info:hover { color: var(--quanta-text-info); }
  .uw-focus-text-info:focus { color: var(--quanta-text-info); }
  .uw-active-text-info:active { color: var(--quanta-text-info); }
  .uw-disabled-text-info:disabled { color: var(--quanta-text-info); }
  .uw-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  .uw-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  .uw-group:hover .uw-group-hover-text-info { color: var(--quanta-text-info); }
  .uw-text-neutral { color: var(--quanta-text-neutral); }
  .uw-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  .uw-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  .uw-active-text-neutral:active { color: var(--quanta-text-neutral); }
  .uw-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  .uw-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  .uw-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  .uw-group:hover .uw-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  .uw-text-accent { color: var(--quanta-text-accent); }
  .uw-hover-text-accent:hover { color: var(--quanta-text-accent); }
  .uw-focus-text-accent:focus { color: var(--quanta-text-accent); }
  .uw-active-text-accent:active { color: var(--quanta-text-accent); }
  .uw-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  .uw-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  .uw-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  .uw-group:hover .uw-group-hover-text-accent { color: var(--quanta-text-accent); }
  .uw-text-ghost { color: var(--quanta-text-ghost); }
  .uw-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  .uw-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  .uw-active-text-ghost:active { color: var(--quanta-text-ghost); }
  .uw-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  .uw-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  .uw-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  .uw-group:hover .uw-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  .uw-text-link { color: var(--quanta-text-link); }
  .uw-hover-text-link:hover { color: var(--quanta-text-link); }
  .uw-focus-text-link:focus { color: var(--quanta-text-link); }
  .uw-active-text-link:active { color: var(--quanta-text-link); }
  .uw-disabled-text-link:disabled { color: var(--quanta-text-link); }
  .uw-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  .uw-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  .uw-group:hover .uw-group-hover-text-link { color: var(--quanta-text-link); }
  .uw-border-primary { border-color: var(--quanta-border-primary); }
  .uw-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  .uw-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  .uw-active-border-primary:active { border-color: var(--quanta-border-primary); }
  .uw-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  .uw-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  .uw-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  .uw-group:hover .uw-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  .uw-border-secondary { border-color: var(--quanta-border-secondary); }
  .uw-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  .uw-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  .uw-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  .uw-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  .uw-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  .uw-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  .uw-group:hover .uw-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  .uw-border-success { border-color: var(--quanta-border-success); }
  .uw-hover-border-success:hover { border-color: var(--quanta-border-success); }
  .uw-focus-border-success:focus { border-color: var(--quanta-border-success); }
  .uw-active-border-success:active { border-color: var(--quanta-border-success); }
  .uw-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  .uw-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  .uw-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  .uw-group:hover .uw-group-hover-border-success { border-color: var(--quanta-border-success); }
  .uw-border-warning { border-color: var(--quanta-border-warning); }
  .uw-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  .uw-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  .uw-active-border-warning:active { border-color: var(--quanta-border-warning); }
  .uw-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  .uw-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  .uw-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  .uw-group:hover .uw-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  .uw-border-danger { border-color: var(--quanta-border-danger); }
  .uw-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  .uw-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  .uw-active-border-danger:active { border-color: var(--quanta-border-danger); }
  .uw-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  .uw-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  .uw-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  .uw-group:hover .uw-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  .uw-border-info { border-color: var(--quanta-border-info); }
  .uw-hover-border-info:hover { border-color: var(--quanta-border-info); }
  .uw-focus-border-info:focus { border-color: var(--quanta-border-info); }
  .uw-active-border-info:active { border-color: var(--quanta-border-info); }
  .uw-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  .uw-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  .uw-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  .uw-group:hover .uw-group-hover-border-info { border-color: var(--quanta-border-info); }
  .uw-border-neutral { border-color: var(--quanta-border-neutral); }
  .uw-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  .uw-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  .uw-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  .uw-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  .uw-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  .uw-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  .uw-group:hover .uw-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  .uw-border-accent { border-color: var(--quanta-border-accent); }
  .uw-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  .uw-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  .uw-active-border-accent:active { border-color: var(--quanta-border-accent); }
  .uw-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  .uw-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  .uw-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  .uw-group:hover .uw-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  .uw-border-ghost { border-color: var(--quanta-border-ghost); }
  .uw-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  .uw-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  .uw-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  .uw-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  .uw-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  .uw-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  .uw-group:hover .uw-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  .uw-border-link { border-color: var(--quanta-text-link); }
  .uw-hover-border-link:hover { border-color: var(--quanta-text-link); }
  .uw-focus-border-link:focus { border-color: var(--quanta-text-link); }
  .uw-active-border-link:active { border-color: var(--quanta-text-link); }
  .uw-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  .uw-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  .uw-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  .uw-group:hover .uw-group-hover-border-link { border-color: var(--quanta-text-link); }
}

@media (min-width: 1536px) {
  html[data-theme="dark"] .dark-uw-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-uw-hover-p-auto:hover { padding: auto; }
  html[data-theme="dark"] .dark-uw-focus-p-auto:focus { padding: auto; }
  html[data-theme="dark"] .dark-uw-active-p-auto:active { padding: auto; }
  html[data-theme="dark"] .dark-uw-disabled-p-auto:disabled { padding: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-auto:focus-visible { padding: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-p-auto:focus-within { padding: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-auto { padding: auto; }
  html[data-theme="dark"] .dark-uw-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-uw-hover-p-0:hover { padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-p-0:focus { padding: 0; }
  html[data-theme="dark"] .dark-uw-active-p-0:active { padding: 0; }
  html[data-theme="dark"] .dark-uw-disabled-p-0:disabled { padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-0:focus-visible { padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-p-0:focus-within { padding: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-0 { padding: 0; }
  html[data-theme="dark"] .dark-uw-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-p-1:hover { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-p-1:focus { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-p-1:active { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-1:disabled { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-1:focus-visible { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-1:focus-within { padding: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-1 { padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-p-2:hover { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-p-2:focus { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-p-2:active { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-2:disabled { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-2:focus-visible { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-2:focus-within { padding: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-2 { padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-p-3:hover { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-p-3:focus { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-p-3:active { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-3:disabled { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-3:focus-visible { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-3:focus-within { padding: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-3 { padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-p-4:hover { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-p-4:focus { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-active-p-4:active { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-4:disabled { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-4:focus-visible { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-4:focus-within { padding: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-4 { padding: 1rem; }
  html[data-theme="dark"] .dark-uw-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-p-5:hover { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-p-5:focus { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-p-5:active { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-5:disabled { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-5:focus-visible { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-5:focus-within { padding: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-5 { padding: 1.25rem; }
  html[data-theme="dark"] .dark-uw-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-p-6:hover { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-p-6:focus { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-p-6:active { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-6:disabled { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-6:focus-visible { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-6:focus-within { padding: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-6 { padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-p-8:hover { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-p-8:focus { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-active-p-8:active { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-8:disabled { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-8:focus-visible { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-8:focus-within { padding: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-8 { padding: 2rem; }
  html[data-theme="dark"] .dark-uw-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-p-10:hover { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-p-10:focus { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-p-10:active { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-10:disabled { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-10:focus-visible { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-10:focus-within { padding: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-10 { padding: 2.5rem; }
  html[data-theme="dark"] .dark-uw-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-p-12:hover { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-p-12:focus { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-active-p-12:active { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-12:disabled { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-12:focus-visible { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-12:focus-within { padding: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-12 { padding: 3rem; }
  html[data-theme="dark"] .dark-uw-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-p-16:hover { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-p-16:focus { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-active-p-16:active { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-16:disabled { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-16:focus-visible { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-16:focus-within { padding: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-16 { padding: 4rem; }
  html[data-theme="dark"] .dark-uw-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-p-20:hover { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-p-20:focus { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-active-p-20:active { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-20:disabled { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-20:focus-visible { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-20:focus-within { padding: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-20 { padding: 5rem; }
  html[data-theme="dark"] .dark-uw-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-p-24:hover { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-p-24:focus { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-active-p-24:active { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-24:disabled { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-24:focus-visible { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-24:focus-within { padding: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-24 { padding: 6rem; }
  html[data-theme="dark"] .dark-uw-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-p-28:hover { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-p-28:focus { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-active-p-28:active { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-28:disabled { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-28:focus-visible { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-28:focus-within { padding: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-28 { padding: 7rem; }
  html[data-theme="dark"] .dark-uw-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-p-32:hover { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-p-32:focus { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-active-p-32:active { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-p-32:disabled { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-p-32:focus-visible { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-p-32:focus-within { padding: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-p-32 { padding: 8rem; }
  html[data-theme="dark"] .dark-uw-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-hover-pt-auto:hover { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-pt-auto:focus { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-active-pt-auto:active { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pt-auto:disabled { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-auto:focus-visible { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-auto:focus-within { padding-top: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-auto { padding-top: auto; }
  html[data-theme="dark"] .dark-uw-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-hover-pt-0:hover { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-pt-0:focus { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-active-pt-0:active { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-disabled-pt-0:disabled { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-0:focus-visible { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-0:focus-within { padding-top: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-0 { padding-top: 0; }
  html[data-theme="dark"] .dark-uw-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-1:hover { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-1:focus { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-pt-1:active { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-1:disabled { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-1:focus-visible { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-1:focus-within { padding-top: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-1 { padding-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-2:hover { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-2:focus { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-pt-2:active { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-2:disabled { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-2:focus-visible { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-2:focus-within { padding-top: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-2 { padding-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-3:hover { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-3:focus { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-pt-3:active { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-3:disabled { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-3:focus-visible { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-3:focus-within { padding-top: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-3 { padding-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-4:hover { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-4:focus { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-active-pt-4:active { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-4:disabled { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-4:focus-visible { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-4:focus-within { padding-top: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-4 { padding-top: 1rem; }
  html[data-theme="dark"] .dark-uw-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-5:hover { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-5:focus { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-pt-5:active { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-5:disabled { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-5:focus-visible { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-5:focus-within { padding-top: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-5 { padding-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-6:hover { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-6:focus { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-pt-6:active { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-6:disabled { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-6:focus-visible { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-6:focus-within { padding-top: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-6 { padding-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-8:hover { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-8:focus { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-active-pt-8:active { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-8:disabled { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-8:focus-visible { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-8:focus-within { padding-top: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-8 { padding-top: 2rem; }
  html[data-theme="dark"] .dark-uw-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-10:hover { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-10:focus { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-pt-10:active { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-10:disabled { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-10:focus-visible { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-10:focus-within { padding-top: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-10 { padding-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-12:hover { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-12:focus { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-active-pt-12:active { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-12:disabled { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-12:focus-visible { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-12:focus-within { padding-top: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-12 { padding-top: 3rem; }
  html[data-theme="dark"] .dark-uw-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-16:hover { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-16:focus { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-active-pt-16:active { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-16:disabled { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-16:focus-visible { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-16:focus-within { padding-top: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-16 { padding-top: 4rem; }
  html[data-theme="dark"] .dark-uw-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-20:hover { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-20:focus { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-active-pt-20:active { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-20:disabled { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-20:focus-visible { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-20:focus-within { padding-top: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-20 { padding-top: 5rem; }
  html[data-theme="dark"] .dark-uw-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-24:hover { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-24:focus { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-active-pt-24:active { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-24:disabled { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-24:focus-visible { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-24:focus-within { padding-top: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-24 { padding-top: 6rem; }
  html[data-theme="dark"] .dark-uw-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-28:hover { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-28:focus { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-active-pt-28:active { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-28:disabled { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-28:focus-visible { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-28:focus-within { padding-top: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-28 { padding-top: 7rem; }
  html[data-theme="dark"] .dark-uw-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-pt-32:hover { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-pt-32:focus { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-active-pt-32:active { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-pt-32:disabled { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pt-32:focus-visible { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pt-32:focus-within { padding-top: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pt-32 { padding-top: 8rem; }
  html[data-theme="dark"] .dark-uw-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-hover-pb-auto:hover { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-pb-auto:focus { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-active-pb-auto:active { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pb-auto:disabled { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-auto:focus-visible { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-auto:focus-within { padding-bottom: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-auto { padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-hover-pb-0:hover { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-pb-0:focus { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-active-pb-0:active { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-disabled-pb-0:disabled { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-0:focus-visible { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-0:focus-within { padding-bottom: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-0 { padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-1:hover { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-1:focus { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-pb-1:active { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-1:focus-visible { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-1:focus-within { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-1 { padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-2:hover { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-2:focus { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-pb-2:active { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-2:focus-visible { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-2:focus-within { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-2 { padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-3:hover { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-3:focus { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-pb-3:active { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-3:focus-visible { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-3:focus-within { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-3 { padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-4:hover { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-4:focus { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-active-pb-4:active { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-4:disabled { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-4:focus-visible { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-4:focus-within { padding-bottom: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-4 { padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-5:hover { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-5:focus { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-pb-5:active { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-5:focus-visible { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-5:focus-within { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-5 { padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-6:hover { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-6:focus { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-pb-6:active { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-6:focus-visible { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-6:focus-within { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-6 { padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-8:hover { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-8:focus { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-active-pb-8:active { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-8:disabled { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-8:focus-visible { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-8:focus-within { padding-bottom: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-8 { padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-10:hover { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-10:focus { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-pb-10:active { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-10:focus-visible { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-10:focus-within { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-10 { padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-12:hover { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-12:focus { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-active-pb-12:active { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-12:disabled { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-12:focus-visible { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-12:focus-within { padding-bottom: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-12 { padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-16:hover { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-16:focus { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-active-pb-16:active { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-16:disabled { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-16:focus-visible { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-16:focus-within { padding-bottom: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-16 { padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-20:hover { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-20:focus { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-active-pb-20:active { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-20:disabled { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-20:focus-visible { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-20:focus-within { padding-bottom: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-20 { padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-24:hover { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-24:focus { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-active-pb-24:active { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-24:disabled { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-24:focus-visible { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-24:focus-within { padding-bottom: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-24 { padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-28:hover { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-28:focus { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-active-pb-28:active { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-28:disabled { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-28:focus-visible { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-28:focus-within { padding-bottom: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-28 { padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-pb-32:hover { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-pb-32:focus { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-active-pb-32:active { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-pb-32:disabled { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pb-32:focus-visible { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pb-32:focus-within { padding-bottom: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pb-32 { padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-hover-pl-auto:hover { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-pl-auto:focus { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-active-pl-auto:active { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pl-auto:disabled { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-auto:focus-visible { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-auto:focus-within { padding-left: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-auto { padding-left: auto; }
  html[data-theme="dark"] .dark-uw-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-hover-pl-0:hover { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-pl-0:focus { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-active-pl-0:active { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-disabled-pl-0:disabled { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-0:focus-visible { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-0:focus-within { padding-left: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-0 { padding-left: 0; }
  html[data-theme="dark"] .dark-uw-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-1:hover { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-1:focus { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-pl-1:active { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-1:disabled { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-1:focus-visible { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-1:focus-within { padding-left: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-1 { padding-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-2:hover { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-2:focus { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-pl-2:active { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-2:disabled { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-2:focus-visible { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-2:focus-within { padding-left: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-2 { padding-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-3:hover { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-3:focus { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-pl-3:active { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-3:disabled { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-3:focus-visible { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-3:focus-within { padding-left: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-3 { padding-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-4:hover { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-4:focus { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-active-pl-4:active { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-4:disabled { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-4:focus-visible { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-4:focus-within { padding-left: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-4 { padding-left: 1rem; }
  html[data-theme="dark"] .dark-uw-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-5:hover { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-5:focus { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-pl-5:active { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-5:disabled { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-5:focus-visible { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-5:focus-within { padding-left: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-5 { padding-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-6:hover { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-6:focus { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-pl-6:active { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-6:disabled { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-6:focus-visible { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-6:focus-within { padding-left: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-6 { padding-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-8:hover { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-8:focus { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-active-pl-8:active { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-8:disabled { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-8:focus-visible { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-8:focus-within { padding-left: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-8 { padding-left: 2rem; }
  html[data-theme="dark"] .dark-uw-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-10:hover { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-10:focus { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-pl-10:active { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-10:disabled { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-10:focus-visible { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-10:focus-within { padding-left: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-10 { padding-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-12:hover { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-12:focus { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-active-pl-12:active { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-12:disabled { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-12:focus-visible { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-12:focus-within { padding-left: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-12 { padding-left: 3rem; }
  html[data-theme="dark"] .dark-uw-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-16:hover { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-16:focus { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-active-pl-16:active { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-16:disabled { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-16:focus-visible { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-16:focus-within { padding-left: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-16 { padding-left: 4rem; }
  html[data-theme="dark"] .dark-uw-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-20:hover { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-20:focus { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-active-pl-20:active { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-20:disabled { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-20:focus-visible { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-20:focus-within { padding-left: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-20 { padding-left: 5rem; }
  html[data-theme="dark"] .dark-uw-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-24:hover { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-24:focus { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-active-pl-24:active { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-24:disabled { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-24:focus-visible { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-24:focus-within { padding-left: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-24 { padding-left: 6rem; }
  html[data-theme="dark"] .dark-uw-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-28:hover { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-28:focus { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-active-pl-28:active { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-28:disabled { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-28:focus-visible { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-28:focus-within { padding-left: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-28 { padding-left: 7rem; }
  html[data-theme="dark"] .dark-uw-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-pl-32:hover { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-pl-32:focus { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-active-pl-32:active { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-pl-32:disabled { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pl-32:focus-visible { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pl-32:focus-within { padding-left: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pl-32 { padding-left: 8rem; }
  html[data-theme="dark"] .dark-uw-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-hover-pr-auto:hover { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-pr-auto:focus { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-active-pr-auto:active { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pr-auto:disabled { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-auto:focus-visible { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-auto:focus-within { padding-right: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-auto { padding-right: auto; }
  html[data-theme="dark"] .dark-uw-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-hover-pr-0:hover { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-pr-0:focus { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-active-pr-0:active { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-disabled-pr-0:disabled { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-0:focus-visible { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-0:focus-within { padding-right: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-0 { padding-right: 0; }
  html[data-theme="dark"] .dark-uw-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-1:hover { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-1:focus { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-pr-1:active { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-1:disabled { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-1:focus-visible { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-1:focus-within { padding-right: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-1 { padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-2:hover { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-2:focus { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-pr-2:active { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-2:disabled { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-2:focus-visible { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-2:focus-within { padding-right: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-2 { padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-3:hover { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-3:focus { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-pr-3:active { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-3:disabled { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-3:focus-visible { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-3:focus-within { padding-right: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-3 { padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-4:hover { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-4:focus { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-active-pr-4:active { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-4:disabled { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-4:focus-visible { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-4:focus-within { padding-right: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-4 { padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-5:hover { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-5:focus { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-pr-5:active { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-5:disabled { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-5:focus-visible { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-5:focus-within { padding-right: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-5 { padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-6:hover { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-6:focus { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-pr-6:active { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-6:disabled { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-6:focus-visible { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-6:focus-within { padding-right: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-6 { padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-8:hover { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-8:focus { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-active-pr-8:active { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-8:disabled { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-8:focus-visible { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-8:focus-within { padding-right: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-8 { padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-10:hover { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-10:focus { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-pr-10:active { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-10:disabled { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-10:focus-visible { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-10:focus-within { padding-right: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-10 { padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-12:hover { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-12:focus { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-active-pr-12:active { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-12:disabled { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-12:focus-visible { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-12:focus-within { padding-right: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-12 { padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-16:hover { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-16:focus { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-active-pr-16:active { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-16:disabled { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-16:focus-visible { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-16:focus-within { padding-right: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-16 { padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-20:hover { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-20:focus { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-active-pr-20:active { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-20:disabled { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-20:focus-visible { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-20:focus-within { padding-right: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-20 { padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-24:hover { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-24:focus { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-active-pr-24:active { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-24:disabled { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-24:focus-visible { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-24:focus-within { padding-right: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-24 { padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-28:hover { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-28:focus { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-active-pr-28:active { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-28:disabled { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-28:focus-visible { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-28:focus-within { padding-right: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-28 { padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-pr-32:hover { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-pr-32:focus { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-active-pr-32:active { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-pr-32:disabled { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-pr-32:focus-visible { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-pr-32:focus-within { padding-right: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pr-32 { padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-active-px-auto:active { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-auto:focus-visible { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-px-auto:focus-within { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-auto { padding-left: auto; padding-right: auto; }
  html[data-theme="dark"] .dark-uw-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-hover-px-0:hover { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-px-0:focus { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-active-px-0:active { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-0:focus-visible { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-px-0:focus-within { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-0 { padding-left: 0; padding-right: 0; }
  html[data-theme="dark"] .dark-uw-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-1:focus-visible { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-1:focus-within { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-2:focus-visible { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-2:focus-within { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-3:focus-visible { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-3:focus-within { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-4:focus-visible { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-4:focus-within { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
  html[data-theme="dark"] .dark-uw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-5:focus-visible { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-5:focus-within { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-6:focus-visible { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-6:focus-within { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-8:focus-visible { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-8:focus-within { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
  html[data-theme="dark"] .dark-uw-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-10:focus-visible { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-10:focus-within { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-12:focus-visible { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-12:focus-within { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
  html[data-theme="dark"] .dark-uw-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-16:focus-visible { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-16:focus-within { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
  html[data-theme="dark"] .dark-uw-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-20:focus-visible { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-20:focus-within { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
  html[data-theme="dark"] .dark-uw-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-24:focus-visible { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-24:focus-within { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
  html[data-theme="dark"] .dark-uw-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-28:focus-visible { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-28:focus-within { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
  html[data-theme="dark"] .dark-uw-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-px-32:focus-visible { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-px-32:focus-within { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
  html[data-theme="dark"] .dark-uw-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-auto:focus-visible { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-py-auto:focus-within { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
  html[data-theme="dark"] .dark-uw-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-active-py-0:active { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-0:focus-visible { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-py-0:focus-within { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
  html[data-theme="dark"] .dark-uw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-1:focus-visible { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-1:focus-within { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-2:focus-visible { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-2:focus-within { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-3:focus-visible { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-3:focus-within { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-4:focus-visible { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-4:focus-within { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-5:focus-visible { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-5:focus-within { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-6:focus-visible { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-6:focus-within { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-8:focus-visible { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-8:focus-within { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-10:focus-visible { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-10:focus-within { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-12:focus-visible { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-12:focus-within { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-16:focus-visible { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-16:focus-within { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-20:focus-visible { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-20:focus-within { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-24:focus-visible { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-24:focus-within { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-28:focus-visible { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-28:focus-within { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-py-32:focus-visible { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-py-32:focus-within { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-uw-hover-m-auto:hover { margin: auto; }
  html[data-theme="dark"] .dark-uw-focus-m-auto:focus { margin: auto; }
  html[data-theme="dark"] .dark-uw-active-m-auto:active { margin: auto; }
  html[data-theme="dark"] .dark-uw-disabled-m-auto:disabled { margin: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-auto:focus-visible { margin: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-m-auto:focus-within { margin: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-auto { margin: auto; }
  html[data-theme="dark"] .dark-uw-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-uw-hover-m-0:hover { margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-m-0:focus { margin: 0; }
  html[data-theme="dark"] .dark-uw-active-m-0:active { margin: 0; }
  html[data-theme="dark"] .dark-uw-disabled-m-0:disabled { margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-0:focus-visible { margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-m-0:focus-within { margin: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-0 { margin: 0; }
  html[data-theme="dark"] .dark-uw-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-m-1:hover { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-m-1:focus { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-m-1:active { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-1:disabled { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-1:focus-visible { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-1:focus-within { margin: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-1 { margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-m-2:hover { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-m-2:focus { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-m-2:active { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-2:disabled { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-2:focus-visible { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-2:focus-within { margin: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-2 { margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-m-3:hover { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-m-3:focus { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-m-3:active { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-3:disabled { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-3:focus-visible { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-3:focus-within { margin: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-3 { margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-m-4:hover { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-m-4:focus { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-active-m-4:active { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-4:disabled { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-4:focus-visible { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-4:focus-within { margin: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-4 { margin: 1rem; }
  html[data-theme="dark"] .dark-uw-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-m-5:hover { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-m-5:focus { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-m-5:active { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-5:disabled { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-5:focus-visible { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-5:focus-within { margin: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-5 { margin: 1.25rem; }
  html[data-theme="dark"] .dark-uw-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-m-6:hover { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-m-6:focus { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-m-6:active { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-6:disabled { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-6:focus-visible { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-6:focus-within { margin: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-6 { margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-m-8:hover { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-m-8:focus { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-active-m-8:active { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-8:disabled { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-8:focus-visible { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-8:focus-within { margin: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-8 { margin: 2rem; }
  html[data-theme="dark"] .dark-uw-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-m-10:hover { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-m-10:focus { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-m-10:active { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-10:disabled { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-10:focus-visible { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-10:focus-within { margin: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-10 { margin: 2.5rem; }
  html[data-theme="dark"] .dark-uw-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-m-12:hover { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-m-12:focus { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-active-m-12:active { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-12:disabled { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-12:focus-visible { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-12:focus-within { margin: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-12 { margin: 3rem; }
  html[data-theme="dark"] .dark-uw-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-m-16:hover { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-m-16:focus { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-active-m-16:active { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-16:disabled { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-16:focus-visible { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-16:focus-within { margin: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-16 { margin: 4rem; }
  html[data-theme="dark"] .dark-uw-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-m-20:hover { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-m-20:focus { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-active-m-20:active { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-20:disabled { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-20:focus-visible { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-20:focus-within { margin: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-20 { margin: 5rem; }
  html[data-theme="dark"] .dark-uw-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-m-24:hover { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-m-24:focus { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-active-m-24:active { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-24:disabled { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-24:focus-visible { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-24:focus-within { margin: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-24 { margin: 6rem; }
  html[data-theme="dark"] .dark-uw-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-m-28:hover { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-m-28:focus { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-active-m-28:active { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-28:disabled { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-28:focus-visible { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-28:focus-within { margin: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-28 { margin: 7rem; }
  html[data-theme="dark"] .dark-uw-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-m-32:hover { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-m-32:focus { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-active-m-32:active { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-m-32:disabled { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-m-32:focus-visible { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-m-32:focus-within { margin: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-m-32 { margin: 8rem; }
  html[data-theme="dark"] .dark-uw-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-hover-mt-auto:hover { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-mt-auto:focus { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-active-mt-auto:active { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-disabled-mt-auto:disabled { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-auto:focus-visible { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-auto:focus-within { margin-top: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-auto { margin-top: auto; }
  html[data-theme="dark"] .dark-uw-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-hover-mt-0:hover { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-mt-0:focus { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-active-mt-0:active { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-disabled-mt-0:disabled { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-0:focus-visible { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-0:focus-within { margin-top: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-0 { margin-top: 0; }
  html[data-theme="dark"] .dark-uw-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-1:hover { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-1:focus { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-mt-1:active { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-1:disabled { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-1:focus-visible { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-1:focus-within { margin-top: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-1 { margin-top: 0.25rem; }
  html[data-theme="dark"] .dark-uw-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-2:hover { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-2:focus { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-mt-2:active { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-2:disabled { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-2:focus-visible { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-2:focus-within { margin-top: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-2 { margin-top: 0.5rem; }
  html[data-theme="dark"] .dark-uw-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-3:hover { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-3:focus { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-mt-3:active { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-3:disabled { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-3:focus-visible { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-3:focus-within { margin-top: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-3 { margin-top: 0.75rem; }
  html[data-theme="dark"] .dark-uw-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-4:hover { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-4:focus { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-active-mt-4:active { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-4:disabled { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-4:focus-visible { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-4:focus-within { margin-top: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-4 { margin-top: 1rem; }
  html[data-theme="dark"] .dark-uw-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-5:hover { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-5:focus { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-mt-5:active { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-5:disabled { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-5:focus-visible { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-5:focus-within { margin-top: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-5 { margin-top: 1.25rem; }
  html[data-theme="dark"] .dark-uw-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-6:hover { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-6:focus { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-mt-6:active { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-6:disabled { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-6:focus-visible { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-6:focus-within { margin-top: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-6 { margin-top: 1.5rem; }
  html[data-theme="dark"] .dark-uw-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-8:hover { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-8:focus { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-active-mt-8:active { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-8:disabled { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-8:focus-visible { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-8:focus-within { margin-top: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-8 { margin-top: 2rem; }
  html[data-theme="dark"] .dark-uw-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-10:hover { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-10:focus { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-mt-10:active { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-10:disabled { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-10:focus-visible { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-10:focus-within { margin-top: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-10 { margin-top: 2.5rem; }
  html[data-theme="dark"] .dark-uw-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-12:hover { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-12:focus { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-active-mt-12:active { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-12:disabled { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-12:focus-visible { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-12:focus-within { margin-top: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-12 { margin-top: 3rem; }
  html[data-theme="dark"] .dark-uw-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-16:hover { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-16:focus { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-active-mt-16:active { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-16:disabled { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-16:focus-visible { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-16:focus-within { margin-top: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-16 { margin-top: 4rem; }
  html[data-theme="dark"] .dark-uw-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-20:hover { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-20:focus { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-active-mt-20:active { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-20:disabled { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-20:focus-visible { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-20:focus-within { margin-top: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-20 { margin-top: 5rem; }
  html[data-theme="dark"] .dark-uw-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-24:hover { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-24:focus { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-active-mt-24:active { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-24:disabled { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-24:focus-visible { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-24:focus-within { margin-top: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-24 { margin-top: 6rem; }
  html[data-theme="dark"] .dark-uw-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-28:hover { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-28:focus { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-active-mt-28:active { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-28:disabled { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-28:focus-visible { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-28:focus-within { margin-top: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-28 { margin-top: 7rem; }
  html[data-theme="dark"] .dark-uw-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-mt-32:hover { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-mt-32:focus { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-active-mt-32:active { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-mt-32:disabled { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mt-32:focus-visible { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mt-32:focus-within { margin-top: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mt-32 { margin-top: 8rem; }
  html[data-theme="dark"] .dark-uw-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-hover-mb-auto:hover { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-mb-auto:focus { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-active-mb-auto:active { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-disabled-mb-auto:disabled { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-auto:focus-visible { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-auto:focus-within { margin-bottom: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-auto { margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-hover-mb-0:hover { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-mb-0:focus { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-active-mb-0:active { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-disabled-mb-0:disabled { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-0:focus-visible { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-0:focus-within { margin-bottom: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-0 { margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-1:hover { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-1:focus { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-mb-1:active { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-1:focus-visible { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-1:focus-within { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-1 { margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-2:hover { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-2:focus { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-mb-2:active { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-2:focus-visible { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-2:focus-within { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-2 { margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-3:hover { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-3:focus { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-mb-3:active { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-3:focus-visible { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-3:focus-within { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-3 { margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-4:hover { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-4:focus { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-active-mb-4:active { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-4:disabled { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-4:focus-visible { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-4:focus-within { margin-bottom: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-4 { margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-5:hover { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-5:focus { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-mb-5:active { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-5:focus-visible { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-5:focus-within { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-5 { margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-6:hover { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-6:focus { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-mb-6:active { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-6:focus-visible { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-6:focus-within { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-6 { margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-8:hover { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-8:focus { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-active-mb-8:active { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-8:disabled { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-8:focus-visible { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-8:focus-within { margin-bottom: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-8 { margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-10:hover { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-10:focus { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-mb-10:active { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-10:focus-visible { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-10:focus-within { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-10 { margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-12:hover { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-12:focus { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-active-mb-12:active { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-12:disabled { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-12:focus-visible { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-12:focus-within { margin-bottom: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-12 { margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-16:hover { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-16:focus { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-active-mb-16:active { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-16:disabled { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-16:focus-visible { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-16:focus-within { margin-bottom: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-16 { margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-20:hover { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-20:focus { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-active-mb-20:active { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-20:disabled { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-20:focus-visible { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-20:focus-within { margin-bottom: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-20 { margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-24:hover { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-24:focus { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-active-mb-24:active { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-24:disabled { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-24:focus-visible { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-24:focus-within { margin-bottom: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-24 { margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-28:hover { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-28:focus { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-active-mb-28:active { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-28:disabled { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-28:focus-visible { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-28:focus-within { margin-bottom: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-28 { margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-mb-32:hover { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-mb-32:focus { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-active-mb-32:active { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-mb-32:disabled { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mb-32:focus-visible { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mb-32:focus-within { margin-bottom: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mb-32 { margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-hover-ml-auto:hover { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-ml-auto:focus { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-active-ml-auto:active { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-disabled-ml-auto:disabled { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-auto:focus-visible { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-auto:focus-within { margin-left: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-auto { margin-left: auto; }
  html[data-theme="dark"] .dark-uw-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-hover-ml-0:hover { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-ml-0:focus { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-active-ml-0:active { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-disabled-ml-0:disabled { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-0:focus-visible { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-0:focus-within { margin-left: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-0 { margin-left: 0; }
  html[data-theme="dark"] .dark-uw-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-1:hover { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-1:focus { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-ml-1:active { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-1:disabled { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-1:focus-visible { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-1:focus-within { margin-left: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-1 { margin-left: 0.25rem; }
  html[data-theme="dark"] .dark-uw-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-2:hover { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-2:focus { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-ml-2:active { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-2:disabled { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-2:focus-visible { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-2:focus-within { margin-left: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-2 { margin-left: 0.5rem; }
  html[data-theme="dark"] .dark-uw-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-3:hover { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-3:focus { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-ml-3:active { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-3:disabled { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-3:focus-visible { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-3:focus-within { margin-left: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-3 { margin-left: 0.75rem; }
  html[data-theme="dark"] .dark-uw-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-4:hover { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-4:focus { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-active-ml-4:active { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-4:disabled { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-4:focus-visible { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-4:focus-within { margin-left: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-4 { margin-left: 1rem; }
  html[data-theme="dark"] .dark-uw-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-5:hover { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-5:focus { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-ml-5:active { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-5:disabled { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-5:focus-visible { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-5:focus-within { margin-left: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-5 { margin-left: 1.25rem; }
  html[data-theme="dark"] .dark-uw-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-6:hover { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-6:focus { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-ml-6:active { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-6:disabled { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-6:focus-visible { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-6:focus-within { margin-left: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-6 { margin-left: 1.5rem; }
  html[data-theme="dark"] .dark-uw-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-8:hover { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-8:focus { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-active-ml-8:active { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-8:disabled { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-8:focus-visible { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-8:focus-within { margin-left: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-8 { margin-left: 2rem; }
  html[data-theme="dark"] .dark-uw-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-10:hover { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-10:focus { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-ml-10:active { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-10:disabled { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-10:focus-visible { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-10:focus-within { margin-left: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-10 { margin-left: 2.5rem; }
  html[data-theme="dark"] .dark-uw-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-12:hover { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-12:focus { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-active-ml-12:active { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-12:disabled { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-12:focus-visible { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-12:focus-within { margin-left: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-12 { margin-left: 3rem; }
  html[data-theme="dark"] .dark-uw-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-16:hover { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-16:focus { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-active-ml-16:active { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-16:disabled { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-16:focus-visible { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-16:focus-within { margin-left: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-16 { margin-left: 4rem; }
  html[data-theme="dark"] .dark-uw-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-20:hover { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-20:focus { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-active-ml-20:active { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-20:disabled { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-20:focus-visible { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-20:focus-within { margin-left: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-20 { margin-left: 5rem; }
  html[data-theme="dark"] .dark-uw-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-24:hover { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-24:focus { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-active-ml-24:active { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-24:disabled { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-24:focus-visible { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-24:focus-within { margin-left: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-24 { margin-left: 6rem; }
  html[data-theme="dark"] .dark-uw-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-28:hover { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-28:focus { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-active-ml-28:active { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-28:disabled { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-28:focus-visible { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-28:focus-within { margin-left: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-28 { margin-left: 7rem; }
  html[data-theme="dark"] .dark-uw-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-ml-32:hover { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-ml-32:focus { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-active-ml-32:active { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-ml-32:disabled { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ml-32:focus-visible { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ml-32:focus-within { margin-left: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ml-32 { margin-left: 8rem; }
  html[data-theme="dark"] .dark-uw-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-hover-mr-auto:hover { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-mr-auto:focus { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-active-mr-auto:active { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-disabled-mr-auto:disabled { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-auto:focus-visible { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-auto:focus-within { margin-right: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-auto { margin-right: auto; }
  html[data-theme="dark"] .dark-uw-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-hover-mr-0:hover { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-mr-0:focus { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-active-mr-0:active { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-disabled-mr-0:disabled { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-0:focus-visible { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-0:focus-within { margin-right: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-0 { margin-right: 0; }
  html[data-theme="dark"] .dark-uw-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-1:hover { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-1:focus { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-mr-1:active { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-1:disabled { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-1:focus-visible { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-1:focus-within { margin-right: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-1 { margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-2:hover { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-2:focus { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-mr-2:active { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-2:disabled { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-2:focus-visible { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-2:focus-within { margin-right: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-2 { margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-3:hover { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-3:focus { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-mr-3:active { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-3:disabled { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-3:focus-visible { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-3:focus-within { margin-right: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-3 { margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-4:hover { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-4:focus { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-active-mr-4:active { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-4:disabled { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-4:focus-visible { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-4:focus-within { margin-right: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-4 { margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-5:hover { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-5:focus { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-mr-5:active { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-5:disabled { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-5:focus-visible { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-5:focus-within { margin-right: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-5 { margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-6:hover { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-6:focus { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-mr-6:active { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-6:disabled { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-6:focus-visible { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-6:focus-within { margin-right: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-6 { margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-8:hover { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-8:focus { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-active-mr-8:active { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-8:disabled { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-8:focus-visible { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-8:focus-within { margin-right: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-8 { margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-10:hover { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-10:focus { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-mr-10:active { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-10:disabled { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-10:focus-visible { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-10:focus-within { margin-right: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-10 { margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-12:hover { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-12:focus { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-active-mr-12:active { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-12:disabled { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-12:focus-visible { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-12:focus-within { margin-right: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-12 { margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-16:hover { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-16:focus { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-active-mr-16:active { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-16:disabled { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-16:focus-visible { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-16:focus-within { margin-right: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-16 { margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-20:hover { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-20:focus { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-active-mr-20:active { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-20:disabled { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-20:focus-visible { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-20:focus-within { margin-right: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-20 { margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-24:hover { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-24:focus { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-active-mr-24:active { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-24:disabled { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-24:focus-visible { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-24:focus-within { margin-right: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-24 { margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-28:hover { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-28:focus { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-active-mr-28:active { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-28:disabled { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-28:focus-visible { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-28:focus-within { margin-right: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-28 { margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-mr-32:hover { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-mr-32:focus { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-active-mr-32:active { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-mr-32:disabled { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mr-32:focus-visible { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mr-32:focus-within { margin-right: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mr-32 { margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-hover-mx-auto:hover { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-mx-auto:focus { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-active-mx-auto:active { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-disabled-mx-auto:disabled { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-auto:focus-visible { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-auto:focus-within { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-auto { margin-left: auto; margin-right: auto; }
  html[data-theme="dark"] .dark-uw-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-hover-mx-0:hover { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-mx-0:focus { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-active-mx-0:active { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-disabled-mx-0:disabled { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-0:focus-visible { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-0:focus-within { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-0 { margin-left: 0; margin-right: 0; }
  html[data-theme="dark"] .dark-uw-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-1:hover { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-1:focus { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-mx-1:active { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-1:disabled { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-1:focus-visible { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-1:focus-within { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  html[data-theme="dark"] .dark-uw-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-2:hover { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-2:focus { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-mx-2:active { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-2:disabled { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-2:focus-visible { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-2:focus-within { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  html[data-theme="dark"] .dark-uw-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-3:hover { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-3:focus { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-mx-3:active { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-3:disabled { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-3:focus-visible { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-3:focus-within { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  html[data-theme="dark"] .dark-uw-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-4:hover { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-4:focus { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-active-mx-4:active { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-4:disabled { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-4:focus-visible { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-4:focus-within { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-4 { margin-left: 1rem; margin-right: 1rem; }
  html[data-theme="dark"] .dark-uw-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-5:hover { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-5:focus { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-mx-5:active { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-5:disabled { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-5:focus-visible { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-5:focus-within { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
  html[data-theme="dark"] .dark-uw-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-6:hover { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-6:focus { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-mx-6:active { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-6:disabled { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-6:focus-visible { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-6:focus-within { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  html[data-theme="dark"] .dark-uw-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-8:hover { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-8:focus { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-active-mx-8:active { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-8:disabled { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-8:focus-visible { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-8:focus-within { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  html[data-theme="dark"] .dark-uw-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-10:hover { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-10:focus { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-mx-10:active { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-10:disabled { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-10:focus-visible { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-10:focus-within { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  html[data-theme="dark"] .dark-uw-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-12:hover { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-12:focus { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-active-mx-12:active { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-12:disabled { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-12:focus-visible { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-12:focus-within { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-12 { margin-left: 3rem; margin-right: 3rem; }
  html[data-theme="dark"] .dark-uw-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-16:hover { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-16:focus { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-active-mx-16:active { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-16:disabled { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-16:focus-visible { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-16:focus-within { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-16 { margin-left: 4rem; margin-right: 4rem; }
  html[data-theme="dark"] .dark-uw-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-20:hover { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-20:focus { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-active-mx-20:active { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-20:disabled { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-20:focus-visible { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-20:focus-within { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-20 { margin-left: 5rem; margin-right: 5rem; }
  html[data-theme="dark"] .dark-uw-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-24:hover { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-24:focus { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-active-mx-24:active { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-24:disabled { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-24:focus-visible { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-24:focus-within { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-24 { margin-left: 6rem; margin-right: 6rem; }
  html[data-theme="dark"] .dark-uw-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-28:hover { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-28:focus { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-active-mx-28:active { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-28:disabled { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-28:focus-visible { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-28:focus-within { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-28 { margin-left: 7rem; margin-right: 7rem; }
  html[data-theme="dark"] .dark-uw-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-mx-32:hover { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-mx-32:focus { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-active-mx-32:active { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-mx-32:disabled { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-mx-32:focus-visible { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-mx-32:focus-within { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mx-32 { margin-left: 8rem; margin-right: 8rem; }
  html[data-theme="dark"] .dark-uw-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-hover-my-auto:hover { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-my-auto:focus { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-active-my-auto:active { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-disabled-my-auto:disabled { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-auto:focus-visible { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-my-auto:focus-within { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-auto { margin-top: auto; margin-bottom: auto; }
  html[data-theme="dark"] .dark-uw-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-hover-my-0:hover { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-my-0:focus { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-active-my-0:active { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-disabled-my-0:disabled { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-0:focus-visible { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-my-0:focus-within { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-0 { margin-top: 0; margin-bottom: 0; }
  html[data-theme="dark"] .dark-uw-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-my-1:hover { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-my-1:active { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-1:disabled { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-1:focus-visible { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-1:focus-within { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
  html[data-theme="dark"] .dark-uw-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-my-2:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-my-2:focus { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-my-2:active { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-2:disabled { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-2:focus-visible { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-2:focus-within { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  html[data-theme="dark"] .dark-uw-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-my-3:hover { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-my-3:focus { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-my-3:active { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-3:disabled { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-3:focus-visible { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-3:focus-within { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  html[data-theme="dark"] .dark-uw-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-my-4:hover { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-my-4:focus { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-active-my-4:active { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-4:disabled { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-4:focus-visible { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-4:focus-within { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  html[data-theme="dark"] .dark-uw-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-my-5:hover { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-my-5:focus { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-my-5:active { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-5:disabled { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-5:focus-visible { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-5:focus-within { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  html[data-theme="dark"] .dark-uw-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-my-6:hover { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-my-6:focus { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-my-6:active { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-6:disabled { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-6:focus-visible { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-6:focus-within { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  html[data-theme="dark"] .dark-uw-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-my-8:hover { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-my-8:focus { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-active-my-8:active { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-8:disabled { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-8:focus-visible { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-8:focus-within { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  html[data-theme="dark"] .dark-uw-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-my-10:hover { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-my-10:focus { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-my-10:active { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-10:disabled { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-10:focus-visible { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-10:focus-within { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  html[data-theme="dark"] .dark-uw-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-my-12:hover { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-my-12:focus { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-active-my-12:active { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-12:disabled { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-12:focus-visible { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-12:focus-within { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  html[data-theme="dark"] .dark-uw-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-my-16:hover { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-my-16:focus { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-active-my-16:active { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-16:disabled { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-16:focus-visible { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-16:focus-within { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  html[data-theme="dark"] .dark-uw-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-my-20:hover { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-my-20:focus { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-active-my-20:active { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-20:disabled { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-20:focus-visible { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-20:focus-within { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  html[data-theme="dark"] .dark-uw-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-my-24:hover { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-my-24:focus { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-active-my-24:active { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-24:disabled { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-24:focus-visible { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-24:focus-within { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-24 { margin-top: 6rem; margin-bottom: 6rem; }
  html[data-theme="dark"] .dark-uw-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-my-28:hover { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-my-28:focus { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-active-my-28:active { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-28:disabled { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-28:focus-visible { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-28:focus-within { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  html[data-theme="dark"] .dark-uw-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-my-32:hover { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-my-32:focus { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-active-my-32:active { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-my-32:disabled { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-my-32:focus-visible { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-my-32:focus-within { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  html[data-theme="dark"] .dark-uw-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-hover-space-x-auto:hover { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-space-x-auto:focus { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-active-space-x-auto:active { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-auto:disabled { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-auto:focus-visible { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-auto:focus-within { --space-x: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-auto { --space-x: auto; }
  html[data-theme="dark"] .dark-uw-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-hover-space-x-0:hover { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-focus-space-x-0:focus { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-active-space-x-0:active { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-0:disabled { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-0:focus-visible { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-0:focus-within { --space-x: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-0 { --space-x: 0; }
  html[data-theme="dark"] .dark-uw-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-1:hover { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-1:focus { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-1:active { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-1:disabled { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-1:focus-visible { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-1:focus-within { --space-x: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-1 { --space-x: 0.25rem; }
  html[data-theme="dark"] .dark-uw-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-2:hover { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-2:focus { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-2:active { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-2:disabled { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-2:focus-visible { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-2:focus-within { --space-x: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-2 { --space-x: 0.5rem; }
  html[data-theme="dark"] .dark-uw-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-3:hover { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-3:focus { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-3:active { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-3:disabled { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-3:focus-visible { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-3:focus-within { --space-x: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-3 { --space-x: 0.75rem; }
  html[data-theme="dark"] .dark-uw-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-4:hover { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-4:focus { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-4:active { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-4:disabled { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-4:focus-visible { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-4:focus-within { --space-x: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-4 { --space-x: 1rem; }
  html[data-theme="dark"] .dark-uw-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-5:hover { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-5:focus { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-5:active { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-5:disabled { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-5:focus-visible { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-5:focus-within { --space-x: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-5 { --space-x: 1.25rem; }
  html[data-theme="dark"] .dark-uw-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-6:hover { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-6:focus { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-6:active { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-6:disabled { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-6:focus-visible { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-6:focus-within { --space-x: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-6 { --space-x: 1.5rem; }
  html[data-theme="dark"] .dark-uw-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-8:hover { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-8:focus { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-8:active { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-8:disabled { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-8:focus-visible { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-8:focus-within { --space-x: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-8 { --space-x: 2rem; }
  html[data-theme="dark"] .dark-uw-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-10:hover { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-10:focus { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-10:active { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-10:disabled { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-10:focus-visible { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-10:focus-within { --space-x: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-10 { --space-x: 2.5rem; }
  html[data-theme="dark"] .dark-uw-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-12:hover { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-12:focus { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-12:active { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-12:disabled { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-12:focus-visible { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-12:focus-within { --space-x: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-12 { --space-x: 3rem; }
  html[data-theme="dark"] .dark-uw-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-16:hover { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-16:focus { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-16:active { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-16:disabled { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-16:focus-visible { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-16:focus-within { --space-x: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-16 { --space-x: 4rem; }
  html[data-theme="dark"] .dark-uw-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-20:hover { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-20:focus { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-20:active { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-20:disabled { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-20:focus-visible { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-20:focus-within { --space-x: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-20 { --space-x: 5rem; }
  html[data-theme="dark"] .dark-uw-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-24:hover { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-24:focus { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-24:active { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-24:disabled { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-24:focus-visible { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-24:focus-within { --space-x: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-24 { --space-x: 6rem; }
  html[data-theme="dark"] .dark-uw-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-28:hover { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-28:focus { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-28:active { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-28:disabled { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-28:focus-visible { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-28:focus-within { --space-x: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-28 { --space-x: 7rem; }
  html[data-theme="dark"] .dark-uw-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-space-x-32:hover { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-space-x-32:focus { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-active-space-x-32:active { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-x-32:disabled { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-x-32:focus-visible { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-x-32:focus-within { --space-x: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-x-32 { --space-x: 8rem; }
  html[data-theme="dark"] .dark-uw-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-hover-space-y-auto:hover { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-space-y-auto:focus { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-active-space-y-auto:active { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-auto:disabled { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-auto:focus-visible { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-auto:focus-within { --space-y: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-auto { --space-y: auto; }
  html[data-theme="dark"] .dark-uw-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-hover-space-y-0:hover { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-focus-space-y-0:focus { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-active-space-y-0:active { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-0:disabled { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-0:focus-visible { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-0:focus-within { --space-y: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-0 { --space-y: 0; }
  html[data-theme="dark"] .dark-uw-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-1:hover { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-1:focus { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-1:active { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-1:disabled { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-1:focus-visible { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-1:focus-within { --space-y: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-1 { --space-y: 0.25rem; }
  html[data-theme="dark"] .dark-uw-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-2:hover { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-2:focus { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-2:active { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-2:disabled { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-2:focus-visible { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-2:focus-within { --space-y: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-2 { --space-y: 0.5rem; }
  html[data-theme="dark"] .dark-uw-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-3:hover { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-3:focus { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-3:active { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-3:disabled { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-3:focus-visible { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-3:focus-within { --space-y: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-3 { --space-y: 0.75rem; }
  html[data-theme="dark"] .dark-uw-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-4:hover { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-4:focus { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-4:active { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-4:disabled { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-4:focus-visible { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-4:focus-within { --space-y: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-4 { --space-y: 1rem; }
  html[data-theme="dark"] .dark-uw-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-5:hover { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-5:focus { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-5:active { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-5:disabled { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-5:focus-visible { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-5:focus-within { --space-y: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-5 { --space-y: 1.25rem; }
  html[data-theme="dark"] .dark-uw-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-6:hover { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-6:focus { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-6:active { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-6:disabled { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-6:focus-visible { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-6:focus-within { --space-y: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-6 { --space-y: 1.5rem; }
  html[data-theme="dark"] .dark-uw-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-8:hover { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-8:focus { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-8:active { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-8:disabled { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-8:focus-visible { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-8:focus-within { --space-y: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-8 { --space-y: 2rem; }
  html[data-theme="dark"] .dark-uw-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-10:hover { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-10:focus { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-10:active { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-10:disabled { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-10:focus-visible { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-10:focus-within { --space-y: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-10 { --space-y: 2.5rem; }
  html[data-theme="dark"] .dark-uw-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-12:hover { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-12:focus { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-12:active { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-12:disabled { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-12:focus-visible { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-12:focus-within { --space-y: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-12 { --space-y: 3rem; }
  html[data-theme="dark"] .dark-uw-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-16:hover { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-16:focus { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-16:active { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-16:disabled { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-16:focus-visible { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-16:focus-within { --space-y: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-16 { --space-y: 4rem; }
  html[data-theme="dark"] .dark-uw-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-20:hover { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-20:focus { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-20:active { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-20:disabled { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-20:focus-visible { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-20:focus-within { --space-y: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-20 { --space-y: 5rem; }
  html[data-theme="dark"] .dark-uw-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-24:hover { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-24:focus { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-24:active { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-24:disabled { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-24:focus-visible { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-24:focus-within { --space-y: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-24 { --space-y: 6rem; }
  html[data-theme="dark"] .dark-uw-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-28:hover { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-28:focus { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-28:active { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-28:disabled { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-28:focus-visible { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-28:focus-within { --space-y: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-28 { --space-y: 7rem; }
  html[data-theme="dark"] .dark-uw-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-space-y-32:hover { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-space-y-32:focus { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-active-space-y-32:active { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-space-y-32:disabled { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-space-y-32:focus-visible { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-space-y-32:focus-within { --space-y: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-space-y-32 { --space-y: 8rem; }
  html[data-theme="dark"] .dark-uw-d-block { display: block; }
  html[data-theme="dark"] .dark-uw-hover-d-block:hover { display: block; }
  html[data-theme="dark"] .dark-uw-focus-d-block:focus { display: block; }
  html[data-theme="dark"] .dark-uw-active-d-block:active { display: block; }
  html[data-theme="dark"] .dark-uw-disabled-d-block:disabled { display: block; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-block:focus-visible { display: block; }
  html[data-theme="dark"] .dark-uw-focus-within-d-block:focus-within { display: block; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-block { display: block; }
  html[data-theme="dark"] .dark-uw-d-inline { display: inline; }
  html[data-theme="dark"] .dark-uw-hover-d-inline:hover { display: inline; }
  html[data-theme="dark"] .dark-uw-focus-d-inline:focus { display: inline; }
  html[data-theme="dark"] .dark-uw-active-d-inline:active { display: inline; }
  html[data-theme="dark"] .dark-uw-disabled-d-inline:disabled { display: inline; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-inline:focus-visible { display: inline; }
  html[data-theme="dark"] .dark-uw-focus-within-d-inline:focus-within { display: inline; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-inline { display: inline; }
  html[data-theme="dark"] .dark-uw-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-uw-hover-d-inline-block:hover { display: inline-block; }
  html[data-theme="dark"] .dark-uw-focus-d-inline-block:focus { display: inline-block; }
  html[data-theme="dark"] .dark-uw-active-d-inline-block:active { display: inline-block; }
  html[data-theme="dark"] .dark-uw-disabled-d-inline-block:disabled { display: inline-block; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-inline-block:focus-visible { display: inline-block; }
  html[data-theme="dark"] .dark-uw-focus-within-d-inline-block:focus-within { display: inline-block; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-inline-block { display: inline-block; }
  html[data-theme="dark"] .dark-uw-d-flex { display: flex; }
  html[data-theme="dark"] .dark-uw-hover-d-flex:hover { display: flex; }
  html[data-theme="dark"] .dark-uw-focus-d-flex:focus { display: flex; }
  html[data-theme="dark"] .dark-uw-active-d-flex:active { display: flex; }
  html[data-theme="dark"] .dark-uw-disabled-d-flex:disabled { display: flex; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-flex:focus-visible { display: flex; }
  html[data-theme="dark"] .dark-uw-focus-within-d-flex:focus-within { display: flex; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-flex { display: flex; }
  html[data-theme="dark"] .dark-uw-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-hover-d-inline-flex:hover { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-focus-d-inline-flex:focus { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-active-d-inline-flex:active { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-disabled-d-inline-flex:disabled { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-inline-flex:focus-visible { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-focus-within-d-inline-flex:focus-within { display: inline-flex; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-inline-flex { display: inline-flex; }
  html[data-theme="dark"] .dark-uw-d-grid { display: grid; }
  html[data-theme="dark"] .dark-uw-hover-d-grid:hover { display: grid; }
  html[data-theme="dark"] .dark-uw-focus-d-grid:focus { display: grid; }
  html[data-theme="dark"] .dark-uw-active-d-grid:active { display: grid; }
  html[data-theme="dark"] .dark-uw-disabled-d-grid:disabled { display: grid; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-grid:focus-visible { display: grid; }
  html[data-theme="dark"] .dark-uw-focus-within-d-grid:focus-within { display: grid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-grid { display: grid; }
  html[data-theme="dark"] .dark-uw-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-hover-d-inline-grid:hover { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-focus-d-inline-grid:focus { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-active-d-inline-grid:active { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-disabled-d-inline-grid:disabled { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-inline-grid:focus-visible { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-focus-within-d-inline-grid:focus-within { display: inline-grid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-inline-grid { display: inline-grid; }
  html[data-theme="dark"] .dark-uw-d-none { display: none; }
  html[data-theme="dark"] .dark-uw-hover-d-none:hover { display: none; }
  html[data-theme="dark"] .dark-uw-focus-d-none:focus { display: none; }
  html[data-theme="dark"] .dark-uw-active-d-none:active { display: none; }
  html[data-theme="dark"] .dark-uw-disabled-d-none:disabled { display: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-d-none:focus-visible { display: none; }
  html[data-theme="dark"] .dark-uw-focus-within-d-none:focus-within { display: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-d-none { display: none; }
  html[data-theme="dark"] .dark-uw-static { position: static; }
  html[data-theme="dark"] .dark-uw-hover-static:hover { position: static; }
  html[data-theme="dark"] .dark-uw-focus-static:focus { position: static; }
  html[data-theme="dark"] .dark-uw-active-static:active { position: static; }
  html[data-theme="dark"] .dark-uw-disabled-static:disabled { position: static; }
  html[data-theme="dark"] .dark-uw-focus-visible-static:focus-visible { position: static; }
  html[data-theme="dark"] .dark-uw-focus-within-static:focus-within { position: static; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-static { position: static; }
  html[data-theme="dark"] .dark-uw-relative { position: relative; }
  html[data-theme="dark"] .dark-uw-hover-relative:hover { position: relative; }
  html[data-theme="dark"] .dark-uw-focus-relative:focus { position: relative; }
  html[data-theme="dark"] .dark-uw-active-relative:active { position: relative; }
  html[data-theme="dark"] .dark-uw-disabled-relative:disabled { position: relative; }
  html[data-theme="dark"] .dark-uw-focus-visible-relative:focus-visible { position: relative; }
  html[data-theme="dark"] .dark-uw-focus-within-relative:focus-within { position: relative; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-relative { position: relative; }
  html[data-theme="dark"] .dark-uw-absolute { position: absolute; }
  html[data-theme="dark"] .dark-uw-hover-absolute:hover { position: absolute; }
  html[data-theme="dark"] .dark-uw-focus-absolute:focus { position: absolute; }
  html[data-theme="dark"] .dark-uw-active-absolute:active { position: absolute; }
  html[data-theme="dark"] .dark-uw-disabled-absolute:disabled { position: absolute; }
  html[data-theme="dark"] .dark-uw-focus-visible-absolute:focus-visible { position: absolute; }
  html[data-theme="dark"] .dark-uw-focus-within-absolute:focus-within { position: absolute; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-absolute { position: absolute; }
  html[data-theme="dark"] .dark-uw-fixed { position: fixed; }
  html[data-theme="dark"] .dark-uw-hover-fixed:hover { position: fixed; }
  html[data-theme="dark"] .dark-uw-focus-fixed:focus { position: fixed; }
  html[data-theme="dark"] .dark-uw-active-fixed:active { position: fixed; }
  html[data-theme="dark"] .dark-uw-disabled-fixed:disabled { position: fixed; }
  html[data-theme="dark"] .dark-uw-focus-visible-fixed:focus-visible { position: fixed; }
  html[data-theme="dark"] .dark-uw-focus-within-fixed:focus-within { position: fixed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-fixed { position: fixed; }
  html[data-theme="dark"] .dark-uw-sticky { position: sticky; }
  html[data-theme="dark"] .dark-uw-hover-sticky:hover { position: sticky; }
  html[data-theme="dark"] .dark-uw-focus-sticky:focus { position: sticky; }
  html[data-theme="dark"] .dark-uw-active-sticky:active { position: sticky; }
  html[data-theme="dark"] .dark-uw-disabled-sticky:disabled { position: sticky; }
  html[data-theme="dark"] .dark-uw-focus-visible-sticky:focus-visible { position: sticky; }
  html[data-theme="dark"] .dark-uw-focus-within-sticky:focus-within { position: sticky; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sticky { position: sticky; }
  html[data-theme="dark"] .dark-uw-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-hover-inset-0:hover { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-focus-inset-0:focus { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-active-inset-0:active { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-disabled-inset-0:disabled { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-0:focus-visible { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-0:focus-within { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-0 { inset: 0; }       .-inset-0   { inset: 0; }
  html[data-theme="dark"] .dark-uw-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-1:hover { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-1:focus { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-1:active { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-1:disabled { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-1:focus-visible { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-1:focus-within { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-1 { inset: 0.25rem; } .-inset-1   { inset: -0.25rem; }
  html[data-theme="dark"] .dark-uw-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-2:hover { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-2:focus { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-2:active { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-2:disabled { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-2:focus-visible { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-2:focus-within { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-2 { inset: 0.5rem; }  .-inset-2   { inset: -0.5rem; }
  html[data-theme="dark"] .dark-uw-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-3:hover { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-3:focus { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-3:active { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-3:disabled { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-3:focus-visible { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-3:focus-within { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-3 { inset: 0.75rem; } .-inset-3   { inset: -0.75rem; }
  html[data-theme="dark"] .dark-uw-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-4:hover { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-4:focus { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-active-inset-4:active { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-4:disabled { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-4:focus-visible { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-4:focus-within { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-4 { inset: 1rem; }    .-inset-4   { inset: -1rem; }
  html[data-theme="dark"] .dark-uw-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-5:hover { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-5:focus { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-5:active { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-5:disabled { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-5:focus-visible { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-5:focus-within { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-5 { inset: 1.25rem; } .-inset-5   { inset: -1.25rem; }
  html[data-theme="dark"] .dark-uw-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-6:hover { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-6:focus { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-6:active { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-6:disabled { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-6:focus-visible { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-6:focus-within { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-6 { inset: 1.5rem; }  .-inset-6   { inset: -1.5rem; }
  html[data-theme="dark"] .dark-uw-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-7:hover { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-7:focus { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-7:active { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-7:disabled { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-7:focus-visible { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-7:focus-within { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-7 { inset: 1.75rem; } .-inset-7   { inset: -1.75rem; }
  html[data-theme="dark"] .dark-uw-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-8:hover { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-8:focus { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-active-inset-8:active { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-8:disabled { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-8:focus-visible { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-8:focus-within { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-8 { inset: 2rem; }    .-inset-8   { inset: -2rem; }
  html[data-theme="dark"] .dark-uw-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-9:hover { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-9:focus { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-9:active { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-9:disabled { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-9:focus-visible { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-9:focus-within { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-9 { inset: 2.25rem; } .-inset-9   { inset: -2.25rem; }
  html[data-theme="dark"] .dark-uw-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-10:hover { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-10:focus { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-10:active { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-10:disabled { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-10:focus-visible { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-10:focus-within { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-10 { inset: 2.5rem; }  .-inset-10  { inset: -2.5rem; }
  html[data-theme="dark"] .dark-uw-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-11:hover { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-11:focus { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-11:active { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-11:disabled { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-11:focus-visible { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-11:focus-within { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-11 { inset: 2.75rem; } .-inset-11  { inset: -2.75rem; }
  html[data-theme="dark"] .dark-uw-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-12:hover { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-12:focus { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-active-inset-12:active { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-12:disabled { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-12:focus-visible { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-12:focus-within { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-12 { inset: 3rem; }    .-inset-12  { inset: -3rem; }
  html[data-theme="dark"] .dark-uw-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-13:hover { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-13:focus { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-13:active { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-13:disabled { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-13:focus-visible { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-13:focus-within { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-13 { inset: 3.25rem; } .-inset-13  { inset: -3.25rem; }
  html[data-theme="dark"] .dark-uw-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-14:hover { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-14:focus { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-14:active { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-14:disabled { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-14:focus-visible { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-14:focus-within { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-14 { inset: 3.5rem; }  .-inset-14  { inset: -3.5rem; }
  html[data-theme="dark"] .dark-uw-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-15:hover { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-15:focus { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-15:active { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-15:disabled { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-15:focus-visible { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-15:focus-within { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-15 { inset: 3.75rem; } .-inset-15  { inset: -3.75rem; }
  html[data-theme="dark"] .dark-uw-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-16:hover { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-16:focus { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-active-inset-16:active { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-16:disabled { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-16:focus-visible { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-16:focus-within { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-16 { inset: 4rem; }    .-inset-16  { inset: -4rem; }
  html[data-theme="dark"] .dark-uw-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-17:hover { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-17:focus { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-17:active { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-17:disabled { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-17:focus-visible { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-17:focus-within { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-17 { inset: 4.25rem; } .-inset-17  { inset: -4.25rem; }
  html[data-theme="dark"] .dark-uw-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-18:hover { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-18:focus { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-18:active { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-18:disabled { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-18:focus-visible { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-18:focus-within { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-18 { inset: 4.5rem; }  .-inset-18  { inset: -4.5rem; }
  html[data-theme="dark"] .dark-uw-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-19:hover { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-19:focus { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-19:active { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-19:disabled { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-19:focus-visible { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-19:focus-within { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-19 { inset: 4.75rem; } .-inset-19  { inset: -4.75rem; }
  html[data-theme="dark"] .dark-uw-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-20:hover { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-20:focus { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-20:active { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-20:disabled { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-20:focus-visible { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-20:focus-within { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-20 { inset: 5rem; }    .-inset-20  { inset: -5rem; }
  html[data-theme="dark"] .dark-uw-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-21:hover { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-21:focus { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-21:active { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-21:disabled { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-21:focus-visible { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-21:focus-within { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-21 { inset: 5.25rem; } .-inset-21  { inset: -5.25rem; }
  html[data-theme="dark"] .dark-uw-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-22:hover { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-22:focus { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-22:active { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-22:disabled { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-22:focus-visible { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-22:focus-within { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-22 { inset: 5.5rem; }  .-inset-22  { inset: -5.5rem; }
  html[data-theme="dark"] .dark-uw-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-23:hover { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-23:focus { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-23:active { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-23:disabled { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-23:focus-visible { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-23:focus-within { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-23 { inset: 5.75rem; } .-inset-23  { inset: -5.75rem; }
  html[data-theme="dark"] .dark-uw-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-24:hover { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-24:focus { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-active-inset-24:active { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-24:disabled { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-24:focus-visible { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-24:focus-within { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-24 { inset: 6rem; }    .-inset-24  { inset: -6rem; }
  html[data-theme="dark"] .dark-uw-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-25:hover { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-25:focus { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-25:active { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-25:disabled { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-25:focus-visible { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-25:focus-within { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-25 { inset: 6.25rem; } .-inset-25  { inset: -6.25rem; }
  html[data-theme="dark"] .dark-uw-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-26:hover { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-26:focus { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-26:active { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-26:disabled { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-26:focus-visible { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-26:focus-within { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-26 { inset: 6.5rem; }  .-inset-26  { inset: -6.5rem; }
  html[data-theme="dark"] .dark-uw-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-27:hover { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-27:focus { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-27:active { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-27:disabled { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-27:focus-visible { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-27:focus-within { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-27 { inset: 6.75rem; } .-inset-27  { inset: -6.75rem; }
  html[data-theme="dark"] .dark-uw-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-28:hover { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-28:focus { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-active-inset-28:active { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-28:disabled { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-28:focus-visible { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-28:focus-within { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-28 { inset: 7rem; }    .-inset-28  { inset: -7rem; }
  html[data-theme="dark"] .dark-uw-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-29:hover { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-29:focus { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-29:active { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-29:disabled { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-29:focus-visible { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-29:focus-within { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-29 { inset: 7.25rem; } .-inset-29  { inset: -7.25rem; }
  html[data-theme="dark"] .dark-uw-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-30:hover { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-30:focus { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-30:active { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-30:disabled { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-30:focus-visible { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-30:focus-within { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-30 { inset: 7.5rem; }  .-inset-30  { inset: -7.5rem; }
  html[data-theme="dark"] .dark-uw-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-31:hover { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-31:focus { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-31:active { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-31:disabled { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-31:focus-visible { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-31:focus-within { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-31 { inset: 7.75rem; } .-inset-31  { inset: -7.75rem; }
  html[data-theme="dark"] .dark-uw-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-32:hover { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-32:focus { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-active-inset-32:active { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-32:disabled { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-32:focus-visible { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-32:focus-within { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-32 { inset: 8rem; }    .-inset-32  { inset: -8rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-0:hover { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-0:focus { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-0:active { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-0:disabled { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-0:focus-visible { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-0:focus-within { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-0 { inset-inline: 0; }       .-inset-inline-0   { inset-inline: 0; }
  html[data-theme="dark"] .dark-uw-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-1:hover { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-1:focus { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-1:active { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-1:disabled { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-1:focus-visible { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-1:focus-within { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-1 { inset-inline: 0.25rem; } .-inset-inline-1   { inset-inline: -0.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-2:hover { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-2:focus { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-2:active { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-2:disabled { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-2:focus-visible { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-2:focus-within { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-2 { inset-inline: 0.5rem; }  .-inset-inline-2   { inset-inline: -0.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-3:hover { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-3:focus { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-3:active { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-3:disabled { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-3:focus-visible { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-3:focus-within { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-3 { inset-inline: 0.75rem; } .-inset-inline-3   { inset-inline: -0.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-4:hover { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-4:focus { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-4:active { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-4:disabled { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-4:focus-visible { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-4:focus-within { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-4 { inset-inline: 1rem; }    .-inset-inline-4   { inset-inline: -1rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-5:hover { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-5:focus { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-5:active { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-5:disabled { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-5:focus-visible { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-5:focus-within { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-5 { inset-inline: 1.25rem; } .-inset-inline-5   { inset-inline: -1.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-6:hover { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-6:focus { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-6:active { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-6:disabled { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-6:focus-visible { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-6:focus-within { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-6 { inset-inline: 1.5rem; }  .-inset-inline-6   { inset-inline: -1.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-7:hover { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-7:focus { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-7:active { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-7:disabled { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-7:focus-visible { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-7:focus-within { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-7 { inset-inline: 1.75rem; } .-inset-inline-7   { inset-inline: -1.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-8:hover { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-8:focus { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-8:active { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-8:disabled { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-8:focus-visible { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-8:focus-within { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-8 { inset-inline: 2rem; }    .-inset-inline-8   { inset-inline: -2rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-9:hover { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-9:focus { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-9:active { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-9:disabled { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-9:focus-visible { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-9:focus-within { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-9 { inset-inline: 2.25rem; } .-inset-inline-9   { inset-inline: -2.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-10:hover { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-10:focus { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-10:active { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-10:disabled { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-10:focus-visible { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-10:focus-within { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-10 { inset-inline: 2.5rem; }  .-inset-inline-10  { inset-inline: -2.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-11:hover { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-11:focus { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-11:active { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-11:disabled { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-11:focus-visible { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-11:focus-within { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-11 { inset-inline: 2.75rem; } .-inset-inline-11  { inset-inline: -2.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-12:hover { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-12:focus { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-12:active { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-12:disabled { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-12:focus-visible { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-12:focus-within { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-12 { inset-inline: 3rem; }    .-inset-inline-12  { inset-inline: -3rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-13:hover { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-13:focus { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-13:active { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-13:disabled { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-13:focus-visible { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-13:focus-within { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-13 { inset-inline: 3.25rem; } .-inset-inline-13  { inset-inline: -3.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-14:hover { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-14:focus { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-14:active { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-14:disabled { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-14:focus-visible { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-14:focus-within { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-14 { inset-inline: 3.5rem; }  .-inset-inline-14  { inset-inline: -3.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-15:hover { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-15:focus { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-15:active { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-15:disabled { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-15:focus-visible { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-15:focus-within { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-15 { inset-inline: 3.75rem; } .-inset-inline-15  { inset-inline: -3.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-16:hover { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-16:focus { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-16:active { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-16:disabled { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-16:focus-visible { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-16:focus-within { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-16 { inset-inline: 4rem; }    .-inset-inline-16  { inset-inline: -4rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-17:hover { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-17:focus { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-17:active { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-17:disabled { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-17:focus-visible { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-17:focus-within { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-17 { inset-inline: 4.25rem; } .-inset-inline-17  { inset-inline: -4.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-18:hover { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-18:focus { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-18:active { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-18:disabled { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-18:focus-visible { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-18:focus-within { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-18 { inset-inline: 4.5rem; }  .-inset-inline-18  { inset-inline: -4.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-19:hover { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-19:focus { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-19:active { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-19:disabled { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-19:focus-visible { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-19:focus-within { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-19 { inset-inline: 4.75rem; } .-inset-inline-19  { inset-inline: -4.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-20:hover { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-20:focus { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-20:active { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-20:disabled { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-20:focus-visible { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-20:focus-within { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-20 { inset-inline: 5rem; }    .-inset-inline-20  { inset-inline: -5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-21:hover { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-21:focus { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-21:active { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-21:disabled { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-21:focus-visible { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-21:focus-within { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-21 { inset-inline: 5.25rem; } .-inset-inline-21  { inset-inline: -5.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-22:hover { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-22:focus { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-22:active { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-22:disabled { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-22:focus-visible { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-22:focus-within { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-22 { inset-inline: 5.5rem; }  .-inset-inline-22  { inset-inline: -5.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-23:hover { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-23:focus { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-23:active { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-23:disabled { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-23:focus-visible { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-23:focus-within { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-23 { inset-inline: 5.75rem; } .-inset-inline-23  { inset-inline: -5.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-24:hover { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-24:focus { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-24:active { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-24:disabled { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-24:focus-visible { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-24:focus-within { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-24 { inset-inline: 6rem; }    .-inset-inline-24  { inset-inline: -6rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-25:hover { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-25:focus { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-25:active { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-25:disabled { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-25:focus-visible { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-25:focus-within { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-25 { inset-inline: 6.25rem; } .-inset-inline-25  { inset-inline: -6.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-26:hover { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-26:focus { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-26:active { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-26:disabled { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-26:focus-visible { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-26:focus-within { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-26 { inset-inline: 6.5rem; }  .-inset-inline-26  { inset-inline: -6.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-27:hover { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-27:focus { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-27:active { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-27:disabled { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-27:focus-visible { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-27:focus-within { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-27 { inset-inline: 6.75rem; } .-inset-inline-27  { inset-inline: -6.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-28:hover { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-28:focus { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-28:active { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-28:disabled { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-28:focus-visible { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-28:focus-within { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-28 { inset-inline: 7rem; }    .-inset-inline-28  { inset-inline: -7rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-29:hover { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-29:focus { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-29:active { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-29:disabled { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-29:focus-visible { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-29:focus-within { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-29 { inset-inline: 7.25rem; } .-inset-inline-29  { inset-inline: -7.25rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-30:hover { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-30:focus { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-30:active { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-30:disabled { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-30:focus-visible { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-30:focus-within { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-30 { inset-inline: 7.5rem; }  .-inset-inline-30  { inset-inline: -7.5rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-31:hover { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-31:focus { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-31:active { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-31:disabled { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-31:focus-visible { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-31:focus-within { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-31 { inset-inline: 7.75rem; } .-inset-inline-31  { inset-inline: -7.75rem; }
  html[data-theme="dark"] .dark-uw-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-inline-32:hover { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-inline-32:focus { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-active-inset-inline-32:active { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-inline-32:disabled { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-inline-32:focus-visible { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-inline-32:focus-within { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-inline-32 { inset-inline: 8rem; }    .-inset-inline-32  { inset-inline: -8rem; }
  html[data-theme="dark"] .dark-uw-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-0:hover { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-0:focus { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-active-inset-block-0:active { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-0:disabled { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-0:focus-visible { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-0:focus-within { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-0 { inset-block: 0; }       .-inset-block-0   { inset-block: 0; }
  html[data-theme="dark"] .dark-uw-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-1:hover { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-1:focus { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-1:active { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-1:disabled { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-1:focus-visible { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-1:focus-within { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-1 { inset-block: 0.25rem; } .-inset-block-1   { inset-block: -0.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-2:hover { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-2:focus { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-2:active { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-2:disabled { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-2:focus-visible { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-2:focus-within { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-2 { inset-block: 0.5rem; }  .-inset-block-2   { inset-block: -0.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-3:hover { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-3:focus { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-3:active { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-3:disabled { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-3:focus-visible { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-3:focus-within { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-3 { inset-block: 0.75rem; } .-inset-block-3   { inset-block: -0.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-4:hover { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-4:focus { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-4:active { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-4:disabled { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-4:focus-visible { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-4:focus-within { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-4 { inset-block: 1rem; }    .-inset-block-4   { inset-block: -1rem; }
  html[data-theme="dark"] .dark-uw-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-5:hover { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-5:focus { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-5:active { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-5:disabled { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-5:focus-visible { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-5:focus-within { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-5 { inset-block: 1.25rem; } .-inset-block-5   { inset-block: -1.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-6:hover { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-6:focus { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-6:active { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-6:disabled { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-6:focus-visible { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-6:focus-within { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-6 { inset-block: 1.5rem; }  .-inset-block-6   { inset-block: -1.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-7:hover { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-7:focus { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-7:active { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-7:disabled { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-7:focus-visible { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-7:focus-within { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-7 { inset-block: 1.75rem; } .-inset-block-7   { inset-block: -1.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-8:hover { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-8:focus { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-8:active { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-8:disabled { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-8:focus-visible { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-8:focus-within { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-8 { inset-block: 2rem; }    .-inset-block-8   { inset-block: -2rem; }
  html[data-theme="dark"] .dark-uw-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-9:hover { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-9:focus { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-9:active { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-9:disabled { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-9:focus-visible { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-9:focus-within { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-9 { inset-block: 2.25rem; } .-inset-block-9   { inset-block: -2.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-10:hover { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-10:focus { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-10:active { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-10:disabled { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-10:focus-visible { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-10:focus-within { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-10 { inset-block: 2.5rem; }  .-inset-block-10  { inset-block: -2.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-11:hover { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-11:focus { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-11:active { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-11:disabled { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-11:focus-visible { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-11:focus-within { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-11 { inset-block: 2.75rem; } .-inset-block-11  { inset-block: -2.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-12:hover { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-12:focus { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-12:active { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-12:disabled { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-12:focus-visible { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-12:focus-within { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-12 { inset-block: 3rem; }    .-inset-block-12  { inset-block: -3rem; }
  html[data-theme="dark"] .dark-uw-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-13:hover { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-13:focus { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-13:active { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-13:disabled { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-13:focus-visible { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-13:focus-within { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-13 { inset-block: 3.25rem; } .-inset-block-13  { inset-block: -3.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-14:hover { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-14:focus { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-14:active { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-14:disabled { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-14:focus-visible { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-14:focus-within { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-14 { inset-block: 3.5rem; }  .-inset-block-14  { inset-block: -3.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-15:hover { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-15:focus { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-15:active { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-15:disabled { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-15:focus-visible { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-15:focus-within { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-15 { inset-block: 3.75rem; } .-inset-block-15  { inset-block: -3.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-16:hover { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-16:focus { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-16:active { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-16:disabled { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-16:focus-visible { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-16:focus-within { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-16 { inset-block: 4rem; }    .-inset-block-16  { inset-block: -4rem; }
  html[data-theme="dark"] .dark-uw-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-17:hover { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-17:focus { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-17:active { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-17:disabled { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-17:focus-visible { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-17:focus-within { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-17 { inset-block: 4.25rem; } .-inset-block-17  { inset-block: -4.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-18:hover { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-18:focus { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-18:active { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-18:disabled { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-18:focus-visible { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-18:focus-within { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-18 { inset-block: 4.5rem; }  .-inset-block-18  { inset-block: -4.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-19:hover { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-19:focus { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-19:active { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-19:disabled { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-19:focus-visible { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-19:focus-within { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-19 { inset-block: 4.75rem; } .-inset-block-19  { inset-block: -4.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-20:hover { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-20:focus { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-20:active { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-20:disabled { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-20:focus-visible { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-20:focus-within { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-20 { inset-block: 5rem; }    .-inset-block-20  { inset-block: -5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-21:hover { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-21:focus { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-21:active { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-21:disabled { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-21:focus-visible { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-21:focus-within { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-21 { inset-block: 5.25rem; } .-inset-block-21  { inset-block: -5.25rem; }
  html[data-theme="dark"] .dark-uw-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-22:hover { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-22:focus { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-22:active { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-22:disabled { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-22:focus-visible { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-22:focus-within { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-22 { inset-block: 5.5rem; }  .-inset-block-22  { inset-block: -5.5rem; }
  html[data-theme="dark"] .dark-uw-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-23:hover { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-23:focus { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-23:active { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-23:disabled { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-23:focus-visible { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-23:focus-within { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-23 { inset-block: 5.75rem; } .-inset-block-23  { inset-block: -5.75rem; }
  html[data-theme="dark"] .dark-uw-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-inset-block-24:hover { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-inset-block-24:focus { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-active-inset-block-24:active { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-24:disabled { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-24:focus-visible { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-24:focus-within { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-24 { inset-block: 6rem; }    .-inset-block-24  { inset-block: -6rem; }
  html[data-theme="dark"] .dark-uw-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-hover-inset-block-25:hover { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-focus-inset-block-25:focus { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-active-inset-block-25:active { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-disabled-inset-block-25:disabled { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-focus-visible-inset-block-25:focus-visible { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-focus-within-inset-block-25:focus-within { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-inset-block-25 { inset-block: 6.25rem; } .-inset-block-25  { inset-block: -6.25rem }
  html[data-theme="dark"] .dark-uw-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-hover-top-0:hover { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-focus-top-0:focus { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-active-top-0:active { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-disabled-top-0:disabled { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-0:focus-visible { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-top-0:focus-within { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-0 { top: 0; }      .-top-0   { top: 0; }
  html[data-theme="dark"] .dark-uw-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-1:hover { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-1:focus { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-1:active { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-1:disabled { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-1:focus-visible { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-1:focus-within { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-1 { top: 0.25rem; }  .-top-1   { top: -0.25rem; }
  html[data-theme="dark"] .dark-uw-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-2:hover { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-2:focus { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-2:active { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-2:disabled { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-2:focus-visible { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-2:focus-within { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-2 { top: 0.5rem; }   .-top-2   { top: -0.5rem; }
  html[data-theme="dark"] .dark-uw-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-3:hover { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-3:focus { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-3:active { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-3:disabled { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-3:focus-visible { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-3:focus-within { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-3 { top: 0.75rem; }  .-top-3   { top: -0.75rem; }
  html[data-theme="dark"] .dark-uw-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-top-4:hover { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-top-4:focus { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-active-top-4:active { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-4:disabled { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-4:focus-visible { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-4:focus-within { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-4 { top: 1rem; }     .-top-4   { top: -1rem; }
  html[data-theme="dark"] .dark-uw-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-5:hover { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-5:focus { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-5:active { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-5:disabled { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-5:focus-visible { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-5:focus-within { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-5 { top: 1.25rem; }  .-top-5   { top: -1.25rem; }
  html[data-theme="dark"] .dark-uw-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-6:hover { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-6:focus { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-6:active { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-6:disabled { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-6:focus-visible { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-6:focus-within { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-6 { top: 1.5rem; }   .-top-6   { top: -1.5rem; }
  html[data-theme="dark"] .dark-uw-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-7:hover { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-7:focus { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-7:active { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-7:disabled { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-7:focus-visible { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-7:focus-within { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-7 { top: 1.75rem; }  .-top-7   { top: -1.75rem; }
  html[data-theme="dark"] .dark-uw-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-top-8:hover { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-top-8:focus { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-active-top-8:active { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-8:disabled { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-8:focus-visible { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-8:focus-within { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-8 { top: 2rem; }     .-top-8   { top: -2rem; }
  html[data-theme="dark"] .dark-uw-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-9:hover { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-9:focus { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-9:active { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-9:disabled { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-9:focus-visible { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-9:focus-within { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-9 { top: 2.25rem; }  .-top-9   { top: -2.25rem; }
  html[data-theme="dark"] .dark-uw-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-10:hover { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-10:focus { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-10:active { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-10:disabled { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-10:focus-visible { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-10:focus-within { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-10 { top: 2.5rem; }   .-top-10  { top: -2.5rem; }
  html[data-theme="dark"] .dark-uw-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-11:hover { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-11:focus { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-11:active { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-11:disabled { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-11:focus-visible { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-11:focus-within { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-11 { top: 2.75rem; }  .-top-11  { top: -2.75rem; }
  html[data-theme="dark"] .dark-uw-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-top-12:hover { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-top-12:focus { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-active-top-12:active { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-12:disabled { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-12:focus-visible { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-12:focus-within { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-12 { top: 3rem; }     .-top-12  { top: -3rem; }
  html[data-theme="dark"] .dark-uw-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-13:hover { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-13:focus { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-13:active { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-13:disabled { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-13:focus-visible { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-13:focus-within { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-13 { top: 3.25rem; }  .-top-13  { top: -3.25rem; }
  html[data-theme="dark"] .dark-uw-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-14:hover { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-14:focus { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-14:active { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-14:disabled { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-14:focus-visible { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-14:focus-within { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-14 { top: 3.5rem; }   .-top-14  { top: -3.5rem; }
  html[data-theme="dark"] .dark-uw-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-15:hover { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-15:focus { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-15:active { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-15:disabled { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-15:focus-visible { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-15:focus-within { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-15 { top: 3.75rem; }  .-top-15  { top: -3.75rem; }
  html[data-theme="dark"] .dark-uw-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-top-16:hover { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-top-16:focus { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-active-top-16:active { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-16:disabled { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-16:focus-visible { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-16:focus-within { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-16 { top: 4rem; }     .-top-16  { top: -4rem; }
  html[data-theme="dark"] .dark-uw-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-17:hover { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-17:focus { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-17:active { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-17:disabled { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-17:focus-visible { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-17:focus-within { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-17 { top: 4.25rem; }  .-top-17  { top: -4.25rem; }
  html[data-theme="dark"] .dark-uw-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-18:hover { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-18:focus { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-18:active { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-18:disabled { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-18:focus-visible { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-18:focus-within { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-18 { top: 4.5rem; }   .-top-18  { top: -4.5rem; }
  html[data-theme="dark"] .dark-uw-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-19:hover { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-19:focus { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-19:active { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-19:disabled { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-19:focus-visible { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-19:focus-within { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-19 { top: 4.75rem; }  .-top-19  { top: -4.75rem; }
  html[data-theme="dark"] .dark-uw-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-20:hover { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-20:focus { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-active-top-20:active { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-20:disabled { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-20:focus-visible { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-20:focus-within { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-20 { top: 5rem; }     .-top-20  { top: -5rem; }
  html[data-theme="dark"] .dark-uw-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-21:hover { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-21:focus { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-21:active { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-21:disabled { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-21:focus-visible { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-21:focus-within { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-21 { top: 5.25rem; }  .-top-21  { top: -5.25rem; }
  html[data-theme="dark"] .dark-uw-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-22:hover { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-22:focus { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-22:active { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-22:disabled { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-22:focus-visible { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-22:focus-within { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-22 { top: 5.5rem; }   .-top-22  { top: -5.5rem; }
  html[data-theme="dark"] .dark-uw-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-23:hover { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-23:focus { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-23:active { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-23:disabled { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-23:focus-visible { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-23:focus-within { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-23 { top: 5.75rem; }  .-top-23  { top: -5.75rem; }
  html[data-theme="dark"] .dark-uw-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-top-24:hover { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-top-24:focus { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-active-top-24:active { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-24:disabled { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-24:focus-visible { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-24:focus-within { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-24 { top: 6rem; }     .-top-24  { top: -6rem; }
  html[data-theme="dark"] .dark-uw-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-25:hover { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-25:focus { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-25:active { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-25:disabled { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-25:focus-visible { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-25:focus-within { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-25 { top: 6.25rem; }  .-top-25  { top: -6.25rem; }
  html[data-theme="dark"] .dark-uw-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-26:hover { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-26:focus { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-26:active { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-26:disabled { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-26:focus-visible { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-26:focus-within { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-26 { top: 6.5rem; }   .-top-26  { top: -6.5rem; }
  html[data-theme="dark"] .dark-uw-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-27:hover { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-27:focus { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-27:active { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-27:disabled { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-27:focus-visible { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-27:focus-within { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-27 { top: 6.75rem; }  .-top-27  { top: -6.75rem; }
  html[data-theme="dark"] .dark-uw-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-top-28:hover { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-top-28:focus { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-active-top-28:active { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-28:disabled { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-28:focus-visible { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-28:focus-within { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-28 { top: 7rem; }     .-top-28  { top: -7rem; }
  html[data-theme="dark"] .dark-uw-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-top-29:hover { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-top-29:focus { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-top-29:active { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-29:disabled { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-29:focus-visible { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-29:focus-within { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-29 { top: 7.25rem; }  .-top-29  { top: -7.25rem; }
  html[data-theme="dark"] .dark-uw-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-top-30:hover { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-top-30:focus { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-top-30:active { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-30:disabled { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-30:focus-visible { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-30:focus-within { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-30 { top: 7.5rem; }   .-top-30  { top: -7.5rem; }
  html[data-theme="dark"] .dark-uw-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-top-31:hover { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-top-31:focus { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-top-31:active { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-31:disabled { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-31:focus-visible { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-31:focus-within { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-31 { top: 7.75rem; }  .-top-31  { top: -7.75rem; }
  html[data-theme="dark"] .dark-uw-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-top-32:hover { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-top-32:focus { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-active-top-32:active { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-top-32:disabled { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-top-32:focus-visible { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-top-32:focus-within { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-top-32 { top: 8rem; }     .-top-32  { top: -8rem; }
  html[data-theme="dark"] .dark-uw-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-hover-right-0:hover { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-focus-right-0:focus { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-active-right-0:active { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-disabled-right-0:disabled { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-0:focus-visible { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-right-0:focus-within { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-0 { right: 0; }      .-right-0   { right: 0; }
  html[data-theme="dark"] .dark-uw-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-1:hover { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-1:focus { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-1:active { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-1:disabled { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-1:focus-visible { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-1:focus-within { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-1 { right: 0.25rem; }  .-right-1   { right: -0.25rem; }
  html[data-theme="dark"] .dark-uw-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-2:hover { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-2:focus { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-2:active { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-2:disabled { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-2:focus-visible { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-2:focus-within { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-2 { right: 0.5rem; }   .-right-2   { right: -0.5rem; }
  html[data-theme="dark"] .dark-uw-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-3:hover { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-3:focus { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-3:active { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-3:disabled { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-3:focus-visible { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-3:focus-within { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-3 { right: 0.75rem; }  .-right-3   { right: -0.75rem; }
  html[data-theme="dark"] .dark-uw-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-right-4:hover { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-right-4:focus { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-active-right-4:active { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-4:disabled { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-4:focus-visible { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-4:focus-within { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-4 { right: 1rem; }     .-right-4   { right: -1rem; }
  html[data-theme="dark"] .dark-uw-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-5:hover { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-5:focus { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-5:active { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-5:disabled { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-5:focus-visible { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-5:focus-within { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-5 { right: 1.25rem; }  .-right-5   { right: -1.25rem; }
  html[data-theme="dark"] .dark-uw-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-6:hover { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-6:focus { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-6:active { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-6:disabled { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-6:focus-visible { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-6:focus-within { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-6 { right: 1.5rem; }   .-right-6   { right: -1.5rem; }
  html[data-theme="dark"] .dark-uw-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-7:hover { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-7:focus { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-7:active { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-7:disabled { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-7:focus-visible { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-7:focus-within { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-7 { right: 1.75rem; }  .-right-7   { right: -1.75rem; }
  html[data-theme="dark"] .dark-uw-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-right-8:hover { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-right-8:focus { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-active-right-8:active { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-8:disabled { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-8:focus-visible { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-8:focus-within { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-8 { right: 2rem; }     .-right-8   { right: -2rem; }
  html[data-theme="dark"] .dark-uw-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-9:hover { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-9:focus { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-9:active { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-9:disabled { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-9:focus-visible { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-9:focus-within { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-9 { right: 2.25rem; }  .-right-9   { right: -2.25rem; }
  html[data-theme="dark"] .dark-uw-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-10:hover { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-10:focus { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-10:active { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-10:disabled { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-10:focus-visible { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-10:focus-within { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-10 { right: 2.5rem; }   .-right-10  { right: -2.5rem; }
  html[data-theme="dark"] .dark-uw-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-11:hover { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-11:focus { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-11:active { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-11:disabled { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-11:focus-visible { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-11:focus-within { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-11 { right: 2.75rem; }  .-right-11  { right: -2.75rem; }
  html[data-theme="dark"] .dark-uw-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-right-12:hover { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-right-12:focus { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-active-right-12:active { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-12:disabled { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-12:focus-visible { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-12:focus-within { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-12 { right: 3rem; }     .-right-12  { right: -3rem; }
  html[data-theme="dark"] .dark-uw-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-13:hover { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-13:focus { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-13:active { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-13:disabled { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-13:focus-visible { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-13:focus-within { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-13 { right: 3.25rem; }  .-right-13  { right: -3.25rem; }
  html[data-theme="dark"] .dark-uw-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-14:hover { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-14:focus { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-14:active { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-14:disabled { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-14:focus-visible { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-14:focus-within { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-14 { right: 3.5rem; }   .-right-14  { right: -3.5rem; }
  html[data-theme="dark"] .dark-uw-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-15:hover { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-15:focus { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-15:active { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-15:disabled { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-15:focus-visible { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-15:focus-within { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-15 { right: 3.75rem; }  .-right-15  { right: -3.75rem; }
  html[data-theme="dark"] .dark-uw-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-right-16:hover { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-right-16:focus { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-active-right-16:active { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-16:disabled { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-16:focus-visible { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-16:focus-within { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-16 { right: 4rem; }     .-right-16  { right: -4rem; }
  html[data-theme="dark"] .dark-uw-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-17:hover { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-17:focus { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-17:active { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-17:disabled { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-17:focus-visible { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-17:focus-within { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-17 { right: 4.25rem; }  .-right-17  { right: -4.25rem; }
  html[data-theme="dark"] .dark-uw-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-18:hover { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-18:focus { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-18:active { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-18:disabled { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-18:focus-visible { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-18:focus-within { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-18 { right: 4.5rem; }   .-right-18  { right: -4.5rem; }
  html[data-theme="dark"] .dark-uw-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-19:hover { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-19:focus { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-19:active { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-19:disabled { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-19:focus-visible { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-19:focus-within { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-19 { right: 4.75rem; }  .-right-19  { right: -4.75rem; }
  html[data-theme="dark"] .dark-uw-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-20:hover { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-20:focus { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-active-right-20:active { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-20:disabled { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-20:focus-visible { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-20:focus-within { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-20 { right: 5rem; }     .-right-20  { right: -5rem; }
  html[data-theme="dark"] .dark-uw-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-21:hover { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-21:focus { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-21:active { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-21:disabled { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-21:focus-visible { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-21:focus-within { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-21 { right: 5.25rem; }  .-right-21  { right: -5.25rem; }
  html[data-theme="dark"] .dark-uw-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-22:hover { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-22:focus { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-22:active { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-22:disabled { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-22:focus-visible { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-22:focus-within { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-22 { right: 5.5rem; }   .-right-22  { right: -5.5rem; }
  html[data-theme="dark"] .dark-uw-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-23:hover { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-23:focus { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-23:active { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-23:disabled { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-23:focus-visible { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-23:focus-within { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-23 { right: 5.75rem; }  .-right-23  { right: -5.75rem; }
  html[data-theme="dark"] .dark-uw-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-right-24:hover { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-right-24:focus { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-active-right-24:active { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-24:disabled { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-24:focus-visible { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-24:focus-within { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-24 { right: 6rem; }     .-right-24  { right: -6rem; }
  html[data-theme="dark"] .dark-uw-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-25:hover { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-25:focus { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-25:active { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-25:disabled { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-25:focus-visible { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-25:focus-within { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-25 { right: 6.25rem; }  .-right-25  { right: -6.25rem; }
  html[data-theme="dark"] .dark-uw-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-26:hover { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-26:focus { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-26:active { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-26:disabled { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-26:focus-visible { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-26:focus-within { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-26 { right: 6.5rem; }   .-right-26  { right: -6.5rem; }
  html[data-theme="dark"] .dark-uw-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-27:hover { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-27:focus { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-27:active { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-27:disabled { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-27:focus-visible { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-27:focus-within { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-27 { right: 6.75rem; }  .-right-27  { right: -6.75rem; }
  html[data-theme="dark"] .dark-uw-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-right-28:hover { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-right-28:focus { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-active-right-28:active { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-28:disabled { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-28:focus-visible { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-28:focus-within { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-28 { right: 7rem; }     .-rights-28 { right: -7rem; }
  html[data-theme="dark"] .dark-uw-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-right-29:hover { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-right-29:focus { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-right-29:active { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-29:disabled { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-29:focus-visible { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-29:focus-within { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-29 { right: 7.25rem; }  .-right-29  { right: -7.25rem; }
  html[data-theme="dark"] .dark-uw-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-right-30:hover { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-right-30:focus { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-right-30:active { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-30:disabled { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-30:focus-visible { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-30:focus-within { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-30 { right: 7.5rem; }   .-right-30  { right: -7.5rem; }
  html[data-theme="dark"] .dark-uw-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-right-31:hover { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-right-31:focus { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-right-31:active { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-31:disabled { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-31:focus-visible { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-31:focus-within { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-31 { right: 7.75rem; }  .-right-31  { right: -7.75rem; }
  html[data-theme="dark"] .dark-uw-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-right-32:hover { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-right-32:focus { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-active-right-32:active { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-right-32:disabled { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-right-32:focus-visible { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-right-32:focus-within { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-right-32 { right: 8rem; }     .-right-32  { right: -8rem; }
  html[data-theme="dark"] .dark-uw-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-hover-bottom-0:hover { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-bottom-0:focus { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-active-bottom-0:active { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-0:disabled { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-0:focus-visible { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-0:focus-within { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-0 { bottom: 0; }      .-bottom-0   { bottom: 0; }
  html[data-theme="dark"] .dark-uw-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-1:hover { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-1:focus { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-1:active { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-1:disabled { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-1:focus-visible { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-1:focus-within { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-1 { bottom: 0.25rem; }  .-bottom-1   { bottom: -0.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-2:hover { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-2:focus { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-2:active { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-2:disabled { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-2:focus-visible { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-2:focus-within { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-2 { bottom: 0.5rem; }   .-bottom-2   { bottom: -0.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-3:hover { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-3:focus { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-3:active { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-3:disabled { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-3:focus-visible { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-3:focus-within { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-3 { bottom: 0.75rem; }  .-bottom-3   { bottom: -0.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-4:hover { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-4:focus { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-4:active { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-4:disabled { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-4:focus-visible { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-4:focus-within { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-4 { bottom: 1rem; }     .-bottom-4   { bottom: -1rem; }
  html[data-theme="dark"] .dark-uw-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-5:hover { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-5:focus { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-5:active { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-5:disabled { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-5:focus-visible { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-5:focus-within { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-5 { bottom: 1.25rem; }  .-bottom-5   { bottom: -1.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-6:hover { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-6:focus { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-6:active { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-6:disabled { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-6:focus-visible { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-6:focus-within { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-6 { bottom: 1.5rem; }   .-bottom-6   { bottom: -1.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-7:hover { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-7:focus { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-7:active { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-7:disabled { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-7:focus-visible { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-7:focus-within { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-7 { bottom: 1.75rem; }  .-bottom-7   { bottom: -1.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-8:hover { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-8:focus { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-8:active { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-8:disabled { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-8:focus-visible { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-8:focus-within { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-8 { bottom: 2rem; }     .-bottom-8   { bottom: -2rem; }
  html[data-theme="dark"] .dark-uw-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-9:hover { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-9:focus { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-9:active { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-9:disabled { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-9:focus-visible { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-9:focus-within { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-9 { bottom: 2.25rem; }  .-bottom-9   { bottom: -2.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-10:hover { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-10:focus { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-10:active { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-10:disabled { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-10:focus-visible { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-10:focus-within { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-10 { bottom: 2.5rem; }   .-bottom-10  { bottom: -2.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-11:hover { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-11:focus { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-11:active { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-11:disabled { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-11:focus-visible { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-11:focus-within { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-11 { bottom: 2.75rem; }  .-bottom-11  { bottom: -2.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-12:hover { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-12:focus { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-12:active { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-12:disabled { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-12:focus-visible { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-12:focus-within { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-12 { bottom: 3rem; }     .-bottom-12  { bottom: -3rem; }
  html[data-theme="dark"] .dark-uw-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-13:hover { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-13:focus { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-13:active { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-13:disabled { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-13:focus-visible { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-13:focus-within { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-13 { bottom: 3.25rem; }  .-bottom-13  { bottom: -3.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-14:hover { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-14:focus { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-14:active { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-14:disabled { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-14:focus-visible { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-14:focus-within { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-14 { bottom: 3.5rem; }   .-bottom-14  { bottom: -3.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-15:hover { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-15:focus { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-15:active { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-15:disabled { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-15:focus-visible { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-15:focus-within { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-15 { bottom: 3.75rem; }  .-bottom-15  { bottom: -3.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-16:hover { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-16:focus { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-16:active { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-16:disabled { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-16:focus-visible { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-16:focus-within { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-16 { bottom: 4rem; }     .-bottom-16  { bottom: -4rem; }
  html[data-theme="dark"] .dark-uw-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-17:hover { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-17:focus { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-17:active { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-17:disabled { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-17:focus-visible { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-17:focus-within { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-17 { bottom: 4.25rem; }  .-bottom-17  { bottom: -4.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-18:hover { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-18:focus { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-18:active { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-18:disabled { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-18:focus-visible { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-18:focus-within { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-18 { bottom: 4.5rem; }   .-bottom-18  { bottom: -4.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-19:hover { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-19:focus { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-19:active { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-19:disabled { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-19:focus-visible { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-19:focus-within { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-19 { bottom: 4.75rem; }  .-bottom-19  { bottom: -4.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-20:hover { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-20:focus { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-20:active { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-20:disabled { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-20:focus-visible { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-20:focus-within { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-20 { bottom: 5rem; }     .-bottom-20  { bottom: -5rem; }
  html[data-theme="dark"] .dark-uw-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-21:hover { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-21:focus { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-21:active { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-21:disabled { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-21:focus-visible { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-21:focus-within { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-21 { bottom: 5.25rem; }  .-bottom-21  { bottom: -5.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-22:hover { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-22:focus { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-22:active { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-22:disabled { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-22:focus-visible { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-22:focus-within { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-22 { bottom: 5.5rem; }   .-bottom-22  { bottom: -5.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-23:hover { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-23:focus { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-23:active { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-23:disabled { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-23:focus-visible { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-23:focus-within { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-23 { bottom: 5.75rem; }  .-bottom-23  { bottom: -5.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-24:hover { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-24:focus { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-24:active { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-24:disabled { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-24:focus-visible { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-24:focus-within { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-24 { bottom: 6rem; }     .-bottom-24  { bottom: -6rem; }
  html[data-theme="dark"] .dark-uw-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-25:hover { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-25:focus { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-25:active { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-25:disabled { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-25:focus-visible { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-25:focus-within { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-25 { bottom: 6.25rem; }  .-bottom-25  { bottom: -6.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-26:hover { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-26:focus { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-26:active { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-26:disabled { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-26:focus-visible { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-26:focus-within { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-26 { bottom: 6.5rem; }   .-bottom-26  { bottom: -6.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-27:hover { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-27:focus { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-27:active { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-27:disabled { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-27:focus-visible { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-27:focus-within { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-27 { bottom: 6.75rem; }  .-bottom-27  { bottom: -6.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-28:hover { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-28:focus { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-28:active { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-28:disabled { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-28:focus-visible { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-28:focus-within { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-28 { bottom: 7rem; }     .-bottom-28  { bottom: -7rem; }
  html[data-theme="dark"] .dark-uw-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-29:hover { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-29:focus { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-29:active { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-29:disabled { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-29:focus-visible { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-29:focus-within { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-29 { bottom: 7.25rem; }  .-bottom-29  { bottom: -7.25rem; }
  html[data-theme="dark"] .dark-uw-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-30:hover { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-30:focus { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-30:active { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-30:disabled { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-30:focus-visible { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-30:focus-within { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-30 { bottom: 7.5rem; }   .-bottom-30  { bottom: -7.5rem; }
  html[data-theme="dark"] .dark-uw-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-31:hover { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-31:focus { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-31:active { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-31:disabled { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-31:focus-visible { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-31:focus-within { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-31 { bottom: 7.75rem; }  .-bottom-31  { bottom: -7.75rem; }
  html[data-theme="dark"] .dark-uw-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-bottom-32:hover { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-bottom-32:focus { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-active-bottom-32:active { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-bottom-32:disabled { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-bottom-32:focus-visible { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-bottom-32:focus-within { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bottom-32 { bottom: 8rem; }     .-bottom-32  { bottom: -8rem; }
  html[data-theme="dark"] .dark-uw-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-hover-left-0:hover { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-focus-left-0:focus { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-active-left-0:active { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-disabled-left-0:disabled { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-0:focus-visible { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-left-0:focus-within { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-0 { left: 0; }      .-left-0   { left: 0; }
  html[data-theme="dark"] .dark-uw-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-1:hover { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-1:focus { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-1:active { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-1:disabled { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-1:focus-visible { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-1:focus-within { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-1 { left: 0.25rem; }  .-left-1   { left: -0.25rem; }
  html[data-theme="dark"] .dark-uw-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-2:hover { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-2:focus { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-2:active { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-2:disabled { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-2:focus-visible { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-2:focus-within { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-2 { left: 0.5rem; }   .-left-2   { left: -0.5rem; }
  html[data-theme="dark"] .dark-uw-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-3:hover { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-3:focus { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-3:active { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-3:disabled { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-3:focus-visible { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-3:focus-within { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-3 { left: 0.75rem; }  .-left-3   { left: -0.75rem; }
  html[data-theme="dark"] .dark-uw-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-hover-left-4:hover { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-left-4:focus { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-active-left-4:active { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-4:disabled { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-4:focus-visible { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-4:focus-within { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-4 { left: 1rem; }     .-left-4   { left: -1rem; }
  html[data-theme="dark"] .dark-uw-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-5:hover { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-5:focus { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-5:active { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-5:disabled { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-5:focus-visible { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-5:focus-within { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-5 { left: 1.25rem; }  .-left-5   { left: -1.25rem; }
  html[data-theme="dark"] .dark-uw-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-6:hover { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-6:focus { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-6:active { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-6:disabled { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-6:focus-visible { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-6:focus-within { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-6 { left: 1.5rem; }   .-left-6   { left: -1.5rem; }
  html[data-theme="dark"] .dark-uw-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-7:hover { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-7:focus { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-7:active { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-7:disabled { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-7:focus-visible { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-7:focus-within { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-7 { left: 1.75rem; }  .-left-7   { left: -1.75rem; }
  html[data-theme="dark"] .dark-uw-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-hover-left-8:hover { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-left-8:focus { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-active-left-8:active { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-8:disabled { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-8:focus-visible { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-8:focus-within { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-8 { left: 2rem; }     .-left-8   { left: -2rem; }
  html[data-theme="dark"] .dark-uw-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-9:hover { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-9:focus { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-9:active { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-9:disabled { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-9:focus-visible { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-9:focus-within { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-9 { left: 2.25rem; }  .-left-9   { left: -2.25rem; }
  html[data-theme="dark"] .dark-uw-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-10:hover { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-10:focus { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-10:active { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-10:disabled { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-10:focus-visible { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-10:focus-within { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-10 { left: 2.5rem; }   .-left-10  { left: -2.5rem; }
  html[data-theme="dark"] .dark-uw-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-11:hover { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-11:focus { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-11:active { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-11:disabled { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-11:focus-visible { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-11:focus-within { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-11 { left: 2.75rem; }  .-left-11  { left: -2.75rem; }
  html[data-theme="dark"] .dark-uw-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-hover-left-12:hover { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-left-12:focus { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-active-left-12:active { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-12:disabled { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-12:focus-visible { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-12:focus-within { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-12 { left: 3rem; }     .-left-12  { left: -3rem; }
  html[data-theme="dark"] .dark-uw-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-13:hover { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-13:focus { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-13:active { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-13:disabled { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-13:focus-visible { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-13:focus-within { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-13 { left: 3.25rem; }  .-left-13  { left: -3.25rem; }
  html[data-theme="dark"] .dark-uw-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-14:hover { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-14:focus { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-14:active { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-14:disabled { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-14:focus-visible { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-14:focus-within { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-14 { left: 3.5rem; }   .-left-14  { left: -3.5rem; }
  html[data-theme="dark"] .dark-uw-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-15:hover { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-15:focus { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-15:active { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-15:disabled { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-15:focus-visible { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-15:focus-within { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-15 { left: 3.75rem; }  .-left-15  { left: -3.75rem; }
  html[data-theme="dark"] .dark-uw-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-hover-left-16:hover { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-left-16:focus { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-active-left-16:active { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-16:disabled { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-16:focus-visible { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-16:focus-within { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-16 { left: 4rem; }     .-left-16  { left: -4rem; }
  html[data-theme="dark"] .dark-uw-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-17:hover { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-17:focus { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-17:active { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-17:disabled { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-17:focus-visible { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-17:focus-within { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-17 { left: 4.25rem; }  .-left-17  { left: -4.25rem; }
  html[data-theme="dark"] .dark-uw-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-18:hover { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-18:focus { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-18:active { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-18:disabled { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-18:focus-visible { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-18:focus-within { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-18 { left: 4.5rem; }   .-left-18  { left: -4.5rem; }
  html[data-theme="dark"] .dark-uw-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-19:hover { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-19:focus { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-19:active { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-19:disabled { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-19:focus-visible { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-19:focus-within { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-19 { left: 4.75rem; }  .-left-19  { left: -4.75rem; }
  html[data-theme="dark"] .dark-uw-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-20:hover { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-20:focus { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-active-left-20:active { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-20:disabled { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-20:focus-visible { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-20:focus-within { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-20 { left: 5rem; }     .-left-20  { left: -5rem; }
  html[data-theme="dark"] .dark-uw-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-21:hover { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-21:focus { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-21:active { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-21:disabled { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-21:focus-visible { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-21:focus-within { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-21 { left: 5.25rem; }  .-left-21  { left: -5.25rem; }
  html[data-theme="dark"] .dark-uw-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-22:hover { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-22:focus { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-22:active { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-22:disabled { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-22:focus-visible { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-22:focus-within { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-22 { left: 5.5rem; }   .-left-22  { left: -5.5rem; }
  html[data-theme="dark"] .dark-uw-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-23:hover { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-23:focus { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-23:active { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-23:disabled { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-23:focus-visible { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-23:focus-within { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-23 { left: 5.75rem; }  .-left-23  { left: -5.75rem; }
  html[data-theme="dark"] .dark-uw-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-hover-left-24:hover { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-left-24:focus { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-active-left-24:active { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-24:disabled { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-24:focus-visible { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-24:focus-within { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-24 { left: 6rem; }     .-left-24  { left: -6rem; }
  html[data-theme="dark"] .dark-uw-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-25:hover { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-25:focus { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-25:active { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-25:disabled { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-25:focus-visible { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-25:focus-within { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-25 { left: 6.25rem; }  .-left-25  { left: -6.25rem; }
  html[data-theme="dark"] .dark-uw-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-26:hover { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-26:focus { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-26:active { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-26:disabled { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-26:focus-visible { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-26:focus-within { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-26 { left: 6.5rem; }   .-left-26  { left: -6.5rem; }
  html[data-theme="dark"] .dark-uw-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-27:hover { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-27:focus { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-27:active { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-27:disabled { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-27:focus-visible { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-27:focus-within { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-27 { left: 6.75rem; }  .-left-27  { left: -6.75rem; }
  html[data-theme="dark"] .dark-uw-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-hover-left-28:hover { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-left-28:focus { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-active-left-28:active { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-28:disabled { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-28:focus-visible { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-28:focus-within { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-28 { left: 7rem; }     .-left-28  { left: -7rem; }
  html[data-theme="dark"] .dark-uw-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-hover-left-29:hover { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-left-29:focus { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-active-left-29:active { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-29:disabled { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-29:focus-visible { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-29:focus-within { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-29 { left: 7.25rem; }  .-left-29  { left: -7.25rem; }
  html[data-theme="dark"] .dark-uw-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-hover-left-30:hover { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-left-30:focus { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-active-left-30:active { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-30:disabled { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-30:focus-visible { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-30:focus-within { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-30 { left: 7.5rem; }   .-left-30  { left: -7.5rem; }
  html[data-theme="dark"] .dark-uw-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-hover-left-31:hover { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-left-31:focus { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-active-left-31:active { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-31:disabled { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-31:focus-visible { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-31:focus-within { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-31 { left: 7.75rem; }  .-left-31  { left: -7.75rem; }
  html[data-theme="dark"] .dark-uw-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-hover-left-32:hover { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-left-32:focus { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-active-left-32:active { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-disabled-left-32:disabled { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-left-32:focus-visible { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-left-32:focus-within { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-left-32 { left: 8rem; }     .-left-32  { left: -8rem; }
  html[data-theme="dark"] .dark-uw-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-1:focus-visible { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-1:focus-within { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-2:focus-visible { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-2:focus-within { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-3:focus-visible { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-3:focus-within { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-4:focus-visible { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-4:focus-within { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-5:focus-visible { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-5:focus-within { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-6:focus-visible { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-6:focus-within { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-7:focus-visible { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-7:focus-within { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-8:focus-visible { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-8:focus-within { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-9:focus-visible { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-9:focus-within { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-10:focus-visible { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-10:focus-within { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-11:focus-visible { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-11:focus-within { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-12:focus-visible { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-12:focus-within { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-13:focus-visible { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-13:focus-within { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-14:focus-visible { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-14:focus-within { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-15:focus-visible { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-15:focus-within { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-16:focus-visible { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-16:focus-within { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-18:focus-visible { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-18:focus-within { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-20:focus-visible { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-20:focus-within { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
  html[data-theme="dark"] .dark-uw-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-1:hover { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-1:focus { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-1:active { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-1:disabled { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-1:focus-visible { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-1:focus-within { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-2:hover { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-2:focus { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-2:active { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-2:disabled { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-2:focus-visible { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-2:focus-within { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-3:hover { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-3:focus { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-3:active { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-3:disabled { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-3:focus-visible { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-3:focus-within { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-4:hover { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-4:focus { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-4:active { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-4:disabled { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-4:focus-visible { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-4:focus-within { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-5:hover { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-5:focus { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-5:active { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-5:disabled { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-5:focus-visible { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-5:focus-within { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-6:hover { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-6:focus { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-6:active { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-6:disabled { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-6:focus-visible { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-6:focus-within { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-7:hover { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-7:focus { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-7:active { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-7:disabled { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-7:focus-visible { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-7:focus-within { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-8:hover { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-8:focus { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-8:active { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-8:disabled { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-8:focus-visible { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-8:focus-within { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-9:hover { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-9:focus { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-9:active { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-9:disabled { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-9:focus-visible { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-9:focus-within { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-10:hover { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-10:focus { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-10:active { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-10:disabled { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-10:focus-visible { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-10:focus-within { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-11:hover { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-11:focus { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-11:active { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-11:disabled { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-11:focus-visible { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-11:focus-within { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-12:hover { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-12:focus { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-12:active { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-12:disabled { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-12:focus-visible { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-12:focus-within { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-13:hover { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-13:focus { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-13:active { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-13:disabled { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-13:focus-visible { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-13:focus-within { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-13 { grid-template-rows: repeat(13, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-14:hover { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-14:focus { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-14:active { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-14:disabled { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-14:focus-visible { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-14:focus-within { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-14 { grid-template-rows: repeat(14, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-15:hover { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-15:focus { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-15:active { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-15:disabled { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-15:focus-visible { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-15:focus-within { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-15 { grid-template-rows: repeat(15, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-16:hover { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-16:focus { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-16:active { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-16:disabled { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-16:focus-visible { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-16:focus-within { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-16 { grid-template-rows: repeat(16, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-18:hover { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-18:focus { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-18:active { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-18:disabled { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-18:focus-visible { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-18:focus-within { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-18 { grid-template-rows: repeat(18, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-20:hover { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-20:focus { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-20:active { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-20:disabled { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-20:focus-visible { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-20:focus-within { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-20 { grid-template-rows: repeat(20, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-24:hover { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-24:focus { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-24:active { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-24:disabled { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-24:focus-visible { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-24:focus-within { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-24 { grid-template-rows: repeat(24, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-hover-grid-rows-32:hover { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-grid-rows-32:focus { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-active-grid-rows-32:active { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-disabled-grid-rows-32:disabled { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-rows-32:focus-visible { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-rows-32:focus-within { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-rows-32 { grid-template-rows: repeat(32, minmax(0, 1fr)); }
  html[data-theme="dark"] .dark-uw-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-uw-hover-gap-0:hover { gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-gap-0:focus { gap: 0; }
  html[data-theme="dark"] .dark-uw-active-gap-0:active { gap: 0; }
  html[data-theme="dark"] .dark-uw-disabled-gap-0:disabled { gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-0:focus-visible { gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-0:focus-within { gap: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-0 { gap: 0; }
  html[data-theme="dark"] .dark-uw-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-1:hover { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-1:focus { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-gap-1:active { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-1:disabled { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-1:focus-visible { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-1:focus-within { gap: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-1 { gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-2:hover { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-2:focus { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-gap-2:active { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-2:disabled { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-2:focus-visible { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-2:focus-within { gap: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-2 { gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-3:hover { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-3:focus { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-gap-3:active { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-3:disabled { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-3:focus-visible { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-3:focus-within { gap: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-3 { gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-4:hover { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-4:focus { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-active-gap-4:active { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-4:disabled { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-4:focus-visible { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-4:focus-within { gap: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-4 { gap: 1rem; }
  html[data-theme="dark"] .dark-uw-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-5:hover { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-5:focus { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-gap-5:active { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-5:disabled { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-5:focus-visible { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-5:focus-within { gap: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-5 { gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-6:hover { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-6:focus { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-gap-6:active { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-6:disabled { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-6:focus-visible { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-6:focus-within { gap: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-6 { gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-7:hover { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-7:focus { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-gap-7:active { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-7:disabled { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-7:focus-visible { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-7:focus-within { gap: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-7 { gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-8:hover { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-8:focus { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-active-gap-8:active { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-8:disabled { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-8:focus-visible { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-8:focus-within { gap: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-8 { gap: 2rem; }
  html[data-theme="dark"] .dark-uw-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-9:hover { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-9:focus { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-gap-9:active { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-9:disabled { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-9:focus-visible { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-9:focus-within { gap: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-9 { gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-10:hover { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-10:focus { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-gap-10:active { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-10:disabled { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-10:focus-visible { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-10:focus-within { gap: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-10 { gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-12:hover { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-12:focus { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-active-gap-12:active { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-12:disabled { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-12:focus-visible { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-12:focus-within { gap: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-12 { gap: 3rem; }
  html[data-theme="dark"] .dark-uw-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-14:hover { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-14:focus { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-gap-14:active { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-14:disabled { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-14:focus-visible { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-14:focus-within { gap: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-14 { gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-16:hover { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-16:focus { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-active-gap-16:active { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-16:disabled { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-16:focus-visible { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-16:focus-within { gap: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-16 { gap: 4rem; }
  html[data-theme="dark"] .dark-uw-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-20:hover { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-20:focus { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-active-gap-20:active { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-20:disabled { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-20:focus-visible { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-20:focus-within { gap: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-20 { gap: 5rem; }
  html[data-theme="dark"] .dark-uw-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-24:hover { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-24:focus { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-active-gap-24:active { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-24:disabled { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-24:focus-visible { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-24:focus-within { gap: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-24 { gap: 6rem; }
  html[data-theme="dark"] .dark-uw-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-28:hover { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-28:focus { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-active-gap-28:active { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-28:disabled { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-28:focus-visible { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-28:focus-within { gap: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-28 { gap: 7rem; }
  html[data-theme="dark"] .dark-uw-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-gap-32:hover { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-gap-32:focus { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-active-gap-32:active { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-gap-32:disabled { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-gap-32:focus-visible { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-gap-32:focus-within { gap: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gap-32 { gap: 8rem; }
  html[data-theme="dark"] .dark-uw-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-0:hover { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-0:focus { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-active-row-gap-0:active { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-0:disabled { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-0:focus-visible { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-0:focus-within { row-gap: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-0 { row-gap: 0; }
  html[data-theme="dark"] .dark-uw-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-1:hover { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-1:focus { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-1:active { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-1:disabled { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-1:focus-visible { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-1:focus-within { row-gap: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-1 { row-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-2:hover { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-2:focus { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-2:active { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-2:disabled { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-2:focus-visible { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-2:focus-within { row-gap: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-2 { row-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-3:hover { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-3:focus { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-3:active { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-3:disabled { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-3:focus-visible { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-3:focus-within { row-gap: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-3 { row-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-4:hover { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-4:focus { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-4:active { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-4:disabled { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-4:focus-visible { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-4:focus-within { row-gap: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-4 { row-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-5:hover { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-5:focus { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-5:active { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-5:disabled { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-5:focus-visible { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-5:focus-within { row-gap: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-5 { row-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-6:hover { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-6:focus { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-6:active { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-6:disabled { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-6:focus-visible { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-6:focus-within { row-gap: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-6 { row-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-7:hover { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-7:focus { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-7:active { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-7:disabled { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-7:focus-visible { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-7:focus-within { row-gap: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-7 { row-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-8:hover { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-8:focus { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-8:active { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-8:disabled { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-8:focus-visible { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-8:focus-within { row-gap: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-8 { row-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-9:hover { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-9:focus { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-9:active { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-9:disabled { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-9:focus-visible { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-9:focus-within { row-gap: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-9 { row-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-10:hover { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-10:focus { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-10:active { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-10:disabled { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-10:focus-visible { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-10:focus-within { row-gap: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-10 { row-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-12:hover { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-12:focus { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-12:active { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-12:disabled { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-12:focus-visible { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-12:focus-within { row-gap: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-12 { row-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-14:hover { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-14:focus { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-14:active { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-14:disabled { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-14:focus-visible { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-14:focus-within { row-gap: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-14 { row-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-16:hover { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-16:focus { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-16:active { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-16:disabled { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-16:focus-visible { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-16:focus-within { row-gap: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-16 { row-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-20:hover { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-20:focus { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-20:active { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-20:disabled { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-20:focus-visible { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-20:focus-within { row-gap: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-20 { row-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-24:hover { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-24:focus { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-24:active { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-24:disabled { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-24:focus-visible { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-24:focus-within { row-gap: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-24 { row-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-28:hover { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-28:focus { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-28:active { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-28:disabled { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-28:focus-visible { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-28:focus-within { row-gap: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-28 { row-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-row-gap-32:hover { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-row-gap-32:focus { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-active-row-gap-32:active { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-row-gap-32:disabled { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-row-gap-32:focus-visible { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-row-gap-32:focus-within { row-gap: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-row-gap-32 { row-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-0:hover { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-0:focus { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-active-column-gap-0:active { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-0:disabled { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-0:focus-visible { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-0:focus-within { column-gap: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-0 { column-gap: 0; }
  html[data-theme="dark"] .dark-uw-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-1:hover { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-1:focus { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-1:active { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-1:disabled { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-1:focus-visible { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-1:focus-within { column-gap: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-1 { column-gap: 0.25rem; }
  html[data-theme="dark"] .dark-uw-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-2:hover { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-2:focus { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-2:active { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-2:disabled { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-2:focus-visible { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-2:focus-within { column-gap: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-2 { column-gap: 0.5rem; }
  html[data-theme="dark"] .dark-uw-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-3:hover { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-3:focus { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-3:active { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-3:disabled { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-3:focus-visible { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-3:focus-within { column-gap: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-3 { column-gap: 0.75rem; }
  html[data-theme="dark"] .dark-uw-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-4:hover { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-4:focus { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-4:active { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-4:disabled { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-4:focus-visible { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-4:focus-within { column-gap: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-4 { column-gap: 1rem; }
  html[data-theme="dark"] .dark-uw-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-5:hover { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-5:focus { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-5:active { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-5:disabled { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-5:focus-visible { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-5:focus-within { column-gap: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-5 { column-gap: 1.25rem; }
  html[data-theme="dark"] .dark-uw-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-6:hover { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-6:focus { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-6:active { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-6:disabled { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-6:focus-visible { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-6:focus-within { column-gap: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-6 { column-gap: 1.5rem; }
  html[data-theme="dark"] .dark-uw-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-7:hover { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-7:focus { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-7:active { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-7:disabled { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-7:focus-visible { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-7:focus-within { column-gap: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-7 { column-gap: 1.75rem; }
  html[data-theme="dark"] .dark-uw-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-8:hover { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-8:focus { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-8:active { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-8:disabled { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-8:focus-visible { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-8:focus-within { column-gap: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-8 { column-gap: 2rem; }
  html[data-theme="dark"] .dark-uw-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-9:hover { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-9:focus { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-9:active { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-9:disabled { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-9:focus-visible { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-9:focus-within { column-gap: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-9 { column-gap: 2.25rem; }
  html[data-theme="dark"] .dark-uw-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-10:hover { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-10:focus { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-10:active { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-10:disabled { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-10:focus-visible { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-10:focus-within { column-gap: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-10 { column-gap: 2.5rem; }
  html[data-theme="dark"] .dark-uw-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-12:hover { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-12:focus { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-12:active { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-12:disabled { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-12:focus-visible { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-12:focus-within { column-gap: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-12 { column-gap: 3rem; }
  html[data-theme="dark"] .dark-uw-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-14:hover { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-14:focus { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-14:active { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-14:disabled { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-14:focus-visible { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-14:focus-within { column-gap: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-14 { column-gap: 3.5rem; }
  html[data-theme="dark"] .dark-uw-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-16:hover { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-16:focus { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-16:active { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-16:disabled { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-16:focus-visible { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-16:focus-within { column-gap: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-16 { column-gap: 4rem; }
  html[data-theme="dark"] .dark-uw-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-20:hover { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-20:focus { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-20:active { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-20:disabled { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-20:focus-visible { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-20:focus-within { column-gap: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-20 { column-gap: 5rem; }
  html[data-theme="dark"] .dark-uw-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-24:hover { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-24:focus { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-24:active { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-24:disabled { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-24:focus-visible { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-24:focus-within { column-gap: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-24 { column-gap: 6rem; }
  html[data-theme="dark"] .dark-uw-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-28:hover { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-28:focus { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-28:active { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-28:disabled { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-28:focus-visible { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-28:focus-within { column-gap: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-28 { column-gap: 7rem; }
  html[data-theme="dark"] .dark-uw-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-column-gap-32:hover { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-column-gap-32:focus { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-active-column-gap-32:active { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-column-gap-32:disabled { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-column-gap-32:focus-visible { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-column-gap-32:focus-within { column-gap: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-column-gap-32 { column-gap: 8rem; }
  html[data-theme="dark"] .dark-uw-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-hover-flex-row:hover { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-focus-flex-row:focus { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-active-flex-row:active { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-disabled-flex-row:disabled { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-row:focus-visible { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-row:focus-within { flex-direction: row; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-row { flex-direction: row; }
  html[data-theme="dark"] .dark-uw-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-hover-flex-col:hover { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-focus-flex-col:focus { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-active-flex-col:active { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-disabled-flex-col:disabled { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-col:focus-visible { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-col:focus-within { flex-direction: column; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-col { flex-direction: column; }
  html[data-theme="dark"] .dark-uw-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-active-flex-row-reverse:active { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-row-reverse:focus-visible { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-row-reverse:focus-within { flex-direction: row-reverse; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-row-reverse { flex-direction: row-reverse; }
  html[data-theme="dark"] .dark-uw-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-active-flex-col-reverse:active { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-col-reverse:focus-visible { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-col-reverse:focus-within { flex-direction: column-reverse; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-col-reverse { flex-direction: column-reverse; }
  html[data-theme="dark"] .dark-uw-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-hover-flex-wrap:hover { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-focus-flex-wrap:focus { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-active-flex-wrap:active { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-disabled-flex-wrap:disabled { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-wrap:focus-visible { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-wrap:focus-within { flex-wrap: wrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-wrap { flex-wrap: wrap; }
  html[data-theme="dark"] .dark-uw-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-hover-flex-nowrap:hover { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-flex-nowrap:focus { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-active-flex-nowrap:active { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-nowrap:focus-visible { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-nowrap:focus-within { flex-wrap: nowrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-nowrap { flex-wrap: nowrap; }
  html[data-theme="dark"] .dark-uw-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-wrap-reverse:focus-visible { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-wrap-reverse:focus-within { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
  html[data-theme="dark"] .dark-uw-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-uw-hover-flex-1:hover { flex: 1; }
  html[data-theme="dark"] .dark-uw-focus-flex-1:focus { flex: 1; }
  html[data-theme="dark"] .dark-uw-active-flex-1:active { flex: 1; }
  html[data-theme="dark"] .dark-uw-disabled-flex-1:disabled { flex: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-1:focus-visible { flex: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-1:focus-within { flex: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-1 { flex: 1; }
  html[data-theme="dark"] .dark-uw-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-uw-hover-flex-auto:hover { flex: auto; }
  html[data-theme="dark"] .dark-uw-focus-flex-auto:focus { flex: auto; }
  html[data-theme="dark"] .dark-uw-active-flex-auto:active { flex: auto; }
  html[data-theme="dark"] .dark-uw-disabled-flex-auto:disabled { flex: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-auto:focus-visible { flex: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-auto:focus-within { flex: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-auto { flex: auto; }
  html[data-theme="dark"] .dark-uw-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-uw-hover-flex-initial:hover { flex: initial; }
  html[data-theme="dark"] .dark-uw-focus-flex-initial:focus { flex: initial; }
  html[data-theme="dark"] .dark-uw-active-flex-initial:active { flex: initial; }
  html[data-theme="dark"] .dark-uw-disabled-flex-initial:disabled { flex: initial; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-initial:focus-visible { flex: initial; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-initial:focus-within { flex: initial; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-initial { flex: initial; }
  html[data-theme="dark"] .dark-uw-flex-none { flex: none; }
  html[data-theme="dark"] .dark-uw-hover-flex-none:hover { flex: none; }
  html[data-theme="dark"] .dark-uw-focus-flex-none:focus { flex: none; }
  html[data-theme="dark"] .dark-uw-active-flex-none:active { flex: none; }
  html[data-theme="dark"] .dark-uw-disabled-flex-none:disabled { flex: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-none:focus-visible { flex: none; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-none:focus-within { flex: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-none { flex: none; }
  html[data-theme="dark"] .dark-uw-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-hover-flex-grow-0:hover { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-focus-flex-grow-0:focus { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-active-flex-grow-0:active { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-disabled-flex-grow-0:disabled { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-grow-0:focus-visible { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-grow-0:focus-within { flex-grow: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-grow-0 { flex-grow: 0; }
  html[data-theme="dark"] .dark-uw-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-hover-flex-grow-1:hover { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-focus-flex-grow-1:focus { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-active-flex-grow-1:active { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-disabled-flex-grow-1:disabled { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-grow-1:focus-visible { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-grow-1:focus-within { flex-grow: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-grow-1 { flex-grow: 1; }
  html[data-theme="dark"] .dark-uw-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-hover-flex-shrink-0:hover { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-focus-flex-shrink-0:focus { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-active-flex-shrink-0:active { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-shrink-0:focus-visible { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-shrink-0:focus-within { flex-shrink: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-shrink-0 { flex-shrink: 0; }
  html[data-theme="dark"] .dark-uw-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-hover-flex-shrink-1:hover { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-focus-flex-shrink-1:focus { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-active-flex-shrink-1:active { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-shrink-1:focus-visible { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-shrink-1:focus-within { flex-shrink: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-shrink-1 { flex-shrink: 1; }
  html[data-theme="dark"] .dark-uw-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-0:hover { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-0:focus { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-0:active { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-0:disabled { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-0:focus-visible { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-0:focus-within { flex-basis: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-0 { flex-basis: 0; }
  html[data-theme="dark"] .dark-uw-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-auto:hover { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-auto:focus { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-auto:active { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-auto:disabled { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-auto:focus-visible { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-auto:focus-within { flex-basis: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-auto { flex-basis: auto; }
  html[data-theme="dark"] .dark-uw-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-full:hover { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-full:focus { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-full:active { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-full:disabled { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-full:focus-visible { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-full:focus-within { flex-basis: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-full { flex-basis: 100%; }
  html[data-theme="dark"] .dark-uw-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-half:hover { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-half:focus { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-half:active { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-half:disabled { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-half:focus-visible { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-half:focus-within { flex-basis: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-half { flex-basis: 50%; }
  html[data-theme="dark"] .dark-uw-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-one-third:hover { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-one-third:focus { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-one-third:active { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-one-third:disabled { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-one-third:focus-visible { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-one-third:focus-within { flex-basis: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-one-third { flex-basis: 33.3333%; }
  html[data-theme="dark"] .dark-uw-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-two-third:hover { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-two-third:focus { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-two-third:active { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-two-third:disabled { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-two-third:focus-visible { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-two-third:focus-within { flex-basis: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-two-third { flex-basis: 66.6667%; }
  html[data-theme="dark"] .dark-uw-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-one-quarter:hover { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-one-quarter:focus { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-one-quarter:active { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-one-quarter:disabled { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-one-quarter:focus-visible { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-one-quarter:focus-within { flex-basis: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-one-quarter { flex-basis: 25%; }
  html[data-theme="dark"] .dark-uw-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-three-quarter:hover { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-three-quarter:focus { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-three-quarter:active { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-three-quarter:disabled { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-three-quarter:focus-visible { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-three-quarter:focus-within { flex-basis: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-three-quarter { flex-basis: 75%; }
  html[data-theme="dark"] .dark-uw-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-one-fifth:hover { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-one-fifth:focus { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-one-fifth:active { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-one-fifth:disabled { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-one-fifth:focus-visible { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-one-fifth:focus-within { flex-basis: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-one-fifth { flex-basis: 20%; }
  html[data-theme="dark"] .dark-uw-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-two-fifth:hover { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-two-fifth:focus { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-two-fifth:active { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-two-fifth:disabled { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-two-fifth:focus-visible { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-two-fifth:focus-within { flex-basis: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-two-fifth { flex-basis: 40%; }
  html[data-theme="dark"] .dark-uw-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-three-fifth:hover { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-three-fifth:focus { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-three-fifth:active { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-three-fifth:disabled { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-three-fifth:focus-visible { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-three-fifth:focus-within { flex-basis: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-three-fifth { flex-basis: 60%; }
  html[data-theme="dark"] .dark-uw-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-hover-flex-basis-four-fifth:hover { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-focus-flex-basis-four-fifth:focus { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-active-flex-basis-four-fifth:active { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-flex-basis-four-fifth:disabled { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-flex-basis-four-fifth:focus-visible { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-flex-basis-four-fifth:focus-within { flex-basis: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-flex-basis-four-fifth { flex-basis: 80%; }
  html[data-theme="dark"] .dark-uw-order-first { order: -1; }
  html[data-theme="dark"] .dark-uw-hover-order-first:hover { order: -1; }
  html[data-theme="dark"] .dark-uw-focus-order-first:focus { order: -1; }
  html[data-theme="dark"] .dark-uw-active-order-first:active { order: -1; }
  html[data-theme="dark"] .dark-uw-disabled-order-first:disabled { order: -1; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-first:focus-visible { order: -1; }
  html[data-theme="dark"] .dark-uw-focus-within-order-first:focus-within { order: -1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-first { order: -1; }
  html[data-theme="dark"] .dark-uw-order-last { order: 9999; }
  html[data-theme="dark"] .dark-uw-hover-order-last:hover { order: 9999; }
  html[data-theme="dark"] .dark-uw-focus-order-last:focus { order: 9999; }
  html[data-theme="dark"] .dark-uw-active-order-last:active { order: 9999; }
  html[data-theme="dark"] .dark-uw-disabled-order-last:disabled { order: 9999; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-last:focus-visible { order: 9999; }
  html[data-theme="dark"] .dark-uw-focus-within-order-last:focus-within { order: 9999; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-last { order: 9999; }
  html[data-theme="dark"] .dark-uw-order-0 { order: 0; }
  html[data-theme="dark"] .dark-uw-hover-order-0:hover { order: 0; }
  html[data-theme="dark"] .dark-uw-focus-order-0:focus { order: 0; }
  html[data-theme="dark"] .dark-uw-active-order-0:active { order: 0; }
  html[data-theme="dark"] .dark-uw-disabled-order-0:disabled { order: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-0:focus-visible { order: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-order-0:focus-within { order: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-0 { order: 0; }
  html[data-theme="dark"] .dark-uw-order-1 { order: 1; }
  html[data-theme="dark"] .dark-uw-hover-order-1:hover { order: 1; }
  html[data-theme="dark"] .dark-uw-focus-order-1:focus { order: 1; }
  html[data-theme="dark"] .dark-uw-active-order-1:active { order: 1; }
  html[data-theme="dark"] .dark-uw-disabled-order-1:disabled { order: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-1:focus-visible { order: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-order-1:focus-within { order: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-1 { order: 1; }
  html[data-theme="dark"] .dark-uw-order-2 { order: 2; }
  html[data-theme="dark"] .dark-uw-hover-order-2:hover { order: 2; }
  html[data-theme="dark"] .dark-uw-focus-order-2:focus { order: 2; }
  html[data-theme="dark"] .dark-uw-active-order-2:active { order: 2; }
  html[data-theme="dark"] .dark-uw-disabled-order-2:disabled { order: 2; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-2:focus-visible { order: 2; }
  html[data-theme="dark"] .dark-uw-focus-within-order-2:focus-within { order: 2; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-2 { order: 2; }
  html[data-theme="dark"] .dark-uw-order-3 { order: 3; }
  html[data-theme="dark"] .dark-uw-hover-order-3:hover { order: 3; }
  html[data-theme="dark"] .dark-uw-focus-order-3:focus { order: 3; }
  html[data-theme="dark"] .dark-uw-active-order-3:active { order: 3; }
  html[data-theme="dark"] .dark-uw-disabled-order-3:disabled { order: 3; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-3:focus-visible { order: 3; }
  html[data-theme="dark"] .dark-uw-focus-within-order-3:focus-within { order: 3; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-3 { order: 3; }
  html[data-theme="dark"] .dark-uw-order-4 { order: 4; }
  html[data-theme="dark"] .dark-uw-hover-order-4:hover { order: 4; }
  html[data-theme="dark"] .dark-uw-focus-order-4:focus { order: 4; }
  html[data-theme="dark"] .dark-uw-active-order-4:active { order: 4; }
  html[data-theme="dark"] .dark-uw-disabled-order-4:disabled { order: 4; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-4:focus-visible { order: 4; }
  html[data-theme="dark"] .dark-uw-focus-within-order-4:focus-within { order: 4; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-4 { order: 4; }
  html[data-theme="dark"] .dark-uw-order-5 { order: 5; }
  html[data-theme="dark"] .dark-uw-hover-order-5:hover { order: 5; }
  html[data-theme="dark"] .dark-uw-focus-order-5:focus { order: 5; }
  html[data-theme="dark"] .dark-uw-active-order-5:active { order: 5; }
  html[data-theme="dark"] .dark-uw-disabled-order-5:disabled { order: 5; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-5:focus-visible { order: 5; }
  html[data-theme="dark"] .dark-uw-focus-within-order-5:focus-within { order: 5; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-5 { order: 5; }
  html[data-theme="dark"] .dark-uw-order-6 { order: 6; }
  html[data-theme="dark"] .dark-uw-hover-order-6:hover { order: 6; }
  html[data-theme="dark"] .dark-uw-focus-order-6:focus { order: 6; }
  html[data-theme="dark"] .dark-uw-active-order-6:active { order: 6; }
  html[data-theme="dark"] .dark-uw-disabled-order-6:disabled { order: 6; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-6:focus-visible { order: 6; }
  html[data-theme="dark"] .dark-uw-focus-within-order-6:focus-within { order: 6; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-6 { order: 6; }
  html[data-theme="dark"] .dark-uw-order-7 { order: 7; }
  html[data-theme="dark"] .dark-uw-hover-order-7:hover { order: 7; }
  html[data-theme="dark"] .dark-uw-focus-order-7:focus { order: 7; }
  html[data-theme="dark"] .dark-uw-active-order-7:active { order: 7; }
  html[data-theme="dark"] .dark-uw-disabled-order-7:disabled { order: 7; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-7:focus-visible { order: 7; }
  html[data-theme="dark"] .dark-uw-focus-within-order-7:focus-within { order: 7; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-7 { order: 7; }
  html[data-theme="dark"] .dark-uw-order-8 { order: 8; }
  html[data-theme="dark"] .dark-uw-hover-order-8:hover { order: 8; }
  html[data-theme="dark"] .dark-uw-focus-order-8:focus { order: 8; }
  html[data-theme="dark"] .dark-uw-active-order-8:active { order: 8; }
  html[data-theme="dark"] .dark-uw-disabled-order-8:disabled { order: 8; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-8:focus-visible { order: 8; }
  html[data-theme="dark"] .dark-uw-focus-within-order-8:focus-within { order: 8; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-8 { order: 8; }
  html[data-theme="dark"] .dark-uw-order-9 { order: 9; }
  html[data-theme="dark"] .dark-uw-hover-order-9:hover { order: 9; }
  html[data-theme="dark"] .dark-uw-focus-order-9:focus { order: 9; }
  html[data-theme="dark"] .dark-uw-active-order-9:active { order: 9; }
  html[data-theme="dark"] .dark-uw-disabled-order-9:disabled { order: 9; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-9:focus-visible { order: 9; }
  html[data-theme="dark"] .dark-uw-focus-within-order-9:focus-within { order: 9; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-9 { order: 9; }
  html[data-theme="dark"] .dark-uw-order-10 { order: 10; }
  html[data-theme="dark"] .dark-uw-hover-order-10:hover { order: 10; }
  html[data-theme="dark"] .dark-uw-focus-order-10:focus { order: 10; }
  html[data-theme="dark"] .dark-uw-active-order-10:active { order: 10; }
  html[data-theme="dark"] .dark-uw-disabled-order-10:disabled { order: 10; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-10:focus-visible { order: 10; }
  html[data-theme="dark"] .dark-uw-focus-within-order-10:focus-within { order: 10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-10 { order: 10; }
  html[data-theme="dark"] .dark-uw-order-11 { order: 11; }
  html[data-theme="dark"] .dark-uw-hover-order-11:hover { order: 11; }
  html[data-theme="dark"] .dark-uw-focus-order-11:focus { order: 11; }
  html[data-theme="dark"] .dark-uw-active-order-11:active { order: 11; }
  html[data-theme="dark"] .dark-uw-disabled-order-11:disabled { order: 11; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-11:focus-visible { order: 11; }
  html[data-theme="dark"] .dark-uw-focus-within-order-11:focus-within { order: 11; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-11 { order: 11; }
  html[data-theme="dark"] .dark-uw-order-12 { order: 12; }
  html[data-theme="dark"] .dark-uw-hover-order-12:hover { order: 12; }
  html[data-theme="dark"] .dark-uw-focus-order-12:focus { order: 12; }
  html[data-theme="dark"] .dark-uw-active-order-12:active { order: 12; }
  html[data-theme="dark"] .dark-uw-disabled-order-12:disabled { order: 12; }
  html[data-theme="dark"] .dark-uw-focus-visible-order-12:focus-visible { order: 12; }
  html[data-theme="dark"] .dark-uw-focus-within-order-12:focus-within { order: 12; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-order-12 { order: 12; }
  html[data-theme="dark"] .dark-uw-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-uw-hover-whitespace-normal:hover { white-space: normal; }
  html[data-theme="dark"] .dark-uw-focus-whitespace-normal:focus { white-space: normal; }
  html[data-theme="dark"] .dark-uw-active-whitespace-normal:active { white-space: normal; }
  html[data-theme="dark"] .dark-uw-disabled-whitespace-normal:disabled { white-space: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-whitespace-normal:focus-visible { white-space: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-whitespace-normal:focus-within { white-space: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-whitespace-normal { white-space: normal; }
  html[data-theme="dark"] .dark-uw-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-hover-whitespace-nowrap:hover { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-whitespace-nowrap:focus { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-active-whitespace-nowrap:active { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-disabled-whitespace-nowrap:disabled { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-whitespace-nowrap:focus-visible { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-within-whitespace-nowrap:focus-within { white-space: nowrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-whitespace-nowrap { white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-uw-hover-whitespace-pre:hover { white-space: pre; }
  html[data-theme="dark"] .dark-uw-focus-whitespace-pre:focus { white-space: pre; }
  html[data-theme="dark"] .dark-uw-active-whitespace-pre:active { white-space: pre; }
  html[data-theme="dark"] .dark-uw-disabled-whitespace-pre:disabled { white-space: pre; }
  html[data-theme="dark"] .dark-uw-focus-visible-whitespace-pre:focus-visible { white-space: pre; }
  html[data-theme="dark"] .dark-uw-focus-within-whitespace-pre:focus-within { white-space: pre; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-whitespace-pre { white-space: pre; }
  html[data-theme="dark"] .dark-uw-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-hover-whitespace-pre-line:hover { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-focus-whitespace-pre-line:focus { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-active-whitespace-pre-line:active { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-disabled-whitespace-pre-line:disabled { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-focus-visible-whitespace-pre-line:focus-visible { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-focus-within-whitespace-pre-line:focus-within { white-space: pre-line; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-whitespace-pre-line { white-space: pre-line; }
  html[data-theme="dark"] .dark-uw-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-hover-whitespace-pre-wrap:hover { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-focus-whitespace-pre-wrap:focus { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-active-whitespace-pre-wrap:active { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-disabled-whitespace-pre-wrap:disabled { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-whitespace-pre-wrap:focus-visible { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-focus-within-whitespace-pre-wrap:focus-within { white-space: pre-wrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-whitespace-pre-wrap { white-space: pre-wrap; }
  html[data-theme="dark"] .dark-uw-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-uw-hover-overflow-auto:hover { overflow: auto; }
  html[data-theme="dark"] .dark-uw-focus-overflow-auto:focus { overflow: auto; }
  html[data-theme="dark"] .dark-uw-active-overflow-auto:active { overflow: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-auto:disabled { overflow: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-auto:focus-visible { overflow: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-auto:focus-within { overflow: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-auto { overflow: auto; }
  html[data-theme="dark"] .dark-uw-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-hover-overflow-hidden:hover { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-focus-overflow-hidden:focus { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-active-overflow-hidden:active { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-hidden:disabled { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-hidden:focus-visible { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-hidden:focus-within { overflow: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-hidden { overflow: hidden; }
  html[data-theme="dark"] .dark-uw-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-uw-hover-overflow-visible:hover { overflow: visible; }
  html[data-theme="dark"] .dark-uw-focus-overflow-visible:focus { overflow: visible; }
  html[data-theme="dark"] .dark-uw-active-overflow-visible:active { overflow: visible; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-visible:disabled { overflow: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-visible:focus-visible { overflow: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-visible:focus-within { overflow: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-visible { overflow: visible; }
  html[data-theme="dark"] .dark-uw-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-hover-overflow-scroll:hover { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-focus-overflow-scroll:focus { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-active-overflow-scroll:active { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-scroll:disabled { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-scroll:focus-visible { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-scroll:focus-within { overflow: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-scroll { overflow: scroll; }
  html[data-theme="dark"] .dark-uw-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-hover-overflow-x-auto:hover { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-overflow-x-auto:focus { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-active-overflow-x-auto:active { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-x-auto:disabled { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-x-auto:focus-visible { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-x-auto:focus-within { overflow-x: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-x-auto { overflow-x: auto; }
  html[data-theme="dark"] .dark-uw-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-hover-overflow-x-hidden:hover { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-focus-overflow-x-hidden:focus { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-active-overflow-x-hidden:active { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-x-hidden:focus-visible { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-x-hidden:focus-within { overflow-x: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-x-hidden { overflow-x: hidden; }
  html[data-theme="dark"] .dark-uw-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-hover-overflow-x-visible:hover { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-focus-overflow-x-visible:focus { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-active-overflow-x-visible:active { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-x-visible:disabled { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-x-visible:focus-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-x-visible:focus-within { overflow-x: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-x-visible { overflow-x: visible; }
  html[data-theme="dark"] .dark-uw-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-hover-overflow-x-scroll:hover { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-focus-overflow-x-scroll:focus { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-active-overflow-x-scroll:active { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-x-scroll:focus-visible { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-x-scroll:focus-within { overflow-x: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-x-scroll { overflow-x: scroll; }
  html[data-theme="dark"] .dark-uw-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-hover-overflow-y-auto:hover { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-overflow-y-auto:focus { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-active-overflow-y-auto:active { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-y-auto:disabled { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-y-auto:focus-visible { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-y-auto:focus-within { overflow-y: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-y-auto { overflow-y: auto; }
  html[data-theme="dark"] .dark-uw-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-hover-overflow-y-hidden:hover { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-focus-overflow-y-hidden:focus { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-active-overflow-y-hidden:active { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-y-hidden:focus-visible { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-y-hidden:focus-within { overflow-y: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-y-hidden { overflow-y: hidden; }
  html[data-theme="dark"] .dark-uw-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-hover-overflow-y-visible:hover { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-focus-overflow-y-visible:focus { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-active-overflow-y-visible:active { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-y-visible:disabled { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-y-visible:focus-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-y-visible:focus-within { overflow-y: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-y-visible { overflow-y: visible; }
  html[data-theme="dark"] .dark-uw-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-hover-overflow-y-scroll:hover { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-focus-overflow-y-scroll:focus { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-active-overflow-y-scroll:active { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-y-scroll:focus-visible { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-y-scroll:focus-within { overflow-y: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-y-scroll { overflow-y: scroll; }
  html[data-theme="dark"] .dark-uw-visible { visibility: visible; }
  html[data-theme="dark"] .dark-uw-hover-visible:hover { visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible:focus { visibility: visible; }
  html[data-theme="dark"] .dark-uw-active-visible:active { visibility: visible; }
  html[data-theme="dark"] .dark-uw-disabled-visible:disabled { visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-visible:focus-visible { visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-visible:focus-within { visibility: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-visible { visibility: visible; }
  html[data-theme="dark"] .dark-uw-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-hover-hidden:hover { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-hidden:focus { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-active-hidden:active { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-hidden:disabled { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-hidden:focus-visible { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-hidden:focus-within { visibility: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hidden { visibility: hidden; }
  html[data-theme="dark"] .dark-uw-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-hover-collapse:hover { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-focus-collapse:focus { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-active-collapse:active { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-disabled-collapse:disabled { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-focus-visible-collapse:focus-visible { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-focus-within-collapse:focus-within { visibility: collapse; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-collapse { visibility: collapse; }
  html[data-theme="dark"] .dark-uw-clear-left { clear: left; }
  html[data-theme="dark"] .dark-uw-hover-clear-left:hover { clear: left; }
  html[data-theme="dark"] .dark-uw-focus-clear-left:focus { clear: left; }
  html[data-theme="dark"] .dark-uw-active-clear-left:active { clear: left; }
  html[data-theme="dark"] .dark-uw-disabled-clear-left:disabled { clear: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-clear-left:focus-visible { clear: left; }
  html[data-theme="dark"] .dark-uw-focus-within-clear-left:focus-within { clear: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clear-left { clear: left; }
  html[data-theme="dark"] .dark-uw-clear-right { clear: right; }
  html[data-theme="dark"] .dark-uw-hover-clear-right:hover { clear: right; }
  html[data-theme="dark"] .dark-uw-focus-clear-right:focus { clear: right; }
  html[data-theme="dark"] .dark-uw-active-clear-right:active { clear: right; }
  html[data-theme="dark"] .dark-uw-disabled-clear-right:disabled { clear: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-clear-right:focus-visible { clear: right; }
  html[data-theme="dark"] .dark-uw-focus-within-clear-right:focus-within { clear: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clear-right { clear: right; }
  html[data-theme="dark"] .dark-uw-clear-both { clear: both; }
  html[data-theme="dark"] .dark-uw-hover-clear-both:hover { clear: both; }
  html[data-theme="dark"] .dark-uw-focus-clear-both:focus { clear: both; }
  html[data-theme="dark"] .dark-uw-active-clear-both:active { clear: both; }
  html[data-theme="dark"] .dark-uw-disabled-clear-both:disabled { clear: both; }
  html[data-theme="dark"] .dark-uw-focus-visible-clear-both:focus-visible { clear: both; }
  html[data-theme="dark"] .dark-uw-focus-within-clear-both:focus-within { clear: both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clear-both { clear: both; }
  html[data-theme="dark"] .dark-uw-float-left { float: left; }
  html[data-theme="dark"] .dark-uw-hover-float-left:hover { float: left; }
  html[data-theme="dark"] .dark-uw-focus-float-left:focus { float: left; }
  html[data-theme="dark"] .dark-uw-active-float-left:active { float: left; }
  html[data-theme="dark"] .dark-uw-disabled-float-left:disabled { float: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-float-left:focus-visible { float: left; }
  html[data-theme="dark"] .dark-uw-focus-within-float-left:focus-within { float: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-float-left { float: left; }
  html[data-theme="dark"] .dark-uw-float-right { float: right; }
  html[data-theme="dark"] .dark-uw-hover-float-right:hover { float: right; }
  html[data-theme="dark"] .dark-uw-focus-float-right:focus { float: right; }
  html[data-theme="dark"] .dark-uw-active-float-right:active { float: right; }
  html[data-theme="dark"] .dark-uw-disabled-float-right:disabled { float: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-float-right:focus-visible { float: right; }
  html[data-theme="dark"] .dark-uw-focus-within-float-right:focus-within { float: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-float-right { float: right; }
  html[data-theme="dark"] .dark-uw-float-none { float: none; }
  html[data-theme="dark"] .dark-uw-hover-float-none:hover { float: none; }
  html[data-theme="dark"] .dark-uw-focus-float-none:focus { float: none; }
  html[data-theme="dark"] .dark-uw-active-float-none:active { float: none; }
  html[data-theme="dark"] .dark-uw-disabled-float-none:disabled { float: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-float-none:focus-visible { float: none; }
  html[data-theme="dark"] .dark-uw-focus-within-float-none:focus-within { float: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-float-none { float: none; }
  html[data-theme="dark"] .dark-uw-w-0 { width: 0; }
  html[data-theme="dark"] .dark-uw-hover-w-0:hover { width: 0; }
  html[data-theme="dark"] .dark-uw-focus-w-0:focus { width: 0; }
  html[data-theme="dark"] .dark-uw-active-w-0:active { width: 0; }
  html[data-theme="dark"] .dark-uw-disabled-w-0:disabled { width: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-0:focus-visible { width: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-w-0:focus-within { width: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-0 { width: 0; }
  html[data-theme="dark"] .dark-uw-h-0 { height: 0; }
  html[data-theme="dark"] .dark-uw-hover-h-0:hover { height: 0; }
  html[data-theme="dark"] .dark-uw-focus-h-0:focus { height: 0; }
  html[data-theme="dark"] .dark-uw-active-h-0:active { height: 0; }
  html[data-theme="dark"] .dark-uw-disabled-h-0:disabled { height: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-0:focus-visible { height: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-h-0:focus-within { height: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-0 { height: 0; }
  html[data-theme="dark"] .dark-uw-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-uw-hover-min-w-0:hover { min-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-min-w-0:focus { min-width: 0; }
  html[data-theme="dark"] .dark-uw-active-min-w-0:active { min-width: 0; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-0:disabled { min-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-0:focus-visible { min-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-0:focus-within { min-width: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-0 { min-width: 0; }
  html[data-theme="dark"] .dark-uw-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-uw-hover-max-w-0:hover { max-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-max-w-0:focus { max-width: 0; }
  html[data-theme="dark"] .dark-uw-active-max-w-0:active { max-width: 0; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-0:disabled { max-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-0:focus-visible { max-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-0:focus-within { max-width: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-0 { max-width: 0; }
  html[data-theme="dark"] .dark-uw-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-uw-hover-min-h-0:hover { min-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-min-h-0:focus { min-height: 0; }
  html[data-theme="dark"] .dark-uw-active-min-h-0:active { min-height: 0; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-0:disabled { min-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-0:focus-visible { min-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-0:focus-within { min-height: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-0 { min-height: 0; }
  html[data-theme="dark"] .dark-uw-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-uw-hover-max-h-0:hover { max-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-max-h-0:focus { max-height: 0; }
  html[data-theme="dark"] .dark-uw-active-max-h-0:active { max-height: 0; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-0:disabled { max-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-0:focus-visible { max-height: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-0:focus-within { max-height: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-0 { max-height: 0; }
  html[data-theme="dark"] .dark-uw-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-w-1:hover { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-w-1:focus { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-w-1:active { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-1:disabled { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-1:focus-visible { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-1:focus-within { width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-1 { width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-h-1:hover { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-h-1:focus { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-h-1:active { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-1:disabled { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-1:focus-visible { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-1:focus-within { height: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-1 { height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-1:hover { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-1:focus { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-1:active { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-1:disabled { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-1:focus-visible { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-1:focus-within { min-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-1 { min-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-1:hover { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-1:focus { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-1:active { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-1:disabled { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-1:focus-visible { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-1:focus-within { max-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-1 { max-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-1:hover { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-1:focus { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-1:active { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-1:disabled { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-1:focus-visible { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-1:focus-within { min-height: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-1 { min-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-1:hover { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-1:focus { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-1:active { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-1:disabled { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-1:focus-visible { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-1:focus-within { max-height: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-1 { max-height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-w-2:hover { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-w-2:focus { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-w-2:active { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-2:disabled { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-2:focus-visible { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-2:focus-within { width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-2 { width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-h-2:hover { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-h-2:focus { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-h-2:active { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-2:disabled { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-2:focus-visible { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-2:focus-within { height: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-2 { height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-2:hover { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-2:focus { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-2:active { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-2:disabled { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-2:focus-visible { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-2:focus-within { min-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-2 { min-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-2:hover { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-2:focus { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-2:active { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-2:disabled { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-2:focus-visible { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-2:focus-within { max-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-2 { max-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-2:hover { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-2:focus { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-2:active { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-2:disabled { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-2:focus-visible { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-2:focus-within { min-height: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-2 { min-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-2:hover { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-2:focus { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-2:active { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-2:disabled { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-2:focus-visible { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-2:focus-within { max-height: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-2 { max-height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-w-3:hover { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-w-3:focus { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-w-3:active { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-3:disabled { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-3:focus-visible { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-3:focus-within { width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-3 { width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-h-3:hover { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-h-3:focus { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-h-3:active { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-3:disabled { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-3:focus-visible { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-3:focus-within { height: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-3 { height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-3:hover { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-3:focus { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-3:active { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-3:disabled { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-3:focus-visible { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-3:focus-within { min-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-3 { min-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-3:hover { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-3:focus { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-3:active { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-3:disabled { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-3:focus-visible { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-3:focus-within { max-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-3 { max-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-3:hover { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-3:focus { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-3:active { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-3:disabled { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-3:focus-visible { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-3:focus-within { min-height: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-3 { min-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-3:hover { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-3:focus { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-3:active { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-3:disabled { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-3:focus-visible { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-3:focus-within { max-height: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-3 { max-height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-w-4:hover { width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-w-4:focus { width: 1rem; }
  html[data-theme="dark"] .dark-uw-active-w-4:active { width: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-4:disabled { width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-4:focus-visible { width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-4:focus-within { width: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-4 { width: 1rem; }
  html[data-theme="dark"] .dark-uw-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-h-4:hover { height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-h-4:focus { height: 1rem; }
  html[data-theme="dark"] .dark-uw-active-h-4:active { height: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-4:disabled { height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-4:focus-visible { height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-4:focus-within { height: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-4 { height: 1rem; }
  html[data-theme="dark"] .dark-uw-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-4:hover { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-4:focus { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-4:active { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-4:disabled { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-4:focus-visible { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-4:focus-within { min-width: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-4 { min-width: 1rem; }
  html[data-theme="dark"] .dark-uw-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-4:hover { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-4:focus { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-4:active { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-4:disabled { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-4:focus-visible { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-4:focus-within { max-width: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-4 { max-width: 1rem; }
  html[data-theme="dark"] .dark-uw-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-4:hover { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-4:focus { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-4:active { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-4:disabled { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-4:focus-visible { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-4:focus-within { min-height: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-4 { min-height: 1rem; }
  html[data-theme="dark"] .dark-uw-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-4:hover { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-4:focus { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-4:active { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-4:disabled { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-4:focus-visible { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-4:focus-within { max-height: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-4 { max-height: 1rem; }
  html[data-theme="dark"] .dark-uw-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-w-5:hover { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-w-5:focus { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-w-5:active { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-5:disabled { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-5:focus-visible { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-5:focus-within { width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-5 { width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-h-5:hover { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-h-5:focus { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-h-5:active { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-5:disabled { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-5:focus-visible { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-5:focus-within { height: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-5 { height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-5:hover { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-5:focus { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-5:active { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-5:disabled { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-5:focus-visible { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-5:focus-within { min-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-5 { min-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-5:hover { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-5:focus { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-5:active { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-5:disabled { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-5:focus-visible { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-5:focus-within { max-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-5 { max-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-5:hover { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-5:focus { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-5:active { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-5:disabled { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-5:focus-visible { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-5:focus-within { min-height: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-5 { min-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-5:hover { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-5:focus { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-5:active { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-5:disabled { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-5:focus-visible { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-5:focus-within { max-height: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-5 { max-height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-w-6:hover { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-w-6:focus { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-w-6:active { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-6:disabled { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-6:focus-visible { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-6:focus-within { width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-6 { width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-h-6:hover { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-h-6:focus { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-h-6:active { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-6:disabled { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-6:focus-visible { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-6:focus-within { height: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-6 { height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-6:hover { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-6:focus { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-6:active { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-6:disabled { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-6:focus-visible { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-6:focus-within { min-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-6 { min-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-6:hover { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-6:focus { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-6:active { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-6:disabled { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-6:focus-visible { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-6:focus-within { max-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-6 { max-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-6:hover { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-6:focus { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-6:active { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-6:disabled { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-6:focus-visible { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-6:focus-within { min-height: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-6 { min-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-6:hover { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-6:focus { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-6:active { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-6:disabled { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-6:focus-visible { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-6:focus-within { max-height: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-6 { max-height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-w-7:hover { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-w-7:focus { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-w-7:active { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-7:disabled { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-7:focus-visible { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-7:focus-within { width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-7 { width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-h-7:hover { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-h-7:focus { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-h-7:active { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-7:disabled { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-7:focus-visible { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-7:focus-within { height: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-7 { height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-7:hover { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-7:focus { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-7:active { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-7:disabled { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-7:focus-visible { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-7:focus-within { min-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-7 { min-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-7:hover { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-7:focus { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-7:active { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-7:disabled { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-7:focus-visible { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-7:focus-within { max-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-7 { max-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-7:hover { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-7:focus { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-7:active { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-7:disabled { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-7:focus-visible { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-7:focus-within { min-height: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-7 { min-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-7:hover { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-7:focus { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-7:active { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-7:disabled { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-7:focus-visible { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-7:focus-within { max-height: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-7 { max-height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-w-8:hover { width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-w-8:focus { width: 2rem; }
  html[data-theme="dark"] .dark-uw-active-w-8:active { width: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-8:disabled { width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-8:focus-visible { width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-8:focus-within { width: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-8 { width: 2rem; }
  html[data-theme="dark"] .dark-uw-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-h-8:hover { height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-h-8:focus { height: 2rem; }
  html[data-theme="dark"] .dark-uw-active-h-8:active { height: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-8:disabled { height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-8:focus-visible { height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-8:focus-within { height: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-8 { height: 2rem; }
  html[data-theme="dark"] .dark-uw-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-8:hover { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-8:focus { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-8:active { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-8:disabled { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-8:focus-visible { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-8:focus-within { min-width: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-8 { min-width: 2rem; }
  html[data-theme="dark"] .dark-uw-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-8:hover { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-8:focus { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-8:active { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-8:disabled { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-8:focus-visible { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-8:focus-within { max-width: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-8 { max-width: 2rem; }
  html[data-theme="dark"] .dark-uw-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-8:hover { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-8:focus { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-8:active { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-8:disabled { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-8:focus-visible { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-8:focus-within { min-height: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-8 { min-height: 2rem; }
  html[data-theme="dark"] .dark-uw-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-8:hover { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-8:focus { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-8:active { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-8:disabled { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-8:focus-visible { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-8:focus-within { max-height: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-8 { max-height: 2rem; }
  html[data-theme="dark"] .dark-uw-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-w-9:hover { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-w-9:focus { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-w-9:active { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-9:disabled { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-9:focus-visible { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-9:focus-within { width: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-9 { width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-h-9:hover { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-h-9:focus { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-h-9:active { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-9:disabled { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-9:focus-visible { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-9:focus-within { height: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-9 { height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-9:hover { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-9:focus { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-9:active { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-9:disabled { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-9:focus-visible { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-9:focus-within { min-width: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-9 { min-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-9:hover { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-9:focus { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-9:active { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-9:disabled { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-9:focus-visible { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-9:focus-within { max-width: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-9 { max-width: 2.25rem; }
  html[data-theme="dark"] .dark-uw-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-9:hover { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-9:focus { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-9:active { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-9:disabled { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-9:focus-visible { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-9:focus-within { min-height: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-9 { min-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-9:hover { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-9:focus { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-9:active { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-9:disabled { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-9:focus-visible { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-9:focus-within { max-height: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-9 { max-height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-w-10:hover { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-w-10:focus { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-w-10:active { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-10:disabled { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-10:focus-visible { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-10:focus-within { width: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-10 { width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-h-10:hover { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-h-10:focus { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-h-10:active { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-10:disabled { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-10:focus-visible { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-10:focus-within { height: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-10 { height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-10:hover { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-10:focus { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-10:active { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-10:disabled { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-10:focus-visible { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-10:focus-within { min-width: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-10 { min-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-10:hover { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-10:focus { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-10:active { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-10:disabled { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-10:focus-visible { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-10:focus-within { max-width: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-10 { max-width: 2.5rem; }
  html[data-theme="dark"] .dark-uw-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-10:hover { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-10:focus { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-10:active { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-10:disabled { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-10:focus-visible { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-10:focus-within { min-height: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-10 { min-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-10:hover { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-10:focus { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-10:active { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-10:disabled { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-10:focus-visible { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-10:focus-within { max-height: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-10 { max-height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-w-11:hover { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-w-11:focus { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-w-11:active { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-11:disabled { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-11:focus-visible { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-11:focus-within { width: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-11 { width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-h-11:hover { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-h-11:focus { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-h-11:active { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-11:disabled { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-11:focus-visible { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-11:focus-within { height: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-11 { height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-11:hover { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-11:focus { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-11:active { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-11:disabled { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-11:focus-visible { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-11:focus-within { min-width: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-11 { min-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-11:hover { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-11:focus { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-11:active { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-11:disabled { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-11:focus-visible { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-11:focus-within { max-width: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-11 { max-width: 2.75rem; }
  html[data-theme="dark"] .dark-uw-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-11:hover { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-11:focus { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-11:active { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-11:disabled { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-11:focus-visible { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-11:focus-within { min-height: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-11 { min-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-11:hover { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-11:focus { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-11:active { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-11:disabled { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-11:focus-visible { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-11:focus-within { max-height: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-11 { max-height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-w-12:hover { width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-w-12:focus { width: 3rem; }
  html[data-theme="dark"] .dark-uw-active-w-12:active { width: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-12:disabled { width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-12:focus-visible { width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-12:focus-within { width: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-12 { width: 3rem; }
  html[data-theme="dark"] .dark-uw-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-h-12:hover { height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-h-12:focus { height: 3rem; }
  html[data-theme="dark"] .dark-uw-active-h-12:active { height: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-12:disabled { height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-12:focus-visible { height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-12:focus-within { height: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-12 { height: 3rem; }
  html[data-theme="dark"] .dark-uw-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-12:hover { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-12:focus { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-12:active { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-12:disabled { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-12:focus-visible { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-12:focus-within { min-width: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-12 { min-width: 3rem; }
  html[data-theme="dark"] .dark-uw-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-12:hover { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-12:focus { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-12:active { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-12:disabled { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-12:focus-visible { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-12:focus-within { max-width: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-12 { max-width: 3rem; }
  html[data-theme="dark"] .dark-uw-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-12:hover { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-12:focus { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-12:active { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-12:disabled { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-12:focus-visible { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-12:focus-within { min-height: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-12 { min-height: 3rem; }
  html[data-theme="dark"] .dark-uw-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-12:hover { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-12:focus { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-12:active { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-12:disabled { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-12:focus-visible { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-12:focus-within { max-height: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-12 { max-height: 3rem; }
  html[data-theme="dark"] .dark-uw-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-w-14:hover { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-w-14:focus { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-w-14:active { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-14:disabled { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-14:focus-visible { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-14:focus-within { width: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-14 { width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-h-14:hover { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-h-14:focus { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-h-14:active { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-14:disabled { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-14:focus-visible { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-14:focus-within { height: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-14 { height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-14:hover { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-14:focus { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-14:active { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-14:disabled { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-14:focus-visible { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-14:focus-within { min-width: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-14 { min-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-14:hover { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-14:focus { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-14:active { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-14:disabled { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-14:focus-visible { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-14:focus-within { max-width: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-14 { max-width: 3.5rem; }
  html[data-theme="dark"] .dark-uw-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-14:hover { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-14:focus { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-14:active { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-14:disabled { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-14:focus-visible { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-14:focus-within { min-height: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-14 { min-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-14:hover { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-14:focus { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-14:active { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-14:disabled { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-14:focus-visible { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-14:focus-within { max-height: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-14 { max-height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-w-16:hover { width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-w-16:focus { width: 4rem; }
  html[data-theme="dark"] .dark-uw-active-w-16:active { width: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-16:disabled { width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-16:focus-visible { width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-16:focus-within { width: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-16 { width: 4rem; }
  html[data-theme="dark"] .dark-uw-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-h-16:hover { height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-h-16:focus { height: 4rem; }
  html[data-theme="dark"] .dark-uw-active-h-16:active { height: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-16:disabled { height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-16:focus-visible { height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-16:focus-within { height: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-16 { height: 4rem; }
  html[data-theme="dark"] .dark-uw-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-16:hover { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-16:focus { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-16:active { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-16:disabled { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-16:focus-visible { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-16:focus-within { min-width: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-16 { min-width: 4rem; }
  html[data-theme="dark"] .dark-uw-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-16:hover { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-16:focus { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-16:active { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-16:disabled { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-16:focus-visible { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-16:focus-within { max-width: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-16 { max-width: 4rem; }
  html[data-theme="dark"] .dark-uw-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-16:hover { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-16:focus { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-16:active { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-16:disabled { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-16:focus-visible { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-16:focus-within { min-height: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-16 { min-height: 4rem; }
  html[data-theme="dark"] .dark-uw-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-16:hover { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-16:focus { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-16:active { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-16:disabled { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-16:focus-visible { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-16:focus-within { max-height: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-16 { max-height: 4rem; }
  html[data-theme="dark"] .dark-uw-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-w-20:hover { width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-w-20:focus { width: 5rem; }
  html[data-theme="dark"] .dark-uw-active-w-20:active { width: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-20:disabled { width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-20:focus-visible { width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-20:focus-within { width: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-20 { width: 5rem; }
  html[data-theme="dark"] .dark-uw-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-h-20:hover { height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-h-20:focus { height: 5rem; }
  html[data-theme="dark"] .dark-uw-active-h-20:active { height: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-20:disabled { height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-20:focus-visible { height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-20:focus-within { height: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-20 { height: 5rem; }
  html[data-theme="dark"] .dark-uw-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-20:hover { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-20:focus { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-20:active { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-20:disabled { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-20:focus-visible { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-20:focus-within { min-width: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-20 { min-width: 5rem; }
  html[data-theme="dark"] .dark-uw-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-20:hover { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-20:focus { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-20:active { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-20:disabled { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-20:focus-visible { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-20:focus-within { max-width: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-20 { max-width: 5rem; }
  html[data-theme="dark"] .dark-uw-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-20:hover { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-20:focus { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-20:active { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-20:disabled { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-20:focus-visible { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-20:focus-within { min-height: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-20 { min-height: 5rem; }
  html[data-theme="dark"] .dark-uw-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-20:hover { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-20:focus { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-20:active { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-20:disabled { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-20:focus-visible { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-20:focus-within { max-height: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-20 { max-height: 5rem; }
  html[data-theme="dark"] .dark-uw-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-w-24:hover { width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-w-24:focus { width: 6rem; }
  html[data-theme="dark"] .dark-uw-active-w-24:active { width: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-24:disabled { width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-24:focus-visible { width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-24:focus-within { width: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-24 { width: 6rem; }
  html[data-theme="dark"] .dark-uw-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-h-24:hover { height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-h-24:focus { height: 6rem; }
  html[data-theme="dark"] .dark-uw-active-h-24:active { height: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-24:disabled { height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-24:focus-visible { height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-24:focus-within { height: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-24 { height: 6rem; }
  html[data-theme="dark"] .dark-uw-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-24:hover { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-24:focus { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-24:active { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-24:disabled { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-24:focus-visible { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-24:focus-within { min-width: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-24 { min-width: 6rem; }
  html[data-theme="dark"] .dark-uw-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-24:hover { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-24:focus { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-24:active { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-24:disabled { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-24:focus-visible { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-24:focus-within { max-width: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-24 { max-width: 6rem; }
  html[data-theme="dark"] .dark-uw-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-24:hover { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-24:focus { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-24:active { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-24:disabled { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-24:focus-visible { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-24:focus-within { min-height: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-24 { min-height: 6rem; }
  html[data-theme="dark"] .dark-uw-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-24:hover { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-24:focus { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-24:active { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-24:disabled { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-24:focus-visible { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-24:focus-within { max-height: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-24 { max-height: 6rem; }
  html[data-theme="dark"] .dark-uw-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-w-28:hover { width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-w-28:focus { width: 7rem; }
  html[data-theme="dark"] .dark-uw-active-w-28:active { width: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-28:disabled { width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-28:focus-visible { width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-28:focus-within { width: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-28 { width: 7rem; }
  html[data-theme="dark"] .dark-uw-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-h-28:hover { height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-h-28:focus { height: 7rem; }
  html[data-theme="dark"] .dark-uw-active-h-28:active { height: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-28:disabled { height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-28:focus-visible { height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-28:focus-within { height: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-28 { height: 7rem; }
  html[data-theme="dark"] .dark-uw-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-28:hover { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-28:focus { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-28:active { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-28:disabled { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-28:focus-visible { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-28:focus-within { min-width: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-28 { min-width: 7rem; }
  html[data-theme="dark"] .dark-uw-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-28:hover { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-28:focus { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-28:active { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-28:disabled { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-28:focus-visible { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-28:focus-within { max-width: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-28 { max-width: 7rem; }
  html[data-theme="dark"] .dark-uw-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-28:hover { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-28:focus { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-28:active { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-28:disabled { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-28:focus-visible { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-28:focus-within { min-height: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-28 { min-height: 7rem; }
  html[data-theme="dark"] .dark-uw-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-28:hover { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-28:focus { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-28:active { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-28:disabled { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-28:focus-visible { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-28:focus-within { max-height: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-28 { max-height: 7rem; }
  html[data-theme="dark"] .dark-uw-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-w-32:hover { width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-w-32:focus { width: 8rem; }
  html[data-theme="dark"] .dark-uw-active-w-32:active { width: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-32:disabled { width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-32:focus-visible { width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-32:focus-within { width: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-32 { width: 8rem; }
  html[data-theme="dark"] .dark-uw-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-h-32:hover { height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-h-32:focus { height: 8rem; }
  html[data-theme="dark"] .dark-uw-active-h-32:active { height: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-32:disabled { height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-32:focus-visible { height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-32:focus-within { height: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-32 { height: 8rem; }
  html[data-theme="dark"] .dark-uw-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-32:hover { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-32:focus { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-32:active { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-32:disabled { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-32:focus-visible { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-32:focus-within { min-width: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-32 { min-width: 8rem; }
  html[data-theme="dark"] .dark-uw-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-32:hover { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-32:focus { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-32:active { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-32:disabled { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-32:focus-visible { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-32:focus-within { max-width: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-32 { max-width: 8rem; }
  html[data-theme="dark"] .dark-uw-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-32:hover { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-32:focus { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-32:active { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-32:disabled { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-32:focus-visible { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-32:focus-within { min-height: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-32 { min-height: 8rem; }
  html[data-theme="dark"] .dark-uw-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-32:hover { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-32:focus { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-32:active { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-32:disabled { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-32:focus-visible { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-32:focus-within { max-height: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-32 { max-height: 8rem; }
  html[data-theme="dark"] .dark-uw-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-w-36:hover { width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-w-36:focus { width: 9rem; }
  html[data-theme="dark"] .dark-uw-active-w-36:active { width: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-36:disabled { width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-36:focus-visible { width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-36:focus-within { width: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-36 { width: 9rem; }
  html[data-theme="dark"] .dark-uw-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-h-36:hover { height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-h-36:focus { height: 9rem; }
  html[data-theme="dark"] .dark-uw-active-h-36:active { height: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-36:disabled { height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-36:focus-visible { height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-36:focus-within { height: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-36 { height: 9rem; }
  html[data-theme="dark"] .dark-uw-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-36:hover { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-36:focus { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-36:active { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-36:disabled { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-36:focus-visible { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-36:focus-within { min-width: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-36 { min-width: 9rem; }
  html[data-theme="dark"] .dark-uw-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-36:hover { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-36:focus { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-36:active { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-36:disabled { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-36:focus-visible { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-36:focus-within { max-width: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-36 { max-width: 9rem; }
  html[data-theme="dark"] .dark-uw-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-36:hover { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-36:focus { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-36:active { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-36:disabled { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-36:focus-visible { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-36:focus-within { min-height: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-36 { min-height: 9rem; }
  html[data-theme="dark"] .dark-uw-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-36:hover { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-36:focus { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-36:active { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-36:disabled { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-36:focus-visible { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-36:focus-within { max-height: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-36 { max-height: 9rem; }
  html[data-theme="dark"] .dark-uw-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-w-40:hover { width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-w-40:focus { width: 10rem; }
  html[data-theme="dark"] .dark-uw-active-w-40:active { width: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-40:disabled { width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-40:focus-visible { width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-40:focus-within { width: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-40 { width: 10rem; }
  html[data-theme="dark"] .dark-uw-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-h-40:hover { height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-h-40:focus { height: 10rem; }
  html[data-theme="dark"] .dark-uw-active-h-40:active { height: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-40:disabled { height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-40:focus-visible { height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-40:focus-within { height: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-40 { height: 10rem; }
  html[data-theme="dark"] .dark-uw-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-40:hover { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-40:focus { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-40:active { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-40:disabled { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-40:focus-visible { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-40:focus-within { min-width: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-40 { min-width: 10rem; }
  html[data-theme="dark"] .dark-uw-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-40:hover { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-40:focus { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-40:active { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-40:disabled { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-40:focus-visible { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-40:focus-within { max-width: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-40 { max-width: 10rem; }
  html[data-theme="dark"] .dark-uw-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-40:hover { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-40:focus { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-40:active { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-40:disabled { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-40:focus-visible { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-40:focus-within { min-height: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-40 { min-height: 10rem; }
  html[data-theme="dark"] .dark-uw-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-40:hover { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-40:focus { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-40:active { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-40:disabled { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-40:focus-visible { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-40:focus-within { max-height: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-40 { max-height: 10rem; }
  html[data-theme="dark"] .dark-uw-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-w-44:hover { width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-w-44:focus { width: 11rem; }
  html[data-theme="dark"] .dark-uw-active-w-44:active { width: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-44:disabled { width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-44:focus-visible { width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-44:focus-within { width: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-44 { width: 11rem; }
  html[data-theme="dark"] .dark-uw-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-h-44:hover { height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-h-44:focus { height: 11rem; }
  html[data-theme="dark"] .dark-uw-active-h-44:active { height: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-44:disabled { height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-44:focus-visible { height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-44:focus-within { height: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-44 { height: 11rem; }
  html[data-theme="dark"] .dark-uw-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-44:hover { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-44:focus { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-44:active { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-44:disabled { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-44:focus-visible { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-44:focus-within { min-width: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-44 { min-width: 11rem; }
  html[data-theme="dark"] .dark-uw-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-44:hover { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-44:focus { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-44:active { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-44:disabled { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-44:focus-visible { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-44:focus-within { max-width: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-44 { max-width: 11rem; }
  html[data-theme="dark"] .dark-uw-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-44:hover { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-44:focus { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-44:active { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-44:disabled { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-44:focus-visible { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-44:focus-within { min-height: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-44 { min-height: 11rem; }
  html[data-theme="dark"] .dark-uw-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-44:hover { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-44:focus { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-44:active { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-44:disabled { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-44:focus-visible { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-44:focus-within { max-height: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-44 { max-height: 11rem; }
  html[data-theme="dark"] .dark-uw-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-w-48:hover { width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-w-48:focus { width: 12rem; }
  html[data-theme="dark"] .dark-uw-active-w-48:active { width: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-48:disabled { width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-48:focus-visible { width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-48:focus-within { width: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-48 { width: 12rem; }
  html[data-theme="dark"] .dark-uw-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-h-48:hover { height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-h-48:focus { height: 12rem; }
  html[data-theme="dark"] .dark-uw-active-h-48:active { height: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-48:disabled { height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-48:focus-visible { height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-48:focus-within { height: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-48 { height: 12rem; }
  html[data-theme="dark"] .dark-uw-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-48:hover { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-48:focus { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-48:active { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-48:disabled { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-48:focus-visible { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-48:focus-within { min-width: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-48 { min-width: 12rem; }
  html[data-theme="dark"] .dark-uw-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-48:hover { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-48:focus { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-48:active { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-48:disabled { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-48:focus-visible { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-48:focus-within { max-width: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-48 { max-width: 12rem; }
  html[data-theme="dark"] .dark-uw-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-48:hover { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-48:focus { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-48:active { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-48:disabled { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-48:focus-visible { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-48:focus-within { min-height: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-48 { min-height: 12rem; }
  html[data-theme="dark"] .dark-uw-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-48:hover { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-48:focus { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-48:active { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-48:disabled { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-48:focus-visible { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-48:focus-within { max-height: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-48 { max-height: 12rem; }
  html[data-theme="dark"] .dark-uw-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-w-52:hover { width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-w-52:focus { width: 13rem; }
  html[data-theme="dark"] .dark-uw-active-w-52:active { width: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-52:disabled { width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-52:focus-visible { width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-52:focus-within { width: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-52 { width: 13rem; }
  html[data-theme="dark"] .dark-uw-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-h-52:hover { height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-h-52:focus { height: 13rem; }
  html[data-theme="dark"] .dark-uw-active-h-52:active { height: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-52:disabled { height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-52:focus-visible { height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-52:focus-within { height: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-52 { height: 13rem; }
  html[data-theme="dark"] .dark-uw-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-52:hover { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-52:focus { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-52:active { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-52:disabled { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-52:focus-visible { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-52:focus-within { min-width: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-52 { min-width: 13rem; }
  html[data-theme="dark"] .dark-uw-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-52:hover { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-52:focus { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-52:active { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-52:disabled { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-52:focus-visible { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-52:focus-within { max-width: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-52 { max-width: 13rem; }
  html[data-theme="dark"] .dark-uw-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-52:hover { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-52:focus { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-52:active { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-52:disabled { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-52:focus-visible { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-52:focus-within { min-height: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-52 { min-height: 13rem; }
  html[data-theme="dark"] .dark-uw-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-52:hover { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-52:focus { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-52:active { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-52:disabled { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-52:focus-visible { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-52:focus-within { max-height: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-52 { max-height: 13rem; }
  html[data-theme="dark"] .dark-uw-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-w-56:hover { width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-w-56:focus { width: 14rem; }
  html[data-theme="dark"] .dark-uw-active-w-56:active { width: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-56:disabled { width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-56:focus-visible { width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-56:focus-within { width: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-56 { width: 14rem; }
  html[data-theme="dark"] .dark-uw-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-h-56:hover { height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-h-56:focus { height: 14rem; }
  html[data-theme="dark"] .dark-uw-active-h-56:active { height: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-56:disabled { height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-56:focus-visible { height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-56:focus-within { height: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-56 { height: 14rem; }
  html[data-theme="dark"] .dark-uw-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-56:hover { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-56:focus { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-56:active { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-56:disabled { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-56:focus-visible { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-56:focus-within { min-width: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-56 { min-width: 14rem; }
  html[data-theme="dark"] .dark-uw-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-56:hover { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-56:focus { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-56:active { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-56:disabled { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-56:focus-visible { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-56:focus-within { max-width: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-56 { max-width: 14rem; }
  html[data-theme="dark"] .dark-uw-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-56:hover { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-56:focus { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-56:active { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-56:disabled { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-56:focus-visible { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-56:focus-within { min-height: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-56 { min-height: 14rem; }
  html[data-theme="dark"] .dark-uw-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-56:hover { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-56:focus { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-56:active { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-56:disabled { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-56:focus-visible { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-56:focus-within { max-height: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-56 { max-height: 14rem; }
  html[data-theme="dark"] .dark-uw-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-w-60:hover { width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-w-60:focus { width: 15rem; }
  html[data-theme="dark"] .dark-uw-active-w-60:active { width: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-60:disabled { width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-60:focus-visible { width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-60:focus-within { width: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-60 { width: 15rem; }
  html[data-theme="dark"] .dark-uw-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-h-60:hover { height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-h-60:focus { height: 15rem; }
  html[data-theme="dark"] .dark-uw-active-h-60:active { height: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-60:disabled { height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-60:focus-visible { height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-60:focus-within { height: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-60 { height: 15rem; }
  html[data-theme="dark"] .dark-uw-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-60:hover { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-60:focus { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-60:active { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-60:disabled { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-60:focus-visible { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-60:focus-within { min-width: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-60 { min-width: 15rem; }
  html[data-theme="dark"] .dark-uw-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-60:hover { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-60:focus { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-60:active { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-60:disabled { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-60:focus-visible { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-60:focus-within { max-width: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-60 { max-width: 15rem; }
  html[data-theme="dark"] .dark-uw-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-60:hover { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-60:focus { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-60:active { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-60:disabled { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-60:focus-visible { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-60:focus-within { min-height: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-60 { min-height: 15rem; }
  html[data-theme="dark"] .dark-uw-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-60:hover { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-60:focus { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-60:active { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-60:disabled { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-60:focus-visible { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-60:focus-within { max-height: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-60 { max-height: 15rem; }
  html[data-theme="dark"] .dark-uw-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-w-64:hover { width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-w-64:focus { width: 16rem; }
  html[data-theme="dark"] .dark-uw-active-w-64:active { width: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-64:disabled { width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-64:focus-visible { width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-64:focus-within { width: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-64 { width: 16rem; }
  html[data-theme="dark"] .dark-uw-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-h-64:hover { height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-h-64:focus { height: 16rem; }
  html[data-theme="dark"] .dark-uw-active-h-64:active { height: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-64:disabled { height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-64:focus-visible { height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-64:focus-within { height: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-64 { height: 16rem; }
  html[data-theme="dark"] .dark-uw-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-64:hover { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-64:focus { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-64:active { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-64:disabled { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-64:focus-visible { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-64:focus-within { min-width: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-64 { min-width: 16rem; }
  html[data-theme="dark"] .dark-uw-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-64:hover { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-64:focus { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-64:active { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-64:disabled { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-64:focus-visible { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-64:focus-within { max-width: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-64 { max-width: 16rem; }
  html[data-theme="dark"] .dark-uw-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-64:hover { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-64:focus { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-64:active { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-64:disabled { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-64:focus-visible { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-64:focus-within { min-height: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-64 { min-height: 16rem; }
  html[data-theme="dark"] .dark-uw-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-64:hover { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-64:focus { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-64:active { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-64:disabled { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-64:focus-visible { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-64:focus-within { max-height: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-64 { max-height: 16rem; }
  html[data-theme="dark"] .dark-uw-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-w-72:hover { width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-w-72:focus { width: 18rem; }
  html[data-theme="dark"] .dark-uw-active-w-72:active { width: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-72:disabled { width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-72:focus-visible { width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-72:focus-within { width: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-72 { width: 18rem; }
  html[data-theme="dark"] .dark-uw-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-h-72:hover { height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-h-72:focus { height: 18rem; }
  html[data-theme="dark"] .dark-uw-active-h-72:active { height: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-72:disabled { height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-72:focus-visible { height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-72:focus-within { height: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-72 { height: 18rem; }
  html[data-theme="dark"] .dark-uw-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-72:hover { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-72:focus { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-72:active { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-72:disabled { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-72:focus-visible { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-72:focus-within { min-width: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-72 { min-width: 18rem; }
  html[data-theme="dark"] .dark-uw-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-72:hover { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-72:focus { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-72:active { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-72:disabled { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-72:focus-visible { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-72:focus-within { max-width: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-72 { max-width: 18rem; }
  html[data-theme="dark"] .dark-uw-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-72:hover { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-72:focus { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-72:active { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-72:disabled { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-72:focus-visible { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-72:focus-within { min-height: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-72 { min-height: 18rem; }
  html[data-theme="dark"] .dark-uw-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-72:hover { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-72:focus { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-72:active { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-72:disabled { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-72:focus-visible { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-72:focus-within { max-height: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-72 { max-height: 18rem; }
  html[data-theme="dark"] .dark-uw-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-w-80:hover { width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-w-80:focus { width: 20rem; }
  html[data-theme="dark"] .dark-uw-active-w-80:active { width: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-80:disabled { width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-80:focus-visible { width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-80:focus-within { width: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-80 { width: 20rem; }
  html[data-theme="dark"] .dark-uw-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-h-80:hover { height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-h-80:focus { height: 20rem; }
  html[data-theme="dark"] .dark-uw-active-h-80:active { height: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-80:disabled { height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-80:focus-visible { height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-80:focus-within { height: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-80 { height: 20rem; }
  html[data-theme="dark"] .dark-uw-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-80:hover { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-80:focus { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-80:active { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-80:disabled { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-80:focus-visible { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-80:focus-within { min-width: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-80 { min-width: 20rem; }
  html[data-theme="dark"] .dark-uw-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-80:hover { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-80:focus { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-80:active { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-80:disabled { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-80:focus-visible { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-80:focus-within { max-width: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-80 { max-width: 20rem; }
  html[data-theme="dark"] .dark-uw-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-80:hover { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-80:focus { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-80:active { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-80:disabled { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-80:focus-visible { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-80:focus-within { min-height: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-80 { min-height: 20rem; }
  html[data-theme="dark"] .dark-uw-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-80:hover { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-80:focus { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-80:active { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-80:disabled { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-80:focus-visible { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-80:focus-within { max-height: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-80 { max-height: 20rem; }
  html[data-theme="dark"] .dark-uw-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-w-96:hover { width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-w-96:focus { width: 24rem; }
  html[data-theme="dark"] .dark-uw-active-w-96:active { width: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-w-96:disabled { width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-96:focus-visible { width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-w-96:focus-within { width: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-96 { width: 24rem; }
  html[data-theme="dark"] .dark-uw-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-h-96:hover { height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-h-96:focus { height: 24rem; }
  html[data-theme="dark"] .dark-uw-active-h-96:active { height: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-h-96:disabled { height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-96:focus-visible { height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-h-96:focus-within { height: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-96 { height: 24rem; }
  html[data-theme="dark"] .dark-uw-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-min-w-96:hover { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-min-w-96:focus { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-active-min-w-96:active { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-96:disabled { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-96:focus-visible { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-96:focus-within { min-width: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-96 { min-width: 24rem; }
  html[data-theme="dark"] .dark-uw-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-max-w-96:hover { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-max-w-96:focus { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-active-max-w-96:active { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-96:disabled { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-96:focus-visible { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-96:focus-within { max-width: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-96 { max-width: 24rem; }
  html[data-theme="dark"] .dark-uw-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-min-h-96:hover { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-min-h-96:focus { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-active-min-h-96:active { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-96:disabled { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-96:focus-visible { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-96:focus-within { min-height: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-96 { min-height: 24rem; }
  html[data-theme="dark"] .dark-uw-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-max-h-96:hover { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-max-h-96:focus { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-active-max-h-96:active { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-96:disabled { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-96:focus-visible { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-96:focus-within { max-height: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-96 { max-height: 24rem; }
  html[data-theme="dark"] .dark-uw-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-w-1\/2:hover { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-w-1\/2:focus { width: 50%; }
  html[data-theme="dark"] .dark-uw-active-w-1\/2:active { width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-w-1\/2:disabled { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-1\/2:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-1\/2:focus-within { width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-1\/2 { width: 50%; }
  html[data-theme="dark"] .dark-uw-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-h-1\/2:hover { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-h-1\/2:focus { height: 50%; }
  html[data-theme="dark"] .dark-uw-active-h-1\/2:active { height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-h-1\/2:disabled { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-1\/2:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-1\/2:focus-within { height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-1\/2 { height: 50%; }
  html[data-theme="dark"] .dark-uw-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-1\/2:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-1\/2:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-active-min-w-1\/2:active { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-1\/2:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-1\/2:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-1\/2:focus-within { min-width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-1\/2 { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-1\/2:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-1\/2:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-active-max-w-1\/2:active { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-1\/2:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-1\/2:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-1\/2:focus-within { max-width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-1\/2 { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-1\/2:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-1\/2:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-active-min-h-1\/2:active { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-1\/2:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-1\/2:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-1\/2:focus-within { min-height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-1\/2 { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-1\/2:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-1\/2:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-active-max-h-1\/2:active { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-1\/2:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-1\/2:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-1\/2:focus-within { max-height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-1\/2 { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-w-1\/3:hover { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-w-1\/3:focus { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-w-1\/3:active { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-w-1\/3:disabled { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-1\/3:focus-visible { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-1\/3:focus-within { width: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-1\/3 { width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-h-1\/3:hover { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-h-1\/3:focus { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-h-1\/3:active { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-h-1\/3:disabled { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-1\/3:focus-visible { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-1\/3:focus-within { height: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-1\/3 { height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-1\/3:hover { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-1\/3:focus { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-min-w-1\/3:active { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-1\/3:disabled { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-1\/3:focus-visible { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-1\/3:focus-within { min-width: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-1\/3 { min-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-1\/3:hover { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-1\/3:focus { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-max-w-1\/3:active { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-1\/3:disabled { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-1\/3:focus-visible { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-1\/3:focus-within { max-width: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-1\/3 { max-width: 33.3333%; }
  html[data-theme="dark"] .dark-uw-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-1\/3:hover { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-1\/3:focus { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-min-h-1\/3:active { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-1\/3:disabled { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-1\/3:focus-visible { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-1\/3:focus-within { min-height: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-1\/3 { min-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-1\/3:hover { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-1\/3:focus { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-active-max-h-1\/3:active { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-1\/3:disabled { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-1\/3:focus-visible { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-1\/3:focus-within { max-height: 33.3333%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-1\/3 { max-height: 33.3333%; }
  html[data-theme="dark"] .dark-uw-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-w-2\/3:hover { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-w-2\/3:focus { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-w-2\/3:active { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-w-2\/3:disabled { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-2\/3:focus-visible { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-2\/3:focus-within { width: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-2\/3 { width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-h-2\/3:hover { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-h-2\/3:focus { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-h-2\/3:active { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-h-2\/3:disabled { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-2\/3:focus-visible { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-2\/3:focus-within { height: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-2\/3 { height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-2\/3:hover { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-2\/3:focus { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-min-w-2\/3:active { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-2\/3:disabled { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-2\/3:focus-visible { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-2\/3:focus-within { min-width: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-2\/3 { min-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-2\/3:hover { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-2\/3:focus { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-max-w-2\/3:active { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-2\/3:disabled { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-2\/3:focus-visible { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-2\/3:focus-within { max-width: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-2\/3 { max-width: 66.6667%; }
  html[data-theme="dark"] .dark-uw-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-2\/3:hover { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-2\/3:focus { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-min-h-2\/3:active { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-2\/3:disabled { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-2\/3:focus-visible { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-2\/3:focus-within { min-height: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-2\/3 { min-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-2\/3:hover { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-2\/3:focus { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-active-max-h-2\/3:active { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-2\/3:disabled { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-2\/3:focus-visible { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-2\/3:focus-within { max-height: 66.6667%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-2\/3 { max-height: 66.6667%; }
  html[data-theme="dark"] .dark-uw-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-w-1\/4:hover { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-w-1\/4:focus { width: 25%; }
  html[data-theme="dark"] .dark-uw-active-w-1\/4:active { width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-w-1\/4:disabled { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-1\/4:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-1\/4:focus-within { width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-1\/4 { width: 25%; }
  html[data-theme="dark"] .dark-uw-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-h-1\/4:hover { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-h-1\/4:focus { height: 25%; }
  html[data-theme="dark"] .dark-uw-active-h-1\/4:active { height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-h-1\/4:disabled { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-1\/4:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-1\/4:focus-within { height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-1\/4 { height: 25%; }
  html[data-theme="dark"] .dark-uw-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-1\/4:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-1\/4:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-active-min-w-1\/4:active { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-1\/4:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-1\/4:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-1\/4:focus-within { min-width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-1\/4 { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-1\/4:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-1\/4:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-active-max-w-1\/4:active { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-1\/4:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-1\/4:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-1\/4:focus-within { max-width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-1\/4 { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-1\/4:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-1\/4:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-active-min-h-1\/4:active { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-1\/4:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-1\/4:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-1\/4:focus-within { min-height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-1\/4 { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-1\/4:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-1\/4:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-active-max-h-1\/4:active { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-1\/4:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-1\/4:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-1\/4:focus-within { max-height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-1\/4 { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-w-3\/4:hover { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-w-3\/4:focus { width: 75%; }
  html[data-theme="dark"] .dark-uw-active-w-3\/4:active { width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-w-3\/4:disabled { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-3\/4:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-3\/4:focus-within { width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-3\/4 { width: 75%; }
  html[data-theme="dark"] .dark-uw-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-h-3\/4:hover { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-h-3\/4:focus { height: 75%; }
  html[data-theme="dark"] .dark-uw-active-h-3\/4:active { height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-h-3\/4:disabled { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-3\/4:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-3\/4:focus-within { height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-3\/4 { height: 75%; }
  html[data-theme="dark"] .dark-uw-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-3\/4:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-3\/4:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-active-min-w-3\/4:active { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-3\/4:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-3\/4:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-3\/4:focus-within { min-width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-3\/4 { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-3\/4:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-3\/4:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-active-max-w-3\/4:active { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-3\/4:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-3\/4:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-3\/4:focus-within { max-width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-3\/4 { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-3\/4:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-3\/4:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-active-min-h-3\/4:active { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-3\/4:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-3\/4:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-3\/4:focus-within { min-height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-3\/4 { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-3\/4:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-3\/4:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-active-max-h-3\/4:active { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-3\/4:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-3\/4:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-3\/4:focus-within { max-height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-3\/4 { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-w-1\/5:hover { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-w-1\/5:focus { width: 20%; }
  html[data-theme="dark"] .dark-uw-active-w-1\/5:active { width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-w-1\/5:disabled { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-1\/5:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-1\/5:focus-within { width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-1\/5 { width: 20%; }
  html[data-theme="dark"] .dark-uw-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-h-1\/5:hover { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-h-1\/5:focus { height: 20%; }
  html[data-theme="dark"] .dark-uw-active-h-1\/5:active { height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-h-1\/5:disabled { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-1\/5:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-1\/5:focus-within { height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-1\/5 { height: 20%; }
  html[data-theme="dark"] .dark-uw-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-1\/5:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-1\/5:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-active-min-w-1\/5:active { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-1\/5:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-1\/5:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-1\/5:focus-within { min-width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-1\/5 { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-1\/5:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-1\/5:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-active-max-w-1\/5:active { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-1\/5:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-1\/5:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-1\/5:focus-within { max-width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-1\/5 { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-1\/5:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-1\/5:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-active-min-h-1\/5:active { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-1\/5:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-1\/5:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-1\/5:focus-within { min-height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-1\/5 { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-1\/5:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-1\/5:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-active-max-h-1\/5:active { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-1\/5:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-1\/5:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-1\/5:focus-within { max-height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-1\/5 { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-w-2\/5:hover { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-w-2\/5:focus { width: 40%; }
  html[data-theme="dark"] .dark-uw-active-w-2\/5:active { width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-w-2\/5:disabled { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-2\/5:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-2\/5:focus-within { width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-2\/5 { width: 40%; }
  html[data-theme="dark"] .dark-uw-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-h-2\/5:hover { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-h-2\/5:focus { height: 40%; }
  html[data-theme="dark"] .dark-uw-active-h-2\/5:active { height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-h-2\/5:disabled { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-2\/5:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-2\/5:focus-within { height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-2\/5 { height: 40%; }
  html[data-theme="dark"] .dark-uw-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-2\/5:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-2\/5:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-active-min-w-2\/5:active { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-2\/5:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-2\/5:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-2\/5:focus-within { min-width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-2\/5 { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-2\/5:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-2\/5:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-active-max-w-2\/5:active { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-2\/5:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-2\/5:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-2\/5:focus-within { max-width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-2\/5 { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-2\/5:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-2\/5:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-active-min-h-2\/5:active { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-2\/5:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-2\/5:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-2\/5:focus-within { min-height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-2\/5 { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-2\/5:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-2\/5:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-active-max-h-2\/5:active { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-2\/5:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-2\/5:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-2\/5:focus-within { max-height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-2\/5 { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-w-3\/5:hover { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-w-3\/5:focus { width: 60%; }
  html[data-theme="dark"] .dark-uw-active-w-3\/5:active { width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-w-3\/5:disabled { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-3\/5:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-3\/5:focus-within { width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-3\/5 { width: 60%; }
  html[data-theme="dark"] .dark-uw-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-h-3\/5:hover { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-h-3\/5:focus { height: 60%; }
  html[data-theme="dark"] .dark-uw-active-h-3\/5:active { height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-h-3\/5:disabled { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-3\/5:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-3\/5:focus-within { height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-3\/5 { height: 60%; }
  html[data-theme="dark"] .dark-uw-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-3\/5:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-3\/5:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-active-min-w-3\/5:active { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-3\/5:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-3\/5:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-3\/5:focus-within { min-width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-3\/5 { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-3\/5:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-3\/5:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-active-max-w-3\/5:active { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-3\/5:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-3\/5:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-3\/5:focus-within { max-width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-3\/5 { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-3\/5:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-3\/5:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-active-min-h-3\/5:active { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-3\/5:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-3\/5:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-3\/5:focus-within { min-height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-3\/5 { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-3\/5:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-3\/5:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-active-max-h-3\/5:active { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-3\/5:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-3\/5:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-3\/5:focus-within { max-height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-3\/5 { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-w-4\/5:hover { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-w-4\/5:focus { width: 80%; }
  html[data-theme="dark"] .dark-uw-active-w-4\/5:active { width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-w-4\/5:disabled { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-4\/5:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-4\/5:focus-within { width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-4\/5 { width: 80%; }
  html[data-theme="dark"] .dark-uw-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-h-4\/5:hover { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-h-4\/5:focus { height: 80%; }
  html[data-theme="dark"] .dark-uw-active-h-4\/5:active { height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-h-4\/5:disabled { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-4\/5:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-4\/5:focus-within { height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-4\/5 { height: 80%; }
  html[data-theme="dark"] .dark-uw-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-4\/5:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-4\/5:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-active-min-w-4\/5:active { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-4\/5:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-4\/5:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-4\/5:focus-within { min-width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-4\/5 { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-4\/5:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-4\/5:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-active-max-w-4\/5:active { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-4\/5:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-4\/5:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-4\/5:focus-within { max-width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-4\/5 { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-4\/5:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-4\/5:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-active-min-h-4\/5:active { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-4\/5:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-4\/5:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-4\/5:focus-within { min-height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-4\/5 { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-4\/5:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-4\/5:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-active-max-h-4\/5:active { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-4\/5:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-4\/5:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-4\/5:focus-within { max-height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-4\/5 { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-uw-hover-w-5p:hover { width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-w-5p:focus { width: 5%; }
  html[data-theme="dark"] .dark-uw-active-w-5p:active { width: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-w-5p:disabled { width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-5p:focus-visible { width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-5p:focus-within { width: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-5p { width: 5%; }
  html[data-theme="dark"] .dark-uw-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-uw-hover-h-5p:hover { height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-h-5p:focus { height: 5%; }
  html[data-theme="dark"] .dark-uw-active-h-5p:active { height: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-h-5p:disabled { height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-5p:focus-visible { height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-5p:focus-within { height: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-5p { height: 5%; }
  html[data-theme="dark"] .dark-uw-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-5p:hover { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-5p:focus { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-active-min-w-5p:active { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-5p:disabled { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-5p:focus-visible { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-5p:focus-within { min-width: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-5p { min-width: 5%; }
  html[data-theme="dark"] .dark-uw-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-5p:hover { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-5p:focus { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-active-max-w-5p:active { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-5p:disabled { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-5p:focus-visible { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-5p:focus-within { max-width: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-5p { max-width: 5%; }
  html[data-theme="dark"] .dark-uw-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-5p:hover { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-5p:focus { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-active-min-h-5p:active { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-5p:disabled { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-5p:focus-visible { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-5p:focus-within { min-height: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-5p { min-height: 5%; }
  html[data-theme="dark"] .dark-uw-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-5p:hover { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-5p:focus { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-active-max-h-5p:active { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-5p:disabled { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-5p:focus-visible { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-5p:focus-within { max-height: 5%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-5p { max-height: 5%; }
  html[data-theme="dark"] .dark-uw-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-uw-hover-w-10p:hover { width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-w-10p:focus { width: 10%; }
  html[data-theme="dark"] .dark-uw-active-w-10p:active { width: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-w-10p:disabled { width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-10p:focus-visible { width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-10p:focus-within { width: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-10p { width: 10%; }
  html[data-theme="dark"] .dark-uw-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-uw-hover-h-10p:hover { height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-h-10p:focus { height: 10%; }
  html[data-theme="dark"] .dark-uw-active-h-10p:active { height: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-h-10p:disabled { height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-10p:focus-visible { height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-10p:focus-within { height: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-10p { height: 10%; }
  html[data-theme="dark"] .dark-uw-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-10p:hover { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-10p:focus { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-active-min-w-10p:active { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-10p:disabled { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-10p:focus-visible { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-10p:focus-within { min-width: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-10p { min-width: 10%; }
  html[data-theme="dark"] .dark-uw-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-10p:hover { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-10p:focus { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-active-max-w-10p:active { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-10p:disabled { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-10p:focus-visible { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-10p:focus-within { max-width: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-10p { max-width: 10%; }
  html[data-theme="dark"] .dark-uw-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-10p:hover { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-10p:focus { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-active-min-h-10p:active { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-10p:disabled { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-10p:focus-visible { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-10p:focus-within { min-height: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-10p { min-height: 10%; }
  html[data-theme="dark"] .dark-uw-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-10p:hover { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-10p:focus { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-active-max-h-10p:active { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-10p:disabled { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-10p:focus-visible { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-10p:focus-within { max-height: 10%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-10p { max-height: 10%; }
  html[data-theme="dark"] .dark-uw-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-uw-hover-w-15p:hover { width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-w-15p:focus { width: 15%; }
  html[data-theme="dark"] .dark-uw-active-w-15p:active { width: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-w-15p:disabled { width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-15p:focus-visible { width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-15p:focus-within { width: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-15p { width: 15%; }
  html[data-theme="dark"] .dark-uw-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-uw-hover-h-15p:hover { height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-h-15p:focus { height: 15%; }
  html[data-theme="dark"] .dark-uw-active-h-15p:active { height: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-h-15p:disabled { height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-15p:focus-visible { height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-15p:focus-within { height: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-15p { height: 15%; }
  html[data-theme="dark"] .dark-uw-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-15p:hover { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-15p:focus { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-active-min-w-15p:active { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-15p:disabled { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-15p:focus-visible { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-15p:focus-within { min-width: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-15p { min-width: 15%; }
  html[data-theme="dark"] .dark-uw-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-15p:hover { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-15p:focus { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-active-max-w-15p:active { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-15p:disabled { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-15p:focus-visible { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-15p:focus-within { max-width: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-15p { max-width: 15%; }
  html[data-theme="dark"] .dark-uw-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-15p:hover { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-15p:focus { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-active-min-h-15p:active { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-15p:disabled { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-15p:focus-visible { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-15p:focus-within { min-height: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-15p { min-height: 15%; }
  html[data-theme="dark"] .dark-uw-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-15p:hover { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-15p:focus { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-active-max-h-15p:active { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-15p:disabled { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-15p:focus-visible { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-15p:focus-within { max-height: 15%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-15p { max-height: 15%; }
  html[data-theme="dark"] .dark-uw-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-w-20p:hover { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-w-20p:focus { width: 20%; }
  html[data-theme="dark"] .dark-uw-active-w-20p:active { width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-w-20p:disabled { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-20p:focus-visible { width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-20p:focus-within { width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-20p { width: 20%; }
  html[data-theme="dark"] .dark-uw-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-h-20p:hover { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-h-20p:focus { height: 20%; }
  html[data-theme="dark"] .dark-uw-active-h-20p:active { height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-h-20p:disabled { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-20p:focus-visible { height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-20p:focus-within { height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-20p { height: 20%; }
  html[data-theme="dark"] .dark-uw-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-20p:hover { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-20p:focus { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-active-min-w-20p:active { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-20p:disabled { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-20p:focus-visible { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-20p:focus-within { min-width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-20p { min-width: 20%; }
  html[data-theme="dark"] .dark-uw-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-20p:hover { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-20p:focus { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-active-max-w-20p:active { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-20p:disabled { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-20p:focus-visible { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-20p:focus-within { max-width: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-20p { max-width: 20%; }
  html[data-theme="dark"] .dark-uw-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-20p:hover { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-20p:focus { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-active-min-h-20p:active { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-20p:disabled { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-20p:focus-visible { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-20p:focus-within { min-height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-20p { min-height: 20%; }
  html[data-theme="dark"] .dark-uw-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-20p:hover { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-20p:focus { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-active-max-h-20p:active { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-20p:disabled { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-20p:focus-visible { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-20p:focus-within { max-height: 20%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-20p { max-height: 20%; }
  html[data-theme="dark"] .dark-uw-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-w-25p:hover { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-w-25p:focus { width: 25%; }
  html[data-theme="dark"] .dark-uw-active-w-25p:active { width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-w-25p:disabled { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-25p:focus-visible { width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-25p:focus-within { width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-25p { width: 25%; }
  html[data-theme="dark"] .dark-uw-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-h-25p:hover { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-h-25p:focus { height: 25%; }
  html[data-theme="dark"] .dark-uw-active-h-25p:active { height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-h-25p:disabled { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-25p:focus-visible { height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-25p:focus-within { height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-25p { height: 25%; }
  html[data-theme="dark"] .dark-uw-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-25p:hover { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-25p:focus { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-active-min-w-25p:active { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-25p:disabled { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-25p:focus-visible { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-25p:focus-within { min-width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-25p { min-width: 25%; }
  html[data-theme="dark"] .dark-uw-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-25p:hover { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-25p:focus { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-active-max-w-25p:active { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-25p:disabled { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-25p:focus-visible { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-25p:focus-within { max-width: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-25p { max-width: 25%; }
  html[data-theme="dark"] .dark-uw-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-25p:hover { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-25p:focus { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-active-min-h-25p:active { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-25p:disabled { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-25p:focus-visible { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-25p:focus-within { min-height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-25p { min-height: 25%; }
  html[data-theme="dark"] .dark-uw-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-25p:hover { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-25p:focus { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-active-max-h-25p:active { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-25p:disabled { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-25p:focus-visible { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-25p:focus-within { max-height: 25%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-25p { max-height: 25%; }
  html[data-theme="dark"] .dark-uw-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-uw-hover-w-30p:hover { width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-w-30p:focus { width: 30%; }
  html[data-theme="dark"] .dark-uw-active-w-30p:active { width: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-w-30p:disabled { width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-30p:focus-visible { width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-30p:focus-within { width: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-30p { width: 30%; }
  html[data-theme="dark"] .dark-uw-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-uw-hover-h-30p:hover { height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-h-30p:focus { height: 30%; }
  html[data-theme="dark"] .dark-uw-active-h-30p:active { height: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-h-30p:disabled { height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-30p:focus-visible { height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-30p:focus-within { height: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-30p { height: 30%; }
  html[data-theme="dark"] .dark-uw-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-30p:hover { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-30p:focus { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-active-min-w-30p:active { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-30p:disabled { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-30p:focus-visible { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-30p:focus-within { min-width: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-30p { min-width: 30%; }
  html[data-theme="dark"] .dark-uw-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-30p:hover { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-30p:focus { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-active-max-w-30p:active { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-30p:disabled { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-30p:focus-visible { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-30p:focus-within { max-width: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-30p { max-width: 30%; }
  html[data-theme="dark"] .dark-uw-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-30p:hover { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-30p:focus { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-active-min-h-30p:active { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-30p:disabled { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-30p:focus-visible { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-30p:focus-within { min-height: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-30p { min-height: 30%; }
  html[data-theme="dark"] .dark-uw-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-30p:hover { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-30p:focus { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-active-max-h-30p:active { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-30p:disabled { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-30p:focus-visible { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-30p:focus-within { max-height: 30%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-30p { max-height: 30%; }
  html[data-theme="dark"] .dark-uw-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-uw-hover-w-35p:hover { width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-w-35p:focus { width: 35%; }
  html[data-theme="dark"] .dark-uw-active-w-35p:active { width: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-w-35p:disabled { width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-35p:focus-visible { width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-35p:focus-within { width: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-35p { width: 35%; }
  html[data-theme="dark"] .dark-uw-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-uw-hover-h-35p:hover { height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-h-35p:focus { height: 35%; }
  html[data-theme="dark"] .dark-uw-active-h-35p:active { height: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-h-35p:disabled { height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-35p:focus-visible { height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-35p:focus-within { height: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-35p { height: 35%; }
  html[data-theme="dark"] .dark-uw-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-35p:hover { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-35p:focus { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-active-min-w-35p:active { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-35p:disabled { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-35p:focus-visible { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-35p:focus-within { min-width: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-35p { min-width: 35%; }
  html[data-theme="dark"] .dark-uw-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-35p:hover { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-35p:focus { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-active-max-w-35p:active { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-35p:disabled { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-35p:focus-visible { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-35p:focus-within { max-width: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-35p { max-width: 35%; }
  html[data-theme="dark"] .dark-uw-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-35p:hover { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-35p:focus { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-active-min-h-35p:active { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-35p:disabled { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-35p:focus-visible { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-35p:focus-within { min-height: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-35p { min-height: 35%; }
  html[data-theme="dark"] .dark-uw-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-35p:hover { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-35p:focus { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-active-max-h-35p:active { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-35p:disabled { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-35p:focus-visible { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-35p:focus-within { max-height: 35%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-35p { max-height: 35%; }
  html[data-theme="dark"] .dark-uw-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-w-40p:hover { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-w-40p:focus { width: 40%; }
  html[data-theme="dark"] .dark-uw-active-w-40p:active { width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-w-40p:disabled { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-40p:focus-visible { width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-40p:focus-within { width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-40p { width: 40%; }
  html[data-theme="dark"] .dark-uw-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-h-40p:hover { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-h-40p:focus { height: 40%; }
  html[data-theme="dark"] .dark-uw-active-h-40p:active { height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-h-40p:disabled { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-40p:focus-visible { height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-40p:focus-within { height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-40p { height: 40%; }
  html[data-theme="dark"] .dark-uw-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-40p:hover { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-40p:focus { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-active-min-w-40p:active { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-40p:disabled { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-40p:focus-visible { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-40p:focus-within { min-width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-40p { min-width: 40%; }
  html[data-theme="dark"] .dark-uw-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-40p:hover { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-40p:focus { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-active-max-w-40p:active { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-40p:disabled { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-40p:focus-visible { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-40p:focus-within { max-width: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-40p { max-width: 40%; }
  html[data-theme="dark"] .dark-uw-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-40p:hover { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-40p:focus { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-active-min-h-40p:active { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-40p:disabled { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-40p:focus-visible { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-40p:focus-within { min-height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-40p { min-height: 40%; }
  html[data-theme="dark"] .dark-uw-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-40p:hover { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-40p:focus { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-active-max-h-40p:active { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-40p:disabled { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-40p:focus-visible { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-40p:focus-within { max-height: 40%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-40p { max-height: 40%; }
  html[data-theme="dark"] .dark-uw-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-uw-hover-w-45p:hover { width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-w-45p:focus { width: 45%; }
  html[data-theme="dark"] .dark-uw-active-w-45p:active { width: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-w-45p:disabled { width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-45p:focus-visible { width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-45p:focus-within { width: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-45p { width: 45%; }
  html[data-theme="dark"] .dark-uw-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-uw-hover-h-45p:hover { height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-h-45p:focus { height: 45%; }
  html[data-theme="dark"] .dark-uw-active-h-45p:active { height: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-h-45p:disabled { height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-45p:focus-visible { height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-45p:focus-within { height: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-45p { height: 45%; }
  html[data-theme="dark"] .dark-uw-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-45p:hover { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-45p:focus { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-active-min-w-45p:active { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-45p:disabled { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-45p:focus-visible { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-45p:focus-within { min-width: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-45p { min-width: 45%; }
  html[data-theme="dark"] .dark-uw-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-45p:hover { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-45p:focus { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-active-max-w-45p:active { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-45p:disabled { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-45p:focus-visible { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-45p:focus-within { max-width: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-45p { max-width: 45%; }
  html[data-theme="dark"] .dark-uw-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-45p:hover { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-45p:focus { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-active-min-h-45p:active { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-45p:disabled { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-45p:focus-visible { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-45p:focus-within { min-height: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-45p { min-height: 45%; }
  html[data-theme="dark"] .dark-uw-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-45p:hover { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-45p:focus { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-active-max-h-45p:active { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-45p:disabled { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-45p:focus-visible { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-45p:focus-within { max-height: 45%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-45p { max-height: 45%; }
  html[data-theme="dark"] .dark-uw-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-w-50p:hover { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-w-50p:focus { width: 50%; }
  html[data-theme="dark"] .dark-uw-active-w-50p:active { width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-w-50p:disabled { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-50p:focus-visible { width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-50p:focus-within { width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-50p { width: 50%; }
  html[data-theme="dark"] .dark-uw-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-h-50p:hover { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-h-50p:focus { height: 50%; }
  html[data-theme="dark"] .dark-uw-active-h-50p:active { height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-h-50p:disabled { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-50p:focus-visible { height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-50p:focus-within { height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-50p { height: 50%; }
  html[data-theme="dark"] .dark-uw-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-50p:hover { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-50p:focus { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-active-min-w-50p:active { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-50p:disabled { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-50p:focus-visible { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-50p:focus-within { min-width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-50p { min-width: 50%; }
  html[data-theme="dark"] .dark-uw-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-50p:hover { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-50p:focus { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-active-max-w-50p:active { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-50p:disabled { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-50p:focus-visible { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-50p:focus-within { max-width: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-50p { max-width: 50%; }
  html[data-theme="dark"] .dark-uw-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-50p:hover { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-50p:focus { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-active-min-h-50p:active { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-50p:disabled { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-50p:focus-visible { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-50p:focus-within { min-height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-50p { min-height: 50%; }
  html[data-theme="dark"] .dark-uw-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-50p:hover { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-50p:focus { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-active-max-h-50p:active { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-50p:disabled { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-50p:focus-visible { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-50p:focus-within { max-height: 50%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-50p { max-height: 50%; }
  html[data-theme="dark"] .dark-uw-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-uw-hover-w-55p:hover { width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-w-55p:focus { width: 55%; }
  html[data-theme="dark"] .dark-uw-active-w-55p:active { width: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-w-55p:disabled { width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-55p:focus-visible { width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-55p:focus-within { width: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-55p { width: 55%; }
  html[data-theme="dark"] .dark-uw-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-uw-hover-h-55p:hover { height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-h-55p:focus { height: 55%; }
  html[data-theme="dark"] .dark-uw-active-h-55p:active { height: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-h-55p:disabled { height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-55p:focus-visible { height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-55p:focus-within { height: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-55p { height: 55%; }
  html[data-theme="dark"] .dark-uw-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-55p:hover { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-55p:focus { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-active-min-w-55p:active { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-55p:disabled { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-55p:focus-visible { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-55p:focus-within { min-width: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-55p { min-width: 55%; }
  html[data-theme="dark"] .dark-uw-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-55p:hover { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-55p:focus { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-active-max-w-55p:active { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-55p:disabled { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-55p:focus-visible { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-55p:focus-within { max-width: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-55p { max-width: 55%; }
  html[data-theme="dark"] .dark-uw-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-55p:hover { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-55p:focus { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-active-min-h-55p:active { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-55p:disabled { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-55p:focus-visible { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-55p:focus-within { min-height: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-55p { min-height: 55%; }
  html[data-theme="dark"] .dark-uw-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-55p:hover { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-55p:focus { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-active-max-h-55p:active { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-55p:disabled { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-55p:focus-visible { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-55p:focus-within { max-height: 55%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-55p { max-height: 55%; }
  html[data-theme="dark"] .dark-uw-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-w-60p:hover { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-w-60p:focus { width: 60%; }
  html[data-theme="dark"] .dark-uw-active-w-60p:active { width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-w-60p:disabled { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-60p:focus-visible { width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-60p:focus-within { width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-60p { width: 60%; }
  html[data-theme="dark"] .dark-uw-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-h-60p:hover { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-h-60p:focus { height: 60%; }
  html[data-theme="dark"] .dark-uw-active-h-60p:active { height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-h-60p:disabled { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-60p:focus-visible { height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-60p:focus-within { height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-60p { height: 60%; }
  html[data-theme="dark"] .dark-uw-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-60p:hover { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-60p:focus { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-active-min-w-60p:active { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-60p:disabled { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-60p:focus-visible { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-60p:focus-within { min-width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-60p { min-width: 60%; }
  html[data-theme="dark"] .dark-uw-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-60p:hover { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-60p:focus { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-active-max-w-60p:active { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-60p:disabled { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-60p:focus-visible { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-60p:focus-within { max-width: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-60p { max-width: 60%; }
  html[data-theme="dark"] .dark-uw-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-60p:hover { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-60p:focus { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-active-min-h-60p:active { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-60p:disabled { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-60p:focus-visible { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-60p:focus-within { min-height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-60p { min-height: 60%; }
  html[data-theme="dark"] .dark-uw-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-60p:hover { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-60p:focus { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-active-max-h-60p:active { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-60p:disabled { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-60p:focus-visible { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-60p:focus-within { max-height: 60%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-60p { max-height: 60%; }
  html[data-theme="dark"] .dark-uw-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-uw-hover-w-65p:hover { width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-w-65p:focus { width: 65%; }
  html[data-theme="dark"] .dark-uw-active-w-65p:active { width: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-w-65p:disabled { width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-65p:focus-visible { width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-65p:focus-within { width: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-65p { width: 65%; }
  html[data-theme="dark"] .dark-uw-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-uw-hover-h-65p:hover { height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-h-65p:focus { height: 65%; }
  html[data-theme="dark"] .dark-uw-active-h-65p:active { height: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-h-65p:disabled { height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-65p:focus-visible { height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-65p:focus-within { height: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-65p { height: 65%; }
  html[data-theme="dark"] .dark-uw-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-65p:hover { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-65p:focus { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-active-min-w-65p:active { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-65p:disabled { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-65p:focus-visible { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-65p:focus-within { min-width: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-65p { min-width: 65%; }
  html[data-theme="dark"] .dark-uw-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-65p:hover { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-65p:focus { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-active-max-w-65p:active { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-65p:disabled { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-65p:focus-visible { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-65p:focus-within { max-width: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-65p { max-width: 65%; }
  html[data-theme="dark"] .dark-uw-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-65p:hover { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-65p:focus { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-active-min-h-65p:active { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-65p:disabled { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-65p:focus-visible { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-65p:focus-within { min-height: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-65p { min-height: 65%; }
  html[data-theme="dark"] .dark-uw-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-65p:hover { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-65p:focus { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-active-max-h-65p:active { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-65p:disabled { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-65p:focus-visible { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-65p:focus-within { max-height: 65%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-65p { max-height: 65%; }
  html[data-theme="dark"] .dark-uw-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-uw-hover-w-70p:hover { width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-w-70p:focus { width: 70%; }
  html[data-theme="dark"] .dark-uw-active-w-70p:active { width: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-w-70p:disabled { width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-70p:focus-visible { width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-70p:focus-within { width: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-70p { width: 70%; }
  html[data-theme="dark"] .dark-uw-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-uw-hover-h-70p:hover { height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-h-70p:focus { height: 70%; }
  html[data-theme="dark"] .dark-uw-active-h-70p:active { height: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-h-70p:disabled { height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-70p:focus-visible { height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-70p:focus-within { height: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-70p { height: 70%; }
  html[data-theme="dark"] .dark-uw-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-70p:hover { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-70p:focus { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-active-min-w-70p:active { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-70p:disabled { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-70p:focus-visible { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-70p:focus-within { min-width: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-70p { min-width: 70%; }
  html[data-theme="dark"] .dark-uw-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-70p:hover { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-70p:focus { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-active-max-w-70p:active { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-70p:disabled { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-70p:focus-visible { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-70p:focus-within { max-width: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-70p { max-width: 70%; }
  html[data-theme="dark"] .dark-uw-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-70p:hover { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-70p:focus { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-active-min-h-70p:active { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-70p:disabled { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-70p:focus-visible { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-70p:focus-within { min-height: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-70p { min-height: 70%; }
  html[data-theme="dark"] .dark-uw-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-70p:hover { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-70p:focus { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-active-max-h-70p:active { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-70p:disabled { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-70p:focus-visible { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-70p:focus-within { max-height: 70%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-70p { max-height: 70%; }
  html[data-theme="dark"] .dark-uw-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-w-75p:hover { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-w-75p:focus { width: 75%; }
  html[data-theme="dark"] .dark-uw-active-w-75p:active { width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-w-75p:disabled { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-75p:focus-visible { width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-75p:focus-within { width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-75p { width: 75%; }
  html[data-theme="dark"] .dark-uw-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-h-75p:hover { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-h-75p:focus { height: 75%; }
  html[data-theme="dark"] .dark-uw-active-h-75p:active { height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-h-75p:disabled { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-75p:focus-visible { height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-75p:focus-within { height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-75p { height: 75%; }
  html[data-theme="dark"] .dark-uw-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-75p:hover { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-75p:focus { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-active-min-w-75p:active { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-75p:disabled { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-75p:focus-visible { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-75p:focus-within { min-width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-75p { min-width: 75%; }
  html[data-theme="dark"] .dark-uw-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-75p:hover { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-75p:focus { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-active-max-w-75p:active { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-75p:disabled { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-75p:focus-visible { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-75p:focus-within { max-width: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-75p { max-width: 75%; }
  html[data-theme="dark"] .dark-uw-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-75p:hover { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-75p:focus { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-active-min-h-75p:active { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-75p:disabled { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-75p:focus-visible { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-75p:focus-within { min-height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-75p { min-height: 75%; }
  html[data-theme="dark"] .dark-uw-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-75p:hover { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-75p:focus { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-active-max-h-75p:active { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-75p:disabled { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-75p:focus-visible { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-75p:focus-within { max-height: 75%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-75p { max-height: 75%; }
  html[data-theme="dark"] .dark-uw-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-w-80p:hover { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-w-80p:focus { width: 80%; }
  html[data-theme="dark"] .dark-uw-active-w-80p:active { width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-w-80p:disabled { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-80p:focus-visible { width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-80p:focus-within { width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-80p { width: 80%; }
  html[data-theme="dark"] .dark-uw-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-h-80p:hover { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-h-80p:focus { height: 80%; }
  html[data-theme="dark"] .dark-uw-active-h-80p:active { height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-h-80p:disabled { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-80p:focus-visible { height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-80p:focus-within { height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-80p { height: 80%; }
  html[data-theme="dark"] .dark-uw-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-80p:hover { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-80p:focus { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-active-min-w-80p:active { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-80p:disabled { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-80p:focus-visible { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-80p:focus-within { min-width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-80p { min-width: 80%; }
  html[data-theme="dark"] .dark-uw-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-80p:hover { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-80p:focus { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-active-max-w-80p:active { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-80p:disabled { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-80p:focus-visible { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-80p:focus-within { max-width: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-80p { max-width: 80%; }
  html[data-theme="dark"] .dark-uw-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-80p:hover { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-80p:focus { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-active-min-h-80p:active { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-80p:disabled { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-80p:focus-visible { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-80p:focus-within { min-height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-80p { min-height: 80%; }
  html[data-theme="dark"] .dark-uw-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-80p:hover { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-80p:focus { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-active-max-h-80p:active { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-80p:disabled { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-80p:focus-visible { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-80p:focus-within { max-height: 80%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-80p { max-height: 80%; }
  html[data-theme="dark"] .dark-uw-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-uw-hover-w-85p:hover { width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-w-85p:focus { width: 85%; }
  html[data-theme="dark"] .dark-uw-active-w-85p:active { width: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-w-85p:disabled { width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-85p:focus-visible { width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-85p:focus-within { width: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-85p { width: 85%; }
  html[data-theme="dark"] .dark-uw-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-uw-hover-h-85p:hover { height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-h-85p:focus { height: 85%; }
  html[data-theme="dark"] .dark-uw-active-h-85p:active { height: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-h-85p:disabled { height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-85p:focus-visible { height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-85p:focus-within { height: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-85p { height: 85%; }
  html[data-theme="dark"] .dark-uw-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-85p:hover { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-85p:focus { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-active-min-w-85p:active { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-85p:disabled { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-85p:focus-visible { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-85p:focus-within { min-width: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-85p { min-width: 85%; }
  html[data-theme="dark"] .dark-uw-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-85p:hover { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-85p:focus { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-active-max-w-85p:active { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-85p:disabled { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-85p:focus-visible { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-85p:focus-within { max-width: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-85p { max-width: 85%; }
  html[data-theme="dark"] .dark-uw-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-85p:hover { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-85p:focus { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-active-min-h-85p:active { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-85p:disabled { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-85p:focus-visible { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-85p:focus-within { min-height: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-85p { min-height: 85%; }
  html[data-theme="dark"] .dark-uw-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-85p:hover { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-85p:focus { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-active-max-h-85p:active { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-85p:disabled { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-85p:focus-visible { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-85p:focus-within { max-height: 85%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-85p { max-height: 85%; }
  html[data-theme="dark"] .dark-uw-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-uw-hover-w-90p:hover { width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-w-90p:focus { width: 90%; }
  html[data-theme="dark"] .dark-uw-active-w-90p:active { width: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-w-90p:disabled { width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-90p:focus-visible { width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-90p:focus-within { width: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-90p { width: 90%; }
  html[data-theme="dark"] .dark-uw-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-uw-hover-h-90p:hover { height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-h-90p:focus { height: 90%; }
  html[data-theme="dark"] .dark-uw-active-h-90p:active { height: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-h-90p:disabled { height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-90p:focus-visible { height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-90p:focus-within { height: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-90p { height: 90%; }
  html[data-theme="dark"] .dark-uw-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-90p:hover { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-90p:focus { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-active-min-w-90p:active { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-90p:disabled { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-90p:focus-visible { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-90p:focus-within { min-width: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-90p { min-width: 90%; }
  html[data-theme="dark"] .dark-uw-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-90p:hover { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-90p:focus { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-active-max-w-90p:active { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-90p:disabled { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-90p:focus-visible { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-90p:focus-within { max-width: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-90p { max-width: 90%; }
  html[data-theme="dark"] .dark-uw-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-90p:hover { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-90p:focus { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-active-min-h-90p:active { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-90p:disabled { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-90p:focus-visible { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-90p:focus-within { min-height: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-90p { min-height: 90%; }
  html[data-theme="dark"] .dark-uw-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-90p:hover { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-90p:focus { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-active-max-h-90p:active { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-90p:disabled { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-90p:focus-visible { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-90p:focus-within { max-height: 90%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-90p { max-height: 90%; }
  html[data-theme="dark"] .dark-uw-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-uw-hover-w-95p:hover { width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-w-95p:focus { width: 95%; }
  html[data-theme="dark"] .dark-uw-active-w-95p:active { width: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-w-95p:disabled { width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-95p:focus-visible { width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-95p:focus-within { width: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-95p { width: 95%; }
  html[data-theme="dark"] .dark-uw-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-uw-hover-h-95p:hover { height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-h-95p:focus { height: 95%; }
  html[data-theme="dark"] .dark-uw-active-h-95p:active { height: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-h-95p:disabled { height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-95p:focus-visible { height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-95p:focus-within { height: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-95p { height: 95%; }
  html[data-theme="dark"] .dark-uw-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-95p:hover { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-95p:focus { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-active-min-w-95p:active { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-95p:disabled { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-95p:focus-visible { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-95p:focus-within { min-width: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-95p { min-width: 95%; }
  html[data-theme="dark"] .dark-uw-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-95p:hover { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-95p:focus { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-active-max-w-95p:active { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-95p:disabled { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-95p:focus-visible { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-95p:focus-within { max-width: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-95p { max-width: 95%; }
  html[data-theme="dark"] .dark-uw-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-95p:hover { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-95p:focus { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-active-min-h-95p:active { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-95p:disabled { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-95p:focus-visible { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-95p:focus-within { min-height: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-95p { min-height: 95%; }
  html[data-theme="dark"] .dark-uw-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-95p:hover { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-95p:focus { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-active-max-h-95p:active { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-95p:disabled { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-95p:focus-visible { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-95p:focus-within { max-height: 95%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-95p { max-height: 95%; }
  html[data-theme="dark"] .dark-uw-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-w-100p:hover { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-w-100p:focus { width: 100%; }
  html[data-theme="dark"] .dark-uw-active-w-100p:active { width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-w-100p:disabled { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-100p:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-100p:focus-within { width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-100p { width: 100%; }
  html[data-theme="dark"] .dark-uw-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-h-100p:hover { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-h-100p:focus { height: 100%; }
  html[data-theme="dark"] .dark-uw-active-h-100p:active { height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-h-100p:disabled { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-100p:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-100p:focus-within { height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-100p { height: 100%; }
  html[data-theme="dark"] .dark-uw-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-100p:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-100p:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-active-min-w-100p:active { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-100p:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-100p:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-100p:focus-within { min-width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-100p { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-100p:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-100p:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-active-max-w-100p:active { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-100p:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-100p:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-100p:focus-within { max-width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-100p { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-100p:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-100p:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-active-min-h-100p:active { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-100p:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-100p:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-100p:focus-within { min-height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-100p { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-100p:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-100p:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-active-max-h-100p:active { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-100p:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-100p:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-100p:focus-within { max-height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-100p { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-w-10vw:hover { width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-w-10vw:focus { width: 10vw; }
  html[data-theme="dark"] .dark-uw-active-w-10vw:active { width: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-10vw:disabled { width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-10vw:focus-visible { width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-10vw:focus-within { width: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-10vw { width: 10vw; }
  html[data-theme="dark"] .dark-uw-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-h-10vw:hover { height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-h-10vw:focus { height: 10vw; }
  html[data-theme="dark"] .dark-uw-active-h-10vw:active { height: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-10vw:disabled { height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-10vw:focus-visible { height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-10vw:focus-within { height: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-10vw { height: 10vw; }
  html[data-theme="dark"] .dark-uw-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-10vw:hover { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-10vw:focus { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-10vw:active { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-10vw:disabled { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-10vw:focus-visible { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-10vw:focus-within { min-width: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-10vw { min-width: 10vw; }
  html[data-theme="dark"] .dark-uw-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-10vw:hover { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-10vw:focus { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-10vw:active { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-10vw:disabled { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-10vw:focus-visible { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-10vw:focus-within { max-width: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-10vw { max-width: 10vw; }
  html[data-theme="dark"] .dark-uw-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-10vw:hover { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-10vw:focus { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-10vw:active { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-10vw:disabled { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-10vw:focus-visible { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-10vw:focus-within { min-height: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-10vw { min-height: 10vw; }
  html[data-theme="dark"] .dark-uw-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-10vw:hover { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-10vw:focus { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-10vw:active { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-10vw:disabled { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-10vw:focus-visible { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-10vw:focus-within { max-height: 10vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-10vw { max-height: 10vw; }
  html[data-theme="dark"] .dark-uw-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-w-20vw:hover { width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-w-20vw:focus { width: 20vw; }
  html[data-theme="dark"] .dark-uw-active-w-20vw:active { width: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-20vw:disabled { width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-20vw:focus-visible { width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-20vw:focus-within { width: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-20vw { width: 20vw; }
  html[data-theme="dark"] .dark-uw-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-h-20vw:hover { height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-h-20vw:focus { height: 20vw; }
  html[data-theme="dark"] .dark-uw-active-h-20vw:active { height: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-20vw:disabled { height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-20vw:focus-visible { height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-20vw:focus-within { height: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-20vw { height: 20vw; }
  html[data-theme="dark"] .dark-uw-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-20vw:hover { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-20vw:focus { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-20vw:active { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-20vw:disabled { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-20vw:focus-visible { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-20vw:focus-within { min-width: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-20vw { min-width: 20vw; }
  html[data-theme="dark"] .dark-uw-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-20vw:hover { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-20vw:focus { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-20vw:active { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-20vw:disabled { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-20vw:focus-visible { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-20vw:focus-within { max-width: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-20vw { max-width: 20vw; }
  html[data-theme="dark"] .dark-uw-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-20vw:hover { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-20vw:focus { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-20vw:active { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-20vw:disabled { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-20vw:focus-visible { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-20vw:focus-within { min-height: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-20vw { min-height: 20vw; }
  html[data-theme="dark"] .dark-uw-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-20vw:hover { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-20vw:focus { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-20vw:active { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-20vw:disabled { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-20vw:focus-visible { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-20vw:focus-within { max-height: 20vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-20vw { max-height: 20vw; }
  html[data-theme="dark"] .dark-uw-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-w-30vw:hover { width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-w-30vw:focus { width: 30vw; }
  html[data-theme="dark"] .dark-uw-active-w-30vw:active { width: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-30vw:disabled { width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-30vw:focus-visible { width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-30vw:focus-within { width: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-30vw { width: 30vw; }
  html[data-theme="dark"] .dark-uw-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-h-30vw:hover { height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-h-30vw:focus { height: 30vw; }
  html[data-theme="dark"] .dark-uw-active-h-30vw:active { height: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-30vw:disabled { height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-30vw:focus-visible { height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-30vw:focus-within { height: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-30vw { height: 30vw; }
  html[data-theme="dark"] .dark-uw-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-30vw:hover { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-30vw:focus { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-30vw:active { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-30vw:disabled { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-30vw:focus-visible { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-30vw:focus-within { min-width: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-30vw { min-width: 30vw; }
  html[data-theme="dark"] .dark-uw-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-30vw:hover { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-30vw:focus { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-30vw:active { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-30vw:disabled { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-30vw:focus-visible { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-30vw:focus-within { max-width: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-30vw { max-width: 30vw; }
  html[data-theme="dark"] .dark-uw-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-30vw:hover { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-30vw:focus { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-30vw:active { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-30vw:disabled { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-30vw:focus-visible { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-30vw:focus-within { min-height: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-30vw { min-height: 30vw; }
  html[data-theme="dark"] .dark-uw-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-30vw:hover { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-30vw:focus { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-30vw:active { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-30vw:disabled { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-30vw:focus-visible { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-30vw:focus-within { max-height: 30vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-30vw { max-height: 30vw; }
  html[data-theme="dark"] .dark-uw-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-w-40vw:hover { width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-w-40vw:focus { width: 40vw; }
  html[data-theme="dark"] .dark-uw-active-w-40vw:active { width: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-40vw:disabled { width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-40vw:focus-visible { width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-40vw:focus-within { width: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-40vw { width: 40vw; }
  html[data-theme="dark"] .dark-uw-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-h-40vw:hover { height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-h-40vw:focus { height: 40vw; }
  html[data-theme="dark"] .dark-uw-active-h-40vw:active { height: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-40vw:disabled { height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-40vw:focus-visible { height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-40vw:focus-within { height: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-40vw { height: 40vw; }
  html[data-theme="dark"] .dark-uw-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-40vw:hover { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-40vw:focus { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-40vw:active { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-40vw:disabled { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-40vw:focus-visible { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-40vw:focus-within { min-width: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-40vw { min-width: 40vw; }
  html[data-theme="dark"] .dark-uw-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-40vw:hover { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-40vw:focus { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-40vw:active { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-40vw:disabled { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-40vw:focus-visible { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-40vw:focus-within { max-width: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-40vw { max-width: 40vw; }
  html[data-theme="dark"] .dark-uw-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-40vw:hover { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-40vw:focus { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-40vw:active { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-40vw:disabled { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-40vw:focus-visible { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-40vw:focus-within { min-height: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-40vw { min-height: 40vw; }
  html[data-theme="dark"] .dark-uw-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-40vw:hover { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-40vw:focus { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-40vw:active { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-40vw:disabled { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-40vw:focus-visible { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-40vw:focus-within { max-height: 40vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-40vw { max-height: 40vw; }
  html[data-theme="dark"] .dark-uw-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-w-50vw:hover { width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-w-50vw:focus { width: 50vw; }
  html[data-theme="dark"] .dark-uw-active-w-50vw:active { width: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-50vw:disabled { width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-50vw:focus-visible { width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-50vw:focus-within { width: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-50vw { width: 50vw; }
  html[data-theme="dark"] .dark-uw-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-h-50vw:hover { height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-h-50vw:focus { height: 50vw; }
  html[data-theme="dark"] .dark-uw-active-h-50vw:active { height: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-50vw:disabled { height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-50vw:focus-visible { height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-50vw:focus-within { height: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-50vw { height: 50vw; }
  html[data-theme="dark"] .dark-uw-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-50vw:hover { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-50vw:focus { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-50vw:active { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-50vw:disabled { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-50vw:focus-visible { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-50vw:focus-within { min-width: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-50vw { min-width: 50vw; }
  html[data-theme="dark"] .dark-uw-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-50vw:hover { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-50vw:focus { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-50vw:active { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-50vw:disabled { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-50vw:focus-visible { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-50vw:focus-within { max-width: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-50vw { max-width: 50vw; }
  html[data-theme="dark"] .dark-uw-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-50vw:hover { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-50vw:focus { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-50vw:active { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-50vw:disabled { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-50vw:focus-visible { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-50vw:focus-within { min-height: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-50vw { min-height: 50vw; }
  html[data-theme="dark"] .dark-uw-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-50vw:hover { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-50vw:focus { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-50vw:active { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-50vw:disabled { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-50vw:focus-visible { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-50vw:focus-within { max-height: 50vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-50vw { max-height: 50vw; }
  html[data-theme="dark"] .dark-uw-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-w-60vw:hover { width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-w-60vw:focus { width: 60vw; }
  html[data-theme="dark"] .dark-uw-active-w-60vw:active { width: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-60vw:disabled { width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-60vw:focus-visible { width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-60vw:focus-within { width: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-60vw { width: 60vw; }
  html[data-theme="dark"] .dark-uw-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-h-60vw:hover { height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-h-60vw:focus { height: 60vw; }
  html[data-theme="dark"] .dark-uw-active-h-60vw:active { height: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-60vw:disabled { height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-60vw:focus-visible { height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-60vw:focus-within { height: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-60vw { height: 60vw; }
  html[data-theme="dark"] .dark-uw-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-60vw:hover { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-60vw:focus { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-60vw:active { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-60vw:disabled { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-60vw:focus-visible { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-60vw:focus-within { min-width: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-60vw { min-width: 60vw; }
  html[data-theme="dark"] .dark-uw-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-60vw:hover { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-60vw:focus { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-60vw:active { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-60vw:disabled { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-60vw:focus-visible { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-60vw:focus-within { max-width: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-60vw { max-width: 60vw; }
  html[data-theme="dark"] .dark-uw-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-60vw:hover { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-60vw:focus { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-60vw:active { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-60vw:disabled { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-60vw:focus-visible { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-60vw:focus-within { min-height: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-60vw { min-height: 60vw; }
  html[data-theme="dark"] .dark-uw-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-60vw:hover { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-60vw:focus { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-60vw:active { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-60vw:disabled { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-60vw:focus-visible { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-60vw:focus-within { max-height: 60vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-60vw { max-height: 60vw; }
  html[data-theme="dark"] .dark-uw-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-w-70vw:hover { width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-w-70vw:focus { width: 70vw; }
  html[data-theme="dark"] .dark-uw-active-w-70vw:active { width: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-70vw:disabled { width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-70vw:focus-visible { width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-70vw:focus-within { width: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-70vw { width: 70vw; }
  html[data-theme="dark"] .dark-uw-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-h-70vw:hover { height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-h-70vw:focus { height: 70vw; }
  html[data-theme="dark"] .dark-uw-active-h-70vw:active { height: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-70vw:disabled { height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-70vw:focus-visible { height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-70vw:focus-within { height: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-70vw { height: 70vw; }
  html[data-theme="dark"] .dark-uw-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-70vw:hover { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-70vw:focus { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-70vw:active { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-70vw:disabled { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-70vw:focus-visible { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-70vw:focus-within { min-width: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-70vw { min-width: 70vw; }
  html[data-theme="dark"] .dark-uw-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-70vw:hover { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-70vw:focus { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-70vw:active { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-70vw:disabled { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-70vw:focus-visible { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-70vw:focus-within { max-width: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-70vw { max-width: 70vw; }
  html[data-theme="dark"] .dark-uw-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-70vw:hover { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-70vw:focus { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-70vw:active { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-70vw:disabled { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-70vw:focus-visible { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-70vw:focus-within { min-height: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-70vw { min-height: 70vw; }
  html[data-theme="dark"] .dark-uw-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-70vw:hover { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-70vw:focus { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-70vw:active { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-70vw:disabled { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-70vw:focus-visible { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-70vw:focus-within { max-height: 70vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-70vw { max-height: 70vw; }
  html[data-theme="dark"] .dark-uw-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-w-80vw:hover { width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-w-80vw:focus { width: 80vw; }
  html[data-theme="dark"] .dark-uw-active-w-80vw:active { width: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-80vw:disabled { width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-80vw:focus-visible { width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-80vw:focus-within { width: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-80vw { width: 80vw; }
  html[data-theme="dark"] .dark-uw-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-h-80vw:hover { height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-h-80vw:focus { height: 80vw; }
  html[data-theme="dark"] .dark-uw-active-h-80vw:active { height: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-80vw:disabled { height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-80vw:focus-visible { height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-80vw:focus-within { height: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-80vw { height: 80vw; }
  html[data-theme="dark"] .dark-uw-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-80vw:hover { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-80vw:focus { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-80vw:active { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-80vw:disabled { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-80vw:focus-visible { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-80vw:focus-within { min-width: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-80vw { min-width: 80vw; }
  html[data-theme="dark"] .dark-uw-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-80vw:hover { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-80vw:focus { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-80vw:active { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-80vw:disabled { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-80vw:focus-visible { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-80vw:focus-within { max-width: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-80vw { max-width: 80vw; }
  html[data-theme="dark"] .dark-uw-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-80vw:hover { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-80vw:focus { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-80vw:active { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-80vw:disabled { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-80vw:focus-visible { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-80vw:focus-within { min-height: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-80vw { min-height: 80vw; }
  html[data-theme="dark"] .dark-uw-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-80vw:hover { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-80vw:focus { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-80vw:active { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-80vw:disabled { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-80vw:focus-visible { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-80vw:focus-within { max-height: 80vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-80vw { max-height: 80vw; }
  html[data-theme="dark"] .dark-uw-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-w-90vw:hover { width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-w-90vw:focus { width: 90vw; }
  html[data-theme="dark"] .dark-uw-active-w-90vw:active { width: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-90vw:disabled { width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-90vw:focus-visible { width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-90vw:focus-within { width: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-90vw { width: 90vw; }
  html[data-theme="dark"] .dark-uw-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-h-90vw:hover { height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-h-90vw:focus { height: 90vw; }
  html[data-theme="dark"] .dark-uw-active-h-90vw:active { height: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-90vw:disabled { height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-90vw:focus-visible { height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-90vw:focus-within { height: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-90vw { height: 90vw; }
  html[data-theme="dark"] .dark-uw-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-90vw:hover { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-90vw:focus { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-90vw:active { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-90vw:disabled { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-90vw:focus-visible { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-90vw:focus-within { min-width: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-90vw { min-width: 90vw; }
  html[data-theme="dark"] .dark-uw-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-90vw:hover { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-90vw:focus { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-90vw:active { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-90vw:disabled { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-90vw:focus-visible { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-90vw:focus-within { max-width: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-90vw { max-width: 90vw; }
  html[data-theme="dark"] .dark-uw-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-90vw:hover { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-90vw:focus { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-90vw:active { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-90vw:disabled { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-90vw:focus-visible { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-90vw:focus-within { min-height: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-90vw { min-height: 90vw; }
  html[data-theme="dark"] .dark-uw-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-90vw:hover { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-90vw:focus { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-90vw:active { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-90vw:disabled { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-90vw:focus-visible { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-90vw:focus-within { max-height: 90vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-90vw { max-height: 90vw; }
  html[data-theme="dark"] .dark-uw-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-w-100vw:hover { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-w-100vw:focus { width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-w-100vw:active { width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-100vw:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-100vw:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-100vw:focus-within { width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-100vw { width: 100vw; }
  html[data-theme="dark"] .dark-uw-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-h-100vw:hover { height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-h-100vw:focus { height: 100vw; }
  html[data-theme="dark"] .dark-uw-active-h-100vw:active { height: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-h-100vw:disabled { height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-100vw:focus-visible { height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-h-100vw:focus-within { height: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-100vw { height: 100vw; }
  html[data-theme="dark"] .dark-uw-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-100vw:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-100vw:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-100vw:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-100vw:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-100vw:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-100vw:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-100vw { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-100vw:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-100vw:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-100vw:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-100vw:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-100vw:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-100vw:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-100vw { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-min-h-100vw:hover { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-min-h-100vw:focus { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-active-min-h-100vw:active { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-100vw:disabled { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-100vw:focus-visible { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-100vw:focus-within { min-height: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-100vw { min-height: 100vw; }
  html[data-theme="dark"] .dark-uw-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-max-h-100vw:hover { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-max-h-100vw:focus { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-active-max-h-100vw:active { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-100vw:disabled { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-100vw:focus-visible { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-100vw:focus-within { max-height: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-100vw { max-height: 100vw; }
  html[data-theme="dark"] .dark-uw-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-w-fit:hover { width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-w-fit:focus { width: fit-content; }
  html[data-theme="dark"] .dark-uw-active-w-fit:active { width: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-w-fit:disabled { width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-fit:focus-visible { width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-w-fit:focus-within { width: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-fit { width: fit-content; }
  html[data-theme="dark"] .dark-uw-w-max { width: max-content; }
  html[data-theme="dark"] .dark-uw-hover-w-max:hover { width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-w-max:focus { width: max-content; }
  html[data-theme="dark"] .dark-uw-active-w-max:active { width: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-w-max:disabled { width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-max:focus-visible { width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-w-max:focus-within { width: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-max { width: max-content; }
  html[data-theme="dark"] .dark-uw-w-min { width: min-content; }
  html[data-theme="dark"] .dark-uw-hover-w-min:hover { width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-w-min:focus { width: min-content; }
  html[data-theme="dark"] .dark-uw-active-w-min:active { width: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-w-min:disabled { width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-min:focus-visible { width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-w-min:focus-within { width: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-min { width: min-content; }
  html[data-theme="dark"] .dark-uw-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-w-minmax:hover { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-w-minmax:focus { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-w-minmax:active { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-w-minmax:disabled { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-w-minmax:focus-visible { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-w-minmax:focus-within { width: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-minmax { width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-w-full { width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-w-full:hover { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-w-full:focus { width: 100%; }
  html[data-theme="dark"] .dark-uw-active-w-full:active { width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-w-full:disabled { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-full:focus-visible { width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-w-full:focus-within { width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-full { width: 100%; }
  html[data-theme="dark"] .dark-uw-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-w-screen:hover { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-w-screen:focus { width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-w-screen:active { width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-w-screen:disabled { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-w-screen:focus-visible { width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-w-screen:focus-within { width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-w-screen { width: 100vw; }
  html[data-theme="dark"] .dark-uw-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-h-fit:hover { height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-h-fit:focus { height: fit-content; }
  html[data-theme="dark"] .dark-uw-active-h-fit:active { height: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-h-fit:disabled { height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-fit:focus-visible { height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-h-fit:focus-within { height: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-fit { height: fit-content; }
  html[data-theme="dark"] .dark-uw-h-max { height: max-content; }
  html[data-theme="dark"] .dark-uw-hover-h-max:hover { height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-h-max:focus { height: max-content; }
  html[data-theme="dark"] .dark-uw-active-h-max:active { height: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-h-max:disabled { height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-max:focus-visible { height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-h-max:focus-within { height: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-max { height: max-content; }
  html[data-theme="dark"] .dark-uw-h-min { height: min-content; }
  html[data-theme="dark"] .dark-uw-hover-h-min:hover { height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-h-min:focus { height: min-content; }
  html[data-theme="dark"] .dark-uw-active-h-min:active { height: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-h-min:disabled { height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-min:focus-visible { height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-h-min:focus-within { height: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-min { height: min-content; }
  html[data-theme="dark"] .dark-uw-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-h-minmax:hover { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-h-minmax:focus { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-h-minmax:active { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-h-minmax:disabled { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-h-minmax:focus-visible { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-h-minmax:focus-within { height: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-minmax { height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-h-full { height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-h-full:hover { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-h-full:focus { height: 100%; }
  html[data-theme="dark"] .dark-uw-active-h-full:active { height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-h-full:disabled { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-full:focus-visible { height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-h-full:focus-within { height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-full { height: 100%; }
  html[data-theme="dark"] .dark-uw-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-uw-hover-h-screen:hover { height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-h-screen:focus { height: 100vh; }
  html[data-theme="dark"] .dark-uw-active-h-screen:active { height: 100vh; }
  html[data-theme="dark"] .dark-uw-disabled-h-screen:disabled { height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-visible-h-screen:focus-visible { height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-within-h-screen:focus-within { height: 100vh; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-h-screen { height: 100vh; }
  html[data-theme="dark"] .dark-uw-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-min-w-fit:hover { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-min-w-fit:focus { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-active-min-w-fit:active { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-fit:disabled { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-fit:focus-visible { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-fit:focus-within { min-width: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-fit { min-width: fit-content; }
  html[data-theme="dark"] .dark-uw-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-hover-min-w-max:hover { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-min-w-max:focus { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-active-min-w-max:active { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-max:disabled { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-max:focus-visible { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-max:focus-within { min-width: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-max { min-width: max-content; }
  html[data-theme="dark"] .dark-uw-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-hover-min-w-min:hover { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-min-w-min:focus { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-active-min-w-min:active { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-min:disabled { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-min:focus-visible { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-min:focus-within { min-width: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-min { min-width: min-content; }
  html[data-theme="dark"] .dark-uw-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-min-w-minmax:hover { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-min-w-minmax:focus { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-min-w-minmax:active { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-min-w-minmax:disabled { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-minmax:focus-visible { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-minmax:focus-within { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-minmax { min-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-min-w-full:hover { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-min-w-full:focus { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-active-min-w-full:active { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-full:disabled { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-full:focus-visible { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-full:focus-within { min-width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-full { min-width: 100%; }
  html[data-theme="dark"] .dark-uw-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-min-w-screen:hover { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-min-w-screen:focus { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-min-w-screen:active { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-min-w-screen:disabled { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-w-screen:focus-visible { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-min-w-screen:focus-within { min-width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-w-screen { min-width: 100vw; }
  html[data-theme="dark"] .dark-uw-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-min-h-fit:hover { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-min-h-fit:focus { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-active-min-h-fit:active { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-fit:disabled { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-fit:focus-visible { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-fit:focus-within { min-height: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-fit { min-height: fit-content; }
  html[data-theme="dark"] .dark-uw-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-hover-min-h-max:hover { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-min-h-max:focus { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-active-min-h-max:active { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-max:disabled { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-max:focus-visible { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-max:focus-within { min-height: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-max { min-height: max-content; }
  html[data-theme="dark"] .dark-uw-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-hover-min-h-min:hover { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-min-h-min:focus { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-active-min-h-min:active { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-min:disabled { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-min:focus-visible { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-min:focus-within { min-height: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-min { min-height: min-content; }
  html[data-theme="dark"] .dark-uw-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-min-h-minmax:hover { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-min-h-minmax:focus { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-min-h-minmax:active { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-min-h-minmax:disabled { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-minmax:focus-visible { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-minmax:focus-within { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-minmax { min-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-min-h-full:hover { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-min-h-full:focus { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-active-min-h-full:active { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-full:disabled { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-full:focus-visible { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-full:focus-within { min-height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-full { min-height: 100%; }
  html[data-theme="dark"] .dark-uw-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-hover-min-h-screen:hover { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-min-h-screen:focus { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-active-min-h-screen:active { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-disabled-min-h-screen:disabled { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-visible-min-h-screen:focus-visible { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-within-min-h-screen:focus-within { min-height: 100vh; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-min-h-screen { min-height: 100vh; }
  html[data-theme="dark"] .dark-uw-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-max-w-fit:hover { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-max-w-fit:focus { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-active-max-w-fit:active { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-fit:disabled { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-fit:focus-visible { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-fit:focus-within { max-width: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-fit { max-width: fit-content; }
  html[data-theme="dark"] .dark-uw-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-hover-max-w-max:hover { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-max-w-max:focus { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-active-max-w-max:active { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-max:disabled { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-max:focus-visible { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-max:focus-within { max-width: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-max { max-width: max-content; }
  html[data-theme="dark"] .dark-uw-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-hover-max-w-min:hover { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-max-w-min:focus { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-active-max-w-min:active { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-min:disabled { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-min:focus-visible { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-min:focus-within { max-width: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-min { max-width: min-content; }
  html[data-theme="dark"] .dark-uw-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-max-w-minmax:hover { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-max-w-minmax:focus { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-max-w-minmax:active { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-max-w-minmax:disabled { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-minmax:focus-visible { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-minmax:focus-within { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-minmax { max-width: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-hover-max-w-full:hover { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-max-w-full:focus { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-active-max-w-full:active { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-full:disabled { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-full:focus-visible { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-full:focus-within { max-width: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-full { max-width: 100%; }
  html[data-theme="dark"] .dark-uw-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-hover-max-w-screen:hover { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-max-w-screen:focus { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-active-max-w-screen:active { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-disabled-max-w-screen:disabled { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-w-screen:focus-visible { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-focus-within-max-w-screen:focus-within { max-width: 100vw; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-w-screen { max-width: 100vw; }
  html[data-theme="dark"] .dark-uw-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-hover-max-h-fit:hover { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-max-h-fit:focus { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-active-max-h-fit:active { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-fit:disabled { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-fit:focus-visible { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-fit:focus-within { max-height: fit-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-fit { max-height: fit-content; }
  html[data-theme="dark"] .dark-uw-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-hover-max-h-max:hover { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-max-h-max:focus { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-active-max-h-max:active { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-max:disabled { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-max:focus-visible { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-max:focus-within { max-height: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-max { max-height: max-content; }
  html[data-theme="dark"] .dark-uw-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-hover-max-h-min:hover { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-max-h-min:focus { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-active-max-h-min:active { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-min:disabled { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-min:focus-visible { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-min:focus-within { max-height: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-min { max-height: min-content; }
  html[data-theme="dark"] .dark-uw-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-hover-max-h-minmax:hover { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-max-h-minmax:focus { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-active-max-h-minmax:active { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-disabled-max-h-minmax:disabled { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-minmax:focus-visible { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-minmax:focus-within { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-minmax { max-height: minmax(0, 100%); }
  html[data-theme="dark"] .dark-uw-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-hover-max-h-full:hover { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-max-h-full:focus { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-active-max-h-full:active { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-full:disabled { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-full:focus-visible { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-full:focus-within { max-height: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-full { max-height: 100%; }
  html[data-theme="dark"] .dark-uw-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-hover-max-h-screen:hover { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-max-h-screen:focus { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-active-max-h-screen:active { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-disabled-max-h-screen:disabled { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-visible-max-h-screen:focus-visible { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-focus-within-max-h-screen:focus-within { max-height: 100vh; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-max-h-screen { max-height: 100vh; }
  html[data-theme="dark"] .dark-uw-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-hover-size-0:hover { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-focus-size-0:focus { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-active-size-0:active { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-disabled-size-0:disabled { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-0:focus-visible { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-size-0:focus-within { width: 0; height: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-0 { width: 0; height: 0; }
  html[data-theme="dark"] .dark-uw-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-size-1:hover { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-size-1:focus { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-size-1:active { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-1:disabled { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-1:focus-visible { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-1:focus-within { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-1 { width: 0.25rem; height: 0.25rem; }
  html[data-theme="dark"] .dark-uw-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-size-2:hover { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-size-2:focus { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-size-2:active { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-2:disabled { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-2:focus-visible { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-2:focus-within { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-2 { width: 0.5rem; height: 0.5rem; }
  html[data-theme="dark"] .dark-uw-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-size-3:hover { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-size-3:focus { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-size-3:active { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-3:disabled { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-3:focus-visible { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-3:focus-within { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-3 { width: 0.75rem; height: 0.75rem; }
  html[data-theme="dark"] .dark-uw-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-size-4:hover { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-size-4:focus { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-active-size-4:active { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-4:disabled { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-4:focus-visible { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-4:focus-within { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-4 { width: 1rem; height: 1rem; }
  html[data-theme="dark"] .dark-uw-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-size-5:hover { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-size-5:focus { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-size-5:active { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-5:disabled { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-5:focus-visible { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-5:focus-within { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-5 { width: 1.25rem; height: 1.25rem; }
  html[data-theme="dark"] .dark-uw-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-size-6:hover { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-size-6:focus { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-size-6:active { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-6:disabled { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-6:focus-visible { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-6:focus-within { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-6 { width: 1.5rem; height: 1.5rem; }
  html[data-theme="dark"] .dark-uw-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-size-7:hover { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-size-7:focus { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-size-7:active { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-7:disabled { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-7:focus-visible { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-7:focus-within { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-7 { width: 1.75rem; height: 1.75rem; }
  html[data-theme="dark"] .dark-uw-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-size-8:hover { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-size-8:focus { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-active-size-8:active { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-8:disabled { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-8:focus-visible { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-8:focus-within { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-8 { width: 2rem; height: 2rem; }
  html[data-theme="dark"] .dark-uw-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-size-9:hover { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-size-9:focus { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-size-9:active { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-9:disabled { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-9:focus-visible { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-9:focus-within { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-9 { width: 2.25rem; height: 2.25rem; }
  html[data-theme="dark"] .dark-uw-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-size-10:hover { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-size-10:focus { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-size-10:active { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-10:disabled { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-10:focus-visible { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-10:focus-within { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-10 { width: 2.5rem; height: 2.5rem; }
  html[data-theme="dark"] .dark-uw-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-hover-size-11:hover { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-size-11:focus { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-active-size-11:active { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-11:disabled { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-11:focus-visible { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-11:focus-within { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-11 { width: 2.75rem; height: 2.75rem; }
  html[data-theme="dark"] .dark-uw-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-size-12:hover { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-size-12:focus { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-active-size-12:active { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-12:disabled { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-12:focus-visible { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-12:focus-within { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-12 { width: 3rem; height: 3rem; }
  html[data-theme="dark"] .dark-uw-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-size-14:hover { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-size-14:focus { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-size-14:active { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-14:disabled { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-14:focus-visible { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-14:focus-within { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-14 { width: 3.5rem; height: 3.5rem; }
  html[data-theme="dark"] .dark-uw-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-size-16:hover { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-size-16:focus { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-active-size-16:active { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-16:disabled { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-16:focus-visible { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-16:focus-within { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-16 { width: 4rem; height: 4rem; }
  html[data-theme="dark"] .dark-uw-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-size-20:hover { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-size-20:focus { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-active-size-20:active { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-20:disabled { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-20:focus-visible { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-20:focus-within { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-20 { width: 5rem; height: 5rem; }
  html[data-theme="dark"] .dark-uw-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-size-24:hover { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-size-24:focus { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-active-size-24:active { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-24:disabled { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-24:focus-visible { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-24:focus-within { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-24 { width: 6rem; height: 6rem; }
  html[data-theme="dark"] .dark-uw-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-size-28:hover { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-size-28:focus { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-active-size-28:active { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-28:disabled { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-28:focus-visible { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-28:focus-within { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-28 { width: 7rem; height: 7rem; }
  html[data-theme="dark"] .dark-uw-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-size-32:hover { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-size-32:focus { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-active-size-32:active { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-32:disabled { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-32:focus-visible { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-32:focus-within { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-32 { width: 8rem; height: 8rem; }
  html[data-theme="dark"] .dark-uw-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-hover-size-36:hover { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-size-36:focus { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-active-size-36:active { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-36:disabled { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-36:focus-visible { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-36:focus-within { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-36 { width: 9rem; height: 9rem; }
  html[data-theme="dark"] .dark-uw-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-hover-size-40:hover { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-size-40:focus { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-active-size-40:active { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-40:disabled { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-40:focus-visible { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-40:focus-within { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-40 { width: 10rem; height: 10rem; }
  html[data-theme="dark"] .dark-uw-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-hover-size-44:hover { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-size-44:focus { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-active-size-44:active { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-44:disabled { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-44:focus-visible { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-44:focus-within { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-44 { width: 11rem; height: 11rem; }
  html[data-theme="dark"] .dark-uw-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-hover-size-48:hover { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-size-48:focus { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-active-size-48:active { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-48:disabled { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-48:focus-visible { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-48:focus-within { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-48 { width: 12rem; height: 12rem; }
  html[data-theme="dark"] .dark-uw-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-hover-size-52:hover { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-size-52:focus { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-active-size-52:active { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-52:disabled { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-52:focus-visible { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-52:focus-within { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-52 { width: 13rem; height: 13rem; }
  html[data-theme="dark"] .dark-uw-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-hover-size-56:hover { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-size-56:focus { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-active-size-56:active { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-56:disabled { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-56:focus-visible { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-56:focus-within { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-56 { width: 14rem; height: 14rem; }
  html[data-theme="dark"] .dark-uw-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-hover-size-60:hover { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-size-60:focus { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-active-size-60:active { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-60:disabled { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-60:focus-visible { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-60:focus-within { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-60 { width: 15rem; height: 15rem; }
  html[data-theme="dark"] .dark-uw-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-hover-size-64:hover { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-size-64:focus { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-active-size-64:active { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-64:disabled { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-64:focus-visible { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-64:focus-within { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-64 { width: 16rem; height: 16rem; }
  html[data-theme="dark"] .dark-uw-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-hover-size-72:hover { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-size-72:focus { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-active-size-72:active { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-72:disabled { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-72:focus-visible { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-72:focus-within { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-72 { width: 18rem; height: 18rem; }
  html[data-theme="dark"] .dark-uw-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-hover-size-80:hover { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-size-80:focus { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-active-size-80:active { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-80:disabled { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-80:focus-visible { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-80:focus-within { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-80 { width: 20rem; height: 20rem; }
  html[data-theme="dark"] .dark-uw-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-hover-size-96:hover { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-size-96:focus { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-active-size-96:active { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-disabled-size-96:disabled { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-size-96:focus-visible { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-focus-within-size-96:focus-within { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-size-96 { width: 24rem; height: 24rem; }
  html[data-theme="dark"] .dark-uw-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-uw-hover-font-size-auto:hover { font-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-font-size-auto:focus { font-size: auto; }
  html[data-theme="dark"] .dark-uw-active-font-size-auto:active { font-size: auto; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-auto:disabled { font-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-auto:focus-visible { font-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-auto:focus-within { font-size: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-auto { font-size: auto; }
  html[data-theme="dark"] .dark-uw-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-uw-hover-font-size-0:hover { font-size: 0; }
  html[data-theme="dark"] .dark-uw-focus-font-size-0:focus { font-size: 0; }
  html[data-theme="dark"] .dark-uw-active-font-size-0:active { font-size: 0; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-0:disabled { font-size: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-0:focus-visible { font-size: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-0:focus-within { font-size: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-0 { font-size: 0; }
  html[data-theme="dark"] .dark-uw-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-1:hover { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-1:focus { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-1:active { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-1:disabled { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-1:focus-visible { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-1:focus-within { font-size: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-1 { font-size: 0.25rem; }
  html[data-theme="dark"] .dark-uw-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-2:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-2:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-2:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-2:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-2:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-2:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-2 { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-3:hover { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-3:focus { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-3:active { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-3:disabled { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-3:focus-visible { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-3:focus-within { font-size: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-3 { font-size: 0.75rem; }
  html[data-theme="dark"] .dark-uw-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-4:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-4:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-4:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-4:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-4:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-4:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-4 { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-5:hover { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-5:focus { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-5:active { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-5:disabled { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-5:focus-visible { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-5:focus-within { font-size: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-5 { font-size: 1.25rem; }
  html[data-theme="dark"] .dark-uw-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-6:hover { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-6:focus { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-6:active { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-6:disabled { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-6:focus-visible { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-6:focus-within { font-size: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-6 { font-size: 1.5rem; }
  html[data-theme="dark"] .dark-uw-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-7:hover { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-7:focus { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-7:active { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-7:disabled { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-7:focus-visible { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-7:focus-within { font-size: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-7 { font-size: 1.75rem; }
  html[data-theme="dark"] .dark-uw-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-8:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-8:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-8:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-8:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-8:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-8:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-8 { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-9:hover { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-9:focus { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-9:active { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-9:disabled { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-9:focus-visible { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-9:focus-within { font-size: 2.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-9 { font-size: 2.25rem; }
  html[data-theme="dark"] .dark-uw-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-10:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-10:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-10:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-10:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-10:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-10:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-10 { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-12:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-12:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-12:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-12:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-12:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-12:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-12 { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-14:hover { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-14:focus { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-14:active { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-14:disabled { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-14:focus-visible { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-14:focus-within { font-size: 3.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-14 { font-size: 3.5rem; }
  html[data-theme="dark"] .dark-uw-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-16:hover { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-16:focus { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-16:active { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-16:disabled { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-16:focus-visible { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-16:focus-within { font-size: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-16 { font-size: 4rem; }
  html[data-theme="dark"] .dark-uw-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-18:hover { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-18:focus { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-18:active { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-18:disabled { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-18:focus-visible { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-18:focus-within { font-size: 4.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-18 { font-size: 4.5rem; }
  html[data-theme="dark"] .dark-uw-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-20:hover { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-20:focus { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-20:active { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-20:disabled { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-20:focus-visible { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-20:focus-within { font-size: 5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-20 { font-size: 5rem; }
  html[data-theme="dark"] .dark-uw-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-24:hover { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-24:focus { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-24:active { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-24:disabled { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-24:focus-visible { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-24:focus-within { font-size: 6rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-24 { font-size: 6rem; }
  html[data-theme="dark"] .dark-uw-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-28:hover { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-28:focus { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-28:active { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-28:disabled { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-28:focus-visible { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-28:focus-within { font-size: 7rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-28 { font-size: 7rem; }
  html[data-theme="dark"] .dark-uw-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-hover-font-size-32:hover { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-font-size-32:focus { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-active-font-size-32:active { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-disabled-font-size-32:disabled { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-size-32:focus-visible { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-focus-within-font-size-32:focus-within { font-size: 8rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-size-32 { font-size: 8rem; }
  html[data-theme="dark"] .dark-uw-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-uw-hover-font-style-normal:hover { font-style: normal; }
  html[data-theme="dark"] .dark-uw-focus-font-style-normal:focus { font-style: normal; }
  html[data-theme="dark"] .dark-uw-active-font-style-normal:active { font-style: normal; }
  html[data-theme="dark"] .dark-uw-disabled-font-style-normal:disabled { font-style: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-style-normal:focus-visible { font-style: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-font-style-normal:focus-within { font-style: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-style-normal { font-style: normal; }
  html[data-theme="dark"] .dark-uw-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-uw-hover-font-style-italic:hover { font-style: italic; }
  html[data-theme="dark"] .dark-uw-focus-font-style-italic:focus { font-style: italic; }
  html[data-theme="dark"] .dark-uw-active-font-style-italic:active { font-style: italic; }
  html[data-theme="dark"] .dark-uw-disabled-font-style-italic:disabled { font-style: italic; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-style-italic:focus-visible { font-style: italic; }
  html[data-theme="dark"] .dark-uw-focus-within-font-style-italic:focus-within { font-style: italic; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-style-italic { font-style: italic; }
  html[data-theme="dark"] .dark-uw-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-hover-font-style-oblique:hover { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-focus-font-style-oblique:focus { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-active-font-style-oblique:active { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-disabled-font-style-oblique:disabled { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-style-oblique:focus-visible { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-focus-within-font-style-oblique:focus-within { font-style: oblique; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-style-oblique { font-style: oblique; }
  html[data-theme="dark"] .dark-uw-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-hover-font-smoothing-antialiased:hover { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-focus-font-smoothing-antialiased:focus { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-active-font-smoothing-antialiased:active { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-disabled-font-smoothing-antialiased:disabled { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-smoothing-antialiased:focus-visible { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-focus-within-font-smoothing-antialiased:focus-within { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-smoothing-antialiased { -webkit-font-smoothing: antialiased; }
  html[data-theme="dark"] .dark-uw-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-hover-font-smoothing-subpixel-antialiased:hover { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-focus-font-smoothing-subpixel-antialiased:focus { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-active-font-smoothing-subpixel-antialiased:active { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-disabled-font-smoothing-subpixel-antialiased:disabled { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-smoothing-subpixel-antialiased:focus-visible { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-focus-within-font-smoothing-subpixel-antialiased:focus-within { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-smoothing-subpixel-antialiased { -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme="dark"] .dark-uw-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-thin:hover { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-thin:focus { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-active-font-weight-thin:active { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-thin:disabled { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-thin:focus-visible { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-thin:focus-within { font-weight: 100; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-thin { font-weight: 100; }
  html[data-theme="dark"] .dark-uw-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-extralight:hover { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-extralight:focus { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-active-font-weight-extralight:active { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-extralight:disabled { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-extralight:focus-visible { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-extralight:focus-within { font-weight: 200; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-extralight { font-weight: 200; }
  html[data-theme="dark"] .dark-uw-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-light:hover { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-light:focus { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-active-font-weight-light:active { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-light:disabled { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-light:focus-visible { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-light:focus-within { font-weight: 300; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-light { font-weight: 300; }
  html[data-theme="dark"] .dark-uw-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-regular:hover { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-regular:focus { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-active-font-weight-regular:active { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-regular:disabled { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-regular:focus-visible { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-regular:focus-within { font-weight: 400; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-regular { font-weight: 400; }
  html[data-theme="dark"] .dark-uw-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-medium:hover { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-medium:focus { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-active-font-weight-medium:active { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-medium:disabled { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-medium:focus-visible { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-medium:focus-within { font-weight: 500; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-medium { font-weight: 500; }
  html[data-theme="dark"] .dark-uw-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-semibold:hover { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-semibold:focus { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-active-font-weight-semibold:active { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-semibold:disabled { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-semibold:focus-visible { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-semibold:focus-within { font-weight: 600; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-semibold { font-weight: 600; }
  html[data-theme="dark"] .dark-uw-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-bold:hover { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-bold:focus { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-active-font-weight-bold:active { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-bold:disabled { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-bold:focus-visible { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-bold:focus-within { font-weight: 700; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-bold { font-weight: 700; }
  html[data-theme="dark"] .dark-uw-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-extrabold:hover { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-extrabold:focus { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-active-font-weight-extrabold:active { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-extrabold:disabled { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-extrabold:focus-visible { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-extrabold:focus-within { font-weight: 800; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-extrabold { font-weight: 800; }
  html[data-theme="dark"] .dark-uw-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-hover-font-weight-ultrabold:hover { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-focus-font-weight-ultrabold:focus { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-active-font-weight-ultrabold:active { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-disabled-font-weight-ultrabold:disabled { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-weight-ultrabold:focus-visible { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-focus-within-font-weight-ultrabold:focus-within { font-weight: 900; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-weight-ultrabold { font-weight: 900; }
  html[data-theme="dark"] .dark-uw-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-ultra-condensed:hover { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-ultra-condensed:focus { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-ultra-condensed:active { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-ultra-condensed:disabled { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-ultra-condensed:focus-visible { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-ultra-condensed:focus-within { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-ultra-condensed { font-stretch: ultra-condensed; }
  html[data-theme="dark"] .dark-uw-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-extra-condensed:hover { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-extra-condensed:focus { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-extra-condensed:active { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-extra-condensed:disabled { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-extra-condensed:focus-visible { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-extra-condensed:focus-within { font-stretch: extra-condensed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-extra-condensed { font-stretch: extra-condensed; }
  html[data-theme="dark"] .dark-uw-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-condensed:hover { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-condensed:focus { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-condensed:active { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-condensed:disabled { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-condensed:focus-visible { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-condensed:focus-within { font-stretch: condensed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-condensed { font-stretch: condensed; }
  html[data-theme="dark"] .dark-uw-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-semi-condensed:hover { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-semi-condensed:focus { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-semi-condensed:active { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-semi-condensed:disabled { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-semi-condensed:focus-visible { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-semi-condensed:focus-within { font-stretch: semi-condensed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-semi-condensed { font-stretch: semi-condensed; }
  html[data-theme="dark"] .dark-uw-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-normal:hover { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-normal:focus { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-normal:active { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-normal:disabled { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-normal:focus-visible { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-normal:focus-within { font-stretch: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-normal { font-stretch: normal; }
  html[data-theme="dark"] .dark-uw-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-semi-expanded:hover { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-semi-expanded:focus { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-semi-expanded:active { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-semi-expanded:disabled { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-semi-expanded:focus-visible { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-semi-expanded:focus-within { font-stretch: semi-expanded; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-semi-expanded { font-stretch: semi-expanded; }
  html[data-theme="dark"] .dark-uw-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-expanded:hover { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-expanded:focus { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-expanded:active { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-expanded:disabled { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-expanded:focus-visible { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-expanded:focus-within { font-stretch: expanded; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-expanded { font-stretch: expanded; }
  html[data-theme="dark"] .dark-uw-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-extra-expanded:hover { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-extra-expanded:focus { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-extra-expanded:active { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-extra-expanded:disabled { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-extra-expanded:focus-visible { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-extra-expanded:focus-within { font-stretch: extra-expanded; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-extra-expanded { font-stretch: extra-expanded; }
  html[data-theme="dark"] .dark-uw-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-hover-font-stretch-ultra-expanded:hover { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-font-stretch-ultra-expanded:focus { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-active-font-stretch-ultra-expanded:active { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-disabled-font-stretch-ultra-expanded:disabled { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-stretch-ultra-expanded:focus-visible { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-focus-within-font-stretch-ultra-expanded:focus-within { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-stretch-ultra-expanded { font-stretch: ultra-expanded; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-normal:hover { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-normal:focus { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-normal:active { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-normal:disabled { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-normal:focus-visible { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-normal:focus-within { font-variant-numeric: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-normal { font-variant-numeric: normal; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-lining-nums:hover { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-lining-nums:focus { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-lining-nums:active { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-lining-nums:disabled { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-lining-nums:focus-visible { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-lining-nums:focus-within { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-lining-nums { font-variant-numeric: lining-nums; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-oldstyle-nums:hover { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-oldstyle-nums:focus { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-oldstyle-nums:active { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-oldstyle-nums:disabled { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-oldstyle-nums:focus-visible { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-oldstyle-nums:focus-within { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-proportional-nums:hover { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-proportional-nums:focus { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-proportional-nums:active { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-proportional-nums:disabled { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-proportional-nums:focus-visible { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-proportional-nums:focus-within { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-proportional-nums { font-variant-numeric: proportional-nums; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-tabular-nums:hover { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-tabular-nums:focus { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-tabular-nums:active { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-tabular-nums:disabled { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-tabular-nums:focus-visible { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-tabular-nums:focus-within { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-diagonal-fractions:hover { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-diagonal-fractions:focus { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-diagonal-fractions:active { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-diagonal-fractions:disabled { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-diagonal-fractions:focus-visible { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-diagonal-fractions:focus-within { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
  html[data-theme="dark"] .dark-uw-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-hover-font-variant-numeric-stacked-fractions:hover { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-focus-font-variant-numeric-stacked-fractions:focus { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-active-font-variant-numeric-stacked-fractions:active { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-disabled-font-variant-numeric-stacked-fractions:disabled { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-focus-visible-font-variant-numeric-stacked-fractions:focus-visible { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-focus-within-font-variant-numeric-stacked-fractions:focus-within { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-font-variant-numeric-stacked-fractions { font-variant-numeric: stacked-fractions; }
  html[data-theme="dark"] .dark-uw-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-tighter:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-tighter:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-active-tracking-tighter:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-tighter:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-tighter:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-tighter:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-tighter { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-tight:hover { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-tight:focus { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-active-tracking-tight:active { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-tight:disabled { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-tight:focus-within { letter-spacing: -0.025em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-tight { letter-spacing: -0.025em; }
  html[data-theme="dark"] .dark-uw-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-wide:hover { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-wide:focus { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-active-tracking-wide:active { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-wide:disabled { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-wide:focus-within { letter-spacing: 0.025em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-wide { letter-spacing: 0.025em; }
  html[data-theme="dark"] .dark-uw-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-wider:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-wider:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-active-tracking-wider:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-wider:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-wider:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-wider:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-wider { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-widest:hover { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-widest:focus { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-active-tracking-widest:active { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-widest:disabled { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-widest:focus-visible { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-widest:focus-within { letter-spacing: 0.1em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-widest { letter-spacing: 0.1em; }
  html[data-theme="dark"] .dark-uw-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-hover-decoration-solid:hover { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-decoration-solid:focus { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-active-decoration-solid:active { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-solid:disabled { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-solid:focus-visible { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-solid:focus-within { text-decoration-style: solid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-solid { text-decoration-style: solid; }
  html[data-theme="dark"] .dark-uw-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-hover-decoration-double:hover { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-focus-decoration-double:focus { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-active-decoration-double:active { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-double:disabled { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-double:focus-visible { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-double:focus-within { text-decoration-style: double; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-double { text-decoration-style: double; }
  html[data-theme="dark"] .dark-uw-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-hover-decoration-dotted:hover { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-decoration-dotted:focus { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-active-decoration-dotted:active { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-dotted:disabled { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-dotted:focus-visible { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-dotted:focus-within { text-decoration-style: dotted; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-dotted { text-decoration-style: dotted; }
  html[data-theme="dark"] .dark-uw-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-hover-decoration-dashed:hover { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-decoration-dashed:focus { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-active-decoration-dashed:active { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-dashed:disabled { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-dashed:focus-visible { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-dashed:focus-within { text-decoration-style: dashed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-dashed { text-decoration-style: dashed; }
  html[data-theme="dark"] .dark-uw-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-hover-decoration-wavy:hover { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-focus-decoration-wavy:focus { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-active-decoration-wavy:active { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-wavy:disabled { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-wavy:focus-visible { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-wavy:focus-within { text-decoration-style: wavy; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-wavy { text-decoration-style: wavy; }
  html[data-theme="dark"] .dark-uw-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-hover-decoration-0:hover { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-focus-decoration-0:focus { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-active-decoration-0:active { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-0:disabled { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-0:focus-visible { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-0:focus-within { text-decoration-thickness: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-0 { text-decoration-thickness: 0; }
  html[data-theme="dark"] .dark-uw-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-hover-decoration-1:hover { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-focus-decoration-1:focus { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-active-decoration-1:active { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-1:disabled { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-1:focus-visible { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-1:focus-within { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-1 { text-decoration-thickness: 1px; }
  html[data-theme="dark"] .dark-uw-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-hover-decoration-2:hover { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-focus-decoration-2:focus { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-active-decoration-2:active { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-2:disabled { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-2:focus-visible { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-2:focus-within { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-2 { text-decoration-thickness: 2px; }
  html[data-theme="dark"] .dark-uw-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-hover-decoration-4:hover { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-focus-decoration-4:focus { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-active-decoration-4:active { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-4:disabled { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-4:focus-visible { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-4:focus-within { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-4 { text-decoration-thickness: 4px; }
  html[data-theme="dark"] .dark-uw-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-hover-decoration-8:hover { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-focus-decoration-8:focus { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-active-decoration-8:active { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-8:disabled { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-8:focus-visible { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-8:focus-within { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-8 { text-decoration-thickness: 8px; }
  html[data-theme="dark"] .dark-uw-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-hover-underline-offset-0:hover { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-underline-offset-0:focus { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-active-underline-offset-0:active { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-disabled-underline-offset-0:disabled { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline-offset-0:focus-visible { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-underline-offset-0:focus-within { text-underline-offset: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline-offset-0 { text-underline-offset: 0; }
  html[data-theme="dark"] .dark-uw-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-hover-underline-offset-1:hover { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-focus-underline-offset-1:focus { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-active-underline-offset-1:active { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-disabled-underline-offset-1:disabled { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline-offset-1:focus-visible { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-focus-within-underline-offset-1:focus-within { text-underline-offset: 1px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline-offset-1 { text-underline-offset: 1px; }
  html[data-theme="dark"] .dark-uw-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-hover-underline-offset-2:hover { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-underline-offset-2:focus { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-active-underline-offset-2:active { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-disabled-underline-offset-2:disabled { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline-offset-2:focus-visible { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-within-underline-offset-2:focus-within { text-underline-offset: 2px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline-offset-2 { text-underline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-hover-underline-offset-4:hover { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-underline-offset-4:focus { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-active-underline-offset-4:active { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-disabled-underline-offset-4:disabled { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline-offset-4:focus-visible { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-within-underline-offset-4:focus-within { text-underline-offset: 4px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline-offset-4 { text-underline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-hover-underline-offset-8:hover { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-focus-underline-offset-8:focus { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-active-underline-offset-8:active { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-disabled-underline-offset-8:disabled { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline-offset-8:focus-visible { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-focus-within-underline-offset-8:focus-within { text-underline-offset: 8px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline-offset-8 { text-underline-offset: 8px; }
  html[data-theme="dark"] .dark-uw-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-text-xs:hover { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-text-xs:focus { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-text-xs:active { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-xs:disabled { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-xs:focus-visible { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-xs:focus-within { font-size: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-xs { font-size: 0.5rem; }
  html[data-theme="dark"] .dark-uw-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-text-sm:hover { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-text-sm:focus { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-text-sm:active { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-sm:disabled { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sm:focus-visible { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-sm:focus-within { font-size: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sm { font-size: 0.875rem; }
  html[data-theme="dark"] .dark-uw-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-text-base:hover { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-text-base:focus { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-active-text-base:active { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-base:disabled { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-base:focus-visible { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-base:focus-within { font-size: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-base { font-size: 1rem; }
  html[data-theme="dark"] .dark-uw-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-text-lg:hover { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-text-lg:focus { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-text-lg:active { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-lg:disabled { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lg:focus-visible { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-lg:focus-within { font-size: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lg { font-size: 1.125rem; }
  html[data-theme="dark"] .dark-uw-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-text-xl:hover { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-text-xl:focus { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-active-text-xl:active { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-xl:disabled { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-xl:focus-visible { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-xl:focus-within { font-size: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-xl { font-size: 2rem; }
  html[data-theme="dark"] .dark-uw-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-hover-text-2xl:hover { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-text-2xl:focus { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-active-text-2xl:active { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-2xl:disabled { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-2xl:focus-visible { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-2xl:focus-within { font-size: 2.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-2xl { font-size: 2.5rem; }
  html[data-theme="dark"] .dark-uw-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-text-3xl:hover { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-text-3xl:focus { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-active-text-3xl:active { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-text-3xl:disabled { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-3xl:focus-visible { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-text-3xl:focus-within { font-size: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-3xl { font-size: 3rem; }
  html[data-theme="dark"] .dark-uw-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-hover-text-ellipsis:hover { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-text-ellipsis:focus { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-active-text-ellipsis:active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-disabled-text-ellipsis:disabled { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-ellipsis:focus-visible { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-within-text-ellipsis:focus-within { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-hover-text-clip:hover { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-text-clip:focus { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-active-text-clip:active { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-disabled-text-clip:disabled { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-clip:focus-visible { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-within-text-clip:focus-within { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-clip { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-hover-indent-0:hover { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-focus-indent-0:focus { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-active-indent-0:active { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-disabled-indent-0:disabled { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-indent-0:focus-visible { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-indent-0:focus-within { text-indent: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-indent-0 { text-indent: 0; }
  html[data-theme="dark"] .dark-uw-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-indent-1:hover { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-indent-1:focus { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-indent-1:active { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-indent-1:disabled { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-indent-1:focus-visible { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-indent-1:focus-within { text-indent: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-indent-1 { text-indent: 0.25rem; }
  html[data-theme="dark"] .dark-uw-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-indent-2:hover { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-indent-2:focus { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-indent-2:active { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-indent-2:disabled { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-indent-2:focus-visible { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-indent-2:focus-within { text-indent: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-indent-2 { text-indent: 0.5rem; }
  html[data-theme="dark"] .dark-uw-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-indent-4:hover { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-indent-4:focus { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-active-indent-4:active { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-indent-4:disabled { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-indent-4:focus-visible { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-indent-4:focus-within { text-indent: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-indent-4 { text-indent: 1rem; }
  html[data-theme="dark"] .dark-uw-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-indent-8:hover { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-indent-8:focus { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-active-indent-8:active { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-indent-8:disabled { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-indent-8:focus-visible { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-indent-8:focus-within { text-indent: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-indent-8 { text-indent: 2rem; }
  html[data-theme="dark"] .dark-uw-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-uw-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-uw-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-uw-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-uw-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-uw-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-uw-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-uw-hover-break-normal:hover { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-break-normal:focus { word-break: normal; }
  html[data-theme="dark"] .dark-uw-active-break-normal:active { word-break: normal; }
  html[data-theme="dark"] .dark-uw-disabled-break-normal:disabled { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-normal:focus-visible { word-break: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-break-normal:focus-within { word-break: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-normal { word-break: normal; }
  html[data-theme="dark"] .dark-uw-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-hover-break-words:hover { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-break-words:focus { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-active-break-words:active { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-disabled-break-words:disabled { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-words:focus-visible { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-focus-within-break-words:focus-within { word-break: break-word; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-words { word-break: break-word; }
  html[data-theme="dark"] .dark-uw-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-hover-break-all:hover { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-break-all:focus { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-active-break-all:active { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-disabled-break-all:disabled { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-all:focus-visible { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-focus-within-break-all:focus-within { word-break: break-all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-all { word-break: break-all; }
  html[data-theme="dark"] .dark-uw-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-hover-overflow-normal:hover { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-overflow-normal:focus { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-active-overflow-normal:active { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-normal:disabled { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-normal:focus-visible { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-normal:focus-within { overflow-wrap: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-normal { overflow-wrap: normal; }
  html[data-theme="dark"] .dark-uw-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-hover-overflow-break:hover { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-overflow-break:focus { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-active-overflow-break:active { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-disabled-overflow-break:disabled { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-visible-overflow-break:focus-visible { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-focus-within-overflow-break:focus-within { overflow-wrap: break-word; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overflow-break { overflow-wrap: break-word; }
  html[data-theme="dark"] .dark-uw-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-none:hover { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-none:focus { hyphens: none; }
  html[data-theme="dark"] .dark-uw-active-hyphens-none:active { hyphens: none; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-none:disabled { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-none:focus-visible { hyphens: none; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-none:focus-within { hyphens: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-none { hyphens: none; }
  html[data-theme="dark"] .dark-uw-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-manual:hover { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-manual:focus { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-active-hyphens-manual:active { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-manual:disabled { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-manual:focus-visible { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-manual:focus-within { hyphens: manual; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-manual { hyphens: manual; }
  html[data-theme="dark"] .dark-uw-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-hover-hyphens-auto:hover { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-hyphens-auto:focus { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-active-hyphens-auto:active { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-disabled-hyphens-auto:disabled { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-hyphens-auto:focus-visible { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-hyphens-auto:focus-within { hyphens: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hyphens-auto { hyphens: auto; }
  html[data-theme="dark"] .dark-uw-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-hover-bg-attachment-fixed:hover { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-focus-bg-attachment-fixed:focus { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-active-bg-attachment-fixed:active { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-disabled-bg-attachment-fixed:disabled { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-attachment-fixed:focus-visible { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-attachment-fixed:focus-within { background-attachment: fixed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-attachment-fixed { background-attachment: fixed; }
  html[data-theme="dark"] .dark-uw-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-hover-bg-attachment-local:hover { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-focus-bg-attachment-local:focus { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-active-bg-attachment-local:active { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-disabled-bg-attachment-local:disabled { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-attachment-local:focus-visible { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-attachment-local:focus-within { background-attachment: local; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-attachment-local { background-attachment: local; }
  html[data-theme="dark"] .dark-uw-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-hover-bg-attachment-scroll:hover { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-focus-bg-attachment-scroll:focus { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-active-bg-attachment-scroll:active { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-bg-attachment-scroll:disabled { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-attachment-scroll:focus-visible { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-attachment-scroll:focus-within { background-attachment: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-attachment-scroll { background-attachment: scroll; }
  html[data-theme="dark"] .dark-uw-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-clip-border:hover { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-clip-border:focus { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-active-bg-clip-border:active { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-clip-border:disabled { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-clip-border:focus-visible { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-clip-border:focus-within { background-clip: border-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-clip-border { background-clip: border-box; }
  html[data-theme="dark"] .dark-uw-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-clip-padding:hover { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-clip-padding:focus { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-active-bg-clip-padding:active { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-clip-padding:disabled { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-clip-padding:focus-visible { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-clip-padding:focus-within { background-clip: padding-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-clip-padding { background-clip: padding-box; }
  html[data-theme="dark"] .dark-uw-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-clip-content:hover { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-clip-content:focus { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-active-bg-clip-content:active { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-clip-content:disabled { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-clip-content:focus-visible { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-clip-content:focus-within { background-clip: content-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-clip-content { background-clip: content-box; }
  html[data-theme="dark"] .dark-uw-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-hover-bg-color-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-bg-color-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-active-bg-color-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-disabled-bg-color-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-color-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-color-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-color-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-uw-hover-bg-color-black:hover { background-color: #000; }
  html[data-theme="dark"] .dark-uw-focus-bg-color-black:focus { background-color: #000; }
  html[data-theme="dark"] .dark-uw-active-bg-color-black:active { background-color: #000; }
  html[data-theme="dark"] .dark-uw-disabled-bg-color-black:disabled { background-color: #000; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-color-black:focus-visible { background-color: #000; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-color-black:focus-within { background-color: #000; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-color-black { background-color: #000; }
  html[data-theme="dark"] .dark-uw-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-hover-bg-color-white:hover { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-focus-bg-color-white:focus { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-active-bg-color-white:active { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-disabled-bg-color-white:disabled { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-color-white:focus-visible { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-color-white:focus-within { background-color: #fff; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-color-white { background-color: #fff; }
  html[data-theme="dark"] .dark-uw-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-uw-hover-bg-image-none:hover { background-image: none; }
  html[data-theme="dark"] .dark-uw-focus-bg-image-none:focus { background-image: none; }
  html[data-theme="dark"] .dark-uw-active-bg-image-none:active { background-image: none; }
  html[data-theme="dark"] .dark-uw-disabled-bg-image-none:disabled { background-image: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-image-none:focus-visible { background-image: none; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-image-none:focus-within { background-image: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-image-none { background-image: none; }
  html[data-theme="dark"] .dark-uw-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-hover-bg-image-gradient-to-r:hover { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-focus-bg-image-gradient-to-r:focus { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-active-bg-image-gradient-to-r:active { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-image-gradient-to-r:disabled { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-image-gradient-to-r:focus-visible { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-image-gradient-to-r:focus-within { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-image-gradient-to-r { background-image: linear-gradient(to right, var(--quanta-from-color)); }
  html[data-theme="dark"] .dark-uw-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-origin-border:hover { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-origin-border:focus { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-active-bg-origin-border:active { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-origin-border:disabled { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-origin-border:focus-visible { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-origin-border:focus-within { background-origin: border-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-origin-border { background-origin: border-box; }
  html[data-theme="dark"] .dark-uw-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-origin-padding:hover { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-origin-padding:focus { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-active-bg-origin-padding:active { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-origin-padding:disabled { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-origin-padding:focus-visible { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-origin-padding:focus-within { background-origin: padding-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-origin-padding { background-origin: padding-box; }
  html[data-theme="dark"] .dark-uw-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-hover-bg-origin-content:hover { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-focus-bg-origin-content:focus { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-active-bg-origin-content:active { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-disabled-bg-origin-content:disabled { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-origin-content:focus-visible { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-origin-content:focus-within { background-origin: content-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-origin-content { background-origin: content-box; }
  html[data-theme="dark"] .dark-uw-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-center:hover { background-position: center; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-center:focus { background-position: center; }
  html[data-theme="dark"] .dark-uw-active-bg-position-center:active { background-position: center; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-center:disabled { background-position: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-center:focus-visible { background-position: center; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-center:focus-within { background-position: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-center { background-position: center; }
  html[data-theme="dark"] .dark-uw-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-top:hover { background-position: top; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-top:focus { background-position: top; }
  html[data-theme="dark"] .dark-uw-active-bg-position-top:active { background-position: top; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-top:disabled { background-position: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-top:focus-visible { background-position: top; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-top:focus-within { background-position: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-top { background-position: top; }
  html[data-theme="dark"] .dark-uw-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-bottom:hover { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-bottom:focus { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-active-bg-position-bottom:active { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-bottom:disabled { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-bottom:focus-visible { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-bottom:focus-within { background-position: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-bottom { background-position: bottom; }
  html[data-theme="dark"] .dark-uw-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-left:hover { background-position: left; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-left:focus { background-position: left; }
  html[data-theme="dark"] .dark-uw-active-bg-position-left:active { background-position: left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-left:disabled { background-position: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-left:focus-visible { background-position: left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-left:focus-within { background-position: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-left { background-position: left; }
  html[data-theme="dark"] .dark-uw-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-right:hover { background-position: right; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-right:focus { background-position: right; }
  html[data-theme="dark"] .dark-uw-active-bg-position-right:active { background-position: right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-right:disabled { background-position: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-right:focus-visible { background-position: right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-right:focus-within { background-position: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-right { background-position: right; }
  html[data-theme="dark"] .dark-uw-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-top-left:hover { background-position: top left; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-top-left:focus { background-position: top left; }
  html[data-theme="dark"] .dark-uw-active-bg-position-top-left:active { background-position: top left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-top-left:disabled { background-position: top left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-top-left:focus-visible { background-position: top left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-top-left:focus-within { background-position: top left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-top-left { background-position: top left; }
  html[data-theme="dark"] .dark-uw-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-top-right:hover { background-position: top right; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-top-right:focus { background-position: top right; }
  html[data-theme="dark"] .dark-uw-active-bg-position-top-right:active { background-position: top right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-top-right:disabled { background-position: top right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-top-right:focus-visible { background-position: top right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-top-right:focus-within { background-position: top right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-top-right { background-position: top right; }
  html[data-theme="dark"] .dark-uw-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-bottom-left:hover { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-bottom-left:focus { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-active-bg-position-bottom-left:active { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-bottom-left:disabled { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-bottom-left:focus-visible { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-bottom-left:focus-within { background-position: bottom left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-bottom-left { background-position: bottom left; }
  html[data-theme="dark"] .dark-uw-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-hover-bg-position-bottom-right:hover { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-bg-position-bottom-right:focus { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-active-bg-position-bottom-right:active { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-position-bottom-right:disabled { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-position-bottom-right:focus-visible { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-position-bottom-right:focus-within { background-position: bottom right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-position-bottom-right { background-position: bottom right; }
  html[data-theme="dark"] .dark-uw-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat-none:hover { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat-none:focus { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat-none:active { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat-none:disabled { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat-none:focus-visible { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat-none:focus-within { background-repeat: no-repeat; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat-none { background-repeat: no-repeat; }
  html[data-theme="dark"] .dark-uw-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat-x:hover { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat-x:focus { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat-x:active { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat-x:disabled { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat-x:focus-visible { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat-x:focus-within { background-repeat: repeat-x; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat-x { background-repeat: repeat-x; }
  html[data-theme="dark"] .dark-uw-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat-y:hover { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat-y:focus { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat-y:active { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat-y:disabled { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat-y:focus-visible { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat-y:focus-within { background-repeat: repeat-y; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat-y { background-repeat: repeat-y; }
  html[data-theme="dark"] .dark-uw-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat:hover { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat:focus { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat:active { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat:disabled { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat:focus-visible { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat:focus-within { background-repeat: repeat; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat { background-repeat: repeat; }
  html[data-theme="dark"] .dark-uw-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat-round:hover { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat-round:focus { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat-round:active { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat-round:disabled { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat-round:focus-visible { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat-round:focus-within { background-repeat: round; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat-round { background-repeat: round; }
  html[data-theme="dark"] .dark-uw-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-hover-bg-repeat-space:hover { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-focus-bg-repeat-space:focus { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-active-bg-repeat-space:active { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-disabled-bg-repeat-space:disabled { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-repeat-space:focus-visible { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-repeat-space:focus-within { background-repeat: space; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-repeat-space { background-repeat: space; }
  html[data-theme="dark"] .dark-uw-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-uw-hover-bg-size-auto:hover { background-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-bg-size-auto:focus { background-size: auto; }
  html[data-theme="dark"] .dark-uw-active-bg-size-auto:active { background-size: auto; }
  html[data-theme="dark"] .dark-uw-disabled-bg-size-auto:disabled { background-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-size-auto:focus-visible { background-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-size-auto:focus-within { background-size: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-size-auto { background-size: auto; }
  html[data-theme="dark"] .dark-uw-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-uw-hover-bg-size-cover:hover { background-size: cover; }
  html[data-theme="dark"] .dark-uw-focus-bg-size-cover:focus { background-size: cover; }
  html[data-theme="dark"] .dark-uw-active-bg-size-cover:active { background-size: cover; }
  html[data-theme="dark"] .dark-uw-disabled-bg-size-cover:disabled { background-size: cover; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-size-cover:focus-visible { background-size: cover; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-size-cover:focus-within { background-size: cover; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-size-cover { background-size: cover; }
  html[data-theme="dark"] .dark-uw-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-uw-hover-bg-size-contain:hover { background-size: contain; }
  html[data-theme="dark"] .dark-uw-focus-bg-size-contain:focus { background-size: contain; }
  html[data-theme="dark"] .dark-uw-active-bg-size-contain:active { background-size: contain; }
  html[data-theme="dark"] .dark-uw-disabled-bg-size-contain:disabled { background-size: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-size-contain:focus-visible { background-size: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-size-contain:focus-within { background-size: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-size-contain { background-size: contain; }
  html[data-theme="dark"] .dark-uw-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-hover-fill-current:hover { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-fill-current:focus { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-active-fill-current:active { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-disabled-fill-current:disabled { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-visible-fill-current:focus-visible { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-within-fill-current:focus-within { fill: currentColor; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-fill-current { fill: currentColor; }
  html[data-theme="dark"] .dark-uw-fill-none { fill: none; }
  html[data-theme="dark"] .dark-uw-hover-fill-none:hover { fill: none; }
  html[data-theme="dark"] .dark-uw-focus-fill-none:focus { fill: none; }
  html[data-theme="dark"] .dark-uw-active-fill-none:active { fill: none; }
  html[data-theme="dark"] .dark-uw-disabled-fill-none:disabled { fill: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-fill-none:focus-visible { fill: none; }
  html[data-theme="dark"] .dark-uw-focus-within-fill-none:focus-within { fill: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-fill-none { fill: none; }
  html[data-theme="dark"] .dark-uw-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-hover-stroke-current:hover { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-stroke-current:focus { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-active-stroke-current:active { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-current:disabled { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-current:focus-visible { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-current:focus-within { stroke: currentColor; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-current { stroke: currentColor; }
  html[data-theme="dark"] .dark-uw-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-hover-stroke-0:hover { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-stroke-0:focus { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-active-stroke-0:active { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-0:disabled { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-0:focus-visible { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-0:focus-within { stroke-width: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-0 { stroke-width: 0; }
  html[data-theme="dark"] .dark-uw-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-hover-stroke-1:hover { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-focus-stroke-1:focus { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-active-stroke-1:active { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-1:disabled { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-1:focus-visible { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-1:focus-within { stroke-width: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-1 { stroke-width: 1; }
  html[data-theme="dark"] .dark-uw-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-hover-stroke-2:hover { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-focus-stroke-2:focus { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-active-stroke-2:active { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-2:disabled { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-2:focus-visible { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-2:focus-within { stroke-width: 2; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-2 { stroke-width: 2; }
  html[data-theme="dark"] .dark-uw-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-hover-stroke-4:hover { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-focus-stroke-4:focus { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-active-stroke-4:active { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-4:disabled { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-4:focus-visible { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-4:focus-within { stroke-width: 4; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-4 { stroke-width: 4; }
  html[data-theme="dark"] .dark-uw-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-hover-stroke-8:hover { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-focus-stroke-8:focus { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-active-stroke-8:active { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-disabled-stroke-8:disabled { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-focus-visible-stroke-8:focus-visible { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-focus-within-stroke-8:focus-within { stroke-width: 8; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-stroke-8 { stroke-width: 8; }
  html[data-theme="dark"] .dark-uw-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-uw-hover-line-height-1:hover { line-height: 1; }
  html[data-theme="dark"] .dark-uw-focus-line-height-1:focus { line-height: 1; }
  html[data-theme="dark"] .dark-uw-active-line-height-1:active { line-height: 1; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-1:disabled { line-height: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-1:focus-visible { line-height: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-1:focus-within { line-height: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-1 { line-height: 1; }
  html[data-theme="dark"] .dark-uw-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-hover-line-height-2:hover { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-focus-line-height-2:focus { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-active-line-height-2:active { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-2:disabled { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-2:focus-visible { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-2:focus-within { line-height: 1.25; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-2 { line-height: 1.25; }
  html[data-theme="dark"] .dark-uw-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-hover-line-height-3:hover { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-focus-line-height-3:focus { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-active-line-height-3:active { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-3:disabled { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-3:focus-visible { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-3:focus-within { line-height: 1.375; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-3 { line-height: 1.375; }
  html[data-theme="dark"] .dark-uw-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-hover-line-height-4:hover { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-focus-line-height-4:focus { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-active-line-height-4:active { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-4:disabled { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-4:focus-visible { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-4:focus-within { line-height: 1.5; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-4 { line-height: 1.5; }
  html[data-theme="dark"] .dark-uw-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-hover-line-height-5:hover { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-focus-line-height-5:focus { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-active-line-height-5:active { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-5:disabled { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-5:focus-visible { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-5:focus-within { line-height: 1.625; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-5 { line-height: 1.625; }
  html[data-theme="dark"] .dark-uw-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-hover-line-height-6:hover { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-focus-line-height-6:focus { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-active-line-height-6:active { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-6:disabled { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-6:focus-visible { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-6:focus-within { line-height: 1.75; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-6 { line-height: 1.75; }
  html[data-theme="dark"] .dark-uw-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-uw-hover-line-height-7:hover { line-height: 2; }
  html[data-theme="dark"] .dark-uw-focus-line-height-7:focus { line-height: 2; }
  html[data-theme="dark"] .dark-uw-active-line-height-7:active { line-height: 2; }
  html[data-theme="dark"] .dark-uw-disabled-line-height-7:disabled { line-height: 2; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-height-7:focus-visible { line-height: 2; }
  html[data-theme="dark"] .dark-uw-focus-within-line-height-7:focus-within { line-height: 2; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-height-7 { line-height: 2; }
  html[data-theme="dark"] .dark-uw-text-left { text-align: left; }
  html[data-theme="dark"] .dark-uw-hover-text-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-text-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-uw-active-text-left:active { text-align: left; }
  html[data-theme="dark"] .dark-uw-disabled-text-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-within-text-left:focus-within { text-align: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-left { text-align: left; }
  html[data-theme="dark"] .dark-uw-text-center { text-align: center; }
  html[data-theme="dark"] .dark-uw-hover-text-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-text-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-uw-active-text-center:active { text-align: center; }
  html[data-theme="dark"] .dark-uw-disabled-text-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-within-text-center:focus-within { text-align: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-center { text-align: center; }
  html[data-theme="dark"] .dark-uw-text-right { text-align: right; }
  html[data-theme="dark"] .dark-uw-hover-text-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-text-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-uw-active-text-right:active { text-align: right; }
  html[data-theme="dark"] .dark-uw-disabled-text-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-within-text-right:focus-within { text-align: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-right { text-align: right; }
  html[data-theme="dark"] .dark-uw-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-uw-hover-text-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-text-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-uw-active-text-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-uw-disabled-text-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-within-text-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-justify { text-align: justify; }
  html[data-theme="dark"] .dark-uw-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-hover-justify-start:hover { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-justify-start:focus { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-active-justify-start:active { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-disabled-justify-start:disabled { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-start:focus-visible { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-start:focus-within { justify-content: flex-start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-start { justify-content: flex-start; }
  html[data-theme="dark"] .dark-uw-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-uw-hover-justify-center:hover { justify-content: center; }
  html[data-theme="dark"] .dark-uw-focus-justify-center:focus { justify-content: center; }
  html[data-theme="dark"] .dark-uw-active-justify-center:active { justify-content: center; }
  html[data-theme="dark"] .dark-uw-disabled-justify-center:disabled { justify-content: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-center:focus-visible { justify-content: center; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-center:focus-within { justify-content: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-center { justify-content: center; }
  html[data-theme="dark"] .dark-uw-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-hover-justify-end:hover { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-justify-end:focus { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-active-justify-end:active { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-disabled-justify-end:disabled { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-end:focus-visible { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-end:focus-within { justify-content: flex-end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-end { justify-content: flex-end; }
  html[data-theme="dark"] .dark-uw-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-hover-justify-between:hover { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-justify-between:focus { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-active-justify-between:active { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-disabled-justify-between:disabled { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-between:focus-visible { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-between:focus-within { justify-content: space-between; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-between { justify-content: space-between; }
  html[data-theme="dark"] .dark-uw-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-hover-justify-around:hover { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-justify-around:focus { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-active-justify-around:active { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-disabled-justify-around:disabled { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-around:focus-visible { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-around:focus-within { justify-content: space-around; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-around { justify-content: space-around; }
  html[data-theme="dark"] .dark-uw-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-hover-justify-evenly:hover { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-justify-evenly:focus { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-active-justify-evenly:active { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-disabled-justify-evenly:disabled { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-visible-justify-evenly:focus-visible { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-within-justify-evenly:focus-within { justify-content: space-evenly; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-justify-evenly { justify-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-hover-items-start:hover { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-items-start:focus { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-active-items-start:active { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-disabled-items-start:disabled { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-visible-items-start:focus-visible { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-within-items-start:focus-within { align-items: flex-start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-items-start { align-items: flex-start; }
  html[data-theme="dark"] .dark-uw-items-center { align-items: center; }
  html[data-theme="dark"] .dark-uw-hover-items-center:hover { align-items: center; }
  html[data-theme="dark"] .dark-uw-focus-items-center:focus { align-items: center; }
  html[data-theme="dark"] .dark-uw-active-items-center:active { align-items: center; }
  html[data-theme="dark"] .dark-uw-disabled-items-center:disabled { align-items: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-items-center:focus-visible { align-items: center; }
  html[data-theme="dark"] .dark-uw-focus-within-items-center:focus-within { align-items: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-items-center { align-items: center; }
  html[data-theme="dark"] .dark-uw-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-hover-items-end:hover { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-items-end:focus { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-active-items-end:active { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-disabled-items-end:disabled { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-visible-items-end:focus-visible { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-within-items-end:focus-within { align-items: flex-end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-items-end { align-items: flex-end; }
  html[data-theme="dark"] .dark-uw-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-hover-items-baseline:hover { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-focus-items-baseline:focus { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-active-items-baseline:active { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-disabled-items-baseline:disabled { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-focus-visible-items-baseline:focus-visible { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-focus-within-items-baseline:focus-within { align-items: baseline; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-items-baseline { align-items: baseline; }
  html[data-theme="dark"] .dark-uw-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-hover-items-stretch:hover { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-items-stretch:focus { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-active-items-stretch:active { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-disabled-items-stretch:disabled { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-visible-items-stretch:focus-visible { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-within-items-stretch:focus-within { align-items: stretch; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-items-stretch { align-items: stretch; }
  html[data-theme="dark"] .dark-uw-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-hover-content-start:hover { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-content-start:focus { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-active-content-start:active { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-disabled-content-start:disabled { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-start:focus-visible { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-within-content-start:focus-within { align-content: flex-start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-start { align-content: flex-start; }
  html[data-theme="dark"] .dark-uw-content-center { align-content: center; }
  html[data-theme="dark"] .dark-uw-hover-content-center:hover { align-content: center; }
  html[data-theme="dark"] .dark-uw-focus-content-center:focus { align-content: center; }
  html[data-theme="dark"] .dark-uw-active-content-center:active { align-content: center; }
  html[data-theme="dark"] .dark-uw-disabled-content-center:disabled { align-content: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-center:focus-visible { align-content: center; }
  html[data-theme="dark"] .dark-uw-focus-within-content-center:focus-within { align-content: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-center { align-content: center; }
  html[data-theme="dark"] .dark-uw-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-hover-content-end:hover { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-content-end:focus { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-active-content-end:active { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-disabled-content-end:disabled { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-end:focus-visible { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-within-content-end:focus-within { align-content: flex-end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-end { align-content: flex-end; }
  html[data-theme="dark"] .dark-uw-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-hover-content-between:hover { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-content-between:focus { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-active-content-between:active { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-disabled-content-between:disabled { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-between:focus-visible { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-within-content-between:focus-within { align-content: space-between; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-between { align-content: space-between; }
  html[data-theme="dark"] .dark-uw-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-hover-content-around:hover { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-content-around:focus { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-active-content-around:active { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-disabled-content-around:disabled { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-around:focus-visible { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-within-content-around:focus-within { align-content: space-around; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-around { align-content: space-around; }
  html[data-theme="dark"] .dark-uw-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-hover-content-evenly:hover { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-content-evenly:focus { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-active-content-evenly:active { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-disabled-content-evenly:disabled { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-evenly:focus-visible { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-focus-within-content-evenly:focus-within { align-content: space-evenly; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-evenly { align-content: space-evenly; }
  html[data-theme="dark"] .dark-uw-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-uw-hover-self-auto:hover { align-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-self-auto:focus { align-self: auto; }
  html[data-theme="dark"] .dark-uw-active-self-auto:active { align-self: auto; }
  html[data-theme="dark"] .dark-uw-disabled-self-auto:disabled { align-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-self-auto:focus-visible { align-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-self-auto:focus-within { align-self: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-self-auto { align-self: auto; }
  html[data-theme="dark"] .dark-uw-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-hover-self-start:hover { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-self-start:focus { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-active-self-start:active { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-disabled-self-start:disabled { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-visible-self-start:focus-visible { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-focus-within-self-start:focus-within { align-self: flex-start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-self-start { align-self: flex-start; }
  html[data-theme="dark"] .dark-uw-self-center { align-self: center; }
  html[data-theme="dark"] .dark-uw-hover-self-center:hover { align-self: center; }
  html[data-theme="dark"] .dark-uw-focus-self-center:focus { align-self: center; }
  html[data-theme="dark"] .dark-uw-active-self-center:active { align-self: center; }
  html[data-theme="dark"] .dark-uw-disabled-self-center:disabled { align-self: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-self-center:focus-visible { align-self: center; }
  html[data-theme="dark"] .dark-uw-focus-within-self-center:focus-within { align-self: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-self-center { align-self: center; }
  html[data-theme="dark"] .dark-uw-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-hover-self-end:hover { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-self-end:focus { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-active-self-end:active { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-disabled-self-end:disabled { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-visible-self-end:focus-visible { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-focus-within-self-end:focus-within { align-self: flex-end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-self-end { align-self: flex-end; }
  html[data-theme="dark"] .dark-uw-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-hover-self-stretch:hover { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-focus-self-stretch:focus { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-active-self-stretch:active { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-disabled-self-stretch:disabled { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-focus-visible-self-stretch:focus-visible { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-focus-within-self-stretch:focus-within { align-self: stretch; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-self-stretch { align-self: stretch; }
  html[data-theme="dark"] .dark-uw-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-uw-hover-place-items-start:hover { place-items: start; }
  html[data-theme="dark"] .dark-uw-focus-place-items-start:focus { place-items: start; }
  html[data-theme="dark"] .dark-uw-active-place-items-start:active { place-items: start; }
  html[data-theme="dark"] .dark-uw-disabled-place-items-start:disabled { place-items: start; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-items-start:focus-visible { place-items: start; }
  html[data-theme="dark"] .dark-uw-focus-within-place-items-start:focus-within { place-items: start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-items-start { place-items: start; }
  html[data-theme="dark"] .dark-uw-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-uw-hover-place-items-center:hover { place-items: center; }
  html[data-theme="dark"] .dark-uw-focus-place-items-center:focus { place-items: center; }
  html[data-theme="dark"] .dark-uw-active-place-items-center:active { place-items: center; }
  html[data-theme="dark"] .dark-uw-disabled-place-items-center:disabled { place-items: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-items-center:focus-visible { place-items: center; }
  html[data-theme="dark"] .dark-uw-focus-within-place-items-center:focus-within { place-items: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-items-center { place-items: center; }
  html[data-theme="dark"] .dark-uw-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-uw-hover-place-items-end:hover { place-items: end; }
  html[data-theme="dark"] .dark-uw-focus-place-items-end:focus { place-items: end; }
  html[data-theme="dark"] .dark-uw-active-place-items-end:active { place-items: end; }
  html[data-theme="dark"] .dark-uw-disabled-place-items-end:disabled { place-items: end; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-items-end:focus-visible { place-items: end; }
  html[data-theme="dark"] .dark-uw-focus-within-place-items-end:focus-within { place-items: end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-items-end { place-items: end; }
  html[data-theme="dark"] .dark-uw-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-hover-place-items-stretch:hover { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-place-items-stretch:focus { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-active-place-items-stretch:active { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-disabled-place-items-stretch:disabled { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-items-stretch:focus-visible { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-focus-within-place-items-stretch:focus-within { place-items: stretch; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-items-stretch { place-items: stretch; }
  html[data-theme="dark"] .dark-uw-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-uw-hover-place-content-start:hover { place-content: start; }
  html[data-theme="dark"] .dark-uw-focus-place-content-start:focus { place-content: start; }
  html[data-theme="dark"] .dark-uw-active-place-content-start:active { place-content: start; }
  html[data-theme="dark"] .dark-uw-disabled-place-content-start:disabled { place-content: start; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-content-start:focus-visible { place-content: start; }
  html[data-theme="dark"] .dark-uw-focus-within-place-content-start:focus-within { place-content: start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-content-start { place-content: start; }
  html[data-theme="dark"] .dark-uw-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-uw-hover-place-content-center:hover { place-content: center; }
  html[data-theme="dark"] .dark-uw-focus-place-content-center:focus { place-content: center; }
  html[data-theme="dark"] .dark-uw-active-place-content-center:active { place-content: center; }
  html[data-theme="dark"] .dark-uw-disabled-place-content-center:disabled { place-content: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-content-center:focus-visible { place-content: center; }
  html[data-theme="dark"] .dark-uw-focus-within-place-content-center:focus-within { place-content: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-content-center { place-content: center; }
  html[data-theme="dark"] .dark-uw-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-uw-hover-place-content-end:hover { place-content: end; }
  html[data-theme="dark"] .dark-uw-focus-place-content-end:focus { place-content: end; }
  html[data-theme="dark"] .dark-uw-active-place-content-end:active { place-content: end; }
  html[data-theme="dark"] .dark-uw-disabled-place-content-end:disabled { place-content: end; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-content-end:focus-visible { place-content: end; }
  html[data-theme="dark"] .dark-uw-focus-within-place-content-end:focus-within { place-content: end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-content-end { place-content: end; }
  html[data-theme="dark"] .dark-uw-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-hover-place-content-between:hover { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-place-content-between:focus { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-active-place-content-between:active { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-disabled-place-content-between:disabled { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-content-between:focus-visible { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-focus-within-place-content-between:focus-within { place-content: space-between; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-content-between { place-content: space-between; }
  html[data-theme="dark"] .dark-uw-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-hover-place-content-around:hover { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-place-content-around:focus { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-active-place-content-around:active { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-disabled-place-content-around:disabled { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-content-around:focus-visible { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-focus-within-place-content-around:focus-within { place-content: space-around; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-content-around { place-content: space-around; }
  html[data-theme="dark"] .dark-uw-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-uw-hover-place-self-auto:hover { place-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-place-self-auto:focus { place-self: auto; }
  html[data-theme="dark"] .dark-uw-active-place-self-auto:active { place-self: auto; }
  html[data-theme="dark"] .dark-uw-disabled-place-self-auto:disabled { place-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-self-auto:focus-visible { place-self: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-place-self-auto:focus-within { place-self: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-self-auto { place-self: auto; }
  html[data-theme="dark"] .dark-uw-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-uw-hover-place-self-start:hover { place-self: start; }
  html[data-theme="dark"] .dark-uw-focus-place-self-start:focus { place-self: start; }
  html[data-theme="dark"] .dark-uw-active-place-self-start:active { place-self: start; }
  html[data-theme="dark"] .dark-uw-disabled-place-self-start:disabled { place-self: start; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-self-start:focus-visible { place-self: start; }
  html[data-theme="dark"] .dark-uw-focus-within-place-self-start:focus-within { place-self: start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-self-start { place-self: start; }
  html[data-theme="dark"] .dark-uw-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-uw-hover-place-self-center:hover { place-self: center; }
  html[data-theme="dark"] .dark-uw-focus-place-self-center:focus { place-self: center; }
  html[data-theme="dark"] .dark-uw-active-place-self-center:active { place-self: center; }
  html[data-theme="dark"] .dark-uw-disabled-place-self-center:disabled { place-self: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-self-center:focus-visible { place-self: center; }
  html[data-theme="dark"] .dark-uw-focus-within-place-self-center:focus-within { place-self: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-self-center { place-self: center; }
  html[data-theme="dark"] .dark-uw-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-uw-hover-place-self-end:hover { place-self: end; }
  html[data-theme="dark"] .dark-uw-focus-place-self-end:focus { place-self: end; }
  html[data-theme="dark"] .dark-uw-active-place-self-end:active { place-self: end; }
  html[data-theme="dark"] .dark-uw-disabled-place-self-end:disabled { place-self: end; }
  html[data-theme="dark"] .dark-uw-focus-visible-place-self-end:focus-visible { place-self: end; }
  html[data-theme="dark"] .dark-uw-focus-within-place-self-end:focus-within { place-self: end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-place-self-end { place-self: end; }
  html[data-theme="dark"] .dark-uw-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-hover-text-uppercase:hover { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-focus-text-uppercase:focus { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-active-text-uppercase:active { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-disabled-text-uppercase:disabled { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-uppercase:focus-visible { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-focus-within-text-uppercase:focus-within { text-transform: uppercase; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-uppercase { text-transform: uppercase; }
  html[data-theme="dark"] .dark-uw-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-hover-text-lowercase:hover { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-focus-text-lowercase:focus { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-active-text-lowercase:active { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-disabled-text-lowercase:disabled { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lowercase:focus-visible { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-focus-within-text-lowercase:focus-within { text-transform: lowercase; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lowercase { text-transform: lowercase; }
  html[data-theme="dark"] .dark-uw-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-hover-text-capitalize:hover { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-focus-text-capitalize:focus { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-active-text-capitalize:active { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-disabled-text-capitalize:disabled { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-capitalize:focus-visible { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-focus-within-text-capitalize:focus-within { text-transform: capitalize; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-capitalize { text-transform: capitalize; }
  html[data-theme="dark"] .dark-uw-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-tight:hover { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-tight:focus { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-active-tracking-tight:active { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-tight:focus-visible { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-tight:focus-within { letter-spacing: -0.05em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-tight { letter-spacing: -0.05em; }
  html[data-theme="dark"] .dark-uw-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-hover-tracking-normal:hover { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-tracking-normal:focus { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-active-tracking-normal:active { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-normal:focus-visible { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-normal:focus-within { letter-spacing: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-normal { letter-spacing: 0; }
  html[data-theme="dark"] .dark-uw-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-hover-tracking-wide:hover { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-tracking-wide:focus { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-active-tracking-wide:active { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-visible-tracking-wide:focus-visible { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-focus-within-tracking-wide:focus-within { letter-spacing: 0.05em; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-tracking-wide { letter-spacing: 0.05em; }
  html[data-theme="dark"] .dark-uw-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-hover-underline:hover { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-focus-underline:focus { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-active-underline:active { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-disabled-underline:disabled { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-focus-visible-underline:focus-visible { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-focus-within-underline:focus-within { text-decoration: underline; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-underline { text-decoration: underline; }
  html[data-theme="dark"] .dark-uw-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-hover-line-through:hover { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-focus-line-through:focus { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-active-line-through:active { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-disabled-line-through:disabled { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-through:focus-visible { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-focus-within-line-through:focus-within { text-decoration: line-through; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-through { text-decoration: line-through; }
  html[data-theme="dark"] .dark-uw-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-hover-no-underline:hover { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-focus-no-underline:focus { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-active-no-underline:active { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-disabled-no-underline:disabled { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-no-underline:focus-visible { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-focus-within-no-underline:focus-within { text-decoration: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-no-underline { text-decoration: none; }
  html[data-theme="dark"] .dark-uw-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-text-black:hover { color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-text-black:focus { color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-text-black:active { color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-text-black:disabled { color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-black:focus-visible { color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-text-black:focus-within { color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-black { color: var(--black); }
  html[data-theme="dark"] .dark-uw-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-text-white:hover { color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-text-white:focus { color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-text-white:active { color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-text-white:disabled { color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-white:focus-visible { color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-text-white:focus-within { color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-white { color: var(--white); }
  html[data-theme="dark"] .dark-uw-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-text-red-50:hover { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-text-red-50:focus { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-text-red-50:active { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-50:focus-visible { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-50:focus-within { color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-50 { color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-text-red-100:hover { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-text-red-100:focus { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-text-red-100:active { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-100:focus-visible { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-100:focus-within { color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-100 { color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-text-red-200:hover { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-text-red-200:focus { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-text-red-200:active { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-200:focus-visible { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-200:focus-within { color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-200 { color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-text-red-300:hover { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-text-red-300:focus { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-text-red-300:active { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-300:focus-visible { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-300:focus-within { color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-300 { color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-text-red-400:hover { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-text-red-400:focus { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-text-red-400:active { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-400:focus-visible { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-400:focus-within { color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-400 { color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-text-red-500:hover { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-text-red-500:focus { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-text-red-500:active { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-500:focus-visible { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-500:focus-within { color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-500 { color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-text-red-600:hover { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-text-red-600:focus { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-text-red-600:active { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-600:focus-visible { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-600:focus-within { color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-600 { color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-text-red-700:hover { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-text-red-700:focus { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-text-red-700:active { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-700:focus-visible { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-700:focus-within { color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-700 { color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-text-red-800:hover { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-text-red-800:focus { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-text-red-800:active { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-800:focus-visible { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-800:focus-within { color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-800 { color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-text-red-900:hover { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-text-red-900:focus { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-text-red-900:active { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-red-900:focus-visible { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-red-900:focus-within { color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-red-900 { color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-text-orange-50:active { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-50:focus-visible { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-50:focus-within { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-text-orange-100:active { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-100:focus-visible { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-100:focus-within { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-text-orange-200:active { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-200:focus-visible { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-200:focus-within { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-text-orange-300:active { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-300:focus-visible { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-300:focus-within { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-text-orange-400:active { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-400:focus-visible { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-400:focus-within { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-text-orange-500:active { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-500:focus-visible { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-500:focus-within { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-text-orange-600:active { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-600:focus-visible { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-600:focus-within { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-text-orange-700:active { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-700:focus-visible { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-700:focus-within { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-text-orange-800:active { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-800:focus-visible { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-800:focus-within { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-text-orange-900:active { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-orange-900:focus-visible { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-orange-900:focus-within { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-text-teal-50:active { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-50:focus-visible { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-50:focus-within { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-text-teal-100:active { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-100:focus-visible { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-100:focus-within { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-text-teal-200:active { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-200:focus-visible { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-200:focus-within { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-text-teal-300:active { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-300:focus-visible { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-300:focus-within { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-text-teal-400:active { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-400:focus-visible { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-400:focus-within { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-text-teal-500:active { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-500:focus-visible { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-500:focus-within { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-text-teal-600:active { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-600:focus-visible { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-600:focus-within { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-text-teal-700:active { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-700:focus-visible { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-700:focus-within { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-text-teal-800:active { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-800:focus-visible { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-800:focus-within { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-text-teal-900:active { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-teal-900:focus-visible { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-teal-900:focus-within { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-text-purple-50:active { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-50:focus-visible { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-50:focus-within { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-text-purple-100:active { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-100:focus-visible { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-100:focus-within { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-text-purple-200:active { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-200:focus-visible { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-200:focus-within { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-text-purple-300:active { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-300:focus-visible { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-300:focus-within { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-text-purple-400:active { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-400:focus-visible { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-400:focus-within { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-text-purple-500:active { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-500:focus-visible { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-500:focus-within { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-text-purple-600:active { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-600:focus-visible { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-600:focus-within { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-text-purple-700:active { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-700:focus-visible { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-700:focus-within { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-text-purple-800:active { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-800:focus-visible { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-800:focus-within { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-text-purple-900:active { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-purple-900:focus-visible { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-purple-900:focus-within { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-50:focus-visible { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-50:focus-within { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-100:focus-visible { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-100:focus-within { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-200:focus-visible { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-200:focus-within { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-300:focus-visible { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-300:focus-within { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-400:focus-visible { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-400:focus-within { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-500:focus-visible { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-500:focus-within { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-600:focus-visible { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-600:focus-within { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-700:focus-visible { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-700:focus-within { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-800:focus-visible { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-800:focus-within { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-indigo-900:focus-visible { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-indigo-900:focus-within { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-50:focus-visible { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-50:focus-within { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-100:focus-visible { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-100:focus-within { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-200:focus-visible { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-200:focus-within { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-300:focus-visible { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-300:focus-within { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-400:focus-visible { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-400:focus-within { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-500:focus-visible { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-500:focus-within { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-600:focus-visible { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-600:focus-within { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-700:focus-visible { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-700:focus-within { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-800:focus-visible { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-800:focus-within { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-yellow-900:focus-visible { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-yellow-900:focus-within { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-text-pink-50:active { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-50:focus-visible { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-50:focus-within { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-text-pink-100:active { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-100:focus-visible { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-100:focus-within { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-text-pink-200:active { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-200:focus-visible { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-200:focus-within { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-text-pink-300:active { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-300:focus-visible { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-300:focus-within { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-text-pink-400:active { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-400:focus-visible { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-400:focus-within { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-text-pink-500:active { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-500:focus-visible { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-500:focus-within { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-text-pink-600:active { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-600:focus-visible { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-600:focus-within { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-text-pink-700:active { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-700:focus-visible { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-700:focus-within { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-text-pink-800:active { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-800:focus-visible { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-800:focus-within { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-text-pink-900:active { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-pink-900:focus-visible { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-pink-900:focus-within { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-text-grey-50:active { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-50:focus-visible { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-50:focus-within { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-text-grey-100:active { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-100:focus-visible { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-100:focus-within { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-text-grey-200:active { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-200:focus-visible { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-200:focus-within { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-text-grey-300:active { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-300:focus-visible { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-300:focus-within { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-text-grey-400:active { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-400:focus-visible { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-400:focus-within { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-text-grey-500:active { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-500:focus-visible { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-500:focus-within { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-text-grey-600:active { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-600:focus-visible { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-600:focus-within { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-text-grey-700:active { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-700:focus-visible { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-700:focus-within { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-text-grey-800:active { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-800:focus-visible { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-800:focus-within { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-text-grey-900:active { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-grey-900:focus-visible { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-grey-900:focus-within { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-50:hover { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-50:focus { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-50:active { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-50:disabled { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-50:focus-visible { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-50:focus-within { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-50 { color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-100:hover { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-100:focus { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-100:active { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-100:disabled { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-100:focus-visible { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-100:focus-within { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-100 { color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-200:hover { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-200:focus { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-200:active { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-200:disabled { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-200:focus-visible { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-200:focus-within { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-200 { color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-300:hover { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-300:focus { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-300:active { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-300:disabled { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-300:focus-visible { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-300:focus-within { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-300 { color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-400:hover { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-400:focus { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-400:active { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-400:disabled { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-400:focus-visible { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-400:focus-within { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-400 { color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-500:hover { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-500:focus { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-500:active { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-500:disabled { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-500:focus-visible { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-500:focus-within { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-500 { color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-600:hover { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-600:focus { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-600:active { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-600:disabled { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-600:focus-visible { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-600:focus-within { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-600 { color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-700:hover { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-700:focus { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-700:active { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-700:disabled { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-700:focus-visible { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-700:focus-within { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-700 { color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-800:hover { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-800:focus { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-800:active { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-800:disabled { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-800:focus-visible { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-800:focus-within { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-800 { color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-text-zinc-900:hover { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-text-zinc-900:focus { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-text-zinc-900:active { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-zinc-900:disabled { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-zinc-900:focus-visible { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-zinc-900:focus-within { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-zinc-900 { color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-50:hover { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-50:focus { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-50:active { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-50:disabled { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-50:focus-visible { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-50:focus-within { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-50 { color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-100:hover { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-100:focus { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-100:active { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-100:disabled { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-100:focus-visible { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-100:focus-within { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-100 { color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-200:hover { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-200:focus { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-200:active { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-200:disabled { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-200:focus-visible { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-200:focus-within { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-200 { color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-300:hover { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-300:focus { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-300:active { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-300:disabled { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-300:focus-visible { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-300:focus-within { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-300 { color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-400:hover { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-400:focus { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-400:active { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-400:disabled { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-400:focus-visible { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-400:focus-within { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-400 { color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-500:hover { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-500:focus { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-500:active { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-500:disabled { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-500:focus-visible { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-500:focus-within { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-500 { color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-600:hover { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-600:focus { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-600:active { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-600:disabled { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-600:focus-visible { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-600:focus-within { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-600 { color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-700:hover { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-700:focus { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-700:active { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-700:disabled { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-700:focus-visible { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-700:focus-within { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-700 { color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-800:hover { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-800:focus { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-800:active { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-800:disabled { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-800:focus-visible { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-800:focus-within { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-800 { color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral-900:hover { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral-900:focus { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-text-neutral-900:active { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral-900:disabled { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral-900:focus-visible { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral-900:focus-within { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral-900 { color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-text-lime-50:active { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-50:focus-visible { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-50:focus-within { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-text-lime-100:active { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-100:focus-visible { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-100:focus-within { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-text-lime-200:active { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-200:focus-visible { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-200:focus-within { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-text-lime-300:active { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-300:focus-visible { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-300:focus-within { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-text-lime-400:active { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-400:focus-visible { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-400:focus-within { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-text-lime-500:active { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-500:focus-visible { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-500:focus-within { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-text-lime-600:active { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-600:focus-visible { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-600:focus-within { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-text-lime-700:active { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-700:focus-visible { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-700:focus-within { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-text-lime-800:active { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-800:focus-visible { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-800:focus-within { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-text-lime-900:active { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-lime-900:focus-visible { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-lime-900:focus-within { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-50:focus-visible { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-50:focus-within { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-100:focus-visible { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-100:focus-within { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-200:focus-visible { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-200:focus-within { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-300:focus-visible { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-300:focus-within { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-400:focus-visible { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-400:focus-within { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-500:focus-visible { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-500:focus-within { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-600:focus-visible { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-600:focus-within { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-700:focus-visible { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-700:focus-within { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-800:focus-visible { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-800:focus-within { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-cyan-900:focus-visible { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-cyan-900:focus-within { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-text-sky-50:active { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-50:focus-visible { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-50:focus-within { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-text-sky-100:active { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-100:focus-visible { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-100:focus-within { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-text-sky-200:active { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-200:focus-visible { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-200:focus-within { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-text-sky-300:active { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-300:focus-visible { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-300:focus-within { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-text-sky-400:active { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-400:focus-visible { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-400:focus-within { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-text-sky-500:active { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-500:focus-visible { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-500:focus-within { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-text-sky-600:active { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-600:focus-visible { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-600:focus-within { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-text-sky-700:active { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-700:focus-visible { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-700:focus-within { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-text-sky-800:active { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-800:focus-visible { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-800:focus-within { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-text-sky-900:active { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-sky-900:focus-visible { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-sky-900:focus-within { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-text-violet-50:active { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-50:focus-visible { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-50:focus-within { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-text-violet-100:active { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-100:focus-visible { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-100:focus-within { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-text-violet-200:active { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-200:focus-visible { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-200:focus-within { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-text-violet-300:active { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-300:focus-visible { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-300:focus-within { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-text-violet-400:active { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-400:focus-visible { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-400:focus-within { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-text-violet-500:active { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-500:focus-visible { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-500:focus-within { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-text-violet-600:active { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-600:focus-visible { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-600:focus-within { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-text-violet-700:active { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-700:focus-visible { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-700:focus-within { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-text-violet-800:active { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-800:focus-visible { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-800:focus-within { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-text-violet-900:active { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-violet-900:focus-visible { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-violet-900:focus-within { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-text-rose-50:active { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-50:focus-visible { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-50:focus-within { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-text-rose-100:active { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-100:focus-visible { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-100:focus-within { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-text-rose-200:active { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-200:focus-visible { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-200:focus-within { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-text-rose-300:active { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-300:focus-visible { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-300:focus-within { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-text-rose-400:active { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-400:focus-visible { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-400:focus-within { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-text-rose-500:active { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-500:focus-visible { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-500:focus-within { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-text-rose-600:active { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-600:focus-visible { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-600:focus-within { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-text-rose-700:active { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-700:focus-visible { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-700:focus-within { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-text-rose-800:active { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-800:focus-visible { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-800:focus-within { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-text-rose-900:active { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-rose-900:focus-visible { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-rose-900:focus-within { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-text-slate-50:active { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-50:focus-visible { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-50:focus-within { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-text-slate-100:active { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-100:focus-visible { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-100:focus-within { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-text-slate-200:active { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-200:focus-visible { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-200:focus-within { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-text-slate-300:active { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-300:focus-visible { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-300:focus-within { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-text-slate-400:active { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-400:focus-visible { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-400:focus-within { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-text-slate-500:active { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-500:focus-visible { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-500:focus-within { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-text-slate-600:active { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-600:focus-visible { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-600:focus-within { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-text-slate-700:active { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-700:focus-visible { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-700:focus-within { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-text-slate-800:active { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-800:focus-visible { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-800:focus-within { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-text-slate-900:active { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-slate-900:focus-visible { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-slate-900:focus-within { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-text-blue-50:active { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-50:focus-visible { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-50:focus-within { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-text-blue-100:active { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-100:focus-visible { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-100:focus-within { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-text-blue-200:active { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-200:focus-visible { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-200:focus-within { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-text-blue-300:active { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-300:focus-visible { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-300:focus-within { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-text-blue-400:active { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-400:focus-visible { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-400:focus-within { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-text-blue-500:active { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-500:focus-visible { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-500:focus-within { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-text-blue-600:active { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-600:focus-visible { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-600:focus-within { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-text-blue-700:active { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-700:focus-visible { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-700:focus-within { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-text-blue-800:active { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-800:focus-visible { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-800:focus-within { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-text-blue-900:active { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-blue-900:focus-visible { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-blue-900:focus-within { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-text-green-50:hover { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-text-green-50:focus { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-text-green-50:active { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-50:focus-visible { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-50:focus-within { color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-50 { color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-text-green-100:hover { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-text-green-100:focus { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-text-green-100:active { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-100:focus-visible { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-100:focus-within { color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-100 { color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-text-green-200:hover { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-text-green-200:focus { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-text-green-200:active { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-200:focus-visible { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-200:focus-within { color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-200 { color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-text-green-300:hover { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-text-green-300:focus { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-text-green-300:active { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-300:focus-visible { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-300:focus-within { color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-300 { color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-text-green-400:hover { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-text-green-400:focus { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-text-green-400:active { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-400:focus-visible { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-400:focus-within { color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-400 { color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-text-green-500:hover { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-text-green-500:focus { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-text-green-500:active { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-500:focus-visible { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-500:focus-within { color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-500 { color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-text-green-600:hover { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-text-green-600:focus { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-text-green-600:active { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-600:focus-visible { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-600:focus-within { color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-600 { color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-text-green-700:hover { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-text-green-700:focus { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-text-green-700:active { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-700:focus-visible { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-700:focus-within { color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-700 { color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-text-green-800:hover { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-text-green-800:focus { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-text-green-800:active { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-800:focus-visible { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-800:focus-within { color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-800 { color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-text-green-900:hover { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-text-green-900:focus { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-text-green-900:active { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-green-900:focus-visible { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-text-green-900:focus-within { color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-green-900 { color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-bg-red-50:active { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-50:focus-visible { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-50:focus-within { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-bg-red-100:active { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-100:focus-visible { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-100:focus-within { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-bg-red-200:active { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-200:focus-visible { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-200:focus-within { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-bg-red-300:active { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-300:focus-visible { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-300:focus-within { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-bg-red-400:active { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-400:focus-visible { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-400:focus-within { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-bg-red-500:active { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-500:focus-visible { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-500:focus-within { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-bg-red-600:active { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-600:focus-visible { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-600:focus-within { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-bg-red-700:active { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-700:focus-visible { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-700:focus-within { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-bg-red-800:active { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-800:focus-visible { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-800:focus-within { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-bg-red-900:active { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-red-900:focus-visible { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-red-900:focus-within { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-50:focus-visible { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-50:focus-within { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-100:focus-visible { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-100:focus-within { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-200:focus-visible { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-200:focus-within { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-300:focus-visible { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-300:focus-within { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-400:focus-visible { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-400:focus-within { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-500:focus-visible { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-500:focus-within { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-600:focus-visible { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-600:focus-within { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-700:focus-visible { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-700:focus-within { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-800:focus-visible { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-800:focus-within { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-orange-900:focus-visible { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-orange-900:focus-within { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-50:focus-visible { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-50:focus-within { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-100:focus-visible { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-100:focus-within { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-200:focus-visible { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-200:focus-within { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-300:focus-visible { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-300:focus-within { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-400:focus-visible { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-400:focus-within { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-500:focus-visible { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-500:focus-within { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-600:focus-visible { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-600:focus-within { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-700:focus-visible { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-700:focus-within { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-800:focus-visible { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-800:focus-within { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-teal-900:focus-visible { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-teal-900:focus-within { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-50:focus-visible { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-50:focus-within { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-100:focus-visible { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-100:focus-within { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-200:focus-visible { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-200:focus-within { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-300:focus-visible { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-300:focus-within { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-400:focus-visible { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-400:focus-within { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-500:focus-visible { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-500:focus-within { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-600:focus-visible { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-600:focus-within { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-700:focus-visible { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-700:focus-within { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-800:focus-visible { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-800:focus-within { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-purple-900:focus-visible { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-purple-900:focus-within { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-50:focus-visible { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-50:focus-within { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-100:focus-visible { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-100:focus-within { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-200:focus-visible { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-200:focus-within { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-300:focus-visible { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-300:focus-within { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-400:focus-visible { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-400:focus-within { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-500:focus-visible { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-500:focus-within { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-600:focus-visible { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-600:focus-within { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-700:focus-visible { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-700:focus-within { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-800:focus-visible { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-800:focus-within { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-indigo-900:focus-visible { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-indigo-900:focus-within { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-50:focus-visible { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-50:focus-within { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-100:focus-visible { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-100:focus-within { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-200:focus-visible { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-200:focus-within { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-300:focus-visible { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-300:focus-within { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-400:focus-visible { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-400:focus-within { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-500:focus-visible { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-500:focus-within { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-600:focus-visible { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-600:focus-within { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-700:focus-visible { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-700:focus-within { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-800:focus-visible { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-800:focus-within { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-yellow-900:focus-visible { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-yellow-900:focus-within { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-50:focus-visible { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-50:focus-within { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-100:focus-visible { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-100:focus-within { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-200:focus-visible { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-200:focus-within { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-300:focus-visible { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-300:focus-within { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-400:focus-visible { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-400:focus-within { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-500:focus-visible { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-500:focus-within { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-600:focus-visible { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-600:focus-within { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-700:focus-visible { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-700:focus-within { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-800:focus-visible { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-800:focus-within { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-pink-900:focus-visible { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-pink-900:focus-within { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-50:focus-visible { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-50:focus-within { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-100:focus-visible { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-100:focus-within { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-200:focus-visible { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-200:focus-within { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-300:focus-visible { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-300:focus-within { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-400:focus-visible { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-400:focus-within { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-500:focus-visible { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-500:focus-within { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-600:focus-visible { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-600:focus-within { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-700:focus-visible { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-700:focus-within { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-800:focus-visible { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-800:focus-within { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-grey-900:focus-visible { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-grey-900:focus-within { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-50:hover { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-50:focus { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-50:active { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-50:disabled { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-50:focus-visible { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-50:focus-within { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-50 { background-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-100:hover { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-100:focus { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-100:active { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-100:disabled { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-100:focus-visible { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-100:focus-within { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-100 { background-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-200:hover { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-200:focus { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-200:active { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-200:disabled { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-200:focus-visible { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-200:focus-within { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-200 { background-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-300:hover { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-300:focus { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-300:active { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-300:disabled { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-300:focus-visible { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-300:focus-within { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-300 { background-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-400:hover { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-400:focus { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-400:active { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-400:disabled { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-400:focus-visible { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-400:focus-within { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-400 { background-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-500:hover { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-500:focus { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-500:active { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-500:disabled { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-500:focus-visible { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-500:focus-within { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-500 { background-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-600:hover { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-600:focus { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-600:active { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-600:disabled { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-600:focus-visible { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-600:focus-within { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-600 { background-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-700:hover { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-700:focus { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-700:active { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-700:disabled { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-700:focus-visible { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-700:focus-within { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-700 { background-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-800:hover { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-800:focus { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-800:active { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-800:disabled { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-800:focus-visible { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-800:focus-within { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-800 { background-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-zinc-900:hover { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-zinc-900:focus { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-bg-zinc-900:active { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-zinc-900:disabled { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-zinc-900:focus-visible { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-zinc-900:focus-within { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-zinc-900 { background-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-50:hover { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-50:focus { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-50:active { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-50:disabled { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-50:focus-visible { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-50:focus-within { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-50 { background-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-100:hover { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-100:focus { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-100:active { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-100:disabled { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-100:focus-visible { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-100:focus-within { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-100 { background-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-200:hover { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-200:focus { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-200:active { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-200:disabled { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-200:focus-visible { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-200:focus-within { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-200 { background-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-300:hover { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-300:focus { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-300:active { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-300:disabled { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-300:focus-visible { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-300:focus-within { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-300 { background-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-400:hover { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-400:focus { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-400:active { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-400:disabled { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-400:focus-visible { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-400:focus-within { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-400 { background-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-500:hover { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-500:focus { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-500:active { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-500:disabled { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-500:focus-visible { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-500:focus-within { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-500 { background-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-600:hover { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-600:focus { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-600:active { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-600:disabled { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-600:focus-visible { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-600:focus-within { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-600 { background-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-700:hover { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-700:focus { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-700:active { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-700:disabled { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-700:focus-visible { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-700:focus-within { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-700 { background-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-800:hover { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-800:focus { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-800:active { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-800:disabled { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-800:focus-visible { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-800:focus-within { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-800 { background-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral-900:hover { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral-900:focus { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral-900:active { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral-900:disabled { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral-900:focus-visible { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral-900:focus-within { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral-900 { background-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-50:focus-visible { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-50:focus-within { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-100:focus-visible { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-100:focus-within { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-200:focus-visible { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-200:focus-within { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-300:focus-visible { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-300:focus-within { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-400:focus-visible { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-400:focus-within { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-500:focus-visible { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-500:focus-within { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-600:focus-visible { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-600:focus-within { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-700:focus-visible { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-700:focus-within { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-800:focus-visible { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-800:focus-within { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-lime-900:focus-visible { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-lime-900:focus-within { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-50:focus-visible { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-50:focus-within { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-100:focus-visible { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-100:focus-within { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-200:focus-visible { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-200:focus-within { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-300:focus-visible { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-300:focus-within { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-400:focus-visible { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-400:focus-within { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-500:focus-visible { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-500:focus-within { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-600:focus-visible { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-600:focus-within { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-700:focus-visible { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-700:focus-within { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-800:focus-visible { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-800:focus-within { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-cyan-900:focus-visible { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-cyan-900:focus-within { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-50:focus-visible { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-50:focus-within { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-100:focus-visible { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-100:focus-within { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-200:focus-visible { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-200:focus-within { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-300:focus-visible { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-300:focus-within { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-400:focus-visible { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-400:focus-within { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-500:focus-visible { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-500:focus-within { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-600:focus-visible { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-600:focus-within { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-700:focus-visible { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-700:focus-within { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-800:focus-visible { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-800:focus-within { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-sky-900:focus-visible { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-sky-900:focus-within { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-50:focus-visible { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-50:focus-within { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-100:focus-visible { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-100:focus-within { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-200:focus-visible { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-200:focus-within { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-300:focus-visible { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-300:focus-within { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-400:focus-visible { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-400:focus-within { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-500:focus-visible { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-500:focus-within { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-600:focus-visible { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-600:focus-within { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-700:focus-visible { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-700:focus-within { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-800:focus-visible { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-800:focus-within { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-violet-900:focus-visible { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-violet-900:focus-within { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-50:focus-visible { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-50:focus-within { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-100:focus-visible { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-100:focus-within { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-200:focus-visible { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-200:focus-within { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-300:focus-visible { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-300:focus-within { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-400:focus-visible { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-400:focus-within { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-500:focus-visible { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-500:focus-within { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-600:focus-visible { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-600:focus-within { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-700:focus-visible { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-700:focus-within { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-800:focus-visible { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-800:focus-within { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-rose-900:focus-visible { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-rose-900:focus-within { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-50:focus-visible { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-50:focus-within { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-100:focus-visible { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-100:focus-within { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-200:focus-visible { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-200:focus-within { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-300:focus-visible { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-300:focus-within { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-400:focus-visible { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-400:focus-within { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-500:focus-visible { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-500:focus-within { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-600:focus-visible { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-600:focus-within { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-700:focus-visible { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-700:focus-within { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-800:focus-visible { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-800:focus-within { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-slate-900:focus-visible { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-slate-900:focus-within { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-50:focus-visible { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-50:focus-within { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-100:focus-visible { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-100:focus-within { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-200:focus-visible { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-200:focus-within { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-300:focus-visible { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-300:focus-within { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-400:focus-visible { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-400:focus-within { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-500:focus-visible { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-500:focus-within { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-600:focus-visible { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-600:focus-within { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-700:focus-visible { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-700:focus-within { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-800:focus-visible { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-800:focus-within { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blue-900:focus-visible { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blue-900:focus-within { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-bg-green-50:active { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-50:focus-visible { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-50:focus-within { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-bg-green-100:active { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-100:focus-visible { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-100:focus-within { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-bg-green-200:active { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-200:focus-visible { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-200:focus-within { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-bg-green-300:active { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-300:focus-visible { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-300:focus-within { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-bg-green-400:active { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-400:focus-visible { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-400:focus-within { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-bg-green-500:active { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-500:focus-visible { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-500:focus-within { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-bg-green-600:active { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-600:focus-visible { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-600:focus-within { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-bg-green-700:active { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-700:focus-visible { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-700:focus-within { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-bg-green-800:active { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-800:focus-visible { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-800:focus-within { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-bg-green-900:active { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-green-900:focus-visible { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-green-900:focus-within { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-bg-black:hover { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-bg-black:focus { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-bg-black:active { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-bg-black:disabled { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-black:focus-visible { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-black:focus-within { background-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-black { background-color: var(--black); }
  html[data-theme="dark"] .dark-uw-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-bg-white:hover { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-bg-white:focus { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-bg-white:active { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-bg-white:disabled { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-white:focus-visible { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-white:focus-within { background-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-white { background-color: var(--white); }
  html[data-theme="dark"] .dark-uw-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-border-red-50:active { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-50:focus-visible { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-50:focus-within { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-border-red-100:active { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-100:focus-visible { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-100:focus-within { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-border-red-200:active { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-200:focus-visible { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-200:focus-within { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-border-red-300:active { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-300:focus-visible { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-300:focus-within { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-border-red-400:active { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-400:focus-visible { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-400:focus-within { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-border-red-500:active { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-500:focus-visible { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-500:focus-within { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-border-red-600:active { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-600:focus-visible { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-600:focus-within { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-border-red-700:active { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-700:focus-visible { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-700:focus-within { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-border-red-800:active { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-800:focus-visible { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-800:focus-within { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-border-red-900:active { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-red-900:focus-visible { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-red-900:focus-within { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-50:focus-visible { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-50:focus-within { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-100:focus-visible { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-100:focus-within { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-200:focus-visible { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-200:focus-within { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-300:focus-visible { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-300:focus-within { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-400:focus-visible { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-400:focus-within { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-500:focus-visible { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-500:focus-within { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-600:focus-visible { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-600:focus-within { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-700:focus-visible { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-700:focus-within { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-800:focus-visible { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-800:focus-within { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-orange-900:focus-visible { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-orange-900:focus-within { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-50:focus-visible { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-50:focus-within { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-100:focus-visible { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-100:focus-within { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-200:focus-visible { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-200:focus-within { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-300:focus-visible { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-300:focus-within { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-400:focus-visible { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-400:focus-within { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-500:focus-visible { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-500:focus-within { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-600:focus-visible { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-600:focus-within { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-700:focus-visible { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-700:focus-within { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-800:focus-visible { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-800:focus-within { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-teal-900:focus-visible { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-teal-900:focus-within { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-50:focus-visible { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-50:focus-within { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-100:focus-visible { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-100:focus-within { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-200:focus-visible { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-200:focus-within { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-300:focus-visible { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-300:focus-within { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-400:focus-visible { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-400:focus-within { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-500:focus-visible { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-500:focus-within { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-600:focus-visible { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-600:focus-within { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-700:focus-visible { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-700:focus-within { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-800:focus-visible { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-800:focus-within { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-purple-900:focus-visible { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-purple-900:focus-within { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-50:focus-visible { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-50:focus-within { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-100:focus-visible { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-100:focus-within { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-200:focus-visible { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-200:focus-within { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-300:focus-visible { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-300:focus-within { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-400:focus-visible { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-400:focus-within { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-500:focus-visible { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-500:focus-within { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-600:focus-visible { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-600:focus-within { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-700:focus-visible { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-700:focus-within { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-800:focus-visible { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-800:focus-within { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-indigo-900:focus-visible { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-indigo-900:focus-within { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-50:focus-visible { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-50:focus-within { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-100:focus-visible { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-100:focus-within { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-200:focus-visible { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-200:focus-within { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-300:focus-visible { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-300:focus-within { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-400:focus-visible { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-400:focus-within { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-500:focus-visible { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-500:focus-within { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-600:focus-visible { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-600:focus-within { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-700:focus-visible { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-700:focus-within { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-800:focus-visible { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-800:focus-within { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-yellow-900:focus-visible { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-yellow-900:focus-within { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-50:focus-visible { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-50:focus-within { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-100:focus-visible { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-100:focus-within { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-200:focus-visible { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-200:focus-within { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-300:focus-visible { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-300:focus-within { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-400:focus-visible { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-400:focus-within { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-500:focus-visible { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-500:focus-within { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-600:focus-visible { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-600:focus-within { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-700:focus-visible { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-700:focus-within { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-800:focus-visible { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-800:focus-within { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-pink-900:focus-visible { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-pink-900:focus-within { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-50:focus-visible { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-50:focus-within { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-100:focus-visible { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-100:focus-within { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-200:focus-visible { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-200:focus-within { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-300:focus-visible { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-300:focus-within { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-400:focus-visible { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-400:focus-within { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-500:focus-visible { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-500:focus-within { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-600:focus-visible { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-600:focus-within { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-700:focus-visible { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-700:focus-within { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-800:focus-visible { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-800:focus-within { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-grey-900:focus-visible { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-grey-900:focus-within { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-50:hover { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-50:focus { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-50:active { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-50:disabled { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-50:focus-visible { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-50:focus-within { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-50 { border-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-100:hover { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-100:focus { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-100:active { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-100:disabled { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-100:focus-visible { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-100:focus-within { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-100 { border-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-200:hover { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-200:focus { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-200:active { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-200:disabled { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-200:focus-visible { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-200:focus-within { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-200 { border-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-300:hover { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-300:focus { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-300:active { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-300:disabled { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-300:focus-visible { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-300:focus-within { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-300 { border-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-400:hover { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-400:focus { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-400:active { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-400:disabled { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-400:focus-visible { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-400:focus-within { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-400 { border-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-500:hover { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-500:focus { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-500:active { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-500:disabled { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-500:focus-visible { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-500:focus-within { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-500 { border-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-600:hover { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-600:focus { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-600:active { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-600:disabled { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-600:focus-visible { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-600:focus-within { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-600 { border-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-700:hover { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-700:focus { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-700:active { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-700:disabled { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-700:focus-visible { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-700:focus-within { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-700 { border-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-800:hover { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-800:focus { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-800:active { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-800:disabled { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-800:focus-visible { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-800:focus-within { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-800 { border-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-border-zinc-900:hover { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-border-zinc-900:focus { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-border-zinc-900:active { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-zinc-900:disabled { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-zinc-900:focus-visible { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-zinc-900:focus-within { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-zinc-900 { border-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-50:hover { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-50:focus { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-50:active { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-50:disabled { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-50:focus-visible { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-50:focus-within { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-50 { border-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-100:hover { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-100:focus { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-100:active { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-100:disabled { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-100:focus-visible { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-100:focus-within { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-100 { border-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-200:hover { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-200:focus { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-200:active { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-200:disabled { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-200:focus-visible { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-200:focus-within { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-200 { border-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-300:hover { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-300:focus { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-300:active { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-300:disabled { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-300:focus-visible { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-300:focus-within { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-300 { border-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-400:hover { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-400:focus { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-400:active { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-400:disabled { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-400:focus-visible { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-400:focus-within { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-400 { border-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-500:hover { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-500:focus { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-500:active { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-500:disabled { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-500:focus-visible { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-500:focus-within { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-500 { border-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-600:hover { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-600:focus { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-600:active { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-600:disabled { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-600:focus-visible { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-600:focus-within { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-600 { border-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-700:hover { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-700:focus { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-700:active { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-700:disabled { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-700:focus-visible { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-700:focus-within { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-700 { border-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-800:hover { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-800:focus { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-800:active { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-800:disabled { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-800:focus-visible { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-800:focus-within { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-800 { border-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral-900:hover { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral-900:focus { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-border-neutral-900:active { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral-900:disabled { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral-900:focus-visible { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral-900:focus-within { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral-900 { border-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-50:focus-visible { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-50:focus-within { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-100:focus-visible { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-100:focus-within { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-200:focus-visible { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-200:focus-within { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-300:focus-visible { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-300:focus-within { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-400:focus-visible { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-400:focus-within { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-500:focus-visible { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-500:focus-within { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-600:focus-visible { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-600:focus-within { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-700:focus-visible { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-700:focus-within { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-800:focus-visible { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-800:focus-within { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-lime-900:focus-visible { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-lime-900:focus-within { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-50:focus-visible { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-50:focus-within { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-100:focus-visible { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-100:focus-within { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-200:focus-visible { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-200:focus-within { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-300:focus-visible { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-300:focus-within { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-400:focus-visible { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-400:focus-within { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-500:focus-visible { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-500:focus-within { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-600:focus-visible { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-600:focus-within { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-700:focus-visible { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-700:focus-within { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-800:focus-visible { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-800:focus-within { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-cyan-900:focus-visible { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-cyan-900:focus-within { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-50:focus-visible { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-50:focus-within { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-100:focus-visible { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-100:focus-within { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-200:focus-visible { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-200:focus-within { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-300:focus-visible { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-300:focus-within { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-400:focus-visible { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-400:focus-within { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-500:focus-visible { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-500:focus-within { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-600:focus-visible { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-600:focus-within { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-700:focus-visible { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-700:focus-within { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-800:focus-visible { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-800:focus-within { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-sky-900:focus-visible { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-sky-900:focus-within { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-50:focus-visible { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-50:focus-within { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-100:focus-visible { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-100:focus-within { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-200:focus-visible { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-200:focus-within { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-300:focus-visible { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-300:focus-within { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-400:focus-visible { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-400:focus-within { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-500:focus-visible { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-500:focus-within { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-600:focus-visible { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-600:focus-within { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-700:focus-visible { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-700:focus-within { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-800:focus-visible { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-800:focus-within { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-violet-900:focus-visible { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-violet-900:focus-within { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-50:focus-visible { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-50:focus-within { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-100:focus-visible { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-100:focus-within { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-200:focus-visible { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-200:focus-within { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-300:focus-visible { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-300:focus-within { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-400:focus-visible { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-400:focus-within { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-500:focus-visible { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-500:focus-within { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-600:focus-visible { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-600:focus-within { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-700:focus-visible { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-700:focus-within { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-800:focus-visible { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-800:focus-within { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-rose-900:focus-visible { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-rose-900:focus-within { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-50:focus-visible { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-50:focus-within { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-100:focus-visible { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-100:focus-within { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-200:focus-visible { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-200:focus-within { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-300:focus-visible { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-300:focus-within { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-400:focus-visible { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-400:focus-within { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-500:focus-visible { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-500:focus-within { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-600:focus-visible { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-600:focus-within { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-700:focus-visible { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-700:focus-within { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-800:focus-visible { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-800:focus-within { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-slate-900:focus-visible { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-slate-900:focus-within { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-50:focus-visible { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-50:focus-within { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-100:focus-visible { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-100:focus-within { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-200:focus-visible { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-200:focus-within { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-300:focus-visible { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-300:focus-within { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-400:focus-visible { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-400:focus-within { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-500:focus-visible { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-500:focus-within { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-600:focus-visible { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-600:focus-within { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-700:focus-visible { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-700:focus-within { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-800:focus-visible { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-800:focus-within { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-blue-900:focus-visible { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-blue-900:focus-within { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-border-green-50:active { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-50:focus-visible { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-50:focus-within { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-border-green-100:active { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-100:focus-visible { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-100:focus-within { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-border-green-200:active { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-200:focus-visible { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-200:focus-within { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-border-green-300:active { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-300:focus-visible { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-300:focus-within { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-border-green-400:active { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-400:focus-visible { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-400:focus-within { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-border-green-500:active { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-500:focus-visible { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-500:focus-within { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-border-green-600:active { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-600:focus-visible { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-600:focus-within { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-border-green-700:active { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-700:focus-visible { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-700:focus-within { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-border-green-800:active { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-800:focus-visible { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-800:focus-within { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-border-green-900:active { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-green-900:focus-visible { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-border-green-900:focus-within { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-border-black:hover { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-border-black:focus { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-border-black:active { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-border-black:disabled { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-black:focus-visible { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-border-black:focus-within { border-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-black { border-color: var(--black); }
  html[data-theme="dark"] .dark-uw-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-border-white:hover { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-border-white:focus { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-border-white:active { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-border-white:disabled { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-white:focus-visible { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-border-white:focus-within { border-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-white { border-color: var(--white); }
  html[data-theme="dark"] .dark-uw-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-0:hover { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-0:focus { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-0:active { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-0:disabled { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-0:focus-visible { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-0:focus-within { border-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-0 { border-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-0:hover { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-0:focus { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-0:active { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-0:focus-visible { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-0:focus-within { border-top-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-0 { border-top-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-0:hover { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-0:focus { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-0:active { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-0:focus-visible { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-0:focus-within { border-right-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-0 { border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-0:active { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-0:focus-visible { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-0:focus-within { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-0:hover { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-0:focus { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-0:active { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-0:focus-visible { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-0:focus-within { border-left-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-0 { border-left-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-1:hover { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-1:focus { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-1:active { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-1:disabled { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-1:focus-visible { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-1:focus-within { border-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-1 { border-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-1:hover { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-1:focus { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-1:active { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-1:focus-visible { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-1:focus-within { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-1 { border-top-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-1:hover { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-1:focus { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-1:active { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-1:focus-visible { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-1:focus-within { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-1 { border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-1:active { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-1:focus-visible { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-1:focus-within { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-1:hover { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-1:focus { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-1:active { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-1:focus-visible { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-1:focus-within { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-1 { border-left-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-2:hover { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-2:focus { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-2:active { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-2:disabled { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-2:focus-visible { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-2:focus-within { border-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-2 { border-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-2:hover { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-2:focus { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-2:active { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-2:focus-visible { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-2:focus-within { border-top-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-2 { border-top-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-2:hover { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-2:focus { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-2:active { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-2:focus-visible { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-2:focus-within { border-right-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-2 { border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-2:active { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-2:focus-visible { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-2:focus-within { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-2:hover { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-2:focus { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-2:active { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-2:focus-visible { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-2:focus-within { border-left-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-2 { border-left-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-3:hover { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-3:focus { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-3:active { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-3:disabled { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-3:focus-visible { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-3:focus-within { border-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-3 { border-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-3:hover { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-3:focus { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-3:active { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-3:focus-visible { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-3:focus-within { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-3 { border-top-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-3:hover { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-3:focus { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-3:active { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-3:focus-visible { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-3:focus-within { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-3 { border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-3:active { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-3:focus-visible { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-3:focus-within { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-3:hover { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-3:focus { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-3:active { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-3:focus-visible { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-3:focus-within { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-3 { border-left-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-4:hover { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-4:focus { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-4:active { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-4:disabled { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-4:focus-visible { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-4:focus-within { border-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-4 { border-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-4:hover { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-4:focus { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-4:active { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-4:focus-visible { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-4:focus-within { border-top-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-4 { border-top-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-4:hover { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-4:focus { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-4:active { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-4:focus-visible { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-4:focus-within { border-right-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-4 { border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-4:active { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-4:focus-visible { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-4:focus-within { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-4:hover { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-4:focus { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-4:active { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-4:focus-visible { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-4:focus-within { border-left-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-4 { border-left-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-5:hover { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-5:focus { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-5:active { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-5:disabled { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-5:focus-visible { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-5:focus-within { border-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-5 { border-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-5:hover { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-5:focus { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-5:active { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-5:focus-visible { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-5:focus-within { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-5 { border-top-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-5:hover { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-5:focus { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-5:active { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-5:focus-visible { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-5:focus-within { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-5 { border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-5:active { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-5:focus-visible { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-5:focus-within { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-5:hover { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-5:focus { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-5:active { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-5:focus-visible { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-5:focus-within { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-5 { border-left-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-6:hover { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-6:focus { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-6:active { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-6:disabled { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-6:focus-visible { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-6:focus-within { border-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-6 { border-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-6:hover { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-6:focus { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-6:active { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-6:focus-visible { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-6:focus-within { border-top-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-6 { border-top-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-6:hover { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-6:focus { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-6:active { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-6:focus-visible { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-6:focus-within { border-right-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-6 { border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-6:active { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-6:focus-visible { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-6:focus-within { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-6:hover { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-6:focus { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-6:active { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-6:focus-visible { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-6:focus-within { border-left-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-6 { border-left-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-7:hover { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-7:focus { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-7:active { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-7:disabled { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-7:focus-visible { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-7:focus-within { border-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-7 { border-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-7:hover { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-7:focus { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-7:active { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-7:focus-visible { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-7:focus-within { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-7 { border-top-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-7:hover { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-7:focus { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-7:active { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-7:focus-visible { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-7:focus-within { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-7 { border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-7:active { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-7:focus-visible { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-7:focus-within { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-7:hover { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-7:focus { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-7:active { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-7:focus-visible { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-7:focus-within { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-7 { border-left-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-8:hover { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-8:focus { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-8:active { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-8:disabled { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-8:focus-visible { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-8:focus-within { border-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-8 { border-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-8:hover { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-8:focus { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-8:active { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-8:focus-visible { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-8:focus-within { border-top-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-8 { border-top-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-8:hover { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-8:focus { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-8:active { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-8:focus-visible { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-8:focus-within { border-right-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-8 { border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-8:active { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-8:focus-visible { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-8:focus-within { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-8:hover { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-8:focus { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-8:active { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-8:focus-visible { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-8:focus-within { border-left-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-8 { border-left-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-9:hover { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-9:focus { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-9:active { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-9:disabled { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-9:focus-visible { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-9:focus-within { border-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-9 { border-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-9:hover { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-9:focus { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-9:active { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-9:focus-visible { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-9:focus-within { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-9 { border-top-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-9:hover { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-9:focus { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-9:active { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-9:focus-visible { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-9:focus-within { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-9 { border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-9:active { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-9:focus-visible { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-9:focus-within { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-9:hover { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-9:focus { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-9:active { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-9:focus-visible { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-9:focus-within { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-9 { border-left-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-10:hover { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-10:focus { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-10:active { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-10:disabled { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-10:focus-visible { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-10:focus-within { border-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-10 { border-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-10:hover { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-10:focus { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-10:active { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-10:focus-visible { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-10:focus-within { border-top-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-10 { border-top-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-10:hover { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-10:focus { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-10:active { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-10:focus-visible { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-10:focus-within { border-right-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-10 { border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-10:active { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-10:focus-visible { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-10:focus-within { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-10:hover { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-10:focus { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-10:active { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-10:focus-visible { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-10:focus-within { border-left-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-10 { border-left-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-11:hover { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-11:focus { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-11:active { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-11:disabled { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-11:focus-visible { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-11:focus-within { border-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-11 { border-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-11:hover { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-11:focus { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-11:active { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-11:focus-visible { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-11:focus-within { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-11 { border-top-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-11:hover { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-11:focus { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-11:active { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-11:focus-visible { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-11:focus-within { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-11 { border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-11:active { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-11:focus-visible { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-11:focus-within { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-11:hover { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-11:focus { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-11:active { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-11:focus-visible { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-11:focus-within { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-11 { border-left-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-12:hover { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-12:focus { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-12:active { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-12:disabled { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-12:focus-visible { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-12:focus-within { border-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-12 { border-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-12:hover { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-12:focus { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-12:active { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-12:focus-visible { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-12:focus-within { border-top-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-12 { border-top-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-12:hover { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-12:focus { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-12:active { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-12:focus-visible { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-12:focus-within { border-right-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-12 { border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-12:active { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-12:focus-visible { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-12:focus-within { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-12:hover { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-12:focus { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-12:active { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-12:focus-visible { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-12:focus-within { border-left-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-12 { border-left-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-13:hover { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-13:focus { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-13:active { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-13:disabled { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-13:focus-visible { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-13:focus-within { border-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-13 { border-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-13:hover { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-13:focus { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-13:active { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-13:focus-visible { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-13:focus-within { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-13 { border-top-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-13:hover { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-13:focus { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-13:active { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-13:focus-visible { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-13:focus-within { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-13 { border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-13:active { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-13:focus-visible { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-13:focus-within { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-13:hover { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-13:focus { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-13:active { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-13:focus-visible { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-13:focus-within { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-13 { border-left-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-14:hover { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-14:focus { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-14:active { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-14:disabled { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-14:focus-visible { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-14:focus-within { border-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-14 { border-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-14:hover { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-14:focus { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-14:active { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-14:focus-visible { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-14:focus-within { border-top-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-14 { border-top-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-14:hover { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-14:focus { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-14:active { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-14:focus-visible { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-14:focus-within { border-right-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-14 { border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-14:active { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-14:focus-visible { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-14:focus-within { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-14:hover { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-14:focus { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-14:active { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-14:focus-visible { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-14:focus-within { border-left-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-14 { border-left-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-15:hover { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-15:focus { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-15:active { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-15:disabled { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-15:focus-visible { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-15:focus-within { border-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-15 { border-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-15:hover { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-15:focus { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-15:active { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-15:focus-visible { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-15:focus-within { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-15 { border-top-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-15:hover { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-15:focus { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-15:active { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-15:focus-visible { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-15:focus-within { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-15 { border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-15:active { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-15:focus-visible { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-15:focus-within { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-15:hover { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-15:focus { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-15:active { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-15:focus-visible { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-15:focus-within { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-15 { border-left-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-16:hover { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-16:focus { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-16:active { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-16:disabled { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-16:focus-visible { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-16:focus-within { border-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-16 { border-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-16:hover { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-16:focus { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-16:active { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-16:focus-visible { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-16:focus-within { border-top-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-16 { border-top-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-16:hover { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-16:focus { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-16:active { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-16:focus-visible { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-16:focus-within { border-right-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-16 { border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-16:active { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-16:focus-visible { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-16:focus-within { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-16:hover { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-16:focus { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-16:active { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-16:focus-visible { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-16:focus-within { border-left-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-16 { border-left-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-17:hover { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-17:focus { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-17:active { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-17:disabled { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-17:focus-visible { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-17:focus-within { border-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-17 { border-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-17:hover { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-17:focus { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-17:active { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-17:focus-visible { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-17:focus-within { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-17 { border-top-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-17:hover { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-17:focus { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-17:active { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-17:focus-visible { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-17:focus-within { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-17 { border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-17:active { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-17:focus-visible { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-17:focus-within { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-17:hover { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-17:focus { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-17:active { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-17:focus-visible { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-17:focus-within { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-17 { border-left-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-18:hover { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-18:focus { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-18:active { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-18:disabled { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-18:focus-visible { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-18:focus-within { border-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-18 { border-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-18:hover { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-18:focus { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-18:active { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-18:focus-visible { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-18:focus-within { border-top-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-18 { border-top-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-18:hover { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-18:focus { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-18:active { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-18:focus-visible { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-18:focus-within { border-right-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-18 { border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-18:active { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-18:focus-visible { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-18:focus-within { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-18:hover { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-18:focus { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-18:active { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-18:focus-visible { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-18:focus-within { border-left-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-18 { border-left-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-19:hover { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-19:focus { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-19:active { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-19:disabled { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-19:focus-visible { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-19:focus-within { border-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-19 { border-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-19:hover { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-19:focus { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-19:active { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-19:focus-visible { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-19:focus-within { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-19 { border-top-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-19:hover { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-19:focus { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-19:active { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-19:focus-visible { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-19:focus-within { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-19 { border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-19:active { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-19:focus-visible { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-19:focus-within { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-19:hover { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-19:focus { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-19:active { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-19:focus-visible { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-19:focus-within { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-19 { border-left-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-20:hover { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-20:focus { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-20:active { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-20:disabled { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-20:focus-visible { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-20:focus-within { border-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-20 { border-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-20:hover { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-20:focus { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-20:active { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-20:focus-visible { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-20:focus-within { border-top-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-20 { border-top-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-20:hover { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-20:focus { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-20:active { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-20:focus-visible { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-20:focus-within { border-right-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-20 { border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-20:active { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-20:focus-visible { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-20:focus-within { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-20:hover { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-20:focus { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-20:active { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-20:focus-visible { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-20:focus-within { border-left-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-20 { border-left-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-21:hover { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-21:focus { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-21:active { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-21:disabled { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-21:focus-visible { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-21:focus-within { border-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-21 { border-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-21:hover { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-21:focus { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-21:active { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-21:focus-visible { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-21:focus-within { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-21 { border-top-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-21:hover { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-21:focus { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-21:active { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-21:focus-visible { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-21:focus-within { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-21 { border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-21:active { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-21:focus-visible { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-21:focus-within { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-21:hover { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-21:focus { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-21:active { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-21:focus-visible { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-21:focus-within { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-21 { border-left-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-22:hover { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-22:focus { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-22:active { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-22:disabled { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-22:focus-visible { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-22:focus-within { border-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-22 { border-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-22:hover { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-22:focus { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-22:active { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-22:focus-visible { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-22:focus-within { border-top-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-22 { border-top-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-22:hover { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-22:focus { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-22:active { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-22:focus-visible { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-22:focus-within { border-right-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-22 { border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-22:active { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-22:focus-visible { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-22:focus-within { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-22:hover { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-22:focus { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-22:active { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-22:focus-visible { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-22:focus-within { border-left-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-22 { border-left-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-23:hover { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-23:focus { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-23:active { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-23:disabled { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-23:focus-visible { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-23:focus-within { border-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-23 { border-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-23:hover { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-23:focus { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-23:active { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-23:focus-visible { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-23:focus-within { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-23 { border-top-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-23:hover { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-23:focus { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-23:active { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-23:focus-visible { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-23:focus-within { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-23 { border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-23:active { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-23:focus-visible { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-23:focus-within { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-23:hover { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-23:focus { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-23:active { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-23:focus-visible { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-23:focus-within { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-23 { border-left-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-24:hover { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-24:focus { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-24:active { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-24:disabled { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-24:focus-visible { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-24:focus-within { border-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-24 { border-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-24:hover { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-24:focus { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-24:active { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-24:focus-visible { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-24:focus-within { border-top-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-24 { border-top-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-24:hover { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-24:focus { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-24:active { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-24:focus-visible { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-24:focus-within { border-right-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-24 { border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-24:active { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-24:focus-visible { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-24:focus-within { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-24:hover { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-24:focus { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-24:active { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-24:focus-visible { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-24:focus-within { border-left-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-24 { border-left-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-25:hover { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-25:focus { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-25:active { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-25:disabled { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-25:focus-visible { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-25:focus-within { border-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-25 { border-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-25:hover { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-25:focus { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-25:active { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-25:focus-visible { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-25:focus-within { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-25 { border-top-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-25:hover { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-25:focus { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-25:active { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-25:focus-visible { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-25:focus-within { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-25 { border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-25:active { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-25:focus-visible { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-25:focus-within { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-25:hover { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-25:focus { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-25:active { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-25:focus-visible { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-25:focus-within { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-25 { border-left-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-26:hover { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-26:focus { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-26:active { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-26:disabled { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-26:focus-visible { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-26:focus-within { border-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-26 { border-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-26:hover { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-26:focus { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-26:active { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-26:focus-visible { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-26:focus-within { border-top-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-26 { border-top-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-26:hover { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-26:focus { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-26:active { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-26:focus-visible { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-26:focus-within { border-right-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-26 { border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-26:active { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-26:focus-visible { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-26:focus-within { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-26:hover { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-26:focus { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-26:active { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-26:focus-visible { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-26:focus-within { border-left-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-26 { border-left-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-27:hover { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-27:focus { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-27:active { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-27:disabled { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-27:focus-visible { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-27:focus-within { border-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-27 { border-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-27:hover { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-27:focus { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-27:active { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-27:focus-visible { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-27:focus-within { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-27 { border-top-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-27:hover { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-27:focus { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-27:active { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-27:focus-visible { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-27:focus-within { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-27 { border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-27:active { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-27:focus-visible { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-27:focus-within { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-27:hover { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-27:focus { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-27:active { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-27:focus-visible { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-27:focus-within { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-27 { border-left-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-28:hover { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-28:focus { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-28:active { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-28:disabled { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-28:focus-visible { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-28:focus-within { border-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-28 { border-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-28:hover { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-28:focus { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-28:active { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-28:focus-visible { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-28:focus-within { border-top-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-28 { border-top-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-28:hover { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-28:focus { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-28:active { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-28:focus-visible { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-28:focus-within { border-right-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-28 { border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-28:active { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-28:focus-visible { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-28:focus-within { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-28:hover { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-28:focus { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-28:active { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-28:focus-visible { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-28:focus-within { border-left-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-28 { border-left-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-29:hover { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-29:focus { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-29:active { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-29:disabled { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-29:focus-visible { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-29:focus-within { border-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-29 { border-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-29:hover { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-29:focus { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-29:active { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-29:focus-visible { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-29:focus-within { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-29 { border-top-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-29:hover { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-29:focus { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-29:active { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-29:focus-visible { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-29:focus-within { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-29 { border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-29:active { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-29:focus-visible { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-29:focus-within { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-29:hover { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-29:focus { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-29:active { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-29:focus-visible { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-29:focus-within { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-29 { border-left-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-30:hover { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-30:focus { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-30:active { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-30:disabled { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-30:focus-visible { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-30:focus-within { border-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-30 { border-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-30:hover { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-30:focus { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-30:active { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-30:focus-visible { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-30:focus-within { border-top-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-30 { border-top-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-30:hover { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-30:focus { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-30:active { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-30:focus-visible { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-30:focus-within { border-right-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-30 { border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-30:active { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-30:focus-visible { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-30:focus-within { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-30:hover { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-30:focus { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-30:active { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-30:focus-visible { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-30:focus-within { border-left-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-30 { border-left-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-31:hover { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-31:focus { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-31:active { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-31:disabled { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-31:focus-visible { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-31:focus-within { border-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-31 { border-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-31:hover { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-31:focus { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-31:active { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-31:focus-visible { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-31:focus-within { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-31 { border-top-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-31:hover { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-31:focus { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-31:active { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-31:focus-visible { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-31:focus-within { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-31 { border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-31:active { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-31:focus-visible { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-31:focus-within { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-31:hover { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-31:focus { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-31:active { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-31:focus-visible { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-31:focus-within { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-31 { border-left-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-32:hover { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-32:focus { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-32:active { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-32:disabled { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-32:focus-visible { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-32:focus-within { border-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-32 { border-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-t-32:hover { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-t-32:focus { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-t-32:active { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-t-32:focus-visible { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-t-32:focus-within { border-top-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-t-32 { border-top-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-r-32:hover { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-r-32:focus { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-r-32:active { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-r-32:focus-visible { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-r-32:focus-within { border-right-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-r-32 { border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-b-32:active { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-b-32:focus-visible { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-b-32:focus-within { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-l-32:hover { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-l-32:focus { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-l-32:active { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-l-32:focus-visible { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-l-32:focus-within { border-left-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-l-32 { border-left-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-0:focus-visible { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-0:focus-within { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-0:focus-visible { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-0:focus-within { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
  html[data-theme="dark"] .dark-uw-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-1:focus-visible { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-1:focus-within { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-1:focus-visible { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-1:focus-within { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
  html[data-theme="dark"] .dark-uw-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-2:focus-visible { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-2:focus-within { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-2:focus-visible { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-2:focus-within { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-3:focus-visible { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-3:focus-within { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-3:focus-visible { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-3:focus-within { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
  html[data-theme="dark"] .dark-uw-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-4:focus-visible { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-4:focus-within { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-4:focus-visible { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-4:focus-within { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
  html[data-theme="dark"] .dark-uw-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-5:focus-visible { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-5:focus-within { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-5:focus-visible { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-5:focus-within { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
  html[data-theme="dark"] .dark-uw-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-6:focus-visible { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-6:focus-within { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-6:focus-visible { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-6:focus-within { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
  html[data-theme="dark"] .dark-uw-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-7:focus-visible { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-7:focus-within { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-7:focus-visible { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-7:focus-within { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
  html[data-theme="dark"] .dark-uw-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-8:focus-visible { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-8:focus-within { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-8:focus-visible { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-8:focus-within { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-9:focus-visible { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-9:focus-within { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-9:focus-visible { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-9:focus-within { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
  html[data-theme="dark"] .dark-uw-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-10:focus-visible { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-10:focus-within { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-10:focus-visible { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-10:focus-within { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
  html[data-theme="dark"] .dark-uw-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-11:focus-visible { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-11:focus-within { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-11:focus-visible { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-11:focus-within { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
  html[data-theme="dark"] .dark-uw-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-12:focus-visible { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-12:focus-within { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-12:focus-visible { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-12:focus-within { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
  html[data-theme="dark"] .dark-uw-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-13:focus-visible { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-13:focus-within { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-13:focus-visible { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-13:focus-within { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
  html[data-theme="dark"] .dark-uw-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-14:focus-visible { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-14:focus-within { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-14:focus-visible { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-14:focus-within { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
  html[data-theme="dark"] .dark-uw-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-15:focus-visible { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-15:focus-within { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-15:focus-visible { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-15:focus-within { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
  html[data-theme="dark"] .dark-uw-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-16:focus-visible { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-16:focus-within { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-16:focus-visible { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-16:focus-within { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
  html[data-theme="dark"] .dark-uw-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-17:focus-visible { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-17:focus-within { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-17:focus-visible { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-17:focus-within { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
  html[data-theme="dark"] .dark-uw-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-18:focus-visible { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-18:focus-within { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-18:focus-visible { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-18:focus-within { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
  html[data-theme="dark"] .dark-uw-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-19:focus-visible { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-19:focus-within { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-19:focus-visible { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-19:focus-within { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
  html[data-theme="dark"] .dark-uw-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-20:focus-visible { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-20:focus-within { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-20:focus-visible { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-20:focus-within { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
  html[data-theme="dark"] .dark-uw-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-21:focus-visible { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-21:focus-within { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-21:focus-visible { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-21:focus-within { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
  html[data-theme="dark"] .dark-uw-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-22:focus-visible { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-22:focus-within { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-22:focus-visible { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-22:focus-within { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
  html[data-theme="dark"] .dark-uw-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-23:focus-visible { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-23:focus-within { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-23:focus-visible { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-23:focus-within { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
  html[data-theme="dark"] .dark-uw-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-24:focus-visible { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-24:focus-within { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-24:focus-visible { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-24:focus-within { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
  html[data-theme="dark"] .dark-uw-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-25:focus-visible { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-25:focus-within { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-25:focus-visible { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-25:focus-within { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
  html[data-theme="dark"] .dark-uw-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-26:focus-visible { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-26:focus-within { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-26:focus-visible { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-26:focus-within { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
  html[data-theme="dark"] .dark-uw-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-27:focus-visible { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-27:focus-within { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-27:focus-visible { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-27:focus-within { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
  html[data-theme="dark"] .dark-uw-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-28:focus-visible { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-28:focus-within { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-28:focus-visible { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-28:focus-within { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
  html[data-theme="dark"] .dark-uw-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-29:focus-visible { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-29:focus-within { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-29:focus-visible { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-29:focus-within { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
  html[data-theme="dark"] .dark-uw-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-30:focus-visible { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-30:focus-within { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-30:focus-visible { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-30:focus-within { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
  html[data-theme="dark"] .dark-uw-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-31:focus-visible { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-31:focus-within { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-31:focus-visible { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-31:focus-within { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
  html[data-theme="dark"] .dark-uw-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-x-32:focus-visible { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-x-32:focus-within { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-y-32:focus-visible { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-border-y-32:focus-within { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
  html[data-theme="dark"] .dark-uw-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-hover-border-transparent:hover { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-border-transparent:focus { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-active-border-transparent:active { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-disabled-border-transparent:disabled { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-transparent:focus-visible { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-within-border-transparent:focus-within { border-color: transparent; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-transparent { border-color: transparent; }
  html[data-theme="dark"] .dark-uw-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-hover-border-inherit:hover { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-border-inherit:focus { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-active-border-inherit:active { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-disabled-border-inherit:disabled { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-inherit:focus-visible { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-within-border-inherit:focus-within { border-color: inherit; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-inherit { border-color: inherit; }
  html[data-theme="dark"] .dark-uw-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-hover-bg-transparent:hover { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-bg-transparent:focus { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-active-bg-transparent:active { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-disabled-bg-transparent:disabled { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-transparent:focus-visible { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-transparent:focus-within { background-color: transparent; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-transparent { background-color: transparent; }
  html[data-theme="dark"] .dark-uw-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-hover-bg-inherit:hover { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-bg-inherit:focus { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-active-bg-inherit:active { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-disabled-bg-inherit:disabled { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-inherit:focus-visible { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-inherit:focus-within { background-color: inherit; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-inherit { background-color: inherit; }
  html[data-theme="dark"] .dark-uw-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-uw-hover-text-transparent:hover { color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-text-transparent:focus { color: transparent; }
  html[data-theme="dark"] .dark-uw-active-text-transparent:active { color: transparent; }
  html[data-theme="dark"] .dark-uw-disabled-text-transparent:disabled { color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-transparent:focus-visible { color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-within-text-transparent:focus-within { color: transparent; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-transparent { color: transparent; }
  html[data-theme="dark"] .dark-uw-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-uw-hover-text-inherit:hover { color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-text-inherit:focus { color: inherit; }
  html[data-theme="dark"] .dark-uw-active-text-inherit:active { color: inherit; }
  html[data-theme="dark"] .dark-uw-disabled-text-inherit:disabled { color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-inherit:focus-visible { color: inherit; }
  html[data-theme="dark"] .dark-uw-focus-within-text-inherit:focus-within { color: inherit; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-inherit { color: inherit; }
  html[data-theme="dark"] .dark-uw-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-uw-hover-border-solid:hover { border-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-border-solid:focus { border-style: solid; }
  html[data-theme="dark"] .dark-uw-active-border-solid:active { border-style: solid; }
  html[data-theme="dark"] .dark-uw-disabled-border-solid:disabled { border-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-solid:focus-visible { border-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-within-border-solid:focus-within { border-style: solid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-solid { border-style: solid; }
  html[data-theme="dark"] .dark-uw-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-hover-border-dashed:hover { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-border-dashed:focus { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-active-border-dashed:active { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-disabled-border-dashed:disabled { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-dashed:focus-visible { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-within-border-dashed:focus-within { border-style: dashed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-dashed { border-style: dashed; }
  html[data-theme="dark"] .dark-uw-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-hover-border-dotted:hover { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-border-dotted:focus { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-active-border-dotted:active { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-disabled-border-dotted:disabled { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-dotted:focus-visible { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-focus-within-border-dotted:focus-within { border-style: dotted; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-dotted { border-style: dotted; }
  html[data-theme="dark"] .dark-uw-border-double { border-style: double; }
  html[data-theme="dark"] .dark-uw-hover-border-double:hover { border-style: double; }
  html[data-theme="dark"] .dark-uw-focus-border-double:focus { border-style: double; }
  html[data-theme="dark"] .dark-uw-active-border-double:active { border-style: double; }
  html[data-theme="dark"] .dark-uw-disabled-border-double:disabled { border-style: double; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-double:focus-visible { border-style: double; }
  html[data-theme="dark"] .dark-uw-focus-within-border-double:focus-within { border-style: double; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-double { border-style: double; }
  html[data-theme="dark"] .dark-uw-border-none { border-style: none; }
  html[data-theme="dark"] .dark-uw-hover-border-none:hover { border-style: none; }
  html[data-theme="dark"] .dark-uw-focus-border-none:focus { border-style: none; }
  html[data-theme="dark"] .dark-uw-active-border-none:active { border-style: none; }
  html[data-theme="dark"] .dark-uw-disabled-border-none:disabled { border-style: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-none:focus-visible { border-style: none; }
  html[data-theme="dark"] .dark-uw-focus-within-border-none:focus-within { border-style: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-none { border-style: none; }
  html[data-theme="dark"] .dark-uw-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-uw-hover-z-auto:hover { z-index: auto; }
  html[data-theme="dark"] .dark-uw-focus-z-auto:focus { z-index: auto; }
  html[data-theme="dark"] .dark-uw-active-z-auto:active { z-index: auto; }
  html[data-theme="dark"] .dark-uw-disabled-z-auto:disabled { z-index: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-auto:focus-visible { z-index: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-z-auto:focus-within { z-index: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-auto { z-index: auto; }
  html[data-theme="dark"] .dark-uw-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-uw-hover-z-0:hover { z-index: 0; }
  html[data-theme="dark"] .dark-uw-focus-z-0:focus { z-index: 0; }
  html[data-theme="dark"] .dark-uw-active-z-0:active { z-index: 0; }
  html[data-theme="dark"] .dark-uw-disabled-z-0:disabled { z-index: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-0:focus-visible { z-index: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-z-0:focus-within { z-index: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-0 { z-index: 0; }
  html[data-theme="dark"] .dark-uw-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-uw-hover-z-10:hover { z-index: 10; }
  html[data-theme="dark"] .dark-uw-focus-z-10:focus { z-index: 10; }
  html[data-theme="dark"] .dark-uw-active-z-10:active { z-index: 10; }
  html[data-theme="dark"] .dark-uw-disabled-z-10:disabled { z-index: 10; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-10:focus-visible { z-index: 10; }
  html[data-theme="dark"] .dark-uw-focus-within-z-10:focus-within { z-index: 10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-10 { z-index: 10; }
  html[data-theme="dark"] .dark-uw-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-uw-hover-z-20:hover { z-index: 20; }
  html[data-theme="dark"] .dark-uw-focus-z-20:focus { z-index: 20; }
  html[data-theme="dark"] .dark-uw-active-z-20:active { z-index: 20; }
  html[data-theme="dark"] .dark-uw-disabled-z-20:disabled { z-index: 20; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-20:focus-visible { z-index: 20; }
  html[data-theme="dark"] .dark-uw-focus-within-z-20:focus-within { z-index: 20; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-20 { z-index: 20; }
  html[data-theme="dark"] .dark-uw-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-uw-hover-z-30:hover { z-index: 30; }
  html[data-theme="dark"] .dark-uw-focus-z-30:focus { z-index: 30; }
  html[data-theme="dark"] .dark-uw-active-z-30:active { z-index: 30; }
  html[data-theme="dark"] .dark-uw-disabled-z-30:disabled { z-index: 30; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-30:focus-visible { z-index: 30; }
  html[data-theme="dark"] .dark-uw-focus-within-z-30:focus-within { z-index: 30; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-30 { z-index: 30; }
  html[data-theme="dark"] .dark-uw-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-uw-hover-z-40:hover { z-index: 40; }
  html[data-theme="dark"] .dark-uw-focus-z-40:focus { z-index: 40; }
  html[data-theme="dark"] .dark-uw-active-z-40:active { z-index: 40; }
  html[data-theme="dark"] .dark-uw-disabled-z-40:disabled { z-index: 40; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-40:focus-visible { z-index: 40; }
  html[data-theme="dark"] .dark-uw-focus-within-z-40:focus-within { z-index: 40; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-40 { z-index: 40; }
  html[data-theme="dark"] .dark-uw-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-uw-hover-z-50:hover { z-index: 50; }
  html[data-theme="dark"] .dark-uw-focus-z-50:focus { z-index: 50; }
  html[data-theme="dark"] .dark-uw-active-z-50:active { z-index: 50; }
  html[data-theme="dark"] .dark-uw-disabled-z-50:disabled { z-index: 50; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-50:focus-visible { z-index: 50; }
  html[data-theme="dark"] .dark-uw-focus-within-z-50:focus-within { z-index: 50; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-50 { z-index: 50; }
  html[data-theme="dark"] .dark-uw-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-uw-hover-z-100:hover { z-index: 100; }
  html[data-theme="dark"] .dark-uw-focus-z-100:focus { z-index: 100; }
  html[data-theme="dark"] .dark-uw-active-z-100:active { z-index: 100; }
  html[data-theme="dark"] .dark-uw-disabled-z-100:disabled { z-index: 100; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-100:focus-visible { z-index: 100; }
  html[data-theme="dark"] .dark-uw-focus-within-z-100:focus-within { z-index: 100; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-100 { z-index: 100; }
  html[data-theme="dark"] .dark-uw-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-hover-z-9999:hover { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-focus-z-9999:focus { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-active-z-9999:active { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-disabled-z-9999:disabled { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-focus-visible-z-9999:focus-visible { z-index: 9999; }
  html[data-theme="dark"] .dark-uw-focus-within-z-9999:focus-within { z-index: 9999; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-z-9999 { z-index: 9999; }
  html[data-theme="dark"] .dark-uw--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-uw-hover--z-10:hover { z-index: -10; }
  html[data-theme="dark"] .dark-uw-focus--z-10:focus { z-index: -10; }
  html[data-theme="dark"] .dark-uw-active--z-10:active { z-index: -10; }
  html[data-theme="dark"] .dark-uw-disabled--z-10:disabled { z-index: -10; }
  html[data-theme="dark"] .dark-uw-focus-visible--z-10:focus-visible { z-index: -10; }
  html[data-theme="dark"] .dark-uw-focus-within--z-10:focus-within { z-index: -10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover--z-10 { z-index: -10; }
  html[data-theme="dark"] .dark-uw--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-uw-hover--z-20:hover { z-index: -20; }
  html[data-theme="dark"] .dark-uw-focus--z-20:focus { z-index: -20; }
  html[data-theme="dark"] .dark-uw-active--z-20:active { z-index: -20; }
  html[data-theme="dark"] .dark-uw-disabled--z-20:disabled { z-index: -20; }
  html[data-theme="dark"] .dark-uw-focus-visible--z-20:focus-visible { z-index: -20; }
  html[data-theme="dark"] .dark-uw-focus-within--z-20:focus-within { z-index: -20; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover--z-20 { z-index: -20; }
  html[data-theme="dark"] .dark-uw--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-uw-hover--z-40:hover { z-index: -40; }
  html[data-theme="dark"] .dark-uw-focus--z-40:focus { z-index: -40; }
  html[data-theme="dark"] .dark-uw-active--z-40:active { z-index: -40; }
  html[data-theme="dark"] .dark-uw-disabled--z-40:disabled { z-index: -40; }
  html[data-theme="dark"] .dark-uw-focus-visible--z-40:focus-visible { z-index: -40; }
  html[data-theme="dark"] .dark-uw-focus-within--z-40:focus-within { z-index: -40; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover--z-40 { z-index: -40; }
  html[data-theme="dark"] .dark-uw--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-uw-hover--z-50:hover { z-index: -50; }
  html[data-theme="dark"] .dark-uw-focus--z-50:focus { z-index: -50; }
  html[data-theme="dark"] .dark-uw-active--z-50:active { z-index: -50; }
  html[data-theme="dark"] .dark-uw-disabled--z-50:disabled { z-index: -50; }
  html[data-theme="dark"] .dark-uw-focus-visible--z-50:focus-visible { z-index: -50; }
  html[data-theme="dark"] .dark-uw-focus-within--z-50:focus-within { z-index: -50; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover--z-50 { z-index: -50; }
  html[data-theme="dark"] .dark-uw--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-uw-hover--z-100:hover { z-index: -100; }
  html[data-theme="dark"] .dark-uw-focus--z-100:focus { z-index: -100; }
  html[data-theme="dark"] .dark-uw-active--z-100:active { z-index: -100; }
  html[data-theme="dark"] .dark-uw-disabled--z-100:disabled { z-index: -100; }
  html[data-theme="dark"] .dark-uw-focus-visible--z-100:focus-visible { z-index: -100; }
  html[data-theme="dark"] .dark-uw-focus-within--z-100:focus-within { z-index: -100; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover--z-100 { z-index: -100; }
  html[data-theme="dark"] .dark-uw-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-uw-hover-opacity-0:hover { opacity: 0; }
  html[data-theme="dark"] .dark-uw-focus-opacity-0:focus { opacity: 0; }
  html[data-theme="dark"] .dark-uw-active-opacity-0:active { opacity: 0; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-0:disabled { opacity: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-0:focus-visible { opacity: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-0:focus-within { opacity: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-0 { opacity: 0; }
  html[data-theme="dark"] .dark-uw-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-hover-opacity-10:hover { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-focus-opacity-10:focus { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-active-opacity-10:active { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-10:disabled { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-10:focus-visible { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-10:focus-within { opacity: 0.1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-10 { opacity: 0.1; }
  html[data-theme="dark"] .dark-uw-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-hover-opacity-20:hover { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-focus-opacity-20:focus { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-active-opacity-20:active { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-20:disabled { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-20:focus-visible { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-20:focus-within { opacity: 0.2; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-20 { opacity: 0.2; }
  html[data-theme="dark"] .dark-uw-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-hover-opacity-25:hover { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-opacity-25:focus { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-active-opacity-25:active { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-25:disabled { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-25:focus-visible { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-25:focus-within { opacity: 0.25; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-25 { opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-hover-opacity-30:hover { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-focus-opacity-30:focus { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-active-opacity-30:active { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-30:disabled { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-30:focus-visible { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-30:focus-within { opacity: 0.3; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-30 { opacity: 0.3; }
  html[data-theme="dark"] .dark-uw-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-hover-opacity-40:hover { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-focus-opacity-40:focus { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-active-opacity-40:active { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-40:disabled { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-40:focus-visible { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-40:focus-within { opacity: 0.4; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-40 { opacity: 0.4; }
  html[data-theme="dark"] .dark-uw-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-hover-opacity-50:hover { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-focus-opacity-50:focus { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-active-opacity-50:active { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-50:disabled { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-50:focus-visible { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-50:focus-within { opacity: 0.5; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-50 { opacity: 0.5; }
  html[data-theme="dark"] .dark-uw-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-hover-opacity-60:hover { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-focus-opacity-60:focus { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-active-opacity-60:active { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-60:disabled { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-60:focus-visible { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-60:focus-within { opacity: 0.6; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-60 { opacity: 0.6; }
  html[data-theme="dark"] .dark-uw-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-hover-opacity-70:hover { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-focus-opacity-70:focus { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-active-opacity-70:active { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-70:disabled { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-70:focus-visible { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-70:focus-within { opacity: 0.7; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-70 { opacity: 0.7; }
  html[data-theme="dark"] .dark-uw-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-hover-opacity-75:hover { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-opacity-75:focus { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-active-opacity-75:active { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-75:disabled { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-75:focus-visible { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-75:focus-within { opacity: 0.75; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-75 { opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-hover-opacity-80:hover { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-focus-opacity-80:focus { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-active-opacity-80:active { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-80:disabled { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-80:focus-visible { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-80:focus-within { opacity: 0.8; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-80 { opacity: 0.8; }
  html[data-theme="dark"] .dark-uw-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-hover-opacity-90:hover { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-focus-opacity-90:focus { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-active-opacity-90:active { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-90:disabled { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-90:focus-visible { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-90:focus-within { opacity: 0.9; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-90 { opacity: 0.9; }
  html[data-theme="dark"] .dark-uw-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-uw-hover-opacity-100:hover { opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-opacity-100:focus { opacity: 1; }
  html[data-theme="dark"] .dark-uw-active-opacity-100:active { opacity: 1; }
  html[data-theme="dark"] .dark-uw-disabled-opacity-100:disabled { opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-opacity-100:focus-visible { opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-opacity-100:focus-within { opacity: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-opacity-100 { opacity: 1; }
  html[data-theme="dark"] .dark-uw-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-l:focus-visible { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-l:focus-within { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
  html[data-theme="dark"] .dark-uw-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-r:focus-visible { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-r:focus-within { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
  html[data-theme="dark"] .dark-uw-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-t:focus-visible { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-t:focus-within { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
  html[data-theme="dark"] .dark-uw-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-b:focus-visible { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-b:focus-within { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
  html[data-theme="dark"] .dark-uw-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-tl:focus-visible { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-tl:focus-within { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
  html[data-theme="dark"] .dark-uw-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-tr:focus-visible { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-tr:focus-within { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
  html[data-theme="dark"] .dark-uw-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-bl:focus-visible { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-bl:focus-within { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
  html[data-theme="dark"] .dark-uw-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-gradient-br:focus-visible { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-gradient-br:focus-within { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
  html[data-theme="dark"] .dark-uw-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-hover-rounded-0:hover { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-rounded-0:focus { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-active-rounded-0:active { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-0:disabled { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-0:focus-visible { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-0:focus-within { border-radius: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-0 { border-radius: 0; }
  html[data-theme="dark"] .dark-uw-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-xs:hover { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-xs:focus { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-xs:active { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-xs:focus-visible { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-xs:focus-within { border-radius: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-xs { border-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-sm:hover { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-sm:focus { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-sm:active { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-sm:focus-visible { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-sm:focus-within { border-radius: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-sm { border-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded:hover { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded:focus { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded:active { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded:disabled { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded:focus-visible { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded:focus-within { border-radius: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded { border-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-md:hover { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-md:focus { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-md:active { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-md:disabled { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-md:focus-visible { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-md:focus-within { border-radius: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-md { border-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-lg:hover { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-lg:focus { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-lg:active { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-lg:disabled { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-lg:focus-visible { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-lg:focus-within { border-radius: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-lg { border-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-xl:hover { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-xl:focus { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-xl:active { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-xl:focus-visible { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-xl:focus-within { border-radius: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-xl { border-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-2xl:hover { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-2xl:focus { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-2xl:active { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-2xl:disabled { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-2xl:focus-visible { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-2xl:focus-within { border-radius: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-2xl { border-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-full:hover { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-full:focus { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-active-rounded-full:active { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-full:disabled { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-full:focus-visible { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-full:focus-within { border-radius: 9999px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-full { border-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-pill:hover { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-pill:focus { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-active-rounded-pill:active { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-pill:disabled { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-pill:focus-visible { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-pill:focus-within { border-radius: 50px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-pill { border-radius: 50px; }
  html[data-theme="dark"] .dark-uw-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-0:hover { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-0:focus { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-0:active { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-0:disabled { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-0:focus-visible { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-0:focus-within { border-top-left-radius: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-0 { border-top-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-xs:hover { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-xs:focus { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-xs:active { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-xs:disabled { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-xs:focus-visible { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-xs:focus-within { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-xs { border-top-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-sm:hover { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-sm:focus { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-sm:active { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-sm:disabled { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-sm:focus-visible { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-sm:focus-within { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-sm { border-top-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl:hover { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl:focus { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl:active { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl:disabled { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl:focus-visible { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl:focus-within { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl { border-top-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-md:hover { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-md:focus { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-md:active { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-md:disabled { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-md:focus-visible { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-md:focus-within { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-md { border-top-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-lg:hover { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-lg:focus { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-lg:active { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-lg:disabled { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-lg:focus-visible { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-lg:focus-within { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-lg { border-top-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-xl:hover { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-xl:focus { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-xl:active { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-xl:disabled { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-xl:focus-visible { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-xl:focus-within { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-xl { border-top-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-2xl:hover { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-2xl:focus { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-2xl:active { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-2xl:disabled { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-2xl:focus-visible { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-2xl:focus-within { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-2xl { border-top-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-full:hover { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-full:focus { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-full:active { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-full:disabled { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-full:focus-visible { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-full:focus-within { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-full { border-top-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tl-pill:hover { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tl-pill:focus { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-active-rounded-tl-pill:active { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tl-pill:disabled { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tl-pill:focus-visible { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tl-pill:focus-within { border-top-left-radius: 50px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tl-pill { border-top-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-0:hover { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-0:focus { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-0:active { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-0:disabled { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-0:focus-visible { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-0:focus-within { border-top-right-radius: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-0 { border-top-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-xs:hover { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-xs:focus { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-xs:active { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-xs:disabled { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-xs:focus-visible { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-xs:focus-within { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-xs { border-top-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-sm:hover { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-sm:focus { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-sm:active { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-sm:disabled { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-sm:focus-visible { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-sm:focus-within { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-sm { border-top-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr:hover { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr:focus { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr:active { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr:disabled { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr:focus-visible { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr:focus-within { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr { border-top-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-md:hover { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-md:focus { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-md:active { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-md:disabled { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-md:focus-visible { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-md:focus-within { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-md { border-top-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-lg:hover { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-lg:focus { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-lg:active { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-lg:disabled { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-lg:focus-visible { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-lg:focus-within { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-lg { border-top-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-xl:hover { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-xl:focus { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-xl:active { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-xl:disabled { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-xl:focus-visible { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-xl:focus-within { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-xl { border-top-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-2xl:hover { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-2xl:focus { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-2xl:active { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-2xl:disabled { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-2xl:focus-visible { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-2xl:focus-within { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-2xl { border-top-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-full:hover { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-full:focus { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-full:active { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-full:disabled { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-full:focus-visible { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-full:focus-within { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-full { border-top-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-tr-pill:hover { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-tr-pill:focus { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-active-rounded-tr-pill:active { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-tr-pill:disabled { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-tr-pill:focus-visible { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-tr-pill:focus-within { border-top-right-radius: 50px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-tr-pill { border-top-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-0:hover { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-0:focus { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-0:active { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-0:disabled { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-0:focus-visible { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-0:focus-within { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-0 { border-bottom-left-radius: 0; }
  html[data-theme="dark"] .dark-uw-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-xs:hover { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-xs:focus { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-xs:active { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-xs:disabled { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-xs:focus-visible { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-xs:focus-within { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-sm:hover { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-sm:focus { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-sm:active { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-sm:disabled { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-sm:focus-visible { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-sm:focus-within { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl:hover { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl:focus { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl:active { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl:disabled { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl:focus-visible { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl:focus-within { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl { border-bottom-left-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-md:hover { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-md:focus { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-md:active { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-md:disabled { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-md:focus-visible { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-md:focus-within { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-md { border-bottom-left-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-lg:hover { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-lg:focus { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-lg:active { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-lg:disabled { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-lg:focus-visible { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-lg:focus-within { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-lg { border-bottom-left-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-xl:hover { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-xl:focus { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-xl:active { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-xl:disabled { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-xl:focus-visible { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-xl:focus-within { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-xl { border-bottom-left-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-2xl:hover { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-2xl:focus { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-2xl:active { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-2xl:disabled { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-2xl:focus-visible { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-2xl:focus-within { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-2xl { border-bottom-left-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-full:hover { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-full:focus { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-full:active { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-full:disabled { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-full:focus-visible { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-full:focus-within { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-full { border-bottom-left-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-bl-pill:hover { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-bl-pill:focus { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-active-rounded-bl-pill:active { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-bl-pill:disabled { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-bl-pill:focus-visible { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-bl-pill:focus-within { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-bl-pill { border-bottom-left-radius: 50px; }
  html[data-theme="dark"] .dark-uw-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-0:hover { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-0:focus { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-0:active { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-0:disabled { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-0:focus-visible { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-0:focus-within { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-0 { border-bottom-right-radius: 0; }
  html[data-theme="dark"] .dark-uw-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-xs:hover { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-xs:focus { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-xs:active { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-xs:disabled { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-xs:focus-visible { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-xs:focus-within { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-xs { border-bottom-right-radius: 0.125rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-sm:hover { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-sm:focus { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-sm:active { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-sm:disabled { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-sm:focus-visible { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-sm:focus-within { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-sm { border-bottom-right-radius: 0.25rem; }
  html[data-theme="dark"] .dark-uw-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br:hover { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br:focus { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br:active { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br:disabled { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br:focus-visible { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br:focus-within { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br { border-bottom-right-radius: 0.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-md:hover { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-md:focus { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-md:active { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-md:disabled { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-md:focus-visible { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-md:focus-within { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-md { border-bottom-right-radius: 0.75rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-lg:hover { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-lg:focus { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-lg:active { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-lg:disabled { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-lg:focus-visible { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-lg:focus-within { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-lg { border-bottom-right-radius: 1rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-xl:hover { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-xl:focus { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-xl:active { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-xl:disabled { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-xl:focus-visible { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-xl:focus-within { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-xl { border-bottom-right-radius: 1.5rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-2xl:hover { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-2xl:focus { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-2xl:active { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-2xl:disabled { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-2xl:focus-visible { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-2xl:focus-within { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-2xl { border-bottom-right-radius: 2rem; }
  html[data-theme="dark"] .dark-uw-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-full:hover { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-full:focus { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-full:active { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-full:disabled { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-full:focus-visible { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-full:focus-within { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-full { border-bottom-right-radius: 9999px; }
  html[data-theme="dark"] .dark-uw-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-hover-rounded-br-pill:hover { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-rounded-br-pill:focus { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-active-rounded-br-pill:active { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-disabled-rounded-br-pill:disabled { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-visible-rounded-br-pill:focus-visible { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-focus-within-rounded-br-pill:focus-within { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rounded-br-pill { border-bottom-right-radius: 50px; }
  html[data-theme="dark"] .dark-uw-outline-none { outline: none; }
  html[data-theme="dark"] .dark-uw-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-uw-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-uw-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-uw-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-hover-outline:hover { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-focus-outline:focus { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-active-outline:active { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-disabled-outline:disabled { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline:focus-visible { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-focus-within-outline:focus-within { outline: 1px solid currentColor; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline { outline: 1px solid currentColor; }
  html[data-theme="dark"] .dark-uw-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-0:hover { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-0:focus { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-0:active { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-0:focus-visible { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-0:focus-within { outline-offset: 0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-0 { outline-offset: 0rem; }
  html[data-theme="dark"] .dark-uw-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-1:active { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-1:focus-visible { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-1:focus-within { outline-offset: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
  html[data-theme="dark"] .dark-uw-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-2:active { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-2:focus-visible { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-2:focus-within { outline-offset: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
  html[data-theme="dark"] .dark-uw-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-3:active { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-3:focus-visible { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-3:focus-within { outline-offset: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
  html[data-theme="dark"] .dark-uw-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-4:hover { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-4:focus { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-4:active { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-4:focus-visible { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-4:focus-within { outline-offset: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-4 { outline-offset: 1rem; }
  html[data-theme="dark"] .dark-uw-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-8:hover { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-8:focus { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-8:active { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-8:focus-visible { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-8:focus-within { outline-offset: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-8 { outline-offset: 2rem; }
  html[data-theme="dark"] .dark-uw-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-50:focus-visible { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-50:focus-within { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-100:focus-visible { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-100:focus-within { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-200:focus-visible { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-200:focus-within { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-300:focus-visible { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-300:focus-within { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-400:focus-visible { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-400:focus-within { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-500:focus-visible { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-500:focus-within { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-600:focus-visible { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-600:focus-within { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-700:focus-visible { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-700:focus-within { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-800:focus-visible { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-800:focus-within { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-red-900:focus-visible { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-red-900:focus-within { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-50:focus-visible { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-50:focus-within { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-100:focus-visible { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-100:focus-within { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-200:focus-visible { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-200:focus-within { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-300:focus-visible { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-300:focus-within { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-400:focus-visible { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-400:focus-within { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-500:focus-visible { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-500:focus-within { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-600:focus-visible { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-600:focus-within { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-700:focus-visible { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-700:focus-within { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-800:focus-visible { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-800:focus-within { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-orange-900:focus-visible { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-orange-900:focus-within { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-50:focus-visible { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-50:focus-within { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-100:focus-visible { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-100:focus-within { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-200:focus-visible { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-200:focus-within { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-300:focus-visible { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-300:focus-within { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-400:focus-visible { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-400:focus-within { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-500:focus-visible { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-500:focus-within { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-600:focus-visible { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-600:focus-within { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-700:focus-visible { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-700:focus-within { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-800:focus-visible { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-800:focus-within { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-teal-900:focus-visible { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-teal-900:focus-within { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-50:focus-visible { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-50:focus-within { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-100:focus-visible { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-100:focus-within { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-200:focus-visible { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-200:focus-within { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-300:focus-visible { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-300:focus-within { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-400:focus-visible { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-400:focus-within { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-500:focus-visible { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-500:focus-within { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-600:focus-visible { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-600:focus-within { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-700:focus-visible { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-700:focus-within { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-800:focus-visible { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-800:focus-within { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-purple-900:focus-visible { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-purple-900:focus-within { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-50:focus-visible { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-50:focus-within { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-100:focus-visible { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-100:focus-within { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-200:focus-visible { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-200:focus-within { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-300:focus-visible { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-300:focus-within { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-400:focus-visible { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-400:focus-within { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-500:focus-visible { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-500:focus-within { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-600:focus-visible { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-600:focus-within { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-700:focus-visible { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-700:focus-within { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-800:focus-visible { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-800:focus-within { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-indigo-900:focus-visible { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-indigo-900:focus-within { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-50:focus-visible { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-50:focus-within { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-100:focus-visible { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-100:focus-within { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-200:focus-visible { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-200:focus-within { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-300:focus-visible { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-300:focus-within { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-400:focus-visible { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-400:focus-within { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-500:focus-visible { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-500:focus-within { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-600:focus-visible { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-600:focus-within { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-700:focus-visible { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-700:focus-within { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-800:focus-visible { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-800:focus-within { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-yellow-900:focus-visible { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-yellow-900:focus-within { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-50:focus-visible { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-50:focus-within { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-100:focus-visible { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-100:focus-within { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-200:focus-visible { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-200:focus-within { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-300:focus-visible { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-300:focus-within { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-400:focus-visible { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-400:focus-within { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-500:focus-visible { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-500:focus-within { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-600:focus-visible { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-600:focus-within { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-700:focus-visible { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-700:focus-within { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-800:focus-visible { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-800:focus-within { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-pink-900:focus-visible { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-pink-900:focus-within { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-50:focus-visible { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-50:focus-within { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-100:focus-visible { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-100:focus-within { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-200:focus-visible { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-200:focus-within { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-300:focus-visible { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-300:focus-within { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-400:focus-visible { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-400:focus-within { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-500:focus-visible { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-500:focus-within { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-600:focus-visible { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-600:focus-within { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-700:focus-visible { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-700:focus-within { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-800:focus-visible { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-800:focus-within { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-grey-900:focus-visible { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-grey-900:focus-within { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-50:focus-visible { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-50:focus-within { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-100:focus-visible { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-100:focus-within { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-200:focus-visible { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-200:focus-within { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-300:focus-visible { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-300:focus-within { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-400:focus-visible { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-400:focus-within { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-500:focus-visible { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-500:focus-within { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-600:focus-visible { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-600:focus-within { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-700:focus-visible { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-700:focus-within { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-800:focus-visible { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-800:focus-within { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-lime-900:focus-visible { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-lime-900:focus-within { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-50:focus-visible { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-50:focus-within { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-100:focus-visible { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-100:focus-within { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-200:focus-visible { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-200:focus-within { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-300:focus-visible { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-300:focus-within { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-400:focus-visible { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-400:focus-within { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-500:focus-visible { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-500:focus-within { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-600:focus-visible { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-600:focus-within { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-700:focus-visible { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-700:focus-within { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-800:focus-visible { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-800:focus-within { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-cyan-900:focus-visible { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-cyan-900:focus-within { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-50:focus-visible { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-50:focus-within { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-100:focus-visible { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-100:focus-within { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-200:focus-visible { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-200:focus-within { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-300:focus-visible { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-300:focus-within { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-400:focus-visible { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-400:focus-within { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-500:focus-visible { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-500:focus-within { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-600:focus-visible { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-600:focus-within { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-700:focus-visible { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-700:focus-within { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-800:focus-visible { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-800:focus-within { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-sky-900:focus-visible { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-sky-900:focus-within { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-50:focus-visible { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-50:focus-within { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-100:focus-visible { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-100:focus-within { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-200:focus-visible { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-200:focus-within { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-300:focus-visible { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-300:focus-within { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-400:focus-visible { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-400:focus-within { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-500:focus-visible { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-500:focus-within { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-600:focus-visible { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-600:focus-within { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-700:focus-visible { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-700:focus-within { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-800:focus-visible { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-800:focus-within { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-violet-900:focus-visible { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-violet-900:focus-within { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-50:focus-visible { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-50:focus-within { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-100:focus-visible { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-100:focus-within { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-200:focus-visible { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-200:focus-within { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-300:focus-visible { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-300:focus-within { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-400:focus-visible { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-400:focus-within { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-500:focus-visible { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-500:focus-within { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-600:focus-visible { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-600:focus-within { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-700:focus-visible { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-700:focus-within { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-800:focus-visible { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-800:focus-within { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-rose-900:focus-visible { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-rose-900:focus-within { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-50:focus-visible { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-50:focus-within { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-100:focus-visible { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-100:focus-within { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-200:focus-visible { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-200:focus-within { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-300:focus-visible { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-300:focus-within { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-400:focus-visible { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-400:focus-within { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-500:focus-visible { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-500:focus-within { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-600:focus-visible { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-600:focus-within { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-700:focus-visible { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-700:focus-within { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-800:focus-visible { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-800:focus-within { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-slate-900:focus-visible { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-slate-900:focus-within { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-50:focus-visible { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-50:focus-within { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-100:focus-visible { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-100:focus-within { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-200:focus-visible { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-200:focus-within { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-300:focus-visible { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-300:focus-within { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-400:focus-visible { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-400:focus-within { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-500:focus-visible { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-500:focus-within { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-600:focus-visible { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-600:focus-within { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-700:focus-visible { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-700:focus-within { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-800:focus-visible { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-800:focus-within { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-blue-900:focus-visible { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-blue-900:focus-within { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-50:focus-visible { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-50:focus-within { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-100:focus-visible { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-100:focus-within { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-200:focus-visible { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-200:focus-within { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-300:focus-visible { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-300:focus-within { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-400:focus-visible { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-400:focus-within { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-500:focus-visible { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-500:focus-within { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-600:focus-visible { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-600:focus-within { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-700:focus-visible { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-700:focus-within { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-800:focus-visible { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-800:focus-within { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-green-900:focus-visible { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-green-900:focus-within { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-outline-black:hover { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-outline-black:focus { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-outline-black:active { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-outline-black:disabled { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-black:focus-visible { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-black:focus-within { outline-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-black { outline-color: var(--black); }
  html[data-theme="dark"] .dark-uw-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-outline-white:hover { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-outline-white:focus { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-outline-white:active { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-outline-white:disabled { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-white:focus-visible { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-outline-white:focus-within { outline-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-white { outline-color: var(--white); }
  html[data-theme="dark"] .dark-uw-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-ring-sm:hover { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-ring-sm:focus { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-ring-sm:active { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sm:focus-visible { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sm:focus-within { --ring-width: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sm { --ring-width: 0.125rem; }
  html[data-theme="dark"] .dark-uw-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-ring-md:hover { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-ring-md:focus { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-ring-md:active { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-ring-md:disabled { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-md:focus-visible { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ring-md:focus-within { --ring-width: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-md { --ring-width: 0.5rem; }
  html[data-theme="dark"] .dark-uw-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-ring-lg:hover { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-ring-lg:focus { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-active-ring-lg:active { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-ring-lg:disabled { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lg:focus-visible { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lg:focus-within { --ring-width: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lg { --ring-width: 1rem; }
  html[data-theme="dark"] .dark-uw-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-inset:focus-visible { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-inset:focus-within { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--quanta-ring-color); }
  html[data-theme="dark"] .dark-uw-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-hover-ring-0:hover { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-ring-0:focus { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-active-ring-0:active { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-disabled-ring-0:disabled { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-0:focus-visible { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-0:focus-within { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-0 { box-shadow: var(--quanta-ring-offset-shadow), var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-hover-ring-1:hover { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-ring-1:focus { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-active-ring-1:active { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-disabled-ring-1:disabled { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-1:focus-visible { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-1:focus-within { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-1 { --quanta-ring-shadow: 0 0 0 1px var(--quanta-ring-shadow); }
  html[data-theme="dark"] .dark-uw-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-2:hover { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-2:focus { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-ring-2:active { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-2:disabled { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-2:focus-visible { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-2:focus-within { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-2 { --quanta-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-hover-ring-offset-black:hover { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-focus-ring-offset-black:focus { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-active-ring-offset-black:active { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-ring-offset-black:disabled { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-offset-black:focus-visible { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-offset-black:focus-within { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-offset-black { --quanta-ring-offset-shadow: 0 0 0 0 var(--black); }
  html[data-theme="dark"] .dark-uw-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-hover-ring-offset-white:hover { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-focus-ring-offset-white:focus { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-active-ring-offset-white:active { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-ring-offset-white:disabled { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-offset-white:focus-visible { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-offset-white:focus-within { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-offset-white { --quanta-ring-offset-shadow: 0 0 0 2px var(--white); }
  html[data-theme="dark"] .dark-uw-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-50:focus-visible { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-50:focus-within { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-100:focus-visible { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-100:focus-within { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-200:focus-visible { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-200:focus-within { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-300:focus-visible { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-300:focus-within { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-400:focus-visible { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-400:focus-within { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-500:focus-visible { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-500:focus-within { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-600:focus-visible { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-600:focus-within { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-700:focus-visible { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-700:focus-within { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-800:focus-visible { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-800:focus-within { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-red-900:focus-visible { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-red-900:focus-within { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-50:focus-visible { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-50:focus-within { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-100:focus-visible { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-100:focus-within { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-200:focus-visible { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-200:focus-within { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-300:focus-visible { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-300:focus-within { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-400:focus-visible { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-400:focus-within { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-500:focus-visible { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-500:focus-within { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-600:focus-visible { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-600:focus-within { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-700:focus-visible { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-700:focus-within { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-800:focus-visible { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-800:focus-within { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-orange-900:focus-visible { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-orange-900:focus-within { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-50:focus-visible { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-50:focus-within { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-100:focus-visible { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-100:focus-within { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-200:focus-visible { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-200:focus-within { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-300:focus-visible { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-300:focus-within { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-400:focus-visible { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-400:focus-within { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-500:focus-visible { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-500:focus-within { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-600:focus-visible { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-600:focus-within { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-700:focus-visible { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-700:focus-within { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-800:focus-visible { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-800:focus-within { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-teal-900:focus-visible { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-teal-900:focus-within { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-50:focus-visible { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-50:focus-within { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-100:focus-visible { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-100:focus-within { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-200:focus-visible { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-200:focus-within { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-300:focus-visible { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-300:focus-within { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-400:focus-visible { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-400:focus-within { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-500:focus-visible { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-500:focus-within { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-600:focus-visible { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-600:focus-within { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-700:focus-visible { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-700:focus-within { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-800:focus-visible { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-800:focus-within { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-purple-900:focus-visible { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-purple-900:focus-within { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-50:focus-visible { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-50:focus-within { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-100:focus-visible { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-100:focus-within { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-200:focus-visible { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-200:focus-within { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-300:focus-visible { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-300:focus-within { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-400:focus-visible { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-400:focus-within { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-500:focus-visible { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-500:focus-within { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-600:focus-visible { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-600:focus-within { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-700:focus-visible { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-700:focus-within { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-800:focus-visible { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-800:focus-within { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-indigo-900:focus-visible { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-indigo-900:focus-within { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-50:focus-visible { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-50:focus-within { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-100:focus-visible { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-100:focus-within { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-200:focus-visible { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-200:focus-within { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-300:focus-visible { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-300:focus-within { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-400:focus-visible { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-400:focus-within { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-500:focus-visible { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-500:focus-within { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-600:focus-visible { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-600:focus-within { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-700:focus-visible { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-700:focus-within { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-800:focus-visible { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-800:focus-within { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-yellow-900:focus-visible { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-yellow-900:focus-within { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-50:focus-visible { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-50:focus-within { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-100:focus-visible { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-100:focus-within { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-200:focus-visible { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-200:focus-within { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-300:focus-visible { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-300:focus-within { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-400:focus-visible { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-400:focus-within { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-500:focus-visible { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-500:focus-within { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-600:focus-visible { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-600:focus-within { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-700:focus-visible { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-700:focus-within { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-800:focus-visible { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-800:focus-within { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-pink-900:focus-visible { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-pink-900:focus-within { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-50:focus-visible { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-50:focus-within { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-100:focus-visible { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-100:focus-within { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-200:focus-visible { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-200:focus-within { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-300:focus-visible { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-300:focus-within { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-400:focus-visible { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-400:focus-within { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-500:focus-visible { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-500:focus-within { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-600:focus-visible { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-600:focus-within { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-700:focus-visible { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-700:focus-within { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-800:focus-visible { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-800:focus-within { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-grey-900:focus-visible { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-grey-900:focus-within { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-50:hover { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-50:focus { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-50:active { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-50:disabled { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-50:focus-visible { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-50:focus-within { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-50 { --quanta-ring-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-100:hover { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-100:focus { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-100:active { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-100:disabled { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-100:focus-visible { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-100:focus-within { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-100 { --quanta-ring-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-200:hover { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-200:focus { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-200:active { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-200:disabled { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-200:focus-visible { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-200:focus-within { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-200 { --quanta-ring-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-300:hover { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-300:focus { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-300:active { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-300:disabled { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-300:focus-visible { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-300:focus-within { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-300 { --quanta-ring-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-400:hover { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-400:focus { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-400:active { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-400:disabled { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-400:focus-visible { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-400:focus-within { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-400 { --quanta-ring-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-500:hover { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-500:focus { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-500:active { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-500:disabled { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-500:focus-visible { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-500:focus-within { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-500 { --quanta-ring-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-600:hover { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-600:focus { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-600:active { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-600:disabled { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-600:focus-visible { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-600:focus-within { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-600 { --quanta-ring-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-700:hover { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-700:focus { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-700:active { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-700:disabled { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-700:focus-visible { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-700:focus-within { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-700 { --quanta-ring-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-800:hover { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-800:focus { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-800:active { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-800:disabled { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-800:focus-visible { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-800:focus-within { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-800 { --quanta-ring-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-zinc-900:hover { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-zinc-900:focus { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-ring-zinc-900:active { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-zinc-900:disabled { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-zinc-900:focus-visible { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-zinc-900:focus-within { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-zinc-900 { --quanta-ring-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-50:hover { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-50:focus { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-50:active { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-50:disabled { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-50:focus-visible { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-50:focus-within { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-50 { --quanta-ring-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-100:hover { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-100:focus { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-100:active { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-100:disabled { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-100:focus-visible { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-100:focus-within { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-100 { --quanta-ring-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-200:hover { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-200:focus { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-200:active { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-200:disabled { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-200:focus-visible { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-200:focus-within { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-200 { --quanta-ring-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-300:hover { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-300:focus { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-300:active { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-300:disabled { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-300:focus-visible { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-300:focus-within { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-300 { --quanta-ring-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-400:hover { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-400:focus { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-400:active { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-400:disabled { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-400:focus-visible { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-400:focus-within { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-400 { --quanta-ring-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-500:hover { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-500:focus { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-500:active { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-500:disabled { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-500:focus-visible { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-500:focus-within { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-500 { --quanta-ring-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-600:hover { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-600:focus { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-600:active { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-600:disabled { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-600:focus-visible { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-600:focus-within { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-600 { --quanta-ring-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-700:hover { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-700:focus { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-700:active { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-700:disabled { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-700:focus-visible { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-700:focus-within { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-700 { --quanta-ring-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-800:hover { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-800:focus { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-800:active { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-800:disabled { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-800:focus-visible { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-800:focus-within { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-800 { --quanta-ring-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-neutral-900:hover { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-neutral-900:focus { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-ring-neutral-900:active { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-neutral-900:disabled { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-neutral-900:focus-visible { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-neutral-900:focus-within { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-neutral-900 { --quanta-ring-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-50:focus-visible { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-50:focus-within { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-100:focus-visible { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-100:focus-within { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-200:focus-visible { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-200:focus-within { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-300:focus-visible { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-300:focus-within { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-400:focus-visible { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-400:focus-within { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-500:focus-visible { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-500:focus-within { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-600:focus-visible { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-600:focus-within { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-700:focus-visible { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-700:focus-within { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-800:focus-visible { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-800:focus-within { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-lime-900:focus-visible { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-lime-900:focus-within { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-50:focus-visible { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-50:focus-within { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-100:focus-visible { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-100:focus-within { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-200:focus-visible { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-200:focus-within { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-300:focus-visible { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-300:focus-within { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-400:focus-visible { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-400:focus-within { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-500:focus-visible { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-500:focus-within { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-600:focus-visible { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-600:focus-within { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-700:focus-visible { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-700:focus-within { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-800:focus-visible { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-800:focus-within { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-cyan-900:focus-visible { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-cyan-900:focus-within { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-50:focus-visible { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-50:focus-within { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-100:focus-visible { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-100:focus-within { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-200:focus-visible { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-200:focus-within { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-300:focus-visible { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-300:focus-within { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-400:focus-visible { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-400:focus-within { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-500:focus-visible { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-500:focus-within { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-600:focus-visible { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-600:focus-within { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-700:focus-visible { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-700:focus-within { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-800:focus-visible { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-800:focus-within { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-sky-900:focus-visible { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-sky-900:focus-within { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-50:focus-visible { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-50:focus-within { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-100:focus-visible { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-100:focus-within { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-200:focus-visible { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-200:focus-within { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-300:focus-visible { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-300:focus-within { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-400:focus-visible { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-400:focus-within { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-500:focus-visible { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-500:focus-within { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-600:focus-visible { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-600:focus-within { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-700:focus-visible { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-700:focus-within { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-800:focus-visible { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-800:focus-within { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-violet-900:focus-visible { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-violet-900:focus-within { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-50:focus-visible { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-50:focus-within { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-100:focus-visible { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-100:focus-within { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-200:focus-visible { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-200:focus-within { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-300:focus-visible { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-300:focus-within { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-400:focus-visible { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-400:focus-within { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-500:focus-visible { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-500:focus-within { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-600:focus-visible { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-600:focus-within { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-700:focus-visible { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-700:focus-within { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-800:focus-visible { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-800:focus-within { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-rose-900:focus-visible { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-rose-900:focus-within { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-50:focus-visible { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-50:focus-within { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-100:focus-visible { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-100:focus-within { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-200:focus-visible { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-200:focus-within { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-300:focus-visible { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-300:focus-within { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-400:focus-visible { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-400:focus-within { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-500:focus-visible { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-500:focus-within { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-600:focus-visible { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-600:focus-within { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-700:focus-visible { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-700:focus-within { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-800:focus-visible { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-800:focus-within { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-slate-900:focus-visible { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-slate-900:focus-within { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-50:focus-visible { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-50:focus-within { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-100:focus-visible { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-100:focus-within { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-200:focus-visible { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-200:focus-within { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-300:focus-visible { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-300:focus-within { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-400:focus-visible { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-400:focus-within { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-500:focus-visible { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-500:focus-within { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-600:focus-visible { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-600:focus-within { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-700:focus-visible { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-700:focus-within { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-800:focus-visible { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-800:focus-within { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-blue-900:focus-visible { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-blue-900:focus-within { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-50:focus-visible { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-50:focus-within { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-100:focus-visible { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-100:focus-within { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-200:focus-visible { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-200:focus-within { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-300:focus-visible { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-300:focus-within { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-400:focus-visible { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-400:focus-within { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-500:focus-visible { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-500:focus-within { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-600:focus-visible { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-600:focus-within { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-700:focus-visible { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-700:focus-within { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-800:focus-visible { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-800:focus-within { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-green-900:focus-visible { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-green-900:focus-within { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-ring-black:hover { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-ring-black:focus { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-ring-black:active { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-black:focus-visible { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-black:focus-within { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-black { --quanta-ring-color: var(--black); }
  html[data-theme="dark"] .dark-uw-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-ring-white:hover { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-ring-white:focus { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-ring-white:active { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-white:focus-visible { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-white:focus-within { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-white { --quanta-ring-color: var(--white); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-50:hover { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-50:focus { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-50:active { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-50:disabled { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-50:focus-visible { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-50:focus-within { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-50 { --quanta-ring-shadow: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-100:hover { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-100:focus { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-100:active { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-100:disabled { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-100:focus-visible { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-100:focus-within { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-100 { --quanta-ring-shadow: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-200:hover { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-200:focus { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-200:active { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-200:disabled { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-200:focus-visible { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-200:focus-within { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-200 { --quanta-ring-shadow: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-300:hover { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-300:focus { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-300:active { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-300:disabled { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-300:focus-visible { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-300:focus-within { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-300 { --quanta-ring-shadow: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-400:hover { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-400:focus { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-400:active { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-400:disabled { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-400:focus-visible { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-400:focus-within { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-400 { --quanta-ring-shadow: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-500:hover { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-500:focus { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-500:active { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-500:disabled { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-500:focus-visible { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-500:focus-within { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-500 { --quanta-ring-shadow: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-600:hover { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-600:focus { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-600:active { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-600:disabled { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-600:focus-visible { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-600:focus-within { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-600 { --quanta-ring-shadow: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-700:hover { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-700:focus { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-700:active { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-700:disabled { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-700:focus-visible { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-700:focus-within { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-700 { --quanta-ring-shadow: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-800:hover { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-800:focus { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-800:active { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-800:disabled { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-800:focus-visible { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-800:focus-within { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-800 { --quanta-ring-shadow: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-red-900:hover { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-red-900:focus { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-red-900:active { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-red-900:disabled { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-red-900:focus-visible { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-red-900:focus-within { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-red-900 { --quanta-ring-shadow: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-50:hover { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-50:focus { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-50:active { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-50:disabled { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-50:focus-visible { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-50:focus-within { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-50 { --quanta-ring-shadow: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-100:hover { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-100:focus { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-100:active { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-100:disabled { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-100:focus-visible { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-100:focus-within { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-100 { --quanta-ring-shadow: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-200:hover { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-200:focus { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-200:active { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-200:disabled { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-200:focus-visible { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-200:focus-within { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-200 { --quanta-ring-shadow: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-300:hover { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-300:focus { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-300:active { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-300:disabled { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-300:focus-visible { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-300:focus-within { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-300 { --quanta-ring-shadow: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-400:hover { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-400:focus { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-400:active { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-400:disabled { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-400:focus-visible { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-400:focus-within { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-400 { --quanta-ring-shadow: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-500:hover { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-500:focus { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-500:active { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-500:disabled { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-500:focus-visible { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-500:focus-within { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-500 { --quanta-ring-shadow: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-600:hover { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-600:focus { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-600:active { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-600:disabled { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-600:focus-visible { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-600:focus-within { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-600 { --quanta-ring-shadow: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-700:hover { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-700:focus { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-700:active { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-700:disabled { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-700:focus-visible { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-700:focus-within { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-700 { --quanta-ring-shadow: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-800:hover { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-800:focus { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-800:active { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-800:disabled { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-800:focus-visible { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-800:focus-within { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-800 { --quanta-ring-shadow: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-orange-900:hover { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-orange-900:focus { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-orange-900:active { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-orange-900:disabled { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-orange-900:focus-visible { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-orange-900:focus-within { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-orange-900 { --quanta-ring-shadow: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-50:hover { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-50:focus { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-50:active { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-50:disabled { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-50:focus-visible { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-50:focus-within { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-50 { --quanta-ring-shadow: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-100:hover { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-100:focus { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-100:active { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-100:disabled { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-100:focus-visible { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-100:focus-within { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-100 { --quanta-ring-shadow: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-200:hover { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-200:focus { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-200:active { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-200:disabled { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-200:focus-visible { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-200:focus-within { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-200 { --quanta-ring-shadow: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-300:hover { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-300:focus { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-300:active { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-300:disabled { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-300:focus-visible { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-300:focus-within { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-300 { --quanta-ring-shadow: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-400:hover { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-400:focus { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-400:active { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-400:disabled { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-400:focus-visible { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-400:focus-within { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-400 { --quanta-ring-shadow: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-500:hover { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-500:focus { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-500:active { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-500:disabled { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-500:focus-visible { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-500:focus-within { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-500 { --quanta-ring-shadow: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-600:hover { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-600:focus { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-600:active { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-600:disabled { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-600:focus-visible { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-600:focus-within { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-600 { --quanta-ring-shadow: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-700:hover { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-700:focus { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-700:active { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-700:disabled { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-700:focus-visible { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-700:focus-within { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-700 { --quanta-ring-shadow: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-800:hover { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-800:focus { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-800:active { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-800:disabled { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-800:focus-visible { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-800:focus-within { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-800 { --quanta-ring-shadow: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-teal-900:hover { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-teal-900:focus { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-teal-900:active { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-teal-900:disabled { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-teal-900:focus-visible { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-teal-900:focus-within { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-teal-900 { --quanta-ring-shadow: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-50:hover { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-50:focus { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-50:active { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-50:disabled { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-50:focus-visible { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-50:focus-within { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-50 { --quanta-ring-shadow: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-100:hover { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-100:focus { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-100:active { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-100:disabled { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-100:focus-visible { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-100:focus-within { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-100 { --quanta-ring-shadow: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-200:hover { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-200:focus { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-200:active { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-200:disabled { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-200:focus-visible { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-200:focus-within { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-200 { --quanta-ring-shadow: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-300:hover { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-300:focus { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-300:active { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-300:disabled { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-300:focus-visible { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-300:focus-within { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-300 { --quanta-ring-shadow: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-400:hover { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-400:focus { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-400:active { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-400:disabled { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-400:focus-visible { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-400:focus-within { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-400 { --quanta-ring-shadow: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-500:hover { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-500:focus { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-500:active { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-500:disabled { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-500:focus-visible { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-500:focus-within { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-500 { --quanta-ring-shadow: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-600:hover { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-600:focus { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-600:active { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-600:disabled { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-600:focus-visible { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-600:focus-within { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-600 { --quanta-ring-shadow: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-700:hover { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-700:focus { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-700:active { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-700:disabled { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-700:focus-visible { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-700:focus-within { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-700 { --quanta-ring-shadow: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-800:hover { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-800:focus { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-800:active { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-800:disabled { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-800:focus-visible { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-800:focus-within { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-800 { --quanta-ring-shadow: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-purple-900:hover { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-purple-900:focus { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-purple-900:active { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-purple-900:disabled { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-purple-900:focus-visible { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-purple-900:focus-within { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-purple-900 { --quanta-ring-shadow: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-50:hover { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-50:focus { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-50:active { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-50:disabled { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-50:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-50:focus-within { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-50 { --quanta-ring-shadow: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-100:hover { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-100:focus { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-100:active { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-100:disabled { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-100:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-100:focus-within { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-100 { --quanta-ring-shadow: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-200:hover { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-200:focus { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-200:active { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-200:disabled { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-200:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-200:focus-within { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-200 { --quanta-ring-shadow: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-300:hover { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-300:focus { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-300:active { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-300:disabled { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-300:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-300:focus-within { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-300 { --quanta-ring-shadow: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-400:hover { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-400:focus { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-400:active { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-400:disabled { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-400:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-400:focus-within { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-400 { --quanta-ring-shadow: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-500:hover { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-500:focus { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-500:active { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-500:disabled { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-500:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-500:focus-within { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-500 { --quanta-ring-shadow: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-600:hover { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-600:focus { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-600:active { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-600:disabled { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-600:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-600:focus-within { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-600 { --quanta-ring-shadow: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-700:hover { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-700:focus { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-700:active { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-700:disabled { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-700:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-700:focus-within { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-700 { --quanta-ring-shadow: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-800:hover { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-800:focus { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-800:active { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-800:disabled { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-800:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-800:focus-within { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-800 { --quanta-ring-shadow: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-indigo-900:hover { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-indigo-900:focus { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-indigo-900:active { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-indigo-900:disabled { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-indigo-900:focus-visible { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-indigo-900:focus-within { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-indigo-900 { --quanta-ring-shadow: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-50:hover { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-50:focus { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-50:active { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-50:disabled { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-50:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-50:focus-within { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-50 { --quanta-ring-shadow: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-100:hover { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-100:focus { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-100:active { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-100:disabled { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-100:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-100:focus-within { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-100 { --quanta-ring-shadow: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-200:hover { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-200:focus { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-200:active { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-200:disabled { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-200:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-200:focus-within { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-200 { --quanta-ring-shadow: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-300:hover { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-300:focus { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-300:active { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-300:disabled { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-300:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-300:focus-within { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-300 { --quanta-ring-shadow: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-400:hover { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-400:focus { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-400:active { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-400:disabled { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-400:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-400:focus-within { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-400 { --quanta-ring-shadow: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-500:hover { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-500:focus { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-500:active { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-500:disabled { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-500:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-500:focus-within { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-500 { --quanta-ring-shadow: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-600:hover { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-600:focus { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-600:active { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-600:disabled { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-600:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-600:focus-within { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-600 { --quanta-ring-shadow: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-700:hover { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-700:focus { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-700:active { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-700:disabled { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-700:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-700:focus-within { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-700 { --quanta-ring-shadow: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-800:hover { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-800:focus { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-800:active { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-800:disabled { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-800:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-800:focus-within { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-800 { --quanta-ring-shadow: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-yellow-900:hover { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-yellow-900:focus { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-yellow-900:active { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-yellow-900:disabled { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-yellow-900:focus-visible { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-yellow-900:focus-within { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-yellow-900 { --quanta-ring-shadow: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-50:hover { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-50:focus { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-50:active { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-50:disabled { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-50:focus-visible { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-50:focus-within { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-50 { --quanta-ring-shadow: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-100:hover { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-100:focus { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-100:active { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-100:disabled { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-100:focus-visible { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-100:focus-within { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-100 { --quanta-ring-shadow: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-200:hover { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-200:focus { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-200:active { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-200:disabled { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-200:focus-visible { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-200:focus-within { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-200 { --quanta-ring-shadow: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-300:hover { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-300:focus { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-300:active { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-300:disabled { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-300:focus-visible { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-300:focus-within { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-300 { --quanta-ring-shadow: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-400:hover { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-400:focus { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-400:active { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-400:disabled { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-400:focus-visible { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-400:focus-within { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-400 { --quanta-ring-shadow: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-500:hover { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-500:focus { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-500:active { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-500:disabled { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-500:focus-visible { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-500:focus-within { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-500 { --quanta-ring-shadow: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-600:hover { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-600:focus { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-600:active { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-600:disabled { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-600:focus-visible { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-600:focus-within { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-600 { --quanta-ring-shadow: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-700:hover { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-700:focus { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-700:active { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-700:disabled { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-700:focus-visible { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-700:focus-within { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-700 { --quanta-ring-shadow: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-800:hover { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-800:focus { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-800:active { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-800:disabled { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-800:focus-visible { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-800:focus-within { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-800 { --quanta-ring-shadow: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-pink-900:hover { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-pink-900:focus { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-pink-900:active { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-pink-900:disabled { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-pink-900:focus-visible { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-pink-900:focus-within { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-pink-900 { --quanta-ring-shadow: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-50:hover { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-50:focus { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-50:active { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-50:disabled { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-50:focus-visible { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-50:focus-within { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-50 { --quanta-ring-shadow: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-100:hover { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-100:focus { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-100:active { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-100:disabled { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-100:focus-visible { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-100:focus-within { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-100 { --quanta-ring-shadow: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-200:hover { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-200:focus { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-200:active { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-200:disabled { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-200:focus-visible { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-200:focus-within { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-200 { --quanta-ring-shadow: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-300:hover { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-300:focus { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-300:active { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-300:disabled { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-300:focus-visible { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-300:focus-within { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-300 { --quanta-ring-shadow: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-400:hover { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-400:focus { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-400:active { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-400:disabled { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-400:focus-visible { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-400:focus-within { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-400 { --quanta-ring-shadow: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-500:hover { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-500:focus { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-500:active { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-500:disabled { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-500:focus-visible { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-500:focus-within { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-500 { --quanta-ring-shadow: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-600:hover { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-600:focus { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-600:active { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-600:disabled { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-600:focus-visible { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-600:focus-within { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-600 { --quanta-ring-shadow: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-700:hover { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-700:focus { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-700:active { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-700:disabled { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-700:focus-visible { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-700:focus-within { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-700 { --quanta-ring-shadow: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-800:hover { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-800:focus { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-800:active { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-800:disabled { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-800:focus-visible { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-800:focus-within { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-800 { --quanta-ring-shadow: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-grey-900:hover { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-grey-900:focus { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-grey-900:active { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-grey-900:disabled { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-grey-900:focus-visible { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-grey-900:focus-within { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-grey-900 { --quanta-ring-shadow: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-50:hover { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-50:focus { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-50:active { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-50:disabled { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-50:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-50:focus-within { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-50 { --quanta-ring-shadow: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-100:hover { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-100:focus { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-100:active { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-100:disabled { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-100:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-100:focus-within { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-100 { --quanta-ring-shadow: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-200:hover { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-200:focus { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-200:active { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-200:disabled { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-200:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-200:focus-within { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-200 { --quanta-ring-shadow: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-300:hover { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-300:focus { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-300:active { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-300:disabled { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-300:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-300:focus-within { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-300 { --quanta-ring-shadow: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-400:hover { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-400:focus { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-400:active { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-400:disabled { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-400:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-400:focus-within { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-400 { --quanta-ring-shadow: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-500:hover { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-500:focus { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-500:active { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-500:disabled { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-500:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-500:focus-within { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-500 { --quanta-ring-shadow: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-600:hover { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-600:focus { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-600:active { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-600:disabled { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-600:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-600:focus-within { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-600 { --quanta-ring-shadow: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-700:hover { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-700:focus { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-700:active { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-700:disabled { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-700:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-700:focus-within { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-700 { --quanta-ring-shadow: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-800:hover { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-800:focus { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-800:active { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-800:disabled { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-800:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-800:focus-within { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-800 { --quanta-ring-shadow: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-zinc-900:hover { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-zinc-900:focus { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-zinc-900:active { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-zinc-900:disabled { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-zinc-900:focus-visible { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-zinc-900:focus-within { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-zinc-900 { --quanta-ring-shadow: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-50:hover { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-50:focus { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-50:active { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-50:disabled { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-50:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-50:focus-within { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-50 { --quanta-ring-shadow: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-100:hover { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-100:focus { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-100:active { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-100:disabled { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-100:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-100:focus-within { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-100 { --quanta-ring-shadow: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-200:hover { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-200:focus { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-200:active { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-200:disabled { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-200:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-200:focus-within { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-200 { --quanta-ring-shadow: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-300:hover { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-300:focus { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-300:active { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-300:disabled { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-300:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-300:focus-within { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-300 { --quanta-ring-shadow: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-400:hover { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-400:focus { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-400:active { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-400:disabled { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-400:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-400:focus-within { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-400 { --quanta-ring-shadow: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-500:hover { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-500:focus { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-500:active { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-500:disabled { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-500:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-500:focus-within { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-500 { --quanta-ring-shadow: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-600:hover { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-600:focus { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-600:active { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-600:disabled { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-600:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-600:focus-within { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-600 { --quanta-ring-shadow: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-700:hover { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-700:focus { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-700:active { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-700:disabled { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-700:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-700:focus-within { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-700 { --quanta-ring-shadow: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-800:hover { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-800:focus { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-800:active { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-800:disabled { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-800:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-800:focus-within { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-800 { --quanta-ring-shadow: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-neutral-900:hover { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-neutral-900:focus { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-neutral-900:active { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-neutral-900:disabled { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-neutral-900:focus-visible { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-neutral-900:focus-within { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-neutral-900 { --quanta-ring-shadow: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-50:hover { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-50:focus { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-50:active { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-50:disabled { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-50:focus-visible { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-50:focus-within { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-50 { --quanta-ring-shadow: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-100:hover { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-100:focus { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-100:active { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-100:disabled { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-100:focus-visible { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-100:focus-within { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-100 { --quanta-ring-shadow: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-200:hover { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-200:focus { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-200:active { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-200:disabled { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-200:focus-visible { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-200:focus-within { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-200 { --quanta-ring-shadow: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-300:hover { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-300:focus { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-300:active { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-300:disabled { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-300:focus-visible { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-300:focus-within { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-300 { --quanta-ring-shadow: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-400:hover { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-400:focus { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-400:active { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-400:disabled { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-400:focus-visible { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-400:focus-within { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-400 { --quanta-ring-shadow: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-500:hover { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-500:focus { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-500:active { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-500:disabled { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-500:focus-visible { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-500:focus-within { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-500 { --quanta-ring-shadow: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-600:hover { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-600:focus { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-600:active { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-600:disabled { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-600:focus-visible { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-600:focus-within { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-600 { --quanta-ring-shadow: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-700:hover { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-700:focus { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-700:active { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-700:disabled { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-700:focus-visible { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-700:focus-within { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-700 { --quanta-ring-shadow: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-800:hover { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-800:focus { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-800:active { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-800:disabled { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-800:focus-visible { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-800:focus-within { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-800 { --quanta-ring-shadow: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-lime-900:hover { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-lime-900:focus { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-lime-900:active { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-lime-900:disabled { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-lime-900:focus-visible { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-lime-900:focus-within { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-lime-900 { --quanta-ring-shadow: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-50:hover { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-50:focus { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-50:active { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-50:disabled { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-50:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-50:focus-within { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-50 { --quanta-ring-shadow: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-100:hover { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-100:focus { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-100:active { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-100:disabled { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-100:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-100:focus-within { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-100 { --quanta-ring-shadow: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-200:hover { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-200:focus { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-200:active { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-200:disabled { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-200:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-200:focus-within { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-200 { --quanta-ring-shadow: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-300:hover { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-300:focus { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-300:active { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-300:disabled { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-300:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-300:focus-within { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-300 { --quanta-ring-shadow: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-400:hover { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-400:focus { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-400:active { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-400:disabled { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-400:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-400:focus-within { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-400 { --quanta-ring-shadow: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-500:hover { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-500:focus { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-500:active { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-500:disabled { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-500:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-500:focus-within { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-500 { --quanta-ring-shadow: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-600:hover { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-600:focus { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-600:active { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-600:disabled { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-600:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-600:focus-within { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-600 { --quanta-ring-shadow: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-700:hover { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-700:focus { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-700:active { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-700:disabled { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-700:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-700:focus-within { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-700 { --quanta-ring-shadow: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-800:hover { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-800:focus { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-800:active { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-800:disabled { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-800:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-800:focus-within { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-800 { --quanta-ring-shadow: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-cyan-900:hover { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-cyan-900:focus { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-cyan-900:active { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-cyan-900:disabled { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-cyan-900:focus-visible { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-cyan-900:focus-within { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-cyan-900 { --quanta-ring-shadow: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-50:hover { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-50:focus { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-50:active { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-50:disabled { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-50:focus-visible { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-50:focus-within { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-50 { --quanta-ring-shadow: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-100:hover { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-100:focus { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-100:active { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-100:disabled { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-100:focus-visible { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-100:focus-within { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-100 { --quanta-ring-shadow: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-200:hover { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-200:focus { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-200:active { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-200:disabled { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-200:focus-visible { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-200:focus-within { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-200 { --quanta-ring-shadow: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-300:hover { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-300:focus { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-300:active { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-300:disabled { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-300:focus-visible { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-300:focus-within { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-300 { --quanta-ring-shadow: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-400:hover { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-400:focus { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-400:active { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-400:disabled { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-400:focus-visible { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-400:focus-within { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-400 { --quanta-ring-shadow: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-500:hover { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-500:focus { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-500:active { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-500:disabled { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-500:focus-visible { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-500:focus-within { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-500 { --quanta-ring-shadow: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-600:hover { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-600:focus { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-600:active { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-600:disabled { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-600:focus-visible { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-600:focus-within { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-600 { --quanta-ring-shadow: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-700:hover { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-700:focus { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-700:active { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-700:disabled { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-700:focus-visible { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-700:focus-within { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-700 { --quanta-ring-shadow: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-800:hover { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-800:focus { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-800:active { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-800:disabled { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-800:focus-visible { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-800:focus-within { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-800 { --quanta-ring-shadow: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-sky-900:hover { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-sky-900:focus { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-sky-900:active { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-sky-900:disabled { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-sky-900:focus-visible { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-sky-900:focus-within { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-sky-900 { --quanta-ring-shadow: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-50:hover { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-50:focus { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-50:active { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-50:disabled { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-50:focus-visible { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-50:focus-within { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-50 { --quanta-ring-shadow: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-100:hover { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-100:focus { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-100:active { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-100:disabled { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-100:focus-visible { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-100:focus-within { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-100 { --quanta-ring-shadow: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-200:hover { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-200:focus { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-200:active { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-200:disabled { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-200:focus-visible { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-200:focus-within { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-200 { --quanta-ring-shadow: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-300:hover { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-300:focus { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-300:active { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-300:disabled { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-300:focus-visible { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-300:focus-within { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-300 { --quanta-ring-shadow: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-400:hover { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-400:focus { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-400:active { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-400:disabled { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-400:focus-visible { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-400:focus-within { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-400 { --quanta-ring-shadow: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-500:hover { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-500:focus { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-500:active { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-500:disabled { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-500:focus-visible { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-500:focus-within { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-500 { --quanta-ring-shadow: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-600:hover { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-600:focus { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-600:active { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-600:disabled { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-600:focus-visible { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-600:focus-within { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-600 { --quanta-ring-shadow: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-700:hover { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-700:focus { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-700:active { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-700:disabled { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-700:focus-visible { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-700:focus-within { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-700 { --quanta-ring-shadow: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-800:hover { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-800:focus { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-800:active { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-800:disabled { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-800:focus-visible { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-800:focus-within { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-800 { --quanta-ring-shadow: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-violet-900:hover { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-violet-900:focus { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-violet-900:active { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-violet-900:disabled { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-violet-900:focus-visible { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-violet-900:focus-within { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-violet-900 { --quanta-ring-shadow: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-50:hover { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-50:focus { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-50:active { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-50:disabled { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-50:focus-visible { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-50:focus-within { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-50 { --quanta-ring-shadow: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-100:hover { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-100:focus { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-100:active { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-100:disabled { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-100:focus-visible { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-100:focus-within { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-100 { --quanta-ring-shadow: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-200:hover { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-200:focus { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-200:active { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-200:disabled { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-200:focus-visible { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-200:focus-within { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-200 { --quanta-ring-shadow: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-300:hover { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-300:focus { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-300:active { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-300:disabled { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-300:focus-visible { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-300:focus-within { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-300 { --quanta-ring-shadow: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-400:hover { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-400:focus { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-400:active { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-400:disabled { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-400:focus-visible { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-400:focus-within { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-400 { --quanta-ring-shadow: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-500:hover { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-500:focus { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-500:active { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-500:disabled { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-500:focus-visible { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-500:focus-within { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-500 { --quanta-ring-shadow: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-600:hover { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-600:focus { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-600:active { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-600:disabled { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-600:focus-visible { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-600:focus-within { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-600 { --quanta-ring-shadow: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-700:hover { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-700:focus { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-700:active { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-700:disabled { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-700:focus-visible { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-700:focus-within { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-700 { --quanta-ring-shadow: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-800:hover { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-800:focus { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-800:active { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-800:disabled { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-800:focus-visible { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-800:focus-within { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-800 { --quanta-ring-shadow: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-rose-900:hover { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-rose-900:focus { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-rose-900:active { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-rose-900:disabled { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-rose-900:focus-visible { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-rose-900:focus-within { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-rose-900 { --quanta-ring-shadow: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-50:hover { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-50:focus { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-50:active { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-50:disabled { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-50:focus-visible { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-50:focus-within { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-50 { --quanta-ring-shadow: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-100:hover { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-100:focus { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-100:active { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-100:disabled { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-100:focus-visible { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-100:focus-within { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-100 { --quanta-ring-shadow: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-200:hover { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-200:focus { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-200:active { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-200:disabled { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-200:focus-visible { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-200:focus-within { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-200 { --quanta-ring-shadow: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-300:hover { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-300:focus { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-300:active { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-300:disabled { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-300:focus-visible { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-300:focus-within { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-300 { --quanta-ring-shadow: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-400:hover { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-400:focus { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-400:active { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-400:disabled { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-400:focus-visible { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-400:focus-within { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-400 { --quanta-ring-shadow: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-500:hover { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-500:focus { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-500:active { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-500:disabled { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-500:focus-visible { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-500:focus-within { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-500 { --quanta-ring-shadow: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-600:hover { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-600:focus { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-600:active { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-600:disabled { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-600:focus-visible { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-600:focus-within { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-600 { --quanta-ring-shadow: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-700:hover { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-700:focus { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-700:active { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-700:disabled { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-700:focus-visible { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-700:focus-within { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-700 { --quanta-ring-shadow: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-800:hover { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-800:focus { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-800:active { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-800:disabled { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-800:focus-visible { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-800:focus-within { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-800 { --quanta-ring-shadow: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-slate-900:hover { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-slate-900:focus { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-slate-900:active { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-slate-900:disabled { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-slate-900:focus-visible { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-slate-900:focus-within { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-slate-900 { --quanta-ring-shadow: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-50:hover { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-50:focus { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-50:active { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-50:disabled { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-50:focus-visible { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-50:focus-within { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-50 { --quanta-ring-shadow: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-100:hover { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-100:focus { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-100:active { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-100:disabled { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-100:focus-visible { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-100:focus-within { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-100 { --quanta-ring-shadow: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-200:hover { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-200:focus { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-200:active { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-200:disabled { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-200:focus-visible { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-200:focus-within { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-200 { --quanta-ring-shadow: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-300:hover { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-300:focus { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-300:active { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-300:disabled { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-300:focus-visible { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-300:focus-within { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-300 { --quanta-ring-shadow: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-400:hover { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-400:focus { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-400:active { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-400:disabled { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-400:focus-visible { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-400:focus-within { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-400 { --quanta-ring-shadow: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-500:hover { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-500:focus { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-500:active { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-500:disabled { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-500:focus-visible { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-500:focus-within { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-500 { --quanta-ring-shadow: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-600:hover { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-600:focus { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-600:active { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-600:disabled { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-600:focus-visible { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-600:focus-within { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-600 { --quanta-ring-shadow: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-700:hover { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-700:focus { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-700:active { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-700:disabled { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-700:focus-visible { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-700:focus-within { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-700 { --quanta-ring-shadow: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-800:hover { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-800:focus { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-800:active { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-800:disabled { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-800:focus-visible { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-800:focus-within { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-800 { --quanta-ring-shadow: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-blue-900:hover { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-blue-900:focus { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-blue-900:active { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-blue-900:disabled { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-blue-900:focus-visible { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-blue-900:focus-within { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-blue-900 { --quanta-ring-shadow: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-50:hover { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-50:focus { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-50:active { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-50:disabled { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-50:focus-visible { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-50:focus-within { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-50 { --quanta-ring-shadow: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-100:hover { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-100:focus { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-100:active { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-100:disabled { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-100:focus-visible { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-100:focus-within { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-100 { --quanta-ring-shadow: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-200:hover { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-200:focus { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-200:active { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-200:disabled { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-200:focus-visible { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-200:focus-within { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-200 { --quanta-ring-shadow: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-300:hover { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-300:focus { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-300:active { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-300:disabled { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-300:focus-visible { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-300:focus-within { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-300 { --quanta-ring-shadow: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-400:hover { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-400:focus { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-400:active { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-400:disabled { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-400:focus-visible { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-400:focus-within { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-400 { --quanta-ring-shadow: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-500:hover { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-500:focus { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-500:active { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-500:disabled { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-500:focus-visible { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-500:focus-within { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-500 { --quanta-ring-shadow: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-600:hover { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-600:focus { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-600:active { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-600:disabled { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-600:focus-visible { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-600:focus-within { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-600 { --quanta-ring-shadow: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-700:hover { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-700:focus { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-700:active { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-700:disabled { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-700:focus-visible { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-700:focus-within { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-700 { --quanta-ring-shadow: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-800:hover { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-800:focus { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-800:active { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-800:disabled { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-800:focus-visible { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-800:focus-within { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-800 { --quanta-ring-shadow: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-green-900:hover { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-green-900:focus { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-green-900:active { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-green-900:disabled { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-green-900:focus-visible { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-green-900:focus-within { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-green-900 { --quanta-ring-shadow: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-black:hover { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-black:focus { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-black:active { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-black:disabled { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-black:focus-visible { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-black:focus-within { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-black { --quanta-ring-shadow: var(--black); }
  html[data-theme="dark"] .dark-uw-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-ring-shadow-white:hover { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-ring-shadow-white:focus { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-active-ring-shadow-white:active { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-ring-shadow-white:disabled { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-ring-shadow-white:focus-visible { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-ring-shadow-white:focus-within { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ring-shadow-white { --quanta-ring-shadow: var(--white); }
  html[data-theme="dark"] .dark-uw-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-05:hover { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-05:focus { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-05:active { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-05:disabled { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-05:focus-visible { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-05:focus-within { --bg-opacity: 0.05; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-05 { --bg-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-10:hover { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-10:focus { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-10:active { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-10:disabled { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-10:focus-visible { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-10:focus-within { --bg-opacity: 0.10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-10 { --bg-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-15:hover { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-15:focus { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-15:active { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-15:disabled { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-15:focus-visible { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-15:focus-within { --bg-opacity: 0.15; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-15 { --bg-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-20:hover { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-20:focus { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-20:active { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-20:disabled { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-20:focus-visible { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-20:focus-within { --bg-opacity: 0.20; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-20 { --bg-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-25:hover { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-25:focus { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-25:active { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-25:disabled { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-25:focus-visible { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-25:focus-within { --bg-opacity: 0.25; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-25 { --bg-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-30:hover { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-30:focus { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-30:active { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-30:disabled { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-30:focus-visible { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-30:focus-within { --bg-opacity: 0.30; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-30 { --bg-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-35:hover { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-35:focus { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-35:active { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-35:disabled { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-35:focus-visible { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-35:focus-within { --bg-opacity: 0.35; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-35 { --bg-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-40:hover { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-40:focus { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-40:active { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-40:disabled { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-40:focus-visible { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-40:focus-within { --bg-opacity: 0.40; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-40 { --bg-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-45:hover { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-45:focus { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-45:active { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-45:disabled { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-45:focus-visible { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-45:focus-within { --bg-opacity: 0.45; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-45 { --bg-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-50:hover { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-50:focus { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-50:active { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-50:disabled { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-50:focus-visible { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-50:focus-within { --bg-opacity: 0.50; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-50 { --bg-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-55:hover { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-55:focus { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-55:active { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-55:disabled { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-55:focus-visible { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-55:focus-within { --bg-opacity: 0.55; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-55 { --bg-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-60:hover { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-60:focus { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-60:active { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-60:disabled { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-60:focus-visible { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-60:focus-within { --bg-opacity: 0.60; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-60 { --bg-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-65:hover { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-65:focus { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-65:active { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-65:disabled { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-65:focus-visible { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-65:focus-within { --bg-opacity: 0.65; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-65 { --bg-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-70:hover { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-70:focus { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-70:active { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-70:disabled { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-70:focus-visible { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-70:focus-within { --bg-opacity: 0.70; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-70 { --bg-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-75:hover { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-75:focus { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-75:active { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-75:disabled { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-75:focus-visible { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-75:focus-within { --bg-opacity: 0.75; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-75 { --bg-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-80:hover { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-80:focus { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-80:active { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-80:disabled { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-80:focus-visible { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-80:focus-within { --bg-opacity: 0.80; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-80 { --bg-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-85:hover { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-85:focus { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-85:active { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-85:disabled { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-85:focus-visible { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-85:focus-within { --bg-opacity: 0.85; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-85 { --bg-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-90:hover { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-90:focus { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-90:active { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-90:disabled { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-90:focus-visible { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-90:focus-within { --bg-opacity: 0.90; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-90 { --bg-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-95:hover { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-95:focus { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-95:active { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-95:disabled { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-95:focus-visible { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-95:focus-within { --bg-opacity: 0.95; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-95 { --bg-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-100:hover { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-100:focus { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-active-bg-tp-100:active { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-100:disabled { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-100:focus-visible { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-100:focus-within { --bg-opacity: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-100 { --bg-opacity: 1; }
  html[data-theme="dark"] .dark-uw-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-05:hover { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-05:focus { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-active-text-tp-05:active { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-05:disabled { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-05:focus-visible { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-05:focus-within { --text-opacity: 0.05; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-05 { --text-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-10:hover { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-10:focus { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-active-text-tp-10:active { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-10:disabled { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-10:focus-visible { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-10:focus-within { --text-opacity: 0.10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-10 { --text-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-15:hover { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-15:focus { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-active-text-tp-15:active { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-15:disabled { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-15:focus-visible { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-15:focus-within { --text-opacity: 0.15; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-15 { --text-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-20:hover { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-20:focus { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-active-text-tp-20:active { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-20:disabled { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-20:focus-visible { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-20:focus-within { --text-opacity: 0.20; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-20 { --text-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-25:hover { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-25:focus { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-active-text-tp-25:active { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-25:disabled { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-25:focus-visible { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-25:focus-within { --text-opacity: 0.25; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-25 { --text-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-30:hover { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-30:focus { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-active-text-tp-30:active { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-30:disabled { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-30:focus-visible { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-30:focus-within { --text-opacity: 0.30; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-30 { --text-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-35:hover { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-35:focus { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-active-text-tp-35:active { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-35:disabled { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-35:focus-visible { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-35:focus-within { --text-opacity: 0.35; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-35 { --text-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-40:hover { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-40:focus { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-active-text-tp-40:active { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-40:disabled { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-40:focus-visible { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-40:focus-within { --text-opacity: 0.40; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-40 { --text-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-45:hover { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-45:focus { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-active-text-tp-45:active { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-45:disabled { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-45:focus-visible { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-45:focus-within { --text-opacity: 0.45; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-45 { --text-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-50:hover { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-50:focus { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-active-text-tp-50:active { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-50:disabled { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-50:focus-visible { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-50:focus-within { --text-opacity: 0.50; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-50 { --text-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-55:hover { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-55:focus { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-active-text-tp-55:active { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-55:disabled { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-55:focus-visible { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-55:focus-within { --text-opacity: 0.55; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-55 { --text-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-60:hover { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-60:focus { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-active-text-tp-60:active { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-60:disabled { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-60:focus-visible { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-60:focus-within { --text-opacity: 0.60; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-60 { --text-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-65:hover { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-65:focus { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-active-text-tp-65:active { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-65:disabled { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-65:focus-visible { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-65:focus-within { --text-opacity: 0.65; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-65 { --text-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-70:hover { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-70:focus { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-active-text-tp-70:active { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-70:disabled { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-70:focus-visible { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-70:focus-within { --text-opacity: 0.70; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-70 { --text-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-75:hover { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-75:focus { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-active-text-tp-75:active { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-75:disabled { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-75:focus-visible { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-75:focus-within { --text-opacity: 0.75; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-75 { --text-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-80:hover { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-80:focus { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-active-text-tp-80:active { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-80:disabled { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-80:focus-visible { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-80:focus-within { --text-opacity: 0.80; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-80 { --text-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-85:hover { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-85:focus { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-active-text-tp-85:active { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-85:disabled { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-85:focus-visible { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-85:focus-within { --text-opacity: 0.85; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-85 { --text-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-90:hover { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-90:focus { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-active-text-tp-90:active { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-90:disabled { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-90:focus-visible { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-90:focus-within { --text-opacity: 0.90; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-90 { --text-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-95:hover { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-95:focus { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-active-text-tp-95:active { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-95:disabled { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-95:focus-visible { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-95:focus-within { --text-opacity: 0.95; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-95 { --text-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-hover-text-tp-100:hover { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-text-tp-100:focus { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-active-text-tp-100:active { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-100:disabled { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-100:focus-visible { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-100:focus-within { --text-opacity: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-100 { --text-opacity: 1; }
  html[data-theme="dark"] .dark-uw-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-05:hover { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-05:focus { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-active-border-tp-05:active { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-05:disabled { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-05:focus-visible { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-05:focus-within { --border-opacity: 0.05; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-05 { --border-opacity: 0.05; }
  html[data-theme="dark"] .dark-uw-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-10:hover { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-10:focus { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-active-border-tp-10:active { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-10:disabled { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-10:focus-visible { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-10:focus-within { --border-opacity: 0.10; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-10 { --border-opacity: 0.10; }
  html[data-theme="dark"] .dark-uw-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-15:hover { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-15:focus { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-active-border-tp-15:active { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-15:disabled { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-15:focus-visible { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-15:focus-within { --border-opacity: 0.15; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-15 { --border-opacity: 0.15; }
  html[data-theme="dark"] .dark-uw-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-20:hover { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-20:focus { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-active-border-tp-20:active { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-20:disabled { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-20:focus-visible { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-20:focus-within { --border-opacity: 0.20; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-20 { --border-opacity: 0.20; }
  html[data-theme="dark"] .dark-uw-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-25:hover { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-25:focus { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-active-border-tp-25:active { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-25:disabled { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-25:focus-visible { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-25:focus-within { --border-opacity: 0.25; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-25 { --border-opacity: 0.25; }
  html[data-theme="dark"] .dark-uw-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-30:hover { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-30:focus { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-active-border-tp-30:active { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-30:disabled { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-30:focus-visible { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-30:focus-within { --border-opacity: 0.30; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-30 { --border-opacity: 0.30; }
  html[data-theme="dark"] .dark-uw-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-35:hover { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-35:focus { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-active-border-tp-35:active { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-35:disabled { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-35:focus-visible { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-35:focus-within { --border-opacity: 0.35; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-35 { --border-opacity: 0.35; }
  html[data-theme="dark"] .dark-uw-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-40:hover { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-40:focus { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-active-border-tp-40:active { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-40:disabled { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-40:focus-visible { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-40:focus-within { --border-opacity: 0.40; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-40 { --border-opacity: 0.40; }
  html[data-theme="dark"] .dark-uw-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-45:hover { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-45:focus { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-active-border-tp-45:active { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-45:disabled { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-45:focus-visible { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-45:focus-within { --border-opacity: 0.45; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-45 { --border-opacity: 0.45; }
  html[data-theme="dark"] .dark-uw-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-50:hover { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-50:focus { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-active-border-tp-50:active { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-50:disabled { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-50:focus-visible { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-50:focus-within { --border-opacity: 0.50; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-50 { --border-opacity: 0.50; }
  html[data-theme="dark"] .dark-uw-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-55:hover { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-55:focus { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-active-border-tp-55:active { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-55:disabled { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-55:focus-visible { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-55:focus-within { --border-opacity: 0.55; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-55 { --border-opacity: 0.55; }
  html[data-theme="dark"] .dark-uw-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-60:hover { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-60:focus { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-active-border-tp-60:active { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-60:disabled { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-60:focus-visible { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-60:focus-within { --border-opacity: 0.60; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-60 { --border-opacity: 0.60; }
  html[data-theme="dark"] .dark-uw-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-65:hover { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-65:focus { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-active-border-tp-65:active { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-65:disabled { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-65:focus-visible { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-65:focus-within { --border-opacity: 0.65; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-65 { --border-opacity: 0.65; }
  html[data-theme="dark"] .dark-uw-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-70:hover { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-70:focus { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-active-border-tp-70:active { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-70:disabled { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-70:focus-visible { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-70:focus-within { --border-opacity: 0.70; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-70 { --border-opacity: 0.70; }
  html[data-theme="dark"] .dark-uw-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-75:hover { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-75:focus { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-active-border-tp-75:active { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-75:disabled { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-75:focus-visible { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-75:focus-within { --border-opacity: 0.75; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-75 { --border-opacity: 0.75; }
  html[data-theme="dark"] .dark-uw-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-80:hover { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-80:focus { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-active-border-tp-80:active { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-80:disabled { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-80:focus-visible { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-80:focus-within { --border-opacity: 0.80; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-80 { --border-opacity: 0.80; }
  html[data-theme="dark"] .dark-uw-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-85:hover { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-85:focus { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-active-border-tp-85:active { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-85:disabled { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-85:focus-visible { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-85:focus-within { --border-opacity: 0.85; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-85 { --border-opacity: 0.85; }
  html[data-theme="dark"] .dark-uw-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-90:hover { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-90:focus { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-active-border-tp-90:active { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-90:disabled { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-90:focus-visible { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-90:focus-within { --border-opacity: 0.90; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-90 { --border-opacity: 0.90; }
  html[data-theme="dark"] .dark-uw-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-95:hover { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-95:focus { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-active-border-tp-95:active { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-95:disabled { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-95:focus-visible { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-95:focus-within { --border-opacity: 0.95; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-95 { --border-opacity: 0.95; }
  html[data-theme="dark"] .dark-uw-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-hover-border-tp-100:hover { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-border-tp-100:focus { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-active-border-tp-100:active { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-100:disabled { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-100:focus-visible { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-100:focus-within { --border-opacity: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-100 { --border-opacity: 1; }
  html[data-theme="dark"] .dark-uw-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-hover-has-bg:hover { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-has-bg:focus { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-active-has-bg:active { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-disabled-has-bg:disabled { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-visible-has-bg:focus-visible { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-within-has-bg:focus-within { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-has-bg { background-color: rgba(var(--bg-rgb, 255 255 255), var(--bg-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-hover-has-text:hover { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-has-text:focus { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-active-has-text:active { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-disabled-has-text:disabled { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-visible-has-text:focus-visible { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-within-has-text:focus-within { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-has-text { color: rgba(var(--text-rgb, 0 0 0), var(--text-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-hover-has-border:hover { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-has-border:focus { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-active-has-border:active { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-disabled-has-border:disabled { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-visible-has-border:focus-visible { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-focus-within-has-border:focus-within { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-has-border { border-color: rgb(var(--border-rgb, 148 163 184), var(--border-opacity, 1)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-50:hover { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-50:focus { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-50:active { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-50:disabled { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-50:focus-visible { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-50:focus-within { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-50 { --bg-rgb: var(--quanta-red-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-100:hover { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-100:focus { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-100:active { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-100:disabled { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-100:focus-visible { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-100:focus-within { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-100 { --bg-rgb: var(--quanta-red-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-200:hover { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-200:focus { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-200:active { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-200:disabled { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-200:focus-visible { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-200:focus-within { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-200 { --bg-rgb: var(--quanta-red-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-300:hover { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-300:focus { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-300:active { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-300:disabled { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-300:focus-visible { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-300:focus-within { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-300 { --bg-rgb: var(--quanta-red-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-400:hover { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-400:focus { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-400:active { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-400:disabled { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-400:focus-visible { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-400:focus-within { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-400 { --bg-rgb: var(--quanta-red-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-500:hover { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-500:focus { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-500:active { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-500:disabled { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-500:focus-visible { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-500:focus-within { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-500 { --bg-rgb: var(--quanta-red-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-600:hover { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-600:focus { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-600:active { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-600:disabled { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-600:focus-visible { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-600:focus-within { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-600 { --bg-rgb: var(--quanta-red-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-700:hover { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-700:focus { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-700:active { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-700:disabled { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-700:focus-visible { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-700:focus-within { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-700 { --bg-rgb: var(--quanta-red-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-800:hover { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-800:focus { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-800:active { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-800:disabled { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-800:focus-visible { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-800:focus-within { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-800 { --bg-rgb: var(--quanta-red-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-red-900:hover { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-red-900:focus { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-red-900:active { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-red-900:disabled { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-red-900:focus-visible { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-red-900:focus-within { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-red-900 { --bg-rgb: var(--quanta-red-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-50:hover { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-50:focus { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-50:active { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-50:disabled { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-50:focus-visible { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-50:focus-within { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-50 { --text-rgb: var(--quanta-red-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-100:hover { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-100:focus { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-100:active { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-100:disabled { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-100:focus-visible { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-100:focus-within { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-100 { --text-rgb: var(--quanta-red-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-200:hover { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-200:focus { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-200:active { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-200:disabled { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-200:focus-visible { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-200:focus-within { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-200 { --text-rgb: var(--quanta-red-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-300:hover { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-300:focus { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-300:active { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-300:disabled { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-300:focus-visible { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-300:focus-within { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-300 { --text-rgb: var(--quanta-red-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-400:hover { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-400:focus { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-400:active { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-400:disabled { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-400:focus-visible { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-400:focus-within { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-400 { --text-rgb: var(--quanta-red-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-500:hover { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-500:focus { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-500:active { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-500:disabled { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-500:focus-visible { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-500:focus-within { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-500 { --text-rgb: var(--quanta-red-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-600:hover { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-600:focus { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-600:active { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-600:disabled { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-600:focus-visible { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-600:focus-within { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-600 { --text-rgb: var(--quanta-red-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-700:hover { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-700:focus { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-700:active { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-700:disabled { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-700:focus-visible { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-700:focus-within { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-700 { --text-rgb: var(--quanta-red-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-800:hover { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-800:focus { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-800:active { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-800:disabled { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-800:focus-visible { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-800:focus-within { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-800 { --text-rgb: var(--quanta-red-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-red-900:hover { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-red-900:focus { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-red-900:active { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-red-900:disabled { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-red-900:focus-visible { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-red-900:focus-within { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-red-900 { --text-rgb: var(--quanta-red-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-50:hover { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-50:focus { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-50:active { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-50:disabled { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-50:focus-visible { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-50:focus-within { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-50 { --border-rgb: var(--quanta-red-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-100:hover { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-100:focus { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-100:active { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-100:disabled { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-100:focus-visible { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-100:focus-within { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-100 { --border-rgb: var(--quanta-red-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-200:hover { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-200:focus { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-200:active { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-200:disabled { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-200:focus-visible { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-200:focus-within { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-200 { --border-rgb: var(--quanta-red-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-300:hover { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-300:focus { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-300:active { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-300:disabled { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-300:focus-visible { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-300:focus-within { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-300 { --border-rgb: var(--quanta-red-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-400:hover { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-400:focus { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-400:active { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-400:disabled { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-400:focus-visible { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-400:focus-within { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-400 { --border-rgb: var(--quanta-red-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-500:hover { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-500:focus { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-500:active { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-500:disabled { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-500:focus-visible { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-500:focus-within { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-500 { --border-rgb: var(--quanta-red-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-600:hover { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-600:focus { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-600:active { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-600:disabled { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-600:focus-visible { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-600:focus-within { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-600 { --border-rgb: var(--quanta-red-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-700:hover { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-700:focus { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-700:active { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-700:disabled { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-700:focus-visible { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-700:focus-within { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-700 { --border-rgb: var(--quanta-red-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-800:hover { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-800:focus { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-800:active { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-800:disabled { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-800:focus-visible { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-800:focus-within { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-800 { --border-rgb: var(--quanta-red-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-red-900:hover { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-red-900:focus { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-red-900:active { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-red-900:disabled { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-red-900:focus-visible { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-red-900:focus-within { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-red-900 { --border-rgb: var(--quanta-red-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-50:hover { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-50:focus { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-50:active { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-50:disabled { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-50:focus-visible { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-50:focus-within { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-50 { --bg-rgb: var(--quanta-orange-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-100:hover { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-100:focus { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-100:active { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-100:disabled { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-100:focus-visible { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-100:focus-within { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-100 { --bg-rgb: var(--quanta-orange-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-200:hover { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-200:focus { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-200:active { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-200:disabled { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-200:focus-visible { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-200:focus-within { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-200 { --bg-rgb: var(--quanta-orange-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-300:hover { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-300:focus { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-300:active { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-300:disabled { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-300:focus-visible { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-300:focus-within { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-300 { --bg-rgb: var(--quanta-orange-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-400:hover { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-400:focus { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-400:active { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-400:disabled { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-400:focus-visible { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-400:focus-within { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-400 { --bg-rgb: var(--quanta-orange-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-500:hover { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-500:focus { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-500:active { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-500:disabled { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-500:focus-visible { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-500:focus-within { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-500 { --bg-rgb: var(--quanta-orange-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-600:hover { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-600:focus { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-600:active { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-600:disabled { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-600:focus-visible { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-600:focus-within { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-600 { --bg-rgb: var(--quanta-orange-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-700:hover { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-700:focus { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-700:active { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-700:disabled { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-700:focus-visible { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-700:focus-within { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-700 { --bg-rgb: var(--quanta-orange-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-800:hover { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-800:focus { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-800:active { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-800:disabled { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-800:focus-visible { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-800:focus-within { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-800 { --bg-rgb: var(--quanta-orange-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-orange-900:hover { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-orange-900:focus { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-orange-900:active { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-orange-900:disabled { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-orange-900:focus-visible { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-orange-900:focus-within { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-orange-900 { --bg-rgb: var(--quanta-orange-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-50:hover { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-50:focus { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-50:active { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-50:disabled { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-50:focus-visible { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-50:focus-within { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-50 { --text-rgb: var(--quanta-orange-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-100:hover { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-100:focus { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-100:active { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-100:disabled { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-100:focus-visible { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-100:focus-within { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-100 { --text-rgb: var(--quanta-orange-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-200:hover { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-200:focus { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-200:active { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-200:disabled { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-200:focus-visible { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-200:focus-within { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-200 { --text-rgb: var(--quanta-orange-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-300:hover { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-300:focus { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-300:active { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-300:disabled { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-300:focus-visible { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-300:focus-within { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-300 { --text-rgb: var(--quanta-orange-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-400:hover { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-400:focus { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-400:active { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-400:disabled { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-400:focus-visible { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-400:focus-within { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-400 { --text-rgb: var(--quanta-orange-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-500:hover { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-500:focus { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-500:active { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-500:disabled { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-500:focus-visible { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-500:focus-within { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-500 { --text-rgb: var(--quanta-orange-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-600:hover { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-600:focus { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-600:active { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-600:disabled { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-600:focus-visible { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-600:focus-within { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-600 { --text-rgb: var(--quanta-orange-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-700:hover { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-700:focus { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-700:active { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-700:disabled { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-700:focus-visible { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-700:focus-within { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-700 { --text-rgb: var(--quanta-orange-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-800:hover { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-800:focus { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-800:active { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-800:disabled { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-800:focus-visible { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-800:focus-within { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-800 { --text-rgb: var(--quanta-orange-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-orange-900:hover { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-orange-900:focus { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-orange-900:active { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-orange-900:disabled { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-orange-900:focus-visible { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-orange-900:focus-within { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-orange-900 { --text-rgb: var(--quanta-orange-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-50:hover { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-50:focus { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-50:active { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-50:disabled { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-50:focus-visible { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-50:focus-within { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-50 { --border-rgb: var(--quanta-orange-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-100:hover { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-100:focus { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-100:active { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-100:disabled { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-100:focus-visible { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-100:focus-within { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-100 { --border-rgb: var(--quanta-orange-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-200:hover { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-200:focus { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-200:active { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-200:disabled { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-200:focus-visible { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-200:focus-within { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-200 { --border-rgb: var(--quanta-orange-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-300:hover { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-300:focus { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-300:active { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-300:disabled { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-300:focus-visible { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-300:focus-within { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-300 { --border-rgb: var(--quanta-orange-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-400:hover { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-400:focus { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-400:active { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-400:disabled { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-400:focus-visible { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-400:focus-within { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-400 { --border-rgb: var(--quanta-orange-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-500:hover { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-500:focus { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-500:active { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-500:disabled { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-500:focus-visible { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-500:focus-within { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-500 { --border-rgb: var(--quanta-orange-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-600:hover { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-600:focus { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-600:active { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-600:disabled { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-600:focus-visible { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-600:focus-within { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-600 { --border-rgb: var(--quanta-orange-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-700:hover { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-700:focus { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-700:active { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-700:disabled { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-700:focus-visible { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-700:focus-within { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-700 { --border-rgb: var(--quanta-orange-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-800:hover { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-800:focus { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-800:active { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-800:disabled { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-800:focus-visible { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-800:focus-within { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-800 { --border-rgb: var(--quanta-orange-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-orange-900:hover { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-orange-900:focus { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-orange-900:active { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-orange-900:disabled { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-orange-900:focus-visible { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-orange-900:focus-within { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-orange-900 { --border-rgb: var(--quanta-orange-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-50:hover { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-50:focus { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-50:active { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-50:disabled { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-50:focus-visible { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-50:focus-within { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-50 { --bg-rgb: var(--quanta-yellow-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-100:hover { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-100:focus { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-100:active { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-100:disabled { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-100:focus-visible { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-100:focus-within { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-100 { --bg-rgb: var(--quanta-yellow-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-200:hover { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-200:focus { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-200:active { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-200:disabled { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-200:focus-visible { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-200:focus-within { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-200 { --bg-rgb: var(--quanta-yellow-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-300:hover { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-300:focus { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-300:active { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-300:disabled { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-300:focus-visible { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-300:focus-within { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-300 { --bg-rgb: var(--quanta-yellow-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-400:hover { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-400:focus { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-400:active { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-400:disabled { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-400:focus-visible { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-400:focus-within { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-400 { --bg-rgb: var(--quanta-yellow-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-500:hover { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-500:focus { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-500:active { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-500:disabled { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-500:focus-visible { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-500:focus-within { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-500 { --bg-rgb: var(--quanta-yellow-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-600:hover { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-600:focus { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-600:active { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-600:disabled { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-600:focus-visible { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-600:focus-within { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-600 { --bg-rgb: var(--quanta-yellow-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-700:hover { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-700:focus { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-700:active { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-700:disabled { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-700:focus-visible { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-700:focus-within { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-700 { --bg-rgb: var(--quanta-yellow-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-800:hover { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-800:focus { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-800:active { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-800:disabled { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-800:focus-visible { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-800:focus-within { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-800 { --bg-rgb: var(--quanta-yellow-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-yellow-900:hover { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-yellow-900:focus { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-yellow-900:active { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-yellow-900:disabled { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-yellow-900:focus-visible { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-yellow-900:focus-within { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-yellow-900 { --bg-rgb: var(--quanta-yellow-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-50:hover { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-50:focus { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-50:active { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-50:disabled { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-50:focus-visible { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-50:focus-within { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-50 { --text-rgb: var(--quanta-yellow-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-100:hover { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-100:focus { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-100:active { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-100:disabled { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-100:focus-visible { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-100:focus-within { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-100 { --text-rgb: var(--quanta-yellow-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-200:hover { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-200:focus { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-200:active { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-200:disabled { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-200:focus-visible { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-200:focus-within { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-200 { --text-rgb: var(--quanta-yellow-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-300:hover { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-300:focus { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-300:active { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-300:disabled { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-300:focus-visible { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-300:focus-within { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-300 { --text-rgb: var(--quanta-yellow-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-400:hover { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-400:focus { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-400:active { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-400:disabled { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-400:focus-visible { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-400:focus-within { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-400 { --text-rgb: var(--quanta-yellow-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-500:hover { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-500:focus { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-500:active { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-500:disabled { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-500:focus-visible { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-500:focus-within { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-500 { --text-rgb: var(--quanta-yellow-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-600:hover { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-600:focus { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-600:active { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-600:disabled { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-600:focus-visible { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-600:focus-within { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-600 { --text-rgb: var(--quanta-yellow-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-700:hover { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-700:focus { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-700:active { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-700:disabled { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-700:focus-visible { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-700:focus-within { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-700 { --text-rgb: var(--quanta-yellow-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-800:hover { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-800:focus { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-800:active { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-800:disabled { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-800:focus-visible { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-800:focus-within { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-800 { --text-rgb: var(--quanta-yellow-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-yellow-900:hover { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-yellow-900:focus { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-yellow-900:active { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-yellow-900:disabled { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-yellow-900:focus-visible { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-yellow-900:focus-within { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-yellow-900 { --text-rgb: var(--quanta-yellow-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-50:hover { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-50:focus { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-50:active { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-50:disabled { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-50:focus-visible { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-50:focus-within { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-50 { --border-rgb: var(--quanta-yellow-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-100:hover { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-100:focus { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-100:active { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-100:disabled { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-100:focus-visible { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-100:focus-within { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-100 { --border-rgb: var(--quanta-yellow-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-200:hover { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-200:focus { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-200:active { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-200:disabled { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-200:focus-visible { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-200:focus-within { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-200 { --border-rgb: var(--quanta-yellow-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-300:hover { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-300:focus { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-300:active { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-300:disabled { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-300:focus-visible { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-300:focus-within { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-300 { --border-rgb: var(--quanta-yellow-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-400:hover { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-400:focus { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-400:active { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-400:disabled { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-400:focus-visible { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-400:focus-within { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-400 { --border-rgb: var(--quanta-yellow-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-500:hover { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-500:focus { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-500:active { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-500:disabled { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-500:focus-visible { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-500:focus-within { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-500 { --border-rgb: var(--quanta-yellow-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-600:hover { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-600:focus { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-600:active { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-600:disabled { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-600:focus-visible { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-600:focus-within { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-600 { --border-rgb: var(--quanta-yellow-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-700:hover { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-700:focus { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-700:active { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-700:disabled { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-700:focus-visible { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-700:focus-within { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-700 { --border-rgb: var(--quanta-yellow-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-800:hover { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-800:focus { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-800:active { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-800:disabled { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-800:focus-visible { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-800:focus-within { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-800 { --border-rgb: var(--quanta-yellow-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-yellow-900:hover { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-yellow-900:focus { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-yellow-900:active { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-yellow-900:disabled { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-yellow-900:focus-visible { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-yellow-900:focus-within { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-yellow-900 { --border-rgb: var(--quanta-yellow-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-50:hover { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-50:focus { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-50:active { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-50:disabled { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-50:focus-visible { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-50:focus-within { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-50 { --bg-rgb: var(--quanta-green-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-100:hover { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-100:focus { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-100:active { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-100:disabled { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-100:focus-visible { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-100:focus-within { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-100 { --bg-rgb: var(--quanta-green-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-200:hover { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-200:focus { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-200:active { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-200:disabled { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-200:focus-visible { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-200:focus-within { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-200 { --bg-rgb: var(--quanta-green-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-300:hover { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-300:focus { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-300:active { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-300:disabled { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-300:focus-visible { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-300:focus-within { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-300 { --bg-rgb: var(--quanta-green-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-400:hover { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-400:focus { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-400:active { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-400:disabled { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-400:focus-visible { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-400:focus-within { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-400 { --bg-rgb: var(--quanta-green-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-500:hover { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-500:focus { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-500:active { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-500:disabled { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-500:focus-visible { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-500:focus-within { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-500 { --bg-rgb: var(--quanta-green-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-600:hover { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-600:focus { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-600:active { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-600:disabled { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-600:focus-visible { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-600:focus-within { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-600 { --bg-rgb: var(--quanta-green-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-700:hover { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-700:focus { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-700:active { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-700:disabled { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-700:focus-visible { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-700:focus-within { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-700 { --bg-rgb: var(--quanta-green-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-800:hover { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-800:focus { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-800:active { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-800:disabled { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-800:focus-visible { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-800:focus-within { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-800 { --bg-rgb: var(--quanta-green-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-green-900:hover { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-green-900:focus { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-green-900:active { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-green-900:disabled { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-green-900:focus-visible { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-green-900:focus-within { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-green-900 { --bg-rgb: var(--quanta-green-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-50:hover { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-50:focus { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-50:active { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-50:disabled { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-50:focus-visible { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-50:focus-within { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-50 { --text-rgb: var(--quanta-green-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-100:hover { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-100:focus { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-100:active { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-100:disabled { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-100:focus-visible { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-100:focus-within { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-100 { --text-rgb: var(--quanta-green-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-200:hover { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-200:focus { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-200:active { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-200:disabled { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-200:focus-visible { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-200:focus-within { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-200 { --text-rgb: var(--quanta-green-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-300:hover { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-300:focus { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-300:active { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-300:disabled { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-300:focus-visible { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-300:focus-within { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-300 { --text-rgb: var(--quanta-green-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-400:hover { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-400:focus { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-400:active { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-400:disabled { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-400:focus-visible { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-400:focus-within { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-400 { --text-rgb: var(--quanta-green-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-500:hover { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-500:focus { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-500:active { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-500:disabled { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-500:focus-visible { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-500:focus-within { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-500 { --text-rgb: var(--quanta-green-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-600:hover { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-600:focus { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-600:active { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-600:disabled { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-600:focus-visible { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-600:focus-within { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-600 { --text-rgb: var(--quanta-green-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-700:hover { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-700:focus { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-700:active { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-700:disabled { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-700:focus-visible { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-700:focus-within { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-700 { --text-rgb: var(--quanta-green-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-800:hover { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-800:focus { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-800:active { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-800:disabled { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-800:focus-visible { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-800:focus-within { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-800 { --text-rgb: var(--quanta-green-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-green-900:hover { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-green-900:focus { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-green-900:active { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-green-900:disabled { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-green-900:focus-visible { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-green-900:focus-within { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-green-900 { --text-rgb: var(--quanta-green-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-50:hover { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-50:focus { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-50:active { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-50:disabled { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-50:focus-visible { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-50:focus-within { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-50 { --border-rgb: var(--quanta-green-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-100:hover { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-100:focus { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-100:active { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-100:disabled { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-100:focus-visible { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-100:focus-within { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-100 { --border-rgb: var(--quanta-green-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-200:hover { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-200:focus { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-200:active { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-200:disabled { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-200:focus-visible { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-200:focus-within { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-200 { --border-rgb: var(--quanta-green-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-300:hover { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-300:focus { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-300:active { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-300:disabled { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-300:focus-visible { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-300:focus-within { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-300 { --border-rgb: var(--quanta-green-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-400:hover { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-400:focus { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-400:active { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-400:disabled { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-400:focus-visible { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-400:focus-within { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-400 { --border-rgb: var(--quanta-green-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-500:hover { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-500:focus { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-500:active { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-500:disabled { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-500:focus-visible { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-500:focus-within { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-500 { --border-rgb: var(--quanta-green-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-600:hover { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-600:focus { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-600:active { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-600:disabled { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-600:focus-visible { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-600:focus-within { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-600 { --border-rgb: var(--quanta-green-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-700:hover { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-700:focus { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-700:active { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-700:disabled { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-700:focus-visible { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-700:focus-within { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-700 { --border-rgb: var(--quanta-green-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-800:hover { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-800:focus { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-800:active { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-800:disabled { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-800:focus-visible { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-800:focus-within { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-800 { --border-rgb: var(--quanta-green-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-green-900:hover { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-green-900:focus { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-green-900:active { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-green-900:disabled { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-green-900:focus-visible { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-green-900:focus-within { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-green-900 { --border-rgb: var(--quanta-green-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-50:hover { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-50:focus { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-50:active { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-50:disabled { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-50:focus-visible { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-50:focus-within { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-50 { --bg-rgb: var(--quanta-lime-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-100:hover { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-100:focus { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-100:active { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-100:disabled { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-100:focus-visible { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-100:focus-within { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-100 { --bg-rgb: var(--quanta-lime-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-200:hover { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-200:focus { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-200:active { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-200:disabled { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-200:focus-visible { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-200:focus-within { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-200 { --bg-rgb: var(--quanta-lime-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-300:hover { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-300:focus { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-300:active { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-300:disabled { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-300:focus-visible { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-300:focus-within { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-300 { --bg-rgb: var(--quanta-lime-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-400:hover { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-400:focus { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-400:active { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-400:disabled { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-400:focus-visible { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-400:focus-within { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-400 { --bg-rgb: var(--quanta-lime-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-500:hover { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-500:focus { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-500:active { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-500:disabled { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-500:focus-visible { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-500:focus-within { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-500 { --bg-rgb: var(--quanta-lime-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-600:hover { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-600:focus { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-600:active { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-600:disabled { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-600:focus-visible { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-600:focus-within { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-600 { --bg-rgb: var(--quanta-lime-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-700:hover { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-700:focus { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-700:active { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-700:disabled { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-700:focus-visible { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-700:focus-within { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-700 { --bg-rgb: var(--quanta-lime-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-800:hover { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-800:focus { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-800:active { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-800:disabled { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-800:focus-visible { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-800:focus-within { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-800 { --bg-rgb: var(--quanta-lime-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-lime-900:hover { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-lime-900:focus { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-lime-900:active { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-lime-900:disabled { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-lime-900:focus-visible { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-lime-900:focus-within { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-lime-900 { --bg-rgb: var(--quanta-lime-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-50:hover { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-50:focus { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-50:active { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-50:disabled { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-50:focus-visible { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-50:focus-within { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-50 { --text-rgb: var(--quanta-lime-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-100:hover { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-100:focus { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-100:active { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-100:disabled { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-100:focus-visible { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-100:focus-within { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-100 { --text-rgb: var(--quanta-lime-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-200:hover { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-200:focus { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-200:active { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-200:disabled { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-200:focus-visible { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-200:focus-within { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-200 { --text-rgb: var(--quanta-lime-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-300:hover { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-300:focus { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-300:active { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-300:disabled { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-300:focus-visible { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-300:focus-within { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-300 { --text-rgb: var(--quanta-lime-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-400:hover { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-400:focus { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-400:active { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-400:disabled { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-400:focus-visible { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-400:focus-within { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-400 { --text-rgb: var(--quanta-lime-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-500:hover { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-500:focus { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-500:active { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-500:disabled { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-500:focus-visible { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-500:focus-within { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-500 { --text-rgb: var(--quanta-lime-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-600:hover { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-600:focus { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-600:active { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-600:disabled { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-600:focus-visible { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-600:focus-within { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-600 { --text-rgb: var(--quanta-lime-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-700:hover { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-700:focus { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-700:active { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-700:disabled { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-700:focus-visible { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-700:focus-within { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-700 { --text-rgb: var(--quanta-lime-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-800:hover { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-800:focus { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-800:active { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-800:disabled { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-800:focus-visible { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-800:focus-within { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-800 { --text-rgb: var(--quanta-lime-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-lime-900:hover { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-lime-900:focus { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-lime-900:active { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-lime-900:disabled { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-lime-900:focus-visible { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-lime-900:focus-within { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-lime-900 { --text-rgb: var(--quanta-lime-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-50:hover { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-50:focus { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-50:active { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-50:disabled { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-50:focus-visible { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-50:focus-within { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-50 { --border-rgb: var(--quanta-lime-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-100:hover { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-100:focus { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-100:active { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-100:disabled { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-100:focus-visible { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-100:focus-within { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-100 { --border-rgb: var(--quanta-lime-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-200:hover { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-200:focus { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-200:active { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-200:disabled { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-200:focus-visible { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-200:focus-within { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-200 { --border-rgb: var(--quanta-lime-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-300:hover { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-300:focus { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-300:active { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-300:disabled { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-300:focus-visible { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-300:focus-within { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-300 { --border-rgb: var(--quanta-lime-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-400:hover { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-400:focus { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-400:active { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-400:disabled { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-400:focus-visible { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-400:focus-within { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-400 { --border-rgb: var(--quanta-lime-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-500:hover { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-500:focus { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-500:active { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-500:disabled { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-500:focus-visible { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-500:focus-within { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-500 { --border-rgb: var(--quanta-lime-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-600:hover { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-600:focus { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-600:active { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-600:disabled { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-600:focus-visible { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-600:focus-within { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-600 { --border-rgb: var(--quanta-lime-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-700:hover { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-700:focus { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-700:active { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-700:disabled { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-700:focus-visible { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-700:focus-within { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-700 { --border-rgb: var(--quanta-lime-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-800:hover { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-800:focus { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-800:active { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-800:disabled { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-800:focus-visible { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-800:focus-within { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-800 { --border-rgb: var(--quanta-lime-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-lime-900:hover { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-lime-900:focus { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-lime-900:active { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-lime-900:disabled { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-lime-900:focus-visible { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-lime-900:focus-within { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-lime-900 { --border-rgb: var(--quanta-lime-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-50:hover { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-50:focus { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-50:active { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-50:disabled { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-50:focus-visible { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-50:focus-within { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-50 { --bg-rgb: var(--quanta-teal-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-100:hover { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-100:focus { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-100:active { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-100:disabled { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-100:focus-visible { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-100:focus-within { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-100 { --bg-rgb: var(--quanta-teal-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-200:hover { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-200:focus { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-200:active { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-200:disabled { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-200:focus-visible { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-200:focus-within { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-200 { --bg-rgb: var(--quanta-teal-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-300:hover { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-300:focus { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-300:active { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-300:disabled { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-300:focus-visible { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-300:focus-within { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-300 { --bg-rgb: var(--quanta-teal-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-400:hover { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-400:focus { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-400:active { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-400:disabled { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-400:focus-visible { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-400:focus-within { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-400 { --bg-rgb: var(--quanta-teal-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-500:hover { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-500:focus { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-500:active { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-500:disabled { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-500:focus-visible { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-500:focus-within { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-500 { --bg-rgb: var(--quanta-teal-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-600:hover { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-600:focus { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-600:active { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-600:disabled { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-600:focus-visible { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-600:focus-within { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-600 { --bg-rgb: var(--quanta-teal-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-700:hover { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-700:focus { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-700:active { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-700:disabled { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-700:focus-visible { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-700:focus-within { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-700 { --bg-rgb: var(--quanta-teal-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-800:hover { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-800:focus { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-800:active { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-800:disabled { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-800:focus-visible { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-800:focus-within { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-800 { --bg-rgb: var(--quanta-teal-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-teal-900:hover { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-teal-900:focus { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-teal-900:active { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-teal-900:disabled { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-teal-900:focus-visible { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-teal-900:focus-within { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-teal-900 { --bg-rgb: var(--quanta-teal-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-50:hover { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-50:focus { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-50:active { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-50:disabled { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-50:focus-visible { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-50:focus-within { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-50 { --text-rgb: var(--quanta-teal-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-100:hover { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-100:focus { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-100:active { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-100:disabled { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-100:focus-visible { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-100:focus-within { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-100 { --text-rgb: var(--quanta-teal-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-200:hover { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-200:focus { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-200:active { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-200:disabled { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-200:focus-visible { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-200:focus-within { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-200 { --text-rgb: var(--quanta-teal-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-300:hover { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-300:focus { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-300:active { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-300:disabled { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-300:focus-visible { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-300:focus-within { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-300 { --text-rgb: var(--quanta-teal-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-400:hover { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-400:focus { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-400:active { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-400:disabled { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-400:focus-visible { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-400:focus-within { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-400 { --text-rgb: var(--quanta-teal-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-500:hover { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-500:focus { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-500:active { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-500:disabled { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-500:focus-visible { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-500:focus-within { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-500 { --text-rgb: var(--quanta-teal-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-600:hover { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-600:focus { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-600:active { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-600:disabled { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-600:focus-visible { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-600:focus-within { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-600 { --text-rgb: var(--quanta-teal-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-700:hover { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-700:focus { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-700:active { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-700:disabled { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-700:focus-visible { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-700:focus-within { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-700 { --text-rgb: var(--quanta-teal-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-800:hover { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-800:focus { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-800:active { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-800:disabled { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-800:focus-visible { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-800:focus-within { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-800 { --text-rgb: var(--quanta-teal-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-teal-900:hover { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-teal-900:focus { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-teal-900:active { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-teal-900:disabled { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-teal-900:focus-visible { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-teal-900:focus-within { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-teal-900 { --text-rgb: var(--quanta-teal-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-50:hover { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-50:focus { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-50:active { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-50:disabled { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-50:focus-visible { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-50:focus-within { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-50 { --border-rgb: var(--quanta-teal-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-100:hover { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-100:focus { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-100:active { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-100:disabled { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-100:focus-visible { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-100:focus-within { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-100 { --border-rgb: var(--quanta-teal-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-200:hover { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-200:focus { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-200:active { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-200:disabled { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-200:focus-visible { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-200:focus-within { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-200 { --border-rgb: var(--quanta-teal-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-300:hover { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-300:focus { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-300:active { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-300:disabled { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-300:focus-visible { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-300:focus-within { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-300 { --border-rgb: var(--quanta-teal-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-400:hover { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-400:focus { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-400:active { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-400:disabled { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-400:focus-visible { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-400:focus-within { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-400 { --border-rgb: var(--quanta-teal-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-500:hover { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-500:focus { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-500:active { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-500:disabled { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-500:focus-visible { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-500:focus-within { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-500 { --border-rgb: var(--quanta-teal-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-600:hover { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-600:focus { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-600:active { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-600:disabled { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-600:focus-visible { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-600:focus-within { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-600 { --border-rgb: var(--quanta-teal-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-700:hover { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-700:focus { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-700:active { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-700:disabled { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-700:focus-visible { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-700:focus-within { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-700 { --border-rgb: var(--quanta-teal-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-800:hover { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-800:focus { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-800:active { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-800:disabled { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-800:focus-visible { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-800:focus-within { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-800 { --border-rgb: var(--quanta-teal-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-teal-900:hover { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-teal-900:focus { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-teal-900:active { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-teal-900:disabled { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-teal-900:focus-visible { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-teal-900:focus-within { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-teal-900 { --border-rgb: var(--quanta-teal-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-50:hover { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-50:focus { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-50:active { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-50:disabled { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-50:focus-visible { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-50:focus-within { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-50 { --bg-rgb: var(--quanta-cyan-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-100:hover { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-100:focus { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-100:active { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-100:disabled { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-100:focus-visible { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-100:focus-within { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-100 { --bg-rgb: var(--quanta-cyan-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-200:hover { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-200:focus { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-200:active { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-200:disabled { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-200:focus-visible { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-200:focus-within { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-200 { --bg-rgb: var(--quanta-cyan-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-300:hover { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-300:focus { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-300:active { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-300:disabled { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-300:focus-visible { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-300:focus-within { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-300 { --bg-rgb: var(--quanta-cyan-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-400:hover { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-400:focus { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-400:active { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-400:disabled { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-400:focus-visible { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-400:focus-within { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-400 { --bg-rgb: var(--quanta-cyan-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-500:hover { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-500:focus { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-500:active { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-500:disabled { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-500:focus-visible { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-500:focus-within { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-500 { --bg-rgb: var(--quanta-cyan-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-600:hover { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-600:focus { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-600:active { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-600:disabled { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-600:focus-visible { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-600:focus-within { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-600 { --bg-rgb: var(--quanta-cyan-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-700:hover { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-700:focus { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-700:active { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-700:disabled { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-700:focus-visible { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-700:focus-within { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-700 { --bg-rgb: var(--quanta-cyan-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-800:hover { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-800:focus { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-800:active { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-800:disabled { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-800:focus-visible { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-800:focus-within { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-800 { --bg-rgb: var(--quanta-cyan-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-cyan-900:hover { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-cyan-900:focus { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-cyan-900:active { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-cyan-900:disabled { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-cyan-900:focus-visible { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-cyan-900:focus-within { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-cyan-900 { --bg-rgb: var(--quanta-cyan-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-50:hover { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-50:focus { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-50:active { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-50:disabled { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-50:focus-visible { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-50:focus-within { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-50 { --text-rgb: var(--quanta-cyan-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-100:hover { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-100:focus { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-100:active { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-100:disabled { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-100:focus-visible { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-100:focus-within { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-100 { --text-rgb: var(--quanta-cyan-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-200:hover { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-200:focus { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-200:active { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-200:disabled { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-200:focus-visible { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-200:focus-within { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-200 { --text-rgb: var(--quanta-cyan-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-300:hover { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-300:focus { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-300:active { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-300:disabled { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-300:focus-visible { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-300:focus-within { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-300 { --text-rgb: var(--quanta-cyan-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-400:hover { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-400:focus { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-400:active { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-400:disabled { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-400:focus-visible { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-400:focus-within { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-400 { --text-rgb: var(--quanta-cyan-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-500:hover { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-500:focus { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-500:active { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-500:disabled { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-500:focus-visible { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-500:focus-within { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-500 { --text-rgb: var(--quanta-cyan-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-600:hover { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-600:focus { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-600:active { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-600:disabled { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-600:focus-visible { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-600:focus-within { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-600 { --text-rgb: var(--quanta-cyan-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-700:hover { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-700:focus { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-700:active { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-700:disabled { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-700:focus-visible { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-700:focus-within { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-700 { --text-rgb: var(--quanta-cyan-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-800:hover { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-800:focus { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-800:active { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-800:disabled { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-800:focus-visible { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-800:focus-within { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-800 { --text-rgb: var(--quanta-cyan-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-cyan-900:hover { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-cyan-900:focus { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-cyan-900:active { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-cyan-900:disabled { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-cyan-900:focus-visible { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-cyan-900:focus-within { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-cyan-900 { --text-rgb: var(--quanta-cyan-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-50:hover { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-50:focus { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-50:active { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-50:disabled { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-50:focus-visible { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-50:focus-within { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-50 { --border-rgb: var(--quanta-cyan-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-100:hover { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-100:focus { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-100:active { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-100:disabled { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-100:focus-visible { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-100:focus-within { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-100 { --border-rgb: var(--quanta-cyan-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-200:hover { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-200:focus { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-200:active { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-200:disabled { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-200:focus-visible { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-200:focus-within { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-200 { --border-rgb: var(--quanta-cyan-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-300:hover { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-300:focus { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-300:active { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-300:disabled { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-300:focus-visible { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-300:focus-within { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-300 { --border-rgb: var(--quanta-cyan-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-400:hover { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-400:focus { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-400:active { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-400:disabled { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-400:focus-visible { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-400:focus-within { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-400 { --border-rgb: var(--quanta-cyan-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-500:hover { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-500:focus { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-500:active { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-500:disabled { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-500:focus-visible { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-500:focus-within { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-500 { --border-rgb: var(--quanta-cyan-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-600:hover { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-600:focus { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-600:active { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-600:disabled { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-600:focus-visible { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-600:focus-within { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-600 { --border-rgb: var(--quanta-cyan-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-700:hover { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-700:focus { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-700:active { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-700:disabled { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-700:focus-visible { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-700:focus-within { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-700 { --border-rgb: var(--quanta-cyan-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-800:hover { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-800:focus { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-800:active { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-800:disabled { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-800:focus-visible { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-800:focus-within { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-800 { --border-rgb: var(--quanta-cyan-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-cyan-900:hover { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-cyan-900:focus { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-cyan-900:active { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-cyan-900:disabled { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-cyan-900:focus-visible { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-cyan-900:focus-within { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-cyan-900 { --border-rgb: var(--quanta-cyan-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-50:hover { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-50:focus { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-50:active { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-50:disabled { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-50:focus-visible { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-50:focus-within { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-50 { --bg-rgb: var(--quanta-sky-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-100:hover { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-100:focus { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-100:active { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-100:disabled { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-100:focus-visible { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-100:focus-within { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-100 { --bg-rgb: var(--quanta-sky-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-200:hover { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-200:focus { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-200:active { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-200:disabled { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-200:focus-visible { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-200:focus-within { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-200 { --bg-rgb: var(--quanta-sky-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-300:hover { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-300:focus { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-300:active { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-300:disabled { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-300:focus-visible { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-300:focus-within { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-300 { --bg-rgb: var(--quanta-sky-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-400:hover { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-400:focus { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-400:active { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-400:disabled { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-400:focus-visible { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-400:focus-within { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-400 { --bg-rgb: var(--quanta-sky-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-500:hover { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-500:focus { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-500:active { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-500:disabled { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-500:focus-visible { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-500:focus-within { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-500 { --bg-rgb: var(--quanta-sky-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-600:hover { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-600:focus { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-600:active { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-600:disabled { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-600:focus-visible { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-600:focus-within { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-600 { --bg-rgb: var(--quanta-sky-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-700:hover { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-700:focus { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-700:active { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-700:disabled { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-700:focus-visible { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-700:focus-within { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-700 { --bg-rgb: var(--quanta-sky-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-800:hover { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-800:focus { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-800:active { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-800:disabled { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-800:focus-visible { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-800:focus-within { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-800 { --bg-rgb: var(--quanta-sky-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-sky-900:hover { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-sky-900:focus { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-sky-900:active { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-sky-900:disabled { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-sky-900:focus-visible { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-sky-900:focus-within { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-sky-900 { --bg-rgb: var(--quanta-sky-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-50:hover { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-50:focus { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-50:active { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-50:disabled { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-50:focus-visible { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-50:focus-within { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-50 { --text-rgb: var(--quanta-sky-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-100:hover { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-100:focus { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-100:active { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-100:disabled { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-100:focus-visible { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-100:focus-within { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-100 { --text-rgb: var(--quanta-sky-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-200:hover { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-200:focus { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-200:active { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-200:disabled { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-200:focus-visible { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-200:focus-within { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-200 { --text-rgb: var(--quanta-sky-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-300:hover { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-300:focus { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-300:active { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-300:disabled { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-300:focus-visible { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-300:focus-within { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-300 { --text-rgb: var(--quanta-sky-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-400:hover { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-400:focus { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-400:active { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-400:disabled { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-400:focus-visible { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-400:focus-within { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-400 { --text-rgb: var(--quanta-sky-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-500:hover { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-500:focus { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-500:active { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-500:disabled { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-500:focus-visible { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-500:focus-within { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-500 { --text-rgb: var(--quanta-sky-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-600:hover { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-600:focus { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-600:active { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-600:disabled { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-600:focus-visible { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-600:focus-within { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-600 { --text-rgb: var(--quanta-sky-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-700:hover { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-700:focus { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-700:active { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-700:disabled { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-700:focus-visible { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-700:focus-within { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-700 { --text-rgb: var(--quanta-sky-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-800:hover { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-800:focus { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-800:active { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-800:disabled { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-800:focus-visible { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-800:focus-within { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-800 { --text-rgb: var(--quanta-sky-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-sky-900:hover { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-sky-900:focus { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-sky-900:active { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-sky-900:disabled { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-sky-900:focus-visible { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-sky-900:focus-within { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-sky-900 { --text-rgb: var(--quanta-sky-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-50:hover { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-50:focus { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-50:active { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-50:disabled { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-50:focus-visible { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-50:focus-within { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-50 { --border-rgb: var(--quanta-sky-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-100:hover { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-100:focus { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-100:active { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-100:disabled { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-100:focus-visible { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-100:focus-within { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-100 { --border-rgb: var(--quanta-sky-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-200:hover { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-200:focus { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-200:active { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-200:disabled { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-200:focus-visible { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-200:focus-within { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-200 { --border-rgb: var(--quanta-sky-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-300:hover { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-300:focus { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-300:active { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-300:disabled { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-300:focus-visible { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-300:focus-within { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-300 { --border-rgb: var(--quanta-sky-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-400:hover { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-400:focus { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-400:active { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-400:disabled { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-400:focus-visible { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-400:focus-within { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-400 { --border-rgb: var(--quanta-sky-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-500:hover { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-500:focus { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-500:active { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-500:disabled { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-500:focus-visible { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-500:focus-within { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-500 { --border-rgb: var(--quanta-sky-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-600:hover { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-600:focus { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-600:active { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-600:disabled { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-600:focus-visible { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-600:focus-within { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-600 { --border-rgb: var(--quanta-sky-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-700:hover { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-700:focus { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-700:active { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-700:disabled { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-700:focus-visible { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-700:focus-within { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-700 { --border-rgb: var(--quanta-sky-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-800:hover { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-800:focus { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-800:active { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-800:disabled { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-800:focus-visible { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-800:focus-within { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-800 { --border-rgb: var(--quanta-sky-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-sky-900:hover { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-sky-900:focus { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-sky-900:active { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-sky-900:disabled { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-sky-900:focus-visible { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-sky-900:focus-within { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-sky-900 { --border-rgb: var(--quanta-sky-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-50:hover { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-50:focus { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-50:active { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-50:disabled { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-50:focus-visible { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-50:focus-within { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-50 { --bg-rgb: var(--quanta-indigo-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-100:hover { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-100:focus { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-100:active { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-100:disabled { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-100:focus-visible { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-100:focus-within { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-100 { --bg-rgb: var(--quanta-indigo-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-200:hover { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-200:focus { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-200:active { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-200:disabled { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-200:focus-visible { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-200:focus-within { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-200 { --bg-rgb: var(--quanta-indigo-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-300:hover { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-300:focus { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-300:active { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-300:disabled { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-300:focus-visible { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-300:focus-within { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-300 { --bg-rgb: var(--quanta-indigo-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-400:hover { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-400:focus { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-400:active { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-400:disabled { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-400:focus-visible { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-400:focus-within { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-400 { --bg-rgb: var(--quanta-indigo-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-500:hover { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-500:focus { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-500:active { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-500:disabled { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-500:focus-visible { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-500:focus-within { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-500 { --bg-rgb: var(--quanta-indigo-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-600:hover { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-600:focus { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-600:active { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-600:disabled { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-600:focus-visible { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-600:focus-within { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-600 { --bg-rgb: var(--quanta-indigo-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-700:hover { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-700:focus { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-700:active { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-700:disabled { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-700:focus-visible { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-700:focus-within { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-700 { --bg-rgb: var(--quanta-indigo-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-800:hover { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-800:focus { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-800:active { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-800:disabled { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-800:focus-visible { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-800:focus-within { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-800 { --bg-rgb: var(--quanta-indigo-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-indigo-900:hover { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-indigo-900:focus { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-indigo-900:active { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-indigo-900:disabled { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-indigo-900:focus-visible { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-indigo-900:focus-within { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-indigo-900 { --bg-rgb: var(--quanta-indigo-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-50:hover { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-50:focus { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-50:active { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-50:disabled { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-50:focus-visible { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-50:focus-within { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-50 { --text-rgb: var(--quanta-indigo-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-100:hover { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-100:focus { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-100:active { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-100:disabled { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-100:focus-visible { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-100:focus-within { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-100 { --text-rgb: var(--quanta-indigo-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-200:hover { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-200:focus { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-200:active { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-200:disabled { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-200:focus-visible { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-200:focus-within { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-200 { --text-rgb: var(--quanta-indigo-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-300:hover { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-300:focus { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-300:active { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-300:disabled { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-300:focus-visible { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-300:focus-within { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-300 { --text-rgb: var(--quanta-indigo-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-400:hover { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-400:focus { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-400:active { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-400:disabled { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-400:focus-visible { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-400:focus-within { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-400 { --text-rgb: var(--quanta-indigo-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-500:hover { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-500:focus { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-500:active { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-500:disabled { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-500:focus-visible { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-500:focus-within { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-500 { --text-rgb: var(--quanta-indigo-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-600:hover { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-600:focus { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-600:active { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-600:disabled { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-600:focus-visible { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-600:focus-within { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-600 { --text-rgb: var(--quanta-indigo-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-700:hover { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-700:focus { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-700:active { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-700:disabled { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-700:focus-visible { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-700:focus-within { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-700 { --text-rgb: var(--quanta-indigo-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-800:hover { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-800:focus { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-800:active { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-800:disabled { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-800:focus-visible { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-800:focus-within { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-800 { --text-rgb: var(--quanta-indigo-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-indigo-900:hover { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-indigo-900:focus { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-indigo-900:active { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-indigo-900:disabled { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-indigo-900:focus-visible { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-indigo-900:focus-within { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-indigo-900 { --text-rgb: var(--quanta-indigo-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-50:hover { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-50:focus { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-50:active { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-50:disabled { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-50:focus-visible { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-50:focus-within { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-50 { --border-rgb: var(--quanta-indigo-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-100:hover { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-100:focus { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-100:active { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-100:disabled { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-100:focus-visible { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-100:focus-within { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-100 { --border-rgb: var(--quanta-indigo-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-200:hover { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-200:focus { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-200:active { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-200:disabled { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-200:focus-visible { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-200:focus-within { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-200 { --border-rgb: var(--quanta-indigo-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-300:hover { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-300:focus { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-300:active { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-300:disabled { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-300:focus-visible { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-300:focus-within { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-300 { --border-rgb: var(--quanta-indigo-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-400:hover { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-400:focus { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-400:active { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-400:disabled { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-400:focus-visible { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-400:focus-within { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-400 { --border-rgb: var(--quanta-indigo-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-500:hover { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-500:focus { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-500:active { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-500:disabled { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-500:focus-visible { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-500:focus-within { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-500 { --border-rgb: var(--quanta-indigo-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-600:hover { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-600:focus { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-600:active { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-600:disabled { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-600:focus-visible { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-600:focus-within { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-600 { --border-rgb: var(--quanta-indigo-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-700:hover { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-700:focus { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-700:active { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-700:disabled { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-700:focus-visible { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-700:focus-within { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-700 { --border-rgb: var(--quanta-indigo-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-800:hover { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-800:focus { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-800:active { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-800:disabled { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-800:focus-visible { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-800:focus-within { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-800 { --border-rgb: var(--quanta-indigo-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-indigo-900:hover { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-indigo-900:focus { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-indigo-900:active { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-indigo-900:disabled { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-indigo-900:focus-visible { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-indigo-900:focus-within { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-indigo-900 { --border-rgb: var(--quanta-indigo-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-50:hover { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-50:focus { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-50:active { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-50:disabled { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-50:focus-visible { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-50:focus-within { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-50 { --bg-rgb: var(--quanta-purple-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-100:hover { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-100:focus { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-100:active { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-100:disabled { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-100:focus-visible { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-100:focus-within { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-100 { --bg-rgb: var(--quanta-purple-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-200:hover { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-200:focus { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-200:active { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-200:disabled { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-200:focus-visible { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-200:focus-within { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-200 { --bg-rgb: var(--quanta-purple-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-300:hover { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-300:focus { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-300:active { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-300:disabled { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-300:focus-visible { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-300:focus-within { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-300 { --bg-rgb: var(--quanta-purple-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-400:hover { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-400:focus { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-400:active { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-400:disabled { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-400:focus-visible { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-400:focus-within { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-400 { --bg-rgb: var(--quanta-purple-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-500:hover { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-500:focus { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-500:active { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-500:disabled { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-500:focus-visible { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-500:focus-within { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-500 { --bg-rgb: var(--quanta-purple-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-600:hover { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-600:focus { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-600:active { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-600:disabled { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-600:focus-visible { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-600:focus-within { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-600 { --bg-rgb: var(--quanta-purple-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-700:hover { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-700:focus { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-700:active { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-700:disabled { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-700:focus-visible { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-700:focus-within { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-700 { --bg-rgb: var(--quanta-purple-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-800:hover { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-800:focus { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-800:active { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-800:disabled { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-800:focus-visible { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-800:focus-within { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-800 { --bg-rgb: var(--quanta-purple-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-purple-900:hover { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-purple-900:focus { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-purple-900:active { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-purple-900:disabled { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-purple-900:focus-visible { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-purple-900:focus-within { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-purple-900 { --bg-rgb: var(--quanta-purple-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-50:hover { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-50:focus { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-50:active { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-50:disabled { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-50:focus-visible { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-50:focus-within { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-50 { --text-rgb: var(--quanta-purple-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-100:hover { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-100:focus { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-100:active { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-100:disabled { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-100:focus-visible { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-100:focus-within { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-100 { --text-rgb: var(--quanta-purple-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-200:hover { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-200:focus { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-200:active { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-200:disabled { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-200:focus-visible { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-200:focus-within { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-200 { --text-rgb: var(--quanta-purple-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-300:hover { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-300:focus { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-300:active { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-300:disabled { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-300:focus-visible { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-300:focus-within { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-300 { --text-rgb: var(--quanta-purple-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-400:hover { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-400:focus { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-400:active { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-400:disabled { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-400:focus-visible { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-400:focus-within { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-400 { --text-rgb: var(--quanta-purple-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-500:hover { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-500:focus { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-500:active { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-500:disabled { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-500:focus-visible { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-500:focus-within { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-500 { --text-rgb: var(--quanta-purple-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-600:hover { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-600:focus { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-600:active { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-600:disabled { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-600:focus-visible { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-600:focus-within { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-600 { --text-rgb: var(--quanta-purple-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-700:hover { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-700:focus { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-700:active { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-700:disabled { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-700:focus-visible { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-700:focus-within { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-700 { --text-rgb: var(--quanta-purple-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-800:hover { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-800:focus { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-800:active { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-800:disabled { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-800:focus-visible { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-800:focus-within { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-800 { --text-rgb: var(--quanta-purple-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-purple-900:hover { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-purple-900:focus { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-purple-900:active { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-purple-900:disabled { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-purple-900:focus-visible { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-purple-900:focus-within { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-purple-900 { --text-rgb: var(--quanta-purple-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-50:hover { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-50:focus { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-50:active { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-50:disabled { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-50:focus-visible { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-50:focus-within { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-50 { --border-rgb: var(--quanta-purple-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-100:hover { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-100:focus { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-100:active { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-100:disabled { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-100:focus-visible { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-100:focus-within { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-100 { --border-rgb: var(--quanta-purple-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-200:hover { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-200:focus { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-200:active { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-200:disabled { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-200:focus-visible { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-200:focus-within { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-200 { --border-rgb: var(--quanta-purple-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-300:hover { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-300:focus { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-300:active { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-300:disabled { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-300:focus-visible { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-300:focus-within { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-300 { --border-rgb: var(--quanta-purple-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-400:hover { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-400:focus { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-400:active { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-400:disabled { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-400:focus-visible { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-400:focus-within { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-400 { --border-rgb: var(--quanta-purple-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-500:hover { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-500:focus { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-500:active { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-500:disabled { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-500:focus-visible { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-500:focus-within { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-500 { --border-rgb: var(--quanta-purple-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-600:hover { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-600:focus { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-600:active { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-600:disabled { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-600:focus-visible { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-600:focus-within { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-600 { --border-rgb: var(--quanta-purple-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-700:hover { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-700:focus { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-700:active { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-700:disabled { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-700:focus-visible { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-700:focus-within { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-700 { --border-rgb: var(--quanta-purple-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-800:hover { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-800:focus { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-800:active { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-800:disabled { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-800:focus-visible { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-800:focus-within { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-800 { --border-rgb: var(--quanta-purple-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-purple-900:hover { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-purple-900:focus { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-purple-900:active { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-purple-900:disabled { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-purple-900:focus-visible { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-purple-900:focus-within { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-purple-900 { --border-rgb: var(--quanta-purple-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-50:hover { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-50:focus { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-50:active { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-50:disabled { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-50:focus-visible { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-50:focus-within { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-50 { --bg-rgb: var(--quanta-pink-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-100:hover { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-100:focus { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-100:active { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-100:disabled { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-100:focus-visible { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-100:focus-within { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-100 { --bg-rgb: var(--quanta-pink-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-200:hover { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-200:focus { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-200:active { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-200:disabled { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-200:focus-visible { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-200:focus-within { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-200 { --bg-rgb: var(--quanta-pink-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-300:hover { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-300:focus { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-300:active { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-300:disabled { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-300:focus-visible { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-300:focus-within { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-300 { --bg-rgb: var(--quanta-pink-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-400:hover { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-400:focus { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-400:active { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-400:disabled { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-400:focus-visible { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-400:focus-within { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-400 { --bg-rgb: var(--quanta-pink-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-500:hover { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-500:focus { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-500:active { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-500:disabled { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-500:focus-visible { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-500:focus-within { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-500 { --bg-rgb: var(--quanta-pink-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-600:hover { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-600:focus { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-600:active { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-600:disabled { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-600:focus-visible { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-600:focus-within { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-600 { --bg-rgb: var(--quanta-pink-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-700:hover { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-700:focus { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-700:active { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-700:disabled { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-700:focus-visible { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-700:focus-within { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-700 { --bg-rgb: var(--quanta-pink-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-800:hover { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-800:focus { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-800:active { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-800:disabled { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-800:focus-visible { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-800:focus-within { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-800 { --bg-rgb: var(--quanta-pink-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-pink-900:hover { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-pink-900:focus { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-pink-900:active { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-pink-900:disabled { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-pink-900:focus-visible { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-pink-900:focus-within { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-pink-900 { --bg-rgb: var(--quanta-pink-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-50:hover { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-50:focus { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-50:active { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-50:disabled { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-50:focus-visible { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-50:focus-within { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-50 { --text-rgb: var(--quanta-pink-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-100:hover { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-100:focus { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-100:active { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-100:disabled { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-100:focus-visible { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-100:focus-within { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-100 { --text-rgb: var(--quanta-pink-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-200:hover { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-200:focus { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-200:active { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-200:disabled { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-200:focus-visible { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-200:focus-within { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-200 { --text-rgb: var(--quanta-pink-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-300:hover { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-300:focus { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-300:active { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-300:disabled { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-300:focus-visible { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-300:focus-within { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-300 { --text-rgb: var(--quanta-pink-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-400:hover { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-400:focus { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-400:active { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-400:disabled { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-400:focus-visible { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-400:focus-within { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-400 { --text-rgb: var(--quanta-pink-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-500:hover { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-500:focus { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-500:active { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-500:disabled { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-500:focus-visible { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-500:focus-within { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-500 { --text-rgb: var(--quanta-pink-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-600:hover { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-600:focus { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-600:active { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-600:disabled { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-600:focus-visible { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-600:focus-within { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-600 { --text-rgb: var(--quanta-pink-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-700:hover { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-700:focus { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-700:active { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-700:disabled { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-700:focus-visible { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-700:focus-within { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-700 { --text-rgb: var(--quanta-pink-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-800:hover { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-800:focus { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-800:active { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-800:disabled { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-800:focus-visible { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-800:focus-within { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-800 { --text-rgb: var(--quanta-pink-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-pink-900:hover { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-pink-900:focus { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-pink-900:active { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-pink-900:disabled { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-pink-900:focus-visible { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-pink-900:focus-within { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-pink-900 { --text-rgb: var(--quanta-pink-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-50:hover { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-50:focus { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-50:active { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-50:disabled { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-50:focus-visible { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-50:focus-within { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-50 { --border-rgb: var(--quanta-pink-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-100:hover { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-100:focus { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-100:active { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-100:disabled { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-100:focus-visible { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-100:focus-within { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-100 { --border-rgb: var(--quanta-pink-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-200:hover { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-200:focus { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-200:active { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-200:disabled { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-200:focus-visible { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-200:focus-within { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-200 { --border-rgb: var(--quanta-pink-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-300:hover { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-300:focus { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-300:active { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-300:disabled { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-300:focus-visible { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-300:focus-within { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-300 { --border-rgb: var(--quanta-pink-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-400:hover { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-400:focus { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-400:active { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-400:disabled { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-400:focus-visible { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-400:focus-within { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-400 { --border-rgb: var(--quanta-pink-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-500:hover { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-500:focus { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-500:active { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-500:disabled { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-500:focus-visible { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-500:focus-within { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-500 { --border-rgb: var(--quanta-pink-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-600:hover { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-600:focus { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-600:active { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-600:disabled { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-600:focus-visible { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-600:focus-within { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-600 { --border-rgb: var(--quanta-pink-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-700:hover { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-700:focus { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-700:active { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-700:disabled { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-700:focus-visible { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-700:focus-within { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-700 { --border-rgb: var(--quanta-pink-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-800:hover { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-800:focus { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-800:active { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-800:disabled { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-800:focus-visible { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-800:focus-within { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-800 { --border-rgb: var(--quanta-pink-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-pink-900:hover { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-pink-900:focus { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-pink-900:active { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-pink-900:disabled { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-pink-900:focus-visible { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-pink-900:focus-within { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-pink-900 { --border-rgb: var(--quanta-pink-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-50:hover { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-50:focus { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-50:active { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-50:disabled { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-50:focus-visible { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-50:focus-within { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-50 { --bg-rgb: var(--quanta-grey-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-100:hover { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-100:focus { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-100:active { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-100:disabled { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-100:focus-visible { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-100:focus-within { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-100 { --bg-rgb: var(--quanta-grey-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-200:hover { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-200:focus { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-200:active { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-200:disabled { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-200:focus-visible { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-200:focus-within { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-200 { --bg-rgb: var(--quanta-grey-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-300:hover { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-300:focus { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-300:active { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-300:disabled { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-300:focus-visible { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-300:focus-within { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-300 { --bg-rgb: var(--quanta-grey-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-400:hover { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-400:focus { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-400:active { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-400:disabled { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-400:focus-visible { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-400:focus-within { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-400 { --bg-rgb: var(--quanta-grey-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-500:hover { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-500:focus { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-500:active { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-500:disabled { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-500:focus-visible { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-500:focus-within { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-500 { --bg-rgb: var(--quanta-grey-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-600:hover { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-600:focus { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-600:active { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-600:disabled { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-600:focus-visible { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-600:focus-within { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-600 { --bg-rgb: var(--quanta-grey-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-700:hover { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-700:focus { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-700:active { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-700:disabled { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-700:focus-visible { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-700:focus-within { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-700 { --bg-rgb: var(--quanta-grey-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-800:hover { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-800:focus { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-800:active { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-800:disabled { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-800:focus-visible { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-800:focus-within { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-800 { --bg-rgb: var(--quanta-grey-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-grey-900:hover { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-grey-900:focus { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-grey-900:active { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-grey-900:disabled { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-grey-900:focus-visible { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-grey-900:focus-within { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-grey-900 { --bg-rgb: var(--quanta-grey-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-50:hover { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-50:focus { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-50:active { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-50:disabled { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-50:focus-visible { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-50:focus-within { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-50 { --text-rgb: var(--quanta-grey-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-100:hover { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-100:focus { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-100:active { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-100:disabled { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-100:focus-visible { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-100:focus-within { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-100 { --text-rgb: var(--quanta-grey-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-200:hover { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-200:focus { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-200:active { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-200:disabled { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-200:focus-visible { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-200:focus-within { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-200 { --text-rgb: var(--quanta-grey-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-300:hover { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-300:focus { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-300:active { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-300:disabled { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-300:focus-visible { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-300:focus-within { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-300 { --text-rgb: var(--quanta-grey-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-400:hover { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-400:focus { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-400:active { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-400:disabled { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-400:focus-visible { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-400:focus-within { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-400 { --text-rgb: var(--quanta-grey-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-500:hover { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-500:focus { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-500:active { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-500:disabled { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-500:focus-visible { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-500:focus-within { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-500 { --text-rgb: var(--quanta-grey-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-600:hover { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-600:focus { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-600:active { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-600:disabled { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-600:focus-visible { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-600:focus-within { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-600 { --text-rgb: var(--quanta-grey-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-700:hover { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-700:focus { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-700:active { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-700:disabled { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-700:focus-visible { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-700:focus-within { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-700 { --text-rgb: var(--quanta-grey-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-800:hover { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-800:focus { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-800:active { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-800:disabled { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-800:focus-visible { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-800:focus-within { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-800 { --text-rgb: var(--quanta-grey-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-grey-900:hover { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-grey-900:focus { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-grey-900:active { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-grey-900:disabled { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-grey-900:focus-visible { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-grey-900:focus-within { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-grey-900 { --text-rgb: var(--quanta-grey-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-50:hover { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-50:focus { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-50:active { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-50:disabled { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-50:focus-visible { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-50:focus-within { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-50 { --border-rgb: var(--quanta-grey-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-100:hover { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-100:focus { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-100:active { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-100:disabled { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-100:focus-visible { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-100:focus-within { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-100 { --border-rgb: var(--quanta-grey-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-200:hover { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-200:focus { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-200:active { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-200:disabled { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-200:focus-visible { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-200:focus-within { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-200 { --border-rgb: var(--quanta-grey-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-300:hover { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-300:focus { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-300:active { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-300:disabled { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-300:focus-visible { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-300:focus-within { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-300 { --border-rgb: var(--quanta-grey-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-400:hover { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-400:focus { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-400:active { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-400:disabled { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-400:focus-visible { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-400:focus-within { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-400 { --border-rgb: var(--quanta-grey-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-500:hover { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-500:focus { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-500:active { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-500:disabled { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-500:focus-visible { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-500:focus-within { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-500 { --border-rgb: var(--quanta-grey-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-600:hover { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-600:focus { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-600:active { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-600:disabled { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-600:focus-visible { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-600:focus-within { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-600 { --border-rgb: var(--quanta-grey-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-700:hover { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-700:focus { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-700:active { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-700:disabled { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-700:focus-visible { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-700:focus-within { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-700 { --border-rgb: var(--quanta-grey-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-800:hover { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-800:focus { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-800:active { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-800:disabled { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-800:focus-visible { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-800:focus-within { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-800 { --border-rgb: var(--quanta-grey-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-grey-900:hover { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-grey-900:focus { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-grey-900:active { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-grey-900:disabled { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-grey-900:focus-visible { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-grey-900:focus-within { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-grey-900 { --border-rgb: var(--quanta-grey-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-50:hover { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-50:focus { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-50:active { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-50:disabled { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-50:focus-visible { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-50:focus-within { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-50 { --bg-rgb: var(--quanta-zinc-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-100:hover { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-100:focus { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-100:active { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-100:disabled { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-100:focus-visible { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-100:focus-within { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-100 { --bg-rgb: var(--quanta-zinc-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-200:hover { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-200:focus { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-200:active { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-200:disabled { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-200:focus-visible { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-200:focus-within { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-200 { --bg-rgb: var(--quanta-zinc-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-300:hover { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-300:focus { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-300:active { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-300:disabled { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-300:focus-visible { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-300:focus-within { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-300 { --bg-rgb: var(--quanta-zinc-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-400:hover { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-400:focus { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-400:active { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-400:disabled { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-400:focus-visible { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-400:focus-within { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-400 { --bg-rgb: var(--quanta-zinc-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-500:hover { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-500:focus { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-500:active { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-500:disabled { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-500:focus-visible { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-500:focus-within { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-500 { --bg-rgb: var(--quanta-zinc-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-600:hover { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-600:focus { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-600:active { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-600:disabled { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-600:focus-visible { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-600:focus-within { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-600 { --bg-rgb: var(--quanta-zinc-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-700:hover { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-700:focus { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-700:active { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-700:disabled { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-700:focus-visible { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-700:focus-within { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-700 { --bg-rgb: var(--quanta-zinc-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-800:hover { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-800:focus { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-800:active { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-800:disabled { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-800:focus-visible { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-800:focus-within { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-800 { --bg-rgb: var(--quanta-zinc-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-zinc-900:hover { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-zinc-900:focus { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-zinc-900:active { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-zinc-900:disabled { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-zinc-900:focus-visible { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-zinc-900:focus-within { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-zinc-900 { --bg-rgb: var(--quanta-zinc-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-50:hover { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-50:focus { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-50:active { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-50:disabled { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-50:focus-visible { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-50:focus-within { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-50 { --text-rgb: var(--quanta-zinc-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-100:hover { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-100:focus { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-100:active { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-100:disabled { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-100:focus-visible { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-100:focus-within { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-100 { --text-rgb: var(--quanta-zinc-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-200:hover { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-200:focus { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-200:active { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-200:disabled { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-200:focus-visible { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-200:focus-within { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-200 { --text-rgb: var(--quanta-zinc-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-300:hover { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-300:focus { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-300:active { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-300:disabled { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-300:focus-visible { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-300:focus-within { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-300 { --text-rgb: var(--quanta-zinc-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-400:hover { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-400:focus { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-400:active { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-400:disabled { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-400:focus-visible { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-400:focus-within { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-400 { --text-rgb: var(--quanta-zinc-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-500:hover { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-500:focus { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-500:active { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-500:disabled { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-500:focus-visible { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-500:focus-within { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-500 { --text-rgb: var(--quanta-zinc-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-600:hover { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-600:focus { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-600:active { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-600:disabled { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-600:focus-visible { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-600:focus-within { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-600 { --text-rgb: var(--quanta-zinc-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-700:hover { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-700:focus { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-700:active { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-700:disabled { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-700:focus-visible { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-700:focus-within { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-700 { --text-rgb: var(--quanta-zinc-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-800:hover { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-800:focus { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-800:active { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-800:disabled { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-800:focus-visible { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-800:focus-within { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-800 { --text-rgb: var(--quanta-zinc-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-zinc-900:hover { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-zinc-900:focus { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-zinc-900:active { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-zinc-900:disabled { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-zinc-900:focus-visible { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-zinc-900:focus-within { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-zinc-900 { --text-rgb: var(--quanta-zinc-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-50:hover { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-50:focus { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-50:active { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-50:disabled { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-50:focus-visible { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-50:focus-within { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-50 { --border-rgb: var(--quanta-zinc-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-100:hover { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-100:focus { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-100:active { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-100:disabled { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-100:focus-visible { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-100:focus-within { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-100 { --border-rgb: var(--quanta-zinc-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-200:hover { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-200:focus { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-200:active { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-200:disabled { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-200:focus-visible { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-200:focus-within { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-200 { --border-rgb: var(--quanta-zinc-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-300:hover { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-300:focus { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-300:active { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-300:disabled { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-300:focus-visible { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-300:focus-within { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-300 { --border-rgb: var(--quanta-zinc-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-400:hover { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-400:focus { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-400:active { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-400:disabled { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-400:focus-visible { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-400:focus-within { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-400 { --border-rgb: var(--quanta-zinc-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-500:hover { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-500:focus { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-500:active { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-500:disabled { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-500:focus-visible { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-500:focus-within { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-500 { --border-rgb: var(--quanta-zinc-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-600:hover { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-600:focus { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-600:active { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-600:disabled { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-600:focus-visible { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-600:focus-within { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-600 { --border-rgb: var(--quanta-zinc-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-700:hover { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-700:focus { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-700:active { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-700:disabled { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-700:focus-visible { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-700:focus-within { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-700 { --border-rgb: var(--quanta-zinc-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-800:hover { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-800:focus { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-800:active { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-800:disabled { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-800:focus-visible { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-800:focus-within { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-800 { --border-rgb: var(--quanta-zinc-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-zinc-900:hover { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-zinc-900:focus { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-zinc-900:active { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-zinc-900:disabled { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-zinc-900:focus-visible { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-zinc-900:focus-within { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-zinc-900 { --border-rgb: var(--quanta-zinc-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-50:hover { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-50:focus { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-50:active { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-50:disabled { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-50:focus-visible { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-50:focus-within { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-50 { --bg-rgb: var(--quanta-slate-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-100:hover { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-100:focus { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-100:active { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-100:disabled { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-100:focus-visible { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-100:focus-within { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-100 { --bg-rgb: var(--quanta-slate-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-200:hover { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-200:focus { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-200:active { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-200:disabled { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-200:focus-visible { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-200:focus-within { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-200 { --bg-rgb: var(--quanta-slate-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-300:hover { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-300:focus { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-300:active { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-300:disabled { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-300:focus-visible { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-300:focus-within { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-300 { --bg-rgb: var(--quanta-slate-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-400:hover { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-400:focus { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-400:active { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-400:disabled { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-400:focus-visible { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-400:focus-within { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-400 { --bg-rgb: var(--quanta-slate-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-500:hover { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-500:focus { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-500:active { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-500:disabled { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-500:focus-visible { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-500:focus-within { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-500 { --bg-rgb: var(--quanta-slate-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-600:hover { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-600:focus { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-600:active { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-600:disabled { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-600:focus-visible { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-600:focus-within { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-600 { --bg-rgb: var(--quanta-slate-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-700:hover { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-700:focus { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-700:active { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-700:disabled { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-700:focus-visible { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-700:focus-within { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-700 { --bg-rgb: var(--quanta-slate-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-800:hover { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-800:focus { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-800:active { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-800:disabled { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-800:focus-visible { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-800:focus-within { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-800 { --bg-rgb: var(--quanta-slate-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-slate-900:hover { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-slate-900:focus { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-slate-900:active { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-slate-900:disabled { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-slate-900:focus-visible { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-slate-900:focus-within { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-slate-900 { --bg-rgb: var(--quanta-slate-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-50:hover { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-50:focus { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-50:active { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-50:disabled { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-50:focus-visible { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-50:focus-within { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-50 { --text-rgb: var(--quanta-slate-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-100:hover { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-100:focus { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-100:active { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-100:disabled { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-100:focus-visible { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-100:focus-within { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-100 { --text-rgb: var(--quanta-slate-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-200:hover { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-200:focus { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-200:active { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-200:disabled { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-200:focus-visible { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-200:focus-within { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-200 { --text-rgb: var(--quanta-slate-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-300:hover { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-300:focus { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-300:active { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-300:disabled { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-300:focus-visible { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-300:focus-within { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-300 { --text-rgb: var(--quanta-slate-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-400:hover { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-400:focus { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-400:active { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-400:disabled { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-400:focus-visible { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-400:focus-within { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-400 { --text-rgb: var(--quanta-slate-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-500:hover { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-500:focus { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-500:active { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-500:disabled { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-500:focus-visible { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-500:focus-within { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-500 { --text-rgb: var(--quanta-slate-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-600:hover { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-600:focus { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-600:active { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-600:disabled { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-600:focus-visible { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-600:focus-within { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-600 { --text-rgb: var(--quanta-slate-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-700:hover { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-700:focus { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-700:active { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-700:disabled { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-700:focus-visible { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-700:focus-within { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-700 { --text-rgb: var(--quanta-slate-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-800:hover { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-800:focus { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-800:active { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-800:disabled { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-800:focus-visible { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-800:focus-within { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-800 { --text-rgb: var(--quanta-slate-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-slate-900:hover { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-slate-900:focus { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-slate-900:active { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-slate-900:disabled { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-slate-900:focus-visible { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-slate-900:focus-within { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-slate-900 { --text-rgb: var(--quanta-slate-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-50:hover { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-50:focus { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-50:active { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-50:disabled { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-50:focus-visible { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-50:focus-within { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-50 { --border-rgb: var(--quanta-slate-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-100:hover { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-100:focus { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-100:active { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-100:disabled { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-100:focus-visible { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-100:focus-within { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-100 { --border-rgb: var(--quanta-slate-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-200:hover { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-200:focus { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-200:active { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-200:disabled { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-200:focus-visible { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-200:focus-within { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-200 { --border-rgb: var(--quanta-slate-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-300:hover { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-300:focus { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-300:active { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-300:disabled { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-300:focus-visible { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-300:focus-within { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-300 { --border-rgb: var(--quanta-slate-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-400:hover { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-400:focus { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-400:active { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-400:disabled { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-400:focus-visible { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-400:focus-within { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-400 { --border-rgb: var(--quanta-slate-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-500:hover { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-500:focus { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-500:active { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-500:disabled { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-500:focus-visible { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-500:focus-within { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-500 { --border-rgb: var(--quanta-slate-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-600:hover { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-600:focus { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-600:active { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-600:disabled { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-600:focus-visible { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-600:focus-within { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-600 { --border-rgb: var(--quanta-slate-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-700:hover { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-700:focus { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-700:active { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-700:disabled { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-700:focus-visible { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-700:focus-within { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-700 { --border-rgb: var(--quanta-slate-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-800:hover { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-800:focus { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-800:active { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-800:disabled { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-800:focus-visible { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-800:focus-within { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-800 { --border-rgb: var(--quanta-slate-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-slate-900:hover { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-slate-900:focus { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-slate-900:active { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-slate-900:disabled { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-slate-900:focus-visible { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-slate-900:focus-within { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-slate-900 { --border-rgb: var(--quanta-slate-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-50:hover { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-50:focus { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-50:active { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-50:disabled { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-50:focus-visible { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-50:focus-within { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-50 { --bg-rgb: var(--quanta-violet-50-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-100:hover { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-100:focus { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-100:active { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-100:disabled { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-100:focus-visible { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-100:focus-within { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-100 { --bg-rgb: var(--quanta-violet-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-200:hover { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-200:focus { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-200:active { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-200:disabled { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-200:focus-visible { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-200:focus-within { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-200 { --bg-rgb: var(--quanta-violet-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-300:hover { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-300:focus { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-300:active { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-300:disabled { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-300:focus-visible { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-300:focus-within { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-300 { --bg-rgb: var(--quanta-violet-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-400:hover { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-400:focus { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-400:active { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-400:disabled { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-400:focus-visible { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-400:focus-within { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-400 { --bg-rgb: var(--quanta-violet-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-500:hover { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-500:focus { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-500:active { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-500:disabled { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-500:focus-visible { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-500:focus-within { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-500 { --bg-rgb: var(--quanta-violet-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-600:hover { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-600:focus { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-600:active { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-600:disabled { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-600:focus-visible { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-600:focus-within { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-600 { --bg-rgb: var(--quanta-violet-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-700:hover { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-700:focus { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-700:active { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-700:disabled { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-700:focus-visible { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-700:focus-within { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-700 { --bg-rgb: var(--quanta-violet-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-800:hover { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-800:focus { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-800:active { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-800:disabled { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-800:focus-visible { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-800:focus-within { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-800 { --bg-rgb: var(--quanta-violet-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-violet-900:hover { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-violet-900:focus { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-violet-900:active { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-violet-900:disabled { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-violet-900:focus-visible { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-violet-900:focus-within { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-violet-900 { --bg-rgb: var(--quanta-violet-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-50:hover { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-50:focus { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-50:active { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-50:disabled { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-50:focus-visible { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-50:focus-within { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-50 { --text-rgb: var(--quanta-violet-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-100:hover { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-100:focus { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-100:active { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-100:disabled { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-100:focus-visible { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-100:focus-within { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-100 { --text-rgb: var(--quanta-violet-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-200:hover { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-200:focus { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-200:active { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-200:disabled { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-200:focus-visible { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-200:focus-within { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-200 { --text-rgb: var(--quanta-violet-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-300:hover { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-300:focus { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-300:active { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-300:disabled { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-300:focus-visible { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-300:focus-within { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-300 { --text-rgb: var(--quanta-violet-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-400:hover { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-400:focus { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-400:active { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-400:disabled { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-400:focus-visible { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-400:focus-within { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-400 { --text-rgb: var(--quanta-violet-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-500:hover { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-500:focus { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-500:active { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-500:disabled { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-500:focus-visible { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-500:focus-within { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-500 { --text-rgb: var(--quanta-violet-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-600:hover { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-600:focus { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-600:active { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-600:disabled { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-600:focus-visible { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-600:focus-within { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-600 { --text-rgb: var(--quanta-violet-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-700:hover { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-700:focus { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-700:active { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-700:disabled { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-700:focus-visible { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-700:focus-within { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-700 { --text-rgb: var(--quanta-violet-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-800:hover { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-800:focus { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-800:active { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-800:disabled { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-800:focus-visible { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-800:focus-within { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-800 { --text-rgb: var(--quanta-violet-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-violet-900:hover { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-violet-900:focus { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-violet-900:active { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-violet-900:disabled { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-violet-900:focus-visible { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-violet-900:focus-within { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-violet-900 { --text-rgb: var(--quanta-violet-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-50:hover { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-50:focus { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-50:active { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-50:disabled { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-50:focus-visible { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-50:focus-within { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-50 { --border-rgb: var(--quanta-violet-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-100:hover { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-100:focus { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-100:active { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-100:disabled { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-100:focus-visible { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-100:focus-within { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-100 { --border-rgb: var(--quanta-violet-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-200:hover { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-200:focus { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-200:active { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-200:disabled { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-200:focus-visible { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-200:focus-within { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-200 { --border-rgb: var(--quanta-violet-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-300:hover { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-300:focus { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-300:active { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-300:disabled { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-300:focus-visible { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-300:focus-within { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-300 { --border-rgb: var(--quanta-violet-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-400:hover { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-400:focus { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-400:active { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-400:disabled { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-400:focus-visible { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-400:focus-within { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-400 { --border-rgb: var(--quanta-violet-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-500:hover { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-500:focus { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-500:active { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-500:disabled { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-500:focus-visible { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-500:focus-within { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-500 { --border-rgb: var(--quanta-violet-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-600:hover { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-600:focus { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-600:active { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-600:disabled { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-600:focus-visible { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-600:focus-within { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-600 { --border-rgb: var(--quanta-violet-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-700:hover { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-700:focus { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-700:active { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-700:disabled { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-700:focus-visible { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-700:focus-within { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-700 { --border-rgb: var(--quanta-violet-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-800:hover { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-800:focus { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-800:active { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-800:disabled { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-800:focus-visible { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-800:focus-within { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-800 { --border-rgb: var(--quanta-violet-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-violet-900:hover { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-violet-900:focus { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-violet-900:active { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-violet-900:disabled { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-violet-900:focus-visible { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-violet-900:focus-within { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-violet-900 { --border-rgb: var(--quanta-violet-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-50:hover { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-50:focus { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-50:active { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-50:disabled { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-50:focus-visible { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-50:focus-within { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-50 { --bg-rgb: var(--quanta-rose-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-100:hover { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-100:focus { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-100:active { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-100:disabled { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-100:focus-visible { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-100:focus-within { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-100 { --bg-rgb: var(--quanta-rose-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-200:hover { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-200:focus { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-200:active { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-200:disabled { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-200:focus-visible { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-200:focus-within { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-200 { --bg-rgb: var(--quanta-rose-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-300:hover { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-300:focus { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-300:active { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-300:disabled { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-300:focus-visible { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-300:focus-within { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-300 { --bg-rgb: var(--quanta-rose-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-400:hover { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-400:focus { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-400:active { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-400:disabled { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-400:focus-visible { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-400:focus-within { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-400 { --bg-rgb: var(--quanta-rose-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-500:hover { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-500:focus { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-500:active { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-500:disabled { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-500:focus-visible { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-500:focus-within { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-500 { --bg-rgb: var(--quanta-rose-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-600:hover { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-600:focus { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-600:active { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-600:disabled { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-600:focus-visible { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-600:focus-within { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-600 { --bg-rgb: var(--quanta-rose-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-700:hover { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-700:focus { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-700:active { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-700:disabled { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-700:focus-visible { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-700:focus-within { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-700 { --bg-rgb: var(--quanta-rose-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-800:hover { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-800:focus { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-800:active { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-800:disabled { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-800:focus-visible { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-800:focus-within { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-800 { --bg-rgb: var(--quanta-rose-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-rose-900:hover { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-rose-900:focus { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-rose-900:active { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-rose-900:disabled { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-rose-900:focus-visible { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-rose-900:focus-within { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-rose-900 { --bg-rgb: var(--quanta-rose-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-50:hover { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-50:focus { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-50:active { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-50:disabled { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-50:focus-visible { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-50:focus-within { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-50 { --text-rgb: var(--quanta-rose-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-100:hover { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-100:focus { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-100:active { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-100:disabled { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-100:focus-visible { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-100:focus-within { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-100 { --text-rgb: var(--quanta-rose-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-200:hover { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-200:focus { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-200:active { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-200:disabled { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-200:focus-visible { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-200:focus-within { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-200 { --text-rgb: var(--quanta-rose-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-300:hover { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-300:focus { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-300:active { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-300:disabled { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-300:focus-visible { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-300:focus-within { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-300 { --text-rgb: var(--quanta-rose-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-400:hover { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-400:focus { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-400:active { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-400:disabled { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-400:focus-visible { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-400:focus-within { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-400 { --text-rgb: var(--quanta-rose-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-500:hover { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-500:focus { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-500:active { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-500:disabled { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-500:focus-visible { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-500:focus-within { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-500 { --text-rgb: var(--quanta-rose-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-600:hover { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-600:focus { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-600:active { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-600:disabled { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-600:focus-visible { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-600:focus-within { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-600 { --text-rgb: var(--quanta-rose-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-700:hover { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-700:focus { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-700:active { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-700:disabled { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-700:focus-visible { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-700:focus-within { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-700 { --text-rgb: var(--quanta-rose-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-800:hover { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-800:focus { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-800:active { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-800:disabled { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-800:focus-visible { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-800:focus-within { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-800 { --text-rgb: var(--quanta-rose-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-rose-900:hover { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-rose-900:focus { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-rose-900:active { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-rose-900:disabled { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-rose-900:focus-visible { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-rose-900:focus-within { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-rose-900 { --text-rgb: var(--quanta-rose-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-50:hover { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-50:focus { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-50:active { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-50:disabled { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-50:focus-visible { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-50:focus-within { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-50 { --border-rgb: var(--quanta-rose-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-100:hover { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-100:focus { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-100:active { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-100:disabled { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-100:focus-visible { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-100:focus-within { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-100 { --border-rgb: var(--quanta-rose-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-200:hover { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-200:focus { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-200:active { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-200:disabled { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-200:focus-visible { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-200:focus-within { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-200 { --border-rgb: var(--quanta-rose-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-300:hover { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-300:focus { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-300:active { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-300:disabled { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-300:focus-visible { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-300:focus-within { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-300 { --border-rgb: var(--quanta-rose-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-400:hover { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-400:focus { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-400:active { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-400:disabled { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-400:focus-visible { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-400:focus-within { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-400 { --border-rgb: var(--quanta-rose-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-500:hover { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-500:focus { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-500:active { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-500:disabled { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-500:focus-visible { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-500:focus-within { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-500 { --border-rgb: var(--quanta-rose-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-600:hover { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-600:focus { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-600:active { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-600:disabled { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-600:focus-visible { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-600:focus-within { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-600 { --border-rgb: var(--quanta-rose-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-700:hover { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-700:focus { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-700:active { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-700:disabled { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-700:focus-visible { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-700:focus-within { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-700 { --border-rgb: var(--quanta-rose-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-800:hover { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-800:focus { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-800:active { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-800:disabled { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-800:focus-visible { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-800:focus-within { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-800 { --border-rgb: var(--quanta-rose-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-rose-900:hover { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-rose-900:focus { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-rose-900:active { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-rose-900:disabled { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-rose-900:focus-visible { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-rose-900:focus-within { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-rose-900 { --border-rgb: var(--quanta-rose-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-50:hover { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-50:focus { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-50:active { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-50:disabled { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-50:focus-visible { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-50:focus-within { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-50 { --bg-rgb: var(--quanta-blue-50-rgb);  background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-100:hover { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-100:focus { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-100:active { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-100:disabled { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-100:focus-visible { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-100:focus-within { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-100 { --bg-rgb: var(--quanta-blue-100-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-200:hover { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-200:focus { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-200:active { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-200:disabled { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-200:focus-visible { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-200:focus-within { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-200 { --bg-rgb: var(--quanta-blue-200-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-300:hover { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-300:focus { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-300:active { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-300:disabled { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-300:focus-visible { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-300:focus-within { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-300 { --bg-rgb: var(--quanta-blue-300-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-400:hover { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-400:focus { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-400:active { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-400:disabled { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-400:focus-visible { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-400:focus-within { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-400 { --bg-rgb: var(--quanta-blue-400-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-500:hover { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-500:focus { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-500:active { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-500:disabled { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-500:focus-visible { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-500:focus-within { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-500 { --bg-rgb: var(--quanta-blue-500-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-600:hover { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-600:focus { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-600:active { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-600:disabled { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-600:focus-visible { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-600:focus-within { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-600 { --bg-rgb: var(--quanta-blue-600-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-700:hover { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-700:focus { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-700:active { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-700:disabled { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-700:focus-visible { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-700:focus-within { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-700 { --bg-rgb: var(--quanta-blue-700-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-800:hover { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-800:focus { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-800:active { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-800:disabled { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-800:focus-visible { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-800:focus-within { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-800 { --bg-rgb: var(--quanta-blue-800-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-bg-tp-blue-900:hover { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-bg-tp-blue-900:focus { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-active-bg-tp-blue-900:active { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-bg-tp-blue-900:disabled { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-tp-blue-900:focus-visible { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-tp-blue-900:focus-within { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-tp-blue-900 { --bg-rgb: var(--quanta-blue-900-rgb); background-color: rgb(var(--bg-rgb)/var(--bg-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-50:hover { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-50:focus { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-50:active { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-50:disabled { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-50:focus-visible { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-50:focus-within { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-50 { --text-rgb: var(--quanta-blue-50-rgb);  color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-100:hover { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-100:focus { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-100:active { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-100:disabled { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-100:focus-visible { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-100:focus-within { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-100 { --text-rgb: var(--quanta-blue-100-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-200:hover { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-200:focus { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-200:active { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-200:disabled { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-200:focus-visible { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-200:focus-within { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-200 { --text-rgb: var(--quanta-blue-200-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-300:hover { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-300:focus { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-300:active { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-300:disabled { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-300:focus-visible { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-300:focus-within { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-300 { --text-rgb: var(--quanta-blue-300-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-400:hover { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-400:focus { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-400:active { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-400:disabled { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-400:focus-visible { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-400:focus-within { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-400 { --text-rgb: var(--quanta-blue-400-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-500:hover { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-500:focus { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-500:active { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-500:disabled { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-500:focus-visible { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-500:focus-within { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-500 { --text-rgb: var(--quanta-blue-500-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-600:hover { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-600:focus { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-600:active { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-600:disabled { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-600:focus-visible { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-600:focus-within { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-600 { --text-rgb: var(--quanta-blue-600-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-700:hover { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-700:focus { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-700:active { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-700:disabled { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-700:focus-visible { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-700:focus-within { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-700 { --text-rgb: var(--quanta-blue-700-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-800:hover { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-800:focus { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-800:active { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-800:disabled { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-800:focus-visible { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-800:focus-within { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-800 { --text-rgb: var(--quanta-blue-800-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-text-tp-blue-900:hover { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-text-tp-blue-900:focus { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-active-text-tp-blue-900:active { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-text-tp-blue-900:disabled { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-tp-blue-900:focus-visible { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-text-tp-blue-900:focus-within { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-tp-blue-900 { --text-rgb: var(--quanta-blue-900-rgb); color: rgb(var(--text-rgb)/var(--text-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-50:hover { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-50:focus { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-50:active { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-50:disabled { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-50:focus-visible { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-50:focus-within { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-50 { --border-rgb: var(--quanta-blue-50-rgb);  border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-100:hover { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-100:focus { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-100:active { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-100:disabled { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-100:focus-visible { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-100:focus-within { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-100 { --border-rgb: var(--quanta-blue-100-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-200:hover { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-200:focus { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-200:active { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-200:disabled { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-200:focus-visible { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-200:focus-within { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-200 { --border-rgb: var(--quanta-blue-200-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-300:hover { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-300:focus { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-300:active { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-300:disabled { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-300:focus-visible { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-300:focus-within { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-300 { --border-rgb: var(--quanta-blue-300-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-400:hover { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-400:focus { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-400:active { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-400:disabled { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-400:focus-visible { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-400:focus-within { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-400 { --border-rgb: var(--quanta-blue-400-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-500:hover { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-500:focus { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-500:active { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-500:disabled { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-500:focus-visible { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-500:focus-within { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-500 { --border-rgb: var(--quanta-blue-500-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-600:hover { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-600:focus { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-600:active { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-600:disabled { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-600:focus-visible { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-600:focus-within { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-600 { --border-rgb: var(--quanta-blue-600-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-700:hover { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-700:focus { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-700:active { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-700:disabled { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-700:focus-visible { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-700:focus-within { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-700 { --border-rgb: var(--quanta-blue-700-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-800:hover { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-800:focus { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-800:active { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-800:disabled { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-800:focus-visible { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-800:focus-within { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-800 { --border-rgb: var(--quanta-blue-800-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-hover-border-tp-blue-900:hover { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-border-tp-blue-900:focus { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-active-border-tp-blue-900:active { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-disabled-border-tp-blue-900:disabled { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-tp-blue-900:focus-visible { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-focus-within-border-tp-blue-900:focus-within { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-tp-blue-900 { --border-rgb: var(--quanta-blue-900-rgb); border-color: rgb(var(--border-rgb)/var(--border-opacity)); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-50:focus-visible { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-50:focus-within { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-100:focus-visible { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-100:focus-within { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-200:focus-visible { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-200:focus-within { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-300:focus-visible { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-300:focus-within { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-400:focus-visible { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-400:focus-within { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-500:focus-visible { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-500:focus-within { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-600:focus-visible { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-600:focus-within { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-700:focus-visible { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-700:focus-within { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-800:focus-visible { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-800:focus-within { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-red-900:focus-visible { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-red-900:focus-within { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-50:focus-visible { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-50:focus-within { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-100:focus-visible { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-100:focus-within { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-200:focus-visible { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-200:focus-within { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-300:focus-visible { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-300:focus-within { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-400:focus-visible { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-400:focus-within { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-500:focus-visible { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-500:focus-within { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-600:focus-visible { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-600:focus-within { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-700:focus-visible { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-700:focus-within { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-800:focus-visible { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-800:focus-within { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-orange-900:focus-visible { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-orange-900:focus-within { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-50:focus-visible { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-50:focus-within { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-100:focus-visible { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-100:focus-within { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-200:focus-visible { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-200:focus-within { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-300:focus-visible { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-300:focus-within { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-400:focus-visible { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-400:focus-within { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-500:focus-visible { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-500:focus-within { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-600:focus-visible { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-600:focus-within { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-700:focus-visible { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-700:focus-within { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-800:focus-visible { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-800:focus-within { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-teal-900:focus-visible { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-teal-900:focus-within { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-50:focus-visible { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-50:focus-within { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-100:focus-visible { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-100:focus-within { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-200:focus-visible { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-200:focus-within { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-300:focus-visible { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-300:focus-within { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-400:focus-visible { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-400:focus-within { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-500:focus-visible { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-500:focus-within { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-600:focus-visible { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-600:focus-within { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-700:focus-visible { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-700:focus-within { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-800:focus-visible { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-800:focus-within { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-purple-900:focus-visible { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-purple-900:focus-within { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-50:focus-visible { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-50:focus-within { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-100:focus-visible { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-100:focus-within { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-200:focus-visible { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-200:focus-within { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-300:focus-visible { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-300:focus-within { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-400:focus-visible { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-400:focus-within { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-500:focus-visible { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-500:focus-within { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-600:focus-visible { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-600:focus-within { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-700:focus-visible { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-700:focus-within { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-800:focus-visible { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-800:focus-within { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-indigo-900:focus-visible { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-indigo-900:focus-within { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-50:focus-visible { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-50:focus-within { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-100:focus-visible { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-100:focus-within { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-200:focus-visible { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-200:focus-within { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-300:focus-visible { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-300:focus-within { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-400:focus-visible { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-400:focus-within { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-500:focus-visible { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-500:focus-within { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-600:focus-visible { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-600:focus-within { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-700:focus-visible { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-700:focus-within { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-800:focus-visible { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-800:focus-within { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-yellow-900:focus-visible { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-yellow-900:focus-within { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-50:focus-visible { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-50:focus-within { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-100:focus-visible { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-100:focus-within { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-200:focus-visible { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-200:focus-within { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-300:focus-visible { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-300:focus-within { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-400:focus-visible { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-400:focus-within { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-500:focus-visible { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-500:focus-within { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-600:focus-visible { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-600:focus-within { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-700:focus-visible { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-700:focus-within { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-800:focus-visible { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-800:focus-within { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-pink-900:focus-visible { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-pink-900:focus-within { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-50:focus-visible { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-50:focus-within { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-100:focus-visible { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-100:focus-within { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-200:focus-visible { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-200:focus-within { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-300:focus-visible { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-300:focus-within { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-400:focus-visible { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-400:focus-within { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-500:focus-visible { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-500:focus-within { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-600:focus-visible { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-600:focus-within { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-700:focus-visible { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-700:focus-within { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-800:focus-visible { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-800:focus-within { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-grey-900:focus-visible { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-grey-900:focus-within { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-50:hover { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-50:focus { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-50:active { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-50:disabled { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-50:focus-visible { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-50:focus-within { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-50 { --shadow-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-100:hover { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-100:focus { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-100:active { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-100:disabled { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-100:focus-visible { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-100:focus-within { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-100 { --shadow-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-200:hover { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-200:focus { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-200:active { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-200:disabled { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-200:focus-visible { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-200:focus-within { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-200 { --shadow-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-300:hover { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-300:focus { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-300:active { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-300:disabled { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-300:focus-visible { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-300:focus-within { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-300 { --shadow-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-400:hover { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-400:focus { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-400:active { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-400:disabled { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-400:focus-visible { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-400:focus-within { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-400 { --shadow-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-500:hover { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-500:focus { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-500:active { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-500:disabled { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-500:focus-visible { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-500:focus-within { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-500 { --shadow-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-600:hover { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-600:focus { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-600:active { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-600:disabled { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-600:focus-visible { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-600:focus-within { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-600 { --shadow-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-700:hover { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-700:focus { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-700:active { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-700:disabled { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-700:focus-visible { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-700:focus-within { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-700 { --shadow-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-800:hover { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-800:focus { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-800:active { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-800:disabled { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-800:focus-visible { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-800:focus-within { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-800 { --shadow-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-zinc-900:hover { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-zinc-900:focus { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-zinc-900:active { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-zinc-900:disabled { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-zinc-900:focus-visible { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-zinc-900:focus-within { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-zinc-900 { --shadow-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-50:hover { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-50:focus { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-50:active { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-50:disabled { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-50:focus-visible { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-50:focus-within { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-50 { --shadow-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-100:hover { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-100:focus { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-100:active { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-100:disabled { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-100:focus-visible { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-100:focus-within { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-100 { --shadow-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-200:hover { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-200:focus { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-200:active { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-200:disabled { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-200:focus-visible { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-200:focus-within { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-200 { --shadow-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-300:hover { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-300:focus { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-300:active { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-300:disabled { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-300:focus-visible { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-300:focus-within { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-300 { --shadow-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-400:hover { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-400:focus { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-400:active { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-400:disabled { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-400:focus-visible { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-400:focus-within { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-400 { --shadow-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-500:hover { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-500:focus { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-500:active { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-500:disabled { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-500:focus-visible { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-500:focus-within { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-500 { --shadow-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-600:hover { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-600:focus { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-600:active { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-600:disabled { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-600:focus-visible { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-600:focus-within { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-600 { --shadow-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-700:hover { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-700:focus { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-700:active { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-700:disabled { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-700:focus-visible { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-700:focus-within { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-700 { --shadow-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-800:hover { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-800:focus { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-800:active { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-800:disabled { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-800:focus-visible { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-800:focus-within { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-800 { --shadow-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-neutral-900:hover { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-neutral-900:focus { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-neutral-900:active { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-neutral-900:disabled { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-neutral-900:focus-visible { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-neutral-900:focus-within { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-neutral-900 { --shadow-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-50:focus-visible { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-50:focus-within { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-100:focus-visible { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-100:focus-within { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-200:focus-visible { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-200:focus-within { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-300:focus-visible { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-300:focus-within { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-400:focus-visible { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-400:focus-within { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-500:focus-visible { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-500:focus-within { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-600:focus-visible { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-600:focus-within { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-700:focus-visible { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-700:focus-within { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-800:focus-visible { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-800:focus-within { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-lime-900:focus-visible { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-lime-900:focus-within { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-50:focus-visible { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-50:focus-within { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-100:focus-visible { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-100:focus-within { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-200:focus-visible { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-200:focus-within { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-300:focus-visible { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-300:focus-within { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-400:focus-visible { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-400:focus-within { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-500:focus-visible { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-500:focus-within { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-600:focus-visible { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-600:focus-within { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-700:focus-visible { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-700:focus-within { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-800:focus-visible { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-800:focus-within { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-cyan-900:focus-visible { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-cyan-900:focus-within { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-50:focus-visible { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-50:focus-within { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-100:focus-visible { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-100:focus-within { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-200:focus-visible { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-200:focus-within { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-300:focus-visible { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-300:focus-within { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-400:focus-visible { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-400:focus-within { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-500:focus-visible { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-500:focus-within { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-600:focus-visible { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-600:focus-within { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-700:focus-visible { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-700:focus-within { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-800:focus-visible { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-800:focus-within { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-sky-900:focus-visible { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-sky-900:focus-within { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-50:focus-visible { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-50:focus-within { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-100:focus-visible { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-100:focus-within { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-200:focus-visible { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-200:focus-within { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-300:focus-visible { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-300:focus-within { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-400:focus-visible { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-400:focus-within { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-500:focus-visible { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-500:focus-within { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-600:focus-visible { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-600:focus-within { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-700:focus-visible { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-700:focus-within { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-800:focus-visible { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-800:focus-within { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-violet-900:focus-visible { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-violet-900:focus-within { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-50:focus-visible { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-50:focus-within { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-100:focus-visible { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-100:focus-within { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-200:focus-visible { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-200:focus-within { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-300:focus-visible { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-300:focus-within { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-400:focus-visible { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-400:focus-within { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-500:focus-visible { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-500:focus-within { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-600:focus-visible { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-600:focus-within { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-700:focus-visible { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-700:focus-within { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-800:focus-visible { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-800:focus-within { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-rose-900:focus-visible { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-rose-900:focus-within { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-50:focus-visible { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-50:focus-within { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-100:focus-visible { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-100:focus-within { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-200:focus-visible { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-200:focus-within { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-300:focus-visible { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-300:focus-within { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-400:focus-visible { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-400:focus-within { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-500:focus-visible { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-500:focus-within { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-600:focus-visible { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-600:focus-within { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-700:focus-visible { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-700:focus-within { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-800:focus-visible { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-800:focus-within { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-slate-900:focus-visible { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-slate-900:focus-within { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-50:focus-visible { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-50:focus-within { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-100:focus-visible { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-100:focus-within { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-200:focus-visible { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-200:focus-within { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-300:focus-visible { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-300:focus-within { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-400:focus-visible { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-400:focus-within { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-500:focus-visible { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-500:focus-within { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-600:focus-visible { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-600:focus-within { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-700:focus-visible { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-700:focus-within { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-800:focus-visible { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-800:focus-within { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-blue-900:focus-visible { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-blue-900:focus-within { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-50:focus-visible { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-50:focus-within { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-100:focus-visible { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-100:focus-within { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-200:focus-visible { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-200:focus-within { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-300:focus-visible { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-300:focus-within { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-400:focus-visible { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-400:focus-within { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-500:focus-visible { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-500:focus-within { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-600:focus-visible { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-600:focus-within { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-700:focus-visible { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-700:focus-within { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-800:focus-visible { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-800:focus-within { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-green-900:focus-visible { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-green-900:focus-within { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-black:hover { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-black:focus { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-black:active { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-black:focus-visible { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-black:focus-within { --shadow-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-black { --shadow-color: var(--black); }
  html[data-theme="dark"] .dark-uw-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color-white:hover { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color-white:focus { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-shadow-color-white:active { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color-white:focus-visible { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color-white:focus-within { --shadow-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color-white { --shadow-color: var(--white); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-50:focus-visible { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-50:focus-within { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-100:focus-visible { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-100:focus-within { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-200:focus-visible { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-200:focus-within { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-300:focus-visible { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-300:focus-within { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-400:focus-visible { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-400:focus-within { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-500:focus-visible { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-500:focus-within { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-600:focus-visible { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-600:focus-within { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-700:focus-visible { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-700:focus-within { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-800:focus-visible { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-800:focus-within { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-red-900:focus-visible { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-red-900:focus-within { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-50:focus-visible { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-50:focus-within { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-100:focus-visible { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-100:focus-within { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-200:focus-visible { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-200:focus-within { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-300:focus-visible { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-300:focus-within { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-400:focus-visible { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-400:focus-within { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-500:focus-visible { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-500:focus-within { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-600:focus-visible { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-600:focus-within { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-700:focus-visible { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-700:focus-within { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-800:focus-visible { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-800:focus-within { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-orange-900:focus-visible { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-orange-900:focus-within { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-50:focus-visible { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-50:focus-within { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-100:focus-visible { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-100:focus-within { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-200:focus-visible { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-200:focus-within { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-300:focus-visible { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-300:focus-within { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-400:focus-visible { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-400:focus-within { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-500:focus-visible { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-500:focus-within { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-600:focus-visible { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-600:focus-within { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-700:focus-visible { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-700:focus-within { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-800:focus-visible { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-800:focus-within { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-teal-900:focus-visible { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-teal-900:focus-within { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-50:focus-visible { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-50:focus-within { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-100:focus-visible { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-100:focus-within { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-200:focus-visible { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-200:focus-within { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-300:focus-visible { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-300:focus-within { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-400:focus-visible { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-400:focus-within { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-500:focus-visible { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-500:focus-within { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-600:focus-visible { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-600:focus-within { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-700:focus-visible { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-700:focus-within { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-800:focus-visible { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-800:focus-within { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-purple-900:focus-visible { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-purple-900:focus-within { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-50:focus-visible { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-50:focus-within { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-100:focus-visible { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-100:focus-within { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-200:focus-visible { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-200:focus-within { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-300:focus-visible { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-300:focus-within { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-400:focus-visible { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-400:focus-within { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-500:focus-visible { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-500:focus-within { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-600:focus-visible { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-600:focus-within { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-700:focus-visible { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-700:focus-within { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-800:focus-visible { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-800:focus-within { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-indigo-900:focus-visible { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-indigo-900:focus-within { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-50:focus-visible { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-50:focus-within { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-100:focus-visible { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-100:focus-within { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-200:focus-visible { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-200:focus-within { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-300:focus-visible { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-300:focus-within { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-400:focus-visible { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-400:focus-within { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-500:focus-visible { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-500:focus-within { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-600:focus-visible { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-600:focus-within { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-700:focus-visible { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-700:focus-within { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-800:focus-visible { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-800:focus-within { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-yellow-900:focus-visible { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-yellow-900:focus-within { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-50:focus-visible { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-50:focus-within { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-100:focus-visible { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-100:focus-within { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-200:focus-visible { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-200:focus-within { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-300:focus-visible { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-300:focus-within { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-400:focus-visible { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-400:focus-within { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-500:focus-visible { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-500:focus-within { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-600:focus-visible { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-600:focus-within { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-700:focus-visible { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-700:focus-within { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-800:focus-visible { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-800:focus-within { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-pink-900:focus-visible { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-pink-900:focus-within { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-50:focus-visible { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-50:focus-within { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-100:focus-visible { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-100:focus-within { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-200:focus-visible { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-200:focus-within { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-300:focus-visible { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-300:focus-within { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-400:focus-visible { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-400:focus-within { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-500:focus-visible { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-500:focus-within { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-600:focus-visible { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-600:focus-within { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-700:focus-visible { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-700:focus-within { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-800:focus-visible { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-800:focus-within { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-grey-900:focus-visible { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-grey-900:focus-within { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-50:focus-visible { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-50:focus-within { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-100:focus-visible { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-100:focus-within { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-200:focus-visible { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-200:focus-within { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-300:focus-visible { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-300:focus-within { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-400:focus-visible { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-400:focus-within { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-500:focus-visible { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-500:focus-within { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-600:focus-visible { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-600:focus-within { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-700:focus-visible { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-700:focus-within { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-800:focus-visible { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-800:focus-within { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-lime-900:focus-visible { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-lime-900:focus-within { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-50:focus-visible { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-50:focus-within { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-100:focus-visible { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-100:focus-within { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-200:focus-visible { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-200:focus-within { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-300:focus-visible { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-300:focus-within { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-400:focus-visible { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-400:focus-within { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-500:focus-visible { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-500:focus-within { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-600:focus-visible { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-600:focus-within { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-700:focus-visible { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-700:focus-within { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-800:focus-visible { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-800:focus-within { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-cyan-900:focus-visible { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-cyan-900:focus-within { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-50:focus-visible { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-50:focus-within { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-100:focus-visible { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-100:focus-within { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-200:focus-visible { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-200:focus-within { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-300:focus-visible { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-300:focus-within { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-400:focus-visible { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-400:focus-within { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-500:focus-visible { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-500:focus-within { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-600:focus-visible { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-600:focus-within { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-700:focus-visible { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-700:focus-within { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-800:focus-visible { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-800:focus-within { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-sky-900:focus-visible { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-sky-900:focus-within { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-50:focus-visible { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-50:focus-within { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-100:focus-visible { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-100:focus-within { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-200:focus-visible { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-200:focus-within { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-300:focus-visible { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-300:focus-within { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-400:focus-visible { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-400:focus-within { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-500:focus-visible { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-500:focus-within { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-600:focus-visible { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-600:focus-within { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-700:focus-visible { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-700:focus-within { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-800:focus-visible { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-800:focus-within { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-violet-900:focus-visible { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-violet-900:focus-within { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-50:focus-visible { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-50:focus-within { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-100:focus-visible { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-100:focus-within { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-200:focus-visible { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-200:focus-within { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-300:focus-visible { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-300:focus-within { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-400:focus-visible { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-400:focus-within { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-500:focus-visible { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-500:focus-within { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-600:focus-visible { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-600:focus-within { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-700:focus-visible { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-700:focus-within { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-800:focus-visible { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-800:focus-within { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-rose-900:focus-visible { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-rose-900:focus-within { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-50:focus-visible { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-50:focus-within { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-100:focus-visible { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-100:focus-within { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-200:focus-visible { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-200:focus-within { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-300:focus-visible { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-300:focus-within { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-400:focus-visible { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-400:focus-within { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-500:focus-visible { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-500:focus-within { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-600:focus-visible { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-600:focus-within { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-700:focus-visible { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-700:focus-within { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-800:focus-visible { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-800:focus-within { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-slate-900:focus-visible { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-slate-900:focus-within { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-50:focus-visible { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-50:focus-within { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-100:focus-visible { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-100:focus-within { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-200:focus-visible { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-200:focus-within { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-300:focus-visible { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-300:focus-within { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-400:focus-visible { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-400:focus-within { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-500:focus-visible { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-500:focus-within { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-600:focus-visible { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-600:focus-within { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-700:focus-visible { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-700:focus-within { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-800:focus-visible { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-800:focus-within { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-blue-900:focus-visible { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-blue-900:focus-within { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-50:focus-visible { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-50:focus-within { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-100:focus-visible { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-100:focus-within { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-200:focus-visible { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-200:focus-within { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-300:focus-visible { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-300:focus-within { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-400:focus-visible { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-400:focus-within { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-500:focus-visible { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-500:focus-within { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-600:focus-visible { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-600:focus-within { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-700:focus-visible { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-700:focus-within { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-800:focus-visible { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-800:focus-within { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-green-900:focus-visible { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-green-900:focus-within { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-black:active { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-black:focus-visible { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-black:focus-within { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
  html[data-theme="dark"] .dark-uw-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-gradient-from-white:active { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-from-white:focus-visible { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-from-white:focus-within { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-50:focus-visible { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-50:focus-within { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-100:focus-visible { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-100:focus-within { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-200:focus-visible { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-200:focus-within { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-300:focus-visible { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-300:focus-within { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-400:focus-visible { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-400:focus-within { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-500:focus-visible { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-500:focus-within { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-600:focus-visible { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-600:focus-within { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-700:focus-visible { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-700:focus-within { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-800:focus-visible { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-800:focus-within { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-red-900:focus-visible { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-red-900:focus-within { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-50:focus-visible { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-50:focus-within { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-100:focus-visible { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-100:focus-within { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-200:focus-visible { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-200:focus-within { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-300:focus-visible { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-300:focus-within { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-400:focus-visible { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-400:focus-within { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-500:focus-visible { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-500:focus-within { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-600:focus-visible { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-600:focus-within { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-700:focus-visible { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-700:focus-within { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-800:focus-visible { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-800:focus-within { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-orange-900:focus-visible { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-orange-900:focus-within { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-50:focus-visible { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-50:focus-within { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-100:focus-visible { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-100:focus-within { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-200:focus-visible { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-200:focus-within { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-300:focus-visible { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-300:focus-within { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-400:focus-visible { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-400:focus-within { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-500:focus-visible { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-500:focus-within { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-600:focus-visible { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-600:focus-within { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-700:focus-visible { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-700:focus-within { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-800:focus-visible { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-800:focus-within { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-teal-900:focus-visible { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-teal-900:focus-within { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-50:focus-visible { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-50:focus-within { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-100:focus-visible { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-100:focus-within { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-200:focus-visible { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-200:focus-within { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-300:focus-visible { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-300:focus-within { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-400:focus-visible { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-400:focus-within { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-500:focus-visible { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-500:focus-within { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-600:focus-visible { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-600:focus-within { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-700:focus-visible { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-700:focus-within { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-800:focus-visible { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-800:focus-within { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-purple-900:focus-visible { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-purple-900:focus-within { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-50:focus-visible { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-50:focus-within { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-100:focus-visible { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-100:focus-within { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-200:focus-visible { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-200:focus-within { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-300:focus-visible { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-300:focus-within { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-400:focus-visible { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-400:focus-within { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-500:focus-visible { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-500:focus-within { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-600:focus-visible { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-600:focus-within { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-700:focus-visible { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-700:focus-within { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-800:focus-visible { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-800:focus-within { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-indigo-900:focus-visible { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-indigo-900:focus-within { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-50:focus-visible { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-50:focus-within { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-100:focus-visible { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-100:focus-within { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-200:focus-visible { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-200:focus-within { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-300:focus-visible { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-300:focus-within { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-400:focus-visible { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-400:focus-within { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-500:focus-visible { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-500:focus-within { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-600:focus-visible { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-600:focus-within { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-700:focus-visible { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-700:focus-within { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-800:focus-visible { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-800:focus-within { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-yellow-900:focus-visible { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-yellow-900:focus-within { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-50:focus-visible { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-50:focus-within { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-100:focus-visible { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-100:focus-within { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-200:focus-visible { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-200:focus-within { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-300:focus-visible { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-300:focus-within { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-400:focus-visible { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-400:focus-within { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-500:focus-visible { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-500:focus-within { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-600:focus-visible { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-600:focus-within { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-700:focus-visible { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-700:focus-within { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-800:focus-visible { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-800:focus-within { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-pink-900:focus-visible { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-pink-900:focus-within { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-50:focus-visible { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-50:focus-within { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-100:focus-visible { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-100:focus-within { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-200:focus-visible { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-200:focus-within { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-300:focus-visible { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-300:focus-within { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-400:focus-visible { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-400:focus-within { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-500:focus-visible { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-500:focus-within { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-600:focus-visible { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-600:focus-within { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-700:focus-visible { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-700:focus-within { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-800:focus-visible { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-800:focus-within { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-grey-900:focus-visible { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-grey-900:focus-within { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-50:focus-visible { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-50:focus-within { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-100:focus-visible { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-100:focus-within { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-200:focus-visible { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-200:focus-within { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-300:focus-visible { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-300:focus-within { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-400:focus-visible { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-400:focus-within { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-500:focus-visible { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-500:focus-within { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-600:focus-visible { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-600:focus-within { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-700:focus-visible { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-700:focus-within { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-800:focus-visible { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-800:focus-within { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-lime-900:focus-visible { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-lime-900:focus-within { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-50:focus-visible { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-50:focus-within { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-100:focus-visible { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-100:focus-within { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-200:focus-visible { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-200:focus-within { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-300:focus-visible { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-300:focus-within { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-400:focus-visible { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-400:focus-within { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-500:focus-visible { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-500:focus-within { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-600:focus-visible { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-600:focus-within { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-700:focus-visible { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-700:focus-within { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-800:focus-visible { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-800:focus-within { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-cyan-900:focus-visible { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-cyan-900:focus-within { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-50:focus-visible { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-50:focus-within { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-100:focus-visible { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-100:focus-within { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-200:focus-visible { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-200:focus-within { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-300:focus-visible { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-300:focus-within { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-400:focus-visible { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-400:focus-within { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-500:focus-visible { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-500:focus-within { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-600:focus-visible { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-600:focus-within { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-700:focus-visible { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-700:focus-within { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-800:focus-visible { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-800:focus-within { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-sky-900:focus-visible { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-sky-900:focus-within { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-50:focus-visible { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-50:focus-within { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-100:focus-visible { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-100:focus-within { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-200:focus-visible { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-200:focus-within { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-300:focus-visible { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-300:focus-within { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-400:focus-visible { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-400:focus-within { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-500:focus-visible { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-500:focus-within { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-600:focus-visible { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-600:focus-within { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-700:focus-visible { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-700:focus-within { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-800:focus-visible { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-800:focus-within { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-violet-900:focus-visible { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-violet-900:focus-within { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-50:focus-visible { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-50:focus-within { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-100:focus-visible { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-100:focus-within { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-200:focus-visible { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-200:focus-within { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-300:focus-visible { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-300:focus-within { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-400:focus-visible { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-400:focus-within { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-500:focus-visible { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-500:focus-within { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-600:focus-visible { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-600:focus-within { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-700:focus-visible { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-700:focus-within { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-800:focus-visible { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-800:focus-within { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-rose-900:focus-visible { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-rose-900:focus-within { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-50:focus-visible { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-50:focus-within { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-100:focus-visible { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-100:focus-within { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-200:focus-visible { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-200:focus-within { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-300:focus-visible { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-300:focus-within { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-400:focus-visible { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-400:focus-within { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-500:focus-visible { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-500:focus-within { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-600:focus-visible { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-600:focus-within { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-700:focus-visible { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-700:focus-within { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-800:focus-visible { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-800:focus-within { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-slate-900:focus-visible { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-slate-900:focus-within { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-50:focus-visible { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-50:focus-within { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-100:focus-visible { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-100:focus-within { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-200:focus-visible { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-200:focus-within { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-300:focus-visible { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-300:focus-within { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-400:focus-visible { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-400:focus-within { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-500:focus-visible { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-500:focus-within { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-600:focus-visible { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-600:focus-within { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-700:focus-visible { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-700:focus-within { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-800:focus-visible { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-800:focus-within { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-blue-900:focus-visible { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-blue-900:focus-within { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-50:focus-visible { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-50:focus-within { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-100:focus-visible { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-100:focus-within { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-200:focus-visible { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-200:focus-within { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-300:focus-visible { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-300:focus-within { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-400:focus-visible { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-400:focus-within { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-500:focus-visible { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-500:focus-within { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-600:focus-visible { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-600:focus-within { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-700:focus-visible { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-700:focus-within { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-800:focus-visible { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-800:focus-within { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-green-900:focus-visible { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-green-900:focus-within { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-black:active { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-black:focus-visible { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-black:focus-within { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
  html[data-theme="dark"] .dark-uw-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-gradient-to-white:active { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-gradient-to-white:focus-visible { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-gradient-to-white:focus-within { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
  html[data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-hover-transition-bg:hover { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-focus-transition-bg:focus { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-active-transition-bg:active { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-disabled-transition-bg:disabled { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-bg:focus-visible { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-bg:focus-within { transition-property: background-color; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-bg { transition-property: background-color; }
  html[data-theme="dark"] .dark-uw-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-uw-hover-transition-color:hover { transition-property: color; }
  html[data-theme="dark"] .dark-uw-focus-transition-color:focus { transition-property: color; }
  html[data-theme="dark"] .dark-uw-active-transition-color:active { transition-property: color; }
  html[data-theme="dark"] .dark-uw-disabled-transition-color:disabled { transition-property: color; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-color:focus-visible { transition-property: color; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-color:focus-within { transition-property: color; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-color { transition-property: color; }
  html[data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-shadow:focus-visible { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-shadow:focus-within { transition-property: shadow; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-shadow { transition-property: shadow; }
  html[data-theme="dark"] .dark-uw-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-uw-hover-transition-border:hover { transition-property: border; }
  html[data-theme="dark"] .dark-uw-focus-transition-border:focus { transition-property: border; }
  html[data-theme="dark"] .dark-uw-active-transition-border:active { transition-property: border; }
  html[data-theme="dark"] .dark-uw-disabled-transition-border:disabled { transition-property: border; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-border:focus-visible { transition-property: border; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-border:focus-within { transition-property: border; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-border { transition-property: border; }
  html[data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-linear:focus-visible { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-linear:focus-within { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-linear { transition-timing-function: ease-linear; }
  html[data-theme="dark"] .dark-uw-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-5:hover { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-5:focus { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-5:active { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-5:disabled { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-5:focus-visible { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-5:focus-within { transform: translateX(5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-5 { transform: translateX(5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-5:hover { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-5:focus { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-5:active { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-5:disabled { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-5:focus-visible { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-5:focus-within { transform: translateY(5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-5 { transform: translateY(5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-6:hover { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-6:focus { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-6:active { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-6:disabled { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-6:focus-visible { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-6:focus-within { transform: translateX(6rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-6 { transform: translateX(6rem); }
  html[data-theme="dark"] .dark-uw-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-6:hover { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-6:focus { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-6:active { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-6:disabled { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-6:focus-visible { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-6:focus-within { transform: translateY(6rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-6 { transform: translateY(6rem); }
  html[data-theme="dark"] .dark-uw-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-8:hover { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-8:focus { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-8:active { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-8:disabled { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-8:focus-visible { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-8:focus-within { transform: translateX(8rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-8 { transform: translateX(8rem); }
  html[data-theme="dark"] .dark-uw-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-8:hover { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-8:focus { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-8:active { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-8:disabled { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-8:focus-visible { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-8:focus-within { transform: translateY(8rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-8 { transform: translateY(8rem); }
  html[data-theme="dark"] .dark-uw-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-10:hover { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-10:focus { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-10:active { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-10:disabled { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-10:focus-visible { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-10:focus-within { transform: translateX(10rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-10 { transform: translateX(10rem); }
  html[data-theme="dark"] .dark-uw-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-10:hover { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-10:focus { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-10:active { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-10:disabled { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-10:focus-visible { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-10:focus-within { transform: translateY(10rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-10 { transform: translateY(10rem); }
  html[data-theme="dark"] .dark-uw-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-12:hover { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-12:focus { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-12:active { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-12:disabled { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-12:focus-visible { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-12:focus-within { transform: translateX(12rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-12 { transform: translateX(12rem); }
  html[data-theme="dark"] .dark-uw-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-12:hover { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-12:focus { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-12:active { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-12:disabled { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-12:focus-visible { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-12:focus-within { transform: translateY(12rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-12 { transform: translateY(12rem); }
  html[data-theme="dark"] .dark-uw-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-16:hover { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-16:focus { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-16:active { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-16:disabled { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-16:focus-visible { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-16:focus-within { transform: translateX(16rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-16 { transform: translateX(16rem); }
  html[data-theme="dark"] .dark-uw-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-16:hover { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-16:focus { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-16:active { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-16:disabled { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-16:focus-visible { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-16:focus-within { transform: translateY(16rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-16 { transform: translateY(16rem); }
  html[data-theme="dark"] .dark-uw-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-20:hover { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-20:focus { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-20:active { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-20:disabled { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-20:focus-visible { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-20:focus-within { transform: translateX(20rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-20 { transform: translateX(20rem); }
  html[data-theme="dark"] .dark-uw-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-20:hover { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-20:focus { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-20:active { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-20:disabled { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-20:focus-visible { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-20:focus-within { transform: translateY(20rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-20 { transform: translateY(20rem); }
  html[data-theme="dark"] .dark-uw-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-24:hover { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-24:focus { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-24:active { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-24:disabled { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-24:focus-visible { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-24:focus-within { transform: translateX(24rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-24 { transform: translateX(24rem); }
  html[data-theme="dark"] .dark-uw-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-24:hover { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-24:focus { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-24:active { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-24:disabled { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-24:focus-visible { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-24:focus-within { transform: translateY(24rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-24 { transform: translateY(24rem); }
  html[data-theme="dark"] .dark-uw-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-32:hover { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-32:focus { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-32:active { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-32:disabled { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-32:focus-visible { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-32:focus-within { transform: translateX(32rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-32 { transform: translateX(32rem); }
  html[data-theme="dark"] .dark-uw-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-32:hover { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-32:focus { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-32:active { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-32:disabled { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-32:focus-visible { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-32:focus-within { transform: translateY(32rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-32 { transform: translateY(32rem); }
  html[data-theme="dark"] .dark-uw-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-hover-scale-0:hover { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-focus-scale-0:focus { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-active-scale-0:active { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-disabled-scale-0:disabled { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-0:focus-visible { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-0:focus-within { transform: scale(0.0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-0 { transform: scale(0.0); }
  html[data-theme="dark"] .dark-uw-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate--180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate--180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-active-rotate--180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate--180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate--180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate--180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate--180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate--90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate--90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-active-rotate--90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate--90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate--90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate--90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate--90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate--45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate--45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-active-rotate--45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate--45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate--45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate--45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate--45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x--45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x--45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x--45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x--45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x--45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x--45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y--45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y--45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y--45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y--45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y--45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y--45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x--30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x--30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x--30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x--30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x--30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x--30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y--30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y--30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y--30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y--30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y--30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y--30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x--15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x--15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x--15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x--15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x--15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x--15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y--15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y--15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y--15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y--15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y--15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y--15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-75:hover { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-75:focus { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-active-duration-75:active { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-75:disabled { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-75:focus-visible { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-75:focus-within { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-75 { animation-duration: 0.075s !important; }
  html[data-theme="dark"] .dark-uw-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-100:hover { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-100:focus { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-100:active { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-100:disabled { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-100:focus-visible { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-100:focus-within { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-100 { animation-duration: 0.1s   !important; }
  html[data-theme="dark"] .dark-uw-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-150:hover { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-150:focus { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-active-duration-150:active { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-150:disabled { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-150:focus-visible { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-150:focus-within { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-150 { animation-duration: 0.15s  !important; }
  html[data-theme="dark"] .dark-uw-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-200:hover { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-200:focus { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-200:active { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-200:disabled { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-200:focus-visible { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-200:focus-within { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-200 { animation-duration: 0.2s   !important; }
  html[data-theme="dark"] .dark-uw-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-300:hover { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-300:focus { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-300:active { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-300:disabled { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-300:focus-visible { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-300:focus-within { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-300 { animation-duration: 0.3s   !important; }
  html[data-theme="dark"] .dark-uw-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-500:hover { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-500:focus { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-500:active { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-500:disabled { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-500:focus-visible { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-500:focus-within { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-500 { animation-duration: 0.5s   !important; }
  html[data-theme="dark"] .dark-uw-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-700:hover { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-700:focus { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-700:active { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-700:disabled { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-700:focus-visible { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-700:focus-within { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-700 { animation-duration: 0.7s   !important; }
  html[data-theme="dark"] .dark-uw-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-1000:hover { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-1000:focus { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-active-duration-1000:active { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-1000:focus-visible { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-1000:focus-within { animation-duration: 1s     !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-1000 { animation-duration: 1s     !important; }
  html[data-theme="dark"] .dark-uw-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-1500:hover { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-1500:focus { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-active-duration-1500:active { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-1500:disabled { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-1500:focus-visible { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-1500:focus-within { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-1500 { animation-duration: 1.5s   !important; }
  html[data-theme="dark"] .dark-uw-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-hover-duration-2000:hover { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-focus-duration-2000:focus { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-active-duration-2000:active { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-disabled-duration-2000:disabled { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-2000:focus-visible { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-2000:focus-within { animation-duration: 2s     !important; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-2000 { animation-duration: 2s     !important; }
  html[data-theme="dark"] .dark-uw-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-hover-blur-none:hover { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-focus-blur-none:focus { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-active-blur-none:active { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-disabled-blur-none:disabled { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-none:focus-visible { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-none:focus-within { filter: blur(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-none { filter: blur(0); }
  html[data-theme="dark"] .dark-uw-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-hover-brightness-0:hover { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-focus-brightness-0:focus { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-active-brightness-0:active { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-0:disabled { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-0:focus-visible { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-0:focus-within { filter: brightness(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-0 { filter: brightness(0); }
  html[data-theme="dark"] .dark-uw-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-hover-brightness-75:hover { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-focus-brightness-75:focus { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-active-brightness-75:active { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-75:disabled { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-75:focus-visible { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-75:focus-within { filter: brightness(0.75); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-75 { filter: brightness(0.75); }
  html[data-theme="dark"] .dark-uw-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-hover-brightness-90:hover { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-focus-brightness-90:focus { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-active-brightness-90:active { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-90:disabled { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-90:focus-visible { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-90:focus-within { filter: brightness(0.9); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-90 { filter: brightness(0.9); }
  html[data-theme="dark"] .dark-uw-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-hover-brightness-125:hover { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-focus-brightness-125:focus { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-active-brightness-125:active { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-125:disabled { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-125:focus-visible { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-125:focus-within { filter: brightness(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-125 { filter: brightness(1.25); }
  html[data-theme="dark"] .dark-uw-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-hover-brightness-200:hover { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-focus-brightness-200:focus { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-active-brightness-200:active { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-200:disabled { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-200:focus-visible { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-200:focus-within { filter: brightness(2); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-200 { filter: brightness(2); }
  html[data-theme="dark"] .dark-uw-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-hover-contrast-0:hover { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-focus-contrast-0:focus { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-active-contrast-0:active { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-0:disabled { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-0:focus-visible { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-0:focus-within { filter: contrast(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-0 { filter: contrast(0); }
  html[data-theme="dark"] .dark-uw-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-hover-contrast-75:hover { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-focus-contrast-75:focus { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-active-contrast-75:active { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-75:disabled { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-75:focus-visible { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-75:focus-within { filter: contrast(0.75); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-75 { filter: contrast(0.75); }
  html[data-theme="dark"] .dark-uw-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-hover-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-active-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-hover-contrast-150:hover { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-focus-contrast-150:focus { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-active-contrast-150:active { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-150:disabled { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-150:focus-visible { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-150:focus-within { filter: contrast(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-150 { filter: contrast(1.5); }
  html[data-theme="dark"] .dark-uw-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-hover-contrast-200:hover { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-focus-contrast-200:focus { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-active-contrast-200:active { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-200:disabled { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-200:focus-visible { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-200:focus-within { filter: contrast(2); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-200 { filter: contrast(2); }
  html[data-theme="dark"] .dark-uw-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-hover-grayscale-0:hover { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-focus-grayscale-0:focus { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-active-grayscale-0:active { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-disabled-grayscale-0:disabled { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-grayscale-0:focus-visible { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-focus-within-grayscale-0:focus-within { filter: grayscale(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grayscale-0 { filter: grayscale(0); }
  html[data-theme="dark"] .dark-uw-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-hover-grayscale-100:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-grayscale-100:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-active-grayscale-100:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-disabled-grayscale-100:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-grayscale-100:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-within-grayscale-100:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grayscale-100 { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-hue-rotate-0:focus-visible { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-hue-rotate-0:focus-within { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
  html[data-theme="dark"] .dark-uw-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-hue-rotate-45:focus-visible { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-hue-rotate-45:focus-within { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
  html[data-theme="dark"] .dark-uw-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-hue-rotate-180:focus-visible { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-hue-rotate-180:focus-within { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
  html[data-theme="dark"] .dark-uw-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-hover-invert-0:hover { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-focus-invert-0:focus { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-active-invert-0:active { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-disabled-invert-0:disabled { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-invert-0:focus-visible { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-focus-within-invert-0:focus-within { filter: invert(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-invert-0 { filter: invert(0); }
  html[data-theme="dark"] .dark-uw-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-hover-invert-100:hover { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-focus-invert-100:focus { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-active-invert-100:active { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-disabled-invert-100:disabled { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-invert-100:focus-visible { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-focus-within-invert-100:focus-within { filter: invert(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-invert-100 { filter: invert(1); }
  html[data-theme="dark"] .dark-uw-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-hover-saturate-0:hover { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-focus-saturate-0:focus { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-active-saturate-0:active { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-0:disabled { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-0:focus-visible { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-0:focus-within { filter: saturate(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-0 { filter: saturate(0); }
  html[data-theme="dark"] .dark-uw-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-hover-saturate-50:hover { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-focus-saturate-50:focus { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-active-saturate-50:active { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-50:disabled { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-50:focus-visible { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-50:focus-within { filter: saturate(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-50 { filter: saturate(0.5); }
  html[data-theme="dark"] .dark-uw-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-hover-saturate-100:hover { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-focus-saturate-100:focus { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-active-saturate-100:active { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-100:disabled { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-100:focus-visible { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-100:focus-within { filter: saturate(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-100 { filter: saturate(1); }
  html[data-theme="dark"] .dark-uw-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-hover-saturate-200:hover { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-focus-saturate-200:focus { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-active-saturate-200:active { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-200:disabled { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-200:focus-visible { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-200:focus-within { filter: saturate(2); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-200 { filter: saturate(2); }
  html[data-theme="dark"] .dark-uw-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-hover-sepia-0:hover { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-focus-sepia-0:focus { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-active-sepia-0:active { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-disabled-sepia-0:disabled { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-sepia-0:focus-visible { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-focus-within-sepia-0:focus-within { filter: sepia(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sepia-0 { filter: sepia(0); }
  html[data-theme="dark"] .dark-uw-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-hover-sepia-100:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-sepia-100:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-active-sepia-100:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-disabled-sepia-100:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-sepia-100:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-within-sepia-100:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sepia-100 { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-focus-visible-drop-shadow-sm:focus-visible { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-focus-within-drop-shadow-sm:focus-within { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
  html[data-theme="dark"] .dark-uw-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-focus-visible-drop-shadow-md:focus-visible { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-focus-within-drop-shadow-md:focus-within { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
  html[data-theme="dark"] .dark-uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-focus-visible-drop-shadow-lg:focus-visible { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-focus-within-drop-shadow-lg:focus-within { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
  html[data-theme="dark"] .dark-uw-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-hover-mix-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-mix-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-active-mix-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-disabled-mix-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-hover-mix-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-mix-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-active-mix-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-hover-mix-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-mix-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-active-mix-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-disabled-mix-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-hover-mix-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-mix-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-active-mix-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-hover-mix-darken:hover { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-mix-darken:focus { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-active-mix-darken:active { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-disabled-mix-darken:disabled { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-darken:focus-visible { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-darken:focus-within { mix-blend-mode: darken; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-darken { mix-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-hover-mix-lighten:hover { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-mix-lighten:focus { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-active-mix-lighten:active { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-lighten:focus-visible { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-lighten:focus-within { mix-blend-mode: lighten; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-lighten { mix-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-color-dodge:focus-visible { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-color-dodge:focus-within { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-active-mix-color-burn:active { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-color-burn:focus-visible { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-color-burn:focus-within { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-active-mix-hard-light:active { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-hard-light:focus-visible { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-hard-light:focus-within { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-active-mix-soft-light:active { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-soft-light:focus-visible { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-soft-light:focus-within { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-hover-mix-difference:hover { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-mix-difference:focus { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-active-mix-difference:active { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-disabled-mix-difference:disabled { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-difference:focus-visible { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-difference:focus-within { mix-blend-mode: difference; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-difference { mix-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-active-mix-exclusion:active { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-exclusion:focus-visible { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-exclusion:focus-within { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-hover-mix-hue:hover { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-mix-hue:focus { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-active-mix-hue:active { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-disabled-mix-hue:disabled { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-hue:focus-visible { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-hue:focus-within { mix-blend-mode: hue; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-hue { mix-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-hover-mix-saturation:hover { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-mix-saturation:focus { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-active-mix-saturation:active { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-saturation:focus-visible { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-saturation:focus-within { mix-blend-mode: saturation; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-saturation { mix-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-hover-mix-color:hover { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-mix-color:focus { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-active-mix-color:active { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-disabled-mix-color:disabled { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-color:focus-visible { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-color:focus-within { mix-blend-mode: color; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-color { mix-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-active-mix-luminosity:active { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-luminosity:focus-visible { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-luminosity:focus-within { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-color-dodge:focus-visible { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-color-dodge:focus-within { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
  html[data-theme="dark"] .dark-uw-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-color-burn:focus-visible { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-color-burn:focus-within { background-blend-mode: color-burn; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
  html[data-theme="dark"] .dark-uw-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-hard-light:focus-visible { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-hard-light:focus-within { background-blend-mode: hard-light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
  html[data-theme="dark"] .dark-uw-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-soft-light:focus-visible { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-soft-light:focus-within { background-blend-mode: soft-light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
  html[data-theme="dark"] .dark-uw-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-difference:hover { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-difference:focus { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-difference:active { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-difference:focus-visible { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-difference:focus-within { background-blend-mode: difference; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-difference { background-blend-mode: difference; }
  html[data-theme="dark"] .dark-uw-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-exclusion:focus-visible { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-exclusion:focus-within { background-blend-mode: exclusion; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
  html[data-theme="dark"] .dark-uw-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-hue:hover { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-hue:focus { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-hue:active { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-hue:focus-visible { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-hue:focus-within { background-blend-mode: hue; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-hue { background-blend-mode: hue; }
  html[data-theme="dark"] .dark-uw-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-saturation:active { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-saturation:focus-visible { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-saturation:focus-within { background-blend-mode: saturation; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
  html[data-theme="dark"] .dark-uw-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-color:hover { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-color:focus { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-color:active { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-color:disabled { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-color:focus-visible { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-color:focus-within { background-blend-mode: color; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-color { background-blend-mode: color; }
  html[data-theme="dark"] .dark-uw-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-luminosity:focus-visible { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-luminosity:focus-within { background-blend-mode: luminosity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
  html[data-theme="dark"] .dark-uw-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-hover-object-contain:hover { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-focus-object-contain:focus { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-active-object-contain:active { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-disabled-object-contain:disabled { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-contain:focus-visible { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-object-contain:focus-within { object-fit: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-contain { object-fit: contain; }
  html[data-theme="dark"] .dark-uw-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-hover-object-cover:hover { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-focus-object-cover:focus { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-active-object-cover:active { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-disabled-object-cover:disabled { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-cover:focus-visible { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-focus-within-object-cover:focus-within { object-fit: cover; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-cover { object-fit: cover; }
  html[data-theme="dark"] .dark-uw-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-hover-object-fill:hover { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-focus-object-fill:focus { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-active-object-fill:active { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-disabled-object-fill:disabled { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-fill:focus-visible { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-focus-within-object-fill:focus-within { object-fit: fill; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-fill { object-fit: fill; }
  html[data-theme="dark"] .dark-uw-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-uw-hover-object-none:hover { object-fit: none; }
  html[data-theme="dark"] .dark-uw-focus-object-none:focus { object-fit: none; }
  html[data-theme="dark"] .dark-uw-active-object-none:active { object-fit: none; }
  html[data-theme="dark"] .dark-uw-disabled-object-none:disabled { object-fit: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-none:focus-visible { object-fit: none; }
  html[data-theme="dark"] .dark-uw-focus-within-object-none:focus-within { object-fit: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-none { object-fit: none; }
  html[data-theme="dark"] .dark-uw-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-hover-object-scale-down:hover { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-focus-object-scale-down:focus { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-active-object-scale-down:active { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-disabled-object-scale-down:disabled { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-scale-down:focus-visible { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-focus-within-object-scale-down:focus-within { object-fit: scale-down; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-scale-down { object-fit: scale-down; }
  html[data-theme="dark"] .dark-uw-object-top { object-position: top; }
  html[data-theme="dark"] .dark-uw-hover-object-top:hover { object-position: top; }
  html[data-theme="dark"] .dark-uw-focus-object-top:focus { object-position: top; }
  html[data-theme="dark"] .dark-uw-active-object-top:active { object-position: top; }
  html[data-theme="dark"] .dark-uw-disabled-object-top:disabled { object-position: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-top:focus-visible { object-position: top; }
  html[data-theme="dark"] .dark-uw-focus-within-object-top:focus-within { object-position: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-top { object-position: top; }
  html[data-theme="dark"] .dark-uw-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-hover-object-bottom:hover { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-object-bottom:focus { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-active-object-bottom:active { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-object-bottom:disabled { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-bottom:focus-visible { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-object-bottom:focus-within { object-position: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-bottom { object-position: bottom; }
  html[data-theme="dark"] .dark-uw-object-center { object-position: center; }
  html[data-theme="dark"] .dark-uw-hover-object-center:hover { object-position: center; }
  html[data-theme="dark"] .dark-uw-focus-object-center:focus { object-position: center; }
  html[data-theme="dark"] .dark-uw-active-object-center:active { object-position: center; }
  html[data-theme="dark"] .dark-uw-disabled-object-center:disabled { object-position: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-center:focus-visible { object-position: center; }
  html[data-theme="dark"] .dark-uw-focus-within-object-center:focus-within { object-position: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-center { object-position: center; }
  html[data-theme="dark"] .dark-uw-object-left { object-position: left; }
  html[data-theme="dark"] .dark-uw-hover-object-left:hover { object-position: left; }
  html[data-theme="dark"] .dark-uw-focus-object-left:focus { object-position: left; }
  html[data-theme="dark"] .dark-uw-active-object-left:active { object-position: left; }
  html[data-theme="dark"] .dark-uw-disabled-object-left:disabled { object-position: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-left:focus-visible { object-position: left; }
  html[data-theme="dark"] .dark-uw-focus-within-object-left:focus-within { object-position: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-left { object-position: left; }
  html[data-theme="dark"] .dark-uw-object-right { object-position: right; }
  html[data-theme="dark"] .dark-uw-hover-object-right:hover { object-position: right; }
  html[data-theme="dark"] .dark-uw-focus-object-right:focus { object-position: right; }
  html[data-theme="dark"] .dark-uw-active-object-right:active { object-position: right; }
  html[data-theme="dark"] .dark-uw-disabled-object-right:disabled { object-position: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-right:focus-visible { object-position: right; }
  html[data-theme="dark"] .dark-uw-focus-within-object-right:focus-within { object-position: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-right { object-position: right; }
  html[data-theme="dark"] .dark-uw-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-uw-hover-object-left-top:hover { object-position: left top; }
  html[data-theme="dark"] .dark-uw-focus-object-left-top:focus { object-position: left top; }
  html[data-theme="dark"] .dark-uw-active-object-left-top:active { object-position: left top; }
  html[data-theme="dark"] .dark-uw-disabled-object-left-top:disabled { object-position: left top; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-left-top:focus-visible { object-position: left top; }
  html[data-theme="dark"] .dark-uw-focus-within-object-left-top:focus-within { object-position: left top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-left-top { object-position: left top; }
  html[data-theme="dark"] .dark-uw-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-uw-hover-object-right-top:hover { object-position: right top; }
  html[data-theme="dark"] .dark-uw-focus-object-right-top:focus { object-position: right top; }
  html[data-theme="dark"] .dark-uw-active-object-right-top:active { object-position: right top; }
  html[data-theme="dark"] .dark-uw-disabled-object-right-top:disabled { object-position: right top; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-right-top:focus-visible { object-position: right top; }
  html[data-theme="dark"] .dark-uw-focus-within-object-right-top:focus-within { object-position: right top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-right-top { object-position: right top; }
  html[data-theme="dark"] .dark-uw-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-hover-object-left-bottom:hover { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-focus-object-left-bottom:focus { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-active-object-left-bottom:active { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-disabled-object-left-bottom:disabled { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-left-bottom:focus-visible { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-object-left-bottom:focus-within { object-position: left bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-left-bottom { object-position: left bottom; }
  html[data-theme="dark"] .dark-uw-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-hover-object-right-bottom:hover { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-focus-object-right-bottom:focus { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-active-object-right-bottom:active { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-disabled-object-right-bottom:disabled { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-object-right-bottom:focus-visible { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-object-right-bottom:focus-within { object-position: right bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-object-right-bottom { object-position: right bottom; }
  html[data-theme="dark"] .dark-uw-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-1:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-1:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  html[data-theme="dark"] .dark-uw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-2:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-2:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  html[data-theme="dark"] .dark-uw-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-3:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-3:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  html[data-theme="dark"] .dark-uw-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-4:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-4:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  html[data-theme="dark"] .dark-uw-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-5:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-5:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  html[data-theme="dark"] .dark-uw-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-focus-visible-line-clamp-6:focus-visible { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-focus-within-line-clamp-6:focus-within { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
  html[data-theme="dark"] .dark-uw-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-hover-list-style-image-none:hover { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-focus-list-style-image-none:focus { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-active-list-style-image-none:active { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-image-none:disabled { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-image-none:focus-visible { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-image-none:focus-within { list-style-image: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-image-none { list-style-image: none; }
  html[data-theme="dark"] .dark-uw-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-hover-list-style-position-inside:hover { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-focus-list-style-position-inside:focus { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-active-list-style-position-inside:active { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-position-inside:disabled { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-position-inside:focus-visible { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-position-inside:focus-within { list-style-position: inside; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-position-inside { list-style-position: inside; }
  html[data-theme="dark"] .dark-uw-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-hover-list-style-position-outside:hover { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-focus-list-style-position-outside:focus { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-active-list-style-position-outside:active { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-position-outside:disabled { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-position-outside:focus-visible { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-position-outside:focus-within { list-style-position: outside; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-position-outside { list-style-position: outside; }
  html[data-theme="dark"] .dark-uw-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-none:hover { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-none:focus { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-none:active { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-none:disabled { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-none:focus-visible { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-none:focus-within { list-style-type: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-none { list-style-type: none; }
  html[data-theme="dark"] .dark-uw-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-disc:hover { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-disc:focus { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-disc:active { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-disc:disabled { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-disc:focus-visible { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-disc:focus-within { list-style-type: disc; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-disc { list-style-type: disc; }
  html[data-theme="dark"] .dark-uw-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-circle:hover { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-circle:focus { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-circle:active { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-circle:disabled { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-circle:focus-visible { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-circle:focus-within { list-style-type: circle; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-circle { list-style-type: circle; }
  html[data-theme="dark"] .dark-uw-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-square:hover { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-square:focus { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-square:active { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-square:disabled { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-square:focus-visible { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-square:focus-within { list-style-type: square; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-square { list-style-type: square; }
  html[data-theme="dark"] .dark-uw-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-decimal:hover { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-decimal:focus { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-decimal:active { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-decimal:focus-visible { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-decimal:focus-within { list-style-type: decimal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-decimal { list-style-type: decimal; }
  html[data-theme="dark"] .dark-uw-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-lower_roman:focus-visible { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-lower_roman:focus-within { list-style-type: lower-roman; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
  html[data-theme="dark"] .dark-uw-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-upper_roman:focus-visible { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-upper_roman:focus-within { list-style-type: upper-roman; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
  html[data-theme="dark"] .dark-uw-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-lower_alpha:focus-visible { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-lower_alpha:focus-within { list-style-type: lower-alpha; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
  html[data-theme="dark"] .dark-uw-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-focus-visible-list-style-type-upper_alpha:focus-visible { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-focus-within-list-style-type-upper_alpha:focus-within { list-style-type: upper-alpha; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
  html[data-theme="dark"] .dark-uw-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-uw-hover-text-align-left:hover { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-text-align-left:focus { text-align: left; }
  html[data-theme="dark"] .dark-uw-active-text-align-left:active { text-align: left; }
  html[data-theme="dark"] .dark-uw-disabled-text-align-left:disabled { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-align-left:focus-visible { text-align: left; }
  html[data-theme="dark"] .dark-uw-focus-within-text-align-left:focus-within { text-align: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-align-left { text-align: left; }
  html[data-theme="dark"] .dark-uw-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-uw-hover-text-align-center:hover { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-text-align-center:focus { text-align: center; }
  html[data-theme="dark"] .dark-uw-active-text-align-center:active { text-align: center; }
  html[data-theme="dark"] .dark-uw-disabled-text-align-center:disabled { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-align-center:focus-visible { text-align: center; }
  html[data-theme="dark"] .dark-uw-focus-within-text-align-center:focus-within { text-align: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-align-center { text-align: center; }
  html[data-theme="dark"] .dark-uw-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-uw-hover-text-align-right:hover { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-text-align-right:focus { text-align: right; }
  html[data-theme="dark"] .dark-uw-active-text-align-right:active { text-align: right; }
  html[data-theme="dark"] .dark-uw-disabled-text-align-right:disabled { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-align-right:focus-visible { text-align: right; }
  html[data-theme="dark"] .dark-uw-focus-within-text-align-right:focus-within { text-align: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-align-right { text-align: right; }
  html[data-theme="dark"] .dark-uw-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-uw-hover-text-align-justify:hover { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-text-align-justify:focus { text-align: justify; }
  html[data-theme="dark"] .dark-uw-active-text-align-justify:active { text-align: justify; }
  html[data-theme="dark"] .dark-uw-disabled-text-align-justify:disabled { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-visible-text-align-justify:focus-visible { text-align: justify; }
  html[data-theme="dark"] .dark-uw-focus-within-text-align-justify:focus-within { text-align: justify; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-align-justify { text-align: justify; }
  html[data-theme="dark"] .dark-uw-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-uw-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-uw-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-uw-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-100:hover { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-100:focus { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-active-perspective-100:active { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-100:disabled { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-100:focus-visible { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-100:focus-within { perspective: 100px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-100 { perspective: 100px; }
  html[data-theme="dark"] .dark-uw-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-500:hover { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-500:focus { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-active-perspective-500:active { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-500:disabled { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-500:focus-visible { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-500:focus-within { perspective: 500px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-500 { perspective: 500px; }
  html[data-theme="dark"] .dark-uw-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-1000:hover { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-1000:focus { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-active-perspective-1000:active { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-1000:disabled { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-1000:focus-visible { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-1000:focus-within { perspective: 1000px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-1000 { perspective: 1000px; }
  html[data-theme="dark"] .dark-uw-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-1500:hover { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-1500:focus { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-active-perspective-1500:active { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-1500:disabled { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-1500:focus-visible { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-1500:focus-within { perspective: 1500px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-1500 { perspective: 1500px; }
  html[data-theme="dark"] .dark-uw-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-2000:hover { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-2000:focus { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-active-perspective-2000:active { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-2000:disabled { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-2000:focus-visible { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-2000:focus-within { perspective: 2000px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-2000 { perspective: 2000px; }
  html[data-theme="dark"] .dark-uw-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-top_left:active { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-top_left:focus-visible { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-top_left:focus-within { perspective-origin: top left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-top_left { perspective-origin: top left; }
  html[data-theme="dark"] .dark-uw-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-top_right:active { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-top_right:focus-visible { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-top_right:focus-within { perspective-origin: top right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-top_right { perspective-origin: top right; }
  html[data-theme="dark"] .dark-uw-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-bottom_left:focus-visible { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-bottom_left:focus-within { perspective-origin: bottom left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-bottom_right:focus-visible { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-bottom_right:focus-within { perspective-origin: bottom right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-transform-none { transform: none; }
  html[data-theme="dark"] .dark-uw-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-uw-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-uw-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-uw-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-n180:hover { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-n180:focus { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-n180:active { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-n180:focus-visible { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-n180:focus-within { transform: rotate(-180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-n180 { transform: rotate(-180deg); }
  html[data-theme="dark"] .dark-uw-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-n90:hover { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-n90:focus { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-n90:active { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-n90:focus-visible { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-n90:focus-within { transform: rotate(-90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-n90 { transform: rotate(-90deg); }
  html[data-theme="dark"] .dark-uw-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-n45:hover { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-n45:focus { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-n45:active { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-n45:focus-visible { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-n45:focus-within { transform: rotate(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-n45 { transform: rotate(-45deg); }
  html[data-theme="dark"] .dark-uw-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-0:hover { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-0:focus { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-0:active { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-0:focus-visible { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-0:focus-within { transform: rotate(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-0 { transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-45:hover { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-45:focus { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-45:active { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-45:focus-visible { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-45:focus-within { transform: rotate(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-45 { transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-90:hover { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-90:focus { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-90:active { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-90:focus-visible { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-90:focus-within { transform: rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-90 { transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-180:hover { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-180:focus { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-180:active { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-180:focus-visible { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-180:focus-within { transform: rotate(180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-180 { transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-50:hover { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-50:focus { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-active-scale-50:active { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-50:disabled { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-50:focus-visible { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-50:focus-within { transform: scale(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-50 { transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-hover-scale-75:hover { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-scale-75:focus { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-active-scale-75:active { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-disabled-scale-75:disabled { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-75:focus-visible { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-75:focus-within { transform: scale(0.75); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-75 { transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-hover-scale-90:hover { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-scale-90:focus { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-active-scale-90:active { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-disabled-scale-90:disabled { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-90:focus-visible { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-90:focus-within { transform: scale(0.9); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-90 { transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-hover-scale-95:hover { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-scale-95:focus { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-active-scale-95:active { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-disabled-scale-95:disabled { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-95:focus-visible { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-95:focus-within { transform: scale(0.95); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-95 { transform: scale(0.95); }
  html[data-theme="dark"] .dark-uw-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-hover-scale-100:hover { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-scale-100:focus { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-active-scale-100:active { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-disabled-scale-100:disabled { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-100:focus-visible { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-100:focus-within { transform: scale(1.0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-100 { transform: scale(1.0); }
  html[data-theme="dark"] .dark-uw-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-hover-scale-105:hover { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-scale-105:focus { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-active-scale-105:active { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-disabled-scale-105:disabled { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-105:focus-visible { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-105:focus-within { transform: scale(1.05); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-105 { transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-hover-scale-110:hover { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-scale-110:focus { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-active-scale-110:active { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-disabled-scale-110:disabled { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-110:focus-visible { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-110:focus-within { transform: scale(1.1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-110 { transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-hover-scale-125:hover { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-scale-125:focus { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-active-scale-125:active { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-scale-125:disabled { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-125:focus-visible { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-125:focus-within { transform: scale(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-125 { transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-150:hover { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-150:focus { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-active-scale-150:active { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-150:disabled { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-150:focus-visible { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-150:focus-within { transform: scale(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-150 { transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-n45:hover { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-n45:focus { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-n45:active { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-n45:focus-visible { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-n45:focus-within { transform: skewX(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-n45 { transform: skewX(-45deg); }
  html[data-theme="dark"] .dark-uw-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-n45:hover { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-n45:focus { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-n45:active { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-n45:focus-visible { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-n45:focus-within { transform: skewY(-45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-n45 { transform: skewY(-45deg); }
  html[data-theme="dark"] .dark-uw-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-n30:hover { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-n30:focus { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-n30:active { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-n30:focus-visible { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-n30:focus-within { transform: skewX(-30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-n30 { transform: skewX(-30deg); }
  html[data-theme="dark"] .dark-uw-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-n30:hover { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-n30:focus { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-n30:active { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-n30:focus-visible { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-n30:focus-within { transform: skewY(-30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-n30 { transform: skewY(-30deg); }
  html[data-theme="dark"] .dark-uw-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-n15:hover { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-n15:focus { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-n15:active { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-n15:focus-visible { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-n15:focus-within { transform: skewX(-15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-n15 { transform: skewX(-15deg); }
  html[data-theme="dark"] .dark-uw-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-n15:hover { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-n15:focus { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-n15:active { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-n15:focus-visible { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-n15:focus-within { transform: skewY(-15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-n15 { transform: skewY(-15deg); }
  html[data-theme="dark"] .dark-uw-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-0:hover { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-0:focus { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-0:active { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-0:focus-visible { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-0:focus-within { transform: skewX(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-0 { transform: skewX(0deg); }
  html[data-theme="dark"] .dark-uw-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-0:hover { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-0:focus { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-0:active { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-0:focus-visible { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-0:focus-within { transform: skewY(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-0 { transform: skewY(0deg); }
  html[data-theme="dark"] .dark-uw-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-15:hover { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-15:focus { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-15:active { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-15:focus-visible { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-15:focus-within { transform: skewX(15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-15 { transform: skewX(15deg); }
  html[data-theme="dark"] .dark-uw-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-15:hover { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-15:focus { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-15:active { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-15:focus-visible { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-15:focus-within { transform: skewY(15deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-15 { transform: skewY(15deg); }
  html[data-theme="dark"] .dark-uw-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-30:hover { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-30:focus { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-30:active { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-30:focus-visible { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-30:focus-within { transform: skewX(30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-30 { transform: skewX(30deg); }
  html[data-theme="dark"] .dark-uw-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-30:hover { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-30:focus { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-30:active { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-30:focus-visible { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-30:focus-within { transform: skewY(30deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-30 { transform: skewY(30deg); }
  html[data-theme="dark"] .dark-uw-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-45:hover { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-45:focus { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-45:active { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-45:focus-visible { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-45:focus-within { transform: skewX(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-45 { transform: skewX(45deg); }
  html[data-theme="dark"] .dark-uw-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-45:hover { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-45:focus { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-45:active { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-45:focus-visible { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-45:focus-within { transform: skewY(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-45 { transform: skewY(45deg); }
  html[data-theme="dark"] .dark-uw-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0:hover { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0:focus { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0:active { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0:focus-visible { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0:focus-within { transform: translateX(0rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0 { transform: translateX(0rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0:hover { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0:focus { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0:active { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0:focus-visible { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0:focus-within { transform: translateY(0rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0 { transform: translateY(0rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_125:active { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_125:focus-visible { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_125:focus-within { transform: translateX(0.125rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_125:active { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_125:focus-visible { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_125:focus-within { transform: translateY(0.125rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_25:focus-visible { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_25:focus-within { transform: translateX(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_25:focus-visible { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_25:focus-within { transform: translateY(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_5:focus-visible { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_5:focus-within { transform: translateX(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_5:focus-visible { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_5:focus-within { transform: translateY(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0_75:active { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0_75:focus-visible { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0_75:focus-within { transform: translateX(0.75rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0_75:active { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0_75:focus-visible { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0_75:focus-within { transform: translateY(0.75rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
  html[data-theme="dark"] .dark-uw-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-1:hover { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-1:focus { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-1:active { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-1:focus-visible { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-1:focus-within { transform: translateX(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-1 { transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-1:hover { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-1:focus { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-1:active { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-1:focus-visible { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-1:focus-within { transform: translateY(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-1 { transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-1_5:focus-visible { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-1_5:focus-within { transform: translateX(1.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-1_5:focus-visible { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-1_5:focus-within { transform: translateY(1.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-2:hover { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-2:focus { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-2:active { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-2:focus-visible { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-2:focus-within { transform: translateX(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-2 { transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-2:hover { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-2:focus { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-2:active { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-2:focus-visible { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-2:focus-within { transform: translateY(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-2 { transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-3:hover { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-3:focus { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-3:active { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-3:focus-visible { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-3:focus-within { transform: translateX(3rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-3 { transform: translateX(3rem); }
  html[data-theme="dark"] .dark-uw-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-3:hover { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-3:focus { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-3:active { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-3:focus-visible { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-3:focus-within { transform: translateY(3rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-3 { transform: translateY(3rem); }
  html[data-theme="dark"] .dark-uw-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-4:hover { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-4:focus { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-4:active { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-4:focus-visible { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-4:focus-within { transform: translateX(4rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-4 { transform: translateX(4rem); }
  html[data-theme="dark"] .dark-uw-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-4:hover { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-4:focus { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-4:active { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-4:focus-visible { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-4:focus-within { transform: translateY(4rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-4 { transform: translateY(4rem); }
  html[data-theme="dark"] .dark-uw-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-hover-origin-top_left:hover { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-origin-top_left:focus { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-active-origin-top_left:active { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-disabled-origin-top_left:disabled { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-top_left:focus-visible { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-top_left:focus-within { transform-origin: top left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-top_left { transform-origin: top left; }
  html[data-theme="dark"] .dark-uw-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-hover-origin-top_right:hover { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-origin-top_right:focus { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-active-origin-top_right:active { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-disabled-origin-top_right:disabled { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-top_right:focus-visible { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-top_right:focus-within { transform-origin: top right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-top_right { transform-origin: top right; }
  html[data-theme="dark"] .dark-uw-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-hover-origin-bottom_left:hover { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-origin-bottom_left:focus { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-active-origin-bottom_left:active { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-bottom_left:focus-visible { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-bottom_left:focus-within { transform-origin: bottom left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-bottom_left { transform-origin: bottom left; }
  html[data-theme="dark"] .dark-uw-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-hover-origin-bottom_right:hover { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-origin-bottom_right:focus { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-active-origin-bottom_right:active { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-bottom_right:focus-visible { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-bottom_right:focus-within { transform-origin: bottom right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-bottom_right { transform-origin: bottom right; }
  html[data-theme="dark"] .dark-uw-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-style-preserve-3d:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-style-preserve-3d:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-hover-accent-transparent:hover { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-accent-transparent:focus { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-active-accent-transparent:active { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-disabled-accent-transparent:disabled { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-transparent:focus-visible { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-focus-within-accent-transparent:focus-within { accent-color: transparent; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-transparent { accent-color: transparent; }
  html[data-theme="dark"] .dark-uw-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-50:focus-visible { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-50:focus-within { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-100:focus-visible { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-100:focus-within { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-200:focus-visible { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-200:focus-within { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-300:focus-visible { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-300:focus-within { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-400:focus-visible { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-400:focus-within { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-500:focus-visible { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-500:focus-within { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-600:focus-visible { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-600:focus-within { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-700:focus-visible { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-700:focus-within { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-800:focus-visible { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-800:focus-within { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-red-900:focus-visible { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-red-900:focus-within { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-50:focus-visible { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-50:focus-within { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-100:focus-visible { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-100:focus-within { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-200:focus-visible { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-200:focus-within { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-300:focus-visible { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-300:focus-within { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-400:focus-visible { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-400:focus-within { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-500:focus-visible { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-500:focus-within { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-600:focus-visible { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-600:focus-within { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-700:focus-visible { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-700:focus-within { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-800:focus-visible { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-800:focus-within { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-orange-900:focus-visible { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-orange-900:focus-within { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-50:focus-visible { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-50:focus-within { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-100:focus-visible { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-100:focus-within { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-200:focus-visible { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-200:focus-within { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-300:focus-visible { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-300:focus-within { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-400:focus-visible { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-400:focus-within { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-500:focus-visible { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-500:focus-within { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-600:focus-visible { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-600:focus-within { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-700:focus-visible { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-700:focus-within { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-800:focus-visible { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-800:focus-within { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-teal-900:focus-visible { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-teal-900:focus-within { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-50:focus-visible { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-50:focus-within { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-100:focus-visible { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-100:focus-within { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-200:focus-visible { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-200:focus-within { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-300:focus-visible { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-300:focus-within { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-400:focus-visible { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-400:focus-within { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-500:focus-visible { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-500:focus-within { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-600:focus-visible { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-600:focus-within { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-700:focus-visible { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-700:focus-within { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-800:focus-visible { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-800:focus-within { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-purple-900:focus-visible { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-purple-900:focus-within { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-50:focus-visible { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-50:focus-within { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-100:focus-visible { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-100:focus-within { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-200:focus-visible { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-200:focus-within { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-300:focus-visible { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-300:focus-within { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-400:focus-visible { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-400:focus-within { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-500:focus-visible { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-500:focus-within { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-600:focus-visible { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-600:focus-within { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-700:focus-visible { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-700:focus-within { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-800:focus-visible { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-800:focus-within { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-indigo-900:focus-visible { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-indigo-900:focus-within { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-50:focus-visible { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-50:focus-within { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-100:focus-visible { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-100:focus-within { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-200:focus-visible { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-200:focus-within { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-300:focus-visible { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-300:focus-within { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-400:focus-visible { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-400:focus-within { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-500:focus-visible { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-500:focus-within { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-600:focus-visible { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-600:focus-within { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-700:focus-visible { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-700:focus-within { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-800:focus-visible { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-800:focus-within { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-yellow-900:focus-visible { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-yellow-900:focus-within { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-50:focus-visible { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-50:focus-within { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-100:focus-visible { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-100:focus-within { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-200:focus-visible { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-200:focus-within { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-300:focus-visible { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-300:focus-within { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-400:focus-visible { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-400:focus-within { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-500:focus-visible { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-500:focus-within { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-600:focus-visible { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-600:focus-within { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-700:focus-visible { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-700:focus-within { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-800:focus-visible { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-800:focus-within { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-pink-900:focus-visible { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-pink-900:focus-within { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-50:focus-visible { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-50:focus-within { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-100:focus-visible { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-100:focus-within { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-200:focus-visible { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-200:focus-within { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-300:focus-visible { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-300:focus-within { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-400:focus-visible { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-400:focus-within { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-500:focus-visible { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-500:focus-within { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-600:focus-visible { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-600:focus-within { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-700:focus-visible { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-700:focus-within { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-800:focus-visible { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-800:focus-within { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-grey-900:focus-visible { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-grey-900:focus-within { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-50:hover { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-50:focus { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-50:active { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-50:disabled { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-50:focus-visible { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-50:focus-within { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-50 { accent-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-100:hover { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-100:focus { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-100:active { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-100:disabled { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-100:focus-visible { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-100:focus-within { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-100 { accent-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-200:hover { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-200:focus { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-200:active { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-200:disabled { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-200:focus-visible { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-200:focus-within { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-200 { accent-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-300:hover { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-300:focus { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-300:active { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-300:disabled { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-300:focus-visible { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-300:focus-within { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-300 { accent-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-400:hover { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-400:focus { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-400:active { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-400:disabled { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-400:focus-visible { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-400:focus-within { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-400 { accent-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-500:hover { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-500:focus { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-500:active { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-500:disabled { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-500:focus-visible { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-500:focus-within { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-500 { accent-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-600:hover { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-600:focus { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-600:active { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-600:disabled { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-600:focus-visible { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-600:focus-within { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-600 { accent-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-700:hover { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-700:focus { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-700:active { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-700:disabled { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-700:focus-visible { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-700:focus-within { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-700 { accent-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-800:hover { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-800:focus { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-800:active { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-800:disabled { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-800:focus-visible { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-800:focus-within { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-800 { accent-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-zinc-900:hover { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-zinc-900:focus { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-accent-zinc-900:active { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-zinc-900:disabled { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-zinc-900:focus-visible { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-zinc-900:focus-within { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-zinc-900 { accent-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-50:hover { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-50:focus { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-50:active { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-50:disabled { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-50:focus-visible { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-50:focus-within { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-50 { accent-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-100:hover { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-100:focus { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-100:active { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-100:disabled { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-100:focus-visible { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-100:focus-within { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-100 { accent-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-200:hover { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-200:focus { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-200:active { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-200:disabled { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-200:focus-visible { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-200:focus-within { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-200 { accent-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-300:hover { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-300:focus { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-300:active { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-300:disabled { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-300:focus-visible { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-300:focus-within { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-300 { accent-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-400:hover { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-400:focus { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-400:active { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-400:disabled { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-400:focus-visible { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-400:focus-within { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-400 { accent-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-500:hover { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-500:focus { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-500:active { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-500:disabled { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-500:focus-visible { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-500:focus-within { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-500 { accent-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-600:hover { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-600:focus { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-600:active { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-600:disabled { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-600:focus-visible { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-600:focus-within { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-600 { accent-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-700:hover { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-700:focus { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-700:active { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-700:disabled { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-700:focus-visible { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-700:focus-within { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-700 { accent-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-800:hover { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-800:focus { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-800:active { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-800:disabled { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-800:focus-visible { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-800:focus-within { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-800 { accent-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-neutral-900:hover { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-neutral-900:focus { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-accent-neutral-900:active { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-neutral-900:disabled { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-neutral-900:focus-visible { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-neutral-900:focus-within { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-neutral-900 { accent-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-50:focus-visible { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-50:focus-within { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-100:focus-visible { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-100:focus-within { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-200:focus-visible { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-200:focus-within { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-300:focus-visible { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-300:focus-within { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-400:focus-visible { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-400:focus-within { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-500:focus-visible { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-500:focus-within { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-600:focus-visible { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-600:focus-within { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-700:focus-visible { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-700:focus-within { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-800:focus-visible { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-800:focus-within { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-lime-900:focus-visible { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-lime-900:focus-within { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-50:focus-visible { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-50:focus-within { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-100:focus-visible { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-100:focus-within { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-200:focus-visible { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-200:focus-within { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-300:focus-visible { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-300:focus-within { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-400:focus-visible { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-400:focus-within { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-500:focus-visible { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-500:focus-within { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-600:focus-visible { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-600:focus-within { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-700:focus-visible { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-700:focus-within { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-800:focus-visible { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-800:focus-within { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-cyan-900:focus-visible { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-cyan-900:focus-within { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-50:focus-visible { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-50:focus-within { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-100:focus-visible { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-100:focus-within { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-200:focus-visible { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-200:focus-within { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-300:focus-visible { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-300:focus-within { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-400:focus-visible { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-400:focus-within { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-500:focus-visible { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-500:focus-within { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-600:focus-visible { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-600:focus-within { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-700:focus-visible { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-700:focus-within { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-800:focus-visible { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-800:focus-within { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-sky-900:focus-visible { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-sky-900:focus-within { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-50:focus-visible { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-50:focus-within { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-100:focus-visible { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-100:focus-within { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-200:focus-visible { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-200:focus-within { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-300:focus-visible { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-300:focus-within { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-400:focus-visible { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-400:focus-within { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-500:focus-visible { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-500:focus-within { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-600:focus-visible { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-600:focus-within { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-700:focus-visible { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-700:focus-within { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-800:focus-visible { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-800:focus-within { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-violet-900:focus-visible { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-violet-900:focus-within { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-50:focus-visible { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-50:focus-within { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-100:focus-visible { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-100:focus-within { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-200:focus-visible { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-200:focus-within { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-300:focus-visible { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-300:focus-within { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-400:focus-visible { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-400:focus-within { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-500:focus-visible { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-500:focus-within { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-600:focus-visible { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-600:focus-within { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-700:focus-visible { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-700:focus-within { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-800:focus-visible { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-800:focus-within { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-rose-900:focus-visible { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-rose-900:focus-within { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-50:focus-visible { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-50:focus-within { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-100:focus-visible { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-100:focus-within { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-200:focus-visible { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-200:focus-within { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-300:focus-visible { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-300:focus-within { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-400:focus-visible { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-400:focus-within { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-500:focus-visible { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-500:focus-within { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-600:focus-visible { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-600:focus-within { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-700:focus-visible { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-700:focus-within { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-800:focus-visible { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-800:focus-within { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-slate-900:focus-visible { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-slate-900:focus-within { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-50:focus-visible { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-50:focus-within { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-100:focus-visible { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-100:focus-within { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-200:focus-visible { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-200:focus-within { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-300:focus-visible { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-300:focus-within { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-400:focus-visible { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-400:focus-within { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-500:focus-visible { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-500:focus-within { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-600:focus-visible { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-600:focus-within { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-700:focus-visible { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-700:focus-within { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-800:focus-visible { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-800:focus-within { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-blue-900:focus-visible { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-blue-900:focus-within { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-50:focus-visible { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-50:focus-within { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-100:focus-visible { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-100:focus-within { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-200:focus-visible { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-200:focus-within { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-300:focus-visible { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-300:focus-within { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-400:focus-visible { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-400:focus-within { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-500:focus-visible { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-500:focus-within { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-600:focus-visible { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-600:focus-within { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-700:focus-visible { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-700:focus-within { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-800:focus-visible { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-800:focus-within { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-green-900:focus-visible { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-accent-green-900:focus-within { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-uw-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-uw-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-uw-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-uw-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-uw-hover-appearance-auto:hover { appearance: auto; }
  html[data-theme="dark"] .dark-uw-focus-appearance-auto:focus { appearance: auto; }
  html[data-theme="dark"] .dark-uw-active-appearance-auto:active { appearance: auto; }
  html[data-theme="dark"] .dark-uw-disabled-appearance-auto:disabled { appearance: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-appearance-auto:focus-visible { appearance: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-appearance-auto:focus-within { appearance: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-appearance-auto { appearance: auto; }
  html[data-theme="dark"] .dark-uw-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-50:focus-visible { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-50:focus-within { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
  html[data-theme="dark"] .dark-uw-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-100:focus-visible { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-100:focus-within { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
  html[data-theme="dark"] .dark-uw-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-200:focus-visible { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-200:focus-within { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
  html[data-theme="dark"] .dark-uw-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-300:focus-visible { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-300:focus-within { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
  html[data-theme="dark"] .dark-uw-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-400:focus-visible { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-400:focus-within { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
  html[data-theme="dark"] .dark-uw-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-500:focus-visible { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-500:focus-within { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
  html[data-theme="dark"] .dark-uw-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-600:focus-visible { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-600:focus-within { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
  html[data-theme="dark"] .dark-uw-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-700:focus-visible { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-700:focus-within { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
  html[data-theme="dark"] .dark-uw-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-800:focus-visible { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-800:focus-within { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
  html[data-theme="dark"] .dark-uw-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-red-900:focus-visible { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-red-900:focus-within { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
  html[data-theme="dark"] .dark-uw-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-50:focus-visible { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-50:focus-within { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
  html[data-theme="dark"] .dark-uw-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-100:focus-visible { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-100:focus-within { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
  html[data-theme="dark"] .dark-uw-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-200:focus-visible { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-200:focus-within { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
  html[data-theme="dark"] .dark-uw-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-300:focus-visible { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-300:focus-within { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
  html[data-theme="dark"] .dark-uw-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-400:focus-visible { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-400:focus-within { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
  html[data-theme="dark"] .dark-uw-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-500:focus-visible { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-500:focus-within { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
  html[data-theme="dark"] .dark-uw-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-600:focus-visible { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-600:focus-within { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
  html[data-theme="dark"] .dark-uw-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-700:focus-visible { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-700:focus-within { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
  html[data-theme="dark"] .dark-uw-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-800:focus-visible { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-800:focus-within { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
  html[data-theme="dark"] .dark-uw-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-orange-900:focus-visible { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-orange-900:focus-within { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
  html[data-theme="dark"] .dark-uw-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-50:focus-visible { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-50:focus-within { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
  html[data-theme="dark"] .dark-uw-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-100:focus-visible { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-100:focus-within { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
  html[data-theme="dark"] .dark-uw-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-200:focus-visible { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-200:focus-within { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
  html[data-theme="dark"] .dark-uw-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-300:focus-visible { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-300:focus-within { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
  html[data-theme="dark"] .dark-uw-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-400:focus-visible { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-400:focus-within { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
  html[data-theme="dark"] .dark-uw-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-500:focus-visible { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-500:focus-within { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
  html[data-theme="dark"] .dark-uw-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-600:focus-visible { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-600:focus-within { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
  html[data-theme="dark"] .dark-uw-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-700:focus-visible { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-700:focus-within { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
  html[data-theme="dark"] .dark-uw-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-800:focus-visible { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-800:focus-within { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
  html[data-theme="dark"] .dark-uw-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-teal-900:focus-visible { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-teal-900:focus-within { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
  html[data-theme="dark"] .dark-uw-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-50:focus-visible { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-50:focus-within { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
  html[data-theme="dark"] .dark-uw-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-100:focus-visible { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-100:focus-within { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
  html[data-theme="dark"] .dark-uw-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-200:focus-visible { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-200:focus-within { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
  html[data-theme="dark"] .dark-uw-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-300:focus-visible { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-300:focus-within { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
  html[data-theme="dark"] .dark-uw-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-400:focus-visible { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-400:focus-within { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
  html[data-theme="dark"] .dark-uw-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-500:focus-visible { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-500:focus-within { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
  html[data-theme="dark"] .dark-uw-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-600:focus-visible { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-600:focus-within { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
  html[data-theme="dark"] .dark-uw-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-700:focus-visible { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-700:focus-within { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
  html[data-theme="dark"] .dark-uw-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-800:focus-visible { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-800:focus-within { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
  html[data-theme="dark"] .dark-uw-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-purple-900:focus-visible { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-purple-900:focus-within { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
  html[data-theme="dark"] .dark-uw-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-50:focus-visible { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-50:focus-within { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
  html[data-theme="dark"] .dark-uw-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-100:focus-visible { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-100:focus-within { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
  html[data-theme="dark"] .dark-uw-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-200:focus-visible { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-200:focus-within { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
  html[data-theme="dark"] .dark-uw-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-300:focus-visible { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-300:focus-within { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
  html[data-theme="dark"] .dark-uw-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-400:focus-visible { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-400:focus-within { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
  html[data-theme="dark"] .dark-uw-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-500:focus-visible { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-500:focus-within { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
  html[data-theme="dark"] .dark-uw-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-600:focus-visible { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-600:focus-within { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
  html[data-theme="dark"] .dark-uw-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-700:focus-visible { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-700:focus-within { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
  html[data-theme="dark"] .dark-uw-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-800:focus-visible { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-800:focus-within { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
  html[data-theme="dark"] .dark-uw-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-indigo-900:focus-visible { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-indigo-900:focus-within { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
  html[data-theme="dark"] .dark-uw-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-50:focus-visible { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-50:focus-within { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
  html[data-theme="dark"] .dark-uw-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-100:focus-visible { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-100:focus-within { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
  html[data-theme="dark"] .dark-uw-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-200:focus-visible { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-200:focus-within { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
  html[data-theme="dark"] .dark-uw-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-300:focus-visible { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-300:focus-within { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
  html[data-theme="dark"] .dark-uw-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-400:focus-visible { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-400:focus-within { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
  html[data-theme="dark"] .dark-uw-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-500:focus-visible { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-500:focus-within { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
  html[data-theme="dark"] .dark-uw-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-600:focus-visible { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-600:focus-within { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
  html[data-theme="dark"] .dark-uw-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-700:focus-visible { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-700:focus-within { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
  html[data-theme="dark"] .dark-uw-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-800:focus-visible { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-800:focus-within { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
  html[data-theme="dark"] .dark-uw-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-yellow-900:focus-visible { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-yellow-900:focus-within { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
  html[data-theme="dark"] .dark-uw-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-50:focus-visible { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-50:focus-within { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
  html[data-theme="dark"] .dark-uw-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-100:focus-visible { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-100:focus-within { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
  html[data-theme="dark"] .dark-uw-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-200:focus-visible { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-200:focus-within { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
  html[data-theme="dark"] .dark-uw-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-300:focus-visible { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-300:focus-within { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
  html[data-theme="dark"] .dark-uw-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-400:focus-visible { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-400:focus-within { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
  html[data-theme="dark"] .dark-uw-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-500:focus-visible { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-500:focus-within { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
  html[data-theme="dark"] .dark-uw-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-600:focus-visible { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-600:focus-within { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
  html[data-theme="dark"] .dark-uw-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-700:focus-visible { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-700:focus-within { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
  html[data-theme="dark"] .dark-uw-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-800:focus-visible { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-800:focus-within { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
  html[data-theme="dark"] .dark-uw-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-pink-900:focus-visible { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-pink-900:focus-within { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
  html[data-theme="dark"] .dark-uw-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-50:focus-visible { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-50:focus-within { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
  html[data-theme="dark"] .dark-uw-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-100:focus-visible { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-100:focus-within { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
  html[data-theme="dark"] .dark-uw-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-200:focus-visible { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-200:focus-within { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
  html[data-theme="dark"] .dark-uw-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-300:focus-visible { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-300:focus-within { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
  html[data-theme="dark"] .dark-uw-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-400:focus-visible { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-400:focus-within { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
  html[data-theme="dark"] .dark-uw-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-500:focus-visible { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-500:focus-within { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
  html[data-theme="dark"] .dark-uw-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-600:focus-visible { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-600:focus-within { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
  html[data-theme="dark"] .dark-uw-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-700:focus-visible { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-700:focus-within { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
  html[data-theme="dark"] .dark-uw-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-800:focus-visible { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-800:focus-within { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
  html[data-theme="dark"] .dark-uw-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-grey-900:focus-visible { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-grey-900:focus-within { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
  html[data-theme="dark"] .dark-uw-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-50:hover { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-50:focus { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-50:active { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-50:disabled { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-50:focus-visible { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-50:focus-within { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-50 { caret-color: var(--quanta-zinc-50); }
  html[data-theme="dark"] .dark-uw-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-100:hover { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-100:focus { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-100:active { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-100:disabled { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-100:focus-visible { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-100:focus-within { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-100 { caret-color: var(--quanta-zinc-100); }
  html[data-theme="dark"] .dark-uw-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-200:hover { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-200:focus { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-200:active { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-200:disabled { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-200:focus-visible { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-200:focus-within { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-200 { caret-color: var(--quanta-zinc-200); }
  html[data-theme="dark"] .dark-uw-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-300:hover { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-300:focus { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-300:active { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-300:disabled { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-300:focus-visible { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-300:focus-within { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-300 { caret-color: var(--quanta-zinc-300); }
  html[data-theme="dark"] .dark-uw-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-400:hover { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-400:focus { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-400:active { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-400:disabled { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-400:focus-visible { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-400:focus-within { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-400 { caret-color: var(--quanta-zinc-400); }
  html[data-theme="dark"] .dark-uw-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-500:hover { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-500:focus { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-500:active { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-500:disabled { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-500:focus-visible { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-500:focus-within { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-500 { caret-color: var(--quanta-zinc-500); }
  html[data-theme="dark"] .dark-uw-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-600:hover { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-600:focus { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-600:active { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-600:disabled { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-600:focus-visible { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-600:focus-within { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-600 { caret-color: var(--quanta-zinc-600); }
  html[data-theme="dark"] .dark-uw-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-700:hover { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-700:focus { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-700:active { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-700:disabled { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-700:focus-visible { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-700:focus-within { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-700 { caret-color: var(--quanta-zinc-700); }
  html[data-theme="dark"] .dark-uw-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-800:hover { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-800:focus { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-800:active { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-800:disabled { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-800:focus-visible { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-800:focus-within { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-800 { caret-color: var(--quanta-zinc-800); }
  html[data-theme="dark"] .dark-uw-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-zinc-900:hover { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-zinc-900:focus { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-active-caret-zinc-900:active { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-zinc-900:disabled { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-zinc-900:focus-visible { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-zinc-900:focus-within { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-zinc-900 { caret-color: var(--quanta-zinc-900); }
  html[data-theme="dark"] .dark-uw-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-50:hover { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-50:focus { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-50:active { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-50:disabled { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-50:focus-visible { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-50:focus-within { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-50 { caret-color: var(--quanta-neutral-50); }
  html[data-theme="dark"] .dark-uw-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-100:hover { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-100:focus { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-100:active { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-100:disabled { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-100:focus-visible { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-100:focus-within { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-100 { caret-color: var(--quanta-neutral-100); }
  html[data-theme="dark"] .dark-uw-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-200:hover { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-200:focus { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-200:active { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-200:disabled { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-200:focus-visible { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-200:focus-within { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-200 { caret-color: var(--quanta-neutral-200); }
  html[data-theme="dark"] .dark-uw-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-300:hover { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-300:focus { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-300:active { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-300:disabled { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-300:focus-visible { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-300:focus-within { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-300 { caret-color: var(--quanta-neutral-300); }
  html[data-theme="dark"] .dark-uw-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-400:hover { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-400:focus { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-400:active { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-400:disabled { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-400:focus-visible { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-400:focus-within { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-400 { caret-color: var(--quanta-neutral-400); }
  html[data-theme="dark"] .dark-uw-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-500:hover { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-500:focus { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-500:active { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-500:disabled { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-500:focus-visible { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-500:focus-within { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-500 { caret-color: var(--quanta-neutral-500); }
  html[data-theme="dark"] .dark-uw-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-600:hover { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-600:focus { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-600:active { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-600:disabled { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-600:focus-visible { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-600:focus-within { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-600 { caret-color: var(--quanta-neutral-600); }
  html[data-theme="dark"] .dark-uw-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-700:hover { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-700:focus { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-700:active { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-700:disabled { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-700:focus-visible { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-700:focus-within { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-700 { caret-color: var(--quanta-neutral-700); }
  html[data-theme="dark"] .dark-uw-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-800:hover { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-800:focus { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-800:active { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-800:disabled { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-800:focus-visible { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-800:focus-within { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-800 { caret-color: var(--quanta-neutral-800); }
  html[data-theme="dark"] .dark-uw-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-neutral-900:hover { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-neutral-900:focus { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-active-caret-neutral-900:active { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-neutral-900:disabled { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-neutral-900:focus-visible { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-neutral-900:focus-within { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-neutral-900 { caret-color: var(--quanta-neutral-900); }
  html[data-theme="dark"] .dark-uw-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-50:focus-visible { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-50:focus-within { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
  html[data-theme="dark"] .dark-uw-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-100:focus-visible { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-100:focus-within { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
  html[data-theme="dark"] .dark-uw-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-200:focus-visible { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-200:focus-within { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
  html[data-theme="dark"] .dark-uw-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-300:focus-visible { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-300:focus-within { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
  html[data-theme="dark"] .dark-uw-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-400:focus-visible { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-400:focus-within { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
  html[data-theme="dark"] .dark-uw-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-500:focus-visible { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-500:focus-within { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
  html[data-theme="dark"] .dark-uw-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-600:focus-visible { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-600:focus-within { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
  html[data-theme="dark"] .dark-uw-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-700:focus-visible { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-700:focus-within { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
  html[data-theme="dark"] .dark-uw-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-800:focus-visible { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-800:focus-within { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
  html[data-theme="dark"] .dark-uw-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-lime-900:focus-visible { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-lime-900:focus-within { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
  html[data-theme="dark"] .dark-uw-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-50:focus-visible { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-50:focus-within { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
  html[data-theme="dark"] .dark-uw-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-100:focus-visible { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-100:focus-within { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
  html[data-theme="dark"] .dark-uw-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-200:focus-visible { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-200:focus-within { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
  html[data-theme="dark"] .dark-uw-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-300:focus-visible { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-300:focus-within { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
  html[data-theme="dark"] .dark-uw-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-400:focus-visible { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-400:focus-within { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
  html[data-theme="dark"] .dark-uw-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-500:focus-visible { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-500:focus-within { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
  html[data-theme="dark"] .dark-uw-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-600:focus-visible { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-600:focus-within { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
  html[data-theme="dark"] .dark-uw-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-700:focus-visible { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-700:focus-within { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
  html[data-theme="dark"] .dark-uw-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-800:focus-visible { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-800:focus-within { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
  html[data-theme="dark"] .dark-uw-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-cyan-900:focus-visible { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-cyan-900:focus-within { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
  html[data-theme="dark"] .dark-uw-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-50:focus-visible { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-50:focus-within { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
  html[data-theme="dark"] .dark-uw-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-100:focus-visible { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-100:focus-within { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
  html[data-theme="dark"] .dark-uw-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-200:focus-visible { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-200:focus-within { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
  html[data-theme="dark"] .dark-uw-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-300:focus-visible { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-300:focus-within { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
  html[data-theme="dark"] .dark-uw-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-400:focus-visible { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-400:focus-within { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
  html[data-theme="dark"] .dark-uw-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-500:focus-visible { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-500:focus-within { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
  html[data-theme="dark"] .dark-uw-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-600:focus-visible { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-600:focus-within { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
  html[data-theme="dark"] .dark-uw-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-700:focus-visible { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-700:focus-within { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
  html[data-theme="dark"] .dark-uw-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-800:focus-visible { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-800:focus-within { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
  html[data-theme="dark"] .dark-uw-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-sky-900:focus-visible { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-sky-900:focus-within { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
  html[data-theme="dark"] .dark-uw-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-50:focus-visible { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-50:focus-within { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
  html[data-theme="dark"] .dark-uw-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-100:focus-visible { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-100:focus-within { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
  html[data-theme="dark"] .dark-uw-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-200:focus-visible { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-200:focus-within { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
  html[data-theme="dark"] .dark-uw-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-300:focus-visible { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-300:focus-within { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
  html[data-theme="dark"] .dark-uw-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-400:focus-visible { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-400:focus-within { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
  html[data-theme="dark"] .dark-uw-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-500:focus-visible { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-500:focus-within { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
  html[data-theme="dark"] .dark-uw-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-600:focus-visible { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-600:focus-within { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
  html[data-theme="dark"] .dark-uw-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-700:focus-visible { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-700:focus-within { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
  html[data-theme="dark"] .dark-uw-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-800:focus-visible { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-800:focus-within { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
  html[data-theme="dark"] .dark-uw-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-violet-900:focus-visible { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-violet-900:focus-within { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
  html[data-theme="dark"] .dark-uw-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-50:focus-visible { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-50:focus-within { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
  html[data-theme="dark"] .dark-uw-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-100:focus-visible { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-100:focus-within { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
  html[data-theme="dark"] .dark-uw-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-200:focus-visible { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-200:focus-within { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
  html[data-theme="dark"] .dark-uw-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-300:focus-visible { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-300:focus-within { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
  html[data-theme="dark"] .dark-uw-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-400:focus-visible { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-400:focus-within { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
  html[data-theme="dark"] .dark-uw-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-500:focus-visible { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-500:focus-within { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
  html[data-theme="dark"] .dark-uw-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-600:focus-visible { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-600:focus-within { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
  html[data-theme="dark"] .dark-uw-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-700:focus-visible { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-700:focus-within { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
  html[data-theme="dark"] .dark-uw-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-800:focus-visible { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-800:focus-within { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
  html[data-theme="dark"] .dark-uw-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-rose-900:focus-visible { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-rose-900:focus-within { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
  html[data-theme="dark"] .dark-uw-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-50:focus-visible { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-50:focus-within { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
  html[data-theme="dark"] .dark-uw-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-100:focus-visible { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-100:focus-within { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
  html[data-theme="dark"] .dark-uw-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-200:focus-visible { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-200:focus-within { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
  html[data-theme="dark"] .dark-uw-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-300:focus-visible { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-300:focus-within { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
  html[data-theme="dark"] .dark-uw-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-400:focus-visible { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-400:focus-within { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
  html[data-theme="dark"] .dark-uw-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-500:focus-visible { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-500:focus-within { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
  html[data-theme="dark"] .dark-uw-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-600:focus-visible { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-600:focus-within { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
  html[data-theme="dark"] .dark-uw-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-700:focus-visible { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-700:focus-within { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
  html[data-theme="dark"] .dark-uw-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-800:focus-visible { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-800:focus-within { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
  html[data-theme="dark"] .dark-uw-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-slate-900:focus-visible { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-slate-900:focus-within { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
  html[data-theme="dark"] .dark-uw-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-50:focus-visible { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-50:focus-within { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
  html[data-theme="dark"] .dark-uw-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-100:focus-visible { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-100:focus-within { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
  html[data-theme="dark"] .dark-uw-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-200:focus-visible { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-200:focus-within { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
  html[data-theme="dark"] .dark-uw-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-300:focus-visible { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-300:focus-within { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
  html[data-theme="dark"] .dark-uw-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-400:focus-visible { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-400:focus-within { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
  html[data-theme="dark"] .dark-uw-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-500:focus-visible { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-500:focus-within { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
  html[data-theme="dark"] .dark-uw-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-600:focus-visible { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-600:focus-within { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
  html[data-theme="dark"] .dark-uw-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-700:focus-visible { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-700:focus-within { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
  html[data-theme="dark"] .dark-uw-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-800:focus-visible { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-800:focus-within { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
  html[data-theme="dark"] .dark-uw-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-blue-900:focus-visible { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-blue-900:focus-within { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
  html[data-theme="dark"] .dark-uw-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-50:focus-visible { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-50:focus-within { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
  html[data-theme="dark"] .dark-uw-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-100:focus-visible { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-100:focus-within { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
  html[data-theme="dark"] .dark-uw-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-200:focus-visible { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-200:focus-within { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
  html[data-theme="dark"] .dark-uw-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-300:focus-visible { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-300:focus-within { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
  html[data-theme="dark"] .dark-uw-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-400:focus-visible { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-400:focus-within { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
  html[data-theme="dark"] .dark-uw-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-500:focus-visible { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-500:focus-within { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
  html[data-theme="dark"] .dark-uw-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-600:focus-visible { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-600:focus-within { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
  html[data-theme="dark"] .dark-uw-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-700:focus-visible { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-700:focus-within { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
  html[data-theme="dark"] .dark-uw-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-800:focus-visible { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-800:focus-within { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
  html[data-theme="dark"] .dark-uw-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-green-900:focus-visible { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-green-900:focus-within { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
  html[data-theme="dark"] .dark-uw-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-hover-caret-black:hover { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-caret-black:focus { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-active-caret-black:active { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-disabled-caret-black:disabled { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-black:focus-visible { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-black:focus-within { caret-color: var(--black); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-black { caret-color: var(--black); }
  html[data-theme="dark"] .dark-uw-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-hover-caret-white:hover { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-caret-white:focus { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-active-caret-white:active { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-disabled-caret-white:disabled { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-visible-caret-white:focus-visible { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-focus-within-caret-white:focus-within { caret-color: var(--white); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-caret-white { caret-color: var(--white); }
  html[data-theme="dark"] .dark-uw-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-uw-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-uw-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0 { scroll-margin: 0rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0 { scroll-padding: 0rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0_125:focus-visible { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0_125:focus-within { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0_125:focus-visible { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0_125:focus-within { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0_25:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0_25:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0_25:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0_25:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0_5:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0_5:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0_5:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0_5:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0_75:focus-visible { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0_75:focus-within { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0_75:focus-visible { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0_75:focus-within { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-1:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-1 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-1:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-1 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-1_5:focus-visible { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-1_5:focus-within { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-1_5:focus-visible { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-1_5:focus-within { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-2:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-2 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-2:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-2 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-3:hover { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-3:focus { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-3:active { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-3:focus-visible { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-3:focus-within { scroll-margin: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-3 { scroll-margin: 3rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-3:hover { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-3:focus { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-3:active { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-3:focus-visible { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-3:focus-within { scroll-padding: 3rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-3 { scroll-padding: 3rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-4:focus-within { scroll-margin: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-4 { scroll-margin: 4rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-4:focus-within { scroll-padding: 4rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-4 { scroll-padding: 4rem; }
  html[data-theme="dark"] .dark-uw-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan_x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan_x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-active-touch-pan_x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan_x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan_x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan_x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan_x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan_y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan_y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-active-touch-pan_y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan_y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan_y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan_y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan_y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-uw-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-uw-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-uw-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-uw-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-uw-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-uw-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-light:hover { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-light:focus { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-light:active { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-light:disabled { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-light:focus-visible { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-light:focus-within { color-scheme: light; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-light { color-scheme: light; }
  html[data-theme="dark"] .dark-uw-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-dark:hover { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-dark:focus { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-dark:active { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-dark:focus-visible { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-dark:focus-within { color-scheme: dark; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-dark { color-scheme: dark; }
  html[data-theme="dark"] .dark-uw-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-hover-color-scheme-normal:hover { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-color-scheme-normal:focus { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-active-color-scheme-normal:active { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-color-scheme-normal:focus-visible { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-color-scheme-normal:focus-within { color-scheme: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-color-scheme-normal { color-scheme: normal; }
  html[data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-uw-hover-cursor-none:hover { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-cursor-none:focus { cursor: none; }
  html[data-theme="dark"] .dark-uw-active-cursor-none:active { cursor: none; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-none:disabled { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-none:focus-visible { cursor: none; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-none:focus-within { cursor: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-none { cursor: none; }
  html[data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-x:active { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-x:focus-visible { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-x:focus-within { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-x { scroll-snap-type: x mandatory; }
  html[data-theme="dark"] .dark-uw-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-y:active { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-y:focus-visible { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-y:focus-within { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-y { scroll-snap-type: y mandatory; }
  html[data-theme="dark"] .dark-uw-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-active-snap-both:active { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-both:focus-visible { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-both:focus-within { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-both { scroll-snap-type: both mandatory; }
  html[data-theme="dark"] .dark-uw-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-start:hover { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-start:focus { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-active-snap-align-start:active { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-start:focus-visible { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-start:focus-within { scroll-snap-align: start; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-start { scroll-snap-align: start; }
  html[data-theme="dark"] .dark-uw-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-center:hover { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-center:focus { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-active-snap-align-center:active { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-center:focus-visible { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-center:focus-within { scroll-snap-align: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-center { scroll-snap-align: center; }
  html[data-theme="dark"] .dark-uw-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-end:hover { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-end:focus { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-active-snap-align-end:active { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-end:focus-visible { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-end:focus-within { scroll-snap-align: end; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-end { scroll-snap-align: end; }
  html[data-theme="dark"] .dark-uw-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-hover-snap-align-none:hover { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-snap-align-none:focus { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-active-snap-align-none:active { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-align-none:focus-visible { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-align-none:focus-within { scroll-snap-align: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-align-none { scroll-snap-align: none; }
  html[data-theme="dark"] .dark-uw-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-stop-normal:focus-visible { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-stop-normal:focus-within { scroll-snap-stop: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
  html[data-theme="dark"] .dark-uw-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-active-snap-stop-always:active { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-visible-snap-stop-always:focus-visible { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-focus-within-snap-stop-always:focus-within { scroll-snap-stop: always; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-snap-stop-always { scroll-snap-stop: always; }
  html[data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-uw-hover-select-contain:hover { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-select-contain:focus { user-select: contain; }
  html[data-theme="dark"] .dark-uw-active-select-contain:active { user-select: contain; }
  html[data-theme="dark"] .dark-uw-disabled-select-contain:disabled { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-contain:focus-visible { user-select: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-select-contain:focus-within { user-select: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-contain { user-select: contain; }
  html[data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-scroll:focus-within { will-change: scroll; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-scroll { will-change: scroll; }
  html[data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-uw-hover-will-change-contents:hover { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-will-change-contents:focus { will-change: contents; }
  html[data-theme="dark"] .dark-uw-active-will-change-contents:active { will-change: contents; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-contents:disabled { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-contents:focus-visible { will-change: contents; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-contents:focus-within { will-change: contents; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-contents { will-change: contents; }
  html[data-theme="dark"] .dark-uw-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-field-sizing-auto:focus-visible { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-field-sizing-auto:focus-within { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
  html[data-theme="dark"] .dark-uw-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-focus-visible-field-sizing-fill:focus-visible { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-focus-within-field-sizing-fill:focus-within { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
  html[data-theme="dark"] .dark-uw-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-field-sizing-min:focus-visible { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-focus-within-field-sizing-min:focus-within { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
  html[data-theme="dark"] .dark-uw-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-focus-visible-field-sizing-max:focus-visible { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-focus-within-field-sizing-max:focus-within { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
  html[data-theme="dark"] .dark-uw-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-hover-aspect-auto:hover { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-focus-aspect-auto:focus { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-active-aspect-auto:active { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-disabled-aspect-auto:disabled { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-aspect-auto:focus-visible { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-aspect-auto:focus-within { aspect-ratio: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-aspect-auto { aspect-ratio: auto; }
  html[data-theme="dark"] .dark-uw-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-active-aspect-square:active { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-focus-visible-aspect-square:focus-visible { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-focus-within-aspect-square:focus-within { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-aspect-square { aspect-ratio: 1 / 1; }
  html[data-theme="dark"] .dark-uw-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-active-aspect-video:active { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-focus-visible-aspect-video:focus-visible { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-focus-within-aspect-video:focus-within { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-aspect-video { aspect-ratio: 16 / 9; }
  html[data-theme="dark"] .dark-uw-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-focus-visible-aspect-ar_4_3:focus-visible { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-focus-within-aspect-ar_4_3:focus-within { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
  html[data-theme="dark"] .dark-uw-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-uw-hover-isolation-auto:hover { isolation: auto; }
  html[data-theme="dark"] .dark-uw-focus-isolation-auto:focus { isolation: auto; }
  html[data-theme="dark"] .dark-uw-active-isolation-auto:active { isolation: auto; }
  html[data-theme="dark"] .dark-uw-disabled-isolation-auto:disabled { isolation: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-isolation-auto:focus-visible { isolation: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-isolation-auto:focus-within { isolation: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-isolation-auto { isolation: auto; }
  html[data-theme="dark"] .dark-uw-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-hover-isolation-isolate:hover { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-focus-isolation-isolate:focus { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-active-isolation-isolate:active { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-disabled-isolation-isolate:disabled { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-focus-visible-isolation-isolate:focus-visible { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-focus-within-isolation-isolate:focus-within { isolation: isolate; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-isolation-isolate { isolation: isolate; }
  html[data-theme="dark"] .dark-uw-contain-none { contain: none; }
  html[data-theme="dark"] .dark-uw-hover-contain-none:hover { contain: none; }
  html[data-theme="dark"] .dark-uw-focus-contain-none:focus { contain: none; }
  html[data-theme="dark"] .dark-uw-active-contain-none:active { contain: none; }
  html[data-theme="dark"] .dark-uw-disabled-contain-none:disabled { contain: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-none:focus-visible { contain: none; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-none:focus-within { contain: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-none { contain: none; }
  html[data-theme="dark"] .dark-uw-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-uw-hover-contain-layout:hover { contain: layout; }
  html[data-theme="dark"] .dark-uw-focus-contain-layout:focus { contain: layout; }
  html[data-theme="dark"] .dark-uw-active-contain-layout:active { contain: layout; }
  html[data-theme="dark"] .dark-uw-disabled-contain-layout:disabled { contain: layout; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-layout:focus-visible { contain: layout; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-layout:focus-within { contain: layout; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-layout { contain: layout; }
  html[data-theme="dark"] .dark-uw-contain-size { contain: size; }
  html[data-theme="dark"] .dark-uw-hover-contain-size:hover { contain: size; }
  html[data-theme="dark"] .dark-uw-focus-contain-size:focus { contain: size; }
  html[data-theme="dark"] .dark-uw-active-contain-size:active { contain: size; }
  html[data-theme="dark"] .dark-uw-disabled-contain-size:disabled { contain: size; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-size:focus-visible { contain: size; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-size:focus-within { contain: size; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-size { contain: size; }
  html[data-theme="dark"] .dark-uw-contain-style { contain: style; }
  html[data-theme="dark"] .dark-uw-hover-contain-style:hover { contain: style; }
  html[data-theme="dark"] .dark-uw-focus-contain-style:focus { contain: style; }
  html[data-theme="dark"] .dark-uw-active-contain-style:active { contain: style; }
  html[data-theme="dark"] .dark-uw-disabled-contain-style:disabled { contain: style; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-style:focus-visible { contain: style; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-style:focus-within { contain: style; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-style { contain: style; }
  html[data-theme="dark"] .dark-uw-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-uw-hover-contain-paint:hover { contain: paint; }
  html[data-theme="dark"] .dark-uw-focus-contain-paint:focus { contain: paint; }
  html[data-theme="dark"] .dark-uw-active-contain-paint:active { contain: paint; }
  html[data-theme="dark"] .dark-uw-disabled-contain-paint:disabled { contain: paint; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-paint:focus-visible { contain: paint; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-paint:focus-within { contain: paint; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-paint { contain: paint; }
  html[data-theme="dark"] .dark-uw-contain-content { contain: content; }
  html[data-theme="dark"] .dark-uw-hover-contain-content:hover { contain: content; }
  html[data-theme="dark"] .dark-uw-focus-contain-content:focus { contain: content; }
  html[data-theme="dark"] .dark-uw-active-contain-content:active { contain: content; }
  html[data-theme="dark"] .dark-uw-disabled-contain-content:disabled { contain: content; }
  html[data-theme="dark"] .dark-uw-focus-visible-contain-content:focus-visible { contain: content; }
  html[data-theme="dark"] .dark-uw-focus-within-contain-content:focus-within { contain: content; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contain-content { contain: content; }
  html[data-theme="dark"] .dark-uw-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-hover-content-auto:hover { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-focus-content-auto:focus { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-active-content-auto:active { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-disabled-content-auto:disabled { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-auto:focus-visible { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-content-auto:focus-within { content-visibility: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-auto { content-visibility: auto; }
  html[data-theme="dark"] .dark-uw-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-hover-content-hidden:hover { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-content-hidden:focus { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-active-content-hidden:active { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-content-hidden:disabled { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-hidden:focus-visible { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-content-hidden:focus-within { content-visibility: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-hidden { content-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-hover-content-visible:hover { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-content-visible:focus { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-active-content-visible:active { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-disabled-content-visible:disabled { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-content-visible:focus-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-content-visible:focus-within { content-visibility: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-content-visible { content-visibility: visible; }
  html[data-theme="dark"] .dark-uw-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-uw-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-uw-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-uw-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-uw-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-circle:focus-visible { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-circle:focus-within { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
  html[data-theme="dark"] .dark-uw-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-hover-clip-inset:hover { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-focus-clip-inset:focus { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-active-clip-inset:active { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-disabled-clip-inset:disabled { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-inset:focus-visible { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-inset:focus-within { clip-path: inset(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-inset { clip-path: inset(0); }
  html[data-theme="dark"] .dark-uw-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-triangle:focus-visible { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-triangle:focus-within { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
  html[data-theme="dark"] .dark-uw-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-active-margin-block-start-1:active { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-margin-block-start-1:focus-visible { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-margin-block-start-1:focus-within { margin-block-start: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-active-margin-block-end-1:active { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-margin-block-end-1:focus-visible { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-margin-block-end-1:focus-within { margin-block-end: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-margin-inline-start-1:focus-visible { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-margin-inline-start-1:focus-within { margin-inline-start: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-margin-inline-end-1:focus-visible { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-margin-inline-end-1:focus-within { margin-inline-end: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-active-padding-block-start-1:active { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-padding-block-start-1:focus-visible { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-padding-block-start-1:focus-within { padding-block-start: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
  html[data-theme="dark"] .dark-uw-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-active-padding-block-end-1:active { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-padding-block-end-1:focus-visible { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-padding-block-end-1:focus-within { padding-block-end: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
  html[data-theme="dark"] .dark-uw-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-padding-inline-start-1:focus-visible { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-padding-inline-start-1:focus-within { padding-inline-start: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
  html[data-theme="dark"] .dark-uw-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-padding-inline-end-1:focus-visible { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-padding-inline-end-1:focus-within { padding-inline-end: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
  html[data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-100:hover { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-100:focus { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-active-duration-100:active { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-100:disabled { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-100:focus-visible { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-100:focus-within { transition-duration: 100ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-100 { transition-duration: 100ms; }
  html[data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-200:hover { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-200:focus { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-active-duration-200:active { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-200:disabled { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-200:focus-visible { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-200:focus-within { transition-duration: 200ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-200 { transition-duration: 200ms; }
  html[data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in:focus-visible { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in:focus-within { transition-timing-function: ease-in; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in { transition-timing-function: ease-in; }
  html[data-theme="dark"] .dark-uw-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-out:focus-visible { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-out:focus-within { transition-timing-function: ease-out; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-out { transition-timing-function: ease-out; }
  html[data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in-out:focus-within { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
  html[data-theme="dark"] .dark-uw-filter-none { filter: none; }
  html[data-theme="dark"] .dark-uw-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-uw-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-uw-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-uw-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-hover-blur-sm:hover { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-blur-sm:focus { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-active-blur-sm:active { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-sm:disabled { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-sm:focus-visible { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-sm:focus-within { filter: blur(2px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-sm { filter: blur(2px); }
  html[data-theme="dark"] .dark-uw-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-hover-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-active-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-disabled-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-hover-blur-md:hover { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-blur-md:focus { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-active-blur-md:active { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-md:disabled { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-md:focus-visible { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-md:focus-within { filter: blur(8px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-md { filter: blur(8px); }
  html[data-theme="dark"] .dark-uw-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-hover-blur-lg:hover { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-blur-lg:focus { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-active-blur-lg:active { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-lg:disabled { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-lg:focus-visible { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-lg:focus-within { filter: blur(12px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-lg { filter: blur(12px); }
  html[data-theme="dark"] .dark-uw-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-hover-blur-xl:hover { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-blur-xl:focus { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-active-blur-xl:active { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-disabled-blur-xl:disabled { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-visible-blur-xl:focus-visible { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-focus-within-blur-xl:focus-within { filter: blur(20px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-blur-xl { filter: blur(20px); }
  html[data-theme="dark"] .dark-uw-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-hover-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-active-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-hover-brightness-100:hover { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-brightness-100:focus { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-active-brightness-100:active { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-100:disabled { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-100:focus-visible { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-100:focus-within { filter: brightness(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-100 { filter: brightness(1); }
  html[data-theme="dark"] .dark-uw-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-hover-brightness-150:hover { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-brightness-150:focus { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-active-brightness-150:active { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-brightness-150:focus-visible { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-brightness-150:focus-within { filter: brightness(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-brightness-150 { filter: brightness(1.5); }
  html[data-theme="dark"] .dark-uw-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-hover-contrast-50:hover { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-contrast-50:focus { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-active-contrast-50:active { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-50:focus-visible { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-50:focus-within { filter: contrast(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-50 { filter: contrast(0.5); }
  html[data-theme="dark"] .dark-uw-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-hover-contrast-100:hover { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-contrast-100:focus { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-active-contrast-100:active { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-disabled-contrast-100:disabled { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-contrast-100:focus-visible { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-focus-within-contrast-100:focus-within { filter: contrast(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-contrast-100 { filter: contrast(1); }
  html[data-theme="dark"] .dark-uw-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-hover-grayscale:hover { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-grayscale:focus { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-active-grayscale:active { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-disabled-grayscale:disabled { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-grayscale:focus-visible { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-focus-within-grayscale:focus-within { filter: grayscale(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grayscale { filter: grayscale(1); }
  html[data-theme="dark"] .dark-uw-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-hover-sepia:hover { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-sepia:focus { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-active-sepia:active { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-disabled-sepia:disabled { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-sepia:focus-visible { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-focus-within-sepia:focus-within { filter: sepia(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sepia { filter: sepia(1); }
  html[data-theme="dark"] .dark-uw-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-hover-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-active-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px }
  html[data-theme="dark"] .dark-uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible }
  html[data-theme="dark"] .dark-uw-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-hover-grid-flow-row:hover { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-focus-grid-flow-row:focus { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-active-grid-flow-row:active { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-flow-row:focus-visible { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-focus-within-grid-flow-row:focus-within { grid-auto-flow: row; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-flow-row { grid-auto-flow: row; }
  html[data-theme="dark"] .dark-uw-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-hover-grid-flow-col:hover { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-focus-grid-flow-col:focus { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-active-grid-flow-col:active { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-flow-col:focus-visible { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-focus-within-grid-flow-col:focus-within { grid-auto-flow: column; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-flow-col { grid-auto-flow: column; }
  html[data-theme="dark"] .dark-uw-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-flow-row-dense:focus-visible { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-focus-within-grid-flow-row-dense:focus-within { grid-auto-flow: row dense; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
  html[data-theme="dark"] .dark-uw-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-flow-col-dense:focus-visible { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-focus-within-grid-flow-col-dense:focus-within { grid-auto-flow: column dense; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
  html[data-theme="dark"] .dark-uw-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-focus-visible-grid-cols-auto:focus-visible { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-focus-within-grid-cols-auto:focus-within { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
  html[data-theme="dark"] .dark-uw-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-uw-hover-transition-none:hover { transition-property: none; }
  html[data-theme="dark"] .dark-uw-focus-transition-none:focus { transition-property: none; }
  html[data-theme="dark"] .dark-uw-active-transition-none:active { transition-property: none; }
  html[data-theme="dark"] .dark-uw-disabled-transition-none:disabled { transition-property: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-none:focus-visible { transition-property: none; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-none:focus-within { transition-property: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-none { transition-property: none; }
  html[data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
  html[data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
  html[data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-all:focus-visible { transition-property: all; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-all:focus-within { transition-property: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-all { transition-property: all; }
  html[data-theme="dark"] .dark-uw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-colors:focus-visible { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-colors:focus-within { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
  html[data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-opacity:focus-visible { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-opacity:focus-within { transition-property: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-opacity { transition-property: opacity; }
  html[data-theme="dark"] .dark-uw-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-shadow:focus-visible { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-shadow:focus-within { transition-property: box-shadow; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-shadow { transition-property: box-shadow; }
  html[data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-transition-transform:focus-visible { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-transition-transform:focus-within { transition-property: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transition-transform { transition-property: transform; }
  html[data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-75:focus-visible { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-75:focus-within { transition-duration: 75ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-75 { transition-duration: 75ms; }
  html[data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-150:focus-visible { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-150:focus-within { transition-duration: 150ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-150 { transition-duration: 150ms; }
  html[data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-300:focus-visible { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-300:focus-within { transition-duration: 300ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-300 { transition-duration: 300ms; }
  html[data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-500:focus-visible { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-500:focus-within { transition-duration: 500ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-500 { transition-duration: 500ms; }
  html[data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-700:focus-visible { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-700:focus-within { transition-duration: 700ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-700 { transition-duration: 700ms; }
  html[data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-visible-duration-1000:focus-visible { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-focus-within-duration-1000:focus-within { transition-duration: 1000ms; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-duration-1000 { transition-duration: 1000ms; }
  html[data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-linear:focus-visible { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-focus-within-ease-linear:focus-within { transition-timing-function: linear; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-linear { transition-timing-function: linear; }
  html[data-theme="dark"] .dark-uw-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in:focus-visible { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in:focus-within { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
  html[data-theme="dark"] .dark-uw-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-out:focus-visible { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-within-ease-out:focus-within { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-visible-ease-in-out:focus-visible { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-focus-within-ease-in-out:focus-within { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
  html[data-theme="dark"] .dark-uw-animate-none { animation: none; }
  html[data-theme="dark"] .dark-uw-hover-animate-none:hover { animation: none; }
  html[data-theme="dark"] .dark-uw-focus-animate-none:focus { animation: none; }
  html[data-theme="dark"] .dark-uw-active-animate-none:active { animation: none; }
  html[data-theme="dark"] .dark-uw-disabled-animate-none:disabled { animation: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-animate-none:focus-visible { animation: none; }
  html[data-theme="dark"] .dark-uw-focus-within-animate-none:focus-within { animation: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-animate-none { animation: none; }
  html[data-theme="dark"] .dark-uw-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-active-animate-fade:active { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-visible-animate-fade:focus-visible { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-within-animate-fade:focus-within { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-animate-fade { animation: fade 300ms ease-out both; }
  html[data-theme="dark"] .dark-uw-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-visible-animate-slide-in:focus-visible { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-focus-within-animate-slide-in:focus-within { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
  html[data-theme="dark"] .dark-uw-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-hover-animate-spin:hover { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-focus-animate-spin:focus { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-active-animate-spin:active { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-focus-visible-animate-spin:focus-visible { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-focus-within-animate-spin:focus-within { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-animate-spin { animation: spin 1s linear infinite; }
  html[data-theme="dark"] .dark-uw-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-hover-transform:hover { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-transform:focus { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-active-transform:active { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-visible-transform:focus-visible { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-focus-within-transform:focus-within { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform { transform: var(--quanta-transform, none); }
  html[data-theme="dark"] .dark-uw-transform-none { transform: none; }
  html[data-theme="dark"] .dark-uw-hover-transform-none:hover { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-transform-none:focus { transform: none; }
  html[data-theme="dark"] .dark-uw-active-transform-none:active { transform: none; }
  html[data-theme="dark"] .dark-uw-disabled-transform-none:disabled { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-none:focus-visible { transform: none; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-none:focus-within { transform: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-none { transform: none; }
  html[data-theme="dark"] .dark-uw-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-50:hover { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-50:focus { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-active-scale-50:active { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-50:disabled { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-50:focus-visible { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-50:focus-within { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-50 { --quanta-transform: scale(0.5); }
  html[data-theme="dark"] .dark-uw-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-hover-scale-75:hover { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-scale-75:focus { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-active-scale-75:active { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-disabled-scale-75:disabled { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-75:focus-visible { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-75:focus-within { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-75 { --quanta-transform: scale(0.75); }
  html[data-theme="dark"] .dark-uw-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-hover-scale-90:hover { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-scale-90:focus { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-active-scale-90:active { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-disabled-scale-90:disabled { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-90:focus-visible { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-90:focus-within { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-90 { --quanta-transform: scale(0.9); }
  html[data-theme="dark"] .dark-uw-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-hover-scale-100:hover { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-focus-scale-100:focus { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-active-scale-100:active { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-disabled-scale-100:disabled { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-100:focus-visible { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-100:focus-within { --quanta-transform: scale(1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-100 { --quanta-transform: scale(1); }
  html[data-theme="dark"] .dark-uw-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-hover-scale-105:hover { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-scale-105:focus { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-active-scale-105:active { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-disabled-scale-105:disabled { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-105:focus-visible { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-105:focus-within { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-105 { --quanta-transform: scale(1.05); }
  html[data-theme="dark"] .dark-uw-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-hover-scale-110:hover { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-scale-110:focus { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-active-scale-110:active { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-disabled-scale-110:disabled { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-110:focus-visible { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-110:focus-within { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-110 { --quanta-transform: scale(1.1); }
  html[data-theme="dark"] .dark-uw-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-hover-scale-125:hover { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-scale-125:focus { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-active-scale-125:active { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-scale-125:disabled { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-125:focus-visible { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-125:focus-within { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-125 { --quanta-transform: scale(1.25); }
  html[data-theme="dark"] .dark-uw-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-hover-scale-150:hover { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-scale-150:focus { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-active-scale-150:active { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-scale-150:disabled { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-scale-150:focus-visible { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-scale-150:focus-within { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scale-150 { --quanta-transform: scale(1.5); }
  html[data-theme="dark"] .dark-uw-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-0:hover { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-0:focus { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-active-translate-x-0:active { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-0:focus-visible { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-0:focus-within { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-0 { --quanta-transform: translateX(0); }
  html[data-theme="dark"] .dark-uw-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-1:hover { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-1:focus { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-1:active { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-1:focus-visible { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-1:focus-within { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-1 { --quanta-transform: translateX(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-2:hover { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-2:focus { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-2:active { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-2:focus-visible { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-2:focus-within { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-2 { --quanta-transform: translateX(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-4:hover { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-4:focus { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-4:active { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-4:focus-visible { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-4:focus-within { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-4 { --quanta-transform: translateX(1rem); }
  html[data-theme="dark"] .dark-uw-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-x-8:hover { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-x-8:focus { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-x-8:active { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-x-8:disabled { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-x-8:focus-visible { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-x-8:focus-within { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-x-8 { --quanta-transform: translateX(2rem); }
  html[data-theme="dark"] .dark-uw-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-0:hover { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-0:focus { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-active-translate-y-0:active { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-0:focus-visible { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-0:focus-within { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-0 { --quanta-transform: translateY(0); }
  html[data-theme="dark"] .dark-uw-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-1:hover { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-1:focus { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-1:active { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-1:focus-visible { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-1:focus-within { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-1 { --quanta-transform: translateY(0.25rem); }
  html[data-theme="dark"] .dark-uw-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-2:hover { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-2:focus { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-2:active { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-2:focus-visible { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-2:focus-within { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-2 { --quanta-transform: translateY(0.5rem); }
  html[data-theme="dark"] .dark-uw-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-4:hover { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-4:focus { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-4:active { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-4:focus-visible { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-4:focus-within { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-4 { --quanta-transform: translateY(1rem); }
  html[data-theme="dark"] .dark-uw-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-hover-translate-y-8:hover { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-translate-y-8:focus { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-active-translate-y-8:active { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-disabled-translate-y-8:disabled { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-visible-translate-y-8:focus-visible { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-focus-within-translate-y-8:focus-within { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-translate-y-8 { --quanta-transform: translateY(2rem); }
  html[data-theme="dark"] .dark-uw-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-0:hover { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-0:focus { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-0:active { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-0:focus-visible { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-0:focus-within { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-0 { --quanta-transform: rotate(0deg); }
  html[data-theme="dark"] .dark-uw-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-45:hover { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-45:focus { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-45:active { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-45:focus-visible { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-45:focus-within { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-45 { --quanta-transform: rotate(45deg); }
  html[data-theme="dark"] .dark-uw-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-90:hover { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-90:focus { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-90:active { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-90:focus-visible { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-90:focus-within { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-90 { --quanta-transform: rotate(90deg); }
  html[data-theme="dark"] .dark-uw-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-hover-rotate-180:hover { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-rotate-180:focus { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-active-rotate-180:active { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-rotate-180:focus-visible { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-focus-within-rotate-180:focus-within { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-rotate-180 { --quanta-transform: rotate(180deg); }
  html[data-theme="dark"] .dark-uw-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-0:hover { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-0:focus { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-active-skew-x-0:active { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-0:focus-visible { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-0:focus-within { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-0 { --quanta-transform: skewX(0); }
  html[data-theme="dark"] .dark-uw-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-3:hover { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-3:focus { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-3:active { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-3:disabled { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-3:focus-visible { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-3:focus-within { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-3 { --quanta-transform: skewX(3deg); }
  html[data-theme="dark"] .dark-uw-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-x-6:hover { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-x-6:focus { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-active-skew-x-6:active { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-x-6:disabled { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-x-6:focus-visible { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-x-6:focus-within { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-x-6 { --quanta-transform: skewX(6deg); }
  html[data-theme="dark"] .dark-uw-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-0:hover { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-0:focus { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-active-skew-y-0:active { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-0:focus-visible { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-0:focus-within { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-0 { --quanta-transform: skewY(0); }
  html[data-theme="dark"] .dark-uw-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-3:hover { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-3:focus { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-3:active { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-3:disabled { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-3:focus-visible { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-3:focus-within { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-3 { --quanta-transform: skewY(3deg); }
  html[data-theme="dark"] .dark-uw-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-hover-skew-y-6:hover { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-focus-skew-y-6:focus { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-active-skew-y-6:active { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-disabled-skew-y-6:disabled { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-skew-y-6:focus-visible { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-focus-within-skew-y-6:focus-within { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-skew-y-6 { --quanta-transform: skewY(6deg); }
  html[data-theme="dark"] .dark-uw-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-hover-origin-center:hover { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-origin-center:focus { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-active-origin-center:active { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-disabled-origin-center:disabled { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-center:focus-visible { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-center:focus-within { transform-origin: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-center { transform-origin: center; }
  html[data-theme="dark"] .dark-uw-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-hover-origin-top:hover { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-origin-top:focus { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-active-origin-top:active { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-disabled-origin-top:disabled { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-top:focus-visible { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-top:focus-within { transform-origin: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-top { transform-origin: top; }
  html[data-theme="dark"] .dark-uw-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-hover-origin-right:hover { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-origin-right:focus { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-active-origin-right:active { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-disabled-origin-right:disabled { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-right:focus-visible { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-right:focus-within { transform-origin: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-right { transform-origin: right; }
  html[data-theme="dark"] .dark-uw-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-hover-origin-bottom:hover { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-origin-bottom:focus { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-active-origin-bottom:active { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-bottom:focus-visible { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-bottom:focus-within { transform-origin: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-bottom { transform-origin: bottom; }
  html[data-theme="dark"] .dark-uw-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-hover-origin-left:hover { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-origin-left:focus { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-active-origin-left:active { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-disabled-origin-left:disabled { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-origin-left:focus-visible { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-within-origin-left:focus-within { transform-origin: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-origin-left { transform-origin: left; }
  html[data-theme="dark"] .dark-uw-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-uw-hover-perspective-none:hover { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-perspective-none:focus { perspective: none; }
  html[data-theme="dark"] .dark-uw-active-perspective-none:active { perspective: none; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-none:disabled { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-none:focus-visible { perspective: none; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-none:focus-within { perspective: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-none { perspective: none; }
  html[data-theme="dark"] .dark-uw-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-sm:hover { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-sm:focus { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-active-perspective-sm:active { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-sm:disabled { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-sm:focus-visible { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-sm:focus-within { perspective: 400px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-sm { perspective: 400px; }
  html[data-theme="dark"] .dark-uw-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-md:hover { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-md:focus { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-active-perspective-md:active { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-md:disabled { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-md:focus-visible { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-md:focus-within { perspective: 800px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-md { perspective: 800px; }
  html[data-theme="dark"] .dark-uw-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-lg:hover { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-lg:focus { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-active-perspective-lg:active { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-lg:disabled { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-lg:focus-visible { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-lg:focus-within { perspective: 1200px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-lg { perspective: 1200px; }
  html[data-theme="dark"] .dark-uw-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-hover-perspective-xl:hover { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-focus-perspective-xl:focus { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-active-perspective-xl:active { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-xl:disabled { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-xl:focus-visible { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-xl:focus-within { perspective: 1600px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-xl { perspective: 1600px; }
  html[data-theme="dark"] .dark-uw-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-center:hover { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-center:focus { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-center:active { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-center:focus-visible { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-center:focus-within { perspective-origin: center; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-center { perspective-origin: center; }
  html[data-theme="dark"] .dark-uw-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-top:hover { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-top:focus { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-top:active { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-top:focus-visible { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-top:focus-within { perspective-origin: top; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-top { perspective-origin: top; }
  html[data-theme="dark"] .dark-uw-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-left:hover { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-left:focus { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-left:active { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-left:focus-visible { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-left:focus-within { perspective-origin: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-left { perspective-origin: left; }
  html[data-theme="dark"] .dark-uw-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-right:hover { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-right:focus { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-right:active { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-right:focus-visible { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-right:focus-within { perspective-origin: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-right { perspective-origin: right; }
  html[data-theme="dark"] .dark-uw-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-visible-perspective-origin-bottom:focus-visible { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-focus-within-perspective-origin-bottom:focus-within { perspective-origin: bottom; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
  html[data-theme="dark"] .dark-uw-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-hover-backface-visible:hover { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-backface-visible:focus { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-active-backface-visible:active { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-disabled-backface-visible:disabled { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-visible-backface-visible:focus-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-focus-within-backface-visible:focus-within { backface-visibility: visible; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backface-visible { backface-visibility: visible; }
  html[data-theme="dark"] .dark-uw-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-hover-backface-hidden:hover { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-backface-hidden:focus { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-active-backface-hidden:active { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-visible-backface-hidden:focus-visible { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-focus-within-backface-hidden:focus-within { backface-visibility: hidden; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backface-hidden { backface-visibility: hidden; }
  html[data-theme="dark"] .dark-uw-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-hover-transform-style-flat:hover { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-transform-style-flat:focus { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-active-transform-style-flat:active { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-disabled-transform-style-flat:disabled { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-style-flat:focus-visible { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-style-flat:focus-within { transform-style: flat; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-style-flat { transform-style: flat; }
  html[data-theme="dark"] .dark-uw-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-active-transform-style-preserve:active { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-visible-transform-style-preserve:focus-visible { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-focus-within-transform-style-preserve:focus-within { transform-style: preserve-3d; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-transform-style-preserve { transform-style: preserve-3d; }
  html[data-theme="dark"] .dark-uw-filter-none { filter: none; }
  html[data-theme="dark"] .dark-uw-hover-filter-none:hover { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-filter-none:focus { filter: none; }
  html[data-theme="dark"] .dark-uw-active-filter-none:active { filter: none; }
  html[data-theme="dark"] .dark-uw-disabled-filter-none:disabled { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-none:focus-visible { filter: none; }
  html[data-theme="dark"] .dark-uw-focus-within-filter-none:focus-within { filter: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-none { filter: none; }
  html[data-theme="dark"] .dark-uw-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-hover-filter-grayscale:hover { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-focus-filter-grayscale:focus { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-active-filter-grayscale:active { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-grayscale:focus-visible { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-grayscale:focus-within { filter: grayscale(100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-grayscale { filter: grayscale(100%); }
  html[data-theme="dark"] .dark-uw-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-hover-filter-blur:hover { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-filter-blur:focus { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-active-filter-blur:active { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-disabled-filter-blur:disabled { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-blur:focus-visible { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-blur:focus-within { filter: blur(4px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-blur { filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-hover-filter-brightness-50:hover { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-filter-brightness-50:focus { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-active-filter-brightness-50:active { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-brightness-50:focus-visible { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-brightness-50:focus-within { filter: brightness(0.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-brightness-50 { filter: brightness(0.5); }
  html[data-theme="dark"] .dark-uw-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-hover-filter-contrast-125:hover { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-filter-contrast-125:focus { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-active-filter-contrast-125:active { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-contrast-125:focus-visible { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-contrast-125:focus-within { filter: contrast(1.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-contrast-125 { filter: contrast(1.25); }
  html[data-theme="dark"] .dark-uw-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-hover-filter-saturate-150:hover { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-filter-saturate-150:focus { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-active-filter-saturate-150:active { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-saturate-150:focus-visible { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-saturate-150:focus-within { filter: saturate(1.5); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-saturate-150 { filter: saturate(1.5); }
  html[data-theme="dark"] .dark-uw-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-hover-filter-sepia:hover { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-focus-filter-sepia:focus { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-active-filter-sepia:active { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-disabled-filter-sepia:disabled { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-sepia:focus-visible { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-sepia:focus-within { filter: sepia(100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-sepia { filter: sepia(100%); }
  html[data-theme="dark"] .dark-uw-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-visible-filter-hue-rotate-90:focus-visible { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-focus-within-filter-hue-rotate-90:focus-within { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
  html[data-theme="dark"] .dark-uw-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-hover-backdrop-filter-none:hover { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-focus-backdrop-filter-none:focus { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-active-backdrop-filter-none:active { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-backdrop-filter-none:focus-visible { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-focus-within-backdrop-filter-none:focus-within { backdrop-filter: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backdrop-filter-none { backdrop-filter: none; }
  html[data-theme="dark"] .dark-uw-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-active-backdrop-blur:active { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-visible-backdrop-blur:focus-visible { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-focus-within-backdrop-blur:focus-within { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
  html[data-theme="dark"] .dark-uw-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-normal:active { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-normal:focus-visible { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-normal:focus-within { background-blend-mode: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-normal { background-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-multiply:focus-visible { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-multiply:focus-within { background-blend-mode: multiply; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-screen:active { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-screen:focus-visible { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-screen:focus-within { background-blend-mode: screen; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-screen { background-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-overlay:focus-visible { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-overlay:focus-within { background-blend-mode: overlay; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-darken:active { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-darken:focus-visible { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-darken:focus-within { background-blend-mode: darken; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-darken { background-blend-mode: darken; }
  html[data-theme="dark"] .dark-uw-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-blend-lighten:focus-visible { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-focus-within-bg-blend-lighten:focus-within { background-blend-mode: lighten; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
  html[data-theme="dark"] .dark-uw-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-active-mix-blend-normal:active { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-blend-normal:focus-visible { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-blend-normal:focus-within { mix-blend-mode: normal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-blend-normal { mix-blend-mode: normal; }
  html[data-theme="dark"] .dark-uw-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-blend-multiply:focus-visible { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-blend-multiply:focus-within { mix-blend-mode: multiply; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
  html[data-theme="dark"] .dark-uw-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-active-mix-blend-screen:active { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-blend-screen:focus-visible { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-blend-screen:focus-within { mix-blend-mode: screen; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-blend-screen { mix-blend-mode: screen; }
  html[data-theme="dark"] .dark-uw-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-visible-mix-blend-overlay:focus-visible { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-focus-within-mix-blend-overlay:focus-within { mix-blend-mode: overlay; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
  html[data-theme="dark"] .dark-uw-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-hover-decoration-slice:hover { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-focus-decoration-slice:focus { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-active-decoration-slice:active { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-slice:disabled { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-slice:focus-visible { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-slice:focus-within { box-decoration-break: slice; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-slice { box-decoration-break: slice; }
  html[data-theme="dark"] .dark-uw-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-hover-decoration-clone:hover { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-focus-decoration-clone:focus { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-active-decoration-clone:active { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-disabled-decoration-clone:disabled { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-focus-visible-decoration-clone:focus-visible { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-focus-within-decoration-clone:focus-within { box-decoration-break: clone; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-decoration-clone { box-decoration-break: clone; }
  html[data-theme="dark"] .dark-uw-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-hover-box-border:hover { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-box-border:focus { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-active-box-border:active { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-disabled-box-border:disabled { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-box-border:focus-visible { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-focus-within-box-border:focus-within { box-sizing: border-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-box-border { box-sizing: border-box; }
  html[data-theme="dark"] .dark-uw-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-hover-box-content:hover { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-box-content:focus { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-active-box-content:active { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-disabled-box-content:disabled { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-visible-box-content:focus-visible { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-focus-within-box-content:focus-within { box-sizing: content-box; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-box-content { box-sizing: content-box; }
  html[data-theme="dark"] .dark-uw-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-uw-hover-break-after-auto:hover { break-after: auto; }
  html[data-theme="dark"] .dark-uw-focus-break-after-auto:focus { break-after: auto; }
  html[data-theme="dark"] .dark-uw-active-break-after-auto:active { break-after: auto; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-auto:disabled { break-after: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-auto:focus-visible { break-after: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-auto:focus-within { break-after: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-auto { break-after: auto; }
  html[data-theme="dark"] .dark-uw-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-hover-break-after-avoid:hover { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-focus-break-after-avoid:focus { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-active-break-after-avoid:active { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-avoid:disabled { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-avoid:focus-visible { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-avoid:focus-within { break-after: avoid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-avoid { break-after: avoid; }
  html[data-theme="dark"] .dark-uw-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-uw-hover-break-after-all:hover { break-after: all; }
  html[data-theme="dark"] .dark-uw-focus-break-after-all:focus { break-after: all; }
  html[data-theme="dark"] .dark-uw-active-break-after-all:active { break-after: all; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-all:disabled { break-after: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-all:focus-visible { break-after: all; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-all:focus-within { break-after: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-all { break-after: all; }
  html[data-theme="dark"] .dark-uw-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-hover-break-after-avoid-page:hover { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-break-after-avoid-page:focus { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-active-break-after-avoid-page:active { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-avoid-page:disabled { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-avoid-page:focus-visible { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-avoid-page:focus-within { break-after: avoid-page; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-avoid-page { break-after: avoid-page; }
  html[data-theme="dark"] .dark-uw-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-uw-hover-break-after-page:hover { break-after: page; }
  html[data-theme="dark"] .dark-uw-focus-break-after-page:focus { break-after: page; }
  html[data-theme="dark"] .dark-uw-active-break-after-page:active { break-after: page; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-page:disabled { break-after: page; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-page:focus-visible { break-after: page; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-page:focus-within { break-after: page; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-page { break-after: page; }
  html[data-theme="dark"] .dark-uw-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-uw-hover-break-after-left:hover { break-after: left; }
  html[data-theme="dark"] .dark-uw-focus-break-after-left:focus { break-after: left; }
  html[data-theme="dark"] .dark-uw-active-break-after-left:active { break-after: left; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-left:disabled { break-after: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-left:focus-visible { break-after: left; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-left:focus-within { break-after: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-left { break-after: left; }
  html[data-theme="dark"] .dark-uw-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-uw-hover-break-after-right:hover { break-after: right; }
  html[data-theme="dark"] .dark-uw-focus-break-after-right:focus { break-after: right; }
  html[data-theme="dark"] .dark-uw-active-break-after-right:active { break-after: right; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-right:disabled { break-after: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-right:focus-visible { break-after: right; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-right:focus-within { break-after: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-right { break-after: right; }
  html[data-theme="dark"] .dark-uw-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-uw-hover-break-after-column:hover { break-after: column; }
  html[data-theme="dark"] .dark-uw-focus-break-after-column:focus { break-after: column; }
  html[data-theme="dark"] .dark-uw-active-break-after-column:active { break-after: column; }
  html[data-theme="dark"] .dark-uw-disabled-break-after-column:disabled { break-after: column; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-after-column:focus-visible { break-after: column; }
  html[data-theme="dark"] .dark-uw-focus-within-break-after-column:focus-within { break-after: column; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-after-column { break-after: column; }
  html[data-theme="dark"] .dark-uw-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-uw-hover-break-before-auto:hover { break-before: auto; }
  html[data-theme="dark"] .dark-uw-focus-break-before-auto:focus { break-before: auto; }
  html[data-theme="dark"] .dark-uw-active-break-before-auto:active { break-before: auto; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-auto:disabled { break-before: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-auto:focus-visible { break-before: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-auto:focus-within { break-before: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-auto { break-before: auto; }
  html[data-theme="dark"] .dark-uw-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-hover-break-before-avoid:hover { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-focus-break-before-avoid:focus { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-active-break-before-avoid:active { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-avoid:disabled { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-avoid:focus-visible { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-avoid:focus-within { break-before: avoid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-avoid { break-before: avoid; }
  html[data-theme="dark"] .dark-uw-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-uw-hover-break-before-all:hover { break-before: all; }
  html[data-theme="dark"] .dark-uw-focus-break-before-all:focus { break-before: all; }
  html[data-theme="dark"] .dark-uw-active-break-before-all:active { break-before: all; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-all:disabled { break-before: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-all:focus-visible { break-before: all; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-all:focus-within { break-before: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-all { break-before: all; }
  html[data-theme="dark"] .dark-uw-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-hover-break-before-avoid-page:hover { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-break-before-avoid-page:focus { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-active-break-before-avoid-page:active { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-avoid-page:disabled { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-avoid-page:focus-visible { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-avoid-page:focus-within { break-before: avoid-page; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-avoid-page { break-before: avoid-page; }
  html[data-theme="dark"] .dark-uw-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-uw-hover-break-before-page:hover { break-before: page; }
  html[data-theme="dark"] .dark-uw-focus-break-before-page:focus { break-before: page; }
  html[data-theme="dark"] .dark-uw-active-break-before-page:active { break-before: page; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-page:disabled { break-before: page; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-page:focus-visible { break-before: page; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-page:focus-within { break-before: page; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-page { break-before: page; }
  html[data-theme="dark"] .dark-uw-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-uw-hover-break-before-left:hover { break-before: left; }
  html[data-theme="dark"] .dark-uw-focus-break-before-left:focus { break-before: left; }
  html[data-theme="dark"] .dark-uw-active-break-before-left:active { break-before: left; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-left:disabled { break-before: left; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-left:focus-visible { break-before: left; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-left:focus-within { break-before: left; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-left { break-before: left; }
  html[data-theme="dark"] .dark-uw-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-uw-hover-break-before-right:hover { break-before: right; }
  html[data-theme="dark"] .dark-uw-focus-break-before-right:focus { break-before: right; }
  html[data-theme="dark"] .dark-uw-active-break-before-right:active { break-before: right; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-right:disabled { break-before: right; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-right:focus-visible { break-before: right; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-right:focus-within { break-before: right; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-right { break-before: right; }
  html[data-theme="dark"] .dark-uw-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-uw-hover-break-before-column:hover { break-before: column; }
  html[data-theme="dark"] .dark-uw-focus-break-before-column:focus { break-before: column; }
  html[data-theme="dark"] .dark-uw-active-break-before-column:active { break-before: column; }
  html[data-theme="dark"] .dark-uw-disabled-break-before-column:disabled { break-before: column; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-before-column:focus-visible { break-before: column; }
  html[data-theme="dark"] .dark-uw-focus-within-break-before-column:focus-within { break-before: column; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-before-column { break-before: column; }
  html[data-theme="dark"] .dark-uw-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-hover-break-inside-auto:hover { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-focus-break-inside-auto:focus { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-active-break-inside-auto:active { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-disabled-break-inside-auto:disabled { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-inside-auto:focus-visible { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-break-inside-auto:focus-within { break-inside: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-inside-auto { break-inside: auto; }
  html[data-theme="dark"] .dark-uw-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-hover-break-inside-avoid:hover { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-focus-break-inside-avoid:focus { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-active-break-inside-avoid:active { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-disabled-break-inside-avoid:disabled { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-inside-avoid:focus-visible { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-focus-within-break-inside-avoid:focus-within { break-inside: avoid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-inside-avoid { break-inside: avoid; }
  html[data-theme="dark"] .dark-uw-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-hover-break-inside-avoid-page:hover { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-break-inside-avoid-page:focus { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-active-break-inside-avoid-page:active { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-disabled-break-inside-avoid-page:disabled { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-inside-avoid-page:focus-visible { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-focus-within-break-inside-avoid-page:focus-within { break-inside: avoid-page; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-inside-avoid-page { break-inside: avoid-page; }
  html[data-theme="dark"] .dark-uw-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-hover-break-inside-avoid-column:hover { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-focus-break-inside-avoid-column:focus { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-active-break-inside-avoid-column:active { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-disabled-break-inside-avoid-column:disabled { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-focus-visible-break-inside-avoid-column:focus-visible { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-focus-within-break-inside-avoid-column:focus-within { break-inside: avoid-column; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-break-inside-avoid-column { break-inside: avoid-column; }
  html[data-theme="dark"] .dark-uw-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-uw-hover-clip-none:hover { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-clip-none:focus { clip-path: none; }
  html[data-theme="dark"] .dark-uw-active-clip-none:active { clip-path: none; }
  html[data-theme="dark"] .dark-uw-disabled-clip-none:disabled { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-none:focus-visible { clip-path: none; }
  html[data-theme="dark"] .dark-uw-focus-within-clip-none:focus-within { clip-path: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-none { clip-path: none; }
  html[data-theme="dark"] .dark-uw-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-hover-clip-circle:hover { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-focus-clip-circle:focus { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-active-clip-circle:active { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-circle:disabled { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-circle:focus-visible { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-circle:focus-within { clip-path: circle(50%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-circle { clip-path: circle(50%); }
  html[data-theme="dark"] .dark-uw-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-ellipse:focus-visible { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-ellipse:focus-within { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
  html[data-theme="dark"] .dark-uw-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-hover-clip-inset:hover { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-focus-clip-inset:focus { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-active-clip-inset:active { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-inset:disabled { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-inset:focus-visible { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-inset:focus-within { clip-path: inset(10%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-inset { clip-path: inset(10%); }
  html[data-theme="dark"] .dark-uw-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-focus-visible-clip-polygon:focus-visible { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-focus-within-clip-polygon:focus-within { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
  html[data-theme="dark"] .dark-uw-outline-none { outline: none; }
  html[data-theme="dark"] .dark-uw-hover-outline-none:hover { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-outline-none:focus { outline: none; }
  html[data-theme="dark"] .dark-uw-active-outline-none:active { outline: none; }
  html[data-theme="dark"] .dark-uw-disabled-outline-none:disabled { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-none:focus-visible { outline: none; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-none:focus-within { outline: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-none { outline: none; }
  html[data-theme="dark"] .dark-uw-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-hover-outline-solid:hover { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-outline-solid:focus { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-active-outline-solid:active { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-disabled-outline-solid:disabled { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-solid:focus-visible { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-solid:focus-within { outline-style: solid; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-solid { outline-style: solid; }
  html[data-theme="dark"] .dark-uw-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-hover-outline-dashed:hover { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-outline-dashed:focus { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-active-outline-dashed:active { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-disabled-outline-dashed:disabled { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-dashed:focus-visible { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-dashed:focus-within { outline-style: dashed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-dashed { outline-style: dashed; }
  html[data-theme="dark"] .dark-uw-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-0:hover { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-0:focus { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-0:active { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-0:disabled { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-0:focus-visible { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-0:focus-within { outline-offset: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-0 { outline-offset: 0; }
  html[data-theme="dark"] .dark-uw-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-2:hover { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-2:focus { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-2:active { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-2:disabled { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-2:focus-visible { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-2:focus-within { outline-offset: 2px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-2 { outline-offset: 2px; }
  html[data-theme="dark"] .dark-uw-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-hover-outline-offset-4:hover { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-outline-offset-4:focus { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-active-outline-offset-4:active { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-disabled-outline-offset-4:disabled { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-visible-outline-offset-4:focus-visible { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-focus-within-outline-offset-4:focus-within { outline-offset: 4px; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-outline-offset-4 { outline-offset: 4px; }
  html[data-theme="dark"] .dark-uw-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-hover-shadow-none:hover { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-focus-shadow-none:focus { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-active-shadow-none:active { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-disabled-shadow-none:disabled { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-none:focus-visible { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-none:focus-within { box-shadow: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-none { box-shadow: none; }
  html[data-theme="dark"] .dark-uw-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-sm:focus-visible { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-sm:focus-within { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow:focus-visible { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow:focus-within { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-md:focus-visible { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-md:focus-within { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
  html[data-theme="dark"] .dark-uw-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-lg:focus-visible { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-lg:focus-within { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
  html[data-theme="dark"] .dark-uw-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-xl:focus-visible { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-xl:focus-within { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
  html[data-theme="dark"] .dark-uw-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-2xl:focus-visible { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-2xl:focus-within { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
  html[data-theme="dark"] .dark-uw-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-sm-color:hover { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-sm-color:focus { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-sm-color:active { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-sm-color:disabled { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-sm-color:focus-visible { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-sm-color:focus-within { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-sm-color { box-shadow: 0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-color:hover { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-color:focus { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-color:active { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-color:disabled { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-color:focus-visible { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-color:focus-within { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-color { box-shadow: 0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-md-color:hover { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-md-color:focus { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-md-color:active { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-md-color:disabled { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-md-color:focus-visible { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-md-color:focus-within { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-md-color { box-shadow: 0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-lg-color:hover { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-lg-color:focus { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-lg-color:active { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-lg-color:disabled { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-lg-color:focus-visible { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-lg-color:focus-within { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-lg-color { box-shadow: 0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-xl-color:hover { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-xl-color:focus { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-xl-color:active { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-xl-color:disabled { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-xl-color:focus-visible { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-xl-color:focus-within { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-xl-color { box-shadow: 0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-hover-shadow-2xl-color:hover { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-shadow-2xl-color:focus { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-active-shadow-2xl-color:active { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-disabled-shadow-2xl-color:disabled { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-visible-shadow-2xl-color:focus-visible { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-focus-within-shadow-2xl-color:focus-within { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-shadow-2xl-color { box-shadow: 0 25px 50px var(--shadow-color); }
  html[data-theme="dark"] .dark-uw-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-hover-accent-auto:hover { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-accent-auto:focus { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-active-accent-auto:active { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-disabled-accent-auto:disabled { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-auto:focus-visible { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-accent-auto:focus-within { accent-color: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-auto { accent-color: auto; }
  html[data-theme="dark"] .dark-uw-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-hover-accent-current:hover { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-accent-current:focus { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-active-accent-current:active { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-disabled-accent-current:disabled { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-visible-accent-current:focus-visible { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-focus-within-accent-current:focus-within { accent-color: currentColor; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-accent-current { accent-color: currentColor; }
  html[data-theme="dark"] .dark-uw-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-uw-hover-appearance-none:hover { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-appearance-none:focus { appearance: none; }
  html[data-theme="dark"] .dark-uw-active-appearance-none:active { appearance: none; }
  html[data-theme="dark"] .dark-uw-disabled-appearance-none:disabled { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-appearance-none:focus-visible { appearance: none; }
  html[data-theme="dark"] .dark-uw-focus-within-appearance-none:focus-within { appearance: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-appearance-none { appearance: none; }
  html[data-theme="dark"] .dark-uw-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-visible-sr-only:focus-visible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-focus-within-sr-only:focus-within { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
  html[data-theme="dark"] .dark-uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-not-sr-only:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-not-sr-only:focus-within { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  html[data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
  html[data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-auto:focus-visible { cursor: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-auto:focus-within { cursor: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-auto { cursor: auto; }
  html[data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-pointer:focus-visible { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-pointer:focus-within { cursor: pointer; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-pointer { cursor: pointer; }
  html[data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
  html[data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-default:focus-visible { cursor: default; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-default:focus-within { cursor: default; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-default { cursor: default; }
  html[data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
  html[data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-wait:focus-visible { cursor: wait; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-wait:focus-within { cursor: wait; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-wait { cursor: wait; }
  html[data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
  html[data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-text:focus-visible { cursor: text; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-text:focus-within { cursor: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-text { cursor: text; }
  html[data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
  html[data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-move:focus-visible { cursor: move; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-move:focus-within { cursor: move; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-move { cursor: move; }
  html[data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-visible-cursor-not-allowed:focus-visible { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-focus-within-cursor-not-allowed:focus-within { cursor: not-allowed; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-cursor-not-allowed { cursor: not-allowed; }
  html[data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-auto:focus-visible { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-auto:focus-within { pointer-events: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-auto { pointer-events: auto; }
  html[data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-pointer-events-none:focus-visible { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-focus-within-pointer-events-none:focus-within { pointer-events: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-pointer-events-none { pointer-events: none; }
  html[data-theme="dark"] .dark-uw-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
  html[data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
  html[data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-none:focus-visible { resize: none; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-none:focus-within { resize: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-none { resize: none; }
  html[data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
  html[data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
  html[data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-y:focus-visible { resize: vertical; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-y:focus-within { resize: vertical; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-y { resize: vertical; }
  html[data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize-x:focus-visible { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-focus-within-resize-x:focus-within { resize: horizontal; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize-x { resize: horizontal; }
  html[data-theme="dark"] .dark-uw-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
  html[data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
  html[data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-visible-resize:focus-visible { resize: both; }
  html[data-theme="dark"] .dark-uw-focus-within-resize:focus-within { resize: both; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-resize { resize: both; }
  html[data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-auto:focus-visible { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-auto:focus-within { scroll-behavior: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-auto { scroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-smooth:focus-visible { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-smooth:focus-within { scroll-behavior: smooth; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-smooth { scroll-behavior: smooth; }
  html[data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-0:focus-visible { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-0:focus-within { scroll-margin: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-0 { scroll-margin: 0; }
  html[data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-1:focus-visible { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-1:focus-within { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-2:focus-visible { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-2:focus-within { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-4:focus-visible { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-4:focus-within { scroll-margin: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-4 { scroll-margin: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-m-8:active { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-m-8:focus-visible { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-m-8:focus-within { scroll-margin: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-m-8 { scroll-margin: 2rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-0:focus-visible { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-0:focus-within { scroll-padding: 0; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-0 { scroll-padding: 0; }
  html[data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-1:focus-visible { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-1:focus-within { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-2:focus-visible { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-2:focus-within { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-4:focus-visible { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-4:focus-within { scroll-padding: 1rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-4 { scroll-padding: 1rem; }
  html[data-theme="dark"] .dark-uw-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-active-scroll-p-8:active { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-visible-scroll-p-8:focus-visible { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-focus-within-scroll-p-8:focus-within { scroll-padding: 2rem; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-scroll-p-8 { scroll-padding: 2rem; }
  html[data-theme="dark"] .dark-uw-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-auto:hover { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-auto:focus { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-active-overscroll-auto:active { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-auto:disabled { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-auto:focus-visible { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-auto:focus-within { overscroll-behavior: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-auto { overscroll-behavior: auto; }
  html[data-theme="dark"] .dark-uw-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-contain:hover { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-contain:focus { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-active-overscroll-contain:active { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-contain:disabled { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-contain:focus-visible { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-contain:focus-within { overscroll-behavior: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-contain { overscroll-behavior: contain; }
  html[data-theme="dark"] .dark-uw-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-none:hover { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-none:focus { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-active-overscroll-none:active { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-none:disabled { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-none:focus-visible { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-none:focus-within { overscroll-behavior: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-none { overscroll-behavior: none; }
  html[data-theme="dark"] .dark-uw-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-x-auto:hover { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-x-auto:focus { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-active-overscroll-x-auto:active { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-x-auto:disabled { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-x-auto:focus-visible { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-x-auto:focus-within { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-x-auto { overscroll-behavior-x: auto; }
  html[data-theme="dark"] .dark-uw-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-x-contain:hover { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-x-contain:focus { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-active-overscroll-x-contain:active { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-x-contain:disabled { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-x-contain:focus-visible { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-x-contain:focus-within { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-x-contain { overscroll-behavior-x: contain; }
  html[data-theme="dark"] .dark-uw-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-x-none:hover { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-x-none:focus { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-active-overscroll-x-none:active { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-x-none:disabled { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-x-none:focus-visible { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-x-none:focus-within { overscroll-behavior-x: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-x-none { overscroll-behavior-x: none; }
  html[data-theme="dark"] .dark-uw-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-y-auto:hover { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-y-auto:focus { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-active-overscroll-y-auto:active { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-y-auto:disabled { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-y-auto:focus-visible { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-y-auto:focus-within { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-y-auto { overscroll-behavior-y: auto; }
  html[data-theme="dark"] .dark-uw-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-y-contain:hover { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-y-contain:focus { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-active-overscroll-y-contain:active { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-y-contain:disabled { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-y-contain:focus-visible { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-y-contain:focus-within { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-y-contain { overscroll-behavior-y: contain; }
  html[data-theme="dark"] .dark-uw-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-hover-overscroll-y-none:hover { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-focus-overscroll-y-none:focus { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-active-overscroll-y-none:active { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-disabled-overscroll-y-none:disabled { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-overscroll-y-none:focus-visible { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-focus-within-overscroll-y-none:focus-within { overscroll-behavior-y: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-overscroll-y-none { overscroll-behavior-y: none; }
  html[data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-auto:focus-visible { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-auto:focus-within { touch-action: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-auto { touch-action: auto; }
  html[data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
  html[data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
  html[data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-none:focus-visible { touch-action: none; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-none:focus-within { touch-action: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-none { touch-action: none; }
  html[data-theme="dark"] .dark-uw-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan-x:hover { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan-x:focus { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-active-touch-pan-x:active { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan-x:focus-visible { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan-x:focus-within { touch-action: pan-x; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan-x { touch-action: pan-x; }
  html[data-theme="dark"] .dark-uw-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-hover-touch-pan-y:hover { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-touch-pan-y:focus { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-active-touch-pan-y:active { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-pan-y:focus-visible { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-pan-y:focus-within { touch-action: pan-y; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-pan-y { touch-action: pan-y; }
  html[data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-visible-touch-manipulation:focus-visible { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-focus-within-touch-manipulation:focus-within { touch-action: manipulation; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-touch-manipulation { touch-action: manipulation; }
  html[data-theme="dark"] .dark-uw-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
  html[data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
  html[data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-none:focus-visible { user-select: none; }
  html[data-theme="dark"] .dark-uw-focus-within-select-none:focus-within { user-select: none; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-none { user-select: none; }
  html[data-theme="dark"] .dark-uw-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
  html[data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
  html[data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-text:focus-visible { user-select: text; }
  html[data-theme="dark"] .dark-uw-focus-within-select-text:focus-within { user-select: text; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-text { user-select: text; }
  html[data-theme="dark"] .dark-uw-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
  html[data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
  html[data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-all:focus-visible { user-select: all; }
  html[data-theme="dark"] .dark-uw-focus-within-select-all:focus-within { user-select: all; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-all { user-select: all; }
  html[data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
  html[data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
  html[data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-select-auto:focus-visible { user-select: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-select-auto:focus-within { user-select: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-select-auto { user-select: auto; }
  html[data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
  html[data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-auto:focus-visible { will-change: auto; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-auto:focus-within { will-change: auto; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-auto { will-change: auto; }
  html[data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-scroll:focus-visible { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-scroll:focus-within { will-change: scroll-position; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-scroll { will-change: scroll-position; }
  html[data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
  html[data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-transform:focus-visible { will-change: transform; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-transform:focus-within { will-change: transform; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-transform { will-change: transform; }
  html[data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-visible-will-change-opacity:focus-visible { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-focus-within-will-change-opacity:focus-within { will-change: opacity; }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-will-change-opacity { will-change: opacity; }
  html[data-theme="dark"] .dark-uw-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-hover-bg-primary:hover { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-bg-primary:focus { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-active-bg-primary:active { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-primary:focus-visible { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-primary:focus-within { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-primary { background-color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-secondary:focus-visible { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-secondary:focus-within { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
  html[data-theme="dark"] .dark-uw-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-active-bg-success:active { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-success:focus-visible { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-success:focus-within { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-success { background-color: var(--quanta-bg-success); }
  html[data-theme="dark"] .dark-uw-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-warning:focus-visible { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-warning:focus-within { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
  html[data-theme="dark"] .dark-uw-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-danger:focus-visible { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-danger:focus-within { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
  html[data-theme="dark"] .dark-uw-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-active-bg-info:active { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-info:focus-visible { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-info:focus-within { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-info { background-color: var(--quanta-bg-info); }
  html[data-theme="dark"] .dark-uw-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-hover-bg-neutral:hover { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-focus-bg-neutral:focus { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-active-bg-neutral:active { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-disabled-bg-neutral:disabled { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-neutral:focus-visible { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-neutral:focus-within { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-neutral { background-color: var(--quanta-bg-neutral); }
  html[data-theme="dark"] .dark-uw-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-hover-bg-accent:hover { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-focus-bg-accent:focus { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-active-bg-accent:active { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-disabled-bg-accent:disabled { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-accent:focus-visible { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-accent:focus-within { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-accent { background-color: var(--quanta-bg-accent); }
  html[data-theme="dark"] .dark-uw-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-hover-bg-ghost:hover { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-focus-bg-ghost:focus { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-active-bg-ghost:active { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-disabled-bg-ghost:disabled { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-ghost:focus-visible { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-ghost:focus-within { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-ghost { background-color: var(--quanta-bg-ghost); }
  html[data-theme="dark"] .dark-uw-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-hover-bg-link:hover { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-bg-link:focus { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-active-bg-link:active { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-disabled-bg-link:disabled { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-visible-bg-link:focus-visible { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-within-bg-link:focus-within { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-bg-link { background-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-hover-text-primary:hover { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-text-primary:focus { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-active-text-primary:active { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-disabled-text-primary:disabled { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-primary:focus-visible { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-focus-within-text-primary:focus-within { color: var(--quanta-primary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-primary { color: var(--quanta-primary); }
  html[data-theme="dark"] .dark-uw-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-active-text-secondary:active { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-secondary:focus-visible { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-focus-within-text-secondary:focus-within { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-secondary { color: var(--quanta-text-secondary); }
  html[data-theme="dark"] .dark-uw-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-hover-text-success:hover { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-focus-text-success:focus { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-active-text-success:active { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-disabled-text-success:disabled { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-success:focus-visible { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-focus-within-text-success:focus-within { color: var(--quanta-text-success); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-success { color: var(--quanta-text-success); }
  html[data-theme="dark"] .dark-uw-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-hover-text-warning:hover { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-focus-text-warning:focus { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-active-text-warning:active { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-warning:focus-visible { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-focus-within-text-warning:focus-within { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-warning { color: var(--quanta-text-warning); }
  html[data-theme="dark"] .dark-uw-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-hover-text-danger:hover { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-focus-text-danger:focus { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-active-text-danger:active { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-danger:focus-visible { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-focus-within-text-danger:focus-within { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-danger { color: var(--quanta-text-danger); }
  html[data-theme="dark"] .dark-uw-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-hover-text-info:hover { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-focus-text-info:focus { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-active-text-info:active { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-disabled-text-info:disabled { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-info:focus-visible { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-focus-within-text-info:focus-within { color: var(--quanta-text-info); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-info { color: var(--quanta-text-info); }
  html[data-theme="dark"] .dark-uw-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-hover-text-neutral:hover { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-focus-text-neutral:focus { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-active-text-neutral:active { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-disabled-text-neutral:disabled { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-neutral:focus-visible { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-focus-within-text-neutral:focus-within { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-neutral { color: var(--quanta-text-neutral); }
  html[data-theme="dark"] .dark-uw-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-hover-text-accent:hover { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-focus-text-accent:focus { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-active-text-accent:active { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-disabled-text-accent:disabled { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-accent:focus-visible { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-focus-within-text-accent:focus-within { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-accent { color: var(--quanta-text-accent); }
  html[data-theme="dark"] .dark-uw-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-hover-text-ghost:hover { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-focus-text-ghost:focus { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-active-text-ghost:active { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-disabled-text-ghost:disabled { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-ghost:focus-visible { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-focus-within-text-ghost:focus-within { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-ghost { color: var(--quanta-text-ghost); }
  html[data-theme="dark"] .dark-uw-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-hover-text-link:hover { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-text-link:focus { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-active-text-link:active { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-disabled-text-link:disabled { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-visible-text-link:focus-visible { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-within-text-link:focus-within { color: var(--quanta-text-link); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-text-link { color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-hover-border-primary:hover { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-focus-border-primary:focus { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-active-border-primary:active { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-disabled-border-primary:disabled { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-primary:focus-visible { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-focus-within-border-primary:focus-within { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-primary { border-color: var(--quanta-border-primary); }
  html[data-theme="dark"] .dark-uw-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-secondary:focus-visible { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-focus-within-border-secondary:focus-within { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
  html[data-theme="dark"] .dark-uw-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-hover-border-success:hover { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-focus-border-success:focus { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-active-border-success:active { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-success:focus-visible { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-focus-within-border-success:focus-within { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-success { border-color: var(--quanta-border-success); }
  html[data-theme="dark"] .dark-uw-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-active-border-warning:active { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-warning:focus-visible { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-focus-within-border-warning:focus-within { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-warning { border-color: var(--quanta-border-warning); }
  html[data-theme="dark"] .dark-uw-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-active-border-danger:active { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-danger:focus-visible { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-focus-within-border-danger:focus-within { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-danger { border-color: var(--quanta-border-danger); }
  html[data-theme="dark"] .dark-uw-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-hover-border-info:hover { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-focus-border-info:focus { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-active-border-info:active { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-info:focus-visible { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-focus-within-border-info:focus-within { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-info { border-color: var(--quanta-border-info); }
  html[data-theme="dark"] .dark-uw-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-hover-border-neutral:hover { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-focus-border-neutral:focus { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-active-border-neutral:active { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-disabled-border-neutral:disabled { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-neutral:focus-visible { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-focus-within-border-neutral:focus-within { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-neutral { border-color: var(--quanta-border-neutral); }
  html[data-theme="dark"] .dark-uw-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-hover-border-accent:hover { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-focus-border-accent:focus { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-active-border-accent:active { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-disabled-border-accent:disabled { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-accent:focus-visible { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-focus-within-border-accent:focus-within { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-accent { border-color: var(--quanta-border-accent); }
  html[data-theme="dark"] .dark-uw-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-hover-border-ghost:hover { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-focus-border-ghost:focus { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-active-border-ghost:active { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-disabled-border-ghost:disabled { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-ghost:focus-visible { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-focus-within-border-ghost:focus-within { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-ghost { border-color: var(--quanta-border-ghost); }
  html[data-theme="dark"] .dark-uw-border-link { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-hover-border-link:hover { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-border-link:focus { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-active-border-link:active { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-disabled-border-link:disabled { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-visible-border-link:focus-visible { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .dark-uw-focus-within-border-link:focus-within { border-color: var(--quanta-text-link); }
  html[data-theme="dark"] .uw-group:hover .dark-uw-group-hover-border-link { border-color: var(--quanta-text-link); }
}